/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.25em 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}
[hidden] {
  display: none;
}

/* Fontello Icons */

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?26798841');
  src: url('../fonts/fontello.eot?26798841#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?26798841') format('woff2'),
       url('../fonts/fontello.woff?26798841') format('woff'),
       url('../fonts/fontello.ttf?26798841') format('truetype'),
       url('../fonts/fontello.svg?26798841#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: Roobert;
    font-weight: 700;
    src: url(../fonts/Roobert-Bold.woff2) format("woff2"),url(../fonts/Roobert-Bold.woff) format("woff")
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?26798841#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 

.icon-dots:before { content: '\e800'; } /* '' */
.icon-search:before { content: '\e801'; } /* '' */
.icon-dot-3:before { content: '\e802'; } /* '' */
.icon-zen:before { content: '\e803'; } /* '' */
.icon-ok:before { content: '\e804'; } /* '' */
.icon-copy:before { content: '\f0c5'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-vkontakte:before { content: '\f189'; } /* '' */
.icon-twitch:before { content: '\f1e8'; } /* '' */
.icon-yandex:before { content: '\f305'; } /* '' */

/* ./ Fontello Icons */


/*Start Custom Styles*/
ul:not([class]){
	margin: 0;
	/*margin: .3em 0;*/
}

ul:not([class]) li{
	margin: .3em 0;
}
ul:not([class]) li:first-child{
	margin-top: 0;
}

ul:not([class]) li:last-child{
	margin-bottom: 0;
}

a{
  display: inline-block;
  color: #28a1d5;
  font-weight: 500;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}

body{
  background: #434343;
  font-size: 14px;
  /* color: #868788; */
  color: #c1c0c0;
  font-family: 'PT Sans', sans-serif;

}

body *{
  outline: none;
}

.wrap{
  margin-top: 220px;
}

h1[itemprop="name"]{
  /*color: #28a1d5;*/
  color: #4ba5e1;
}

.text-center{
  text-align: center;
}

.text-left{
  text-align: left;
}

.text-right{
  text-align: right;
}

.full-width{
  width: 100%;
}

.content{
  background: #000;
  /*margin-top: 15em;*/
  min-height: 100vh;
}

.main-content__tile-more{
  text-align: right;
  /*margin-top: 1em;*/
}

.main-content__tile-more-link{
  display: inline-block;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .8em;
  text-align: center;
  border: 1px solid #fff;
  background: #006e9d;
  padding: 0.7em 1em;
  transition: all .3s ease-in-out;
}

.main-content__tile-more-link:hover{
    text-decoration: none;
    background: #910202;
}

.main-content__tile:hover .main-content__tile-title span{
  text-decoration: underline;
}

.main-content__tile-rows{
  margin: .25rem;
}

/* MOBILE */
  
  .mobile-menu__list{
    width: 100%;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
  }

  .mobile-menu__list.menu__list--dropdown{
    width: 100%;
  }

  .mobile-menu__list.menu__list--dropdown .mobile-menu__link{
    font-size: 1.2em;
    padding: .5em 0;
    padding-left: 3em;
    background: rgba(0, 110, 157, 0.7);
    font-weight: 300;
    text-decoration: none;
  }

   .mobile-menu__list.menu__list--dropdown{
    display: none;
   }

  .mobile-menu__list.menu__list--dropdown .mobile-menu__link.mobile-menu__link--primary{
    font-weight: 500;
    text-decoration: none;
  }
  
  .mobile-menu__item.mobile-menu__item--dropdown-opened .menu__list--dropdown{ 
    display: block;
  }

  .mobile-menu__link{
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5em;
    color: #fff;
    text-transform: uppercase;
    padding: .1em 0;
    padding-left: 1em; 
    border-bottom: 1px solid rgba(255,255,255,.1);
    text-decoration: none;
    background: rgba(0, 110, 157, 0.7);
    text-decoration: none!important;
  }

  .mobile-menu__link.vk--link{
    background: #597da3;
    font-weight: 600;
    padding-right: .5em;
  }

  .mobile-menu__link.zen--link{
    background: #2e3238;
    font-weight: 600;
    padding-right: 0.3em;
  }

  .mobile-menu__item .mobile-menu__list .mobile-menu__link{
    background: rgba(0, 161, 228, 0.7);
  }

  .mobile-menu__item.mobile-menu__item--dropdown-opened > .mobile-menu__link{ 
    background: #910202;
  }

  .mobile-menu__list.menu__list--dropdown .mobile-menu__link:focus{
    background: #910202;    
  }

  .mobile-menu__dropdown{
    text-decoration: none;  
    color: #fff;
    font-size: 1.5em;
  }

  .mobile-menu.mobile-menu--opened .mobile-menu__list-view{
    transform: translateY(0);
    overflow-y: scroll;
    padding-bottom: 10%;
    opacity: 1;
  }

  .mobile-menu__button{
    position: fixed;
    bottom: .3em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    /*width: 100%;*/
    left: 50%;
    transform: translate(-50%);
    background: #006e9d;
    color: #fff;
    font-size: 3em;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
  }

  #burgerBtn {
    border-top: 3px solid #fff;
    height: 22px;
    width: 25px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -khtml-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;

  }
  #burgerBtn:before {
    content: "";
    display: block;
    position: absolute;
    height: 3px;
    width: 25px;
    left: 0;
    background: #fff;
    top: 6px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -khtml-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  #burgerBtn:after {
    content: "";
    display: block;
    position: absolute;
    height: 3px;
    width: 25px;
    left: 0;
    background: #fff;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -khtml-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }

  #nav {
    position: absolute;
    z-index: 10;
    list-style-type: none;
    margin: 100px 0 0 20px;
    padding: 0;
    overflow: hidden;
  }
  #nav li {
    height: 30px;
    width: 0;
    margin: 30px 0;
    background: #eae8e5;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -khtml-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
  }
  #nav li + li {
    margin-left: -40px;
  }
  #nav li + li + li {
    margin-left: -80px;
  }
  #nav li + li + li + li {
    margin-left: -120px;
  }
  .mobile-menu__button.menu--opened{
    background: #910202
  }
  .menu--opened #nav{
    display: block;
  }
  .menu--opened #burgerBtn {
    border-color: transparent;
  }
  .menu--opened #burgerBtn:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 25px;
    left: 0px;
  }
  .menu--opened #burgerBtn:after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -khtml-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    bottom: 10px;
    width: 25px;
    left: 1px;
  }

  .mobile-menu__list-view{
    position: fixed;
    height: 100%;
    background: rgba(67, 67, 67, 0.95);
    width: 100%;
    z-index: 9;
    transform: translateY(100%);
    opacity: 0;
    transition: all ease-in-out .3s;
  }

  .mobile-menu__bnn-slider .mobile-menu__slide-img{
    max-width: 100%;
  }

  .mobile-menu .mobile-menu__info{
    padding: 0 15px;
  }
  .mobile-menu .mobile-menu__logo{
    padding: 0 15px;
  }

