@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);
#accordionExample, #offerInfo h6, #plansSection h6, .hc-hn-inner-text, .planText, .vpshead {
	text-align: center
}
.planInfo, body {
	background: #fff
}
#innerReview .reviewInfo, .planInfo {
	box-shadow: 0 0 15px 0 rgba(194,215,248,.55)
}
#offerInfo .title h2, #offerInfo h3, .price h4, .title h5 {
	font-family: Montserrat, sans-serif !important;
}
#faqSection .card-body a, .breadcrumb a, .card a, .card:hover a, .contactInfo li a, .copyrightInfo a, .footerContact a, .siteList li a, .solutionBox a, .tmCon a, .tmHeading a {
	text-decoration: none
}
body {
	padding: 0;
	margin: 0;
	color: #000;
	font-family: Montserrat, sans-serif !important;
	line-height: 30px;
	overflow-x: hidden
}
#datacenterCon img, #floatingBar img, .bolgInfo img, .paypalBox li img, img {
	width: auto;
	height: auto; 
}
article img {
	width: auto;
	height: auto; display: block; margin: 15px 0 !important; border: 1px solid #dcdcdc;
}
.carousel-caption p {
	margin-top: 0;
	margin-bottom: 3rem
}
#blogSection .owl-theme .owl-dots, #innerReview .owl-theme .owl-dots, #partnerSection .owl-theme .owl-nav, #reviewSection .owl-theme .owl-dots, .carousel-control-next, .carousel-control-prev, .domainName .owl-theme .owl-dots, .domainName .owl-theme .owl-nav, .planInfo br {
	display: none
}
.active {
	color: #02bac9!important
}
#aboutvps, #hostingSection, #offerInfo, #plansSection, #reviewSection, #supportSection {
	width: 100%;
	float: left;
	background: #fff;
	padding: 100px 0
}
#innerReview .owl-carousel .owl-nav button.owl-next, #innerReview .owl-carousel .owl-nav button.owl-prev, #plansSection .owl-carousel .owl-nav button.owl-next, #plansSection .owl-carousel .owl-nav button.owl-prev, #reviewSection .owl-carousel .owl-nav button.owl-next, #reviewSection .owl-carousel .owl-nav button.owl-prev {
	padding: 32px 30px!important;
	color: #fff;
	background: #ff944d!important;
	border-radius: 100%;
	line-height: 0
}
#plansSection .owl-theme .owl-nav {
	display: block
}
#plansSection .owl-theme .owl-dots, .owl-theme .owl-nav {
	margin: 30px 0 0;
	line-height: 0
}
#offerInfo .plansvps, #plansSection h1, .plansvps {
	font-size: 30px;
	font-weight: 400;
	margin: 0 0 15px;
	text-transform: none;
	text-align: center
}
#offerInfo .plansvps span, #plansSection h1 span, .plansvps span {
	font-weight: 700;
	font-size: 40px;
	line-height: 45px;
	display: block;
	color: #ff944d
}
.planInfo h2, .plansInner {
	font-size: 20px;
	font-weight: 700;
	margin: 20px 0;
	text-transform: uppercase;
	color: #000;
	transition: none, transform
}
.planInfo h2 span, .plansInner span {
	background: #f2f2f2;
	padding: 12px 25px;
	text-transform: none;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	display: block;
	margin: 10px 0 0;
	transition: none, transform
}
#offerInfo h6, #plansSection h6 {
	font-size: 45px;
	font-weight: 300;
	margin: 0 0 40px;
	text-transform: uppercase
}
#plansSection h4, .planInfo ul, .whySub p {
	margin: 0 0 10px!important
}
#chostingSection h6 span, #offerInfo h6 span, #plansSection h6 span {
	font-weight: 800
}
.accordion-item {
	border: 0!important;
	display: inline-block!important
}
.accordion-button:not(.collapsed) {
	box-shadow: inset 0 0 0 rgba(0,0,0,.125)
}
.vpshead {
	font-size: 35px!important;
	font-weight: 300;
	margin: 0 0 30px;
	text-transform: none!important;
	color: #09909b!important
}
.planText {
	padding: 0 15% 30px;
	font-weight: 500;
	font-size: 16px
}
.planInfo {
	width: 100%;
	float: left;
	padding: 40px;
	-webkit-box-shadow: 0 0 15px 0 rgba(194,215,248,.55);
	-moz-box-shadow: 0 0 15px 0 rgba(194,215,248,.55);
	color: #000;
	font-size: 17px;
	line-height: 24px;
	margin: 0 0 10px;
	text-align: left
}
.contact_icon_box {
	min-height: 300px!important
}
.planInfo ul {
	padding: 0;
	float: left
}
.planInfo li {
	width: 100%;
	float: left;
	padding: 3px 0 3px 30px;
	line-height: 33px;
	background: url(../images/check-mark.svg) left 10px/17px no-repeat
}
.planPrice {
	font-size: 40px;
	font-weight: 700;
	margin: 20px 0 5px;
	text-transform: uppercase;
	color: #0174df;
	transition: none, transform
}
.addonPrice span, .planPrice span {
	text-transform: none;
	color: #0174df;
	font-size: 18px;
	font-weight: 600;
	transition: none, transform
}
.addonPrice small, .planPrice small {
	font-size: 18px;
	font-weight: lighter;
	text-transform: lowercase!important
}
.innerslide .btn-primary, .planInfo h5, .planInfo h6 {
	text-transform: none!important
}
.addonsInfo h4, .planMonth {
	font-size: 18px;
	color: #0174df;
	font-weight: 500;
	margin: 0 0 20px;
	transition: none, transform
}
#domainSection, .contactMonth {
	font-size: 16px;
	font-weight: 500
}
.contactMonth, .contactMonth a {
	color: #000;
	transition: .5s
}
.contactMonth {
	margin: 0;
	line-height: 31px
}
.timeHead, .timeInfo {
	transition: 1s, transform 1s
}
.contacthead {
	color: #0174df!important;
	margin: 20px 0 10px!important
}
.planInfo h5, .planInfo h6, .planInfo h6 span {
	transition: none, transform;
	color: #000
}
.contactMonth a:hover {
	color: #0174df
}
.nameDomain, .timeInfo:hover h6 {
	color: #1e77ec
}
.planInfo h5 {
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0 0
}
.planInfo h6 {
	margin: 10px 0 25px!important;
	font-size: 20px!important;
	font-weight: 400!important
}
.planInfo h6 span {
	background: #f2f2f2;
	padding: 12px 25px;
	text-transform: none;
	font-size: 18px;
	font-weight: 700!important;
	display: block;
	margin: 15px 0 0!important
}
.planImages {
	margin: 0 27.5%!important
}
#innerReview .owl-carousel .owl-stage-outer, #plansSection .owl-carousel .owl-stage-outer, #reviewSection .owl-carousel .owl-stage-outer {
	overflow: inherit!important
}
#innerReview .container, #plansSection .container, #reviewSection .container {
	overflow: hidden!important
}
.contactMonth br {
	display: block!important
}
.plannav img {
	width: 10%!important;
	float: left;
	margin: 0 10px 0 0!important;
	padding: 5px!important;
	background: #fff
}
.domainList {
	width: 70%;
	position: relative;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0 15%
}
.domainList ul {
	width: 100%;
	padding: 0;
	margin: 0;
	display: inline-block;
	text-align: left
}
.domainList li {
	float: left;
	width: 33.333%!important;
	font-weight: 800
}
.domainList img {
	width: 15%;
	margin: 0 15px 0 0
}
.keyBox, .keyIocn, .keyIocn li {
	width: 100%;
	float: left
}
.keyBox {
	margin: 0!important;
	padding: 60px 0!important;
	background: #effeff
}
.keyBox h5 {
	font-size: 30px;
	font-weight: 600;
	line-height: 45px;
	margin: 0 0 25px;
	color: #09909b
}
.featuresBox h5 span, .helpInfo h5 span, .keyBox h5 span {
	font-weight: 300;
	display: inline-block
}
.keyIocn {
	background: #fff;
	padding: 60px;
	margin: 0 0 30px
}
#aboutSection ul, #chostingSection ul, #footerSection ul, #qualitySection ul, .featuresIcon ul, .keyIocn ul, .option ul {
	margin: 0;
	padding: 0
}
.keyIocn li {
	color: #09909b;
	font-size: 18px;
	background: url(../images/innerIcon.png) 30px 18px no-repeat;
	padding: 18px 30px 17px 70px;
	border: 1px solid #bff2f5;
	font-weight: 400;
	margin: 0 0 10px;
	list-style: none;
	line-height: 32px;
	background-size: 2.5% auto
}
#aboutSection h5 span, #domainSection h2 span, .aboutInfo h6 span, .expertSubhead span, .featuresBox h3 span, .nameDomain span, .tmCon h5 span, .tmHeading h3 span {
	font-weight: 300;
	display: block
}
#aboutvps img, .avail {
	width: 90%!important;
	height: auto
}
#domainSection {
	width: 100%;
	float: left;
	background: #f0f8ff;
	padding: 0;
	line-height: 30px
}
#domainSection img {
	width: 90%;
	height: auto;
	padding: 100px 0
}
#domainSection h2 {
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
	margin: 100px 0 0;
	text-transform: none;
	color: #000
}
#domainSection .btn-primary {
	color: #fff!important;
	background-color: #0172c7!important;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #0172c7!important;
	padding: 25px 45px;
	border-radius: 0
}
#domainSection .form-control:focus {
	color: #000!important;
	background-color: none;
	border-color: none;
	outline: 0;
	box-shadow: 0 0 15px 0 rgba(124,215,222,.25);
	-webkit-box-shadow: 0 0 15px 0 rgba(124,215,222,.25);
	-moz-box-shadow: 0 0 15px 0 rgba(124,215,222,.25)
}
#domainSection .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: none
}
#domainSection input::placeholder {
font-size:20px;
color:#b8b8b8!important
}
#domainSection form {
	margin: 30px 0
}
.domainName {
	width: 100%;
	float: left;
	background: url(../images/domainShadow.jpg) left top/100% auto no-repeat #fff;
	padding: 68px 40px 30px;
	margin: 10px 0 0
}
.nameDomain {
	font-size: 30px;
	font-weight: 700;
	line-height: 35px;
	margin: 0;
	text-align: center
}
.nameDomain span, .timeHead {
	line-height: 30px;
	font-size: 20px
}
.ratedBox, .whyCounting, .whyCounting ul {
	text-align: center!important
}
.nameDomain span {
	color: #000
}
#migrationCon img, #supportSection img, .innerslide img {
	width: 90%;
	height: auto;
	float: right
}
#aboutvps h4, #datacenterCon h6, #hostingSection h4, #innerReview h6, #reviewSection h4, #solutionSection h4, #supportSection h3 {
	font-size: 40px;
	font-weight: 700;
	line-height: 45px;
	text-transform: none;
	color: #ff944d;
	text-align: center;
	margin: 0 0 15px
}
#aboutvps h4 span, #blogSection h6 span, #datacenterCon h6 span, #faqSection h5 span, #hostingSection h4 span, #innerReview h6 span, #migrationCon h4 span, #ratedSection h4 span, #reviewSection h4 span, #solutionSection h4 span, #supportSection h3 span, .expertSection h2 span {
	font-weight: 300;
	font-size: 30px;
	color: #000;
	display: block
}
#supportSection p {
	margin: 0
}
.timeInfo {
	width: 100%;
	float: left;
	background: #fff;
	border: 1px solid #d5dcff;
	padding: 30px 40px;
	margin: 0 0 25px
}
.timeInfo img {
	width: 100%;
	height: auto;
	padding: 0 15%
}
.timeInfo p {
	margin: 0;
	font-size: 15px;
	line-height: 25px
}
.timeHead {
	font-weight: 700;
	color: #000;
	margin: 0
}
.timeInfo .col-md-3 {
	border-right: 1px solid #d5dcff!important;
	padding: 0 40px 0 0
}
.timeInfo .col-md-9 {
	padding: 0 0 0 40px
}
.timeInfo:hover {
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(194,215,248,.45);
	-webkit-box-shadow: 0 0 15px 0 rgba(194,215,248,.45);
	-moz-box-shadow: 0 0 15px 0 rgba(194,215,248,.45);
	border: 1px solid #fff
}
#partnerSection {
	width: 100%;
	float: left;
	background: #02c6d5;
	background: -moz-linear-gradient(top, #036ec5 0, #095dbf 60%, #095dbf 100%);
	background: -webkit-linear-gradient(top, #036ec5 0, #095dbf 60%, #095dbf 100%);
	background: linear-gradient(to bottom, #036ec5 0, #095dbf 60%, #095dbf 100%)
}
.partnerBox {
	width: 100%;
	float: left;
	background: url(../images/partnerBg.jpg) left bottom repeat-x;
	padding: 100px 0
}
#partnerSection h5 {
	font-size: 40px;
	font-weight: 700;
	line-height: 45px;
	text-transform: none;
	color: #fff;
	text-align: center
}
#addonsCon h3 span, #partnerSection h5 span {
	font-weight: 300;
	font-size: 30px;
	color: #fff;
	display: block
}
#partnerSection p {
	margin: 0;
	color: #fff
}
#partnerSection .owl-theme .owl-dots {
	display: block!important;
	margin: 40px 0 0
}
#partnerSection img {
	box-shadow: 0 0 15px 0 rgba(133,194,225,.45);
	-webkit-box-shadow: 0 0 15px 0 rgba(133,194,225,.45);
	-moz-box-shadow: 0 0 15px 0 rgba(133,194,225,.45)
}
#partnerSection .owl-carousel .owl-stage-outer {
	overflow: inherit
}
#partnerSection .container {
	overflow: hidden
}
#blogSection, #innerReview, #solutionSection {
	width: 100%;
	float: left;
	background: #f0f8ff;
	padding: 100px 0
}
#innerReview .col-sm-4 img, #reviewSection .col-sm-4 img, .customerBox .col-sm-1 img {
	border-radius: 100%;
	border: 6px solid #ceebed;
	width: 100%;
	height: auto
}
#innerReview .planText, #reviewSection .planText {
	padding: 0 18% 30px;
	text-align: center;
	font-weight: 500;
	font-size: 18px
}
#innerReview .reviewInfo, #reviewSection .reviewInfo {
	width: 100%;
	float: left;
	background: #fff;
	padding: 50px;
	color: #9193a3;
	font-size: 17px;
	line-height: 24px;
	margin: 30px 0 10px;
	min-height: 310px;
	transition: 1s, transform 1s
}
#innerReview .reviewInfo {
	-webkit-box-shadow: 0 0 15px 0 rgba(194,215,248,.55);
	-moz-box-shadow: 0 0 15px 0 rgba(194,215,248,.55);
	font-weight: 400!important
}
#aboutSection h2, #reviewSection h2 {
	font-size: 40px;
	font-weight: 300;
	margin: 0 0 20px;
	text-transform: uppercase
}
#aboutSection h2 span, #reviewSection h2 span {
	font-weight: 800;
	color: #f69352
}
#reviewSection .reviewInfo {
	box-shadow: 0 0 15px 0 rgba(194,215,248,.55);
	-webkit-box-shadow: 0 0 15px 0 rgba(194,215,248,.55);
	-moz-box-shadow: 0 0 15px 0 rgba(194,215,248,.55)
}
.reviewHead {
	font-size: 20px;
	font-weight: 600;
	line-height: 35px;
	margin: 0;
	padding: 0;
	color: #09909b
}
#faqSection h5, #whyTitle h5, .quoteBox h4, .stats {
	line-height: 45px
}
#reviewSection .reviewInfo h3, .clientName {
	margin: 10px 0 0!important;
	font-size: 20px
}
.clientDate, .clientName {
	color: #131c4e;
	transition: none, transform
}
.reviewInfo svg.bi.bi-star-fill {
	color: #f69352!important
}
.clientName {
	font-weight: 700;
	text-transform: uppercase
}
.clientDate {
	text-transform: none;
	font-size: 16px;
	font-weight: 300
}
#whySection h4 span, #whyTitle h5, .stats, .whyCounting li span {
	text-transform: uppercase
}
.quotes {
	position: absolute;
	width: 15%;
	right: 10%;
	top: -3%;
	text-stroke: 2px #ebebeb
}
#commonBox, #commonSub, #footerSection, #topContact, .blogText, .bolgInfo, .innerslide {
	position: relative
}
#whySection, .offerInfo, .siteList, .siteList li, .siteList li a, .socialBox {
	width: 100%;
	float: left
}
#reviewSection .reviewInfo h4 {
	font-size: 25px!important;
	font-weight: 700;
	line-height: 35px;
	text-transform: none;
	color: #ff944d;
	text-align: left;
	margin: 0
}
#reviewSection .reviewInfo h5 {
	font-size: 16px;
	margin: 0 0 10px!important;
	color: #9193a3;
	text-align: left;
	line-height: 25px;
	font-weight: 500
}
#reviewSection .reviewInfo p {
	color: #000;
	font-size: 16px;
	margin: 0
}
.planInfo .col-sm-8 svg {
	color: #169ea9;
	margin: 30px 0 0
}
.planInfo .col-sm-8 svg:last-child {
	color: #b9e2e5!important
}
#faqSection .card-body ul, .paypalBox ul, .siteList ul, .socialBox ul {
	padding: 0;
	margin: 0
}
.siteList li {
	list-style: none;
	border-bottom: 1px solid #ccc;
	padding: 15px 0!important;
	transition: 1s, transform 1s;
	display: block!important
}
.siteList li:hover {
	padding: 15px 5px!important
}
.siteList li a {
	color: #000;
	transition: 1s, transform 1s;
	display: block!important
}
.siteList li a:hover {
	color: #1071e7!important
}
.siteList li a svg {
	fill: #000!important;
	width: 7%!important;
	height: auto
}
.customerBox .col-sm-1 {
	flex: 0 0 auto;
	width: 20%!important
}
.customerBox .col-sm-11 {
	flex: 0 0 auto;
	width: 80%!important
}
.customerBox h3 {
	font-size: 20px;
	margin: 10px 0 5px!important
}
.customerBox .reviewInfo, .whyInner {
	margin: 15px 0!important
}
#faqSection .btn-primary, .quoteBox .btn-primary {
	font-weight: 500;
	margin: 0 5px;
	padding: 20px 30px;
	transition: 1s, transform 1s
}
#whySection {
	background: url(../images/why.svg) left top/100% auto no-repeat;
	padding: 21% 0 100px;
	text-align: center
}
.whyIcon {
	width: 60%;
	margin: 0 20% 20px;
	background: #0fbfce;
	border-radius: 100%;
	padding: 40px 50px
}
.whyIcon img {
	padding: 50px
}
.stats {
	font-size: 50px;
	font-weight: 900;
	color: #ff944d;
	margin: 0 0 10px
}
#whySection h4 span {
	font-weight: 500;
	font-size: 18px!important;
	color: #000;
	display: block
}
#whyTitle {
	width: 100%;
	float: left;
	background: #c6f7ff;
	padding: 100px 0 0;
	text-align: center
}
#whyTitle h5 {
	font-size: 40px;
	font-weight: 700;
	color: #01818c;
	text-align: center;
	margin: 0
}
#faqSection h5, .footerService, .quoteBox h4, .socialBox h4, .subscribeName {
	text-transform: none
}
#whyTitle h5 span {
	font-weight: 300;
	font-size: 26px;
	color: #01818c;
	display: block
}
.whyCounting {
	width: 100%
}
.whyCounting ul {
	padding: 0;
	margin: 0 0 10px
}
.whyCounting li {
	display: inline!important
}
.whyCounting li span {
	font-size: 40px;
	font-weight: 600;
	line-height: 40px;
	color: #ff944d;
	text-align: center
}
#quoteSection {
	width: 100%;
	float: left;
	background: #014ccc;
	background: linear-gradient(90deg, #014ccc 0, #0173c7 100%);
	padding: 10px 0
}
.quoteBox {
	width: 100%;
	float: left;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 50px 0
}
.quoteBox h4 {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	margin: 0
}
.quoteBox h4 span {
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	display: block;
	margin: 10px 0 0;
	line-height: 30px
}
.btn-lg, .quoteBox .btn-group-lg>.btn {
padding:.9rem 2rem;
	font-size: 16px;
	margin: 0
}
.quoteBox .btn-primary {
	color: #0271c6!important;
	background-color: #fff!important;
	border: 1px solid #fff!important;
	float: right
}
.quoteBox .btn-primary:hover {
	color: #fff!important;
	background-color: #0271c6!important;
	border: 1px solid #fff!important
}
#faqSection {
	width: 100%;
	float: left;
	background: #fff;
	padding: 100px 0 50px;
	text-align: center
}
#faqSection h5 {
	font-size: 40px;
	font-weight: 700;
	color: #ff944d;
	text-align: center;
	margin: 0 0 40px
}
#faqSection .btn-primary {
	color: #fff;
	background-color: #0271c6;
	border: 1px solid #0271c6
}
#faqSection .btn-primary:hover {
	color: #fff!important;
	background-color: #ff944d!important;
	border: 1px solid #ff944d!important
}
#faqSection hr {
	margin: 3.9rem 0;
	color: #8ca1bd;
	border: 0
}
.domainHead, .innerSubplan .col-lg-4, .subfaqHead {
	margin: 0 0 15px!important
}
#faqSection .accordion-item {
	margin: 0 0 20px;
	background-color: #fff;
	border: none
}
#faqSection .accordion-button {
	padding: 1.3rem 1.25rem;
	font-weight: 700
}
#faqSection .card-body {
	flex: 1 1 auto;
	padding: 1.5rem 2rem;
	box-shadow: 0 0 15px 0 rgb(231 231 231 / 55%);
	-webkit-box-shadow: 0 0 15px 0 rgb(231 231 231 / 55%);
	-moz-box-shadow: 0 0 15px 0 rgba(231 231 231, .55);
	transition: 1s, transform 1s;
	text-align: left
}
#faqSection .card-body a {
	color: #ff944d!important;
	font-weight: 600
}
#faqSection .card-body a:hover {
	color: #000!important
}
#faqSection .card-body li {
	list-style: inside
}
#faqSection .card-body li a {
	color: #169ea9
}
#faqSection .accordion-item h2 {
	border: 1px solid #ccc;
	background: #fff;
	color: #202020;
	font-weight: 700!important
}
#faqSection .accordion-button:not(.collapsed) {
	box-shadow: none;
	font-weight: 700;
	color: #202020;
	background-color: #f9f9f9
}
.codeBox {
	width: 100%;
	float: left;
	background: #900;
	padding: 20px;
	margin: auto;
	border: 1px solid #000
}
#blogSection .owl-nav button.owl-next, #blogSection .owl-nav button.owl-prev {
	padding: 32px 30px!important;
	color: #fff;
	background: #0172c7!important;
	border-radius: 100%;
	line-height: 0;
	left: -9%;
	position: absolute;
	transition: none, transform!important
}
#show-hidden-menu {
	margin: 0 0 50px
}
#blogSection h6, .expertSection h2 {
	font-size: 40px;
	font-weight: 700;
	line-height: 45px;
	text-transform: none;
	color: #000;
	text-align: center;
	margin: 0 0 15px
}
#blogSection .container-fluid {
	padding: 0 0 0 20%
}
#blogSection .owl-nav button.owl-next {
	bottom: 45%
}
#blogSection .owl-nav button.owl-prev {
	bottom: 32%
}
#blogSection .owl-nav button.owl-next:hover, #blogSection .owl-nav button.owl-prev:hover {
	background: #a8d0ee!important
}
.bolgInfo {
	width: 100%;
	float: left;
	background: #169ea9;
	padding: 0 0 15%
}
.blogText {
	width: 80%;
	float: left;
	font-size: 14px;
	color: #000;
	line-height: 20px;
	margin: -15% 0 0 20%;
	background: #fff;
	padding: 40px
}
.ratedInfo, .ratedLogo {
	padding: 10px 0;
	float: left
}
.blogName {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	color: #000
}
#ratedSection {
	width: 100%;
	float: left;
	background: #fff;
	padding: 100px 0 60px
}
#ratedSection h4 {
	font-size: 45px;
	font-weight: 700;
	line-height: 55px;
	text-transform: uppercase;
	color: #169ea9;
	text-align: center
}
.ratedBox {
	width: 100%;
	float: left;
	background: #fff1e8;
	border: 1px solid #f4d9c8
}
.ratedLogo, .ratedLogo img {
	background: #fff;
	width: 100%
}
#button, .ratedInfo, .ratedLogo {
	text-align: center
}
.ratedLogo img {
	height: auto!important;
	padding: 0 20%
}
.ratedBox h3 {
	font-size: 25px;
	font-weight: 800;
	color: #ff944d;
	padding: 15px 0;
	margin: 0
}
.ratedBox h3 span {
	font-size: 15px;
	font-weight: 600
}
.ratedBox svg {
	color: #ff944d;
	margin: 20px 0
}
.ratedBox svg:last-child {
	color: #ffd5b9
}
.ratedInfo {
	width: 100%;
	background: #fff1e8
}
#footerSection {
	width: 100%;
	float: left;
	background: #00235e;
	padding: 50px 0 0
}
.footerContact {
	font-size: 14px;
	color: #cbcfcf
}
.footerContact a {
	color: #cbcfcf;
	transition: 1s, transform 1s
}
.footerContact a:hover {
	color: #35bac5
}
.subscribeName {
	font-weight: 600;
	font-size: 18px!important;
	color: #fff
}
.footerService {
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	margin: 30px 0 0;
	padding: 0 0 20px
}
#chostingSection img, #qualitySection img, .expertSection img, .footerContact img {
	width: 90%;
	height: auto
}
.footLogo {
	padding: 70px 37% 0
}
#footerSection hr {
	margin: 1.5rem 0;
	background-color: #405a86;
	opacity: 10
}
#footerSection li {
	list-style: none;
	line-height: 30px;
	padding: 0 0 6px;
	background-size: 100% auto;
	margin: 0;
	transition: 1s, transform 1s
}
#aboutSection li, #chostingSection li, #qualitySection li {
	padding: 16px 30px;
	width: 33.333%;
	list-style: inside
}
#footerSection li:hover {
	margin: 0 0 0 8px;
	color: #35bac5
}
.paypalBox {
	width: 100%;
	float: right;
	padding: 30px 0 60px
}
.paypalBox li {
	list-style: none!important;
	padding: 0;
	margin: 0 10px!important;
	float: left!important
}
.copyrightInfo {
	width: 100%;
	float: left;
	color: #fff;
	font-size: 16px;
	background: #062d6f;
	padding: 40px 0 20px;
	border-top: 1px solid #133f89
}
.copyrightInfo a {
	color: #3ea2ed
}
.socialBox li {
	padding: 0!important;
	background: 0 0!important
}
.socialBox h4 {
	font-weight: 600;
	font-size: 20px;
	color: #fff;
	margin: 30px 0 20px
}
.card1, .socialBox li:hover {
	margin: 0!important
}
.socialBox li a svg {
	fill: #829eb6!important;
	list-style: none;
	float: left;
	background: #043c6d!important;
	padding: 12px;
	margin: 0 3px 0 0!important;
	text-align: center;
	transition: 1s, transform 1s
}
.socialBox li a svg:hover {
	fill: #00235e!important;
	background-color: #fff!important;
	margin: 0 3px 0 0!important
}
.socialBox svg {
	width: 14%;
	height: auto
}

 
article ul {
	display: block;
	list-style-type: disc;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40px
}
article ul li {
	font-size: 15px;
	color: #2a2d38;
	font-weight: 400;
	line-height: 27px;
	letter-spacing: 0
}
article ul li>ul {
	padding: 0!important; margin: 0 0 0 20px;
	list-style-type: circle
}
article ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0 0 0 2rem;
	padding: 0
}
article ol>li {
	display: table;
	counter-increment: item;
	font-size: 16px;
	color: #2a2d38;
	font-weight: 400;
	line-height: 27px;
	letter-spacing: 0;
	font-family: Montserrat, sans-serif !important;
}
article ol>li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: .6em
}
article ol li>ol {
	padding-left: 0;
	margin: 0
}
article li ol>li:before {
	content: counters(item, ".") " "
}
article li img {
	margin: 10px 0 0
}
article ol>li p {
	margin: 5px 0 10px
}
article ol>p {
	margin: 5px 0 10px
}
article ul>li p {
	margin: 5px 0 10px
}
article ul>p {
	margin: 5px 0 10px
}
article ul li strong {
	font-weight: 600;
	color: #2a2d38; display: block;
	font-size: 16px;
}
article ol li strong {
	font-weight: 600;
	color: #2a2d38;  display: block;
	font-size: 16px;
}
article ol>li:before {
	color: #2a2d38;
	font-weight: 400
}
article ul>li:marker {
color:#2a2d38;
font-weight:400
}
 
