@charset "UTF-8";/*!
 * @license
 * @date      Wed Jan 29 2020 09:54:09 GMT+0100 (Central European Standard Time)
 * @time      1580288057775
 * @brand     opel
 * @version   1.10.0-00000

 * Copyright (c) 2020 General Motors Corp. All Rights Reserved.
 * This material is solely and exclusively owned by General Motors and may not
 * be reproduced elsewhere without prior written approval.

 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 /*
	 @import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap&subset=japanese);
*/

 @import url(https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);

* {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

 html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
 body{margin:0; background-color: #1d1717; font-family: 'Roboto', serif;}
html,body {min-height:100%; margin:0px; padding:0px; font-size:16px;}
.top-bar {height:70px; background-color: #1d1717; padding-top:10px; padding-left:0px; text-align:center;}
.main {background: url(/ds7-etense-promo/images/bg_desktop.jpg) -100px top no-repeat; background-size:cover; min-height:800px; background-color: #000;}
a.home {color: #000; display:inline-block;} a.home:hover {color:#606060; text-decoration: none; border-bottom:4px solid #2d2525;}
/*.form {position: relative; left: 65%; top: 30px; color: #fff; background-color: rgba(29, 23, 23, 0.9); width:330px; border:2px solid #fff;} */
/*.form {position: relative; left: 70%; top: 30px; color: #fff; background-color: rgba(0, 0, 0, 0.7); width: 330px;  } */
.form {position: absolute; height: 730px; top: 70px; right: 0px; color: #fff; background-color: rgba(0, 0, 0, 0.5); width: 330px;  }
.form .head {background-color: rgba(0, 0, 0, 0.7); color: #fff; text-transform: uppercase; font-weight: 700; font-size:14px; padding:20px 10px; text-align:center; font-family: 'PT serif', serif;}
.form .fld {padding:20px 40px; font-size:12px; color: #fff; font-style: italic; font-weight: 500;}
.thkyp {font-size:14px;}
.form input, .form textarea {border:1px solid #fff; width:100%; margin-bottom:10px; color: #000; padding:2px 5px; font-style: normal; font-size:12px; outline:none; border:0px;}
input:active {outline:none;}
.bootstrap-select>.dropdown-toggle {outline:0px !important;}
.bootstrap-select .dropdown-toggle:focus {outline:0px !important;}
.bootstrap-select .dropdown-toggle:focus {outline:0px !important;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {outline:0px !important;}
/*
.btnsend {color: #000; width:80%; text-transform: uppercase; font-weight: 700; font-size:14px; padding:10px 10px 10px 20px; border-radius:0px; border-color: #2d2525; font-style: normal; margin:20px auto; background: #2d2525 url(/promoassets/images/arrow-right-black.svg) no-repeat;
    background-size: 17px;
    background-position: 10% center;} */

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: #ad0040;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    background-color: #efdada;
}
#checkerror {display:none; text-align:center; color: #d46e6e; margin-top:5px; text-style:none;}
.btnsend {
    width: 100%;
    color: #fff;
    background-position: 1% center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    padding: 13px 10px 12px 20px;
    border-radius: 0px;
    border-color: #2d2525;
    font-style: normal;
    font-family: 'PT serif', serif;
    outline:none;
    margin: 20px auto 0px;
    background: #ad0040; /*  url(/promoassets/images/arrow-right-black.svg) no-repeat;*/
    background-size: 17px;
    background-position: 2% center;
    line-height: 15px;
    border:0px;
    }    
    
#submt {    padding: 20px 10px 20px 20px;}    
.btnsend:hover {color: #fff !important; 
	-webkit-transition-timing-function: easeOutExpo;
    -moz-transition-timing-function: easeOutExpo;
    transition-timing-function: easeOutExpo;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-animation: all 1s ease;
    -moz-animation: all 1s ease;
    animation: all 1s ease;
    background-color: #820030;
    border-color: #820030;
    text-decoration: none;
}

.promotext {position:absolute; margin-top:50px; margin-left:80px; color:#fff; text-align:left; line-height: 32px;}
.promotextmob {display:none; background-color:#000;}
.promo1 {font-family: 'PT Sans', serif; font-size:28px; font-weight: bold; margin-bottom: 0px; color: #000000;}
.promo2 {font-family: 'Roboto',serif; font-style:none; font-size: 20px; margin-top: 0px; color: #000000;}
.promotextmob .promo1 {font-size:24px;}
.promotextmob .promo2 {font-size:16px;}

.mimg {display:none;}
/*
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #fff;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 0%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 18px;
    height: 18px;
    background: #ad0040;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 0%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
*/
.social {display:none;}
.text-muted {display:block;}
		.filter-option-inner-inner .text-muted {display:none;}
		.btn {border-radius:0px; border-color:#fff; height:32px; margin-bottom:10px; line-height: 20px; padding:3px 8px; font-style: normal; }
		.snewview {width:100%; border-radius:0px; border: 1px solid #fff;}
		.form input[type='text'] {
   			width: 100%;
		/*    float: left; */
		    height: 32px;
		    font-size: 13px;
	    	padding: 0px 10px;
		    color: #000;
		    outline: none;
		    border: 1px solid #fff;
		    border-radius: 0px;
		    margin-bottom:10px;}
.bootstrap-select>.dropdown-toggle {height:30px;}
.dropdown-menu {
    left: -20;
    padding: 5px 0;
    margin: -10px 0 0;
    border-radius: 0px;
    outline:none;
}
.dropdown-menu > li > a {outline:none;}
a.stat-image-link {display:inline-block; margin:20px 10px;}
a.stat-image-link:hover {text-decoration:none;}
.stat-image-link img {height:20px; }
.dstp-soc {background-color: #2d2525; text-align:center; color: #fff; padding-bottom:20px; padding-top: 20px;}
#loading {display: none;}
/* responsive */


.container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  user-select: none;
}

.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
}

.container:hover input ~ .checkmark {
  background-color: #ccc;
}

.container input:checked ~ .checkmark {
  background-color: #ad0040;
  
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input:checked ~ .checkmark:after {
  display: block;
}

.container .checkmark:after {
  left: 7px;
  top: 4px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media only screen and (max-width: 940px) {
	 body{background-color: #1d1717;}
	.main {background: #000; min-height:90%; background-color: #000;}
	.promotext {display:none;}
	.promotextmob {display: block; background-color: #000; text-align:center; color: #fff; padding:10px 0px; margin-top:20px;}
	.form {position: relative; left: 0; top: 0px; color: #fff; background-color: #000; width:330px; margin:30px 0px 0px; height:auto;}
	.form .head {background-color: #000;}
/*	.form .head {background-color: #1d1717;}
	.form .fld {background-color: #231d1d;} */
	.form .fld {background-color: #000;}
	.mimg {display:block;}
	.mobsoctext {margin:10px auto;}
	.social {display:block; /*border-bottom: .0625rem solid #3a3a3a; border-top: .0625rem solid #3a3a3a; */ padding: .75rem 2rem; color: #fff; text-align:center; margin-bottom:0px; background-color: #231d1d;}
	.social {padding-top:15px; text-align:center; margin-top:30px;}
	.social a{margin:0px 10px; text-decoration: none;}
	.social a img {height:20px; margin:10px; }
	.social a {border:1px solid #231d1d;}
	.social a:hover {border:1px solid #fff;}
   .promo1 {color: #ffffff;}
   .promo2 {color: #ffffff;}
	.dropdown-menu {
    left: -20;
    padding: 5px 0;
    margin: -10px 0 0;
}
.dstp-soc {display:none;}
}