/* ./ MOBILE */


/* HEADER */

header{
  width: 100%;
}

.header-logo .header-logo__img{
  width: 100%;
}

.wot-logo .wot-logo__img{
  width: 100%;
}

.header-search{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.header-search .header-search__input{
  flex-grow: 1;
  padding: .3em 1em ;
  font-size: 1.2em;
  font-weight: 100;
  width: 80%;
  border: none;
}

.header-search .header-search__button{ 
  cursor: pointer;
  font-size: 1em;
  background: #006e9d;
  border: 0;
  color: #fff;
  /*width: 20%;*/
  padding: 0 1.5em;
  transition: all ease-in-out .3s;
}
.header-search .header-search__button.full--width{
} 

.header-search .header-search__button i{
  font-size: 1.4em;
}

.header-search .header-search__button:active, .header-search .header-search__button:hover, .header-search .header-search__button:focus{
  background: #910202;  
}

.header-info{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  padding: 1em 0;
}

.header-info .header-info__link{
  text-decoration: none;
  color: inherit;
  border-bottom: 1px dashed #868788;
}

.header-info .header-info__link:hover{  
  border-bottom: 1px solid #868788;
}

.header-menu{
  margin-top: 1em;
  width: 100%;
}

.header-menu .header-menu__list{
  padding: 0;
  width: 100%;
  margin: 0;
  margin-bottom: 1em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  list-style: none;
}

.header-menu .header-menu__item{
  flex-grow: 1;
  width: calc(100% / 6);
  border-left: 1px solid #fff;
  position: relative;
}
.header-menu .header-menu__item:first-child{
  border: none;
}

.header-menu .header-menu__link{
  display: block;
  color: #fff;
  height: 100%;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.4em;
  padding: 0.2em 0;
  padding-left: .7em;
  text-transform: uppercase;
  background: #006e9d;
  text-shadow: 1px 0 1px #000;
  transition: all ease-in-out .3s;
}

.header-menu  .header-menu__link:hover{
  background: #910202;
}

.header-menu .header-menu__dropdown{
  display: none;
  padding: 0;
  position: absolute;
  width: 100%;
  list-style: none;
  z-index: 3;
  /* background: rgba(0,0,0,0.95); */
   background: #287ca0;
  background: rgba(0, 110, 157, .95);
  transform-origin: top center;
  transition: all ease-in-out .3s;
  opacity: 0;
   /*border: 1px solid #fff;*/
  /*border-top: 0;  */
  /*transform: scaleY(0);*/
}

.header-menu .header-menu__link:hover + .header-menu__dropdown, .header-menu .header-menu__dropdown:hover{
  display: block;
  opacity: 1;
  /*transform: scaleY(1);*/
}

/*.header-menu .header-menu__subitem{
  padding: 
}*/

.header-menu .header-menu__sublink{
  display: block;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  padding: .5em 1em;
  transition: all ease-in-out 0.3s;
  font-size: 1.1em;
}

.header-menu .header-menu__sublink:hover{
  background: #910202;
}

.header-menu .header-menu__link .header-menu__link--add-info{
  color: #EFDF3A;
  font-size: .6em;
  font-weight: 400;
  text-shadow: 1px 0 0 #000;
  letter-spacing: .7px;
  white-space: nowrap;
}

/* ./ HEADER */

/* MAIN */
  .main-content{
    /*margin-top: 1em;*/
  }
  
  .main-content__bnn-wrap .main-content__bnn-slider{
    font-size: 1.1em;
  }

  .main-content__bnn-wrap .main-content__bnn-slider .main-content__bnn-slide .main-content__bnn-img{
    max-width: 100%;
  }

/*  .main-content__bnn-wrap .main-content__bnn-slider .slick-slide a{
  	display: block;
  }*/

  .main-content__section-desc{
    font-size: 1.1em;
    color: #929292;
  }

  .main-content__section-desc > p:first-child{
  	margin-top: 0;
  }

  .main-content__section-desc > p:last-child{
  	margin-bottom: 0;
  }

  .main-content__section-img{
    width: 100%;
  }

  .main-content__tabs-wrap{
    /*margin-top: 1em;*/
  }

  .main-content__tabs-wrap .main-content__tabs-items{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0;
    margin: 0;
  }
    
  .main-content__tabs-wrap  .main-content__tabs-item{
    list-style: none;
    text-align: center;
    position: relative;
    margin-left: .5em;
  }
  .main-content__tabs-wrap  .main-content__tabs-item{
    margin-left: 2.8em; 
  }
  
  .main-content__tabs-wrap  .main-content__tabs-item.tab--active .main-content__tabs-link{
    background: #910202;
  }
  
  .main-content__tabs-wrap  .main-content__tabs-item:hover .main-content__tabs-link{
    background: #910202;
  }

  .main-content__tabs-wrap  .main-content__tabs-item::after{
    content: '\e800';
    display: block;
    font-family: 'fontello';
    color: #fff; 
    font-size: 1.7em;
    position: absolute;
    right: -1.3em;
    top: 50%;
    transform: translateY(-50%);
  }

  .main-content__tabs-wrap  .main-content__tabs-item:first-child::before{
    content: '\e800';
    display: block;
    font-family: 'fontello';
    color: #fff;
    font-size: 1.7em;
    position: absolute;
    left: -1.3em;
    top: 50%;
    transform: translateY(-50%);
  }

  .main-content__tabs-wrap  .main-content__tabs-item.not--dot{
    margin-left: .5em;
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 100%;
  }
  .main-content__tabs-wrap  .main-content__tabs-item.not--dot:first-child{
    margin-left: 0;
  }

  .main-content__tabs-wrap  .main-content__tabs-item.not--dot::after{
    display: none;
  }

  .main-content__tabs-wrap  .main-content__tabs-item.not--dot:first-child::before{
    display: none;
  }

  .main-content__tabs-wrap  .main-content__tabs-item .main-content__tabs-link{
    display: block;
    background: #006e9d;
    border: 1px #fff solid;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .9em;
    padding: .7em 1.2em;
    transition: all ease-in-out .2s;
  }

  .main-content__tabs-content{
    /* margin-top: 1em; */
  }


  .main-content__tiles .main-content__tile{
    display: block;
    position: relative;
    z-index: 5;
    border: 1px solid #006e9d;
    overflow: hidden;
    min-height: 250px;
    margin: 1em 0;
  }

  .main-content .main-content__tile-info{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    /*justify-content: space-between;*/
  }
  
  .main-content__tiles .main-content__tile.tile--small{
    min-height: 110px;
    border: 1px solid #fff;
  }

  .main-content__tiles .main-content__tile.tile--medium{
    min-height: 150px;
  }

  .main-content__tiles .main-content__tile.tile--small .main-content__tile-title{
    font-size: 1em;
  }


  .main-content__tiles .main-content__tile .main-content__tile-img{
    width: 100%;
    position: absolute;
    z-index: 0;
  }

  .main-content__tiles .main-content__tile-elems{
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 5;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .main-content__tiles .main-content__tile-elems .main-content__tile-title{
    width: 100%;
    height: 100%;
    padding: 1em;
    text-align: center;
    background: rgba(1,1,1,0.9);
    color: #fff;
    font-size: 1em;
  }


  .main-content__grid .main-content__grid-cell{
    display: block;
    position: relative;
    z-index: 5;
    border: 1px solid #006e9d;
    overflow: hidden;
    min-height: 150px;
    margin: 1em 0;
  }

  .with--border::after{
    content: '';
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    height: 2px;
    border-bottom: 1px dashed #006e9d;    
  }
  

  .main-content__grid .main-content__grid-cell .main-content__grid-cell-img{
    width: 100%;
    position: absolute;
    z-index: 0;
  }

  .main-content__grid .main-content__grid-cell-elems{
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 5;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .main-content__grid .main-content__grid-cell-elems .main-content__grid-cell-title{
    width: 100%;
    height: 100%;
    padding: 1em;
    text-align: center;
    background: rgba(0,0,0,0.65);
    color: #fff;
    font-size: 1em;
  }

  .main-content__grid .main-content__grid-cell-elems .main-content__grid-cell-title:hover{
    text-decoration: underline;
  }


   .main-content__tile-row{
    padding: .7em 0;
    border-bottom: 1px dashed #006e9d;
    height: 100%;
  }
  
  .main-content__tile-row:last-child{
    padding-bottom: 0;
  }

  .main-content__tile-row:last-child{
	border: none;
  }

  .main-content__tile-row-img-wrap{
    border: 1px solid #006e9d;
  }
  .main-content__tile-row-img{
    width: 100%;
  }

  .main-content__tile-row-link, .main-content__tile-row-link:hover{
    display: block;
    text-decoration: none;
    color: #fff;
  }


  .main-content__tile-row-link:hover .main-content__tile-row-title{
    text-decoration: underline;
  }

  .main-content__tile-row-title.hover--link{
    color: #28a1d5;
    font-size: 1.1em;
  }

  .main-content__tile-row-desc{
    color: #fff;
    font-size: 1em;
    margin-top: .5em;
  }

  .main-content__detail{
    color: #929292;
    font-size: 1.1em;
  }

  .main-content__detail img{
    max-width: 100%;
	height: auto;
    margin: 1em 0;
	cursor: pointer;
  }

  .download-verified, .quote{
    background: #202020;
    padding: .7em;
    border-left: 5px solid #006e9d;
  }

  .download-verified ~ .download-verified,
  .quote ~ .quote{
  	padding-top: 0;
  }

  .download-verified, .quote p{
    margin: .2em;
  }

  .download-verified__checked, .download-verified__done, .download-verified__weight{
    text-align: center;
  }

  .download-verified__link img, .download-verified__bnn img{
    width: 100%;
  }


  footer{
    margin-top: 2em;
    padding-bottom: 2em;
    border-top: 1px solid #fff;
  }

  .footer__content-text{
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: .9em;

  }
  
  .footer__content-logo{
    margin-top: 1em;
  }

  .footer__content-logo img{
    width: 100%;
  }

  /* BUTTONS */
    .big-button-wow {		
		display: inline-block;
	}

	.big-button-wow a {
    display: block;
		/*padding: 1em 2em;*/
    padding: 0.7em 1.2em;
    font-size: 1.4em;
    letter-spacing: .3px;
		cursor: pointer;
		touch-action: manipulation;
		position: relative;
		z-index: 1;
		vertical-align: middle;
		background-size: 100% 100%;
		font-family: 'Roboto Condensed' ,sans-serif;
		font-weight: 400;
		text-align: center;
		white-space: nowrap;
		text-shadow: 0 -1px 2px rgba(0,0,0,.4);
		transition: all .2s ease-out;
		color: #fff;
		text-decoration: none;
		border: none;
		text-transform: uppercase;
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#006a6a),to(#009797));
		background-image: linear-gradient(0deg,#006a6a 0,#009797);
	}
	
	.big-button-wow a:hover {
		background-size: 100% 400%;
	}

	.big-btn-twitch{
		display: inline-block;
	}

	.big-btn-twitch a{ 
		position: relative;	
		padding: .7em 2em;
    letter-spacing: 0.5px;
		color: #fff;
		font-family: "Roboto Condensed", sans-serif;
		background: #392e5c;
		border: 1px solid #cfcade;
		border-radius: 4px;		
		vertical-align: middle;
		font-size: 1.3em;
		font-weight: 700;
		line-height: 1.3em;
		min-width: 180px;	
		text-transform: uppercase;
		text-decoration: none;
	}
	.big-btn-twitch a:hover {
		background: #6441a4;
		cursor: pointer;
	}

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

	.big-button a{
    position: relative;
	  padding: .7em 2em;
    letter-spacing: 0.5px;
    font-family: 'Roboto Condensed',sans-serif;
    box-shadow: 0 2px 0 #661000, inset 0 0 8px rgba(255,210,0,.1), inset 0 1px 0 #fab81b, inset 0 -1px 0 #ef4511;
    background: linear-gradient(to bottom,#fab81b 0%,#ef4511 100%) no-repeat 0,linear-gradient(to bottom,#fab81b 0%,#ef4511 100%) no-repeat 100%,#f25322 linear-gradient(to bottom,#f60 0%,#a6230e 100%) no-repeat;
    background-size: 1px 100%,1px 100%,cover;
    vertical-align: middle;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.3em;
    color: #f9f5e1;
    text-transform: uppercase;
    text-shadow: 0 -1px rgba(71,0,0,.3);
    border-radius: 1px;
    min-width: 180px;
    text-decoration: none;
	}

	.big-button a span{
		z-index: 2;
    position: relative;
	}
	.big-button a:hover {
		color: #f9f5e1;
		cursor: pointer;
	}
	.big-button a:hover:after {
		opacity: 1;
	}
	.big-button a:after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		content: "";
		box-shadow: inset 0 0 8px rgba(255,210,0,.1), inset 0 1px 0 #fab81b, inset 0 -1px 0 #ff7e00;
		background: linear-gradient(to bottom,#fab81b 0%,#ff7e00 100%) no-repeat 0,linear-gradient(to bottom,#fab81b 0%,#ff7e00 100%) no-repeat 100%,#ff7e00 linear-gradient(to bottom,#ff7e00 0%,#c2530a 100%) no-repeat;
		background-size: 1px 100%,1px 100%,cover;
		z-index: 1;
		opacity: 0;
		transition: opacity .15s ease-out;
		will-change: opacity;
	}
  
  .big-coupon{
    display: inline-block;
    position: relative;
    width: 300px;
    box-shadow: 0 2px 0 #661000, inset 0 0 8px rgba(255,210,0,.1), inset 0 1px 0 #fab81b, inset 0 -1px 0 #ef4511;
    border: 1px solid rgba(250, 184, 27, 0.8);
  } 

  .big-coupon a.coupon-code{
    width: 100%;
    display: block;
    height: 48px;
    border: 1px solid #ff7e00;
    color: #ff7e00;
    background: #f9f3dd;
    color: #d34506;
    border-radius: 1px;
    font-weight: 800;
    font-size: 1.1em;
    font-family: 'Tahoma', sans-serif;
    line-height: 48px;
    text-align: right;
    padding-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .big-coupon a.get-code{
    display: block;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 1.2em;
    /*box-shadow: 0 2px 0 #661000, inset 0 0 8px rgba(255,210,0,.1), inset 0 1px 0 #fab81b, inset 0 -1px 0 #ef4511;*/
    /*background: linear-gradient(to bottom,#fab81b 0%,#ef4511 100%) no-repeat 0,linear-gradient(to bottom,#fab81b 0%,#ef4511 100%) no-repeat 100%,#f25322 linear-gradient(to bottom,#f60 0%,#a6230e 100%) no-repeat;*/
    /*background-size: 1px 100%,1px 100%,cover;*/
    background: #e45205;
    color: #f9f5e1;
    text-shadow: 0 -1px rgba(71,0,0,.3);
    text-align: center;
    border-radius: 1px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    top: 0;
    /*left: 0;*/
    width: 80%;
    text-transform: uppercase;
    font-weight: 700;
    white-space: nowrap;
    transition: all ease-in-out .3s;
  }
  
  .big-coupon a.coupon-code:hover{text-decoration: none;}
  .big-coupon a.get-code:hover, .big-coupon a.coupon-code:hover + a.get-code{width: 75%; text-decoration: none;}
  .big-coupon a.get-code::before {
    position: absolute;
    top: 6px;
    right: -30px;
    z-index: 3;
    display: block;
    width: 45px;
    height: 45px;
    /*border-radius: 0 0 0 5px;*/
    background-image: linear-gradient(38deg,#ff7e00  0,#ff7e00 49%,transparent 50%,transparent 100%);
    background-position: 0 6px;
    background-repeat: no-repeat;
    content: '';
    -webkit-transition: background-position .2s,-webkit-transform .2s;
    transition: background-position .2s,-webkit-transform .2s;
    transition: transform .2s,background-position .2s;
    transition: transform .2s,background-position .2s,-webkit-transform .2s;
    -webkit-transform: rotate(28deg) translateY(-10px) scaleX(.9);
    transform: rotate(28deg) translateY(-10px) scaleX(.9);
  }

.big-coupon a.get-code::after {
  position: absolute;
  right: -6px;
  bottom: 0;
  display: block;
  width: 21px;
  height: 48px;
  /*box-shadow: 0 2px 0 #661000, inset 0 0 8px rgba(255,210,0,.1), inset 0 1px 0 #fab81b, inset 0 -1px 0 #ef4511;*/
  /*background: linear-gradient(to bottom,#f25322 0%,#a6230e 100%) no-repeat 0,linear-gradient(to bottom,#f25322 0%,#ef4511 100%) no-repeat 100%,#f25322 linear-gradient(to bottom,#f60 0%,#a6230e 100%) no-repeat;*/
  /*background-size: 1px 100%,1px 100%,cover;*/
  background: #e45205;
  content: '';
  -webkit-transition: right .2s;
  transition: right .2s;
  -webkit-transform: skew(40deg,0);
  transform: skew(21deg,0);
}


  .big-coupon a span{
    position: relative;
    z-index: 2;
    letter-spacing: 0.5px;
    font-size: 1.2em;
  }


  /* */

  .pagination{
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0;
    margin: 1em 0;
  }

  .pagination li{
    margin-left: .5em;
  }

  .pagination li:first-child{
    margin-left: 0;
  }

  .pagination li a, .pagination li span{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    color: #fff;
    background: #006e9d;
  }

  .pagination li span{
    background: #910202;

  }

  .pagination li a:hover{
    text-decoration: none;
    background: #910202;
  }

/* ./ MAIN */

/* ./ MEDIA QUERIES */
@media (max-width: 575px){
  body{
    font-size: 12px;
    background: #000;
  }
  
}

@media (min-width: 576px){ 
  body{
    background: #000;
  }
}



@media (max-width: 768px){

}

@media (max-width: 991px){
  .wrap{
    margin-top: 0;
  }

  .main-content__tabs-wrap  .main-content__tabs-item::after,
  .main-content__tabs-wrap  .main-content__tabs-item::before,
  .main-content__tabs-wrap  .main-content__tabs-item:first-child::before
  {
    display: none;
  }

  .main-content__tabs-wrap .main-content__tabs-item
  {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 100%;
    margin: .25em; 
  }

  .main-content__tabs-wrap .main-content__tabs-item:first-child{
    margin-left: 0;
  }
  .main-content__tabs-wrap .main-content__tabs-item:last-child{
    margin-right: 0;
  }
  
  .main-content__tile-more{
    margin-top: .1em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
  }

  .main-content__tile-more-link{
    display: block;
    width: 60%;
  }
  

  footer{
    padding-bottom: 3em;
  }
  
  .container.padding--fix{
    padding: 0;
  }

  h1{
    /*margin: 0;*/
    margin: .25rem 0;
    margin-top: .5rem;
  }
 
}

@media (min-width: 992px) {
  body{
    font-size: 12px;
    background: #434343;
  }
  .wot-logo{
    margin-top: -35px;
    margin-bottom: -20px;
    margin-left: -12px;
    margin-right: 4px;
  }
}

@media (min-width: 1200px) {
   body{
    font-size: 14px;
  }
}
/* ./ MEDIA QUERIES */

.header-menu .header-menu__link.twitch--link{
  background: #6641a6;
  font-family: Roobert, sans-serif;
  text-shadow: none;
}

.header-menu .header-menu__link.twitch--link .header-menu__link--add-info{
  color: #fff;
  /*font-weight: 800;*/
}

.twitch--animate{
  animation: 1s twitch-animate linear .1s infinite;
}

.twitch--animate-res{
  position: relative;
  text-shadow: none;
}

.twitch--animate-res::after{
  content: '';  
  width: .3em;
  height: .3em;
  background: red;
  border-radius: 50%;
  position: absolute;
  bottom: .15em;
  right: .15em;
  font-size: 1.1em;
  animation: 1s twitch-animate-res ease-in-out .1s infinite;
}

.mobile-menu__button:not(.menu--opened) .menu-as-tank::before{
  animation: 5s menu-as-tank ease-in-out 5s 1;
  text-shadow: 0 0 1px #000;
}

.mobile-menu__button.bg-as-trace:not(.menu--opened){
  animation: 5s bg-as-trace ease-in-out 5s 1;
  background: linear-gradient(to right, #006e9d 50%, #910205 50%);
  background-size: 200% 200%;
  background-position: 0%;

}

@keyframes twitch-animate{
  0%{
    opacity: 1;
  }

  50%{
    opacity: 0;
  }

  100%{
    opacity: 1;
  }
}

@keyframes twitch-animate-res{
  0%{
    opacity: 1;
  }

  50%{
    opacity: 0;
  }

  100%{
    opacity: 1;
  }
}



@keyframes menu-as-tank{
  0%{
    transform: translateX(0);
  }

  20%{
    transform: translateX(15px);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  }

  40%{
    transform: translateX(15px) translateY(-2px) rotate(-15deg);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  }
  60%{
    transform: translateX(15px) translateY(2px) rotate(15deg);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  }
  80%{
    transform: translateX(15px);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  }

  100%{
    transform: translateX(0);

  }
  
}

@keyframes bg-as-trace{
  0%{
    background-position: 0%; 
    transform: translate(-50%) rotate(0deg);  
  }

  25%{
    background-position: 100%;    
    transform: translate(-50%) rotate(-90deg);
  }

  50%{
    background-position: 100%;
    transform: translate(-50%) rotate(-90deg);
  }

  75%{
    background-position: 100%;    
    transform: translate(-50%) rotate(-90deg);
  }

  100%{
    background-position: 200%;
    transform: translate(-50%) rotate(0deg);
  }
  
}


/*TEMP*/
	.btn-wide{
		width: 60%;
	}

	.btn-lg{
		font-size: .9em;
	}

	.btn-transparent{
		background: transparent;
		border: 1px solid #006e9d;
	}

	.btn-transparent:hover{
		background: #006e9d;
	}
	
/**/
.breadcrumbs{
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
  	margin-top: .5em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-bottom: 1px #797878 dashed;
}
.breadcrumbs li{
	padding: .3em;
}

.breadcrumbs li:not(:first-child)::before{
	content: '\f105';
	font-family: "fontello";
	width: auto;
	display: inline-block;
}

.breadcrumbs li a{
	display: inline-block;
	text-decoration: none;
	color: #ffffff;
	/*border-bottom: 1px dashed #868788;*/
}

.breadcrumbs li a:hover{
	/*border-bottom: 1px solid #868788;*/
	box-shadow: inset 0 -1px 0 #868788;
}

.breadcrumbs li span{
	color: #ffffff;
}