/* ==== Google font ==== */



@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,200,100,500,600,700,800,900);



/* === fontawesome === */

@import url('font-awesome.css');

/* ==== overwrite bootstrap standard ==== */

@import url('overwrite.css');

@import url('animate.css');

/*==========================================================================

  General

  ========================================================================== */



#theme-color {

	background-color: #217EAB;	

}

.container-fluid {

	max-width:1150px;

}

.clear {

	clear: both;

}



body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

	 font-family: "Raleway",Roboto, Helvetica, Arial, sans-serif;

}







/*===========================

  Portfolio

============================ */

nav#filter a {

	background-color: #EEE;

	color:#555;

}

nav#filter a:hover, nav#filter a.current {

	background-color: #1374a9;

	color:#fff;

}



/* ------- */



.isotopeWrapper article{

    margin-bottom: 15px;

	

}



#portfolio img  {

	width:100%;

}



#portfolio article p {

	margin-bottom:1.45em;/*set next row on the baseline*/

}

nav#filter {

	margin-bottom:1.5em;

}



nav#filter li {

	display:inline-block;

	margin:0 0 0 5px;

}

nav#filter a {

	padding: 4px 12px;

	line-height: 20px;

	text-decoration: none;

	float:left;

}

.pd-img {

		margin-bottom:14px;

	

}

.portfolio-items .col-md-4, .portfolio-items .col-sm-6 {

	padding-left:7px !important;

	padding-right:7px !important;

	

}

.port-medium{

	max-width:1000px;

	margin:0px auto;

}

.portfolio-items article img {width:100%;} 



.portfolio-item {

	

	display: block;

	

	position: relative;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

@media (max-width:991px){

.portfolio-items .col-sm-6 {

    width: 47.8% !important;

}

}

@media (max-width:450px){

.portfolio-items .col-sm-6 {

    width: 100% !important;

}

}

.portfolio-item img {

	

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	transition: all 300ms linear;



}

.portfolio-item .portfolio-desc {

    display: block;

    opacity: 0;

    position: absolute;

    width: 100%;

	left: 0;

	top: 0;

	color: rgba(220, 220, 220, 0.7);

}





.portfolio-item:hover .portfolio-desc {

	padding-top: 20%;

	height: 100%;

    transition: all 200ms ease-in-out 0s;

	opacity: 1;

}



.portfolio-item .portfolio-desc a {

	color: #fff;

}

.portfolio-item .portfolio-desc a:hover {

	/*text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);*/

	text-decoration: none;

}

.portfolio-item .portfolio-desc .folio-info {

	/*top:-20px; 

	

	padding: 30px; */

	height: 0;

    opacity: 0;

    position: relative;

	padding: 8px 30px 5px 30px;

	

	margin-top: 50px;

}



.portfolio-item:hover .folio-info{

	height: 110px;

    opacity: 1;

    transition: all 500ms ease-in-out 0s;

	top:-10px;

	background: rgba(76, 184, 71, .8);

}







.portfolio-item .portfolio-desc .folio-info h5 {

	text-transform: uppercase;

}

.portfolio-item .portfolio-desc .folio-info p {

	color: #ffffff;

	font-size: 12px;

}





/*===========================

  --- Testimonial ----

=========================== */

#testimonals {

	padding-top: 20px;

	padding-bottom:40px;

	position:relative;

	

}

.testimonial i {

	color: #fff;

	margin-top:100px;

}

.testimonial span.author {

	color: #fff;

	font-weight: 700;

}



.testimonial h5 {

	color: #fff;

	font-size: 18px;

	font-family: Georgia, sans-serif;

	line-height: 1.5em;

}	



/*===========================

  --- Contact ----

=========================== */



.validation {

	display:none;

	margin: 0 0 20px;

	font-weight:400;

	font-size:13px;

}



#sendmessage {

	border:1px solid #fff;

	display:none;

	text-align:center;

	padding:15px 12px 15px;

	margin:10px 0;

	font-weight:600;

	margin-bottom:30px;

}



#sendmessage.show,.show  {

	display:block;

}



#contact-form {

	position: relative;

	z-index: 999;

}



