body {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-family: 'Lato', sans-serif;
}
.orange {
   /*#6fe81d,#2da424*/
	background-color: #f37f18;
	background-color: #ee6e23;
	background-color: #ff6c2c;
	background-color: #59cc26;
    background: url(../imgs/top-left.b974b8fb531d.png) top left no-repeat,url(../imgs/top-right.f61258f5d6b0.png) top right no-repeat,url(../imgs/bottom-left.1586c2712dce.png) bottom left no-repeat,linear-gradient(#4ac221,#1b8013);
}
.h-100vh{
	height: 100vh;
}
.color {
    color: #59cc26;
}
a {
	text-decoration: none;
}
/* html, body {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	background-color: #F2E1AC;
  } */

/* -------------------
header start 
----------------------*/
/* .hype-header {
	height: 60px;
	font-weight: 500;
	padding: 5px 0px;
	height: 80px;
	display: inline-block;
	height: auto;
	position: fixed;
	top: 0;
} */
.hype-header {
	height: 60px;
	font-weight: 500;
	padding: 5px 0px;
	background-color: #fff;
	box-shadow: 1px 3px 5px #ccc;
	box-shadow: 0px 0px 7px 1px #888;
	overflow: hidden;
}

.logoimg {
	float: left;
}

.logoimg img {
	height: 50px;
}

.quote {
	font-size: 18px;
	padding-left: 25px;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	color: #666;
	font-weight: 300;
	font-style: italic;
}

ul.hype-nav {
	float: right;
	text-align: center;
	padding-top: 12px;
	padding-left: 0px;
}

.hype-nav li {
	display: inline-block;
	vertical-align: middle;
}

.hype-nav li a {
	padding: 10px 20px;
	text-decoration: none;
	color: #161616;
	font-weight: 600;
}

.hype-nav li a:hover {
	text-decoration: none;
}

.pink {
	color: #bf34b0;
	font-size: 20px;
	vertical-align: middle;
	box-shadow: 0px 2px 1px #33333308;
}

/* ---------------------
Hago Section 
------------------------*/
.white {
	color: #fff;
}

.product_name {
	font-size: 22px;
	font-weight: 700;
	padding: 10px 0px;
	animation: fadeIn ease .85s;
}

.product_detail {
	font-size: 16px;
	line-height: 22px;
	overflow: hidden;
	position: relative;
	transition: .5s ease-in;
	animation: fadeIn ease .9s;
	padding-bottom: 20px;
}

.product_detail span {
	font-size: 20px;
	padding-left: 10px;
	font-weight: 600;
}

.product_down_link {
	width: 100px;
}

/*---------------------
 steps-start 
 ----------------------*/
.steps {
	background-color: #fff;
	box-shadow: 1px 2px 3px #357917;
	margin: 12px 0 32px 10px;
	padding: 20px 15px 10px;
	animation: fadeIn ease 1s;
	border-radius: 10px;
	position: relative;
}

.step_no {
	font-weight: 400;
	font-size: 20px;
	color: #333;
	padding-left: 90px;
	margin-top: -12px;
	margin-bottom: 8px;
}

.step_no>span {
	border-radius: 20px 0px 20px 0;
	border: 4px solid #fcfcfc;
	color: #fcfcfc;
	margin-right: 5px;
	background-color: #ee6e23;
	background-color: #51a62b;
	background-color: #2bae21;
	font-weight: 700;
	font-size: 18px;
	position: absolute;
	top: -12px;
	left: -12px;
	line-height: 36px;
	width: 100px;
	height: 46px;
	text-align: center;
}

.hago_id {
	display: inline-block;
	text-align: center;
	margin: 5px 3px 8px 0;
	width: 250px;
}

.img-helper {
	display: inline-block;
	position: relative;
	right: -5px;
}

.ico-question {
	background-color: #f37f18;
	background-color: #59cc26;
	color: #fff;
	text-align: center;
	cursor: pointer;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
}

#img-helper-element {
	position: absolute;
	left: 150px;
	z-index: 99;
	display: none;
}
.hago-id {
    width:400px;
}

.note {
	font-size: 15px;
	font-style: italic;
	color: #555;
}

.daimonds {
	padding: 0;
}

.daimond {
	width: 23.9%;
	list-style: none;
	padding: 15px;
	border: 1px solid #b1b1b1;
	text-align: center;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin: 10px 0.3%;
	font-size: 17px;
	font-weight: 600;
	color: #444;
	cursor: pointer;
	overflow: hidden;
}

