/*Global css--------------*/
/*pragraph size for all pages*/
p {
	font-size:16px;
}
/*achor tag for all pages*/
a:hover {
	color: red;
}
body {
	position: relative;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/*page address below header nav bar*/
ol.breadcrumb {
    display: none;
}

/**end**/

/*table head default colour*/
.table-responsive.col tr th, thead > tr {
	background-color: #86888b;
	text-align: center;
}
h2.node__title {
    text-align: center;
    position: relative;
}
h2.node__title a{
    color: #115e9f;
	text-decoration: none;
}

/**Top header**/
/*#navbar-top {
    background-color: #061d4d !important;
}*/
.header .navbar {
    text-align: center;
	height: 50px;
	background-color: transparent !important;
	top: -8px;
}
.header .navbar .row .content img {
    height: 25px;
    width: 168px;
    position: relative;
	margin-top: 7px;
}
.block-superfish ul.sf-menu li {
    background-color: transparent;
}
.block-superfish ul.sf-menu li a {
    color: #efebeb;
    text-decoration: none;
}
/*login menu*/
#block-hosting-header {
    display: flex;
    flex-direction: row-reverse;
    margin-top: -55px;
}
#block-hosting-header .content p, #block-hosting-header .content p a {
    color: aliceblue;
	font-size: 12px;
}
#block-hosting-header{
    /*background:#0f172a;*/
    /*padding:10px 25px;*/
}
#block-hosting-header .field__item p{
    margin:0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
    color:#fff;
}
#block-hosting-header a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}
#block-hosting-header a:hover{
    color:#38bdf8;
}

#block-hosting-header img{
    width:22px;
    height:auto;
    transition:.3s;
    vertical-align:middle;
}
#block-hosting-header img:hover{
    transform:translateY(-2px) scale(1.15);
}
@media (max-width:768px){

    #block-hosting-header .field__item p{
        justify-content:center;
        text-align:center;
        line-height:2;
    }

}
/* Support menu/ client portal menu end  -------------*/

/* Main menu  -------------*/

/*--*/
/*menu bar achor tag*/
.navbar-collapse {
    text-align: center !important;
    display: flex;
    justify-content: space-between !important;
    align-items: center !important;
}
.navbar-nav li {
    position: relative;
    list-style: none;
}
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    min-width: 180px;
}

.navbar-nav li:hover .dropdown-menu {
    display: block;
}
.navbar-nav, li a:hover {
	color: red !important;
}*/
/*nav bar link*/
#block-hosting-mainnavigation { 
    position: relative;
}

#block-hosting-mainnavigation ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
    background: transparent;
}
#block-hosting-mainnavigation ul#superfish-main li {
    margin-right: 30px;
}
#block-hosting-mainnavigation ul#superfish-main li a {
    color: #ffffff;
	text-decoration: none;
	position: relative;
    text-align: left;
}
/*header menu all server list*/
#block-hosting-mainnavigation ul#superfish-main li a:hover {
    color: red !important;
}
#block-hosting-mainnavigation ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
    background: transparent;
}

#block-hosting-mainnavigation ul.sf-menu.sf-style-default a:hover {
    background: black !important;
    outline: 0;
}
#block-hosting-mainnavigation a.sf-depth-2 {
    background-color: black;
}
#block-hosting-mainnavigation {
    display: flex;
    justify-content: center;
    font-size: 13px;
}
/*top nav bar*/

.navbar .row {
    background: #00193b;
    width: 100vw;
    position: relative;
	height: 100px;
}
/**/
/* Main menu end --------------*/

/**invoice and logout option list**/
.header .navbar .row .block-superfish .content ul {
    position: relative;
    font-size: 12px;
    float: right;
	margin-top: -60px;
}

/* home page slider  ----------*/

/*banner image dimension*/
#block-hosting-homeslide img {
    position: relative;
    left: 0;
	min-width: 100%;
    object-fit: cover;
    z-index: 0;
	height: auto;
    /*margin-top: -6px;*/
}
/**/
/*#block-hosting-homeslide {
    position: static;
}*/
#block-hosting-homeslide {
    position: relative;
    z-index: 100;
    width: 100vw;
    left: calc(50% - 50vw);
}
/**/
/* home page slider end ---------------*/

/* home page blocks  -------------*/

/*.page-view-frontpage .main-content {
    margin-top: 34%;
}*/
.page-view-frontpage {
    overflow-x: hidden;
}
.page-view-frontpage article.node.node--type-page.node--promoted.node--view-mode-teaser.clearfix {
    margin-top: 0vw;
    position: relative;
    overflow: auto;
    margin-bottom: -12%;
}
/*page title*/
#block-hosting-page-title {
    text-align: center;
    backdrop-filter: blur(1px);
    opacity: 70%;
	position: relative;
	display: block;
}
#block-hosting-page-title .title span {
	color: black;
}
#block-hosting-page-title .title {
    color: black;
}

.block-views-exposed-filter-blocksearch-server-by-location-block-2 {
    position: relative;
    text-align: center;
    background: url(https://hostingultraso.com/sites/all/themes/nrghost/images/search-panel-bg.jpg);
    background-size: 100% 100%;
    object-fit: cover;
    width: 100vw;
	/*margin-top: 29vw;*/
    display: inline-block;
    display: flex;
    flex-direction: column;
    left: calc(50% - 50vw);
	overflow: auto;
	color: aliceblue;
	padding-top: 10px;
	
}
/*search Server location page*/
.page-view-search-server-by-location #block-hosting-content .content {
    margin-top: 0%;
    display: block;
    position: relative;
}
.page-view-search-server-by-location #block-hosting-page-title .title {
    color: #e8e8e8;
}

.page-view-search-server-by-location .view-filters {
    position: relative;
    text-align: center;
    background: url(https://hostingultraso.com/sites/all/themes/nrghost/images/search-panel-bg.jpg);
    background-size: 100% 100%;
    object-fit: cover;
    width: 100%;
    display: inline-block;
    display: flex;
    flex-direction: column;
    left: 0;
    overflow: auto;
    align-items: center;
    /*z-index: 9999;*/
	z-index: 100;
    width: 100vw;
    height: auto;
    left: calc(51% - 50vw);
    right: calc(50% - 50vw);
    padding: 20px 0 2px 0;
}
.page-view-search-server-by-location #page-wrapper {
    overflow-x: clip;
}
.page-view-search-server-by-location #block-hosting-page-title {
    text-align: center;
    margin-top: -17px;
    background: #0a3152;
    opacity: 100%;
    position: relative;
    display: block;
    margin: -6px auto;
	padding: 14px 14px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
.page-view-search-server-by-location #block-hosting-content table a {
    background-color: unset;
    color: black;
}
.page-view-search-server-by-location .form-actions {
    display: flex;
    justify-content: space-between !important;
}
/*.page-view-search-server-by-location .form-actions #edit-reset--2 {
	margin-left: 8px;
}*/
.page-view-search-server-by-location .form-actions #edit-reset {
	margin-left: 8px;
}
#block-hosting-exposedformsearch-server-by-locationpage-1 h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    font-size: 20px;
	padding-top: 7px;
}
/*.block-views-exposed-filter-blocksearch-server-by-location-page-1 .content {
    display: flex;
    justify-content: center;
}*/
.block-views-exposed-filter-blocksearch-server-by-location-block-2 .content {
    display: flex;
    justify-content: center;
}
.block-views-exposed-filter-blocksearch-server-by-location-page-1 .button {
    display: block;
    background-color: #ef3d3d;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    white-space: nowrap;
    height: 46px;
    min-width: 100px;
    border: none;
}
.block-views-exposed-filter-blocksearch-server-by-location-page-1 .form-select {
    background-color: transparent;
    color: aliceblue;
    width: 796px;
    height: 46px;
}
.block-views-exposed-filter-blocksearch-server-by-location-page-1 .form-select option {
    color: black;
}
/**-**/

/* home page blocks end ----------------*/

/* main content landing pages  -----------------*/