h1.entry-title {
	font-size: calc(1.375rem + 1.5vw);
	line-height: 40px!important
}
@media(min-width:1200px) {
h1.entry-title {
	font-size: 2.5rem;
	line-height: 40px!important
}
}
h2.entry-title {
font-size:calc(1.325rem + .9vw);
	line-height: 35px!important
}
@media(min-width:1200px) {
h2.entry-title {
	font-size: 2rem;
	line-height: 35px!important
}
}
h3.entry-title {
font-size:calc(1.3rem + .6vw);
	line-height: 30px!important
}
@media(min-width:1200px) {
h3.entry-title {
	font-size: 1.75rem;
	line-height: 30px!important
}
}
h4.entry-title {
font-size:calc(1.275rem + .3vw);
	line-height: 27px!important
}
@media(min-width:1200px) {
h4.entry-title {
	font-size: 1.5rem;
	line-height: 27px!important
}
}
h5.entry-title {
	font-size: 1.25rem;
	line-height: 27px!important
}
h6.entry-title {
	font-size: 1rem;
	line-height: 27px!important
}
h1 strong {
	font-weight: 500!important;
	color: #0343ab
}
h2 strong {
	font-weight: 500!important;
	color: #0343ab
}
h3 strong {
	font-weight: 500!important;
	color: #0343ab
}
h4 strong {
	font-weight: 500!important;
	color: #0343ab
}
h5 strong {
	font-weight: 500!important;
	color: #0343ab
}
h6 strong {
	font-weight: 500!important;
	color: #0343ab
}


