/**
 * style
 */
@font-face {
font-family: 'GraublauSansDisplay-Bold';
src: url('../fonts/graublau-sans-display-bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}	
@font-face {
font-family: 'GraublauSansDisplay-Italic';
src: url('../fonts/graublau-sans-display-italic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
		
@font-face {
font-family: 'GraublauSansDisplay-Regular';
src: url('../fonts/graublau-sans-display-light.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {background: #0009E9;background-color: #0009E9;margin: 0px;}
body { cursor: url(../img/cursor2-min.png), auto;}
a {  cursor: url(../img/cursor2-min.png), auto}	
.reveal {font-family: "Source Sans Pro", Helvetica, sans-serif;color: #fff;}
.progressbar {height: 5px; width: 100%; background-color: #50D72E;z-index:10;position:relative;opacity: 0;}
.button-slider  {display: inline-block;cursor:  url(../img/cursor2-min.png), auto;text-align: center;text-decoration: none;border-radius: 30px;padding: 0 40px;height: 95px;}
.button-slider:hover {text-decoration: none;}
.button-slider:active {position: relative;top: 1px;}
/* красный */
.red {background: linear-gradient(180deg, #FD5D02 0%, #EF000D 100%);box-shadow: 0px 14px 40px rgba(193, 0, 0, 0.7);}

 .button-slider   span{font-family: GraublauSansDisplay-Bold;font-size: 0.35em;color: #FFFFFF;line-height: 90px;vertical-align: top;}
.txt1 {font-family: GraublauSansDisplay-Bold;line-height: normal;  font-size: 1.2em;color: #FFFFFF;}
.txt2 {font-family: GraublauSansDisplay-Bold;font-size: 0.7em;text-align: center;color: #FFFFFF;height: 120px;}
.txt3 {font-family: GraublauSansDisplay-Bold;line-height: 230px;text-align: center;color: #FFFFFF;font-size: 500px;}
.sl1{ zoom: 1 !important; height: 100% !important;}
.sl1 section{top: 5px  !important;height: inherit;}
.sl1 .txt1 {margin-bottom: 100px;}
.verh-info { z-index: 10; position: relative;     margin: 10px auto 0 auto;}
.centr-info {height: auto;}
.slides{position: relative  !important;}

.logo-time {display: inline-block;width: 16%;font-family: GraublauSansDisplay-Bold;line-height: 50px;font-size: 0.75em;color: #FFFFFF;vertical-align: top;}
.logo22 {display: inline-block;background: url(../img/gomer.png) 0px 8px no-repeat;width: 50px;height: 80px;background-size: contain;}
.time {display: inline-block;}
.end{color: #F73208;}
.info {display: inline-block;width: 57%;font-family: GraublauSansDisplay-Bold;line-height: normal;font-size: 0.4em;color: #FFFFFF;vertical-align: super;}
.info .name{display: inline-block;width: 68%;}
.info .vopros{display: inline-block;width:  30%;font-family: GraublauSansDisplay-Italic;line-height: normal;    text-align: left;}
.control {display: inline-block;width: 23%;font-weight: bold;font-size: 0.4em;text-align: right;vertical-align: super;color: #ffffff;}
.control .prev{    line-height: 72px; font-family: GraublauSansDisplay-Bold; width: 72px;height: 72px;background: #0038FF;box-shadow: 0px 4px 20px rgba(254, 0, 0, 0.25);border-radius: 27px;display: inline-block;cursor:  url(../img/cursor2-min.png), auto;text-align: center;vertical-align: middle;}
.control .pause{width: 72px;height: 72px;background: #0038FF;box-shadow: 4px 0px 20px rgba(254, 0, 0, 0.25);border-radius: 27px;line-height: 74px;display: inline-block;transform: rotate(90deg);margin-left: 20px;cursor:  url(../img/cursor2-min.png), auto;text-align: center;vertical-align: middle;}
.control .menu{position: relative;width: 72px;height: 72px;background: #0038FF;box-shadow: 0px 4px 20px rgba(254, 0, 0, 0.25);border-radius: 27px;line-height: 74px;display: inline-block;margin-left: 20px; font-weight: 400; cursor:  url(../img/cursor2-min.png), auto;text-align: center;  vertical-align: middle;}
.circle-red {position: absolute;width: 9px;height: 9px;right: 16px;top: 11px;background: #EE4A55;border-radius: 30px;}
.centr-info .centr-img{display: inline-block;width: 50%;margin-bottom: 0px;/*vertical-align: bottom;*/}
.centr-info .centr-survey{display: inline-block;width: 42%;color: #FFFFFF;  vertical-align: top; }
.centr-survey .txt{font-family: GraublauSansDisplay-Bold;line-height: initial;font-size: 0.44em;text-align: left;width: 95%;margin: 0 auto;margin-bottom: 15px;min-height: 200px;display: flex;align-items: center;}
.centr-survey .answer{height: 120px;box-shadow: 0px 4px 20px rgba(4, 0, 222, 0.3);border-radius: 10px;background: #FFFFFF;margin-top: 15px;font-family: GraublauSansDisplay-Regular;color: #000000;font-size: 0.3em;line-height: 120px;padding: 3px;font-weight: bold;}
.centr-survey .answer div{border: 4px solid #8084f46e;box-shadow: 0px 4px 20px rgba(254, 0, 0, 0.25);border-radius: 8px;height: 93%;}
.centr-survey .answer .inserted{text-align: left;padding-left: 30px;}
.centr-survey .answer span{background: url(../img/mic.png) right no-repeat;height: 60px;background-size: contain;margin-right: 10px;display: inline-block;line-height: 55px;}
input {font-family: GraublauSansDisplay-Regular;color: #000000;font-size: 1em;border: none;outline: none;background: transparent;width: 46%;}
.centr-survey .answer a{display:none;font-family: GraublauSansDisplay-Bold;line-height: 55px;font-size: 1em;text-align: center; color: #FFFFFF; box-shadow: 0px 2px 20px rgba(254, 0, 0, 0.25); border-radius: 25px; padding: 20px 55px;}
.img {background-position-x: 50%;background-position-y: 50% ;background-repeat:no-repeat;width: 100%;height:  600px;background-size: contain;}
.centr-survey .tip{background: rgba(34, 141, 255, 0.26);box-shadow: 0px 4px 20px rgba(4, 0, 222, 0.3);border-radius: 10px;margin-bottom: 10px;}
.centr-survey .tip span{font-family: GraublauSansDisplay-Regular;line-height: normal;font-size: 0.28em;font-weight: 600;    vertical-align: middle;}
.centr-survey .incorrectly, .centr-survey .correct{font-family: GraublauSansDisplay-Regular;line-height: normal;font-size: 0.4em;margin-top: 25px;height: 120px;}
.centr-survey .incorrectly .txt, .centr-survey .correct .txt{font-family: GraublauSansDisplay-Regular;display: inline-block;width: 80%;font-size: 1em;vertical-align: top;}
.centr-survey .incorrectly .img{background: url(../img/Group5.png) 15px 0px no-repeat;width: 12%;height: 70px;background-size: 40px;display: inline-block;}
.centr-survey .correct .img{background: url(../img/Group5-2.png) 15px 0px no-repeat;width: 12%;height: 70px;background-size: 40px;display: inline-block;}
.centr-survey .next{text-align: right;}
.blok { margin-bottom: 50px;}
.blok2 {display:none;    min-height: 391px;}
.blok3 {display:none;    min-height: 391px;}
.tip{ -webkit-transform-style: preserve-3d; transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;}
.front,.back{background-size: cover;background-position: center;-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 10px;}
.back{position: absolute;top: 0;left: 0;width: 100%;background: rgba(34, 141, 255, 0.26);box-shadow: 0px 4px 20px rgba(4, 0, 222, 0.3);}
.back .inner{line-height: 30px; padding: 5px 15px; display: inline-block; vertical-align: middle;}
.back .inner span{display: flex;align-items: center; text-align: left;}
/* горизонтальная прокрутка
.tip .back{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.tip .front{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.tip .back-clik{  -webkit-transform: rotateY(0deg);  transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;background: rgba(34, 141, 255, 0.26);box-shadow: 0px 4px 20px rgba(4, 0, 222, 0.3);border-radius: 10px;}
.tip .front-clik{ -webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;background: rgba(34, 141, 255, 0.26);box-shadow: 0px 4px 20px rgba(4, 0, 222, 0.3);border-radius: 10px;}
*/
.tip .back{-webkit-transform: rotateX(180deg);transform: rotateX(180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.tip .front{-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.tip .back-clik{  -webkit-transform: rotateX(0deg);  transform: rotateX(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;background: rgba(34, 141, 255, 0.26);box-shadow: 0px 4px 20px rgba(4, 0, 222, 0.3);border-radius: 10px;}
.tip .front-clik{ -webkit-transform: rotateX(-180deg);transform: rotateX(-180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;background: rgba(34, 141, 255, 0.26);box-shadow: 0px 4px 20px rgba(4, 0, 222, 0.3);border-radius: 10px;}
/*  наведение мыши
.tip:hover .back{  -webkit-transform: rotateY(0deg);  transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;background: rgba(34, 141, 255, 0.26);box-shadow: 0px 4px 20px rgba(4, 0, 222, 0.3);border-radius: 10px;}
.tip:hover .front{ -webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;background: rgba(34, 141, 255, 0.26);box-shadow: 0px 4px 20px rgba(4, 0, 222, 0.3);border-radius: 10px;}
*/
 .pause-overlay { width: 100%;height: 610px; background-size: cover;    background-repeat: no-repeat; }