/**What makes us Special**/
.section-special.homesec {
    padding: 0;
	margin-bottom: 6%;
    margin-top: 13px;
}
.homesec {
    padding: 30px 0 40px 0;
    position: relative;
    text-align: center;
}
.homesec h2.title {
    color: #005195;	
}
.section-special {
    padding: 70px 0;
    text-align: center;
}
.section-special h2 {
    color: #005195;
    margin-bottom: 50px !important;
}
.section-special .row {
    margin-right: -15px;
    margin-left: -15px;
}
.special-box {
    margin: 74px 0;
    position: relative;
}
.special-box img {
    position: relative;
}
.special-box img.special-pic {
    width: 220px;
	height: auto;
}
.special-box-position {
    position: absolute;
    width: 435px;
    z-index: 1;
}
.special-box1 {
    top: -84px;
    left: 65px;
}
.special-icon-left {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background-color: #115e9f;
    float: right;
    position: relative;
    transition: .4s all;
}
.special-icon-right {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background-color: #115e9f;
    float: left;
    position: relative;
    transition: .4s all;
}
.special-icon-left img {
    top: 25%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.special-icon-right img {
    top: 25%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.special-icon-right:hover {
    background: red;
}
.special-icon-left:hover {
    background: red;
}
.special-text-left {
    text-align: right;
    width: calc(100% - 115px);
    float: left;
}
.special-text-left h4 {
    font-size: 18px;
    color: #1976d2;
    margin-bottom: 10px;
}
.special-text-left p {
    color: #656565;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
}
.special-text-right {
    text-align: left;
    width: calc(100% - 115px);
    float: right;
}
.special-text-right h4 {
    font-size: 18px;
    color: #1976d2;
    margin-bottom: 10px;
}
.special-text-right p {
    color: #656565;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
}
.special-box2 {
    top: 65px;
    left: -7px;
}
.special-box3 {
    left: 65px;
}
.special-box4 {
    right: 57px;
    top: -84px;
}
.special-box5 {
    right: 0px;
    top: 65px;
}
.special-box6 {
    right: 65px;
}
.special-box::after {
    content: '';
    position: absolute;
    border: 10px solid #f1f3f6;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.section-hosting {
    background-color: #f1f3f6;
    padding: 30px 0 40px 0;
    text-align: center;
	top: -124px;
}
/*read more button*/
.node--type-page span.node-readmore.nav-link a:hover {
    color: #ffffff !important;
    background: #c83e3e;
}
.node--type-page .node-readmore a{
    font-size: 20px;
    font-weight: 400;
    font-family: 'Poppins',sans-serif;
    background-color: #ef3d3d;
    padding: 17px 35px;
    border: none;
    color: #fff;
    min-height: 65px;
	border: 1px solid transparent;
    border-radius: 4px;
	text-decoration: none;
}
.node--type-page span.node-readmore.nav-link {
    margin: 0 auto;
}
/*end*/

.view-header {
    margin-bottom: 20px;
}

.section-hosting h2 {
    color: #005195;
    margin-bottom: 10px;
}
.hosting-box {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 12px 4px #D6D6D6;
    box-shadow: 2px 2px 12px 4px #D6D6D6;
    padding: 18px 27px 0px;
    position: relative;
    transition: .4s all;
}
.hosting-box:hover {
    transform: translateY(-10px);
}
.hosting-box img {
    margin-bottom: 15px;
}
.hosting-box h3, .popular-faq-entry-box h3.title {
    font-size: 22px;
    color: #1976d2;
    margin-bottom: 15px;
	font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0;
}
.hosting-box p {
    line-height: 24px;
	margin-top: -12px;
	font-weight: 460;
}
.hosting-box p a {
    color: #ef3d3d;
    font-weight: 600;
	text-decoration: none;
}
.hosting-box p a:hover {
    color: #1976d2 !important;
}
.section-hosting .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
.view-display-id-hosting_guarantee_block_2 .views-row.views-row-2.views-row-even.icon-entry.col-sm-4.wow.fadeInUp.animated img, .view-search-server-location table tbody tr .views-field-field-server-location img {
    height: auto;
    width: auto;
}
/*---*/
/*style for hot deal section*/
.hotDealContainer {
    background: url(https://hostingultraso.com/sites/all/themes/nrghost/images/dedicated-bg.jpg) no-repeat 0 0;
    background-size: 100% 100%;
    object-fit: cover;
    padding: 30px 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    height: auto!important;
    width: 100%;
	top: -44px;
}
.hotDealContainer h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 1.1;
}
.deals {
    display: flex;
    justify-content: center;
}
.limited {
    padding: 10px;
    overflow: hidden;
    transition: .4s all;
    position: relative;
    float: left;
}
.dedicatedBox{
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    padding: 8px 0;
    transition: .4s all;
    position: relative;
}
.offerBox {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: inherit!important;
    width: 333px;
    padding: 10px;
    transition: .4s all;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
}
.offerBox .btn-default:hover{
	color: white !important;
	background-color: #bf2b2b;
}
.ribbon {
    position: absolute;
    background-color: #ef3d3d;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    top: 35px;
    left: -44px;
    transform: rotate(-50deg);
    width: 200px;
    margin-left: -11px;
    margin-right: -10px;
}
.ribbon::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 12px solid #ef3d3d;
    border-left: 12px solid transparent;
    bottom: -10px;
    left: 0;
    transform: rotate(-86deg);
}
.ribbon:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 12px solid #ef3d3d;
    border-right: 12px solid transparent;
    right: 0;
    bottom: -10px;
    transform: rotate(90deg);
}
.serverImg img {
    width: 50px;
	height: auto;
}
.offerBox h3 {
    color: #1976d2;
    font-size: 22px;
    margin-bottom: 21px;
}
.offerBox h3 span {
    color: #ef3d3d;
    display: block;
    margin-top: -25px;
}
.offerBox p {
    color: #656565;
    font-size: 13px;
    padding: 0 35px;
}
.offerBox ul {
    list-style: none;
    margin-top: 20px;
}
.offerBox ul li:nth-child(odd) {
    background-color: #f1f3f6;
}
.offerBox ul li {
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    color: #646464;
    margin-left: -42px;
    margin-right: -10px;
}
.rate h2 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 600;
    color: #1976d2;
    margin-bottom: 0px;
}
.rate p {
    text-decoration: line-through;
    text-decoration-color: #ef3d3d;
    font-family: 'Poppins',sans-serif;
    font-size: 21px;
    line-height: 24px;
    color: #c3c3c3;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0px;
}
.rate span {
    display: inline-block;
    margin-bottom: 10px;
    color: #ef3d3d;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
.offerBox a {
    font-size: 20px;
    font-family: 'Poppins',sans-serif;
    border-radius: 4px;
    display: inline-block;
    transition: all .4s;
    text-decoration: none;
}
.offerBox .btn-default {
    background-color: #ef3d3d;
    padding: 10px 80px 10px 80px;
    border: none;
    color: #fff;
    min-height: 38px;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 500;
}
/*----------*/
/*testomonial block*/
.hometestimonial {
    background: url(https://hostingultraso.com/sites/all/themes/nrghost/images/testimonial-bg.jpg) no-repeat 0 0;
    background-size: cover;
    padding: 70px 0 60px 0;
	position: relative;
    top: -84px;
}
.hometestimonial h2.title {
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0;
    font-weight: 500;
    line-height: 1.1;
}
.testimonial-container {
    position: relative;
}
.testimonial-row {
    display: flex;
    justify-content: space-around;
    align-items: center;
	margin-top: 35px;
}
.testimonial-box {
    padding: 30px 30px 1px 30px;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
	width: 45%;
    height: auto;
}
.testimonial-content {
    line-height: 24px;
    line-height: 24px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    padding: 6px 38px;
}
.testimonial-content::before {
    background: url(https://hostingultraso.com/sites/all/themes/nrghost/images/quote-left.png) no-repeat 0 0;
    content: '';
    position: absolute;
    top: 0;
    left: 1px;
    width: 33px;
    height: 25px;
}
.testimonial-content::after {
    background: url(https://hostingultraso.com/sites/all/themes/nrghost/images/quote-right.png) no-repeat 0 0;
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 34px;
    height: 25px;
}
.testimonial-pic {
    height: 115px;
    width: 115px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 10px;
}
.testimonial-video {
    width: 45%;
    height: auto;
}
.testimonial-pic .img-circle {
    width: 115px;
    height: 115px;
    background-color: #115e9f;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.testimonial-author {
    color: #505050;
    font-weight: 600;
}
/**------------*/
/*all locations*/
.homelocation {
    background: url(https://hostingultraso.com/sites/all/themes/nrghost/images/all-location-bg.jpg) no-repeat 0 0;
    background-size: cover;
    padding: 30px 0 60px 0;
	position: relative;
    top: -124px;
}
.section-location {
    position: relative;
    top: 30px;
}
.homelocation .container {
    width: 1170px;
}
.homelocation .text-center {
    text-align: center;
}
.homelocation h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0;
    font-weight: 500;
    line-height: 1.1;
}
.homelocation .content .container .row {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.homelocation .col-lg-3 {
    width: 25%;
    float: left;
}
.section-location h4 {
    font-size: 18px;
    color: #ff8080;
    margin-bottom: 20px !important;
    font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0;
    font-weight: 500;
    line-height: 1.1;
}
.section-location ul {
    margin-bottom: 40px !important;
}
.section-location ul, li {
    padding: 0;
    margin: 0;
}
.section-location ul li a {
    font-size: 16px;
    color: #c5d3e2;
    transition: all .4s;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
}

/*------*/
/* main content landing pages  end---------------*/


/* main content block landing pages ---------------- */
/**dedicated server image section**/
.view-frontpage .node__content.clearfix {
    margin: 2%;
	position: relative;
}
/**-**/
/*north america dedicated server title and subtitle*/
#block-hosting-views-block-server-location-landing-page-block-1 .title {
    text-align: center;
	margin-top: 4%;
}
#block-hosting-views-block-server-location-landing-page-block-1 h2 {
    color: #064eac;
}
#block-hosting-views-block-server-location-landing-page-block-1 h3 {
    color: gray;
}
/*end*/
/*dedicated server page*/
.node--type-other-product-landing-page #block-hosting-content {
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	margin-bottom: 8%;
	display: block;
}
#block-hosting-content {
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	margin-bottom: 8%;
	display: block;
}
.block-system-main .content .field-item.even h2 {
    margin-bottom: 20px;
    margin-top: 45px;
}



