.myhtml{
	/*background:#f7f7f8
	*/
}

/* Header CSS */

.header{
	background: url('../img/header.png') no-repeat;
	background-size:100% 100%;
	
	
}

.stick-header .header{
	z-index:9999!important;
}
/*
header.header{
	position:fixed;
	left:0;
	right:0;
	top:0;
	width:100%;
	z-index:99
}*/

.logo{
	float:left
}

.logo a{
	display:block;
	padding:15px 5px;
	margin-right:10px
}

.header-menu{
	float:left
	
}

.header-menu ul, .membership-links ul{
	padding:0;
	margin:0;
	list-style:none;
	
}

.header-menu li{
	float:left;
	list-style:none;
	font-size:17px;
}

.header-menu a{
	color:#222;
	font-weight:600;
	padding:37.5px 12px;
	display:block
}

.mobile-menu-btn, .mobile-menu{
	display:none
}

.membership-links li{
	float:right;
	margin-left:16px;
	font-size:17px;
	font-weight:600
}

.membership-links a{
	color:#222;
	padding:8px 11px;
	display:block;
	text-decoration:none
}

.membership-links a:hover{
	color:#444
}

.ml-btn{
	border:1px solid #ddd;
	transition:.5s all;
}

.ml-btn:hover{
	border-color:#974d98;
	transition:.5s all;
}