.daimond .active {
	background-color: #ff6c2c;
	background-color: #59cc26;
	color: #fff;
	width: 28px;
	height: 58px;
	text-align: center;
	position: absolute;
	line-height: 52px;
	top: -21px;
	left: -3px;
	transform: rotate(45deg) scaleX(-1);
	/* transform: skewY(20deg); */
	font-size: 16px;
	font-weight: 700;
}

.payment {
	width: 100%;
	padding: 10px 15px;
	border: 1px solid #b1b1b1;
	border-radius: 10px;
	position: relative;
	margin: 15px 0;
	font-size: 18px;
	font-weight: 600;
	color: #444;
	cursor: pointer;
	overflow: hidden;
}

.pb-32 {
	padding-bottom: 32px;
}

.payment .active {
	background-color: #59cc26;
	color: #fff;
	width: 28px;
	height: 58px;
	text-align: center;
	position: absolute;
	line-height: 52px;
	top: -21px;
	left: -3px;
	transform: rotate(45deg) scaleX(-1);
	/* transform: skewY(20deg); */
	font-size: 16px;
	font-weight: 700;
}

.payment_tagline {
	width: 100%;
	padding: 5px 20px;
	background-color: #f2f2f2;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 10px 10px 0 0;
	font-size: 13px;
	color: #7e7e7e;
	display: none;
}

.payment_pricing .pricing {
	margin: 0;
	font-size: 14px;
	color: #555;
}

.payment_pricing .price {
	margin: 0;
}

/* .daimond .active:before {
	content: '\2713';
	transform: rotate(-45deg) scaleX(1); */
/* } */

input[type="email"] {
	box-sizing: border-box;
	width: 100%;
	height: calc(3em + 2px);
	margin: 0 0 1em;
	padding: 6px;
	border: 1px solid #bababa;
	border-radius: 3px;
	background: #fff;
	font-size: 16px;
	resize: none;
	outline: none;
}

input[type="email"]:focus {
	border-color: #00bafa;
	box-shadow: 0px;
}

input[type="email"]:focus+label[placeholder]:before {
	color: #0091da;
}

input[type="email"]:focus+label[placeholder]:before,
input[type="email"]:valid+label[placeholder]:before {
	transition-duration: .2s;
	transform: translate(0, -1.6em) scale(0.9, 0.9);
	font-weight: bold;
}

input[type="email"]:valid {
	border-color: #51a62b;
}

input[type="email"]:valid+label[placeholder]:before {
	color: #4f276a;
}

input[type="email"]:invalid+label[placeholder][alt]:before {
	content: attr(alt);
}

input[type="email"]+label[placeholder] {
	display: block;
	pointer-events: none;
	line-height: 1.25em;
	margin-top: calc(-3em - 2px);
	margin-bottom: calc((3em - 1em) + 2px);
}

input[type="email"]+label[placeholder]:before {
	content: attr(placeholder);
	display: inline-block;
	margin: 0 calc(0.5em + 2px);
	padding: 0 2px;
	color: #7d7d7d;
	white-space: nowrap;
	transition: 0.3s ease-in-out;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff);
	background-size: 100% 5px;
	background-repeat: no-repeat;
	background-position: center;
}

.bttn {
	max-width: 300px;
	padding: 10px 0;
	background-color: #4f276a;
	color: #fff;
	border-radius: 5px;
	box-shadow: 1px 3px 5px #cecece;
	margin-top: -0.3rem;
}

.bttn:hover {
	box-shadow: 1px 3px 5px #666;
}

.bttn a {
	font-size: 18px;
}

.bttn a:hover {
	color: #fff;
}
.btn:hover {
    color: #fff;
}

/*---------------------
 container start 
 ---------------------*/
.contain {
	width: 80%;
	margin: auto;
}

.contain-80 {
	width: 80%;
	margin: auto;
}

@media screen and (max-width: 1400px) and (min-width: 950px) {
	.contain {
		width: 95%;
	}
}
@media screen and (max-width: 1110px) and (min-width: 950px) {
	.contain-80 {
		width: 95%;
	}
}
@media screen and (max-width: 750px) {
	.contain {
		width: 95%;
	}
	.contain-80 {
	    width: 87%;
	}
}

/* @media screen and (max-width: 990px) and (min-width: 950px) {
	.contain-80 {
		width:95%;
	}
} */



.relative {
	position: relative;
}

.split {
	clear: both;
}

/*------------------
 Certified 
 -------------------*/
.certified {
	background: #fff;
	text-align: center;
}
.certified a {
    color:#333;
}
.certified h2 {
	font-weight: 900;
}

/* --------------------
Contact Form 
------------------------- */
/* #contact-form {
	background-position: center 0%;
	background-size: cover;
	-webkit-background-size: cover;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-image: url(../imgs/contact.jpg);
	width: 100%;
	overflow: hidden;
	z-index: 1;
	padding: 60px 0;
} */