/**featured service**/
.featured-bottom {
    position: relative;
    top: -33px;
	width: 99% !important;
}
/**/
/* -----Styles for our Services Section ------*/
.service-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.services {
    padding: 80px 0 40px 0;
    position: relative;
    text-align: center;
}
.services h2.title {
    margin-bottom: 20px;
    color: #005195;
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-align: center;
}
.serviceBox {
    width: 33.33333333%;
    float: left;
}
.serviceBox {
    margin-bottom: 20px;
}
.img-box {
    width: 74px;
    height: 74px;
    background-color: #115e9f;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.img-box:hover{
    background-color: red;
}
.img-box img {
    top: 25%;
    position: relative;
    transition: .4s all;
    width: 40px;
    height: 40px;
}
.serviceBox h3 {
    color: #1976d2;
    font-size: 19px;
    margin-bottom: 5px;
    font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0;
}
.serviceBox p {
    line-height: 26px;
    padding: 0 18px;
    font-family: 'Lato',sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #656565;
    overflow-x: hidden;
}
.serviceBox p a:hover {
    color: #1976d2;
}
.serviceBox p a {
    color: red;
    text-decoration: none;
}
.serviceBox p a:hover {
    color: blue !important;
}
.viewBox {
    text-align: center;
    position: relative;
}
.viewBox .ViewBtn {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Poppins',sans-serif;
    background-color: #ef3d3d;
    padding: 17px 35px;
    border: none;
    color: #fff;
    min-height: 65px;
	display: inline-block;
	margin-bottom: 0;
	line-height: 1.42857143;
    text-align: center;
	 white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
	 user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.viewBox .ViewBtn:hover {
    background-color: #b92626;
}
/*-----------------*/

/*payment method block*/
/**/
.paymentlist {
    display: block;
    position: relative;
}
.paymentlist h2 {
    text-align: center;
	color: #005195 !important;
    font-size: 30px !important;
	font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0;
	font-weight: 500;
    line-height: 1.1;
}
.payItems {
    display: flex;
    position: relative;
    justify-content: space-evenly;
	margin-top: 15px;
	margin-bottom: 12px;
}
.payItems .item {
    display: flex;
    align-items: center;
}
/*---*/

.featured-bottom aside.container.clearfix {
    display: contents;
}
/* main content block landing pages end ----------------*/

/* main content other pages ------------------ */
/*north america page*/

/*heading*/
.view-header .clearfix {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*table head*/
.view-search-server-by-location .table-responsive.col th, .view-server-location-landing-page .table-responsive.col th, .view-invoice .table-responsive.col th, .view-support-ticket .table-responsive.col th, .view-cloud-server .table-responsive.col th, .view-colocation .table-responsive.col th, .view-commerce-cart-form .table-responsive.col th{
    background-color: #1665ad;
	text-align: center;
}
.view-search-server-by-location .table-responsive td, .view-server-location-landing-page .table-responsive td, .view-invoice .table-responsive td, .view-support-ticket .table-responsive td, .view-cloud-server .table-responsive td, .view-colocation .table-responsive td, .view-commerce-cart-form .table-responsive td{
    text-align: center;
}
.view-search-server-by-location .table-responsive td a, .view-invoice .table-responsive td a, .view-support-ticket .table-responsive td a {
    font-family: 'Poppins',sans-serif;
    background-color: #ef3d3d;
    color: #fff;
    padding: 5px;
    border: none;
    border-radius: 4px;
	text-decoration: none;
}
.view-search-server-by-location .table-responsive td a:hover, .view-server-location-landing-page .table-responsive td a:hover, .view-cloud-server .table-responsive td a:hover, .view-colocation .table-responsive td a:hover, .view-commerce-cart-form .table-responsive td a:hover {
    color: inherit !important;
}
/* contact advertise*/
.view-server-location-landing-page .contact-On-Every-Page-desktop {
    margin-top: 4%;
	width: 100%;
    position: relative;
    max-width: 1300px;
}
.view-server-location-landing-page .contact-On-Every-Page-desktop .desktop-img {
	width: 100%;
    height: auto;
    display: block;
}
.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-desktop .txt {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 21%;
    left: 0;
    width: 100%;
    padding: 0 5%;
	inset: 0; 
}
.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-desktop .txtcll {
	font-size: clamp(14px, 2.5vw, 24px);
    color: aliceblue;
    text-align: center;
    position: absolute;
    top: 25%;
    left: 8%;
}
.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-desktop .txt b {
    color: red;
}
.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-desktop .txtcll a {
    color: aliceblue;
    text-decoration: underline;
}
.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-desktop .txteml {
	font-size: clamp(14px, 2.5vw, 27px);
    color: #067fe9;
    text-align: center;
    position: absolute;
    top: 25%;
    right: 5%;
}
.contact-On-Every-Page-mobile {
    display: none;
}
.view-server-location-landing-page .view-footer {
    text-align: center;
}
/*question and answer*/
.block-system-main-block {
    margin-left: -2%;
}
.block-system-main-block .node__content .field--type-text-with-summary h2 {
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: #6a6666;
    font-size: 36px;
}
.block-system-main-block .node__content .field--type-text-with-summary h2.rtecenter {
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: #6a6666;
    font-size: 36px;
	text-align: center;
}
.block-system-main-block .node__content .field--type-text-with-summary p {
    margin-bottom: 30px;
    line-height: 1.5;
    color: #6a6666;
    font-size: 16px;
}
/*Contact us page*/

/*data center list in contact us page*/
.view-data-center-address .view-content .views-col {
    padding: 3px;
}
/*contact box*/
.contact-box {
    background: #0b3a5b;
    color: #ffffff;
    padding: 30px;
    max-width: 400px;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    justify-self: end;
	margin-bottom: 5%;
	margin-top: -547px;
}

.contact-box .desc {
    margin-bottom: 25px;
    font-size: 15px;
	color: aliceblue !important;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.contact-item .icon {
    font-size: 20px;
    margin-right: 15px;
    min-width: 30px;
}

.contact-item strong {
    display: inline-block;
    margin-bottom: 3px;
}

.contact-box a {
    color: #7fc4ff;
    text-decoration: none;
}

.contact-box a:hover {
    text-decoration: underline;
}
/*  solution require dropdown menu on contact us page*/
.form-item-solution-require .form-select  {
    color: black;
}

/*active server invoice page*/
.view-invoice .view-footer {
    margin-bottom: 154px;
}
.view-invoice .view-footer h2 {
    color: #1b59c1;
}
.view-invoice h2 {
    color: #1b59c1;
}

/*support ticket*/
.page-view-support-ticket .view-support-ticket {
    margin-bottom: 12%;
}
.page-view-support-ticket .view-support-ticket .views-field a {
    background-color: unset !important;
    color: black !important;
}
.page-view-support-ticket h1.title {
    color: #05335b !important;
}
/*dedicated server for asia page*/

/*dedicated server europe page os image*/
.node--type-server-landing-pages img.rounded {
    width: 100px;
}
/*support ticket*/

/*support ticket page*/
.node--type-support-ticket .comment__content:before {
    display: none;
}
.node--type-support-ticket .comment__content:after {
   display: none;
}
.node--type-support-ticket .node__content {
    padding: 15px;
    background-color: aliceblue;
    display: block;
    margin-top: 1%;
}
.node--type-support-ticket .node__content .field {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background: #e4e7ee;
}
.node--type-support-ticket .node__content .field--name-field-support-description {
	display: block;
    align-items: center;
    padding: 5px 10px;
    background: #e4e7ee;
}
.node--type-support-ticket .node__content .field .field__label {
    width: 15% !important;
    font-size: 15px !important;
    text-align: left;
    padding: 0px 0px !important;
    color: #685f5f;
    font-weight: 400;
}
.node--type-support-ticket .node__content .field .field__item {
    font-size: 15px !important;
    text-align: left;
    padding: 0px 0px!important ;
    color: #685f5f;
}
.node--type-support-ticket .node__content .field .field__item a {
    text-decoration: none;
}
.node--type-support-ticket .node__content .field--type-comment {
    flex-direction: column;
	font-size: 14px;
	padding: 15px;
}
.node--type-support-ticket .node__content .comment {
    display: flex;
    flex-direction: column;
    width: -webkit-fill-available;
}
.node--type-support-ticket .node__content .comment__content {
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 11px;
	text-decoration: none;
	width: 100%;
	height: auto;
	pointer-events: none;
}
.node--type-support-ticket .node__content .card-body {
    margin-left: -3%;
    margin-top: -28px;
}
.node--type-support-ticket .node__content .card-body h3.card-title a {
    display: none;
}
.node--type-support-ticket .node__content .card-body .field--name-comment-body {
	background: none;
	display: block;
}
.node--type-support-ticket .node__content .card-body span {
    font-size: 11px;
}
.node--type-support-ticket .node__content .card-body span.comment__permalink {
    display: none;
}
.node--type-support-ticket .node__content .card-body .field--name-comment-body p {
	font-weight: 400;
}
.node--type-support-ticket .node__content .card-body h3 {
    font-size: 13px;
    text-decoration: none;
}
.node--type-support-ticket .form-select {
    background-color: white;
    color: black;
}
.node--type-support-ticket .node__content small.comment__author {
    font-size: 14px;
    display: flex;
    flex-direction: row;
}
.node--type-support-ticket .node__content .field--name-comment h2.title {
    display: none;
}
.node--type-support-ticket .node__content .comment-comment-form {
	width: 100%;
}
.node--type-support-ticket .form-actions .button {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto;
    background-color: #e13d3d;
	border: none;
}
.node--type-support-ticket .form-actions .button:hover {
    background-color: #2f72d6;
	border: none;
}
.node--type-support-ticket .node__meta {
    margin-left: 2%;
}
.node--type-support-ticket #block-hosting-content {
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 8%;
    display: block;
}
/*shoppingcart*/
.path-cart .table-responsive td a, .path-checkout .table-responsive td a {
    background: none;
    color: #030303;
	text-decoration: none;
}
.path-cart .form-actions #edit-checkout {
    margin-top: 5px;
}
/*north-america*/
/*page title*/
.view-server-location-landing-page .title a {
    text-decoration: none;
	pointer-events: none;
	color: #064eac;
}
.view-server-location-landing-page h3 a {
    color: gray !important;
}
.view-server-location-landing-page .title a:hover {
    color: #0071b3 !important;
}
/*country location*/
.block-views-blockserver-location-landing-page-block-1 .views-field-field-location a {
    background-color: unset;
    color: rgba(0, 47, 87, 1);
	padding: 2px 4px;
    border-radius: 2px;
    white-space: nowrap;
    font-size: 12px;
	font-weight: 500;
	text-decoration: none;
}
.block-views-blockserver-location-landing-page-block-1 .views-field-view-commerce-product a {
    background-color: unset;
    color: red;
    font-weight: 600;
	text-decoration: none;
}
/* cloud server view button*/
.block-views-blockcloud-server-block-1 {
    margin-top: -120px;
}
.block-views-blockcloud-server-block-1 h2 {
    text-align: center;
    color: #005195;
}
.block-views-blockcloud-server-block-1 .view-cloud-server .views-field-view-commerce-product a {
    color: red;
    background-color: unset;
    font-weight: 600;
	text-decoration: none;
}
/*colocation block*/
.block-views-blockcolocation-block-1 h2 {
	text-align: center;
    color: #005195;
}
.block-views-blockcolocation-block-1 .view-colocation .views-field-title a {
    background: none;
    color: #111fab;
    font-weight: 600;
	text-decoration: none;
}
.block-views-blockcolocation-block-1 .view-colocation .views-field-view-node a {
    background: none;
    color: red;
    font-weight: 600;
	text-decoration: none;
}
/**/


/*support ticket page*/
.page-view-support-ticket .view-support-ticket {
    margin-bottom: 12%;
}

/**contactinfo*/

.contactinfo {
    background-image: linear-gradient(107deg, rgba(0, 47, 87, 1) 71%, rgba(239, 61, 61, 1) 50%);
    display: flex;
    align-items: center;
    justify-content: space-around;
	width: 101%;
}
.contacts {
    color: aliceblue;
    position: relative;
	width: 21%;
}
.contacts a {
    color: aliceblue;
    font-size: 15px;
    text-decoration: none;
}
.contacts .live-chat-text a:hover {
    color: aliceblue !important;
}
.contactinfo span.visible-xs.visible-sm {
    display: none;
}
.call-text p {
    font-size: 12px;
    position: relative;
    top: -8px;
}
.mail-text p {
    font-size: 12px;
    position: relative;
    top: 8px;
}
.mail-text p:nth-child(2) {
    font-size: 11px;
    top: 0px;
}
.live-chat-text p {
    font-size: 12px;
    position: relative;
    top: -8px;
}
.call-text {
    margin-left: 15px;
    position: relative;
    top: 4px;
}
.mail-text {
    margin-left: 15px;
	position: relative;
    top: 4px;
}
.live-chat-text {
    margin-left: 15px;
	position: relative;
    top: 4px;
}
.call {
    display: flex;
    align-items: center;
	position: relative;
}
.mail {
    display: flex;
    align-items: center;
	position: relative;
}
.live-chat {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
	position: relative;
}
.live-chat-text {
    display: flex;
    flex-direction: column;
    margin-top: 14px;
}
.live-chat-text h3 {
    color: #fff !important;
    margin-bottom: 5px;
	font-size: 1.75rem;
}
/*-------------*/
/* main content other pages end ------------------- */

/* main content other pages block ------------------- */
/*los angles usa dedicated server*/
/*cpu details and add to cart portion*/
.block-system-main-block .content .layout__region--first {
    -webkit-flex: 1;
    flex: 1;
    background: white;
}
.block-system-main-block .content .layout__region--first .block-field-blockcommerce-productdedicated-serverfield-cpu, .block-system-main-block .content .layout__region--first .block-field-blockcommerce-productdedicated-serverfield-storage, .block-system-main-block .content .layout__region--first .block-field-blockcommerce-productdedicated-serverfield-ip {
    background: #c4c8c9;
}
#block-hosting-content .content .layout--twocol-section{
	background: #002f57 !important;
	font-weight: 400;
}
#block-hosting-content .layout__region--first .field__item, #block-hosting-content .layout__region--first .field__label  {
    color: #000000 !important;
	font-size: 15px !important;
}
#block-hosting-content .layout__region--second .field__item, #block-hosting-content .layout__region--second .field__label, #block-hosting-content .layout__region--second span  {
    color: white !important;
}
#block-hosting-content .layout__region--second .block-layout-builder .field__label {
	width: 60%;
	font-size: 15px;
}
#block-hosting-content .layout__region--second .block-layout-builder .field__item {
	font-size: 15px;
}
#block-hosting-content .layout__region--second .block-layout-builder .field--name-field-price-before-discount .field__item {
    text-decoration: line-through;
    text-decoration-color: red;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
}
#block-hosting-content .layout__region--second .block-layout-builder .field__items {
	margin-left: 0%;
}
.layout__region.layout__region--second {
    padding: 20px;
}
.layout__region.layout__region--first .block-layout-builder {
    padding: 10px;
}
/*server in other location*/
.block-views-blockserver-location-landing-page-block-2  h2 {
    text-align: center;
	color: #063b8b;
}
.block-views-blockserver-location-landing-page-block-2 .view-header p {
	text-align: center;
}
.block-views-blockserver-location-landing-page-block-2 .views-field-field-location a, .block-views-blockserver-location-landing-page-block-2 .views-field-view-commerce-product a {
	background: none;
	color: black;
	text-decoration: none;
}
/*end*/
/*search server by location*/
.block-views-exposed-filter-blocksearch-server-by-location-block-1 {
    text-align: center;
}
.block-views-exposed-filter-blocksearch-server-by-location-block-1 .content .d-flex {
    text-align: center;
    display: flex;
    justify-content: center;
}
.block-views-exposed-filter-blocksearch-server-by-location-block-1 .content .d-flex .form-select {
    color: black;
}
/*end*/
/*our server feature*/
#block-hosting-ourserverfeatures h2 {
    text-align: center;
    color: #063b8b;
    font-size: 25px;
    margin-top: 20px;
}


/* =========================================
   SERVER FEATURE SECTION
========================================= */

#block-hosting-ourserverfeatures .our-service-feature-inner {
    padding: 70px 0;
    position: relative;
}

/* =========================================
   HEADER
========================================= */

#block-hosting-ourserverfeatures .block-header {
    text-align: center;
}

#block-hosting-ourserverfeatures .block-header .title {
    font-size: 34px;
    color: #0057b8;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.2;
}

#block-hosting-ourserverfeatures .block-header h5 {
    max-width: 850px;
    margin: auto;
    font-size: 17px;
    line-height: 32px;
    color: #666;
    font-weight: 400;
}

#block-hosting-ourserverfeatures .block-header h5 a {
    color: #0057b8;
    font-weight: 500;
}

/* =========================================
   TIMELINE
========================================= */

#block-hosting-ourserverfeatures .timeline {
    position: relative;
    margin-top: 70px;
}

/* CENTER LINE */

#block-hosting-ourserverfeatures .timeline::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 4px;
    height: 100%;
    background: #0057b8;
    transform: translateX(-50%);
}

/* ROW */

#block-hosting-ourserverfeatures .timeline .row {
    display: flex;
    flex-wrap: wrap;
}

/* ENTRY */

#block-hosting-ourserverfeatures .timeline-entry {
    width: 50%;
    position: relative;
}

/* LEFT */

#block-hosting-ourserverfeatures .timeline-entry.left {
    padding-right: 45px;
    text-align: right;
}
#block-hosting-ourserverfeatures .left .timeline-entry-container {
    margin-top: -17px;
    width: 100%;
}
/* RIGHT */

