body{margin: 0;font-family: popL;}
.uk-container{margin: 0 auto !important;}
a{
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
text-decoration: none;
}
a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}
a:hover{text-decoration: none !important;}
a.pinkBtn {
	background: #ff5579;
	color: #fff !important;
	width: 108px;
	height: 37px;
	line-height: 37px;
	border-radius: 7px;
	font-family: roboto-medium !important;
	font-size: 13px;
	box-shadow: 0 6px 13px -10px #000;
}
.mainWrap .unsubGbWrapper {
	margin: 0 auto -44px !important;
	position: relative;
	z-index: 100;
}
.entreprisePlan .entreprisePlanRight img {
	width: 50px;
}

a.pinkBtn.blueButton {
	letter-spacing: .3px;
	background: #598cf5;
}
a.pinkBtn:hover {
	background: #484848;
}
a.blueBtn {
	background: #00cdff;
	color: #fff !important;
	width: 150px;
	height: 55px;
	line-height: 55px;
	border-radius: 30px;
	font-family: pop;
	font-size: 13px;
}


a.blueBtn:hover{background: #FC4785;}
a.grayBtn {background: #6b94a8;color: #fff !important;font-family: pop;font-size: 12px;width: 130px;height: 35px;line-height: 35px;border-radius: 40px;}


.loginSnippets {
	position: relative;
	margin: 11px 0 0 !important;
}

.inlineBlock.accountInner.mailBoxLeft {
	width: 100%;
}
.loginSnippets .input-wrap.inlineBlock, .loginSnippets .mailBoxLeft a {
	display: inline-block;
	position: relative;
	width: auto;
	font-family: roboto-light;
	color: #656565;
	text-transform: capitalize;
	vertical-align: top;
	letter-spacing: .4px;
}
.loginSnippets .mailBoxLeft a {
	float: right;
	margin-top: 3px;
	margin-bottom: 0;
	font-size: 13px;
	color: #d22525;
}

.btns-wrap{
background: #e3e3e3;
padding: 12px 0;
margin: -33px 0 0;
}
.btns-wrap img {
	display: inline-block;
	width: 21px;
	margin: 0 6px;
}



.tab1 {-moz-tab-size: 4;-webkit-tab-size: 4;-o-tab-size: 4;tab-size: 4;background: #fff;margin: 0;padding: 0;color: #666;font-family: pop;border: none;position: relative;height: 30px;}

/* Border Colors */
.pinkBorder{border-color: #fc4785 !important;}
.blueBorder{border-color: #00cdff !important;}
.transparentBorder{border-color: transparent !important;}

.aquaCircle {
	background: #0caa20;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}
.whiteBack{background: #fff;}
.hidden{display: none;}
.show{display: block;}
/*-- Margins---*/
.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mt-40{margin-top: 16px !important;}
.mt-50{margin-top: 50px !important;}
.mt-100 {
	margin-top: 17px !important;
}
.mb-10{margin-bottom: 10px !important;}
.mb-5{margin-bottom: 5px !important;}
h5.mb-20{color: #121212 !important;letter-spacing: .3px;font-size: 16px;}
.mb-40{margin-bottom: 14px !important;}
.mb-80{margin-bottom: 80px !important;}
.mb-100{margin-bottom: 100px !important;}
/*-- Margins---*/



/* paddmings */
.pb-80{padding-bottom: 80px !important;}
.pt-80{padding-top: 80px !important;}
.pt-100{padding-top: 100px !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-40{padding-bottom: 40px !important;}
.pt-50{padding-top: 50px !important;}
.pt-60{padding-top: 60px !important;}



.formProceed a.blueBtn {
	background: #00cdff;
	color: #fff !important;
	width: 100px;
	height: 45px;
	line-height: 45px;
	border-radius: 30px;
	font-family: pop;
	font-size: 12px;
	text-align: center;
	margin: -5px 22px 4px !important;
}

span.error{position: absolute;right: 10px;top: 10px;}
span.error img{width: 15px;}


.ml {margin-left: 20px !important;}
/* --- Text align ------*/
.textCenter{text-align: center !important;}
.textLeft{text-align: left !important;}
.textRight{text-align: right !important;}
/* --- Text align ------*/
.blueText{color: #39f;}
.vBottom {vertical-align: bottom !important;position: relative;}
.alignTop{vertical-align: top !important;}
.alignMiddle{vertical-align: middle !important;}
.inlineBlock{display: inline-block;vertical-align: middle;}
.table{display: table;width: 100% !important;}
.tableCell{display: table-cell;}
.width-79{width: 79%;padding: 0 !important;}
.mainWrap .mainHeadings > h2 {
	margin: 0;
	line-height: 44px;
	color: #a7a7a7;
	font-family: roboto-thin;
	font-size: 32px;
	font-weight: 100;
	letter-spacing: -1px;
}
.mainWrap .mainHeadings > h2 strong {
	color: #6a6565;
	font-family: roboto-medium;
	letter-spacing: .2px;
}
.mainWrap .mainHeadings > h3 {
	margin: 3px 0 0;
	color: #888;
	font-family: roboto-light;
	font-size: 13px;
	text-transform: capitalize;
	letter-spacing: 1px;
}

p{font-family: pop !important;font-size: 12px;}
.mainHeadings {
	padding: 60px 0 50px;
}

.mainWrap {
	background: #f5f5f5;
	padding: 0 0 40px;
	text-align: center;
}




.customDomain .vBottom{bottom: 20px;}
.connectDomain .input-wrap #uniquePermalink {
	font-size: 14px !important;
	overflow: hidden;
	background: #fff;
	height: 31px;
	line-height: normal;
	outline: none;
	border-bottom: 1px #cecece solid;
	width: 100% !important;
	display: inline-block;
	font-weight: normal;
	font-family: roboto-medium;
	letter-spacing: .5px;
	color: #111010;
}
.dynamicPermalink > .success {position: absolute;color: #35820d;}
.dynamicPermalink > .notice {color: #388E3C;}
.dynamicPermalink{position: absolute;width: 100%;}



.navMain ul li a {color: #666;}

.nav_right select {
	height: 36px;
	padding: 0 14px;
	border-radius: 5px;
	border: 1px #dfdfdf solid;
	font-size: 12px;
	letter-spacing: .5px;
	color: #aeaeae;
}
.grecaptcha-badge {
	bottom: 90px !important;
}
.signUpWithFb .uk-spinner.uk-icon {
	margin: 18px 0 0;
}


























/* HEADER START */
.headerMain {
	height: 70px;
	position: relative;
	padding-top: 6px;
	line-height: 60px;
	background: #fff;
	margin:0;
}

.headerMain .navMain {
text-align: left;
display: block;
}
.headerMain .navMain hr {
 margin-top: 0.5em;margin-bottom: 0.5em;margin-left: auto;margin-right: auto;border-style: inset;border-width: 1px;}

.headerMain .navMain ul {
display: inline-block;
margin: 0;
padding: 0;
width: 50%;
float: left;
}
.headerMain .navMain ul {
display: inline-block;
margin: 0;
padding: 0;
width: 50%;
float: left;
}.headerMain .navMain ul:nth-child(2) {
float: right;
text-align: right;
}
.headerMain .navMain ul li a {
	color: #717171;
	font-family: 'SFNSText', 'Helvetica Neue', sans-serif;
	font-size: 12px;
	padding: 0 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}
.footerSocialLinks > a {
	border: 1px #dbdbdb solid;
	height: 40px;
	width: 40px;
	display: inline-block !important;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	margin-right: 3px !important;
	color: #666;
	font-size: 17px !important;
}

.headerMain .navMain ul li:first-child a{
	padding: 0;
	margin-right: 40px;
}


.headerMain .navMain ul.nav_right li a {
	font-family: pop;
color: #333;
padding: 0 10px;
}



.headerMain .navMain ul li a i {
margin-right: 6px;
}

.headerMain .navMain ul li .languageSwitcher.secondary {
	text-align: center;
	position: relative;
	margin: 0;
	display: inline-block;
	width: 60px;
	right: 22px;
	top: 31px;
	padding-bottom: 18px;
	width: 52px;
}
.headerMain .navMain ul li .languageSwitcher::before {
	display: block;
	position: absolute;
	content: "\f024";
	right: 0;
	font-family: fontAwesome;
	line-height: 32px;
	font-size: 21px;
	border-radius: 100%;
	top: -34px;
	color: #4d4e4e;
	text-align: right;
	transition: all 0.3s ease-in-out 0s;
	width: auto;
}

.headerMain .navMain ul li .languageSwitcher > span:hover{
background-color: #222;
}

.headerMain .navMain ul li .languageSwitcher:hover > span:hover {background-color: #333;color: #fff;}

.headerMain .navMain ul li .languageSwitcher > div {
	position: absolute;
	background: #fff;
	width: 199px;
	right: 0;
	top: 16px;
	padding-top: 14px;
	border-top: 3px #44BBFC solid;
	padding-bottom: 8px;
	border-radius: 0 0px 4px 4px;
	display: none;
	z-index: 100;
}

.headerMain .navMain ul li .languageSwitcher:hover > div{
display: block;
}
.headerMain .navMain ul li .languageSwitcher div > span:hover{
color: #333;
}
.headerMain .navMain ul li .languageSwitcher div > span {
	display: block;
	font-size: 12px;
	letter-spacing: 1px;
	color: #939090;
	line-height: normal;
	padding: 3px 20px 7px;
	cursor: pointer;
	font-family: popL;
	text-align: left;
}


.headerMain .navMain ul li .languageSwitcher:hover > span:nth-child(2){
top:43px;
}
.headerMain .navMain ul a:hover{color: #ff0085;}
.headerMain .navMain ul li {
display: inline;
list-style: outside none none;
}
.headerMain .navMain ul li a img {width: 30px;}


.headerMain .navMain, .headerMain .loginArea {display: block;width: 100%;padding: 0 40px;}


.navMain > a {
display: inline-block;
width:35px;
}
.navMain > a > img{}

.navMain > ul{}
.navMain > ul li{}
.navMain > ul li a{}
.navMain > ul li a:hover{}
.navMain > ul{}
.headerMain .navMain ul li a.active {
	color: #ff86a3;
}
.headerMain .loginArea {
text-align: right;
width: 24.5%;
}

.headerMain .loginArea a i {
color: #ccc;
font-size: 12px;
margin-right: -15px;
padding: 0 0 0 8px;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}

.headerMain .loginArea a i:hover {
color: #333;
}
.headerMain .userOptions {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-bottom: none;
 visibility: hidden;
position: absolute;
right:35px;
text-align: left;
top: 100px;
width: 230px;
z-index: 1050;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}


.loginArea > a{}
.loginArea > .userOptions.active{ 

top: 72px;
 visibility: visible;
}
.loginArea > a {
color: #333;
display: block;
font-family: popL;
font-size: 12px;
padding-right: 15px;
letter-spacing: 1px;
}
.loginArea > a > img {
background-color: #fff;
border: 1px solid #333;
border-radius: 100%;
height: 50px;
margin-right: 8px;
padding: 2px;
width: 50px;
}

.headerMain .userOptions ul {
margin: 0;
padding: 0;
}
.headerMain .userOptions li a {
border-bottom: 1px solid #eee;
color: #444;
display: block;
font-family: pop;
font-size: 11px;
padding: 15px 10px 12px;
text-decoration: none;
letter-spacing: 1px;
}
.headerMain .userOptions li a i {
font-size: 15px;
position: absolute;
right: 30px;
}

.headerMain .userOptions li a:hover i , .headerMain .userOptions li a:focus i , .headerMain .userOptions li a:active i{color: #E53935;}
.headerMain .userOptions li {
list-style: outside none none;
width: 100%;
}
.headerMain .userOptions li a:hover{color: #555;}
/* HEADER END */





/* -------------------  accountStatus --------------------- */
.accountStatus{}
.accountStatusSingle {
	background: #fff;
	padding: 27px;
	text-align: left;
	margin: 0 5px;
}
.accountStatusSingle.accountStatusLeft {
	width: 65%;
	border-left: 3px solid #fc4785;
	box-shadow: 0 6px 23px -18px #0b0b0b;
}
.accountStatusSingle.accountStatusRight {
	width: 33%;
	padding: 29px;
	box-shadow: 0 6px 23px -18px #0b0b0b;
}
.accountStatusSingle h2 {
	font-size: 16px !important;
	margin-bottom: 10px !important;
	font-family: roboto;
}
.accountStatusSingle h2 strong {
	color: #232323;
	font-family: roboto-regular;
	letter-spacing: -0.3px;
}

.accountStatusSingle .accountInner{}
.accountInner.accountInnerLeft {
	width: 59%;
	padding: 0;
	padding-left: 45px;
}
.accountInner.accountInnerRight {
	width: 40%;
	text-align: center;
	border-left: 1px solid #e6e6e6;
	padding: 10px 0;
	margin: 32px 0 0;
	padding-left: 40px;
}
.generalSettings .accountInner.accountInnerRight {vertical-align: top !important;}
.accountInner > p {
	color: #272626;
	text-transform: capitalize;
	margin: 0 0 3px;
	font-size: 13px;
	font-family: roboto-light !important;
	letter-spacing: .5px;
}.accountInner > p > span {
	width: 182px;
	display: inline-block;
	text-transform: initial;
	color: #080809;
	font-family: roboto-medium;
	letter-spacing: .5px;
}
.accountStatusSingle a {
	font-family: roboto-light;
	font-size: 13px;
	color: #727272;
	text-transform: capitalize;
	letter-spacing: .5px;
}
/* -------------------  accountStatus --------------------- */

.accountStatusSingle a.pinkBtn.blueButton i {
font-size: 13px;
margin-right: 6px;
}
.accountStatusSingle a.pinkBtn i{
	margin-right: 4px;
}

.accountStatusSingle a i.fa-eye{
	font-size: 11px;
	margin-right: 5px;
	color: #626262;
}


.gradientBack {
	background: transparent linear-gradient(to left, #E55D87, #5FC3E4) repeat scroll 0% 0%;
	height: 4px;
	padding: 0 !important;
}
.width-80{width: 80%;display: inline-block;}
/* ----------------- DashBoard Items -------------------------*/
.dashSingle {background: #FFF none repeat scroll 0% 0%;padding: 100px 0px;width: 33%;margin: 4px 0px 0px;position: relative;}
.dashboardSingle .premiumVirsion {
	position: absolute;
	top: 5px;
	right: 5px;
	border: #ff5252 1px solid;
	padding: 1px 13px;
	color: #fe6e6e;
	font-family: roboto-thin;
	font-size: 11px;
	letter-spacing: 1px;
	border-radius: 60px;
	margin-top: 4px;
}
.dashSingle > a{}
.dashSingle img {
	width: 21px;
}
.dashSingle h3 {
	font-size: 14px;
	font-family: roboto-light;
	letter-spacing: .5px;
	font-weight: 300;
	margin: 0;
}
.dashSingle a {
	color: #646464;
	text-decoration: none;
}
.dashSingle:hover a i {
	color: #ff8da8;
}

.dashSingle a i {
	color: #a2a1a1;
	font-size: 16px;
	margin-top: 15px;
}

#footers-9 .bb h5 {
	font-family: roboto-Medium;
	font-size: 14px;
	letter-spacing: .5px;
	color: #333 !important;
}

#footers-9 .bb a {
	display: block;
	margin: 0 0;
	font-size: 12px;
	letter-spacing: .5px;
	font-family: roboto-light;
}
#footers-9 div div.col-sm-auto p {
	font-family: roboto-medium !important;
	letter-spacing: .5px;
	font-size: 12px;
	color: #3c3b3b;
	opacity: 1;
}
.copyWrited .navbar > a {
	vertical-align: top;
}
#footers-9 {
	background: #fff;
}
.copyWrited .navbar {
	height: 21px !important;
}
.mainFrontWrap {
	overflow: hidden;
}
.dashSingle h2 {font-size: 16px !important;}
.dashSingle h2 > a {color: #555;}
.dashSingle h2 > a > strong{}
/* ----------------- DashBoard Items -------------------------*/

.custom-width{padding: 0 !important;}




/*<!-- Domain Selection -->*/
.domainSelection{}
.mainWrap.connectDomainWrap{margin-top: 40px;}
.domainSingle {
	height: 73px;
	background: #FFF none repeat scroll 0% 0%;
	padding: 4px 15px;
	text-align: left;
	margin: 3px 0px 0px;
	width: 49.8%;
	padding-right: 0px;
}
.domainSingle .input-wrap {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 13px;
	line-height: 60px;
	font-family: roboto-light;
	letter-spacing: .4px;
	width: 100%;
}

.domainSelection > div a.pinkBtn {
	margin-left: 28px;
}
.dynamicPermalink > div {
	font-size: 13px;
	letter-spacing: .5px;
	font-family: roboto-medium;
}
.domainSingle .input-wrap strong{font-family: roboto-medium;font-weight: normal;color: #fb6680;margin-right: 40px;}
/* Hide the browser's default radio button */
.domainSingle .input-wrap input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.domainSingle .checkmark {
	position: absolute;
	top: 19px;
	left: -5px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 1px solid #d7d7d7;
	background: #eee;
}
/* On mouse-over, add a grey background color */
.domainSingle .input-wrap:hover input ~ .checkmark {background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.domainSingle .input-wrap input:checked ~ .checkmark {background-color: #fff;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.domainSingle .checkmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.domainSingle .input-wrap input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.domainSingle .input-wrap .checkmark::after {width: 12px;height: 12px;border-radius: 50%;background: #FF538E none repeat scroll 0% 0%;left: 3px;top: 3px;}
/*<!-- Domain Selection -->*/




/*------ Connect Domain --------*/
.domain-missing-alert {
	text-align: left;
	margin-top: 20px !important;
}
.domain-missing-alert p {
	font-size: 13px;
	background: #f93030;
	text-transform: capitalize;
	font-family: roboto-medium !important;
	margin-bottom: 0 !important;
	letter-spacing: 1px;
	color: #fff;
	padding: 14px 12px;
	border-radius: 3px;
}
#footers-9 div div.col-sm-auto p.ftrSlogan{
	text-align: left;
	font-family: roboto-light !important;
	font-size: 15px;
	word-spacing: 26px;
	padding-left: 14px;
	color: #777;
}

.connectDomain {
	background: #FFF none repeat scroll 0% 0%;
	padding: 10px 0 !important;
	border-radius: 7px;
}
.connectDomain > h2 {margin-left: 22px !important;font-size: 14px;font-family: roboto-medium;letter-spacing: .4px;color: #49586f;}
.connectDomain .input-wrap {margin-top: 1px;width: 45%;position: relative;padding: 0px 22px;}
.connectDomain .input-wrap label {
	display: block;
	font-family: roboto;
	margin-bottom: 5px;
	color: #f72442;
	font-size: 13px;
	letter-spacing: .5px;
}

.connectDomain .input-wrap label {
	display: block;
	font-family: roboto;
	margin-bottom: 5px;
	color: #3f3e4f;
	font-size: 13px;
	letter-spacing: .5px;
	position: relative;
}
.businessPage .accountInnerLeft.accountInner {
	padding-left: 0px;
}
.accountSettingWrap .businessPage h2 {
	font-family: roboto-light;
	letter-spacing: .5px;
	font-size: 19px !important;
	color: #585d7d;
}
.accountSettingWrap .businessPage h2 > strong {
	color: #ff5b8a;
}


.connectDomain.connectDomainCss .input-wrap label {

    display: block;
    font-family: roboto;
    margin-bottom: 5px;
    color: #f72442;
    font-size: 13px;
    letter-spacing: .5px;

}
.connectDomain .input-wrap input, .connectDomain .input-wrap select {
	width: 94% !important;
	height: 47px;
	background: #fff;
	border: 1px solid #D7D7D7 !important;
	padding: 0px 10px !important;
	font-family: roboto-medium !important;
	font-size: 12px !important;
	color: #333 !important;
	border-radius: 4px;
	text-align: left !important;
	margin: 5px 0 20px !important;
	box-shadow: none;
	letter-spacing: .4px !important;
}
.connectDomain .input-wrap span {position: absolute;top: 0;right: 22px;}
.connectDomain .input-wrap span img {
	width: 18px;
}
.input-wrap h2 {
	font-size: 14px !important;
	overflow: hidden;
	background: #fff;
	height: 31px;
	line-height: normal;
	outline: none;
	border-bottom: 1px #cecece solid;
	width: 100% !important;
	display: inline-block;
	font-weight: normal;
	font-family: roboto-medium;
	letter-spacing: .5px;
	color: #6f6d6d;
}
.connectDomain .btn-wrap {
	width: 20%;
	text-align: left;
}

.connectDomain .btn-wrap a.submitDomain {
	margin-top: 40px !important;
	height: 55px !important;
	line-height: 55px;
}
.connectDomain .inputIcon {
	width: 34px;
	text-align: center;
	margin-right: -1px;
	margin-bottom: 12px;
	background: transparent;
	border-radius: 100px;
	height: 45px;
	line-height: 51px;
}
.connectDomain .inputIcon img {
	width: 17px;
	margin-bottom: 10px;
}
.mailBoxConLeft .selectImg {
	height: 47px;
	right: 0px;
	top: 0px;
	line-height: 52px;
}
.mailBoxConLeft .selectImg img{width: 20px;}
.mailBoxConLeft .styled-select{height: auto !important;}
/*------ Connect Domain --------*/



/* ----------- Mail Box -----------------*/
.mailBoxWrap{}
.mailBoxLeft {width: 49%;}
.mailBoxLeft img {width: 60px;}
.instructionsWrap > h2 {
	font-size: 26px !important;
	font-family: roboto-thin;
}
.instructionsWrap > h2 > strong {font-family: roboto-medium;}
.mailBoxRight {width: 49%;border-left: 1px solid #ddd;}
.mailBoxRight a {width: 180px;}
.mailBoxRight img{width: 260px;margin-bottom: 10px;}
/* ----------- Mail Box -----------------*/





.instructionsWrap {
	background: #fff;
	border-left: 4px solid;
	padding: 20px;
	box-shadow: 0 10px 10px #b1b1b1;
	border-radius: 0 10px 10px 0;
}
.instructionsWrap > h2{font-size: 20px !important;}
.instructionsWrap > h2 > strong{}
.instructionsWrap p {
	color: #666;
	line-height: 25px;
	margin-top: 20px;
	font-size: 13px;
}




.managePlans{position: relative;}
.managePlans > span {position: absolute;top: 10px;right: 10px;}
.managePlans > span > img {width: 15px;}
.managePlans h2 {
	font-size: 17px !important;
	line-height: 45px;
	margin-bottom: -3px !important;
	letter-spacing: .4px;
	color: #808080;
}
.managePlans h2 strong {
	font-family: roboto-medium;
	color: #333;
}
.managePlans .accountInnerRight > h2 {
	margin-top: -34px;
}
.managePlans h2 strong {
	font-family: roboto-medium;
	color: #333;
}
.managePlans h2 strong br {
	display: block;
	margin-top: -12px;
}
.managePlans .accountInnerRight > h2 span {
	display: inline-block;
	background: #eaeaea;
	width: 30px;
	margin: 0 1px;
	color: #ff2221;
	height: 30px;
	line-height: 30px;
}
.managePlanB > a {
	font-family: popL;
	font-size: 13px;
	line-height: 60px;
	color: #fc4785;
	letter-spacing: .7px;
}
.managePlanB > a:hover{color: #32d6ff;}



.entreprisePlan{}
.entreprisePlan .entreprisePlanRight {width: auto;margin-top: 12px;}
.entreprisePlan .entreprisePlanLeft {width: auto;}
.entreprisePlan .entreprisePlanLeft h2 {
	font-size: 22px !important;
	font-family: roboto-thin;
}
.managePlans h2 strong {
	font-family: roboto-medium;
	color: #333;
}

.entreprisePlan ul {
	list-style: none;
	display: inline-block;
	width: 45%;
	padding: 0 !important;
	font-size: 12px;
	font-family: pop;
	line-height: 30px;
	text-align: left;
	margin: 0 12px 12px 0px;
}
.entreprisePlan li {
	font-size: 12px;
	color: #606060;
	letter-spacing: .5px;
}
.accountInner.accountInnerRight.alignLeft {
	text-align: left;
}

.accountStatusSingle img {width: 50%;margin-bottom: 4%;}
.accountStatusSingle div > div > a.pinkBtn{margin-bottom: 5%;}
.accountStatusSingle{position: relative;}


.smallSize h2 {font-size: 20px !important;position: relative;width: 80%;}
.smallSize h2 span{position: absolute;right: 0;}





/* Hide the browser's default radio button */
.paymentMethod .input-wrap input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.paymentMethod .checkmark {position: absolute;top: -2px;left: -5px;height: 20px;width: 20px;border-radius: 50%;border: 1px solid #eee;background: #eee;}
/* On mouse-over, add a grey background color */
.paymentMethod .input-wrap:hover input ~ .checkmark {background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.paymentMethod .input-wrap input:checked ~ .checkmark {background-color: #fff;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.paymentMethod .checkmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.paymentMethod .input-wrap input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.paymentMethod .input-wrap .checkmark::after {top: 4px;left: 5px;width: 11px;height: 11px;border-radius: 50%;background: #6b94a8;}
/*<!-- Payment Area -->*/
.paymentMethod .input-wrap {margin-top: 20px;width: 75px !important;position: relative;display: block;text-align: right;font-size: 14px;font-family: pop;}
.paymentMethod .input-wrap label {display: block;font-family: pop;margin-bottom: 5px;color: #666;}
.paymentMethod .input-wrap input {width: 80%;height: 35px;background: #f5f5f5;border: 1px solid #eee;padding: 0 10px;font-family: pop;font-size: 12px;color: #333;}
.paymentMethod .input-wrap span {position: absolute;top: 0;right: 13%;}



.mainWrap {
	background: #f5f5f5 !important;
}
.generalSettingsWrap {width: 100% !important;border-radius: 0px !important;background-color: transparent !important;border: none !important;padding: 0 !important;}
.generalSettings .input-wrap {
	width: 100%;
	margin: 0 0px !important;
}
.generalSettings .input-wrap span {
	position: absolute;
	top: 0px;
	right: 56px;
}
.ml-15 {margin-left: 5% !important;}
.businessPage .topBtn {
	top: -846px;
}
.topBtn {
	position: absolute !important;
	right: 0px;
	top: -899px;
	color: #fff !important;
	font-size: 14px !important;
	font-family: roboto-medium !important;
	text-transform: capitalize;
	border: medium none !important;
	background: #f96080 !important;
	text-align: center !important;
	width: 90px !important;
	display: block !important;
	border-radius: 5px;
	cursor: pointer !important;
	box-shadow: none;
}
.uk-container.generalSettings.connectDomain.mt-100.managePlans.textLeft .regionalSingle .selectImg {
	top: 5px;
	line-height: 35px;
}
.uk-container.generalSettings.connectDomain.mt-100.managePlans.textLeft .regionalSingle .selectImg img{margin-top: 15px !important;}
.topBtn:after{position: absolute;content: "Hello";color: red;font-size: 50px;}
.topBtn:hover {
	background: #3f4040 !important;
	color: #fff !important;
}
.generalSettings h2 {
	font-family: roboto;
	font-weight: 300;
	letter-spacing: .5px;
	color: #a2a2a2;
}

.generalSettings textarea {width: 100%;height: 200px;background: #F5F5F5 none repeat scroll 0% 0%;border: 1px solid transparent;padding: 10px;font-size: 13px;font-family: pop;}
.generalSettings .termsText.input-wrap span {right: 3%;}
.regionalSingle {width: 33%;}
.regionalSingle .selectImg img {
	margin-top: 20px;
	width: 10px;
	pointer-events: none;
}
.generalSettings p.error {position: absolute;left: 30px;bottom: 0px;color: #ff5252;}
.generalSettings .input-wrap {margin-top: 40px;}


.connectMailBox{}
.connectMailBox h2{}
.mailBoxWrap {background: #FFF none repeat scroll 0% 0%;padding: 30px;margin-left: 0;}
.mailBoxConLeft {position: relative;width: 80%;}
.mailBoxConLeft option{}
.mailBoxConLeft label{font-family: popL;font-size: 12px;margin: 0 0 5px 10px;display: block;color: #666;}
.setupRecordWrap .mailBoxConLeft span.error {right: 1% !important;}
.mailBoxConRight {width: 19%;margin-top: 30px;}
.mailBoxConRight a{}
.mailBoxConLeft span.error {right: 1% !important;top: 0px !important;}

.styled-select {
	height: 85px;
	overflow: hidden;
	width: 98%;
}
.styled-select select {
	background: #f5f5f5;
	border: none;
	height: 55px;
	padding: 5px;
	width: 100%;
	position: relative;
	z-index: 0;
	font-family: pop;
	font-size: 12px;
	color: #666;
}
.styled-select{position: relative;}
.styled-select::after {}
.selectImg {
	position: absolute;
	width: 47px;
	padding: 0 5px;
	height: 55px;
	right: 12px;
	background-color: #8a8a95;
	top: 4px;
	background-position: center center;
	pointer-events: none;
	text-align: center;
}
.selectImg img {width: 100%;margin-top: 4px;}



.mailBoxConfg {border: 1px solid #ccc;padding: 30px 40px !important;border-radius: 40px;}


.setConfg{position: relative;}
.setConfg select{float: right;margin-top: -33px;height: 30px;width: 70px;font-size: 13px;color: #444;font-family: pop;background: transparent;border: none;margin-right: 20px;}
.setConfg h2{}
.setConfg .selectImg {background: #f5f5f5;height: 30px;bottom: 3px;width: 20px;right: 20px;}
.setConfg .selectImg img{}

.width-100{width: 100% !important;}
.showConfig{}




.setupRecordWrap .whiteBack {
	padding: 20px 20px 30px;
	border-radius: 10px;
	box-shadow: 0 3px 10px #b1b0b0b3;
}
.setupRecordWrap{}
.setupRecordWrap .mailBoxConLeft{width: 80%;}
.setupRecordWrap input {background: #f5f5f5;width: 100%;border: none;}
.setupRecordWrap .whiteBack > div > .input-wrap {width: 90% !important;}
.setupRecordWrap input {padding: 0px 10px;color: #666;font-family: pop;height: 40px !important;}
.attachMailBox img{width: 200px;}
.attachMailBox .accountInnerRight img{width: 50px;}
.attachMailBox .accountInnerRight .pinkBtn {width: 180px;margin-top: 10px;}

.attachMailBox .accountInnerLeft img{margin-top: 32px;}

.setupRecordWrap input {
	padding: 0px 10px;
	color: #666;
	font-family: pop;
	height: 55px !important;
	box-shadow: 0 3px 5px #adadad66;
}
/* ------------- About us Page Start ---------------- */
.coverWrap {background-size: cover;background-repeat: no-repeat;}
.coverArea {height: 600px;display: table !important;width: 100%;}
.coverContent {}
.width-70{width: 70%;}
.width-30 {width: 30%;}
.coverContent h2 {color: #fff !important;margin: 5px 0 !important;font-family: pop !important;font-size: 28px !important;}
.coverContent {vertical-align: bottom;padding: 20px 0 141px !important;}




/* bulid area */
.buildWrap{}
.buildLeft {width: 38%;}
.buildLeft h2 {margin: 20px 0 !important;line-height: 45px;}
.buildRight {width: 60%;}
.buildRight p {font-size: 13px;line-height: 28px;color: #666;}
/* bulid area */




/* innovation */
.innovationWrap {background-size: cover;background-repeat: no-repeat;}
.innovationInner {position: relative;width: 90%;}
.innovationInner::after {content: "";left: 0;height: 1px;background: #fff;bottom: 1px;width: 90%;position: absolute;}
.innovationSingle {width: 49%;}
.innovationLeft{margin-bottom: 20px;}
.innovationSingle h2 {color: #fff !important;text-transform: uppercase;font-family: pop !important;}
.innovationSingle h3 {color: #fff !important;}
.innovationSingle img {width: 180px;}
/* innovation */



/* Why goBlips */
.whyGoblips {background: transparent linear-gradient(to top, #324151, #6f7984) repeat scroll 0% 0%;}
.whyGoblipsWrap{}
.demoWrap{}
.demoWrapSingle {width: 49%;text-align: center;}
.demoWrapSingle h2 {color: #fff !important;font-size: 50px !important;}
.demoWrapSingle p {color: #fff;font-size: 13px;margin: 25px 0 10px;}
.demoWrapSingle a {text-transform: uppercase;font-family: pop;font-size: 15px;color: #39f;}
.demoWrapSingle a:hover{color: #fff;}
.demoWrapSingle img {width: 350px;}

.services-single {width: 32%;}
.borderRight {padding-right: 3%;position: relative;}
.borderRight::after {content: "";position: absolute;right: 0;width: 1px;background: #fff;height: 50px;top: 33%;}
.services-single-inner-left {width: 30%;}
.services-single-inner-left img {width: 30px;}
.services-single-inner-right {width: 68%;}
.services-single-inner-right h3 {color: #fff;font-size: 16px !important;}
.services-single-inner-right p {color: #fff;}
/* Why goBlips */

.goblipsHotels{}
.goblipsHotels h2 {position: relative;margin-bottom: 80px !important;}
.goblipsHotels h2::after {position: absolute;bottom: -15px;height: 2px;background: #666;content: "";width: 100px;left: 47%;}
.goblipsHotels p {width: 60%;}






/* Discover goBlips */
.discoverGoals {background: transparent linear-gradient(to top, #549375, #15505f) repeat scroll 0% 0%;}
.discoverGoals h2 {color: #fff !important;}
.discoverGoals h3 {color: #fff;}
.discoverRow {position: relative;width: 49%;}
.dicoverSingle{padding: 30px;}
.discoverRow img {width: 20px;}
.discoverRow h4 {color: #fff;font-size: 14px;font-family: popL;margin: 20px 0 0;text-transform: uppercase;}
.discoverRow p {color: #fff;font-size: 11px !important;width: 80%;}
.discoverRowLeft::before {position: absolute;content: "";width: 30px;height: 30px;background: url(../img/logo.png);background-size: cover;right: -15px;top: 48%;}
.discoverRowLeft::after {content: "";position: absolute;width: 1px;background: #fff;height: 70%;top: 15%;right: -1px;}
/* Discover goBlips */


.about-goblips h2{font-size: 25px !important;width: 70%;}
/* ------------- ABOUT US PAGE END ---------------- */





p.error{color: #fc6767;margin-bottom: -12px;margin-top: 5px;}
/* ----------------------- Login Page ------------------ */
.accountSettingWrap {
	text-align: center;
	padding-top: 100px;
}
.signUpMainWrapper{}
.signUpMain {text-align: center;}
.signUpMain .signUpFormMain, .signUpMain .loginWithSocialMedia {display: inline-block;vertical-align: top;width: 45%;}
.signUpFormMain{}












a.backToDashboard {
	font-size: 39px;
	position: absolute;
	left: 130px;
	top: 50px;
	background: #ff2553b3;
	width: 70px;
	color: #fff;
	border-radius: 50%;
	height: 70px;
	line-height: 70px;
}
a.backToDashboard:hover {
	background: #e22;
	color: #fff;
}

.signUpFormMain .gradientBack, .loginWithSocialMedia .gradientBack {
	width: 480px !important;
	display: inline-block;
	border-radius: 2px;
}

.signUpFormMain form {
	background: #FFF none repeat scroll 0% 0%;
	display: inline-block;
	width: 480px;
	padding: 25px 30px;
	text-align: left;
	border: 1px #ededed solid;
	box-shadow: 0 15px 15px -20px #222;
	border-radius: 3px;
}
.signUpFormMain h2, .loginWithSocialMedia h2 {
	font-size: 21px !important;
	margin-bottom: 10px !important;
	word-spacing: 0px !important;
}
.accountSettingWrap h2 strong a:hover{background-color: #34ae58;}

.accountSettingWrap h2 strong a {
	font-family: roboto;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: -0.6px;
	color: #fff;
	background: #fb3465;
	padding: 7px 10px 6px;
	border-radius: 7px;
	letter-spacing: 1px;
	margin-left: 5px;
}
.signUpFormMain .input-wrap {
	width: 100%;
	position: relative;
	margin: 0 0 5px;
	font-family: pop;
	font-size: 13px;
	color: #666;
}
.signUpFormMain label {
	font-family: pop;
	color: #4a4d53;
	display: block;
	margin: 5px 5px;
	letter-spacing: .5px;
	font-size: 12px;
}
.signUpFormMain input {
	border: 1px #e0e0e0 solid;
	background: #fff;
	height: 50px;
	padding: 3px 12px 0;
	width: 100%;
	letter-spacing: 1px;
	font-size: 12px;
	color: #777;
	border-radius: 7px;
}

.signUpFormMain input[type="checkbox"] {width: 20px;vertical-align: middle;height: auto;margin-top: 0;}
.signUpFormMain span.error {
	top: 5px;
	cursor: pointer;
}
.signUpFormMain span.error img {
	width: 17px;
	opacity: .8;
	margin-top: -7px;
}
.signUpFormMain .mailBoxRight {
	text-align: left;
	border: none;
	margin: 10px 0 -3px;
}
.signUpFormMain .mailBoxRight input {
	background: #0191FB none repeat scroll 0% 0%;
	color: #FFF;
	width: 85px;
	height: 35px;
	line-height: 32px;
	font-family: pop;
	font-size: 12px;
	border-radius: 5px;
	border: none;
	letter-spacing: 1px;
	transition: all 0.3s ease-in-out 0s;
}
.signUpFormMain .mailBoxRight input:hover{
	background: #ff2d59 none repeat scroll 0% 0%;
}


.signUpFormMain form > div {position: relative;margin: 25px 0;}
.socialMediaWrap{width: 45%;vertical-align: top;display: inline-block;}
.socialMediaWrap .loginWithSocialMedia{width: 80% !important;background: #fff !important;}
.loginWithSocialMedia i {font-family: FontAwesome !important;background: #fff;display: inline-block;width: 25px;height: 25px;line-height: 25px;font-size: 14px;border-radius: 2px;}
.signUpWithGoogle i {position: relative;top: -36px;}
.signUpWithFb i{}




.resetPassword{text-align: center !important;}
.resetPassword > div{position: relative;}
.resetPassword label{text-align: left;}
.resetPassword > input[type="submit"]{margin-top: 20px;background: rgb(107, 148, 168) none repeat scroll 0% 0% !important;display: inline-block;width: 150px !important;color: rgb(255, 255, 255);height: 50px !important;border-radius: 40px;}
.setPassword i {position: absolute;right: 15px;bottom: 6px;}
#setPasswordFields, .setPassword{position: relative;}
.setPassword{border: 1px solid #f5f5f5;}
#setPasswordFields {margin: 30px 0px 0 !important;}
.setPassword input{font-family: pop;font-size: 12px;}
.setPassword > input{margin-top: 30px;height:45px !important;background: #6b94a8;color: #fff;}
#setPasswordFields > p.error {position: absolute;left: 4px;bottom: -40px;}

.loginWithSocialMedia{}
.loginWithSocialMedia > .loginWithSocialMediaInner {
	background: #fff;
	width: 480px;
	display: inline-block;
	padding: 20px 5%;
}
.signUpWithFb{margin-bottom: 7px;}
.signUpWithFb a {
	background: #6082f5;
}
.signUpWithGoogle a {
	background: #F03838;
}
.signUpWithGoogle p{position: relative;top: -37px;}
.loginWithSocialMedia .signUpWithGoogle i {
	margin-top: 44px;
	color: #ed3d3d;
}


.signUpWithGoogle a img {position: relative;top: -37px;}
.loginWithSocialMedia a:hover{ opacity: .8; }
.loginWithSocialMedia a {
	width: 250px;
	display: inline-block;
	margin: 0;
	height: 56px;
	position: relative;
	overflow: hidden;
	line-height: 56px;
	border-radius: 4px;
	cursor: pointer;
}
.loginWithSocialMedia i {
	font-family: FontAwesome !important;
	background: #fff;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-top: 8px;
	font-size: 23px;
	border-radius: 100px;
	color: #6783fc;
	line-height: 44px;
	position: absolute;
	left: 14px;
	padding-top: 10px;
}
.loginWithSocialMedia p {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	width: 180px;
	margin: 0;
	letter-spacing: .5px;
	margin-left: 40px;
}
.footerPara {
	font-family: roboto !important;
	font-size: 13px;
	color: #595656;
	margin-top: 80px;
	text-align: center;
	letter-spacing: 1px;
	width: 400px;
	display: inline-block;
	line-height: 27px;
}
.loginWithSocialMedia > h2 {
	width: 400px;
	display: inline-block;
	margin-top: 30px !important;
	font-size: 25px !important;
	line-height: 40px !important;
	word-spacing: 0px !important;
}


.signUpWithGoogle #gSignIn > div {width: 100% !important;left: 0px;top: 0px;bottom: 0px;opacity: 0;z-index: 10000;}
/* ----------------------- Login Page ------------------ */



/* features Page */
.coverMain .coverContent h2{color: #555 !important;font-family: roboto-light !important;font-size: 18px !important;letter-spacing: 2px;}
.coverMain .coverContent a i {margin-top: 4px;}
.coverBack .hotFeatures > a {margin-top: 60px;line-height:38px;padding: 4px 0 0;}
/* features Page */


.darkCircle {
	background: #ffb6b6;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}
/* Pricing Table */
.pricingTable .subheader p {font-size: 12px;color: #000;margin-top: 40px;}
/* Pricing Table */

.signUpMainWrap{padding: 0 !important;padding: 0 !important;background: transparent !important;}
.width-300 {width: 470px;display: inline-block;border-radius: 2px;}
.newRecordLeft{width: 30%;}
.newRecordRight{width: 60%;margin-left: 10px;}
.newRecordRight .input-wrap{width: 100%;}

/* Account Settings */
.accountSettingWrap > .uk-container {display: table;width: 100%;}
.accountSettingWrap h2 {
	margin: 0;
	line-height: 44px;
	color: #a7a7a7;
	font-family: roboto-thin;
	font-size: 32px;
	font-weight: 100;
	letter-spacing: -1px;
	text-transform: capitalize;
}
.accountSettingWrap.mainWrap.businessSettings > .mainHeadings {
	padding: 0;
}
.accountSettingWrap h2 strong {
	font-family: roboto-medium;
	font-weight: normal;
	letter-spacing: .6px;
	color: #7d7d7d;
}

.accountSettingWrap h3 {
	margin: 0px 0px 85px !important;
	letter-spacing: 0px;
	font-family: roboto-light;
	font-size: 13px;
	color: #777;
	/* fran background: #ff3567bf; */
	letter-spacing: 3px;
	bottom: 0;
}
.accountSettingWrap .settingSingle {border: 1px solid #E0E0E0;display: inline-block;min-height: 375px;margin: 0px 3px 10px;padding: 20px;position: relative;text-align: left;vertical-align: top;width: 500px;border-radius: 3px;background-color: #FFF;}
.settingSingle .formArea {padding: 0px;}
.formArea {background: transparent none repeat scroll 0% 0%;padding: 20px 20px 60px;}
.accountSettingWrap .settingSingle h3 {
	border-bottom: 1px solid #EEE;
	color: #575757;
	font-family: roboto-medium;
	font-size: 13px;
	margin: 0px !important;
	padding: 0px 0px 13px 30px;
	letter-spacing: .5px;
}
.formArea > h3 {color: #999;font-size: 12px;margin: 0px 0px 20px;}
.settingSingle .formArea h3 i {color: #333;font-size: 20px;left: 5px;position: absolute;top: 0px;}
.settingSingle .formArea form.nameNdp {margin-top: 85px;}
.settingSingle .formArea form {border: medium none;padding: 0px;text-align: center;}
.settingSingle .formArea form.generalInfoC .image {margin-bottom: 30px;background: #fff;}
.settingSingle .formArea form .image {margin-bottom: -20px;margin-top: 0px;}
.accountSettingWrap .settingSingle .inputWrap {margin: 0px 0px 30px;position: relative;text-align: center;}
.formArea > form > div.inputWrap {margin-bottom: 30px;}
.settingSingle .formArea form .image div {display: inline-block;margin: -27px 0px 12px;text-align: center;}
.settingSingle .formArea form .image div {display: inline-block;margin: -27px 0px 12px;text-align: center;}
.formArea > form > div.inputWrap.image > div > div > label {display: block;height: 100px;}
.formArea > form > div.inputWrap.image > div > div > label {display: block;height: auto;}
.formArea > form > div.inputWrap label {color: #555;display: block;font-family: popM;font-size: 13px;font-weight: normal;margin: 0px 0px 5px;}
.settingSingle div > label {position: relative;}
.LoadConfigInputs .formArea > form .inputWrap label, label {color: #111;display: block;font-family: roboto-Light;font-size: 14px;font-weight: normal;letter-spacing: 1px;margin-bottom: 11px;text-transform: capitalize;}
.settingSingle > .formArea > form > div.inputWrap.image > div > div > label > canvas, .settingSingle > .formArea > form > div.inputWrap.image > div > div > label > img {
	background: #fff;
	border: 4px solid #7BA5FF;
	border-radius: 100%;
	cursor: pointer;
	display: inline-block;
	height: 150px;
	padding: 25px;
	width: 150px;
	object-fit: cover;
}.accountSettingWrap .settingSingle .nameNdp .inputWrap input {border-width: medium medium 1px;border-style: none none solid;border-color: -moz-use-text-color -moz-use-text-color transparent;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;width: 200px;font-family: popL;margin: 0px auto -15px;padding: 10px 0px 0px 10px;}
.formArea > form > div.inputWrap.image > div > div > input {display: none;}
.formArea > form > div.inputWrap input, .formArea > form > div.inputWrap select, .formArea > form > div.inputWrap textarea {border: 1px solid #E0E0E0;border-radius: 0px;display: block;padding: 8px 5px;width: 100%;}
.accountSettingWrap .settingSingle input {border: medium none;color: #777;display: inline-block;font-family: popL;font-size: 14px;margin: 20px 0px 15px;padding: 10px;width: auto;letter-spacing: 2px;text-align: center;}
.accountSettingWrap .settingSingle input.submit {
	border: medium none;
	color: #fff;
	display: inline-block;
	font-family: roboto-medium;
	font-size: 14px;
	margin: 4px 0px -29px;
	padding: 8px 25px;
	width: auto;
	letter-spacing: .3px;
	text-align: center;
	background: #f9658a;
	border-radius: 5px;
	box-shadow: none;
}

.profilePicSubmit {position: relative;}
.settingSingle .formArea form input.submit {
	background: #709bfb none repeat scroll 0px 0px;
	cursor: pointer;
	border: medium none !important;
	border-radius: 5px !important;
	color: #FFF;
	display: inline-block;
	float: none;
	font-family: pop;
	font-size: 12px;
	height: 35px;
	margin: 0px;
	padding: 2px 0px 0px;
	text-decoration: none;
	width: 87px;
	letter-spacing: 1px;
	transition: all 0.3s ease-in-out 0s;
	box-shadow: none;
	font-family: roboto !important;
}
.accountSettingWrap .settingSingle h5 {color: #333;font-family: popL;font-size: 13px;margin-top: 18px;letter-spacing: 1px;width: 300px;line-height: 25px;}
.accountSettingWrap .settingSingle .fieldSet {display: table;margin: 40px 0px -19px;table-layout: fixed;width: 100%;}
.accountSettingWrap .settingSingle .fieldSet .socialMedia, .accountSettingWrap .settingSingle .fieldSet .loginBtn {display: table-cell;vertical-align: middle;width: 80%;}
.accountSettingWrap .socialMedia i.fa-google {background: #E53935 none repeat scroll 0% 0%;}
.accountSettingWrap .socialMedia i {border-radius: 100px;color: #FFF;height: 45px;line-height: 25px;text-align: center;width: 45px;padding: 10px 0px;font-family: FontAwesome !important;}
.accountSettingWrap .settingSingle .fieldSet .socialMedia p {font-size: 12px;margin: 2px 0px 0px 7px;color: #777;}
.accountSettingWrap .settingSingle .fieldSet .socialMedia i, .accountSettingWrap .settingSingle .fieldSet .socialMedia p {display: inline-block;vertical-align: middle;}
.accountSettingWrap .settingSingle .fieldSet .loginBtn {width: 20% !important;}
.accountSettingWrap .settingSingle .loginBtn a {background: transparent none repeat scroll 0px 0px;border: 1px solid #CCC;border-radius: 20px;color: #999;float: right;font-family: pop;font-size: 12px;margin: 0px;text-decoration: none;position: relative;height: 35px;display: inline-block;width: 92px;text-align: center;line-height: 35px;transition: all 0.3s ease-in-out 0.1s;}
.accountSettingWrap .socialMedia i.fa-facebook {background: #03A9F4 none repeat scroll 0% 0%;}
.accountSettingWrap .formArea > p {color: #E53935;display: block;font-size: 12px;width: 300px;margin-top: 54px;letter-spacing: 1px;margin-left: 3px;}
.passwordSettings .formArea > form > div.inputWrap label {color: #607D8B;font-family: popL;font-size: 12px;font-weight: normal;margin: 30px 0px 8px;text-align: left;}
.passwordSettings div.inputWrap label > span {color: #EF5350 !important;margin: 5px;}
.passwordSettings .formArea > form > div.inputWrap input {border: 1px solid #E0E0E0;border-radius: 30px;color: #999;letter-spacing: 1px;margin: 0px;padding: 16px 17px 15px;text-align: left;width: 95%;font-family: popM;font-size: 12px;}
.accountSettingWrap .passwordSettings .inputWrap {margin: 0px;text-align: left;}
.passwordSettings .formArea > form > div.inputWrap input.submit {line-height: 0px;}
.passwordSettings .formArea > form > div.inputWrap input.submit {color: #FFF;font-size: 12px;letter-spacing: 1px;margin-bottom: 30px;margin-top: 30px;text-align: center;width: auto;}
.passwordSettings .formArea > form > div.inputWrap input {
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	color: #999;
	letter-spacing: 1px;
	margin: 0px;
	padding: 13px 17px 11px;
	text-align: left;
	width: 95%;
	font-family: popM;
	font-size: 12px;
}
.settingSingle.passwordSettings:nth-child(2) .formArea h3 i {font-size: 23px;top: 18px;left: 22px;}
.settingSingle .formArea h3 i {color: #868686;font-size: 17px !important;left: 5px;position: absolute;top: 5px;}
.settingSingle.passwordSettings .formArea h3 i {font-size: 21px;top: 2px;left: 0px;}
.settingSingle .formArea form input[disabled] {
	background-color: #868686;
	color: #FFF !important;
	cursor: no-drop;
}
.customInputHeights.passwordSettings .formArea > form > div.inputWrap input {padding: 6px 17px 5px;}
.customInputHeights.passwordSettings .formArea > form > div.inputWrap label {margin: 10px 0px 8px;}
/* Account Settings */














/* css for social media connection buttons */
.accountSettingWrap .settingSingle .fieldSet a.inprocess
{
 position: relative;
}

.accountSettingWrap .settingSingle .fieldSet a.inprocess::after {
 content: '';
animation: spinner 1s linear infinite;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: 26px;
border-radius: 50%;
border-right: 2px solid transparent;
z-index: 21;
margin: -13px 0 0 -13px;
}


.accountSettingWrap .settingSingle #googleConnectFieldSet a.inprocess::after {
 border-top: 2px solid red;
}
.accountSettingWrap .settingSingle #connectFieldset a.inprocess::after {
 border-top: 2px solid #39f;
}


.accountSettingWrap .settingSingle .fieldSet a.inprocess::before {
 background: rgba(255,255,255,1);
 content: "";
 position: absolute;
 top: 0;
 bottom:0;
 left: 0;
 right:0;
 z-index: 20;
 border-radius: 100px;
}



.accountSettingWrap .themesSelectionWrap .themePreviewOpt.selected{}
.accountSettingWrap .themesSelectionWrap .selected.done{}




.accountSettingWrap .themesSelectionWrap .themePreviewOpt.selected > .temp-anim-container {position: absolute;background-color: rgba(0,0,0,0.8);top: 0;bottom: 0;left: 0;right: 0;}

.accountSettingWrap .themesSelectionWrap .themePreviewOpt.selected > .temp-anim-container > p {position: absolute;bottom:78px;display: block;width: 100%;margin: 0 0 0;font-size: 12px;font-family: popM;color: #FFA000;letter-spacing: 5px;text-transform: uppercase;}


.circle-loader-temp {border: 3px solid #000;border-left-color: #FFA000;animation-name: loader-spin;animation-duration: 1s;animation-iteration-count: infinite;animation-timing-function: linear;position: absolute;display: block;top: 92px;left: 50%;margin-left: -22px !important;}
.circle-loader-temp, .circle-loader-temp::after {border-radius: 50%;width:70px;height:70px;}


.load-complete-temp {
  -webkit-animation: none;
  animation: none;
  border-color: #fff;
  transition: border 500ms ease-out;
}

.checkmarkHidden {
  display: none;
}
.checkmark-temp.draw-temp:after {
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(140deg);
}
.checkmark-temp::after {
opacity: 1;
height: 36px;
width: 17px;
transform-origin: left top;
border-right: 3px solid #fff;
border-top: 3px solid #fff;
content: '';
left: 15px;
top: 36px;
position: absolute;
}

@keyframes loader-spin {  0% {  transform: rotate(0deg); }  100% {  transform: rotate(360deg); } }
@keyframes checkmark {
  0% { height: 0; width: 0; opacity: 1; }
  20% { height: 0; width: 17px; opacity: 1;}
  40% { height: 36px; width: 17px; opacity: 1; }
  100% { height: 36px; width: 17px; opacity: 1; }
}
/* template page loading animation css */ 











/*css for notice container*/
.error-notice, .success-notice {background-color: #222;color: #fff;padding: 20px 20px;font-size: 12px;font-family: popL;bottom: -241px;position: fixed;right: 70px;width: auto;border-top-right-radius: 4px;border-bottom-right-radius: 4px;display: none;z-index: 2000;letter-spacing: 1px;padding-top: 24px;}

.error-notice::before,.success-notice::before {
  content: "";
  position: absolute;
  left: -12px;
  width: 12px;
  top: 0;
  bottom: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-image: linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
  background-size: 14px 14px;
}

.error-notice::before { background-color: red; }
.success-notice::before { background-color: #10c469; }
/*css for notice container*/






















.toggleWrapper {position: absolute;top: -20px;right: 60px;overflow: hidden; -webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.toggleWrapper input{position: absolute;left: -99em;}
.toggle {cursor: pointer;display: inline-block;positon: relative;width: 96px;height: 36px;background: #fc4785;border-radius: 35px;-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.toggle::before, .toggle::after{position: absolute;line-height: 40px;font-size: 12px;z-index: 2;-webki-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);font-family: pop;}
.toggle::before {content: "OFF";left: 13px;color: #D21626;}
.toggle::after {content: "ON";right: 16px;color: #fff;}
.toggle__handler {display: inline-block;position: relaive;z-index: 1;background: #fff;width: 50px;height: 30px;border-radius: 33px;top: 0px !important;left: 3px;-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);-webkit-transform: translateX(0px);transform: translateX(0px);margin: 3px 0 !important;}
.toggleWrapper input:checked + .toggle {background: #3fa2f7;}
.toggleWrapper input:checked + .toggle:before{color: #fff;}
.toggleWrapper input:checked + .toggle:after{color: #fc4785;}
.toggleWrapper input:checked + .toggle .toggle__handler {width: 50px;-webkit-transform: translateX(40px);transform: traslateX(44px);border-color: #fff;}




.gbBranding {text-align: center;margin: 65px 0 100px;}

.gbBranding > img {display: inline-block;width: 60px;}
.gbBranding > span {display: block;font-family: popL;font-size: 19px;letter-spacing: 0px;margin: 5px 0 -5px;color: #8D6E63;}
.gbBranding > p {margin: 0;font-size: 41px;font-family: popSb;letter-spacing: -2px;color: #424242;}
.gbBranding > h3 {margin: 0;font-size: 11px;font-family: popM;letter-spacing: 1px;}


.gbBrandingTop {text-align: center;margin: 100px 0 50px;}
.gbBrandingTop h3 {margin: 0;font-size: 34px;letter-spacing: 0px;font-family: g;word-spacing: -1px;}
.gbBrandingTop strong {font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing: -1px;}
.gbBrandingTop p {margin: 0;font-size: 13px;letter-spacing: 1px;color: #888;}


.paymentPlansTable {text-align: center;padding-bottom: 100px;}
.paymentPlansTable > div > div {border: 1px #e1e1e1 solid;width: 30%;display: inline-block;margin: 0 5px;position: relative;overflow: hidden;border-radius: 4px;box-shadow: none;background: #fff;}
.paymentPlansTable .header {border-bottom: 1px #e1e1e1 solid;padding: 35px 0;}

.paymentPlansTable .header i {height: 50px;width: 50px;line-height:47px;background: #455A64;border-radius: 100%;display: inline-block;font-size: 26px;color: #fff;}
.paymentPlansTable .header p {margin: 13px 0 3px;font-family: popSb;color: #1B1D1E;letter-spacing: .8px;font-size: 17px;font-weight: 700;}

.paymentPlansTable .header p::before, .paymentPlansTable .header p::after {content: "";width: 40px;height: 1px;background: #ccc;position: absolute;margin-left: -54px;margin-top: 11px;}
.paymentPlansTable .header p::after {margin-left: 15px;}

.paymentPlansTable > div > div.advance > span {position: absolute;background: #8BC34A;transform: rotate(45deg);right: -34px;top: 10px;color: #fff;font-family: popL;letter-spacing: 1px;font-size: 13px;padding: 12px 39px;}

.paymentPlansTable .header span {font-family: popL;letter-spacing: 1px;font-size: 12px;margin: 6px 0 0;display: block;letter-spacing: 5px;}
.paymentPlansTable .content {
padding-top: 35px;
}
.paymentPlansTable .content p {margin: 0;font-family: roboto-light !important;font-size: 13px;line-height: 44px;letter-spacing: 0px;color: #353131;letter-spacing: .8px;}
.paymentPlansTable .content h2 {margin: 0;font-family: popB;font-size: 20px;margin: 30px 0 0;color: #ff6b87;}
.paymentPlansTable .content span {font-size: 10px;}
.paymentPlansTable .content a {background: #249cff;font-family: popM;font-size: 12px;letter-spacing: 1px;padding: 7px 17px 5px;display: inline-block;border-radius: 5px;color: #fff;margin: -9px 0 31px;}
.paymentPlansTable .content a:hover,
.paymentPlansTable .content a:active{
background: #2576ec;
}










.faqArea {padding: 60px 20px 60px !important;}
.success-notice{border-left: 10px solid #43A047;}
.error-notice{border-left: 10px solid #ff5252;}
.error-notice, .success-notice {background-color: #222;color: #fff;padding: 20px 20px;font-size: 12px;font-family: popL;bottom: -241px;position: fixed;right: 70px;width: auto;border-top-right-radius: 4px;border-bottom-right-radius: 4px;display: none;z-index: 2000;letter-spacing: 1px;padding-top: 24px;}
.confirmNoticeContainer {width: 100%;height: 100%;position: fixed;top: 0;background-color: rgba(0,0,0,0.2);text-align: center;z-index: 1051;display: none;}
#confirm, .confirmNoticeContainer > .confirmNoticeBlock {
	height: auto;
	width: 100%;
	background-color: #263238;
	display: block;
	padding-top: 15px;
	padding-bottom: 16px;
}
#confirm p, .confirmNoticeContainer > .confirmNoticeBlock > p {color: #90A4AE;display: inline-block;font-family: popM;font-size: 13px;letter-spacing: 1px;margin-top: 12px;margin-right: 10px;}
.confirmNoticeContainer > .confirmNoticeBlock > a.proceed, #confirm a.yes {border-color: #03A9F4;}
.confirmNoticeContainer > .confirmNoticeBlock > a, #confirm a {color: #fff;font-size: 12px;padding: 9px 0;margin: 0 1px 0;border-radius: 100px;width: 106px;display: inline-block;font-family: popM;border: 1px red solid;}
#success {color: #fff !important;background: #8BC34A !important;}
#errors, #success {background: #F44336;color: #eee;font-family: popM;font-size: 12px;height: 50px;line-height: 50px;padding: 0 28px;position: fixed;right: 20px;text-align: center;top: 100px;width: auto;z-index: 1051;}
.confirmNoticeContainer > .confirmNoticeBlock > a.proceed, #confirm a.yes {border-color: #03A9F4;}
.confirmNoticeContainer > .confirmNoticeBlock > a.cancel, #confirm a.no {border-color: #D32F2F;}
.passwordCheckWrap {background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;height: 100%;text-align: center;left: 0;position: fixed;right: 0;top: 0;width: 100%;z-index: 1050;}
.passwordCheckWrap > .table {display: table;height: 100%;table-layout: fixed;width: 100%;}
.passwordCheckWrap .cell {display: table-cell;vertical-align: middle;width: 100%;}
.passwordCheckWrap .cell > #passwordBlock {background: #FFF;display: inline-block;padding: 70px 100px 60px;box-shadow: 0 36px 12px -33px #111;position: relative;border-radius: 3px;}
.passwordCheckWrap .cell > #passwordBlock > h2 {color: #333 !important;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;font-size: 13px !important;letter-spacing: 1px;margin: 0 0 12px !important;text-align: center;}
.passwordCheckWrap .cell > #passwordBlock > input {background: #eee;height: 45px;padding: 0 26px;border-radius: 100px;width: 210px;display: inline-block;border: none;margin-bottom: 15px;}
.passwordCheckWrap .cell > #passwordBlock > input#validatePWD, .passwordCheckWrap .cell > #passwordBlock > input#cancelPWD {background: #333;border-color: #333;color: #fff;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size: 12px;letter-spacing: 1px;width: auto;margin: 0;height: 35px;border-radius: 2px;padding-top: 1px;margin-top: 15px;}
.signUpWithFb.active > a > p, .signUpWithGoogle.active > a > p {font-size: 0;top: -4px !important;/* position: absolute; */margin-left: -6px;position: relative;}
.signUpWithGoogle.active > a > p {font-size: 0;top: -40px !important;}
.abcRioButton.abcRioButtonLightBlue{opacity: 0;}

.settingSingleTop {width: 495px !important;padding-top: 0 !important;display: inline-block;margin: 0 5px;}
.themesSelectionWrap {
	margin: -180px 0 62px;
	padding-bottom: 60px;
}
.themePreviewOpt::after {
	position: absolute;
	content: "";
	color: #fff;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.69);
	border-radius: 12px;
	z-index: 99;
}
.lower .lower-innner h3 {
	margin-bottom: 0 !important;
}
.themePreviewOpt:hover::after {
	background-color: rgba(145, 10, 54, 0.59);
	z-index: 100;
	border-radius: 12px;
}

.themePreviewOpt {
	width: 250px;
	height: 250px;
	display: inline-block;
	margin: 10px;
	position: relative;
	vertical-align: top;
	border-radius: 10px; cursor: pointer;box-shadow: 0 10px 11px 1px #7a7a7a;
	overflow: hidden;
}
.themePreviewOpt h2 {
	color: #eee;
	text-align: center;
	font-size: 20px;
	font-family: Roboto-Medium;
	position: relative;
	z-index: 100;
	margin-top: 110px;
}
.themePreviewOpt h3 {
	color: #e9e9e9;
	text-align: center;
	font-size: 11px;
	font-family: roboto-Medium;
	position: relative;
	z-index: 100;
	font-weight: lighter !important;
	letter-spacing: 1px;
	line-height: 0;
	width: 100%;
}
.themePreviewOpt.comingSoon:hover::after{background: rgba(0, 0, 0, 0.69); cursor: inherit;z-index: 1;}
.themePreviewOpt.comingSoon:hover::before {display: none;}
.themePreviewOpt:hover::before {
	content: "";
	position: absolute;
	content: "Activate";
	z-index: 101;
	color: #fff;
	top: 80px;
	left: 98px;
	font-size: 15px;
	font-family: roboto-medium;
	font-weight: 800;
	letter-spacing: 2px;
}
.gbBrandingTop {text-align: center;margin-top: 0px;padding: 50px;}
.gbBrandingTop > h3 {
	margin: 0;
	line-height: 44px;
	color: #a7a7a7;
	font-family: roboto-thin;
	font-size: 32px;
	font-weight: 100;
	letter-spacing: -1px;
	text-transform: capitalize;
}
.gbBrandingTop strong {
	color: #6a6565;
	font-family: roboto-medium;
	letter-spacing: .2px;
}

.gbBrandingTop > p{font-size: 12px;margin-top: 10px;}





.regionalSingle .input-wrap span{right: 10% !important;}
.paymentPlansTable .content span.actiavtedPackage {
	background: #000;
	padding: 10px 30px;
	border-radius: 40px;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	margin: 40px;
}
.paymentPlansTable .content span.actiavtedPackage i{margin-right: 10px;font-size: 18px;}



/* Mobile Menu */
.mainSiteMobileNav{display: none;}
.mainSiteMobileNav > a {
/* margin-left: 50px; */
font-size: 20px;
}
.mainSiteMobileNav > a > i{}
.navigationArea {position: fixed;top: 0;background: #333;width: 300px;z-index: 1050;height: 100%;}
.navigationArea ul{}
.navigationArea li {list-style: none;position: relative;color: #fff;}
.navigationArea i{margin: 0 5px;}
.dashBoardMobileNav > a{margin-left: 25px;}
.navigationArea > a {position: absolute;right: 30px;color: #fff;z-index: 1000;cursor: pointer;}
.navigationArea  li a {color: #fff;}
.navigationArea li > div {position: absolute;background: #444;width: 170px;border-top: 3px solid #fc4785;left: 30px;text-align: center;display: none;
transition: all .3s easein-ou;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.navigationArea li:hover div{
display: block;
}
.navigationArea li div span {display: block;cursor: pointer;}
.navigationArea{}






.subPopMain {
	display: table;
	text-align: center;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1050;
}
.subPopInner {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.subPopContent {
	display: inline-block;
	background: #fff;
	padding: 50px;
	border-radius: 2px;
}
.subPopContent p {
	font-family: pop !important;
	font-size: 12px;
	color: #333;
}
.subPopContent a {
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	border-radius: 50px;
	margin-top: 20px;
}
.subPopContent a.cancelSubscription {background: #E43834;}
.subPopContent a.dontCancelSubscription {background: #03A9F4;}
.subPopContent a:hover{opacity: .7;color: #fff;}

@media only screen and (max-width: 1100px) {
.buildWrap {padding: 60px !important;}
.settingSingleTop{display: none;}
.accountSettingRow{padding: 0 !important;}
.accountStatusSingle.accountStatusLeft {width: 100%;}
.accountStatusSingle.accountStatusRight {width: 100%;margin-top: 20px;}
.dashSingle {width: 32%;}
.domainSelection {padding: 0 !important;}
.topBtn {top: -1392px;}
.connectDomain .input-wrap input {width: 100% !important;}
.generalSettings .input-wrap span {right: 6%;}
.ml-15 {margin-left: 0px !important;}
.topBtn {top: -40px;left: 30px;text-align: center !important;background: #fc4785 !important;border-radius: 30px;color: #fff !important;}
.accountInner.accountInnerRight {width: 100%;padding: 30px;border: none;}
.regionalSingle {width: 100%;}
.mailBoxConLeft span.error {right: 35px;}
.generalSettings .termsText.input-wrap span {right: 5%;}
.accountInner.accountInnerLeft {width: 100%;}
}






@media only screen and (max-width: 800px) {
.dashSingle {width: 49%;}
.domainSingle{width: 100%;}
.connectDomain .input-wrap {width: 45%;padding: 0px 10px;}
.generalSettings .input-wrap{width: 100% !important;}
.connectMailBox .connectDomain .inputIcon{display: none !important;}
.connectMailBox .connectDomain .input-wrap {width: 100% !important;}
.connectMailBox .connectDomain .input-wrap span {right: 4%;}
.setupRecordWrap .mailBoxConLeft, .newRecordLeft, .newRecordRight{width: 100%;}
.newRecordRight {margin-left: 0;}
.toggleWrapper {right: -30px;}
.signUpMain .signUpFormMain, .signUpMain .loginWithSocialMedia {width: 450px;margin-bottom: 40px;}
.paymentPlansTable > div > div {width: 100%;margin: 0;}
}


@media only screen and (max-width: 700px) {
.dashBoardNav{display: none !important;}
.customReservation .input-wrap input, .generalSettings textarea{width: 97% !important;}
.mainSiteMobileNav {display: inline-block;}
}


@media only screen and (max-width: 575px) {
.bb > div{text-align: center !important;}
.settingSingle {width: 90% !important;margin: 0px -14px 10px !important;}
.accountSettingWrap .formArea > p, .accountSettingWrap .settingSingle h5{width: 100%;}
.accountSettingWrap .settingSingle .fieldSet .socialMedia, .accountSettingWrap .settingSingle .fieldSet .loginBtn {display: block;width: 100%;}
#features-2 .col-5, #features-2 .col-4{max-width: 90% !important;display: inline-block !important;margin: 8px 0 !important;}
#features-2 .no-gutters{display: inline-block;}
.coverContent {vertical-align: bottom;height: auto;padding: 0px 0 50px !important;margin-top: 50px;}
.width-30 {width: 100%;display: block;text-align: center !important;}
.tableCell {display: block;}
.coverArea {height: 400px;}
.buildLeft, .buildRight, .innovationSingle, .demoWrapSingle{width: 100%;text-align: center !important;}
.services-single {width: 100%;}
.innovationInner::after, .borderRight::after{width: 0;}
.discoverRow {vertical-align: top;}
}


@media only screen and (max-width: 480px) {
.setConfg select {width: 60px;}
.showConfig .inputIcon{display: none !important;margin: 0 !important;}
.setConfg h2 {font-size: 20px !important;margin-bottom: 40px !important;}
.setConfg .selectImg {bottom: -37px;}
.dashSingle, .mailBoxLeft, .discoverRow{width: 100%;}
.discoverRowRight{margin-top: 0 !important;}
.discoverRowLeft::after{width: 0px;}
.accountInner.accountInnerLeft, .accountInner.accountInnerRight, .mailBoxRight{width: 100%;border: none;}
.connectDomain .input-wrap {width: 97%;}
.connectDomain .inputIcon img {transform: rotate(90deg);}
.connectDomain .inputIcon {width: 100%;text-align: center;margin-top: 40px;}
.connectDomain .input-wrap {width: 97%;padding: 0px 10px;}
.entreprisePlan .entreprisePlanRight {margin: 20px 0;}
.signUpMain .signUpFormMain, .signUpMain .loginWithSocialMedia, .signUpFormMain form,
.loginWithSocialMedia > .loginWithSocialMediaInner, .signUpFormMain .gradientBack,
.loginWithSocialMedia .gradientBack{width: 100% !important;}
.uk-container{padding: 0 !important;}
}

.paymentNotifications {
	box-shadow: 2px 7px 15px -10px #444;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
	margin-bottom: 10px;
	margin-top: 10px;
}
.paymentNotifications a {
	position: absolute;
	right: 30px;
	top: 11px;
	text-decoration: none;
	color: #d43232;
	font-size: 14px;
	cursor: pointer;
	z-index: 1050;
}
.paymentNotifications a > i{}
.paymentNotifications a:hover{color: #777;}
.paymentNotifications p {
	font-size: 11px;
	font-family: pop;
	padding-left: 10px;
}
.paymentNotifications.warning p{color: #FF6F00;}
.paymentNotifications.success p{color: #1B5E20;}
.paymentNotifications.error p{color: #b71c1c;}
.paymentNotifications.warning {background: #FFD54F;}
.paymentNotifications.success{background: #81C784;}
.paymentNotifications.error{background: #e57373;}








.template-outer.active-theme::before {
	position: absolute;
	content: "Active";
	z-index: 101;
	color: #fff;
	top: 80px;
	left: 98px;
	font-size: 15px;
	font-family: roboto-medium;
	font-weight: 800;
	letter-spacing: 2px;
}

.template-outer.active-theme::after {
	position: absolute;
	content: "";
	color: #fff;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(3, 49, 2, 0.51);
	z-index: 100;
}


.template-outer.active-theme {
	border-color: #20bd0d;
}


.passwordPopupWrap{display: table;table-layout: fixed;width: 100%;position: fixed;top: 0;left: 0;height: 100vh;background: rgba(0,0,0,.5);z-index: 100;}
.passwordPopupWrap .passwordPopupInner{display: table-cell;height: 100vh;vertical-align: middle;text-align: center;}
.passwordPopupWrap .passwordPopup {
display: inline-block;
width: 450px;
background: #fff;
border-radius: 5px;
padding: 60px;
}
.passwordPopupWrap .passwordPopup > img{}
.passwordPopupWrap .passwordPopup > input {
height: 50px;
width: 100%;
margin: 10px 0;
border: 1px solid #e6e6e6;
padding: 0 10px;
border-radius: 4px;
}
.passwordPopupWrap .passwordPopup > a {
background: #17c3f0;
display: inline-block;
width: 150px;
color: #fff;
border-radius: 40px;
margin-top: 7px;
height: 50px;
line-height: 48px;
font-family: popM;
}
.passwordPopupWrap .passwordPopup > a:hover{}