@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(/local/templates/OU/fonts/Roboto.woff2) format('woff2');
}

html {
	-webkit-text-size-adjust: none;
	touch-action: manipulation;
}

html,body, *{
	border:none;
	outline:none;
	margin:0;padding:0;
	box-sizing:border-box;
	font-family: 'Roboto', sans-serif;
}

#scroll{height:140px;overflow:scroll;}
#scroll::-webkit-scrollbar {
width: 15px;
background-color: #00FF00;
}
#scroll::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #FF0000;
}

button{display:inline-block;cursor:pointer;}


header.flay{opacity:.0;transform:scale(.8);margin-top:-104px;overflow:hidden;}
header.wrapper{padding:0 40px;position:fixed;top:0;left:0;right:0;background:#F8F8F8;z-index:222;transition:all .6s ease;}
main.wrapper{padding:150px 40px 100px;background:#F8F8F8;}
footer.wrapper{padding:0 40px;background:#F8F8F8;}

.page-container{padding-top:90px;}

section.container-fw{
	width:calc(100% + 80px);
	margin-left:-40px;
	padding:0 40px;
}

section.container-sw{
	width:100%;
	margin:0 auto;
	max-width:1736px;
}

.loading{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,.8);z-index:10000;}
.loading > div{display:flex;width:100%;height:100vh;justify-content:center;align-items:center;}


header.wrapper > .container-sw:first-child{display:flex;position:relative;padding:30px 0;align-items:center;background:#F8F8F8;z-index:10000;}
header.wrapper > .container-sw:last-child{position:relative;}
header.wrapper ul{list-style-type:none;}
.header-logo{max-height:68px;}
.header-search{width:calc(71.2% + 68px);padding:0 33px;}
.header-search input, .header-search button{border:none;background:transparent;}
.header-search .search-line{background:#E4E4E4;border-radius:8px;padding:14px 30px;transition:box-shadow .2s ease;}
.header-search .search-line:hover{background:#FFFFFF;box-shadow:0 0 15px 5px rgba(19,30,43, .2);}
.header-search .search-line:hover #search-input{background:#FFFFFF;}
.header-search .search-line > ul{display:flex;align-items:center;}
.header-search .search-line > ul > li:nth-child(2){flex-grow:5.7;/*max-width:760px;min-width:60px;*/}
.header-search #search-input{background:#E4E4E4;width:100%;height:40px;padding:0 24px;font-size:16px;}
.header-search .search-line > ul > li:nth-child(3){flex-shrink:2;width:100%;max-width:117px;min-width:70px;font-size:16px;color:#9D9D9D;}
.header-search .search-line > ul > li:nth-child(4){flex-grow:1;position:relative;}
.header-search .search-line > ul > li:nth-child(4).active .search-by-preview {color:#FFF;}
.header-search .search-line > ul > li:nth-child(4).active .search-by-preview svg{transform:rotate(180deg);fill:#FFF;}
.header-search .search-line > ul > li:nth-child(4).active .search-by-selector{height:155px;}

.header-search .search-line .search-by-preview{display:flex;justify-content:space-between;position:relative;font-size:16px;color:#131E2B;cursor:pointer;z-index:100;}
.header-search .search-line .search-by-preview span{width:100%;max-width:210px;min-width:148px;transition:color .5s ease;}
.header-search .search-line .search-by-preview svg{margin-top:2px;fill:#131E2B;transition:all .5s ease;}
.header-search .search-line .search-by-selector{position:absolute;z-index:1;top:-24px;left:-28px;height:0;width:calc(100% + 58px);overflow:hidden;background:#131E2B;border-radius:0 8px 8px 8px;transition:height .5s ease;}
.header-search .search-line .search-by-selector ul{margin-top:70px;}
.header-search .search-line .search-by-selector ul li{padding-left:28px;line-height:2em;font-size:16px;color:#F8F8F8;cursor:pointer;}
.header-search .search-line .search-by-selector ul li:hover{font-weight:700;}
.header-user{flex-grow:1;min-width:282px;}
.header-user .auth{display:flex;justify-content:space-between;}
.header-user .auth li:first-child a{display:inline-block;width:107px;padding:24px 0;border:1px solid #131E2B;border-radius:8px;text-align:center;font-size:16px;color:#131E2B;cursor:pointer;transition:background .2s ease;}
.header-user .auth li:first-child a:hover{background:#131E2B;color:#FFFFFF;}
.header-user .auth li:last-child a{display:inline-block;width:160px;padding:24px 0;border:1px solid #131E2B;border-radius:8px;text-align:center;background:#131E2B;font-size:16px;color:#FFFFFF;cursor:pointer;transition:background .2s ease;}
.header-user .auth li:last-child a:hover{background:#FFFFFF;color:#131E2B;}
.header-user .profile *{color:#131E2B;font-size:16px;text-decoration:none;}
.header-user .profile li{text-align:right;line-height:1.52em;}
.header-user .profile li span{color:#7A7A7B;}
.header-user .profile li a:hover{color:#B74D48;}

.header-menu{flex-grow:1;margin-left:17px;}
.header-menu .menu-caller{display:flex;float:right;justify-content:center;align-items:center;width:68px;height:68px;background:#B74D48;border-radius:8px;cursor:pointer;transition:background .2s ease;}
.header-menu .menu-caller.active{background:#131E2B;}
.header-menu .menu-caller .hamburger{width:50%;height:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;vertical-align:middle;overflow:hidden;
background:linear-gradient(180deg, transparent 0px, transparent 50%, #ffffff 50.1%, #ffffff 55%, transparent 55.1%, transparent 100%)}
.header-nav-elevator{position:absolute;top:-100vh;padding:20px 0 42px;left:0;right:0;background:#F8F8F8;border-bottom:1px #D2D2D2 dashed;transition:top .6s ease-in-out;height:calc(100vh - 129px);overflow-y:auto;}
.header-nav-elevator.called{top:100%;}
.header-title{font-size:20px; letter-spacing:-0.4px;}
.header-title span{color:#B74D48;}
.header-nav{display:flex;justify-content:space-between;margin-top:36px;}
.header-nav,
.header-nav ul{list-style-type:none;}
.header-nav > li{flex-basis:25%;position:relative;}
.header-nav > li:after{content:'';height:65px;top:0;right:0;position:absolute;width:0;border-right:1px #D2D2D2 dashed;}
.header-nav > li:last-child:after{border:none;}
.header-nav > li:last-child nav{width:max-content;margin:0 auto;}

.header-banners{list-style-type:none;display:flex;column-gap:2%;row-gap:14px;margin-top:42px;padding-top:42px;border-top:1px dashed #D2D2D2;}
.header-banners	li{max-width:404px;width: 100%;aspect-ratio: 16 / 9;}

footer.wrapper .container-sw{padding:56px 0;}
footer.wrapper .container-sw:nth-child(1){padding:0;}
footer.wrapper .container-sw:nth-child(3){padding-top:0;border-bottom:1px #D2D2D2 dashed;}
.footer-logo{display:block; width:min-content;margin:0 auto;}
.footer-title{font-size:20px; letter-spacing: -0.4px;}
.footer-title span{color:#B74D48;}
.footer-nav{display:flex; justify-content: space-between;}
.footer-nav,
.footer-nav ul{list-style-type:none;}
.footer-nav > li{flex-basis:25%;position:relative;}
.footer-nav > li:after{content:'';height:65px;top:0;right:0;position:absolute;width:0;border-right:1px #D2D2D2 dashed;}
.footer-nav > li:last-child:after{border:none;}
.footer-nav > li:last-child nav{width:max-content;margin:0 auto;}
.footer-nav-epilog{display:flex;}
.footer-nav-epilog,
.footer-nav-epilog ul{list-style-type:none;}
.footer-nav-epilog > li{flex-basis:25%;position:relative;}
.footer-nav-epilog > li:nth-child(2){flex-grow:2;text-align:center;}
.footer-nav-epilog > li:first-child ul li a{display:inline-block;padding-bottom:22px;font-size:20px;color:#B74D48;}
.footer-nav-epilog > li:first-child ul li a:hover{color:#1E1E1E;}
.footer-nav-epilog .follow-menu{max-width:240px;margin:0 auto;}
.footer-nav-epilog .follow-menu-title{padding-bottom:40px;font-size:20px;color:#1E1E1E;}
.footer-nav-epilog .copyright{display:block;margin-bottom:18px;font-size:20px;color:#1E1E1E;}
.footer-nav-epilog .privacy-policy{font-size:20px;color:#1E1E1E;}
.footer-nav-epilog .privacy-policy:hover{color:#B74D48;}
.footer-nav-epilog .offer-agreement{font-size:20px;color:#1E1E1E;}
.footer-nav-epilog .offer-agreement:hover{color:#B74D48;}
.footer-nav-epilog .btn-partner-app{font-size:16px;color:#FFFFFF;
  display:inline-block;position:relative;overflow:hidden;background:#B74D48;
  border:none;border-radius:8px;padding:30px 36px;transition:background 0.5s ease;
  cursor:pointer;text-decoration:none;margin:36px 0;
}
.footer-nav-epilog .btn-partner-app:hover{background:#1E1E1E;}
.footer-nav-epilog .btn-partner-app:before{content:'';position:absolute;top:0;bottom:0;width:80px;
  background: linear-gradient(-65deg, transparent 0%, rgba(241,241,241,0) 42%, rgba(241,241,241,0.2) 55%, rgba(241,241,415,0) 68%, transparent 100%);
  animation:btn-running-light 3s infinite;
  animation-timing-function: linear;
}
@keyframes btn-running-light{
	from {left: -200px;}
	to {left:100%}
}

.main-title{display:block;margin-bottom:33px;line-height:1;}
.main-title img{width:100%;}

.top-banners{margin:0 0 45px;}
.top-banners ul{list-style-type:none;display:flex;justify-content:space-between;gap:23px;}
.top-banners ul li{width:26.25%;aspect-ratio: 16 / 18;}
.top-banners ul li:nth-child(2){width:44.70%;aspect-ratio: 16 / 10.82;}

.top-banner-stub li:before{content:'Loading...';}
.top-banner-stub li{padding:12px;background:#FFF;border-radius:16px;font-size:12px;color:#E4E4E4;
    animation:bann-stub-light .4s infinite;
	animation-direction: alternate;
    animation-timing-function: linear;
}
@keyframes bann-stub-light{
	from {opacity: .6;}
	to {opacity:1;}
}

.full-banner{position:relative;margin-bottom:100px;background:#E9E9E9;}
.full-banner .container-sw{position:relative;}
.full-banner-inner{display:flex;justify-content:space-between;}
.full-banner-inner figcaption{background:#E9E9E9!important;}

.half-page-banners li{aspect-ratio:16/9.85;}

.page-header{font-size:96px;color:#131E2B;margin-bottom:45px;line-height:1.1;text-align:center;}
.page-sub-header{font-size:48px;color:#131E2B;margin:45px 0 40px;text-align:center;}
.page-description{font-size:16px;color:#676767;}
.page-description.center{text-align:center;}
.page-description.short{max-width:80%;margin:0 auto;}
.page-description p{margin-top:10px;}

.page-content{margin-top:205px!important;}

.popup-form{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.4);z-index:333;}
.popup-form .container{display:flex;height:100vh;justify-content:center;align-items:center;overflow-y:scroll;}
.popup-form .content{display:flex;flex-direction:column;row-gap:20px;width:100%;max-width:800px;padding:55px;border:1px solid #B74D48;background:#FFFFFF;}
.popup-form .title{font-size:40px;color:#131E2B;}
.popup-form .captcha img{margin-top:10px;}
.popup-form .submit{
	display:inline-block;
	margin-top:20px;
    width:100%;
	max-width:180px;
    padding:12px 0;
    font-size:16px;
    border:1px solid #E5E5E5;
    border-radius:8px;
    background:#B74D48;
    color:#FFFFFF;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    transition:all .5s ease;
	cursor:pointer;
}
.popup-form .submit:hover{background:#131E2B;}
.popup-form .note{margin-top:55px;color:#B74D48;}
.popup-form .close{position:absolute;top:20px;right:20px;cursor:pointer;}

.parts2nd{list-style-type:none;display:flex;justify-content:space-between;gap:23px;margin:23px 0;}
.parts2nd > * {flex-basis:49.3%;}

.vc{vertical-align:middle;align-items:center;}

/*Site form controls */
.control-text{
	position:relative;
	border:1px solid #E4E4E4;
	border-radius:8px;
	background:#F8F8F8;
}

.control-text input{
	position:relative;
	width:100%;
	padding:20px;
	background:transparent;
	border-radius:8px;
    font-size:20px;
	color:rgb(19,30,43);
	z-index:2;
}

.control-text input:placeholder{
	color:#ADADAD;
}

.control-text input:focus{
	background:#FFFFFF;
}

.control-text input:invalid{
	/*border:1px solid #FF0000;*/
}


.control-text .flay-placeholder{
	position:absolute;
	transition:all .2s ease;
	top:-12px;
	left:6px;
	font-size:10px;
	color:#ADADAD;
	z-index:1;
}

.control-text input:placeholder-shown + .flay-placeholder{
	position:absolute;
	top:20px;
	left:20px;
	font-size:20px;
	z-index:1;
}

.control-text input:focus + .flay-placeholder{
	top:-12px;
	left:6px;
	font-size:10px;
	z-index:5;
}

.control-text-caption{
	font-size:16px;
	color:#3E3E3E;
}

.control-text-caption input[type="text"]{
	line-height: 0;
    padding: 8px 0 7px;
	border:1px solid #E7E7E8;
	border-radius:5px;
	text-align:center;
}

.control-text-caption input[type="text"]:focus{
	border:1px solid #749800;
}

.control-textarea{
	background:#F8F8F8;
	border:1px solid #BEBEBE;
	border-radius:8px;
	padding:15px;
}
.control-textarea:focus{
	background:#FFFFFF;
}

/*end form controls*/

.fancybox-bg{
	opacity:.1!important;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

@media (max-width:1180px){
	header.wrapper{padding:0 10px;}
	header.wrapper > .container-sw:first-child{flex-wrap:wrap;row-gap:20px;}
	header.flay{transform:scale(.7);margin-top:-174px;}
   .header-logo{order:2;flex-grow:1;}
   .header-search{order:1;width:100%;padding:0;}
   .header-search .search-line{padding:14px 10px;}
   .header-user{order:3;flex-grow:0;}
   .header-menu{order:4;flex-grow:0;}
   
    main.wrapper{padding:217px 10px 100px;}
	footer.wrapper{padding:0 10px;}
	section.container-fw{width:calc(100% + 20px);margin-left:-10px;padding:0 10px;}
	
   .header-nav-elevator{height:calc(100vh - 217px)}
   
   .header-title, .footer-title{text-align:center;}
   .header-nav, .footer-nav{flex-direction:column;row-gap:24px;}
   .header-nav > li, .footer-nav > li{flex-basis:100%;align-self:center;text-align:center;}
   .header-nav > li:after, .footer-nav > li:after{border:none;height:0;}
   .header-nav > li:last-child nav, .footer-nav > li:last-child nav{width:initial!important;}
   
   .top-banners > ul{flex-wrap:wrap;gap:4px;}
   .top-banners > ul > li{width:49%;}
   .top-banners > ul > li:first-child{order:2;}
   .top-banners > ul > li:last-child{order:3;}
   .top-banners > ul > li:nth-child(2){width:100%;margin-bottom:20px;order:1;}
   
   .page-header{font-size:3.8em;}
   .page-sub-header{font-size:3em;}
   
   .parts2nd{flex-wrap:wrap;}
   .parts2nd > *{flex-basis:100%;}
}

@media (max-width:1024px){
   .header-banners{flex-wrap:wrap;}
   .header-banners li{width:49%;}
   .page-header{font-size:3.5em;}
   .page-sub-header{font-size:2.5em;}
   .footer-nav-epilog{flex-direction:column;row-gap:34px;align-items:center;}
   .footer-nav-epilog > li{flex-basis:100%;}
   .footer-nav-epilog > li:first-child ul{display:flex;column-gap:24px;justify-content:center;flex-wrap:wrap;}
   .footer-nav-epilog > li:nth-child(1){order:2;}
   .footer-nav-epilog > li:nth-child(2){order:1;}
   .footer-nav-epilog > li:nth-child(3){order:3;}
   .footer-nav-epilog .follow-menu{max-width:initial;}
   .page-content{margin-top:145px!important;}
}

@media (max-width:420px){
   .header-logo{display:none;}
   .header-search{order:1;}
   .header-search #search-input{padding:0 6px;}
   .header-search .search-line .search-by-preview svg{display:none;}
   .header-search .search-line .search-by-selector{width:calc(100% + 28px);left:-10px;}
   .header-search .search-line .search-by-selector ul li{padding-left:10px;}
   .header-user{order:4;flex-grow:1;min-width:272px;}
   .header-user .auth{justify-content:end;column-gap:6px;}
   .header-menu{order:3;margin:0;}
    main.wrapper{padding:228px 10px 100px;}
   .header-nav{margin-top:24px;}
   .page-header{font-size:2.6em;}
.page-sub-header{font-size:2em;}   
   .page-content{margin-top: 115px!important;}
   .page-description.short{max-width:100%;}
   .popup-form .content{padding:88px 15px 0;height:100vh;border-radius:0;}
}