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


body {font-family:"proxima-nova"; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; padding:3em 0; background:url(../background.jpg); background-size:cover;}

h1 {font-weight:900; font-size:21px;}
h2 {font-weight:600; font-size:16px;}
h3 {font-weight:600; font-size:14px;}

hr {border-top: 1px solid rgba(255,255,255,0.2);
    margin-top: 50px;
    margin-bottom: 50px;}

.logo {text-align:center; margin-top:0px; color:#fff;}
.logo img {width:200px; height:auto;}

.logo .thule-logo {width:130px;}
.thule-btn {background: #000;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 17px 20px 21px;
    margin-left: -2px;
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;}
.thule-btn:hover {background:#fff; color:#000; text-decoration:none;}

.social {position: relative;}
.social a {opacity:.7}
.social a:hover {opacity:1}
.social img {width: 32px; margin-right: 6px; display: inline-block;}

.arb {position: relative;width: 200px; margin-bottom:20px;}

.modal-content {text-align:center; border-radius:10px; -webkit-box-shadow: 0 18px 58px 1px rgba(0, 0, 0, 0.7); box-shadow: 0 18px 58px 1px rgba(0, 0, 0, 0.7);}
.modal-backdrop.in {opacity:.2}
.close {font-size:40px; top:-5px !important; margin-top: -2px; color: #fff; opacity: .8; text-shadow: none;}
.close:hover {color:#fff; opacity: 1}

.modal-header {background-image: url(../modal-header.jpg); background-size:cover; background-position: 0 -180px; color: #fff; border-radius: 8px 8px 0 0; border:0;}
.modal-header h1 {font-size: 30px; margin: 25px 0 25px 10px; text-shadow: 1px 1px 2px rgba(0,0,0,0.4);}

.modal-body {background:#fff; color:#191919; border-top:0; padding: 40px 30px;}
.modal-body img {width:100%;}

.modal-footer {background:#191919; text-align:center; border-radius:0px 0px 8px 8px; padding: 20px 30px 20px;}
.modal-footer h3 {font-weight: 900; font-size: 24px;float: left; color: #fff; margin: 13px 0;}
.go-btn {background: #fcb215; color: #fff; padding: 18px 40px 16px; border-radius: 50px; width:100%; display:inline-block; margin:20px 0;; text-transform: uppercase; font-weight: 700;}
.go-btn:hover {background:#ffc516; color:#fff; text-decoration:none;}
.phone {color: #fff; font-size: 16px; font-weight: 700; margin: 16px 30px;}
.phone:hover {color:#fff; text-decoration:none;}

.goactive-logo {width: 240px !important; margin: 0 0px 30px 0;}

.social, .go-btn {-webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}

.products {}
.products a {}
.products a img {}
.products h3 {}

@media (min-width: 768px) {
.modal-dialog { width: 750px; margin: 100px auto;}
}


	
/* Common button styles */
.button {
	padding: 15px 50px;
	font-weight:900;
	text-transform:uppercase;
    display: inline-block;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	font-size:11px;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

/* Aylen */
.button.button--aylen {
	background: #fff;
	color: #37474f;
	overflow: hidden;
	-webkit-transition: color 0.6s;
	transition: color 0.6s;
}
.button--aylen.button--inverted {
	background: none;
	color: #fff;
}
.button--aylen::before,
.button--aylen::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform .6s;
	transition: transform .6s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen::before {
	background: #fcb215;
}
.button--aylen::after {
	background: #68c7c4;
}
.button--aylen:hover {
	color: #fff;
	background:#fff;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
}
.button--aylen:hover::before,
.button--aylen:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--aylen:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}
/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}
.button--text-thin {
	font-weight: 300;
}
.button--text-medium {
	font-weight: 500;
}
.button--text-thick {
	font-weight: 600;
}
.button--round-s {
	border-radius: 5px;
}
.button--round-m {
	border-radius: 15px;
}
.button--round-l {
	border-radius: 40px;
}

footer {text-align: center;
    display: inline-block;
    width: 100%;
    padding: 40px 0 20px;}


/*****************************************/
/*              RESPONSIVE               */
/*****************************************/
@media (min-width: 550px) {

}

@media (min-width: 768px) {

}


@media (min-width: 992px) {
h1 {font-weight:900; font-size:36px;}
.logo {margin-top:60px}
.logo img {width:250px;}
.logo .thule-logo {width:160px;}
.thule-btn {padding: 24px 20px 27px;}
.button {font-size:15px;}
.social {position: absolute; left: 20px; bottom: 15px;}
.modal-content {text-align:left;}
.arb {position: absolute;right: 20px;bottom: 20px;}
.goactive-logo {float: left; margin: 0 20px 30px 0;}
.modal-footer {text-align:left}
.go-btn {float:right; display:inline-block; margin:0; width:auto;}
.phone {float: right;}
}


@media (min-width: 1300px) {

}

@media (min-width: 1200px) {
}