@charset "UTF-8";
/* CSS Document */
*{margin:0;	padding: 0;	outline:0;}
body {	margin: 0;	padding: 0; background: url(../images/bodyBg.png) repeat-x top center!important; -webkit-text-size-adjust: 100%; overflow-x: hidden;}
a:focus, a:active {	outline: none!important; text-decoration: none!important;}
/*---------------- Font Families -----------------*/
@font-face {font-family: 'gadugiregular'; src: url('../fonts/gadugi-webfont.eot'); src: url('../fonts/gadugi-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/gadugi-webfont.woff') format('woff'),  url('../fonts/gadugi-webfont.ttf') format('truetype'),  url('../fonts/gadugi-webfont.svg#gadugiregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'source_sans_proregular';src: url('../fonts/sourcesanspro-regular-webfont.eot');src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),  url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),  url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sansregular';src: url('../fonts/OpenSans-Regular-webfont.eot');src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),  url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),  url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {
    font-family: 'MuseoSans-100';
    src: url("../fonts/Museo100-Regular.otf");
}
header {width: 100;}
header .navbar-default { background: url(../images/bodyBg.png) repeat-x top center!important; border: none; min-height: 56px;}
.navbar-brand { padding: 0 15px 0 0;}
header .navbar-collapse { margin-top: 17px;}
header .mobile-action-btn {margin-top: 64px; text-align:center;}
.visible-xs-block.buttontextonly {margin: 17px 0 0;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: 11px;
padding-top: 8px;
    color: #fff !important;
    font-family: "MuseoSans-100","Lucida Grande",Arial;
    font-size: .8125rem;
}
#bs-example-navbar-collapse-1 .dropdown-menu{border:0px; border-top: 1px solid #ddd;
    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);}
#bs-example-navbar-collapse-1 .dropdown-menu .dropdown-item{border-radius:0px !important;}
#bs-example-navbar-collapse-1 .dropdown-menu:before{    background: #fff;    
    border: 1px solid #d6d6d6;
    content: "";
    display: block;
    position: absolute;
    top: -8px;
	right: 5px;
    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;}
.loginTxt {background: none;border: none;color: #fff !important;line-height: 33px !important;padding: 0 10px !important;margin-left: 5px;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; }
header .navbar-nav > .open > a { background:#95b10c!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.affix img { width: 50px;}
.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: 100px;
	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(../images/flags/gb.svg);}
.flag-icon-cn {background-image: url(../images/flags/cn.svg);}
.flag-icon-sa {background-image: url(../images/flags/sa.svg);}
.flag-icon-es {background-image: url(../images/flags/es.svg);}
.flag-icon-fr {background-image: url(../images/flags/fr.svg);}
.flag-icon-de {background-image: url(../images/flags/de.svg);}
.flag-icon-nl {background-image: url(../images/flags/nl.svg);}
.flag-icon-in {background-image: url(../images/flags/in.svg);}
.flag-icon-pt {background-image: url(../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}*/

.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;}
.buttonNext { border: none; background:#95b10c; color:#FFF; font-family: 'source_sans_proregular';font-size:18px;border-radius:3px;line-height: 45px;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: 3px 0 0 3px;display: inline-block;cursor:pointer;background: #95b10c;padding: 0 5px;margin: 0 10px 0 -15px;transition: all 1s ease-in-out;}
.button:hover span.previous, .buttonbottom:hover span.previous {background: #228aba;transition: all 1s ease-in-out;}
.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 !important;}.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%;
}
.modal-body #dashboard {
    padding-left: 20px !important;
}
.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 12px; width: 100px; height: 100px; font-size: 16px;}
.MarNone-bg { background: none;}
.inrPricing { font-size: 19px!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 */ }

/* ------------------------------------------------------------------- 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(../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(../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;transition: all 0.5s ease;}
.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:0px;margin-left:50%; 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, ul.myAppPagesListrnz { 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, .tabletScreen  ul.myAppPagesListrnz{transition:none;}
.myAppPages ul li , ul.myAppPagesListrnz 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, ul.myAppPagesListrnz  li a, ul.myAppPagesListrnz  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 , ul.myAppPagesListrnz li .myAppPage { background: #95b10c; color: #fff;}
.myAppPages ul li .emptyAppPage, ul.myAppPagesListrnz li .emptyAppPage  {background: #f00; color: #fff;}
.myAppPages ul li a .pageIcon, .myAppPages ul li div .pageIcon, ul.myAppPagesListrnz li a .pageIcon, ul.myAppPagesListrnz li div .pageIcon {font-size: 40px; height: 55px; width: 55px; display: inline-block; overflow: hidden;}
.myAppPages ul li a .pageIcon img, .myAppPages ul li div .pageIcon img, ul.myAppPagesListrnz li a .pageIcon img, ul.myAppPagesListrnz li div .pageIcon img    { width: 100%;}
.myAppPages ul li a .pageName, .myAppPages ul li div .pageName,  ul.myAppPagesListrnz  li a .pageName, ul.myAppPagesListrnz  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(../images/pageEdit.png) no-repeat right bottom; color: #fff; text-decoration: none;}
.myAppPages ul li .myAppPage .pageDrag ,ul.myAppPagesListrnz li .myAppPage .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;}
.myAppPages ul li .myAppPage: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 {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;}
.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%; padding:4px;}
.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(../images/pageEdit.png) no-repeat right bottom; color: #fff; text-decoration: none;}
.allAppPages ul li .myAppPage .pageDrag { display: block; border: 2px dotted #fff; border-left: none; border-right: none; width: 55%; height: 8px; margin: auto; opacity: 0;}.allAppPages ul li .myAppPage: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 15px;color:#6b6b6b;font-size:14px;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(../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;}

/*------------------- 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;transition: all 0.5s ease-in-out;}
.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; }
.ad-btn{
   background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 7px;
    box-sizing: border-box;
    padding: 10px;
   
}
.editable-div{max-height: 150px; overflow: auto; min-height: 75px;}
.ad-btn h4 { margin: 5px 0 10px 0;}
.editMyAppPage .dateEdit h4 { margin: 5px 0 10px 0;}
.editMyAppPage .iconImage { padding: 5px; font-size: 40px; line-height: 10px !important; width: 55px; height: 55px;  text-align: center; color: #fff; overflow: hidden;}
.editMyAppPage .iconImage img { width: 100%;}
.editMyAppPage .iconImage .iconImage{padding:0px;width: 100%;height: 100%;}
.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 {font-size: 17px; 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 { position:absolute; top: 5px; right: 5px;}
.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{ color:#dddddd; cursor: pointer;} .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: 'Free'!important; font-size: 50%!important;}/*.loyalbox .freestamp:before {color:#FFF;}*/.thankstamp:before {content: 'Thanks!'!important; font-size: 50%!important;font-style: normal;}.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;
}