#contact-form input[type=text],#contact-form input[type=email], .contactForm textarea {

	width: 100%;

	background: rgba(227, 231, 228, 1);

	font-family: 'Open Sans', sans serif;

	border: 0;

	font-size:14px;

	text-align: left;

	vertical-align: middle;

	padding:0 10px;

}

#contact-form input[type=text]:focus,#contact-form input[type=email]:focus, .contactForm textarea:focus {

	background: rgba(101, 106, 100, 1);

	color: #eff1ef;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	transition: background 0.25 ease-in;

	-moz-transition: background 0.25 ease-in;

	-webkit-transition: background 0.25 ease-in;

}

#contact-form input[type=text],#contact-form input[type=email] {

	height: 60px;

	margin-bottom:30px;

}

#contact-form input[type=submit] {

	color: #fff;

	width: 185px;

	height: 60px;

	text-shadow: none;

	font-size: 14px;

	padding:0.5em;

	letter-spacing: 0.05em;

	margin: 0 0 20px 0;

	display: block;

	border: 0;

	text-transform: none;

	border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

}

#contact-form input[type=submit]:hover, #contact-form input[type=submit]:active {

	background: #43413e !important;

}

#contact-form textarea {

	padding-top: 1em;

}



textarea.form-control {

  -webkit-border-radius: 0;

     -moz-border-radius: 0;

          border-radius: 0;

}



div.cform-response-output {

	max-width: 60%;

	text-align: center;

	margin-left: 40% !important;

	margin-top: 0.5em !important;

	padding: 0.5em !important;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

}

.cform-not-valid-tip {

	color: #888;

	border: 1px dotted #ad3729 !important;

	width: 100% !important;

	left: 0 !important;

	padding: 0.5em !important;

	font-family: 'Open Sans', sans-serif;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

}



/* google map */

#map {

	height: 500px;

	background-color: #e7e7e7;

}





/*====================

  Clients

==================== */

#clients img {

	opacity: 0.7;

}



#clients img:hover {

	opacity: 1;

}





/*=========================

  Footer

 ================= */



section#footer {

	background: #242424;

	margin: 30px 0px 0px 0px!important ;

	padding: 23px 0px 10px 0px;

	

}



section#footer .copyright {

	text-align: center;

}



/* footer social icons */

ul.social-network {

	list-style: none;

	display: inline;

	margin-left:0 !important;

	padding: 0;

}

ul.social-network li {

	display: inline;

	margin: 0 5px;

}



/* footer menu */

ul.footer-menu {

	list-style: none;

	display: inline;

	margin-left:0 !important;

	padding: 0;

}

ul.footer-menu li {

	display: inline;

	margin: 0 5px;

}



a.scrollup{

	height:40px;

	width:40px;

	color:#fff;

	font-size:22px;

	line-height:40px;

	text-align:center;

	text-decoration:none;

	position:fixed;

	bottom:10px;

	right:10px;

	z-index:9999;

	opacity:0.5;

}

a.scrollup:hover{

	opacity:1;

	color:#fff;

	font-size:18px;

	line-height:30px;

	

}



/*===========================

  --- Template Components ----

=========================== */



/* footer social icons */

.social-network a.icoRss:hover {

	background-color: #F56505;

	

}

.social-network a.icoFacebook:hover {

	background-color:#3B5998;

	

}

.social-network a.icoTwitter:hover {

	background-color:#33ccff;

	

}

.social-network a.icoGoogle:hover {

	background-color:#BD3518;

	

}

.social-network a.icoVimeo:hover {

background-color:#0590B8;

	

}

.social-network a.icoLinkedin:hover {

background-color:#007bb7;

	

}

.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, 

.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {

	color:#fff;

}

a.socialIcon:hover, .socialHoverClass {

	color:#417630;

}



.social-circle li a {

	display:inline-block;

	position:relative;

	margin:0 auto 0 auto;

	-moz-border-radius:50%;

	-webkit-border-radius:50%;

	border-radius:50%;

	text-align:center;

	width: 40px;

	height: 40px;

	font-size:16px;



}

.social-circle li i {

	margin:0;

	line-height:40px;

	text-align: center;

}



.social-circle li a:hover i, .triggeredHover {

	-moz-transform: rotate(360deg);

	-webkit-transform: rotate(360deg);

	-ms--transform: rotate(360deg);

	transform: rotate(360deg);

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	-o-transition: all 0.2s;

	-ms-transition: all 0.2s;

	transition: all 0.2s;

}

