/* CSS Document */
@charset "utf-8";
/* relive */
 
	@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,800,700,600,800);
*{
	margin:0;
	padding:0;
	font-weight:300;
    border:none;
	text-decoration:none;
	font-size:14px;
}	

html,body{
	height:100%; 
}

.fix_ul {

  list-style: none;

}



*{

	margin:0;

	padding:0;

}



html, body{

	height:100%;

}



body {

	font-family: Stag, sans-serif;

}



.clearFloat{clear:both;}

a{text-decoration:none;}



.no_list{

	list-style:none;

}



::-webkit-input-placeholder {

     color: #000000;

}



:-moz-placeholder { /* Firefox 18- */

    color: #000000;

}



::-moz-placeholder {  /* Firefox 19+ */

   color: #000000;

}



:-ms-input-placeholder {  

   color: #000000;

}



.l_grey_bg{background-color: #f2f2f2;}

.white_bg{background:#ffffff;}



.reg_txt,

.reg_txt p,

.reg_txt p span{

    font-size: 16px;

    font-weight: 300;

    line-height: 160%;	

}



/******** Header *******/

.header{

    width: 100%;

    background: #000000;

}



.navigation{

    text-align: right;

}



.navigation ul{

	list-style:none;

}



.navigation ul li{

	display:inline-block;

}



.navigation ul li a{

    display: block;

    color: #FFFFFF;

    padding:  20px 10px;

    font-size: 15px;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 0.02em;

}



#logotype{

    display: block;

    background: #000000;

    width: 100px;

    padding: 20px;

}



.logo{

	color: #FFFFFF;

    padding: 9px 0;

    font-weight: 600;

    font-size: 2.6em;

}



.header_contact {

    background: #FFFFFF;

    color: #000000;

    padding: 14px 0;

    text-align: center;

}



.header_contact span {

    font-size: 21px;

    text-transform: uppercase;

}



/******** End Header *******/



#banner{

	height: 480px;

	/*overflow: hidden;*/

	width: 100%;

}



#banner_about{

	height: 100%;

	right:0;

	z-index: 99;

	top: 0;	

	color:#FFFFFF;

	width: 380px;

	text-align: center;

}



.banner_about_overlay{

	background: #008A4C;

	height: 100%;

	opacity: 0.8;

}



.banner_about_content{

    position: absolute;

    top: 50%;

    padding: 0 60px;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.53);

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

}



.banner_about_content .description{

    font-style: italic;

    font-weight: 300;

    font-family: Stag;

    font-size: 18px;

}



.banner_about_content h1{

    font-size: 38px;

    margin: 20px 0;

    font-weight: 600;

    line-height: 120%;

}



.banner_about_content .sub_title{

	font-size: 22px;

}



.callout {

	width:calc(100% - 100px);

	position: absolute;

    left: 0;

    bottom:0;

    display: block;

    color: #FFFFFF;

    font-size: 22px;

    text-transform: uppercase;

    font-weight: 300;

    letter-spacing: 0.05em;

    padding: 10px 50px 10px 50px;

    z-index: 9999999999;

    background: #000000;

}



.arrowNav {

    position: absolute;

    color: #FFFFFF;

    background-color: #000000;

    font-size: 16px !important;

    padding: 8px 10px 11px 10px;

    width: 14px;

    text-align: center;

    cursor: pointer;

    top: 50%;

}



.arrowNav_r {right: 0;}

.arrowNav_l{left: 0;}



.sub_title_line{

    background: #000000;

    padding: 12px 0;    

    text-align: center;   	

}



.sub_title_line h2{

    color:#FFFFFF;

    font-size: 20px;

    font-weight: 600;

}



.promo_btn{

    display: inline-block;

    background-color: #FFFFFF;

    padding: 12px 18px 10px;

    color: #000000;

    font-weight: 600;

    margin: 25px auto 0;

    max-width: 160px;

    border-radius: 7px;

    text-align: center;

    text-transform: uppercase;

    font-size: 16px;

    text-shadow: none !important;

    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.55);

    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.55);

}



/******* About Section *******/

.section_container{

	padding:55px 0;

}



.main_title {

	font-size: 2.4em;

	font-weight: 600;

	margin: auto;

	line-height: 100%;

	color: #008A4C;

	padding: 10px 0;

}



.ttl_group{

    width: 70%;

    margin: auto;

    text-align: center;

}



.brill{

	width: 8px;

	height: 8px;

	margin: 8px 8px;

	background: #000000;

	display: inline-block;

	position: raletive;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}



.about_content{

	margin:0 50px 0 0;

}



/*********TESTIMONIALS**********/

.testimonials-section{

	 width: 70%;

    margin: auto;

    text-align: center;

}



.quote{	width:15%;}

.quote img{

	margin: auto;

	display: block;	

}



.quote_right{

	position:absolute;

	bottom:0;

	right:0;

}



.testimonial{

    padding: 10px 0 0;

}



.sub_txt,

.sub_txt p,