#block-hosting-ourserverfeatures .timeline-entry.right {
    margin-left: 50%;
    text-align: left;
    margin-top: -14px;
}
#block-hosting-ourserverfeatures .right .timeline-entry-container {
    margin-left: 43px;
    margin-top: -17px;
    width: 100%;
}
/* ENTRY CONTENT */

#block-hosting-ourserverfeatures .timeline-entry-container {
    display: flex;
    align-items: center;
    gap: 25px;
}

#block-hosting-ourserverfeatures .timeline-entry.left .timeline-entry-container {
    flex-direction: row-reverse;
}

/* =========================================
   ICON CIRCLE
========================================= */

#block-hosting-ourserverfeatures .image-wrapper {
    width: 110px;
    height: 110px;
    min-width: 110px;
    border: 2px solid #0057b8;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

#block-hosting-ourserverfeatures .image-wrapper img {
    max-width: 72px;
}

/* =========================================
   CONTENT
========================================= */

#block-hosting-ourserverfeatures .timeline-entry .content {
    flex: 1;
}

#block-hosting-ourserverfeatures .timeline-entry .content .title {
    color: #1976d2;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.2;
}

#block-hosting-ourserverfeatures .timeline-entry .text p {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin: 0;
}

#block-hosting-ourserverfeatures .timeline-entry .text a {
    color: #0057b8;
    font-weight: 500;
}

/* =========================================
   RED DOT
========================================= */

#block-hosting-ourserverfeatures .timeline-entry::before {
    content: "";
    position: absolute;
    top: 45px;
    width: 15px;
    height: 15px;
    background: #ff4d4d;
    border: 3px solid #fff;
    border-radius: 50%;
    z-index: 5;
}

/* LEFT DOT */

#block-hosting-ourserverfeatures .timeline-entry.left::before {
    right: -8px;
}

/* RIGHT DOT */

#block-hosting-ourserverfeatures .timeline-entry.right::before {
    left: -8px;
}

/* =========================================
   CONNECTOR LINE
========================================= */

#block-hosting-ourserverfeatures .timeline-entry::after {
    content: "";
    position: absolute;
    top: 51px;
    width: 35px;
    height: 3px;
    background: #0057b8;
}

/* LEFT */

#block-hosting-ourserverfeatures .timeline-entry.left::after {
    right: 0;
}

/* RIGHT */

v .timeline-entry.right::after {
    left: 0;
}

/* =========================================
   EASY STEP SECTION
========================================= */

#block-hosting-ourserverfeatures .easy-to-start {
    padding: 90px 0px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(rgba(0,35,80,0.88), rgba(0,35,80,0.88)),
    url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=1600&auto=format&fit=crop')
    center center / cover no-repeat;
    margin-top: -80px;
    margin-bottom: 50px;
    width: 100vw;
    padding-top: 40px;
    margin-left: calc(50% - 50vw);
}

/* =========================================
   EASY HEADER
========================================= */

#block-hosting-ourserverfeatures .easy-to-start .block-header .title {
    color: #fff;
    font-size: 34px;
	margin-bottom: -50px;
}

#block-hosting-ourserverfeatures .easy-to-start .block-header h5 {
    color: rgba(255,255,255,0.9);
}

/* =========================================
   STEP CARDS
========================================= */

#block-hosting-ourserverfeatures .easy-to-start .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 45px;
}

/* CARD */

#block-hosting-ourserverfeatures .icon-entry {
    width: 33.333%;
    padding: 15px;
}

/* INNER BOX */

#block-hosting-ourserverfeatures .icon-entry .inner-box {
    background: #fff;
    border-radius: 6px;
    padding: 35px 25px;
    text-align: center;
    transition: 0.4s ease;
    height: 100%;
    min-height: 310px;
}

#block-hosting-ourserverfeatures .icon-entry .inner-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}

/* ICON */

#block-hosting-ourserverfeatures .icon-entry img {
    margin-bottom: 18px;
}

/* TITLE */

#block-hosting-ourserverfeatures .icon-entry .title {
    color: #1976d2;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 15px;
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

#block-hosting-ourserverfeatures .icon-entry .title span {
    display: block;
    font-size: 22px;
}

/* TEXT */

#block-hosting-ourserverfeatures .icon-entry .text p {
    font-size: 15px;
    line-height: 28px;
    color: #666;
    margin: 0;
}

#block-hosting-ourserverfeatures .icon-entry .text a {
    color: #0057b8;
    font-weight: 500;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1200px) {

    .timeline-entry.left::before,
    .timeline-entry.right::before {
       
		display: none;
    }

    .timeline-entry.left::after,
    .timeline-entry.right::after {
        
		display: none;
    }
    .block-header .title,
    .easy-to-start .block-header .title {
        font-size: 28px;
    }

    .block-header h5 {
        font-size: 15px;
        line-height: 28px;
    }

    .timeline-entry-container {
        flex-direction: row !important;
        align-items: flex-start;
        gap: 15px;
    }
	#block-hosting-ourserverfeatures .timeline-entry {
		width: 100%;
		position: relative;
		padding-left: 0px;
	}

    .timeline-entry .content .title {
        font-size: 22px;
    }

    .timeline-entry .text p,
    .icon-entry .text p {
        font-size: 15px;
        line-height: 28px;
    }

    .image-wrapper {
        width: 90px !important;
        height: 90px !important;
        min-width: 90px !important;
    }
	#block-hosting-ourserverfeatures .timeline-entry.left {
		padding-right: 0px;
		text-align: left;
	}
	#block-hosting-ourserverfeatures .right .timeline-entry-container {
		margin-left: 0px;
		margin-top: 0px;
		width: 100%;
	}
	#block-hosting-ourserverfeatures .left .timeline-entry-container {
		margin-top: 0px;
		width: 100%;
		padding-left: 0px !important;
	}
    .image-wrapper img {
        max-width: 55px;
    }
    .icon-entry .inner-box {
        min-height: auto;
    }
	#block-hosting-ourserverfeatures .timeline-entry.right {
		margin-left: 0%;
		padding-left: 0px;
		text-align: left;
		margin-top: 6px;
	}
	#block-hosting-ourserverfeatures .timeline {
		margin-top: 10px;
	}
	#block-hosting-ourserverfeatures .easy-to-start .row {
		flex-direction: row;
	}
	#block-hosting-ourserverfeatures .icon-entry {
    	width: 33%;
	}
}

@media (max-width: 767px) {
	.block.block-layout-builder.block-field-blockcommerce-productdedicated-servervariations {
		display: flex;
	}
	.block.block-layout-builder.block-field-blockcommerce-productdedicated-servervariations .field__items {
		padding-right: 0% !important;
	}
	.timeline-entry.left::before,
    .timeline-entry.right::before {
       
		display: none;
    }

    .timeline-entry.left::after,
    .timeline-entry.right::after {
        
		display: none;
    }
    .block-header .title,
    .easy-to-start .block-header .title {
        font-size: 28px;
    }

    .block-header h5 {
        font-size: 15px;
        line-height: 28px;
    }

    .timeline-entry-container {
        flex-direction: row !important;
        align-items: flex-start;
        gap: 15px;
    }
	#block-hosting-ourserverfeatures .timeline-entry {
		width: 100%;
		position: relative;
		padding-left: 0px;
	}

    .timeline-entry .content .title {
        font-size: 22px;
    }

    .timeline-entry .text p,
    .icon-entry .text p {
        font-size: 15px;
        line-height: 28px;
    }

    .image-wrapper {
        width: 90px !important;
        height: 90px !important;
        min-width: 90px !important;
    }
	#block-hosting-ourserverfeatures .timeline-entry.left {
		padding-right: 0px;
		text-align: left;
	}
	#block-hosting-ourserverfeatures .right .timeline-entry-container {
		margin-left: 0px;
		margin-top: 0px;
		width: 100%;
	}
	#block-hosting-ourserverfeatures .left .timeline-entry-container {
		margin-top: 0px;
		width: 100%;
		padding-left: 0px !important;
	}
    .image-wrapper img {
        max-width: 55px;
    }
    .icon-entry .inner-box {
        min-height: auto;
    }
	#block-hosting-ourserverfeatures .timeline-entry.right {
		margin-left: 0%;
		padding-left: 0px;
		text-align: left;
		margin-top: 6px;
	}
	#block-hosting-ourserverfeatures .timeline {
		margin-top: 10px;
	}
	#block-hosting-ourserverfeatures .easy-to-start .row {
		flex-direction: column;
	}
	#block-hosting-ourserverfeatures .icon-entry {
    	width: 100%;
	}
}
	
/*feature section...additional ip, ipmi access*/
#block-hosting-benefitsofdedicatedserver {
    margin-bottom: 17%;
}
#block-hosting-benefitsofdedicatedserver h2 {
    color: #005195;
    font-size: 28px;
    margin-bottom: 15px;
    text-align: center;
}
.timeline {
    position: relative;
    max-width: 1100px;
    margin: 50px auto;
}

/* CENTER LINE */
.timeline::before {
    content: '';
    position: absolute;
    width: 4px;
    background: #1e73be;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* ITEM */
.timeline-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0;
    position: relative;
}

/* LEFT SIDE */
.timeline-item.left .content {
    width: 38%;
    text-align: right;
}

/* RIGHT SIDE */
.timeline-item.right .content {
    width: 38%;
    text-align: left;
}

/* ICON */
.timeline-item .icon {
    width: 100px;
    height: 100px;
    background: #fff;
    border: 3px solid #1e73be;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.timeline-item .icon img {
    max-width: 80px;
}
.right .icon {
    margin-left: 51%;
}
.left .icon {
    margin-right: 51%;
}
/* DOT */
.timeline-item::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: red;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

/* CONTENT */
.timeline-item .content h3 {
    color: #1e73be;
    margin-bottom: 10px;
}

.timeline-item .content p {
    color: #555;
    font-size: 14px;
}
/*colocation botton*/
.colocation-btn {
    text-align: center;
	margin-bottom: -80px;
}
.btn-colocation {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Poppins',sans-serif;
    background-color: #ef3d3d;
    padding: 17px 35px;
    border: none;
    color: #fff;
    min-height: 65px;
    border-radius: 5px;
    text-decoration: none;
}
.colocation-btn a:hover {
    background-color: #bd2121;
    color: white !important;
}
/* ================= MOBILE ================= */
@media (max-width: 768px) {

    .timeline::before {
        left: 20px;
		display:none;
    }

    .timeline-item {
        flex-direction: row;
        margin-left: 40px;
    }

    .timeline-item.left .content,
    .timeline-item.right .content {
        width: 100%;
        text-align: left;
		margin-left: 18%;
    }

    .timeline-item .icon {
        position: absolute;
        left: -27px;
    }
	.right .icon {
		margin-left: 0%;
	}
	.timeline-item .icon {
		width: 90px;
		height: 90px;
	}
	.timeline-item .content h3 {
		font-size: 4.2vw;
		color: #717070;
		font-weight: 600;
	}
	.timeline-item .content p {
		font-size: 3.2vw;
		color: #717070;
	}
	.colocation-btn {
		text-align: center;
		margin-bottom: 12px;
	}
    .timeline-item::before {
        left: 20px;
		display:none;
    }
	/*.content a {
		text-decoration: none;
	}*/
}
/* ================= Tab ================= */
@media (min-width: 768px) and (max-width: 1200px) {

    .timeline::before {
        left: 20px;
		display:none;
    }
	.content a {
		text-decoration: none;
	}
    .timeline-item {
        flex-direction: row;
        margin-left: 40px;
    }

    .timeline-item.left .content,
    .timeline-item.right .content {
        width: 100%;
        text-align: left;
		margin-left: 11%;
    }

    .timeline-item .icon {
        position: absolute;
        left: -27px;
    }
	.right .icon {
		margin-left: 0%;
	}
	.timeline-item .icon {
		width: 100px;
		height: 100px;
	}
	.timeline-item .content h3 {
		font-size: 3.2vw;
		color: #717070;
		font-weight: 600;
	}
	.timeline-item .content p {
		font-size:2.2vw;
		color: #717070;
	}
	.colocation-btn {
		text-align: center;
		margin-bottom: 12px;
	}
    .timeline-item::before {
        left: 20px;
		display:none;
    }
}


