@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
body,html{
    margin: 0;
    padding: 0;
    height:100%;
    font-family: 'Roboto', sans-serif;
	}
  *{
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
    -o-box-sizing: border-box;    /* Firefox 1 - 28 */
    box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */

  }
a img{ 	border:0px; 	}

a{
	color:inherit;
	text-decoration:none;
	}
ul{
	padding:0px;
	margin:0px;
	}
li{
	padding:0px;
	margin:0px;
	display:inline;
	list-style:none;
	}
	.1p {text-align:center;}
h1,h2,h3,h4,h5,p{	margin:0px;padding:0px;	}
.clear{ 	clear:both; 	}
.fullWidth{
	width:100%;
	height:auto;
	float:left;
	}
.contentWidth{
	width:1100px;
	margin:0 auto;
	height:auto;
  padding:0 10px;
	}
  .wrap-logo{float:left;width:24%;margin-top:45px;}
  .logo{width:100%;display:block;margin:0 auto;}

.wrap-hdr-right{float:right}

.wrap-details-hdr{float:right;}
.wrap-social-hdr{float:right;margin-top:10px;}
.social-hdr-icons{}
.wrap-phone-hdr{
  background:url('../images/icon-phone.png') no-repeat left top;
  padding-left:30px;
  color:#656364;
  margin:10px 0;
  }
