html {
	scroll-behavior: smooth;
}

body {
	padding-top: 0rem;
	padding-bottom: 0rem;
	color: #000;
	font-size: 16px;
}

a,
p {
	font-size: 16px;
}

a:hover,
a:focus {
	text-decoration: none;
}



.container {
	max-width: 1360px;
	/* background: rgba(0,0,0,0.1); */
	position: relative;
}

.top {
	background: #2b2929;
	padding: 5px;
	text-align: center;
	font-size: 16px;
}

.top a {
	color: orange;
	text-decoration: underline;
	font-size: 12px;
}

.top a:hover {
	color: #d8d3d3;
	text-decoration: underline;
}

.top p {
	margin: 0;
	font-size: 16px;
	color: #00afef;
}

.top p .blubg {
	margin: 0;
	color: #fff;
	border-radius: 10px;
	background: #00afef;
	padding: 2px 10px;
}

.top-section-hidden li {
	text-align: center
}

.top-section-hidden .inner-plans {
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

.top-section-hidden .inner-plans .btn-get-started {
	margin: 0;
}

.h1,
h1 {
	font-size: 2.2rem;
}




/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */

.carousel {
	margin-bottom: 4rem;
}

.carousel-caption {
	bottom: 3rem;
	z-index: 10;
}

.carousel-caption p {
	font-size: 14.5px;
}



/* Declare heights because of positioning of img element */

.carousel-item {
	height: 32rem;
	background-color: #eceaea;
}

.carousel-item>img {
	position: absolute;
	top: 0;
	left: unset;
	/* min-width: 100%;  */
	height: 32rem;
	/* width: 100%; */
	right: 0;
}

.carousel-caption {
	position: absolute;
	right: 35%;
	left: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #000;
	top: 60px;
}

.carousel-control-next,
.carousel-control-prev {
	width: 5%;
}

.carousel-indicators .active {
	background-color: #000;
}

.carousel-indicators {
	bottom: 50px;
}

.carousel-indicators li {
	background-color: rgba(0, 0, 0, .5);
}

.carousel-caption img {
	height: 40px;
}

.carousel-caption .hosting-btn {
	margin-left: -15px;
}

.carousel-caption .btn-primary {
	padding-right: 20px;
	padding-left: 20px;
	background: #00a651;
	border-color: #00a651;
}

.carousel-caption .btn-primary:hover,
.carousel-caption .btn-primary:focus {
	background: #00afef;
	border-color: #00afef;
}



/* navigation*/

nav {
	background: #131313;
	min-height: 70px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	padding: 0 !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
	margin-top: 0px;
}

.navbar-light .navbar-brand {
	position: relative;
}

.navbar-expand-lg .navbar-nav .nav-link {
	text-transform: uppercase;
	color: #fff;
	padding: 6px 20px;
}

.navbar-expand-lg .navbar-nav li:last-child {
	padding-right: 0;
}

.navbar-light .navbar-nav .nav-link.active {
	color: #fff;
	font-weight: 700;
}

.navbar .logo {
	max-height: 80px;
	position: absolute;
	top: -25px;
	z-index: 99;
	background: #fff;
	padding: 0px;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: rgba(255, 255, 255, 1);
	font-weight: 700;
}

.sticky.is-sticky.navbar .logo {
	top: -14px;
	max-height: 36px;
}



/* MARKETING CONTENT

-------------------------------------------------- */

.marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center;
}

.marketing h2 {
	font-weight: 400;
}

.marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
}



/* Featurettes

------------------------- */

.featurette-divider {
	margin: 5rem 0;
	/* Space out the Bootstrap <hr> more */
}

.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.05rem;
}


.head-txt {
	font-size: 2.2rem;
	padding: 0% 25% 0% 0% !important;
}

.txt16 {
	font-size: 28px !important;
	padding: 0% 35% 0% 0% !important;
}

.txt24 {
	font-size: 30px !important;
}

/* RESPONSIVE CSS

-------------------------------------------------- */



@media (min-width: 40em) {

	.carousel-caption p {
		margin-bottom: 1.25rem;
		font-size: 16px;
		line-height: 1.4;
	}

	.featurette-heading {
		font-size: 50px;
	}


}



@media (min-width: 62em) {

	.featurette-heading {
		margin-top: 7rem;
	}

}



/* COMMAN*/

section {
	padding: 0 0 60px 0;
}

.section-bg {
	background-color: white;
}

.section-title {
	text-align: center;
	padding-bottom: 30px;
}

.section-title h2 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
	font-family: "Poppins", sans-serif;
	color: #000;
}

.section-title h2::after {
	content: '';
	position: absolute;
	display: block;
	width: 250px;
	height: 1px;
	background: #000;
	bottom: 0;
	left: calc(42% - 25px);
}

.section-title h2::before {
	content: '';
	position: absolute;
	display: block;
	background: #000;
	width: 10px;
	height: 10px;
	left: calc(50% - 10px);
	border-radius: 10px;
	margin-top: 47px;
}

.section-title p {
	color: #1C2430;
	font-size: 18px;
	margin: 0px 0px 8px 0px;
	line-height: 1.2;
}

.btn-primary {
	color: #fff;
	background-color: #00a651;
	border-color: #00a651;
	border-radius: 0;
}

.btn-primary:hover {
	color: #fff;
	background-color: #00afef;
	border-color: #00afef;
}



/*sticky header position*/

.sticky.is-sticky {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
}



/* buttons*/

.btn-primary {
	border-radius: 0;
}



/*--------------------------------------------------------------

# Top Bar

--------------------------------------------------------------*/

#topbar {
	background: #fff;
	padding: 1.5px 0;
	font-size: 14px;
}

#topbar .icofont-shopping-cart {
	font-size: 18px;
}

#topbar .contact-info {
	color: #5b5b5b;
}

#topbar .contact-info span {
	display: inline-block;
	vertical-align: bottom;
	padding: 5px 11px 5px 5px;
	line-height: 18px;
	border-right: 1px solid #ccc;
}

#topbar .contact-info span:last-child {
	border-right: 0px solid #ccc;
	padding-right: 0;
}

#topbar .contact-info a {
	line-height: 1;
	color: #5b5b5b;
	transition: 0.3s;
	font-weight: 600;
	font-size: 12px;
}

#topbar .contact-info a:hover {
	color: #000;
}

#topbar .contact-info i {
	color: #5b5b5b;
	padding: 4px;
}

/* #topbar .contact-info .icofont-phone {  padding-left: 20px;} */

#topbar .social-links a {
	color: #fff;
	padding: 4px 0 4px 16px;
	display: inline-block;
	line-height: 1px;
	transition: 0.3s;
}

#topbar .social-links a:hover {
	color: #000;
}

#topbar .social-links a:first-child {
	border-left: 0;
}



/* COMMAN SECTION HOME PAGE*/

.search-domain {
	margin-top: -100px;
	position: relative;
	width: 100%;
	margin-bottom: -50px;
}

.search-domain .container {
	position: relative;
}

.search-domain .inner-search {
	background: #fff;
	border: 1px solid #ccc;
	padding: 0 15px;
	z-index: 1 !important;
	background: #fff;
	position: inherit;
	width: 100%;
}

.search-domain .inner-search ul {
	list-style: none;
	display: flex;
	padding-left: 0px;
}

.search-domain .inner-search ul li {
	font-size: 18px;
	padding: 0px 15px;
	color: #3d3d3d;
}

.search-domain .inner-search ul li strong {
	font-size: 24px;
	padding-right: 5px;
}

.search-domain .bottom-search {
	background: #ccc;
	padding: 5px;
	font-size: 14.5px;
	text-align: center;
	color: #000;
}

.search-domain .bottom-search a {
	color: #000;
	text-decoration: underline;
}

.search-domain .bottom-search a:hover {
	color: #000;
	text-decoration: none;
}

.inner-search .btn.btn-outline-secondary {
	background: transparent;
	color: #ccc;
	border: 1px solid #ced4da;
	margin-left: -1px;
}