#button {
	display: inline-block;
	background-color: #ff9800;
	padding: 22px;
	border-radius: 100%;
	position: fixed;
	bottom: 30%;
	right: 3%;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000
}
#button svg {
	fill: #fff!important
}
#button:hover {
	cursor: pointer;
	background-color: #235dbf
}
#button:active {
	background-color: #00747d
}
#button.show {
	opacity: 1;
	visibility: visible
}
@media (min-width:500px) {
#button {
	margin: 30px
}
}
@media (min-width:1501px) {
.carousel-caption h2, .carousel-caption h2 span {
	font-size: 45px;
	line-height: 60px
}
.carousel-caption h2 {
	color: #fff
}
.carousel-caption {
	top: 30%
}
nav li {
	margin: 0
}
.featuresCon img {
	width: 60%;
	margin: 0 20%
}
}
@media (max-width:1550px) {
.carousel-caption h2, .carousel-caption h2 span {
	font-size: 45px;
	line-height: 60px
}
.carousel-caption h2 {
	color: #fff
}
.carousel-caption {
	top: 20%
}
nav li {
	margin: 0
}
.navbar-light .navbar-nav .nav-link {
	padding-left: 6px;
	padding-right: 6px;
	font-size: 13px
}
}
@media (max-width:1450px) {
.carousel-caption h2 {
	font-size: 30px;
	line-height: 45px;
	margin: 0 0 10px
}
.carousel-caption h2 span, .planInfo h3 {
	font-size: 35px
}
.carousel-caption p {
	margin-bottom: 2rem
}
.planInfo h2 {
	font-size: 20px
}
.planInfo h2 span, .planInfo h4 {
	font-size: 16px
}
}
@media (max-width:1350px) {
.navbar-light .navbar-nav .nav-link {
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px
}
.navbar-light .navbar-nav .nav-link:last-child {
	padding-left: 15px;
	padding-right: 15px
}
.nav-link {
padding:.2rem 1rem
}
}
@media (max-width:1250px) {
.carousel-caption h2 {
	font-size: 25px;
	line-height: 40px
}
.carousel-caption h2 span {
	font-size: 30px
}
.carousel-caption {
	font-size: 14px;
	line-height: 25px
}
.whyIcon img {
	padding: 40px
}
.navbar-light .navbar-nav .nav-link {
	padding-left: 10px!important;
	padding-right: 10px!important;
	font-size: 11px!important
}
}
@media (max-width:1200px) {
.planInfo h2 {
	font-size: 17px
}
.planInfo, .planInfo h2 span, .planInfo h4 {
	font-size: 14px
}
.planInfo h3, .quoteBox h5 {
	font-size: 30px
}
#plansSection .owl-theme .owl-nav {
	margin-top: 10px;
	display: block
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
	padding: 40px 0 0
}
#domainSection h5 {
	font-size: 35px;
	margin: 60px 0 0
}
#domainSection h6 {
	font-size: 20px;
	line-height: 28px
}
.domainName h4 {
	font-size: 35px
}
.blogText h2, .quoteBox h5 span {
	font-size: 16px
}
.domainName {
	padding: 50px 30px 30px
}
#supportSection {
	padding: 70px 0
}
.planInfo .col-sm-8 svg {
	margin: 0
}
.quotes {
	top: 1%
}
#whySection h4 span {
	font-size: 15px!important
}
.stats {
	font-size: 40px;
	line-height: 40px
}
.quoteBox .btn-primary {
	padding: 20px 25px;
	font-size: 14px!important
}
.blogText {
	padding: 30px
}
.blogText h2 {
	line-height: 22px
}
#ratedSection .col-lg-3 {
	flex: 0 0 auto;
	margin: 0 0 20px;
	width: 50%!important
}
#footerSection {
	padding: 70px 0 0
}
.socialBox svg {
	width: 11%
}
.navbar-light .navbar-nav .nav-link {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 11px
}
}
@media (max-width:1100px) {
#plansSection {
	padding: 80px 0
}
#domainSection .btn-primary, .input-group input, .input-group-append {
	width: 100%!important
}
#domainSection .btn-primary {
	padding: 20px 45px
}
#domainSection input::placeholder {
font-size:18px;
color:#b8b8b8!important
}
.form-control {
	padding: 23px 28px
}
.navbar-light .navbar-nav .nav-link {
	font-size: 10px;
	margin: 9px 0
}
.megamenu h3 {
	font-size: 13px;
	margin: 0 0 5px
}
.megamenu h4 {
	font-size: 1.15rem
}
}
@media (max-width:1050px) {
.navbar-light .navbar-nav .nav-link {
	font-size: 9px
}
}
@media (max-width:1000px) {
#domainSection h5 {
	font-size: 25px;
	line-height: 40px
}
.planText {
	padding: 0 12% 30px
}
.planInfo .col-sm-4 {
	width: 16.333333%!important
}
#reviewSection .owl-theme .owl-dots, .owl-theme .owl-nav {
	padding: 0!important
}
#reviewSection .owl-theme .owl-nav {
	margin-top: 0!important
}
#ratedSection, #reviewSection {
	padding: 60px 0
}
#reviewSection .planText {
	padding: 0 8% 10px;
	font-size: 18px
}
#reviewSection .quotes img {
	width: 60%
}
#ratedSection h4, #reviewSection h6 {
	font-size: 40px;
	line-height: 50px
}
.whyIcon img {
	padding: 35px
}
#blogSection .owl-nav button.owl-next {
	left: -13%
}
#blogSection .owl-nav button.owl-prev {
	left: -13%;
	bottom: 29%
}
.footLogo {
	padding: 40px 37% 0
}
#plansSection h1 {
	font-size: 35px
}
.navbar-light .navbar-nav .nav-link {
	font-size: 9px
}
.mapBox .col-md-6 {
	flex: 0 0 auto;
	width: 100%!important
}
.siteList {
	padding: 25px!important;
	font-size: 13px!important;
	line-height: 20px!important
}
.siteList h3 {
	font-size: 16px!important;
	margin: 0!important
}
#reviewSection h2 {
	font-size: 30px!important;
	margin: 0!important
}
.siteList li a svg {
	width: 3%!important
}
#reviewSection .reviewInfo {
	margin: 20px 0 10px!important
}
.ideal_icon {
	width: 25%!important
}
.idealBox .col-md-2 {
	width: 33.333%!important;
	min-height: 200px!important
}
.vpshead {
	font-size: 28px!important
}
}
@media (max-width:991px) {
.carousel-caption p {
	display: none
}
.carousel-caption {
	top: 30%
}
.carousel-caption h2 {
	margin: 0 0 20px
}
.btn-lg, .quoteBox .btn-group-lg>.btn {
padding:.9rem 1.5rem;
	font-size: 13px
}
#supportSection img {
	width: 100%;
	padding: 20px 10% 0
}
#partnerSection h4 span {
	font-size: 26px
}
.partnerBox {
	padding: 70px 0;
	background-size: 100% 40%
}
#partnerSection .owl-theme .owl-dots {
	margin: 0
}
#partnerSection h4 {
	font-size: 35px;
	line-height: 40px
}
.planInfo .col-sm-4 {
	width: 20.333333%!important
}
#whySection {
	padding: 21% 0 60px
}
.whyIcon {
	width: 50%;
	margin: 0 25% 20px
}
.whyIcon img {
	padding: 55px
}
#whyTitle {
	padding: 60px 0 0
}
#whyTitle h5 {
	font-size: 30px
}
#whyTitle h5 span {
	font-size: 23px
}
.quoteBox .col-sm-5, .quoteBox .col-sm-7 {
	width: 100%!important
}
.quoteBox .btn-primary {
	padding: 16px 25px;
	margin: 15px 10px 0 0;
	font-size: 14px!important;
	float: left
}
#faqSection h3 {
	font-size: 40px;
	line-height: 50px
}
#faqSection {
	padding: 60px 0
}
#faqSection hr {
	margin: 1.9rem 0 3rem
}
.blogText h2 {
	font-size: 15px
}
.blogText {
	padding: 30px
}
#footerSection .col-sm-3 {
	width: 15%
}
.socialBox {
	margin: 0 0 1.5rem;
	border-bottom: 1px solid #405a86;
	opacity: 10;
	padding: 0 0 45px
}
.socialBox svg {
	width: 8%
}
#brand {
	width: 20%;
	padding: 15px 0
}
.navbar-light .navbar-toggler {
	color: #fff;
	background: #fff;
	border-color: #f69352;
	float: left;
	margin: 10px 0
}
.navbar-light .navbar-nav .nav-link {
	margin: 0!important;
	border-bottom: 1px solid #ddd;
	padding-left: 30px!important;
	padding-right: 30px!important;
	font-size: 13px!important
}
.megamenu {
	width: 100%
}
.loginBox {
	border-radius: 0;
	padding: 30px 0
}
.timeInfo img {
	width: 70%!important;
	padding: 10px 10%!important
}
.feaIcon {
	width: 100%!important;
	float: left
}
}
#aboutSection li, .expertSection li {
	border: 1px solid #d2e5ff;
	float: left;
	background: rgba(255,255,255,.3)
}
@media (max-width:950px) {
.carousel-caption h2 {
	font-size: 20px;
	line-height: 35px
}
.carousel-caption h2 span {
	font-size: 25px
}
}
@media (max-width:800px) {
#blogSection .owl-nav button.owl-next, #blogSection .owl-nav button.owl-prev {
	left: 0;
	position: relative;
	bottom: 0
}
#blogSection .container-fluid {
	padding: 0 10%
}
.blogText h2 {
	font-size: 15px
}
.blogText {
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	margin: -15% 0 30px;
	padding: 40px
}
#blogSection {
	padding: 60px 0
}
#blogSection h6 {
	font-size: 40px;
	line-height: 50px
}
#blogSection h6 span {
	font-size: 25px
}
.footerContact h5 {
	font-size: 18px
}
}
@media (max-width:767px) {
#domainSection, .copyrightInfo, .planText, .timeInfo {
	text-align: center
}
.planInfo h2 {
	font-size: 20px
}
.btn-secondary {
	padding: 10px 20px;
	font-size: 12px
}
#plansSection h1 {
	font-size: 35px
}
.planText {
	padding: 0 8% 30px;
	font-weight: 500;
	font-size: 16px;
	line-height: 25px
}
.planInfo br {
	display: block
}
.planInfo {
	padding: 30px
}
#plansSection {
	padding: 60px 0
}
#domainSection img {
	width: 100%;
	padding: 50px 0
}
#domainSection h5 {
	margin: 0
}
#domainSection .btn-primary {
	padding: 15px 45px;
	font-size: 16px
}
#domainSection input::placeholder {
font-size:16px;
color:#b8b8b8!important
}
.form-control {
	padding: 20px 25px
}
#supportSection img {
	width: 100%
}
.timeInfo .col-sm-12:first-child {
	padding: 25px;
	border-bottom: 1px solid #d5dcff;
	margin: 0 0 30px;
	border-right: none!important
}
.partnerBox {
	padding: 50px 0
}
#partnerSection h4 {
	font-size: 30px;
	line-height: 35px
}
#partnerSection h4 span, .carousel-caption h2 span {
	font-size: 22px
}
.planInfo .col-sm-4 {
	width: 30.333333%!important
}
.planInfo img {
	width: 40%!important;
	height: auto
}
#reviewSection .planInfo p {
	font-size: 14px
}
#reviewSection .planInfo {
	padding: 30px 40px
}
#reviewSection .planInfo h3 {
	font-size: 18px
}
#reviewSection .quotes img {
	width: 90%
}
#reviewSection .owl-carousel .owl-nav button.owl-next, #reviewSection .owl-carousel .owl-nav button.owl-prev {
	padding: 28px 26px!important
}
#faqSection h3, #ratedSection h4, #reviewSection h6 {
	font-size: 35px;
	line-height: 45px
}
#ratedSection h4 span, #reviewSection h6 span {
	font-size: 25px
}
.whyIcon img {
	padding: 35px
}
#faqSection .col-sm-5 {
	width: 80%;
	margin: 0 10%
}
#faqSection .col-sm-7 {
	width: 100%;
	padding: 40px 0 0
}
#faqSection hr {
	margin: 1.9rem 0 3rem
}
#faqSection {
	padding: 60px 0 30px
}
.copyrightInfo .text-end {
	text-align: inherit!important
}
.copyrightInfo p {
margin-bottom:.3rem
}
.carousel-caption h2 {
	font-size: 17px;
	line-height: 31px
}
.carousel-indicators {
	margin-bottom: 4rem
}
.btn-lg, .quoteBox .btn-group-lg>.btn {
padding:.7rem 1.1rem;
	font-size: 13px
}
.timeInfo img {
	width: 40%!important;
	margin: 0 30%!important
}
.timeInfo .col-sm-12 {
	padding: 0 25px 25px!important
}
.socialBox svg {
	width: 10%
}
#reviewSection h2 {
	font-size: 20px!important;
	margin: 0!important
}
.siteList li a svg {
	width: 6%!important
}
}
@media (max-width:650px) {
.carousel-caption h2 {
	font-size: 15px;
	line-height: 28px
}
.carousel-caption h2 span {
	font-size: 19px
}
.btn-lg, .quoteBox .btn-group-lg>.btn {
	padding: 10px 20px;
	font-size: 12px
}
}
@media (max-width:600px) {
.planInfo .col-sm-4, .planInfo .col-sm-8 {
	width: 100%!important;
	text-align: center
}
#reviewSection .col-sm-4 img {
	width: 40%;
	margin: 0 30% 10px
}
.planInfo h4 {
	margin: 0
}
#reviewSection h6 {
	font-size: 30px;
	line-height: 40px
}
#faqSection {
	padding: 60px 5% 30px
}
#blogSection .owl-nav button.owl-next, #blogSection .owl-nav button.owl-prev {
	padding: 28px 26px!important
}
.blogText {
	margin: -15% 0 20px;
	padding: 20px
}
.ratedBox h3 {
	padding: 15px 0 0
}
#plansSection, #ratedSection, #reviewSection {
	padding: 60px 5%
}
#domainSection {
	padding: 0 5%
}
.partnerBox {
	padding: 50px 5%
}
.footerContact {
	padding: 0 10%
}
.carousel-caption {
	display: none
}
.carousel-indicators {
	margin-bottom: 3rem
}
.socialBox svg {
	width: 12%
}
}
@media (max-width:575px) {
.whyIcon {
	width: 40%;
	margin: 0 30%;
	float: left
}
.whyIcon img {
	padding: 45px
}
#whySection h4 span {
	text-align: center!important
}
#whySection h4, .stats {
	text-align: left
}
#whySection .col-xs-12 {
	padding: 0 15% 30px!important;
	border-bottom: 1px solid #c6f7ff;
	margin: 0 0 30px
}
#whySection .col-xs-12:last-child {
	border-bottom: none;
	margin: 0
}
#whySection {
	padding: 33% 0 40px
}
.stats {
	font-size: 30px;
	line-height: 30px;
	margin: 20px 0 0
}
.quoteBox {
	padding: 30px 5% 40px
}
.quoteBox h5 {
	font-size: 23px;
	line-height: 30px
}
.quoteBox h5 span {
	font-size: 14px
}
#blogSection h6 {
	font-size: 35px;
	line-height: 45px
}
#ratedSection h4 {
	font-size: 30px;
	line-height: 40px
}
#footerSection .col-sm-3 {
	width: 20%
}
#whyTitle h5 {
	font-size: 20px;
	line-height: 28px
}
#whyTitle h5 span {
	font-size: 18px
}
#partnerSection h4, #reviewSection h6 {
	font-size: 25px;
	line-height: 30px
}
#partnerSection h4 span, #reviewSection h6 span {
	font-size: 20px
}
.planText {
	padding: 0 0 30px;
	line-height: 20px
}
}
@media (max-width:500px) {
#reviewSection .planText, .footerContact h4, .footerContact h5 {
	font-size: 16px
}
#blogSection h6 span, #reviewSection h6 span, #whyTitle h5 span {
	font-size: 20px
}
#reviewSection {
	padding: 50px 0
}
#blogSection h6, #reviewSection h6 {
	font-size: 25px;
	line-height: 35px
}
#whyTitle h5 {
	font-size: 23px;
	line-height: 35px
}
.whyIcon img {
	padding: 20px
}
.paypalBox li {
	width: 26.333%!important
}
.socialBox h4 {
	margin: 5px 0 20px
}
.socialBox {
	margin: 0;
	padding: 0 0 25px
}
}
@media (max-width:460px) {
#faqSection .btn-primary {
	margin: 0 0 10px;
	padding: 15px 30px;
	width: 100%
}
#show-hidden-menu {
	margin: 0 0 20px
}
#faqSection h3 {
	font-size: 30px;
	line-height: 35px
}
#faqSection hr {
	margin: 1rem 0 2em
}
#faqSection .accordion-button {
	padding: 1rem 1.25rem;
	font-weight: 700;