header{border-bottom:7px solid #278189;background-color: #231F20;}

.h-style-1{
  text-transform:uppercase;padding:20px 0 20px 0;width:100%;text-align: center;border-bottom:4px solid #fff;color:#fff;font-weight: 300;margin:20px 0;
  }
.p-style-1{color:#fff;text-align:center;padding:10px; font-weight: 300;}
.p-style-2{
  color:#000;text-align:center;padding:10px 0 30px 0;font-weight: 300;font-size:14px;
  line-height: 24px;height:56px;overflow: hidden;
  }
.p-style-3{color:#fff;text-align: left;padding:10px;}
.p-style-4 {
  color: #707070;
  font-size: 14px;
  padding: 10px 0;
}

.h-style-2{
  font-size:30px;text-align:center;padding:30px;text-transform: uppercase;
  display:block;font-weight:300;float:left;width:100%;
  }
.h-style-3{
    font-size:24px;text-align:center;padding:30px 0 10px 0;text-transform: uppercase;
    display:block;font-weight:300;float:left;width:100%;text-align: left;
    border-bottom:4px solid #1F7C84;margin-bottom:20px;
    }
.h-style-4{font-size:18px;text-transform: uppercase;color:#1F7C84;margin:10px 0;}
.list-h {font-size:16px;color:#555;margin:10px 0;font-weight:500;}

.div-style-1{background-color: #fff;float:left;width: 100%;}

.wrap-projs-home-items{width:32%;margin:1% .5%;float:left;border-bottom:#231F20 7px solid;padding-bottom:10px;}
.wrap-projs-home-img{width:100%;overflow:hidden;height:185px;}

.wrap-projs-img{width:24%;overflow:hidden;height:250px;float:left;margin:.5% .5%;display: none;margin-bottom:20px;}
.wrap-projs-img.main{width:49%;display: block;}

.wrap-projs-desc{float:left;width:49%;margin-bottom:20px;padding-left: 15px;}

.projs-img{width:100%;}

.wrap-main-bot{color: #707070;font-size:14px;}
.list-style-1 {margin:10px 0;}

.list-style-1 li{
  display: block;
  background: url('../images/img-point.png') no-repeat left center;
  padding:5px 0 5px 20px;

  }
.wrap-col-1{width:40%;float:left;padding:0 10px;}
.wrap-col-2{width:55%;float:right;}


.wrap-testimonials{width:100%;}
.testimonial-item{float:left;width:100%;margin:7px 0;}
.wrap-test-img{width:18%;float:left;height:120px; overflow: hidden;border:3px solid #1e7b84}
.test-img{width:100%;}

.wrap-test-details{float:left;width:82%;background-color: #64C6CF;}
.test-auth{text-align: right;background-color: #1e7b84;color:#fff;padding:5px 10px;}
.test-auth span{padding-left:20px;}



footer{background-color: #278189;float:left;width:100%;}
.wrap-social-ftr{float:right;margin-top:40px;}
.social-ftr-icons{margin-right:7px;float:left;}

.ftr-nav{margin-top: 40px;float:left;}
.ftr-nav li{color:#fff;font-weight:300;margin-right: 10px;font-size:15px;text-transform: uppercase;}
.ftr-p{font-size: 14px;color:#fff;padding:10px 0;margin-top:20px;}
.ftr-p.copy{float:left}
.ftr-p.design{float:right}


.wrap-about{color: #707070; font-size: 14px;float:left;}

.testimonial-item.main{width:48%;float:left;margin:1% 1%;}
.wrap-test-img.main{height:105px;}




  .nav-wrap{
  	color:#fff;
    font-size:16px;
    width:auto;
    font-weight:300;
    text-transform:uppercase;
    display:inline-block;
    float:right;
  	}
  .nav-wrap ul{
  	color:inherit;
  	margin:0;
  	padding:0;
    background-color: #45A6AF;
  	}
  .nav-wrap ul li{
    display:inline-block;
    float:left;
  	}
  .nav-wrap ul li a{
    padding:15px 12px 10px 12px;
    display:inline-block;
  	}
  .nav-wrap ul li:hover,.nav-wrap ul li.active{
  	background-color: #278189;
    /*margin-top: -7px;
    padding-top: 7px;*/
  	}
  .nav-wrap li:hover> ul{
  	display:block;
  	}
  .mob-menu-toggle{
  	width:100%;
  	height:50px;
  	line-height:50px;
  	padding-left:20px;
  	color:#fff;
  	font-size:20px;
  	cursor:pointer;
  	position:relative;
  	display:none;
  	}
  .menu-bar{
  	position:absolute;
  	top:0;bottom:0;
  	margin:auto;
  	right:20px;
  	height:20px;
    width:20px;
  	line-height:20px;
  	font-size:20px;
  	color:#fff;
    background:url("../images/menu.png") no-repeat top left ;
    background-size:contain;
  	}



  /*-------- mobile menu start----------*/

  @media screen and (max-width:767px){
  	.mob-menu-toggle{
  		display:block;
  	}
  	.nav-wrap ul{
  		width:100%;
  		display:none;
  	}
  	.nav-wrap ul li{
  		width:100%;
  	}
  	.nav-wrap ul li a{
  		text-align:center;
  		width:100%;
  	}
  }

  /*-------- mobile menu start----------*/
  .contact_col{
  	width:100%;
  	float:left;
  	height:auto;
  	}

  .contact_col form{
  	width:40%;
  	float:left;
  	height:auto;
  	}

  .contact_col form h4{
  	font-size:20px;
  	color:#278189;

  	margin-bottom:20px; font-weight:normal;
  	}

  .input_conta{
  	background: none repeat scroll 0 0 #FFFFFF;
      border: 1px solid #B9B9B8;
      border-radius: 0;
      box-shadow: 0 3px 20px 3px #EAECF1 inset;
      color: #9c9f9b; font-size:13px;
      margin-bottom:25px;
      width: 100%;
  	padding:10px;
  	}



  .conta_textarea{
  	 background:#FFF;
  	 width:100%; padding:10px; color:#414141; font-family:Tahoma, Geneva, sans-serif;
  	 height:87px;  border: 1px solid #B9B9B8; line-height:37px;margin-bottom:13px; font-size:12px;
  	 box-shadow: 0 3px 20px 3px #EAECF1 inset;}



  .conta_but{
  	width:140px;
  	height:40px;
  	margin-left:auto; margin-right:auto;
  	margin-bottom:10px;
  	background:#45A6AF; color:#fff; cursor:pointer; border:0px;
  	font-weight:bold; text-transform:uppercase;
  	}

  .conta_but:hover{
  	background:#278189;
  	}

  .contact_col_2{
  	width:55%;
  	float:right;
  	height:auto;
  	padding-left:10px;
  	}

  .contact_col_2 h4{
  	font-size:18px;
  	color:#278189;
  	margin-bottom:20px; font-weight:normal;
  	}

  .contact_col_2 p{ font-size:13px; color:#000;}

  .map{
  	width:98%;
  	float:left;
  	height:250px;
  	margin:20px 0;
  	border:double 5px #278189;
  	}