.os-top-countries ul{
list-style: none;
display: block;
padding: 0;
}
.os-top-countries-image ul{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
text-align: center;
}
.os-top-countries-text ul{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
text-align: left;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.os-top-countries ul:before,
.os-top-countries ul:after{
content: "";
display: block;
overflow: hidden;
}
.os-top-countries ul:after{
clear: both;
}
.os-top-countries-item{
display: inline-block;
width: 100%;
box-sizing: border-box;
}
.os-top-countries-item > a{
display: block;
position: relative;
}
.os-top-countries-image .os-top-countries-item > a{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.os-top-countries-text .os-top-countries-item > a{
overflow: hidden;
}
.os-top-countries-text .os-top-countries-item > a:before{
content: "";
position: absolute;
width: 100%;
}
.os-top-countries-image .os-top-countries-item > a > img{
width: 100%;
display: block;
background-color: #ccc;
background-size: cover;
}
.os-top-countries-text .os-top-countries-item > a > img{
display: none;
}
.os-top-countries-image .os-top-countries-item .os-country-name{
position: absolute;
left: 40px;
top: 14px;
}
.os-top-countries-text .os-top-countries-item .os-country-name{
padding-left: 35px;
padding-right: 6px;
position: relative;
background-color: #fff;
display: inline-block;
}
.os-top-countries-image .os-top-countries-item .os-country-name:before{
content: "";
position: absolute;
top: 1px;
left: -44px;
width: 32px;
height: 19px;
background-image: url(https://export.otpusk.com/os/flags-rect.png);
background-size: 325px 1132px;
}
.os-top-countries-text .os-top-countries-item .os-country-name:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 26px;
height: 26px;
-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.25);
box-shadow: inset 0 0 8px rgba(0,0,0,0.25);
border-radius: 40px;
background-image: url(https://export.otpusk.com/os/flags-circle-lite.png);
background-size: 520px 52px;
}
.os-top-countries-image .os-top-countries-item .os-country-name:after{
content: "";
position: absolute;
bottom: -3px;
left: -44px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 4px 4px 0;
border-color: transparent #707070 transparent transparent;
}
.os-top-countries-item .os-country-price{
position: absolute;
bottom: 0;
right: 0;
font-family: sans-serif;
}
.os-top-countries-image .os-top-countries-item .os-country-price{
padding: 6px 15px;
}
.os-top-countries-text .os-top-countries-item .os-country-price span:nth-child(1){
position: relative;
top: -5px;
right: -3px;
line-height: 10px;
}
.os-top-countries-item .os-country-price span:nth-child(2){
vertical-align: top;
}
.ad .os-country-name:before{ background-position: -88px -38px !important; }
.at .os-country-name:before{ background-position: -127px -68px !important; }
.al .os-country-name:before{ background-position: -204px -8px !important; }
.bg .os-country-name:before{ background-position: -88px -160px !important; }
.vn .os-country-name:before{ background-position: -279px -1053px !important; }
.ge .os-country-name:before{ background-position: -11px -376px !important; }
.gr .os-country-name:before{ background-position: -166px -375px !important; }
.do .os-country-name:before{ background-position: -128px -284px !important; }
.eg .os-country-name:before{ background-position: -280px -284px !important; }
.in .os-country-name:before{ background-position: -127px -436px !important; }
.id .os-country-name:before{ background-position: -165px -436px !important; }
.it .os-country-name:before{ background-position: -127px -468px !important; }
.es .os-country-name:before{ background-position: -48px -931px !important; }
.il .os-country-name:before{ background-position: -88px -467px !important; }
.jo .os-country-name:before{ background-position: -11px -497px !important; }
.cy .os-country-name:before{ background-position: -204px -253px !important; }
.cu .os-country-name:before{ background-position: -165px -253px !important; }
.mt .os-country-name:before{ background-position: -88px -621px !important; }
.mv .os-country-name:before{ background-position: -11px -621px !important; }
.mx .os-country-name:before{ background-position: -281px -621px !important; }
.ae .os-country-name:before{ background-position: -280px -1023px !important; }
.pl .os-country-name:before{ background-position: -126px -775px !important; }
.sk .os-country-name:before{ background-position: -10px -897px !important; }
.th .os-country-name:before{ background-position: -203px -962px !important; }
.tn .os-country-name:before{ background-position: -203px -993px !important; }
.tr .os-country-name:before{ background-position: -242px -993px !important; }
.fr .os-country-name:before{ background-position: -127px -345px !important; }
.cz .os-country-name:before{ background-position: -242px -253px !important; }
.lk .os-country-name:before{ background-position: -87px -932px !important; }
.hr .os-country-name:before{ background-position: -127px -254px !important; }
.me .os-country-name:before{ background-position: -165px -651px !important; }
.tz .os-country-name:before{ background-position: -126px -962px !important; }
.os-top-countries-text .at .os-country-name:before{ background-position: -0px -0px !important; }
.os-top-countries-text .al .os-country-name:before{ background-position: -26px -0px !important; }
.os-top-countries-text .bg .os-country-name:before{ background-position: -52px -0px !important; }
.os-top-countries-text .vn .os-country-name:before{ background-position: -78px -0px !important; }
.os-top-countries-text .ge .os-country-name:before{ background-position: -104px -0px !important; }
.os-top-countries-text .gr .os-country-name:before{ background-position: -130px -0px !important; }
.os-top-countries-text .do .os-country-name:before{ background-position: -156px -0px !important; }
.os-top-countries-text .eg .os-country-name:before{ background-position: -182px -0px !important; }
.os-top-countries-text .in .os-country-name:before{ background-position: -208px -0px !important; }
.os-top-countries-text .id .os-country-name:before{ background-position: -234px -0px !important; }
.os-top-countries-text .it .os-country-name:before{ background-position: -260px -0px !important; }
.os-top-countries-text .es .os-country-name:before{ background-position: -286px -0px !important; }
.os-top-countries-text .il .os-country-name:before{ background-position: -312px -0px !important; }
.os-top-countries-text .jo .os-country-name:before{ background-position: -338px -0px !important; }
.os-top-countries-text .cy .os-country-name:before{ background-position: -364px -0px !important; }
.os-top-countries-text .cu .os-country-name:before{ background-position: -390px -0px !important; }
.os-top-countries-text .mt .os-country-name:before{ background-position: -416px -0px !important; }
.os-top-countries-text .mv .os-country-name:before{ background-position: -442px -0px !important; }
.os-top-countries-text .mx .os-country-name:before{ background-position: -468px -0px !important; }
.os-top-countries-text .ae .os-country-name:before{ background-position: -494px -0px !important; }
.os-top-countries-text .pl .os-country-name:before{ background-position: -0px -26px !important; }
.os-top-countries-text .sk .os-country-name:before{ background-position: -26px -26px !important; }
.os-top-countries-text .th .os-country-name:before{ background-position: -52px -26px !important; }
.os-top-countries-text .tn .os-country-name:before{ background-position: -78px -26px !important; }
.os-top-countries-text .tr .os-country-name:before{ background-position: -104px -26px !important; }
.os-top-countries-text .fr .os-country-name:before{ background-position: -130px -26px !important; }
.os-top-countries-text .cz .os-country-name:before{ background-position: -156px -26px !important; }
.os-top-countries-text .lk .os-country-name:before{ background-position: -182px -26px !important; }
.os-top-countries-text .hr .os-country-name:before{ background-position: -208px -26px !important; }
.os-top-countries-text .me .os-country-name:before{ background-position: -234px -26px !important; }
.os-top-countries-text .tz .os-country-name:before{ background-position: -260px -26px !important; }
.ad .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/ad.jpg) !important; }
.ae .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/ae.jpg) !important; }
.al .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/al.jpg) !important; }
.at .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/at.jpg) !important; }
.bg .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/bg.jpg) !important; }
.cu .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/cu.jpg) !important; }
.cy .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/cy.jpg) !important; }
.cz .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/cz.jpg) !important; }
.do .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/do.jpg) !important; }
.eg .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/eg.jpg) !important; }
.es .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/es.jpg) !important; }
.fr .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/fr.jpg) !important; }
.ge .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/ge.jpg) !important; }
.gr .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/gr.jpg) !important; }
.hr .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/hr.jpg) !important; }
.id .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/id.jpg) !important; }
.il .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/il.jpg) !important; }
.in .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/in.jpg) !important; }
.it .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/it.jpg) !important; }
.jo .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/jo.jpg) !important; }
.lk .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/lk.jpg) !important; }
.mt .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/mt.jpg) !important; }
.mv .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/mv.jpg) !important; }
.mx .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/mx.jpg) !important; }
.pl .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/pl.jpg) !important; }
.sk .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/sk.jpg) !important; }
.th .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/th.jpg) !important; }
.tn .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/tn.jpg) !important; }
.tr .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/tr.jpg) !important; }
.tz .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/tz.jpg) !important; }
.vn .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/vn.jpg) !important; }
.me .os-country-image{ background-image: url(https://export.otpusk.com/os/countries/me.jpg) !important; }.os-top-countries ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.os-top-countries .os-top-countries-item {
width: 100%;
padding: 12px;
text-align: center;
list-style: none;
}
@media (min-width: 992px) {
.os-top-countries .os-top-countries-item {
width: 50%;
}
}
@media (min-width: 1200px) {
.os-top-countries .os-top-countries-item {
width: 33%;
}
}
.sidebar .os-top-countries .os-top-countries-item {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.os-top-countries .os-top-countries-item a {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
width: 100%;
max-width: 350px;
margin: 0 auto;
padding-right: 1px;
text-decoration: none;
}
.os-top-countries-text .os-top-countries-item > a:before {
content: '';
display: block;
position: absolute;
width: 100%;
bottom: 1px;
height: 1px;
background-color: #a0a0a1;
}
.os-country-image {
display: none;
}
.os-top-countries-text .os-top-countries-item .os-country-name {
position: relative;
font-size: 20px;
color: #0a1938;
padding: 0 3px 0 35px;
background-color: #f9fbff;
}
.os-top-countries-text .os-top-countries-item .os-country-name:before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px;
height: 24px;
-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.25);
box-shadow: inset 0 0 8px rgba(0,0,0,0.25);
border-radius: 40px;
background-image: url(//www.vjuh.com.ua/wp-content/themes/newdesigntwo/images/flags-circle-lite.png);
background-size: 520px 52px;
}
.os-top-countries-text .at .os-country-name:before{ background-position: -0px -0px !important; }
.os-top-countries-text .al .os-country-name:before{ background-position: -26px -0px !important; }
.os-top-countries-text .bg .os-country-name:before{ background-position: -52px -0px !important; }
.os-top-countries-text .vn .os-country-name:before{ background-position: -78px -0px !important; }
.os-top-countries-text .ge .os-country-name:before{ background-position: -104px -0px !important; }
.os-top-countries-text .gr .os-country-name:before{ background-position: -130px -0px !important; }
.os-top-countries-text .do .os-country-name:before{ background-position: -156px -0px !important; }
.os-top-countries-text .eg .os-country-name:before{ background-position: -182px -0px !important; }
.os-top-countries-text .in .os-country-name:before{ background-position: -208px -0px !important; }
.os-top-countries-text .id .os-country-name:before{ background-position: -234px -0px !important; }
.os-top-countries-text .it .os-country-name:before{ background-position: -260px -0px !important; }
.os-top-countries-text .es .os-country-name:before{ background-position: -286px -0px !important; }
.os-top-countries-text .il .os-country-name:before{ background-position: -312px -0px !important; }
.os-top-countries-text .jo .os-country-name:before{ background-position: -338px -0px !important; }
.os-top-countries-text .cy .os-country-name:before{ background-position: -364px -0px !important; }
.os-top-countries-text .cu .os-country-name:before{ background-position: -390px -0px !important; }
.os-top-countries-text .mt .os-country-name:before{ background-position: -416px -0px !important; }
.os-top-countries-text .mv .os-country-name:before{ background-position: -442px -0px !important; }
.os-top-countries-text .mx .os-country-name:before{ background-position: -468px -0px !important; }
.os-top-countries-text .ae .os-country-name:before{ background-position: -494px -0px !important; }
.os-top-countries-text .pl .os-country-name:before{ background-position: -0px -26px !important; }
.os-top-countries-text .sk .os-country-name:before{ background-position: -26px -26px !important; }
.os-top-countries-text .th .os-country-name:before{ background-position: -52px -26px !important; }
.os-top-countries-text .tn .os-country-name:before{ background-position: -78px -26px !important; }
.os-top-countries-text .tr .os-country-name:before{ background-position: -104px -26px !important; }
.os-top-countries-text .fr .os-country-name:before{ background-position: -130px -26px !important; }
.os-top-countries-text .cz .os-country-name:before{ background-position: -156px -26px !important; }
.os-top-countries-text .lk .os-country-name:before{ background-position: -182px -26px !important; }
.os-top-countries-text .hr .os-country-name:before{ background-position: -208px -26px !important; }
.os-top-countries-text .me .os-country-name:before{ background-position: -234px -26px !important; }
.os-top-countries-text .tz .os-country-name:before{ background-position: -260px -26px !important; }
.os-country-price {
padding-left: 3px;
background-color: #f9fbff;
z-index: 2;
}
.os-top-countries-text .os-top-countries-item .os-country-price span:nth-child(1) {
font-size: 12px;
color: #a0a0a1;
vertical-align: bottom;
}
.os-top-countries-text .os-top-countries-item .os-country-price span:nth-child(2) {
font-size: 20px;
font-weight: 600;
color: #0799ff;
padding-left: 6px;
}
.os-top-countries-text .os-top-countries-item .os-country-price span:nth-child(3) {
font-size: 18px;
color: #0799ff;
}