font-size:.8rem
}
#footerSection .col-sm-3 {
	width: 25%;
	margin: 0 0 20px
}
.socialBox svg {
	width: 14%
}
}
@media (max-width:450px) {
#supportSection h3 span {
	font-size: 20px;
	line-height: 40px
}
#supportSection {
	padding: 50px 0
}
.timeInfo h6 {
	font-size: 16px
}
.timeInfo p {
	font-size: 14px;
	line-height: 20px
}
#supportSection h3 {
	font-size: 25px;
	line-height: 32px
}
#partnerSection h4 {
	font-size: 26px;
	line-height: 35px
}
.partnerBox {
	background-size: 100% 35%
}
#reviewSection .planInfo {
	margin: 30px 0
}
.stats {
	margin: 10px 0 0;
	font-size: 25px;
	line-height: 25px
}
#whySection h4 span {
	font-size: 13px!important
}
.quoteBox .btn-primary {
	width: 100%;
	padding: 14px 25px
}
.quoteBox {
	text-align: center
}
#faqSection {
	padding: 40px 5% 30px
}
.footLogo {
	padding: 25px 25% 0
}
}
.innerslide h1, .innerslide h1 span {
	font-size: 35px;
	color: #fff;
	font-weight: 700
}
@media (max-width:400px) {
#plansSection h1 {
	font-size: 25px
}
#domainSection img {
	padding: 30px 0 20px
}
#domainSection h5, #whyTitle h5 {
	font-size: 20px;
	line-height: 30px
}
#domainSection input::placeholder {
font-size:14px;
color:#b8b8b8!important
}
.form-control {
	padding: 18px 20px
}
.quotes {
	top: 2%
}
#reviewSection .quotes img {
	width: 100%
}
#whySection .col-xs-12 {
	width: 100%;
	padding: 0 10% 20px!important;
	margin: 0 0 20px
}
.whyIcon img {
	padding: 15px
}
#whyTitle h5 span {
	font-size: 14px
}
#whyTitle {
	padding: 40px 0 0
}
#whySection {
	padding: 33% 0 20px
}
#faqSection h3 {
	font-size: 25px;
	line-height: 33px
}
#ratedSection .col-lg-3 {
	margin: 0 0 20px;
	width: 100%!important
}
.ratedInfo .col-xs-12 {
	width: 50%;
	float: left
}
#ratedSection h4 {
	font-size: 25px;
	line-height: 35px
}
#partnerSection h4 span, #ratedSection h4 span, #reviewSection h6 span {
	font-size: 16px
}
#supportSection h3 span {
	font-size: 16px;
	line-height: 35px
}
.planText {
	padding: 0 8% 10px
}
.footLogo {
	padding: 15px 20% 0
}
#footerSection .col-sm-3 {
	width: 30%;
	margin: 0 0 20px
}
#plansSection, #ratedSection, #reviewSection {
	padding: 60px 5%
}
#domainSection {
	padding: 0 5%
}
#supportSection {
	padding: 50px 5% 30px
}
.partnerBox {
	padding: 50px 5%
}
.footerContact {
	padding: 0 10%
}
.socialBox li a svg {
	padding: 10px
}
.paypalBox li {
	width: 25.333%!important
}
}
.innerslide {
	width: 100%;
	float: left;
	background: linear-gradient(-90deg, rgb(12 105 151), rgb(3 79 116));
	padding: 110px 0 40px
}
#aboutSection, .aboutInfo {
	background: #fff;
	width: 100%
}
.innerslide .carousel-caption {
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	top: 19%;
	padding: 0;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	z-index: 10!important
}
.planHead {
	top: 12%!important
}
.innerslide .carousel-caption h3 {
	font-size: 30px;
	font-weight: 500;
	color: #ff8c40
}
.innerslide h1 {
	line-height: 45px;
	margin: 0 0 10px!important
}
.innerslide .carousel-caption p {
	margin-bottom: 2rem
}
.innerslide h1 span {
	line-height: 30px
}
.innerslide .btn-primary {
	color: #fff;
	background-color: transparent;
	border: 1px solid #1381b9;
	transition: 1s, transform 1s
}
.innerslide .btn-primary:hover {
	border: 1px solid #23becb;
	background: #19a3af
}
#aboutSection {
	float: left;
	padding: 80px 0;
	color: #000
}
.aboutInfo {
	float: left;
	padding: 35px 40px;
	color: #9193a3;
	font-size: 17px;
	line-height: 24px;
	margin: 0 0 10px;
	border: 1px solid #e6e6e6
}
.aboutInfo h6 {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	margin: 0 0 15px;
	color: #000
}
.aboutInfo p {
	color: #000;
	line-height: 28px
}
.aboutInfo .col-sm-8 {
	padding: 0 0 0 60px
}
#aboutSection li {
	color: #0c6adf;
	font-size: 18px;
	margin: 0 0 10px
}
.expertSection {
	width: 100%;
	float: left;
	background: #f0f8ff;
	padding: 80px 0;
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	text-align: left
}
#chostingSection h6, .card a, .commonInfo, .featuresCon h4, .helpInfo, .idealBox h6, .vpscenter, .whyBox .col-lg-6 {
	text-align: center
}
#aboutSection h5 {
	font-size: 22px;
	font-weight: 600;
	line-height: 35px;
	margin: 0 0 5px;
	color: #0157cb
}
.tmCon h5 {
	font-size: 22px!important;
	font-weight: 600;
	line-height: 35px;
	margin: 0 0 15px;
	color: #0159ca
}
.expertSection ol {
	list-style-type: none;
	counter-reset: ordered;
	margin: 0;
	padding: 0
}
.expertSection li {
	color: ##0159ca;
	font-size: 18px;
	padding: 23px 30px;
	width: 50%;
	margin: 0 0 10px
}
.expertSection li:last-child {
	width: 100%
}
.expertSection li::before {
	border: 1px solid #f69352;
	background: rgba(255,255,255,.3);
	border-radius: 50%;
	color: #f69352;
	content: counter(ordered);
	counter-increment: ordered;
	display: inline-block;
	font-weight: 600;
	padding: 3px 12px;
	margin: 0 20px 0 0
}
.expertSection hr {
	margin: 2rem 0;
	background-color: #09909b
}
.subHrline {
	margin: 2rem 0!important;
	background-color: transparent!important
}
#chostingSection li, #qualitySection li, .listBox {
	background: rgba(255,255,255,.3);
	float: left
}
#chostingSection a, .subText a {
	color: #ff944d!important;
	text-decoration: none
}
#chostingSection h6 {
	font-size: 40px;
	font-weight: 300;
	margin: 0 0 40px;
	text-transform: uppercase
}
.listBox {
	width: 100%;
	padding: 30px;
	border: 1px solid #bff2f5;
	margin: 0 0 20px;
	font-weight: 600
}
aboutInfo .listBox img {
	width: 100%!important;
	height: auto;
	float: left!important
}
.subText {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	color: #347dd5!important;
	margin: 0 0 13px!important
}
#chostingSection, #qualitySection {
	width: 100%;
	float: left;
	background: #fff;
	padding: 80px 0;
	text-align: left
}
#qualitySection li {
	color: #0157ca;
	font-size: 18px;
	border: 1px solid #ddecff;
	margin: 0 0 10px
}
#chostingSection h3, #qualitySection h3 {
	font-size: 26px;
	font-weight: 600;
	line-height: 35px;
	margin: 0 0 15px;
	color: #000
}
.helpInfo, .plaskText, table b, table strong {
	font-weight: 500
}
#qualitySection .text-center {
	font-size: 45px;
	font-weight: 700;
	line-height: 55px;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	margin: 0 0 30px
}
#chostingSection h3 span, #qualitySection h3 span {
	font-weight: 300
}
#chostingSection p, #qualitySection p {
	margin: 0 0 13px
}
#qualitySection hr {
	margin: 1.8rem 0;
	color: #4f96f5
}
.qualityInfo {
	padding: 0 40px 0 0
}
.qualityInfo p {
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 26px
}
.featuresBox h3, .featuresBox h5, .helpInfo h5 {
	line-height: 45px;
	color: #09909b;
	font-weight: 600
}
#chostingSection li {
	color: #09909b;
	font-size: 18px;
	border: 1px solid #bff2f5;
	margin: 0 0 10px
}
.listFull li, .tmList li {
	width: 100%!important
}
#chostingSection hr {
	margin: 1.8rem 0;
	color: #23becb
}
.subHr {
	margin: 4rem 0!important
}
.featuresBox, .helpInfo, .plaskimg {
	margin: 0!important
}
.paypalBox ul, .subLeft {
	float: left!important
}
.subRight {
	float: right!important
}
.featuresBox {
	width: 100%;
	float: left;
	padding: 0 0 2px!important;
	background: #effeff
}
.featuresBox h5 {
	font-size: 36px;
	margin: 60px 0 55px
}
.featuresBox h3 {
	font-size: 30px;
	margin: 0 0 15px
}
.plaskimg {
	width: 100%!important;
	padding: 30px 30%!important
}
.helpInfo {
	width: 100%;
	float: left;
	padding: 0 0 70px!important;
	background: #effeff;
	font-size: 18px
}
.helpInfo h5 {
	font-size: 36px;
	margin: 60px 0 15px
}
.vpscenter {
	margin: 0 0 40px
}
.featuresInfo {
	width: 100%;
	float: left;
	background: #fff
}
.featuresCon {
	width: 50%;
	float: left;
	padding: 100px;
	background: #ddf7f8
}
.featuresCon h4 {
	font-size: 30px;
	font-weight: 600;
	line-height: 35px;
	margin: 0 0 35px;
	color: #008989
}

.featuresCon img {
	width: 60%;
	margin: 0 20%
}
.featuresIcon {
	width: 50%;
	float: left;
	padding: 85px 100px;
	background: #fff
}
.featuresIcon li {
	color: #09909b;
	font-size: 18px;
	background: url(../images/innerIcon.png) 30px 18px no-repeat;
	padding: 18px 30px 25px 80px;
	border: 1px solid #bff2f5;
	font-weight: 600;
	width: 100%;
	float: left;
	margin: 0 0 10px;
	list-style: none;
	line-height: 32px;
	background-size: 4% auto
}
#faqSection .sailant-title {
	border: 0!important;
	background: #fff;
	color: #0f9fab!important;
	font-weight: 700!important;
	font-size: 20px
}
#faqSection .card-body hr {
	margin: 1.7rem 0;
	color: #8ca1bd;
	border: 0
}
#faqSection strong {
	color: #000;
	font-weight: 500
}
#offerInfo h3, .commonInfo h3, th {
	font-weight: 700
}
.gapImg, .punchlineBox p, .quote {
	margin: 0 0 30px
}
.expertSubhead {
	font-size: 22px!important;
	font-weight: 600!important;
	line-height: 30px!important;
	margin: 0 0 10px!important;
	color: #000
}
.plannav .text-center {
	color: #ff944d;
	font-weight: 700;
	font-size: 20px
}
.domainBox, .paypalBox li {
	width: 25%!important
}
#commonBox, #topContact {
	width: 100%;
	float: left;
	background: #014ccc;
	background: linear-gradient(90deg, #014ccc 0, #0173c7 100%)
}
.commonInfo {
	background-image: url(../images/icon-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	opacity: 1;
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	padding: 100px 0 180px
}
.commonInfo h3 {
	color: #fff;
	font-size: 30px;
	line-height: 45px;
	width: 50%;
	margin: 0 auto
}
#commonSub {
	width: 100%;
	float: left;
	margin: -3% 0 0
}
#commonSub img {
	width: 25%;
	margin: 0 0 20px
}
#commonSub .container {
	position: relative!important
}
.commonHead {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	margin: 0;
	color: #fff
}
.commonCon1, .commonCon2, .commonCon3, .commonCon4 {
	padding: 40px;
	transition: 1s, transform 1s;
	font-size: 17px;
	line-height: 24px;
	margin: 0 0 10px;
	color: #fff;
	float: left;
	width: 25%
}
.commonCon1 {
	background: #1f6aea
}
.commonCon2 {
	background: #105ee3
}
#addonsCon, #carouselCon, .commonCon3 {
	background: #014ccc
}
.commonCon4 {
	background: #003ea8
}
.breadcrumb, .breadcrumb-item+.breadcrumb-item::before, .card:hover, .card:hover del, .card:hover h2, .card:hover h4, .card:hover h5, .card:hover span, .noPage .btn-primary:hover {
	color: #fff!important
}
.whyBox .col-lg-6 {
	padding: 50px 50px 10px
}
.whyBox img {
	width: 60%;
	padding: 0 20%;
	margin: 0 0 20px
}
.ssdBox {
	width: 50%!important;
	margin: 0 25% 25px
}
.whyimgbox img {
	margin: 0!important;
	width: 100%!important
}
.sslemail li {
	width: 50%!important;
	float: left
}
.sslhr {
	margin: 70px 0!important
}
.card, .title h5 {
	margin: 0;
	position: relative
}
table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	margin: 10px 0;
	border-color: #d3edef!important
}
tr:nth-of-type(odd) {
	background: #f1f7ff
}
th {
	background: #094095;
	color: #fff
}
td, th {
	border: 1px solid #b5d4ff;
	padding: 2px 10px;
	font-size: 14px
}
.tmHeading h3 {
	font-size: 22px!important;
	font-weight: 600;
	line-height: 35px;
	margin: 0 0 5px;
	color: #005bca!important
}
.tmCon a, .tmHeading a {
	color: #0157ca!important
}
.offerCon {
	width: 100%;
	float: left;
	padding: 90px 0!important
}
#offerInfo .faq--item .panel-heading a {
	display: inline-block!important;
	float: left!important;
	margin: 0 5px 30px 0!important;
	position: relative!important;
	padding: 13px 40px 13px 20px!important;
	color: #fff!important;
	background-color: #179ea8!important;
	font-size: 0px!important;
	line-height: 0!important;
	z-index: 0px!important
}
.contact_bg_box {
	width: 100%;
	float: left;
	background: #f0f8ff!important
}
#offerInfo h3 {
	font-size: 20px;
	display: block;
	color: #fff;
	background: #02b0bd;
	padding: 15px 25px;
	margin: 30px 0 0
}
.card {
	width: 100%;
	text-align: left!important;
	height: auto;
	background: #fff;
	border-radius: 0;
	padding: 20px;
	-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1);
	box-shadow: 0 10px 15px rgba(0,0,0,.1);
	-webkit-transition: .5s;
	transition: .5s;
	border-bottom: 0
}
.card:hover {
	background: #feae3f;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.title h5 {
	padding: 0;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	z-index: 2;
	transition: .5s
}
.card a, .price h4 {
	margin: 0;
	font-weight: 700
}
.price h4 span, .title h5 span {
	color: #000;
	font-size: 14px;
	margin: 0 0 5px;
	display: block;
	font-weight: 300
}
.price h4 {
	padding: 0;
	color: #000;
	font-size: 20px;
	transition: .5s
}
.price h4 del {
	color: #000;
	font-size: 14px;
	margin: 0 0 5px;
	font-weight: 300
}
.card a, .option ul li {
	color: #fff;
	font-size: 16px
}
.option ul li {
	margin: 0 0 10px;
	padding: 0;
	list-style: none
}
.card a {
	position: relative;
	z-index: 2;
	background: #ff9800;
	line-height: 40px;
	border-radius: 40px;
	display: block;
	cursor: pointer;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	box-shadow: 0 5px 10px rgba(0,0,0,.1)
}
.card:hover a {
	background: #fff;
	color: #000
}
.chatNow1, .processor, .ram {
	width: 20%!important;
	float: left
}
.storage {
	width: 14%!important;
	float: left
}
.bandwith, .bandwith1, .month, .month1, .processor1, .speed1 {
	width: 15%!important;
	float: left
}
.chatNow {
	width: 16%!important;
	float: left
}
.planInof, .yearBox {
	width: 42%!important;
	float: left
}
.section--title.pb--50.text-center.londonBox {
	width: 100%;
	float: left;
	padding: 60px 0 10px!important
}
.unlimited {
	width: 8%!important;
	float: left
}
.unlimited1 {
	width: 13%!important;
	float: left
}
.offerBox h6 span {
	font-size: 0!important;
	margin-left: 0!important
}
.reliableBox {
	margin: 10% 20%!important
}
.calculate, .requestInfo {
	color: #9193a3;
	margin: 0 0 10px;
	transition: 1s, transform 1s;
	line-height: 24px
}
.requestInfo {
	width: 100%;
	float: left;
	background-image: url(../images/serverRoom.jpg);
	min-height: 500px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	box-shadow: 0 0 15px 0 rgb(194 215 248 / 55%);
	-webkit-box-shadow: 0 0 15px 0 rgb(194 215 248 / 55%);
	-moz-box-shadow: 0 0 15px 0 rgba(194,215,248,.55);
	font-size: 16px
}
.requestInfo .form-control {
	padding: 20px 30px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #8b8b8b!important;
	background-color: #fff;
	box-shadow: 0 0 15px 0 rgb(227 227 227 / 55%);
	-webkit-box-shadow: 0 0 15px 0 rgb(227 227 227 / 55%);
	-moz-box-shadow: 0 0 15px 0 rgba(227 227 227 / 55);
	transition: 1s, transform 1s;
	margin: 10px 0 15px
}
.requestForm {
	width: 100%;
	float: left;
	background: #fff;
	padding: 50px
}
.Form__item, .Form__item1, .Form__item2 {
	padding: 0 30px 0 0;
	text-align: left!important;
	float: left
}
.requestForm .btn-lg {
padding:.9rem 2rem;
	font-size: 16px;
	margin: 0;
	border: 1px solid #23becb;
	background: #19a3af;
	color: #fff;
	font-weight: 700
}
.requestInfo::placeholder {
color:#03f!important
}
.idealBox img {
	width: 60%!important;
	height: auto!important;
	margin: 30px 20%
}
.Form__item select, .Form__item2 input {
	word-wrap: normal;
	margin: 10px 0 0;
	border: 1px solid #ccc
}
.idealBox h6 {
	font-size: 20px;
	font-weight: 600
}
.Form__item {
	width: 20%!important
}
.Form__item1 {
	width: 15%!important
}
.Form__item2 {
	width: 25%!important
}
.Form__item2 input {
	width: 100%;
	padding: 15px 15px 15px 110px
}
.Form__item select {
	width: 100%;
	padding: 15px
}
.calculate {
	width: 100%;
	float: left;
	background: #fff;
	padding: 50px;
	box-shadow: 0 0 15px 0 rgb(194 215 248 / 55%);
	-webkit-box-shadow: 0 0 15px 0 rgb(194 215 248 / 55%);
	-moz-box-shadow: 0 0 15px 0 rgba(194,215,248,.55);
	font-size: 17px;
	text-align: center
}
.btn-primary, .noPage .btn-primary {
	padding: 15px 30px;
	text-align: center
}
.btn-primary {
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 40px
}
.btn-primary:hover {
	color: #014fcc!important;
	background-color: #fff!important;
	border-color: #fff!important
}
.noPage .btn-primary {
	color: #fff;
	background-color: #0271c6;
	border: 1px solid #0271c6;
	border-radius: 40px
}
.noPage .btn-primary:hover {
	background-color: #0271c6!important;
	border-color: #0271c6!important
}
.calculate hr {
	margin: 2rem 0
}
.calculate span {
	font-weight: 600;
	color: #fb8739;
	display: block
}
.calculate p {
	margin-bottom: 0
}
.Form__item--label, .calculate .storage__label, .calculate label {
	color: #000;
	font-weight: 600
}
.calculate .btn-primary {
	color: #fff!important;
	background-color: #09909b!important;
	border: 1px solid #23becb!important;
	border-radius: 0;
	transition: 1s, transform 1s!important
}
.calculate .btn-primary:hover {
	color: #fff!important;
	background-color: #23becb!important;
	border-color: #23becb!important
}
.priceval {
	font-size: 35px;
	font-weight: 700
}
.calculate .Form .server__remove {
	left: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}