.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 {background: #ececec;width: 100%;margin: 10px 0 1px;float: left;border-radius: 5px 5px 0 0;}
.grayHeading h3 {display: inline-block;padding: 5px 10px;margin:11px 0;}
a.expand-arrow {background: #d7d7d7;float: right;padding: 4px 10px;}
.gray-inner-box {background:#ececec;width:100%;float: left;margin: 0 0 5px; position: relative;}
.gray-inner-box ul {margin: 0;padding: 0;list-style: none;}
.app-splash-name {padding:10px 10px 10px;width:50%;}
.navigation-layout-style {padding: 10px 0 10px 10px;width:100%;}
.page-layout-style {padding: 10px;float: left;width:100%;}
span.smallp, .smallp {font-size:17px;display: block;}
.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:49%;}
.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: 130%; display: block; text-align: center; color: #5e5e5e; padding: 0 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:10px;}
.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;}.well.uploadbgmobile { border: 3px solid transparent;} .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: 13px;
    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,.activeNavs img, .appOverlay .activeOver {border: 3px solid #95b10c !important;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 { border: 1px solid #d0d0d0; margin: 0 auto 10px 8px!important; border-radius: 5px; width: 98%; background: #f4f4f4; min-height: 95px; float: left; width: 97%;}
ul.navigation-bx li {padding: 10px 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: 10px 20px 10px 20px; box-sizing:border-box;}
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: 180px; 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: 10px 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: 8%; 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.slimIcon li a{color: #909090;}
.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: 10%; 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 { top: -5px;-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("../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;}
.loyalTooltip span, .opentableTt span, .pageAction span, .pageIconInfo p { display: none; }
.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: 25px;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; margin: 0 0 0 10px; color: #95b10c;}
.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 span:before {
    margin-right: 5px;
    position: relative;
    top: 2px !important;
}
.browse_btn input { position: absolute; top: -2px; opacity: 0; right: 0; cursor: pointer; font-size: 25px; }
.appIcon-content, .appBg-content {margin:0px 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: 500px;}
.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(../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: 57px 0 0 0;}
.publishSocial .social-btn ul li {float:none;overflow:hidden;border-radius:5px;text-align:center;color:#FFF;cursor:pointer;margin-top:45px;width:250px;font-family: 'gadugiregular';position:relative;}
.fbicon {background:#3b5998!important; font-weight: bold;}

.fbicon span {no-repeat center; border-right: 1px solid #fff;display: inline-block;float: left; padding: 0 20px; font-size: 20px;}
.support {background:#f9f9f9;padding:10px 5px;margin-bottom:11px;}
.support.toBot { position: absolute; bottom: 0; width:96%; }
.support ul li {display: inline-block;padding:1%;width:19%;text-align: center;}
.support ul li:last-child {padding:0px;text-align:right;}
.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(../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; margin-top: 20px;}
.thanks_page2 .well{margin-top:20px;}
.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;}
#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("/media/phones/iPhone.png") no-repeat center top transparent;}
.android { background: url("/media/phones/android.png") no-repeat center top transparent;}
.window { background: url("/media/phones/windows.png") no-repeat center top transparent;}
.blackberry  { background: url("/media/phones/blackberry.png") no-repeat center top transparent;}
.amazon { background: url("/media/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: 96px;}
.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: 0px;} 
.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 #95b10c; color:#95b10c;}
.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: 230px; 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 #95b10c; color:#95b10c;}
.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 {line-height: 0; background: #FFF;  border-radius: 24px; display: inline-block;   height: 36px;   margin-right: 5px;    width: 36px;min-width: 36px;min-height: 36px;position: relative;top:4px;} 
.icon-facebook-market i {  position: relative;bottom: 4px; color: #3a5998;   font-size: 44px;    margin: -10px 0 0 -5px;}
.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: -86px;}
.fr-left{ left: -86px; 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: 991px; height: 680px; background:url(/media/phones/amazon.png) no-repeat center;}
.tabletScreen.iphone {width: 990px; height: 680px; background:url(/media/phones/ipad.png) no-repeat center;}


.tabletScreen.amazon { width: 991px; height: 680px; background:url(/media/phones/amazon.png) no-repeat center;}
.tabletScreen.window { width: 990px; height: 680px; background:url(/media/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.6%; 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:468px!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%;}
.tabletScreen .page-content{ width: 103%;!important}
.tabletScreen.iphone .page-content{ width: 106%!important;}
.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(/media/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("/media/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;}
.addMoreAlertReseller { position:absolute !important; left: 115px !important;  }
.alertRelative { position: relative; } .addMoreAlert {position:absolute; z-index: 100; bottom: 43px; 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; 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:4%;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: 42px!important;}
.grandTotal .forBig {
    bottom:130px !important;
    left: 20px;
}
.display-none{display:none !important;}

.forMaxtext { bottom: 50px!important; right:15px;}
.forMaxtext::before{right:10px;}
.Alert_XL{  
    bottom: 110px; 
    right: 0;
    width: auto; 
}
.addAlertTop{
    bottom: inherit;
    top: -30px;
}
.altpost {
    bottom: 52px;
	top: inherit;
	right: 15px;
	left: auto;
}
.saveAlert{margin:0 90px 15px 0;}

.addMoreAlertLeft {position:absolute; z-index: 100; bottom: 40px; left:10px; 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;}
.addMoreAlertLeft::before{ border-color: #ff0000 transparent transparent;border-style: solid;border-width: 8px;content: ""; height: 0; left: 15px;margin-left:0%; pointer-events: none; position: absolute; bottom: -16px; width: 0;}
.addMoreAlertImages {   
    bottom: 100%;
    left: 0;
    width:200px; } 
.addMoreAlertImages::before{left: 10px !important; margin:0px;} 
.addMoreAlertProImages {   
    bottom: inherit;
    left: 0;
    right: inherit;
    top: -52px;
    width: 180px; } 
.addMoreAlertProImages::before{left: 10px;
    margin-left: 0;
    right: inherit;}
.addTextarea{
    bottom: inherit;
    top: -30px;
}
.forMaxtext2 {
    bottom: 40px !important;
    right: 0;
}
#manageEventModal .form-control{padding: 6px;}
/* ------------------- 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(../images/chocolate-price-bg.png) repeat-x left top #b47c3c;}
.green-bg {background: url(../images/green-price-bg.png) repeat-x left top #5ac5a1;}
.yellow-bg {background: url(../images/yellow-price-bg.png) repeat-x left top #f9c134;}
.gray-bg { background: url(../images/gray-price-bg.png) repeat-x left top #b4b6bf;}
small.currentPlan {
    color: #222;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
}
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("/newui/images/15days-banner") 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 0px;
    padding: 10px; width: 100%;}
	
	.days-bnnr {
    background: rgba(0, 0, 0, 0) url("/newui/images/15days-banner.png") repeat scroll center top;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    height: 250px;
    margin: 0 auto;
    text-align: center;
    width: 250px;
	float:none !important; margin-bottom:20px !important;
}
.days-bnnr span {
    clear: both;
    float: left;
    font-size: 30px;
    line-height: 28px;
    width: 100%;
}
.days-bnnr span.yellow {
    color: #eaee75;
}
.days-bnnr big {
    float: left;
    font-size: 67px;
    font-weight: bold;
    line-height: 39px;
    margin-top: 45px;
    padding: 5px 0;
    width: 100%;
}
.if-box span {
    color: #2f0c00;
    display: inline-block;
    font-size: 13px !important;
    line-height: 20px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 100%;
}	
	
.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:18px/21px CalibriRegular, Arial, Helvetica, sans-serif; text-align:center;}
.new-lifetime-plan span{font-size:14px;}
.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(../images/bodyBg.png) repeat-x 0 39px; padding: 0 0 19px 0;}
h1.planheading {text-align: center; 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;padding: 20px;   width: 100%; margin:60px 0 0 0;}
.thanks_page2.thanks_page_su {margin:130px 0 0 0 !important;}
.thanks_page2 h1 {  background: rgba(0, 0, 0, 0) url("../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;}
.box-thanks1 ul li{ list-style-type:none; margin:15px 0 0 0; color:#b1b1b1; width:100%;}
.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:30px; color:#659c3a; font-weight:bold; text-align:center; margin:20px 0 20px;} .color-panel-box{ border-color:#dddddd;}
ul.thanks-tabs{    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;
    margin:30px 0 10px 0;
    text-align: center;
    width: 100%;
    font-size: 22px;}
.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;}
.bg-pop-tarns {
    background:url("../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*/
#tutorialData1, #tutorialData3 {
    padding-left: 35px;
}
.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;}
.offsetbottom70{margin-bottom:70px;}
.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*/
.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:90px;
}
.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:-75px;}
/*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%;}
.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(/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;	margin: 30px 0 0 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;}
.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: 18px; font-style:normal; color:#272727;    font-weight: normal;}
.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;	margin-top: -12px;	padding-top: 7px;	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:22px !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: 19%; }
.paymenterrorcolor{  color: #ff0000;
  }
.widSmall{width:auto; padding:5px; right:0}
.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;}
table.totalGrandx > tbody > tr > td{border-top:0px !important; border-right:1px solid #ddd !important; border-bottom:0px !important;}
/*--------------payment page plan app css ends----------*/
table.table.grandTotal.py_i {
    margin-bottom: 0px !important;
}


/*--------------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; min-height:242px;}
.payment-bg-grey label{ margin-bottom:3px;} .card-show-change{ position:absolute; right: 10px;    top: 30px;} .refersh-icon-payment{    cursor: pointer;   position: absolute !important;
    right: 8px;    top: 35px;    z-index: 9;}
.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;}
.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: 31px;   line-height: 44px;   position: absolute !important;   right: 10px;   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: 9px;
    z-index: 9; font-size:22px;}
.loyalTooltip-payment-device:hover span { background: #000;  bottom: 37px;  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; left:0;}
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(/newui/images/card-default.jpg) no-repeat right;  top:0px; right:0px;  }
.american-card-show{  background: url(/newui/images/amrican-new2.jpg) no-repeat right;  top:0px; right:0px;  }
.maestro-card-show{  background: url(/newui/images/maestro-new2.jpg) no-repeat right;  top:0px; right:0px;  }
.master-card-show{  background: url(/newui/images/master-card-new2.jpg) no-repeat right;  top:0px; right:0px;  }
.discover-card-show{  background: url(/newui/images/discover-new2.jpg) no-repeat right;  top:0px; right:0px;  }
.visa-card-show{  background: url(/newui/images/visa-new2.jpg) no-repeat right;  top:0px; right:0px;  }
.cal-show{  background: url(/newui/images/cal-new.jpg) no-repeat right;  top:0px; right:0px;  }
.plan-name-new{   display: block;    margin: 25px 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: 140px;	
} 
.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: 0px; 
 }
.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;
}

ul.reseller-footer li{}

.reseller-footer li a {
    border-bottom: 1px solid #5C964F;
    color: #fff !important;
    font-size: 13px;
    padding: 5px 11px;
    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;
}
.dropdown-menu.reseller-footer {
    border: 1px solid #5C964F;
    overflow: hidden;
    padding: 0;
    min-width: 147px;
}

ul.reseller-footer li{}

.reseller-footer li a {
    border-bottom: 1px solid #5C964F;
    color: #fff !important;
    font-size: 13px;
    padding: 5px 11px;
    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;
}
.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 .request_btn:before {
    background: url(../images/icon-th-large-1) no-repeat 10px 5px #95c003;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px -moz-border-radius: 4px 0 0 4px;
    height: 18px;
    padding: 10px;
    position: absolute;
    left: -45px;
    width: 25px;
    display: block;
    content: "";
    top: 0px;
    -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;
} */
.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;} .right-market-box .icon-star-1.empty-star-1{ color:#ccc; 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. */


.link-mark a{ border:1px solid #fff; color:#fff; border-radius:5px; padding:5px 10px;}

.betaversion-bg{ background: url(/images/betaVersion-bg.png) no-repeat center; width:163px; height:165px; margin:0 auto;  padding:49px 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  4px top;}





/*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(/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%; } .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: 16px 10px 2px 0;
}
.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*/ 537px; 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_heading{display: none;}
.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;}*/
.addMoreAlertTextarea{right: -92px;}
}





@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:99px;}
header .navbar-collapse {transition: all 0.0s ease; min-height:50px;}
.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;}.or{padding:15% 0 0;} .col-md-8.col-custom-12 {width:100%;} #app_phone {    display: none;}  #app_phone_marketplace {    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;}
.get-album-style {font-size: 12px;}	
.fixedButton {display:none !important;}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) { header .navbar-vendor {background-color: !important;} span, p, div, li { transition: all 0.5s ease} #app_phone { display: none;}#app_phone_marketplace {    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(../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: 0 0 90px 0; 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;} header .navbar { background-color: #fff!important;} #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%;}.navbar-brand.logo img { width: 50px;}.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} header .navbar { background-color: #fff!important;} #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 4px; font-size: 10px; width: 100%;}.appCategory ul li a { font-size: 11px;}.appCategory ul li a span { font-size: 50px;}.top-box .inputBox {width: 75%;} .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: 320px;}.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;} #app_phone_marketplace {    display: none;}[class^="col-md-"],[class*=" col-md-"]{ margin-bottom: 10px;} .popover.add-appPage { display: none;} .buttonNext { margin: 0; padding: 0 22px;} .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(../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: 0 0 72px 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;}.mobile-clearfix{clear:both;overflow:hidden;}
	.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;}
	 .addMoreAlert_Responsiv{width:90%;}
	 .billingInfobx .col{padding:0px;}
	 .mobileAppDemo .ecompageLevelContent{width: 100%;}
	 .appPagesCategory ul li button .newtab-label{background-size: 100% 67%;}
	 .selectEveBlo li{width: 17%;}
	 .fixedButton {display:none !important;}
	 
	}

@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_heading{display: none;}
.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;
}
}
/* 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;} header .navbar { background-color: #fff!important;} #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;min-height: 75px;}.myAppPagesOptions ul li a span { font-size: 40px;}.mobApp-build {padding: 10px;}.button, .buttonbottom, .buttonNext, .buttonGreen {font-size: 11px;     padding: 0 20px;
    margin: 10px 0 0 0;}.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 { margin: 0px;}.insert_image { width: 95%; margin: 10px auto; float: none;}.editMyAppPage .service_body textarea { width: 95%; height: 200px;}.selectEveBlo li { width: 18%;}.selectEveBlo li small{font-size: 8px;}.cleditorMain { width: 100%!important;} #app_phone {display: none;}#app_phone_marketplace {    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 10px;line-height: 35px;}.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(../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: 90%;}.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 {
    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 12px; position: relative;}.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:18%;} .options-pay .activestep{  padding-top: 20px;} 
.options-pay .col-md-4 i, .options-pay .col-md-6 i {font-size: 18px;}
.options-pay .planName{font-size: 12px;}

.options-pay .col-md-4, .options-pay .col-md-6{ font-size:14px; 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_heading{display: none;}
.plan-section {margin:0px; padding:40px 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("../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;
}
.nopadding {
   padding: 0 !important;
}
.saveFinish .buttonNext {
    margin: 8px 0 0 0 !important;
	
}
.fixedButton {display:none !important;}
}
@media (width:320px){
#build4{padding:14px 0;}
.buildApp-navigation a.activate::after {
    top: 100%; left: -6px;
}
}

/* 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(../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.8em;}
.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%; border: 1px solid #d2d9b6;}
.vcenter{ display: table;
    height: 250px;
    table-layout: fixed;
    vertical-align: middle;}
.vcenterIn{ display: table-cell;
    float: none;
    vertical-align: middle; width:100%;}
/* Select plan Publish pricing page CSS END*/
.days-bnnr { width:250px; height:250px; background:url("/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:24px;}	
	/* 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("../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;}	
.billingSpace .addMoreAlert { color:#707070; right:0px;}
.billing_alertDivider { width:1px; background:rgba(0,0,0,.2); 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;}
.videoHelp{margin: 0 0 0 5px;}
.app-bg-box-text{padding: 7px;}
.app-bg-box{padding: 20px 10px;}
.select-navigation-app ul li{width: 29.9%;}
.select-navigation-app ul li span{font-size: 10px;}
.members-tbox2 .radio-inline {padding-top: 0px; margin-left: 0;}
#backgroundlibCat > li > a{padding: 5px 11px;}
.discountType{width: 88% !important;margin-bottom: 2px !important;}
} 


/* 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*/

/*Invite friends pop up*/
.discountPopup{
	background: url(../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 ;
}
/*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: 26px; color: #fff;}


.refer-friends-tabs .list-group-item{padding:5px 10px;}
.discountPopup  h2.heading{
color:#fff;
text-shadow: 1px 1px 1px #686868;
font: 34px/34px Rockwell,Arial,Helvetica,sans-serif}
.discountPopup span.red-text{
	font-size:45px;
	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;}
.appPagesCategory ul li button{padding: 15px 10px;}
}
@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;}
}

@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*/	

/* Analytics Ipad css */
.miniPadxx .miniPadx { min-width:118px;}
/* Analytics Ipad css */
#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;
}
.box-user .btn{margin-top: 2px;}
.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 !important;
    display: inline-block;
    padding: 25px 25px 35px;
    text-transform: uppercase;
	background:none !important;
}
.PreViewAppbtn i{ 
    display: block;
    font-size: 50px;
	line-height: 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;
   }
#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;
   }

#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;
}
.disablePushAppx {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
display: table-cell;
height: 90%;
left: 2%;
padding-top: 0;
position: absolute;
text-align: center;
width: 96.10%;
z-index: 100;
border-radius: 4px;
bottom:9.50%;
}
.pushbtnx .buttonbottom:focus {
background: #228aba !important;
color: #FFF !important;}
.listtabs{
border: 1px solid #ddd !important;
border-radius:3px !important;}
@media screen and (max-width:768px) {	
	.publish-mobile{float: none !important;
	text-align: right;
	display: block;
	margin-bottom: 10px;}
	header .navbar-nav li {   margin-left: -8px;}
}
@media screen and (max-width:1024px) {
	.box-user .btn{padding: 0 13px;font-size: 13px;}
    .ipadxAlert { position: absolute !important;bottom: 8px !important; }
.ipadxAlert2 { position: absolute;bottom: 70px; }
}
.selectEveBlo .appyicon-etsy{font-size: 26px;}

.del-red{color: rgb(255, 0, 0); font-size: 15px; display: inline-block; margin:-1px 0px 0px 8px;}
.modal-footer .iPadOk{margin-right: 5px;}
.table-user-top .button { margin-right: 10px !important;}

/* For Market Place */
.marketMmail {
position: relative;
bottom: 8px;
}
.marketMmail i{
background: #DE9150 !important;
padding: 8px !important;
font-size: 20px !important;
border-radius: 50%;
color: #FFF !important;
display: inline-block;
height: 43px;
width: 43px;
min-height: 43px;
min-width: 43px;
margin: 4px;
 }
.mpSms i{
font-size: 23px !important;
border-radius: 50% !important;
line-height: 2.2 !important;
background: rgb(163, 188, 43) none repeat scroll 0% 0% !important;
color: rgb(255, 255, 255) !important;
display: inline-block !important;
height: 43px !important;
width: 43px !important;
min-height: 43px !important;
min-width: 43px !important;
}
.mpSms{
position: relative;
bottom: 4px;}
.mPheader {
	border-bottom: 1px solid transparent !important;
}
.mPmodal-dialog {
    width: 450px;
    }
.fbBgx {
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
padding: 16px 15px;
border-radius: 50%;
position: absolute;
top: 85px;
z-index: -1;
}
/* For Market Place */

/* For Referral*/
@media screen and (max-width:1024px) {
.user-report .notification-area .notification-box {
    background: #F2F2F2;
    padding: 25px 0px;
    margin: 0 0 15px 0;
    min-height: 120px;
    border-radius: 3px;
    border: 1px solid #ededed;
}

.user-report .notification-area .notification-box .notification-icon {
    background: #2dad8a;
    color: #fff;
    font-size: 31px;
    display: inline-block;
    width: 60px;
    min-height: 50px;
    text-align: center;
    border-radius: 50px;
    line-height: 62px;
    margin-left: 10px;
}
.user-report .notification-area .notification-txt {
    font-size: 12px;
}
.user-report .notification-area .notification-txt .noti-number {
    font-size: 28px;
    color: #000;
}
.notification-txt .noti-txt {
    font-size: 12px;
}
.notification-txt .noti-txt strong{
    font-size: 12px;
}
.notification-box .notification-txt .noti-txtx {
	font-size: 10px;
}
.notification-box .notification-txt .noti-txty {
	font-size: 8px;
}
.notification-box .notification-txt .noti-txtz {
	font-size: 8px;
}
.notification-box .notification-txt a {
	font-size: 12px;
}
}

/* For Referral*/
#manageQuiz .forBig::before {margin-right: -12% !important;}
.bg-cal-coupon{ background:rgba(0, 0, 0, 0) url(/newui/images/calendar-icon.png) no-repeat right 8px !important;}
.get-album-style {    padding: 0 8px;}

.resellerRedLabel {
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% - 43px);
text-shadow: none;
top: -25px;
width: 100px;
z-index: 999;
padding: 0px 7px;
}
.customxxaddMoreAlert {
    position: absolute;
}

.lockedxContainerx { 
min-height:60px !important;
}
.videoxUploadshelf img { 
width: 100%;
height: 100%;
 }
 .videoxUploadshelf {
    padding: 0px !important;
    height: 90px !important;
 }

.editMyAppPage .page_feature .radio label{
	color:#333;
	font-size: 14px;
}
/* Four Square Icon */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.editMyAppPage .appyicon-foursqaure {line-height: 20px !important;}
}
/* Four Square Icon */


.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;}
_:-ms-lang(x), .smallq {  word-wrap: normal !important;}
@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: 166px !important;}	
.mobApp-section h2{font-size: 18px;}
}