.search-domain .inner-search .input-group-prepend select {
	background: #fff;
	border-radius: 0;
	margin-left: -1px;
	border: 1px solid #ccc;
	min-width: 90px !important;
}


/* VERTICAL PLANS*/

.plans-vertical {
	margin-top: 15px;
}

.plans-vertical ul {
	padding: 0;
}

.plans-vertical li.active {
	background: #780bcb;
}

.plans-vertical li a i {
	display: none;
}

.plans-vertical li.active a {
	color: #fff;
}

.plans-vertical li.active a i {
	display: inline-block;
}

.plans-vertical li:hover a i {
	display: inline-block;
}

.plans-vertical li:hover {
	background: #780bcb;
	transition-duration: 1s;
}

.plans-vertical li:hover a {
	color: #fff;
}

.plans-vertical li {
	float: left;
	list-style: none;
	width: 25%;
	border: 1px solid #ccc;
	text-align: center;
	padding: 17px 15px;
	margin-top: -1px;
	transition-duration: 1s;
	height: 78px;
}

.plans-vertical li a {
	color: #000;
}

.plans-vertical li a.btn-get-started {
	background-color: #f4f4f4;
	display: inline-block;
	padding: 5px 10px;
	color: #000;
	border: 1px solid #ececec;
	border-radius: 0;
}

.plans-vertical .last-section li {
	width: 100%;
	margin-left: -2px;
	height: 155px;
}

.plans-vertical .last-section li:hover i {
	color: #fff;
}

.plans-vertical .last-section li i {
	font-size: 80px;
	color: #00afef;
}

.plans-vertical .last-section li img {
	display: inline-block;
}



/* HOSTING PLANS HOME*/

