/*------------------------------------------------------------------
[Master Stylesheet]

Project:        TRUNK
Version:        0
Last change:    05/20/2017
Primary use:    Multipurpose 
Author:         Bitlers 
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
1. Fonts
2. General Styling
3. Cross Browser Compatibility
4. Checkbox Aspect
5. Popup Sec
6. Theme Layout
7. Header
8. Social Buttons
9. Search Header
10. Main Slider Carousel
11. Slider
12. Slider Arrows
13. Services Sec
14. About Parallax
15. Heading
16. Projects
17. Counter
18. Company Steps
19. Team Sec
20. Testimonial Center
21. Blog Sec
22. About Widget
23. Quick Link
24. Subscribe Form
25. Bottom Line
26. Portfolio Fancy Sec
27. Featured About
28. About Block
29. Inner Head
30. Map Vertical
31. Quick Office Contact
32. Pagination
33. Error Section
34. Coming Soon
35. Client Sec
36. Galelry Sec
37. Menu Action
38. Logo Beside Menu
39. Product Categories
40. Wide Product
41. Landing Header
42. Services Fancy
43. Fancy Section
44. Trial Form Section
45. App Gallery
46. Header 3
47. Author Widget
48. Post Widget
49. Twitter Widget
50. Event Box
51. Checkout Page
52. Single Product Slide
53. Single Product Details
54. Collapse
55. Cube Portfolio
4. Cross Browser Compatibility

-------------------------------------------------------------------*/

/*=============== Fonts ===================*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,300,300i,400,400i,500,500i,700,700i,900i');
/*=============== General Styling ===================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1.2}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
html{overflow-x:hidden}
body{
    color:#555555;
    letter-spacing:0;
    font-family:'Roboto', sans-serif;;
    overflow-x:hidden;
    position:relative;
    letter-spacing:0.25px;
}
body *{outline:none!important}
h1, h2, h3, h4, h5, h6{
    margin-bottom:20px;
    font-family:'Montserrat', serif;
}
h1{font-size:36px}
h2{font-size:32px}
h3{font-size:28px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:16px}
p{
    color:#666666;
    font-size:16px;
    margin-bottom:30px;
    line-height:29px;
}
a, a:hover, a:focus {
    color: inherit;
}
a:hover,
a:focus{
    text-decoration:none;
    outline:none;
}
input:hover,input:focus{outline:none}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before {
    background: #e3e3e3 none repeat scroll 0 0;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .1em;
  left: .3em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;

  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);

}
[type="checkbox"]:checked + label:after {
  opacity: 1;

  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;

  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}

/* Popup Sec */
.popup-sec {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 0;
}
html.no-scroll {
    overflow: hidden;
}
.popup-sec.active {
    opacity: 1;
    visibility: visible;
    z-index: 3;
}
.popup-sec.active .acount-tabs {
    margin-left: 50%;
    opacity: 1;
    visibility: visible;
}
.custom-popup {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.acount-tabs {
    background: #ffffff none repeat scroll 0 0;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    float: left;
    margin-left: 60%;
    margin-top: 80px;
    opacity: 0;
    
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    visibility: visible;
    width: 460px;
}
.close-account-popup i{
    color: #7d7d7d;
    margin-right: 7px;
}
.close-account-popup {
    background: #ffffff none repeat scroll 0 0;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    cursor: pointer;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    height: 47px;
    line-height: 47px;
    margin-left: -26px;
    margin-top: -118px;
    position: absolute;
    text-align: center;
    top: 50%;
    
    -webkit-transform: rotate(-90deg) translateX(-50%);
    -moz-transform: rotate(-90deg) translateX(-50%);
    -ms-transform: rotate(-90deg) translateX(-50%);
    -o-transform: rotate(-90deg) translateX(-50%);
    transform: rotate(-90deg) translateX(-50%);

    width: 180px;
}
.acount-tabs > ul {
    margin: 0 30px 0 0;
    padding: 0;
    position: absolute;
    right: 100%;
    top: 50%;
}
.acount-tabs > ul > li {
    left: -123px;
    margin-bottom: 0;
    margin-right: -53px;
    margin-top: 62px;
    opacity: 1;
    position: absolute;
    
    -webkit-transform: rotate(-90deg) translateX(50%);
    -moz-transform: rotate(-90deg) translateX(50%);
    -ms-transform: rotate(-90deg) translateX(50%);
    -o-transform: rotate(-90deg) translateX(50%);
    transform: rotate(-90deg) translateX(50%);

    visibility: visible;
}
.acount-tabs > ul > li.current {
    left: -93px;
    opacity: 0;
    visibility: hidden;
}
.acount-tabs > ul > li.current a{
    color: #333333;
    background: #ffffff none repeat scroll 0 0;
}
.acount-tabs > ul > li a {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    width: 180px;
}
.acount-tabs > ul > li a i {
    margin-right: 7px;
}
.popup-sec .tab-content {
    display: none;
}
.popup-sec .tab-content.current {
    display: block;
}
.acount-form-sec {
    background-color: #ffffff;
    background-image: url("../images/login-bg.png");
    background-position: right top;
    background-repeat: no-repeat;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    float: left;
    overflow: hidden;
    padding: 50px 105px 50px 50px;
    width: 100%;
}
.acount-form-sec p label {
    font-size: 15px;
}
.register-form .acount-form-sec input[type="submit"] {
    margin-top: 30px;
}
.register-form .acount-form-sec p {
    float: left;
    margin-bottom: 18px;
    margin-right: 20px;
    width: auto;
}
.custom-popup .tab-content {
    float: left;
    width: 100%;
}
.acount-form-sec > .logo {
    float: left;
    text-align: left;
}
.acount-form-sec > span {
    color: #666666;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    padding-left: 1px;
}
.acount-form-sec > form {
    float: left;
    margin-top: 80px;
    width: 100%;
}
.acount-form-sec > form > h4 {
    color: #252525;
    float: left;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
}
.acount-form-sec > form input[type="text"], 
.acount-form-sec > form input[type="email"], 
.acount-form-sec > form input[type="password"] {
    background: #e3e3e3 none repeat scroll 0 0;
    border: medium none;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 14px;
    height: 49px;
    margin-bottom: 20px;
    padding: 0 20px;
    width: 100%;
}
.login-alternative {
    float: left;
    margin-top: 65px;
    width: 100%;
}
.login-alternative > h4 {
    color: #252525;
    float: left;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
}
.login-alternative > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.login-alternative > ul li {
    float: left;
    margin: 0 4px 0 0;
}
.login-alternative > ul li a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-size: 16px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    width: 37px;
}
.login-alternative > ul li.facebook a{
    background: #4267d1;
}
.login-alternative > ul li.twitter a{
    background: #21aeff;
}
.login-alternative > ul li.google a{
    background: #ff5252;
}
.login-alternative > ul li.linkedin a{
    background: #3f3f3f;
}
.acount-form-sec > p {
    color: #818181;
    float: left;
    font-size: 13px;
    font-style: italic;
    line-height: 20px;
    margin: 30px 0 0;
    padding-right: 60px;
    width: 100%;
}

