html, body, div, span, h1, h2, h3, p, blockquote, pre,
a, address, em, img, small, strong, sub, sup, b, u, i, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, figure, figcaption, footer, header,
nav, section, time {
margin: 0;
padding: 0;
border: 0;
}
html, body {background-color: #fff;height: 100%;}
body{color:black; align-items: center;}
.noscroll{overflow: hidden;}
.noscroll .mobOnly.mobileSub{
opacity: 0.2;
}
.nowrap{
white-space: nowrap;
}
div.nonscrollBG{
opacity: 0;
left:0px;top:0px;
width: 0px;height: 0px;
z-index:999;
transition: opacity 0.3s ease;
background-color: white;
}
.noscroll div.nonscrollBG{opacity: 0.8; position: fixed;width:100%;height: 100%;}
body,td,p{font-size: 17px;}
body,div,span,i,u,em,li,table,td,a,p,select,option,input,h1,h2,h3{font-family: 'Roboto Condensed',sans-serif}
.cuprum{font-family: 'Cuprum', sans-serif;}
body,div,span,i,u,em,li,table,td,a,p,select,option,input{font-weight: 300;}
table{border-collapse: collapse; /* 'cellspacing' equivalent */}
article, aside, figcaption, figure, footer, header, nav, section, main {display: block}
strong, b{font-weight: bold;}
ol,ul{list-style: none;}
.norm{font-style:normal;}
.table{display:table;}
.row{display:table-row;}
.cell{display:table-cell;}
.nobr{white-space: nowrap;}
.counters img{width: 1px!important;height: 1px!important;opacity: 0.1;}
.flex{
display: -webkit-flex;
display: flex;
}
.flex-col{
-webkit-flex-direction: column;
flex-direction: column;
}
.flex0{
-webkit-flex:none;
flex: none;
min-width: 0;
}
.flex1{
-webkit-flex:auto;
flex: auto;
min-width: 0;
}
.flex-wrap{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.noEvents{
pointer-events:none;
}
#ajaxContent{display: none;}
.logo{width: 120px;}
.logoS{width: 60px;}
a{color: #d02b1a;}
a:hover{color: #d02b1a;text-decoration: none;}
a:active, a:focus {
outline: 0;
border: none;
-moz-outline-style: none;
}
textarea:focus, input:focus{
outline: none;
}
a.black, a.black:hover{color: #000!important;}
a.text{text-decoration:none!important} a.text:hover{text-decoration: underline!important;}
a.none{text-decoration:none!important} a.none:hover{text-decoration:none!important;}
.semi{font-weight: 400!important;}
.fixed{width: 990px;}
.center,.fixed{margin: 0 auto;}
header.top, body > .body, footer{max-width:1920px;width: 100%;min-width: 990px;}
.clearfix:before,.clearfix:after {content: " ";display: table}
.clearfix:after {clear: both}
.pointer{cursor: pointer;}
.rounded{
text-align: center;
border-radius: 4px;
padding: 1px 6px 2px 6px;
vertical-align: middle;
color: white;
background-color: #57a849;
}
.round3{
border-radius: 3px;
padding: 2px 3px;
vertical-align: middle;
display: inline-block;
}
.round4{
border-radius: 4px;
padding: 2px 4px;
vertical-align: middle;
color: white;
}
.round6{
border-radius: 6px;
padding: 2px 6px;
color: white;
}
.round50{border-radius: 50%;}
.border2{
border: 2px solid #e2e2e2;
border-width: 0px 1px 2px 0px;
}
.clear{
clear: both;
}
/* loading */
.loading {position: relative;}
.loading .circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.loading .circle:before {
content: '';
display: block;
margin: 0 auto;
width: 23%;
height: 23%;
background-color: #fff;
border-radius: 100%;
-webkit-animation: circleFadeDelay 0.8s infinite ease-in-out both;
animation: circleFadeDelay 0.8s infinite ease-in-out both;
}
.loading .circle2 {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.loading .circle3 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.loading .circle4 {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.loading .circle5 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.loading .circle6 {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.loading .circle7 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.loading .circle8 {
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}
.loading .circle2:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.loading .circle3:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.loading .circle4:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.loading .circle5:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.loading .circle6:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.loading .circle7:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.loading .circle8:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
.loading .circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.loading .circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.loading .circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.loading .circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes circleFadeDelay {
0%, 39%, 100% { opacity: 0; }
40% { opacity: 1; }
}
@keyframes circleFadeDelay {
0%, 39%, 100% { opacity: 0; }
40% { opacity: 1; }
}
/* loading */
#loadingAnimation{
width: 23px;
height: 23px;
position: absolute;
background-color: #62be58;
border-radius: 50%;
vertical-align: middle;
text-align: center;
display: none;
z-index: 99999;
}
#loadingAnimation>.loading{
vertical-align: middle;
margin: 2px auto;
width: 19px;
height: 19px;
}
#countriesList{
display: none;
position: absolute;
z-index: 99999;
pointer-events: none;
}
/* прокрутка с тенью */
.scrollWrap{
position: relative;
}
.scrollWrap:after{
content: "";
position: absolute;
right: 0px;
top:0px;
z-index:2;
pointer-events: none;
width: 35px;
height: 100%;
background: linear-gradient(90deg,transparent,#fff);
pointer-events: none;
z-index: 9;
}
.scrollWrap>ul,.scrollWrap>div{
justify-content:space-between;
overflow-x: auto;
overflow-y: hidden;
}
/* прокрутка с тенью */
/* header */
header.top{
background-color: #57a849;
background-image: url(/img/bg.png);
background-position: top center;
background-size: 1140px;
}
header.top > div{
height: 96px;
}
.logo:before{
content: "";
width: 0;
height: 0;
border-bottom: 98px solid #2b3840;
border-left: 40px solid transparent;
position: absolute;
top:-2px;
left:-39px;
}
.logo:after{
content: "";
width: 0;
height: 0;
border-top: 37px solid #2b3840;
border-right: 15px solid transparent;
position: absolute;
top:0px;
right:-14px;
}
.logo{
width: 150px;
background-color: #2b3840;
white-space: nowrap;
justify-content: center;
align-items: center;
position: relative;
}
.logo .logo1 img{
width: 25px;
height: 25px;
margin-right: 5px;
vertical-align: middle;
margin-top: -6px;
}
.logo .logo1{
line-height: 27px;
margin-bottom: -3px;
max-width: 130px;
}
.logo .logo1 a, .logo .logo1 a:hover, .logo .logo1 a:visited{
font-family: 'Cuprum', sans-serif;
color: white;
font-weight: bold;
font-size: 27px;
letter-spacing: -0.5px;
}
.logo1 a:hover img{animation:wobble-vertical-right .8s linear both}
/* ----------------------------------------------
Generated by AnimatiSS
Licensed under FreeBSD License
URL: https://xsgames.co/animatiss
Twitter: @xsgames_
---------------------------------------------- */
@keyframes wobble-vertical-right{0%,100%{transform:translateY(0) rotate(0);transform-origin:50% 50%}15%{transform:translateY(-5px) rotate(6deg)}30%{transform:translateY(2px) rotate(-6deg)}45%{transform:translateY(-2px) rotate(3.6deg)}60%{transform:translateY(1.5px) rotate(-2.4deg)}75%{transform:translateY(-1.5px) rotate(1.2deg)}}
.logo2>div{
margin-left: -30px;
}
.logo2 em a, .logo2 em a:hover, .logo2 em a.visited, .logo2 em a.active{
text-decoration: none;
}
.logo em, .logo u.since{
display: inline-block;
background-color: #5ca24f;
padding: 0 7px 0 7px;
position: relative;
height: 19px;
line-height: 19px;
}
.logo em, .logo u.since, .logo2 em a, .logo2 em a:hover, .logo2 em a:visited, .logo2 em a:active{
font-style:normal;
font-size: 15px;
font-family: 'Cuprum', sans-serif;
color: white;
}
.logo em::after, .logo u.since::after {
content: "";
width: 0;
height: 0;
border-top: 19px solid #5ca24f;
border-right: 8px solid transparent;
position: absolute;
top: 0;
right: -8px;
}
.logo em::before, .logo u.since::before {
content: "";
width: 0;
height: 0;
border-bottom: 19px solid #5ca24f;
border-left: 8px solid transparent;
position: absolute;
bottom: 0;
left: -8px;
}
.logo2 em:has(a:hover){
background-color: #3f7e34;
}
.logo2 em:has(a:hover)::before{
border-bottom-color: #3f7e34;
}
.logo2 em:has(a:hover)::after{
border-top-color: #3f7e34;
}
.logo u.since{
white-space: nowrap;
text-decoration: none;
background: #3f7e34;
}
.logo u.since::after {
border-top-color: #3f7e34;
}
.logo u.since::before {
border-bottom-color: #3f7e34;
}
header.top .teaser{
height: 35px;
text-align: right;
padding-right: 10px;
}
input.roundRadius{
border-radius: 8px!important;
}
header.top .teaser > div{
padding-top: 8px;
}
header.top .teaser a{
opacity: 0.8;
font-size: 14px;
display: inline-block;
margin-left: 40px;
white-space: nowrap;
}
header.top .teaser a:hover{
opacity: 0.8;
}
header.top .teaser a span{
background: url("/img/sprite-top.png");
background-repeat: no-repeat;
display: inline-block;
width: 25px;
height: 25px;
background-size: 23px;
vertical-align: middle;
margin-left: 5px;
}
header.top .teaser a.mail span{
background: url("/img/i_contact.svg");
background-size: 21px;
background-repeat: no-repeat;
margin-left: 3px;
}
header.top .teaser a.best span{
background-position: 0px -23px;
}
header.top .teaser a.articles span{
background-position: 0px -46px;
}
header.top .teaser a.specInfo span{
background: url("/img/i_star.svg");
background-size: 21px;
background-repeat: no-repeat;
margin-left: 3px;
}
header.top .teaser a:hover span{
animation: wiggle 2s infinite;
}
@keyframes wiggle {
2% { transform: scale(1.08);}
20% { transform: scale(1); }
}
header.top nav{
background-color: #2b3840;
}
header.top nav ul{
justify-content: space-around;
height: 100%;
}
header.top nav li{
text-align: center;
position: relative;
}
header.top nav a{
color: #fff;
font-size: 18px;
opacity: 0.85;
display: inline-block;
padding: 11px 6px 26px;
}
header.top nav a:hover, header.top nav li.active a{
color: #53cc3e;
opacity: 1;
}
header.top nav li span{
color: #fff;
white-space: nowrap;
opacity: .5;
font-size: 14px;
position: absolute;
left: 0;
right: 0;
margin: -29px auto 0;
pointer-events: none;
}
/* header */
body>.body{
transition: opacity 0.5s ease;
}
/* h1 */
div.h1{
text-align: right;
margin:20px auto 0px;
padding: 0 15px;
overflow: hidden;
}
h1{
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
display: inline-block;
}
.hostCount{
font-size: 29px;
font-weight: initial;
align-content: center;
color: #bababa;
}
h1.light{font-weight: 300;}
h1.light2{font-size: 23px;}
h1.light3{font-size: 22px;}
h1.line1{
margin-top:40px;
}
h1.line2{
margin-top:26px;
}
h1.line3{
margin-top:16px;
}
h1:not(.line1):not(.line2):not(.line3){
margin-bottom: 5px;
}
div.h1 .icon{
float: right;
margin:10px 0 15px 15px;
padding: 15px;
border-radius: 50%;
width: 62px; height: 62px;
}
/* smaller icon */
div.h1.smaller .icon{
padding: 15px;
border-radius: 50%;
width: 50px; height: 50px;
}
.h1.smaller h1.line2{
margin-top: 21px;
}
.h1.smaller h1.line1{
margin-top: 34px;
}
/* smaller icon */
div.h1 .icon img{
width: 100%;
height: 100%;
}
div.h1 .text .icon.iconLeft{
float: left;
margin-right: 15px;
}
div.h1 .h1text{
font-size: 25px;
color: #289542;
font-weight: normal;
}
div.h1 .text{
font-size: 16px;
text-align: right;
padding-top: 4px;
}
div.h1 .text.main{
text-align: justify;
}
div.h1 .text.left{
text-align: justify;
}
div.h1 .text.left p{
margin-bottom: 15px;
}
div.h1 p{
font-size: 17px;
line-height: 22px;
}
h2{
font-size: 25px;
}
/* 2019 */
div.hostH1{
text-align: center;
margin-top: -65px;
padding-top: 115px;
margin-bottom: 30px;
}
div.hostH1 h1{
position: relative;
padding-bottom: 5px;
font-weight: 300;
border-bottom-width: 6px;
border-bottom-style: solid;
position: relative;
margin-left: 78px;
font-family: 'Cuprum', sans-serif;
}
div.hostH1 h1:before{
background-image: url("/img/sprite-hosterMenu.png");
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: 80px auto;
left: 0px;
top: -15px;
width: 70px;
height: 70px;
margin-left: -78px;
}
div.hostH1.pchecks h1:before, div.hostH1.pphpinfo h1:before{
background-image: url("/img/sprite-hosterMenuChecks.png");
}
div.hostH1.pchecks h1:before{background-position: -7px -6px;}
div.hostH1.pphpinfo h1:before{background-position: -7px -102px;}
div.hostH1.previewText h1:before{background-position: -10px -19px;}
div.hostH1.prates h1:before{background-position: -9px -123px;}
div.hostH1.preview h1:before{background-position: -9px -662px;}
div.hostH1.pusers h1:before{background-position: -7px -236px;}
div.hostH1.puptime h1:before{background-position: -7px -468px;}
div.hostH1.pspeed h1:before{background-position: -7px -355px;}
div.hostH1.pmanager h1:before{background-position: -7px -565px;}
.hostH1 h1::after{
font-size: 18px;
font-weight: 300;
position: absolute;
right: 0px;
top:100%;
margin-top: 6px;
white-space: nowrap;
display: inline-block;
}
/* 2019 */
/* h1 */
.contentreview .scrollWrap.treeWrap{
display: block;
white-space:nowrap;
text-align: center;
}
.contentreview .scrollWrap.treeWrap>.inlineWrap{
display: block;
text-align: center;
justify-content: initial;
}
.contentreview .scrollWrap.treeWrap>.inlineWrap>.headTree{
display: inline-flex;
justify-content: center;
}
/* official comments */
.comment>.flex0{
text-align: center;
}
.comment .speaker{
position: relative;
display: inline-block;
}
.comment .speaker img{
border-radius: 50%;
width: 60px;
height: 60px;
border: 3px solid #e3e3e3;
}
.comment .speaker::before{
content: "";
background: url("/img/sprite-auth.png");
background-repeat: no-repeat;
display: inline-block;
width: 20px;
height: 20px;
background-size: 20px;
border-radius: 50%;
background-color: #fff;
border: 2px solid #fff;
position: absolute;
left: -4px;
bottom: 3px;
z-index: 99;
background-position: 0px -165px;
}
.bubble{
border-radius: 15px;
padding: 15px 20px 15px 20px;
margin-left: 15px;
position: relative;
max-width: 500px;
display: inline-block;
color: white;
background-size: 100%;
background-image: url(/img/bgSaturation2.png);
font-size: 17px;
transition: .5s;
font-weight: 400;
word-break: break-word;
border-width: 0px 1px 2px 0px;
border-color: #e4e4e4;
border-style: solid;
}
.bubble:before{
content: "";
right:100%;
top:14px;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 12px 12px 0;
margin-left: -1px;
}
.bubble>div.commentTitle{
font-size: 19px;
margin-bottom: 8px;
white-space: nowrap;
}
.uptimeComment{
margin: 25px 0 30px 0;
}
.reviewComment{
margin-bottom: 20px;
margin-top: 5px;
}
.anounceComment{
margin-bottom: 20px;
}
.anounceComment .commentAdd, .reviewComment .commentAdd, .ratesComment .commentAdd, .uptimeComment .commentAdd{
text-align: center;
}
.bubble br+.plus{
margin-top: 6px;
}
.anounceComment .bubble{
max-width: initial;
}
.isRight>.flex1{
text-align: right;
order: 0;
}
.isRight>.flex0{
order: 1;
}
.isRight .bubble:before{
left: 100%;
border-width: 12px 0px 12px 13px;
}
.isRight .bubble{
margin-left: 0px;
margin-right: 20px;
background-image: url(/img/bgSaturation.png);
text-align: left;
}
.commentName{
display: block;
text-align: center;
margin-top: -5px;
font-size: 14px;
max-width: 110px;
min-width: 70px;
text-overflow:ellipsis;
overflow: hidden;
white-space: nowrap;
}
.comment .data{
opacity: .7;
margin-bottom: 5px;
}
.ratesComment{
margin: 20px 0 0;
}
/* official comments */
/* a-z */
#searchCount{
text-align: left;
font-size: 15px;
margin: 20px 0 10px;
padding-bottom: 5px;
border-bottom: 1px #d1d1d1 solid;
}
#searchCount strong{
font-size: 18px;
font-weight: 400;
}
#searchCount a{
text-decoration: none;
font-size: 18px;
}
div.searchBox{
display: inline-block;
margin-top: 2px;
white-space: nowrap;
}
.searchBox>div.searchIcon{
display: inline-block;
font-size: 20px;
background-color: #2b3840;
width: 40px;
border-radius: 0 3px 3px 0;
background-image: url("/img/i_searchBox.png");
background-repeat: no-repeat;
height: 40px;
box-sizing: border-box;
background-size: 75px;
}
.searchIcon.cancel{
cursor: pointer;
background-position: -43px 11px;
}
.searchIcon:not(.cancel){
background-position: 9px 11px;
}
input.searchHost{
border-radius: 3px 0 0 3px;
padding: 0px 7px 2px;
vertical-align: top;
background-color: #fff;
border: 2px solid #2b3840;
color: #000;
font-size: 20px;
height: 40px;
box-sizing: border-box;
width: 305px;
text-align: center;
}
.searchHosters li{
display: inline-block;
cursor: pointer;
}
.searchHosters li{
text-decoration: none;
padding: 5px 10px;
margin: 4px 1px 2px 0;
color: black;
font-size: 19px;
background-color: #ececec;
border-width: 0px 1px 2px 0px;
border-style: solid;
border-color: #dde1df;
}
.searchHosters li.null{
background-color: #2b3840;
color: white;
cursor: default;
}
.searchHosters li.null{
cursor: default;
}
.hosters .smHost img{
float: left;
width: 50px;
height: 50px;
margin-right: 10px;
border-radius: 50%;
padding: 4px;
border: 2px solid #f0f0f0;
filter: grayscale(30%);
background: #fff;
}
.hosters .smHost i{
display: block;
font-style: normal;
margin-top: -1px;
}
.hosters .smHost a{
text-decoration: none;
color: black;
font-weight: 400;
cursor: pointer;
display: initial;
}
.hosters .smHost a:hover{
}
.hosters .smHost a:hover img{
filter: grayscale(0%);
border-color: #2b3840;
}
.hosters .smHost i a{
font-size: 15px;
display: inline-block;
color: #adadad;
text-decoration: none;
}
.hosters .smHost i a:hover{
text-decoration: none;
color: #969696;
}
.searchBoxTease{
background-color: #f0814a;
border-radius: 3px;
transition: background-color .5s ease;
}
.searchBoxTease:hover{
background-color: #e16e35!important;
}
.searchBoxTease img{
border: 0px!important;
}
.searchBoxTease a{
color: white;
line-height: 1.9;
font-size: 18px;
}
/* a-z */
/* filters error */
.filtersError{
text-align: center;
margin:80px 0 100px;
vertical-align: baseline;
}
.filtersError>div{
display: inline-block;
}
.filtersError .l{
background-repeat: no-repeat;
background-size: 100px;
background-position: center;
width: 100px;
height: 100px;
vertical-align: bottom;
}
.filtersError .l.notFound{
background-image: url("/img/i_notfound.png");
vertical-align: middle;
margin-top: 6px;
margin-left: 15px;
}
.filtersError .l.noInet{
vertical-align: middle;
margin-top: 6px;
margin-left: 15px;
}
.filtersError .r{
margin-left: 20px;
margin-right: 15px;
vertical-align: middle;
margin-top: 6px;
}
.filtersError .r .txt{
font-size: 22px;
text-align: left;
font-weight: 400;
}
.filtersError > .tryToDel{
display: block;
margin: 20px 15px 10px;
font-size: 19px;
}
@media screen and (max-width:510px){
.filtersError{
margin-top: 40px;
}
.filtersError .r .txt{
text-align: center;
}
.filtersError > .tryToDel{
text-align: left;
font-size: 17px;
}
}
.filtersError .but{
background-color: #2b3840;
padding: 5px 10px;
cursor: pointer;
color: white;
display: inline-block;
font-size: 19px;
margin-top: 8px;
}
.filtersError .but:hover{
background-color: #596065;
}
/* filters error */
/* filters > checkbox */
.checkbox {
position: relative;
float: left;
padding-right: 28px;
margin-top: 2px;
margin-left: 2px;
}
.checkedNoUncheck{
cursor: text!important;
}
.checkbox label {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
top: -3px;
border-radius: 50%;
border: 1px solid #a5a5a5;
background-color: #fff;
}
.checked .checkbox label {
border-color: #2b3840!important;
background-color: #2b3840!important;
}
.checkbox label:after {
transition: all .2s ease-out 0s;
transition-delay: 0s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
content: '';
position: absolute;
width: 7px;
height: 4px;
background: transparent;
top: 6px;
left: 6px;
border: 3px solid #515151;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.checked .checkbox label:after{
border-color: white;
}
.checkboxWrap:hover label::after{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 0.3;
}
@media (pointer: fine) {
.checkboxWrap.checked:not(:has(b:hover)):hover span{
text-decoration: line-through;
}
}
.checkboxWrap.checked:hover span{
border-bottom: 0px!important;
}
.checkboxWrap.checked:not(:has(b:hover)):hover label::after{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0.7;
}
.checkboxWrap.checked label:after{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
/* filters > checkbox */
/* filters main */
/* filters rates */
.filtersFocus{
animation: filterYellow 2.5s ease;
}
@keyframes filterYellow {
40% { background-color: #f9f9c8;}
}
/* filters rates */
.betweenHosters{
height: 65px;
}
.betweenHosters:last-of-type {
height: 15px;
}
.hostText, .hostReview, .hostWidget{
border: 2px solid #e2e2e2;
border-width: 0px 1px 2px 1px;
border-radius: 13px;
background-color: #f0f0f0;
margin-top: 6px;
font-size: 16px;
}
.hostReview{
font-size: 16px!important;
padding: 7px 15px 3px;
color: black;
}
.hostText{
padding: 5px 15px 7px;
line-height: 25px;
max-height: 21px;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
word-wrap: break-word;
color: #585858;
cursor: pointer;
-webkit-line-clamp: 1;
}
.hostText.act{
max-height: initial;
-webkit-line-clamp: initial;
-webkit-box-orient: initial;
text-overflow: initial;
overflow: initial;
display: block;
padding-bottom: 7px;
word-wrap: initial;
}
.isWidget.act{
display: block;
}
.hostWidget{
padding: 10px 15px 8px;
color: black;
display: none;
font-size: 17px;
}
.hostWidget a{
margin-top: 10px;
display: inline-block;
border-bottom: 1.5px dotted black;
text-decoration: none!important;
}
.hostWidget a:hover{
border-bottom-color: transparent;
}
/* animate opening hidden lines */
.shineRev {animation: shineRev 1.6s ease;}
@keyframes shineRev {0% { background-color: #ffffcc;}}
.shineRev .line:before,.shineRev .line:after{animation: shineRevLine 2s ease;}
@keyframes shineRevLine {0% {opacity: 0;}}
.shineRev2 {animation: shineRev2 1.6s ease;}
@keyframes shineRev2 {0% { background-color: #ffffcc;}}
.shineRev2 .line:before,.shineRev2 .line:after{animation: shineRevLine2 2s ease;}
@keyframes shineRevLine2 {0% {opacity: 0;}}
.shineRevRates {animation: shineRev 2s ease;animation-delay: 650ms;}
.shineRev2Rates {animation: shineRev2 2s ease;animation-delay: 650ms;}
.hostReview>.flex>div, .hostReview>.flex>a{
white-space: nowrap;
overflow: hidden;
line-height: 21px;
}
.hostReview .n{
text-overflow: ellipsis;
}
.hostReview .emo{
margin-right: 6px;
}
.hostReview .emo, .hostReview .ww, , .hostReview .lbuts{
flex-shrink: 0;
}
.hostReview .emo, .hostReview .n, .hostReview .ww{
-webkit-flex:none;
flex: none;
min-width: 0;
}
.hostReview .n{
max-width: 120px;
font-weight: 400;
margin-right: 0px!important;
}
.hostReview .sym{
margin: 0 2px 0 0!important;
}
.hostReview:not(.withLogo) .ww{
display: block;
font-style: initial;
border-radius: 4px;
color: white;
padding: 0 5px;
margin: 0 6px;
}
.hostReview .ww, .hostReview .ww:hover, .hostReview .ww:visited{
text-decoration: none;
transition: opacity ease .5s;
}
.hostReview:not(.withLogo) .ww:hover{
opacity: 0.8;
}
.withLogo [data-tooltip]{
z-index: 999;
}
.withLogo [data-tooltip]:before{
background-color: #2b3840;
border: 0px;
margin-left: -85px;
width: 170px;
white-space: initial;
margin-bottom: 1px;
}
.withLogo [data-tooltip]:after{
border-top-color: #2b3840;
margin-bottom: -8px;
}
.hostReview .line, .hostReview .line:hover, .hostReview .line:visited{
text-decoration: none;
color: #585858;
}
.hostReview .line{
-webkit-flex:auto;
flex: auto;
min-width: 0;
position: relative;
display: flex;
justify-content: center;
transition: color .4s;
margin-left: 3px;
font-size: 16px;
}
.hostReview.txtl .line{
justify-content: flex-start;
}
.hostReview.txtl .line:before{
opacity: 0;
}
.hostReview.txtr .line{
justify-content: flex-end;
}
.hostReview.txtr .line:after{
opacity: 0;
}
.hostReview .line:hover{
color: black;
}
.hostReview .line::before, .hostReview .line::after{
content: "";
display: block;
position: absolute;
height: 100%;
top:0px;
width: 25px;
}
.hostReview .line::before{
background: linear-gradient(to right, rgba(240,240,240,1) 0%,rgba(112,176,224,0) 100%);
left:0px;
}
.hostReview .line::after{
background: linear-gradient(to right, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%);
right:0px;
}
.hostReview .good, .hostReview .bad{
font-weight: 400;
color: black;
display: contents;
}
.hostReview.www .sym, .hostReview.www .n, .hostReview.withLogo .emo{
display: none;
}
.hostReview.withLogo .ww{
background: transparent!important;
overflow: initial;
line-height: 19px;
}
.hostReview.withLogo .ww img{
height: 20px;
margin: -1px 12px 0 5px;
vertical-align: middle;
}
.hostReview.www .emo{
margin-right: 0px;
}
.hostReview:not(.www) .ww{
display: none;
}
.hostReview>.flex>.lbuts{
overflow: initial;
margin-left: 10px;
background-color: white;
border: 1.5px solid gray;
border-radius: 11px;
}
.lbuts>i{
font-style: initial;
display: inline-block;
width:20px;
height: 100%;
color: gray;
text-align: center;
font-family: 'Cuprum', sans-serif;
font-size: 18px;
font-weight: bold;
cursor: pointer;
user-select: none;
opacity: 1;
padding: 0 4px;
}
.lbuts>i:hover{
opacity: 0.8;
background-color: #f0f0f0;
}
.lbuts>i:active{
background-color: #2b3840;
color: white;
}
.lbuts>i.ll{
border-radius: 11px 0 0 11px;
border-right: 1px solid gray;
}
.lbuts>i.rr{
border-radius: 0 11px 11px 0;
}
/* hosterBody 2019 */
/* search host 2020 */
.findHostWrap{
margin-left: 20px;
float: left;
position: relative;
}
header.top .teaser a.officialPanelWrap, header.top .teaser a.officialPanelWrap:visited{
margin-left: 20px;
float: left;
position: relative;
background: #63862c;
border-radius: 6px;
padding: 0px 8px;
font-family: 'Cuprum', sans-serif;
font-size: 15px;
box-sizing: border-box;
line-height: 27px;
margin-top: -4px;
padding-left: 27px;
vertical-align: middle;
opacity: 1;
color: #fff !important;
transition: background 0.3s;
}
header.top .teaser a.officialPanelWrap em{
font-style: normal;
}
header.top .teaser a.officialPanelWrap:before{
content: "";
background-image: url(/img/i_gear.svg);
background-size: 20px;
background-repeat: no-repeat;
display: block;
width: 20px;
height: 20px;
left: 5px;
top: 3px;
position: absolute;
transition: 0.4s;
filter: invert(100%);
opacity: 1;
}
header.top .teaser a.officialPanelWrap:hover, header.top .teaser a.officialPanelWrap:active{
background-color: #749c36;
}
header.top .teaser a.officialPanelWrap:hover:before{
transform: rotate(30deg);
}
.findHost{
border-radius: 5px;
border:0px;
vertical-align: middle;
padding: 1px 24px 1px 14px;
width: 150px;
text-align: center;
font-weight: 400;
opacity: 0.7;
transition: .5s;
text-align: center;
font-size: 16px;
height: 24px;
margin-top: -4px;
}
.findHost::placeholder{
color:black;
opacity: .7;
}
.findHostWrap i{
position: absolute;
right: 0px;
background: url("/img/sprite-top.png");
background-repeat: no-repeat;
display: inline-block;
width: 23px;
height: 21px;
background-size: 23px;
background-position: 0 -72px;
opacity: 0.6;
transition: .5s;
cursor: pointer;
border-radius: 50%;
}
.findHost.act+i{
background-position: 0 -96px;
opacity: 0.8;
}
.findHost.act{
border-radius: 10px 10px 0 0;
opacity: 1;
}
.findHost:focus{
opacity: 1;
}
.findHost:focus::placeholder {
color: transparent;
}
.findResult{
position: absolute;
left:0px;
background-color: white;
text-align: left;
margin-top: 1px;
border-radius: 0 0 10px 10px;
z-index:999999;
border: 1px solid #ACACAC;
border-top: 0px;
box-sizing:content-box;
margin-left: -1px;
display: none;
}
.findRes{
width:100%;
display: flex!important;
flex-wrap: nowrap;
margin: 5px!important;
color: black;
}
.findRes:hover{
color:#000;
}
.findRes:hover em{
text-decoration: underline;
}
.findRes:hover img{
background: #f0f0f0;
border-color: #f0f0f0;
filter: grayscale(0%);
}
.findRes img{
border-color: #f0f0f0;
width: 25px;
height: 25px;
border: 1px solid #e0e0e0;
border-radius: 50%;
padding: 3px;
filter: grayscale(100%);
}
.findRes .flex1{
line-height: 31px;
padding-left: 8px;
padding-right: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
.findRes .flex1 em{
font-style: normal;
font-family: 'Cuprum', sans-serif;
font-size: 17px;
}
.foundMore, .findNone{
text-align: center;
padding: 4px;
background-color:#2b3840;
border-radius: 0 0 6px 6px;
color: #fff;
font-size: 16px;
font-weight: 400;
}
.findNone{
text-align: center;
padding: 5px 3px;
border-radius: 0;
}
.findNoneInfo{
padding: 5px 12px 9px;
font-size: 16px;
}
/* search host 2020 */
.priceShort{
font-size: 18px;
height: 19px;
background-size: 100%;
border-radius: 13px;
font-family: 'Cuprum', sans-serif;
background-image: url(/img/bgSaturation2.png);
color: #292929;
display: inline-block;
margin-top: 2px;
margin-bottom: 5px;
margin-right: 5px;
white-space: nowrap;
line-height: 18px;
position: relative;
border:2px solid #e2e2e2;
border-width: 1px 1px 2px 1px;
padding: 2px 12px;
}
.infoBlocks .priceShort.colored{
border-color: #2b3840;
background: #2b3840;
color: white;
}
.contentrates .priceShort:not(.isPeriod):not(.isInstall):not(.over){
background-color: #f0f0f0;
}
.contentrates .priceShort.isPeriod, .priceShort.isInstall{
color: white;
padding: 3px 15px;
border: 0px;
}
.priceShort:has(em.hlp):not(.colored){
padding-right: 26px;
}
.priceShort.colored:not(.isConvert) em.hlp{
display: none;
}
.priceShort.isConvert.colored{
padding-right: 29px;
padding-left: 12px;
}
.priceShort>span{
font-family: 'Roboto Condensed',sans-serif;
white-space: nowrap;
margin-left: 2px;
}
.short.hint.more .priceShort:not(.over){
cursor: pointer;
margin-left: 5px;
margin-right: -13px;
border-radius: 0 15px 15px 0;
background-image: initial;
padding-right: 10px;
padding-left: 8px;
position: relative;
z-index: 101;
background-color: #f0f0f0;
color: black;
border-color: #2b3840;
position: absolute;
}
.short.hint .over{
padding: 3px 11px 3px 19px!important;
margin-left: -18px;
border-left: 0.5px dotted white;
background-image: initial;
border-radius: 0 13px 13px 0;
}
.contentrates .short.hint.more .priceShort:not(.over){
background-color: #e2e2e2;
border-color: #e2e2e2;
}
.priceShort:has(.shortManHint ){
position: relative;
padding-right: 27px;
}
.shortManHint {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
background-color: #e2e2e2;
border-radius: 0 15px 15px 0;
padding-right: 10px;
padding-left: 8px;
line-height: 22px;
font-family: 'Cuprum', sans-serif;
}
/*** history **/
.histBut{
font-family: 'Roboto Condensed',sans-serif;
font-weight: 300;
}
.contentrates .histBut{
position: relative;
margin-left: 15px;
padding-left: 23px;
cursor: pointer;
}
.contentrates .histBut:before{
content:"new";
position: absolute;
width:30px;
height:30px;
line-height: 29px;
text-align: center;
border-radius: 50%;
background-color: black;
border: 2px solid white;
font-family: 'Roboto Condensed',sans-serif;
font-weight: 400;
left:-17px;
top:-5px;
transform: rotate(-17deg);
font-size: 14px;
color: white;
}
.upSum:hover [data-tooltip]:before{
bottom: initial;
top:100%;
margin-top: 12px;
}
.upSum:hover [data-tooltip]:after{
display: none;
}
.histBut a{
transition: color .3s;
}
.histBut a:hover{
color: gray!important;
}
#history_virtual, #history_vds, #history_dedic{
display: none;
}
.shineHist {animation: shineHist 1.6s ease;}
@keyframes shineHist {0% { background-color: #ffffcc;}}
.histBut.colored{
cursor: pointer;
}
.histYears{
margin: 10px 0 12px;
}
.histYears>li{
display: inline-block;
text-decoration: none;
padding: 5px 10px;
margin: 4px 1px 2px 0;
color: black;
font-size: 19px;
background-color: #ececec;
border-width: 0px 1px 2px 0px;
border-style: solid;
border-color: #dde1df;
border-radius: 5px;
cursor: pointer;
position: relative;
}
.histYears>li>i{
position: absolute;
left:50%;
margin-left:-10px;
}
.histYears>li.load{
background-color: black;
color: white;
}
.histYears>li.load>span{
opacity: 0.4;
cursor:wait;
}
.histYears>li>i,.histYears .loading{
width: 20px;
height: 20px;
}
.histYears .loading .circle:before{
background-color: #fff;
}
.histYears>li.act{
background-color: #2b3840;
color: white;
}
.histYears>li:not(.act):not(.load):hover{
opacity: 0.6;
}
.contentrates h3{
font-weight: normal;
margin-top: 15px;
padding-top: 15px;
}
.contentrates h3 span{
font-size: 17px;
font-weight: 400;
border-bottom-width: 3px;
border-bottom-style:solid;
margin-right: 4px;
}
.contentrates h3.hidden{
display: none;
}
.contentrates h3 em{
background-color: #2b3840;
border-radius: 5px;
color: white;
font-style: initial;
font-size: 15px;
padding: 2px 8px;
cursor: pointer;
transition: opacity 0.4s;
}
.contentrates h3 em:hover{
opacity: 0.6;
}
/*** history **/
.bgWhite{
color: white;
}
.infoBlocks{
margin-top: 5px;
}
.priceShort .gray{
opacity: 0.9;
}
.priceShort .free{
margin-left: 19px;
position: relative;
}
.priceShort .free i{
content: "";
display: inline-block;
position: absolute;
width: 18px;
height: 18px;
margin-left: -21px;
margin-top: 3px;
top:0px;
left:0px;
background-repeat: no-repeat;
background-size: 18px;
background-position: 0px 0px;
}
.priceShort:not(.colored) .free i{background-image: url("/img/i_check.png");}
.infoBlocks .priceShort:not(.colored) .free i{background-image: url("/img/i_check3.png");}
.priceShort.colored .free i{background-image: url("/img/i_checkWhite.png");background-color:initial;}
.rat0{color: #a9a9a9;}
.rat1{color: #c41b17;}
.rat2{color: #c46d17;}
.rat5{color: #c9b800;}
.rat9{color: #8ec900;}
.rat10{color: #13c900;}
.ratBg0{background-color: #a9a9a9;}
.ratBg1{background-color: #c41b17;}
.ratBg2{background-color: #c46d17;}
.ratBg5, .ratBg9, .ratBg10{
background-position: right bottom;
background-size: 45px;
background-repeat: no-repeat;
}
.hostHead .review{background-color: #e2e2e2;color: #505050;}
.hostHead .review:hover{background-color: #d7d4d4;}
.hostHead .link,.hostHead .link:hover{color:white}
.hostHead .medals.medalsBad{
margin-right: 15px;
text-align: right!important;
}
.hostHead .rating b{
font-family: 'Cuprum', sans-serif;
}
.hostHead .rating{font-size: 16px;text-align: right;padding-right: 4px;}
.hostHead .rating,.hostHead .rating>span{white-space: nowrap;}
.hostHead .rating b{
font-size: 18px;
padding: 0 3px 0 1px;
}
.beforeText {
margin-bottom: 15px;
text-align: center;
display: flex;
justify-content: center;
}
.beforeText div{
max-width: 800px;
background-color: #585858;
color: white;
padding: 10px 15px;
border-radius: 4px;
text-align: left;
}
.swalClose{
float: right;
margin-top: -53px;
font-style: initial;
background-color: #2b3840;
color: white;
border-radius: 3px;
width: 30px;
height: 22px;
cursor: pointer;
transition: all ease .2s;
line-height: 19px;
font-size: 18px;
font-weight: 400;
}
.swalClose:hover{
background-color: #888888;
}
.swal-modal.modalInfo{
background-image: url(/img/swalHead.png);
background-position: top left;
background-size: 168px;
background-repeat: repeat-x;
background-position: 0 -27px;
max-width: 900px!important;
margin: 5px 10px;
}
.modalInfo .swal-title{
position: relative;
}
.modalInfo .swal-title:before{
content: "";
background-image: url(/img/ratingIcon.png);
background-repeat: no-repeat;
display: block;
width: 32px;
height: 32px;
background-size: 32px;
left: 48px;
position: absolute;
}
.flex.rating{
flex-wrap: wrap;
}
.modalInfo .flex0:not(.animGift){
width: 11%;
margin-bottom: 2px;
color: white;
vertical-align: middle;
font-size: 26px;
font-family: 'Cuprum', sans-serif;
font-weight: bold;
background-size: 190px;
background-position: 1px -30px;
background-repeat: no-repeat;
background-image: url(/img/bg_stars.png);
padding-top: 20px;
border-radius: 3px;
}
.modalInfo .flex0 em{
font-style: normal;
opacity: 0.85;
display: inline-block;
margin: 0px 4px;
font-family: 'Cuprum', sans-serif;
}
.modalInfo .flex1:not(.airRight){
width: 85%;
text-align: left;
box-sizing:border-box;
padding: 10px 0 10px 0;
font-size: 16px;
margin-left: 15px;
}
.animGift img{
width:105px;
height: 105px;
border-radius: 50%;
background-color: #f0f0f0;
}
.airRight{
text-align: left;
margin-left: 20px;
font-size: 17px;
padding-top: 10px;
}
/*
.modalInfo .flex1.airPods{
width: 300px;
}
.airPods a.nice{
background-color: gray;
border-radius: 4px;
padding: 3px 8px;
white-space: nowrap;
font-size: 15px;
color: white;
}
.airPods a.nice:hover{
background-color: black;
}
.airPods a.nice i{
font-style: initial;
opacity: .8;
}
*/
.airRight .rulesLink{
color: gray;
font-size: 15px;
}
.airRight .rulesLink a{
color: gray;
}
.modalInfo .flex1:not(:last-child){
border-bottom: 1px solid #c6c6c6;
margin-bottom: 2px;
}
.modalInfo .highlight{
display: inline;
background-color: #e8e7e7;
padding: 2px 3px 2px;
}
.modalInfo .h1{
background-color: #daeed7;
}
.modalInfo .h2{
background-color: #eeefc7;
}
.modalInfo .h3{
background-color: #fbd7d7;
}
/*
.modalInfo .roundedSmall{
display: inline-block;
}
.modalInfo .r9{background-color: #58a84a;}
.modalInfo .r5{background-color: #73bd3c;}
.modalInfo .r3{background-color: #b8be19;}
.modalInfo .r1{background-color: #d64a3c;}
.modalInfo .r0{background-color: #000000;}
*/
.miniTariff{
margin-top: 5px;
margin-bottom: -4px;
}
.hosterBody .body.noMenu{
border-radius: 6px 0 0 6px;
}
.hosterBody .body{
display:table-cell;
vertical-align: middle;
background-color: #f0f0f0;
padding: 7px 5px 10px 15px;
font-size: 15px;
border-right: 3px #fff solid;
width: 100%;
}
.hosterBody .reviews, .hosterBody .price{
display:table-cell;
vertical-align: middle;
text-align: center;
padding: 10px;
min-width: 70px;
}
.hosterBody .reviews{
border-right: 3px solid #fff;
background-color: #f0f0f0;
font-size: 13px;
}
.hosterBody .reviews .round4{
padding: 2px 5px;
}
.hosterBody .reviewsColor{
min-width: 100px;
border-radius: 0 6px 6px 0;
border-right: 0px;
}
.hosterBody .reviewsColor a{color: white;font-size: 14px;}
.hosterBody .reviewsColor span{background-color: transparent!important;border:1px solid white; padding: 0 4px;font-weight: 400;margin-left: 2px;}
.hosterBody .price{
font-size: 13px;
border-radius: 0 6px 6px 0;
}
.hosterBody .price, .hosterBody .price:hover{
text-decoration:none;
color: white;
}
.hosterBody .price span{white-space: nowrap;}
.hosterBody .price em.before{font-size: 17px;margin-right: 2px;}
.hosterBody .dec{font-size: 16px;font-weight: bold;}
.hosterBody .price em{font-size: 17px;}
.hosterBody .price i{
font-size: 21px;
font-weight: bold;
}
.hosterBody .price span.gray{opacity: 0.7;}
/* hoster body */
#hosters{
margin-top: 20px;
}
/* general */
.bulb{
position: relative;
}
.bulb:before{
background-image: url("/img/sprite-hoster.png");
background-repeat: no-repeat;
background-size: 29px auto;
height: 33px;
width: 28px;
content: "";
position: absolute;
left: -2px;
top: 2px;
background-position: 0 -4px;
}
.infoScore{
filter: grayscale(20%);
transition: .4s;
background-image: url(/img/sprite-medal.png);
background-repeat: no-repeat;
background-size: 60px auto;
width:53px;
height: 28px;
display: inline-block;
vertical-align: bottom;
margin-bottom: -1px;
}
.infoScore.none{background-position: 0 -113px;}
.infoScore.medal3{background-position: 0 -75px}
.infoScore.medal2{background-position: 0 -39px;}
.infoScore.medal1{background-position: 0 -2px;}
i.rat{
border: 1.5px solid black;
vertical-align: middle;
display: inline-block;
color: black;
text-align: center;
border-radius: 50%;
font-style: normal;
font-size: 15px;
cursor: pointer;
transition: all ease .3s;
width: 18px;
height: 18px;
font-weight: 400;
}
.ratingWrap:hover i.rat{
font-weight: bold;
}
i.rat:hover, .ratingWrap:hover i.rat{
opacity: 1;
background-color: black;
color: white;
}
.hosterRating .rat{
opacity: 1;
margin: -1px 3px 0 2px;
line-height: 16px;
font-size: 14px;
font-weight: normal;
}
.hoster .regaloMedal .infoScore{
margin-bottom: 7px;
margin-top: 0px;
margin-right: 4px;
}
/* general */
a.url, a.url:visited, a.url:active, a.url:hover, span.urlPassive{
font-size: 14px;
clear: right;
color: white;
text-decoration: none;
font-weight: 300;
padding: 0px 10px 3px;
}
.content a.url, .content .urlPassive{
display: inline-block;
}
.content a.urlTariff{
margin: 0 0 0 5px;
}
.content .urlPassive{
border: 2px solid black;
color:black;
font-weight: bold;
background-color: transparent;
padding: 0px 8px;
}
.coupons{
color: #6c6c6c;
}
.coupons a, .coupons a:visited{
color: #000;
}
.coupons a:hover, .coupons a:active{
color: black;
}
.coupons u{
color: black;
text-decoration: none;
}
.coupons i{
color: #B30F0F;
}
.coupons i.val{
color: #6c6c6c;
}
/* цвет купона и инфы при копировании */
.coupon, .coupon>em>b{
background-color: #dede84;
background-image: url(/img/bgSaturation2.png);
background-size: 180%;
background-position: left;
}
.coupon{
display: inline-block;
padding: 3px 10px 2px;
margin-right: 3px;
position: relative;
border-radius: 1px;
color:black;
text-align: center;
border-bottom: 2px solid #cbcb64;
transition: 0.3s ease background-size;
}
.coupon, .coupon>em{
font-family: monospace;
font-size: 18px;
font-weight: bold;
font-style: initial;
letter-spacing: 1px;
vertical-align: middle;
}
.coupon>em{
margin-top: -4px;
}
.coupon:before, .coupon:after{
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: 50%;
margin-top: -5px;
}
.coupon:before{
left: -5px;
}
.coupon:after{
right: -5px;
}
.coupon:hover{
background-size: 100%;
}
.coupon i{
display: inline-block;
width: 10px;
border-left: 2px dotted #818111;
padding: 0 2px 0 7px;
margin-left: 5px;
font-style: normal;
font-family: 'Cuprum', sans-serif;
font-size: 17px;
color: #818111;
}
.coupon em{
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
cursor: pointer;
text-align: center;
}
.coupon>em>b{
position: absolute;
pointer-events: none;
width: 100%;
height: 100%;
left:0px;
top:0px;
display: none;
letter-spacing: initial;
color: #676705;
}
.couponsRates{
margin-bottom: 12px;
font-size: 17px;
}
.hostH1.preview{
margin-bottom: 40px;
}
.couponsRates .coupon{
font-size: 19px;
}
.couponsRates .coupon em, .hostWidget .coupon em{
min-width: 110px;
}
.hosterBody .ratesWrap{
margin-top: 10px;
}
table.tariff{
width: 100%;
border-collapse:separate;
border:0px;
margin: 0px;
padding: 0px;
}
table.tariff th{
padding: 4px 10px;
text-align: center;
white-space: nowrap;
font-weight: 300;
font-size: 16px;
}
table.tariff .r{
text-align: right;
padding-right: 4px;
}
table.tariff .l{
text-align: left;
padding-left: 4px;
}
table.tariff td.prices em{
font-size: 15px;
font-style: normal;
}
table.tariff td.prices{
padding-left: 0px;
padding-right: 18px;
}
table.tariff td.prices.moreLeft{
padding-left: 15px!important;
}
table.tariff td.prices.priceYear{
padding-right: 2px;
}
table.tariff td.pricesUSD{
padding-right: 3px;
}
table.tariff .priceCol{
padding-left: 30px;
}
table.tariff th.max{
width: 100%;
padding: 0;
}
table.tariff tbody tr{
}
table.tariff td{
padding: 4px 15px;
text-align: center;
white-space: nowrap;
font-size: 16px;
padding: 6px 23px;
}
.ratesWrap.ratesShrink{
overflow-y: hidden;
height: 307px;
transition: height ease .5s;
}
.ratesWrap.ratesShrink.ratesShrink1{
height: 341px;
}
.ratesWrap.ratesShrink.ratesShrink2{
height: 341px;
}
.ratesWrap.ratesShrink.ratesShrink2{
height: 375px;
}
.ratesWrap.ratesShrink.ratesShrink3{
height: 409px;
}
.ratesWrap.ratesShrink.ratesShrink4{
height: 443px;
}
.ratesWrap{
display: inline-block;
min-width: 100%;
}
.ratesWrap.ratesShrink .rowspan.vis{
vertical-align: top;
padding-top: 7px!important;
}
.rowspan.vis.verticalSmooth>*{
animation: verticalSmooth 1s ease;
}
@keyframes verticalSmooth {
55%,60% { opacity: 0; }
}
.rowspan.vis.verticalSmooth{
animation: verticalSmooth2 1s ease;
}
@keyframes verticalSmooth2 {
50%,60% { color: #f0f0f0; }
}
.ratesHidden:not(.emptyBut){
text-align: center;
padding: 5px 0 6px 0;
color: black;
margin-top: -2px;
display: none;
}
.ratesHidden em, .ratesHidden i, .ratesMore em{
font-style: normal;
font-size: 17px;
cursor: pointer;
}
.ratesHidden i{
margin-left: 3px;
border-bottom: 1.5px dashed black;
}
.ratesMore em{
border-bottom: 1.5px dashed black;
}
.ratesHidden i:hover, .ratesMore em:hover{
border-bottom-color: transparent;
}
.ratesMore{
text-align: center;
padding: 5px 0 6px 0;
font-size: 17px;
display: none;
background-color: #fff;
color: black;
position: relative;
z-index:102;
}
.ratesMore:has(em:hover){
margin-top: 2px;
margin-bottom: -2px;
}
.ratesMore em:hover::before, .ratesMore em:hover::after{
top: 4px;
transition: top ease 0.3s;
}
.ratesMore:has(em:hover):before{
opacity: 0.8;
pointer-events:initial;
}
.ratesMore:before{
content: "";
width: 100%;
height: 30px;
background-color: black;
position: absolute;
left: 0px;
top: -30px;
opacity: 1;
background: transparent linear-gradient(rgba(255, 255, 255, 0) 30%, rgb(255, 255, 255) 90%) repeat scroll 0 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
/* **** Line **** */
table.tariff .hidePas+tr.headPreLine, table.tariff .hidePas+.headPreLine+.headLineLight {
display: none;
}
table.tariff tr.headLine{
height: 2px;
border-bottom: 3px solid white!important;
}
table.tariff tr.headLine .hLine, table.tariff tr.headLineLight .hLine{
background-color: #bfbfbf;
}
table.tariff tr.headLine .hLine2{
background-color: white;
}
table.tariff tr.headLineLight{
height: 1px;
border-bottom: 3px solid white!important;
}
table.tariff tr.headLine td, table.tariff tr.headLineLight td{
padding: 0px!important;
}
/* **** preLine **** */
table.tariff tr.headPreLine div{
background-color: transparent;
color: #000;
position: relative;
margin: 7px 0 1px 0;
padding: 4px;
}
table.tariff tr.headPreLine div em, .ratesMore em{
font-style: normal;
position: relative;
}
/* дубляж в _top.php */
table.tariff tr.headPreLine div em:before, table.tariff tr.headPreLine div em:after, .ratesMore em:before, .ratesMore em:after{
content: "↓";
display: inline-block;
position: absolute;
font-size: 12px;
top: 1px;
}
table.tariff tr.headPreLine div em:before, .ratesMore em:before{
left: -15px;
top:0px;
}
table.tariff tr.headPreLine div em:after, .ratesMore em:after{
right: -15px;
top:0px;
}
/*
.ratesMore em:before, .ratesMore em:after{
transition: top ease .4s;
}
.ratesMore:hover em:before, .ratesMore:hover em:after{
top:2px;
}
*/
table.tariff tr.headPreLine div strong{
font-weight: 300;
}
table.tariff .headPreLine td{
height: 0;
padding: 0;
border-bottom: 0!important;
}
.minVPS table.tariff .title{
padding-left: 2px;
padding-right: 5px;
}
.minVPS table.tariff .minWidth{
padding: 0 2px 0 0;
}
.minVPS table.tariff .coreCPU{
padding: 0 10px 0 20px;
}
.minVPS table.tariff .virtualiz{
padding: 0;
}
.minVPS table.tariff .gray.disk{
padding-left: 16px;
}
.minVPS table.tariff .pricesUSD.gray, .minVPS table.tariff .prices.moreLeft{
padding: 0 5px 0 3px!important;
}
.minifySuper table.tariff .prices{
padding-right: 0px;
}
table.tariff td .bg{
display: inline-block;
padding: 0px 4px;
margin: 0 5px 0 5px;
color: #000;
font-size: 16px;
}
table.tariff td .bg:not(.os){
border-radius: 3px;
border: 1px solid gray;
}
table.tariff td .bg.SSD, table.tariff td .bg.noSSD, table.tariff td .bg.virt, table.tariff td .bg.os{
min-width: 20px;
}
.bgX{
background-size: 15px;
background-position: center;
background-repeat: no-repeat;
background-image: url(/img/i_core.png);
color: transparent;
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
margin: -4px 3px 0;
}
table.tariff td .bg.win, table.tariff td .bg.linux, table.tariff td .bg.freebsd, table.tariff td .bg.fastStart, table.tariff td .bg.gear, table.tariff td .bg.bitrix{
background-size: 21px;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 0%;
padding: 0;
border: 0px;
vertical-align: middle;
opacity: 0.8;
}
table.tariff td .bg.lan{
background-image: url(/img/i_lan.png);
background-size: 22px;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
width: 14px;
}
table.tariff td .bg.gear{
background-image: url(/img/i_gear.png);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
width: 18px;
}
em.rub{
font-size: 15px;
font-style: normal;
}
em.cur{
font-size: 14px;
font-style: normal;
}
em.convert{
font-size: 12px;
font-style: normal;
display: inline-block;
vertical-align:top;
}
table.tariff td .bg.fastStart{
background-image: url(/img/i_faststart.png);
width: 16px;
margin-right: 0px;
}
table.tariff td .bg.win{
background-image: url(/img/os_win.png);
}
table.tariff td .bg.linux{
background-image: url(/img/os_linux.png);
}
table.tariff td .bg.freebsd{
background-image: url(/img/os_freebsd.png);
}
table.tariff td .bg.bitrix{
background-image: url(/img/os_bitrix.png);
}
table.tariff td .bg.noSSD, table.tariff td .bg.noHDD{
border-color: transparent!important;
}
table.tariff td .bg.oneSize{
text-align: center;
}
table.tariff td .bg.alert{
color: white;
font-weight: 300;
border: 0px;
padding: 1px 4px;
min-width: 22px;
text-align: center;
background-color: #aeaeae;
color: white;
}
table.tariff td .bg.constr, .filtHelpIcon.constr{
background-size: 25px;
background-position: center;
background-repeat: no-repeat;
background-image: url(/img/i_tariff.png);
width: 25px;
padding: 0 3px;
color: transparent;
}
table.tariff td .bg.cl{
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
background-image: url(/img/i_cl.png);
width: 25px;
color: transparent;
}
table.tariff td .bg.constuctor{
background-size: 14px;
background-position: center;
background-repeat: no-repeat;
background-image: url(/img/i_construct_sm.png);
color: transparent;
}
table.tariff .title{
padding-left: 10px;
padding-right: 20px;
}
table.tariff .info{
width: 18px;
height: 18px;
background-color: #E0E0E0;
border-radius: 50%;
display: inline-block;
color: black;
font-size: 15px;
text-align: center;
margin-left: 5px;
margin-right: 0px;
}
table.tariff .gray{
color: #6c6c6c;
}
table.tariff .gray .disk,table.tariff .gray .db,table.tariff .gray .sites, table.tariff .gray .ram, table.tariff .gray .core{
display: inline-block;
color: black;
min-width: 20px;
margin-left: -10px;
text-align: right;
}
table.tariff .black{
color: black;
}
table.tariff .flag{
padding: 6px 2px 2px 4px;
text-align: left;
}
table.tariff .flag:has(.cMulti){
padding-top: 0px;
}
/*
table.tariff .flag .hint > img, table.tariff .flag .hint i{
transition: border-color ease 0.2s;
}
*/
table.tariff .flag .hint2:hover > img, .flag .hint2.cMulti:hover i{
border-color: #ebebeb;
}
table.tariff .flag img, .hint2.cMulti i img{
width: 18px;
height: 18px;
}
table.tariff .flag img, [data-list=servers] img, .currency img, .hint2.cMulti i img{
padding: 2px;
background-color: #ebebeb;
border: 0.5px solid #b9b9b9;
border-radius: 50%;
z-index: 101;
position: relative;
}
.hint2.cMulti i img{
padding: 3px;
}
/* multi country */
.hint2.cMulti i{
display: inline-block;
background-color: #ebebeb;
border: 0.5px solid #b9b9b9;
border-radius: 14px;
z-index: 101;
position: relative;
white-space: nowrap;
line-height: 17px;
}
#countriesList .hint2.cMulti i{
border-color: transparent;
}
.hint2.cMulti i img:nth-child(n+4){
display: none;
z-index: 1;
margin-left: -18px;
}
.hint2.cMulti i img:nth-child(n+4){
display: none;
z-index: 1;
margin-left: -18px;
}
.hint2.cMulti i img:nth-child(2){
margin-left: -9px;
z-index: 3;
}
.hint2.cMulti i img:nth-child(3){
margin-left: -12px;
z-index: 2;
}
#countriesList .hint2.cMulti i img:nth-child(n+4){
display: initial;
}
#countriesList.before i img:nth-child(2), #countriesList.before i img:nth-child(3){
animation: countryMulti .3s ease;
margin-left: -2px;
}
#countriesList.before i img:nth-child(n+4){
animation: countryMulti2 .3s ease;
margin-left: -2px;
}
#countriesList.before .more{
animation: moreHint .5s ease;
left:0px;
}
@keyframes moreHint {
0%{ opacity:0;}
50%{ opacity:0;}
100%{opacity: 1;}
}
@keyframes countryMulti {
from {margin-left:-9px;}
to{margin-left: -2px;}
}
@keyframes countryMulti2 {
from {margin-left:-18px;}
to{margin-left: -2px;}
}
.hint2.cMulti i img{
vertical-align: middle;
border: 0px;
}
table.tariff .flag .hint2:not(.cMulti) .over, #countriesList .hint2 .over{
margin-left: -8px;
padding-left: 11px;
padding-top: 1px;
}
.flag .hint2.cMulti:hover .over, .flag .hint2.cMulti:hover .more{
display: none!important;
}
#countriesList .hint2>div{
display: inline-block;
white-space: nowrap;
line-height: 18px;
}
.hosterBody td{
font-size: 13px;
}
table.tariff.server .gray .disk{
min-width:initial;
margin: 0 0 0 3px;
}
table.tariff.server .cpuCount{
padding: 0;
text-align: right;
}
table.tariff.server .cpuCount .core{
display: inline-block;
padding: 0 2px 0 4px;
}
table.tariff.server .cpu{
text-align: left;
padding-left: 0px;
padding-right: 5px;
}
table.tariff.server .title{
padding-right: 2px;
}
table.tariff .ip{
padding: 4px 8px;
text-align: right;
}
table.tariff.server .port{
padding: 4px 3px;
}
table.tariff.server .setup{
padding: 4px 0px 4px 2px;
text-align: right;
}
table.tariff td.slim{
padding: 4px 5px 4px 0;
text-align: right;
}
table.tariff.server .raid{
padding: 4px 4px;
text-align: right;
}
.tariff.server .count{
font-size: 13px;
}
table.tariff.server .gray .disk.moreDigits{
min-width: 25px;
}
.tariff td.disk1{
text-align: right;
padding: 0 8px;
}
.tariff td.disk2{
padding: 0 8px;
text-align: left;
}
.tariff td.join{
padding: 0 8px;
font-size: 14px;
}
table.tariff .gray .sites{
min-width: 32px;
}
table.tariff .gray .disk.unlim{
min-width: 55px;
}
table.tariff .gray .disk{
min-width: 40px;
}
table.tariff .gray .cpu{
color: black;
}
table.tariff .gray.coreCPU{
text-align: right;
}
table.tariff td.empty{
padding: 0;
}
table.tariff tr:not(.headLine):not(.headLineLight) td:not(.rowspan){
border-bottom: 1px solid #e3e3e3;
}
table.tariff td.rowspan{
background-color: #f0f0f0;
border-bottom: 1px solid #d7d7d7;
vertical-align: middle;
}
/* passed rates lines */
table.tariff tr.hidePas{
display: none;
}
/* animate opening hidden lines */
.shinePas, .shinePas .hint .bg{
animation: shinePas 1.6s ease;
}
@keyframes shinePas {
0% { background-color: #ffffcc;}
}
/* animate opening hidden lines */
.shinePas .hint .bg.os, .shinePas .hint .bg.fastStart {
animation: shinePas2 1.6s ease;
}
@keyframes shinePas2 {
0% { opacity: .6; }
}
table.tariff tr.pas td, table.tariff tr.pas span{
color: #b8b8b8!important;
}
table.tariff tr.pas td.flag .hint{
pointer-events: none;
}
table.tariff tr.pas td.flag .hint{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
}
table.tariff tr.pas td .bg:not(.lan){
border-color: #dcdcdc;
}
table.tariff tr.pas .bg.constr, table.tariff tr.pas .bg.cl, tr.pas .bgX, tr.pas .lan{
opacity: 0.3;
}
table.tariff tr.pas td{
border-bottom-color: #d8d8d8;
}
tr.pas td .bg.alert, tr.pas td .bg.win, tr.pas td .bg.linux, tr.pas td .bg.freebsd, tr.pas td .bg.bitrix, tr.pas td .bg.fastStart, tr.pas td .bg.fastStart{
background-color: #e2e2e2!important;
color: #fff!important;
}
table.tariff tr.pas td .hint .over{
background-color: #ababab;
}
/* passed rates lines */
.currency>em>img{
width: 14px;
height: 14px;
padding: 2px;
border: 2px solid rgba(0, 0, 0, .7);
}
.currency>em{
display: inline-block;
vertical-align: middle;
}
.currency>em.wait{
width: 20px;
height: 20px;
}
.currency>em .loading .circle{
width: 16px;
height: 16px;
}
.currency>em .loading .circle:before{
background-color: #2b3840;
}
.currencies li img{
width: 16px;
height: 16px;
padding: 2px;
vertical-align: top;
margin-right: 2px;
}
.currencyWrap{
display: inline-block;
}
.curPoint{
position: relative;
display: inline-block;
width: 1px;
}
@keyframes curAnim {
from {
right:23px;
}
to{
right: 10px;
}
}
.curTease{
position: absolute!important;
display: inline-block;
background-color: #2b3840;
padding: 4px 10px;
text-align: center;
color: #a7ea39;
right: 10px;
top:-18px;
z-index: 999;
animation: curAnim 1s cubic-bezier(.55,.06,.68,.19);
animation-direction: alternate;
animation-iteration-count: infinite;
cursor: pointer;
max-height: 16px;
white-space: nowrap;
}
.curTease:after{
content: "";
border-left: 8px solid #2b3840;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
width: 0;
height: 0;
right: -7px;
position: absolute;
}
.currency{
display: inline;
}
.currency>span{
opacity: 0.8;
font-size: 14px;
cursor: pointer;
}
.currency:hover>em>img{
border-color: rgba(0, 0, 0, 0.9);
}
.currency:hover>span{
opacity: 1;
}
.currencies{
position: absolute;
background-color: #e2e2e2;
z-index: 999999;
width: 180px;
padding: 2px;
border-radius: 4px;
}
.curOpen>i{
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #e2e2e2;
width: 0;
height: 0;
position: absolute;
z-index: 999999;
}
.currencies li:first-child{
border-radius: 4px 4px 0 0;
}
.currencies li:last-child{
border-radius: 0 0 4px 4px;
}
.currencies li{
min-width: 100px;
text-align: left;
padding: 5px;
cursor: pointer;
white-space: nowrap
}
.currencies li:not(:last-child){
border-bottom: 0.5px dotted #b9b9b9;
}
.currencies li:hover{
background-color: #fbfbfb;
}
.currencies li span{
white-space: nowrap;
vertical-align: middle;
font-size: 14px;
}
.currencies li>img{
vertical-align: middle;
}
.currencies.start li.curMore{
border-bottom: 0px;
text-align: center;
font-size: 12px;
background-color: #fff;
color: black;
position: relative;
padding: 3px;
border-radius: 0 0 3px 3px;
}
.currencies.start li.curMore:hover{
padding: 6px;
}
.currencies.start li.curMore:hover:before{
content: "↓ \00a0\00a0\00a0 показать все \00a0\00a0\00a0 ↓";
}
.currencies.start li.curMore:before{
content: "показать все";
font-size: 15px;
font-family: 'Cuprum', sans-serif;
}
.currencies.start li:nth-child(n+8){
display: none;
}
.currencies:not(.start) .curMore{
display: none;
}
.curOpen{
display: none;
}
.hint{
display: inline-block;
position: relative;
}
.hint > span{
cursor: pointer;
}
.hint:hover > span:not(.os){
border-radius: 3px 0 0 3px!important;
}
.hint:hover .over, .hint:hover .more{
display: inline-block;
}
.hint .over.white{
background-color: white;
color: black;
}
.cMulti.hint .over{
border-radius: 0 4px 4px 0;
}
.hint .over, .hint .more{
display: none;
position: absolute;
font-size: 15px;
line-height: 17px!important;
color: white;
margin-left:-1px;
border:0px;
padding: 0 8px 1px 5px;
border-radius: 0 8px 8px 0;
z-index: 100;
background-color: #2b3840;
}
.cMulti.hint .over{
bottom: 1px;
}
.hint .more{
background-color: #2b3840;
color: white;
left: 100%;
bottom: 21px;
border-radius: 10px 4px 4px 10px;
padding-left: 22px;
}
.hint .more:before{
content: "!";
color: black;
text-align: center;
background-color: white;
width: 14px;
height: 14px;
border-radius: 50%;
position: absolute;
margin-left: -19px;
margin-top: 2px;
font-weight: bold;
line-height: 15px;
font-size: 13px;
}
.tariff .hint .over{
white-space: nowrap;
padding: 0 8px 1px 5px;
border-radius: 0 4px 4px 0;
}
.tariff .flag .hint .over{
border-radius: 0 4px 4px 0;
}
.next{
text-align: center;
background-color: #ececec;
font-size: 17px;
margin-bottom: 30px;
padding: 10px;
border-radius: 3px;
cursor: pointer;
margin-left: 10px;
margin-right: 10px;
margin-top: -20px;
border-bottom: 2px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
}
.next:hover{
background-color: #d4d4d4;
}
.next.dis, .next.dis:hover{
background-color: #ececec;
color: #b4b4b4;
cursor: default;
}
.next i{
font-style: normal;
font-weight: 400;
}
.pages a:hover, .pages a:visited:hover{
background-color: #2b3840;
color: white;
}
.pages{
text-align: center;
margin-bottom: 30px;
font-size: 17px;
}
.pages a, .pages a:visited{
text-decoration: none;
padding: 0px 10px;
margin: 0 2px 0 0;
color: black;
background-color: #ececec;
display: inline-block;
border-radius: 3px;
border-right: 1px solid #838383;
border-bottom: 2px solid #838383;
line-height: 35px;
}
.pages a:not(.null){
border-bottom-color: #e2e2e2;
border-right-color: #e2e2e2;
}
.pages a:not(.null):hover{
background-color: #d4d4d4;
color: black;
}
.pages a.null{
background-color: #2b3840;
color: white;
}
.pages a.null{
cursor: default;
}
/* NEW */
.hoster{
background-color: #f7f7f7;
text-align: center;
justify-content: center;
}
.hoster .hosterRating{
margin-bottom: 5px;
}
.hoster .beforeName{
margin-right: 25px;
}
.hoster .beforeName, .hoster .afterName{
width: 300px;
flex-direction: column;
}
.hoster .beforeName>div{
text-align: right;
font-size: 15px;
}
.hosterRating div{
display: inline-block;
color: white!important;
font-size: 17px;
padding: 0 9px 0 0;
margin-bottom: 4px;
min-width: 51px;
font-family: "Cuprum";
background-color: #2b3840;
border-bottom: 2px solid #000;
transform: skewX(-15deg);
margin-left: 5px;
}
.hosterRating .roundedSmall span{
font-family: "Cuprum";
display: inline-block;
}
.hosterRating .roundedSmall span{
transform: skewX(15deg);
}
.hosterRating div.specialHost{
border: 1px solid black;
background-color: transparent;
padding: 2px 8px 3px;
background-color: #2b3840;
border-bottom: 2px solid #000;
color: white;
}
.hosterRating div b{
font-family: 'Cuprum', sans-serif;
font-size: 18px;
display: inline-block;
height: 100%;
text-align: center;
line-height: 26px;
padding: 1px 9px;
margin-right: 8px;
background-color: #dbdbdb;
border-radius: 3px 0 0 3px;
color: black;
}
.hosterRating div.ratBgGr, .hosterRating div.ratBg0{
padding: 0 5px;
}
.hosterRating div.ratBgGr b, .hosterRating div.ratBg0 b{
background-color: initial;
color: white;
margin-right: initial;
}
.beforeName .flag img{
width: 14px;
height: 14px;
padding: 2px;
background-color: #ebebeb;
border: 0.5px solid #b9b9b9;
border-radius: 50%;
vertical-align: middle;
margin-top: -4px;
margin-right: 2px;
}
.beforeName .badge{
width: 100px;
margin-bottom: -10px;
}
.hoster .name{
position: relative;
width:350px;
height: 170px;
overflow: hidden;
text-align: center;
}
.hoster .name .hosterRound{
position: absolute;
border-radius: 50%;
width:350px;
height: 350px;
z-index: 1;
padding-top: 84px;
box-sizing: border-box;
left: 0px;
right: 0px;
top:0px;
bottom: 0px;
margin: auto;
border: 15px solid #e2e2e2;
overflow: hidden;
background-position: 0 0px;
transition: background ease .4s;
border-width: 4px 8px 35px 7px;
}
@media screen and (max-width: 1100px){
.hoster .name .hosterRound{
padding-top: 94px;
}
}
/*
.hoster .name .hosterRound::after{animation: goesUp 90s ease;}
.hoster .name .hosterRound::before{animation: goesUp 40s ease;}
@keyframes goesUp {
0% {background-position: 0 0px;}
100% {background-position: 0 -1000px;}
}
*/
.hoster .name .hosterRound.urlOver{
background-position: 0 40px;
}
.hoster .name .hosterRound.urlOver:before{
background-position: -5px -5px;
background-size: 380px;
}
.patternExp::before{
content: "";
background-image: url("/img/patternPoly.png");
background-size: 370px;
opacity: 0.5;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom,
from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
transition: all ease .5s;
z-index: -1;
position: absolute;
}
.hoster .hosterName{
font-size: 29px;
color: white;
margin-top: 5px;
}
.hoster .logoSm a{
display: inline-block;
border-radius: 50%;
background-color: rgba(255, 255, 255, .5);
transition: background ease .5s;
}
.hoster .logoSm a{
padding: 3px 5px 5px 6px;
border-width: 0px 1px 2px 1px;
border-style: solid;
border-color: white;
}
.hoster .logoSm img{
border-radius: 50%;
background-color: #fff;
vertical-align: middle;
}
.hoster .logoSm img:not(.border){
width: 68px;
height: 68px;
}
.hoster .logoSm img.border{
width: 60px;
height: 60px;
}
.hoster .logoSm img.border{
border: 4px solid #fff;
}
.hoster .hosterLink{
margin-top: 5px;
}
.hoster .hosterLink a{
display: inline-block;
font-size: 15px;
font-weight: 300;
text-decoration: none;
color: #212121;
border-radius: 13px;
background-color: #fff;
transition: background ease .5s;
border-width: 0px 1px 2px 1px;
border-style: solid;
border-color: #dbdbdb;
border-radius: 5px;
transform: skewX(-15deg);
}
.hoster .hosterLink a>span{
padding: 5px;
}
.hoster .hosterLink a>span:not(.iconClick){
padding-right: 10px;
padding-left: 8px;
}
.hoster .hosterLink a>span:not(.iconClick), .hoster .hosterLink a>span.iconClick img{
display: inline-block;
transform: skewX(15deg);
}
.hoster .hosterLink a>span.iconClick{
background-color: #dbdbdb;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.hoster .hosterLink a>span.iconClick img{
vertical-align: middle;
}
.urlOver .hosterLink a{
background-color: #f0f0f0;
}
.hoster .hosterLink i{
font-style: normal;
opacity: 0.5;
}
.hoster .afterName>div{
text-align: left;
font-size: 15px;
}
.hoster .afterName{
margin-left: 25px;
}
.beforeName .ratingNumber{
display: inline-block;
border-bottom: 3px solid #000;
color: black;
font-family: 'Cuprum', sans-serif;
vertical-align: initial;
}
.beforeName .badges{margin-bottom: 4px;white-space: nowrap;}
/* regalos */
.regaloHoster{
font-size: 15px;
position: relative;
display: inline-block;
margin-right: 43px;
margin-bottom: 14px;
line-height: 13px;
margin-left: 20px;
text-align: right;
}
.regaloHoster:after{
background-image: url("/img/sprite-badges.png");
background-repeat: no-repeat;
background-size: 45px auto;
height: 50px;
width:43px;
content: "";
position: absolute;
left: 100%;
top: -13px;
}
.regaloHoster.hasManager{
margin-right: 47px;
}
.regaloHoster.hasManager:after{
background-size: 43px auto;
background-position: 0px 3px;
margin-left: 6px;
}
.hoster .regaloHoster:first-child{margin-left: 0px;}
.bestMonth.regaloHoster:after{
background-position: 0 -63px;
}
.designUgly.regaloHoster:after{
background-position: 1px -424px;
}
.specialTop.regaloHoster:after{
background-position: 1px -490px;
}
.clientsLow.regaloHoster:after{
background-position: 2px -200px;
}
.badYear.regaloHoster:after{
background-position: 2px -130px;
}
.hoster .bestYear.regaloHoster{margin-right: 46px;}
.bestYear.regaloHoster:after{
background-position: 3px -1px;
width: 46px;
}
.designOld.regaloHoster:after, .panelOld.regaloHoster:after{
background-position: 4px -561px;
width: 50px;
}
.regalo2{
background-size: 104px;
background-repeat: no-repeat;
content: "";
z-index:105;
position: absolute;
left:-20px;
top:-24px;
width: 104px;
height: 104px;
pointer-events: none;
opacity: 1;
transition: .5s;
transform: rotate(0deg);
animation: badgeRotate 3s infinite;
}
@keyframes badgeRotate{
0% { transform: rotate(-10deg); }
25% { transform: rotate(-20deg); }
85% { transform: rotate(-20deg); }
100% { transform: rotate(-10deg); }
}
.regalo2.bestMonth{
background-image: url(/img/regaloTextBestMonth.png);
}
.regalo2.designOld{
background-image: url(/img/regaloTextDesignOld.png);
}
.regalo2.designUgly{
background-image: url(/img/regaloTextDesignUgly.png);
}
.regalo2.specialTop{
background-image: url(/img/regaloTextSpecialTop.png);
}
.regalo2.panelOld{
background-image: url(/img/regaloTextPanelOld.png);
}
.regalo2.clientsLow1{
background-image: url(/img/regaloTextClientsLow1.png);
}
.regalo2.clientsLow2{
background-image: url(/img/regaloTextClientsLow2.png);
}
.regalo2.clientsLow3{
background-image: url(/img/regaloTextClientsLow3.png);
}
.regalo2.badYear2009{background-image: url(/img/regaloTextBadYear2009.png);}
.regalo2.badYear2010{background-image: url(/img/regaloTextBadYear2010.png);}
.regalo2.badYear2011{background-image: url(/img/regaloTextBadYear2011.png);}
.regalo2.badYear2012{background-image: url(/img/regaloTextBadYear2012.png);}
.regalo2.badYear2013{background-image: url(/img/regaloTextBadYear2013.png);}
.regalo2.badYear2014{background-image: url(/img/regaloTextBadYear2014.png);}
.regalo2.badYear2015{background-image: url(/img/regaloTextBadYear2015.png);}
.regalo2.badYear2016{background-image: url(/img/regaloTextBadYear2016.png);}
.regalo2.badYear2017{background-image: url(/img/regaloTextBadYear2017.png);}
.regalo2.badYear2018{background-image: url(/img/regaloTextBadYear2018.png);}
.regalo2.badYear2019{background-image: url(/img/regaloTextBadYear2019.png);}
.regalo2.badYear2020{background-image: url(/img/regaloTextBadYear2020.png);}
.regalo2.bestYear2018{background-image: url(/img/regaloTextBestYear2018.png);}
.regalo2.bestYear2019{background-image: url(/img/regaloTextBestYear2019.png);}
.regalo2.bestYear2020{background-image: url(/img/regaloTextBestYear2020.png);}
/* regalos */
/* short info */
.afterName .infoIcons{
position: relative;
font-size: 15px;
text-align: left;
margin-left: 30px;
}
.afterName .infoIcons{
white-space: nowrap;
}
.infoIcons+.infoIcons{
margin-top: 15px;
}
.afterName .infoIcons:after{
background-image: url("/img/sprite-hoster.png");
background-repeat: no-repeat;
background-size: 25px auto;
height: 30px;
width: 25px;
content: "";
position: absolute;
left: -34px;
top: -6px;
}
.iFoundation.infoIcons:after{
background-position: 0px -4px;
}
.iLocation.infoIcons:after{
background-position: 0px -77px;
}
.iSupport.infoIcons:after{
background-position: 0px -39px;
}
.iPeriod.infoIcons:after{
background-position: 0px -119px;
}
.iHasManager.infoIcons:after{
background-position: 0px -160px;
}
.iStar.infoIcons:after{
background-position: 0px -198px;
}
/* short info */
.periodUnderline{
border-bottom: 2px solid black;
}
.menuFilters:not(.active){
display: none;
}
/*** sticky menu ***/
.hosterMenu:not(.sticky) .menuHosters{display: none;}
.hosterMenu.sticky .menuHosters{
background-color: #f0f0f0;
}
/* высота верхнего sticky меню */
/* МОЖНО ИЗМЕНИТЬ ВСЮ ВЫСОТУ В ПОСЛЕДОВАТЕЛЬНЫХ КЛАССАХ */
.sticky .menuHosters>.flex{
text-align: left;
justify-content: left;
line-height: 35px;
max-height: 35px;
}
/* высота sticky меню хостинг-субменю на высоком разрешении */
.sticky .menuHosters .mobileInner ul{
height: 35px;
}
.sticky .menuHosters .logoHosters::after {
border-right: 9px solid #dbdbdb;
}
.sticky .menuHosters .mobileMenu::after{
border-left: 9px solid #f0f0f0;
border-bottom-width: 33px;
border-bottom: 35px solid transparent;
display: block;
}
.hosterMenu.sticky .mobileHostingName::after{
content: "";
width: 0;
height: 0;
border-top: 35px solid transparent;
border-right: 9px solid transparent;
position: absolute;
top:0px;
right: -8px;
}
.hosterMenu.sticky .mobileHostingName::before {
content: "";
width: 0;
height: 0;
border-bottom: 36px solid transparent;
border-left: 9px solid transparent;
position: absolute;
right: 100%;
top: -1px;
z-index: 100;
}
.sticky .menuHosters .logoHosters{
background-color: #2b3840;
position: relative;
padding-left: 8px;
text-align: center;
transition: width 0.3s ease;
}
.sticky .menuHosters .mobileMenu::after{
content: "";
width: 0;
height: 0;
position: absolute;
right: -8px;
top: 0px;
z-index: 99;
}
.sticky .menuHosters .logoHosters::after{
content: "";
width: 0;
height: 0;
position: absolute;
top:0px;
right: 0px;
z-index: 99;
}
.sticky .menuHosters .mobileHostingLink a, .sticky .menuHosters .mobileHostingLink a:hover, .sticky .menuHosters .mobileHostingLink a:visited{
color: black;
font-size: 15px;
opacity: 0.9;
}
.sticky .menuHosters .mobileHostingLink a:hover{
opacity: 0.6;
}
.hosterMenu.filtersMenu{border-bottom: 1px solid #ada8a8!important;}
.hosterMenu.allPages.sticky .iconsMenu{margin-right: 15px;}
.hosterMenu.allPages.sticky ul{
overflow-x: auto;
overflow-y: hidden;
background-color: #2b3840;
padding-left: 5px;
}
.hosterMenu.allPages.sticky .iconsMenu{color: white;}
.hosterMenu.allPages.sticky .iconsMenu:hover{opacity: 0.7;}
.logoHosters a, .logoHosters a:hover, .logoHosters a:visited{
color: white!important;
font-size: 14px;
font-weight: 300;
margin-right: 7px;
}
.hosterMenu.sticky .mobileHostingName{
font-size: 17px;
color: white;
font-family: 'Cuprum', sans-serif;
position: relative;
padding: 0 9px;
}
.hosterMenu.sticky .mobileHostingName span{
font-family: 'Cuprum', sans-serif;
}
.hosterMenu.sticky .menuGeneral .mobileHostingName{
color: #2b3840;
}
.hosterMenu.sticky .mobileHostingName a.headLink, .hosterMenu.sticky .mobileHostingName a.headLink:hover, .hosterMenu.sticky .mobileHostingName a.headLink:visited{
color: white;
text-decoration: none;
font-size: 17px;
color: white;
font-family: 'Cuprum', sans-serif;
}
.hosterMenu.sticky .mobileHostingName a.headLink:hover{
opacity: 0.8;
}
.hosterMenu.sticky .mobileHostingLink{
font-size: 15px;
color: gray;
margin-left: 5px;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 0px!important;
padding-left: 10px;
}
.hosterMenu.sticky .mobileInner{
flex-grow: 10;
padding-left: 12px;
}
.sticky .mobileInner .fastMenu{
border-right: 1px solid #cdcdcd;
display: inline-block;
transform: skewX(-15deg);
}
.sticky .mobileInner>.fastMenu:first-child{
margin-left: 5px;
}
.hosterMenu.sticky .mobileMenu{
width: 32px;
cursor: pointer;
background-size: 40px;
background-position: -2px -186px;
transition: background-position 0.3s ease;
position: relative;
}
.hosterMenu.sticky{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 9999;
border-bottom-width: 1px;
}
.mobileInner a.shortMenu{
margin-right: 13px;
font-size: 17px;
color: #5f5f5f !important;
transform: skewX(15deg);
display: inline-block;
}
.mobileInner>div:not(:first-child)>a.shortMenu{
margin-left: 13px;
}
.mobileInner a.shortMenu:hover{
color: black!important;
}
/*** sticky menu ***/
/** filters sticky **/
.filtersMenu:not(.sticky){
display: none;
}
.hosterMenu:not(.sticky) .filtersTop{
display: none;
}
.filtersMenu.sticky .mobileHostingName{background-color: #dbdbdb;}
.filtersMenu.sticky .mobileHostingName:after{border-top-color: #dbdbdb!important;}
.filtersMenu.sticky .mobileHostingName:before{border-bottom-color: #dbdbdb!important;}
.hosterMenu.sticky .filtersTop ul{
height: 40px;
}
.hosterMenu.filtersMenu.sticky {
border-bottom: 0;
background-color: #fff;
}
.filtersMenu.hosterMenu.sticky li{
padding-right: initial;
margin-bottom: 0px;
}
.filtersShort{
text-align: left;
padding-left: 2px;
white-space: nowrap;
overflow: hidden;
position: relative;
padding-left: 10px;
}
.filtersShort>div{
display: inline-block;
border-radius: 13px;
margin-right: 5px;
padding: 0px 16px 0 9px;
margin-top: 7px;
}
.filtersShort>div.icn{
padding-left: 16px;
}
.filtersShort>div.flg{
padding-left: 18px;
}
.filtersShort>div>i{
font-size: 18px;
font-style:normal;
font-weight: 400;
color: #4f4f4f;
cursor: pointer;
transition: opacity .2s ease;
line-height: 24px;
}
.filtersShort>div:not(.active) i{
border-bottom: 1px dashed black;
}
.filtersShort>div:not(.active):hover i{
border-bottom-color: transparent;
opacity: 0.7;
}
.filtersShort>div:not(.active){
padding-left: 6px;
padding-right: 6px;
}
.filtersShort>div>i:hover{
opacity: 1;
}
.filtersShort .active{
border: .5px solid #dbdbdb;
border-left-width: 2px;
border-right-width: 2px;
position: relative;
height: 24px;
}
.filtersShort .active u{
width: 20px;
height: 20px;
display: inline-block;
text-align: center;
border-radius: 50%;
text-decoration: none;
font-size: 15px;
line-height: 21px;
color:#515558;
position: absolute;
right: 1px;
top: 2px;
transition: .2s;
cursor: pointer;
}
.filtersShort>div u:hover{
background-color: #fff;
}
.filtersShort>div u:hover+i,.filtersShort>div a:hover+i{
text-decoration: line-through;
}
.filtersShort>div.active{
background-color: #ececec;
background-image: url(/img/bgSaturation2.png);
background-size: 300%;
transition: .2s;
border-color: #dbdbdb;
background-position: -20px 0;
}
.filtersShort>div.active:hover{
background-color: #dbdbdb;
}
.filtersShort>.active>i{
margin-right: 9px;
}
.filtersShort>div.active:hover{
background-size: 150%;
background-position: -20px 0;
}
.filtersShort em.cur{
padding: 0 3px;
opacity: 0.85;
}
.filtersShort .flg>i, .filtersShort .icn>i{
margin-left: 10px;
}
.filtersShort .flg img, .filtersShort .flgs img{
width:18px;
height:18px;
border-radius: 50%;
border:2px solid #dbdbdb;
position: absolute;
left:1px;
top:1px;
}
.filtersShort .flgs{
padding-left: 0px;
}
.filtersShort .flgs img{
position: initial;
vertical-align: middle;
margin-top: -3px;
}
.filtersShort .flgs img:not(:first-child){
margin-left: -10px;
}
.filtersShort .icn>span{
width: 18px;
height: 18px;
border-radius: 50%;
border:2px solid #dbdbdb;
background-color: #dbdbdb;
position: absolute;
left:-2px;
top:1px;
margin:0px!important;
}
.filtersShort .icn>span.bgCPU{
background-size: 14px;
background-position: center;
background-repeat: no-repeat;
background-image: url(/img/i_core3.png);
background-color: #2b3840;
border-color: transparent;
left:0px;
}
.filtersShort.filtersFast .icn>span.bgCPU{
left: 2px;
}
.filtersShort .sortBlock{
padding-left: 9px;
margin-right: 10px;
}
.filtersShort .sortBlock img{
margin-bottom: -4px;
margin-right: 2px;
}
.filtersShort.filtersFast .sortBlock img{
filter: invert(100%);
}
/** filters sticky **/
/* 2024 */
.filtersTop[data-hcount="0"]{
display: none;
}
.filtersError .filtersShort{
white-space: initial;
overflow: initial;
text-align: center;
}
.filtersError .filtersShort .sortBlock, .filtersError .filtersShort>div:not(.active){
display: none;
}
/* 2024 */
/*** ZOOM IMAGES ***/
.zoom{
position: relative;
margin: 10px;
}
.zoom img {
border: 1px solid #cecece;
border-radius: 0px;
margin: 0px!important;
opacity: 1;
transition-duration: .3s;
}
.zoom:hover img{
opacity: .5;
transition-duration: .2s;
}
.zoom:before {
content: "";
opacity: 1;
background:url("/img/zoom.png") left bottom no-repeat;
cursor: pointer;
width: 106%;
height: 106%;
position: absolute;
left: -9px;
bottom: -5px;
z-index: 10;
background-size: 35px;
transition-duration: .1s;
}
.zoom:hover:before {
opacity: .7;
background:url("/img/zoom.png") center center no-repeat;
background-size: 100px;
transition-duration: .1s;
}
/*** ZOOM IMAGES ***/
/* GENERAL FOR SUB */
h2#reviewsStart{
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
div.h2{
color: #157aa5;
font-weight: bold;
text-align: left;
margin-top:60px;
margin-bottom:30px;
}
div.h2 div.description{
font-size: 15px;
font-weight: 300;
color: black;
padding-left: 95px;
}
.contentreview, .contentreview p,
.contentchecks, .contentdownload, .contentphpinfo, .contentuptime .uptimeText,
.contentusers, .uptimeContent p, .uptimeContent .highlight
{
line-height: 24px;
font-size: 17px;
color: #3D3D3D;
}
.IMGreview{
padding: 10px;
}
.contentreview .left strong, .contentreview .left b{
font-family: 'Cuprum', sans-serif;
}
.contentrates .hosterBody.payment{
margin-right: 0px;
}
.contentrates .miniTariff{
margin-top: 12px;
}
.hosterPage:not(.linksDefault) a:not(.man), .hosterPage:not(.linksDefault) a:not(.man):hover, .hosterPage:not(.linksDefault) a:not(.man):visited{
color: #2b3840;
}
.hosterPage div.hostH2{
margin-top: 20px;
}
.subHead, .hosterPage h2{
color: #000!important;
font-size: 22px!important;
font-weight: 300;
font-family: 'Cuprum', sans-serif;
display: inline-block;
border-bottom-width: 4px;
border-bottom-style: solid;
margin-bottom: 15px;
margin-top: 15px;
}
/* GENERAL FOR SUB */
/*** REVIEW PAGE ***/
.usersReview>.usersIcon{
margin: 0 10px 0 0;
position: relative;
min-width: 200px;
flex-shrink: 0;
}
.usersReview>.usersIcon>img{
max-height:230px;
height: 100%;
position:absolute;
z-index:1;
}
.usersIcon>img.preColor{
background-color: transparent!important;
}
.usersReview>.usersText:after{
content: "";
left:100%;
top:15px;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 20px;
border-color: transparent transparent transparent #f0f0f0;
}
.usersReview>.usersText{
background-color: #f0f0f0;
border-radius: 8px;
padding:10px 30px 15px 20px;
margin: 0px;
margin-right: 20px;
position: relative;
min-height: 70px;
border: 2px solid #e2e2e2;
border-width: 0px 1px 2px 0px;
flex-shrink: 5;
}
.usersText>li .cuprum{
color:black;
}
.usersReview>.usersText a{
text-decoration: none;
color: #656565;
}
.usersReview>.usersText a:hover{
color: #000;
}
.usersReview>.usersText a:hover{
text-decoration: underline;
}
.usersText>li i{
font-style: initial;
color:white;
display: inline-block;
border-radius: 5px;
margin-right: 9px;
text-align: center;
font-size: 14px;
transform: skewX(-15deg);
margin-left: 5px;
text-align: left;
background-color: #2b3840;
}
.usersText>li i>b{
padding: 0 5px;
}
.usersText>li i>b{
display: inline-block;
transform: skewX(15deg);
font-weight: bold;
min-width: 40px;
text-align: center;
}
.usersText>li i>span{
background-color: #dbdbdb;
line-height: 30px;
padding: 0 7px 0 8px;
margin-bottom: 1px;
border-radius: 4px 0 0 3px;
display: inline-block;
}
.usersText>li i>span img{
vertical-align: middle;
margin-top: -3px;
transform: skewX(15deg);
width: 22px;
height: 22px;
}
.usersText>li i>b{
vertical-align: middle;
}
.usersText>li.last{
padding-left: 48px;
}
.usersText>li{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
margin-top:4px!important;
color: #656565;
}
.usersText > li:last-child{
color: black;
}
.usersText{
margin-top: 0px!important;
margin-left:0px!important;
}
.scrollWrap>.upSum{
justify-content: left;
}
.upSum>div{
text-align: center;
width: 110px;
height: 110px;
border-radius: 50%;
margin-right: 26px;
box-sizing:border-box;
line-height: 20px;
padding-top: 33px;
color: white;
position: relative;
background-size: 130%;
background-image: url(/img/bgSaturation2.png);
flex-shrink: 0;
}
.upSum>div:before{
content: "";
background-size: 13px;
opacity: 0.6;
top: 2px;
left: 0;
right: 0;
position: absolute;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
transition: all ease .5s;
border-radius: 50%;
width: 100%;
height: 100%;
}
.upSum>div:not(:last-child):after{
content: "";
width: 26px;
height: 1px;
border-top: 5px dotted black;
display: block;
left: 100%;
top:50%;
margin-top: -1px;
position: absolute;
}
.upSum>div:not(:last-child){
border-right: 1px solid #f0f0f0;
border-bottom: 2px solid #dedddd;
}
.upSum>div>i{
font-weight: bold;
font-size: 20px;
}
.upSum>div>em{
font-size: 17px;
font-weight: 400;
}
.upSum>div>em, .upSum>div>i{
display: block;
font-style: initial;
}
.upSum>.last{
padding-top: 35px;
line-height: 18px;
text-align: left;
}
.upSum >div:before{
pointer-events: none;
}
.upSum>.last a{
font-size: 17px;
color: #000!important;
}
.upSum>div:nth-last-child(2){
margin-right: 15px;
}
.upSum>div:nth-last-child(2):after{
content:initial;
}
.upSum>.last a:hover{
color: black!important;
}
.upSum .withComment{
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
background-color: white;
color: black;
font-weight: bold;
cursor: pointer;
font-size: 17px;
transition: 0.2s;
}
.upSum .withComment:hover{
opacity: 0.8;
}
em.hintUptime{
margin-left: 5px;
background: transparent;
color: white;
font-size: 14px;
line-height: 16px;
width: 16px;
height: 16px;
vertical-align: top;
display: inline-block;
font-style: initial;
text-align: center;
border-radius: 50%;
cursor: pointer;
font-weight: 400;
border: 1px solid #e5e5e5;
}
em.hintUptime:hover{
border-color: white;
color: black;
background-color: white;
}
.articles{
padding: 0 15px;
}
.articles .contentreview h2{
clear: both;
}
.highlight,.highlightGray{
padding: 10px 20px 14px;
border-radius: 6px;
margin-top: 11px;
margin-bottom: 11px;
border: 2px solid #e2e2e2;
border-width: 0px 1px 2px 0px;
}
.contentreview .highlight{
background-color: #f0f0f0;
}
.highlightGray{
background-color: #f0f0f0;
}
.contentreview .imgRight{
float: right;
}
.contentreview .imgLeft{
float: left;
}
.content img.imgHoster {
border-radius: 4px;
clear: right;
display: block;
height: 60px;
width: 120px;
background-color: white;
margin: 0px 14px;
float: left;
}
.contentreview ul.list{
margin-left: 20px;
}
/*** 2020 ***/
.contentreview.flex>.flex1{
padding: 0 20px 0 10px;
}
.contentreview.flex>.flex0{
width: 235px;
border-left: 1px dashed #2b3840;
padding: 0px 10px 0px 20px;
margin-top: 50px;
}
.contentreview .right .hidden{
display: none;
}
.domainsRight{
text-align: left;
margin-bottom: 15px;
}
.domainsRight .flex{
margin-top: 2px;
}
.domainsRight .flex0{
width: 18px;
height: 18px;
color: white;
text-align: center;
border-radius: 50%;
line-height: 18px;
font-size: 10px;
margin-left: 4px;
margin-top: 5px;
cursor: default;
border: 1px solid #6e6e6e;
}
.domainsRight .flex0.red{
color: #f0422b;
}
.domainsRight .flex0.green{
color: #6e6e6e;
}
.domainsRight a.flex1>span:hover{
background-color: #f5f5f5;
}
.domainsRight a.flex1>span{
line-height: 27px;
display: block;
padding: 0px 8px;
background-color: #f0f0f0;
border-radius: 4px;
font-size: 15px;
}
.domainsRight a.flex1 i{
float: right;
font-style: initial;
opacity: 0.7;
font-size: 15px;
}
.domainsRight a.flex1 u{
display: inline-block;
color: red;
padding: 0 5px;
text-decoration: none;
}
.domainsRight>.domainsLink{
text-align: center;
margin-top: 5px;
}
.rightMore a{
border-bottom: 1px dashed black;
font-size: 17px;
}
.rightMore a:hover{
border-bottom: 1px dashed transparent;
}
.domainsLink a{
font-size: 16px;
}
.domainsLink i{
font-size: 13px;
font-style: initial;
display: inline-block;
width: 15px;
height:15px;
line-height: 15px;
color: white;
background-color: gray;
border-radius: 50%;
font-family: 'Cuprum', sans-serif;
vertical-align: middle;
margin-top: -2px;
}
.flex.imgs>div{
margin: 5px 0 5px;
padding: 5px 0 5px;
text-align: center;
min-width: 60px;
}
.flex.imgs>div:not(:last-child){
margin-right: 10px;
}
.flex.imgs a{
border-radius: 6px;
max-height: 100px;
overflow: hidden;
border: 3px solid #E0E0E0;
display: inline-block;
position: relative;
transition: .5s;
}
.flex.imgs a:hover{
border-color: #2b3840;
}
.flex.imgs .yearOld i{
display: none;
}
.flex.imgs .yearOld img{
filter: brightness(1.1) grayscale(1);
/* filter: brightness(1.5) grayscale(1); */
}
.flex.imgs .yearOld a:hover img{
filter:none;
}
.flex.imgs .yearOld a:hover strong{
color: white;
}
.flex.imgs a strong{
background: #838383;
bottom: 0;
height: 25px;
line-height: 25px;
position: absolute;
width: 100%;
left: 0;
text-align: center;
color: white;
font-size: 17px;
transition: .5s;
border-top: solid 2px white;
}
.flex.imgs a em{
background: transparent linear-gradient(rgba(215, 215, 255, 0) 0%,rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
bottom: 0;
height: 60px;
position: absolute;
width: 100%;
left: 0;
text-align: left;
transition: .5s;
}
.flex.imgs a:hover img{
transform: scale(1.05);
}
.flex.imgs a:hover em{
opacity: 0.5;
}
.flex.imgs a.notLoaded{
height: initial!important;
}
.flex.imgs a.notLoaded i{
display: none!important;
}
.flex.imgs1 a{
max-height: 300px;
}
.flex.imgs2 a{
max-height: 200px;
height: 200px;
}
.flex.imgs3 a, .flex.imgs4 a, .flex.imgs5 a{
max-height: 130px;
height: 130px;
}
.flex.imgs img{
max-width: 100%;
min-width: 60px;
min-height: 60px;
transition: .5s;
position: relative;
z-index:0;
background-image: url(/img/imgLoading.gif);
background-position: 17px 10px;
background-color: white;
background-repeat:no-repeat;
background-size: 25px;
}
.contentreview h3{
display: inline-block;
border-radius: 4px;
margin-right: 8px;
margin-top: 15px;
padding: 1px 7px;
background-color: gray;
color: white;
font-weight: normal;
font-size: 17px;
background-size: 100%;
background-image: url(/img/bgSaturation2.png);
text-transform: lowercase;
border-right: 1px solid #ebe9e9;
border-bottom: 2px solid #ebe9e9;
}
.contentreview h3{
transform: skewX(-15deg);
}
.contentreview h3 span{
display: inline-block;
padding: 0 5px;
transform: skewX(15deg);
font-family: 'Cuprum', sans-serif;
}
.contentreview .hostH2+div>h3{
margin-top: 0px;
}
.contentreview em.cur{
font-size: initial;
}
.contentreview .cur.curLeft{
margin-right: 2px;
}
.contentreview .cur.curRight{
margin-left: 3px;
}
.contentreview .important{
border-bottom: 2px solid black;
}
.contentreview .right{
text-align: center;
overflow: hidden;
position: relative;
}
.contentreview.flex ul, .contentreview.flex ol{
list-style: initial;
margin-left: 5px;
}
.contentreview.flex ol{
list-style: decimal;
}
.hostLink ul{
list-style: none!important;
margin-left: 0px;
margin-top: 0px;
}
.contentreview.flex ul li, .contentreview.flex ol li{
margin-top: 2px;
}
.right .head{
display: inline-block;
margin-bottom: 20px;
font-size: 15px;
color: #636363;
font-weight: 300;
line-height: 21px;
}
.right .head>span{
border-bottom: 4px solid #c2c2c2;
display: block;
line-height: 18px;
padding-bottom: 3px;
font-size: 16px;
}
.right .hInfo{
text-align: left;
line-height: 18px;
padding-top: 10px;
}
.hInfo i{
font-style:normal;
font-size: 14px;
}
.right .head2{
background-color: #2b3840;
padding: 0 14px 0 0;
line-height: 30px;
color: white;
margin-bottom: 15px;
margin-top: 20px;
display: inline-block;
transform: skewX(-15deg);
white-space: nowrap;
border-radius: 4px;
}
.right .head2:first-of-type{
margin-top: 0px;
}
.right .head2 i{
background-color: #dbdbdb;
line-height: 30px;
padding: 0 7px 0 8px;
margin-right: 10px;
margin-bottom: 1px;
border-radius: 4px 0 0 3px;
}
.right .head2 i, .right .head2 span{
display: inline-block;
font-style: normal;
white-space: nowrap;
}
.right .head2 span, .right .head2 i img{
font-family: 'Cuprum', sans-serif!important;
transform: skewX(15deg);
}
.right .head2 i img{
vertical-align: middle;
margin-top: -3px;
}
.right .head2 span{
min-width: 160px;
}
.logoSq{
width: 48px;
height: 48px;
padding: 3px;
background: white;
border-radius: 50%;
margin: 0 8px 0 0 !important;
background: #f0f0f0;
border: 2px solid transparent;
}
.logoSq.border{
width: 54px;
height: 54px;
padding: 0px;
}
.right .logoSq{
border-radius: 10px;
}
.logoSqWrap:has(a:hover) .logoSq{
border-color: #d0d0d0;
}
.boxTrial{
margin-bottom: 18px;
}
.right .hLogo{
margin-left: 5px;
}
.boxTrial .lLogo, .boxTrial .trial{
text-align: center;
}
.trial{
margin-top: -16px;
}
.trial>span{
background-color: #fff;
color: #616161;
padding: 0px 13px;
border-radius: 13px;
font-size: 16px;
border-bottom: 2px solid #bfbfbf;
border-right: 1px solid #cecece;
border-left: 1px solid #cecece;
display: inline-block;
}
.logoLg{
width: 110px;
height: 55px;
padding: 7px 15px 8px;
margin: 0 8px 0 0 !important;
border-radius: 10px;
background: #f0f0f0;
border: 2px solid transparent;
}
.logoLg:hover{
border-color: #d0d0d0;
}
.helpInfo{
border: 1px solid black;
vertical-align: middle;
width: 18px;
height: 18px;
display: inline-block;
color: black;
text-align: center;
border-radius: 50%;
font-style: normal;
font-size: 15px;
line-height: 19px;
font-weight: 400;
cursor: pointer;
}
.helpInfo.helpWhite{
color: white;
border-color: white;
}
.helpInfo:hover{
background-color: black;
color: white;
}
.helpInfo.helpWhite:hover{
background-color: white;
color: black;
}
.right{
color: black;
}
.rightMore.flex1 {
margin-top: -10px;
}
.right .srvOne2{
width: 200px;
background-color: #f0f0f0;
border: 2px solid #f0f0f0;
border-radius: 10px;
margin-top: 0px;
margin-bottom: 15px;
text-align: left;
padding: 12px 15px 10px 15px;
position: relative;
}
.srvBlock .iWidth{
width: 40px;
text-align: center;
display: inline-block;
}
.srvBlock .iWidth img{
margin-top: -2px;
vertical-align: middle;
}
.srvBlock .srvPrice{
opacity: 1;
background: #fff;
position: absolute;
opacity: 1;
bottom: -2px;
left: -2px;
padding: 3px 8px 2px 15px;
border-radius: 0 13px 0 0;
color: black;
}
.right .srvOne2{
transition: 0.3s ease;
background-image: url(/img/server_bg4.png);
background-size: cover;
}
.right .srvOne2:hover{
border-color: #e3e3e3;
}
.srvOne2 .flex1.srvPrice{
left: 0px;
bottom: 0px;
border-radius: 0 10px;
font-size: 17px;
}
.srvBlock .srvPrice i, .srvBlock .srvPrice u{
font-style: initial;
text-decoration: none;
}
.srvBlock .srvPrice u{
min-width: 35px;
display: inline-block;
}
.srvBlock .anim1 u {animation: shineSRV 0.4s ease;}
.srvBlock .anim2 u {animation: shineSRV2 1s ease;}
@keyframes shineSRV {0% { opacity: 0;}, 100% { opacity: 1;}}
@keyframes shineSRV2 {0% { opacity: 0;}, 100% { opacity: 1;}}
.srvBlock .srvHosting{
margin-bottom: 28px;
}
.srvBlock .helpInfo{
margin-top: -3px;
margin-left: 2px;
}
.srvBlock>.flex1{
text-align: left;
font-size: 17px;
min-height: 26px;
}
.srvBlock .srvName{
font-size: 18px;
font-family: cuprum,sans-serif;
}
.srvBlock .srvPrice{
font-size: 18px;
}
.srvBlock .srvHosting{
white-space: nowrap;
}
.srvHosting div.a{
white-space: nowrap;
display: inline-block;
cursor: pointer;
}
.srvHosting div.a>span{
transition: .4s;
display: inline-block;
font-size: 13px;
margin-left:5px;
opacity: 0.7;
}
.srvHosting div.a:hover>span{
margin-left: 7px;
opacity: 1;
}
.specialWrap{
justify-content: center;
background-color: #f4f4f4;
border-radius: 9px;
min-height: 80px;
margin: 70px 10px 0px;
background-image: url(/img/bgSaturation.png);
background-size: 100%;
border: 2px solid #e2e2e2;
border-width: 1px 1px 2px 1px;
}
#hosters .specialWrap{
margin-top: 40px;
margin-bottom: 40px;
margin-left: 0px;
margin-right: 0px;
}
.specCenter .airPodsWrap{
border-radius: 50%;
border: 4px solid #e1e1e1;
margin-top: -20px;
height: 120px;
width: 120px;
margin-bottom: -20px;
background-color: #fff;
cursor: pointer;
position: relative;
}
.airPodsWrap:before, .airPodsWrap:after, .airPodsWrap i, .airPodsWrap em{
position: absolute;
left: 0px;
top:0px;
width:100%;
height: 100%;
background-position: top center;
background-size: 120px;
content: "";
border-radius: 50%;
transition: .5s;
}
.airPodsWrap:before{background-image: url(/img/airPodsCaseBottom.png);z-index:2}
.airPodsWrap i{background-image: url(/img/airPodsLeft.png);z-index:1;}
.airPodsWrap em{background-image: url(/img/airPodsRight.png);z-index:1;}
.airPodsWrap:after{background-image: url(/img/airPodsCaseTop.png);z-index:0;}
.airPodsWrap.hover i{
margin-top: 16px;
}
.airPodsWrap.hover em{
margin-top: -16px;
}
/*
.specCenter .airPodsWrap:hover i{
margin-top: -3px;
}
.specCenter .airPodsWrap:hover em{
margin-top: -19px;
}
*/
.specialWrap .flex-col{
justify-content: center;
}
.specLeft,.specRight{
flex-shrink: 1;
flex-grow: 1;
width: 50%;
}
.specLeft>div{
text-align: right;
padding: 0 20px;
color: #2b3840;
}
.specRight>div{
text-align: left;
padding: 0 20px;
color: #000;
font-size: 17px;
font-family: 'Roboto Condensed',sans-serif;
}
.specLeft .round6{
background-color: #2b3840;
display: inline-block;
padding: 2px 8px 3px;
color: white;
margin-top: 5px;
transition: .4s;
cursor: pointer;
border-radius: 4px;
font-size: 16px;
}
.specLeft .round6:hover{
background-color: black;
}
i.cpuInfo{
border: .5px solid white;
vertical-align: top;
width: 16px;
height: 16px;
display: inline-block;
color: white;
text-align: center;
border-radius: 50%;
font-style: normal;
font-size: 13px;
cursor: pointer;
transition: all ease .3s;
margin: 2px 3px 0 3px;
}
i.cpuInfo:hover{
background-color: white;
color: #2b3840;
}
[data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
}
/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
opacity: 0;
pointer-events: none;
display: none;
}
/* Position tooltip above the element */
[data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 8px;
margin-left: -80px;
padding: 10px;
width: 160px;
border-radius: 8px;
background-color: #000;
background-color: #2b3840;
border: 2px solid white;
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 16px;
line-height: 1.2;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -15px;
width: 0;
border-top: 10px solid #fff;
border-top: 10px solid #fff;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}
.srvBest [data-tooltip]:after, .right [data-tooltip]:after {
border-top: 10px solid #2b3840;
}
/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
opacity: 1;
display: block;
}
.srvBest i.cpuInfo, .right i.cpuInfo{
border-color: #2b3840;
color: #2b3840;
}
.srvBest i.cpuInfo:hover, .right i.cpuInfo:hover{
background-color: #2b3840;
color: white;
}
.right i.cpuInfo{
line-height: 16px;
position: initial;
margin: 0px;
}
.right [data-tooltip]::after{
display: none;
}
.right [data-tooltip]::before{
right: initial!important;
width:160px!important;
bottom: 100%!important;
margin: 0 0 -6px 0!important;
left:0px;
border-color: #f0f0f0;
}
#rightWrap::after{
position: absolute;
content: "";
height: 80px;
width: 100%;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 71%) repeat scroll 0 0;
bottom: 0px;
left: 0px;
}
.srvRAM{
font-size: 16px;
}
/*** REVIEW PAGE ***/
.ideaHide img{
width: 50px;
height: 50px;
border-radius: 50%;
background-color: white;
padding: 10px;
margin:5px 20px 5px 0;
float: left;
}
.ideaHide{
background-color: #f1f1e7;
color: black;
text-align: left;
padding: 20px;
margin: 20px 0px 15px 0px;
font-size: 17px;
line-height: 22px;
border-radius: 6px;
border: 2px solid #e2e2e2;
border-width: 0px 1px 2px 0px;
display: none;
}
.idea2{
padding: 20px 20px 20px 60px;
position: relative;
}
.idea2:before{
content: "";
position: absolute;
left: 3px;
top: 18px;
width: 45px;
height: 45px;
background-image: url("/img/idea.png");
background-repeat: no-repeat;
background-size: 35px auto;
background-position: center;
border-radius: 50%;
background-color: #f0f0f0;
}
.idea2 .ideaHead, .ideaHide .ideaHead{
font-size: 20px;
}
.ideaHide .ideaHead{
margin-bottom: 5px;
display: inline-block;
}
.idea2 .ideaClick{
text-decoration: none;
border-bottom: 1px dashed black;
cursor: pointer;
}
.idea2 .ideaClick:hover{
border-bottom-color: transparent;
}
.avaliableHostersWrap{
margin: 10px 0;
padding: initial!important;
}
.avaliableHosters.flex{
padding: 10px 10px 10px 15px;
justify-content: left;
background: #f0f0f0;
border: 2px solid #e2e2e2;
border-width: 0px 0px 2px 0px;
border-radius: 13px;
justify-content: left;
}
.avaliableHosters li{
white-space: nowrap;
margin-right: 25px;
}
.avaliableHosters li a{
opacity: 0.8;
font-size: 15px;
}
.avaliableHosters img{
vertical-align: middle;
margin-right: 5px;
width: 30px;
height: 30px;
border-radius: 50%;
padding: 4px;
background-color: white;
}
.avaliableHosters img.noBorder{
width: 38px;
height: 38px;
padding: 0px;
}
.space{
height: 40px;
clear: both;
}
.pix5{
height: 5px;
}
.footerMenuHeader{
background-color: #f0f0f0;
height: 8px;
clear: both;
}
.footerMenu{
background-color: #e2e2e2;
height: 130px;
clear: both;
}
.footerMenu li{
color: #6d6d6d;
}
.footerMenuHeader .blocks{
font-size: 17px;
color: #525252;
float: left;
padding-right: 2px;
padding-top: 12px;
opacity: 0.6;
}
.b1, .b2, .b3, .b5{
margin-left: 7px;
}
.b1{width: 26%;}
.b2{width: 26%}
.b4{width: 21%}
.b5{width: 20%}
.footerMenu ul{
float: left;
min-height: 113px;
border-left: 2px solid #cbcbcb;
padding-left: 0px;
margin-top: 4px;
}
.footerMenu li{
padding-left: 15px;
}
.footerMenu li.middle{
margin-top: 10px;
}
.footerMenu ul li .plus{
width: 19px;
height: 17px;
margin: 3px 0 0 -24px;
float: left;
background-image: url("/img/plus.png");
background-image: url(/img/plusIE8.png)\9;
background-size: 18px 16px;
background-repeat: no-repeat;
}
.footerMenu ul li .plus:hover{
background-image: url("/img/plusHover.png");
background-image: url(/img/plusIE8.png)\9;
}
.footerMenu ul a, .footerMenu ul a:visited{
color: #6d6d6d;
font-size: 14px;
text-decoration: none;
}
.footerMenu ul a:hover, .footerMenu ul a:active{
text-decoration: underline;
color:black;
}
.footer{
background-color: #f0f0f0;
min-height: 30px;
clear: both;
}
.footer div{
padding-top: 5px;
padding-bottom: 5px;
font-size: 13px;
color: #4b4b4b;
}
.footerFlags{
background-color: #c4c4c4;
height: 30px;
clear: both;
}
.footerFlags img{
margin: 0 2px;
}
.roundedSmall{
text-align: center;
border-radius: 5px;
padding: 1px 6px;
vertical-align: middle;
}
.showMore{
display: block;
text-decoration: none;
text-align: center;
width: 100%;
font-size: 14px;
padding: 5px;
}
.transitionFast{
transition: all .05s ease-out 0.05s;
transition-delay: 0s;
}
.transitionNormal, .url, .hasReview, .butBg {
transition: all .3s ease-out 0.3s;
transition-delay: 0s;
}
.transitionSlow{
transition: all .4s ease-out 0.4s;
transition-delay: 0s;
}
.transitionSlow2{
transition: all 5s ease-out 5s;
transition-delay: 0s;
}
.bestBg{
background-color: #c45b4b!important;
color: white;
}
.whiteBg{
background-color: #fff!important;
}
.linuxBg, .free_moveBg{
background-color: #ececec !important;
color: white;
}
.poiskBg, .searchBg{
background-color: #f0f0f0!important;
color: white;
}
.domainsBg{
background-color: #175972!important;
}
.free2Bg{
background-color: #000!important;
}
.cloudBg{
background-color: #f28336!important;
color: white;
}
.unlimBg{
background-color: #f4e3d0!important;
color: white;
}
.moneybackBg, .refundBg{
background-color: #dbe8e8!important;
color: white;
}
.periodBg{
background-color: #e5e5e5!important;
color: white;
}
.webmoneyBg{
background-color: #006ab4!important;
color: white;
}
.htmlBg{
background-color: #ececec!important;
}
.constructBg{
background-color: #f6f6f6!important;
}
.cBg{
background-color: #fbf1f1!important;
}
.wpBg{
background-color: #d3e2e9!important;
}
.yandexBg{
background-color: #dee6d1!important;
color: white;
}
.paypalBg{
background-color: #c2dfeb!important;
color: white;
}
.moscowBg{
background-color: #c03333!important;
color: white;
}
.spbBg{
background-color: #bce4f1!important;
color: white;
}
.nskBg{
background-color: #f0f3db!important;
color: white;
}
.windowsBg{
background-color: #e2ecec!important;
color: white;
}
.domainBg{
background-color: #3e4e5c!important;
color: white;
}
.freeBg{
background-color: #72b19c!important;
color: white;
}
.vpsBg, .colocationBg{
background-color: #ececec!important;
color: white;
}
.vps_linuxBg{
background-color: #d3e4e9;
}
.vps_windowsBg{
background-color: #ececec;
}
.vps_freebsdBg{
background-color: #ff3300;
}
.dedicatedBg{
background-color: #ececec!important;
color: white;
}
.russianBg, .americanBg, .belBg, .kazBg, .europeBg, .ukraineBg{
background-color: #f0f0f0!important;
color: white;
}
.blackBg, .RedBg{
background-color: #f0f0f0!important;
color: white;
}
.articlesBg{
background-color: #c45b4b;
}
.aboutBg{
background-color: #f0f0f0;
}
.blueBg{
background-color: #3a7cce!important;
color: white;
}.darkBlueBg{
background-color: #3e4e5c!important;
}.veryBadBg{
background-color: #eb2626;
}.badBg{
background-color: #eb2626;
}.normalBg{
background-color: #ff9900;
}.goodBg{
background-color: #53b83a;
}.veryGoodBg{
background-color: #53b83a;
}
.monoBg{
background-color: #ececec;
}
/* HOSTER LINK WITH INFO */
.hostLink{
color: #383939!important;
text-decoration: none;
font-family: 'Cuprum', sans-serif!important;
padding: 1px 7px;
border-radius: 4px;
white-space: nowrap;
background-color: #e7ebed;
transition: background-color ease .4s, margin-bottom ease .3s;
}
.highlight .hostLink{
background-color: #fff;
}
.highlightGray .hostLink{
background-color: #fff;
}
/* HOSTER LINK WITH INFO */
.swal-overlay--show-modal{
z-index: 99999999;
}
header.top nav li{
width: 45%!important;
}
.bubble > div.commentTitle{
white-space: initial;
}
.bubble{
margin-left: 23px;
}
.isRight .bubble{
margin-right: 23px;
}
.reviewComment .bubble{
font-size: 16px;
padding: 12px;
}
}
/* не делать скролл в обзоре если большая ширина */
@media screen and (min-width:700px){
.contentreview .scrollWrap:after{
content: initial;
}
.contentreview .scrollWrap>div{
overflow-x: initial;
overflow-y: initial;
}
.contentreview .headTree{
flex-wrap: wrap;
}
}
/* не делать скролл в обзоре если большая ширина */
@media screen and (max-width:700px){
#rightWrap{
display: none;
}
.flex.imgs.imgScroll>div{
min-width: 160px;
}
.flex.imgs.imgScroll>div img{
width: 160px;
height: 106px;
}
.contentreview.flex > .flex1{
padding: initial;
}
.contentreview .headTree{
flex-wrap: initial;
justify-content: space-between;
}
.contentreview .upSum{
flex-wrap: nowrap;
}
}
@media screen and (max-width: 600px){
div.hostH1 h1::before{
display: none;
}
.body div.hostH1 h1{
margin-left: initial;
margin-bottom: 0px;
}
div.hostH1{
margin-bottom: 20px;
margin-top: -80px;
}
.subHead, .hosterPage h2{
font-size: 20px!important;
}
}
@media screen and (max-width: 460px){
div.hostH1 h1{
margin-left: 70px;
}
div.hostH1 h1:before{
top:0px;
margin-left: -74px;
}
/* a-z */
#searchHost .line3{
margin-top: 0;
}
/* a-z */
.subCpu {
text-align: center;
}
.subCpu a{
font-size: 15px;
}
.subCpu >div{
text-align: left;
}
.subCpu .info{
display: block;
margin: 5px 0;
}
.subCpu .info.file{
margin-left: 10px;
}
.subCpu .img{
float: none;
text-align: center;
}
.airFlex{
flex-direction: column;
}
.modalInfo .flex0{
flex: auto;
padding: 5px;
width: 100%;
}
.modalInfo .flex1{
width: 100%;
margin: 0px;
border-bottom: 0px!important;
}
.modalInfo .swal-title:before{
display: none;
}
.modalInfo .swal-title{
text-align: left;
font-size: 21px;
}
}
@media screen and (max-width: 770px){
#box{display: none!important;}
header.top .teaser a{
margin-left: 35px;
}
}
@media screen and (max-width: 990px){
.hosterPage{margin: 0 15px;}
.fixed, .min{
width:initial;
min-width:initial;
}
header.top, body > .body, footer{
min-width: 100%;
width: 100%
}
.subm .center{padding-left: 10px;}
.miniTariff{
background-color: white;
width:initial;
min-width:initial;
}
.mobileScroll{
width:100px;
min-width:100%;
z-index: 1;
}
.miniTariff,.mobileScroll{
overflow-x:auto;
overflow-y: hidden;
border-radius: 0 5px 5px 0;
background: #FFF no-repeat;
background-image: radial-gradient(ellipse at 100% 35%, #bebebe, #fff 40%);
background-position: 100% 0;
background-size: 20px 140%;
}
.miniTariff table,.mobileScroll .ratesWrap table{
background: transparent no-repeat;
background-image: linear-gradient(to right, white 0%,white 100%);
background-position: 100% 0;
background-size: 12px 100%;
padding-right: 25px;
}
/* main */
.curTease{
display: none;
}
.content {
clear: both;
}
.footer.min{
padding: 5px 10px 0;
font-size: 15px;
}
.usersReview{
display: block;
}
.flex0.usersText:after, .flex1.usersIcon{
display: none;
}
.flex0.usersText{
margin: 0px;
}
.findHostWrap{
margin-right: 40px;
}
.teaser a.mail{
display: none!important;
}
}
@media screen and (max-width: 850px){
header.top nav li span{
display: none;
}
header.top nav a{
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
}
}
@media screen and (max-width: 740px){
.footerMenuHeader, .footerMenu, .footerFlags, .noMobile{
display: none!important;
}
.swal-modal{min-width: initial;}
/* hosterBody */
.hostHead .rating{
padding: 10px 10px 0;
display: block!important;
text-align: left;
}
.hostHead .main{
margin-left: 15px;
}
.hostHead, .host, .host .flex1, .host .flex0{
display: block;
}
.hostHead{
background-color: #f0f0f0;
margin-bottom: 0px;
padding: 10px 0;
}
.hostHead .medals{
padding: 10px 10px 0 0px;
}
.hostHead .flex1, .hostHead .flex0{
display: inline-block;
}
.host .hostMenu{
width: initial!important;
text-align: left;
border-radius: 13px 13px 0 0;
}
.hostMenu a.main{
display: inline-block;
margin-top: 8px;
}
.hosterBody{
margin-right: 0px!important;
}
.hosterBody .body{
display: block;
width: initial;
border-right:0px
}
.hosterBody .reviews, .hosterBody .price{
display: block;
border-right: 0px;
}
.hosterBody .reviews, .mainTop .bodyFixed .price{
background-color: #dfdede!important;
}
.hosterBody .price{
border-radius: 0 0 6px 6px;
}
.host{
margin: 20px 10px 30px;
}
.host>.flex1{
margin-left: 0px;
}
/* hosterBody */
/* users */
.notice .nl, .notice .nr{
width: 100%;
}
.nr span.nback{
margin-right: 15px;
}
/* users */
/* uprime */
.uptimeCanvas{
max-width: 445px;
width: initial;
}
.legend{
width: initial;
max-width: 425px;
}
/* uptime */
/* articles */
.articles{
margin-bottom: 50px;
padding: 0 15px;
}
.table, .row{
display: block;
}
.payment, .miniCoupons{
background-color: white;
}
.next{
margin: -30px 10px 30px;
}
.pages{
margin: 0;
margin-bottom: 30px;
}
div.h1{
padding-left: 10px;
padding-right: 10px;
}
.contentcpu .highlightGray div, #container, #containerOne, #containerPie{
width: initial!important;
min-width: initial!important;
}
.replyUsers .text{
width: auto;
}
.uptimeContent.uptimeChart{
margin-left: 0!important;
}
.uptimeContent img{
max-width: 100%;
}
}
/* 2019 mobile */
@media screen and (max-width: 990px){
.flex.hoster{
flex-wrap: wrap;
}
.hoster .name{
width: 100%;
order: 0;
}
.hoster .beforeName{
background-color: #f0f0f0;
padding: 20px 0 0;
margin: 0px;
}
.hoster .afterName{
margin: 10px 10px!important;
}
.hoster .name .hosterRound{
max-width: 350px;
width: initial;
}
.hoster .beforeName, .hoster .afterName{
width: 100%;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
order: 1;
}
.hoster .beforeName .flex1, .hoster .afterName .flex1{
display: none;
}
.hoster .beforeName .flex0{
margin-left: 10px;
margin-right: 10px;
}
.hoster .beforeName .badges{margin: 0px 10px 8px;}
.hoster .beforeName .hosterRating{margin: 0px 10px 15px;}
.hoster .beforeName .hosterPosition{margin: 5px 10px 15px;}
.hoster .afterName .flex0{
margin-top: 10px;
margin-right: 25px;
margin-bottom: 8px;
}
.hoster .name .hosterRound{
/*
width: 100%;
border-left-width: 0px;
border-right-width: 0px;
border-radius: 0;
*/
}
/* menu detais hide */
/* hosterBody 2019 */
/* for rates scroll block no right margin */
.ratesBody{
margin-right: 0px;
}
/* for rates scroll block no right margin */
#hosters .specialWrap{
margin-left: 10px;
margin-right: 10px;
}
.histYears{
white-space: nowrap;
}
}
@media screen and (max-width: 700px){
.hostReview>.flex{
flex-wrap: wrap;
}
.hostReview .line{
order:1;
flex-grow: 5;
width: 100%;
}
.hostReview .n{
max-width: initial;
}
}
@media screen and (max-width: 540px){
.hostReview>.flex>a{
white-space:initial;
-webkit-line-clamp: 2;
max-height: 44px;
line-height: 21px;
margin-left: initial;
}
.hostReview>.flex>a:after{
top:100%;
margin-top:-25px;
}
.hostReview>.flex>a:before, .hostReview>.flex>a:after{
height: 25px;
}
/* airpods */
.specialWrap{
flex-wrap: wrap;
border-radius: 10px 70px 10px 10px;
}
.specCenter .airPodsWrap{
margin: 0px;
}
.specRight > div{
text-align: center;
margin-bottom: 10px;
}
/* airpods */
}
/* hosterBody 2019 */
@media screen and (max-width: 449px){
.usersReview>.usersText{padding:7px 15px;}
.usersText>li>i>span{display: none;}
.usersText > li i > b{
min-width: 30px;
}
}
/* hosterBody 2019 */
@media screen and (min-width: 600px) and (max-width: 690px){
.usersReview>.usersText{padding:7px 15px;}
}
@media screen and (max-width: 900px){
.upSum{
flex-wrap: wrap;
justify-content: space-around;
}
.upSum>div{
margin-top: 10px;
margin-right: 10px;
}
.upSum>div:after{
display: none!important;
}
}
.filtersMenu .filtersShort{
overflow-x: auto;
overflow-y: hidden;
}
@media screen and (max-width: 700px){
/* review imgs */
.flex.imgs:not(.imgScroll){
flex-direction:column;
}
.flex.imgs:not(.imgScroll) > div:not(:last-child){
margin-right: 0px;
}
.flex.imgs1 a, .flex.imgs2 a, .flex.imgs3 a, .flex.imgs4 a{
height: initial;
}
/* review imgs */
}
@media screen and (max-width: 400px){
/* 2024 */
.ideaHide img{
width: 37px;
height: 37px;
margin: 5px 13px 5px 0;
padding: 6px;
}
}
/* 2022 wide hosters */
/* menu detais hide */
@media screen and (min-width: 1100px){
.fixed {
width: 92vw!important;
max-width: 1300px;
}
.irs-grid-text{
font-size: 13px!important;
}
.irs-from, .irs-to, .irs-single,.irs-min, .irs-max{
font-size: 15px!important;
}
.currencies.start li.curMore:before,.menuBox a em,.footer div,i.rat{
font-size: 15px;
}
header.top .teaser a,.currency>span, .findHost,
.sort a span,.findRes .flex1 em,.menuBox a, [data-tooltip]:before, .upSum [data-tooltip]:before,
.tariff.server .count, .currencies li span, header.top nav li span{
font-size: 16px;
}
.filters div, .filters span, .hostUrl .link,
table.tariff td, table.tariff td.tariffInfo, table.tariff td.tariffInfo .bg,
.hint .over, .hint .more, .miniCoupons, em.cur,
.selectOptions .opt
{
font-size: 17px;
}
.currencies{
width: 200px;
}
.modalInfo .flex1:not(.airRight), .swal-text{
font-size: 18px;
}
.modalInfo .flex0:not(.animGift){
font-size: 30px;
}
.hosterMenu.sticky .filtersTop ul li:not(.filtersShort){
line-height: 37px;
}
table.tariff td .bg{
font-size: 17px!important;
}
.findHost{
font-size: 18px;
}
.long1 .flex0{
font-size: 16px!important;
}
body, td,.hostReview>.flex>div, .hostReview>.flex>a, .hostText, .hostReview{
font-size: 18px!important;
}
.filtersMenu.sticky .sorts>a{
font-size: 19px;
}
header.top nav a, .pages{
font-size: 20px;
}
.pages a, .pages a:visited{
margin-right: 2px;
}
header.top .teaser a{
margin-left: 35px;
}
.menuBox .flex1{
min-width: 54px;
max-width: 78px;
}
.footerMenu{
height: 120px;
}
.hostReview.withLogo .ww img{
height: 22px;
margin-top: 0px;
}
.hint .over, .hint .more {
line-height: 20px!important;
}
.hint .more{
bottom: 25px;
}
.hostReview .n{
max-width: 170px;
}
/* hosters page */
.iconsMenu i:after{
font-size: 15px;
padding: 0 7px;
}
.flex.imgs a strong{
font-weight: 300;
}
.iconsMenu span, .hosterRating .rat, .usersText>li i, .hInfo i{
font-size: 16px;
}
.hoster .hosterLink a, .hoster .beforeName > div, .beforeName .ratingNumber,.regaloHoster,
.hoster .afterName>div, .contentrates h3 em, .domainsRight a.flex1 > span, .domainsRight a.flex1 i, .srvRAM,
.histYears>li{
font-size: 18px;
}
.contentreview h3, .right .head>span, .domainsLink a{
font-size: 19px;
}
.hosterRating div, .hosterRating div b, .hostH1 h1::after,
.reviewsFilters, .reviewsFilters span i, .hostH2 span.add
{
font-size: 20px;
}
.iconsMenu{
font-size: 22px;
}
.hoster .hosterName{
font-size: 34px;
}
.subHead, .hosterPage h2{
font-size: 23px!important;
}
.contentreview, .contentreview p, .contentchecks, .contentdownload, .contentphpinfo, .contentuptime .uptimeText, .contentusers, .uptimeContent p, .uptimeContent .highlight, .contentrates h3 span, .couponsRates{
font-size: 19px;
line-height: 26px;
}
.hoster .name .hosterRound{
}
.hoster .name{
height: 200px;
}
.hoster .logoSm img:not(.border){
width: 80px;
height: 80px;
}
.hoster .logoSm img.border{
width: 72px;
height: 72px;
}
.hoster .name .hosterRound{
padding-top: 78px;
}
.regaloHoster{
line-height: 17px;
}
.ratBg5, .ratBg9, .ratBg10{
background-size: 50px;
}
.hosterRating .ratBg5 b, .hosterRating .ratBg9 b, .hosterRating .ratBg10 b{
width: 25px;
}
.hosterRating .rat{
line-height: 18px;
}
.hosterMenu.sticky .iconsMenu i::after{
max-width: 60px;
}
.contentreview.flex>.flex0{
width: 235px;
}
.domainsLink i{
font-size: 18px;
width: 18px;
height: 18px;
line-height: 15px;
}
/* hosters page */
.avaliableHosters li a{
font-size: 18px;
}
.avaliableHosters img.noBorder{
width: 48px;
height: 48px;
}
.avaliableHosters img{
width: 40px;
height: 40px;
}
.rounded{
border-radius: 4px;
}
div.h1 .text{
font-size: 18px;
}
div.h1 .icon{
width: 80px;
height: 80px;
}
.curTease{
line-height: 17px;
}
.comment .speaker img{
width: 72px;
height: 72px;
}
.comment .speaker::before{
width: 25px;
height: 25px;
background-position: 0px -206px;
background-size: 25px;
}
.commentName{
font-size: 16px;
margin-top: -2px;
min-width: 90px;
max-width: 150px;
}
.bubble{
font-size: 18px;
}
.findRes .flex1 em{
font-size: 18px!important;
}
.menuBox a em{
top: 5px;
}
.menuBox a::before {
width: 62px;
height: 62px;
left: 4px;
top: 3px;
}
.menuBox a>i{
background-size: 70px auto;
width: 70px;
height: 60px;
}
.menuBox a.review>i{background-position: 2px -11px;background-size: 65px;}
.menuBox a.users>i{background-position: 0 -206px;}
.menuBox a.rates>i{background-position: 0 -102px; background-size: 68px;}
.menuBox a.checks>i{background-position: 0 -308px}
.menuBox a.uptime>i{background-position: 3px -353px;background-size: 62px;}
.menuBox a.uptime em{
margin-left: -22px;
}
.selectOptions .opt{
padding-bottom: 4px;
}
.selectOptions .opt em {
font-size: 15px;
padding: 4px 0 2px 7px;
}
.hoster .regaloMedal .infoScore{
background-size: 80px auto;
width: 71px;
height: 39px;
}
.hoster .infoScore.medal3{background-position: 0px -100px;}
.hoster .infoScore.medal2{background-position: 0 -50px;}
.hoster .infoScore.medal1{background-position: 0 -2px;}
/* на высоком убрать скролл */
.avaliableHosters.flex{
flex-wrap: wrap;
}
.avaliableHosters.flex li{
width: 185px;
margin-bottom: 10px;
margin-top: 10px;
}
.avaliableHostersWrap.scrollWrap::after{
display: none;
}
/* на высоком убрать скролл */
}
/* 2022 wide hosters */
@media screen and (min-width: 740px){
/* mobile 2024 */
.mobOnly{
display: none;
}
/* mobile 2024 */
}
/* HOSTERS MOBILE HEADER & BLACK SUBMENU */
@media screen and (max-width: 740px){
header.top{
background: initial;
background-color: #2b3840;
border-bottom: 2px solid #cac7c7;
position: relative;
z-index:99999;
}
header.top > div{
height: 60px;
}
.logo::before,.logo::after, header>div>.flex1{
display: none;
}
.logo{
-webkit-flex: auto;
flex: auto;
min-width: 0;
box-sizing: border-box;
}
.logo .logo1 a, .logo .logo1 a:hover, .logo .logo1 a:visited{
font-size: 23px;
line-height: 22px;
}
.logo .logo1{
margin-bottom: -5px;
}
.logo .logo1 img{
width: 21px;
height: 21px;
margin-top: -8px;
}
.logo .logo2 .flex{
flex-direction: row;
}
.logo2>div{
margin-left: 0px;
}
.logo2 em{
margin-right: 10px;
}
.mobMenuBut{
background-color: #5ca24f;
position: relative;
background-size: 23px;
background-position: 5px 21px;
width: 27px;
cursor: pointer;
transition: background-position 0.3s ease;
}
.mobMenuBut:after{
content: "";
width: 0;
height: 0;
border-top: 60px solid #5ca24f;
border-right: 16px solid transparent;
position: absolute;
top: 0;
right: -16px;
transition: initial;
z-index: 1;
}
.mobMenuBut:before{
content: "";
width: 0;
height: 0;
border-top: 60px solid #3f7e34;
border-right: 24px solid transparent;
position: absolute;
top: 0;
right: -24px;
transition: initial;
z-index: 1;
}
/* HOSTERS BLACK SUBMENU SCROLL */
header.top > div.mobileSub,header.top > div.mobileSub::after{
height: 35px;
line-height: 35px;
}
header.top > div.mobileSub{
border-top: 1px solid #808080;
background-color: #3e525e;
}
header.top > div.mobileSub>.flex{
width: 100%;
justify-content: space-between;
background-color: #3e525e;
}
header.top > div.mobileSub:after{
background: linear-gradient(90deg,transparent,#2b3840);
}
.mobileSub a, .mobileSub a:hover{
color: #fff;
font-family: 'Cuprum', sans-serif;
margin: 0 10px;
white-space: nowrap;
font-size: 18px;
opacity: 0.85;
}
.mobileSub a:hover,.mobileSub a:active{
opacity: 1;
}
.mobileSub a.act{
color: #70df5c;
}
/* HOSTERS BLACK SUBMENU SCROLL */
}
/* // HOSTERS MOBILE HEADER & BLACK SUBMENU */
.bottomJson{
display: block;
font-size: 17px;
text-align: center;
margin-top: 5px;
}
.logoHosters a img{
margin-right: 8px;
margin-left: 8px;
margin-top: 7px;
vertical-align: top;
}
.logoHosters a span{
margin-right: 8px;
font-family: 'Cuprum', sans-serif;
letter-spacing: initial;
font-weight: 300;
font-size: 17px;
vertical-align: top;
}
.logoHosters a{
white-space: nowrap;
}
.logoHosters img{
width: 20px;
height: 20px;
vertical-align: middle;
}
.hosterMenu.sticky .headerEmpty.mobileHostingName{
padding: 0;
}
/* Sticky */
@media screen and (max-width: 470px){
/* mobile 2024 */
.logoHosters span{
display: none;
}
}
@media screen and (max-width: 630px){
.mobileInner.hideLast1>div:last-child{
display: none;
}
.mobileInner.hideLast2>div:nth-last-child(-n + 2){
display: none;
}
}
/* ios font size bug */
@media screen and (max-device-width: 480px){
body{
-webkit-text-size-adjust: 100%;
}
}
/* low res - hide official link */
@media screen and (max-width: 1280px){
header.top .teaser a.officialPanelWrap em{
display: none;
}
}
@media screen and (max-width: 1170px){
header.top .teaser a.officialPanelWrap{
display: none;
}
}
/* low res - hide official link */
#cookie_notification {
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
border-top: 1px solid #cbcbcb;
padding: 9px;
box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
z-index: 9999;
color: #333;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
flex-wrap: wrap;
box-sizing: border-box;
}
#cookie_notification p { margin: 0; }
#cookie_notification button {
background: #5ca24f; /* Цвет твоей кнопки */
color: #fff;
border: none;
padding: 3px 20px;
border-radius: 4px;
cursor: pointer;
font-family: Cuprum;
font-size: 15px;
}
#cookie_notification button:hover { opacity: 0.9; }
#cookie_notification a, #cookie_notification a:hover, #cookie_notification a:visited{
color: #5b5b5b;
}
#cookie_notification p{
font-size: 15px;
}