.calculate .Form .server__add svg, .calculate .Form .server__remove svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	fill: #fff
}
.calculate .Form .server__add, .calculate .Form .server__remove {
	position: absolute;
	top: 10px;
	width: 25%;
	height: 56px;
	cursor: pointer;
	background: #179ea8;
	right: 0
}
.chackBox {
	border: 1px solid #ccc!important;
	border-radius: 0!important;
	width: 30px!important;
	height: 30px!important;
	position: absolute
}
.checkbox_status {
	margin: 0 0 0 40px
}
.subtmList li {
	width: 100%!important;
	padding: 0!important;
	color: #000!important;
	border: 0!important;
	font-size: 16px!important
}
.ram1, .storage1 {
	width: 10%!important;
	float: left
}
#offerInfo .title h2 {
	position: relative;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	z-index: 2;
	transition: .5s
}
#offerInfo .title h2 span {
	color: #000;
	font-size: 14px;
	margin: 0 0 5px;
	display: block;
	font-weight: 300;
	transition: .5s
}
@media (max-width:1200px) {
.message {
	right: 24%!important
}
.header--nav-links>li>a {
	padding-left: 4px!important;
	padding-right: 4px!important
}
.bandwith1, .month1, .processor1, .ram1, .speed1, .storage1 {
	width: 33.33%!important;
	float: left;
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc
}
.month1 .price h4 {
	font-size: 16px!important
}
.card1 .price, .card1 .title {
	padding: 0 0 10px!important
}
.chatNow1 {
	width: 100%!important;
	float: left;
	margin: 0 0 10px
}
.card1 {
	margin: 0 0 10px!important
}
.dedicatedCon .processor, .dedicatedCon .ram {
	width: 50%!important
}
.dedicatedCon .bandwith, .dedicatedCon .month, .dedicatedCon .storage {
	width: 33.333%!important;
	margin: 20px 0 0;
	border-top: 1px solid #ccc;
	padding-top: 20px
}
.dedicatedCon .price {
	margin: 0!important
}
.dedicatedCon .chatNow {
	width: 100%!important;
	margin: 10px 0 0
}
}
@media (max-width:991px) {
.chatNow1, .processor, .ram, .storage {
	float: left;
	margin: 0 0 10px
}
.processor {
	width: 80%!important
}
.ram {
	width: 20%!important
}
.storage {
	width: 30%!important
}
.bandwith, .speed {
	width: 15%!important;
	float: left
}
.month {
	width: 40%!important;
	float: left
}
.chatNow {
	width: 100%!important;
	float: left
}
.message {
	right: 16%!important
}
.offerBox h6 span {
	font-size: 0!important;
	margin-left: 0!important
}
.bandwith1, .month1, .processor1, .ram1, .speed1, .storage1 {
	width: 33.33%!important;
	float: left;
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc
}
.month1 .price h4 {
	font-size: 16px!important
}
.card1 .price, .card1 .title {
	padding: 0 0 10px!important
}
.chatNow1 {
	width: 100%!important
}
.card1 {
	margin: 0 0 10px!important
}
.section--title .h1 {
	font-size: 28px!important
}
section.vps-features-wrapper {
	padding: 50px 0!important
}
.featuresCon {
	padding: 0 100px
}
.idealBox h6 {
	font-size: 18px!important
}
}
@media (max-width:767px) {
.panelsimg {
	width: 25%!important;
	height: auto!important
}
.vpshead {
	font-size: 25px!important
}
.idealBox h6 {
	font-size: 17px!important
}
#qualitySection .col-sm-4 {
	width: 50%!important
}
.idealBox {
	min-height: 220px!important
}
.md-content li {
	font-size: 14px;
	padding: 3px 0;
	line-height: 25px;
	font-weight: 500
}
.md-content>div {
	padding: 15px 20px 70px
}
.md-content div ul {
	margin: 0 0 20px
}
.md-modal {
	top: 50%;
	left: 50%;
	width: 80%!important;
	max-width: 80%!important;
	min-width: 80%!important
}
.md-content .plannav img {
	width: 5%!important
}
}
@media (max-width:600px) {
.bandwith, .month, .processor, .ram, .speed, .storage {
	float: left;
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px
}
.message {
	right: 7%!important
}
.price h4 del, .price h4 span, .title h5 span {
	font-size: 12px;
	font-weight: 500
}
.processor {
	width: 100%!important
}
.bandwith, .ram {
	width: 30%!important
}
.storage {
	width: 40%!important
}
.dedicatedCon .processor, .dedicatedCon .ram, .month, .speed {
	width: 50%!important
}
.month1 .price h4, .price h4, .title h5 {
	font-size: 15px!important
}
.card1 .title h2 {
	font-size: 13px!important
}
.idealBox h6 {
	font-size: 16px!important
}
.dedicatedCon .bandwith, .dedicatedCon .month, .dedicatedCon .storage {
	width: 33.333%!important;
	margin: 20px 0 0;
	border-top: none;
	padding-top: 0
}
.dedicatedCon .price {
	margin: 0!important
}
.dedicatedCon .chatNow {
	width: 100%!important;
	margin: 10px 0 0
}
}
@media (max-width:550px) {
.bandwith, .month, .processor, .ram, .speed, .storage {
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc
}
.bandwith, .chatNow1, .month, .processor, .ram, .speed, .storage {
	float: left;
	margin: 0 0 10px
}
.price h4 del, .price h4 span, .title h5 span {
	font-size: 12px;
	font-weight: 500
}
.processor {
	width: 100%!important
}
.bandwith, .ram {
	width: 30%!important
}
.storage {
	width: 40%!important
}
.month, .speed {
	width: 50%!important
}
.price h4, .title h5 {
	font-size: 15px!important
}
.ideal_icon {
	width: 30%!important
}
.idealBox .col-md-2 {
	width: 50%!important;
	min-height: 200px!important
}
.panelsimg {
	width: 35%!important;
	height: auto!important
}
.bandwith1, .month1, .processor1, .ram1, .speed1, .storage1 {
	width: 50%!important;
	float: left;
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc
}
#qualitySection .col-sm-4, .chatNow1, .dedicatedCon .chatNow, .dedicatedCon .processor, .dedicatedCon .ram {
	width: 100%!important
}
.month1 .price h4 {
	font-size: 16px!important
}
.card1 .price, .card1 .title {
	padding: 0 0 10px!important
}
.card1 {
	margin: 0 0 10px!important
}
.vpshead {
	font-size: 20px!important
}
.idealBox {
	min-height: inherit!important
}
.dedicatedCon .bandwith, .dedicatedCon .month, .dedicatedCon .storage {
	width: 100%!important;
	margin: 10px 0;
	border-top: none;
	padding-top: 0
}
.dedicatedCon .price {
	margin: 0!important
}
.dedicatedCon .chatNow {
	margin: 10px 0 0
}
}
@media (max-width:400px) {
.idealBox img, .offerBox, .processor {
	width: 100%!important
}
.offerCon {
	padding: 50px 0!important
}
.bandwith, .month, .processor, .ram, .speed, .storage {
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px;
	float: left
}
.message {
	right: 8%!important
}
.price h4 del, .price h4 span, .title h5 span {
	font-size: 12px;
	font-weight: 500
}
.bandwith, .ram {
	width: 30%!important
}
.storage {
	width: 40%!important
}
.month, .speed {
	width: 50%!important
}
.price h4, .title h5 {
	font-size: 15px!important
}
.section--title .h1 {
	font-size: 18px!important
}
.md-content .plannav img {
	width: 9%!important
}
.md-content li {
	font-size: 12px;
	padding: 3px 0
}
.idealBox {
	width: 100%;
	float: left;
	border: 1px solid #ccc;
	padding: 40px;
	min-height: 270px;
	margin: 0 0 25px
}
.idealBox img {
	padding: 0 35%!important
}
.idealBox h6 {
	font-size: 20px;
	text-align: center;
	font-weight: 600
}
}
@media (max-width:1500px) {
.featuresCon img {
	width: 100%;
	margin: 0
}
}
@media (max-width:1400px) {
.payment-cycle, .server {
	width: 50%!important
}
.price, .storage {
	width: 33.333%!important;
	margin: 20px 0 0
}
.Form__item select {
	padding: 16px
}
.Form__item2 input {
	padding: 15px 15px 15px 170px!important
}
}
@media (max-width:1300px) {
.plaskimg {
	padding: 70px 30%!important
}
#commonSub h4 {
	font-size: 16px!important
}
.Form__item2 input {
	padding: 15px 15px 15px 135px
}
}
@media (max-width:1200px) {
.regDomain .chatNow, .regDomain .domainBox, .regDomain .processor, .regDomain .storage {
	width: 20%!important
}
.featuresIcon li {
	font-size: 16px;
	padding: 12px 30px 15px 80px
}
.commonInfo h6, .innerslide .carousel-caption h3 {
	font-size: 25px
}
.featuresIcon {
	width: 50%;
	padding: 60px 70px
}
.featuresCon img {
	width: 100%;
	margin: 0
}
.commonInfo {
	padding: 70px 0
}
.commonInfo h6 {
	line-height: 37px
}
#commonSub {
	margin: 0
}
.commonCon1, .commonCon2, .commonCon3, .commonCon4 {
	width: 50%;
	margin: 0!important
}
#commonSub img {
	width: 20%;
	margin: 0 20px 0 0;
	float: left
}
.expertSection li {
	font-size: 17px;
	padding: 15px 30px;
	width: 100%
}
.payment-cycle, .server {
	width: 50%!important
}
.price, .storage {
	width: 33.333%!important;
	margin: 20px 0 0
}
.Form__item select {
	padding: 17px!important
}
#offerInfo h6 {
	font-size: 35px;
	margin: 0 0 30px
}
.domainList {
	width: 80%;
	margin: 0 10%
}
.regDomain .price {
	margin: 0!important
}
.regDomain .storage {
	margin: 0!important
}
.innerslide .carousel-caption p br {
	display: none!important
}
.innerslide h1, .innerslide h1 span {
	font-size: 30px;
	line-height: 40px
}
.innerslide .carousel-caption p {
	margin-bottom: 1rem
}
.innerslide .btn-primary {
	margin: 0 0 60px!important
}
}
@media (max-width:1100px) {
.innerslide h2, .innerslide h2 span {
	font-size: 30px
}
.innerslide .carousel-caption h3 {
	font-size: 20px
}
#plansSection h6 {
	font-size: 40px
}
}
@media (max-width:1024px) {
.innerslide .carousel-caption {
	top: 3%
}
.calculate .price, .storage {
	width: 33.333%!important;
	margin: 20px 0 0
}
}
@media (max-width:991px) {
.innerslide h2, .innerslide h2 span {
	font-size: 22px
}
#domainSection, #domainSection .form-control, #domainSection h5 {
	text-align: center
}
.innerslide h2 {
	line-height: 35px;
	margin: 0 0 15px!important
}
.innerslide .carousel-caption h3 {
	font-size: 20px;
	margin: 0 0 15px
}
.btn-primary {
	padding: 12px 25px
}
.btn-lg {
	font-size: 12px!important
}
.aboutInfo .col-sm-4, .expertSection .col-md-6 {
	width: 100%
}
.aboutInfo .col-sm-4 img {
	width: 80%;
	margin: 0 20% 0 0
}
.aboutInfo .col-sm-8 {
	padding: 20px 0 0;
	width: 100%
}
#aboutSection, #chostingSection, #qualitySection, .expertSection {
	padding: 60px 0
}
#chostingSection img, #qualitySection img {
	width: 80%;
	margin: 0 0 30px
}
#aboutSection h2 {
	font-size: 30px!important
}
#offerInfo h6, #plansSection h6 {
	font-size: 35px
}
#plansSection .owl-theme .owl-dots, .owl-theme .owl-nav {
	margin: 0;
	line-height: 0
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
	padding: 10px 0 0
}
.btn-secondary {
	padding: 8px 20px
}
.featuresBox h5 {
	font-size: 25px;
	margin: 30px 0 25px
}
.featuresIcon {
	width: 100%!important;
	padding: 85px 100px;
	border-bottom: 1px solid #bff2f5!important
}
.featuresCon {
	width: 100%!important;
	margin: 0 0 1px
}
.featuresCon img {
	width: 60%;
	margin: 0 20%
}
#commonSub img {
	margin: 0 20px 0 0;
	float: left;
	width: 20%
}
.qualityInfo {
	padding: 0
}
.expertSection .col-md-4 {
	flex: 0 0 auto;
	width: 100%
}
.expertSection img {
	width: 80%!important;
	margin: 30px 0 40px
}
#qualitySection li {
	width: 50%
}
.requestInfo .col-sm-4 {
	display: none
}
#domainSection .col-md-6, .regDomain .chatNow, .requestInfo .col-sm-8 {
	width: 100%!important
}
.planInof, .yearBox {
	width: 50%!important;
	float: left
}
.price, .whoisBox img {
	width: 100%!important
}
.price {
	margin: 0 0 10px!important
}
.helpInfo h5 {
	font-size: 30px;
	line-height: 25px;
	margin: 60px 0 15px
}
.calculate .price {
	width: 30%!important;
	margin: 20px 0 0!important
}
.regDomain .processor, .regDomain .storage {
	width: 20%!important
}
.calculate .priceval {
	font-size: 20px!important
}
#domainSection img {
	width: 100%;
	padding: 50px 20%
}
#domainSection h5 {
	margin: 0
}
.domainList li {
	font-size: 12px
}
.domainList {
	width: 100%;
	margin: 0
}
.regDomain .storage {
	margin: 0!important
}
.regDomain .domainBox {
	width: 30%!important
}
#chostingSection h6 {
	font-size: 35px!important;
	margin: 0 0 30px!important
}
.whoisBox img {
	margin: 20px 0 0!important
}
.avail {
	margin: 0 0 30px
}
.expertBox img {
	width: 80%!important;
	margin: 20px 20% 0 0!important
}
#commonSub .container {
	width: 100%!important;
	margin: 0!important;
	padding: 0!important
}
.commonCon1, .commonCon2, .commonCon3, .commonCon4 {
	width: 50%;
	margin: 0!important
}
#commonSub h4 {
	font-size: 20px!important;
	line-height: 60px!important
}
.container {
	max-width: 85%!important
}
.innerslide h1, .innerslide h1 span {
	font-size: 25px;
	line-height: 35px
}
#footerSection .col-md-3 {
	flex: 0 0 auto;
	width: 50%!important
}
}
@media (max-width:767px) {
.innerslide .col-sm-6, .text-start {
	text-align: center!important
}
.innerslide .col-sm-6 {
	width: 100%!important
}
.innerslide img {
	width: 90%;
	margin: 50px 5% 0
}
.innerslide h2 {
	margin: 0 0 5px!important
}
.innerslide .carousel-caption h3 {
	font-size: 20px;
	margin: 0 0 15px
}
#aboutSection h2 {
	font-size: 25px!important
}
#aboutSection, #qualitySection, .expertSection {
	padding: 40px 0
}
#plansSection h6 {
	font-size: 32px
}
.planInfo img {
	height: auto;
	width: 15%!important
}
.planImages {
	margin: 0 20%!important
}
.planInfo h6 span {
	padding: 10px 15px;
	font-size: 13px
}
.planInfo h6 {
	font-size: 14px!important;
	margin: 5px 0 25px!important
}
.planInfo h3, .planInfo li {
	line-height: 30px
}
#qualitySection .text-center {
	font-size: 35px
}
.plannav img {
	width: 17%!important;
	margin: 0 10px 0 0!important
}
.whyBox .col-lg-6 {
	padding: 10px 50px
}
#qualitySection br {
	display: none
}
.container {
	width: 100%!important;
	padding: 0 10%!important;
	margin: 0!important
}
.container, .container-sm {
	max-width: none!important
}
.expertSection img {
	width: 45%!important;
	margin: 50px 0!important
}
.calculate .price, .domainList li, .server, .whoisBox img {
	width: 100%!important
}
#offerInfo {
	padding: 50px 0
}
.payment-cycle, .price, .storage {
	width: 100%!important;
	margin: 20px 0 0
}
.Form__item2 input {
	padding: 15px 15px 15px 150px
}
.expertSection h3 {
	font-size: 35px;
	line-height: 30px;
	margin: 0 0 10px
}
.sslhr {
	margin: 40px 0!important
}
.helpInfo h5 {
	font-size: 25px;
	line-height: 25px;
	margin: 60px 0 15px
}
.calculate .price {
	margin: 20px 0 0!important
}
.Form__item, .Form__item2 {
	padding: 0!important
}
.domainList li {
	float: left;
	font-weight: 800;
	text-align: center
}
.domainList img {
	width: 4%!important;
	margin: 0 15px 0 0
}
#offerInfo h6 {
	font-size: 25px;
	margin: 0 0 15px
}
#chostingSection h6 {
	font-size: 30px!important;
	margin: 0 0 25px!important
}
.expertBox img {
	width: 80%!important;
	margin: 20px 20% 20px 0!important
}
.megamenu p {
	font-size: 10px!important;
	line-height: 14px!important
}
.approachBox img {
	width: 80%!important;
	margin: 0 20% 30px 0!important
}
.navbar-light .navbar-nav .nav-link {
	padding-top: 5px!important;
	padding-bottom: 5px!important
}
.megamenu h3 {
	font-size: 12px!important;
	line-height: 20px;
	margin: 5px 0!important
}
#commonSub img {
	width: 20%
}
#commonSub h4 {
	font-size: 16px!important;
	line-height: 45px!important
}
.commonCon1, .commonCon2, .commonCon3, .commonCon4 {
	width: 50%;
	margin: 0!important;
	padding: 25px 20px
}
.innerslide h1, .innerslide h1 span {
	font-size: 23px;
	line-height: 40px
}
.innerslide .btn-primary {
	margin: 0 0 30px!important
}
}
@media (max-width:600px) {
.innerslide .carousel-caption {
	display: block!important
}
.innerslide {
	padding: 80px 0 40px!important
}
#aboutSection h2, #plansSection h6 {
	font-size: 30px
}
.innerslide img {
	width: 100%;
	margin: 50px 0 0
}
#qualitySection img {
	width: 100%;
	margin: 0 0 30px
}
.aboutInfo .col-sm-4 img {
	width: 100%;
	margin: 0
}
#qualitySection h3 {
	font-size: 20px;
	line-height: 35px;
	margin: 0 0 5px
}
.footerContact h4 {
	font-size: 17px
}
.expertSection h5 {
	font-size: 22px;
	line-height: 28px;
	margin: 0 0 10px
}
.planInfo li {
	text-align: left
}
.plannav img {
	width: 10%!important;
	margin: 0 10px 0 0!important
}
#qualitySection .text-center {
	font-size: 30px;
	line-height: 40px
}
#chostingSection img {
	width: 80%;
	margin: 0 0 30px
}
.featuresBox h5 {
	font-size: 21px;
	margin: 30px 0 25px;
	line-height: 30px
}
.featuresIcon {
	width: 100%!important;
	padding: 45px 50px
}
.featuresCon {
	padding: 50px
}
.featuresCon h4 {
	font-size: 25px;
	margin: 0 0 5px
}
.featuresIcon li {
	padding: 10px 30px 10px 60px;
	font-size: 16px
}
#faqSection h3 {
	font-size: 25px;
	line-height: 40px
}
#commonSub img {
	width: 20%;
	margin: 0 40% 10px;
	float: left
}
.commonCon1, .commonCon2, .commonCon3, .commonCon4 {
	width: 100%;
	margin: 0!important;
	text-align: center
}
#faqSection .btn-primary {
	width: 100%!important;
	margin: 0 0 10px!important
}
.expertSection img {
	margin: 30px 0 0;
	width: 60%!important
}
.subHr {
	margin: 3rem 0!important
}
.aboutInfo h6 {
	font-size: 25px;
	line-height: 35px
}
#qualitySection li {
	font-size: 16px;
	width: 100%!important;
	padding: 10px 30px
}
.calculate .storage {
	padding: 0 0 25px
}
.Form__item2 input {
	padding: 15px 15px 15px 105px
}
.commonInfo {
	background-image: none!important;
	padding: 40px 0
}
.commonInfo h6 {
	width: 100%;
	font-size: 20px;
	line-height: 28px
}
.approachBox img, .expertBox img, .regDomain .chatNow, .sslemail li {
	width: 100%!important
}
#offerInfo .title h2, .card a {
	font-size: 14px
}
#offerInfo h6 {
	font-size: 25px;
	margin: 0 0 15px
}
.expertSection h3 {
	font-size: 25px;
	line-height: 30px;
	margin: 0
}
#chostingSection h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 28px
}
.helpInfo h5 {
	font-size: 25px;
	line-height: 25px;
	margin: 60px 0 15px
}
#domainSection h5 {
	font-size: 20px;
	line-height: 30px
}
#domainSection img {
	width: 100%;
	padding: 30px 20%20px 20%
}
#domainSection h6 {
	font-size: 16px;
	line-height: 28px
}
.regDomain .domainBox, .regDomain .processor, .regDomain .storage {
	width: 50%!important;
	margin: 0 0 10px!important;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc
}
#chostingSection h6 {
	font-size: 25px!important;
	margin: 0 0 25px!important
}
#chostingSection {
	padding: 30px 0
}
.expertBox img {
	margin: 20px 0!important
}
.approachBox img {
	margin: 0 0 30px!important
}
}
#addonsCon h3, #dashboardCon, #dashboardCon p, .noPage, .noPage h1 {
	text-align: center
}
@media (max-width:540px) {
.socialBox li a svg {
	padding: 10px!important
}
.listBox img {
	width: 20%!important;
	margin: 0 0 15px!important
}
.expertSection li {
	font-size: 15px;
	padding: 15px 30px;
	width: 100%;
	line-height: 23px
}
.expertSection li::before, .megamenu p {
	display: none
}
.priceval {
	font-size: 25px
}
.calculate p {
	margin-top: 0;
	margin-bottom: 0
}
.whoisBox img {
	width: 100%!important;
	margin: 20px 0 0!important
}
.expertBox img {
	width: 100%!important;
	margin: 20px 0!important
}
.megamenu h3 {
	font-size: 14px!important;
	margin: 17px 0 5px!important
}
.innerslide h1, .innerslide h1 span {
	font-size: 20px;
	line-height: 30px
}
#footerSection .col-md-3 {
	flex: 0 0 auto;
	width: 100%!important
}
}
@media (max-width:450px) {
.planInof, .price, .yearBox {
	margin: 0 0 10px!important;
	width: 100%!important
}
.approachBox img, .planInof, .price, .whoisBox img, .yearBox {
	width: 100%!important
}
.Form__item2 input {
	padding: 15px 15px 15px 80px
}
.planInof, .yearBox {
	float: left
}
.expertSection h3 {
	font-size: 20px;
	line-height: 30px;
	margin: 0
}
#offerInfo h6 {
	font-size: 16px!important;
	margin: 0 0 10px
}
#chostingSection h6 {
	font-size: 23px;
	margin: 0 0 20px
}
.whoisBox img {
	margin: 20px 0!important
}
.approachBox img {
	margin: 0!important
}
.megamenu h3 {
	font-size: 13px!important;
	margin: 14px 0 5px!important
}
}
@media (max-width:414px) {
.innerslide h2, .innerslide h2 span {
	font-size: 18px
}
.innerslide h2 {
	line-height: 28px;
	margin: 0 0 10px!important
}
.innerslide .carousel-caption h3 {
	font-size: 18px;
	margin: 0 0 15px
}
.aboutInfo p {
	line-height: 26px;
	font-size: 16px
}
#aboutSection h2 {
	font-size: 20px!important
}
#qualitySection h3 {
	font-size: 18px;
	line-height: 32px;
	margin: 0 0 5px
}
#faqSection h3, #offerInfo h6, #plansSection h6 {
	font-size: 20px
}
.footerContact h4 {
	font-size: 15px
}
.expertSection h5 {
	font-size: 19px;
	line-height: 26px;
	margin: 0 0 7px
}
.btn-primary {
	padding: 10px 20px!important
}
#offerInfo h6 {
	margin: 0 0 10px
}
.planInfo h3 {
	margin: 5px 0
}
.plannav img {
	width: 18%!important;
	margin: 0 10px 0 0!important
}
#faqSection h3 {
	line-height: 35px
}
.paypalBox li {
	width: 23.333%!important
}
.socialBox li a svg {
	padding: 8px
}
.listBox img {
	width: 20%!important;
	margin: 0 0 15px!important
}
.subHr {
	margin: 2rem 0!important
}
.expertSection img {
	width: 70%!important;
	margin: 30px 15% 20px
}
.aboutInfo h6 {
	font-size: 20px!important;
	line-height: 28px!important
}
.featuresIcon li {
	background: 0 0;
	padding: 10px 20px;
	line-height: 22px
}
.featuresCon h4 {
	font-size: 18px;
	margin: 0 0 5px;
	line-height: 25px
}
.featuresCon img {
	width: 100%!important;
	margin: 0!important
}
#qualitySection .text-center {
	font-size: 20px;
	line-height: 28px
}
#qualitySection img {
	width: 100%;
	margin: 0 0 10px
}
.calculate hr {
	margin: 1rem 0
}
.storage {
	padding: 0 0 15px
}
.calculate {
	font-size: 12px
}
.Form__item2 input {
	padding: 15px 15px 15px 50px
}
.whoisBox img {
	width: 100%!important;
	margin: 20px 0 0!important
}
.expertBox img {
	width: 100%!important;
	margin: 20px 0!important
}
}
@media (max-width:375px) {
.calculate p, .megamenu h3 {
	font-size: 12px!important
}
.expertSection img {
	width: 60%!important;
	margin: 30px 0 20px
}
.listBox img {
	width: 20%!important;
	margin: 0 0 15px!important
}
.requestForm {
	padding: 20px
}
.requestInfo {
	font-size: 14px!important
}
.requestInfo .form-control {
	padding: 15px 20px;
	font-size: 12px
}
.calculate {
	padding: 30px!important
}
.priceval {
	font-size: 18px
}
.Form__item2 input {
	padding: 15px 15px 15px 70px
}
#chostingSection h6 {
	font-size: 20px!important;
	margin: 0 0 20px!important
}
.whoisBox img {
	width: 100%!important;
	margin: 20px 0 0!important
}
.expertBox img {
	width: 100%!important;
	margin: 20px 0!important
}
.megamenu h3 {
	margin: 11px 0 5px!important
}
}
@media (max-width:280px) {
.paypalBox li {
	margin: 0 5px!important;
	width: 14.333%!important
}
.socialBox li a svg {
	padding: 5px!important
}
.container {
	width: 100%!important;
	padding: 0 10%!important;
	margin: 0!important
}
.calculate p {
	font-size: 10px!important
}
.priceval {
	font-size: 14px
}
.calculate {
	font-size: 10px
}
.expertBox img {
	width: 100%!important;
	margin: 20px 0!important
}
}
.bg-why1, .bg-why2, .bg-why3, .bg-why4 {
	width: 85px;
	height: 85px
}
.bg-why1 {
	background: url('../images/css_sprites.png') -10px -10px
}
.bg-why2 {
	background: url('../images/css_sprites4.png') -10px -10px
}
.bg-why3 {
	background: url('../images/css_sprites5.png') -10px -10px
}
.bg-why4 {
	background: url('../images/css_sprites6.png') -10px -10px
}
.bg-footline {
	width: 356px;
	height: 1px;
	background: url('../images/css_sprites7.png') -10px -10px
}
.bg-footline1 {
	width: 37px;
	height: 4px;
	background: url('../images/css_sprites8.png') -10px -10px;
	margin: 0 0 20px
}
.priceBox, .priceBox1 {
	word-wrap: normal;
	width: 100%;
	background: #f7f7f7
}
.noPage {
	width: 100%;
	float: left;
	padding: 15% 100px
}
.noPage h1 {
	font-size: 100px;
	font-weight: 900;
	color: #ccc
}
.noPage h1 span {
	font-size: 50px;
	font-weight: 400;
	display: block;
	margin: 30px 0 50px
}
.priceBox {
	padding: 10px 15px;
	margin: 10px 0 0
}
.priceBox span {
	display: inline
}
.priceBox1 {
	padding: 15px;
	margin: 10px 0 0!important
}
#datacenterCon, .addonsInfo {
	background: #fff;
	width: 100%;
	float: left
}
@media (max-width:1400px) {
.Form__item2 input {
	padding: 15px 15px 15px 170px!important
}
}
@media (max-width:1200px) {
.Form__item2 input {
	padding: 15px 15px 15px 145px!important
}
}
@media (max-width:991px) {
.Form__item2 input {
	padding: 15px 15px 15px 100px!important
}
}
@media (max-width:767px) {
.Form__item2 input {
	padding: 15px 15px 15px 150px!important
}
}
@media (max-width:600px) {
.Form__item2 input {
	padding: 15px 15px 15px 100px!important
}
}
@media (max-width:500px) {
.Form__item2 input {
	padding: 15px 15px 15px 80px!important
}
.calculate {
	padding: 30px
}
#button.show {
	display: none!important
}
}
@media (max-width:350px) {
.Form__item2 input {
	padding: 15px 15px 15px 60px!important
}
}
@media (max-width:300px) {
.Form__item2 input {
	padding: 15px 15px 15px 50px!important
}
}
#addonsCon {
	width: 100%;
	float: left;
	background: linear-gradient(90deg, #014ccc 0, #0173c7 100%);
	padding: 100px 0
}
#addonsCon h3 {
	font-size: 40px;
	font-weight: 700;
	line-height: 45px;
	text-transform: none;
	color: #fff;
	margin: 0 0 15px
}
#addonsCon .planText {
	color: #fff
}
.addonsInfo {
	padding: 50px;
	transition: 1s, transform 1s;
	color: #9193a3;
	font-size: 17px;
	line-height: 24px;
	margin: 0 0 10px;
	border-radius: 15px
}
.addonPlan, .addonPrice {
	transition: none, transform
}
.addonsInfo img {
	width: 20%;
	height: auto
}
.countBox {
	font-size: 50px;
	color: #d1d9f1;
	font-weight: 800;
	margin: 10px 0 0
}
#datacenterCon .planText, #migrationCon .planText, .addonPlan {
	color: #000
}
.addonPlan {
	font-size: 20px;
	font-weight: 700;
	margin: 20px 0 0;
	text-transform: uppercase
}
.addonPlan span, .solutionPlan span {
	text-transform: none;
	color: #868686;
	font-size: 16px;
	font-weight: 400;
	display: block;
	margin: 5px 0 0;
	transition: none, transform
}
.addonPrice {
	font-size: 40px;
	font-weight: 700;
	margin: 10px 0 5px;



	text-transform: uppercase;
	color: #0174df
}
#datacenterCon {
	padding: 0 0 100px
}
#migrationCon {
	width: 100%;
	float: left;
	background: #f0f8ff;
	padding: 100px 0 80px
}
#migrationCon h4 {
	font-size: 40px;
	font-weight: 700;
	line-height: 45px;
	text-transform: none;
	color: #000;
	text-align: left;
	margin: 0 0 20px
}
#migrationCon strong {
	font-weight: 600!important
}
#carouselCon h1, .innerBox, .punchlineBox {
	font-weight: 200;
	line-height: 45px;
	font-size: 30px !important;
	color: #fff
}
#carouselCon {
	width: 100%;
	float: left;
	background: linear-gradient(90deg, #014ccc 0, #0173c7 100%);
	padding: 80px 0 0
}
.carouselBg {
	width: 100%;
	float: left;
	background: url(../images/carouselBg.png) left bottom/100% 100%;
	min-height: 40px;
	margin: 0px 0 0
}
#carouselCon .col-lg-5, #carouselCon .col-lg-7 {
	margin: 0!important;
	padding: 0!important
}
#carouselCon h1 {
	padding: 1% 0 2%;
	font-size: 35px
}
#dashboardCon p, .breadcrumb-item+.breadcrumb-item {
	line-height: 35px
}
#carouselCon h1 span {
	display: block;
	font-weight: 700;
	color: #fff;
	font-size: 33px
}
#carouselCon h1 strong {
	color: #ffc901;
	font-weight: 700
}
.punchlineBox {
	padding: 0;
	font-size: 40px
}
.innerBox {
	padding: 2% 0 0!important;
	font-size: 40px
}
.punchlineBox span {
	display: block;
	font-weight: 700!important;
	color: #fff
}
.punchlineBox strong {
	color: #ffc901;
	font-weight: 700!important
}
.punchlineBox ul {
	padding: 0;
	margin: 0 0 50px!important;
	float: left
}
.innerBox li, .punchlineBox li {
	font-weight: 500;
	color: #fff;
	padding: 3px 0 3px 35px;
	line-height: 45px;
	background: url(../images/checked.svg) left 12px/25px no-repeat;
	width: 100%;
	float: left
}
.punchlineBox li {
	font-size: 25px
}
.innerBox li {
	font-size: 22px
}
.innerRight {
	margin: 30px 0 0
}
#dashboardCon {
	width: 100%;
	float: left;
	padding: 20px 0 0
}
.circle-icon {
	background: #fff;
	padding: 35px;
	border-radius: 50%;
	margin: 0 25% 7%;
	border: 9px solid #eff4fe
}
#dashboardCon p {
	font-size: 25px;
	font-weight: 700;
	text-transform: none;
	color: #000;
	margin: 0
}
#dashboardCon p span {
	font-size: 20px;
	color: #727272;
	display: block;
	font-weight: 400
}
.faqInfo {
	width: 100%;
	float: left;
	border: 2px solid #f0f8ff;
	border-radius: 30px 0;
	margin: 0 0 20px;
	text-align: left
}
.faqText {
	padding: 25px 35px;
	text-align: left
}
.faqHeading {
	background: #f0f8ff;
	display: inline-block;
	padding: 15px 30px;
	font-size: 20px;
	color: #000;
	border-radius: 30px 0;
	font-weight: 600
}
.footerAbout p, .socialBox p {
	font-size: 14px;
	color: #cbcfcf;
	line-height: 28px;
	padding: 0 30px 0 0
}
.footerAbout img {
	width: 50%;
	height: auto;
	margin: 0 0 15px
}
.subscribe {
	width: 90%;
	position: relative;
	float: left
}
.subscribe input[type=text] {
	padding: 12px 145px 11px 15px;
	height: auto;
	border: none;
	margin: 0;
	background: #fff;
	outline: 0;
	font-size: 15px;
	width: 100%
}
.subscribe button {
	background: #0172c7;
	font-size: 14px;
	color: #fff;
	border: none;
	margin: 0;
	position: absolute;
	padding: 12px 20px;
	right: 0;
	top: 0;
	transition-duration: .4s;
	text-transform: uppercase;
	font-weight: 600
}
.contactInfo {
	width: 100%;
	float: left;
	background: #347dd5;
	border-radius: 0 0 10px 10px
}
.contactInfo ul {
	padding: 0;
	margin: 0;
	text-align: right
}
.contactInfo li {
	display: inline-block;
	float: right;
	margin: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 500
}
.contactInfo li a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	display: block;
	padding: 5px 18px
}
.contactInfo svg {
	margin: 0 3px 0 0
}
.breadcrumb svg, .contactInfo, .loginBox {
	fill: #FFF!important
}
.whyInner img {
	width: 10%!important;
	height: auto;
	float: left!important;
	margin: 0 0 13px!important;
	padding: 0!important
}
.breadcrumb a {
	color: #fff;
	transition: .2s, transform .2s
}
.breadcrumb a:hover {
	color: #fff;
	opacity: .3
}
.breadcrumb .active {
	color: #ffce36!important
}
#floatingBar {
	background-color: #fc7f4b;
	position: fixed;
	bottom: -150px;
	width: 60%;
	left: 20%;
	right: 20%;
	display: block;
	z-index: 999;
	transition: bottom .6s;
	padding: 0
}
.flatingBanner {
	width: 70%;
	float: left
}
.dealOffer {
	width: 30%;
	float: left;
	padding: 20px 30px
}
.dealHrs {
	width: 31.333%;
	float: left;
	text-align: center;
	border: 1px solid #fff;
	padding: 10px 0;
	margin: 0 1%;
	border-radius: 5px
}
.hrsCount, .hrsText {
	margin: 0;
	display: block;
	color: #fff
}
.hrsText {
	font-size: 14px;
	font-weight: 500;
	opacity: .8;
	line-height: 20px
}
.hrsCount {
	font-size: 22px;
	font-weight: 700;
	line-height: 25px
}
.dealHead {
	font-size: 18px;
	font-weight: 600;
	display: block;
	color: #fff;
	text-align: center;
	margin: 0 0 10px
}
.solutionBox {
	width: 100%;
	float: left;
	background: #fff;
	padding: 50px;
	transition: 1s, transform 1s;
	color: #3a3a3a;
	font-size: 17px;
	line-height: 24px;
	margin: 0 0 25px;
	border-radius: 0;
	box-shadow: 0 0 15px 0 rgba(194,215,248,.55);
	-webkit-box-shadow: 0 0 15px 0 rgba(194,215,248,.55);
	-moz-box-shadow: 0 0 15px 0 rgba(194,215,248,.55)
}
.solutionPlan {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 10px;
	text-transform: none;
	color: #0d55cf;
	transition: none, transform
}
.solutionBox a {
	color: #5675d5!important;
	transition: .3s
}
.solutionBox a:hover {
	margin: 0 0 0 5px
}
.subHeight {
	min-height: 770px!important
}
.siteMap {
	font-size: 22px!important;
	color: #0065dd;
	font-weight: 600
}
.cloudLocation {
	padding: 100px 0 0!important
}
@media (max-width:1680px) {
#carouselCon h1, .punchlineBox {
	font-size: 30px;
	line-height: 45px
}
.punchlineBox {
	padding: 0
}
#carouselCon h1 span {
	font-size: 25px
}
.punchlineBox li {
	font-size: 20px;
	padding: 3px 0 3px 35px;
	line-height: 38px;
	background-size: 20px
}
.punchlineBox p {
	margin: 0 0 20px
}
}
@media (max-width:1600px) {
.punchlineBox {
	padding: 0
}
}
@media (max-width:1500px) {
.punchlineBox {
	padding: 0;
}
}
@media (max-width:1400px) {
.punchlineBox {
	padding: 0
}
.quoteBox h4 {
	font-size: 30px;
	line-height: 35px
}
.quoteBox h4 span {
	font-size: 18px;
	margin: 5px 0 0
}
.quoteBox .btn-primary {
	margin: 10px 5px 0;
	padding: 15px 25px;
	font-size: 15px
}
}
@media (max-width:1399px) {
.punchlineBox {
	padding: 0;
}
 
}
@media (max-width:1366px) {
.planMonth {
	font-size: 15px
}
.planPrice {
	font-size: 30px;
	margin: 10px 0 0
}
.plansInner {
	margin: 20px 0 0;
	font-size: 17px
}
.btn {
font-size:.9rem
}
#aboutvps h4 span, #innerReview h6 span, #solutionSection h4 span, #supportSection h3 span, .expertSection h2 span, .plansvps {
	font-size: 25px
}
.planInfo {
	padding: 30px
}
.plansvps {
	margin: 0 0 10px
}
#aboutvps h4, #innerReview h6, #solutionSection h4, #supportSection h3, .expertSection h2, .plansvps span {
	font-size: 35px;
	line-height: 40px
}
.expertSubhead {
	font-size: 19px!important;
	line-height: 26px!important
}
.qualityInfo p {
	font-size: 14px;
	line-height: 24px
}
.planText {
	padding: 0 10% 30px;
	font-size: 15px;
	line-height: 28px
}
.ssdBox {
	width: 40%!important;
	margin: 0 30% 25px
}
.commonInfo h3 {
	font-size: 25px;
	line-height: 40px
}
}
@media (max-width:1200px) {
#carouselCon h1 {
	font-size: 25px;
	line-height: 40px
}
#carouselCon h1 span {
	font-size: 22px
}
.circle-icon {
	padding: 25px!important;
	border: 6px solid #eff4fe
}
#dashboardCon p {
	font-size: 20px;
	line-height: 28px
}
#dashboardCon p span, .nameDomain span {
	font-size: 16px
}
#blogSection h6, #datacenterCon h6, #faqSection h5, #migrationCon h4, #partnerSection h5 {
	font-size: 35px;
	line-height: 40px
}
#blogSection h6 span, #datacenterCon h6 span, #faqSection h5 span, #migrationCon h4 span, #partnerSection h5 span {
	font-size: 25px
}
#migrationCon {
	padding: 80px 0 60px
}
#faqSection {
	padding: 80px 0 30px
}
.faqHeading {
	padding: 15px 30px;
	font-size: 18px
}
#blogSection, .partnerBox {
	padding: 80px 0
}
#datacenterCon {
	padding: 0 0 80px
}
.socialBox li a svg {
	padding: 9px
}
.socialBox svg {
	width: 17%
}
.countBox {
	font-size: 40px;
	margin: 5px 0 0
}
.solutionPlan {
	font-size: 18px
}
.clientName {
	font-size: 17px
}
.clientDate {
	font-size: 15px
}
#innerReview .owl-theme .owl-dots, .owl-theme .owl-nav {
	padding: 0!important
}
}
@media (max-width:1100px) {
.punchlineBox {
	padding: 0;
	font-size: 25px;
	line-height: 40px
}
.punchlineBox li {
	font-size: 16px;
	padding: 3px 0 3px 35px;
	line-height: 32px;
	background-size: 16px
}
.punchlineBox p {
	margin: 0 0 10px
}
.punchlineBox ul {
	float: left;
	margin: 0 0 30px!important
}
.btn-primary {
	border: 1px solid #fff;
	padding: 13px 25px
}
.btn-lg, .quoteBox .btn-group-lg>.btn {
	font-size: 14px
}
}
@media (max-width:991px) {
#carouselCon h1, .punchlineBox {
	font-size: 20px;
	line-height: 30px
}
.punchlineBox {
	padding: 0
}
#carouselCon h1 span, .timeHead {
	font-size: 18px
}
#dashboardCon .col-md-3 {
	width: 50%;
	margin: 0 0 30px
}
.circle-icon {
	padding: 40px!important;
	margin: 0 30% 7%;
	border: 6px solid #eff4fe
}
.carouselBg {
	background-size: auto 100%;
	margin: 0
}
#plansSection, .commonInfo {
	padding: 50px 0
}
#addonsCon h3 span, #plansSection h1, #reviewSection h4 span {
	font-size: 25px
}
#plansSection h1 span {
	font-size: 30px
}
.planText {
	padding: 0 0 20px;
	font-size: 14px!important
}
.planInfo img {
	width: 10%!important
}
#domainSection h2 {
	font-size: 30px;
	line-height: 40px;
	margin: 0
}
.domainName {
	padding: 80px 20px 20px
}
#floatingBar, #stickLayer {
	display: none
}
#addonsCon h3, #reviewSection h4 {
	font-size: 35px;
	line-height: 40px
}
#aboutvps, #addonsCon, #innerReview, #solutionSection {
	padding: 80px 0
}
.addonsInfo img {
	width: 12%;
	height: auto
}
#reviewSection .owl-theme .owl-nav {
	margin-top: 30px!important
}
#quoteSection {
	text-align: center
}
.quoteBox .btn-primary {
	float: none;
	margin: 15px 5px 0
}
#faqSection {
	padding: 60px 0 10px
}
#faqSection h5 {
	font-size: 30px;
	line-height: 40px
}
#aboutvps h4 span, #blogSection h6 span, #datacenterCon h6 span, #faqSection h5 span, #innerReview h6 span, #partnerSection h5 span, #solutionSection h4 span, #supportSection h3 span, .expertSection h2 span {
	font-size: 20px
}
.faqHeading {
	padding: 12px 25px;
	font-size: 16px;
	line-height: 22px
}
#partnerSection .owl-theme .owl-dots {
	margin: 20px 0 0
}
#aboutvps h4, #blogSection h6, #datacenterCon h6, #innerReview h6, #offerInfo .plansvps span, #partnerSection h5, #solutionSection h4, #supportSection h3, .expertSection h2, .plansvps span {
	font-size: 30px;
	line-height: 35px
}
#blogSection, .partnerBox {
	padding: 60px 0
}
#datacenterCon {
	padding: 0 0 60px
}
#footerSection .col-md-6 {
	margin: 0 0 1.5rem;
	border-bottom: 1px solid #405a86;
	opacity: 10;
	padding: 0 0 45px
}
.copyrightInfo .col-md-6 {
	margin: 0!important;
	border-bottom: none!important;
	padding: 0!important
}
.socialBox {
	margin: 0;
	border-bottom: none;
	padding: 0
}
.socialBox svg {
	width: 6%
}
.innerSubplan .col-md-4 {
	flex: 0 0 auto;
	width: 100%!important
}
.plansvps {
	font-size: 20px;
	margin: 0 0 10px
}
.expertSection img {
	width: 20%!important;
	margin: 25px 40%!important
}
.commonInfo h3 {
	font-size: 25px;
	line-height: 40px
}
#commonSub .container {
	max-width: 100%!important
}
#solutionSection .col-lg-6 {
	flex: 0 0 auto;
	width: 100%
}
#solutionSection .col-lg-2 {
	flex: 0 0 auto;
	width: 10%
}
#solutionSection .col-lg-10 {
	flex: 0 0 auto;
	width: 90%
}
.clientName {
	font-size: 16px
}
#innerReview .owl-theme .owl-dots, .owl-theme .owl-nav {
	padding: 20px 0 0!important
}
.subHeight {
	min-height: inherit!important
}
}
@media (max-width:800px) {
.circle-icon {
	padding: 30px!important
}
#solutionSection .col-lg-2 {
	flex: 0 0 auto;
	width: 12%
}
#solutionSection .col-lg-10 {
	flex: 0 0 auto;
	width: 88%
}
}
@media (max-width:768px) {
#carouselCon .col-lg-5:last-child, #carouselCon .col-lg-6:last-child {
	display: none
}
#carouselCon .col-md-7 {
	width: 100%
}
.punchlineBox {
	padding: 0;
}
.punchlineBox p {
	font-size: 25px!important;
	line-height: 40px!important
}
#carouselCon h1 {
	font-size: 30px;
	line-height: 45px
}
#carouselCon h1 span {
	font-size: 25px
}
.breadcrumb {
	margin-bottom: 0
}
#carouselCon {
	padding: 150px 0 0;
	margin: 0px !important;

}
.punchlineBox li {
	font-size: 18px;
	padding: 3px 0 3px 35px;
	line-height: 35px;
	background-size: 18px
}
.planInfo {
	padding: 20px
}
.domainName {
	padding: 60px 20px 20px;
	margin: 0
}
#domainSection p {
	font-size: 14px!important
}
#domainSection .nameDomain {
	font-size: 18px!important
}
.nameDomain span {
	font-size: 14px
}
#supportSection {
	padding: 50px 0
}
.timeInfo .col-sm-12 {
	padding: 0!important
}
#addonsCon, #innerReview, #solutionSection {
	padding: 70px 0
}
#addonsCon h3 span, #reviewSection h4 span {
	font-size: 20px
}
#addonsCon h3, #reviewSection h4 {
	font-size: 30px;
	line-height: 40px
}
#migrationCon img {
	width: 90%;
	margin: 20px 5% 0
}
#migrationCon h4 {
	font-size: 35px;
	line-height: 40px;
	text-align: center
}
#blogSection h6, #datacenterCon h6, #faqSection h5 {
	font-size: 25px;
	line-height: 35px
}
#migrationCon {
	padding: 60px 0;
	text-align: center
}
#plansSection, .quoteBox {
	padding: 30px 0
}
#aboutvps h4, #innerReview h6, #offerInfo .plansvps span, #solutionSection h4, #supportSection h3, .expertSection h2, .plansvps span, .quoteBox h4 {
	font-size: 25px;
	line-height: 30px
}
.quoteBox h4 span {
	font-size: 16px;
	margin: 5px 0 0
}
.quoteBox .btn-primary {
	padding: 13px 22px;
	font-size: 14px
}
#faqSection h5 {
	margin: 0 0 20px
}
#faqSection h5 span {
	font-size: 16px
}
#aboutvps h4 span, #blogSection h6 span, #datacenterCon h6 span, #innerReview h6 span, #solutionSection h4 span, #supportSection h3 span, .expertSection h2 span, .plansvps {
	font-size: 18px
}
.faqText {
	padding: 15px 20px
}
#blogSection {
	padding: 60px 0
}
.footerAbout img {
	width: 30%
}
.copyrightInfo {
	text-align: left
}
#aboutvps, .whyInner, .whyInner img {
	text-align: center
}
.domainName .owl-carousel .owl-nav.disabled {
	display: none!important
}
.plansvps {
	margin: 0 0 10px
}
.expertSection img {
	width: 30%!important;
	margin: 25px 35%!important
}
.whyInner img {
	float: none!important;
	width: 10%!important
}
.commonInfo h3 {
	font-size: 20px;
	line-height: 35px;
	width: 100%
}
.commonInfo {
	background-image: none
}
#aboutvps {
	padding: 70px 0
}
#aboutvps img {
	width: 80%!important;
	height: auto;
	margin: 0 10% 30px
}
#innerReview .planText {
	padding: 0;
	text-align: center
}
.clientName {
	font-size: 15px
}
.clientDate {
	font-size: 13px
}
#innerReview .reviewInfo {
	padding: 30px;
	margin: 30px 0 0;
	font-size: 15px;
	line-height: 22px;
	font-weight: 400!important
}
#innerReview .owl-carousel .owl-nav button.owl-next, #innerReview .owl-carousel .owl-nav button.owl-prev {
	padding: 22px 20px!important
}
}
@media (max-width:650px) {
#carouselCon {
	margin: 0
}
#dashboardCon {
	display: none
}
#solutionSection .col-lg-2 {
	flex: 0 0 auto;
	width: 15%
}
#solutionSection .col-lg-10 {
	flex: 0 0 auto;
	width: 85%
}
.solutionBox {
	padding: 30px;
	font-size: 15px
}
}
@media (max-width:600px) {
.punchlineBox {
	padding: 0
}
.punchlineBox p {
	font-size: 20px!important;
	line-height: 35px!important
}
#carouselCon h1 {
	font-size: 25px;
	line-height: 40px
}
#carouselCon h1 span {
	font-size: 22px
}
#carouselCon {
	padding: 90px 0 0;
	margin: 0
}
.punchlineBox li {
	font-size: 17px;
	padding: 3px 0 3px 35px;

	line-height: 32px;
	background-size: 17px
}
#topContact {display: none;}
header {position: relative !important;}

