/* Start:/local/templates/wtt/styles.css?17158539664384*/
@font-face {
	font-family: 'DINCondensedC';
	src: url('/local/templates/wtt/fonts/dincondensedc.eot'); /* IE 9 Compatibility Mode */
	src: url('/local/templates/wtt/fonts/dincondensedc.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/local/templates/wtt/fonts/dincondensedc.woff2') format('woff2'), /* Super Modern Browsers */
		url('/local/templates/wtt/fonts/dincondensedc.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/local/templates/wtt/fonts/dincondensedc.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/local/templates/wtt/fonts/dincondensedc.svg#dincondensedc') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
	font-family: 'DINCyr';
	src: url('/local/templates/wtt/fonts/DINCYRG.ttf'); /
	src: url('/local/templates/wtt/fonts/DINCYRG.ttf') format('truetype'); 
}

* {
margin:0;
padding:0;
-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

html {
   font-family: 'Georgia', Times, "Times New Roman", serif;
   font-size:16px;
}

body {
   font-family: 'Georgia', Times, "Times New Roman", serif;
   font-size:16px;
   color:black;
   line-height:1.2;
   background-color:#ffffff;
   min-width:320px;
}

:root {
  --color-brown: #9d5914; /*brown now*/
  --color-b: #000000; /*black now*/
  --color-p: #00c5b3; /*green now*/
  --color-g: #777777;
  --head-font:'DINCondensedC', Arial,sans-serif;
  --link-font:'DINCyr', Arial,sans-serif;
}


h1, .h1 {
font-family:var(--head-font);
font-size:60px;
color:var(--color-b);
padding:0;
margin:-0.8rem 0 2rem 0;
text-transform:uppercase;
line-height:1.2;
}


h2, .h2 {
font-family:var(--head-font);
font-size:20px;
color:black;
text-transform:uppercase;
padding:0;
margin:-0.4rem 0 2.4rem 0;
line-height:1.2;
}


h3, .h3 {
font-family:var(--head-font);
font-size:16px;
color:black;
text-transform:uppercase;
padding:0;
margin:-0.4rem 0 2.4rem 0;
line-height:1.2;
}

p, ol li {
    font-size:16px;
	line-height:1.2;
	margin-top:-0.4rem; 
	margin-bottom:2.4rem;
	}

a { transition:0.6s color ease; }

a:link {
color:#4a4a4a; /*var(--color-p);*/
text-decoration:none;
/*font-family:var(--link-font);*/
}

a:hover {
color:var(--color-p);
text-decoration:none;
}

a:visited {
color:#4a4a4a; /*var(--color-p);*/
text-decoration:none;
}

a:hover:visited {
color:var(--color-p);
text-decoration:none;
}

p a:hover, .text a:hover {
text-decoration:underline;
}

a:focus {
  outline: none;
}

.p { color:var(--color-p); }
.b { color:var(--color-b); }
.brown { color:var(--color-brown); }
.starred { 
  position:relative;
}
.starred:after {
	position:absolute;
	content: '';
	left: calc(50% - 1rem);
	top: -2rem;
	background-image:url(/local/templates/wtt/images/star_small1.png);
	background-size:100% 100%;
	width:2rem; height:2rem; 
}

button{
-webkit-appearance: none;
   -moz-appearance: none;
   appearance:      none;
   outline: none;
} 

article img {
max-width:100%;
height:auto;
}

article img.right-float {
float:right;
margin:0 0 2rem 2rem;
}

article img.left-float {
float:left;
margin:0 2rem 2rem 0;
}

.highlight {
padding:2rem;
font-weight:bold;
font-style: italic;
background-color:#eeeeee;
margin-bottom:2rem;
}

.sidebar {
padding:4rem 0 2rem 0;
margin-bottom:4rem;
text-align:center;
font-size:1.2em;
position:relative;
}

.sidebar p  {font-style:italic;}

.sidebar::before {
position:absolute;
top:0;
left: 30%; right:30%;
height:2px;
background-color:#eeeeee;
content:'';
}

.sidebar::after {
position:absolute;
bottom:0;
left: 30%; right:30%;
height:2px;
background-color:#eeeeee;
content:'';
}

.horiz-block-top {
display:flex;
justify-content:stretch;
align-items:flex-start;
/*margin-left:-2rem;
margin-right:-2rem;*/
margin-bottom:2rem;
position:relative;
}

.horiz-block-middle {
display:flex;
justify-content:stretch;
align-items:center;
/*margin-left:-2rem;
margin-right:-2rem;*/
margin-bottom:2rem;
position:relative;
}

.horiz-block-middle > *, .horiz-block-top > * { width:50%; margin-left:2rem; margin-right:2rem; }

.horiz-block-middle > :first-child, .horiz-block-top > :first-child{ margin-left:0rem;  }
.horiz-block-middle > :last-child, .horiz-block-top > :last-child{ margin-right:0rem;  }


.block-for-block {
  border:transparent;
}

.block-for-block-2 {
  border:2px solid grey;
  padding:2rem;
  margin-bottom:2rem;
}

.gallery-block {
display:flex;
flex-wrap:wrap;
justify-content:stretch;
align-items:stretch;
margin-bottom:2rem;
}

.gallery-block   :not(img) { display:none;}

.gallery-block  img {
max-width:50%;
width:33%;
object-fit:cover;
padding:0.5rem;
height:25rem;
flex-grow:1;
cursor:pointer;
}

/* End */


/* Start:/local/templates/wtt/template_styles.css?1765496077112828*/
.resolution-info {font-size:16px;text-align:center;}
@media only screen and (min-width: 320px) { .resolution-info {display:none;}}

:root {
  --size-b-w:14rem;
  --size-b-h:14.6rem;
  --gutter:2rem;
  --gutter2:1rem;
  --size-b-w-gutter:16rem; /* 14+2 */
  --size-b-h-gutter:16.6rem; 
  --size-half:8rem;/* 14.6 +2 */
}

.web-break { }
.mobile-break { }

.web-only { display:flex !important; }
.web-only-inline { display:inline !important; }
.web-only-inl { display:inline !important; }
.web-only-inl { display:inline !important; }
.mobile-only { display:none !important; }

 h1, .h1 { font-size:6rem; }
 body.noscroll { overflow-y:hidden; height:100vh;}
 
 
@media only screen and (min-width: 320px) {

   html {
   font-size:1.4vw;  /* 10px on sketch  */
    }
   
   body {
	  font-size:1.4vw;
	  overflow-x:hidden;
   }
   
   h2, .h2 { font-size:3.5rem; }
   h3, .h3 { font-size:2.7rem; }   
   
   section, article, header, footer, p, div, label, button, li, ul , ol, .btn{
	font-size:2.5rem;
  }
  
  .mobile-break { display:block !important;}
}

@media only screen and (min-width: 768px) {
    html {
   font-size:0.63vw;  /* 10px on sketch  0.625 if 1600  0.63 if 1580*/
   }
   
   body {
	  font-size:0.63vw;
   }
   
   h2, .h2 { font-size:4rem; }
   h3, .h3 { font-size:2.5rem; }   
   
   section, article, header, footer, p, div, label, button, li, ul , ol, .btn{
	font-size:2.2rem;
   }
   

  
  .web-break { display:block !important; }
  .mobile-break { display:inline !important;}
}

@media only screen and (min-width: 1024px) {
	h2, .h2 { font-size:3rem; }
	h3, .h3 { font-size:2rem; }
	section, article, header, footer, p, div, label, button, li, ul , ol, .btn{
	font-size:2rem;
    }
}

@media only screen and (min-width: 1280px) {
	h2, .h2 { font-size:2rem; }
	h3, .h3 { font-size:1.6rem; }

	section, article, header, footer, p, div, label, button, li, ul , ol, .btn{
	font-size:1.6rem;
	}

}

/* for moving something inside */
.reset_pos {
position:relative;
}

.nowrap {
flex-wrap:nowrap;
}

.fixed {
position:fixed !important;
}


@media only screen and (min-width: 768px) {


.sticky {
position: sticky;
/*top: 12rem;*/
top:6rem;
}
}

/*reset buttons */
button {
background:none;
border:none;
}

button:focus {
   outline:none;
}

img.cover{
width:100%;
height:100%;
-o-object-fit: cover;
object-fit: cover;
object-position: 50% 50%;
}

.styled-links a {
text-decoration:none;
position:relative;
}

.styled-links a:hover {
text-decoration:none;
}

.styled-links a:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-p);
  position: absolute;
  left: 0; bottom: 0px; right: 0px;
 
  -webkit-transition: all 0.35s ease-in-out 0s;
  -webkit-transform: scaleX(0);
 
  transition: all 0.35s ease-in-out 0s;
  transform: scaleX(0);
  visiblity: hidden;
}


.styled-links a:hover:before  {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  visiblity: visible;
}	


/* ------------------- header & menu -------------------------- */

.mainh {
position:relative;
width:100%;
left:0;
top:0;
height:35.1rem;
z-index:1499;
font-family:'DINCondensedC', Arial,sans-serif;
/*margin-bottom:11rem;*/
}

/*
.mainh:before {
	content:''; position:absolute; top:calc(100% - 0.2rem); height:1.5rem; left:0; right:0;
	background-image:url(/local/templates/wtt/images/up.jpg); background-repeat:no-repeat; background-size:100% auto;
}


.mainh .back:before {
	content:''; position:absolute; top:calc(100% - 0.3rem); height:12rem; left:0; width:var(--size-half);
	background-image:url(/local/templates/wtt/images/up_left.jpg); background-repeat:no-repeat; background-size:100% auto;
}

.mainh .back:after {
	content:''; position:absolute; top:calc(100% - 0.3rem); height:12rem; right:0; width:var(--size-half);
	background-image:url(/local/templates/wtt/images/up_right.jpg); background-repeat:no-repeat; background-size:100% auto;
}
*/

.mainh.small {
/*height:14.6rem;*/
margin-bottom:7rem;
}
.mainh .icons { display:none; }

.mainh > div, .mainh > nav { position:absolute; left:0; right:0;}

.mainh .mob-menu-btn, .mainh .mob-close-menu-btn { display:none; }

.mainh .back {top:0; bottom:0; position:relative;}
.mainh .back img { width:100%; height:100%; object-fit:cover; object-position:center 100%; }

.mainh .logos { top:0; left: var(--size-b-w-gutter); right:  var(--size-b-w-gutter); bottom:5rem;
display:flex;
justify-content:space-between;
align-items:center;
}
.mainh .logos .left { width:  50%; text-align:left; padding-top:0rem; padding-bottom:1rem;}
.mainh .logos .right { width:  50%; text-align:center; padding-top:3rem; padding-bottom:3.2rem;}
.mainh .logos .left img { width:55.5rem; }

.mainh .menu-back { 
	background-color:var(--color-p);
	height:4rem; 
	bottom:0.4rem; 
	left: var(--size-b-w-gutter); right:  var(--size-b-w-gutter);
}

/*.mainh  .icons, .mainh  .form-placer { display:none; }*/

.mainh .title { 
	font-family:var(--head-font); color:white; 
	font-size:6rem; line-height:6rem; text-transform:uppercase; 
	text-align:center;
}
.mainh .title.t1 { 
	font-size:8rem; line-height:6rem; 
}

.mainh .top-menu { display:flex; justify-content: center; top:auto; bottom:0.2rem; padding-right:1rem; }
.mainh .languages { display:flex; justify-content: flex-end; 
	right: 7.6rem; left:auto; bottom:2.5rem; width:7.6rem;
}
.mainh .menu a, .mainh .menu span { 
	color:var(--color-b); display:block; text-transform: uppercase; 
	font-family:var(--head-font); text-decoration:none;position:relative;
	transition:color 0.7s ease;
	}

.mainh .menu.top-menu a.selected, .mainh .menu.top-menu a:hover { color:var(--color-brown);   } 
	
.mainh .menu.top-menu a:after, .mainh .menu.top-menu a:before { 
	position:absolute;
	content: '';

	top: calc(50% - 0.6rem);
	background-image:url(/local/templates/wtt/images/star_small1.png);
	background-size:100% 100%;
	width:1.2rem; height:1.2rem; 
	opacity:0;
	transition:0.3s opacity ease;
} 
.mainh .menu.top-menu a:before { 
	left:0;
}
.mainh .menu.top-menu a:after { 
right:0; 
}
	
.mainh .menu.top-menu a.selected:after, .mainh .menu.top-menu a:hover:after,
.mainh .menu.top-menu a.selected:before, .mainh .menu.top-menu a:hover:before { 
opacity:1; 
} 

.mainh .menu .disabled { color: rgb(160,160,160) !important; cursor:auto;}
.mainh .menu .disabled:before, .mainh .menu .disabled:after { display:none;}

.mainh .languages  a { font-size:2rem; line-height:2rem; padding:0 0.5rem; color:white}
.mainh .languages  a.selected { color:var(--color-p); }
.mainh .top-menu  a, .mainh .top-menu  span { font-size:3rem; line-height:4.2rem; padding:0 1.7rem;}

/*.mainh .menu a:hover { color: var(--color-p); display:block; }*/

.mainh .search-form { bottom:0.3rem; left: var(--size-b-w-gutter); right:auto; height:4rem; padding-left: 2rem;}
.mainh .search-form  form { display:flex;}

.mainh .search-form .help { color:var(--color-b); display:block; text-transform: uppercase; line-height:4rem;cursor:pointer;
	font-family:var(--head-font); text-decoration:none;position:relative; font-size:2rem; transition: 1s color ease;}
.mainh .search-form .help:hover { text-decoration:underline; text-decoration-color: var(--color-brown); text-decoration-thickness: 2px; }

.mainh .search-form .input { display:none;}
.mainh .search-form .input.active{ display:flex;}
.mainh .search-form button {
height:4rem;
width:3rem;
background-image:url(/local/templates/wtt/images/search.png);
background-position:50% 50%;
background-size:2rem 2rem;
background-repeat:no-repeat;
margin:0 1rem;
cursor:pointer;
}

.mainh .search-form input[type="text"] {
height:3rem;
margin:0.5rem 0;
}

.mainh .menu.pers { bottom:0.2rem; right:  var(--size-b-w-gutter); left:auto; height:4rem; padding-right:2rem;}

.mainh .menu.pers a { position:relative; line-height:4rem; padding-right:3.5rem; cursor:pointer; font-size:2rem; }
.mainh .menu.pers a:after { 
content:''; position:absolute; top:0; right:0; right:0; 
width:3.5rem; height:4rem;
background-image:url(/local/templates/wtt/images/pers.svg);
background-size:2.2rem auto;
background-position:100% 40%;
background-repeat:no-repeat;
}


.mainh.h_init .back { bottom:100%; top:-100%; transition:  1s bottom ease,  1s top ease; }
.mainh.h_init .menu-back { opacity:0; transition: 0.5s opacity ease 1s;}
.mainh.h_init .logos .left { position:relative; left:-100rem; transition:1s left ease;}
.mainh.h_init .logos .right { position:relative; right:-100rem; transition:1s right ease 0.5s;}
.mainh.h_init .top-menu { bottom:40rem; transition:1s bottom ease 1.5s;}
.mainh.h_init .languages { opacity: 0; transition:1s opacity ease 2s;}
.mainh.h_init .search-form { opacity: 0; transition:1s opacity ease 2s;}
.mainh.h_init .pers { opacity: 0; transition:1s opacity ease 2s;}

.mainh.h_init .logos  .center { opacity: 0; transition:1s opacity ease 0.5s; }

.mainh.h_init.done .back {  top:0; bottom:-1px;  }
.mainh.h_init.done .menu-back { opacity:1; }
.mainh.h_init.done .logos .left { left:0;  }
.mainh.h_init.done .logos .right { right:0;  }
.mainh.h_init.done .top-menu {  bottom:0.3rem; }
.mainh.h_init.done .languages { opacity: 1; }
.mainh.h_init.done .search-form { opacity: 1; }
.mainh.h_init.done .pers { opacity: 1; }

.mainh.h_init.done .logos .center   { opacity: 1; }

.up-wrap { position:sticky; height:0; bottom:0;}
.up-wrap  .up {
position:absolute;
left:auto;
right:0;
width:16rem;
height:4rem;
/*bottom:10rem;*/
bottom:4rem;
background-image:url(/local/templates/wtt/images/arr-up-big.png);
background-position:50% 50%;
background-size:5.2rem 1.6rem;
background-repeat:no-repeat;
cursor:pointer;
transition:1s opacity ease;
}

.up-wrap.hidden  .up {
opacity:0;
cursor:auto;
}

footer {
background-color:#060610;
height:10.6rem;
width:100%;
position:relative;
display:flex;
justify-content:flex-start;
align-items:center;
padding:0 var(--size-b-w-gutter) 0;
color:white;
margin:0;
}
footer .logo { width:25rem; text-align:center;}
footer .logo img { width:25rem; }

