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

p {font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-weight:300;
	}

h1 {font-weight: 500;
	font-family: 'Poppins', sans-serif;
	font-size:30px;
	position:relative;
	z-index:2;}
	
h2 {
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	font-size:22px;
	margin-top:30px;
	text-transform:uppercase;
}

.links {margin-top:0px;font-size:20px;}

a {
	text-decoration:none;
	color:#333;
}

strong {
	font-weight:600;
	font-size:18px;
}
a:hover{color:#9b403f; text-decoration:none;}


ul li{ font-family: 'Poppins', sans-serif;font-weight:300;font-size:16px;}
	
 .echo {
	 font-family: 'Allura', cursive; 
	 font-size:60px; 
	 color:#beb6a9;
	 margin-top:-30px;
	 padding-left:60px;
	 position:relative;
	 z-index:1;
	 line-height:60px;}
	 
 .echo2 {
	 font-family: 'Allura', cursive; 
	 font-size:40px; 
	 color:#d6cec2;
	 margin-top:-20px;
	 padding-left:60px;
	 position:relative;
	 z-index:1;
	 line-height:60px;}

.quote {
	font-family: 'Allura', cursive; 
	font-size:30px;
	text-align:right;
	padding-right:10px;
	color:#413f44;
}

@media (max-width: 768px) {
		.quote {
			display:none;
		}
	}
@media (min-width: 1200px) and (max-width: 1276px){
	.quote {
			font-size:26px;
		}
}

.quote2 {
	font-family: 'Allura', cursive; 
	font-size:30px;
	text-align:right;
	padding-right:30px;
	color:#413f44;
}

.logo {
	float:left;
	margin:50px 0;
	max-width:100%;
	}
	
.containerbox {
	max-width:1500px;
	margin:0 auto;
}

.row {margin-right:0}
	
.texture {
	background-image:url(../imgs/texture.png);
	background-position:top right;
	background-repeat:no-repeat;
	float:right;
	margin:0;
	padding:0;
	}
	
.texture-links {
	background-image:url(../imgs/texture-links.png);
	background-position:top right;
	background-repeat:no-repeat;
	float:right;
	margin:0;
	padding:0;
	
	}
	
.texture-services {
	background-image:url(../imgs/roesch_auditor_services.png);
	background-position:top right;
	background-repeat:no-repeat;
	float:right;
	margin:0;
	padding:0;
	}
	
	@media (max-width: 768px) {
		.texture-services {
			background-image:url(../imgs/texture-links.png);
		}
	}
	
.texture-map {
	background-image:url(../imgs/roesch_auditors_map.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	float:right;
	margin:0;
	padding:0;
	}

.banner {max-width:1500px; text-align:center; width:100%; min-height:335px;
background-image:url(../imgs/roesch_auditors_banner.jpg);
background-position:center;
background-repeat:no-repeat;}

.link-img {padding-bottom:10px;}

.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	font-size:20px;
	line-height:26px;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #63201d;
	
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #812e2d;
	border:#63201d thin solid;
	border-radius:50px;
}

.nav-roesch {
	background-color:#8d3635;
	border-radius: 0 60px 60px 0;
	
}

.content-roesch {
	background-color:#e2d6c0;
	border-radius: 60px 0 0 0px;
	padding:20px 55px;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
	margin-right: 30px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.footer {
	background-color:#772d2a;
	color: #fff;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	line-height:24px;
	padding:6px 0;
	height:65px;
	width:100%;
	
	}

.icon-home {
    background: url(../imgs/icon_home.png) no-Repeat top left;
    width: 35px;
    height: 42px;
	float:left;
}
.icon-services {
    background: url(../imgs/icon_services.png) no-Repeat top left;
    width: 35px;
    height: 42px;
    float: left;
}
.icon-links {
    background: url(../imgs/icon_links.png) no-Repeat top left;
    width: 35px;
    height: 42px;
    float: left;
}
.icon-contact {
    background: url(../imgs/icon_contact.png) no-Repeat top left;
    width: 35px;
    height: 42px;
    float: left;
}



.copy {float:right; font-size:14px; line-height:20px;padding:6px 30px 0 0; text-align:right;}
.copy>a {
	text-decoration:none;
	color:#fff;
	}

.overlap {margin-top:-55px;}
.space {margin-top:20px; clear:both;}
.col-lg-3 {padding-right:0;}
.nav .navbar-nav .sub>li>.active {background-color:#651d1b; border-radius:10px;}

/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);

}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 5%;
	border:#FFF 4px solid;
	box-shadow:#000 4px 4px 10px;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
	color:#FFF;
}

.close {
	/*background-color:rgba(0,0,0,0.8);*/
	padding: 5px 8px;
    color: #fff;
    opacity: 1;
    font-weight: 300;
    text-shadow: none;
    float: none;
    line-height: 2;
}
    .google-maps {
        position: relative;
        padding-bottom: 70%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
		border:#772d2a 3px solid;
    }

@media (min-width: 768px) and (max-width: 1199px){
.navbar-nav {
    float: right;
	padding: 15px 0;
}
.navbar-nav>li {
    
	text-align:right;
}

.sub {
    float: left;
	padding:0;
}
.sub>li {
    float: left;
	text-align:left;
}
.sub>li>a {color:#fff; margin-right:10px;}
.sub>li>a:hover {background-color:#651d1b; border-radius:10px;}
	
.nav .navbar-nav .sub>li>.active {background-color:#651d1b; border-radius:10px;}
}

@media (min-width: 1200px){
	.navbar-nav {
    float: right;
	padding: 15px 0;
}
.navbar-nav>li {
	float: none;
	text-align:right;
}

.sub {
    float: left;
	padding:0;
}
.sub>li {
    float: left;
	text-align:left;
}
.sub>li>a {color:#fff;}
.sub>li>a:hover {background-color:#651d1b; border-radius:10px;}
.sub>li>.icons {
	float:left;
	padding-right:6px;
	display:inline-block;
	min-height:60px;
}

.sub>li>.active {background-color:#651d1b; border-radius:10px;}
}
@media (max-width: 991px){
	.quote2 {display:none;}
}

@media (max-width: 961px) {
		.sub>li>a {margin-right:0px;font-size:14px;padding:10px 5px;}
	}