.hosting-plan:before {
	content: "";
	z-index: -99;
	background: url("../img/cssimg/plans-bg.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 530px;
	position: absolute;
	margin-top: -100px;
}

.hosting-plan-tts:before {
	content: "";
	z-index: -99;
	width: 100%;
	min-height: 530px;
	position: absolute;
	margin-top: -100px;
}

.full-width {
	width: 100%;
	text-align: center;
	margin-top: -20px;
}

.full-width ul {
	padding: 0
}

.full-width ul li {
	display: inline-block;
	padding: 6px 5px;
	background: #fff;
	margin-left: -5px;
	min-width: 200px;
	border: 1px solid #b7b7b7;
	color: #000;
	max-height: 65px;
	vertical-align: top;
}

.full-width .height-65 li {
	min-height: 65px;
}

.full-width ul li a {
	color: #000;
}

.full-width ul li.active {
	background: #f4f3f3;
	font-weight: 600;
}

.full-width ul li:hover {
	background: #f4f3f3;
	font-weight: 600;
}

.full-width ul li img {
	width: 40%;
}

.hosting-plan .inner-plans {
	text-align: center;
	border: 1px solid #ccc;
	transition: width 2s;
	background: #fff;
}

.hosting-plan .inner-plans .btn-get-started img {
	width: 10px;
}

.hosting-plan .inner-plans:hover {
	border: 1px solid #00a651;
	box-shadow: 0px 6px 29px -18px rgba(0, 0, 0, 0.80);
}

.inner-plans h3 {
	background: #f4f3f3;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 15px;
	margin-bottom: 0;
}

.start {
	border: 0px solid #888;
	padding: 1.5px 19px;
	font-size: 14px;
	margin: 0 auto;
	display: inline-block;
	color: #000;
	pointer-events: none;
	text-transform: uppercase;
	font-weight: 600;
}

.inner-plans h2 {
	font-weight: 800;
	color: #000;
}

.inner-plans h2 small {
	font-size: 16px;
	font-weight: 700;
}

.inner-plans .btn-get-started {
	background: #00a651;
	display: block;
	padding: 8px 5px;
	margin: 15px 0 10px 0;
	color: #fff;
	font-size: 14px;
}

.inner-plans .btn-get-started:hover {
	background: #00afef;
	color: #fff;
}

.inner-plans ul {
	text-align: left;
	padding: 0;
	list-style: none;
	padding: 0px 10px;
	margin: 0;
}

.inner-plans ul li {
	font-size: 12px;
	border-bottom: 1px solid #eaeaea;
	padding: 6px 0;
}

.inner-plans ul li span {
	float: right;
	text-align: center;
	top: -3px;
	position: relative;
}

.inner-plans ul li span img {
	width: 90%;
}

.inner-plans .learn-more {
	background: #f4f3f3;
	display: block;
	padding: 8px 5px;
	margin: 0px;
	color: #000;
	font-size: 14px;
}

.inner-plans .learn-more:hover {
	opacity: 0.7;
}

.parts-payment {
	margin-top: 30px !important;
}



/*--------------------------------------------------------------

# About

--------------------------------------------------------------*/



.about .content p:last-child {
	margin-bottom: 0;
}

/*.about .content a{background-color: #000; display: inline-block; padding: 9px 32px; color: #fff; border: 1px solid #b5b5b5; border-radius: 0;}
*/
.about .content a:hover {
	background: #00afef;
}

.about .blubg {
	background: #f1f9ff;
	width: 100%;
	margin: 0 auto;
}

.about .content h3 {
	font-family: 'Rubik', sans-serif;
	font-weight: 600;
	font-size: 28px;
	color: #0d69a8;
}

.about .content h4 {
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	font-size: 28px;
	color: #000;
}

.about .content h4::before {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7e3f9+0,f1f9ff+100 */
	background: #b7e3f9;
	/* Old browsers */
	background: -moz-linear-gradient(left, #b7e3f9 0%, #f1f9ff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #b7e3f9 0%, #f1f9ff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #b7e3f9 0%, #f1f9ff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient startColorstr='#b7e3f9', endColorstr='#f1f9ff', GradientType=1;
	/* IE6-9 */
	position: absolute;
	top: 110px;
	width: 90%;
	height: 1px;
	content: "";
}

.about .content ul {
	list-style: none;
	padding: 0;
	margin-left: 20px;
	margin: 20px;
}

.about .content ul li {
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	padding-left: 4px;
}

.about .content ul li img {
	position: absolute;
	left: 0;
	margin: 4px 0px 0px 15px;
	font-size: 18px;
}

.about .content ul li svg {
	position: absolute;
	left: 0;
	margin: 4px 0px 0px 15px;
	font-size: 18px;
	color: #ff0;
}

.colored {
	background-color: orange;
	/* defines the background color of the image */
	mask: url(../img/check.svg) no-repeat center / contain;
	-webkit-mask: url(../img/check.svg) no-repeat center / contain;
}

.about .content .grnbx {
	font-family: 'Rubik', sans-serif;
	width: 60%;
	background: #00a651;
	padding: 10px 20px;
	border-top-right-radius: 18px;
	font-size: 20px;
	color: #fff;
	float: left;
	text-align: center;
}

.about .content .orngbx {
	width: 39%;
	background: #ffa500;
	border-top-left-radius: 18px;
	float: right;
	font-family: 'Rubik', sans-serif;
}

.about .content .orngbx .left {
	padding: 20px;
	width: 100px;
	display: inline-block;
}

.about .content .orngbx .left::after {
	border-right: 1px solid #d97c30;
	content: "";
}


/*.about .content ul li::before {  position: absolute; left: 0;  font-family: 'FontAwesome'; margin-left: 20px;content: "\f105";}*/
/*--------------------------------------------------------------

# Our Services

--------------------------------------------------------------*/

.services .icon-box {
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px 10px
		/* 80px 20px */
	;
	transition: all ease-in-out 0.3s;
	pointer-events: none;
	width: 100%;
}

.services .icon-box .icon {
	margin: 0 auto;
	width: 64px;
	height: 64px;
	background: #e96b56;
	border-radius: 5px;
	transition: all .3s ease-out 0s;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	transform-style: preserve-3d;
	;
}

.services .icon-box .icon i {
	color: #fff;
	font-size: 28px;
}

.services .icon-box .icon::before {
	position: absolute;
	content: '';
	left: -8px;
	top: -8px;
	height: 100%;
	width: 100%;
	background: #fbe2dd;
	border-radius: 5px;
	transition: all .3s ease-out 0s;
	transform: translateZ(-1px);
}

.services .icon-box h4 {
	font-weight: 700;
	padding-bottom: 15px;
	font-size: 15px;
	position: relative;
}

.services .icon-box h4 a {
	color: #000;
}

.services .icon-box p {
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 0;
	width: 80%;
	margin: 0 auto;
}

.services .icon-box:hover {
	background: #e96b56;
	border-color: #e96b56;
}

.services .icon-box:hover .icon {
	background: #fff;
}

.services .icon-box:hover .icon i {
	color: #e96b56;
}

.services .icon-box:hover .icon::before {
	background: #ef9383;
}

.services .icon-box:hover h4 a,
.services .icon-box:hover p {
	color: #fff;
}

.services .btn-get-started {
	background-color: #00a651;
	display: inline-block;
	font-size: 14px;
	padding: 8px 32px;
	color: #fff;
	border: 1px solid #00a651;
	border-radius: 0;
	margin-top: 30px;
}

.services .btn-get-started:hover {
	background-color: #00afef;
	border-color: #00afef;
}

.services .icon-box h4::after {
	content: '';
	position: absolute;
	display: block;
	width: 50px;
	height: 2px;
	background: #000;
	bottom: 0;
	left: calc(50% - 25px);
}



/* FAQ'S */

.faq .card {
	margin-bottom: -2px;
}

.faq button {
	display: block;
	font-weight: 600;
	width: 100%;
	text-align: left;
	font-size: 14px;
	color: #000 !important;
	padding: 0;
}

.faq .card-header {
	padding: .30rem 1.25rem;
	background-color: rgba(0, 0, 0, .00);
}

.faq .card-body {
	font-size: 14px;
	padding: 10px;
}



/* Testomnials */

.clients {
	background: #f2f2f2;
	padding: 30px 0 40px 0;
	overflow: hidden;
}

.clients .card {
	margin: 0 auto;
	border: none;
	background-color: transparent;
}

.clients .card .carousel-item {
	min-height: 190px;
}

.clients .card .carousel-caption {
	text-align: left;
	padding: 0px;
	right: 0px;
	left: 29px;
	top: 15px;
	color: #3d3d3d;
	border: 1px solid #ccc;
	min-height: 175px;
	padding: 15px;
	background: rgba(255, 255, 255, 0.3);
}

.clients .card .carousel-caption .col-sm-3 {
	display: flex;
	align-items: center;
}

.clients .card .carousel-caption .col-sm-9 {
	text-align: left;
}

.clients .card .carousel-control-prev,
.clients .card .carousel-control-next {
	color: #3d3d3d !important;
	opacity: 1 !important;
	width: 16% !important;
}

.clients .carousel-control-prev-icon,
.clients .carousel-control-next-icon {
	background-image: none;
	color: #fff;
	font-size: 14px;
	background-color: #e6e6e6;
	height: 32px;
	line-height: 32px;
	width: 32px;
}

.clients .carousel-control-prev-icon:hover,
.clients .carousel-control-next-icon:hover {
	opacity: 0.85;
	background: #000;
}

.clients .carousel-control-prev {
	left: -10%;
	top: 20px;
}

.clients .carousel-control-next {
	right: -5%;
	top: 20px;
}

.clients .midline {
	width: 60px;
	border-top: 1px solid #d43025;
}

.clients .carousel-caption h2 {
	font-size: 14px;
}

.clients .carousel-caption h2 span {
	color: #cd3a54;
}

.clients .carousel-inner {
	padding-top: 20px;
}

.clients .image-testo {
	width: 60px;

	height: 60px;
	background: white;
	margin-top: -46px;
	margin-left: 15px;
	overflow: hidden;
	border-radius: 50px;
	border: 1px solid #e6e3e3;
}

.clients .image-testo img {
	height: 100%;
}

.clients .carousel-caption:after {
	content: "";
	font-family: IcoFont;
	padding-left: 10px;
	position: absolute;
	right: 15px;
	font-size: 53px;
	bottom: 20px;
	color: #e6e6e6;
	background: url("../img/cssimg/quote.png") no-repeat center;
	width: 30px;
	height: 30px;
	background-size: cover;
}

.clients .carousel-item {
	height: 190px;
}

.clients .carousel {
	margin-bottom: 0rem;
}

.clients .carousel-item {
	background-color: transparent;
}

.clients small {
	font-size: 14px;
}

.review-testo {
	vertical-align: middle;
}

.review-testo .color-black {
	color: #000;
}

.review-testo .color-black:hover,
.review-testo .color-black:focus {
	color: #00afef;
}

.clients .rating {
	margin: 10px 0px;
	border: 1px solid #c1c1c1;
	text-align: center;
}




.clients .reviewbx {
	margin: 0 auto;
	height: auto;
}

.clients .reviewbx ul {
	list-style: none;
	display: flex;
	padding: 8px 0px 7px 0px;
	margin-bottom: 0px;
}

.clients .reviewbx ul li {
	margin: 10px;
	width: 100%;
}

.clients .reviewbx ul li p {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #919191;
	text-align: center;
}

.clients .reviewbx ul li p span {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 500;
	color: #464646;
}

.clients .reviewbx ul li img {
	margin: 0 auto;
	text-align: center;
}

.clients .reviewbx ul li a {
	margin: 0 auto;
	text-align: center;
}

.clients .reviewbx ul li::after {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #b2b2b2 51%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #b2b2b2 51%, #ffffff 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #b2b2b2 51%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0;
	position: absolute;
	top: 36px;
	bottom: 20px;
	width: 1px;
	;
	content: "";
	margin-left: 35px;
}

.clients .reviewbx ul li:last-child::after {
	background: none;
}

.clients .reviewbx .reviewrating {
	margin: 0px auto;
}





/* Award*/

.award {
	background: #e6e6e6;
	padding: 30px;
	text-align: center;
	position: relative;
}

.award section {
	width: 80%;
	margin: 0 auto;
	display: flex;
	padding-bottom: 0px;
}

.award h4 {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	color: #5a5a5a;
	font-size: 30px;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}



/* SHOTCODE*/

.short-code {
	background: #252525;
	position: fixed;
	right: 0;
	top: 40%;
	z-index: 9999;
	border-radius: 6px 0px 0px 6px;
	box-shadow: -3px 6px 19px -9px rgba(0, 0, 0, 0.80);
}

.short-code a {
	display: block;
	width: 35px;
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	color: #fff;
	padding: 4.5px 2.5px;
}

.short-code a:last-child {
	border-bottom: 0px solid #ccc;
}

.short-code a:hover,
.short-code a:focus {
	color: #00afef;
}

.short-code a .img,
.short-code a .img:focus {
	background: url(../img/twitterx.svg);
	width: 20px;
	height: 20px;
	margin-bottom: -4px;
	display: inline-block;
}

.short-code a .img:hover,
.short-code a .img:focus {
	background: url(../img/twitterx-hover.svg);
}

/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

#footer {
	background: #193342;
	padding: 0 0 5px 0;
	color: #fff;
	font-size: 14px;
}

#footer .footer-newsletter {
	padding: 20px 0;
	background: #f4f2f2;
}

#footer .footer-newsletter a img {
	width: 50%;
}

.footer-newsletter a:hover img {
	opacity: 0.8;
}

#footer .footer-newsletter h4 {
	font-size: 24px;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1;
	font-weight: 600;
}

#footer .footer-newsletter form {
	margin-top: 30px;
	background: #fff;
	padding: 6px 10px;
	position: relative;
	border-radius: 50px;
}

#footer .footer-newsletter form input[type="email"] {
	border: 0;
	padding: 8px;
	width: calc(100% - 140px);
}

#footer .footer-newsletter form input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0 30px;
	margin: 3px;
	background: #e96b56;
	color: #fff;
	transition: 0.3s;
	border-radius: 50px;
}