footer .copyright {line-height:1; font-size:1.6rem; flex-grow:1; padding:0 0 0.5rem 4.5rem;}
footer .icons { display:flex; justify-content:flex-start; /*flex-wrap:wrap;*/  }
footer .icons a { display:block; margin:0.5rem 0 0.5rem 2.4rem ; }
footer .icons img { width:2.1rem; height:2.1rem; }

footer .badges { display:flex; justify-content:flex-start; align-items:center;}
footer .badges a { display:block; margin-left:2.4rem;  }
footer .badges img { max-width:12rem; }

footer .rain {padding:0 0 0.5rem 0;}
footer .rain a { color:white; display:flex; align-items:center; width:22.5rem; justify-content:center; font-size:1.6rem; line-height:1; cursor:pointer;}
footer .rain img { width:1rem; height:1.3rem; padding:0; margin-right:0.7rem; margin-top:0.3rem;}

footer:after {
position:absolute;
top:100%;
height:4px;
left:0; right:0;
background-color:black;
}
/* ----------------------------- */

main, .breadcrumbs, .slider, .std-width {
margin:0 var(--size-b-w-gutter);
}

.decos { position:relative;}

.decos:before { position:absolute; content:''; top:-5.8rem; left:0; bottom:-10rem; width: var(--size-half); 
background:#061e18;
/*Ibackground-image:url(/local/templates/wtt/images/side.jpg); background-position:0 0; background-size:100% auto;*/
}

.decos:after { position:absolute; content:''; top:-5.8rem; right:0; bottom:-10rem; width: var(--size-half); 
background:#061e18;
/*background-image:url(/local/templates/wtt/images/side.jpg); background-position:100% 0; background-size:100% auto;*/
}


main:not(.index) {
min-height: calc( 100vh - 60.8rem); /* 2 * var(--size-b-h) - 2rem - 10.6rem  - 10rem */
} 

.breadcrumbs {
font-family:var(--head-font);
font-size:3rem;
color:var(--color-b);
text-transform:uppercase;
line-height:1;
position:relative;
}

.breadcrumbs a { font-family:var(--head-font); color:#4a4a4a; position:relative;}
.breadcrumbs a:hover { color:var(--color-b); }

.breadcrumbs:before {
content:'';
position:absolute;
background-image:url(/local/templates/wtt/images/arr-back-sm.png);
background-repeat:no-repeat;
background-size:0.6rem 0.9rem;
background-position:50% 50%;
filter: brightness(0%);
right:100%;
width:2.5rem;
height:2rem;
top:0.5rem;
}

.fw-slider {
margin-top:3.6rem;
margin-bottom:10rem;
}

.two-column {
display:flex;
margin-bottom:10rem;
}

.two-column.index {
padding-top:0.5rem;
}

.mainh.small.fixed + main, .mainh.small.fixed + .breadcrumbs {
margin-top:calc( 14.6rem + var(--size-b-h-gutter));
}

.two-column  header  {
   min-width: 48rem;
   width: 48rem;
   flex-shrink:0;
   flex-grow:0;
}

.left-col.bottom { bottom:18rem; }

.left-col nav { padding-left:2rem; list-style:none;}

.left-col nav > li { margin-bottom:2.9rem; margin-top:0.5rem;}

.left-col nav > li > a {
	display:inline-block;
	font-family:var(--head-font);
	font-size:3rem;
	color:var(--color-b);
	text-transform:uppercase;
	line-height:3.6rem;
	color: var(--color-b);
	position:relative;
	padding:0.5rem 3.4rem;
	z-index:10;
	transition:0.3s color ease;
	position:relative;
}

.left-col nav a:hover, .left-col nav a.selected {
  color:var(--color-p); 
}

.left-col nav > li > a:before {
   content:'';
   position:absolute;
   bottom:0;
   height: 2px;
   left:0; right: 0; 
   background-color:black; 
   z-index:-1;
}

.left-col nav > li > a:after {
   position:absolute;
   content: '';
   left:1rem; right: 1rem;
   top: 0;
   background-image:url(/local/templates/wtt/images/star_small.png), url(/local/templates/wtt/images/star_small.png);
   background-repeat:no-repeat no-repeat;
   background-position:0 center, 100% center;
   background-size:1.2rem 1.2rem, 1.2rem 1.2rem;
   height:100%; 
   opacity:0;
   transition:0.3s opacity ease;
}

.results-page .left-col nav > li > a:after {
	background-image:url(/local/templates/wtt/images/star_small1.png), url(/local/templates/wtt/images/star_small1.png);
}

.left-col nav > li > a:hover:after, .left-col nav > li > a.selected:after {
	opacity:1;
}


.left-col nav > li > div  {
  overflow:hidden;
  transition:1s height ease;
}

.left-col nav > li > div > ul {
   list-style:none;
   margin-bottom:-0.5rem;
   margin-top:3rem;
}

.left-col nav > li > a:not(.selected) + div {
   height:0 !important;
}

.left-col nav > li > div > ul  > li {
   padding:0 0 0 4rem;
}

.left-col nav > li > div > ul  > li  > a {
	display:inline-block;
	font-family:var(--head-font);
	font-size:3rem;
	color:var(--color-b);
	text-transform:uppercase;
	line-height:3.6rem;
	color: var(--color-b);
	position:relative;
	padding:0;
}

.left-col nav > li > div > ul  > li > div {
  overflow:hidden;
  transition:1s height ease;
}

.left-col nav > li > div > ul  > li > div > ul{
   list-style:none;
   margin-bottom:4rem;
   margin-top:3rem;
}

.left-col nav > li > div > ul  > li > a:not(.selected) + div{
   height:0 !important;
}

.left-col nav > li > div > ul  > li > div > ul  > li {
   padding:0 0 0 2rem;
}

.left-col nav > li > div > ul  > li  > div > ul  > li  > a {
	display:inline-block;
	font-family:var(--head-font);
	font-size:2rem;
	color:var(--color-b);
	text-transform:uppercase;
	line-height:2.5rem;
	color: var(--color-b);
	position:relative;
	padding:0;
}

/*  form ------------------------------ */
.form-placer {
position:relative;
height:8rem;
transition:1s height ease;
}

.form-placer.open {
height:31rem;
}

.form-button{
position:absolute;
height:8rem;
bottom:0;
left:0; right:0;
text-align:right;
padding-right:calc( var(--size-b-w-gutter) +  2 * var(--gutter));
z-index:901;
}

.form-placer:before{
content:'';
position:absolute;
height:6rem;
bottom:0;
left:0; right:0;
background-color:#060610;
}

.form-button button{
background-color:var(--color-p);
font-family:var(--head-font);
font-size:3rem;
text-transform:uppercase;
color:white;
height:8rem;
line-height:8rem;
width:48rem;
position:relative;
cursor:pointer;
} 

/*
.form-button button:after {
content:'';

position:absolute;
*/
/*width:6.7rem;
height:11rem;*/
/*
top:calc(100% - 5px);
left:5px;
width:calc(13rem + 5px);
height:2px;
background-color:var(--color-p);
transform: rotate(125deg);
transform-origin:0 0;
z-index:902;
}
*/

.form-popup {
position:absolute;
left: var(--size-b-w-gutter);
right: calc( var(--size-b-w-gutter) + var(--gutter));
bottom:2rem;
background-color:#012240;
display:flex;
z-index:900;
height:0;
transition:1s height ease 1s;
overflow:hidden;
}

.form-placer.open .form-popup {
height:26.5rem;
}

.form-popup.active {
overflow:visible;
}.form-popup {
position:absolute;
left: var(--size-b-w-gutter);
right: calc( var(--size-b-w-gutter) + var(--gutter));
bottom:2rem;
background-color:#012240;
display:flex;
z-index:900;
height:0;
transition:1s height ease 1s;
overflow:hidden;
}

.form-placer.open .form-popup {
height:26.5rem;
}

.form-popup.active {
overflow:visible;
}

.form-popup > div { width:100%; }

.form-popup .title {
font-family:var(--head-font);
font-size:6rem;
color:white;
width:calc( 4 * var(--size-b-w) +  3 * var(--gutter));
flex-shrink:0;
text-transform:uppercase;
padding:2.2rem 3.5rem;
}

.form-popup .form-wrap {
flex-grow:1;
padding-top:2rem;
}

input[type=text], input[type=email]{
height:4rem;
font-size:2rem;
line-height:3.8rem;
border:none;
border-bottom:2px solid var(--color-b);
width:100%;
padding:0 2rem;
color:var(--color-b);
background-color:transparent;
}

.input-group {
position:relative;
}

.input-group:after {
content:'';
position:absolute;
bottom:0;
height:2px;
left:0;
right:100%;
background-color: var(--color-p);
transition:1s right ease;
}

.input-group.selected:after {
right:-2rem;
}

#defform .input-group {
display:flex;
}

#defform .input-group input[type=text], #defform .input-group input[type=email] {
width:auto;
flex:1 1 50%;
margin-right:1rem;
}

#defform .input-group input[type=text]:first-child, #defform .input-group input[type=email]:first-child {
margin-right:1rem;
}

#defform  textarea{
height:4rem;
font-size:2rem;
line-height:3.8rem;
height:7.6rem;
border:none;
border-bottom:2px solid white;
width:100%;
padding:0 2rem;
color:white;
background-color:transparent;
font-family:Tahoma,Arial;
}

/* sponsors --------------------------- */
.list-page .list .item, .detail-page .list.gallery .item {
display:flex;
margin-bottom:  var(--gutter);
}

.list-page .list.sponsors .item:nth-child(2) {
margin-bottom:  calc(3 * var(--gutter));
}


.list-page .list.sponsors .item .image {
width:calc( 2 * var(--size-b-w) +  var(--gutter)); /*30rem;*/
margin-right: var(--gutter);
flex-shrink:0;
position:relative;
}

.list-page .list .item .image img {
width:100%; 
object-fit:contain;
}

.list-page .list .item  h2 {
font-size:3rem;
color:var(--color-b);
text-transform:uppercase;
padding:0;
margin:0 0 1.4rem 0;
line-height:1.2;
position:relative;
}

/* news -------------------------------------------- */
.list-page .list.publications .item .image {
width:44rem;
height:25.2rem;
margin-left: var(--gutter);
flex-shrink:0;
position:relative;
}

.list-page .list.publications .item:hover {
color:#4a4a4a; /* var(--color-p);*/
}

/*.list-page .list.projects .item .image img, */
.list-page .list.publications .item .image img {
  cursor:pointer;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition:1s filter ease;
}

.list-page .list.publications .item:hover .image img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.list-page .list.publications .item h2,
.list-page .list.publications .item p {
cursor:pointer;
transition:1s ease color;
}

.list-page .list.publications .item:hover h2 {
color:#4a4a4a; /* var(--color-p);*/
}

.list-page .list.publications .item  h2:after {
	content:'';
	position:absolute;
	top:0.7rem;
	bottom:0.7rem;
	left:-1rem;
	width:0.3rem;
	background-color:var(--color-p);
}


.list-page .list.publications {
margin-bottom:-6rem;
}

/*
.list-page .list.publications .item .image .item-type {
position:absolute;
font-family:var(--head-font);
font-size:5rem;
color:var(--color-p);
padding:0 0 0 0.1rem;
margin:0;
text-transform:uppercase;
line-height:1;
transform:rotate(-90deg);
transform-origin: 0 50%;
z-index:100;
bottom:-2.8rem; left:100%;
cursor:pointer;
}
*/

.list-page .list.publications .item  .text {
display:flex;
flex-direction:column;
}

.list-page .list.publications .item  .text p { margin-bottom:0; }

.list-page .list.publications .item  .text  .info, .short-text  .info {
flex-grow:1;
display:flex;
justify-content:space-between;
align-items:flex-end;
padding-bottom:0.5rem;
}

.info .soc {
font-family:var(--head-font);
font-size:2rem;
color:var(--color-p);
}

.info .info2 {
font-size:1.2rem;
text-align:right;
color:#777777;
line-height:2rem;
}

.info .icon2 {
	height:5rem;
	width:5rem;
	background-repeat:no-repeat;
	background-size:contain;
}

.list-page .list.publications hr { color: rgb(160,160,160); width: 100%; height:2px; margin:-0.5rem 0 2rem; }

.detail-page .left-col {
padding-right:18rem;
}

.detail-page .left-col h1 { margin-bottom:4rem; }

.detail-page .left-col .short-text p {
/*color:#787878;*/
margin-bottom:4.8rem;
}

.slider {
height:43.6rem;
}

.swipe {
overflow: hidden;
visibility: hidden;
position: relative;
}
.swipe-wrap {
overflow: hidden;
position: relative;
}
.swipe-wrap > div {
float: left;
width: 100%;
position: relative;
}
	
.swipe .item  img{
width:100%;
-o-object-fit: cover;
object-fit: cover;
object-position: 50% 50%;
}

/* fix to show full height and crop by object fit */
.fw-slider .swipe .item  img { height:43.6rem; }

/*   results  winners page ------------------------------------------------------------------- */

.results-page.two-column header {
width: 30rem;
min-width: 30rem;
flex-grow:0;
flex-shrink:0;
}

.top-10  {
display:flex;
flex-wrap:wrap;
margin-bottom:12rem;
}

.top-10 .item  {
cursor:pointer;
width:calc( 50% - var(--gutter));
padding:0;
margin:0 0 4rem var(--gutter);
position:relative;
display:flex;
flex-direction:column;
}

.top-10 .item:first-child { width:calc( 100% - var(--gutter));}

.top-10 .item:last-child { margin-right:25%; margin-left:calc( 25% + var(--gutter));}

.top-10  .item .image  {
width:100%;
height:16.6rem;
padding:0;
}

.top-10  .item:first-child .image  { height:33.2rem; }

.top-10 .item  .image img { width:100%; height:100%; -o-object-fit: cover; object-fit: cover; object-position: 50% 50%; 
  -webkit-filter: grayscale(100%);  filter: grayscale(100%); transition:1s filter ease;}

.top-10 .item:hover  .image img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.top-10 .item .data  {
height:7rem;
position:relative;
}

.top-10 .item .data .place {
position:absolute;
bottom:0;left:0; right:0;
text-align:center;
font-family:var(--head-font);
font-size:18rem;
line-height:1;
color:var(--color-p);
margin:0 0 -3rem 0;
transition:1s color ease;
}

.top-10 .item:hover .data .place {
color:black;
}

.top-10 .item .data .title {
font-family:var(--head-font);
font-size:3rem;
line-height:7rem;
color:black;
text-transform:uppercase;
position:absolute;
bottom:0;left:0; right:0;
text-align:center;
white-space:nowrap;
transition:1s color ease;
}

.top-10 .item .data .city {
font-family:var(--head-font);
font-size:2rem;
color:#777777;
text-transform:uppercase;
padding:0 0.8rem;
transition:1s color ease;
position:absolute;
bottom:0;left:0; right:0;
text-align:center;
height: 2rem;
line-height: 2rem;
}

.top-10 .item:hover  .data .title,  .top-10 .item:hover .data .city  {
color:var(--color-p);
}

.ddd > .hidden {
display:none;
}

.top-10 .item .data .city.inv { opacity:0; }

.special-result { margin-bottom:16rem; }

.special-result .item  {
cursor:pointer;
padding:0;
margin:0 0 var(--gutter) var(--gutter);
position:relative;
}

.special-result  .item .image  {
width:100%;
height:29rem;
padding:0 0 2rem 32.5rem;
}

.special-result .item  .image img { width:100%; height:100%; 
-o-object-fit: cover; object-fit: cover; object-position: 50% 50%; 
-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition:1s filter ease;
}

.special-result .item:hover  .image img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.special-result .item .data  {
left:0; bottom:0;
height:29rem;
width:62rem;
position:absolute;
}

.special-result .item .data .deco {
position:absolute;
bottom:0;left:0; width:62rem; height:4rem;
text-align:right;
background-color:var(--color-p);
transition:0.7s height ease, 0.7s width ease 0.7s;

}

.special-result .item:hover .data .deco {
height:29rem;
width:36rem;
transition:0.7s height ease 0.7s, 0.7s width ease;
}

.special-result .item .data .title {
font-family:var(--head-font);
font-size:4rem;
line-height:1;
color:var(--color-b);
text-transform:uppercase;
position:absolute;
bottom:1.5rem;left:2rem; 
text-align:left;
white-space:nowrap;
transition:0.1s color ease;
}

.special-result .item .data .type {
font-family:var(--head-font);
font-size:3rem;
line-height:1.2;
color:black;
text-transform:uppercase;
position:absolute;
left:2rem;top:1.5rem; 
text-align:left;
white-space:nowrap;
transition:0.1s color ease;
}

