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:#f4f3f3; padding:5px; text-align:center; font-size:12px;}

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

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

.top p{ margin:0; font-size:12px;}
.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: #00afef;  min-height: 35px; 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 24px;}

.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: 81px; position: absolute; top: -35px; z-index: 99; background: #fff;padding: 4px;}

.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:#000;}

.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:#000;  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/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/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;display: inline-block;padding: 0px 20px}
.clients .reviewbx p{font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; color: #919191;text-align: center;}
.clients .reviewbx p span{font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 500; color: #464646;}
.clients .reviewbx img{margin: 5px 0px; display: block;}
.clients .reviewbx a{margin: 0 auto; text-align: center;}
.clients .reviewbx .reviewrating{margin: 0px auto;}
.clients .reviewbx .vrline {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: 0;bottom: 0; width: 1px;;content: "";}*/


.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: #fff; padding: 1px; text-align: center; font-size: 12px; 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/hosting/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/hosting/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/hosting/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/hosting/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/hosting/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/hosting/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/hosting/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/hosting/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/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/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/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/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/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/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%;

}