/* Theme Layout */
.theme-layout{
    float:left;
    overflow:hidden;
    position:relative;
    width:100%;
}
.theme-layout.boxed{
    float:none;
    margin:0 auto;
    width:1280px;
    background:#FFF;
    z-index:1;
    -webkit-box-shadow:0 0 10px #000;
    -moz-box-shadow:0 0 10px #000;
    -ms-box-shadow:0 0 10px #000;
    -o-box-shadow:0 0 10px #000;
    box-shadow:0 0 10px #000;
}
body.bg {
    background-image: url("../images/resource/parallax4.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
section{
    float:left;
    position:relative;
    width:100%;
}
.block{
    float:left;
    width:100%;
    padding:110px 0;
    position:relative;
}
.block.less-space{padding:80px 0}
.block .container{padding:0}
.container{padding:0}
.block.remove-top{padding-top:0}
.block.no-padding{
    padding-top:0;
    padding-bottom:0;
}
.block.dark{background:#2d2d2d}
.block.gray{background:#f7f7f7}
.block.remove-bottom{padding-bottom:0}
.parallax,.fixed-bg{
    background-size:cover!important;
    height:100%;
    width:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
}
.fixed-bg{
    background-attachment:fixed !important;
    background-size:cover!important;
}
.parallax.no-parallax {
    background-attachment: scroll !important;
    background-position: inherit !important;
}
.layer:before{
    content:"";
    height:100%;
    opacity:0.95;
    z-index:0;
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.whitish:before{
    background-color:#ffffff;
    opacity:0.90;
}
.blackish:before{
    background-color:#000000;
    opacity:0.85;
}
ul {
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0;
}
ul li{
    color:#1e1e1e;
    margin-bottom: 15px;
    position: relative;
}
iframe{
    width:100%;
    border:0;
}
i{font-style:italic}
img{float:left;height:auto}
:-webkit-input-placeholder{opacity:1}
:-moz-placeholder{opacity:1}
:-ms-input-placeholder{opacity:1}
input[type="text"], input[type="email"], textarea {
    background: #e4e4e4 none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 19px 28px;
    width: 100%;
}
textarea{
    max-width:100%;
    min-height:200px;
    padding: 19px 28px;
}
strong{font-weight:800}
button{
    float:right;
    font-size:18px;
    padding:8px 30px;
    color:#FFF;
    
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;

    background:black;
    border:0;
    letter-spacing:1px;
}

/* Header */
header.text-dark .logo-bar-transparent .logo > a {
    color: #222222;
}
.header-menus-full.text-light .logo a {
    color: #333333;
}
.header-menus-full.text-light nav > ul > li > a {
    color: #333333;
}
.header-menus-full.text-light {
    background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0;
}
header {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    position: relative;
    width: 100%;
    z-index: 2;
}
.top-bar.dark {
    background: #2b303c none repeat scroll 0 0;
}
.top-bar.dark .quick-info-bar {
    color: #c6c6c6;
}
.top-bar {
    background: #dfdfdf none repeat scroll 0 0;
    float: left;
    position: relative;
    width: 100%;
}
.quick-info-bar {
    color: #464646;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    line-height: 27px;
    margin: 9px 0;
}
.quick-info-bar > i {
    float: left;
    font-size: 14px;
    margin-right: 14px;
    line-height: 27px;
}
.social-popup-btn {
    float: right;
}


/* Social Buttons */
.social-btns {
    float: left;
    list-style: outside none none;
    margin: 11px 0;
    padding: 0;
}
.social-btns > li {
    float: left;
    margin: 0 3px;
}
.social-btns > li > a:hover {
    background: #8f8f8f none repeat scroll 0 0;
    color: #ffffff;
}
.social-btns > li > a {
    background: #ffffff none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #787878;
    float: left;
    font-size: 10px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    width: 23px;
}
.open-popup {
    -webkit-border-radius: 0 0 22px 22px;
    -moz-border-radius: 0 0 22px 22px;
    -ms-border-radius: 0 0 22px 22px;
    -o-border-radius: 0 0 22px 22px;
    border-radius: 0 0 22px 22px;

    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 15px;
    height: 68px;
    margin-bottom: -23px;
    margin-left: 25px;
    padding: 22px 0;
    text-align: center;
    width: 38px;
}
.logo-bar {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    padding: 30px 0;
    width: 100%;
}
.get-quote-btn:hover {
    color: #ffffff;
}
.get-quote-btn {
    border: 1px solid #e1e1e1;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    color: #777777;
    float: left;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 6px 0;
    padding: 13px 28px;
    text-transform: uppercase;
}
.logo {
    float: left;
    text-align: center;
    width: 100%;
}
.logo > a {
    color: #181717;
    display: inline-block;
    font-family: Montserrat;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

/* Search Header */
.search-header {
    float: right;
    margin: 6px 0;
}
.search-header form {
    border: 1px solid #e1e1e1;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    height: 34px;
    width: 210px;
    position: relative;
    display: table;
}
.search-header form input[type="text"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: table-cell;
    float: none;
    margin: 0;
    padding: 12px 30px;
    width: 170px;
}
.search-header form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #939292;
    display: table-cell;
    float: right;
    font-size: 11px;
    padding: 13px 12px;
    width: auto;
}
.header-menus {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    float: left;
    width: 100%;
}
.header-menus nav {
    float: left;
    width: 100%;
}
.header-menus nav > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.header-menus nav > ul > li {
    display: inline-block;
    float: none;
    margin: 0 0 -4px;
    position: relative;
    text-align: left;
}
.header-menus nav > ul > li > a {
    color: #494848;
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    padding: 17px 20px 19px;
    position: relative;
}
.header-menus nav > ul > li > a::before {
    content: "\f27c";
    font-family: fontawesome;
    font-size: 14px;
    left: 0;
    margin-top: -8px;
    opacity: 0;
    position: absolute;
    top: 40%;
}
.header-menus nav > ul > li:hover > a::before {
    opacity: 1;
    top: 50%;
}
.header-menus nav > ul > li:first-child > a::before {
    opacity: 1;
    top: 50%;
}
.header-menus nav > ul > li.menu-item-has-children > ul {
    border: 1px solid #e8ecec;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    opacity: 0;
    position: absolute;
    top: 80%;
    visibility: hidden;
    width: 230px;
    z-index: 1;
}
nav ul li.menu-item-has-children > ul.mega {
    width: 400px;
}
nav ul li.menu-item-has-children > ul.mega > li {
    width: 50% !important;
    float: left;
}
.header-menus nav > ul > li.menu-item-has-children:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.header-menus nav > ul li.menu-item-has-children:hover> ul > li {
    margin: 0;
}
.header-menus nav > ul li.menu-item-has-children > ul > li:hover > a {
    background: #f2f2f2 none repeat scroll 0 0;
}
.header-menus nav > ul li.menu-item-has-children > ul > li {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    margin: 7px 0;
    width: 100%;
}
.header-menus nav > ul li.menu-item-has-children > ul > li > a {
    border-bottom: 1px solid #e8ecec;
    color: #656565;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding: 14px 30px;
    width: 100%;
}
.header-menus nav > ul li.menu-item-has-children > ul > li:last-child a {
    border: medium none;
}
nav li.menu-item-has-children .menu-item-has-children > ul {
    left: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 200px;
}
nav li.menu-item-has-children .menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
}


/* Main Slider Carousel */
.featured-container.style2 .featured-slide-content {
    display: inline-block;
    float: none;
    width: 720px;
}
.featured-container.style2 .featured-slide-content > span {
    color: #ebebeb;
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 300;
    width: 100%;
}
.featured-container.style2 .featured-slide-content > h3 {
    color: #ffffff;
    font-size: 82px;
    font-weight: 500;
    letter-spacing: -4px;
    line-height: 90px;
    margin-top: 28px;
}
.featured-container.style2 .featured-slide-content .group-btns {
    float: left;
    margin-top: 17px;
    text-align: center;
    width: 100%;
}
.featured-container.style2 .featured-slide-content .group-btns > li {
    display: inline-block;
    float: none;
}
.featured-container.style2{
    text-align: center;
}
.main-slider-carousel {
    float: left;
    margin: 0;
    width: 100%;
}
.main-slider-carousel .slick-slide {
    margin: 0;
}
.featured-slides {
    float: left;
    position: relative;
    width: 100%;
}
.featured-slides > img {
    float: left;
    width: 100%;
}
.featured-container {
    left: 0;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 100%;
}
.featured-slide-content {
    float: left;
    margin-top: -130px;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    
    -webkit-transition: all 0.4s ease 0.5s;
    -moz-transition: all 0.4s ease 0.5s;
    -ms-transition: all 0.4s ease 0.5s;
    -o-transition: all 0.4s ease 0.5s;
    transition: all 0.4s ease 0.5s;

}
.slick-slide.slick-active.slick-current .featured-slide-content {
    margin: 0;
    opacity: 1;
    visibility: visible;
}
.featured-slide-content > span {
    color: #6a6868;
    float: left;
    font-family: Montserrat;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 37px;
    margin-top: -15px;
    width: 100%;
}
.featured-slide-content h3 {
    color: #2b2b2b;
    float: left;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 80px;
    margin: 0 0 15px;
    width: 100%;
}
.group-btns.separate > li {
    float: left;
    margin: 7px 0;
    width: 100%;
}
.group-btns {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.group-btns > li {
    float: left;
    margin: 7px 7px 0 0;
}
.theme-btn {
    border: medium none;
    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;

    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: bold;
    padding: 17px 30px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-transform: uppercase;
}
.theme-btn:hover{
    color: #ffffff;
}
.theme-btn::before {
    background: #000000 none repeat scroll 0 0;
    
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    content: "";
    height: 30px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    width: 30px;
    z-index: -1;
}
.theme-btn:hover::before {
    height: 200px;
    opacity: 0.2;
    width: 200px;
}
.theme-btn.center {
    float: left;
    margin-left: 50%;
    
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

}
.theme-btn i {
    margin-right: 12px;
}
.theme-btn.gray{
    background: #8f929a;
}
.theme-btn.white {
    background: #ffffff none repeat scroll 0 0;
    color: #333333;
}
.theme-btn.dark {
    background: #2a2927 none repeat scroll 0 0;
}

/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list{
    background: #fff url('ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev, .slick-next {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 55%;
    
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%);

    visibility: hidden;
    width: 40px;
    z-index: 1;
}
.slick-slider:hover .slick-next, .slick-slider:hover .slick-prev {
    opacity: 1;
    top: 50%;
    visibility: visible;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
    opacity: .25;
}
.slick-prev::before, .slick-next::before {
    color: #a3a3a3;
    font-family: "fontawesome";
    font-size: 20px;
    left: 0;
    line-height: 40px;
    opacity: 0.75;
    position: absolute;
    text-align: center;
    width: 100%;
}
.slick-next {
    right: 50px;
}
.slick-prev {
    left: 50px;
}
[dir='rtl'] .slick-prev{
    left: auto;
}
.slick-prev:before{
    content: '\f104';
}
[dir='rtl'] .slick-prev:before{
    content: '\f104';
}
[dir='rtl'] .slick-next{
    right: auto;
}
.slick-next:before{
    content: '\f105';
}
[dir='rtl'] .slick-next:before{
    content: '\f105';
}

.slick-dots {
    float: left;
    margin-bottom: 0;
    margin-top: 30px;
    position: static;
    width: 100%;
}
.slick-dots > li {
    display: inline-block;
    float: none;
    margin: 0 2px;
}
.slick-dots > li > button {
    background: #bfbfbf none repeat scroll 0 0;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    color: transparent;
    float: left;
    height: 11px;
    padding: 0;
    width: 11px;
}
.slick-dots > li.slick-active > button {
    width: 22px;
}

/* Services Sec */
.services-sec {
    float: left;
    margin-top: -50px;
    width: 100%;
}
.services-box.fancy .services:hover a i {
    color: #ffffff;
}
.services:hover > h3 {
    border-left: 5px solid #cfcfcf;
    padding-left: 20px;
}
.services {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.services > h3 {
    color: #2c2c2c;
    float: left;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 22px 0 0;
    padding-right: 20px;
    position: relative;
}
.services > i {
    color: #bababa;
    float: left;
    font-size: 29px;
    width: 100%;
}
.services > h3 > span {
    float: right;
    font-family: Montserrat;
    font-size: 40px;
    line-height: 29px;
    margin-left: 6px;
    margin-top: -7px;
}
.services p {
    color: #696969;
    float: left;
    font-size: 14px;
    margin: 8px 0 0;
    width: 100%;
}

/* About Parallax */
.about-parallax {
    display: table;
    float: left;
    padding: 0 105px;
    width: 100%;
}
.about-parallax > .about-image {
    display: table-cell;
}
.about-parallax > .about-compnay-infos {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.about-image.overlape img {
    margin-top: -60px;
}
.about-compnay-infos {
    float: left;
    padding-left: 50px;
    width: 100%;
}
.about-compnay-infos > span {
    color: #efefef;
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}
.about-compnay-infos > h3 {
    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 27px;
    line-height: 36px;
    margin: 21px 0;
    width: 100%;
}
.about-compnay-infos > p {
    color: #c6c6c6;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.about-compnay-infos h6 {
    color: #d3d3d3;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 29px;
    margin: 0;
    width: 100%;
}
.about-compnay-infos h6 i {
    font-size: 13px;
    margin-right: 10px;
}
.about-compnay-infos .group-btns {
    margin-top: 30px;
}

.related-posts {
    float: left;
    width: 100%;
}
.heading2 {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.heading2 > h3 {
    color: #232323;
    float: left;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.heading2 > span {
    float: left;
    font-size: 14px;
    margin-top: 8px;
    width: 100%;
}

/* Heading */
.heading {
    float: left;
    margin-bottom: 60px;
    text-align: center;
    width: 100%;
    position: relative;
}
.heading > i {
    font-size: 135px;
    left: 0;
    opacity: 0.07;
    position: absolute;
    text-align: center;
    top: -60px;
    width: 100%;
    z-index: -1;
}
.heading > h2 {
    color: #191818;
    float: left;
    font-family: Montserrat;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 13px;
    width: 100%;
}
.heading > span {
    float: left;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 0;
    width: 100%;
}


/* Projects */
.project-box {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.project-box-sec .theme-btn {
    margin-top: 40px;
}
.project-box-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.project-box-sec .project-box {
    margin-top: 30px;
}
.project-thumb {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.project-thumb > img {
    float: left;
    width: 100%;
}
.project-details {
    position: absolute;
}
.project-thumb::before {
    background: #141414 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);

    width: 100%;
    z-index: 1;
}
.project-box:hover > .project-thumb::before {
    opacity: 0.92;
    
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

}
.project-box:hover > .project-thumb img {
    
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);

}
.project-details {
    left: 0;
    padding-left: 55px;
    padding-right: 90px;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.project-details > span {
    color: #cbcbcb;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    width: 100%;
}
.project-details > h3 {
    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 18px;
    line-height: 30px;
    margin-top: 57px;
    width: 100%;
}
.project-details > h3:hover a{
    color: #ffffff;
}
.project-box > a:hover {
    background: #4f4f4f none repeat scroll 0 0;
}
.project-box:hover .project-details > h3{
    margin-top: 15px;
}
.project-box:hover .project-details{
    opacity: 1;
    visibility: visible;
}
.project-box > a {
    
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;

    bottom: -44px;
    color: #ffffff;
    font-size: 16px;
    height: 42px;
    left: 50px;
    line-height: 42px;
    position: absolute !important;
    text-align: center;
    width: 42px;
    z-index: 1 !important;
}
.project-box:hover > a{
    bottom: 0;
}
.cbp-popup-lightbox-img {
    max-height: none !important;
    width: 100% !important;
}
.our-projects-masonry > #js-filters-masonry {
    float: left;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.our-projects-masonry .cbp-filter-item {
    color: #242424;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-family: Montserrat;
    font-size: 16px;
    padding: 0 20px;
    position: relative;
}
.our-projects-masonry  .cbp-filter-item > .cbp-filter-counter {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    font-size: 11px;
    height: 22px;
    left: 50%;
    line-height: 22px;
    margin-left: -11px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: -8px;
    visibility: hidden;
    width: 22px;
}
.our-projects-masonry .cbp-filter-item.cbp-filter-item-active > .cbp-filter-counter {
    opacity: 1;
    top: -30px;
    visibility: visible;
}
.our-projects-masonry .cbp-filter-item:hover > .cbp-filter-counter {
    background: #555555 none repeat scroll 0 0;
    opacity: 1;
    top: -30px;
    visibility: visible;
}
.our-projects-masonry .cbp-filter-item::before {
    content: "[";
    font-family: Montserrat;
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 0;
}
.our-projects-masonry .cbp-filter-item::after {
    content: "]";
    font-family: Montserrat;
    right: 10px;
    opacity: 0;
    position: absolute;
    top: 0;
}
.our-projects-masonry .cbp-filter-item.cbp-filter-item-active::before {
    left: 0;
    opacity: 1;
    visibility: visible;
}
.our-projects-masonry .cbp-filter-item.cbp-filter-item-active::after {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.our-projects-masonry {
    float: left;
    width: 100%;
}
.grid {
    float: left;
    width: 100%;
}

/* Counter */
.counter {
    display: table-cell;
    padding-top: 50px;
    text-align: center;
    width: 20%;
}
.counter > i {
    color: #b7b7b7;
    float: left;
    font-size: 32px;
    width: 100%;
}
.counter > h3 {
    color: #2d2d2d;
    float: left;
    font-family: Montserrat;
    font-size: 32px;
    font-weight: bold;
    line-height: 50px;
    margin: 12px 0 4px;
    width: 100%;
}
.counters-fact {
    display: table;
    float: left;
    margin-top: -50px;
    padding: 0 90px;
    width: 100%;
}

/* Company Steps */
.how-company-steps {
    float: left;
    width: 100%;
}
.company-steps-title {
    float: left;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}
.company-steps-title > span {
    color: #606060;
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    width: 100%;
}
.company-steps-title > i {
    color: #606060;
    font-size: 470px;
    left: 0;
    opacity: 0.05;
    position: absolute;
    top: -90px;
}
.company-steps-title > h3 {
    color: #272727;
    float: left;
    font-family: Montserrat;
    font-size: 27px;
    letter-spacing: -1px;
    margin-bottom: 10px;
    margin-top: 19px;
    width: 100%;
}
.company-steps-title > p {
    float: left;
    margin: 0;
    padding-right: 60px;
    width: 100%;
}
.steps-list {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.steps-list li.slick-slide {
    padding: 0 2px;
}
.steps {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    padding: 40px 10px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;
}
.steps > i {
    color: #c0c0c0;
    float: left;
    font-size: 23px;
    width: 100%;
}
.steps h5 {
    float: left;
    font-size: 16px;
    line-height: 40px;
    margin: 0 0 -3px;
    width: 100%;
}
.steps > span {
    color: #7a7a7a;
    font-family: Roboto;
    font-size: 14px;
}
.steps::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);

    width: 100%;
    z-index: -1;
    opacity: 0;
}
.steps:hover::before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

    opacity: 1;
    
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

}
.steps:hover > i,
.steps:hover > h5,
.steps:hover > span{
    color: #ffffff;
}

/* Team Sec */
.team-sec {
    float: left;
    margin-top: -50px;
    width: 100%;
}
.team {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.team-img > img {
    float: left;
    width: 100%;
}
.team-img {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
.team-img > i {
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    position: relative;
    top: -24px;
    width: 48px;
    z-index: 0;
}
.team-img > i::after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    content: "";
    height: 58px;
    left: -5px;
    opacity: 0.4;
    position: absolute;
    top: -5px;
    width: 57px;
    z-index: -1;
}
.team-info {
    float: left;
    text-align: center;
    width: 100%;
}
.team-info > h3 {
    color: #232323;
    float: left;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.3px;
    margin-bottom: 9px;
    width: 100%;
}

/* Testimonial Center */
.testimonials-center {
    float: left;
    padding: 0 60px;
    width: 100%;
}
.reviews-list {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    margin: 0;
    padding: 65px 55px;
    width: 100%;
}
.testimonial {
    float: left;
    text-align: center;
    width: 100%;
}
.testimonial > i {
    color: #ebedef;
    float: left;
    font-size: 58px;
    text-align: left;
    width: 100%;
}
.testimonial > img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    display: inline-block;
    float: none;
    margin-bottom: 20px;
    margin-top: 13px;
}
.testimonial > p {
    color: #565656;
    font-size: 17px;
    font-style: italic;
}
.testimonial > h3 {
    color: #272727;
    float: left;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0;
    width: 100%;
}
.testimonial > span {
    color: #778993;
    float: left;
    font-size: 13px;
    margin-top: 11px;
    width: 100%;
}
.reviews-list .slick-dots {
    text-align: center;
}

/* Blog Sec */
.blog-sec {
    float: left;
    margin-top: -50px;
    width: 100%;
}
.blog-post:hover .blog-thumb a img {
    opacity: 0.7;
}
.blog-post {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.blog-thumb {
    float: left;
    position: relative;
    width: 100%;
}
.blog-thumb > a {
    background: #000000 none repeat scroll 0 0;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    float: left;
    width: 100%;
}
.blog-thumb > a img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    float: left;
    width: 100%;
}
.blog-infos {
    float: left;
    width: 100%;
}
.blog-thumb > .date {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    bottom: 0;
    color: #ffffff;
    float: left;
    height: 52px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 58px;
}
.blog-thumb > .date a {
    float: left;
    padding: 9px 0;
    text-align: center;
    width: 100%;
}
.blog-thumb > .date a > strong {
    float: left;
    font-family: Roboto;
    font-size: 14px;
    width: 100%;
}
.blog-thumb > .date a span {
    float: left;
    font-family: Roboto;
    font-size: 13px;
    width: 100%;
}
.blog-infos > h3 {
    color: #141414;
    float: left;
    font-family: Montserrat;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
    margin: 18px 0 6px;
    width: 100%;
}
.blog-metas {
    float: left;
    line-height: 28px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.blog-metas > li {
    float: left;
    margin: 0 14px 0 0;
}
.blog-metas > li {
    color: #141414;
    float: left;
    font-size: 14px;
    margin: 0 14px 0 0;
}
.blog-metas > li > h6 {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    width: auto;
}
.blog-metas > li > a {
    color: #6f6f6f;
    font-family: Montserrat;
    font-size: 14px;
}
.blog-metas > li > a i {
    margin-right: 6px;
}


/* About Widget */
.about-widget {
    float: left;
    text-align: left;
    width: 100%;
}
.about-widget > .logo {
    float: left;
    text-align: left;
    width: 100%;
}
.about-widget > .logo > a {
    color: #ffffff;
}
.about-widget a.theme-btn {
    margin-top: 40px;
}
.about-widget > p {
    color: #9d9d9d;
    float: left;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 16px;
    width: 100%;
}
.about-widget > ul {
    float: left;
    list-style: outside none none;
    margin: 23px 0 0;
    padding: 0 170px 0 0;
    width: 100%;
}
.about-widget > ul > li {
    color: #9d9d9d;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 4px;
    width: 100%;
}
.about-widget > ul > li i {
    float: left;
    margin-bottom: 13px;
    margin-right: 13px;
    margin-top: 7px;
}
.theme-btn.dark {
    background: #2a2927 none repeat scroll 0 0;
}
.widget {
    float: left;
    width: 100%;
}
.title-footer > h3 {
    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    width: 100%;
}
.title-footer {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.footer-post-widget {
    float: left;
    width: 100%;
}
.footer-posts {
    display: table;
    float: left;
    width: 100%;
}
.footer-post-thumb {
    display: table-cell;
}
.footer-post-detail {
    display: table-cell;
    padding-left: 30px;
    vertical-align: middle;
    width: 100%;
}
.footer-post-detail > h3 {
    color: #ffffff;
    float: left;
    font-size: 17px;
    line-height: 30px;
    margin: 0;
    width: 100%;
}
.footer-post-detail > a {
    color: #a6a6a6;
    float: left;
    font-size: 12px;
    margin-top: 6px;
    width: 100%;
}
.footer-post-detail > a i {
    margin-right: 6px;
}

/* Quick link */
.quick-links-widget {
    float: left;
    width: 100%;
}
.quick-links-widget > ul {
    float: left;
    margin: 0;
    width: 100%;
}
.quick-links-widget > ul > li {
    float: left;
    line-height: 24px;
    padding-right: 15px;
    width: 50%;
}
.quick-links-widget > ul > li a:hover {
    color: #ffffff;
}
.quick-links-widget > ul > li a {
    color: #a6a6a6;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    width: 100%;
}
.quick-links-widget > ul > li a i {
    margin-right: 10px;
}

/* Subscribe form */
.subscribe-form {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.subscribe-form > form {
    border: 1px solid #424242;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    float: left;
    position: relative;
    width: 100%;
}
.subscribe-form > form > input {
    border: medium none;
    color: #9b9b9b;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    height: 56px;
    margin: 0;
    padding: 17px 70px 17px 30px;
    text-transform: uppercase;
    width: 100%;
}
.subscribe-form > form > button:hover{
    background: #444444;
}
.subscribe-form > form > button {
    font-size: 14px;
    height: 43px;
    padding: 0;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 6px;
    width: 44px;
}
.subscribe-form > p {
    color: #b4b4b4;
    float: left;
    font-size: 13px;
    margin: 20px 0 0;
    padding-right: 70px;
    width: 100%;
}

/* Bottom Line */
.bottomline {
    background: #252424 none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.bottomline span {
    color: #868686;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    line-height: 30px;
    padding: 21px 0;
}
.bottomline span a {
    color: #cfcfcf;
}
.bottomline ul {
    float: right;
    margin: 0;
    width: auto;
}
.bottomline ul > li {
    float: left;
    margin: 0;
}
.bottomline ul > li a {
    color: #b1b1b1;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    padding: 30px 23px;
}
.bottomline ul > li a:hover {
    color: #ffffff;
}
.product-features {
    display: table;
    float: left;
    position: relative;
    width: 100%;
}
.product-features > .product-features-list {
    display: table-cell;
    vertical-align: middle;
    width: 31%;
}
.product-features > .features-list-thumb {
    display: table-cell;
    position: relative;
    text-align: center;
    width: 38%;
}
.product-features-list > ul {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0 85px 0 0;
    text-align: right;
    width: 100%;
}
.product-features-list.flip > ul {
    padding-left: 85px;
    padding-right: 0;
}
.product-features > .product-features-list.flip {
    padding-left: 0;
}
.product-features-list.flip > ul {
    padding-right: 0;
}
.product-features-list > ul > li {
    float: right;
    margin-bottom: 70px;
    position: relative;
    text-align: right;
    width: 100%;
}
.product-features-list > ul > li:first-child, .product-features-list > ul > li:last-child {
    margin-right: -60px;
}
.product-features-list.flip, .product-features-list.flip ul, .product-features-list.flip li {
    text-align: left;
}
.product-features-list.flip li {
    float: left;
    padding-right: 0;
}
.product-features-list.flip > ul > li:first-child, .product-features-list.flip > ul > li:last-child {
    margin-left: -60px;
}
.product-features-list.flip li > i {
    left: 0;
    right: auto;
}
.product-features-list > ul > li:last-child {
    margin-bottom: 0;
}
.product-features-list > ul > li > i {
    background: #313c48 none repeat scroll 0 0;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    float: right;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 16px;
    right: 0;
    text-align: center;
    top: 2px;
    width: 40px;
}
.product-features-list h3 {
    color: #232323;
    float: left;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 0 5px;
    width: 100%;
}
.product-features-list.flip li > i {
    float: left;
}
.product-features-list p {
    float: left;
    font-family: Roboto;
    font-size: 15px;
    margin: 2px 0 0;
    width: 100%;
}


.clients {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 70px;
    width: 100%;
}
.clients li a {
    float: left;
    text-align: center;
    width: 100%;
}
.clients li a:hover img {
    opacity: 1;
}
.clients li a img {
    border: 3px solid #dedede;
    display: inline-block;
    float: left;
    opacity: 0.5;
    width: 100%;
}
.clients li.slick-slide {
    padding: 0 15px;
}
.clients button.slick-next,
.clients button.slick-prev {
    background: #ebebeb none repeat scroll 0 0;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    font-size: 13px;
    height: 26px;
    line-height: 26px;
    opacity: 1;
    padding: 0;
    text-align: center;
    visibility: visible;
    width: 26px;
    margin-top: -13px;
}
.clients button.slick-next{
    right: -20px;
}
.clients button.slick-prev{
    left: -20px;
}
.clients button.slick-next::before, .clients button.slick-prev::before {
    font-size: 13px;
    line-height: 26px;
}

/* Portfolio Fancy Sec */
.portfolio-fancy-sec {
    float: left;
    width: 100%;
}
.portfolio-fancy-sec > ul {
    float: left;
    margin: 0;
    width: 100%;
}
.portfolio-fancy {
    float: left;
    margin: 60px 0;
    opacity: 0.5;
    overflow: hidden;
    padding: 30px;
    position: relative;
    width: 100%;
}
.slick-slide.slick-active.slick-center .portfolio-fancy {
    padding: 0;
    opacity: 1;
    
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);

    z-index: 9;
}
.portfolio-fancy:before{
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 29%, rgba(0,0,0,0.87) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 29%,rgba(0,0,0,0.87) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 29%,rgba(0,0,0,0.87) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#de000000',GradientType=0 );

    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    width: 100%;
}
.slick-slide.slick-active.slick-center > .portfolio-fancy::before {
    opacity: 1;
}
.fancy-portfolio-info {
    bottom: 0;
    left: 0;
    padding: 0 100px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.fancy-portfolio-info > span {
    color: #cbcbcb;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    margin-bottom: 20px;
    opacity: 0;
    width: 100%;
}
.fancy-portfolio-info > h3 {
    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 22px;
    letter-spacing: -0.3px;
    line-height: 35px;
    margin-top: 13px;
    margin-bottom: 50px;
    opacity: 0;
    visibility: hidden;
    width: 100%;

   -webkit-transition: all 0.1s ease 0.1s;
   -moz-transition: all 0.1s ease 0.1s;
   -ms-transition: all 0.1s ease 0.1s;
   -o-transition: all 0.1s ease 0.1s;
   transition: all 0.1s ease 0.1s;
}
.fancy-portfolio-info > a:hover {
    background: #737373 none repeat scroll 0 0;
}
.fancy-portfolio-info > a {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;

    bottom: -44px;
    color: #ffffff;
    font-size: 16px;
    height: 42px;
    left: 50%;
    line-height: 42px;
    margin-left: -21px;
    position: absolute;
    text-align: center;
    width: 42px;
    
    -webkit-transition: all 0.1s ease 0.1s;
    -moz-transition: all 0.1s ease 0.1s;
    -ms-transition: all 0.1s ease 0.1s;
    -o-transition: all 0.1s ease 0.1s;
    transition: all 0.1s ease 0.1s;

    z-index: 1;
}
.portfolio-fancy-sec > ul li {
    margin: 0;
}
.slick-slide.slick-active.slick-center > .portfolio-fancy > .fancy-portfolio-info h3 {
    margin-bottom: 88px;
    opacity: 1;
    visibility: visible;
    
    -webkit-transition: all 0.4s ease 0.4s;
    -moz-transition: all 0.4s ease 0.4s;
    -ms-transition: all 0.4s ease 0.4s;
    -o-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;

    
}
.slick-slide.slick-active.slick-center > .portfolio-fancy > .fancy-portfolio-info a {
    bottom: 0;
    
    -webkit-transition: all 0.4s ease 0.7s;
    -moz-transition: all 0.4s ease 0.7s;
    -ms-transition: all 0.4s ease 0.7s;
    -o-transition: all 0.4s ease 0.7s;
    transition: all 0.4s ease 0.7s;

}
.slick-slide.slick-active.slick-center > .portfolio-fancy > .fancy-portfolio-info > span {
    opacity: 1;
    margin-bottom: 0;
}
.portfolio-fancy > img {
    width: 100%;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

}
.portfolio-fancy-sec .slick-dots {
    bottom: 50px;
    margin: 0;
    position: absolute;
    right: 0;
    width: auto;
}
.portfolio-fancy-sec .slick-dots > li {
    margin: 0 2px;
}


.testimonials-center.style2 > .reviews-list {
    padding: 0;
}
.testimonials-center.style2 {
    padding: 0;
}
.testimonials-center.style2 .testimonial {
    border: 1px solid #e4e4e4;
    float: left;
    margin-top: 40px;
    padding: 0 100px 105px;
    position: relative;
    text-align: center;
    width: 100%;
}
.testimonials-center.style2 .testimonial > i {
    left: 30px;
    position: absolute;
    top: 20px;
}
.testimonials-center.style2 .testimonial > img {
    margin-top: -30px;
}
.testimonials-center.style2 .slick-dots {
    bottom: 65px;
    position: absolute;
}


.product-sec {
    float: left;
    margin-top: -50px;
    width: 100%;
}
.our-product {
    float: left;
    width: 100%;
    margin-top: 50px;
    position: relative;
}
.product-thumb {
    background: #222222 none repeat scroll 0 0;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    float: left;
    overflow: visible;
    width: 100%;
}
.product-thumb:hover img {
    opacity: 0.48;
}
.product-thumb:hover > a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    margin: 0;
    right: 50%;
    top: 50%;
    
    -webkit-transform: translateX(50%) translateY(-100%);
    -moz-transform: translateX(50%) translateY(-100%);
    -ms-transform: translateX(50%) translateY(-100%);
    -o-transform: translateX(50%) translateY(-100%);
    transform: translateX(50%) translateY(-100%);
    
    width: 60px;
}
.product-thumb > img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    float: left;
    width: 100%;
}
.product-thumb > a {
    background: #fff none repeat scroll 0 0;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    color: #b4b4b4;
    font-size: 15px;
    height: 39px;
    line-height: 39px;
    position: absolute;
    right: 9px;
    text-align: center;
    top: 9px;
    width: 39px;
}
.product-info {
    float: left;
    padding-top: 20px;
    width: 100%;
}
.product-info > h3 {
    color: #191818;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding-right: 16px;
}
.prices del, .prices ins {
    color: #9b9a9a;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
}
.prices ins {
    float: right;
    margin-left: 7px;
    text-decoration: none;
}
.prices {
    float: left;
    line-height: 26px;
}

/* Featured About */
.features-about-sec {
    float: left;
    padding: 0 90px;
    width: 100%;
}
.features-about-info {
    float: left;
    margin-top: 80px;
    padding-left: 40px;
    width: 100%;
}
.features-about-info > p a {
    color: #000;
}
.features-about-info li span {
    display: inline-block;
    width: 120px;
}
.features-about-info li strong {
    color: #101010;
    font-weight: normal;
}
.features-about-info > a.theme-btn {
    margin-top: 30px;
}
.features-about-info > span {
    color: #858585;
    float: left;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: normal;
    width: 100%;
}
.features-about-info > h3 {
    color: #222121;
    float: left;
    font-family: Montserrat;
    font-size: 27px;
    margin-top: 14px;
    width: 100%;
}
.features-about-img {
    float: left;
    position: relative;
    width: 100%;
}
.features-about-img::before {
    border: 3px solid #dadada;
    content: "";
    height: 100%;
    left: -25px;
    position: absolute;
    top: 25px;
    width: 100%;
}
.features-about-info li {
    color: #4b4b4b;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    width: 100%;
}
.features-about-info li i {
    margin-right: 14px;
}
.features-about-img.overlape {
    margin-top: -90px;
}
.features-about-img > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.features-about-img > ul img {
    float: left;
    width: 100%;
}
.features-about-img .slick-dots {
    bottom: 30px;
    position: absolute;
    right: 30px;
    width: auto;
}
.features-about-img > ul li {
    margin: 0;
}
.features-about-img .slick-dots li button {
    background: #ffffff none repeat scroll 0 0;
}
.features-about-img .slick-dots > li {
    margin: 0 1px;
}


.office-steps-sec > .row {
    float: left;
    margin: 0;
    width: 100%;
}
.office-steps-sec > .row > div {
    padding: 0;
}
.office-step:hover:before{
    height: 100%;
}
.office-step:hover p {
    color: #ffffff;
}
.office-step::before {
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.office-step {
    background: #1a1a1a none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.office-step > img {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.office-step.with-image > img {
    opacity: 0.10;
    z-index: 0;
}
.office-steps-info {
    float: left;
    padding: 80px 60px;
    position: relative;
    width: 100%;
}
.office-steps-info > i {
    color: #ffffff;
    float: left;
    font-size: 50px;
    width: 100%;
}
.office-steps-info > h3 {
    color: #ffffff;
    float: left;
    font-size: 22px;
    margin-top: 22px;
    width: 100%;
}
.office-steps-info > p {
    color: #bdbdbd;
    float: left;
    margin: 0;
    width: 100%;
}

/* About Block */
.about-block {
    float: left;
    padding: 0 90px;
    text-align: center;
    width: 100%;
}
.about-block > img {
    display: inline-block;
    float: none;
    margin-bottom: -3px;
    max-width: 100%;
}
.about-block .group-btns > li {
    display: inline-block;
    float: none;
}
.about-block > h3 {
    color: #232323;
}
.about-block > p {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.feature-detail-content > img {
    max-width: 100%;
}

.watch-video {
    float: left;
    text-align: center;
    width: 100%;
}
.watch-video.text-dark span {
    color: #8c8c8c;
}
.watch-video.text-dark > h3 {
    color: #050505;
}
.watch-video > span {
    color: #e1e1e1;
    float: left;
    font-family: Roboto;
    font-size: 17px;
    width: 100%;
}
.watch-video > h3 {
    color: #ffffff;
    float: left;
    margin: 22px 0 0;
    width: 100%;
}

#wrapper { max-width: 600px; margin: 0 auto; text-align: center; } 
#gallery { overflow: hidden; }
#gallery a { display: block; float: left; }
#gallery a img { display: block; border: 0; }

.watch-video > .theme-btn {
    display: inline-block;
    float: none;
    margin-top: 30px;
}


.services-box {
    border: 1px solid #dddddd;
    float: left;
    margin-top: 80px;
    padding: 50px 40px;
    width: 100%;
}
.services-box > .services {
    margin: 0;
}
.services > a {
    background: #828282 none repeat scroll 0 0;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 10px;
    margin-top: 18px;
    padding: 8px 14px;
}
.services-box.active {
    background: #353131 none repeat scroll 0 0;
    border-color: #353131;
}
.services-box.active h3 {
    color: #ffffff;
}
.services-box.active p {
    color: #cfcfcf;
}


.how-company-steps.style2 > .company-steps-title h3 {
    line-height: 41px;
    padding-right: 90px;
}
.how-company-steps.style2 .steps-list .steps {
    background: #f0f0f0 none repeat scroll 0 0;
}

.price-table-sec {
    float: left;
    padding: 53px 0 0;
    width: 100%;
}
.price-table > li {
    float: left;
    margin: 0;
    width: 100%;
}
.prices-rate {
    padding: 60px 0;
}
.prices-features {
    color: #6d6d6d;
    font-family: Roboto;
    font-size: 17px;
    padding: 15px 0;
}
.price-table.active .prices-title i,
.price-table.active .prices-title h3 {
    color: #ffffff;
}
.price-table {
    border: 1px solid #d4d4d4;
    float: left;
    margin: 0;
    padding-bottom: 75px;
    padding-left: 40px;
    padding-top: 45px;
    position: relative;
    width: 100%;
    background: #ffffff none repeat scroll 0 0;
}
.prices-image {
    border: 0 none;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
}
.prices-image > img {
    bottom: 0;
    position: absolute;
    right: 0;
}
.prices-title > h3 {
    color: #a1a0a0;
    float: left;
    font-family: Montserrat;
    font-size: 21px;
    margin: 0;
}
.prices-title {
    background: #f1f1f1 none repeat scroll 0 0;
    
    -webkit-border-radius: 40px 0 0 40px;
    -moz-border-radius: 40px 0 0 40px;
    -ms-border-radius: 40px 0 0 40px;
    -o-border-radius: 40px 0 0 40px;
    border-radius: 40px 0 0 40px;

    float: right;
    padding: 14px 40px;
    width: 100%;
}
.prices-title > i {
    float: right;
    font-size: 23px;
}
.prices-rate > span {
    color: #898989;
    float: left;
    font-family: Montserrat;
    font-size: 21px;
}
.prices-rate > strong {
    color: #898989;
    float: left;
    font-family: Montserrat;
    font-size: 21px;
    font-weight: normal;
    margin-left: 10px;
    margin-top: 46px;
}
.prices-rate > h3 {
    color: #313131;
    float: left;
    font-family: Montserrat;
    font-size: 100px;
    letter-spacing: -6px;
    line-height: 73px;
    margin: 0 0 0 3px;
}
.price-table .prices-btn {
    margin-top: 70px;
}
.prices-btn a.theme-btn {
    background: #595959 none repeat scroll 0 0;
}
.price-table-sec > .row {
    margin: 0;
}
.price-table-sec > .row > div {
    padding: 0;
}
.price-table.active {
    border: medium none;
    
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.17);
    -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.17);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.17);

    margin-top: -52px;
    padding-bottom: 160px;
    padding-top: 60px;
    z-index: 1;
}

/* Inner Head */
.inner-head {
    float: left;
    padding-bottom: 100px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.inner-head > h2 {
    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 31px;
    font-weight: bold;
    margin: 0;
    width: 100%;
}
.inner-head > i {
    border: 6px solid #ffffff;
    
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;

    bottom: -40px;
    color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 29px;
    height: 74px;
    left: 50%;
    line-height: 60px;
    margin-left: -62px;
    position: absolute;
    width: 124px;
}
.breadcrumbs {
    float: left;
    margin: 19px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.breadcrumbs > li {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0 15px;
    position: relative;
}
.breadcrumbs > li::before {
    color: #ffffff;
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    right: -5px;
    top: 0;
}
.breadcrumbs > li:last-child::before {
    display: none;
}
.breadcrumbs > li > a {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 14px;
}
.about-sec .features-about-info {
    margin-top: 40px;
}
.about-sec img {
    float: left;
    width: 100%;
}

/* Map Vertical */
.map-vertical {
    float: left;
    width: 100%;
}
.map-horizontal {
    float: left;
    width: 100%;
}
.map-horizontal #map-canvas {
    float: left;
    height: 500px;
    width: 100%;
}
.map-vertical #map-canvas {
    float: left;
    height: 800px;
    width: 100%;
}


.social-btns-color {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.social-btns-color li {
    float: left;
    margin: 0 4px 0 0;
}
.social-btns-color li a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-size: 16px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    width: 37px;
}
.social-btns-color li.facebook a{
    background: #4267d1;
}
.social-btns-color li.twitter a{
    background: #21aeff;
}
.social-btns-color li.google a{
    background: #ff5252;
}
.social-btns-color li.linkedin a{
    background: #3f3f3f;
}

.contact-us {
    float: left;
    padding-top: 40px;
    width: 100%;
}
.contact-title {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.contact-title > h3 {
    color: #262626;
    float: left;
    font-family: Montserrat;
    font-size: 26px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.contact-title > p {
    float: left;
    font-size: 15px;
    line-height: 27px;
    margin: 15px 0 0;
    padding-right: 60px;
    width: 100%;
}
.contact-form {
    float: left;
    width: 100%;
}
.contact-form > form {
    float: left;
    width: 100%;
}
.contact-form > form .feild {
    border: 1px solid #d3d3d3;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}
.contact-form > form .feild input, .contact-form > form .feild textarea {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    float: left;
    height: auto;
    margin: 0;
    padding: 16px 30px 16px 47px;
    width: 100%;
}
.contact-form > form .feild > i {
    color: #d1d1d1;
    font-size: 15px;
    left: 20px;
    position: absolute;
    top: 16px;
}
.contact-social > h3 {
    color: #262626;
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.contact-social > p {
    float: left;
    font-size: 15px;
    margin: 0;
    width: 100%;
}
.contact-social {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.contact-social > .social-btns-color {
    margin-top: 25px;
}


/* Quick Office Contact */
.quick-office-contact {
    float: left;
    margin-top: 60px;
    padding-left: 74px;
    position: relative;
    width: 100%;
}
.quick-office-contact > i {
    background: #e6e6e6 none repeat scroll 0 0;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #989898;
    font-size: 16px;
    height: 50px;
    left: 0;
    line-height: 50px;
    margin-bottom: 20px;
    margin-right: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
}
.quick-office-contact > span {
    float: left;
    font-size: 15px;
    line-height: 27px;
    width: 100%;
}

/* Pagination */
.pagination {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    margin: 70px 0 0;
    padding: 2px 2px 3px 1px;
    text-align: center;
    width: 100%;
}
.pagination ul {
    display: inline-block;
    list-style: outside none none;
    margin: 7px 0 0;
    padding: 0;
}
.pagination li {
    float: left;
    font-family: Montserrat;
    font-size: 12px;
    margin: 0 4px 0 0;
}
.pagination li:last-child {
    margin: 0;
}
.pagination li.active a, .pagination li a:active {
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}
.pagination li.active a, .pagination li a:hover {
    color: #ffffff;
}
.pagination li .delimeter {
    display: block;
    padding-top: 6px;
}
.pagination a {
    background: #fff none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    color: #666;
    float: left;
    font-family: Roboto;
    padding: 9px 13px;
    text-decoration: none;
}
.blog-infos h1 {
    color: #141414;
    float: left;
    font-family: Montserrat;
    font-size: 26px;
    font-weight: bold;
    line-height: 50px;
    margin: 30px 0 0;
    width: 100%;
}
.single-post .blog-infos {
    margin-bottom: 20px;
}
.single-post-detail > p a {
    color: #000000;
}
.single-post-detail > img.pull-right {
    margin-bottom: 40px;
    margin-left: 40px;
}
.single-post-detail > img.pull-left {
    margin-bottom: 40px;
    margin-right: 40px;
}
.single-post-detail > p {
    margin-bottom: 20px;
}
blockquote > p {
    color: #3e3e3e;
    float: left;
    font-family: Roboto;
    font-size: 19px;
    font-style: italic;
    font-weight: 500;
    line-height: 31px;
    margin: 0;
    width: 100%;
}
blockquote > span > a {
    font-family: Montserrat;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
}
blockquote span {
    color: #3e3e3e;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    margin-top: 15px;
    width: 100%;
}
blockquote {
    background-image: url("../images/blockquote.jpg");
    background-size: cover;
    border: 2px solid #e6e6e6;
    display: table;
    margin-bottom: 40px;
    margin-top: 20px;
    padding: 49px 60px;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 0;
}
blockquote::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.tags-bar {
    border-bottom: 3px solid #e2e6e6;
    border-top: 3px solid #e2e6e6;
    float: left;
    padding: 0 30px;
    width: 100%;
}
.post-tags {
    float: left;
    padding: 18px 0;
}
.post-tags span {
    color: #8f8f8f;
    font-family: Roboto;
    font-size: 13px;
}
.post-tags span a {
    color: #333333;
}
.share-post {
    float: right;
}
.share-post > span {
    color: #797979;
    font-family: Roboto;
    font-size: 13px;
    line-height: 54px;
}
.share-post > .social-btns-color {
    float: right;
    margin-left: 20px;
    padding: 14px 0;
    width: auto;
}
.share-post > .social-btns-color li a {
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    width: 26px;
}
.about-blog-author {
    border: 3px solid #e2e6e6;
    display: table;
    float: left;
    margin-top: 60px;
    padding: 40px;
    width: 100%;
}
.author-blog-img {
    display: table-cell;
}
.author-blog-img img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    float: left;
}
.author-blog-info {
    display: table-cell;
    padding-left: 30px;
    vertical-align: middle;
}
.author-blog-info > h3 {
    color: #000000;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    width: 100%;
}
.author-blog-info > p {
    float: left;
    font-size: 15px;
    line-height: 26px;
    margin: 0;
    width: 80%;
}
.author-blog-info > span {
    float: left;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 8px;
    width: 100%;
}



.post-comments {
    float: left;
    width: 100%;
}
.all-comments {
    float: left;
    width: 100%;
}
.all-comments > ul {
    float: left;
    margin: 0;
    width: 100%;
}
.all-comments > ul > li {
    float: left;
    margin: 0;
    width: 100%;
}
.all-comments > ul > li:last-child > .comment {
    margin: 0;
}
.comment {
    display: table;
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.avatar-comment-thumb {
    display: table-cell;
    width: 96px;
}
.avatar-comment-thumb > a {
    float: left;
}
.avatar-comment-thumb > a img {
    float: left;
}
.comment-detail {
    display: table-cell;
    padding-left: 35px;
    vertical-align: middle;
}
.avatar-title {
    float: left;
    width: 100%;
}
.avatar-title > span {
    float: left;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 0;
    margin-left: 10px;
    margin-top: 12px;
}
.avatar-title > h3 {
    color: #232323;
    float: left;
    font-family: ROBOTO;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}
.comment-detail > p {
    float: left;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 6px;
    width: 100%;
}
.reply-btn {
    background: #838995 none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-size: 12px;
    margin-top: 12px;
    padding: 5px 13px;
}
.all-comments > ul > li .child-comments {
    float: left;
    margin: 0;
    padding-left: 98px;
    width: 100%;
}

/* Error Sec */
.error-sec {
    float: left;
    margin: 70px 0;
    text-align: center;
    width: 100%;
}
.error-sec.style2 {
    text-align: left;
}
.error-sec.style2 .group-btns {
    text-align: left;
}
.error-sec > span {
    color: #7b7b7b;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    width: 100%;
}
.error-sec > h3 {
    color: #3d3c3c;
    float: left;
    font-family: Montserrat;
    font-size: 250px;
    letter-spacing: -20px;
    margin: 0;
    width: 100%;
}
.error-sec h5 {
    color: #575757;
    float: left;
    font-family: ROboto;
    font-size: 22px;
    margin: 0;
    width: 100%;
}
.error-sec > .group-btns {
    float: left;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.error-sec > .group-btns > li {
    display: inline-block;
    float: none;
    margin: 0 5px;
}


/* Coming Soon */
.coming-soon {
    float: left;
    text-align: center;
    width: 100%;
}
.coming-soon.style2 {
    text-align: left;
}
.coming-soon.style2 > .logo {
    text-align: left;
}
.coming-soon.style2 .countdown {
    margin: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 50%;
    
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    width: 125px;
}
.coming-soon.style2 .bottomline {
    background: #ffffff none repeat scroll 0 0;
}
.coming-soon.style2 .bottomline > .container {
    padding: 0 50px;
    width: auto;
}
.coming-soon.style2 .bottomline span {
    color: #737373;
}
.coming-soon.style2 .bottomline span a {
    color: #303030;
}
.coming-soon.style2 .bottomline ul li a {
    color: #636363;
}
.coming-soon.style2 .countdown > li {
    border-bottom: 1px solid;
    float: left;
    height: auto;
    padding: 28px 0;
    width: 100%;
}
.coming-soon.style2 .countdown > li:first-child {
    
    -webkit-border-radius: 30px 30px 0 0;
    -moz-border-radius: 30px 30px 0 0;
    -ms-border-radius: 30px 30px 0 0;
    -o-border-radius: 30px 30px 0 0;
    border-radius: 30px 30px 0 0;

}
.coming-soon.style2 .countdown > li:last-child {
    
    -webkit-border-radius: 0px 0px 30px 30px;
    -moz-border-radius: 0px 0px 30px 30px;
    -ms-border-radius: 0px 0px 30px 30px;
    -o-border-radius: 0px 0px 30px 30px;
    border-radius: 0px 0px 30px 30px;

}
.coming-soon > .logo a {
    color: #ffffff;
}
.coming-soon > .logo {
    float: left;
    margin-bottom: 170px;
    width: 100%;
}
.coming-soon > span {
    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 20px;
    line-height: 40px;
    width: 100%;
}
.coming-soon > h3 {
    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 130px;
    font-weight: bold;
    letter-spacing: -9px;
    line-height: 130px;
    margin-top: 60px;
    width: 100%;
}
.countdown {
    float: left;
    list-style: outside none none;
    margin: 80px 0 0 50%;
    padding: 0;
    
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    width: 500px;
}
.countdown > li {
    background: #ffffff none repeat scroll 0 0;
    border-right: 1px solid #0f0f0f;
    display: table-cell;
    float: none;
    height: 136px;
    margin: 0;
    padding: 34px 0;
    width: 125px;
}
.countdown > li:first-child {

    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    -o-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
}
.countdown > li:last-child {
    -webkit-border-radius: 0px 30px 30px 0px;
    -moz-border-radius: 0px 30px 30px 0px;
    -ms-border-radius: 0px 30px 30px 0px;
    -o-border-radius: 0px 30px 30px 0px;
    border-radius: 0px 30px 30px 0px;
}
.countdown > li > span {
    color: #2e2e2e;
    float: left;
    font-family: Montserrat;
    font-size: 32px;
    font-weight: bold;
    margin: 0;
    width: 100%;
}
.countdown > li p {
    margin: 0;
}
.coming-soon .contact-social > h3 {
    color: #ffffff;
}
.coming-soon .contact-social > p {
    color: #c5c5c5;
}
.coming-soon .social-btns-color > li {
    display: inline-block;
    float: none;
    margin: 0;
}
.coming-soon footer {
    float: left;
    margin-top: 130px;
    width: 100%;
}

/* Client Sec */
.client-sec {
    float: left;
    margin-top: -50px;
    width: 100%;
}
.client {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.client > img {
    border: 2px solid #dfdfdf;
    float: left;
    opacity: 0.5;
    padding: 20px 40px;
    width: 100%;
}
.client-info {
    float: left;
    padding-top: 15px;
    text-align: center;
    width: 100%;
}
.client-info > h3 {
    color: #121212;
    float: left;
    font-family: Montserrat;
    font-size: 18px;
    line-height: 48px;
    margin: 0;
    width: 100%;
}
.client-info > span {
    color: #777777;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    line-height: 27px;
    width: 100%;
}
.client:hover > img {
    border-color: #ffffff;
    
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);

    opacity: 1;
}

/* Gallery Sec */
.gallery-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.gallery {
    float: left;
    margin-top: 30px;
    position: relative;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}
.gallery > img {
    float: left;
    width: 100%;
}
.gallery::before {
    background: #000 none repeat scroll 0 0;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    content: "";
    height: 160px;
    left: 50%;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 160px;
}
.gallery:hover::before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0.2;
    top: 0;
    width: 100%;
}
.gallery::after {
    background: #000 none repeat scroll 0 0;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    content: "";
    height: 200px;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    opacity: 0;
    position: absolute;
    top: 50%;
    
    -webkit-transition:all 0.4s ease 0.2s;
    -moz-transition:all 0.4s ease 0.2s;
    -ms-transition:all 0.4s ease 0.2s;
    -o-transition:all 0.4s ease 0.2s;
    transition:all 0.4s ease 0.2s;

    width: 200px;
}
.gallery:hover::after {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0.3;
    top: 0;
    width: 100%;
}
.gallery-info {
    left: 0;
    margin-top: -30px;
    opacity: 0;
    padding: 0 30px;
    position: absolute;
    text-align: center;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 100%;
    z-index: 1;
    
    -webkit-transition:all 0.4s ease 0.3s;
    -moz-transition:all 0.4s ease 0.3s;
    -ms-transition:all 0.4s ease 0.3s;
    -o-transition:all 0.4s ease 0.3s;
    transition:all 0.4s ease 0.3s;

}
.gallery-info > h3 {
    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 18px;
    width: 100%;
}
.gallery-info > a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
.gallery:hover > .gallery-info {
    margin: 0;
    opacity: 1;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu-open {
    background: #333333 none repeat scroll 0 0;
    
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;

    color: #ffffff;
    cursor: pointer;
    float: left;
    margin: 10px 0 7px;
    padding: 10px 30px;
    position: relative;
    display: none;
}


/* Menu Action */
.menu-action {
    height: 13px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 20px;
}
.menu-action::after {
    background: #7a7979  none repeat scroll 0 0;
    
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;

    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}
.menu-options.active .menu-action::after {
    bottom: 6px;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.menu-action::before {
    background: #7a7979  none repeat scroll 0 0;
    
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;

    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 100%;
}
.menu-options.active .menu-action::before {
    top: 4px;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu-action > i {
    height: 3px;
    left: 0;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 20px;
}

.menu-action > i::before {
    background: #7a7979  none repeat scroll 0 0;
    
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;

    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.menu-options.active .menu-action > i::before {
    opacity: 0;

    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.menu-options.active > span::before, .menu-options.active > span::after {
    background: #ffffff none repeat scroll 0 0;
}
.menu-options {
    color: #afafaf;
    cursor: pointer;
    float: left;
    font-size: 22px;
    height: 38px;
    left: 0;
    line-height: 25px;
    margin-top: 15px;
    position: relative;
    text-align: center;
    width: 41px;
}


header.transparent {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}
header.transparent > .logo-bar {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}
.header-menus-full > .logo > a {
    color: #ffffff;
}
.header-menus-full {
    background: rgba(0, 0, 0, 0.96) none repeat scroll 0 0;
    border: medium none;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 3;
}
.header-menus-full > .container {
    width: auto;
}
.header-menus-full nav {
    float: left;
    width: 100%;
}
.header-menus-full nav {
    float: left;
    padding-top: 70px;
    width: 100%;
}
.header-menus-full nav > ul {
    float: left;
    margin: 0;
    padding-left: 100px;
    width: 100%;
}
.header-menus-full > .logo {
    float: left;
    margin-top: 70px;
    padding-left: 100px;
    width: auto;
}
.header-menus-full nav > ul > li {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}
.header-menus-full nav > ul > li > a {
    display: inline-block;
    float: left;
    font-family: Montserrat;
    font-size: 20px;
    letter-spacing: -0.8px;
    padding: 15px 20px 15px 0;
    position: relative;
    width: auto;
    color: #afafaf;
}
.header-menus-full nav > ul > li.menu-item-has-children > a::before {
    color: #939393;
    content: "\f107";
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 18px;
}
.header-menus-full nav > ul > li ul {
    display: none;
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
    padding-left: 15px;
}
.header-menus-full nav > ul > li ul > li {
    float: left;
    margin: 0;
    text-align: left;
    width: 100%;
}
.header-menus-full nav > ul > li ul > li > a {
    color: #666666;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    padding: 6px 20px 6px 0;
    width: 100%;
}
.search-full {
    float: left;
    margin-bottom: 100px;
    margin-top: 60px;
    padding: 0 100px;
    position: relative;
    width: 100%;
}
.search-full > input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    font-size: 50px;
    margin: 0;
    padding: 0 100px 0 0;
    width: 100%;
}
.search-full > button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #a5a5a5;
    font-size: 30px;
    padding: 0;
    position: absolute;
    right: 100px;
    top: 9px;
}
.close-full-menu {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    cursor: pointer;
    font-size: 27px;
    height: 60px;
    line-height: 56px;
    opacity: 0;
    position: absolute;
    right: -40px;
    text-align: center;
    top: 20px;
    width: 60px;
}
.header-menus-full.active {
    opacity: 1;
    visibility: visible;
}
.header-menus-full.active > .close-full-menu {
    opacity: 1;
    right: 20px;
    
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

}
.logo-bar-transparent {
    float: left;
    padding-top: 40px;
    width: 100%;
}
.logo-bar-transparent .logo {
    float: left;
    width: auto;
}
.logo-bar-transparent .logo > a {
    color: #ffffff;
}
.logo-bar-transparent .menu-options {
    float: right;
    margin-top: 8px;
}


.fancy-home-sec {
    float: left;
    position: relative;
    width: 100%;
}
.fancy-home-sec > .fancy-home-nav {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 220px;
    z-index: 1;
}
.fancy-home-sec > .fancy-home-slide {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}
.fancy-home-sec.light-style .fancy-slide-content > img {
    opacity: 0.3;
}
.fancy-home-sec.light-style .fancy-slide-content {
    background: #ffffff none repeat scroll 0 0;
}
.fancy-home-sec.light-style .fancy-slide-title h2 {
    color: #303030;
}
.fancy-home-sec .fancy-home-nav li.slick-slide.slick-active.slick-center > a span {
    color: #ffffff;
}
.fancy-home-sec.light-style .fancy-home-nav li.slick-slide.slick-active.slick-center > a span {
    color: #3f3f3f;
}
.fancy-home-sec.light-style .fancy-home-nav li.slick-slide.slick-active.slick-center > a img {
    
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);

}
.fancy-slide-content {
    background: #000 none repeat scroll 0 0;
    float: left;
    position: relative;
    width: 100%;
}
.fancy-slide-content > img {
    float: left;
    opacity: 0.15;
    width: 100%;
}

.fancy-slide-title {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    width: 500px;
}
.fancy-home-sec > .fancy-home-slide li.slick-slide.slick-active.slick-current .fancy-slide-title span {
    margin: 0;
    opacity: 1;
}
.fancy-home-sec > .fancy-home-slide li.slick-slide.slick-active.slick-current .fancy-slide-title a.theme-btn {
    margin-top: 50px;
    opacity: 1;
}
.fancy-slide-title > span {
    color: #969696;
    float: left;
    font-family: Montserrat;
    font-size: 23px;
    margin-bottom: 50px;
    width: 100%;
    opacity: 0;
}
.fancy-slide-title h2 {
    color: #ffffff;
    float: left;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -2px;
    margin: 19px 0 0;
    width: 100%;
}
.fancy-slide-title > .theme-btn {
    display: inline-block;
    float: none;
    margin: 80px 0 0;
    opacity: 0;
}
.fancy-home-nav li > a {
    float: right;
    position: relative;
    width: 100px;
}
.fancy-home-nav li > a img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    float: left;
    margin-left: 50px;
    width: 100%;
    width: 80px;
}
.fancy-home-nav li > a span {
    color: #757575;
    float: left;
    font-family: Montserrat;
    font-size: 25px;
    left: 0;
    margin-top: -13px;
    position: absolute;
    top: 50%;
}
.fancy-home-nav li.slick-slide.slick-active.slick-center > a {
    margin-right: 96px;
    
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);

}
.fancy-home-sec > .fancy-home-nav li {
    margin: 20px 0;
}
.fancy-home-sec > .fancy-home-slide li {
    margin: 0;
}

/* logo Beside menu */
.logo-beside-menu {
    float: left;
    padding: 30px 0;
    width: 100%;
}
.logo-beside-menu .logo {
    float: left;
    width: auto;
}
.logo-beside-menu .header-menus {
    border: medium none;
    float: right;
    width: auto;
}

/* Product Categpries */
.product-categories.overlape {
    margin-top: -30px;
}
.product-categories {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    padding: 30px;
    width: 100%;
}
.product-cat {
    float: left;
    margin-bottom: 80px;
    position: relative;
    width: 100%;
}
.product-cat > img {
    float: left;
    width: 100%;
}

.product-cat-info {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    margin-left: 2%;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 100%;
    width: 96%;
}
.product-cat-info > h3 {
    color: #383838;
    float: left;
    font-family: Roboto;
    font-size: 26px;
    font-weight: bold;
    margin: 25px 0 0;
    width: 100%;
}
.product-cat-info > span {
    color: #939191;
    float: left;
    font-size: 15px;
    font-style: italic;
    margin-top: 6px;
    width: 100%;
}
.categories-hover {
    height: 100%;
    left: 0;
    padding: 8px;
    position: absolute;
    top: 0;
    width: 100%;
}
.product-cat-hover {
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
}
.cat-hover-info {
    left: 0;
    opacity: 0;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    
    -webkit-transform: translateY(-50%) scale(1.5);
    -moz-transform: translateY(-50%) scale(1.5);
    -ms-transform: translateY(-50%) scale(1.5);
    -o-transform: translateY(-50%) scale(1.5);
    transform: translateY(-50%) scale(1.5);

    visibility: hidden;
    width: 100%;
}
.cat-hover-info > span {
    color: #000000;
    float: left;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 0;
    width: 100%;
}
.cat-hover-info > i {
    color: #827e7e;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 32px;
    width: 100%;
}
.cat-hover-info > a {
    background: #5b5d62 none repeat scroll 0 0;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

    color: #ffffff;
    display: inline-block;
    float: none;
    font-family: Roboto;
    font-size: 12px;
    margin-top: 13px;
    padding: 9px 18px;
    text-transform: uppercase;
}
.product-cat:hover > .product-cat-info {
    opacity: 0;
    top: 80%;
    visibility: hidden;
}
.product-cat:hover > .categories-hover > .product-cat-hover {
    background: rgba(255, 255, 255, 0.97) none repeat scroll 0 0;
}
.product-cat:hover > .categories-hover > .product-cat-hover .cat-hover-info {
    opacity: 1;
    
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);

    visibility: visible;
}
.offer-badge.prices {
    background: #4c4c4c none repeat scroll 0 0;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    height: 76px;
    padding: 11px 0;
    text-align: center;
    width: 76px;
    position: absolute;
    left: 20px;
    top: 20px;
}
.offer-badge.prices > del {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-weight: normal;
    width: 100%;
}
.offer-badge.prices > ins {
    color: #ffffff;
    float: left;
    font-family: ROBOTO;
    font-size: 22px;
    font-weight: normal;
    line-height: 17px;
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Wide Product */
.wide-product {
    float: left;
    position: relative;
    width: 100%;
}
.wide-product > img {
    float: left;
    width: 100%;
}
.wide-product-info {
    background: #ffffff none repeat scroll 0 0;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);

    left: 200px;
    padding: 50px 50px 67px;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 400px;
}
.wide-product.flip .wide-product-info {
    left: auto;
    right: 200px;
}
.wide-product-info a.theme-btn {
    bottom: -25px;
    left: 50px;
    position: absolute;
}
.wide-product-info > a.category-btn {
    background: #646464 none repeat scroll 0 0;
    
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;

    color: #ffffff;
    float: left;
    font-family: ROBOTO;
    font-size: 13px;
    padding: 5px 17px;
}
.wide-product-info > h3 {
    color: #1c1c1c;
    float: left;
    font-family: Montserrat;
    font-size: 22px;
    line-height: 29px;
    margin: 22px 0 12px;
    width: 100%;
}
.wide-product-info > p {
    float: left;
    font-size: 15px;
    line-height: 27px;
    margin: 0;
    width: 100%;
}

/* Landing Header */
.landing-header {
    float: left;
    margin: 200px 0;
    text-align: center;
    width: 100%;
}
.landing-header > span {
    color: #969696;
    float: left;
    font-family: Montserrat;
    font-size: 23px;
    letter-spacing: 0;
    width: 100%;
}
.landing-header h2 {
    color: #ffffff;
    float: left;
    font-size: 136px;
    font-weight: bold;
    letter-spacing: -6px;
    line-height: 170px;
    margin: 0;
    width: 100%;
}
.landing-header p {
    color: #b8b8b8;
    margin: 0;
}
.download-main-btns {
    float: left;
    list-style: outside none none;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.download-main-btns > li {
    display: inline-block;
    float: none;
    margin: 0 5px;
}
.download-main-btns > li > a::before {
    background: #000000 none repeat scroll 0 0;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    content: "";
    height: 100px;
    left: 50%;
    margin-left: -50px;
    opacity: 0;
    position: absolute;
    top: 0;
    
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);

    width: 100px;
    z-index: -1;
}
.download-main-btns > li > a {
    background: #ffffff none repeat scroll 0 0;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.27);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.27);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.27);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.27);

    float: left;
    height: 102px;
    overflow: hidden;
    padding: 21px 15px 15px 91px;
    position: relative;
    text-align: left;
    width: 248px;
    z-index: 0;
}
.download-main-btns > li > a:hover::before {
    height: 490px;
    left: -62px;
    opacity: 0.05;
    top: -170px;
    width: 490px;
}
.download-main-btns > li > a > i {
    font-size: 44px;
    left: 35px;
    position: absolute;
    top: 50%;
    color: #313131;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

}
.download-main-btns > li > a > strong {
    color: #2e2424;
    float: left;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    width: 100%;
}
.download-main-btns > li > a > span {
    color: #969696;
    font-family: Roboto;
    font-size: 14px;
    line-height: 29px;
}
.download-main-btns > li > a.android-btn strong {
    color: #ffffff;
}
.download-main-btns > li > a.android-btn span {
    color: #ffffff;
}
.download-main-btns > li > a.android-btn i {
    color: #ffffff;
}

/* Services Fancy */
.services-fancy {
    float: left;
    padding: 0 85px;
    width: 100%;
}
.services-fancy.overlape {
    margin-top: -60px;
}
.services-fancy > .row {
    margin: 0;
}
.services-fancy > .row > div {
    padding: 0;
}
.services-box.fancy {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);

    margin: 0;
    padding: 70px 50px;
    position: relative;
    z-index: 0;
}
.services-box.fancy img {
    height: 100%;
    left: 0;
    opacity: 0.11;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.services-box.fancy .services > a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    width: 40px;
}
.services-box.fancy.active {
    background: #000000 none repeat scroll 0 0;
}

/* Fancy Section */
.features-fancy-sec {
    float: left;
    width: 100%;
}
.features-fancy-nav {
    float: left;
    margin: 0;
    padding: 0 260px;
    text-align: center;
    width: 100%;
}
.features-fancy-nav li {
    float: left;
}
.features-fancy-nav a {
    border: 1px solid #d8dcdc;
    float: left;
    margin: 0 0 27px;
    padding: 31px 0;
    width: 100%;
}
.features-fancy-nav li.slick-slide.slick-active.slick-center a {
    padding: 45px 0;
    margin: 0;
}
.features-fancy-nav li.slick-slide.slick-active.slick-center a i {
    color: #ffffff;
}
.features-fancy-nav li.slick-slide.slick-active.slick-center a span {
    color: #ffffff;
}
.features-fancy-nav a i {
    color: #bfbfbf;
    float: left;
    font-size: 25px;
    width: 100%;
}
.features-fancy-nav a span {
    color: #333333;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    line-height: 14px;
    margin-top: 13px;
    width: 100%;
}
.features-fancy-box {
    float: left;
    text-align: center;
    width: 100%;
}
.features-fancy-box li {
    margin: 0;
}
.feature-detail-content {
    float: left;
    margin-top: 80px;
    text-align: center;
    width: 100%;
}
.feature-detail-content > span {
    color: #c7c7c7;
    float: left;
    font-family: Montserrat;
    font-size: 97px;
    font-weight: bold;
    letter-spacing: -4px;
    line-height: 90px;
    margin: 0 0 20px;
    width: 100%;
}
.feature-detail-content > img {
    display: inline-block;
    float: none;
    margin-top: 50px;
}
.feature-detail-content > h3 {
    color: #1a1a1a;
    float: left;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 50px;
    margin: 0;
    width: 100%;
}
.feature-detail-content > p {
    float: left;
    margin: 10px 0 0;
    padding: 0 170px;
    width: 100%;
}
.text-center {
    text-align: center;
}
.text-center > img {
    float: none;
}

/* Trial Form Sec */
.trial-form-sec {
    float: left;
    margin-top: 60px;
    padding-right: 100px;
    width: 100%;
}
.trial-form-title > h3 {
    color: #2c2c2c;
    float: left;
    font-size: 26px;
    margin: 0;
    width: 100%;
}
.trial-form-title > p {
    float: left;
    font-size: 15px;
    line-height: 26px;
    margin-top: 12px;
    width: 100%;
}
.trial-form-sec > form {
    float: left;
    width: 100%;
}
.trial-form-sec > form > .row {
    margin: 0 -10px;
}
.trial-form-sec > form > .row > div {
    padding: 0 10px;
}
.trial-form-sec form .field {
    border: 1px solid #d1d1d1;
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.trial-form-sec form .field i {
    color: #d7d7d7;
    font-size: 15px;
    left: 0;
    line-height: 48px;
    padding-left: 20px;
    position: absolute;
    top: 0;
}
.trial-form-sec form .field input, .trial-form-sec form .field textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    height: 46px;
    margin: 0;
    padding: 0 30px 0 48px;
    width: 100%;
}
.trial-form-sec form .field textarea {
    min-height: 190px;
    padding-bottom: 18px;
    padding-top: 18px;
}

/* App Gallery */
.app-gallery-sec {
    float: left;
    padding: 0;
    width: 100%;
}
.app-gallery-sec > .app-gallery {
    float: left;
    margin: 0;
    padding: 0 150px;
    width: 100%;
}
.app-gallery-sec > .app-gallery div li {
    margin: 0;
}
.app-gallery-sec > .app-gallery img {
    float: left;
    margin: 30px 0;
    opacity: 0.4;
    
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);

    width: 100%;
}
.app-gallery-sec > .app-gallery div li.slick-slide.slick-active.slick-center > img {
    margin: 0;
    opacity: 1;
    padding: 0;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.app-gallery-sec button {
    background: #d1d1d1 none repeat scroll 0 0;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #333333;
    height: 27px;
    margin: 0;
    opacity: 1;
    padding: 0;
    top: 50%;
    visibility: visible;
    width: 27px;
}
.app-gallery-sec button::before {
    color: #333333;
    font-size: 16px;
    line-height: 27px;
}



.side-menu-header {
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);

    height: 100%;
    left: 0;
    padding-bottom: 145px;
    padding-top: 95px;
    position: fixed;
    top: 0;
    width: 285px;
    z-index: 99;
}
.logo-2 {
    float: left;
    padding-left: 70px;
    width: 100%;
}
.logo-2 > a {
    float: left;
    width: 100%;
}
.logo-2 > a > span {
    color: #787878;
    float: left;
    font-family: Montserrat;
    font-size: 20px;
    width: 100%;
}
.logo-2 > a strong {
    float: left;
    font-family: Montserrat;
    font-size: 43px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 31px;
    margin-left: -2px;
    margin-top: 7px;
    position: relative;
    width: auto;
    color: #232323;
}
.logo-2 > a strong i {
    font-style: normal;
}
.side-menu-header .resume-btn {
    position: absolute;
    right: -36px;
    top: 120px;
    
    -webkit-transform: rotate(-90deg) translateX(0%) translateY(100%);
    -moz-transform: rotate(-90deg) translateX(0%) translateY(100%);
    -ms-transform: rotate(-90deg) translateX(0%) translateY(100%);
    -o-transform: rotate(-90deg) translateX(0%) translateY(100%);
    transform: rotate(-90deg) translateX(0%) translateY(100%);

}
.side-menu-header nav {
    float: left;
    margin-top: 115px;
    width: 100%;
}
.side-menu-header nav > ul {
    float: left;
    margin: 0;
    width: 100%;
}
.side-menu-header nav > ul > li {
    float: left;
    margin: 0;
    padding-left: 70px;
    position: relative;
    width: 100%;
}
.side-menu-header nav > ul > li::before {
    content: "";
    height: 4px;
    left: 0;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0px;
}
.side-menu-header nav > ul > li.active::before {
    width: 30px;
}
.side-menu-header nav > ul > li > a {
    color: #484848;
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 12px;
    padding: 16px 0;
    width: 100%;
}
.side-menu-header .social-btns-color {
    float: left;
    margin: 80px 0 0;
    padding-left: 70px;
    width: 100%;
}
.side-menu-header .social-btns-color a {
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    width: 28px;
}
.my-profile-sec {
    display: table;
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.profile-name-info {
    background: #ffffff none repeat scroll 0 0;
    border-left: 4px solid #e0e0e0;
    border-right: 4px solid #e0e0e0;
    display: table-cell;
    padding: 0 70px;
    vertical-align: middle;
}
.my-profile-data {
    display: table;
    height: 100%;
    position: relative;
    width: 475px;
}
.profile-name-info > span {
    color: #6b6b6b;
    float: left;
    font-family: Roboto;
    font-size: 23px;
    width: 100%;
}
.profile-name-info h1 {
    color: #232323;
    float: left;
    font-size: 130px;
    font-weight: bold;
    letter-spacing: -8px;
    margin-bottom: 0;
    margin-left: -8px;
    width: 100%;
}
.profile-name-info p {
    color: #595959;
    float: left;
    margin: 0;
    width: 100%;
}
.profile-name-info > a {
    margin-top: 40px;
}
.about-myself-sec {
    height: 100%;
    left: 0;
    padding: 0 200px;
    position: absolute;
    top: 0;
    width: 100%;
}
.about-mywork-sec {
    float: left;
    height: 100%;
    left: 0;
    padding: 0 240px;
    position: absolute;
    top: 0;
    width: 100%;
}
.about-myeducation-sec {
    float: left;
    padding-left: 110px;
    padding-right: 220px;
    width: 100%;
}
.wanky_page.wanky_current_page {
    z-index: 11;
}
.education-history-list {
    float: left;
    margin-bottom: 0;
    margin-top: 20px;
    width: 100%;
}
.education-history-list > li {
    border-top: 1px solid #d8d8d8;
    display: table;
    float: left;
    padding: 36px 0 24px;
    width: 100%;
}
.education-history-list > li:last-child {
    border-bottom: 1px solid #d8d8d8;
    margin: 0;
    padding-bottom: 40px;
}
.education-history-list > li > .education-logo {
    display: table-cell;
    vertical-align: middle;
    width: 90px;
}
.education-detail {
    display: table-cell;
    vertical-align: middle;
}
.education-detail > h3 {
    color: #000000;
    float: left;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
}
.education-detail > span {
    float: left;
    font-size: 13px;
    margin-top: 4px;
    width: 100%;
}
.education-detail > p {
    float: left;
    margin-bottom: 0;
    margin-top: 10px;
}
.about-myskills-sec {
    float: left;
    height: 100%;
    left: 0;
    padding: 0 120px;
    position: absolute;
    top: 0;
    width: 100%;
}
.wanky_pages.dark .my-skills-list h3 {
    color: #fff;
}
.wanky_pages.dark .my-skills-list > li > .progress .progress-bar span {
    background: #4f4f4f none repeat scroll 0 0;
}
.wanky_pages.dark .my-skills-list > li > .progress .progress-bar span::before {
    border-top-color: #4f4f4f;
}
.wanky_pages.dark .contact-title > h3 {
    color: #ffffff;
}
.wanky_pages.dark .contact-title > p {
    color: #c8c8c8;
}
.wanky_pages.dark .contact-form > form .feild input, .wanky_pages.dark .contact-form > form .feild textarea {
    background: #272727 none repeat scroll 0 0;
    color: #ffffff;
}
.wanky_pages.dark .contact-form > form .feild {
    border-color: #353535;
}
.wanky_pages.dark .contact-social > h3 {
    color: #ffffff;
}
.wanky_pages.dark .contact-social > p {
    color: #c8c8c8;
}
.wanky_pages.dark .quick-office-contact > span {
    color: #c8c8c8;
}
.my-skills-list {
    float: left;
    margin: 0;
    width: 100%;
    margin-top: 50px;
}
.my-skills-list > li {
    float: left;
    margin: 0 0 50px;
    width: 100%;
}
.my-skills-list h3 {
    color: #1b1b1b;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 14px;
    margin: 0 0 17px;
    width: auto;
}
.my-skills-list > li > .progress {
    background: #e3e3e3 none repeat scroll 0 0;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    float: left;
    height: 26px;
    margin: 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    overflow: visible;
    width: 100%;
}
.my-skills-list > li > .progress .progress-bar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    overflow: visible;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    position: relative;
}
.my-skills-list > li > .progress .progress-bar span::before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000000;
    bottom: -5px;
    content: "";
    margin-right: -6px;
    position: absolute;
    right: 50%;
}
.my-skills-list > li > .progress .progress-bar span {
    background: #000000 none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    font-family: Montserrat;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 10px;
    position: absolute;
    right: 0;
    top: -39px;
    
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);

}
.wanky_pages {
    float: left;
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.wanky_page {
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    overflow: auto;
    padding-left: 285px;
    position: fixed;
    top: 0;
    
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);

    visibility: hidden;
    width: 100%;
}
.contact-me-sec {
    float: left;
    padding: 0 220px;
    width: 100%;
}
.wanky_pages.dark .profile-name-info {
    background: #161616 none repeat scroll 0 0;
    border-color: #494949;
}
.wanky_pages.dark .profile-name-info > span {
    color: #a7a7a7;
}
.wanky_pages.dark .profile-name-info > h1 {
    color: #ffffff;
}
.wanky_pages.dark .profile-name-info > p {
    color: #c8c8c8;
}
.wanky_pages.dark .side-menu-header {
    background: #222222 none repeat scroll 0 0;
}
.wanky_pages.dark .side-menu-header .logo-2 a span {
    color: #b6b6b6;
}
.wanky_pages.dark .side-menu-header .logo-2 a strong {
    color: #ffffff;
}
.wanky_pages.dark .side-menu-header nav > ul > li > a {
    color: #b5b5b5;
}
.wanky_pages.dark .blackish::before {
    background: #161616 none repeat scroll 0 0;
    opacity: 0.98;
}
.wanky_pages.dark .features-about-info > h3 {
    color: #ffffff;
}
.wanky_pages.dark .features-about-info > p {
    color: #888888;
}
.wanky_pages.dark .features-about-info li {
    color: #a9a9a9;
}
.wanky_pages.dark .features-about-info li strong {
    color: #c7c7c7;
}
.wanky_current_page {
    visibility: visible;
}
.wanky_pages.dark .heading2 > h3 {
    color: #ffffff;
}
.wanky_pages.dark .heading2 > span {
    color: #a5a5a5;
}
.wanky_pages.dark .education-detail > h3 {
    color: #ffffff;
}
.wanky_pages.dark .education-detail > p {
    color: #c1c1c1;
}

.wanky_page_top {
    z-index: 4;
}
.wanky_page > div {
    position: relative;
}

/* Heading 3 */
.heading3 {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.heading3 > h3 {
    color: #010101;
    float: left;
    font-family: Roboto;
    font-size: 19px;
    font-weight: 500;
    margin:0;
    padding-right: 40px;
    position: relative;
}
.heading3 > h3::before {
    background: #e6e6e6 none repeat scroll 0 0;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: 8px;
    width: 22px;
}

/* Author Widget */
.author-widget {
    display: table;
    float: left;
    position: relative;
    width: 100%;
}
.author-widget > img {
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    display: table-cell;
    margin-right: 30px;
}
.author-info {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.author-info > h3 {
    color: #000000;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    margin: 0;
    width: 100%;
}
.author-info > span {
    float: left;
    font-size: 13px;
    line-height: 32px;
    width: 100%;
}
.author-info > p {
    float: left;
    font-size: 14px;
    line-height: 25px;
    margin: 4px 0 0;
    width: 100%;
}
aside .widget {
    margin-top: 50px;
}
aside .widget:first-child {
    margin: 0;
}

/* Post Widget */
.post-widget {
    display: table;
    float: left;
    margin-top: 20px;
    position: relative;
    width: 100%;
}
.post-widget > .post-widget-thumb {
    display: table-cell;
}
.post-widget > .post-widget-thumb a {
    float: left;
}
.post-widget-title {
    display: table-cell;
    padding-left: 30px;
    vertical-align: middle;
}
.post-widget-title > h3 {
    color: #171717;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding-right: 50px;
    width: 100%;
}
.post-widget-title > span {
    float: left;
    font-size: 13px;
    margin-top: 7px;
    width: 100%;
}

/* Twitter Widget */
.twitter-widet {
    border: 3px solid #e6e6e6;
    float: left;
    padding: 70px 50px;
    width: 100%;
}
.twitter-widet > .all-tweets {
    margin: 0;
}
.twitter-widet > .all-tweets li.slick-slide {
    margin: 0;
}
.twitter-widet > .all-tweets li {
    text-align: center;
}
.twitter-widet > .all-tweets li i {
    float: left;
    font-size: 45px;
    margin-bottom: 15px;
    width: 100%;
}
.twitter-widet > .all-tweets li p {
    float: left;
    font-family: ROBOTO;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    margin: 0 0 13px;
    width: 100%;
}
.all-tweets li a {
    float: left;
    font-size: 15px;
    font-weight: 200;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.all-tweets .slick-dots {
    float: left;
    text-align: center;
    width: 100%;
}
.blog-thumb > img {
    float: left;
    width: 100%;
}
.single-post > .blog-post {
    margin: 0;
}

/* Event Box */
.event-box-sec {
    float: left;
    margin-top: -50px;
    width: 100%;
}
.event-box {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.event-img {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.event-img > img {
    float: left;
    width: 100%;
}
.event-img:before{
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.87) 87%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.87) 87%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.87) 87%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.event-box {
    float: left;
    position: relative;
    width: 100%;
}
.event-box:hover > .event-img::before {
    height: 310%;
}
.event-box:hover > .event-title {
    opacity: 0;
    visibility: hidden;
}
.event-title {
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.event-title > h3 {
    color: #272727;
    float: left;
    font-family: Roboto;
    font-size: 19px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    width: 100%;
}
.event-title > a {
    color: #5b5b5b;
    float: left;
    font-family: ROBOTO;
    font-size: 14px;
    margin-top: 7px;
    width: 100%;
}
.event-title > a i {
    margin-right: 4px;
}
.event-hover {
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 40%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    visibility: hidden;
    width: 100%;
}
.event-box:hover > .event-hover {
    opacity: 1;
    top: 50%;
    visibility: visible;
}
.event-hover > a {
    background: #999999 none repeat scroll 0 0;
    
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    color: #fff;
    display: inline-block;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    padding: 10px 30px;
}
.event-countdown {
    float: left;
    margin: 25px 0 0;
    text-align: center;
    width: 100%;
}
.event-countdown > li {
    display: inline-block;
    float: none;
    margin: 0 7px;
}
.event-countdown > li span {
    color: #2e2e2e;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
}
.event-countdown > li p {
    font-family: Roboto;
    font-size: 12px;
    line-height: 10px;
    margin: 7px 0 0;
    text-transform: capitalize;
}


.nice-select {
    background: #e7e7e7 none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #626262;
    cursor: pointer;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    outline: medium none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left;
    
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;

    white-space: nowrap;
    width: auto;
}
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    -moz-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    -ms-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    -o-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);

    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
.nice-select .option {
    border-bottom: 1px solid #d8dcdc;
    color: #757575;
    cursor: pointer;
    font-family: Roboto;
    font-weight: 400;
    line-height: 13px;
    list-style: outside none none;
    margin: 0;
    outline: medium none;
    padding: 11px 51px 11px 20px;
    text-align: left;
    
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;

}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f6f6f6;
    color: #333333;
}
.nice-select .option.selected {
    font-weight: 500;
}
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

.filter-bar {
    border-bottom: 3px solid #eeeeee;
    border-top: 3px solid #eeeeee;
    float: left;
    margin-bottom: 30px;
    padding: 0 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.filter-option {
    float: right;
    padding: 7px 0;
}
.filter-option > span {
    color: #656565;
    float: left;
    font-family: ROBOTO;
    font-size: 12px;
    line-height: 30px;
    margin-right: 15px;
}
.filter-option .nice-select {
    clear: none;
    float: left;
}
.item-available {
    color: #484848;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    padding: 16px 0;
}
.item-available strong {
    font-weight: 500;
}


.gallery-sec.low-gape > .row {
    margin: 0 -3px;
}
.gallery-sec.low-gape > .row > div {
    padding: 0 3px;
}
.gallery-sec.low-gape {
    margin-top: -6px;
}
.gallery-sec.low-gape .gallery {
    margin-top: 6px;
}
.product-carts {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.cart-item {
    text-align: center;
    float: left;
    margin-top: 30px;
    width: 100%;
}
.cart-item > .product-info {
    background: #ffffff none repeat scroll 0 0;
    
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 30px 40px;
    text-align: center;
    width: 100%;
}
.cart-item > .product-info > h3 {
    float: left;
    padding: 0;
    text-align: center;
    width: 100%;
}
.cart-item > .product-info .prices {
    display: inline-block;
    float: none;
    margin: 8px 0 0;
}
.cart-item {
    float: left;
    position: relative;
    width: 100%;
}
.cart-item > .product-info .prices span {
    color: #898989;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    width: 100%;
}
.quantity {
    float: left;
    width: 100%;
}
.quantity > span {
    border: 1px solid #c8cccc;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    padding: 5px;
    width: 140px;
}
.quantity > span input[type="text"] {
    background: #ffffff none repeat scroll 0 0;
    color: #959595;
    font-family: Roboto;
    font-size: 14px;
    height: 26px;
    margin: 0;
    padding: 6px 0 6px 17px;
    width: 60px;
}
.quantity > span input[type="button"] {
    background: #dedede none repeat scroll 0 0;
    border: medium none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: right;
    height: 26px;
    margin: 0 2px;
    width: 26px;
}
.product-info .quantity {
    display: inline-block;
    float: none;
    margin-top: 14px;
    width: auto;
}
.coupon-area {
    background: #ffffff none repeat scroll 0 0;
    
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 50px;
    width: 100%;
}
.coupon-area > h3 {
    color: #232323;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}
.coupon-area > p {
    float: left;
    font-size: 14px;
    margin: 3px 0 0;
    width: 100%;
}
.add-coupons-buttons {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.add-coupon {
    float: left;
}
.add-coupon > input[type="text"] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    height: 44px;
    padding: 0 20px;
    width: 184px;
}
.add-coupons-buttons .theme-btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    font-family: ROBOTO;
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px;
    padding: 15px 18px;
}
.sub-total {
    background: #fff none repeat scroll 0 0;
    
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    float: left;
    padding: 50px;
    width: 100%;
}
.sub-total > span {
    color: #656565;
    float: left;
    font-family: ROBOTO;
    font-size: 15px;
    width: 100%;
}
.sub-total > span strong {
    color: #000000;
    float: right;
    font-weight: 500;
}
.sub-total > .nice-select {
    float: left;
    height: 47px;
    margin: 25px 0;
    padding: 6px 27px;
    width: 100%;
}
.sub-total span.total {
    font-size: 20px;
    margin-top: 10px;
}

/*=============== Checkout Page ===================*/
.checkout-page{
    float:left;
    width:100%;
}
.simple-title{
    border-bottom:2px solid;
    color:#333e48;
    float:left;
    font-family:montserrat;
    font-size:25px;
    margin-bottom:40px;
    padding-bottom:15px;
    width:100%;
}
form.style2 label {
    color: #555555;
    float: left;
    font-family: ROBOTO;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 15px;
    text-transform: capitalize;
    width: 100%;
}
form.style2 input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #dddddd;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    color: #818181;
    letter-spacing: 0;
    padding: 13px 30px;
    text-transform: unset;
}
form.style2 textarea{
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;

    min-height:140px;
    background: none;
    border: 1px solid #dddddd;
}
.billing-form .nice-select {
    float: left;
    height: 50px;
    margin-bottom: 25px;
    padding: 10px 30px;
    width: 100%;
}
.cart-table {
    float: left;
    width: 100%;
}
.cart-table table {
    float: left;
    width: 100%;
}
input[type="checkbox"]{
    float:left;
    height:20px;
    margin-right:10px;
    width:auto;
}
input[type="checkbox"] ~ label{
    margin:0;
    width:auto;
}
.checkout-page .select2-container{
    border:1px solid #ddd;
    margin-bottom:20px;
    overflow:hidden;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
}
.checkout-page .select2-container.select2-container--open{
    -webkit-border-radius:30px 30px 0 0;
    -moz-border-radius:30px 30px 0 0;
    -ms-border-radius:30px 30px 0 0;
    -o-border-radius:30px 30px 0 0;
    border-radius:30px 30px 0 0;
}
.billing-form,
.shipping-form{
    float:left;
    margin-bottom:80px;
    width:100%;
}

.product-count {
    color: #9a9999;
    float: left;
    font-family: Roboto;
    font-weight: 700;
}
.checkout-page tr.cart_item{border-bottom:1px solid #ddd}
.checkout-page tr.cart_item td{padding:30px 0}
.checkout-page tr.cart_item td:last-child{text-align:right}

.checkout-total {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);

    float: right;
    margin-top: 50px;
    padding: 50px;
    width: 500px;
}
.checkout-total > ul > li {
    float: left;
    width: 100%;
}
.cart-product-text strong {
    color: #333333;
    font-weight: 500;
}
.checkout-total > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.checkout-total > ul li:before{display:none}
.checkout-total > ul li span{
    float:left;
    width:50%;
}
.checkout-total > ul li strong{
    color:#49525a;
    float:left;
    font-family:montserrat;
    font-size:14px;
    font-weight:600;
    text-align:right;
    width:50%;
}
.checkout-total > ul li:last-child {
    border-top: 1px solid #ddd;
    margin-bottom: 0;
    margin-top: 20px;
    padding-top: 10px;
}
.checkout-total > ul li:last-child strong{font-size:24px; }
.checkout-payments{
    float:left;
    margin-bottom:50px;
    margin-top:50px;
    width:100%;
}
.payment-method{
    border-bottom:1px solid #ddd;
    float:left;
    margin-bottom:30px;
    padding-bottom:30px;
    width:100%;
}
.payment-method p{
    margin:0;
    overflow:hidden;
}
.payment-method input[type="checkbox"] ~ label{
    display:table;
    float:none;
}
.checkout-page .gray-btn{float:right}

/* Single Product Slide */
.single-product-slide {
    float: left;
    width: 100%;
}
.single-product-slide > .single-item-gallery {
    float: left;
    margin: 0;
    width: 100%;
}
.single-product-slide > .single-item-gallery li img {
    float: left;
    width: 100%;
}
.single-product-slide .single-product-thumb {
    float: left;
    margin: 0;
    width: 100%;
}
.single-product-slide .single-product-thumb li {
    margin: 0;
}
.single-product-slide .single-product-thumb li img {
    float: left;
    padding: 0 10px;
    width: 100%;
}
.single-product-slide .single-product-thumb li.slick-active.slick-slide.slick-center img {
    padding: 0;
}

/* Single Product Details */
.single-product-detail {
    float: left;
    padding-top: 30px;
    width: 100%;
}
.item-rating {
    float: left;
    width: 100%;
}
.item-rating > i {
    float: left;
    font-size: 13px;
    margin-right: 4px;
}
.single-product-detail > h2 {
    color: #2a2a2a;
    float: left;
    font-family: Montserrat;
    font-size: 28px;
    font-weight: bold;
    line-height: 50px;
    margin: 13px 0 10px;
    width: 100%;
}
.single-product-detail .prices {
    float: left;
    text-align: left;
    width: 100%;
}
.single-product-detail .prices span {
    float: left;
}
.single-product-detail .prices span ins {
    color: #999999;
    float: left;
    font-family: ROBOTO;
    font-size: 30px;
    font-weight: 900;
    margin: 0;
}
.single-product-detail .prices {
    border-bottom: 1px dashed #e2e2e2;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
    text-align: left;
    width: 100%;
}
.single-product-detail a.theme-btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 30px;
}
.single-product-detail .quantity {
    float: left;
    margin-left: 15px;
    margin-top: 4px;
    width: auto;
}
.single-product-detail > p {
    border-bottom: 1px dashed #e2e2e2;
    float: left;
    margin: 25px 0 0;
    padding-bottom: 25px;
    padding-right: 100px;
    width: 100%;
}
.share-with {
    float: left;
    padding-top: 25px;
    width: 100%;
}
.share-with > span {
    color: #999999;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    line-height: 25px;
    width: auto;
}
.product-extra-details {
    float: left;
    margin-top: 45px;
    width: 100%;
}
.product-extra-details > span {
    color: #868686;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    line-height: 27px;
    width: 100%;
}
.product-extra-details > span strong {
    color: #333333;
    font-weight: normal;
}
.tab-content.current {
    display: block;
}
.tab-content {
    display: none;
}
.share-with > ul.social-btns-color li a {
    float: left;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    margin: 0;
    width: 26px;
}
.share-with > .social-btns-color {
    margin: 0 0 0 13px;
    width: auto;
}
.tab-sec {
    float: left;
    width: 100%;
}
.tab-sec > .nav {
    float: left;
    margin: 0;
    width: 100%;
}
.tab-sec > .nav li {
    float: left;
    margin: 0 15px 0 0;
    padding-right: 15px;
}
.tab-sec > .nav li a {
    border-bottom: 2px solid #ffffff;
    color: #515151;
    float: left;
    font-family: Roboto;
    font-size: 17px;
    padding-bottom: 7px;
}
.tab-sec .tab-content {
    float: left;
    padding-top: 31px;
    width: 100%;
}
.tab-content > h3 {
    color: #333333;
    float: left;
    font-size: 20px;
    margin: 0 0 14px;
    width: 100%;
}
.alert-message {
    background: #ebebeb none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    display: table;
    float: left;
    padding: 30px;
    width: 100%;
}
.alert-message > i {
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 30px;
    width: 40px;
}
.alert-message p {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

/* Collapse Sec */
.collapse-sec {
    float: left;
    width: 100%;
}
.c-collapse {
    float: left;
    width: 100%;
}
.c-collapse > h2 {
    border: 1px solid #dfe3e3;
    color: #7b7b7b;
    cursor: pointer;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    margin: 0 0 -1px;
    padding: 16px 30px;
    position: relative;
    width: 100%;
}
.c-collapse .content {
    float: left;
    padding: 20px 50px 45px;
    width: 100%;
}
.c-collapse > h2::before {
    color: #999999;
    content: "\f067";
    font-family: fontawesome;
    font-size: 15px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.c-collapse .content > h3 {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    margin-bottom: 9px;
    width: 100%;
}
.c-collapse .content > p {
    color: #ffffff;
    float: left;
    font-size: 15px;
    line-height: 25px;
    margin: 0;
}
.c-collapse > h2.active {
    color: #ffffff;
    padding-bottom: 0;
    padding-left: 50px;
    padding-top: 30px;
}

.c-collapse > h2.active::before {
    color: #ffffff;
    content: "\f068";
}






.open-popup:hover {
    background: #353535 none repeat scroll 0 0;
}

.side-menu-header .menu-options {
    display: none;
}
.side-menu-header .menu-options {
    background: #333333 none repeat scroll 0 0;
    border-radius: 6px;
    left: 16px;
    position: fixed;
    right: auto;
    top: 0;
}
.side-menu-header .menu-options span::before, .side-menu-header .menu-options span::after {
    background: #ffffff none repeat scroll 0 0;
}
.side-menu-header .menu-options span i::before {
    background: #ffffff none repeat scroll 0 0;
}
.side-menu-header.active {
    left: 0;
}
.header-menus .menu-open.active {
    background: #0f0f0f none repeat scroll 0 0;
    z-index: 31;
}

body::before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1;
}
body.add-layer::before {
    width: 100%;
}
.header-menus .menu-open.active i {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

}
.header-menus .menu-open::before {
    color: #fefefe;
    content: "x";
    font-family: Rubik;
    font-size: 21px;
    font-weight: 600;
    height: 100%;
    left: 0;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 0;
    
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    width: 100%;
}
.header-menus .menu-open.active::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

}

/*!
 * Cube Portfolio - Responsive jQuery Grid Plugin
 *
 * version: 4.1.1 (20 March, 2017)
 * require: jQuery v1.7+
 *
 * Copyright 2013-2017, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/)
 * Licensed under CodeCanyon License (http://codecanyon.net/licenses)
 *
 */.cbp-l-filters-alignCenter .cbp-filter-counter:after,.cbp-l-filters-alignRight .cbp-filter-counter:after,.cbp-l-filters-button .cbp-filter-counter:after,.cbp-l-filters-buttonCenter .cbp-filter-counter:after,.cbp-l-filters-text .cbp-filter-counter:after,.cbp,.cbp *,.cbp *:after,.cbp:after,.cbp-l-filters-dropdownHeader:after,.cbp-popup-wrap,.cbp-popup-wrap *,.cbp-popup-wrap:before,.cbp-popup-loadingBox:after{box-sizing:border-box}.cbp-l-grid-agency-title,.cbp-l-grid-agency-desc,.cbp-l-grid-work-title,.cbp-l-grid-work-desc,.cbp-l-grid-blog-title,.cbp-l-grid-projects-title,.cbp-l-grid-projects-desc,.cbp-l-grid-masonry-projects-title,.cbp-l-grid-masonry-projects-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cbp-l-filters-alignCenter,.cbp-l-filters-alignCenter *,.cbp-l-filters-alignLeft,.cbp-l-filters-alignLeft *,.cbp-l-filters-alignRight,.cbp-l-filters-alignRight *,.cbp-l-filters-button,.cbp-l-filters-button *,.cbp-l-filters-buttonCenter,.cbp-l-filters-buttonCenter *,.cbp-l-filters-dropdown,.cbp-l-filters-dropdown *,.cbp-l-filters-list,.cbp-l-filters-list *,.cbp-l-filters-work,.cbp-l-filters-work *,.cbp-l-filters-big,.cbp-l-filters-big *,.cbp-l-filters-text,.cbp-l-filters-text *,.cbp-l-filters-underline,.cbp-l-filters-underline *,.cbp-l-loadMore-bgbutton,.cbp-l-loadMore-bgbutton *,.cbp-l-loadMore-button,.cbp-l-loadMore-button *,.cbp-l-loadMore-text,.cbp-l-loadMore-text *,.cbp-search,.cbp-search *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.cbp:after,.cbp-lazyload:after,.cbp-popup-loadingBox:after,.cbp-popup-singlePageInline:after{content:'';position:absolute;width:34px;height:34px;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-animation:cbp-rotation .8s infinite linear;animation:cbp-rotation .8s infinite linear;border-left:3px solid rgba(114,144,182,0.15);border-right:3px solid rgba(114,144,182,0.15);border-bottom:3px solid rgba(114,144,182,0.15);border-top:3px solid rgba(114,144,182,0.8);border-radius:100%}.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter,.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter,.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter,.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter,.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter{opacity:1;-webkit-transform:translateY(-44px);transform:translateY(-44px)}.cbp-l-filters-alignCenter .cbp-filter-counter,.cbp-l-filters-alignRight .cbp-filter-counter,.cbp-l-filters-button .cbp-filter-counter,.cbp-l-filters-buttonCenter .cbp-filter-counter,.cbp-l-filters-text .cbp-filter-counter{font:400 11px/18px "Open Sans", sans-serif;border-radius:3px;color:#FFFFFF;margin:0 auto;padding:4px 0;text-align:center;width:34px;position:absolute;bottom:0;left:0;right:0;opacity:0;-webkit-transition:-webkit-transform .25s, opacity .25s;transition:transform .25s, opacity .25s}.cbp-l-filters-alignCenter .cbp-filter-counter:after,.cbp-l-filters-alignRight .cbp-filter-counter:after,.cbp-l-filters-button .cbp-filter-counter:after,.cbp-l-filters-buttonCenter .cbp-filter-counter:after,.cbp-l-filters-text .cbp-filter-counter:after{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.cbp-item{display:inline-block;margin:0 10px 20px 0}.cbp{position:relative;margin:0 auto;z-index:1;height:400px}.cbp>*{visibility:hidden}.cbp .cbp-item{list-style-type:none;margin:0;padding:0;overflow:hidden}.cbp img{display:block;border:0;width:100%;height:auto}.cbp a,.cbp a:hover,.cbp a:active{text-decoration:none;outline:0}.cbp-lazyload{position:relative;background:#fff;display:block}.cbp-lazyload img{opacity:1}.cbp-lazyload img[data-cbp-src]{opacity:0}.cbp-lazyload img:not([data-cbp-src]){-webkit-transition:opacity .7s ease-in-out;transition:opacity .7s ease-in-out}.cbp-lazyload:after{z-index:0}.cbp-wrapper-outer{overflow:hidden;position:relative;margin:0 auto}.cbp-wrapper-outer,.cbp-wrapper,.cbp-wrapper-helper{list-style-type:none;padding:0;width:100%;height:100%;z-index:1}.cbp-wrapper,.cbp-wrapper-helper{margin:0}.cbp-ready>*{visibility:visible}.cbp-ready:after{display:none;visibility:hidden}.cbp-ready .cbp-item{position:absolute;top:0;left:0}.cbp-ready .cbp-wrapper,.cbp-ready .cbp-wrapper-helper{position:absolute;top:0;left:0}.cbp-item-off{z-index:-1;pointer-events:none;visibility:hidden}.cbp-item-on2off{z-index:0}.cbp-item-off2on{z-index:1}.cbp-item-on2on{z-index:2}.cbp-item-wrapper{width:100%;height:100%;position:relative;top:0;left:0}.cbp-l-project-related-wrap img,.cbp-l-inline img{display:block;width:100%;height:auto;border:0}.cbp-updateItems{-webkit-transition:height .5s ease-in-out !important;transition:height .5s ease-in-out !important;will-change:height}.cbp-updateItems .cbp-item{-webkit-transition:top .5s ease-in-out, left .5s ease-in-out;transition:top .5s ease-in-out, left .5s ease-in-out}.cbp-updateItems .cbp-item-loading{-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;-webkit-transition:none;transition:none}.cbp-removeItem{-webkit-animation:fadeOut .5s ease-in-out;animation:fadeOut .5s ease-in-out}.cbp-panel{width:94%;max-width:1170px;margin:0 auto}.cbp-misc-video{position:relative;height:0;padding-bottom:56.25%;background:#000;text-align:center}.cbp-misc-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}@-webkit-keyframes cbp-rotation{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes cbp-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.clearfix:after{content:" ";display:block;height:0;clear:both}.cbp-l-filters-left{float:left}.cbp-l-filters-right{float:right}@media only screen and (max-width: 480px){.cbp-l-filters-left,.cbp-l-filters-right{width:100%}}.cbp-caption,.cbp-caption-defaultWrap,.cbp-caption-activeWrap{display:block}.cbp-caption-activeWrap{background-color:#282727}.cbp-caption-active .cbp-caption,.cbp-caption-active .cbp-caption-defaultWrap,.cbp-caption-active .cbp-caption-activeWrap{overflow:hidden;position:relative;z-index:1}.cbp-caption-active .cbp-caption-defaultWrap{top:0}.cbp-caption-active .cbp-caption-activeWrap{width:100%;position:absolute;z-index:2;height:100%}.cbp-l-caption-title{color:#fff;font:400 16px/21px "Open Sans", sans-serif}.cbp-l-caption-desc{color:#aaa;font:400 12px/16px "Open Sans", sans-serif}.cbp-l-caption-text{font:400 14px/21px "Open Sans", sans-serif;color:#fff;letter-spacing:3px;padding:0 6px}.cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight{background-color:#547EB1;color:#FFFFFF;display:inline-block;font:400 12px/30px "Open Sans", sans-serif;min-width:90px;text-align:center;margin:4px;padding:0 6px}.cbp-l-caption-buttonLeft:hover,.cbp-l-caption-buttonRight:hover{opacity:0.9}.cbp-caption-none .cbp-caption-activeWrap{display:none}.cbp-l-caption-alignLeft .cbp-l-caption-body{padding:12px 30px}.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body{padding-top:30px}.cbp-l-caption-alignCenter{display:table;width:100%;height:100%}.cbp-l-caption-alignCenter .cbp-l-caption-body{display:table-cell;vertical-align:middle;text-align:center;padding:15px 0}.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{position:relative;-webkit-transition:-webkit-transform .25s;transition:transform .25s}.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft{-webkit-transform:translateX(-20px);transform:translateX(-20px)}.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{-webkit-transform:translateX(20px);transform:translateX(20px)}.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{-webkit-transform:translateX(0);transform:translateX(0)}@media only screen and (max-width: 480px){.cbp-l-caption-alignLeft .cbp-l-caption-body{padding:9px 11px}.cbp-l-caption-title{font-size:14px;line-height:21px}.cbp-l-caption-desc{font-size:11px;line-height:14px}.cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight{font-size:11px;line-height:28px;min-width:69px;margin:3px;padding:0 4px}.cbp-l-caption-text{font-size:13px;letter-spacing:1px}}@media only screen and (max-width: 374px){.cbp-l-caption-alignLeft .cbp-l-caption-body{padding:8px 10px}.cbp-l-caption-title{font-size:13px;line-height:20px}.cbp-l-caption-desc{font-size:11px;line-height:14px}.cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight{font-size:10px;line-height:28px;min-width:62px;margin:1px;padding:0 4px}}.cbp-caption-fadeIn .cbp-caption-activeWrap{opacity:0;top:0;background-color:rgba(0,0,0,0.85);-webkit-transition:opacity .5s;transition:opacity .5s}.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap{opacity:1}.cbp-caption-minimal .cbp-l-caption-title,.cbp-caption-minimal .cbp-l-caption-desc{position:relative;left:0;opacity:0;-webkit-transition:-webkit-transform .35s ease-out;transition:transform .35s ease-out}.cbp-caption-minimal .cbp-l-caption-title{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cbp-caption-minimal .cbp-l-caption-desc{-webkit-transform:translateY(70%);transform:translateY(70%)}.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title,.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.cbp-caption-minimal .cbp-caption-activeWrap{top:0;background-color:#000;background-color:rgba(0,0,0,0.8);opacity:0}.cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap{opacity:1}.cbp-caption-moveRight .cbp-caption-activeWrap{left:-100%;top:0;-webkit-transition:-webkit-transform .35s;transition:transform .35s}.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(100%);transform:translateX(100%)}.cbp-caption-overlayBottom .cbp-caption-activeWrap{height:60px;background-color:#181616;background-color:rgba(24,22,22,0.7);-webkit-transition:-webkit-transform .25s;transition:transform .25s}.cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{-webkit-transition-duration:.35s;transition-duration:.35s}.cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap,.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .35s;transition:transform .35s}.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap{height:60px}.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-30px);transform:translateY(-30px)}.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-overlayBottomPush .cbp-caption-defaultWrap,.cbp-caption-overlayBottomPush .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .25s;transition:transform .25s}.cbp-caption-overlayBottomPush .cbp-caption-activeWrap{height:61px;-webkit-transform:translateY(0);transform:translateY(0)}.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-60px);transform:translateY(-60px)}.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-61px);transform:translateY(-61px)}.cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .25s;transition:transform .25s}.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap{bottom:0;z-index:1;height:60px}.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-60px);transform:translateY(-60px)}.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap,.cbp-caption-overlayRightAlong .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .4s;transition:transform .4s}.cbp-caption-overlayRightAlong .cbp-caption-activeWrap{top:0;left:-50%;width:50%}.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateX(25%);transform:translateX(25%)}.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(100%);transform:translateX(100%)}.cbp-caption-pushDown .cbp-caption-defaultWrap,.cbp-caption-pushDown .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .4s;transition:transform .4s}.cbp-caption-pushDown .cbp-caption-activeWrap{top:-100%}.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap,.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(100%);transform:translateY(100%)}.cbp-caption-pushTop .cbp-caption-activeWrap,.cbp-caption-pushTop .cbp-caption-defaultWrap{-webkit-transition:-webkit-transform .4s;transition:transform .4s}.cbp-caption-pushTop .cbp-caption-activeWrap{height:102%}.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-99%);transform:translateY(-99%)}.cbp-caption-revealBottom .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .4s;transition:transform .4s}.cbp-caption-revealBottom .cbp-caption-activeWrap{top:0;z-index:1}.cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-revealLeft .cbp-caption-activeWrap{left:100%;top:0;-webkit-transition:-webkit-transform .4s;transition:transform .4s}.cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.cbp-caption-revealTop .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .4s;transition:transform .4s}.cbp-caption-revealTop .cbp-caption-activeWrap{top:0;z-index:1}.cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(100%);transform:translateY(100%)}.cbp-caption-zoom .cbp-caption-defaultWrap{-webkit-transition:-webkit-transform .35s ease-out;transition:transform .35s ease-out}.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:scale(1.25);transform:scale(1.25)}.cbp-caption-zoom .cbp-caption-activeWrap{opacity:0;top:0;background-color:rgba(0,0,0,0.9);-webkit-transition:opacity .4s;transition:opacity .4s}.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap{opacity:1}.cbp-caption-opacity .cbp-item{padding:1px}.cbp-caption-opacity .cbp-caption,.cbp-caption-opacity .cbp-caption-activeWrap,.cbp-caption-opacity .cbp-caption-defaultWrap{background-color:transparent}.cbp-caption-opacity .cbp-caption{border:1px solid transparent}.cbp-caption-opacity .cbp-caption:hover{border-color:#EDEDED}.cbp-caption-opacity .cbp-caption-defaultWrap{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}.cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap{opacity:.8}.cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap{top:0}.cbp-caption-expand .cbp-caption-activeWrap{height:auto;background-color:transparent}.cbp-caption-expand .cbp-caption{border-bottom:1px dotted #eaeaea}.cbp-caption-expand .cbp-caption-defaultWrap{cursor:pointer;font:500 15px/23px "Roboto", sans-serif;color:#474747;padding:12px 0 11px 26px}.cbp-caption-expand .cbp-caption-defaultWrap svg{position:absolute;top:16px;left:0}.cbp-caption-expand .cbp-l-caption-body{font:400 13px/21px "Roboto", sans-serif;color:#888;padding:0 0 20px 26px}.cbp-caption-expand-active{-webkit-transition:height .4s !important;transition:height .4s !important}.cbp-caption-expand-active .cbp-item{-webkit-transition:left .4s, top .4s !important;transition:left .4s, top .4s !important}.cbp-caption-expand-open .cbp-caption-activeWrap{-webkit-transition:height .4s;transition:height .4s}.cbp-l-filters-alignCenter{margin-bottom:30px;text-align:center;font:400 12px/21px sans-serif;color:#DADADA}.cbp-l-filters-alignCenter .cbp-filter-item{color:#949494;cursor:pointer;font:400 13px/21px "Open Sans", sans-serif;padding:0 12px;position:relative;overflow:visible;margin:0 0 10px;display:inline-block;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.cbp-l-filters-alignCenter .cbp-filter-item:hover{color:#2D2C2C}.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter{-webkit-transform:translateY(-30px);transform:translateY(-30px)}.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active{color:#2D2C2C;cursor:default}.cbp-l-filters-alignCenter .cbp-filter-counter{background-color:#626161}.cbp-l-filters-alignCenter .cbp-filter-counter:after{border-top:4px solid #626161}.cbp-l-filters-alignLeft{margin-bottom:30px}.cbp-l-filters-alignLeft .cbp-filter-item{background-color:#fff;border:1px solid #cdcdcd;cursor:pointer;font:400 12px/30px "Open Sans", sans-serif;padding:0 13px;position:relative;overflow:visible;margin:0 4px 10px 4px;display:inline-block;color:#888888;-webkit-transition:color .3s ease-in-out, background-color .3s ease-in-out, border .3s ease-in-out;transition:color .3s ease-in-out, background-color .3s ease-in-out, border .3s ease-in-out}.cbp-l-filters-alignLeft .cbp-filter-item:hover{color:#111}.cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active{background-color:#6C7A89;border:1px solid #6C7A89;color:#fff;cursor:default}.cbp-l-filters-alignLeft .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-alignLeft .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-alignLeft .cbp-filter-counter{display:inline}@media only screen and (max-width: 480px){.cbp-l-filters-alignLeft{text-align:center}}.cbp-l-filters-alignRight{margin-bottom:30px;text-align:right}.cbp-l-filters-alignRight .cbp-filter-item{background-color:transparent;color:#8B8B8B;cursor:pointer;font:400 11px/31px "Open Sans", sans-serif;padding:0 14px;position:relative;overflow:visible;margin:0 3px 10px 3px;border:1px solid #E4E2E2;text-transform:uppercase;display:inline-block;-webkit-transition:color .3s ease-in-out, background-color .3s ease-in-out, border .3s ease-in-out;transition:color .3s ease-in-out, background-color .3s ease-in-out, border .3s ease-in-out}.cbp-l-filters-alignRight .cbp-filter-item:hover{color:#2B3444}.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active{color:#FFFFFF;background-color:#049372;border-color:#049372;cursor:default}.cbp-l-filters-alignRight .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-alignRight .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-alignRight .cbp-filter-counter{background-color:#049372}.cbp-l-filters-alignRight .cbp-filter-counter:after{border-top:4px solid #049372}@media only screen and (max-width: 480px){.cbp-l-filters-alignRight{text-align:center}}.cbp-l-filters-button{margin-bottom:30px}.cbp-l-filters-button .cbp-filter-item{background-color:#FFFFFF;border:1px solid #ECECEC;color:#888888;cursor:pointer;font:400 12px/32px "Open Sans", sans-serif;margin:0 5px 10px 5px;overflow:visible;padding:0 17px;position:relative;display:inline-block;-webkit-transition:color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;transition:color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out}.cbp-l-filters-button .cbp-filter-item:hover{color:#545454;border-color:#DADADA}.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active{background-color:#545454;color:#fff;border-color:#5d5d5d;cursor:default}.cbp-l-filters-button .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-button .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-button .cbp-filter-counter{background-color:#545454}.cbp-l-filters-button .cbp-filter-counter:after{border-top:4px solid #545454}@media only screen and (max-width: 480px){.cbp-l-filters-button{text-align:center}}.cbp-l-filters-buttonCenter{margin-bottom:30px;text-align:center}.cbp-l-filters-buttonCenter .cbp-filter-item{background-color:#FFFFFF;border:1px solid #ECECEC;color:#888888;cursor:pointer;font:400 12px/32px "Roboto", sans-serif;margin:0 5px 10px 5px;overflow:visible;padding:0 17px;position:relative;display:inline-block;-webkit-transition:color .3s ease-in-out, border-color .3s ease-in-out;transition:color .3s ease-in-out, border-color .3s ease-in-out}.cbp-l-filters-buttonCenter .cbp-filter-item:hover{color:#5d5d5d}.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active{color:#3B9CB3;border-color:#8CD2E5;cursor:default}.cbp-l-filters-buttonCenter .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-buttonCenter .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-buttonCenter .cbp-filter-counter{background-color:#68ABBC}.cbp-l-filters-buttonCenter .cbp-filter-counter:after{border-top:4px solid #68ABBC}.cbp-l-filters-dropdown{margin-bottom:40px;height:38px;position:relative;z-index:5}.cbp-l-filters-dropdownWrap{width:200px;position:absolute;right:0;background:#4d4c4d}.cbp-l-filters-dropdownHeader{font:400 12px/38px "Open Sans", sans-serif;margin:0 17px;color:#FFF;cursor:default;position:relative}.cbp-l-filters-dropdownHeader:after{border-color:#fff transparent;border-style:solid;border-width:5px 5px 0;content:"";height:0;position:absolute;right:0;top:50%;width:0;margin-top:-1px}.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after{border-width:0 5px 5px}.cbp-l-filters-dropdownList{display:none;list-style:none outside none;margin:0;padding:0}.cbp-l-filters-dropdownList>li{margin:0;list-style:none}.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList{display:block;margin:0}.cbp-l-filters-dropdownList .cbp-filter-item{background:transparent;color:#b3b3b3;width:100%;text-align:left;font:400 12px/40px "Open Sans", sans-serif;margin:0;padding:0 17px;cursor:pointer;border:none;border-top:1px solid #595959}.cbp-l-filters-dropdownList .cbp-filter-item:hover{color:#e6e6e6}.cbp-l-filters-dropdownList .cbp-filter-item-active{color:#fff;cursor:default}.cbp-l-filters-dropdownWrap .cbp-filter-counter{display:inline}.cbp-l-filters-dropdown-floated{float:right;margin-top:-2px;margin-left:20px;width:200px}@media only screen and (max-width: 480px){.cbp-l-filters-dropdown-floated{width:100%;margin-top:0;margin-left:0}.cbp-l-filters-dropdownWrap{right:0;left:0;margin:0 auto}}.cbp-l-filters-list{margin-bottom:30px;content:"";display:table;clear:both}.cbp-l-filters-list .cbp-filter-item{background-color:transparent;color:#585252;cursor:pointer;font:400 12px/35px "Open Sans", sans-serif;padding:0 18px;position:relative;overflow:visible;margin:0 0 10px;float:left;border:1px solid #3288C4;border-right-width:0;-webkit-transition:left .3s ease-in-out;transition:left .3s ease-in-out}.cbp-l-filters-list .cbp-filter-item:hover{color:#000}.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active{cursor:default;color:#FFFFFF;background-color:#3288C4}.cbp-l-filters-list-first{border-radius:6px 0 0 6px}.cbp-l-filters-list-last{border-radius:0 6px 6px 0;border-right-width:1px !important}.cbp-l-filters-list .cbp-filter-counter{display:inline}@media only screen and (max-width: 600px){.cbp-l-filters-list .cbp-filter-item{margin-right:5px;border-radius:6px;border-right-width:1px}}.cbp-l-filters-work{margin-bottom:30px;text-align:center}.cbp-l-filters-work .cbp-filter-item{background-color:#FFFFFF;color:#888;cursor:pointer;font:600 11px/37px "Open Sans", sans-serif;margin:0 3px 15px 3px;overflow:visible;padding:0 16px;position:relative;display:inline-block;text-transform:uppercase;-webkit-transition:color .3s ease-in-out, background-color .3s ease-in-out;transition:color .3s ease-in-out, background-color .3s ease-in-out}.cbp-l-filters-work .cbp-filter-item:hover{color:#fff;background:#607D8B}.cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active{background-color:#607D8B;color:#fff;cursor:default}.cbp-l-filters-work .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-work .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-work .cbp-filter-counter{font:600 11px/37px "Open Sans", sans-serif;text-align:center;display:inline-block;margin-left:8px}.cbp-l-filters-work .cbp-filter-counter:before{content:'('}.cbp-l-filters-work .cbp-filter-counter:after{content:')'}.cbp-l-filters-big{margin-bottom:30px;text-align:center}.cbp-l-filters-big .cbp-filter-item{color:#444;cursor:pointer;font:400 15px/22px "Roboto", sans-serif;margin:0 8px 10px 8px;padding:10px 23px;position:relative;display:inline-block;border:1px solid transparent;text-transform:uppercase;-webkit-transition:color .3s ease-in-out, border .3s ease-in-out;transition:color .3s ease-in-out, border .3s ease-in-out}.cbp-l-filters-big .cbp-filter-item:hover{color:#888}.cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active{border-color:#d5d5d5;color:#444;cursor:default}.cbp-l-filters-big .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-big .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-text{margin-bottom:30px;text-align:center;font:400 12px/21px "Lato", sans-serif;color:#DADADA;padding:0 15px}.cbp-l-filters-text .cbp-filter-item{color:#949494;cursor:pointer;font:400 13px/21px "Lato", sans-serif;padding:0 12px;position:relative;overflow:visible;margin:0 0 10px;display:inline-block;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.cbp-l-filters-text .cbp-filter-item:hover{color:#2D2C2C}.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter{-webkit-transform:translateY(-30px);transform:translateY(-30px)}.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active{color:#2D2C2C;cursor:default}.cbp-l-filters-text .cbp-filter-counter{background-color:#626161;font:400 11px/18px "Lato", sans-serif}.cbp-l-filters-text .cbp-filter-counter:after{border-top:4px solid #626161}.cbp-l-filters-text-sort{display:inline-block;font:400 13px/21px "Lato", sans-serif;color:#949494;margin-right:15px}@media only screen and (max-width: 480px){.cbp-l-filters-text-sort{display:block;margin-bottom:10px}}.cbp-l-filters-underline{margin-bottom:30px}.cbp-l-filters-underline .cbp-filter-item{border-bottom:3px solid transparent;cursor:pointer;font:600 14px/21px "Open Sans", sans-serif;padding:8px 10px;position:relative;overflow:visible;margin:0 10px 10px 10px;display:inline-block;color:#787878;-webkit-transition:color .25s ease-in-out, border-color .25s ease-in-out;transition:color .25s ease-in-out, border-color .25s ease-in-out}.cbp-l-filters-underline .cbp-filter-item:hover{color:#111}.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active{border-bottom-color:#666;color:#444;cursor:default}.cbp-l-filters-underline .cbp-filter-item:first-child{margin-left:0}.cbp-l-filters-underline .cbp-filter-item:last-child{margin-right:0}.cbp-l-filters-underline .cbp-filter-counter{display:inline}@media only screen and (max-width: 480px){.cbp-l-filters-underline{text-align:center}}.cbp-animation-quicksand{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-quicksand .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-quicksand .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-quicksand .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:quicksand-off .6s ease-out both;animation:quicksand-off .6s ease-out both}.cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:quicksand-on .6s ease-out both;animation:quicksand-on .6s ease-out both}@-webkit-keyframes quicksand-off{100%{opacity:0;-webkit-transform:scale3d(0, 0, 0)}}@keyframes quicksand-off{100%{opacity:0;transform:scale3d(0, 0, 0)}}@-webkit-keyframes quicksand-on{0%{opacity:0;-webkit-transform:scale3d(0, 0, 0)}}@keyframes quicksand-on{0%{opacity:0;transform:scale3d(0, 0, 0)}}.cbp-animation-fadeOut,.cbp-animation-boxShadow{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-fadeOut .cbp-item,.cbp-animation-boxShadow .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-fadeOut .cbp-item,.cbp-animation-boxShadow .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-fadeOut .cbp-item-wrapper,.cbp-animation-boxShadow .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper,.cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:fadeOut-off .6s ease-in-out both;animation:fadeOut-off .6s ease-in-out both}.cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper,.cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:fadeOut-on .6s ease-in-out both;animation:fadeOut-on .6s ease-in-out both}@-webkit-keyframes fadeOut-off{0%{opacity:1}80%,100%{opacity:0}}@keyframes fadeOut-off{0%{opacity:1}80%,100%{opacity:0}}@-webkit-keyframes fadeOut-on{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut-on{0%{opacity:0}100%{opacity:1}}.cbp-animation-flipOut{-webkit-transition:height .7s ease-in-out;transition:height .7s ease-in-out;will-change:height}.cbp-animation-flipOut .cbp-item{-webkit-transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out}.cbp-animation-flipOut .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipOut .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:flipOut-out .7s both ease-in;animation:flipOut-out .7s both ease-in}.cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:flipOut-in .7s ease-out both;animation:flipOut-in .7s ease-out both}@-webkit-keyframes flipOut-out{50%,100%{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@keyframes flipOut-out{50%,100%{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-webkit-keyframes flipOut-in{0%,50%{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@keyframes flipOut-in{0%,50%{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}.cbp-animation-flipBottom{-webkit-transition:height .7s ease-in-out;transition:height .7s ease-in-out;will-change:height}.cbp-animation-flipBottom .cbp-item{-webkit-transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out}.cbp-animation-flipBottom .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipBottom .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:flipBottom-out .7s both ease-in;animation:flipBottom-out .7s both ease-in}.cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:flipBottom-in .7s ease-out both;animation:flipBottom-in .7s ease-out both}@-webkit-keyframes flipBottom-out{50%,100%{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@keyframes flipBottom-out{50%,100%{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-webkit-keyframes flipBottom-in{0%,50%{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@keyframes flipBottom-in{0%,50%{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}.cbp-animation-scaleSides{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-scaleSides .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-scaleSides .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-scaleSides .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:scaleSides-out .9s both;animation:scaleSides-out .9s both}.cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:scaleSides-in .9s both;animation:scaleSides-in .9s both}@-webkit-keyframes scaleSides-out{50%,100%{-webkit-transform:scale(0.6);opacity:0}}@keyframes scaleSides-out{50%,100%{transform:scale(0.6);opacity:0}}@-webkit-keyframes scaleSides-in{0%,50%{-webkit-transform:scale(0.6);opacity:0}}@keyframes scaleSides-in{0%,50%{transform:scale(0.6);opacity:0}}.cbp-animation-skew{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-skew .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-skew .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-skew .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:skew-off .6s ease-out both;animation:skew-off .6s ease-out both}.cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:skew-on .6s ease-out both;animation:skew-on .6s ease-out both}@-webkit-keyframes skew-off{100%{opacity:0;-webkit-transform:scale3d(0, 0, 0) skew(20deg, 0)}}@keyframes skew-off{100%{opacity:0;transform:scale3d(0, 0, 0) skew(20deg, 0)}}@-webkit-keyframes skew-on{0%{opacity:0;-webkit-transform:scale3d(0, 0, 0) skew(0, 20deg)}}@keyframes skew-on{0%{opacity:0;transform:scale3d(0, 0, 0) skew(0, 20deg)}}.cbp-animation-fadeOutTop{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-fadeOutTop .cbp-wrapper-outer{overflow:visible}.cbp-animation-fadeOutTop .cbp-item{-webkit-perspective:1000px;perspective:1000px;overflow:visible}.cbp-animation-fadeOutTop .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:fadeOutTop-out .6s both ease-in-out;animation:fadeOutTop-out .6s both ease-in-out}.cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper{-webkit-animation:fadeOutTop-in .6s both ease-in-out;animation:fadeOutTop-in .6s both ease-in-out}@-webkit-keyframes fadeOutTop-out{0%{-webkit-transform:translateY(0);opacity:1}50%,100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fadeOutTop-out{0%{transform:translateY(0);opacity:1}50%,100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes fadeOutTop-in{0%,50%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fadeOutTop-in{0%,50%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}.cbp-animation-slideLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-slideLeft .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-slideLeft .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:slideLeft-out .8s both ease-in-out;animation:slideLeft-out .8s both ease-in-out}.cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper{-webkit-animation:slideLeft-in .8s both ease-in-out;animation:slideLeft-in .8s both ease-in-out}@-webkit-keyframes slideLeft-out{0%{opacity:1;transform:scale(1)}25%{opacity:.75;-webkit-transform:scale(0.8)}75%{opacity:.75;-webkit-transform:scale(0.8) translateX(-200%)}100%{opacity:.75;-webkit-transform:scale(0.8) translateX(-200%)}}@keyframes slideLeft-out{0%{opacity:1;transform:scale(1)}25%{opacity:.75;transform:scale(0.8)}75%{opacity:.75;transform:scale(0.8) translateX(-200%)}100%{opacity:.75;transform:scale(0.8) translateX(-200%)}}@-webkit-keyframes slideLeft-in{0%,25%{opacity:.75;-webkit-transform:scale(0.8) translateX(200%)}75%{opacity:.75;-webkit-transform:scale(0.8)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@keyframes slideLeft-in{0%,25%{opacity:.75;transform:scale(0.8) translateX(200%)}75%{opacity:.75;transform:scale(0.8)}100%{opacity:1;transform:scale(1) translateX(0)}}.cbp-animation-sequentially{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-sequentially .cbp-wrapper-outer{overflow:visible}.cbp-animation-sequentially .cbp-item{-webkit-perspective:1000px;perspective:1000px;overflow:visible}.cbp-animation-sequentially .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:fadeOutTop-out .6s both ease;animation:fadeOutTop-out .6s both ease}.cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper{-webkit-animation:fadeOutTop-in .6s both ease-out;animation:fadeOutTop-in .6s both ease-out}.cbp-animation-3dflip{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-3dflip .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-3dflip .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-animation:flip-out 0.6s both ease-in-out;animation:flip-out 0.6s both ease-in-out}.cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:flip-in 0.6s both ease-in-out;animation:flip-in 0.6s both ease-in-out}@-webkit-keyframes flip-out{100%{opacity:0;-webkit-transform:rotateY(90deg)}}@keyframes flip-out{100%{opacity:0;transform:rotateY(90deg)}}@-webkit-keyframes flip-in{0%{opacity:0;-webkit-transform:rotateY(-90deg)}100%{opacity:1;-webkit-transform:rotateY(0deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateY(-90deg)}100%{opacity:1;transform:rotateY(0deg)}}.cbp-animation-flipOutDelay{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-flipOutDelay .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipOutDelay .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:flipOut-out 1s both ease-in;animation:flipOut-out 1s both ease-in}.cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper{-webkit-animation:flipOut-in 1s both ease-out;animation:flipOut-in 1s both ease-out}.cbp-animation-slideDelay{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-slideDelay .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-slideDelay .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:slideDelay-out 0.5s both ease-in-out;animation:slideDelay-out 0.5s both ease-in-out}.cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper{-webkit-animation:slideDelay-in 0.5s both ease-in-out;animation:slideDelay-in 0.5s both ease-in-out}@-webkit-keyframes slideDelay-out{100%{-webkit-transform:translateX(-100%)}}@keyframes slideDelay-out{100%{transform:translateX(-100%)}}@-webkit-keyframes slideDelay-in{0%{-webkit-transform:translateX(100%)}100%{-webkit-transform:translateX(0)}}@keyframes slideDelay-in{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.cbp-animation-rotateSides{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-rotateSides .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-rotateSides .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:-50% 50%;-webkit-animation:rotateSides-out .5s both ease-in;transform-origin:-50% 50%;animation:rotateSides-out .5s both ease-in}.cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:150% 50%;-webkit-animation:rotateSides-in .6s both ease-out;transform-origin:150% 50%;animation:rotateSides-in .6s both ease-out}@-webkit-keyframes rotateSides-out{100%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(90deg)}}@keyframes rotateSides-out{100%{opacity:0;transform:translateZ(-500px) rotateY(90deg)}}@-webkit-keyframes rotateSides-in{0%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg)}40%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg)}}@keyframes rotateSides-in{0%{opacity:0;transform:translateZ(-500px) rotateY(-90deg)}40%{opacity:0;transform:translateZ(-500px) rotateY(-90deg)}}.cbp-animation-foldLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-foldLeft .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-foldLeft .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:foldLeft-out .7s both;animation:foldLeft-out .7s both}.cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper{-webkit-animation:foldLeft-in .7s both;animation:foldLeft-in .7s both}@-webkit-keyframes foldLeft-out{100%{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg)}}@keyframes foldLeft-out{100%{opacity:0;transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes foldLeft-in{0%{opacity:0.3;-webkit-transform:translateX(100%)}}@keyframes foldLeft-in{0%{opacity:0.3;transform:translateX(100%)}}.cbp-animation-unfold{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-unfold .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-unfold .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:unfold-out .8s both;animation:unfold-out .8s both}.cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:0% 50%;-webkit-animation:unfold-in .8s both;transform-origin:0% 50%;animation:unfold-in .8s both}@-webkit-keyframes unfold-out{90%{opacity:0.3}100%{opacity:0;-webkit-transform:translateX(-100%)}}@keyframes unfold-out{90%{opacity:0.3}100%{opacity:0;transform:translateX(-100%)}}@-webkit-keyframes unfold-in{0%{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg)}}@keyframes unfold-in{0%{opacity:0;transform:translateX(100%) rotateY(90deg)}}.cbp-animation-scaleDown{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-scaleDown .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-scaleDown .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:scaleDown-out .7s both;animation:scaleDown-out .7s both}.cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper{-webkit-animation:scaleDown-in .6s both;animation:scaleDown-in .6s both}@-webkit-keyframes scaleDown-out{100%{opacity:0;-webkit-transform:scale(0.8)}}@keyframes scaleDown-out{100%{opacity:0;transform:scale(0.8)}}@-webkit-keyframes scaleDown-in{0%{-webkit-transform:translateX(100%)}}@keyframes scaleDown-in{0%{transform:translateX(100%)}}.cbp-animation-frontRow{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-frontRow .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-frontRow .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:frontRow-out .7s both ease;animation:frontRow-out .7s both ease}.cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper{-webkit-animation:frontRow-in .6s both ease;animation:frontRow-in .6s both ease}@-webkit-keyframes frontRow-out{100%{-webkit-transform:translateX(-60%) scale(0.8);opacity:0}}@keyframes frontRow-out{100%{transform:translateX(-60%) scale(0.8);opacity:0}}@-webkit-keyframes frontRow-in{0%{-webkit-transform:translateX(100%) scale(0.8)}100%{opacity:1;-webkit-transform:translateX(0%) scale(1)}}@keyframes frontRow-in{0%{transform:translateX(100%) scale(0.8)}100%{opacity:1;transform:translateX(0%) scale(1)}}.cbp-animation-rotateRoom{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-rotateRoom .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-rotateRoom .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:rotateRoom-out .8s both ease;animation:rotateRoom-out .8s both ease}.cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-animation:rotateRoom-in .8s both ease;animation:rotateRoom-in .8s both ease}@-webkit-keyframes rotateRoom-out{90%{opacity:.3}100%{opacity:0;-webkit-transform:translateX(-100%) rotateY(90deg)}}@keyframes rotateRoom-out{90%{opacity:.3}100%{opacity:0;transform:translateX(-100%) rotateY(90deg)}}@-webkit-keyframes rotateRoom-in{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg)}}@keyframes rotateRoom-in{0%{opacity:.3;transform:translateX(100%) rotateY(-90deg)}}.cbp-animation-bounceBottom{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-bounceBottom .cbp-wrapper-helper{-webkit-animation:bounceBottom-out .6s both ease-in-out;animation:bounceBottom-out .6s both ease-in-out}.cbp-animation-bounceBottom .cbp-wrapper{-webkit-animation:bounceBottom-in .6s both ease-in-out;animation:bounceBottom-in .6s both ease-in-out}@-webkit-keyframes bounceBottom-out{100%{-webkit-transform:translateY(100%);opacity:0}}@keyframes bounceBottom-out{100%{transform:translateY(100%);opacity:0}}@-webkit-keyframes bounceBottom-in{0%{-webkit-transform:translateY(100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes bounceBottom-in{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:1}}.cbp-animation-bounceLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-bounceLeft .cbp-wrapper-helper{-webkit-animation:bounceLeft-out .6s both ease-in-out;animation:bounceLeft-out .6s both ease-in-out}.cbp-animation-bounceLeft .cbp-wrapper{-webkit-animation:bounceLeft-in .6s both ease-in-out;animation:bounceLeft-in .6s both ease-in-out}@-webkit-keyframes bounceLeft-out{100%{-webkit-transform:translateX(-100%);opacity:0}}@keyframes bounceLeft-out{100%{transform:translateX(-100%);opacity:0}}@-webkit-keyframes bounceLeft-in{0%{-webkit-transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes bounceLeft-in{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}.cbp-animation-bounceTop{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-bounceTop .cbp-wrapper-helper{-webkit-animation:bounceTop-out .6s both ease-in-out;animation:bounceTop-out .6s both ease-in-out}.cbp-animation-bounceTop .cbp-wrapper{-webkit-animation:bounceTop-in .6s both ease-in-out;animation:bounceTop-in .6s both ease-in-out}@-webkit-keyframes bounceTop-out{100%{-webkit-transform:translateY(-100%);opacity:0}}@keyframes bounceTop-out{100%{transform:translateY(-100%);opacity:0}}@-webkit-keyframes bounceTop-in{0%{-webkit-transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes bounceTop-in{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}.cbp-animation-moveLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-moveLeft .cbp-wrapper-helper{-webkit-animation:moveLeft-out .6s both ease-in-out;animation:moveLeft-out .6s both ease-in-out}.cbp-animation-moveLeft .cbp-wrapper{-webkit-animation:moveLeft-in .6s both ease-in-out;animation:moveLeft-in .6s both ease-in-out}@-webkit-keyframes moveLeft-out{100%{-webkit-transform:translateX(-100%);opacity:0}}@keyframes moveLeft-out{100%{transform:translateX(-100%);opacity:0}}@-webkit-keyframes moveLeft-in{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes moveLeft-in{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}.cbp-displayType-bottomToTop{-webkit-perspective:1000px;perspective:1000px}.cbp-displayType-bottomToTop .cbp-item{-webkit-animation:fadeInBottomToTop .3s both ease-in;animation:fadeInBottomToTop .3s both ease-in}@-webkit-keyframes fadeInBottomToTop{0%{opacity:0;-webkit-transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInBottomToTop{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}.cbp-displayType-fadeIn{-webkit-animation:fadeIn .5s both ease-in;animation:fadeIn .5s both ease-in}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.cbp-displayType-fadeInToTop{-webkit-perspective:1000px;perspective:1000px;-webkit-animation:fadeInToTop .5s both ease-in;animation:fadeInToTop .5s both ease-in}@-webkit-keyframes fadeInToTop{0%{opacity:0;-webkit-transform:translateY(30px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInToTop{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.cbp-displayType-sequentially .cbp-item{-webkit-animation:fadeIn .5s both ease-in;animation:fadeIn .5s both ease-in}.cbp-lightbox img{display:block;border:0;width:100%;height:auto}.cbp-popup-ie8bg{position:absolute;width:100%;height:100%;min-height:100%;top:0;left:0;z-index:-1;background:#000}.cbp-popup-wrap{height:100%;text-align:center;position:fixed;width:100%;left:0;top:0;display:none;z-index:99990;padding:0 10px}.cbp-popup-wrap video{outline:0 none}.cbp-popup-lightbox{background:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center}.cbp-popup-singlePage{background:#fff;padding:0}.cbp-popup-wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.cbp-popup-content-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:hidden;overflow-x:hidden;-webkit-overflow-scrolling:touch}.cbp-popup-content{position:relative;display:inline-block;vertical-align:middle;text-align:left;max-width:100%}.cbp-popup-lightbox .cbp-popup-content{display:flex}.cbp-popup-singlePage .cbp-popup-content{position:relative;z-index:1;margin-top:145px;max-width:1024px;vertical-align:top;width:94%}.cbp-popup-singlePage .cbp-popup-content-basic{position:relative;z-index:1;margin-top:104px;vertical-align:top;width:100%;display:inline-block;text-align:left}.cbp-popup-lightbox-figure{width:100%;position:relative;padding:20px 0}.cbp-popup-lightbox-bottom{position:relative;margin-top:3px}.cbp-popup-lightbox-title{padding-right:50px;font:400 12px/18px "Open Sans", sans-serif;color:#eee}.cbp-popup-lightbox-counter{position:absolute;top:0;right:0;font:400 12px/18px "Open Sans", sans-serif;color:#eee}.cbp-popup-lightbox-img[data-action]{cursor:pointer}.cbp-popup-lightbox-isIframe .cbp-popup-content{width:75%;display:inline-block}@media only screen and (max-width: 768px){.cbp-popup-lightbox-isIframe .cbp-popup-content{width:95%}}.cbp-popup-lightbox-isIframe .cbp-lightbox-bottom{left:0;position:absolute;top:100%;width:100%;margin-top:3px}.cbp-popup-lightbox-iframe{position:relative;height:0;padding-bottom:56.25%;background:#000}.cbp-popup-lightbox-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6)}.cbp-popup-lightbox-iframe audio{margin-top:27%}.cbp-popup-lightbox-iframe .cbp-popup-lightbox-bottom{position:absolute;left:0;top:100%;width:100%}.cbp-popup-singlePage .cbp-popup-navigation-wrap{position:absolute;top:0;left:0;width:100%;z-index:10;height:104px;background-color:#3D4750}.cbp-popup-singlePage .cbp-popup-navigation{position:relative;width:100%;height:100%}.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap{position:fixed}.cbp-popup-singlePage-counter{color:#fff;position:absolute;margin:auto;right:40px;top:0;bottom:0;font:400 13px/30px "Open Sans", sans-serif;height:30px}@media only screen and (max-width: 768px){.cbp-popup-singlePage-counter{right:3%}}.cbp-popup-next,.cbp-popup-prev,.cbp-popup-close{padding:0;border:medium none;position:absolute;cursor:pointer;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cbp-popup-lightbox .cbp-popup-prev,.cbp-popup-lightbox .cbp-popup-next,.cbp-popup-lightbox .cbp-popup-close{visibility:hidden}.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next,.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev,.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close{visibility:visible}.cbp-popup-lightbox .cbp-popup-prev{background:url("../img/cbp-sprite.png") no-repeat scroll 0 0 transparent;width:44px;height:44px;top:0;bottom:0;left:20px;margin:auto}.cbp-popup-lightbox .cbp-popup-prev:hover{background-position:0 -46px}.cbp-popup-singlePage .cbp-popup-prev{background:url("../img/cbp-sprite.png") no-repeat scroll 0 -92px transparent;width:44px;height:44px;margin:auto;top:0;right:108px;bottom:0;left:0}.cbp-popup-singlePage .cbp-popup-prev:hover{background-position:0 -138px}.cbp-popup-lightbox .cbp-popup-next{background:url("../img/cbp-sprite.png") no-repeat scroll -46px 0 transparent;width:44px;height:44px;top:0;bottom:0;right:20px;margin:auto}.cbp-popup-lightbox .cbp-popup-next:hover{background-position:-46px -46px}.cbp-popup-singlePage .cbp-popup-next{background:url("../img/cbp-sprite.png") no-repeat scroll -46px -92px transparent;width:44px;height:44px;margin:auto;top:0;right:0;bottom:0;left:108px}.cbp-popup-singlePage .cbp-popup-next:hover{background-position:-46px -138px}.cbp-popup-lightbox .cbp-popup-close{background:url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent;height:40px;width:40px;right:20px;top:20px}.cbp-popup-lightbox .cbp-popup-close:hover{background-position:-92px -46px}.cbp-popup-singlePage .cbp-popup-close{background:url("../img/cbp-sprite.png") no-repeat scroll -92px -92px transparent;height:44px;width:44px;margin:auto;top:0;right:0;bottom:0;left:0}.cbp-popup-singlePage .cbp-popup-close:hover{background-position:-92px -138px}.cbp-popup-singlePage .cbp-popup-ie8bg{background-color:#fff}@media only screen and (max-width: 360px), (max-height: 600px){.cbp-popup-next,.cbp-popup-prev,.cbp-popup-close{-webkit-transform:scale(0.8);transform:scale(0.8)}.cbp-popup-lightbox .cbp-popup-close{right:10px;top:10px}.cbp-popup-lightbox .cbp-popup-next{right:10px}.cbp-popup-lightbox .cbp-popup-prev{left:10px}.cbp-popup-singlePage .cbp-popup-navigation-wrap{height:84px}.cbp-popup-singlePage .cbp-popup-content{margin-top:120px}}.cbp-popup-loadingBox{width:100%;height:100%;position:absolute;top:0;left:0}.cbp-popup-lightbox .cbp-popup-loadingBox:after{border-left:3px solid rgba(255,255,255,0.3);border-right:3px solid rgba(255,255,255,0.3);border-bottom:3px solid rgba(255,255,255,0.3);border-top:3px solid rgba(255,255,255,0.85)}.cbp-popup-ready .cbp-popup-loadingBox{visibility:hidden;display:none}.cbp-popup-loading .cbp-popup-loadingBox{visibility:visible;display:block}.cbp-popup-transitionend .cbp-popup-content-wrap{overflow-y:scroll}.cbp-popup-singlePage{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content{opacity:0}.cbp-popup-singlePage-fade{-webkit-transform:translateX(0);transform:translateX(0);opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.cbp-popup-singlePage-open.cbp-popup-singlePage-fade{opacity:1}.cbp-popup-singlePage-right{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-popup-singlePage-open{-webkit-transform:none;transform:none}.cbp-l-project-title{color:#454444;font:600 42px/46px "Open Sans", sans-serif;letter-spacing:2px;margin-bottom:15px;text-align:center;text-transform:uppercase}.cbp-l-project-subtitle{color:#787878;font:400 14px/21px "Open Sans", sans-serif;margin:0 auto 50px;max-width:500px;text-align:center}.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img{display:block;margin:0 auto;max-width:100%}.cbp-l-project-container{overflow:hidden;margin:40px auto 0;clear:both}.cbp-l-project-desc{float:left;width:62%}.cbp-l-project-details{float:right;width:38%;padding-left:60px;margin-bottom:15px}@media only screen and (max-width: 768px){.cbp-l-project-title{font-size:30px;line-height:34px}.cbp-l-project-desc{width:100%}.cbp-l-project-details{width:100%;margin-top:20px;padding-left:0}}.cbp-l-project-desc-title{border-bottom:1px solid #cdcdcd;margin-bottom:22px;color:#444}.cbp-l-project-desc-title span,.cbp-l-project-details-title span{border-bottom:1px solid #747474;display:inline-block;margin:0 0 -1px 0;font:400 16px/36px "Open Sans", sans-serif;padding:0 5px 0 0}.cbp-l-project-desc-text{font:400 13px/20px "Open Sans", sans-serif;color:#555;margin-bottom:20px}.cbp-l-project-details-title{border-bottom:1px solid #cdcdcd;margin-bottom:19px;color:#444}.cbp-l-project-details-list{margin:0;padding:0;list-style:none}.cbp-l-project-details-list>li,.cbp-l-project-details-list>div{border-bottom:1px dotted #DFDFDF;padding:inherit;color:#666;font:400 12px/30px "Open Sans", sans-serif}.cbp-l-project-details-list>li:last-child,.cbp-l-project-details-list>div:last-child{border:none}.cbp-l-project-details-list strong{display:inline-block;color:#696969;font-weight:600;min-width:100px}.cbp-l-project-details-visit{color:#FFFFFF;float:right;clear:both;text-decoration:none;font:400 11px/18px "Open Sans", sans-serif;margin-top:25px;background-color:#62B57B;padding:8px 19px;text-transform:uppercase;letter-spacing:.5px}.cbp-l-project-details-visit:hover{opacity:0.9;color:#fff}.cbp-l-project-related-wrap{font-size:0;margin:0;padding:0}.cbp-l-project-related-item{margin-left:5%;max-width:30%;float:left}.cbp-l-project-related-item:first-child{margin-left:0}.cbp-l-project-related-title{font:700 14px/18px "Open Sans", sans-serif;color:#474747;margin-top:20px}.cbp-l-project-related-link{text-decoration:none}.cbp-l-project-related-link:hover{opacity:0.9}.cbp-l-member-img{float:left;width:40%;margin-top:20px}.cbp-l-member-img img{border:1px solid #e2e2e2;width:auto;max-width:100%;height:auto;display:inline-block;border:0}.cbp-l-member-info{margin-top:20px;padding-left:25px;float:left;width:60%}@media only screen and (max-width: 768px){.cbp-l-member-img{width:100%;text-align:center}.cbp-l-member-info{width:100%;padding-left:0}}.cbp-l-member-name{font:400 28px/28px "Open Sans", sans-serif;color:#474747}.cbp-l-member-position{font:400 13px/21px "Open Sans", sans-serif;color:#888;margin-top:6px}.cbp-l-member-desc{font:400 12px/18px "Open Sans", sans-serif;margin-top:25px;color:#474747}.cbp-popup-singlePageInline-open{-webkit-transition:height .5s 0s !important;transition:height .5s 0s !important}.cbp-popup-singlePageInline-open .cbp-item{-webkit-transition:-webkit-transform .5s 0s !important;transition:transform .5s 0s !important}.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline:after{display:none;visibility:hidden}.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content,.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation{-webkit-transition-delay:0;transition-delay:0}.cbp-popup-singlePageInline{width:100%;position:absolute;top:0;left:0;z-index:0;overflow:hidden}.cbp-popup-singlePageInline .cbp-popup-content{opacity:0;width:100%;z-index:1;min-height:300px}.cbp-popup-singlePageInline .cbp-popup-content,.cbp-popup-singlePageInline .cbp-popup-navigation{-webkit-transition:opacity .4s ease-in .2s;transition:opacity .4s ease-in .2s}.cbp-popup-singlePageInline .cbp-popup-navigation{opacity:0;position:absolute;top:0;right:0;z-index:2;width:40px;height:40px}.cbp-popup-singlePageInline .cbp-popup-close{background:url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent;height:40px;width:40px;right:20px;top:30px}.cbp-popup-singlePageInline .cbp-popup-close:hover{opacity:0.7}.cbp-popup-singlePageInline-ready{z-index:4}.cbp-popup-singlePageInline-ready .cbp-popup-content,.cbp-popup-singlePageInline-ready .cbp-popup-navigation{opacity:1}.cbp-popup-singlePageInline-ready:after{display:none;visibility:hidden}.cbp-singlePageInline-active{opacity:0.6 !important}.cbp-l-inline{margin:20px 0;overflow:hidden;background:#FAFAFA;padding:30px}.cbp-l-inline-left{float:left;width:44%}.cbp-l-project-img{max-width:100%}.cbp-l-inline-right{float:right;width:56%;padding-left:inherit}@media only screen and (max-width: 768px){.cbp-l-inline-left{width:100%;text-align:center;margin-top:40px}.cbp-l-inline-right{width:100%;padding-left:0;margin-top:20px}}.cbp-l-inline-title{font:400 28px/30px "Open Sans", sans-serif;color:#474747}.cbp-l-inline-subtitle{font:400 13px/21px "Open Sans", sans-serif;color:#888;margin-top:7px}.cbp-l-inline-desc{font:400 13px/20px "Open Sans", sans-serif;color:#474747;margin-top:25px;margin-bottom:20px}.cbp-l-inline-view-wrap{text-align:right}.cbp-l-inline-view{font:400 13px/35px "Open Sans", sans-serif;color:#9C9C9C;margin-top:40px;display:inline-block;padding:0 20px;border:1px solid #ccc;text-decoration:none}.cbp-l-inline-view:hover{color:#757575}.cbp-l-inline-details{margin-bottom:15px;font:13px/22px "Open Sans", sans-serif}.cbp-l-loadMore-defaultText,.cbp-l-loadMore-button-defaultText{display:block}.cbp-l-loadMore-loadingText,.cbp-l-loadMore-noMoreLoading,.cbp-l-loadMore-button-loadingText,.cbp-l-loadMore-button-noMoreLoading{display:none}.cbp-l-loadMore-loading .cbp-l-loadMore-loadingText,.cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText{display:block}.cbp-l-loadMore-loading .cbp-l-loadMore-defaultText,.cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading,.cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText,.cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading{display:none}.cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading,.cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading{display:block}.cbp-l-loadMore-stop .cbp-l-loadMore-defaultText,.cbp-l-loadMore-stop .cbp-l-loadMore-loadingText,.cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText,.cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText{display:none}.cbp-l-loadMore-bgbutton{text-align:center}.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link{border:1px solid #DEDEDE;color:#7E7B7B;display:inline-block;font:400 13px/40px "Lato", sans-serif;min-width:80px;text-decoration:none;padding:0 50px;margin-top:50px;outline:0;box-shadow:none;letter-spacing:1px;-webkit-transition:color .25s;transition:color .25s}.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover,.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading{color:#B0B0B0}.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop{color:#B0B0B0;cursor:default}.cbp-l-loadMore-button{text-align:center}.cbp-l-loadMore-button .cbp-l-loadMore-link,.cbp-l-loadMore-button .cbp-l-loadMore-button-link{border:1px solid #DEDEDE;color:#7E7B7B;display:inline-block;font:400 12px/36px "Open Sans", sans-serif;min-width:80px;text-decoration:none;padding:0 30px;outline:0;margin-top:40px;box-shadow:none;-webkit-transition:color .25s;transition:color .25s}.cbp-l-loadMore-button .cbp-l-loadMore-link:hover,.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading,.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-loading{color:#B0B0B0}.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop,.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-button-stop,.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop,.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop{cursor:default;color:#B0B0B0}.cbp-l-loadMore-text{text-align:center}.cbp-l-loadMore-text .cbp-l-loadMore-link,.cbp-l-loadMore-text .cbp-l-loadMore-text-link{font:400 15px "Open Sans", sans-serif;color:#7E7B7B;text-decoration:none;cursor:pointer;margin-top:50px;display:block}.cbp-l-loadMore-text .cbp-l-loadMore-stop,.cbp-l-loadMore-text .cbp-l-loadMore-text-stop{color:#B0B0B0;cursor:default}.cbp-mode-slider{-webkit-transition:height .35s;transition:height .35s}.cbp-mode-slider .cbp-wrapper,.cbp-mode-slider .cbp-item{-webkit-transition:-webkit-transform .35s;transition:transform .35s}.cbp-mode-slider .cbp-wrapper{cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.cbp-mode-slider-dragStart *{cursor:move !important;cursor:-ms-grabbing !important;cursor:-webkit-grabbing !important;cursor:-moz-grabbing !important;cursor:grabbing !important}.cbp-mode-slider-dragStart .cbp-wrapper{-webkit-transition:none;transition:none}.cbp-nav-next,.cbp-nav-prev{position:relative;background:#7c8b90;cursor:pointer;display:inline-block;margin-left:1px;height:22px;width:21px}.cbp-nav-next{border-radius:0 2px 2px 0}.cbp-nav-prev{border-radius:2px 0 0 2px}.cbp-nav-next:hover,.cbp-nav-prev:hover{opacity:0.8}.cbp-nav-next:after,.cbp-nav-prev:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:url("../img/cbp-sprite.png") no-repeat;height:10px;width:7px}.cbp-nav-next:after{background-position:-134px 0}.cbp-nav-prev:after{background-position:-134px -12px}.cbp-nav-stop{opacity:0.5 !important;cursor:default !important}.cbp-nav{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cbp-nav-controls{position:absolute;top:-51px;right:0;z-index:100}.cbp-nav-pagination{position:absolute;bottom:-30px;right:0;z-index:100;left:0;text-align:center}.cbp-nav-pagination-item{position:relative;width:10px;height:10px;border-radius:50%;margin:0 4px;display:inline-block;cursor:pointer;background:#c2c2c2;-webkit-transition:background 0.5s;transition:background 0.5s}.cbp-nav-pagination-active{background:#797979}.cbp-pagination-item{max-width:100px;display:inline-block;cursor:pointer;margin-top:10px;margin-right:5px;position:relative}.cbp-pagination-item img{display:block;width:100%;height:auto;border:0}.cbp-pagination-item:after{content:'';position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);-webkit-transition:background .5s ease-in-out;transition:background .5s ease-in-out}.cbp-pagination-active:after{background:transparent}.cbp-slider-wrap,.cbp-slider-item{margin:0;padding:0;list-style-type:none}.cbp-slider .cbp-nav-controls{position:static}.cbp-slider .cbp-nav-next,.cbp-slider .cbp-nav-prev{background:transparent;position:absolute;margin:auto;top:0;bottom:0;z-index:100;width:44px;height:44px}.cbp-slider .cbp-nav-next{right:25px;left:auto}.cbp-slider .cbp-nav-prev{left:25px;right:auto}.cbp-slider .cbp-nav-next:after,.cbp-slider .cbp-nav-prev:after{background:url("../img/cbp-sprite.png") no-repeat;width:44px;height:44px}.cbp-slider .cbp-nav-next:after{background-position:-46px -92px}.cbp-slider .cbp-nav-next:hover:after{background-position:-46px -46px}.cbp-slider .cbp-nav-prev:after{background-position:0 -92px}.cbp-slider .cbp-nav-prev:hover:after{background-position:0 -46px}.cbp-slider .cbp-nav-pagination{text-align:right;bottom:20px;right:25px;left:auto}.cbp-slider-edge .cbp-nav-controls{position:static}.cbp-slider-edge .cbp-nav-next,.cbp-slider-edge .cbp-nav-prev{background:transparent;position:absolute;margin:auto;top:0;bottom:0;z-index:100;width:44px;height:44px}.cbp-slider-edge .cbp-nav-next{right:0;left:auto}.cbp-slider-edge .cbp-nav-prev{left:0;right:auto}.cbp-slider-edge .cbp-nav-next:after,.cbp-slider-edge .cbp-nav-prev:after{background:url("../img/cbp-sprite.png") no-repeat;width:9px;height:16px}.cbp-slider-edge .cbp-nav-next:after{background-position:-134px -24px}.cbp-slider-edge .cbp-nav-prev:after{background-position:-134px -42px}.cbp-slider-edge .cbp-nav-pagination{bottom:-50px}.cbp-slider-edge .cbp-nav-pagination-item{border:2px solid #0f0f0f;opacity:0.4;background:transparent}.cbp-slider-edge .cbp-nav-pagination-active{background:#000}.cbp-slider-inline{position:relative}.cbp-slider-inline .cbp-slider-item{position:absolute;width:100%;top:0;-webkit-transition:left .5s;transition:left .5s}.cbp-slider-inline .cbp-slider-item--active{position:relative;z-index:2}.cbp-slider-wrapper{position:relative;overflow:hidden}.cbp-slider-controls{position:absolute;top:0;right:0;z-index:100;opacity:0;-webkit-transition:opacity .7s ease-in-out;transition:opacity .7s ease-in-out}.cbp-slider-inline-ready .cbp-slider-controls{opacity:1}.cbp-slider-next,.cbp-slider-prev{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left;cursor:pointer;position:relative;width:36px;height:36px;background:#547EB1}.cbp-slider-next{margin-left:1px}.cbp-slider-next:after,.cbp-slider-prev:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:url("../img/cbp-sprite.png") no-repeat;width:9px;height:16px}.cbp-slider-next:after{background-position:-134px -60px}.cbp-slider-prev:after{background-position:-134px -78px}.cbp-l-grid-agency .cbp-caption:after{position:absolute;content:'';width:0;height:0;border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent;bottom:0px;left:50%;margin-left:-5px;z-index:1}.cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:scale(1.15);transform:scale(1.15)}.cbp-l-grid-agency-title{margin-top:18px;font:700 17px/24px "Lato", sans-serif;color:#666;text-align:center;padding:0 4px}.cbp-item:hover .cbp-l-grid-agency-title{color:#222}.cbp-l-grid-agency-desc{font:400 12px/21px "Open Sans", sans-serif;color:#aaa;text-align:center}@media only screen and (max-width: 480px){.cbp-l-grid-agency-title{font-size:15px;line-height:21px}}.cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap{background-color:rgba(0,0,0,0.7)}.cbp-l-grid-work .cbp-item{padding:3px}.cbp-l-grid-work .cbp-item-wrapper{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.2);padding:7px 7px 27px;border-top:1px solid #F4F4F4}.cbp-l-grid-work-title{margin-top:17px;font:400 17px/25px "Roboto Condensed", sans-serif;color:#607D8B;text-align:center;text-transform:uppercase;display:block}.cbp-l-grid-work-title:hover{color:#365D67}.cbp-l-grid-work-desc{font:400 11px/16px "Open Sans", sans-serif;color:#888888;text-align:center;text-transform:uppercase}@media only screen and (max-width: 480px){.cbp-l-grid-work-title{font-size:15px;line-height:21px;margin-top:15px}.cbp-l-grid-work .cbp-item-wrapper{padding-bottom:18px}}.cbp-l-grid-blog-title{font:400 18px/30px "Open Sans", sans-serif;color:#444;display:block;margin-top:17px}.cbp-l-grid-blog-title:hover{color:#787878}.cbp-l-grid-blog-date{font:400 12px/18px "Open Sans", sans-serif;color:#787878;display:inline-block}.cbp-l-grid-blog-comments{font:400 12px/18px "Open Sans", sans-serif;color:#3C6FBB;display:inline-block}.cbp-l-grid-blog-comments:hover{opacity:.8}.cbp-l-grid-blog-desc{font:400 13px/18px "Open Sans", sans-serif;color:#9B9B9B;margin-top:9px}.cbp-l-grid-blog-split{margin:0 4px;font:400 13px/16px "Open Sans", sans-serif;color:#787878;display:inline-block}.cbp-l-grid-clients{height:180px}.cbp-l-clients-title-block{font:400 32px/53px "Roboto", sans-serif;color:#666464;text-align:center;margin-bottom:40px}.cbp-l-grid-faq .cbp-item{width:100%}.cbp-l-grid-projects-title{font:700 14px/21px "Open Sans", sans-serif;color:#474747;margin-top:15px}.cbp-l-grid-projects-desc{font:400 12px/18px "Open Sans", sans-serif;color:#888888;margin-top:5px}@media only screen and (max-width: 480px){.cbp-l-grid-projects-title{margin-top:12px}.cbp-l-grid-projects-desc{margin-top:3px}}.cbp-l-grid-masonry-projects .cbp-caption-activeWrap{background-color:#59a3b6;background-color:rgba(89,163,182,0.95)}.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft,.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight{background-color:#545454}.cbp-l-grid-masonry-projects-title{font:500 15px/22px "Roboto", sans-serif;color:#59a3b6;text-align:center;display:block;margin-top:12px}.cbp-l-grid-masonry-projects-title:hover{color:#457C8B}.cbp-l-grid-masonry-projects-desc{font:400 12px/18px "Roboto", sans-serif;color:#b2b2b2;text-align:center}.cbp-l-grid-team-name{font:400 17px/24px "Open Sans", sans-serif;color:#456297;display:block;text-align:center;margin-top:18px}.cbp-l-grid-team-name:hover{color:#34425C}.cbp-l-grid-team-position{font:italic 400 13px/21px "Open Sans", sans-serif;color:#999;text-align:center}@media only screen and (max-width: 480px){.cbp-l-grid-team-name{font-size:15px;line-height:22px;margin-top:13px}.cbp-l-grid-team-position{font-size:12px;line-height:18px}}.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap{background-color:#64C28E;background-color:rgba(101,199,150,0.95)}.cbp-l-grid-mosaic-flat .cbp-l-caption-title{color:#FFFFFF;font:400 14px/21px "Lato", sans-serif;text-transform:uppercase;letter-spacing:2px;display:inline-block}.cbp-l-grid-mosaic-flat .cbp-l-caption-title:after{content:'';display:block;width:40%;height:1px;background-color:#fff;margin:8px auto 0}@media only screen and (max-width: 800px){.cbp-l-grid-mosaic-flat .cbp-l-caption-title:after{display:none}}.cbp-l-grid-mosaic-projects .cbp-caption-activeWrap{background-color:#59a3b6;background-color:rgba(89,163,182,0.97)}.cbp-l-grid-mosaic .cbp-caption-activeWrap{background-color:#FFEA71;background-color:rgba(255,234,113,0.95)}.cbp-l-grid-mosaic .cbp-l-caption-title{color:#5A5A5A;font:500 18px/22px "Roboto", sans-serif;text-transform:uppercase;margin-bottom:5px}.cbp-l-grid-mosaic .cbp-l-caption-desc{color:#585858;font:400 13px/20px "Roboto", sans-serif}@media only screen and (max-width: 480px){.cbp-l-grid-mosaic .cbp-l-caption-title{font-size:16px;line-height:22px;margin-bottom:0px}.cbp-l-grid-mosaic .cbp-l-caption-desc{font-size:12px;line-height:18px}}.cbp-l-slider-title-block{border-bottom:1px solid #cdcdcd;margin-bottom:22px}.cbp-l-slider-title-block div{padding:0 2px 6px 0;display:inline-block;border-bottom:1px solid #a9a5a5;color:#5e5e5e;margin-bottom:-1px;font:15px/21px "Roboto", sans-serif}.cbp-l-grid-slider-team-name{float:left;font:20px/30px "Roboto", sans-serif;color:#494949;margin-top:16px}.cbp-l-grid-slider-team-position{clear:both;font:14px/21px "Roboto", sans-serif;color:#A6A6A6}.cbp-l-grid-slider-team-desc{font:13px/20px "Roboto", sans-serif;color:#969696;margin-top:15px}.cbp-l-grid-slider-team-social{float:right;margin-top:22px}.cbp-l-grid-slider-team-social a{margin-left:4px}.cbp-l-grid-slider-team-social a:hover{opacity:0.8}@media only screen and (max-width: 600px){.cbp-l-grid-slider-team-wrap{float:left;width:100%;margin-bottom:10px}.cbp-l-grid-slider-team-name{font-size:17px;line-height:26px;width:100%;margin-top:12px;text-align:center}.cbp-l-grid-slider-team-social{width:100%;text-align:center;margin-top:8px}.cbp-l-grid-slider-team-position{font-size:13px;line-height:20px;text-align:center}.cbp-l-grid-slider-team-desc{font-size:12px;line-height:18px;margin-top:10px;text-align:center}}.cbp-l-slider-testimonials-wrap{background:#f8f9f9;padding:80px 0 110px;border-width:1px 0;border-style:solid;border-color:#dce1e2}.cbp-l-grid-slider-testimonials-body{color:#424242;max-width:800px;margin:0 auto;font:20px/32px sans-serif;text-align:center;padding:0 40px}.cbp-l-grid-slider-testimonials-footer{font:12px/19px "Roboto", sans-serif;color:#777;text-align:center;margin-bottom:10px;margin-top:30px}.cbp-l-grid-tabs{height:100px}.cbp-l-grid-tabs .cbp-item{font:14px/24px "Lato", sans-serif;max-width:700px;width:100%;margin:0 auto;right:0;text-align:center;color:#5a5a5a}.cbp-l-testimonials-title-block{position:relative;text-align:center;font:26px/36px "Roboto", sans-serif;color:#E7E7E7;margin-bottom:60px}.cbp-l-testimonials-title-block:after{content:'';position:absolute;margin:0 auto;width:23px;height:2px;bottom:-6px;background-color:#C2C2C2;left:0;right:0}.cbp-l-testimonials-wrap{background:#2D2D2D;padding:60px 0 110px}.cbp-l-grid-testimonials-body{color:#e7e7e7;max-width:800px;margin:0 auto;font:20px/32px "Roboto", sans-serif;text-align:center;padding:0 20px}.cbp-l-grid-testimonials-footer{font:12px/19px "Roboto", sans-serif;color:#C2C2C2;text-align:center;margin-bottom:40px;margin-top:35px}.cbp-search{position:relative;width:220px;margin-bottom:40px}.cbp-search .cbp-search-nothing{display:none}.cbp-search-icon{position:absolute;width:32px;height:100%;top:0;right:0;text-align:center;cursor:pointer;pointer-events:none}.cbp-search-icon:after{content:'';display:block;background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzczNzM3MyIgZD0iTTEyMTYgODMycTAtMTg1LTEzMS41LTMxNi41VDc2OCAzODQgNDUxLjUgNTE1LjUgMzIwIDgzMnQxMzEuNSAzMTYuNVQ3NjggMTI4MHQzMTYuNS0xMzEuNVQxMjE2IDgzMnptNTEyIDgzMnEwIDUyLTM4IDkwdC05MCAzOHEtNTQgMC05MC0zOGwtMzQzLTM0MnEtMTc5IDEyNC0zOTkgMTI0LTE0MyAwLTI3My41LTU1LjV0LTIyNS0xNTAtMTUwLTIyNVQ2NCA4MzJ0NTUuNS0yNzMuNSAxNTAtMjI1IDIyNS0xNTBUNzY4IDEyOHQyNzMuNSA1NS41IDIyNSAxNTAgMTUwIDIyNVQxNDcyIDgzMnEwIDIyMC0xMjQgMzk5bDM0MyAzNDNxMzcgMzcgMzcgOTB6Ii8+PC9zdmc+") no-repeat scroll center center;width:100%;height:100%;pointer-events:none}.cbp-search-input{height:36px;padding:0 32px 0 12px;margin:0;border-radius:1px;border:1px solid #c6c3c4;font:400 12px "Open Sans", sans-serif;width:100%}.cbp-search-input[value]+.cbp-search-icon{pointer-events:auto}.cbp-search-input[value]+.cbp-search-icon:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzczNzM3MyIgZD0iTTE0OTAgMTMyMnEwIDQwLTI4IDY4bC0xMzYgMTM2cS0yOCAyOC02OCAyOHQtNjgtMjhsLTI5NC0yOTQtMjk0IDI5NHEtMjggMjgtNjggMjh0LTY4LTI4bC0xMzYtMTM2cS0yOC0yOC0yOC02OHQyOC02OGwyOTQtMjk0LTI5NC0yOTRxLTI4LTI4LTI4LTY4dDI4LTY4bDEzNi0xMzZxMjgtMjggNjgtMjh0NjggMjhsMjk0IDI5NCAyOTQtMjk0cTI4LTI4IDY4LTI4dDY4IDI4bDEzNiAxMzZxMjggMjggMjggNjh0LTI4IDY4bC0yOTQgMjk0IDI5NCAyOTRxMjggMjggMjggNjh6Ii8+PC9zdmc+")}.cbp-search-nothing{position:absolute;top:0;padding:0 0 30px;text-align:center;width:100%;font:13px "Open Sans", sans-serif}@media only screen and (max-width: 600px){.cbp-search{width:100%}}.cbp-l-project-social{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cbp-social-fb,.cbp-social-twitter,.cbp-social-googleplus,.cbp-social-pinterest{margin-right:9px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cbp-social-fb:hover,.cbp-social-twitter:hover,.cbp-social-googleplus:hover,.cbp-social-pinterest:hover{opacity:.8}.cbp-social-fb:focus,.cbp-social-twitter:focus,.cbp-social-googleplus:focus,.cbp-social-pinterest:focus{outline:none}.cbp-social-fb path{fill:#415C9B}.cbp-social-twitter path{fill:#55acee}.cbp-social-googleplus path{fill:#E57371}.cbp-social-pinterest path{fill:#cb2027}


/* Cross Browser Compatibility */
.slick-prev, 
.slick-next,
.project-thumb::before,
.project-box *,
.cbp-filter-item,
.cbp-filter-item *,
.our-projects-masonry .cbp-filter-item::before,
.our-projects-masonry .cbp-filter-item::after,
.steps *,
.steps:before,
.slick-dots *,
.popup-sec *,
header *,
header,
.social-btns *,
.header-menus nav > ul > li > a::before,
.portfolio-fancy,
.portfolio-fancy *,
.portfolio-fancy:before,
.client *,
.gallery::before,
.gallery,
.fancy-home-nav li > a,
.fancy-home-nav li > a *,
.product-cat *,
.features-fancy-nav a,
.features-fancy-nav a *,
.app-gallery-sec > .app-gallery img,
.side-menu-header nav > ul > li::before,
.event-box *,
.event-img:before,
.c-collapse > h2
.c-collapse > h2:before,
.download-main-btns > li > a::before,
.theme-btn::before,
.services,
.services *,
.counter *,
.blog-post,
.blog-post *,
.footer-post-detail > h3,
.quick-links-widget > ul > li a,
.subscribe-form > form > button,
.bottomline ul > li a,
.clients li a img,
.our-product,
.our-product *,
.office-step,
.office-step *,
.office-step::before,
.fancy-slide-title *,
.cart-item,
.cart-item *,
body::before,
.header-menus .menu-open::before
 {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}