 html, body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
	overflow-x: hidden;
}

a{
	text-decoration: none;
	color: #000;
}

ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

div,
header,
section,
article,
footer,
main,
nav{
	display: flex;
}

@font-face{
	font-family: markpro;
	src: url('font/MarkPro.otf');
}

@font-face{
	font-family: markproMedium;
	src: url('font/MarkPro-Medium.otf');
}

@font-face{
	font-family: markproBold;
	src: url('font/MarkPro-Bold.otf');
}

.cta-button{
	font: normal 1.25em markpro;
	color: #fff;
	width: 255px;
	background: #005FF9;
	padding: 16px 0;
	border-radius: 12px;
	margin-top: 24px;
	text-align: center;
	box-shadow: 0px 10px 21px rgba(38, 162, 251, 0.35);
	position: relative;
	transition: .5s;
	z-index: 9999;
	box-sizing: content-box;
}

.cta-button:hover{
	box-shadow: none;
	transition: .5s;
	transform: scale(.98);
}

.more-info{
	background: transparent;
	color: #181818;
	border: 2px solid #181818;
	box-shadow: none;
}

.more-info i{
	background: unset;
}

.container{
	flex-direction: column;
	justify-content: center;
}

.main-page{
	flex-direction: column;
}

.banner{
	width: 100%;
    text-decoration: none;
    box-sizing: border-box;
    background: radial-gradient(#3480FD, #005FF9);
    z-index: 1;
    overflow: hidden;
    height: 70px;
    position: relative;
    justify-content: center;
}

.banner-right{	
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}

.banner-left,
.banner-right{
	flex: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('img/bannerr.png');
    background-position: center;
}

.banner-content{
	flex: 2; 
    justify-content: space-evenly;
}

.banner-content > div{
	flex-direction: column;
}

.banner-content > div:nth-child(1){
	align-self: center;
}

.banner-content > div:nth-child(2){
	height: 100%;
	justify-content: center;
}

.mobile-banner p{
	margin: 0;
	font: normal 1.5em markproMedium;
	color: #fff;
}

.banner-content p{
	margin: 0;
	font: normal 1.125em markproMedium;
	color: #fff;
}

.mobile-banner .alt-text{
	font: normal 1em markpro;
	margin: 12px 0;
}

.mobile-banner a,
.banner-content a{
	font: normal 1em markproMedium;
	border: solid 1px #fff;
	border-radius: 6px;
	background: #fff;
	color: #005FF9;
	padding: 12px 24px;
}

.mobile-banner a{
	color: #fff;
}

.mobile-banner a{
	margin-top: 24px;
}

.mobile-banner{
	display: none;
	width: 80vw;
	height: 30vh;
	border-radius: 24px;
	background: #005FF9;
	background: url('img/banner-mobile.png') top;
    background-size: cover;
    background-repeat: no-repeat;
	color: #fff;
	justify-content: center;
	align-items: center;
	margin-bottom: 15vh;
}

.mobile-banner p{
	text-align: center;
}

header{
	height: 10vh;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 999999;
}

.header-content{
	height: 100%;
	width: 85vw;
}

.logo{
	height: 100%;
	align-items: center;
	outline: 0;
}

.logo, nav{
	flex: 1;
}

.logo img{
	width: 65%;
}

/*MENU*/

.mobile-ul{
	display: none;
}

.menu-active{
	background: #005FF9;
	border-radius: 6px;
	padding: 12px 24px;
	color: #fff;
}

nav{
	height: 100%;
	align-items: center;
}

nav ul{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
}

nav ul.web-ul li{
	float: left;
    padding: 0 32px;
    text-align: center;
    font: normal 1.125em markpro;
    height: 100%;
    display: flex;
    align-items: center;
    min-width: fit-content;
}

nav ul.web-ul li:last-child{
	width: max-content;
	background: #005FF9;
	padding: 16px;
	border-radius: 6px;
	height: auto;
}

.hostaex-signup{
	color: #101010;
	padding: 0 12px;
}

.hostaex-signup:hover{
	color: #005FF9;
}

.hostaex-signin{
	color: #fff;
}

/*MENU*/

/*MOBILE MENU*/

.mobil{
	display: none;
}

#burger{
	display: none;
	width: 50px;
	height: 10vh;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.bar{
	width: 33px;
	height: 4px;
	margin: 4px 0;
	background: #161616;
	transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

	.btmBar {
	  -webkit-transform: translateY(2px) rotate(0deg);
	          transform: translateY(2px) rotate(0deg);
	}

	.topBar {
	  -webkit-transform: translateY(2px) rotate(0deg);
	          transform: translateY(2px) rotate(0deg);
	}

.list li a{
	color: #fff;
}

/*MOBILE MENU*/

/*HOSTAREX-MAIN*/

.hostarex-main{
	width: 100%;
    height: 85vh;
	align-items: center;
	flex-direction: column;
	position: relative;
    background: url(img/bakuvector.svg) top center;
    background-repeat: no-repeat;
    background-size: contain;
}

.hostarex-main::before{
	content: '';
    position: absolute;
    background: url(img/svg/waves/f.svg);
    transform: rotate(180deg);
    width: 100%;
    height: 230px;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 999;
}

.hm-content{
	width: 85vw;
    position: relative;
    z-index: 999;
	top: 10vh;
}

.head-text{
	flex-direction: column;
	color: #181818;
	position: relative;
	z-index: 999;
	flex: 1;
	justify-content: center;
}

.head-image{
	flex: 1;
	position: relative;
	justify-content: flex-end;
	transform-style: preserve-3d
}

.head-image img:nth-child(1){
	position: absolute;
	transform: translateZ(20px)
}

.head-image img{
	width: 80%;
	object-fit: contain;
}

.aff-text p,
.head-text p{
	font: normal 1.125em markpro;
	width: 95%;
	line-height: 150%;
}

.wi-content h1,
.whatis-service h1,
.wi-content h1,
.whatis-service h1{
	font: normal 3em markproBold;
	width: 50%;
	margin: 0;
	line-height: 150%;
}

.head-text h1,
.aff-text h1{
	font: normal 3em markproBold;
	margin: 0;
	line-height: 150%;
}

.aff-text a:last-child{
	margin-left: 72px;
}

/*HOSTAREX-MAIN*/

/*HOSTAREX-HOSTINQ*/

.hostarex-domain,
.hostarex-hostinq{
	width: 100%;
	height: max-content;
	justify-content: center;
	align-items: center;
	background: #E9F1FF;
	flex-direction: column;
}

.hostarex-hostinq{
	z-index: 9999;	
    padding: 48px 0;
}

.hostarex-hostinq > div:first-child,
.hostinq-header{
	width: 85vw;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    position: relative;
    z-index: 999;
}

.swiper-wrapper{
	justify-content: center;
}

.hostarex-domain h1,
.hostarex-hostinq h1{
	text-align: center;
	font: normal 3em markproMedium;
	color: #101010;
	margin: 0;
}

.subheader{
	font: normal 1.25em markpro;
	color: #69717C;
	width: 40%;
	text-align: center;
	line-height: 150%;
}

.hostarex-support p,
.service-one p,
.domain-one p{
	font: normal 1em markpro;
	color: #69717C;
	align-items: center;
}

.domain-one p{
	margin: 0;
}

.service-one ul li{
	padding: 12px 0;
	font: normal 1em markpro;
	text-align: start;
}

.service-one i{
	font-size: 12px;
	color: #d2d2d2;
	margin-right: 12px;
}

.host-container{
	width: 75vw;
}

.host-wrapper{
    justify-content: space-around;
    width: 100%;
    gap: 24px;
}

.host-slide{
	height: auto;
	width: 19vw;
	padding: 24px;
	border: solid 3px #D2D2D2;
	border-radius: 24px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #fff;
	min-height: 400px;
}

.host-slide:nth-child(2){	
	border: solid 3px #005FF9;
}

.host-slide:nth-child(2) i{
	color: #005FF9;
}

.host-slide:nth-child(2) .price{
	background: #005FF9;
	color: #fff;
}

.host-slide span{
	display: none;
	transition: .3s;
}

.host-slide:hover i{
	color: #005FF9;
	transition: .35s;
}

.host-slide:hover a.price{	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: flex;
	flex-direction: column;
    justify-content: space-evenly;
	background: #005FF9;
	cursor: pointer;
	transition: .35s;
}

.host-slide:hover{
	transition: .4s;
	border: solid 3px #005FF9;
}

.host-slide h1{
	font: normal 2.251em markproMedium;
	margin: 24px 0;
	color: #181818;
	line-height: 150%;
}

.host-slide p{
	font: normal 0.87em markpro;
	color: #69717C;
	line-height: 150%;
	align-self: flex-start;
}

.host-slide a.price{
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    font: normal 1.5em markpro;
    color: #fff;
    padding: 16px;
    background: #D2D2D2;
    border-radius: 12px;
    width: 80%;
    text-align: center;
    max-height: 5vh;
    height: 5vh;
    transition: .3s;
}

.host-slide i{
	font-size: 1em;
	color: #69717C;
	padding-right: 12px;
}

.host-slide ul{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.host-slide ul li{
	width: 100%;
	font: normal 1em markpro;
	color: #181818;
	float: left;
	line-height: 225%;
	cursor: default;
}

.host-slide div{
	align-items: center;
	justify-content: flex-start;
	padding: 24px 0;
}

/*pack*/
.host-container{
	justify-content: center;
}

.host-pack,
.pack-info{
	flex-direction: column;
}

.host-wrapper{
	width: 85vw;
}

.host-pack:nth-child(2){
	border-left: 0;
	border-right: 0;
}

.host-pack{
	flex: 1;
	border: solid 1px #d2d2d2;
}

.related-for{
	display: none;
	justify-content: center;
	align-items: center;
}

.related-for p{ 
	opacity: 0;
	transition: .3s;
	font: normal 1.125em markpro;
	color: #005FF9;
}

.related-for:hover p{
	opacity: 1;
	transition: .3s;
	cursor: pointer;
}

.pack-info{	
	padding: 24px;	
}

.pack-info h2{
	margin: 0;
	font: normal 1.25em markpro;
}

.pack-info p{
	font: normal 1em markpro;
	color: #69717C;
}

.pack-info span.plan{
	font: normal .4em markpro;
}

.pack-info h3{
	font: normal 3em markproBold;
	margin: 24px 0;	
    appearance: none;
    -moz-appearance: none;
-webkit-appearance: none;
}

.pack-info a{
	width: 90%;
	font: normal 1.25em markpro;
	text-align: center;
	border: solid 2px #69717C;
	border-radius: 3px;
	color: #69717C;
	padding: 12px 0;
}

.pack-info a:hover{
	border: solid 2px #005FF9;
	color: #005FF9;
	transition: .3s;
}

.pack-details{
	margin: 24px 0;	
}

.pack-details li{
	line-height: 150%;
	height: 50px;
	font: normal 1em markpro;
	  display: flex;
	  align-items: center;
}

.pack-details i{
	padding-right: 12px;
	color: #005FF9;
}

.pack-details p{
	margin: 0;
}

span.line{
	height: 1px;
	width: 90%;
	display: flex;
	align-self: center;
	background: #D2D2D2;
}

.dropdown{
	flex-direction: column;
	justify-content: center;
}

.dropdown h3{	
	font: normal .75em markpro;
}


/*pack*/

/*HOSTAREX-HOSTINQ*/

/*MORE-HOSTINQ*/

.hostarex-support,
.more-hosting{
	width: 100%;
	background: #E9F1FF;
	justify-content: center;
	align-items: center;
	padding: 48px 0;
}

.hostarex-support > div,
.more-hosting > div{
	width: 68vw;
	flex-direction: column;
	position: relative;
	height: 100%;
	background: url(img/shape.png) center right;
	background-repeat: no-repeat;
	background-size: contain;
}

.more-hosting h1{
	font: normal 3em markproMedium;
	color: #101010;
	line-height: 150%;
	width: 40%;
}

/*MORE-HOSTINQ*/

/*VPS-HOSTINQ*/

.vps-service{
	background: #6FB747!important;
}

.vps-service p{
	color: #101010!important;
}

.vps-section{
	width: 100%;
	justify-content: center;
	align-items: center;
}

.vps-sec-con{
	width: 85vw;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.vps-head{
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 999;
}

.vps-head div{
	flex-direction: column;
}

.vps-head h1{
	font: normal 2em markproMedium;
	color: #101010;
}

.vps-head p{
	font: normal 1.125em markpro;
	color: #69717C;
	margin: 0;
}

.vps-group{
  display: flex;
  justify-content: center;
  width: 40vw;
  margin: 2em 0;
}

.vps{
  flex: 1;
  margin: 0 12px;
  padding: 12px 24px;
  border: solid 2px #69717C;
  text-align:center;
  cursor:pointer;
  border-radius: 30%/100%;
}

.vps-pack{
	width: 25%;
	flex: unset;
}

.panel-group{

}

.panel{
  display:none;
}

.vps.is-active{
  color: #005FF9;
  border: solid 2px #005FF9;
  transition: all 0.2s ease-out;
}

.panel.is-show{
  display:flex;
  flex-wrap: wrap;
}

/*VPS-HOSTINQ*/

/*PARTNER COMPANIES*/

.companies{
	width: 100%;
	background: #E9F1FF;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 5vh 0;
}

.companies-content{
	background: #fff;
	border-radius: 12px;
	width: 70vw;
	justify-content: center;
	flex-direction: column;
	box-shadow: 0px 10px 21px rgba(38, 162, 251, 0.15);
	padding: 4em;
}

.com-con-cap{
	flex-direction: column;
}

.register-con-cap{
	flex-direction: column;
	justify-content: flex-start;
}

.register-con-cap div{
	width: 50%;
	justify-content: space-between;
}

.register-con-cap div a{
	font: normal 1.25em markproMedium;
	color: #005FF9;
	padding: 1em;
	border-radius: 6px;
	transition: .35s;
}

.register-con-cap div a:hover{
	cursor: pointer;
	box-shadow: 0px 10px 21px rgba(38, 162, 251, 0.1);
	transition: .35s;
}

.com-con-cap p{
	font: normal 1em markpro;	
	margin: 0;
}

.register-con-cap h2,
.companies-content h2{
	font: normal 2em markproMedium;	
}

.companies-content h2{
	margin-top: 0;
}

.companies-content h2 span{
	font: normal 1em markproBold;	
	color: #005FF9;
}

.company-one{
	flex: 1;
	align-items: center;
}

.company-one a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.company-one p:hover{	
	color: #101010;
	cursor: pointer;
	transition: 0.35s;
}

.company-one img{
	width: 100%;
	object-fit: contain;
	max-height: 100px;
}

.logo-list{	
    margin: 4vh 0;
}

/*PARTNER COMPANIES*/

/*HOSTAREX WEB*/

.hostarex-web{
	width: 100%;
	height: 100vh;
	background: radial-gradient(#3A3D43, #232429);
	position: relative;
	justify-content: center;
}

.web-content{
    position: relative;
    z-index: 999;
    justify-content: center;
    color: #fff;
    width: 83vw;
    margin: 48px 0;
}

.web-content div:first-child{
	flex-direction: column;
	justify-content: center;
	width: 45%;
}

.web-content div:last-child{
	width: 55%;
}

.web-content div img{
	width: 100%;
	object-fit: contain;
}

.vps-svg,
.ssl-svg,
.com-svg,
.web-svg{
	position: relative;
	height: 85px;
	background: #FAFBFF;
}

.com-svg{
	background: #2A2C31;
}

.web-svg{
	background: #FAFBFF;
}

.ssl-svg{
	background: #FFF;
}

.vps-svg::before{
	background: url(img/svg/waves/k.svg);
}

.web-svg::before{
	background: url(img/svg/waves/j.svg);
}

.com-svg::before{
	background: url(img/svg/waves/b.svg);
}

.ssl-svg::before{
	background: url(img/svg/waves/i.svg);
}

.vps-svg::before,
.ssl-svg::before,
.com-svg::before,
.web-svg::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 130px;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	z-index: 999;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}

.hostarex-web p{
	font: normal 1.25em markpro;
	line-height: 150%;
	width: 80%;
}

.logo-mini{
	width: 10vw;
}

.logo-mini img{
	width: 60%!important;
}

/*HOSTAREX WEB*/

/*DOMAIN*/

.hostarex-domain{
	background: #FAFBFF;
}

.mp-domain{
	padding: 10vh 0;
	min-height: 50vh;
}

.dp-domain{
	padding-bottom: 10vh;
}

.domain-list{
	width: 83vw;
	justify-content: space-between;
	flex-wrap: wrap;
}

.domain-one{
	width: 300px;
	height: 300px;
	border: solid 2px #D2D2D2;
	border-radius: 12px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #fff;
	
	margin: 2vh 0;
}

.domain-one h4{
	font: normal 2em markproMedium;
	color: #000;
	margin: 0;
}

.domain-one h1 span{
	font: normal .4em markpro;
	color: #181818;
}

.domain-one h1{
	font: normal 2em markproBold;
	margin: 2vh 0;
}

.swiper-container {
    width:100%;
}

.swiper-slide{
	justify-content: center;
	align-items: center;
}

/*DOMAIN*/

/*ALL SERVICES*/

.hostarex-instagram,
.all-services{
	width: 100%;
	height: auto;
	justify-content: center;
	align-items: center;
	height: max-content;
	padding: 0 0 96px 0;
	position: relative;
}

.as-content > h1{
	font: normal 2em markproMedium;
	margin: 0;
	margin: 48px 0;
}

.insta-content,
.as-content{
	width: 83vw;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.posts,
.services{
	width: 100%;
	justify-content: space-between;
}

.post-one,
.service-one{
	height: auto;
	border-radius: 24px;
	flex-direction: column;
}

.service-one{	
	box-shadow: 0 0 24px rgba(51, 113, 205, 0.08);
	flex: 1;
	padding: 48px;
	margin: 12px;
}

.service-one p{
	line-height: 150%;
}

.service-one h1{
	font: normal 2.25em markproMedium;
	margin: 0;
	color: #005FF9;
}

.service-one ul li{
	display: flex;
	align-items: center;
}

.service-one ul li p{
	margin: 0;
	color: #101010;
}

.service-one i{
	color: #005FF9;
}

.service-one div{
	align-items: center;
	margin-top: 24px;
}

.host-slide div a,
.service-one div a{
	color: #101010;
	font: normal 1.125em markproMedium;
}

.host-slide div i,
.service-one div i{
	font-size: 1.125em;
	color: #101010;
	padding-left: 6px; 
}

.blog-svg{
	position: relative;
}

.blog-svg::before{
	content: '';
    position: absolute;
    background: url(img/svg/waves/d.svg);
    width: 100%;
    height: 130px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 999;
}
/*ALL SERVICES*/

/*HOSTAREX BLOG*/

.blogs-page,
.hostarex-blog{
	width: 100%;
    height: max-content;
    background: #005FF9;
    justify-content: center;
    position: relative;
    padding: 24px 0;
}

.blogs-page{
	background: #E9F1FF;
}

.blog-content{
	width: 70vw;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}

.blog-content h1{
	color: #fff;
	font: normal 2em markproMedium;
}

.blog-content h3{
	font: normal 1.75em markproMedium;
	text-align: center;
}


.all-blogs{
	width: 100%;
	flex-wrap: wrap;
	gap: 24px;
	padding: 4em 0;
}

.all-blogs > a{
	display: flex;
	flex-direction: column;
	min-height: 40vh;
	box-shadow: 0 0 12px -4px rgba(0,0,0,0.2);
}

.blog-one{	
	flex: 1;
	border-radius: 3px;
	position: relative;
}

.blog-one-title{
	margin: 12px 0;
	font: normal 1.25em markpro;
	text-align: center;
}

.blog-one-date,
.blog-one-cat{
	font: normal 0.8em markpro;
	text-align: center;
	color: #d2d2d2;
	margin: 5px 0;
}

.blog-one img{
	object-fit: cover;
	width: 100%;
	height: 50%;
	border-radius: 6px 6px 0 0;
}

.blog-one div{
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
	height: 50%;
	border-radius: 0 0 6px 6px;
	padding: 0 24px;
}

.type-one{
	flex: 2;
	justify-content: center;
	align-items: center;
	padding: 0 8px;
	min-width: 40%;
}

.type-four::before,
.type-one::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .65);
	z-index: 1;
	border-radius: 6px;
}

.type-four div,
.type-one div{
	height: 100%;
	background: transparent;
}

.type-four p,
.type-one p{
	color: #fff;
	z-index: 1;
}

.type-four img,
.type-one img{
	border-radius: 6px;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}

.type-three div{
	height: 100%;
	border-radius: 6px;
}

.type-three img{
	width: 124px;
	height: 124px;
	border-radius: 50%;
}

.type-four{
	flex: 1;
}

/*HOSTAREX BLOG*/

/*BLOG PAGE*/

/*READ BLOG*/

.blog{
	width: 100%;
	height: max-content;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.blog-image{
	width: 100%;
	height: 40vh;
	max-height: 40vh;
}

.blog-image img{
	width: 100%;
	object-fit: cover;
}

.breadcrumb{
	width: 65vw;
	height: 10vh;
	justify-content: flex-start;
	align-items: center;
	font: normal 12px markpro;
	color: #69717C;
}

.breadcrumb i{
	font-size: 12px;
	color: #69717C;
	padding: 0 12px;
}

.blog-details{
	width: 65vw;
	/* padding: 48px 0; */
}

.content-one{
	flex: 3;
	padding: 24px  0;
	flex-direction: column;
}

.content-article,
.content-date{
	font: normal 0.87em markpro;
	color: #69717C;
	margin: 0;
}

.content-one img{
	width: 100%;
    max-height: 500px;
}

.content-one h1{
	font: normal 2em markproMedium;
	color: #181818;
	margin: 12px 0;
	max-width: 80%;
}

.content-text{
	font: normal 1.125em markpro;
	color: #181818;
	line-height: 175%;
	max-width: 90%;
}

.blog-list{
	flex-direction: column;
	flex: 1;
}

.list-one{
	border-radius: 12px;
	position: relative;
	flex-direction: column;
	margin: 12px 0;
	padding: 24px;
	transition: .5s;
}

.content-layer{
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 12px;
	background: #fffffff7;
	z-index: 1;
	top: 0;
	left: 0;
}

.list-one:hover .content-layer{
	background: transparent;
	transition: .3s;
}

.list-one:hover p,
.list-one:hover h1{
	opacity: 0;
	transition: .3s;
}

.list-one h1{
	z-index: 2;
	color: #161616;
	text-shadow: 0 0 #161616;
}

.list-one p{
	font: normal 0.87em markpro;
	z-index: 2;
}

.list-one h1{
	font: normal 1em markpro;
}

.list-one img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
	position: absolute;
	top: 0;
	left: 0;
}

/*READ BLOG*/

/*HOSTAREX SUPPORT*/

.hostarex-support{
	background: #fff;
	height: max-content;
	padding: 96px 0;
}

.hostarex-support > div{
	background: url(img/svg/support/support.png) center left;
    background-repeat: no-repeat;
    background-size: 40%;
    background-size: contain;
    padding: 0;
    align-items: flex-end;
    justify-content: center;
}

.support-content{
	flex-direction: column;
	width: 40%;
	justify-content: flex-end;
}

.hostarex-support p{
	margin: 0;
}

.hostarex-support h1{
	font: normal 2.625em markproBold;
	color: #005FF9;
	margin: 24px 0;
}

/*HOSTAREX SUPPORT*/

/*HOSTAREX INSTAGRAM*/

.hostarex-instagram{
	height: 80vh;
}

.insta-content{
	align-items: flex-end;
}

.insta-content a{
	margin: 24px 0;
	padding: 16px 32px;
}

.post-one{
	flex: 1;
	padding: 12px;
}

.post-one img{
	width: 100%;
	object-fit: cover;
    box-shadow: 0 24px 24px rgba(24, 24, 24, 0.08);
}

/*HOSTAREX INSTAGRAM*/

/*FOOTER*/

footer{
	width: 100%;
	height: max-content;
	padding: 24px 0;
	background: radial-gradient(#3A3D43, #232429);
	position: relative;
	justify-content: center;
}

.footer-content{
	width: 83vw;
	height: 100%;
}

.footer-content p,
.footer-contact p{
	color: #fff;
}

.footer-content p:nth-child(1){
	font: normal 1.875em markpro;
	margin-top: 0;
}

.footer-content p:nth-child(2),
.footer-content p:nth-child(3){
	font: normal 1.25em markpro;
	margin: 6px 0;
}

.footer-contact{
	flex: 2;
	flex-direction: column;
}

.footer-contact ul{
	margin: 36px 0;
}

.footer-contact ul li{
	float: left;
}

.footer-contact ul li a i{
	margin: 0 12px;
	font-size: 1.5em;
	color: #fff;
	background: unset;
}

.footer-logo{
	width: 100%;
}

.footer-logo img{
	width: 50%;
}

.footer-nom{
	flex-direction: column;
	flex: 1;
}

.footer-nom h2,
.footer-nom h4,
.footer-nom h5{
	font: normal 1.125em markpro;
	margin: 0;
	color: #fff;
	width: 60%;
	line-height: 150%;
}

.footer-nom h2{
	font: normal 3em markproBold;
	margin: 12px 0;
}

.footer-menu{
	flex-direction: column;
	justify-content: flex-end;
}

.footer-menu ul{
	margin-top: 48px;
}

.footer-menu ul li{
	float: left;
	padding: 24px;
}

.footer-menu ul li:first-child{
	padding-left: 0;
}

.footer-menu ul li:last-child{
	padding-right: 0;
}

.footer-menu ul li a{
	font: normal 1em markpro;
	color: #ccc;
}

/*FOOTER*/

/*WHAT IS HOSTING*/

.hostinq-page{
	background: #fff;
	padding: 96px 0;
	position: relative;
}

.whatis-service{
	height: 30vh;
	background: #005FF9;
	justify-content: center;
	align-items: center;
	padding: 48px 0;
}

.site-page::before,
.dom-page::before,
.hostinq-page::before{
content: '';
    position: absolute;
    background: url(img/svg/waves/e.svg);
    width: 100%;
    height: 155px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 999;
}

.site-page::before{
	background: url(img/svg/waves/c.svg);
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

.hostinq-puncts,
.wi-content{
	height: auto;
	width: 83vw;
	justify-content: center;
	align-items: center;
}

.wi-content p{
	color: #69717C;
	flex: 2;
	font: normal 1.25em markpro;
	line-height: 150%;
}

.wi-content span{
	font: normal 1em markproMedium;
	color: #101010;
}

.wi-content h1{
	color: #181818;
	flex: 2;
}

.buy-service{
	width: fit-content;
    align-items: center;
    padding: 16px 32px;
    border: solid 2px #161616;
    border-radius: 6px;
    margin: 12px 0;
	transition: .7s;

}

.buy-service:hover{
	background: #005FF9;
	transition: .7s;
	cursor: pointer;
	border: solid 2px #fff;
}

.buy-service:hover a,
.buy-service:hover i{
	color: #fff;
}

.buy-service a{
	font: normal 1.125em markpro;
}

.buy-service i{
	font-size: 1.125em;
	padding: 0 6px;
}

.whatis-service h1{
	color: #fff;
	flex: 3;
}

.whatis-service p{
	color: #fff;
	flex: 2;
	font: normal 1.25em markpro;
	line-height: 150%;
	justify-content: flex-end;
}

.service-info{
	height: max-content;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.hostinq-puncts{
	flex-wrap: wrap;
	justify-content: space-between;
}

.punct-one,
.punct-img{
	flex: 1;
}

.punct-img img{
	width: 100%;
}

.punct-one{
	min-width: 30vw;
}

.punct-one:nth-child(odd){
	padding-right: 6em;
}

.punct-info{
	flex-direction: column;
	flex: 4;
	padding: 24px;
}

.punct-info h1{
	font: normal 2.25em markproMedium;
	color: #181818;
}

.punct-info p{
	font: normal 1.25em markpro;
	color: #69717C;
	line-height: 150%;
}

/*WHAT IS HOSTING*/

/*WHAT IS DOMAÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°N*/

.whatis-service{
	background: #E9F1FF;
	flex-direction: column;
	height: max-content;
}

.hostinq-puncts{
	padding: 48px 0;
}

.whatis-service h1{
	color: #181818;
}

.whatis-service p{
	color: #69717C;
}

.punct-one h1{
	width: 100%;
}

.hostarex-domain{
	flex-direction: column;
	position: relative;
}

.hostarex-domain h3,
.hostarex-domain h2{
	font: normal 1.25em markpro;
	color: #69717C;
	text-transform: uppercase;
}

.hostarex-domain h3{
	color: #181818;
}

.dom-page {
    background: #FAFBFF;
    position: relative;
    height: 155px;
}

/*WHAT IS SSL*/

.ssl{
	background: #FCDB6E;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
}

.ssl-content{
    align-items: flex-start;
    flex: 1;
    width: 65vw;
}

.ssl-content div{
	flex-direction: column;
}

.ssl-content div:nth-child(1){
	flex: 2;
}

.ssl-content div:nth-child(2){
	justify-content: center;
	align-items: center;
	flex: 1;
}

.ssl-content h1{
	width: 90%;
}

.wi-content{
	padding: 24px 0;
}

.as-ssl::before{
	content: '';
    position: absolute;
    background: url(img/svg/waves/i.svg);
    width: 100%;
    height: 240px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 999;
}

/*WHAT IS SSL*/

/*PARTNER FORM*/

.partner-companies{
    justify-content: center;
}

.register{
	justify-content: center;
	align-items: center;
}

.register-form,
.partner-image{
	flex: 1;
}

.partner-image img{
	width: 100%;
}

.register-form h1{
	font: normal 4em markproBold;
	margin-bottom: 0;
}

.register-form h2{
	font: normal 1.125em markpro;
	line-height: 150%;
}

.register-form h3{
	font: normal 1em markpro;
	color: #005FF9;
}

.register-form label{
	display: flex;
	font: normal 1em markpro;
	color: #69717C;
	margin: 24px 0 12px 0;
}

.register-form input{
	border: solid 2px #005FF9;
	border-radius: 6px;
	padding: 24px;
	width: 60%;
}

::placeholder {
  	font: normal 1em markpro;
	color: #69717C;
	opacity: .5;
}

.register-form input,
.register-form{
	display: flex;
	flex-direction: column;
}

.register-content{
	width: 85vw;
}

form > div {
  position: relative;
  background: white;
  flex-direction: column;
}

form > div > input[type="text"]:focus,
form > div > input[type="email"]:focus,
form > div > input[type="password"]:focus {
  outline: 0;
}

form > div > input[type="text"]:focus + label,
form > div > input[type="email"]:focus + label,
form > div > input[type="password"]:focus + label {
  opacity: 0;
}

form > div > input[type="text"]:valid,
form > div > input[type="email"]:valid,
form > div > input[type="password"]:valid {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/check.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 20px 20px;
}

form > div > input[type="text"]:valid + label,
form > div > input[type="email"]:valid + label,
form > div > input[type="password"]:valid + label {
  opacity: 0;
}

form > div > input[type="text"]:invalid:not(:focus):not(:placeholder-shown),
form > div > input[type="email"]:invalid:not(:focus):not(:placeholder-shown),
form > div > input[type="password"]:invalid:not(:focus):not(:placeholder-shown) {
  background: pink;
}

form > div > input[type="text"]:invalid:not(:focus):not(:placeholder-shown) + label,
form > div > input[type="email"]:invalid:not(:focus):not(:placeholder-shown) + label,
form > div > input[type="password"]:invalid:not(:focus):not(:placeholder-shown) + label {
  opacity: 0;
}

form > div > input[type="text"]:invalid:focus:not(:placeholder-shown) ~ .requirements,
form > div > input[type="email"]:invalid:focus:not(:placeholder-shown) ~ .requirements,
form > div > input[type="password"]:invalid:focus:not(:placeholder-shown) ~ .requirements {
  max-height: 200px;
  padding: 24px 0;
}

form > div .requirements {
  color: #69717C;
  max-height: 0;
  -webkit-transition: 0.28s;
  transition: 0.28s;
  overflow: hidden;
  color: red;
  font-style: italic;
}

form input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font: normal 1.5em markproMedium;
	background: #005FF9;
	justify-content: center;
	align-items: center;
	color: #fff;	
	transition: .5s;
	margin: 24px 0;
	width: 300px;	
    padding: 12px;
}

form input[type=submit]:hover{
	cursor: pointer;
	background: #0036f9;
	transition: .5s;
}

/*PARTNER FORM*/

/*SITE*/

.site-result{
	background: #DDE9FD;
}

.result-image img{
	width: 100%!important;
}

.result-info p{
	width: 80%;
}

.site{
	justify-content: center;
	align-items: center;
}

.site-image{
	max-height: 40vh;
	height: 40vh;
	border-radius: 12px;
	background: url(img/saytqur.svg) center center;
	background-size: cover;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 5vh 0;
	box-shadow: 0px 10px 21px rgba(38, 162, 251, 0.1);
	background-repeat: no-repeat;
}

.site-image img{
	width: 100%;
}

.site-image h1{
	width: 90%;
	font: normal 3em markproBold;
	color: #101010;
	margin: 12px 0;
}

.site-cap h1{
	font: normal 3em markproBold;
	margin: 0;
}

.site-image h2,
.site-cap h2{
	font: normal 1.125em markpro;
	line-height: 150%;
	color: #69717C;
}

.site-image h2{
	width: 90%;
}

.site-content{
	width: 85vw;
}

.site-cap,
.site-content{
	flex-direction: column;
	justify-content: center;
}

.site-packs{
	height: 20vh;
	justify-content: center;
	align-items: center;
	margin: 10vh 0;
}

.site-packs-con{
	width: 85vw;
	background: #0036f9;
	border-radius: 12px;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.site-packs-con div{
	justify-content: space-around;
	align-items: center;
	height: 100%;
	width: 55%;
}

.site-packs h2{
	font: normal 2em markproBold;
	color: #fff;
}

.site-packs a{
	font: normal 1.25em markproMedium;
	background: #fff;
	border-radius: 6px;
	padding: 0 48px;
	height: 40%;
	justify-content: center;
	align-items: center;
	display: flex;
}

/*SITE*/

/*ABOUT TEAM*/

.hostarex-team{
	width: 100%;
	height: 70vh;
	position: relative;
}

.hostarex-team img{
	width: 100%;
	object-fit: cover;
}

.hostarex-about{
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.wi-hostarex{
	width: 85vw;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 96px 0;
}

.wi-hostarex p{
	font: normal 1.25em markproMedium;
    color: #0036f9;
    text-transform: uppercase;
    margin: 0;
}

.wi-hostarex h1{
	font: normal 4em markproBold;
    color: #181818;
    width: 60%;
    text-align: center;
    margin: 24px 0;
}

.hostarex-info{
	flex-direction: column;
}

.hostarex-info h1{
	font: normal 2em markproBold;
    color: #0036f9;
    margin: 12px 0;
}

.hostarex-info p{
	font: normal 1.25em markpro;
	line-height: 150%;
    color: #69717C;
}

.hostarex-info a{
	font: normal 1.25em markproMedium;
	letter-spacing: 0.5px;
}

.info{
	width: 85vw;
	padding: 48px 0;
	align-items: center;
}

.info div{
	flex: 1;
}

.info-image{	
	justify-content: center;
	align-items: center;
}

.info div img{
	width: 60%;
}

.team-members{
	width: 100%;
	height: 120vh;
	align-items: center;
	justify-content: center;
	background: radial-gradient(#3A3D43, #232429);
	color: #fff;
}

.member-one{
	flex-direction: column;
}

.member-pic{
	width: 306px;
	height: 306px;
	border-radius: 24px 24px 24px 0;
	background: #fff;
}

.member-pic img{
	width: 100%;
	object-fit: cover;
	border-radius: 24px 24px 24px 0;
}

.member-one h1{
	margin: 12px 0;
	font: normal 1.5em markproMedium;
}

.member-one p{
	margin: 0;
	font: normal 1.25em markpro;
}

.member-one span{
	color: #69717C;
}

.member-one i{
	font-size: 1.125em;
	color: #69717C;
	padding: 12px;
}

.member-one i:first-child{
	padding-left: 0;
}

.member-one i:hover{
	color: #fff;
	cursor: pointer;
	transition: .5s;
}

.rows{
	width: 85vw;
	flex-direction: column;
}

.row{
	width: 65vw;
	height: max-content;
	justify-content: space-between;
	margin: 48px 0;
}

.rowt{
    align-self: flex-end;
}

.slogan{
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #DDE9FD;
}

.slogan-content{
	width: 65vw;
	height: max-content;
	padding: 48px 0;
}

.slogan-content div{
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.slogan-content div img{
	width: 50%;
	align-self: flex-end;
}

.slogan-content p{
	font: normal 1.25em markpro;
	line-height: 150%;
}

.slogan-content p:last-child{
	color: #69717C;
}

.slogan-content p:first-child{
	font: normal 3em markproMedium;
	color: #181818;
}

.slogan-content-two{
	padding: 96px 0;
	width: 85vw;
}

.slogan-content-two div{
	border-radius: 24px;
}

.sct-image{
	width: 50%;
	/* width: 567px; */
	/* height: 670px; */
	position: relative;
	border-radius: 24px;
}

.sct-image img{
	width: 100%;
	object-fit: cover;
	border-radius: 24px;
}

.sct-content{
	flex-direction: column;
	width: 50%;
	padding: 48px;
	align-self: center;
}

.sct-content p{
	font: normal 1.25em markpro;
	line-height: 150%;
	color: #69717C;
}

/*ABOUT TEAM*/

/*TVS*/

.tvs {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 83vw;
  align-self: center;
}

.tab-one {
  cursor: pointer;
  z-index: 1;
  border: solid 2px #69717C;
  border-radius: 6px;
  height: 50px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font: normal 1em markpro;
  color: #69717C;
  margin-left: 24px;
  padding: 36px;
  opacity: .7;
}

.tab-one p{
	padding: 12px 24px;
}

.tab-one img{
	width: 20%;
	padding: 12px;
}

.tab-one:first-of-type {
  margin-left: 0;
}

.tvs-content {
  width: 100%;
  margin-top: -1px;
  padding: 1em;
  -webkit-order: 1;
  order: 1;
}

.tvs input[type=radio], .tvs-content {
  display: none;
}

.tvs input[type=radio]:checked + .tab-one {
  border: solid 2px  #005FF9;
  color: #005FF9;
  font: normal 1.125em markproMedium;
  opacity: 1;
}

.tvs input[type=radio]:checked + .tab-one + .tvs-content {
  display: block;
}

.tvs-container {
  margin: 0 auto;
  padding: 4rem;
  width: 48rem;
}

.tvs-container,
.accordion,
.accordion-item{
	flex-direction: column;
  font-family: markpro;
}

.accordion-content{
	line-height: 150%;
}

.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded='true'] {
  border-bottom: 1px solid #005FF9;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #005FF9;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #005FF9;
  border: 1px solid #005FF9;
}
.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0px;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 10px;
  left: 6px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 6px;
  left: 10px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded='true'] {
  color: #005FF9;
}
.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
  max-height: 15em;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: opacity 200ms linear, max-height 200ms linear;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
}



/*TVS*/

/*BRAND*/
.brand{
	align-self: center;
	justify-content: flex-end;
	width: 90%;
	height: 7vh;
	align-items: center;
}

.brand-button{
	border: solid 2px #69717C;
	border-radius: 6px;
	padding: 6px 12px;
	display: flex;
	align-items: center;
}

.brand-profile i:hover,
.brand-button:hover{
	border-color: #101010;
	color: #101010;
	transition: .3s;
	cursor: pointer;
}

.brand-profile i{
	color: #69717C;
	font-size: 1.125em;
	padding: 0 12px;
	background: transparent;
}

.brand-button,
.about-company,
.instagram-follower{
	font: normal 1em markpro;
	color: #69717C;
	align-items: center;
}
.about-company a,
.instagram-follower a{
	margin-top: 0;
	padding: 0 24px;
}

/*BRAND*/

/*BACK TO TOP BUTTON*/

#button {
  display: inline-block;
  background-color: #F6D157;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 100px;
  right: 20px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
}
#button i {
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/*AFFILIATE*/

.affiliate{
	flex-direction: column;
}

.aff-main::before{
	background: none;
}

.aff-main{	
	height: auto;
}

.aff-text{
	width: 85vw;
	flex-direction: column;
	height: 50vh;
	background: url(img/server-aff.webp) center right;
	background-repeat: no-repeat;
	background-size: contain;
	justify-content: center;
}

.aff-how{
	width: 85vw;
	justify-content: space-between;
	margin: 5vh 0;
}

.aff-one{
	flex-direction: column;
	justify-content: flex-end;
}

.aff-one p:first-child{
	font: normal 1.125em markpro;
	color: #69717C;
	margin: 0;
	width: 60%;
}

.aff-one p:last-child{
	font: normal 1.5em markproMedium;
	color: #101010;
	width: 80%;
}

.aff-links{
	width: 100%;
	justify-content: center;
	align-items: center;
	margin: 15vh 0;
}

.aff-links-con{
	width: 64vw;
	flex-direction: column;
}

.aff-links h2{
	font: normal 2em markproMedium;
	color: #101010;
	width: 50%;
}

.all-links{
	flex-wrap: wrap;
	justify-content: space-between;
}

.link-one{
	margin: 2vh 0;
	box-shadow: 0 0 12px rgba(38, 162, 251, 0.15);
	width: 20vw;
	padding: 24px;
	flex-direction: column;
	border-radius: 6px;
}

.start-one-con p:first-child,
.link-one p:first-child{
	font: normal 1.5em markproMedium;
	color: #101010;
	width: 90%;
}

.start-one-con p:last-child,
.link-one p:last-child{
	font: normal 1.125em markpro;
	color: #69717C;
}

.caption-banner{
	width: 100%;
	height: 20vh;
	background: url(img/blog/a.webp) center center;
	background-size: cover;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.caption-banner p{
	font: normal 2em markproMedium;
	color: #101010;
	margin: 0;
}

.aff-disc{
	justify-content: flex-start;
}

.disc-one{
	margin: 2vh;
}

.disc-one:first-child{
	margin-left: 0;
}

.aff-start{
	width: 100%;
	justify-content: center;
	align-items: center;
}

.aff-start-con{
	width: 65vw;
	margin-top: 15vh;
	flex-wrap: wrap;
	justify-content: space-around;
}

.start-one{
	margin: 2vh 0;
	justify-content: center;
}

.start-one img{
	width: 20%;
	object-fit: contain;
	margin: 2vw;
}

.start-one-con{
	box-shadow: 0 0 12px rgba(252, 219, 110, 0.30);
	width: 20vw;
	padding: 24px;
	flex-direction: column;
	border-radius: 6px;
}



/*AFFILIATE*/

/*BACK TO TOP BUTTON*/

.read-more-state{
	 display: none;
}

@media only screen and (max-width: 1920px) {
	.domain-list {
	    width: 67vw;
	}

	.team-members{
		height: 120vh;
	}

	.post-one{
		height: auto;
	}

	.hostarex-instagram {
	    height: max-content;
	}

	header{
		padding: 12px 0;
	}

	.mask{
		width: 60%;
	}

	.swiper-button-next,
	.swiper-button-prev{
		display: none!important;
	}
}

@media only screen and (max-width: 1440px) {
	.logo img {
	    width: 50%;
	}

	nav{
		flex: 2;
	}

	header{
		height: 12vh;
	}

	nav ul.web-ul li{
		padding: 0 24px;
	}

	nav ul.web-ul li a{
		font-size: 1em;
	}

	.post-one{
	    height: auto;
	}

	.host-container {
	    width: 95vw;
	}

	.host-slide{
		width: 24vw;
	}

	.domain-list {
	    width: 90vw;
	    justify-content: space-between;
	}

	.domain-one{
		width: 280px;
		height: 280px;
	}

	.as-content {
    	width: 95vw;
    }

	.subheader{
		width: 60%;
	}

	.member-pic{
		width: 280px;
		height: 280px;
	}

	.member-one h1{
		font-size: 1.25em;
	}

	.member-one p{
		font-size: 1em;
	}

	.slogan-content p:first-child{
		font-size: 2.5em;
		flex: 1;
	}

	.slogan-content div{
		flex: 1.5;
	}

	.team-members{
		height: max-content;
		padding: 96px 0;
	}

	.hostarex-web{
		height: max-content;
	}

	.blog-content,
	.blog-details {
	    width: 85vw;
	}

	.all-blogs > a{
		min-height: 50vh;
	}

	.punct-img{ 
		align-items: center
	}

	.companies-content {
	    width: 75vw;
	}

	.hostarex-support > div{
		background-size: 50%;
	}

	.hostarex-support{
		padding: 48px 0;
	}

	.service-one h1,
	.punct-info h1{
		font-size: 1.75em;
	}

	.ssl-content,
	.breadcrumb{
		width: 85vw;
	}

	.register-con-cap div{
		width: 70%;
	}

	.register-con-cap h2 {
	    font-size: 1em;
	}

	.site-packs-con div{
		width: 75%;
	}

	.web-content div:first-child {
	    width: 100%;
	}

	.web-content div:last-child {
	    width: 35%;
	}

	.logo-mini img {
	    width: 20%!important;
	}

	.more-hosting > div {
    	width: 75vw;
	}

	.banner-content {
    	flex: 2;
	}

	.aff-text a:last-child {
    	margin-left: 36px;
	}

	.aff-one p:first-child{
		width: 90%;
	}

	.aff-one{
		justify-content: space-between;
	}

	.aff-start-con,
	.aff-links-con {
    	width: 75vw;
	}

	.start-one-con,
	.link-one {
	    width: 23vw;
	}

	.vps-group{
		width: 50vw;
	}

    .vps-sec-con {
    	width: 95vw;
	}
}

@media only screen and (max-width: 1024px) {

	.logo img {
	    width: 90%;
	}

	.cta-buttons{
		flex-direction: column;
	}

	.head-image{
		display: none;
	}

	.aff-text a:last-child{
    	background: #fff;
		margin-left: 0;
	}
	
	.host-container {
	    width: 95vw;
	}

	.punct-one:nth-child(odd) {
	    padding-right: 0;
	}

	.punct-one {
	    min-width: 50vw;
	}

	.wi-content h1{
		flex: 2;
	}

	.services {
    	flex-wrap: wrap;
    }

    .support-content {
	    width: 55%;
	}

	.footer-content{
		flex-direction: column;
	}

	.member-pic {
	    width: 200px;
	    height: 200px;
	}

	.slogan-content-two,
	.slogan-content,
	.row{
		width: 75vw;
	}

	.slogan-content-two{
		flex-direction: column;
	}

	.slogan-content p:first-child {
	    font-size: 2em;
	}

	.blog-details {
	    width: 95vw;
	}

	.host-slide{
		width: 35vw;
		margin-bottom: 5vh;
	}

	.breadcrumb{
		width: 95vw;
	}

	.register-con-cap div{
		width: 60%;
	}

	.site-packs-con{
		width: 90vw;
	}

	.site-packs-con div{
		width: 95%;
	}

	.result-info p{
	    width: 95%;
	}

	.aff-text h1{
		width: 50%;
		line-height: 125%;
	}

	.aff-text{
		height: 70vh;
	}

	.aff-how {
	    width: 95vw;
	}

	.aff-one {
    	padding-left: 24px;
	}

	.aff-links{
		margin: 5vh 0;
	}

	.aff-links-con {
	    width: 90vw;
	}

	.link-one{
		width: 42vw;
	}

	.aff-start-con {
    	width: 90vw;
    }

    .start-one-con{
    	width: 27vw;
    }

    .service-one{
    	width: 45vw;
    	flex: unset;
    }

    .hostarex-support > div{
    	width: 80vw;
    	background-size: 40%;
    }

    .vps-group{
    	width: 70vw;
    }

    .vps-pack {
    	width: 33%;
	}

	.swiper-button-next,
	.swiper-button-prev{
		display: block;
	}

	.web-ul{
		display: none;
	}

	#burger{
		display: flex;
	}

	nav {
	    flex: 1;
	    justify-content: flex-end;
	    align-items: center;
	}

}


@media only screen and (min-width: 772px) {

	.type-two,
	.type-three,
	.type-four
	{
		min-width: 20%;
		max-width: 25%;
	}
}

@media only screen and (max-width: 768px) {

	body{
		overflow-x: hidden;
	}

	.hostarex-domain > div, 
	.hostarex-hostinq > div,
	.aff-text,
	.as-content{
		width: 95vw;
	}



	.head-text{
		width: 100%;
	}

	.banner{
		display: none;
	}

	.mobile-banner{
	    display: flex;
	    height: fit-content;
	    padding: 24px;
	    width: 85vw!important;
	    min-height: 30vh;
	}

	.mobil-ul{
		display: flex;
	}

	.header-content{
		width: 90vw;
	}

	.logo{
		flex: unset;
		width: 50%;
		transition: .5s;
	    z-index: 999999;
	}

	.logo a img{
		width: 80%;
	}

	.logo-mobile{
		padding: 0 24px;
		z-index: 999999;
	}

	.scroll{
		position: relative;
		overflow: hidden;
	}

	.close div{
		background: #181818;

	}

	.list{
		display: flex;
		flex-wrap: wrap;
	    justify-content: space-evenly;
	    height: max-content;
	}

	.list li{
		display: flex;
		height: 10vh;
		align-items: center;
	    width: 45%;
	    justify-content: center;
		padding: 0;
	    border-radius: 6px;
	    margin: 12px 0;
	    transition: 1s;
	}

	.list > li:nth-child(1){		
	    background: linear-gradient(to right, #516395, #614385);
	}

	.list > li:nth-child(2){		
	    background: linear-gradient(to right, #f45c43, #eb3349);
	}

	.list > li:nth-child(3){		
	    background: linear-gradient(to right,  #ffc371, #ff5f6d );
	}

	.list > li:nth-child(4){		
	    background: linear-gradient(to right,  #243b55, #141e30);
	}

	.mobile-ul i{
		font-size: 1.5em;
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
	}

	.fa-facebook-messenger{
		background: linear-gradient(to top, #0078FF, #00C6FF);
	}

	.fa-linkedin-in{
		background: linear-gradient(to top, #2867B2, #2867B1);
	}

	.fa-instagram{  
		background: #f09433; 
		background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
		background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
		background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
	}

	.fa-telegram-plane{
		background: linear-gradient(to top, #0088cc, #0088cc);
	}

	.member-one i{
		background: transparent;
	}

	.list li a{
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
		color: #181818;
		font: normal 1.125em markproMedium;
	    justify-content: center;
	    color: #fff;
	}

	.list li:nth-child(5){
		height: 10vh;
		background: rgb(0,95,249);
		background: linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(0,95,249,1) 100%);
		border: 0;
	}

	.list li:nth-child(6){
		height: 10vh;
		background: rgb(0,95,249);
		background: linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(0,95,249,1) 100%);
		border: 0;
	}


/*
	.list li:nth-child(7){
		height: 10vh;
		background: rgb(0,95,249);
		background: linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(0,95,249,1) 100%);
		border: 0;
	}

	.list li:nth-child(8){
		height: 10vh;
		background: rgb(0,95,249);
		background: linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(0,95,249,1) 100%);
		border: 0;
	}

	.list li:nth-child(9){
		width: 75%;
		height: 5vh;
	}*/

	.list li:nth-child(8){
		width: 75%;
		height: 5vh; 
		flex-direction: column;
	}

	.list li:nth-child(8) a{
		color: #000!important;
	}

	.list li:nth-child(8) p,
	.list li:nth-child(7) p{
		font: normal 1.125em markpro;
		margin: 6px 0;
		color: #000!important;
	}

	.menu-opened{
	    height: 100vh;
	    width: 100%;
	    background: #E9F1FF;
	    position: absolute;
	    z-index: 99999;
	    overflow: hidden;
	    flex-direction: column;
	    justify-content: flex-start;
	    align-items: flex-end;
		transition: 0.3s;
		left: 0;
	}

	.menu-opened .topBar {
	  -webkit-transform: translateY(0px) rotate(45deg);
	          transform: translateY(0px) rotate(45deg);
	}
	.menu-opened .btmBar {
	  -webkit-transform: translateY(-12px) rotate(-45deg);
	          transform: translateY(-12px) rotate(-45deg);
	}

	.more-info{
		border: none;
		background: none!important;
		margin-left: 0!important;
	}

	.cta-buttons{
		flex-direction: row;
	}

	.mobile-cta a {
	    margin: 24px 24px 24px 0;
	    align-items: center;
	    display: flex;
	    box-sizing: border-box;
	    justify-content: center;
	}

	header {
	    padding: 0;
	}

	.aff-text,
	.head-text{
		height: max-content;
		padding: 48px 0;
		background-position: top right;
	}

	.head-text h1 {
	    font: normal 2em markproBold;
	    width: 50%;
	    margin: 0;
	    line-height: 150%;
	}

	.hostarex-main{
		max-height: 50vh;
		justify-content: center;
	}

	.hostarex-main::before{
		height: 90px;
	}

	.hostarex-domain h1, 
	.hostarex-hostinq h1{
		font-size: 2em;
	}

	.subheader {
	    font-size: 1em;
	    width: 100%;
	    margin: 24px 0;
	}

	.host-wrapper{
		width: 100%;
	    justify-content: space-around;
	    align-items: center;
	}
	
	.host-container {
	    width: 55vw;
	}

	.host-slide{
		width: 40%;
	}

	.more-hosting > div {
	    width: 95vw;
	    flex-direction: column;
	    padding-left: 0;
	    height: 100%;
	    background: transparent;
	    justify-content: center;
	    z-index: 99;
	    align-items: center;
	}

	.more-hosting::after {
	    content: "";
	    background: url(img/shape.png) center no-repeat;
	    background-size: contain;
	    opacity: 0.1;
	    width: 100%;
	    height: inherit;
	    position: absolute;
	    z-index: 5;
	}

	.info{
		width: 90vw;
    	flex-direction: column;
	}

	.web-content{
		background: transparent;
	}

	.web-svg::before{
		height: 100px;
	}

	.logo-list{
		flex-direction: column;		
    	align-items: center;
    	justify-content: space-between;
	}

	.register-con-cap h2, 
	.companies-content h2{
		font-size: 1.5em;
	}

	.register-con-cap div{
		width: 100%;
	}

	.register-con-cap div a{
		font-size: 1em;
	}

	.companies-content{
		align-items: center;
		padding: 3em;
	}

	.company-one{
		margin: 2vh 0;
	}

	.domain-list {
	    width: 95vw;
	    flex-wrap: wrap;
	    justify-content: space-around;
	}

	.swiper-button-next,
	.swiper-button-prev{
		outline: 0;
	}

	.hostarex-domain > div{
		padding: 0;
	}

	.wi-content{
		flex-direction: column;
	}

	.wi-content h1{
		width: 100%;
	}

	.web-content {
	    width: 95vw;
	    max-height: max-content;
	    flex-direction: column;
	    align-items: center;
	}

	.web-content div{
		width: 90%!important;
	}

	.hostarex-web p {
	    font: normal 1em markpro;
	    line-height: 150%;
	    width: 100%;
	}

	.logo-mini img {
	    width: 50%!important;
	}

	.more-hosting h1 {
	    font: normal 1.5em markproMedium;
	    color: #101010;
	    line-height: 150%;
	    width: 80%;
	    text-align: center;
	}

	.as-content > h1 {
	    font: normal 2em markproMedium;
	    margin: 0;
	    margin: 24px 12px;
	}

	.as-content{
    	padding: 2em 0 10em 0;
	}

	.all-blogs{
		flex-wrap: wrap;
	}

	.blog-one div{
		padding: 24px;
	}

	.type-four{
		min-height: 300px;
		justify-content: center;
	}

	.type-four p{
		margin: 12px 0;
	}

	.type-two img {
	    max-height: 250px;
	}

	.type-two,
	.type-three,
	.type-four
	{
		min-width: 33%;
		max-width: 33%;
	}

	.services{
		align-items: stretch;
	}

	.hostarex-support{
		flex-direction: column;
	}

	.hostarex-support > div{
		background: transparent;
		flex-direction: column;
		padding: 24px 0;
	}

	.hostarex-support::after {
	    content: "";
	    background: url(img/svg/support/support-b.svg) center no-repeat;
	    opacity: 1;
	    width: 100%;
	    height: 60vh;
	    padding: 48px 0;
	    position: relative;
	    background-size: 70%;
	    z-index: 5;
	}

	.support-content {
	    width: 100%;
	    z-index: 99;
	    align-items: center;
	}

	.support-content h1{
	    text-align: center;
	}

	.hostarex-instagram {
	    height: max-content;
	}

	.insta-content {
	    align-items: center;
	    width: 95vw;
	}

	.insta-content a:first-child{
		align-self: flex-end;
	}

	.posts{
		flex-wrap: wrap;
		padding: 24px 0;
		flex-direction: row;
	}

	.post-one {
	    height: auto;
	    border-radius: 0;
	}

	.post-one:nth-child(2){
		margin: 0 4px;
	}

	.footer-contact{
	    padding: 24px;
	}

	.footer-content {
	    width: 95vw;
	    height: max-content;
	    flex-direction: column;
	}

	.footer-nom{
		padding: 0 24px;
	}

	.footer-menu ul{
		margin-top: 0;
	}

	.footer-menu ul li{
		float: initial;
	}

	.footer-menu ul li:first-child{
		padding-left: 24px;
	}

	.insta-content a {
	    padding: 16px;
	}

	/*HOSTING PAGE*/

	.wi-content{
		flex-direction: column;
	}

	.wi-content h1{
		font-size: 2.25em;
		width: 100%;
	}

	.whatis-service p{
		font-size: 1em;
	}

	.register-form h1{
		font-size: 2em;
	}

	.sct-image,
	.sct-content{
		width: 100%;
		max-width: 100%;
	}

	.slogan-content-two, 
	.slogan-content, 
	.row{
		width: 70%;
	}

	.blog-details {
	    flex-direction: column;
	}

	.content-one {
	    padding: 24px 12px;
	}

	.content-one h1{
		font-size: 1.25em;
    	max-width: 100%;
	}

	.content-text{
		font-size: 1em;
		height: 150%;
    	max-width: 100%;
	}

	.wi-content h1 {
	    padding: 0;
	}

	.tvs-container,
	.tvs-content {
	    margin: 0 auto;
	    width: 90vw;
	    padding: 0;
	}

	.accordion button .accordion-title{
		font-size: 1.125rem;
	}

	.accordion-item{
		width: 90%;
	}

	.tvs-container h2{
		font-size: 1rem;
	}

	.accordion button[aria-expanded='true'] + .accordion-content {
    	max-height: max-content;
    }

	.tab-one{
		margin-left: 0;
		flex: auto;
		margin: 2vh;
	}

	.accordion button .icon{
		display: none;
	}

	.host-wrapper{
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.host-pack:nth-child(2){
		border-right: solid 1px #d2d2d2;
		border-left: solid 1px #d2d2d2;
		border-top: 0;
		border-bottom: 0;
	}

	.read-more-target {
	  opacity: 0;
	  max-height: 0;
	  transition: .25s ease;
	  font: normal 1em markpro;
	}

	.read-more-state:checked ~ .read-more-wrap .read-more-target {
	  opacity: 1;
	  font-size: inherit;
	  min-height: max-content;
	  max-height: 999em;
	}

	.read-more-state ~ .read-more-trigger:before {
	  content: 'Detallarla tanış ol';
	  font: normal 1em markpro;
		color: #005FF9;
	}

	.read-more-state:checked ~ .read-more-trigger:before {
	  content: 'Detalları bağla';
	  font: normal 1em markpro;
		color: #69717C;
	}

	.related-for{
		background: #E9F1FF;
	}

	.related-for p{
		opacity: 1;
		color: #101010;
	}

	.host-container{
		flex-direction: column;
	}

	.web-content .cta-button{
		align-self: center;
	}

	.ssl-content{
		flex-direction: column;
		width: 85vw;
	}

	.ssl-content img{
		width: 80%;
	}

	.ssl-content h1{
		font-size: 2.25em;
		width: 95%;
	}

	.ssl-content p{
		font-size: 1.125em;
		width: 95%;
	}

	.site-image{
		max-height: none;
		height: auto;
	}

	.site-image h1{
		font-size: 2em;
	}

	.info div img {
	    width: 100%;
	}

	.tab-one:first-of-type {
	    margin-left: 4vw;
	}

	.aff-main{
		max-height: unset;
	}

	.aff-text h1{
		font-size: 3em;
	}

	.aff-how{
		flex-direction: column;
	}

	.aff-one{
		padding-left: 0;
		margin: 2vh 0;
	}

	.caption-banner p{
		width: 80%;
	}

	.link-one {
	    width: 40vw;
	}

	.aff-start-con{
		margin: 5vh 0;
	}

	.start-one-con {
	    width: 55vw;
	}

	.service-one {
	    width: 43vw;
	    padding: 36px;
	}

	.web-content div:last-child {
	    justify-content: center;
	}

	.vps-group {
	    width: 90vw;
	}

	.vps-pack{
		width: 100%;
	}

	.swiper-wrapper {
	    justify-content: unset;
	}
}


@media only screen and (max-width: 425px) {

	.hm-content{
		top: 0;
	}

	.mobile-cta a{
		font-size: 1.125em;
		margin: 0;
	}

	.aff-text a:last-child{
	    margin-left: 24px;
	}

	.whatis-service {
		padding: 48px 0;
		height: max-content;
	}

	.wi-content h1{
		font-size: 2em;
		width: 100%;
	}

	.aff-text,
	.head-text {
	    background: none;
	    padding: 0;
	}

	.head-text p {
	    width: 80%;
	}

	.punct-one{
		flex-direction: column;
	}

	.punct-one, 
	.punct-img{
		justify-content: center;
	}

	.punct-img img{
		width: 50%;
	}

	.punct-info p,
	.wi-content p{
		font-size: 1em;
	}

	.punct-info h1{
		font-size: 2em;
	}

	.hostinq-puncts {
	    height: auto;
	    width: 95vw;
	}

	.wi-content {		
	    width: 90vw;
	}

	.services {
	    justify-content: center;
	}

	.service-one {
	    width: auto;
	    flex: 1;
	}

	.register-content{
		flex-direction: column;
	}

	.register-form input{
		width: 71vw;
	}

	form input[type="submit"]{
		width: 100%;
	}

	.slogan-content-two, 
	.slogan-content, 
	.row{
	    flex-direction: column;
	    margin: 0;
	    width: 90%;
	    padding: 24px 0;
	}
	.slogan-content div,
	.slogan-content{
		align-items: center;
	}

	.slogan-content p{
		width: 90%;
	}

	.team-members{
		height: max-content;
		padding: 96px 0;
	}

	.member-pic {
	    width: 300px;
	    height: 300px;
	}

	.member-one{
		align-items: center;
		margin: 24px 0;
	}

	.wi-hostarex h1{
		font-size: 2em;
		width: 100%;
	}

	.sct-image,
	.hostarex-team{
		max-height: 40vh;
	}

	.info{
		flex-direction: column;
	}

	.slogan-content div img{
		align-self: center;
	}

	.sct-image{
		width: 90%;
	}

	.sct-content{
		padding: 48px 0;
		width: 90%;
	}

	.slogan-content-two{
		align-items: center;
	}

	.hostarex-instagram, 
	.all-services{
		padding: 0;
	}

	.hostarex-support::after{
		padding: 96px 0;
		height: auto;		
	}
	.logo img {
	    width: 40%;
	}

	.hostarex-main::before {
	    height: 70px;
	}

	.logo-mini img {
	    width: 70%!important;
	}

	.host-slide{
		width: 85%;
	}

	.host-wrapper{
		flex-direction: column;
	}

	.head-text h1 {
    	width: 90%;
    }

    .site-packs{
    	height: auto;
    }

    .site-packs-con{
    	width: 95vw;
    	flex-direction: column;
    	padding: 24px 0;
    }

    .site-packs-con div{
    	width: 100%;
    	flex-direction: column;
    }

    .site-packs a{
    	margin: 1vh 0;
    	padding: 24px 48px;
    }

    .hostarex-support p{
    	text-align: center;
    }

    .type-one,
    .type-two,
	.type-three,
	.type-four
	{
		min-width: 90%;
		max-width: 95%;
	}

	.all-blogs{
		justify-content: center;
	}

	.all-blogs > a{
		margin: 2em 0;
		min-height: 60vh;
	}

	.companies-content{
		padding: 2em;
		width: 90vw;
	}

	.register-con-cap div{
		flex-direction: column;
	}

	.link-one{
		width: 100%;
		flex: unset;
		margin: 2vh 0;
	}

	.aff-disc{
		flex-direction: column;
	}

	.aff-links h2{
		width: auto;
	}

	.caption-banner {
    	height: 40vh;
	}

	.vps-group {
	    width: 95vw;
	    flex-wrap: wrap;
	}

	.vps{
		flex: unset;
		width: 40%;
		margin: 10px;
	}

	.hm-content{
		width: 90vw;
	}
}

@media only screen and (max-width: 375px) {

	.hostarex-main{
		min-height: 80vh;
	}

    .cta-button{
    	font-size: 1em;
    	width: 200px;
    }

	.web-content div {
	    padding-top: 23px;
	}

	.hostarex-support,
	.hostarex-web {
	    height: max-content;
	}

	.footer-content p:nth-child(1),
	.hostarex-support h1,
	.as-content > h1{
		font-size: 1.5em;
	}

	.service-one {
	    width: 250px;
	}

	.hostarex-support p{
		text-align: center;
	}

	.insta-content a{
		margin: 0;
	}

	form input {
	    width: 40vw;
	}

	.hostarex-main::before {
	    height: 70px;
	}

	.mobile-banner{
		height: 45vh;
	}

}

@media only screen and (max-width: 320px) {
	.host-slide{
		width: 252px;
	}

	.hostarex-main::before {
	    height: 70px;
	    bottom: 0;
	}

	.menu-opened {
	    top: 14vh;	    
	}

	.mobile-banner{
		height: 40vh;
	}
} 
div#hostarex-content {
    flex-direction: column;
}

@media (max-width: 1024px) and (orientation: landscape) {

	.logo img {
	    width: 50%;
	}

	.hostarex-support h1,
	.more-hosting h1,
	.head-text h1, 
	.aff-text h1{
		font-size: 2em;
	}

	.hostarex-main{
		padding: 2em 0;
	}

	.cta-buttons{
		flex-direction: row;
	}

	.head-text .more-info{
		margin-left: 24px!important;
	}

	.host-wrapper {
	    flex-wrap: wrap;
	    justify-content: space-between;
	}

	.more-hosting > div{
		background-size: 50%

	}

	.register-con-cap div {
	    width: 100%;
	}

	.hostarex-web p{
		font-size: 1.125em;
	}

	.banner-content > div:nth-child(1){
		flex: 2;
	}

	.banner-content > div:nth-child(2){
		flex: 1;
		justify-content: center;
	}

}
