@charset "UTF-8";

/*********************
 TESTMODE HEADER 
*********************/

#testmode-header {
	display: none;
}


/*********************
 TAGS 
*********************/

* {
}

body {
	position: relative;
	background: #FFF;
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	font-weight: 400;
  	font-size: 140%;
	line-height: 160%;
}

.row {
	margin-right: 0;
}
@media (max-width: 767px) {
	.row {
		margin-left: 0;
	}
}


/*********************
 TYPE ELEMENTS 
*********************/

p, h1, h2, h3, h4, h5 {
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	color: #353526;
}

h1 {
	margin:0 0 .5em 0;
	font-size: 2.2em;
	font-weight: 400;
	text-transform: uppercase;
	color: #424242;
}

h2 {
	font-weight: 700;
	margin:0 0 1em 0;
	font-size: 2em;
	color: #999;
}

h3 {
	font-weight: 400;
	margin:0 0 .75em 0;
	font-size: 150%;
}

h4 {
	font-weight: 400;
	margin:0 0 .75em 0;
	font-size: 125%;
	text-transform: uppercase;
}


h5 {
}

p {
	margin: 0 0 .9em 0;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
}


/*********************
 LISTS 
*********************/

ul,
ol {
	margin:0 0 1em 0;
}

ul li,
ol li {
	margin:0 0 .5em 0;
	padding:0;
}


/*********************
 LINKS 
*********************/

a:link, a:active, a:visited {
	text-decoration: none;
	color:#707580;
}

a:hover, a:visited:hover {
	color: #4B4E5F;
}

a:hover, a:hover:visited {
	text-decoration:underline;
}

#pushstate-canvas a
{
	text-decoration: underline;
}


/*********************
 IMAGES / RESPONSIMG
*********************/

.img-left {
	float: left;
	margin: 0 2% 2% 0;
}
.img-right {
	float: right;
	margin: 0 0 2% 2%;
}

.responsimg>img,
img.responsimg,
img.respons-12 {
	width: 100%;
}

img.respons-8 {
	width: 66%;
}

img.respons-6 {
	width: 50%;
}

img.respons-4 {
	width: 33%;
}

img.respons-3 {
	width: 25%;
}

img.respons-2 {
	width: 16.5%;
}

@media (max-width: 480px) {
	.responsimg>img,
	img.responsimg,
	img.respons-12,
	img.respons-6,
	img.respons-4,
	img.respons-3,
	img.respons-2 {
		width:100%;
	}
	.img-left,
	.img-right {
		float: none;
		margin:2% 0;
	}

	h1 {
		font-size: 2em !important;
	}

	.mobile-center {
		text-align: center !important;
	}
}



/*********************
 CLASSES 
*********************/

.hr {
	margin: 3%;
	height: .0001em;
	border-top: 1px solid #C8C6C2;
}

.clear {
	display: block;
	height: .000001em;
	clear: both;
}


/*********************
 BUTTONS 
*********************/

a.btn {
	margin: 0;
	padding: 10px 25px;
	background: #CCC;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
 	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	text-decoration: none !important;
}
a.btn:hover {
	background: #4B4E5F;
	color: #FFF;
}

.altbtn a.btn {
	margin: 2.5%;
	background: url(/core/structure/alpha_tiles/black_20.png);
	border: 3px solid #fff;
	font-size: 1.5em;
	color: #FFF;
}
.altbtn a.btn:hover {
	background: #FFF;
	border: 3px solid #FFF;
	color: #4B4E5F;
}


/*********************
 LAYOUT 
*********************/

header {
	/*background: #C8C6C2;*/
	background: #FFF;
}

header #top-row {
	padding: 1%;
}

header a.logo {
	display: block;
	margin: 0 25px;
	max-width: 240px;
}

header .tel a {
	font-size: 1.5em;
	font-weight: 700;
	color: #4B4E5F;
}

footer {
	padding: 10% 0 5%;
	background: #EFEFEF;
	border-top: 2px solid #707580;
}
	footer p {
		font-size: 1em;
		color: #333;
	}
	footer .logo {
		margin: -1% 0 4%;
		max-width: 160px;
	}
	footer .legal {
		margin-top: 6%;
	}
	footer .legal p {
		font-size: .8em;
	}
	footer a {
		color: #333 !important;
	}
	footer a:hover {
		/*color: #000 !important;*/
		text-decoration: underline;
	}


