@charset "utf-8";
img,a img{border:0}
input.cat_textbox{width:300px}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
footer,header,nav{display:block}
a{background-color:transparent}
a:active,a:hover{outline:0}
strong{font-weight:700}
h5{margin:.67em 0;font-size:2em}
img{border:0}
input,textarea{margin:0;font:inherit;color:inherit}
input[type=submit]{-webkit-appearance:button;cursor:pointer}
input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
textarea{overflow:auto}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
input,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#337ab7;text-decoration:none}
a:focus,a:hover{color:#23527c;text-decoration:underline}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
img{vertical-align:middle}
.img-responsive{display:block;max-width:100%;height:auto}
.portfolio_container img.img-responsive{width:100%}
h2,h3,h4{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h2,h3{margin-top:20px;margin-bottom:10px}
h4{margin-top:10px;margin-bottom:10px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:18px}
p{margin:0 0 10px}
.small{font-size:85%}
ul{margin-top:0;margin-bottom:10px}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right:-15px;margin-left:-15px}
.col-md-10,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-9,.col-sm-12,.col-sm-4,.col-sm-6,.col-xs-12,.col-xs-6{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-12,.col-xs-6{float:left}
.col-xs-12{width:100%}
.col-xs-6{width:50%}
@media (min-width:768px) {
.col-sm-12,.col-sm-4,.col-sm-6{float:left}
.col-sm-12{width:100%}
.col-sm-6{width:50%}
.col-sm-4{width:33.33333333%}
}
@media (min-width:992px) {
.col-md-10,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-9{float:left}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
}
@media (min-width:1200px) {
.col-lg-4{float:left;width:33.33333333%}
}
label{display:inline-block;max-width:100%;margin-bottom:25px;font-weight:700}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.nav:after,.nav:before,.row:after,.row:before{display:table;content:" "}
.clearfix:after,.container-fluid:after,.nav:after,.row:after{clear:both}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.ion-grid:before{content:"\f13f"}
.ion-android-mail:before,.ion-grid:before,.ion-android-phone-portrait:before,.ion-ios-arrow-thin-right:before,.ion-android-arrow-forward:before,.ion-ios-arrow-thin-up:before,.ion-ios-location:before,.ion-play:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ion-android-mail:before{content:"\f2eb"}
.ion-android-phone-portrait:before{content:"\f3a2"}
.ion-ios-arrow-thin-right:before{content:"\f3d6"}
.ion-ios-arrow-thin-up:before{content:"\f3d7"}
.ion-ios-location:before{content:"\f456"}
.ion-play:before{content:"\f215"}
.ion-android-arrow-forward:before {content: "\f30f";}
.icon-quote{font-family:'et-line';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}
.icon-quote:before{content:"\e057"}
.slider-pro{position:relative;margin:0 auto;box-sizing:content-box}
.sp-slides-container{position:relative}
.sp-mask{position:relative;overflow:hidden}
.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
.sp-slide{position:absolute}
.sp-image-container{overflow:hidden}
.sp-image{position:relative;display:block;border:none}
.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}
.sp-grab{cursor:url(/css/images/openhand.cur),move}
.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}
.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;box-sizing:border-box;cursor:pointer}
.sp-selected-button{background-color:#000}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.sp-button{width:14px;height:14px}
}
.sp-arrows{position:absolute}
.sp-fade-arrows{opacity:0;-webkit-transition:all .5s;transition:all .5s}
.sp-slides-container:hover .sp-fade-arrows{opacity:1}
.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}
.sp-arrow{position:absolute;display:block;width:30px;height:30px;cursor:pointer;font-family:Ionicons}
.sp-horizontal .sp-previous-arrow{left:30px;-webkit-transition:all .5s;transition:all .5s}
.sp-horizontal .sp-next-arrow{right:30px;-webkit-transition:all .5s;transition:all .5s}
.sp-slides-container:hover .sp-previous-arrow{left:60px}
.sp-slides-container:hover .sp-next-arrow{right:60px}
.sp-previous-arrow:before,.sp-previous-arrow:after,.sp-next-arrow:before,.sp-next-arrow:after{font-family:"Ionicons";position:absolute;width:50%;height:50%;color:#fff;font-size:40px;text-shadow:1px 1px 5px rgba(44,44,44,0.32)}
.sp-previous-arrow:before{left:30%;top:0;content:'\f3d5'}
.sp-next-arrow:before{right:30%;top:0;content:"\f3d6"}
.slider-pro img.sp-image{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}
.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}
.slider-pro img.sp-layer{border:none}
body{position:relative;margin:30px!important;font-family:'Raleway',sans-serif;font-size:1.44em;line-height:25px;letter-spacing:0;word-spacing:1px;background:#f5f5f5;overflow-x:hidden!important}
ul{list-style:none;padding-left:0}
a{color:#60606e;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a.link{position:relative}
a.link:after{content:"";position:absolute;bottom:14px;left:0;width:0;height:1px;background-color:#60606e;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a:hover,a:focus{color:#60606e;text-decoration:none}
a:hover:after{width:50%}
.default-btn{position:relative;display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:0 20px 20px 0;font-size:13px;letter-spacing:2px;margin-top:15px;font-weight:700}
.default-btn:after{content:"";position:absolute;top:27px;left:0;width:50%;height:2px;background-color:#60606e;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.default-btn:hover:after{width:100%}
.frame-line{position:fixed;left:0;right:0;display:block;background:#fff;z-index:999999}
.frame-line.top-frame{height:30px;top:0}
.frame-line.bottom-frame{height:30px;bottom:0}
.frame-line.right-frame{width:30px;right:0;height:100%;left:auto}
.frame-line.left-frame{width:30px;left:0;height:100%;right:auto}
.no-padding{padding-left:0;padding-right:0}
.no-padding [class^="col-"]{padding-left:0;padding-right:0}
.sp-slide p{font-family:'Droid Serif',serif;font-size:1.05em;font-style:italic;word-spacing:1px;font-weight:300;letter-spacing:.1px}
.clientname{font-size:1.1em;font-weight:400}
.full-height{height:100vh}
.full-height-flex{height:100vh;padding:50px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.display-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.display-flex div:first-of-type{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.container-wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.padding-30{padding:30px}
.center{text-align:center}
h1{font-family:'Montserrat',sans-serif}
h3{font-family:'Montserrat',sans-serif;font-size:30px;margin-top:5px;text-transform:uppercase;letter-spacing:1px}
h4{font-family:'Montserrat',sans-serif}
.numbers-div h5{font-family:'bavroregular';font-size:50px;font-weight:300;margin:.67em 0}
.numbers-div{text-align:center;width:70px;margin:100px auto 0}
.numbers-div .vertical-line,.vertical-div .vertical-line{height:40px;width:2px;background:#8BB8C8;display:block;text-align:center;margin:10px auto 0}
.numbers-div h1,.vertical-div h1{font-family:'Montserrat',sans-serif;font-size:12px;text-transform:uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:bottom left 0;transform-origin:bottom left 0;letter-spacing:2px;display:inline-block;margin:0 23px;white-space:nowrap;font-weight:500}
.numbers-div h1:after{content:'';display:block;clear:both;height:0;width:100%}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5;z-index:1000}
.pre-container{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center}
.logo-circle{position:relative;background-color:#8BB8C8;display:block;line-height:70px;font-size:15px;-webkit-animation:white-shadow 1s infinite;animation:white-shadow 1s infinite;height:80px;width:80px;border-radius:50%;text-align:center}
.logo-circle img{width:60px;margin:10px auto 0}
header{position:fixed;z-index:200;padding:20px}
.main-logo{background:#8BB8C8;padding:30px 10px;-webkit-transition:all .3s;transition:all .3s}
.main-logo:hover,.main-logo:focus{color:#fff}
img.loading-logo{width:60px;height:60px}
.main-logo img{width:60px;height:60px}
.nav-trigger{position:fixed;z-index:4;top:40px;right:40px;height:44px;width:44px;overflow:hidden;color:transparent;white-space:nowrap;text-indent:100%;background:#8BB8C8}
.nav-trigger span,.nav-trigger span::before,.nav-trigger span::after{position:absolute;height:2px;width:30px;background:#ddd}
.nav-trigger span{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:background .3s;transition:background .3s}
.nav-trigger span::before,.nav-trigger span::after{content:'';top:0;left:0;-webkit-transition:background .3s,-webkit-transform .3s;transition:background .3s,-webkit-transform .3s;transition:background .3s,transform .3s;transition:background .3s,transform .3s,-webkit-transform .3s}
.nav-trigger span::before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}
.nav-trigger span::after{-webkit-transform:translateY(8px);transform:translateY(8px)}
.nav-trigger:hover span,.nav-trigger:hover span::before,.nav-trigger:hover span::after{background:#fff}
.nav-open .nav-trigger span{background:transparent}
.nav-open .nav-trigger span::before,.nav-open .nav-trigger span::after{background:#fff}
.nav-open .nav-trigger span::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open .nav-trigger span::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-container{position:fixed;z-index:100;top:33px;right:33px;height:57px;width:auto;max-width:70%;padding:0 20px;background:rgba(139,184,200,.9);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .5s cubic-bezier(.07,.23,.34,1);transition:-webkit-transform .5s cubic-bezier(.07,.23,.34,1);transition:transform .5s cubic-bezier(.07,.23,.34,1);transition:transform .5s cubic-bezier(.07,.23,.34,1),-webkit-transform .5s cubic-bezier(.07,.23,.34,1)}
.nav-open .nav-container{-webkit-transform:translateX(0);transform:translateX(0)}
.nav{list-style:none;padding:0 30px 0 0}
.nav li{float:left;margin-right:20px}
.nav a{display:block;padding:16px 0!important;font-size:16px;text-decoration:none;color:#fff;-webkit-transform:translateZ(0);transform:translateZ(0)}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:transparent;color:#888}
.active-link{color:#555!important}
.nav-open .nav a{-webkit-animation:slide-in .4s .2s backwards;animation:slide-in .4s .2s backwards}
.nav-open .nav li:nth-of-type(2) a{-webkit-animation-delay:.3s;animation-delay:.3s}
.nav-open .nav li:nth-of-type(3) a{-webkit-animation-delay:.35s;animation-delay:.35s}
.nav-open .nav li:nth-of-type(4) a{-webkit-animation-delay:.4s;animation-delay:.4s}
.nav-open .nav li:nth-of-type(5) a{-webkit-animation-delay:.45s;animation-delay:.45s}
.nav-open .nav li:nth-of-type(6) a{-webkit-animation-delay:.5s;animation-delay:.5s}
.nav-open .nav li:nth-of-type(7) a{-webkit-animation-delay:.55s;animation-delay:.55s}
.nav-open .nav li:nth-of-type(8) a{-webkit-animation-delay:.6s;animation-delay:.6s}
h2.sp-layer{font-family:'Montserrat',sans-serif;font-size:6em!important;color:#fff;font-weight:400;text-shadow:1px 1px 9px rgba(44,44,44,0.62)}
#home{background:#eee}
#about{background:#f5f5f5;padding:80px 0}
#about p{margin:0 0 8px;line-height:1.7em;font-size:1em;letter-spacing:0;word-spacing:0}
#about .dslogo{padding-bottom:80px}
#about .dslogo img{width:80%;text-align:center}
#about p a{color:#8cc0d0;text-decoration:underline;font-weight:600}
.intro-img-section{position:relative}
.intro-img-section .gray-bg{position:absolute;top:30px;left:25px;width:85%;height:335px;background:#ddd;display:block;z-index:0;border:8px solid #8BB8C8}
.intro-img-section img{position:relative;z-index:1}
.vertical-div{position:absolute;top:-4px;right:30px;width:4px}
.vertical-div h1{margin:-9px!important}
#services{background:#8BB8C8;color:#f5f5f5}
#services .numbers-div .vertical-line{background:#f5f5f5}
#services .bg-div-cover{background:url(/img/services-bgc.jpg);background-size:cover}
.icon-container{padding:100px 80px 100px 0}
.icon-box{margin-bottom:50px;padding-right:10px}
.icon-box h4 img{opacity:.5}
.divider{width:40px;margin:20px 0;height:1px;border-bottom:2px solid #333}
.icon-box .divider{width:40px;height:1px;display:block;margin:15px 0;border-bottom:1px solid #f5f5f5;-webkit-transition:all .5s;transition:all .5s}
.icon-box:hover .divider{-webkit-transform:scale(2,1);transform:scale(2,1);-webkit-transform-origin:left;transform-origin:left}
.morecontent br{content:"";margin:2em;display:block;font-size:50%}
#portfolio{background:#f5f5f5;color:#555;padding:100px 0 0}
#portfolio .subtitle{color:#999}
.portfolio .categories-grid .categories ul li{list-style:none;margin:20px 0}
.portfolio .categories-grid .categories ul li a{display:inline-block;color:#60606e;margin-left:20px}
.portfolio .categories-grid .categories ul li a.active{margin-left:0;background-color:#333;padding:0 10px;color:#fff}
.portfolio_filter{padding-left:0}
@media (max-width: 991px) {
.portfolio .categories-grid .categories ul li{text-align:center}
.portfolio .categories-grid .categories ul li a{margin-left:0}
.icon-container{padding:100px 10px}
#services .bg-div-cover{background:none;background-size:unset}
}
#portfolio{min-height:1880px}
.portfolio_item{position:relative;overflow:hidden;margin-bottom:30px;display:block}
.portfolio_item .portfolio_item_hover{position:absolute;top:10px;left:10px;height:calc(100% - 20px);width:calc(100% - 20px);background-color:rgba(255,255,255,.9);-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.portfolio_item .portfolio_item_hover .item_info{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:10px;width:100%}
.portfolio_item .portfolio_item_hover .item_info span{display:block;color:#60606e;font-size:18px;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;opacity:0}
.portfolio_item .portfolio_item_hover .item_info span.small{font-size:85%;font-weight:700;line-height:2.1em;padding-top:10px}
.portfolio_item .portfolio_item_hover .item_info em{font-style:normal;display:inline-block;background-color:#8BB8C8;padding:5px 10px;color:#fff;margin-top:10px;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .4s ease-in-out .4s;transition:all .4s ease-in-out .4s;opacity:0;font-size:12px;letter-spacing:.5px}
.portfolio_item:hover .portfolio_item_hover{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.portfolio_item:hover .item_info em,.portfolio_item:hover .item_info span{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
#awards{background:#fff;padding:80px 0 30px;}
#awards .subtitle{color:#999}
.team-div{position:relative;overflow:hidden}
.team-div.awards{padding:5% 20% 10%}
.team-div.press{padding:5% 20%}
.team-div.awards img,.team-div.press img{border:1px solid #ddd}
a.awards-btn,a.press-btn{color:#fff}
div.hide{display:none}
div.show{display:block}
.awards-btn,.press-btn{position:relative;display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:5px 20px;font-size:13px;letter-spacing:2px;margin-top:9px;font-weight:400;background:#8BB8C8;color:#fff}
.team-div.awards .team-overlay{position:absolute;bottom:25%;left:10px;width:calc(100% - 20px);background-color:rgba(255,255,255,.9);-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:20px 0;text-align:center}
.team-div.press .team-overlay{position:absolute;bottom:25%;left:10px;width:calc(100% - 20px);background-color:rgba(255,255,255,.9);-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:20px 0;text-align:center}
.team-div.awards .team-overlay{bottom:25%}
.team-div.press .team-overlay{bottom:20%}
.team-overlay h3{font-size:20px;margin-bottom:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:all .2s ease-in-out .2s;transition:all .2s ease-in-out .2s;opacity:0;letter-spacing:0}
.team-overlay .subtitle{-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s;opacity:0;display:block}
.team-div:hover .team-overlay h3,.team-div:hover .team-overlay .subtitle{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.team-div:hover .team-overlay{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
#clients-slider .sp-slides-container{position:relative;overflow:hidden}
.quote-container em{font-size:45px}
.sp-mask{position:relative;overflow:visible}
#press{background:#fff;padding:50px 0}
#blog {background:-webkit-linear-gradient(rgba(139,184,200,.69),rgba(139,184,200,.86));background: linear-gradient(rgba(139,184,200,.69),rgba(139,184,200,.86));background-size: cover;padding: 80px 0;margin-top:30px;background-color: #fff;}
#blog .numbers-div,#blog h4 a{color:#f5f5f5}
#blog .numbers-div .vertical-line{background:#f5f5f5}
.row.is-flex{display:flex;flex-wrap:wrap}
.row.is-flex > [class*='col-']{display:flex;flex-direction:column}
.blog_item{position:relative;overflow:hidden;margin-bottom:30px;display:block}
.blog-content{background:#fff;padding:20px;position:relative;border-radius:0 0 5px 5px}
.blog-content .athour-img{position:absolute;width:50px;top:-30px}
.blog-head small{display:inline;float:right;margin-top:-20px}
.blog-content .athour-img{position:absolute;width:60px;top:-35px}
.blog-head img{float:left;display:inline}
.blog-main-img{border-radius:5px 5px 0 0}
.blog-img-container{position:relative;overflow:hidden}
.blog-content h2{font-size:1.4em;margin:25px 0 15px}
.blog_item{margin:10px}
.blog_item{position:relative;overflow:hidden;margin-bottom:30px;display:block}
.blog_item h3{font-size:16px;margin-top:20px;line-height:27px;font-weight:700;text-transform:inherit;letter-spacing:1px}
.blog-content{background:#fff;padding:20px;position:relative;border-radius:0 0 5px 5px}
.blog-content .athour-img{position:absolute;width:50px;top:-30px}
.img-circle{border-radius:50%}
.blog-head small{display:inline;float:right;margin-top:-20px}
.blog-content .athour-img{position:absolute;width:60px;top:-35px}
.blog-head img{float:left;display:inline}
.blog-main-img{border-radius:5px 5px 0 0;object-fit:cover;min-width:100%}
.blog-img-container{position:relative;overflow:hidden}
.blog-img-container span{position:absolute;top:10px;left:10px;background:#7383B5;border-radius:25px;z-index:1;padding:0 10px;color:#fff;font-size:12px;line-height:20px}
.big-post .blog-img-container img{border-radius:5px}
#clients{background:-webkit-linear-gradient(rgba(139,184,200,.96),rgba(139,184,200,.93)),url(/img/slides/product-specification.jpg);background:linear-gradient(rgba(139,184,200,.96),rgba(139,184,200,.93)),url(/img/slides/product-specification.jpg);background-size:cover;color:#f5f5f5;padding:150px 0}
#clients .numbers-div .vertical-line{background:#f5f5f5}
#clients-slider .sp-button{border:2px solid #fff}
#clients-slider .sp-selected-button{background-color:#fff;-webkit-transform:scale(1.4);transform:scale(1.4)}
#clients-slider .sp-slide{width:100%;padding:0 12%}
.quote-container{margin-bottom:30px}
.Job{font-size:12px;color:#eee}
#contact{color:#333;padding:150px 0;background:-webkit-linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)),url(/img/slides/contact.jpg);background:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)),url(/img/slides/contact.jpg);background-size:cover;background-attachment:fixed;background-position:center center}
#contact .subtitle{color:#999}
.w-bg{background:rgba(255,255,255,.8)}
.b-bg{background:rgba(139,184,200,.9)}
.b-bg .wrap{margin:0 auto}
.contact-div{margin-bottom:30px}
.mat-label{display:block;-webkit-transform:translateY(25px);transform:translateY(25px);color:#e2e2e2;-webkit-transition:all .5s;transition:all .5s;font-weight:400}
.mat-input{position:relative;background:transparent;width:100%;border:none;outline:none;padding:2px 0;color:#fff}
.mat-div{padding:10px 0 0;position:relative}
.mat-div textarea{resize:none}
.mat-div:after,.mat-div:before{content:"";position:absolute;display:block;width:100%;height:2px;background-color:#e2e2e2;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s}
.mat-div::after{background-color:#ddd;-webkit-transform:scaleX(0);transform:scaleX(0)}
.submit_btn{color:#f5f5f5;background-color:transparent;border:none;outline:none;font-size:1.2em}
.submit_btn:after{background-color:#f5f5f5}
#result{color:#fff}
#contact_form em.ion-ios-arrow-thin-right{color:#fff;font-size:2em}
footer{padding:50px;position:relative;background:#eee}
footer .nav{display:inline-block;padding-left:0}
footer .nav li a{color:#666;font-size:14px}
.back-to-top{position:absolute;width:50px;height:50px;background:#8BB8C8;color:#f5f5f5;line-height:50px;text-align:center;top:-25px;-webkit-transition:all .5s;transition:all .5s;font-size:30px;left:60px}
.back-to-top:hover{background:rgba(51,51,51,.8);line-height:45px;color:#fff}
.morecontent span{display:none;display:inline}
.morecontent span.togon{display:inline!important}
.morelink{display:block}
a.morelink{display:inline}
.more li{list-style:disc;margin-left:20px}
button{margin:0;font:inherit;color:inherit;overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
@media print {
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button{font-family:inherit;font-size:inherit;line-height:inherit;background:#8BB8C8}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:focus,.btn:hover{color:#333;text-decoration:none}
.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-modal{outline:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.30);box-shadow:0 0 3px rgba(0,0,0,.30);margin-top:40px;letter-spacing:.5px;font-size:1.05em}
.btn:focus,.btn:hover{color:#eee;text-decoration:none;background:none}
.btn-form{outline:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.35);box-shadow:0 0 3px rgba(0,0,0,.35);margin:20px 0 30px;letter-spacing:.2px;font-size:1em;color:#eee;background:#8BB8C8}
.btn-form:focus,.btn-form:hover{color:#777;text-decoration:none}
.parallax-window{position:relative;min-height:400px;background:url(/img/dulux-col-awards.jpg);background-attachment:fixed;background-position:center center;background-size:cover}
.video-overlay{width:calc(100% - 20px);height:calc(100% - 20px);background:rgba(255,255,255,.8);z-index:2;left:10px;top:10px;position:absolute}
.video-padding{padding:70px 20px}
.play-video{color:#fff;background:red;display:block;margin:20px auto;width:80px;height:80px;border:2px solid red;font-size:30px;border-radius:50%;padding:2px 0 0 4px}
.play-video:hover,.play-video:focus{opacity:.8;color:red;background:#fff}
.ion-play:before{margin:22px;display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f215"}
.play-video i{display:block;width:80px;height:80px;line-height:80px;-webkit-transition:all .5s;transition:all .5s}
.ion-play:before{margin:22px}
small.recaptxt{color:#ddd}
small.recaptxt a{color:#fff;text-decoration:underline}
.grecaptcha-badge{visibility:hidden}
@media (max-width: 990px) {
.full-height-flex,.full-height{height:auto}
.bg-div-cover{min-width:100%}
.numbers-div{margin:20px auto}
.text-body{text-align:center;margin-bottom:30px}
.portfolio-div{text-align:center}
.intro-img-section .gray-bg{width:60%;left:0;right:0;margin:0 auto}
.intro-img-section img{margin:0 auto}
#portfolio{padding-top:0}
#clients,#contact{padding:0}
footer{text-align:center}
footer .pull-left{float:none!important;padding-left:0}
.back-to-top{left:0;right:0;margin:0 auto}
footer{padding:50px 10px}
.numbers-div{width:auto}
.numbers-div h1{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@media (min-width: 1200px) {
.blog-main-img{max-height:190px}
}
@media (min-width: 1440px) {
.blog-main-img{max-height:240px}
}
@media (min-width: 1660px) {
.blog-main-img{max-height:280px}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
#portfolio{min-height:1440px}
}
@media (max-width: 900px) {
.nav-container{height:100%;width:100%;max-width:220px;right:20px}
.nav-container .nav li{float:none}
}
@media (max-width: 767px) {
#services{text-align:center}
.intro-img-section .gray-bg{width:80%}
.icon-box .divider{margin:15px auto}
.icon-box:hover .divider{-webkit-transform:scale(2,1);transform:scale(2,1);-webkit-transform-origin:center;transform-origin:center}
.img-responsive{margin:0 auto}
.nav li{margin-right:10px}
.nav a{padding:8px 0!important}
footer .nav li a{font-size:14px}
h2.sp-layer{font-size:4em!important}
}
@media (max-width: 500px) {
body{margin:0!important}
.frame-line{display:none}
.nav-trigger{right:10px;top:10px}
.nav-container{right:0;top:4px}
h2.sp-layer{left:0!important}
.vertical-div{display:none}
}