@font-face {
	font-family: 'MarsCentraBook';
	font-style: normal;
	font-weight: 400;
	src: url('/promo-design/2020-q3-CC/fonts/MarsCentra-Book.otf');
	src: url('/promo-design/2020-q3-CC/fonts/MarsCentra-Book.woff2') format('woff2'),
		 url('/promo-design/2020-q3-CC/fonts/MarsCentra-Book.woff') format('woff');
}
@font-face {
	font-family: 'MarsCentraBold';
	font-style: normal;
	font-weight: 600;
	src: url('/promo-design/2020-q3-CC/fonts/MarsCentra-Bold.otf');
	src: url('/promo-design/2020-q3-CC/fonts/MarsCentra-Bold.woff2') format('woff2'),
		 url('/promo-design/2020-q3-CC/fonts/MarsCentra-Bold.woff') format('woff');
}
@font-face {
	font-family: 'MarsCentraExtrabold';
	font-style: normal;
	font-weight: 800;
	src: url('/promo-design/2020-q3-CC/fonts/MarsCentra-Extrabold.otf');
	src: url('/promo-design/2020-q3-CC/fonts/MarsCentra-Extrabold.woff2') format('woff2'),
		 url('/promo-design/2020-q3-CC/fonts/MarsCentra-Extrabold.woff') format('woff');
}

body {
    background: #ffffff;
	font-family: "MarsCentraBook", Arial, sans-serif;
	color:#3c3c3c;
	font-size: 16px;
}

.modal-body ul, .modal-body ol{
	margin-left:25px;
}

#modlet-container-middle li{
	list-style-type:none;
}
.form-required{display:none;}
.form-confirm{position:absolute; left:-8653px; top:-5432px;}

.loader{
	position:fixed;
	z-index:5000;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	text-align:center;
	background-color:#ffffff;
	padding-top:170px;
	color:#0000a0;
	display:none;
}

.loader-image{
	max-width:50%;
	margin:auto;
}

.clear{clear:both;}

a{
	cursor:pointer;
}

.hidden{
	display:none !important;
}

.pointer{
	cursor:pointer;
}

h1, h2{
	text-transform: uppercase;
	font-family: "MarsCentraBold";
	font-size:36px;
	color:#0000a0;
}
h4{
	text-transform: uppercase;
	font-family: "MarsCentraBold";
	font-size:13px;
	color:#0000a0;
}

@media only screen and (max-width: 768px){
	h1,h2{
		font-size:28px;
	}
}