.pageLevelContentInner{height: 523px;}
.tabletScreen .pageLevelContentInner{height: 490px;}
@media (max-width:1366px) { 
.myAppUserA { width:10% !important;}
.myAppUserB {width:15% !important;}
.myAppUserC {width:23% !important;}
.myAppUserD {width:10% !important;}
.myAppUserE {width:18% !important;}
.myAppUser { font-size:12px; white-space:nowrap;}
.myAppsUser { font-size:12px;}
.table-user-top .button {font-size: 13px;}
}

.builderFormContent {
    overflow: visible !important;
    padding: 10px 0 45px 0 !important;
}


.ie9 #app_phone{
    position: fixed;
}

.allAppPages ul li .pageFolderIco { height:48px !important;}
.myFolderPageLi span img { padding:7px !important;}

/* 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;}
.customSliderRemove ul li{width: 160px !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: 110px 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;}
}

/* For mobile landscape */		
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
.dropdown-menu{    height: 150px !important;}
}	
.myFolderPage > div { width: 70%;}
.hideTextNavBarNew {   /* float: right;display: inline-block;width:20%;*/bottom: -2px;
position: relative;}
.socialAppWell .socialAppWellNew {padding:10px;margin-bottom:0;border-radius: 5px 5px 0px 0px;}
.socialAppWell .socialAppFormGroup div {border:1px solid #ddd;padding:10px;}
.socialAppWell .socialAppFormGroupNew {margin-bottom:0;}
.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;
}
}
/* === END DEMO RIBBON CSS === */
.disclaimer-txt{
	position: absolute;
	left: 35px;
	right: 35px;
	bottom: -33px;
	font-size: 10px;
	color: #878787;
	}
