/* Font Loading */

@font-face { font-family: "Proxima Nova"; src: url(fonts/ProximaNova-Regular.eot); }
@font-face { font-family: "Proxima Nova"; src: url(http://:/) format("No-IE-404"), url(fonts/ProximaNova-Regular.svg) format("svg"), url(fonts/ProximaNova-Regular.woff) format("woff"), url(fonts/ProximaNova-Regular.ttf) format("truetype"); }

@font-face { font-family: "Proxima Nova"; font-style: italic; src: url(fonts/ProximaNova-RegularItalic.eot); }
@font-face { font-family: "Proxima Nova"; font-style: italic; src: url(http://:/) format("No-IE-404"), url(fonts/ProximaNova-RegularItalic.svg) format("svg"), url(fonts/ProximaNova-RegularItalic.woff) format("woff"), url(fonts/ProximaNova-RegularItalic.ttf) format("truetype"); }

@font-face { font-family: "Proxima Nova"; font-weight: 100; src: url(fonts/ProximaNova-Light.eot); }
@font-face { font-family: "Proxima Nova"; font-weight: 100; src: url(http://:/) format("No-IE-404"), url(fonts/ProximaNova-Light.svg) format("svg"), url(fonts/ProximaNova-Light.woff) format("woff"), url(fonts/ProximaNova-Light.ttf) format("truetype"); }

@font-face { font-family: "Proxima Nova"; font-weight: 100; font-style: italic; src: url(fonts/ProximaNova-LightItalic.eot); }
@font-face { font-family: "Proxima Nova"; font-weight: 100; font-style: italic; src: url(http://:/) format("No-IE-404"), url(fonts/ProximaNova-LightItalic.svg) format("svg"), url(fonts/ProximaNova-LightItalic.woff) format("woff"), url(fonts/ProximaNova-LightItalic.ttf) format("truetype"); }

@font-face { font-family: "Proxima Nova"; font-weight: 500; src: url(fonts/ProximaNova-Semibold.eot); }
@font-face { font-family: "Proxima Nova"; font-weight: 500; src: url(http://:/) format("No-IE-404"), url(fonts/ProximaNova-Semibold.svg) format("svg"), url(fonts/ProximaNova-Semibold.woff) format("woff"), url(fonts/ProximaNova-Semibold.ttf) format("truetype"); }

@font-face { font-family: "Proxima Nova"; font-weight: 500; font-style: italic; src: url(fonts/ProximaNova-SemiboldItalic.eot); }
@font-face { font-family: "Proxima Nova"; font-weight: 500; font-style: italic; src: url(http://:/) format("No-IE-404"), url(fonts/ProximaNova-SemiboldItalic.svg) format("svg"), url(fonts/ProximaNova-SemiboldItalic.woff) format("woff"), url(fonts/ProximaNova-SemiboldItalic.ttf) format("truetype"); }

@font-face { font-family: "Proxima Nova"; font-weight: 700; src: url(fonts/ProximaNova-Bold.eot); }
@font-face { font-family: "Proxima Nova"; font-weight: 700; src: url(http://:/) format("No-IE-404"), url(fonts/ProximaNova-Bold.svg) format("svg"), url(fonts/ProximaNova-Bold.woff) format("woff"), url(fonts/ProximaNova-Bold.ttf) format("truetype"); }

@font-face { font-family: "Proxima Nova"; font-weight: 700; font-style: italic; src: url(fonts/ProximaNova-BoldItalic.eot); }
@font-face { font-family: "Proxima Nova"; font-weight: 700; font-style: italic; src: url(http://:/) format("No-IE-404"), url(fonts/ProximaNova-BoldItalic.svg) format("svg"), url(fonts/ProximaNova-BoldItalic.woff) format("woff"), url(fonts/ProximaNova-BoldItalic.ttf) format("truetype"); }

/* @font-face { font-family: Jaguar; src: url(fonts/Jaguar-Regular.eot); }
@font-face { font-family: Jaguar; src: url(http://:/) format("No-IE-404"), url(fonts/Jaguar-Regular.svg) format("svg"), url(fonts/Jaguar-Regular.woff) format("woff"), url(fonts/Jaguar-Regular.ttf) format("truetype"); } */

@font-face { font-family: LandRover; font-weight: bold; src: url(fonts/landroverbldl-webfont.eot); }
@font-face { font-family: LandRover; font-weight: bold; src: url(http://:/) format("No-IE-404"), url(fonts/landroverbldl-webfont.woff) format("woff"), url(fonts/landroverbldl-webfont.ttf) format("truetype"); }

@font-face { font-family: 'fontello'; src: url(fonts/fontello.eot?68447634); }
@font-face { font-family: 'fontello'; src: url(fonts/fontello.eot?68447634#iefix) format('embedded-opentype'), url(fonts/fontello.woff?68447634) format('woff'), url(/fonts/fontello.ttf?68447634) format('truetype'), url(fonts/fontello.svg?68447634#fontello) format('svg'); font-weight: normal; font-style: normal; }

/* Main styles */

* { margin: 0; padding: 0; font-family: "Proxima Nova", "Trebuchet MS", Arial, Helvetica, Sans-Serif; outline: 0; }
body { background-color: white; color: #030a16; }
h1 { font-size: 24px; text-transform: uppercase; font-family: LandRover, Arial, Helvetica, Sans-Serif; font-weight: bold; }
h2 { font-size: 22px; letter-spacing: 4px; font-family: LandRover; }
h4 { font-weight: normal; }
.clear { clear: both; }
.translucid { background: rgba(231, 217, 255, 0.8); }
.legaltext { font-size: 12px; color: #000; margin-top: 30px; }

/* Header */
#logo { padding: 30px 10px; }

/* Image */
#intro { background: url(../img/hero-image.jpg) center center; background-size: cover; height: 735px; width: 100%; }
#intro .copy { display: table-cell; vertical-align: middle; padding-left: 40px; }
#intro .copy h2 { font-weight: 600; background: rgba(255,255,255,0.8); padding: 20px; width: 340px; font-size: 28px; }

/* Footer */
#footer > .col-md-6 { margin: 20px 0; font-size: 15px; }

/* Disclaimer */
#disclaimer { color: #586165; padding: 40px 0; font-size: 12px; }
#disclaimer a { color: #586165; text-decoration: none; transition: color 0.2s ease; }
#disclaimer a:hover { color: #2a2c2d; }
.media-links { margin: 20px 10%; padding-top: 20px; }
.privacy-links { margin: 15px 0; }
.privacy-links a { font-weight: 500; }
.privacy-links a:hover { text-decoration: underline !important; color: #586165 !important; }
.social-icon { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; }

/* Forms */
.data-form { position: relative; margin-top: 20px; }
.data-form.res { margin-top: 0; }
.data-form > .col-md-6 > div { margin-bottom: 3px; }
input { background: transparent; margin-bottom: 10px; width: 100%; color: #2c2c2c; box-sizing: border-box; padding: 4px 0; font-size: 14px; border: none; border-bottom: 2px solid #586165; margin-bottom: 20px; }
.bootstrap-select { margin-bottom: 10px !important; }
.bootstrap-select button { border-radius: 0; padding: 5px 12px; }
input[name=code] { margin: 20px 0; width: 100%; text-transform: uppercase; text-align: center; padding: 5px 0; font-weight: bold; font-family: 'Proxima Nova'; font-size: 18px; border: 1px #999 solid; background: rgba(255, 255, 255, 0.9); }
input[name=movil] { width: 100%; }
input[name=cp] { width: 100%; }
.btn.red { background: #9e1b32; color: #fff; font-size: 14px; transition: 0.5s background ease; border-radius: 0; font-weight: 500; font-size: 16px; letter-spacing: 2px; }
.btn.red:hover { background: #484848 !important; color: #fff; }
.btn.white { background: transparent; color: black; border: 1px solid black; font-size: 14px; transition: 0.5s background ease; border-radius: 0; font-weight: 500; font-size: 10px; letter-spacing: 2px; padding: 15px; }
.btn.white:hover { background: #484848 !important; color: #fff; }
.btn.transparent { background: transparent; color: #fff; font-size: 14px; transition: 0.5s background ease; border-radius: 0; font-weight: 400; font-size: 16px; letter-spacing: 2px; }
button.dropdown-toggle { border: none; border-bottom: 2px solid #586165; }
.btn-group.open .dropdown-toggle { background: none; box-shadow: none; }
.bootstrap-select button { padding: 4px 0; background: transparent; }
.bootstrap-select button:hover { background: transparent !important; }
.dropdown-menu { left: -1px; }
.bootstrap-select .dropdown-toggle:focus { background: transparent; outline: none !important; }
*::-webkit-input-placeholder { color: #2c2c2c; }
*:-moz-placeholder { color: #2c2c2c; }
*::-moz-placeholder { color: #2c2c2c; }
*:-ms-input-placeholder { color: #2c2c2c; }
*:focus { outline: none !important; }
/* .btn.blue { background-color: #003e80; } */

/* Dialog */
#dialog { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 10; display: none; color: white; }
.absolute-center { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 570px; height: 300px; text-align: center; display: none; }
.absolute-center.code { display: block; }
.button-holder { margin-top: 16px; }
.button-holder .btn { font-size: 12px; }

/* Modal Window */
#modal, .curtain { position: absolute; width: calc(100% + 15px); height: calc(100% - 75px); background-color: rgba(0, 0, 0, 0.9); z-index: 2; margin-left: -15px; margin-top: 85px; border: 1px #666 solid; display: none; color: white; }
.curtain { border: none; }
#modal .btn { font-size: 12px; display: block; margin: 0 auto; margin-bottom: 10px; }
.modal-container { width: 100%; height: 100%; display: table; }
.modal-info { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px; }
#closebtn { position: absolute; right: 0; color: #939393; text-decoration: none; cursor: pointer; margin: 10px; transition: all 0.2s ease; }
#closebtn:hover { font-weight: bold; }
#curtaintext { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; height: 25px; text-align: center;}


/* Responsive */
@media (max-width: 1400px)
{
	#intro { height: 400px; }
}
@media (max-width: 1200px)
{
	#intro { height: 500px; background-position: center 25%; }
	#intro .copy h2 { width: 283px; font-size: 22px; }

}
@media (max-width: 991px)
{
	#intro { margin-bottom: 40px; }
	#dialog .button-holder > .col-md-6:nth-child(2) { margin-top: 16px; }
	#modal, .curtain { margin-top: 80px; }
	#intro .copy { vertical-align: top; padding-left: 0; text-align: center; }
	#intro .copy h2 { width: 100%; }
}
@media (max-width: 800px)
{
	#modal { border: none; }
	#closebtn { display: none; }
}
@media (max-width: 850px)
{
	#intro { background-position: center top; }
}
@media (max-width: 680px)
{
	#intro { height: 260px; }
	#intro .copy h2 { font-size: 13px; padding: 10px; }
}