.navbar-toggler {
padding:.1rem .45rem!important
}
.breadcrumb {
	font-size: 11px!important
}
.planInfo h2 {
	font-size: 17px
}
.subscribe button {
	position: relative;
	width: 100%
}
.subscribe input[type=text] {
	padding: 12px 15px 11px;
	width: 100%
}
#migrationCon h4 span, #partnerSection h5 span, #plansSection h1 {
	font-size: 20px
}
#domainSection h2, #plansSection h1 span {
	font-size: 25px;
	line-height: 35px
}
.domainName {
	padding: 40px 20px 20px
}
#innerReview, #solutionSection, .partnerBox {
	padding: 60px 0
}
#reviewSection .owl-carousel .owl-nav button.owl-next, #reviewSection .owl-carousel .owl-nav button.owl-prev {
	padding: 20px 18px!important
}
#reviewSection .owl-theme .owl-nav {
	margin-top: 20px!important
}
#migrationCon h4, #partnerSection h5 {
	font-size: 30px;
	line-height: 30px
}
.partnerBox {
	background-size: 100% 40%
}
.socialBox svg {
	width: 10%
}
}
@media (max-width:500px) {
.punchlineBox p {
	font-size: 20px!important;
	line-height: 30px!important
}
#carouselCon h1 {
	font-size: 20px;
	line-height: 30px
}
#carouselCon h1 span {
	font-size: 18px
}
#carouselCon {
	padding: 80px 0 0;
	margin: 0
}
.planInfo img {
	width: 20%!important
}
.planInfo h2, .solutionPlan {
	font-size: 16px
}
.copyrightInfo, .copyrightInfo p {
	font-size: 13px!important
}
.planInfo li {
	line-height: 23px
}
.planInfo h2 span {
	font-size: 12px
}
#addonsCon {
	padding: 50px 0
}
#addonsCon h3 span, #reviewSection h4 span {
	font-size: 20px
}
#addonsCon h3, #reviewSection h4 {
	font-size: 25px;
	line-height: 35px
}
.addonsInfo img {
	width: 20%;
	height: auto
}
.addonsInfo {
	padding: 30px
}
.addonPrice {
	margin: 0 0 5px
}
.quoteBox .btn-primary {
	width: 100%
}
#faqSection {
	padding: 40px 0 10px
}
.commonInfo, .partnerBox {
	padding: 40px 0
}
#datacenterCon {
	padding: 0 0 50px
}
.copyrightInfo {
	padding: 20px 0
}
#supportSection p {
	margin: 0;
	font-size: 15px;
	line-height: 25px
}
.whyInner img {
	width: 15%!important
}
.commonInfo h3 {
	font-size: 16px;
	line-height: 28px
}
.commonHead {
	font-size: 16px;
	line-height: 26px
}
#aboutvps {
	padding: 60px 0
}
#solutionSection .col-lg-2 {
	flex: 0 0 auto;
	width: 100%;
	margin: 0 0 10px
}
#solutionSection .col-lg-10 {
	flex: 0 0 auto;
	width: 100%
}
.accordion-item {
	width: 100%!important
}
.accordion-button {
	padding: 15px 25px
}
.accordion-header {
	margin: 0 0 10px
}
.accordion-body {
padding:1rem .2rem!important
}
#offerInfo .plansvps span {
	font-size: 22px;
	line-height: 28px
}
}
@media (max-width:414px) {
.punchlineBox p {
	font-size: 18px!important;
	line-height: 27px!important
}
#carouselCon h1 {
	font-size: 18px;
	line-height: 27px
}
#aboutvps h4 span, #carouselCon h1 span, #innerReview h6 span, #solutionSection h4 span, #supportSection h3 span, .expertSection h2 span {
	font-size: 16px
}
#carouselCon {
	padding: 80px 0 0;
	margin: 0
}
.punchlineBox li {
	font-size: 15px;
	padding: 3px 0 3px 25px;
	line-height: 25px;
	background-size: 14px
}
.planInfo h2 {
	font-size: 15px
}
#plansSection h1 {
	font-size: 18px
}
#plansSection h1 span {
	font-size: 22px;
	line-height: 32px
}
.domainName {
	padding: 30px 20px 20px
}
#aboutvps h4, #domainSection h2, #innerReview h6, #solutionSection h4, #supportSection h3, .expertSection h2 {
	font-size: 20px;
	line-height: 30px
}
#domainSection form {
	margin: 20px 0
}
.form-control {
	padding: 14px 10px
}
#migrationCon h4 {
	font-size: 25px;
	line-height: 30px
}
.faqHeading, .planPrice span {
	font-size: 14px
}
.planInfo li {
	padding: 3px 0 3px 17px;
	line-height: 20px;
	background: url(../images/check-mark.svg) left 9px/10px no-repeat;
	font-size: 12px;
	font-weight: 500
}
.planMonth {
	margin: 0 0 5px
}
.plansInner {
	margin: 10px 0 0;
	font-size: 15px
}
.btn {
font-size:.7rem
}