/**/
/*contact us page*/
/* contact form*/
div#block-hosting-webform {
    position: relative;
	width: 50%;
}
div#block-hosting-webform .form-actions .button {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto;
    background-color: #e13d3d;
	border: none;
}
div#block-hosting-webform .form-actions .button:hover {
    background-color: #2185e0;
}
/**/
/*support center*/
.contact {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.contact2 {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--stack-lg) 1.5rem;
    width: 100%;
}
.hero {
	text-align: center;
	margin-bottom: var(--stack-lg);
}

.hero h2 {
	font-family: 'Manrope', sans-serif;
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: -0.02em;
	font-weight: 600;
	color: var(--primary);
	margin-bottom: var(--stack-sm);
}

.hero p {
	font-size: 15px;
	color: var(--on-surface-variant);
	max-width: 32rem;
	margin: 0 auto;
}
.hero p {
	background: unset !important;
	color: #897777 !important;
	font-weight: 500;
}
.cards {
    grid-template-columns: 4, 1fr;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
	margin-top: 7%;
    position: relative;
}
.card {
    background-color: var(--surface-container-lowest);
    padding: 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    text-decoration: none;
    margin-right: 15px;
    padding-bottom: 0px;
    padding-top: 12px;
	height: 344px;
}

.card:hover {
	box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
	border-color: var(--outline-variant);
}
.card:hover {
	background-color: rgba(81, 160, 255, 0.2);
}

.icon-wrapper .material-symbols-outlined {
	color: var(--secondary);
	font-size: 2.5rem;
}

.card h3 {
	font-family: 'Manrope', sans-serif;
	font-size: 20px;
	font-weight: 500;
	color: var(--primary);
	margin-bottom: 0.5rem;
}

.card p {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: var(--on-surface-variant);
	margin-bottom: 20px !important;
}

.card-link {
	color: var(--secondary);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	padding-bottom: 2px;
	transition: border-color 0.2s;
}

.card-link:hover {
	border-color: var(--secondary);
}

.contact2 .btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    color: var(--on-primary);
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    font-size: 13px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    color: aliceblue;
}
.card .icon-wrapper {
    margin-bottom: 15px;
}
.contact2 .btn-primary:hover {
	background-color: #4a85c4;
}
.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
	display: inline-block;
	vertical-align: middle;
}
span.material-symbols-outlined img {
    width: 100px;
    height: 100px;
}
/**/
/**dedicated server,game server menu bar**/
/*#block-hosting-mainnavigation .content {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
#block-hosting-mainnavigation .content ul li {
    font-size: 13px;
}
#block-hosting-mainnavigation ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
    background: transparent;
}*/
/**/
/*os section*/
#block-hosting-operatingsystem {
    background: #f1f3f6;
    text-align: center;
    padding: 30px 0;
    margin-bottom: 25px;
}
#block-hosting-operatingsystem .content {
    width: 100%;
	    margin-left: auto;
    margin-right: auto;
}
.logos-carousel {
    display: block;
}
.owl-carousel {
    width: 100%;
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.logos-carousel.owl-carousel .owl-item {
    display: flex;
    align-items: center;
    height: 120px;
    max-height: 120px;
    justify-content: center;
}
.owl-carousel .item {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
	margin-left: 15px;
    margin-right: 47px;
}
.logos-carousel.owl-carousel .item img {
    width: 100%;
    max-width: 100%;
    max-height: 48px;
    position: relative;
}
/*data-center address*/
.block-views-blockdata-center-address-block-1 {
    margin-bottom: 15%;
    margin-top: -6%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.block-views-blockdata-center-address-block-1 h2 {
    text-align: center;
    color: #105189;
}
/**/
/*invoice page*/
#block-hosting-content .view-invoice .views-field-field-inv-accounts a, #block-hosting-content .view-invoice .views-field-field-inv-third-party-link a, #block-hosting-content .view-invoice .views-field-field-inv-user a, #block-hosting-content .view-invoice .views-field-view-commerce-product a {
    background: none;
    color: black;
}
#block-hosting-content .view-invoice .views-field-field-inv-accounts a:hover, #block-hosting-content .view-invoice .views-field-field-inv-third-party-link a:hover, #block-hosting-content .view-invoice .views-field-field-inv-user a:hover, #block-hosting-content .view-invoice .views-field-view-commerce-product a:hover {
    color: blue !important;
}
/*invoice details page*/
.path-product #block-hosting-content .field--name-price, .path-product #block-hosting-content .field--name-variations,.path-product #block-hosting-content .field--name-field-inv-domain-hostname, .path-product #block-hosting-content .field--name-field-inv-main-ip, .path-product #block-hosting-content .field--name-field-inv-server-location, .path-product #block-hosting-content .field--name-field-inv-renewal-due-date, .path-product #block-hosting-content .field--name-field-inv-third-party-renewal-da, .path-product #block-hosting-content .field--name-field-inv-accounts, .path-product #block-hosting-content .field--name-field-inv-third-party-link, .path-product #block-hosting-content .field--name-field-inv-server-details, .path-product #block-hosting-content .field--name-field-inv-contact-email, .path-product #block-hosting-content .field--name-field-inv-purchase-date, .path-product #block-hosting-content .field--name-field-inv-server-status, .path-product #block-hosting-content .field--name-field-inv-user, .path-product #block-hosting-content .field--name-field-inv-renewal-period, .path-product #block-hosting-content .field--name-field-inv-pay-directly-to-paypal, .path-product #block-hosting-content .field--name-field-inv-name, .path-product #block-hosting-content .field--name-field-inv-address, .path-product #block-hosting-content .field--name-field-inv-mobile-no, .path-product #block-hosting-content .field--name-field-cpu, .path-product #block-hosting-content .field--name-field-ram, .path-product #block-hosting-content .field--name-field-storage, .path-product #block-hosting-content .field--name-field-network, .path-product #block-hosting-content .field--name-field-ip, .path-product #block-hosting-content .field--name-field-bandwidth {
	margin-bottom: 0px;
	display: flex;
}
.path-product #block-hosting-content .field--name-field-inv-server-details {
	flex-direction: column;
}
.path-product #block-hosting-content article  .field__items {
    display: flex;
    flex-direction: row;
	margin-left: 30%;
}
.path-product #block-hosting-content .field--name-field-inv-contact-email .field__items {
    margin-left: 0%;
}
.path-product #block-hosting-content fieldset#edit-purchased-entity-0-attributes-attribute-billing-period-renewal--wrapper span.fieldset-legend.js-form-required.form-required, .path-product #block-hosting-content fieldset#edit-purchased-entity-0-attributes-attribute-billing-period--wrapper span.fieldset-legend.js-form-required.form-required {
    font-size: 14px;
    color: #685f5f;
    font-weight: 400;
}
.path-product #block-hosting-content .field--name-field-inv-main-ip {
    display: flex;
    flex-direction: row;
}
.path-product #block-hosting-content .field__label {
    width: 30%;
    font-size: 19px;
    text-align: left;
    padding: 5px 15px;
    color: #685f5f;
    font-weight: 400;
}
.path-product #block-hosting-content .field__item {
    font-size: 19px;
    text-align: left;
    padding: 5px 15px;
    color: #685f5f;
    font-weight: 400;
}
.path-product #block-hosting-content .field--name-field-inv-server-details .field__label, #block-hosting-content .field--name-field-inv-server-details .field__item p {
	font-size: 19px;
    text-align: left;
    color: #685f5f;
    font-weight: 400;
}
/*dedicated server details page, Server in Other Locations section*/
.path-product .view-server-location-landing-page .view-header {
    font-size: 20px;
    text-align: center;
}
/*add to cart button*/
#commerce-product-add-to-cart-form {
    display: flex;
    justify-content: center;
}
#commerce-product-add-to-cart-form button {
    color: #e3e1e1;
    background-color: #e13d3d;
    border: none;
}
#commerce-product-add-to-cart-form button:hover {
    color: #e3e1e1;
    background-color: #0146ad;
    border: none;
}
.path-product .form-actions .button {
    margin: 0px 0px auto;
	background-color: #e13d3d;
	border: none;
}
.path-product .form-actions .button:hover {
    color: #e3e1e1;
    background-color: #0146ad;
    border: none;
}
/*contact details of invoice page*/
.path-product #block-hosting-content .field--name-field-inv-contact-email {
    display: flex;
}
/*shopping cart button*/
.view-commerce-cart-form #edit-actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 12%;
    text-align: center;
    margin: 0 auto;
}
.view-commerce-cart-form #edit-actions button {
    background-color: #e13d3d;
	border: none;
}
.view-commerce-cart-form #edit-actions button:hover {
    background-color: #1a61db;
	border: none;
}
/**/

/* main content other pages block end  ---------------*/

/* footer ------------ */
/*footer top*/
.site-footer {
    background: #001d35 !important;
	margin-top: -78px;
}
/* footer contact section  */
#block-hosting-footercontact {
    background-image: linear-gradient(107deg,rgba(0,47,87,1) 68%,rgba(239,61,61,1) 50%);
	height: 78px;
    padding: 20px 0 0 0;
}
#block-hosting-footercontact .content {
    width: 1170px;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#block-hosting-footercontact .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left;
}
#block-hosting-footercontact .call .call-icon {
    width: 30px;
    float: left;
}
#block-hosting-footercontact .visible-lg {
    display: block!important;
}
#block-hosting-footercontact .call .call-text {
    width: calc(100% - 40px);
    float: right;
	margin-top: -12px;
}
#block-hosting-footercontact .call-text h3 {
    margin-bottom: 5px;
}
#block-hosting-footercontact .call-text h3 a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    color: aliceblue !important;
    text-decoration: none;
}
#block-hosting-footercontact .call-text h3 a:hover {
    color: red !important;
}
#block-hosting-footercontact .footer-top h3 {
    font-size: 16px;
}
#block-hosting-footercontact .call-text p {
    font-family: 'Poppins',sans-serif;
    color: #668096;
	font-size: 12px;
}
#block-hosting-footercontact .col-lg-5 {
    width: 41.66666667%;
}
#block-hosting-footercontact .footer-top .call::after, .footer-top .mail::after, .footer-top .live-chart::after {
    clear: both;
}
/*#block-hosting-footercontact .btn-group-vertical>.btn-group:after, #block-hosting-footercontact .btn-group-vertical>.btn-group:before, #block-hosting-footercontact .btn-toolbar:after, #block-hosting-footercontact .btn-toolbar:before, #block-hosting-footercontact .clearfix:after, #block-hosting-footercontact .clearfix:before, #block-hosting-footercontact .container-fluid:after, #block-hosting-footercontact .container-fluid:before, #block-hosting-footercontact .container:after, #block-hosting-footercontact .container:before, #block-hosting-footercontact .dl-horizontal dd:after, #block-hosting-footercontact .dl-horizontal dd:before, #block-hosting-footercontact .form-horizontal .form-group:after, #block-hosting-footercontact .form-horizontal .form-group:before, #block-hosting-footercontact .modal-footer:after, #block-hosting-footercontact .modal-footer:before, #block-hosting-footercontact .nav:after, #block-hosting-footercontact .nav:before, #block-hosting-footercontact .navbar-collapse:after, #block-hosting-footercontact .navbar-collapse:before, #block-hosting-footercontact .navbar-header:after, #block-hosting-footercontact .navbar-header:before, #block-hosting-footercontact .navbar:after, #block-hosting-footercontact .navbar:before, #block-hosting-footercontact .pager:after, #block-hosting-footercontact .pager:before, #block-hosting-footercontact .panel-body:after, #block-hosting-footercontact .panel-body:before, #block-hosting-footercontact .row:after, #block-hosting-footercontact .row:before {
    display: table;
    content: " ";
}*/
.clearfix:before {
	display: table;
    content: " ";
}
#block-hosting-footercontact .mail .mail-icon {
    width: 40px;
    float: left;
}
#block-hosting-footercontact .mail .mail-text {
    width: calc(100% - 50px);
    float: right;
}
#block-hosting-footercontact .mail-text p>a {
    font-family: 'Poppins',sans-serif;
    font-size: 16px;
    color: #fff;
    display: block;
    margin-bottom: -7px;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
}
#block-hosting-footercontact .mail-text p {
    color: #8694a2;
    font-size: 12px;
	font-family: 'Poppins',sans-serif;
}
#block-hosting-footercontact .col-lg-3 {
    width: 25% !important;
}
#block-hosting-footercontact .col-lg-4 {
    width: 33.33333333%;
}
#block-hosting-footercontact .live-chart .live-chart-text {
    width: calc(100% - 50px);
    float: right;
    margin: -47px -9px 0px 0px;
}
#block-hosting-footercontact .live-chart-icon {
    width: 60px;
    float: left;
}
#block-hosting-footercontact .live-chart-text h3 {
    margin-bottom: -1px;
}
#block-hosting-footercontact .live-chart-text h3 a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    color: aliceblue !important;
    text-decoration: none;
}
#block-hosting-footercontact .live-chart-text h3 a:hover {
    color: red !important;
}
#block-hosting-footercontact .live-chart-text p a {
    color: aliceblue;
    font-size: 12px;
	font-family: 'Poppins',sans-serif;
	text-decoration: none;
}


