@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700&subset=latin-ext');
html,body{min-height:100%;}
body{font-family: 'Rubik', sans-serif;}

.p0{padding:0 !important;}
/* Header */
header{width:100%;float:left;}
header .navbar-default{background:transparent;border:none;box-shadow:none;}
header .navbar{min-height:auto;}
header .navbar-brand{padding:0;}
header .navbar-default .navbar-collapse, .navbar-default .navbar-form{margin:85px 100px 0 80px;}
header .navbar-default .navbar-nav>li>a{font-size:18px;color:#6d6e70;font-style:italic;font-weight:300;transition: all 0.5s ease;}
header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a{background:transparent;color:#00b5ac;box-shadow:none;transition: all 0.5s ease;}
header .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background:transparent;box-shadow:none;color:#00b5ac;transition: all 0.5s ease;}
header .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color:#00b5ac;transition: all 0.5s ease;}
.navbar-brand-centered{position:absolute;}
.navbar>.container .navbar-brand-centered, .navbar>.container-fluid .navbar-brand-centered{margin-left:-123px;left:50%;}

/* Slider */
section#slider{width:100%;float:left;margin-top:75px;}
section#slider .slider .item{height: 470px;transform: skew(-13deg,0deg);position: relative;}
section#slider .slider .item .content {color:#fff;z-index:3;transform: skew(13deg,0deg);position:absolute;width: 100%;padding: 150px 20px;text-align: center; }
section#slider .slider .item .content h3{font-size:25px;font-weight:300;font-style:italic;}
section#slider .slider .item .cover{position: absolute;z-index:-1;height: 100%;width: 100%;left: 0;top:0;bottom:0;right: 0;margin: auto; display: block;background-position: center;background-repeat: no-repeat;background-size: cover; -webkit-filter: grayscale(100%);   filter: grayscale(100%);}
section#slider .owl-carousel .owl-item img{width:auto;display:inline-block;}
section#slider .owl-nav{text-align:center;margin-top:20px;}
section#slider .owl-nav div{display:inline-block;font-size:20px;}
section#slider .center .item:after{display:block;}
.owl-prev{margin-right:90px;}
.owl-next{margin-left:90px;}
.owl-dots{text-align:center;margin-top:-25px;}
.owl-dots .owl-dot{display:inline-block;}
.owl-dots span{background: none repeat scroll 0 0 #869791;border-radius: 20px;display: inline-block;height: 12px;margin: 5px 7px;opacity: 0.5;width: 12px;}
.item .cover:before{content:"";display: block;background-color: rgba(60, 60, 60, 0.8);position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 999;width: 100%;height: 100%;}
.item:hover .cover:before{display: none;}
section#slider   .center .item .cover:before {display:none;}
section#slider   .center .item:after {content: ' ';position: absolute;z-index: 2;height: 100%;width: 100%;left: 0;top: 0;bottom: 0;right: 0;margin: auto;display: block;background-color: rgba(0,178,169,0.80);}
 section#slider:Hover   .center .item .cover:before {display:block;}
section#slider:Hover  .slider .item:after {display:none;}
section#slider .slider .item:hover:after{content:' ';position: absolute;z-index:2;height: 100%;width: 100%;left: 0;top:0;bottom:0;right: 0;margin: auto; display: block;background-color: rgba(0,178,169,0.80);}

/* Why Us*/
section#whyus{width:100%;float:left;text-align:center;padding:50px 0;}
section#whyus h1{font-weight:700;font-size:36px;color:#4d4e51;margin-bottom:70px;}
section#whyus h1:after{left:0;right:0;margin:auto;content:"";width:76px;height:6px;position:absolute;background:#01b4ae;margin-top:66px;}
section#whyus .title{font-size:16px;color:#aaa;padding:0 130px;line-height:20px;margin-bottom:40px;}
section#whyus .box {transition:ease all 500ms;}
section#whyus .box .icon{min-height:65px;background-size:contain;background-repeat:no-repeat;background-position:center;width:100%;margin-bottom:20px;}
section#whyus .box .icon.user{background-image:url(../img/user-icon.png);}
section#whyus .box .icon.safe{background-image:url(../img/safe-icon.png);}
section#whyus .box .icon.cup{background-image:url(../img/cup-icon.png);}
section#whyus .box .icon.time{background-image:url(../img/time-icon.png);}
section#whyus .box p:nth-child(2){font-size:24px;color:#4d4e51;font-weight:500;}
section#whyus .box p:nth-child(3){font-size:16px;color:#aaa;font-weight:300;}
section#whyus .row{transition:ease all 500ms;}
section#whyus .row:hover .box{opacity:0.6;transform:scale(0.9);}
section#whyus .row:hover .box:hover{opacity:1;transform:scale(1);}

/* Homepage Parallax */
section#content{width:100%;float:left;text-align:center;}
section#content .parallax-window{min-height:286px;background: transparent;}
section#content .parallax-window p{font-size:16px;color:#fff;font-weight:500;margin-top:50px;}
section#content .parallax-window a{transition:ease all 500ms;background:#fff;color:#4d4e51;font-weight:700;text-decoration:none;padding:25px 75px;border-radius:50px;margin-top:50px;display:inline-block;}
section#content .parallax-window a:hover{transform:scale(1.05);background-color:#4d4e51;color:#fff;} 
/* Footer */
footer{width:100%;float:left;padding:45px 0 30px 0;}
footer .social{list-style: none;padding: 0;margin: 30px 0;width: 100%;display: block;text-align: center;}
footer .social li{ display: inline-block;}
footer .social li a i{color:#868f9a;font-size:20px;margin-right:10px;transition: all .5s ease;}
footer .social:hover li{opacity:0.6;}
footer .social:hover li:hover{opacity:1;}
footer .social li:hover a i{color:#00b5ac;transition: all .5s ease;}  
footer .left p{color:#868f9a;font-size:14px;font-weight:300;}
footer .left a{color:#868f9a;font-size:14px;font-weight:300;text-decoration:none;}
footer .copyright{color:#aaa;font-size:14px;font-weight:300;}
footer .copyright a{color:#868f9a;text-decoration:none;}
footer .right p{font-size:18px;color:#00b5ac;font-weight:700;}
footer .right ul{list-style:none;padding:0;}
footer .right ul li{color:#aaa;font-size:14px;font-weight:300;line-height:25px;}
footer .center p{font-size:18px;color:#00b5ac;font-weight:700;}
footer .center ul{padding:0;list-style:none;width:50%;float:left;}
footer .center ul li a{color:#aaa;font-size:14px;font-weight:300;line-height:25px;text-decoration:none;}
footer .text{margin-top:50px;}

/* References */
section#references{width:100%;float:left;}
section#references h2{text-align:center;color:#737477;font-size:36px;font-weight:700;margin-bottom:70px;}
section#references h2:after{left:0;right:0;margin:auto;content:"";width:76px;height:6px;position:absolute;background:#01b4ae;margin-top:66px;}
section#references p{font-size:16px;color:#6b6b6b;text-align:center;font-weight:300;padding:0 140px;}
section#references .ms-staff-carousel.ms-round .ms-nav-next{background:url(../img/arrow-right.png);background-repeat:no-repeat;}
section#references .ms-staff-carousel.ms-round .ms-nav-prev{background:url(../img/arrow-left.png);background-repeat:no-repeat;}
 
.master-slider{-moz-transform:translate3d(0,0,1px);}
.ms-staff-carousel{max-width:900px;overflow: hidden;margin: 25px auto;position: relative;}
.ms-staff-carousel .ms-view{overflow:visible;background-color: transparent;}

/* Blog */
section#blog{width:100%;float:left;}
section#blog .right img{max-width:100%;}
section#blog .left{padding-top:250px;}
section#blog .left p{color:#aaa;font-size:16px;font-weight:300;font-style:italic;line-height:20px;}
section#blog .left a{color:#00b5ab;text-decoration:none;font-weight:700;}
section#blog .left h2{color:#454545;font-size:36px;font-weight:700;margin-bottom:30px;}
section#blog .left h2:before{content:"";position:absolute;width:31px;height:4px;background:#01b4ae;margin-top:45px;}
.master-slider .spinner-static{animation: none;}
.master-slider .spinner-rotate{-webkit-animation:ms-spin-grid 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-animation:ms-spin-grid 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);animation:ms-spin-grid 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.ms-layer .cover{background-size:cover;background-repeat:no-repeat;}
.ms-layer .cover:before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:101;}
.ms-group-bl .cover{height:384px;width:100%;position:relative;z-index:100;}
.ms-group-tl .cover{height:384px;width:100%;position:relative;z-index:100;}
.ms-group-mr .cover{height:768px;width:100%;position:relative;z-index:90;}
.ms-layer .content{position:absolute;z-index:102;bottom:0;left:0;padding:20px;}
.ms-layer .content a{font-size:14px;color:#fff;text-decoration:none;font-weight:700;font-style:italic;}
.ms-layer .content p{font-size:11px;color:#fff;font-weight:400;font-style:italic;}
.ms-layer .content h3{font-size:21px;color:#fff;font-weight:700;font-style:italic;margin-bottom:20px;}
.ms-layer .content h3:before{content:"";width:53px;height:3px;background:#00b5ac;position:absolute;margin-top:30px;}


.ms-slide-layers:before{content:' ';display: block;position: absolute;width:calc(50% - 7px);height:15px;top:calc(50% - 7px);left:0;right: 0;background-color: #fff;z-index: 1;}
.ms-slide-layers:after{content:' ';display: block;position: absolute;width:15px;height:100%;top:0;left:calc(50% - 7px);background-color: #fff;z-index: 1;}
.ms-anim-layers img{z-index:9999999;  }
@-moz-keyframes ms-spin-grid { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes ms-spin-grid { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes ms-spin-grid { 100% { transform:rotate(-360deg); } }

/* Faq */
section#faq{width:100%;float:left;}
section#faq .box{border:3px solid #e8eae7;border-radius:5px;position:relative;z-index:99;}
section#faq .box .icon{float:right;margin-top:-120px;}
section#faq .box ul{list-style:none;margin-top:40px;}
section#faq .box ul li{margin-bottom:10px;}
section#faq .box ul li a{font-size:14px;color:#656668;font-weight:300;text-decoration:none;}
section#faq .box ul li::before{content:"";background:#e8eae7;width:6px;height:6px;border-radius:20px;position:absolute;margin-left:-15px;margin-top:5px;}
section#faq .more{font-size:14px;color:#01b4ae;font-weight:300;text-decoration:none;background:#fff;border:3px solid #e8eae7;border-radius:30px;padding:10px 20px;position:relative;z-index:100;margin-top:-25px;float:left;margin-left:50px;}
section#faq .top{margin-bottom:25px;}
section#faq .top p{color:#6b6b6b;font-size:16px;font-weight:300;margin:15px 0;}
section#faq .top a{font-size:14px;color:#fff;background:#01b4ae;font-weight:300;text-decoration:none;padding:10px 40px;border-radius:30px;float:left;}
section#faq .top h2{color:#6c6d6f;font-size:36px;font-weight:700;margin-bottom:40px;}
section#faq .top h2:before{width:76px;height:7px;content:"";background:#01b4ae;position:absolute;margin-top:50px;}

/* Contact */
section#contact{width:100%;float:left;padding:60px 0;}
section#contact .map{transform: skew(-13deg,0deg);overflow:hidden;margin-left:-100px;display:block;width:100%;}
section#contact .map #map{width:130%;height: 630px;transform: skew(13deg,0deg);}
section#contact h1{font-size:24px;font-weight:700;color:#6e6f71;padding-left:10px;}
section#contact button{background:transparent;border:none;overflow:hidden;font-size:23px;color:#00b5ac;font-weight:700;box-shadow:none;}
section#contact input{border:2px solid #e8e8e8;border-radius:0;box-shadow:none;}
section#contact textarea{border:2px solid #e8e8e8;border-radius:0;box-shadow:none;}
section#contact label{font-size:14px;color:#aaa;}
section#contact form{margin-top:30px;}
section#contact p{padding-left:10px;font-size:14px;color:#6d6e70;font-weight:300;}

/* SSS */
section#sss{width:100%;float:left;padding:60px 0;}
section#sss .head h1{font-size:36px;color:#4d4e51;font-weight:700;margin-bottom:40px;margin-top:180px;}
section#sss .head h1:before{content:"";width:76px;height:6px;position:absolute;background:#2ebcb5;margin-top:58px;}
section#sss .head p{font-weight:400;font-size:16px;color:#aaa;}
section#sss #accordion h3{font-size:16px;color:#656668;font-weight:700;cursor:pointer;outline:none;background:#f2f2f2;margin:0;padding:25px 25px 25px 50px;margin-top:15px;position:relative;z-index:69;}
section#sss #accordion h3:before{content:"+";position:absolute;margin-left:-25px;}
section#sss #accordion h3:first-child{margin-top:0;}
section#sss #accordion div{font-size:16px;color:#fff;font-weight:400;padding:0 100px 25px 50px;overflow:hidden;position:relative;z-index:70;}
section#sss #accordion div .count{position:absolute;right:0;color:#282828;opacity:0.25;font-size:170px;font-style:italic;font-weight:700;bottom:-50px;line-height:170px;z-index:71;}
section#sss #accordion h3.ui-state-active{background:#2ebcb5;color:#fff;}
section#sss #accordion h3.ui-state-active:before{content:"-";}
section#sss #accordion div.ui-accordion-content-active{background:#2ebcb5;}
section#sss .toggle{background:#2ebcb5;}
section#sss .toggle:first-child{margin-top:-15px;}
section#sss .toggle h3{font-size:16px;color:#656668;font-weight:700;cursor:pointer;outline:none;background:#f2f2f2;margin:0;padding:25px 25px 25px 50px;margin-top:15px;position:relative;z-index:69;}
section#sss .toggle h3:before{content:"+";position:absolute;margin-left:-25px;}
section#sss .toggle .toggle-title{z-index:10;position:relative;}
section#sss .toggle .toggle-title:Hover h3{background:#2ebcb5;color:#fff;}
section#sss .toggle .toggle-title.active h3{background:#2ebcb5;color:#fff;}
section#sss .toggle .toggle-title.active h3:before{content:"-";}
section#sss .toggle .toggle-inner{font-size:16px;color:#fff;font-weight:400;padding:0 100px 25px 50px;overflow:hidden;position:relative;z-index:70;display:none;}
section#sss .toggle .toggle-inner .count{position:absolute;right:0;color:#282828;opacity:0.25;font-size:100px;font-style:italic;font-weight:700;bottom:-50px;line-height:170px;z-index:71;}



/* Company */
section#company{width:100%;float:left;padding:60px 0;}
section#company  h1{font-size:36px;color:#4d4e51;font-weight:700;margin-bottom:40px;}
section#company h1:before{content:"";width:76px;height:6px;position:absolute;background:#2ebcb5;margin-top:58px;}
section#company .text{font-size:16px;font-weight:400;color:#aaa;}
section#company .text p{margin-bottom:20px;}
section#company .cover{width:310px;height:400px;transform: skew(-13deg,0);position: relative;background:#01b6ad;margin-top:50px;}
section#company .cover img{transform: skew(13deg,0);margin-top:-20px;margin-left:-20px;}

/* Services */
section#services{width:100%;float:left;padding:60px 0 0 0;position:relative;}
section#services h1{text-align:center;font-size:36px;color:#4d4e51;font-weight:700;margin-bottom:40px;}
section#services h1:before{content:"";width:76px;height:6px;position:absolute;background:#2ebcb5;top:130px;left:0;right:0;margin:auto;}
section#services p{font-size:16px;font-weight:400;color:#aaa;text-align:center;padding:0 150px;}
section#servicesCategory .service{display:block;}
section#servicesCategory h4{text-align: center;font-size: 25px;font-weight: 200;color: #65667a;margin-bottom: 15px;}
section#servicesCategory .service.active,
section#servicesCategory .service:hover{text-decoration:none;    background-color: rgba(0,178,169,0.80); } 
section#servicesCategory .service .item{position:relative;color:#fff;margin-bottom:15px;margin-top:15px; text-align:center;display:table; width:100%;background-size:cover;background-position:center;}
section#servicesCategory .service .item .cover {position: absolute;z-index: -1;height: 100%;width: 100%;left: 0;top: 0;bottom: 0;right: 0;margin: auto;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
section#servicesCategory .service .item .cover:before {content: "";display: block;background-color: rgba(60, 60, 60, 0.8);position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 999;width: 100%;height: 100%;}
section#servicesCategory .service .item .content{height:350px;vertical-align:middle;width:100%;padding:0 20px;display:table-cell;margin:auto;}
section#servicesCategory .serviceTwo{text-align: left !important;}
section#servicesCategory .serviceTwo img{display:inline-block;float:left;margin-right:15px;margin-top:0;} 
section#servicesCategory .serviceTwo  .item {margin-top:7px; margin-bottom:7px;font-size:18px; font-weight:300;text-align:left !important;}
section#servicesCategory .serviceTwo  .item .content{height: 100px !important;}
 

/* Blog */
section#blog{width:100%;float:left;padding:60px 0;}
section#blog .widget-bulletin{background:url(../img/widget-bulletin.jpg) #e7e7e7;background-position:bottom center;padding:60px 30px 150px 30px;background-repeat:no-repeat;}
section#blog .widget-bulletin h3{font-size:18px;font-weight:700;color:#004b71;}
section#blog .widget-bulletin p{font-size:12px;font-weight:400;color:#004b71;}
section#blog .widget-bulletin input{font-size:12px;color:#4d4d4d;font-weight:400;border:none;background:#fff;width:100%;padding:10px;outline:none;}
section#blog .widget-search{background:#e7e7e7;padding:15px;margin-top:25px;}
section#blog .widget-search input{border:none;background:transparent;outline:none;color:#494949;font-size:14px;font-weight:400;font-style:italic;}
section#blog .widget-search input::-webkit-input-placeholder{color:#494949;font-size:14px;font-weight:400;font-style:italic;}
section#blog .widget-search input::-moz-placeholder{color:#494949;font-size:14px;font-weight:400;font-style:italic;}
section#blog .widget-search input:-ms-input-placeholder{color:#494949;font-size:14px;font-weight:400;font-style:italic;}
section#blog .widget-search input:-moz-placeholder{color:#494949;font-size:14px;font-weight:400;font-style:italic;}
section#blog .widget-search button{background:transparent;border:none;outline:none;float:right;}
section#blog .widget-search button i{font-size:20px;line-height:15px;}
section#blog .widget-categories{margin-top:25px;}
section#blog .widget-categories p{font-size:14px;color:#00b2a9;font-weight:400;font-style:italic;}
section#blog .widget-categories ul{padding:0;list-style:none;}
section#blog .widget-categories ul li{margin-bottom:5px;}
section#blog .widget-categories ul li a{font-size:14px;color:#6d6e70;font-weight:300;font-style:italic;text-decoration:none;transition: all .5s ease;}
section#blog .widget-categories ul li:hover a{transition: all .5s ease;color: #00b5ac;}
section#blog .widget-categories ul li.active a{color: #00b5ac;transition: all .5s ease;}
section#blog article{margin-bottom:89px;}
section#blog article img{max-width:100%;}
section#blog article h3{font-size:21px;color:#282828;font-weight:400;font-style:italic;margin-bottom:25px;position:relative;}
section#blog article h3:before{content:"";width:100%;height:3px;position:absolute;background:#2ebcb5;    bottom: -14px;}
section#blog article .content{font-size:14px;color:#7a7a7a;font-weight:300;font-style:italic;margin-bottom:15px;}
section#blog article .more{font-size:14px;color:#282828;font-weight:500;font-style:italic;text-decoration:none;}

/* Reference */
section#reference{width:100%;float:left;padding:60px 0;position:relative;}
section#reference h1{text-align:center;font-size:36px;color:#4d4e51;font-weight:700;margin-bottom:40px;}
section#reference h1:before{content:"";width:76px;height:6px;position:absolute;background:#2ebcb5;top:130px;left:0;right:0;margin:auto;}
section#reference p{font-size:16px;font-weight:400;color:#aaa;text-align:center;padding:0 150px;}
section#reference .boxes{margin-top:30px;}
section#reference .boxes .box{margin-bottom:25px;}
section#reference .boxes .box img{width:100%;border:solid 5px #eee;}
section#reference .box{position:relative;transition:ease all 500ms;}
section#reference .box .content{position:Absolute;background-color: rgba(46, 188, 181, 0.95);z-index: 999;left: 0;right: 0;bottom: 0;top: 0;text-align: center;display: none;width: calc(100% - 30px);height: 100%;margin: auto;min-height: 159px;}
section#reference .box .content span{display:table-cell;vertical-align:middle;height:100%;color:#fff;font-size:16px;font-weight:400;}
section#reference .box:hover .content{display:table;}
 
/* Service */
section#service{width:100%;float:left;padding:60px 0;position:relative;}
section#service h1{text-align:center;font-size:36px;color:#4d4e51;font-weight:700;margin-bottom:40px;}
section#service h1:before{content:"";width:76px;height:6px;position:absolute;background:#2ebcb5;top:130px;left:0;right:0;margin:auto;}
section#service #accordion h3{font-size:16px;color:#656668;font-weight:700;cursor:pointer;outline:none;background:#f2f2f2;margin:0;padding:25px 25px 25px 50px;margin-top:15px;position:relative;z-index:69;}
section#service #accordion h3:before{content:"+";position:absolute;margin-left:-25px;}
section#service #accordion h3:first-child{margin-top:0;}
section#service #accordion div{font-size:16px;color:#fff;font-weight:400;padding:0 100px 25px 50px;overflow:hidden;position:relative;z-index:70;}
section#service #accordion div .count{position:absolute;right:0;color:#282828;opacity:0.25;font-size:170px;font-style:italic;font-weight:700;bottom:-50px;line-height:170px;z-index:71;}
section#service #accordion h3.ui-state-active{background:#2ebcb5;color:#fff;}
section#service #accordion h3.ui-state-active:before{content:"-";}
section#service #accordion div.ui-accordion-content-active{background:#2ebcb5;}
section#service .toggle{background:#2ebcb5;}
section#service .toggle h3{font-size:16px;color:#656668;font-weight:700;cursor:pointer;outline:none;background:#f2f2f2;margin:0;padding:25px 25px 25px 50px;margin-top:15px;position:relative;z-index:69;}
section#service .toggle h3:before{content:"+";position:absolute;margin-left:-25px;}
section#service .toggle .toggle-title{z-index:10;position:relative;}
section#service .toggle:hover .toggle-title h3,
section#service .toggle .toggle-title.active h3{background:#2ebcb5;color:#fff;}
section#service .toggle .toggle-title.active h3:before{content:"-";}
section#service .toggle .toggle-inner{font-size:16px;color:#fff;font-weight:400;padding:0 100px 25px 50px;overflow:hidden;position:relative;z-index:70;display:none;}
section#service .toggle .toggle-inner .count{position:absolute;right:0;color:#282828;opacity:0.25;font-size:100px;font-style:italic;font-weight:700;bottom:-50px;line-height:170px;z-index:71;}
section#service .toggle .toggle-inner table{margin-bottom:15px; }
section#service .toggle .toggle-inner table th,
section#service .toggle .toggle-inner table td{border:1px solid #fff;padding:10px;}
section#service .toggle .toggle-inner table tbody  td:first-child{text-align:center;}