@import url("https://fonts.googleapis.com/css?family=Oswald|Roboto|Ubuntu");.video video{border:1px #e0e0e0 solid;border-radius:1px;box-shadow:0px 0px 0px 6px #f6f6f6, 0px 0px 0px 7px #cccccc;width:638px;height:auto;}
.back{background-image:url(../img/brick.png);}
.regal-box{font-size:18px;margin-left:auto;margin-right:auto;
   background-color: #333;
   -webkit-background-clip: text;
   -moz-background-clip: text;
   background-clip: text;
   color: transparent;
   text-shadow: rgba(255,255,255,0.5) 2px 3px 6px;
   font-weight:bold;
}
.regal-box-num{font-size:42px;font-weight:700;padding-top:10px;border:solid 3px #B22222;width:140px;height:60px;display:block;text-align:center;
    color: white;
    background:#4E4E4E;   
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);    
	border-color: #4E4E4E;
	text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
	}
.regal{display:flex;margin-top:20px;margin-left:25%;margin-right:25%;}
.frame-title h2{text-align:center;font-size:14pt;color:black;font-weight:800;text-transform:uppercase;text-shadow:4px 3px 2px #ccc;margin-bottom:1px;text-shadow:2px 2px 0px rgba(0,0,0,0.2);}
.frame-text{font-size:11pt;padding:2px;margin-top:1px;text-align:center;font-weight:600;}
.frames{font-size:18px;display:flex;margin-left:5%;margin-right:5%;}
strong{color:#FF0000;text-shadow:1px 1px 0px #B22222;}
.frame span{position:absolute;right:-3px;top:15%;padding-left:10px;padding-right:10px;padding-bottom:4px;background:#ed1c24;font-size:18pt;color:white;text-shadow:0px 0px 6px rgba(255,255,255,0.7);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.9);}
.frame{font-size:11px;font-family:'Open Sans', sans-serif;color:#4A4A4A;text-align:center;width:260px;background:#FFF;margin:20px auto;padding:6px;position:relative;    border: 1px solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);    border-color: #fff;}
.frame img{border:solid 3px rgba(0, 0, 0, 0.3);width:240px;height:200px;}
*{margin:0;padding:0;}
html,
body{height:100%;overflow-x:hidden;font-family: 'Roboto', sans-serif; color: black}
.wrapper{display:flex;flex-direction:column;height:100%;}
.content{flex:1 0 auto;}
.footer{flex:0 0 auto;}
.footer{display:flex;background:#212529;}
.header{display:flex;margin-top:5px;width:100%;}
.info{font-size:16px;text-align:center;margin-left:20%;width:33.333%;}
.logo{float:left;width:33.333%;}
.contacts{font-size:16px;text-align:center;float:right;margin-left:16%;width:33.333%;display:flex;}
.soc{margin-left:15px;font-size:18px;font-weight:bold;}
.soc a{color:coral;opacity:0.7;}
.soc p{font-size:14px;}
.soc a:hover{opacity:1;color:red;}
.icon{display:inline-table;}
.footer a{text-decoration:underline;font-size:14px;color:white;}
.footer div{margin-right:180px;margin-left:40px;padding:8px 0px 0px 8px;font-size:13px;font-weight:300;color:white;padding-bottom:0.6%;}
.info-footer{font-size:16px;color:#fff;margin-left:15%;width:25%;}
.color-change{border-radius:5px;font-size:20px;padding:14px 80px;cursor:pointer;color:#fff;background-color:#00A6FF;font-size:1.5rem;font-family:'Roboto';font-weight:300;border:1px solid #fff;box-shadow:2px 2px 5px #AFE9FF;transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;}
.color-change:hover{color:yellow;border:1px solid yellow;box-shadow:2px 2px 20px #AFE9FF;}
.text-ok{text-shadow:6px 6px 0px rgba(0,0,0,0.4);color:white;font-size:46pt;}
/*body{font-family:'Roboto', sans-serif!important;background-size:cover!important;}*/
a:focus, a:hover{text-decoration:none!important;}
.flexcenter{min-width:100%;text-align:center;margin-top:auto;}
.flex{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:flex;}
.phone{float:right;padding:0 20px;color:#fff;font-weight:300;}
.page_label{margin-top:2px;font-size:20px;font-weight:300;}
.page_label h3{margin-top:2px;font-size:26px;font-weight:300;
   background-color: #333;
   -webkit-background-clip: text;
   -moz-background-clip: text;
   background-clip: text;
   color: transparent;
   text-shadow: rgba(255,255,255,0.5) 2px 3px 6px;
}
.page_label h4{margin-top:2px;font-size:18px;font-weight:300;

}
.page_header h1{margin-top:2px;font-size:32px;text-transform:uppercase;font-weight:900; 
   background-color: #333;
   -webkit-background-clip: text;
   -moz-background-clip: text;
   background-clip: text;
   color: transparent;
   text-shadow: rgba(255,255,255,0.5) 2px 3px 6px;
}
.page_header h2{margin-top:2px;font-size:28px;font-weight:500;
   background-color: #333;
   -webkit-background-clip: text;
   -moz-background-clip: text;
   background-clip: text;
   color: transparent;
   text-shadow: rgba(255,255,255,0.5) 2px 3px 6px;
}
.btn_wrap.round{display:inline-block;position:relative;margin:-35px -10px;padding:25px 20px;width:100%;}
.th_open_test:hover .mainer{text-decoration:underline;}
span.halfop{}
span.halfop{padding-right:104px;font-size:13px;}
a.logo_bottom:hover{background-position:0 bottom!important;}
.header_go{padding:5px 0 0 0;float:right;}
.header_go a{color:#e89f07;font-size:13px;text-decoration:underline;}
.btns{border-radius:4px !important;height:60px;box-shadow:5px 5px 20px rgba(0,0,0,0.3);width:205px;max-width:100%;color:#fff;line-height:16px;transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-khtml-transition:all 0.2s;-ms-transition:all 0.2s;border:none;overflow:hidden;position:relative;text-align:center;font-size:18px;text-transform:uppercase;line-height:60px;float:left;text-shadow:1px 1px 0px rgba(0,0,0,0.4) !important;}
.line{width:40%;border-top:1px solid #333; display:-webkit-inline-box;}
.page-wrapper{width:100%;height:100%;}
.blur-it{filter:blur(4px);}
a.btn{font-family:"Source Sans Pro", sans-serif;position:relative;display:inline-block;font-size:19pt;font-weight:700;color:#fff;text-decoration:none;text-shadow:0 -1px 2px rgba(0,0,0,.2);padding:0.5em 2em;outline:none;border-radius:3px;border:solid 1px #980c10;background:#d81b21;background:-webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));background:-moz-linear-gradient(top, #ed1c24, #aa1317);background:-ms-linear-gradient(top, #ed1c24, #aa1317);background-image:-o-linear-gradient(top, #ed1c24, #aa1317);box-shadow:0 1px rgba(255,255,255,.2) inset,
0 3px 5px rgba(0,1,6,.5),
0 0 1px 1px rgba(0,1,6,.2);transition:.2s ease-in-out;margin-top:20px;margin-bottom:20px;}
a.btn:hover:not(:active){background:#b61318;background:-webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));background:-moz-linear-gradient(top, #c9151b, #a11115);background:-ms-linear-gradient(top, #c9151b, #a11115);background-image:-o-linear-gradient(top, #c9151b, #a11115);}
a.btn:active{top:1px;background:-webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background:-moz-linear-gradient(top, #aa1317, #ed1c24);background:-ms-linear-gradient(top, #aa1317, #ed1c24);background-image:-o-linear-gradient(top, #aa1317, #ed1c24);box-shadow:0 0 1px rgba(0,0,0,.5) inset,
0 2px 3px rgba(0,0,0,.5) inset,
0 1px 1px rgba(255,255,255,.1);}
a.btn span{display:inline-block;/*animation:float .8s ease-in-out infinite;*/}
@keyframes float{0%,100%{transform:none;}
33%{transform:translateY(-1px) rotate(-2deg);}
66%{transform:translateY(1px) rotate(2deg);}
}
.modal-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background:#000000cf;visibility:hidden;opacity:0;transition:all 0.25s ease-in-out;}
.modal-wrapper.open{opacity:1;visibility:visible;}
.modal{width:600px;height:440px;display:block;margin:50% 0 0 -300px;position:relative;top:50%;left:50%;background:#fff;opacity:0;transition:all 0.5s ease-in-out;}
.modal-wrapper.open .modal{margin-top:-200px;opacity:1;}
.head{width:90%;height:32px;padding:12px 30px;overflow:hidden;background:#1b709e;}
.head span{color:white;font-weight:700;font-size:22pt;}
.head-logo{left:10px;position:absolute;}
.modal-block{color:#666666;font-size:15pt;}
.checkbox{display:grid;text-align:left;margin-left:30%;margin-top:10px;}
.checkbox label{margin-top:10px;margin-left:6px;}
.checkbox input{margin-right:9px;width:16px;height:16px;}
.btn-close{font-size:28px;display:block;float:right;color:#fff;}
.phone-modal{width:240px;height:40px;font-weight:inherit;font-style:normal;text-decoration:none;color:rgb(77,77,77);font-family:Ubuntu Condensed;font-size:16pt;border-radius:4px 4px 4px 4px;border:2px solid #1b709e;font-size:16pt;margin-top:15px;margin-bottom:1px;padding-left:8pt;}
.error{margin-top:15px;margin-bottom:1px;font-weight:inherit;font-style:normal;text-decoration:none;color:red;font-family:Ubuntu Condensed;font-size:16pt;text-align:center;}
a.btn-send{font-family:"Source Sans Pro", sans-serif;position:relative;display:inline-block;font-size:17pt;font-weight:700;color:#fff;text-decoration:none;text-shadow:0 -1px 2px rgba(0,0,0,.2);padding:0.3em 2em;outline:none;border-radius:3px;border:solid 1px #980c10;background:#d81b21;background:-webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));background:-moz-linear-gradient(top, #ed1c24, #aa1317);background:-ms-linear-gradient(top, #ed1c24, #aa1317);background-image:-o-linear-gradient(top, #ed1c24, #aa1317);box-shadow:0 1px rgba(255,255,255,.2) inset,
0 3px 5px rgba(0,1,6,.5),
0 0 1px 1px rgba(0,1,6,.2);transition:.2s ease-in-out;margin-top:10px;margin-bottom:10px;}
a.btn-send:hover:not(:active){background:#b61318;background:-webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));background:-moz-linear-gradient(top, #c9151b, #a11115);background:-ms-linear-gradient(top, #c9151b, #a11115);background-image:-o-linear-gradient(top, #c9151b, #a11115);}
a.btn-send:active{top:1px;background:-webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background:-moz-linear-gradient(top, #aa1317, #ed1c24);background:-ms-linear-gradient(top, #aa1317, #ed1c24);background-image:-o-linear-gradient(top, #aa1317, #ed1c24);box-shadow:0 0 1px rgba(0,0,0,.5) inset,
0 2px 3px rgba(0,0,0,.5) inset,
0 1px 1px rgba(255,255,255,.1);}
.confirm{color:black;font-size:10pt;width:60%;text-align:center;margin:auto;}
.modal-img-left{left:0px;top:60px;position:absolute;}
.modal-img-right{right:0px;top:60px;position:absolute;}
.modal-block.hidden-modal{opacity:0;visibility:hidden;transition:opacity .2s, visibility 0s .2s;}
.gratitude{height:0px;display:block;opacity:0;visibility:hidden;text-align:center;margin-left:10%;margin-right:10%;margin-top:5%;font-weight:600;font-size:20pt;}
.gratitude span{font-weight:200;font-size:14pt;}
.gratitude.open{display:block;opacity:1;visibility:visible;transition:height:unset .2s;transition:opacity .2s, visibility .2s 0s;}
.accept{display:block;margin:auto;margin-top:60px;}
.modal-img-left.hidden{opacity:0;transition:opacity .2s, visibility 0s .2s;}
.modal-img-right.hidden{opacity:0;transition:opacity .2s, visibility 0s .2s;}

@media screen and (max-device-width:1024px){.frames{display:block;}
.frame{margin-left:20px;margin-right:20px;display:inline-table;}
.regal{margin-left:18%;margin-right:15%;}
.regal-box{margin-left:10px;margin-right:10px;}
.soc{margin-left:10px;margin-right:10px;}
.soc p{font-size:10pt;}
.contacts{margin-left:1px;}
}
@media screen and (max-device-width:768px){.frames{display:block;}
.frame{margin-left:20px;margin-right:20px;display:inline-table;}
.regal{margin-left:auto;margin-right:auto;}
.regal-box{margin-left:auto;margin-right:auto;}
.soc{margin-left:10px;margin-right:10px;font-size:12pt;}
.soc p{font-size:10pt;}
.contacts{margin-left:1px;}
.info{font-size:10pt;margin-left:10px;}
.footer div{margin-right:0px;}
}
@media screen and (max-device-width:667px){.header{display:inline-block;}
.logo{text-align:center;position:relative;display:block;margin-left:auto;margin-right:auto;}
.contacts{margin-top:10px;margin-bottom:20px;font-size:16px;text-align:center;float:unset;width:unset;margin-left:auto;margin-right:auto;display:inline-flex;}
.info{display:none;}
.page_header h1{font-size:22px;}
.page_header h2{font-size:18px;}
.frames{display:block;}
.frame{margin-left:20px;margin-right:20px;display:inline-table;}
.regal{display:inline-block;}
.regal-box{display:inherit;}
.soc{margin-left:10px;margin-right:10px;font-size:12pt;}
.soc p{font-size:10pt;}
.footer{display:block;}
a.btn{font-size:17pt;padding:0.5em 1em;}
.modal{width:360px;height:440px;display:block;margin:50% 0 0 -180px;position:relative;top:50%;left:50%;background:#fff;opacity:0;transition:all 0.5s ease-in-out;}
.head span{font-weight:700;font-size:14pt;}
.modal-img-right{display:none;}
.modal-img-left{display:none;}
.confirm{width:100%;}
}