.sub_txt p span{

    font-style: italic;

    font-weight: 300;

    font-family: Stag;

    font-size: 20px;

    margin-top: 20px;

    line-height: 140%;

}



.testimonial h4{

    text-transform: uppercase;

    font-size: 14px;

    color: #008A4C;

    margin: 20px 0 0 0;

    text-shadow: 1px 1px 1px #FFFFFF;

}



.underline{

    height: 1px;

    background: #dddddd;

    width: 360px;

    margin: 25px auto 0;

    display: block;

    -webkit-box-shadow: 0 1px 1px 0 rgb(255, 255, 255);

    box-shadow: 0 1px 1px 0 rgb(255, 255, 255);

}



/*********END TESTIMONIALS**********/



/********* SERVICES *********/

.service{

	margin:50px 0;

}



.service_content .main_title{

	padding: 0 !important;

	margin: 0 !important;

}



.serv_descr{

    text-transform: uppercase;

    font-weight: 600;

    font-size: 12px;

    margin: 5px 0 12px;

}



.serv_img{

	margin:0 50px 0 0;

}



/********* END SERVICES *********/





/**********  FOOTER  ***********/

.footer_contact{

    background: #252527;

    padding: 30px 0;

}



.footer_navigation ul{

	list-style:none;

	text-align: center;

}



.footer_navigation ul li{

	display: inline-block;

	margin-right: -4px;

}



.footer_navigation ul li a{

    display: block;

    padding: 6px 10px;

    color: #FFFFFF;

    font-weight: 300;

    font-size: 14px;

}



.footer_contact_info{

    text-align: center;

    color: #008A4C;

}



.footer_signature{

    background-color: #000000;

    padding: 16px 0;

    text-align: center;

    font-weight: 300;

}



.footer_signature nav{

	color:rgba(255, 255, 255, 0.53);

}



.footer_signature p,

.footer_signature a{

	color:rgba(255, 255, 255, 0.53);

	font-size:12px;

}



/**********  END FOOTER  ***********/

.location_info li {

  padding-left: 25px;

  margin-bottom: 5px;

  letter-spacing: 0.02em;

}



.location_info i {

  color: #008A4C;

  margin-right: 10px;

  position: absolute;

  left: 0;

  top: 3px;

  text-align: center;

  width: 16px;

  display: block;

  font-size: 14px;

}



/********  CONTACT  *********/

address{

	padding-left: 30px;

    margin: 20px 0;

    font-style: initial;

    font-weight: 300;

}



address ul li i{

    margin-right: 10px;	

}



.contact_form{

    margin: 30px;

    width: 320px;

}



.fill_form {

    padding: 12px 10px;

    width: calc(100% - 20px);

    margin-bottom: 8px;

    background: rgb(255, 255, 255);

    font-size: 13px;

    font-weight: 300;

    letter-spacing: 0.02em;

    font-family: Stag, sans-serif;

    -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.22);

    box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.22);

    border-radius: 3px;

	border:none;

}



.fill_textarea{

	height: 71px;

}



.send_btn {

    background: #008A4C;

    color: #FFFFFF;

    text-transform: uppercase;

    text-align: center;

    display: block;

    padding: 10px;

    font-weight: 600;

    max-width: 200px;

    width: 140px;

    cursor: pointer;

    border-radius: 5px;

	

}



.send_btn:hover{

	background:#252527;

}



.mob_nav{

	display:none;

}



.mob_nav i{

	color:#fff;

	font-size:22px !important;

	padding:16px;

	cursor:pointer;

}



/********  CONTACT  *********/



@media (max-width:1024px){

	

	#banner {

		height: 400px;

	}

	

	.main_title{

	    font-size: 1.8em;	

	}



	.banner_about_content h1 {

		font-size: 33px;

	}

}



@media (max-width:768px){

	

	.header_contact span {

		font-size: 14px;

	}

	

	#banner {

		height: 280px;

	}

	

}



@media (max-width:640px){

	

	

	.mob_nav{

		display:block;

	}

	

	.navigation{

		display:none;

		position: absolute;

		z-index: 99999;

		background: #000;

		right: 0;

		    padding: 0 16px;

	}

	

	.navigation ul li {

	    display: block;

		border-bottom: 1px dotted rgba(204, 204, 204, 0.36);

	}

	

	.navigation ul li:last-of-type{

		border-bottom:none;

	}

	

	.navigation ul li a {

		padding: 8px 10px;

	}

	

	.logo{

		margin-left:10px

	}

	

	#banner {

		height: 160px;

	}

	

	.section_container{
		padding:20px
	}
	.quote{
		display:none;
	}	

	.testimonials-section{
		float:none !important;
	}	

	.service{
		margin: 20px;
	}

	.serv_img {
		margin: 0 0 20px 0;
	}	

	.sub_txt{
		font-size: 16px;
	}

	

	.contact_form{
		width: 80%;
		margin: 30px auto 10px;	
	}

	

}



@media (max-width:320px){
	
	#banner {
		height: 100px;
	}	

	

}