/* Base */

@font-face {font-family: 'Nexa-Regular';
    src: url('../fonts/nexa-regular.eot');
    src: url('../fonts/nexa-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa-regular.woff2') format('woff2'),
         url('../fonts/nexa-regular.woff') format('woff'),
         url('../fonts/nexa-regular.ttf') format('truetype');}

@font-face {font-family: 'Nexa-Heavy';
    src: url('../fonts/nexa-heavy.eot');
    src: url('../fonts/nexa-heavy.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa-heavy.woff2') format('woff2'),
         url('../fonts/nexa-heavy.woff') format('woff'),
         url('../fonts/nexa-heavy.ttf') format('truetype');}

@font-face {font-family: 'Nexa-HeavyItalic';
    src: url('../fonts/nexa-heavyitalic.eot');
    src: url('../fonts/nexa-heavyitalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa-heavyitalic.woff2') format('woff2'),
         url('../fonts/nexa-heavyitalic.woff') format('woff'),
         url('../fonts/nexa-heavyitalic.ttf') format('truetype');}

html,body{font-family:'Roboto', sans-serif, arial, verdana;font-size:100%;line-height:1.625rem;color:#342928;margin:0;padding:0 !important;overflow-x:hidden;}

input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}
::selection{background-color:#FFF9C4;text-shadow:none}

a{color:#1babf9;text-decoration: none; transition: all .2s;}
a:hover,
a:focus{color:#1babf9;transition: all .2s;}
a:focus{outline:none;}

input,
button{outline:none}
select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:'';}
select::-ms-expand{display:none;}

.back-top{z-index:5000;display:block;position:fixed;bottom:30px;right:30px;opacity:0;transition:all .3s;background-color:#f5c46c;color:#252525;border-radius:50%;box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);width:56px;height:56px;border:1px solid #f5c46c}
.back-top:hover{background-color:#252525;transition:all .3s;bottom:40px;color:#f5c46c;border-color:#252525}
.back-top span{color:#252525;font-size:1em;position:absolute;left:50%;top:50%;transform:translate(-8px,-13px);line-height:1.5em;width:15px}
.back-top:hover span{color:#f5c46c}
.back-top-show{opacity:1;transition:all 0.3s}

@media (max-width:991.98px){
    .back-top span{font-size:1.1765em;}
}

/* Bootstrap modifications */

.btn{font-family: Nexa-Heavy;height: 56px;border-radius: 0; border: 2px solid #FFFFFF;padding:14px 0 0;transition: all .3s;min-width: 256px;text-transform: uppercase;}
.btn:hover{transition: all .3s;}
.btn:focus{box-shadow: none;}
button.btn{padding-top: 1px;}
.btn-back{border: 0;padding: 0;color: #1BABF9;font-size: 16px;line-height: 20px;font-family: Nexa-Heavy;margin: 62px 3px 0;position: relative;display: inline-block;text-transform: uppercase;}
.btn-back:hover,
.btn-back:focus{color: #1BABF9;}
.btn-back .svg{position: relative;margin-right: 20px;top: -1px;width: 9px;height: 16px;}
.btn-back .svg path{fill: #1BABF9;}
.btn-back:hover .svg path{fill:#1BABF9;transition: all .2s;}

.btn-primary{color:#fff;transition: all .3s;background-color: #EBB996;border-color: #EBB996;color: #fff;}
.btn-primary:hover{transition: all .3s;background-color: #E29B69;border-color: #E29B69;color: #fff;}
.btn-primary.focus, .btn-primary:focus{transition: all .3s;background-color: #DA7E3E;border-color: #DA7E3E;color: #fff;}

.btn-secondary{color:#fff;transition: all .3s;background-color: #1E2956;border-color: #1E2956;color: #fff;}
.btn-secondary:hover{transition: all .3s;background-color: #2740A6;border-color: #2740A6;color: #fff;}
.btn-secondary.focus, .btn-secondary:focus{transition: all .3s;background-color: #000000;border-color: #000000;color: #fff;}

.btn-empty{color:#fff;transition: all .3s;background-color: transparent;border-color: #fff;color: #fff;}
.btn-empty:hover{transition: all .3s;background-color: #fff;border-color: #fff;color: #766678;}
.btn-empty.focus, .btn-empty:focus{transition: all .3s;background-color: #766678;border-color: #766678;color: #fff;}

.btn-vote{color:#1BABF9;transition: all .3s;background-color: transparent;border-color: #1BABF9;}
.btn-vote:hover{transition: all .3s;background-color: transparent;border-color: #1C77C3;color: #1C77C3;}
.btn-vote.focus, .btn-vote:focus{transition: all .3s;background-color: transparent;border-color: #0B5390;color: #0B5390;}

.btn-vote2{color:#fff;transition: all .3s;background-color: #1BABF9;border-color: #1BABF9;}
.btn-vote2:hover{transition: all .3s;background-color: #1C77C3;border-color: #1C77C3;color: #fff;}
.btn-vote2.focus, .btn-vote2:focus{transition: all .3s;background-color: #0B5390;border-color: #0B5390;color: #fff;}

form{text-align: left;max-width: 544px;margin: 37px auto 80px;border: 1px solid #C0CBD1;padding: 29px 32px 56px;position: relative;}
form .note{position: absolute;right: 31px;top: 34px;font-size: 12px;line-height: 18px;color: #798F9C;}
label{color: #36474E;font-size: 16px;line-height: 24px;font-weight: normal;}

.form-control{height: 56px;padding: 15px 0 0 16px;color: #36474E;border-color: #AEB8BE;font-weight: normal;font-size: 16px;line-height: 24px;border-radius: 0;}
.form-control:focus{box-shadow: none;color: #36474E;border-color: #0B5390;}

textarea.form-control {height: 208px;padding: 32px 16px 10px 16px;resize: none;}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid{border-color:#cecece;}
.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus{border-color: #0B5390;box-shadow: none;}
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid{border-color: #FF4B2B;background-color: #fff;color: #FF4B2B;}
.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus{border-color: #FF4B2B;box-shadow: none;}

.form-control.is-invalid+div.select-selected{border-color: #FF4B2B;background-color: #F7BDB3;color: #FF4B2B;position: relative;}
.form-control.is-invalid+div.select-selected:after{content: "";background:transparent url(../images/icon-error.svg) left top no-repeat;display: block;width:28px;height:28px;position: absolute;right: 10px;top: 9px;}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before {background-color: #ffffff;}
.custom-checkbox .custom-control-input~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input~.custom-control-label::before,
.custom-control-input~.custom-control-label::before {box-shadow: none;outline-offset: 0;}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {background-image: url(../images/icon-ok.svg);background-size: 72%;background-color: transparent;background-repeat: no-repeat;}

.form-group{position: relative;margin-bottom: 2rem;}
.form-group .placeholder{position: absolute;color: #838383;left: 16px;top: 16px;font-family: 'Roboto', sans-serif, arial;pointer-events: none;transition: all .2s;z-index: 2;font-size: 16px;line-height: 24px;}
.form-group .placeholder.active{font-size: 12px;line-height: 18px;transition: all .2s;left: 17px;top: 7px;}
.form-group.textarea .placeholder{left:16px;}
.form-group.textarea .placeholder.active{left: 17px;}
.form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip{position: absolute;left: 0;right: 0;width: auto;bottom: -20px;background-color: #ee534f;color: #fff;font-size: 12px;line-height: 18px;font-family: 'Roboto', sans-serif, arial;padding: 1px 17px 1px;z-index: 0;margin: 0;font-weight: 400;}
.form-control.is-invalid, .was-validated .form-control:invalid{/*position: relative;*/z-index: 1;border-color: #ee534f;background-image: none;}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{box-shadow: none;border-color:#2740a6;}
.form-control.is-invalid + .placeholder{color:#ee534f;}

.modal.show .modal-dialog{top: 50%;margin: 0 auto;transform: translateY(-50%);}
.modal.fade .modal-dialog {top: 50%;margin: 0 auto;transform: translateY(-50%);}
.modal-title{width:100%;font-size: 2rem;line-height: 2.375rem;margin-bottom: 2rem;}
.modal-header{border: 0;padding: 0;}
.modal-header .close{position: absolute;opacity: 1;color: transparent;background: transparent url(../images/icon-closevideo.svg) left top no-repeat;top: 3px;right: 2px;width: 44px;height: 44px;}
.modal-content{border: 0;border-radius: 0;box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.25);padding: 50px 20px;}
.modal-content .btn{min-width: 0;padding: 3px 40px 0 42px;margin: 0 auto;display: inline-block;/*max-width: 280px;*/}
#game-end .modal-content{max-width: 400px;margin: 0 auto;}
.modal-backdrop{background-color:rgba(72, 72, 72, 0.75);}
.modal-backdrop.show{opacity: 1;}
.modal-body{text-align: center;padding: 0;}
button.close{position: absolute;opacity: 1;right: -15px;top: -15px;z-index: 10;}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{opacity: 1;}
.modal-body .cancel{padding-bottom: 0;}
.modal-body p{margin-bottom: 1.5rem;}
.modal-body .btn{margin-top: 1.25rem;}

@media (min-width: 576px){
    .modal-dialog {max-width: 561px;}
}

@media (min-width: 1200px){
    .container {max-width: 1166px;}
}

/* Bootbox modification */

.bootbox.modal .modal-content{border-radius: 0;}
.bootbox.modal .modal-header{border: 0;padding-top: 3.0625rem;padding-bottom: 0;}
.bootbox.modal .modal-title{font-size: 1.25rem;font-family: Nexa-Heavy;display: block;width: 100%;text-align: center;}
.bootbox.modal .modal-body{font-size: 1.25rem;padding: 32px;}
.bootbox.modal .modal-footer{border: 0;text-align: center;padding-top: 0;padding-bottom:32px;}
.bootbox.modal .modal-footer .btn{margin: 0 auto;}

/* Site */

h1{font-family: Nexa-HeavyItalic;font-size: 40px;line-height: 48px;color: #fff;margin:118px 0 32px 0;}
h1 span {position: absolute;left: -1000%;}
h2{font-family: Nexa-HeavyItalic;font-size: 40px;line-height: 48px;color: #1E2956;margin: 0 0 86px 0;}
h3{font-size: 32px;line-height: 48px;color: #1E2956;font-family: Nexa-HeavyItalic;padding: 0;margin: 0;text-align: center;}
h5{font-family: Nexa-Heavy;font-size: 16px;line-height: 24px;color: #1E2956;margin-bottom: 26px;}

/*body.blurred .site{filter: blur(10px);}*/

.svg path{transition: all .2s;}

.site{/*overflow: hidden;*/}
.site p{line-height: 24px;margin-bottom: 24px;}
.content-container{/*max-width: 1440px;*/margin:0 auto;}
.main-bg{background: linear-gradient(235.28deg, #1E2956 24.65%, #917FAE 68.24%, #F8B296 110.03%);}
header.main-bg{position: relative;background: none; background-color: #fff;border-bottom: 1px solid #eff2f3;}

header{background-color: #fff;border-bottom: 1px solid #ecebea;display: none;}
header,
header .row{min-height: 72px;/*z-index: 10000;*/position: relative;/*max-width: 1440px;*/margin: 0 auto;max-width: none;border: 0;}
.header-logo {border: 0;padding: 0;}
.header-logo .svg{width:166px;height:24px;}
.header-logo .svg path{fill:#36474E;}

footer{padding: 60px 0;z-index: 100;position: relative;background-color: #1E2956;}
.footer-logo{width: 136px;height: 19px;margin: 0 auto;display: block;}
.footer-logo path{fill:#fff;}
.footer-terms{color: #999a9c;padding: 0;font-family: Nexa-Book;font-size: 14px;line-height: 20px;border-bottom: 1px solid #999a9c;}
.footer-terms:hover{border-color: transparent;color: #999a9c;}
.footer-newsletter{color: #fff;}
.footer-newsletter form>span{font-family: Exo;font-style: italic;font-weight: 800;font-size: 32px;line-height: 47px;margin-bottom: 6px;display: block;text-align: center;}
.footer-newsletter form>p{font-family: Roboto;font-size: 16px;line-height: 26px;text-align: center;color: #C0CBD1;margin-bottom: 28px;text-align: center;}
.footer-newsletter .form-control{margin-bottom: 16px;font-family: Roboto;font-weight: normal;}
.footer-newsletter .form-group{margin-bottom: -4px;position: relative;}
.footer-newsletter .form-group .valid-feedback, .footer-newsletter .form-group .invalid-feedback{bottom: -19px;}
.footer-newsletter .form-group .invalid-feedback .svg{top: -31px;}
.footer-newsletter .custom-checkbox input[type="checkbox"]~label{color: #fff;font-family: Roboto;font-size: 16px;line-height: 24px;font-weight: normal;}
.footer-newsletter .custom-checkbox input[type="checkbox"]~label a{color: #2f80ed;display: inline;border: 0;padding: 0;}
.footer-newsletter .custom-checkbox input[type="checkbox"]~label a:hover{color: #2f80ed;text-decoration: underline;}
.footer-newsletter .custom-control.custom-checkbox{min-height: 0;}
.footer-newsletter .custom-control.custom-checkbox .custom-control-label {padding: 4px 40px 8px 0;}
.footer-newsletter .custom-control.custom-checkbox .custom-control-input.is-valid~.custom-control-label, .footer-newsletter .custom-control.custom-checkbox .custom-control-input.is-invalid~.custom-control-label{color: #fff;}
.footer-newsletter .btn{background: none;background-color: #3CB8E6;border-radius: 4px;border: 0;font-family: Roboto;font-style: normal;font-weight: bold;font-size: 16px;line-height: 24px;margin: 15px 0 44px;}
.footer-newsletter .btn:hover,
.footer-newsletter .btn:active,
.footer-newsletter .btn:focus{background: none;background-color: #2f80ed;}
.footer-success{font-family: Exo;font-style: italic;font-weight: 800;font-size: 32px;line-height: 47px;padding: 100px 0;text-align: center;text-transform: uppercase;color:white;display: none;}
.footer-newsletter.success form{display: none;}
.footer-newsletter.success .footer-success{display: block;}
.footer-social>span{font-family: Exo;font-style: italic;font-weight: 800;font-size: 20px;line-height: 146.19%;}
.footer-social ul{list-style: none;padding: 0;}
.footer-social ul li{display: inline-block;padding: 4px 6px;}
.footer-social a{display: inline;padding: 0;transition: none;}
.footer-social a:hover{text-decoration: none;border: 0;}

.cancel{text-align: center;font-size: 1.25rem;padding: 2.6875rem 0 3.9375rem;}
.label-help{font-size: 0.825rem;padding-bottom: 0;line-height: 1.4;position: relative;top: .4375rem;}

.box-shadow{box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}

.invalid-feedback{color: #FF4B2B;margin-top: 0;}
.valid-feedback,
.invalid-feedback{position: absolute;font-size: 0.75rem;font-family: Nexa-Heavy;}
.valid-feedback .svg,
.invalid-feedback .svg{position: absolute;right: 0.6875rem;width: 20px;}
.valid-feedback .svg{top:-2.375rem;display: none;}
.invalid-feedback .svg{top:-2.375rem;}

.custom-checkbox .invalid-feedback{left: 0;bottom: -.4375rem;}
.custom-checkbox input[type="checkbox"]~label{color: #798F9C;cursor: pointer;outline: 0;font-size: 14px;line-height: 20px;}
.custom-checkbox input[type="checkbox"]~label:focus,
.custom-checkbox input[type="checkbox"]~label:focus::before{outline:0;}
.was-validated .custom-checkbox .custom-control-input:valid~.custom-control-label{color: #342928;}

.custom-control{padding-left: 2.4375rem;min-height: 40px;}
.custom-control-label::before,
.custom-control-label::after{width: 1.5rem;height: 1.5rem;left:-40px;top: 0;}
.custom-control-label::before{background-color: #fff;top: 0px;border: 1px solid #798F9C;}
.custom-checkbox .custom-control-label::before {border-radius: 0;}
.custom-radio .custom-control-input:checked~.custom-control-label::before {background-color: #fff;}
.custom-radio .custom-control-input:checked~.custom-control-label::after {background-image: none;content: "";display: block;position: absolute;top: 6px;left: -34px;width: 12px;height: 12px;background-color: #1BABF9;border-radius: 50%;}

.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before,
/*.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before{background-color: #F7BDB3;border-color: #FF4B2B;}*/
.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before{border: 1px solid #798F9C;background-color: #fff;}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color: #798F9C;}
.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label {color: #36474E;}

.custom-control.custom-checkbox{min-height: 3.125rem;margin-bottom: 0;}
.custom-control.custom-checkbox .custom-control-label{padding:0 0 16px 0;}
.custom-control.custom-checkbox .custom-control-label a{color: #1e2956;text-decoration: underline;}
.custom-control.custom-checkbox .valid-feedback .svg{top: .4375rem;right: .375rem;display: none;}
.custom-control.custom-checkbox .invalid-feedback .svg{top: 0;right: 0;display: none;}
.custom-control.custom-checkbox .valid-feedback,
.custom-control.custom-checkbox .invalid-feedback{position: absolute;margin-top: 0;bottom: 0;height: auto;line-height: 1rem;padding: 16px 0 0 40px;font-size: 12px;color: #ee534f;background-color: #fff;}
.custom-control.custom-checkbox .invalid-feedback span{position: absolute;bottom: 0;}
.custom-control.custom-checkbox .custom-control-input.is-valid~.custom-control-label,
.custom-control.custom-checkbox .custom-control-input.is-invalid~.custom-control-label{color: #342928;}

/* Main page */

.intro .container{color: #fff;height: 600px;}
.intro .container{position: relative;}
.intro-logo{width: 165px;height: 24px;z-index: 1;position: absolute;left: 15px;top: 87px;}
.intro-logo path{fill:#fff;}
.intro-text div{font-size: 28px;line-height: 40px;width: auto;padding: 0;background: none;margin-bottom: 36px;margin-top: 12px;font-family: Nexa-HeavyItalic;height: auto;}
.intro-bg{position: absolute;bottom: 0;left:50%;margin: 0 0 0 59px;}
.intro-smile1{position: absolute;bottom: 0;left: calc(50% + 267px);margin: 0 0 0 9px;}
.intro-smile2{position: absolute;bottom: 0;left: calc(50% - 61px);margin: 0 0 0 9px;}
.intro-text p{margin-bottom: 2rem;}
.hero{margin: 24px 0 0 256px;font-family: Nexa-HeavyItalic;text-align: center; font-size: 20px;padding: 13px 0 0 0;line-height: 24px;position: absolute;left:calc(50% + 112px);bottom:8px;width: 296px;height: 88px;background: transparent url(../images/main-hero-bg.png) left top no-repeat;}
.hero span{display: block;font-size: 14px;line-height: 20px;margin-top: 12px;font-family: 'Roboto', sans-serif, arial, verdana;}
.hero2{left: calc(50% - 192px);padding-right: 10px;}

.canvote{padding: 80px 0;}
.canvote h3{text-align: left;}
.canvote p{font-size: 20px;line-height: 24px;font-family: Nexa-HeavyItalic;color: #1E2956;margin: 26px 0 34px;max-width: 430px;}

.about{padding: 74px 0 80px;background-color: #eff1f1;}
.about p{max-width: 544px;}
.about img{position: relative;left: -160px;}

.health{padding: 74px 0 0;}
.health p{font-size: 16px;line-height: 24px;color: #1E2956;font-weight: bold;}
.health ul{list-style: none;padding: 0;margin-top: 32px;}
.health li{position: relative;padding: 0 0 16px 24px;line-height: 24px;}
.health li a{text-decoration: underline;}
.health li a:hover{text-decoration: none;}
.health ul li:last-child{padding-bottom: 0;}
.health li:before{position: absolute;left: 0;top: 8px;content: "";background-color: #36474E;width: 8px;height: 8px;display: block;border-radius: 20px;}
.health .video{margin: 0;position: relative;}
.health img{border-radius: 10px;}
.health .play-video{position: absolute;left:0;right: 0;display: block;margin: 0 auto; top:50%;transform: translateY(-50%);text-align: center;}

.connect{color: #1e2956;font-size: 20px;line-height: 24px;font-family: Nexa-HeavyItalic;padding: 80px 0;}
.connect figure{border-radius: 10px;border:2px solid #766678;padding: 30px;margin: 0;}
.connect figure img{border-radius: 10px;}
.connect p{margin-bottom: 35px;max-width: 470px;}
.connect .svg{margin-bottom: 29px;}
.connect .live{margin: 48px 0 21px;}

.about2{padding: 80px 0;background-color: #eff1f1;}
.about2 img{position: relative;left: -160px;}
.about2 ul{list-style: none;padding: 0;margin: 0 0 0 10px;}
.about2 li{position: relative;line-height: 24px;margin-bottom: 16px;max-width: 530px;}
.about2 li:before{position: absolute;left:-21px;top:8px;width:8px;height:8px;background-color: #36474E;border-radius: 50%;content:"";display:block;}

.pre{background-color: #EFF1F1;color: #1E2956;padding: 89px 0 80px;}
.pre span{display: block;font-size: 20px;line-height: 24px;font-family: Nexa-HeavyItalic;}
.pre b{display: block;font-size: 28px;line-height: 40px;font-family: Nexa-HeavyItalic;margin: 7px 0 36px;}

.flow ul{padding: 0;list-style: none;position: relative;}
.flow ul:before{content: "";position: absolute;left: 0;right: 0;top: 1px;width: 100%;height: 1px;background-color: #1e2956;display: block;} /* line */
.flow li{position: relative;}
.flow li:first-child:before,
.flow li:last-child:before{content: "";position: absolute;top:0;width:100%;height:2px;background-color: #eff1f1;display: block;}
.flow li:first-child:before{left:-50%;} /* left hide */
.flow li:last-child:before{right:-50%;} /* right hide */
.flow li:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);top: -15px;width: 32px;height: 32px;display: block;border-radius: 100px;border: 8px solid #EFF1F1;background: #EFF1F1 url(../images/icon-flow.svg) left top no-repeat;} /* points */
.flow .svg{margin: 57px 0 32px;}

.flow{text-align: center;padding: 74px 0 80px;background-color: #EFF1F1;color: #1E2956;}
.flow h2{color: #1E2956;margin-bottom: 128px;}
.flow ul{padding: 0;list-style: none;}
.flow .svg{margin: 41px 0 32px;}
.flow .row{color: #1E2956; max-width: 866px;margin: -35px auto 0;}
.flow .svg.flowchart{margin: 0;position: relative;top: -6px;}
.flow .btn{margin-top: 56px;}

.products{background: linear-gradient(248.62deg, #1E2956 24.65%, #917FAE 68.24%, #F8B296 110.03%);padding: 74px 0 80px;}
.products h2{color: #fff;margin: 0 0 34px 0;}
.products p{color: #fff;font-size: 28px;line-height: 40px;font-family: Nexa-HeavyItalic;margin-bottom: 68px;}
.products img{margin-bottom: 64px;}
.products span{max-width: 928px; color: #fff;font-size: 12px;line-height: 18px;font-family: Roboto;display: block;margin: 64px auto 0;}

.win{padding: 80px 0 60px;background-color: #EFF1F1;}
.win h2{margin: -6px 0 38px 0;}
.win small{display: block;font-size: 12px;line-height: 18px;color: #36474E;max-width: 540px;}
.win .btn{margin: 16px 0 32px;}
.win ul{list-style: none;color: #36474E;margin: 0;padding: 0;}
.win li{position: relative;padding: 0 0 20px 45px;font-size: 16px;line-height: 24px;color: #36474E;}
.win li:before{position: absolute;background: transparent url(../images/icon-check.svg);left: 0;top: -4px;content: "";display: block;width:32px;height:32px;}

.hosts{padding: 74px 0;text-align: center;}
.hosts b{font-family: Nexa-HeavyItalic;font-size: 28px;line-height: 40px;color: #36474E;display: block;margin: 28px 0 9px;}
.hosts span{font-family: Nexa-HeavyItalic;font-size: 20px;line-height: 24px;color: #798F9C;}

.jury{color: #fff; background: linear-gradient(235.28deg, #1E2956 24.65%, #917FAE 68.24%, #F8B296 110.03%);padding: 86px 0 81px;}
.jury h2{color: #fff;}
.jury b{font-family: Nexa-HeavyItalic;font-size: 20px;line-height: 24px;display: block;font-weight: normal;margin: -1px 0 10px;}

.partners{padding: 74px 0 80px;}

.who{padding: 106px 0 32px;}
.who h2{text-align: center;margin: 0 0 64px 0;}
.who .tab-content{padding-top: 64px;}
.who .nav{border: 0;}
.who .nav-link{padding: 3px 56px;}
.who .nav-tabs .nav-link{font-size: 28px;line-height: 40px;border: 0;border-bottom: 4px solid transparent;font-family: Nexa-Heavy;color: #798F9C;}
.who .nav-tabs .nav-item.show .nav-link, .who .nav-tabs .nav-link.active{border-bottom-color: #1BABF9;color: #36474E;}

/* Vote, register */

.vote{padding-top: 58px;}

.vote-item{margin-bottom: 80px;}
.vote-item figure{margin:0 0 16px 0;background-color: #1BABF9;}
.vote-item figure img{transition: all .3s;width: 100%;}
.vote-item p{font-weight: bold;color: #1E2956;margin-bottom: 7px;}
.vote-item p span{float:right;display: inline-block;margin-right: 5px;}
.vote-item p:last-of-type{font-weight: normal; margin: 15px 0 32px;color: #798F9C;}
.vote-item>span{color: #36474E;display: block;}
.vote-item .btn span:nth-child(2){display: none;}
.vote-item.active .btn,
.vote-item.active .btn:focus{box-shadow: none;outline: none;cursor: default;background-color: #EFF1F1;border-color: #EFF1F1;color: #AEB8BE;}
.vote-item.active .btn span:nth-child(1){display: none;}
.vote-item.active .btn span:nth-child(2){display: block;}
.vote-item.active figure img{opacity: 0.5;transition: all .3s;}

.timeline{margin: -16px 0 0;position: relative;}
.timeline .row{font-size: 16px;line-height: 24px;max-width: 650px;margin: 8px auto 64px;text-align: center;}
.timeline-back{position: absolute;width: 40px;height: 40px;left: 50%;top: 0;margin-left: -344px;}
.timeline-back.vote-2-back{margin-left: -128px;}

.next{margin-bottom:-96px;transition: all .3s;opacity: 0;background-color: #fff;padding: 20px 0;position: fixed;bottom: 0;border-top: 1px solid #E0E4E6;z-index: 1000;left: 0;right: 0;}
.next.active{margin-bottom:0;transition: all .3s;opacity: 1;}

.custom-control-input.newsletter.is-valid~.custom-control-label::before, .custom-control-input.newsletter.is-invalid~.custom-control-label::before{background-color: #fff;border-color: #cecece;}

p.reg-note{background-color: #e3f5fe;padding: 12px 16px 16px 56px;background: #e3f5fe url(../images/icon-info.svg) 13px 7px no-repeat;margin-top: -24px;margin-bottom: 32px;}
p.reg-note2{background-color: #e3f5fe;padding: 12px 16px 16px 56px;background: #e3f5fe url(../images/icon-info.svg) 13px 7px no-repeat;margin-top: -24px;margin-bottom: 32px;display: none;}
.reg-phone{display: none;}
p.reg-note2.active,
.reg-phone.active{display: block;}

.signup-container .custom-checkbox label b{color: #36474E;font-size: 16px;line-height: 24px;}

.form-container{max-width: 752px;margin: 0 auto;}
.form-container .btn{margin:32px 0 -1px;}

.upload{background-color: #fff;border: 1px dashed #798f9c;box-sizing: border-box;border-radius: 4px;padding: 23px 0;margin-bottom: 22px;}
.upload>button{margin: 0 auto;padding: 50px 0 0;display: block;background: transparent url(../images/icon-upload.svg) center top no-repeat;outline: none;border: 0;font-size: 16px;line-height: 24px;font-weight: bold;text-align: center;}
.upload>button:hover{cursor: pointer;}
.upload>button:hover,.upload>button:focus,.upload>button:active{outline: none;}
.upload>button span{border-bottom: 1px solid #1babf9;font-family: Nexa-Heavy;display: block;color: #1BABF9;border: 2px solid #1BABF9;height: 56px;min-width: 256px;padding: 14px 0 0 0;text-transform: uppercase;font-weight: normal;margin-top: 20px;background-color: #fff;}
.upload>button b{color: #798F9C;font-size: 14px;line-height: 20px;display: block;margin: 23px 0;}
.btn.uploadedfile{display: block;padding: 0 0 0 53px;margin: 0 0 16px 0;min-width: 0;text-transform: none;font-family: Roboto;width: 100%;text-align: left;height: 40px;outline: none;overflow: hidden;position: relative;background-color: transparent;color: #798F9C;font-weight: bold;font-size: 14px;line-height: 20px;background: transparent url(../images/icon-image.jpg) left top no-repeat;border: 0;}
.btn.uploadedfile:after{background: #fff url(../images/icon-delete.svg) left top no-repeat;content: "";width: 24px;height: 24px;display: block;position: absolute;right: 0;top: 50%;z-index: 1;transform: translateY(-50%);}
.btn.uploadedfile:hover,.btn.uploadedfile:focus,.btn.uploadedfile:active{outline: none;}
.form-group.has-error .upload{border-color: #FF4B2B;background-color: #F7BDB3;color: #FF4B2B;}

.how{
    background: rgb(240,240,240);
    background: -moz-linear-gradient(top, rgb(240,240,240) 0%, rgb(255,255,255) 85%);
    background: -webkit-linear-gradient(top, rgb(240,240,240) 0%,rgb(255,255,255) 85%);
    background: linear-gradient(to bottom, rgb(240,240,240) 0%,rgb(255,255,255) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
}
.how .svg{margin:0 auto 2.75rem;display: block;}
.how p{padding-left: 5%;padding-right: 5%;}
.how .container>.row{margin-bottom: 2.625rem;}

.awards{
    background: rgb(240,240,240);
    background: -moz-linear-gradient(top, rgb(240,240,240) 0%, rgb(255,255,255) 85%);
    background: -webkit-linear-gradient(top, rgb(240,240,240) 0%,rgb(255,255,255) 85%);
    background: linear-gradient(to bottom, rgb(240,240,240) 0%,rgb(255,255,255) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
}
.awards span{display: block;font-weight: bold;color: #5f00e0;font-family: Nexa-Heavy;}
.awards b{display: block;margin: 4.5rem 0 3.5rem 0;font-family: Nexa-Heavy;}
.awards .btn{margin:1.875rem 0 2rem 0;}
.awards-more{letter-spacing: -.05625rem;}
.award{margin-bottom: 2.9375rem;margin-top: -0.0625rem;}

.functions{padding: 3rem 0 2.3125rem;}
.functions .svg{display: block;margin:0 auto .6875rem;}
.functions a{font-size: 1.25rem;border-color: transparent;}

.kiss-virag{background-color: #fff;}

/* Registration */

.progressbar{display: block;margin:2.9375rem auto .625rem;}

#modal-orderid .modal-body img:first-of-type{margin-bottom: 3rem;}

.orderid.webshop{position: relative;padding-left: 2.4rem;}
.orderid.webshop+div{display: inline;position: absolute;top: 55%;left: 1.5rem;font-size: 1.25rem;}
.orderid.webshop+div:after{content:"#";position: relative;left:0; top:0;color: #342928;}

.success-reminder{background-color: #fff;border-radius: .25rem;max-width: 472px;margin:2.1875rem auto 1.6875rem;text-align: left;padding:1.3125rem;}
.success-reminder p{margin: 0;}
.success-reminder .svg{width: 88%;height: 88%;margin: 0 auto;display: block;}
.success-reminder .svg path{fill:#5f00e0;}
.registration-success{margin: .875rem 0 3.6875rem 0;}
.icon-success{margin:278px 0 45px;}
.success b{font-size: 28px;display: block;font-family: Nexa-HeavyItalic;font-weight: 100;margin-bottom: 27px;line-height: 40px;color: #1E2956;}
.success p{padding: 0;margin-bottom:0;font-size: 20px;line-height: 32px;color: #36474E;max-width: 544px;}
.form-container.success{text-align: center;display: block;position: relative;height: 900px;margin: -158px 0 0 0;max-width: none;padding-left: 50%;background-color: #fff;}
.form-container.success>img{position: absolute;left: -154px;}
.success-logo{position: absolute;left: 0;top: 25px;width: 166px;height: 24px;}
/*.form-container.success .btn {margin-bottom: 180px;color: #1E2956;border-color: #1E2956;margin-top: -9px;}*/

.steps{display:none;}
#step1{display: block;}
/*#step1 h2{margin: 21px 0 30px;}
#step1 p{font-size: 20px;line-height: 32px;text-align: center;color: #1E2956;margin-bottom: 64px;}
#step1 span{position: absolute;transform: translateY(-50%);top:50%;font-size: 40px;line-height: 48px;text-align: center;color: #fff;font-family: Nexa-HeavyItalic;z-index: 1;left: 0;right: 0;}
#step1 .btn{margin: 64px 0 32px 0;}*/
#step2{margin-top: -192px;background-color: white;z-index: 1;position: relative;}

.force-register .vote,
.force-register .reg-note,
.force-register .back-vote,
.force-register .success-vote,
.success-register,
.back-main{display: none;}
.force-register #step3,
.force-register .back-main,
.force-register .success-register{display: block;}

/* Loading */

.checking{background-color: #342928;border-radius: 200px;padding: .875rem 3.75rem 0;height: 80px;}
.checking h5{font-family: Nexa-Heavy;color:#FFF;font-size:1.25rem;text-align:center;}
.checking span{width:16px;height:16px;border-radius:50%;display:inline-block;position:absolute;left:50%;margin-left:-10px;-webkit-animation:3s infinite linear;-moz-animation:3s infinite linear;-o-animation:3s infinite linear;}
.checking span:nth-child(2){background:#5f00e0;-webkit-animation:kiri 1.2s infinite linear;-moz-animation:kiri 1.2s infinite linear;-o-animation:kiri 1.2s infinite linear;}
.checking span:nth-child(3){background:#f57f20;z-index:100;}
.checking span:nth-child(4){background:#fc9f25;-webkit-animation:kanan 1.2s infinite linear;-moz-animation:kanan 1.2s infinite linear;-o-animation:kanan 1.2s infinite linear;}

@-webkit-keyframes kanan {
    0%  {-webkit-transform:translateX(20px);}
	50% {-webkit-transform:translateX(-20px);}
	100%{-webkit-transform:translateX(20px);z-index:200;}
}

@-moz-keyframes kanan {
    0%  {-moz-transform:translateX(20px);}
	50% {-moz-transform:translateX(-20px);}
	100%{-moz-transform:translateX(20px);z-index:200;}
}
@-o-keyframes kanan {
    0%  {-o-transform:translateX(20px);}
	50% {-o-transform:translateX(-20px);}
	100%{-o-transform:translateX(20px);z-index:200;}
}

@-webkit-keyframes kiri {
    0%  {-webkit-transform:translateX(-20px);z-index:200;}
	50% {-webkit-transform:translateX(20px);}
	100%{-webkit-transform:translateX(-20px);}
}

@-moz-keyframes kiri {
    0%  {-moz-transform:translateX(-20px);z-index:200;}
	50% {-moz-transform:translateX(20px);}
    100%{-moz-transform:translateX(-20px);}
}
@-o-keyframes kiri {
    0%  {-o-transform:translateX(-20px);z-index:200;}
	50% {-o-transform:translateX(20px);}
	100%{-o-transform:translateX(-20px);}
}

/* Help page */

.page-help h3{margin:-50px 0 40px;}
.page-help .btn{margin-bottom: 59px;}

/* Not found page */

.page-notfound{padding: 3rem 0;}
.page-notfound svg path{fill:#FF4B2B;}

/* Custom Select 
   https://www.w3schools.com/howto/howto_custom_select.asp */
    
.custom-select2 {position: relative;font-family: Arial;width: 100%;}
.custom-select2 select {display: none;}
.select-selected:after {position: absolute;content: "";width: 18px;height: 10px;background: transparent url(../images/icon-select.svg) left top no-repeat;top: 21px;right: 12px;}
/*.select-selected.select-arrow-active:after {}*/
.select-items div,
.select-selected {height: 48px;padding: .65rem 0.6875rem 0;border-color: #d7d7d7;display: block;width: 100%;line-height: 1.5;background-color: #fff;background-clip: padding-box;border-radius: .25rem;font-family: Nexa-Book;font-weight: 600;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.select-items div {color: #342928;border: 1px solid #5f00e0;border-radius: 0;border-top: 0;cursor: pointer;border-bottom: 0;}
.select-selected {color: #342928;border: 1px solid #d7d7d7;}
.select-selected.active {color: #342928;}
.select-items {position: absolute;top: 100%;left: 0;right: 0;z-index: 99;border-bottom: 1px solid #5f00e0;border-bottom-left-radius: .25rem;border-bottom-right-radius: .25rem;}
.select-items div:first-child{display: none;}
.select-items div:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius: .25rem;}
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color: #5f00e0;color: #fff;}
.select-selected.select-arrow-active{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-color: #5f00e0;border-bottom: 0;}

.custom-select2.is-invalid .select-selected{border-color: #FF4B2B;background-color: #F7BDB3;color: #FF4B2B;}
.custom-select2.is-invalid~.invalid-feedback{display: block;}
.custom-select2.is-invalid~.invalid-feedback .svg {right: 4.375rem;}

/* Responsive CSS */

@media (max-width:472.98px) {
    .vote-item img{width: 100%;}
}

@media (max-width:575.98px) {
    
}
@media (min-width:473px) and (max-width:767.98px) {
}
@media (min-width:576px) and (max-width:767.98px) {
    .register-container{margin: 0 -24px;padding: 0 24px 36px;}
}

@media (max-width:767.98px) {
    body{font-size: 100%;line-height: 1.3125rem;}
    
    h1{margin-bottom: 32px;font-size: 28px;line-height: 40px;margin: 92px 0 36px;}
    h2{font-size: 28px;line-height: 40px;margin: 0 0 52px 0;}
    h3{}
    
    p{font-size: 100%;line-height: 1.375rem;}
    
    label {margin-bottom: .375rem;}
    .label-help {font-size: .75rem;top: .1875rem;}
    
    form {margin: 0 -24px;border: 0;padding:0 8px;}
    .form-control {height: 48px;font-size: 1rem;padding: 14px 11px 0;}    
    .form-group {margin-bottom: 24px;}
    .valid-feedback, .invalid-feedback {font-size: .75rem;}
    .valid-feedback .svg {top: -2.1875rem;width: 17px;height: 13px;right: .9375rem;}
    .invalid-feedback .svg {top: -34px;width: 20px;height: 20px;right: 12px;}
    .custom-control {min-height: 64px;}
    
    .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip{display: block;font-size: 10px;line-height: 14px;padding: 4px 8px 2px;bottom: -19px;}
    .custom-control.custom-checkbox .valid-feedback, .custom-control.custom-checkbox .invalid-feedback{bottom: 0;padding-left: 39px;}
    
    textarea.form-control{height: 136px;margin-bottom: -2px;}
        
    .container {padding-right: 24px;padding-left: 24px;max-width: none;}
    
    .row {margin-right: -18px;margin-left: -18px;}    
    
    header, header .row{min-height:52px;}
    .header-logo .svg {width: 112px;height: 16px;position: relative;left: -15px;top: -1px;}
    header.main-bg:after{display: none;}
    
    .intro .container{text-align: center;height: auto;}
    .intro-logo{left: 24px;top: 16px;}
    .intro-text div{font-size: 20px;line-height: 28px;height: 88px;padding: 11px 0 0;text-align: center;margin: 2px auto 14px;}
    .intro-text p{max-width: none;padding: 0 10px;}
    .intro-bg{width: 358px;margin: 0;left: auto;right: -49px;}
    .intro-smile{height: 308px;position: relative;bottom: auto;left: auto;margin: 53px 0 0 -27px;}
    
    .main-bg{background: linear-gradient(264.03deg, #1E2956 24.65%, #917FAE 68.24%, #F8B296 110.03%);}
    
    .hero{margin: 0;width: 208px;height: 60px;background-size: 208px 60px;font-size: 20px;padding: 3px 0 0 0;right: -64px;margin: 0 auto;left: 0;bottom: 3px;}
    .hero span{font-size: 18px;line-height: 24px;margin: 1px 0 0 0;}
    
    .flow{margin-top: 59px;}
    .flow ul:before,
    .flow li:before,
    .flow li:after{display: none;}
    .flow li>.svg{margin:8px 0 24px;}

    .about {padding:44px 0 48px;}
    .about h2{max-width: 180px;margin: 0 auto 52px;}
    .about img{left: -21px;margin-bottom: 48px;}
    
    .health .video{margin: 48px auto -31px;}
    .health .video .svg{width: 40px;height: 40px;}
    
    .canvote{text-align: center;}
    .canvote h3{font-size: 24px;line-height: 32px;text-align: center; margin-top: 48px;}
    .canvote p{font-size: 18px;line-height: 24px;padding: 0 3px;margin-top: 25px;}
        
    .connect{padding: 48px 0;}
    .connect figure{padding: 13px 15px;border-width: 1px;margin-bottom: 44px;}
    .connect figure img{max-width: 100%;border-radius: 0;}
    .connect p{font-size: 18px;line-height: 24px;margin-right: 10px;}
    .connect p br{display: none;}
    .connect .btn{margin: 0 auto;display: block;max-width: 256px;}
    
    .pre{padding: 46px 0 48px;}
    .pre span{font-size: 18px;line-height: 24px;}
    .pre b{font-size: 20px;line-height: 28px;margin-bottom: 35px;}
    
    .about2 {padding:48px 0 64px;}
    .about2 img{left: -21px;margin-bottom: 48px;}
    .about2 ul{margin: 0 0 0 23px;}
    
    .flow{margin: 0;padding: 68px 0 72px;}
    .flow h2{max-width: 300px;margin:0 auto 79px;}
    .flow .svg{width: 48px;height: 49px;margin: 7px 0 24px;}
    .flow .svg.flowchart{display: none;}
    .flow .btn{margin-top: 24px;}
    
    .products{padding: 76px 0 80px;background: linear-gradient(263.73deg, #1E2956 24.65%, #917FAE 68.24%, #F8B296 110.03%);}
    .products h2{margin: 0 0 33px 0;}
    .products p{font-size: 20px;line-height: 28px;}
    
    .who {padding-top: 76px;padding-bottom: 32px;}
    .who .nav-tabs .nav-item{width: 50%;text-align: center;}
    .who .nav-tabs .nav-link{font-size: 16px;line-height: 24px;}
    .who .nav-link{padding: 2px 0;}
    .who .tab-content {padding-top: 49px;}
    .who h2{margin: 0 0 48px 0;}

    .vote-item {margin-bottom: 48px;}
    .vote-item img{margin:0 auto 16px;display: block;}
    .vote-item p {margin-bottom: 9px;}
    .vote-item p:last-of-type {margin: 18px 0 32px;}
    .vote-item .btn{display: block;max-width: 265px;margin: 0 auto;}

    .win{padding: 48px 0;}
    .win h2{margin: 44px 0 36px 0;}
    .win li{padding: 0 10px 20px 45px;}
    .win .btn{margin: 12px auto 32px;display: block;max-width: 256px;}
    
    .hosts{padding: 44px 0 50px 0;}
    .hosts span{font-size: 18px;line-height: 24px;}
    .hosts b{font-size: 20px;line-height: 28px;margin-top: 29px;}
    .hosts .row .col-sm-6:first-child{margin-bottom: 66px;}
    
    .jury{padding: 44px 0 52px;background: linear-gradient(266.48deg, #1E2956 24.65%, #917FAE 68.24%, #F8B296 110.03%);}
    .jury img{width: 144px;height: 144px;margin-top: 52px !important;}
    .jury h2{max-width: 180px;margin: 0 auto;}
    
    .partners{padding: 44px 0 48px;}
    .partners .row .col-sm-4:not(:last-child) img{margin-bottom: 64px !important;}
    
    .btn{height: 48px;padding: 10px 0 0;min-width: 256px;}
    .btn-back{margin:23px -15px 0;font-size: 0;}
    .btn-back .svg{margin: 0 20px 0 -10px;}
    .btn-submit {margin-top: 1.6875rem;}
    button.close {right: -6px;top: -10px;}    
    
    .select-items div, .select-selected {height: 48px;font-size: 1rem;padding: .75rem .9375rem 0;}
    .select-selected:after {/*width: 12px;height: 7px;background-image: url(../images/icon-selectm.svg);top: 1.3125rem;right: 1.0625rem;*/}
    .custom-select2.is-invalid~.invalid-feedback .svg {right: 2.475rem;}
    .custom-checkbox input[type="checkbox"]~label {padding-top: .4375rem;letter-spacing: -.00625rem;}

    .signup-container{padding:30px 16px 59px;}
    .signup-container .note{position: relative;right: auto;top: auto;margin: -16px 0 24px 0;display: block;}
    
    .form-group .placeholder{left: 11px;top: 12px;}
    
    .upload>button span{min-width: 208px;}
    
    .form-container h3{max-width: 245px;margin: 17px auto 4px;font-size: 28px;line-height: 40px;}
    h5{color:#36474E;}

    .form-container .btn{margin: -32px 0 -16px;}
    .register-container {margin: 0 -24px;padding: 0 27px 64px;}
    .register h2{margin-top: 12px;margin-bottom: 16px;line-height: 1.75rem;}
    .custom-control.custom-checkbox .custom-control-label{line-height: 20px;padding-right: 0;}
    .btn.uploadedfile{margin-top: -8px;margin-bottom: 24px;}
    
    .form-container.success{margin: -20px 0 0 0;background-color: #fff;height: auto;padding: 60px 0;}
    .form-container.success>img{display: none;}
    .success-logo{display: none;}
    
    .form-group .placeholder.active {font-size: 12px;line-height: 18px;left: 12px;top: 5px;}
    
    .success p{font-size: 20px;line-height: 28px;color: #36474E;max-width: 272px;margin: 0 auto 28px;}
    .success p br{display: none;}
    .icon-success{width: 62px;height: 62px;margin: 0 0 55px;}
    .success b{font-size: 28px;line-height: 40px;max-width: 272px;margin: 0 auto 28px;}
    .form-container.success .btn {margin: 32px 0 -16px;}
    
    footer {padding:58px 0 59px 0;}
    .footer-logo {/*margin: 61px auto 14px;*/}
    .footer-newsletter>span{margin-bottom: 13px;}
    .footer-newsletter>p{font-size: 12px;line-height: 120%;margin-bottom: 25px;}
    .footer-newsletter .form-group {margin-bottom: 5px;}
    .footer-newsletter .custom-checkbox input[type="checkbox"]~label{font-size: 12px;line-height: 120%;}
    .footer-newsletter .custom-control.custom-checkbox .custom-control-label{padding: 2px 50px 8px 0;}
    .footer-newsletter .btn{display: block;width: 100%;margin-top: 33px;}
    /*
    #step1 p{font-size: 16px;line-height: 24px;margin-bottom: 32px;}
    #step1 span{font-size: 30px;transform: translateY(-80%);}
    #step1 .row .col-sm-6{padding-bottom: 32px;}
    #step1 .btn{margin: 16px auto 32px;min-width: 0;display: block;max-width: 256px;}
    */
    
    .vote h2{margin: -16px 0 32px;}
    
    .timeline{display: none;}
    .vote-item p span{margin-right: 0;}
    .vote-item .btn{display: block;min-width: 0;max-width: 256px;}
    p.reg-note{margin-top: -16px;}
    p.reg-note2{margin-top: -16px;}
}

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

@media (min-width:768px) and (max-width:991.98px) {
    .intro-smile{margin: 0 0 0 -70px;}
    .hero{margin-left: 45px;}
    
    .about img{width: 550px;}
    .about2 img{width: 550px;}
    
    .flow {margin-top: 67px;}
}

@media (max-width:991.98px) {
    .flow li>.svg{width:48px;height:48px;}
}

@media (min-width:992px) and (max-width:1199.98px) {
}

.simple-yt-bg{position: fixed;left: 0;right: 0;top:0;bottom:0;display: none;opacity: 0;visibility: hidden;background-color: rgb(38 38 38 / 90%);}
.site.video-active .simple-yt-bg{display: block;opacity: 1;visibility: visible;z-index: 100;}

/*#simple-yt-stretched-wrapper{background-color: rgb(38 38 38 / 90%) !important;padding: 0;}*/
#simple-yt-stretched-wrapper{background-color: transparent !important;padding: 0;}
#simple-yt-stretched-container{height: 100%;width: 100%;max-width: 944px !important;max-height: 532px !important;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;}
#simple-yt-stretched-container>iframe{box-shadow: 0 0 30px #000;}
#simple-yt-stretched-close{color: transparent;background: transparent url(../images/icon-closevideo.svg) left top no-repeat;top: -31px !important;right: -5px !important;width: 24px;}
#simple-yt-stretched-close:hover{border: 0;}

@media (max-width:767.98px){
    #simple-yt-stretched-container{position: relative;padding-bottom: 46.25%;padding-top: 25px;height: 0;max-width: none !important;max-height: none !important;width: 100%;}
    #simple-yt-stretched-container>iframe{position: absolute;top: 0;width: 90% !important;height: 100%;margin: 0 auto !important;left: 50%;transform: translateX(-50%);}
    #simple-yt-stretched-close {top: -18px !important;right: 7px !important;width: 30px;height: 30px;background-size: 30px;}
}