@font-face {
    font-family: 'gotham_pro_bold';
    src: url('fonts/9781.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_pro_black';
    src: url('fonts/9781.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gt_walsheim_problack';
    src: url('fonts/gt-walsheim-pro-black-webfont.eot');
    src: url('fonts/gt-walsheim-pro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gt-walsheim-pro-black-webfont.woff2') format('woff2'),
         url('fonts/gt-walsheim-pro-black-webfont.woff') format('woff'),
         url('fonts/gt-walsheim-pro-black-webfont.ttf') format('truetype'),
         url('fonts/gt-walsheim-pro-black-webfont.svg#gt_walsheim_problack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gt_walsheim_problack_oblique';
    src: url('fonts/gt-walsheim-pro-black-oblique-webfont.eot');
    src: url('fonts/gt-walsheim-pro-black-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gt-walsheim-pro-black-oblique-webfont.woff2') format('woff2'),
         url('fonts/gt-walsheim-pro-black-oblique-webfont.woff') format('woff'),
         url('fonts/gt-walsheim-pro-black-oblique-webfont.ttf') format('truetype'),
         url('fonts/gt-walsheim-pro-black-oblique-webfont.svg#gt_walsheim_problack_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gt_walsheim_promedium';
    src: url('fonts/gt-walsheim-pro-medium-webfont.eot');
    src: url('fonts/gt-walsheim-pro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gt-walsheim-pro-medium-webfont.woff2') format('woff2'),
         url('fonts/gt-walsheim-pro-medium-webfont.woff') format('woff'),
         url('fonts/gt-walsheim-pro-medium-webfont.ttf') format('truetype'),
         url('fonts/gt-walsheim-pro-medium-webfont.svg#gt_walsheim_promedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gt_walsheim_promedium_oblique';
    src: url('fonts/gt-walsheim-pro-medium-oblique-webfont.eot');
    src: url('fonts/gt-walsheim-pro-medium-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gt-walsheim-pro-medium-oblique-webfont.woff2') format('woff2'),
         url('fonts/gt-walsheim-pro-medium-oblique-webfont.woff') format('woff'),
         url('fonts/gt-walsheim-pro-medium-oblique-webfont.ttf') format('truetype'),
         url('fonts/gt-walsheim-pro-medium-oblique-webfont.svg#gt_walsheim_promedium_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

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

}
@font-face {
    font-family: 'gt_walsheim_proitalic';
    src: url('fonts/gt-walsheim-pro-regular-oblique-webfont.eot');
    src: url('fonts/gt-walsheim-pro-regular-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gt-walsheim-pro-regular-oblique-webfont.woff2') format('woff2'),
         url('fonts/gt-walsheim-pro-regular-oblique-webfont.woff') format('woff'),
         url('fonts/gt-walsheim-pro-regular-oblique-webfont.ttf') format('truetype'),
         url('fonts/gt-walsheim-pro-regular-oblique-webfont.svg#gt_walsheim_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.popup {
    display: block;
    position: fixed;
    background: url(images/bg.png) no-repeat 0 0;
    background-size: cover;
    width: 37.8vw;
    text-align: center;
    padding: 0.5vw 1vw 3vw 0.5vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 123345352;
}
.popup div{
	border: 2px solid #fff;
	padding-top: 1.7vw;
	padding-left: 8.8vw;
	padding-bottom: 2.3vw;
	position:relative;
}
.popup h2 {
    color: #ffb80e;
    font-family: 'gt_walsheim_promedium';
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    font-size: 1.55vw;
}
.popup p {
    color: #fff!important;
    font-family: 'gt_walsheim_promedium';
    text-transform: uppercase;
    margin-top: 0.4vw;
    font-size: 1.14vw;
    margin-bottom: 0.3vw;
}
.popup p span {
    display: block;
    color: #fff!important;
    font-family: 'gt_walsheim_problack';
    margin-top: 0.6vw;
    font-size: 1.3vw;
}
.popup h3 {
    color: #ffb80e;
    font-family: 'gt_walsheim_problack';
    text-transform: uppercase;
    font-weight: normal;
    margin: 0.4vw 0 1vw;
    font-size: 1.4vw;
    line-height: 1.9vw;
}
.btn-yellow {
	color: #000;
	text-decoration: none;
	background: url(images/popup-buy-ru.png) no-repeat 0 0;
	padding: 0;
	display: inline-block;
	text-align: center;
	font-family: 'gotham_pro_bold';
	margin-top: 0.3vw;
	font-size: 0.9vw;
	text-transform: uppercase;
	width: 13vw;
	height: 2.8vw;
	    background-size: 13vw;
}
.btn-yellow:hover {
	background: url(images/popup-buy-ru-h.png) no-repeat 0 0;
	    background-size: 13vw;
}
.ua .btn-yellow {
	background: url(images/popup-buy-ua.png) no-repeat 0 0;
	    background-size: 13vw;
}
.ua .btn-yellow:hover {
	background: url(images/popup-buy-ua-h.png) no-repeat 0 0;
	    background-size: 13vw;
}
.btn-close {
    display: block;
    cursor: pointer;
    background: url(images/close.png) no-repeat 0 0;
    width: 1.7vw;
    height: 1.8vw;
    position: absolute;
    right: 0;
    top: 0;
	box-shadow: 0px 1px 0px 0px rgba(150, 117, 0, 0.39); 
	    background-size: 1.8vw;
}

.banners{
    text-align: left;
    transition: opacity 0.45s;
}
.banners div.clickbanner {
	background: #003f64; /* Old browsers */
	background: -moz-linear-gradient(top, #003f64 0%, #0075a6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #003f64 0%,#0075a6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #003f64 0%,#0075a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f64', endColorstr='#0075a6',GradientType=0 ); /* IE6-9 */
	font-family: 'gotham_pro_black'!important;
	color:#fff;
	text-transform: uppercase;
	font-size: 1.58vw;
	line-height: 3.3vw;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.28);

    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;

}
.banners div {
    font-family: 'gotham_pro_black'!important;
    color:#fff;
    text-transform: uppercase;
    font-size: 1.58vw;
    line-height: 3.3vw;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.28);
}
.banners div.clickbanner:hover{
    background: #003f64; /* Old browsers */
    background: -moz-linear-gradient(top, #1b1b1b 0%, #545454 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1b1b1b 0%,#545454 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1b1b1b 0%,#545454 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#545454',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(to bottom, #1b1b1b 0%,#545454 100%);
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
    background-position:100px;
}
.banners div span {
    background: #ffd300;
    position: relative;
    color: #000;
    display: inline-block;
    padding: 0 2.6vw 0 5vw;
    line-height: 3.3vw;
    font-family: 'gt_walsheim_problack_oblique'!important;
    text-transform: uppercase;
    margin-right: 6vw;
    font-size: 1.6vw;
	ertical-align: top;
}
.banners div span p {
    position: relative;
    font-size: 1.6vw;
    color: #000;
    font-family: 'gt_walsheim_problack_oblique'!important;
}
.banners div span::after{
	content: '';
    position: absolute;
    right: -1.6vw;
    top: 0;
    border: 1.6vw solid transparent;
    border-top: 3.3vw solid #ffd300;
}
.banners div span img {
    position: relative;
   vertical-align: top;
	width: 5vw;
	margin-top: 0.5vw;
	margin-left: 0.2vw;
}
.banners .btn {
    background: #ffd300;
    position: relative;
    display: inline-block;
    line-height: 2vw;
    font-family: 'gt_walsheim_problack_oblique';
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    margin-left: 2vw;
    font-size: 0.95vw;
	vertical-align: middle;
	background: url(images/banner-ru.png) no-repeat 0 0;
	width: 12.6vw;
	height: 2.5vw;
	background-size: 12.6vw;
}
.banners .btn:hover {
	background: url(images/banner-ru-h.png) no-repeat 0 0;
	background-size: 12.6vw;
}
.banners .ua .btn {
	background: url(images/banner-ua.png) no-repeat 0 0;
	background-size: 12.6vw;
}
.banners .ua .btn:hover {
	background: url(images/banner-ua-h.png) no-repeat 0 0;
	background-size: 12.6vw;
}
/*.banners .btn::before{
	content: '';
    position: absolute;
    left: -1vw;
    top: -1vw;
    border: 1vw solid transparent;
    border-bottom: 2vw solid #ffd300;
	display:block;
}
.banners .btn::after{
	content: '';
    position: absolute;
    right: -1vw;
    top: 0;
    border: 1vw solid transparent;
    border-top: 2vw solid #ffd300;
	display:block;
}
.banners .btn img {
	vertical-align: top;
	width: 1.1vw;
	position: relative;
	z-index: 9;
	margin-top: 0.4vw;
	margin-left: 0.6vw;
}
.banners .btn:hover{
	background-color: #fff;
}
.banners .btn:hover::before{
	border-bottom: 2vw solid #fff;
}
.banners .btn:hover::after{
	border-top: 2vw solid #fff;
}*/
.banners div span p{ margin:0; position:relative; z-index:9; display:inline-block;}
.banners div b {
 font-weight: normal;
 margin-left: 0.6vw;
}
.banners div{ clear: both;}
.banners div div { display: inline-flex;}
.banners div span p img {
    display: inline;
    margin-top: -1.2vw;
    width: 5.7vw;
    margin-left: 0;
}
@media (max-width: 991px) {
.banners div div { font-size:2.8vw; text-shadow: 0px 2px 0.98px rgba(0, 0, 0, 0.43); }
.banners div span {
  font-size: 4.8vw;
  line-height: 10vw;
  padding-left: 3vw;
  padding-bottom: 1.9vw;
  padding-right: 0;
  background: none;
}
.banners div span::before{
	background:#ffd300;
	content: '';
    position: absolute;
    height: 16.1vw;
	width:17.2vw;
	top:0;
	left:0;
}
.banners div.ua span::after {
    right: -6vw;
}
.banners div span img {
  display: block;
  width: 13vw;
  margin-top: -1.1vw;
  margin-left: 0;
  position: relative;
	z-index: 9;
}
.banners div span::after{
	content: '';
    position: absolute;
    right: -4vw;
    top: 0;
    border: 8.6vw solid transparent;
    border-top: 16.4vw solid #ffd300;
}
.banners div {
    font-size: 2.82vw;
    position: relative;
	    overflow: hidden;
}
.banners div b {
    position: absolute;
    left: 31vw;
    top: 9.5vw;
    font-size: 3.1vw;
}
.banners div span p img {
    display: block;
    margin-top: 3vw;
    width: 16.5vw;
    margin-left: 0;
    margin-bottom: 2.6vw;
}
.banners div.ua div{
	position: relative;
    top: -3vw;
}
.banners div.ua b{    left: 5vw;
    top: 6vw;
}
.banners .btn {
    position: absolute;
    right: 7.7vw;
    top: 9vw;
    font-size: 2vw;
    line-height: 5vw;
	width:28vw;
	height:9vw;
	background-size: 28vw;
}
.banners .btn:hover {
	background-size: 28vw;
}
.banners .ua .btn {
	background-size: 28vw;
}
.banners .ua .btn:hover {
	background-size: 28vw;
}
/*.banners .btn::before{
	content: '';
    position: absolute;
    left: -2vw;
    top: -2vw;
    border: 2vw solid transparent;
    border-bottom: 5.2vw solid #ffd300;
	display:block;
}
.banners .btn::after{
	content: '';
    position: absolute;
    right: -2vw;
    top: 0;
    border: 2vw solid transparent;
    border-top: 5.2vw solid #ffd300;
	display:block;
}
.banners .btn img {
    width: 2.5vw;
    margin-top: 1.2vw;
    margin-left: 1.6vw;
}
.banners .btn:hover::before{
	border-bottom: 5.2vw solid #fff;
}
.banners .btn:hover::after{
	border-top: 5.2vw solid #fff;
}*/
}