﻿@charset "utf-8"; 
/* CSS Document */
@media all{	

*{padding:0px; margin:0px;}
div{vertical-align:top;}
img{max-width:100%;}
a{cursor:pointer; text-decoration:none;}
a:hover{text-decoration:none;}
html {-webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;}

body{overflow:auto!important; background:url(../images/main-image.jpg) no-repeat center top; background-size:cover; background-size:100%}

.overlay-bg{float:left; width:100%; height:100vh; background: rgba(0, 0, 0, 0.3);}
.overlay-inner{float:left; width:100%; height:100vh; background:url(../images/overlay.png) repeat-x center bottom;}

.site-info{float:left; width:100%;}
.site-info p{ font-size:14px; color:#ffffff; line-height:24px; margin-bottom:10px;}

.container-splash{ position:relative; z-index:1000; float:left; width:100%; height:100vh}
.bottom-position{ position:absolute; bottom:30px; z-index:1000;}

.address-info{float:left; width:100%;}
.address-info h1{ font-size:32px; color:#d82e39; font-weight:300; margin-bottom:50px;}

.email-phone{float:left; width:100%; margin-bottom:30px;}
.email-phone p{font-size:16px; color:#ffffff;}
.email-phone p a{color:#ffffff;}
.email-phone p a:hover{color:#d82e39;}
	
address{float:left; width:100%; font-size:16px; color:#ffffff;}
.lbrd:after{ content:''; border-right:solid 1px #ffffff; position:absolute; right:0px; top:0px; height:100%;}
.rbrd:before{ content:''; border-left:solid 1px #ffffff; position:absolute; left:0px; top:0px; height:100%; margin-left:-1px;}

.lft{float:left; width:20%; padding:0px 2%; position:relative; overflow:hidden;}
.mid{float:left; width:60%; padding:0px 2%; position:relative;}
.rgt{float:left; width:20%; padding:0px 2%; position:relative; overflow:hidden;}

}


@media all and (max-width:1400px){	
	.lft{width:15%;}
	.mid{width:65%;}	
	.rgt{width:20%;}
	.site-info p { line-height:inherit; font-size:13px}	
	.address-info h1{font-size:24px; margin-bottom:10px;}	
	.lbrd:after{height:100%;}
	.rbrd:after{height:100%}
}

@media all and (max-width:1100px){	
	.lft{width:15%;}
	.mid{width:62%;}
	.rgt{width:23%;}
	address, .email-phone p, .site-info p{font-size:10px;}	
	.bottom-position{bottom:100px;}
}
@media all and (max-width:960px){	
	.lft{width:20%;}
	.mid{width:52%;}
	.rgt{width:28%;}
}

@media all and (max-width:767px){	
	.address-info h1{margin-bottom:15px;}
	.email-phone{margin-bottom:15px;}
	.site-info p {margin-top: 10px;}	
	.bottom-position {position: relative; bottom: 0px; margin-top:15px;}	
	.logo a img{max-width:100px;}
	.overlay-inner, .overlay-inner, .container-splash, .overlay-bg{height:auto;}	
	
	.site-info p {font-size:12px;}	
	address, .email-phone p{font-size:13px;}
	.lft{width:100%;}
	.mid{width:100%; margin-top:40%}
	.rgt{width:100%;}
	
	.lbrd:after{ content:''; display:none;}
	.rbrd:before{ content:'';  display:none;}
}