@charset "UTF-8";
/* CSS Document */
*{margin:0;	padding: 0;	outline:0;}
body {	margin: 0;	padding: 0; background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/bodyBg.png) repeat-x top center!important; -webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling:touch !important}

/*---------------- Font Families -----------------*/
.mobileNext{display:none;}
header {width: 100;}
header .navbar-default { background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/bodyBg.png) repeat-x top center!important; border: none; min-height: 56px;}
.navbar-brand { padding: 0 15px;}
header .navbar-collapse { margin-top: 17px;}
header .mobile-action-btn {margin-top: 64px; text-align:center;}
.visible-xs-block.buttontextonly {margin: 17px 0px;font-size: .8125rem;font-family: "MuseoSans-100","Lucida Grande",Arial;
font-weight: normal;padding: 0 8px;}
.visible-xs-block.buttontextonly:hover{background: rgba(255, 255, 255, 0.1) !important;border-radius: 3px;color:#fff;}
header .navbar-nav li { margin-left: 5px;} header .navbar-nav li ul li { margin: 0px;}
header .navbar-nav > li > a { padding-bottom: 8px;padding-top: 5px;color: #fff !important;font-family: "MuseoSans-100","Lucida Grande",Arial;font-size: .8125rem;}
.loginTxt {background: none;border: none;color: #fff !important;line-height: 33px !important;padding: 0 10px !important;margin: 0;font-size: .8125rem;font-family: "MuseoSans-100","Lucida Grande",Arial;font-weight: normal;float: right;}
.loginTxt:hover {background: rgba(255, 255, 255, 0.1) !important;border-radius: 3px;}
.lagTxt{color: #fff;font-size: .8125rem;font-family: "MuseoSans-100","Lucida Grande",Arial;display: inline-block;position: relative;right: -2px;top: -3px;}
header .navbar-static-top .navbar-nav > li > a {color: #ccc !important;}
.welcomeUser { color: #ccc!important;}
 a.welcomeUser:active,  a.welcomeUser:hover{background:none !important;} 
header .navbar-nav > li > a:hover {background: rgba(255, 255, 255, 0.1) !important;border-radius: 3px;}
header .navbar-nav > li > ul > li > a {color: #000;font-family: "MuseoSans-100","Lucida Grande",Arial;font-size: .8125rem; padding: 5px 20px;}
header .navbar-nav > li > ul > li > a i{font-size: 16px;padding-right: 10px;position: relative;top: 2px;}
header .navbar-nav > .open > a { background:transparent !important; color:#fff!important; border-radius: 3px;}
.logo {float: left; margin: 0 20px 0 0; transition: all .5s ease-in-out;}
.logo.affix { position: relative; transition: all .5s ease-in-out;}
.logo button { display: none;}
.topLinks {margin: 10px 0 0 0;}
header .navbar-toggle { margin-top: 15px;}
header .topButtons {float: right;width: 85%;margin: 3px 0 0 0;}
header .topLinks ul {float: right;list-style: none;margin: 0;padding: 0;}
header .topLinks ul li {margin: 0;padding: 0;float: left;}
header .topLinks ul li a, header .topLinks ul li span.welcomeguest {display: inline-block; padding: 7px; width: 100%; font-family: "gadugiregular";}
header .topLinks ul li ul a { color: #000; }
header .topLinks ul .dropdown-menu  li {float: none;}
option{padding: 2px 15px;}
.nav > li > a:focus {outline: none;}
.globeDropdown {
   display: inline-block;
    float: left;
    margin:0;
    position: relative;
}
.globeDropdown-content a {
  border-bottom: 1px solid #eff1f2;
    color: #626668;
    display: block;
    font-family: "MuseoSans-100","Lucida Grande",Arial;
    font-size: .8125rem;
    padding: 8px 16px;
    text-decoration: none;
}
.iconz-global {
    color: #fff;
    display: inline-block;
    height: 20px;
    width: 20px;
}
#main_header:hover .iconz-global {
    color: #3cc3d2;
}
.globeDropdown-content a:hover {
    background-color: #f1f1f1;
}
.dropbtn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    line-height: normal;
    padding: 8px 13px 4px;
}
.dropbtn:hover{
	background: rgba(255, 255, 255, 0.1) !important;
	border-radius: 3px;
}
.globeDropdown-content {
    background: #fff none repeat scroll 0 0;
	box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
	right: 1px;
	max-height: 450px;
	min-width: 200px;
	opacity: 0;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: auto;
	transition: all 200ms ease 0s;
	visibility: hidden;
	width: 100%;
	z-index: 1;
}
.globeDropdown:hover .globeDropdown-content {
    opacity: 1;
    visibility: visible;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a, img {margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
 table, tr, th, td { margin:0;padding:0; outline:0;font-size:100%;background:transparent;}

.flag-icon {position: relative;display: inline-block;width: 1.3333333333333333em;line-height: 1em;background-size: contain;background-position: 50%; background-repeat: no-repeat;}
.flag-icon:before {content: "\00a0";}
.flag-icon-gb {background-image: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/flags/gb.svg);}
.flag-icon-cn {background-image: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/flags/cn.svg);}
.flag-icon-sa {background-image: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/flags/sa.svg);}
.flag-icon-es {background-image: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/flags/es.svg);}
.flag-icon-fr {background-image: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/flags/fr.svg);}
.flag-icon-de {background-image: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/flags/de.svg);}
.flag-icon-nl {background-image: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/flags/nl.svg);}
.flag-icon-in {background-image: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/flags/in.svg);}
.flag-icon-pt {background-image: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/flags/pt.svg);}
.panel-group .panel { overflow: visible;}
#outer.container {padding-top: 70px;  position:relative;}
#outer.marketPlace { padding: 0 0 0 0;}
#app_phone.marketPlace { position:relative;}
.btnsubs { min-width: 160px; text-align: center; color: #fff!important; padding:7px 0!important;}
/* ------------------------------------------------------------------- Common Default Elements & Section ------------- */
.red-astrick { display: inline-block; line-height: 10px; color: Red; }
.green-astrick { display: inline-block; line-height: 10px; color: green; }
.show-inline { display: inline-block;}
.f-left {float: left;}
.f-right {float: right;}
a.hide { display: none!important;}
.full-width {width:100%;}

input[type='text'], select, textarea {border: 1px solid #d0d0d0; /*border-radius: 5px!important;*/ color: #000; padding: 5px 6px; font-family: 'gadugiregular';}
input[type='text']:focus, select:focus, textarea:focus {border: 1px solid #228aba; color: #228aba;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type="number"] {-moz-appearance: textfield;}
/*.input-group input[type='text'] { border-radius: 0 5px 5px 0!important}*/
.table-btn-fc{font-size:14px !important; line-height: 25px !important;padding: 0 10px !important;margin-bottom: 10px;}

.button { border: none; background:#474747;color:#FFF;font-family: 'source_sans_proregular';font-size:15px;border-radius:3px;line-height: 33px;padding: 0 15px;cursor: pointer;display: inline-block;text-decoration: none; transition: all 1s ease-in-out;}
.buttonbottom {border: none;
background: #228aba;
color: #FFF;
font-size: .8125rem;
font-family: "MuseoSans-100","Lucida Grande",Arial;
border-radius: 3px;
line-height: 33px;
padding: 0 15px;
cursor: pointer;
display: inline-block;
text-decoration: none;
transition: all 1s ease-in-out;
}
.button:focus, .buttonbottom:focus, .buttonGreen:focus, .buttonNext:focus { color: #fff;}
.buttonGreen { border: none; background:#95b10c;color:#FFF;font-family: 'source_sans_proregular';font-size:15px;border-radius:3px;line-height: 33px;padding: 0 15px;cursor: pointer;display: inline-block;text-decoration: none; transition: all 1s ease-in-out; position: relative; white-space:normal;}
.buttonNext { border: none; background:#95b10c; color:#FFF; font-family: 'source_sans_proregular';font-size:18px;border-radius:3px;line-height: 45px;padding: 0 50px; margin:0; cursor: pointer;display: inline-block;text-decoration: none; transition: all 0.1s ease-in-out;width: 100%;text-align: center;}
.buttonGreen:hover, .buttonNext:hover, .navbar-default .navbar-nav > li > a.btnsubs:focus, .navbar-default .navbar-nav > li > a.btnsubs:hover  {background:#6b8102; color: #fff; transition: all 0.1s ease-in-out;}
.button:hover, .buttonbottom:hover {background: #95b10c;color: #ffffff;text-decoration: none; transition: all 1s ease-in-out;}
.button span.next, .buttonbottom span.next {float:right;border-radius: 0 5px 5px 0;display: inline-block;cursor:pointer;background: #95b10c;padding: 0 5px;margin: 0 -15px 0 10px;}
.button:hover span.next, .buttonbottom:hover span.next {background: #228aba;}
.button.small {font-size: 10px;line-height: 30px;padding: 0 10px;}
.button span.previous, .buttonbottom span.previous {float:left;border-radius: 5px 0 0 5px;display: inline-block;cursor:pointer;background: #95b10c;padding: 0 5px;margin: 0 10px 0 -15px;}
.button:hover span.previous, .buttonbottom:hover span.previous {background: #228aba;}
.buttontextonly { background: none; border: none; color:#fff; line-height: 31px;}
 
.transform li {opacity: 1;-webkit-transform: scale(1, 1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;-ms-transform: scale(1, 1);-ms-transition-timing-function: ease-out;-ms-transition-duration: 250ms;-moz-transform: scale(1, 1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;}
.transform li:hover {text-decoration: none;opacity: .9;-webkit-transform: scale(1.05, 1.07);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;-ms-transform: scale(1.05, 1.07);-ms-transition-timing-function: ease-out;-ms-transition-duration: 250ms;-moz-transform: scale(1.05, 1.07);-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;position: relative;z-index: 999;}
.rounded-top {border-radius: 5px 5px 0 0;}
.rounded-bottom {border-radius: 0 0 5px 5px;}
.view-all {border: none;font-size: 12px;padding: 0 10px;color:#3e3e3e;text-decoration:none;background: none;}
.view-all:hover {text-decoration: underline;}
.hide, .hide-viewall, .mobAction {display: none;}
.display {display: none;}
.activeHeader { border: 2px solid #95b10c;}
/*.panel-heading { cursor: pointer;}*/
.previewIcons { font-size:47px;}
.iapSampleFull {text-align: center; margin: 15px 0; }
.iapSampleFull div {display: inline-block; background: #eee; padding: 5px 15px; margin: 0; border-radius: 10px; }
.iapSampleFull div.active {background: #228aba;} .iapSampleFull div.active a {color: #fff; }
.iapSampleFull div a {color:#6a6a6a; font-size: 15px;}
.switchContainer small input {width: 35px; height: 18px; opacity: 0; cursor: pointer;}
.switchContainer.switchSample {background: #95b10c; text-align: right; }
.switchContainer.switchFull {background: #228aba; text-align: left;}
.switchContainer.switchSample small { left: 2px;}
.switchContainer.switchFull small { right: 2px;}
#soundCloud_catList { overflow: hidden;}
.moreInfo { cursor: pointer;}
.input-group-addon [class^="icon-"], .input-group-addon [class*=" icon-"], .input-group-addon [class^="iconz-"], .input-group-addon [class*=" iconz-"], .input-group-addon [class^="iconzu-"], .input-group-addon [class*=" iconzu-"] {padding: 0 3px!important;}
.input-group img.ui-datepicker-trigger { position: absolute; right:10px; top: 5px;}
.pageLoader { text-align: center; padding: 5% 0; clear: both;}
.panel-body { height: auto;}
select.form-control {line-height: 28px; }
.page1Height { min-height: 528px; }
.input-group-addon.minWidth { text-align:left; min-width: 120px;}
.cursorp { cursor: pointer;}
.grandTotal { text-align: right;margin:0;}
.marketqrcode { width: 50%; clear:both; margin: 10px auto;}
.marketPlaceSearch { width: 80%; margin-top: 15px; float: right;}
.fs10 { font-size: 10px;}.fs11 { font-size: 11px;}.fs12 { font-size: 12px;}.fs13 { font-size: 13px;}.fs14 { font-size: 14px;}
.disableApp, .lockApp { display: table-cell; background: rgba(0, 0, 0, 0.2); width: 100%; position: absolute; left: 0px; z-index: 100; height: 100%; text-align: center; padding-top: 0;}
 .lockApp .iconz-lock {
    position: relative;
    top: 5%;
}
.disable .disableApp, .disable .lockApp { display: block; }.selectionTabLock { top: 0;}
.videoTutorial {position: fixed; top:40%; left: -57px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); font-size: 20px;}
.lockContainer{background: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: table-cell;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 100; top:0;}
.lockContainer .lockContainerInside{
    color: #fff;
    font-size: 16px;
    padding: 0;
    position: relative;
    text-shadow:0 1px 0px #000;
    top: 45%;
}
.lockContainer .lockContainerInside a{color:#64c5f1;}
.lockedappclick {background: #fff none repeat scroll 0 0; border-radius: 100%; display: inline-block; padding: 25px 15px; width: 100px; height: 100px; font-size: 16px;}
.MarNone-bg { background: none;}
.inrPricing { font-size: 27px!important;}
.pageIconScrollCont {height: 400px; overflow-y: auto; margin-right:0px;}
/* ------------------------------------------------------------------- Reset App ------------- */
.clear-cache { float: right; clear: right; margin: 16px 110px 0 0; text-align: center; }
.clear-cache a { color: #fff; font: 14px/25px CalibriRegular, Arial, Helvetica, sans-serif; background: #228aba; display: inline-block; padding: 0 10px 0 15px; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border: 1px solid #228aba; position: relative; margin: 0 0 0 25px; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; /* Firefox 4 */ -webkit-transition: all 0.2s ease 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease 0s; /* Opera */ }
.clear-cache a:before { position: absolute; background: #6a6a6a; left: -25px; width: 35px; height: 35px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; content: ''; top: -5px; }
.clear-cache a:after { position: absolute; background: url(/images/clear-cache.png) center no-repeat; left: -25px; width: 35px; height: 35px; border-radius: 50px; content: ''; top: -5px; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; /* Firefox 4 */ -webkit-transition: all 0.2s ease 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease 0s; /* Opera */ }
.clear-cache a:active:after { position: absolute; left: -25px; width: 35px; height: 35px; border-radius: 50px; content: ''; top: -5px; transform: rotate(360deg); transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; /* Firefox 4 */ -webkit-transition: all 0.2s ease 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease 0s; /* Opera */ }

.betaversion-bg {
    background: rgba(0, 0, 0, 0) url("/images/betaVersion-bg.png") no-repeat scroll center center;
    height: 165px;
    margin: 0 auto;
    padding: 49px 0 0;
    width: 163px;
}
.betaversion-bg span {
    color: #c1241d;
    font-size: 50px;
    font-weight: bold;
    padding-left: 5px;
}
.betaversion-bg span span {   
    color: #313131;
    font-size: 28px;
    font-weight: bold;
    padding-left: 5px;
}
/* ------------------------------------------------------------------- App Bg Animation ------------- */
@-webkit-keyframes cf4FadeInOut {0% { opacity:1;}17% {opacity:1;}25% {opacity:0;}92% {opacity:0;}100% {opacity:1;}}
@-moz-keyframes cf4FadeInOut {0% {opacity:1;}17% {opacity:1;}25% {opacity:0;}92% {opacity:0;}100% {opacity:1;}}
@-o-keyframes cf4FadeInOut {0% {  opacity:1;} 17% {opacity:1;}25% {opacity:0;}92% {opacity:0;}100% {opacity:1;}}
@keyframes cf4FadeInOut {0% {   opacity:1; } 17% {   opacity:1; } 25% {   opacity:0; } 92% {   opacity:0; } 100% {   opacity:1; }}

.backgroundAnimation {  position:relative;margin:0 auto;}
.backgroundAnimation.tab img {
    left: 0;
    width: 100%;
}
.backgroundAnimation img {
    height: inherit;
    left: 0;
    position: absolute;
    width: 100%;
}
figure .backgroundAnimation img {min-height: 570px;}
.tabletScreen .backgroundAnimation img {
  height: 536px;
    min-height: 536px;
}
#myModalbgupload .backgroundAnimation {
    height: 305px;
    overflow: hidden;
}



.backgroundAnimation img {  -webkit-animation-name: cf4FadeInOut;  -webkit-animation-timing-function: ease-in-out;  -webkit-animation-iteration-count: infinite;  -webkit-animation-duration: 8s;  -moz-animation-name: cf4FadeInOut;  -moz-animation-timing-function: ease-in-out;  -moz-animation-iteration-count: infinite;  -moz-animation-duration: 8s;  -o-animation-name: cf4FadeInOut;  -o-animation-timing-function: ease-in-out;  -o-animation-iteration-count: infinite;  -o-animation-duration: 8s;  animation-name: cf4FadeInOut;  animation-timing-function: ease-in-out;  animation-iteration-count: infinite;  animation-duration: 8s;}
.backgroundAnimation img:nth-of-type(1) {  -webkit-animation-delay: 6s;  -moz-animation-delay: 6s;  -o-animation-delay: 6s;  animation-delay: 6s;}
.backgroundAnimation img:nth-of-type(2) {  -webkit-animation-delay: 4s;  -moz-animation-delay: 4s;  -o-animation-delay: 4s;  animation-delay: 4s;}
.backgroundAnimation img:nth-of-type(3) {  -webkit-animation-delay: 2s;  -moz-animation-delay: 2s;  -o-animation-delay: 2s;  animation-delay: 2s;}
.backgroundAnimation img:nth-of-type(4) {  -webkit-animation-delay: 0;  -moz-animation-delay: 0;  -o-animation-delay: 0;  animation-delay: 0;}
/* ------------------------------------------------------------------- Tabs Content ------------- */
.nav-tabs {border-bottom: none!important;}
.nav-tabs li.active a {background-color: #228aba!important; border-color: #228aba!important; color: #FFF!important; }
.tab-links {position:relative;border-bottom: none!important;margin: 40px 0 0 0;}
.tab-links li.active button:before {background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/left.png) no-repeat scroll left center rgba(0, 0, 0, 0);bottom: -10px;content: ".";position: absolute;left: -16px;	width: 16px;color:#228aba;}
.tab-links li.active button:after {background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/right.png) no-repeat scroll left center rgba(0, 0, 0, 0);bottom: -10px;content: ".";position: absolute;right: -16px;width: 16px;color:#228aba;}
.tab-links li {float: left;list-style: none outside none;text-align:center;margin-right:3%;margin-left:8%;width: 20%;}
.tab-links li:last-child {margin-right:0px;}
.active {position: relative;}
.tab-links button {border-radius: 10px 10px 0 0!important;color: #909090;display: inline-block;font-size: 17px;font-family:'open_sansregular';padding: 5%;position: relative;transition: all 0.15s linear 0s;width: 100%; border-style: none; bottom: 1px; background: #dddddd;}
li.active button, li.active button:hover {background:#228aba!important;color: #fff!important;border-color: #228aba!important;}
.tab-links button span {/*position: absolute;top: -100px;left: 0;display: block;margin: auto;width: 100%;height: 100px;*/ font-size: 18px;margin-right: 5px;}
li.active button span {/* color: #228aba;*/}
.tab-Container {border: 5px solid #228aba;border-radius:13px;padding: 5px 0 0; min-height: 250px; float: left; width: 100%; position: relative;}
.topMargin { margin: 35px 0 0 0;}
.sectionHeadign {background-color: #228aba; color: #FFF; display: inline-block; padding: 10px 15px; border-radius: 10px 10px 0 0; margin: 20px 0 0 10px; font-size: 20px; }

/*------------------- Start Mob App Section Tab -------------*/
.mobApp-section {width:100%; padding: 0 20px 5px 20px; box-sizing:border-box;}
.mobApp-section h2 {font-size:21px;	font-family: 'open_sansregular';font-weight:normal;color:#212121;margin: 2% 0;}
.inputBox {float:left;}
.top-box .inputBox {width: 80%;}
.inputBox input {width: 65%;float: left;}
.inputBox .small-grayHeading {clear: both;display: block;}
.nextBtn {background:#474747;color:#FFF;font-family: 'source_sans_proregular';font-weight:normal;font-size:19px;border-radius:7px;padding:5px 30px;cursor:pointer;}
.appCategory {   float: left;
    margin-top: 8px;
    position: relative;
    width: 100%;
    z-index: 1;}
.appCategory ul {list-style:none;}
.appCategory ul li {float:left;width:23%; /*width:31.5%;*/ text-align:center;margin:0 2.5% 2.5% 0;padding-bottom:1%; position:relative;}

.appCategory ul li a {display: block;padding: 5% 2%;font-family: 'open_sansregular';font-size:14px;color:#a9a9a9;border-radius:5px;}
.appCategory ul li a:hover {color:#228aba;text-decoration: none;}
.appCategory ul li span.icon-ok-4 { display: none; position: absolute; top: 5px; left: 10px; font-size: 25px; color: #95b10c;}
.appCategory ul li.activeCat span.icon-ok-4 { display: block;}
.appCategory ul li a span {font-size:65px;width: 100%;margin: auto;display:block;}
.appIconupload {font-size:65px;margin: auto;}
.appCategory ul li:nth-child(4n+0) {margin-right:0px;}

.appCategory ul li.appThemeoption {
    width: 31.5%;
}
.appCategory ul li.appThemeoption:nth-child(4n) {margin-right:2.5%;}
.appCategory ul li.appThemeoption:nth-child(3n), .appCategory ul li.appThemeoption:nth-of-type(12){margin-right:0;}


/*----------------------- Start Mobile App Build Tab-------------------------*/
.mobApp-build {width:100%;padding:20px;box-sizing:border-box;/*overflow: hidden;*/}
.buildApp-navigation { /* margin: 0 0 10px 0;*/overflow: hidden;padding: 0 0 10px 0;}
.buildApp-navigation a { box-sizing: border-box;display: block;float: left;padding: 0.5em;position: relative;text-align: center;width: 50%;color: #6a6a6a;font-family: 'source_sans_proregular';font-size:18px;border-radius: 5px;background:#eee;}
.buildApp-navigation a:hover {background:#ccc;color:#FFF;text-decoration: none;transition: all 0.5s ease;}
.buildApp-navigation a.activate {background:#228aba;color:#FFF;}
.buildApp-navigation a.activate:after {border-color: #228aba transparent transparent;border-style: solid;border-width: 8px;content: ""; height: 0;left:50%;margin-left:-8px; pointer-events: none;position: absolute;top: 100%;width: 0;transition: all 0.5s ease;}
.buildApp-navigation a > span {margin: 0 10px 0 0;}

/*--------------------------- Start Mobile App Category Div ----------------------*/
.myAppPages {box-sizing: border-box; padding: 5px 0 0 0; position: relative; margin: 5px 0 13px 0;}
.myAppPages .icon-left-open, .myAppPages .icon-right-open { display: block; font-size: 25px; color: #ccc; position: absolute; z-index: 2; top: 32px; cursor: pointer; }
.myAppPages .icon-left-open { left: -2%;}
.myAppPages .icon-right-open { right: -2%;}

.myAppPages ul li div .pageIcon.icon-left-open, .myAppPages ul li div .pageIcon.icon-right-open{ display:; font-size:; color:; position: inherit; z-index:inherit; top:; cursor: pointer; left:inherit; right:inherit; }


.myPagesIcons { /*min-width: 710px;*/ min-height: 102px; overflow: hidden; position: relative;}

.myAppPages ul { margin: 0 0 2% 0; list-style: none; padding: 0; float: left; position: absolute; left: 0; -webkit-transition: none;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.tabletScreen .myAppPages ul{transition:none;}
.myAppPages ul li { float: left; width: 105px; margin: 0 14px 0 0;position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;}
.myAppPages ul li a, .myAppPages ul li div { background:#f0f0f0; display: block; float: left; border-radius: 3px; color: #ccc; text-align: center; padding: 5px; width: 100%; cursor: pointer; height: 95px;}
.myAppPages ul li .myAppPage { background: #95b10c; color: #fff;}
.myAppPages ul li .emptyAppPage {background: #f00; color: #fff;}
.myAppPages ul li a .pageIcon, .myAppPages ul li div .pageIcon {font-size: 40px; height: 55px; width: 55px; display: inline-block; overflow: hidden;margin-top:5px;}
.myAppPages ul li a .pageIcon img, .myAppPages ul li div .pageIcon img  { width: 100%;}
.myAppPages ul li a .pageName, .myAppPages ul li div .pageName {width: 100%; font-size: 11px; overflow: hidden; position: absolute; bottom: 4px; left: 0;}
.no-touch .myAppPages ul li .myAppPage:hover { background: #95b10c url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/pageEdit.png) no-repeat right bottom; color: #fff; text-decoration: none;}
.myAppPages ul li .pageDrag ,ul.myAppPagesListrnz li  .pageDrag { display: block; border: 2px dotted #fff; border-left: none; border-right: none; width: 55%; height: 8px; margin: auto; opacity: 0;transition: all 0.5s ease;   position: absolute;left: 0;right: 0;top: 0;cursor: move;margin-top: 5px; z-index: 10;}

.myAppPages ul li .pageDrag ,ul.myAppPagesListrnz li  .pageDrag { 
    display: block;
    border: 2px dotted #fff;
    border-left: none;
    border-right: none;
    width: 50%;
    height: 8px;
    margin: auto;
    opacity: 0;
    transition: all 0.5s ease;
    position: absolute;
    left: -15px;
    right: auto;
    top: 38px;
    cursor: move;
    margin-top: 5px;
    z-index: 10;   
    transform: rotate(90deg);
    margin: 0;
    padding: 0;
    text-align: left;    
}

.primumDesignPaid{
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #fdb513;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    padding: 1px;
    color: #fff;
}

.myAppPages ul li:hover .pageDrag { opacity: 1;transition: all 0.5s ease;}

.pos-rel{ position:relative;}
.page_feature ul li.list-group-item .right-drag-bdr {  border-right:2px dotted #dddddd; display:block; height:14px; margin:auto;  opacity:1;  position:absolute; right:0; top:11px; width: 10px;margin-right:0px; z-index:9;}
.page_feature ul li.list-group-item:hover .right-drag-bdr {  border-right: 2px dotted #228aba; cursor:move; }


.myAppPages ul li.activedit .emptyAppPage{background: #f00!important; color: #fff!important;}
.myAppPages ul li.activedit .myAppPage { background: #228aba; color: #fff;}
/*.myAppPages ul li.activedit .myAppPage:after {border-color: #228aba transparent transparent;border-style: solid;border-width: 8px;content: "";	height: 0; left:-8px;margin-left:50%; pointer-events: none; position: absolute; top: 95px;width: 0;}*/
.myAppPages ul li.activedit .emptyAppPage:after {border-color: #f00 transparent transparent!important;} .myAppPages ul li.activedit:hover .myAppPage:after {border-color: #95b10c transparent transparent!important;}
/*.myAppPages ul li.activedit .myAppPage:after {border-color: #228aba transparent transparent;border-style: solid;border-width: 8px;content: "";	height: 0; left:-8px;margin-left:50%; pointer-events: none; position: absolute; top: 95px;width: 0;}*/
.myAppPages ul li.activedit .myAppPage span, .myAppPages ul li .myAppPage:hover span {color: #fff;}
/* ---------------------------- For Show All --------------------------- */
.allAppPages{box-sizing: border-box; padding: 5px 0 0 0; position: relative; margin: 5px 0 0px 0; overflow: hidden;}
.allAppPages .icon-left-open, .allAppPages .icon-right-open { display: block; font-size: 25px; color: #ccc; position: absolute; z-index: 2; top: 32px; cursor: pointer; }
.allAppPages .icon-left-open { left: -2%;}
.allAppPages .icon-right-open { right: -2%;}
.myPagesIcons { /*min-width: 710px;*/ min-height: 102px; overflow: hidden; position: relative;}
.allAppPages ul { list-style: none; -webkit-transition:none; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.allAppPages ul li { float: left; width: 102px; margin: 0 5.5px 14px; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none; list-style:none;}
.allAppPages ul li a, .allAppPages ul li div { background:#f0f0f0; display: block; float: left; border-radius: 3px; color: #ccc; text-align: center; padding: 5px; width: 100%; cursor: pointer; height: 95px;}
.allAppPages ul li .myAppPage { background: #95b10c; color: #fff;}
.allAppPages ul li .emptyAppPage {background: #f00; color: #fff;}
.activedit ul li .emptyAppPage {background: #f00; color: #fff;}
.allAppPages ul li a .pageIcon, .allAppPages ul li div .pageIcon {font-size: 40px; height: 55px; width: 55px; display: inline-block; overflow: hidden;}
.allAppPages ul li a .pageIcon img, .allAppPages ul li div .pageIcon img { width: 100%;}
.allAppPages ul li a .pageName, .allAppPages ul li div .pageName {width: 100%; font-size: 11px; overflow: hidden; position: absolute; bottom: 4px; left: 0;}
.allAppPages ul li .myAppPage:hover { background: #95b10c url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/pageEdit.png) no-repeat right bottom; color: #fff; text-decoration: none;}
.allAppPages ul li .pageDrag { display: block; border: 2px dotted #fff; border-left: none; border-right: none; width: 55%; height: 8px; margin: auto; opacity: 0;}.allAppPages ul li:hover .pageDrag { opacity: 1;}
.allAppPages ul li.activedit .myAppPage { background: #228aba; color: #fff;}
	.allAppPages ul li.activedit .emptyAppPage{background: #f00!important; color: #fff!important;;}

.allAppPages ul li.activedit .myAppPage span, .allAppPages ul li .myAppPage:hover span {color: #fff;}
.allAppPages .as-sortable-placeholder, .custom-photo .as-sortable-placeholder {display:none;}
.addAppPages { padding: 17px 0 0 0!important; }
.appPagesCategory {border-radius: 5px;margin: 20px 0;width: 100%;background:#f0f0f0;overflow:hidden;font-family: 'source_sans_proregular';}
.appPagesCategory ul li button {border: none;background: none;padding: 15px 13px;color:#6b6b6b;font-size:13px;text-decoration:none;transition: all 1s ease-in-out;}
.appPagesCategory ul li button:hover {background:#d7d7d7;color:#6b6b6b;}
.appPagesCategory ul li.active-gr button {background:#95b10c;color:#FFF;}
.appPagesCategory .navbar-nav {width: 100%;}
.appPagesCategory .navbar-nav li:last-child {float: right!important;}
.appPagesCategory .navbar-nav li a.view-all-btn {background: #dddddd;}
.appPagesCategory .navbar-nav.navbar-right:last-child {margin-right: 0!important;}
.searchMargin { margin: 0 0 10px 0;}
.appPagesCategory ul li button .newtab-label { height:35px; width:35px; position:absolute; background:url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/newtab-label.png) no-repeat left top; top:-3px; left:-3px;}
/*-------------------- System Pages ------------------------------*/
.systemPages {}
.sysPagesIcons { width: 100%; overflow: hidden; position: relative;}
.systemPages ul { margin: 1% 0 2% 0; list-style: none; padding: 0; float: left;}
.systemPages ul li { float: left; width: 102px;margin: 0 4.5px 4.5px;position: relative;}
.systemPages ul li a { border: 1px dashed #0077a2; display: block; float: left; border-radius: 3px; color: #0077a2; text-align: center; padding: 5px; width: 100%; cursor: pointer; height: 95px;}
.systemPages ul li a:hover, .systemPages ul li.activesys a { background: #0077a2; color: #fff;}
.systemPages ul li.activesys a:after {border-color: #0077a2 transparent transparent; border-style: solid; border-width: 8px; content: ""; height: 0; left: -9px; margin-left: 50%; pointer-events: none; position: absolute; bottom: -16px; width: 0;}
.systemPages ul li a .pageIcon {font-size: 40px; height: 55px; width: 55px; display: inline-block; overflow: hidden;}
.systemPages ul li a .pageName { display: block; width: 100%; font-size: 13px;overflow: hidden;text-overflow: ellipsis;
white-space: nowrap;}
.editable-div{max-height: 150px; overflow: auto; min-height: 75px;}
/*------------------- My App Pages Options -----------------------*/
.myAppPagesOptions {width:100%;margin-top:8px;}
.myAppPagesOptions ul {list-style:none;}
.myAppPagesOptions ul li {float: left;width:18.7%;text-align:center;margin: 0 4px 10px 4px; position: relative;}
.myAppPagesOptions ul li a {display: block;border:1px solid #c3c3c3;border-radius:5px;text-decoration:none;padding: 5%;color:#8a8a8c;font-family: 'open_sansregular';font-size:13px;text-align: center; cursor: pointer; min-height:112px;}
.myAppPagesOptions ul li a:hover {border:1px solid #228aba;color: #228aba;box-shadow:0 0 10px #acacac;}
/*.myAppPagesOptions ul li a span {font-size: 50px;display: block;width: 100%;margin: auto;}*/
.myAppPagesOptions ul li a span {    display: block;    font-size: 42px;    margin: auto; height:75px; width:75px; border-radius:50%; color:#fff; line-height:75px;  }
.myAppPagesOptions ul li a span[class^="iconz-"]::before,.myAppPagesOptions ul li a span [class*=" iconz-"]::before { line-height:75px; }
.myAppPagesOptions ul li a small{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;margin-top: 2px;}
.buildApp_btn_div {width:100%;margin: 10px 0 0 0;}
.editMyAppPage {border: 1px dashed #228aba; background: #ececec; border-radius: 5px; padding: 10px; margin: 5px 0 0 0; float: left; width: 100%;}
.editMyAppPage .page_feature { padding: 15px 0 0; margin: 15px 0 0 0; width: 100%; float: left; border-top: 1px dashed #228aba; position: relative;}
.editMyAppPage textarea { height: 100px; resize: none; width: 100%;}
.editMyAppPage .right_editor_icon {margin: 0 0 0 20px; float: left; padding: 5px 0 0 0;}
.editMyAppPage .dateEdit { padding: 0 10px 10px 10px; float: left; }
.editMyAppPage .dateEdit h4 { margin: 5px 0 10px 0;}
.editMyAppPage .iconImage {padding: 0;font-size: 40px;line-height: 1 !important;width: 100%;text-align: center;color: #fff;overflow: hidden;transform: translate(-50%,-50%);
left: 50%;top: 50%;position: relative;}
.editMyAppPage .iconImage img { width: 100%;}
.editMyAppPage .iconImage .iconImage{padding: 0px;width: 100%;height: 100%;transform: translate(0%,0%);left: 0;top: 0;}
.cancel-page { font-size: 25px; margin: 0px 0 0 10px; float: right; color: #228aba; }
.cancel-page:hover { text-decoration: none; color: #95b10c;}
.popover.add-appPage {display: block;position: absolute; left: inherit; right: -235px; top: 98px;}
.popover.color-appbg {display: block; position: absolute; left: 100px; top: 70px;}
.popover.grad-appbg {display: block; position: absolute; left: 185px; top: 70px;}
.popover-title { font-size: 18px; font-family: "source_sans_proregular";}
.popover-content { font-size: 14px; font-family: "source_sans_proregular";}
.popover-navigation { margin: 10px 0 0 0; text-align: right;}
.panel-systempages { background: #f0f0f0;}
.panel-systempages .panel-heading { color: #6b6b6b; font-size: 15px; font-family: "source_sans_proregular";}
.input-group-addon img { width: 20px; max-width:20px;}

/* ************************************** */
/* Mandatory CSS required for ng-sortable */
/* ************************************** */

.as-sortable-item, .as-sortable-placeholder {
    display: block;
}

.as-sortable-item {
    -ms-touch-action: none;
    touch-action: none;
}

.as-sortable-item-handle {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

.as-sortable-placeholder {
}

/*.as-sortable-drag {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}*/

.as-sortable-hidden {
    display: none !important;
}

.as-sortable-un-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* ************************************** */
/* Mandatory CSS required for ng-sortable */
/* ************************************** */

.as-sortable-item .caret2{ 	opacity:0;}
.activedit .caret2 { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px dashed black; bottom: -6px; display: inline-block; height: 0; left: 44%; margin-left: 0; position: absolute; vertical-align: middle; width: 0; opacity:1;}
.as-sortable-un-selectable .caret2{opacity:0;}

/* -------------- tooltip css ----------------- */
.popoverIcon{
    color: #ddd;
    top: 3px;
}
.popoverIconYellow { position:absolute; top: -3px; right: 5px;color: #fff !important;}
.tooltip-info2 {z-index: 0; left: 0; top:0; opacity: 0; width: 0; height: 0; overflow: hidden; border:4px solid #fff;}
.appCategoryHover:hover .tooltip-info2{ opacity: 1; max-width: 500px; width: 500px; left: 12px; top: -145px; height: auto; overflow: visible; transition: opacity 0.3s ease 0.7s; z-index: 9999;}

.icon-right-tooltip {    border: medium none !important;    font-size: 19px !important;    padding: 0 !important;}
.tooltip-info2.popover.right > .arrow {   top: 50%!important;   left: -15px;    top: 48% !important;}
.icon-right-tooltip-info {   border: medium none !important;   color: #000 !important;   font-size: 19px !important;   margin: -8px -5px 0 0;   padding: 0 !important;}
.info-icon22{
cursor: pointer;
position: absolute;
right: 5px;} .popover-info{ color:#fff;} .img-info{ border:3px solid #fff; } 
.popover-title2 {    font-family: "source_sans_proregular";    font-size: 20px;    font-weight: bold;    margin-bottom: 10px;}
.buttonWhite{ background:#fff; color:#666;}
.dirPage .page_feature { padding-top:15px; margin-top:15px; width: 100%; float: left; border-top: 1px dashed #228aba; position: relative;}
/* -------------- tooltip css ----------------- */

/* -------------- For Contact Page ----------------- */
.map-canv { margin: 10px 0 0 0;}
.webUrl { float: left;white-space: normal; width: 61%;}
/* -------------- For Login Page ----------------- */
.loginPage_condition { background: url("/images/inner-top.jpg") repeat-x scroll 0 0 #D3D3D3; border: 1px solid #CC8282; border-radius: 5px; box-shadow: 0 2px 5px #999999; clear: both; font: 14px/21px 'CalibriRegular', Arial, Helvetica, sans-serif; margin: 10px auto; padding: 15px 10px;}
.re-weet { color: #000;}
/* -------------- For Text Page ----------------- */
.service_body {padding: 6px 5px; width: 100%; border-radius: 5px; border: 1px solid #D0D0D0; margin: 0 0 10px 0!important; float: left; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset; background: #fff; position: relative;}.editMyAppPage .service_body textarea {background: none; border: none; box-shadow: none; width:100%; height: 235px; resize: none; font: 13px/21px Arial, Helvetica, sans-serif;}.insert_image { border: 1px dashed #999999; color: #990000; float: right; margin: 15px 15px 20px 0; position: relative; text-align: center; width: 200px; height: 200px; }.insert_image .insert_img {max-width: 200px; overflow: hidden; height: 200px; overflow: hidden; display: block; position: relative; font-size: 12px; }.textPageImage {float: left;margin: 0;width: 100%;}.insert_img img { margin: -2px 0 0 0px; }.insert_image .insert_img input { font-size: 165px; opacity: 0; position: absolute; right: 0; top: 0; }.insert_image .insert_img img{min-height:200px;}
.insert_img img.iaploader{min-height:32px; max-height: 32px; width: 32px; margin-top: 25%;}
.insert_image .close_ins { color: #000; font-size: 20px; position: absolute; right: -10px; top: -14px; cursor: pointer; z-index: 2 }.ins_img { position: absolute; top: -24px; right: 0px; color: #990000; font: 12px/21px Arial, Helvetica, sans-serif; background: #fdfdfd; padding: 0 5px; border: 1px solid #eee; cursor: pointer }.freestamp:before {content: 'Grátis'!important; font-size: 40%!important;}/*.loyalbox .freestamp:before {color:#FFF;}*/.thankstamp:before {content: 'Obrigado!'!important; font-size:40%!important;}.centerAlignIcon { float:none!important; margin: auto;}
.btn_app{position:relative;}
.btn_app .button{ position: absolute !important;
    right: 9px !important;
    top: 7px !important;}

.insert_vid .textVideotube { border: 1px dashed #999999;
    border-radius: 0;
    box-shadow: inherit;
    color: #990000;
    float: right;
    height: 200px;
    margin: 15px 15px 20px 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 200px;}
	.insert_video .close_ins {
    color: #000;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 2;
}
/*----------------- FormBulder Page --------------------------*/
#customFormField li.dactive { background: #fff;}#customFormField li.active { background: #f4f4f4;}
.imgcardheaderImage img, select.multiselect { width: 100%!important;}
/*----------------- Start Style and Navigation ---------------*/
.gray_box_div {width:100%;box-sizing:border-box;font-family: 'open_sansregular';font-size:19px;color:#5e5e5e;margin-bottom:15px;}
.gray_box_div h4{font-size: 16px;}
.gray_box_div span.smallp, .smallp{font-size: 12px;}
.brand-Identity_div {width:100%;}
.grayHeading {width: 100%;margin: 10px 0;float: left;}
.grayHeading h3 {display: inline-block;padding: 5px 15px;margin:11px 0;}
a.expand-arrow {background: #d7d7d7;float: right;padding: 4px 10px;}
.gray-inner-box {background:#fff;width:100%;float: left;margin: 5px 0 10px; position: relative;border: 1px solid #ececec;border-radius: 5px;}
.gray-inner-box ul {margin: 0;padding: 0;list-style: none;}
.app-splash-name {padding:10px 10px 10px;width:100%;}
.navigation-layout-style {padding: 10px 0 10px 10px;width:100%;}
.page-layout-style {padding: 10px;float: left;width:100%;}
span.smallp, .smallp { display: block;
    font-size: 12px;
    margin-top: 0 !important;}
#backgroundlibCat li > a {    
    padding: 10px;
}
.smallp ul, .smallp ol { margin: 0; padding: 0 0 0 20px;}
.app-splash-name a {display:inline-block;text-decoration:none;}
.app-splash-name li {
    display: inline-block;
    font-size: 13px;
    float: left;
    width: 21.33%;
    margin: 0 6%;
}
.image_box_bg {background: #eee; border: 1px dashed #228aba; border-radius: 5px;margin: 10px 0 0;padding: 5px;position: relative;float: left;}
#commonform .image_box_bg  {background: #228aba;width: 70px;height: 70px;}
#commonform .image_box_bg:hover .selecticon{opacity: 1;transition: all 0.5s ease-in-out;}
.image_box_bg .logoiconimg img { width: 80px; height: 80px;}
.app-background .image_box_bg {background: #fff;border: 1px dashed #228aba;border-radius: 5px;margin:0; padding: 0; position: relative; float: left; max-height: 153px;}
.selectElementIcon { border: none;}
.app-background .image_box_bg img { margin: 0; padding:4px; border: 0;}
.backAnimFrame {width: 48%; border: 1px dashed #228aba; height: 150px; float: left; margin: 0 5px 5px 0; position: relative;}
.backAnimFrameLands {width: 24%; border: 1px dashed #228aba; height: 100px; float: left; margin: 0 1px 5px 4px; position: relative;}
.animLands { width: 550px; margin: 10px auto; /*height: 368px;*/ border: 1px dashed #228aba; overflow:hidden;}
.backAnimBtn { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0 ); color: #3e3e3e; box-shadow: 0 1px 0px rgba(255, 255, 255, 0.9), 0 2px 2px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; text-shadow: 0 1px #fff; position: absolute; overflow: hidden; left:50%; margin-left:-50px; top: 35%; padding: 7px 10px;cursor: pointer; width: 100px; height: 35px; font-size: 15px; line-height: 22px;}
.backAnimFrameLands .backAnimBtn {/* left: 12% !important;*/}
.backAnimBtn input { opacity: 0; position: absolute; z-index: 4; top: 0; left: 0; cursor: pointer;}
.backAnimPreviw { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0 ); color: #3e3e3e; box-shadow: 0 1px 0px rgba(255, 255, 255, 0.9), 0 2px 2px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; text-shadow: 0 1px #fff; position: absolute; overflow: hidden; left: 30%; top: 45%; padding: 5px 10px;cursor: pointer;}
.animLands .backAnimPreviw { left:45%!important; top: 48%!important;}
.backAnimFrame .backAnimBtn, .backAnimFrameLands .backAnimBtn { display: none;}
.backAnimBtn .iconz-upload::before {
  
    position: relative;
    top: 2px;
}
.backAnimFrame:hover .backAnimBtn, .backAnimFrameLands:hover .backAnimBtn { display: block;}
.appIcon {font-size: 50px;line-height: 1; display: block; text-align: center; color: #5e5e5e; padding: 7px 10px; min-width: 70px; min-height: 70px;}
/*.image_box_bg:hover {border: 1px dashed #95b10c;}*/
.stylenav_app_name {float:left;	width:80%;padding-bottom:15px;}
.stylenav_app_name input, .stylenav_app_name select {width:100%;}
.app-splash-name.dark-gray, .page-layout-style.dark-gray {padding-bottom:15px;background: #dddddd;}
aside.app-splash-name.dark-gray{padding-bottom: 34px;}
.tp_head {padding:15px;}
.small-heading {font-size:14px;color:#3e3e3e;}
.tp_head > span {float: right;padding-right: 145px;}
.wall-app-background {padding: 0px 0px 10px 10px;width:100%;}
/*.onOffButtonCont {
    float: right;
    font-size: 15px;
    margin: 0 0 0 15px;
    position: relative;
    width: 65px; 
}	
.onOffButtonCont input {
    cursor: pointer;
    height: 30px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 65px;
    z-index: 9;
}

.onOffButtonCont .onOffButton {
    border: medium none;
    border-radius: 18px;
    height: 29px;
    overflow: hidden;
    width: 65px;
}

.onOffButtonCont .onOffButton span {
    display: inline-block;
    float: left;
    height: 35px;
    width: 100%;
}
.onOffButtonCont .onOffButton span strong {
    display: inline-block;
    padding: 4px 0;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    width: 50%;
}

.onOffButtonCont .update-on strong {
    margin: 0 50% 0 0;
}
.onOffButtonCont .btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.onOffButtonCont .update-off strong {
    margin: 0 0 0 50%;
}
.onOffButtonCont .btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
}*/
/*-------------- App Background on Style & Nav Tab ----------- */
.row.appBack { margin: 0;}
.row .appBackground { padding-left: 0px; margin-bottom: 15px; cursor: pointer; }.selectElemIconNew.row .appBackground { padding-left: 15px; margin-bottom: 15px; cursor: pointer; }.appBackground img, .appThemeoption img { width: 100%; padding: 1px; border: 3px solid #f4f3f3;  height: auto; }ul.app-background li.activeBg img, ul.app-background li.activeBg div, .activeNavs img, .appOverlay .activeOver {
    border: 3px solid #95b10c;
} .row .col-md-2.appBackground img, .row .col-md-2 .appBackground img {height: 115px;}
.appBackground.activeBg img, .appBackground.activeBg div, .appThemeoption.activeBg img { border: 3px solid #95b10c;transition: all .5s ease-in-out;box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);}
.row .activeBg .selection {display: block; background: url(/images/selected-theme.png) no-repeat top right;position: absolute; top: 0; right: 15px; height: 27px;width: 27px; z-index:1;}
.row .editAction.activeBg .selection {right:0px;}
.backgroundAnimation .selection, .appThemeoption.activeBg .selection {right:-1px !important;}.appThemeoption { margin: 0 0 15px 0; cursor: pointer;}
.uploadbgmobile { position: relative; border: 3px solid #ccc; padding: 5px; margin: 0 0 10px 0;} .uploadbgmobile input { position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; opacity: 0;  cursor: pointer;} .uploadbgmobile .uploadbghover { background: #000; color: #fff; position: absolute; width: 100%; top: 0; left:0; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center;  z-index: 1; opacity: 0; -webkit-flex: 1; transition: all 0.5s ease-in-out; /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;} .uploadbgmobile:hover .uploadbghover {opacity: 0.7;transition: all 0.5s ease-in-out;} .uploadAction { position: absolute; top: -8px; right: -8px; background: #000; color:#fff; padding: 3px 7px; border-radius: 15px; z-index:4; font-size: 12px; cursor: pointer; }.iconsforSmartphones > i { font-size: 35px; margin: 0 10px 0 0; color: #ccc;}.loaderImage { position:absolute; z-index: 99; top: 41%; left: 39%;}.allsizesplash {height: 90px;}.allsizesplash img { height: 100%;}
.sizePortrait {height:150px;}
.sizePortrait .addIcon{margin-top:15px;}
 

.uploadbgmobile .loaderImage {
   
    left: 50%;
    margin-left: -15px;
    position: absolute;
    top: 45%;
    z-index: 99;
}
 .upload-pane .backAnimFrame img {
    height: 100%;
    width:  100%;
}
 .upload-pane .backAnimFrame span img{height:auto;}
.bgNav li a {
    border-bottom: 0 none !important;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 2px !important;
}
 


.editAction {position:relative;}
.editAction .editActioninner { align-items: center;
  background:rgba(0,0,0,.0);
    color: #fff;
    height: 100%;
    justify-content: center;
    left: 0; 
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 0; display:none; border:0px !important;} 
.backgroundAnimation .editActioninner{height:115px;}
.editAction:hover .editActioninner { background:rgba(0,0,0,.5);  display:block;} 
.editAction .editActioninner i.bg-edit-btn {
    left: 50%;
    margin-left: -12px;
    margin-top: -15px;
    top: 50%;
	width:24px; background:#95b10c !important;
}
/* Safari 6.1-8.0 (6.1+) */

/*@media screen and (-webkit-min-device-pixel-ratio:0) { 
     
    ::i-block-chrome,.uploadbgmobile .uploadbghover { padding-top: 3%;}
	 ::i-block-chrome,.sizePortrait .uploadbghover { line-height: 200px;}
}*/
ul.app-background { float: left; width: 100%; margin: 0 0 10px 0; padding: 0; list-style: none;}
ul.app-background li {width:15.5%;float: left;position:relative;margin: 0 1% 0 0;cursor: pointer;}
.modal-body ul.app-background li {width:15.5%; float: left;position:relative;margin: 0 1% 1% 0;cursor: pointer;}
ul.app-background li .selection, .select-navigation-app .selection, .appOverlay li .selection {display: none;}
ul.app-background li.activeBg img, ul.app-background li.activeBg div, .select-navigation-app .activeNavs img, .appOverlay .activeOver {border: 3px solid #95b10c;box-shadow: 0 0 12px rgba(152, 152, 152, 0.6);transition: all 0.5s ease-in-out;}
ul.app-background li.activeBg .selection, .select-navigation-app .activeNavs .selection, .appOverlay li.activeOver .selection  {display: block;	background: url(/images/selected-theme.png) no-repeat top right;position: absolute;top: 0;right: 0;height: 27px;width: 27px;}
.app-background img, .app-background div {width: 100%; min-height: 119px; padding: 4px; border: 3px solid #f4f3f3;}
#myModalbgupload .app-background img{height:auto;}
ul.app-background li:last-child {margin-right:0px;}
ul.app-background .uploadBg {margin: 0 15px 10px 0; text-align: center;background: #fff; width: 15.5%; min-height: 144px;}
ul.app-background .uploadBg a {font-size: 15px;color: #dbdbdb;}
ul.app-background .uploadBg span {font-size: 65px;display: block;}
.image_box_bg .selecticon {
	background: rgba(0,0,0,0.4);
	color: #fff;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	text-align: center;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	opacity: 0;
	-webkit-flex: 1;
	transition: all 0.5s ease-in-out;
	-ms-flex: 1;
	flex: 1;
	border-radius: 3px;
}
.image_box_bg:hover .selecticon{
	opacity: 1; transition: all 0.5s ease-in-out;
}
#commonform .image_box_bg .selecticon {
	background:rgba(0,0,0,0.4);
color: #fff;
position: absolute;
width: 100%;
top: 0;
left: 0;
text-align: center;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
opacity: 0;
-webkit-flex: 1;
transition: all 0.5s ease-in-out;
-ms-flex: 1;
flex: 1;}
/*.image_box_bg:hover .selecticon, #commonform .image_box_bg:hover .selecticon {color: #95b10c; text-decoration: none;}*/
.selecticon .select_btn {border-radius: 100px;float: right;height: 24px;width: 24px;color: #fff;}
.input-text label {font-size: 14px; font-weight: normal; text-indent: 5px;}
.input-text label input, .input-text label select { margin-top: 5px;}
/*-------------- style & navigation ---------------*/
.tooltip.fade { background: none!important;}
.navigation-bx {min-height: 95px; float: left; width: 100%;}
ul.navigation-bx li {padding: 0 0 10px 5px;float: left;	border-left: 1px solid #eee;}
ul.navigation-bx li:first-child {border: none;}
ul.navigation-bx li.action {float:left;width: 18%;}
ul.navHeadAction li { margin: 0; padding: 0; border: none;}
.pageTextAlign a, .pageTextAlign label {font-size: 15px; padding: 1px 5px; display: inline-block; border-radius: 5px; margin: 5px 1px 0 0; background: #ccc; color: #fff; text-align: center; padding:5px 7px;} 
.pageTextAlign a { font-size: 14px; display: inline-block; border-radius: 5px; margin: 0px 3px 0 0; background: #ccc; color: #fff; min-width: 30px; text-align: center; padding: 5px; position: relative;} .pageTextAlign label input { position: absolute; z-index: 1; width: 100%; height: 100%; top:0; left: 0;  cursor: pointer; opacity: 0;}
.pageTextAlign a.actalign, .pageTextAlign label.actalign {background: #228aba;}
.samplePageIcon { font-size: 35px;}
ul.navigation-bx li.property {float:left;width: 79%; padding: 0 0 15px 20px; box-sizing:border-box;border:0;}
ul.navigation-bx li + li select {margin: 0 0 5px 0;float: left; /*width: 105px;*/}
ul.navigation-bx li p {text-align:left;padding-bottom:8px;}
ul.navigation-bx li.action a {font: bold 19px/35px "Times New Roman", Times, serif;text-align: center;display: inline-block;float: left;height: 32px; margin: 5px 5px 0 0;width: 32px;background: #ddd;border:1px solid #333;border-radius:5px;color: #333;}
ul.navigation-bx li.action a:hover, ul.navigation-bx li.action a.active {background: #fff;color: #228aba;border-color: #228aba;text-decoration: none;}
.navigation-bx span.smallp {display: block; font-size: 12px; padding: 4px 0 0 0; text-align: left;}
.textinput {font-family: times new roman;font-size: 28px;font-weight: bold;line-height: 22px;background:#FFF;border:1px solid #dddddd;border-radius:3px;padding:2px 4px;}
.select-navigation-app {padding: 0px 10px 0;width:100%;}
.select-navigation-app ul li {float: left; width:18%;min-height: 190px; margin: 0 1%;text-align: center; cursor: pointer; position: relative;;}
.select-navigation-app ul li span {display: block; font-size: 12px; padding: 5px;}
.select-navigation-app li img {width: 100%; border: 2px solid #f4f3f3; padding: 3px;}
.navheaderUpload {border: 1px dashed #333; text-align:center; position: relative; height: 47px; margin: 3px 0 0 0; font-size: 20px; width: 75%; overflow:hidden; cursor: pointer; background: #fff;} .navheaderUpload img { width: 100%; height: 100%;}.navHeaderImg { width: 100%;}
.headerTextElements {margin-top: 9px;}
.navheaderUpload input { height: 35px; width: 100%; position: absolute; top: 0; opacity: 0;}
.navColor-option ul {margin: 5px 0;padding: 0;}
.navColor-option {width:100%;float:left;}
.navColor-option ul li {display: inline-block;}
.navColor-option ul li span, .navigation-layout-style ul.nav-lay-pr span, .page-layout-style ul.nav-lay-pr span {float: left;height: 20px;margin: 0 5px 0 0;width: 20px;cursor:pointer;border-radius:3px;border:1px solid #b8b8b8;}
.nav-lay-pr { font-size: 12px; width: 100%;float: left;list-style: none;}
.nav-lay-pr li { display: inline-block;}
.nav-lay-avdsett { font-size: 12px;}
.nav-lay-avdsett ul li { margin: 15px 10px 0 0; display: inline-block;}
.nav-lay-avdsett label { font-weight: normal;}
.nav-lay-pr li { float: left; margin: 0 10px 0 0; width: 18%;}
.nav-lay-pr li .pickerConteiner { margin: 6px 0 0 0;}
.appBg-content .navColor-option ul li span, .appBg-content .navigation-layout-style ul.nav-lay-pr span, .appBg-content .page-layout-style ul.nav-lay-pr span {
   
    height: 30px; 
    width: 30px;
}
.appBg-content .navColor-option ul{margin:0px;}
.page-layout-style .nav-lay-pr li {display: inline-block;margin: 8px 8px 0 0; width: 15%}
.nav-lay-pr li select {font-size: 12px; margin: 5px 0 0 0;}
.headerTextElements li { border: none!important; float: left; width: 20%; font-size: 11px;}
.headerTextElements li select {margin:0!important;width: 100%!important;}
.headerTextElements [class^="col-"], .headerTextElements [class*=" col-"] { padding-left: 5px; padding-right: 5px;}
.headerColor-option a {float: left; padding: 11px 0 0 0;font-size: 12px;}
.headerColor-option span {float: left;height: 20px;margin: 0 5px 0 5px;width: 20px;cursor:pointer;border-radius:3px;border:1px solid #b8b8b8;}
.backgournd-color-div {padding:10px;background:#fafafa;border:1px solid #dddddd;border-radius:5px;margin: 0 1% 1% 1%;width: 98%;float: left;}
.backgournd-color-div ul li {padding-bottom:5px;font-size: 12px;line-height: 22px;}
.backgournd-color-div ul:last-child li {margin-bottom:0px;}
.backgournd-color-div ul span {padding-left:5px;font-size:12px;color:#626262;float:left;padding-top:3px;}
.redlite {background-color:#f94643;}
.red {background-color:#f94643;}
.gray {background-color:#bababa;}
.blue {background-color:#42a7cd;}
.yellow {background-color:#fad156;}
.green {background-color:#90cc4f;}
.colorSelect-input {float:right;}
.small-input {clear:both;padding-bottom:35px;}
.small-input.input-text select {width:111px;border-radius:0px;padding:3px 5px;float:right;}
.selectAppIcon li {display: inline-block; list-style: none; width: 10%; font-size: 35px; margin: 5px 0 0 5px; text-align: center;}
.selectAppIcon li a {display: inline-block; border: 1px solid transparent;}

.selectElemIcon li {display: inline-block; list-style: none; width: 10%; font-size: 25px; margin: 5px 0 0 5px; text-align: center;}
.selectElemIcon li a {display: inline-block; border: 1px solid transparent; color:#ccc; padding:0 5px; border-radius: 5px;}
.selectElemIcon li.active a { border: 1px solid #95b10c; color:#95b10c;}
 .selectElemIcon li a:hover{ border: 1px solid #000; color:#000;}
.selectImgActive .img-thumbnail{border: 2px solid #95b10c !important;}
.selectEveBlo li {display: inline-block; list-style: none; margin: 5px 0 0 5px; text-align: center; width:11.5%; transition: all 0.5s ease 0s; float: left; min-height: 81px; cursor: pointer; position: relative; line-height:14px;}
.selectEveBlo li a { display: block; font-size: 25px; text-align: center; background:linear-gradient(to bottom, #fefefe 1%, #fcfcfc 11%, #f4f4f4 39%, #eaeaea 69%, #efefef 78%, #fefefe 95%) repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 5px; border: 1px solid #b9b9b9; border-radius: 5px; color: #95b10c; line-height: 35px;}
.no-touch .selectEveBlo li:hover {-webkit-transform: translateY(-5px);
transform: translateY(-5px);}
.selectEveBlo li:hover a { color: #228aba;}
.selectEveBlo li small {font-size: 10px;}
/*.no-touch .selectEveBlo li small { display: none;}
.selectEveBlo li:hover small { display: block;}*/
.dirVideo li {margin: 5px 5px 0 0px; width:65px;}

/*--------------------- Start App Overlay --------------------*/
.appOverlay {padding:0 0 10px 10px;width:98%;float:left;}
.appOverlay li{width: 12.5%;overflow:hidden;position:relative;float:left;border:4px solid #f4f3f3;margin-right:2%;cursor: pointer;}
.appOverlay li div {width: 94%;height: 75px;overflow:hidden;position:relative;margin: 3%;border: 1px solid #ccc;background: #fff;}
.appOverlay.aoverSelected span {box-shadow: 0 2px 3px 3px #333;display: inline-block;height: 100px;left: -73px;position: absolute;top: -7px;transform: rotate(131deg);width: 199px !important;}
.appOverlay li:last-child {margin-right:0px;}
.appOverlay span {-webkit-transform: rotate(135deg); /* Safari and Chrome */-moz-transform: rotate(135deg);   /* Firefox */	-ms-transform: rotate(135deg);   /* IE 9 */	-o-transform: rotate(135deg);   /* Opera */	transform: rotate(135deg);	position:absolute;	left:-78px;	top:-12px;	-webkit-box-shadow: 0px 2px 3px 3px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */	-moz-box-shadow:    0px 2px 3px 3px #333;  /* Firefox 3.5 - 3.6 */	box-shadow:         0px 2px 3px 3px #333;	display: inline-block;	height: 70px;	width: 153px!important;}
.appOverlay span.green {background: #76a925; /* Old browsers */	background: -moz-linear-gradient(45deg, #76a925 0%, #6c9c22 45%, #6c9c22 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #76a925), color-stop(45%, #6c9c22), color-stop(100%, #6c9c22)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(45deg, #76a925 0%, #6c9c22 45%, #6c9c22 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(45deg, #76a925 0%, #6c9c22 45%, #6c9c22 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(45deg, #76a925 0%, #6c9c22 45%, #6c9c22 100%); /* IE10+ */	background: linear-gradient(45deg, #76a925 0%, #6c9c22 45%, #6c9c22 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76a925', endColorstr='#6c9c22', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.appOverlay  span.blue {	background: #2384a8; /* Old browsers */	background: -moz-linear-gradient(45deg, #2384a8 0%, #2a81a2 46%, #307e9c 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #2384a8), color-stop(46%, #2a81a2), color-stop(100%, #307e9c)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(45deg, #2384a8 0%, #2a81a2 46%, #307e9c 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(45deg, #2384a8 0%, #2a81a2 46%, #307e9c 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(45deg, #2384a8 0%, #2a81a2 46%, #307e9c 100%); /* IE10+ */	background: linear-gradient(45deg, #2384a8 0%, #2a81a2 46%, #307e9c 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2384a8', endColorstr='#307e9c', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.appOverlay span.red {	background: #d70200; /* Old browsers */	background: -moz-linear-gradient(45deg, #d70200 0%, #c80a07 46%, #a01f1b 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #d70200), color-stop(46%, #c80a07), color-stop(100%, #a01f1b)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(45deg, #d70200 0%, #c80a07 46%, #a01f1b 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(45deg, #d70200 0%, #c80a07 46%, #a01f1b 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(45deg, #d70200 0%, #c80a07 46%, #a01f1b 100%); /* IE10+ */	background: linear-gradient(45deg, #d70200 0%, #c80a07 46%, #a01f1b 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70200', endColorstr='#a01f1b', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.appOverlay span.orange {	background: #fc5d1c; /* Old browsers */	background: -moz-linear-gradient(45deg, #fc5d1c 0%, #ee5416 46%, #d1410a 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fc5d1c), color-stop(46%, #ee5416), color-stop(100%, #d1410a)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(45deg, #fc5d1c 0%, #ee5416 46%, #d1410a 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(45deg, #fc5d1c 0%, #ee5416 46%, #d1410a 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(45deg, #fc5d1c 0%, #ee5416 46%, #d1410a 100%); /* IE10+ */	background: linear-gradient(45deg, #fc5d1c 0%, #ee5416 46%, #d1410a 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5d1c', endColorstr='#d1410a', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.appOverlay span.yellow {	background: #f7b105; /* Old browsers */	background: -moz-linear-gradient(45deg, #f7b105 0%, #f5a807 46%, #f09608 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f7b105), color-stop(46%, #f5a807), color-stop(100%, #f09608)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(45deg, #f7b105 0%, #f5a807 46%, #f09608 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(45deg, #f7b105 0%, #f5a807 46%, #f09608 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(45deg, #f7b105 0%, #f5a807 46%, #f09608 100%); /* IE10+ */	background: linear-gradient(45deg, #f7b105 0%, #f5a807 46%, #f09608 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b105', endColorstr='#f09608', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.appOverlay span.black {
	background: rgba(19,19,19,1);
background: -moz-linear-gradient(-45deg, rgba(19,19,19,1) 0%, rgba(76,76,76,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(19,19,19,1)), color-stop(100%, rgba(76,76,76,1)));
background: -webkit-linear-gradient(-45deg, rgba(19,19,19,1) 0%, rgba(76,76,76,1) 100%);
background: -o-linear-gradient(-45deg, rgba(19,19,19,1) 0%, rgba(76,76,76,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(19,19,19,1) 0%, rgba(76,76,76,1) 100%);
background: linear-gradient(135deg, rgba(19,19,19,1) 0%, rgba(76,76,76,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c', GradientType=1 );
}
.appOverlay span.transparent {background: url("https://d2wuvg8krwnvon.cloudfront.net/newui/images/pixlate-bg.png") repeat;}
/* ---------------------- Loyalty Page Elements --------------*/
.android-uploadBtn { position:relative; background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #e2e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#e2e2e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
 border:1px dashed #ACACAC;text-align:center}
  .formHeadText { padding: 9%;}
  .android-uploadBtn.smallImg {height: 150px !important;width: 110px !important;}
.android-uploadBtn.smallImg small { font-size: 11px;}
 .android-uploadBtn input{ cursor: pointer;font-size: 25px;padding: 9%;opacity: 0; position: absolute;right: 0;top: -3px;width: 100%; height: 100%;}
.android-uploadBtn strong { clear: both;    color: #666666;    float: left;    font-size: 26px;    text-align: center;    width: 100%;}
.user_publish_details.leaderboard_input input { margin-right:10px;}
.refresh-input {position: relative;}
.refresh-input .hasDatepicker { cursor: pointer;}
.refresh-icon { position: absolute!important; right: 20px; top: 5px; z-index: 9; cursor: pointer;}
.delLoyalImage { position: absolute; top: -12px; right: -8px; cursor: pointer; font-size: 20px; z-index:99;}
.imgcardheaderImage.imgcardbackground_image_1 { line-height: 35%; }
.loyalTooltip, .opentableTt, .pageAction, .pageIconInfo { position: relative; cursor: pointer;}
.loyalTooltipPos span{margin-right:20px;}
.loyalTooltipPos span::after{bottom:10px; top:inherit !important;}
.loyalTooltip span, .opentableTt span, .pageAction span, .pageIconInfo p { display: none;z-index:9; }
.loyalTooltip:hover span { position: absolute; display: block; width: 150px; background: #000; color: #fff; bottom:24px; right: -70px; font-size: 11px; padding: 2px; border-radius: 5px; text-align: center; left:inherit !important;z-index: 99; }
.loyalTooltip span::after {border-color: #000 transparent transparent; border-style: solid;border-width: 8px;content: "";height: 0;left: 65px;    pointer-events: none;position: absolute;top: 100%;width: 0; }
.opentableTt:hover span { position: absolute; display: block; width: 150px; background: #000; color: #fff; bottom:24px; left: -99px; font-size: 11px; padding: 2px; border-radius: 5px; text-align: center; }
.opentableTt span::after {border-color: #000 transparent transparent; border-style: solid;border-width: 8px;content: "";height: 0;right: 35px;    pointer-events: none;position: absolute;top: 35px;width: 0;}
.no-touch .pageAction:hover span { position: absolute; display: block; width: 100px; background: #95b10c; color: #fff; bottom:40px; right: -33px; font-size: 11px; padding: 5px 2px; border-radius: 5px; text-align: center; }
.pageIconInfo:hover p { position: absolute; display: block; width: 100px; background: #95b10c; color: #fff; top:-35px; right: -20px; font-size: 11px; padding: 5px 2px; border-radius: 5px; text-align: center; }
.pageAction span::after, .pageIconInfo p::after {border-color: #95b10c transparent transparent; border-style: solid;border-width: 8px;content: "";height: 0;right:40px;    pointer-events: none;position: absolute;top: 100%;width: 0;}
.loyalTooltip-cvc:hover span { position: absolute; display: block; width: 150px; background: #000; color: #fff; bottom:-6px; right: 28px; font-size: 11px; padding: 2px; border-radius: 5px; text-align: center; left:inherit !important; }
.loyalTooltip-cvc span::after {border-color:transparent transparent transparent #000; border-style: solid;border-width: 8px;content: "";height: 0;left: 150px;    pointer-events: none;position: absolute;top: inherit;width: 0; bottom:10px; }
.videoHelp { border: 2px solid #95b10c; border-radius: 15px; padding: 4px 5px 0;color: #95b10c;top: 3px;}
.videoHelp:hover, .videoHelp:focus { border: 2px solid #228aba; color: #228aba;}
.videoHelp.pageAction span::after {border-color: #228aba transparent transparent;}
.videoHelp.pageAction:hover span {background: #228aba;}
.googleInfo { position: absolute; right: -8px; top: 0; cursor: pointer;}
.cursorDisble { cursor: not-allowed;}
.fullwidth { width: 100%!important;}
/* ---------------------- Pop Up Elements ------------------- */
.uploadSplash {width: 100%;overflow: hidden;}
.iphone_spalsh, .ipad_spalsh, .upload_details { /*min-height: 165px;*/}
.iphone_spalsh img/*, .ipad_spalsh img */{ width: 100%; max-height: 200px;}
.splashOption {width: 100%;clear: both;padding: 10px 0 10px 0;}
.browse_btn { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0 ); color: #3e3e3e; box-shadow: 0 1px 0px rgba(255, 255, 255, 0.9), 0 2px 2px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; float: right; text-shadow: 0 1px #fff; position: relative; overflow: hidden; cursor: pointer}
.browse_btn span {display: block; padding: 6px 12px 6px; }
.browse_btn input { position: absolute; top: -2px; opacity: 0; right: 0; cursor: pointer; font-size: 25px; }
.appIcon-content, .appBg-content {margin: 1px 0 0 0;border: 1px solid #228aba;padding: 10px;overflow: hidden;}
.iap-content {margin: 1px 0 0 0;border: 1px solid #228aba;padding: 10px; float: left; width: 100%;}

/* ------------------------------------------------------------------- Publish Section ------------- */
.publish-section {padding: 0 20px;width: 100%; min-height: 440px;}
.publish-section ul, .support ul {margin: 0;padding: 0;list-style: none;}
.small-grayHeading {color:#848484;font-size:12px;font-family: 'gadugiregular';}
.or {background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/or-bg.png) no-repeat center;float: left;height: 150px;width: 44px; margin: 28% 30px 0 0;text-transform:uppercase;color:#a6a5a5;font: 14px/42px 'open_sansregular';padding:53px 0 0;text-align: center;}
.publishSocial .social-btn ul {	float: left;margin: 35px 0 0 0;}
.publishSocial .social-btn ul li {float:none;overflow:hidden;border-radius:1px;text-align:center;color:#FFF;cursor:pointer;margin-top:45px;width:250px; font-family: 'gadugiregular';position:relative;}
.fbicon {background:#3b5998!important;}


.support {background:#f9f9f9;padding:10px 5px;margin-bottom:11px;}
.support.toBot { position: absolute; bottom: 0; width:100%;text-align: center; }
.support ul li {display: inline-block;padding:1%;width:19%;text-align: center;}
.support ul li:last-child {padding:0px;}
.fbicon a, .googleicon a, .fbicon a:hover, .googleicon a:hover {color: #fff;text-decoration: none;font-size:14px;}
.googleicon {background:#df4a32; position: relative;}
.googleicon span.google-plus {background:url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/google-plus.png) no-repeat 6px center; display: block;padding: 0; text-align: center; position: absolute; top: 0; left: 0; width: 100%;}
.dHeight { height: 50px!important; text-align: center!important; color: #000; font-size: 18px!important; font-family: "source_sans_proregular"!important;}
.dHeightSelect{ -webkit-appearance: menulist-button; line-height:43px !important;}
.dHeight.buttonbottom { color: #fff;}
.fgHeight { height: 50px!important; line-height: 50px !important;}
.button.dHeight { padding: 0 35px!important;}
.googleicon iframe {}
/*------------------------- Simulator Section --------------------*/
#app_phone, #app_phone_seo{float: left; height: 745px; margin: 0 auto 0; padding: 0; width: 377px; position: relative; z-index:0;
    transform: translateX(-60px) translateY(-2%) scale(0.75);
-webkit-transform: translateX(-60px) translateY(-2%) scale(0.75);
-moz-transform: translateX(-60px) translateY(-2%) scale(0.75);
-o-transform: translateX(-60px) translateY(-2%) scale(0.75);
-ms-transform: translateX(-60px) translateY(-2%) scale(0.75);
background: #fff;
border-radius: 30px;
box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 0.25);}
#app_phone_marketplace{height: 745px; margin: 0px auto 0; padding: 0; width: 377px; position: relative; z-index:0;}

.iphone-img { background: url("/images/marketplace/phones/iphoneweb.png") no-repeat scroll center top transparent; }
/*
.iphone { background: url("https://d2wuvg8krwnvon.cloudfront.net/phones/iPhone.png") no-repeat center top transparent;}
.android { background: url("https://d2wuvg8krwnvon.cloudfront.net/phones/android.png") no-repeat center top transparent;}
.window { background: url("https://d2wuvg8krwnvon.cloudfront.net/phones/windows.png") no-repeat center top transparent;}
.blackberry  { background: url("https://d2wuvg8krwnvon.cloudfront.net/phones/blackberry.png") no-repeat center top transparent;}
.amazon { background: url("https://d2wuvg8krwnvon.cloudfront.net/phones/amazon-fire.png") no-repeat center top transparent;}
*/
#appDemo, #appDemo_seo {height: 570px; position: absolute; width: 320px; z-index: 11; overflow: hidden; background-size: 100% 100%!important;}
.iphone #appDemo, .iphone-img #appDemo, .iphone #appDemo_seo { left: 31px; top: 78px;}
.android #appDemo {left: 29px; top: 79px;}
.window #appDemo {left: 28px; top: 72px;}
.blackberry #appDemo {left: 27px; top: 73px;}
.amazon #appDemo {   left: 29px;
    top: 89px;}
.backgroundAnimation.simu {  height: 570px;
    overflow: hidden;
    width: 320px;}
.backgroundAnimation.tab { width: 84.6%; left: 1px; top: 75px;}
.iphone .backgroundAnimation.simu, .iphone-img .backgroundAnimation.simu {left: 3px; top:78px;}
.android .backgroundAnimation.simu {top: 79px;}
.window .backgroundAnimation.simu {left: -1px;
    top: 72px;}
.blackberry .backgroundAnimation.simu {
    left: -3px;
    top:96px;}
.amazon .backgroundAnimation.simu {top:89px; }
#nav.affix {position: fixed;top: 0;width: 100%;z-index:10;}
#app_phone.affix {position: fixed; top: 30px;}
.switch {position:absolute;right:-66px;top:133px; z-index: 99;}
.switch li {width:50px;height:50px;border-radius:50%;border:3px solid #e1e0e0;margin-top:10px;cursor:pointer; list-style: none; text-align: center; font-size: 25px; line-height: 42px; color:#e1e0e0; position: relative; background: #fff;-webkit-backface-visibility: hidden;}
.switch li.activeDev, .switch li:hover, .switch li.resetApp:hover {border:3px solid #228aba; color:#228aba;}
.switch li.resetApp {border:3px solid #311106; color:#311106;}
.switch li.android .active {width:50px;height:50px;border-radius:50%;border:3px solid #e1e0e0;margin-top:10px;}
.switch li span.deviceLinks { font-size: 12px; position: absolute; display: none; border: 1px solid #e1e0e0; color: #000; width: 250px; right:14px; top: 0; z-index: -1; background: #fff; border-radius: 20px 0 0 20px; text-align: left; padding: 0 0 0 10px; -webkit-backface-visibility: hidden;}
.switch li:hover span.deviceLinks { display: block;}
.switch li span.deviceLinks a { margin: 0 0 0 10px;}
.switch_mob { margin: 0 auto;text-align: center; display: none;}
.switch_mob li {width:48px; display:inline-block; height:48px; border-radius:50%; border:3px solid #e1e0e0; margin:1%; cursor:pointer; list-style: none;font-size: 25px; line-height: 42px; color:#e1e0e0; position: relative; background: #fff;}
.switch_mob li.activeDev, .switch_mob li:hover {border:3px solid #228aba; color:#228aba;}
.switch_mob li.android .active { width:50px;height:50px;border-radius:50%;border:3px solid #e1e0e0;margin-top:10px;}
.switch_mob li span.deviceLinks { font-size: 12px; position: absolute; left: -100%; z-index: 2; display: none; border: 1px solid #e1e0e0; color: #000;top: 46px;background: #fff; border-radius: 20px; padding: 0 10px; white-space: nowrap; }
.switch_mob li:hover span.deviceLinks { display: block;}
.switch_mob li span.deviceLinks a { margin: 0px;}
.android .device-content {margin-left: 29px;margin-top: 80px;}
.window .device-content {margin-left: 26px;margin-top: 99px;width:323px;}
.blackberry .device-content {margin-left: 28px;margin-top: 96px;}
.modal-tablets{ width: 992px; margin: 2% auto;}

.panelmarket {      -webkit-perspective: 600px;        perspective: 600px; height:175px; }
.panelmarket .front { min-height:180px;  background-color: #f5f5f5; border-radius:4px;    border: 1px solid #e3e3e3;    z-index: 900;     -webkit-transform: rotateX(0) rotateY(0);    transform: rotateX(0) rotateY(0);    -webkit-transform-style: preserve-3d;     transform-style: preserve-3d;    -webkit-backface-visibility: hidden;          backface-visibility: hidden;       -webkit-transition: all .4s ease-in-out;           transition: all .4s ease-in-out;}
.panelmarket.flip .front { min-height:180px; background-color: #f5f5f5;    border: 1px solid #e3e3e3;  z-index: 900;     -webkit-transform: rotateY(179deg);     transform: rotateY(179deg);}
.panelmarket .back {   min-height:180px;  z-index: 800;     border-radius: 4px;    border: 1px solid #3eb7ef;   background: #3eb7ef; -webkit-transform: rotateY(-179deg);     transform: rotateY(-179deg);-webkit-transform-style: preserve-3d;   transform-style: preserve-3d; -webkit-backface-visibility: hidden;            backface-visibility: hidden;    -webkit-transition: all .4s ease-in-out;   transition: all .4s ease-in-out;}
.panelmarket.flip .back { min-height:180px;  z-index: 1000;    background: #3eb7ef;    -webkit-transform: rotateX(0) rotateY(0);    transform: rotateX(0) rotateY(0);     border-radius: 4px;}
.btn-share-market{ background:#3eb7ef; padding: 0 10px;} .btn-share-market i{ color:#fff; font-size:20px;} .btn-share-market2{ background:#fff;   margin: -1px -2px 0 0;  padding: 0 14px;}
.btn-share-market2 i{ color:#8c8c8c; font-size:20px;} .share-market img{ margin-right:5px; margin-top:25px;} .qr-market{   margin: -9px 0 0;}
.icon-twitter-market i{ color:#ffffff; font-size:44px;}
.icon-facebook-market { background: #fff;  border-radius: 24px;   display: inline-flex;   height: 36px;   margin-right: 5px;    width: 40px;} 
.icon-facebook-market i {   color: #3a5998;   font-size: 44px;    margin: -11px 0 0 -1px;}
.icon-gplus-market { background: #fff;  border-radius: 24px;   display: inline-flex;   height: 36px;   margin-right: 5px;    width: 40px;} 
.icon-gplus-market i {   color: #dc4e41;   font-size: 44px;    margin: -11px 0 0 -1px;} .share-market{  color: #fff;    font-size: 14px;    margin-top: 15px;} .creat-left{  left: -79px;}
.fr-left {    left: -76px; background: #fb4a00;}
/* ------------------------ Page Level Background  -----------------------*/
.pageLevelBackground { height: 570px; overflow: hidden; position: absolute; width: 320px; background-size: 100% 100%!important; background-position: center top!important;}
.tabletScreen .pageLevelBackground { height: 537px; overflow: hidden; position: absolute; width: 100%; background-size: 100% 100%!important; background-position: center top!important;}
.pageLevelContent {overflow-x:hidden; width: 106%; overflow-y: scroll; height: 570px;}
.tabletScreen .pageLevelContent {overflow-x:hidden;   height: 537px; width: 102%;}
.tabletScreen.window .pageLevelContent{height: 422px;}
.bottomview.pageContentBottomview {height:466px;}
/* ------------------------ Ecom Page Level Background  -----------------------*/
.ecompageLevelBackground { height: 570px; overflow: hidden; position: absolute; width: 320px; background-size: 100% 100%!important; background-position: center top!important;}
.tabletScreen .ecompageLevelBackground { height: 537px; overflow: hidden; position: absolute; width: 100%; background-size: 100% 100%!important; background-position: center top!important;}
.ecompageLevelContent {overflow-x:hidden; width: 106%; overflow-y: scroll; height: 570px;}
.tabletScreen .ecompageLevelContent {overflow-x:hidden;   height: 537px; width: 102%;}
.tabletScreen.window .ecompageLevelContent{height: 469px;}
#app_phone .bottomview .ecompageLevelContent, #app_phone_marketplace .bottomview .ecompageLevelContent {height: 512px !important;}
.bottomview .ecompageLevelContent .ecom-page-section .btm-tab{bottom: 57px !important;}
/*------------------------- Tablet Simulator Section --------------------*/
.tabletScreen.android, .tabletScreen.amazon {width: 990px; height: 680px; background:url(https://d2wuvg8krwnvon.cloudfront.net/phones/amazon.png) no-repeat center;}
.tabletScreen.iphone {width: 990px; height: 680px; background:url(https://d2wuvg8krwnvon.cloudfront.net/phones/ipad.png) no-repeat center;}
.tabletScreen.amazon { width: 990px; height: 680px; background:url(https://d2wuvg8krwnvon.cloudfront.net/phones/amazon.png) no-repeat center;}
.tabletScreen.window { width: 990px; height: 680px; background:url(https://d2wuvg8krwnvon.cloudfront.net/phones/window-tab.png) no-repeat center;}
.tabletScreen #appDemo {height: 537px; overflow: hidden; background-size: 100% 100%!important; }
.tabletScreen.android #appDemo, .tabletScreen.amazon #appDemo {margin: 52px 77px; width: 84.7%; position: relative; float: left; top:0; left:0;}
.tabletScreen.iphone #appDemo {margin: 54px 140px; float: left; width: 73%; position: relative; top:0; left:0;}
.tabletScreen.window #appDemo {margin: 84px 78px; position: relative; float: left;  width: 84.5%; height: 469px;top:0; left:0;}
.tabletScreen.iphone .backgroundAnimation.tab {left:3px; top: 72px; width: 73%;}
.tabletScreen.android .backgroundAnimation.tab {top: 73px;}
.tabletScreen.window .backgroundAnimation.tab { left: 1px; top: 105px; width: 84.5%;} .tabletScreen.window .backgroundAnimation.tab img { height: 470px!important;  min-height: 470px!important;}
.tabletScreen.blackberry .backgroundAnimation.tab {top: 96px;}
.tabletScreen.amazon .backgroundAnimation.tab {top: 73px;}
.tabletScreen .spalsh { height: 100%; width: 100%; max-width: 1024px; max-height: 768px;}
.tabletScreen.android .bottomview, .tabletScreen.amazon .bottomview{ height:477px !important;}
.tabletScreen.iphone .bottomview{ height:477px!important;}
.page-content { color: #fff; }
.tabletScreen .page-content{ height:537px; padding: 0px 65px 0 0;} 
.tabletScreen.window .page-content{ height:469px!important; padding: 47px 65px 0 0;}.tabletScreen.window .page-content.bottomview{ height:414px!important; padding: 47px 65px 0 0;}
.tabletScreen .page-text { width: 99.5%;}
.tabletScreen .khanSearch { min-height: 392px;}
.tabletScreen .app_navigation_matrix li, .tabletScreen .app_navigation_matrix2 li  { height:90px;
    margin: 4% 0 10px 40px;
    width: 95px !important;}
/*.tabletScreen.iphone .app_navigation_matrix li, .tabletScreen.iphone .app_navigation_matrix2 li  {   margin: 4% 0 0 4%; width: 12.1%;}*/
.tabletScreen .app_navigation_matrix li img, .tabletScreen .app_navigation_matrix2 li img { width: 100%;}
.tabletScreen iframe { width: 100%; min-height: 490px;}
.tabletScreen.android .page-content, .tabletScreen.amazon .page-content, .tabletScreen.window .page-content { width: 103.33%;}
.tabletScreen .page-content{ width: 103%;!important}
.tabletScreen.iphone .page-content{ width: calc(100% + 41px);}
.tabletScreen .feeds_main{ height:402px; width: 104%;}
.tabletScreen.iphone .feeds_main{ width: 105%;}
.tabletScreen .page1Height .page-text, .tabletScreen .page1Height .magneto-inner { width: 98%;}
.tabletScreen  {height: 490px;}
.tabletScreen .audio_list {margin-left:28px;} .tabletScreen.iphone .audio_list {margin-left:38px;}

.tabletScreen.appleTv {
    height: 550px;
    margin: 0 auto;
    width: 872px; position:relative;
	background:url(https://d2wuvg8krwnvon.cloudfront.net/phones/apple-tv.png) no-repeat top center;
}
.tabletScreen.appleTv #appDemo {
   background-size: 100% 100% !important;
    float: left;
    height: 507px;
    left: 0;
    margin: 9px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 98%;
}
.tabletScreen.appleTv button.close {
     position:absolute;
    right: -20px;
    top: -20px;
}
 
.tabletScreen.appleiWatch {
    background:url("https://d2wuvg8krwnvon.cloudfront.net/phones/apple-iwatch.png") no-repeat center top;
    height: 670px;
    margin: 0 auto;
    position: relative;
    width: 368px;
}
.tabletScreen.appleiWatch #appDemo {
    background-size: 100% 100% !important;
    float: left;
    height: 295px;
    left: 58px;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: 186px;
    width: 237px;
}
.tabletScreen.appleiWatch button.close {
     position:absolute;
    right: -20px;
    top: -20px;
}

/*------------------------- Footer Section --------------------*/
#footer {}
.foter-home-nav {background:#1a1a1a;display:inline-block;width:100%;padding:10px 0;color:#545d60;margin-top:40px;}
.foter-home-nav .nav-wrap {max-width:1000px;margin:0 auto;}
.foter-home-nav .nav-wrap ul {text-align:center;margin:10px 0;}
.foter-home-nav .nav-wrap ul li {list-style-type:none;display:inline-block;float:none;color:#808080;border-right:1px solid #333333;font-size:12px;margin: 6px 0;}
.foter-home-nav .nav-wrap ul li a {padding: 0 10px;font-family: 'gadugiregular';color:#ffffff;}
.foter-home-nav .nav-wrap ul li a:hover {color:#ffffff;}
.foter-home-nav .nav-wrap ul li:last-child {border:none;}
.foter-home-nav .nav-wrap p strong {color:#108ec9;text-transform:uppercase;font-weight:normal;}
.foter-home-nav .nav-wrap p {font-size:12px;text-align:center;font-family: 'gadugiregular';}
ul#menu-footer-menu {margin:0;padding:0;float:left;width:100%;}
ul#menu-footer-menu li:first-child {background:none;padding-left:0;}
ul#menu-footer-menu li a:hover {color:#DE4E00;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
ul#menu-footer-menu li.menu-item-77 { /*background:none;padding-left:0;*/}
.copyright { color: #7a7a7a; font: 12px/21px Arial, Helvetica, sans-serif; clear: both; padding: 5px 0; }
.copyright a { color: #fc9400; padding: 0 0 0 10px;}

/* ------------------------ Validation Section --------------------*/
.input-help {display: none;position:absolute;z-index: 100; bottom: 43px; min-width:200px; max-width:300px;padding:10px;background:#fefefe;font-size:.875em;  border-radius:5px;box-shadow:0 1px 3px #aaa;border:1px solid #ddd;opacity: 0.9;}
.input-help::before {border-color: #ff0000 transparent transparent;border-style: solid;border-width: 8px;content: "";	height: 0; left:-8px;margin-left:50%; pointer-events: none; position: absolute; bottom: -16px; width: 0;}
/* Always hide the input help when it's pristine */
input.ng-pristine + .input-help {display: none;}
/* Hide the invalid box while the input has focus */
.ng-invalid:focus + .input-help {display: none;}
/* Show a blue border while an input has focus, make sure it overrides everything else */
/* Overriding Twitter Bootstrap cuz I don't agree we need to alarm the user while they're typing */
input:focus {color: black;border-color: rgba(82, 168, 236, 0.8) !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;}
/* Show green border when stuff has been typed in, and its valid */
.ng-dirty.ng-valid {border-color:#3a7d34;}
/* Show red border when stuff has been typed in, but its invalid */
.ng-dirty.ng-invalid { /* border-color:#ec3f41;*/}
/* Show the help box once it has focus */
.immediate-help:focus + .input-help { display: block;}
/* Immediate help should be red when pristine */
.immediate-help.ng-pristine:focus + .input-help {  border-color:#ec3f41;}
.immediate-help.ng-pristine:focus + .input-help::before {  color:#ec3f41;}
/* Help hould be green when input is valid */
.ng-valid + .input-help {  border-color:#3a7d34;}
.ng-valid + .input-help::before {  color:#3a7d34;}
/* Help should show and be red when invalid */
.ng-invalid + .input-help {  display: block;  border-color: #ec3f41;}
.ng-invalid + .input-help::before {  color: #ec3f41;}
.alertRelative { position: relative; } .addMoreAlert {position:absolute; z-index: 100; bottom: 40px; right: 15px; max-width:250px;padding:10px;background:#fefefe;font-size:.875em;  border-radius:5px;box-shadow:0 1px 3px #aaa;border:1px solid #f00;opacity: 0.9; word-wrap: break-word;} .pageNameAlert {position:absolute; z-index: 100; bottom: 45px; left: 5px; width:250px;padding:10px;background:#fefefe;font-size:.875em;  border-radius:5px;box-shadow:0 1px 3px #aaa;border:1px solid #f00;opacity: 0.9;} .appNameAlert {position:absolute; z-index: 100; top: 0px; left: 114px; width:250px;padding:10px;background:#fefefe;font-size:.875em;  border-radius:5px;box-shadow:0 1px 3px #aaa;border:1px solid #f00;opacity: 0.9;}  .errorAlert {position:absolute; z-index: 100; bottom: 40px; left: 15px; width:250px; padding:10px;background:#fefefe;font-size:.875em;  border-radius:5px;box-shadow:0 1px 3px #aaa;border:1px solid #f00;opacity: 0.9;}.navHeaderAlert {position:absolute; z-index: 100; bottom: 75px; left: 290px; width:250px;padding:10px;background:#fefefe;font-size:.875em;  border-radius:5px;box-shadow:0 1px 3px #aaa;border:1px solid #f00;opacity: 0.9; word-wrap: break-word;}
.addMoreAlertTextarea {position:absolute; z-index: 100; top: -12px; right: 15px; width:250px;padding:10px;background:#fefefe;font-size:.875em;  border-radius:5px;box-shadow:0 1px 3px #aaa;border:1px solid #f00;opacity: 0.9;}
.addMoreAlert::before, .addMoreAlertTextarea::before, .pageNameAlert::before, .appNameAlert::before, .navHeaderAlert::before { border-color: #ff0000 transparent transparent;border-style: solid;border-width: 8px;content: ""; height: 0; right:20%;margin-left:50%; pointer-events: none; position: absolute; bottom: -16px; width: 0;}
.errorAlert::before { border-color: #ff0000 transparent transparent;border-style: solid;border-width: 8px;content: ""; height: 0; left: 10px; pointer-events: none; position: absolute; bottom: -16px; width: 0;}
.addMoreAlert .icon-cancel, .addMoreAlertTextarea .icon-cancel, .errorAlert .icon-cancel, .pageNameAlert .icon-cancel, .appNameAlert .icon-cancel, .navHeaderAlert .icon-cancel, .maxCharAlert .icon-cancel  { border: 1px solid #f00; padding: 0 5px; display: inline-block; border-radius: 5px; margin: 0 0 0 5px; color: #f00;}
.maxCharAlert {position:absolute; z-index: 100; bottom: 40px; right: -45px; width:220px;padding:10px;background:#fefefe;font-size:.875em;  border-radius:5px;box-shadow:0 1px 3px #aaa;border:1px solid #f00;opacity: 0.9; word-wrap: break-word; color:#000;}
.maxCharAlert::before { border-color: #ff0000 transparent transparent;border-style: solid;border-width: 8px;content: ""; height: 0; right: 50px;margin-left:50%; pointer-events: none; position: absolute; bottom: -16px; width: 0;}
.forBig { bottom: 50px!important;}
.Alert_XL{  
    bottom: 110px; 
    right: 0;
    width: auto; 
}
.addAlertTop{
    bottom: inherit;
    top: -30px;
}
.altpost {
    bottom: 52px;
	top: inherit;
	right: 15px;
	left: auto;
}
.page-controller {
    background-size: 100% 100% !important;
    position: relative;
    z-index: 3;
}
#add-new-product .addMoreAlert{max-width:200px;}
.stylenav_app_name .addMoreAlert {bottom:50px;} 
/* ------------------- Market Place ------------------------*/
.marketPlaceCats {color:#fff; border-radius:10px; font-size: 11px; margin-bottom:10px; padding: 5px 0 0 0; min-height: 100px; cursor: pointer;}
.marPlacecatIcon {display: block; font-size: 40px;}.mpappLogo {min-height: 110px; max-height: 110px;} .mpappPlateform { padding: 5px 10px; border-radius: 5px;} .mpappPlateform a { color: #fff; font-size: 20px;}
.mpapplink a { color: #fff;}.mpAppbox { height: 206px;}
/*==================== !! Page Details Page  !! ========================*/
.app_inner_page .app-deatils { padding:10px; overflow:hidden; }
.app-icon { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; color:#4d4d4d; box-shadow:1px 1px 2px rgba(136, 136, 136, 0.5) inset; padding:5px; margin:0 10px 0 0; overflow:hidden; float:left; background:#fff; border:1px solid rgba(180, 180, 180, 0.7); }
.appsButton { cursor: pointer; display: block; float: left; z-index: 12; position:relative; min-width:88px; font:  13px/18px 'CalibriRegular', Arial, Helvetica, sans-serif; text-align:center; margin:0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:#4d4d4d; box-shadow:0px 0px 3px rgba(136, 136, 136, 0.7); border:1px solid rgba(193, 193, 193, 0.7); background: #fafafa; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 11%, #ffffff 16%, #f3f3f3 62%, #f0f0f0 87%, #f7f7f7 92%, #fdfdfd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(11%, #ffffff), color-stop(16%, #ffffff), color-stop(62%, #f3f3f3), color-stop(87%, #f0f0f0), color-stop(92%, #f7f7f7), color-stop(100%, #fdfdfd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 0%, #ffffff 11%, #ffffff 16%, #f3f3f3 62%, #f0f0f0 87%, #f7f7f7 92%, #fdfdfd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 0%, #ffffff 11%, #ffffff 16%, #f3f3f3 62%, #f0f0f0 87%, #f7f7f7 92%, #fdfdfd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafafa 0%, #ffffff 11%, #ffffff 16%, #f3f3f3 62%, #f0f0f0 87%, #f7f7f7 92%, #fdfdfd 100%); /* IE10+ */ background: linear-gradient(to bottom, #fafafa 0%, #ffffff 11%, #ffffff 16%, #f3f3f3 62%, #f0f0f0 87%, #f7f7f7 92%, #fdfdfd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fdfdfd', GradientType=0 ); /* IE6-8 */
}
.appsButton span { width: 80px; display:block; margin:5px 5px 0px; height: 80px; }
.appsButton span img{ height:75px; width:75px;}
.app-deatils strong { color:#a1ba2c; font:24px/25px CalibriRegular, Arial, Helvetica, sans-serif }
.cat-type { font:italic 15px/18px CalibriRegular, Arial, Helvetica, sans-serif; color:#5c6065; display:block; }
.cat-type a { color:#3a3a3a; }
.seprate { border-top: 1px solid #FFFFFF; box-shadow: 0 1px 0 rgba(100, 100, 100, 0.7); clear: both; float: left; margin: 20px 5px; overflow: hidden; width: 98%; }
.rating { color:#595959; font:22px/20px Arial, Helvetica, sans-serif }
.rating_head { float:left; margin:0 10px 0 0px; width:115px; height:20px; background:url(/images/marketplace/rating.png) top left repeat-x; position:relative; }
.rating_head span { height: 20px; left: 0; position: absolute; top: -1px; background:url(/images/marketplace/rating.png) bottom left repeat-x; }
.rating span { font:13px/18px Arial, Helvetica, sans-serif; color:#555555; }
.app_options { width:100%; display:block; float:left; }
.app_options ul { float: left; margin: 20px 3px 0 }
.app_options ul li { float: left; min-height: 210px; font: 20px/21px CalibriRegular, Arial, Helvetica, sans-serif; list-style: none outside none; padding: 0 6px; text-align: center; }
.app_options ul li a { clear:both; padding:10px 0 0 0; display:block; }
.splash_text { padding: 10px; float:left; width:97%; font:12px/18px Arial, Helvetica, sans-serif; }
.splash_text ul { float: left; margin: 0px 3px 0 }
.splash_text ul li { padding:0px; margin:0 3px }
.splash_text img { width:130px; border:1px solid #333; }
.app_inner_page .app_options:last-child { border:none; box-shadow:none; }
span[itemprop="reviewCount"], span[itemprop="reviewRating"], span[itemprop="ratingCount"], span[itemprop="ratingValue"], div[itemprop="offers"], .publsh_details, .author {display: none;}
.splash_text ul li {float: left;list-style: outside none none; min-height: 210px; padding: 0 6px;text-align: center;}
/*------------------------- Pricing Plan Section --------------------*/
.plan-section { max-width: /*980px*/ 100%; color:#727272; padding: 60px 0 0 0; font-size: 13px;}
.plan-section small { font-size: 11px;}
ul.tabbx li {  float: left;   list-style:none; width:25%;}
ul.tabbx_reseller li { list-style-type:none;}
.tabbx_reseller .col-md-3, .tabbx_reseller .col-md-4, .tabbx_reseller .col-md-6 { padding-left:0px !important; padding-right:0px !important;}
.panel-collapse ul.tabbx_reseller li { left:0px;}
.gold-plan {position: relative; top: -34px;}
.second-section, .third-section, .fourth-section, .fifth-section{border:1px solid #ccc;background:#fff;}
.fourth-section{box-shadow: 10px -10px 5px #CCC;  box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); left: 0;  position: relative;}
.brown-bg { background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/chocolate-price-bg.png) repeat-x left top #b47c3c;}
.green-bg {background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/green-price-bg.png) repeat-x left top #5ac5a1;}
.yellow-bg {background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/yellow-price-bg.png) repeat-x left top #f9c134;}
.gray-bg { background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/gray-price-bg.png) repeat-x left top #b4b6bf;}
small.currentPlan {
    color: #222;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
}
.publishbtn {padding:10px 0; text-align: center;}
.app-promotion-plan ul.tabbx > li { width: 33.3%;}
.app-promotion-plan .price-header { height: 32px;}
.app-promotion-plan .plan-inner-content { padding: 0;}
.yellow-bg.gold-plan.goldheight { line-height: 0; padding-top: 34px;}
.plan-section.app-promotion-plan {  padding-left: 70px;}
.app-promotion-plan ul.tabbx > li:first-child { position: relative;}
.app-promotion-plan .yellow-bg {background:#93a1a4;}
.app-promotion-plan .gray-bg { background: #7a7c88;}
.pubBrown{ padding:5px 12px; border:1px solid #bb8449;font-size:12px; color:#fff!important; text-decoration:none;
background: rgb(206,166,124); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlYTY3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNjllNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(206,166,124,1) 0%, rgba(198,158,112,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,166,124,1)), color-stop(100%,rgba(198,158,112,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(206,166,124,1) 0%,rgba(198,158,112,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(206,166,124,1) 0%,rgba(198,158,112,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(206,166,124,1) 0%,rgba(198,158,112,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(206,166,124,1) 0%,rgba(198,158,112,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cea67c', endColorstr='#c69e70',GradientType=0 ); /* IE6-8 */
}
.pubGreen{padding:5px 12px; border:1px solid #41b48d;font-size:12px; color:#fff!important; text-decoration:none;background: rgb(100,202,168);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0Y2FhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MGFlOGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(100,202,168,1) 0%, rgba(80,174,141,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,202,168,1)), color-stop(100%,rgba(80,174,141,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(100,202,168,1) 0%,rgba(80,174,141,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(100,202,168,1) 0%,rgba(80,174,141,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(100,202,168,1) 0%,rgba(80,174,141,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(100,202,168,1) 0%,rgba(80,174,141,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64caa8', endColorstr='#50ae8d',GradientType=0 ); /* IE6-8 */
}
.pubYellow{padding:5px 12px; border:1px solid #e6a301; font-size:12px; color:#fff!important; text-decoration:none;
background: rgb(250,193,12); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYzEwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2IxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(250,193,12,1) 0%, rgba(247,177,1,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,193,12,1)), color-stop(100%,rgba(247,177,1,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(250,193,12,1) 0%,rgba(247,177,1,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(250,193,12,1) 0%,rgba(247,177,1,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(250,193,12,1) 0%,rgba(247,177,1,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(250,193,12,1) 0%,rgba(247,177,1,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac10c', endColorstr='#f7b101',GradientType=0 ); /* IE6-8 */
}
.pubGray{padding:5px 12px; border:1px solid #83858e; font-size:12px; color:#fff!important; text-decoration:none;
background: rgb(196,197,207); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0YzVjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTliYTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(196,197,207,1) 0%, rgba(153,155,165,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,197,207,1)), color-stop(100%,rgba(153,155,165,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(196,197,207,1) 0%,rgba(153,155,165,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(196,197,207,1) 0%,rgba(153,155,165,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(196,197,207,1) 0%,rgba(153,155,165,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(196,197,207,1) 0%,rgba(153,155,165,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c5cf', endColorstr='#999ba5',GradientType=0 ); /* IE6-8 */
}
.price-header { color: #fff; /*height: 160px; */padding-top: 10px; text-align: center; position:relative;}
.price-header p.nonCap_txt{padding-bottom:10px;}
.whitis-bg { background-color: #ffffff;}
.plan-inner-content { padding: 0px 0px 0;}
.plan-inner-content ul.centerList li{ text-align:center; width:auto; float:none; padding:10px 0px; background:#ebebeb; overflow:hidden;}
.plan-inner-content ul.centerList li.grayli {background:#f5f5f5}
.plan-inner-content ul.centerList li.grayli span{margin-right:5px;}
.pricetag {border-radius: 50%;  height:74px; margin: 9px auto 6px; width:74px;}
.white-circle { background-color: #fff; -moz-box-shadow:    inset 0 0 5px #000000; -webkit-box-shadow: inset 0 0 5px #000000; box-shadow:inset 0 0 5px #000000;}
.fistPrice-div ul > li {width:100%; padding: 10px 0; border-bottom:1px solid #d4d4d4;	font-size:12px; text-align:right;}
.plan-inner-content.fistPrice-div li:last-child { border-bottom:none;}
.plan-inner-content.fistPrice-div { padding: 0; border:1px solid #d4d4d4; display:inline-block; border-top-left-radius:10px; border-bottom-left-radius:10px; border-right:none;}
.android-color { color: #98b214; }.apple-color { color: #6e6e6e; }.windows-color { color: #38c6e9; }.amazon-color { color: #f2a350; }
span.priceWrite-icon{background:url(/images/write-price.png) no-repeat center center; padding:10px; clear:both;}
span.html5-icon{background:url(/images/planImages/html5-icon.png) no-repeat center center; padding:10px;}
span.android-icon{background:url(/images/planImages/android-icon.png) no-repeat center center; padding:10px;}
span.apple-icon{background:url(/images/planImages/apple-icon.png) no-repeat center center; padding:10px;}
span.window8-icon{background:url(/images/planImages/window8-icon.png) no-repeat center center; padding:10px;}
span.blackberry-icon{background:url(/images/planImages/blackberry-icon.png) no-repeat center center; padding:10px;}
span.amazone-icon{background:url(/images/planImages/amazone-icon.png) no-repeat center center; padding:10px;}
span.cross-icon{background:url(/images/cross-icon.png) no-repeat center center; padding:10px;}
.rate{color: #a05a0a; font-size: 1.2em;font-weight: bold; padding-top: 20px; text-align: center;}
p.nonCap_txt {text-transform: initial;}
.third-section .rate{color:#2da87e;}
.fourth-section .rate{color:#ddba04;}
.fifth-section .rate{color:#595a63;}
.rate > span { color: #333; font-size: 14px; font-weight: normal;}
.basic_bg{ background:#5ac5a1; color:#0a6848; text-align:center; padding:10px 0; width:100%; display:inline-table;}
.free_bg { background:#b47c3c; color:#552d00; text-align:center; padding:10px 0; width:100%; display:inline-table;}
.gold_bg { background:#f9c134; color:#986d00; text-align:center; padding:27px 0; width:100%; display:inline-table;}
.silver_bg { background:#b4b6bf; color:#3b3c43; text-align:center; padding:10px 0; width:100%; display:inline-table;}
 .sec_txt { clear: both;float: left;width: 100%; color:#303030;}
 .centerList small {clear: both;float: left; width: 100%; padding:8px 0;}
 .top_redLabel {background: url("/images/plan_top_red.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);color: #ffffff;font: 14px/26px CalibriRegular,Arial,Helvetica,sans-serif;height: 31px;position: absolute;left: calc(50% - 50px);    text-shadow: none;top: -24px;width: 100px;}
.centerList li { border-bottom:1px solid #fff !important; border-right:none !important; border-top:none !important; border-left:none !important;}
.moneyBack_bnnr {background: url("https://d2wuvg8krwnvon.cloudfront.net/newui/images/15days-banner.png") no-repeat scroll left top / 76% auto rgba(0, 0, 0, 0);height: 60px;left: calc(50% - 70px);position: absolute;top: -34px !important;width: 207px;}
/*----------------- Advance Plan Page -------------------------*/
.days-bnr {/*background: none repeat scroll 0 0 #e4e4e4;border: 1px solid;border-radius: 8px;float: left;margin: 0px 10px 10px;padding: 10px;*/     border-radius: 8px;
    float: left;
    margin: 0 0 10px;
    padding: 10px;}
.life-time-payment-plan{ background: none repeat scroll 0 0 #f4f4f4; border: 1px solid #9d9d9d; border-radius: 5px; clear: both; margin:0 0 10px 0; overflow: hidden; padding: 5px; position: relative;}
/*.life-time-payment-plan div { float:left; }*/
.highlight{-ms-transform: rotate(317deg); -webkit-transform: rotate(317deg);-moz-transform: rotate(317deg);-o-transform: rotate(317deg);writing-mode: lr-tb; background: none repeat scroll 0 0 #9e1922; color: #fff; left: -45px; padding: 40px 39px 6px 28px; position: absolute; top: -18px;}
.new-lifetime-plan{ border:1px solid #858585; margin:0 5px 0 0; padding:5px; width:160px; background:#fff; font:15px/21px CalibriRegular,Arial,Helvetica,sans-serif; text-align:center;}
.new-lifetime-plan span{font-size:13px;}
.new-lifetime-plan .basic-life, .new-lifetime-plan .gold-life, .new-lifetime-plan .platminum-life{font-size:15px; clear:both; display:block;}
.new-lifetime-plan .basic-life{ color:#9e1922; }
.new-lifetime-plan .gold-life{color:#d37301; }
.new-lifetime-plan .platminum-life{color:#969696; }
.new-lifetime-plan a{ width:142; background:#87b323; font: 15px/40px CalibriRegular, Arial, Helvetica, sans-serif; margin:10px auto 0 ; display:block; color:#fff; }
.plan-name{  font: 32px/100px CalibriRegular,Arial,Helvetica,sans-serif; margin:10px 10px 11px 40px;}
/*------------------------- Thanks Page --------------------*/
.thanks_page { padding: 20px; float: left; width: 558px; }
.thanks_page h1 {text-align: center; font: 18px/29px Rockwell, Arial, Helvetica, sans-serif !important; margin: 0 0 15px 0; color: #383838; background:url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/bodyBg.png) repeat-x 0 39px; padding: 0 0 19px 0;}
.planheading {text-align: left; font: 25px/40px Rockwell, Arial, Helvetica, sans-serif !important; margin: 0 0 15px 0; color: #383838;}
.thanks_page p { color: #414141; font: 13px/19px Arial, Helvetica, sans-serif !important; }
.thanks_page .update { position: absolute; bottom: 220px; left: 180px; line-height: 40px; color: #fff; padding: 0 15px }
.thanks_page .bottom { background: url(/images/thanks_bottom.png) no-repeat; width: 601px; height: 187px; position: absolute; bottom: 0px; left: 0px }
.mobileAppDemo {width: 322px; position: relative; overflow: hidden;  background-size: 100% 100% !important;}.modal-body.iphone .mobileAppDemo {height: 570px;
    margin: 70px auto 80px;}.modal-body.android .mobileAppDemo {margin:45px auto 100px; height: 570px;}.modal-body.window .mobileAppDemo { height: 570px;  margin: 55px auto 60px;}.modal-body.blackberry .mobileAppDemo { height: 560px; margin: 89px auto 80px;}.modal-body.amazon .mobileAppDemo {height: 570px; margin: 70px auto 60px;} .mobileAppDemo .page-content {padding-top: 0;} .mobileAppDemo .page-controller {overflow: hidden;}
.modal-body { /*overflow: hidden;*/}
/*Thanks Page starts*/
.thanks-container { border: 5px solid #228aba;  border-radius: 13px; min-height: 550px;   padding: 15px 0 0;   width: 100%;}
.thanks_page2{  border: 5px solid #228aba;  border-radius: 13px;  min-height: 230px;  padding: 20px;   width: 100%; margin:25px 0 0 0;}
.thanks_page2.thanks_page_su {margin:130px 0 0 0 !important;}
.thanks_page2 h1 {  background: rgba(0, 0, 0, 0) url("https://d2wuvg8krwnvon.cloudfront.net/newui/images/bodyBg.png") repeat-x scroll 0 39px;   color: #383838;    font: 18px/29px Rockwell,Arial,Helvetica,sans-serif !important; margin: 0 0 15px;    padding: 0 0 19px;    text-align: center;}
.box-thanks1 h2, .box-thanks2{font-size:15px; color:#4d4d4d; font-weight:bold; }
.box-thanks1 h2 i, .box-thanks2 h2 i{  width: 25px;  display: inline-block;  line-height: 0; margin:0 0 15px; }
.box-thanks1 ul{ list-style-type:none; margin:0px;padding: 0;}
.box-thanks1 ul li {
    list-style-type: none;
	margin: 5px 0 15px 0;
	color: #b1b1b1;
	width: 100%;
	font-size: 15px;
}
.box-thanks1 ul li i{    color: #d5d5d5;   display: inline-block;  font-size: 17px;   line-height: 0;   width: 25px; text-align:center; margin:0 10px 0 0;} 
.box-thanks1 ul li span{ float:right; display:inline-block; font-size:17px;}
.green-tick{ color:#2db703;} .progress-bar-success {   background-color: #d6d6d6;}
.box-thanks1 ul li.active-line i{    background: #228aba;     border-radius: 50%;    color: #fff;    height: 25px;    line-height: 24px;    text-align: center; margin:0 10px 0 0; font-size:14px;}
.box-thanks1 ul li.active-line {   color:#0f0f0f;} .line-auto{ line-height:inherit!important;}
.panel-process .panel-heading{ background:#a25c0d;} 
.top-thanks{  color:#fff!important; font-weight:bold; font-size:16px;}
.timer-count{
	font-size: 18px;
	color: #659c3a;
	font-weight: bold;
	text-align: center;
	margin: 0;
	font-family: 'open_sansregular';
}
.box-thanks1 .progress{
	margin-bottom: 10px;
}
 .color-panel-box{ border-color:#dddddd;}
ul.thanks-tabs{padding: 0;border: 1px solid #bcbcbc;  border-bottom: 1px solid #bcbcbc!important; border-radius:5px;} ul.thanks-tabs li{ font-size:11px; text-align:center; } ul.thanks-tabs li a{   padding:0 /*18px*/ 0; margin-right: 0; color:#858585;} ul.thanks-tabs li + li + li a{   padding: 0 0px;} ul.thanks-tabs li span {  display: block; font-size: 30px;  height: 38px;  line-height: 38px; text-align: center;}
ul.thanks-tabs li.active a {   background-color: #e4e4e4!important;color: #2e2e2e!important; border-color:#e4e4e4!important;} .qr-code{ font-size: 13px;font-weight: normal; margin: 15px 0 0;}
.box-height{ min-height:415px;} .thanks-tabs > li { /* float: left;   margin-bottom: 0;*/ float: left;  margin-bottom: 0; width: 33.3%;}
 .panel-success { border-color:#8ea70f;} .panel-success > .panel-heading { background-color:#8ea70f; color:#fff;}
 .text-code{ width:250px;}
.flip-container {	-webkit-perspective: 1000;	-moz-perspective: 1000;	-ms-perspective: 1000;	perspective: 1000;	-ms-transform: perspective(1000px);	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;	-ms-transform-style: preserve-3d;	}
.flip-container.hover .back {	-webkit-transform: rotateY(0deg);	-moz-transform: rotateY(0deg);	-o-transform: rotateY(0deg);	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);}	
.flip-container.hover .front {-webkit-transform: rotateY(180deg); 	-moz-transform: rotateY(180deg);	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);}
.flipper {	-webkit-transition: 0.6s;	-webkit-transform-style: preserve-3d;	-ms-transition: 0.6s;	-moz-transition: 0.6s;	-moz-transform: perspective(1000px);	
-moz-transform-style: preserve-3d;	-ms-transform-style: preserve-3d;	transition: 0.6s;	transform-style: preserve-3d;	position: relative;}
.front, .back {	-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden;	-ms-backface-visibility: hidden;	backface-visibility: hidden;	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;	-webkit-transform: rotateY(0deg);	-moz-transition: 0.6s;	-moz-transform-style: preserve-3d;	-moz-transform: rotateY(0deg);
	-o-transition: 0.6s;	-o-transform-style: preserve-3d;	-o-transform: rotateY(0deg);	-ms-transition: 0.6s;	-ms-transform-style: preserve-3d;	-ms-transform: rotateY(0deg);
	transition: 0.6s;	transform-style: preserve-3d;	transform: rotateY(0deg);	position: absolute;	top: 0;	left: 0; width:100%;}	
.front {	-webkit-transform: rotateY(0deg);	-ms-transform: rotateY(0deg);	z-index: 2;}
.back {		-webkit-transform: rotateY(-180deg);	-moz-transform: rotateY(-180deg);	-o-transform: rotateY(-180deg);	-ms-transform: rotateY(-180deg);	transform: rotateY(-180deg);}

.ng-box-container{ width:100%; margin:60px auto 0;}
.heading-top { color: #383838;  font: 30px Rockwell,Arial,Helvetica,sans-serif !important; margin: 10px 0 15px;   text-align: center;    width: 100%;}
.photo-name-file{font-size:12px; margin-top:5px; word-wrap: break-word;}
.drag-button-photo{ background:#f5f5f5; border:1px dashed #cccccc; padding:20px; text-align:center;}
.drag-button-photo input[type="file"]{ height:66px;}
.input-hide-file {cursor: pointer;font-size: 25px;opacity: 0;position: absolute;right: 0;top: -2px;overflow: hidden;}
.bg-pop-tarns {
    background:url("https://d2wuvg8krwnvon.cloudfront.net/newui/images/pixlate-bg.png") repeat 0 0;
    border: 4px solid #ffffff;
   
}
.publishSocial .social-btn.f-left {
    width: 100%;
}
.list-group .list-group-item .preview span img {
    display: inline-block;  
	cursor: move;    
}
.list-group .list-group-item .preview span img:active {  
	cursor: move;  
}
 .tabletScreen .centerdList {
    width: 91%; padding: 2% 3%;
}
.grn{position:relative;}
/*NEW CSS*/
.cursor-pointer{cursor:pointer;}
.insertconcls .videoIcon {
    float: none;
    margin: 0;
}
.del-btn{margin-left: 10px;
    position: relative;
    top: -5px;}
.coup-bx .red-astrick {
    position: absolute;
    right: 9px;
    top: 3px;
}
.successBx{margin:0px auto; display:table;}
.successBx .col-md-4{min-width:370px;}
.offsetbottom15{margin-bottom:15px;}
.offsettop15{margin-top:15px !important;}
.offsettop18{margin-top:18px}
.offsettop10{margin-top:10px;}
.offsettop5{margin-top:5px;}
.offsetbottom5{margin-bottom:5px;}
.offsetbottom10{margin-bottom:10px;}
.offsetbottomnone{margin:0px !important;}
.offsetbottom40{margin-bottom:40px;}
.offsettop0{margin-top:0 !important;}
.offsetbottom0{margin-bottom:0 !important;}

.gra_bx_inside{position:relative; display:inline-block; width:100%;}
.dHeight_210{height:225px !important;}
.dHeight_310{height:275px !important;}

.modal-header{

}
.modal-content {
    border: 1px solid #8e8e8e;
    overflow: hidden;
}
.modal-header h4 {
    font-size: 16px !important;
    font-weight: bold;
}
.modal-header .close {
    color: #333;
    float: right;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.7;
    text-shadow: 0 1px 0 #fff;
}
	
/*For Switch Button in Style&navigation page*/
.headerTextElements {
    font-size: 13px;
}
.can-toggle {
 float: right;
    margin: 3px 5px 7px;
    position: relative;
    width: 90px; overflow:hidden;
}
.can-toggle *, .can-toggle *:before, .can-toggle *:after {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
.can-toggle input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.can-toggle input[type="checkbox"][disabled] ~ label {
  pointer-events: none;
}
.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {
  opacity: 0.4;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
  content: attr(data-unchecked);
  left: 0;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  content: attr(data-checked);
}
.can-toggle label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
		  width:100%;
}
.can-toggle label .can-toggle__label-text {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 32px;
}
.can-toggle label .can-toggle__switch {
  position: relative;
}
.can-toggle label .can-toggle__switch:before {
  content: attr(data-checked);
  position: absolute;
  top: 0;
  text-transform: uppercase;
  text-align: center;
  cursor:pointer;
}
.can-toggle label .can-toggle__switch:after {
  content: attr(data-unchecked);
  position: absolute;
  z-index: 5;
  text-transform: uppercase;
  text-align: center;
  background: white;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.can-toggle.demo-rebrand-2 input[type="checkbox"][disabled] ~ label {
  color: rgba(68, 68, 68, 0.5);
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch {
  background-color: #EF2929;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  color: #EF2929;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label {
  color: #373737;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label:hover {
  color: #62b125;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch {
  background-color: #95b10c;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  color: #95b10c; 
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
  background-color: #95b10c;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  color: #849d09;
}
.can-toggle.demo-rebrand-2 label .can-toggle__label-text {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;  
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch {
  -webkit-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
          transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  background: #EF2929;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
  color: rgba(255, 255, 255, 0.7);
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  color: #EF2929;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(50px, 0, 0);
          transform: translate3d(47px, 0, 0);
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.can-toggle.demo-rebrand-2 label {
  font-size: 13px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch {
  height: 39px;
  -webkit-flex: 0 0 86px;
      -ms-flex: 0 0 86px;
          flex: 0 0 86px;
  border-radius: 60px; 
 
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
font-size: 13px;
    left: 35px;
    line-height: 40px;
    padding: 0 15px;
    width: 35px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
	
	    border-radius: 30px;
    font-size: 13px;
    left: 2px;
    line-height: 35px;
    top: 2px;
    width: 35px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:hover:after {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.detailorder-listing{list-style:none;}
.detailorder-listing li{list-style:none; width:50%; float:left;}

.py-detail{width:100%; display:inline-block; border-bottom:1px solid #f5f5f5;}
.py-detail-bg{background:#eaeaea; }
.py-detail li{width:20%; float:left; display:inline-block; padding:5px 16px;}
.py-label {
     display: inline-block;
    float: left;
    min-width: 170px;
    text-align: left;
}
.offpaddingleft{padding-left:0px;}
.offpaddingright{padding-right:0px;}
.switch_onOff{margin-top:5px; position:relative;}
.switch_onOff .appCategoryHover:hover .tooltip-info2{top:-82px;}
/*For Switch Button in Style&navigation page*/	

.members-tbox2 .radio-inline{padding-top:0px;}


.tags-market{    background: #fff;   border-radius: 4px;   color: #939292;   display: inline-block;   font-size: 14px;    min-width: 142px;    padding: 5px 25px 5px 7px;  position: relative; margin:0 22px 15px 0; }

.tags-market a{    color: #939292; display:block;}

.tags-market span{ border-radius: 100%;  height: 8px;  position: absolute;   right: 7px;   top: 12px; width: 8px;}

.tags-market::after {border-color: transparent #fff transparent transparent;  border-style: solid;   border-width: 15px;   content: "";   height: 0;   left: -28px;    position: absolute;
    top: 0;    width: 0;}
.wid-auto{ width:23%;} .wid-auto-new{ width:23% !important;}
.plan-name2{ margin: 10px 10px 11px 23px;}
.life-time-payment-plan-new { background: #f4f4f4;  border: 1px solid #9d9d9d;  border-radius: 5px;  clear: both;  margin: 0 0 10px;  overflow: hidden;  padding: 5px;  position: relative;}




@media screen and (-webkit-min-device-pixel-ratio:0) {    
      
	 ::i-block-chrome,.wid-auto{ width:23%;}
	 ::i-block-chrome,.top_redLabel{ left:33%;}
	 
}

/*--------------payment page plan app css starts----------*/
.pay-heading {    font: 22px Georgia,"Times New Roman",Times,serif; color:#131313; margin:0 0 20px; }
.pay-heading33 {    font: 14px Georgia,"Times New Roman",Times,serif; color:#131313; margin:0 0 20px; }
.pay-heading22 {    font: 18px Georgia,"Times New Roman",Times,serif; color:#131313;}
.fl-left{ float:left;}
.payment-bg-box {   background-image: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/card-payment-bg.png);    background-repeat: no-repeat;    background-size: 100% 100%;    display: block;    height: 318px;
    margin: 20px 0;    width: 100%; /*color:#fff;*/}
.payment-bg-box label{ color:#fff;}
.form-pay-new{ padding:60px 0px 0 36px}
.form-pay-new label, .form-pay-new2 label { font-weight:normal; display:block;}
.form-space{  font-size: 19px;    height: 45px;    margin: 5px 0 0;}
.form-space2{  font-size: 14px;    height: 32px;    margin:5px 0 0; width:87px; display:inline-block; text-align:center;}
.form-pay-new2 {    bottom: 43px;    position: absolute;    right: 39px;}
.pos-rel2{ position:relative;}
.bottom-length{ margin-bottom:15px;}
.options-pay  {	padding: 0;display: flex;margin: 0;}
.options-pay  .col-md-4, .options-pay  .col-md-6 {	background-color: #fff;	border: 1px solid #f0f0f0; border-radius:5px;	border-right: none;	text-align: center;	color:#96b200; font-weight:normal;padding: 0 5px;flex: 1;padding: 18px 2px 0;}
.options-pay  .col-md-4:last-child, .options-pay  .col-md-6:last-child {	border-right: 1px solid #f0f0f0;}
.options-pay  .col-md-4 i, .options-pay  .col-md-6 i {	display: block;	font-size: 13px; font-style:normal; color:#272727;    font-weight: bold;}
.options-pay  .col-md-4 .planName, .options-pay  .col-md-6 .planName{font-size: 12px;}
.options-pay  .col-md-4 input, .options-pay  .col-md-6 input {	position: absolute;	z-index: 99;	width: 100%;	height: 100%;	left:0;	top:0;	opacity: 0;	cursor: pointer;}
.options-pay  .col-md-4:hover, .options-pay  .col-md-6:hover {	color: #95b10c;	cursor: pointer;}
.options-pay  .activestep {	color: #0469d3;	height:82px;border: 2px solid #0469d3 !important;	vertical-align: central; border-radius:5px;}
.options-pay  .activestep i{color: #0469d3;}
.box-promo22 {    border-bottom: 1px solid #f0f0f0;    border-top: 1px solid #f0f0f0;    margin: 20px 0 20px 19px;    padding: 10px 0px 10px 3px;    width: 90%;}
.button-pay{ background:#96b100; height:50px; width:100%; font-size:20px !important;}
.supportpay2 {    background: #f9f9f9;    padding: 10px 5px; margin-top:35px; margin-bottom:0px; border-radius:0px 0 13px 13px;}
.supportpay2 ul {    list-style:none;    margin: 0;    padding: 0;}
.supportpay2 ul li {
    display: inline-block;
    padding: 1%;
    text-align: center;
    width: 16.22%;
}
.paymenterrorcolor{color:#FF0000;}
.payment-app-co{   font-size: 17px;    line-height: 28px;    margin: 5% 0 0;}
.word-pay{ word-break:break-all;} .align-rig{ text-align:right;}
.dropdown-new-small{ display: block;  float: none;  margin: 0 auto 31px;  padding: 0;  position: inherit;  text-align: center;  width: 100%;}
.dropdown-new-small > li > a{   padding: 11px 20px;     font-size: 15px;}
.dropdown-new-small > li > a:focus, .dropdown-new-small > li > a:hover {  background-color: #f5f5f5;  color: #262626;  text-decoration: none;}
/*--------------payment page plan app css ends----------*/


/*--------------new payment page plan app css starts----------*/
.paymenttab.list-group-item{   padding: 22px 0; text-align:center;}
.paymenttab.list-group-item.active a{ color:#fff; }
.font-icon-pay{ display:block; font-size:37px;}
.paymenttab.list-group-item.active:after {	border-bottom: 20px solid transparent;   border-left: 20px solid #337ab7;   border-top: 20px solid transparent;   content: "";    height: 0;
    pointer-events: none;    position: absolute;    right: -18px;    top: 38px;    width: 0;}
.payment-bg-grey{ border:1px solid #337ab7;   border-radius:5px;   color: #303030;   font-size: 13px;   font-weight: normal;    padding: 15px;}
.payment-bg-grey label{ margin-bottom:3px;font-size: 12px;}
.paymentBg label{font-size: 12px;}
.card-show-change{ position:absolute; right: 10px;    top: 30px;} .refersh-icon-payment{    cursor: pointer;   position: absolute !important;
    right: 10px;   top: 35px;   z-index: 9;}
.tooltipnepost .refersh-icon-payment{top:38px;}
.loyalTooltip-payment:hover span { background: #000;   padding:8px;  right: -159px;  bottom: -46px;   width: 150px;}	
.loyalTooltip-payment span::after {
    left: -16px;
    top: 43px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 	
	border-right:10px solid #000; 
}
.payment-bg-grey .form-control{height: 45px;padding: 5px 6px;}
.payment-bg-grey .paddingLeft {padding: 0 0 0 15px;}
.paypal-text-pay{  font-size: 14px;    font-weight: bold; } .color-pay{ color:#95b10c;} .paypal-text-pay-mobile{ font-size:14px;  }
.payment-detials-edit{   margin: 0;  padding:0; font-size:14px;} 
.card-icon-payment-mobile {
    color: #ccc;
    font-size: 26px;
    line-height: 1;
    position: absolute !important;
    right: 13px;
    top: 4px;
    z-index: 1;
}
.card-icon-payment-mobile22{ right: 21px;    top: 4px;}
.refersh-icon-payment-device {
    cursor: pointer;
    position: absolute !important;
    left: -24px;
    top: 5px;
    z-index: 9;
    font-size: 15px;
}
.loyalTooltip-payment-device:hover span { background: #000;  bottom: 26px;  padding: 4px;   right: -22px;  width: 110px;}
.loyalTooltip-payment-device span::after {  border-bottom: 10px solid transparent;  border-right: 10px solid transparent; border-top: 10px solid #000;   left: 27px;   top: 77px;}
.align-left{ text-align:left!important;} .supportpay2-payment{ border-radius: 13px; margin: 0 5px 15px;} .payemnt-payp{ margin-bottom:35px;}
.active-for-mobile{ background-color:#337ab7!important; color:#fff!important;} .blk{ display:block;}
.font-12{ font-size:12px;} .font14{ font-size:14px;}

/*--------------new payment page plan app css ends----------*/


ul.list-menu-mobile-plan{ width:100%; margin:0 0 20px;}
ul.list-menu-mobile-plan li{ width:100%; border:1px solid #999ba6; border-radius:5px; display:block; list-style-type:none; padding:10px; margin:0 0 10px; font-size:20px; background:#f3f3f3;  position:relative; }
ul.list-menu-mobile-plan li::after{ border-bottom: 7px solid transparent;  border-left: 7px solid #cccccc; border-top: 7px solid transparent; content: ""; height: 0;pointer-events: none;
position: absolute;    right: 9px;    top: 35px;    width: 0;} 
ul.list-menu-mobile-icoNone li::after{ border-bottom:none; border-left:none;}
ul.list-menu-mobile-plan li a{ color:#337ab7;} .line-name{ line-height:59px;}  
.white-label{ position:absolute; background:#999ba6; top:5px; left:0px; font-size:11px; color:#fff; text-transform:uppercase; padding:3px 14px 3px 9px;  }
.white-label::after { border-bottom: 10px solid transparent;  border-right: 10px solid #f3f3f3; border-top: 10px solid transparent; content: ""; height: 0;pointer-events: none;
position: absolute;    right: 0;    top: 1px;    width: 0;}
.small-detail{ display:block; color:#929397; font-size:10px;}   .plan-name-mob{ font-size:24px;} .plan-name-mob span{ font-size:20px;}
ul.list-menu-mobile-plan li + li{  border:1px solid #f7b201; background:#fffaf0; }
ul.list-menu-mobile-plan li + li + li{  border:1px solid #4eba95; background:#f5fbf9; }
ul.list-menu-mobile-plan li + li + li + li{  border:1px solid #ba8244; background:#fbf8f4; }
.best-value{  background:#f7b201;  } .best-value::after { border-right: 10px solid #fffaf0;}
.no-ads11{  background:#4eba95;  } .no-ads11::after { border-right: 10px solid #f5fbf9;}
.red-pay{ color:#ff0000;}
.default-card-show{  background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/card-default.jpg) no-repeat right;  top:0px; right:0px;  }
.american-card-show{  background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/amrican-new2.jpg) no-repeat right;  top:0px; right:0px;  }
.maestro-card-show{  background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/maestro-new2.jpg) no-repeat right;  top:0px; right:0px;  }
.master-card-show{  background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/master-card-new2.jpg) no-repeat right;  top:0px; right:0px;  }
.discover-card-show{  background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/discover-new2.jpg) no-repeat right;  top:0px; right:0px;  }
.visa-card-show{  background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/visa-new2.jpg) no-repeat right;  top:0px; right:0px;  }
.cal-show{  background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/cal-new.jpg) no-repeat right;  top:0px; right:0px;  }
.plan-name-new{   display: block;    margin: 17px 0 0;} .thanks_page2 .mobile-view-plan h1{  margin: 0 0 0px;    padding: 0 0 0px;}
.button-mob2{ padding:3px 12px;}
.buton-card-smm {    max-width: 100px !important;    min-width: 100px !important;}
.common-tabs{} .common-tabs li{ background:#fff;   border-radius: 4px 4px 0 0;    border: 1px solid #f1f1f1;  margin: 0 9px 0 0; border-bottom:0px;} .common-tabs > li > a{ margin-right:0px;}
.common-tabs li.active a {
    background-color: #fff ;
    border-color: #fff #fff #95b10c ;
    border-style: solid ;
    border-width: 0 0 5px !important;
    color: #228aba ;
}
.common-tabs li a {
    background-color: #fff ;
    border-color: #fff #fff #fff ;
    border-style: solid ;
    border-width: 0 0 5px !important;
    color: #228aba ;
}
.common-tabs.nav-justified > li > a {
    border-bottom: 0 solid #ddd;
}
.bg-edit-btn {
    height: 24px;
    left: 8px;
    padding: 4px 6px;
    right: inherit;
}
.promotionCode{
	background:#19a288;
 	line-height:40px;
  	padding:0 40px 0 10px;
   	margin:0px;
    float:left;
    width:100%;
    color:#014639;
    text-align:center;
    position:fixed;
    left:0px;
    top:0px;
    z-index: 999;
    font-size:14px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    min-height:40px;
    box-sizing:border-box;
}

.promotionCode  a {
   color:#fff;
    text-decoration:none;
}

.promotionCode a.close {
    position:absolute;
    right:5px;
    top:5px;
    background:rgba(0, 0, 0, 0.3);
    width:30px;
    height:30px;
    line-height:30px;
    float:left;
    font-size:16px;
	opacity:1 !important;
	color:#fff;
}
.col-custom-12 {
    position: relative;
     
}
/*Plan Page*/
.planDrop{
    margin: 0 auto;
    max-width: 160px !important;
}
.planDrop button{ width:100%;}
.planDrop:hover button{ border-radius: 5px 5px 0 0;}
.planDrop .Plandropbtn {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 20px;
    line-height: 17px;
    margin: 0 0 0 8px !important;
    padding: 0;
    width: 20px;
}
.plan-inner-content .planDrop .dropdown-menu{  
    border-radius: 0 0 5px 5px;
    margin: 0;
    min-width: 100%;
    overflow: hidden;
    padding: 0;
    width: 100%;
	height: auto !important;}
.plan-inner-content .planDrop .dropdown-menu > li {
   background:none;
    border: 0 none !important;
    float: inherit;
    overflow: inherit;
    padding: 0;
	width:100%;
	 font-size: 13px;
	 text-align:center;
}
.plan-inner-content .planDrop .dropdown-menu > li a{
    color: #fff;
    padding: 8px 5px;}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
.dropdown button:hover { border-radius: 5px 5px 0 0;}
.plan-inner-content .dropdown .dropdown-menu > li:first-child a{border-top:0px;}


.platinumPlanDrop button{background:#26a98f; border:1px solid #26a98f;}
.platinumPlanDrop button:hover, .platinumPlanDrop button:active, .platinumPlanDrop button:focus{background:#26a98f !important; border:1px solid #26a98f !important;}
.plan-inner-content .platinumPlanDrop .dropdown-menu{border: 1px solid #26a98f;}
.plan-inner-content .platinumPlanDrop .dropdown-menu > li a{background: #3ebfa5; border-top: 1px solid #3ebfa5;}
.plan-inner-content .platinumPlanDrop .dropdown-menu > li a:hover{background:#26a98f}

.goldPlanDrop button{background:#f1a02c; border:1px solid #f1a02c;}
.goldPlanDrop button:hover, .goldPlanDrop button:active, .goldPlanDrop button:focus{background:#f1a02c!important; border:1px solid #f1a02c!important;}
.plan-inner-content .goldPlanDrop .dropdown-menu{border: 1px solid #f1a02c;}
.plan-inner-content .goldPlanDrop .dropdown-menu > li a{background: #f1a02c; border-top: 1px solid #f1a02c;}
.plan-inner-content .goldPlanDrop .dropdown-menu > li a:hover{background:#dc8c06}

.basicPlanDrop button{background:#2f4153; border:1px solid #2f4153;}
.basicPlanDrop button:hover, .basicPlanDrop button:active, .basicPlanDrop button:focus{background:#2f4153!important; border:1px solid #2f4153!important;}
.plan-inner-content .basicPlanDrop .dropdown-menu{border: 1px solid #2f4153;}
.plan-inner-content .basicPlanDrop .dropdown-menu > li a{background: #516478; border-top: 1px solid #516478;}
.plan-inner-content .basicPlanDrop .dropdown-menu > li a:hover{background:#2f4153}
/*Plan Page*/
.dropdown-menu.reseller-footer {
    border: 1px solid #5C964F;
    overflow: hidden;
    padding: 0;
    min-width: 147px;
	margin-left:7px;
}

ul.reseller-footer li{}

.reseller-footer li a {
    border-bottom: 1px solid #5C964F;
    color: #fff !important;
    font-size: 12px;
    padding: 5px;
    text-decoration: none  !important;
}
.reseller-footer li a:hover{
	text-decoration: none  !important;
}

.reseller-footer.starter li a:hover {
    background: #A4C767 !important;
}
.reseller-footer.starter li a {
    background: #90af5a !important;
}
	
.reseller-footer.proo li a:hover {
    background: #C0DE5F !important;
}
.reseller-footer.proo li a {
    background: #b0cb58 !important;
}

.reseller-footer.gold li a:hover {
    background: #B1ED64 !important;
}
.reseller-footer.gold li a {
    background: #9fd559 !important;
}

.reseller-footer.platinum li a:hover {
    background: #7AB861 !important;
}
.reseller-footer.platinum li a {
    background: #699f53 !important;
}

.pricing-head h4 .resellerInd span { 
	position: absolute !important;
	top: -2px !important;
	text-align: center !important;
	left: -26% !important;
}
.pricingThree h3, .pricingThree .yellow-crusta.btn {
    background: #9fd559  !important;
}
.ad-btn h4 {
    margin: 5px 0 10px;
}
.pricing-head h4 .resellerInd span { 
	position: absolute !important;
	top: -2px !important;
	text-align: center !important;
	left: -26% !important;
}
.pricingThree h3, .pricingThree .yellow-crusta.btn {
    background: #9fd559  !important;
}
.planDrop {
	margin: 0 auto;
}
/*NEW CSS END*/
.link-success-url {
    word-break: break-all;
}
.button-text:hover{background:#474747; cursor:auto;}
.color-white{ color:#fff!important;} 

/*FaQ CSS Starts*/
.faq_content { 
color: #2B3137;
font-size: 14px;
font-weight: normal;
line-height: normal;
padding: 20px;
margin: 0px auto 10px;
border-radius: 15px;
clear: both;
overflow: hidden;
transition: all 0.5s ease 0s;
background: #FFF none repeat scroll 0% 0%;
position: relative;
box-shadow: 0px 0px 5px #B3B3B3;
}
#mypart h1 {
    color: #2B3137;
    font-size: 24px;
    font-weight: normal;
    line-height: normal;
    margin: 12px 0px;
    text-shadow: 1px 1px 1px #FFF;
    text-transform: capitalize;
}
.faq_contentt .request_btn {
    border-radius: 4px 4px 4px 4px;
    color: #FFF;
    font: 15px/18px GillSansMTRegular;
    height: 36px;
    padding: 10px;
    position: absolute;
    right: 20px;
    background: #7CAA02 none repeat scroll 0% 0%;
}

.faq_contentt  strong {font-weight: normal;
font-size: 17px;
text-shadow: 1px 1px 1px #FFF;
text-transform: capitalize;
line-height: 33px;
}

.myList p{   
    color: #424648;
    margin: 0px 0px 5px;
    text-transform: capitalize;
    font: 18px/30px "RockwellRegular",Arial,Helvetica,sans-serif;
	line-height:40px;
}
.myList li{   
    color: #424648;
    margin: 0px 0px 5px;
    text-transform: capitalize;
    font: 18px/30px "RockwellRegular",Arial,Helvetica,sans-serif;
	line-height:40px;
}
.panel-collapse  li{   
   position:relative;left:9px;
   line-height: 22px;
}
#outer1 {  
	width:73%;    
	position: relative;
    bottom: 22px;}

/*plan new css for mobile*/
.nav-plan { width:100%;}
.nav-plan li{    border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; display: table-cell;  font-size: 14px;  font-weight: bold; text-align: center;  width: 1%;}
.nav-plan li.active a{  color:#000; background:#eee;}
.nav-plan li:last-child{  border-right:1px solid #e5e5e5;}
.nav-plan a{ background:#fff; border-left:1px solid #e5e5e5; color: #767676; padding-top:15px!important; padding-bottom:15px!important;}
.table-plan-new{ margin:30px 0 0 0; font-size:13px;  } .table-plan-new td{  padding-right:20px!important; padding-left:20px!important; vertical-align:middle!important; }
.table-plan-bg{ background:#f8f8f8;  font-size: 20px;} .table-plan-bg span{ margin-top:8px;} .table-plan-bg td{  padding-top:20px!important; padding-bottom:20px!important;}
.plan-month-box td{ padding-top:20px!important; padding-bottom:20px!important;} .plan-month-box span.price{ font-size:25px;}
.table-plan-new .icon-ok-4, .plan-section .icon-ok-4{ color:#95b10c;}
/*plan new css for mobile*/

/*market place css starts*/
.breadcrumb-marketplace{ background:#fff; border:1px solid #dddddd; font-size:14px;}
.breadcrumb-marketplace li a{ color:#97ad3a;}
.breadcrumb-marketplace li:first-child a{ color:#279dc3;}
.breadcrumb-marketplace li:first-child a{ color:#279dc3;}
.breadcrumb-marketplace li a:hover{ text-decoration:none;}
.well-marketlace{ background:#fff; box-shadow:none; padding:15px;}
.icon-market-pic{ margin:0 15px 0 0; }
.right-market-box{ margin:0 0 25px; color:#474747;} .right-market-box h2{ margin:0 0 5px 0; font-size:21px;}  .right-market-box span{ font-size:14px;}
.rating-market{ margin:15px 0;}
.well-marketlace a{ color:#666;} .right-market-box .icon-star-1{ color:#279dc3; font-size:22px;}
.text-avl{ font-size:12px; font-weight:bold;   margin-bottom: 17px;} .top-img-market{ margin-top:15px;} .top-img-market22{ margin-top:35px;} .well-mar{ margin-bottom:10px;}
.box-review-market{ border-top:1px solid #e4e4e4; margin:20px 0 0 0;} .box-review-market h2{ font-size:15px; font-weight:bold; margin:20px 0 15px;}
.rate-market-star .iconz-star{ color:#279dc3; font-size:22px;} .rate-market-star .iconz-star-empty{ color:#cdcbcb; font-size:22px;}
/*market place css ends*/

/* Include this file in your html if you are using the CSP mode. */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {  display: none !important;}
ng\:form {  display: block;}
.ng-animate-shim {  visibility:hidden;}
.ng-anchor {  position:absolute;}
/* Include this file in your html if you are using the CSP mode. */

.betaversion-bg{ background: url(/images/betaVersion-bg.png) no-repeat center; width:163px; height:165px; margin:0 auto;  padding:27px 0 0 0; }
.betaversion-bg span {  color: #c1241d;  font-size: 50px;  font-weight: bold;   padding-left: 5px;} 
.betaversion-bg span span {  color: #313131;  font-size: 28px;  font-weight: bold;   padding-left: 5px; background: url(/images/line-beta.png) no-repeat  -2px bottom;    line-height: 52px;}

/*FaQ CSS END*/
/*.timeDrop .col-md-4{padding-left:0px;}*/
/*Thanks Page ends*/
/*-------------------404 page not found----css----------------*/
.mpart-404 {box-sizing: border-box;margin: -13px auto 0;padding: 0;position: static !important;width: 962px;}
.found-img{text-align:center; margin: 10px 0 20px 0; width:100%; height:auto; background:url(http://www.appypie.com/wp-content/themes/profitbyapps/images/404-image41.jpg) no-repeat  0 0 / 100% auto; position:relative;}
img {border: medium none;max-width: 100%;}
.error-text-box{ position:absolute; left:15%; top:25%; color:#606162; font-size:25px;}
.no-tag-div {animation: 4s ease 0s normal none infinite running swing;margin: 0 auto;transform-origin: 39% 52%;}
@-moz-keyframes swing{0%{-moz-transform:rotate(-8deg)}50%{-moz-transform:rotate(8deg)}100%{-moz-transform:rotate(-8deg)}}
@-webkit-keyframes swing{0%{-webkit-transform:rotate(-8deg)}50%{-webkit-transform:rotate(8deg)}100%{-webkit-transform:rotate(-8deg)}}
@media only screen and (min-width: 768px) and (max-width: 959px) {.mpart-404{ width:95%;} .allAppPages ul li{ width:100px;} .error-text-box{font-size:20px;}}
@media only screen and (max-width: 767px) {.mpart-404{ width:100%; } .display-block{display: inline-block;width: 100%;} .wid-auto{ width:22%;}
.loading-id{box-sizing:border-box; width:100%;   margin:7px 0;}
header .navbar-nav > li > a {
    padding-bottom: 8px;
    padding-top: 8px;
   
}
.loading-id.f-right {
    float: none;
  
}
header .navbar-nav li {
    margin-left:0px;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px;
}
.dropdown-menu { 
    background-color: inherit;
    border:none; 
    box-shadow: none; 
    min-width: 100%; 
}
.globeDropdown {
    float: right;
    padding: 15px 2px 4px;
}
.globeDropdown-content {
    right: -15px;
}
}
@media only screen and (min-width: 360px) and (max-width: 766px) { .allAppPages ul li{ width:88px;} .error-text-box{font-size:12px;}}
@media only screen and (min-width: 320px) and (max-width: 359px) { .error-text-box{font-size:12px; left:9%;} .found-img{ margin: 55px 0 20px;}}
/* ------------------------ Windows Spacific ---------------------------*/
@media screen and (-moz-windows-theme) {.tabletScreen .page-content{ height:/*552px for list view*/ 535px; padding: 0px 65px 0 0;} .tabletScreen.window .page-content{ height:485px; padding: 47px 65px 0 0;} .tabletScreen.android .page-content, .tabletScreen.amazon .page-content, .tabletScreen.window .page-content{ width: 105%;} .tabletScreen.iphone .page-content { width: 106%;}.tabletScreen.android #appDemo, .tabletScreen.amazon #appDemo {margin: 52px 77px; width: 84.6%; position: relative; float: left; top:0; left:0.4px;}.tabletScreen.iphone #appDemo {margin: 54px 140px; float: left; width: 73%; position: relative; top:-2px; left:-3px;}.tabletScreen .feeds_main{ height:402px; width: 106.5%;}.tabletScreen.iphone .feeds_main{ width: 107%;}.tabletScreen.android .bottomview, .tabletScreen.amazon .bottomview, .tabletScreen.iphone .bottomview{ height:492px;} .tabletScreen .tweet_feeds { width:100%;} .tabletScreen.window .page-content.bottomview {    height: 409px !important; }}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tabletScreen.android .page-content, .tabletScreen.amazon .page-content, .tabletScreen.window .page-content { width: 105%;}.tabletScreen .page-content{ width: 106%;}.tabletScreen.android #appDemo, .tabletScreen.amazon #appDemo {left:0.5px;}	.tabletScreen.iphone #appDemo {top:-3px; left:-4px;}.tabletScreen .tweet_feeds { width: 98%;}}

/*------------------------- Responcive Section --------------------*/
@media (min-width: 320px) and (max-width: 568px) 
{
/*ul.tabbx li { width:100% !important; margin:20px 0;}#filtersearch { width:117px !important; margin:0px;}
.app-promotion-plan ul.tabbx li { margin:0px !important;}
ul.tabbx li ul li { margin:0 !important;}
.reseller-table ul.tabbx li { width:100% !important;}
.second-section { margin-bottom:10px !important;}
.third-section { margin-top:50px; }
.fifth-section { margin-top:50px;}
.fourth-section { margin-top:80px;}
.brakests::before, .brakests::after, .brakests, .brakests1, .brakests1::before, .brakests1::after{display:none;}
.plan-section.app-promotion-plan {padding:0px!important; margin-top: 0 !important;}
.yellow-bg.gold-plan.goldheight { padding-top: 0!important; line-height:normal!important;}
#mpart { padding:0 20px;}
.heading5 {line-height:22px;}
.heading3{line-height:27px;}
.full_width h1 { padding:0 10px !important;}
.days-bnr img {    border: medium none;  clear: both; display: block; float: none; margin-bottom: 10px;  text-align: center;}

.plan-section {margin:0px;}
.edu-bnr img{margin-right: 0; width: 100%;}
.third-section {margin-top:0px!important;}
.fourth-section {margin-top:0px!important;}
.fifth-section{margin-top:0px!important;}
.gold-plan {top:0px!important;}*/
}



@media (min-width: 991px){
	.offsetbottomMd10{margin-bottom:10px;}
}
@media (min-width: 991px){
	.offsetbottomMd10{margin-bottom:10px;}
}
/*@media (max-width: 991px){
.planDrop {
    margin:0; 
}
.publishbtn {
    padding: 10px 0 0px 0;
    text-align: center;
    margin: 0px;
}
.planDrop .dropdown-menu{  
    border-radius: 0 0 5px 5px;
    margin: 0;
    min-width: 100%;
    overflow: hidden;
    padding: 0;
    width: 100%;}
.planDrop .dropdown-menu > li {
   background:none;
    border: 0 none !important;
    float: inherit;
    overflow: inherit;
    padding: 0;
	width:100%;
	 font-size: 13px;
	 text-align:center;
	 margin:0px; border-radius:0px;
}
 .planDrop .dropdown-menu > li a{
    color: #fff;
    padding: 8px 5px;}
.platinumPlanDrop .dropdown-menu{border: 1px solid #999ba7;}
.platinumPlanDrop .dropdown-menu > li a{background: #b3b6bf; border-top: 1px solid #999ba7;}
.platinumPlanDrop .dropdown-menu > li a:hover{background:#999ba7}
.goldPlanDrop button{background:#f9be00; border:1px solid #f1ac00;} 
.goldPlanDrop .dropdown-menu{border: 1px solid #f1ac00;}
.goldPlanDrop .dropdown-menu > li a{background: #e9b430; border-top: 1px solid #e3a201;}
.goldPlanDrop .dropdown-menu > li a:hover{background:#f1ac00}
.basicPlanDrop button{background:#51b794; border:1px solid #37a37f;} 
.basicPlanDrop .dropdown-menu{border: 1px solid #37a37f;}
.basicPlanDrop .dropdown-menu > li a{background: #72cbad; border-top: 1px solid #37a37f;}
.basicPlanDrop .dropdown-menu > li a:hover{background:#3d9b79}

}*/

/* Large desktops and laptops */
@media (max-width:1199px){.row .col-md-2.appBackground img, .row .col-md-2 .appBackground img{height:auto;} .successBx .col-md-4{min-width:310px;} .options-pay  .activestep {	height:90px;}
header .navbar-collapse {transition: all 0.0s ease; min-height:39px;}
.sysPagesIcons {
    min-width: 100%;   
}
}



/* Portrait tablets and medium desktops */
@media screen and (min-width:1200px) and (max-width:1300px) {.col-md-8.col-custom-12 {width: 60%;}.appPagesCategory ul li button {font-size: 13px;padding: 15px 10px;} span.smallp, .smallp {font-size: 14px;} .editMyAppPage .page_feature{font-size: 14px;}} 
@media (min-width: 992px) and (max-width: 1199px) {span, p, div, li {transition: all 0.5s ease}.myAppPagesOptions ul li { width: 18.5%;} .appPagesCategory ul li button { font-size: 12px; padding: 15px 10px;}.publishSocial .social-btn ul { width:65%;}.publishSocial .social-btn ul li {  width: 100%!important;}.headerTextElements {font-size: 10px;}.plan-name { font-size: 17px;}  .new-lifetime-plan .basic-life, .new-lifetime-plan .gold-life, .new-lifetime-plan .platminum-life { font-size: 13px;}.plan-section small { font-size: 10px;} .col-md-9.col-custom-12 {width:100%;} #app_phone {    display: none;}.switch_mob {    display: block;}.mobileAppDemo .page-content.height-text, .mobileAppDemo .page-content.height-image {       padding: 47px 24px 0 0 !important; }}

@media (min-width: 992px) and (max-width: 1023px) {.new-lifetime-plan { width: 134px; font-size: 14px;}}

@media (min-width: 1024px) and (max-width: 1199px){.new-lifetime-plan {  width: 23%;   min-height: 148px;}  .new-lifetime-plan a {     bottom: 5px;  position: absolute; width: 95%;}}

@media (max-width:999px){.dHeight_210, .dHeight_310{height:inherit !important; min-height:200px;}.onsetleft0{padding-left:0px !important;}
.billingInfobx.text-right {
    text-align: left;
}}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { .iPadOk { margin-right: 8px; } .loyalTooltip:hover span { font-size: 12px;}
.quizTab .button{margin-bottom: 4px;}

}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {span, p, div, li { transition: all 0.5s ease} #app_phone { display: none;} .clear-cache { display: none;} .switch_mob {display: block;}.modal-body.iphone, .modal-body.android,.modal-body.window, .modal-body.blackberry, .modal-body.amazon {background-size: auto;} .modal-header { overflow: hidden;}.header { position: relative!important; } .popover.add-appPage { display: none;} .or {background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/or-bg-m.png) no-repeat center; float: left; height: 44px; width: 100%; margin: 10px 0 0 0; text-transform:uppercase; color:#a6a5a5; font: 14px/42px 'open_sansregular'; padding:0;text-align: center;}.publishSocial.input-group, .social-btn { width:100%;}.publishSocial .social-btn ul { width: 100%; margin: 15px 0 30px 0;}.publishSocial .social-btn ul li {margin: 15px 0; width: 100%!important;}#customBtnGoogle{width: 100%!important}.support.toBot { width: 100%;}.support ul li { width: 18.5%;}.support.toBot li img { width: 100%;} .navbar-ex1-collapse .buttonGreen, .navbar-ex1-collapse .buttonbottom, .nonm { display: none; } .mobAction { display: block; margin: 20px 0 5px 0;}  #outer.container {padding-top: 70px;} .navbar-header.page-scroll { width: 100%;}.navbar-header.page-scroll.topPad {padding: 51px 0 0;}.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#fff!important;}[class^="col-md-"], [class*=" col-md-"] { margin-bottom: 10px;}.new-lifetime-plan { width: 144px;}.new-lifetime-plan .basic-life, .new-lifetime-plan .gold-life, .new-lifetime-plan .platminum-life { font-size: 14px;}.plan-section small { font-size: 9px;}.myPagesIcons { /*min-width:670px;*/}.myAppPages ul li { width: 100px;} #outer.marketPlace { padding: 0 0 0 0;} .box-height {    min-height: 399px;} .row .appBackground img { min-height: 130px;} .successBx{display:inherit;} .successBx .col-md-4{min-width:100%;}.col-md-8.col-custom-12 .row .col-md-12 {margin: 0;}.plan-name{  font: 21px/100px CalibriRegular,Arial,Helvetica,sans-serif; } .wid-auto{ width:22%;}  .for-main-tab{  margin: -10px 0 0;} .options-pay  .activestep {	height:99px;}
.publishSocial i.nonm {
    display: block;
    text-align: center;
    width: 100%;
}.nav.navbar-nav.navbar-right { font-size: 10px;}.minimizeBtn{top: -92px !important;}.marginNone{margin-bottom:0 !important;}}
/* Landscape phones and portrait tablets */
@media (min-width: 480px) and (max-width: 767px) {span, p, div, li { transition: all 0.5s ease} .logo img {width: 50px;} header .navbar-collapse { margin-top: 0px; transition: all 0.01s ease}  #outer.container {padding-top: 25px;}header .navbar-collapse {background: #f0f0f0;} .tab-links { margin: 0 0 0 0;}.tab-links button span {}.tab-links button { font-size: 14px; min-height: 47px;}.appPagesCategory ul li button { padding: 10px 5px; font-size: 10px; width: 100%;}.appCategory ul li a { font-size: 11px;}.appCategory ul li a span { font-size: 50px;}.top-box .inputBox {width: 80%;} .inputBox input { width: 100%;}ul.app-background .uploadBg { min-height: 125px;}ul.app-background .uploadBg a { font-size: 13px;}ul.app-background .uploadBg span {font-size: 58px;}.appPagesCategory .navbar-nav { margin: 0;}.appPagesCategory .navbar-nav li { float: left;} .myAppPagesOptions ul li {margin: 0 6px 10px;width: 22%;}.myAppPagesOptions ul li a { font-size: 10px;}ul.app-background .uploadBg { width: 15.5%; min-height: 125px;}ul.app-background .uploadBg a { font-size: 13px;}ul.app-background li.activeBg img, .select-navigation-app .activeNavs img, .appOverlay .activeOver { border: 2px solid #95b10c;}.switch_mob {display: block;}.modal-body.iphone {background-size: auto;}.modal-body.android {background-size: auto;}.modal-body.window { background-size: auto;}.modal-body.blackberry  { background-size: auto;}.modal-body.amazon { background-size: auto;}.mobileAppDemo {width: 322px;}.modal-body.iphone .mobileAppDemo {height: 570px;
    margin: 70px auto 80px;}.modal-body.android .mobileAppDemo {margin:45px auto 100px; height: 570px;}.modal-body.window .mobileAppDemo { height: 570px;  margin: 55px auto 60px;}.modal-body.blackberry .mobileAppDemo { height: 560px; margin: 89px auto 80px;}.modal-body.amazon .mobileAppDemo {height: 570px; margin: 70px auto 60px;}.modal-header { overflow: hidden;} .header { position: relative!important; } #app_phone {display: none;}[class^="col-md-"],[class*=" col-md-"]{ margin-bottom: 10px;} .popover.add-appPage { display: none;} .buttonNext { margin: 0; padding: 0 13px;font-size: 13px;line-height: 33px;} .clear-cache { display: none;} .mobAction { display: block; margin: 20px 0 5px 0;}.thanks_page h1 { background: none;} .new-lifetime-plan { width: 100%; margin: 0 5px 10px 0;} .videoTutorial, .btnSroll { display: none;}.navbar-ex1-collapse .buttonGreen, .navbar-ex1-collapse .buttonbottom, .nonm { display: none; } .publishSocial.input-group, .social-btn.f-left { width: 100%;}.or {background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/or-bg-m.png) no-repeat center; float: left; height: 44px; width: 100%; margin: 10px 0 0 0; text-transform:uppercase; color:#a6a5a5; font: 14px/42px 'open_sansregular'; padding: 0 0 0;text-align: center;}.publishSocial .social-btn ul { width: 100%!important; margin: 15px 0 30px 0;}.publishSocial .social-btn ul li { margin: 15px 0; width: 100%!important;}.support.toBot { width: 100%;}.support ul li { width: 18.5%;}.support.toBot li img { width: 100%;} .navbar-header.page-scroll.topPad {padding: 51px 0 0;} .pageTextAlign a { font-size: 18px; min-width: 29px;} .nav-lay-pr { font-size: 9px;}header .navbar-nav > li > a, header .navbar-nav > li > a:hover { color:#777!important;}.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#fff!important;}[class^="col-md-"], [class*=" col-md-"] { margin-bottom: 10px;} .plan-section small { font-size: 9px;}.myPagesIcons {/* min-width:520px;*/}.myAppPages ul li { width: 92px;}.successBx{display:inherit;}.successBx .col-md-4{min-width:100%;}.col-md-8.col-custom-12 .row .col-md-12 {   margin: 0;} .plan-name{  font: 21px/100px CalibriRegular,Arial,Helvetica,sans-serif; }.payment-bg-box { background-image: none;} .form-pay-new { padding: 0;}.payment-bg-box label { color: #000;}.form-pay-new2 { position: relative; bottom: 0; right: 0;} .bottom-length .col-sm-12, .bottom-length .col-md-6 { padding-left: 0; padding-right: 0;} .for-main-tab{  margin: -10px 0 0;}
	.pay-heading22 {    font: 15px Georgia,"Times New Roman",Times,serif; } .box-promo22{     margin: 10px 0 10px 19px;} .buildApp-navigation a{font-size:16px;}.animLands { height: inherit; width: 100%;}    .promotionCode{       
	padding-top:0px;
		font-size:70% !important;    
		text-align:left;  
		line-height:40px; 
		
    }
	 .promotionCode .close{text-align:center;}
	 .mobileView ul.app_navigation_fixedmatix {
		width: 315px;
		margin: 11px auto !important;
		}
	}
	 
	}
.selectAppnameheight{height: 45px;}
html[lang="pt"] .selectAppnameheight{height: 45px;}

@media (min-width: 567px) and (max-width: 568px) {.myAppPages ul li {width: 88px;  margin: 0 13px 0 0;} .for-main-tab{  margin: -10px 0 0;} .pay-heading22 {    font: 15px Georgia,"Times New Roman",Times,serif; } .box-promo22{     margin: 10px 0 10px 19px;}
ul.tabbx li { width:100% !important; margin:20px 0;}#filtersearch { width:117px !important; margin:0px;}
.app-promotion-plan ul.tabbx li { margin:0px !important;}
ul.tabbx li ul li { margin:0 !important;}
.reseller-table ul.tabbx li { width:100% !important;}
.second-section { margin-bottom:10px !important;}
.third-section { margin-top:50px; }
.fifth-section { margin-top:50px;}
.fourth-section { margin-top:80px;}
.brakests::before, .brakests::after, .brakests, .brakests1, .brakests1::before, .brakests1::after{display:none;}
.plan-section.app-promotion-plan {padding:0px!important; margin-top: 0 !important;}
.yellow-bg.gold-plan.goldheight { padding-top: 0!important; line-height:normal!important;}
#mpart { padding:0 20px;}
.heading5 {line-height:22px;}
.heading3{line-height:27px;}
.full_width h1 { padding:0 10px !important;}
.days-bnr img {    border: medium none;  clear: both; display: block; float: none; margin-bottom: 10px;  text-align: center;}

.plan-section {margin:0px;  padding:20px 0 0 0;}
.edu-bnr img{margin-right: 0; width: 100%;}
.third-section {margin-top:0px!important;}
.fourth-section {margin-top:0px!important;}
.fifth-section{margin-top:0px!important;}
.gold-plan {top:0px!important;}

}
@media (max-width:640px){
	.allAppPages ul li {
    width: 22.8% !important;
	margin: 0 1.1% 14px !important;
}
header .mobile-action-btn .buttonbottom,header .mobile-action-btn  .buttonGreen {
    line-height: 33px;
	margin-bottom:5px;
}
    
        .appNamePurposeClass {
    padding: 10px 10px !important;
    font-size: 11px !important;
}    
   s
}
/* Smaller Phones Potrate */
@media (max-width: 479px) {span, p, div, li { transition: all 0.5s ease}.logo img {width: 50px;} header .navbar-collapse { margin-top: 0px;}  #outer.container {padding-top: 25px;} header .navbar-collapse {background: #f0f0f0;}.tab-links { margin: 0 0 0 0;}.tab-links button span { font-size: 15px;display: block;}.tab-links button { font-size: 10px; min-height: 47px;}.mobApp-section h2 {font-size: 15px;} .top-box .inputBox {width: 70%;} .inputBox input { width: 100%;}/*.appCategory ul li, .appCategory ul li:nth-child(4n) {margin: 0 2.5% 2.5% 0;width: 31%;}.appCategory ul li:nth-child(3n) { margin-right: 0;}*/.appCategory ul li a { font-size: 9px;}.appCategory ul li a span { font-size: 30px;}.tab-links li.active button:before, .tab-links li.active button:after { bottom: -5px;}/* ------ Build Section -------*/.buildApp-navigation a { font-size:12px;}.appPagesCategory .navbar-nav {width: 100%; margin: 0;}.appPagesCategory ul li button { padding: 5px; font-size: 13px; width: 100%;}.appPagesCategory .navbar-nav li:last-child {float: none!important;}.myAppPagesOptions ul li { width: 30%;}.myAppPagesOptions ul li a { font-size: 9px; padding: 5% 0;}.myAppPagesOptions ul li a span { font-size: 40px;}.mobApp-build {padding: 10px;}.button, .buttonbottom, .buttonNext, .buttonGreen {font-size: 11px; padding: 0 10px; margin:0;line-height: 33px;}.buildApp-navigation a.activate:after {top: 29px;}.appPagesCategory .navbar-nav li { display: block;}/* ------ Style & Navigation Section -------*/.tp_head {padding: 10px 0 0 10px;}.app-splash-name { width: 100%; padding: 0 10px 10px 10px;} aside.app-splash-name.dark-gray {padding: 10px 0 0 10px;}ul.app-background li {width: 30%;margin: 0 3% 5% 0;}ul.app-background .uploadBg { width: 30%; min-height: 125px;}.modal-body ul.app-background li {width: 30%; margin: 0 3% 5% 0;}ul.app-background .uploadBg a { font-size: 12px;}ul.app-background .uploadBg span {font-size: 45px;}ul.app-background li.activeBg img, .select-navigation-app .activeNavs img, .appOverlay .activeOver {border: 2px solid #95b10c;}ul.navigation-bx li.action { width: 100%;}ul.navigation-bx li.property { width: 100%; padding:10px 20px;}.image_box_bg { margin: 15px;}ul.app-background { margin: 15px 0 0 0;}.stylenav_app_name {width: 96%;} .navigation-bx {margin: 10px auto 10px 10px!important;width: 92%;}.input-text label { width: 100%;} ul.navigation-bx li + li select { width: 100%; margin: 0;}.nav-lay-pr li, .page-layout-style .nav-lay-pr li { width: 100%; margin-bottom: 5px;}.nav-lay-pr li select { width: 100%;}.navigation-layout-style { width: 97%;}.appOverlay li {width: 31%; height: 80px; margin-bottom: 2%;}.appOverlay li div { height: 70px;}.appOverlay span {height: 53px;left: -56px;}.switch_mob {display: block;}.modal-body.iphone { background-size: 100% 100%;}.modal-body.android { background-size: 100% 100%;}.modal-body.window {  background-size: 100% 100%;}.modal-body.blackberry  { background-size: 100% 100%;}.modal-body.amazon { background-size: 100% 98%;}.mobileAppDemo {width: 100%; max-width: 377px; background-size: 100% 100%;}.modal-body.iphone .mobileAppDemo {height: 420px;margin: 50px auto 40px;width: 95%;}.modal-body.android .mobileAppDemo { width: 99%; margin: 39px auto 55px auto; height: 420px;}.modal-body.window .mobileAppDemo { height: 420px; margin: 40px auto 50px;}.modal-body.blackberry .mobileAppDemo {  height: 400px;  margin: 58px auto 50px;}.modal-body.amazon .mobileAppDemo {height: 420px;margin:50px auto 33px;}.modal-header { overflow: hidden;}.header { position: relative!important; } /* ----------- Edit Pages CSS ---------- */.image_box_bg { margin: 0 15px 0 0;}
.editMyAppPage .right_editor_icon {     width: calc(100% - 90px);
    padding: 0;
    margin: 0 0 0 15px;}.insert_image { width: 95%; margin: 10px auto; float: none;}.editMyAppPage .service_body textarea { width: 95%; height: 200px;}.selectEveBlo li { width: 18%;}.cleditorMain { width: 100%!important;} #app_phone {display: none;}[class^="col-md-"],[class*=" col-md-"]{ margin-bottom: 10px;}.popover.add-appPage { display: none;}.selectAppIcon li {font-size: 17px;} .appNameAlert, .pageNameAlert { left: -6px;}.addMoreAlert { right: 9px;}  .addMoreAlert::before, .addMoreAlertTextarea::before, .pageNameAlert::before, .appNameAlert::before, .navHeaderAlert::before { left: 20px; margin-left: 0;}.buttonNext { margin:0; padding: 0 17px;line-height: 35px; font-weight:bold}.clear-cache { display: none;}.mobAction { display: block; margin: 20px 0 5px 0;} .thanks_page h1 { background: none;}.new-lifetime-plan { width: 100%; margin: 0 5px 10px 0;}.videoTutorial, .btnSroll { display: none;}.navbar-ex1-collapse .buttonGreen, .navbar-ex1-collapse .buttonbottom, .nonm { display: none; }.myAppPages ul li { width: 91px;}.systemPages ul li { width: 80px;} .or {background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/or-bg-m.png) no-repeat center; float: left; height: 44px; width: 100%; margin: 10px 0 0 0; text-transform:uppercase; color:#a6a5a5; font: 14px/42px 'open_sansregular'; padding: 1% 0 0 0;text-align: center;}.publishSocial .social-btn ul { width: 100%; margin: 15px 0 30px 0;}.publishSocial .social-btn ul li { margin: 0 0 45px 0; width: 100%!important;}.support.toBot { width: 100%;}.support ul li { width: 18.5%;}.support.toBot li img { width: 100%;}  .navbar-header.page-scroll.topPad {padding: 51px 0 0;}header .navbar-nav > li > a, header .navbar-nav > li > a:hover { color:#777!important;}.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#fff!important;} .app-background img, .app-background div { min-height: 75px!important;}.myPagesIcons {/* min-width:300px;*/}.myAppPages ul li { width: 84px; margin: 0 6px 0 0;}.myAppPages .icon-left-open { left: -3%;}.myAppPages .icon-right-open { right: -4%;} .thanks_page2 h1{ font:14px/29px Rockwell,Arial,Helvetica,sans-serif!important;} ul.thanks-tabs li a{   padding: 0px 5px; font-size:10px;} ul.thanks-tabs li + li + li a{   padding: 0 5px;} .box-height { min-height: 445px;} .myAppPagesOptions ul li a span {  font-size: 27px;   height:55px; width:55px;  line-height:55px;  }
.connectPage .buttonGreen {
    padding: 0 13px !important;
    line-height: 35px !important;
    font-size: 11px !important;
}
#appName, .connectPage .form-control, .selectAppnameheight {
    height: 35px !important;
}
.connectPage .backBtn {
margin-top: 10px !important;
}
.myAppPagesOptions ul li a span[class^="iconz-"]::before, .myAppPagesOptions ul li a span [class*=" iconz-"]::before { line-height:55px; } 
.page_feature .addMoreAlert::before{ right:10px !important; left:inherit; margin-left: 0;}.col-md-6 .publishSocial {margin: 0 auto;}.modal-body img {width: 100%;} .editMyAppPage .dateEdit { padding:0px; } 
.page_feature .nav > li > a { padding: 10px 10px; position: relative; font-size:11px;}
.successBx{display:inherit;}.successBx .col-md-4{min-width:100%;}
.analytics_bx ul li {margin-bottom: 20px;}.switch_mob li {font-size: 20px; height: 40px; line-height: 35px; width: 40px;}
.col-md-8.col-custom-12 .row .col-md-12 {margin: 0;}.text-xs-left { text-align: left;} .payment-bg-box { background-color: #0252a9;  background-image: none;  border-radius: 10px; color: #fff;
    height: auto;    margin: 0 0 15px;    padding: 20px 13px 0;} .form-pay-new{padding: 0 13px;} .form-pay-new2 {    bottom: inherit;    position: inherit;    right: 0;} .payment-bg-box label {    color: #fff;} .align-rig{ text-align:left;} .supportpay2 ul li{ width:49%;} .options-pay .activestep{  padding-top: 20px;} .options-pay .col-md-4 i, .options-pay .col-md-6 i {
    font-size: 17px;} .options-pay .col-md-4, .options-pay .col-md-6{ font-size:9px; padding-left: 0;    padding-right: 0;} .for-main-tab{  margin: -10px 0 0;} 
	.font-mobile {    font-size: 25px !important;    } .pay-heading22 {    font: 15px Georgia,"Times New Roman",Times,serif; }.box-promo22{     margin: 10px 0 10px 19px;} 
	ul.tabbx li { width:100% !important; margin:20px 0;}#filtersearch { width:117px !important; margin:0px;}
.app-promotion-plan ul.tabbx li { margin:0px !important;}
ul.tabbx li ul li { margin:0 !important;}
.reseller-table ul.tabbx li { width:100% !important;}
.second-section { margin-bottom:10px !important;}
.third-section { margin-top:50px; }
.fifth-section { margin-top:50px;}
.fourth-section { margin-top:80px;}
.brakests::before, .brakests::after, .brakests, .brakests1, .brakests1::before, .brakests1::after{display:none;}
.plan-section.app-promotion-plan {padding:0px!important; margin-top: 0 !important;}
.yellow-bg.gold-plan.goldheight { padding-top: 0!important; line-height:normal!important;}
#mpart { padding:0 20px;}
.heading5 {line-height:22px;}
.heading3{line-height:27px;}
.full_width h1 { padding:0 10px !important;}
.days-bnr img {    border: medium none;  clear: both; display: block; float: none; margin-bottom: 10px;  text-align: center;}

.plan-section {margin:0px; padding:15px 0 0 0;}
.edu-bnr img{margin-right: 0; width: 100%;}
.third-section {margin-top:0px!important;}
.fourth-section {margin-top:0px!important;}
.fifth-section{margin-top:0px!important;}
.gold-plan {top:0px!important;} .thanks_page2 h1 {  background: rgba(0, 0, 0, 0) url("https://d2wuvg8krwnvon.cloudfront.net/newui/images/bodyBg.png") repeat-x scroll 0 59px; }
.publishSocial i.nonm {
    display: block;
    text-align: center;
    width: 100%;
}
.bgNav li{margin-right:0px;}
.appCategory ul li span.icon-ok-4 {
    top: 5px;
    left: 5px;
    font-size: 10px;
}
.backAnimFrame {
    width: 42%;
    margin: 0 4% 15px;
}
.right-inh{ right:inherit!important;}
 
.backAnimFrameLands {
    width: 47%;
}
.animLands {
    height: inherit;
    width: 100%;
}
  .promotionCode{       
		padding-top:0px;
	font-size:44% !important;    
		line-height:40px;    
    }
.addMoreAlert_Responsiv{width:90%;}
.jumbotron .h1, .jumbotron h1 {    font-size: 22px;} .jumbotron p {    font-size: 15px;}
.allAppPages ul li {
    width:31% !important;
	margin: 0 1.1% 14px;
}
.publish-section {
    padding: 0; 
}
.buttonNext {
    margin: 0;
    padding: 0 5px;
}
.saveFinish .buttonNext {
    margin: 8px 0 0 0 !important;
	padding: 0 9px !important;
}
.mb-margin-0{margin-bottom:0px !important;}
.mobApp-section h2 .fs12 {
	font-size: 10px !important;
	}
.mobileView ul.app_navigation_fixedmatix {
	width: 269px;
    margin: 11px auto !important;

}
}
@media (max-width: 390px){
.buildApp-navigation a {padding: 10px 5px;font-size: 13px;}
.buildApp-navigation a > span {margin: 0;display: block;font-size: 18px;}
.buildApp-navigation a.activate::after {top: 100%; left: -6px;}
}
.marketplaceSidebar ul li a {
    font-size: 14px !important;
}



/* Select plan Publish pricing page CSS START*/
.cusror-point { cursor:pointer;} 
.panel-group .pricing-acordion-tab { background-color: #d9edf7; border: 1px solid #bce8f1; color: #15729c;}
.panel-group .pricing-acordion-tab.active { background-color: #337ab7; border: 1px solid #337ab7; color: #fff;}


.priceBox-gold .addon { background:#fff7e6; border:1px solid #f7b201; text-align:center; }
.priceBox-gold h3{ border-bottom: 4px solid #f28f1e; padding: 15px 10px;  min-height: 70px !important; color:#3b505a;}
.priceBox-gold .circle-price {border: 2px solid #f28f1e;    border-radius: 50%;    height: 100px;    margin: 20px auto 20px;  background:#fff; width: 100px; box-shadow: 0 0 6px #ffa135 inset;}
.priceBox-gold .circle-price .rate {
    color: #526771;
    font-size: 1.4em;
    padding-top: 29px;
}
.priceBox-gold .circle-price .rate small { font-size:0.6em; font-weight: normal;}



.priceBox-platinum .addon { background:#f3f3f3; border:1px solid #9da4a7; text-align:center; }
.priceBox-platinum h3{ border-bottom: 4px solid #9da4a7; padding: 15px 10px;  min-height: 70px !important; color:#3b505a;}
.priceBox-platinum .circle-price {border: 2px solid #c1c1c1;    border-radius: 50%;    height: 100px;    margin: 20px auto 20px;  background:#fff; width: 100px; box-shadow: 0 0 6px #c6cbce inset;}
.priceBox-platinum .circle-price .rate {
    color: #526771;
    font-size: 1.4em;
    padding-top: 29px;
}
.priceBox-platinum .circle-price .rate small { font-size:0.6em; font-weight: normal;}




.priceBox-basic .addon { background:#e7fbf4; border:1px solid #4eba95; text-align:center; }
.priceBox-basic h3{ border-bottom: 4px solid #00c0cb; padding: 15px 10px;  min-height: 70px !important; color:#3b505a;}
.priceBox-basic .circle-price {border: 3px solid #00c0cb;    border-radius: 50%;    height: 100px;    margin: 20px auto 20px;  background:#fff; width: 100px; box-shadow: 0 0 6px #00c0cb inset;}
.priceBox-basic .circle-price .rate {
    color: #526771;
    font-size: 1.4em;
    padding-top: 29px;
}
.priceBox-basic .circle-price .rate small { font-size:0.6em; font-weight: normal;}
.addon ul li { text-align:left; list-style-type:none; background:url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/priceListing-icon.png) top left no-repeat; color:#4d636d; line-height:22px; padding: 0 0 14px 33px; border-bottom:1px solid #dddddd; position:static; margin:0 10px 10px 10px; font-size: 0.9em;}
.addon ul { min-height:140px;}
.intorducing-text { background:#555d61; border-radius:0px; color:#fff; }
.interducing-plan { background: #ebebeb none repeat scroll 0 0;
    color: #6c6c6c;}

.bdr { border:1px solid #ccc;}
.lifetime-Box { border:1px solid #ccc; }
.liftime-boxHeading1 { color:#fff; padding:10px;}
.liftime-boxHeading1 { color:#fff; background:#29d291; padding:10px; float:left; width:100%; box-sizing:border-box; margin:0; font-weight: bold;
    text-shadow: 1px 1px 1px #7c7c7c; font-size:1.4em;}
.liftime-boxHeading2 { color:#fff; background:#d17c2a; padding:10px; float:left; width:100%; box-sizing:border-box; margin:0; font-weight: bold;
    text-shadow: 1px 1px 1px #7c7c7c; font-size:1.4em;}
.liftime-boxHeading3 { color:#fff; background:#2896d3; padding:10px; float:left; width:100%; box-sizing:border-box; margin:0; font-weight: bold;
    text-shadow: 1px 1px 1px #7c7c7c; font-size:1.4em;}
.liftime-bgBox {background: #f5f5f5 none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    padding: 20px 10px;
    width: 100%;}
.lifetime-box { width:100%; float:left; color:#7b7b7b;}
.liftime-bgBox strong { font-size:1.2em;}
.liftime-bgBox small { color:#7c7c7c;}
.lifetime-box .green-txt { color: #a2b36e;
    float: left;
    font-size: 2.9em;
    font-weight: bold;
    padding: 10px;
    width: 100%; }
.lifetime-box .green-txt small {font-size: 0.4em;
    font-weight: normal;}
.lifetime-box .orange-txt { color: #e79f4a;
    float: left;
    font-size: 2.9em;
    font-weight: bold;
    padding: 10px;
    width: 100%; }
.lifetime-box .orange-txt small {font-size: 0.4em;
    font-weight: normal;}
	
	
	
	.lifetime-box .blue-txt small {font-size: 0.4em;
    font-weight: normal;}
.lifetime-box .blue-txt { color: #73b6db;
    float: left;
    font-size: 2.9em;
    font-weight: bold;
    padding: 10px;
    width: 100%; }
.lifetime-box .blue-txt small {font-size: 0.4em;
    font-weight: normal;}
	
	
.lifetime-box .create-btn { background: #adadad none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #7c7c7c;}
.day15-bnrText { color:#545d60; font-size:1em;}
.day15-bnrText small { color:#d34d59; font-size:0.8em;}
.edu-bannerBox { background:#f6fae6; float:left; color:#545d60; width:100%;}
/* Select plan Publish pricing page CSS END*/
.days-bnnr { width:250px; height:250px; background:url("https://d2wuvg8krwnvon.cloudfront.net/newui/images/15days-banner.png") top center; margin:0 auto; text-align:center; color:#fff; font-family: Arial, Helvetica, sans-serif;}
.days-bnnr span { clear: both;
    float: left;
    font-size: 30px;
    line-height: 28px;
    width: 100%;}
.days-bnnr span.yellow{ color:#eaee75; background:none;}
.days-bnnr big { float: left;
    font-size: 67px;
    font-weight: bold;
    line-height: 39px;
    margin-top: 45px;
    padding: 5px 0;
    width: 100%;}
	.days-bnnr .moneyBack{font-size:18px;}	
	/* Edit App pop up box FB Twitter and Subsribe*/
.shareEdit_box .icon-facebook-circled, .shareEdit_box .icon-twitter-circled {
    color: #fff;
    float: left;
    font-size: 75px;
    width: 100%;
}
.shareEdit_box { border-radius:8px; float:left; width:100%; padding:10px; color:#fff;}
.appy_subscribe { background:#3a3a3a; border:1px solid #000000;}
.fb_share { background:#3b5998; border:1px solid #173b88;}
.fb_share .button { background: #356ADA !important;
font-weight: normal !important;
line-height: 22px;
padding-top: 6px;
padding-bottom: 6px;}
.twitter_share { background:#20b8ff; border:1px solid #119ada;}
.twitter_share .button { background:#0084c1 !important; font-weight:normal !important;}
.shareEdit_box .logo-appy {background: url("https://d2wuvg8krwnvon.cloudfront.net/newui/images/logo.png");
clear: both;
display: block;
height: 80px;
margin: 13px auto;
width: 80px;
background-size: 71px;
background-position: center;
background-repeat: no-repeat;}
.appy_subscribe .button { background:#a3bc2c !important; font-weight:normal !important;}
.shareEdit_box > p {
    font-size: 14px;
}
/* Edit App pop up box FB Twitter and Subsribe CSS END*/


.pay_grayBox {  background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #eaeaea; border-radius: 5px; display: block; margin: 10px 0; padding: 5px;}
.getOff_fb_icon { font-size:32px; color:#3c5b96; margin: 0 5px; cursor:pointer;}
.getOff_tw_icon { font-size:32px; color:#2fb9fc;  cursor:pointer;}
.pay_shareTxt {line-height: 51px; position: relative; top: -2px;}
.priceBox_circle_heading { margin-left:10px; margin-right:10px; text-align:left;}
.price_monthTxt { float: left; width: 100%;}
.button-photo-about{ background:#f5f5f5; border:1px dashed #cccccc;  text-align:center; width:149px; height:145px; margin-bottom:15px; overflow: hidden; position:relative; padding:0px;}
.billingInfobx .col{padding-left:5px; padding-right:5px;}
.billinginfoTx {
    font-size: 13px;
    font-weight: bold;
    padding: 7px 0;
}
.billing-alert { background:#d9534f; width:100%; float:left; color:#fff;}
.billingSpace{padding: 10px 15px;  border-radius:4px;}		
.billing_alertDivider { width:1px; background:#d28c8a; position:absolute; right:0; top:0; height:100%;}
.bill-info-input {border: 1px solid #c9c9c9;
    border-radius: 5px;
    float: left;
     width:60%;
    padding: 0 0 0 40px;
    position: relative;
 margin-right:10px;} 	
 .bill-info-input input { width:100%;}.bill-info-input p{ -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f7f7f8 none repeat scroll 0 0;
    border-color: -moz-use-text-color #c9c9c9 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    float: left;
    height: 100%;
    left: 0;
    line-height: 13px;
    position: absolute;
    top: 0;
    width: 40px;}
	.bill-info-input .numric_lft {padding: 11px 5px 10px 2px; text-align:center; color:#707070;}
	.billing-amount-txt { line-height:33px; margin-right:10px;}
	.billing-runningTxt { font-size:14px;}
	
@media only screen and (min-width:320px) and (max-width: 480px) {
.publish_planTab .btn { width:83px; padding:4px 6px!important;}
.upgradeOuter-Box { padding:0px;} .pay_shareTxt{font-size:13px}
.mobile-clearfix{clear:both;overflow:hidden;}
.editMyAppPage .page_feature .radio label{margin: 0;display: block;}
span.smallp, .smallp{font-size: 12px;}
} 

	/* Plan Subscribe TOP monthly yerarly lifetime Button*/
  		.publish_planTab {margin-bottom: 10px;}
		.publish_planTab .btn { font-size:14px !important;  padding: 5px 16px;}
		.publish_planTab .btn-primary { background:#ffffff !important; color:#4e4d4d !important; border-color:#00add5 !important;}
		.publish_planTab .btn.active, .publish_planTab .btn:hover { background:#00add5 !important; color:#ffffff !important; box-shadow:none;} 
		.publish_planTab .btn.active span, .publish_planTab .btn:hover span { color:#ddff38;}
		.publish_planTab .btn span { color:#00add5; font-size:11px; float:left; width:100%;}
/* Plan Subscribe TOP monthly yerarly lifetime Button END*/				  

#loading-image {
	width: 100%;
	height: 100%;
	position: fixed;
	text-align: center;
	z-index: 1011;
	background: #fff url(/images/main_loading.gif) no-repeat 50% 40%;
	top: 50px;
}

.closeTaxiLaye{
	position:absolute;right:10px;top:10px;cursor:pointer;
	color: #ef875b;
    float: right;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.7;
    text-shadow: 0 1px 0 #fff;
}
#out {
		margin:0 20px 20px;
	}
	#out ul{list-style:none}
	#out h3 {
    font-size: 20px;
    line-height: 45px;
    font-weight: 500;
	color: #428BCA;
   text-transform: uppercase;
}
	#out a {
    line-height: 28px;
	margin-left: 12px;
	color: #414141;	
	font-size:15px;
}
#out a:hover {
    line-height: 28px;
	margin-left: 12px;
	color: #428BCA;
	transition:0.7s all;
}
.createAppSitemap {
   color: #fff !important;
    line-height: 33px !important;
    margin-top: 0px !important;
}
.PreViewAppbtn{display: table; margin:-75px auto 0;position: absolute; text-align: center; top: 50%;z-index: 12; width: 100%; color:#ccc; font-size:18px}
.PreViewAppbtn .color-white {
    border: 1px solid #fff;
    display: inline-block;
    padding: 30px 25px 35px;
    text-transform: uppercase;
}
.PreViewAppbtn .icon-eye::before { 
    display: block;
    font-size: 50px;
}
#review-form em {
   color:#F00
   }
   #review-form .input-error {
   background: none repeat scroll 0 0 #FB4835 !important;
   border: 1px solid #FF3203 !important;
   color: #FFFFFF !important;
   }
   
   .del-red{color: rgb(255, 0, 0); font-size: 15px; display: inline-block; margin: -1px 0px 0px 8px;}
   .modal-footer .iPadOk{margin-right: 5px;}
   
   @media only screen and (min-width: 768px) and (max-width: 1024px) {		
	header .navbar-nav li {     margin-left:2px;} 
}

.bg-cal-coupon{ background:rgba(0, 0, 0, 0) url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/calendar-icon.png) no-repeat right 8px !important;}
/*Invite friends pop up*/
.discountPopup{
	background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/reffral-model-bg.png) no-repeat top center!important;
	padding: 35px 10px;
	width:100%;
	margin:0 auto;
	/*background-size: cover !important;*/
	background-position: center center ;
}
@media screen and (max-width:768px) {	
#bs-example-navbar-collapse-1 ul li a {
    font-size: 10px !important;
    padding-bottom: 2px;
    padding-top: 2px;
    color: inherit !important;
}
}
/*new css*/
.discountPopup .discount-txt{padding-left: 30px;margin-top: 150px;}
.discountPopup .popup-tab .title{font: 19px/29px Rockwell,Arial,Helvetica,sans-serif !important;margin-bottom: 10px;}
.discountPopup .popup-tab .invite-title{margin: 10px 0px;font-size: 18px;}
.discountPopup span.w-txt{font-size: 20px; color: #fff;}
.refer-friends-tabs .list-group-item{padding:5px 10px;}
.discountPopup  h2.heading{
color:#fff;
text-shadow: 1px 1px 1px #686868;
font: 34px/38px Rockwell,Arial,Helvetica,sans-serif}
.discountPopup span.red-text{
	font-size:40px;
	font-weight:bold;
	color:#f66d00;
	
}

.discountPopup  p.txt{font-size:17px;
color:#fff;
text-shadow: 1px 1px 1px #686868;}
.discountPopup .popup-tab .panel-title  .icon-nav{
    background: #f66d00;
    border-radius: 3px;
    display: inline-block;
    font-size: 19px;
    height: 33px;
    margin-right: 8px;
    text-align: center;
    width: 35px;	
	color:#fff;
}

.discountPopup .popup-tab .panel-title  .icon-nav:before{
	line-height: 33px;
}
.discountPopup .red-inner-txt{
	color:#f66d00;
	font-weight:bold;
	
}
.discountPopup .panel-default p{
	font-size:12px;
	color:#717171;
	
}
.discountPopup .panel-default > .panel-heading {
    color: #333;
    border-color: #ddd;
}
.discountPopup .panel-default > .panel-heading  > .panel-title a{font-size: 15px;
font-weight: bold;
display: block;}
.discountPopup .panel-group .panel {
    
  /*margin-bottom: -6px !important;*/
    
}
.discountPopup .popup-tab{background: #fff;
padding: 15px ;
border-radius: 5px;}
.discountPopup .mark-input{
background: #228aba;
display: inline-block;
padding: 5px 10px;
font-size:14px;
font-weight:bold;
color:#fff;
border-radius:4px;
text-align:center;
margin: 10px 0 0;
}

.discountPopup .panel-group{margin-bottom: 10px;}
.discountPopup .mark-outer{
border:1px dotted #000;display:inline-block;
padding:3px;
border-radius:3px;
margin-top:10px;
}
.discountPopup .collapse.in {
background: #fff;
}

.reffral-model .modal-body{padding:0;
}
.reffral-model .modal-dialog {
    /*width: 1035px;*/
    margin: 30px auto;
	min-height:669px
}
.invite-friend-model .modal-dialog {
    max-width: 1035px;
    margin: 30px auto;
	height:669px;
	}
.reffral-model .modal-header {
    min-height: 0;
    padding: 0;
    border-bottom: none;
}
.reffral-model .modal-header .close {
    
    z-index: 999999;
    position: absolute;
    right: 10px;
    top: 6px;
}
.reffral-model .modal-content {
    border: none;
    overflow: hidden;
}
.reffral-model .panel-body {
    min-height: 130px ;
}
.discountPopup .invite-social{
margin: 5px 0;
}
.discountPopup .invite-social .invite-social-link{
line-height: 35px;
color: #000;
border: 1px solid #e0e0e0;
width: 100%;
display: inline-block;
border-radius: 20px;
text-align: center;
font-size: 13px;}

.discountPopup .invite-social .invite-social-link:hover{background:#39a0d0;color:#fff;border:1px solid transparent}
.discountPopup .invite-social .invite-social-link img{width:17px;}
.social-share img{margin-left: 5px;}
.discountPopup .invite-social .btn{
	font-weight:normal;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 991px){
	.discountPopup .discount-txt {
    padding-left:15px;
    margin-top: 0;
}
.discountPopup{background-size: cover !important;}
}
@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 767px){
	.discountPopup .discount-txt {
    padding-left:15px;
    margin-top: 0;
}
.discountPopup{background-size: cover !important;}
.appPagesCategory ul li button .newtab-label{background-size: 100% 67%;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 479px){
	.discountPopup .discount-txt {
    padding-left:15px;
    margin-top: 0;
}
.discountPopup{background-size: cover !important;}
}
.invite-mail-list-main{border: 1px solid rgb(227, 227, 227);
padding: 15px;
border-radius: 3px;}
.invite-mail-list {background: #efefef ;
padding: 5px 10px;
border-radius: 5px 50px 50px 0px;
font-size: 12px;}
.invite-mail-list .close{background: rgb(206, 206, 206) ;
width: 16px;
display: inline-block;
border-radius: 10px;
font-size: 10px;
border: 1px solid;
height: 16px;
line-height: 13px;
text-align: center;
color: rgb(92, 92, 92);
margin-left: 5px;
margin-top: 2px;}

.invite-mail-list .email-list{display: inline-block;
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.user-report .user-report-profile{
	background: #EEEEEE;
    
	border-radius: 3px;
	}
.user-report .user-report-profile .user-name{
	font-size: 20px;
    background: #A3BB2C;
    padding: 20px;
    color: #fff;
	padding: 20px 15px;
	}
.user-report .user-report-profile .user-info{
	list-style: none;
    padding:0 15px;}
.user-report .user-report-profile .user-info li{
	padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
	}
.user-report .user-report-profile .user-info li .u-icon{
	color: #337AB7;
    font-size: 16px;
    margin-right: 5px;
    width: 15px;
    display: inline-block;
}
.user-report .notification-area{
	
}
.user-report .notification-area .notification-box{
	background: #F2F2F2;
padding: 25px 10px;
margin: 0 0 15px 0;
min-height: 140px;
border-radius: 3px;
border: 1px solid #ededed;
}
.user-report .notification-area .notification-box .notification-icon{
	background: #2dad8a;
    color: #fff;
    font-size: 40px;
    display: inline-block;
    width: 80px;
    min-height: 80px;
    text-align: center;
    border-radius: 50px;
    line-height: 80px;
	margin-left: 10px;
}
.user-report .notification-area .notification-txt{}
.user-report .notification-area .notification-txt .noti-number{font-size: 35px;
    color: #000;}
.user-report .notification-area .notification-txt .noti-txt{color: #777;}
.or-email{
display: inline-block;
text-align: center;
border-radius: 20px;
width: 32px;
height: 32px;
line-height: 28px;
border: 1px solid rgb(206, 206, 206);
margin-right: 35px;
position: relative;
}
.or-email:after {content: ' ';
border-bottom: 1px solid rgb(206, 206, 206);
display: block;
width: 100%;
position: absolute;
top: 14px;
left: 31px;}
.or-email:before {content: ' ';
border-bottom: 1px solid rgb(206, 206, 206);
display: block;
width: 100%;
position: absolute;
top: 14px;
right: 31px;}

.slide-in{
-webkit-transition-property: width; /* Safari */
-webkit-transition-duration: 2s; /* Safari */
transition-property: width;
transition-duration: 2s;
}

/*progress bar*/
.bs-wizard {border-bottom: solid 1px #e5e5e5; padding: 10px 0px 30px;background:#fbfbfb;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;margin: 0 0 0 -1px;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #228aba; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;text-align: center;
line-height: 30px;
color: #fff;
} 
/*.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } */
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;background: #d1d1d1;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #228aba;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #d1d1d1;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.mail-box-main .mail-box{
	width: 280px;
height: 280px;
background: #d44638;
border-radius: 10%;
text-align: center;
padding: 47px;
margin: 0 auto 25px;}
.mail-box-main .mail-box .import-txt{font-size: 20px;
color: #fff;
padding: 0px 0px 10px;
display: block;}
.mail-box-main .mail-box img {width: 150px;}
/*End progress bar*/
.refer-friends-tabs .nav-tabs > li > a {border: 1px solid #cecece;}
.refer-friends-tabs .nav-tabs > li > a img{width:18px;}
.refer-friends-tabs .tab-content{
    border: 1px solid #cecece;
    border-radius: 3px;
    padding: 15px;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 410px;
}
.refer-friends-tabs .tab-content .import-btn{
background:#98b214;
color:#fff;	
font-size: 17px;
margin-bottom: 10px;	
}
.refer-friends-tabs .tab-content ul.suggets{margin-left: 25px;
line-height: 25px;
margin-top: 5px;}
.refer-friends-tabs .tab-content ul.suggets li{list-style-type: circle;}
/*End Invite friends pop up*/

.get-album-style {    padding: 0 8px;}
.button-for-phone {     background: #fb4a00;   font-size: 17px;    padding: 5px 0;    text-align: center;    width: 100%;}
.button-for-phone2 {    margin: 0 0px 0 13px;       width: 92%;}
.socialuDetails .list-group { margin-bottom:8px !important;}
.productBxList .productActionbottom .btn { margin-right: 15px; }
.dirPageNew .dirSuccessAlertx {padding: 8px !important;line-height: 47px !important; }
.saveAlert2{margin:0 58px 15px 0;} .sp-left{margin-left:12px;}
.addMoreAlert-small{  width: 224px;}
.userBgroup { min-width:268px; }
.userCgroup { min-width:128px;} 
.ereader-custom-img { height: 20px;}
.pentristImg span { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;padding: 3px 16px;white-space: nowrap;text-align: center;color: #fff;display: block;margin: 0 !important;;}

#get-map-icon
{margin-left: 5px;
color: #95b10c;
font-size: 22px;
display: inline-block;
position: absolute;
top: -9px;}

.report-alignment-market{  right: 10px;    position: absolute;    top: 0;}

@media only screen and (min-width: 800px) and (max-width: 1280px){
.get-album-style {font-size: 12px;}	
.insert_vid .textVideotube, .insert_image{width: 160px;}
.insert_img table{width: 78%;}
.editMyAppPage .right_editor_icon {margin: 0 0 0 10px;}
.disclaimer-txt{bottom: -58px !important;}
.buttonGreen, .button{font-size:13px;}
.customSliderRemove ul li{width: 177px !important;}	
.mobApp-section h2{font-size: 18px;}
}


.pageLevelContentInner{height: 523px;}
.tabletScreen .pageLevelContentInner{height: 490px;}
.resellerRedLabel {
    background: url("/images/plan_top_red.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font: 14px/26px CalibriRegular,Arial,Helvetica,sans-serif;
    height: 31px;
    position: absolute;
    left: calc(50% - 43px);
    text-shadow: none;
    top: -25px;
    width: 100px;
    z-index: 999;
    padding: 0px 7px;
}
.thanks_page2 .col-md-4 .box-promo22 .button { white-space: nowrap;}
.options-pay  #lifetimePlan.activestep { padding: 20px 22px 11px !important;font-size: 12px !important;}
.options-pay  #lifetimePlan i{font-size: 12px !important;overflow:hidden;}

/* For mobile */
@media (max-width:480px)
 {
	.submission_resp .input-group-addon {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block !important;
    width: 185px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin-bottom: 4px;
}
.mapHeaderz {    width: 304px !important;}

}	

@media (max-width:740px) {
.navColor-option {    float: none !important;}
#formbuilder_appoint .page_feature {    float: none !important;}
.addMoreAlert {    width: 250px !important;}
.editMyAppPage textarea {   float: right;}
#subscription_price_monthly1Div .input-group-addon, #subscription_price_yearly1Div .input-group-addon, #edition_price1 .input-group-addon {    font-size: 9px;    padding: 6px;}

#subscription_price_monthly1, #subscription_price_yearly1, #edition_price1 {    font-size: 9px;}
.row .col-md-2.appBackground img {    height: 115px;}
.animate_bg_resp img {   float: left;}
.insert_image.insert_image_resp {    float: right;}
.invite-social-link img {    margin: 9px 0 9px 11px;}
.nav_resp {margin: 60px 0 0 0;}
.invite-friend-model .modal-dialog {    width: 100%;}
.refer-friends-tabs .nav-tabs > li > a img {    width: 12px;}
#manageQues .addMoreAlert {    width: 190px !important;}
.para_resp a {    float: left !important; font-size: 10px;}
.para_resp a:nth-child(4) {    margin-top: 8px;}
.f-right img {    max-width: 25px;}
.btn_resp {    margin: 0 10px;}

.mobileNext{position: static !important;
display: block !important;
width: 100%;
margin-bottom: 20px;
margin-top: 10px;
width:100% !important
}}

/* For mobile landscape */		
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
.dropdown-menu{    height: 150px !important;}
}	
.hideTextNavBarNew {   /* float: right;display: inline-block;width:20%;*/bottom: -2px;
position: relative;}	
.editMyAppPage .page_feature .radio label {
    color: #333;
    font-size: 14px;
}
.btnPicasaUpdated  { white-space:nowrap;}
.btnPicasaUpdated a { white-space:nowrap;font-size:12px;}
.ptModal label { font-size:11px; }

.get-album-style {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
  .members-tbox2 .languageBtn td a {
    font-size: 12px;
    white-space: nowrap;
}
.instabtnLangNew .instabtnLang {    font-size: 14px;   white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    width: 100%;}
.editMyAppPage .OpenUrlCheck{position: relative;bottom: 16px;margin:0 15px !important;display: inline-block;}
/* === DEMO RIBBON CSS === */
.demoRibbonContainer{
	position:relative;
}
.demoRibbon {
    position: absolute;
    top: 22px;
	right: -4px;
    overflow: visible;
    font-size: 12px;
	line-height: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
}
.demoRibbon:before {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 0px;
    left: 6px;
    border-top: 20px solid rgba(0, 0, 0, .3);
    border-bottom: 20px solid rgba(0, 0, 0, .3);
    border-right: 20px solid rgba(0, 0, 0, .3);
    border-left: 20px solid transparent;
}
.demoRibbon:after {
    content: "";
    height: 2px;
    background: rgba(0, 0, 0, .3);
    display: block;
    position: absolute;
    bottom: -2px;
    left: 6px;
    right: 1px;
}
.demoRibbon span {
    display: block;
    padding: 14px 20px;
    position: relative;
    background: #ff0000;
    overflow: visible;
    height: 40px;
    margin-left: 29px;
    color: #fff;
    text-decoration: none;
}
.demoRibbon span:after {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    bottom: -10px;
    right: 0;
    border-top: 10px solid #ff0000;
    border-right: 10px solid transparent;
}
.demoRibbon span:before {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 0;
    left: -20px;
    border-top: 20px solid #ff0000;
    border-bottom: 20px solid #ff0000;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

.android .demoRibbon {
    right: -6px;
    top: 25px;
}
.window .demoRibbon {
    right: 1px;
    top: 20px;
}
.blackberry .demoRibbon {
    right: -8px;
    top: 30px;
}
.amazon .demoRibbon {
    right: 6px;
    top: 28px;
}
.tabletScreen.android .demoRibbon, .tabletScreen.amazon .demoRibbon {
    right: -4px;
	top: 20px;
}
.tabletScreen.window .demoRibbon {
    right: -2px;
    top: 50px;
}
.tabletScreen.iphone .demoRibbon {
    right: 49px;
    top: 20px;
}
/*======= DEMO RIBBON CSS FOR MOBILE =========*/
.mobileView .demoRibbonContainer{
	position:static;
}
.mobileView  .demoRibbon{
	top: 27px;
	right: 0;
	left: 0;
	max-width: 200px;
	margin: 0 auto;
	text-align: center;
}
.mobileView .demoRibbon span:after {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 0;
    right: -20px;
    border-top: 20px solid #ff0000;
    border-bottom: 20px solid #ff0000;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

@media (min-width: 480px) and (max-width: 1200px){
.mobileView .android .demoRibbon{
	top: 13px;
}
.mobileView .window .demoRibbon{
	top: 19px;
}
.mobileView .blackberry .demoRibbon{
	top: 34px;
}
.mobileView .amazon .demoRibbon{
	top: 26px;
}
}
@media (max-width: 479px){
.mobileView .demoRibbon{
	top: 14px;
	max-width: 170px;
	right: 16px;
}
.mobileView .android .demoRibbon{
	top: 9px;
}
.mobileView .window .demoRibbon{
	top: 10px;
}
.mobileView .blackberry .demoRibbon{
	top: 20px;
}
.mobileView .amazon .demoRibbon{
	top: 15px;
}
.modal-dialog { 
    min-width: 280px;
}
}
/* === END DEMO RIBBON CSS === */
.disclaimer-txt{
	position: absolute;
	left: 35px;
	right: 35px;
	bottom: -50px;
	font-size: 10px;
	color: #878787;
	}
.mobileView .disclaimer-txt {
    position: relative;
    bottom: -22px;
    width: 55%;
    margin: 0 auto 5px;
	left: 0;
}

/* === DISCLAIMER CSS === */
.disclaimer-btn{position: absolute;bottom: 190px;color: #e1e0e0;width: 50px;height: 50px;line-height: 44px;text-align: center;border-radius: 100%;font-size: 23px;cursor:pointer;z-index: 99;right: -66px;background: #fff;border: 3px solid #e1e0e0;}
.disclaimer-btn:hover{border: 3px solid #95b10c;color: #95b10c;}
.disclaimerTooltip {position: relative;display: block;}
.disclaimerTooltip .tooltiptext {visibility: hidden;width: 200px;background-color: #000;color: #fff;text-align: left;border-radius: 6px;padding: 7px;position: absolute;z-index: 1;bottom: -16%;left: -210px;margin-left: 0;z-index: 999;font-size: 11px;line-height: 14px;}
.disclaimerTooltip .tooltiptext::after {content: "";position: absolute;top: 50%;right: -9px;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent transparent #050505;}
.disclaimerTooltip:hover .tooltiptext {visibility: visible;}
/* === END DISCLAIMER CSS === */

@media (min-width: 992px){ .foodModalLg {width: 1100px !important;} }

.customApp_tab{text-align:center;float:left;width:100%;border:none;margin-bottom:60px !important;}
.customApp_tab li{float: none;position: relative;display: table-cell;width: 1%;}
.customApp_tab li a{width:100px;height:100px;border:4px solid #eeeeee;border-radius:50px;color:#929698;line-height:90px;display: block;margin: 0 auto;}
.customApp_tab li a.active, .customApp_tab li a:hover, .customApp_tab li a:focus{border:4px solid #eeeeee !important;}
.customTab_content h3{text-align:center;font-size:33px;font-family:"Open Sans",sans-serif!important;}
.customApp_tab span.icon{font-size:47px;}
.customApp_tab li.active a.androidTab, .customApp_tab li a.androidTab:hover{border-color:#94c11e !important;color:#94c11e !important;}
.customApp_tabTxt{text-align: center;display: block;margin-top: 5px;}
.customApp_ourWork{background-color:#109cdb;display:block;margin-bottom:50px;}
.customTab_content p {
    font-family: "Open Sans",sans-serif!important;
    font-size: 14px;
    line-height: 26px;
    color: #505c6f;
}

::i-block-chrome, .foodHistoryNewTable td { width:70%; } .foodPayHistoryNew { width:20%; } 
::i-block-chrome, .foodPayHistoryNew { width:20%; } ::i-block-chrome, .foodPayHistory {width: 80%;font-size: 10px;}
.box-promo22 .right-inh{width:280px;max-width: 280px;}

/* Feedback Survey button Starts*/

#feedback_button {background-color: #a3bb2c;border: 1px solid #fff;display: block;position: fixed;top: 40%;padding: 10px 0px 10px 10px;width: 124px;right: -1px;cursor: pointer;text-decoration: none;z-index:1;line-height: 16px;font-size: 16px;color: #FFF;transition: right 1.5s;-moz-transition: right 1.5s;-webkit-transition: right 1.5s;    box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;-moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;-webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;}#feedback_button:focus {outline: 3px solid #51ace9;}#feedback_button img {margin-right: 8px;}#myModal_survey .modal-content {background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/survey_pagebg.png);}#myModal_survey .modal-header{ border-bottom: 0px solid #e5e5e5;}

/* Feedback Survey button End*/

.smallHeaderBar { font-size: 18px;}.mediumHeaderBar { font-size: 22px;}.largeHeaderBar { font-size: 26px;} .xlargeHeaderBar { font-size: 30px; line-height: 14px;}.header { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);width:100%;background: #000;color: #FFFFFF;font-weight: normal;position: absolute; z-index:12; min-height: 47px;}.header.headerbarcolorNO { box-shadow: none;background: none;}.header h1 {display: block;padding: 14px 0px;height: 1em;outline: 0 none !important;overflow: hidden;margin: 0 auto;width: 70%;text-align: center;text-overflow: ellipsis;white-space: nowrap;font-weight: normal; min-height: 49px;}
a {text-decoration: none;}a:hover {text-decoration: none;}.verdana, .verdana {font-family: Verdana, Geneva, sans-serif !important;}.georgia, .georgia {font-family: Georgia, "Times New Roman", Times, serif !important;}.courierNew, .courierNew {font-family: "Courier New", Courier, monospace !important;}.arial, .arial {font-family: Arial, Helvetica, sans-serif !important;}.trebuchetMS, .trebuchetMS {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;}.timesNewRoman, .timesNewRoman {font-family: "Times New Roman", Times, serif !important;}.palatinoLinotype, .palatinoLinotype {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif !important;}.lucidaConsole, .lucidaConsole {font-family: "Lucida Console", Monaco, monospace !important;}.comicSansMS, .comicSansMS {font-family: "Comic Sans MS", cursive !important;}.permanentmarker{ font-family: 'Permanent Marker', cursive !important; }.lobster{ font-family: 'Lobster', cursive !important; }.indieflower{ font-family: 'Indie Flower', cursive  !important; }.pacifico{ font-family: 'Pacifico', cursive !important; }.orbitron{ font-family: 'Orbitron', sans-serif !important; }.dancingscript{ font-family: 'Dancing Script', cursive !important; }.dosis{ font-family: 'Dosis', sans-serif !important; }.poiretone{ font-family: 'Poiret One', cursive !important;}.kaushanscript{font-family: 'Kaushan Script', cursive !important;}.satisfy{ font-family: 'Satisfy', cursive !important; }.courgette{ font-family: 'Courgette', cursive !important; }.seaweedscript{ font-family: 'Seaweed Script', cursive !important; }
.roboto{ font-family: 'Roboto', sans-serif !important; }
.sourceSansPro{font-family: 'SourceSansPro';}
.netBalance_Avl {
    float: right !important;
    background: #f9f9f9;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 10px;
}
/*==FACEBOOK/WEBSITE IMPORT CSS==*/
/*.connectPage {width: 73%;margin: 0 auto;padding: 50px 20px;}
.connectPage h2{font-size: 20px;font-family: 'open_sansregular';font-weight: normal;color: #212121;margin: 0 0 7%;text-align:center;}*/
/*.connectPage .buttonNext{margin-top: -23px;}*/
.connectPage .cfbBtn{margin: 30px auto 0;text-align: center;display: block;max-width: 220px;background: #3b5998;line-height: 40px;}
.connectPage .smalltxt{font-size: 70%;}
.connectPage .orIcon {display: block;background-color: #fff;border: .0625rem solid #dcdbd9;border-radius: 50%;height: 2rem;width: 2rem;padding-top: .625rem;text-align: center;vertical-align: middle;font-size: 72%;line-height: 12px;margin: 30px auto;position: relative;}
.connectPage .orIconrow{position:relative;overflow: hidden;}	
.connectPage .orIconrow:before{content: "";height: 1px;left: 0px;margin-left: 0;pointer-events: none;position: absolute;top: 50%;width: 100%;background: #dcdbd9;display: block;}
.connectPage .nopagetxt{color: #ababab;font-size: 16px;padding-right: 5px;}
.connectPage .backBtn {
    margin-top: 68px;
    display: block;
	color: #ababab;
}
.connectPage .form-control{height: 45px;}
.connectPage .buttonGreen {line-height: 45px;font-size: 18px;padding:0;}
.connectPage ul.fbsearchList{width:100%;z-index: 999999;max-height: 200px;overflow: auto;}
.connectPage ul.fbsearchList li{clear: both;overflow: hidden;transition: all 0.5s ease-in-out;cursor:pointer;}
.connectPage ul.fbsearchList li:hover{background:#228aba;transition: all 0.5s ease-in-out;}
.connectPage ul.fbsearchList li:hover a{color:#fff;transition: all 0.5s ease-in-out;}
.connectPage ul.fbsearchList li a{clear: both;overflow: hidden;padding: 5px;transition: all 0.5s ease-in-out;}
.connectPage ul.fbsearchList li img{float: left;width: 15%;margin-right: 7px;}
.connectPage ul.fbsearchList li .fbpageName{width: 82%;float: left;font-size: 80%;}
.connectPage .searchLoader{position: absolute;top: 8px;right: 7px;}

@media only screen and (min-width: 480px) and (max-width: 767px){
	.connectPage ul.fbsearchList li .fbpageName{font-size: 70%;}
}
@media only screen and (max-width: 479px){
	.connectPage {width: 100%;padding: 20px 0;}
	.connectPage .nopagetxt {margin: 5px 0 20px;}
	.connectPage h2 {font-size: 15px;}
	.connectPage .nopagetxt p{font-size: 13px;}
	.connectPage ul.fbsearchList li .fbpageName {width: 80%;font-size: 50%;}
}
/*==END FACEBOOK/WEBSITE IMPORT CSS==*/
/*==payment page==*/
.grandTotal .forBig {
    bottom: 120px !important;
    left: 50px;
}
/*==payment page==*/
.hideBorder label{font-weight: normal;}

	
/*Advanced setting */
.dir-lay-avdsett{
	font-size: 12px;
}
.dir-lay-avdsett ul li label{
	font-weight:normal;
}
.dir-lay-avdsett ul li{
	margin:0 10px 20px 0;
	display: inline-block;
	width: auto;
	float: none;
}
.thanks_page2_payment { margin:124px 0 0 -50px; }
#photo360maindiv .coreViews {position: relative;top: 2px;padding: 4px;font-size: 17px;}
.intl-tel-input .flag-dropdown .country-list { text-align: left;}
.col-custom-12 .support { padding: 0px 5px;}
.col-custom-12 .support.toBot { width: 100%; }

@media (min-width:768px){.addMoreAlert{max-width: 250px;width: 100% !important;}}


.emailListItemGroupStart .tab-content .buttonGreen {
    font-size: 12px !important;
}
.emailMarketingTabHolderx  .tab-content .import-btn {
    font-size: 12px !important;
}

@media only screen and (max-width: 1400px){
.foodHistoryNewTable {
    white-space: nowrap;
    font-size: 12px;
}
.foodPayHistory {
    white-space: nowrap;
    font-size: 10px;
}
.foodPayHistoryNew a {
    font-size: 11px;
}
.button {
    white-space: nowrap;
}
#importcsv .modal-body .col-md-4{ font-size:11px;}
.ptfs12 { font-size:12px !important;}
}
/*===CSS 3 EFFECTS===*/
.stretchLeft{
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;	

	animation-duration: 1.0s;	
	-webkit-animation-duration: 1.0s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 
}

@keyframes stretchLeft {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchLeft {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}


/* Wobble Horizontal */
@-webkit-keyframes buttonNext {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes buttonNext {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.buttonNext {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.buttonNext:hover, .buttonNext:focus, .buttonNext:active {
  -webkit-animation-name: buttonNext;
  animation-name: buttonNext;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Float Shadow */
.appBackground {
   -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.appBackground:hover, .appBackground:focus, .appBackground:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.appBackground:hover:before, .appBackground:focus:before, .appBackground:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.animateBounce ul li, .animateBounce1 ul li  {
 
 opacity:0;
 -webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;

}

.animateBounce ul li.on ,.animateBounce1 ul li.on {
 opacity:1;
 -webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical ul li{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-vertical ul li:hover, .hvr-wobble-vertical ul li:focus, .hvr-wobble-vertical ul li:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


.pullDown{
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 		
}

@keyframes pullDown {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullDown {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

.pullUp{
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
}

@keyframes pullUp {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}
.selectEveBlo li{
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}

.selectElemIcon li a{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;}
.selectElemIcon li a:hover{
z-index: 2;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
/*===CUSTOM PHOTO SLIDER===*/
.customSlider {position: relative;background: #f6f6f6;padding: 10px;border-radius: 4px;border: 1px solid #f6f6f6;}
.customSlider .slider-contorl {
    display: block;
    font-size: 17px;
    color: #fff;
    position: absolute;
    z-index: 2;
    top: 60px;
    cursor: pointer;
    background: #1091d8;
    width: 22px;
    height: 22px;
    border-radius: 10px;
    text-align: center;
    padding: 0px 5px;
    box-sizing: border-box;
}
.customSlider .slider-contorl.icon-left-open{left: -2%;}
.customSlider .slider-contorl.icon-right-open{right: -2%;}
.customSlider .sliderInner{overflow: hidden;position: relative;min-height: 153px;}
.customSlider ul {margin: 0 0 2% 0;list-style: none;padding: 0;float: left;position: absolute;left: 0;   -webkit-transition: none;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.customSlider ul li.customSliderdiv {width: 199px;margin: 0 14px 0 0;position: relative;float: left;background: #fff;height: 125px;}
.customSlider ul li.customSliderdiv img, .customSliderRemove ul li.customSliderdiv img{height: 100%;text-align: center;
margin: 0 auto;display: block;}
.customSlider ul li.customSliderdiv .pselected, .customSliderRemove ul li.customSliderdiv .pselected {position: absolute; right: 10px;background: #e9e9e9;width: 21px;height: 21px;border-radius: 50%;text-align: center;line-height: 22px;top: 4px;font-size: 11px;}
.customSlider ul li.customSliderdiv .pselected input[type="checkbox"], .customSliderRemove ul li.customSliderdiv .pselected input[type="checkbox"]{position: absolute;right: 0px;width: 21px;height: 21px;top: -4px;opacity: 0;cursor:pointer;}
.customSlider ul li.customSliderdiv .title, .customSliderRemove ul li.customSliderdiv .title{background: #e9e9e9;width: 100%;display: block;text-align: center;color: #000;border-radius: 0 0 5px 5px;padding: 2px;font-size: 14px;transition: all 0.5s ease-in-out;border: 0;}
.customSlider ul li.customSliderdiv .delete, .customSliderRemove ul li.customSliderdiv .delete {position: absolute;bottom:0;background: #228aba;color: #fff;width: 100%;left: 0;right: 0;text-align: center;opacity: 0;transition: all 0.5s ease-in-out;cursor: pointer;}
.customSlider ul li.customSliderdiv .vrating, .customSliderRemove ul li.customSliderdiv .vrating{position: absolute;left: 9px;top: 1px;color: #000;font-size: 20px;}
.customSlider ul li.customSliderdiv:hover .delete, .customSliderRemove ul li.customSliderdiv:hover .delete{opacity: 1;transition: all 0.5s ease-in-out;}
.customSlider ul li.customSliderdiv:hover .title, .customSliderRemove ul li.customSliderdiv:hover .title{background:#000;color:#fff;transition: all 0.5s ease-in-out;}
.customSliderRemove{box-sizing: border-box;position: relative;overflow: hidden;background: #f6f6f6;padding: 9px 0 0;border-radius: 4px;border: 1px solid #f6f6f6;}
.customSliderRemove ul {position: relative !important;list-style: none;-webkit-transition: none;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.customSliderRemove ul li {float: left;width: 203px;height: 125px;margin: 0 5.5px 35px;position: relative;list-style: none;	background: #fff;}
.customSlider ul li.customSliderdiv .pselected.icon-ok-4, .customSliderRemove ul li.customSliderdiv .pselected.icon-ok-4{background: #95b10c;color: #fff;}
.customSlider .addMoreAlert, .customSliderRemove .addMoreAlert{right:2px;bottom: 8px;max-width: 95%;}
/*===END CUSTOM PHOTO SLIDER===*/
/*==NEW PLAN PAGE==*/
.full_width{margin: 0 auto;max-width: 980px;}
.new-plan .plan_heading {
    font-size: 30px;
    line-height: 35px;
    margin: 40px 0;
    font-family: 'open_sansregular';
	color: #fff;
	font-weight: bold;
}
.new-plan .planTab {} .planTab.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-left-radius: 30px;border-bottom-left-radius: 30px;border-right: none;}
.new-plan .planTab.btn-group>.btn:last-child:not(:first-child), .new-plan .btn-group>.dropdown-toggle:not(:first-child) {border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-left: none;}
.new-plan .planTab.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-width: 1px 0 1px 0;}
.new-plan .planTab.btn-group-lg >.btn, .new-plan .btn-lg {font-size: 14px;z-index: 0;height:55px;}
.new-plan .planTab .btn span {color: #0ee9ba;font-size: 11px;float: left;width: 100%;}
.new-plan .planTab .btn-primary {background: transparent;color: #fff !important;border-color: #fff !important;border-radius: 30px;}
.new-plan .planTab .btn-primary:focus{outline: none;}
.new-plan .planTab .btn-primary:hover, .btn-primary.active {background: rgba(42, 187, 155, 0.5) !important;}
.new-plan .plan-section {margin: 0px auto 20px !important;color: #727272;position: relative;}
.new-plan .plan-tab {background: #fff;margin:0 0.2%;width: 24.6%;padding: 0;-webkit-transition: margin 1s, -webkit-transform 1s;-moz-transition: margin 1s, -webkit-transform 1s;-o-transition: margin 1s, -webkit-transform 1s;transition: margin 1s, transform 1s;}
.new-plan .price-header {padding: 15px 0 10px;position: relative;height: 160px;-webkit-transition: height 1s;-moz-transition: height 1s;-o-transition: height 1s;transition: height 1s;background: #26ab90; background: -moz-linear-gradient(left, #2abc9c 29%, #249f88 94%);background: -webkit-linear-gradient(left, #2abc9c 29%,#249f88 94%); background: linear-gradient(to right, #2abc9c 29%,#249f88 94%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2abc9c', endColorstr='#249f88',GradientType=1 ); }
.new-plan .white-circle {background-color: #fff;border: 6px solid #65c2b0;}
.new-plan .pricetag {border-radius: 50%;height: 84px;margin: 0 auto;width: 84px;}
.new-plan .rate {color: #122d3a;font-size: 1em;font-weight: 700;padding-top: 24px;text-align: center;line-height: 1em;}
.new-plan .nonCap_txt {
	font-size: 15px;
font-weight: bold;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 1px 0;
}

.new-plan .top_Label {
    position: absolute;
    left: -webkit-calc(66% - 50px);
	left: -moz-calc(66% - 50px);
	left: calc(66% - 50px);
    text-shadow: none;
    top: -39px;
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/label-bg.png) no-repeat center center;
    width: 145px;
    z-index: 999;
    height: 58px;
    line-height: 39px;
    color: #122d3a;
    font-size: 11px;
    font-weight: bold;
	text-align: center;
}
.new-plan .top_Label:before {} 
.plan-inner-content ul.centerList{list-style:none;}
.plan-inner-content ul.centerList li {
    text-align: center;
    width: auto;
    float: none;
    padding: 5px 15px;
    background: #ebebeb;
    overflow: hidden;
    margin: 1px 0;
}
.new-plan .plan-inner-content ul.centerList li.grayli {
    background: #f5f5f5;
}
.new-plan .centerList small {
    clear: both;
    float: left;
    width: 100%;
    padding: 3px 0;
}
.new-plan .sec_txt {
    clear: both;
    float: left;
    width: 100%;
    color: #303030;
}
.new-plan span.html5-icon {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/html5-icon.png) no-repeat center center;
    padding: 10px;
}
.new-plan span.apple-icon {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/apple-icon.png) no-repeat center center;
    padding: 10px;
}
.new-plan span.android-icon {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/android-icon.png) no-repeat center center;
    padding: 10px;
}
.new-plan span.window8-icon {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/window8-icon.png) no-repeat center center;
    padding: 10px;
}
.new-plan span.blackberry-icon {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/blackberry-icon.png) no-repeat center center;
    padding: 10px;
}
.new-plan span.amazone-icon {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/amazone-icon.png) no-repeat center center;
    padding: 10px;
}
.new-plan *::-moz-selection {
    background-color: #27d3a5;
}
.new-plan span.priceWrite-icon {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/write-price.png) no-repeat center center;
    padding: 10px;
    clear: both;
}
.new-plan .publishbtn {
    padding: 10px 0;
    text-align: center;
    -webkit-transition: padding 1s, -webkit-transform 1s;
    -moz-transition: padding 1s, -webkit-transform 1s;
    -o-transition: padding 1s, -webkit-transform 1s;
    transition: padding 1s, transform 1s;
}
.new-plan .botom-btn{padding: 10px 0;}
.new-plan .pubGray {
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 12px;
    color: #fff !important;
    text-decoration: none;
    background: #26a98f;
    text-transform: uppercase;
    font-weight: bold;
	border: 0;
}
.new-plan .plan-tab.grn-tab.price-header {
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42, 188, 156, 1)), color-stop(35%, rgba(42, 188, 156, 1)), color-stop(98%, rgba(36, 160, 137, 1)), color-stop(100%, rgba(36, 159, 136, 1)));
    background: -webkit-linear-gradient(left, rgba(42, 188, 156, 1) 0%, rgba(42, 188, 156, 1) 35%, rgba(36, 160, 137, 1) 98%, rgba(36, 159, 136, 1) 100%);
    background: -o-linear-gradient(left, rgba(42, 188, 156, 1) 0%, rgba(42, 188, 156, 1) 35%, rgba(36, 160, 137, 1) 98%, rgba(36, 159, 136, 1) 100%);
    background: -ms-linear-gradient(left, rgba(42, 188, 156, 1) 0%, rgba(42, 188, 156, 1) 35%, rgba(36, 160, 137, 1) 98%, rgba(36, 159, 136, 1) 100%);
    background: linear-gradient(to right, rgba(42, 188, 156, 1) 0%, rgba(42, 188, 156, 1) 35%, rgba(36, 160, 137, 1) 98%, rgba(36, 159, 136, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2abc9c', endColorstr='#249f88', GradientType=1);
}
/*for red tab*/

.new-plan .plan-tab.red-tab .price-header {
    background: rgba(241, 196, 49, 1);
    background: -moz-linear-gradient(left, rgba(241, 196, 49, 1) 0%, rgba(241, 157, 44, 1) 98%, rgba(241, 156, 44, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(241, 196, 49, 1)), color-stop(98%, rgba(241, 157, 44, 1)), color-stop(100%, rgba(241, 156, 44, 1)));
    background: -webkit-linear-gradient(left, rgba(241, 196, 49, 1) 0%, rgba(241, 157, 44, 1) 98%, rgba(241, 156, 44, 1) 100%);
    background: -o-linear-gradient(left, rgba(241, 196, 49, 1) 0%, rgba(241, 157, 44, 1) 98%, rgba(241, 156, 44, 1) 100%);
    background: -ms-linear-gradient(left, rgba(241, 196, 49, 1) 0%, rgba(241, 157, 44, 1) 98%, rgba(241, 156, 44, 1) 100%);
    background: linear-gradient(to right, rgba(241, 196, 49, 1) 0%, rgba(241, 157, 44, 1) 98%, rgba(241, 156, 44, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1c431', endColorstr='#f19c2c', GradientType=1);
}
.new-plan .plan-tab.red-tab .white-circle {
    border-color: #f5c16b;
}
.new-plan .plan-tab.red-tab .pubGray {
    background: #f1a02c;
}
.new-plan .plan-tab.red-tab .plan-inner-content {
    border-color: #d65b1d;
}
.new-plan .plan-tab.red-tab .plan-inner-content::after {
    border-color: #d65b1d transparent transparent transparent;
}
/*for black tab*/

.new-plan .plan-tab.black-tab .price-header {
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(52, 73, 93, 1)), color-stop(35%, rgba(52, 73, 93, 1)), color-stop(98%, rgba(45, 62, 79, 1)), color-stop(100%, rgba(45, 62, 79, 1)));
    background: -webkit-linear-gradient(left, rgba(52, 73, 93, 1) 0%, rgba(52, 73, 93, 1) 35%, rgba(45, 62, 79, 1) 98%, rgba(45, 62, 79, 1) 100%);
    background: -o-linear-gradient(left, rgba(52, 73, 93, 1) 0%, rgba(52, 73, 93, 1) 35%, rgba(45, 62, 79, 1) 98%, rgba(45, 62, 79, 1) 100%);
    background: -ms-linear-gradient(left, rgba(52, 73, 93, 1) 0%, rgba(52, 73, 93, 1) 35%, rgba(45, 62, 79, 1) 98%, rgba(45, 62, 79, 1) 100%);
    background: linear-gradient(to right, rgba(52, 73, 93, 1) 0%, rgba(52, 73, 93, 1) 35%, rgba(45, 62, 79, 1) 98%, rgba(45, 62, 79, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#34495d', endColorstr='#2d3e4f', GradientType=1);
}
.new-plan .plan-tab.black-tab .white-circle {
    border-color: #6b7784;
}
.new-plan .plan-tab.black-tab .pubGray {
    background: #2f4153;
}
.new-plan .plan-tab.black-tab .plan-inner-content {
    border-color: #2f4153;
}
.new-plan .plan-tab.black-tab .plan-inner-content::after {
    border-color: #2f4153 transparent transparent transparent;
}
/*for yellow tab*/

.new-plan .plan-tab.yellow-tab .price-header {
    background: rgb(162, 162, 162);
    background: -moz-linear-gradient(left, rgb(162, 162, 162) 0%, rgb(125, 125, 125) 98%, rgb(150, 150, 150) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(162, 162, 162)), color-stop(98%, rgb(125, 125, 125)), color-stop(100%, rgb(150, 150, 150)));
    background: -webkit-linear-gradient(left, rgb(162, 162, 162) 0%, rgb(125, 125, 125) 98%, rgb(150, 150, 150) 100%);
    background: -o-linear-gradient(left, rgb(162, 162, 162) 0%, rgb(125, 125, 125) 98%, rgb(150, 150, 150) 100%);
    background: -ms-linear-gradient(left, rgb(162, 162, 162) 0%, rgb(125, 125, 125) 98%, rgb(150, 150, 150) 100%);
    background: linear-gradient(to right, rgb(162, 162, 162) 0%, rgb(125, 125, 125) 98%, rgb(150, 150, 150) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1c431', endColorstr='#f19c2c', GradientType=1);
}
.new-plan .plan-tab.yellow-tab .white-circle {
    border-color: #a0a0a0;
}
.new-plan .plan-tab.yellow-tab .pubGray {
    background: #818181;
}
.new-plan .plan-tab.yellow-tab .plan-inner-content {
    border-color: #f1a02c;
}
.new-plan .plan-tab.yellow-tab .plan-inner-content::after {
    border-color: #f1a02c transparent transparent transparent;
}
.new-plan .show-toggle {
    display: none;
}
.new-plan .view-btn {
    background: rgba(0, 0, 0, 0) url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/nview-btn.png) no-repeat scroll left bottom;
    border: 0 none;
    bottom: -30px;
    height: 85px;
    padding-left: 34px;
    position: absolute;
    right: -14px;
    color: #fff;
}
.new-plan a.plus-btn:hover {
    color: #26a98f;
    text-decoration: none;
    border: 3px solid #26a98f;
}
.new-plan a.plus-btn {
    background: #fff;
    border: 3px solid #137faf;
    border-radius: 100%;
    color: #7a7a7a;
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 75px;
}
.new-plan .plus-btn.hideR {
   line-height: 70px;
}
.new-plan .viewAllplan {
    color: #fff;
    right: 96px;
    position: absolute;
    top: 45px;
}
.new-plan .appAddons-section {
    margin: 10px 0;
	overflow: visible !important;
}
.new-plan .appAddons-section .heading {
    font-size: 27px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 20px;
}
.new-plan .appAddons-section .add-ons-tab {
    background: #fff;
    margin: 0 2px;
    width: 32.9%;
    padding: 0;
}
.new-plan .appAddons-section .addons-header {
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 24px;
}
.new-plan .appAddons-section .adons-circle {
    width: 98px;
    height: 98px;
    border: 4px solid #26a98f;
    border-radius: 100%;
    margin: 15px auto;
    line-height: 35px;
    font-weight: bold;
    font-family: Arial;
	padding-top: 6%;
}
.new-plan .appAddons-section .adons-circle .value {
    font-size: 27px;
}
.new-plan .appAddons-section .adons-circle .price_month{
	display: block;
line-height: 0;
}
.new-plan .appAddons-section .adons-text {
    background: url("https://d2wuvg8krwnvon.cloudfront.net/newui/images/check-icon-1.png") top left no-repeat;
    text-align: left;
    padding: 0px 0 0 30px;
    color: #4d636d;
    font-size: 11px;
    line-height: 26px;
    margin: 10px 25px;
}
.new-plan .appAddons-section .red-tab .adons-text{background: url("https://d2wuvg8krwnvon.cloudfront.net/newui/images/check-icon-red.png") top left no-repeat;}
.new-plan .appAddons-section .blue-tab .adons-text{background: url("https://d2wuvg8krwnvon.cloudfront.net/newui/images/check-icon-black.png") top left no-repeat;}

.new-plan .appAddons-section .v-line {
    width: 100%;
    height: 1px;
    background: #cccccc;
}
.new-plan .appAddons-section .createbtn {    margin: 20px 0px 20px;}
.new-plan .appAddons-section .createbtn .crtbtn {
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 12px;
    color: #fff !important;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}
/*for green top tab*/

.new-plan .plan-tab.grn-tab.active .plan-inner-content {
    border-bottom: 5px solid #26a98f;
    position: relative;
}
.new-plan .plan-tab.grn-tab.active .plan-inner-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: #26a98f transparent transparent transparent;
}
/*for red top tab*/

.new-plan .plan-tab.red-tab.active .plan-inner-content {
    border-bottom: 5px solid #f1a02c;
    position: relative;
}
.new-plan .plan-tab.red-tab.active .plan-inner-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: #f1a02c transparent transparent transparent;
}
/*for blue top tab*/

.new-plan .plan-tab.black-tab.active .plan-inner-content {
    border-bottom: 5px solid #2f4153;
    position: relative;
}
.new-plan .plan-tab.black-tab.active .plan-inner-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: #2f4153 transparent transparent transparent;
}
/*for yellow top tab*/

.new-plan .plan-tab.yellow-tab.active {
    margin-top: -40px;
}
.new-plan .plan-tab.yellow-tab.active .publishbtn {
    padding: 25px 0;
   
}
.new-plan .plan-tab.yellow-tab.active .price-header {
    padding: 40px 0;
}
.new-plan .plan-tab.yellow-tab.active .plan-inner-content {
    border-bottom: 5px solid #f1a02c;
    position: relative;
}
.new-plan .plan-tab.yellow-tab.active .plan-inner-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: #f1a02c transparent transparent transparent;
}
.new-plan .plan-section .plan-tab.yellow-tab.active .view-btn {
    bottom: -47px;
}
/*for green tab*/

.new-plan .appAddons-section .grn-tab .add-ons-tab {} .appAddons-section .grn-tab .addons-header {
    background: #26a98f;
}
.new-plan .appAddons-section .grn-tab .adons-circle {
    color: #26a98f;
    border-color: #26a98f;
}
.new-plan .appAddons-section .grn-tab .createbtn .crtbtn {
    background: #26a98f;
}
/*for red tab*/

.new-plan .appAddons-section .red-tab .addons-header {
    background: #d65b1d;
}
.new-plan .appAddons-section .red-tab .adons-circle {
    color: #d65b1d;
    border-color: #d65b1d;
}
.new-plan .appAddons-section .red-tab .createbtn .crtbtn {
    background: #d65b1d;
}
/*for blue tab*/

.new-plan .appAddons-section .blue-tab .addons-header {
    background: #2f4153;
}
.new-plan .appAddons-section .blue-tab .adons-circle {
    color: #2f4153;
    border-color: #2f4153;
}
.new-plan .appAddons-section .blue-tab .createbtn .crtbtn {
    background: #2f4153;
}
/*for yellow tab*/

.new-plan .appAddons-section .yellow-tab .addons-header {
    background: #f1a02c;
}
.new-plan .appAddons-section .yellow-tab .adons-circle {
    color: #f1a02c;
    border-color: #f1a02c;
}
.new-plan .appAddons-section .yellow-tab .createbtn .crtbtn {
    background: #f1a02c;
}
.new-plan .plan-tab.active .publishbtn, .new-plan .plan-tab.active .botom-btn {
    padding: 20px 0;
    
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.new-plan .plan-tab .freeSelected{
	 padding: 8px 0;
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
	color: red;
	font-weight: 600;
}


.new-plan .plan-tab .top-btn{visibility:visible !important;padding: 10px 0 !important;display:none;position: relative; overflow: visible !important;
}
.new-plan .plan-tab .top-btn .selected{position: absolute;
left: 0px;
right: 0px;
z-index: -111;}
.new-plan .appAddons-section .thanksBtn{
	padding: 15px 70px !important;
font-size: 14px !important;
background: #26a98f;
text-transform: unset !important;}

/*======*/
.addonsection.grn-tab .new-add-ons-tab { border-top: 8px solid rgb(38, 169, 143);}
.addonsection.red-tab .new-add-ons-tab { border-top: 8px solid #f1a02c;}
.addonsection.blue-tab .new-add-ons-tab { border-top: 8px solid rgb(47, 65, 83);}
.new-add-ons-tab {
    background-color: rgb(249, 249, 249);
	color: rgb(51, 51, 51);
	box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 0px 0px;
	margin: 0px 0px 20px;
	padding: 15px 70px 20px;
	border-top: 8px solid rgb(19, 127, 175);
	border-radius: 3px;
}
.new-plan .appAddons-section .new-add-ons-tab .heading {
    font-size: 22px;
    margin-bottom: 10px;
    color: rgb(18, 45, 58);
    font-weight: bold;
    text-align: center;
}
.new-add-ons-text {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.42857;
    margin-bottom: 18px;
	font-size: 14px;
}
#add-drpdwn {
    width: 70%;
    cursor: pointer;
    position: relative;
    margin: 0px auto;
    padding: 0px;
}
.dropdown-control {
    text-align: left;
   /* font-weight: 700;*/
    color: rgb(18, 45, 58);
    padding: 6px 19px;
}
.drpdwn-caret {
    position: absolute;
    top: 5px;
    right: 10px;
}
.new-add-ons-tab .dropdown-menu {
    width: 100%;
    margin: 0px;
    padding: 0px;
	height: auto !important;
}
.new-add-ons-tab .dropdown-menu > li {    border-bottom: 1px solid rgb(204, 204, 204);}
.new-add-ons-tab .plan-det {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.2;
    color: rgb(51, 51, 51);
    white-space: nowrap;
    padding: 10px 18px;
    text-decoration: none;
}
.plan-option .title {    font-weight: 700;}
.plan-option .price-wrapper {   display: block;}
.text-secondary {
    display: block;
    color: rgb(19, 127, 175);
    font-weight: 700;
    margin: 5px 0px;
	font-size: 16px;
}
.dropdown-control .text-secondary {    display: inline;}
.new-plan .appAddons-section .createbtn .crtbtn.noaddbtn {    font-size: 14px;}
.crtbtn.noaddbtn .icon-cart {    margin-right: 5px;    font-size: 18px;}
.new-add-ons-tab .checkbox {    line-height: 1.2;}
.plan-det ul li { list-style: disc;}
.plan-det ul {padding-left: 20px;}

.addonsection.red-tab .new-add-ons-tab .text-secondary {    color: #f1a02c;}
.addonsection.red-tab .new-add-ons-tab .dropdown-menu > li:hover a.plan-det {    color: #f1a02c;}
.addonsection.red-tab .new-add-ons-tab .dropdown-menu > li:hover a.plan-det .text-secondary { color: #d68c22;}

.addonsection.grn-tab .new-add-ons-tab .text-secondary {    color: #26a98f;}
.addonsection.grn-tab .new-add-ons-tab .dropdown-menu > li:hover a.plan-det {    color: #26a98f;}
.addonsection.grn-tab .new-add-ons-tab .dropdown-menu > li:hover a.plan-det .text-secondary { color: #0d715d;}

.addonsection.blue-tab .new-add-ons-tab .text-secondary {    color: #2f4153;}
.addonsection.blue-tab .new-add-ons-tab .dropdown-menu > li:hover a.plan-det {    color: #2f4153;}
.addonsection.blue-tab .new-add-ons-tab .dropdown-menu > li:hover a.plan-det .text-secondary { color: #132333;}


/* Checkbox button Styling  Starts*/
.match-ckeck-bx label {
    min-height: 20px;
    font-weight: 400;
    cursor: pointer;
	line-height: 1.5;
	margin-bottom: 5px;
}


.match-ckeck-bx [type="checkbox"]:not(:checked),
.match-ckeck-bx [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.match-ckeck-bx [type="checkbox"]:not(:checked) + label,
.match-ckeck-bx [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
	font-size: 14px;
	line-height: 23px;
}


/* checkbox aspect */

.match-ckeck-bx [type="checkbox"]:not(:checked) + label:before,
.match-ckeck-bx [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 19px;
    height: 19px;
    border: 2px solid #bbb;
    border-radius: 2px;
    background: transparent;
}


/* checked mark aspect */

.match-ckeck-bx [type="checkbox"]:not(:checked) + label:after,
.match-ckeck-bx [type="checkbox"]:checked + label:after {
    content: '\ea1a';
    position: absolute;
    top: 2px;
    left: 3px;
    font-size: 20px;
    line-height: 0.8;
    color: #d65b1d;
    transition: all .2s;
    font-family: 'fontello';
}

.addonsection.grn-tab .new-add-ons-tab .match-ckeck-bx [type="checkbox"]:not(:checked) + label:after,
.addonsection.grn-tab .new-add-ons-tab .match-ckeck-bx [type="checkbox"]:checked + label:after {  color: #26a98f;}
.addonsection.blue-tab .new-add-ons-tab .match-ckeck-bx [type="checkbox"]:not(:checked) + label:after,
.addonsection.blue-tab .new-add-ons-tab .match-ckeck-bx [type="checkbox"]:checked + label:after {    color: #2f4153;}

/* checked mark aspect changes */

.match-ckeck-bx [type="checkbox"]:not(:checked) + label:after {    opacity: 0;    transform: scale(0);}
.match-ckeck-bx [type="checkbox"]:checked + label:after {   opacity: 1;    transform: scale(1);}


/* disabled checkbox */

.match-ckeck-bx [type="checkbox"]:disabled:not(:checked) + label:before,
.match-ckeck-bx [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.match-ckeck-bx [type="checkbox"]:disabled:checked + label:after {    color: #999;}
.match-ckeck-bx [type="checkbox"]:disabled + label {    color: #aaa;}
.showPriceDiv{display:none;}
.plan-tab .ismobilebtn .pubGray{
		display:none;
	}

/* Checkbox button Styling  End*/

@media (max-width:740px){
	.new-add-ons-tab {    padding: 40px 20px 55px 20px;}
	#add-drpdwn {    width: 100%;}
	.current-price.text-secondary, .dropdown-control {    padding: 8px 12px;    font-size: 10px;}
	.plan-det ul li{font-size: 9px;}
	.plan-det ul {padding-left: 0;}
	.new-add-ons-tab{width: 87%;margin: 0 auto;}
	.new-plan .appAddons-section .createbtn .crtbtn.noaddbtn {   font-size: 12px;}
	.check-box label {   margin-bottom: 15px;}
}

/* New add ons template End */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .new-plan .plan-tab {
        
	}
	.platformIcon i{font-size: 18px !important;}
	.new-plan .plan-tab.plan-tab3{width: 31.9% !important;}
	.new-plan .plan-tab.plan-tab2{width: 48.5% !important;}
    .new-plan .appAddons-section .add-ons-tab {
        max-width: 270px;
		min-height: 425px;
		margin: 0 10px;
		width: 100%;
    }
	.new-plan .view-btn{
		right: 0;
	}
	.new-plan .appAddons-section .adons-text{margin: 10px 10px;font-size:10px;}
	.mobilePadding{padding: 0 20px;}
}
@media only screen and (max-width: 767px) {
	.new-plan .appAddons-section .adons-text{margin: 10px 15px;}
	.mobilePadding{padding: 0 20px;}
    .new-plan .plan-tab, .new-plan .plan-tab.plan-tab2, .new-plan .plan-tab.plan-tab3 {
        width: 80% !important;
		margin: 0 auto 20px;
		float: none;
    }
	
	.new-add-ons-tab{
		width: 87%;
		margin: 0 auto;
	}
	
	.plan-tab .ismobilebtn .pubGray{
		display:inline-block;
	}
	.addonsection{margin-top: 40px;}
	.showPriceDiv {
    position: absolute;
    background: #fff;
    color: #000;
    font-size: 25px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    bottom: -8px;
    border-radius: 100%;
    right: -8px;
    cursor: pointer;
    box-shadow: 0 0px 4px #989898;
    display: block;
    z-index: 9;
	text-align: center;
}
	
	.showPriceDiv{display:block;}
    
    .new-plan .view-btn {
        display: none;
    }
    .new-plan .appAddons-section .add-ons-tab {
        width: 80% !important;
        min-height: 430px;
        margin: 0 auto 30px !important;
    }
	
    .new-plan .appAddons-section {
        margin: 0px 0 !important;
    }
    .new-plan .plan-section {
        margin: 0px auto 10px !important;
		padding: 22px 0 0 0;
    }
	
	.new-plan .publishbtn{
		visibility: visible !important;
	}
	
	.new-plan .plan-tab.black-tab{margin-bottom: 20px;}
	.mobileBtn{margin: 0 0 15px 0 !important;}
	.new-plan .appAddons-section .thanksBtn{font-size: 13px !important;padding: 10px 40px !important;}
	.marginNone{margin-bottom:0 !important;}
}

.new-plan .call_us {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    border-radius: 30px;
    padding: 10px 30px;
    background: rgba(42, 187, 155, 0.3);
    font-size: 14px;
    border: 1px solid #fff;
    transition: ease all 0.5s;
}
.new-plan .call_us a {
    color: #fff !important;
    font-size: 11px;
    line-height: 21px;
}
.new-plan .call_us span.iconz-phone1 {
    font-size: 25px;
    float: left;
    color: #0de69a;
    display: block;
    margin-right: 8px;
    padding: 2px 0;
}
.new-plan .call_us span.call-txt {
    float: right;
    text-align: left;
    line-height: 16px;
}
.new-plan .call_us:hover {
    background: rgba(42, 187, 155, 0.5);
}
@media (max-width:740px){
 .new-plan .call_us {
 position: static;
 height: 54px;
 margin: auto;
 padding: 10px 20px;
 max-width: 270px;
}
}
/*==CSS 3 Animation for plane page==*/
.new-plan .appAddons-section .adons-circle, .new-plan .pricetag {
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.new-plan .appAddons-section .createbtn .crtbtn, .new-plan .pubGray{
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0 0 1px transparent;
	position: relative;

}

.new-plan .price-title-p{color: #fff;padding-bottom: 5px;font-size: 16px;font-weight: 600;}
.platformIcon {
    display: block;
}
.platformIcon i{margin: 0 2.5px;font-size: 25px;}
.platformIcon i.icon-cancel {font-size: 13px;}

.new-plan .plan-tab.plan-tab2{width: 49.33%;}
.new-plan .plan-tab.plan-tab3{width: 32.33%;}
.white-txt{color:#fff;font-size: 14px;}
/*==End CSS 3 Animation for plane page==*/
.page_feature label{font-size: 11px;}
header .navbar-static-top .navbar-nav > li > a {padding-bottom: 10px;padding-top: 5px;color: #ccc !important;padding-left: 13px;padding-right: 13px;}
#scheduling .scheduleBtn { width: 81px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap; float: left;}
.searchIcon{
	position: absolute !important;
	right: 6px;
	top: 5px;
	z-index: 9;
	cursor: pointer;
	background: #fff;
	width: 24px;
	height: 24px;
	text-align: center;
	}
.scrollIcon{
	height: 430px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	}
.selectedIcon .active{font-size: 70px;
border: 2px solid #95b10c;
border-radius: 5px;
text-align: center;
background: #fbfbfb;
padding: 18px 10px 10px 10px;
line-height: 80px;}
.selectedIcon .active a{
	color: #fff;
	text-shadow: 1px 2px 2px #9c9c9c;
}
.iconType .list-group-item.active a{color:#fff;}

.timeZone .caretIcon{font-size: 10px;opacity: 0.7;width: 14px;position: absolute;right:10px;z-index: 99;top: 13px;}
.timeZone ul.timedropDown {border: 1px solid #d0d0d0;list-style-type: none;max-height: 165px;overflow: auto;text-align: left;position: absolute;width: 100%;z-index: 99;background: #fff;top: 35px;}
.timeZone ul.timedropDown li{font-size: 13px;padding: 2px 5px;transition: all 0.5s ease-in-out;}
.timeZone ul.timedropDown li:hover{background:#228aba;color:#fff;transition: all 0.5s ease-in-out;}
.timeZone .form-control{border-radius: 0;}
.padding0{padding:0;}

.app-new-icon-bg > .appyicon-chat-bots {line-height: 58px;}
.myAppPagesOptions ul li a > .appyicon-chat-bots {line-height: 85px;}


.saveFinish .buttonNext {
    margin: 19px 0 0 0;
    padding: 0 24px;
}
#appName{height:45px;}
.fixedButton {
    position: fixed;
    top: -2px;
    z-index: 9999;
    right: 67%;
    font-size: .8125rem;
    font-family: "MuseoSans-100","Lucida Grande",Arial;
    line-height: 33px;
    width: auto;
    padding: 0 29px;
    margin-right: -120px !important;
}
/*===COUPON TYPE TAB===*/
.options {padding: 10px 0 15px 0;background: #fff;margin: 0;}
.options .col-md-4 {text-align: center;}
.options .col-md-4 span {display: block;font-size: 35px;line-height: 35px;}
.options .stepCoupon{padding: 10px;width: 70%;margin: 0 auto;border: 1px dashed #a9a9a9;transition: all 0.5s ease-in-out;}
.options .activestep {color: #95b10c;border: 1px solid #95b10c;box-shadow: 0px 0px 2px #7b7b7b;transition: all 0.5s ease-in-out;}
.options .stepCoupon:hover {color: #95b10c; cursor: pointer;transition: all 0.5s ease-in-out;}

.options .col-md-4 input {position: absolute;z-index: 99;width: 100%;height: 100%;left:0;top:0;opacity: 0; cursor: pointer;}

.couponDisplay {padding: 0 15px;}
/*.couponDisplay .col-md-4 div {background-color: #fff; border: 1px solid #C0C0C0; text-align: center; color:#C0C0C0; font-size: 35px; height: 75px; padding-top: 7px;}*/

.couponDisplay input.form-control {display: inline;width: 74px;}

.couponDisplay .col-md-4 div:hover {color: #000; cursor: pointer;}

/*.couponDisplay .activestep {color: #000!important; border: 3px solid #000 !important; vertical-align: central;}*/

.insert_coupon_image { display: block; max-width: 200px; height: 125px; border: 1px dashed #ccc; position: relative;}.insert_coupon_image input { width: 100%; height: 125px; cursor: pointer; position: absolute; top:0; left:0; z-index: 99; opacity: 0;}.insert_coupon_image .close_ins { position: absolute; right: -7px; top: -10px; z-index: 999; cursor: pointer;}
.discountType {
    padding: 11px 1.25rem;
    text-align: center;
    height: 5.625rem;
    position: relative;
    background: #ececec;
    margin: 0 3%;
    width: 27.33%;
    font-size: 14px;
}
.discountType:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 2.8125rem solid transparent;
    border-top: 2.8125rem solid transparent;
    border-left: 0.625rem solid #fff;
}
.discountType:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    border-bottom: 2.8125rem solid transparent;
    border-top: 2.8125rem solid transparent;
    border-left: 0.625rem solid  #ececec;
}
.discountType.first::before {
    border-left-color: #ececec;
}
.discountType.last::after {
    border-left: 0.625rem solid transparent;
}
.discountType .form-control{width: 90%;margin: 0 auto;text-align: center;}
.couponLucky{margin: 0 0 15px 0;padding: 15px 0 5px 0;}
.options .disabled {color: #cecece !important;cursor: no-drop;border: 1px dashed #dedede !important;}
.deleteRow{font-size: 11px;font-weight: 700;color: #fff;position: absolute;background: rgba(00,00,00,0.6);width: 25px;height: 25px;text-align: center;line-height: 25px;border-radius: 50%;right: -11px;top: -14px;cursor: pointer;}
.deleteRow:hover{background: rgba(00,00,00,0.8);color:#fff;}
.deletCoupan{position: absolute;
right: 10px;
top: -9px;}
.errorImage{border: 3px solid red;}
.deletCimage{position: absolute;right: -8px;top: -12px;font-size: 22px;color: #333 !important;}
/*===END COUPON TYPE TAB===*/
/*===ADD LISTING===*/
.add_Listing .circle {
    background-color: #eaeaea;
    width: 4.0rem;
    height: 4.0rem;
    border-radius: 2.25rem;
    display: inline-block;
    line-height: 4.5rem;
    text-align: center;
    font-size: 26px;
    float: left;
    color: #808080;
    box-shadow: 1px 2px 2px rgba(35, 35, 35, 0.2);
}
.add_Listing .page_title {
    margin: 10px 0 0 15px;
    display: inline-block;
    float: left;
}
.add_Listing .addlistingBtn {
    margin-top:15px;
    padding: 0px 15px;
    min-width: 150px;
    text-align: center;
}
.pd-des .icon {
    color: #228aba;
    margin-right: 5px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    top: 2px;
}
.add_Listing .panel-body {
    min-height: 95px;
}

.pd-wrap {
    position: relative;
}
.pd-wrap::after{
    content:'';
    display:table;
    clear: both;
}
.pd-wrap .circle-wrap {
    position: absolute;
    left: 0px;
}
.pd-wrap .page_title {
    margin-left: 4.0rem;
    padding-left: 10px;

}
.pd-wrap .page_title.content-wrap h3 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;

}
.pd-wrap .pd-des {
    color: #888383;
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    cursor: pointer;
    color: #228aba;
}
.pd-wrap .pd-des:nth-last-child(1){
    margin-right:0px;
}
.add_Listing .addlistingBtn span{margin-right: 5px;}
/*===END ADD LISTING===*/


/*===FOLDER PAGE TOOLTIP CSS===*/
.commonTollTip{
	position: absolute;
	z-index: 500;
	left: auto;
	top: auto;
	margin-top: -10px;
	margin-left: -1px;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #228aba;
	-webkit-animation: cd-pulse 2s infinite;
    -moz-animation: cd-pulse 2s infinite;
    animation: cd-pulse 2s infinite;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.commonTollTip.tour2{
	margin-top: 12px;
	margin-left: 7px;
}
.commonTollTip.tour3{
	margin-top: -8px;
	margin-left: -1px;
}
.commonTollTip.tour4{
	margin-top: -15px;
	margin-left: 2px;
}	
@-webkit-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #228aba;
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
  }
}
@-moz-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #228aba;
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
  }
}
@keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #228aba;
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
  }
}
.commonTollTip:hover span {
    position: absolute;
    display: block;
    width: 250px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
    background-color: #fefffb;
    color: #333;
    bottom: 24px;
    right: 50%;
    font-size: 14px;
    padding: 15px;
    border-radius: 5px;
    text-align: left;
    left: inherit !important;
    z-index: 99;
    font-style: normal;
    margin-right: -177px;
}
.commonTollTip span h2 {
    font-size: 19px;
    line-height: 1.2;
    color: #000;
    margin-bottom: 5px;
}
.commonTollTip span p {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}
.commonTollTip span::after {
    border-color: #fefffb transparent transparent;
    border-style: solid;
    border-width: 8px;
    content: "";
    height: 0;
    left: 65px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.commonTollTip span{
    display: none;
}
/*===END FOLDER PAGE TOOLTIP CSS===*/

/*===SIMULATOR MODE===*/
.simulatorMode{
	padding: 0 15px !important;
	}
.simulatorModeIcon {
    font-size: 130px;
    color: #636262;
    margin-top: 70px;
    line-height: 110px;
}
/*===END SIMULATOR MODE===*/

.ptt {
	line-height:33px !important;
}
/*Real Estate New*/
.real_ss .circle {
    background-color: #eaeaea;
    width: 4.0rem;
    height: 4.0rem;
    border-radius: 2.25rem;
    display: inline-block;
    line-height: 4.5rem;
    text-align: center;
    font-size: 26px;
    float: left;
    color: #808080;
    box-shadow: 1px 2px 2px rgba(35, 35, 35, 0.2);
}
.real_ss .page_title {
    margin: 10px 0 0 15px;
    display: inline-block;
    float: left;
}
.real_ss .addlistingBtn {
    margin-top: 15px;
    padding: 0 28px;
}
.real_ss .addlistingBtn span {
    margin-right: 5px;
}
.real_ss {
	margin-top:46px;
}
td.lh {
    line-height: 33px !important;
}
.pdt {
	padding-top:5px;
}
.loyalTooltip.cus:hover span {
    position: absolute;
    display: block;
    width: 150px;
    background: #000;
    color: #fff;
    bottom: -77px;
    right: -70px;
    font-size: 11px;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    left: inherit !important;
    z-index: 99;
}
.loyalTooltip.cus span::after {
    border-color: transparent transparent black;
    border-style: solid;
    border-width: 8px;
    content: "";
    height: 0;
    left: 65px;
    pointer-events: none;
    position: absolute;
    width: 0;
    top: -15px;
}
.loyalTooltip.cusss:hover span {
    bottom: 26px;
    right: -67px;
    font-size: 11px;
    padding: 5px;
    white-space: initial !important;
}
/*End*/
/*Quote*/
span.add_m {
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
}
span.qt_img img {
    max-width: 150px;
}
.radd {
	background: #ececec;
    padding: 5px 15px;
    margin-right: 15px;
    border-radius: 5px;
}
p.add_p_h {
    font-size: 16px;
    width: 60%;
    margin: auto;
    margin-top: 8%;
}
.b_msg {
    margin-top: 20px;
}
.add_fi {
    margin-top: 10px;
    margin-left: 2px;
}
.b_msg .smallp {
    font-size: 14px;
    font-weight: bold;
}
.modal-body.vtab_val label {
    width: 25%;
}
.modal-body.vtab_val li.list-group-item {
    background: #f7f7f7;
}
.m_lan {
	line-height: 33px;
}
.add_qt li a {
    background: #eee;
}
@media (max-width:750px) {
	.pdt {
    float: left !important;
}
}
/*End*/

.middlealignPopup{
	top: 225px;
}
@media (max-width:480px){
	.middlealignPopup {top: 60px;}
}
@media (max-width:320px){
	.middlealignPopup {top: 120px;}
}

/*===THEME SLIDER===*/
.themeSlider{padding: 0 33px;}
.themeSlider .themeSliderInner{min-height: 415px;overflow: hidden;position: relative;text-align: center;}
.themeSlider .themeSliderInner ul{list-style: none;padding: 0;float: left;position: absolute;left: 0;-webkit-transition: none;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;width: 5000px;margin: 15px 0;}
.themeSlider .themeSliderInner .activeBg .selection{right:0;}
.themeSlider .themeSliderInner ul li {float: left;width: 197px;margin: 0 20px 20px 0;position: relative;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;-o-user-select: none;}
.themeSlider .themeSliderControl .icon-left-open, .themeSlider .themeSliderControl .icon-right-open {display: block;font-size: 35px;color: #c4c4c4;position: absolute;z-index: 2;top: 50%;cursor: pointer;margin-top: -35px;transition: all 0.5s ease-in-out;}
.themeSlider .themeSliderControl .icon-left-open:hover, .themeSlider .themeSliderControl .icon-right-open:hover{
color: #9f9f9f;
transition: all 0.5s ease-in-out;
}
.themeSlider .themeSliderInner ul li img{background: #e0e0e0;padding: 36px 10px;border-radius: 6px;    border: 0 !important;}
.themeSlider .themeSliderInner ul li.activeNavs img{background: #1e4260!important;}
.themeSlider .themeSliderControl .icon-left-open {left: 9px;}
.themeSlider .themeSliderControl .icon-right-open {right: 9px;}
/*===END THEME SLIDER===*/
label.icf {
    font-size: 12px;
}

.betaEventImg {position: absolute;width: 36px;right: 0;top: 0;}
/*===MODAL MIDDLE ALIGN CSS==*/
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
#appTablets:before {
  height: auto;}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin:0 auto;
}
/*===END MODAL MIDDLE ALIGN CSS==*/
/*===MINIMIZE BUTTON FOR APP PAGE===*/
.minimizeBtn{
	position: absolute;
	display: block;
	top: -34px;
	left: 50%;
	width: 4.25rem;
	margin-left: -2.1875rem;
	background: #f1f1f1;
	box-shadow: 0 .0625rem .125rem rgba(0,0,0,.1);
	border-radius: 0 0 .25rem .25rem;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	padding: 0px 0;
}
.minimizeBtn:hover{
	background-color: #fdfdfd;
	opacity: 1;
	padding: 2px 0;
}
.disabledBtn{
	background: #9ca0a2 !important; 
	cursor: inherit !important;
}
/*===END MINIMIZE BUTTON FOR APP PAGE===*/
/*===APP CATEGORY ICON COLOR===*/
.appCategory ul li a{
	border: 1px solid #cecece;
	box-shadow: 0px 1px 3px #cecece;
	background: transparent !important;
}
.appCategory ul li a span{
	background: -webkit-linear-gradient(100deg, #feca00 0%, #edd167 20%, #eaae5d 40%, #95b10c 60%, #63c6f2 80%, #feca00 100%);
	background: -moz-linear-gradient(100deg, #feca00 0%, #edd167 20%, #eaae5d 40%, #95b10c 60%, #63c6f2 80%, #feca00 100%);
	background: -o-linear-gradient(100deg, #feca00 0%, #edd167 20%, #eaae5d 40%, #95b10c 60%, #63c6f2 80%, #feca00 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-o-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
	-o-text-fill-color: transparent;
}
.ie11 .appCategory ul li a span,
.ie10 .appCategory ul li a span,
.ie9 .appCategory ul li a span,
.ie8 .appCategory ul li a span{color:#11aabb;}

.appCategory ul li a h5{color:#5aa9cd;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;}
/*===END APP CATEGORY ICON COLOR===*/

/*==PAYMENT PAGE CSS ADDED==*/
.securePayment {
    color: #08c85d;
    text-align: center;
}
.securePayment span {
    margin-right: 5px;
    position: relative;
    top: 3px;
    font-size: 20px;
}
.moneyBackpayment {
    background-color: #f0f0f0;
    padding: 20px;
    border-radius: 5px;
}
.moneyBackbg {
    width: 250px;
    height: 96px;
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/money-backbg.png) top center;
    margin: 0 auto;
    text-align: center;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.moneyBackbg big {
    float: left;
    font-size: 29px;
    font-weight: 700;
    line-height: 18px;
    margin-top: 16px;
    padding: 5px 0;
    width: 100%;
    color: #fff;
}
.moneyBackbg .days {
    clear: both;
    float: left;
    font-size: 16px;
    line-height: 16px;
    width: 100%;
    color: #fff;
}
.moneyBackbg .moneyBack-txt {
    clear: both;
    float: left;
    font-size: 12px;
    line-height: 12px;
    width: 100%;
    margin-top: 13px;
}
/*==END PAYMENT PAGE CSS ADDED==*/	
/*.editMyAppPage{
	min-height: 350px;
}*/
.seoRelatedContent.ng-hide{
	display:block !important;
}
/*==PLANE PAGE CSS==*/
.icon-ahtml5 {
    display: inline-block;
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/pwd.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    position: relative;
    top: 5px;
}
.icon-pwa {
    display: inline-block;
    background: url(/newui/images/pwa.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    position: relative;
    top: 5px;
}
.icon-ahtml5:after {
    content: "*";
    display: block;
    position: absolute;
    top: -2px;
    right: -2px;
    font-size: 13px;
    color: #000;
}
.app-store-logo {
    display: inline-block;
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/appy-android-app.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    position: relative;
    top: 5px;
 margin-right: 4px;
    background-repeat: no-repeat;
}
.logo-store.app-store-logo{    width: 30px;    height: 30px;}
.window-store{
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/windowstore.png);
 background-size: 100%;
}
.play-store {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/play.png);
 background-size: 100%;
}
.blackberry-store {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/blackberry_app_.png);
    background-size: 100%;
}
.amazon-store{
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/amazon_app_store.png);
    background-size: 100%;
}
.apple-store{
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/apple.png);
    background-size: 100%;
}
.btnSroll {
    position: fixed;
    top: 47%;
    left: -48px;
    font-size: 16px;
    box-shadow: 2px 1px 12px #a0a0a0;
    line-height: 38px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.btnSroll span{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	display: inline-block;
	font-size: 18px;
	position: relative;
	left: -2px;
	top: 1px;
}

.adjust_col{float:left; margin-right:15px;}
.adjust_col select{min-width:150px;}
.adjust_col strong{padding: 7px 0; display: inline-block;}

@media only screen and (min-width: 1200px) and (max-width:1400px) {
#appRealEstateController .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 9px;
}
}

.tabletScreen button.close {
    background: rgba(0, 0, 0, 0.6);
    opacity: 1;
    color: #fff;
    width: 21px;
    height: 21px;
    position: relative;
    border-radius: 100%;
    font-size: 17px;
}
/*===WHATNEW LABEL===*/
.whatNew a{
    color: #fff;}
.whatNew {
   text-align: center;
    position: relative;
    color: #fff;
    margin: 0 0 0 -10px;
    padding: 6px 0;
    background-color: #ff0000;
    background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 0 rgba(0,0,0,.3);
    width: 150px;
    font-size: 13px;
    top: 14px;
    z-index: 99;
    letter-spacing: 0.2px;
    font-weight: bold;
}
.whatNew:before{
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent;
    bottom: -10px;
}
.whatNew:before {
    border-width: 0 10px 10px 0;
    border-right-color: #d01111;
    left: 0;
}
.currentPlane {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/label-bg.png) no-repeat center center;
    position: absolute;
    font-size: 11px;
    background-size: 100%;
    padding: 0px 10px;
    text-align: center;
    top: -15px;
    color: green;
    line-height: 22px;
    height: 34px;
    z-index: 99;
    left: calc(26% - 50px);
	left: -webkit-calc(26% - 50px);
	left: -moz-calc(26% - 50px);
}
.new-plan .planTab .btn-primary.price-disable:hover, .btn-primary.price-disable{
	background: rgba(255, 255, 255, 0.46) !important;
	opacity: 0.7;
	cursor: no-drop;
}
.mobileView .android, .mobileView .iphone, .mobileView .window, .mobileView .blackberry, .mobileView .amazon{
    width: 389px;
    max-height: 746px !important;
    margin: 0 auto;
    overflow: hidden !important;
   transform: translateY(-6%) scale(0.8);

}
.mobileAppDemo .add_bg{height: 523px !important;}

/*NEW CSS ADDED FOR RESPONSIVE*/
@media (max-width:480px){
.advanceSettingTab span{display:block;}
.advanceSettingTab span strong{font-weight: normal;font-size: 12px;top: -1px;position: relative;}
.panel-heading{font-size: 14px;}
.panel-body{padding: 10px;}
.input-group-addon{font-size: 12px;}
label{font-size: 12px;}
.hideBorder.nopadding {padding: 0 15px !important;}
.form-control, .minieditor-content{font-size: 11px;}
.builderFormContent { padding: 10px 0 10px 0 !important;}
.minieditor-menu{top: -8px !important;}
.minieditor-tab{width: 13rem !important;}
.add_Listing .addlistingBtn {margin-top: 0 !important;width: 100%;text-align: center;font-size: 13px;}
.add_Listing .page_title{width: calc(100% - 37%);font-size: 13px;}
}	
@media (max-width:479px){
.mobileView .android{width: 320px;max-height: 533px !important;}
.mobileView .iphone, .mobileView .window, .mobileView .blackberry, .mobileView .amazon {width: 320px;max-height: 553px !important;}
 .mobileAppDemo .page-content.height-text, .mobileAppDemo .page-content.height-image{padding: 0 24px 0 0 !important;}
.mobileAppDemo .add_bg{height: 370px !important;}
.page-text, .magneto-inner {width: 100% !important;}	
}


.myapppage-edit {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/editpage.png) no-repeat;
    position: absolute;
    width: 31px;
    height: 31px;
    bottom: 0;
    right: 0;
    opacity: 0;
	transition: all 0.5s ease;
}
.myAppPages ul li:hover .myapppage-edit, .allAppPages ul li:hover .myapppage-edit {
    opacity: 1;
    transition: all 0.5s ease;
}

iframe[data-test-id="ChatWidgetMobileButton-iframe"]{bottom: 0px}
iframe[data-test-id="ChatWidgetMobileUnreadCountBadge-iframe"]{bottom: 0px}

/*===TEST YOUR APP===*/
.appNameheader {
	background: #6f6f6f;
	color: #fff;
	overflow: hidden;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
.appNameheader .appImg {
	width: 47px;
	height: 47px;
	background: #666;
	line-height: 43px;
	margin: 0;
	float: left;
}	
.appImg{
	text-align:center !important;
}
.appImg img{
	width: 150px;
	height: 150px;
	margin-bottom:10px;
}
.appNameheader h2 {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
	float: left;
	width: 100%;
	line-height: 47px;
	text-align: center;
}
.or-1{
	position:relative;	
}
.or-1:before{
	content: "";
	position: absolute;
	top: 50%;
	background: #e7e7e7;
	height: 1px;
	width: 65%;
	z-index: -1;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.or-1 span {
	width: 35px;
	text-transform: uppercase;
	color: #a6a5a5;
	font: 14px/32px 'open_sansregular';
	height: 35px;
	border: 2px solid #e7e7e7;
	display: block;
	text-align: center;
	border-radius: 100%;
	margin: 0 auto;
	background: #fff;
}
.loginSimulator {
	background: url('https://d2wuvg8krwnvon.cloudfront.net/newui/images/phone-frame.png') no-repeat center top transparent;
	height: 569px;
	margin: 5px auto 20px;
	padding: 0;
	width: 280px;
	position: relative;
	z-index: 0;
	background-size: contain;
}
.simulatorContent {
	background: rgba(0, 0, 0, 0) url("https://d2wuvg8krwnvon.cloudfront.net/background/premium_theme2.jpg") no-repeat scroll center center;
	width: 91%;
	height: 79%;
	top: 55px;
	position: absolute;
	left: 11px;
	text-align: center;
	background-size: cover;
}
.simulatorContent span {
	font-size: 80px;
	line-height: 80px;
	color: #b6b6b6;
	display: block;
}
.simulatorContent h3 {
	font-size: 25px;
	line-height: 25px;
	color: #f56969;
}
.simulatorContent p {
	color: #d7d7d7;
	font-size: 14px;
	line-height: 22px;
	margin-top: 15px;
	text-align: left;
}
.loginInnerSimu {
	padding: 55px 20px 0;
	background: rgba(00 ,00 ,00, 0.7);
	height: 90%;
}
.newplanheading {
	text-align: left;
	font: 21px/25px Rockwell, Arial, Helvetica, sans-serif !important;
	margin: 0 0 15px 0;
	color: #383838;
}
.mainplanheading {
	border-bottom: 1px solid #ededed;
	font-weight: 500 !important;
	padding-bottom: 12px;
	text-align: left;
	font: 22px/21px Rockwell, Arial, Helvetica, sans-serif !important;
	font-weight: normal;
	margin: 0 0 15px 0;
	color: #383838;
}
.secureTxt{
	position: absolute;
	top: 2px;
	right: 15px;
    font-size: 12px;
	}
@media screen and (max-width:480px) {
	.loginSimulator{
		width: 220px;
		margin: 10px auto 0;
		height: 460px;
		}
	.simulatorContent{
		width: 91%;
		height: 77%;
		top: 44px;
		left: 9px;
	}
	.appImg img {
		width: 100px;
		height: 100px;
	}
	.loginInnerSimu {
		padding: 35px 20px 0;
	}
	.newplanheading{
		font: 18px/22px Rockwell, Arial, Helvetica, sans-serif !important;
	}
	.appNameheader h2{
		line-height: 37px;
	}
}
/*===END TEST YOUR APP===*/

.ios-device .modal:before{height: auto;}
.form-control.inputHeight {
    height: 50px;
    text-align: left;
    font-size: 18px;
    padding: 5px 12px;
}
.addNew {
    background: #f6f6f6;
    padding: 10px 10px;
    border-bottom: 2px solid #95b10c;
    color: #7a7a7a;
    position: relative;
	border-radius: 4px;
	text-align:center;
	margin-top: 5px;
}
.addNew:after {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed #95b10c;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    vertical-align: middle;
    width: 0;
    opacity: 1;
}

.paymentOption .form-check {
		border: 1px solid #ddd;
		padding: 2px 5px 0;
		margin-bottom: 5px;
		display: inline-block;
		border-radius: 3px;
	}
.paymentOption .form-check.active{
	border: 1px solid #0469d3;
}	
.button-pay span.iconz-lock{position: relative;top: 3px;right: 10px;}

.logincontainer{padding:20px 30px}
.thanks_page2 .well{margin: 20px 0;}
.thanks_page2 .well.well-sm{margin-bottom:0;}

/*===PRICE PLAN TRUSTED BY===*/
.trustedby{
	background: rgba(217,237,247,0.2);
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 20px;
	border: 1px solid #fff;
	overflow: hidden;
	clear: both;
	}
.trustedby h3 {
	font-size: 30px;
	text-align: center;
	font-family: 'open_sansregular';
	color: #fff;
	font-weight: normal;
	line-height: 30px;
	margin: 20px 0 40px;
}

.trustedby .paddingr0{
	padding: 0 2px;
}
.trustedby .col-md-3{
	width: 20%;
	float: left;
}
.trustedby .fs13{
	font-size: 11px;
}
.trustedby .moneyBackpayment {
	background: #ffffff;
	text-align: center;
	min-height: 183px;
	padding: 15px 10px;
}
.trustedby .secureicon{
	color: #65bb60;
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 5px;
	display: block;
	margin-top: 6px;
}
.priceBackbg{
	background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/money-back-gurantee.png) top center;
	background-size: cover;
	width: 170px;
}
.daystrial{
	background: url(/newui/images/14days-trial.png) top center;
    background-size: cover;
	width: 160px;
	height: 140px;
	margin: 0px auto;
}
.daystrial .days {
    clear: both;
    float: left;
    font-size: 20px;
    line-height: 20px;
    width: 100%;
    color: #fff;
    transform: rotate(-22deg);
    -webkit-transform: rotate(-22deg);
    -moz-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    -o-transform: rotate(-22deg);
    padding-top: 62px;
    font-weight: bold;
    margin-left: -12px;
}
.priceBackbg .days, .moneyBackpayment .textcap{
	text-transform: uppercase;
}
.priceBackbg .moneyBack-txt{
	margin-top: 12px;
}
.garnter {
	background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/gartner_award.png)  top center;
	background-size: cover;
	width: 170px;
	height: 125px;
	margin: 6px auto
}
.garnter h5 {
	float: left;
	font-size: 25px;
	font-weight: 700;
	line-height: 27px;
	margin-top: 9px;
	padding: 5px 0;
	width: 100%;
	color: #315d9f;
	font-family: 'open_sansregular';
}
.garnter .appy-pie{
	clear: both;
	float: left;
	font-size: 11px;
	line-height: 14px;
	width: 100%;
	padding: 0px 22px;
}
.garnter .year {
	float: left;
	font-size: 25px;
	font-weight: 700;
	line-height: 11px;
	margin-top: 6px;
	padding: 5px 0;
	width: 100%;
	color: #315d9f;
	font-family: 'open_sansregular';
} 
.excellent {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/trustpilot-lg.png) top center;
    background-size: cover;
    width: 165px;
    height: 91px;
    margin: 25px auto 0px;
}
@media screen and (max-width:480px){
	.trustedby{margin: 0 30px 20px;padding: 15px;}
	.trustedby h3{font-size: 20px;line-height: 20px;margin: 0 0 20px;}
	.trustedby .col-md-3{width: 100%;}
}
@media (min-width: 481px) and (max-width: 767px) {
	.trustedby .col-md-3{width: 50%;margin-bottom: 3px;}
	.trustedby{margin: 0 15px 20px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.trustedby .col-md-3{width: 33.33%;margin-bottom: 3px;}
	
}
@media (min-width: 992px) and (max-width: 1200px) {
    .trustedby{padding: 5px;}

header .navbar-static-top .navbar-nav > li > a {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}  

.navbar-static-top li:nth-child(1), .navbar-static-top li:nth-child(3) {
    display: none;
}

}

/*===PRICE PLAN TRUSTED BY===*/

/*===APPPAGES CATEGORY DROPDOWN FOR MOBILE===*/
.appPagesCategory .navbar-nav{display:block;}
.appPagesCategory-m{display:none;}
ul.mobileDropdown li {
    list-style: none;
    padding: 7px 15px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
    cursor: pointer;
    background: #f5f5f5;
}
ul.mobileDropdown li:last-child{
	border-bottom: 0;
}
ul.mobileDropdown li a{
	color: #686868;
	
}
ul.mobileDropdown li:hover, ul.mobileDropdown li.active-gr{
	background:#95b10c;
}
ul.mobileDropdown li:hover a, ul.mobileDropdown li.active-gr a{
	color: #fff;
}
@media screen and (max-width:480px) {
	.appPagesCategory .navbar-nav{display:none;}
	.appPagesCategory-m{display:block;}
}
/*===END APPPAGES CATEGORY DROPDOWN FOR MOBILE===*/
/*==========*/
.activeBorder {
    border-radius: 0 0 5px 5px;
    border: none;
    border-top: 3px solid #95b10c;
    padding: 0;
    margin: 0;
}
.advancedLayoutList{
	margin-top: 10px !important
}
.advancedLayoutList .editapptheme{
	height: 25px;
	line-height: 25px;
	width: 25px;
	font-size: 12px;
	}
.themeSlider .themeSliderInner ul li .bottomArrow, .nav-lay-avdsett .advancedLayoutList li .bottomArrow{
    border-color: transparent transparent #95b10c;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    top: 97.5%;
    transition: all 0.5s ease;
    width: 0;
    z-index: 999;
}
.editapptheme{
	position: absolute;
	background: #b1b1b1;
	height: 30px;
	line-height: 31px;
	width: 30px;
	border-radius: 100%;
	color: #fff;
	cursor: pointer;
	z-index: 99;
	right: 2px;
	top: 2px;
	font-size: 15px;
	transition: all 1s ease-in-out;
}
.no-touch .editapptheme:hover, .editapptheme.tactive{
	background: #95b10c;
	transition: all 1s ease-in-out;
}

.appOverlayslect ul{text-align: right;}
.appOverlayslect ul li.activeOver span:before{
    content: '\ea1a';
	font-family: 'fontello';
	left: 0;
	position: relative;
	color: #323232;
}
.nav-lay-avdsett .advancedLayoutList li{
	width: 20%;
	min-height: 100px;
	margin-right: 20px;
}
.nav-lay-avdsett .advancedLayoutList li img {
    background: #e0e0e0;
    padding: 30px 10px;
    border-radius: 6px;
    border: 0 !important;
}
.nav-lay-avdsett .advancedLayoutList li.activeNavs img{
	background: #1e4260 !important;
}
.appOverlayslect .apptitle {
    position: relative;
    top: -5px;
    margin-right: 2px;
}
.advancedLayoutbg {
    border-radius: 5px;
    float: left;
    margin: 15px 0 15px;
    width: 100%;
}
	
	
.tabbable-panel{
	float: left;
    width: 100%;}
.tabbable-line > .nav-tabs{display: flex;}
	
.tabbable-line > .nav-tabs > li{width: auto;text-align: center;flex: 1;}
.safariBrowser .tabbable-line.appElement > .nav-tabs > li{width: 50%;}
.safariBrowser .tabbable-line > .nav-tabs > li{width: 33.33%}

.tabbable-line > .nav-tabs > li  a {
	color: #717171;
    font-size: 16px;
    border-bottom: 2px solid #cecece;
    margin: 0;
    border-radius: 0;
	}
.tabbable-line > .nav-tabs > li.active a {
    background: transparent !important;
    border-color: transparent !important;
    border-bottom: 2px solid #228aba !important;
    color: #228aba !important;
 }
.marginzero {margin: 0px!important; width: 100%;}
.marginzero ul li {list-style: none;}
.defaultby {background-color: #228aba!important; border-color: #228aba!important; color: #FFF!important;}
.pagestylepadding {padding: 15px;}    
.tabbable-line .nav-tabs li.active a:after{
	border-color: #228aba transparent transparent;
    border-style: solid;
    border-width: 8px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -8px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition: all 0.5s ease;
    width: 0;
    z-index: 999;
}
.orientation-mob .title{margin-top: 5px;display: inline-block;margin-left: 10px;}
.orientation-mob .popoverIcon{right: -20px;color:#5e5e5e;}
.addbuttonSection {
    margin: 30px 0 5px;
}
/*=============*/

/*COMMON CSS FOR RESPONSIVE*/

@media screen and (max-width:480px){
	.modal:before{height: auto;}
	.checkbox-inline, .radio-inline{display: block;}
	.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline{margin-left: 0;}
	input[type="checkbox"], input[type="radio"]{margin: 1px 0 0;}
	.systemPages ul li{margin: 0 5px 10px;width: 29.0%;}
	.systemPages ul li a{height: 65px;}
	.systemPages ul li a .pageIcon {font-size: 25px;height: 30px;width: 30px;}
	.systemPages ul li a .pageName{font-size: 11px;}
	.editMyAppPage .page_feature {padding: 10px 0 0;margin: 10px 0 0 0;}
	.panel-systempages .panel-heading {font-size: 14px;}
	.cancel-page{font-size: 20px;margin: -5px 0 5px 7px;}
	.videoHelp {margin: -8px 0 0 15px;padding: 4px 5px 0;}
	.no-touch .pageAction:hover span{right: -37px;bottom: 34px;}
	.loginPayment .input-group-addon{font-size:9px;}
	.forMobileGrid .col-md-2 {width: 50%;float: left;margin-bottom: 0;}
	.mobileMarginb0 [class^="col-md-"], .mobileMarginb0 [class*=" col-md-"], .mobileMarginb0{margin-bottom: 0;}
	.mobileMarginb5 [class^="col-md-"], .mobileMarginb5 [class*=" col-md-"], .mobileMarginb5{margin-bottom: 5px;}
	.mobileMargint5{margin-top: 5px;}
	.mobileFont12{font-size: 12px !important;}
	.mobileFont13{font-size: 13px !important;}
	.mobileFont14{font-size: 14px !important;}
	.dir-lay-avdsett ul li {margin: 5px 5px 5px 0px;}
	.page_feature ul li.list-group-item .right-drag-bdr{right: 6px;}
	.nav-tabs > li > a{padding: 10px 5px;font-size: 12px;}
	.noteOne{font-size: 13px;margin-top: 3px;}
	.select-navigation-app .panel-body{padding:0 15px;}
	.input-group {font-size: 13px; }
	.headerimgupload { font-size:9px;}
	.loginPage_condition{padding: 8px;font: 10px/16px 'CalibriRegular', Arial, Helvetica, sans-serif;}
	.refresh-icon{right:10px;}
	.planheading{font: 17px/20px Rockwell, Arial, Helvetica, sans-serif !important;}
	.form-control.inputHeight {height: 35px;font-size: 13px;}
	.small-grayHeading{font-size: 10px;}
	.dHeight{height: 38px !important;font-size: 14px !important;}

	span.smallp, .smallp{font-size: 13px;}
	.publishSocial .social-btn ul li {margin: 0 0 20px 0;}
	.logincontainer {padding: 15px 0px;}
	.thanks_page2{margin: 20px 0 0 0;}
	.thanks_page2 .well{margin:0;}
	.thanks_page2 .well.well-sm{margin-top: 10px;}
	.zopim{display: none !important;}
	.thanks_page h1 {font-size: 17px !important;margin-bottom: 15px;padding: 0;line-height: 19px !important;}
	.new-add-ons-tab .plan-det{padding: 10px 10px;}
	.iconsforSmartphones > i{font-size: 25px;}
	.mergepagesOptions ul li{width: 29.9%;}
	.app-splash-name li:first-child{width: 100%;margin:5px 0;}
	.app-splash-name li {width: 48%;margin: 0 4px 0 0;}
	.image_box_bg{margin:0;}
	.orientation-mob{float: right !important;margin-right: 13px;}
	.grayHeading h3{font-size: 14px;margin: 11px 0}
	.grayHeading h3.mob-heading{margin: 11px 0 5px; width:100%;}
	.appOverlayslect{margin-top: 0;}
	.appOverlayslect .apptitle{display: block;}
	.gray_box_div h4 {font-size: 13px;line-height: 16px;}
	.nav-lay-avdsett .advancedLayoutList li img{padding: 10px 2px;}
	.nav-lay-avdsett .advancedLayoutList li{margin-right: 9px;width: 21%;}
	.nav-lay-avdsett .advancedLayoutList li .bottomArrow{top: 94% !important;}
	.advancedLayoutList .smallp{font-size: 8px !important;}
	.nav-lay-avdsett .advancedLayoutList li .editapptheme{height: 22px;line-height: 23px;width: 22px;font-size: 12px;right: -5px;top: -5px;}
	.buildApp_btn_div{margin: 0px 0 0 0;}
	.mobAction{margin: -10px 0 5px 0;}
	ul.navigation-bx li{padding: 0;}
	ul.navigation-bx li.action{width: 100%;}
	ul.navigation-bx li.property{padding: 5px 25px 0 0px;width: 100%;}
	.navheaderUpload{width: 100%;}
	.hideTextNavBarNew{font-size: 12px;}
	.themeSlider .themeSliderInner ul li img{width: 90%;}
	.editapptheme{right: 13px;}
	.themeSlider .themeSliderInner{min-height: 383px;}
	.advancedLayoutList {margin-top: 0 !important;}
	.appOverlayslect ul {text-align: left;}
	.appOverlayslect ul li.activeOver span:before{left: 1px;}
	.loading_dots span{height: 10px !important;width: 10px !important;}
	.addNew{font-size: 14px;}
	.addNew small {font-size: 10px;line-height: 15px;display: block;}
	.addbuttonSection {margin: 20px 0 10px;}
	.boot-wrapper{display: none;}
	.addMoreAlert{font-size: 10px;width: 190px !important;padding: 5px;}
	.well{padding: 10px;}
	.mobileRPadding .rightPadding0{padding-right:15px !important;}
	.selectElemIcon li{width: 14%;font-size: 20px;}
	.myAppPagesOptions ul li a > .appyicon-chat-bots {line-height: 62px;}
	
}
@media (min-width: 481px) and (max-width: 767px) {
	.forMobileGrid .col-md-2 {width: 25%;float: left;margin-bottom: 0;}
	.app-splash-name li {width: 33.33%; margin: 0;}
	.nav-lay-avdsett .advancedLayoutList li {margin-right: 17px;}
	.nav-lay-avdsett .advancedLayoutList li img{padding: 20px 5px;}
	.nav-lay-avdsett .advancedLayoutList li .bottomArrow {top: 98% !important;border-width: 8px;}
	.grayHeading h3{font-size: 16px;}
	.buildApp_btn_div{margin: 0px 0 0 0;}
	.mobAction{margin: 0px 0 8px 0;}
	ul.navigation-bx li.action{width: 31%;}
	ul.navigation-bx li.property{width: 65%;}
	.appOverlayslect ul {text-align: left;}
	.appOverlayslect ul li.activeOver span:before{left: 1px;}
	.addbuttonSection {margin: 25px 0 15px;}
	.boot-wrapper{display: none;}
	.zopim{display: none !important;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.buildApp_btn_div{margin: 0px 0 0 0;}
	.mobAction{margin: 0px 0 8px 0;}
	.addbuttonSection {margin: 25px 0 10px;}
}
/*END COMMON CSS FOR RESPONSIVE*/

.welcomeUser.price{
	float:right;
	margin:23px 15px 0 0;
	font-family: "MuseoSans-100","Lucida Grande",Arial;
	font-size: .8125rem;
}
.myAppPagesOptions ul li a span.appyicon-coupon-directory{font-size: 45px;line-height: 83px;}

/*==NEW APP APPCATEGORY CSS==*/
.appCategory1 {float: left; margin-top: 8px;   position: relative; width: 100%; z-index: 1;}
.appCategory1 ul {list-style:none;margin-right: -3.5%;}
.appCategory1 ul li {
    float: left;
    width: 30.5%;
    text-align: center;
    position: relative;
    margin: 0 2.5% 2.5% 0;
	max-height: 485px;
}
.appCategory1 ul li a {display: block;padding: 5% 2%;font-family: 'open_sansregular';font-size:14px;color:#a9a9a9;border-radius:5px;}
.appCategory1 ul li a:hover {color:#228aba;text-decoration: none;}
.appCategory1 ul li span.icon-ok-4 { display: none; position: absolute; top: 5px; left: 10px; font-size: 25px; color: #95b10c;}
.appCategory1 ul li.activeCat span.icon-ok-4 { display: block;}
.appCategory1 ul li a span {font-size:65px;width: 100%;margin: auto;display:block;}
.appIconupload {font-size:65px;margin: auto;}
.appCategory1 ul li  img {background: #e0e0e0; padding: 36px 10px; border-radius: 6px;}
.appCategory1 ul li.activeNavs img{background:#1e4260!important;  width: 100%; height: 100%;  border: none!important;}
.appCategory1 ul li.appThemeoption {width: 31.5%;}
.appCategory1 ul li.appThemeoption:nth-child(4n) {margin-right:2.5%;}
.appCategory1 ul li .smallp {font-size: 15px;color: #6e6e6e;margin-top: 5px;}
.appCategory ul li.activeCat a{background: #3485b3!important;border:1px solid #3485b3 !important}
.appCategory ul li.activeCat .info-icon22{color: #f6f6f6;}
.appCategory ul li.activeCat h5{ color: #fff;}
.appCategory ul li.activeCat a span {color: #fff;background: #fff;-webkit-background-clip: text;-moz-background-clip: text;-o-background-clip: text;}
.ie11 .appCategory ul li.activeCat a span,
.ie10 .appCategory ul li.activeCat a span,
.ie9 .appCategory ul li.activeCat a span,
.ie8 .appCategory ul li.activeCat a span{color:#fff;background: #3485b3 !important;}

@media  (max-width:767px){
	.appCategory1 ul li img {padding: 11px 6px!important; transition:inherit }
	.appCategory1 ul li .smallp { font-size: 11px;}
	.appCategory1 ul li {min-height: 205px;}
}
@media (min-width: 480px) and (max-width: 767px){
	.appCategory1 ul li img {padding: 23px 10px!important ;}
}
/*==NEW APP APPCATEGORY CSS==*/


@media (max-width: 479px){
.tabbable-line > .nav-tabs > li{    width: 32%!important;}
.tabbable-line > .nav-tabs > li a {font-size: 12px;}
}	


.themeslider-indicators {
    text-align: right;
    padding: 11px 20px 0 0;
    position: relative;
    width: 100%;
    right: 0px;
}

.themeslider-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #bababa;
    border-radius: 10px;
}
.themeslider-indicators .active{
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #bababa;}	
 
.box-thanks1.tnxpagernz h2 i, .box-thanks2.tnxpagernz h2 i,.tnxpagernz .font-icon1{font-size:20px;}
.removeModerator{position:absolute; right:5px; background:rgb(76,76,76); padding: 3px 7px; border-radius:50%; font-size:10px; color:#fff; font-weight:bold; cursor:pointer;}

.paddingRight0{
	padding-right:0;
}
.paddingLeft0{
	padding-left:0;
}

.couponCode{margin: 20px auto 0 !important;}

/*===UPGRADE COUPON DROPDOWN===*/
.upgradeCoupon:hover .hovecoupon{
     opacity: 1;
     visibility: visible;
     transform: translate(0, 0);
}
 .upgradeCoupon .hovecoupon:before {
     content: "";
     background: #fff url('/newui/images/gift-box.png') no-repeat right top;
     width: 100px;
     height: 100px;
     position: absolute;
     right: 20px;
     top: 50%;
     z-index: -1;
     margin-top: -85px;
}
 .upgradeCoupon .hovecoupon:after {
     background: #fff;
     border: 1px solid #d6d6d6;
     content: "";
     display: block;
     position: absolute;
     top: -9px;
     right:20px;
     width: 12px;
     height: 12px;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transform-origin: 0% 0;
     -ms-transform-origin: 0% 0;
     transform-origin: 0% 0;
     z-index: 1;
     border-bottom: 0px;
     border-right: 0px;
}
 .upgradeCoupon .hovecoupon{
     opacity:0;
     visibility: hidden;
     background: #fff;
     position: absolute;
     top: 123%;
     min-width: 500px;
     padding: 15px 20px;
     z-index: 999;
     transition-property: all;
     transition-duration: 0.5s;
     transition-timing-function: ease;
     transform-origin: 50% 50%;
     transform: translate(0, -30px);
     border: 1px solid #d6d6d6;
     border-radius: 2px;
     -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.14902), 0px 0px 1px rgba(0, 0, 0, 0.04706);
     box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.14902), 0px 0px 1px rgba(0, 0, 0, 0.04706);
     border-radius: 5px;
     right:0;
     font-family: 'open_sansregular';
}
.upgradeCoupon .hovecoupon h2 {
     margin-bottom: 10px;
     line-height: 1;
     font-size: 20px;
     font-family: 'open_sansregular';
     font-weight: normal;
     color: #212121;
}
 .upgradeCoupon .hovecoupon ul {
     list-style: none;
     margin-bottom: 10px;
	 overflow: hidden;
	 width: 80%;
}
.upgradeCoupon  .hovecoupon ul li{
     font-size: 13px;
     line-height: 25px;
     font-family: "MuseoSans-100","Lucida Grande",Arial;
     color: #787878;
	 position: relative;
}
.upgradeCoupon .hovecoupon ul li .note-icon {
     display: inline-block;
     padding-right: 5px;
     position: relative;
     top: 1px;
     color: #95b10c;
     float: left;
     width: 25px;
}
.upgradeCoupon .hovecoupon ul li .note-txt {
     display: inline-block;
     float: left;
     width: calc(100% - 30px);
}

.upgradeCoupon p.couponcounter {
     display: inline-block;
     margin:0;
     margin-right: 8px;
     text-align: center;
}
.upgradeCoupon  .counterdigit{
     display: block;
     height: 30px;
     line-height: 30px;
     width: 28px;
     vertical-align: middle;
     text-align: center;
     text-shadow: none;
     color: #fff;
     background: #545454;
     border-radius: 5px;
     position: relative;
     font-size: 16px;
     font-family: 'open_sansregular';
}
.upgradeCoupon .counterdigit:before {
     background: #6b6b6b;
     content: "";
     display: block;
     height: 1px;
     left: 0;
     margin: 0;
     position: absolute;
     right: 0;
     top: 50%;
     width: auto;
     z-index: 1;
}
 .upgradeCoupon .countertxt {
     text-transform: uppercase;
     font-size: 9px;
     font-weight: bold;
     display: inline-block;
     color:#a4a4a4;
}
.upgradeCoupon .countertitle{
     font-size: 11px;
     font-weight: bold;
     color: #383838;
}
.upgradeCoupon .showcouponbtn {
     margin-top: 18px;
     border: 1px solid #efefef;
     text-align: right;
     background: #edffff;
     display: inline-block;
     padding: 5px;
     font-size: 15px;
     font-family: "MuseoSans-100","Lucida Grande",Arial;
     width: 100%;
     font-weight: bold;
     position: relative;
     height: 40px;
}
.upgradeCoupon .showcouponbtn.active {
     text-align: center !important;
     border: 2px dotted #228aba;
     color: #000;
	 -webkit-touch-callout: text;
	 -webkit-user-select: text;
	 -khtml-user-select: text;
	 -moz-user-select: text;
	 -ms-user-select: text;
	 user-select: text;
	 cursor: text;
}
.upgradeCoupon .showcouponbtn i {
     font-style: normal;
}
.upgradeCoupon .showcouponbtn span{
     position: absolute;
     left: -1px;
     top: -1px;
     bottom: -1px;
     right: 30px;
     background: #95b10c;
     color: #fff;
     display: block;
     text-align: center;
     transition: .2s ease-out;
     -webkit-transition: .2s ease-out;
     line-height: 40px;
     padding-left: 20px;
	 border-radius: 3px 0 0 3px;
}
.upgradeCoupon .showcouponbtn span:after,.upgradeCoupon .showcouponbtn span:before {
     content: " ";
     position: absolute;
     display: block;
     width: 0;
     height: 0;
     top: 0;
}
.upgradeCoupon .showcouponbtn span:before {
     border-top: 20px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 20px solid #95b10c;
     border-left: 10px solid #95b10c;
     left: 100%;
}
.upgradeCoupon .showcouponbtn span:after {
     border-top: 18px solid transparent;
     border-right: 13px solid #6b8102;
     border-bottom: 28px solid transparent;
     right: 0;
     z-index: 1;
     transform: rotate(-27deg);
     -webkit-transform: rotate(-27deg);
     transform-origin: top right;
     -webkit-transform-origin: top right;
     transition: .2s ease-out;
     -webkit-transition: .2s ease-out;
}
.upgradeCoupon .showcouponbtn:hover span:after {
     border-width: 18px 17px 28px 0;
}
.upgradeCoupon .showcouponbtn:hover span {
     right: 35px;
     padding-left: 25px;
}
.upgradeCoupon .couponMoneyBack {
     font-size: 10px;
	 margin-top: 10px;
	 color: #636363;
	 background-color: #e7f3fe;
	 border-left: 6px solid #228aba;
	 padding: 10px 10px;
}

.upgradeCoupon.timer-txt-wrap .hovecoupon {
    left: inherit !important;
    top: 123% !important;
}
.timer-txt-wrap.fixedupgradeCoupon.upgradeCoupon .hovecoupon::after {
    top: 0px;
    left: initial !important;
    border: 0px;
}
.webbuildercontainer .fixedButton {
    right: calc(50% - 150px);
}

@media screen and (max-width:1024px){
	.upgradeCoupon {display:none !important;}
	
}
/*===END UPGRADE COUPON DROPDOWN===*/

/*===PRICING FAQ===*/
.pricingfaq{margin-bottom: 20px;}
.pricingfaq h3{
	color: #fff;
	text-align: center;
	font-size: 30px;
	margin: 50px 0 30px 0;
	font-family:'open_sansregular';
}
.pricingfaq .panel {
    background: transparent;
    box-shadow: none;
	border-radius: 0;
	margin-bottom: 15px;
}

.pricingfaq .panel-heading {
	letter-spacing: 0.5px;
    font-size: 20px;
    font-family: 'source_sans_proregular';
    color: #fff;
    font-weight: bold;
    padding: 15px 0;
}
.pricingfaq .panel-body {
    letter-spacing: 1px;
    color: #fff;
    font-size: 14px;
    font-family: 'open_sansregular';
	padding: 0;
}
.pricingfaq ol, .pricingfaq ul {
    list-style-type: circle;
    line-height: 26px;
    padding-left: 15px;
}
@media screen and (max-width:480px){
	.pricingfaq .panel{margin-bottom: 10px;}
	.pricingfaq .panel-heading{font-size: 16px;padding: 0 0 5px;}
	.pricingfaq .panel-body{font-size: 12px;}
	.pricingfaq h3{font-size: 20px;margin: 10px 0 15px 0;}
	.pricingfaq ol, .pricingfaq ul{line-height: 18px}
	.white-txt, .edu-bannerBox{font-size: 12px;}
}
/*===END PRICING FAQ===*/
/*===PAYMENTM TAB MOBILE===*/
.cal-mob{
	right: 22px;
	top: 3px;
}
ul.paymentmTab{
	display: flex;
	list-style: none;
}
ul.paymentmTab li {
	background: #f0f0f0;
    padding: 14px 5px;
    text-align: center;
    margin-right: 1px;
    position: relative;
    flex: 1;
    font-size: 12px;
    font-weight: bold;

}
ul.paymentmTab li.active {
    background: #0469d3;
    color: #fff;
}
ul.paymentmTab li.active a{
    color: #fff;
}
ul.paymentmTab li i {
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 3px;
}

ul.paymentmTab li.active:after {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border: solid transparent;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-top-color: transparent;
    border-width: 10px;
    border-top-color: #0469d3;
    content: '';
    pointer-events: none;
}	
/*===END PAYMENTM TAB MOBILE===*/

/*===NEW CSS FOR PRICE PLAN===*/
.new-plan .planTab .btn span{color: inherit;}
.new-plan .planTab .btn-primary:hover, .new-plan .planTab .btn-primary.active{background: rgba(255, 255, 255, 0.3) !important;}
.new-plan .price-header{background:#fff !important; color: #626262;height: 273px;}
.new-plan .price-title-p{color: #122d3a;text-transform: uppercase;}
.new-plan .nonCap_txt{color: #122d3a;}
.price-titleMain{padding-bottom: 5px;font-size: 16px;font-weight: 600;color: #122d3a;}
.price-titleMain small, .plabel {color: #888888;font-weight: normal;font-size:13px;}
.new-plan .price-header {padding: 25px 0 10px;border-radius: 8px;}
.new-plan .plan-tab{border-radius: 8px;}
.new-plan .plan-tab .top-btn{display:block;}
.new-plan .pubGray{border-radius: 5px;background: #6187da !important;}
.plan-inner-content ul.centerList li{background: #fff;position:relative;border-radius: 8px;}
.plan-inner-content ul.centerList li.grayli{background: #fff !important;}
.plan-inner-content ul.centerList li::before {content: ""; background: #e4e4e4; height: 1px;top: 0; width: 70%;
position: absolute;left: 0;right: 0;margin: 0 auto;}
.plan-inner-content .icon-cancel {font-size: 25px !important;color: #85868a; font-weight: normal;line-height: 25px;}
.plan-section .icon-ok-4 {background: #4e62b1;color: #fff;width: 25px;height: 25px;display: inline-block;line-height: 27px;border-radius: 100%;}
.plan-inner-content{border: 0 !important;}
.new-plan .plan-tab.active .plan-inner-content::after{border: 0 !important;}
.icon-ahtml5::after {content: "";}
.new-plan a.plus-btn{border: 3px solid #6187da;color: #6187da;}

.new-plan .view-btn{bottom: -49px;}
.new-plan .plan-tab.active {margin-top: -17px !important;box-shadow: 0px 0px 25px #333333;z-index: 1;}
.plan_subheading{font-size: 14px;font-weight: normal;color: #fff;}
.plan_subheading strong {color: #fdc924;font-size: 16px;position: relative;top: 2px;text-shadow: -1px 0px 1px #898989;}
.new-plan .plan_heading {font-size: 30px;line-height: 35px;margin: 25px 0;font-family: "Open Sans",Helvetica,Arial,sans-serif;}
.new-plan .plan-tab.active .publishbtn {padding: 10px 0 !important;}
.new-add-ons-tab{border-top: 8px solid rgb(19, 127, 175) !important;}

.planDrop .dropdown-menu > li:before{background: transparent !important;}
.planDrop .dropdown-menu > li{border-radius: 0;}
.planDrop .dropdown-toggle {
    background: #6187da;
    border-color: #6187da;
}
.planDrop .dropdown-menu {
    border-radius: 0 0 5px 5px;
    margin: 0;
        margin-top: 0px;
    min-width: 100%;
    overflow: hidden;
    padding: 0;
    width: 100%;
    height: auto !important;
}
.planDrop .dropdown-menu > li{
	border-radius: 0 !important;
	margin: 0 !important;
}
.planDrop .dropdown-menu > li a{
    background: #6187da !important;
	padding: 8px 5px;
	color: #fff;
    
}
.planDrop .dropdown-menu > li a:hover {
    background: #4668b3 !important;
  
}
.planDrop .dropdown-menu > li {
    background: none;
    border: 0 none !important;
    float: inherit;
    overflow: inherit;
    padding: 0;
    width: 100%;
    font-size: 13px;
    text-align: center;
}
@media screen and (max-width:767px){
	.new-plan .plan-tab.active{
		margin-top: 0px !important;
	}
	.new-plan .plan-tab.active .price-header {
		padding: 10px 0 10px !important;}
}
/*===END NEW CSS FOR PRICE PLAN===*/
/*===LAYOUT LOADER===*/
.loaderOvelay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(2, 2, 2, 0.9);
	z-index: 999;
}
.loader-load{
	border:5px solid #f3f3f3;
	border-radius:50%;
	border-top:5px solid #3498db;
	width:60px;
	height:60px;
	-webkit-animation:spin 1s linear infinite;
	-moz-animation:spin 1s linear infinite;
	-ms-animation:spin 1s linear infinite;
	-o-animation:spin 1s linear infinite;
	animation:spin 1s linear infinite;
	top:50%;
	position:absolute;
	left:50%;
	margin:-30px 0 0 -30px;
	}
.loaderLayoutDiv.loaderOvelay{
	height: calc(100% - 49px);
	top: 49px;
}
/*===END LAYOUT LOADER===*/	

.mobileContentShow{display:none !important;}
.mobileContentHide{display:block !important;}

@media screen and (max-width:480px){
.top-box.offsettop30{
	margin-top: 0;
}
.col-custom-12 {
    position: relative;
    padding: 0 5px;
}
.mobApp-build {
    padding: 5px;
}
.editMyAppPage{
	padding: 10px 5px;
}	
.loyalTooltip{
	display:none;
}
.list-group-item{
	padding: 10px 10px;
}
}
@media screen and (max-width:767px){
.responsiveTab {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
}
.responsiveTab li{
	margin: 0 2px 0 0 !important;
	flex: 1;
}	
.responsiveTab li a{
	padding: 2px 13px 5px !important;
	width: 100%;
	margin-bottom: -2px !important;
}
.responsiveTab li > a > span {
    font-size: 25px;
    line-height: 40px;
    display: block;
}
.tabbable-line > .nav-tabs > li.active a{
	background: #228aba !important;
	color: #fff !important;
}
.responsiveMTab{
	display: flex;
    overflow-y: hidden;
    overflow-x: auto;
}
.responsiveMTab li {
    flex: 1;
    margin: 0 0 0 1px !important;
    text-align: center;
	
}
.responsiveMTab li a{
	margin-bottom: 0 !important;
}
.mobileContentShow{
	display:block !important;
}
.mobileContentHide{
	display:none !important;
	}
.mobileOptionMenu {
	position: absolute;
    right: 10px;
    top: -8px;
	z-index: 9;
}
.mobileOptionMenu a {
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    display: inline-block;
    color: #515151;
}

.mobileOptionMenu ul {
    list-style: none;
    position: absolute;
    top: 29px;
    z-index: 99;
    right: -3px;
    background: #fff;
    width: 120px;
    font-size: 13px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.14902), 0px 0px 1px rgba(0, 0, 0, 0.04706);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.14902), 0px 0px 1px rgba(0, 0, 0, 0.04706);
}
.mobileOptionMenu ul:before {
    background: #fff;
    border: 1px solid #d6d6d6;
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    right: 0px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 0;
    -ms-transform-origin: 0% 0;
    transform-origin: 0% 0;
    z-index: 1;
    border-bottom: 0px;
    border-right: 0px;
}
.mobileOptionMenu ul li {
    border-bottom: 1px solid #e3e3e3;
    padding: 5px 8px;
	cursor: pointer;
	color: #515151;
}
.mobileOptionMenu ul li:last-child{
	border:0;
}

}
/*===T&C CSS===*/
.termcTxt{width: 100%;}
.termcTxt p {margin-bottom: 10px;line-height: 19px;}
.termcTxt ul, .termcTxt ol{margin: 15px;line-height: 19px;}
.termcTxt ul li, .termcTxt ol li{margin-bottom: 5px;}
#termsAndAgreement{z-index: 99999999;}
.alertpwd {border: 1px solid #e3e3e3;font-size: 11px;padding: 10px 10px;color: #555555;border-radius: 5px;min-height: 133px;}
.alertpwd .bold{font-weight: bold;}
.alertpwd ol{margin: 5px 0 0 25px;}
.alertpwd ol li{margin-bottom: 5px;}

/*==END T&C css==*/

/*==SITE DROPDOWN==*/
.siteDropdownMenu{
	min-width: 200px;
	left: auto !important;
	right: 0px !important;
}
.siteUserProfile {
    background: #228aba;
    padding: 7px 15px;
    margin-top: -5px;
    color: #fff;
	width: 100%;
	float: left;
	position:relative;
}
.siteUserProfile:before{
	background: #228aba;
	content: "";
	display: block;
	position: absolute;
	top: -9px;
	right: 4px;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 0% 0;
	-ms-transform-origin: 0% 0;
	transform-origin: 0% 0;
	z-index: 1;
}
.siteUserProfile img {
    width: 32px;
    height: 32px;
}
.siteUserProfile .siteuserInfo{
	margin-left: 10px;
	width: calc(100% - 42px);
}
.siteUserProfile .siteuserInfo span {
    letter-spacing: 0.5px;
    font-weight: 600;
    font-size: 16px;
    font-family: 'source_sans_proregular';
    line-height: 18px;
    display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.siteUserProfile .siteuserInfo p{
	font-size: 12px;
	line-height: 15px;
	font-weight: 600;
}
.siteUserProfile .siteuserInfo p a {
    text-decoration: underline;
    color: #fff !important;
    font-size: 12px !important;
    display: inline;
    border: 0;
    padding: 0 !important;
}
@media screen and (max-width:767px){
	.siteUserProfile:before{display:none;}
	.siteUserProfile{margin-top: 3px;}
	.siteDropdownMenu{min-width: 100%;}
}
/*==END SITE DROPDOWN==*/

.subscribe {
    font-size: 17px;
    font-weight: 700;
    line-height: 30px;
}

/*===CONTACT CUSTOMER SERVICE MODEL===*/
.supportPin {
     max-width: 420px;
     margin: 0 auto;
     text-align: center;
     background: #f3f3f3;
     padding: 15px 10px 20px;
     border-radius: 5px;
     box-shadow: 0 2px 2px #e9e9e9;
     margin-top: 10px;
}
 .supportPin small{
     font-size: 10px;
     color: #6b6b6b;
	 display: block;
}
 .supportPin h3 {
     font-size: 30px;
     line-height: 1;
     font-family: 'open_sansregular';
     margin-bottom: 15px;
}
 .passcode{
    max-width: 195px;
     margin: 10px auto;
     background: #fff;
     border-radius: 5px;
     padding: 15px;
}
 .passcode span{
     font-size: 13px;
     color: #565656;
	 font-family: 'open_sansregular';
	 font-style: normal;
}
 .passcode p{
     font-size: 22px;
     color: #9a3131;
}
 .contactBox {
     list-style: none;
     width: 100%;
     float: left;
     margin-top: 90px;
     margin-bottom: 10px;
     text-align: center;
     margin-left: 0;
     margin-right: 0;
}
 .contactBox li {
     float: left;
     width: 33.33%;
     position: relative;
     padding: 0 5px;
}
 .contactBox li .iconCricle {
     width: 80px;
     height: 80px;
     border-radius: 100%;
     background: #f3f3f3;
     text-align: center;
     margin: 0 auto;
     top: -50px;
     position: absolute;
     line-height: 65px;
     font-size: 30px;
     left: 0;
     right: 0;
     z-index: 9;
     color: #006ecc;
}
 .contactBox li .contactBoxInner{
     background: #f3f3f3;
     min-height: 160px;
     transition: all 0.4s ease-in-out !important;
}
 .contactBox li .contactBoxContent{
     position: absolute;
     top: 10px;
     z-index: 9;
     width: 100%;
     left: 0;
     right: 0;
	 padding: 0 15px;
}
 .contactBox li .contactBoxContent h3 {
     font-size: 19px;
     line-height: 1;
     font-family: 'open_sansregular';
     margin-bottom: 10px;
     margin-top: 5px;
}
 .contactBox li .contactBoxContent p {
     font-size: 13px;
     color: #5c5c5c;
}
 .contactBox li .contactBoxContent h4 {
     font-size: 22px;
     color: #006ecc;
     line-height: 1;
     margin: 10px 0;
}
 .contactBox li .contactBoxContent small {
     font-size: 10px;
     color: #6e6e6e;
	 display: block;
}
 .contactBox li .contactBoxContent a {
     border: 2px solid #1cbcb4;
     font-size: 18px;
     color: #1cbcb4;
     border-radius: 20px;
     min-width: 200px;
     margin-top: 15px;
     background: transparent;
     line-height: 40px;
     transition: all 0.4s ease-in-out !important;
}
 .contactBox li .contactBoxContent a:hover{
     background:#1cbcb4;
     color:#fff;
     transition: all 0.4s ease-in-out !important;
}
 .contactBoxInner.green-area .iconCricle{
     color: #1cbcb4;
}
 .contactBoxInner.red-area .iconCricle{
     color: #cf612c;
}
 .contactBox li .contactBoxInner.red-area a{
     border: 2px solid #cf612c;
     color: #cf612c;
}
 .contactBox li .contactBoxInner.red-area a:hover{
     background:#cf612c;
     color:#fff;
}
 .contactBox li .contactBoxInner:hover{
     box-shadow: 0px 2px 5px #ccc;
     transition: all 0.4s ease-in-out !important;
}
.appyslim-ui-profile-user.dropdown-toggle:before{
	top: 3px;
	position: relative;
	font-size: 16px;
	right: 3px;
}
.supportPin .loyalTooltip:hover span{
	padding: 5px 8px;
}
 @media screen and (max-width:767px){
     .supportPin{
        margin-top: 0;
    }
     .contactBox{
        margin-top: 70px;
        margin-bottom: 20px
    }
     .contactBox li{
        width: 100%;
        margin-bottom: 70px;
    }
     .contactBox li:last-child{
        margin-bottom: 0;
    }
     .contactBox li .contactBoxContent small{
        font-size: 9px;
    }
	.supportPin .loyalTooltip {
		display: none;
	}
}
 @media (min-width: 768px) and (max-width: 991px){
     .modal-ccs{
        width: 99%;
    }
     .contactBox li .contactBoxContent small{
        font-size: 9px;
    }
     .contactBox li .contactBoxContent p{
        font-size: 11px;
    }
}
/*===END CONTACT CUSTOMER SERVICE MODEL===*/

/*==DOMAINS LANDING PAGE===*/
.emailMarketingArea .emailTemplet .domainLanding .col-md-10 span {
	font-size: 14px;
	color: inherit;
	opacity: 1;
}
.domainLanding .title {
	color: #777878;
	font-size: 24px;
	text-align: center;
	border-bottom: 5px solid #70b9eb;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.domainLanding .backBtn {
	position: absolute;
	left: 0;
	font-size: 17px;
	top: 9px;
	cursor: pointer;
	font-weight: 100;
	color: #9c9c9c;
}
.domainLanding .input-group-addon i {
	min-width: 30px;
	display: inline-block;
}
.domainLanding .form-control {
	font-size: 16px;
}
.domainLanding::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #adadad;
}
.domainLanding::-moz-placeholder {
	/* Firefox 19+ */
	color: #adadad;
}
.domainLanding:-ms-input-placeholder {
	/* IE 10+ */
	color: #adadad;
}
.domainLanding:-moz-placeholder {
	/* Firefox 18- */
	color: #adadad;
}
.change_url_btn {
	padding: 5px 15px;
	background: #95b10c;
	border: 1px solid #95b10c;
	color: #fff;
	font-size: 14px
}
.iconz-lock.domain-setting {
	background: #f2f2f2;
	color: #bebebe;
	padding: 4px;
	border-radius: 100%;
	height: 25px;
	width: 25px;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	margin: 0 10px;
}
.preButton {
	background: #05b6ee;
	background: -moz-linear-gradient(top, #05b6ee 0%, #16a4d0 100%);
	background: -webkit-linear-gradient(top, #05b6ee 0%, #16a4d0 100%);
	background: linear-gradient(to bottom, #05b6ee 0%, #16a4d0 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#05b6ee', endColorstr='#16a4d0', GradientType=0);
	border-radius: 0px;
	float: right;
	position: absolute;
	right: 4px;
	top: 4px;
	height: 44px;
	padding: 6px 24px;
	font-size: 18px;
	font-weight: bold;
}
.preButton:hover {
	background: #05b6ee;
	background: -moz-linear-gradient(top, #05b6ee 0%, #16a4d0 100%);
	background: -webkit-linear-gradient(top, #05b6ee 0%, #16a4d0 100%);
	background: linear-gradient(to bottom, #05b6ee 0%, #16a4d0 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#05b6ee', endColorstr='#16a4d0', GradientType=0);
}
.domain-url-input {
	max-width: 100%;
	border-radius: 5px;
	width: 600px;
	border: 1px solid #ececec;
	padding: 5px 6px;
	display: inline-block
}
.offsetbottom30 {
	margin-bottom: 30px;
}
.domain_list {
    background: #fff;
    padding: 30px 15px;
    clear: both;
    overflow: hidden;
    border-radius: 10px;
}
.dim-wrapper {
	width: calc(100% - 220px);
	
}
.domainImg {
    font-size: 45px;
    background: #fff;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border-radius: 10px;
    padding: 0;
}
.domainInfo {
    margin-left: 15px;
    width: calc(100% - 115px);
    margin-top: 15px;
}
.domain_list h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
}
.domainLanding .files {
	position: relative;
	width: 100%;
	height: 128px;
	background: #f9f9f9;
	border: 1px solid #e9e9e9;
}
.domainLanding .files input {
	cursor: pointer;
	outline: 0;
	outline-offset: -10px;
	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
	/*! padding: 103px 10px 25px 10px; */
	text-align: center !important;
	margin: 0;
	width: 100% !important;
	box-sizing: border-box;
	text-indent: -9999px;
	/*! background:#f9f9fb; */
	border: 0px;
	position: relative;
	z-index: 1;
}
.domainLanding .files:after {
	pointer-events: none;
	position: absolute;
	top: 40px;
	left: 0;
	width: 20px;
	right: 0;
	height: 20px;
	content: "";
	background-image: url(/newui/images/plus.png);
	display: block;
	margin: 0 auto;
	background-size: 100%;
	background-repeat: no-repeat;
}
.domainLanding .files > input[type='file'] {
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
}
.domainLanding .files span {
	position: absolute;
	top: 70px;
	text-align: center;
	font-size: 16px;
	padding: 0 10px;
	width: 100%;
	left: 0px;
	z-index: 0;
	color: #6b6b6b;
}
.domain-icon .input-group-addon {
	border: 0px;
	border-radius: 0px;
	font-size: 20px;
	min-width: 30px;
}
.addDomInput .domain-col {
	width: 48%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	position: relative;
}
.files.dom-addimg{
     padding: 8px;
    padding-bottom: 0;
}
.screenShotsImg {
    width: 88px;
    height: 110px;
    margin-bottom: 0;
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 13px;
}
.emailTemplet .tab-content{position:relative;}
.domainLanding .files.dom-addimg::after{display:none;}
.domainLanding .files .screenShotsImg span {
    position: absolute;
    top: -7px;
    font-size: 12px;
    padding: 2px 4px;
    left: inherit;
    z-index: 0;
    color: #fff;
    background: #ff0b0b;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    text-align: center;
    border: 1px solid #7d001e;
    right: -7px;
}
.screenShotsImg img {
	width: 100%;
	height:100%
 
}
.screenShotsImg span {
	position: absolute;
	top: 0;
	right: 15px;
	background: rgba(00, 00, 00, 0.8);
	color: #fff;
	padding: 5px 8px;
	cursor: pointer;
	z-index: 9;
}
.dr_option {
	background: #f1f1f1;
	padding: 20px;
}
.dr_option_title {
	background: #444;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 10px;
}
.dr_option_body {
	padding: 20px;
	background: #fff;
}
.dr_drop {
	right: 0;
left: inherit;
border-radius: 0px;
margin-top: 9px !important;
border: 1px solid #d6d6d6;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.14902), 0px 0px 1px rgba(0, 0, 0, 0.04706);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.14902), 0px 0px 1px rgba(0, 0, 0, 0.04706);
background: #fff;
min-width: 290px;
}
.dr_drop:before {
    background: #fff;
    border: 1px solid #d6d6d6;
    content: "";
    display: block;
    position: absolute;
    top: -9px;
    right: 20px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 0;
    -ms-transform-origin: 0% 0;
    transform-origin: 0% 0;
    z-index: 1;
    border-bottom: 0px;
    border-right: 0px;
}


.dr_drop a {
	word-wrap: break-word;
	padding: 15px 15px !important;
	white-space: normal !important
}
.dr_drop a img {
    width: 25px;
    margin-right: 5px;
}
.dr_drop li {
	border-bottom: 1px solid #f4f4f4;
}
.dr_drop li:last-child {
	border: 0px;
}
.d-url {
    border: 1px solid #ececec;
    padding: 10px;
    position: relative;
    background: #fff;
}
.domain-content .panel-title {
	font-weight: bold;
}
.domain-content > .panel-heading {
	color: #fff;
	background-color: #17a2ce;
	border-color: #17a2ce;
	border-radius: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.domain-content > .panel-heading i {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 18px;
    cursor: pointer;
}
.domain-content {
	border-color: #17a2ce;
}
.domain-content label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px !important;
	font-weight: normal;
	font-size: 19px !important;
	color: #2e2e2e;
	font-family: Calibri;
}
.domain-content .form-control {
	border-radius: 0px;
	border-color: #e9e9e9;
	padding: 10px 15px;
	box-shadow: inherit;
	min-height: 45px;
}
.domain-content textarea.form-control {
	height: 100px;
}
.domain-content .offsetbottom15 {
	margin-bottom: 20px;
}
.domain-model {
	background: rgba(0, 0, 0, .7);
}
.domain-model .modal-header {
	border-bottom: 0px solid #e5e5e5;
	background: #046e99;
	background: -moz-linear-gradient(left, #046e99 0%, #0d9ad2 100%);
	background: -webkit-linear-gradient(left, #046e99 0%, #0d9ad2 100%);
	background: linear-gradient(to right, #046e99 0%, #0d9ad2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#046e99', endColorstr='#0d9ad2', GradientType=1);
	color: #fff;
}
.domain-model .modal-header .close {
	color: #fff;
	opacity: 1;
	box-sizing: border-box;
	position: relative;
	top: -3px;
}
.domain-model .modal-content {
	border: 0px;
}
.domain-model .domain-content label {
	margin-bottom: 2px !important;
	font-size: 18px !important;
}
.domain-model .domain-content .form-control {
	min-height: 40px;
}
.d-button {
	display: inline-block;
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	margin-top: 14px;
	cursor: pointer;
}
.d-button.appyslim-ui-delete-x::before {
	font-size: 12px;
	top: 0px;
	margin-right: 4px;
}
.cancel {
	background: #ef3800;
}
.cancel:hover {
	background: #dd3400;
	color: #fff;
}
.change-url {
	background: #2cb742;
}
.change-url:hover {
	background: #21a436;
	color: #fff;
}
.domain-model #dropdownMenuButton {
	border-radius: 0px;
	background: #f9f9f9;
	border-color: #e9e9e9;
	padding: 10px 15px;
	box-shadow: inherit;
	min-height: 40px;
	width: 100%;
	text-align: left;
}
.domain-model .dropdown:hover .dropdown-menu {
	display: none !important;
}
.domain-model .open > .dropdown-menu,
.domain-model .open.dropdown:hover .dropdown-menu {
	display: block !important;
	max-height: 119px;
	overflow-y: auto;
}
.domain-model .dropdown-menu {
	padding: 0px;
	border: 1px solid #e9e9e9;
	position: relative;
	box-shadow: 0 0 0 0;
	margin: -1px 0 0 0;
	margin-top: -1px;
	border-radius: 0;
}
.domain-model .dropdown-item {
	background: #f9f9f9;
	border-bottom: 1px solid #e9e9e9;
	width: 100%;
	display: inline-block;
	padding: 10px 15px;
	color: #636363;
}
.d-after {
	position: relative;
}
.d-before .dropdown button:before {
	position: absolute;
	right: 12px;
	top: 13px;
}
.d-after:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 33px;
	background: #d3d3d3;
	left: 0px;
	z-index: 99;
	top: 0;
	transform: rotate(-20deg);
}
.domain-alert {
	padding: 0 0px;
	font-weight: bold;
	color: #666;
	text-align: center;
	font-size: 15px;
	margin: 40px 0;
}
.domain-alert .text-success {
	color: #42d280;
}
.domain-alert .text-danger {
	color: #ef3800;
}
.domain-alert .icon-ok-circle-2 {
	font-size: 40px;
	color: #42d280;
}
.domain-alert .icon-cancel-circle-1 {
	font-size: 40px;
	color: #ef3800;
}
 
.d-url-col-1{padding: 7px 0;  display: inline-block;
    float: left;}
.d-url-col-2{width: calc(100% - 200px);
margin: 0 20px;  display: inline-block;
    float: left;}
.d-url-bg {
    padding: 15px;
   margin-bottom:20px;
    background: #fff;
}	
@media screen and (max-width: 1024px) {
	.domain-url-input {
		width: 400px;
	}
}
@media screen and (max-width: 767px) {
	.preButton {
		position: static;
		right: 0;
		top: 0;
		margin-top: 10px;
	}
	.domain-url-input {
		width: calc(100% - 173px);
	}
}
@media screen and (max-width: 479px) {
	.d-url {
		text-align: center;
	}
	.domain-url-input {
		width: 100%;
	}
	.preButton {
		float: none;
	}
}
/*===END DOMAINS LANDING PAGE===*/
/*===OTP ACCOUNT PAGE===*/
.sz-wrapper {
	border: 1px solid #ddd;
	padding: 15px;
	margin-top: -16px;
}
.sz-bold a {
	font-weight: bold;
}
.sz-pannel {
	width: 50%;
}
.sz-footer {
	margin-bottom: 0px;
	text-align: right;
	margin-bottom: 0;
	margin-top: -5px;
	padding: 0 15px;
}
.sz-bold li {
	border: 1px solid #ddd !important;
}
.sz-footer button {
	padding: 5px 20px;
	font-weight: bold;
}
.sz-wrapper .control-label {
	padding-right: 0;
}
.opt-icon:before {
	display: table-cell;
	vertical-align: middle;
}
.opt-icon {
	background: #2c6ed7;
	color: #fff;
	border-radius: 100%;
	font-size: 80px;
	width: 200px;
	height: 200px;
	line-height: 60px;
	margin: 40px auto;
	display: table;
	text-align: center;
	vertical-align: middle;
}
.opt-wrapper .otp-input,
.opt-wrapper #verifybtn {
	padding: 13px;
	height: auto;
}
.otp-padding {
	padding: 5px 30px;
}
.otp-blue {
	color: #3e5d6e;
}
.opt-wrapper .sz-wrapper {
	border: 0px solid #ddd;
	margin-top: 0;
	padding: 0px;
}
@media screen and (max-width: 1070px) {
	.sz-pannel {
		width: 70%;
	}
}
@media screen and (max-width: 767px) {
	.sz-pannel {
		width: 100%;
	}
}
.otp-tab2 .sz-pannel {
	width: 100% !important;
}
/*===END OTP ACCOUNT PAGE===*/

/*==CSS LOADER==*/
.cssloader {
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #3498db;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
	margin: 10% auto;
}
.sm-loader {
    width: 30px;
    height: 30px;
    margin: 0;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
	display: inline-block;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*==CSS LOADER==*/


.paymenttab.list-group-item .whiteImg, ul.paymentmTab li .whiteImg{
	display: none;
}
.paymenttab.list-group-item.active .whiteImg, ul.paymentmTab li.active .whiteImg{

display: inline-block;
}	
.paymenttab.list-group-item.active .colorImg, ul.paymentmTab li.active .colorImg{
display: none;

}

.g-wrapper{height: auto !important;margin-top: 40px !important;width: auto;line-height: normal !important; border-radius: 0px !important;}
#customBtnGoogle{display:inline-block;white-space:nowrap;background-color:#4285f4;border:none;color:#fff;border-radius:1px;box-shadow:0 2px 4px 0 rgba(0,0,0,.25);height:50px;padding-right:10px; width:250px}#customBtnGoogle:hover{cursor:pointer}#customBtnGoogle span.icon{background:url(/newui/images/g-normal.png) transparent 1px 1px no-repeat;display:inline-block;vertical-align:middle;width:50px;height:50px;float: left;}
#customBtnGoogle span.buttonText{display:inline-block;vertical-align:middle;cursor:pointer;text-align:center;font-family:Roboto,arial,sans-serif;font-size:14px;letter-spacing:.21px;margin-left:10px;margin-right:6px;top:50%;position:relative;transform:translate(0%,-60%);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:184px;}

.fbicon span.icon {
	display: inline-block;
    background: #ffff;
    color: #3b5998;
    border: 1px solid #3b5998;
    height: 50px;
    border-radius: 2px;
    font-size: 25px;
    width: 50px;
    position: absolute;
    float: left;
    text-align: center;
    padding: 0;
	left: 0;

}
.fbicon span.buttonText{
	width: calc(100% - 50px );
    display: inline-block;
    text-align: center;
    float: right;
	padding: 0 15px;
}
#fbProfileImgId img {
	z-index: 99;
    position: absolute;
    left: 0;
    border-radius: 1px;

}


/*===CUSTOM SEARCH DROPDOWN===*/
.customeSearchDropDown .from-control{
border: 1px solid #d0d0d0;
border-radius: 6px;
margin-right: 3px;
padding: 8px 5px;
width: 100%;
color: #5F5F5F;

background: transparent;
z-index: 1;
position: relative;
cursor: default;
}
.customeSearchDropDown span{
position: absolute;
right: 15px;
top: 11px;
z-index: 99;
}
.customeSearchDropDown ul {
list-style-type: none;
max-height: 165px;
overflow-y: auto;
width: 100%;
position: absolute;
top: 33px;
z-index: 999;
background: #fff;
overflow-x: hidden;
box-shadow: 1px 1px 6px #e1e1e1;
border: 1px solid #e4e4e4;
}
.customeSearchDropDown ul li{
padding: 5px 15px;
}
.customeSearchDropDown ul li:hover {
background: #95b10c;
color: #fff;
}
/*===END CUSTOM SEARCH DROPDOWN===*/
/*==WEB BUILDER CSS==*/
.webbuilder-preview .modal-body, .webbuilder-login .modal-body{
	max-height: 100% !important;
	overflow-y: hidden !important;
}
.webbuilder-login{
	margin: 5px auto;
}
.webbuilder-login .webbLogin{width:100%;}


.webbuilder-preview{
	width: calc(100% - 0.5px);
	margin: 0px auto;
}
.webbuilderdropdown .icon {
    font-size: 21px;
}
.webbuilderdropdown .caret{
	
	margin-top: -5px;
}
.webbuilderdropdown .icon.iconz-mobile{
	top: 2px;
position: relative;
}
.webbuilderdropdown .licon {
	font-size: 24px;
    position: relative;
    top: 5px;
    margin-right: 5px;
    width: 40px;
    display: inline-block;
    text-align: center;
    float: left;
}
.webbuilderdropdown .ricon {
	float: left;
    width: calc(100% - 50px);
    margin-top: 8px;

}
.webbuilderdropdown ul li {
	overflow: hidden;
clear: both;
border-bottom: 1px solid #ededed;
padding: 5px 0;
transition: all 0.1s ease-in-out;
}
.webbuilderdropdown ul li.active{
	background: #228aba;
	transition: all 0.1s ease-in-out;
}
.webbuilderdropdown ul li.active a{
	transition: all 0.1s ease-in-out;
	color:#fff !important;
	
}
.webbuilderdropdown ul li:hover a{
	color:#228aba
}
.webbuilderdropdown ul a {
	font-size: 15px;
	color: #575757;
	transition: all 0.1s ease-in-out;
}
.webbuilderdropdown .dropdown-menu {
	min-width: 475px;
    padding: 15px 0;
    border: 0;
    border-radius: 5px !important;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.14902), 0px 0px 1px rgba(0, 0, 0, 0.04706);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(222, 222, 222, 0);
	font-family: "MuseoSans-100","Lucida Grande",Arial;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	opacity: 0;
	visibility: hidden;
	display: inline-block;
	right: 13px;
}
.webbuilderdropdown:hover .dropdown-menu{
	opacity: 1;
	visibility: visible;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}
.webbuilderdropdown .dropdown-menu:before {
    background: #fff;
    border: 1px solid #d6d6d6;
    content: "";
    display: block;
    position: absolute;
    top: -9px;
    right: 4px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 0;
    -ms-transform-origin: 0% 0;
    transform-origin: 0% 0;
    z-index: 1;
    border-bottom: 0px;
    border-right: 0px;
}
.webbuilderdropdown .websiteView {
    padding: 15px;
    border-radius: 5px;
    text-align: center;
    border: 1px dashed #1cbcb4;
    background: #f2f2f2;
}
.websiteView span {
    color: #7a7a7a;
    font-size: 80px;
    line-height: 37px;
    display: block;
}
.webbuilderdropdown .websiteView h4 {
    font-size: 17px;
    margin: 15px 0 5px;
    line-height: 18px;
    font-weight: bold;
}
.webbuilderdropdown .websiteView p {
    font-size: 14px;
    color: #757575;
}
.webbuilder-preview .modal-body{
	padding: 0;
	height: 93.2vh;}
	
.webbuilder-preview	.modal-content{
	box-shadow: none;
    border: 0;
	border-radius: 0;
	}
	
.webbuilder-preview .modal-header {
    background: #fff;
}
.webbuilder-preview .actionBtn{
	position: absolute;
	right: 10px;
	top: 9px;
}

.webbuildercontainer{width: 80%;
margin: 0 auto;
float: none;
}

.fixedupgradeCoupon {
    position: fixed !important;
    left: -30px;
    top: 50%;
    margin-top: 114px;
}
.fixedupgradeCoupon .upgradeButton {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    font-family: 'source_sans_proregular';
    font-size: 16px;
    line-height: 38px;
}
.upgradeButton{
	transition: none;
}
.fixedupgradeCoupon.upgradeCoupon .hovecoupon{
	left: 73px;
	top: -126px;
}
.fixedupgradeCoupon.upgradeCoupon .hovecoupon::after{
	top: 50%;
	left: -10px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.sitehoverMenu{position: absolute !important;right: 20px;}
.sitehoverMenu:hover ul{display: block;}
.sitehoverMenu ul {
    list-style: none;
    position: absolute;
    top: 100%;
    z-index: 999;
    background: #fff;
    right: 0;
    display: block;
    min-width: 107px;
    border-radius: 5px !important;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.14902), 0px 0px 1px rgba(0, 0, 0, 0.04706);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(222, 222, 222, 0);
	display: none;
}

.sitehoverMenu ul::before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    right: 9px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}	
.sitehoverMenu > ul > li a {
    padding: 8px 15px;
    color: #6b6b6b;
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #efefef;
}
.sitehoverMenu > ul > li a.active {
    background: #228aba;
    color: #fff;
}
@media screen and (max-width:767px){
	.fixedswitch {position: relative;right: auto;top: auto;margin: 0 auto;text-align: center;}
	.fixedswitch li{display: inline-block;margin: 1%;font-size: 20px;height: 40px;line-height: 35px;width: 40px;}
	.switch_mob li span.deviceLinks, .switch li span.deviceLinks{display: none !important;}
	.webbuildercontainer {width: 100%;}
	.previewBtn, #build_step4_app_feature_disclaimer, #build_step4_app_feature_report_problem, .webbuilderdropdown{display: none !important;}
}

@media (min-width: 768px) and (max-width: 1024px){
	.webbuilderdropdown .dropdown-menu{min-width: 450px;}
	header .navbar-nav li {margin-left: 5px;}
	.switch_mob li span.deviceLinks, .switch li span.deviceLinks, #build_step4_app_feature_disclaimer{display: none !important;}
	}
@media (min-width: 1025px) and (max-width: 1200px){
	.fixedButton{right: 60%;}
	.webbuildercontainer .fixedButton {right: 62%;}
	.switch_mob li span.deviceLinks, .switch li span.deviceLinks, #build_step4_app_feature_disclaimer{display: none !important;}
	
}
/*==END WEB BUILDER CSS==*/

/*===APP BG MODAL===*/
 .appbackground-modal{
     width: 90%;
}
 .appbackground-modal .modal-body{
     /*max-height: 100% !important;
     overflow-y: hidden !important;*/
     padding: 15px 15px 0 15px;
	 overflow-x: hidden;
}
 .appbackground-modal .modal-header {
     background: #1689bc;
     color: #fff;
}
 .appbackground-modal .modal-header .close{
     opacity: 1;
     text-shadow: none;
     color: #fff;
}
 .appBg-tab {
     display: flex;
     list-style: none;
     border-bottom: 1px solid #d8e1e8;
     margin: -15px -15px 0;
}
 .appBg-tab li {
     flex: 1;
}
 .safariBrowser .appBg-tab li {
     display: table-cell;
     width: 1%;
}
 .appBg-tab li a {
     padding: 15px;
     display: block;
     border-right: 1px solid #d8e1e8;
     text-align: center;
     color: #3c3c3c;
     background: #eaf7ff;
     font-size: 14px;
     font-family: 'open_sansregular';
}
 .appBg-tab li:last-child a{
     border:0;
}
 .appBg-tab li.active a{
     background: #fff;
}
 .appCat-tab {
     list-style: none;
     border-bottom: 1px solid #d8e1e8;
     margin: 0 -15px;
}
 .appCat-tab li {
     display: inline-block;
}
 .appCat-tab li a {
     display: block;
     padding:15px;
     color: #7492a5;
     font-size: 14px;
     font-family: 'open_sansregular';
}
 .appCat-tab li.active a{
     background: #f2f2f2;
}
 .appbg-hTab{
     list-style: none;
     margin: 0 -15px;
     border-right: 1px solid #d8e1e8;
}
 .appbg-hTab li a {
     display: block;
     padding: 15px;
     color: #2a2a2a;
	 font-size: 14px;
}
 .appbg-hTab li.active a {
     color: #fff;
     background: #1689bc;
}
 .bgimgList figcaption {
     position: absolute;
     bottom: 0;
     z-index: 9;
     background: #3f94bd;
     width: 100%;
     padding: 5px;
     color: #fff;
     font-weight: 600;
     font-size: 14px;
     font-family: 'open_sansregular';
     opacity: 0;
     background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(22, 137, 188, 0.9));
     background:-webkit-linear-gradient(to bottom, rgba(255,0,0,0), rgba(22, 137, 188, 0.9));
     background:-moz-linear-gradient(to bottom, rgba(255,0,0,0), rgba(22, 137, 188, 0.9));
     background:-ms-linear-gradient(to bottom, rgba(255,0,0,0), rgba(22, 137, 188, 0.9));
     background:-o-linear-gradient(to bottom, rgba(255,0,0,0), rgba(22, 137, 188, 0.9));
     transition-property: all;
     transition-duration: 0.5s;
     transition-timing-function: ease;
     transform-origin: 50% 50%;
     transform: translate(0, 5px) 
}
 .bgimgList:hover figcaption{
     opacity: 1;
     visibility: visible;
     transform: translate(0, 0);
}
 .bgimgList .selected {
     width: 25px;
     height: 25px;
     background: #8db419;
     color: #fff;
     position: absolute;
     right: 10px;
     top: 10px;
     border-radius: 100%;
     font-size: 12px;
     text-align: center;
     line-height: 27px;
     display: block;
     z-index: 99;
}
 .bgimgList figcaption .bgAddimage span{
     font-size: 16px;
     line-height: 12px;
     position: relative;
     top: 3px;
     cursor: pointer;
}
.bgimgList figcaption .appyicon-ru-currency:before{
	position: relative;
	top: 3px;
}

.bgimgList figcaption .appyicon-indian-rupee:before{
	position: relative;
	top: 2px;
}
 .navColor-option.bgColor-option li span{
     height: 64px;
	 width: 64px;
}
.navColor-option.bgColor-option .selected.icon-ok-4 {
    position: absolute;
    z-index: 99;
    color: #fff;
    background: #8db419;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    font-size: 10px;
    right: 10px;
    top: 6px;
	box-shadow: 0 0 6px #6d6d6d;
}
 .bgimgSearch .icon-addon {
     position: relative;
     color: #555;
     display: block;
}
 .bgimgSearch .icon-addon:after, .bgimgSearch .icon-addon:before {
     display: table;
     content: " ";
}
 .bgimgSearch .icon-addon:after {
     clear: both;
}
 .bgimgSearch .icon-addon .bgsearchIcon {
     position: absolute;
     z-index: 2;
     left: 10px;
     font-size: 14px;
     width: 30px;
     margin-left: -2.5px;
     text-align: center;
     padding: 10px 0;
     top: 2px;
}
 .bgimgSearch .icon-addon .form-control {
     padding-left: 40px;
     float: left;
     font-weight: normal;
     height: 40px;
     border-radius: 20px;
     font-size: 15px;
     border: 1px solid #c5d2db;
}
 .lightblue-txt {
     color: #7492a5;
     font-size: 15px;
     font-family: 'open_sansregular';
     padding: 8px 0;
}
 .bgborder-bottom{
     border-bottom: 1px solid #d8e1e8;
     padding: 5px 0;
}
 .bghscroll {
     overflow-y: auto;
     height: 537px;
     overflow-x: hidden;
}
 .bgimgscroll{
     overflow-y: auto;
     height: 522px;
     overflow-x: hidden;
}
 .buttonh40{
     line-height: 40px !important;
     font-size: 18px;
     padding: 0 20px;
}
 .uploadbgmobile.uploadbgmobile-new{
     border: 3px solid #1689bb;
}
 .sizePortrait.uploadbgmobile-new .addIcon {
     color: #1689bb;
     display: block;
     font-size: 50px;
     line-height: 145px;
     margin: 0;
}
 .uploadbgmobile.uploadbgmobile-new .uploadbghover{
     background: rgb(22, 137, 187);
     width: 100%;
     top: 0;
     left: 0;
     height: 100%;
     padding-top: 80px;
     font-weight: bold;
}
 .bguploadbutton input[type="file"]{
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     opacity: 0;
}
 .alert-txt{
     text-align: center;
     background: #eaf7ff;
     margin: 10% auto 9%;
     padding: 15px;
     max-width: 500px;
     border-left: 2px solid #1689bc;
     color: #666;
}
 .shutter_stockImg{
     list-style: none;
    margin-bottom: 10px;
     width: 100%;
     max-height: 270px;
     overflow: auto;
}
 .shutter_stockImg li {
     width: 100%;
     clear: both;
     overflow: hidden;
     border-bottom: 1px solid #e7e7e7;
     padding: 10px 40px 10px 0;
     position: relative;
}
 .shutter_stockImg li img {
     width: 65px;
     min-height: 65px;
     float: left;
     margin-right: 15px;
     border: 2px solid #e7e7e7;
     border-radius: 3px;
}
 .shutter_stockImg li .imgDec {
     width: calc(100% - 80px);
     float: left;
     font-size: 14px;
}
 .shutter_stockImg li .imgDec p{
     line-height: 19px;
}
 .shutter_stockImg li .imgRemove{
     position: absolute;
     right: 10px;
     top: 10px;
}
 .shutter_stockImg li .imgDec p.price {
     font-weight: bold;
     color: #16bd05;
}
 .appbackground-modal .domain-tab-content{
    border: 1px solid #e9e9e9;
    margin:0;
    box-shadow: none;
}
 .appbackground-modal .domain-container{
    margin: 0 0 15px;
}
 .appbackground-modal .domain-left-panel{
    min-height: 576px;
}
 .textTru {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .appbackground-modal .paymentHeading {
     color: #383838;
     font-size: 20px;
     line-height: 30px;
     margin: 5px 0 10px;
     text-align: left;
     width: 100%;
     font-weight: bold;
}
 .appbackground-modal .card-show-cardType {
     position: absolute;
     right: 18px;
     top: 3px;
}
 .appbackground-modal .padding-left0{
    padding-left:0px;
}
 .appbackground-modal .tab-container {
     padding: 0px 0 0;
     margin: 20px 0px 0px 0px;
     float: left;
     width: 100%;
}
 .appbackground-modal .tabs-menu {
     height: 40px;
}
 .appbackground-modal .tabs-menu li {
     height: 40px;
     line-height: 40px;
     float: left;
     margin-right: 20px;
     list-style: none;
     border-radius: 6px 6px 0px 0px;
}
 .appbackground-modal .tabs-menu li img {
     margin-left: 5px;
}
 .appbackground-modal .tabs-menu li.current {
     position: relative;
     background-color: #fff;
     border-bottom: 1px solid #fff;
     z-index: 5;
     height: 41px;
     border-top: 1px solid #dedede;
     border-right: 1px solid #dedede;
     border-left: 1px solid #dedede;
}
 .appbackground-modal .tabs-menu li a {
     padding: 10px 25px;
     font-size: 15px;
     color: #4a4949;
     text-decoration: none;
}
 .appbackground-modal .tab {
     border-top: 1px solid #dedede;
     background-color: #fff;
     margin-bottom: 20px;
     width: auto;
}
 .appbackground-modal .paypal-tab {
     background-color: #f9f9f9;
     border-top: 1px solid #dedede;
     border-right: 1px solid #dedede;
     border-left: 1px solid #dedede;
     color: #939393;
}
 .appbackground-modal .paypal-tab a {
     color: #939393 !important;
}
 .appbackground-modal .payment-50 {
     float: left;
     width: 48%;
     height: auto;
     margin: 0px 0px 0px 0px;
}
 .appbackground-modal .slash {
     color: #c7c7c7;
     float: left;
     padding: 6px 0px;
     font-size: 18px;
}
 .appbackground-modal .domain-container .wd65 {
     width: 74%;
     margin-right: 5px;
}
 .appbackground-modal .domain-container .wd35 {
     width: 25%;
}
 .appbackground-modal .domain-container .wd74 {
     width: 74%;
     margin-right: 5px;
     float:left;
}
 .appbackground-modal .domain-container .wd25 {
     width: 25%;
     float:left;
}
 .appbackground-modal .fullwd {
     float: left;
     width: 100%;
}
 .appbackground-modal .form-group .height90 {
     height: 90px;
}
 .appbackground-modal .margin-top-pay-20 {
     margin-top: 20px;
}
 .appbackground-modal .padding-left166 {
     padding-left: 0px;
}
 .appbackground-modal .form-horizontal .control-label {
     padding-top: 7px;
     margin-bottom: 0;
     text-align: right;
     color: #4a4a4a;
     font-size: 14px;
     font-weight: normal;
}
 .appbackground-modal .domain-tab-content .sub-txt {
     color: #6c6c6c;
     font-size: 15px;
     font-weight: 100;
     margin-top: 15px;
     display: block;
}
 .appbackground-modal .top-rightimg {
     float: left;
     width: auto;
     height: auto;
     margin: 0px 10px 10px 0px;
     height: 28px;
}


.newsizePortrait.uploadbgmobile-new .addIcon {
    line-height: 200px;
}

.newuploadbgmobile.uploadbgmobile-new{
    height: 215px;
}

@media screen and (max-width:767px){
	.appBg-tab li a {font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	#backgroundlibCat > li > a{font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 10px 11px;}
	.appbg-hTab.responsiveMTab{height: auto;overflow-x: auto;overflow-y: hidden;}
	.appbg-hTab li a{font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.bgimgscroll{height: auto;}
	.bgimgscroll .appbgimgwidth {width: 33.33%;padding: 0 5px 0 5px;margin-bottom: 10px;}
	.lightblue-txt	{padding: 8px 0 0;font-size: 11px;}
	.buttonh40 {line-height: 35px !important;font-size: 14px;padding: 0 20px;}
	.navColor-option.bgColor-option li span{height: 26px;width: 26px;}
	.bgimgList .selected{width: 20px;height: 20px;font-size: 8px;line-height: 21px;top: 5px;right: 5px;}
	.appbackground-modal{width: 99% !important;margin: 2px auto;}
	.appbackground-modal .domain-container .wd74{width: 100%;}
	.appbackground-modal .form-horizontal .control-label{text-align: left;padding-top: 5;margin: 0;}
	.appbackground-modal .domain-container .wd25{width: 100%;}
	.appbackground-modal .domain-container .wd65{width: 100%;}
	.appbackground-modal .padding-left0{padding-left: 15px;}
	.domain-container .form-horizontal .form-group{margin-bottom: 0;}
	.alert-txt{font-size: 14px;}
}

@media (min-width: 768px) and (max-width: 991px){
	.appBg-tab li a, .appCat-tab li a{font-size: 12px;}
	.appbg-hTab li a{font-size: 12px;padding: 10px 15px;}
	.lightblue-txt{font-size: 11px;}
	.navColor-option.bgColor-option li span {height: 49px;width: 49px;}
	.alert-txt{font-size: 14px;}
}
/*===END APP BG MODAL===*/

.webbuilder-login .loyalTooltip:hover span{right:-43px}
.webbuilder-login .loyalTooltip span::after{left:auto; right:43px;}


.iframeFront .modal{
	background: rgba(00,00,00,0.6) !important;
}

@media screen and (max-width:991px){
.discountType { 
    margin: 0;
    width: auto; 
    margin:0px 15px 10px 15px;
}
.discountType::after,.discountType::before{display:none;}
#appDirController .dirCateItems .selectNewssPt {
    font-size: 12px;
    padding-left: 14px;
}
}
@media screen and (max-width:480px){
	.iapSampleFull div a{font-size: 11px;}
}


.myappiframe{height: 100%;}



/*===SUBSCRIPTION ALERT==*/
.subscriptionAlert {
    background: #e60030;
    color: #fff;
    padding: 15px;
    font-size: 14px;
    border-radius: 4px;
    font-family: 'open_sansregular';
    overflow: hidden;
    clear: both;
	margin-bottom: 5px;
}
.subscriptionAlert .icon {
	float: left;
    font-size: 40px;
    margin-right: 15px;
    width: 50px;
    text-align: center;
    line-height: 37px;

}
.subscriptionAlert .text {
    float: left;
    width: calc(100% - 65px);
}	
.subscriptionAlert h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.subscriptionAlert p {
    font-size: 14px;
    letter-spacing: 0.5px;
}
.subscriptionAlert a{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
@media screen and (max-width:767px){
	.subscriptionAlert{padding: 10px;}
	.subscriptionAlert h3 {font-size: 13px;}
	.subscriptionAlert p {font-size: 11px;}
	.subscriptionAlert .icon{font-size: 30px;width: 40px;margin-right: 10px;}
	.subscriptionAlert .text{width: calc(100% - 80px);}
	.mobApp-section{padding: 0 10px 5px 10px}
	
	
#add-drpdwn { 
height: auto;
display: inline-block;
}
.new-add-ons-tab .dropdown-menu { 
position: relative;
}
.new-add-ons-tab {
    padding: 40px 20px 25px 20px;
}
.app_notification_indicator span {
    display: inline-block;
font-size: 11px;
}
.app_notification_indicator span i{line-height:normal;}
.app_notification_indicator div {
    text-align: left !important;
}
.app_notification_indicator div strong{display: block;
margin-top: 20px;
margin-bottom: 10px;}
}
/*===END SUBSCRIPTION ALERT==*/
@media (max-width:420px){
.plan_heading .sub-text {display: block;}
}
@media (max-width:480px){
.plan_subheading strong{display: block;}
}

@media screen and (max-width:767px){
.smartbanner-show body{background: transparent !important;}
.smartbanner-show header .navbar-default{top: 80px;}


.new-plan .plan_heading{font-size: 23px;line-height: 35px;margin: 0 0 20px;}
.plan_subheading {
font-size: 14px;
line-height: 20px;
margin: 15px 0 42px;
}
.plan_subheading strong{font-size: 14px;}
.new-plan .planTab.btn-group-lg > .btn, .btn-lg {padding: 10px 36px;height: 40px;font-size: 14px;font-weight: bold;overflow: visible;}
.new-plan .planTab .btn span {
color: inherit;
position: absolute;
right: 17px;
top: -27px;
font-family: 'Indie Flower', cursive;
font-size: 16px;
font-weight: 700;
}
.new-plan .planTab::after {
content: "";
position: absolute;
top: -23px;
right: -16px;
background: url(/newui/images/responsive-arrow.png);
background-repeat: no-repeat;
width: 35px;
height: 35px;
}
.yrbtn{
border-width: 1px 1px 1px 0 !important;
border-top-right-radius: 30px !important;
border-bottom-right-radius: 30px !important;
}
}




.ft-user-foot{  height: 100%; position: relative;}
.user-footer-container{ 
    min-height:105px;
    width: 100%;
    overflow: hidden;}
.user-footer {
	background: #353535;
	padding:12px 10px;
	box-sizing: border-box;
	height: 100%;
}
.user-ft-left {
	float: left;
}
.user-ft-right {
	float: right;
}
.user-footer a,.copyright {
	color: #fff;
	font-size: 12px;
	display: inline-block;
	padding: 0 7px;
	position: relative;
	text-decoration: none;
	margin-bottom: 0;
}
.social_icons-footer li {
	display: inline-block;
}
.social_icons-footer a {
	font-size: 16px;
	color: #fff;
	display: inline-block;
}
@media (max-width:767px) {
	.user-ft-left {
		float: left;
		width: 100%;
		text-align: center;
	}
	.user-ft-right {
		float: left;
		margin-top: 10px;
		width: 100%;
		text-align: center;
	}
	.user-footer-desc {
		padding: 0 10px;
		font-size: 9px;
	}
	.fixedButton {
    right: 200px;
    margin-right: 0 !important;
    top: 3px !important;
    padding: 0 12px;
    font-size: 12px;
    line-height: 30px;
}
.saveFinish .buttonNext {
    margin: 14px 0 0 0 !important;
	
}
}
.rebuild_date{
	 display: block;
    font-weight: normal;
    font-size: small;
    margin-top: 10px;
}
.rebuild_txt{
	text-align: center;
    width: 100%;
    display: block;
    margin-top:  5px;
}
/*============*/
.responsive_nav {
    float: right;
    color: #fff;
    font-size: 22px;
    margin: 20px 15px;
    cursor: pointer;
}
.rmenu-close {
    color: #000;
    font-size: 12px;
    background: rgba(250, 250, 250, 0.9);
    width: 28px;
    height: 28px;
    line-height: 33px;
    text-align: center;
    border-radius: 100%;
    display: block;
    float: right;
    cursor: pointer;
    margin-top: 2px;
    text-shadow: 0 0px 1px #636363;
	position: relative;
	z-index: 999;
}
.rmenu-close.appyslim-ui-delete-x::before {
    font-weight: bold !important;
}
.responsive_Menu {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1032;
    overflow-y: auto;
	-webkit-overflow-scrolling: touch;
    background: #fff;
    width: 100%;
    height: 100%;
    right: 0;
    -webkit-transform: translateX(100%) translateY(0) translateZ(0);
    -ms-transform: translateX(100%) translateY(0);
    transform: translateX(100%) translateY(0) translateZ(0);
    overflow-x: hidden;
	transition: all 0.3s ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
}
.responsive_Menu ul{
	list-style: none;
	margin: 0;
}
.responsive_Menu ul li{
	margin: 0 !important;
}
.responsive_Menu ul li a {
    font-family: "MuseoSans-100","Lucida Grande",Arial;
    font-size: 14px !important;
    color: #333 !important;
    display: inline-block;
    padding: 10px 15px !important;
    border-bottom: 1px solid #ececec;
    width: 100%;
}
.responsive_Menu ul li a i {
	font-size: 16px;
    padding-right: 10px;
    position: relative;
    top: 2px;

}
.responsive_Menu.open {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
    box-shadow: 1px 9px 19px #434343;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
}
.menu-overlay{
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
	display:none;
}
.menu-overlay.open{
	display:block;
}
@media (max-width: 767px){
.siteUserProfile .siteuserInfo{
	width: calc(100% - 75px);
	width: -webkit-calc(100% - 75px);
	width: -moz-calc(100% - 75px);
}
.siteDropdownMenu {position: static;float: none;border: 0;-webkit-box-shadow: none;box-shadow: none;display: block !important;padding: 0 0 5px;}
.siteUserProfile {margin: 0;padding: 15px 15px;}
header .navbar-nav {margin: 0 auto;}
header .navbar-collapse {overflow-x: hidden;padding: 0;min-height: auto; box-shadow: 0px 0px 15px rgba(0,0,0,.5);}
header .navbar-toggle {margin-top: 14px;position: relative;top: 2px;}
.no-touch .navbar-default .navbar-toggle:focus, .no-touch .navbar-default .navbar-toggle:hover {background-color: #ddd;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
}
@media (max-width: 479px){
	.modal-body{padding: 5px;}
}
.new-plan .top_Label.top_Label-purple {
    background: url(/newui/images/label-bg-purple.png) no-repeat center center;
    width: 185px;
    height: 54px;
    font-size: 11px;
    color: rgb(142, 86, 216);
    top: -45px;
    line-height: 36px;
	left: calc(25% - 50px);
}
.modal-open .fixedButton{
	display:none;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .fixedButton{right: 62% !important;display: none;}}

.btn-black {
    background: #474747;
    border-color: #474747;
    color: #fff !important;
}
.switch-toggle {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 24px;
}
.switch-toggle input {display:none;}
.slider-toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-toggle:before {
  content: '\ea38';		
  position: absolute;
  height: 18px;
  width: 18px;
  left: 5px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  text-align: center;
  line-height: 21px;
  font-size: 10px;
  font-family: 'fontello';
  color: #898989;
}

input:checked + .slider-toggle:before{
	content: '\ea1a';
	color: #3899ec;
}

input:checked + .slider-toggle {
  background-color: #3899ec;
}

input:focus + .slider-toggle {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider-toggle:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* Rounded slider-toggles */
.slider-toggle.round {
  border-radius: 34px;
}

.slider-toggle.round:before {
  border-radius: 50%;
}
.toggle-box h4{
	margin-top: 4px;
	font-size: 12px;
}
.button.icon-trash{
	background-color: #d9534f;
}
.button.icon-trash:hover{
	background-color: #c3302c;
}
.toolTipDiv .tooltips.bottom {
    padding: 0 5px;
    bottom: -29px;
    z-index: 999;
    margin-left: -63px;
}
.toolTipDiv .tooltips.bottom .tooltip-arrows {
    top: 50%;
    left: 27px;
    margin-top: -16px;
    border-width: 0 5px 5px 5px;
    border-bottom-color: #000;
}
@media (max-width: 767px){
	
	.page_feature.mPage_feature {
    float: none;
    border: 0;
    margin: 0;
    padding: 0;
}
	.page_feature.mPage_feature [class^="col-md-"], .page_feature.mPage_feature [class*=" col-md-"], .mlist-group [class^="col-sm-"], .mlist-group [class*=" col-sm-"]{
		position: static;
	}
	.page_feature.mPage_feature .button.icon-trash.mdbtn{
		position: absolute;
		top: -8px;
		height: 28px;
		width: 28px;
		border-radius: 100%;
		right: -6px;
		line-height: 28px;
		z-index: 99;
	}
	.page_feature.page_featureBorder0{
		border: 0;
		margin: 0;
		
	}
	.mlist-group .list-group-item{
		
	}
	.mlist-group .button.icon-trash {
		position: absolute;
		top: -13px;
		height: 25px;
		width: 25px;
		border-radius: 100%;
		right: -10px;
		line-height: 25px;
		font-size: 11px;
		padding: 0;
		text-align: center;
	}
	.btn-black{
		font-size: 9px
	}
	.toolTipDiv .tooltip-inners{
		font-size: 10px;
	}
}


.icon-radius {
    border-radius: 100%;
    width: 23px;
    height: 23px;
    line-height: 23px;
    padding: 0;
    text-align: center;
    display: inline-block;
    font-size: 11px;
}
.offsettop4{
	margin-top: 4px;
}


.iframeFront .breadcrumb > li + li::before{
	
	content: none !important;
	
}

.iframeFront .breadcrumb>li {
    padding-right: 5px;
    font-size: 14px;
    color: #7b7b7b;
}
.bg-cal {
    background: url(/newui/images/calendar-icon.png) no-repeat right center; 
}

.iframeFront .breadcrumb{
	margin-top: 10px;
	background:none;
}
.iframeFront .breadcrumb>li a{
		
}
.resp-tabs{
	width: 100%;
	background: #f5f5f5;
	font-size: 13px;
	padding: 8px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.resp-tabs a{
	color: #333;
	display:block;
}
.resp-tabs::after {
	content: '\e75e';
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    position: absolute;
    right: 10px;
    top: 8px;
}
.resp-tabs.active::after{
	content: '\e75c';
}
.resp-tabs.active {
	background: #228aba;
    color: #fff;
}
.resp-tabs.active a{
	color: #fff;
}



@media screen and (max-width:767px){
.mobileView .modal-body{
	width: 100%;
    max-height: 100% !important;
    margin: 0 auto;
    height: 90.7vh;
    background: transparent !important;
	padding: 0;
	transform: none;

}
.mobileView .modal-body .mobileAppDemo {
	width: 99.8%;
	max-width: 99.8%;
    margin: 0 auto;
    height: 90.7vh;
}
.mobileView .navBanner{
	width: 100%;
}
.mobileAppDemo .page-content.height-text, .mobileAppDemo .page-content.height-image {
	height: 90.7vh !important
}
.mobileAppDemo .add_bg, .mobileAppDemo .page-content.mac-os .add_bg{
	height: 85.2vh !important;
	width: 100% !important;
}
.mobileAppDemo .header{position: absolute !important;}

.mobileView [class^="col-md-"], .mobileView[class*=" col-md-"] {
	margin-bottom: 0;
	}
.mobileAppDemo .page-content.height-text, .mobileAppDemo .page-content.height-image{
	padding: 49px 0 0 0 !important;
	width: 100% !important;
	}
	
.mobileAppDemo .half-list-layout .rightOverlay{
	width: 100%;
	
}	
.mobileAppDemo .half-list-layout .right_side{
	right: 0;
}

.page-text, .magneto-inner {width: 100% !important;}

#customBtnGoogle{width: 100%;}	
.appNameAlert{width: 200px;left: auto;bottom: 42px;font-size: 9px;}
.button-pay {
	font-size: 18px !important;
    height: 40px;
}
.scrollIcon{overflow-y: hidden;height: auto;}

/*Mobile page */
.mobileHeading {
    font-size: 12px;
    padding: 10px;
    color: #6d6d6d;
    line-height: 1;
    cursor: pointer;
    border-bottom: 1px solid #f2f6f8;
    background: #fff;
}
.mobileContent {
    background: #f2f6f8;
    padding: 10px;
	border-radius: 3px;
}
.button-photo-about{
	margin: 0 auto;
	float: none !important;
	
}
.form-control, .minieditor-content {
    font-size: 11px;
}
.mobileSubheading {
    overflow: hidden;
    clear: both;
    cursor: default;
    padding-top: 5px;
}
.mobileSubheading span {
    display: block;
    padding: 0 10px;
    font-weight: bold;
    font-size: 10px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-left: 2px solid #cecece;
    background: #f6f6f6;
	color: #6d6d6d !important;
}
.mobileContent .offsetbottom15, .mobileContent.offsetbottom15{
	margin-bottom:0;
}
.mpadding0{
	padding:0;
}
.page_feature.mobileContent{
	margin: 0;
	padding:10px;
	border: 0;
}
}

.mpreviewbtn{
	padding: 0 12px;font-size: 12px;line-height: 30px;margin-top: 17px;
	
}

/*===APP PAGES COLOR CHANGES===*/
.myAppPages ul li .myAppPage, ul.myAppPagesListrnz li .myAppPage {background: #776c68 !important;}
.allAppPages ul li .myAppPage {    background: #776c68 !important;}
.myAppPagesOptions ul li a span { background: #776c68 !important;}
.systemPages ul li a:hover, .systemPages ul li.activesys a {background: #776c68;}
.systemPages ul li a{border: 1px dashed #776c68;color: #776c68;}
.allAppPages ul li.activedit .myAppPage span, .allAppPages ul li .myAppPage:hover span {border-top-color: #776c68 !important;}
.activedit.activeditblank .caret2 {    border-top-color: #776c68 !important;}
.activedit.activeditblank, .addNew {    border-bottom: 2px solid #776c68 !important;}
.addNew:after{    border-top: 10px dashed #776c68;}
.activedit .caret2 {    border-top-color: #776c68 !important;}
.systemPages ul li.activesys a:after {    border-color: #776c68 transparent transparent;}
/*===END APP PAGES COLOR CHANGES===*/

.hideBorder{
	border:0 !important;
}

/*===PAGE SEO===*/
.seo-option i {
	background: #5cb85c;
	color: #fff;
	width: 20px;
	display: inline-block;
	height: 20px;
	text-align: center;
	border-radius: 100%;
	font-size: 12px;
	line-height: 20px;
	margin-left: 5px;
	position: relative;
	top: -2px;
}

.seo-overlay {
	width: 100%;
	height: 100%;
	z-index: 999;
	left: 0;
	top: 0;
}

.seo-modal {
	background: #fff;
    min-width: 100%;
    padding: 0px 15px 15px;
    margin: 25px 0 0;
    overflow: hidden;
    clear: both;
    float: left;
}

.seo-modal .modal-header {
	padding: 10px 0;
}

.seo-modal .modal-header .close {
	opacity: 1;
	font-size: 20px;
	top: 5px;
	position: relative;
}

.seo-modal .modal-body {
	padding: 10px 0;
}

.page-options {
	list-style: none;
}

.page-options li {
	background: #f0f0f0;
	margin: 0 0 2px;
	padding: 10px 10px;
	border-radius: 4px;
}

.page-options li .icon {
	float: right;
	font-size: 17px;
	line-height: 1.2;
	color: #228aba;
	cursor: pointer;
}

.seo-modal .panel-default.active .panel-heading {
	color: #fff;
	background-color: #908dc7;
	border-color: #908dc7;
}

.seo-modal .panel-default {
	margin: 0 0 10px;
	border: none;
	box-shadow: none;
}

.seo-content .form-group {
	background: #f0f0f0;
	padding: 10px 10px 15px;
	border-radius: 4px;
}

.seo-content label {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 10px;
}

.copied-popup {
	position: relative;
}

.copied-popup span {
	position: absolute;
	display: block;
	width: 70px;
	background: #000;
	color: #fff;
	bottom: 0;
	right: 30px;
	font-size: 11px;
	padding: 5px 2px;
	border-radius: 5px;
	text-align: center;
}

.copied-popup span::after {
	border-color: transparent transparent transparent #000;
	border-style: solid;
	border-width: 8px;
	content: "";
	height: 0;
	right: -13px;
	pointer-events: none;
	position: absolute;
	top: 3px;
	width: 0;
}

@media(max-width:740px) {
	.deep-block {
		display: block;
	}
}


/* Page option */

.page_options .cancel-page {
	font-size: 16px;
	color: #333333;
	margin: 0;
	float: none;
}

.page_options ul li::before {
	content: '';
	display: block;
	opacity: 0;
	position: absolute;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
	z-index: -1;
	bottom: -10px;
	left: -10px;
	right: -10px;
	top: -10px;
	background: none;
	border-radius: 50%;
	box-sizing: border-box;
	transform: scale(0);
	transition-property: transform, opacity;
	background: rgba(51, 51, 51, 0.2);
	z-index: 0;
}

.page_options ul li.seprator-line {
	width: 1px;
	display: inline-block;
	height: 20px;
	background: #333;
	background: rgba(51, 51, 51, 0.4);
}

.page_options ul li:hover::before {
	opacity: 1;
	transform: scale(0.8);
}

.cancel-page {
	line-height: 1;
	font-size: 22px;
}

.no-touch .page_options .cancel-page:hover {
	color: #333;
}

.page_options ul {
	list-style: none;
}

.page_options ul li {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 0 8px;
	text-align: center;
	width: 20px;
	height: 20px;
}

.more-dropdown-menu {
	position: absolute;
	top: 24px;
	right: -100px;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 220px;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.page_options .show-more-dropdown:hover .more-dropdown-menu {
	display: block;
	opacity: 1;
	visibility: visible;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

.page_options .more-dropdown-menu::before {
	top: -13px;
	left: 50%;
	margin-left: -9px;
	content: " ";
	display: block;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	-webkit-transition: .2s ease;
	-moz-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
	width: 15px;
	height: 15px;
}

.page_options .more-dropdown-menu li {
	width: 100%;
	padding: 0px 0px;
	border-bottom: 1px solid #ddd;
}

.page_options .more-dropdown-menu li a {
	padding: 8px 10px;
	transition: all 0.1s ease-in-out;
	display: block;
	color: #575757;
}

.page_options .more-dropdown-menu li a:hover {
	color: #228aba;
	transition: all 0.1s ease-in-out;
}

.no-touch .pageAction:hover span {
	right: -41px;
	bottom: 35px;
}

.pageAction span::after,
.pageIconInfo p::after {
	top: 21px;
}

.more-dropdown-menu li:last-child {
	border-bottom: 1px solid transparent;
}

.cancel-page.icon-eye {
	font-size: 22px;
}

.cancel-page.icon-color-book, .cancel-page.icon-edit {
	font-size: 20px;
}
.cancel-page.icon-trash {
	font-size: 17px;
}

.iconz-dirList.cancel-page {
	font-size: 18px;
}

.cancel-page.icon-left-1 {
	font-size: 18px;
}

.page_options ul li.seprator-line::before {
	display: none;
}

.cancel-page.pageAction.icon-eye-off {
	font-size: 22px;
}

.no-touch .page_options .pageAction:hover span {
	position: absolute;
	display: block;
	width: 150px;
	background: #505356;
	color: #fff;
	bottom: 0;
	right: 50%;
	font-size: 11px;
	padding: 5px 8px;
	border-radius: 5px;
	text-align: center;
	white-space: nowrap;
	margin-right: -47px;
	margin-bottom: -40px;
	z-index: 1;
}

.no-touch .page_options .pageAction span::after {
	border-color: transparent transparent #505356;
	border-style: solid;
	border-width: 8px;
	content: "";
	height: 0;
	right: 40px;
	pointer-events: none;
	position: absolute;
	top: -16px;
	width: 0;
}

.no-touch .pageAction:hover span.deepLink-width {
	width: 200px;
}

@media (max-width:767px) {
	.page_options ul li {
		margin: 0 5px;
	}
	.no-touch .page_options .pageAction span.deepLink-width:after {
		right: 56px;
	}
	.no-touch .page_options .pageAction:hover span.deepLink-width {
		margin-right: -64px;
	}
}
#folderStyleDiv, #pagestylediv{display: none;}
/*===END PAGE SEO===*/

/*===GET START AND PREVIW ARROW==*/
.mobileTablet {text-align:center !important;}
.get-started-text {
    display: flex;
    flex-flow: column nowrap;
    color: #fff;
    width: 100%;
    height: calc(100% - 50px);
    justify-content: center;
    background: #fff;
    margin-top: 50px;
}
.get-started-text img {
    width: 90px;
    margin: 30px auto 0;
}
.get-started-text h2 {
    line-height: 50px;
    font-size: 40px;
    font-family: 'open_sansregular';
    color: #000;
}
.livePreviewtxt {
    background: url("/newui/images/preview-arrow.png") no-repeat right bottom transparent;
    height: 117px;
    position: absolute;
    right: -30px;
    left: 0;
    margin: 0 auto;
    text-align: center;
    padding-right: 30px;
    top: 40px;
    font-size: 12px;
    font-family: 'open_sansregular';
}
.livePreviewtxt.affix {
	position: fixed;
    right: auto;
    width: 306px;
    left: auto;
    top: 72px;
    padding-right: 45px;
}

@media (min-width: 992px) and (max-width: 1199px){
	.livePreviewtxt.affix{
		display: none;
		}
}
/*===END GET START AND PREVIW ARROW==*/

.payment-bg-grey .form-control.stripe-input{
	padding: 12px 6px;
	line-height: 45px
}
.myAppPagesOptions ul li a span, .myAppPages ul li, ul.myAppPagesListrnz li, .allAppPages ul li a .pageIcon, .allAppPages ul li div .pageIcon{
	display: flex;
	justify-content: center;
	flex-flow: column;
}
.allAppPages ul li div .pageIcon{
	margin: 5px auto 0;
}
@media (max-width: 479px){
	
	.myAppPagesOptions ul li a span.appyicon-coupon-directory{
		font-size: 27px;
	}
}

.exit_modal_popup .modal-header{
	display:none;
}

.exit_site .iconz-lock.f-right.nonm {
	visibility: hidden;
}

.exit_site .subheading{
	margin-bottom: 10px;
	color: #7b7b7b;
}
.exit_modal_popup.modal{
	
	overflow:hidden;
}


/*===THANKS PAGE NEW CSS===*/
 .custom-search {
   position: relative;
   z-index: 5;
   }
   .custom-search .input-group{width:100%;}
   .custom-search.active {
   z-index: 8;
   }
   .custom-search .search-filter {
    position: absolute;
    left: 2px;
    top: 32px;
    margin: 0;
    list-style: none;
    background: #fff;
    z-index: 5;
    font-size: 14px;
    max-height: 165px;
    overflow: auto;
    border: solid 1px #ccc;
    right: 2px;
}
   .custom-search .search-filter li {
   line-height: 20px;
   float: left;
   width: 100%;
   font-size: 13px;
   cursor: pointer;
   padding: 3px 10px;
   }
   .custom-search .search-filter li:hover{
   background: #95b10c;
   color:#fff;
   }
   .custom-search .arrow {
   position: absolute;
   right: 10px;
   top: 11px;
   z-index: 0;
   color: #8d8d8d;
   }
   .qr-field{
	   max-width: 300px;
		margin: 15px auto;
   }
   .qr-field [class^="col-md-"], .qr-field [class*=" col-md-"]{
   padding: 0 2px;
   }
.feature-unlocked {
    max-width: 400px;
    margin: 0 auto 50px;
}
.unlockedImg {
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    margin: 40px 0 50px;
    background: url(/newui/images/unlock.png) no-repeat center 100%/25%;
    padding: 35px 0;
}
.unlockedImg span {
    font-size: 38px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 3px 2px #000;
    letter-spacing: 5px;
}
.unlockedImg p {
    font-size: 49px;
    line-height: 1;
    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 4px 4px 4px #000, -4px 4px 4px #000, 4px -4px 4px #000, -4px -4px 4px #000;
    letter-spacing: 5px;
	margin-top: 25px;
}
.feature-unlocked .btn {
    border: 1px solid #228aba;
    background-color: #228aba !important;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
}
.flip-height{
	min-height: 675px;
}
@media (max-width: 767px){
.unlockedImg span {
	font-size: 35px;
}
.unlockedImg p {font-size: 40px;margin-top: 15px;}
.unlockedImg{padding: 30px 0;margin: 0px 0 50px;}
}
/*===END THANKS PAGE NEW CSS===*/

.normalMobileBuilder .responsive_nav, .normalMobileBuilder .mpreviewbtn{display: none;}


.normalMobileBuilder header .navbar-default, .normalMobileBuilder .navbar-nav, .normalMobileBuilder .navbar-default .navbar-collapse, 
.normalMobileBuilder .navbar-default .navbar-form, .normalMobileBuilder header {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}


/*===TRUSTPILOT SECTION===*/
 .trustpilot-section {
     display: block;
     width: 100%;
     float: left;
     font-size: 18px;
     text-align: center;
     margin-top: 30px;
     margin-bottom: 25px;
}
 .catfeacture-section {
     width: 100%;
     float: left;
     font-size: 21px;
     text-align: left;
     line-height: 40px;
     margin-bottom: 10px;
}
 .catfeacture-section ul{
     padding-left: 10px;
     padding-top:20px;
     list-style-type: none;
}
 .quote-container {
     background: #1f618d;
     color: #fff;
     margin-bottom: 20px;
     min-height: 235px;
}
 .quote-logo {
     display: table-cell;
     text-align: center;
     vertical-align: middle;
}
 .quote-logo img {
     max-width: 240px;
}
 .quote-body {
     width: 60%;
     display: table-cell;
     text-align: left;
     vertical-align: middle;
}
 .quote-body blockquote {
     border-left: 0px solid #eee;
     padding: 30px 20px;
     margin: 25px 20px 0;
     font-size: 16px;
}
 .quote-body p {
     font-size: 14px;
     line-height: 20px;
}
 .quote-body cite {
     display: block;
     font-style: normal;
     font-size: 12px;
     margin-top: 30px;
}
 @media (max-width: 767px) and (min-width: 481px){
     .trustpilot-section {
         font-size: 18px;
         line-height: 30px;
    }
     .catfeacture-section > ul > li{
         font-size: 14px;
         line-height: 30px;
         position: relative;
    }
     .quote-logo {
         display: block;
         text-align: center;
         vertical-align: middle;
         padding: 20px 0px 0;
    }
     .quote-body blockquote{
         padding: 0px 20px 30px;
    }
     .quote-container {
         margin-bottom: 5px;
    }
}
 @media screen and (max-width:480px){
     .trustpilot-section {
         font-size: 14px;
         line-height: 20px;
    }
     .catfeacture-section > ul{
         padding-left: 10px;
    }
     .catfeacture-section > ul > li{
         font-size: 14px;
         line-height: 30px;
         position: relative;
    }
     .quote-logo {
         display: block;
         text-align: center;
         vertical-align: middle;
         padding: 20px 0px 0;
    }
     .quote-body blockquote{
         padding: 0px 20px 30px;
    }
     .quote-container {
         margin-bottom: 5px;
    }
}
/*===END TRUSTPILOT SECTION===*/

/*===PRICE PAGE SLIDER===*/
.newflexPlan {
     display: flex;
     width: 133%;
     position: relative;
     left: -33%;
     -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;
     transition: all 1s ease-in-out;
}
 .new-plan .newflexPlan .plan-tab{
     display: flex;
     flex-flow: column;
}
 .planArrow span {
     font-size: 20px;
     color: #fff9;
     position: fixed;
     left: 14%;
     cursor: pointer;
     top: 85%;
	 vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
	display: inline-block;
}
 .planArrow .right{
     left: auto;
     right: 14%;
     opacity:0;
}
    

.planArrow span:hover, .planArrow span:focus{
    -webkit-animation-name: buttonNext;
    animation-name: buttonNext;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

 @media (max-width:767px) {
     .planArrow{
        display: none;
    }
     .newflexPlan{
         display: block;
         width: 100% 
    }
     .new-plan .newflexPlan .plan-tab{
         display: block;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
     .planArrow span {
		z-index: 999;
		background: rgba(00,00,00,0.3);
		border-radius: 100%;
		font-size: 12px;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 1;
		padding: 9px 0;
		box-shadow: 0px 0px 2px #8c8c8c;
}
     .planArrow .right{
        right: 2%;
    }
     .planArrow .left{
        left: 2%;
    }
}
 @media (min-width: 1025px) and (max-width: 1199px){
     .planArrow span {
         z-index: 999;
         background: #333;
         border-radius: 100%;
         font-size: 20px;
         width: 40px;
         height: 40px;
         text-align: center;
         line-height: 1;
         padding: 9px 0;
         box-shadow: 0px 0px 2px #8c8c8c;
         top: 50%;
    }
     .planArrow .right{
        right: 2%;
    }
     .planArrow .left{
        left: 2%;
    }
}
 @media (min-width: 1200px) and (max-width: 1400px){
     .planArrow span {
         top: 60%;
    }
     .planArrow .right{
        right: 4%;
    }
     .planArrow .left{
        left: 4%;
    }
}
/*===END PRICE PAGE SLIDER===*/

#modalPagesPreview {
	overflow-y: hidden;
}
*===START DESIGN CUSTIMIZATION NEW CSS===*/
    .newclickDownArowRotate i{
        transform:rotate(180deg); 
        -webkit-transform:rotate(180deg); 
        -moz-transform:rotate(180deg); 
        -o-transform:rotate(180deg);
        display: inline-flex;
    }   
  .newclickDownArow {
    display: block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    clear: both;
    background: #1689bc;
    margin: auto;
    text-align: center;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    z-index: 999;
    left: 0;
    bottom: -17px;
    right: 0;
    padding: 10px 0;
    box-shadow: 0 0 10px #acacac;
    }
    .bounceArrw {
    -webkit-animation: bounceArrw 2s infinite;
    animation: bounceArrw 2s infinite;
}

@-webkit-keyframes bounceArrw {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    60% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
}

@keyframes bounceArrw {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    60% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
}
    .newGray_box_div .gray-inner-box{border: 0;}
    .newGray_box_div .newChoseAppTitle{
        display: inline-block;
        color: #787878;
        font-weight: 700;
        font-size: 14px;
        margin: 10px 0px;
    }
    
    .newGray_box_div .busninessPackageName .form-control{
        height: 45px;
        border: 1px solid #d9d9d9;
        padding: 0px 15px;
    }
    .newGray_box_div .gray_box_div span.smallp, .smallp{
        color: #787878;
        font-weight: 700;
        font-size: 14px;
    }
    .newToggleLayout{display: none;}
    .newGray_box_div span.smallp, .smallp{
        color: #787878;
        font-weight: 700;
        font-size: 14px;
        margin: 10px 0px;
    }
    .NewWell{
        padding: 15px 6px;
        margin-bottom: 0;
    }
    .NewWell .orientation-mob .popoverIcon {
        top: 0px;
    }
    .NewWell .orientation-mob .title {
        margin-top: 0;
        margin-left: 0px;
    }   
    .nav-lay-pr .NewOverlaycolor li{
        float: none;
        margin: auto;
        width: auto;
    }
    .NewOverlaycolor .appOverlayslect ul {
        text-align: left;
    }   
    .NewOverlaycolor .appOverlayslect ul li.activeOver span::before {
        content: '\ea1a';
        font-family: 'fontello';
        left: 4px;
        position: relative;
        color: #323232;
        top: -2px;
        font-size: 11px;
    }    
    .newGray_box_div .grayHeading h3{
        display: inline-block;
        padding: 5px 15px;
        margin: 11px 0;
        font-size: 18px;
        font-weight: 700;
        color: #393939;
    }
    .newGray_box_div h4{  
        font-size: 15px;
        font-weight: 700;
        color: #393939;
    }
    .newGray_box_div .tooltip-info2.popover.right > .arrow {
        top: 83% !important;
    }
    
    @media (max-width:991px) {
        .newclickDownArow{width: 30px;height: 30px;padding: 9px 0;font-size: 14px;}
    }
/*===END DESIGN CUSTIMIZATION NEW CSS===*/
/*===PWA THEME SLIDER===*/	
	
.webthemeSlider.themeSlider .themeSliderInner ul li{
	width: 328px;
}
.webthemeSlider.themeSlider .themeSliderInner ul li img {
    border-radius: 4px;
    padding: 20px 1px 1px 1px;
    background: #b7b8bc;
	position:relative;
}
.webthemeSlider.themeSlider .themeSliderInner ul li::before {
    content: '\e78d';
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    position: absolute;
    z-index: 999;
    left: 9px;
    top: -2px;
    font-size: 25px;
    color: #fff;
    line-height: 1;
}
.webthemeSlider.themeSlider .themeSliderInner ul li .pwaLayoutView {

    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 60px;
    color: #fff;
    line-height: 1;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: rgba(00,00,00,0.4);
    left: 0;
    text-align: center;
    justify-content: center;
	display: flex;
	border-radius: 4px;	
}

.webthemeSlider.themeSlider .themeSliderInner ul li .pwaLayoutView span{
	align-self: center;
	cursor: pointer;
}
.webthemeSlider.themeSlider .themeSliderInner ul li:hover .pwaLayoutView{
	
	transition: all 0.5s ease-in-out;
    opacity: 1;
    visibility: visible;
}
@media (max-width:767px) {
	
	.webthemeSlider.themeSlider .pwatheme, .webthemeSlider.themeSlider span.smallp{
		
		width: 80%;
	}
	.webthemeSlider.themeSlider .themeSliderInner ul li img{
		width: 100%;
	}
	.webthemeSlider.themeSlider .themeSliderInner ul li .pwaLayoutView span{
		display: block !important;
	}
	.support .offsettop15{
		margin-top: 0 !important;
	}
}

/*===PWA THEME SLIDER===*/	

/*===REVIEW SECTION===*/
.reviewSection {
	width: 85%;
	margin: 10px auto 5px;
}
.reviewcompaniesimg {
	width: 150px;
	height: 30px;
	margin-bottom: 10px;
	display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.review-companies {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-content: center;

}
.reviewcompanieswrapper {
	position: relative;
	text-align: center;
	margin: 1rem 0;
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.4s ease-in-out
}
.reviewcompanieswrapper:hover{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	transition: all 0.4s ease-in-out
	
}
.reviewcompanieswrapper::after {
	content: "";
	background: rgba(0, 0, 0, 0.1);
	height: 100%;
	top: 0;
	width: 1px;
	position: absolute;
	right: 0;
	margin: auto;
	bottom: 0;
}
.reviewcompanieswrapper:last-child::after {
	display: none
}
.reviewrating {
	font-size: 15px;
	color: #000;
	margin-bottom: 10px;
}
.reviewratingstar {
	font-size: 0.8rem;
	color: #bfc4c3;
}
.reviewratingstar i.fill {
	color: #EFCE4A
}
.reviewSection .commonHeading {
	font-size: 1rem;
	margin-top: 2rem;
	color: #4c4c4c;
	font-family: 'open_sansregular';
}
.reviewSection .commonHeading h4{
		line-height: 25px;
	}
.reviewSection .subHeading {
	font-size: 0.9rem;
	margin: 1rem 0rem 2rem;
	color: #6d6d6d;
}
@media(max-width:767px) {
	.reviewSection {
		width: 100%;
	}
	.reviewcompanieswrapper {
		-ms-flex: 0 0 49%;
		flex: 0 0 49%;
		max-width: 49%;
		padding: 0 0;
		margin: 7px 0;
	}
	.reviewcompaniesimg {
		width: 120px;
		text-align: center;
		margin: 0 auto 5px;
	}
	.reviewrating {
		margin-bottom: 5px;
	}
	.reviewcompanieswrapper::after {
		left: 100%;
		height: 106%
	}
	.reviewcompanieswrapper::before {
		content: "";
		background: rgba(0, 0, 0, 0.1);
		height: 1px;
		bottom: 0;
		width: 90%;
		position: absolute;
		left: 0;
		margin: auto;
		bottom: 0;
		bottom: -9%;
		right: 0
	}
	.reviewcompanieswrapper:nth-child(2n)::after,
	.reviewcompanieswrapper:nth-child(n+5)::before {
		visibility: hidden
	}
}
@media(max-width:480px) {
	.reviewSection .commonHeading {
		font-size: .8rem;
		margin-top: 1rem;
	}
	.reviewSection .commonHeading h4{
		line-height: 20px;
	}
	.reviewSection .subHeading {
		font-size: 11px;
		margin: 0.5rem 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.reviewSection {
		width: 100%;
	}
	.reviewcompanieswrapper {
		width: 33.33%;
		padding: 0 0;
		margin: 7px 0;
	}
	.reviewcompaniesimg {
		margin: 0 auto 10px;
	}
	.reviewcompanieswrapper:nth-of-type(3)::after {
		background: transparent;
	}
	.reviewcompanieswrapper::before {
		content: "";
		background: rgba(0, 0, 0, 0.1);
		height: 1px;
		bottom: 0;
		width: 90%;
		position: absolute;
		left: 0;
		margin: auto;
		bottom: 0;
		bottom: -9%;
		right: 0
	}
	.reviewcompanieswrapper:nth-of-type(4)::before,
	.reviewcompanieswrapper:nth-of-type(5)::before,
	.reviewcompanieswrapper:nth-of-type(6)::before {
		visibility: hidden
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
	.reviewSection {
		width: 100%;
	}
	.reviewcompanieswrapper {
		width: 16.66%;
	}
}
/*===END REVIEW SECTION===*/

/*===MYACCOUNT VRIFY OVERLAY===*/
.myaccount-overlay {
    position: absolute;
    background: rgba(00,00,00,0.5);
    width: 100%;
    height: 100%;
    z-index: 99;
    left: 0;
    right: 0;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    margin-top: 0;
}
.btn-container {
    margin: 20% auto;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    max-width: 300px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
/*===MYACCOUNT VRIFY OVERLAY===*/
.col-custom-12{
    min-height: 710px;
}
/*===SYSTEM PAGE NEW DESIGN===*/
.buildApp-navigation.newBuildapp-nav a.systemPage{width: 50px;}
.webbuildercontainer .buildApp-navigation.newBuildapp-nav a.systemPage{width: 54.33px;}
    .systemPage span{margin: 0 !important;}
    .buildApp-navigation.newBuildapp-nav a {
    width: 46.67%;
    margin: 0 1px 10px;
}
   .globallogin{
   border-bottom: 1px solid #eaeaea;
   padding: 25px 0;
   }
   .globallogin .icon {
   
   width: 50px;
   height: 50px;
   display: inline-block;
   text-align: center;
   color: #fff;
   font-size: 25px;
   line-height: 1;
   border-radius: 4px;
   margin-right: 10px;
   }
   .globallogin .text{
   font-size: 18px;
   }
   .allpagesLogin ul{    list-style: none;}
   .allpagesLogin ul li {
   overflow: hidden;
   margin: 15px 0px;
   }
   .allpagesLogin ul li:last-child {
   margin-bottom: 0;
   }
   .allpagesLogin ul li .pageList {
   width: calc(100% - 70px);
   float: left;
   }
   .allpagesLogin ul li .pageList .icon {
   background: #F0F0F0;
   width: 40px;
   height: 40px;
   display: inline-block;
   text-align: center;
   color: #000;
   font-size: 20px;
   line-height: 40px;
   border-radius: 4px;
   margin-right: 10px;
   }
   .allpagesLogin ul li .pageList .text{font-size: 14px;}
   .allpagesLogin ul li .lockAction {
   width: 70px;
   float: right;
   text-align: right;
   margin-top: 7px;
   }
   .menuIcon{
        width: 30px;
    height: 30px;
    background: #a09f9f;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    padding: 2px 0;
        cursor: pointer;
   }
   .addMoreIcon{
    width: 20px;
    height: 20px;
    background: #337ab7;
    border-radius: 100%;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    color: #fff;
   }
   @media (max-width: 991px) {
    .buildApp-navigation{
            display: flex;
    }
   }
    @media (max-width: 390px) {
         .buildApp-navigation.newBuildapp-nav a.systemPage{
            padding: 19px 0;
    }
    
    
}
@media (min-width: 992px) and (max-width: 1199px) {
    .webbuildercontainer .buildApp-navigation.newBuildapp-nav a.systemPage {
    width: 56px;
}
}


/*===END SYSTEM PAGE NEW DESIGN===*/

/*===Pricing plane changes===*/

.addedAdsOn .rcontent{
    width: calc(100% - 20px);
    padding-left: 26px;
}
/* The Radio container */
.radiocontainer {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 2px;
}
  
  /* Hide the browser's default checkbox */
  .radiocontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .radiocontainer .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #f1f1f1;
    border-radius: 2px;
  }
  
  /* On mouse-over, add a grey background color */
  .radiocontainer:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .radiocontainer input:checked ~ .checkmark {
    background-color: #f1f1f1;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
 .radiocontainer .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .radiocontainer input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .radiocontainer .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5.5px;
    height: 10px;
    border: solid #666;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /*===Pricing plane changes===*/
  /*===WHITE SIMULATOR===*/
.iphone .phone-speaker, .android .phone-speaker{
    width: 89px;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.iphone .circle1 , .android .circle1{
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 1px solid #000;
    border-radius: 3px;
}
.iphone .circle2, .android .circle2 {
    display: inline-block;
    width: 60px;
    height: 6px;
    border: 1px solid #000;
    border-radius: 3px;
}
.iphone .home-button, .android .home-button {
    position: absolute;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 3px;
    bottom: 28px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    height: 45px;
    width: 45px;
    border-radius: 100%;
}
.iphone .circle3{
    display: none;
}
.android .circle1 {
    width: 15px;
    height: 15px;
    border-radius: 100%;
}
.android .circle3 {
      display: inline-block;
    width: 6px;
    height: 6px;
    border: 1px solid #000;
    border-radius: 3px;
}
.android .home-button{

        width: 80px;
    border-radius: 30px;
    height: 30px;
        bottom: 34px;
}
.android .phone-speaker{
        width: 110px;
}
.android{
        border-radius: 20px !important;
}
/*===END WHITE SIMULATOR===*/
.btnNoThnksModel, .btnNoThnksModel:hover{
    background: #fff;
    color: #333 !important;
    border: 1px solid #333;
}

.btnNoThnksModel:hover{
    background: #fff !important;
    color: #333 !important;
    border: 1px solid #333;
}
.premiumPageNote {
    font-size: 11px;
    position: absolute;
    left: 3px;
    bottom: -15px;
    display: inline-block;
}



.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
   
   outline: 0 !important;
}
/*===APP SETTING===*/
.api-setting {
    background: #ffffff;
    color: #333;
    font-size: 14px;
    cursor: inherit;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 20px;
}
.api-logo {
    width: 100%;
    overflow: hidden;
    clear: both;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 30px;
}
.img-brand-api-logo > img{
    width: 72px;
    height: 72px;
    float: left;
    margin-right: 10px;
}


.apiLogoContent{
    width: calc(100% - 87px);
    float: left;
}

.apiLogoContent h4{
    font-size: 25px;
    color: #2B2B2B;
    font-weight: 400;
    margin: 0px 0px 15px 0px;
}

.apiLogoContent p{
    font-size: 15px;
    color: rgba(43, 43, 43, 0.44);
}

.offsettop30{
    margin-top:30px !important; 
}

.apiFeildsSection{
  clear:both;
}

.imgBrandAPILogo{
    padding: 0px 0px 30px 0px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.31);
    clear: both;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
@media screen and (max-width:767px) {
    .api-setting{padding: 15px;margin-bottom: 15px;}
    .api-logo{    padding-bottom: 15px;}
    .apiLogoContent h4{    font-size: 15px;margin: 0px 0px 5px 0px;}
    .apiLogoContent p{font-size: 12px;}
    .offsettop30 {margin-top: 15px !important;}

}

.alertmsg{
    position: fixed;
    right: 15px;
    top: 100px;
    width: auto;
    box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.22);
    border-radius: 4px;
    z-index: 10000;
}
.alertmsg button.close
{
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    z-index: 1033;
    background-color: #fff;
    display: block;
    border-radius: 50%;
    opacity: .4;
    line-height: 11px;
    width: 25px;
    height: 25px;
    outline: 0 !important;
    text-align: center;
    padding: 3px;
    font-weight: 400;
}
.alertmsg .alert-title {
    font-weight: 501;
    margin-left: 5px;
    font-size: 17px;
    position: relative;
    top: -1px;
    padding-right: 40px;
} 
.alertmsg .alert-icon{
    max-width: 29px;
    font-size: 20px;
    
}

@media (max-width:767px) {

.alertmsg .alert-title{font-size: 12px;
        top: -3px;}
    

}
.google-alert .text-success {
    color: #009a00;
}
.google-alert .text-danger {
    color: #ff0200;
}

/*===END APP SETTING===*/

/*===TEST APP NEW DESIGN===*/
    .text-link-input{
        margin: 50px 0;
    }
.text-link-input .btn{
        background: #2CBFF4;
    color: #fff;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
        padding: 9px 20px;
        font-weight: bold;
    }
.text-link-input .form-control{
        height: 40px;
    }
.tctextlink{
    color:#ababab;
    font-size: 14px;
}
.text-link-input .input-group-addon{background: transparent;    padding: 0 8px;    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;}
.text-link-input .input-group-addon .custom-search .form-control {
    background: transparent;
    width: 100px;
    height: 26px;
    border: 0;
    box-shadow: none;
    font-size: 12px;
}
.text-link-input .input-group-addon .custom-search .form-control:focus{
    background: transparent;
    border-color: transparent !important;
    box-shadow: none !important;
}
.text-link-input .input-group-addon .custom-search .search-filter{
        max-height: 100px;
}
.text-link-input .input-group-addon  .custom-search .arrow{
         top: 7px;
    color: #2bbff4;
    font-size: 13px;
        z-index: 99;
}
.text-link-input .input-group-addon  .custom-search .arrow:before{
        font-weight: bolder !important;
}
.otp-input-body {
    width: 80%;
    margin: 20px auto 30px;
    text-align: center;
}
.otp-input-body input {
    width: 65px;
    height: 40px;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
        font-weight: bold;
}
.otp-btn {
    background: #2CBFF4;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    min-width: 140px;
    margin-bottom: 20px;
}
.otp-btn.focus, .otp-btn:focus, .otp-btn:hover{
        box-shadow: none !important;
}
.otp-btn:hover{
    background: #14b0e8;
    color: #fff;
}

.verify-btn {
    background: #2CBFF4;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    padding: 12px 0;
    display: inline-block;
    font-size: 25px;
        margin-bottom: 20px;
}
.unverify-btn{
    background: #D85959;
    padding: 17px 0;
    font-size: 22px;
}
.unverify-btn:before {
    font-weight: bolder !important;
}
.otp-thanks {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}
.otp-thanks img {
    width: 102px;
    height: 102px;
    margin-top: 20px;
}
.otp-thanks h3 {
    font-size: 17px;
    font-weight: bold;
    padding: 20px 0;
    position: relative;
    margin-bottom: 30px;
}
.otp-thanks h3:after {
    content: '';
    width: 150px;
    height: 1px;
    background: #d4d4d4;
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.otp-thanks p {
    font-size: 14px;
    padding: 0 0 30px;
}
.otp-close {
    float: none;
    position: absolute;
    right: 15px;
    font-size: 33px;
    z-index: 99;
    top: 5px;
    color: #333;
    font-weight: 700;
    line-height: 1;
    opacity: 0.7;
    text-shadow: 0 1px 0 #fff;
}
.test-app-modal.fade{
        background: rgba(00,00,00,0.5) !important;
}
.text-link-input .sm-loader{
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    border-top: 2px solid #3498db;
}
.btn-disabled{
        background: #cecece !important;
    cursor: no-drop;
    pointer-events: none;
    border-color: #cecece !important;
}
.test-app-modal .modal-content{
        border-radius: 15px;
    box-shadow: none;
    border: 0;
}
.otp-input-body input.ng-dirty.ng-valid {
    border-color: #2bbff4;
}
.test-app-modal a{
        color: #2CBFF3;
}
.test-app-modal a:hover{
        color: #14b0e8;
}
@media screen and (max-width:767px) {

    .text-link-input .btn{    font-size: 10px;
    padding: 12px 20px;}
    .text-link-input .input-group-addon .custom-search .form-control{    width: 80px;}
}


/*===END TEST APP NEW DESIGN===*/

/*===TEST APP NEW CSS===*/
.premium-content {
    position: absolute;
    overflow: hidden;
    top: -2px;
    left: 0;
    z-index: 99;
}
.premium-ribbon {
    width: auto;
    padding: 4px 15px;
    text-align: center;
    color: #ffffff;
    background: #fdb513;
    font-size: 10px;
    border-radius: 10px 0 10px 0;
}
 .test-app-success .top-head {
        background: #2CBFF4;
        color: #fff;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        padding: 15px;
    }
    .test-app-success .inner {
    background: #F8F8F8;
    text-align: center;
    padding: 20px;
    margin-bottom: 30px;
}
    .test-app-success .inner img {
    margin: 40px 0;
}
.test-app-success .inner h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
    .test-app-success .inner p {
    font-size: 14px;
    color: #9e9e9e;
}
.test-app-success .inner .btn {
    background: #2CBFF4;
    color: #fff;
    border-radius: 30px;
    padding: 10px 45px;
    margin: 40px 0 20px;
}

/*===END TEST APP NEW CSS===*/


/*===TEST YOUR APP CSS===*/
.testapp-heading {
    font-size: 19px;
    text-align: center;
    margin: 3em 0;
        line-height: 1.5;
}

    .testupgradeModal {
    text-align: center;
    margin: 0 auto 20px;
}
    .testupgradeModal .getUnlimitedAdds {
    border-bottom: 1px solid rgba(112, 112, 112, 0.24);
    margin-bottom: 20px;
    padding-top: 8px;
}
.testupgradeModal .bellIconSpan {
    position: relative;
    display: inline-block;
}
.testupgradeModal span.bellIconSpan:before {
    content: '';
    position: absolute;
    left: -120px;
    top: 50%;
    width: 100px;
    height: 2px;
    border-bottom: 1px solid;
    border-color: #B825A7;
}
.testupgradeModal .bellIconSpan > i {
    color: #B825A7;
    font-size: 30px;
}
.testupgradeModal span.bellIconSpan:after {
    content: '';
    position: absolute;
    right: -120px;
    top: 50%;
    width: 100px;
    height: 2px;
    border-bottom: 1px solid;
    border-color: #B825A7;
}
.testupgradeModal .getUnlimitedAdds > h4 {
    color: #B825A7;
    padding: 15px 0px;
    font-size: 25px;
    font-weight: normal;
}
.testupgradeModal .unlimtedAddPara {
    font-size: 15px;
    color: #707070;
    margin-bottom: 50px;
}
.testupgradeModal .goUnlimtedbtn {
    background: #B825A7;
    color: #fff;
    font-size: 14px;
    padding: 10px 40px;
    border-radius: 30px;
}
.testupgradeModal .goUnlimtedbtn:hover{
    background: #ab1399;
    color: #fff;
}

    ul.applive-list.download-app-list {
    width: auto;
    margin: 0 -15px;
}
    .applive-list.download-app-list .push-grid{
        display: block;padding: 0;    max-width: 100%;cursor: default;    position: relative;}
    .applive-list.download-app-list .top-header {
    display: block;
    background: #2CBFF4;
    font-size: 14px;
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 12px 10px;
    position: relative;
}
.applive-list.download-app-list .top-header .icon {
    position: absolute;
    left: 10px;
    font-size: 18px;
    top: 50%;
    margin-top: -13px;
}

.applive-list.download-app-list .top-header .text {
    width: 70%;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
}
.applive-list.download-app-list .push-grid-inner{
        padding: 15px;
}
.applive-list.download-app-list .bottom-header {
    border-top: 1px solid #e4e4e4;
    margin-top: 15px;
    padding-top: 15px;
}
.app-share {
    display: flex;
    justify-content: center;
    flex-flow: row;
    margin: 15px 0 10px;
}
.app-share-heading {
    font-size: 11px;
    text-transform: uppercase;
    color: #a2a2a2;
}
  .app-share label {
   /* flex: 1;*/
    align-self: center;
    cursor: pointer;
    margin: 0 15px;
}
 .app-share label img{
        margin: 0;
            margin-left: 8px;
            width: 30px;
 }
 .app-share label .icon {
    background: #F4F4F4;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 5px;
    font-size: 25px;
    line-height: 1;
    padding: 11px 0;
    border-radius: 4px;
    color: #939393;
}
.app-share label.active .icon{
        background: #2CBFF4;
        color: #fff;
}

 .app-share label .text {
    font-size: 12px;
    font-weight: normal;
    color: #222222;
}
.app-share label.active .text{
color: #2CBFF4;

}
 /*single app case*/

ul.applive-list.download-app-list li.single-app{
        width: 60%;
 }
ul.applive-list.download-app-list li.single-app .push-grid-inner {
    padding: 0;
    overflow: hidden;
    position: relative;
}
ul.applive-list.download-app-list li.single-app .mid-content {
    float: left;
    width: calc(100% - 250px);
        padding: 15px;
}
 ul.applive-list.download-app-list li.single-app .bottom-header {
    width: 250px;
    float: left;
    background: #fafafa;
    margin: 0;
    border: 0;
    padding: 15px 30px;
    text-align: left;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 0 0 10px 0;
}
ul.applive-list.download-app-list li.single-app .copy-link {
    border-top: 1px solid #e4e4e4;
    padding-top: 10px;
}
    ul.applive-list.download-app-list li.single-app .app-share{        display: block;
    width: 90%;
    margin: 15px auto;}
ul.applive-list.download-app-list li.single-app .app-share label .text {
    display: inline-block;
    position: relative;
    top: -3px;
}
ul.applive-list.download-app-list li.single-app .app-share label .icon {
    display: inline-block;
    width: auto;
    height: auto;
    background: transparent;
    padding: 0;
    font-size: 20px;
    margin: 0;
    position: relative;
    top: 2px;
        margin-right: 5px;
}
ul.applive-list.download-app-list li.single-app .app-share label {
    flex: auto;
    margin-bottom: 10px;
    background: #EDEDED;
    display: block;
    border-radius: 8px;
    padding: 3px 10px;
}
ul.applive-list.download-app-list li.single-app .app-share label.active{
        background: #2CBFF4;
}
ul.applive-list.download-app-list li.single-app .app-share label.active .text{
    color:#fff;
}

   
.applive-list.test-app-list {
    width: auto;
    margin: 0 -15px;
        margin-top: 30px;
}
.applive-list.test-app-list li .timer {
    font-size: 40px;
    font-weight: bold;
        margin-bottom: 10px;
}
.applive-list.test-app-list li .push-grid img{
        margin-bottom: 2%;
            width: 55px;
                margin-top: 2%;
}
.applive-list.test-app-list li .push-grid p{    margin-bottom: 4%;}
.applive-list.test-app-list li .push-grid p:last-child {
    margin-bottom: 0;
}
.applive-list.test-app-list li .bottom-text {
    font-size: 14px;
    border-top: 1px solid #ececec;
    padding-top: 15px;
    color: #565656;
}
ul.applive-list.test-app-list li {
width: auto;
    
    
}
.applive-list.test-app-list .push-grid{ max-width: 100%;cursor: default;}
.test-getin-touch {
    background: #fff;
    margin: 85px -15px 0;
    padding: 80px 20px 20px 20px;
    text-align: center;
    position: relative;
}
.test-getin-touch .top-img {
    background: #f2f2f2;
    width: 100px;
    height: 100px;
    padding: 20px;
    border-radius: 100%;
    margin-top: 0;
    position: absolute;
    top: -50px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.test-getin-touch h3 {
    font-size: 20px;
    
    font-weight: normal;
    color: #000;
    margin-bottom: 15px;
}
.test-getin-touch p {
    color: #989898;
    font-size: 14px;
}
.test-getin-touch .bottom-link {
    margin: 2rem 0 2rem;
    position: relative;
}
.test-getin-touch .bottom-link:before {
    content: '';
    border-right: 1px solid #ececec;
    position: absolute;
    right: -15px;
    height: 100%;
}
.test-getin-touch .bottom-link.hideBorder:before{border-right: 0;}
.test-getin-touch .bottom-link a{
        display: block;
}
.test-getin-touch .bottom-link img{
        margin-bottom: 2rem;
            width: 60px;
    height: 60px;
}
.test-getin-touch .bottom-link h4 {
    font-size: 18px;
    color: #2CBFF4;
    margin-bottom: 0.5rem;
}
.copylink{position: relative;}
.copylink i{display: none;}
    
.copylink:hover i {
    position: absolute;
    display: block;
    width: 100px;
    background: #505356;
    color: #fff;
    top: -31px;
    right: 50%;
    font-size: 11px;
    padding: 5px 8px;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap;
    margin-right: -47px;
    margin-bottom: -40px;
    z-index: 1;
    font-style: normal;
}
 .copylink i::after {
    border-color: #505356 transparent transparent;
    border-style: solid;
    border-width: 8px;
    content: "";
    height: 0;
    right: 40px;
    pointer-events: none;
    position: absolute;
    bottom: -14px;
    width: 0;
}


@media screen and (max-width:767px) {
.test-getin-touch{margin: 75px -15px 0}
.test-getin-touch .bottom-link img {
    margin-bottom: 1rem;
}
.test-getin-touch .bottom-link {
    margin: 1rem 0 0;
}
.applive-list.test-app-list li .timer{    font-size: 25px;}
.applive-list.test-app-list li .push-grid img{    width: 45px;}
.applive-list.test-app-list .push-grid{    min-height: 210px;}
.applive-list.test-app-list li .bottom-text{    font-size: 12px;    line-height: 17px;}
.testapp-heading{font-size: 14px;    margin: 0em 0 15px;}
.test-getin-touch p{    font-size: 12px;}
.test-getin-touch .bottom-link:before{border-right: 0;}
}
/*===END TEST YOUR APP CSS===*/

ul.newDesignTask.applive-list.download-app-list .build-date.ng-binding.ng-scope {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 12px;
    padding: 0px 10px 10px 0px;
    color: #0000008c;
}

/*//////////////// Start Billing Popup ******************/


.billing-modal .modal-header {
    border: 0px;
    text-align: center;
}
.billing-modal .modal-content {
    border: 0px;
    border-radius: 20px;
    box-shadow: 2px 16px 17px #0000002e;
}
.billing-modal .modal-header h4 {
    font-size: 24px !important;
    margin-top: 11px;
}
.billing-modal .modal-body {
    padding: 15px 20px;
}
ul.check-list{
    margin-top: 15px;
}
ul.check-list li {
    margin-bottom: 9px;
}
.check-list li::before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    line-height: 1em;
    content: '\ea1a';
    margin-right: 9px;
    width: 20px;
    height: 21px;
    background: #02c0fa;
    padding-top: 6px;
    border-radius: 20px;
    color: #fff;
    font-size: 11px;
}
.billing-modal .modal-dialog {
    width: 650px;
}
.billing-modal .modal-footer .button {
    background: #07bffa;
    border-radius: 10px;
    font-size: 16px;
    padding: 4px 15px;
    font-weight: bold;
}
.billing-modal .modal-footer .button + .button{
    margin-left: 10px;
}

.billing-modal .modal-footer {
    border: 0px;
    padding: 20px;
}

div#pauseResumeSubscriptionSuccessModal ul li {
    font-size: 16px;
}

div#pauseResumeSubscriptionSuccessModal .modal-header {
    text-align: left;
    padding: 20px;
    padding-bottom: 0px;
}
div#pauseResumeSubscriptionSuccessModal .modal-header .head-icon,
#pauseSubscriptionSuccessModal  .modal-header .head-icon{
    text-align: center;
    font-size: 5rem;
    margin: 20px 0px;
    color: #006600;
    margin-bottom: 0;
}
#pauseSubscriptionSuccessModal .modal-body ul {
    padding-left: 15px;
}
@media(max-width:640px){
    .billing-modal .modal-dialog {
    width: 80%;
}
.billing-modal .modal-dialog {
    width: 80%;
    top: 10%;
}
ul.check-list li,
#pauseSubscriptionSuccessModal li {
    font-size: 13px;
}
.billing-modal p.offsetbottom15 {
    font-size: 13px;
}
.billing-modal .modal-header {
    padding-bottom: 0px;

}
.billing-modal .modal-header h4 {
    font-size: 18px !important;
}
.check-list li::before {
    margin-right: 5px;
    padding-top: 6px;
    font-size: 7px;
    width: 15px;
    height: 15px;
}
.billing-modal .modal-footer .button {
    font-size: 14px;
    padding: 0px 13px;
    margin-bottom: 10px;

}
.billing-modal .modal-footer .button + .button{
    margin: 0px;
}
.billing-modal .modal-footer {
    text-align: left;
}
}

.billing-modal .modal-footer .button.no-bg {
    background: transparent;
    color: rgba(0, 0, 0, 0.69) !important;
}

/*//////////////// End Billing Popup ******************/

.app-build-counter .right-content h2 {
    font-size: 43px;
}

ul.applive-list.download-app-list li.single-app .mid-content div {
    font-size: 13px;
}
.applive-list.download-app-list .single-app .copylink:hover i {
    width: auto;
}

@media(max-width: 1200px){
.newDesignTask.applive-list.download-app-list li .push-grid img {
    max-width: 90px;
}
}
@media(max-width: 991px){
.buildApp-navigation.newBuildapp-nav a {
    width: calc(50% - 28px);
    margin: 0 1px 10px;
}
.webbuildercontainer .buildApp-navigation.newBuildapp-nav a {
    width: calc(50% - 38px);
}
.webbuildercontainer .fixedButton {
    right: inherit !important;
    left: calc(50% - 80px);
}

}
div#vieworderdetail .popup-email .modal-body .row + .row .col-md-6:nth-child(3n) {
    clear: both;
}
.switch-bar .switch input:checked + .slider:before {
    -webkit-transform: translateX(60px) !important;
    -ms-transform: translateX(60px) !important;
    transform: translateX(60px) !important;
}
.switch-bar .switch {
    width: 90px !important;
}


/*-------Start changes on 72 snappy--------------*/

.app-editing-box2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

div#dirMedia .sizePortrait {
    height: 150px;
}
.modal-dialog.webbuilder-preview .modal-body {
    background: #edf7fd;
}

#spanSC.ft-wrapper, main#spanSC .ft-wrapper {
    min-height: calc(100vh - 100px);
}

.photo-sec-wrap {
    background: #fdfdfd;
    padding: 12px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
}
.btn-group.custom-select-box{
    width: 100%;
}
.custom-select-box > .btn.dropdown-toggle.selectpicker {
    padding: 6px 8px;
    font-size: 14px;
}
.custom-select-box > .btn.dropdown-toggle.selectpicker .caret {
    position: absolute;
    right: 10px;
    top: 14px;
}
.custom-select-box > button {
    width: 100%;
    background: transparent;
}
.btn-group.custom-select-box .dropdown-menu {
    width: 100%;
    padding: 7px 10px;
}
.btn-group.custom-select-box .dropdown-menu .selectpicker {
    position: static;
    top: 0px;
    background: transparent;
    border: 0px;
    box-shadow: none;
}
.btn-group.custom-select-box .dropdown-menu .selectpicker li {
    width: 100%;
    margin-bottom: 7px;
    margin-right: 0px;
}
.btn-group.custom-select-box.open1 .dropdown-menu.open {
    display: block;
}

header .navbar-default {
    background: #fff !important;
    border: none;
    height: 56px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

aside.navbar-brand.logo img, .nav-reseller .reseller-logo img {
    margin-top: 12px;
    max-height: 32px;
    max-width: 200px;
    width: auto;
}
.web-header.navbar.navbar-default.navbar-fixed-top aside.navbar-brand.logo img {
    max-width: 240px;
    max-height: 50px;
    margin-top: 5px;
}
.nav-reseller .reseller-logo img {
    margin-top: 6px;
}
header .navbar-nav > li > a:hover{
    color: #555 !important;
}
header .iconz-global{
    color: #555 !important;
}
header .navbar-static-top .navbar-nav > li > a {
    color: #555 !important;
}
header .navbar-collapse {
    margin-top: 12px;
}
header .responsive_nav {
    float: right;
    color: #555;
    font-size: 22px;
    margin: 14px 15px;
    cursor: pointer;
    margin-bottom: 0px;
}
header .lagTxt {
    color: #555;
}
.fixedButton {
    top: -7px;
}
}
@media(max-width: 636px){
    .webbuildercontainer .fixedButton{
    right: calc(50% - 250px);
}
}

@media(max-width: 420px){
    aside.navbar-brand.logo img, .nav-reseller .reseller-logo img {
        max-height: 25px;
        width: auto;
    }
header .navbar-default {
    height: 50px;
    min-height: inherit;
    margin-bottom: 0px;
}
.responsive_nav {
    margin-top: 12px;
}
body {
    background: transparent !important;
}
}
.tabbable-line > .nav-tabs > li a {
color: #717171;
font-size: 15px;
border-bottom: 2px solid #cecece;
margin: 0;
border-radius: 0;
}

header .navbar-default {
    background: #fff !important;
    border: none;
    height: 56px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.navbar-default .navbar-nav>li>a {
    color: #777 !important;
}
aside.navbar-brand.logo .vendorAppIcon img {
    width: 80px;
    height: auto;
    max-height: inherit;
}
.editMyAppPage .iconImage img {
    max-width: 100%;
    max-height: 55px;
    width: auto;
}
@media(max-width:767px){
    .fixedButton {
        right: 50px !important;
        top: -2px;
    }
}
.panel.support-panel {
    border-color: #eee;
    padding: 20px;
    background: #fafafa;
}
.panel.support-panel .text {
    font-size: 16px;
    font-weight: 500;
}
.panel.support-panel .switch-toggle{
    margin-bottom: 10px;
}
.support-tabs .radio-inline {
    border: 1px solid #eee;
    padding: 7px 10px;
    padding-left: 31px;
    border-radius: 5px;
    background: #fafafa;
    font-size: 15px;
    font-weight: 500;
    color: #555;
}
.allpagesLogin .loyalTooltip2 .tool{
    display: none;
  }

.allpagesLogin .loyalTooltip2:hover .pintervalOn + .tool {
    position: absolute;
    display: block;
    width: 150px;
    background: #000;
    color: #fff;
    bottom: -8px;
    right: 100%;
    font-size: 11px;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    left: inherit !important;
    z-index: 99;
    font-style: normal;
}
.allpagesLogin .loyalTooltip2 .tool::after {
    content: "";
    border-style: solid;
    border-width: 8px;
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
    left: 100%;
    top: 5px;
    border-color: transparent;
    border-left-color: black;
}
.allpagesLogin ul li {
    overflow: visible;
}
.allpagesLogin ul li:after {
    content: '';
    display: table;
    clear: both;
}
.allpagesLogin .loyalTooltip2 {
    position: relative;
}

div#order-cancel-model ul {
    list-style: none;
    margin-top: 15px;
}

div#order-cancel-model ul li {
    border: 1px solid #ccc;
    border-bottom: 0px;
    padding: 17px 10px;
}

div#order-cancel-model ul li input.form-control {
    margin: 0px;
    float: left;
    margin-right: 10px;
    line-height: 1;
    height: auto;
    margin-top: 3px;
}
div#order-cancel-model ul li .text-wrap textarea {
    width: 100%;
    min-height: 100px;
}
div#order-cancel-model ul li:last-child {
    border-bottom: 1px solid #ccc;
    border-radius: 0px 0px 5px 5px;
}

div#order-cancel-model ul li:first-child {
    border-radius: 5px 5px 0px 0px;
}
#order-cancel-model ul li .text-wrap span {
    display: block;
    margin-bottom: 10px;
}
@media(max-width: 767px){
    .pay_grayBox {
        display: block !important;
}
.myApp_rnzq_left .remove_App .loyalTooltip.loyalTooltip2.loyalTooltip-custom:hover span{
    width: 200px !important;
    right: 0px;
}
.myApp_rnzq_left .remove_App .loyalTooltip.loyalTooltip2.loyalTooltip-custom span::after {
    right: 10px !important;
}
}

.webbuildercontainer .nav-lay-avdsett.activeBorder::before {
    content: '';
    position: absolute;
    bottom: 100%;
    border: 14px solid transparent;
    border-bottom-color: #95b10c;
    left: 8%;
}
.webbuildercontainer .nav-lay-avdsett.activeBorder {
    position: relative;
}
@media(max-width:480px){
    .webbuildercontainer .nav-lay-avdsett.activeBorder::before{
        left: 10%;
    }
    .webbuildercontainer .fixedButton {
        left: calc(94% - 80px);
    }
    .page_options ul li .pageAction {
        font-size: 14px;
    }
    .editMyAppPage {
        padding-right: 0px;
        padding-left: 0px;
    }
    .page_options ul li {
        margin: 0px 3px;
    }
    .top-box.offsettop30 {
        height: auto !important;
    }
}

.loyalTooltip.right-content span::after {
    right: inherit;
    left: -16px;
    border-color: transparent;
    border-right-color: black;
    top: 23px;
}
.loyalTooltip.right-content span {
    left: 30px !important;
    right: inherit;
    z-index: 9999 !important;
    bottom: -29px;
}
.editMyAppPage .panel-heading {
    cursor: pointer;
}
.content.pay-wrapper {
    padding: 50px 35px;
    background: #fff;
    border-radius: 0px;
	margin-bottom: 20px;
}


.pay-wrapper .left-sec .item-wrap {
    text-align: center;
    margin-top: 70px;
}

.pay-wrapper .left-sec .item-wrap img {
    margin-bottom: 20px;
}

.pay-wrapper .left-sec .item-wrap h2 {
    font-size: 28px;
    font-weight: 600;
}

.pay-wrapper .left-sec .sec-head {
    margin-bottom: 20px;
}

.pay-wrapper .left-sec .sec-head p {
    color: #808080;
}

.pay-wrapper .left-sec .item-wrap .btn.btn-1 {
    background: #00CBFA;
    border-radius: 50px;
    padding: 12px 30px;
    color: #fff;
    margin-top: 30px;
	font-size:16px;
}
.pay-wrapper .right-sec {border-left: 1px solid #D6D6D6;}

.pay-wrapper .right-sec .head {
    margin-bottom: 30px;
}

.pay-wrapper .right-sec h2 {
    font-size: 23px;
    font-weight: 700;
}

.pay-wrapper .right-sec .head p {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    color: #808080;
}

.pay-wrapper .check-list {
    list-style: none;
    padding-left: 30px;
    position: relative;
    margin-bottom: 40px;
}

.pay-wrapper .check-list li::before {
    content: '\ea1a';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    background: #00cbfa;
    border-radius: 50%;
    font-family: fontello;
    color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pay-wrapper .check-list li {
    margin-bottom: 16px;
    font-size: 14px;
}

.pay-wrapper .plan-wrap {
    background: #F7F7F7;
    padding: 14px;
    margin-top: 20px;
}

.pay-wrapper .plan-wrap p {
    margin-top: 10px;
    font-size: 14px;
}

.pay-wrapper .plan-wrap p span {
    float: right;
}

.pay-wrapper .plan-wrap p:first-child {
    margin: 0px;
}
.content.pay-wrapper.wrapper-2 .left-sec .item-wrap {
    text-align: left;
    margin-top: 0px;
}

.content.pay-wrapper.wrapper-2 .left-sec .item-wrap h2 {
    font-size: 24px;
}

.content.pay-wrapper.wrapper-2 .left-sec .item-wrap .head {
    margin-bottom: 30px;
}
.content.pay-wrapper .promo-link {
    font-size: 15px;
    margin-top: 15px;
}
.content.pay-wrapper.wrapper-2 .partner-strip {
    margin-top: 70px;
}

.content.pay-wrapper.wrapper-2 .partner-strip img {
    max-width: 700px;
}

@media(max-width:991px){
	.pay-wrapper .right-sec {
		border-left: 0px;
		border-top: 1px solid #eaeaea;
		padding-top: 48px;
		margin-top: 50px;
	}
	.content.pay-wrapper.wrapper-2 .partner-strip img {
		max-width: 100%;
	}
}
@media(max-width:480px){
	.content.pay-wrapper {
    padding: 20px;
	padding-top: 50px;
}
.pay-wrapper .left-sec .item-wrap {
    margin-top: 0px;
}
.pay-wrapper .right-sec {
    margin-top: 30px;
    padding-top: 20px;
}
.pay-wrapper .right-sec h2 {
    font-size: 16px;
}
.content.pay-wrapper.wrapper-2 .left-sec .item-wrap h2 {
    font-size: 18px;
}
.pay-wrapper .left-sec .item-wrap h2 {
    font-size: 22px;
}
}
.table-btn-fc.btn.button.btn-xs {padding: 9px 8px 5px 10px !important;min-height: 35px;}

.table-btn-fc.btn.button.btn-xs::before {
    line-height: 1;
}
.seo-modal .panel-default.colorPanel {
    border: 1px solid #ccc;
    margin-top:15px;
}

/* start dating feature ui -2020 */

.date.user-profile .modal-body {
    padding: 0px;
}

.date.user-profile .modal-content {
    border: 0px;
    border-radius: 0px;
}

.date.user-profile .modal-dialog {
    width: 600px;
}

.date.user-profile .heading {
    padding: 0px 20px;
    margin-top: 15px;
    font-size: 14px;
}

.date.user-profile .user-pic {
    padding: 20px;
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

.date.user-profile .user-pic .pic {
    width: calc(25% - 15px);
    margin-right: 15px;
    float: left;
    margin-bottom: 15px;
}

.date.user-profile .user-pic .pic img {
    height: auto;
    width: 100%;
    border-radius: 5px;
}

.date.user-profile .list {
    padding: 19px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.date.user-profile .list h2 {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
}

.date.user-profile .list .row .col-sm-6:nth-child(2) h2 {
    font-weight: 400;
    color: #555;
}

.valign {
    vertical-align: middle !important;
}
.dateing-user table.table>tbody>tr>td {
    padding: 15px 20px;
}
.seo-modal .panel-default.colorPanel .panel-title i {
    transform: rotate(90deg);
}

.seo-modal .panel-default.colorPanel .collapsed i {
    transform: rotate(0deg);
}
.support-tabs .radio-inline input {
    top: 10px;
}
.testflightFree .push-grid-inner .moreOption .msgbox span.icon-qrcode {
    font-size: 27px;
    min-height: 35px;
    display: block;
}
@media(max-width:480px){
    .web-header.navbar.navbar-default.navbar-fixed-top aside.navbar-brand.logo img {
        max-width: 200px;
        margin-top: 8px;
    }
}


.forgot-wrapper {
    padding-top: 100px;
    max-width: 600px;
    margin: auto;
}

.forgot-wrapper h3 {
    font-size: 36px;
    margin-bottom: 13px;
}

.forgot-wrapper button.btn {
    margin-top: 25px;
    border-color: #4092fb;
    background: #4092fb;
    border-radius: 30px;
    padding: 13px 25px;
    font-size: 16px;
    min-width: 164px;
    max-width: 100%;
    margin: 30px 0 10px;
    font-weight: 700;
    color: #fff;
}

.forgot-wrapper p {
    color: #555;
}

@media(max-width:480px){
    .forgot-wrapper h3 {
        font-size: 26px;
    }
}
.modal {
    z-index: 999999;
}
div#add-new-event .table-responsive {
    overflow: visible !important;
}
#privacyPolicyAgreementModal,
div#termsAndAgreementModal {
    height: 100vh;
    overflow-y: scroll !important;
}
.covid-alert {
    margin-top: 0px;
    padding: 10px;
    background: #0263e0;
    color: #fff;
    font-size: 14px;
    top: -3px;
     display: none;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}
.covid-alert .text {
    text-align: center;
}
.covid-alert .close-alert {
    top: 8px;
    font-size: 19px;
}

 .covidAlert-enable .ng-box-container .covid-alert{
	display: block;
}
@media(max-width: 640px){
    .covid-alert .text a {
    color: #fff;
}
.covid-alert .text {
    padding-right: 35px;
    text-align: left;
    font-size: 13px;
}
}
.covid-alert .text a {
    color: #fff;
    font-weight: 700;
}

.covid-alert .close-alert {
    top: 8px;
    font-size: 19px;
    position: absolute;
    right: 15px;
    cursor: pointer;
}
#dirMedia .sizePortrait {
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width: 767px){
    #containerUpd1 > .ng-box-container {
    margin-top: 60px;
}
}
@media(min-width: 767px){
	.addMoreAlert {
	    width: auto;
	}
}
.box-user .btn.iconz-upload:before {line-height: inherit;}
@media(max-width:767px){
    .test-app-mobile p {
        margin-bottom: 0px !important;
    }
}
@media(max-width:767px){
    .emailMarketingArea .getDomain p {
        word-break: break-all;
        font-size: 13px !important;
    }
    .emailMarketingArea .addDomain-tab {
        margin-bottom: 0px;
    }
    .emailMarketingArea .domainLanding .title {
        padding-top: 50px;
    }
    .emailMarketingArea .domainLanding .backBtn {
        top: 0px;
        right: 0;
    }
    .emailMarketingArea .emailTemplet h2 {
        font-size: 18px !important;
    }
    .emailMarketingArea .domain-content label {
        font-size: 14px !important;
    }
    .emailMarketingArea .domain-content .form-control {
        font-size: 13px !important;
    }
    .emailMarketingArea .offsettop30x {
        margin-top: 0px;
    }
    div#dirAddprod .minieditor-menu {
        display: block;
        margin-top: -10px;
    }
    .main-wrap-dir.dirCateItems .stackorderProd {
        padding-bottom: 50px;
        min-height: inherit;
    }
    .main-wrap-dir.dirCateItems .stackorderContainer {
        min-height: inherit;
    }
    .list-group-item.blog-pics .iconz-option-vertical {
        display: none;
    }
    .list-group-item.blog-pics .preview img {
        width: 100% !important;
        height: auto !important;
        max-height: 200px !important;
    }
    .list-group-item.blog-pics label {
        text-align: left;
        width: 100%;
        margin-bottom: 10px;
}
.list-group-item.blog-pics .btn {
    margin: 0px !important;
    float: left;
}
.realEstateCarousel br {
    display: none;
}
.realEstateCarousel .form-group {
    padding: 0px !important;
}
.realEstateCarousel .form-group label {
    margin-bottom: 10px;
    font-weight: 600;
    padding-left: 23px;
}
.realEstateCarousel .form-group .col-sm-7 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.realEstateCarousel .realEstateAlertBar {
    left: 21px;
    bottom: 0px !important;
}
.realEstateCarousel .realEstateAlertBar::before {
    transform: scaleY(-1) !important;
    top: -17px !important;
    left: 6px !important;
    margin: 0px !important;
}
.common-tabs.responsiveMTab li {
    align-self: flex-end;
}
.realEstateAmenties .minieditor-menu {
    display: block;
}
}

.notification_advance .appy_repeat span:last-child {
    width: 50%;
}
.dirCateItems .input-group input#searchLitId {
    height: 35px;
}
.dirCateItems .input-group .btn {
    height: 35px;
}
@media(max-width:767px){
    .emailMarketingArea .getDomain p {
        word-break: break-all;
        font-size: 13px !important;
    }
    .emailMarketingArea .addDomain-tab {
        margin-bottom: 0px;
    }
    .emailMarketingArea .domainLanding .title {
        padding-top: 50px;
    }
    .emailMarketingArea .domainLanding .backBtn {
        top: 0px;
        right: 0;
    }
    .emailMarketingArea .emailTemplet h2 {
        font-size: 18px !important;
    }
    .emailMarketingArea .domain-content label {
        font-size: 14px !important;
    }
    .emailMarketingArea .domain-content .form-control {
        font-size: 13px !important;
    }
    .emailMarketingArea .offsettop30x {
        margin-top: 0px;
    }
    div#dirAddprod .minieditor-menu {
        display: block;
        margin-top: -10px;
    }
    .main-wrap-dir.dirCateItems .stackorderProd {
        padding-bottom: 50px;
        min-height: inherit;
    }
    .main-wrap-dir.dirCateItems .stackorderContainer {
        min-height: inherit;
    }
    .list-group-item.blog-pics .iconz-option-vertical {
        display: none;
    }
    .list-group-item.blog-pics .preview img {
        width: 100% !important;
        height: auto !important;
        max-height: 200px !important;
    }
    .list-group-item.blog-pics label {
        text-align: left;
        width: 100%;
        margin-bottom: 10px;
}
.list-group-item.blog-pics .btn {
    margin: 0px !important;
    float: left;
}
.realEstateCarousel br {
    display: none;
}
.realEstateCarousel .form-group {
    padding: 0px !important;
}
.realEstateCarousel .form-group label {
    margin-bottom: 10px;
    font-weight: 600;
    padding-left: 23px;
}
.realEstateCarousel .form-group .col-sm-7 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.realEstateCarousel .realEstateAlertBar {
    left: 21px;
    bottom: 0px !important;
}
.realEstateCarousel .realEstateAlertBar::before {
    transform: scaleY(-1) !important;
    top: -17px !important;
    left: 6px !important;
    margin: 0px !important;
}
.common-tabs.responsiveMTab li {
    align-self: flex-end;
}
.realEstateAmenties .minieditor-menu {
    display: block;
}
}

.notification_advance .appy_repeat span:last-child {
    width: 50%;
}
.dirCateItems .input-group input#searchLitId {
    height: 35px;
}
.dirCateItems .input-group .btn {
    height: 35px;
}

@media(max-width: 480px) {
    
    #addnewCoupon .modal-footer .addMoreAlert.saveAlert::before  {
        right: 27%;
        left: inherit;  
}
#addnewCoupon .modal-footer .addMoreAlert.saveAlert  {
        right: 15px;
        margin: 0px;
        margin-bottom: 15px;
    
}
}

@media(max-width:767px){
    .dir-headings {
        display: none;
    }
    .list-group-item .col-md-3.btns {
        text-align: left;
    }
    .pd-wrap .page_title {
        min-height: 80px;
    }
    div#dirAddvendor .modal-footer .addMoreAlert::before {
        left: inherit;
        right: 50px;
    }
    div#dirAddvendor .modal-footer .addMoreAlert {
        right: 20px !important;
    }
    #scheduling .row.minHeightSchedule label {
        width: 100%;
        margin: 3px 0px;
    }
    
    #scheduling .row.minHeightSchedule select {
        width: calc(33.3% - 3px);
    }
    .text-left-on-xs{
        text-align:left;
    }
    .box-inner-go .well .lightHeadingNew {
        display: flex;
    }
    
    .box-inner-go .well .lightHeadingNew .loyalTooltip {margin-left: 5px;}
}
@media(max-width:480px){
    #addnewCoupon .modal-footer .addMoreAlert.saveAlert::before {
        right: 27%;
        left: inherit;
    }
    #addnewCoupon .modal-footer .addMoreAlert.saveAlert {
        right: 15px;
        margin: 0px;
        margin-bottom: 15px;
    }
    div#dirAddvendor .modal-footer .addMoreAlert::before {
    left: inherit;
    right: 50px;
}
.loyalTooltip.toolCu.xs-right span {
    right: -120px;
}

.loyalTooltip.toolCu.xs-right span::after {
    content: '';
    position: absolute;
    left: 16px;
}
}
label input[type=checkbox], label input[type=radio] {top: 2px;position: relative;margin-right: 3px;}
@media(max-width:767px){.btn-lg {line-height: 10px;}}
  .table-user-top .button,
     .table-user-top .buttonGreen {
    min-width: 100px;
    text-align: center;
    font-size: 12px;
}
button.btn.btn-default.icon-search-3 {
    font-size: 14px;
}
   .email-custom-radio label input {
        top: 12px;
    }
#hidePreview,
a#previewMode {
 display:none;
}
#hidePreview {
    background: #d80303;
    padding: 4px 10px;
    color: #fff;
    border-radius: 0;
    width: auto;
    padding-left: 15px;
    line-height: inherit;
    margin: 6px;
    font-size: 12px;
    border-radius: 5px;
    
}
.show-simulator #hidePreview .iconz-close {
    position: relative;
    top: 2px;
    margin-right: 4px;
}
@media (max-width: 667px){
    .show-simulator nav.navbar.navbar-default {
        display: none;
    }
    .show-simulator .saveFinish .buttonNext {
        display: none;
    }
    
    .simulator-view{
        display: none;
        position: fixed;
        width: 100%;
        right: 0px;
        top: 0px;
        transform-origin: top;
        opacity:0;
        transition:.5s linear;
        transition-delay: .5s;
        padding:0px;
    }
    
    .show-simulator  .simulator-view {
        display:block;
        opacity:1;
    }
    
    #spanSC {
        transition:.5s;
        left:0px;
    }
    .show-simulator #spanSC {
        position: relative;
        left: -100%;
    }
    .show-simulator #app_phone.affix {
        top: 0px;
        position:relative;
    }
    a#previewMode {
        background-color: #218aba;
        display: inline-block;
    }
    .show-simulator .simulator-view #app_phone {
        display: block;
        left: 0px;
        top: 0px;
        transform: none;
        width: 100%;
    }
    .show-simulator #hidePreview {
        display: inline-block;
    }
    
    .android #appDemo {
        left: 0px;
        top: 0px;
    }
    .phone-icon {
        display: none;
    }
    .iphone #appDemo, 
    .iphone #appDemo_seo,
     .iphone-img #appDemo {
        left: 0px;
        top: 0px;
        width:100%;
    }
    .add_bg {
        width: 100% !important;
    }
    #appDemo, #appDemo_seo {
        width: 100%;
        height: auto !important;
    }
    #appDemo .page-controller {
        height: auto !important;
    }
    .page-controller .page-content.height-text {
        padding-top: 0px !important;
        width: 100%;
        padding-right: 0px !important;
        height: calc(100vh - 80px);
        padding-bottom: 20px !important;
    }
    .page-controller .navBanner {
        width: 100%;
    }
    .page-controller .app_navigation_matrix li {
        width: calc(33.33% - 15px);
        margin-left: 12px;
        margin-bottom: 0px;
    }
    .preview-top > span {
        font-size: 13px;
        float: left;
        padding: 8px 0px 0px 10px;
        font-weight: 500;
    }
    .show-simulator {
        overflow: hidden;
    }
    #app_phone .add_bg, #app_phone_marketplace .add_bg {
        height: 100% !important;
    }
    }
    
    .email-custom-radio label input {
        top: 12px;
    }    

    /* upgrade app page design */

.indian-theme
  .frd-wrapper
  .col-sm-4.col-md-4.plan-tab.yellow-tab
  .plan-inner-content,
  .country-theme
  .frd-wrapper
  .col-sm-4.col-md-4.plan-tab.yellow-tab
  .plan-inner-content {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.indian-theme
  .frd-wrapper
  .col-sm-4.col-md-4.plan-tab.yellow-tab
  .price-header,
  .country-theme
  .frd-wrapper
  .col-sm-4.col-md-4.plan-tab.yellow-tab
  .price-header {
  background: #fff !important;
  border-radius: 10px 10px 0 0;
  padding-top: 25px;
}
.new-plan .rate {
  margin-top: 0;
}
.indian-theme
.frd-wrapper
  .col-sm-4.col-md-4.plan-tab.yellow-tab
  .price-header
  .rate,
  .country-theme
  .frd-wrapper
    .col-sm-4.col-md-4.plan-tab.yellow-tab
    .price-header
    .rate  {
  margin-top: 0;
}
.indian-theme .frd-wrapper .col-sm-4.col-md-4.plan-tab.yellow-tab,
.country-theme .frd-wrapper .col-sm-4.col-md-4.plan-tab.yellow-tab  {
  background: -moz-linear-gradient(left, #ffa700 0, #fff 53%, #aac148 100%);
  background: -webkit-linear-gradient(left, #ffa700 0, #fff 53%, #aac148 100%);
  background: linear-gradient(to right, #ffa700 0, #fff 53%, #aac148 100%);
  padding: 10px;
}
.country-theme .frd-wrapper .col-sm-4.col-md-4.plan-tab.yellow-tab {
    background:#baf0ff;
}
.indian-theme .theme-head,
.country-theme .theme-head {
  display: block !important;
  text-align: center;
  position: relative;
}
.indian-theme .theme-head h3 ,
.country-theme .theme-head h3 {
  margin: 10px 0 15px;
  font-weight: 700;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
}
.country-theme .theme-head h3 {
    color: #0088ae;
}
.indian-theme .theme-head h3::after,
.indian-theme .theme-head h3::before {
  content: "";
  position: absolute;
  right: 103%;
  width: 22px;
  height: 22px;
  background: url(/newui/images/ashok-chakra.svg);
  background-size: 100%;
  top: -4px;
}
.indian-theme .theme-head h3::after {
  left: 103%;
  right: initial;
}

.domain-prcing .new-plan .plan-tab.indian-theme .theme-head,
.domain-prcing .new-plan .plan-tab.country-theme .theme-head {
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 99;
  background: #ffa700;
  background: -moz-linear-gradient(
    top,
    #ffa700 0,
    #fff 25%,
    #fff 70%,
    #aac148 100%
  );
  background: -webkit-linear-gradient(
    top,
    #ffa700 0,
    #fff 25%,
    #fff 70%,
    #aac148 100%
  );
  background: linear-gradient(
    to bottom,
    #ffa700 0,
    #fff 25%,
    #fff 70%,
    #aac148 100%
  );
  margin-left: -8px;
  padding: 6px 0;
  right: -8px;
}
.domain-prcing .new-plan .plan-tab.country-theme .theme-head{
    background: #baf0ff;
    border-radius: 8px 8px 0px 0px;
}
.domain-prcing .new-plan .plan-tab.plan-tab3.indian-theme,
.domain-prcing .new-plan .plan-tab.plan-tab3.country-theme {
  border: 8px solid #b1c85c;
  border-radius: 0;
  margin-top: 5px !important;
}
.domain-prcing .new-plan .plan-tab.plan-tab3.country-theme{
    border-color:#baf0ff;
}
.domain-prcing .new-plan .plan-tab.plan-tab3.indian-theme h3{
  color: #222;
}
.domain-prcing .new-plan .plan-tab.plan-tab3.country-theme h3 {
    color: #0088ae;
    margin: 5px 0;
}

.indian-theme .theme-head h3::after,
.indian-theme .theme-head h3::before {
  content: "";
  position: absolute;
  right: 103%;
  width: 22px;
  height: 22px;
  background: url(/newui/images/ashok-chakra.svg);
  background-size: 100%;
  top: -4px;
}
.indian-theme .frd-wrapper .price-header .btn:focus,
.indian-theme .frd-wrapper .price-header .btn:hover,
.country-theme .frd-wrapper .price-header .btn:focus,
.country-theme .frd-wrapper .price-header .btn:hover {
  background: 0 0;
  color: #8c5ad5;
}
.indian-theme .frd-wrapper .price-header .btn,
.country-theme .frd-wrapper .price-header .btn {
  background: #8c5ad5;
  color: #fff;
}
.modal {
  z-index: 999999;
}

.domain-prcing .new-plan .plan-tab.plan-tab3.indian-theme .top_Label {
    top: -8px;
    }
   .domain-prcing .new-plan .plan-tab.plan-tab3.country-theme .top_Label {
    top: -75px;
}
@media (max-width: 767px) {
  .domain-prcing .new-plan .plan-tab.plan-tab3.indian-theme,
  .domain-prcing .new-plan .plan-tab.plan-tab3.country-theme {
    margin-top: 50px !important;
  }
}
@media only screen and (max-width: 1280px) and (min-width: 800px){
    .table-bordered td.box-user button.btn {
        padding: 0 7px;
        font-size: 11px;
    }
}
@media(max-width:640px){
  .iapSwitchBox p {
    font-size: 16px !important;
}
}
.google-new-button {
  background: rgb(215 72 60);
  width: 100%;
  padding: 4px 10px;
  border-radius: 0 3px 3px 0;
}
.gl-addon{
  background: #d7483c !important;
}
@media(max-width:1024px){
  .chatbotWrapper {
    left: inherit !important;
}
}
.can-toggle.demo-rebrand-2.pull-right.sToggleCheckout {
    width: auto;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch + span {
    margin-left: 5px;
    margin-right: 10px;
}
.fgHeight {
    color: #fff;
  }
  
  .publishSocial .social-btn ul li a:hover {
    color: #fff;
  }
  .publishSocial .social-btn ul li a:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -3px !important;
    color: #fff;
  }
  .webbuildercontainer a#build_step4_app_design_app_background_color {
  width: 100%;
}
.webbuildercontainer a#build_step4_app_design_app_background_color > div {
  width: 100% !important;
}

.button:focus{
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px !important;
}
.myAppSection {
  margin-top: 50px;
}
.buttonbottom:focus {
    background: #1a6e95;
}
.buttonbottom {
    background: #218aba;
}
.navbar-default .navbar-nav > li > a {
  color: #575757 !important;
}
.pay-wrapper .left-sec .item-wrap .btn.btn-1.btn-borderd {
    background: transparent;
    color: #00cbfa;
    border-color: #00cbfa;
}
.webbuildercontainer .appCategoryHover:hover .tooltip-info2 {
    width: 300px;
  }
  .webbuildercontainer .appCategoryHover:hover .tooltip-info2 .col-md-7.col-sm-7 {
    width: 100%;
  }
  .webbuildercontainer .tooltip-info2.popover.right > .arrow {
    top: 80% !important;
  }
  .webbuildercontainer .myAppPagesOptions ul li:nth-child(5n) .popover.right.tooltip-info2 .arrow.arrow2 {
    left: inherit !important;
    right: -15px;
    transform: scale(-1);
  }
  .webbuildercontainer .myAppPagesOptions ul li:nth-child(5n) .popover.right.tooltip-info2 {left: inherit;right: 200px;}
  
  .buildApp-navigation a.activate {
    background: #0079cc;
  }
  .buildApp-navigation a.activate:after {
    border-color: #0079cc transparent transparent;
  }
  header .navbar-default .buttonbottom {
    background: #0079cc;
}


#creatorModal .modal-header {
    border-bottom: 0px;
    text-align: center;
  }
  div#creatorModal .modal-dialog {
    max-width: 900px;
    width: 100%;
  }
  #creatorModal .modal-header .modal-title {
    font-weight: 400;
    color: #555;
    margin-top: 25px;
    padding: 30px 20px;
  }
  div#creatorModal .modal-body {
    padding: 50px 30px;
    padding-top: 0px;
  }
  #creatorModal .lft,
  #creatorModal .ryt {
    padding: 25px;
    border: 1px solid #dadada;
    border-radius: 15px;
    text-align: center;
    min-height: 300px;
    position: relative;
  }
  #creatorModal h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 15px;
    color: #353846;
  }
  #creatorModal p {
    margin-bottom: 15px;
    min-height: 100px;
  }
  #creatorModal .buttonbottom {
    min-width: 200px;
    margin-bottom: 10px;
    border-radius: 50px;
    padding: 13px 3px;
    text-align: center;
    transition: 0.3s !important;
    line-height: inherit;
    background: #0079CC;
    font-weight: 500;
  }
  #creatorModal .lft {
    margin-right: 15px;
  }
  #creatorModal .ryt {
    margin-left: 15px;
  }
  .divider {
    position: absolute;
    right: -40px;
    height: 100%;
    top: 0px;
    display: flex;
    align-items: center;
    z-index: 3;
  }
  [dir="rtl"] .divider{
      left: -40px;
      right: inherit;
  }
  [dir="rtl"] #creatorModal .ryt {
      margin-right: 15px;
  }
  [dir="rtl"] #creatorModal .lft{
    margin-left: 15px;
  }
  #creatorModal .divider:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px; /* left: 0px; */
    background: #e3e3e3;
    width: 1px;
    left: 50%;
    z-index: -1;
  }
  
  #creatorModal .divider span {
    background: #fff;
    padding: 31px 0px;
  }
  div#creatorModal .modal-dialog .modal-content {
    border: 0px;
    border-radius: 20px;
  }
    div#payment-submit-tutorial .modal::before {
    display: none;
}

div#payment-submit-tutorial .modal .modal-dialog {
    width: 100%;
}
header .navbar-default .buttonbottom {
    border: 2px solid #0079cc;
    background: transparent;
    color: #0079cc !important;
    border-radius: 50px;
    font-weight: 600;
    transition: .3s !important;
}
header .navbar-default .buttonbottom:hover {
    background: #0079cc;
    color: #fff !important;
}
.new-plan .publishbtn .btn-group.rounded {
    border-radius: 50px;
}

.new-plan .publishbtn .btn-group .btn-bdr {
    color: #7c50bc;
    border: 1px solid #7c50bc;
    border-left: 0px;
}

.new-plan .publishbtn .btn-group.rounded .btn {
    min-width: 99px;
    font-size: 14px;
    line-height: 25px;
}
.new-plan .publishbtn .btn-group.rounded .btn:first-child {
    border-radius: 50px 0px 0px 50px;
}

.new-plan .publishbtn .btn-group.rounded .btn:last-child {
    border-radius: 0px 50px 50px 0px;
}
.appbackground-modal .modal-body{
    height: calc(85vh - 250px);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .fixedButton {
    right: 46% !important;
  }
  .webbuildercontainer .fixedButton {
    right:46% !important;
  }
}

.btn.btn-success.trial-btn {white-space: normal;width: 300px !important;padding: 12px !important;} 
.btn.btn-success.trial-btn span {font-size: 13px !important;} 
.btn.btn-success.trial-btn>span>i {margin-left: 3px !important;} 

@media screen and (max-width: 420px){ 
    .btn.btn-success.trial-btn { width: 286px !important; padding: 8px !important; } 
    .btn.btn-success.trial-btn span { font-size: 13px  !important; } 
    .btn.btn-success.trial-btn>span>i { margin-left: 3px  !important; } 
}


.saveFinish .buttonNext {
    background: #3275DD !important;
}
#themeSetting .set-inner-switch .set-switchbar .btn-group .btn.active {
    background: #3175dd !important;
    border-color: #3175dd !important;
}
#themeSetting .themeColor-list .editTheme{
    background: #3175dd;
}
div#bottom_div .tabbable-line > .nav-tabs > li.active a{
    color: #3175dd ;
    border-bottom-color:#3175dd !important;
}
div#bottom_div .tabbable-line .nav-tabs li.active a:after{
  border-color: #3175dd transparent transparent;
}

.saveFinish .buttonNext.loading_dots span {
    animation: loading_dots 0.8s linear infinite;
}

@media(max-width:640px){
  a#previewMode {
    border: 1px solid #3175dd !important;
    display: inline-block;
    background: transparent !important;
    color: #3175dd !important;
}
}

a#previewMode:hover{
  border-color: #64C8DB !important;
    background-color: #64C8DB !important;
    color: #fff !important;
}

.addbuttonSection .buttonGreen {background: #3275dd;}

.addbuttonSection .buttonGreen:hover {background: #3275dd;}

.mobAction .buttonGreen {
    background: #3275dd;
}

.mobAction .buttonGreen:hover {
    background: #3275dd;
}
@media(max-width:580px){
  div#myModallogin .modal-lg .modal-content .publish-section {
    width: 100% !important;
}
}
/* toolbar layout css start*/
.page-content.height-text.more-active {
    padding-top: 0px !important;
}
/* toolbar layout css end */

.cls-store-thanks .thanks-sec .item-sec .btn{
    background: #4191fb;
    color: #fff;
    border-color: #4191fb;
}
.cls-store-thanks .thanks-sec .item-sec .btn.btn-outline{
  border: 2px solid #4191fb;
  background: transparent;
  color: #4191fb;
}
.cls-store-thanks .thanks-sec .item-sec .btn:nth-child(2) {
    margin-left: 10px;
}
.cls-store-thanks .thanks-sec .item-sec .item-wrap {
    margin-bottom: 20px;
}
@media(max-width:767px){
.cls-store-thanks .thanks-sec h2 {
    font-size: 30px;
    margin-bottom: 10px;
}
.cls-store-thanks .thanks-sec h4 {
    font-size: 16px;
}
.cls-store-thanks .thanks-sec .sec-head p {
    font-size: 14px;
    line-height: 1.5;
}
.cls-store-thanks .thanks-sec .sec-head {
    margin-bottom: 10px;
}
}

/* ecommerce thanks page css start */
body.cls-store-thanks {
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/app-builder-bg.svg) no-repeat center center !important;
    background-size: cover !important;
   
  }
.cls-store-thanks .thanks-sec {
    padding-top: 8%;
    text-align: center;
    font-weight: 500;
    height: 76vh;
    max-height: 600px;
}

.cls-store-thanks .thanks-sec h2 {
    font-size: 50px;
    margin-bottom: 30px;
    font-weight: bold;
}

.cls-store-thanks .thanks-sec h4 {
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 400;
}

.cls-store-thanks .thanks-sec .sec-head p {
    font-size: 16px;
    color: #2e2e2ed1;
    /* max-width: 600px; */
    margin: auto;
    line-height: 2;
    font-weight: 400;
}

.cls-store-thanks .thanks-sec .sec-head {
    margin-bottom: 40px;
}
.cls-store-thanks .thanks-sec .sec-head .pic {
    width: 105px;
    margin: auto;
    margin-bottom: 20px;
}
.cls-store-thanks .thanks-sec .item-sec {
    display: flex;
}

.cls-store-thanks .thanks-sec .item-sec .item-wrap {
    width: 100%;
}

.cls-store-thanks .thanks-sec .item-sec .pic {
    height: 100px;
}

.cls-store-thanks .thanks-sec .item-sec .pic img {
    max-width: 103px;
}

.cls-store-thanks .thanks-sec .item-sec p {
    font-size: 16px;
    color: #20303C;
}

.cls-store-thanks .thanks-sec .item-sec .btn {
    border: 2px solid #4191fb;
    height: 50px;
    min-width: 200px;
    line-height: 45px;
    padding: 0px 15px;
    border-radius: 50px;
    font-size: 15px;
    margin-top: 15px;
    transition: .3s;
    color:#4191fb;
    background: #fff;
}
.cls-store-thanks .thanks-sec .item-sec .btn:hover,
.cls-store-thanks .thanks-sec .item-sec .btn:hover  {
    background: #4191fb;
    color: #fff;
    border-color: #4191fb;
}

.cls-store-thanks .btn.bottom-btn {
    font-family: 'open_sansregular';
    color:#4191fb;
}

.cls-store-thanks .btn.bottom-btn span {
    margin-left: 10px;
}
/* toolbar layout css start*/
.page-content.height-text.more-active {
    padding-top: 0px !important;
}
/* toolbar layout css end */

.cls-store-thanks .thanks-sec .item-sec .btn{
    background: #4191fb;
    color: #fff;
    border-color: #4191fb;
}
.cls-store-thanks .thanks-sec .item-sec .btn.btn-outline{
  border: 2px solid #4191fb;
  background: transparent;
  color: #4191fb;
}
.cls-store-thanks .thanks-sec .item-sec .btn:nth-child(2) {
    margin-left: 10px;
}
.cls-store-thanks .thanks-sec .item-sec .item-wrap {
    margin-bottom: 20px;
}
@media(max-width:767px){
.cls-store-thanks .thanks-sec h2 {
    font-size: 30px;
    margin-bottom: 10px;
}
.cls-store-thanks .thanks-sec h4 {
    font-size: 16px;
}
.cls-store-thanks .thanks-sec .sec-head p {
    font-size: 14px;
    line-height: 1.5;
}
.cls-store-thanks .thanks-sec .sec-head {
    margin-bottom: 10px;
}
}
/* new thanks page design_2022 May */
.cong-wrap {
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    padding: 50px;
    min-height: 500px;
    position: relative;
}

.cong-wrap .m-b-20 {
    margin-bottom: 20px;
}

.cong-wrap .m-b-10 {
    margin-bottom: 10px;
}

.cong-wrap .heading {
    font-size: 28px;
    font-weight: 600;
}

.cong-wrap .cong-icon {
    margin-bottom: 20px;
}

.cong-wrap h3 {
    font-size: 22px;
    font-weight: 600;
}

.cong-wrap .gry-txt {
    color: rgb(0 0 0 / 54%);
    font-size: 14px;
}

.cong-wrap .btn {
    border-radius: 50px;
    line-height: 40px;
    height: 40px;
    padding: 0px 25px;
    background: #3899ed;
    border-color: #3899ed;
    margin-top: 30px;
}

.cong-wrap .bottom-txt {
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    padding: 15px;
    font-size: 10px;
    width: 100%;
    color: rgb(0 0 0 / 51%);
}

.cong-wrap.fixed-txt {
    padding-bottom: 100px;
    min-height: 550px;
}

.website-address {
    padding: 10px;
    border-radius: 10px;
    background: #0000000F;
    position: relative;
    padding-left: 60px;
    margin-top: 30px;
}

.website-address .circle {
    display: flex;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.website-address .circle>div {
    height: 10px;
    width: 10px;
    background: #fff;
    border-radius: 50px;
    margin-right: 4px;
}

.url-wrap {
    background: #fff;
    border-radius: 10px;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 16px;
    font-size: 14px;
    padding-right: 50px;
}

.cong-wrap .btn.btn-outline {
    background: #fff;
    border-color: rgb(34 34 34 / 25%);
    color: rgb(34 34 34 / 50%);
}

.link-wrapper {
    max-width: 500px;
    margin: auto;
    margin-top: 40px;
}

.link-wrapper .link {
    border: 1px solid #CDDDEF;
    display: inline-block;
    padding: 25px 15px;
    border-radius: 20px;
    box-shadow: 0px 6px 12px #e6f1fe8f;
    transition: .3s;
}

.link-wrapper .link p {
    font-size: 13px;
    color: #222;
}

.link-wrapper .link:hover {
    border-color: #3799ed;
}

.cong-wrap .bottom-txt a {
    font-size: 14px;
    text-decoration: underline;
    color: #3799ed;
}

.url-wrap .btn-wrap {
    position: absolute;
    right: 20px;
}

.url-wrap .btn-wrap i {
    margin-left: 8px;
    cursor: pointer;
}

@media(max-width:767px) {
    .website-address .circle {
        display: none;
    }

    .website-address {
        padding-left: 13px;
    }

    .cong-wrap .heading {
        font-size: 23px;
    }

    .cong-wrap .cong-icon {
        max-width: 75px;
        margin: auto;
        margin-bottom: 20px;
    }

    .cong-wrap h3 {
        font-size: 18px;
    }

    .link-wrapper .link {
        width: 100%;
        margin-bottom: 10px;
    }

    .cong-wrap .bottom-txt {
        position: static;
        padding: 0px;
        margin-top: 20px;
    }

    .cong-wrap.fixed-txt {
        padding-bottom: 35px;
    }

    .cong-wrap.fixed-txt {
        padding-bottom: 80px;
        min-height: inherit;
    }

    .cong-wrap {
        padding: 35px 15px;
        margin-top: 70px;
        min-height: inherit;
    }

    .cong-wrap .gry-txt {
        font-size: 13px;
    }

    .cong-wrap .btn.btn-outline+.btn.btn-primary {
        margin-top: 10px;
    }

    .url-wrap #myInput {
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}


@media screen and (max-width: 576px){
    .mob-header aside.navbar-brand {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0px);
      margin: 0;
    }
    
    .mob-header .responsive_nav {
      float: left;
      margin-top: 15px;
      margin-left: 18px;
    }
    
    .mob-header .responsive_nav span {
      -webkit-text-stroke: 1px #000;
    }
    
  }




/* migrate */

.migrate-alert {
    background: #e23242;
    padding: 15px 20px;
    font-size: 16px;
    color: #fff;
    border-radius: 0;
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    z-index: 99;
  }

  .migrate-alert a {
    color: #fff;
    text-decoration: underline;
  }
  .migrate-alert a:hover,
  .migrate-alert a:focus {
    text-decoration: underline !important;
  }
  .simulator-view {
    margin-top: 14px;
  }

  #outer.container {
    padding-top: 140px;
  }

  /* MigrateAppModel */

  #MigrateAppModel {
    background: #000000a1;
  }

  #MigrateAppModel .modal-content {
    border-radius: 15px;
  }

  #MigrateAppModel .modal-content .modal-header {
    border: 0;
    margin: 0;
    padding: 25px;
    padding-bottom: 0px !important;
  }

  #MigrateAppModel .modal-content .modal-title {
    padding-bottom: 0;
    font-size: 20px !important;
  }

  #MigrateAppModel .modal-content .modal-body {
    padding-top: 15px !important;
    font-size: 14px;
    line-height: 23px;
  }

  #MigrateAppModel .modal-content .modal-body,#MigrateAppModel .modal-content .modal-header,#MigrateAppModel .modal-content .modal-footer {
    padding: 25px;
  }

  #MigrateAppModel .modal-content .modal-footer {
    border: 0;
    padding-top: 0;
  }

  #MigrateAppModel .modal-content .modal-footer .btn {
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 25px;
  }

  @media screen and (max-width: 576px) {
    #outer.container {
        padding-top: 160px !important;
    }
     #MigrateAppModel .modal-dialog {
          width: 90%;
          margin-top: 10px;
      }
  }

  .ios-device #MigrateAppModel .modal-dialog {
    top: 30px;
  }

  #MigrateAppModel  .close {
    top: -15px;
    position: relative;
  }

  .amazon-store-logo {
    display: inline-block;
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/amazon-store-logo.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    position: relative;
    top: 5px;
    margin-right: 4px;
    background-repeat: no-repeat;
  }

  .amazon-store.amazon-store-logo {
    display: inline-block;
    background: url(https://d2wuvg8krwnvon.cloudfront.net/newui/images/amazon-store-logo.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    position: relative;
    top: 5px;
    margin-right: 4px;
    background-repeat: no-repeat;
  }

  .amazon-store-logo {
    width: 30px;
    height: 30px;
  }