.mobileView .disclaimer-txt {
    position: relative;
    bottom: -22px;
    width: 55%;
    margin: 0 auto 5px;
	left: 0;
	display: none;
}

/* === 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;
opacity: 0;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transform-origin: 50% 50%;
transform: translate(18px, 0);}
.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;
opacity: 1;
visibility: visible;
transform: translate(0, 0);}
/* === 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, .btnViewDel { padding: 0 10px; }
::i-block-chrome, .btnViewNew { padding: 0 10px; }
@media screen and (max-width:1024px) {
.buttonMiniPad { margin-left:10px; }
}
/* 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(../images/survey_pagebg.png);}#myModal_survey .modal-header{ border-bottom: 0px solid #e5e5e5;}

/* Feedback Survey button End*/

/**************** HEADER *****************/
a {text-decoration: none;}a:hover {text-decoration: none;}.verdana, .verdana {font-family: Verdana, Geneva, sans-serif;}.georgia, .georgia {font-family: Georgia, "Times New Roman", Times, serif;}.courierNew, .courierNew {font-family: "Courier New", Courier, monospace;}.arial, .arial {font-family: Arial, Helvetica, sans-serif;}.trebuchetMS, .trebuchetMS {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}.timesNewRoman, .timesNewRoman {font-family: "Times New Roman", Times, serif;}.palatinoLinotype, .palatinoLinotype {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}.lucidaConsole, .lucidaConsole {font-family: "Lucida Console", Monaco, monospace;}.comicSansMS, .comicSansMS {font-family: "Comic Sans MS", cursive;}.permanentmarker{ font-family: 'Permanent Marker', cursive; }.lobster{ font-family: 'Lobster', cursive; }.indieflower{ font-family: 'Indie Flower', cursive; }.pacifico{ font-family: 'Pacifico', cursive; }.orbitron{ font-family: 'Orbitron', sans-serif; }.dancingscript{ font-family: 'Dancing Script', cursive; }.dosis{ font-family: 'Dosis', sans-serif; }.poiretone{ font-family: 'Poiret One', cursive;}.kaushanscript{font-family: 'Kaushan Script', cursive;}.satisfy{ font-family: 'Satisfy', cursive; }.courgette{ font-family: 'Courgette', cursive; }.seaweedscript{ font-family: 'Seaweed Script', cursive; }
.header { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);width:100%;color: #FFFFFF;font-weight: normal;position: absolute; z-index:12; min-height: 47px;}
.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;}
.smallHeaderBar { font-size: 18px;}.mediumHeaderBar { font-size: 22px;}.largeHeaderBar { font-size: 26px;} .xlargeHeaderBar { font-size: 30px; line-height: 14px;}
/**************** HEADER *****************/