#footer .footer-newsletter form input[type="submit"]:hover {
	background: #e6573f;
}

#footer .footer-top {
	background: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 40px 0 30px 0;
}

#footer .footer-top .footer-info {
	margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
	font-size: 18px;
	margin: 0 0 20px 0;
	padding: 2px 0 2px 0;
	line-height: 1;
	font-weight: 700;
	color: #000;
}

#footer .footer-top .footer-info p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
	font-family: "Raleway", sans-serif;
	color: #000;
}

#footer .footer-top .social-links {
	width: 100%;
	text-align: center;
	background: #f4f2f2;
	padding: 30px;
}

#footer .footer-top .social-links a {
	font-size: 18px;
	display: inline-block;
	background: #acaaaa;
	color: #fff;
	line-height: 1;
	padding: 8px 0;
	margin-right: 4px;
	border-radius: 50%;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
	background: #00afef;
	color: #fff;
	text-decoration: none;
}

#footer .footer-top h4 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

#footer .footer-top .footer-links {
	margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer .footer-top .footer-links ul i {
	padding-right: 2px;
	color: #ec7f6d;
	font-size: 18px;
	line-height: 1;
}

#footer .footer-top .footer-links ul li {
	padding: 10px 0;
	display: flex;
	align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
	padding-top: 0;
}

#footer .footer-top .footer-links ul a {
	color: #000;
	transition: 0.3s;
	display: inline-block;
	line-height: 7px;
	font-size: 14px;
	font-weight: 500;
}

#footer .footer-top .footer-links ul a:hover {
	color: #444;
}

#footer .footer-top .footer-contact {
	margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
	line-height: 23px;
	color: #000;
}

#footer .copyright {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
}

#footer .credits {
	padding-top: 10px;
	text-align: center;
	font-size: 13px;
	color: #fff;
}

#footer .payment {
	margin: 20px 0px;
}

#footer .payment img {
	width: auto !important;
}


/* BACK TO TOP*/

.back-to-top {
	position: fixed;
	display: block;
	left: 15px;
	bottom: 15px;
	z-index: 99999;
}

.back-to-top i {
	display: flex;
	justify-content: center;
	font-size: 18px;
	line-height: 33px;
	width: 40px;
	height: 40px;
	border-radius: 0;
	background: #fff;
	color: #193342;
	transition: all 0.4s;
	border: 1px solid #193342;
}

.bg-table {
	box-shadow: 0 7px 17px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
}

.bg-table thead {
	background: #F0F0F0;
	border-radius: 18px;
}

.bg-table thead th {
	background: #1c70d3;
	font-size: 14px;
	text-align: center;
	color: #fff;
	border-top: 0px solid #dee2e6;
}

.bg-table thead th:first-child {
	border-top-left-radius: 8px;
}

.bg-table thead th:last-child {
	border-top-right-radius: 8px;
}

.bg-table th,
.bg-table td {
	font-size: 14px;
	padding: 15px 15px !important;
	text-align: center;
}

.bg-table tbody tr td:first-child {
	font-weight: 600;
	text-align: left;
}

.color-overlay {
	background: transparent !important;
	color: #fff;
	text-align: center;
	border: 0px;
}

.whmcs p {
	text-align: justify;
}

.whmcs ul li {
	padding: 5px 0px;
	text-align: justify;
}

.inrtbl {
	border: 1px solid #dee2e6;
	box-shadow: none;
	margin-bottom: 0px !important;
}

.inrtbl th,
.inrtbl td {
	padding: 8px !important;
}

.inrtbl th,
.inrtbl td:first-child {
	text-align: left;
}

.tts {
	box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
}

.tts thead th {
	background: #fff;
	font-size: 14px;
	text-align: center;
	color: #1c70d3;
	border-top: 0px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}

.tts th {
	background: #f2f2f2;
	font-size: 14px;
	text-align: center;
}

.tts th td {
	font-size: 14px;
	text-align: center;
}

.tts td {
	text-align: center;
}

.fm {
	box-shadow: 0 7px 17px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
}

.fm thead th {
	background: #193342;
	text-align: center;
	color: #fff;
	border-top: 0px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}

.fm tr:hover {
	background: #ececec;
}

.fm th td {
	font-size: 14px;
	text-align: center;
}

.fm thead th:first-child {
	border-top-left-radius: 8px;
	text-align: left;
}

.fm thead th:last-child {
	border-top-right-radius: 8px;
}

/* MEDIA QUERY */
@media (max-width: 767px) {

	.plans-vertical.domain-section li {
		width: 33.3% !important;
	}

	.carousel-item>img {
		right: unset;
		left: 0;
	}

	.inner-pages .carousel-item .first-slide {
		left: 0 !important;
		width: unset !important;
		min-width: unset !important;
		right: unset !important;
		height: auto !important;
	}

	.box-style li {
		padding: 6px 10px !important;
	}

	.best-box-style li p {
		text-align: center;
	}

	.best-box-style li a img {
		clear: both;
		display: block;
		margin: 0 auto;
		float: none;
	}

	.best-box-style li p {
		display: none;
	}

	#hero h2 {
		font-size: 18px;
	}

	.domain-btn img {
		width: 100px;
	}

	.hosting-btn img {
		width: 110px;
	}

	.carousel-item {
		background-size: cover !important;
		background-position: top right !important;
		height: 25rem;
	}

	#hero .carousel-container p,
	#hero .carousel-container h2 {
		width: 73% !important;
		margin-bottom: 0;
	}

	#hero .carousel-container p {
		font-size: 13px;
	}

	#header .logo img {
		max-height: 35px;
	}

	.logo a {
		top: 0;
	}

	.mobile-nav-toggle i {
		color: #fff;
	}

	#hero .carousel-item {
		height: 60vh;
		background-position: 90% 0px !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-color: #dbdbdb !important;
	}

	#hero .carousel-content {
		top: -20px;
		padding-left: 10px;
	}

	#hero {
		height: auto !important;
	}

	.btn,
	.btn-get-started,
	.input-group>.custom-file,
	.input-group>.custom-select,
	.input-group>.form-control,
	.input-group>.form-control-plaintext {
		font-size: 11.5px;
	}

	body,
	p,
	a,
	.search-domain .bottom-search {
		font-size: 13px;
	}

	.plans-vertical li {
		width: 49%;
	}

	.plans-vertical .pl-0 {
		padding-left: 17px !important;
	}

	.last-section {
		width: 103%;
	}

	.hosting-plan::before {
		display: none;
	}

	.full-width ul li {
		min-width: auto;
		width: 110px;
	}

	.full-width ul li a {
		font-size: 11px;
		padding: 5px;
	}

	.why-tabs .nav-item {
		min-width: 115px !important;
	}

	.full-width ul li img {
		width: 70%;
	}

	.hosting-plan .inner-plans {
		margin-bottom: 15px;
	}

	.extra-top-space {
		margin-top: 0;
		padding: 0 !important;
	}

	.extra-top-space hr {
		width: 50%;
		float: left;
		border-color: #000;
	}

	.section-title h2::after {
		left: calc(21% - 25px);
	}

	.services .icon-box h4 {
		margin-top: 10px;
	}

	.section-title h2 {
		font-size: 20px;
	}

	.section-title p {
		font-size: 16px;
	}

	.newsletter {
		text-align: center;
	}

	.footer-newsletter a {
		width: 100%;
		display: block;
		text-align: center;
	}

	#footer .payment {
		text-align: center;
	}

	.footer-newsletter .payment img {
		display: inline;
		text-align: center;
	}

	.mobile-nav-toggle {
		margin-top: 24px;
	}

	.sticky-wrapper.is-sticky header {
		top: 40px !important;
	}

	.top {
		background: #3f3e3e;
		padding: 1px;
		text-align: center;
		font-size: 16px;
		position: sticky;
		top: 0 !important;
		z-index: 99;
		text-align: center;
		z-index: 99999;
	}

	.top p {
		margin-bottom: 0;
		font-size: 12px;
		width: 75%;
		margin: 0 auto;
	}

	.top p .blubg {
		display: inline-block;
	}

	.mobile-nav-toggle {
		z-index: 9999999999;
	}

	.mobile-nav-active .mobile-nav-toggle i {
		color: #000;
	}

	.mobile-nav-active .mobile-nav-toggle {
		margin-top: 34px;
	}

	.navbar-nav {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.navbar-nav .nav-link {
		border-bottom: 1px solid #fff;
		padding: 10px 11px !important;
	}

	.navbar .logo {
		max-height: 42px !important;
		top: 0px !important;
	}

	.navbar-light .navbar-toggler {
		color: rgb(255, 255, 255);
		border-color: transparent;
	}

	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}

	.carousel-item h1 {
		font-size: 18px;
	}

	.carousel-caption {
		top: 0;
		right: 3%;
	}

	.carousel-item>img {
		width: unset;
		height: 25rem;
	}

	.btn {
		white-space: unset;
	}

	.sticky.is-sticky {
		top: 38px;
	}

	.section-title h2::before {
		margin-top: 39px;
		display: none;
	}

	.inner-pages .inner-search center img {
		margin-top: 0px !important;
	}



	.hosting-comes ul li {
		width: 49% !important;
		vertical-align: top;
	}

	.hosting-comes ul li img {
		width: 80% !important;
	}

	.hosting-comes ul li p {
		min-height: 30px !important;
		margin-top: 10px;
	}

	.clients small {
		font-size: 12px;
	}

	.domain-section.domain-bg::before {
		display: none;
	}

	.outer-table {
		overflow: auto;
	}

	.outer-table .table {
		min-width: 890px
			/* 980px */
		;
	}

	.inneer-form {
		width: 100% !important;
		padding: 0 15px;
	}

	.btn-cancel {
		font-size: 12px !important;
	}

	.table-heading {
		margin-top: 20px;
	}

	.modal-dialog {
		margin-top: 20%;
	}

	.plans-vertical.guid-section li {
		width: 100%
	}

	.clients .card .carousel-caption {
		background: rgba(255, 255, 255, 1) !important;
	}

	.class-right::after {
		display: none;
	}

	.hosting-plan .min-heighte .content {
		min-height: auto !important;
	}

	.billing-cycle {
		min-height: 32px !important;
		font-size: 11px !important;
		width: 100% !important;
		margin-bottom: 10px;
		margin-right: 0 !important;
	}

	.hosting-comes ul li p {
		margin-top: -4px !important;
	}

	.full-width .height-65 li {
		min-height: auto !important;
		max-height: unset !important;
	}

	.about .content h3 {
		font-size: 22px;
	}

	.about .content h4 {
		font-size: 22px;
	}

	.about .content h4::before {
		display: none;
	}

	.award h4 {
		font-size: 24px;
	}

	.about .content .grnbx {
		width: 100%;
		font-size: 15px;
		padding: 10px 8px;
		border-top-left-radius: 18px;
	}

	.about .content .orngbx {
		width: 100%;
		margin-top: 10px;
		border-top-left-radius: 18px;
	}

	.clients .reviewbx ul {
		display: inline;
	}

	.clients .reviewbx ul li::after {
		background: none;
	}

	.head-txt {
		font-size: 18px !important;
		margin-top: 50px;
		padding: 0px !important;
	}

	.txt16 {
		font-size: 18px !important;
		padding: 0px !important;
	}

	.txt24 {
		font-size: 20px !important;
	}
}

