@charset "utf-8";
/* CSS Document */
 


body {
	margin: 0;
	padding: 0;
	background: #4e73f8;
}


html {
	scroll-behavior: smooth;
}
h1 {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	font-family: bold;
}

/*slider*/

#slider {
	width: 100%;
	height: 223px;
	float: left;
	background: #4e73f8;
	color: #fff;
	background-size: 50%;
	background-repeat: no-repeat;
	padding-top: 84px;
	padding-bottom: 114px;
}
#sildercenter {
	width: 1218px;
	height: 223px;
	margin: auto;
}
#sildercenter-in {
	width: 600px;
	height: 223px;
	float: left;
}
#text1 {
	width: 100%;
	height: 75px;
	color: #fff;
	float: left;
	font: 35px / 75px "Inter", sans-serif;
	text-transform: uppercase;
	font-weight:700;
}
#hadertext1 {
	width: 100%;
	height: 75px;
	color: #fff;
	float: left;
	font: 18px "Inter", sans-serif;
	line-height: 1.7em;
}
#support-chat {
	width: 100%;
	height: 50px;
	float: left;
	margin-top: 20px;
}
#support-phone {
	width: 160px;
	height: 50px;
	float: left;
}
#support-phone a {
	width: 160px;
	height: 46px;
	text-decoration: none;
	display: block;
	color: #000;
	text-align: center;
	font: 15px / 46px "Inter", sans-serif;
	text-transform: uppercase;
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 80px;
}
#support-phone a:hover {
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border: 2px solid #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
/*end*/



 #website-bottom1{width: 100%;
height: 30px;
	float: left;
	font-family: "Inter", sans-serif;
    font-size: 17px;
    line-height: 30px;
    color:#6d6d6d;
margin-top:1em;
}

#website-bottom2{width: 100%;
height: 30px;
	float: left;
	font-family: "Inter", sans-serif;
    font-size: 17px;
    line-height: 30px;
    color: #6d6d6d;
	margin-top:1.5em;

}

/*item-list*/


#table-basictextb {
	width: 300px;
	height: 120px;
	float: left;
}
#table-basictextb ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#table-basictextb li {
	width: 280px;
	height: 40px;
	font: 15px / 40px "Inter", sans-serif;
	color: #000;
	text-align: left;
	text-decoration: none;
	display: block;
	background: url(../image/SVG-Social/tick-gray.svg) 0px 13px no-repeat;
	padding-left: 20px;
	float: left;
}
#table-basictextb li a {
}
#table-basictextb li a:hover {
	color: #32363b;
}
/*end*/


#cloudvps {
	width: 100%;
	height: 440px;
	float: left;
	padding-top: 55px;
	padding-bottom: 50px;
	background: #f9f9f9;
}
#app1-box-in {
	width: 1218px;
	height: 440px;
	margin: auto;
}
#app1-box-top-text {
	width: 100%;
	height: 60px;
	float: left;
	font-family: bold;
	font-size: 30px;
	color: #000;
	text-align: center;
	line-height: 60px;
	text-transform: uppercase;
}
#box-top1 {
	width: 100%;
	height: 334px;
	float: left;
}
#box-top2 {
	width: 100%;
	height: 334px;
	float: left;
	margin-top: 40px;
}
#box-top3 {
	width: 100%;
	height: 334px;
	float: left;
	margin-top: 40px;
}
#app1-box-top-text1 {
	width: 315px;
	height: 270px;
	float: left;
	padding: 32px;
	background: #fff;
	border-radius: 24px;
}
#app1-box-top-text2 {
	width: 315px;
	height: 270px;
	float: left;
	padding: 32px;
	margin-left: 40px;
	background: #fff;
	border-radius: 24px;
}
#add1-text-left {
	width: 100%;
	height: 40px;
	float: left;
	font: 20px/40px "Inter", sans-serif;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	font-weight:700;
}
#add1-text-left1 {
	width: 100%;
	height: 53px;
	float: left;
	font: 13px/53px light;
	color: #000018;
	text-align: center;
}
#add1-text-right {
	width: 100%;
	height: 90px;
	float: left;
	font-family: "Inter", sans-serif;
	font-size: 15px;
	line-height: 26px;
	color: #000;
	text-align: center;
}
#app1-box-img-out {
	width: 100%;
	height: 78px;
	float: left;
}
#add1-img-right {
	width: 65px;
	height: 75px;
	margin: auto;
	background: url(../image/lock-ssl.svg) no-repeat center;
}
#img-certificatekeymatcher {
	width: 75px;
	height: 75px;
	margin: auto;
	background: url(../image/img-certificatekeymatcher.svg) no-repeat center;
}
#img-sslconvertor {
	width: 75px;
	height: 75px;
	margin: auto;
	background: url(../image/img-sslconvertor.svg) no-repeat center;
}
#img-generatecsr {
	width: 75px;
	height: 75px;
	margin: auto;
	background: url(../image/img-generatecsr.svg) no-repeat center;
}
#add1-img-right1 {
	width: 80px;
	height: 75px;
	margin: auto;
	background: url(../image/DO_Logo_icon_blue.svg) no-repeat center;
}
#add1-img-right2 {
	width: 65px;
	height: 75px;
	margin: auto;
	background: url(../image/server-icon.svg)  no-repeat center;
}
#app1-box-center-app {
	width: 500px;
	height: 73px;
	float: left;
}
#button {
	width: 100%;
	height: 50px;
	float: left;
}
#button-plan {
	width: 129px;
	height: 50px;
	margin: auto;
	text-align: center;
}
#button-plan a {
	width: 125px;
	height: 46px;
	text-decoration: none;
	display: block;
	color: #fff;
	text-align: center;
	font: 14px / 46px "Inter", sans-serif;
	text-transform: uppercase;
	border: 2px solid #4e73f8;
	background-color: #4e73f8;
	border-radius: 80px;
}
#button-plan a:hover {
	color: #fff;
	border: 2px solid #000;
	background-color: #000;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