.social-circle i {

	color: #fff;

	-webkit-transition: all 0.8s;

	-moz-transition: all 0.8s;

	-o-transition: all 0.8s;

	-ms-transition: all 0.8s;

	transition: all 0.8s;

}





/* stats */

.stats .icon {

	margin: 0 0 20px 0;

}



.stats strong.number {

	font-size: 38px;

}



.stats span.text {

	font-weight: 700;

	font-size: 24px;

}



/* buttons */

.btn {

	border: 0;

}



.btn.bold {

	font-weight: 600;

}



.btn-cta {

	color: #ffffff;

	border-bottom: 4px solid;

}

.btn-cta:hover {

	color: #ffffff;

}



.btn-cta {

	border-bottom: 2px solid;

}

.btn-cta.btn-lg {

	border-bottom: 4px solid;

}







/* ========================================

Media queries

========================================= */

@media (min-width: 959px) and (max-width: 1199px) {

	.navbar-nav {

		margin-top: 20px;

	}

}



@media only screen and (min-device-width : 979px) and (max-device-width : 1024px)  {



	.navbar-nav {

		margin-top: 20px;

	}

}





@media only screen and (min-width: 768px) and (max-width: 959px) {



	.navbar-nav {

		margin-top: 20px;

	}

}

@media (max-width: 767px) {



	.navbar.navbar-fixed-top {

		background-color:rgba(0,0,0,1);

	}

	.navbar .navbar-collapse ul.nav {

		background-color: #444;

		width: 100%;

		float: none;

		margin:0;

		padding:0;

	}

	.navbar .navbar-collapse ul.nav li {

		border-bottom: 1px solid #ccc;

	}

	

	

	

	.team-member,.col-lg-4 {

		margin-bottom: 30px;

	}

	

	.stats .col-md-3 {

		margin-bottom: 30px;

	}

}





.wrapp {

	width:100%;

	float:left;

}

/*

.navbar-brand img{

	width:70%;

}

.top-bar i{

	

	font-size:18px;

}

.top-bar .btn {

	font-size:13px !important;

	background-color:#c25455;

	border: none;

	color:#fff;

}

.top-bar .btn:hover {

	background-color:#D20000;

	color:#fff !important;

}



.btn-group > .btn:first-child {

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

	font-size:19px !important;

}



.btn-group > .btn + .dropdown-toggle {

    padding: 13px 10px;

}





.navbar {

	border-radius:0px !important;

	border:0px !important;

	background-color:#37404a !important;

	margin-bottom:0px !important;

}

.navbar-nav > li > a {

    padding: 15px 30px !important;

	

    

}

*/

@media (max-width:768px){

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    

    background-color: transparent;

}

}

.fixed-bar {

	position:relative;

}

.top-bar {

	width:100%;

	min-height:30px;

	padding:10px 0px;

	font-size:12px;

	line-height:36px;

	background-color: #37404A;

}

.top-bar span{

	font-size:19px ;

	color:#fff;

	margin-right:10px;

	font-weight:500;

	padding:5px 10px 8px 10px;

	border:1px solid #6F6F6F;

	border-radius:6px;

}

.phone{

	font-size:21px ;

	position:relative;

	top:3px;

	padding-right:5px;

}

.service-col h4 {

	margin-top:11px !important;	

	font-size:15px;

}

.service-col h4 {

	color:#666;

}

.service-col:hover h4 {

	color:#217EAB;

}



.service-col h4 a{

	color:#666;	

}

.products {

	

	width:12%;

	display:inline-table;

}

@media (max-width:850px){

.products {

	width:16%;



}

}

@media (max-width:600px){

.products {

	width:24.2%;

}

}

@media (max-width:450px){

.products {

	width:48.4%;

	display:inline-block;

}

}



.navbar-toggle {

    margin-top: 22px;

	z-index:99999999999;

}

.navbar-default {

	background-color:#fff !important;

	background:none;

}

.navbar-default .navbar-nav > .active > a ,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    background-image: none;

    background-repeat: repeat-x;

    

    background-color: #217EAB;

	border-radius:4px;

	color:#fff;

	display:block;

	text-align:left;

}

@media (max-width:765px){

#center {

	text-align:center !important;

}

}