.c-block {
	background-color: #fff;
	padding: 60px;
}

h5.text {
	line-height: 35px;
	position: relative;
	margin-left: 25px;
}

.ico-abs {
	position: absolute;
	left: -30px;
	top: 10px;
}


/* Form style */

#contact input,
select {
	width: 100%;
	padding: 12.9px;
	color: #444;
	background: #fff;
	border: 1px solid #dfdfdf;
	margin: 7px 0px;
	-webkit-border-radius: 2px;
	font-weight: 400;
	color: #212121;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: none;
	box-shadow: none;
	outline: 0 none;
}

textarea {
	width: 100%;
	height: 60px;
	padding: 13px;
	color: #212121;
	background: #fff;
	border: 1px solid #dfdfdf;
	margin-top: 7px;
	margin-right: 15px;
	font-weight: 400;
	-webkit-border-radius: 2px;
}

#contact input:focus,
textarea:focus,
select:focus {
	border: 1px solid #999;
	background-color: #fff;
	color: #333;
}

#contact input.submit {
	width: 100%;
	margin: 15px 0px;
	cursor: pointer;
	color: #fff;
	border-radius: 0px;
	border-color: none;
	border-color: transparent;
	background-color: #2A2B2F;
	font-weight: 900;
	-webkit-transition: .4s cubic-bezier(0.25, .46, .45, .94);
	transition: .4s cubic-bezier(0.25, .46, .45, .94);
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color;
}

#contact input.submit:hover {
	background: #444;
}

.btn-default {
	color: #222;
	border: 3px solid #2A2B2F;
	cursor: pointer;
	line-height: 32px;
	background-color: transparent;
	font-size: 1.0em;
	text-transform: uppercase;
}

.btn-default:hover {
	color: #fff;
	background: #2a2b2f;
}

.contact-head {
	padding: 17px;
	margin-top: 1rem;
	background: #fff;
	text-align: center;
}

.none {
	display: none;
}
.privacy .head {
    padding: 50px;
    text-align: center;
    color:#fff;
}
.privacy .head h2 {
    
    font-size:50px;
    line-height:60px;
}
.privacy .content {
    padding:50px;
}
p {
font-size: 18px;
line-height: 33px;    
}
.privacy .content h3 {
    margin-top:25px;
    margin-bottom:5px;
}
.privacy .content h4 {
    margin-bottom:5px;
}
.privacy .content ul li {
    font-size:17px;
    line-height:30px;
}


    /* .modal {
        width:100%;
    }

@media screen and (max-width: 400px) {
    .modal-body .right {
        float: none;
        text-align: center;
        margin-left: auto;
    }
    .modal-body .left {
        float: none;
        text-align: center;
        margin-right: auto;
    }
    .modal .mt-5 {
        margin-top:5px !important;
    }
    .modal .mt-3 {
        margin-top:3px !important;
    }
    .modal-inset {
        padding: 2px;
    }
} */
.container {
	max-width: 1000px;
}
.head {
	color: #fff;
font-size: 2.5rem;
font-weight: 600;
padding: 20px 0 10px;
text-align: center;
margin-top: 3rem;
}
.head-text {
	text-align: center;
	color: #eee;
	line-height: 1.8;
	margin:auto;
	margin-bottom: 20px;
	max-width: 1400px;
	width:90%;

}
.pricing-table{
	background: #fff;
	text-align: center;
	padding-bottom: 20px;
	position: relative;
	margin-bottom:50px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 175px auto;
}
.pricing-table.blue{
	background-image: url(../imgs/blue-diamond.png);
}
.pricing-table.green{
	background-image: url(../imgs/daimond.png);
}

 .pricing-table .price-value{
	color: #EF3E36;
	margin-bottom: 10px;
	transition:all 0.3s ease 0s;
	border-right: 5px solid #000;
	text-align: right;
}
.pricing-table.blue .price-value{
	color: #1CA4B9;
}
.pricing-table.green .price-value{
	color: #e4ac1e;
}
 .pricing-table .currency {
	display: inline-block;
	font-size: 30px;
	vertical-align: top;
	margin-top: 8px;
}