.btn{
	border-radius:0px;
	text-transform: uppercase;
	font-family: "MarsCentraBold";
	font-size:16px;
	padding:15px 30px 15px 30px;
}
.btn-primary {
    color: #fff;
    background-color: #0000a0;
    border-color: #0000a0;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{
	outline:none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{
	background-color:#0000e0;
}
.navbar{
	min-height:115px;
}

.navbar-nav>li>a{
	line-height: 83px;
}

.navbar-default{
	border-color:#d8d8d8;
	background-color:white;
}

.navbar-default .navbar-nav>li>a{
	color:#3c3c3c;
	text-transform:uppercase;
	font-size:15px;
	font-family: "MarsCentraBold";
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	background-color:white;
	border-bottom: 3px solid #00d7b9;
	color:#3c3c3c;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	background-color:white;
	border-bottom: 3px solid #00d7b9;
	color:#3c3c3c;
}

@media only screen and (min-width: 768px){
	.navbar-nav{
		margin-left:80px;
	}
}

@media only screen and (max-width: 768px){
	.navbar-nav>li>a{
		line-height: 20px;
	}
	.navbar-brand img{
		max-height:40px;
	}
	.navbar{
		min-height:65px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		margin-top:10px;
	}
}

.box{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	margin-bottom:40px;
}

.box-content-left{
	padding:90px 15px 90px 90px;
}
.box-content-right{
	padding:90px 90px 90px 15px;
}

.red-and-yellow{
	margin-top:110px;
}
.indent{
	margin-left:40px;
}
.participation-row ul li{
	margin-left:25px !important;
}

@media only screen and (max-width: 768px){
	h4{
		font-size:12px;
	}
	.box-content-left, .box-content-right{
		padding:15px;
	}
	.red-and-yellow{
		margin-top:0px;
		margin:auto;
	}
	.btn{
		margin:auto;
		display:block;
		width: 100%;
	}
	.indent{
		margin-left:0px;
		opacity:0.6;
	}
}

.mechanik-container{
	margin-top:80px;
	margin-bottom:80px;
	padding-top:20px;
	padding-bottom:40px;
}
.mechanik{
	display:block;
	margin:auto;
}

.form-control{
	border:1px solid #0000a0;
	border-radius:0px;
	box-shadow:none;
}
label{
	color:#0000a0;
	text-transform: uppercase;
}
.hint{
	font-size:12px;
	margin:5px 0px 0px 10px;
}
.spacer-code{
	height:130px;
}
@media only screen and (max-width: 768px){

}

.popover-title{
	background-color:#00D7B9;
	color:#0000a0;
}
.popover.bottom>.arrow:after{
	border-bottom-color:#00D7B9;
}
.popover.bottom>.arrow{
	border-bottom-color: #00D7B9;
	top:-10px;
}

.footer-container{
	background-color:#0000a0;
	padding-bottom:40px;
}
.glyphicon{
	color:#0000a0;
	cursor:pointer;
}
.footer-logo-mobile{
	max-width:165px;
	display:block;
	margin:auto;
	margin-top:20px;
}

.footer-logo-desktop{
	margin-top:20px;
}

.ot-sdk-show-settings{
	position: fixed !important;
    bottom: 0px !important;
    left: 0 !important;
    z-index: 10000 !important;
}
.ot-sdk-container{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:16px;
}

.modal-dialog{
	width:1000px;
	max-width:90%;
}

.modal-content{
	border:10px solid #0000a0;
	background-color:#ffffff;
	padding:20px;
    color:#0000a0;
}

.close{
	color:#0000a0;
	font-size:40px;
	opacity: .7;
    position: absolute;
    right: 15px;
	top: 0px;
	cursor: pointer;
	z-index:2000;
}

.close:hover, .close:focus{
	color:#0000e0;
	opacity: .8;
}

.modal-content h1{
	font-weight:normal;
	text-transform:uppercase;
	font-size:34px;
	margin-top:20px;
	color:white;
}
.modal-content h2{
	font-weight:normal;
	text-transform:uppercase;
	font-size:22px;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	color:#0000a0;
}
.modal-content h3{
	font-weight:normal;
	text-transform:uppercase;
	font-size:19px;
	margin-top:20px;
	color:#0000a0;
}
.modal-body ul{
	margin-left:25px;
}


.ui-datepicker .ui-datepicker-title{
	font-size:14px;
	line-height:35px;
	position:relative;
}
.ui-datepicker-prev, .ui-datepicker-next{
	top:-5px;
}

.ui-widget-header{
	background:#0000a0;
	color:white;
	border:0;
}
.ui-widget{
	font-family:'Helvetica', 'Arial';
}
.ui-datepicker td span, .ui-datepicker td a{
	text-align:center;
	font-size:12px;
}
.ui-datepicker table{
	font-size:14px;
}

.ui-widget-header{
	font-size:22px;
}

.error{
	background-color:#e79d97;
	border:1px solie red;
}
.agb-error{
	background-color:#e79d97;
	border:1px solie red;
	padding:5px;
}

.sweet-alert p{
	text-align:left;
	font-size:16px !important;
	font-weight:400;
	color: #0000a0;
}
.sweet-alert p ul{
	margin-left:25px;
	margin-top:30px;
}
.sweet-alert h2{
	margin:0px;
	line-height:100%;
	color: #0000a0;
}
.confirm{
	color:white !important;
	background-color:#0000a0 !important;
	border-radius:0px !important;
}