.special-result .item .data .city {
font-family:var(--head-font);
font-size:2rem;
line-height:4rem;
color:white;
text-transform:uppercase;
padding:0 2rem;
position:absolute; bottom:0; right:0;
transition:0.5s opacity ease 1s;
opacity:1;
}

.special-result .item:hover  .data .title,  .special-result .item:hover .data .type  {
color:white;
transition:0.1s color ease 1s;
}

.special-result .item:hover .data .city  {
opacity:0;
transition:0.5s opacity ease;
}

.eleven  {
display:flex;
flex-wrap:wrap;
margin-bottom:12rem;
}

.eleven .item  {
cursor:pointer;
width:calc( 33% - var(--gutter));
padding:0;
margin:0 0 3rem var(--gutter);
position:relative;
/*display:flex;
flex-direction:column;*/
height:28rem;
}
/*
.eleven:not(.e100) .item:last-child { margin-right:33%; margin-left:calc( 33% + var(--gutter));}
*/
.eleven  .item .image  {
width:100%;
height:16.6rem;
padding:0;
}

.eleven .item  .image img { width:100%; height:100%; -o-object-fit: cover; object-fit: cover; object-position: 50% 50%; 
-webkit-filter: grayscale(100%);  filter: grayscale(100%); transition:1s filter ease; }

.eleven .item:hover  .image img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.eleven .item .data  {
height:7rem;
position:relative;
}

.eleven .item .data .place {
position:absolute;
bottom:1.4rem; right:1.5rem;
text-align:right;
font-family:var(--head-font);
font-size:10rem;
line-height:1;
color:var(--color-p);
margin:0;
}

.eleven .item .data .place > div:first-child {
    font-size: 7rem;
    left: -5rem;
    height: 3rem;
    text-align: left;
    position: relative;
}
.eleven .item .data .place > div:last-child {
    font-size: 7rem;
    text-align: right;
    position: relative;
}

.eleven .item .data .place:after {
position:absolute;
content:'';
top:50%;
left:50%;
width:0;
height:2px;
background-color:var(--color-p);
transform:rotate(125deg) translateX(0rem);
transform-origin:0 0;
transition:1s width ease, 1s transform ease;
}

.eleven .item:hover .data .place:after {
transform:rotate(125deg) translateX(-8.5rem);
width:17rem;
}

.eleven .item .data .title {
font-family:var(--head-font);
font-size:3rem;
line-height:1;
color:black;
text-transform:uppercase;
white-space:nowrap;
padding:1.5rem 2rem 0 2rem;
position:relative;
left:0;
/*bottom:2.6rem;*/
transition:1s color ease;
}

.eleven .item .data .city {
font-family:var(--head-font);
font-size:2rem;
line-height:1;
color:var(--color-g);
text-transform:uppercase;
padding:0 0 0 2rem;
position:absolute;
left:0;
bottom:0;
}

.eleven .item .data .title.wide {
white-space:normal;
bottom:0rem;
width:100%;
}

.eleven .item .data  .title.wide .city {
padding:0 0 0 0rem;
display:inline-block;
position:relative;
}

.eleven .item:hover  .data .title {
color:var(--color-p);
}

.rest-of  {
display:flex;
flex-wrap:wrap;
}

.rest-of a {
font-family:var(--head-font);
}

.rest-of .group  {
width:100%; /*calc( 50% - var(--gutter));*/
padding:0;
margin:0 0 2rem var(--gutter);
position:relative;
}
.rest-of .group:nth-child(even)  {
    margin-left:calc(32.5rem + var(--gutter));
    width:calc( 100% - var(--gutter) - 32.5rem);*/
}
.rest-of .group .header {

/*width:14rem;*/
display:flex;
justify-content:flex-start;
position:relative;
margin-bottom:1rem;
}
.rest-of .group .header div {
font-family:var(--head-font);
text-transform:uppercase;
white-space:nowrap;
line-height:14.6rem;
font-size:6rem;
color:var(--color-p);
position:relative; 
}
.rest-of .group .header div:first-child { 
margin-right:3rem;
}
.rest-of .group .header div:last-child:before {
position:absolute;
content:'';
top:0; 
left:2rem;
height:2px; 
width:16rem;
background-color:var(--color-p);
transform: rotate(115deg);
transform-origin:0 0;
}

.rest-of .group .data .item {
font-family:var(--head-font);
text-transform:uppercase;
white-space:nowrap;
line-height:5rem;
}

.rest-of .group .data .item  .place{
font-size:3rem;
color:var(--color-p);
}

.rest-of .group .data .item  .title{
font-size:3rem;
color:var(--color-b);
padding:0 0.7rem;
}

.rest-of .group .data .item  .city{
font-size:2rem;
color:var(--color-g);
}

/*   results ------------------------------------------------------------------- */
.results-page h1 { margin-bottom:3rem; }
.results-page  h1 span, .list-page  h1 span, .text-page  h1 span, .detail-page .left-col > h1 span, 
.anons-table .cell .name span:first-of-type { display:inline-block; position:relative;}


/*.results-page  h1 span:last-child:after, .list-page  h1 span:last-child:after, 
.detail-page .left-col > h1 span:last-child:after, */
.anons-table .cell .name span:first-of-type:after { 
	content:""; 
	position:absolute;
	bottom:1.6rem; right:-1.6rem; width:1.2rem; height:1.2rem; 
	
	/*background-color:var(--color-p); border-radius:0.6rem; */
	background-image:url(/local/templates/wtt/images/star_small.png);
	background-size:100% 100%;
	}
	

.text-page  h1 span:last-child:after { right:-1.8rem; bottom:1.5rem;}
.anons-table .cell .name span:first-of-type:after { 
	content:""; 
	position:absolute;
	right:-2.6rem; bottom:0.8rem; background-image:url(/local/templates/wtt/images/star_small1.png);
	width:2rem; height:2rem; 
}

header .title span.starred:first-of-type:after{
	top:calc(50% - 1rem);
	left:-3rem;
}
header .title span.starred:last-of-type:after{
	top:calc(50% - 1rem);
	right:-3rem; left:auto;
}

.detail-page .left-col > h1 span:last-child:after { 
	right:-0.4rem; 
	}

.results-page .years-wrap {
	margin-bottom:9rem;
}

.results-page .year {
	display:inline-block;
	background-color: var(--color-p);
	height:4.5rem;
	font-family:var(--head-font);
	font-size:3rem;
	line-height:4.5rem;
	width:13rem;
	color:white;
	text-align:center;
}

.results-page h2, body.index h2 {
	font-size:5rem;
	display:block;
	padding:0 1rem;
	position:relative;
	margin-bottom:9rem;
}
.results-page h2:before, body.index h2:before  {
	content:'';
	position:absolute;
	top:1.8rem;
	height:2rem;
	width:2rem;
	left:-2rem; 
	background-image:url(/local/templates/wtt/images/star_small.png);
	background-size:100% 100%;
	z-index:10;
}

.results-page h2:after, body.index h2:after  {
	content:'';
	position:absolute;
	top:1.8rem;
	height:2rem;
	width:2rem;
	right:-2rem; 
	background-image:url(/local/templates/wtt/images/star_small.png);
	background-size:100% 100%;
	z-index:10;
}

.results-page .title-wrap, body.index .title-wrap  {
	display:flex;
	flex-direction:row;
	justify-content:center;
}

.special_winner  {
display:flex;
flex-wrap:wrap;
margin-bottom:9rem;
justify-content:space-between;
align-content:flex-start;
}



.special_winner .item  {
cursor:pointer;
width:calc( 50% - var(--gutter2));
flex:0 0 auto;
}
.special_winner .item:nth-child(odd) {margin-right:1rem;}
.special_winner .item:nth-child(even) {margin-left:1rem;}

.special_winner .item a {
display:block;
margin:0 0 2rem 0;
position:relative;
display:flex;
flex-direction:row;
padding-bottom:7rem;
}

.special_winner  .item .image  {
width:calc(100% - 16rem);
height:28.6rem;
padding:0;
}


.special_winner .item  .image img { width:100%; height:100%; -o-object-fit: cover; object-fit: cover; object-position: 50% 50%; 
  -webkit-filter: grayscale(0%);  filter: grayscale(0%); transition:1s filter ease;}

.special_winner .item:hover  .image img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}


.special_winner .item .type {
font-family:var(--head-font);
font-size:3rem;
line-height:1;
text-transform:uppercase;
color:var(--color-b);
transition:1s color ease;
padding:2rem;
width:16rem;
}

.special_winner .item:hover .type {
color:var(--color-p);
}

.special_winner .item .data  {
position:absolute;
bottom:0;left:0; right:14rem;
background-color:black;
min-height:14rem;
padding:0.8rem 1.4rem;
display:flex;
flex-direction:row;
align-items:flex-end;
}

.special_winner .item .data .title {
font-family:var(--head-font);
font-size:6rem;
line-height:1;
color:white;
text-transform:uppercase;
transition:1s color ease;
position:relative;
}
.special_winner .item .data .title span { display:inline-block; position:relative;}
.special_winner .item .data .title span:last-child:after { 
	content:""; 
	position:absolute;
	bottom:1rem; right:-0.8rem; width:1.2rem; height:1.2rem; border-radius:0.6rem; 
	background-color:var(--color-p);
	}

.special_winner .item .data .city {
font-family:var(--head-font);
font-size:2rem;
line-height:1;
color:white;
text-transform:uppercase;
transition:1s color ease;
position:absolute;
bottom:1.4rem;right:1.4rem;
text-align:center;
}

.special_winner .item:hover  .data .title,  .special_winner .item:hover .data .city  {
color:var(--color-p);
}


/* results detail ------------------------------- */
.arrows-slider {
margin-top:3.6rem;
margin-bottom:16rem;
padding-left: var(--size-b-w-gutter);
position:relative;
height:46rem;
}

/* fix to show full height and crop by object fit */
.arrows-slider .swipe .item  img { height:46rem; }

.arrows-slider.places {
padding-left: var(--size-b-w-gutter);
}

.arrows-slider.special {
padding-left: calc( 2 * var(--size-b-w-gutter));
}

.arrows-slider .control { 
	position:absolute; top:0; bottom:0; width: var(--size-b-w-gutter); 
	display:flex; align-items:center;
	cursor:pointer;
	}
.arrows-slider .control.prev-page { right:100% }
.arrows-slider .control.next-page { left:100% }

.arrows-slider .control .arrow {
height:13.4rem;
height:11rem;
width:100%;
text-align:center;
color:#e7e7e7; font-family:var(--head-font); text-transform:uppercase;
position:relative;
line-height:1;
}
.arrows-slider .control .arrow:after {
content:'';
position:absolute;
background-image:url(/local/templates/wtt/images/arr-back-big.png);
background-position:0 50%;
background-size: 3.6rem 12.1 rem;
background-repeat:no-repeat;
top:0; left:10rem; right:0; bottom:0;
opacity:1;
transition:0.7s opacity ease;
}
.arrows-slider .control.next-page .arrow:after {
top:0; right:10rem; left:0; bottom:0;
transform:rotate(180deg);
}
.arrows-slider.places .control .arrow .place { font-size:11.7rem; margin-top:-1rem; }

.arrows-slider.places .control .arrow .place > div:first-child {
    font-size: 8rem;
    left: 2rem;
	 height:5rem;
    text-align: left;
    position: relative;
}
.arrows-slider.places .control .arrow .place > div:last-child {
    font-size: 8rem;
    right: 2.5rem;
    text-align: right;
    position: relative;
}

.arrows-slider.places .control .arrow .place2 { font-size:2.6rem; }

.arrows-slider.places .control .arrow >  div { opacity:0; transition:0.7s opacity ease;}
.arrows-slider.places .control:hover .arrow  > div {
opacity:1;
}

.arrows-slider.places .control:hover .arrow:after { opacity: 0; }
 
.slider .indicator { list-style:none; display:flex; height:4rem; } 
.arrows-slider.places .indicator  { padding-left:30rem;} 
.arrows-slider.special .indicator  { padding-left:14rem;} 
.slider .indicator li { padding-left:var(--gutter); flex-grow:1; justify-content:stretch; cursor:pointer;}
.slider .indicator li span {
display:inline-block; height:0.2rem; background-color:var(--color-b); transition:0.6s color ease;
margin:1.9rem 0; width:100%;
}
.slider .indicator li.selected span, .slider .indicator li:hover  span { background-color:var(--color-p);
}
.result-detail-page header { position:relative; }
.result-detail-page .title-wrap { 
font-family:var(--head-font); 
text-transform:uppercase;
position:absolute;
bottom:calc( 100% + 16rem);
width:46rem;
}
.result-detail-page .title-wrap > div {position:absolute; }

.result-detail-page .title-wrap .place { font-size:18rem; color:black; left:0; bottom:21rem; width:16rem; text-align:center; }
.result-detail-page .title-wrap .place > div:first-child {
    font-size: 10rem;
    color: black;
    left: 1rem;
    bottom: 10rem;
    width: 16rem;
    text-align: left;
    position: absolute;
}
.result-detail-page .title-wrap .place > div:last-child {
    font-size: 10rem;
    color: black;
    right: 1rem;
    bottom: 4rem;
    width: 16rem;
    text-align: right;
    position: absolute;
}
.result-detail-page .title-wrap .place2 { font-size:4rem; color:black; left:0; bottom:18.5rem; width:16rem; text-align:center;}
.result-detail-page .title-wrap .deco {
 padding:2rem 8rem 2rem 4rem;
 min-height:18.7rem;
 display:flex; justify-content:flex-start; align-items:center;
 background-color:var(--color-p);
 left:0; bottom:-4.5rem; right:0;
 position:relative;
 border:none;
 /*background-image:url(/local/templates/wtt/images/crown2.png);
 background-position:100% 0.2rem;
 background-size:auto 45%;
 background-repeat:no-repeat;*/
}

 .result-detail-page .title-wrap .deco  h1{
 font-size:6rem; color:white;
 padding:0; margin:0;
 line-height:1;
 position:relative;
 }
 
 .result-detail-page .title-wrap .deco  h1::after {
  position: absolute;
  content: '';
  left: calc(100% - 5rem);
  top: -2rem;
  background-image: url(/local/templates/wtt/images/star_small1.png);
  background-size: 100% 100%;
  width: 2rem;
  height: 2rem;
}
 
 .result-detail-page .title-wrap .city{ 
 font-size:4rem; color:black; line-height:10.6rem; position:absolute; bottom:-14.6rem;
 right:4rem;
 }
 
  .result-detail-page .title-wrap .city.eng {
  right:0;
  }
 
 .result-detail-page .left-col .address, .result-detail-page .left-col .slogan {
 text-align:right;
 margin-right:var(--gutter);
 }
 
  .result-detail-page .left-col .address {
  font-size:1.2rem;
  margin-bottom:5rem;
  }
 
 .result-detail-page .left-col .slogan {
 font-family:var(--head-font); 
font-size:2rem;
color:var(--color-b);

 }


 .result-detail-page .title-wrap .type {
 font-size:4rem; color:black; left:4rem; top:-24rem; width:30rem; text-align:left;
 }

 
 /* gallery ------------------ */
 .two-column.narrow  header  {
   min-width: 28rem;
   width: 28rem;
   flex-shrink:0;
   flex-grow:0;
   position:relative;
}

 .two-column.narrow  header:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  width: 20px;
  background-color: white;
}

.two-column.narrow  header .sticky {
	/*height:calc(100vh - 10rem);*/
	overflow-y:auto;
}
 
  .list-page .list.gallery, .detail-page .list.gallery{
  display:flex; flex-wrap:wrap; align-content: flex-start; flex-grow:1;
  }
  
   .list-page .list.gallery .item {
   width:25%;
   flex-shrink:0;
   }
   
    .detail-page .list.gallery .item {
   width:33%;
   flex-shrink:0;
   }
   
   
 .list-page .list.gallery .item .image, .detail-page .list.gallery .item .image {
/*width:22.5rem;*/ /*30rem;*/
margin-left: var(--gutter);
/*position:relative;*/
background-color:black;
width:22.5rem;
height:15.1rem;
background-color:black;
}

.list-page .list.gallery .item .image img, .detail-page .list.gallery .item .image img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition:1s filter ease;
  object-fit:contain;
  -o-object-fit:contain;
  width:100%;
  height:100%;
}