/*contact-details*/


#section6 {
	width: 100%;
	height: 230px;
	float: left;
	background-repeat: no-repeat;
	background-position: top right;
	box-shadow: 1px 1px 1px #f7f7f7;
	;
	padding: 60px 0;
	padding-top: 40px;
	padding-bottom: 40px;
}
#section6center {
	width: 1218px;
	height: 230px;
	margin: auto;
}
#section6text {
	width: 100%;
	height: 60px;
	float: left;
	color: #000;
	font: 30px/60px bfont;
	text-align: center;
}
#section6text1 {
	width: 100%;
	height: 40px;
	float: left;
	color: #000;
	font: 15px/40px rfont;
	text-align: center;
}
#contectsection6 {
	width: 100%;
	height: 90px;
	float: left;
	margin-top: 30px;
}
#expertcall {
	width: 288px;
	height: 80px;
	float: left;
	margin-left: 80PX;
	display: block;
	display: inline-block;
	vertical-align: middle;
	transform: translateZ(0);
	-moz-osx-font-smoothing: grayscale;
	transition-duration: 0.3s;
	transition-property: transform;
}
#expertcall:hover, #expertcall:focus, #expertcall:active {
	transform: scale(1.1);
}
#expertimage {
	width: 80px;
	height: 80px;
	float: left;
	background: url(https://www.cloudduplex.com/image/expertscall.png) #003085;
}
#expertstext {
	width: 204px;
	height: 80px;
	float: left;
	background-color: #019cde;
}
#section6tettop {
	width: 100%;
	height: 30px;
	float: left;
	color: #ffffff;
	font: 15px/30px bfont;
	text-indent: 10px;
	margin-top: 10px;
}
#section6tetbottom {
	width: 100%;
	height: 30px;
	float: left;
	color: #ffffff;
	font: 15px/30px rfont;
	text-indent: 10px;
}
#expertemail {
	width: 316px;
	height: 80px;
	float: left;
	margin-left: 70px;
	display: block;
	display: inline-block;
	vertical-align: middle;
	transform: translateZ(0);
	-moz-osx-font-smoothing: grayscale;
	transition-duration: 0.3s;
	transition-property: transform;
}
#expertemail:hover, #expertemail:focus, #expertemail:active {
	transform: scale(1.1);
}
#expertemailimage {
	width: 80px;
	height: 80px;
	float: left;
	background: url(https://www.cloudduplex.com/image/expertemail.png) #003085;
}
#expertemailtext {
	width: 232px;
	height: 80px;
	float: left;
	background-color: #019cde;
}
#expertemailtettop {
	width: 100%;
	height: 30px;
	float: left;
	color: #ffffff;
	font: 15px/30px bfont;
	text-indent: 10px;
	margin-top: 10px;
}
#expertemailtetbottom {
	width: 100%;
	height: 30px;
	float: left;
	color: #ffffff;
	font: 15px/30px rfont;
	text-indent: 10px;
}
#expertchat {
	width: 298px;
	height: 80px;
	float: left;
	margin-left: 70px;
	display: block;
	display: inline-block;
	vertical-align: middle;
	transform: translateZ(0);
	-moz-osx-font-smoothing: grayscale;
	transition-duration: 0.3s;
	transition-property: transform;
}
#expertchat:hover, #expertchat:focus, #expertchat:active {
	transform: scale(1.1);
}
#expertchatimage {
	width: 80px;
	height: 80px;
	float: left;
	background: url(https://www.cloudduplex.com/image/expertschat.png) #003085;
}
#expertchattext {
	width: 213px;
	height: 80px;
	float: left;
	background-color: #019cde;
}
#expertchattettop {
	width: 100%;
	height: 30px;
	float: left;
	color: #ffffff;
	font: 15px/30px bfont;
	text-indent: 10px;
	margin-top: 10px;
}
#expertchattetbottom {
	width: 100%;
	height: 30px;
	float: left;
	color: #ffffff;
	font: 15px/30px rfont;
	text-indent: 10px;
}
/*end*/

