/************************ Reset CSS *******************/
body {
  color:#000;
  background:#FFF;
  }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin:0; 
  padding:0;
  }

table {
  border-collapse:collapse;
  border-spacing:0;
  }

fieldset,img {
  border:0;
  }

address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
  }

li {
  list-style:none;
  }

caption,th {
  text-align:left;
  }

h1,h2,h3,h4,h5,h6 { 
  font-size:100%;
  font-weight:normal;
  }

q:before,q:after {
  content:'';
  }

abbr,acronym {
  border:0;
  font-variant:normal;
  }

sup,sub {
  line-height:-1px;
  vertical-align:text-top;
  }

sub {
  vertical-align:text-bottom;
  }

input, textarea, select {
  font-family:inherit; 
  font-size:inherit; 
  font-weight:inherit;
  }

body {
  font:13px/1.22 Arial,Helvetica,clean,sans-serif;
  *font-size:small;
  *font:x-small;}

table {
  font-size:inherit;
  font:100%;
  }

pre,code,kbd,samp,tt {
  font-family:monospace;
  *font-size:108%;
  line-height:99%; 
  }

/************************ SITE CSS *********************/

@font-face {
  font-family:Circe;
  font-style:normal;
  font-weight:200;
  src:url(../fonts/Circe/CRC35_2.woff2) format("woff2"),url(/builds/prod/font/Circe/CRC35_2.woff) format("woff")
}
@font-face {
  font-family:Circe;
  font-style:normal;
  font-weight:400;
  src:url(../fonts/Circe/CRC55_2.woff2) format("woff2"),url(/builds/prod/font/Circe/CRC55_2.woff) format("woff")
}
@font-face {
  font-family:Circe;
  font-style:normal;
  font-weight:700;
  src:url(../fonts/Circe/CRC65_2.woff2) format("woff2"),url(/builds/prod/font/Circe/CRC65_2.woff) format("woff")
}

* { margin: 0; padding: 0; }

html { font-size: 24px; height: 100%; }

@media (max-width: 1200px) {
  html {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 18px;
  }
}

@media (max-width: 320px) {
  html {
    font-size: 16px;
  }
}


body {
  font-family: Circe, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 39px;
  color: #fff;
  height: 100%;
  background: url(../images/fon-bg.png);
  background-size: cover;
  min-width: 320px;
}

fieldset, img { border: 0; }

.center { text-align: center; }

b, strong {
  font-weight: bold;
  font-size: inherit !important;
  color: inherit !important;
}

i {
  font-style: italic; 
  font-size: inherit !important;
  color: inherit !important;
}

p { 
  padding-bottom: 0.8rem;
}

ul { 
  margin-bottom: 0.8rem;
  list-style-position: outside;
  padding-left: 2px;
  line-height: 135%;
}
   ul li, ol.I li ol li ul li {
      list-style-type: disc;
      padding-left: 15px;
   }
ol {
  margin-bottom: 8px;
  list-style: decimal;
  list-style-position: outside;
  padding-left: 30px;
  line-height: 135%;
}
  ol.I li { list-style-type: upper-roman; }
  ol li, ol.I li ol li { list-style-type: decimal; }
  ol.I li ol li ul { padding-top: 10px; }
ul li, ol li { padding-bottom: 5px; }


a { text-decoration: underline; outline: none; }
  a:hover { text-decoration: none; }
a, a:visited { color: #fff; }

.left { float: left; }
.right { float: right; }

.clear { float: none;  font-size: 0; height: 0; overflow: hidden; width: 99%; }
.clear_l { float: none; clear: left; font-size: 0; height: 0; overflow: hidden; width: 99%; }
.clear_r { float: none; clear: right; font-size: 0; height: 0; overflow: hidden; width: 99%; }

h1 {
  font-size: 1.41rem;
  font-weight: 700;
  line-height: 1.41rem;
  padding-bottom: 0.8rem;
}

h2 {
  font-size: 1.41rem;
  font-weight: 400;
  line-height: 1.7rem;
  padding-bottom: 0.8rem;
}

.text_eng {
  font-size: 0.76rem;
  font-weight: 400;
  line-height: 1rem;
  padding-top: 4rem;
}

  @media (max-width: 767px) {
    .text_eng {
      padding-top: 1rem;
    }
  }

.text_eng h2 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3rem;
}

.bg_cloud {
  position: absolute;
  height: calc(100vh * 0.73);
  width: 100%;
  background: url(../images/fon-cloud.png) 100% 100% no-repeat;
  background-size: contain;
  z-index: -1;
  bottom: calc(100vh * 0.04);
}

.content-container {
  width: 93%;
  margin: 0 auto;
  height: calc(100vh * 0.9);
  top: calc(100vh * 0.05);
  position: relative;
}

.top {
  font-size: 0.69rem;
  line-height: 0.9rem;
  font-weight: 400;
  height: 36px;
}

.more {
  font-weight: 700;
}

.content {
  display: table;
  height: calc(100vh * 0.9 - 36px);
  margin: 0 auto;
  width: 100%;
}

.content_inner {
  display: table-cell;
  vertical-align: middle;
}

.popup {
  position: relative;
  background: #fff;
  padding: 40px 20px;
  width: auto;
  max-width: 920px;
  margin: 20px auto;
  color: #777;
  text-align: left;
}

.popup a, 
.popup a:visited {
  color: #44c7f4;
}