/* Global properties ======================================================== */
.fright {float:right;}
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#888888!important; color:#fff}
::-moz-selection{ background:#888888!important; color:#fff}

a{text-decoration: underline; outline:none}
a:hover{text-decoration: none; outline:none}

body{ background:#fff; border:0; font-size: 13px; font-family: 'Open Sans', sans-serif; line-height:16px; margin:0;}

#main{margin: 0 auto; position: relative;}
.center { text-align:center}
.textleft { text-align:left}
.textright { text-align:right}


/* ============================= header ====================== */
.social_wrapper{ text-align: left; }
.social_wrapper div{ display: inline-block; margin: 0 0px; padding:15px 0px; list-style: none; white-space: nowrap;}
.social_wrapper div a{display: inline-block; margin: 0 5px; float: left;opacity: 0.5;}
.social_wrapper div a:hover{margin-top:-5px;opacity: 1;}




header{position: relative; z-index: 1; padding-top: 20px; padding-bottom: 15px;}
.logo_wrapper{text-align: center;}
.logo{display: inline-block; margin-top:10px;margin-bottom:20px;}


/* ============================= slogan ====================== */
.slogan{ padding-top: 25px; padding-bottom: 20px; border-bottom: 1px solid #dfdfdf; text-align: center;}
.slogan .txt1{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 50px; line-height: 60px; text-transform: uppercase;}
.slogan .txt2{ font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: italic; font-size: 20px; line-height: 30px; }



/* ============================= content ====================== */
#content{padding-top: 0px; padding-bottom: 30px;}

/* ============================= footer ====================== */
footer{position: relative; z-index: 1; background: #f1f1f1; }

.bot1{padding-top:10px;}

.bot2{ border-top: 1px solid #dfdfdf; padding: 20px 0; text-align: center;}

.copyright{color:#787878; line-height: 20px;}
.copyright a { color:#787878; text-decoration: underline;}
.copyright a:hover{color:#787878; text-decoration: none;}

/* ============================= main layout ====================== */
h1{ font-family: 'Open Sans Condensed', sans-serif;font-weight:300; font-size:46px; line-height:50px; padding:25px 0 20px 0; margin: 0; }
h2{ font-family: 'Open Sans Condensed', sans-serif;font-weight:300; font-size:36px; line-height:40px; padding:25px 0 20px 0; margin: 0;}
h3{ font-family: 'Open Sans Condensed', sans-serif;font-weight:300; font-size:26px; line-height:30px; padding:25px 0 20px 0; margin: 0;}

h4{ font-family: 'Open Sans Condensed', sans-serif;font-weight:400; font-size:16px; line-height:20px; padding:0px 0 10px 0; margin: 0;}

h5{ font-family: 'Open Sans Condensed', sans-serif;font-weight:400; font-style: italic; font-size:24px; line-height:24px; padding:0px 0 10px 0; margin: 0;}

h6{ font-family: 'Open Sans Condensed', sans-serif;font-weight:400; font-style: italic; font-size:14px; line-height:20px; padding:0px 0 10px 0; margin: 0;}


.upper { text-transform:uppercase;}

.color1{ color:#fff;}

.line1 { height:1px; background:#dfdfdf; margin:5px 0;}

.radius1{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.pad_bot1{padding-bottom: 20px;}


/* === */
.margtop10 {margin-top:10px;}
.hl1{height: 6px;}

.hl2{height: 6px;}

.banners{}
.banners .banner{ border-bottom: 6px solid #8e8e8e; padding-bottom: 15px;
transition: border 0.3s ease-out; -moz-transition: border 0.3s ease-out; -webkit-transition: border 0.3s ease-out; -o-transition: border 0.3s ease-out;
}
.banners .txt1{padding: 30px 0; font-family: 'Open Sans Condensed', sans-serif; font-size: 36px; line-height: 36px; text-transform: uppercase; text-align: center; border-bottom: 2px solid #8e8e8e; margin-bottom: 7px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners .txt2{padding: 20px 10px 0; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; font-style: italic; text-align: center; line-height: 20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banners img{width: 100%;}
.banners .banner:hover .txt1{color: #000;}
.banners .banner:hover .txt2{color: #000;}
img.botbanner {border: 6px solid #F1F1F1;}
img.botbanner:hover {border-style:solid; border-width:6px;}
.button0{ display:inline-block; line-height:18px;  text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:14px; font-family: 'Open Sans', sans-serif;font-weight: 400; font-style: italic; white-space:nowrap; letter-spacing:0px; background:url(../images/button0.png) center bottom no-repeat; padding-bottom: 10px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.button0:hover { color:#000;}

.testimonial1{margin-bottom: 20px;}
.testimonial1 .txt1{ padding: 20px; background: url(../images/testimonial1.png) 20px 20px no-repeat #ebebeb;}
.testimonial1 .txt2{ background: url(../images/testimonial2.png) center top no-repeat; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; color: #b9b9b9; min-height: 17px; padding-top: 20px; padding-bottom: 10px;}

.txt4 {line-height: 30px; padding-bottom: 10px;font-size:16px; font-weight: bold;}

/*----- media queries ------*/
/* Large desktop */
@media (min-width: 1200px) {

	.slogan .txt1{font-size: 50px; line-height: 60px;}
	.slogan .txt2{font-size: 25px; line-height: 35px;}
	
}
/* Default landscape and desktop to large desktop */
@media (max-width: 1199px) {
	
}
@media (min-width: 980px) and (max-width: 1199px) {
	

	
}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {

	.slogan .txt1{font-size: 40px; line-height: 50px;}
	.slogan .txt2{font-size: 15px; line-height: 25px;}
	
	
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
	body{padding-left: 0; padding-right: 0;}
	.container{width: 440px;}

	.banners .banner{margin-bottom: 20px;}

	.slogan .txt1{font-size: 20px; line-height: 30px;}
	.slogan .txt2{font-size: 14px; line-height: 20px;}
		
}
@media (min-width: 481px) and (max-width: 767px) {

}
/* Landscape phones and down */
@media (max-width: 480px) {
	.container{width: 300px;}

	.slogan .txt1{font-size: 18px; line-height: 30px;}
	.slogan .txt2{font-size: 12px; line-height: 20px;}
	
}

@media (max-width: 767px) {
 .hidd {display: none;}
}

@media (max-width: 1024px) {	

.hidd2 {display: none;}
	
}