.netBalance_Avl {float: right !important;background: #f9f9f9;padding: 10px 15px;border: 1px solid #ccc;border-radius: 5px;margin-right:10px;}
.payPalEmailAccountAlert { position:relative; }
.payPalEmailAccountAlert .payPalNewAlert {  left: 55px;margin-bottom: 40px;}

/*==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;}
.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;}
.connectPage .altpost{right: 0;}
@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 .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%;}
	.myFolderPage > div { width: 100%;}
	.intl-tel-input .flag-dropdown .country-list { width: 226px !important;}
}
/*==END FACEBOOK/WEBSITE IMPORT CSS==*/

.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;}}

/*===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-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-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: 25px;color: #ccc;position: absolute;z-index: 2;top: 60px;cursor: pointer;}
.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: 188px;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: 193px;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: 25px;line-height: 35px;font-weight: bold;margin: 0 0 15px;color: #fff;}
.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: 37px auto 50px !important;color: #727272;position: relative;}
.new-plan .plan-tab {background: #fff;margin: 0 2px;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(/newui/images/label-bg.png) no-repeat center center;
    width: 145px;
    z-index: 999;
    height: 58px;
    line-height: 39px;
    color: #122d3a;
    font-size: 16px;
    font-weight: bold;
}
.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(/newui/images/html5-icon.png) no-repeat center center;
    padding: 10px;
}
.new-plan span.apple-icon {
    background: url(/newui/images/apple-icon.png) no-repeat center center;
    padding: 10px;
}
.new-plan span.android-icon {
    background: url(/newui/images/android-icon.png) no-repeat center center;
    padding: 10px;
}
.new-plan span.window8-icon {
    background: url(/newui/images/window8-icon.png) no-repeat center center;
    padding: 10px;
}
.new-plan span.blackberry-icon {
    background: url(/newui/images/blackberry-icon.png) no-repeat center center;
    padding: 10px;
}
.new-plan span.amazone-icon {
    background: url(/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(/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(/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: 45px;
	font-weight: 700;
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 66px;
}
.new-plan .plus-btn.hideR {
   line-height: 60px;
}
.new-plan .viewAllplan {
    color: #fff;
    right: 96px;
    position: absolute;
    top: 45px;
}
.new-plan .appAddons-section {
    margin: 10px 0;
}
.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: 20px;
}
.new-plan .appAddons-section .adons-circle .price_month{
	display: block;
line-height: 0;
}
.new-plan .appAddons-section .adons-text {
    background: url("/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("/newui/images/check-icon-red.png") top left no-repeat;}
.new-plan .appAddons-section .blue-tab .adons-text{background: url("/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 .price-header {
    height: 200px;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s;
}
.new-plan .plan-tab.active {
    -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;
    margin-top: -40px;
}
.new-plan .plan-tab.active .publishbtn, .new-plan .plan-tab.active .botom-btn {
    -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;
    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: #137faf;
text-transform: unset !important;}
/*.new-plan .plan-tab.active .publishbtn.top-btn{padding: 27px 0 !important;visibility:hidden !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 30px;
	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;}

/* 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{padding-left: 10px;}
	.plan-det ul li{font-size: 10px;}
	.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 {
        width: 23.6%;
		margin: 0 0.7%;
    }
	.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: 17px;
	}
	.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 120px;
		float: none;
    }
    .new-plan .planTab.btn-group-lg > .btn,
    .btn-lg {
        padding: 10px 5px;
		height: 50px;
    }
	.new-plan .planTab.btn-group-lg > .btn, .new-plan .btn-lg {
    font-size: 11px;
	}
    .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 .plan-tab .publishbtn.top-btn{display:block;}
    .new-plan .appAddons-section {
        margin: 0px 0 !important;
    }
    .new-plan .plan-section {
        margin: 25px auto -65px !important;
    }
	.new-plan .show-toggle {
		display: block;
	}
	.new-plan .publishbtn{
		visibility: visible !important;
	}
	.new-plan .plan-tab.active{margin-bottom: 80px;margin-top: 0;}
	.new-plan .plan-tab.black-tab{margin-bottom: 60px;}
	.mobileBtn{margin: 0 0 15px 0 !important;}
	.new-plan .appAddons-section .thanksBtn{font-size: 13px !important;padding: 10px 40px !important;}
	.minimizeBtn{top: -93px !important;}
	.marginNone{margin-bottom:0 !important;}
}
@media only screen and (max-width: 480px) {
	.new-plan .planTab.btn-group-lg > .btn, .new-plan .btn-lg {
    font-size: 11px;
	width: 90%;
	border-radius: 30px !important;
	margin: 0 auto 5px;
	text-align: center;
	border: 1px solid #fff !important;
	float: none;
	}
	
}
.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: 14px;
    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 .plan-tab:hover .pricetag, .new-plan .appAddons-section .add-ons-tab:hover .adons-circle{
	box-shadow: 0px 0px 20px #333333;
    z-index: 2;
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.new-plan .plan-tab, .new-plan .appAddons-section .add-ons-tab{
	-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	-ms-transition: all 1s ease; 
	transition: all 1s ease;}
.new-plan .plan-tab:hover, .new-plan .appAddons-section .add-ons-tab:hover{
	box-shadow: 0px 0px 25px #333333;
    z-index: 1;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease; 
	-ms-transition: all 1s ease; 
	transition: all 1s ease;
}

.new-plan .appAddons-section .createbtn .crtbtn, .new-plan .pubGray{
	display: inline-block;
	vertical-align: middle;
	-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;
}
.new-plan .appAddons-section .createbtn .crtbtn:hover, .new-plan .pubGray:hover{
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.new-plan .price-title-p{color: #fff;padding-bottom: 5px;font-size: 16px;font-weight: 600;}
.platformIcon {
    padding-bottom: 10px;
    display: block;
}

.platformIcon i{margin: 0 2px;font-size: 25px;}

.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==*/