@media (max-width: 575px) {

	.order-last {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

}

@media (min-width: 658px) and (max-width: 767px) {

	.sticky.is-sticky {
		top: 20px;
	}

	.section-title h2::after {
		left: calc(33% - 25px);
	}

	.section-title h2::before {
		margin-top: 39px;
	}

}



@media (min-width: 768px) and (max-width: 991px) {

	.image-testo-bg img {
		width: 20%
	}

	.inneer-form {
		width: 80% !important;
		padding: 0 15px;
	}

	.domain-section.plans-vertical li {
		width: 16.4% !important;
	}

	.inner-pages .carousel-item .first-slide {
		left: unset !important;
		width: 100% !important;
		min-width: unset !important;
		right: 0 !important;
		height: auto !important;
	}

	.carousel-item>img {
		right: 0;
		left: unset;
		width: 100% !important;
		min-width: unset !important;
		height: auto !important;
	}

	.offer-top {
		width: 50px !important;
	}

	.navbar-nav .nav-link {
		border-bottom: 1px solid #fff;
		padding: 10px 11px !important;
	}

	.navbar .logo {
		max-height: 42px;
		top: -15px;
	}

	.navbar-nav {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.carousel-item h1 {
		font-size: 23px;
	}

	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}

	.carousel-item h1 {
		font-size: 18px;
	}

	.carousel-item>img {
		height: 25rem;
	}

	.carousel-item {
		height: 25rem;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		text-transform: uppercase;
		color: #fff;
		padding: 0 9px;
		font-size: 14px;
	}

	.img-fluid {
		width: 100%
	}

	.hosting-comes ul li {
		width: 18% !important;
		vertical-align: top;
	}

	.hosting-comes ul li img {
		width: 80% !important;
	}

	.hosting-comes ul li p {
		min-height: 30px !important;
		margin-top: 5px !important;
	}

	.outer-table {
		overflow: auto;
	}

	.outer-table .table {
		min-width: 980px;
	}

	.footer-newsletter a img {
		margin: 0 !important;
	}

	#footer .payment {
		text-align: center;
	}

	.footer-newsletter .payment img {
		display: inline;
		text-align: center;
	}

	.hosting-plan::before,
	.domain-section::before {
		opacity: 0.3;
	}

	.right-plans a img {
		width: 49%;
	}

	.right-plans hr {
		display: none;
	}

	.plans-vertical.guid-section li {
		width: 33%
	}

	.plans-vertical.guid-section li a {
		font-size: 14px;
	}

	.about .content .grnbx {
		width: 100%;
		font-size: 15px;
		padding: 10px 8px;
		border-top-left-radius: 18px;
	}

	.about .content .orngbx {
		width: 100%;
		margin-top: 10px;
		border-top-left-radius: 18px;
	}


}



@media (min-width: 992px) and (max-width: 1188px) {

	.hosting-plan::before,
	.domain-section::before {
		opacity: 0.3;
	}

	.inneer-form {
		width: 80% !important;
		padding: 0 15px;
	}

	.inner-pages .carousel-item .first-slide {
		left: unset !important;
		width: 100% !important;
		min-width: unset !important;
		right: 0 !important;
		height: auto !important;
	}

	.carousel-item>img {
		right: 0;
		left: unset;
		width: 100% !important;
		min-width: unset !important;
		height: auto !important;
	}

	.navbar-nav .nav-link {
		padding: 10px 8px !important;
		font-size: 14px;
	}

	.carousel-item h1 {
		font-size: 18px;
	}

	.hosting-comes ul li {
		width: 18% !important;
		vertical-align: top;
	}

	.hosting-comes ul li img {
		width: 80% !important;
	}

	.hosting-comes ul li p {
		min-height: 30px !important;
		margin-top: 5px !important;
	}

	.domain-section.plans-vertical li:last-child a {
		font-size: 12px !important;
		line-height: 21px;
	}

	.guid-section.plans-vertical li {}

	.about .content .grnbx {
		width: 100%;
		font-size: 15px;
		padding: 10px 8px;
		border-top-left-radius: 18px;
	}

	.about .content .orngbx {
		width: 100%;
		margin-top: 10px;
		border-top-left-radius: 18px;
	}

	.clients .reviewbx ul li::after {
		margin-left: 15px;
	}

}



/*  LINUX SHARED PAGE DESIGN   */

.inner-pages .carousel-item .first-slide {
	left: unset;
	width: unset;
	min-width: unset;
	right: 0;
}

.inner-pages #myCarousel .carousel-item {
	height: 20rem;
}