/*Hosting feturs*/

#featureyouget {
	width: 100%;
	height: 350px;
	float: left;
	padding-top: 30px;
	padding-bottom: 40px;
	background: #f9f9f9;
}
#hosttype-in {
	width: 1218px;
	height: 350px;
	margin: auto;
}
#tabletexttop {
	width: 100%;
	height: 60px;
	float: left;
	font-family: "Inter", sans-serif;
	font-size: 30px;
	color: #000000;
	text-align: center;
	line-height: 60px;
	text-transform: uppercase;
	font-weight:700;
}

#mid-managed-text {
    width: 100%;
    height: 60px;
    float: left;
}

#mid-managed-text-in {
    width: 580px;
    height: 60px;
    margin: auto;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-family: "Inter", sans-serif;
    line-height: 1.7em;
}

#hosttype-box1-text-bottom {
	width: 100%;
	height: 195px;
	float: left;
	font-family: medium;
	font-size: 15px;
	color: #616266;
	line-height: 26px;
	margin-top: 30px;
}
#bar10 {
	width: 220px;
	height: 130px;
	float: left;
	border-radius: 24px;
	padding: 30px;
	background: #fff;
}
#txt0 {
	width: 100%;
	height: 36px;
	float: left;
	color: #000;
	font-size: 18px;
	line-height: 36px;
	font-family: "Inter", sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight:700;
}
#box10 {
	width: 100%;
	height: 40px;
	float: left;
}
#box10image {
	width: 40px;
	height: 36px;
	float: left;
	background: url(../images/SVG/support-mic.svg) no-repeat left;
}
#txt01 {
	width: 100%;
	height: 50px;
	float: left;
	font-family: "Inter", sans-serif;
	line-height: 1.7em;
	font-size: 15px;
	color: #000;
	text-align: center;
}
#bar11 {
	width: 220px;
	height: 130px;
	float: left;
	border-radius: 24px;

	padding: 30px;
	background: #fff;
	margin-left: 32px;
}
 
#box11 {
	width: 100%;
	height: 40px;
	float: left;
}
#box11image {
	width: 40px;
	height: 36px;
	float: left;
	background: url(../images/SVG/friendly.svg) no-repeat left;
}
#bar12 {
	width: 220px;
	height: 130px;
	float: left;
	border-radius:24px;

	padding: 30px;
	background: #fff;
	margin-left: 32px;
}
 
#box12 {
	width: 100%;
	height: 40px;
	float: left;
}
#box12image {
	width: 40px;
	height: 36px;
	float: left;
	background: url(../images/SVG/quick.svg) no-repeat left;
}
#bar13 {
	width: 220px;
	height: 130px;
	float: left;
	border-radius:24px;
	
	padding: 30px;
	background: #fff;
	margin-left: 32px;
}
#txt3 {
	width: 100%;
	height: 40px;
	float: left;
	font-family: medium;
	font-size: 18px;
	line-height: 40px;
	color: #727273;
	text-align: center;
	text-transform: uppercase;
}

#box13 {
	width: 100%;
	height: 40px;
	float: left;
}
#box13image {
	width: 40px;
	height: 36px;
	float: left;
	background: url(../images/SVG/icon-love.svg) no-repeat left;
}
/*end*/