.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:#95b10c;}	
.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;
    
}
#appName{height:45px;}
.fixedButton {
    position: fixed;
	top: -2px;
	z-index: 9999;
	left: 50%;
	margin-left: 21px !important;
	font-size: .8125rem;
	font-family: "MuseoSans-100","Lucida Grande",Arial;
	line-height: 33px;
	width: auto;
	padding: 0 29px;
}
/*===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 input.form-control {display: inline;width: 74px;}
.couponDisplay .col-md-4 div:hover {color: #000; cursor: pointer;}
.insert_coupon_image { display: block; 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;}
.discountType .couponBuy{margin:0 20px;}
.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: 0 28px;
}
.add_Listing .addlistingBtn span{margin-right: 5px;}
/*===END ADD LISTING===*/

/*===DRAG AND DROP CSS===*/
ul.rnzDrag { 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; width: 100%; z-index:1;}
ul.rnzDrag{transition:none;}
ul.rnzDrag li { float: left;margin-bottom: 15px;margin-left: 0;margin-right: 0;margin-top: 0;width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;}
/*===DRAG AND DROP CSS===*/

/*===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===*/
#fbProfileImgId{
padding: 0;
margin-top: -1px;
}
/*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;
}
.v_pro {
    resize: none;
}
/*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;
}
span.btn.buttonGreen.l_bt {
    float: left;
    background: transparent;
    color: black;
}
span.btn.buttonGreen.r_bt {
    float: right;
}
@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 10px;}
.themeSlider .themeSliderInner{min-height: 338px;overflow: hidden;position: relative;}
.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: 202px;margin: 0 14px 15px 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 .themeSliderControl .icon-left-open {left: 9px;}
.themeSlider .themeSliderControl .icon-right-open {right: 9px;}
/*===END THEME SLIDER===*/
.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: 30%;
  vertical-align: middle;
  margin-right: -4px;
}
#appTablets:before {
  height: auto;}

