@font-face{  font-family:'PT Sans';   src:url('../fonts/pt-sans-narrow.ttf');   font-weight:normal;   font-style:normal}
body{  margin:0;     font-family:"PT Sans",Open Sans,sans-serif;   background: #fff;  min-width:270px;  width:100%;  transition:opacity .4s ease; position: relative;}
body.active{ opacity:1}
body.in{ background:white;  opacity:1}
body.in header{ height:110px}
.in main{padding-top:37px}
html, 
body{ height:100%;  min-height:100%; font-size:10px}
*{ -webkit-box-sizing:border-box;  box-sizing:border-box}
*:focus{ outline:none}
*::-moz-selection{ background:#005a7e;  color:white}
*::selection{ background:#005a7e;  color:white}
input:invalid, 
input:invalid:-moz-submit-invalid, 
input:invalid:-moz-ui-invalid{ box-shadow:none}
ul, 
form{ margin:0;  padding:0}
img{ border:none}
a{ text-decoration:none;  color:black;  -webkit-transition:color 0.4s ease;  -o-transition:color 0.4s ease;  transition:color 0.4s ease}
a:hover{ color:#005a7e}
hr{ border:none; border-top:1px solid #b0b4b6}
main h1{ color:#005a7e;  font-size:3.6em;  font-weight:normal;  margin:0;  text-transform:uppercase}
.flex-cols{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between}
.flex-cols .l-col{ -webkit-flex-basis:300px;  -ms-flex-preferred-size:300px;  flex-basis:300px;  width:300px;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0}
.flex-cols .r-col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  margin-left:20px}
.container{ margin:0 auto;  width:1380px}
label.required:after, .label.required:after{ content:"*";  color:#222}
.slick-slide, 
.slick-slider{ height:auto !important}
.clearfix{ zoom:1}
.clearfix:before, 
.clearfix:after{ content:"";  display:table}
.clearfix:after{ clear:both}
h2{ text-align:center;  font-weight:normal;  font-size:3.6em;  text-transform:uppercase;  margin:0;  color:#005a7e}
h2 a{ color:#005a7e}
sup{ font-size:0.7em}


iframe{ max-width:100% !important}
@media screen and (max-width:1500px){ .container{ width:95%}
}
@media screen and (max-width:500px){ main h1{ font-size:2.8em}
}
.button-prev{ position:absolute;  top:50%;  left:10px;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%);  cursor:pointer;  z-index:3}
.button-next{ position:absolute;  top:50%;  right:10px;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%);  cursor:pointer;  z-index:3}
/*--------------З а г л у ш к а д л я у с т а р е в ш и х б р а у з е р о в --------------*/
.ie-9{ position:fixed;  top:0;  left:0;  width:100%;  height:100%;  background:black;  z-index:100}
.ie-9 .content{ width:700px;  margin:200px auto;  padding:10px 40px 40px;  border:1px solid #282828;  background:white}
.ie-9 li{ padding:0 10px;  float:left;  width:33%}
.ie-9 ul{ list-style:none}
.ie-9 ul:after{ content:""}
.ie-9 a{ display:block;  border:1px solid #dfdfdf;  background:#f7f7f7;  text-align:center;  padding:10px}
.ie-9 a img{ width:100%;  margin-bottom:5px}
.ie-9 a:hover{ color:blue}
.empty__notify{font-size:2em; color:#005a7e; padding:10px 0 20px}
/*------------------------Btn--------------------*/
.btn{ display:inline-block; text-align:center;  color:white;  text-transform:uppercase;  padding:15px;  font-size:2em;  background:#005a7e;  border:none;  border-left:3px solid #ff9934;  border-right:3px solid #005a7e;  position:relative;  -webkit-transition:background 0.4s ease;  -o-transition:background 0.4s ease;  transition:background 0.4s ease;  cursor:pointer;  font-family:"PT Sans",Open Sans,sans-serif}
.btn .in{ position:relative;  z-index:5}
.btn .bg:before{ content:"";  display:block;  position:absolute;  top:0;  left:0;  right:0;  height:3px;  background:-webkit-linear-gradient(left,#ff9934,#005a7e);  background:-webkit-gradient(linear,left top,right top,from(#ff9934),to(#005a7e));  background:-o-linear-gradient(left,#ff9934,#005a7e);  background:linear-gradient(to right,#ff9934,#005a7e)}
.btn .bg:after{ content:"";  display:block;  position:absolute;  bottom:0;  left:0;  right:0;  height:3px;  background:-webkit-linear-gradient(left,#ff9934,#005a7e);  background:-webkit-gradient(linear,left top,right top,from(#ff9934),to(#005a7e));  background:-o-linear-gradient(left,#ff9934,#005a7e);  background:linear-gradient(to right,#ff9934,#005a7e)}
.btn:hover{ color:#ff9934}
.btn:hover:after{ height:75%;  opacity:1}
.btn:active:after{ height:94%;  opacity:1}
.btn:after{ content:"";  display:block;  position:absolute;  height:0;  top:50%;  left:0;  right:0;  background:#fff;  opacity:0;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%);  -webkit-transition:all 0.4s ease;  -o-transition:all 0.4s ease;  transition:all 0.4s ease;  z-index:1}
.btn-sub{display: inline-block;text-align: center;color: white;text-transform: uppercase;padding: 9px 15px;font-size: 2em;background: #005a7e;border: none;position: relative;-webkit-transition: background 0.4s ease;-o-transition: background 0.4s ease;transition: background 0.4s ease;cursor: pointer;font-family: "PT Sans", Open Sans, sans-serif;border-left: 3px solid #ff9934;border-right: 3px solid #005a7e}
.btn-sub{color: white}
.btn-sub .authin {color: white}
.btn-sub:hover .authin{position: relative;color: #005a7e;z-index: 10}
.btn-sub:hover:after{opacity: 1;height: 75%}
.btn-sub:after{content: "";display: block;position: absolute;height: 0;top: 50%;left: 0;right: 0;background: #fff;opacity: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;z-index: 1}
.btn-sub .bg:before{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;height: 3px;background: -webkit-linear-gradient(left, #ff9934, #005a7e);background: -webkit-gradient(linear, left top, right top, from(#ff9934), to(#005a7e));background: -o-linear-gradient(left, #ff9934, #005a7e);background: linear-gradient(to right, #ff9934, #005a7e)}
.btn-sub .bg:after{content: "";display: block;position: absolute;bottom: 0;left: 0;right: 0;height: 3px;background: -webkit-linear-gradient(left, #ff9934, #005a7e);background: -webkit-gradient(linear, left top, right top, from(#ff9934), to(#005a7e));background: -o-linear-gradient(left, #ff9934, #005a7e);background: linear-gradient(to right, #ff9934, #005a7e)}
.btn-blue{ background:#0572b7}
.btn-grey{ background:#b0b4b7}
/*-----------------------Header------------------------*/
header{  position:relative;   z-index:10; height:151px}
header .top{  position:relative;   text-align:center;   padding:10px;   z-index:2;   background: #fff; }
header .top img{  max-width:100%}
header .top .langs{  position:absolute;   top:50%;   right:40px;   -webkit-transform:translateY(-50%);   -ms-transform:translateY(-50%);   transform:translateY(-50%)}
header .top .langs a{  font-size:1.8em;   padding:5px;   color:#b3b7b9}
header .top .langs a:hover{  color:white}
header .top .login{  font-size:1.8em;   position:absolute;   top:50%;   -webkit-transform:translateY(-50%);       -ms-transform:translateY(-50%);           transform:translateY(-50%);   left:40px}
header .top .login span, header .top .login a{  color:#b3b7b9;   cursor:pointer;   margin:0 5px}
header .top .login span:hover, header .top .login a:hover{  color:white}
header .top .langs .active, 
header .top-in .langs .active{  color:#005a7e}
header .top-in{  position:relative;   z-index:5;   padding:5px 5px 0;   background:#fff;  border-bottom:1px solid white}
header .top-in .container{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center}
header .top-in .logo{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; display:flex; align-items:center;}
header .top-in .logo img{ margin-right:20px;  width:180px}
header .top-in .logo span{ font-size:17px;  color:#b3b7b9;  position:relative;  top:-5px}
header .top-in .login{ -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  font-size:1.8em;  padding:5px;  margin-right:10px}
header .top-in .login span, header .top-in .login a{ color:#b3b7b9;  cursor:pointer; margin:0 5px}
header .top-in .login span:hover, header .top-in .login a:hover{ color:white}
header .top-in .langs{ color:#b3b7b9;  white-space:nowrap}
header .top-in .langs a{ font-size:1.8em;  padding:5px;  color:#b3b7b9}
header .top-in .langs a:hover{ color:white}
header #main-nav{ background:#005a7e;  position:relative}
header #main-nav .scroll-logo{ position:absolute;  left:20px;  top:0;  padding:5px;  -webkit-transform:scale(0);  -ms-transform:scale(0);  transform:scale(0);  -webkit-transition:-webkit-transform 0.4s ease;  transition:-webkit-transform 0.4s ease;  -o-transition:transform 0.4s ease;  transition:transform 0.4s ease;  transition:transform 0.4s ease,-webkit-transform 0.4s ease;  z-index:5}
header #main-nav .scroll-logo img{ height:35px}
header #main-nav.scroll{ position:fixed;  top:0;  left:0;  right:0}
header #main-nav.scroll .scroll-logo{ -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1)}
.top .count{ font-size:2em; color:white;  text-shadow:0 0 4px #010202; position: absolute;  top: 5%; left:1%;}
.flip-clock-wrapper{  width:auto;   font-family:Open Sans,sans-serif}
.flip-clock-divider .flip-clock-label{  top:auto !important; bottom:-38px;  color:white;   font-size:25px;   text-shadow:0 0 4px #010202}
.flip-clock-divider.days .flip-clock-label{  right:-100px}
.flip-clock-divider.hours .flip-clock-label{  right:-102px}
.flip-clock-divider.minutes .flip-clock-label{  right:-120px !important;}
.flip-clock-divider.seconds .flip-clock-label{  right:-122px !important;}
.flip-clock-wrapper ul li a div div.inn{  background:#005a7e !important;   color:white !important; font-weight: normal; text-shadow: 1px 1px 2px black !important;  text-transform: uppercase;}
.flip-clock-dot{  background:white !important; padding:0 !important;}
#flipClock{  margin:1em !important;   height:100px !important; position: absolute !important; left: -27% !important; top: 10px !important; transform: scale(0.45); }
#menu-toggle-btn, 
#lang-toggle-btn, 
#login-toggle-btn{ font-size:20px;  padding:20px;  color:white;  background:transparent;  border:none;  cursor:pointer;  display:none}
#menu-toggle-btn:hover, 
#lang-toggle-btn:hover, 
#login-toggle-btn:hover{ background:#005a7e}
@media screen and (min-width:850px){ #main-ul{ list-style:none;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  position:relative;  -webkit-transition:padding 0.4s ease;  -o-transition:padding 0.4s ease;  transition:padding 0.4s ease}
 #main-ul >li{ font-size:1.65em;  padding:15px 5px;  margin:0 5px}
 #main-ul >li:hover .submenu{ -webkit-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0)}
 #main-ul >li >a{ color:white;  text-transform:uppercase}
 #main-ul >li >a i{ display:none}
 #main-ul >li >a:hover{ text-decoration:underline}
 #main-ul .submenu{ display:block;  position:absolute;  overflow:hidden;  top:100%;  -webkit-transform:translateY(-200%);  -ms-transform:translateY(-200%);  transform:translateY(-200%);  left:0;  width:100%;  z-index:5;  background:#ff9934;  padding:20px;  z-index:-1;  -webkit-transition:-webkit-transform 0.4s ease;  transition:-webkit-transform 0.4s ease;  -o-transition:transform 0.4s ease;  transition:transform 0.4s ease;  transition:transform 0.4s ease,-webkit-transform 0.4s ease}
 #main-ul .submenu >ul{ -webkit-column-count:3;  -moz-column-count:3;  column-count:3;  -webkit-column-rule:1px dotted #ccc;  -moz-column-rule:1px dotted #ccc;  column-rule:1px dotted #ccc;  -webkit-column-gap:30px;  -moz-column-gap:30px;  column-gap:30px}
 #main-ul .submenu ul{ list-style:none;  font-size:17px;  overflow:hidden}
 #main-ul .submenu ul li{ margin:3px 0}
 #main-ul .submenu ul a{ font-weight:bold}
 #main-ul .submenu ul ul{ padding:5px 10px;  font-size:16px}
 #main-ul .submenu ul ul a{ font-weight:normal}
 #main-ul .submenu ul ul li{ margin:0}
 #main-ul .submenu a{ color:white;  display:block;  padding:2px 5px;  -webkit-transition:background 0.4s ease;  -o-transition:background 0.4s ease;  transition:background 0.4s ease;  background:transparent}
 #main-ul .submenu a:hover{ background:#005a7e}
 #main-ul .submenu a >i{ display:none}
 #main-ul .submenu > ul > li,
 #main-ul .submenu > ul > li.parent {display:inline-block;width:100%;}
 
 /*
 #main-ul .submenu > ul > li:nth-child(n+2):nth-child(3n+2){border-left: 1px dotted #fff;padding-left:10px;}
 #main-ul .submenu > ul > li:nth-child(3n){padding-left:10px;border-left: 1px dotted #fff;}
 */
 
 #main-ul .submenu ul li{ -webkit-column-break-inside:avoid}
 
 #main-ul .submenu ul li{ -webkit-column-break-inside:avoid;  page-break-inside:avoid;  break-inside:avoid-column}
 
 #main-ul .submenu ul li{ -webkit-column-break-inside:avoid;  page-break-inside:avoid;  break-inside:avoid-column}
 
}
@media screen and (max-width:1250px){ header .scroll #main-ul >li{ font-size:1.5em}
header .scroll #main-ul{ padding-left:115px}
}

@media screen and (max-width:1080px){ header .scroll #main-ul >li{ font-size:1.4em;  margin:0}
 #main-ul >li{ font-size:1.5em;  padding:16px 5px}
 header .top .langs{ width:200px}
 #flipClock{ transform: scale(0.38) !important; left: -30% !important;}
.top .count{ font-size: 1.7em; }
}

@media screen and (max-width:950px){ header .scroll #main-ul{ padding-left:0}
header #main-nav.scroll .scroll-logo{ -webkit-transform:scale(0);  -ms-transform:scale(0);  transform:scale(0)}
 #main-ul >li{ font-size:1.4em;  padding:17px 5px;  margin:0}
}

@media screen and (max-width:850px){header #main-nav.scroll .scroll-logo{ -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1)}
 #menu-toggle-btn, 
 #lang-toggle-btn, 
 #login-toggle-btn{ display:block}
 header #main-nav{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  position:fixed;  top:0;  left:0;  right:0}
 header #main-nav .scroll-logo{ position:static;  padding:10px;  -webkit-transform:none;  -ms-transform:none;  transform:none;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  text-align:center}
 header #main-nav.scroll #main-ul{ padding:0}
#flipClock { transform: scale(0.25) !important; position: fixed !important; left: -29% !important; top: -25px !important; display: flex;}
.top .count { font-size: 1em; position: fixed; top: 5px; left: 11%; }
.flip-clock-wrapper ul li a div div.inn { background: #fff !important; color: #005a7e!important; }
.flip-clock-divider .flip-clock-label { color: white !important; }
 header{ height:auto}
 header .top{ padding:0}
 header .top img{ display:none}
 header .top .login{ display:none}
 header .top .langs, #login-auth-in{ position:fixed;  top:60px;  -webkit-transform:none;  -ms-transform:none;  transform:none;  right:0;  padding:20px;  background:black;  display:none}
#login-auth-in{width:300px; left:auto}
 header .top-in{ padding:0}
 header .top-in .logo, 
 header .top-in .login{ display:none}
 header .top-in .langs{ position:fixed;  top:60px;  -webkit-transform:none;  -ms-transform:none;  transform:none;  right:0;  padding:20px;  background:black;  display:none}
 body.in header{ height:auto}
 body{ margin-top:60px}
 #main-ul{ list-style:none;  background:black;  position:fixed;  overflow:auto;  bottom:0;  top:60px;  left:0;  width:100%;  z-index:5;  border-top:1px solid;  -webkit-transform:translateX(-120%);  -ms-transform:translateX(-120%);  transform:translateX(-120%);  -webkit-transition:-webkit-transform 0.4s ease;  transition:-webkit-transform 0.4s ease;  -o-transition:transform 0.4s ease;  transition:transform 0.4s ease;  transition:transform 0.4s ease,-webkit-transform 0.4s ease}
 #main-ul.active{ -webkit-transform:translateX(0);  -ms-transform:translateX(0);  transform:translateX(0)}
 #main-ul .submenu{ display:none}
 #main-ul >li{ font-size:1.6em;  border-bottom:1px solid white; padding:0}
 #main-ul >li >a{ padding:15px 40px 13px;  display:block;  color:white;  text-transform:uppercase;  position:relative;  -webkit-transition:background 0.4s ease;  -o-transition:background 0.4s ease;  transition:background 0.4s ease}
 #main-ul >li >a:hover{ background:#9c050b}
 #main-ul >li >a:hover i{ color:white}
 #main-ul >li >a i{ position:absolute;  top:9px;  right:30px;  font-size:20px;  border-radius:50%;  line-height:37px;  width:35px;  height:35px;  text-align:center;  -webkit-transition:all 0.4s ease;  -o-transition:all 0.4s ease;  transition:all 0.4s ease;  color:white}
 #main-ul >li >a i:hover{ color:#005a7e}
 #main-ul >li.open >a i{ -webkit-transform:rotate(180deg);  -ms-transform:rotate(180deg);  transform:rotate(180deg)}
 #main-ul >li ul{ border-top:1px solid white;  list-style:none}
 #main-ul >li ul >li{ border-bottom:1px solid white}
 #main-ul >li ul >li >a{ display:block;  color:white;  padding:10px 60px;  position:relative;  -webkit-transition:background 0.4s ease;  -o-transition:background 0.4s ease;  transition:background 0.4s ease}
 #main-ul >li ul >li >a:hover{ background:#9c050b}
 #main-ul >li ul >li >a:hover i{ color:white}
 #main-ul >li ul >li >a i{ position:absolute;  top:5px;  right:50px;  font-size:16px;  border-radius:50%;  line-height:31px;  width:33px;  height:30px;  text-align:center;  -webkit-transition:all 0.4s ease;  -o-transition:all 0.4s ease;  transition:all 0.4s ease;  color:white}
 #main-ul >li ul >li.open >a i{ -webkit-transform:rotate(180deg);  -ms-transform:rotate(180deg);  transform:rotate(180deg)}
 #main-ul >li ul >li ul{ display:none}
 #main-ul >li ul >li ul li{ border-bottom:1px solid white}
 #main-ul >li ul >li ul li >a{ display:block;  color:white;  padding:10px 80px;  position:relative}
 #main-ul >li ul >li ul li >a:hover{ background:#9c050b}
 #main-ul >li ul >li ul li >a:hover i{ color:white}
 #main-ul >li ul >li ul li:last-of-type{ border:none}
 #main-ul >li ul >li:last-of-type{ border:none}
}
@media screen and (max-width:350px){ #menu-toggle-btn, #lang-toggle-btn, #login-toggle-btn{ font-size:17px;  padding:17px}
 header #main-nav .scroll-logo img{ height:30px}
 body{ margin-top:50px}
 header .top-in .langs, 
 #main-ul{ top:50px}
}
@media screen and (max-width:300px){ #menu-toggle-btn, #lang-toggle-btn, #login-toggle-btn{ font-size:15px;  padding:15px}
 header #main-nav .scroll-logo img{ height:25px}
 body{ margin-top:45px}
 header .top-in .langs, 
 #main-ul{ top:45px}
}
/*-------------------Main------------------*/
#flipClock_down,.index__counter .count {display: none;}

.index__counter{  position:relative;   background:url('../img/video-bg-isse-russia.jpg') no-repeat 50% 50%;   overflow:hidden;}
.index__counter:after{  content:"";   display:block;   position:absolute;   top:0;   left:0;   width:100%;   height:100%;   background:url('../img/video-bg.png')}
.index__counter .container{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;   -webkit-flex-direction:column;   -ms-flex-direction:column;   flex-direction:column;   -webkit-box-pack:center;   -webkit-justify-content:center;   -ms-flex-pack:center;   justify-content:center;   position:relative;   z-index:2;   padding:185px 0 210px; min-height: 870px; }
.index__counter h1{  color:white; font-size:3.6em; text-transform:uppercase; font-weight:normal; text-shadow:1px 1px 2px black; position: absolute; bottom: 29%; left: 0%;}
.index__counter .date{  padding:3px 0 0;   color:#ff9934;   font-weight:bold;   font-size:3.6em;   text-shadow:1px 1px 2px black; position: absolute; bottom: 24%; left:0%}
.index__counter .name{  font-size:3em;   line-height:0.95em;   padding:0;   text-transform:uppercase;   color:white;   text-shadow:1px 1px 2px black; position: absolute; bottom:10%; left:0% }
.index__counter .place{  color:white;   font-size:1.8em;   padding:5px 0 15px;   text-shadow:1px 1px 2px black; position: absolute; bottom:2%; left:0%}
.index__counter .btns{ text-align: center; position: absolute; bottom:5%; right:0%;}
.index__counter .btns .btn{ padding:10px;}
.index__counter .btt{  position: absolute; bottom: 5%;}
.index__counter .btt img{  cursor:pointer}
.main-video{  position:absolute;   top:0;   left:0;   right:0;   bottom:0}
.main-video #main-video{  min-width:100%;   min-height:100%;   width:auto;   position:absolute;   top:66%;   left:50%;   -webkit-transform:translate(-50%,-50%);   -ms-transform:translate(-50%,-50%);   transform:translate(-50%,-50%)}
#video-mobile{  display:none;   width:100%;   height:100%}
@media screen and (max-width:1700px){  .index__counter .container{    padding:155px 0 180px}
}
@media screen and (max-width:1600px){  .index__counter .container{    padding:135px 0 160px}
}
@media screen and (max-width:1500px){  .index__counter .container{    padding:115px 0 140px}
}
@media screen and (max-width:1400px){  .index__counter .container{    padding:65px 0 80px}
}
@media screen and (max-width:1300px){  .index__counter .container{    padding:30px 0 60px;  min-height: 770px;}
  .index__counter btns{    padding:20px 0}
  .index__counter .btt{    margin-top:50px}
}
@media screen and (max-width:1200px){  .index__counter btns{    padding:0}
  .index__counter .btt{    margin-top:50px}
  .index__counter .count{    padding:10px 0}
}
@media screen and (max-width:800px){  .index__counter .flip-clock-wrapper ul{    width:50px;     height:60px}
  .index__counter .flip-clock-wrapper ul li{    line-height:60px}
  .index__counter .flip-clock-wrapper ul li a div div.inn{    font-size:40px}
  .index__counter .flip-clock-divider .flip-clock-label{    bottom:0}
  .index__counter .flip-clock-divider.days .flip-clock-label{    right:-60px}
  .index__counter .flip-clock-divider.hours .flip-clock-label{    right:-65px}
  .index__counter .flip-clock-divider.minutes .flip-clock-label{    right:-80px}
  .index__counter .flip-clock-divider.seconds .flip-clock-label{    right:-83px}
  .index__counter .btt{    margin-top:20px}
  .index__counter .flip-clock-dot.top{    top:20px}
  .index__counter .flip-clock-dot.bottom{    top:40px}
}
@media screen and (max-width:700px){  .index__counter .flip-clock-wrapper ul{    width:30px;     height:40px}
  .index__counter .flip-clock-wrapper ul li{    line-height:40px}
  .index__counter .flip-clock-wrapper ul li a div div.inn{    font-size:30px}
  .index__counter .flip-clock-divider .flip-clock-label{    bottom:0}
  .index__counter .flip-clock-divider.days .flip-clock-label{    right:-80px}
  .index__counter .flip-clock-divider.hours .flip-clock-label{    right:-65px}
  .index__counter .flip-clock-divider.minutes .flip-clock-label{    right:-79px !important}
  .index__counter .flip-clock-divider.seconds .flip-clock-label{    right:-84px !important}
  .flip-clock-divider{    height:80px}
  .index__counter .flip-clock-dot.top{    top:15px}
  .index__counter .flip-clock-dot.bottom{    top:30px}
  .index__counter .flip-clock-dot{    width:7px;     height:7px}
  .index__counter .flip-clock-divider{    height:75px}
  .index__counter .flip-clock-divider .flip-clock-label{    font-size:20px}
  .index__counter .btns .btn{    margin:0 10px}
  .index__counter .btt{    margin-top:0}
}
@media screen and (max-width:600px){  .index__counter h1,  .index__counter .date{    font-size:2.6em}
  .index__counter .name, 
  .index__counter .count{display: flex;  font-size:2em}
  .index__counter .btns{    padding:20px 0}
  .index__counter .btns .btn{    font-size:1.5em}
  #flipClock.flip-clock-wrapper {display: none;}
  #flipClock_down {display: flex; justify-content: center;}
  .top .count {display: none;}
  .count {color: #fff;}
  .index__counter .container {min-height: 600px;}
  .index__counter h1 {bottom: auto; top: 1%; left: auto;}
  .index__counter .date, .index__counter .name, .index__counter .place, .index__counter h1 {position: relative;}
  .index__counter h1, .index__counter .count {text-align: center; width: calc(100% - 2px);}
}
@media screen and (max-width:500px){  .index__counter #flipClock{    margin:10px 0;     height:75px}
  .index__counter .flip-clock-wrapper ul{    width:25px;     height:35px;     margin:2px}
  .index__counter .flip-clock-wrapper ul li{    line-height:35px}
  .index__counter .flip-clock-wrapper ul li a div div.inn{    font-size:25px}
  .index__counter .flip-clock-divider .flip-clock-label{    bottom:0}
  .index__counter .flip-clock-divider.days .flip-clock-label{    right:-40px}
  .index__counter .flip-clock-divider.hours .flip-clock-label{    right:-35px}
  .index__counter .flip-clock-divider.minutes .flip-clock-label{    right:-45px !important}
  .index__counter .flip-clock-divider.seconds .flip-clock-label{    right:-45px !important}
  .index__counter .flip-clock-dot.top{    top:10px}
  .index__counter .flip-clock-dot.bottom{    top:25px}
  .index__counter .flip-clock-dot{    width:5px;     height:5px}
  .index__counter .flip-clock-divider{    height:65px;     width:15px}
  .index__counter .flip-clock-divider:first-child{    width:0}
  .index__counter .flip-clock-divider .flip-clock-label{    font-size:16px}
  .index__counter .btns .btn{    margin:0 10px}
  .index__counter .btt{    margin-top:0}
  .index__counter .btns{    display:-webkit-box;     display:-webkit-flex;     display:-ms-flexbox;     display:flex;     -webkit-box-orient:vertical;     -webkit-box-direction:normal;     -webkit-flex-direction:column;     -ms-flex-direction:column;     flex-direction:column;     -webkit-box-align:center;     -webkit-align-items:center;     -ms-flex-align:center;     align-items:center}
  .index__counter .btns .btn{    margin:10px 0}
}
@media screen and (max-width:350px){  .index__counter #flipClock{    margin:10px 0;     height:75px}
  .index__counter .flip-clock-wrapper ul{    width:20px;     height:30px;     margin:1px}
  .index__counter .flip-clock-wrapper ul li{    line-height:30px}
  .index__counter .flip-clock-wrapper ul li a div div.inn{    font-size:20px}
  .index__counter .flip-clock-divider .flip-clock-label{    bottom:0}
  .index__counter .flip-clock-wrapper.days .flip-clock-label{    right:-45px}
  .index__counter .flip-clock-wrapper.hours .flip-clock-label{    right:-38px}
  .index__counter .flip-clock-wrapper.minutes .flip-clock-label{    right:-44px}
  .index__counter .flip-clock-wrapper.seconds .flip-clock-label{    right:-45px}
  .index__counter .flip-clock-dot.top{    top:5px}
  .index__counter .flip-clock-dot.bottom{    top:20px}
  .index__counter .flip-clock-dot{    width:5px;     height:5px}
  .index__counter .flip-clock-divider{    height:55px}
  .index__counter .flip-clock-divider .flip-clock-label{    font-size:11px}
}
.index__partners{  padding:50px 0 20px}
.index__partners h3{  color:#ff9934;   font-size:3.6em;   margin:0 0 30px;   font-weight:normal;   text-align:center;   text-transform:uppercase}
.index__partners .cols{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:center;   -webkit-justify-content:center;   -ms-flex-pack:center;   justify-content:center}
.index__partners .item{  -webkit-flex-basis:220px;   -ms-flex-preferred-size:220px;   flex-basis:220px;   padding:0 10px;   background:white;   margin:0 15px 30px;   -webkit-transition:box-shadow 0.4s ease;-webkit-transition:-webkit-box-shadow 0.4s ease;   transition:-webkit-box-shadow 0.4s ease;-o-transition:box-shadow 0.4s ease; transition:box-shadow 0.4s ease;   transition:box-shadow 0.4s ease,-webkit-box-shadow 0.4s ease;}
.index__partners .item:hover{  -webkit-box-shadow:0 0 10px 3px #ff9934;   box-shadow:0 0 10px 3px #ff9934}
.index__partners .item .img{  padding:5px 0 10px;   display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:center;   -webkit-justify-content:center;   -ms-flex-pack:center;   justify-content:center;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center;   border-bottom:1px solid #b0070b;   height:100px;   text-align:center; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.index__partners .item:hover .img {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%);}
.index__partners .item .img a{  display:block;   text-align:center}
.index__partners .item .name{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center;   color:#005a7e;   text-transform:uppercase;   font-size:1.7em;   text-align:center;   padding:0px 0;   height:75px}
/* 01.08.2017 отред. высота блока:была 65px, padding 8px 0px */
.index__partners .item .name span{  display:block;   margin:auto;   max-width:100%}
@media screen and (max-width:1600px){  .index__partners .cols{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap}
}
.index__recourse{  padding-bottom:45px}
.index__recourse h2{  color:#f00;   font-size:14px;   font-weight:normal;   text-transform:uppercase;   margin:0;   text-align:left}
.index__recourse .cols{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:justify;   -webkit-justify-content:space-between;   -ms-flex-pack:justify;   justify-content:space-between}
.index__recourse .msg{  -webkit-flex-basis:75.8%;   -ms-flex-preferred-size:75.8%;   flex-basis:75.8%;   display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:justify;   -webkit-justify-content:space-between;   -ms-flex-pack:justify;   justify-content:space-between;   padding:5px 0}
.index__recourse .msg .left{  -webkit-flex-basis:330px;   -ms-flex-preferred-size:330px;   flex-basis:330px;   padding-right:20px;   -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0;   color:#222;   font-size:3.8em;   text-transform:uppercase;   line-height:1.15em}
.index__recourse .msg .right{  -webkit-flex-basis:100%;   -ms-flex-preferred-size:100%;   flex-basis:100%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1;   font-size:1.8em;   line-height:1.5em;   padding:2px 0;   color:#222}
.index__recourse .msg .right p{  margin:0 0 17px}
.index__recourse .img{  padding:11px 0 0 50px;   -webkit-flex-basis:24.2%;   -ms-flex-preferred-size:24.2%;   flex-basis:24.2%;   -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0}
.index__recourse .img img{  width:100%}
@media screen and (max-width:1200px){  .index__recourse .msg{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap}
  .index__recourse .msg .left{    -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     -webkit-flex-shrink:1;     -ms-flex-negative:1;     flex-shrink:1;     padding:0;     font-size:3em;     margin-bottom:20px}
  .index__recourse .msg .right{    -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     -webkit-flex-shrink:1;     -ms-flex-negative:1;     flex-shrink:1}
  .index__recourse .msg .right p{    margin-bottom:10px}
}
@media screen and (max-width:900px){  .index__recourse h2{    margin-bottom:10px}
  .index__recourse .cols{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap}
  .index__recourse .cols .msg{    -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     -webkit-flex-shrink:1;     -ms-flex-negative:1;     flex-shrink:1}
  .index__recourse .cols .img{    display:none}
}
@media screen and (max-width:450px){  .index__recourse .cols{    font-size:8px}
}
.index__progress{  background:url('../img/bg-counts.jpg') no-repeat;  background-size:cover;  padding-top:109px;  padding-bottom:80px;  position:relative}
.index__progress:after{ content:"";  display:block;  position:absolute;  top:0;  left:0;  height:100%;  width:100%;  background:rgba(0,0,0,0.5)}
.index__progress .container{ position:relative;  z-index:2;  text-align:center}
.index__progress .cols{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-justify-content:space-around;  -ms-flex-pack:distribute;  justify-content:space-around}
.index__progress .item{ text-align:center;  -webkit-flex-basis:22%;  -ms-flex-preferred-size:22%;  flex-basis:22%}
.index__progress .item .num{ font-size:4.8em;  color:#005a7e;  margin:5px 0 -5px}
.index__progress .item .desc{ font-size:2.4em;  color:white}
.index__progress .btn{ margin-top:62px;  padding:16px 47px}
@media screen and (max-width:950px){ .index__progress .cols{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 .index__progress .cols .item{ -webkit-flex-basis:45%;  -ms-flex-preferred-size:45%;  flex-basis:45%;  margin-bottom:20px}
}
@media screen and (max-width:550px){ .index__progress .cols .item{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
 .index__progress .btn{ padding:16px 20px}
}
.index__places{ padding:50px 0 20px;  overflow:hidden}
.index__places .main-row{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:stretch;  -webkit-align-items:stretch;  -ms-flex-align:stretch;  align-items:stretch;  height:545px;  overflow:hidden}
.index__places .main-row .main-col{ -webkit-flex-basis:60%;  -ms-flex-preferred-size:60%;  flex-basis:60%;  overflow:hidden;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0}
.index__places .main-row .sub-col{ -webkit-flex-basis:40%;  -ms-flex-preferred-size:40%;  flex-basis:40%;  padding-left:10px;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-orient:vertical;  -webkit-box-direction:normal;  -webkit-flex-direction:column;  -ms-flex-direction:column;  flex-direction:column;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  overflow:hidden}
.index__places .main-row .sub-col .row{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:stretch;  -webkit-align-items:stretch;  -ms-flex-align:stretch;  align-items:stretch;  overflow:hidden;  height:50%}
.index__places .main-row .sub-col .row:first-child{ padding-bottom:10px}
.index__places .main-row .sub-col .row .col{ -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%;  overflow:hidden;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0}
.index__places .main-row .sub-col .row .col:first-child{ margin-right:10px}
.index__places .sub-row{ height:268px;  margin-top:10px;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between}
.index__places .sub-row .col{ overflow:hidden}
.index__places .sub-row .col:first-child{ -webkit-flex-basis:39.5%;  -ms-flex-preferred-size:39.5%;  flex-basis:39.5%}
.index__places .sub-row .col:last-child{ -webkit-flex-basis:60.5%;  -ms-flex-preferred-size:60.5%;  flex-basis:60.5%;  padding-left:10px}
.index__places .item{ position:relative;  display:block;  overflow:hidden;  width:100%;  height:100%}
.index__places .item:after{ position:absolute;  content:"";  display:block;  top:0;  left:0;  width:100%;  height:100%;  -webkit-box-shadow:inset 0px 0px 110px 20px rgba(0,0,0,0.75);  box-shadow:inset 0px 0px 110px 20px rgba(0,0,0,0.75)}
.index__places .item img{ min-width:100%;  min-height:100%;  display:block}
.index__places .item h4{ position:absolute;  left:20px;  bottom:20px;  font-size:1.8em;  margin:0;  color:white;  font-weight:normal;  text-transform:uppercase;  z-index:3}
.index__places .item h4:hover{ text-decoration:underline}
@media screen and (max-width:1300px){ .index__places .main-row .main-col{ -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%}
 .index__places .main-row .sub-col{ -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%}
 .index__places .main-row{ height:400px}
 .index__places .sub-row .col{ -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  -webkit-flex-basis:50% !important;  -ms-flex-preferred-size:50% !important;  flex-basis:50% !important}
}
@media screen and (max-width:800px){ .index__places .main-row .main-col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  height:500px;  margin-bottom:10px}
 .index__places .main-row .sub-col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  height:500px;  padding-left:0}
 .index__places .main-row{ height:1010px;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 .index__places .sub-row{ height:auto;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 .index__places .sub-row .col{ height:auto;  -webkit-flex-basis:100% !important;  -ms-flex-preferred-size:100% !important;  flex-basis:100% !important;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  margin-right:0;  margin-bottom:10px}
 .index__places .sub-row .col img{ width:100%;  min-height:auto}
 .index__places .sub-row .col:last-child{ padding-left:0}
 .index__places .sub-row .item{ height:auto}
}
@media screen and (max-width:700px){ .index__places .main-row .main-col{ height:300px}
 .index__places .main-row{ height:810px;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
}
@media screen and (max-width:500px){ .index__places .main-row .main-col{ height:auto}
 .index__places .main-row .main-col img{ width:100%;  height:auto;  min-height:auto}
 .index__places .main-row{ height:auto}
 .index__places .main-row .sub-col{ height:auto}
 .index__places .main-row .sub-col .row{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  height:auto}
 .index__places .main-row .sub-col .row .col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  margin-right:0;  margin-bottom:10px}
 .index__places .main-row .sub-col .row .col img{ width:100%;  min-height:auto; min-width:auto;}
 .index__places .main-row .item{ height:auto}
}
.index__members{ background:#ff9934;  padding:70px 110px 70px;  position:relative}
.index__members h3{ display:inline-block;  position:absolute;  top:0;  left:0;  background:#b0b4b6;  padding:10px 18px;  color:white;  font-size:1.8em;  font-weight:normal;  margin:0;  text-transform:uppercase}
.index__members .col{ display:inline-block;  padding:20px;  vertical-align:top}
.index__members .item{ width:340px;  height:120px;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between}
.index__members .item:first-child{ margin-bottom:30px}
.index__members .item .left{ width:100px;  height:100px;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  -webkit-flex-basis:100px;  -ms-flex-preferred-size:100px;  flex-basis:100px;  background:white;  padding:4px;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center}
.index__members .item .left img{ width:100%}
.index__members .item .right{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  padding-left:20px;  color:white;  font-size:1.8em}
.index__members .item .right .name{ margin-bottom:7px;  margin-top:3px}
.index__members .item .right .name a{ color:white}

.index__members .item .right .address{ margin-bottom:12px}
#members-slick.slick-slider{ position:static}
@media screen and (max-width:1000px){ .index__members .item{ width:300px}
 .index__members{ padding:70px 50px}
}
@media screen and (max-width:800px){ .index__members .item{ width:auto;  text-align:center}
 .index__members .item .left{ margin:0 auto}
}
@media screen and (max-width:400px){ .index__members{ padding:70px 20px;  font-size:9px}
 .index__members .button-next, 
 .index__members .button-prev{ display:none !important}
 .index__members .item{ height:auto;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 .index__members .item .right{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  padding-left:0;  padding-top:20px}
}
.index__speakers{ position:relative;  margin:20px auto; text-align: center;}
.index__speakers h3{ display:inline-block;  position:absolute;  top:0;  left:0;  background:#005a7e;  padding:10px 18px;  color:white;  font-size:1.8em;  font-weight:normal;  margin:0;  text-transform:uppercase;  z-index:5}
.index__speakers .item{ background:#b0b4b6;  position:relative;  overflow:hidden}
.index__speakers .item img{ min-width:100%;  height:100%;  position:absolute;  top:0;  right:0}
.index__speakers .item .desc{ position:relative;  width:100%;  z-index:3;  padding:60px 140px;  height:450px;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-orient:vertical;  -webkit-box-direction:normal;  -webkit-flex-direction:column;  -ms-flex-direction:column;  flex-direction:column;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  -webkit-align-content:flex-start;  -ms-flex-line-pack:start;  align-content:flex-start;  color:white}
.index__speakers .item h4{ color:#005a7e;  font-size:3.6em;  margin:0 0 40px;  font-weight:normal}
.index__speakers .item h4 a{ color:#005a7e}
.index__speakers .item .date{ font-size:2em;  margin-bottom:2px}
.index__speakers .item .place{ font-size:2em;  margin-bottom:54px}
.index__speakers .item .name{ font-size:3.8em;  text-transform:uppercase;  margin-bottom:7px}
.index__speakers .item .position{ font-size:2em;  margin-bottom:30px}
.index__speakers .item .desc a {color:#fff}
.index__speakers .item .desc a:hover {color:#fff}
.index__speakers .slick-dots{ bottom:15px}
.index__speakers .slick-dots li{ padding:0}
.index__speakers .slick-dots li.slick-active button{ background:#005a7e}
.index__speakers .slick-dots button{ background:white}
.index__speakers .slick-dots button:before{ display:none}
.index__speakers .slick-dots button:hover{ background:#005a7e}
@media screen and (max-width:800px){ .index__speakers .item .desc{ padding:60px 30px}
 .index__speakers .slick-arrow{ display:none !important}
}
@media screen and (max-width:600px){ .index__speakers .item .desc{ height:350px;  padding:60px 30px}
 .index__speakers .item .desc h4, 
 .index__speakers .item .desc .place{ margin-bottom:10px}
}
@media screen and (max-width:450px){ .index__speakers .item .desc{ height:300px;  padding:60px 30px 30px}
 .index__speakers .item .desc h4{ font-size:2.6em}
 .index__speakers .item .desc .date, 
 .index__speakers .item .desc .place, 
 .index__speakers .item .desc .position{ font-size:1.5em}
 .index__speakers .item .desc .name{ font-size:2.6em}
}
@media screen and (max-width:350px){ .index__speakers .item .desc{ height:300px;  padding:60px 30px 30px}
 .index__speakers .item .desc h4{ font-size:2.2em}
 .index__speakers .item .desc .date, 
 .index__speakers .item .desc .place, 
 .index__speakers .item .desc .position{ font-size:1.4em}
 .index__speakers .item .desc .name{ font-size:2.2em}
}
#homeslider-slick{background:#fff; text-align: left;}
.index__guests .item {background:#fff;display: -webkit-box !important;display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: horizontal;-moz-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;  justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap;padding: 75px 143px 69px 142px;}
.index__guests .slick-dots button {background:#b0b4b6;}
.index__guests .item img {min-width:auto;width:100%;max-width:218px;height:auto;position:relative;}
.index__guests .item .desc {padding:0;padding-left:50px;height:auto;}
.index__guests .item h4 {font-weight:bold;margin: 0 0 10px;color:#ff9934;font-size:36px;line-height: 28px;}
.index__guests .item .place{color:#686c6e;font-size:20px;margin-bottom:40px;}
.index__guests .item .position {color:#222;font-size:18px;}
.index__guests .item .desc .index__guests-more {color:#ff9934;text-align:right;font-style:italic;font-size:14px;}
.index__guests .item .desc .index__guests-more:hover{color:#ff9934;}
.index__guests h3 {background:#ff9934;}
@media screen and (max-width:980px){
.index__guests .item{padding: 75px 50px;}
}
@media screen and (max-width:768px){
.index__guests .item{padding: 75px 10px;}
.index__guests .item .desc{padding-left:15px;}
.index__speakers .item h4{font-size:3em;}
.index__speakers .item .position{font-size:1.7em;}
.index__guests .item .desc .index__guests-more{text-align:left;}
.index__guests .item img{max-width:28.385416666666668vw;}
}
@media screen and (max-width:670px){
.index__guests .item,
.index__guests .item .desc {display: block !important;}
.index__guests .item .desc {padding:0;}
.index__guests .item img{float:left;margin-right:15px;}
}
.index__news{ overflow:hidden;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:stretch;  -webkit-align-items:stretch;  -ms-flex-align:stretch;  align-items:stretch;  height:545px}
.index__news .main-col{ -webkit-flex-basis:60%;  -ms-flex-preferred-size:60%;  flex-basis:60%;  overflow:hidden;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0; height:100%}
.index__news .sub-col{ -webkit-flex-basis:40%;  -ms-flex-preferred-size:40%;  flex-basis:40%;  padding-left:10px;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-orient:vertical;  -webkit-box-direction:normal;  -webkit-flex-direction:column;  -ms-flex-direction:column;  flex-direction:column;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  overflow:hidden;  height:100%}
.index__news .sub-col .item{ height:50%;  margin-bottom:10px}
.index__news .sub-col .subscribe{ height:50%}
.index__news .item{ position:relative;  display:block;  overflow:hidden;  width:100%;  height:100%}
.index__news .item:after{ position:absolute;  content:"";  display:block;  top:0;  left:0;  width:100%;  height:100%;  -webkit-box-shadow:inset 0px 0px 110px 20px rgba(0,0,0,0.75);  box-shadow:inset 0px 0px 110px 20px rgba(0,0,0,0.75)}
.index__news .item img{ min-width:100%;  min-height:100%;  display:block}
.index__news .item h4{ position:absolute;  left:20px;  bottom:20px;  font-size:1.8em;  margin:0;  color:white;  font-weight:normal;  z-index:3}
.index__news .item h4:hover{ text-decoration:underline}
.index__news .subscribe{ background:#ff9934;  padding:10px 20px;  position:relative; width:100%}
.index__news .subscribe h3{ color:white;  font-size:3.6em;  font-weight:normal;  margin:0}
.index__news .subscribe p{ font-size:2em;  margin:0 0 36px;  color:white}
.index__news .subscribe a{ display:inline-block;  position:absolute;  right:20px;  bottom:20px;  font-size:20px;  color:white;  text-transform:uppercase}
.index__news .subscribe a:hover{ text-decoration:underline}
@media screen and (max-width:900px){ .index__news{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  height:auto}
 .index__news .main-col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1; height:auto;}
 .index__news .main-col .item{ height:auto}
 .index__news .main-col .item img{ width:100%;  height:auto;  min-width:auto;  min-height:auto}
 .index__news .sub-col{ padding:10px 0 0;  height:300px;  -webkit-box-orient:horizontal;  -webkit-box-direction:normal;  -webkit-flex-direction:row;  -ms-flex-direction:row;  flex-direction:row;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
 .index__news .sub-col .item{ height:100%;  margin-bottom:0;  -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%}
 .index__news .sub-col .subscribe{ height:100%;  margin-left:10px;  -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%}
}
@media screen and (max-width:650px){ .index__news .sub-col{ padding:10px 0 0;  height:auto;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 .index__news .sub-col .item{ height:auto;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  margin-bottom:10px}
 .index__news .sub-col .item img{ width:100%;  height:auto;  min-width:auto;  min-height:auto}
 .index__news .sub-col .subscribe{ height:auto;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  margin-left:0;  padding-bottom:70px}
}
#subscribeForm{ position:relative;  width:100%}
#subscribeForm input{ width:100%;  height:36px;  border:2px solid #dbdada;  background:white;  padding:5px 10px}
#subscribeForm button{ position:absolute;  top:0;  right:0;  padding:11px;  border-top:none;  border-bottom:none}
#subscribeForm button:after{ background:#005a7e}
#subscribeForm .valid-error{ color:white; right:auto; left:5px; bottom:auto; top:100%}
.index__videos{ overflow:hidden;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:stretch;  -webkit-align-items:stretch;  -ms-flex-align:stretch;  align-items:stretch;  height:520px;  margin:20px auto 0}
.index__videos .main-col{ -webkit-flex-basis:60%;  -ms-flex-preferred-size:60%;  flex-basis:60%;  overflow:hidden;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0}
.index__videos .sub-col{ -webkit-flex-basis:40%;  -ms-flex-preferred-size:40%;  flex-basis:40%;  padding-right:10px;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-orient:vertical;  -webkit-box-direction:normal;  -webkit-flex-direction:column;  -ms-flex-direction:column;  flex-direction:column;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  overflow:hidden}
.index__videos .sub-col .item{ height:50%}
.index__videos .sub-col .item:first-child{ margin-bottom:10px}
.index__videos .item{ display:block;  overflow:hidden;  width:100%;  height:100%}
.index__videos .item video{ min-width:100% !important;  min-height:100% !important;  display:block}
@media screen and (max-width:1000px){ .index__videos{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  height:auto;  -webkit-box-orient:horizontal;  -webkit-box-direction:normal;  -webkit-flex-direction:row;  -ms-flex-direction:row;  flex-direction:row}
 .index__videos .main-col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  -webkit-box-ordinal-group:2;  -webkit-order:1;  -ms-flex-order:1;  order:1;  height:500px}
 .index__videos .sub-col{ padding:10px 0 0;  height:300px;  -webkit-box-orient:horizontal;  -webkit-box-direction:normal;  -webkit-flex-direction:row;  -ms-flex-direction:row;  flex-direction:row;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  -webkit-box-ordinal-group:3;  -webkit-order:2;  -ms-flex-order:2;  order:2}
 .index__videos .sub-col .item{ height:100%;  -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%;  margin:0}
 .index__videos .sub-col .item:nth-child(1){ margin-right:5px}
 .index__videos .sub-col .item:nth-child(2){ margin-left:5px}
}
@media screen and (max-width:600px){ .index__videos{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  height:auto;  -webkit-box-orient:horizontal;  -webkit-box-direction:normal;  -webkit-flex-direction:row;  -ms-flex-direction:row;  flex-direction:row}
 .index__videos .main-col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  -webkit-box-ordinal-group:2;  -webkit-order:1;  -ms-flex-order:1;  order:1;  height:300px}
 .index__videos .sub-col{ height:auto;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 .index__videos .sub-col .item{ height:300px;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  margin:0}
 .index__videos .sub-col .item:nth-child(1){ margin:0 0 5px}
 .index__videos .sub-col .item:nth-child(2){ margin:5px 0 0}
}
@media screen and (max-width:350px){ .index__videos .main-col{ height:250px}
 .index__videos .sub-col .item{ height:250px}
}
.footer__btns{ position:relative;background:url('../img/bg-isse.jpeg');padding:40px 0 20px;background-size: cover;}
.footer__btns .container{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center;  -webkit-box-orient:vertical;  -webkit-box-direction:normal;  -webkit-flex-direction:column;  -ms-flex-direction:column;  flex-direction:column;  padding:0 0 15px;  position:relative}
.footer__btns .head{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center}
.footer__btns .logo{ padding:2px 20px}
.footer__btns .date{ padding:27px 0 0;  color:#005a7e;  font-size:3.6em}
.footer__btns .name{ color:#222;  font-size:3em;  line-height:0.9em;  padding:0 0 5px;  text-transform:uppercase}
.footer__btns .place{ color:#222;  font-size:1.8em;  padding:0 0 15px}
.footer__btns .btns{ text-align:center;  padding:15px 0}
.footer__btns .btns .btn{ margin:0 20px;  padding:15px 40px}
.footer__btns .bg-up{ position:absolute;  top:0;  left:0;  width:100%;  z-index:0;  opacity:0.5}
.footer__btns .bg-down{ position:absolute;  bottom:0;  left:0;  width:100%;  opacity:0.5}
@media screen and (max-width:800px){ .footer__btns .head{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 .footer__btns .head .logo{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  text-align:center}
 .footer__btns .head .logo img{ max-width:100%}
 .footer__btns .head .desc{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  text-align:center}
 .footer__btns .btns .btn{ padding:15px;  margin:0 10px}
}
@media screen and (max-width:580px){ .footer__btns .btns .btn{ display:block;  padding:15px;  margin:10px 0}
}
.footer__partners{ background:#005A7E;  padding:26px 0 40px}
.footer__partners h3{ text-align:center;  font-weight:normal;  margin:0;  font-size:3.6em;  color:white;  text-transform:uppercase}
.footer__partners h3 a{ color:#fff}
.footer__partners h3 a:hover{ text-decoration:underline}
#partners-slick{ padding:25px 0 10px;  overflow:hidden}
#partners-slick .item{ border:1px solid #d5d4d4;  text-align:center;  display:inline-block;  height:auto;  background:white;  margin:0 10px}
footer nav{ border-bottom:2px solid #005a7e;  position:relative}
footer ul{ text-align:center;  padding:16px 0}
footer ul li{ display:inline-block;  padding:10px}
footer ul a{ color:#005a7e;  font-size:2.4em;  text-transform:uppercase;  -webkit-transition:color 0.4s ease;  -o-transition:color 0.4s ease;  transition:color 0.4s ease}
footer ul a:hover{ color:#222}
footer .btt{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center;  color:#005a7e;  font-size:1.4em;  font-family:"PT Sans",Open Sans,sans-serif;  padding:12px 40px 13px}
footer .btt .col:first-of-type h4{ margin:0 0 5px;  font-weight:normal;  text-transform:uppercase}
footer .btt .col:last-of-type{ text-align:right}
footer .btt a{ color:#005a7e;  margin-right:20px}
footer .btt a:hover{ color:#005a7e}
footer .btt .socials{ font-size:22px}
footer .btt .socials img{ width:30px}
footer .btt .socials .fa-odnoklassniki{ font-size:18px}
footer .btt .socials .fa-vk{ font-size:25px}
footer .btt .apps img{ margin-right:5px}
footer .counter-box{display:inline}
footer .counter-box a{margin:0}
#btns-top{ position:absolute;  right:40px;  top:4px;  color:#005a7e;  cursor:pointer;  -webkit-transition:color 0.4s ease;  -o-transition:color 0.4s ease;  transition:color 0.4s ease;  background:transparent;  border:none;  font-size:1.4em}
#btns-top img{ margin-right:5px}
#btns-top:hover{ color:white}
#about-site-btn{margin-right:20px; cursor:pointer}
@media screen and (max-width:1300px){ footer .btt{ padding:15px 40px 0;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center}
 footer .btt .col{ -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%;  margin-bottom:20px}
 footer .btt .socials{ text-align:right}
}
@media screen and (max-width:850px){ #btns-top{ position:static;  display:block;  margin:20px auto}
 footer .btt .col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  text-align:center}
 footer .btt .col:last-of-type{ text-align:center}
}
/*--------Хлебные крошки ----------*/
.breadcrumbs{ padding:10px 0 8px;  font-size:15px;  color:#7f8486}
.breadcrumbs a, 
.breadcrumbs span{ color:#7f8486;  font-size:14px;  text-transform:uppercase}
.breadcrumbs a:hover{ color:#005a7e}
@media screen and (max-width:850px){ main{ padding-top:5px}
}
/*---Страница новостей--------*/
.news__gallery .head{ padding:10px 0 0}
.news__gallery .head .news-btn{ display:inline-block;  border:1px solid #b0b4b6;  color:#005a7e;  padding:7px 20px;  margin:0 5px 10px;  font-size:1.8em;  cursor:pointer;  -webkit-transition:all 0.4s ease;  -o-transition:all 0.4s ease;  transition:all 0.4s ease}
.news__gallery .head .news-btn.active{ background:#005a7e;  color:white;  border-color:#005a7e}
.news__gallery .head .news-btn:hover{ background:#005a7e;  color:white;  border-color:#005a7e}
.news__gallery .head .news-btn:first-of-type{ margin-left:0}
.news__gallery .news-grid-width{ width:25%}
.news__gallery .item-wrap{ padding:10px 15px;  width:25%;  overflow:hidden;  margin-bottom:15px;  float:left}
.news__gallery .news-grid{ margin:0 -15px}
.news__gallery .item .img{ position:relative;  min-height:20px}
.news__gallery .item .img img{ width:100%}
.news__gallery .item .img .date{ background:#005a7e;  color:white;  font-size:1.8em;  padding:5px 10px;  position:absolute;  bottom:-5px;  right:-5px}
.news__gallery .item h3{ font-size:1.8em;  text-transform:uppercase;  font-weight:normal;  margin:13px 0 3px;  line-height:1.4em}
.news__gallery .item h3 a{ color:#ff9934}
.news__gallery .item h3 a:hover{ text-decoration:underline}
.news__gallery .item .desc{ line-height:1.5em;  padding:10px 0;  font-size:1.8em;  color:#222;  border-bottom:1px solid #b0b4b6}
.news__gallery .item .cat{ padding:10px 0;  font-style:italic;  font-size:1.4em}
.news__gallery .item .cat a{ color:#ff9934}
.news__gallery .item .cat a:hover{ text-decoration:underline}
.news__gallery .subscribe{ background:#ff9934;  padding:10px 18px 20px;  position:relative}
.news__gallery .subscribe h3{ color:white;  font-size:2.8em;  line-height:1em;  font-weight:normal;  margin:0 0 10px}
.news__gallery .subscribe p{ font-size:2em;  margin:0 0 15px;  color:white}
@media screen and (max-width:1000px){ .news__gallery .item-wrap, .news__gallery .news-grid-width{ width:33%}
}
@media screen and (max-width:700px){ .news__gallery .item-wrap, .news__gallery .news-grid-width{ width:50%}
}
@media screen and (max-width:450px){ .news__gallery .item-wrap, .news__gallery .news-grid-width{ width:100%}
}
.news__archive{  padding-bottom:20px}
.news__archive h3{  font-size:2.8em;   color:#222;   font-weight:normal;   margin:0 0 15px}
.news__archive .head{  display:inline-block;   padding:5px 20px;   border:1px solid #005a7e;   background:#005a7e;   color:white;   font-size:1.8em;   margin:5px}
.news__archive .row{  margin:5px -5px}
.news__archive .item{  display:inline-block;   padding:5px 15px;   border:1px solid #b0b4b6;   background:white;   color:#005a7e;   font-size:1.8em;   cursor:pointer;   margin:5px; transition:none}
.news__archive .item.active{  background:#005a7e;   color:white;   border-color:#005a7e}
.news__archive .item:hover{  background:#005a7e;   color:white;   border-color:#005a7e}
.pagination{  text-align:center;   margin:50px auto}
.pagination .item{  display:inline-block;   width:38px;   height:38px;   text-align:center;   border:1px solid #b0b4b6;   color:#222;   line-height:38px;   margin:5px;   -webkit-transition:all 0.4s ease;   -o-transition:all 0.4s ease;   transition:all 0.4s ease;   font-size:18px}
.pagination .item i{  line-height:38px}
.pagination .item.active{  color:white;   border-color:#005a7e;   background:#005a7e}
.pagination a:hover{  color:white;   border-color:#005a7e;   background:#005a7e}
body.in .footer__btns{ background:url('../img/bg-isse.jpeg'); background-size:cover;  padding:40px 0 20px}
body.in .footer__btns:after{ content:"";  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:100%; /* background:rgba(0,0,0,0.6) */}
body.in .footer__btns .container{ position:relative;  z-index:2}
body.in footer ul{ padding:8px 0}
body.in footer nav{ background:#005a7e;  border-top:1px solid white}
body.in footer nav a{ color:white}
body.in footer nav a:hover{ text-decoration:underline}
body.in footer .btt{ color:#005a7e}
body.in footer .btt a{ color:#005a7e}
body.in footer #btns-top{ color:white}
body.in footer #btns-top:hover{ text-decoration:underline}
.page__form h3{ font-size:2.4em;  color:#686c6e;  font-weight:normal;  margin:8px 0 0}
.page__form >p{ color:#222;  font-size:1.8em;  margin:12px 0 23px}
.page__form .warn{ color:#005a7e}
.page__form .btn-sub{ margin:7px 0 15px}
#add-participant-btn span{ color:#005a7e;  width:30px;  height:30px;  border:2px solid #005a7e;  border-radius:50%;  display:inline-block;  margin-left:5px;  text-align:center;  cursor:pointer}
#add-participant-btn span i{ line-height:30px}
#add-participant-btn span:hover{ color:#9c050b}
.social__row{ color:#222;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center;  font-size:1.8em;  margin-bottom:20px}
.social__row .socials{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-align:end;  -webkit-align-items:flex-end;  -ms-flex-align:end;  align-items:flex-end}
.social__row .socials >span{ margin-right:10px}
.social__row .print{ cursor:pointer}
.social__row .print img{ margin-left:5px}
@media screen and (max-width:765px){ .social__row .socials >span{ display:none}
}
/*--------------------Forms-------------------*/
.form h3 {color: #005a7e;font-size: 3.6em;text-align: center;}
.form .cols{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:justify;   -webkit-justify-content:space-between;   -ms-flex-pack:justify;   justify-content:space-between;   margin:0 -50px;   width:100%;   overflow-x:hidden}
.form .col{  -webkit-flex-basis:50%;   -ms-flex-preferred-size:50%;   flex-basis:50%;   padding:0 50px;   max-width:50%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1}
.form .single-col{  max-width:550px}
.form .row{  margin:10px 50px;   text-align:center}
.form .row-right{  margin:10px 0;   text-align:right}
.form .item{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:justify;   -webkit-justify-content:space-between;   -ms-flex-pack:justify;   justify-content:space-between;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center;   margin:8px 0;   height:38px;   position:relative;   width:100%}
.form .item label{  -webkit-flex-basis:38%;   -ms-flex-preferred-size:38%;   flex-basis:38%;   padding-right:10px;   font-size:1.8em;   color:#222;   cursor:pointer;   min-width:195px;   display:block;   max-width:38%}
.form .item input{  background:transparent;   height:38px;   -webkit-flex-basis:62%;   -ms-flex-preferred-size:62%;   flex-basis:62%;   padding:5px 10px;   border:1px solid #b0b4b6;   color:#222;   display:block;   width:62%}
.form .item input.error{  border-color:#005a7e}
.form .item input::-webkit-input-placeholder{  color:#b0b4b6}
.form .item input::-moz-placeholder{  color:#b0b4b6}
.form .item input:-moz-placeholder{  color:#b0b4b6}
.form .item input:-ms-input-placeholder{  color:#b0b4b6}
.form .item .input-datepicker{  background:url('../img/datepicker-icon.jpg') 98% 50% no-repeat}
.form .item select{ background:transparent;  height:38px;  -webkit-flex-basis:62%;  -ms-flex-preferred-size:62%;  flex-basis:62%;  padding:5px 6px;  border:1px solid #b0b4b6;  color:#b0b4b6;  display:block;  width:62%}
.form .item select option{ color:#222}
.form .item select.error{ border-color:#005a7e}
.form .item select.checked{ color:#222}
.form .textarea-item{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:start;  -webkit-align-items:flex-start;  -ms-flex-align:start;  align-items:flex-start;  margin:8px 0;  position:relative;  width:100%}
.form .textarea-item label{ -webkit-flex-basis:38%;  -ms-flex-preferred-size:38%;  flex-basis:38%;  padding-right:20px;  font-size:1.8em;  color:#222;  cursor:pointer;  min-width:195px;  display:block;  max-width:38%}
.form .textarea-item textarea{ background:transparent;  -webkit-flex-basis:62%;  -ms-flex-preferred-size:62%;  flex-basis:62%;  padding:5px 10px;  border:1px solid #b0b4b6;  color:#222;  /* Firefox 19+*/ /* Firefox 18- */  display:block;   max-width:62%}
.form .textarea-item textarea.error{  border-color:#005a7e}
.form .textarea-item textarea::-webkit-input-placeholder{  color:#b0b4b6}
.form .textarea-item textarea::-moz-placeholder{  color:#b0b4b6}
.form .textarea-item textarea:-moz-placeholder{  color:#b0b4b6}
.form .textarea-item textarea:-ms-input-placeholder{  color:#b0b4b6}
.form .radio-item{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:start;   -webkit-justify-content:flex-start;   -ms-flex-pack:start;   justify-content:flex-start;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center;   margin:15px 0;   position:relative}
.form .radio-item .valid-error{ bottom:auto; top:-12px; left:0; right:auto}
.form .radio-item-wrap{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:start;   -webkit-justify-content:flex-start;   -ms-flex-pack:start;   justify-content:flex-start;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center;   position:relative; -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap;   flex-basis:62%}

.form .radio-item .label{  -webkit-flex-basis:38%;   -ms-flex-preferred-size:38%;   flex-basis:38%;   padding-right:20px;   font-size:1.8em;   color:#222;   min-width:195px}
.form .radio-item .radio-btn{  margin-right:20px;   font-size:1.8em;   color:#686c6e;   display:inline-block;   cursor:pointer;   position:relative}
.form .radio-item .radio-btn input{  opacity:0}
.form .radio-item .radio-btn input:not(checked)+label:before{  content:"";   display:block;   position:absolute;   top:50%;   left:0;   -webkit-transform:translateY(-50%);   -ms-transform:translateY(-50%);   transform:translateY(-50%);   width:15px;   height:15px;   background:url(../img/icon-check.png) no-repeat}
.form .radio-item .radio-btn input:checked+label:before{  content:"";   display:block;   position:absolute;   top:50%;   left:0;   -webkit-transform:translateY(-50%);   -ms-transform:translateY(-50%);   transform:translateY(-50%);   width:15px;   height:15px;   background:url(../img/icon-checked.png) no-repeat}
.form .radio-item .radio-btn label{ cursor:pointer}
.form .load-item{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:start;  -webkit-justify-content:flex-start;  -ms-flex-pack:start;  justify-content:flex-start;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center;  margin:8px 0 14px;  padding-bottom:25px;  position:relative}
.form .load-item .label{ -webkit-flex-basis:38%;  -ms-flex-preferred-size:38%;  flex-basis:38%;  padding-right:20px;  font-size:1.8em;  color:#222;  min-width:195px}
.form .load-item .label.required:after{ content:"*";  color:#222}
.form .load-item .valid-error{ bottom:-13px}
.form .load-item .load-btn{ -webkit-flex-basis:62%;  -ms-flex-preferred-size:62%;  flex-basis:62%;  max-width:62%;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex}
.form .load-item .load-btn input{ background:transparent;  height:38px;  -webkit-flex-basis:62%;  -ms-flex-preferred-size:62%;  flex-basis:62%;  max-width:62%;  padding:5px 10px;  border:1px solid #b0b4b6;  color:#222;  /* Firefox 19+*/ /* Firefox 18- */}
.form .load-item .load-btn input.error{ border-color:#005a7e}
.form .load-item .load-btn input::-webkit-input-placeholder{ color:#b0b4b6}
.form .load-item .load-btn input::-moz-placeholder{ color:#b0b4b6}
.form .load-item .load-btn input:-moz-placeholder{ color:#b0b4b6}
.form .load-item .load-btn input:-ms-input-placeholder{ color:#b0b4b6}
.form .load-item .btn-sub{ -webkit-flex-basis:38%;  -ms-flex-preferred-size:38%;  flex-basis:38%;  max-width:38%;  margin-left:2px;  height:38px;  text-align:center}
.form .load-item .hidden-loader-reset{ margin-left:2px;  padding:8px 2px !important;  max-width:30px;  display:none}
.form .load-item.isload .hidden-loader-reset{  display:block;   max-width:30px}
.form .load-item .load-comments{  position:absolute;   bottom:0;   right:0;   color:#b0b4b6;   font-size:14px;   font-style:italic}
.form h4, 
.form p{  font-size:1.8em;   color:#222;   line-height:38px;   margin:5px 0}
.form .btn-sub{  padding:9px 15px;   font-size:1.8em}
.form .checkbox-container{  margin:8px 0;   padding-bottom:10px;   position:relative}
.form .checkbox-container .name{  font-size:1.8em;   color:#222;   line-height:38px;   margin:5px 0}
.form .checkbox-container .checkbox-wrap{  padding:5px 0 0 15px;   margin-top:10px;   max-height:220px;   overflow:auto}

.form .checkbox-container .checkbox-btn{  margin:4px 0; display:block}
.form .checkbox-container .valid-error{  bottom:auto;   right:auto;   top:25px;   left:0}
#serviceMessage{font-size:2em; color:#005a7e}
#serviceMessage ul{padding:10px 0 20px 40px}

#page__form__notify{display:none}

#page__form__notify p{  font-size:1.6em; line-height:1.7em; margin:15px 0}
.error{  border-color:#005a7e !important}
.checkbox-btn{  margin-right:20px;   font-size:1.8em;   color:#686c6e;   display:inline-block;   cursor:pointer;   position:relative}
.checkbox-btn input{  opacity:0;   position:absolute}
.checkbox-btn input:not(checked)+label:before{  content:"";   display:block;   position:absolute;   top:5px;   left:0;   width:15px;   height:15px;   background:url(../img/icon-check2.png) no-repeat}
.checkbox-btn input:checked+label:before{  content:"";   display:block;   position:absolute;   top:5px;   left:0;   width:15px;   height:15px;   background:url(../img/icon-checked2.jpg) no-repeat}
.checkbox-btn label{ cursor:pointer;  display:inline-block;  padding-left:20px}
.valid-error{ font-size:1.4em;  color:#005a7e;  position:absolute;  bottom:0;  right:5px}
#recaptcha{ color:#005a7e;  margin-left:5px;  cursor:pointer}
#recaptcha i{ line-height:30px;  font-size:20px;  margin-right:5px}
#recaptcha:hover{ color:#9c050b}
.captcha .valid-error{position: static;}
#reg-form{ margin-bottom:40px}
#reg-form .row.left-align{ text-align:left;  margin:30px 0 13px}
#reg-form .row{ margin:10px 0}
@media screen and (max-width:1000px){ .form .cols{ margin:0 -20px}
 .form .col{ padding:0 20px}
}
@media screen and (max-width:900px){ .form .cols{ margin:0;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 .form .col{ margin:10px 0;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  max-width:100%}
}
@media screen and (max-width:500px){ .form .item{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  height:auto}
 .form .item label{ max-width:100%}
 .form .item label, 
 .form .item input, 
 .form .item select, form .radio-item-wrap{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  width:100%}
 .form .textarea-item{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  height:auto}
 .form .textarea-item label{ max-width:100%;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%}
 .form .textarea-item textarea{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  max-width:100%}
 .form .load-item{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  height:auto}
 .form .load-item .label, 
 .form .load-item .load-btn{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  max-width:100%}
 .form .radio-item{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  height:auto}
 .form .radio-item .label, 
 .form .radio-item .radio-btn{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  max-width:100%}
}
/*-----------Popup---------*/
.popup-wrap{ position:fixed;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0,0,0,0.5);  z-index:100;  display:none}
.popup-wrap .popup-content{ position:absolute;  left:50%;  top:50%;  -webkit-transform:translate(-50%,-50%);  -ms-transform:translate(-50%,-50%);  transform:translate(-50%,-50%);  background:white;  padding:15px 40px 15px;  width:70%;  max-width:100%; max-height:100%; overflow:auto;  border:10px solid #005a7e;  -webkit-box-shadow:0 0 6px 2px rgba(0,0,0,0.6);  box-shadow:0 0 6px 2px rgba(0,0,0,0.6)}
.popup-wrap .popup-content h3{ font-weight:normal;  margin:0;  margin-bottom:20px;  text-align:center;  font-size:2.3em;  color:#005a7e}
.popup-wrap .p-img{ width:100%}
.popup-wrap .popup-content .btns{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between}
.popup-wrap .popup-content .btn-alone{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:end;  -webkit-justify-content:flex-end;  -ms-flex-pack:end;  justify-content:flex-end}
.popup-wrap .popup-img{ position:absolute;  left:50%;  top:50%;  -webkit-transform:translate(-50%,-50%);  -ms-transform:translate(-50%,-50%);  transform:translate(-50%,-50%)}
.popup-wrap .popup-img img{ max-width:100%;  max-height:90%}
.popup-wrap p{ text-align:center;  font-size:1.8em}
.popup-wrap .btn-sub{ padding:10px;  font-size:1.8em}
.popup-wrap .close-popup{ position:absolute;  top:2px;  right:2px;  height:38px;  width:38px;  text-align:center;  cursor:pointer;  background:#005a7e}
.popup-wrap .close-popup i{ line-height:38px;  color:white;  font-size:18px}
.popup-wrap .close-popup:hover{ opacity:0.7}
.popup-wrap .fa-chevron-right{ position:absolute;  top:50%;  right:10px;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%);  cursor:pointer;  -webkit-transition:color 0.4s ease;  -o-transition:color 0.4s ease;  transition:color 0.4s ease}
.popup-wrap .fa-chevron-right:hover{ color:#005a7e}
.popup-wrap .fa-chevron-left{ position:absolute;  top:50%;  left:10px;  -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%);  transform:translateY(-50%);  cursor:pointer;  -webkit-transition:color 0.4s ease;  -o-transition:color 0.4s ease;  transition:color 0.4s ease}
.popup-wrap .fa-chevron-left:hover{ color:#005a7e}
.popup-wrap .valid-error{ bottom:7px;  font-size:1.6em}

.popup-valid-error{ position:absolute;  top:2px;  left:2px;  background:#005a7e;  padding:5px 10px;  color:white;  font-size:1.5em}

#popup-about-site ul{ list-style:none; font-size:1.7em}
#popup-about-site a{ color:#005a7e}
#popup-about-site a:hover{ text-decoration:underline}
#application-reject-form{ text-align:center}
#application-reject-form label{ color:#222;  font-size:1.8em}
#application-reject-form textarea{ width:100%;  padding:5px 10px;  background:white;  border:1px solid #b0b4b6;  margin:10px 0 20px;  line-height:1.5em;  color:#222}
#application-reject-form .btn-sub{ padding:10px 30px}
/*-----Форма авторизации ----*/
#auth-form{ color:#222}

#auth-form .popup-form-item{position:relative}
#auth-form input{ width:100%;  padding:7px 10px;  border:1px solid #b0b4b6;  margin:5px 0;  font-size:1.8em}
#auth-form a{ color:#005a7e;  text-decoration:underline}
#auth-form a:hover{ text-decoration:none}
#auth-form .auth-row{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between}
#auth-form .auth-row a{ font-size:1.8em}
#auth-form .social-auth{ padding-bottom:25px;  text-align:center}
#auth-form .social-auth .fa{ display:inline-block;  line-height:30px;  font-size:18px;  width:30px;  text-align:center;  color:white;  margin:0 2px}
#auth-form .social-auth .fa:hover{ opacity:0.7}
#auth-form .social-auth .fa-facebook{ background:#1f589b}
#auth-form .social-auth .fa-twitter{ background:#00aff3}
#auth-form .social-auth .fa-vk{ background:#3f789a}
#auth-form .social-auth .fa-odnoklassniki{ background:#ff9400}
#auth-form .auth-footer{ text-align:center;  padding:10px 0 0;  font-size:1.8em}
#auth-form #auth-submit{ margin:10px 0 13px;  padding:9px 15px}
.popup-wrap #auth-form h3{ text-transform:uppercase;  margin-bottom:12px}
/*--------------Visitors List------------------*/
.visitors__list .content{  margin:25px -40px;   display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:justify;   -webkit-justify-content:space-between;   -ms-flex-pack:justify;   justify-content:space-between;   -webkit-flex-wrap:wrap;   -ms-flex-wrap:wrap;   flex-wrap:wrap}
.visitors__list .content .item-wrap{  -webkit-flex-basis:50%;   -ms-flex-preferred-size:50%;   flex-basis:50%;   padding:15px 40px 15px;   max-width:50%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1}
.visitors__list .content .item{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-align:start;   -webkit-align-items:flex-start;   -ms-flex-align:start;   align-items:flex-start}
.visitors__list .content .item .img{  -webkit-flex-basis:100px;   -ms-flex-preferred-size:100px;   flex-basis:100px;   height:100px;   -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0;   padding:2px;   display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:center;   -webkit-justify-content:center;   -ms-flex-pack:center;   justify-content:center;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center;   border:1px solid #b0b4b6}
.visitors__list .content .item .img img{  width:100%}
.visitors__list .content .item .desc{  -webkit-flex-basis:100%;   -ms-flex-preferred-size:100%;   flex-basis:100%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1;   font-size:1.8em;   color:#222;   padding:0 20px}
.visitors__list .content .item .desc h4{  color:#005a7e;   font-weight:normal;   margin:0 0 10px}
.visitors__list .content .item .desc h4 a{color:#005a7e}

.visitors__list .content .item .desc p{  margin:10px 0}
.visitors__list .content .item .status{  -webkit-flex-basis:117px;   -ms-flex-preferred-size:117px;   flex-basis:117px;   -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0}
.visitors__list .content .item .status span{  background:#005a7e;   color:white;   display:inline-block;   padding:8px 30px 8px 10px;   width:100%;   text-align:center;   font-size:1.8em;   height:39px;   position:relative}
.visitors__list .content .item .status span:after{  content:"";   display:block;   position:absolute;   top:0;   right:0;   width:20px;   height:39px;   background:#b0b4b6}
.visitors__list .content .item .status span.online{  padding:8px 10px 8px 30px}
.visitors__list .content .item .status span.online:before{  content:"";   display:block;   position:absolute;   top:0;   left:0;   width:20px;   height:39px;   background:#00e300}
.visitors__list .content .item .status span.online:after{  display:none}
.alphabet__list{  background:#ebecec;   padding:20px 0 25px;   margin:10px 0}
.alphabet__list .row{  margin:10px -5px}
.alphabet__list .row .item{  display:inline-block;   width:38px;   height:38px;   margin:2px;   text-align:center;   background:transparent;   cursor:pointer;   color:#005a7e;   font-size:1.8em;   border:1px solid #b0b4b6;   line-height:38px;   -webkit-transition:all 0.4s ease;   -o-transition:all 0.4s ease;   transition:all 0.4s ease; text-transform:uppercase}
.alphabet__list .row button{margin:2px}
.alphabet__list .row .item:hover{  background:#005a7e;   color:white;   border-color:#005a7e}
.alphabet__list .row .item.active{  background:#005a7e;   color:white;   border-color:#005a7e}
.alphabet__list .row .item.disabled{  color:#b0b4b6;   cursor:no-drop}
.alphabet__list .row .item.disabled:hover{  background:transparent;   border-color:#b0b4b6}
.alphabet__list .themes{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   width:100%}
.alphabet__list .themes div{  -webkit-flex-basis:220px;   -ms-flex-preferred-size:220px;   flex-basis:220px;   -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0;   padding-right:20px;   color:#686c6e;   font-size:2.4em}
.alphabet__list .themes select{  -webkit-flex-basis:100%;   -ms-flex-preferred-size:100%;   flex-basis:100%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1;   border:1px solid #b0b4b6;   height:38px;   background:white;   padding:5px;   color:#b0b4b6; width:100%}
.alphabet__list .themes select option{  color:#222}
.alphabet__list .themes select.checked{  color:#222}
.alphabet__search{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center;   margin-bottom:15px}
.alphabet__search label{  -webkit-flex-basis:255px;   -ms-flex-preferred-size:255px;   flex-basis:255px;   -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0;   padding-right:20px;   font-size:2.4em;   color:#686c6e}
.alphabet__search .item{  -webkit-flex-basis:100%;   -ms-flex-preferred-size:100%;   flex-basis:100%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1;   position:relative}
.alphabet__search input{  border:1px solid #b0b4b6;   height:38px;   background:white;   padding:5px;   width:100%}
.alphabet__search button{  position:absolute;   right:0;   top:0;   bottom:0;   text-align:center;   background:#b0070b;   cursor:pointer;   color:white;   border:none;   width:70px;   -webkit-transition:background .4s;   -o-transition:background .4s;   transition:background .4s}
.alphabet__search button i{  line-height:38px;   font-size:1.8em}
.alphabet__search button:hover{  background:#005a7e}
@media screen and (max-width:500px){  .alphabet__list .themes{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap}
  .alphabet__list .themes div{    margin-bottom:10px}
}
@media screen and (max-width:1000px){  .visitors__list .content{    margin:25px 0}
  .visitors__list .content .item-wrap{    -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     max-width:100%;     padding:15px 0}
}
@media screen and (max-width:600px){  .alphabet__search{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap}
  .alphabet__search label{    -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     margin-bottom:10px}
  .alphabet__search .item{    -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%}
}
@media screen and (max-width:500px){  .visitors__list .content .item .img{    display:none}
}
@media screen and (max-width:400px){  .visitors__list .content .item{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap}
  .visitors__list .content .item .desc{    margin-bottom:10px;     padding:0}
  .visitors__list .content .item-wrap{    margin-bottom:10px}
}
@media screen and (max-width:300px){  .alphabet__search button{    width:40px}
  .alphabet__search button i{    font-size:1.4em}
}
.demo__page, .bp__page{  margin-bottom:30px}
.demo__page-attention {color: #686c6e;font-size: 2em;}
.demo__page h3, .bp__page h3{  color:#686c6e;   font-size:2.4em;   font-weight:normal;   margin:10px 0 5px}
.demo__page .head, .bp__page .head{  margin:5px 0;   max-width:100%;   padding-left:100px}
.demo__page .row, .bp__page .row{  margin:10px -8px}
.demo__page .demo-date-btn, .bp__page .bp-date-btn{  color:#005a7e;   display:inline-block;   margin:5px 8px 10px;   padding:0 15px;   height:38px;   text-align:center;   background:transparent;   cursor:pointer;   font-size:1.8em;   border:1px solid #b0b4b6;   line-height:38px;   -webkit-transition:all 0.4s ease;   -o-transition:all 0.4s ease;   transition:all 0.4s ease}
.demo__page .demo-date-btn:hover, .bp__page .bp-date-btn:hover{  background:#005a7e;   color:white;   border-color:#005a7e}
.demo__page .demo-date-btn.active, .bp__page .bp-date-btn.active{  background:#005a7e;   color:white;   border-color:#005a7e}
.demo__page .demo-date-btn.disabled, .bp__page .bp-date-btn.disabled{  color:#b0b4b6;   cursor:no-drop}
.demo__page .demo-date-btn.disabled:hover, .bp__page .bp-date-btn.disabled:hover{  background:transparent;   color:#005a7e;   border-color:#b0b4b6}
.demo__page .demo-place-btn, .bp__page .demo-place-btn{  margin:10px 30px 10px 8px;   font-size:1.8em;   color:#686c6e;   display:inline-block;   cursor:pointer;   position:relative}
.demo__page .demo-place-btn input, .bp__page .demo-place-btn input{  opacity:0; margin:0 3px 0 0}
.demo__page .demo-place-btn input:not(checked)+label:before, .bp__page .demo-place-btn input:not(checked)+label:before{  content:"";   display:block;   position:absolute;   top:50%;   left:0;   -webkit-transform:translateY(-50%);   -ms-transform:translateY(-50%);   transform:translateY(-50%);   width:15px;   height:15px;   background:url(../img/icon-check.png) no-repeat}
.demo__page .demo-place-btn input:checked+label:before, .bp__page .demo-place-btn input:checked+label:before{  content:"";   display:block;   position:absolute;   top:50%;   left:0;   -webkit-transform:translateY(-50%);   -ms-transform:translateY(-50%);   transform:translateY(-50%);   width:15px;   height:15px;   background:url(../img/icon-checked.png) no-repeat}
.demo__page .demo-place-btn label, .bp__page .demo-place-btn label{ cursor:pointer}
.demo__page .demo-place-icon, .bp__page .demo-place-icon{ margin-left:5px;  position:relative;  top:2px}
.demo__page .demo-place-icon:hover, .bp__page .demo-place-icon:hover{ opacity:0.7}
.demo__page .btns-cols, .bp__page .btns-cols{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  padding:5px 15px 0}
.demo__page .btns-cols button, .bp__page .btns-cols button{ background:none;  border:none;  font-size:1.8em;  color:#686c6e;  cursor:pointer;  -webkit-transition:all 0.4s ease;  -o-transition:all 0.4s ease;  transition:all 0.4s ease}
.demo__page .btns-cols button i, .bp__page  .btns-cols button i{ font-size:0.9em;  -webkit-transition:-webkit-transform 0.4s ease;  transition:-webkit-transform 0.4s ease;  -o-transition:transform 0.4s ease;  transition:transform 0.4s ease;  transition:transform 0.4s ease,-webkit-transform 0.4s ease}
.demo__page .btns-cols button.active i, .bp__page .btns-cols button.active i{ -webkit-transform:rotate(180deg);  -ms-transform:rotate(180deg);  transform:rotate(180deg)}
.demo__page .btns-cols button:hover, .bp__page .btns-cols button:hover{ color:#005a7e}
.demo__page .content, .bp__page .content{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between}
.demo__page .content .date, .bp__page .content .date{ -webkit-flex-basis:100px;  -ms-flex-preferred-size:100px;  flex-basis:100px;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  color:#005a7e;  font-size:36px;  line-height:32px;  text-align:center;  text-transform:uppercase;  padding-top:0px;vertical-align: top}
/* pdg-top:55px */
.demo__page .content .date span, .bp__page .content .date span{ font-size:24px;}
.demo__page .content .list, .bp__page .content .list{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
.demo__page .item, .bp__page .item{ border:1px solid #005a7e;  border-right:none;  border-bottom:none}
.demo__page .item .top, .bp__page .item .top{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center;  background:#ebecec;  font-size:1.8em;  color:#686c6e;  padding:5px 15px}
.demo__page .item .top img, .bp__page .item .top img{ position:relative;  top:2px;  margin-right:5px;  height:20px}
.demo__page .item .btt, .bp__page .item .btt{ font-size:1.8em;  color:#686c6e;  padding:9px 15px 19px}
.demo__page .item:first-of-type, .bp__page .item:first-of-type{ border-top:none}
#demo-show-all{ margin:10px 8px}
@media screen and (max-width:600px){ 
 .demo__page .head, .bp__page .head{ padding-left:0}
 .demo__page .content, .bp__page .content{ display:block}
 .demo__page .content .date, .bp__page .content .date{ padding:10px 0;text-align: center; position: relative; left: -8px;}
  .demo__page .content .date span, .bp__page .content .date span {font-size: 14px !important;}
}
@media screen and (max-width:400px){ 
   .demo__page .item .top, .bp__page .item .top{ display:block}
   .demo__page .item .top .time, .bp__page .item .top .time{ margin-bottom:5px}
}
.user__page{ background:#ebecec;  padding:30px 0;  margin:10px 0 40px}
.user__page .container{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:start;  -webkit-align-items:flex-start;  -ms-flex-align:start;  align-items:flex-start}
.user__page .img{ -webkit-flex-basis:200px;  -ms-flex-preferred-size:200px;  flex-basis:200px;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  border:1px solid #b0b4b6;  padding:3px}
.user__page .img img{ width:100%}
.user__page .data{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  padding:0 20px}
.user__page .data tr{ vertical-align:top}
.user__page .data tr:last-child{ padding-top:8px}
.user__page .data td{ font-size:18px;  color:#222;  padding:4px 0}
.user__page .data td:first-child{ color:#686c6e;  text-align:right;  padding-right:15px}
.user__page .data td:last-child{ max-width:500px}
.user__page .status{ background:#005a7e;  color:white;  display:inline-block;  padding:8px 30px 8px 10px;  text-align:center;  font-size:18px;  height:39px;  position:relative}
.user__page .status:after{ content:"";  display:block;  position:absolute;  top:0;  right:0;  width:20px;  height:39px;  background:#b0b4b6}
.user__page .status.online{ padding:8px 10px 8px 30px}
.user__page .status.online:before{ content:"";  display:block;  position:absolute;  top:0;  left:0;  width:20px;  height:39px;  background:#00e300}
.user__page .status.online:after{ display:none}
.user__page .btns{ -webkit-flex-basis:250px;  -ms-flex-preferred-size:250px;  flex-basis:250px;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  padding-left:30px}
.user__page .btns .btn-sub{ font-size:18px;  width:100%;  margin-bottom:20px; text-align:center}
.usercard{ -webkit-flex-basis:450px;  -ms-flex-preferred-size:450px;  flex-basis:450px;  width:450px;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  color:#222;  padding:20px 0 11px;  -webkit-box-shadow:0 0 6px 2px rgba(0,0,0,0.3);  box-shadow:0 0 6px 2px rgba(0,0,0,0.3);  background:white}
.usercard .left{ -webkit-flex-basis:160px;  -ms-flex-preferred-size:160px;  flex-basis:160px;  padding:0 20px;  max-width:160px}
.usercard .img{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center;  border:1px solid #ccced0;  height:120px;  overflow:hidden}
.usercard img{ width:100%}
.usercard .right{ -webkit-flex-basis:290px;  -ms-flex-preferred-size:290px;  flex-basis:290px;  max-width:290px;  padding:0 20px;  border-left:1px solid #b0b4b6}
.usercard .head{ font-size:22px;  margin-bottom:4px}
.usercard .pos{ font-size:16px;  margin-bottom:13px}
.usercard .place{ font-size:14px;  margin-bottom:12px}
.usercard .phones{ font-size:14px;  margin-bottom:14px}
.usercard .mail{ font-size:14px;  margin-bottom:10px}
.usercard span{ color:#686c6e;  display:inline-block;  width:40px}
.usercard a{ color:#005a7e;  text-decoration:underline}
.usercard a:hover{ text-decoration:none}
.usercard .bottom{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  padding-top:7px;  font-size:22px;  text-align:center}
@media screen and (max-width:1350px){ .user__page.iscard .container{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 .user__page.iscard .img{ -webkit-flex-basis:15%;  -ms-flex-preferred-size:15%;  flex-basis:15%}
 .user__page.iscard .btns{ margin-top:20px;  padding:0;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  text-align:right}
 .user__page.iscard .btns button{ display:inline-block;  width:200px}
 .user__page.iscard .data{ -webkit-flex-basis:35%;  -ms-flex-preferred-size:35%;  flex-basis:35%}
}
@media screen and (max-width:1000px){ .user__page.iscard .container{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 .user__page.iscard .img{ -webkit-flex-basis:25%;  -ms-flex-preferred-size:25%;  flex-basis:25%}
 .user__page.iscard .btns{ margin-top:20px;  padding:0;  -webkit-flex-basis:200px;  -ms-flex-preferred-size:200px;  flex-basis:200px}
 .user__page.iscard .data{ -webkit-flex-basis:75%;  -ms-flex-preferred-size:75%;  flex-basis:75%}
 .user__page.iscard .usercard{ margin-top:20px}
}
@media screen and (max-width:750px){ .user__page.iscard .btns{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  text-align:left}
 .user__page.iscard .data{ -webkit-flex-basis:75%;  -ms-flex-preferred-size:75%;  flex-basis:75%}
 .user__page.iscard .usercard{ margin-top:20px}
}
@media screen and (max-width:850px){ .user__page.nocard .container{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center}
 .user__page.nocard .img{ -webkit-flex-basis:25%;  -ms-flex-preferred-size:25%;  flex-basis:25%}
 .user__page.nocard .btns{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  margin-top:20px;  padding-left:0}
 .user__page.nocard .btns button{ display:inline-block;  width:200px;  margin-right:10px}
 .user__page.nocard .data{ -webkit-flex-basis:75%;  -ms-flex-preferred-size:75%;  flex-basis:75%}
}
@media screen and (max-width:550px){ .user__page.nocard .img{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  max-width:300px}
 .user__page.nocard .btns{ text-align:center}
 .user__page.nocard .btns button{ width:200px;  margin:5px}
 .user__page.nocard .data{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  margin-top:20px}
 .user__page.iscard .container{ -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center}
 .user__page.iscard .img{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  max-width:300px}
 .user__page.iscard .btns{ text-align:center}
 .user__page.iscard .data{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  margin-top:20px}
}
@media screen and (max-width:500px){ .usercard{ -webkit-flex-basis:300px;  -ms-flex-preferred-size:300px;  flex-basis:300px;  width:300px}
 .usercard .left{ display:none}
 .usercard .right{ border:none;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%}
 .usercard .bottom{ text-align:left;  padding:0 20px}
}
@media screen and (max-width:320px){ .usercard{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  width:100%}
}
.company__top .top, .profile-company-top{ padding-top:10px}
.company__top .top img, .profile-company-top img{ width:100%}
.company__top .bottom{ padding:30px 10px 20px;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:start;  -webkit-align-items:flex-start;  -ms-flex-align:start;  align-items:flex-start}
.company__top .logo{ -webkit-flex-basis:180px;  -ms-flex-preferred-size:180px;  flex-basis:180px;  padding:2px;  border:1px solid #b0b4b6}
.company__top .logo img{ width:100%}
.company__about{ background:#ebecec;  padding:30px 0;  color:#686c6e}
.company__about .container{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between}
.company__about .col{ -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
.company__about .btn-sub{ font-size:1.8em;  width:195px}
.company__presentation{ color:#222;  padding:10px 0;  font-size:18px}
.company__presentation p{ line-height:1.5em}
.company__presentation a{ color:#005a7e;  text-decoration:underline}
.company__presentation a:hover{ text-decoration:none}
.company__presentation a i{ margin-right:15px;  font-size:30px}
.company__press h3{ font-size:24px;  color:#686c6e;  margin:0;  font-weight:normal}
.company__press .item{ padding:15px 0;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:start;  -webkit-justify-content:flex-start;  -ms-flex-pack:start;  justify-content:flex-start;  -webkit-box-align:start;  -webkit-align-items:flex-start;  -ms-flex-align:start;  align-items:flex-start}
.company__press .item .img{ -webkit-flex-basis:320px;  -ms-flex-preferred-size:320px;  flex-basis:320px;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  position:relative}
.company__press .item .img img{ width:100%}
.company__press .item .item-btns img{ width:auto}
.company__press .item .img .date{ position:absolute;  bottom:-5px;  right:-5px;  color:white;  background:#005a7e;  padding:5px 15px;  font-size:18px}
.company__press .item .content{ padding-left:30px;  font-size:1.8em;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
.company__press .item h4{ font-size:1em;  color:#005a7e;  font-weight:normal;  margin:0;  text-transform:uppercase}
.company__press .item-btns, .company__products .item-btns{ padding:5px 0}
.company__products .item-btns{ text-align:center}
.company__press .item-btns .btn-icon, .company__products .item-btns .btn-icon{ color:#b0b4b6; transition:color 0.4s ease; margin-right:10px; cursor:pointer}
.company__products .item-btns .btn-icon{ margin:0 5px}
.company__press .item-btns .btn-icon:hover, .company__products .item-btns .btn-icon:hover{ color:#005a7e}
.company__press .item-btns .fa-pencil-square-o, .company__products .item-btns .fa-pencil-square-o{ position:relative;  top:2px}
.company__press .item h4 a{ color:#005a7e}
.company__press .item p{ color:#222;  line-height:1.5em}
.company__press .item .link a, .company__press .item a.link{ color:#005a7e;  font-size:14px;  font-style:italic}
.company__press .item .link a:hover, .company__press .item a.link:hover{ text-decoration:underline}
.company__products{ padding:10px 0 30px}
.company__products .wrap{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-justify-content:space-around;  -ms-flex-pack:distribute;  justify-content:space-around;  margin:0 -15px;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
.company__products h3{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  font-size:24px;  color:#686c6e;  margin:0;  font-weight:normal}
.company__products .item-wrap{ padding:15px;  -webkit-flex-basis:25%;  -ms-flex-preferred-size:25%;  flex-basis:25%;  max-width:25%}
.company__products .item{ position:relative;  overflow:hidden;  height:210px}

.company__products .item img{ min-width:100%;  min-height:100%;  display:block;  position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%);  -ms-transform:translate(-50%,-50%);  transform:translate(-50%,-50%)}

.company__products .item .desc{ display:block;  position:absolute;  bottom:0;  left:0;  right:0;  background:#005a7e;  color:white;  text-align:center;  font-size:1.4em;  padding:20px;  -webkit-transform:translateY(100%);  -ms-transform:translateY(100%);  transform:translateY(100%);  -webkit-transition:-webkit-transform 0.4s ease;  transition:-webkit-transform 0.4s ease;  -o-transition:transform 0.4s ease;  transition:transform 0.4s ease;  transition:transform 0.4s ease,-webkit-transform 0.4s ease}
.company__products .item .desc:hover{ color:white}
.company__products .item .desc h4, 
.company__products .item .desc p{ line-height:1.5em;  font-weight:normal;  margin:0;  font-size:1em;  font-style:italic}
.company__products .item:hover .desc{ -webkit-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0)}
@media screen and (max-width:1100px){ .company__page .company__products .item-wrap{ -webkit-flex-basis:33%;  -ms-flex-preferred-size:33%;  flex-basis:33%;  max-width:33%}
}
@media screen and (max-width:900px){ .company__page .company__about .container{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-justify-content:space-around;  -ms-flex-pack:distribute;  justify-content:space-around}
 .company__page .company__about .container .col{ -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%;  padding:10px}
 .company__page .company__about .container .col:nth-child(3){ text-align:center}
 .company__press .item .img{ -webkit-flex-basis:250px;  -ms-flex-preferred-size:250px;  flex-basis:250px}
 .company__products .item-wrap{ -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%;  max-width:50%}
}
@media screen and (max-width:700px){ .company__press .item{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-box-pack:start;  -webkit-justify-content:flex-start;  -ms-flex-pack:start;  justify-content:flex-start}
 .company__press .item .img{ margin-bottom:20px}
 .company__press .item .content{ padding-left:0}
}
@media screen and (max-width:600px){ .company__page .company__about .container .col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  padding:10px 0}
 .company__page .company__products .item-wrap{ -webkit-flex-basis:400px;  -ms-flex-preferred-size:400px;  flex-basis:400px;  max-width:400px}
}
@media screen and (max-width:500px){ .company__page .company__top .bottom{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-justify-content:space-around;  -ms-flex-pack:distribute;  justify-content:space-around}
 .company__page .company__top .item{ text-align:center;  margin-right:0}
 .company__page .company__top .stands{ text-align:center}
}
@media screen and (max-width:420px){ .company__page .company__products .item-wrap{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
}
.company__list .content{  padding:15px 0}
.company__list .content .item{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:justify;   -webkit-justify-content:space-between;   -ms-flex-pack:justify;   justify-content:space-between;   padding:15px 0}
.company__list .content .item .img{  -webkit-flex-basis:100px;   -ms-flex-preferred-size:100px;   flex-basis:100px;   -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0;   border:1px solid #b0b4b6;   width:100%;   display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:center;   -webkit-justify-content:center;   -ms-flex-pack:center;   justify-content:center;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center;   height:100px}
.company__list .content .item .img img{  width:100%}
.company__list .content .item .desc{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-flex-basis:100%;   -ms-flex-preferred-size:100%;   flex-basis:100%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1}
.company__list .content .item .name{  -webkit-flex-basis:580px;   -ms-flex-preferred-size:580px;   flex-basis:580px;   padding:0 20px;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1}
.company__list .content .item .place{  color:#222;   font-size:1.8em;   -webkit-flex-basis:360px;   -ms-flex-preferred-size:360px;   flex-basis:360px;   padding-right:20px;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1}
.company__list .content .item .stand{  color:#222;   font-size:1.8em;   -webkit-flex-basis:320px;   -ms-flex-preferred-size:320px;   flex-basis:320px}
.company__list .content .item h4{  font-size:1.8em;   color:#005a7e;   margin:0}
.company__list .content .item h4 a{  color:#005a7e}
.company__list .content .item h4 a:hover{  text-decoration:underline}
@media screen and (max-width:600px){  .company__list .content .item .desc{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap;     padding:0 20px}
  .company__list .content .item .name{    -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     -webkit-flex-shrink:1;     -ms-flex-negative:1;     flex-shrink:1;     padding:0}
}
@media screen and (max-width:600px){  .company__list .content .item{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap}
  .company__list .content .item .desc{    padding:0}
}
.profile__page{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:justify;   -webkit-justify-content:space-between;   -ms-flex-pack:justify;   justify-content:space-between;   -webkit-box-align:start;   -webkit-align-items:flex-start;   -ms-flex-align:start;   align-items:flex-start}
.profile__page .l-col{  -webkit-flex-basis:100%;   -ms-flex-preferred-size:100%;   flex-basis:100%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1}
.profile__page .r-col{  -webkit-flex-basis:300px;   -ms-flex-preferred-size:300px;   flex-basis:300px;   -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0}
.profile__page .btn-sub{  padding:8px 15px;   font-size:1.8em}
.profile__page h3{  font-size:2.4em;   color:#686c6e;   font-weight:normal;   margin:0}
.profile__menu{  border:1px solid #b0b4b6;   margin-bottom:20px}
.profile__menu .head .cols{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   padding:20px 20px 0}
.profile__menu .head .cols .img{  width:80px; height:80px;   -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0;   position:absolute}
.profile__menu .head .cols .img img{  position:absolute;   border:1px solid #b0b4b6;   margin:auto;   max-width:100%; max-height:100%}
.profile__menu .head .cols .name{  -webkit-flex-basis:100%;   -ms-flex-preferred-size:100%;   flex-basis:100%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1;   padding-left:100px;   font-size:1.8em;   color:#222;   line-height:1.2em;   padding-bottom:10px; height:52px}
.profile__menu .head .status{  background:#005a7e;   color:white;   font-size:1.8em;   text-transform:uppercase;   padding:7.5px 60px; height:38px;   text-align:right}
@media screen and (max-width:320px){  .profile__page .r-col{    -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     -webkit-flex-shrink:1;     -ms-flex-negative:1;     flex-shrink:1}
}
@media screen and (max-width:850px){  .profile__page{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap;     -webkit-justify-content:space-around;     -ms-flex-pack:distribute;     justify-content:space-around;     padding:20px 0}
  .profile__page >.l-col{    -webkit-box-ordinal-group:2;     -webkit-order:1;     -ms-flex-order:1;     order:1}
  .profile__page >.r-col{    -webkit-box-ordinal-group:1;     -webkit-order:0;     -ms-flex-order:0;     order:0}
}
.profile__ul{  padding:2px 20px 10px 20px;   list-style:none;   font-size:1.8em}
.profile__ul a{  color:#005a7e;   text-decoration:underline}
.profile__ul a:hover{  text-decoration:none}
.profile__ul li{  padding:7px 20px 6px}
.profile__ul li.active{  background:#b0b4b6;   position:relative}
.profile__ul li.active:before{  content:"";   display:block;   position:absolute;   top:0;   left:0;   width:10px;   height:100%;   background:#005a7e}
.profile__ul li.active a{  color:white;   text-decoration:none}
.profile__ul li.active a:hover{  text-decoration:underline}
.profile__ul li .counts-wrap {display: inline-block;margin-left:10px;}
.profile__ul li.active .counts{  background:white;   color:#005a7e}
.profile__ul .counts{  display:inline-block;   width:24px;   height:24px;   border-radius:50%;   text-align:center;   background:#005a7e;   color:white;   line-height:24px;}

.userbadge{  width:302px;   height:425px;   background:url(../img/userbadge.png);   position:relative}
.userbadge_content{  background:white;   position:absolute;   left:16px;   right:15px;   top:69px;   bottom:18px}
.userbadge_content .logo{  padding:10px}
.userbadge_content .logo img{  width:100%}
.userbadge_content p{  font-size:16px;   color:#222;   padding:0 10px;   margin:8px 0}
.userbadge_content .company-name{  color:#9c050b;   margin:15px 0 8px}
.userbadge_content .stand{  position:absolute;   left:0;   bottom:0;   width:100%;   display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;   -webkit-flex-direction:column;   -ms-flex-direction:column;   flex-direction:column;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center;   -webkit-box-pack:center;   -webkit-justify-content:center;   -ms-flex-pack:center;   justify-content:center;   background:#005a7e;   text-align:center;   color:white;   padding:9px 10px;   font-size:18px;   text-transform:uppercase;   line-height:18px}
.userbadge_cols{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:justify;   -webkit-justify-content:space-between;   -ms-flex-pack:justify;   justify-content:space-between;   -webkit-box-align:start;   -webkit-align-items:flex-start;   -ms-flex-align:start;   align-items:flex-start;   padding:5px 10px 0}
.userbadge_cols .img{  margin-top:5px;   -webkit-flex-basis:80px;   -ms-flex-preferred-size:80px;   flex-basis:80px;   -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0;   padding:1px;   border:1px solid #b0b4b6}
.userbadge_cols .img img{  width:100%}
.userbadge_cols .name{  font-size:24px;   color:#222;   padding-left:10px; flex-basis:70%}
@media screen and (max-width:330px){  .userbadge{    width:260px;     height:370px;     background-size:contain;     background-repeat:no-repeat}
  .userbadge_content{    top:55px;     left:9px;     right:10px}
  .userbadge_content p{    line-height:15px;     font-size:14px}
  .userbadge_content .logo{    padding:10px 20px 0}
  .userbadge_cols .name{    font-size:20px}
  .userbadge_content .stand{    font-size:16px}
  .userbadge_cols .img{    -webkit-flex-basis:65px;     -ms-flex-preferred-size:65px;     flex-basis:65px}
}
.profile__main{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:justify;   -webkit-justify-content:space-between;   -ms-flex-pack:justify;   justify-content:space-between;   padding:10px 0 30px}
.profile__main .col h3{  text-align:center;   font-size:2.4em;   margin:0;   color:#686c6e;   font-weight:normal}
.profile__main .col:nth-child(2){  -webkit-flex-basis:100%;   -ms-flex-preferred-size:100%;   flex-basis:100%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1;   text-align:center}
.profile__main .col:nth-child(1){  -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0}
.profile__main .userbadge{  margin-top:20px}
.profile__main .usercard{  margin:80px auto;   text-align:left}
.userbadge-print{  text-align:center;   padding:10px 0}
 .userbadge-print a{  font-size:1.4em;   font-style:italic;   color:#005a7e}
 .userbadge-print a:hover{  text-decoration:underline}
@media screen and (max-width:1200px){  .profile__main{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap;     -webkit-justify-content:space-around;     -ms-flex-pack:distribute;     justify-content:space-around}
  .profile__main .usercard{    margin:20px auto}
}
.tabs__btn{  border:1px solid #b0b4b6;   background:white;   font-size:1.8em;   margin-right:7px;   margin-bottom:7px;   -webkit-transition:all 0.4s ease;   -o-transition:all 0.4s ease;   transition:all 0.4s ease;   padding:6px 15px;   display:inline-block;   color:#005a7e;   cursor:pointer;   letter-spacing:1px}
.tabs__btn:hover{  background:#005a7e;   border-color:#005a7e;   color:white}
.tabs__btn.active{  background:#005a7e;   border-color:#005a7e;   color:white}
.tabs__item{  display:none}
.tabs__item.active{  display:block}
.profile__settings{  padding:10px 20px 30px 0}
.profile__settings h3{  font-size:2.4em;   color:#686c6e;   font-weight:normal;   margin:10px 0}
.profile__settings .form .cols{  margin:0 -25px}
.profile__settings .form .cols .col{  padding:0 25px}
.profile__settings .form .item{  margin:10px 0}
.profile__settings .form .item label, .profile__settings .form .textarea-item label{  -webkit-flex-basis:30%;   -ms-flex-preferred-size:30%;   flex-basis:30%;   max-width:30%;   min-width:155px;   padding-right:5}
.profile__settings .form .item input, .profile__settings .form .item select, .profile__settings .form .textarea-item textarea{  -webkit-flex-basis:70%;   -ms-flex-preferred-size:70%;   flex-basis:70%;   width:70%}
.profile__settings .form .load-item .label{  -webkit-flex-basis:30%;   -ms-flex-preferred-size:30%;   flex-basis:30%;   max-width:30%;   min-width:155px;   padding-right:5}
.profile__settings .form .load-item .load-btn{  -webkit-flex-basis:70%;   -ms-flex-preferred-size:70%;   flex-basis:70%;   max-width:70%}
.profile__settings .form .radio-item .label{  -webkit-flex-basis:30%;   -ms-flex-preferred-size:30%;   flex-basis:30%;   max-width:30%;   min-width:155px;   padding-right:5}
.profile__settings .form .row{  margin:10px 0}
.profile__settings .form .row.left-align{  text-align:left;   margin:20px 0 13px}
.logo-checkbox{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center;   padding:10px 0}
.logo-checkbox.jc-xxl-fe{  padding:0 0 20px}

.logo-checkbox.jc-xxl-fe .checkbox-btn{  margin:0}
.logo-checkbox img{  width:40px;   border:1px solid #b7bbbd;   margin-right:20px}
@media screen and (max-width:1500px){  .profile__settings .form .cols{    margin:0 -10px}
  .profile__settings .form .cols .col{    padding:0 10px}
}
@media screen and (max-width:1400px){  .profile__settings .form .item label,.profile__settings .form .textarea-item label{    -webkit-flex-basis:30%;     -ms-flex-preferred-size:30%;     flex-basis:30%;     max-width:30%;     min-width:120px}
  .profile__settings .form .item input, .profile__settings .form .item select, .profile__settings .form .textarea-item textarea{    -webkit-flex-basis:70%;     -ms-flex-preferred-size:70%;     flex-basis:70%;     width:70%}
  .profile__settings .form .load-item .label{    -webkit-flex-basis:30%;     -ms-flex-preferred-size:30%;     flex-basis:30%;     max-width:30%;     min-width:120px}
  .profile__settings .form .load-item .load-btn{    -webkit-flex-basis:70%;     -ms-flex-preferred-size:70%;     flex-basis:70%;     max-width:70%}
  .profile__settings .form .radio-item .label{    -webkit-flex-basis:30%;     -ms-flex-preferred-size:30%;     flex-basis:30%;     max-width:30%;     min-width:120px}
}
@media screen and (max-width:1300px){  .profile__settings .form .item label,.profile__settings .form .textarea-item label{    min-width:100px}
  .profile__settings .form .load-item .label{    min-width:100px}
  .profile__settings .form .radio-item .label{    min-width:100px}
}
@media screen and (max-width:1200px){  .profile__settings .form .cols{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap}
  .profile__settings .form .cols .col{    -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     -webkit-flex-shrink:1;     -ms-flex-negative:1;     flex-shrink:1;     max-width:100%}
  .profile__settings .form .item label, .profile__settings .form .textarea-item label{    -webkit-flex-basis:30%;     -ms-flex-preferred-size:30%;     flex-basis:30%;     max-width:30%;     min-width:180px}
  .profile__settings .form .item input, .profile__settings.form .item select, .profile__settings .form .textarea-item textarea{    -webkit-flex-basis:70%;     -ms-flex-preferred-size:70%;     flex-basis:70%;     width:70%}
  .profile__settings .form .load-item .label{    -webkit-flex-basis:30%;     -ms-flex-preferred-size:30%;     flex-basis:30%;     max-width:30%;     min-width:180px}
  .profile__settings .form .load-item .load-btn{    -webkit-flex-basis:70%;     -ms-flex-preferred-size:70%;     flex-basis:70%;     max-width:70%}
  .profile__settings .form .radio-item .label{    -webkit-flex-basis:30%;     -ms-flex-preferred-size:30%;     flex-basis:30%;     min-width:180px;     max-width:30%}
}
@media screen and (max-width:850px){  .profile__settings{    padding:15px 5px}
}
@media screen and (max-width:650px){  .form .load-item .btn-sub{    padding:8px}
  .form .load-item .load-btn input{    width:150px}
}
@media screen and (max-width:500px){  .profile__settings .form .item{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap;     height:auto}
  .profile__settings .form .item label, 
  .profile__settings .form .item input, 
  .profile__settings .form .item select, .profile__settings .form .textarea-item textarea, .profile__settings .form .textarea-item label{    -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     -webkit-flex-shrink:1;     -ms-flex-negative:1;     flex-shrink:1;     width:100%}
  .profile__settings .form .load-item{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap;     height:auto;     padding-bottom:0}
  .profile__settings .form .load-item .label, 
  .profile__settings .form .load-item .load-btn{    -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     -webkit-flex-shrink:1;     -ms-flex-negative:1;     flex-shrink:1;     max-width:100%}
  .profile__settings .form .radio-item{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap;     height:auto}
  .profile__settings .form .radio-item .label, 
  .profile__settings .form .radio-item .radio-btn{    -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     -webkit-flex-shrink:1;     -ms-flex-negative:1;     flex-shrink:1;     max-width:100%}
  .form .load-item .load-comments{    position:static;     padding-top:5px}
}
@media screen and (max-width:320px){  .form .load-item .load-btn input{    width:114px}
}
#profile-newsletter-form .checkbox-btn{  margin:5px 0 5px 20px}
.profile__message__list{  padding:10px 70px 30px 0}
.profile__message__list .item{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:justify;   -webkit-justify-content:space-between;   -ms-flex-pack:justify;   justify-content:space-between;   -webkit-box-align:start;   -webkit-align-items:flex-start;   -ms-flex-align:start;   align-items:flex-start;   position:relative;   border-bottom:1px solid #b0b4b6;   margin-bottom:15px;   padding-bottom:15px}
.profile__message__list .img{  -webkit-flex-basis:100px;   -ms-flex-preferred-size:100px;   flex-basis:100px; height:100px;   -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0;   padding:3px;   border:1px solid #b0b4b6}
.profile__message__list .img a{  display:block}

.profile__message__list .img img{  width:100%}
.profile__message__list .name{  padding:0 20px;   max-width:300px;   -webkit-flex-basis:40%;   -ms-flex-preferred-size:40%;   flex-basis:40%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1}
.profile__message__list .name h4{  font-size:18px;   font-weight:normal;   color:#005a7e;   margin:0}
.profile__message__list .name h4 a{  color:#005a7e}
.profile__message__list .name h4 a:hover{  text-decoration:underline}
.profile__message__list .name p{  font-size:16px;   color:#222;   line-height:1.5em;   margin:5px 0}
.profile__message__list .desc{  padding-left:20px;   -webkit-flex-basis:60%;   -ms-flex-preferred-size:60%;   flex-basis:60%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1}
.profile__message__list .desc .date{  font-size:16px;   color:#686c6e}
.profile__message__list .desc .message-content{  margin:5px 0;   font-size:18px;   color:#222;   line-height:1.5em}
.profile__message__list .desc .message-content:hover{  color:#005a7e}
.profile__message__list .status-new{  color:#005a7e;   font-size:16px;   text-transform:uppercase;   position:absolute;   top:0;   right:0}
.profile__message__list .unread .message-content{  font-weight:bold}
.profile__message__list .replied .date:before{  content:"";   display:inline-block;   width:16px;   height:12px;   margin-right:5px;   background:url('/img/replied-icon.png') center no-repeat}
@media screen and (max-width:1100px){  .profile__message__list{    padding-right:30px}
}
@media screen and (max-width:600px){  .profile__message__list .item{    -webkit-flex-wrap:wrap;     -ms-flex-wrap:wrap;     flex-wrap:wrap;     -webkit-box-pack:start;     -webkit-justify-content:flex-start;     -ms-flex-pack:start;     justify-content:flex-start}
  .profile__message__list .name{    max-width:none;     -webkit-flex-basis:70%;     -ms-flex-preferred-size:70%;     flex-basis:70%}
  .profile__message__list .desc{    padding:10px 0 0;     -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     -webkit-flex-shrink:1;     -ms-flex-negative:1;     flex-shrink:1}
}
@media screen and (max-width:400px){  .profile__message__list .name{    padding:10px 0 0;     -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     -webkit-flex-shrink:1;     -ms-flex-negative:1;     flex-shrink:1}
  .profile__message__list .desc{    padding:10px 0 0;     -webkit-flex-basis:100%;     -ms-flex-preferred-size:100%;     flex-basis:100%;     -webkit-flex-shrink:1;     -ms-flex-negative:1;     flex-shrink:1}
}
.profile__single__message{  padding:10px 70px 30px 0;   width:100%}
.profile__single__message .head{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:justify;   -webkit-justify-content:space-between;   -ms-flex-pack:justify;   justify-content:space-between;   -webkit-box-align:start;   -webkit-align-items:flex-start;   -ms-flex-align:start;   align-items:flex-start;   padding-bottom:10px;   border-bottom:1px solid #b0b4b6}
.profile__single__message .head .img{  -webkit-flex-basis:100px;   -ms-flex-preferred-size:100px;   flex-basis:100px;   height:100px;   padding:3px;   border:1px solid #b0b4b6}

.profile__single__message .head .img a{display:block}
.profile__single__message .head .img img{  width:100%}
.profile__single__message .head .name{  -webkit-flex-basis:30%;   -ms-flex-preferred-size:30%;   flex-basis:30%;   padding:0 20px;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1}
.profile__single__message .head .name h4{  font-size:1.8em;   color:#005a7e;   font-weight:normal;   margin:0}
.profile__single__message .head .name h4 a{  color:#005a7e}
.profile__single__message .head .name h4 a:hover{  text-decoration:underline}
.profile__single__message .head .name p{  color:#222;   font-size:1.6em;   line-height:1.3em;   margin:8px 0}
.profile__single__message .messages-list{  padding:35px 0 10px}
.profile__single__message .mess-item{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:justify;   -webkit-justify-content:space-between;   -ms-flex-pack:justify;   justify-content:space-between;   -webkit-box-align:start;   -webkit-align-items:flex-start;   -ms-flex-align:start;   align-items:flex-start;   width:78%;   margin-bottom:10px}
.profile__single__message .mess-item .img{  -webkit-flex-basis:40px;   -ms-flex-preferred-size:40px;   flex-basis:40px;   height:40px;   -webkit-flex-shrink:0;   -ms-flex-negative:0;   flex-shrink:0;   padding:1px;   border:1px solid #b0b4b6}
.profile__single__message .mess-item .img img{  width:100%}
.profile__single__message .mess-item .img a{  display:block}
.profile__single__message .mess-item h4{  font-size:1.8em;   color:#005a7e;   font-weight:normal;   margin:0}
.profile__single__message .mess-item h4 a{  color:#005a7e}
.profile__single__message .mess-item h4 a:hover{  text-decoration:underline}
.profile__single__message .mess-item p{  color:#222;   font-size:1.8em;   line-height:1.3em;   margin:8px 0}
.profile__single__message .mess-item .date{  color:#686c6e}
.profile__single__message .mess-item .desc{  padding:5px 20px 10px;   -webkit-flex-basis:100%;   -ms-flex-preferred-size:100%;   flex-basis:100%;   -webkit-flex-shrink:1;   -ms-flex-negative:1;   flex-shrink:1;   position:relative}
.profile__single__message .mess-item .desc:before{  content:"";   display:block;   position:absolute}
.profile__single__message .mess-in .date{  margin-left:20px}
.profile__single__message .mess-in .desc{  margin-left:30px;   background:#eee}
.profile__single__message .mess-in .desc:before{  top:10px;   right:100%;   width:20px;   height:20px;   background:url('../img/mess-in-bg.png') no-repeat;   background-size:cover}
.profile__single__message .mess-out{  float:right}
.profile__single__message .mess-out .desc{  margin-right:30px;   background:#e5f4fd}
.profile__single__message .mess-out .desc:before{  top:10px;   left:100%;   width:20px;   height:20px;   background:url('../img/mess-out-bg.png') no-repeat;  background-size:cover}
#single-message-form{ -webkit-flex-basis:60%;  -ms-flex-preferred-size:60%;  flex-basis:60%;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:end;  -webkit-align-items:flex-end;  -ms-flex-align:end;  align-items:flex-end;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
#single-message-form textarea{ border:1px solid #b0b4b6;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  margin-right:20px;  padding:5px 10px;  font-size:1.4em}
#single-message-form .btn-sub{ padding:6px 15px;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0}
@media screen and (max-width:1200px){ .profile__single__message .head{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-box-pack:start;  -webkit-justify-content:flex-start;  -ms-flex-pack:start;  justify-content:flex-start}
 .profile__single__message .head .name{ -webkit-flex-basis:80%;  -ms-flex-preferred-size:80%;  flex-basis:80%}
 #single-message-form{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  margin-top:10px}
}
@media screen and (max-width:950px){ .profile__single__message{ padding-right:30px}
 .profile__single__message .head .name{ -webkit-flex-basis:60%;  -ms-flex-preferred-size:60%;  flex-basis:60%}
}
@media screen and (max-width:850px){ .profile__single__message{ padding-right:0}
}
@media screen and (max-width:500px){ .profile__single__message .head .name{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  padding:0;  margin-top:10px}
 .profile__single__message .mess-item .img{ display:none}
 .profile__single__message .mess-item .date{ display:block;  margin:5px 0}
}
@media screen and (max-width:400px){ #single-message-form{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-box-pack:end;  -webkit-justify-content:flex-end;  -ms-flex-pack:end;  justify-content:flex-end}
 #single-message-form textarea{ margin:0}
 #single-message-form .btn-sub{ margin-top:10px}
}
.profile__cards{ padding:10px 70px 30px 0}
#profile-my-cards{ text-align:center;  padding:10px 0}
#profile-my-cards .usercard{ margin:10px auto;  text-align:left}
#profile-my-cards .edit-card{ text-align:center;  font-style:italic;  font-size:1.4em;  color:#005a7e}
#profile-my-cards .edit-card:hover{ text-decoration:underline}
#profile-received-cards{ padding:15px 0}
#profile-received-cards .item{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:start;  -webkit-align-items:flex-start;  -ms-flex-align:start;  align-items:flex-start;  margin-bottom:30px}
#profile-received-cards .img{ -webkit-flex-basis:150px;  -ms-flex-preferred-size:150px;  flex-basis:150px;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  border:1px solid #b0b4b6;  padding:2px}
#profile-received-cards .img img{ width:100%}
.profile__cards .profile-tabs-item .name{ padding:10px 30px;  color:#b0b4b6;  -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
.profile__cards .profile-tabs-item .desc{color:#b0b4b6}
#profile-received-cards .name h4{ font-weight:normal;  margin:0;  font-size:1.8em;  color:#005a7e}
#profile-received-cards .name h4 a{ color:#005a7e}
#profile-received-cards .name h4 a:hover{ text-decoration:underline}
#profile-received-cards .name .date{ font-size:1.6em;  margin:15px 0 20px}
#profile-received-cards .card{ -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0}
#profile-received-cards .btn-sub{ padding:6px 15px}
@media screen and (max-width:1300px){ .profile__cards{ padding-right:20px}
 #profile-received-cards .img{ -webkit-flex-basis:120px;  -ms-flex-preferred-size:120px;  flex-basis:120px}
}
@media screen and (max-width:1200px){ #profile-received-cards .item{ -webkit-box-pack:start;  -webkit-justify-content:flex-start;  -ms-flex-pack:start;  justify-content:flex-start;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 #profile-received-cards .item .card{ margin-top:20px;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
 #profile-received-cards .img{ -webkit-flex-basis:150px;  -ms-flex-preferred-size:150px;  flex-basis:150px}
}
@media screen and (max-width:500px){ #profile-received-cards .name{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  padding:10px 0 0}
}
#profile-required-cards .items-wrap{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
.profile__card__item{ padding:14px 0 10px}
.profile__card__item .img{ -webkit-flex-basis:150px;  -ms-flex-preferred-size:150px;  flex-basis:150px;  padding:2px;  border:1px solid #b0b4b6}
.profile__card__item .img img{ width:100%}
.profile__card__item .desc{ -webkit-flex-basis:300px;  -ms-flex-preferred-size:300px;  flex-basis:300px;  padding:10px 30px 0}
.profile__card__item .desc h4{ font-weight:normal;  margin:0;  font-size:1.8em;  color:#005a7e}
.profile__card__item .desc h4 a{ color:#005a7e}
.profile__card__item .desc h4 a:hover{ text-decoration:underline}
.profile__card__item .desc .date{ font-size:1.6em;  margin:15px 0 20px}
.profile__card__item .btns{ padding:5px 0}
.profile__card__item .btn-sub{ padding:8px 12px;  font-size:1.8em}
#profile-required-cards .required-card-true{ background:#0472b7;  margin-right:7px;  margin-top:5px}
#profile-required-cards .required-card-true:hover{ background:#005a7e}
#profile-required-cards .required-card-false{ background:#b0b4b6;  margin-top:5px}
#profile-required-cards .required-card-false:hover{ background:#005a7e}
@media screen and (max-width:1200px){ #profile-required-cards .item .desc{ padding:15px 10px}
}
@media screen and (max-width:1200px){ #profile-required-cards .item{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
}
@media screen and (max-width:400px){ #profile-required-cards .item{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 #profile-required-cards .item .desc{ padding:15px 0}
}
#profile-sent-cards .items-wrap{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
#profile-sent-cards .item{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  padding:14px 0 10px;  -webkit-box-pack:start;  -webkit-justify-content:flex-start;  -ms-flex-pack:start;  justify-content:flex-start;  -webkit-box-align:start;  -webkit-align-items:flex-start;  -ms-flex-align:start;  align-items:flex-start;  -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%}
#profile-sent-cards .item .img{ -webkit-flex-basis:150px;  -ms-flex-preferred-size:150px;  flex-basis:150px;  padding:2px;  border:1px solid #b0b4b6}
#profile-sent-cards .item .img img{ width:100%}
#profile-sent-cards .item .desc{ -webkit-flex-basis:300px;  -ms-flex-preferred-size:300px;  flex-basis:300px;  padding:15px 30px 0}
#profile-sent-cards .item .desc h4{ font-weight:normal;  margin:0;  font-size:1.8em;  color:#005a7e}
#profile-sent-cards .item .desc h4 a{ color:#005a7e}
#profile-sent-cards .item .desc h4 a:hover{ text-decoration:underline}
#profile-sent-cards .item .desc .date{ font-size:1.6em;  margin:7px 0 28px}
#profile-sent-cards .sent-card-wait{ background:#005a7e}
#profile-sent-cards .sent-card-true{ background:#0472b7}
#profile-sent-cards .sent-card-false{ background:#b0b4b6}
#profile-sent-cards .btn-sub{ padding:8px 12px;  cursor:default;  font-size:1.8em}
@media screen and (max-width:1200px){ #profile-sent-cards .item .desc{ padding:15px 10px}
}
@media screen and (max-width:1200px){ #profile-sent-cards .item{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
}
@media screen and (max-width:400px){ #profile-sent-cards .item{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 #profile-sent-cards .item .desc{ padding:15px 0}
}
/*--Профиль компании----*/
.profile__company{ padding:10px 70px 30px 0}
.profile__company .head-cols{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:start;  -webkit-align-items:flex-start;  -ms-flex-align:start;  align-items:flex-start;  padding:11px 0 4px}
.profile__company .head-cols .l-col{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-align:start;  -webkit-align-items:flex-start;  -ms-flex-align:start;  align-items:flex-start}
.profile__company .r-col{ -webkit-flex-basis:auto;  -ms-flex-preferred-size:auto;  flex-basis:auto}
.profile__company h2{ font-size:3.6em;  color:#005a7e;  font-weight:normal;  margin:0 20px 0 0;  line-height:1.1em}
.profile__company .status{ color:white;  text-transform:uppercase;  padding:8px 15px;  font-size:1.8em;  display:block}
.profile__company .is-blocked{ background:#b0b4b6}
.profile__company .is-active{ background:#0472b7}
@media screen and (max-width:600px){ .profile__company{ padding:20px 5px}
}
#profile-company-page .stands-cols{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:end;  -webkit-align-items:flex-end;  -ms-flex-align:end;  align-items:flex-end;  padding:17px 0 30px}
#profile-company-page .stands-cols .item{ display:inline-block;  position:relative;  margin-right:10px;  margin-bottom:10px}
#profile-company-page .stands-cols .item span{ position:absolute;  color:white;  font-size:24px;  text-transform:uppercase;  bottom:8px;  left:50%;  -webkit-transform:translateX(-50%);  -ms-transform:translateX(-50%);  transform:translateX(-50%)}
#profile-company-page .stands-cols .img{ border:1px solid #b0b4b6;  padding:2px;  width:180px;  margin-bottom:10px}
#profile-company-page .stands-cols img{ width:100%}
#profile-company-page .content-cols{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  padding:9px 0}
#profile-company-page .content-cols .col{ -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
#profile-company-page .company__products{ padding-bottom:0}
#profile-company-page .company__products .item-wrap{ -webkit-flex-basis:33%;  -ms-flex-preferred-size:33%;  flex-basis:33%;  max-width:33%}
.company-add-lang-btn, .blue-btn{ background:#0472b7}
@media screen and (max-width:1300px){ .profile__company .head-cols{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 .profile__company .head-cols >div{ margin:5px 0}
 .profile__company .head-cols .l-col{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap; -webkit-flex-basis:auto;  -ms-flex-preferred-size:auto;  flex-basis:auto}
 .profile__company{ padding-right:20px}
 #profile-company-page .company__press .item .img{ -webkit-flex-basis:250px;  -ms-flex-preferred-size:250px;  flex-basis:250px}
 #profile-company-page .company__products .item-wrap{ -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%;  max-width:50%}
}
@media screen and (max-width:1100px){ #profile-company-page .company__press .item .img{ -webkit-flex-basis:200px;  -ms-flex-preferred-size:200px;  flex-basis:200px}
}
@media screen and (max-width:950px){ #profile-company-page .company__products .item-wrap{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  max-width:100%}
}
@media screen and (max-width:850px){ #profile-company-page .company__products .item-wrap{ -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%;  max-width:50%}
}
@media screen and (max-width:700px){ #profile-company-page .content-cols{ webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  -webkit-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-justify-content:space-around;  -ms-flex-pack:distribute;  justify-content:space-around}
 #profile-company-page .content-cols .col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  margin:5px 0}
 #profile-company-page .company__press .item .img{ -webkit-flex-basis:300px;  -ms-flex-preferred-size:300px;  flex-basis:300px}
}
@media screen and (max-width:600px){ #profile-company-page .company__products .item-wrap{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  max-width:100%}
}
@media screen and (max-width:500px){ #profile-company-page .stands-cols{ webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  -webkit-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-justify-content:space-around;  -ms-flex-pack:distribute;  justify-content:space-around}
 #profile-company-page .company__press .item .img{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%}
}
/*--Заявка на участие в выставке--*/
.exhibition__add__order{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  margin:0 -35px;  padding:5px 0}
.exhibition__add__order .col{ -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  margin:0 35px}
#exhibition-add-order-form .row-right{ text-align:right;  margin:20px 0}
@media screen and (max-width:1300px){ .exhibition__add__order{ margin:0 -15px}
 .exhibition__add__order .col{ margin:0 15px}
}
@media screen and (max-width:1150px){ .exhibition__add__order{ margin:0;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap}
 .exhibition__add__order .col{ margin:8px 0;  -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%}
}
#profile-company-content h3{ margin-bottom:10px}
/*----Избранные компании-----*/
.profile__selected__companies{ padding-right:20px}
.selected__companies__item{ padding:10px 0}
.selected__companies__item .cols{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:start;  -webkit-align-items:flex-start;  -ms-flex-align:start;  align-items:flex-start}
.selected__companies__item .l-col{ -webkit-flex-basis:100px;  -ms-flex-preferred-size:100px;  flex-basis:100px;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0}
.selected__companies__item .r-col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  padding-left:20px}
.selected__companies__item .col:nth-child(1){ -webkit-flex-basis:45%;  -ms-flex-preferred-size:45%;  flex-basis:45%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
.selected__companies__item .col:nth-child(2){ -webkit-flex-basis:55%;  -ms-flex-preferred-size:55%;  flex-basis:55%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
.selected__companies__item .img{ height:100px;  border:1px solid #b0b4b6;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center;  padding:2px}
.selected__companies__item .img img{ width:100%}
.selected__companies__item .item-del{ padding:20px;  text-align:center}
.selected__companies__item h4{ font-weight:0;  margin:5px 0;  color:#005a7e}
.selected__companies__item a{ color:#005a7e}
.selected__companies__item a:hover{ text-decoration:underline}
.selected__companies__item .desc{ font-size:1.8em}
.selected__companies__item .desc p{ margin:7px 0 9px}
.selected__companies__item .name{ font-size:1.8em;  margin-bottom:25px}
.selected__companies__item .btn-sub{ color:white;  margin-right:20px;  margin-bottom:10px}
.selected__companies__item .btn-sub:hover{ text-decoration:none}
.selected__companies__item .about-content{ color:#222;  font-size:1.8em;  padding-top:5px}
.selected__companies__item .about-content p{ line-height:1.6em;  margin:5px 0}
.selected__company__delete{ cursor:pointer;  opacity:0.7; font-size:3rem}
.selected__company__delete:hover{ opacity:1}
@media screen and (max-width:1200px){ .selected__companies__item .name{ margin-bottom:10px}
}
@media screen and (max-width:1000px){ .selected__companies__item .cols .cols{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-box-pack:start;  -webkit-justify-content:flex-start;  -ms-flex-pack:start;  justify-content:flex-start}
 .selected__companies__item .cols .cols .col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%}
}
@media screen and (max-width:500px){ .profile__selected__companies{ padding:10px 5px}
 .selected__companies__item .cols{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-justify-content:space-around;  -ms-flex-pack:distribute;  justify-content:space-around}
 .selected__companies__item .r-col{ padding:0}
}
/*----Заявки на участие----*/
.admin__applications{ padding-right:20px}
.admin__application__empty{ font-size:2.5em; padding:10px 0}
.admin__application__item{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:start;  -webkit-align-items:flex-start;  -ms-flex-align:start;  align-items:flex-start;  padding:10px 0}
.admin__application__item .l-col{ display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-box-align:start;  -webkit-align-items:flex-start;  -ms-flex-align:start;  align-items:flex-start;  -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
.admin__application__item .img{ -webkit-flex-basis:100px;  -ms-flex-preferred-size:100px;  flex-basis:100px;  -webkit-flex-shrink:0;  -ms-flex-negative:0;  flex-shrink:0;  height:100px;  border:1px solid #b0b4b6;  display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  -webkit-box-align:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center;  padding:2px}
.admin__application__item .img img{ width:100%}
.admin__application__item .name{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1;  padding-left:20px;  font-size:1.8em}
.admin__application__item .name p{ margin:7px 0 9px}
.admin__application__item h4{ font-size:1em;  font-weight:normal;  margin:5px 0;  color:#005a7e}
.admin__application__item a{ color:#005a7e}
.admin__application__item a:hover{ text-decoration:underline}
.admin__application__item .r-col{ -webkit-flex-basis:50%;  -ms-flex-preferred-size:50%;  flex-basis:50%;  -webkit-flex-shrink:1;  -ms-flex-negative:1;  flex-shrink:1}
.admin__application__item .company{ font-size:1.8em;  margin:5px 0 25px}
.admin__application__item .btn-sub{ color:white;  margin-right:20px;  margin-bottom:10px}
.admin__application__item .btn-sub:hover{ text-decoration:none}
@media screen and (max-width:1100px){ .admin__application__item{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-box-pack:start;  -webkit-justify-content:flex-start;  -ms-flex-pack:start;  justify-content:flex-start}
 .admin__application__item .l-col, 
 .admin__application__item .r-col{ -webkit-flex-basis:100%;  -ms-flex-preferred-size:100%;  flex-basis:100%}
 .admin__application__item .company{ margin:10px 0}
}
@media screen and (max-width:500px){ .admin__applications{ padding:10px 5px}
 .admin__application__item .l-col{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-justify-content:space-around;  -ms-flex-pack:distribute;  justify-content:space-around}
 .admin__application__item .name{ padding-left:0}
}
/*----Компоненты----*/
.company__stands__block h3{  color:#686c6e;   font-weight:normal;   font-size:24px;   margin:0 0 15px}
.company__stands__block .item{  display:inline-block;   position:relative;   margin-right:10px;   margin-bottom:10px}
.company__stands__block .item span{  position:absolute;   color:white;   font-size:24px;   text-transform:uppercase;   bottom:8px;   left:50%;   -webkit-transform:translateX(-50%);   -ms-transform:translateX(-50%);   transform:translateX(-50%)}
@media screen and (max-width:500px){  .company__stands__block{    text-align:center}
  .company__stands__block .item{    margin:10px auto}
}
.company__themes__block{  color:#686c6e;   font-size:1.8em}
.company__themes__block a{  color:#005a7e;   text-decoration:underline}
.company__themes__block a:hover{  text-decoration:none}
.company__themes__block h3{  font-size:18px;   margin:0}
.company__themes__block ul{  padding-left:20px}
.company__themes__block li{  margin:7px 0;   color:#005a7e}
.company__contacts__table{  width:100%;   color:#686c6e;   font-size:1.8em}
.company__contacts__table td{  padding:5px 0 4px}
.company__contacts__table td:first-child{  text-align:right}
.company__contacts__table td:last-child{  color:#222;   padding-left:15px}
.company__contacts__table a{  color:#005a7e;   text-decoration:underline}
.company__contacts__table a:hover{  text-decoration:none}
.text__content p{  color:#222;   font-size:1.8em;   line-height:1.55em}
.text__content a, .text__content .js-tab-link{  color:#005a7e;   text-decoration:underline; cursor:pointer}
.text__content a:hover, .text__content .js-tab-link:hover{  text-decoration:none}
.btn__alone__row{  text-align:center;   padding:10px 0}
.ul__style, ul.list{  list-style:url(/img/ul-icon.png);   padding-left:20px}
.ul__style li, ul.list li{  color:#222;   font-size:1.8rem;   line-height:1.55em;   margin:10px 0}

.image__wrap{  display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:center;   -webkit-justify-content:center;   -ms-flex-pack:center;   justify-content:center;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center;   padding:2px}
.image__wrap a{width:100%; height:100%; display:-webkit-box !important;   display:-webkit-flex !important;   display:-ms-flexbox !important;   display:flex !important;   -webkit-box-pack:center;   -webkit-justify-content:center;   -ms-flex-pack:center;   justify-content:center;   -webkit-box-align:center;   -webkit-align-items:center;   -ms-flex-align:center;   align-items:center}
.image__wrap img{  max-width:100%; max-height:100%}
.post__date{color:#7f8486; font-size:20px}

.content__block{  padding:10px 0;   font-size:1.8em;  line-height:1.7em;   color:#222}

.content__block h2{  color:#686c6e;   font-size:1.33em;   font-weight:400;   margin:10px 0;   text-align:left;   text-transform:none}
.content__block p, .content__block h3{  color:#222;   font-size:1em;   line-height:1.7em;   margin:15px 0}

.content__block h3{  color:#686c6e}

.content__block h2+p{  margin-top:0}
.content__block ul, 
.content__block ol{  color:#222;   font-size:1em;   margin:15px 0;   padding-left:25px;   overflow:hidden}

.content__block ul{  list-style:none;   padding-left:10px}

.content__block li{  padding-left:10px; position:relative}
.content__block ul li:before{  content:"";   display:inline-block; position:absolute; left:-5px; top:9px;   width:5px;   height:13px; background:url('/img/ul-circle.jpg') center no-repeat;  color:#005a7e;  margin-right:5px}
.content__block a{ color:#005a7e;  text-decoration:underline}
.content__block a:hover{ text-decoration:none}
.content__block .load-file{ font-size:1em;  margin:10px 0}
.content__block .load-file i{ margin-right:15px;  font-size:30px}
.content__block img{ max-width:100%}
.content__block table{ border-collapse:collapse;  font-size:1em; line-height:1.7em;  margin:15px 0}
.content__block table p{ font-size:1em; margin:0}
.content__block table th{ border:1px solid #b0b4b6;  background:#f5f4f4;  color:#bc2931;  text-align:center;  font-size:1em;  font-weight:normal;  padding:7px}
.content__block table td{ border:1px solid #b0b4b6;  font-size:1em;  color:#222;  line-height:1.6em;  padding:15px 7px}
/*.gallery__block h2{ color:#686c6e;  font-size:2.4em;  font-weight:400;  margin:10px 0 0;  text-align:left;  text-transform:none}
.gallery__block p{ font-size:1.8em}
.gallery__block .fl-cols{ margin:0 -15px}
.gallery__block .item-wrap{ padding:15px}
.gallery__block .gallery-item, .gallery__block .fancy{ height:210px;  position:relative; display:block; overflow:hidden}
.gallery__block img{ min-width:100%;  min-height:100%; position:absolute; top:50%; left:50%; max-width:150%;  -webkit-transform:translate(-50%,-50%);  -ms-transform:translate(-50%,-50%);  transform:translate(-50%,-50%)}*/
.gallery__block h2{ color:#686c6e;  font-size:2.4em;  font-weight:400;  margin:10px 0 0;  text-align:left;  text-transform:none}
.gallery__block p, .gallery-wrap p { font-size:1.8em}
.gallery__block .fl-cols, .gallery-wrap { margin:0 -15px}
.gallery__block .item-wrap, .gallery-wrap__item { padding:15px}
.gallery-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: wrap; }
.gallery__block .gallery-item, .gallery__block .fancy{ position:relative; display:block; overflow:hidden; height: 210px; text-align:center; }
.gallery-wrap__item { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; width:25%; }
.gallery__block img, .gallery-wrap__item img { max-width:100%;  max-height:100%; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

@media screen and (max-width:992px){.gallery__block .gallery-item, .gallery__block .fancy{ height:280px}
}
@media screen and (max-width:576px){.gallery__block .gallery-item,  .gallery__block .fancy{ height:auto}

.gallery__block img{ min-width:auto;  min-height:auto; position:static; top:50%; left:50%; width:100%;  -webkit-transform:translate(0,0);  -ms-transform:translate(0,0);  transform:translate(0,0)}

}

img.img-r{ float:right;  margin-left:20px;  margin-top:14px}
img.img-l{ float:left;  margin-right:20px;  margin-top:14px}
img.img-c{ display:block;  margin:0 auto;  margin-top:14px}
.info__block{ margin:25px 0 13px;  padding:15px 0 10px;  border-top:1px solid #005a7e;  border-bottom:1px solid #005a7e}
.info__block .fl-cols{ margin:0 -15px}
.info__block .item-wrap{ padding:15px}
.info__block img{ width:100%}
.info__block .desc{ font-size:1.8em;  line-height:1.6em;  color:#222;  margin:13px 0 0; font-weight:bold}
.info__block a{ color:#222}
.info__block a:hover{ color:#005a7e}

/*--- Точки еды ---*/
.food-points, .souvenir-points{ padding:0}
.food-points-item, .souvenir-points-item{ width:32%;  display:inline-block;  zoom:1;  *display:inline;  vertical-align:top;  margin-right:1%;  padding:20px 0 10px 0}
.food-points-item:nth-of-type(3n), .souvenir-points-item:nth-of-type(3n){ margin-right:0}
.food-points-item .name-item, .souvenir-points-item .name-item{ display:inline-block;  zoom:1;  *display:inline;  padding:5px 7px;  background:#506021;  color:white;  font-size:15px;  font-family:"PT Sans",Open Sans,sans-serif;  position:relative;  text-align:center;  min-width:100px}
.food-points-item .name-item:after, .souvenir-points-item .name-item:after{ content:"";  display:block;  width:1px;  height:1px;  border:7px solid transparent;  border-top:7px solid #506021;  position:absolute;  bottom:-14px;  left:20px}
.food-points-item .places-item, .souvenir-points-item .places-item{ display:inline-block;  zoom:1;  *display:inline;  float:right;  font-size:32px;  color:black;  font-family:"PT Sans",Open Sans,sans-serif;  position:relative;  font-weight:bold;  top:-5px}
.food-points-item .places-item span{ font-size:17px}
.food-points-item .img-item, .souvenir-points-item .img-item{ width:100%;  padding:0 0 15px;  margin-bottom:10px;  position:relative}
.food-points-item .img-item .food_icon, .souvenir-points-item .img-item .food_icon{ display:block;  width:43px;  height:38px;  position:absolute;  bottom:-3px;  left:10px}
.food-points-item .img-item .food_icon:nth-of-type(3), .souvenir-points-item .img-item .food_icon:nth-of-type(3){ left:55px}
.food-points-item .img-item .food_icon:nth-of-type(4), .souvenir-points-item .img-item .food_icon:nth-of-type(4){ left:100px}
.food-points-item .img-item .food_icon:nth-of-type(5), .souvenir-points-item .img-item .food_icon:nth-of-type(5){ left:145px}
.food-points-item .img-item img, .souvenir-points-item .img-item img{ width:100%}
.food-points-item p, .souvenir-points-item p{ font-family:"PT Sans",Open Sans,sans-serif;  color:#666;  font-size:1.28em;  line-height:1.28em;  padding:15px 0}
.no-places .name-item{ display:block;  width:auto;  margin-bottom:10px}
.catering-h1{ font-size:40px;  color:#506021;  font-family:"PT Sans",Open Sans,sans-serif}
.map-footer{ width:380px;  margin:20px auto 0;  padding-bottom:70px}
.map-footer .e-commerce{ width:100%;  height:70px;  background:#e41026}
.map-footer .e-commerce .qr{ display:inline-block;  zoom:1;  *display:inline;  width:70px;  height:70px;  padding:10px;  float:left}
.map-footer .e-commerce .qr img{ width:100%;  height:auto}
.e-commerce-name p{ color:white;  text-transform:uppercase;  font-family:"PT Sans",Open Sans,sans-serif;  font-size:17px;  font-weight:bold;  display:inline-block; padding:10px 0}
.map-footer .e-commerce .e-commerce-name p:first-of-type{ margin-top:0;  margin-bottom:0;  padding-bottom:0}
.map-footer .e-commerce .e-commerce-name p:last-of-type{ margin-top:0;  padding-top:0;  margin-bottom:20px}
.map-footer .e-commerce .e-commerce-name a{ color:white;  text-decoration:none}
.map-footer .hotline{ margin-top:20px}
.map-footer .hotline h4{ text-transform:uppercase;  font-size:17px;  font-weight:bold;  font-family:"PT Sans",Open Sans,sans-serif;  margin-bottom:5px}
.map-footer .hotline .phone-hotline{ font-size:50px;  font-weight:bold;  font-family:"PT Sans",Open Sans,sans-serif;  color:#5e722a;  margin:0;  padding:0}
.map-footer .hotline .hotline-text{ font-size:16px;  font-family:"PT Sans",Open Sans,sans-serif;  color:#5e722a;  margin-top:10px;  margin-bottom:0}

@media screen and (max-width:1000px){ .food-points-item .places-item,.souvenir-points-item .places-item{ font-size:20px;  top:0}
 .food-points-item .places-item span{ font-size:14px}
 .food-points-item .name-item, .souvenir-points-item .name-item{ margin-bottom:10px}
}
@media screen and (max-width:900px){ .food-points-item,.souvenir-points-item{ width:49%}
 .food-points-item:nth-of-type(3n), .souvenir-points-item:nth-of-type(3n){ margin-right:1%}
 .food-points-item:nth-of-type(2n), .souvenir-points-item:nth-of-type(2n){ margin-right:0}
 
}
@media screen and (max-width:750px){ .food-points-item,.souvenir-points-item{ width:45%;  margin-right:5%}
 .food-points-item:nth-of-type(3n), .souvenir-points-item:nth-of-type(3n){ margin-right:5%}
 .food-points-item:nth-of-type(2n), .souvenir-points-item:nth-of-type(2n){ margin-right:0}
 
}
@media screen and (max-width:700px){ .food-points-item,.souvenir-points-item{ width:90%;  margin-right:5%;  margin-left:5%}
 .map-footer{ width:90%;  margin-left:auto;  margin-right:auto}
 

}

/*---Восстановление пароля---*/
.page__recover{ width:500px;  max-width:100%;  border:1px solid #ccc; padding:20px; margin:50px auto}
.page__recover h1{font-size:2.6em; text-align:center}
.page__recover .form .item{ -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap; height:auto}
.page__recover .form .item label, .page__recover .form .item input{ flex-basis:100%; margin-bottom:5px; max-width:100%}
.page__recover .valid-error{bottom:6px}

.page__recover p{font-size:1.7em;  text-align:center;  line-height:1.6em}

#succes-res p{ font-size:1.7em;  line-height:1.6em}

.userbadge_print{ border:1px dashed #b0b4b6; ;  background:white;  height:449px;  width:362px}
.userbadge_print .userbadge_content{ position:static}

.userbadge-back{ border:1px dashed #b0b4b6;  border-top:0;  background:white;  height:449px;  width:362px}
.userbadge-back img{ width:100%}

.userbadge_print .stand{ font-size:21px;  line-height:24px}

.userbadge_print .stand img{ position:absolute;  top:0;  left:0;  width:100%;  height:100%}
.userbadge_print .userbadge_cols .img{ -webkit-flex-basis:130px;  -ms-flex-preferred-size:130px;  flex-basis:130px;  height:130px}
.userbadge_print .userbadge_cols .name{ font-size:28px}
.userbadge_print .userbadge_content p{ font-size:18px}
.userbadge_print .stand span{ position:relative}

.info-partners-div{width:100%;height:auto;overflow:hidden;}
.info-partners-div
.gallery-block{width:100%;height:auto;overflow:hidden;}
.gallery-item-block1{display:block;float:left;width:33%;height:80px;overflow:hidden;padding:12px; text-align: center;}
.gallery-item-block1 img{max-width:210px;height:auto;}



/*--Для киоска



div[data-kiosk='0'] {
display: none !important;
} 
*/


#pdfView .viewer-back-button {position: absolute; left: 20px; bottom: 20px }
#pdfView .viewer-back-top { top: 55px; bottom: auto; }
#pdfView {position: relative;}

/* Стиль деловая программа от 24.07.2017 */
@media screen and (max-width:1200px){div[class*="timetable"]{width: 100%}}
div[class*="timetable"]{display: inline-block;vertical-align: middle;padding: 0px 10px}
.timetable__input{width: 80%}
.timetable__title{width: 19.5%}
.timetable__title p{margin: 0.6em 0em;color: #686c6e;font-size: 2.4em;font-weight: normal}
.timetable__button-wrapper{margin: 20px 0px}
.timetable__input input{border: 1px solid #b0b4b6;height: 38px;background: white;padding-left: 15px;width: 100%}
.timetable__input select{-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;border: 1px solid #b0b4b6;height: 38px;background: white;padding: 5px;color: #b0b4b6;width: 100%}
.item-title{padding: 9px 15px 10px}
.item-title h4{margin: 0;font-size: 1.8em;color: #005a7e}
.item-title h4 a {color:#005a7e !important}

/* Стиль внутр. стр. мероприятия */
.event-title{color: #005a7e;margin-right: 5px}
.event-table{width: 100%}
.event-table tr td:first-child{width:15%;text-align: center;color: #005a7e;font-weight: bold}

/*Стиль деловая программа от 27.07.2017*/
.event__wrapper{width:100%}
.event-flex {flex-direction: column !important}
/* .event-flex-list {display: inline-block;width: 90%} */
.event-flex-date{display: inline-block;width: 9%;vertical-align: top}
.event-flex-item{display: inline-block;width: 90%;}
.event-non-margin {margin: 10px 0px !important}
.event-thematic-link a {color:#005a7e;text-decoration: underline;}
.event-flex-list .bp-flex {display:flex;flex-wrap:wrap;align-items:center}
.event-flex-list .bp-flex > a {max-width: calc(100% - 75%)}
.event-flex-list .bp-flex > a img {width: 100%}
/* Кнопка удаления компании в профиле компании - только для рутов исполнителя */
#delfirm { margin-top: 10px; }

/* re captcha */
.re-captcha{display: none;position:absolute;top:0;left:0;height:100%;width:100%;background:#fff;-webkit-background-size:cover;background-size:cover;z-index:999}
.re-captcha__logo{padding:20px 10px 110px; text-align:center}
.re-captcha__logo img{margin:0 auto}
.re-captcha form {width:100%;max-width:304px;margin: 0 auto}

/* Header Info */
#headslider-slick .slick-dots {position:relative;padding:15px 0;bottom:0;background:transparent;}
#headslider-slick .slick-dots li {width:48px;height:48px;margin: 0 15px 10px;}
#headslider-slick .slick-dots li a {position:relative;display:block;}
#headslider-slick .slick-dots li a img {position:absolute;top:0;left:0;}
#headslider-slick .slick-dots li.slick-active a img:first-child {display:none;}
#headslider-slick .slick-dots li.slick-active a img:last-child {display:block;}
#headslider-slick .slick-dots li a img:last-child {display:none;}
.index__headinfo {position:relative; margin: 0 auto 20px auto;max-width:100%;}
.index__headinfo .index__header-img img {position:relative;min-width:100%;max-width:100%;height:auto;z-index:1;margin:0 auto;}
.index__headinfo .item {position:relative;overflow:hidden;}
.index__headinfo .item .desc {position:absolute;z-index:2;top:0px;left:0;width:100%;color:#fff;height:100%;}
.index__headinfo .index__header-name,
.index__headinfo .index__header-comment {text-transform:uppercase;width:21%;}
.index__headinfo .index__header-name {font-weight:bold;}
.index__headinfo .index__header-name {position:absolute;bottom:52%;right:0%;font-size:43px;letter-spacing: 2px;padding-right:3%;}
.index__headinfo .index__header-name p {margin:0;margin-bottom:8px;line-height: 45px;}
.index__headinfo .index__header-comment {position:absolute;top:79%;right:0%;font-size:23px;padding-right:10%;}
.index__headinfo .index__header-comment p{margin: 0;}
.index__headinfo .index__header-comment p:last-child {margin-top:10px;}
@media screen and (max-width:2200px){
.index__headinfo .index__header-name {font-size: 39px;}
}
@media screen and (max-width:2000px) {
.index__headinfo .index__header-name{font-size: 35px;}
}
@media screen and (max-width:1800px) {
.index__headinfo .index__header-name {font-size: 30px;}
.index__headinfo .index__header-comment{font-size: 20px;}
.index__headinfo .index__header-name p {line-height: 38px;}
}
@media screen and (max-width:1580px){
.index__headinfo .index__header-name{font-size:26px;}
.index__headinfo .index__header-comment{font-size:17px;}
}
@media screen and (max-width:1380px){
.index__headinfo .index__header-name{font-size: 23px;}
.index__headinfo .index__header-comment {font-size: 16px;}
}
@media screen and (max-width:1280px){
.index__headinfo .index__header-name {font-size: 25px;}
.index__headinfo .index__header-comment {font-size: 15px;}
.index__headinfo .index__header-name p {line-height: 30px;}
.index__headinfo .index__header-name, .index__headinfo .index__header-comment {width: 27%;}
.index__headinfo .index__header-comment p:last-child {margin-top: 5px;}
}
@media screen and (max-width:1024px){
.index__headinfo .index__header-name,
.index__headinfo .index__header-comment {width:35%;text-shadow: 1px 1px 2px black;}
.index__headinfo .index__header-name {font-size: 27px;}
.index__headinfo .index__header-comment {font-size: 17px;}
}
@media screen and (max-width:900px){
.index__headinfo .index__header-name {bottom: 60%;}
.index__headinfo .index__header-comment {top: 71%;}
}
@media screen and (max-width:860px){
.index__headinfo .index__header-name,
.index__headinfo .index__header-comment {width:100%;text-align:center;padding:0;}
.index__headinfo .index__header-name {font-size: 30px;}
.index__headinfo .index__header-comment {top: 55%;font-size: 20px;}
.index__headinfo .slick-arrow {display:none !important;}
}
@media screen and (max-width:640px){
.index__headinfo .index__header-name {font-size: 24px;}
.index__headinfo .index__header-comment {top: 48%;font-size: 17px;}
.index__headinfo .index__header-name p {line-height: 18px;}
}
@media screen and (max-width:400px){
.index__headinfo .index__header-name {font-size: 18px;}
.index__headinfo .index__header-comment {font-size: 13px;}
.index__headinfo .index__header-name p {line-height: 13px;}
}

/* Анкета для бейджа */

#form-anketa .item.checkbox-container {
  height: auto;
  align-items: flex-start;
}

#form-anketa .checkbox-wrap {
  display: flex;
  flex-wrap: wrap;
  max-height: none;
  overflow: visible;
  width: 64%;
}


#form-anketa .checkbox-btn {
  margin-right: 0;
  font-size: 1em;
  width: 50%;
}

#form-anketa .item.checkbox-container label {
  max-width: none;
}

#form-anketa .captcha {
  position: relative;
  width: 304px;
}
#form-anketa .checkbox-container .valid-error{
  top: 32px;
}

#form-anketa .captcha .valid-error {
  top: -20px;
}

#jobother {
  display: none;
}

#print-pdf {
  margin: 20px auto;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#print-pdf p{
  font-size: 1.8em;
  color: #222;
  line-height: 38px;
  margin: 5px 0;
}
#print-pdf #reg-form-print {
  font-size: 1.8em;;
  padding: 9px 15px;
}
#print-pdf #reg-form-print:hover .authin{
  z-index: 10;
  position: relative;
}

@media screen and (max-width:1000px){
  #form-anketa .checkbox-btn {
    width: 100%;
  }
}
@media screen and (max-width:500px){
  #form-anketa .checkbox-wrap {
    width: 100%;
  }
}

#pdfDownload {
  cursor: pointer;
  font-size: 14px
}