/*footer follow-us*/
#block-hosting-followus .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    display: flex;
	justify-content: space-between;
}
#block-hosting-followus .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p img {
	width: 25px;
    height: 25px;
    margin-right: 22px;
    border-radius: 50%;
}
/*social media*/
div#block-hosting-footersocialmedia {
    margin: 0px;
    padding: 0;
    position: relative;
	top: -2px;
	border: none;
}
#block-hosting-footersocialmedia .content img:hover {
	transform:translateY(-2px) scale(1.15);
}
.site-footer__top .content {
    margin-top: -18px;
}
div#block-hosting-footersocialmedia p strong {
    font-size: 14px;
    color: #ff8080;
    margin-bottom: 10px;
}
.social-media-logo {
    display: flex;
    justify-content: space-between;
    position: relative;
    top: -27px;
}
.social-media-logo img {
    width: 20px;
    height: auto;
    border-radius: 50%;
}
/*social media block*/
#block-hosting-socialmedia {
    margin-left: -12%;
    position: relative;
}
/*----*/
/*footer copyright*/
.site-footer__bottom {
    margin-left: -51px;
    margin-right: -44px;
    position: relative;
}
div#block-hosting-footercopyright {
    display: flex !important;
    flex-direction: row-reverse;
    position: relative;
    width: 30%;
    margin-left: 68%;
    margin-top: -40px;
}
div#block-hosting-footercopyright p {
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}
.site-footer__bottom .row {
    margin-top: 13px;
    margin-bottom: -30px !important;
}
.simpler-select.form-element--type-select {
    width: 100%;
    margin-right: 60px;
}
/* footer end ---------------*/

/* footer menu --------------------- */
/*footer menu*/
/*footer middle*/
.site-footer .site-footer__top.clearfix {
    display: flex;
    justify-content: space-between;
}
.site-footer .navigation ul.clearfix.nav {
    padding-left: 0px;
    display: block;
    margin-left: -16px;
}
.site-footer .row h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 1.1;
    font-size: 14px;
    color: #ff8080;
    margin-bottom: 10px;
    padding: 0;
    margin: 0;
    text-transform: capitalize;
	border: blue;
}
.site-footer .row ul li {
    margin-bottom: -10px;
}
.site-footer .row ul li a {
    color: #8694a2;
    transition: .4s all;
    font-size: 12px;
}
.site-footer #block-hosting-followus {
    margin: -9px 0;
    border: 0px;
    padding: 10px;
}
.site-footer__bottom .row nav ul {
    display: flex !important;
    flex-direction: row !important;
    float: left !important;
    padding-left: 50px !important;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
}
.site-footer__bottom .row nav ul li {
    margin-right: -13px;
}
.site-footer nav#block-hosting-footermenu1 {
    margin-left: -34%;
}
.site-footer section.row .menu--footer-menu-2 {
    width: 100%;
}
.site-footer .nav-item a:hover {
    margin-left: 2px;
}
/* footer  menu end----------------------*/