.planPrice {
	font-size: 25px
}
.planMonth {
	font-size: 13px
}
.plansvps {
	font-size: 16px;
	margin: 0 0 10px
}
.plansvps span {
	font-size: 20px;
	line-height: 25px
}
#plansSection {
	padding: 25px 0
}
.expertSection img {
	width: 40%!important;
	margin: 25px 30%!important
}
#aboutvps, #innerReview, #solutionSection {
	padding: 40px 0
}
}
@media (max-width:384px) {
#blogSection h6, #datacenterCon h6 {
	font-size: 20px;
	line-height: 30px
}
#blogSection h6 span, #datacenterCon h6 span {
	font-size: 16px
}
#blogSection {
	padding: 50px 0
}
.addonPlan {
	font-size: 13px!important;
	margin: 0
}
.addonPrice {
	font-size: 30px!important
}
}
@media (max-width:375px) {
#reviewSection h4, #supportSection h3 {
	font-size: 20px;
	line-height: 30px
}
.quoteBox h4 {
	font-size: 20px;
	line-height: 27px
}
#partnerSection h5 {
	font-size: 25px;
	line-height: 30px
}
#partnerSection h5 span {
	font-size: 18px
}
.socialBox svg {
	width: 13%
}
#supportSection h3 span {
	font-size: 16px
}
#offerInfo .plansvps span {
	font-size: 20px;
	line-height: 24px
}
}
@media (max-width:360px) {
#addonsCon h3, #faqSection h5 {
	font-size: 20px;
	line-height: 30px
}
#faqSection h5 {
	margin: 0 0 10px
}
#faqSection h5 span {
	font-size: 16px
}
.expertSection img {


	width: 60%!important;
	margin: 25px 20%!important
}
.whyInner img {
	width: 20%!important
}
}
@media (max-width:320px) {
.punchlineBox p {
	font-size: 16px!important;
	line-height: 25px!important
}
#carouselCon h1 {
	font-size: 16px;
	line-height: 25px
}
#carouselCon h1 span {
	font-size: 15px
}
#carouselCon {
	padding: 70px 0 0;
	margin: 0
}
.punchlineBox li {
	font-size: 13px;
	padding: 3px 0 3px 25px;
	line-height: 21px;
	background: url(../images/checked.svg) left 7px/13px no-repeat
}
.planInfo h2 {
	font-size: 13px
}
}
section.not-found-page {
	background: #0046cd;
	height: 100%;
	position: fixed;
	width: 100%;
	display: flex;
	align-items: center;
	z-index: 9
}
section.not-found-page:after {
	background: url(../images/website.svg);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: .3
}
section.not-found-page a.btn-primary {
	color: #fff!important;
	background-color: transparent;
	border-color: #fff;
	border-radius: 40px;
	transition: width 1s!important;
	padding: 12px 35px;
	font-size: 17px;
	font-weight: 500
}
section.not-found-page a.btn-primary:hover {
	border: 1px solid #fff!important;
	color: #2869e6!important;
	background: #fff!important
}
.hc-hn-inner-text img {
	width: auto;
	margin-bottom: 25px
}
.hc-hn-inner-text h1 {
	font-size: 220px;
	font-weight: 700;
	color: #fff;
	line-height: .9
}
.hc-hn-inner-text p {
	font-size: 32px;
	font-weight: 500;
	margin-top: 20px;
	color: #fff
}
.hc-hn-inner-text p small {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 400
}
.planInfo:hover {
	box-shadow: 0 0 30px 0 #00000015;
	transform: scale(1.03) translate(0, -7px)
}
.planInfo:hover .planMore {
	background: #0046cd;
	transition: .2s;
	border: 1px solid #0046cd
}
.planInfo {
	transition: .2s linear!important
}
@media (max-width:991px) {
section.not-found-page {
	background: #0046cd;
	height: 100%;
	position: fixed;
	width: 100%;
	display: flex;
	align-items: flex-start;
	z-index: 9;
	padding: 30px 0;
	overflow: auto;
	top: 0
}
}
@media (max-width:568px) {
.hc-hn-inner-text p {
	font-size: 22px
}
.hc-hn-inner-text p small {
	font-size: 16px
}
}
/*-------- Offer ---------*/
#offer_head {
	width: 100%;
	float: left;
	background: #fff;
	padding: 20px 0;
}
#offer_head img {
	width: 60%;
	height: auto;
}
#offer_head .btn-primary {
	color: #fff;
	background-color: #0046b8;
	border: 1px solid #0046b8;
	border-radius: 40px;
	float: right;
	text-transform: capitalize;
	display: inherit !important;
	width: 22%;
	transition: all 1s;
}
.offer_head_section .btn-primary {
	margin: 20px 0 0 0;
}
#offer_head .btn-primary:hover {
	color: #fff!important;
	background-color: #0b55ce!important;
	border-color: #0b55ce!important;
}
#offer_head svg {
	float: left;
}
.offer_live_chat {
	width: 23% !important;
	height: auto;
}
.offer_text {
	font-size: 16px !important;
	line-height: 30px !important;
	font-weight: 500 !important;
	padding: 0 10% 0 0;
}
.offer_head_section .punchlineBox {
	padding: 0 0 0 0% !important;
}
.offer_head_section .CodeBnt {
	color: #fff;
	background-color: #003ca0;
	border: 1px solid #488cff;
	border-radius: 40px;
	text-transform: uppercase;
	transition: all 1s;
	padding: 15px 30px;
	line-height: 29px;
}
.offer_head_section .CodeBnt_more {
	transition: all 1s;
}
.offer_expert_section {
	background: #fff !important;
}
.review_offer_section {
	background: #f0f8ff !important;
} 
@media (min-width:2000px) {
.site-content {padding: 7% 0 0 0 !important;}
.site-content.main_content_box {padding: 0 0 0 0 !important;}
}

 @media (min-width:1350px) {
#offer_head .btn-primary {
	width: 22%;
	transition: all 1s;
	padding: 12px 15px;
}
.offer_live_chat {
	width: 15% !important;
	height: auto;
}
}