#top-in11 {
	width: 100%;
	height: 36px;
	background-color: #2c3c69;
}
#top-in {
	width: 500px;
	height: 36px;
	margin: auto;
	font: 13px / 36px "Inter", sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
}
#top-bar-out-hader {
	width: 100%;
	height: 367px;
	float: left;
	background: #4285f4;
}
/*header*/

#top-bar-out {
	width: 100%;
	height: 41px;
	float: left;
	padding-bottom: 18.5px;
	padding-top: 18.5px;
	background: #fff;
	border-bottom: 2px solid #e6ebf0;
}
#top {
	width: 1218px;
	height: 41px;
	margin: auto;
}
#logo {
	width: 195px;
	height: 33px;
	float: left;
	background: url(../image/nameshoster-logo.svg) no-repeat left;
	padding: 4px 0px;
}
#right {
	width: 145px;
	height: 33px;
	float: right;
}
#freetool {
	width: 180px;
	height: 15px;
	float: right;
	font: 14px / 18px "Inter", sans-serif;
	text-align: left;
	text-transform: uppercase;
	color: #000000;
	padding: 9px 10px 9px 10px;
}
.nav-menu-all-container {
	width: 550px;
	height: 41px;
	float: right;
}
.buy-me-a-coffee-container {
	width: 174px;
	height: 41px;
	float: left;
}
.buy-me-a-coffee-button {
	width: 174px;
	height: 41px;
	float: left;
	background-image: url(../image/bmc-button.svg);
	border-radius: 5px;
}
/*Nav bar*/

.nav-menu {
	width: 376px;
	height: 33px;
	float: left;
	padding: 4px 0px;
}
.nav-menu>ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.nav-menu>ul>li {
	float: left;
	position: relative;
	list-style-type: none;
	border: 0;
	display: block;
}
.nav-menu>ul>li>a {
	color: #383c43;
	display: inline-block;
	font-size: 13px;
	font-family: "Inter", sans-serif;
	height: 33px;
	line-height: 33px;
	padding: 0px 0px 0px 30px;
	text-transform: uppercase;
	text-decoration: none;
}
.nav-menu>ul>li:hover>a {
	color: #4e73f8;
}
.nav-menu .sub-menu {
	background: #fff;
	color: #383c43;
	display: none;
	padding: 0 0 1px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 235px;
	z-index: 999;
	list-style-type: none;
	box-shadow: 0 2px 8px 0 rgb(16 7 104 / 10%), 0 1px 2px 0 rgb(83 51 237 / 6%);
	border-radius: 0.25rem;
}
.nav-menu .sub-menu>li>a {
	color: #383c43;
	display: block;
	font-size: 13px;
	font-family: "Inter", sans-serif;
	height: 25px;
	line-height: 25px;
	padding: 1px 10px;
	text-decoration: none;
	text-transform: uppercase;
}
.nav-menu .sub-menu>li>a:hover {
	color: #4e73f8;
}
.nav-menu>ul>li:hover>.sub-menu {
	display: block
}
li.liner {
	margin: 10px 20px!important;
	border-top: 4px solid #f2f2f2!important;
	padding: 0px!important;
	list-style: none!important;
}
/*nav end*/

/*header end*/


/*center*/


#port-center-out{width:100%;
height:600px;
float:left;
padding-top:40px;
}

#port-center-in{width:364px;
height:600px;
margin:auto;
}




/*end*/







/*client login*/
#menuin {
	width: 145px;
	height: 45px;
	float: right;
}
#menuin ul {
	margin: 0px;
	padding: 0px;
}
#menuin li {
	width: 141px;
	height: 45px;
	float: right;
	list-style: none;
}
#menuin li a {
	width: 141px;
	height: 45px;
	float: left;
	color: #fff;
	font-family: menu-bold;
	font-size: 14px;
	line-height: 45px;
	display: block;
	text-align: center;
	text-decoration: none;
	background-color: #0095cd;
	border-radius: 5px
}
#menuin li a:hover {
	color: #fff;
	background: #0095cd;
}
/*end*/




