.price-value .amount {
	font-size: 50px;
	font-weight: 700;
}
.time-duration {
	text-align: left;
}
.time-duration .time {
	padding: 0 15px;
}
.time p {
	margin:0;
}
.days {
	font-size: 30px;
	line-height: 38px;
}
.text {
	font-size: 24px;
}
.pricing-content ul {
	color: #6f6f6f;
	line-height: 50px;
	font-size: 17px;
	margin-bottom: 20px;
	text-align: left;
	padding-left: 60px;
	
	/* background-attachment: fixed; */

}
/* .pricing-content ul li{
	border-bottom:2px dashed rgba(0,0,0,0.1);
}
.pricing-content ul li:last-child{
	border-bottom:none;
} */
.Sign-Up a{
	display: inline-block;
	padding: 10px 25px;
	background: #EF3E36;
	color:#fff !important;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}
.pricing-table.blue .Sign-Up a{
	background: #1CA4B9;
}
.pricing-table.green .Sign-Up a{
	background: #e4ac1e;
}
.Sign-Up a:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	display: inline-block;
	background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	transform: translate(0,100%);
	transition: all .6s ease-in-out;
	opacity: 0;
}

.Sign-Up a:hover:before {
	opacity: 1;
	transform: translate( 0,-100%);
}
 .modal-header .close {
    padding: 2rem 2rem 2rem 2rem;
    margin: -2rem -2rem -2rem auto;
    font-size: 2rem;
}
 
@media screen and (max-width:990px){
	.pricing-table{
		margin-bottom: 30px;
	}
}
.fade {
    transition: opacity .15s linear;
}
.cursor {
	cursor: pointer;
}
.modal-dialog {
    width: 90%;
    margin: auto;
    position: fixed;
    top: 50vh;
    left: 50vw;
	transform: translate(-50%, -50%) !important;
	box-shadow: 1px 2px 10px 5px #3337;
	max-width: 600px;
}
.modal-open {
    overflow: visible;
}
.bg {
	background:url(../imgs/bg-1.jpg);
	background-size: cover;
	/*opacity: 0.8;*/
}
.modal-body {
	padding: 0 1rem 0;
}
.pad {
	padding: 1rem;
}
.pad-0 {
	padding: 0px;
}
.subs-btn {
	background-color: #333;
color: #fff;
padding: 12px;
font-size: 18px;
margin: 30px auto 15px;
position: relative;
}
.subs-btn::before {
  content: url('../imgs/d.png');
width: 35px;
height: 35px;
display: inline-block;
z-index: 99;
position: absolute;
left: 34%;
top: 8px;
}
.mt-45 {
	margin-top:45px;
}
.d-bg {
	background-image: url('../imgs/d-bg.jpg');
	background-size: cover;
}
@media screen and (min-width:1200px) {
	.none {
		display: block;
	}

	.block {
		display: none;
	}
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
	.daimond {
		width: 32%;
	}
}

@media screen and (max-width: 1026px) and (min-width: 650px) {
	.daimond {
		width: 32%;
	}
}
.cs-bg {
	background-image: url('../imgs/4.jpg');
background-size: contain;
background-position: bottom center;
background-repeat: no-repeat;
background-color: #fafafa;
}
.cs-body {
	padding: 0 1rem 8rem;
}

@media screen and (max-width: 650px) {
	.daimond {
		width: 48.5%;
	}
	.logoimg img {
	    height: 60px;
	    padding: 12px 0 17px;
	}
	.hype-nav li a {
        padding: 10px 6px;
        font-size: 0.9rem;
	}
}

@media screen and (max-width: 450px) {
	.payment_type img {
		width: 150px;
	}
	
	.col-4,
	.col-8,
	.col-lg-4,
	.col-lg-6,
	.col-lg-8,
	.col-md-12,
	.col-md-4,
	.col-md-6,
	.col-md-8,
	.col-sm-12,
	.col-sm-4,
	.col-sm-6,
	.col-sm-8,
	.col-xl-12,
	.col-xl-4,
	.col-xl-6,
	.col-xl-8 {
		padding-left: 0px;
		padding-right: 0px;
	}

	.ml-auto {
		margin-left: 0 !important;
	}
	.hype-header {
        height: 50px;
        padding: 0px;
    }

	.hago_id {
		max-width: 200px;
	}
	.logoimg img {
        padding: 15px 0 20px;
    }
	.hype-nav li a {
        padding: 10px 2px;
        font-size: 0.8rem;
        font-weight: 400;
    }
    .pink {
        font-size: 14px;
        vertical-align: baseline;
    }
    .c-block {
        padding: 40px;
	}
	.subs-btn::before { 
	    left: 21%;
	}
	.h1-text {
	    font-size:2rem;
	}
	h3.h3-text {
	    font-size:1.5rem;
	}
	.container {
	    width:92%;
	}
	.price-value .amount {
	    font-size:45px;
	}
	.pricing-table {
    background-size: 120px auto;
}
.cs-body {
	padding: 0 1rem 4rem;
}
.cs {
    font-size:2.5rem !important;
}
	
}