@media (max-width:1349px) {
#carouselCon {
	padding: 150px 0 0;
}
.site-content {padding: 11% 0 0 0 !important;}
.site-content.main_content_box {padding: 0 0 0 0 !important;}

h1.entry-title {font-size: 27px; line-height: 38px!important;}

}
@media (max-width:1200px) {
.offer_live_chat {
	width: 15% !important;
	height: auto;
}
#offer_head .btn-primary {
	width: 26%;
	transition: all 1s;
	padding: 12px 15px;
}
h2.entry-title {
    font-size: 22px !important;
    line-height: 30px !important;
}
}
@media (max-width:1050px) {
.offer_head_section .col-lg-7 {
	width: 100%;
	text-align: center;
}
.offer_head_section {
	padding: 100px 0 0 !important;
}
.offer_head_section .col-lg-5 {
	width: 100%;
	text-align: center;
}
.offer_head_section img {
	width: 60%;
	height: auto;
	margin: 60px 20% 0 20%;
}
.offer_text {
	padding: 0;
}
}
@media (max-width:991px) {
.offer_live_chat {
	width: 22% !important;
	height: auto;
}
#offer_head .btn-primary {
	width: 30%;
	padding: 10px 15px;
}
#offer_head img {
	width: 80%;
	height: auto;
}
.offer_head_section .punchlineBox span {
	font-size: 25px;
	line-height: 35px;
}
.navbar button{background-color: #2045af !important;}
.navbar button {background-color: #ffffff !important;}
}
@media (max-width:768px) {
.offer_head_section .punchlineBox p {
	font-size: 16px!important;
	line-height: 30px!important;
}
.offer_head_section .punchlineBox span {
	font-size: 22px;
	line-height: 35px;
}
 
h1.entry-title {font-size: 25px; line-height: 35px!important;}
.site-content {padding: 23% 0 0 0 !important;}
.site-content.main_content_box {padding: 0 0 0 0 !important;}
.site-content .col-md-8 { margin:0;}
}
@media (max-width:700px) {
.offer_live_chat {
	width: 25% !important;
	height: auto;
}
#offer_head .btn-primary {
	width: 35%;
	padding: 10px 15px;
}
#offer_head img {
	width: 100%;
	height: auto;
}
}
@media (max-width:616px) {
.offer_live_chat {
	width: 25% !important;
	height: auto;
}
#offer_head .btn-primary {
	width: 40%;
	padding: 10px 15px;
}
#offer_head img {
	width: 100%;
	height: auto;
}

#carouselCon {
	padding: 20px 0 0 !important;
}
h2.entry-title {
    font-size: 18px !important;
    line-height: 28px !important;
}
}
@media (max-width:590px) {
#offer_head img {
	width: 50%;
	margin: 0 25%;
}
#offer_head .btn-primary {
	width: 100%;
	padding: 10px 15px;
	font-size: 18px !important;
	margin: 20px 0 0 0;
}
#offer_head .btn-primary img {
	width: 8% !important;
	margin: 0px !important;
}
.offer_head_section {
	padding: 190px 0 0 !important;
}
.offer_head_section .punchlineBox br {
	display: none;
}
.site-content .col-md-8 { margin: 2rem 0 !important;}
.site-content {padding: 0% !important;}
h1.entry-title {font-size: 22px; line-height: 30px!important;}
}
@media (max-width:400px) {
.offer_head_section {
	padding: 170px 0 0 !important;
}
.offer_head_section .punchlineBox span {
	font-size: 19px;
	line-height: 35px;
}
.offer_head_section .CodeBnt_more {
	width: 100%;
}
.offer_head_section .CodeBnt {
	width: 100%;
}
}
@media (max-width:350px) {
#offer_head img {
	width: 60%;
	margin: 0 20%;
}
#offer_head .btn-primary {
	width: 100%;
	padding: 10px 15px;
	font-size: 16px !important;
	margin: 15px 0 0 0;
}
#offer_head .btn-primary img {
	width: 10% !important;
	margin: 0px !important;
}
.offer_head_section {
	padding: 150px 0 0 !important;
}
.offer_head_section .punchlineBox span {
	font-size: 16px;
	line-height: 28px;
}
h2.entry-title {font-size: 16px !important; line-height: 24px !important;}
h1.entry-title {font-size: 20px; line-height: 28px!important;}
}
@media (max-width:300px) {
#offer_head img {
	width: 70%;
	margin: 0 15%;
}
#offer_head .btn-primary {
	width: 100%;
	padding: 8px 15px;
	font-size: 14px !important;
	margin: 15px 0 0 0;
}
#offer_head .btn-primary img {
	width: 12% !important;
	margin: 0px !important;
}
}
#footerSection ul {margin: 0 0 15px 0 !important;}
.wp-block-image img {margin: 0 0 25px 0;  width: auto; height: auto;}

#brand img {border: none !important;}