#DEP-box {
	width: 100%;
	height: 135px;
	float: left;
	padding-top: 20PX;
	padding-bottom: 20px;
	background: url(../image/slider-image/slider1.png) #4285f4;
}
#dep-box-in {
	width: 1218px;
	height: 135px;
	margin: auto;
}
#dep-text {
	width: 100%;
	height: 40px;
	float: left;
	font-family: "Inter", sans-serif;
	font-size: 25px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin-top: 13px;
	line-height: 40px;
}
#dep-button {
	width: 100%;
	height: 46px;
	float: left;
	margin-top: 20px;
}
#dep-button-in-out {
	width: 428px;
	height: 46px;
	margin: auto;
}
#dep-button-in {
	width: 202px;
	height: 45px;
	float: left;
}
#dep-button-in a {
	width: 200px;
	height: 46px;
	border: 2px solid #241b3a;
	background-color: #241b3a;
	font: 14px / 46px btn-bold;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	display: block;
	-webkit-transition: box-shadow 200ms ease, background-color 300ms ease, -webkit-transform 150ms ease;
	transition: box-shadow 200ms ease, background-color 300ms ease, -webkit-transform 150ms ease;
	transition: transform 150ms ease, box-shadow 200ms ease, background-color 300ms ease;
	transition: transform 150ms ease, box-shadow 200ms ease, background-color 300ms ease, -webkit-transform 150ms ease;
}
#dep-button-in a:hover {
	text-decoration: none;
	border: 2px solid #241b3a;
	background-color: #241b3a;
	color: #fff;
	-webkit-transform: translate(0px, -3px);
	-ms-transform: translate(0px, -3px);
	transform: translate(0px, -3px);
}
#dep-button-in1 {
	width: 202px;
	height: 45px;
	float: left;
	margin-left: 20px;
}
#dep-button-in1 a {
	width: 200px;
	height: 46px;
	border: 2px solid #fc6a65;
	font: 14px / 46px btn-bold;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	text-decoration: none;
	display: block;
	-webkit-transition: box-shadow 200ms ease, background-color 300ms ease, -webkit-transform 150ms ease;
	transition: box-shadow 200ms ease, background-color 300ms ease, -webkit-transform 150ms ease;
	transition: transform 150ms ease, box-shadow 200ms ease, background-color 300ms ease;
	transition: transform 150ms ease, box-shadow 200ms ease, background-color 300ms ease, -webkit-transform 150ms ease;
	border-radius: 5px;
}
#dep-button-in1 a:hover {
	text-decoration: none;
	border: 2px solid #fc6a65;
	color: #fff;
	background: #fc6a65;
	-webkit-transform: translate(0px, -3px);
	-ms-transform: translate(0px, -3px);
	transform: translate(0px, -3px);
}
#dep1-button {
	width: 100%;
	height: 45px;
	float: left;
	margin-top: 20px;
}
#dep1-button-in {
	width: 200px;
	height: 45px;
	margin: auto;
}
#dep1-button-in a {
	width: 200px;
	height: 41px;
	border: 2px solid #fff;
	font: 14px / 42px btn-bold;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: block;
	border-radius: 5px
}
#dep1-button-in a:hover {
	text-decoration: none;
	border: 2px solid #fff;
	background-color: #fff;
	color: #4285f4;
	transition: all 0.3s ease 0s;
}


#company-out {
	width: 100%;
	height: 60px;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
		background: #333;
}

#company-in {
	width: 1218px;
	height: 60px;
margin:auto;
}



#top1 {
	width: 100%;
	height: 22px;
	float: left;
 background:url(../image/nameshoster-logo-w.svg) no-repeat center;
}

#top2 {
	width: 100%;
	height: 37px;
	float: left;
	text-align: center;
	font: 12px / 37px "Inter", sans-serif;
	color: #d7d7d7;

}

#ads-out {
	width: 100%;
	height: 250px;
	float: left;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #fff;
	
}
#ads{width:1218px;
height:250px;
 margin:auto;
border-radius: 14px;
background:url(../image/ads-cloudduplex.png) center no-repeat;

}

#ads:hover {}


#ads-out {
	width: 100%;
	height: auto;
	float: left;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #fff;
}
#ads {
	width: 1218px;
	height: auto;
	margin: auto;
}
 
#cloudduplex-ads {
	width: 596px;
	height: 400px;
	float:left;
	background: url(../image/cloudduplex-ads.png) no-repeat;
	border-radius: 24px;
}
#cloudduplex-ads a {
	display: block;
	width: 596px;
	height: 400px;
	cursor: pointer;
}

#sslchange-ads {
	width: 596px;
	height: 400px;
	float:left;
	background: url(../image/sslchange-ads.png) no-repeat;
	border-radius: 24px;
	margin-left:25px;
}
#sslchange-ads a {
	display: block;
	width: 596px;
	height: 400px;;
	cursor: pointer;
}