.modal-dialog {
 
  text-align: left;
 
}
/*===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;}
/*===END APP CATEGORY ICON COLOR===*/

/*==PAYMENT PAGE CSS ADDED==*/
.securePayment {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    color: #696969;
}
.securePayment span {
    background: #60c65a;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 37px;
    border-radius: 4px;
    margin-right: 10px;
}
.moneyBackpayment {
    background-color: #f0f0f0;
    padding: 20px;
    border-radius: 5px;
}
.moneyBackbg {
    width: 250px;
    height: 96px;
    background: url(/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: 16px;
    line-height: 16px;
    width: 100%;
    margin-top: 10px;
}
/*==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(/newui/images/pwd.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: -7px;
    right: -2px;
    font-size: 13px;
    color: #000;
}
.app-store-logo {
    display: inline-block;
    background: url(/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(/newui/images/windowstore.png);
 background-size: 100%;
}
.play-store {
    background: url(/newui/images/play.png);
 background-size: 100%;
}
.blackberry-store {
    background: url(/newui/images/blackberry_app_.png);
    background-size: 100%;
}
.amazon-store{
    background: url(/newui/images/amazon_app_store.png);
    background-size: 100%;
}
.apple-store{
    background: url(/newui/images/apple.png);
    background-size: 100%;
}

.btnSroll {
    position: fixed;
    top: 46%;
    left: 0;
    font-size: 20px;
    /*background: #e02f2f;*/
    box-shadow: 2px 1px 12px #a0a0a0;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height: 56px;
}

.adjust_col{float:left; margin-right:15px;}
.adjust_col select{min-width:150px;}
.adjust_col strong{padding: 7px 0; display: inline-block;}
.cursor-default{cursor: default;}
.mpUserRating i,.mprating i{cursor: default;}
@media only screen and (max-width:767px) {
.thanks_page2 {
    width: 90%;
    margin: 35px auto;
}
 
}
.st-btns{height: calc(100% - 56px);
overflow-y: auto;}
.st-logo{display:none;}