@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,600,600i,800,800i');

:focus{outline:none}
:-moz-any-link:focus{outline:none;text-decoration:none}
::-moz-focus-inner{padding:0;border:0;outline:none}
::selection{color:#fff}
::-moz-selection{color:#fff}
html,body{width:100%;min-height:100%}
body{font-family: 'Titillium Web', sans-serif;font-size:15px;line-height:24px;font-weight:400;color:#2B4250;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}
a{transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out}
a,a:hover,a:focus{cursor:pointer;text-decoration:none!important}
strong,b{font-weight:700}
img{max-width:100%;height:auto}
ul,ol{padding:0;margin:0}
.icons-list{list-style:none}
ul li,ol li,.icons-list li{padding:5px 0;font-size:15px;}
.icons-list i{font-size:12px;margin-right:8px;color:#444}
.icons-list strong{color:#666}
.dark-section .icons-list,.dark-section .icons-list i,.dark-section .icons-list strong{color:#2B4250}
h1,h2,h3,h4,h5,h6{font-family: 'Titillium Web', sans-serif;font-weight:normal;color:#2B4250;margin:0;letter-spacing:0;}
h3,h4,h5,h6{letter-spacing:1px}
h1{font-size:24px;line-height:30px}
h2{font-size:22px;line-height:28px}
h3{font-size:18px;line-height:24px}
h4{font-size:16px;line-height:22px}
h5{font-size:14px;line-height:20px}
h6{font-size:12px;line-height:18px}
p{color:#2B4250;font:400 16px/24px "Titillium Web";margin:0 0 10px 0}
p strong{font-weight:600}
.light-text{color:#fff}
.gray-text{color:#bbb}
.uppercase{text-transform:uppercase}
.fit-text{font-size:60px;line-height:70px;font-weight:100}
.contant-form-bx label{color:#444;font-size:13px;font-weight:400;margin-bottom:4px}
.dark-section .contant-form-bx label{color:#ddd}
.contant-form-bx label:after{content:"*";color:#f23e1e}
.name-missing,.email-missing,.message-missing{opacity:0;filter:Alpha(Opacity=0);float:right;color:#f23e1e;transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out}
.mail_response{margin-bottom:15px;padding-bottom:5px;border-bottom:2px solid;transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out}
.mail_response h4,.mail_response p{display:inline;color:#fff}
input,textarea{font-family: 'Titillium Web', sans-serif;font-size:13px;font-weight:400;margin-bottom:15px;border-radius:2px;outline:none;max-width:100%;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
input[type="text"],input[type="text"]:hover,input[type="text"]:focus,textarea,textarea:hover,textarea:focus{color:#444;min-width:100%;padding:6px 9px;background-color:#fff;border:1px solid #ccc}
blockquote{position:relative;padding:5px 0;border-left:0}
blockquote > i{position:absolute;top:-14px;left:50%;margin-left:-24px;font-size:4em;color:rgba(0,0,0,0.1)}
blockquote p{font-family: 'Titillium Web', sans-serif;font-size:14px;line-height:24px;font-weight:600;letter-spacing:2px;color:#333;text-transform:uppercase}
blockquote small{text-transform:uppercase}
.hr.border{height:1px;background-color:#eee}
.dark-section input[type="text"],.dark-section input[type="text"]:hover,.dark-section input[type="text"]:focus,.dark-section textarea,.dark-section textarea:hover,.dark-section textarea:focus{color:#444;background-color:rgba(255,255,255,.05);border-color:transparent}
textarea,textarea:hover,textarea:focus{padding:8px 10px}
input[type="text"]:hover,textarea:hover{border-color:#d2d2d2}
.dark-section input[type="text"]:hover,.dark-section textarea:hover{border-color:transparent}
input[type="text"]:focus,textarea:focus{color:#444;border-color:#31B89E;-webkit-box-shadow:0 0 3px #31B89E inset;-moz-box-shadow:0 0 3px #31B89E inset;-o-box-shadow:0 0 3px #31B89E inset;box-shadow:0 0 3px #31B89E inset}
.dark-section input[type="text"]:focus,.dark-section textarea:focus{color:#888;border-color:transparent;background-color:rgba(255,255,255,.04);-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}
input[type="submit"]{font-weight:600;overflow:hidden;position:relative;display:inline-block;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:0;color:#fff;font-size:11px;padding:6px 20px;border:none;width:100%;}
.light-section input[type="submit"]:hover{background-color:#2B4250}
.dark-section input[type="submit"]:hover{color:#2B4250;background-color:#fff}
.tooltip .tooltip-inner{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px}
.parallax,.parallax-section,.parallax-bg,.parallax-full{background-position:50% 0;background-attachment:fixed!important;background-repeat:no-repeat;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important}

.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section h5,.dark-section h6{color:#fff}
.dark-section,.dark-section p{color:#ddd}





.dark-section .section-overlay-blue{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:url(../images/overlays/03.png) repeat rgba(201,145,64,.8)}
.light-section h1,.light-section h2,.light-section h3,.light-section h4,.light-section h5,.light-section h6{color:#2B4250}
.light-section .fit-text{color:#2B4250}
.light-section,.light-section p{color:#2B4250}
.light-section .section-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;opacity:.9;background:url(../images/overlays/light-05.png) repeat rgba(255,255,255,.5)}
#container{border-bottom:1px solid #eee;padding-bottom:30px}
#container .title{margin-bottom:12px}
#container p{margin-bottom:14px}
#container h1,#container h2,#container h3,#container h4,#container h5,#container h6{margin-bottom:8px}
.section-title{position:relative;margin-bottom:10px;}
.section-title h2 span {font-weight:900; color:#31B89E}
.section-title p{position:relative;font:400 15px/22px "open sans"}
.section-title h2 + .lead{padding-top:18px}
.section-title h2 + .lead::after{content:"";display:block;width:75px;height:1px;position:absolute;top:0}
.section-title h1{font-size:13px;line-height:18px;font-weight:500;margin-bottom:4px;color:#2B4250;letter-spacing:3px;text-transform:uppercase}
.section-title h2{position:relative;font-size:18px;line-height:25px;padding-bottom:6px;letter-spacing:5px;text-transform:uppercase;font-weight:600;  color:#31B89E}
.section-title .title-icon{margin-bottom:15px;margin-left:44px}
.section-title.text-center .title-icon{margin-left:0}
.section-title .title-icon span{position:relative}
.section-title .title-icon span::before,.section-title .title-icon span::after{content:"";display:block;width:35px;height:1px;position:absolute;top:50%;margin-top:-1px;background-color:#ddd}
.section-title .title-icon span::before{left:-44px}
.section-title .title-icon span::after{right:-44px}
.section-title .title-icon span i{font-size:16px;color:#333}



#pageloader.light{background-color:#fff}
#pageloader.light .spinner > div{background-color:#2B4250}
#pageloader .loader-container{position:absolute;top:50%;left:50%;margin-left:-35px;margin-top:-87px;text-align:center}
#pageloader .loader-logo{margin-bottom:10px}
#pageloader .spinner{display:inline-block;width:50px;height:30px;text-align:center}
#pageloader .spinner > div{background-color:#333;height:100%;width:4px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}
#pageloader .spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
#pageloader .spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
#pageloader .spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
#pageloader .spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes stretchdelay {
0%,40%,100%{-webkit-transform:scaleY(0.4)}
20%{-webkit-transform:scaleY(1.0)}
}
@keyframes stretchdelay {
0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}
20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}
}

#hidden-header{background-color:#fff}
#header ul{list-style:none}
#header .navbar-toggle{height:100%;width:60px;background:#111;position:absolute;top:0;right:0;padding:0;margin:0;border:none;border-radius:0}
#header .navbar-toggle i{position:relative;top:2px;font-size:16px;color:#fff}
#header.light-header .navbar-toggle{background:#fff}
#header.light-header .navbar-toggle i{color:#111}
.header-1,.header-2{height:62px;line-height:62px;z-index:99}
.header-1 #logo,.header-2 #logo{float:left}
.header-1 #logo a,.header-2 #logo a{display:block}

#logo img{max-height:62px}
.header-bg #logo img{max-height:48px}
.header-bg #logo .light-logo{display:none}
.light-header #logo .dark-logo{display:none}
.header-bg #logo .dark-logo{display:block}

.header-1 .nav-menu,.header-2 .nav-menu{line-height:62px;float:right}
.header-1 .nav-menu li,.header-2 .nav-menu li{line-height:normal;padding:0}
.header-1 .nav-menu > ul > li,.header-2 .nav-menu > ul > li{display:inline-block;position:relative}
.header-1 .nav-menu .drop a::before,.header-2 .nav-menu .drop a::before{display:none}
.header-1 .nav-menu .drop a::before,.header-2 .nav-menu .drop.active a::before{display:block}
.header-1 .nav-menu .drop .dropdown,.header-2 .nav-menu .drop .dropdown{visibility:hidden;position:absolute;top:53px;left:0;opacity:0;filter:Alpha(Opacity=0);width:235px;margin-top:-1px;border-top:1px solid;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.header-1 .nav-menu .drop:hover .dropdown,.header-2 .nav-menu .drop:hover .dropdown{visibility:visible;opacity:1;filter:Alpha(Opacity=1)}
.header-1 .nav-menu .drop .dropdown li a,.header-2 .nav-menu .drop .dropdown li a{color:rgba(255,255,255,.8);padding:10px 14px;background-color:#2B4250;border-bottom:1px solid rgba(255,255,255,0.03);text-transform:none; font-size:15px; font-weight:400;}
.header-1 .nav-menu .drop .dropdown li:hover a,.header-2 .nav-menu .drop .dropdown li:hover a{
background: rgba(8,176,156,1);
background: -moz-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(8,176,156,1)), color-stop(100%, rgba(18,60,243,1)));
background: -webkit-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: -o-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: linear-gradient(135deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08b09c', endColorstr='#133cf3', GradientType=1 );
;padding-left:20px;color:#fff!important}
.header-1{position:absolute;top:25px;width:100%;background-color:transparent}
.header-1.header-bg{position:fixed;top:0;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:headerFadeIn;-moz-animation-name:headerFadeIn;-o-animation-name:headerFadeIn;animation-name:headerFadeIn}
@-webkit-keyframes headerFadeIn {
0%{top:-60px;opacity:0;-webkit-animation-timing-function:ease-out}
100%{top:0;opacity:1;-webkit-animation-timing-function:ease-in}
}
@-moz-keyframes headerFadeIn {
0%{top:-60px;opacity:0;-moz-animation-timing-function:ease-out}
100%{top:0;opacity:1;-moz-animation-timing-function:ease-in}
}
@-o-keyframes headerFadeIn {
0%{top:-60px;opacity:0;-o-animation-timing-function:ease-out}
100%{top:0;opacity:1;-o-animation-timing-function:ease-in}
}
@keyframes headerFadeIn {
0%{top:-60px;opacity:0;animation-timing-function:ease-out}
100%{top:0;opacity:1;animation-timing-function:ease-in}
}
.header-1.header-bg.dark-header{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.header-1.header-bg.light-header{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.header-1 .nav-menu ul > li > a{outline:0;text-transform:uppercase;position:relative;display:block;font-size:13px;font-weight:600;padding:15px;letter-spacing:1px;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;color:#fff; }
.header-1 .nav-menu > ul > li > a::before{position:absolute;top:100%;left:50%;width:0;margin-top:-10px;border-bottom:1px solid transparent;content:'';transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.header-1 .nav-menu ul > li:hover > a::before,.header-1 .nav-menu ul > li.active > a::before{width:20px;margin-left:-10px}
.header-bg .nav-menu ul > li > a{color:#2B4250}
.header-1.light-header .nav-menu ul > li.active > a:before{border-bottom-color:#fff}
.header-1.dark-header .nav-menu ul > li > a{color:#2B4250}
.header-1.dark-header .nav-menu ul > li.active > a:before{border-bottom-color:#31B89E}
.header-2{position:relative;width:100%;background-color:#2B4250;box-shadow:0 1px 1px rgba(0,0,0,0.6)}
.header-2.sticky{position:fixed;top:0;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:headerFadeIn;-moz-animation-name:headerFadeIn;-o-animation-name:headerFadeIn;animation-name:headerFadeIn}
.header-2.dark-header{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.12)}
.header-2 .nav-menu ul > li > a{text-transform:uppercase;position:relative;display:block;font-size:13px;font-weight:600;padding:15px;letter-spacing:1px;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.header-2 .nav-menu > ul > li > a:before{position:absolute;top:100%;left:50%;width:0;margin-top:-5px;border-bottom:1px solid transparent;content:'';transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.header-2 .nav-menu ul > li:hover > a::before,.header-2 .nav-menu ul > li.active > a::before{width:20px;margin-left:-10px}
.header-2.light-header .nav-menu ul > li > a{color:#fff}
.header-2.light-header .nav-menu ul > li.active > a:before{border-bottom-color:#fff}
.header-2.dark-header .nav-menu ul > li > a{color:#2B4250}
.header-2.dark-header .nav-menu ul > li.active > a {color:#31B89E!important;}
.header-2.dark-header .nav-menu ul > li > a:hover {color:#31B89E!important;}
.header-2.dark-header .nav-menu ul > li > a:before {border-bottom-color:#31B89E!important;}

.header-2.dark-header .nav-menu ul > li.active > a::before{border-bottom-color:#31B89E}
.header-3{position:fixed;z-index:120;top:0;left:-235px;width:240px;height:100%;border-right:5px solid #080808;transition:border-right-color .6s ease-in-out;-moz-transition:border-right-color .6s ease-in-out;-webkit-transition:border-right-color .6s ease-in-out;-o-transition:border-right-color .6s ease-in-out}
.header-3.dark-header{background-color:#080808}
.header-3.light-header{background-color:#fff}
.header-3.shown-header:hover{border-right-color:#080808}
.header-3 #toggle-header{position:absolute;right:-50px;top:20px;color:#fff;width:35px;height:35px;display:block;font-size:16px;line-height:36px;text-align:center;cursor:pointer;border-radius:1px;background-color:#000;transition:background-color .6s ease-in-out;-moz-transition:background-color .6s ease-in-out;-webkit-transition:background-color .6s ease-in-out;-o-transition:background-color .6s ease-in-out}
.header-3 #logo{margin:50px 0 30px;text-align:center}
.header-3 #logo a{display:inline-block}
.header-3 .nav-menu li{padding:0}
.header-3 .nav-menu a{position:relative;display:block;font-size:10px;font-weight:300;padding:7px 20px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.25)}
.header-3 .nav-menu .dropdown a{padding-left:40px}
.header-3.light-header .nav-menu a{color:#444}
.header-3 .nav-menu a:after{display:block;content:"";height:100%;width:2px;position:absolute;bottom:0;left:0;opacity:0;filter:Alpha(Opacity=0);transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;-webkit-transition:opacity .6s ease-in-out;-o-transition:opacity .6s ease-in-out}
.header-3 .nav-menu li.active a:after{opacity:1;filter:Alpha(Opacity=1)}
.header-3 .nav-menu li a:before{display:block;content:"";height:1px;width:100%;position:absolute;bottom:0;left:-100%;opacity:0;filter:Alpha(Opacity=0);transition:left .6s ease-in-out,opacity 1.2s ease-in-out;-moz-transition:left .6s ease-in-out,opacity 1.2s ease-in-out;-webkit-transition:left .6s ease-in-out,opacity 1.2s ease-in-out;-o-transition:left .6s ease-in-out,opacity 1.2s ease-in-out}
.header-3 .nav-menu li li a:before{display:none}
.header-3 .nav-menu li:hover a:before{left:0;opacity:1;filter:Alpha(Opacity=1)}
.header-3 .nav-menu li.active:hover a:before{display:none}
.header-3 .nav-menu li > .dropdown{display:none}
.header-3 .social-icons{position:absolute;width:100%;bottom:10px;text-align:center}
.header-3 .social-icons li{display:inline-block}
.header-3 .social-icons li a{font-size:14px;display:block;margin:0 5px}
.header-3.dark-header .social-icons li a{color:rgba(255,255,255,0.1)}
.header-3.light-header .social-icons li a{color:#222}




.section-home.dark-section{background-color:#2B4250}




.section-home.light-section{background-color:#fff}
.section-home.one-slide{overflow:hidden}
.section-home.light-section p{color:#444}
.section-home .container{z-index:11;position:relative}
.section-home .home-slider-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}
.home-slider-bg .item,.home-slider-bg .owl-wrapper-outer,.home-slider-bg .owl-wrapper,.home-slider-bg .owl-item{width:100%;height:100%}
.home-slider-bg .item,.home-slider .item{-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important}
.home-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}
.section-home .home-slider .container{position:absolute;width:100%}
.home-slider .item,.home-slider .owl-wrapper-outer,.home-slider .owl-wrapper,.home-slider .owl-item{width:100%;height:100%}
.home-slider .owl-pagination{position:absolute;bottom:15px;left:0;width:100%;text-align:center;z-index:12}
.dark-section .home-slider .owl-pagination .owl-page span{border:1px solid #fff}
.dark-section .home-slider .owl-pagination .owl-page.active span,.dark-section .home-slider .owl-pagination .owl-page:hover span{background-color:#fff}
.home-slider .owl-buttons div{position:absolute;width:30%;top:0;z-index:1;margin:0!important;text-indent:9999px;overflow:hidden;padding:0!important;opacity:1!important;filter:Alpha(Opacity=1)!important;border-radius:0!important;background-color:transparent!important;transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out}
.light-section .home-slider .owl-buttons div{cursor:url(../images/icons/mouse-dark.png),auto!important;cursor:url(../images/icons/mouse-dark.png),auto!important}
.dark-section .home-slider .owl-buttons div{cursor:url(../images/icons/mouse-light.png),auto!important}
.home-slider .owl-buttons div.owl-prev{left:0;height:100%}
.home-slider .owl-buttons div.owl-next{right:0;height:100%}
.youtube-video.light-section .section-overlay{background-color:rgba(255,255,255,0.6)}
.yt-player-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}
.video-controls{position:absolute;bottom:20px;z-index:12;width:100%;text-align:center}
.video-controls a{margin:0 2px;display:inline-block}
.video-controls a i{font-size:14px;display:block;width:36px;height:36px;line-height:36px;border-radius:50%;text-align:center;color:#2B4250;background-color:#fff;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.video-controls a:hover i{color:#fff;background-color:#2B4250}
.btn-sys{font-weight:400;overflow:hidden;position:relative;display:inline-block;text-transform:uppercase;margin-right:8px;margin-bottom:15px;letter-spacing:1.5px;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.btn-sys i{position:relative;top:1px}
.btn-sys.btn-crv{border-radius:2px}
.btn-sys.btn-mini{font-size:11px;padding:4px 17px}
.btn-sys.btn-mini i{font-size:12px}
.btn-sys.btn-mini.btn-border{padding:3px 18px}
.btn-sys.btn-small{font-size:11px;padding:6px 20px}
.btn-sys.btn-small i{font-size:12px}
.btn-sys.btn-small.btn-border{padding:5px 20px}
.btn-sys.btn-medium{font-size:13px;padding:8px 22px}
.btn-sys.btn-medium.btn-border{padding:7px 22px}
.btn-sys.btn-medium i{font-size:14px}
.btn-sys.btn-large{font-size:13px;padding:10px 26px}
.btn-sys.btn-large.btn-border{padding:9px 26px}
.btn-sys.btn-large i{font-size:14px}
.btn-sys.btn-border{border:1px solid;background-color:transparent}
.btn-light{color:#2B4250;background-color:#fff}
.btn-light:hover{color:#fff !important;background: rgba(8,176,156,1);
background: -moz-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(8,176,156,1)), color-stop(100%, rgba(18,60,243,1)));
background: -webkit-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: -o-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: linear-gradient(135deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08b09c', endColorstr='#133cf3', GradientType=1 );
border-color:#31B89E!important;}
.btn-border.btn-light:after{content:"";height:200%;width:35%;position:absolute;z-index:1;right:0;top:0;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.15);transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.btn-border.btn-light{color:#fff;border-color:#fff}
.btn-border.btn-light:hover{color:#2B4250;background-color:#fff}
.btn-border.btn-light:hover:after{right:0}
.btn-dark{color:#fff;background-color:#2B4250}
.btn-dark:hover{color:#fff}
.btn-dark:after{content:"";height:200%;width:35%;position:absolute;z-index:1;right:0;top:0;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.1);transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.btn-dark:hover:after{width:50%;background:rgba(255,255,255,0.14)}
.btn-border.btn-dark{color:#2B4250;border-color:#2B4250}
.btn-border.btn-dark:hover{color:#fff;background-color:#2B4250}
.btn-border.btn-dark:hover:after{right:0}
.btn-gray{color:#fff;background-color:#c2c2c2}
.btn-gray:hover{color:#fff}
.btn-gray:after{content:"";height:200%;width:35%;position:absolute;z-index:1;right:0;top:0;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.1);transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.btn-gray:hover:after{width:50%;background:rgba(255,255,255,0.14)}
.btn-border.btn-gray{color:#c2c2c2;border-color:#c2c2c2}
.btn-border.btn-gray:hover{color:#fff;background-color:#c2c2c2}
.btn-border.btn-gray:hover:after{right:0}
.btn-color{color:#fff}
.btn-color:hover{color:#fff}
.btn-color:after{content:"";height:220%;width:35%;position:absolute;z-index:1;right:0;top:10%;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);background:rgba(255,255,255,0.15);transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.btn-color:hover:after{width:50%;background:rgba(255,255,255,0.2)}
.btn-border.btn-color:hover{color:#fff}
.btn-border.btn-color:hover:after{right:0}
.counter{opacity:0;display:inline-block;text-align:center}
.counter > span{display:block}
.counter .counter-icon{opacity:.8;filter:Alpha(Opacity=0.8);line-height:100%;margin-bottom:10px;transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out}
.counter:hover .counter-icon{opacity:1;filter:Alpha(Opacity=1)}
.counter .counter-icon i{font-size:30px}
.counter .num-counter{font-size:40px;height:40px;line-height:40px;margin-bottom:6px;text-align:center;display:inline-block!important}
.light-section .counter .num-counter{color:#2B4250}
.counter h5{font-size:12px;letter-spacing:2px;line-height:18px;text-transform:uppercase;font-weight:400}
.light-section .counter h5{color:#2B4250}
.image-notes{max-width:100%;display:inline-block;position:relative}
.image-notes .img-note{position:absolute}
.image-notes .img-note .note-marker{display:inline-block;cursor:help;width:10px;height:10px;border-radius:50%;position:relative;z-index:20;-webkit-animation:note-marker 1s linear infinite;-moz-animation:note-marker 1s linear infinite;-ms-animation:note-marker 1s linear infinite;-o-animation:note-marker 1s linear infinite;animation:note-marker 1s linear infinite}
@-webkit-keyframes note-marker {
0%{-webkit-transform:scale(1)}
30%{-webkit-transform:scale(0.8)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes note-marker {
0%{-moz-transform:scale(1)}
30%{-moz-transform:scale(0.8)}
100%{-moz-transform:scale(1)}
}
@-o-keyframes note-marker {
0%{-o-transform:scale(1)}
30%{-o-transform:scale(0.8)}
100%{-o-transform:scale(1)}
}
@keyframes note-marker {
0%{transform:scale(1)}
30%{transform:scale(0.8)}
100%{transform:scale(1)}
}
.image-notes .img-note .note-marker:after{position:absolute;top:-4px;left:-4px;width:18px;height:18px;content:"";display:block;border-radius:50%;border:2px solid}
.image-notes .img-note .img-note-content{text-align:center;position:absolute;bottom:100%;left:50%;width:300px;opacity:0;filter:Alpha(Opacity=0);visibility:hidden;border-radius:4px;margin-bottom:20px;margin-left:-150px;border:1px solid;z-index:21;padding:12px 12px 14px;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.image-notes .img-note:hover .img-note-content{opacity:1;filter:Alpha(Opacity=1);visibility:visible;margin-bottom:15px}
.image-notes .img-note .img-note-content:after{content:"";width:6px;height:6px;position:absolute;top:100%;left:50%;margin-left:-3px;margin-top:-3px;display:block;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
.image-notes .img-note .img-note-content h5{margin-bottom:3px}
.image-notes .img-note.light-note .img-note-content{border-color:rgba(0,0,0,.1);background-color:#fff}
.image-notes .img-note.light-note .img-note-content:after{box-shadow:1px 1px 0 rgba(0,0,0,.1);background-color:#fff}
.image-notes .img-note.light-note .img-note-content p{color:#777}
.image-notes .img-note.dark-note .img-note-content{border-color:#fff;background-color:#2B4250}
.image-notes .img-note.dark-note .img-note-content:after{box-shadow:1px 1px 0 rgba(255,255,255,1);background-color:#2B4250}
.image-notes .img-note.dark-note .img-note-content p{color:#666}
.alert{border-radius:0;padding:10px 14px;margin-bottom:14px;border:0}
.alert-success{background-color:#D0F9BA}
.alert-info{background-color:#C1E0FF}
.alert-warning{background-color:#FFF1C1}
.alert-danger{background-color:#FFC4C4}
.dropcaps{font-family: 'Titillium Web', sans-serif;font-size:22px;font-weight:600;display:inline-block;float:left;width:36px;height:36px;position:relative;top:5px;line-height:36px;text-align:center;margin-right:8px}
.dr-style1{color:#fff;background-color:#2B4250}
.dr-style2{line-height:34px;border:2px solid}
.dr-crv{border-radius:2px}
.dr-crc{border-radius:50%}
.dr-style1.dr-dark{background-color:#2B4250}
.dr-style2.dr-dark{border-color:#2B4250;color:#2B4250}
ul.nav-tabs{list-style:none;border-bottom:1px solid #eee}
ul.nav-tabs li{padding:0;display:inline-block;float:inherit}
ul.nav-tabs li a{font-family: 'Titillium Web', sans-serif;display:block;font-size:13px;letter-spacing:1px;font-weight:600;text-transform:uppercase;padding:0 0 6px;border:0!important;color:#333;background-color:transparent!important;margin-right:20px}
ul.nav-tabs li a:hover{color:#2B4250}
ul.nav-tabs li.active a{border-bottom:1px solid!important}
ul.nav-tabs li a i{font-size:12px}
.tab-pane{padding:14px 0 0}
.collapse-group .panel{margin-bottom:6px;padding-bottom:6px;background-color:transparent;border-bottom:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}
.collapse-group .panel-collapse .collapse-body{padding:10px 0 0}
.collapse-group .collapse-heading h4{font-size:13px;font-weight:600;margin-bottom:0!important;text-transform:uppercase}
.collapse-group .collapse-heading h4 a{display:block}
.collapse-group .collapse-heading h4 a.collapsed{color:#333}
.collapse-group .collapse-heading h4 a.collapsed:hover{color:#2B4250}
.collapse-group .collapse-heading h4 a .toggle-icon{display:inline-block;position:relative;text-align:center;margin-left:12px;border-radius:1px;line-height:22px;width:20px;height:20px;color:#31B89E;top:1px;font-size:20px;background:none !important;float:right;}
.collapse-group .collapse-heading h4 a .toggle-icon i{display:block;line-height:20px;transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transition:all .3s ease-in-out;-moz-transition:background-color .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.collapse-group .collapse-heading h4 a.collapsed .toggle-icon i{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0)}
.collapse-group .collapse-heading h4 a.collapsed .toggle-icon{color:#ccc}
.collapse-group .collapse-heading h4 a.collapsed:hover .toggle-icon{background-color:none}

.progress{background-color:#fff;border-radius:2px;height:8px;-webkit-box-shadow:none;box-shadow:none}
.progress-label{font-size:12px;color:#666;font-weight:600;margin-bottom:2px}
.progress-label span{color:#888;font-size:11px;font-weight:300}
.progress-label span:before{content:"- "}
.progress-bar{-webkit-box-shadow:none;box-shadow:none;position:relative}
.progress-bar-dark{background-color:#2B4250}
.progress-bar-success,.label-success{background-color:#B1DD2F}
.progress-bar-info,.label-info{background-color:#50b1e7}
.progress-bar-warning,.label-warning{background-color:#F2C438}
.progress-bar-danger,.label-danger{background-color:#F24C27}
.icon-box-left-side .icon-side{float:left}
.icon-box-left-side.icon-style1 .icon-side{font-size:28px;margin-top:2px}
.icon-box-left-side.icon-style1.dark-icon .icon-side{color:#2B4250}
.icon-box-left-side.icon-style2 .icon-side{position:relative;font-size:1.4em;width:46px;height:46px;color:#fff;text-align:center;line-height:46px;border-radius:50%;overflow:hidden}
.icon-box-left-side.icon-style2.dark-icon .icon-side{background-color:#2B4250}
.icon-box-left-side.icon-style2 .icon-side::after{content:"";position:absolute;top:-40%;right:-50%;width:100%;height:150%;background-color:rgba(255,255,255,0);transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out}
.icon-box-left-side.icon-style2:hover .icon-side::after{background-color:rgba(255,255,255,0.22)}
.icon-box-left-side.icon-style2.dark-icon:hover .icon-side::after{background-color:rgba(255,255,255,0.1)}
.icon-box-left-side.icon-style1 .box-content{margin-left:48px}
.icon-box-left-side.icon-style2 .box-content{margin-left:60px}
.icon-box-left-side .box-content h4{margin-bottom:6px!important;font-size:16px;font-weight:600;letter-spacing:0;text-transform:uppercase}
.service-box{margin-bottom:40px}
.service-box > i{display:inline-block}
.service-box h4{text-transform:uppercase;margin-bottom:8px; font-size:13px;}
.service-box .more-link{display:inline-block;margin-top:8px;color:#444}
.service-box .more-link i{position:relative;top:2px}
.service-box{text-align:center}
.service-box.style-1 > i{color:#fff;width:100px;height:100px;font-size:32px;line-height:104px;border-radius:50%;margin-bottom:10px;position:relative;overflow:hidden;background-color:#ddd;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.service-box.style-1:hover > i{color:#fff;transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9)}
.service-box.style-1 > i::after{content:"";position:absolute;top:-40%;right:-50%;width:100%;height:150%;background-color:rgba(255,255,255,0);transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out}
.service-box.style-1:hover > i::after{background-color:rgba(255,255,255,0.22)}
.service-box p{margin-bottom:0!important}
.service-box.style-2{text-align:center}
.service-box.style-2 h4{margin-bottom:5px}
.service-box.style-2 i{color:#fff;width:44px;height:44px;font-size:20px;border-radius:2px;line-height:45px;margin-bottom:10px;position:relative;overflow:hidden;top:0;transition:top .3s ease-in-out;-moz-transition:top .3s ease-in-out;-webkit-transition:top .3s ease-in-out;-o-transition:top .3s ease-in-out}
.service-box.style-2.dark-icon i{background-color:#2B4250}
.service-box.style-2:hover i{top:-10px}
.service-box.style-2 i::after{content:"";display:block;position:absolute;right:-10px;top:-20px;width:30px;height:100px;background-color:rgba(255,255,255,0);transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transition:background-color .4s ease-in-out;-moz-transition:background-color .4s ease-in-out;-webkit-transition:background-color .4s ease-in-out;-o-transition:background-color .4s ease-in-out}
.service-box.style-2:hover i::after{background-color:rgba(255,255,255,0.2)}
.service-box.style-2.dark-icon:hover i::after{background-color:rgba(255,255,255,0.1)}
.service-box.style-2 i span{display:block;position:absolute;left:50%;bottom:-2px;width:4px;height:4px;margin-left:-2px;background-color:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.service-box.style-3{text-align:center}
.service-box.style-3 h4{margin-bottom:5px}
.service-box.style-3 i{position:relative;top:0;font-size:32px;margin-bottom:10px;transition:top .3s ease-in-out;-moz-transition:top .3s ease-in-out;-webkit-transition:top .3s ease-in-out;-o-transition:top .3s ease-in-out}
.service-box.style-3.dark-icon i{color:#2B4250}
.service-box.style-3:hover i{top:-5px}
.action-section{text-align:center;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.action-section > a{display:block;padding:50px 30px 46px}
.action-section h1,.action-section h2,.action-section h3{text-transform:uppercase;margin:0;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.action-section.dark-section{background-color:#2B4250}
.action-section.light-section{background-color:#fff}
.action-section.light-section:hover h1,.action-section.light-section:hover h2,.action-section.light-section:hover h3{color:#fff}
.clients-carousel,.testimonials-carousel{padding:0 45px}
.clients-carousel .item{opacity:1;filter:Alpha(Opacity=1);transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.clients-carousel:hover .item{opacity:.5;filter:Alpha(Opacity=0.5)}
.clients-carousel:hover .item:hover{opacity:1;filter:Alpha(Opacity=1)}
.clients-carousel,.testimonials-carousel{position:relative}
.clients-carousel .owl-buttons div,.testimonials-carousel .owl-buttons div{position:absolute;top:50%;width:20px;height:40px;display:block;margin:-20px 0 0!important;padding:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;background:none!important;filter:Alpha(Opacity=0.5)!important;opacity:.5!important;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.clients-carousel .owl-buttons div:hover,.testimonials-carousel .owl-buttons div:hover{filter:Alpha(Opacity=1)!important;opacity:1!important}
.testimonials-carousel .item{text-align:center;padding:0 60px}
.testimonials-carousel .quote-content{padding:10px 0}
.testimonials-carousel .quote-content q{font-family: 'Titillium Web', sans-serif;font-size:18px;line-height:24px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;}
.testimonials-carousel .quote-author{font-size:13px;letter-spacing:1px;text-transform:uppercase;line-height:30px;}
.testimonials-carousel .quote-author a{background:#31B89E; padding:2px 15px; color:#fff; border-radius:3px; }
.testimonials-carousel .quote-author a:hover {background:#2B4250;}
.dark-section .testimonials-carousel .quote-content{color:#fff}
.dark-section .testimonials-carousel .quote-author{color:#eee}
.dark-section .clients-carousel .owl-buttons div.owl-prev,.dark-section .testimonials-carousel .owl-buttons div.owl-prev{left:0;background:url(../images/icons/prev.png) no-repeat!important}
.dark-section .clients-carousel .owl-buttons div.owl-next,.dark-section .testimonials-carousel .owl-buttons div.owl-next{right:0;background:url(../images/icons/next.png) no-repeat!important}
.light-section .testimonials-carousel .quote-author,.light-section .testimonials-carousel .quote-content{color:#2B4250}
.light-section .clients-carousel .owl-buttons div.owl-prev,.light-section .testimonials-carousel .owl-buttons div.owl-prev{left:0;background:url(../images/icons/prev-dark.png) no-repeat!important}
.light-section .clients-carousel .owl-buttons div.owl-next,.light-section .testimonials-carousel .owl-buttons div.owl-next{right:0;background:url(../images/icons/next-dark.png) no-repeat!important}




.portfolio-filters{text-align:center;padding:10px 0 20px}
.portfolio-filters a{display:inline-block;font-family: 'Titillium Web', sans-serif;color:#444;font-size:11px;font-weight:300;letter-spacing:1px;text-transform:uppercase}
.portfolio-filters a:after{content:"/";color:#666;margin:0 12px}
.portfolio-filters a:last-child:after{display:none}
.dark-section .portfolio-filters a,.dark-section .portfolio-filters a:after{color:#bbb}
#portfolio-grid .portolio-item{overflow:hidden;cursor:pointer}
#portfolio-grid .portolio-item .portfolio-img img{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transform:scale(1.1)}
#portfolio-grid .portolio-item:hover .portfolio-img img{-webkit-transform:scale(1)}
#portfolio-grid .portolio-item .portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
#portfolio-grid .portolio-item:hover .portfolio-overlay{background-color:#fff}
#portfolio-grid .portolio-item .portfolio-details{position:absolute;top:50%;left:0;width:100%;margin-top:-15px;text-align:center;opacity:0;filter:Alpha(Opacity=0);text-transform:uppercase;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
#portfolio-grid .portolio-item .portfolio-details h4{position:relative;right:-22px;color:#2B4250;opacity:0;filter:Alpha(Opacity=0);font-weight:600;line-height:16px;letter-spacing:1px;transition:all .4s ease .2s;-moz-transition:all .4s ease .2s;-webkit-transition:all .4s ease .2s;-ms-transition:all .4s ease .2s;-o-transition:all .4s ease .2s}
#portfolio-grid .portolio-item:hover .portfolio-details h4{right:0;opacity:1;filter:Alpha(Opacity=1)}
#portfolio-grid .portolio-item .portfolio-details span{position:relative;left:-15px;font-size:11px;color:#555;opacity:0;filter:Alpha(Opacity=0);letter-spacing:1px;transition:all .4s ease .3s;-moz-transition:all .4s ease .3s;-webkit-transition:all .4s ease .3s;-ms-transition:all .4s ease .3s;-o-transition:all .4s ease .3s}
#portfolio-grid .portolio-item:hover .portfolio-details span{left:0;opacity:1;filter:Alpha(Opacity=1)}
#portfolio-grid .portolio-item:hover .portfolio-details{opacity:1;filter:Alpha(Opacity=1)}
.project-window{width:100%}
.project-window .expander-arrows{padding:21px 0;text-align:center}
.project-window .expander-arrows div{display:inline-block;cursor:pointer;margin:0 3px}
.project-window .expander-arrows div i{font-size:16px;display:block;width:36px;height:36px;color:#2B4250;line-height:36px;border-radius:50%;border:1px solid #2B4250;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.project-window .expander-arrows div:hover i{color:#fff;background-color:#2B4250;border-color:#2B4250}
.project-window .project-wrap{padding-bottom:30px}
.project-window .project-thumb{margin-bottom:22px}
.project-window .project-sidebar .project-thumb{margin-bottom:0}
.project-window .project-gallery .gallery-top{margin-bottom:4px;padding:0 2px}
.project-window .project-gallery .gallery-bottom .item{margin:0 2px;cursor:pointer;overflow:hidden;transition:top .4s ease-in-out;-moz-transition:top .4s ease-in-out;-webkit-transition:top .4s ease-in-out;-o-transition:top .4s ease-in-out}
.project-window .project-gallery .gallery-bottom .owl-item.active .item{position:relative;cursor:default}
.project-window .project-gallery .gallery-bottom .owl-item .item:before{content:"";display:block;position:absolute;top:-8px;left:50%;width:8px;height:8px;margin-left:-4px;background-color:transparent;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:background-color .4s ease-in-out,top .4s ease-in-out;-moz-transition:background-color .4s ease-in-out;-webkit-transition:background-color .4s ease-in-out,top .4s ease-in-out;-o-transition:background-color .4s ease-in-out}
.project-window .project-gallery .gallery-bottom .owl-item.active .item:before{top:-4px;background-color:#fff}
.project-window .project-gallery .gallery-bottom .owl-item .item:after{content:"";display:block;position:absolute;top:-50%;right:-50%;width:90%;height:200%;transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transition:background-color .4s ease-in-out;-moz-transition:background-color .4s ease-in-out;-webkit-transition:background-color .4s ease-in-out;-o-transition:background-color .4s ease-in-out}
.project-window .project-gallery .gallery-bottom .owl-item.active .item:after{background-color:rgba(255,255,255,0.35)}
.project-window .info-project{position:relative}
.project-window .project-options{position:absolute;right:0;top:0}
.project-window .project-options .likes-counter{display:inline-block;cursor:pointer;position:relative;width:32px;height:32px;color:#FF5559;text-align:center;border:1px solid #FF5559;border-radius:50%;opacity:.8;filter:Alpha(Opacity=0.8);margin-left:15px;transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out}
.project-window .project-options .likes-counter:hover{opacity:1;filter:Alpha(Opacity=1)}
.project-window .project-options .likes-counter span{position:absolute;left:0;bottom:-26px;width:100%;opacity:0;filter:Alpha(Opacity=0);font-size:11px;text-align:center;transition:opacity .3s ease-in-out,bottom .3s ease-in-out;-moz-transition:opacity .3s ease-in-out,bottom .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out,bottom .3s ease-in-out;-o-transition:opacity .3s ease-in-out}
.project-window .project-options .likes-counter:hover span{bottom:-21px;opacity:1;filter:Alpha(Opacity=1)}
.project-window .project-options .likes-counter i{font-size:10px;line-height:32px}
.project-window .project-options .social-share{display:inline-block;position:relative;top:2px}
.project-window .project-options .social-share a{display:inline-block;margin-left:12px}
.project-window .project-options .social-share a i{font-size:12px;color:rgba(0,0,0,0.22);transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out}
.project-window .project-options .social-share a:hover i{color:rgba(0,0,0,0.92)}
.project-window .title-project{text-transform:uppercase;font-weight:600;color:#2B4250;letter-spacing:1px}
.project-window .cat-project{margin-bottom:8px;margin-top:-1px;position:relative;color:#444;font-size:11px;text-transform:uppercase}
.project-window .cat-project span:after{content:"/";color:#888;margin:0 4px 0 6px}
.project-window .cat-project span:last-child:after{display:none}
.project-window .meta-project{border-top:1px solid rgba(0,0,0,.08);margin-top:16px;padding-top:10px;font-size:11px}
.project-window .project-wrap .meta-project ul li{display:inline-block;margin-right:15px}
.project-window .meta-project ul li span:after{content:","}
.project-window .meta-project ul li span:last-child:after{display:none}
.project-window .project-content p{margin-bottom:6px}

.blog-container{border-bottom:1px solid #eee}
.blog-container:last-child{border-bottom:none;}
.no-sidebar .pagination{width:100%;text-align:center;margin-bottom:55px;margin-top:25px}
.pagination {clear:both;display:block;}
.pagination a,.pagination span{font-size:12px;padding:0 10px;color:#aaa;border-radius:2px;font-weight:600;line-height:30px;height:30px;margin-right:2px;text-align:center;display:inline-block;border:1px solid #ddd;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.pagination span {border:1px solid #31B89E; color:#31B89E!important;}
.pagination a i{position:relative;font-size:16px;top:0;}
.pagination span{color:#888}
.standard-layout .post{position:relative;margin-bottom:70px}
.standard-layout .post-right{padding-left:62px}
.post-thumb{margin-bottom:18px;overflow:hidden}
.standard-layout .post-head{margin-bottom:18px}
.standard-layout .post-head q{font-family: 'Titillium Web', sans-serif;color:#2B4250;position:relative;display:block;font-size:16px;line-height:26px;font-weight:600;margin-bottom:4px;letter-spacing:1px;cursor:pointer;text-transform:uppercase;transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out}
.standard-layout .post-head q::before{position:absolute;left:-12px;top:0}
.standard-layout .post-head q a{color:#2B4250}
.post-head h3{font-weight:600;line-height:32px; font-size:25px; letter-spacing:0;}
.post-head h3 a{color:#2B4250}
.post-head .post-meta{list-style:none}
.post-head .post-meta li{display:inline-block;font-size:13px;}
.post-head .post-meta li a {color:#31B89E; }
.post-head .post-meta li:after{content:"/";margin:0 6px 0 8px;color:#eee;}
.post-head .post-meta li:last-child:after{display:none}
.standard-layout .post-head .post-meta li,.standard-layout .post-head .post-meta li a{color:#333}
.standard-layout .post-date{position:absolute;left:0;top:4px;color:#fff;text-align:center;padding:12px 7px;border-radius:2px;background-color:#2B4250;transition:background-color .3s ease-in-out;-moz-transition:background-color .3s ease-in-out;-webkit-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out}
.standard-layout .post-date .day{font-size:20px;line-height:16px;margin-bottom:3px;display:block;font-weight:600}
.standard-layout .post-date .month{font-size:14px;line-height:14px;display:block;font-weight:600}
.standard-layout .post .more-link{margin-top:12px}
.post .read-more{letter-spacing:1px;text-transform:uppercase;font-size:11px;color:#2B4250}
.standard-layout .pagination{position:relative;top:-30px;padding-left:62px;margin-bottom:25px}
.post .gallery-slider{position:relative;overflow:hidden;cursor:grab!important;cursor:-moz-grab!important;cursor:-webkit-grab!important}
.post .gallery-slider .owl-controls{margin:0}
.post .gallery-slider .owl-buttons > div{position:absolute;top:50%;color:#2B4250;margin:0;opacity:.9;margin-top:-17px;filter:Alpha(Opacity=90);background-color:#fff;transition:left .2s ease-in-out,right .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:left .2s ease-in-out,right .2s ease-in-out,opacity .2s ease-in-out;-webkit-transition:left .2s ease-in-out,right .2s ease-in-out,opacity .2s ease-in-out;-o-transition:left .2s ease-in-out,right .2s ease-in-out,opacity .2s ease-in-out}
.post .gallery-slider .owl-buttons > div i{font-size:14px;position:relative;top:2px}
.post .gallery-slider .owl-buttons .owl-prev{left:-10px;padding:6px 10px 6px 20px;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}
.post .gallery-slider .owl-buttons .owl-prev:hover{left:0}
.post .gallery-slider .owl-buttons .owl-next{right:-10px;padding:6px 20px 6px 10px;-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}
.post .gallery-slider .owl-buttons .owl-next:hover{right:0}
.masonry-layout .post{width:29%;padding:19px 18px 10px;border-radius:2px;margin-bottom:3.5%;border:1px solid #eee;transition:border-color .5s ease-in-out;-moz-transition:border-color .5s ease-in-out;-webkit-transition:border-color .5s ease-in-out;-o-transition:border-color .5s ease-in-out}
.masonry-layout .masonry-post:hover{border-color:#e2e2e2}
.masonry-layout .post-thumb{margin-bottom:18px}
.masonry-layout .post-head{margin-bottom:10px}
.masonry-layout .post-head q{position:relative;font-family: 'Titillium Web', sans-serif;font-size:14px;line-height:22px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;display:block}
.masonry-layout .post-head q::before,.masonry-layout .post-head q::after{display:none}
.masonry-layout .post-head q a{color:#fff;border-radius:2px;display:block;padding:12px 17px;background-color:#2B4250;transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out}
.masonry-layout .post-head q a i{color:rgba(255,255,255,0.08);font-size:4em;position:absolute;bottom:-10px;right:15px;z-index:39}
.masonry-layout .post-head .post-meta,.masonry-layout .post-head .post-meta li a{color:#a8a8a8}
.masonry-layout .post-bottom{color:#a8a8a8;font-size:11px;margin-top:18px;padding-top:8px;border-top:1px solid #f2f2f2}
.masonry-layout .post-bottom .read-more{float:right}
.sidebar{padding-left:0}
.sidebar a{color:#666}
.sidebar .widget{margin-bottom:40px}
.widget .widget-heading h4{font-size:17px;font-weight:700;margin-bottom:10px;text-transform:uppercase}
.widget .widget-heading h3{margin-bottom: 12px;padding-bottom: 8px;border-bottom: 1px solid #eee;}
.widget .widget-heading h3 span {
	padding-bottom: 8px;
	border-bottom: 1px solid #31B89E;

}
.widget-categories ul,.widget-recent-posts ul{list-style:none}
.sidebar .widget-categories ul li{font-size:15px;padding:7px 0 7px 15px;position:relative;}
.sidebar .widget-categories ul li:before{content:"\f105";font-family:'FontAwesome';color:#31B89E;position:absolute;top:7px;left:0;font-size:14px}
.widget-recent-posts ul li{font-size:15px;line-height:20px;padding:10px 0;border-bottom:1px solid #f4f4f4}
.widget-recent-posts ul li:last-child {border-bottom:none;}
.widget-recent-posts ul li span{font-size:11px;display:block;color:#aaa}
.widget-categories ul li .icon-arrow-right11,.widget-recent-posts ul li .icon-arrow-right11{position:relative;top:1px;color:#2B4250;margin-right:5px}
.widget-search .search-box{position:relative}
.widget-search .search-box input{margin-bottom:0}
.widget-search .search-box .search-button{position:absolute;right:0;top:0;width:36px;height:100%;border:0;padding:0;color:#2B4250;outline:0;font-size:14px;line-height:37px;text-align:center;background-color:transparent;transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out}
.widget-tags a{border:1px solid #eee;display:inline-block;border-radius:2px;font-size:13px;color:#888;padding:3px 10px;margin:0 2px 6px 0;text-transform:capitalize;transition:border-color .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out;-moz-transition:border-color .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out;-webkit-transition:border-color .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out;-o-transition:border-color .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out}
.widget-tags a:hover{color:#fff!important}
#footer{padding:75px 0 ;text-align:center;background-color:#2B4250;margin-top:-5px;}
#goTop{display:block;position:absolute;bottom:0;left:50%;width:34px;height:30px;line-height:34px;font-size:16px;color:rgba(255,255,255,.33);border-radius:2px 2px 0 0;margin-left:-17px;background-color:transparent;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;z-index:50;}
#goTop:hover {background: rgba(8,176,156,1);
background: -moz-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(8,176,156,1)), color-stop(100%, rgba(18,60,243,1)));
background: -webkit-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: -o-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: linear-gradient(135deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08b09c', endColorstr='#133cf3', GradientType=1 );}
#footer .logo-img{margin-bottom:5px}
#footer .logo-img img{max-height:150px; margin-bottom:20px;}
#footer .copyright{font-size:13px;font-weight:500;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase; color:rgba(255,255,255,.5)}
#footer .copyright a {color:#fff; padding:0 5px;}
#footer .copyright a:hover {color:#31B89E}
#footer .social-icons ul{list-style:none;margin-top:10px;}
#footer .social-icons ul li{display:inline-block}
#footer .social-icons ul li a{font-size:16px;display:block;margin:10px 3px; width:42px; line-height:42px; height:42px; border:1px solid rgba(255,255,255,.1);border-radius:50%; color:#fff;}
#footer .social-icons ul li a:hover {color:#fff !important; background: rgba(8,176,156,1);
background: -moz-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(8,176,156,1)), color-stop(100%, rgba(18,60,243,1)));
background: -webkit-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: -o-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
background: linear-gradient(135deg, rgba(8,176,156,1) 0%, rgba(18,60,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08b09c', endColorstr='#133cf3', GradientType=1 );
border:1px solid transparent;}
#footer.light-section{background-color:#fff}




@media (max-width: 991px) {
	#portfolio-grid .portolio-item{width:32%!important;}
	.service-wrap .col-md-3{width:48%!important; float:left;}
	.key-service{max-height:100%!important;}	
	.key-service:hover .key-service-details{bottom:0!important;}	
	.key-person{  max-height:100%!important; }
	.key-person:hover .key-person-details { position:relative;bottom:0!important;}

	
}
@media (max-width: 768px) {
	#portfolio-grid .portolio-item{width:48%!important;}
	.team .nav-tabs > li {width:24%!important;}
	.page-header h2,.page-header h2 span {font-size: 30px;line-height:35px;}
	.page-header p {width:100%;}
	.sidebar {padding-left:15px;}
	.light-s li div {display:none;}
	.popup-form {width:60%!important;}
	.header-bg .nav-menu ul > li > a {color:#fff !important;}
	.career-nmb {display:none;}
	.page-header p br {display:none}
	.services .nav-tabs > li {width:23%!important;}
	.key-person{  max-height:100%!important; }
	.key-person:hover .key-person-details { position:relative;bottom:0!important;}

}
@media only screen and (max-width: 479px) {
	#portfolio-grid .portolio-item{width:98%!important;}	
	.service-wrap .col-md-3{width:100%!important; float:left;}
	.location ul.nav-tabs li a {font-size:11px!important; }
	.location .nav-tabs > li {width:30%!important; }
	.team .nav-tabs > li {width:23%!important;}
	.team .nav-tabs > li.active:before {display:none;}
	.team .tab-content {padding:0!important;}
	.team ul.nav-tabs li a img {margin:0 auto!important;}
	.news-carousel{padding:0!important;}
	.pro-carousel{padding:0!important;}
	.pro-carousel .owl-buttons {display:none}
	.news-carousel .owl-buttons {display:none}
	.play-icon{border:1px solid #fff;height:50px!important;line-height:50px!important;width:50px!important;top:30%!important;}
	.play-icon i{font-size:20px!important;color:#fff;margin:0 18px!important;}
	.standard-layout .post-right {padding-left:0;}
	.standard-layout .post-date {top:-60px;}
	.standard-layout .pagination {padding-left:0;}
	.popup-form {width:100%!important;}
	.header-title-cta h1 {font-size:30px !important; line-height:35px!important;}
	.header-title h1 {font-size:30px !important; line-height:35px!important;}
	.fit-text {font-size:35px!important;  line-height:40px!important; }
	.section-home p br {display:none;}
	.section-home img {max-height:100px;}
	.section-home p {line-height:20px; font-size:14px;}
	.services .nav-tabs > li {width:23%!important;}
	.services ul.nav-tabs li a img {max-height:30px!important;}
	.services ul.nav-tabs li a span {display:none;}
	.services .tab-content h2 {display:block!important;}
	.services .tab-content {padding:0!important;}
	.services .nav-tabs > li.active:before {bottom:-10px!important;}
	.services ul.nav-tabs {margin-bottom:10px!important;}
	.counter .num-counter {font-size: 45px!important;}
}