@font-face{font-family:icomoon;src:url(../icomoon/icomoon.eot);src:url(../icomoon/icomoon.eot#iefix) format("embedded-opentype"),url(../icomoon/icomoon.ttf) format("truetype"),url(../icomoon/icomoon.woff) format("woff"),url(../icomoon/icomoon.svg) format("svg");font-weight:400;font-style:normal}
#fh5co-wrapper{height:100%;width:100%;overflow:hidden}
#fh5co-wrapper>div{width:100%;height:100%;overflow-y:hidden}
#fh5co-page a{color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#fh5co-page a:hover{text-decoration:underline;color:#a7cdcc}
#fh5co-page a:active,#fh5co-page a:focus{outline:0}
.desc>div,.desc>p,.desc>span{color:#fff;font-size:13px;line-height: 23px}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden}

.heading-section{padding: 20px 0;}
span{font-size:18px}
::-webkit-selection{color:#fcfcfc;background:#b7c2c2}
::-moz-selection{color:#fcfcfc;background:#b7c2c2}
::selection{color:#fcfcfc;background:#b7c2c2}
#fh5co-page{position:relative;-webkit-transition:all .8s cubic-bezier(.175,.885,.32,1.275);-moz-transition:all .8s cubic-bezier(.175,.885,.32,1.275);-ms-transition:all .8s cubic-bezier(.175,.885,.32,1.275);-o-transition:all .8s cubic-bezier(.175,.885,.32,1.275);transition:all .8s cubic-bezier(.175,.885,.32,1.275);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);background:#fff}
.menu-show #fh5co-page{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}
#fh5co-main-nav{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1002;text-align:center;visibility:hidden;opacity:0;-webkit-transition:all .8s cubic-bezier(.175,.885,.32,1.275);-moz-transition:all .8s cubic-bezier(.175,.885,.32,1.275);-ms-transition:all .8s cubic-bezier(.175,.885,.32,1.275);-o-transition:all .8s cubic-bezier(.175,.885,.32,1.275);transition:all .8s cubic-bezier(.175,.885,.32,1.275);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);overflow-y:scroll}
#fh5co-main-nav .fh5co-nav-toggle{position:absolute;top:30px;right:30px;padding:20px;height:50px;width:50px;background:rgba(0,0,0,.1);line-height:0;padding:0!important;visibility:hidden;opacity:0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
#fh5co-main-nav .fh5co-nav-toggle:hover{background:rgba(0,0,0,.7)}
#fh5co-main-nav .fh5co-nav-toggle i{top:19px!important;left:0!important;margin:0!important;padding:0!important;line-height:0;text-indent:0}
#fh5co-main-nav .fh5co-nav-toggle.show{visibility:visible;opacity:1}
.menu-show #fh5co-main-nav{visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
#fh5co-main-nav ul{text-align:center;padding:50px 0 0 0;margin:0}
@media screen and (max-width:768px){#fh5co-main-nav ul{padding:20px 0 0 0}
}
#fh5co-main-nav ul li{padding:0;margin:0}
#fh5co-main-nav ul li a{display:block;width:100%;color:#fff;font-size:50px;padding:10px 0}
@media screen and (max-width:768px){#fh5co-main-nav ul li a{font-size:30px;padding:10px 0}
}
#fh5co-main-nav ul li a:hover{background:rgba(0,0,0,.4)}
#fh5co-main-nav ul li a:active,#fh5co-main-nav ul li a:focus,#fh5co-main-nav ul li a:hover{color:rgba(255,255,255,.8);outline:0;text-decoration:none}
.fh5co-table{display:table;width:100%;height:100%}
@media screen and (max-width:768px){.fh5co-table{display:block!important;height:inherit!important;width:inherit!important}
}
.fh5co-table .fh5co-table-cell{width:100%;height:100%;display:table-cell;vertical-align:middle}
@media screen and (max-width:768px){.fh5co-table .fh5co-table-cell{display:block!important;height:inherit!important;width:inherit!important}
}
.btn{text-transform:uppercase;letter-spacing:2px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.btn.btn-primary{background:#a7cdcc;color:#fff;border:none!important;border:2px solid transparent!important}
.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover{box-shadow:none;background:#a7cdcc}
.btn:active,.btn:focus,.btn:hover{background:#393e46!important;color:#fff;outline:0!important}
.btn.btn-default:active,.btn.btn-default:focus,.btn.btn-default:hover{border-color:transparent}
header{padding:4em 0}
@media screen and (max-width:768px){header{padding:2em 0}
}
header .fh5co-navbar-brand{float:left}
header .fh5co-navbar-brand .fh5co-logo{font-size:35px;text-transform:uppercase;color:#000;font-weight:300}
header .fh5co-navbar-brand .fh5co-logo:hover{text-decoration:none!important;color:#000!important}
header .fh5co-navbar-brand .fh5co-logo:active,header .fh5co-navbar-brand .fh5co-logo:focus{outline:0;text-decoration:none}
.fh5co-nav-toggle{cursor:pointer;text-decoration:none}
.fh5co-nav-toggle.active i::after,.fh5co-nav-toggle.active i::before{background:#fff}
.fh5co-nav-toggle.dark.active i::after,.fh5co-nav-toggle.dark.active i::before{background:#fff}
.fh5co-nav-toggle:active,.fh5co-nav-toggle:focus,.fh5co-nav-toggle:hover{outline:0;border-bottom:none!important}
.fh5co-nav-toggle i{position:relative;display:-moz-inline-stack;display:inline-block;zoom:1;width:30px;height:2px;color:#000;font:bold 14px/.4 Helvetica;text-transform:uppercase;text-indent:-55px;background:#000;transition:all .2s ease-out}
.menu-show .fh5co-nav-toggle i{background:#fff;color:#fff}
.fh5co-nav-toggle i::after,.fh5co-nav-toggle i::before{content:'';width:30px;height:2px;background:#000;position:absolute;left:0;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.menu-show .fh5co-nav-toggle i::after,.menu-show .fh5co-nav-toggle i::before{background:#fff}
.fh5co-nav-toggle.dark i{position:relative;color:#000;background:#000;transition:all .2s ease-out}
.fh5co-nav-toggle.dark i::after,.fh5co-nav-toggle.dark i::before{background:#000;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.fh5co-nav-toggle i::before{top:-7px}
.fh5co-nav-toggle i::after{bottom:-7px}
.fh5co-nav-toggle:hover i::before{top:-10px}
.fh5co-nav-toggle:hover i::after{bottom:-10px}
.fh5co-nav-toggle.active i{background:0 0}
.fh5co-nav-toggle.active i::before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.fh5co-nav-toggle.active i::after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
.fh5co-nav-toggle{float:right;z-index:1003;position:relative;display:block;margin:0 auto;cursor:pointer;margin-top:0}
@media screen and (max-width:768px){.fh5co-nav-toggle{display:block;top:0}
}
#fh5co-contact-section,#fh5co-intro-section,#fh5co-portfolio-section,#fh5co-services-section,#fh5co-team-section{padding-bottom:5em}
#fh5co-intro-section{margin-bottom:4em;padding-bottom:3em}
.intro-heading{font-size:50px;font-weight:300;line-height:1.5;margin-bottom:0}
@media screen and (max-width:768px){.intro-heading{font-size:30px}
}
#filters{padding:0;list-style:none}
#filters li{display:inline-block;margin-right:20px}
#filters li span{display:block;text-decoration:none;cursor:pointer;color:rgba(0,0,0,.3)}
#filters li span.active,#filters li span:focus,#filters li span:hover{color:#000!important}
#portfoliolist .portfolio{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width:33.33%;display:none;float:left;overflow:hidden}
@media screen and (max-width:992px){#portfoliolist .portfolio{width:50%!important}
}
@media screen and (max-width:768px){#portfoliolist .portfolio{width:50%!important}
}
@media screen and (max-width:480px){#portfoliolist .portfolio{width:100%!important}
}
.portfolio-wrapper{overflow:hidden;position:relative!important;cursor:pointer}
.portfolio{overflow:hidden;position:relative;z-index:1;float:left}
.portfolio img{max-width:100%;z-index:-1;position:relative;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}
.portfolio .label{position:absolute;width:100%;height:85px;bottom:-85px;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}
.portfolio .label-bg{background:#a7cdcc;width:100%;height:100%;position:absolute;top:0;left:0}
.portfolio .label-text{color:#fff;position:relative;z-index:500;padding:5px 8px}
.portfolio .label-text a{font-size:16px;font-weight:400;color:#fff;display:block;margin-bottom:10px;margin-top:15px}
.portfolio .label-text a:hover{color:#fff!important;text-decoration:none!important}
.portfolio .text-category{display:block;color:#fff;font-size:14px;text-transform:normal}
.portfolio:hover .label{bottom:0}
.portfolio:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.team-section-grid{position:relative;background-size:cover;height:300.5px;margin-bottom:30px;cursor:pointer}
.team-section-grid .overlay-section{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);opacity:0;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
.team-section-grid .overlay-section h3{color:#fff;margin-bottom:3px;font-size:20px;text-transform:uppercase;letter-spacing:3px}
.team-section-grid .overlay-section p{color:#fff; margin-bottom: 0px;}
.team-section-grid .overlay-section p.fh5co-social-icons a:focus,.team-section-grid .overlay-section p.fh5co-social-icons a:hover{text-decoration:none!important}
.team-section-grid .overlay-section p.fh5co-social-icons i{font-size:32px}
.team-section-grid .overlay-section span{color:#fff;display:block}
.team-section-grid .overlay-section .desc{position:absolute; top:10px; bottom:20px;left:13px;right:13px}
.team-section-grid:hover .overlay-section{opacity:1}
.fh5co-services i{font-size:60px;display:block;margin-bottom:40px;color:#a7cdcc}
.fh5co-services-single .fh5co-services i{font-size:80px}
.contact-info{margin-bottom:4em;padding:0}
.contact-info li{list-style:none;margin:0 0 20px 0;position:relative;padding-left:40px}
.contact-info li i{position:absolute;top:.3em;left:0;font-size:22px;color:#000}
.contact-info li a{color:#a7cdcc}
.form-control{-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;border:none;border:1px solid rgba(0,0,0,.1);font-size:18px;font-weight:300;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}
.form-control:active,.form-control:focus{box-shadow:none;border:1px solid rgba(0,0,0,.8)}
input[type=text]{height:50px}
.form-group{margin-bottom:30px}
#map{width:100%;height:500px;position:relative}
@media screen and (max-width:440px){
	.team-section-grid {height: 200.5px;}
	.team-section-grid .overlay-section .desc{left: 5px;right: 5px; top:-18px; bottom:20px;}
	.desc>div, .desc>p, .desc>span{line-height: 13px; font-size: 12px}
}
@media screen and (max-width:768px){#map{height:200px}
}
#footer{border-top:1px solid rgba(0,0,0,.06);padding:3em 0}
#footer p{font-size:16px}
#footer p:last-child{margin-bottom:0}
#footer p.fh5co-social-icons a:focus,#footer p.fh5co-social-icons a:hover{text-decoration:none!important}
#footer p.fh5co-social-icons i{font-size:32px}
#footer .social-text-align{text-align:right}
@media screen and (max-width:992px){#footer .social-text-align{text-align:left!important}
}
.heading-section h2{font-size:30px;font-weight:700;text-align: center; padding: 20px 0}
.heading-section h3{font-weight:300;line-height:1.5em}
.js .animate-box{opacity:0}