.list-page .list.gallery .item:hover .image img, .detail-page .list.gallery .item:hover .image img {
  cursor:pointer;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

 /* video --------------- */
 
 .list-page .list.video {
  display:flex; flex-wrap:wrap; align-content: flex-start; flex-grow:1;
     margin-left: var(--gutter);
	 margin-top:-2rem;
	 margin-bottom:2rem;
  }
  
  .list-page .list.gallery {
  margin-top:-2rem;
  }
  
   .list-page .list.video .item {
   width:96rem;
   height:15.1rem;
margin-bottom: var(--gutter);
   flex-shrink:0;
   position:relative;
   cursor:pointer;
   }
   
   .list-page .list.video .item:last-child {
   margin-bottom: 0;
   }
   
    .list-page .list.video .item:first-child {
   margin-top: -1rem;
   }

.list-page .list.video .item .image {
position:absolute;
background-color:black;
top:0; bottom:0;
left:0;right:0;
}

.list-page .list.video .item .text {
position:absolute;
top:0; bottom:0;
left:0;
right:50%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.list-page .list.video .item .text > * {
color:white;
font-family:var(--head-font);
font-size:2rem;
text-transform:uppercase;
margin:0;
}


.list-page .list.video .item .video-obj {
position:absolute;
top:0; bottom:0;
left:50%;
right:0;
}

.list-page .list.video .item .image img {
  object-fit:cover;
  -o-object-fit:cover;
  width:100%;
  height:100%;
}

.list-page .results-wrap, .detail-page .results-wrap {
display:flex;
flex-direction:column;
}



/* ----------------------------- experts -----------------------------------------------------------------------*/

.login-form-wrap, .reset-form-wrap, .subscribe-form-wrap, .warn-form-wrap { 
position:fixed; top:0; left:0; right:100%; bottom:100%;
display:none;
justify-content:center;
align-items:center;
z-index:2100;
}

.login-form-wrap.active, .warn-form-wrap.active, .reset-form-wrap.active, .subscribe-form-wrap.active,  .bx-system-reset-form {
display:flex;
top:0; left:0; right:0; bottom:0;
}

.login-form-wrap .login-form-back, .warn-form-wrap .warn-form-back, 
.reset-form-wrap .reset-form-back, .subscribe-form-wrap .subscribe-form-back {
								 
  
content:'';
position:fixed;
top:0; left:0; right:100%; bottom:100%;
background-color:rgba(0,0,0,0.8);
z-index:-1;
}

.login-form-wrap.active .login-form-back, .warn-form-wrap.active .warn-form-back,
.subscribe-form-wrap.active .subscribe-form-back {
										
content:'';
position:fixed;
top:0; left:0; right:0; bottom:0;
background-color:rgba(0,0,0,0.8);
}

.bx-system-reset-form { display: flex; flex-direction:column; justify-content:center; align-items:center; 
min-height: calc(100vh - 10.5rem - 4rem - 14.6rem);
margin-top:-7rem;
}

.login-form, .warn-form {
width:66rem;
min-height:20rem;
/*height:34.6rem;*/
background-color:white;
padding:5rem 5rem;
}

.login-form .bx-system-reset-form {
min-height:20rem;
margin-top:0;
}
.bx-system-reset-form .msg1 {display:none;}

.special { margin-top: 2rem;  position:relative;}
.msg, .special .msg1 { margin:2rem 0;}

.form-error { color:#4a4a4a; }
.bx-system-reset-form .form-error { margin:1rem 0; max-width:56rem;}

/*
.special:after {
content:''; position:absolute; top:0; left:-5rem; right:-5rem; height:1px; border-top:1px solid grey;}
*/

.special .bx-system-reset-form .msg2 {display:none;}
.special .bx-system-reset-form .msg1 {display:block;}
.special .bx-system-reset-form .auth-link { display:none; }

.login-form input[type=submit], .warn-form button, .bx-system-reset-form input[type=submit],
.bx-auth input[type=submit]{
background-color:black;
font-family:var(--head-font);
font-size:3rem;
text-transform:uppercase;
color:var(--color-p);
height:9rem;
line-height:9rem;
width:22rem;
position:relative;
cursor:pointer;
border:none;
outline:none;
} 

.subscribe-form-wrap .login-form input[type=submit], .warn-form button { width:auto  !important; padding:0 3rem;}

.login-form input[type=submit]:after, .bx-system-reset-form input[type=submit]:after,
.bx-auth input[type=submit]:after {
content:'';
position:absolute;
top:calc(100% - 5px);
left:5px;
width:calc(13rem + 5px);
height:2px;
background-color:var(--color-p);
transform: rotate(125deg);
transform-origin:0 0;
z-index:902;
}

.login-form .input-hor-wrap, .bx-system-reset-form .input-hor-wrap {
display:flex;
align-items:center;
margin-top:1rem;
}

.login-form .input-hor-wrap > div:first-child,
.lbx-system-reset-form .input-hor-wrap > div:first-child { flex-grow:1;}
.login-form .input-hor-wrap > div:last-child,
.bx-system-reset-form .input-hor-wrap > div:last-child { flex-grow:0; min-width:25rem; padding-left:4rem;}

.login-form .input-hor-wrap > div > input,
.bx-system-reset-form .input-hor-wrap > div > input {
width:100%;

}

.login-form .forget-link, .login-form .auth-link {
text-align:right;padding:1rem 4rem;
}

.experts-page .left-col .personal-info { margin-bottom:5rem; }

.experts-page .left-col .personal-info .image {
margin:2rem 0 5rem 2rem;
width:30rem;
height:31.2rem;
position:relative;
}

.experts-page .left-col .personal-info .image .change-image {
position:absolute; top:0; left:0; right:0;bottom:0;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
}
.experts-page .left-col .personal-info .image .change-image > div, 
.experts-page .left-col .personal-info .image .remove-image > div {
text-align:center;
text-transform:uppercase;
font-family:var(--head-font);
color:var(--color-g);
font-size:3rem;
transition:1s color ease;
}

.experts-page .left-col .personal-info .image .change-image:hover > div {
color:white;
}

.experts-page .left-col .personal-info .image .remove-image  {
background-image:url(/local/templates/wtt/images/cross.png);
background-size:1.2rem 1.2rem;
background-repeat:no-repeat;
background-position:50% 50%;
opacity:0.5;
transition:1s opacity ease;
}

.experts-page .left-col .personal-info .image .remove-image:hover {
opacity:1;
}

.experts-page .left-col .personal-info .image .remove-image {
position:absolute; top:0; right:0;
width:4.4rem;
height:5rem;
display:flex;
justify-content:center;
align-items:center;
z-index:99;
cursor:pointer;
}

.experts-page .left-col .personal-info .image img {
width:100%;
height:100%;
object-fit:cover;
object-position:50% 50%;
}

.experts-page .left-col .personal-info .image:before {
content:'';
position:absolute;
left:-2rem;
top:-2rem;
width:30rem;
height:31.2rem;
background-color:var(--color-p);
z-index:-1;
}

.experts-page .left-col .personal-info .title, .login-form .title, .warn-form .title {
color:black;
font-size:6rem;
line-height:1.2;
text-transform:uppercase;
font-family:var(--head-font);
}
.subscribe-form-wrap .login-form .title { text-align:center; margin-bottom:3rem;}
.warn-form .title { text-align:center; margin-bottom:4.5rem; line-height:1;}
.subscribe-form-wrap .login-form .desc { text-align:center; margin-top:3rem;}
.experts-page .warn-form button { margin-bottom:1.5rem; }

.subscribe-btn {
	position:fixed;
	top:65.8rem;
	right:0;
	width:var(--size-b-w-gutter);
	z-index:1111;
}
.subscribe-btn2 {
	position:fixed;
	top:40.9rem;
	right:0;
	width:var(--size-b-w-gutter);
	z-index:1111;
	height:7.5rem;
}
.subscribe-btn3 {
	position:fixed;
	top:49.2rem;
	right:0;
	width:var(--size-b-w-gutter);
	z-index:1111;
	height:7.5rem;
}

.subscribe-btn4 {
	position:fixed;
	top:57.5rem;
	right:0;
	width:var(--size-b-w-gutter);
	z-index:1111;
}
body.index .subscribe-btn {top: 65.8rem;}

.subscribe-btn3 a.main img:first-child {
  opacity: 1;
}

.subscribe-btn3 a.main:hover img:last-child {
  opacity: 1;
}

.subscribe-btn button { display:none;}
.subscribe-btn.active button.main {
	display:block;
	cursor:pointer;
	width:100%;
	font-size:2rem;
	line-height:1.1;
	text-transform:uppercase;
	font-family:var(--head-font);
    color:var(--color-p);
	padding:1.5rem 3rem;
	background-color:black;
	transition:background-color 0.7s ease;
	text-align:left;
	
}

.subscribe-btn2 a.main {
	display:block;
	cursor:pointer;
	width:100%;
	padding:1.2rem 3rem;
	background-color:black;
	transition:background-color 0.7s ease;
	text-align:left;
	
}
.subscribe-btn2 a.main img { width:100%;}
.subscribe-btn:hover button.main {background-color:var(--color-p); color:black;}
.subscribe-btn2:hover a.main {background-color:#003768;}
.subscribe-btn .subscribe-close-btn { display:none;}
.subscribe-btn.active:hover .subscribe-close-btn {
	position:absolute; display:block;
	top:-1rem;	left:-1rem;	width:2rem; height:2rem;
border-radius:1rem;	background-color:black;
background-image:url(/local/templates/wtt/images/cross.png); 
background-size:1rem 1rem; background-position:50% 50%; background-repeat:no-repeat;
cursor:pointer;
}
.subscribe-btn3 a.main {
  display: block;
  cursor: pointer;
  width: 100%;
  padding: 2.3rem 1rem;
  background-color: #fef200;
  transition: background-color 0.7s ease;
  text-align: left;
  height: 7.5rem;
  position: relative;
}

.subscribe-btn3:hover a.main {background-color:black;}

.subscribe-btn3 a.main img {
  position: absolute;
  top: 2.3rem;
  left: 1rem;
  right: 1rem;
  height: 2.9rem;
  opacity: 0;
  transition: opacity 0.7s ease;
}

.subscribe-btn4 a.main2 {
	display: block;
cursor: pointer;
width: 100%;
font-size: 1.5rem;
line-height: 1.1;
text-transform: uppercase;
font-family: var(--head-font);
color: white;
padding: 2rem 1.5rem;
background-color: #27A7E7;
transition: background-color 0.7s ease;
text-align: left;
background-image: url(/local/templates/wtt/images/tlg_icon.png);
background-size: auto 50%;
background-position: calc(100% - 1rem) 50%;
background-repeat: no-repeat;
}

.subscribe-btn4 a.main2:hover { background-color:#0a7ab2;}

.subscribe-btn4 button { display:none;}
.subscribe-btn4.active button.main {
	display:block;
	cursor:pointer;
	width:100%;
	font-size:2rem;
	line-height:1.1;
	text-transform:uppercase;
	font-family:var(--head-font);
    color:white;
	padding:1.5rem 3rem;
	background-color:var(--color-p);
	transition:background-color 0.7s ease;
	text-align:left;
	
}
.subscribe-btn4:hover button.main {background-color:var(--color-b);}
.subscribe-btn4 .subscribe-close-btn { display:none;}
.subscribe-btn4.active:hover .subscribe-close-btn {
	position:absolute; display:block;
	top:-1rem;	left:-1rem;	width:2rem; height:2rem;
border-radius:1rem;	background-color:var(--color-p);
background-image:url(/local/templates/wtt/images/cross.png); 
background-size:1rem 1rem; background-position:50% 50%; background-repeat:no-repeat;
cursor:pointer;
}

/*
.experts-page .left-col nav > li > a { color:black; }
.experts-page .left-col nav > li > a:hover,.experts-page .left-col nav > li > a.selected { color:var(--color-p); }
*/

.experts-page .right-col h2.title {
color:black;
font-size:6rem;
line-height:1.2;
text-transform:uppercase;
font-family:var(--head-font);
margin: 0.6rem 0 1.5rem 2rem;
font-weight:300;
}

.experts-page .right-col h2.title.t2 { margin-left:0; }

.experts-page .right-col .list > .item {
margin-bottom:4rem;
}

.experts-page .right-col .list .item  > .header {
display:flex;
margin: 0.5rem 0 2rem 2rem;
align-items:flex-end;
}

.experts-page .right-col .list .item  > .header .title {
color:black; /*var(--color-p);*/
font-size:6rem;
line-height:1;
text-transform:uppercase;
font-family:var(--head-font);
font-weight:300;
}

.experts-page .right-col .list .item  > .header .desc {
font-size:2rem;
line-height:1;
color:var(--color-p);
margin:0 0 0.8rem 2rem;
/*font-weight:bold;*/
font-family:var(--head-font);
}

.experts-page .right-col .list  .item  > .content .type > .content {
display:none;
position:relative;
/*overflow:hidden;*/
}

.experts-page .right-col .list  .item  > .content .type.open > .content {
display:block;
}

.experts-page .right-col .list  .item  > .content .type > .content ol,
.experts-page .right-col .list  .item  > .content .type > .content ul  {
margin-left:18rem;
position:relative;
}


.experts-page .right-col .list  .item  > .content .type > .content  li{
color:black;
font-size:2rem;
line-height:1.2;
text-transform:uppercase;
font-family:var(--head-font);
font-weight:300;
margin:0;
}


.experts-page .right-col .list  .item  > .content .type .header {
display:inline-block;
}

.experts-page .right-col .list  .item  > .content .type .header  a {
font-family:var(--head-font);
text-transform:uppercase;
font-size:3rem;
line-height:4.4rem;
margin-top:0.5rem;
position:relative;
display:flex;
padding:1rem 2rem 0 2rem;
width:auto;
}

.experts-page .right-col .list  .item  > .content .type .header a:after {
   content:'';
   position:absolute;
   bottom:0;
   height: 2px;
   left:0; right:calc(100% - 4.2rem);
   background-color:var(--color-p);
   transition:0.6s right ease;
}


.experts-page .right-col .list  .item  > .content .type.open .header a:after,
.experts-page .right-col .list  .item  > .content .type .header a:hover:after{
   content:'';
   position:absolute;
   bottom:0;
   height: 2px;
   left:0; right:0;
   background-color:var(--color-p);
}

.experts-page .right-col .list  .item  > .content .type .header .label {
color:var(--color-g);
font-size:3rem;
line-height:4.4rem;
}

.experts-page .right-col .list  .item  > .content .type .header .text {
color:black;
font-size:3rem;
line-height:4.4rem;
padding-left:1rem;
}

.experts-page .right-col .list  .item  > .content .type .header a:hover .text ,
.experts-page .right-col .list  .item  > .content .type.open .header a  .text {
color:black; /*var(--color-p);*/
}

.experts-page .right-col .list .type.open .content {
padding:2rem;
}

.experts-page .right-col .list .content .rules {
font-size:1.6rem;
color:black;
padding:1rem 2rem 0 4rem;
}


.experts-page .right-col .list .type.open .content .rules {
font-size:1.6rem;
color:black;
padding:1rem 2rem 0 2rem;
}

.experts-page .right-col .list .type.open .content .rules p.p { color:#4a4a4a; }


.experts-page .right-col .list  .check {
width:3.5rem;
height:4.4rem;
background-image:url(/local/templates/wtt/images/check.png);
background-size:3.5rem 2.6rem;
background-position:50% 25%;
background-repeat:no-repeat;
margin-left:1rem;
}

.experts-page .right-col .list  .check.big {
width:6.1rem;
height:6rem;
background-size:6.1rem 4rem;
}

.experts-page .vote-form {
padding:2rem 0 0 0;
}

.experts-page .input-group {
display:flex;
margin-right:-2rem;
position:relative;
}

.experts-page .input-group::after { display:none; }


.experts-page .input-group.right {
justify-content:flex-end;
margin-right:0;
}

.input-group .ok-message  {
width:100%;
min-width:50%;
flex-shrink:1;
flex-grow:1;
margin-top:4rem;
min-height:8rem;
display:flex;
justify-content:center;
align-items:center;
}

.input-group .ok-message  > DIV{
text-align:center;
color:#4a4a4a; /*var(--color-p);*/
font-family:var(--head-font);
font-size:3rem;
}

.experts-page input[type=text], .experts-page input[type=email], .experts-page select, .login-form input[type=text],.login-form input[type=email],
.experts-page input[type=password], .login-form input[type=password],
.experts-page textarea, .bx-system-reset-form input[type=text],.bx-system-reset-form input[type=email], .bx-system-reset-form input[type=password],
.bx-auth input[type=text], .bx-auth input[type=email],.bx-system-reset-form input[type=password] {
font-family:var(--head-font);
font-size:2.5rem;
height: 4.5rem;
line-height: 4.3rem;
 border: none;
border-bottom:2px solid black;
color:black;
width: 100%;
padding: 0 2rem;
background-color: transparent;
margin-bottom:1rem;
margin-right:2rem;
flex-grow:1;
flex-shrink:1;
min-width:10rem;
}



.experts-page input[type=text].error, .experts-page input[type=text]:invalid,
.experts-page input[type=email].error, .experts-page input[type=email]:invalid {
border-bottom:2px solid red;
background-color: rgba(255,0,0,0.3);
 border: none;
border-bottom:2px solid black;
}

.experts-page input[type=text]:disabled, .experts-page input[type=email]:disabled {
color:grey;
}

.experts-page label {
font-family:var(--head-font);
font-size:3rem;
height: 4.5rem;
line-height: 4.3rem;
min-width:27rem;
white-space:nowrap;
}

.experts-page.bx-auth input[type=text], .experts-page.bx-auth input[type=email], .experts-page.bx-auth input[type=password] {
min-width:40rem;
}

.experts-page textarea {
height: 9rem;
}

.experts-page .vg {
display:flex;
}

.experts-page .vg div {
font-family:var(--head-font);
white-space:nowrap;
font-size:2rem;
line-height: 4.3rem;
color:black;
}

.experts-page  .vote-form .input-group.place .poits, .experts-page .vg .poits
 {
font-family:var(--head-font);
white-space:nowrap;
font-size:2rem;
line-height: 4.3rem;
color:black;
width:10rem;
text-align:left;
text-transform:uppercase;
margin-right:3rem;
padding-left:2rem;
flex-grow:0;
}
.experts-page  .poits span {
font-size:3rem;
color:var(--color-p);
}

.experts-page  .vote-form .input-group.place  input[type=text].wide { width:46.7rem; flex-grow:0; }
.experts-page  .vote-form .input-group.place.ordered input[type=text].wide { width:37.7rem; flex-grow:0; }
.experts-page  .vote-form .input-group.place  input[type=text].mid,.experts-page  .vote-form .input-group.bar  input[type=text].mid { width:20rem; flex-grow:0; flex-shrink:0;}
.experts-page .vote-form .input-group.person  input[type=text].narrow,.experts-page .vote-form .input-group.somelier  input[type=text].narrow { width:20rem; flex-grow:0; flex-shrink:0;  }
.experts-page .vote-form .input-group.person  input[type=text].one,.experts-page .vote-form .input-group.someiler  input[type=text].one { width:24rem; flex-grow:0; flex-shrink:0;  }
.experts-page .vote-form .input-group.person  input[type=text].two,.experts-page .vote-form .input-group.somelier  input[type=text].two { width:25rem; flex-grow:0; flex-shrink:0;  }

.big-red-button { display:inline-block;}

.experts-page input[type=submit], .experts-page button, .big-red-button {
background-color:black; /*var(--color-p);*/
font-family:var(--head-font);
font-size:3rem;
text-transform:uppercase;
color:var(--color-p); /*white;*/
height:8rem;
position:relative;
cursor:pointer;
border:none;
outline:none;
}

.experts-page input[type=submit]{
background-color:black; /*var(--color-p);*/
font-family:var(--head-font);
font-size:3rem;
text-transform:uppercase;
color:var(--color-p); /*white;*/
height:8rem;
line-height:8rem;
padding:0 6.2rem;
margin-top:4rem;
flex-grow:1;
flex-shrink:1;
} 

/* two lines */
.experts-page button{
line-height:1;
padding:1rem 4rem;
position:relative;
cursor:pointer;
border:none;
outline:none;
margin:2rem 0;
width:100%;
flex-grow:1;
} 

.experts-page .right-col .note {
font-family:var(--head-font);
font-size:3rem;
color:var(--color-g);
text-transform:uppercase;
padding-left:2rem;
}

.experts-page  .form-error {
line-height:2;
text-align:center;
font-family:var(--head-font);
color:red;
}

.experts-page .message {
font-family:var(--head-font);
font-size:3rem;
color:#4a4a4a; /*var(--color-p);*/
/*line-height:2;*/
text-transform:none;
padding-left:2rem;
}

.experts-page .suggest-wrap, .experts-page .suggest-wrap2 {
display:none;
position:absolute;
top:calc(100% - 1rem);
min-height:10rem;
z-index:2000;
width:60rem;

overflow-x:hidden;
overflow-y:auto;
}
.experts-page .suggest-wrap2 { right:6.5rem; width:20rem;}
.experts-page .legend .suggest-wrap { width:73rem;}

.experts-page .input-group.ordered .suggest-wrap {
left:13rem;
}

.experts-page .suggest-wrap.open,.experts-page .suggest-wrap2.open {
display:block;
}

.experts-page .suggest-wrap .suggest-list, .experts-page .suggest-wrap2 .suggest-list {
width:100%;
margin-right:2rem;
height:25rem;
overflow-x:hidden;
overflow-y:auto;
border:1px solid black;
background-color:white;
}
.experts-page .legend .suggest-wrap .suggest-list,.experts-page .legend .suggest-wrap2 .suggest-list { height: 14rem;}
.experts-page .suggest-wrap .suggest-list.hidden { display:none;}

.experts-page .suggest-list div, .experts-page select option {
padding:0 2rem;
/*font-size:1.6rem;*/
font-size:2rem;
line-height:2.5rem;
font-family:var(--head-font);
white-space:nowrap;
cursor:pointer;
transition:0.6s color ease;
}
.experts-page .suggest-list div.disabled { pointer-events:none; color:grey; }
.experts-page select option { background-color:white;  color:black; }


.experts-page .suggest-list div:hover, .experts-page select option:hover {
color:#ed145b;
}
.experts-page .suggest-list div.disabled:hover {color:grey; }
.experts-page .suggest-list div span { color:#ed145b;}

.prefill_desc {
font-family: var(--head-font);
font-size: 3rem;
height: 4.5rem;
line-height: 4.3rem;
color: black;
padding: 1rem 0rem 0 2rem;
}

.green { color: #65c913;}

.ssel { color: #ed145b;}

.have-suggest { position:relative; }

.hs_expand-btn,.hs_expand-btn2 { 
	position:absolute; 
	top:0.2rem; left:calc(13rem + 32.7rem - 4rem);
	width:4rem; height:3.9rem; padding:1rem;
	background-image:url(/local/templates/wtt/images/a_down1.png);
	background-size:2.3rem 1.1rem;
	background-repeat:no-repeat;
	background-position:50% 50%;
	cursor:pointer;
	background-color:white;
}
.hs_expand-btn2 { left:auto; right:5.5rem;}
.hs_expand-btn.disabled,.hs_expand-btn2.disabled { opacity:0.5; cursor:auto; pointer-events:none;}

.hs_expand-btn:hover, .hs_expand-btn2:hover { 
	background-image:url(/local/templates/wtt/images/a_down2.png);
}
.hs_expand-btn.up,.hs_expand-btn2.up { 
	background-image:url(/local/templates/wtt/images/a_up1.png);
}
.hs_expand-btn.up:hover, .hs_expand-btn2.up:hover { 
	background-image:url(/local/templates/wtt/images/a_up2.png);
}

.hs_check-btn {
	position:absolute; 
	top:0; left:calc(13rem + 32.7rem - 9rem);
	width:4rem; height:4.3rem; padding:1rem;
	background-image:url(/local/templates/wtt/images/a_check.png);
	background-size:2rem 1.4rem;
	background-repeat:no-repeat;
	background-position:50% 50%;
	display:none;
}
.hs_check-btn.shown { display:block; }
.hs_delete-btn, .hs_delete-btn2 {
	position:absolute; 
	top:0; left:calc(13rem + 32.7rem - 7rem);
	width:4rem; height:4.3rem; padding:1rem;
	background-image:url(/local/templates/wtt/images/a_close1.png);
	background-size:1.5rem 1.5rem;
	background-repeat:no-repeat;
	background-position:50% 50%;
	cursor:pointer;
	display:none;
}

.hs_delete-btn2 { left:auto; right:7.5rem;}
.hs_delete-btn.shown,.hs_delete-btn2.shown { display:block; }

.hs_delete-btn:hover,.hs_delete-btn2:hover { 
	background-image:url(/local/templates/wtt/images/a_close2.png);
}

.experts-page .vote-form .input-group.place:not(.manual) input[type="text"].wide.have-suggest {
  width:100%;
}

.experts-page .vote-form .input-group.place.ordered:not(.manual) input[type="text"].wide.have-suggest {
  width:calc(100% - 13rem);
}


/*
.experts-page .vote-form .input-group.place:not(.manual) input[type="text"].mid.have-suggest2 {
  display:none;
}
*/

.experts-page .vote-form .input-group.place:not(.manual) .hs_expand-btn { 
	left:auto; right:2rem;
}

.experts-page .vote-form .input-group.place:not(.manual) .hs_check-btn {
	left:auto; right:7rem;
}
.experts-page .vote-form .input-group.place:not(.manual) .hs_delete-btn {
	left:auto; right:5rem;
}

/*
.experts-page .vote-form .input-group.place:not(.manual) .hs_expand-btn2 { 
	 display:none;
}
*/

.suggest-wrap .not-found {
	text-align:center;
	font-family: var(--head-font);
/*width:33rem;*/
padding: 1.5rem 1.5rem 0.5rem 1.5rem;
border:1px solid black;
background-color:white;
}
.suggest-wrap .not-found.hidden { display:none;}
.suggest-wrap .not-found div { font-size: 2rem;
line-height: 2.5rem;
color: black;
cursor:pointer;
padding-bottom:1.5rem;
}
.suggest-wrap .not-found span { color: #ed145b; }
.suggest-wrap .not-found a { font-family: var(--head-font); line-height:2rem; color: #ed145b; font-size: 3rem; border-bottom:2px solid #ed145b;  }
.experts-page .type.open .form-error { text-align:left; padding-left:2rem;}

.experts-page .right-col nav { padding-left:2rem; list-style:none;}

.experts-page .right-col nav > li { margin-bottom:2.9rem; margin-top:0.5rem;}

.experts-page .right-col  .list.archive nav > li { margin-bottom:0;}

.experts-page .right-col nav > li > a {
	display:inline-block;
	font-family:var(--head-font);
	font-size:3rem;
	color:black;
	text-transform:uppercase;
	line-height:3.6rem;
	position:relative;
	padding:0.5rem 2.4rem;
}

.experts-page .right-col nav a.selected {
   color:var(--color-p);
}

.experts-page .right-col nav > li > a:after {
   content:'';
   position:absolute;
   bottom:0;
   height: 2px;
   left:0; right: calc( 100% - 4.2rem );
   background-color:var(--color-p);
   transition:0.6s right ease;
}


.experts-page .right-col nav > li > a.selected:after, .experts-page .right-col nav > li > a:hover:after, .experts-page .right-col nav > li > a.init:after{
   content:'';
   position:absolute;
   bottom:0;
   height: 2px;
   left:0; right:0;
   background-color:var(--color-p);
}

.experts-page .right-col .list.archive .item > .content .type .header a::after { display:none; }
.experts-page .right-col .list.archive .content { padding-left:2rem; }

.experts-page .right-col .list.archive .type.open .content { padding:0 2rem; }

.experts-page .right-col nav > li > .list.archive-short  {
}

.experts-page .right-col nav > li > .list.archive-short > ul {
   list-style:none;
   margin-top:2rem;
   display:flex;
}

.experts-page .right-col nav > li > .list.archive-short > ul  > li {
   padding:0 0 0 4rem;
}

.experts-page .right-col nav > li > .list.archive-short > ul  > li  > a {
	display:inline-block;
	font-family:var(--head-font);
	font-size:3rem;
	color:black;
	text-transform:uppercase;
	line-height:3.6rem;
	color: var(--color-b);
	position:relative;
	padding:0;
}

.experts-page .right-col nav > li > .list.archive-short > ul  > li  > a:hover {
color: var(--color-p);
}

.experts-page .right-col a.asm {
	display:inline-block;
	font-family:var(--head-font);
	font-size:2rem;
	color:var(--color-p);
	text-transform:uppercase;
	position:relative;
	padding:0rem;
}

.experts-page .right-col a.asm.all {
padding:0.5rem 1.5rem;
}

a.asm:after { display:none !important; }

/* end experst */
/* --------------------------------------------------------- index --------------------------------------------- */
.text-slider {
	margin-top:-1rem;
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.text-slider .title {position:relative; z-index:10; font-size:2.1rem; color:#239b7d;
}

.text-slider .items { height:8rem; position:relative; width:100%;}

.text-slider .items .item { height: 10rem; position:absolute; top:0; opacity:0; transition:opacity 0.5s ease; padding:0 4rem; text-align:center; font-size:2.1rem; width:100%;}
.text-slider .items .item.selected {opacity:1; }

.text-slider .ind-tt {
	position:relative;
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.text-slider .ind-tt li { list-style:none; cursor:pointer;}
.text-slider .ind-tt li span { 
display:inline-block; width:1.8rem; height:1.8rem;
background-image:url(/local/templates/wtt/images/cc.png);  background-repeat:no-repeat; background-size:cover;
position:relative;
z-index:10;
}

.text-slider .ind-tt li span:before { 
content: '';
position:absolute;
width:1.8rem; height:1.8rem;
top:0; left:0;
background-image:url(/local/templates/wtt/images/star_small1.png); 
background-repeat:no-repeat; background-size:cover;
z-index:-1;
opacity:0;
transition:opacity 0.5s ease;
}

.text-slider .ind-tt li.selected span:before { 
opacity:1;
}

.top-news.slider  {
/*margin-top:3.6rem;*/
margin-top:4rem;
margin-bottom:5rem; /* 9 */
position:relative;
height:35.2rem;
}
/* fix to show full height and crop by object fit */
.top-news.slider .swipe .item  img { height:35.2rem; }

.index .top-news.slider .indicator li { padding-left:var(--gutter); flex-grow:1; justify-content:stretch; cursor:pointer;}
.index .top-news.slider .indicator li:first-child { padding-left:0; }
.index .top-news.slider .indicator li span {
display:inline-block; height:0.2rem; background-color:var(--color-b); transition:0.6s color ease;
margin:0.5rem 0; width:100%;
}
.index .top-news.slider .indicator li.selected span, .index .top-news.slider .indicator li:hover  span { background-color:#4a4a4a;
}

body.index #s1 { padding-top:9rem; padding-bottom:2rem;}

#s1 article { display:flex; justify-content:center; }
#s1 article p { max-width:75%; text-align:center; font-size:2.1rem;}

.news-index-top {
margin-top:0;
margin-bottom:10rem;
display:flex;
position:relative;
align-items:stretch;
}

body.index .news-index h2 { 
	color:var(--color-p); 
	font-size: 5rem;
	line-height: 1;
	margin-bottom: 1.6rem;
	white-space: nowrap;
	margin-top: -2.1rem;
	padding-left:0;
}
body.index .news-index h2:before, body.index .news-index h2:after  { display:none; }
.news-index h2 a:before {
content:'';
position:absolute;
background-image:url(/local/templates/wtt/images/arr-back-sm.png);
background-repeat:no-repeat;
background-size:0.6rem 0.9rem;
background-position:50% 50%;
left:0;
width:2.5rem;
height:1.6rem;
top:0;
transform:rotate(180deg);
}

body.index #s2 .title-wrap, body.index #s3 .title-wrap { position:relative;}
body.index #s2 .title-wrap { padding-left: 2rem; justify-content: flex-start;}
body.index #s2 .col2 .title-wrap { padding-left: 4rem; }
body.index #s2 .title-wrap h2 { margin-bottom:0rem; line-height:1.3;}
body.index #s2 .title-wrap h2:after { display:none; }

body.index #s2 .title-wrap a  {
font-size:1.6rem;
color:var(--color-p);
font-family:var(--head-font);
text-transform:uppercase;
position:absolute;
padding-left:2.5rem;
right:1rem;
bottom:1.2rem;
display:block;
}
body.index #s2 .title-wrap a:hover { color:var(--color-brown) !important;}

.news-index h2 a {
font-size:1.6rem;
color:var(--color-b);
font-family:var(--head-font);
text-transform:uppercase;
position: relative;
padding-left: 2.5rem;
}

body.index #s2 .title-wrap a { color:var(--color-p);}

body.index #s2 .title-wrap a:before {
content:'';
position:absolute;
background-image:url(/local/templates/wtt/images/arr-back-sm.png);
background-repeat:no-repeat;
background-size:0.6rem 0.9rem;
background-position:50% 50%;
left:0;
width:2.5rem;
height:1.6rem;
top:0;
transform:rotate(180deg);
filter:brightness(0%);
}

.news-index-top .col2 {
width:48rem;
min-width:48rem;
display:flex; flex-direction:column;
justify-content:flex-start;
}

.news-index-top .plain-news {
margin:0 1rem 0rem 2rem;
display:flex; flex-direction:column;
justify-content:stretch;
flex-grow:1;
}
.news-index-top .plain-news .item  {
background-color:#ebebeb;
padding:var(--gutter);
margin-bottom:1rem;
flex-grow:1;
border-left:3px solid var(--color-p);
cursor:pointer;
position:relative;
transition:border-color 0.5s ease;
}

.news-index-top .plain-news .item:hover {
	border-left:3px solid var(--color-brown);
}

.news-index-top .plain-news .item .icon2-wrap {
	position:absolute;
	right:0;
	height:100%;
	top:0%;
	width:18rem;
	overflow:hidden;
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.news-index-top .plain-news .item:nth-child(odd)  .icon2-wrap { display:none;}
.news-index-top .plain-news .item .icon2 {
    height:100%;
	width:24rem;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:50% 50%;
	position:relative;
	left:6rem;
}

.news-index-top .plain-news .item .fline {
display:flex; justify-content:space-between;
font-family:var(--head-font);
font-size:1.4rem;
text-transform:uppercase;
}

.news-index-top .plain-news .item .fline2 {
display:flex; justify-content:flex-start; align-items:center; margin:0.8rem 0 2rem 0;
position:relative; z-index:5;
}

.news-index-top .plain-news .item .icon1 {
	height:4.5rem;
	width:4.5rem;
	margin-right:1rem;
	background-repeat:no-repeat;
	background-size:contain;
}
.news-index-top .plain-news .item:nth-child(even)  .icon1 { display:none;}

/*
.news-index-top .plain-news .item .icon1.news, .news-index-top .plain-news .item .icon2.news,
.news-index-top .block-news .item .icon1.news, .news-index-top .block-news .item .icon2.news,
.info .icon2.news { background-image:url(/local/templates/wtt/images/news.png); }
.news-index-top .plain-news .item .icon1.partners, .news-index-top .plain-news .item .icon2.partners,
.news-index-top .block-news .item .icon1.partners, .news-index-top .block-news .item .icon2.partners,
.info .icon2.partners { background-image:url(/local/templates/wtt/images/partners.png); }
.news-index-top .plain-news .item .icon1.hotels, .news-index-top .plain-news .item .icon2.hotels,
.news-index-top .block-news .item .icon1.hotels, .news-index-top .block-news .item .icon2.hotels,
.info .icon2.bars { background-image:url(/local/templates/wtt/images/hotels.png); }
.news-index-top .plain-news .item .icon1.interview, .news-index-top .plain-news .item .icon2.interview,
.news-index-top .block-news .item .icon1.interview, .news-index-top .block-news .item .icon2.interview,
.info .icon2.interview { background-image:url(/local/templates/wtt/images/interview.png); }
*/
.news-index-top .plain-news .item .icon1 svg, .news-index-top .plain-news .item .icon2 svg,
.news-index-top .block-news .item .icon1 svg, .news-index-top .block-news .item .icon2 svg,
.info .icon2 svg
{
fill: currentColor;
/*stroke: currentColor;*/
color:var(--color-p);
transition:color 0.5s ease;
}

.news-index-top .plain-news .item:hover .icon1 svg, .news-index-top .plain-news .item:hover .icon2 svg
{
color:var(--color-brown);
}


.news-index-top .plain-news .item .icon2 svg
{
width: 22rem;
height:22rem;
}

.news-index-top .block-news .item .icon2 svg
{
width: 100%;
height:100%;
}

.news-index-top .plain-news .item .icon1 svg
{
width: 5.5rem;
height:5.5rem;
position:relative;
top:-0.5rem;
left:-0.5rem;
}

.news-index-top .block-news .item .icon1 svg
{
width: 7rem;
height:7rem;
position:relative;
top:-0.5rem;
left:-0.5rem;
}

.info .icon2 svg
{
width: 6rem;
height:6rem;
position:relative;
top:-0.5rem;
left:-0.5rem;
}


.news-index-top .plain-news .item .fline .city  a{
color:var(--color-b);
font-family:var(--head-font);
}

.news-index-top .plain-news .item .fline .city  a:hover {
color:var(--color-p);
}


.news-index-top .plain-news .item h3 {
color:var(--color-b);
font-size:2rem;
margin:0;
position:relative;
}
/*
.news-index-top .plain-news .item h3:after {
content:"";
position:absolute;
height:2px; bottom:-1rem;
left:-2rem; width:4rem;
background-color:var(--color-p);
}
*/
.news-index-top .plain-news .item p { margin-bottom:0; position:relative; z-index:5;}

.news-index-top .col1 {
width:78rem;
min-width:78rem;
}
.news-index-top .block-news .item {
position:relative;
width:100%;
height:31rem;
background-color:black;
color:white;
margin-bottom:1rem;
overflow:hidden;
}

.news-index-top .block-news .item .icon2 {
	height: 100%;
width: calc(100% - 50rem);
	position:absolute;
	right:0; top:0;
	background-repeat:no-repeat;
	background-size:contain;
	opacity:1;
	transition:opacity 0.5s eas 0.5s;
}

.news-index-top .block-news .item .icon1 {
	height:7rem;
	width:0rem;
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0;
	transition:opacity 0.5s ease, width 0.1s ease;
	
}

.news-index-top .block-news .item .fline3 {
display:flex; justify-content:flex-start; align-items:center;
position:relative; z-index:5;
font-size:3rem;
}

.news-index-top .block-news .item  .image { width:46rem; height:100% }

.news-index-top .block-news .item .deco {
position:absolute;
right:0; bottom:0; width:30rem; 
height:100%;
background-color:rgba(0,0,0,0.8);
transition:0.7s width ease;
}

.news-index-top .block-news .item h3 { 
font-size:3rem; color:white; 
right:0; bottom:4rem; width:30rem; 
position:absolute; padding: 0 0 2rem 2rem; margin:0;
transition:0.7s right ease 0.7s, 0.7s bottom ease;
}

.news-index-top .block-news .item .date { 
margin-bottom:-2rem;
transition:0.7s opacity ease;
opacity:1;
position:relative;
z-index:10;
}

.news-index-top .block-news .item h3 span { position:relative; display:inline-block; width:25rem;}

.news-index-top .block-news .item h3 span:after {
content:"";
position:absolute;
top:0.6rem; bottom:0.8rem;
left:-1rem; width:0.3rem;
background-color:var(--color-p);
}

.news-index-top .block-news .item .text {
position:absolute;
left:100%; width:100%;
bottom:0;padding:0 4rem 1rem;
transition:1s left ease;
color:white;
}

.news-index-top .block-news .item:hover .deco {
width:78rem; bottom:0;
transition:0.7s width ease;
}
.news-index-top .block-news .item:hover  h3 {
bottom:14.8rem;
right:calc( 100% - 39rem);
transition:0.7s right ease 0.7s, 0.7s bottom ease;
width:37rem; 
}

.news-index-top .block-news .item:hover  .date { opacity:0; }
.news-index-top .block-news .item:hover .text {
left:0;
transition:1s left ease 0.7s; 
}

.news-index-top .block-news .item:hover .icon1 { opacity:1; transition:opacity 0.5s ease 0.5s, width 0.1s ease 0.4s; width:7rem; margin-right:1.5rem;}
.news-index-top .block-news .item:hover .icon2 { opacity:0;  transition:opacity 0.5s ease;}

.grey {
background-color:#f3f3f3;
}

.top-10-index {
padding:5rem 0 13.6rem 2rem;
height:76.4rem;
position:relative;
margin-top:-1.6rem;
}

.top-10-index.slider .swipe { height:49.8rem; }

.top-10-index.slider .swipe .item  img { height:49.8rem; }

.top-10-index h1 {
color:var(--color-p);
margin-bottom:3rem;
margin-left:-2rem;
}

.top-10-index.slider #bestSwipe {
cursor:pointer;
}

.top-10-index .deco {
position:absolute;
background-color:black;
height:8rem;
bottom:11rem; left:0;
right:2rem;
cursor:pointer;
z-index:10;
}

.top-10-index.slider .deco > div{
overflow:hidden;
width:100%;
transition:0.6s width ease 0.6s;
}

.top-10-index.slider .deco > div.hidden {
width:0;
transition:0.6s width ease;
display:none;
}

.top-10-index .deco  .title {
color:var(--color-p);
font-family:var(--head-font);
font-size:12rem;
text-transform:uppercase;
position:absolute;
bottom:-1rem;
left:4rem;
line-height: 0.9;
padding-bottom: 2.2rem;
}

.top-10-index .deco .detail {
color:white;
font-family:var(--head-font);
font-size:3rem;
text-transform:uppercase;
line-height:8rem;
position:absolute; right:0;
width:26rem;
text-align:center;
}

.top-10-index .deco .detail  a {color:white; font-family:var(--head-font); position:relative;}
.top-10-index .deco .detail  a:hover {color:var(--color-p);}
.top-10-index .deco .detail  a:before {
content:'';
position:absolute;
background-image:url(/local/templates/wtt/images/arr-fw-sm.png);
background-repeat:no-repeat;
background-size:0.6rem 0.9rem;
background-position:50% 50%;
left:100%;
width:6rem;
height:3rem;
top:0;
}

.top-10-index .indicator2 {
list-style:none;
position:absolute;
left:50%;
bottom:3rem;
display:flex;
z-order:120;
}

.top-10-index .indicator2 li {
color:black;
font-family:var(--head-font);
font-size:6rem;
text-transform:uppercase;
padding:0 1.5rem;
position:relative;
cursor:pointer;
}
/*.top-10-index .indicator2 li:hover, */
.top-10-index .indicator2 li.selected {
color:var(--color-p);
}


.top-10-index .indicator2 li:after {
position:absolute;
content:'';
top:50%;
left:50%;
width:0;
height:2px;
background-color:var(--color-p);
transform:rotate(125deg) translateX(0rem);
transform-origin:0 0;
transition:1s width ease, 1s transform ease;
}

.top-10-index .indicator2 li:hover:after, .top-10-index .indicator2 li.selected:after {
transform:rotate(125deg) translateX(-7rem);
width:14rem;
}

.personal-index {
/*padding:7.4rem 0 9rem 0;*/
padding:4rem 0 5rem 0;
}
/*
.personal-index h1 {
color:var(--color-p);
margin-bottom:3rem;
}
*/

.personal-index .list {
display:flex;
justify-content:space-between;
position:relative;
}

.personal-index .list .item-group { width:24rem; cursor:pointer; opacity:1;}
.personal-index .list .item { width:24rem; cursor:pointer;}
.personal-index .list .item  h3 { font-size:3rem; color:var(--color-p); margin:1.5rem 0 2rem 0; transition: 1s color ease; padding:0 1px;}
.personal-index .list .item  h4 { font-size:1.4rem; color:black; transition: 1s color ease; padding:0 1px;}
.personal-index .list .item  img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition:1s filter ease;
 }

.personal-index .list .item:hover  h3 { color:var(--color-b);}
.personal-index .list .item:hover  h4 { color:var(--color-p);}
.personal-index .list .item:hover  img { -webkit-filter: grayscale(0%);  filter: grayscale(0%);}

.personal-index  .list .control { 
	position:absolute; top:0; bottom:0; width: var(--size-b-w-gutter); 
	display:flex; align-items:center;
	cursor:pointer;
	}
.personal-index  .list .control.prev-page { right:100% }
.personal-index  .list .control.next-page { left:100% }

.personal-index  .list .control .arrow {
height:13.4rem;
width:100%;
text-align:center;
color:#e7e7e7; font-family:var(--head-font); text-transform:uppercase;
position:relative;
line-height:1;
}
.personal-index  .list .control .arrow:after {
content:'';
position:absolute;
background-image:url(/local/templates/wtt/images/arr-back-big.png);
background-position:0 50%;
background-size: 3.6rem 12.1 rem;
background-repeat:no-repeat;
top:0; left:10rem; right:0; bottom:0;
opacity:1;
transition:0.7s opacity ease;
}
.personal-index  .list .control.next-page .arrow:after {
top:0; right:10rem; left:0; bottom:0;
transform:rotate(180deg);
}

.en-spec {
padding-bottom:4rem;
margin-top:-6rem;
margin-bottom:5rem;
}

.news-index {
padding:5rem 0;
margin-bottom:9rem;
display:flex;
position:relative;
align-items:stretch;
}

.news-index .col1 {
width:30rem;
}

.news-index .col2 {
width:62rem;
margin:0 2rem;
}

.news-index  .col1 .item {
position:relative;
width:100%;
height:31rem;
color:white;
margin-bottom:var(--gutter);
overflow:hidden;
}

.news-index  .col2 .item {
position:relative;
width:100%;
height:70.2rem;
color:white;
margin-bottom:var(--gutter);
overflow:hidden;
}

.news-index .item .image:after {
position:absolute;
content:'';
width:100%;
height:15rem;
left:0; bottom:0;
background-color:rgba(0,0,0,0.5);
transition:1s background-color ease, 1s height ease;
}

.news-index  .item:hover .image:after {
height:100%;
background-color:rgba(0,0,0,0.8);
}

.news-index  .col2 .item:hover .image:after {
height:50%;
}

.news-index  h2 {
margin-top:-2.1rem;
}

.news-index  .item  .image { width:100%; height:100%; }

.news-index .item h3 {
font-size:2rem;
color:white;
position:absolute;
bottom:2rem;
padding:1rem 2rem;
margin-bottom:0;
transition:1s bottom ease;
}

.news-index  .col1 .item:hover h3 {
bottom:50%;
}

.news-index .col2 .item:hover h3 {
bottom:25%;
}


.news-index .item h3:after {
position:absolute;
content:'';
width:4rem;
height:2px;
left:0; bottom:0;
background-color:var(--color-p);
}

.news-index .item .text {
position:absolute;
bottom:-100%; width:100%;
left:0;padding:0 4rem 1rem;
transition:1s bottom ease;
color:white;
}

.news-index .item .text .date { margin-bottom:1rem; }

.news-index .item .text  a { color:white; text-decoration:none; }

.news-index .item:hover .text {
bottom:0;
transition:1s bottom ease; 
}

.index.two-column header {  width:32rem; min-width:32rem;}
.index.two-column header.wide {  width:48rem; min-width:32rem;}

.list.sponsors1 { flex-grow:1; }
.list.sponsors1  > div {
display:flex;
justify-content:flex-start;
align-items:flex-end;
gap:2rem;
width:100%;
flex-wrap:wrap;
}
.list.sponsors1  > div:not(:last-child) {margin-bottom:3.5rem; /*margin-top:-2rem;*/}

.list.sponsors1  .item { 
    width: calc(14% - 2rem);
    flex:0 0  auto;
}

.list.sponsors1  .item  .image img { width:100%; }
.list.sponsors1  .item.wide2 { width:25rem; }
/*.list.sponsors1  .item.wide  .image { width:14rem; margin-right:5rem; }*/

.i100 { width: 10rem; margin-bottom:2rem;}


/* search -------------------------------- */
.search-page form .inp-grp  input[type="text"] {
border:1px solid grey;
color:black;
line-height:6rem;
height:6rem;
}

.search-page form  {
display:flex;
}

.search-page form .inp-grp:first-child { flex-grow:1;}

.search-page form .inp-grp  input[type="submit"]  {
    background-color: var(--color-p);
    font-family: var(--head-font);
    font-size: 3rem;
    text-transform: uppercase;
    color: white;
    height: 6rem;
    line-height: 6rem;
    width: 20rem;
    position: relative;
    cursor: pointer;
	border:none;
	outline:none;
}

.search-page .notetext {
color: var(--color-p);
}

.search-page  .search-res-block {
margin:1rem 0;
}

.search-page .search-res-block .title {
 font-family: var(--head-font);
 font-size: 3rem;
}


body.index .init {
position:relative;
overflow:hidden;
}

/* s1 section s2 sec s3 s4
s5 div
s6 main
s7 sect
*/
/*
body.index #s1.init  article { opacity:0; transition:0s opacity ease 2s; }

body.index #s1.init.done  article { opacity:1;}

body.index #s2.init  .col2 .list { opacity:0; transition:1s opacity ease 1s; }
body.index #s2.init  .col1 .list  .item:first-child { position:relative; right: calc(100% + 20rem); transition:1s right ease 1s; }
body.index #s2.init  .col1 .list  .item:nth-child(2) { position:relative; right: calc(100% + 20rem); transition:1s right ease 1.2s; }
body.index #s2.init  .col1 .list  .item:nth-child(3) { position:relative; right: calc(100% + 20rem); transition:1s right ease 1.4s; }

body.index #s2.init.done  .col2 .list { opacity:1; }
body.index #s2.init.done  .col1 .list .item {right:0; }
*/
/*
body.index #s3.init  h1 { position:relative; top:-30rem; transition:1s top ease; }
body.index #s3.init  #bestSwipe { opacity:0; transition:1s opacity ease; }
body.index #s3.init  .deco { left:calc( -100% - 18rem); right:calc( 100% + 20rem); transition:1s left ease 0.5s, 1s right ease 0.5s; ; } 
body.index #s3.init  .indicator2 { position:relative; bottom:-10rem; opacity:0; 
transition:1s bottom ease 1s,0.1s opacity ease 1s; }
body.index #s3.init  .ddd { opacity:0; transition:1s opacity ease 2s; }

body.index #s3.init.done  #bestSwipe { opacity:1;}
body.index #s3.init.done  h1 { top:0rem; }
body.index #s3.init.done  .deco { left:0; right:2rem;  }
body.index #s3.init.done  .indicator2 { bottom:-3rem; opacity:1;  }
body.index #s3.init.done  .ddd { opacity:1; }

body.index #s4.init  h1 { position:relative; top:-30rem; transition:1s top ease; }

body.index #s4.init  .item-group:first-child { opacity:0; transition:1s  opacity ease 0.5s; }
body.index #s4.init  .item-group:nth-child(2) { opacity:0; transition:1s opacity ease 0.7s; }
body.index #s4.init  .item-group:nth-child(3){ opacity:0; transition:1s opacity ease 0.9s; }
body.index #s4.init  .item-group:nth-child(4){ opacity:0; transition:1s opacity ease 1.1s; }
body.index #s4.init  .item-group:nth-child(5){ opacity:0; transition:1s opacity ease 1.3s; }


body.index #s4.init  .en-spec { opacity:0; transition:1s opacity ease 1.5s; }

body.index #s4.init.done h1 { top:0rem; }
body.index #s4.init.done  .item-group { opacity:1;}
body.index #s4.init.done  .en-spec { opacity:1; }

body.index #s5.init  .grey { overflow:hidden; }
body.index #s5.init  .news-index { margin-bottom:0; }
body.index #s6.init  { margin-top:6rem; }

body.index #s5.init  .col2  h2 { position:relative; top:-20rem; transition:1s top ease; }
body.index #s5.init  .col1  h2:first-of-type { position:relative; top:-20rem; transition:1s top ease 0.5s; }
body.index #s5.init  .col1  h2:last-of-type{ position:relative; top:60rem; transition:1s top ease 1.4s; }
body.index #s5.init  .col1 .item:first-of-type{ position:relative; top: calc(200% + 20rem); transition:1s top ease 1.2s; } 
body.index #s5.init  .col1 .item:last-of-type { position:relative; top: calc(100% + 20rem); transition:1s top ease 1.6s; } 
body.index #s5.init  .col2 .item { position:relative; top: calc(100% + 20rem); transition:1s top ease 1s; }

body.index #s5.init.done  .col1  h2{ top:0;  }
body.index #s5.init.done  .col2  h2{ top:0; }
body.index #s5.init.done  .col1 .item, body.index #s5.init.done  .col2 .item  {top:0; }
*/
/*
body.index #s7.init  main{position:relative;left:100%;transition:1s ease left; margin-bottom:8rem;}
body.index #s7.init.done  main{left:0;}

body.index  #s8.init  section {position:relative;right:100%;transition:1s ease right 0.5s;}
body.index  #s8.init.done  section {right:0;}
*/

/* ads ------------------------------------------------------------------------------------------------------------------ */
.adv-item { height:100%; }
.adv-item img {
width:100%;
height:100%;
object-fit:cover;
-webkit-filter: grayscale(0%) !important;
filter: grayscale(0%) !important;
}

.adv-item.type_598х236 {
/*height:calc(100% + 4rem);*/
font-size:0;
margin:-2rem;
font-size:0;
height:auto;
}
.adv-item.type_598х236 img { object-fit:contain; }

.banner {
	margin-bottom:9rem;
}
/*
#s1_banner .banner { margin-bottom:5rem;}
#s2_banner .banner { margin-top:3rem; }
#s3_banner .banner { margin-bottom:5rem; }
#s4_banner .banner { margin-top:5rem; }
#s5_banner .banner { margin-bottom:5rem; }
#s6_banner .banner { margin-top:5rem; }
#s7_banner .banner { margin-bottom:5rem; }
*/

.bsect.init { opacity:0; transition:1s opacity ease; }
.bsect.done { opacity:1;}

.banner { position:relative; }

.banner.web { display: block; }
.banner.mobile { display: none; }

.banner .aid { 
	position:absolute;  bottom:1rem; right:1rem; display:block; cursor:pointer; 
	font-size:1.2rem;
	line-height:1.2rem;
	background-color:white;
	color:black;
	padding:0.2rem;
}
.banner .aid1 { 
	position:absolute; top:1rem; bottom:1rem; right:1rem; left:1rem; cursor:pointer; 
	background-color:white;
	color:black;
	display:none;
	font-size:1.5rem;
	line-height:1.5rem;
	padding:3rem 1rem;
	justify-content:center;
	align-items:center;
	border:0.2rem solid grey;
	border-radius:0.2rem;
}

.banner .aid1:after {
	
	content: "Закрыть";
	position:absolute;
	bottom:0.5rem;
	right:0.5rem;
	font-size:1.5rem;
	line-height:1.7rem;
	/*border-radius:1rem;*/
	/*width:1.5rem;
	height:1.5rem;*/
	/*background-image:url(/local/templates/wtt/images/a_close1.png);
	background-size:1.5rem 1.5rem;
	background-repeat:none;*/
	
}

.banner.aid-active .aid { display:none;}
.banner.aid-active .aid1 { display:flex;}

.banner img {
width:100%;
height:auto;
object-fit:cover;
-webkit-filter: grayscale(0%) !important;
filter: grayscale(0%) !important;
}

.fullscreen-banner, .fullscreen-banner1  {
position:fixed;
z-index:2000;
top:0; left:0; bottom:0; right:0;
padding:var(--size-b-h-gutter) var(--size-b-w-gutter);
display:flex;
justify-content:center;
}

.fullscreen-banner.init, .fullscreen-banner1.init {
display:none;
}

.fullscreen-banner .back ,.fullscreen-banner1 .back{
position:absolute;
top:0; left:0; bottom:0; right:0;
background-color:rgba(0,0,0,0.5);
}

.fullscreen-banner a {
display:block;
position:absolute;
z-index:2001;
top:var(--size-b-h-gutter); 
left:var(--size-b-w-gutter); 
bottom:var(--size-b-h-gutter); 
right:var(--size-b-w-gutter);
text-align:center;
}

.fullscreen-banner  img {
width:auto /*100%*/;
height:100%;
object-fit:contain;
-webkit-filter: grayscale(0%) !important;
filter: grayscale(0%) invert!important;
object-position:50% 50%;
padding-left:4.4rem;
}

.fullscreen-banner .video,.fullscreen-banner .video-obj,.fullscreen-banner1 .video,.fullscreen-banner1 .video-obj {
position:absolute;
z-index:2001;
top:var(--size-b-h-gutter); 
left:var(--size-b-w-gutter); 
bottom:var(--size-b-h-gutter); 
right:var(--size-b-w-gutter);
}

.fullscreen-banner .closeb, .fullscreen-banner1 .closeb  {
background-image:url(/local/templates/wtt/images/cross.png);
background-size:1.2rem 1.2rem;
background-repeat:no-repeat;
background-position:50% 50%;
opacity:0.8;
transition:1s opacity ease;
position:relative;
top:-1.5rem;
width:4.4rem;
height:5rem;
z-index:99;
cursor:pointer;
}

.fullscreen-banner .closeb.video {
position:absolute; 
top:calc(var(--size-b-h-gutter) - 4rem); 
right:calc(var(--size-b-w-gutter) - 4rem); 
}

.fullscreen-banner .closeb:hover, .fullscreen-banner1 .closeb:hover {
opacity:1;
}

.fullscreen-banner .closeb,.fullscreen-banner1 .closeb {
top:-5rem;
margin-left:calc(100% - 4.4rem);
transform:scale(1.5);
}

.styled-links a.video-playback::before { opacity:0; }
.styled-links a.video-playback { position:relative; display:inline-block;}
.styled-links a.video-playback::after { 
content:'';
position:absolute;
top:0; left:0;
width:100%; height:100%;
background-image:url(/local/templates/wtt/images/video_play.png);
background-size:7.2rem 5rem;
background-repeat:no-repeat;
background-position:50% 50%;
 }
 
.hor-list {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin-right:calc(16rem - 1.3rem);
	margin-left:calc(16rem - 1.3rem);
	margin-bottom: 9rem;
	margin-top: 3rem;
	position:relative;
}

.hor-list > div {
	width:25%;
	padding:0 1.3rem;
}

.hor-list > div > img { width:100%; }

.hor-slider_wrap {
	/*width:100%;*/
	margin-right:16rem;
	margin-left:16rem;
	margin-bottom: 9rem;
	margin-top: 3rem;
	position:relative;
	overflow-x:hidden;
}

.hor-slider {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	width:auto;
	left:-0.75rem;
	position:relative;
}

.hor-slider > div {
	width:26.3rem;
	padding:0 0.75rem;
	flex:0 0  auto;
}

.hor-slider > div > img { width:100%; }

/* new index */

.index .anons-table { width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:9rem;
position:realative;
}

.index .anons-table-wrap { position:relative;}

.index .anons-table-wrap .back {
	position:absolute;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	top:0; left:0;
}

.index .anons-table-wrap .back > div {
	left:-8rem;
	right:-8rem;
	top:-8rem;
	bottom:0;
	position:absolute;
}

.index .anons-table-wrap .back > div:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.index .anons-table-wrap .back > div > div {
	width:100%;height:100%;
	background-image: url(/local/templates/wtt/images/star_big.png);
	background-size:100% 100%;
	position:absolute;
}

.index .anons-table .cell { width:calc(25% - 0.6rem); position:relative; margin-bottom:0.8rem}
.index .anons-table .cell.x2 { width:calc(50% - 1.2rem + 0.8rem); 
display:flex; flex-direction:column; justify-content:center; align-items:center;}
.index .anons-table .cell.x3 { width:calc(75% - 1.8rem + 1.6rem); 
display:flex; flex-direction:column; justify-content:center; align-items:center;}

.index .anons-table .cell.block { background-color:black; }
.index .anons-table .cell.block img { width:100%; height:100%; object-fit:cover; filter:grayscale(100%); transition:filter 1s ease;}
.index .anons-table .cell.block:hover img { filter:grayscale(0%);}
.index .anons-table .cell.block .name { 
	color:white; position:absolute; top:3rem; left:3rem; width:calc(100% - 5rem);
	font-family:var(--head-font);
	font-size:4.7rem;
	text-transform:uppercase;
	line-height:1.1;
}

.index .anons-table .cell.block .name.t { top: 2rem; }

.index .anons-table .cell.block .name1 { 
	color:white; position:absolute; bottom:3rem; left:3rem; width:calc(100% - 6rem);
	font-family:var(--head-font);
	font-size:3rem;
	text-transform:uppercase;
	line-height:1.1;
}

.index .anons-table .cell.block .name span {font-size:3rem; line-height:1;}

.index .anons-table .cell.x2 .bt { 
	color:black; 
	/*padding-right:4rem;*/
	font-family:var(--head-font);
	font-size:7rem;
	text-transform:uppercase;
	line-height:1.2;
	text-align:right;
}

.index .anons-table .cell.x3 .bt1 { 
	color:black; 
	/*padding-left:4rem;*/
	font-family:var(--head-font);
	font-size:12rem;
	text-transform:uppercase;
	line-height:1.2;
	width:100%;
}

.index .anons-table .cell.mt1 { margin-top:2.4rem; position:relative;}
.index .anons-table .cell.mt2 { margin-top:2.4rem; position:relative;}

.index .anons-table .cell.mt2:after { content:''; position:absolute; top:-2rem; height:0.8rem; background-color:black; 
left:0; right:0;
}
.index .anons-table .cell.mt1:after { content:''; position:absolute; top:-2rem; height:0.8rem; background-color:black; 
left:0; right:-0.8rem;
}

.index .banner_tmp { margin-top:5rem; margin-bottom:9rem;}
.index .banner_tmp img { width:100%; object-fit:cover; }

.age-block {position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:2500; background-color:black;
display:flex; flex-direction:column; justify-content:center; align-items:center; display:none;}
.age-block .content { display:flex; flex-direction:column; justify-content:center; align-items:stretch; }
.age-block .quest { color:white; font-size:4rem; font-family:var(--head-font); margin-bottom:5rem; text-transform:uppercase;}
.age-block .age-btns  { display:flex; flex-direction:row; justify-content:space-between; align-items:center; }

.age-block .age-btns button { font-family:var(--head-font); font-size:4rem;
background:none; border-top:0.2rem solid var(--color-p); border-bottom:0.2rem solid var(--color-p);
color:white; transition: color 0.5s ease; cursor:pointer; padding:0.5rem 1rem; text-transform:uppercase;
}
.age-block .age-btns button:hover { color:var(--color-p);}

.pp {width:28rem; height:5rem; overflow-y:hidden;}
.pp img { width:100%; height:auto;}

  .typ-typ1 { margin-left: 1rem;margin-bottom: 1.5rem; }
 .typ-typ2 { font-size:3rem; color:white; display:inline-block; background-color:var(--color-p); padding: 0.5rem 1rem 0.2rem 1rem; }


/* --------------------------------------------------------------- mobile ------------------------------------------------ */

@media only screen and (max-width: 767px) {
.web-only { display:none !important; }
.mobile-only { display:flex  !important}
.web-only-inline { display: inline-block !important; height: 0; overflow: hidden; }
.web-only-inl { display: none !important; } 

.decos:before, .decos:after { display:none;}

h1 {
margin-top: -0.6rem;
}

.mainh { height:12rem !important; 
margin-bottom:6rem !important;  
}
.mainh.small {
transition:0s top ease, 1s opacity ease;
}

.mainh .back { height:12rem;}

.mainh .form-placer{ opacity:0; height:0; transition:1s ease height 1s;overflow-x:hidden; }
.mainh .form-placer.active { opacity:1; height:10rem; overflow-x:visible; display:block; 
position:fixed; bottom:6rem; left:4rem;}
.bottom.form-placer { display:none; }

.form-button button { font-size:4rem; height:9rem; line-height:10rem; width: 64rem; z-index:1700;}
.mainh  .search-form { 
/*display:none; */
bottom:-10rem;
left:30rem;
}

.mainh .search-form .help { color: color: var(--color-b);  font-size:3rem;}
.mainh .search-form input[type="text"] { color: black;  border-bottom: 2px solid var(--color-p);}

.mainh  .icons{ height:0; overflow-x:hidden; }
.mainh  .icons.active { opacity:1; height:6rem; display:flex; justify-content:space-between; margin:0 8rem; 
position:fixed; bottom:18rem; transition:1s ease height 1s;}
.mainh  .icons img { width:6rem; height:6rem; }

.mainh.small.out {
/*top:-18rem;*/
opacity:0;
/*transition:1s top ease, 1s opacity ease;*/
}

.mainh.small.fixed {
top:0;
opacity:1;
}

.mainh.small.fixed + main, .mainh.small.fixed + .breadcrumbs {
    margin-top: 18rem;
}


.mainh .title { font-size:3rem !important; line-height:1 !important; }
.mainh .menu  { opacity:0; transition:0.6s opacity ease 0.5s;  overflow-x:hidden;}
/*.mainh .menu.active  { overflow-x:visible;}*/
/*.mainh .menu  { opacity:0.5; overflow-x:hidden;}
.mainh .menu.active  { opacity:1;}*/

.mainh .menu-back {
position:fixed; top:0; left:0; right:0; height:0; display:block;
background-color:rgba(0,0,0,0.9);
transition:1s height ease;
}

.mainh .menu-back.active {
height:100vh;
}

.mainh .menu.languages {
position:absolute; top:6rem; left:auto; /* right:4.2rem; */
right:0; width:31rem;
height:0; 
justify-content:flex-start;
}
.mainh .menu.languages.active {
display:flex; opacity:1; height:3rem; 
}


.mainh .menu.top-menu {
position:absolute; width:0; left:auto; right:0; top:24rem; top:-120rem; bottom:auto; width:31rem; padding-right:0;
}
.mainh .menu.top-menu.active  {
display:flex; opacity:1;  width:100%; top:29rem; 
flex-direction: column;
/*height: 60rem;*/
justify-content:center;
align-items:center;
position:fixed;
}

.mainh .menu.top-menu a{
    font-size: 4rem;
    line-height: 6.5rem;
    padding:0;
}

.mainh .menu.top-menu a {color:white;}
.mainh .menu.top-menu a:hover, .mainh .menu.top-menu a.selected {color:var(--color-p);}

.mainh .menu.top-menu a.selected:after, .mainh .menu.top-menu a:hover:after { display:none; }

.mainh .logos { bottom:0; left:7rem; right:10rem; }
.mainh .logos .left img { width:25rem; }

.mainh .mob-menu-btn.active, .mainh .mob-close-menu-btn.active  { 
display:block; 
width:5rem; height:4.4rem; right:4.2rem; top: 18.3rem; left:auto;
cursor:pointer;
z-index:200;
}

.mainh .mob-menu-btn {  background-image: url(/local/templates/wtt/images/menu.png); background-size:cover; }
.mainh .mob-close-menu-btn {  position:fixed; background-image: url(/local/templates/wtt/images/cross.png); background-size:3.8rem 3.8rem;
background-position:50% 50%; background-repeat:no-repeat; }

.mainh.small.fixed:before {
content:'';
position:absolute;
top:100%;
left:0; right:0;
height: 6rem;
background-color: white;
}

footer { height:6rem; padding:0 2.2rem; }

footer .logo, footer .icons { display:none;}
footer .rain a { justify-content:flex-end; width:auto; }
footer .copyright { font-size:1.8rem; }

.form-placer { display:none;}

main, .breadcrumbs, .slider, .std-width {
    margin: 0 4.2rem;
}

main:not(.index) {
    min-height: calc( 100vh - 34rem); /* 50 */
}

.two-column {
flex-direction:column;
}

body:not(.index) .two-column header { 
width:calc(100vw - 8.4rem) !important; 
padding:0 0 4rem; 
position:relative;
top:0;
transition:0s top ease, 0s opacity ease;
z-index:300;
background-color:white; 
}

body:not(.index) .two-column header.out {
opacity:0;
transition:0s top ease, 1s opacity ease;
}

body:not(.index) .two-column header.fixed {
position:fixed;
top:18rem; 
opacity:1;
}

body.index #s2 .title-wrap a {transition:color 0.3s ease; }
body.index #s2 .title-wrap a:hover { color:var(--color-brown) !important;}

body.index #s2  .col2 .title-wrap { padding-left:2rem; }

body.index .two-column header.fixed { position:relative !important; }

.left-col nav { padding-left:0;}
.left-col nav li { display:inline-block; margin-right:2rem; margin-bottom:0.8rem;}

.list-page .list.sponsors .item .image { width:23rem; }

.list-page .list.publications {
margin-right:2.5rem;
}

.list-page .list.projects .item, .list-page .list.publications .item {
flex-direction:column-reverse;
margin-bottom:5rem;
}

.list-page .list.projects .item  .text, .list-page .list.publications .item  .text {
margin-top:3rem;
}

.list-page .list.projects .item  .text h2, .list-page .list.publications .item  .text h2 {
margin-bottom:3rem;
}

.list-page .list.publications .item  .text .info {
margin-top:3rem;
}

.list-page .list.publications .item  .text .info  .soc {
transform:scale(1.5,1.5);
transform-origin:0 50%;
}

.list-page .list.publications .item  .text .info  .author {
margin-bottom:1rem;
}

.list-page .list.projects .item  .image, .list-page .list.publications .item  .image {
width:100%;
height:auto;
margin-left:0;
}

.list-page .list.publications .item .image .item-type {
bottom:-3.2rem;
font-size:7rem;
}

.list-page .list.gallery { margin-left:-2rem;}

.list-page .list.gallery .item,.detail-page .list.gallery .item { width:50%; }
.list-page .list.gallery .item .image, .detail-page .list.gallery .item .image { width:31rem; height:20.8rem;}

 
 .list-page .list.video {
  display:flex; flex-wrap:wrap; align-content: flex-start; flex-grow:1;
     margin-left:0;
  }
    
   .list-page .list.video .item {
   width:100%;
   height:10rem;

   }

.breadcrumbs { margin-bottom:5rem;  margin-top:7rem;}

.fw-slider { margin-bottom:6rem;}

.detail-page .left-col{ padding-right:0; }

.detail-page   .short-text .info  .soc {
transform:scale(1.5,1.5);
transform-origin:0 50%;
}

.arrows-slider { margin-bottom:16rem;}

.arrows-slider .control.next-page { left: calc(100% - 5rem); width:5rem;}
.arrows-slider .control.prev-page { right: calc(100% - 5rem); width:5rem; }

.arrows-slider .control .arrow  .place, .arrows-slider .control .arrow  .place2,
.arrows-slider .control:hover .arrow  .place, .arrows-slider .control:hover .arrow  .place2{ opacity:0 !important; }
.arrows-slider .control.prev-page  .arrow:after { opacity:0;  left:-4rem;}
.arrows-slider .control.next-page .arrow:after { opacity:0;  right: -4rem;left: 100%;}

.arrows-slider .control:hover .arrow:after { opacity:1 !important; }


.result-detail-page .left-col .address { font-size: 2.5rem; }
.result-detail-page .left-col .slogan { font-size: 2.5rem; }

/* winners ----------------------*/
.top-10 { margin-left:-2rem; }
.top-10 .item { margin-bottom:8rem;}

.top-10 .item .data .city.inv { display:none; }
.top-10 .item .data .city { display:block; position:absolute; top:100%; width:100%; line-height:3rem; }

.special-result { margin-bottom:16rem; position:relative; left:-2rem;}
.special-result .item {
height:29rem;
}

.special-result .item .image { height:100%; }

.special-result .item .image img { -o-object-fit: cover;
object-fit: cover;
}

.eleven, .rest-of { margin-left:-2rem; }
.eleven .item { width: calc( 50% - var(--gutter)); }
.eleven .item:last-child {
   margin: 0 0 3rem var(--gutter);
}
.rest-of .group { width:100%; margin-left: var(--gutter);}
.rest-of .group:nth-child(even) { width:100%; margin-left: var(--gutter);}
/* index ------------------------ */

.top-news.slider { margin-top: 3rem; margin-bottom: 3rem;  padding-left:0; height:20rem !important; } /*height:50rem;*/
.top-news.slider .swipe .item img { -o-object-fit: contain; object-fit: contain;
height:20rem; } /*height:50rem;*/

.top-news.slider .indicator { padding-left: 0rem; top:-2rem; position:relative;}


.top-news.slider .video {
position:absolute;
top:8rem;
bottom:8.6rem;
left:0rem;
right:0rem;
z-index:2000;
}

.top-news.slider .counter {
top: 12rem;
left: auto;
right: 2rem;
font-size: 10.5rem;
}

.top-news.slider .mob-hid {
display:none;
}


body.index #s1.init .deco  { left:-150%;}

.news-index-top { flex-direction:column; /*margin-top:6rem;*/ }
.news-index-top .col1 { width:auto; min-width:auto; }
.news-index-top .plain-news { margin:0; }
.news-index-top .plain-news .item { margin-bottom:4rem; }
.news-index-top .plain-news .item:last-child{ margin-bottom:0; }
.news-index-top .plain-news .item h3 { font-size:2.8rem; }

.news-index-top .col2 { width:auto; min-width:auto; margin:6rem 0;}
.news-index-top .block-news .item h3 { padding: 0 2rem 2rem 2rem; }

.top-10-index h1 { margin-left:0; }
.top-10-index { padding: 5rem 0 13.6rem 2rem; margin-left:2.2rem; height: 85.4rem; }
.top-10-index.slider .swipe .item img { height: 49.8rem;}
.top-10-index .indicator2 { left:0; }
/*.top-10-index .deco { position:relative; bottom:0;}*/
.top-10-index .deco .title { font-size:10rem; bottom:0; }
body.index #s3.init.done .indicator2 { bottom:-5rem; }


.personal-index .list  { flex-wrap: wrap; }
.personal-index .list .item { width:calc(50% - 2rem); margin-bottom:4rem; }
.personal-index .list .item.last { margin:0 auto; }
.personal-index .list .item h3 { font-size:4rem; }
.personal-index .list .item h4 { font-size:2.5rem; }

.news-index { flex-direction:column; }
.news-index-top h2 a, .news-index h2 a { font-size:2.5rem; }
.news-index .col1 { width:auto; }
.news-index .col2 { width:auto; margin:0;}
.news-index .item h3 { font-size:4rem; }

.news-index  .col1 .item , .news-index  .col2 .item{ height: 60rem; }
.news-index  .col1 .item:hover h3, .news-index .col2 .item:hover h3 {bottom:40%;}
.news-index  .col2 .item:hover .image:after {height:100%;}

body.index  .text-page article { margin-top:4rem; }

.list.sponsors1 { margin:4rem 0 8rem; }
.list.sponsors1 > div { flex-wrap: wrap; /*justify-content:flex-end;*/}
.list.sponsors1 > div .item { width: calc(33% - 1.33rem); }
.list.sponsors1 > div .item.wide2 { width: 50%; }


/* experts */
.experts-page button {
height:auto;
}

.experts-page .suggest-wrap .suggest-list option {
font-size:2.1rem;
}

.mainh .pers {
    /*opacity: 0 !important;*/
	top:18rem;
	left:10rem !important;
	right:auto !important;
	text-align:right;
	display:none;
}

body.index .mainh .pers { display:block; transform:scale(1.5);}

.mainh .pers:not(.active) a { color:black;}

.mainh .pers.active {
  opacity: 1 !important;
  top: 19rem;
  left: 5rem !important;
  width: 25rem !important;
  right: auto !important;
  text-align: right;
  display: block;
  z-index: 2000;
  position: fixed;
}
body.index .mainh .pers.active {transform:scale(1);}
.login-form  .forget-link, .login-form  .auth-link { text-align:center; }
.experts-page .right-col .list .item > .header  { align-items:flex-start; }
.experts-page .right-col .list .item > .header .desc { min-width:20rem; padding-top:1rem; }


.bx-system-reset-form { display: flex; flex-direction:column; justify-content:center; align-items:center; 
min-height: calc(100vh - 18rem - 6rem);
margin-top:0rem;
padding-bottom:2rem;
}

.banner.web { display: none; }
.banner.mobile { display: block; }

#s1_banner .banner {
margin-top:10rem;
margin-bottom:0;
}

.fullscreen-banner1 {
position:fixed;
z-index:2000;
top:0; left:0; bottom:0; right:0;
padding:calc(2 * var(--size-b-h-gutter)) 0;
}

.fullscreen-banner {
  position: fixed;
z-index: 2000;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: calc(2 * var(--size-b-h-gutter)) 4rem;
display: flex;
align-items: center;
justify-content: center;
}

.fullscreen-banner a {
  z-index: 2001;
  /*width: 100%;*/
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
height:calc(100vw - var(--size-b-h-gutter))
}

.fullscreen-banner img {
  padding: 0;
  max-width: 100%;
}


.fullscreen-banner .video, .fullscreen-banner .video-obj, .fullscreen-banner1 .video, .fullscreen-banner1 .video-obj{
left:4.2rem; 
right:4.2rem; 
top:calc(2 * var(--size-b-h-gutter));
bottom:calc(2 * var(--size-b-h-gutter));
}

.fullscreen-banner .closeb, .fullscreen-banner1 .closeb  {
/*top:calc(2 * var(--size-b-h-gutter) - 4rem); */
right:4rem; 
background-size:3rem 3rem;
position:absolute;
top:calc(2 * var(--size-b-h-gutter) - 12rem);
}

.hs_expand-btn { 
 	top:0.2rem; left:calc(13rem + 25rem - 4.2rem);
}

.hs_check-btn {
	top:0; left:calc(13rem + 25rem - 9rem);
}
.hs_delete-btn {
	top:0; left:calc(13rem + 25rem - 7rem);
}
.experts-page .input-group.ordered .suggest-wrap {
  left: 11rem; width:48rem;
}
.experts-page .legend .suggest-wrap {
  width: 60rem;
}
.experts-page .suggest-wrap2 {
  width: 20rem;
}
.suggest-wrap .not-found {
 margin-left:2rem;
  width: 25rem;
}

/* results 2020 */
.mainh.fulls {
height:calc(100vh - 6rem) !important;
margin-bottom:0 !important;
}

.mainh.fulls .logos1 { position:absolute; top:9vh; left:0; text-align:center; margin-left:auto; margin-right:auto;}
.mainh.fulls .logos1  img { width: 50rem;  margin-left:auto; margin-right:auto;}

.mainh.fulls .title { display:block; top:calc(9vh + 17.5rem); width:49.5rem; text-align:right; left: calc(50% - 24.7rem); font-size: 3.5rem; }

.mainh.fulls .title2 {
font-size:6rem;
text-transform:uppercase;
color:var(--color-p);
position: absolute;
top:34.5vh;
margin-left:auto; margin-right:auto;
text-align:center;
}

.mainh.fulls .logos { bottom:auto; top:calc(33vh + 4rem); justify-content: space-between;}
.mainh.fulls .logos .left img { width:8rem; }
.mainh.fulls .logos .right img { width:10rem; }


.mainh.fulls .menu.reg-menu {
    position: absolute;
    left: 0;
    width: 100%;
    top:calc(33vh + 20rem);
    bottom: auto;
	height:calc(50vh - 20rem);
	opacity:1;
	flex-direction:column;
	justify-content:space-between;
}

.mainh.fulls .menu.reg-menu a { text-align:center; font-size:4rem;}

.sticky-bar {
position:sticky;
top:0;
background-color:white;
z-index:99;
padding:4rem 0;
margin-bottom:8rem;
}

.hh {
position:relative;
top:-14rem;
}

.results-adv {
margin: 0 0 14rem 0;
width:100%;
position:relative;
}

.results-adv.tt { margin-top:8rem; margin-left:2rem;}
.special-result .results-adv.tt { margin-top:14rem; }

.dd {position:relative; left:-2rem; }
.dd .results-adv.tt { margin-top:-4rem; margin-bottom:14rem; }

.results-adv  .image {
width:100%;
}

.results-adv  .image  img{
width:100%;
-o-object-fit: cover;
object-fit: cover;
object-position: 50% 50%;
}

.results-adv  .video-frame {
width:100%;
height: calc(55vw - 5rem)
}

.special_winner .item {width:100%; }
.two-column.narrow header .sticky { height:auto;}

.hor-list {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	margin-right:4.2rem;
	margin-left:4.2rem;
	margin-bottom: 9rem;
	margin-top: 3rem;
	position:relative;
}

.hor-list > div {
	width:100%;
	padding:0;
	margin-bottom:3rem;
}

.hor-slider_wrap {
	/*width:100%;*/
	margin-right:4.2rem;
	margin-left:4.2rem;
	margin-bottom: 9rem;
	margin-top: 3rem;
	position:relative;
	overflow-x:hidden;
}

.hor-slider {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	width:auto;
	left:-0.75rem;
	position:relative;
}


.hor-slider > div {
	width:calc(100vw - 8.4rem);
	padding:0  0rem;
	flex:0 0  auto;
}

.index .anons-table .cell { width:calc(50% - 0.4rem); position:relative; margin-bottom:0.8rem; order:1;}
.index .anons-table .cell.x2 { width:100%; 
display:flex; flex-direction:column; justify-content:center; align-items:center;}
.index .anons-table .cell.x3 { width:100%; 
display:flex; flex-direction:column; justify-content:center; align-items:center;}

.index .anons-table .cell.pb { order:100;}
.index .anons-table .cell.x2 .bt { padding-right:0;}
.index .anons-table .cell.x3 .bt1 { padding-left:0;}
.text-slider .items { height:15rem; position:relative; width:100%;}
.index .anons-table .cell.mt1 { margin-top:0;}
.index .anons-table .cell.mt2:after, .index .anons-table .cell.mt1:after { display:none; }

.js-ajax-auth-link, .menu.pers.active a { color:white; font-size:3rem; }
.mainh .menu.pers.active a:after { 
background-image:url(/local/templates/wtt/images/pers1.svg);
right:-1rem; 
background-size:2.6rem auto;
}

.subscribe-btn2 { top:24.5rem;}
.subscribe-btn3 { top:33rem;}
.subscribe-btn4 { top:41.5rem;}
.subscribe-btn { top:50rem;}

.mainh .menu.top-menu.active a.selected:before, .mainh .menu.top-menu.active a:hover:before {
  opacity: 0;
}

.left-col nav > li > a:after  { top: -0.2rem;}
.results-page h2:before, body.index h2:before { top:1.6rem; }
.index .anons-table-wrap .back {
  height:100vw;
  width:100%;
  top:9rem;
}
.index .anons-table-wrap .back > div { left:-3.5rem; right:-3.5rem; }

body.noscroll { height:100vh; overflow-y:hidden;}

.typ-typ1 { margin-left: 0.7rem;margin-bottom: 1.7rem; }
 .typ-typ2 { font-size:3rem; color:white; display:inline-block; background-color:var(--color-p); padding: 0.5rem 1rem 0.25rem 1rem; }

} 
/* end mobile */






/* End */
/* /local/templates/wtt/styles.css?17158539664384 */
/* /local/templates/wtt/template_styles.css?1765496077112828 */