html{
overflow-x:hidden
}
body{
height:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
background-color:#EFEFEF;
letter-spacing:.3px
}
a{
outline:0!important;
text-decoration:none!important
}
.mfp-content{
z-index:999999
}
.map{
height:383px
}
.sec-bx,[data-background=dark] .box-container .noshadow,[data-background=light] .box-container .noshadow{
box-shadow:none!important
}
::selection{
color:#fff;
text-shadow:none
}
.bg-grey,.bg-pink,.bg-purple,.bg-yellow,.btn-default-pink:hover,.btn-default-purple:hover,[data-background=dark] .box-container .infonews-nav a,[data-background=dark] .box-container .mergecolor,[data-background=dark] .box-container .seccolor,[data-background=dark] .casestudy .author{
color:#fff!important
}
.opa-4,.slick-slide{
opacity:.4
}
.opa-6{
opacity:.6
}
.mfp-fade.mfp-bg.mfp-ready,.opa-8{
opacity:.8
}
.pb-50{
padding-bottom:50px!important
}
.pb-80{
padding-bottom:80px!important
}
.pb-100{
padding-bottom:100px!important
}
.pb-150{
padding-bottom:150px!important
}
.pt-35{
padding-top:35px!important
}
.pt-50{
padding-top:50px!important
}
.pt-80{
padding-top:80px!important
}
.pt-100{
padding-top:100px!important
}
.pt-120{
padding-top:120px!important
}
.pt-150{
padding-top:150px!important
}
.p-80{
padding:80px!important
}
.mt-35{
margin-top:35px!important
}
.mt-50{
margin-top:50px!important
}
.mt-80{
margin-top:80px!important
}
.mt-120{
margin-top:120px!important
}
.mt-150{
margin-top:150px!important
}
.mb-80{
margin-bottom:80px!important
}
.mb-100{
margin-bottom:100px!important
}
.mb-150{
margin-bottom:150px!important
}
.m-80{
margin:80px!important
}
.bg-yellow{
background-color:#fdd700!important
}
.bg-rgba5{
background:rgba(0,0,0,.5)!important
}
.bg-grey{
background-color:#4c4a4a!important
}
.c-yellow,.dropdown-menu.show a:hover,.soc-icons-apply span:hover{
color:#fdd700!important
}
.c-yellow-dark{
color:#ffaf2b!important
}
.c-grey-light{
color:#b0b0b0!important
}
.c-grey{
color:#4c4a4a!important
}
.c-black,[data-background=light] .box-container .infonews .c-yellow{
color:#000!important
}
.ltgh{
text-decoration:line-through
}
.config.cd-main-content .table thead td,.golink,.golink-dark,.wpc-cloud-range .info-range .number{
font-weight:700
}
.db,[data-background=dark] .box-container .division-01,[data-background=dark] .box-container .fullrock-content .logo-menu.d-block,[data-background=light] .box-container .division-01,[data-background=light] .box-container .division-ontop,[data-background=light] .box-container .fullrock-content .logo-menu.d-none{
display:block!important
}
.tooltip{
z-index:999
}
.blog .sidebar .search-group,.casestudy .img,.fullrock-content,.help,.history-section .img-wrap,.overlay,.overlay-video,.tabs.offers-tabs .tabs-content .tabs-item.active,.top-header .wrapper{
position:relative
}
.banner-video,.overlay:before{
position:absolute;
right:0;
height:100%
}
.b-radius15,.br-12,.modal-content,[data-background=dark] .box-container .fullradius,[data-background=light] .box-container .fullradius,[data-radius=twelveradius] .popover{
border-radius:12px
}
.overlay:before{
content:"";
top:0;
left:0;
bottom:0;
width:100%;
background-color:rgba(0,0,0,.6)
}
.banner-video{
background-size:cover;
background-position:center center;
z-index:-1;
left:0;
top:0
}
.fullbgimage,.img-defaultbanner{
height:auto;
top:0;
left:0;
position:absolute;
width:100%
}
.overlay-video:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
z-index:0;
background-color:rgba(0,0,0,.8)
}
.full{
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
background-repeat:no-repeat
}
.cpupath,.cpupath-w,.exapath,.exapath-w,.motpath,.motpath-w,.promo-w,.promopath{
background-repeat:repeat
}
.exapath{
background-image:url("../patterns/exapath.svg")
}
.cpupath{
background-image:url("../patterns/cpupath.svg")
}
.motpath{
background-image:url("../patterns/motpath.svg")
}
.promopath{
background-image:url("../patterns/promopath.svg")
}
.exapath-w{
background-image:url("../patterns/exapath-w.svg")
}
.cpupath-w{
background-image:url("../patterns/cpupath-w.svg")
}
.motpath-w{
background-image:url("../patterns/motpath-w.svg")
}
.promo-w{
background-image:url("../patterns/promo-w.svg")
}
.fullbgimage,.item1,.item10,.item11,.item12,.item13,.item14,.item15,.item16,.item17,.item18,.item19,.item2,.item3,.item4,.item5,.item6,.item7,.item8,.item9{
background-position:top center;
background-repeat:no-repeat;
background-size:cover
}
.item1{
background-image:url("../../assets/img/topbanner01.jpg")
}
.item2{
background-image:url("../../assets/img/topbanner02.jpg")
}
.item3{
background-image:url("../../assets/img/topbanner03.jpg")
}
.item4{
background-image:url("../../assets/img/topbanner04.jpg")
}
.item5{
background-image:url("../../assets/img/topbanner05.jpg")
}
.item6{
background-image:url("../../assets/img/topbanner06.jpg")
}
.item7{
background-image:url("../../assets/img/topbanner07.jpg")
}
.item8{
background-image:url("../../assets/img/topbanner08.jpg")
}
.item9{
background-image:url("../../assets/img/topbanner09.jpg")
}
.item10{
background-image:url("../../assets/img/topbanner10.jpg")
}
.item11{
background-image:url("../../assets/img/topbanner11.jpg")
}
.item12{
background-image:url("../../assets/img/topbanner12.jpg")
}
.item13{
background-image:url("../../assets/img/topbanner13.jpg")
}
.item14{
background-image:url("../../assets/img/topbanner14.jpg")
}
.item15{
background-image:url("../../assets/img/topbanner15.jpg")
}
.item16{
background-image:url("../../assets/img/topbanner16.jpg")
}
.item17{
background-image:url("../../assets/img/topbanner17.jpg")
}
.item18{
background-image:url("../../assets/img/topbanner18.jpg")
}
.item19{
background-image:url("../../assets/img/topbanner19.jpg")
}
.fullbgimage{
opacity:.4
}
.img-defaultbanner{
min-height:100%;
min-width:1024px;
z-index:-1
}
.popover{
box-shadow:0 2px 8px 0 rgba(62,62,79,.23)
}
.popover .popover-header{
padding:15px;
color:#fff;
font-weight:700;
border:none!important
}
.active,.active2,.btn.question,.section-heading{
font-weight:700!important
}
.popover .popover-body{
padding:15px;
line-height:28px;
border:none!important
}
.popover .popover-arrow::after,.popover .popover-arrow::before{
border-top-color:transparent!important;
border-bottom-color:transparent!important
}
.form-control{
padding:10px 15px;
outline:0;
border-radius:10px;
font-size:15px;
color:#4c4a4a;
box-shadow:none;
border:1px solid #ced4da
}
.form-control:focus{
border:0;
outline:0;
-webkit-box-shadow:none;
box-shadow:none
}
.sec-main,.sec-sec{
box-shadow:0 5px 15px 0 rgba(110,110,110,.1)
}
select.form-contol{
font-size:15px!important;
border:0!important;
outline:#efefef solid 1px!important
}
input:-webkit-autofill{
background-color:#e6fff3!important;
background-image:none!important;
color:#000!important
}
.f-10{
font-size:10px!important
}
.f-11{
font-size:11px!important
}
.f-12,.toplang .btn{
font-size:12px!important
}
.f-13{
font-size:13px!important
}
.f-14{
font-size:14px!important
}
.f-15{
font-size:15px!important
}
.f-16{
font-size:16px!important
}
.f-17{
font-size:17px!important
}
.f-18{
font-size:18px!important
}
.f-19{
font-size:19px!important
}
.f-20{
font-size:20px!important
}
.blockquote{
border-left:2px solid #aaa;
padding-left:40px
}
.upping:hover{
transform:translateY(-5px);
-webkit-transition:.3s linear;
-moz-transition:.3s linear;
-ms-transition:.3s linear;
transition:.3s linear
}
.cursor-p,.stylebackground,.stylecolor,.stylefont,.styleheader,.stylelayout,.styleradius,.styletextDirection{
cursor:pointer
}
.initial-transform{
transform:initial!important
}
.border-end-0{
border-top-right-radius:0!important;
border-bottom-right-radius:0!important
}
.border-start-0,[data-radius=defaultradius] .box-container input.btn,[data-radius=sixradius] .box-container input.btn,[data-radius=threeradius] .box-container input.btn,[data-radius=twelveradius] .box-container input.btn{
border-top-left-radius:0!important;
border-bottom-left-radius:0!important
}
.sec-main,.sec-sec{
border-radius:12px
}
.horizontalShake{
animation-name:horizontalShake;
animation-duration:6s
}
@keyframes horizontalShake{
16%,from,to{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
1.6%,11.2%,14.4%,4.8%,8%{
-webkit-transform:translate3d(-7px,0,0);
transform:translate3d(-7px,0,0)
}
12.8%,3.2%,6.4%,9.6%{
-webkit-transform:translate3d(7px,0,0);
transform:translate3d(7px,0,0)
}
}
.sec-main{
position:relative!important;
padding:80px
}
.sec-domain{
position:relative!important;
padding:80px
}
.sec-normal,.sec-normal-domain,.sec-normal-ssl,.services,.sec.ssl,.sec-sec,.sec-up,.sec-up-slider{
position:relative
}
.sec-sec{
padding:30px
}
.sec-uping{
margin-top:-475px;
z-index:1
}
.sec-up{
margin:-50px 0 100px;
z-index:1
}
.sec-up-slider{
margin:-120px 0 0;
padding-bottom:135px!important;
z-index:1
}
.sec-ssl{
padding:0 0;
z-index:0;
}
.sec-normal{
padding-top:40px;
padding-bottom:60px;
z-index:0;
}
.sec-normal-ssl{
padding-bottom:60px;
z-index:0;
}
.sec-normal-domain{
z-index:0;
}
.sec-services{
padding:0 0;
z-index:0;
padding-top:40px;
padding-bottom:60px;
}
.total-grad,.total-grad-grey,.total-grad-grey-inverse,.total-grad-inverse,.total-grad-pink-blue-intense{
position:absolute;
display:block;
z-index:-1;
top:0;
right:0;
left:0;
bottom:0
}
.faq.light,.sec-bg1,[data-background=dark] .box-container #nav-toggle span:after,[data-background=dark] .box-container #nav-toggle span:before,[data-background=dark] .box-container .menu-wrap #nav-toggle span,[data-background=light] .menu-wrap.fixed .nav-menu .main-menu>.menu-item:hover{
background-color:#fff
}
.blog .sidebar .categories .line:not(.active),.pricing.table.tablepage,.sec-bg2{
background-color:#efefef
}
.sec-bg3,[data-background=dark] .menu-wrap.fixed .nav-menu .main-menu>.menu-item:hover{
background-color:#15212a
}
.sec-bg4,a.plans.badge.feat{
background-color:#fdd700
}
.sec-bg6{
background-color:#1d262f
}
.sec-grad-yellow-to-grey-left{
background:linear-gradient(90deg,#fdd700 70%,#d9dde4 10%)!important
}
.sec-grad-yellow-to-grey-right{
background:linear-gradient(90deg,#d9dde4 70%,#fdd700 10%)!important
}
.sec-grad-yellow-to-white-right{
background:linear-gradient(90deg,#fff 70%,#fdd700 10%)!important
}
.sec-grad-yellow-to-black-right{
background:linear-gradient(90deg,#15212a 70%,#fdd700 10%)!important
}
.sec-grad-black-to-yellow-left{
background:linear-gradient(90deg,#fdd700 30%,#15212a 0)!important
}
.sec-grad-grey-to-grey,.total-grad-grey{
background:linear-gradient(-60deg,#3a6173 0,#16222a 100%)!important
}
.total-grad-grey-inverse{
background:linear-gradient(240deg,#16222a 0,#3a6173 100%)
}
#nav-toggle.active span,.btn,.menu-wrap,.menu-wrap.line,.nav-menu .main-menu>.menu-item:hover:last-child,.nav-menu .menu-toggle,[data-background=dark] .box-container #clone tr.thead-clone th:first-child,[data-background=dark] .box-container .menu-wrap #nav-toggle.active span,[data-background=light] .box-container #clone tr.thead-clone th:first-child,[data-background=light] .box-container .menu-wrap #nav-toggle.active span{
background-color:transparent
}
.section-heading{
font-size:52px!important;
margin-top:30!important;
margin-bottom:20px!important;
text-transform:initial!important;
position:relative!important;
display:inline-block!important;
color:#181b22;
line-height:52px!important
}
.section-subheading{
position:relative!important;
color:#212122;
font-size:20px!important;
line-height:34px!important
}
.path-left,.path-right{
position:absolute;
height:100%;
top:0
}
.path-left{
right:30%
}
.path-right{
left:70%
}
.nav-menu{
position:relative;
width:100%;
z-index:9
}
.nav-menu .navigation{
display:flex;
height:47px;
align-items:center
}
.nav-menu .main-menu{
display:contents;
display:-moz-inline-stack;
zoom:1
}
.nav-menu .main-menu li{
list-style-type:none
}
.blog .media .media-heading a:hover,.blog .wrap-blog .heading.blog a:hover,.blog .wrap-blog .text-blog .author:hover,.blog .wrap-blog .text-blog a:hover,.nav-menu .main-menu a:active,.nav-menu .main-menu a:focus,.nav-menu .main-menu a:hover,.nav-menu .main-menu>.menu-item a:active,.nav-menu .main-menu>.menu-item a:hover{
text-decoration:none
}
.menu-wrap .logo-menu{
max-height:47px;
width:200px
}
.menu-wrap.fixed .logo-menu{
max-height:42px;
display:grid;
width:165px
}
.nav-menu .main-menu>.menu-item{
padding:8px 15px!important;
float:left;
list-style-type:none
}
.nav-menu .main-menu>.menu-item:hover{
-webkit-transition:.3s linear;
-moz-transition:.3s linear;
-ms-transition:.3s linear;
transition:.3s linear
}
.nav-menu .main-menu>.menu-item>.sub-menu{
opacity:0;
font-weight:700;
visibility:hidden;
position:absolute;
z-index:9;
padding:20px 60px 20px 40px;
border-radius:12px;
background-color:#fff;
top:100%;
margin-top:10px;
-webkit-transition:.2s;
transition:.2s
}
.nav-menu .main-menu .menu-item .menu-large .service-list .service .svg{
display:table;
height:45px;
width:45px;
margin:10px 15px 0 0
}
.nav-menu .main-menu .menu-item .menu-large .menu-item{
padding:10px 18px 10px 15px
}
.megamenu .menu-item a,.megamenu-list .menu-item a,.nav-menu .main-menu .menu-item .menu-large .menu-item a{
color:#e8e8e8;
font-size:13px;
white-space:nowrap
}
.blog .sidebar .tags .heading.active a,.blog .social-icons .fa:hover,.casestudy .social-icons i:hover,.footer .contact a:hover i,.footer .soc-icons a:hover i,.footer .soc-icons i:hover,.nav-menu .main-menu .menu-item .menu-large .menu-item a:hover,.nav-menu .main-menu .menu-item .menu-large .service-list .service.special .media-body a:hover,.nav-menu .main-menu .menu-item .menu-large .service-list .service.special i,.team .soc-icons-wrap i:hover{
color:#fdd700
}
.megamenu .media-body,.megamenu-list .media-body,.nav-menu .main-menu .menu-item .menu-large .media-body{
display:table-cell;
vertical-align:top
}
.megamenu .service-list .service .media,.megamenu-list .service-list .service .media,.nav-menu .main-menu .menu-item .menu-large .service-list .service .media{
padding:0 0 10px
}
.h-plans-info .header-wrap,.nav-menu .main-menu .menu-item .menu-large .service-list .service .media-left i{
text-align:left
}
.nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body a{
padding:0;
line-height:34px;
color:#313131;
display:inline-block
}
.nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body p{
color:#525252;
font-size:14px;
font-weight:400
}
.nav-menu .main-menu .menu-item .menu-large .service-list .service.special .media-body a{
color:#212122;
border:none
}
.blog .wrap-blog .heading.blog a,.knowledge a.category,.nav-menu .main-menu .menu-item .menu-large .service-list .service.special .media-body p,.offcanvas.offcanvas-box .os p,[data-background=dark] .box-container .getready .column-support-subtitle,[data-background=dark] .box-container .getready .column-support-title,[data-background=dark] .box-container .history-section .info-content h4,[data-background=light] .box-container .footer .heading,[data-background=light] .box-container .getready .column-support-subtitle,[data-background=light] .box-container .getready .column-support-title,[data-background=light] .box-container .history-section .info-content h4,[data-background=light] .box-container .nav-menu .main-menu a,[data-background=light] .infonews .news,[data-background=light] .tick-label{
color:#212122
}
.nav-menu .main-menu .menu-item .menu-large li.start-offer{
display:block;
margin-top:20px;
float:right;
width:245px
}
.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner{
border:2px dashed #fdd700;
padding:20px;
text-align:center
}
.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .title{
color:#fdd700;
font-size:22px
}
.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner p{
font-style:italic;
color:#4c4a4a;
font-size:14px
}
.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .val{
font-size:13px;
text-decoration:line-through
}
.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .dis{
font-size:20px;
margin-bottom:20px
}
.nav-menu .main-menu>.menu-item>.sub-menu>.menu-item{
padding:10px 0
}
.nav-menu .main-menu>.menu-item>.sub-menu>.menu-item:last-child{
padding-bottom:20px
}
.nav-menu .main-menu>.menu-item>.sub-menu>.menu-item a{
color:#313131;
font-size:16px;
white-space:nowrap
}
.nav-menu .main-menu>.menu-item>.sub-menu>.menu-item>.sub-menu{
opacity:0;
-webkit-transition:.1s;
-moz-transition:.1s;
-ms-transition:.1s;
-o-transition:.1s;
transition:.1s
}
.menu.badge.feat{
font-size:12px;
padding:5px 10px;
margin-top:3px;
position:absolute;
right:-1px;
border-radius:15px 3px 3px 15px
}
.plans.badge.feat{
color:#fff;
font-size:12px;
position:absolute;
right:10px;
top:10px;
z-index:1
}
.plans.badge.feat.left{
position:absolute;
right:auto;
left:10px!important
}
a.plans.badge.feat{
top:-40px;
padding:8px 15px;
right:10px;
position:absolute;
border:none;
cursor:pointer
}
a.plans.badge.feat:hover{
color:#fff;
background-color:#4c4a4a;
text-decoration:none;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.nav-menu .main-menu a{
font-size:16px;
font-weight:600;
color:#fff;
position:relative;
cursor:pointer;
text-decoration:none;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.nav-menu .main-menu a.v-stroke:hover::after,.nav-menu .main-menu a.v-stroke:hover::before{
height:30px;
transition:.2s ease-in-out
}
.nav-menu .main-menu a.v-stroke:before{
content:'';
position:absolute;
top:25px;
left:50%;
width:2px;
height:0;
background:#fff;
transition:.2s ease-in-out
}
.nav-menu .main-menu li:last-child a{
margin-right:0!important
}
.menu-wrap.fixed .nav-menu .main-menu a.v-stroke:before{
content:none;
transition:none
}
.nav-menu .main-menu a.h-stroke:hover::after,.nav-menu .main-menu a.h-stroke:hover::before{
width:100%;
transition:.2s ease-in-out
}
.nav-menu .main-menu a.h-stroke:before{
content:'';
position:absolute;
top:55px;
bottom:0;
right:0;
height:2px;
width:0%;
background:#fff;
transition:.2s ease-in-out
}
.active2{
color:#ee5486!important
}
.nav-menu .menu-toggle{
border:none;
outline:0;
display:none;
float:right
}
.nav-menu .menu-toggle .icon{
display:block;
width:24px;
height:4px;
border-radius:0;
background-color:#181b22;
margin-top:0;
margin-bottom:3px
}
.menu-wrap{
position:absolute;
padding:15px 0;
left:0;
right:0;
top:40px;
z-index:9;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.menu-wrap.line{
border-bottom:1px solid #e6e7e8;
border-top:0
}
.menu-wrap.fixed{
opacity:1;
animation-name:fadeInOpacity;
animation-iteration-count:1;
animation-timing-function:ease-in;
animation-duration:.3s;
box-shadow:0 2px 8px 0 rgba(62,62,79,.23);
padding:13px 0;
position:fixed;
width:100%;
top:0;
z-index:1000
}
.menu-wrap.fixed .main-menu>.menu-item>a:before{
bottom:-12px
}
.menu-wrap .main-menu .sub-menu,.sub-menu.megamenu .service-list,[data-background=light] .menu-wrap .main-menu .sub-menu,[data-background=light] .sub-menu.megamenu .service-list,[data-background=light] .sub-menu.megamenu-list .service-list,[data-background=light] .sub-menu.menu-large{
box-shadow:0 8px 8px 0 rgb(62 62 79 / 23%)
}
.menu-wrap .main-menu .sub-menu.megamenu,.menu-wrap .main-menu .sub-menu.megamenu-list,[data-background=dark] .menu-wrap .main-menu .sub-menu.megamenu,[data-background=dark] .menu-wrap .main-menu .sub-menu.megamenu-list,[data-background=dark] .sub-menu.megamenu,[data-background=dark] .sub-menu.megamenu-list,[data-background=dark] .sub-menu.megamenu-list .service-list .sub-menu,[data-background=dark] .sub-menu.menu-large .service-list,[data-background=light] .menu-wrap .main-menu .sub-menu.megamenu,[data-background=light] .menu-wrap .main-menu .sub-menu.megamenu-list,[data-background=light] .sub-menu.megamenu,[data-background=light] .sub-menu.megamenu-list,[data-background=light] .sub-menu.megamenu-list .service-list .sub-menu,[data-background=light] .sub-menu.menu-large .service-list{
box-shadow:none
}
.start-offer,[data-background=light] .start-offer{
box-shadow:0 8px 8px 0 rgb(62 62 79 / 23%);
border-top-right-radius:12px;
border-bottom-right-radius:12px
}
.menu-wrap.light.fixed .logo-menu{
top:-25px
}
.menu-wrap.active .menu-toggle{
top:0!important;
right:0
}
#my-popover-content,#myNav,#priceon-val,.accordion .panel-collapse,.accordion.faq .panel-title.active .fa-plus,.blog .wrap-blog .infos,.casestudy .swiper-pagination-switch,.form-contact #msgSubmit,.history-section hr,.menu-wrap.mobile .logo-responsive,.pagination .prev,.pricing.slider .swiper-pagination-switch,.range-disabled,.search-disabled,.tab-content>.tab-pane,.tabs-item,.tick .tick-credits,[data-background=dark] .box-container .hideelement,[data-background=light] .box-container .hideelement,[data-layout=boxed] .box-container .godown,[data-layout=boxed] .box-container .randomline{
display:none
}
#nav-toggle{
position:relative;
cursor:pointer;
margin-top:1px;
padding:20px 37px 20px 0;
right:0;
top:0;
z-index:1000
}
#nav-toggle span:after,#nav-toggle span:before,.menu-wrap #nav-toggle span{
cursor:pointer;
height:3px;
width:36px;
background:#fff;
position:absolute;
display:block;
content:''
}
#nav-toggle span:before{
top:-10px
}
#nav-toggle span:after{
bottom:-10px
}
.active #nav-toggle span:after,.active #nav-toggle span:before{
background:#fdd700!important
}
#nav-toggle span,#nav-toggle span:after,#nav-toggle span:before{
transition:250ms ease-in-out
}
#nav-toggle.active span:after,#nav-toggle.active span:before,[data-layout=frame] .menu-wrap.fixed{
top:0
}
#nav-toggle.active span:before{
transform:rotate(45deg)
}
#nav-toggle.active span:after{
transform:rotate(-45deg)
}
.toplang{
position:absolute;
line-height:40px;
display:table;
z-index:2;
right:45px;
top:150px;
width:75px
}
.toplang .btn{
display:inline-table;
padding:6px!important;
height:30px!important;
width:30px!important
}
.footer .footer-menu #drop-lng input,.toplang input{
position:absolute;
clip:rect(0,0,0,0);
pointer-events:none
}
nav .tech-box{
margin:0 15px;
cursor:pointer
}
nav .tech-box svg:hover{
opacity:.6;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.btn{
text-transform:initial;
cursor:pointer!important;
border:1px solid #4c4a4a;
border-radius:50px;
color:#4c4a4a;
font-size:16px;
margin:0;
padding:14px 30px;
position:relative;
letter-spacing:.2px;
font-weight:700;
box-shadow:0 2px 8px 0 rgb(62 62 79 / 23%);
-webkit-transition:.3s linear;
-moz-transition:.3s linear;
-ms-transition:.3s linear;
transition:.3s linear
}
.btn:hover{
box-shadow:0 5px 10px 0 rgba(0,0,0,.3);
-webkit-transform:translateY(-5px);
transform:translateY(-5px)
}
.btn-default-grad-purple-fill{
color:#fff;
border:none;
background-size:300% 100%;
-moz-transition:.4s ease-in-out;
-o-transition:.4s ease-in-out;
-webkit-transition:.4s ease-in-out;
transition:.4s ease-in-out
}
.btn-default-grad-purple-fill:hover{
color:#fff;
background-position:100% 0;
-moz-transition:.4s ease-in-out;
-o-transition:.4s ease-in-out;
-webkit-transition:.4s ease-in-out;
transition:.4s ease-in-out
}
.btn-default-pink-fill,.btn-default-purple-fill{
color:#fff!important;
border:none
}
.btn-default-fill,.btn-default-pink-fill:hover,.btn-default-purple-fill:hover,.btn-default-yellow-fill:hover{
background-color:#4c4a4a!important;
color:#fff!important;
border:none
}
.btn-default-fill:hover,.btn-default-yellow-fill{
background-color:#fdd700!important;
color:#000!important;
border:none
}
.btn.question{
margin-top:3px!important;
line-height:12px!important;
transform:initial!important;
letter-spacing:1px!important;
text-transform:uppercase!important;
padding:9px 12px!important;
font-size:10px!important
}
.btn.focus,.btn:focus{
outline:0!important;
box-shadow:none!important
}
.btn-secondary:not(:disabled):not(.disabled).active{
opacity:1;
color:#000!important;
background-color:#fdd700!important;
border-color:#fdd700!important
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
font-size:14px!important;
font-weight:700;
color:#000
}
.btn-secondary:not(:disabled):not(.disabled){
opacity:.8;
border-radius:13px;
background-color:#efefef;
border:1px solid #d6d6d6
}
.btn-group>.btn:not(:first-child){
font-size:15px;
border-radius:13px;
opacity:.8;
background-color:#efefef;
border:none!important;
color:#4c4a4a;
-ms-grid-row:2;
-ms-grid-column:2fr
}
.btn-group .btn+.btn{
margin-left:5px
}
.btn-group.toplang .btn+.btn{
margin-left:1px;
font-size:14px!important;
font-weight:700;
color:#000
}
.btn-secondary:hover{
background-color:#4c4a4a
}
.btn-sm{
padding:.5rem 2rem!important;
font-size:1rem!important
}
.btn-md{
padding:1rem 3rem!important;
font-size:1.2rem!important
}
.blog .wrap-blog.light.m-bottom.last,.ms-container,.team .wrapper .img-section img,.wrapper-h-plans .plans-detail{
width:100%
}
.main-container{
position:relative;
margin:0 auto;
display:block;
clear:both;
float:unset;
right:0;
min-height:80vh;
-webkit-transition:.2s ease-in-out;
transition:.2s ease-in-out
}
.main-container .content.main{
position:relative;
display:block;
padding:50px 60px 0
}
.main-container.slider .silder-container .slider-content.full-width{
margin:auto;
width:85%;
text-align:center;
right:0;
padding-left:0
}
.main-container.slider .silder-container .slider-content.full-width h5{
text-align:center;
margin:0 auto 26px
}
.main-container.slider{
min-height:auto
}
.main-container.slider .silder-container{
height:100vh;
min-height:500px;
width:100%;
position:relative;
overflow:hidden;
z-index:0
}
.main-container.slider .silder-container .slider-content{
position:absolute;
z-index:1;
width:100%;
top:50%;
transform:translateY(-50%)
}
.main-container.slider .silder-container .slider-content h1{
position:relative;
margin-bottom:20px;
color:#fff;
display:inline-block;
font-weight:700;
line-height:78px;
font-size:72px;
letter-spacing:3px
}
.main-container.slider .silder-container .slider-content p{
position:relative;
color:#fff;
line-height:42px;
font-size:20px;
margin-bottom:50px
}
.main-container.slider .silder-container .img-right{
position:absolute;
width:50%;
right:0;
top:50%;
transform:translateY(-50%);
padding-right:35px;
text-align:center;
z-index:0
}
.main-container.slider .silder-container .img-right>img{
width:500px
}
.main-container.slider .silder-container .img-right .img-slider-elements.domains{
position:absolute;
height:40px;
top:22%;
left:28%
}
.main-container.slider .silder-container .img-right .img-slider-elements.domains>img{
height:40px;
display:block;
position:relative
}
.main-container.slider .silder-container .img-right .img-slider-elements.domains>img:first-child{
animation:6s infinite topono;
z-index:3
}
.main-container.slider .silder-container .img-right .img-slider-elements.domains>img:nth-child(2){
animation:6s 2s infinite topono;
margin-top:-40px;
z-index:2
}
.main-container.slider .silder-container .img-right .img-slider-elements.domains>img:nth-child(3){
animation:6s 4s infinite topono;
margin-top:-40px;
z-index:1
}
.header-main-nav .carousel-cell.is-nav-selected{
background:#fff
}
.carousel-cell{
width:100%;
height:100vh;
margin-right:10px
}
.header-main-slider .carousel-cell{
min-height:500px
}
.header-main-slider .flickity-page-dots{
position:absolute;
top:initial;
text-align:center;
margin:0 auto;
width:100%;
display:block;
bottom:17%
}
.header-main-slider .flickity-page-dots .dot{
display:inline-grid;
margin:0 2px;
background:grey;
width:40px;
height:3px;
border-radius:1px;
-webkit-transition:.1s ease-in-out;
transition:.1s ease-in-out
}
.header-main-slider .flickity-page-dots .dot.is-selected{
background:grey
}
.header-main-slider .flickity-page-dots li:first-child{
margin-left:0
}
.our-sevices-box.homepage{
position:relative;
flex-direction:column;
min-width:0;
word-wrap:break-word;
border:0 solid rgba(0,0,0,.125);
background-color:#fff;
background-clip:border-box;
width:22%;
transition:.1s ease-in-out;
box-shadow:0 25px 50px rgba(8,21,66,.06);
padding:25px;
border-radius:10px;
display:block;
margin:25px 20px 60px 0;
overflow:hidden;
-webkit-transition:.1s ease-in-out
}
.homepagewhmc-alert-fixed.alert-dismissible{
position:fixed;
top:90px;
z-index:9999;
right:25px;
padding:25px 20px 15px;
display:none
}
.homepagewhmc-alert-fixed.alert-dismissible.animated,.tab-content>.active,.tabs-item.active{
display:block
}
.domains-search{
position:relative;
z-index:5;
display:block;
background:0 0;
margin-top:30px
}
.domains-search .special-input,.fill-input.special-input{
position:relative;
background:rgba(0,0,0,.3)!important;
border:1px solid #414142!important;
color:#fff!important
}
.domains-search .inputdomainsearch{
width:100%;
font-size:16px;
color:#000;
border:1px solid #efefef;
padding:14px 20px 14px 30px;
background-color:#fff;
outline:0;
box-shadow:0 2px 8px 0 rgb(62 62 79 / 15%);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.domains-search .inputdomainsearch::placeholder{
color:#fff
}
.domains-search .inputdomainsearch:-ms-input-placeholder{
color:#fff
}
.domains-search .inputdomainsearch::-ms-input-placeholder{
color:#fff
}
.domains-search .ds-content .btn-search,.domains-search .ds-content .btn-transfer{
height:31px;
display:inline-block;
line-height:33px;
color:#fff!important;
text-align:center
}
.domains-search .ds-content{
position:absolute;
display:flex;
right:0;
bottom:0;
height:100%
}
.domains-search .ds-content .btn-search{
width:60px;
border-radius:15px;
margin-left:2px;
border:0
}
.domains-search .ds-content .btn-transfer{
background:#5c65ae;
width:31px;
border-radius:50px;
margin-left:3px;
border:0
}
.pricing.slider .heading,.pricing.slider .subheading{
text-align:left;
color:#181b22
}
.homepagewhmc-alert-fixed.alert-dismissible .set-warning{
position:unset;
transform:inherit;
margin-top:13px;
display:block;
width:100%;
border-radius:30px;
outline:0!important
}
.our-sevices-box.homepage img{
width:50px;
display:block;
margin-left:-5px;
position:relative;
z-index:1
}
.our-sevices-box.homepage h5{
font-weight:600;
font-size:18px;
display:block;
line-height:26px;
margin-top:20px;
position:relative
}
.our-sevices-box.homepage .carousel-active-statu{
position:absolute;
right:-8px;
width:60px;
height:60px;
background:#8bc34a;
top:-8px;
z-index:0;
border-radius:50px;
opacity:0;
-webkit-transition:.1s ease-in-out;
transition:.1s ease-in-out
}
.our-sevices-box.homepage .carousel-active-statu i{
top:50%;
transform:translateY(-50%);
position:absolute;
left:0;
right:0;
color:#fff;
font-size:21px;
text-align:center
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content,.our-sevices-box.homepage.is-selected .carousel-active-statu,.team .wrapper:hover .soc-icons-wrap{
opacity:1
}
.our-sevices-box.homepage.is-selected,.tabs.offers-tabs .tabs-header div{
margin-top:15px
}
.our-sevices-box.homepage p{
color:#a5afb3;
font-size:13px;
font-weight:400;
overflow:hidden;
text-overflow:ellipsis;
height:75px;
display:block;
position:relative
}
.our-sevices-box.homepage a{
display:inline-block;
margin-top:10px;
float:right;
background:#f7b16e;
color:#fff;
padding:6px 11px;
border-radius:8px;
font-weight:600;
font-size:11px
}
.our-sevices-box.homepage a:hover{
background:#f7a658;
color:#fff;
text-decoration:none!important
}
.carousel.header-main-nav .flickity-slider{
margin-left:30px
}
.offcanvas-content,.pricing-tables-homepage{
padding:20px 0
}
.container-fluid.main-fluid{
max-width:1540px
}
.main-title.center-text{
text-align:center;
margin-bottom:50px
}
.main-title h6{
font-weight:400;
text-transform:uppercase;
color:rgba(0,0,0,.35);
letter-spacing:1px;
margin-bottom:9px
}
.main-title h2{
font-size:28px;
line-height:32px;
margin-top:0
}
.main-title p{
line-height:30px;
margin:15px 0 0;
color:#a5aeb2;
font-size:14px;
font-weight:400
}
.flickity-enabled.is-fade .flickity-slider>*{
pointer-events:none;
z-index:0
}
.flickity-enabled.is-fade .flickity-slider>.is-selected{
pointer-events:auto;
z-index:1
}
.full-slider{
position:absolute;
top:-50%;
left:-50%;
width:200%;
height:200%;
z-index:-1
}
.custom-element-right,.full-slider img{
margin:auto;
top:0;
bottom:0;
position:absolute
}
.full-slider img{
left:0;
right:0;
min-width:50%;
min-height:50%
}
.custom-element-right{
width:100%;
max-height:500px;
right:-350px;
overflow:auto
}
.chars{
position:absolute;
display:inline-grid;
text-align:center;
right:-400px;
top:-200px
}
.chars div,.config.cd-main-content .table tbody{
padding-top:20px
}
.chars p{
color:#fff;
font-size:13px
}
.domain-checker-container .input-group-box{
background-color:transparent!important;
padding:0!important
}
.special-note{
position:absolute;
padding:10px 6px;
color:rgba(255,255,255,.6);
font-weight:100;
font-size:11px
}
.special-note .badge{
margin-right:12px;
font-size:9px;
font-weight:600;
color:#414142;
border:0;
border-radius:20px;
margin-top:-2px;
padding:4px 7px;
text-transform:uppercase
}
.pricing .wrapper{
position:relative;
background:#fff;
border-radius:15px;
margin-top:50px
}
.slick .amplify,.slick .cocacola,.slick .drupal,.slick .envato,.slick .joomla,.slick .magento,.slick .pheaa,.slick .wordpress{
background-repeat:no-repeat;
height:50px
}
.pricing.special .wrapper.active{
padding-bottom:52px
}
.pricing.special .wrapper{
position:relative;
background-color:#fff;
box-shadow:0 5px 15px 0 rgba(110,110,110,.1)
}
.pricing .wrapper .title{
font-weight:700;
font-size:26px
}
.pricing .table .title{
font-size:26px;
font-weight:700
}
.pricing .price{
color:#414142;
font-weight:700;
font-size:32px
}
.pricing .price sup,.slick #slider .plan-container .price sup{
top:-.4em;
font-size:20px
}
.period{
font-weight:500;
font-size:20px
}
.fromer{
font-style:italic;
line-height:32px;
font-size:16px;
margin-bottom:15px;
color:#4c4a4a
}
.pricing .info{
color:#4c4a4a;
font-size:13px;
margin:15px 0
}
.pricing .heading{
text-transform:initial;
color:#181b22;
font-weight:700;
font-size:48px
}
.pricing .subheading{
color:#181b22;
margin-top:10px;
margin-bottom:16px
}
.pricing .list-info{
padding:30px 60px 40px;
border-bottom-right-radius:12px;
border-bottom-left-radius:12px;
margin:0;
list-style-type:none
}
.pricing .list-info i{
color:#fff!important;
float:left;
padding:5px 0
}
.pricing .wrapper .top-content{
padding:40px 60px
}
.pricing .wrapper .top-content .svg,.services .service-wrap .service-section .svg{
height:60px;
width:60px
}
.pricing.special .wrapper a,[data-layout=frame] .box-container .menu-wrap.fixed{
margin-top:20px
}
.pricing.special .list-info li{
padding:10px 0;
font-size:16px;
font-weight:600;
color:#fff
}
.pricing.special .list-info li div{
font-size:14px
}
.pricing.special .list-info li span{
font-size:16px
}
.pricing.tablepage .list-info li{
border-top:1px solid #efefef;
padding:12px 0;
font-size:14px;
color:#121e25
}
.pricing.tablepage .active .list-info li{
border-top:1px solid #63b790
}
.pricing .list-info li sub{
bottom:-.3px
}
.pricing .wrapper i{
font-size:42px;
color:#121e25;
margin:0 15px 0 0
}
.pricing .wrapper.active i{
font-size:42px;
color:#121e25;
margin-bottom:20px
}
.pricing .wrapper.active{
border:1px solid #fdd700;
background-color:#fdd700
}
.pricing.p-top{
padding-top:68px
}
.best-plans.pricing .wrapper.act .period,.best-plans.pricing .wrapper.act .title,.countdown .wrapper .clock div:first-child,.pagination>li.active>a:hover,.run-switch .an.active,.run-switch .mo.active,.section-heading.light,[data-background=dark] .box-container .best-plans .table div.title-table,[data-background=dark] .tick-label{
color:#000
}
.accordion .panel-title i,.best-plans.pricing .wrapper .title,.blog .sidebar .categories .heading a.active,.section-subheading.small-text{
font-size:18px
}
.pricing.slider{
background-color:#fff;
padding-top:60px;
padding-bottom:30px
}
.pricing.slider .heading{
font-size:24px;
margin-bottom:3px
}
.pricing.slider .desc{
font-size:16px;
color:#858f95;
margin-top:32px;
line-height:24px
}
.pricing.slider .section-subheading{
margin-bottom:72px
}
.pricing.slider .wrapper{
padding-bottom:0;
margin-top:0;
border:1px solid #90a4ae
}
.pricing.slider .info{
background-color:#efefef;
margin-top:-15px;
padding:17px 0 26px 25px;
position:relative
}
.pricing.slider .soc-icons i{
font-size:22px;
color:#181b22
}
.pricing.slider .btn{
border-radius:0;
margin-top:24px;
width:100%;
left:0;
text-align:center;
padding:27px 22px
}
.pricing.slider .btn:hover{
background-color:#181b22;
color:#fdd700;
border-color:#181b22
}
.pricing.slider .slides-toggle .slide{
width:25px;
height:42px;
position:absolute;
top:40%;
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
-o-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.pricing.slider .slides-toggle .slide-prev{
background-image:url("../../assets/img/arrow-left-2.png");
left:-83px
}
.pricing.slider .slides-toggle .slide-prev span{
position:absolute;
display:inline-block;
text-align:right;
left:-20px;
margin-top:50px
}
.pricing.slider .slides-toggle .slide-next{
right:0;
background-image:url("../../assets/img/arrow-right-2.png");
left:0
}
.pricing.slider .slides-toggle .slide-prev:hover{
background-image:url("../../assets/img/arrow-left-2-act.png")
}
.pricing.slider .slides-toggle .slide-next span{
display:inline-block;
text-align:left;
margin-top:50px
}
.pricing.slider .soc-icons{
display:inline-block;
float:right;
margin-top:-13px;
margin-right:8px
}
.pricing.slider .info{
margin-right:26px
}
.swiper-wrapper{
padding-left:99px;
padding-right:99px;
width:297px;
transform:translate3d(-99px,0,0);
transition-duration:1.2s;
height:89px
}
.newproducts .pricing .wrapper .list-info i{
padding-left:5px;
vertical-align:text-top;
color:#fff;
font-size:20px
}
.newproducts .pricing .list-info{
padding:40px;
margin:0
}
.best-plans.pricing .wrapper{
margin-top:58px;
padding-top:38px;
padding-bottom:33px
}
.best-plans.pricing .wrapper.act{
background-color:#242830
}
.best-plans.pricing .wrapper.act .btn:hover{
border-color:#fff
}
.best-plans .table td,.best-plans .table th{
border-left:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
padding:20px;
color:#4c4a4a
}
.best-plans.pricing .wrapper .price{
font-size:45px;
margin-top:5px
}
.best-plans.pricing .wrapper .price sup{
top:-16px;
font-size:24px
}
.best-plans.pricing .wrapper .period{
margin-top:-4px;
margin-bottom:23px;
font-size:11px
}
.best-plans.pricing .wrapper .btn{
padding:11px 15px;
font-size:10px
}
.best-plans.pricing .wrapper.m-top,.blog .sidebar .posts .item-wrap:first-child{
margin-top:0
}
.best-plans .table{
margin:0;
font-weight:initial!important
}
.best-plans .table div.title-table{
font-weight:700;
font-size:18px;
color:#242830;
display:inline-block;
text-decoration:underline
}
.best-plans .table td i.fa-check,.best-plans .table td i.fa-times{
font-size:22px;
color:#4c4a4a
}
.best-plans .table td{
font-size:18px;
border-top:none
}
.best-plans .table.sample td{
border-left:none!important;
text-align:left
}
.best-plans .compare td{
border-left:none!important
}
.best-plans .compare.min td{
min-width:300px
}
.best-plans .compare.min .form-contact,[data-background=dark] .box-container .nopadding,[data-background=dark] .box-container .nopadding .sec-main,[data-background=light] .box-container .nopadding,[data-background=light] .box-container .nopadding .sec-main{
padding:0!important
}
.best-plans .table tbody td.section-bar{
color:#181b22;
font-size:16px;
padding-right:65px;
background-color:#fdd700;
border:none
}
.best-plans .table tbody td.section-bar span{
margin-right:30px;
font-size:12px
}
.best-plans .table tr{
vertical-align:middle
}
.best-plans .table td:first-child{
padding-left:0;
min-width:200px;
text-align:left;
border-left:none;
color:#212122
}
.best-plans .table td .fa-check{
font-size:29px
}
.best-plans .btn.left{
margin-right:35px;
padding:15px 33px;
background-color:#fdd700;
font-size:18px
}
.best-plans .btn-x.w-btn{
letter-spacing:-.1px;
padding:15px 47px
}
.table>:not(:first-child){
border-top:1px solid #e3e3e3
}
#clone .thead-clone{
visibility:visible
}
#clone tbody tr td,[data-background=dark] .box-container .noborder,[data-background=light] .box-container .noborder{
border:none
}
#clone tr.thead-clone th{
position:relative;
border-left:1px solid #efefef;
box-shadow:0 10px 10px -3px rgba(110,110,110,.1);
background-color:#fff
}
#clone tr.thead-clone th:first-child{
border:none;
background-color:transparent;
box-shadow:none
}
#bottom_anchor{
bottom:320px;
position:absolute
}
.blog .wrap-blog .heading.blog,.section-plans .heading{
font-size:26px;
margin-bottom:15px
}
.section-plans .desc{
font-size:14px;
color:#4c4a4a;
line-height:28px
}
.wrapper-h-plans{
position:relative;
background-color:#fff;
border:1px solid #efefef
}
.wrapper-h-plans .plans-detail i{
font-size:28px
}
.wrapper-h-plans .plans-detail span{
font-size:14px;
color:#4c4a4a;
vertical-align:super;
margin-left:5px
}
.h-plans-info{
color:#fff;
padding:40px 0;
height:100%
}
.h-plans-info .price{
font-size:22px;
margin-bottom:2px
}
.h-plans-info .price .title{
font-size:37px;
margin-left:14px;
font-weight:700
}
.h-plans-info .price .dec,.h-plans-info .price .symbol{
font-size:30px;
display:inline-block
}
.h-plans-info .price .title .line{
font-size:18px;
display:inline-block;
margin-left:-20px
}
.h-plans-info .price .title .title-price{
margin-left:-5px;
display:inline-block;
text-transform:lowercase
}
.h-plans-info .price .symbol{
margin-right:3px;
position:relative;
top:-8px
}
.h-plans-info .heading{
padding:10px;
border:1px dashed #fff;
margin:10px 0 18px;
font-size:16px
}
.h-plans-info .title{
margin-bottom:2px
}
.h-plans-info .desc{
text-transform:lowercase;
line-height:17px
}
.blog .service-wrap .service-section .small b,.blog .wrap-blog .text-blog i,.h-plans-info .header-wrap .price{
font-size:22px
}
.slick #slider .plan-container{
outline:0;
padding-left:15px;
padding-right:15px
}
.slick #slider .plan-container .wrapper{
position:relative;
box-shadow:0 5px 15px 0 rgba(110,110,110,.1);
border-radius:12px;
margin-top:50px
}
.slick #slider .plan-container .wrapper .top-content{
border-top-right-radius:12px;
border-top-left-radius:12px;
background-color:#fff;
padding:40px 60px 20px
}
.slick #slider .plan-container .wrapper .list-info{
padding:20px 60px 40px;
border-bottom-right-radius:12px;
border-bottom-left-radius:12px;
background-color:#ee5486;
margin:0;
list-style-type:none
}
.slick #slider .plan-container .wrapper .list-info i{
color:#fff!important;
float:left;
padding:5px 0;
font-size:38px;
margin:0 15px 0 0
}
.slick #slider .plan-container .title{
font-size:26px
}
.slick #slider .plan-container .price{
color:#181b22;
font-weight:700;
font-size:32px
}
.slick #slider .plan-container .info{
font-weight:lighter;
color:#455a64;
font-size:14px;
margin-bottom:15px
}
.slick #slider .plan-container .wrapper a{
margin:20px 0
}
.slick #slider .plan-container .list-info li{
padding:10px 0;
font-size:16px;
font-weight:700;
color:#fff
}
.slick-active{
display:block;
max-width:10%!important;
max-height:20%!important;
opacity:1
}
.slick-slide img,[data-background=light] .box-container #header .logo-menu.d-none,[data-background=light] .box-container .footer .logo-footer.d-none{
display:inline-block!important
}
.slick #slider .plan-container .svg{
height:50px;
width:50px
}
.slick-center{
opacity:1;
transition:transform .6s ease-in-out
}
.slick-next,.slick-prev{
z-index:1;
position:absolute;
top:50%;
transform:translate(0,-50%);
cursor:pointer!important;
border:none;
outline:0;
padding:15px;
align-items:center;
display:flex;
width:42px;
height:42px;
border-radius:15px;
background:#fdd700;
font-size:0;
box-shadow:0 5px 10px 0 rgba(0,0,0,.1);
-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.1)
}
.fill-input,.soc-icons-apply span{
box-shadow:0 2px 8px 0 rgb(62 62 79 / 15%)
}
.slick-next{
right:100px
}
.slick-prev{
left:100px
}
.slick-prev::before{
content:'\f053'
}
.slick-next::before{
content:'\f054'
}
.slick-next::before,.slick-prev::before{
font-family:"Font Awesome 5 Free";
font-weight:900;
color:#000;
opacity:.7;
font-size:17px;
margin-top:1px
}
.slick-next:focus,.slick-prev:focus{
background-color:#fff;
outline:0
}
.slick-next:hover,.slick-prev:hover{
background-color:#414142;
-webkit-transition:.15s;
-moz-transition:.15s;
-ms-transition:.15s;
-o-transition:.15s;
transition:.15s
}
.slick-next:hover::before,.slick-prev:hover::before{
color:#fff;
-webkit-transition:.15s;
-moz-transition:.15s;
-ms-transition:.15s;
-o-transition:.15s;
transition:.15s
}
.slick #clients div{
display:block;
margin:0 30px
}
.slick .wordpress{
background-image:url("../../assets/img/partners/wordpress.svg")
}
.slick .magento{
background-image:url("../../assets/img/partners/magento.svg")
}
.slick .joomla{
background-image:url("../../assets/img/partners/joomla.svg")
}
.slick .envato{
background-image:url("../../assets/img/partners/envato.svg")
}
.slick .drupal{
background-image:url("../../assets/img/partners/drupal.svg")
}
.slick .pheaa{
background-image:url("../../assets/img/partners/pheaa.svg")
}
.slick .cocacola{
background-image:url("../../assets/img/partners/cocacola.svg")
}
.slick .amplify{
background-image:url("../../assets/img/partners/amplify.svg")
}
.tabs-header li{
display:inline-block;
list-style-type:none
}
.config.cd-main-content .cd-filter-block ul,.megamenu .start-offer,.tabs-header ul,[data-background=dark] .box-container #features .sec-main,[data-background=light] .box-container #features .sec-main{
padding:0
}
.tabs.offers-tabs .tabs-header li{
font-size:18px;
border-left:2px solid #4c4a4a;
padding:0 0 0 30px;
cursor:pointer;
color:#181b22;
text-align:left;
-webkit-transition:.3s;
margin-top:50px
}
.tabs.offers-tabs .tabs-header .active{
padding:0 0 0 50px
}
.tabs.offers-tabs .tabs-header i{
font-size:48px
}
.tabs.offers-tabs .tabs-header li:hover{
color:#fdd700;
cursor:pointer;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.tabs.offers-tabs .tabs-content .heading{
font-size:18px;
color:#181b22;
margin-bottom:10px
}
.tabs.offers-tabs .tabs-content p{
font-weight:400;
font-size:16px;
line-height:32px!important
}
.tabs.offers-tabs .tabs-content .info{
font-size:13px;
line-height:26px;
margin-bottom:25px
}
.tabs .btn-select-plan{
position:absolute;
margin-top:50px
}
.tabs .btn-select-plan ul{
z-index:9;
display:inline-grid
}
.footer .payment-list li i,.tabs.offers-tabs .tabs-content .info-content p{
color:#aaa
}
.tabs-header .btn-secondary:not(:disabled):not(.disabled).active{
opacity:1;
font-size:14px;
color:#fff!important;
border:none;
border-radius:50px;
box-shadow:0 2px 8px 0 rgba(62,62,79,.23)
}
.tabs-header .btn-group>.btn:not(:first-child){
opacity:.6;
background-color:#4c4a4a;
color:#fff;
border:none;
border-radius:50px;
font-size:14px;
margin-bottom:8px;
box-shadow:0 2px 8px 0 rgba(62,62,79,.23)
}
.tabs-header .btn-group>.btn:not(:last-child):not(.dropdown-toggle){
background-color:#4c4a4a;
font-size:14px;
color:#fff;
border:none;
border-radius:50px;
box-shadow:0 2px 8px 0 rgba(62,62,79,.23)
}
.dropdown-menu.show{
width:100%;
border:0;
padding-bottom:30px;
text-align:center;
background-color:transparent;
transform:initial!important;
position:static!important;
-webkit-transition:.2s;
transition:.2s
}
.dropdown-menu.show a{
color:#aaa;
font-size:15px;
margin:0;
border:none;
padding:7px;
background-color:transparent
}
.help .help-container,.services .service-wrap .service-section{
position:relative;
border-radius:12px;
box-shadow:0 5px 15px 0 rgba(110,110,110,.1)
}
.services .heading{
font-size:20px;
color:#464646;
text-transform:initial
}
.services .info{
font-size:16px;
color:#81868e
}
.services .service-wrap .line{
height:1px;
width:100%;
background-color:#eaeaeb;
position:relative
}
.services .service-wrap .line:before{
content:"";
height:2px;
background-color:#fdd700;
width:50%;
position:absolute;
top:-1px
}
.services .service-wrap .info{
padding-right:80px
}
.services .service-wrap .service-section{
background-color:#fff;
padding:50px;
margin-top:50px;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.services .service-wrap .service-section .title{
font-weight:700;
font-size:22px;
color:#212122;
margin-top:20px;
margin-bottom:14px;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.services .service-wrap .service-section .subtitle{
line-height:34px;
font-size:16px;
color:#4c4a47;
margin-bottom:0
}
.services .service-wrap .service-section a{
margin-top:30px
}
.blog .social-icons .fa:not(.fa-share-alt),.services .service-wrap .service-section.service{
border-right:0
}
.services .service-wrap .service-section i{
font-size:60px
}
.services.blog .service-wrap .service-section{
border-top-right-radius:0;
border-top-left-radius:0
}
.services .service-wrap .service-section .svg.animal{
width:100%;
height:100%
}
.services.blog .service-wrap img{
width:100%;
height:auto;
border-top-right-radius:12px;
border-top-left-radius:12px;
margin-top:50px
}
.services .service-wrap{
border-bottom:0
}
.services.padd{
padding-top:75px
}
.services.padd .service-wrap{
margin-top:64px
}
.blog .sidebar .tags .line,.history-section .history-separate.first{
margin-bottom:50px
}
.history-section .history-separate.last,.history-section .wrappper.last{
margin-bottom:0
}
.history-section .wrappper .title{
font-size:18px;
line-height:30px
}
.history-section .wrappper .desc{
font-size:14px;
color:#5b6164;
line-height:26px
}
.history-section .wrappper .date{
font-size:12px;
margin-top:30px;
color:#4c4a4a
}
.history-section .wrappper .date .year{
font-weight:700;
font-size:12px
}
.history-section .wrappper .read a{
color:#fff;
padding:7px 10px;
font-size:13px;
background-color:#fdd700;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.history-section .link-pages,.team .soc-icons-wrap{
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s
}
.history-section .wrappper .read a:hover{
text-decoration:none;
background-color:#212122;
color:#fff
}
.history-section .wrappper.right{
text-align:left;
margin-left:-9px
}
.history-section .link-pages{
background-color:#fdd700;
color:#181b22;
font-size:24px;
font-weight:700;
display:inline-block;
text-align:center;
padding:51px 41px 43px;
line-height:34px;
margin-top:24px;
transition:.3s
}
.history-section .link-pages:hover{
text-decoration:none;
background-color:#181b22;
color:#fdd700
}
.history-section .img{
width:100%;
margin:0
}
.history-section .wrappper{
text-align:left;
margin-top:50px
}
.history-section .row{
height:auto;
display:flex;
padding-bottom:80px;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
}
.history-section .row:last-child,.history-section.feat01 .row .info-content{
padding-bottom:0
}
.history-section .row .info-content h4{
margin-bottom:20px;
line-height:34px
}
.history-section .row .info-content p{
font-size:18px;
line-height:38px;
color:#4c4a4a
}
.help .help-container{
height:145px;
margin-top:50px;
background-color:#fff
}
.help .help-container:hover{
-webkit-transform:translateY(-5px);
transform:translateY(-5px);
-webkit-transition:.3s linear;
-moz-transition:.3s linear;
-ms-transition:.3s linear;
transition:.3s linear
}
.help .help-item,.help .help-item:before{
position:absolute;
transition:.3s;
bottom:0
}
.help .help-item{
top:0;
right:0;
left:0;
display:block;
border:0;
font-size:0;
padding:0;
overflow:hidden
}
.help .help-item:before{
content:'';
top:35px;
left:28%;
width:1px;
height:50%;
background:grey
}
.help .help-item.dark:before{
background:#414142
}
.help .help-item:before.right{
right:28%
}
.help .help-item .img{
position:relative;
width:28%;
height:100%
}
.help .help-item .ico{
position:absolute;
top:50%;
left:50%;
width:60px;
height:60px;
transform:translate(-50%,-50%)
}
.help .help-item .inform{
width:70%;
padding:0 30px
}
.help .help-item .inform .title{
font-size:19px;
font-weight:700;
color:#212122
}
.help .help-item .inform .description{
font-size:17px;
line-height:26px;
color:#414142;
margin-top:5px
}
.help .help-item .img,.help .help-item .inform{
display:inline-block;
vertical-align:middle
}
.team,.team .wrapper:hover .team-info,.team .wrapper:hover .team-info .desc,.team .wrapper:hover .team-info .heading,.team .wrapper:hover .team-info .subheading{
position:relative;
z-index:1
}
.team .heading{
font-size:24px;
font-weight:700;
color:#181b22;
margin-top:0;
margin-bottom:3px
}
.team .subheading{
font-size:14px;
color:#5a5a5a;
font-style:italic
}
.team .desc{
color:#4c4a4a;
font-size:17px;
margin-top:15px;
line-height:28px
}
.team .soc-icons-wrap{
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
position:absolute;
transition:.3s
}
.team .soc-icons-wrap i{
color:#fff;
width:35px;
font-weight:700;
font-size:18px;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.team .soc-icons-wrap .icons{
right:0;
top:20px;
left:0;
position:absolute;
z-index:2;
text-align:center;
display:inline-block;
margin-top:130px;
padding:10px
}
.team .soc-icons-wrap .icons i{
background-color:rgba(0,0,0,.5);
padding:10px
}
.footer .payment-list li i:hover,.team .soc-icons-wrap .icons i:hover{
color:#fdd700;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.fill-input,.team .team-info{
background-color:#fff;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s
}
.team .team-info{
text-align:center;
border-radius:12px;
padding:50px;
box-shadow:0 5px 15px 0 rgba(110,110,110,.1);
transition:.3s
}
.team .team-info .svg{
margin-bottom:30px;
width:100%
}
.team .wrapper{
position:relative;
margin-top:50px
}
.team .wrapper:hover .team-info .desc{
color:#181b22
}
.services .service-wrap .pay img{
padding:30px;
width:200px;
margin:0 20px 20px 0;
border-radius:12px
}
.form-contact{
border-radius:12px;
width:100%;
position:relative;
padding:80px;
display:inline-block
}
.form-contact .info a{
color:#22262f
}
.form-contact .info a:hover{
text-decoration:underline
}
.question .heading{
font-size:18px;
color:#181b22;
line-height:27px
}
.btn-demos span,.btn-settings span,.question .heading .large-text{
font-size:30px
}
.modal-dialog{
min-height:calc(100vh - 60px);
display:flex;
flex-direction:column;
justify-content:center;
overflow:auto
}
.modal-content iframe.movie{
width:100%;
height:450px
}
.subcribe .heading{
color:#fff;
font-weight:700;
margin-left:46px
}
.subcribe.news{
margin:40px 0
}
.subcribe input:-moz-placeholder{
font-size:18px;
color:#67687b
}
.subcribe input::-webkit-input-placeholder{
font-size:13px;
color:#67687b
}
.general-input{
position:relative;
width:100%;
align-items:center;
display:flex
}
.fill-input{
width:100%;
height:52px;
font-size:16px;
color:#000;
border:1px solid #efefef;
padding:0 30px;
outline:0;
transition:.3s
}
.blog .wrap-blog .social-icon i,.cd-top,.footer .soc-icons i{
box-shadow:0 2px 8px 0 rgba(62,62,79,.15)
}
.accordion.faq .panel-title,.casestudy .social-icons i{
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s
}
.general-input input.btn{
border:none;
right:0;
position:absolute
}
.subcribe .form{
margin-top:0;
padding-left:0;
padding-right:0;
display:flex;
width:100%
}
.subcribe .form span{
margin-top:0;
color:#fff;
font-size:14px;
display:inline-block;
margin-bottom:5px
}
.subcribe .form p{
color:#4c4a4a;
font-size:13px
}
.footer .footer-menu .menu-item.by,.subcribe form p{
font-size:14px;
color:#aaa
}
.countdown .wrapper{
width:100%;
position:relative
}
.countdown .wrapper .heading{
font-size:18px;
color:#181b22;
text-align:center
}
.countdown .wrapper .clock{
text-align:center;
font-size:52px
}
.countdown .wrapper .clock div{
width:150px;
height:150px;
border-radius:12px;
margin:10px 50px 15px 0;
display:inline-block;
align-items:center;
vertical-align:middle;
padding:20px;
font-weight:600;
border:1px solid #d8d8d8;
text-align:center
}
.countdown .wrapper .clock span{
border:none;
padding:0;
font-size:18px;
display:block;
margin:0
}
.casestudy .wrapper,[data-background=light] .box-container #nav-toggle span:after,[data-background=light] .box-container #nav-toggle span:before,[data-background=light] .box-container .menu-wrap #nav-toggle span{
background-color:#212122
}
.casestudy img{
position:absolute;
bottom:0;
right:0
}
.casestudy .content-info{
font-size:16px;
margin-top:9px;
line-height:30px;
text-align:left;
font-weight:600;
max-width:700px
}
.casestudy .content-info em,.sidebar .included h4,.sidebar .ordersummary h4{
margin-bottom:20px
}
.casestudy .slider-container{
height:100%
}
.casestudy .casestudy{
text-align:left;
margin-left:11px
}
.casestudy .social-icons i{
color:#91a3ad;
border:1px solid #91a3ad;
padding:10px 12px;
width:40px;
display:inline-block;
transition:.3s
}
.casestudy .author{
font-size:36px;
font-weight:700;
margin-bottom:15px;
text-align:left;
text-transform:initial
}
.casestudy .content-info p{
font-size:16px;
margin-bottom:25px
}
.casestudy .icon-quote{
margin-top:-18px
}
.accordion.faq.light .wrapper-collapse .list,.casestudy.bg-info{
background-color:#f2efe8
}
.casestudy .swiper-slide{
position:relative;
left:-97px
}
.img-casestudy{
position:absolute;
top:0
}
.faq .accordion.faq .btn{
margin-top:83px;
font-size:18px;
padding:21px 86px
}
.accordion.faq,.tabs-item .accordion.faq{
padding-top:0
}
.accordion.faq .panel-wrap,.blog .sidebar .posts .heading-article{
margin-bottom:5px
}
.accordion.faq .panel-title{
border-bottom:1px solid #4c4a4a;
background-color:transparent;
font-weight:500;
color:#212122;
padding:20px 10px 20px 0;
transition:.3s
}
.blog .sidebar .search-group .search,.blog .social-icons i{
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s
}
.accordion.faq .panel-title .fa-minus{
display:none;
color:#212122
}
.accordion.faq .btn,.accordion.faq .panel-title.active .fa-minus,.blog .social-icons i,.run-switch div,.section-404 .img-responsive{
display:inline-block
}
.accordion.faq .panel-title.active .square{
color:#fdd700;
background-color:#181b22
}
.accordion.faq .wrapper-collapse .list{
background-color:transparent;
padding:0
}
.accordion.faq .wrapper-collapse .list li{
font-size:16px;
letter-spacing:.5px;
list-style-type:none;
padding:20px 0
}
.accordion.faq .btn{
background-color:#fdd700;
margin-top:71px;
font-size:20px;
padding:21px 72px
}
.accordion.faq .btn:hover,.blog .wrap-blog .btn:hover{
background-color:#181b22;
color:#fdd700
}
.accordion.faq.light .panel-title.active{
font-weight:700;
background-color:#f2efe8
}
.accordion.faq.light .wrapper-collapse .list li{
border-top:1px solid #e0ddd7
}
.accordion .panel-title{
margin:0;
position:relative;
background-color:#f8f8f8;
padding:9px 35px 10px;
color:#e32526;
font-size:20px;
cursor:pointer
}
.blog.padd{
padding-bottom:8px
}
.blog .sidebar .search-group::-webkit-input-placeholder{
font-weight:700;
color:#121e25
}
.blog .sidebar .search-group:-moz-placeholder{
font-weight:700;
color:#121e25
}
.blog .sidebar .search-group::-moz-placeholder{
font-weight:700;
color:#121e25
}
.blog .sidebar .search-group:-ms-input-placeholder{
font-weight:700;
color:#121e25
}
.blog .sidebar .search-group .search{
background-color:#efefef;
color:#121e25;
border:1px solid transparent;
outline:0;
transition:.3s;
padding:10px 15px;
width:100%
}
.blog .sidebar .search-group .search:focus{
border-color:#fdd700
}
.blog .sidebar .search-group .input-search{
position:absolute;
top:33px;
right:18px
}
.blog .sidebar .heading.active{
font-size:22px;
letter-spacing:.5px;
margin:50px 0 20px
}
.blog .sidebar .tabs .tabs-content{
display:inline-block;
width:100%
}
.blog .sidebar .tabs .tabs-header li{
font-size:15px;
border-bottom:1px solid #efefef;
padding:0 0 5px;
margin:0 10px;
cursor:pointer
}
.blog .sidebar .posts .tabs-header li.active{
font-size:15px;
padding:0 0 5px
}
.blog .shopping .sidebar .categories .line:not(.active):before,.blog .sidebar .tags .line:not(.active):before,.wpc-cloud-range .noUi-handle.noUi-handle-lower:after,.wpc-cloud-range .noUi-handle.noUi-handle-lower:before{
content:none
}
.blog .sidebar .line{
margin-bottom:15px;
height:1px;
width:100%;
position:relative
}
.blog .sidebar .line.active:before{
content:"";
height:1px;
width:50%;
position:absolute;
top:-1px
}
.blog .sidebar .tags{
margin-top:57px
}
.blog .sidebar .tags .tag a{
background-color:#efefef;
color:#181b22;
padding:8px 15px;
font-size:15px;
margin-bottom:12px
}
.blog .sidebar .tags .line.active{
margin-bottom:24px
}
.blog .sidebar .tags .line:not(.active){
background-color:#474c57
}
.blog .sidebar .tags .tag a:hover{
background-color:#fdd700;
color:#181b22
}
.blog .sidebar .posts .img{
height:auto;
width:50%;
float:left;
border-radius:12px;
margin:0 15px 0 0
}
.blog .social-icons{
text-align:left;
margin-right:5px
}
.blog .share-txt{
font-size:13px;
letter-spacing:.5px;
margin-bottom:15px;
color:#181b22
}
.blog .social-icons i{
color:#424242;
border:1px solid #eaeaeb;
padding:12px 15px;
margin-left:-4px;
transition:.3s
}
.blog .media .date a,.blog .media .media-heading a{
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s
}
.blog .social-icons .fa.fa-google-plus{
padding:12px;
border-right:1px solid #eaeaeb
}
.blog .social-icons .fa.fa-share-alt{
color:#fdd700;
background-color:#181b22;
margin-left:1px
}
.blog .media{
position:relative;
display:inline-flex;
text-align:left;
margin-top:50px;
padding-bottom:30px
}
.blog .media.answer{
padding-left:40px
}
.blog .media .media-heading{
color:#4c4a4a;
font-weight:700;
font-size:18px
}
.blog .media .media-heading a{
color:#212122;
transition:.3s
}
.blog .media .media-body{
padding-left:60px
}
.blog .media .date{
color:#75777d
}
.blog .media .date a{
color:#75777d;
font-size:12px;
transition:.3s
}
.blog .media .date a:hover,.footer .contact a:hover,.footer .footer-menu .menu-item a:hover{
text-decoration:none;
color:#fdd700
}
.blog .media .date img{
margin-right:12px
}
.blog .media a.answer{
float:right;
display:inline-block;
background-color:#fdd700;
padding:5px 12px;
color:#fff;
border:1px solid #fdd700;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.blog .media a.answer:hover{
text-decoration:none;
color:#181b22;
background-color:transparent;
border:1px solid #212122
}
.blog .media .text-comments{
font-size:14px;
line-height:28px;
color:#4c4a4a
}
.blog .media.right{
padding-left:73px;
margin-top:30px
}
.blog.blog .wrap-blog .comments,.blog.blog .wrap-blog .livecomment{
padding:80px;
border-radius:12px;
box-shadow:0 5px 15px 0 rgba(110,110,110,.1)
}
.blog.blog .wrap-blog img{
border-radius:10px;
height:auto;
width:100%
}
.blog.blog .wrap-blog .media img{
width:170px;
height:auto
}
.blog.blog .wrap-blog .media-left{
float:left
}
.blog.blog .wrap-blog.section-bg2{
padding:30px
}
.blog .wrap-blog,.blog .wrap-blog .social{
width:100%;
display:inline-block
}
.blog .wrap-blog.section-bg1{
padding:40px
}
.blog .wrap-blog .heading{
font-size:18px;
color:#4c4a4a
}
.blog .wrap-blog .text-blog{
margin:20px 0;
font-size:13px;
color:#4c4a4a
}
.blog .wrap-blog .text-blog .timer{
margin-top:10px;
vertical-align:middle;
display:inline-block
}
.blog .wrap-blog .social-icon{
width:100%;
text-align:right
}
.blog .wrap-blog .social-icon i{
font-size:14px!important;
display:inline-block;
height:36px;
line-height:36px;
width:36px;
text-align:center;
border-radius:12px;
transition:.3s;
text-decoration:none
}
.blog .sidebar .search-group a:hover,.blog .wrap-blog .social-icon i:hover{
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s
}
.blog .wrap-blog .social-icon i:hover{
color:#fdd700!important;
text-decoration:none;
transition:.3s
}
.blog .wrap-blog .infos i{
display:inline-block;
color:#fdd700;
font-size:24px
}
.blog .wrap-blog .infos span{
margin-right:10px;
font-size:16px;
color:#fdd700
}
.blog .wrap-blog .wrapper h3,.section-404 i{
font-size:32px
}
.blog .wrap-blog .text-blog:last-child{
border:none;
margin-left:10px
}
.blog .wrap-blog .text-blog .author{
margin-right:8px;
color:#212122;
text-decoration:underline;
font-weight:100
}
.blog .wrap-blog .text-blog a{
margin-right:8px;
margin-left:8px
}
.blog .wrap-blog .blog-info{
color:#4c4a4a;
margin-top:15px;
line-height:34px;
font-size:16px
}
.blog .wrap-blog .wrapper{
border-radius:12px;
background-color:#fff;
box-shadow:0 5px 15px 0 rgba(110,110,110,.1);
padding:80px
}
.blog .wrap-blog .btn{
color:#181b22;
border-color:#181b22;
background-color:transparent;
padding:15px 52px;
border-width:1px;
display:block;
text-align:center;
font-size:16px;
margin-top:30px
}
.blog .sidebar{
border-radius:12px;
box-shadow:0 5px 15px 0 rgba(110,110,110,.1);
padding:40px;
background-color:#fff
}
.blog .sidebar .heading{
margin-bottom:15px;
cursor:pointer
}
.blog .sidebar .heading:last-child{
margin-bottom:0!important
}
.blog .sidebar .categories .heading a{
color:#4c4a4a;
font-size:18px
}
.blog .sidebar .categories .heading a:after{
content:''
}
.blog .sidebar .categories .heading span{
float:right
}
.blog .sidebar .search-group a{
top:12px;
right:15px;
position:absolute;
font-size:28px
}
.blog .sidebar .search-group a:hover{
text-decoration:none;
color:#fdd700;
transition:.3s
}
.pagination>li.active>a,.pagination>li>a:hover{
background-color:#fdd700;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s
}
.blog .sidebar .categories .line{
margin-bottom:12px
}
.footer .footer-top .col-md-3.col-sm-6,.footer .heading{
margin-bottom:10px
}
.blog .sidebar .posts .heading-article a{
font-weight:700;
font-size:15px;
color:#212122
}
.blog .sidebar .posts .item-wrap{
margin-top:50px
}
#sidebar{
position:fixed;
width:420px;
height:auto
}
.pagination>li>a{
border:1px solid #efefef;
background-color:#fff;
margin-right:5px;
color:#4c4a4a;
font-size:18px;
padding:8px 15px
}
.pagination>li>a:hover{
text-decoration:none;
color:#212122!important;
transition:.3s
}
.pagination>li.active>a{
color:#fff;
transition:.3s
}
.pagination>li:last-child>a{
border-radius:0
}
.pagination .next,.pagination .prev{
font-size:18px;
color:#212122;
padding:8px 15px
}
.page-item.active .page-link{
z-index:1;
color:#fff
}
.pagination .next{
padding:15px 33px;
margin-left:30px;
font-weight:700;
border-radius:0
}
.footer{
position:relative;
z-index:0;
background-color:#15212a;
background-position:center;
border:none
}
.footer .tag{
float:none;
margin-right:0;
margin-left:0
}
.footer .footer-top{
padding:80px 0 20px
}
.footer .logo-footer{
width:200px
}
.footer .heading{
font-size:22px;
color:#fff;
display:inline-block;
font-weight:600
}
.footer .soc-icons{
padding-top:0;
padding-left:0
}
.footer .soc-icons i:before{
font-size:24px
}
.footer .soc-icons a,.soc-icons-apply a{
display:inline-block;
margin:0 10px 20px 0
}
.footer .soc-icons a:hover,.soc-icons-apply a:hover{
color:#fdd700;
text-decoration:none
}
.footer .contact{
font-size:16px;
color:#b9bac8
}
.footer .contact a{
color:#b9bac8
}
.footer .contact i{
color:#858585
}
.footer .contact i:before{
margin-left:0;
margin-right:12px;
font-size:18px
}
.footer .payment-list{
float:right;
color:#90a4ae;
list-style-type:none;
margin:0;
display:flex;
align-items:center
}
.footer .payment-list li{
display:inline-block;
margin-right:3px;
font-size:42px
}
.footer .payment-list li:last-child{
margin-right:0
}
.footer .payment-list li p{
margin-bottom:0;
color:#aaa;
font-weight:500;
font-size:14px;
margin-right:20px;
display:table
}
.footer .copyright{
font-weight:400;
font-size:12px;
color:#aaa;
line-height:28px;
padding-top:10px;
padding-bottom:30px
}
.footer h6{
margin-top:15px;
color:#b0bec5;
line-height:24px
}
.footer .footer-menu{
margin:0;
padding:0;
float:none
}
.footer .footer-menu .menu-item{
font-size:16px;
font-weight:600;
display:block;
list-style-type:none;
margin-top:15px;
margin-left:0;
text-align:left
}
.footer .footer-menu .menu-item a{
color:#aaa;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.footer .footer-bottom{
padding:0 0 40px
}
.footer .footer-bottom .footer-menu{
position:relative;
top:3px
}
.footer .footer-bottom .footer-menu .menu-item{
font-weight:500;
display:inline;
margin-left:20px;
vertical-align:sub
}
.footer .soc-icons i{
background-color:#fff;
display:grid;
align-items:center;
height:48px;
line-height:48px;
text-align:center;
width:48px;
transition:.3s
}
.footer .soc-icons.top-icons i{
margin-right:11px;
margin-left:11px
}
.footer .logo-bg{
margin:40px 0 0;
top:50%;
left:50%;
transform:translate(-50%,-50%);
bottom:0;
width:600px;
position:absolute;
opacity:.3;
z-index:-1
}
[type=email],[type=number],[type=tel],[type=url]{
direction:ltr
}
.footer .footer-menu .btn-lang-footer label{
border:none;
height:fit-content;
padding:10px 12px
}
.wpc-cloud-range .noUi-target{
height:7px;
background:#4c4a4a;
border-radius:12px;
border:none;
box-shadow:none
}
.wpc-cloud-range .noUi-connect{
border-radius:12px;
border:none;
box-shadow:none
}
.wpc-cloud-range .noUi-background{
background-color:#f2efe8;
border-left:1px solid #b5b4b3;
border-top-right-radius:11px;
border-bottom-right-radius:11px
}
.noUi-marker-horizontal.noUi-marker{
position:absolute;
background:#4c4a4a;
border-radius:50%;
margin-left:-1px;
width:4px;
height:4px
}
.wpc-cloud-range .noUi-tooltip:before{
content:"";
width:0;
height:0;
border-style:solid;
border-width:9px 9px 0;
position:absolute;
bottom:-6px;
left:41px
}
.wpc-cloud-range .noUi-tooltip{
font-weight:900;
position:absolute;
width:100px;
margin-bottom:12px;
padding:8px 0;
color:#fff;
font-style:normal;
font-size:18px;
text-align:center;
cursor:pointer;
border-radius:8px;
border:none;
line-height:16px
}
.wpc-cloud-range .noUi-horizontal .noUi-handle{
box-shadow:none;
top:-11px;
width:25px;
height:25px;
margin-left:-10px;
border:transparent;
border-radius:50%;
cursor:pointer;
outline:0
}
.offcanvas.offcanvas-box .card,.offcanvas.offcanvas-box .os,[data-background=dark] .box-container .withshadow,[data-background=light] .box-container .withshadow{
box-shadow:0 5px 15px 0 rgb(110 110 110 / 10%)
}
.wpc-vps-info .content-price,.wpc-vps-info .title{
box-shadow:0 5px 15px 0 rgba(110,110,110,.1);
background-color:#fff;
border-radius:12px;
position:relative
}
.wpc-cloud-range .info-range{
font-size:16px;
color:#414142;
letter-spacing:.5px;
margin-top:30px
}
.wpc-cloud-range .slider-ui{
padding:80px 0 0
}
.noUi-pips-horizontal{
padding:15px 0;
left:3px
}
.wpc-vps-info .price-wrap .title{
color:#1f2532;
text-transform:uppercase;
font-size:18px;
padding:25px;
display:inline-block;
position:absolute;
top:0;
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-o-transition:1s;
transition:1s
}
.wpc-vps-info .price-wrap .title:hover{
background-color:#1f2532;
color:#f44336;
text-decoration:none
}
.wpc-vps-info{
padding-top:30px
}
.megamenu,.megamenu-list{
padding:0!important;
left:0;
right:0
}
.wpc-vps-info .title i{
position:absolute;
right:30px;
bottom:20px;
font-size:42px
}
.wpc-vps-info .title{
margin-top:40px;
font-weight:700;
font-size:22px;
color:#212122;
padding:40px
}
.wpc-vps-info .title .info{
border-top:1px solid #efefef;
margin-top:15px;
padding-top:15px;
display:inline-block;
width:100%;
font-weight:700;
font-size:26px
}
.wpc-vps-info .price-wrap .price{
font-weight:900!important;
font-size:30px;
color:#fff;
background-color:#1f2532;
padding:15px 35px;
display:inline-block
}
.wpc-vps-info .h-plans-info .price{
font-size:46px!important;
font-weight:700;
display:-webkit-inline-box;
color:#414142
}
.wpc-vps-info .h-plans-info .infos{
padding-bottom:25px;
line-height:32px;
font-size:16px;
color:#414142
}
.wpc-vps-info .content-price{
padding:50px
}
.run-switch{
position:relative;
cursor:pointer;
margin-top:10px;
z-index:3;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.run-switch .an,.run-switch .mo{
font-size:12px;
color:grey;
font-weight:700!important;
-webkit-transition:.3s;
transition:.3s
}
.run-switch .switch.on:after{
left:5px
}
.run-switch .switch{
position:relative;
box-shadow:0 2px 8px 0 rgba(62,62,79,.23);
vertical-align:middle;
width:65px;
height:30px;
margin-left:15px;
margin-right:15px;
border-radius:15px;
background-color:#fdd700;
z-index:3
}
.run-switch .switch:after{
position:absolute;
margin-top:-11px;
left:37.5px;
background-color:#fff;
border-radius:50%;
content:"";
width:22px;
height:22px;
top:50%;
transition:.3s
}
.circle-section .circliful,.getready .column-support-txt,.infonews-nav li{
position:relative;
display:inline-block
}
.circle-section,.circle-section .circle-wrapper,.section-404{
text-align:center
}
.circle-section .circliful:before{
content:"";
border:1px solid #d8d8d8;
display:inline-block;
border-radius:100%;
position:absolute;
top:30px;
right:30px;
padding:59px;
z-index:0
}
.circle-info,.circle-info-half,.circle-text,.circle-text-half{
width:100%;
position:absolute;
text-align:center;
display:inline-block
}
.circle-section .circle-text{
line-height:1!important;
padding-top:75px
}
.circle-section .title-round{
font-size:22px;
font-weight:700;
text-transform:initial;
margin-top:85px
}
.circle-section .circle-wrapper p{
margin-top:50px;
margin-right:20px;
margin-left:20px;
line-height:34px;
font-size:16px;
color:#4c4a4a
}
.circle-section .number{
color:#212122;
font-size:27px
}
.circle-section canvas{
z-index:2;
position:relative
}
.megamenu{
background:0 0!important
}
.megamenu-list .menu-item a:hover,.nav-menu .main-menu .menu-item .megamenu .menu-item a:hover{
color:#69c399
}
.megamenu .service-list{
padding:30px;
background-color:#fff;
border-bottom-left-radius:12px;
border-top-left-radius:12px
}
.megamenu .service-list .service,.megamenu-list .service-list .service{
display:inline-table;
padding:12px
}
.megamenu .service-list .service .media-left,.megamenu-list .service-list .service .media-left{
padding:10px 15px 15px 0;
color:#9e9e9e
}
.megamenu .service-list .service .media-left .svg{
height:45px;
width:45px
}
.megamenu .service-list .service .media-body{
display:table-cell;
vertical-align:middle
}
.megamenu .service-list .service .media-body a{
font-weight:600;
font-size:16px;
padding:0;
line-height:34px;
color:#313131;
margin-right:0
}
.megamenu .service-list .service .media-body p{
color:#525252;
line-height:26px;
margin:0;
font-weight:400
}
.megamenu .service-list .service.special .media-body a,.megamenu-list .service-list .service.special .media-body a{
color:#21252e;
border:none
}
.megamenu .start-offer .inner,.megamenu-list .start-offer .inner{
height:100%;
border-bottom-right-radius:12px;
border-top-right-radius:12px;
padding:30px;
text-align:left
}
.megamenu .service-list .service.special .media-body p,.megamenu-list .service-list .service.special .media-body p{
color:#21252e
}
.megamenu .start-offer .inner .inner-content{
font-size:14px;
line-height:28px;
color:#fff
}
.megamenu .start-offer .inner .title{
color:#fff;
font-weight:700
}
.megamenu .start-offer .inner a,.megamenu-list .start-offer .inner a{
padding:17px 26px!important;
font-weight:700;
display:inline-block;
line-height:1;
font-size:16px
}
.megamenu-list{
background-color:transparent!important
}
.megamenu-list .service-list{
padding:30px;
background-color:#fff;
border-bottom-left-radius:12px;
border-top-left-radius:12px;
box-shadow:0 2px 8px 0 rgba(62,62,79,.23)
}
.megamenu-list .service-list .service .media-left .svg{
height:44px;
width:44px
}
.megamenu-list .service-list .service ul{
padding:10px 0 0
}
.megamenu-list .service-list .service .media-body a{
font-size:16px;
padding:0;
line-height:38px;
color:#313131;
margin-right:0;
display:block
}
.megamenu-list .service-list .service .media-body a:hover,[data-color=pink] .blog .media .media-heading a:hover,[data-color=pink] .blog .sidebar .categories .heading a:after,[data-color=pink] .blog .sidebar .categories .heading span,[data-color=pink] .blog .wrap-blog .social-icon i,[data-color=pink] .circle-section .title-round,[data-color=pink] .domain-prices li,[data-color=pink] .footer .soc-icons i,[data-color=pink] .godown span,[data-color=pink] .included i,[data-color=pink] .knowledge a,[data-color=pink] .megamenu .service-list .service.special .media-body a:hover,[data-color=pink] .pricing .wrapper .title,[data-color=pink] .slick #slider .plan-container .title,[data-color=pink] .soc-icons-apply span,[data-color=pink] .team .wrapper:hover .team-info .desc,[data-color=pink] .wpc-vps-info .title .info{
color:#ee5586
}
.megamenu-list .service-list .service .media-body p{
font-size:12px;
color:#4c4a4a;
line-height:22px;
margin:0
}
.megamenu-list .start-offer{
box-shadow:0 8px 8px 0 rgb(62 62 79 / 23%);
padding:0
}
.megamenu-list .start-offer .inner{
background-color:#fdd700
}
.megamenu-list .start-offer .inner .inner-content{
font-size:14px;
line-height:28px;
color:#212122
}
.megamenu-list .start-offer .inner .title{
color:#181b22;
font-weight:700
}
.megamenu-list .service .top-head{
align-items:center;
position:relative;
display:flex
}
.megamenu-list .service .top-head .svg{
height:35px;
width:35px
}
.megamenu-list .service .top-head div{
font-size:16px;
font-weight:700
}
.tick{
font-size:1rem
}
.tick-label{
padding-top:5px;
font-size:.375em;
text-align:center;
color:#212122
}
.tick-group{
display:grid;
margin:0 .25em;
text-align:center
}
.section-404 .input{
vertical-align:middle;
border:1px solid #fdd700;
padding:15px;
width:50%
}
.section-404 .title{
font-size:38px;
color:#212122;
line-height:40px
}
.section-404 i{
color:#fdd700
}
.section-404 .subtitle{
font-style:italic;
font-size:15px;
color:#4c4a4a
}
.section-404 .input-group{
width:100%;
display:inline-block;
line-height:19px;
margin-top:40px
}
.top-header{
z-index:0;
overflow:hidden;
position:relative;
background-size:cover;
background-repeat:no-repeat;
padding-top:200px;
padding-bottom:70px
}
.top-header .wrapper .heading{
font-weight:500;
font-size:72px;
text-transform:initial;
color:#fff
}
.top-header .wrapper .subheading{
font-size:22px;
color:#eaeaea;
line-height:36px
}
.top-header .golink{
margin-right:15px;
text-transform:initial;
letter-spacing:.5px;
border-bottom:3px solid grey;
padding-bottom:5px;
cursor:pointer!important;
font-size:14px;
font-weight:600
}
.top-header .golink:hover{
padding-bottom:0;
cursor:pointer!important;
border-bottom:3px solid #fff;
text-decoration:none!important;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.getready{
position:relative;
padding:80px 0
}
#spinner-area,.spinner{
position:fixed;
margin:auto;
left:0;
bottom:0;
right:0;
top:0
}
.getready .column-support-title{
font-weight:700;
font-size:46px;
color:#fff;
line-height:1;
margin-bottom:12px
}
.getready .column-support-subtitle{
font-size:18px;
line-height:30px;
color:#fff
}
.getready .btn-floats{
text-align:right
}
#spinner-area{
background-color:#000;
z-index:9999;
opacity:.9
}
.spinner{
height:3em;
width:3em;
overflow:visible
}
.spinner-txt{
color:#fff;
left:-9px;
margin-top:50px;
position:absolute
}
.double-bounce1,.double-bounce2{
width:100%;
height:100%;
border-radius:50%;
background-color:#fdd700;
opacity:.8;
position:absolute;
top:0;
left:0;
-webkit-animation:2s ease-in-out infinite sk-bounce;
animation:2s ease-in-out infinite sk-bounce
}
.double-bounce2{
-webkit-animation-delay:-1s;
animation-delay:-1s
}
.onScreen .line{
animation:2s cubic-bezier(.23,1,.32,1) dash;
-webkit-animation:2s cubic-bezier(.23,1,.32,1) dash;
-webkit-animation-fill-mode:forwards
}
@-webkit-keyframes sk-bounce{
0%,100%{
-webkit-transform:scale(0)
}
50%{
-webkit-transform:scale(1)
}
}
@keyframes sk-bounce{
0%,100%{
transform:scale(0);
-webkit-transform:scale(0)
}
50%{
transform:scale(1);
-webkit-transform:scale(1)
}
}
.cd-top{
display:inline-block;
height:42px;
width:42px;
position:fixed;
bottom:100px;
right:30px;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
background:gold;
visibility:hidden;
opacity:0;
-webkit-transition:opacity .3s,visibility 0s .3s;
-moz-transition:opacity .3s,visibility 0s .3s;
transition:opacity .3s,visibility 0s .3s
}
.cd-top.cd-fade-out,.cd-top.cd-is-visible,.no-touch .cd-top:hover{
-webkit-transition:opacity .3s,visibility;
-moz-transition:opacity .3s,visibility;
transition:opacity .3s,visibility
}
.cd-top i{
top:7px;
color:#fff;
font-size:31px;
display:inline-flex;
position:absolute;
right:35px
}
.cd-top.cd-is-visible{
visibility:visible;
opacity:1;
z-index:99
}
.cd-top.cd-fade-out{
opacity:.5
}
.no-touch .cd-top:hover{
background-color:#e86256;
opacity:1
}
.domain-prices{
margin-top:10px
}
.domain-prices ul{
margin:0;
padding:0;
list-style:none
}
.domain-prices li{
display:inline-flex;
padding:10px 20px;
position:relative;
font-size:18px;
font-weight:600
}
.domain-prices li sup{
font-size:14px;
top:-4px
}
.domain-prices li .price{
color:#fff!important;
margin-left:10px
}
.fullrock{
height:100%;
width:100%;
padding:100px 0;
display:block;
position:fixed;
z-index:1200;
top:0;
left:0;
overflow:auto
}
.fullrock .svg.closer,.godown,.godown span,.maping .datacenters,.randomline,.smallline,.zoo-content,.zoo-content .icoo{
position:absolute
}
.fullrock a{
line-height:28px;
text-decoration:none;
color:#22262f;
transition:.3s
}
.fullrock a:focus,.fullrock a:hover{
color:#f1f1f1
}
.fullrock .svg.closer{
height:50px;
width:50px;
padding:6px;
border-radius:50px;
background-color:#fff!important;
cursor:pointer;
top:25px;
right:25px;
opacity:.6
}
.fullrock .svg.closer:hover{
opacity:1;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.fullrock .svg.logo-menu{
position:absolute;
width:165px;
top:-70px
}
#typed-cursor{
opacity:1;
-webkit-animation:.9s infinite blink;
animation:.9s infinite blink
}
.maping .datacenters{
border:3px solid #fff;
width:22px;
height:22px;
border-radius:24px;
cursor:pointer
}
.maping .datacenters.montreal{
top:38%;
left:28%
}
.maping .datacenters.newyork{
top:44%;
left:26%
}
.maping .datacenters.portugal{
top:46%;
left:44%
}
.maping .datacenters.london{
top:38%;
left:46.5%
}
.maping .datacenters.moskow{
top:35%;
left:56%
}
.maping .datacenters.hongkong{
top:54%;
left:79%
}
.maping .datacenters.singapure{
top:64%;
left:77%
}
@keyframes blink{
0%,100%{
opacity:1
}
50%{
opacity:0
}
}
@-webkit-keyframes blink{
0%,100%{
opacity:1
}
50%{
opacity:0
}
}
.balancing .load b{
font-size:22px;
margin-bottom:12px;
display:inline-block;
font-weight:500
}
.balancing .load .info{
font-size:16px;
line-height:34px;
color:#4c4a47
}
.included{
margin-top:25px;
color:#fff;
line-height:26px;
font-size:16px;
font-weight:500
}
.included i{
padding-right:12px;
font-size:20px;
vertical-align:middle
}
.config.cd-main-content .cd-filter-content,.included ul{
padding-left:0
}
.included ul li{
list-style:none
}
.godown{
border:none;
display:inline-table;
left:calc(250px + 55vw - 768px)!important;
margin-top:200px;
z-index:2;
-webkit-animation:1s infinite alternate moverdown;
animation:1s infinite alternate moverdown
}
.godown span{
letter-spacing:1px;
top:-10px;
font-size:16px;
left:0;
font-weight:700;
-webkit-transform:rotate(-90deg)!important;
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg)
}
@-webkit-keyframes moverdown{
0%{
transform:translateY(0)
}
100%{
transform:translateY(-10px)
}
}
@keyframes moverdown{
0%{
transform:translateY(0)
}
100%{
transform:translateY(-10px)
}
}
.soc-icons-apply span{
background-color:#fff;
display:grid;
align-items:center;
height:48px;
line-height:48px;
text-align:center;
width:48px;
transition:.3s;
font-size:24px
}
.randomline{
right:0;
bottom:0;
margin-bottom:50px
}
.bigline{
width:50px;
margin-bottom:8px
}
.smallline{
right:0;
width:15px
}
.mfp-fade.mfp-bg,.mfp-fade.mfp-wrap .mfp-content{
opacity:0;
-webkit-transition:.15s ease-out;
-moz-transition:.15s ease-out;
transition:.15s ease-out
}
.mfp-fade.mfp-bg.mfp-removing,.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
opacity:0
}
.popup-gallery img{
width:100%;
padding:0;
border-radius:12px
}
.zoo-content{
right:0;
height:100%;
width:100%;
top:0
}
.zoo-content:hover{
opacity:.8;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.zoo-content .icoo{
text-align:center;
margin:0;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.zoo-content .icoo i{
width:65px;
height:65px;
font-size:34px;
color:#fff;
border-radius:50px;
padding:15px;
border:none
}
.config.cd-main-content{
position:initial!important
}
.config.cd-main-content input.form-control{
width:65px
}
.config.cd-main-content .table td{
vertical-align:middle;
border-color:grey
}
.cd-filter-block input.range-slider-input{
height:4px;
border:none!important
}
.range-slider-input::-webkit-slider-thumb{
cursor:pointer;
height:16px;
width:16px;
border-radius:50px;
border:none
}
.range-slider-input::-moz-range-thumb{
cursor:pointer;
height:16px;
width:16px;
border-radius:50px;
border:none
}
.ordersummary{
margin-top:30px;
font-size:14px
}
.ordersummary td{
padding:10px 0!important
}
.notfound p{
line-height:30px
}
svg.blackfriday{
min-height:100%;
min-width:1024px;
width:100%;
height:auto;
position:fixed;
top:0;
left:0
}
#games .gametitle{
position:absolute;
z-index:9;
bottom:0;
left:0;
right:0;
line-height:32px;
background:rgba(0,0,0,.7);
padding:25px;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px
}
#games .gametitle strong{
font-size:18px;
display:block;
color:#fff
}
#games .gametitle .button{
position:absolute;
display:none;
left:18px;
right:18px;
bottom:-56px
}
#games .hoverbg{
height:inherit;
width:100%;
left:0;
right:0;
z-index:8;
position:absolute;
bottom:-100%;
content:" ";
border-radius:12px;
opacity:0;
-o-transition:.25s;
-ms-transition:.25s;
-moz-transition:.25s;
-webkit-transition:.25s;
transition:.25s;
top:0;
background:rgba(0,0,0,.5)
}
#games .refing{
overflow:hidden;
width:100%;
position:relative;
border-radius:12px;
text-align:center;
margin-top:50px
}
#games .col:hover{
position:absolute;
left:0;
top:0;
transform:translate3d(0,0,0)
}
#games .col:hover .hoverbg{
opacity:1;
border-radius:12px;
height:inherit
}
#games .col:hover .gametitle{
background:0 0;
bottom:80px;
-webkit-transition:bottom .25s ease-in-out
}
#games .col:hover .gametitle .button{
display:block;
text-align:center
}
#games .col:hover .button{
bottom:-46px
}
.agpanel{
position:relative;
padding-left:75px
}
.btn-demos,.btn-settings{
right:50px;
width:70px;
height:70px;
line-height:26px!important;
color:#212122;
align-items:center;
background-color:#efefef;
list-style:none;
display:grid;
zoom:1;
padding:11px!important;
box-shadow:0 2px 8px 0 rgb(62 62 79 / 35%);
text-align:center;
z-index:99;
position:fixed;
vertical-align:middle;
font-weight:700
}
.agpanel svg{
position:absolute;
top:0;
width:60px;
height:auto;
left:0
}
.agpanel p{
line-height:32px
}
.btn-settings{
top:250px;
border:none;
border-radius:12px;
-webkit-transition:.3s linear!important;
-moz-transition:.3s linear!important;
-ms-transition:.3s linear!important;
transition:.3s linear!important
}
.btn-demos:hover,.btn-settings:hover{
color:#fff!important;
background-color:#4c4a4a!important;
box-shadow:0 5px 10px 0 rgb(0 0 0 / 30%);
-webkit-transform:translateY(-5px);
transform:translateY(-5px)
}
.btn-settings span:nth-child(2){
font-size:13px
}
.btn-demos{
top:335px;
border:none;
border-radius:12px;
-webkit-transition:.3s linear!important;
-moz-transition:.3s linear!important;
-ms-transition:.3s linear!important;
transition:.3s linear!important
}
.infonews-nav,.offcanvas.offcanvas-box .os{
align-items:center;
display:flex
}
.btn-demos span:nth-child(2){
font-size:12px
}
.offcanvas.offcanvas-box{
width:640px;
margin:25px;
border-radius:12px;
background:rgba(255,255,255,.9);
box-shadow:0 5px 20px 0 rgb(0 0 0 / 20%);
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(4px)
}
.offcanvas.offcanvas-box .card svg{
position:relative;
top:50%;
left:60%;
width:55px;
height:55px;
transform:translate(-50%,-50%)
}
.offcanvas.offcanvas-box .card img,[data-background=dark] .box-container .topradius,[data-background=light] .box-container .topradius,[data-radius=twelveradius] .offcanvas.offcanvas-box .card img{
border-top-left-radius:12px;
border-top-right-radius:12px
}
.offcanvas.offcanvas-box .os{
float:left;
text-align:center;
justify-content:center;
width:calc(20% - 20px);
min-height:115px;
background-color:#fff;
margin:10px
}
.offcanvas.offcanvas-box .os svg{
width:45px;
height:45px;
margin-bottom:2px
}
.offcanvas-header .btn-close{
padding:12px!important;
border-radius:50%;
background-color:#efefef
}
.offcanvas-header .btn-close:hover{
background-color:#e1e1e1;
-o-transition:.35s;
-ms-transition:.35s;
-moz-transition:.35s;
-webkit-transition:.35s;
transition:.35s
}
.offcanvas-header{
padding:1.4rem 2rem;
box-shadow:0 2px 8px 0 rgb(62 62 79 / 10%);
border-bottom:1px solid rgba(255,255,255,.2)
}
.offcanvas-body{
padding:1.5rem 2rem
}
.btn-check:checked+.btn-outline-pink{
background-color:#ee5586!important;
color:#fff!important
}
.btn-check:checked+.btn-outline-blue{
background-color:#1697bf!important;
color:#fff!important
}
.btn-check:checked+.btn-outline-green{
background-color:#84a841!important;
color:#fff!important
}
.btn-check:checked+.btn-outline-dark{
background-color:#6c767e!important;
color:#fff!important
}
.content-btn-demos{
line-height:48px;
margin-right:5px;
z-index:99;
right:10px;
position:fixed;
top:350px
}
.pink a{
background:#ee5586
}
.blue a{
background:#55bde5
}
.green a{
background:#bfd84d
}
.dark a{
background:#515152
}
svg{
vertical-align:middle;
border-style:none
}
.svg.pattern{
position:absolute;
bottom:0;
top:0
}
.infonews{
top:0;
width:100%;
z-index:12;
position:absolute
}
.infonews .news{
padding:10px 20px;
font-size:14px;
color:#e1e1e1;
font-weight:600
}
.infonews small{
vertical-align:middle;
color:#bcbcbc!important
}
.infonews-nav a.iconews{
display:flex;
padding:10px 0;
align-items:center;
color:#bcbcbc!important;
font-size:13px;
margin-left:30px;
cursor:pointer;
font-weight:400;
vertical-align:text-top
}
.infonews-nav a.iconews:last-child{
font-weight:700;
font-size:14px
}
.infonews-nav a.iconews:hover{
text-decoration:none;
color:#fff!important;
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
-o-transition:.2s ease-in-out;
-ms-transition:.2s ease-in-out;
transition:.2s ease-in-out
}
#my-popover-content p{
font-size:40px
}
.styleswitch:hover{
cursor:pointer!important;
-webkit-transition:.5s!important;
-moz-transition:.5s!important;
-ms-transition:.5s!important;
-o-transition:.5s!important;
transition:.5s!important
}
.activebackground,.activecolor,.activefont,.activeheader,.activelayout,.activeradius,.activetextDirection{
background-color:#efefef!important;
color:#212122!important
}
.stylebackground.activefont,.stylecolor.activecolor,.stylefont.activefont,.styleheader.activeheader,.stylelayout.activelayout,.styletextDirection.activetextDirection{
cursor:default
}
[data-color=black] svg #svg-ico{
fill:#4c555d
}
[data-color=black] svg #svg-concept{
stroke:#4c555d
}
[data-color=black] .blog .sidebar .categories .heading a.active,[data-color=black] .blog .sidebar .heading.active,[data-color=black] .c-pink,[data-color=black] .fullrock .closer,[data-color=black] .golink,[data-color=black] .golink:hover,[data-color=black] .megamenu .service-list .service .media-body a:hover,[data-color=black] .megamenu-list .service-list .service .media-body a:hover,[data-color=black] .nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body a:hover,[data-color=black] .nav-menu .main-menu>.menu-item>.sub-menu>.menu-item a:hover,[data-color=black] .tabs.offers-tabs .tabs-header .active:hover{
color:#4c555d!important
}
[data-color=black] .bg-pink,[data-color=black] .blog .sidebar .line.active:before,[data-color=black] .btn-default-pink-fill,[data-color=black] .cd-filter-block input.range-slider-input,[data-color=black] .tabs-header .btn-secondary:not(:disabled):not(.disabled).active{
background-color:#4c555d!important
}
.styleswitch:hover,[data-color=black] .activebackground,[data-color=black] .activecolor,[data-color=black] .activefont,[data-color=black] .activeheader,[data-color=black] .activelayout,[data-color=black] .activeradius,[data-color=black] .activetextDirection,[data-color=black] .bb-pink{
border-bottom:1px solid #4c555d!important
}
[data-color=black] .bigline,[data-color=black] .popover-body,[data-color=black] .services .service-wrap .pay img,[data-color=black] .smallline{
border:1px solid #4c555d
}
[data-color=black] .btn-default-pink:hover,[data-color=black] .megamenu .start-offer .inner,[data-color=black] .popover .popover-header,[data-color=black] .pricing .list-info,[data-color=black] .sec-bg5,[data-color=black] .wpc-cloud-range .noUi-connect,[data-color=black] .wpc-cloud-range .noUi-horizontal .noUi-handle,[data-color=black] .wpc-cloud-range .noUi-tooltip,[data-color=black] .zoo-content .icoo i{
background-color:#4c555d
}
[data-color=black] ::selection{
background:#4c555d
}
[data-color=black] .blog .media .media-heading a:hover,[data-color=black] .blog .sidebar .categories .heading a:after,[data-color=black] .blog .sidebar .categories .heading span,[data-color=black] .blog .wrap-blog .social-icon i,[data-color=black] .circle-section .title-round,[data-color=black] .domain-prices li,[data-color=black] .footer .soc-icons i,[data-color=black] .godown span,[data-color=black] .included i,[data-color=black] .knowledge a,[data-color=black] .megamenu .service-list .service.special .media-body a:hover,[data-color=black] .slick #slider .plan-container .title,[data-color=black] .soc-icons-apply span,[data-color=black] .team .wrapper:hover .team-info .desc,[data-color=black] .wpc-vps-info .title .info{
color:#4c555d
}
[data-color=black] .wpc-cloud-range .noUi-tooltip:before{
border-color:#4c555d transparent transparent
}
[data-color=black] .total-grad{
background:linear-gradient(-60deg,#4c555d 0,#6c767e 100%)!important
}
[data-color=black] .total-grad-inverse{
background:linear-gradient(240deg,#6c767e 0,#4c555d 100%)
}
[data-color=black] .total-grad-pink-blue-intense{
background:linear-gradient(240deg,#242424 50%,#1a1a1a 100%)
}
[data-color=black] .menu-wrap.fixed{
background:linear-gradient(89deg,#6c767e 3%,#4c555d 98%)
}
[data-color=black] .btn-default-pink{
color:#4c555d;
border:1px solid #4c555d
}
[data-color=black] .btn-default-grad-purple-fill,[data-color=black] .btn-default-grad-purple-fill:hover{
background-image:linear-gradient(to right,#6c767e,#4c555d 40%,#4c555d 40%,#6c767e)
}
[data-color=black] .tabs.offers-tabs .tabs-header .active{
border-left:3px solid #4c555d!important;
color:#4c555d!important
}
[data-color=black] .cd-filter-block input:focus,[data-color=black] .cd-filter-block select:focus,[data-color=black] .fill-input:focus{
border-color:#4c555d!important
}
[data-color=black] .countdown .wrapper .clock div:first-child{
border:1px solid #4c555d;
background-color:#4c555d
}
[data-color=black] .accordion.faq .panel-title.active{
border-bottom:1px solid #4c555d
}
[data-color=black] .blog .sidebar .posts .tabs-header li.active{
color:#4c555d!important;
border-bottom-color:#4c555d!important
}
[data-color=black] .maping .datacenters{
background:#4c555d
}
[data-color=black] .cd-filter-block input[type=checkbox]:checked+label::before,[data-color=black] .cd-filter-block input[type=radio]:checked+label::before{
border:1px solid #4c555d!important;
background-color:#4c555d!important
}
[data-color=black] .range-slider-input::-webkit-slider-runnable-track{
background:#4c555d
}
[data-color=black] .range-slider-input::-webkit-slider-thumb{
background:#4c555d;
background-color:#4c555d!important
}
[data-color=black] .page-item.active .page-link{
background-color:#4c555d!important;
border-color:#4c555d!important
}
[data-color=black] .range-slider-input::-moz-range-thumb{
background-color:#4c555d!important
}
[data-color=black] .gdprcookie-types ul li input:checked~label{
background-color:#4c555d;
border:1px solid #4c555d
}
[data-color=black] .pricing .wrapper .title{
color:#6c767e
}
[data-color=black] .bg-purple,[data-color=black] .btn-default-purple-fill{
background-color:#6c767e!important
}
[data-color=black] .c-purple,[data-color=black] .golink-dark{
color:#6c767e!important
}
[data-color=black] .sec-grad-white-to-purple{
background:linear-gradient(90deg,#fff 70%,#6c767e 0)!important
}
[data-color=black] .btn-default-purple{
color:#6c767e;
border:1px solid #6c767e
}
[data-color=black] .btn-default-purple:hover,[data-color=black] .wpc-vps-info .price-wrap .title{
background-color:#6c767e
}
[data-color=black] .megamenu .start-offer .inner .inner-content{
color:#efefef
}
[data-color=blue] svg #svg-ico{
fill:#55bde5
}
[data-color=blue] svg #svg-concept{
stroke:#55bde5
}
[data-color=blue] .blog .sidebar .categories .heading a.active,[data-color=blue] .blog .sidebar .heading.active,[data-color=blue] .c-pink,[data-color=blue] .fullrock .closer,[data-color=blue] .golink,[data-color=blue] .golink:hover,[data-color=blue] .megamenu .service-list .service .media-body a:hover,[data-color=blue] .megamenu-list .service-list .service .media-body a:hover,[data-color=blue] .nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body a:hover,[data-color=blue] .nav-menu .main-menu>.menu-item>.sub-menu>.menu-item a:hover,[data-color=blue] .tabs.offers-tabs .tabs-header .active:hover{
color:#55bde5!important
}
[data-color=blue] .bg-pink,[data-color=blue] .blog .sidebar .line.active:before,[data-color=blue] .btn-default-pink-fill,[data-color=blue] .cd-filter-block input.range-slider-input,[data-color=blue] .tabs-header .btn-secondary:not(:disabled):not(.disabled).active{
background-color:#55bde5!important
}
.styleswitch:hover,[data-color=blue] .activebackground,[data-color=blue] .activecolor,[data-color=blue] .activefont,[data-color=blue] .activeheader,[data-color=blue] .activelayout,[data-color=blue] .activeradius,[data-color=blue] .activetextDirection,[data-color=blue] .bb-pink{
border-bottom:1px solid #55bde5!important
}
[data-color=blue] .popover-body{
border:2px solid #55bde5
}
[data-color=blue] .btn-default-pink:hover,[data-color=blue] .megamenu .start-offer .inner,[data-color=blue] .popover .popover-header,[data-color=blue] .pricing .list-info,[data-color=blue] .sec-bg5,[data-color=blue] .wpc-cloud-range .noUi-connect,[data-color=blue] .wpc-cloud-range .noUi-horizontal .noUi-handle,[data-color=blue] .wpc-cloud-range .noUi-tooltip,[data-color=blue] .zoo-content .icoo i{
background-color:#55bde5
}
[data-color=blue] ::selection{
background:#55bde5
}
[data-color=blue] .blog .media .media-heading a:hover,[data-color=blue] .blog .sidebar .categories .heading a:after,[data-color=blue] .blog .sidebar .categories .heading span,[data-color=blue] .blog .wrap-blog .social-icon i,[data-color=blue] .circle-section .title-round,[data-color=blue] .domain-prices li,[data-color=blue] .footer .soc-icons i,[data-color=blue] .godown span,[data-color=blue] .included i,[data-color=blue] .knowledge a,[data-color=blue] .megamenu .service-list .service.special .media-body a:hover,[data-color=blue] .pricing .wrapper .title,[data-color=blue] .slick #slider .plan-container .title,[data-color=blue] .soc-icons-apply span,[data-color=blue] .team .wrapper:hover .team-info .desc,[data-color=blue] .wpc-vps-info .title .info,[data-color=green] .tabs.offers-tabs .tabs-header .active:hover{
color:#55bde5
}
[data-color=blue] .wpc-cloud-range .noUi-tooltip:before{
border-color:#55bde5 transparent transparent
}
[data-color=blue] .total-grad{
background:linear-gradient(-60deg,#55bde5 0,#1697bf 100%)!important
}
[data-color=blue] .total-grad-inverse{
background:linear-gradient(240deg,#1697bf 0,#55bde5 100%)
}
[data-color=blue] .total-grad-pink-blue-intense{
background:linear-gradient(240deg,#131313 50%,#003d4a 100%)
}
[data-color=blue] .menu-wrap.fixed{
background:linear-gradient(89deg,#1697bf 3%,#55bde5 98%)
}
[data-color=blue] .btn-default-pink{
color:#55bde5;
border:1px solid #55bde5
}
[data-color=blue] .btn-default-grad-purple-fill,[data-color=blue] .btn-default-grad-purple-fill:hover{
background-image:linear-gradient(to right,#1697bf,#55bde5 40%,#55bde5 40%,#1697bf)
}
[data-color=blue] .tabs.offers-tabs .tabs-header .active{
border-left:3px solid #55bde5!important;
color:#55bde5!important
}
[data-color=blue] .cd-filter-block input:focus,[data-color=blue] .cd-filter-block select:focus,[data-color=blue] .fill-input:focus{
border-color:#55bde5!important
}
[data-color=blue] .countdown .wrapper .clock div:first-child{
border:1px solid #55bde5;
background-color:#55bde5
}
[data-color=blue] .accordion.faq .panel-title.active{
border-bottom:1px solid #55bde5
}
[data-color=blue] .blog .sidebar .posts .tabs-header li.active{
color:#55bde5!important;
border-bottom-color:#55bde5!important
}
[data-color=blue] .maping .datacenters{
background:#55bde5
}
[data-color=blue] .bigline,[data-color=blue] .services .service-wrap .pay img,[data-color=blue] .smallline{
border:1px solid #55bde5
}
[data-color=blue] .cd-filter-block input[type=checkbox]:checked+label::before,[data-color=blue] .cd-filter-block input[type=radio]:checked+label::before{
border:1px solid #55bde5!important;
background-color:#55bde5!important
}
[data-color=blue] .range-slider-input::-webkit-slider-runnable-track{
background:#55bde5
}
[data-color=blue] .range-slider-input::-webkit-slider-thumb{
background:#55bde5;
background-color:#55bde5!important
}
[data-color=blue] .page-item.active .page-link{
background-color:#55bde5!important;
border-color:#55bde5!important
}
[data-color=blue] .range-slider-input::-moz-range-thumb{
background-color:#55bde5!important
}
[data-color=blue] .gdprcookie-types ul li input:checked~label{
background-color:#55bde5;
border:1px solid #55bde5
}
[data-color=blue] .bg-purple,[data-color=blue] .btn-default-purple-fill{
background-color:#1697bf!important
}
[data-color=blue] .c-purple,[data-color=blue] .golink-dark{
color:#1697bf!important
}
[data-color=blue] .sec-grad-white-to-purple{
background:linear-gradient(90deg,#fff 70%,#1697bf 0)!important
}
[data-color=blue] .btn-default-purple{
color:#1697bf;
border:1px solid #1697bf
}
[data-color=blue] .btn-default-purple:hover,[data-color=blue] .wpc-vps-info .price-wrap .title{
background-color:#1697bf
}
[data-color=green] svg #svg-ico{
fill:#97cb3b
}
[data-color=green] svg #svg-concept{
stroke:#97cb3b
}
[data-color=green] .blog .sidebar .categories .heading a.active,[data-color=green] .blog .sidebar .heading.active,[data-color=green] .c-pink,[data-color=green] .fullrock .closer,[data-color=green] .golink,[data-color=green] .golink:hover,[data-color=green] .megamenu .service-list .service .media-body a:hover,[data-color=green] .megamenu-list .service-list .service .media-body a:hover,[data-color=green] .nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body a:hover,[data-color=green] .nav-menu .main-menu>.menu-item>.sub-menu>.menu-item a:hover{
color:#97cb3b!important
}
[data-color=green] .bg-pink,[data-color=green] .blog .sidebar .line.active:before,[data-color=green] .btn-default-pink-fill,[data-color=green] .cd-filter-block input.range-slider-input,[data-color=green] .tabs-header .btn-secondary:not(:disabled):not(.disabled).active{
background-color:#97cb3b!important
}
.styleswitch:hover,[data-color=green] .accordion.faq .panel-title.active,[data-color=green] .activebackground,[data-color=green] .activecolor,[data-color=green] .activefont,[data-color=green] .activeheader,[data-color=green] .activelayout,[data-color=green] .activeradius,[data-color=green] .activetextDirection,[data-color=green] .bb-pink{
border-bottom:1px solid #97cb3b!important
}
[data-color=green] .popover-body{
border:2px solid #97cb3b
}
[data-color=green] .btn-default-pink:hover,[data-color=green] .megamenu .start-offer .inner,[data-color=green] .popover .popover-header,[data-color=green] .pricing .list-info,[data-color=green] .sec-bg5,[data-color=green] .wpc-cloud-range .noUi-connect,[data-color=green] .wpc-cloud-range .noUi-horizontal .noUi-handle,[data-color=green] .wpc-cloud-range .noUi-tooltip,[data-color=green] .zoo-content .icoo i{
background-color:#97cb3b
}
[data-color=green] ::selection{
background:#97cb3b
}
[data-color=green] .blog .media .media-heading a:hover,[data-color=green] .blog .sidebar .categories .heading a:after,[data-color=green] .blog .sidebar .categories .heading span,[data-color=green] .blog .wrap-blog .social-icon i,[data-color=green] .circle-section .title-round,[data-color=green] .domain-prices li,[data-color=green] .footer .soc-icons i,[data-color=green] .godown span,[data-color=green] .included i,[data-color=green] .knowledge a,[data-color=green] .megamenu .service-list .service.special .media-body a:hover,[data-color=green] .pricing .wrapper .title,[data-color=green] .slick #slider .plan-container .title,[data-color=green] .soc-icons-apply span,[data-color=green] .team .wrapper:hover .team-info .desc,[data-color=green] .wpc-vps-info .title .info{
color:#97cb3b
}
[data-color=green] .wpc-cloud-range .noUi-tooltip:before{
border-color:#97cb3b transparent transparent
}
[data-color=green] .total-grad{
background:linear-gradient(-60deg,#97cb3b 0,#84a841 100%)!important
}
[data-color=green] .total-grad-inverse{
background:linear-gradient(240deg,#84a841 0,#97cb3b 100%)
}
[data-color=green] .total-grad-pink-blue-intense{
background:linear-gradient(240deg,#1f1f1f 50%,#003a01 100%)
}
[data-color=green] .menu-wrap.fixed{
background:linear-gradient(89deg,#84a841 3%,#97cb3b 98%)
}
[data-color=green] .btn-default-pink{
color:#97cb3b;
border:1px solid #97cb3b
}
[data-color=green] .btn-default-grad-purple-fill,[data-color=green] .btn-default-grad-purple-fill:hover{
background-image:linear-gradient(to right,#84a841,#97cb3b 40%,#97cb3b 40%,#84a841)
}
[data-color=green] .tabs.offers-tabs .tabs-header .active{
border-left:3px solid #97cb3b!important;
color:#97cb3b!important
}
[data-color=green] .cd-filter-block input:focus,[data-color=green] .cd-filter-block select:focus,[data-color=green] .fill-input:focus{
border-color:#97cb3b!important
}
[data-color=green] .countdown .wrapper .clock div:first-child{
border:1px solid #97cb3b;
background-color:#97cb3b
}
[data-color=green] .blog .sidebar .posts .tabs-header li.active{
color:#97cb3b!important;
border-bottom-color:#97cb3b!important
}
[data-color=green] .maping .datacenters{
background:#97cb3b
}
[data-color=green] .bigline,[data-color=green] .services .service-wrap .pay img,[data-color=green] .smallline{
border:1px solid #97cb3b
}
[data-color=green] .cd-filter-block input[type=checkbox]:checked+label::before,[data-color=green] .cd-filter-block input[type=radio]:checked+label::before{
border:1px solid #97cb3b!important;
background-color:#97cb3b!important
}
[data-color=green] .range-slider-input::-webkit-slider-runnable-track{
background:#97cb3b
}
[data-color=green] .range-slider-input::-webkit-slider-thumb{
background:#97cb3b;
background-color:#97cb3b!important
}
[data-color=green] .page-item.active .page-link{
background-color:#97cb3b!important;
border-color:#97cb3b!important
}
[data-color=green] .range-slider-input::-moz-range-thumb{
background-color:#97cb3b!important
}
[data-color=green] .gdprcookie-types ul li input:checked~label{
background-color:#97cb3b;
border:1px solid #97cb3b
}
[data-color=green] .bg-purple,[data-color=green] .btn-default-purple-fill{
background-color:#84a841!important
}
[data-color=green] .c-purple,[data-color=green] .golink-dark{
color:#84a841!important
}
[data-color=green] .sec-grad-white-to-purple{
background:linear-gradient(90deg,#fff 70%,#84a841 0)!important
}
[data-color=green] .btn-default-purple{
color:#84a841;
border:1px solid #84a841
}
[data-color=green] .btn-default-purple:hover,[data-color=green] .wpc-vps-info .price-wrap .title{
background-color:#84a841
}
[data-color=pink] svg #svg-ico{
fill:#ee5586
}
[data-color=pink] svg #svg-concept{
stroke:#ee5586
}
[data-color=pink] .blog .sidebar .categories .heading a.active,[data-color=pink] .blog .sidebar .heading.active,[data-color=pink] .c-pink,[data-color=pink] .fullrock .closer,[data-color=pink] .golink,[data-color=pink] .golink:hover,[data-color=pink] .megamenu .service-list .service .media-body a:hover,[data-color=pink] .megamenu-list .service-list .service .media-body a:hover,[data-color=pink] .nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body a:hover,[data-color=pink] .nav-menu .main-menu>.menu-item>.sub-menu>.menu-item a:hover,[data-color=pink] .tabs.offers-tabs .tabs-header .active:hover{
color:#ee5586!important
}
[data-color=pink] .bg-pink,[data-color=pink] .blog .sidebar .line.active:before,[data-color=pink] .btn-default-pink-fill,[data-color=pink] .cd-filter-block input.range-slider-input,[data-color=pink] .tabs-header .btn-secondary:not(:disabled):not(.disabled).active{
background-color:#ee5586!important
}
.styleswitch:hover,[data-color=pink] .activebackground,[data-color=pink] .activecolor,[data-color=pink] .activefont,[data-color=pink] .activeheader,[data-color=pink] .activelayout,[data-color=pink] .activeradius,[data-color=pink] .activetextDirection,[data-color=pink] .bb-pink{
border-bottom:1px solid #ee5586!important
}
[data-color=pink] .popover-body{
border:2px solid #ee5586
}
[data-color=pink] .btn-default-pink:hover,[data-color=pink] .megamenu .start-offer .inner,[data-color=pink] .popover .popover-header,[data-color=pink] .pricing .list-info,[data-color=pink] .sec-bg5,[data-color=pink] .wpc-cloud-range .noUi-connect,[data-color=pink] .wpc-cloud-range .noUi-horizontal .noUi-handle,[data-color=pink] .wpc-cloud-range .noUi-tooltip,[data-color=pink] .zoo-content .icoo i{
background-color:#ee5586
}
[data-color=pink] ::selection{
background:#ee5586
}
[data-color=pink] .wpc-cloud-range .noUi-tooltip:before{
border-color:#ee5586 transparent transparent
}
[data-color=pink] .form-control:focus{
border:1px solid #ee5586!important
}
[data-color=pink] .total-grad{
background:linear-gradient(-60deg,#ee5586 0,#a5215e 100%)!important
}
[data-color=pink] .total-grad-inverse{
background:currentColor;
}
[data-color=pink] .total-grad-pink-blue-intense{
background:linear-gradient(240deg,#110c0c 50%,#3f004a 100%)
}
[data-color=pink] .menu-wrap.fixed{
background:linear-gradient(89deg,#a5215e 3%,#ee5586 98%)
}
[data-color=pink] .btn-default-pink{
color:#ee5586;
border:1px solid #ee5586
}
[data-color=pink] .btn-default-grad-purple-fill,[data-color=pink] .btn-default-grad-purple-fill:hover{
background-image:linear-gradient(to right,#a5215e,#ee5586 40%,#ee5586 40%,#a5215e)
}
[data-color=pink] .tabs.offers-tabs .tabs-header .active{
border-left:3px solid #ee5586!important;
color:#ee5586!important
}
[data-color=pink] .cd-filter-block input:focus,[data-color=pink] .cd-filter-block select:focus,[data-color=pink] .fill-input:focus{
border-color:#ee5586!important
}
[data-color=pink] .countdown .wrapper .clock div:first-child{
border:2px solid #ee5586;
background-color:#212122
}
[data-color=pink] .accordion.faq .panel-title.active{
border-bottom:1px solid #ee5586
}
[data-color=pink] .blog .sidebar .posts .tabs-header li.active{
color:#ee5586!important;
border-bottom-color:#ee5586!important
}
[data-color=pink] .maping .datacenters{
background:#ee5586
}
[data-color=pink] .bigline,[data-color=pink] .services .service-wrap .pay img,[data-color=pink] .smallline{
border:1px solid #ee5586
}
[data-color=pink] .cd-filter-block input[type=checkbox]:checked+label::before,[data-color=pink] .cd-filter-block input[type=radio]:checked+label::before{
border:1px solid #ee5586!important;
background-color:#ee5586!important
}
[data-color=pink] .range-slider-input::-webkit-slider-runnable-track{
background:#ee5586
}
[data-color=pink] .range-slider-input::-webkit-slider-thumb{
background:#ee5586;
background-color:#ee5586!important
}
[data-color=pink] .page-item.active .page-link{
background-color:#ee5586!important;
border-color:#ee5586!important
}
[data-color=pink] .range-slider-input::-moz-range-thumb{
background-color:#ee5586!important
}
[data-color=pink] .gdprcookie-types ul li input:checked~label{
background-color:#ee5586;
border:1px solid #ee5586
}
[data-color=pink] .bg-purple,[data-color=pink] .btn-default-purple-fill{
background-color:#a5215e!important
}
[data-color=pink] .c-purple,[data-color=pink] .golink-dark{
color:#a5215e!important
}
[data-color=pink] .sec-grad-white-to-purple{
background:linear-gradient(90deg,#fff 70%,#a5215e 0)!important
}
[data-color=pink] .btn-default-purple{
color:#a5215e;
border:1px solid #a5215e
}
[data-color=pink] .btn-default-purple:hover,[data-color=pink] .wpc-vps-info .price-wrap .title{
background-color:#a5215e
}
[data-background=origin] .menu-wrap.fixed .tech-box svg #svg-ico{
fill:#fff!important
}
[data-background=light] .box-container .best-plans .table th:first-child,[data-background=origin] .box-container .best-plans .table th:first-child{
border-left:none;
color:#4c4a4a
}
[data-background=origin] #bottom_anchor{
bottom:405px
}
[data-background=origin] .nav-menu .main-menu>.menu-item:hover{
background:rgba(0,0,0,.3)
}
[data-background=light] .box-container .menu-wrap{
background-color:#fff;
padding:15px 0
}
[data-background=light] .box-container .menu-wrap.fixed{
background:#ebeff5!important
}
[data-background=dark] .box-container .nav-menu .main-menu a.v-stroke:hover::before,[data-background=light] .box-container .nav-menu .main-menu a.v-stroke:hover::before{
height:initial
}
[data-background=dark] .menu-wrap.fixed .sub-menu.menu-large{
box-shadow:0 2px 8px 0 rgb(62 62 79 / 23%)!important
}
[data-background=dark] .box-container .sec-bg4,[data-background=light] .box-container .sec-bg4{
background-image:none!important;
background-color:#fdd700!important;
padding:30px 0 135px!important
}
[data-background=dark] .box-container .top-header .services.help,[data-background=light] .box-container .top-header .services.help{
background-color:transparent;
display:block
}
[data-background=light] .box-container .services.maping.sec-normal.sec-grad-grey-to-grey{
padding-bottom:0;
background:#fff!important
}
[data-background=light] .box-container .bg-seccolorstyle,[data-background=light] .box-container .footer,[data-background=light] .box-container .sec-bg3.infonews,[data-background=light] .casestudy .sec-main{
background-color:#ebeff5!important
}
[data-background=dark] .box-container .c-grey-light,[data-background=dark] .box-container .history-section .tabs-content .info-content p,[data-background=light] .box-container .c-grey-light,[data-background=light] .box-container .footer .copyright,[data-background=light] .box-container .footer .footer-menu .menu-item a,[data-background=light] .box-container .footer .footer-menu .menu-item.by,[data-background=light] .box-container .footer .payment-list li i,[data-background=light] .box-container .footer .payment-list li p,[data-background=light] .box-container .history-section .tabs-content .info-content p,[data-background=light] .box-container .subcribe form p{
color:#414142
}
[data-background=light] .box-container .footer .footer-menu .menu-item a:hover,[data-background=light] .box-container .footer .payment-list li i:hover{
color:grey
}
[data-background=light] .box-container .footer .logo-bg{
opacity:.05
}
[data-background=dark] .box-container .fullrock-content .logo-menu.d-none,[data-background=dark] .fullbgimage,[data-background=light] .box-container #header .logo-menu,[data-background=light] .box-container #header .logo-menu.d-block,[data-background=light] .box-container .footer .logo-footer.d-block,[data-background=light] .box-container .fullrock-content .logo-menu.d-block,[data-background=light] .fullbgimage,[data-layout=boxed] .box-container .blobleft.d-none,[data-layout=boxed] .box-container .blobright.d-none{
display:none!important
}
[data-background=light] .box-container .accordion.faq .panel-title{
border-bottom:1px solid #d1d1d1
}
[data-background=dark] .box-container #clientstats.pricing.special,[data-background=dark] .box-container .nobottompadding,[data-background=light] .box-container #clientstats.pricing.special,[data-background=light] .box-container .nobottompadding{
padding-bottom:0!important
}
[data-background=dark] .box-container #clientstats .top-content,[data-background=light] .box-container #clientstats .top-content{
border:none!important
}
[data-background=light] .box-container .blobleft.d-none{
display:block!important;
position:absolute;
width:115px;
left:-2px;
z-index:2
}
[data-background=light] .box-container .blobright.d-none{
display:block!important;
position:absolute;
transform:rotate(180deg);
width:115px;
right:-2px;
z-index:2
}
[data-background=dark] .box-container .cd-main-content,[data-background=light] .box-container .cd-main-content{
margin:0;
margin-bottom:0!important;
padding:80px 0
}
[data-background=dark] .box-container .history-section .sec-main .col-md-10.offset-md-1,[data-background=light] .box-container .history-section .sec-main .col-md-10.offset-md-1{
width:100%;
margin-left:0
}
[data-background=light] .box-container .history-section .tabs .tabs-header .text-white,[data-background=light] .box-container .mergecolor,[data-background=light] .box-container .sec-bg3 .section-subheading,[data-background=light] .casestudy .author{
color:#212122!important
}
[data-background=dark] .box-container #features.exapath,[data-background=dark] .box-container #scroll.motpath,[data-background=dark] .box-container .bg-noimage,[data-background=light] .box-container #features.exapath,[data-background=light] .box-container #scroll.motpath,[data-background=light] .box-container .bg-noimage{
background-image:none
}
[data-background=dark] .box-container .help .sec-main,[data-background=light] .box-container .help .sec-main{
padding:0;
box-shadow:none
}
[data-background=dark] .box-container .best-plans .sec-main,[data-background=light] .box-container .best-plans .sec-main{
padding:0;
box-shadow:none;
background-color:transparent
}
[data-background=dark] .box-container .cpupath,[data-background=light] .box-container .cpupath{
background-image:url(../patterns/cpupath.svg)!important;
background-color:#fff!important
}
[data-background=dark] .box-container .motpath,[data-background=light] .box-container .motpath{
background-image:url(../patterns/motpath.svg)
}
[data-background=dark] .box-container .noimage,[data-background=dark] .box-container .tabs.motpath,[data-background=light] .box-container .noimage,[data-background=light] .box-container .tabs.motpath{
background-image:none!important
}
[data-background=dark] .box-container .exapath,[data-background=light] .box-container .exapath{
background-image:url(../patterns/exapath.svg)
}
[data-background=dark] .box-container .motpath.sec-bg4,[data-background=light] .box-container .motpath.sec-bg4{
background-image:none;
padding-top:50px
}
[data-background=light] .box-container .sec-grad-yellow-to-black-right{
background:#fff!important
}
[data-background=dark] .box-container .best-plans.pricing .bagde,[data-background=light] .box-container .best-plans.pricing .bagde{
top:200px;
right:initial;
left:0
}
[data-background=dark] .box-container .best-plans.pricing.cpupath,[data-background=light] .box-container .best-plans.pricing.cpupath{
padding:80px 0!important
}
[data-background=dark] .box-container #games .col:hover .gametitle,[data-background=light] .box-container #games .col:hover .gametitle{
background:0 0
}
[data-background=dark] .box-container .opa-6,[data-background=light] .box-container .opa-6{
opacity:.3
}
[data-background=dark] .box-container .infonews .c-yellow:hover,[data-background=dark] .box-container .infonews-nav a:hover,[data-background=light] .box-container .infonews .c-yellow:hover,[data-background=light] .box-container .infonews-nav a:hover{
color:grey!important;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
[data-background=light] .box-container .infonews-nav a{
color:#212121!important
}
[data-background=dark] .box-container .nomargin,[data-background=dark] .box-container .nomargin .sec-main,[data-background=light] .box-container .nomargin,[data-background=light] .box-container .nomargin .sec-main{
margin:0!important
}
[data-background=light] .box-container .custom-flip .popup-gallery img{
border:2px solid #dee2e6;
border-radius:12px
}
[data-background=light] .box-container .bg-colorstyle{
background-color:#fff!important
}
[data-background=dark] .box-container .globalpadding,[data-background=light] .box-container .globalpadding{
padding:135px!important
}
[data-background=dark] .box-container .toppadding,[data-background=light] .box-container .toppadding{
padding-top:135px!important
}
[data-background=dark] .box-container .bottompadding,[data-background=light] .box-container .bottompadding{
padding-bottom:135px!important
}
[data-background=dark] .box-container .notoppadding,[data-background=light] .box-container .notoppadding{
padding-top:0!important
}
[data-background=dark] .box-container .tophalfpadding,[data-background=light] .box-container .tophalfpadding{
padding-top:85px!important
}
[data-background=dark] .box-container .bottomhalfpadding,[data-background=light] .box-container .bottomhalfpadding{
padding-bottom:85px!important
}
[data-background=light] .box-container .range-slider::after,[data-background=light] .box-container .range-slider::before,[data-background=light] .box-container .seccolor{
color:#28282b!important
}
[data-background=light] .box-container .withborder{
border:2px solid #dee2e6
}
[data-background=dark] .box-container .initialradius,[data-background=light] .box-container .initialradius{
border-radius:initial
}
[data-background=dark] .box-container .bottomradius,[data-background=light] .box-container .bottomradius{
border-bottom-left-radius:12px;
border-bottom-right-radius:12px
}
[data-background=dark] .box-container .specialposition,[data-background=light] .box-container .specialposition{
position:initial;
z-index:0
}
[data-background=light] .box-container hr{
opacity:.15
}
[data-background=light] .box-container hr.fullline.d-none{
display:block!important;
margin:0;
opacity:.2
}
[data-background=light] .box-container .wpc-vps-info .title .info{
border-top:1px solid #ccc
}
[data-background=light] .box-container .cd-filter-block select{
background-color:#fff;
border:1px solid #ced4da;
color:#101920
}
[data-background=light] .box-container #clone tr.thead-clone th{
background-color:#ebeff5;
border-left:1px solid #efefef
}
[data-background=light] .box-container .best-plans .table td{
border-left:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
color:#4c4a4a
}
[data-background=light] .box-container .pagination>li>a{
border:none;
background-color:#ebeff5
}
[data-background=light] .box-container .pagination>li>a:hover{
background-color:#fdd700;
color:#212122!important
}
[data-background=light] .box-container #radioplans .run-switch .an.active,[data-background=light] .box-container #radioplans .run-switch .mo.active{
color:#101920!important
}
[data-background=light] .box-container .entrychange.border-end{
border-right:1px solid #dee2e6
}
[data-background=light] .casestudy .content-info{
color:#414142!important
}
[data-background=dark] .plans.badge.feat,[data-background=light] .plans.badge.feat{
background-color:#414142
}
[data-background=light] .nav-menu .main-menu>.menu-item:hover{
background-color:#ebeff5
}
[data-background=dark] .box-container .division-ontop{
display:block!important;
background-color:#15212a!important
}
[data-background=dark] .box-container .menu-wrap{
background-color:#15212a;
padding:15px 0
}
[data-background=dark] .box-container .menu-wrap.fixed{
background:#101920;
box-shadow:0 2px 8px 0 rgb(0 0 0 / 60%)
}
[data-background=dark] .menu-wrap .main-menu .sub-menu,[data-background=dark] .start-offer,[data-background=dark] .sub-menu.megamenu .service-list,[data-background=dark] .sub-menu.megamenu-list .service-list,[data-background=dark] .sub-menu.menu-large{
box-shadow:0 2px 8px 0 rgb(0 0 0 / 50%)
}
[data-background=dark] .menu-wrap.fixed .sub-menu.menu-large{
box-shadow:0 2px 8px 0 rgb(0 0 0 / 50%)!important
}
[data-background=dark] .start-offer{
border-top-right-radius:12px;
border-bottom-right-radius:12px
}
[data-background=dark] .box-container .services.maping.sec-normal.sec-grad-grey-to-grey{
padding-bottom:0;
background:#15212a!important
}
[data-background=dark] .box-container .bg-seccolorstyle,[data-background=dark] .box-container .footer,[data-background=dark] .casestudy .sec-main{
background-color:#101920!important
}
[data-background=dark] .box-container .accordion.faq .panel-title{
border-bottom:1px solid #000
}
[data-background=dark] .box-container .blobleft.d-none{
display:block!important;
position:absolute;
width:115px;
left:-2px;
z-index:2;
opacity:.3
}
[data-background=dark] .box-container .blobright.d-none{
display:block!important;
position:absolute;
transform:rotate(180deg);
width:115px;
right:-2px;
z-index:2;
opacity:.3
}
[data-background=dark] .box-container .sec-grad-yellow-to-black-right{
background:#15212a!important
}
[data-background=dark] .box-container #clone tr.thead-clone th,[data-background=dark] .box-container .sec-bg3.infonews,[data-background=dark] .nav-menu .main-menu>.menu-item:hover,[data-background=dark] .popover{
background-color:#101920
}
[data-background=dark] .box-container .bg-colorstyle{
background-color:#15212a!important
}
[data-background=dark] .box-container .withborder{
border:2px solid #101920
}
[data-background=dark] .box-container hr.fullline{
margin:0;
opacity:.9
}
[data-background=dark] .box-container hr{
border-top:1px solid #414142;
background-color:#414142
}
[data-background=dark] .box-container hr.fullline.d-none{
display:block!important;
background-color:#000;
margin:0;
opacity:1
}
[data-background=dark] .popover .popover-body{
background-color:#101920;
color:#fff
}
[data-background=dark] .box-container .best-plans .table th:first-child{
border-left:none;
color:#fff
}
[data-background=dark] .box-container .path-left{
right:0
}
[data-background=dark] .box-container .range-slider::after,[data-background=dark] .box-container .range-slider::before{
color:#d4dee7!important
}
[data-background=dark] .box-container .wpc-vps-info .title .info{
border-top:1px solid #414142
}
[data-background=dark] .box-container .cd-filter-block select{
background-color:#101920!important;
border:1px solid #414142;
color:#fff
}
[data-background=dark] .box-container .form-control{
background-color:#101920!important;
border:1px solid #414142!important;
color:#fff!important
}
[data-background=dark] .box-container .fill-input{
background-color:#101920;
border:1px solid grey;
color:#fff
}
[data-background=dark] .box-container .cd-filter-block input{
background-color:#101920!important;
border:1px solid #414142;
color:#fff!important
}
[data-background=dark] .box-container .best-plans .table td,[data-background=dark] .box-container .best-plans .table th{
border-left:2px solid #101920;
border-bottom:2px solid #101920;
color:#fff
}
[data-background=dark] .box-container .pagination>li>a{
color:#fff;
border:none;
background-color:#101920
}
[data-background=dark] .box-container .pagination>li>a:hover{
background-color:#fdd700;
color:#101920!important
}
[data-background=dark] .box-container .entrychange.border-end{
border-right:1px solid #000!important
}
[data-background=dark] .infonews .news{
color:#e1e1e1
}
[data-background=dark] .casestudy .content-info{
color:#e1e1e1!important
}
[data-textdirection=ltr] .box-container .img-casestudy{
right:50px
}
[data-textdirection=rtl] .box-container .img-casestudy{
left:50px
}
[data-layout=boxed] .box-container,[data-layout=wideboxed] .box-container{
display:table;
width:100%;
height:100%;
table-layout:fixed;
position:relative
}
[data-layout=boxed] .box-container .menu-wrap.fixed{
width:1400px;
right:auto;
left:auto
}
[data-layout=frame] .body-borders .bottom-border,[data-layout=frame] .body-borders .top-border{
height:20px
}
[data-layout=frame] .body-borders .left-border,[data-layout=frame] .body-borders .right-border{
width:20px
}
[data-layout=frame] .body-borders>*{
position:fixed;
z-index:1030
}
[data-layout=frame] .body-borders .top-border{
top:0;
left:0;
width:100%
}
[data-layout=frame] .body-borders .right-border{
top:0;
right:0;
height:100%
}
[data-layout=frame] .body-borders .left-border{
top:0;
left:0;
height:100%
}
[data-layout=frame] .body-borders .bottom-border{
bottom:0;
left:0;
width:100%
}
[data-layout=frame] .box-container{
padding:0 20px
}
[data-layout=frame] .infonews{
top:20px;
width:calc((100% - 40px))
}
[data-layout=frame] .menu-wrap{
top:60px
}
@media (min-width:960px){
[data-layout=boxed] .box-container.limit-width{
max-width:1400px;
margin:auto
}
[data-layout=wideboxed] .box-container.limit-width{
max-width:1700px;
margin:auto
}
}
@media (max-width:992px){
[data-background=dark] .box-container .sec-neutral{
background-color:#101920!important;
}
}
@media (max-width:960px){
[data-layout=wideboxed] .box-container.limit-width{
max-width:1700px;
margin:auto
}
[data-layout=frame] .body-borders .bottom-border,[data-layout=frame] .body-borders .top-border{
height:10px
}
[data-layout=frame] .body-borders .left-border,[data-layout=frame] .body-borders .right-border{
width:10px
}
[data-layout=frame] .box-container .menu-wrap.fixed{
margin-top:10px
}
[data-layout=frame] .box-container{
padding:0 10px
}
.box-container .menu-wrap.mobile{
padding:10px
}
[data-layout=frame] .infonews{
top:10px;
width:calc((100% - 20px))
}
[data-layout=frame] .menu-wrap{
top:50px
}
}
body[data-font=opensans],body[data-font=opensans] button,body[data-font=opensans] h1,body[data-font=opensans] h2,body[data-font=opensans] h3,body[data-font=opensans] h4,body[data-font=opensans] h5,body[data-font=opensans] h6,body[data-font=opensans] input,body[data-font=opensans] textarea{
font-family:'Open Sans',sans-serif!important
}
body[data-font=poppins],body[data-font=poppins] button,body[data-font=poppins] h1,body[data-font=poppins] h2,body[data-font=poppins] h3,body[data-font=poppins] h4,body[data-font=poppins] h5,body[data-font=poppins] h6,body[data-font=poppins] input,body[data-font=poppins] select,body[data-font=poppins] textarea{
font-family:Poppins,sans-serif!important
}
body[data-font=nunito],body[data-font=nunito] button,body[data-font=nunito] h1,body[data-font=nunito] h2,body[data-font=nunito] h3,body[data-font=nunito] h4,body[data-font=nunito] h5,body[data-font=nunito] h6,body[data-font=nunito] input,body[data-font=nunito] select,body[data-font=nunito] textarea{
font-family:Nunito,sans-serif!important
}
body[data-font=raleway],body[data-font=raleway] button,body[data-font=raleway] h1,body[data-font=raleway] h2,body[data-font=raleway] h3,body[data-font=raleway] h4,body[data-font=raleway] h5,body[data-font=raleway] h6,body[data-font=raleway] input,body[data-font=raleway] select,body[data-font=raleway] textarea{
font-family:Raleway,sans-serif!important
}
[data-layout=wideboxed] .box-container .menu-wrap.fixed{
width:1700px;
right:auto;
left:auto
}
[data-header=static] .box-container .menu-wrap.fixed{
position:absolute
}
[data-header=fixed] .box-container .menu-wrap.fixed{
position:fixed
}
[data-header=static] #clone{
top:0!important
}
[data-header=static] #bottom_anchor{
bottom:250px!important
}
[data-radius=defaultradius] .box-container .btn,[data-radius=defaultradius] .cd-filter-block input,[data-radius=defaultradius] .cd-filter-block select,[data-radius=defaultradius] .cd-top,[data-radius=defaultradius] .clock div,[data-radius=defaultradius] .domains-search .inputdomainsearch,[data-radius=defaultradius] .fill-input,[data-radius=defaultradius] .footer .soc-icons i,[data-radius=defaultradius] .gdprcookie-buttons button,[data-radius=defaultradius] .nav-menu .main-menu>.menu-item,[data-radius=defaultradius] .soc-icons-apply span,[data-radius=defaultradius] .team .soc-icons-wrap .icons i{
border-radius:50px!important;
}
[data-radius=defaultradius] .service-section.blackfriday,[data-radius=sixradius] .service-section.blackfriday,[data-radius=threeradius] .service-section.blackfriday,[data-radius=twelveradius] .service-section.blackfriday{
border-top-left-radius:0!important;
border-top-right-radius:0!important
}
[data-radius=threeradius] .blog .sidebar,[data-radius=threeradius] .blog .wrap-blog .wrapper,[data-radius=threeradius] .box-container .btn,[data-radius=threeradius] .btn-demos,[data-radius=threeradius] .btn-settings,[data-radius=threeradius] .card,[data-radius=threeradius] .cd-filter-block input,[data-radius=threeradius] .cd-filter-block select,[data-radius=threeradius] .cd-top,[data-radius=threeradius] .clock div,[data-radius=threeradius] .domains-search .inputdomainsearch,[data-radius=threeradius] .fill-input,[data-radius=threeradius] .gdprcookie,[data-radius=threeradius] .gdprcookie-buttons button [data-radius=threeradius] .footer .soc-icons i,[data-radius=threeradius] .help .help-container,[data-radius=threeradius] .nav-menu .main-menu>.menu-item,[data-radius=threeradius] .noUi-tooltip,[data-radius=threeradius] .offcanvas.offcanvas-box,[data-radius=threeradius] .os.upping,[data-radius=threeradius] .pay img,[data-radius=threeradius] .popup-gallery img,[data-radius=threeradius] .posts .img,[data-radius=threeradius] .pricing .wrapper,[data-radius=threeradius] .sec-main,[data-radius=threeradius] .sec-sec,[data-radius=threeradius] .service-section,[data-radius=threeradius] .soc-icons-apply span,[data-radius=threeradius] .sub-menu,[data-radius=threeradius] .team .soc-icons-wrap .icons i,[data-radius=threeradius] .team .team-info,[data-radius=threeradius] .wpc-vps-info .content-price,[data-radius=threeradius] .wpc-vps-info .title{
border-radius:3px!important
}
[data-radius=threeradius] .service-list{
border-top-left-radius:3px;
border-bottom-left-radius:3px
}
[data-radius=threeradius] .megamenu .start-offer .inner,[data-radius=threeradius] .megamenu-list .start-offer .inner{
border-top-right-radius:3px;
border-bottom-right-radius:3px
}
[data-radius=threeradius] .pricing .list-info{
border-bottom-right-radius:3px!important;
border-bottom-left-radius:3px!important
}
[data-radius=threeradius] .box-container .topradius{
border-top-left-radius:1px!important;
border-top-right-radius:1px!important
}
[data-radius=threeradius] .offcanvas.offcanvas-box .card img,[data-radius=threeradius] .popover .popover-header,[data-radius=threeradius] .services.blog .service-wrap img,[data-radius=threeradius] .slick #slider .plan-container .wrapper .top-content{
border-top-left-radius:3px;
border-top-right-radius:3px
}
[data-radius=threeradius] .popover .popover-body,[data-radius=threeradius] .slick #slider .plan-container .wrapper .list-info{
border-bottom-right-radius:3px;
border-bottom-left-radius:3px
}
[data-radius=threeradius] .popover{
border-radius:3px
}
[data-radius=sixradius] .blog .sidebar,[data-radius=sixradius] .blog .wrap-blog .wrapper,[data-radius=sixradius] .box-container .btn,[data-radius=sixradius] .btn-demos,[data-radius=sixradius] .btn-settings,[data-radius=sixradius] .card,[data-radius=sixradius] .cd-filter-block input,[data-radius=sixradius] .cd-filter-block select,[data-radius=sixradius] .cd-top,[data-radius=sixradius] .clock div,[data-radius=sixradius] .domains-search .inputdomainsearch,[data-radius=sixradius] .fill-input,[data-radius=sixradius] .footer .soc-icons i,[data-radius=sixradius] .gdprcookie,[data-radius=sixradius] .gdprcookie-buttons button,[data-radius=sixradius] .help .help-container,[data-radius=sixradius] .nav-menu .main-menu>.menu-item,[data-radius=sixradius] .noUi-tooltip,[data-radius=sixradius] .offcanvas.offcanvas-box,[data-radius=sixradius] .os.upping,[data-radius=sixradius] .pay img,[data-radius=sixradius] .popup-gallery img,[data-radius=sixradius] .posts .img,[data-radius=sixradius] .pricing .wrapper,[data-radius=sixradius] .sec-main,[data-radius=sixradius] .sec-sec,[data-radius=sixradius] .service-section,[data-radius=sixradius] .soc-icons-apply span,[data-radius=sixradius] .sub-menu,[data-radius=sixradius] .team .soc-icons-wrap .icons i,[data-radius=sixradius] .team .team-info,[data-radius=sixradius] .wpc-vps-info .content-price,[data-radius=sixradius] .wpc-vps-info .title{
border-radius:6px!important
}
[data-radius=sixradius] .service-list{
border-top-left-radius:6px;
border-bottom-left-radius:6px
}
[data-radius=sixradius] .megamenu .start-offer .inner,[data-radius=sixradius] .megamenu-list .start-offer .inner{
border-top-right-radius:6px;
border-bottom-right-radius:6px
}
[data-radius=sixradius] .pricing .list-info{
border-bottom-right-radius:6px!important;
border-bottom-left-radius:6px!important
}
[data-radius=sixradius] .box-container .topradius{
border-top-left-radius:4px!important;
border-top-right-radius:4px!important
}
[data-radius=sixradius] .offcanvas.offcanvas-box .card img,[data-radius=sixradius] .popover .popover-header,[data-radius=sixradius] .services.blog .service-wrap img,[data-radius=sixradius] .slick #slider .plan-container .wrapper .top-content{
border-top-left-radius:6px;
border-top-right-radius:6px
}
[data-radius=sixradius] .popover .popover-body,[data-radius=sixradius] .slick #slider .plan-container .wrapper .list-info{
border-bottom-right-radius:6px;
border-bottom-left-radius:6px
}
[data-radius=sixradius] .popover{
border-radius:6px
}
[data-radius=twelveradius] .blog .sidebar,[data-radius=twelveradius] .blog .wrap-blog .wrapper,[data-radius=twelveradius] .box-container .btn,[data-radius=twelveradius] .btn-demos,[data-radius=twelveradius] .btn-settings,[data-radius=twelveradius] .card,[data-radius=twelveradius] .cd-filter-block input,[data-radius=twelveradius] .cd-filter-block select,[data-radius=twelveradius] .cd-top,[data-radius=twelveradius] .clock div,[data-radius=twelveradius] .domains-search .inputdomainsearch,[data-radius=twelveradius] .fill-input,[data-radius=twelveradius] .footer .soc-icons i,[data-radius=twelveradius] .gdprcookie,[data-radius=twelveradius] .gdprcookie-buttons button,[data-radius=twelveradius] .help .help-container,[data-radius=twelveradius] .nav-menu .main-menu>.menu-item,[data-radius=twelveradius] .noUi-tooltip,[data-radius=twelveradius] .offcanvas.offcanvas-box,[data-radius=twelveradius] .os.upping,[data-radius=twelveradius] .pay img,[data-radius=twelveradius] .popup-gallery img,[data-radius=twelveradius] .posts .img,[data-radius=twelveradius] .pricing .wrapper,[data-radius=twelveradius] .sec-main,[data-radius=twelveradius] .sec-sec,[data-radius=twelveradius] .service-section,[data-radius=twelveradius] .soc-icons-apply span,[data-radius=twelveradius] .sub-menu,[data-radius=twelveradius] .team .soc-icons-wrap .icons i,[data-radius=twelveradius] .team .team-info,[data-radius=twelveradius] .wpc-vps-info .content-price,[data-radius=twelveradius] .wpc-vps-info .title{
border-radius:12px!important
}
[data-radius=twelveradius] .service-list{
border-top-left-radius:12px;
border-bottom-left-radius:12px
}
[data-radius=twelveradius] .megamenu .start-offer .inner,[data-radius=twelveradius] .megamenu-list .start-offer .inner{
border-top-right-radius:12px;
border-bottom-right-radius:12px
}
[data-radius=twelveradius] .pricing .list-info{
border-bottom-right-radius:12px!important;
border-bottom-left-radius:12px!important
}
[data-radius=twelveradius] .box-container .topradius{
border-top-left-radius:10px!important;
border-top-right-radius:10px!important
}
[data-radius=twelveradius] .popover .popover-header,[data-radius=twelveradius] .services.blog .service-wrap img,[data-radius=twelveradius] .slick #slider .plan-container .wrapper .top-content{
border-top-right-radius:12px;
border-top-left-radius:12px
}
[data-radius=twelveradius] .slick #slider .plan-container .wrapper .list-info{
border-bottom-right-radius:12px;
border-bottom-left-radius:12px
}
[data-radius=twelveradius] .popover .popover-body{
border-bottom-left-radius:12px
}
@media (min-width:1200px) and (max-width:5000px){
.pricing.slider .slides-toggle .slide-prev{
left:-10px
}
.pricing.slider .plan-container{
margin-right:26px
}
.pricing.slider .slider-wrap{
margin-left:15px
}
}
@media (max-width:1024px){
svg.blackfriday{
left:50%;
margin-left:-512px
}
}
@media (min-width:992px) and (max-width:1199px){
.blog .sidebar .posts .tabs-header li{
padding:0 5px 18px
}
.blog .sidebar .archives .img{
float:none;
margin-bottom:5px
}
}
@media (max-width:1199px){
.top-header .wrapper .round:before{
top:12px
}
.pricing.slider .info{
margin-right:0
}
.pricing.slider .slides-toggle .slide-prev{
left:-15px
}
.pricing.slider .slides-toggle .slide-next{
right:-15px!important
}
.pricing.slider .slides-toggle .slide-next span,.pricing.slider .slides-toggle .slide-prev span{
display:none!important
}
.pricing.slider .wrapper{
width:300px;
display:inline-block
}
.tabs.offers-tabs .tabs-content .tabs-item.active:before{
content:none
}
.countdown .wrapper .heading,.history-section .wrappper h3{
font-size:20px
}
.history-section .wrappper .desc{
display:table
}
.product-title h3{
font-size:12px;
padding:14px
}
.product-meta{
padding:0 15px;
margin-top:35%
}
#sidebar{
width:auto!important
}
.team .soc-icons-wrap .icons{
display:inline-block;
margin-top:140px;
padding:10px
}
.btn-order .continue{
padding:15px 30px;
font-size:16px
}
.casestudy .icon-quote{
margin-left:10px
}
.casestudy .content-info hr,.casestudy .content-info p:last-child,.megamenu .start-offer .inner span,.megamenu-list .start-offer .inner span{
display:none
}
.blog .sidebar .heading{
font-size:14px
}
.blog .sidebar .archives .item-wrap{
padding-bottom:0
}
.wrap-blog .infos i{
font-size:22px
}
.footer .footer-menu .menu-item{
margin-left:0
}
.footer .soc-icons.m-left{
padding-left:90px
}
.footer .logo-bg{
margin-top:56px;
width:380px
}
.wpc-vps-info .content-price{
padding:50px 40px
}
.wpc-vps-info .h-plans-info .price{
font-size:35px!important
}
.h-plans-info .price .symbol{
font-size:24px!important
}
.blog .sidebar .tabs .tabs-header li{
margin:0 0 30px;
width:100%
}
.blog .sidebar .posts .img{
height:auto;
width:100%;
margin-bottom:15px
}
}
@media (min-width:1199px){
.product-title h3{
font-size:13px;
padding:13px
}
}
@media (min-width:1170px){
.cd-filter,.cd-filter form,.cd-gallery.filter-is-visible{
width:100%!important
}
.cd-filter form{
padding:0!important
}
.cd-gallery li{
width:31%!important
}
.cd-filter-trigger.filter-is-visible,.cd-filter-trigger.filter-is-visible:hover{
color:#4c4a4a
}
.no-touch .cd-filter-trigger:hover{
text-decoration:none
}
}
@media (min-width:767px) and (max-width:991px){
.team .soc-icons-wrap .icons{
padding-top:80px
}
.nav-menu .main-menu a{
margin-right:20px!important
}
.menu-item div.badge{
display:none
}
.megamenu-list .service-list{
border-radius:12px
}
.menu-item.menu-item-has-children.me-2{
margin-right:0!important
}
.nav-menu .main-menu a.v-stroke{
padding-right:0!important
}
.megamenu .service-list .service .media-body a{
font-size:13px;
font-weight:500
}
.megamenu .service-list{
border-bottom-right-radius:12px;
border-top-right-radius:12px
}
}
@media (max-width:991px){
.blog .media.right,.shop .select{
padding-left:0;
}
.fw-bold .mb-3 .mergecolor{
text-align:center;
}
.history-section .backup{
height:auto;
text-align:center;
}
.history-section .monitoring{
height:auto;
display:flex;
padding-bottom:80px;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
flex-direction:column-reverse!important;
margin-top:-40px;
text-align:center;
}
.history-section .prestazioni{
height:auto;
text-align:center;
}
.history-section .soft{
height:auto;
display:flex;
padding-bottom:80px;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
flex-direction:column-reverse!important;
text-align:center;
}
.bnt-backup{
margin-bottom:30px;
}
.nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body p{
font-size:11px;
color:#525252
}
.nav-menu .main-menu .menu-item .menu-large li.start-offer{
width:205px
}
.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner{
padding:20px
}
.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .dis,.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .title,.wrap-blog .heading{
font-size:18px
}
.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner p,.tabs.offers-tabs .tabs-content .info,.top-header .wrapper .subheading{
font-size:14px
}
.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .val{
font-size:13px
}
.slider-content p{
line-height:32px!important;
font-size:15px!important;
margin-top:0!important
}
.slider-content h1{
font-size:38px!important;
line-height:45px!important
}
.flickity-slider .animatype{
font-size:32px
}
.chars{
position:relative;
display:inline-flex;
right:0;
top:0
}
.chars div{
padding-top:30px
}
.chars p{
color:#fff;
font-size:13px;
margin-top:8px;
line-height:26px
}
.pricing .heading{
font-size:38px
margin-top: -90px;
margin-bottom: 30px;
font-size: 36px;
}
.plan-container .title,.wpc-vps-info .title .info{
font-size:20px
}
.pricing.slider .wrapper{
width:230px;
display:inline-block
}
.section-heading.small-text{
font-size:28px
}
.footer .soc-icons i:before,.megamenu .start-offer .inner .title,.section-404 .subtitle,.section-subheading.small-text{
font-size:16px
}
.pricing .list-info li{
font-size:13px!important
}
.tabs.offers-tabs .tabs-content .heading{
font-size:18px;
margin-bottom:6px
}
.center.slider .plan-container .period,.search-input input.btn{
font-size:14px!important
}
.tabs.offers-tabs .d-flex{
display:inline-block
}
.btn-x{
padding:10px 50px;
border:2px solid #fdd700
}
.services.circle-section .heading{
text-align:center;
margin-top:100px
}
.casestudy .casestudy,.casestudy .study-img,.services.circle-section .info{
text-align:center
}
.services.circle-section .skill-section{
margin-bottom:10px
}
.services.circle-section .circle-wrapper{
margin-top:52px
}
.services .service-wrap .info{
padding-bottom:30px;
padding-right:0
}
.services .service-wrap .service-section.service{
border-top:1px solid #e7eaed;
border-right:1px solid #e7eaed
}
.entrychange.border-end,[data-background=dark] .box-container .entrychange.border-end,[data-background=light] .box-container .entrychange.border-end{
border-right:0!important
}
.history-section .img{
margin:0 auto;
display:block
}
.history-section .img-wrap:after{
content:none
}
#clone,.blog.blog .wrap-blog .media img,.casestudy .content-info div,.cd-filter-content a,.godown,.history-section .wrappper .title:before,.infonews .link .tabphone,.infonews .news span:first-child,.infonews .news span:nth-child(2),.megamenu .start-offer,.megamenu .start-offer .inner b,.megamenu-list .start-offer,.menu-wrap,.opa-pink,.top-header .wrapper .included,[data-background=light] .box-container .best-plans.pricing .badge{
display:none
}
.history-section .wrappper img{
width:15%
}
.product-title h3{
font-size:14px;
padding:14px
}
.product-meta{
padding:0 80px;
margin-top:35%
}
#sidebar{
width:auto!important;
position:relative!important;
margin-top:50px!important;
top:0!important
}
.shop .select.fisrt,.shop .select.second{
margin:0
}
.shop .select{
padding-right:0;
margin-bottom:30px
}
.shop .select i{
right:10px
}
.countdown .wrapper,.products .wrapper .img-wrap>img{
width:100%
}
.products .wrapper{
width:30%
}
.product-detail .form-addcart .number-wrap{
margin-left:0;
margin-bottom:30px
}
.blog .text-blog .social-icon a:first-child,.product-detail .form-addcart .color-wrap,.wrap-blog .text-blog a{
margin-left:0
}
.fullrock .fullrock-content .svg.soon,.product-detail .form-addcart .btn,.tabs.offers-tabs .info-content,.wpc-vps-info .price-wrap{
margin-top:30px
}
.team .soc-icons-wrap .icons{
display:inline-block;
margin-top:30px
}
.search-input input.btn{
padding:16px 35px!important
}
.cart .payment-form{
padding:0
}
.cart .table tbody .section-bar .check{
width:100%;
text-align:center;
margin-right:0
}
.casestudy .sec-bg1{
padding:50px;
text-align:center
}
.casestudy .slide-next,.casestudy .slide-prev{
bottom:20px
}
.casestudy .social-icons{
text-align:center;
margin-left:0
}
.blog .media.answer{
padding-left:30px
}
.blog .text-blog .social-icon,.getready .btn-floats{
text-align:left
}
.wrap-blog .social-icon{
width:100%;
margin-top:15px;
text-align:left
}
.footer .footer-menu .menu-item{
width:100%;
font-size:13px
}
.footer .heading{
font-size:22px
}
.footer h6{
font-size:12px
}
.footer .logo-footer{
margin:0 auto;
width:160px
}
.footer .soc-icons i{
line-height:initial;
height:36px!important;
width:36px!important
}
.nav-menu .menu-toggle,label.checkbox-label a{
display:inline-block!important
}
.section-404{
background-size:90%
}
.section-404 .title span:first-child{
display:block
}
.getready .column-support-txt{
width:100%;
margin-bottom:30px
}
.overview .overview-info{
padding:30px 0
}
.blog .media .media-body{
padding-left:0!important
}
.wpc-vps-info .price-wrap .price{
margin-bottom:10px;
padding:14px 40px
}
.wpc-vps-info .price-wrap .title{
padding:20.5px 41px;
position:static
}
.footer .logo-bg{
margin-top:35px;
width:360px
}
.circle-wrapper{
margin-top:50px
}
.sec-uping{
margin:initial
}
.run-switch,.top-header .wrapper .aboutus{
margin-bottom:0
}
.history-section.feat01 hr{
display:block!important;
margin-bottom:80px
}
.history-section.feat01 .row .first,.history-section.feat01 .row .third{
padding-bottom:50px
}
.history-section.feat01 .row .second{
padding-top:50px
}
.history-section .row img.first{
padding-top:0
}
.tabs .btn-select-plan{
position:initial;
margin-top:0
}
.tabs .btn-select-plan ul{
z-index:9;
display:block;
margin-bottom:50px
}
.tabs .btn-select-plan ul li.mb-2{
margin-bottom:0!important
}
.cd-filter-content .dflex{
display:initial!important
}
.megamenu .service-list,.megamenu-list .service-list{
flex:0 0 100%;
max-width:100%;
padding:20px 40px
}
.btn-demos,.btn-settings,.toplang{
right:23px
}
[data-background=light] .box-container .blobleft.d-none,[data-background=light] .box-container .blobright.d-none{
display:none!important
}
[data-background=light] .box-container .entrychange.border-end{
border-bottom:1px solid #dee2e6!important
}
[data-background=dark] .box-container .entrychange.border-end{
border-bottom:1px solid #000!important
}
.entrychange.border-end{
padding-bottom:50px!important;
margin-bottom:50px!important
}
.menu-wrap.line{
border-color:transparent
}
.menu-wrap .col-sm-9.col-lg-7.col-lg-offset-2.p-0{
height:0
}
.menu-wrap.fixed .nav-menu{
padding:0 0 10px
}
.menu-wrap.fixed .menu-toggle.top{
top:5px
}
.menu-wrap.light .main-menu>.menu-item>.sub-menu{
background-color:#aeb0b5
}
.menu-wrap.light.fixed .menu-toggle{
top:-49px
}
.menu-wrap.light.fixed .logo-menu{
position:relative;
top:0
}
.menu-wrap.light .menu-toggle{
top:-50px
}
.menu-wrap.active .nav-menu .main-menu{
transform:translateX(0);
padding:80px 20px;
list-style-type:none
}
.menu-wrap.mobile{
display:block!important
}
.menu-wrap.mobile.active .logo-menu{
z-index:10;
position:relative
}
.menu-wrap.mobile.active .logo-responsive{
position:relative;
z-index:99;
display:block!important
}
.nav-menu .main-menu>.menu-item .fa-caret-right:before{
content:"\f0d7"
}
.nav-menu .main-menu>.menu-item>.sub-menu a{
color:#72757b
}
.nav-menu .main-menu>.menu-item>.sub-menu>.menu-item:last-child{
padding-bottom:0
}
.nav-menu .main-menu>.menu-item>.sub-menu>.menu-item a{
color:#72757b;
font-size:15px;
margin:0
}
.nav-menu .main-menu>.menu-item>.sub-menu>.menu-item>.sub-menu{
position:static;
display:none;
opacity:1;
padding:0
}
.nav-menu .main-menu>.menu-item>.sub-menu{
position:static;
display:none;
opacity:1;
visibility:visible;
z-index:9;
padding-top:20px;
border:none;
box-shadow:none!important;
background-color:transparent
}
.nav-menu .main-menu>.menu-item:hover>a{
color:#fdd700;
background-color:transparent
}
.nav-menu .main-menu a{
margin-right:0!important
}
.menu-item.active.menu-item-has-children{
background-color:#fdd700
}
.nav-menu .main-menu{
display:block;
text-align:center;
position:fixed;
height:100%;
width:100%;
background:#15212a;
top:0;
left:0;
z-index:999;
overflow-y:auto;
padding:0 0 30px;
margin:0;
-webkit-transform:translate3d(0,200%,0);
-moz-transform:translate3d(0,200%,0);
-ms-transform:translate3d(0,200%,0);
-o-transform:translate3d(0,200%,0);
transform:translate3d(0,200%,0);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.nav-menu .main-menu .menu-item.active>a{
color:#121e25!important;
font-weight:700;
font-size:13px
}
.nav-menu .main-menu .menu-item>a{
color:#afafaf;
font-size:24px
}
.nav-menu .main-menu .menu-item>a .badge{
font-size:12px;
margin:7px 10px;
position:absolute
}
.nav-menu .main-menu>.menu-item.menu-item-has-children>a:after{
display:none;
content:"\f0d7";
font:14px/1 FontAwesome;
position:absolute;
right:-15px;
top:2px
}
.nav-menu .main-menu>.menu-item.active>.sub-menu{
padding:20px;
background-color:#fdd700
}
.nav-menu .main-menu>.menu-item.active>.sub-menu>.menu-item{
border-color:transparent;
padding:10px 0
}
.nav-menu .main-menu>.menu-item{
width:100%;
float:none;
margin-left:0;
padding:15px 0;
cursor:pointer
}
.nav-menu .main-menu>.menu-item:last-child{
border-bottom:none
}
.nav-menu .main-menu>.menu-item>.sub-menu>.menu-item{
border:none;
padding:5px
}
nav .tech-box{
margin-top:7px;
margin-right:10px
}
.nav-menu{
width:initial
}
.run-switch{
display:block;
text-align:center;
margin-top:0
}
}
@media (min-width:991px){
.domain-prices li:first-child{
padding-left:0
}
.nav-menu .main-menu>.menu-item>.sub-menu{
margin-left:-65px;
display:block!important
}
.nav-menu .main-menu>.menu-item>.sub-menu.menu-large{
margin-left:-120px!important;
display:block!important
}
.nav-menu .main-menu>.menu-item>.sub-menu.megamenu,.nav-menu .main-menu>.menu-item>.sub-menu.megamenu-list{
margin-left:initial!important;
display:initial!important
}
.menu-wrap.mobile{
display:none
}
}
@media (max-width:767px){
.custom-element-right,.d-none767,[data-background=dark] .box-container .blobleft.d-none,[data-background=dark] .box-container .blobright.d-none,[data-background=light] .box-container .blobleft.d-none,[data-background=light] .box-container .blobright.d-none{
display:none!important
}
.cd-main-content{
z-index:1;
position:absolute!important;
height:100%!important
}
.cd-main-content .cd-filter form{
padding:60px 20px
}
.cd-main-content.is-fixed .cd-filter form{
height:100vh;
overflow:auto;
-webkit-overflow-scrolling:touch
}
.cd-main-content.sec-up{
margin:0!important;
z-index:3!important
}
.casestudy .slide-next,.casestudy .slide-prev,.cd-main-content.sec-up .badge,.cd-tab-filter ul,.cd-tab-filter.is-open ul,.cd-tab-filter::after,.footer .logo-bg,.form-contact i,.notfound br,.path-left,.path-right,.pricing.slider .slides-toggle,.soc-icons-apply,.subcribe,.svg.pattern,.top-header .wrapper .subheading small{
display:none
}
.cd-main-content .cd-filter .sec-main{
padding:0!important;
border-radius:0!important;
box-shadow:none!important;
border:none
}
.cd-filter .row{
margin:0!important;
display:block!important
}
.btn.cd-filter-trigger,.hidden-xs{
display:inline-block!important
}
.cd-filter .container{
margin:0!important;
padding:0!important
}
.btn.cd-filter-trigger{
line-height:initial;
padding:10px 15px;
width:auto!important;
text-indent:initial!important;
margin-top:20px
}
.cd-main-content.animated{
animation-fill-mode:initial!important
}
.nav-menu,.wrap-blog{
padding:0
}
.menu-item .sub-menu .menu-item a:hover{
color:#fdd700!important
}
.menu-item.active .sub-menu .menu-item a{
color:#121e25!important
}
.menu-item.active .sub-menu .menu-item a:hover{
color:#fff!important
}
.slider-content h1{
font-size:52px!important;
font-weight:700!important;
line-height:58px!important
}
.slider-content p{
margin-bottom:20px!important;
margin-left:0!important
}
.footer .col-md-3.col-sm-6,.footer .footer-top .col-md-3.col-sm-6,.pricing .subheading{
margin-bottom:50px
}
h2.section-heading{
font-size:32px!important;
line-height:38px
}
.section-heading.small-text{
font-size:28px!important
}
.fill-input,.section-subheading.small-text{
font-size:16px!important
}
.section-offer.services .tabs.offers-tabs img{
margin:0 auto;
max-width:100%
}
.best-plans.pricing .wrapper,.pricing.slider .info{
margin-top:0
}
.pricing.slider .soc-icons{
display:block;
float:none;
margin-top:10px;
margin-right:0;
text-align:left;
padding:0
}
.pricing.slider .swiper-wrapper .price{
font-size:38px
}
.pricing.slider .swiper-wrapper sup{
font-size:26px
}
.pricing.slider .slides-toggle .slide-prev{
left:-80px
}
.pricing.slider .slides-toggle .slide-next{
right:-80px
}
.pricing.slider .wrapper{
width:100%!important;
display:inline-block
}
.footer .soc-icons i,.pricing .table .title{
font-size:18px
}
.best-plans.pricing .wrapper.first{
margin-top:50px
}
.best-plans .table-responsive{
border:none;
margin-bottom:0
}
.section-plans .heading{
font-size:22px
}
.footer,.h-plans-info .header-wrap,.history-section .wrappper,.overview .img-over,.overview .overview-info,.service-skills .skills-wrap{
text-align:center
}
.tabs.offers-tabs .img{
display:block;
margin:0 auto
}
.tabs.offers-tabs .tabs-content .info{
padding-right:0
}
.tabs.offers-tabs .tabs-content .heading{
margin-top:30px
}
.tabs.offers-tabs .tabs-header li{
margin-top:50px;
margin-right:20px
}
.circle-section .title-round{
font-size:18px;
font-weight:700
}
.services.circle-section .heading{
margin-top:34px
}
.accordion.faq .wrapper-collapse .list li,.notfound p,.services.circle-section .info,.wpc-cloud-range .info-range{
font-size:14px
}
.domain-prices li,.megamenu .service-list .service .media-body a,.megamenu-list .service-list .service .media-body a{
font-size:14px!important
}
.history-section .wrappper.right{
text-align:center;
padding:0 15px
}
.history-section .history-separate{
margin-bottom:0
}
.history-section .history-separate img{
padding:0 120px 30px
}
.history-section .wrappper img{
width:25%;
margin:0 0 20px;
float:none
}
.filter-menu ul li{
font-size:13px
}
.product-meta{
padding:0 70px;
margin-top:35%
}
.details .wrappper .value{
text-align:center;
float:none;
margin:0
}
.details .wrappper .quantity{
display:inline-grid
}
.shop .select{
margin:0 0 30px
}
.shop .select.second{
margin:30px 0 0
}
.products .wrapper{
width:49%;
padding-right:18px;
padding-left:18px;
float:none;
display:inline-block
}
.products .btn{
padding:25px 38px;
font-size:14px
}
.team .soc-icons-wrap .icons{
margin-top:250px
}
.modal-dialog{
min-height:calc(100vh - 20px)
}
.fill-input{
padding:16px 20px!important
}
.general-input input.btn{
padding:17px
}
.domain-prices li{
padding:10px 12px!important
}
.cart .table-responsive{
border:none
}
.cart .data-cart .btn.order{
margin-left:0;
margin-top:20px
}
.cart.end{
padding-top:50px
}
.casestudy .author,.casestudy .content-info{
padding-left:0!important
}
.casestudy .ml-4{
margin-left:0!important
}
.casestudy .casestudy{
text-align:center;
margin-left:0
}
.accordion.faq .panel-title{
font-size:14px;
line-height:26px
}
.best-plans .table div.title-table,.best-plans .table td{
font-size:15px
}
.wrap-blog>img{
width:100%
}
.blog .media.answer{
padding-left:30px
}
.blog .sidebar{
margin-top:80px
}
.footer .footer-top img{
width:160px
}
.footer .soc-icons a{
margin:0 8px 0 5px!important
}
.footer .payment-list li{
font-size:18px!important
}
.footer .payment-list li p{
font-size:12px!important
}
.footer .footer-bottom .copyright{
margin-bottom:10px;
font-size:14px
}
.footer .footer-menu{
padding:0;
float:none;
text-align:center;
margin-left:0
}
.footer .payment-list{
float:none;
display:block;
text-align:center;
padding:0;
margin-left:0
}
.footer .footer-menu .menu-item{
text-align:center;
font-size:16px
}
.footer .footer-top .col-md-3.col-sm-6:last-child{
margin-bottom:30px
}
.footer .col-md-3.col-sm-6:last-child{
margin-bottom:10px
}
.footer .footer-bottom .footer-menu{
top:0!important;
margin-bottom:10px
}
.footer .soc-icons{
text-align:center;
padding-left:0
}
.cd-filter-content a{
display:block
}
.table td{
padding:.75rem
}
.section-404 .input-group{
margin-top:35px
}
.section-404 .img{
visibility:hidden
}
.getready .column-support-subtitle{
font-size:16px;
line-height:26px
}
.sec-main{
padding:80px
}
.general-input{
width:100%!important
}
.cd-gallery li{
width:100%;
margin-bottom:2em
}
.overview .overview-info{
padding:60px 0
}
.flickity-slider .animatype{
font-size:28px
}
.maping .datacenters{
width:14px;
height:14px
}
.top-header .wrapper .heading{
font-size:42px
}
.count-txt{
text-align:left;
font-size:13px;
margin-bottom:20px
}
.count-content .clock#specialclock{
text-align:left;
font-size:18px
}
.footer .footer-bottom .footer-menu .menu-item{
display:block;
margin-left:0
}
[data-background=light] .box-container .dropdown-menu.show a:hover,[data-background=light] .box-container .nav-menu .main-menu>.menu-item:hover>a{
color:grey!important
}
[data-background=light] .active #nav-toggle span:after,[data-background=light] .active #nav-toggle span:before{
background:grey!important
}
.btn{
font-size:12px;
padding:10px 20px
}
.tabs-header .btn-group>.btn:not(:first-child),.tabs-header .btn-group>.btn:not(:last-child),.tabs-header .btn-secondary:not(:disabled):not(.disabled).active{
font-size:12px!important;
padding:10px 20px!important
}
.countdown .wrapper .clock div{
margin:10px 20px
}
.offcanvas.offcanvas-box{
margin:0;
border-radius:0
}
.offcanvas.offcanvas-box .card svg{
position:initial;
margin:20px 0 0 20px;
transform:none
}
.offcanvas.offcanvas-box .os{
flex:0 0 calc(20% - -5px)
}
}
@media (min-width:768px){
.cd-filter{
position:relative;
width:100%!important;
height:auto!important;
background:0 0!important;
-webkit-transform:none!important;
-moz-transform:none!important;
-ms-transform:none!important;
-o-transform:none!important;
transform:none!important
}
.cd-filter .cd-close{
opacity:0!important;
top:-50px!important
}
.cd-filter.filter-is-visible{
display:inline-block!important;
width:100%!important;
box-shadow:none!important
}
.cd-main-content.is-fixed .cd-filter{
position:relative!important;
height:auto!important;
overflow:initial!important
}
.btn.cd-filter-trigger,.cd-filter::before{
display:none!important
}
.cd-gallery.filter-is-visible{
margin-top:28%!important
}
.cd-main-content.is-fixed .cd-gallery{
padding-top:600px!important
}
.cd-filter-block .list li{
margin:0 15px 15px 0;
display:inline-block!important
}
.cd-filter-block ul{
padding:0!important
}
.menu-wrap .nav-menu{
float:left
}
.nav-menu .main-menu>.menu-item>.sub-menu{
margin-left:-90px;
display:block!important
}
.nav-menu .main-menu>.menu-item>.sub-menu.menu-large{
margin-left:-140px!important;
display:block!important
}
.nav-menu .main-menu>.menu-item>.sub-menu.megamenu,.nav-menu .main-menu>.menu-item>.sub-menu.megamenu-list{
margin-left:initial!important;
display:initial!important
}
.nav-menu .main-menu>.menu-item:hover>.sub-menu{
top:35px;
opacity:1;
visibility:visible
}
}
@media (max-width:576px){
.btn-demos,.chars,.domain-prices,.secfeat{
display:none
}
.slider-content h1{
font-weight:700!important;
font-size:28px!important;
line-height:38px!important
}
.top-header .wrapper .round:before{
top:10px
}
.filter-menu ul,.tabs.offers-tabs .tabs-header,.tabs.offers-tabs .tabs-header ul{
padding:0
}
.tabs.offers-tabs .tabs-header li{
flex:0 0 100%;
max-width:100%
}
.filter-menu ul li{
font-size:12px;
padding:10px
}
.best-seller .col-xs-6,.featured.isotope .col-xs-6{
width:100%!important
}
.product-meta{
padding:0 70px;
margin-top:35%
}
.products .wrapper{
width:100%
}
.team .soc-icons-wrap .icons{
display:inline-block;
margin-top:250px
}
.cart .data-cart .order-suma{
margin-left:0;
padding:26px 46px
}
.pagination>li>a{
margin-bottom:20px
}
.special-footer{
margin-bottom:-150px
}
.sec-main{
padding:80px 30px
}
.wrap-blog .wrapper{
padding:60px 15px!important
}
.blog.blog .wrap-blog .comments,.blog.blog .wrap-blog .livecomment{
padding:60px 30px!important
}
.blog .sidebar{
padding:50px 15px!important
}
.circle-section .text-start:first-child{
text-align:left!important
}
.circle-section .text-start{
text-align:center!important
}
.casestudy .content-info p{
font-size:16px
}
.casestudy .author{
font-size:28px
}
.slick #clients div{
margin:0 20px
}
.slick-next{
right:30px
}
.slick-prev{
left:30px
}
}
@media (max-width:420px){
.top-header .wrapper .heading{
font-size:26px
}
.section-heading.small-text{
font-size:24px!important
}
.team .soc-icons-wrap .icons{
display:inline-block;
margin-top:185px
}
.blog .media .text-comments,.section-404 .input,.team .col-md-3.col-sm-6.col-xs-6{
width:100%
}
.table-responsive{
border:none
}
.payment-form .btn-check{
margin:5px 5px 0
}
.accordion.faq .wrapper-collapse .list{
margin-left:0
}
.wrap-blog .social{
width:100%;
text-align:center
}
.blog .social-icons{
text-align:center;
padding:0
}
.pagination .next,.pagination .prev,.pagination>li>a{
font-size:16px;
padding:5px 12px
}
.blog.blog .wrap-blog .media-left,.wpc-cloud-range .noUi-tooltip{
display:none
}
.blog .media .media-body{
padding-left:0
}
.blog .media a.answer{
float:none
}
.section-404 .title{
font-size:38px
}
.section-404 .input-group .btn{
width:100%;
margin-top:15px
}
.top-header .wrapper .subheading{
font-size:16px
}
}