.inner-pages #myCarousel .carousel-item>img {
	height: 20rem;
}

.inner-pages .carousel-caption {
	top: 10px;
}

.inner-pages .inner-search {
	border: 0px solid #ccc;
	background: transparent;
}

.inner-pages .inner-search center {
	border: 1px solid #ccc;
	background: #fff;
	width: 100%;
}

/* box-shadow: 0px 6px 29px -18px rgba(0,0,0,0.80); */

.inner-pages .inner-search center>p {
	margin-bottom: 0;
}

.inner-pages .inner-search center img {
	margin-top: -50px;
}

.offer-top {
	position: absolute;
	right: 30px;
	top: 0;
}

.hosting-comes {
	background: #193342;
	padding: 50px 0 20px 0;
	border-bottom: 3px solid #00a651;
}

.hosting-comes .section-title h2 {
	color: #fff;
}

.hosting-comes .section-title h2::before {
	background: #00a651;
	z-index: 999;
}

.hosting-comes .section-title h2::after {
	background: #fff;
}

.hosting-plan.sgare-before:before {
	content: "";
	z-index: -99;
	background: url("../img//img/cssimg/plans-bg.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -100px;
	display: none;
}



.hosting-comes ul {
	padding: 0;
}

.hosting-comes ul li {
	display: inline-block;
	width: 16.38%;
	background: #fff;
	margin-bottom: 3px;
}

.hosting-comes ul li p {
	margin-top: -15px;
	font-size: 10px;
	font-weight: 700;
}

.hosting-comes a {
	margin-bottom: -50px
}



.box-style li {
	background: #ebebeb;
	display: inline-block;
	padding: 6px 30px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 600;
}

.billing-cycle {
	margin-top: 0;
	vertical-align: top;
	min-height: 39px;
	margin-right: 40px;
	background: #ebebeb;
	padding: 7px 25px;
	position: relative;
	display: inline-block;
	border: 1px solid #ccc;
	font-weight: 600;
	font-size: 14px;
	background: #ccc !important;
	color: #000 !important;
	border: 1px solid #ccc !important;
}

/* .billing-cycle::after { width: 0px; height: 0px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #ccc; content: ""; bottom: -12px; position: absolute; margin-left: -93px;} */



.billing-cycle::after {
	width: 0px;
	height: 0px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #ccc;
	content: "";
	bottom: 12px;
	position: absolute;
	margin-left: 15px;
	transform: rotate(-90deg);
}

.parts-payment li.active {
	border-bottom: 2px solid #193342;
}



.plus-shared .card {
	background: #f5f5f5;
	border: 1px solid #ccc;
}

.plus-shared .order-bottom {
	margin-bottom: -20px;
}

.view-more-down {
	background: #193342;
	display: inline-block;
	pointer-events: none;
	font-weight: 600;
	padding: 6px 13px;
	line-height: 15px;
	border-radius: 5px;
	color: #fff;
	margin-top: -20px;
}

.view-more-down i {
	font-size: 16px;
}



.modal .btn.btn-get-started {
	background: #000 !important;
	border-radius: 0;
	color: #fff !important;
}

.modal .btn.btn-get-started:hover,
.modal .btn.btn-get-started:focus {
	background: #00afef
}

.modal-header {
	position: absolute;
	right: 0;
	z-index: 9999;
	background: red;
	border-radius: 0;
	padding: 0 !important;
	text-align: center;
}

.modal-header button {
	padding: 5px 5px 10px 5px !important;
	background: #fff;
	opacity: 1;
	line-height: 14px;
	border-radius: 20px;
}

.best-box-style li {
	border: 1px solid #ccc;
	padding: 0 !important;
	margin-bottom: 15px;
}



/*   ALL PAGES BEFORE IMAGES SECTION   */

.hosting-plan.reseller-before:before {
	content: "";
	z-index: -99;
	background: url("../img//img/cssimg/reseller-bg.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -100px;
	display: none;
}

.hosting-plan.w-before:before {
	content: "";
	z-index: -99;
	background: url("../img//img/cssimg/w-s-plans-bg.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -100px;
	display: none;
}

.hosting-plan.w-ress:before {
	content: "";
	z-index: -99;
	background: url("../img//img/cssimg/w-ress.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -100px;
	display: none;
}

.hosting-plan.linux-vps-bg:before {
	content: "";
	z-index: -99;
	background: url("../img//img/cssimg/linux-vps-bg.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -100px;
	display: none;
}

.hosting-plan.wind-vps-bg:before {
	content: "";
	z-index: -99;
	background: url("../img//img/cssimg/wind-vps-bg.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -100px;
}

.hosting-plan.dedicated-server-bg:before {
	content: "";
	z-index: -99;
	background: url("../img//img/cssimg/dedicated-server-bg.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -100px;
	display: none;
}

.hosting-plan.t-con:before {
	content: "";
	z-index: -99;
	background: url("../img//img/cssimg/t-con.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -50px;
}



.hosting-plan.ssl-bg:before {
	content: "";
	z-index: -99;
	background: url("../img/cssimg/ssl-bg.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -50px;
	display: none;
}



.domain-section.domain-bg:before {
	content: "";
	z-index: -99;
	background: url("../img/cssimg/domain-bg.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -100px;
}



.hosting-plan.web-bg:before {
	content: "";
	z-index: -99;
	background: url("../img/cssimg/web-bg.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -100px;
	display: none;
}



.hosting-plan.why-bg:before {
	content: "";
	z-index: -99;
	background: url("../img/cssimg/why-bg.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -100px;
}



.hosting-plan.about-bg:before {
	content: "";
	z-index: -99;
	background: url("../img/cssimg/about-bg.png") no-repeat center;
	background-position: 0px -29px;
	width: 100%;
	min-height: 500px;
	position: absolute;
	margin-top: -100px;
}

.hosting-plan.no-bgg:before,
.no-bgg:before {
	background: none !important;
}





/* LINUX VPS   */

.hosting-comes ul.linux-gird li {
	width: 24.8%;
}



/* WINDOWS VPS   */

.hosting-comes ul.windows-vps li {
	width: 19.8%;
}



/*  CONTACT PAGE   */

.contact-section .btn-get-started {
	background: orange;
	display: inline-block;
	padding: 6px 12px;
	margin: 15px 0 10px 0;
	color: #fff;
	font-size: 14px;
}

.contact-section .btn-get-started:hover,
.contact-section .btn-get-started:focus {
	background: #ff6000;
}



.contact-section .learn-more {
	background: #00a651;
	display: inline-block;
	padding: 6px 12px;
	margin: 15px 0 10px 0;
	color: #fff;
	font-size: 14px;
}

.contact-section .learn-more:hover,
.contact-section .learn-more:focus {
	background: #01abef;
}



.contact-section .skype {
	background: #01ABEF;
	display: inline-block;
	padding: 6px 12px;
	margin: 15px 0 10px 0;
	color: #fff;
	font-size: 14px;
}

.contact-section .skype:hover,
.contact-section .skype:focus {
	background: #193342;
}



.lau-community {
	background-color: #f0f0f0;
	display: inline-block;
	padding: 8px 32px;
	color: #193342;
	font-size: 14px;
	font-weight: 600;
	border: 1px solid #b5b5b5;
	border-radius: 0;
}

.lau-community:hover,
.lau-community:focus {
	color: #fff;
	background-color: #00a651;
	border: 1px solid #00a651;
}



/*  HELP PAGE   */

.guid-section.plans-vertical li {
	text-align: left;
	height: auto;
}

.guid-section.plans-vertical li a i {
	display: inline-block;
	margin-right: 15px;
}

.hidden-font-size .card-header h5 button {
	font-size: 16px;
}

.bg-light .card {
	background: #f9f9f9;
}



/*  DOMAIN PAGE   */

.domain-section.plans-vertical li {
	width: 10%;
	pointer-events: none;
	height: auto;
	padding: 7px 15px;
	background: #fff;
}

.domain-section.plans-vertical li:last-child {
	margin-top: 0px;
	margin-top: -1px;
	background-color: #f0f0f0;
	display: inline-block;
	padding: 8.5px 19px;
	color: #193342;
	font-size: 12px;
	font-weight: 600;
	border: 1px solid #b5b5b5;
	border-radius: 0;
	pointer-events: auto;
}

.domain-section.plans-vertical li:last-child a {
	font-size: 14px;
}

.domain-section.plans-vertical li:last-child:hover,
.domain-section.plans-vertical li:last-child:focus {
	background: #00afef;
}

.services.hover-removed .btn-get-started {
	pointer-events: all;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.services.hover-removed .icon-box:hover {
	background: transparent;
	border-color: transparent;
	color: #000;
}

.services.hover-removed .icon-box:hover h4 a,
.services.hover-removed .icon-box:hover p {
	color: #000;
}

.services.hover-removed .icon-box {
	border: 1px solid #ccc !important;
	position: relative;
}

.services.hover-removed .icon-box p {
	width: 95%;
}

.add-cart-btn {
	background: #ececec;
	display: inline-block;
	padding: 3px 12px;
	margin: 0;
	color: #2b2b2b;
	font-size: 13px;
	font-weight: 300;
}

.add-cart-btn:hover,
.add-cart-btn:focus {
	background: #01abef;
	color: #fff;
}

.table td,
.table th {
	padding: .40rem;
}



/* SSL PAGE   */

.hosting-plan .ssl-section-min small.p-2 {
	min-height: 200px;
}

.half-section li {
	width: 49%;
	display: inline-block;
	margin: 10px 0;
	border-bottom: 0px !important;
	text-align: center;
}

.ssl-table thead {
	background: #00afef;
}

.ssl-table thead th {
	color: #fff;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.ssl-table thead th:first-child {
	text-align: left;
}

.ssl-table tbody td {
	font-size: 13px;
	text-align: center;
}

.ssl-table tbody tr th:first-child {
	font-size: 14px;
}

.ssl-table {
	border: 1px solid #dee2e6;
}

.ssl-table td,
.ssl-table th {
	padding: 1.2rem .60rem;
}

.ssl-table tbody tr td:nth-of-type(odd) {
	background: #ececec;
}

.ssl-table .fa-times {
	color: red;
	font-size: 18px;
	line-height: 23px;
}

.ssl-table .fa-check {
	color: green;
	font-size: 18px;
	line-height: 23px;
}



#tld-table4 td.even,
#tld-table4 td.alt,
#tld-table4 td:nth-of-type(odd) {}



/* WEB DESIGNING*/

.search-domain.infographics {
	margin-top: -72px;
}

.class-right::after {
	width: 0px;
	height: 0px;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 25px solid #eceaea;
	content: "";
	bottom: 30px;
	position: absolute;
	margin-left: 15px;
	transform: rotate(-90deg);
	right: -42px;
	z-index: 9;
}

.inner-pages .inner-search .class-right center {
	border: 1px solid #eceaea;
}



/*  light popup section   */

.ekko-lightbox-nav-overlay a {
	color: goldenrod;
	color: #fff;
	top: 43%;
	position: absolute;
	background: #000;
	padding: 10px;
	left: 0;
	right: unset;
}

.ekko-lightbox-nav-overlay a:last-child {
	right: 0;
	left: unset;
}

.ekko-lightbox .modal-header {
	background: #fff;
}

.gallery-title {
	text-align: center;
	font-weight: 500;
	border-bottom: 1px dotted orange;
	margin-top: 1em;
}



.web-table {
	border: 1px solid #dee2e6;
}

.web-table thead {
	background: #00afef;
}

.web-table thead th {
	color: #fff;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.web-table tbody td {
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
}

.web-table tbody tr th:first-child {
	font-size: 14px;
}

.web-table .color-high {
	background: #193342;
	color: #fff;
	font-weight: 700;
}

.web-table tbody tr th:first-child {
	background: #f2f2f2;
}

.table-heading {
	background: #f4f3f3;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 15px;
	margin-bottom: 0;
}

.box-stylee {
	border: 1px solid #f4f3f3;
	display: block;
	padding: 10px;
	min-height: 100px;
}



.color-black {
	color: #000;
}

.inneer-form {
	width: 50%;
	margin: 0 auto;
}

.btn-cancel {
	background: red;
	display: inline-block;
	padding: 7px 12px;
	border: 0;
	margin: 17px 0 10px 0 !important;
	color: #fff;
	font-size: 16px;
}



/*   WHY  US   */

.why-tabs {
	text-align: center;
}

.why-tabs ul {
	margin: 0 auto;
	text-align: center !important;
	float: none;
	display: inline-flex;
}

.why-tabs .nav-item {
	min-width: 100px;
	float: none;
	display: inline-block;
}

.why-tabs .nav-item .active {
	border-bottom: 2px solid #193342;
	background: #f4f3f3;
	font-weight: 600;
}

.why-tabs img {
	max-width: 320px;
}



/*   TESTOMINALS  */

.image-testo-bg {
	padding: 5px 30px;
	margin: 0 auto;
	margin-top: -40px !important;
	position: relative;
}

.image-testo-bg img {
	border: 1px solid #ccc;
}

.bottom-name {
	position: relative;
	display: block;
}

.bottom-name:after {
	content: "";
	font-family: IcoFont;
	padding-left: 10px;
	position: absolute;
	right: 0px;
	font-size: 53px;
	bottom: -6px;
	color: #e6e6e6;
	background: url("../img/cssimg/quote.png") no-repeat center;
	background-size: auto;
	width: 30px;
	height: 30px;
	background-size: cover;
}

.testo-bottom-line .inner-plans {
	border-bottom: 4px solid #ccc;
}

.min-heighte .content {
	min-height: 200px !important;
	display: block;
}

.more-load {
	max-width: 30px;
}

.img-width-35 {
	width: auto;
	height: 50px;
}



/* WORDPRESS HOSTING  */

.wordpress-hosting {}

.wp-security {}

.wp-security .block-grid-item {
	float: left;
	width: 50%;
	background: #fff;
	border: 1px solid #ccc;
	text-align: left;
	padding: 15px;
}

.wp-security .block-grid-item .security-tab-icon {
	font-size: 35px;
	margin-right: 15px;
}

.wp-security .block-grid-item .security-tab-icon i {
	color: #00afef;
}

.full-width-new {
	width: 100%;
}

.price-tab {
	border: 1px solid #ccc;
	min-width: 170px;
	display: inline-block;
	padding: 8px;
}

.wp-security.new-grid .block-grid-item {
	float: left;
	width: 20%;
	min-height: 80px;
}

.wp-security.new-grid .block-grid-item .security-tab-icon {
	font-size: 20px;
}



/* AFFILIATE PAGE */

.bg-table thead th {
	font-size: 14px;
}

.bg-table th,
.bg-table td {
	font-size: 14px;
	padding: 15px 15px;
}

.bg-table tbody tr td:nth-child(4) {
	background: #fff3f3;
}

.color-overlay {
	background: transparent !important;
	color: #fff;
	text-align: center;
	border: 0px;
}



/* BLOGS PAGE*/

.blog {}

.blog-page h3.title-main {
	background: #f4f3f3;
	text-transform: uppercase;
	color: #000;
	text-align: left;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 15px;
	margin-bottom: 0;
}

.blog-page a {
	color: #000;
}

.blog-page a:hover,
.blog-page a:focus {
	color: #00afef;
}

.blog-page .side-menu {
	background: #fff;
	padding: 0 0 0 15px;
	border: 1px solid #f4f3f3;
}

.blog-page .side-menu li {
	padding: 5px 5px;
	list-style: none;
}

.blog-page div.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 36px;
}

.blog-page .carousel-item>img {
	height: auto;
}

.blog-page .carousel-item {
	height: 18rem;
}

.blog-page .carousel-caption {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0px;
	height: 40px;
	position: absolute;
	left: 0;
	width: 100%;
	top: unset;
}

.blog-page .color-white {
	color: #fff;
}

.blog-page .carousel-caption img {
	height: 30px;
	float: right;
}

.blog-page .icon-box {
	background: #fff;
	box-shadow: 0 0 10px 5px #eeeeee;
}

.min-auto {
	min-width: unset !important;
}

.blog-page .checked {
	color: orange;
}

.blog-page .border-btn {
	border: 1px solid #ccc;
	float: left;
	padding: 5px 15px;
}

.blog-page .border-btn.active {
	background: #f4f4f4;
	color: #000;
}



.collapse.plus-shared .bg-table {
	border: 1px solid #ccc;
	background: #fff;
}

.collapse.plus-shared .bg-table th,
.collapse.plus-shared .bg-table td {
	padding: 7px 15px;
}

.collapse.plus-shared .bg-table thead {
	background: #fff;
}



.collapse.plus-shared h5 {
	background: #193342;
	font-size: 16px;
	border-radius: 5px 5px 0px 0px;
	padding: 8px 15px;
	margin-bottom: 0px;
	color: #fff;
}

.collapse.plus-shared hr {
	margin: 0;
}



/* COMMAN TABLE THREE COLOM COLOR CHANGE */

.bg-table.three-colom tbody tr td:nth-child(3) {
	background: #fff3f3;
}

.bg-table.three-colom thead tr th:nth-child(3) {
	background: #fff3f3;
}

/* last child white color overlap */

.bg-table.three-colom tbody tr td:nth-child(4) {
	background: #fff;
}

.bg-table.three-colom thead tr th:nth-child(4) {
	background: #fff;
}



/* COMMAN TABLE TWO COLOM COLOR CHANGE */

.bg-table.two-colom tbody tr td:last-child {
	background: #fff3f3;
}

.bg-table.two-colom thead tr th:last-child {
	background: #fff3f3;
}



/* COMMAN TABLE ICONS COLOR CHANGE */

.bg-table td i.fa-check {
	color: #258D5C;
}

.bg-table td i.fa-times {
	color: #E11111;
}

.faq .color-white {
	color: #fff !important;
}

.faq.accorddion .card-header h5 {
	border-radius: 0;
}

.faq.accorddion {
	width: 100%;
}



.faq.accorddion tr td {
	text-align: center;
}

.faq.accorddion thead tr th {
	text-align: center;
}



.card-header h5 .btn.btn-link[aria-expanded="true"]::after {
	content: "\f106";
}

.card-header h5 .btn.btn-link::after {
	font-size: 19px;
	content: "\f107";
	color: #fff;
	top: 5px;
	right: 20px;
	position: absolute;
	font-family: "FontAwesome";
}



.color-gray {
	background: #193342;
}

.table-left th,
.table-left td {
	text-align: left !important;
}



/*  SUBMENU SECTION  NEW ADDED WITH JS SCRIPT */

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: .8em;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
}



.color-white {
	color: #fff;
}



/*  WHMCS PAGE NUMBER STYLE  */

.number-style {
	background: #193342;
	position: absolute;
	width: 60px;
	height: 60px;
	color: #fff;
	font-weight: 800;
	font-size: 23px;
	line-height: 52px;
	top: -15px;
	left: 0;
	border: 1px solid #ccc;
}

.margin-top-minus {
	margin-top: -25px;
}



.inner-plans .one,
.inner-plans .two,
.inner-plans .three,
.inner-plans .fore {
	display: none;
}

.inner-plans .one.active,
.inner-plans .two.active,
.inner-plans .three.active,
.inner-plans .fore.active {
	display: block;
}

.hidde-show .inner-plans .bas-2,
.hidde-show .inner-plans .bas-3,
.hidde-show .inner-plans .bas-4 {
	display: none;
}



.hidde-show.divclass-1 .inner-plans .bas-1,
.hidde-show.divclass-2 .inner-plans .bas-2,
.hidde-show.divclass-3 .inner-plans .bas-3,
.hidde-show.divclass-4 .inner-plans .bas-4 {
	display: block;
}

/* .hidde-show.divclass-2 .inner-plans .bas-2{ display:block;} .hidde-show.divclass-3 .inner-plans .bas-3{ display:block;} .hidde-show.divclass-4 .inner-plans .bas-4{ display:block;} */





.hidde-show.divclass-2 .inner-plans .bas-1,
.hidde-show.divclass-3 .inner-plans .bas-1,
.hidde-show.divclass-4 .inner-plans .bas-1,
.hidde-show.divclass-3 .inner-plans .bas-2,
.hidde-show.divclass-4 .inner-plans .bas-2,
.hidde-show.divclass-2 .inner-plans .bas-1,
.hidde-show.divclass-3 .inner-plans .bas-2,
.hidde-show.divclass-4 .inner-plans .bas-3 {
	display: none;
}

/* .hidde-show.divclass-3 .inner-plans .bas-1{ display:none;} .hidde-show.divclass-4 .inner-plans .bas-1{ display:none;} .hidde-show.divclass-3 .inner-plans .bas-2{ display:none;} .hidde-show.divclass-4 .inner-plans .bas-2{ display:none;} .hidde-show.divclass-2 .inner-plans .bas-1{ display:none;} .hidde-show.divclass-3 .inner-plans .bas-2{ display:none;} .hidde-show.divclass-4 .inner-plans .bas-3{ display:none;}*/



/* .hidde-show.divclass-2 .inner-plans .bas-2{ display:none;} */





.list-style-new {}

.about .content ul.list-style-new li {
	border-bottom: 1px solid #f0eeee;
	padding: 3px 0px;
	position: relative;
}

.about .content ul.list-style-new li p {
	font-weight: 600;
}

.about .content ul.list-style-new li img {
	padding: 2px;
	margin-right: 20px;
}

.about .content ul.list-style-new li:after {
	width: 0px;
	height: 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #e8e5e5;
	content: "";
	bottom: 18px;
	position: absolute;
	margin-left: 15px;
	transform: rotate(-90deg);
	left: 127px;
}



.addition-style {
	background: #193342;
	font-size: 16px;
	border-radius: 5px 5px 0px 0px;
	padding: 8px 15px;
	margin-bottom: 0px;
	color: #fff;
}



.navbar-new {
	background: none;
	z-index: 999;
	position: absolute;
	width: 100%;
	text-align: left;
	box-shadow: unset;
	padding-top: 0px !important;
}

.navbar-new ul {
	width: 100%;
	display: block;
}

.navbar-new li {
	float: left;
	padding: 5px 23px;
}

.navbar-new li:last-child {
	float: right;
	border: 1px solid #ddd;
	padding-bottom: 10px;
	margin-right: 30px;
}

.navbar-new li:first-child {
	padding-left: 230px;
}

.navbar-new li a {
	color: #000;
	font-size: 14px;
}

.navbar-new li a:hover,
.navbar-new li a:focus {
	color: #00afef;
}



.display-block {
	width: 100%;
	display: block;
	text-align: left;
}

.blog-page .display-block span {
	float: right;
	padding: 0px 10px;
	background: #f4f3f3;
	font-size: 12px;
	border-radius: 3px;
}

.blog-page .display-block.active {
	color: #00afef;
}



.color-red {
	color: red;
}



.popular-article {
	background: #f9f9f9;
	padding: 15px;
}

.popular-article a {
	border-bottom: 1px solid #ccc;
	display: block;
	margin-bottom: 5px;
	padding-bottom: 10px;
}

.popular-article a:last-child {
	border-bottom: 0px solid #ccc;
}

.print {
	background: #d00000;
	padding: 6px 30px;
	color: #fff !important;
	font-weight: 600;
	border-radius: 3px;
	font-size: 16px;
}

.border-round {
	border: 1px solid #f4f3f3;
}



/* NEW */

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
	width: 30px;
	height: 48px;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	width: 30px;
	height: 48px;
}







.icon-box {

	border: 1px solid #ccc !important;

	position: relative;

}

.icon-box p {
	font-size: 14px;

	width: 95%;

}