/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:0px;line-height:0px;}
/**************************************************************************************/
a											{color:#000; text-decoration:none; outline:0 none;}
a:hover										{color:#000;  text-decoration:none;}
h1											{font-size:24px;}
h2											{font-size:22px;}
h3											{font-size:18px;}
h4											{font-size:16px;}
h5											{font-size:14px;}
h6											{font-size:12px;}
/*----------------------------------------------------------------------------------*/
html 											{}
body										{color:#b1b1b1; font-family:"Arial", Verdana, Tahoma; font-size:12px;}
.flt_Lt										{float:left; display:inline;}
.flt_Rt										{float:right; display:inline;}
/* ---------------------------------------------------------------------------------*/


/* ---------- layout ----------*/
body {
	font-family: 'Open Sans', sans-serif;
}
.wrapper {
    margin: 0 auto;
    overflow: hidden;
    background: #f6f6ff;
    position: relative;
    z-index: 10;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
}

/*-------------------------------------------*/

/* --------- HEADER HERE ---------*/
.header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 20px 0;
    z-index: 9999;
}
.logo {
    float: left;
}
.mainnav .btn:hover {
    color: #ffffff;
    background: rgba(0,0,0,0.5);
}

/* ---------------------------------------------------------*/



/* --------- NAVIGATION HERE --------*/
.nav										{}
.nav ul										{}
.nav ul li									{}
.nav ul li a								{}
.nav ul li a span							{}
.nav ul li a:hover							{}
.mainnav {
    float: right;
    padding-top: 10px;
}
.mainnav nav {
    float: left;
    margin-right: 15px;
}
.mainnav nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mainnav nav ul li {
    float: left;
    margin-right: 18px;
}
.mainnav nav ul li a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 46px;
    text-decoration: none;
    transition: 0.1s ease-in;
    padding: 0 15px;
}
.mainnav nav ul li a:hover {
	color: #f68d63;
	text-decoration: none;
}

/* ---------------------------------------------------------*/

/* ------- MAIN CONTENT HERE --------*/
.main_content								{}
main {
    display: block;
}
.homehero_wrapper {
    height: 100vh;
    min-height: 840px;
    position: relative;
}
.homehero_wrapper:after {
    display: block;
    content: "";
    width: 100%;
    height: 271px;
    background: url('../images/herowave.png') no-repeat center bottom;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: -4px;
}
.hero_info {
    padding-top: 210px;
}
.hero_info h1 {
    color: #fefeff;
    padding-bottom: 28px;
}
.hero_info p {
    color: #fefeff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.55;
    margin-bottom: 30px;
}
.home_hero_canvas img {
    max-width: 100%;
}
.home_hero_canvas .main {
    position: absolute;
    right: 125px;
    top: 116px;
}
.h_c1 {
	
}
.h_c2 {
	
}
.h_c3 {
	
}
.home_hero_canvas .main .h_c1 {
	position: absolute;
    top: 176px;
    left: -118px;
}
.home_hero_canvas .main .h_c2 {
	position: absolute;
    top: 46px;
    right: -136px;
}
.home_hero_canvas .main .h_c3 {
	position: absolute;
    top: 392px;
    left: -32px;
}
.home_hero_canvas .dot {
    
}
.home_hero_canvas .scene {
	position: absolute;
}
.home_hero_canvas .h_p1 {
	top: 20px;
    left: -360px;
}
.home_hero_canvas .dot1 {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
}
.home_hero_canvas .h_p2 {
	top: -20px;
    left: 196px;
}
.home_hero_canvas .dot2 {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
}
.home_hero_canvas .h_p3 {
	bottom: -96px;
    left: -480px;
}
.home_hero_canvas .dot3 {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
}
.home_hero_canvas .h_p4 {
	left: -65px;
    bottom: 120px;
}
.home_hero_canvas .dot4 {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
}
.home_hero_canvas .h_p5 {
	bottom: -80px;
    left: 350px;
}
.home_hero_canvas .dot5 {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
}
.home_hero_canvas .h_p6 {
	top: 240px;
    right: -12px;
}
.home_hero_canvas .dot6 {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
}


.purple-grad {
    background: #544de7; /* Old browsers */
    background: -moz-linear-gradient(left, #544de7 0%, #6963dd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #544de7 0%,#6963dd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #544de7 0%,#6963dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.purple-grad2 {
    background: #6e6ade; /* Old browsers */
    background: -moz-linear-gradient(left, #6e6ade 0%, #544de3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #6e6ade 0%,#544de3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #6e6ade 0%,#544de3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*Standard styling*/
h1 {
    color: #40416c;
    font-size: 40px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 1.2;
}
h3 {
    color: #40416c;
    font-size: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1.22;
}
h5 {
    color: #40416c;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1.33;
}
h6 {
    color: #504aee;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 4.5px;
}
p {
    color: #7b7f8f;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.75;
}
p strong {
    font-weight: 600;
}
li {
    color: #7b7f8f;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.75;
}
.btn {
    height: 50px;
    color: #ffffff;
    line-height: 50px;
    padding: 0 20px;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    -webkit-appearance: none;
    outline: none !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    transition: all .4s ease-in-out;
}
.btn-sm {
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    min-width: 170px;
}
.btn-lg {
    height: 70px;
    font-size: 20px;
    line-height: 70px;
    min-width: 230px;
}
.btn-light {
    color: #40416c;
	background: #ffffff;
    box-shadow: 0 4px 18px rgba(48,44,114,0.5);
}
.form-control {
    width: 100%;
    height: 52px;
    background: #ffffff;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    -webkit-appearance: none;
    outline: none !important;
    color: #000000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 52px;
    padding: 0 25px;
}
.form-submit {
    width: 70px;
    height: 52px;
    background: url('../images/inputarrow.png') no-repeat center center;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    outline: none !important;
}
.btn-primary {
    background: #7772e3; /* Old browsers */
    background: -moz-linear-gradient(45deg, #7772e3 0%, #504aee 50%, #7772e3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #7772e3 0%,#504aee 50%,#7772e3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #7772e3 0%,#504aee 50%,#7772e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-size: 200% 100%;
}
.btn-primary:hover {
    background-position: 100% 0;
}
.btn-primary.vertical {
	background: #6b67d1; /* Old browsers */
	background: -moz-linear-gradient(top,  #6b67d1 0%, #4842d5 50%, #6b67d1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #6b67d1 0%,#4842d5 50%,#6b67d1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #6b67d1 0%,#4842d5 50%,#6b67d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-size: 100% 200%;
}
.btn-primary.vertical:hover {
    background-position: 0 100%;
}
.btn-light:hover {
    background-color: #e2e6ea;
    border-color: #dae0e5;
    color: #212529;
}
.btn-outline {
	background: none;
}
.btn-outline-light {
	border: 1px solid #ffffff;
}
.btn-outline-secondary {
	color: #aaaeb3;
	border: 1px solid #aaaeb3;
}
.btn-outline-dark {
	color: #474b4f;
	border: 1px solid #393c40;
}
.btn-outline-dark {
	color: #474b4f;
	border: 1px solid #393c40;
}
.btn-lg.btn-outline-dark {
    line-height: 68px;
}
.btn.btn-outline-light {
	line-height: 48px;
}
.btn.btn-outline-secondary {
	line-height: 48px;
}


.build_launch {
    padding-top: 300px;
    padding-bottom: 154px;
    position: relative;
}
.build_launch:before {
    display: block;
    content: "";
    width: 100%;
    height: 210px;
    background: url('../images/wave5.png') no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 10;
}
.build_launch h3 {
    color: #ffffff;
    font-weight: 700;
    padding-bottom: 20px;
}
.build_launch p {
    color: #ffffff;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.build_launch .btn-lg {
    font-size: 18px;
	margin-top: 8px;
}
.btn_icon {
    padding-right: 35px;
    position: relative;
}
.btn_icon.right_arrow:after {
    display: block;
    content: "";
    width: 20px;
    height: 15px;
    background: url('../images/arrow_right.png') no-repeat center center;
    position: absolute;
    right: 0;
    top: 4px;
}
.template_gallery {
    background: #ffffff url('../images/wave14.png') no-repeat center bottom;
	background-size: 100% 610px;
	padding-top: 48px;
	padding-bottom: 280px;
	position: relative;
}

.template_gallery h3 {
    padding-bottom: 85px;
}
.template_gallery_list {
    padding-bottom: 44px;
}
.template_gallery_list [class*=col-] {
    margin-bottom: 76px;
}
.template_g {
    box-shadow: 0 0 8px rgba(22,20,54,0.3);
    position: relative;
}
.template_g:before {
    display: block;
    content: "";
    width: calc(100% - 20px);
    height: 11px;
    background: #ffffff;
    position: absolute;
    left: 10px;
    top: 100%;
    box-shadow: 0 0 8px rgba(22,20,54,0.3);
    z-index: 20;
}
.template_g:after {
    display: block;
    content: "";
    width: calc(100% - 40px);
    height: 14px;
    background: #ffffff;
    position: absolute;
    left: 20px;
    bottom: -25px;
    box-shadow: 0 0 8px rgba(22,20,54,0.3);
}
.template_g figure {
    margin: 0;
}
.template_g figure img {
    display: block;
    width: 100%;
}
.link_box {
    background: #736dfa; /* Old browsers */
    background: -moz-linear-gradient(45deg, #736dfa 0%, #504aee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #736dfa 0%,#504aee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #736dfa 0%,#504aee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.link_box:after {
    display: block;
    content: "";
    clear: both;
}
.link_box a {
    display: block;
    width: 50%;
    float: left;
    height: 54px;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 54px;
    text-align: center;
    text-decoration: none;
    transition: 0.1s ease-in;
    padding: 0 10px;
}
.link_box a:first-child {
    background: rgba(0,0,0,0.3);
}
.link_box a:hover {
    background: rgba(0,0,0,0.1);
}
.big_features {
    background: #ffffff;
	padding-top: 128px;
	padding-bottom: 10px;
	position: relative;
}
.big_features .info {
    
}
.big_features .info h6 {
    padding-bottom: 5px;
}
.big_features .info h3 {
    padding-bottom: 20px;
}
.big_features .info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.big_features .info ul li {
    padding-left: 38px;
    position: relative;
    margin-bottom: 16px;
}
.big_features .info ul li:last-child {
    margin-bottom: 0;
}
.big_features .info ul li:before {
    display: block;
    content: "";
    width: 18px;
    height: 15px;
    background: url('../images/checkmark.png') no-repeat center center;
    position: absolute;
    left: 2px;
    top: 7px;
}
.big_feature_wrapper {
    position: relative;
    margin-bottom: 108px;
}
.big_features .big_feature_wrapper:last-child {
	margin-bottom: 58px;
}
.big_feature_wrapper .row {
    min-height: 575px;
}
.big_feature_wrapper .feature_image {
    position: static;
}
.big_feature_wrapper .feature_image figure {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
}
.big_feature_wrapper .feature_image.order-md-last figure {
    position: absolute;
    left: auto;
    right: 0;
}
.web_builder {
	padding-top: 8px;
    padding-bottom: 138px;
}
.web_builder .title {
    padding-bottom: 104px;  
}
.web_builder .title h6 {
    padding-bottom: 4px;
}
.web_builder .title h3 {
    padding-bottom: 28px;
}
.side_image img {
    max-width: 100%;
}
.builder_features {
    
}
.builder_features ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.builder_features ul li {
    position: relative;
    margin-bottom: 18px;
}
.builder_features ul li figure {
    width: 160px;
    margin-right: 10px;
    float: left;
}
.builder_features ul li .content {
    overflow: hidden;
}
.builder_features ul li figure img {
    max-width: 100%;
}
.builder_features ul li:after {
    display: block;
    content: "";
    clear: both;
}
.app_carousel_wrapper {
    padding-bottom: 292px;
	position: relative;
}
.app_carousel_wrapper:after {
	display: block;
	content: "";
	width: 100%;
	height: 108px;
	background: url('../images/wave1.png') no-repeat center bottom;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 40;
}
.app_carousel_inner {
    
}
.app_carousel {
    
}
.app_carousel_inner h6 {
    padding-bottom: 8px;
}
.app_carousel_inner h3 {
    padding-bottom: 54px;
}
.app_box {
    width: 370px;
    background: #ffffff;
    border-radius: 30px;
    box-shadow: 0 7px 21px rgba(22,20,54,0.25);
    /*height: 100%;*/ /*lvu*/
    padding: 24px 40px;
    margin: 0.4rem; /*lvu*/
}
.app_carousel .slick-slide {
    padding: 30px 15px;
	white-space: normal;
}
.app_carousel_box {
    position: relative;
    min-height: 530px;
}
/*
.app_carousel_box:after {
    display: block;
    content: "";
    width: 1000px;
    height: 100%;
    background: rgba(255,255,255,0.6);
    position: absolute;
    left: 100%;
    left: calc(100% + 15px);
    top: 0;
    z-index: 40;
}
*/
.app_carousel_box .app_carousel {
    position: absolute;
    left: -15px;
    top:0;
    white-space: nowrap;
}
.app_box figure {
    height: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 12px;
}
.app_box h5 {
    padding-bottom: 10px;
}
.app_box p {
    min-height: 132px;
}
.slick-dots {
    
}
.slick-dots li {
    float: left;
    margin: 0 4px;
    line-height: 0;
}
.slick-dots button {
    width: 12px;
    height: 12px;
    font-size: 0.1px;
    text-indent: -9999px;
    border-radius: 50%;
    background: #d8d7f6;
    border: none;
    border-radius: 50px;
    box-shadow: none;
    -webkit-appearance: none;
    outline: none !important;
	padding: 0;
    transition: 0.1s ease-in;
}
.slick-dots .slick-active button {
    background: #5a55d5;
}
.slick-prev {
    width: 60px;
    height: 60px;
    background: #ffffff url('../images/leftarrow.png') no-repeat center center;
    border: none;
    border-radius: 50%;
    box-shadow: 0 7px 21px rgba(22,20,54,0.25);
    -webkit-appearance: none;
    outline: none !important;
    font-size: 0.1px;
    text-indent: -9999px;
    cursor: pointer;
    transition: 0.1s ease-in;
}
.slick-prev:hover {
    box-shadow: 0 7px 21px rgba(22,20,54,0.4);
}
.slick-next {
    width: 60px;
    height: 60px;
    background: #ffffff url('../images/rightarrow.png') no-repeat center center;
    border: none;
    border-radius: 50%;
    box-shadow: 0 7px 21px rgba(22,20,54,0.25);
    -webkit-appearance: none;
    outline: none !important;
    font-size: 0.1px;
    text-indent: -9999px;
    cursor: pointer;
    transition: 0.1s ease-in;
}
.slick-next:hover {
    box-shadow: 0 7px 21px rgba(22,20,54,0.4);
}
.app_carousel_inner .apc_arrows {
    position: absolute;
    right: 200px;
    top: 25px;
}
.app_carousel_inner .slick-dots {
	position: absolute;
    right: 11px;
    top: 48px;
}
.apc_arrows button {
    margin: 0 24px;
}
.price_table_wrapper {
	background: #f6f6ff;
	min-height: 1100px;
	position: relative;
	padding-top: 300px;
	padding-bottom: 90px;
}
.price_table_wrapper:before {
	display: block;
	content: "";
	width: 100%;
	height: 209px;
	background: url('../images/wave2.png') no-repeat center top;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.price_table_wrapper:after {
	display: block;
	content: "";
	width: 100%;
	height: 492px;
	background: url('../images/wave3.png') no-repeat center bottom;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.switch {
    display: inline-block;
    height: 30px;
    position: relative;
    width: 70px;
}
.switch input[type="checkbox"] {
    height: 0;
    opacity: 0;
    width: 0;
}
.switch .slider {
    background: #f5d16a;
	border-radius: 20px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s ease 0s;
}
.switch .slider:before {
    background-color: #ffffff;
	border-radius: 50%;
    top: 0;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 30px;
	box-shadow: 0 0 8px rgba(22,20,54,0.3);
}
.switch input:checked + .slider:before {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
}
.switch input:checked + .slider {
	background: #30cfd1;
}
.switch .text {
	color: #40416c;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: normal;
	transition: all 0.4s ease 0s;
	opacity: 0.4;
}
.switch .from {
	display: block;
	position: absolute;
	padding-right: 18px;
	right: 100%;
	top:50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform:translate(0,-50%);
	white-space: nowrap;
	opacity: 1;
}
.switch .to {
	display: block;
	position: absolute;
	padding-left: 18px;
	left: 100%;
	top:50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform:translate(0,-50%);
	white-space: nowrap;
}
.switch input:checked + .slider + .from {
	opacity: 0.4;
}
.switch input:checked + .slider + .from + .to {
	opacity: 1;
}
.price_table_wrapper .title h6 {
	padding-bottom: 8px;
}
.price_table_wrapper .title h3 {
	padding-bottom: 36px;
}
.price_table {
	background: #ffffff;
	box-shadow: 0 7px 27px rgba(22, 20, 54, 0.25);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 99.5%;
	position: relative;
	z-index: 40;
}
.plan_name {
	height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	padding: 0 15px;
}
.plan_name.blank {
	background: #ffffff;
	border-bottom: 1px solid #d1d0ef;
}
.plan_name h6 {
	color: #ffffff;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0;
	text-transform: none;
}
.price_tag {
	height: 90px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 15px;
	border-bottom: 1px solid #d1d0ef;
}
.price_tag h6 {
	color: #40416c;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0;
	text-transform: none;
}
.feature_tag {
	height: 90px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 15px;
	border-bottom: 1px solid #d1d0ef;
}
.feature_tag h6 {
	color: #40416c;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0;
	text-transform: none;
}
.plan_column .btn_box {
	padding-bottom: 56px;
	border-left: 1px solid #d1d0ef;
}
.plan_column .feature_list {
	padding-top: 28px;
	padding-bottom: 38px;
	border-left: 1px solid #d1d0ef;
}
.plan_column .price_tag {
	border-left: 1px solid #d1d0ef;
}
.plan_column .feature_list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.plan_column .feature_list ul li {
	color: #7b7f8f;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	height: 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 15px;
}
.plan_column .feature_list ul li strong {
	font-weight: 700;
}
.available {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url('../images/tick-green.svg') no-repeat center center;
	background-size: 100% 100%;
}
.unavailable {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url('../images/unavailable.svg') no-repeat center center;
	background-size: 100% 100%;
}
.picked .available {
	background: url('../images/tick-white.svg') no-repeat center center;
}
.headline_column {
	flex: 0 0 25.6%;
    max-width: 25.6%;
}
.headline_column .feature_list {
	padding-top: 28px;
	padding-bottom: 38px;
}
.headline_column .feature_list ul li {
	color: #7b7f8f;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: normal;
	height: 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 50px;
	padding-right: 15px;
}
.headline_column .feature_tag {
	padding-left: 50px;
}
.headline_column .price_tag {
	padding-left: 50px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.plan_column {
	flex: 0 0 17.1%;
    max-width: 17.1%;
	text-align: center;
}
.plan_column.picked {
	flex: 0 0 23.1%;
    max-width: 23.1%;
}
.toggle_bar {
	padding-bottom: 80px;
}
.plan_column.free .plan_name {
	background: #18acac; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #18acac 0%, #32d2d4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #18acac 0%,#32d2d4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #18acac 0%,#32d2d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.plan_column.entry .plan_name {
	background: #f4c32b; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f4c32b 0%, #f1c640 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f4c32b 0%,#f1c640 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f4c32b 0%,#f1c640 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.plan_column.business.picked {
	background: #736dfa; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #736dfa 0%, #514aef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #736dfa 0%,#514aef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #736dfa 0%,#514aef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.plan_column.picked .feature_list ul li {
	color: #ffffff;
}
.plan_column.pro .plan_name {
	background: #fea683; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fea683 0%, #e44f16 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #fea683 0%,#e44f16 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #fea683 0%,#e44f16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.plan_column.picked .price_tag h6 {
	color: #ffffff;
}
.plan_column.picked .feature_list {
	border-left: none;
}
.plan_column.picked .btn_box {
	border-left: none;
}
.plan_column.picked .price_tag {
	border-left: none;
	border-bottom: 1px solid #8d88f0;
}
.plan_column.picked .feature_tag {
	border-bottom: 1px solid #8d88f0;
}
.plan_column.picked + .plan_column .feature_list {
	border-left: none;
}
.plan_column.picked + .plan_column .btn_box {
	border-left: none;
}
.plan_column.picked + .plan_column .price_tag {
	border-left: none;
}
.plan_column .btn-light {
	box-shadow: none;
}
.plan_column.business.picked .picked_title {
	display: block;
	width: 100%;
	height: 40px;
	color: #ffffff;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: normal;
	padding: 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#736dfa+0,514aef+100 */
	background: #736dfa;
	/* Old browsers */
	background: -moz-linear-gradient(top, #736dfa 0%, #514aef 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #736dfa 0%, #514aef 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #736dfa 0%, #514aef 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#736dfa', endColorstr='#514aef', GradientType=0);
	/* IE6-9 */
	border-radius: 15px 15px 0 0;
	position: absolute;
	left: 0;
	bottom: 100%;
}
.testimonial_wrapper {
	padding-top: 66px;
	padding-bottom: 0;
	position: relative;
	margin-bottom: -50px;
    position: relative;
    z-index: 40;
}
.testimonial_wrapper .title h6 {
	padding-bottom: 8px;
}
.template_gallery_wrapper {
	position: relative;
	z-index: 40;
}

/*Feature page*/
.feature_hero {
	background: #ffffff;
	min-height: 632px;
}
.feature_hero .info {
	padding-top: 224px;
}
.feature_hero .info h1 {
	color: #4c46c4;
	font-size: 44px;
	font-weight: 600;
	padding-bottom: 58px;
}
.feature_hero .info p {
	color: #7b7f8f;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 56px;
}
.btn_icon.right_warrow:after {
	display: block;
	content: "";
	width: 20px;
	height: 15px;
	background: url('../images/arrow_white.svg') no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 5px;
}
.feature_hero_pic figure {
	height: auto;
	width: 1195px;
	position: absolute;
	left: -120px;
	top: -40px;
	margin: 0;
	height: 632px;
	z-index: 20;
}
.feature_hero_pic figure img {
	display: block;
	width: 100%;
}
/*
.feature_hero_pic figure:after {
	display: block;
	content: "";
	width: 1000px;
	height: 100%;
	background: #6F6AD9;
	position: absolute;
	left: 100%;
	top: 0;
}
*/
.website_builder {
	position: relative;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 20%, #eeedff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 20%,#eeedff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 20%,#eeedff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding-bottom: 320px;
	padding-top: 140px;
}
.website_builder:after {
	display: block;
	content: "";
	width: 100%;
	height: 370px;
	background: url('../images/wave6.png') no-repeat center bottom;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.website_builder .title {
	padding-bottom: 54px;
}
.website_builder .title h3 {
	color: #4c46c4;
	font-weight: 700;
	padding-bottom: 50px;
}
.website_builder .title .btn {
	margin-top: 88px;
	margin-right: 40px;
}
.builderblocks_list {
	
}
.builderblock {
	height: 100%;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 4px 30px rgba(20,14,147,0.2);
	padding: 15px 25px;
	padding-bottom: 52px;
	transition: 0.5s ease-out;
	transform: translateY(0);
	position: relative;
} 
.builderblock a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.builderblock figure {
	height: 170px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: 0;
	margin-bottom: 6px;
}
.builderblock figure img {
	max-width: 100%;
	max-height: 100%;
}
.builderblock h5 {
	color: #40416c;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}
.builderblocks_list [class*=col-]:nth-child(2n) {
	top: 70px;
}
@-webkit-keyframes updownmover {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
	100% { transform: translateY(0px); }
}
@keyframes updownmover {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
	100% { transform: translateY(0px); }
}
.builderblocks_list .builderblock:hover {
	-webkit-animation: updownmover 2s infinite;
    animation: updownmover 2s infinite;
}
.hosting_wrapper {
	background: #ffffff;
	padding-top: 66px;
	padding-bottom: 35px;
}
.hosting_wrapper .title {
	padding: 0 40px;
}
.hosting_wrapper .title h3 {
	color: #4c46c4;
	padding-bottom: 18px;
}
.hosting_wrapper .title p {
	
}
.hosting_features {
	padding-top: 34px;
}
.hosting_features [class*=col-] {
	border-right: 2px solid #eae9fc;
	border-bottom: 2px solid #d4d2f6;
}
.hosting_features [class*=col-]:nth-child(3n) {
	border-right: none;
}
.hosting_features [class*=col-]:nth-last-child(-n+3) {
    border-bottom: none;
}
.hosting_featurebox {
	padding: 50px 55px 65px;
}
.hosting_featurebox figure {
	height: 110px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: 0;
}
.hosting_featurebox figure img {
	max-height: 100%;
}
.hosting_featurebox h5 {
	color: #40416c;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	padding-bottom: 12px;
}
.hosting_featurebox p {
	color: #7b7f8f;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
.webmail_wrapper {
	position: relative;
	padding-top: 292px;
	padding-bottom: 0;
}
.webmail_wrapper:before {
	display: block;
	content: "";
	width: 100%;
	height: 192px;
	background: url('../images/wave7.png') no-repeat center top;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.webmail_wrapper:after {
	display: block;
	content: "";
	width: 100%;
	height: 290px;
	background: url('../images/wave8.png') no-repeat center top;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	bottom: 0;
}
.webmail_wrapper .title {
	padding-bottom: 72px;
}
.webmail_wrapper .title h3 {
	color: #4c46c4;
}
.webmail_wrapper .title p {
	margin-bottom: 18px;
}
.webmail_wrapper .features {
	padding-bottom: 42px;
}
.webmail_wrapper .features h5 {
	color: #40416c;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px;
}
.webmail_wrapper .features h5 img {
	margin-right: 16px;
}
.webmail_wrapper .features [class*=col-] {
	padding-right: 50px;
}
.gbox {
	margin-top: 68px;
	margin-left: 35px;
	margin-right: 165px;
	position: relative;
	z-index: 40;
}
.gbox figure img {
	display: block;
	width: 100%;
}
.gbox .big {
	box-shadow: 0 16px 38px rgba(10,8,64,0.25);
}
.gbox .small {
	position: absolute;
	width: 200px;
	top:50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform:translate(0,-50%);
	right: -100px;
}
.std_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.std_list li {
    padding-left: 38px;
    position: relative;
    margin-bottom: 12px;
}
.std_list li:last-child {
    margin-bottom: 0;
}
.std_list li:before {
    display: block;
    content: "";
    width: 18px;
    height: 15px;
    background: url('../images/checkmark.png') no-repeat center center;
    position: absolute;
    left: 2px;
    top: 7px;
}
.webdrive_wrapper {
	background: #ffffff;
	padding-top: 185px;
}
.webdrive_wrapper h3 {
	color: #4c46c4;
	padding-bottom: 36px;
}
.webdrive_wrapper p {
	margin-bottom: 18px;
}
.webdrive_wrapper .std_list {
	padding-top: 36px;
	padding-bottom: 58px;
}
.webdrive_wrapper .sidepic figure {
	position: relative;
	top: -42px;
	left: -100px;
}
.webdrive_wrapper .info {
	min-height: 572px;
}
.build_launch.white_wave:before {
    background: url('../images/wave9.png') no-repeat center top;
	background-size: 100% 100%;
}


/*About page*/
.about_hero {
	background: #ffffff;
	min-height: 900px;
}
.about_hero .info {
	padding-top: 250px;
	min-height: 502px;
	padding-bottom: 40px;
	position: relative;
	z-index: 40;
}
.about_hero .info h6 {
	color: #e8612b;
	padding-bottom: 8px;
}
.about_hero .info h1 {
	color: #4c46c4;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.22;
}
.partner_wrapper {
	position: relative;
	z-index: 40;
}
.partner_wrapper h6 {
	color: #7b7f8f;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: normal;
	text-transform: none;
	letter-spacing: 0;
	padding-bottom: 55px;
}
.partner_carousel {
	margin: 0 -15px;
}
.partner_carousel figure {
	background: #ffffff;
	height: 120px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 10px;
	border-radius: 20px;
	box-shadow: 0 6px 30px rgba(10,8,64,0.25);
}
.partner_carousel .slick-slide {
	padding: 30px 15px;
}
.partner_carousel .slick-prev {
	width: 40px;
	height: 25px;
	background: url('../images/arrow_left.png') no-repeat center center;
	box-shadow: none;
	position: absolute;
	left: 5px;
	top: -20px;
}
.partner_carousel .slick-next {
	width: 40px;
	height: 25px;
	background: url('../images/arrow_right.png') no-repeat center center;
	box-shadow: none;
	position: absolute;
	left: 75px;
	top: -20px;
}
.about_hero_pic > figure {
    left: -150px;
	width: 1205px;
    position: absolute;
    top: -40px;
	margin: 0;
	z-index: 20;
}
.about_hero_pic > figure img {
	display: block;
	width: 100%;
}
.our_mission_vision {
	background: #ffffff;
	padding-top: 200px;
}
.our_mission_vision .info {
	padding: 0;
}
.our_mission_vision .info h6 {
	color: #e5561d;
	padding-bottom: 12px;
}
.our_mission_vision .info h3 {
	color: #4c46c4;
	line-height: 1.22;
	padding-bottom: 32px;
}
.our_mission_vision .info p {
	color: #7b7f8f;
	margin-bottom: 18px;
}
.our_mission_vision .info h5 {
	color: #4c46c4;
	font-size: 20px;
	font-weight: 600;
	padding-top: 62px;
	padding-bottom: 70px;
}
.our_mv_list {
	margin: 0 -40px;
	padding-bottom: 115px;
}
.our_mv_list [class*=col-] {
	padding: 0 40px;
}
.ach_box {
	background: #ffffff url('../images/wstyle1.png') no-repeat left bottom;
	box-shadow: 0 6px 30px rgba(10,8,64,0.25);
	border-radius: 20px;
	position: relative;
	padding: 15px;
	padding-top: 70px;
	min-height: 250px;
}
.ach_box1 {
	background: #ffffff url('../images/wstyle2.png') no-repeat left bottom;
} 
.ach_box2 {
	background: #ffffff url('../images/wstyle3.png') no-repeat right bottom;
}
.ach_box strong {
	color: #4c46c4;
	font-size: 44px;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 5px;
}
.ach_box .icon {
	position: absolute;
	top: -35px;
	left:50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform:translate(-50%,0);
}
.web360 {
	background: #7772e3; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #7772e3 0%, #514aef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #7772e3 0%,#514aef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #7772e3 0%,#514aef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: relative;
	padding-top: 348px;
	padding-bottom: 166px;
	position: relative;
	z-index: 90;
}
.web360:before {
	display: block;
	content: "";
	width: 100%;
	height: 218px;
	background: url('../images/wave10.png') no-repeat center top;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.web360:after {
	display: block;
	content: "";
	width: 100%;
	height: 102px;
	background: url('../images/wave11.png') no-repeat center top;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: -4px;
}
.web360 h3 {
	color: #ffffff;
	font-size: 36px;
	font-weight: 600;
	padding-bottom: 134px;
}
.web_features {
	
}
.web_features [class*=col-] {
	min-height: 355px;
	margin-bottom: 30px;
}
.web_featurebox {
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 4px 30px rgba(20,14,147,0.20);
	padding: 40px 60px;
	padding-top: 100px;
	height: 100%;
	position: relative;
	transition: 0.2s ease-in;
}
.web_featurebox:hover {
	box-shadow: 0 4px 30px rgba(20,14,147,0.35);
}
.web_featurebox > a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
}
.web_featurebox .icon {
	position: absolute;
	top: -40px;
	left:50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform:translate(-50%,0);
}
.web_featurebox h5 {
	color: #40416c;
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 22px;
}
.web_featurebox p {
	color: #7b7f8f;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75;
}
.web360 .btn_box {
	padding-top: 85px;
}
.join_team {
	background: #ffffff;
	padding-bottom: 90px;
}
.join_team .title {
	
}
.join_team .title h6 {
	color: #e8612b;
	padding-bottom: 8px;
}
.join_team .title h3 {
	color: #4c46c4;
	font-weight: 600;
	padding-bottom: 70px;
}
.join_list {
	
}
.join_list [class*=col-] {
	min-height: 340px;
	margin-bottom: 40px;
}
.join_list .join_box {
	background: #ffffff;
	height: 100%;
	border: 1px solid #d4d2f6;
	padding: 20px;
	padding-left: 55px;
	padding-top: 75px;
	padding-bottom: 122px;
	position: relative;
}
.join_list .join_box h6 {
	color: #e5561d;
	text-transform: none;
	letter-spacing: 0;
	padding-bottom: 8px;
}
.join_list .join_box h4 {
	color: #4b4983;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.56;
}
.go_link {
	display: block;
	width: 50px;
	height: 50px;
	border: 1px solid #d2d0ff;
	border-radius: 50%;
	background: #ffffff url('../images/arrow_purple_right.svg') no-repeat center center;
	text-decoration: none;
	transition: 0.1s ease-in;
}
.go_link:hover {
	background: #d2d0ff url('../images/arrow_purple_right.svg') no-repeat center center;
}
.join_list .join_box .go_link {
	position: absolute;
	left: 55px;
	bottom: 58px;
}

/*Login page*/
input[type=checkbox].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left: 40px;
	height: auto;
	display: inline-block;
	color: #2c304d;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: normal;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
}
input[type=checkbox].css-checkbox + label.css-label:before {
	display: block;
	content: "";
	width: 21px;
	height: 21px;
	background: #eae9f0;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 0;
}
input[type=checkbox].css-checkbox:checked + label.css-label:after {
	display: block;
	content: "";
	width: 18px;
	height: 15px;
	background: url('../images/checkmark.png') no-repeat center center;
	position: absolute;
	left: 2px;
	top: 3px;
	z-index: 1;
}
label.css-label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.sign_form {
	height: 100vh;
	min-height: 800px;
}
.sign_form:after {
	display: block;
	content: "";
	clear: both;
}
.sign_info {
	float: left;
	width: 50%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	padding: 40px 4.68%;
	transition: 1s ease-out;
}
.pattern_bg {
	background: #504aee; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #504aee 0%, #33d5d7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #504aee 0%,#33d5d7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #504aee 0%,#33d5d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 50%;
	height: 100%;
	position: absolute;
	right: 50%;
	top: 0;
	z-index: 90;
	transition: 0.6s ease-in;
}
.pattern_bg:before {
	display: block;
	content: "";
	width: 100%;
	height: 50%;
	background: url('../images/siwave1.png') no-repeat center top;
	background-size: 100% 287px;
	background-attachment: fixed;
	position: absolute;
	left: 0;
	top: 0;
}
.sf_bg {
	width: 50%;
	height: 100%;
	background: #ffffff;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 80;
	transition: 0.6s ease-in-out;
}
.sign_switch .pattern_bg {
	right: 0;
	animation: elasticband ease-out 1s;
  	animation-iteration-count: 1;
}
.before_switch .pattern_bg {
	animation: elasticband2 ease-out 1s;
  	animation-iteration-count: 1;
}
.sign_switch .sf_bg {
	left: 0;
}
@keyframes elasticband{
  0% {
  	width: 50%;  
  }
  50% {
    width: 100%;
  }
  100% {
    width: 50%;
  }
}
@keyframes elasticband2 {
  0% {
  	width: 50%;  
  }
  50% {
    width: 100%;
  }
  100% {
    width: 50%;
  }
}

.sign_formbox {
	float: left;
	width: 38%;
	height: 100%;
	padding: 40px 5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	transition: 1s ease-out;
	z-index: 1050;
}

.sign_info .content {
	position: relative;
	z-index: 60;
}
.sign_info .content h1 {
	color: #ffffff;
	font-size: 48px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1;
	padding-bottom: 34px;
}
.sign_info .content h1 strong {
	display: block;
	color: #33d5d7;
	font-size: 100px;
	font-weight: 700;
	padding-top: 8px;
	text-transform: uppercase;
}
.sign_info .content p {
	color: #ffffff;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 18px;
}
.sign_info_pic {
    bottom: -56px;
    position: absolute;
    right: -78px;
	z-index: 60;
	margin: 0;
}
.sign_form .btn {
	font-size: 14px;
	min-width: 136px;
}
.btn.btn-outline-primary {
	line-height: 48px;
}
.sign_info .content .btn {
	margin-top: 32px;
}
.sign_formbox .content {
    margin: 0 auto;
    max-width: 500px;
    text-align: center;
    width: 100%;
}
.sign_formbox h2 {
	display: inline-block;
	color: #504aee;
	font-size: 36px;
	font-weight: 700;
	line-height: normal;
	background: #504aee; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #504aee 0%, #33d5d7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #504aee 0%,#33d5d7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #504aee 0%,#33d5d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	padding-bottom: 50px;
}
.form-control.alt {
	width: 100%;
	height: 48px;
	background: #ffffff;
	box-shadow: none;
	border: 1px solid rgba(0,0,0,0) !important;
	border-radius: 0;
	border-bottom: 1px solid #eeeeee !important;
	-webkit-appearance: none;
	outline: none !important;
	padding: 0 10px !important;
	color: #2c304d;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 46px;
}
.sign_form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: #94a4b0;
	opacity: 1 !important;
}
.sign_form .form-control::-moz-placeholder { /* Firefox 19+ */
	color: #94a4b0;
	opacity: 1 !important;
}
.sign_form .form-control:-ms-input-placeholder { /* IE 10+ */
	color: #94a4b0;
	opacity: 1 !important;
}
.sign_form .form-control:-moz-placeholder { /* Firefox 18- */
	color: #94a4b0;
	opacity: 1 !important;
}
.sign_formbox .opt a {
	color: #504aee;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	transition: 0.1s ease-in;
}
.sign_formbox .opt a:hover {
	text-decoration: underline;
}
.sign_formbox .opt {
	text-align: left;
}
.sign_formbox .form-group {
	margin-bottom: 10px;
}
.sign_formbox .opt {
	padding-top: 5px;
	padding-bottom: 15px;
}
.sign_formbox .form-group:last-child {
	margin-bottom: 0;
}
.sign_formbox .btn-primary {
	box-shadow: 0 3px 6px rgba(0,0,0,0.14);
}
.forgot_pic {
	position: absolute;
	right: 15px;
	bottom: 0;
	margin: 0;
}
.sign_formbox .btn_box {
	text-align: left;
}
.sign_formbox .btn_box .btn {
	min-width: 168px;
}
.forgot_form .btn_box {
	padding-top: 46px;
}
.sign_in_info {
/*
	background: #504aee; 
	background: -moz-linear-gradient(45deg,  #504aee 0%, #33d5d7 100%);
	background: -webkit-linear-gradient(45deg,  #504aee 0%,#33d5d7 100%); 
	background: linear-gradient(45deg,  #504aee 0%,#33d5d7 100%); 
*/
}
.sign_in_info .content {
	text-align: right;
}
.sign_in_info .content h1 {
	font-size: 72px;
	font-weight: 600;
	padding-bottom: 78px;
}
/*
.sign_in_info:before {
	background: url('../images/siwave2.png') no-repeat center top;
	background-size: 100% auto;
}
*/

.forgot_info {
    position: absolute;
    left: -100%;
    top: 0;
	z-index: 90;
	opacity: 0;
}
.sign_in_info {
	right: -100%;
    position: absolute;
    top: 0;
	z-index: 90;
	opacity: 0;
}
.forgot_form {
    position: absolute;
    right: -100%;
    top: 0;
	opacity: 0;
	z-index: 80;
}
.sign_up_info {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	z-index: 90;
}
.sign_in_form {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 90;
	z-index: 80;
}
.sign_up_form {
	position: absolute;
	left: -100%;
	top: 0;
	opacity: 0;
	z-index: 80;
}
.sign_in_info .sign_info_pic {
    bottom: -40px;
    left: -70px;
    right: auto;
}


.sign_up .sign_info_pic {
    bottom: -40px;
    left: -72px;
    margin: 0;
    position: absolute;
}
.sign_in_info .content .btn {
    margin-top: 80px;
}

.create_acin .sign_up_info {
	left: -100%;
	opacity: 0;
}
.create_acin .sign_in_form {
	right: -100%;
	opacity: 0;
}

.create_acin .sign_in_info {
	right: 0;
	opacity: 1;
	z-index: 90;
}
.create_acin .sign_up_form {
	left: 0;
	opacity: 1;
	z-index: 80;
}
.fp_in .sign_up_info {
	left: -100%;
	opacity: 0;
}
.fp_in .sign_in_form {
	right: -100%;
	opacity: 0;
}
.fp_in .forgot_info {
	left: 0;
	opacity: 1;
	z-index: 90;
}
.fp_in .forgot_form {
	right: 0;
	opacity: 1;
	z-index: 80;
}


/*Subpages*/
.subpage_hero {
	min-height: 700px;
	position: relative;
}
.subpage_hero .hero_info {
	padding-top: 220px;
}
.subpage_hero .hero_info h4 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 6px;
	padding-bottom: 8px;
}
.subpage_hero .hero_info h1 {
	color: #ffffff;
	font-size: 44px;
	font-weight: 600;
	line-height: 1.18;
}
.subpage_hero:after {
	display: block;
	content: "";
	width: 100%;
	height: 192px;
	background: url('../images/wave12.png') no-repeat center bottom;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}
.subpage_hero .hero_pic {
	padding-top: 165px;
	z-index: 60;
}
.subpage_hero .hero_pic figure {
	max-width: 570px;
}
.subpage_hero .hero_pic figure img {
	display: block;
	max-width: 100%;
}
.account_btn {
	background: rgba(0,0,0,0.3);
}
.blog_app_features {
	background: #f4f3fd;
	padding-top: 70px;
}
.blog_app_features h3 {
	color: #4c46c4;
	font-weight: 600;
	padding-bottom: 100px;
}
.blog_app_list {
	
}
.blog_app_list [class*=col-] {
	margin-bottom: 30px;
	min-height: 400px;
}
.subapp_box {
	background: #ffffff;
	border-radius: 20px;
	height: 100%;
	padding: 50px;
}
.subapp_box figure {
	height: 125px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: 0;
	margin-bottom: 6px;
}
.subapp_box h5 {
	color: #40416c;
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 12px;
}
.subapp_box p {
	color: #7b7f8f;
	font-size: 16px;
	line-height: 1.5;
}
.how_work_wrapper {
	background: #f4f3fd;
	padding-top: 100px;
	padding-bottom: 65px;
}
.how_work_wrapper h3 {
	color: #4c46c4;
	font-weight: 600;
	text-align: center;
	padding-bottom: 134px;
}
.work_flow_list {
	
}
.flow_box {
	position: relative;
}
.flow_box .info {
	
}
.flow_box .info h4 {
	color: #4c46c4;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: normal;
	padding-bottom: 18px;
}
.flow_box .info p {
	color: #7b7f8f;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	padding-left: 36px;
	position: relative;
}
.flow_box .info p:before {
	display: block;
	content: "";
	width: 30px;
	height: 3px;
	background: #ff8745;
	position: absolute;
	left: 0;
	top: 10px;
}
.flow_top {
	padding-bottom: 150px;
}
.flow_top:after {
	display: block;
	content: "";
	width: calc(100% - 268px);
	height: 5px;
	background: url('../images/line_mark.png') repeat-x left center;
	position: absolute;
	left: 134px;
	bottom: 1px;
}
.flow_top:before {
	display: block;
	content: "";
	width: 4px;
	height: calc(100% - 200px);
	background: url('../images/line_mark_vert.png') repeat-y center top;
	position: absolute;
	left: 35px;
	top: 100px;
}
.flow_box figure {
	margin-bottom: 0;
	position: relative;
	z-index: 20;
}
.curve_left_bottom {
	display: block;
	width: 99px;
	height: 99px;
	background: url('../images/curve1.png') no-repeat left bottom;
}
.flow_top .curve_left_bottom {
    bottom: 2px;
    left: 35px;
    position: absolute;
}
.flow_top .number {
    left: 14px;
    position: absolute;
    top: 55px;
}
.flow_top .info {
	padding-top: 15px;
}
.flow_middle {
	padding: 58px 0;
}
.flow_middle .number {
	position: absolute;
	right: 16px;
	top:50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform:translate(0,-50%);
}
.flow_middle .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flow_middle:after {
	display: block;
	content: "";
	width: calc(100% - 268px);
	height: 5px;
	background: url('../images/line_mark.png') repeat-x left center;
	position: absolute;
	left: 134px;
	bottom: 1px;
}
.curve_right_top {
	display: block;
	width: 99px;
	height: 99px;
	background: url('../images/curve2.png') no-repeat left top;
}
.curve_right_bottom {
	display: block;
	width: 99px;
	height: 99px;
	background: url('../images/curve3.png') no-repeat left bottom;
}
.flow_middle .curve_right_top {
	position: absolute;
	right: 35px;
	top: -7px;
}
.flow_middle .curve_right_bottom {
	position: absolute;
	right: 35px;
	bottom: 0;
}
.flow_middle:before {
	display: block;
	content: "";
	width: 4px;
	height: calc(100% - 188px);
	background: url('../images/line_mark_vert.png') repeat-y center top;
	position: absolute;
	right: 36px;
	top: 90px;
}
.flow_bottom {
	padding: 65px 0;
}
.flow_bottom .number {
	position: absolute;
	left: 0;
	top: 0;
}
.flow_bottom .info {
	padding-top: 26px;
}
.curve_left_top {
	display: block;
	width: 99px;
	height: 99px;
	background: url('../images/curve4.png') no-repeat left top;
}
.flow_bottom .curve_left_top {
    left: 35px;
    position: absolute;
    top: -6px;
}
.flow_bottom:before {
	display: block;
	content: "";
	width: 4px;
	height: 150px;
	background: url('../images/line_mark_vert.png') repeat-y center top;
	position: absolute;
	left: 36px;
	top: 85px;
}
.flow_bottom .number {
    left: 16px;
    position: absolute;
    top: 210px;
}

/*Snd*/
.white_bg {
	background: #ffffff;
}

.text_hero {
	min-height: 585px;
	position: relative;
}

.text_hero:after {
	display: block;
	content: "";
	width: 100%;
	height: 108px;
	background: url(../images/wave1.png) no-repeat center bottom;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 40;
}

.text_hero .hero_info h6,
.text_hero .hero_info h3 {
	color: #ffffff;
}

.price_table_wrapper2 {
	padding-top: 0;
	background: transparent;
	margin-top: -240px;
	z-index: 60;
	padding-bottom: 40px;
}

.price_table_wrapper2:before {
	display: none;
}

.price_table_wrapper2:after {
	display: none;
}

.price_table_wrapper2 .switch .text {
	color: #ffffff;
}

.price_table_wrapper2 .plan_column.business.picked .picked_title {
	color: #4c46c4;
	font-weight: 600;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f0effc 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f0effc 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f0effc 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0effc', GradientType=0);
}

.build_launch2:before {
	background-image: url(../images/wave9.png);
}

.morefeature_wrap {
	padding-top: 20px;
}

.morefeature_wrap h3 {
	color: #4c46c4;
	margin-bottom: 60px;
}

.morefeature h5 {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 600;
	color: #4c46c4;
	margin-bottom: 28px;
}

.morefeature p {
	line-height: 1.5;
}

.testimonial_wrapper2 {
	padding-top: 170px;
}

.testimonial_wrapper2 h6 {
	color: #4c46c4;
}

.testimonial_wrapper2 h3 {
	color: #40416c;
}


/*.text_hero .hero_info h3 { margin-bottom: 75px; }*/

.searchform {
	padding-top: 75px;
	position: relative;
	max-width: 480px;
	width: 100%;
	margin: 0 auto;
}

.searchform input {
	max-width: 480px;
	width: 100%;
	margin: 0 auto;
	height: 70px;
	border: 0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 0px 80px 0px 35px;
	font-size: 18px;
	line-height: 1.67;
	color: #4039b7;
	font-weight: 600;
}

.searchform input[type=submit] {
	max-width: 80px;
	width: 100%;
	height: 70px;
	border: 0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 40;
	cursor: pointer;
}

.library_wrap {
	padding-top: 70px;
}

.library_wrap h4 {
	color: #4c46c4;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.56;
	margin-bottom: 40px;
}

.checkbox_wrapper.alt input[type=checkbox].css-checkbox + label.css-label:before {
	border: 1px solid #d4d2f6;
	background-color: transparent;
	top: 6px;
	height: 16px;
	width: 16px;
	border-radius: 0px;
}

.checkbox_wrapper.alt input[type=checkbox].css-checkbox + label.css-label {
	font-size: 16px;
	line-height: 1.75;
	color: #7b7f8f;
	font-weight: 600;
	margin-bottom: 20px;
	padding-left: 31px;
}

::-webkit-input-placeholder {
	color: #4039b7;
}

::-moz-placeholder {
	color: #4039b7;
}

:-ms-input-placeholder {
	color: #4039b7;
}

:-moz-placeholder {
	color: #4039b7;
}

/*Subpage*/
.newsletter_hero .hero_info {
	padding-right: 0;
}
.newsletter_hero .hero_pic {
	margin-top: -100px;
}
.newsletter_hero .hero_pic figure {
    max-width: none;
	margin-right: -58px;
}
.edetailing_hero .hero_pic {
	margin-top: -144px;
}
.edetailing_hero .hero_pic figure {
	margin-left: -50px;
}
.edetailing_hero .hero_pic figure img {
	width: calc(100% + 50px);
}
.survey_hero .hero_pic figure img {
	display: inline-block;
} 
.flow_box .info {
	padding-right: 0;
}

/*Webbuilder page*/
.builderblocks_wrapper {
	position: relative;
	z-index: 80;
}
.builderblocks_wrapper .builderblocks_list {
	position: relative;
	top: -150px;
}
.builderblocks_wrapper .builderblocks_list [class*="col-"]:nth-child(2n) {
    top: 0;
}
.text_hero3 {
	padding-bottom: 225px;
}
.text_hero3 h6 {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 6px;
}
.text_hero3 h1 {
	font-size: 44px;
	font-weight: 600;
	padding-bottom: 10px;
}
.text_hero3 p {
	font-size: 16px;
	line-height: 1.75;
	margin-bottom: 36px;
}
.text_hero3 .btn {
	color: #4039b7;
	font-size: 18px;
}
.big_features2 {
	padding-top: 0;
}
.big_features2 .info {
	padding: 0;
}
.big_features2 .info h6 {
	color: #e5561d;
	padding-bottom: 10px;
}
.big_features2 .info h3 {
	color: #4c46c4;
	padding-bottom: 20px;
}
.big_features2 .info p {
	line-height: 1.5;
	margin-bottom: 24px;
}
.btn-link {
	background: url('../images/arrow_purple_right.svg') no-repeat right center;
	border: none;
	height: auto;
	padding: 0;
	padding-right: 36px;
	color: #3f38b7;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
	transition: 0.1s ease-in;
}
.btn-link:hover {
	color: #f68d63;
	text-decoration: none;
}
.big_feature_wrapper.spacing .feature_image.order-md-last figure {
    left: auto;
    position: absolute;
    right: 75px;
}
.big_features2 .big_feature_wrapper {
    margin-bottom: 68px;
}
.customisze_css_wrapper {
	padding-top: 128px;
}
.customisze_css_wrapper .title_inner {
	padding-left: 0;
}
.customisze_css_wrapper h6 {
	color: #e5561d;
    padding-bottom: 10px;
}
.customisze_css_wrapper h3 {
	color: #4c46c4;
}
.customisze_css_wrapper .info {
	
}
.customisze_css_wrapper p {
	
}
.image_block {
	position: relative;
}
.image_block .big {
	width: 68%;
}
.image_block figure img {
	display: block;
	width: 100%;
}
.image_block .mid {
	width: 42%;
	position: absolute;
	right: 0;
	top: -70px;
	z-index: 40;
}
.customisze_css_wrapper .image_block {
	margin-top: 162px;
}
.publish_block {
	padding-top: 112px;
}
.publish_block figure img {
	max-width: 100%;
	position: relative;
	left: -75px;
}
.publish_block .content {
	padding-top: 74px;
}
.publish_block .content h6 {
	color: #e5561d;
	padding-bottom: 10px;
}
.publish_block .content h3 {
	color: #4c46c4;
	padding-bottom: 34px;
}
.publish_block .content p {
	margin-bottom: 18px;
}
.publish_block .content .std_list {
	padding-top: 20px;
}
.other_features {
	background: #f2f2f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f2f9 0%, #f6f6ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f2f2f9 0%,#f6f6ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f2f2f9 0%,#f6f6ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: relative;
	margin-top: 328px;
}
.other_features:before {
	display: block;
	content: "";
	width: 100%;
	height: 223px;
	background: url('../images/wave13.png') no-repeat center bottom;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 100%;
}
.other_features h3 {
	color: #4c46c4;
	font-weight: 600;
	padding-bottom: 60px;
}
.other_featurelist {
	padding-bottom: 92px;
}
.other_featurelist figure {
	height: 115px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: 0;
}
.other_featurelist h5 {
	color: #40416c;
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 10px;
}
.other_featurelist p {
	color: #7b7f8f;
	line-height: 1.5;
}
.other_featurelist [class*=col-] {
	padding-right: 55px;
	margin-bottom: 50px;
}

/*App page*/
.btn-primary .btn_icon.right_arrow:after {
	background: url("../images/arrow_white.svg") no-repeat scroll right center;
	background-size: 20px 15px;
}
.big_features2 .info .btn-lg {
	min-width: 240px;
	margin-top: 6px;
}
.presentation_wrapper {
	padding-top: 100px;
	padding-bottom: 115px;
}
.presentation_wrapper .info {
	margin-bottom: 74px;
}
.presentation_wrapper .info h3 {
	color: #4c46c4;
	padding-bottom: 20px;
}
.presentation_wrapper .info p {
	line-height: 1.5;
	margin-bottom: 18px;
}
.presentation_wrapper .info .btn {
	margin-top: 38px;
	min-width: 240px;
}
.presentation_pic {
	
}
.presentation_pic figure {
	margin-bottom: 0;
	box-shadow: 0 0 0px rgba(0,0,0,0.15);
}
.presentation_pic figure img {
	display: block;
	width: 100%;
}
.builder_lego {
	max-width: 900px;
	margin: 0 auto;
	padding: 30px 0;
}
.builder_lego .builderblock {
	height: auto;
	min-height: 300px;
	padding: 30px 25px;
	margin-bottom: 30px;
}
.builder_lego .builderblock:last-child {
	margin-bottom: 0;
}
.builder_lego [class*=col-]:first-child {
	padding-top: 165px;
}
.builder_lego [class*=col-]:last-child {
	padding-top: 165px;
}
.app_hero {
	min-height: 900px;
	background: url('../images/apphero_bg.png') no-repeat center top;
	background-size: 100% 75%;
	padding-bottom: 65px;
}
.app_hero:after {
	display: none;
}
.app_hero p {
	margin-bottom: 6px;
}

/*============ 31/01/2019 ============*/
.text_hero.text_hero2:after { z-index: 0; }

.banner_menu { padding-top: 85px; text-align: center; }
.banner_menu ul { display: inline-block; vertical-align: middle; }
.banner_menu li { float: left; margin-right: 31px; position: relative; }
.banner_menu li:after { content: ""; position: absolute; height: 20px; width: 1px; background-color: #ffffff; right: -16px; top: 0; }
.banner_menu li:last-child:after { display: none; }
.banner_menu li a { font-size: 16px; line-height: 1.5; color: #ffffff; text-decoration: none; transition: 0.1s ease-in; display: block; padding: 0 15px; }
.banner_menu li a:hover { color: #f68d63; text-decoration: none; }

.text_hero2 { height: 685px; }

.blog_wrap .container { padding: 0 30px; }
.blog_wrap { margin-top: -207px; padding-bottom: 60px; }
.blogBanBox { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; box-shadow: 0 16px 38px rgba(10,8,64,0.25); background-color: #ffffff; overflow: hidden; }
.blogBanBox img { height: 100%; width: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; object-position: center; -webkit-object-position: center; -moz-object-position: center; -ms-object-position: center; -o-object-position: center; }
.blog_info { padding: 55px 75px 55px 60px; }
.blog_info h5 { font-size: 20px; line-height: 2.2; color: #e5561d; font-weight: 400; margin-bottom: 10px; }
.blog_info h2 { font-size: 28px; line-height: 1.14; color: #4c46c4; font-weight: 600; margin-bottom: 20px; }
.blog_info li { line-height: 1.5; float: left; margin-right: 35px; margin-bottom: 15px; }
.blog_info li img { height: auto; width: auto; display: inline-block; vertical-align: middle; line-height: 24px; margin-right: 5px; margin-bottom: 0; border-radius: 0; }
.blog_info p { margin-bottom: 25px; }
.blog_info li a { display: block; color: #7b7f8f; }

.article { padding-right: 30px; }
.article .blog_info { padding: 0 15px; }
.article h3 { line-height: 1.1; color: #4c46c4; margin-bottom: 90px; }
.article_info { margin-bottom: 90px; }
.article_info img { margin-bottom: 30px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; width: 100%; }
.article_info h5 { font-size: 20px; line-height: 2.2; color: #e5561d; font-weight: 400; margin-bottom: 20px; }
.article_info h4 { font-size: 20px; line-height: 1.2; font-weight: 600; color: #4c46c4; margin-bottom: 20px; }
.article_info h4 a {
	color: #4c46c4;
	text-decoration: none;
}
.article_info h4 a:hover {
	color: #4c46c4;
	text-decoration: underline;
}
.article_info.article_info1 { padding: 0px 15px; }

/*.top-view { border-left: 1px solid #d4d2f6; }*/
.topview_in { position: relative; }
.topview_in:before { content: ""; position: absolute; height: 100%; width: 1px; left: -16px; top: 0; background-color: #d4d2f6; }
.topviewBox { margin-bottom: 40px; padding: 0 15px; }
.topviewBox figure { float: left; max-width: 85px; width: 100%; margin-right: 25px; }
.topviewBox a img { width: 100%; }
.topviewContent { overflow: hidden; }
.topviewContent h5 { font-weight: 600; }
.topviewContent h5 a { font-size: 16px; line-height: 1.5; display: block; color: #535179; font-weight: 600; margin-bottom: 13px; margin-right: 15px; }
.topviewContent h6 { font-size: 16px; line-height: 1.5; color: #7b7f8f; font-weight: 600; text-transform: capitalize; letter-spacing: inherit; }




.hero_info1 h3 { margin-bottom: 20px; }
.contact_form { padding: 50px 55px; background-color: #ffffff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; box-shadow: 0 16px 38px rgba(10,8,64,0.25); }
.morefeature_wrap.contact_form_wrap { margin-top: -240px; margin-bottom: 60px; }
.morefeature_wrap.contact_form_wrap h3 { margin-bottom: 60px; }
.input-effect.textarea-effect { height: 220px; margin-bottom: 45px; }
textarea.effect-16 { height: 200px; resize: none; }

.input-effect.submit-effect { padding-top: 0; height: auto; border: 0px;}
.input-effect.submit-effect .vertical { height: 70px; border: 0px; transition: all .4s ease-in-out; max-width: 270px; width: 100%; font-size: 20px; font-weight: 600; line-height: 2.2; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.contact_list_wrap { padding: 85px 0px 200px; }
.contact_list_box { padding: 0px 50px; }
.contact_list_box h4 { font-size: 24px; color: #4c46c4; line-height: 1.8; font-weight: 600; margin-bottom: 35px; }
.contact_list_box p { margin-bottom: 45px; }
/*= input focus effects css
=========================== */
/*= input focus effects css
=========================== */
:focus{outline: none;}
.input-effect { height: 60px; border: 1px solid #d4d2f6; border-radius: 5px; padding: 0; transition: 0.3s; padding-top: 20px; position: relative; margin-bottom: 20px; }
.col-3{float: left; width: 27.33%; margin: 40px 3%; position: relative; transition: 0.3s;}
.effect-16{border: 0; padding: 4px 0; background-color: transparent; position: relative; z-index: 2; height: 40px; width: 100%; padding: 0px 20px; transition: 0.3s; font-size: 16px; line-height: 28px; color: #7b7f8f; font-weight: 400; box-shadow: none !important; }
.effect-16 ~ label{position: absolute; left: 0px; padding: 0px 20px; width: 100%; top: 24px; margin-bottom: 0; color: #4c46c4; transition: 0.3s; z-index: -1; letter-spacing: 0.5px; z-index: 1; font-size: 16px; line-height: 1.75; font-weight: 700; transition: 0.3s; }
.effect-16:focus ~ label, .has-content.effect-16 ~ label{top: 5px; font-size: 12px; transition: 0.3s;}


.header.alt {
	position: static;
}
.header.alt .mainnav nav ul li a { color: #74738d; }
.header.alt .mainnav nav ul li a:hover { color: #f68d63; text-decoration: none; }
.header.alt .mainnav .btn { transition: all .4s ease-in-out; }
.header.alt .mainnav .btn-primary { background: #7772e3; background: -moz-linear-gradient(45deg, #7772e3 0%, #504aee 50%, #7772e3 100%); background: -webkit-linear-gradient(45deg, #7772e3 0%,#504aee 50%,#7772e3 100%); background: linear-gradient(45deg, #7772e3 0%,#504aee 50%,#7772e3 100%); background-size: 200% 100%;
}
.header.alt .mainnav .btn-primary:hover { background-position: 100% 0!important; }
.header.alt .mainnav .btn:hover { background-position: 100% 0; color: #fff; background-color: #0069d9; border-color: #0062cc; }
/*============ 31/01/2019 ============*/

/*Sub hosting*/
.big_features3 {
	padding-top: 0;
	margin-top: -85px;
	position: relative;
	z-index: 80;
}
.hosting_wrapper2 {
	padding-top: 42px;
	padding-bottom: 70px;
}

/*Sub web*/
.webmail_wrapper2 {
	padding: 0;
	padding-bottom: 100px;
	margin-top: -20px;
	position: relative;
	z-index: 80;
}

/*Sub maildrive*/
.webdrive_wrapper2 {
	padding-top: 0;
	padding-bottom: 82px;
	position: relative;
	margin-top: -25px;
	z-index: 80;
}
.webdrive_wrapper .sidepic figure {
	left: 0;
	top: 0;
}
.webdrive_wrapper .sidepic figure img {
	max-width: 100%;
}
.webdrive_wrapper2 .info {
    min-height: 1px;
	padding-top: 40px;
}

/*Post page*/
.breadcrumb {
	padding: 20px 0;
	background: none;
}
.breadcrumb li {
	float: none;
	color: #e8602a;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 20px;
	border-right: 1px solid #ff8745;
	padding: 0 18px;
}
.breadcrumb li:first-child {
	padding-left: 0;
}
.breadcrumb li:last-child {
	border-right: none;
	padding-right: 0;
}
.breadcrumb li a {
	display: block;
	color: #e8602a;
	text-decoration: none;
}
.breadcrumb li a:hover {
	color: #e8602a;
	text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:before {
	display: none;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 20px;
}
.breadcrumb-item.active {
    color: #e8602a;
}
.post_content {
	padding-top: 25px;
}
.post_title {
	padding-top: 20px;
	padding-bottom: 40px;
}
.post_title h1 {
	color: #4c46c4;
	font-size: 36px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1.22;
}
.highlight_block h3:first-child:first-letter {
	color: #535179;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 110px;
	line-height: 0.8;
	padding-top: 2px;
	padding-right: 10px;
	margin-left: -4px;
}
@-moz-document url-prefix() {
	.highlight_block h3:first-child:first-letter {
		padding-top: 12px;	
	}
}
.post_info {
	display: inline-block;
	text-align: left;
}
.post_info ul li {
	position: relative;
	color: #7b7f8f;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 35px;
	padding-left: 55px;
	margin-bottom: 6px;
}
.post_info ul li .icon_sm {
	position: absolute;
	left: 0;
	top: 3px;
}
.icon_sm {
	display: inline-block;
	width: 30px;
	height: 30px;
}
.icon_sm.edit_icon {
	background: url('../images/pencil.svg') no-repeat left center;
}
.icon_sm.clock_icon {
	background: url('../images/clock.svg') no-repeat left center;
}
.icon_sm.comment_icon {
	background: url('../images/comment.svg') no-repeat left center;
}
.post_pic {
	margin-bottom: 60px;
}
.post_pic img {
	display: block;
	width: 100%;
	border-radius: 20px;
}
.post_inner {
	
}
.post_article {
	
}
.post_article h3 {
	color: #535179;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1.33;
}
.post_article p {
	color: #7b7f8f;
	line-height: 1.5;
	margin-bottom: 0;
	padding-bottom: 24px;
}
.highlight_block {
	border-bottom: 1px solid #d4d2f6;
	padding-bottom: 56px;
	margin-bottom: 70px;
}
.post_article figure {
	margin-top: 48px;
	margin-bottom: 50px;
}
.post_article figure img {
	display: block;
	width: 100%;
	border-radius: 20px;
}
.post_sidebar {
	padding-bottom: 40px;
}
.post_sidebar h4 {
	color: #4c46c4;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: normal;
	padding-bottom: 30px;
}
.share_links {
	padding-bottom: 78px;
}
.share_links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.share_links ul li {
	margin-bottom: 28px;
}
.share_links ul li a {
	display: block;
	color: #535179;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 44px;
	text-decoration: none;
	transition: 0.1s ease-in;
	position: relative;
	padding-left: 58px;
}
.share_links ul li a .fa {
	transition: 0.1s ease-in;
}
.share_links ul li.fb_share a:hover {
	color: #3b5998;
}
.share_links ul li.fb_share a:hover .sc_icon {
	color: #3b5998;
	border-color: #3b5998;
}
.share_links ul li.twt_share a:hover {
	color: #1DA1F3;
}
.share_links ul li.twt_share a:hover .sc_icon {
	color: #1DA1F3;
	border-color: #1DA1F3;
}
.share_links ul li.mail_share a:hover {
	color: #e8602a;
}
.share_links ul li.mail_share a:hover .sc_icon {
	color: #e8602a;
	border-color: #e8602a;
}
.sc_icon {
	color: #544fc8;
	display: block;
	width: 44px;
	height: 44px;
	border: 2px solid #4b45cc;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	transition: 0.1s ease-in;
}
.sc_icon .fa {
	font-size: 20px;
}
.sc_icon .fa-facebook {
	position: relative;
	top: 1px;
}
.sc_icon .fa-envelope {
	font-size: 20px;
	position: relative;
	left: 1px;
	top: 1px;
}
.sc_icon .fa-twitter {
	font-size: 20px;
	position: relative;
	left: 1px;
	top: 1px;
}
.share_links ul li a .sc_icon {
	position: absolute;
	left: 0;
	top: 0;
}
.related_articles {
	padding-bottom: 65px;
}
.related_articles ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.related_articles ul li {
	max-width: 245px;
	margin-bottom: 36px;
}
.related_articles ul li h5 {
	color: #535179;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 15px;
}
.related_articles ul li h5 a {
	color: #535179;
	text-decoration: none;
}
.related_articles ul li h5 a:hover {
	color: #535179;
	text-decoration: underline;
}
.related_articles ul li h6 {
	color: #7b7f8f;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: normal;
	text-transform: none;
	letter-spacing: 0;
}
.tags_list {
	
}
.tags_list:after {
	display: block;
	content: "";
	clear: both;
}
.tags_list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tags_list ul li {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}
.tags_list ul li a {
	background: #d4d2f6;
	display: block;
	color: #7b7f8f;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 22px;
	text-decoration: none;
	transition: 0.1s ease-in;
	padding: 0 10px;
}
.tags_list ul li a:hover {
	color: #000000;
	background: #bfbcf2;
}
.comment_wrapper {
	padding-bottom: 100px;
}
.add_comment_form {
	padding-bottom: 40px;
}
.add_comment_form .form-group {
	margin-bottom: 40px;
}
.add_comment_form .form-control {
	width: 100%;
	height: 52px;
	background: #ffffff;
	border: 1px solid #d4d2f6;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	outline: none !important;
	padding: 0 15px;
	color: #535179;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 50px;
}
.add_comment_form label {
	display: block;
	color: #4c46c4;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 6px;
}
.add_comment_form textarea.form-control {
	height: 270px;
	resize: none;
	padding: 15px;
	line-height: normal;
}
.post_article > article {
	padding-bottom: 72px;
}
.add_comment_form .btn {
	height: 52px;
	font-size: 20px;
	line-height: 52px;
	margin-top: 10px;
}
.comment_list {
	
}
.comment_list ul {
	list-style: none;
}
.comment_list > ul > li {
	
}
.comment {
	padding: 40px 0;
	border-top: 1px solid #d4d2f6;
}
.comment:after {
	display: block;
	content: "";
	clear: both;
}
.c_author {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	float: left;
	margin-right: 28px;
}
.c_author img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.comment .content {
	overflow: hidden;
	padding-top: 2px;
	position: relative;
}
.comment .content h5 {
	color: #4c46c4;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: normal;
	padding-right: 80px;
	padding-bottom: 4px;
}
.date {
	color: #7b7f8f;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: normal;
}
.comment .content .date {
	display: block;
	margin-bottom: 15px;
}
.comment .content p {
	line-height: 1.5;
	padding-bottom: 0;
}
.reply {
	color: #e8602a;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	text-decoration: none;
	transition: 0.1s ease-in;
}
.reply:hover {
	color: #c4410c;
	text-decoration: none;
}
.comment .content .reply {
	position: absolute;
	right: 0;
	top: 0;
}
.comment_list ul li li .comment {
	padding-left: 90px;
}
.testimonial_arrows {
	
}
.testimonial_arrows .slick-prev {
	margin-right: 46px;
}
.testimonial_wrapper .title h3 {
	padding-bottom: 52px;
}
.testimonial_slider_box {
	max-width: 612px;
	min-height: 521px;
	background: url('../images/testimonial_bg.png') no-repeat center center;
	background-size: 100% 100%;
	float: right;
	padding-left: 16%;
	padding-right: 12%;
	padding-top: 120px;
	padding-bottom: 160px;
}
.testimonial_slider {
	
}
.testimonial_slider blockquote {
	color: #ffffff;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75;
	margin: 0;
	padding: 0;
	margin-bottom: 16px;
}
.author_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	position: relative;
	padding-left: 75px;
}
.author_box .a_pic {
	width: 60px;
	height: 60px;
	border: 1px solid #ffffff;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	overflow: hidden;
}
.author_box .a_pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.testimonial_slider .author_box h6 {
	color: #ffffff;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: normal;
	text-transform: none;
	letter-spacing: 0;
}
.tst_action {
	
}
.tst_action a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	animation-duration: 2s;
    animation-iteration-count: infinite;
	animation-name: subtle-move;
    animation-timing-function: ease-in-out;
}
.tst_action a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tst_action .i_p1 {
	position: absolute;
	left: 50px;
	bottom: 60px;
}
.tst_action .i_p1 a {
	
}
.tst_action .i_p2 {
	position: absolute;
	left:50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform:translate(-50%,0);
	top: -50px;
}
.tst_action .i_p2 a {
	animation-delay: 0.2s;
	animation-duration: 2.2s;
}
.tst_action .i_p3 {
	position: absolute;
	right: 55px;
	bottom: -20px;
}
.tst_action .i_p3 a {
	animation-delay: 0.4s;
	animation-duration: 3s;
}
.tst_action .i_p4 a {
	position: absolute;
	left:50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform:translate(-50%,0);
	bottom: -60px;
	animation-delay: 0.3s;
}
@keyframes subtle-move {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes subtle-move-b{
  0% {
    transform:  translate(-1px,-17px)  rotate(0deg) ;
  }
  15% {
    transform:  translate(-25px,-17px)  rotate(-5deg) ;
  }
  30% {
    transform:  translate(20px,-17px)  rotate(3deg) ;
  }
  45% {
    transform:  translate(-15px,-17px)  rotate(-3deg) ;
  }
  60% {
    transform:  translate(10px,-17px)  rotate(2deg) ;
  }
  75% {
    transform:  translate(-5px,-17px)  rotate(-1deg) ;
  }
  100% {
    transform:  translate(0px,-17px)  rotate(0deg) ;
  }
}

@-moz-keyframes subtle-move-b {
  0% {
    -moz-transform:  translate(-1px,-17px)  rotate(0deg) ;
  }
  15% {
    -moz-transform:  translate(-25px,-17px)  rotate(-5deg) ;
  }
  30% {
    -moz-transform:  translate(20px,-17px)  rotate(3deg) ;
  }
  45% {
    -moz-transform:  translate(-15px,-17px)  rotate(-3deg) ;
  }
  60% {
    -moz-transform:  translate(10px,-17px)  rotate(2deg) ;
  }
  75% {
    -moz-transform:  translate(-5px,-17px)  rotate(-1deg) ;
  }
  100% {
    -moz-transform:  translate(0px,-17px)  rotate(0deg) ;
  }
}

@-webkit-keyframes subtle-move-b {
  0% {
    -webkit-transform:  translate(-1px,-17px)  rotate(0deg) ;
  }
  15% {
    -webkit-transform:  translate(-25px,-17px)  rotate(-5deg) ;
  }
  30% {
    -webkit-transform:  translate(20px,-17px)  rotate(3deg) ;
  }
  45% {
    -webkit-transform:  translate(-15px,-17px)  rotate(-3deg) ;
  }
  60% {
    -webkit-transform:  translate(10px,-17px)  rotate(2deg) ;
  }
  75% {
    -webkit-transform:  translate(-5px,-17px)  rotate(-1deg) ;
  }
  100% {
    -webkit-transform:  translate(0px,-17px)  rotate(0deg) ;
  }
}

@-o-keyframes subtle-move-b {
  0% {
    -o-transform:  translate(-1px,-17px)  rotate(0deg) ;
  }
  15% {
    -o-transform:  translate(-25px,-17px)  rotate(-5deg) ;
  }
  30% {
    -o-transform:  translate(20px,-17px)  rotate(3deg) ;
  }
  45% {
    -o-transform:  translate(-15px,-17px)  rotate(-3deg) ;
  }
  60% {
    -o-transform:  translate(10px,-17px)  rotate(2deg) ;
  }
  75% {
    -o-transform:  translate(-5px,-17px)  rotate(-1deg) ;
  }
  100% {
    -o-transform:  translate(0px,-17px)  rotate(0deg) ;
  }
}

@-ms-keyframes subtle-move-b {
  0% {
    -ms-transform:  translate(-1px,-17px)  rotate(0deg) ;
  }
  15% {
    -ms-transform:  translate(-25px,-17px)  rotate(-5deg) ;
  }
  30% {
    -ms-transform:  translate(20px,-17px)  rotate(3deg) ;
  }
  45% {
    -ms-transform:  translate(-15px,-17px)  rotate(-3deg) ;
  }
  60% {
    -ms-transform:  translate(10px,-17px)  rotate(2deg) ;
  }
  75% {
    -ms-transform:  translate(-5px,-17px)  rotate(-1deg) ;
  }
  100% {
    -ms-transform:  translate(0px,-17px)  rotate(0deg) ;
  }
}
.testimonial_wrapper2 {
	padding-top: 0;
	background: #ffffff;
	padding-top: 155px;
	padding-bottom: 124px;
	margin-bottom: 0;
}
.testimonial_wrapper .title {
	padding-top: 120px;
}
.testimonial_wrapper2:before {
	display: none;
}
.testimonial_wrapper2 h6 {
	color: #e8612b;
}
.testimonial_wrapper2 h3 {
	color: #4c46c4;
	font-weight: 600;
	line-height: 1.22;
}
.testimonial_wrapper3 {
	padding-top: 160px;
}

.page-title { padding: 65px 0px; border-bottom: 1px solid #e1dff9; }
.page-title h1 { font-size: 44px; color: #4c46c4; line-height: 1; font-weight: 400; }
.simple_wrap { padding-top: 70px; }
.simple_info { padding-bottom: 70px; }
.simple_info h4 { font-size: 24px; line-height: 1.33; color: #4c46c4; margin-bottom: 25px; }
.simple_info h4 a {
    color: #4c46c4;
	text-decoration: none;
}
.simple_info h4 a:hover {
	text-decoration: underline;
}
.simple_info p { margin-bottom: 20px; }

.template_gallery h3 { color: #4c46c4; }
.text_hero.text_hero1 { padding-top: 120px; height: 925px; }
.hero_infolt { padding: 0px ; }
.hero_infolt .web_info { padding: 0; background-color: #ffffff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.hero_infolt .web_info h4 { font-size: 24px; line-height: 1.18; color: #4c46c4; font-weight: 600; padding: 35px; border-bottom: 1px solid #d4d2f6; }
.hero_infolt .web_info ul { padding: 30px 35px; border-bottom: 1px solid #d4d2f6; }
.hero_infolt .web_info ul li { float: left; width: 50%; }
.hero_infolt .web_info ul li img { margin-right: 5px; }
.hero_infolt .web_info .content { padding: 35px; }
.hero_infolt .web_info p { color: #7b7f8f; line-height: 1.5;margin-bottom: 30px;}
.hero_infolt .web_info .btn-primary { color: #ffffff; width: 100%; }
.live_demo { font-size: 20px; line-height: 1.2; font-weight: 600; color: #4c46c4; padding-top: 25px; display: block; text-align: center; }

.hero_webSlide_wrap { padding-left: 50px; }
.hero_webSlide { width: 100%; height: 100%; position: relative; }
.hero_webSlide img { height: 100%; width: 100%; }
.hero_webSlide img:last-child { height: 91.7%; width: 97.8%; position: absolute; top: 6.2%; left: 1.1%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; object-position: center; -webkit-object-position: center; -moz-object-position: center; -ms-object-position: center; -o-object-position: center; }
.hero_webSlide img.webimg { height: 91.7%; width: 97.8%; position: absolute; top: 6.2%; left: 1.1%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; object-position: center; -webkit-object-position: center; -moz-object-position: center; -ms-object-position: center; -o-object-position: center; }
.webslide_nav { padding-top: 25px; }
.webslide_nav .slick-list .slick-track { transform: none !important; }
.hero_webSlideNav { text-align: center; }
.hero_webSlideNav i { display: block; height: 64px; width: 64px; border-radius: 8px; border: 1px solid #8984ef; overflow: hidden; margin: 0 auto 25px;  }
.hero_webSlideNav img { width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.4; }
.slick-current .hero_webSlideNav img { opacity: 1; }
.hero_webSlideNav h6 { font-size: 16px; line-height: 1.75; font-weight: 600; color: #ffffff; letter-spacing: 0; }

.web_gallery.template_gallery.template_gallery2 { padding: 100px 0px 210px; background-color: transparent; }
.web_gallery h3 { padding-bottom: 100px; }
.website_temp figure { box-shadow: 0 16px 38px rgba(10,8,64,0.25); border-radius: 20px; overflow: hidden; margin-bottom: 45px; }
.website_temp img { width: 100%; }
.visit_link a { font-size: 20px; line-height: 1.2; color: #4c46c4; font-weight: 700; display: block; text-align: center; transition: 0.1s ease-in; }
.visit_link a:hover { color: #f68d63; }

.template_g1 .btn { width: 100%; border-radius: 0; font-weight: 400; }
.template_gallery { position: relative; }
.web_gallery {
	position: relative;
    padding: 100px 0 210px;
}
.web_gallery:after {
	display: block;
	content: "";
	width: 100%;
	height: 246px;
	background: url('../images/wave15.png') no-repeat center bottom;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 40;
}
.text_hero3:after { background-image: url(../images/wave16.png); }
.template_gallery3 {
	background: #ffffff !important;
	background-image: none !important;
	padding-bottom: 50px;
}
.web_gallery h3 {
	color: #4c46c4;
}

/*02-02*/
.home_hero_canvas .dot {
	animation-duration: 2s;
    animation-iteration-count: infinite;
	animation-name: subtle-move;
    animation-timing-function: ease-in-out;
}
.home_hero_canvas .dot2 {
	animation-delay: 0.4s;
}
.home_hero_canvas .dot3 {
	animation-delay: 0.6s;
}
.home_hero_canvas .dot4 {
	animation-delay: 0.8s;
}
.home_hero_canvas .dot5 {
	animation-delay: 1s;
}
.cloud1 {
	display: block;
	animation-duration: 2s;
    animation-iteration-count: infinite;
	animation-name: subtle-move;
    animation-timing-function: ease-in-out;
}
.cloud2 {
	display: block;
	animation-duration: 2.2s;
    animation-iteration-count: infinite;
	animation-name: subtle-move;
    animation-timing-function: ease-in-out;
	animation-delay: 0.4s;
}
.cloud3 {
	display: block;
	animation-duration: 2.5s;
    animation-iteration-count: infinite;
	animation-name: subtle-move;
    animation-timing-function: ease-in-out;
	animation-delay: 0.6s;
}
.home_hero_canvas .main > img {
	animation-duration: 2.5s;
    animation-iteration-count: infinite;
	animation-name: subtle-move-c;
    animation-timing-function: linear;
}
@keyframes subtle-move-c{
  0% {
    transform:  translateX(0)  ;
  }
  50% {
    transform:  translateX(5px)  ;
  }
  100% {
    transform:  translateX(0) ;
  }
}

.type_mockup {
	position: absolute;
	left: 100%;
	width: 90px;
	top: 0;
	padding-top: 45px;
}
.type_mockup ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.type_mockup ul li {
	width: 100%;
	text-align: right;
	margin: 0;
}
.type_mockup ul li a {
	display: inline-block;
	opacity: 0.3;
	transition: 0.2s ease-in;
}
.type_mockup ul li a.active {
	opacity: 1;
}
.type_mockup .nav-tabs {
	border: none;
}
.type_mockup .nav-tabs .nav-link {
	border: none !important;
	padding: 0;
	background: none !important;
}
.type_mockup  .nav-tabs .nav-item {
	margin: 0;
	margin-bottom: 30px;
}
.type_mockup .nav-tabs .nav-link.active, .type_mockup .nav-tabs .nav-item.show .nav-link {
	background: none;
}
.hero_infolt {
	width: 34%;
	float: left;
}
.mockup_wrapper {
	width: 60%;
	float: right;
}
.gallery_action {
	text-align: center;
	padding-top: 24px;
}
.gallery_action ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery_action ul li {
	display: inline-block;
	text-align: center;
}
.gallery_action ul li strong {
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: normal;
}
.gallery_action ul li.active a {
	opacity: 1;
}
.gallery_action a {
	width: 95px;
	display: inline-block;
	opacity: 0.4;
	transition: 0.1s ease-in;
}
.gallery_action a img {
	display: block;
	width: 68px;
	height: 68px;
	border-radius: 15px;
	border: 2px solid #8883f0;
	margin: 0 auto;
	margin-bottom: 22px;
}
.gallery_action ul li a:hover {
	opacity: 0.8;
}
.mainmockup_slider .slick-list {
	width: 100% !important;
}
.mainmockup_box_desktop {
	padding: 30px 7px;
	padding-bottom: 8px;
	position: relative;
}
/*.mainmockup_box_desktop:after {*/
/*	display: block;*/
/*	content: "";*/
/*	background: url('../images/browser.png') no-repeat center center;*/
/*	background-size: 100% 100%;*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	left: 0;*/
/*	top: 0;*/
/*}*/

.web360head{ padding: 200px 0px; position: relative;  }
.web360head:before { display: block; content: ""; width: 100%; height: 86px; background: url(../images/wave17.png) no-repeat center bottom; background-size: 100% 100%; position: absolute; left: 0; top: -1px; z-index: 40; }
/*.web360.web360head:before{ display: none; }*/
.web360.web360head:after{ display: none; }
.web360.one{ background: none; padding-top: 0; margin-top: -150px; }
.web360.one:before{ display: none; }
.web360.one:after{ display: none; }

.highlited { padding: 95px 0px; }
.highlited_img { position: relative; border-radius: 20px; overflow: inherit; border-radius: 30px; overflow: hidden; background: #000000;}
.highlited_img img { border: 0; width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; object-position: center; -webkit-object-position: center; -moz-object-position: center; -ms-object-position: center; -o-object-position: center; transition: 0.1s ease-in;}
.highlited_img:hover img {
	opacity: 0.7;
}
.highlited_img .vidBtn_lg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.vidBtn_lg { height: 100px; width: 100px; background-image: url(../images/Play.svg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; display: block; margin: 0 auto; transition: 0.1s ease-in; }
.vidBtn_lg:hover {
	opacity: 0.8;
}
.vidBtn_sm { height: 80px; width: 80px; background-image: url(../images/Play.svg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; display: block; margin: 0 auto; transition: 0.1s ease-in;}
.vidBtn_sm:hover {
	opacity: 0.9;
}
.highlited_info.blog_info { padding: 0px 70px; margin-top: -10px; }
.highlited_info h5 { font-size: 16px; line-height: 2.75; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 5px; }
.highlited_info h2 { margin-bottom: 30px; color: #40416c; }
.highlited_info h2 a {
	color: #40416c;
	text-decoration: none;
}
.highlited_info h2 a:hover {
	color: #40416c;
	text-decoration: underline;
}
.highlited_info p { margin-bottom: 20px }
.highlited_info ul li { float: left; padding-left: 30px; position: relative; margin-right: 45px; margin-bottom: 30px; }
.highlited_info ul li:last-child { margin-right: 0px; }
.highlited_info ul li:after { content: ""; position: absolute; right: -23px; top: 0; height: 24px; width: 1px; background-color: #d4d2f6; }
.highlited_info ul li:last-child:after { display: none; }
.eyeicon { height: 17px; width: 22px; background-image: url(../images/eye.svg); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; display: block; }
.highlited_info ul li .eyeicon { position: absolute; top: 3px; left: 0; }
.timeicon { height: 22px; width: 22px; background-image: url(../images/watch_icon.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; display: block; }
.highlited_info ul li .timeicon { position: absolute; top: 2px; left: 0; }
.commenticon { height: 20px; width: 20px; background-image: url(../images/comment.svg); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; display: block; }
.highlited_info h6 { font-size: 16px; line-height: 1.75; letter-spacing: 0; color: #7b7f8f; font-weight: 600; text-transform: none; }

.learn_video_wrap { padding-bottom: 40px; }
.highlited_info h6 img { height: 53px; width: 53px; border-radius: 50%; overflow: hidden; margin-right: 5px; }
.learn_video { position: relative; border-radius: 15px; margin-bottom: 25px; background: #000000;border-radius: 25px;}
.learn_video img { border-radius: 25px; width: 100%; transition: 0.1s ease-in; }
.learn_video:hover img {
	opacity: 0.7;
}
.whole_link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 25px;
}
.vidBtn_sm { position: absolute; bottom: -30px; left: 30px;}
.learn_vid_info { padding: 35px; }
.learn_vid_info h5 { font-size: 20px; line-height: 1.2; font-weight: 600; margin-bottom: 22px; }
.learn_vid_info h5 a {
	color: #40416c;
	text-decoration: none;
}
.learn_vid_info h5 a:hover {
	color: #40416c;
	text-decoration: underline;
}
.learn_vid_info ul li { float: left; padding-left: 30px; position: relative; margin-right: 45px; margin-bottom: 30px; }
.learn_vid_info ul li:last-child { margin-right: 0px; }
.learn_vid_info ul li:after { content: ""; position: absolute; right: -23px; top: 0; height: 24px; width: 1px; background-color: #d4d2f6; }
.learn_vid_info ul li:last-child:after { display: none; }
.learn_vid_info ul li .eyeicon { position: absolute; top: 5px; left: 0; }
.learn_vid_info ul li .timeicon { position: absolute; top: 3px; left: 0; }

.vid_cat_menu { position: relative; }
.vid_cat_menu:after { content: ""; position: absolute; right: 50px; top: 0; height: 100%; width: 2px; background-color: #d4d2f6; }
.vid_cat_menu h3 { font-size: 28px; color: #4c46c4; line-height: 1.57; font-weight: 600; margin-bottom: 25px; }
.vid_cat_menu ul { max-width: 200px; width: 100%; }
.vid_cat_menu ul li { font-size: 16px; line-height: 2.75; font-weight: 600; margin-bottom: 30px; }
.vid_cat_menu ul li a { color: #7b7f8f; display: inline-block; }
.vid_cat_menu ul li.activeCatrgory { position: relative; color: #e5561d; text-align: right; }
.vid_cat_menu ul li.activeCatrgory:after { content: ""; position: absolute; height: 2px; width: 100%; left: 0; bottom: 7px; background-color: #e5561d;}
.vid_cat_menu ul li.activeCatrgory a { position: relative; color: #e5561d; padding-left: 16px; }
.vid_cat_menu ul li.activeCatrgory a:before { content: ""; position: absolute; left: 0; top: 16px; height: 12px; width: 16px; border-top: 6px solid transparent; border-right:  8px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #e5561d; }
.vid_cat_menu ul li:hover a { color: #e5561d; }

/*03-02*/
.sign_form {
    position: relative;
    transition: 0.5s ease-in-out;
}




#progress {
	position: absolute;
	left: 0;
	top: 0;
	background: #e44f16;
	height: 100%;
	width: 0;
	max-width: 100% !important;
	transition: width 0.2s ease-in-out;
}
.progress_steps div {
	display: block;
	width: 24px;
	height: 24px;
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #fefeff;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -10px;
	margin-left: -22px;
	transition: 1s ease-in;
}
.progress_steps div:before {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background: #f79168; /* Old browsers */
	background: -moz-linear-gradient(top,  #f79168 0%, #e44f16 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f79168 0%,#e44f16 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f79168 0%,#e44f16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 0.4s ease-in;
	border-radius: 50%;
}
.progress_steps div span {
	display: block;
	line-height: 22px;
	text-align: center;
	position: relative;
	z-index: 40;
}
.progress_steps div.active:before {
	opacity: 1;
}
.progress_steps div:nth-child(2) {
	left: 25%;
}
.progress_steps div:nth-child(3) {
	left: 50%;
}
.progress_steps div:nth-child(4) {
	left: 75%;
}
.progress_steps div:nth-child(5) {
	left: 100%;
}



/******
  Form
 ******/

#register {
    background: #fff;
    position: relative;
    width: 470px;
    height: 70px;
    border-radius: 5px;
    padding: 2px 15px 20px 50px;
    transition: transform .1s ease-in-out;
}

#register.close {
  display: none;
}

.next {
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-size: 40px;
  color: #25a3ff;
  float: right;
  cursor: pointer;
}
.next:hover {color: #333}
.wrong .next {color: #ff2d26}
.close .next {color: #fff}

#inputContainer {
  position: relative;
  opacity: 0;
  width: 350px;
  margin-top: 18px;
  transition: opacity .3s ease-in-out;
}

#inputContainer input {
  width: 100%;
  padding: 0;
  border: none;
  color: #40416c;
  font-size: 18px;
  font-weight: 600;
  outline: 0;
  background: transparent;
  box-shadow:none;
}

#inputLabel {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    color: #40416c;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding: 0;
    transition: .2s ease-in-out;
}
#inputContainer input:valid + #inputLabel {
    top: -14px;
    color: #40416c;
    font-size: 13px;
    font-weight: 600;
    opacity: 0.4;
}

#inputProgress {
  position: absolute;
  border-bottom: 1px solid #504aee;
  padding: 1px 0;
  width: 0;
  transition: width .6s ease-in-out;
}
#progressButton {
    position: absolute;
    width: 56px;
    height: 100%;
    background: url('../images/arrow.svg') no-repeat center center;
    right: 0;
    top: 0;
}
.wrong #inputProgress {
  border-color: #ff2d26;
}
.get_started_form {
    transition: 0.1s ease-in;
}
.get_started_form_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 0 9%;
	margin: 0;
	max-width: none;
	pointer-events: auto;
}
.modal-backdrop {
    background: #18164a;
    z-index: 999999;
}
.modal {
    z-index: 99999999;
}
.modal-backdrop.show {
    opacity: 0.9;
}

.account_created {
    background: #ffffff;
    max-width: 470px;
    margin: 0 auto;
    box-shadow: 0 0 30px rgba(22,20,54,0.3);
    border-radius: 20px;
    text-align: center;
    padding: 35px;
    padding-top: 0;
    margin: 0 auto;
}
.checkmark_big {
    width: 100px;
    height: 100px;
    background: #f79168; /* Old browsers */
    background: -moz-linear-gradient(top, #f79168 0%, #e44f16 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f79168 0%,#e44f16 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f79168 0%,#e44f16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 50%;
    position: relative;
}
.checkmark_big:after {
    display: block;
    content: "";
    width: 48px;
    height: 48px;
    background: url('../images/checkmark_w.svg') no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -24px;
}
.account_created .checkmark_big {
    margin: 0 auto;
    position: relative;
    top: -50px;
}
.account_created h4 {
    color: #40416c;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1.28;
    padding-bottom: 42px;
}
.account_created p {
    margin-bottom: 0;
    padding-bottom: 6px;
}
.account_created .btn {
    font-size: 16px;
    min-width: 230px;
    margin-top: 35px;
}
.account_created_wrapper {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #504aee; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #504aee 0%, #7772e3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #504aee 0%,#7772e3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #504aee 0%,#7772e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: -1;
    transition: 0.4s ease-in;
}
.account_done {
    overflow: hidden;
}
.account_done .get_started_form {
    opacity: 0;
    visibility: hidden;
}
.account_done .account_created_wrapper {
    opacity: 1;
    visibility: visible;
    z-index: 99999999;
}
.ineed {
    opacity: 0;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 60px);
    height: 100%;
    text-align: right;
    z-index: -1;
    padding-top: 14px;
    transition: 0.5s ease-out;
    border-radius: 10px;
}
.ineed.open {
    opacity: 1;
    z-index: 60;
}
.ineed_inner {
    display: inline-block;
}
.ineed_inner:after {
	display: block;
	content: "";
	clear: both;
}
.ineed label {
    color: #40416c;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 40px;
    float: left;
    margin-right: 15px;
}
.ineed .ineed_select {
    float: left;
    width: 170px;
    height: 40px;
    border-radius: 30px;
    background: #7772e3; /* Old browsers */
    background: -moz-linear-gradient(top, #7772e3 0%, #504aee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7772e3 0%,#504aee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7772e3 0%,#504aee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: relative;
}
.ineed .ineed_select select {
    width: 100%;
    height: 40px;
    border-radius: 30px;
    background: none;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none !important;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 40px;
    padding: 0 20px;
    padding-right: 40px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 40;
}
.ineed .ineed_select select option {
    color: #40416c;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: normal;
    padding: 4px 20px;
}
.ineed .ineed_select:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    right: 18px;
    top: 15px;
}
.progress_wrapper {
	width: 400px;
	height: 3px;
	position: relative;
	background: #ffffff;
	border-radius: 5px;
	margin-left: 22px;
	margin-bottom: 60px;
}
.number {
	position: absolute;
	font-size: 100px;
	line-height: 1;
	display: block;
	color: rgba(76, 70, 196, 0.2);
	font-weight: 700;
	top: 0;
	right: calc(100% + 30px);
}
.simple_wrap {
	counter-reset: my-leading-counter;
	/*list-style-type: ;*/
}
.simple_wrap .simple_info:before {
	content: counter(my-leading-counter, decimal-leading-zero);
	counter-increment: my-leading-counter;
	position: absolute;
	font-size: 100px;
	line-height: 1;
	display: block;
	color: rgba(76, 70, 196, 0.2);
	font-weight: 700;
	top: 0;
	right: calc(100% + 30px);
}
.close {
	color: #ffffff;
	font-size: 50px;
	outline: none !important;
}
.close:hover {
	color: #ffffff;
	opacity: 1;
}
.banner404 { padding-top: 120px; }
.banner404 img { display: block; width: 100%; margin-top: -80px; }
.errorMsg404 h1 { font-size: 28px; line-height: 1.57; color: #4842d5; font-weight: 600; margin-bottom: 30px; }
.wb_btnbox {
	padding-top: 150px;
}
.wb_btnbox .btn {
	position: relative;
	z-index: 40;
}

/* ---------------------------------------------------------*/


/* -------- FOOTER HERE ----------*/
.footer {
    background: #2a2b4a;
    padding-top: 128px;
}
.top_footer {
    padding-bottom: 140px;
}
.top_footer h5 {
    color: #ffffff;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 32px;
}
.top_footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.top_footer ul li {
    padding-bottom: 12px;
}
.top_footer ul li a {
    color: #8086a0;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.75;
    text-decoration: none;
    transition: 0.1s ease-in;
}
.top_footer ul li a:hover {
    color: #ffffff;
    text-decoration: none;
}
.subscribe_box p {
    color: #8086a0;
    margin-bottom: 30px;
}
.subscribe_box .form-control {
	padding-right: 70px;
}
.subscribe_box_form {
    position: relative;
}
.subscribe_box_form .form-submit {
	position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition: 0.1s ease-in;
}
.subscribe_box_form .form-submit:hover {
    opacity: 0.8;
}
.btm_footer {
    border-top: 1px solid #595b87;
    padding-top: 30px;
    padding-bottom: 34px;
}
.social_links {
    
}
.social_links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.social_links ul li {
    float: left;
    margin-right: 20px;
}
.social_links ul li a {
    color: #aaaab7;
    font-size: 18px;
    text-decoration: none;
}
.social_links ul li a:hover {
    color: #ffffff;
}
.social_links ul li a .fa-facebook, .social_links ul li a .fa-linkedin {
	font-size: 16px;
}
.copyright_box {
    padding-top: 6px;
}
.copyright_box p {
    color: #ffffff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: normal;
}
.copyright_box p a {
    color: #ffffff;
    text-decoration: none;
}
.copyright_box p a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* ---------------------------------------------------------*/

body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a[href^=tel] {
	color: #E7E6DD;
	text-decoration:none;
}
	
	
	
/* ---------------------------------------------------------*/



/*------------Learning-center--------------*/
.desk-logo{display:block;}
.mob-logo{display:none;}
.nav-icon{display:none;}
.social_links ul li{display: inline-block;float: none;}
.feature_hero_pic{position: relative;z-index: 2;}
.feature_hero .info{position: relative;z-index: 9; padding-right: 50px;}
.sign_info_pic{padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;}
.sign_in_info .sign_info_pic{bottom: -150px;}
.sign_info .content{z-index: 99;}
.flow_box .number{z-index: 99; font-size: 0.1px;}
.builder_lego .builderblock:hover{ -webkit-animation: updownmover 2s infinite;animation: updownmover 2s infinite;}
.text_hero3:after{    background-image: url(../images/wave1.png);}


.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both;}
.learning_hero h6{color: #ffffff;font-size:20px;text-transform:uppercase;line-height:28px;font-family: 'Open Sans', sans-serif;letter-spacing: 4.5px;font-weight: 600;}
.learning_hero h2{color: #ffffff;font-size:44px;font-family: 'Open Sans', sans-serif;font-weight:600;line-height: normal;}
.learning_hero.text_hero1 p{font-size: 16px;line-height: normal;margin: 0 auto; padding: 10px 0;}
.web360.one{ position: relative;z-index: 90;}
.web_features.learn_cent [class*=col-]{ min-height: 230px;}
.web_features.learn_cent .web_featurebox h5{padding-bottom:5px;}

.video_tutorials{padding:0 0 30px;}
.video_tutorials h1{color: #4c46c4; font-size: 36px; font-weight: 600;font-family: 'Open Sans', sans-serif;text-align: left; position: relative;}
.video_tutorials h1:after{content: "";background-color: #d4d2f6; width: 75%; right: 0; height: 1px;position: absolute; top: 50%;}
.video_tutorials .slick-slide{position: relative;}
.video_tutorials .highlited_info  .slick-slide{height: 130px;    padding-right: 30px;}
.video_tutorials .highlited_info .slick-slide img{  width: 100%;height: auto;}
.pad_rg_0{padding-right: 0!important;}
.pad_lr_0{padding-right: 70px!important;padding-left:15px!important;}
.video_tutorials .slider-nav .slick-prev{width:20px;height:15px;background: #ffffff url(../images/arrow_left.png) no-repeat center center;border: none;box-shadow: none; border-radius: 0;margin-bottom: 30px;}
.video_tutorials .slider-nav .slick-next{width:20px;height:15px;background: #ffffff url(../images/arrow_right.png) no-repeat center center;border: none;box-shadow: none; border-radius: 0; position: absolute;left: 75px;top: 5px;}
a.view_all{display: inline-block;text-decoration: none; color: #3f38b7; margin:60px auto 0; font-size: 20px;font-family: 'Open Sans', sans-serif; font-weight: 600; position: relative; transition: 0.1s ease-in;}
a.view_all:hover {
	text-decoration: underline;
}
a.view_all:after{content:"";background:url(../images/arrow_right.png)no-repeat center center;width:20px;height:15px;position:absolute;right:-30px;top: 8px;}
.highlited_info ul li .time_icon { position: absolute;top: 2px;left: 0;}
.time_icon { height: 20px; width: 20px; background-image: url(../images/time.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; display: block; }
.highlited_info ul li a{display: inline-block; margin-left: -30px;}
.highlited_info ul li a:first-of-type{margin-left: 0;}
.pad_lr_0.highlited_info ul li:first-child{ margin-top: 12px;}
.highlited_list ul {list-style: none; margin: 0 auto;}
.highlited_list img,.pad_lr_0.highlited_info img{width: 100%; height: auto;}
.highlited_list ul li{text-align: left;display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;padding-bottom: 40px;}
.highlited_list ul li:before, .highlited_list ul li:after { content: ''; display: table; }
.highlited_list ul li:after { clear: both;}
.highlited_list h6{color:#40416c;font-size:24px;font-weight:600;font-family: 'Open Sans', sans-serif; letter-spacing: normal;text-transform: inherit;}
.highlited_list h6>a{text-decoration: none; color:#40416c;font-size:24px;font-weight:600;font-family: 'Open Sans', sans-serif;  }

.guides_sec{padding:0 0 80px;}
.guides_sec h1{color: #4c46c4; font-size: 36px; font-weight: 600;font-family: 'Open Sans', sans-serif;text-align: left; position: relative;}
.guides_sec h1:after{content: "";background-color: #d4d2f6; width: 75%; right: 0; height: 1px;position: absolute; top: 50%;}
.art_details{padding: 95px 0 0;}
.art_details ul{list-style: none;margin: 0 auto;}
.art_details ul li{float: left; width: 50%; padding-right: 30px;padding-bottom: 40px; vertical-align: top;}
.art_details ul.first li{width: 100%; float: none;}
.art_details  h5{color: #e5561d;font-weight:400;font-size:16px;line-height: 2.75;margin-bottom: 15px;text-transform: uppercase;letter-spacing: 5px;}
.art_details ul li h2 {font-size: 28px;line-height: 1.14;font-weight: 600;margin-bottom:10px;color: #40416c;}
.art_details ul li h3 {font-size: 24px;line-height: 1.14;font-weight: 600;margin-bottom:10px;color: #40416c;}
.art_details ul li span{display: block; color: #7b7f8f;font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 400;}
.art_details ul li h3>a,.art_details ul li h2>a{text-decoration: none;color: #40416c;font-family: 'Open Sans', sans-serif;font-weight: 600; transition: 0.1s ease-in;}


.price_tag h6>span,.feature_tag span,.plan_column .feature_list ul li span{display: none;color: #40416c;font-size: 20px;font-family: 'Open Sans', sans-serif;font-weight: 600;}


.year_wrap{
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/*============SET:ARCHIVE============*/
.archive_breadcrumb h1 { font-size: 36px; line-height: 1.22; font-weight: 600; color: #4c46c4; margin-bottom: 50px; }
.year_select { position: relative; width: 200px; z-index: 1; margin-left: 8%; }
.year_select:after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #e5531a transparent transparent transparent; position: absolute; top: 31px; right: 0; z-index: -1 }
.year_select select { height: 75px; min-width: 200px; border: 0px; padding: 0px 50px 0px 70px; font-size: 36px; line-height: 1.22; color: #e5531a; font-weight: 600; font-family: 'Open Sans', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/Black_calendar-09.svg); background-size: 43px 47px; background-position: center left 10px; background-repeat: no-repeat; z-index: 9; background-color: transparent; }
.year_select select option { height: 50px; min-width: 200px; font-size: 20px; }

.year_wrap { padding-left: 16.67%; padding-bottom: 150px; }
.year_info { border-left: 2px solid #e5531a; }
.month_wrap { padding-top: 50px; padding-left: 9%; position: relative; }
.year_info_box { margin-bottom: 40px; padding: 0 20px; }
.year_info_box h5 { color: #e5561d; font-size: 20px; line-height: 2.2; font-weight: 400; }
.year_info_box p { color: #4c46c4; font-size: 20px; line-height: 1.2; font-weight: 600; }
.year_info_box p a {
	color: #4c46c4;
	text-decoration: none;
}
.year_info_box p a:hover {
	color: #4c46c4;
	text-decoration: underline;
}
.month_dot { position: absolute; top: 50px; left: -20%; width: 20%; display: inline-block; color: #e5561d; font-size: 20px; line-height: 2.2; font-weight: 600; text-align: right; padding: 0px 20px; }
.month_dot:after { content: ""; position: absolute; height: 32px; width: 32px; background-image: url(../images/dots.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; top: 4px; right: -15px; }
/*============SET:ARCHIVE============*/


/*9-2/2019*/
/*
.text_hero.text_hero1{height: 700px;}
.text_hero.text_hero1{padding-top: 0px;}
*/
.post_content .post_title{padding-bottom:20px;}
.post_content .breadcrumb li{font-size: 16px;}
.post_content .breadcrumb{padding-top:0px;margin: 0;}
.post_info ul li{float: left; padding-right: 40px; padding-left: 40px;}
.post_info{display: block; margin-top: 30px;}
.presentation_banner:after {
    background-image: url("../images/wave16.png");
}

.text_hero.text_hero1 {
    height: auto;
    padding-top: 0;
}
.text_hero.text_hero1 .hero_info {
    padding-bottom: 150px;
}
.text_hero.text_hero1 .hero_info {
    padding-bottom: 280px;
}
.text_hero.text_hero2 .hero_info {
    padding-bottom: 280px;
}
.mobview {
	display: none;
}
.text_hero.webinars_hero .hero_info {
    padding-bottom: 150px;
}
.learning_hero {
	min-height: 1px;
}
.learning_hero + .web360 {
	padding-bottom: 50px;
}
.learning_hero.text_hero1 .hero_info {
	padding-top: 160px;
    padding-bottom: 220px;
}
.highlited_list h6 > a {
	transition: 0.1s ease-in;
	text-decoration: none;
}
.highlited_list h6 > a:hover {
	text-decoration: underline;
}
.video_tutorials .highlited_img {
	background: none;
}
.video_tutorials .highlited_img .slick-slide {
	background: #000000;
	border-radius: 30px;
}
.art_details ul li h3 > a:hover, .art_details ul li h2 > a:hover {
	text-decoration: underline;
}
.presentation_banner {
	padding-top: 100px !important;
	padding-bottom: 150px;
}
.blog_catm {
	
}
.blog_catm h4 {
	display: none;
}
@keyframes miniscale {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.2);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
.work_flow_list.animated .flow_top .number img {
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: miniscale;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
.flow_top .cover_left {
	display: block;
	position: absolute;
	width: 135px;
	height: 100%;
	background: #F4F3FD;
	left: 0;
	bottom: 0;
	z-index: 10;
	transition: height 1s linear;
}
.flow_top .cover_bottom {
	display: block;
	position: absolute;
	width: calc(100% - 198px);
	height: 20px;
	background: #F4F3FD;
	right: 99px;
	bottom: 0;
	z-index: 10;
	transition: width 2s linear;
}
.work_flow_list.animated .flow_top .cover_left {
	height: 0;
}
.work_flow_list.animated .flow_top .cover_bottom {
	width: 0;
	transition-delay: 1s;
}
.flow_middle .cover_right {
	display: block;
	position: absolute;
	width: 135px;
	height: calc(100% + 20px);
	background: #F4F3FD;
	right: 0;
	bottom: 0;
	z-index: 10;
	transition: height 1s linear;
}
.flow_middle .cover_bottom {
	display: block;
	position: absolute;
	width: calc(100% - 268px);
	height: 20px;
	background: #F4F3FD;
	left: 135px;
	bottom: 0;
	z-index: 10;
	transition: width 2s linear;
}
.work_flow_list.animated .flow_middle .cover_right {
	height: 0;
	transition-delay: 3s;
}
.work_flow_list.animated .flow_middle .cover_bottom {
	width: 0;
	transition-delay: 4s;
}
.work_flow_list.animated .flow_middle .number img {
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: miniscale;
	animation-timing-function: ease-in-out;
	animation-delay: 3.5s;
	animation-fill-mode: forwards;
}
.flow_bottom .cover_left {
	display: block;
	position: absolute;
	width: 135px;
	height: 384px;
	background: #F4F3FD;
	left: 0;
	bottom: 80px;
	z-index: 10;
	transition: height 2s linear;
}
.work_flow_list.animated .flow_bottom .cover_left {
	height: 0;
	transition-delay: 6s;
}
.work_flow_list.animated .flow_bottom .number img {
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: miniscale;
	animation-timing-function: ease-in-out;
	animation-delay: 7.2s;
	animation-fill-mode: forwards;
}
.flow_box .number img {
	opacity: 0;
}
/*
.flow_box .number {
	opacity: 0;
	transition: opacity 1s linear;
}
.flow_top.animated .number {
	opacity: 1;
}
.flow_middle.animated .number {
	opacity: 1;
	transition-delay: 6s;
}*/
.how_work_wrapper + .build_launch:before {
	background-image: url('../images/wave18.png');
}
.web360 .web_featurebox:hover {
    box-shadow: 0 4px 30px rgba(20, 14, 147, 0.8);
}

/* register webdo builder */
.get_started {
    display: none;
}

.get_started_form {
    /* display: none !important; */
}

.get_started_form{
    width: 40%;
    left: 30%;
    position: relative;
    background: white;
    padding: 20px;
    border-radius: 5px;
}

.get_started_form table input{
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #707096;
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: white;
  box-shadow: 0;
}

/*lvu fix custom angularjs validators issue - icon it's not changed correct valid/invalid*/
.was-validated .form-control.valid-custom-fix{
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.was-validated .form-control.valid-custom-fix:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-control.invalid-custom-fix{
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.was-validated .form-control.invalid-custom-fix:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.invalid-icon-custom{
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
/*end lvu fix*/

/*login in site*/
.login-in-site{
    position:fixed;
    background: white;
    z-index: 1050;
    /*top: 100px;*/
    /*right: 0;*/
    padding:0;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.login-in-site .close{
    color: gray;
    font-size: 26px;
    line-height: normal;
}
.login-in-site-wrapper{
    background-color: #f6f7ff;
}

/*fix custom checkbox label*/
.custom-control-label{
    padding-top: 3px;
}

.btn-xs {
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    min-width: 120px;
}

/*try to fix login close button position on all devices*/
.login-close{
    margin-right: .0;
}
@media (min-width: 360px) {
  .login-close {
    margin-top: -4px;
    margin-right: -6px;
  }
}

@media (min-width: 576px) {
   .login-close {
    margin-right: 0.25rem;
  }
}

@media (min-width: 768px) {
  .login-close {
    margin-right: 0.25rem;
  }
}

@media (min-width: 992px) {
   .login-close {
    margin-right: 0.25rem;
  }
}

@media (min-width: 1200px) {
   .login-close {
    margin-right: 0.25rem;
  }
}

/*try to fix login content on all devices*/
.login-content{
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
}
@media (min-width: 360px) {
  .login-content {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 576px) {
   .login-content {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .login-content {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 992px) {
   .login-content {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1200px) {
   .login-content {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
  }
}

.reset-password-content{
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
}

.reset-password-content p{
    font-size:14px;    
}

.reset-password-content #captcha{
    max-width: 120px;
}

.captcha-wrapper{
    position: relative;    
}

.captcha-refresh-button{
    font-size: 18px;
    cursor: pointer;
}
.captcha-refresh-button:hover{
    color: #4842d5;
}
/*end login in site*/

@media (max-width: 767px){
    .hero_info {
        padding-top: 90px;
    }
}

.logo-image{
    height: 60px; 
    margin: 5px;
}

.header-background{
    background: linear-gradient(to right, #6e6ade 0%,#544de3 100%);
}

/* ng-cloack rule for hiding angular content on init */
[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none;
}

/*change register, login and change password forms placeholder color to lighter one (lvu)*/
#registerForm ::placeholder,  
#loginForm ::placeholder, 
#resetPasswordForm ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(200, 200, 200);
  opacity: 1; /* Firefox */
}

#registerForm :-ms-input-placeholder,  
#loginForm :-ms-input-placeholder, 
#resetPasswordForm :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(200, 200, 200);
}

#registerForm ::-ms-input-placeholder, 
#loginForm ::-ms-input-placeholder, 
#resetPasswordForm ::-ms-input-placeholder { /* Microsoft Edge */
  color: rgb(200, 200, 200);
}
/*end change placeholder color *

/*lvu - set min height header*/
.header{
    min-height:98px;
}
/*end */

/*lvu - login title*/
.login-content h2, .reset-password-content h2 {
    display: inline-block;
	color: #504aee;
	font-size: 36px;
	font-weight: 700;
	line-height: normal;
	background: #504aee; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #504aee 0%, #33d5d7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #504aee 0%,#33d5d7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #504aee 0%,#33d5d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	padding-bottom: 50px;
}
/*end login title*/