html{font-size:1em;}
body{font-family:'Comfortaa', Arial, sans-serif;overflow-x:hidden;}
h1,h4, h2, p{font-family:'Comfortaa', Arial, sans-serif;}
h1,h4{font-weight:700;}
h2{font-size:1.5em;}
ul{margin:0;}
section{padding-top:85px;margin-top:-85px;}
section .outer_container{margin-bottom:50px;background-color:#eeeeee;}
section .row{margin-left:0;margin-right:0;overflow:hidden;}
section h1,h4{text-transform:uppercase;color:white;margin-top:0px;margin-bottom:0px;line-height:280px;text-align:center;}
.templatemo_ceo img{margin-bottom:10px;}
.templatemo_ceo p{text-align:center;}
.container{margin:0 auto;}
.center-row{display:table;}
.center-row .center{display:table-cell;vertical-align:middle;}
nav{font-size:1.2em;font-weight:lighter;}
nav .fa{display:block;text-align:center;margin-bottom:13px;}
.navbar{background:#283147;min-height:85px;border-radius:0px;border:none;margin-bottom:0px;-webkit-box-shadow:0 2px 4px rgba(1, 1, 1, 0.15);-moz-box-shadow:0 2px 4px rgba(1, 1, 1, 0.15);box-shadow:0 2px 4px rgba(1, 1, 1, 0.15);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.navbar-default .navbar-nav>li>a{padding-bottom:20px;color:white;text-transform:uppercase;-moz-transition:background-color .5s ease;-o-transition:background-color .5s ease;-webkit-transition:background-color .5s ease;transition:background-color .5s ease;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .menu ul li a.current{color:white;background-color:#394665;}
.navbar>.container .navbar-brand{margin-left:0;}
.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:0;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#394665;}
.flexslider{padding-top:85px;}
.flexslider a:hover, .flexslider a:focus{text-decoration:none;}
.flexslider{border:none;-webkit-border-radius:0;border-radius:0;}
.flexslider .slides li{position:relative;}
.flex-caption{position:absolute;left:0;right:0;bottom:0;color:white;background:rgba(82,87,87,.8);z-index:1;padding:20px;margin:0;}
#about h1{background-color:#498FC0;}
#about img{padding:0;}
#about_content{height:280px;}
#team .col-md-4{padding:5px;}
#team img{margin:0 auto;margin-bottom:15px;}
#team h1,h4{background-color:#498fc0;}
#team p{text-align:center;}
#team_content{height:280px;}
.services_buttons .icon-button:last-of-type{margin-bottom:0;}
.services_buttons .icon-button{font-size:400%;color:white;background-color:black;cursor:pointer;display:inline-block;margin-bottom:5px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;width:100%;height:100%;max-width:90px;max-height:90px;line-height:90px;}
.services_buttons .icon-button:hover, .services_buttons .icon-button.active{background-color:#008050;}
#services h1{background-color:#008050;}
#services .col-md-2{padding-right:0;}
#services .fa{line-height:90px;}
#services_content{height:280px;}
#services_content .tab-pane{padding:15px;}
#services_content a{color:#FFFFFF;}
.arrow-box{position:relative;color:white;background-color:#008050;border-radius:4px;margin-left:30px;height:100%;}
.arrow-left{display:block;width:30px;height:58px;background:url(../images/leftarrow.png) no-repeat 0 0;position:absolute;left:1px;margin-top:20px;}
.portfolio-item:hover .overlay-p{transition:all 0.3s ease-in-out 0s;visibility:visible;opacity:1;}
.portfolio-thumb .overlay-p{background-color:rgba(0, 200, 200, 0.9);position:absolute;visibility:hidden;top:0;left:0;width:100%;height:100%;opacity:0;}
.portfolio-thumb .overlay-p a{position:absolute;color:white;text-decoration:none;}
#portfolio .col-md-4{max-width:206px;}
#portfolio .row{margin:0;}
#portfolio h1{background-color:#dfa434;}
#portfolio h4{background-color:#498FC0;}
#portfolio h2{color:white;padding:8% 4% 4% 4%;margin:0;}
#portfolio p{color:white;padding:0 4% 4% 4%;margin:0;font-size:.9em;}
#portfolio_content .col-md-4{padding:0;}
.blog_post{position:relative;float:left;width:50%;}
.blog_posts_container{max-width:620px;}
.blog_post h2{position:absolute;background:#a8f662;color:white;top:0;right:0;padding:10px 20px;margin:0;text-align:center;}
#blog .col-md-7{padding-right:46px;overflow:hidden;}
#blog h1,h4{background-color:#a8f662;}
.form-group{margin-bottom:20px;}
.form-control{border-radius:0px;}
.form-control:focus{border-color:rgb(255, 0, 0);outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255, 0, 0,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255, 0, 0,0.6);}
#contact h1{background-color:#fe001a;}
#contact h4{background-color:#8799A6;}
#contact h2{text-align:center;}
#contact_content{height:280px;}
#map h1{background-color:#adcbe3;}
#google_map{width:100%;height:280px;outline:0;border:0;}
footer{background:#283147;min-height:141px;color:white;margin-top:20px;}
footer img{padding-top:30px;}
footer a{text-decoration:none;color:white;}
footer a:hover{color:#cbcbcb;text-decoration:none;}
footer .row{height:100%;}
.back_to_top{background-color:#c5454a;text-align:center;height:41px;line-height:41px;}
.social_buttons a{text-decoration:none;}
#templatemo_copyright{font-size:.9em;}
.col-md-4, .col-md-5, .col-md-7, .col-md-8{padding:0;}
.btn-primary{font-size:2em;padding-bottom:10px;background-color:rgb(226, 90, 148);box-shadow:0px 3px 0px 0px rgb(180, 52, 107);width:160px;height:55px;border:none;border-radius:0px;-moz-transition:background-color .5s ease;-o-transition:background-color .5s ease;-webkit-transition:background-color .5s ease;transition:background-color .5s ease;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{background-color:rgb(180, 52, 107);box-shadow:0px 3px 0px 0px rgb(226, 90, 148);}
@media only screen and (min-width:1200px){h1,h4{font-size:4.5em;}
.services_buttons{text-align:right;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .menu ul li a.current{height:85px;}
#about .col-md-7{padding-left:50px;}
#about .col-md-8{padding-left:20px;}
#team .col-md-7{padding-right:50px;}
#skills .col-md-7{padding-right:90px;}
#portfolio .col-md-7{padding-left:46px;}
#contact .col-md-7{padding-left:50px;}
}
@media only screen and (min-width:992px) and (max-width:1199px){h1, h4{font-size:3.5em;}
.services_buttons{text-align:right;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .menu ul li a.current{height:85px;}
#about .col-md-7{padding-left:30px;}
#about .col-md-8{padding-left:20px;}
#team .col-md-7{padding-right:30px;}
#skills .col-md-7{padding-right:30px;}
#portfolio .col-md-7{padding-left:30px;}
#contact .col-md-7{padding-left:30px;}
}
@media only screen and (min-width:768px) and (max-width:991px){h1{font-size:2.5em;}
nav{font-size:1em;}
.btn-primary{font-size:1.6em;}
.services_buttons{text-align:left;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .menu ul li a.current{height:85px;}
#about .col-md-8{padding-left:0;padding-bottom:20px;}
#about img{padding:0;margin-top:20px;margin-bottom:20px;}
#services .col-md-2, #services_content{padding-left:0;padding-top:20px;height:300px;}
#portfolio p{padding:7.3% 4%;}
#portfolio .col-md-7, #blog .col-md-7, #contact .col-md-7{padding-left:0;padding-top:20px;}
#blog .col-md-7{padding-right:0;}
}
@media only screen and (max-width:767px) and (min-width:481px){h1,h4{font-size:2.5em;}
nav .fa{display:inline;text-align:left;margin-bottom:0;margin-right:10px;}
.navbar-default .navbar-nav>li>a{padding-top:15px;padding-bottom:15px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{height:100%;}
.btn-primary{font-size:1.5em;}
.services_buttons{text-align:left;}
.services_buttons .icon-button{font-size:210%;}
.blog_post img{max-width:100%;}
#about .col-md-8{padding-left:0;padding-bottom:20px;}
#about img{padding:0;margin-top:20px;margin-bottom:20px;}
#team_content{width:100%;}
#services .col-md-2, #services_content{padding-left:0;padding-top:20px;height:300px;}
#services_tabs{padding-left:10px;}
#portfolio .col-md-7, #blog .col-md-7, #contact .col-md-7{padding-top:20px;padding-left:0;}
}
@media only screen and (max-width:480px){section h1,h4{font-size:1.6em;line-height:50px;}
nav .fa{display:inline;text-align:left;margin-bottom:0;margin-right:10px;}
.col-xxs{display:block;float:none;width:100%}
.social_buttons{margin-top:30px;}
.pull-right{float:left !important;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{height:100%;}
.navbar-default .navbar-nav>li>a{padding-top:15px;padding-bottom:15px;}
.btn-primary{font-size:1.2em;}
.services_buttons{text-align:left;}
.services_buttons .icon-button{font-size:190%;}
.blog_post{width:50%;}
.blog_post img{max-width:100%;}
#about .col-md-8{padding-left:0;padding-bottom:20px;}
#about img{padding:0;margin-top:20px;margin-bottom:20px;}
#team_content{width:100%;}
#services .col-md-2, #services_content{padding-left:0;padding-top:20px;height:300px;}
#services_tabs{padding-left:0;}
#portfolio .col-md-7, #blog .col-md-7, #contact .col-md-7{padding-top:10px;padding-left:0;}
}
@media only screen and (max-width:430px){body{font-size:10px;}
.btn-primary{font-size:1.1em;}
.blog_post h2{font-size:1.1em;padding:5px 5px;}
.services_buttons .icon-button{font-size:180%;}
.navbar-default .navbar-nav>li>a{padding-top:15px;padding-bottom:15px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{height:100%;}
#services_tabs{padding-left:0;}
}
.social_buttons .icon-button{background-color:#20283e;cursor:pointer;display:inline-block;font-size:2.0rem;line-height:100px;margin:0;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;width:60px;height:100px;}
.icon-button i{background:none;color:white;line-height:3.6rem;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;width:3.6rem;z-index:10;}
.icon-button:hover .fa-twitter,
.icon-button:hover .fa-facebook,
.icon-button:hover .fa-youtube{color:#c5454a;}