.ml-active-link {
	color:#fff!important;
	background: #3613c8; /* Old browsers */
background: -moz-linear-gradient(45deg, #3613c8 0%, #e31793 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #3613c8 0%,#e31793 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #3613c8 0%,#e31793 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3613c8', endColorstr='#e31793',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.ml-active-link:hover{
background: #2400c6; /* Old browsers */
background: -moz-linear-gradient(45deg, #2400c6 1%, #e20088 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #2400c6 1%,#e20088 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #2400c6 1%,#e20088 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2400c6', endColorstr='#e20088',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}





.membership-links{
	margin-top:29.5px
}


.home-intro{
background: url('../img/into-background.png') #f7f7f8 ;
height:700px;
background-size: 100% 100%;
	
}

.intro-menu ul{
		display:block;
		text-align:center;
		margin:50px 0 0 0;
		padding:0;
}

.circle-text{
	font-size:22px;
	color:#fff;
	padding:20px 0;
	text-align:center;
	display:inline-block;
	border-bottom:2px solid #fff;
	font-weight:600
}

.intro-menu li{
	list-style:none;
	display:inline-block;
	width:170px
	
}

.intro-menu li{
	
	margin-left:20px;
	margin-right:20px;
	    vertical-align: top;
}

.circle-sm .circle-icon{
	width:130px;
	height:130px;
	text-align:center;
	line-height:122px;
	font-size:55px;
	color:#fff;
	border-radius:100px;
	border:4px solid #f7f7f8;
	margin-top:30px;
	display: inline-block;
	
}

.circle-sm:hover i{
	font-size:67px;
	transition:.7s all;
}

.circle-lg:hover i{
	font-size:85px;
	transition:.7s all;
}



.circle-lg .circle-icon{
	width:170px;
	height:170px;
	text-align:center;
	line-height:162px;
	font-size:70px;
	color:#fff;
	border-radius:100px;
	border:4px solid #f7f7f8;
	margin-top:30px
	
}

.first-icon .circle-icon{
	background: #c411a0; /* Old browsers */
background: -moz-linear-gradient(-45deg, #c411a0 0%, #b111a6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #c411a0 0%,#b111a6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #c411a0 0%,#b111a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c411a0', endColorstr='#b111a6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.second-icon .circle-icon{
background: #a510a9; /* Old browsers */
background: -moz-linear-gradient(-45deg, #a510a9 1%, #8a0fb1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #a510a9 1%,#8a0fb1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #a510a9 1%,#8a0fb1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a510a9', endColorstr='#8a0fb1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.third-icon .circle-icon{
background: #7f0fb5; /* Old browsers */
background: -moz-linear-gradient(-45deg, #7f0fb5 1%, #620ebd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #7f0fb5 1%,#620ebd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #7f0fb5 1%,#620ebd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f0fb5', endColorstr='#620ebd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.fourth-icon .circle-icon{
background: #580fc1; /* Old browsers */
background: -moz-linear-gradient(-45deg, #580fc1 1%, #580fc1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #580fc1 1%,#580fc1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #580fc1 1%,#580fc1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#580fc1', endColorstr='#580fc1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.steps-logo{
	margin-top:35px;
	z-index:9999;
	position:relative
}

.hi-content{
	
	padding: 50px 0;
}

.hi-content h2{
	text-transform:uppercase;
	color:#fff;
	font-size:38px;
	margin-top:52px;
}

.hi-content p{
	font-size:18px;
	color:#f9f9f9
}

.intro-video iframe{
	width:100%;
	height:300px
}

.intro-links{
	margin-top:35px;
}

.intro-links a{
	border:2px solid #fff;
	padding:12px 20px;
	font-size:20px;
	color:#fff;
	font-weight:600
}

.intro-links .il-active{
	background:#fff;
	color:#222
}

/* SECTION*/
/* Steps */

#mycounter.sticky{
	position:fixed;
	top:0;
	left:0;
	right:0;
	margin:auto
}

#mycounter{
	display:block
}

#mycounter span{
	    position: absolute;
    left: 0;
    right: 0;
    top: 47px;
    font-size: 64px;
    text-shadow: 3px 1px #c411a0;
    color: #fff;
    -webkit-text-stroke: 2px #580fc1;
    font-weight: 800;
    letter-spacing: 5px;
}

.sticked #mycounter img{
	width:125px;
	border-radius: 200px;
}

.steps{
	padding:20px 0; 
	background:#f7f7f8;
	position:relative;
	z-index: 999999;
}

.sticked #mycounter span {

    top: 25px;
    font-size: 45px;
    text-shadow: 2px 1px #c411a0;
    -webkit-text-stroke: 1px #580fc1;
    letter-spacing: 2px;
}

.step-1:before{
	content:'';
	display:block;
	position:absolute;
	width:733px;
	height:720px;
	background:url('../img/step1.png');
	background-size:733px 720px;
	left:-15px;
	z-index:1;
	
}

.indexing{
	position:relative;
	z-index:999;
}

.step-default{
	padding-left:70px;
	position:relative;
	z-index:9;
}

.step-default .fa{
	margin-left:-50px;
	position:absolute;
}

.step-default h2{
	font-size:75px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:5px;
	
}

.step-default p{
	font-size: 18px
}

.step-1 h2{
	
	padding-top:40px
}

.step-btn{
	background:#fff;
	padding:10px 15px;
	border:1px solid #333;
	font-size:20px;
	color:#333;
	font-weight:600
}


.testimonial img{
	float:left;
	border-radius:100px;
	width:80px;
	margin-right:20px
}

.testimonial {
	margin:40px 0
	
}

.testimonial p{
	color:#555;
	font-style:italic;
	margin-bottom:5px;
}

.testimonial-author span{
	color:#555
}




.step-img{
	width:80%;
	margin-right:-15px;
	max-width:590px
}


.step1-img{
	margin-top:70px
}


.step-2:before{
	content:'';
	display:block;
	position:absolute;
	width:876px;
	height:600px;
	background:url('../img/step2.png');
	background-size:876px 600px;
	right:-15px;
	z-index:1;
	top:-45px
}

.step2-img{
	margin-top:240px
}

.step-2 .headline{
	padding-top:200px
}

.step-default.step-right{
	padding-left:43px;
	padding-right:60px
}

.indexing.text-left img{
	margin-right:auto;
	margin-left:-15px
}


.step-3:before{
	content:'';
	display:block;
	position:absolute;
	width:810px;
	height:632px;
	background:url('../img/step3.png');
	background-size:810px 632px;
	left:-60px;
	z-index:1;
	
}

.step-3 .headline{
	padding-top:90px
}


.step3-img{
	width:95%;
	max-width: 650px;
}


.step-4:before{
	content:'';
	display:block;
	position:absolute;
	width:870px;
	height:700px;
	background:url('../img/step4-right.png');
	background-size:870px 700px;
	right:-15px;
	z-index:1;
	
}

.step4-img{
	margin-top:100px
}

.step-4 .headline{
	padding-top:120px
}


.step-1 .headline, .step-1 .fa, .step-1:after{
	color:#ea6240
}

.step-2 .headline, .step-2 .fa, .step-2:after{
	color:#2eb67b
}

.step-3 .headline, .step-3 .fa, .step-3:after{
	color:#5fb2e6
}

.step-4 .headline, .step-4 .fa, .step-4:after{
	color:#7c61de
}

.step-default .headline, .step-default:after{
	opacity:.6
}

.step-default:after{
	font-size:400px;
	font-weight:700;
	
}

.testimonial{
	position:relative;
	z-index:9999;
}

.step-1:after{
	content:'1';
	display:block;
	position:absolute;
	bottom:-25px;
	left:-5px;
	z-index:9;
	line-height:0
}


.step-2:after{
	content:'2';
	display:block;
	position:absolute;
	bottom:110px;
	left:-190px;
	z-index:99;
	line-height:0
}

.step-3:after{
	content:'3';
	display:block;
	position:absolute;
	bottom:-50px;
	left:-30px;
	z-index:99;
	line-height:0
}

.step-4:after{
	content:'4';
	display:block;
	position:absolute;
	bottom:90px;
	left:-190px;
	z-index:99;
	line-height:0
}


/* Our Templates*/

.our-templates{
	background : url('../img/bg.png') no-repeat #f7f7f8;
	background-position: bottom center;
    background-size: 100% auto;
	padding:70px 0 100px
}

.ot-headline{
	padding:30px 0 20px;
	text-transform:uppercase;
	text-align:center;
	border-top:1px solid #ddd
}

.theme-categories{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background: #f7f7f8;
    padding: 0 20px;
}

.theme-categories ul{
	margin:15px 0;
	padding:0
}

.theme-categories li{
	list-style:none;
	font-size:17px;
	color:#555;
	padding:0 10px;
	display:inline-block;
	cursor:pointer;
}

.theme-categories a{
	
}



.theme-categories .active-list{
	font-weight:600;
}

.theme-name{
	background:#eee;
	text-align:center;
	padding:10px 0;
	font-size:18px;
	font-weight:600;
	color:#222;
	text-transform:uppercase;
}

.preview-images{
	padding-bottom:45px;
}

.preview-images img{
	width:100%;
}

.theme-link{
	
	margin:20px 0 0;
	display:block;
}

.theme-link-outline:hover{
	transform:scale(1.05);
	box-shadow:0 0 20px 5px #555;
	transition:.4s all;
}

.filtr-container{
	min-height:500px
	
}



/* Features Section */


.features{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f10fd2+0,3408c2+100 */
background: #f10fd2; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f10fd2 0%, #3408c2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f10fd2 0%,#3408c2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f10fd2 0%,#3408c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f10fd2', endColorstr='#3408c2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


margin-bottom:150px
}


.features-list h3{
	padding:15px 0;
	text-align:center;
	border-bottom:1px solid #ddd;
	font-size:21px;
	margin:0 0 15px;
	
}

.features-list{
	background:#fff;
	margin:-56px auto;
	box-shadow:0 0 30px 1px #888;
	padding-bottom:25px;
	max-width: 400px;
}

.features-list li{
	color:#666;
	margin:10px 0
}

.call-to-action-btn{
	background:#2eb67b;
	display:block;
	text-align:center;
	line-height:50px;
	text-transform:uppercase;
	color:#fff;
	font-size:23px;
	margin:10px 20px 0;
	font-weight:700
}

.call-to-action-btn:hover{
	background:#1ea469;
	color:#fff
}

.features-list ul{
	margin:25px 0
}

.call-to-action-text{
	color:#fff;
	padding-top:100px;
	
}


.call-to-action-text h2{
	margin-bottom:20px;
	font-size:35px
}



.lite-btn{
	color:#fff;
	padding:10px 15px;
	border:2px solid #fff;
	display:inline-block;
	font-size:18px;
	font-weight:700;
	
}


.lite-btn:hover{

	color:#555;
	background:#fff;
	text-decoration:none;
}

.lite-btn .fa{
	margin-right:5px
}




/* Footer */
.footer-text{
	text-align:right;
	font-size:22px;
	margin:34.5px 0 0
}

.footer .header-menu a{
	padding-left:20px;
	padding-right:20px;
}


.intro-menu a{
	display:block
}

.theme-detail-links a{
	display:block;
	float:left;
	width:50%;
	color:#fff;
	padding:4px 0;
	font-size:20px;
	text-align:center;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px
}

.theme-detail-links a i{
	margin-right:10px
}

.choose-theme{
	background: #7c61de;
}

.preview-theme{
	background: #5fb2e6
}


/*@media screen and (min-width:900px){
.steps:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 9px;
    background: #e5e5e5;
    top: 200px;
    height: auto;
    margin: auto;
    bottom: 0;
    z-index: 99;
    box-shadow: 0 0 7px inset rgba(0,0,0,.25);
	
}
}*/




/* Default Pages */
.classic-page{
	background:url(../img/bg.png) #f7f7f8 center center;
	background-size:100% auto;
	min-height:500px;
	padding:40px 0
}


.white-box{
	background:#fff;
	padding:30px
}

.cp-headline{
	text-transform:uppercase;
	color:#222;
	letter-spacing:1px;
	font-size:28px;
	text-align:center;
	padding:12px 0;
	margin-bottom:40px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	
}



.classic-form{
	display:block;
	max-width:777px;
	margin:auto;
	width:100%;
}


.theme-thumb img{
	width:100%;
	border:1px solid #ddd
}

.tt-name{
	background:#eee;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:21px;
	padding:6px 0;
	font-weight:600;
	text-align:center;
	color:#333;
	border:1px solid #ddd
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 25px;
  height: 25px;
  background: #ddd;
  border-radius:20px;
  border:1px solid #aaa;
}
.styled-checkbox:hover + label:before {
  background: #fff;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #fff;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: "\f00c";
    position: absolute;
    left: 4px;
    top: 1px;
    font-size: 18px;
    color: #28a745;
	    font-family: "Font Awesome 5 FREE";
    font-weight: 900;
}

.theme-configuration label{
	display:block;
	padding-bottom:5px;
	font-size:18px;
	font-weight:600
}

.price{
	float:right;
	display:block;
}

.price:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: #ddd;
    position: absolute;
    left: 0;
    bottom: 0px;

}


.theme-configuration{
	    padding: 20px 20px 10px 0px;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
	margin-bottom:25px
}


.theme-thumb{
	margin: -40px 0 0 -20px;
}

.toggle-content > div{
	display:none
}


.toggle-content .tc-active{
	display:block
}

.grey-box{
	background:#e1e1e1;
	box-shadow:-2px -2px 15px 0px rgba(0,0,0,0.2);
}

.toggle-menu li{
	display:inline-block;
	padding:20px 25px;
	text-transform:uppercase;
	cursor:pointer;
	font-size:21px;
	font-weight:600;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#eee;
	
}

.toggle-menu{
	padding:0;
	margin:0 0 15px;
}

.active-tm {
	
	
	background-color:#e1e1e1!important;
	color:#d80dd0 
}

.credit-card-infos{
	font-size:17px;
	font-weight:600
}

.jp-card .jp-card-front, .jp-card .jp-card-back{
	background:#aaa!important;
}


.general-settings .toggle-content, .general-settings .toggle-menu{
	float:left
	
}

.general-settings .toggle-menu{
	width:15%;
	margin:0
}

.general-settings .toggle-content{
	width:85%
}

.general-settings .toggle-menu li{
	display:block;
	padding:10px 0 10px;
	width:100%;
	text-align:center;
	text-transform:inherit;
	font-size:18px;
	border-right:0
}



.general-settings .toggle-menu li img{
	height:75px;
	margin:auto;
	display:block;
	margin-bottom:7px;
}



.pink-headline{
	color:#c713b8;
	font-size:21px;
	border-bottom:1px solid #ccc;
	text-transform:uppercase;
	padding-bottom:5px;
	margin-bottom:25px;
	display:inline-block
}


.settings-table{
	margin:20px;
	background:#fff;
	font-size:17px
}


.settings-table thead{
	    background: #73d4ff;
    border-radius: 10px;
    color: #006ab7;
    margin-bottom: 20px
}

.service-status {
    padding: 0 10px;
    display: inline-block;
    font-weight:600;
    margin: -5px 0;
    line-height: 28px;
    border-radius: 8px;
	font-size:16px
}


.active-service{
	background: #00ec5e;
	color:#10501c
}

.deactive-service{
	background: #ff4545;
	color:#ffdbdc
}


.settings-table.payments-table thead{
	    background: #ff4545;
    color: #880101;
}

.payment-detail-link{
	    background: #e5e5e5;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    padding: 0 10px;
    border-radius: 12px;
    border: 1px solid #aaa;
}

.payment-boxes{
	padding:25px 20px 0
}

.payment-box{
	background:#fff;
	padding:30px 25px;
	border-radius:25px;
	border:1px solid #aaa;
	font-size:21px
}

.payment-box .fa-smile, .payment-box .fa-plus-circle{
	color:#00b778;
	font-size:60px
}

.payment-box .fa-frown{
	color:#ff4545;
	font-size:60px
}



.number{
	display:block;
	font-size:34px;
	font-weight:700;
	text-align:right;
	line-height:30px
}

.create-message{
	cursor:pointer;
	font-size: 28px;
	color:#00b778;
	text-transform:uppercase;
	
}

.cm-text{
	padding-left:15px;
	padding-top: 7px;
	font-weight:600;
}


.messages-table thead, .cm-headline{
	    background: #78f7a1;
    color: #005300;
}

.cm-headline{
	font-size:18px;
	padding:10px;
	border-radius:15px;
	border:1px solid #aaa
}

.creating-message{
	padding:20px;
	display:none
}

.creating-message label{
	font-size:18px;
	font-weight:600
}

.creating-message form{
	margin-top:25px
}

.install-page{
	background:#f8f8f8;
	min-height:550px;
	position:relative
}


.installing-bar{
	height:200px;
	text-align:center;
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	margin:auto;
	font-size:72px;
	font-weight:700;
	text-transform:uppercase;
	    text-shadow: 2px 1px #c411a0;
    -webkit-text-stroke: 1px #580fc1;
    letter-spacing: -1px;
	color:#fff;
	
	
	background: #f20ed2; /* Old browsers */
background: -moz-linear-gradient(left, #f20ed2 0%, #4007c2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f20ed2 0%,#4007c2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f20ed2 0%,#4007c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f20ed2', endColorstr='#4007c2',GradientType=1 ); /* IE6-9 */
}



.ib-text{
	background:url(../img/install-circle.png) top center no-repeat;
	background-size: 294px 275px;
	display:inline-block;
	width:304px;
	height:300px;
	line-height:280px;
	border-radius:700px;
	margin-top: -50px;
	border:5px solid #9d0bca;
	cursor:pointer;
}


.sd-input{
	line-height:45px;
	font-size:26px;
	height:45px;
	font-weight:600
}

.search-domain .btn{
	width:100%;
	color:#fff;
	text-align:left;
	text-transform:uppercase;
	font-weight:600
}

.domains-table td{
	font-size:22px;
	    vertical-align: middle;
		font-weight:600;
}

.domains-table .btn{
	text-transform:uppercase;
	font-weight:600
}

.result-search{
	font-weight:600;
	font-size:20px
}