img {max-width: 100%; height: auto !important;}
p {margin: 10px 0;}
a {color: inherit;}
hr {display:block; line-height: 0; height:0; font-size:0; overflow: hidden; border: none; border-top: 1px solid #eee; padding:0; margin: 15px 0 15px 0; _margin: 6px 0 7px 0; *margin:6px 0 7px 0; }
table {border-collapse: collapse;}
input, option, select {background: transparent;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ddd; } ::-moz-placeholder { /* Firefox 19+ */ color: #ddd; } :-ms-input-placeholder { /* IE 10+ */ color: #ddd; } :-moz-placeholder { /* Firefox 18- */ color: #ddd; }

html {margin: 0; padding: 0; background: #fff;}
body {font-family: 'Open Sans', sans-serif; font-size: 16px; color: #23383D; margin: 0; padding: 0; height: 100%; position: relative; }

button, input {outline: none;}

.main {position: relative; z-index: 1;}
.width {width: 1340px; max-width: 90%; margin: 0 auto; padding: 0; box-sizing: border-box;}

h1,
h2 {font-size: 22px; margin-top: 0; color: #23383D; text-transform: uppercase; margin-bottom: 40px;}
.HP h2 {margin-bottom: 30px;}

.red_button {padding: 12px 35px; color: white; font-weight: bold; background: #c8090b; border-radius: 5px; text-decoration: none; margin-top: 30px; display: inline-block; text-transform: uppercase; border: none; font-family: "Open Sans"; cursor: pointer; font-size: 16px; transition: ease 0.2s;}
.red_button:hover {background: #01B4C8;}

.TopMessage
{text-align:center;
 width:100%;
}

.ErrorWrapper 
    {text-align:center;
 width:100%;
 color:#c8090b;
 margin-bottom:20px;
}

.BoldAndRed
{
    font-weight:bold;
    color:#c8090b;
}

.separator {width:100%; height:1px; border-bottom: 1px solid #ccc; margin-top:20px;margin-bottom:20px;}

/* header */

header {background: #e8eced;}
header .width {display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
header .width > .left > a {display: block; position: relative;}
header .width > .left > a > img{display: block;}
header .width .right {margin-left: 40px;}
header .width > .right > a {display: block; position: relative;}
header .width > .right > a > img {display: block;}




/* main */

.main {background: #f8f8f8; padding: 50px 0;}
.main .boxes {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;}
.main .boxes.fs {align-items: flex-start;}
.main .boxes > div {background: white; width: 48%; padding: 30px; box-sizing: border-box; border-bottom: 1px solid #e8eced; font-size: 15px;}
.main .boxes .bottom {font-size: 14px; margin-bottom: 0; margin-top: 25px; display: flex; justify-content: space-between; align-items: flex-start;}
.main .boxes .bottom span {color: #c8090b;}
.main .boxes .bottom p {margin-top: 0;}
.main .boxes .bottom a {color: #fff; background: #333; display: flex; justify-content: center; align-items: center; padding: 10px; text-align: center; font-size: 13px; border-radius: 3px; text-decoration: none; transition: ease 0.2s; margin-left: 20px;}
.main .boxes .bottom a:hover {background: #c8090b;}

.main .links {display: flex; justify-content: space-between; text-align: center; font-size: 14px; flex-wrap: wrap;}
.main .links .col {width: 15%;}
.main .links .col a {display: flex; color: white; background: #c8090b; justify-content: center; align-items: center; border-radius: 5px; padding: 12px; box-sizing: border-box; text-decoration: none; transition: ease 0.2s; font-weight: bold; font-size: 15px;}
.main .links .col a:hover {background: #01B4C8;}

.form_box {margin-top: 10px;}
.form_box .inputs {display: flex; margin-bottom: 10px; align-items: center;}
.form_box .form_label {font-weight: bold; font-size: 15px; width: 140px;}
.form_box .form_input {flex-grow: 1;}
.form_box .form_input .Input {width: 100%; border: 1px solid #e6e6e6; padding: 7px 10px; box-sizing: border-box; font-family: "Open Sans"; font-size: 15px;}
.form_box .button_hit {text-align: center; margin: 30px 0;}
.form_box .button_hit .Button {border: none; background: #c8090b; color: white; padding: 12px 55px; border-radius: 5px; font-size: 15px; font-weight: bold; text-transform: uppercase; cursor: pointer; transition: ease 0.2s;}
.form_box .button_hit .Button:hover {background: #01B4C8;}

.main .boxes .left .help {display: flex; justify-content: space-between; align-items: center; font-size: 13px; margin: 0 -30px; padding: 20px 30px 0; border-top: 1px solid #eee;}
.main .boxes .left .help .right a {padding: 10px; background: #333; color: white; border-radius: 3px; text-decoration: none; margin-left: 20px; transition: ease 0.2s;}
.main .boxes .left .help .right a:hover {background: #c8090b;}


/* verify */

p.highlight {font-weight: bold; color: #c8090b; margin-bottom: 20px; font-size: 16px; margin-top: -10px; border-bottom: 1px solid #ddd; padding-bottom: 25px; }

.verify_open {display: none;}
.verify_open.open {display: block;}

.verify_open .form_box {margin-top: 40px;}
.verify_open .form_box .button_hit {text-align: right; margin-bottom: 0;}


/* Footer */

footer {background: white; padding: 30px 0;}
footer .width {display: flex; justify-content: space-between;}
footer .width .left {display: flex;}
footer .width .left .cols {margin-right: 30px; min-width: 180px;}
footer .width .left .cols ul {margin: 0; padding: 0;}
footer .width .left .cols ul li {margin: 0; padding: 0; list-style: none;}
footer .width .left .cols ul li a {display: block; padding: 3px 0;}
footer .width .left .cols ul li a:hover {text-decoration: none;}
footer .width .right {flex-grow: 1; text-align: right;}
footer .width .right .icons {margin-top: 15px;}
footer .right p {margin-top: 0; font-size: 14px;}
footer .right a {color: #C8090B;}



/* Homepage slider */

.main .slide {position: relative;}
.main .slides {position: relative;}
.main .slides img {display: block;}
.main .slides:hover .arrow {opacity: 1;}
.main .slides:hover .play_button {opacity: 1;}
.main .slider .banner_section {margin: 0 auto; display: none;}
.slider.slider_mobile {display: none;}

.slider .slick-slide video {
    max-width: 100%;
    height: auto !important;
}


/* pagination homepage - dots and arrows */

.main  ul.dots {display: flex; position: absolute; width: 100%; bottom: 20px; justify-content: center; margin: 0; padding: 0; left: 0;}
.main  ul.dots li {display: flex; margin: 2px; padding: 0; list-style: none;}
.main  ul.dots li button {width: 10px; height: 10px; flex-shrink: 0; background: white; border: none; display: block; padding: 0; margin: 0; border-radius: 100%; border: none; cursor: pointer;}
.main  ul.dots li.active button {background: #01b3c8 !important;}
.main .arrow {display: block; width: 40px; height: 100%; position: absolute; top: 0; opacity: 0; transition: ease 0.3s;}
.main .arrow.left_arrow {background: url("../images/ico_arrow_left_slider.png") center center no-repeat; left: 0;}
.main .arrow.right_arrow {background: url("../images/ico_arrow_right_slider.png") center center no-repeat; right: 0; left: inherit;}


/* Paginace Slick - dots and arrows */

.main .slides:hover button.slick-prev {opacity: 1;}
.main .slides:hover button.slick-next {opacity: 1;}

button.slick-prev {position: absolute; left: 0; top: 0; height: 100%; background: url("../images/ico_arrow_left_slider.png") center center no-repeat; background-color: transparent; border: none; font-size: 0; width: 50px; cursor: pointer; opacity: 0; transition: ease 0.3s;}
button.slick-next {position: absolute; right: 0; top: 0; height: 100%; background: url("../images/ico_arrow_right_slider.png") center center no-repeat; background-color: transparent; border: none; font-size: 0; width: 50px; cursor: pointer; opacity: 0; transition: ease 0.3s;}
ul.slick-dots {position: absolute; bottom: 15px; left: 0; display: flex; justify-content: center; width: 100%; padding: 0; margin: 0;}
ul.slick-dots li {list-style: none; display: flex;}
ul.slick-dots li button {display: block; border: none; font-size: 0; width: 10px; height: 10px; cursor: pointer; border-radius: 100%; background: white; margin: 0 2px; box-sizing: border-box; padding: 0;}
ul.slick-dots li.slick-active button {background: #01B4C8;}



/* play buttons */

.main .play_button {position: absolute; background: #c8090f; color: white; left: 50%; top: 50%; transform: translate(-50%, -50%); text-transform: uppercase; font-weight: bold; text-decoration: none; border-radius: 4px; transition: ease 0.2s; font-size: 12px; display: flex; align-items: center; padding-left: 12px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); opacity: 0;}
.main .play_button::after {content: "▶"; padding: 8px 12px; background: red; border-radius: 4px; margin-left: 12px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; transition: ease 0.2s;}
.main .play_button:hover {background: red;}
.main .play_button:hover::after {background: #c8090f;}

.main .play_button.first {transform: translate(-50%, -80%);}
.main .play_button.second {transform: translate(-50%, 30%);}




/* Dark mode */

.html_dark_theme {background: #333;}
.dark_theme {color: #bbb;}
.dark_theme h1, 
.dark_theme h2 {color: #bbb;}
.dark_theme header {background: #333;}
.dark_theme #TermsPopUp {color: #222;}
.dark_theme .main {background: #222;}
.dark_theme .main main {background: #222;}
.dark_theme .main .boxes > div {background: #333; border-color: #666;}
.dark_theme .form_box .form_input input {border-color: #666; color: #bbb;}
.dark_theme .main .boxes .left .help {border-color: #666;}
.dark_theme .main .boxes .left .help .right a,
.dark_theme .main .boxes .bottom a {background: #222;}
.dark_theme .main .boxes .left .help .right a:hover,
.dark_theme .main .boxes .bottom a:hover {background: #c8090b;}
.dark_theme footer {background: #333;}
.dark_theme header .width > .left > a::after {content: ""; position:  absolute; width: 100%; height: 100%; background: #333 url('../images/logo_dm.svg') center center no-repeat; background-size: contain; left: 0; top: 0; z-index: 1; }
.dark_theme header .width > .right > a::after {content: ""; position:  absolute; width: 100%; height: 100%; background: #333 url('../images/awards-tour-header_dm.svg') center center no-repeat; background-size: contain; left: 0; top: 0; z-index: 1; }
.dark_theme .separator {border-bottom: 1px solid #666;}


/* Large devices (desktops, less than 1200px) */
@media only screen and (max-width: 1199px) {

	.main .links .col {width: 48%;}
	.main .boxes > div {width: 100%;}
	.main .boxes > .right {margin-top: 30px;}

}


/* Medium devices (tablets, less than 992px) */
@media only screen and (max-width: 991px) {


}

/* Small devices (landscape phones, less than 768px) */
@media only screen and (max-width: 767px) {

	header .right {display: none;}
	footer .width {flex-wrap: wrap;}
	footer .width .right {text-align: left; margin-top: 20px;}
	footer .width .left {display: block;}
	footer .width .left ul {display: flex; margin-bottom: 10px; justify-content: flex-start; flex-wrap: wrap;}
	footer .width .left .cols ul li {margin: 0 10px 0 0;}
	.main .boxes .left .help {flex-wrap: wrap;}
	.main .boxes .left .right {margin-top: 10px;}
	.main .boxes .left .help .right a {margin: 0;}
	.main .boxes .bottom {flex-wrap: wrap;}
	.main .boxes .bottom a {margin-left: 0; margin-top: 10px;}

	.form_box .inputs {flex-wrap: wrap;}
	.form_box .form_label {width: 100%; margin-bottom: 6px;}
	p.highlight {font-size: 14px;}

    .slider {display:none;}
}


/* phones */

@media only screen and (max-width: 575px) {	
	
	.main .links .col {width: 100%;}
   .slider {display:none;}
}