/*Responsive css starts here for mobile and small tab*/
@media (max-width: 576px) {
	/*global css*/
	body {
		overflow-x: clip;
	}
	h2{
		font-size:3.3vw;
	}
	h3 {
		font-size:2vw;
	}
	p{
		font-size:14px;
	}
	.sf-accordion-toggle {
		/*margin-top: -28px;*/
		margin-top: 0px;
	}
	/*page title*/
	h2.node__title {
		font-size: 5.3vw;
		margin-top: 12%;
	}
	/*menu nevaigation button*/
	/*div.sf-accordion-toggle.sf-style-default  > a:after {
		display: flex;
		right: -172px;
		top: 19px;
		position: relative;
	}
	nav#navbar-main {
		margin-bottom: 17px;
		position: relative;
	}*/
	/*---*/
	/*toggle dropdown menu*/
	/*.sf-accordion-toggle.sf-style-default {
		margin-top: -6%;
		display: flex !important;
		flex-direction: row-reverse;
	}
	.collapse:not(.show) {
		display: block;
	}
	div.sf-accordion-toggle.sf-style-default a {
		background: transparent !important;
		color: #fefeff;
		display: inline-block;
		font-weight: bold;
		padding: 1em 3em 1em 0em;
		position: relative;
		text-decoration: none;
	}
	ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink {
		border: 0 none;
		color: #f1f2f5;
		padding: 0.75em 1em;
		text-decoration: none;
	}*/
	.table-responsive.col th, td {
		font-size: 10px;
	}
	form .form-actions {
		justify-content: center;
		display: flex;
	}
	/*end*/
	/*main navigation*/
	
	/*home page*/
	.page-view-frontpage article.node.node--type-page.node--promoted.node--view-mode-teaser.clearfix {
		margin-top: -7vw;
	}
	.page-view-frontpage .main-content {
		margin-top: 0%;
	}
	/**header company logo**/
	/*.header .navbar {
		height: 44px;
	}*/
	/*usa dedicated server 12*/
	.layout__region.layout__region--second {
		padding: 10px;
	}
	.layout__region.layout__region--first .block-layout-builder {
		padding: 5px;
	}
	/*montreal data center*/
	/*end*/
	
	/*usa dedicated server 12*/
	#block-hosting-content .content .layout--twocol-section {
		margin-top: 0px;
	}
	.layout--twocol-section .layout__region--first .field__item {
		width: 100% !important;
	}
	.layout--twocol-section .layout__region--first .block-layout-builder .field {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
	}
	.layout--twocol-section .layout__region--first .block-layout-builder .field .field__label {
		width: 100% !important;
		text-align: center !important;
	}
	.layout--twocol-section .layout__region--first .block-layout-builder .field .field__item {
		width: 100% !important;
		text-align: center !important;
	}
	/*container*/
	.container, .container-sm {
		max-width: -webkit-fill-available;
	}
	/*----*/
	
	.page-view-frontpage article.node.node--type-page.node--promoted.node--view-mode-teaser.clearfix {
		overflow: clip;
	}
	/*login section*/
	/*div#block-hosting-header {
		margin: 0 auto;
		display: flex;
		justify-content: center;
		margin-top: -14px;
	}*/
	/*---*/
	/*main nevigation*/
	/*--*/
	/*home slide image*/
	#block-hosting-homeslide {
		margin-top: -5px;
	}
	/*our service*/
	.services h2.title {
		font-size: 6vw;
	}
	.allServices {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.serviceBox {
		width: 100%;
		float: none;
	}
	.serviceBox p {
		margin-top: 8px;
		margin-bottom: 0px;
	}
	.viewBox .ViewBtn {
		padding: 17px 33px;
		min-height: 40px;
		margin-top: -24px;
	}
	/*----*/
	/*hot deal*/
	.hotDealContainer h2 {
		font-size: 6vw;
	}
	.deals {
		display: block;
	}
	.offerBox {
		width: -webkit-fill-available;
	}
	.configList ul li {
		float: none;
	}
	.limited {
		margin-left: 4%;
		margin-right: 4%;
	}
	/*----*/
	/*client say*/
	.hometestimonial .row {
		flex-direction: column;
	}
	.hometestimonial .col-md-6 {
		width: 100%;
	}
	/*---*/
	/**testimonial box**/
	.testimonial-row {
		display: flex;
		flex-direction: column;
	}
	.testimonial-box {
		width: 90%;
	}
	.testimonial-video {
		width: 90%;
		margin-top: 10px;
	}
	/*---/
	/*all location*/
	.homelocation .col-lg-3 {
		width: 100%;
		float: left;
		display: flex;
		flex-direction: column;
	}
	.section-location ul, li {
		float: left;
		margin-right: 14px;
	}
	.section-location ul li:nth-last-child(1) {
		float: none;
	}
	.section-location ul li:last-child {
		float: none;
	}
	/*-------*/
	/*Hosting Ultraso Guarantee*/
	.homesec h2.title {
		font-size: 5vw;
	}
	/*------*/
	/*payment method*/
	.payItems {
		display: flex;
		position: relative;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.payItems .item {
		margin-top: 8px;
	}
	/*---*/
	/*contact info*/
	.visible-md  img {
		height: auto;
		width: 22px;
		display: none;
	}
	span.visible-xs.visible-sm {
		display: block !important;
	}
	div#block-hosting-contact {
		background-image: linear-gradient(107deg, rgba(0, 47, 87, 1) 100%, rgba(239, 61, 61, 1) 0%) !important;
	}
	.contactinfo {
		margin-top: 22px;
		background-image: linear-gradient(107deg, rgba(0, 47, 87, 1) 100%, rgba(239, 61, 61, 1) 0%) !important;
		display: block;
		height: auto;
	}
	.contacts {
		width: 100%;
		margin-left: 7%;
	}
	.call-text {
		margin-left: 15px;
		position: relative;
		top: 11px;
	}
	.mail img {
		width: 26px;
		height: 26px;
	}
	.live-chat {
		margin-top: -18px;
		margin-left: -5%;
		display: flex;
		justify-content: flex-start;
	}
	.live-chat img {
		width: 26px;
		height: 26px;
	}
	/*---*/
	/*search server page*/
	.page-view-search-server-by-location .view-content {
		/*margin-top: 32%;*/
	}
	
	/*invoice page*/
	.path-product #block-hosting-content .field--label-inline .field__label, .path-product #block-hosting-content .field--label-inline .field__item {
		font-size: 15px;
		width: 30%;
	}
	
	.path-product #block-hosting-content .field--name-field-inv-server-details .field__label, #block-hosting-content .field--name-field-inv-server-details .field__item p {
		font-size: 15px;
	}
	.path-product .form-actions #commerce-product-add-to-cart-form button {
		margin-left: 2px !important;
	}
	.path-product #block-hosting-content article  .field__items {
		margin-left: 0%;
	}
	.path-product form .form-actions .button {
		margin-left: 0%;
	}
	.path-product #block-hosting-content .field--name-field-inv-contact-email, .path-product #block-hosting-content .field--name-field-inv-purchase-date, .path-product #block-hosting-content .field--name-field-inv-server-status, .path-product #block-hosting-content .field--name-field-inv-user, .path-product #block-hosting-content .field--name-field-inv-renewal-period, .path-product #block-hosting-content .field--name-field-inv-name, .path-product #block-hosting-content .field--name-field-inv-address, .path-product #block-hosting-content .field--name-field-inv-mobile-no {
		display: flex;
		flex-direction: column;
	}
	/*support ticket*/
	.node--type-support-ticket #block-hosting-content {
		margin-top: -50px;
	}
	/*footer menu*/
	.site-footer .region-footer-first ul li, .region-footer-second ul li {
		float: none;
	}
	.site-footer {
		position: relative;
	}
	/*---*/
	
	
	/* header company logo bar*/
	/*div#block-hosting-topheadertrust p:first-child {
		margin-bottom: 1px;
	}
	div#block-hosting-topheadertrust .clearfix {
		display: block;
	}
	nav.title-nav-bar, .region-secondary-menu {
		display: block;
		flex-wrap: nowrap !important;
		width: 100%;
	}*/
	/*button.navbar-toggler.collapsed {
		margin-left: 86%;
		margin-right: -4%;
		margin-top: -1%;
		display: content !important;
	}*/
	/*header login and social media bar*/
	/*div#block-hosting-socialmedia {
		margin-left: -16%;
		position: relative;
		margin-top: 7%;
		margin-bottom: -2%;
	}*/
	/*banner image*/
	.views-field.views-field-field-image {
		margin-top: 0px;
		position: static;
	}
	
	/*search-box*/
	.block-views-exposed-filter-blocksearch-server-by-location-page-1 .form-select {
		width: 200px;
		margin-left: 0px;
	}
	.block-views-exposed-filter-blocksearch-server-by-location-page-1 {
		margin-left: -12px;
		width: 106%;
		margin-top: 128px;
		position: relative;
	}
	.block-views-exposed-filter-blocksearch-server-by-location-page-1 .js-form-wrapper {
		margin: 0 auto;
		position: relative;
	}
	/*-----*/
	/*shopping cart buttons*/
	.view-commerce-cart-form #edit-actions {
		width: 25%;
	}
	/*dedicated server image*/
	.special-box img.special-pic {
		display: none;
	}
	.special-box::after {
		display: none;
	}
	/*dedicated server section*/
	.special-box {
		margin: -23px 0px 0px;
	}
	.special-box .special-box-position {
    	width: 100% !important;
	}
	.special-box .special-box-position {
		position: relative;
		overflow: hidden;
		margin-top: 30px;
		width: 50%;
		padding: 0 15px;
	}
	.special-box1, .special-box2, .special-box3, .special-box4, .special-box5, .special-box6 {
		top: 0;
		left: 0;
		width: 100%;
	}
	.special-icon-left {
		float: left;
	}
	.special-text-left {
		text-align: left;
		float: right;
	}
	/*support ticket*/
	.node--type-support-ticket #block-hosting-content {
		margin-top: -62px;
		margin-left: 0%;
		margin-right: 0%;
	}
	/*data center colocation detials*/
	.node--type-colocation .node__content ul li {
		width: 100%;
	}
	.node--type-colocation .node__content ul li:last-child {
		margin-bottom: 5% !important;
	}
	/*payment section*/
	#block-hosting-paymentaccepted .list-unstyled.logos-carousel.owl-carousel.owl-theme {
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-direction: column;
	}
	/*footer*/
	#block-hosting-footercontact {
		height: auto;
		padding: 30px 0px 0px 15px;
		background-image: linear-gradient(107deg, rgba(0, 47, 87, 1));
	}
	#block-hosting-footercontact .call .call-icon, .mail .mail-icon, .main-footer .live-chart-icon {
		width: 47px !important;
	}
	#block-hosting-footercontact .call .call-text, .mail .mail-text, .main-footer .live-chart-text {
		width: 209% !important;
		position: relative;
		margin-top: 7px;
		margin-left: 0px;
	}
	#block-hosting-footercontact .mail .mail-text {
		float: inline-start;
	}
	#block-hosting-footercontact .visible-lg {
		display: none!important;
	}
	#block-hosting-footercontact .col-lg-3, .col-lg-4, .col-lg-5 {
		width: 100% !important;
	}
	#block-hosting-footercontact .call .call-text {
		float: none;
	}
	#block-hosting-footercontact .mail .mail-icon img, .main-footer .live-chart-icon img {
		width: 30px;
	}
	#block-hosting-footercontact .mail .mail-icon {
		-webkit-transform: translateY(9px);
		transform: translateY(9px);
	}
	#block-hosting-footercontact .live-chart-icon img {
		width: 30px;
	}
	#block-hosting-footercontact .live-chart .live-chart-text {
		margin: -31px 3px 0px 0px;
	}
	/*footer menu*/
	.site-footer .site-footer__top.clearfix {
		display: block;
		margin: 0 5% 0 5%;
	}
	.site-footer section.row.region.region-footer-first {
		margin-bottom: 5%;
		margin-left: -11%;
	}
	.site-footer nav#block-hosting-footermenu1 {
		margin-left: 0%;
	}
	.site-footer section.row.region.region-footer-second {
		margin-bottom: 5% !important;
		width: 100%;
		
	}
	.site-footer section.row.region.region-footer-fourth {
		margin-bottom: 5% !important;
		width: 100%;
		
	}
	.site-footer section.row.region.region-footer-third {
		margin: 5% 0px 0px -5%;
	}
	/*footer bottom menu*/
	.site-footer__bottom .region {
		display: block;
		margin-left: 4%;
        margin-right: 4%;
	}
	.site-footer__bottom {
		margin-right: 0px !important;
	}
	.site-footer__bottom .navigation ul.clearfix.nav {
		margin-left: -6%;
	}
	.site-footer__bottom .region-footer-fifth nav ul li {
		margin-right: 4%;
	}
	.site-footer__bottom div#block-hosting-footercopyright {
		position: relative;
		width: 55%;
		margin: 0 auto;
	}
	
	/*contact section*/
	.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-desktop {
		display: none;
	}
	.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-mobile {
		display : block;
		position: relative;
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		margin-bottom: 7%;
	}
	.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-mobile img.mobile-img {
		width: 100%;
		height: auto;
		display: block;
	}
	.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-mobile .txt {
		position: absolute;
		inset: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 12px;
		text-align: center;
		padding: 10px;
	}
	.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-mobile .txtcll {
		margin: 0;
		font-size: clamp(14px, 4vw, 20px);
		color: #ffffff;
		line-height: 1.4;
	}
	.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-mobile .txteml {
		margin: 0;
		font-size: clamp(14px, 4vw, 20px);
		color: #0a67c4;
		line-height: 1.4;
	}
	.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-mobile .txtcll a {
		color: #ffffff;
		text-decoration: underline;
	}
	.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-mobile .txteml a {
		color: #0a67c4;
		text-decoration: underline;
	}
	.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-mobile .txt b {
		color: #ff4d4d;
	}
	
	/*os section*/
	.owl-carousel {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.owl-carousel .item {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 14px;
	}
	/*payment section*/
	.paymentlist {
		margin-top: 40px;
	}
	
	#block-hosting-page-title h1.title span {
		font-size: 20px;
	}

	.block-system-main-block .node__content .field--type-text-with-summary h2 {
		font-size: 22px;
		text-align: center;
		color: black;
	}
	.simpler-select.form-element--type-select {
		width: 100%;
		margin-right: 100px;
		flex: 1;
	}
	.block-views-exposed-filter-blocksearch-server-by-location-page-1 .button {
		margin: 0 auto;
	}
	.d-flex {
		display: block !important;
	}
	
	.section-special.homesec {
		margin-top: -25%;
	}
	/*li menu bar background*/
	/*div#block-hosting-mainnavigation ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
		background: #020b14;
	}*/
	.table-striped thead td, .table-striped thead th {
		display: none;
	}
	.table-striped th, .table-striped td {
		box-sizing: border-box;
		padding: .5em .7em;
	}
	/*.table tr {
		background-color: #f1f3f6;
		color: #115e9f;
	}*/
	.table-striped tbody td, .table-striped tbody th {
		clear: left;
		float: left;
		width: 100%;
	}
	.table-striped td {
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.view-search-server-location table tr.odd, .view-search-server-location table tr.even, .view-colocation table tr.odd, .view-colocation table tr.even, .table-style-1 tbody tr td {
		color: #115e9f;
	}
	h2.animate.title {
		margin-top: 106px;
	}
	/*cloud server block*/
	.block-views-blockcloud-server-block-1 {
		margin-top: -50px;
	}
	/*colocation block*/
	.block-views-blockcolocation-block-1 .contextual-region .views-field-view-node a {
		margin: 0 auto;
	}
	/*Invoice */
	#block-hosting-content article  .field__items {
		justify-content: left;
	}
	/*last div of invoice*/
	#block-hosting-content .field--name-field-inv-renewal-period {
		margin-bottom: 25%;
	}
	/*support page*/
	/* i need help for server*/
	.node--type-support-ticket .node__content {
		margin: 0 auto;
		margin-top: 6%;
	}
	.node--type-support-ticket .node__content .field .field__label {
		width: 25% !important;
	}
	.node--type-support-ticket {
		display: inline;
	}
	/*contact us page*/
	#block-hosting-webform {
		float: left;
		position: relative;
		width: 100% !important;
		padding: 4%;
	}
	.contact-box {
		max-width: 100%;
	}
	.cards {
		flex-direction: column;
	}
	.page-node-25 #block-hosting-content {
		margin-top: 80%;
	}
	.block-views-blockdata-center-address-block-1 {
		margin-top: 0%;
	}
}
/*Responsive css starts here for tab and big tab*/
@media  (max-width: 1200px) {
	/*global css*/
	h2{
		font-size:3.3vw;
	}
	h3 {
		font-size:2vw;
	}
	p{
		font-size:14px;
	}
	h2.node__title {
		font-size: 4.3vw;
	}
	/*title section*/
		h2.title {
		margin-top: 15px;
	}
	.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
		margin-bottom: -8px;
	}
	/*toggle dropdown menu*/
	/*.sf-accordion-toggle.sf-style-default {
		margin-top: -23px;
		display: flex !important;
		flex-direction: row-reverse;
	}*/
	/*.collapse:not(.show) {
		display: block;
	}*/
	/*div.sf-accordion-toggle.sf-style-default a {
		background: transparent !important;
		color: #fefeff;
		display: inline-block;
		font-weight: bold;
		padding: 1em 3em 1em 0em;
		position: relative;
		text-decoration: none;
	}*/
	/*ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink {
		border: 0 none;
		color: #f1f2f5;
		padding: 0.75em 1em;
		text-decoration: none;
	}*/
	/*container*/
	.container, .container-sm {
		max-width: -webkit-fill-available;
	}
	/*----*/
	/*front-page*/
	.page-view-frontpage article.node.node--type-page.node--promoted.node--view-mode-teaser.clearfix {
		margin-top: -7vw;
	}
	/*login section*/
	/*div#block-hosting-header {
		position: relative;
		display: contents;
	}*/
	
	/*--*/
	/*client portal menu*/
	/*ul#superfish-client-portal-menu {
		display: flex;
		flex-direction: row;
		justify-content: end;
	}*/
	
	/*---*/
	/*top drop down menus*/
	/*div#block-hosting-mainnavigation .content ul li {
		font-size: 11px;
		background-color: black;
        opacity: 60%;
	}
	div#block-hosting-mainnavigation ul#superfish-main li {
		margin-right: 0px;
	}*/
	/*--/
	
	/*dedicated server section*/
	.special-box {
		margin: -23px 0px 0px;
	}
	.special-box .special-box-position {
    	width: 100% !important;
	}
	.special-box .special-box-position {
		position: relative;
		overflow: hidden;
		margin-top: 30px;
		width: 50%;
		padding: 0 15px;
	}
	.special-box1, .special-box2, .special-box3, .special-box4, .special-box5, .special-box6 {
		top: 0;
		left: 0;
		width: 100%;
	}
	.special-icon-left {
		float: left;
	}
	.special-text-left {
		text-align: left;
		float: right;
	}
	/*our service*/
	.services h2.title {
		font-size: 6vw;
	}
	.allServices {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.serviceBox {
		width: 100%;
		float: none;
	}
	.serviceBox p {
		margin-top: 8px;
		margin-bottom: 0px;
	}
	.viewBox .ViewBtn {
		padding: 17px 33px;
		min-height: 40px;
		margin-top: -24px;
	}
	/*----*/
	/*hot deal*/
	.hotDealContainer h2 {
		font-size: 6vw;
	}
	.deals {
		display: flex;
		flex-direction: column;
	}
	.offerBox {
		width: -webkit-fill-available;
	}
	.configList ul li {
		float: none;
	}
	.limited {
		margin-left: 4%;
		margin-right: 4%;
	}
	/*----*/
	/*client say*/
	.hometestimonial .row {
		display: block;
	}
	.hometestimonial .col-md-6 {
		width: 100%;
	}
	/*---*/
	
	/**testimonial box**/
	.testimonial-row {
		display: flex;
		flex-direction: column;
	}
	.testimonial-box {
		width: 90%;
	}
	.testimonial-video {
		width: 90%;
		margin-top: 20px;
	}
	/*---/
	/*all location*/
	.homelocation .col-lg-3 {
		width: 100%;
		float: left;
		display: flex;
		flex-direction: column;
	}
	.section-location ul, li {
		float: left;
		margin-right: 14px;
	}
	.page-node-40 .section-location ul, li {
		float: none;
	}
	.section-location ul li:nth-last-child(1) {
		float: none;
	}
	.section-location ul li:last-child {
		float: none;
	}
	/*-------*/
	/*Hosting Ultraso Guarantee*/
	.homesec h2.title {
		font-size: 5vw;
		margin-top: 60px;
	}
	/*------*/
	/*payment method*/
	.payItems {
		display: flex;
		position: relative;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.payItems .item {
		margin-top: 8px;
	}
	/*---*/
	/*contact info*/
	.visible-md  img {
		height: auto;
		width: 22px;
		display: none;
	}
	span.visible-xs.visible-sm {
		display: block !important;
	}
	div#block-hosting-contact {
		background-image: linear-gradient(107deg, rgba(0, 47, 87, 1) 100%, rgba(239, 61, 61, 1) 0%) !important;
	}
	.contactinfo {
		margin-top: 22px;
		background-image: linear-gradient(107deg, rgba(0, 47, 87, 1) 100%, rgba(239, 61, 61, 1) 0%) !important;
		display: block;
		height: auto;
	}
	.contacts {
		width: 100%;
		margin-left: 7%;
	}
	.call-text {
		margin-left: 15px;
		position: relative;
		top: 11px;
	}
	.mail img {
		width: 26px;
		height: 26px;
	}
	.live-chat {
		margin-top: -18px;
		margin-left: -5%;
		display: flex;
		justify-content: flex-start;
	}
	.live-chat img {
		width: 26px;
		height: 26px;
	}
	/*---*/
	/*footer menu*/
	.site-footer .region-footer-first ul li, .region-footer-second ul li {
		float: none;
	}
	.site-footer {
		position: relative;
	}
	/*---*/
	
	/* header company logo bar*/
	/*div#block-hosting-topheadertrust .clearfix {
		display: block;
	}
	.navbar.row {
		display: block;
		flex-wrap: wrap !important;
		width: 100%;
		overflow-x: clip;
	}
	div#block-hosting-socialmedia {
		margin-left: 12%;
		position: relative;
	}*/
	/*button.navbar-toggler.collapsed {
		margin-left: 86%;
		margin-right: -20%;
		position: relative;
		margin-top: -1%;
		display: none;
	}*/
	/*.navigation ul.clearfix.nav.navbar-nav li {
		margin-right: 8px;
		margin-left: -3px;
	}
	.navbar-expand-lg .navbar-nav {
		margin-left: -2% !important;
	}*/
	/*header login and social media bar*/
	/*div#block-hosting-socialmedia {
		position: relative;
		margin-top: 7%;
		margin-bottom: -2%;
	}
	*/
	/*banner image*/
	.views-field.views-field-field-image {
		margin-top: 0px;
		position: static;
	}
	/*dedicated server image*/
	.special-box img.special-pic {
		display: none;
	}
	.special-box::after {
		display: none;
	}
	/*dedicated server section*/
	.special-box {
		margin: 0px 0px 0px;
	}
	.special-box .special-box-position {
    	width: 100% !important;
	}
	.special-box .special-box-position {
		position: relative;
		overflow: hidden;
		margin-top: 30px;
		width: 50%;
		padding: 0 15px;
	}
	.special-box1, .special-box2, .special-box3, .special-box4, .special-box5, .special-box6 {
		top: 0;
		left: 0;
		width: 100%;
	}
	.special-icon-left {
		float: left;
	}
	.special-text-left {
		text-align: left;
		float: right;
	}
	/*search server search field section*/
	.page-view-search-server-by-location .block-views-exposed-filter-blocksearch-server-by-location-page-1 {
		width: 106%;
		margin-top: 64px;
	}
	/*footer*/
	#block-hosting-footercontact {
		height: auto;
		padding: 30px 0px 0px 15px;
		background-image: linear-gradient(107deg, rgba(0, 47, 87, 1));
	}
	.site-footer nav#block-hosting-footermenu1 {
		margin-left: 7%;
	}
	.site-footer__bottom .navigation ul.clearfix.nav {
		margin-left: 0px;
	}
	#block-hosting-footercontact .call .call-text, .mail .mail-text, .main-footer .live-chart-text {
		width: 95% !important;
	}
	#block-hosting-footercontact .mail .mail-text {
		float: inline-start;
	}
	#block-hosting-footercontact .visible-lg {
		display: none!important;
	}
	#block-hosting-footercontact .col-lg-3, .col-lg-4, .col-lg-5 {
		width: 100% !important;
		margin-left: 1.5%;
	}
	.visible-xs {
		display: block!important;
	}
	#block-hosting-footercontact .call .call-text {
		float: none;
	}
	#block-hosting-footercontact .mail .mail-icon img, .main-footer .live-chart-icon img {
		width: 30px;
	}
	#block-hosting-footercontact .mail .mail-icon {
		-webkit-transform: translateY(9px);
		transform: translateY(9px);
	}
	#block-hosting-footercontact .live-chart-icon img {
		width: 30px;
	}
	#block-hosting-footercontact .live-chart .live-chart-text {
		margin: -31px 3px 0px 0px;
	}
	/*footer menu*/
	.site-footer .site-footer__top.clearfix {
		display: block;
	}
				
	/*footer bottom menu*/
	.site-footer__bottom .region {
		display: block;
	}
	.site-footer__bottom {
		margin-right: 0px !important;
	}
	.site-footer__bottom .region-footer-fifth nav ul li {
		margin-right: -3%;
	}
	.site-footer__bottom div#block-hosting-footercopyright {
		position: relative;
		margin: 0 auto;
	}
	
	/*contact section*/
	.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-desktop .txtcll {
		font-size: 2.5vw;
		position: absolute;
	}
	.block-views-blockserver-location-landing-page-block-1 .contact-On-Every-Page-desktop .txteml {
		font-size: 2.5vw;
		position: absolute;
		display: block;
	}
	/*last div of invoice*/
	#block-hosting-content .field--name-field-inv-renewal-period {
		margin-bottom: 25%;
	}
	/*support page*/
	/* i need help for server*/
	.node--type-support-ticket .node__content {
		margin: 0 auto;
		margin-top: 3%;
	}
	.node--type-support-ticket .node__meta {
		margin-top: 14%;
	}
	.node--type-support-ticket .node__content .field .field__label {
		width: 25% !important;
	}
	.node--type-support-ticket {
		display: inline;
	}
	.node--type-support-ticket .node__content .comment-comment-form {
		margin-left: 0%;
	}
	/*contact Us*/
	#block-hosting-webform {
		float: left;
		position: relative;
		width: 100% !important;
		padding: 4%;
		margin-top: 0%;
	}
	.contact-box {
		max-width: 100%;
	}
	.cards {
		display: block;
	}
}
@media  (min-width: 577px) and (max-width: 1200px) {
	/*global css*/
	body {
		overflow-x: clip;
	}
	ul#superfish-client-portal-menu {
		margin-top: -64px;
	}
	/*menu nevaigation button*/
	/*div.sf-accordion-toggle.sf-style-default  > a:after {
		display: flex;
		right: -326px;
		top: 19px;
		position: relative;
	}
	.sf-accordion-toggle.sf-style-default {
		margin-top: -23px;
		display: flex !important;
		flex-direction: row-reverse;
		margin-right: 14%;
	}*/
	/*end*/
	.view-frontpage .node__content.clearfix {
		overflow-x: clip;
	}
	.site-footer section.row.region.region-footer-first {
		margin-bottom: 5%;
		width: 40%;
	}
	.site-footer section.row.region.region-footer-second {
		margin-bottom: 5% !important;
		width: 40%;
	}
	
	/*-----*/
	/*search-box*/
	.block-views-exposed-filter-blocksearch-server-by-location-page-1 .form-select {
		width: 500px;
		margin-left: 49px;
		margin-right: 2%;
	}
	.block-views-exposed-filter-blocksearch-server-by-location-page-1 {
		margin-left: -12px;
		width: 103%;
		margin-top: 28%;
		position: relative;
		margin-bottom: -28%;
	}
	.block-views-exposed-filter-blocksearch-server-by-location-page-1 .js-form-wrapper {
		margin: 0 auto;
		position: relative;
	}
	/*-----*/
	/*contact us page*/
	.page-node-25 #block-hosting-content {
		margin-top: 56%;
	}
	/*support ticket*/
	.node--type-support-ticket .node__meta {
		margin-top: 0% !important;
	}
	.node--type-support-ticket #block-hosting-content {
		margin-left: 0%;
		margin-right: 0%;
	}
	/*shopping cart buttons*/
	.view-commerce-cart-form #edit-actions {
		width: 20%;
	}
	/*data center colocation detials*/
	.node--type-colocation .node__content ul li {
		width: 100%;
	}
	.node--type-colocation .node__content ul li:last-child {
		margin-bottom: 5% !important;
	}
	/*top bar login section*/
	/*#block-hosting-header .content {
		display: flex !important;
		justify-content: center;
		margin: 0 auto;
		margin-top: -3%;
	}*/
	/*home page search field*/
	.page-view-frontpage .block-views-exposed-filter-blocksearch-server-by-location-block-2 {
		position: relative;
		left: calc(50% - 50vw);
		right: calc(50% - 50vw);
		width: 100vw;
	}
	.page-view-frontpage .main-content {
		margin-top: 6%;
	}
	.page-view-frontpage h2.node__title {
		font-size: 4.3vw;
		margin-bottom: -68px;
	}
	/*nav bar toggle*/
	/*.navbar-collapse {
		z-index: 1000;
	}*/
	/*header login button postion*/
	#block-hosting-header {
		margin-top: -38px !important;
		display: flex;
		justify-content: center;
	}
}
@media (max-width: 755px) {
	/*company name*/
	/*.header .navbar .row .content p img {
		margin-top: 20px;
	}*/
	/*home page search field*/
	.page-view-frontpage .block-views-exposed-filter-blocksearch-server-by-location-block-2 {
		position: relative;
		left: calc(50% - 50vw);
		right: calc(50% - 50vw);
		width: 100vw;
	}
	/*toggler button*/
	/*button.navbar-toggler.collapsed {
		margin-left: 0% !important;
		margin-right: 0% !important;
		position: relative;
		margin-top: -4% !important;
		display: block !important;
		background-color: aliceblue;
	}*/
	.page-view-search-server-by-location .form-actions {
		display: flex;
		justify-content: center !important;
	}
	.page-view-search-server-by-location .form-actions #edit-reset {
		margin-left: 8px;
	}
	/*nav bar toggle*/
	/*.navbar-collapse {
		z-index: 1000;
	}*/
	/*Hosting Ultraso Guarantee*/
	.homesec h2.title {
		margin-top: 110px !important;
	}
	/*header login button postion*/
	#block-hosting-header {
		margin-top: -38px !important;
		display: flex;
		justify-content: center;
	}
	/*client portal menu*/
	#block-hosting-clientportalmenu {
		display: flex;
		justify-content: flex-start;
		margin-top: -40px;
	}
	.block-superfish ul.sf-menu li a {
		display: flex;
		justify-content: flex-start;
		background-color: black;
	}
	ul#superfish-client-portal-menu-accordion {
		margin-top: 8%;
	}
	span.navbar-toggler-icon {
    background-color: aliceblue;
    /* border-inline-color: aliceblue; */
}
	.header .navbar {
		text-align: center;
		height: auto;
	}
}