/*********************
 MODIFY NATIVE BOOTSTRAP 
*********************/

@media (max-width: 767px) {
	.col-md-6,
	.col-md-4 {
		margin-bottom: 4%;
	}
}

/*********************
 GLORY 
*********************/

#glory {
	position: relative;
	overflow: hidden;
	min-height: 300;
	text-align: center;
	border: .001 solid #FFF;
}

.resize {
	min-height: 300px;
}

#glory .target {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 200px;
	border-left: .5px solid #4B4E5F;
	border-right: .5px solid #4B4E5F;
}
#glory #target1.target {
	left: -50%;
}
#glory #target2.target {
	left: 50%;
}

#glory .content {
	display: none;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	padding: 1% 1% 0;
	width: 80% !important;
	background: url(/core/structure/alpha_tiles/black_20.png);
}

#glory .content p {
	margin: 0 6% 3% 6%;
	font-size: 1.75em;
	color: #FFF;
	line-height: 140%;
}

#glory .content .btn {
	min-width: 36%;
	font-size: 1em !important;
}

#glory .content h2,
#glory .content h1 {
	margin: 0;
	font-family: "museo-slab", serif;
	font-weight: 700;
	color: #FFF;
}

#glory .content h1 {
	margin-bottom: 5%;
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	font-size: 3.5em;
	text-transform: none;
	font-style: italic;
}

#glory .content h2 {
	margin: 0 0 2% 0;
	font-size: 5em;
}


body.hp section.feature {
	margin: 0 0 10%;
}

body.hp section.feature h2 {
	padding: 1%;
	background: #4B4E5F;
	font-size: 2em;
	color: #FFF;
	/*text-transform: uppercase;*/
	text-align: center;
}

body.hp section.feature p {
	margin: 0 0 1%;
	/*border: 1px solid red;*/
}

body.hp #testimonial-container {
	margin: 0 0 5%;
	padding: 8% 0;
	background: #EFEFEF;
}

@media (max-width: 767px){
	#glory .content {
		width: 90% !important;
	}
	#glory .content h1 {
		font-size: 2.15em;
	}
	#glory .content h2 {
		font-size: 3em;
	}
	#glory .content p {
		font-size: 1.2em;
		line-height: 120%;
	}
	body.hp .downer {
		display: none !important;
	}
}

.downer {
	display: none;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	margin-top: 800px;
	width: 80px;
	height: 80px;
	background: url(/templates/basten/skins/v1/structure/downer.png);
	opacity: .5;
 	-o-transition:2s;
	-ms-transition:2s;
	-moz-transition:2s;
	-webkit-transition:2s;
}
.downer:hover {
	cursor: pointer;
	opacity: .8;
}

#contrast {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(/core/structure/alpha_tiles/black_20.png);
}


/*********************
 SOCIAL
*********************/

.socialmedia {
	margin: 10px 0;
	text-align: right;
}
.socialmedia a {
	color: #fff;
	margin: 0 0 0 3px;
}
.socialmedia a:hover {
	color: #fff;
}
@media (max-width: 767px) {
	footer {
		text-align: center;
	}
	.socialmedia {
		text-align: center;
	}
}


/*********************
 PUSHSTATE
*********************/

#pushstate-wrapper {
	background: #FFF;
}

#pushstate-limit {
}

#pushstate-canvas {
	padding: 5% 0 3%;
}

body.hp #pushstate-canvas {
	padding: 0;
}

body.hp #pushstate-canvas h2 {
	margin: 0 0 2%;
	font-weight: 300;
	text-align: center;
}


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

#testimonials {
	margin: 4% 0 0;
}

#testimonials>div{
	margin: 0 0 4%;
}

.testimonial p {
	margin: 0;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 140%;
	font-style: italic;
	color: #666;
}
.testimonial p span {
	display: inline-block;
	vertical-align: top;
	margin: 13px 10px 0 0;
	max-height: 15px;
	font-size: 3.5em;
	color: #CCC;
}
.testimonial h5 {
	font-style: italic;
	color: #666;
}
body.hp .testimonial p,
body.hp .testimonial h5 {
	text-align: center;
}


/**
 * Mobile show/hide
*/

.mobile-show {
	display: none;
}
.mobile-hide {
	display: block;
}

@media only screen and (max-width : 1023px) {
	.mobile-show {
		display: block;
	}
	.mobile-hide {
		display: none !important;
	}

	h1 {
		font-size: 3em;
	}
}