/* Fonts */
body {
    font-weight: 300;
    background-color: #fff
}

iframe.tilted {

}
.more-block, .error-block {
    margin-top: 2em;
    font-size: 1rem;
}
.more-block p, .error-block p {
    margin-top: 2em;
}
#page-container h3, #page-container h2, #page-container h5{
    font-family: 'Raleway', sans-serif;
    font-size:13px;
    letter-spacing:1px;
    font-weight:300;
}
h1, .h1 {
    font-size: 22px;
}
h1.block-title{
    font-family: 'Raleway', sans-serif;
    font-size:16px;
    letter-spacing:2px;
}
.h2-editorial, #page-container .h2-editorial{
    font-family: 'BauerBodoniBT-Roman', serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 22px;
    -webkit-font-smoothing: antialiased;
}
#page-container .h2-serif{
    font-family: 'BauerBodoniBT-Roman', serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 22px;
    -webkit-font-smoothing: antialiased;
    color:inherit;
}
.h2-large, #page-container .h2-large{
    font-size:26px;
    font-size: 24px;
    font-family: inherit;
    font-weight: 300;
    letter-spacing: 0;
}
.h3, h5, h6 {
  text-transform:uppercase;
}
#page-container h6{
    font-size: 11px;
    font-weight: 500;
}
#page-container h6 a:link, #page-container h6 a:hover, #page-container h6 a:focus {
    text-decoration: underline;
    color: inherit;
}
#main-container h4, #main-container h4 a{
    font-size: 18px;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}
.text-medium p, .text-medium ul li {
    font-size:13px; 
    -webkit-font-smoothing: antialiased;
}
p.text, .text{
   font-size:12px; 
   -webkit-font-smoothing: antialiased;
}
p.text a:link, p.text a:visited{
    text-decoration:underline;
    color:inherit;
}
p.large{
    font-size: 14px;
    font-weight: 300;
}
.inter-title{
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    overflow:hidden;
}
.block-title {
    font-weight: inherit;
}
.nav-pills > li > a {
    font-weight: inherit;
}
.bg-primary-dark .nav-pills > li > a:hover, .nav-pills > li > a:focus {
    background-color: rgba(255,255,255,0.1);
}
.page-heading, #page-container h1.page-heading, #page-container h2.page-heading {
    font-family: 'Raleway', sans-serif;
    font-size:19px;
    text-transform:uppercase;
    letter-spacing:5px;
    font-style: normal;
}
.page-heading i {
    font-size:0.8em;
}
#page-container h3.section-heading {
    font-size:14px;
    text-transform:uppercase;
    letter-spacing: 3px;
    display:inline-block;
    padding-top: 2px;
}
a.underline{
    text-decoration: underline;
}
/*--icons --*/
.large-icon i{
    color: #545454;
    font-size: 1.5em;
    vertical-align: top;
    display: inline-block;
    margin-right: 9px;
    margin-left: 10px;
}
.small-icon i{
    position: absolute;
    left: -15px;
    top: 21px;
    font-size: 14px;
    vertical-align: middle;
}
.edit-pencil-icon:link, .edit-pencil-icon:visited{
    color:#6c6c6c; 
    font-size:12px;
    padding-left:5px;
}
.edit-pencil-icon:hover{
    color:white; 
}
.smaller-icon{
    font-size:0.8em;
}
a {
    color:inherit;
}
.push-40 {
  margin-bottom: 40px !important;
}
.push-40-t {
  margin-top: 40px !important;
}
.push-40-r {
  margin-right: 40px !important;
}
.push-40-l {
  margin-left: 40px !important;
}
.remove-margin-t{
    margin-top:0;
}
.align-top{
    vertical-align:top !important;
}
.no-wrap{
    white-space: nowrap;
}
.no-wrap p, .no-wrap h3{
    white-space: normal;
}
.p-5{
    padding:5px;
}
.padding-15-lr{
   padding: 0 15px; 
}

.padding-30-lr{
   padding: 0 30px; 
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
/* Colors */
#main-container .content{
    color: #646464;
}
.bg-primary {
  background-color: #FC706E;
}
.bg-primary-dark {
    background-color: #444;
}
.bg-primary-darker {
    background-color: #333;
}
.bg-grey-lighter{
    background-color: #515151;
}
.bg-gold {
    background-color: #b2a584;
    color:white;
}
.bg-yellow {
    background-color: yellow;
}
a.bg-primary {
  border: 1px solid #FC706E;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #fff;
  border: 1px solid #333;
  color:#111;
}
.text-gold {
  color: #b2a584;
}
.text-grey, .nav-main a > .text-grey {
    color:#767676;
}
.text-dark-grey{
    color:#292929;
}
.text-light-grey, .text-light-grey a{
    color:#a5a5a5 !important;
}
.text-black{
    color:#444;
}
a.text-gold:hover,
a.text-gold:active,
a.text-gold:focus,
button.text-gold:hover,
button.text-gold:active,
button.text-gold:focus {
  color: #b2a584;
  opacity: .75;
}
.text-white {
  color: #fff;
}
a.text-white:hover,
a.text-white:active,
a.text-white:focus,
button.text-white:hover,
button.text-white:active,
button.text-white:focus {
  color: #fff;
  opacity: .75;
}
.form-control.text-white{
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
/* Coupon Override  START */
.promo-code a.text-gold {
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        letter-spacing: 0px;
        font-size: 1em;
        font-weight: medium;
        padding-top: 6px;
}

.promo-code  .form-material > input.form-control {
    font-family: "Open Sans", sans-serif;
    line-height: 11px;
    letter-spacing: 0.03em;
    font-size: 1em;
    font-weight: lighter;
}

.promo-code  .form-material > .form-control {
    padding-left: 0;
    padding-right: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.promo-code-callout a, .promo-code-error span {
    font-family: "Open Sans", sans-serif;
    line-height: 9px;
    letter-spacing: 0.03em;
    font-size: 0.7em;
    font-weight: lighter;
}

.promo-code-message span {
    font-size: 12px;
    opacity: 1;
}

.promo-code-message-reset span {
    opacity: 0.2;
}

.promo-code-error span {
    color: #FF0000;
    -webkit-animation: promo-tansition 0.5s forwards;
    animation: promo-tansition 0.5s forwards;
}

.promo-code-applied span {
    color: #454445;
    -webkit-animation: promo-tansition 0.5s forwards;
    animation: promo-tansition 0.5s forwards;
}

@-webkit-keyframes promo-tansition {
    from {opacity: 0.2;}
    to {opacity: 1;}
}

@keyframes promo-tansition {
    from {opacity: 0.2;}
    to {opacity: 1;}
}

.promo-subtotal span {
    color: #60c72b;
}

.promo-subtotal .btn-tiny {
    padding: 0px;
    margin-right: -2em;
}


.close-icon
{
  display:block;
  box-sizing:border-box;
  width:1em;
  height:0.7em;
  background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, #646464 46%,  #646464 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, #646464 46%,  #646464 56%,transparent 56%, transparent 100%);
  transition: all 0.3s ease;
  margin: 0.49em;
}

/* Coupon Override  END */
/* Buttons */
.btn-admin, .btn-admin:link, .btn-admin:visited, li .btn-admin:link, #header-navbar .nav-header li a.btn-admin{
    position: relative;
    font-family: "Open Sans", sans-serif;
    border-radius: 6px;
    background: #f92e74;
    border: 1px solid #f92e74;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    padding: 7px 12px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: white;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    text-decoration:none;
    text-transform: initial;
    letter-spacing: 0;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    height: inherit;
    line-height: inherit;
}
#header-navbar .nav-header li a.btn-admin:hover {
    background: #fff;
    border-color:#5e696d;
    color:#5e696d;
}
#header-navbar .nav-header li a.btn-admin i{
    margin-right:3px;
}
.appy-btn {
   font-family: 'Raleway', sans-serif;
   text-transform: uppercase;
   letter-spacing: 2px;
   border-radius: 0px;
   -webkit-transition: all 0.15s ease-out;
   transition: all 0.15s ease-out;
   padding: 10px 20px;
   font-weight: 300;
   display: inline-block;
    border: 1px solid transparent;
}
.img-options .appy-btn{
    min-width:130px;
    margin: 2% 0;
}
.btn-tiny{
    font-size:12px;
    padding: 8px 10px;
}
.btn-primary {
    color: #fff;
    background-color: #444;
    border-color: #444;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover {
    color: #444;
    background-color: #fff;
    border-color: #444444
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #454445;
    border-color: #454445
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
    color: #444;
    background-color: #fff;
    border-color: #444444
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #ccc;
    border-color: #ccc
}
.btn-primary.btn-detail {
    color: #444;
    background-color: #fff;
    border-color: #444444
}
.btn-primary.btn-detail:focus,
.btn-primary.btn-detail.focus,
.btn-primary.btn-detail:hover {
    color: #fff;
    background-color: #444;
    border-color: #444444
}
.btn-edit {
    color: #fff;
    background-color: #B2A584;
    border-color: #B2A584;
}

.btn-edit:focus,
.btn-edit.focus,
.btn-edit:hover {
    color: #B2A584;
    background-color: #fff;
    border-color: #B2A584
}

.btn-edit:active,
.btn-edit.active,
.open>.dropdown-toggle.btn-edit {
    color: #fff;
    background-color: #B2A584;
    border-color: #B2A584
}

.btn-edit:active:hover,
.btn-edit.active:hover,
.open>.dropdown-toggle.btn-edit:hover,
.btn-edit:active:focus,
.btn-edit.active:focus,
.open>.dropdown-toggle.btn-edit:focus,
.btn-edit:active.focus,
.btn-edit.active.focus,
.open>.dropdown-toggle.btn-edit.focus {
    color: #444;
    background-color: #fff;
    border-color: #444
}

.btn-edit:active,
.btn-edit.active,
.open>.dropdown-toggle.btn-edit {
    background-image: none
}

.btn-edit.disabled,
.btn-edit[disabled],
fieldset[disabled] .btn-edit,
.btn-edit.disabled:hover,
.btn-edit[disabled]:hover,
fieldset[disabled] .btn-edit:hover,
.btn-edit.disabled:focus,
.btn-edit[disabled]:focus,
fieldset[disabled] .btn-edit:focus,
.btn-edit.disabled.focus,
.btn-edit[disabled].focus,
fieldset[disabled] .btn-edit.focus,
.btn-edit.disabled:active,
.btn-edit[disabled]:active,
fieldset[disabled] .btn-edit:active,
.btn-edit.disabled.active,
.btn-edit[disabled].active,
fieldset[disabled] .btn-edit.active {
    background-color: #ccc;
    border-color: #ccc
}
.text-large p {
    font-size:18px;
}
.btn-light, .btn-light.btn-primary.appy-btn {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc
}
.text-black, .text-black.btn-light.btn-primary.appy-btn {
    color: #444;
}
.favorites-rows .btn-default:focus, .favorites-rows .btn-default.focus, .favorites-rows .btn-default:hover {
    color: #545454;
    background-color: #ffffff;
    border-color: #ffffff;
}
.breadcrumb, .breadcrumb-next{
    font-family: 'Raleway', sans-serif;
    font-weight:500;
    font-size:11px;
    text-transform:uppercase;
    color: #999999;
}
.breadcrumb:hover, .breadcrumb-next:hover{
    color:inherit;
    text-decoration: underline;
}
.breadcrumb:before{
    content:"< ";
}
.breadcrumb-next:after{
    content:" >";
}
/* Left sidebar menu nav */
#sidebar {
    /*background-color: #f9f9f9;*/
    background-color: #fff;
}
#sidebar .side-header{
	padding-left: 5px;
}
.side-header {
    height: 70px;
    text-transform:uppercase;
    border-bottom: 1px solid #eee;
}
#sidebar ul.nav-main a, #sidebar ul.nav-main a, #sidebar ul.nav-main a{
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
#sidebar ul.nav-main a:hover, #sidebar ul.nav-main a:active, #sidebar ul.nav-main a:focus{
	text-decoration:none;
    background-color: transparent;
    color: #b2a584;
}
#sidebar .nav-main a:hover > i, #sidebar .nav-main a:focus > i {
    color: #b2a584;
}
/*activity side bar*/
.side-content{
    color:#333;
}
.side-content .block-content{
    padding: 10px 10px 1px 20px;
}
.side-content .list-activity > li {
    padding-left:25px;
}
.side-content .list-activity > li > i:first-child {
    left:0;
}
.side-content .nav-users a > img {
    left:0;
}
.side-content .nav-users a {
    padding-left:60px;
}
.side-content .nav-users a > i {
    left:30px;
}
/*css ref inside svg*/

.logo{
	margin-top: 2px;
	width:186px;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.logo.responsive{
    margin-left: 20px;
}
.sidebar-o.sidebar-mini #sidebar:hover .logo{
    margin-left: 30px;
}
.sidebar-o.sidebar-mini #sidebar .logo{
    margin-left: 0;
}
.sidebar-o #sidebar .logo{
    margin-left: 30px;
}
#sidebar:hover .sidebar-l.sidebar-o.sidebar-mini #sidebar .logo{
    margin-left: 30px;
}
/* make svg clickable */
.logo a {
    position: relative;
    display: inline-block;
}
.logo a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#logo-icon, #logo-text{
	float:left;
}

.AC-sign,
.AC-type,
.logo svg .AC-sign,
.logo svg .AC-type {
    fill: #7c8a95;
}
#logo-icon,
#logo-icon svg {
    width:49px;
    height:25px;
}

#logo-text, 
#logo-text svg {
    width:122px;
    height:21px;
}

#logo-icon{
    margin-right: 11px;   
}
#logo-text{
    margin-top: 2px;   
}

.nav-drawer-icon {
    float: right;
    width: 20px;
    height: 20px;
    position: relative;
    margin-top: 6px;
    margin-right: 3px;
}
.nav-drawer-icon span {
    float: left;
    width: 100%;
    height: 2px;
    background: #666;
    margin-bottom: 3px;
    position: relative;
}
.appy-icon-z{
    position: relative;
    top: 365px;
    left: -25px;
}
.appy-detail-icon{
    position: absolute;
    right: 0;
    bottom: 0;
}
.img-avatar{
    text-align:center;
}
.side-header{
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.side-header #activity-title i{
    font-size:14px;
}

.sidebar-mini .side-header{
	padding-left: 20px;
}
.nav-main .nav-main-heading {
    color:#95989a;
	font-family: 'Raleway', sans-serif;
    font-size:11px;
}
.nav-main a.nav-submenu {
    text-transform:uppercase;
}
.nav-main a {
    color:inherit;
    text-transform:uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight:300;
    font-size: 12px;
    letter-spacing:1px;
}
.nav-main a.active{
    text-transform:uppercase;
    background-color:transparent;
}
.nav-main ul {
    background-color:transparent;
}
.nav-main ul a{
    color:inherit;
	padding: 6px 8px 6px 0;
}
body #sidebar #sidebar-scroll .side-content .nav-main li a.active {
    color: #f92e74;
}
.nav-main li.open > a.nav-submenu {
    color:inherit;
}
.nav-main li.sub-section-link a, .nav-main li.sub-section-link.open a{
    color:#767676;
}
.nav-main li.sub-section-link.open ul li a {
    font-size:12px;
    color: #8b8b8b;
}
.nav-main li.sub-section-link.open ul li a:hover {
    color: #B2A584;
}

.nav-main a.nav-submenu:before {
    color:inherit;
}
.nav-main a.active, .nav-main a.active:hover {
    color: inherit;
}
.nav-main a > i, .nav-main li.open > a.nav-submenu > i, .nav-main a > svg {
    color: #b2a584;
    float:left;
}
.nav-main a.active > i, .nav-main a.active:hover > i {
    color: inherit;
}
.nav-main ul.color-list li {
    display:inline-block;
}
.nav-main ul.color-list a {
    padding-top: 1px;
}
.nav-main .color-name{
    padding-top: 5px;
	display: inline-block;
}
.nav-main .colorblock{
    width: 16px;
    height: 16px;
    -webkit-transition: all 0.2s ease-in-out, 0.2s linear; 
    transition: all 0.2s ease-in-out, 0.2s linear; 
    display: inline-block;
    float: right;
	border-radius: 50%;
	margin-right: 5px;
	margin-top: 5px;
}
.nav-main .colorblock:hover{
    width: 21px;
    height: 21px;
	margin-right: 0;
	margin-top: 0;
}
.nav-main .sidebar-mini-hide{
    display: block;
    margin-left: 30px;
}
.nav-marketing li {
    float: right;
}
.nav-marketing li a{
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666;
	font-weight:normal;
}
.nav-marketing li a i{
    line-height:3em;
}
.nav-marketing li.login{
	border-left: 2px solid #eee;
}
.nav-marketing li.login a i{
	font-size: 13px;
    line-height:2.8em;
}
/* sections page inside nav */
.nav-main.sections-nav a:hover, .nav-main.sections-nav a:focus{
    color:white;
    background-color: transparent;
}
.nav-main.sections-nav a:focus{
    color:#767676;
}
.nav-main.sections-nav a.active:before{
    content:"\f00c";
    display: block;
    float:left;
    margin-left:-20px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#9BEC6B;
}
.swatches{
    margin-top:5px;
}
.swatch-circle{
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    display: inline-block;
}
.bg-image .swatch-circle{
    border: 2px solid rgba(100,100,100,0.2),
}
.swatch-circle:hover {
    cursor: pointer;
}
.swatch-circle.selected {
    border:none;
    box-shadow: 
        0 0 0 1px rgba(100,100,100,0.2),
        0 0 0 3px rgba(255,255,255,1),
        0 0 0 4px rgba(100,100,100,0.3);
    margin-bottom:0;
    height: 14px;
    width: 14px;
    margin: 0 3px 1px 3px;
}
.pink{
    background-color:#e34078;
}
.coral{
    background-color:#fa836d;
}
.red{
    background-color:#cc1e0f;
}
.yellow{
    background-color:#ffe400;
}
.orange{
    background-color:#f77c17;
}
.purple{
    background-color:#763c69;
}
.blue{
    background-color:#4b83d3;
}
.teal{
    background-color:#46a7a0;
}
.green{
    background-color:#4b9a5a;
}
.gold{
    background-image:url('/img/signup/gold-foil.jpg');
    background-size:cover;
}
.black{
    background-color:#000;
}
.white{
    background-color:#fff;
	box-shadow: 0 0 0 1px #ccc;
}
.neutral{
    background-color:#dfd5bd;
}

/* Header */
#header-navbar {
    min-height: 70px;
    border-bottom: 1px solid #eee;
    padding-top: 20px;
	padding-left:3px;
    background-color: #fff;
}
.header-navbar-fixed #main-container {
    padding-top: 70px;
    padding-bottom: 50px;
}
.nav-header > li {
    margin-right: 2px; 
}
.nav-header.detail-btns > a
,.nav-header.detail-btns > a .fa {
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
}
.nav-header.detail-btns > a:first-child {
    padding-right: 5%;
}
.nav-header .header-search {
    width: 300px;
}
#header-navbar .nav-header li a:hover, #header-navbar .nav-header li a:focus, #header-navbar .nav-header li a:active{
    text-decoration: none;
    color:#999;
}
.nav-header li.icon-login a {
    padding-left: 0;
    padding-right: 0;
}
.nav-header li.icon-login a i{
    font-size:13px;
    transform: translateY(10%);
    display: inline-block 
}
.nav-header .preview-app-admin i{
    vertical-align:sub;
}
.btn-default {
    color: #545454;
    background-color: transparent;
    border: none;
}
/* Right end sliding side bar */
.side-header{
    padding-top: 20px;
}
.side-header > span{
    font-size: 11px;
    letter-spacing: 1px;
    color: #666;
    font-weight: normal;
}
.favorites-rows .row{
    width:80%;
    margin: 0 auto 15px auto;
}
.favorite-thumb{
    display:inline-block;
    image-rendering: -webkit-optimize-contrast;
    border: 1px solid #eee;
    margin:5%;
    transition: all .2s ease-in-out;
}
.favorite-thumb:hover {
    transform: scale(1.3);
}

.img-responsive.responsive-height {
    height: 100%;
    width: auto;
}
/* Main container */
#main-container {
    /*font-size: 1rem;*/
    margin: 3em 0 0 0;
    background-color: #fff;
    position: relative;
}
#main-container.bg-primary-dark{
    background-color:#444;
    
}
/*#main-container  .row {*/
    /*margin: 0;*/
/*}*/
#main-grid > .row {
    display: flex;
    flex-wrap: wrap;    
}
#main-grid > .row:before, #main-grid > .row:after {
    /*Bootstrap grid fix for safari*/
    content:normal;
}
#main-grid .row div[class*="col-"] {
    margin-bottom: 3%;
    /*height: 350px;*/
}
/*settings*/
.form-settings p{
    margin-bottom: 10px;
}
.form-control.input-number{
    font-size:14px;
    padding:0;
    text-align:center;
    min-width:35px;
}
.form-small .form-group{
    margin-bottom: 0;
}
.form-small .form-control {
    font-size: 14px;
}
select{
   background: pink; /* Or an hexadecimal value */
   color:red;
}
select#font-family {
    background: white; /* Or an hexadecimal value */
    color:#aaaaaa;
}
.max-w-50{
    max-width: 50px;
}
#delivery-range-slider{
  margin-top: -20px;
}
#delivery-range-slider .irs {
    height: 50px;
}
#delivery-range-slider .irs-bar, #delivery-range-slider .irs-bar-edge {
    background:#eee;
}
#delivery-range-slider .irs-slider {
    background:#46c37b;
}
/*detail*/
.appy-row {
    overflow:hidden;
}
.img-container{
    image-rendering: -webkit-optimize-contrast;  
}
.no-rendering .img-container{
    image-rendering: auto; 
}
.banner-content{
    position: absolute;
    top: 0;
}
.banner-content p{
    font-size:10px;
}
#main-container .banner-content h4{
    font-size:14px;
}
.bg-image{
    background-color: #f3f3f3;
}
/* shop-grid is the entire grid, including top section on header enabled categories */
#shop-grid {
    margin:0 auto;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 44px;
}

#shop-grid .row.flex {
    display: flex;
    flex: 1;
}

#shop-grid .row div[class*="col-"] {
    margin: 2em 0;
    font-size: 1rem;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}
#page-container #shop-grid .img-container .img-options{
    background-color: transparent;
}
.blur-up {
    /*-webkit-filter: blur(1px);*/
    /*filter: blur(1px);*/
    /*transition: filter 400ms, -webkit-filter 400ms;*/
}
.blur-up.lazyloaded {
    /*-webkit-filter: blur(0);*/
    /*filter: blur(0);*/
}
.fade-box .lazyload,
.fade-box .lazyloading {
    /*opacity: 0;*/
    /*transition: opacity 400ms;*/
}

.fade-box img.lazyloaded {
    opacity: 1;
}

.theme-description {
    font-size: 12px;
}
#page-container .theme-options {
    /*border-left: thin solid #d6d6d6;
    padding-left: 10px;*/
    margin-top: -10px;
    position: relative;
}
#page-container .theme-options h2, #page-container .theme-options i{
    font-size:10px;
        vertical-align: top;
}

@media screen and (min-width: 768px) {
    #shop-grid.has-header .row.no-margin > div[class*="col-"] {
        margin-top: 0;
    }
    #shop-grid.has-header > .row:nth-child(1) > div[class*="col-"]:nth-child(1) {
        margin-bottom: 4em;
    }
}

/* login/register modal styles */
#modal-login .switch input + span {
    background-color: red;
}
#modal-login .switch-success input:checked + span {
    background-color: #46c37b;
}
#modal-login .switch-primary input:checked + span {
    background-color: #5c90d2;
}

/* app demo styles */
#modal-demo .modal-content {
    background-color: inherit;
}
/* parsley validator styles */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;

    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
}
/*Form*/
input[type="text"]#app-title::-webkit-input-placeholder {
  color: #646464;
}
input[type="text"]#app-title:-moz-placeholder { /* Firefox 18- */
   color: #646464;  
}
input[type="text"]#app-title::-moz-placeholder {  /* Firefox 19+ */
   color: #646464;  
}
input[type="text"]#app-title:-ms-input-placeholder {  
   color: #646464;  
}
input[type="text"]#app-title-dash{
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
}


/*Forms editor/sections page */
.switch-dark input + span {
   background-color: #777;
}
.switch-dark input + span:after{
    background-color: #ccc;
}
.switch-dark input:checked + span:after {
    background-color: #fff;
}
.form-control.editable-section-title{
    background-color:transparent;
    width: 85%;
    height:20px;
    border: none;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    padding-left: 30px;
}
.form-sections{
    position: relative;
    margin-left: -10px;
}
.form-sections span{
    float: left;
    margin-left: 10px;
    position: absolute;
    opacity: 0.5;
}
input[type="text"].editable-section-title:focus{
        background-color: rgba(0,0,0,0.1);
}
input[type="text"].editable-section-title::-webkit-input-placeholder {
    color: white;
    text-transform: uppercase;
}
input[type="text"].editable-section-title::-moz-placeholder { /* Firefox 19+ */
    color: white;
    text-transform: uppercase;
}
input[type="text"].editable-section-title:-ms-input-placeholder { /* IE 10+ */
    color: white;
    text-transform: uppercase;
}
input[type="text"].editable-section-title:-moz-placeholder { /* Firefox 18- */
    color: white;
    text-transform: uppercase;
}
[placeholder]:focus::-webkit-input-placeholder {
    transition: opacity 0.2s ease; 
      opacity: 0;
}

#page-container {
    background-color: #fff;
}
.sections-column{
    width: 540px;
    margin:auto;
}
.sections-column > div{
    float: left;
    width: 85%;
}
.sections-edit-link{
    overflow:hidden;
}
.sections-edit-link:hover{
    cursor: pointer;
}
.sections-column .edit-section-btn{
    width: 15%;
    height: 78px;
    float: right;
}
.sections-column.disabled .switch input + span {
    background-color: #aaa;
}
.sections-column.disabled span.text {
    color: #aaa;
}
.edit-section-btn:hover{
    background-color:#f92e74;
}
/* Responsive grid */
.img-responsive.small{
    height: auto;
    margin-bottom: 13%;
    border:1px solid #efefef;
}
.img-responsive.large{
    border-top:1px solid #efefef;
}
.img-responsive.border{
    border:1px solid #efefef;
}
#page-container .img-container .img-options {
    background-color: rgba(255, 255, 255, 0.8);
}
#page-container .bg-image .img-container .img-options {
    background-color: rgba(243, 243, 243, 0.8);
}
.full-screen{
    height:100%;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
    image-rendering: -webkit-optimize-contrast;
}

select.form-control {
    font-size: 1.5rem;
}

/* page specific rules */

body.luxury .img-container {
    display: block;
    margin-bottom: 20px;
}
body.luxury #page-container .img-container .img-options {
    /*top: 75%;*/
}
body.luxury .theme-options {
    font-size: 1rem;
    margin-top: 2em;
}
body.detail #main-container { background: #f3f3f3}
body.detail .img-responsive.border{
    border: none;
}

body.activate #main-container .block-content {
    text-align: center;
}
body.activate #main-container .block-content ul {
    display: inline-block;
    text-align: left;
    padding: 0 1em 1em;
}
body.activate #main-container .block-content .summary
,body.activate #main-container .block-content .summary + hr {
    max-width: 250px;
    margin: 0 auto;
    border-color: #aaa;
}
body.activate #main-container .block-content .summary + hr {
    max-width: 225px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Footer */
#page-footer-appy {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
    z-index: 2000;
    padding: 0;
}
#page-footer{
     background-color: #f5f5f5;
     color: #333;
}
.progress-indicator {
    text-transform: uppercase;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-size:11px;
    letter-spacing:2px;
}
.step {
    display:inline-block;
    color:#aaa;
	margin:0 1%;
    padding:0 20px;
    line-height: 44px;
}
.step.step-current {
    color:#fff;
    background-color: #b2a584;
}
.step span.number {
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    line-height: 30px;
    margin-right: 5px;
    text-align: center;
    width: 30px;
    color:#aaa;
    padding-left: 3px;
}
.step-current span.number{
    color:#646464;
    background: #fff;
}
.favorite-thumb .btn-group-sm>.btn, .favorite-thumb .btn-sm {
    font-size: 9px;
}
.add-favorite-icon i {
    color: #adafb2;
}
.add-favorite-icon i:hover::before {
    content: "\f004";
    display: inline;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    color: #f92e74;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.add-favorite-icon:hover {

}
/*.add-favorite-icon i:hover {*/
    /*color: #f92e74;*/
/*}*/
/*-------> heart icons change to show that the theme has been added to favorites */
.add-favorite-icon.added i:before{
    content: "\f004";
    display: inline;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    color: #f92e74;
    text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}

/*Dragable*/
.sections-column .draggable-placeholder {
  background-color: #444;
  border: 3px dashed #606060;
}
.sections-column .block-content, .sections-column .block-header{
  padding: 10px 20px;
}
.sections-column a:hover, a:focus{
    color: #b2a584;
}
.sections-column .draggable-item{
    margin-bottom: 20px;
}
.sections-column h3{
    padding-top: 3px;
}
.popover-content{
    color: #646464;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size:12px;
}
/*helpers*/
.hidden{
    display:none;
}


/* animations */
body.dimmed {
    overflow: hidden;
}
.dimmed-overlay {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 8888;
    background: rgba(255, 255, 255, 0.7);
}
.tilted-zoom {
    position: absolute;
    top: 5em; right: 5em; bottom: 5em; left: 5em;
    z-index: 9999;
    font-size: 1rem;
    padding: 1em;
    border: 2px solid black;
    background: #fff;
    box-shadow: 1px 1px 2px 2px #ccc;
    animation: tiltedZoom ease-in-out 500ms;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: tiltedZoom ease-in-out 500ms;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
}

.tilted-zoom .inner {
    font-size: 1rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.tilted-zoom .inner .close {
    opacity: 1;
    font-size: 2rem;
    padding-bottom: 0.5em;
    position: absolute;
    right: 20px;
    top: 6px;
    color: #fff;
}
@keyframes tiltedZoom{
    0% {
        opacity: 0;
        transform: scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);
    }
    10% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
        transform:  scale3d(0.3,0.3) rotate3d(0,0,1,-5deg);
    }
    70% {
        transform:  scale3d(0.3,0.3) rotate3d(0,0,1,-5deg);
    }
    90% {
        transform:  scale3d(0.7,0.7) rotate3d(0,0,1,0deg);
    }
    100% {
        transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
    }
}
@-webkit-keyframes tiltedZoom{
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);
    }
    10% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
        -webkit-transform:  scale3d(0.3,0.3) rotate3d(0,0,1,-5deg);
    }
    70% {
        -webkit-transform:  scale3d(0.3,0.3) rotate3d(0,0,1,-5deg);
    }
    90% {
        -webkit-transform:  scale3d(0.7,0.7) rotate3d(0,0,1,0deg);
    }
    100% {
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
    }
}


/* Bootstrap Helper */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .col-sm-pull-6-only {
        right: 50%;
    }
    .col-sm-push-3-only {
        left: 25%;
    }
    .col-sm-push-6-only {
        left: 50%;
    }
    .col-sm-push-9-only {
        left: 75%;
    }
}
@media only screen and (max-width: 768px) {
    #main-grid.row div[class*="col-"] {
        min-height: auto;
        margin-bottom: 10%;
    }
}
@media (max-width: 767px) {
  .bg-image {
    background-image: none !important;
  }
}
/*---------Breakpoints for thumbnails -------------*/
.img-wrapper{
    display: block;
    overflow: hidden;
}
@media only screen and (min-width: 1600px) and (max-width: 2100px)  {
     .img-wrapper{
        height: 18.7vw;
     }
}
@media only screen and (min-width: 2100px){
     .img-wrapper{
        height: 19.3vw;
     }
}

/* checkout.css */
body, p, ul, li, td, a {
    font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #666;
}
.responsive-bg{
    background-size: 100%;
    background-attachment: fixed;
    background-position-y: 70px;
    background-repeat: repeat;
}
.content.content-boxed {
    max-width: 1200px;
    overflow:hidden;
}
.content.content-boxed.box-medium {
    max-width: 900px;
}
.block{
    overflow:hidden;
}
@media screen and (min-width: 1200px) {
    .block-content.block-content-narrow {
        padding-left: 7%;
        padding-right: 10%;
    }
}

#block-order{
    width:240px;
    margin:0 auto;
    border-right:1px solid #444;
    padding:20px;
}
#block-order ul{
    padding-left: 17px;
    padding-bottom: 20px;
    padding-bottom: 0;
}
.table.order-total td{
    padding-left:0;
    padding-right:0;
    font-weight:600;
}

p.no-margin, .order-total p{
    margin:0;
}
/*TYPOGRAPHY*/
.content-boxed h1, .h1 {
    font-family: 'BauerBodoniBT-Roman', serif;
    color: #444444;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    font-size: 22px;
    -webkit-font-smoothing: antialiased;
    font-weight:normal;
}
strong {
    font-weight: 600;
}
.block-promocode a, a:active, a:focus, a:hover {
    text-decoration: underline;
    color:#444;
}
.block-promocode:focus, .block-promocode a:focus{
    outline:none;
}
#block-thankyou a:link, #block-thankyou a:visited{
    font-size: inherit;
    text-decoration: underline;
}
.copy-x2, .copy-x2 p{
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

.legals{
    font-size: 10px;
}
/*FORM*/
.form-material > .form-control:focus + label, .form-material.floating.open > label {
    font-size: 10px;
    color:#aaa;
    font-weight:300;
}
.form-material.input-group .input-group-addon {
    padding-right:0;
}
.form-control {
    font-size: 18px;
    font-weight:300;
}
.form-control.tiny{
    font-size: 12px;
}
.form-material.floating > label {
    font-weight:300;
    font-size: 14px;
    color:#aaa;
}
.form-material.floating > .form-control{
    padding:0;
}
.form-instructions{
    color:#aaa;
}
select.form-control{
    -webkit-appearance: caret;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#aaa' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    color:#aaa;
}
.css-checkbox,  .css-checkbox a:link, .css-checkbox a:visited{
    font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 12px;
    color:#aaa;
    font-weight:300;
}
.css-checkbox a:hover{
    color:#444;
}
.css-checkbox a {
    text-decoration: underline;
}
.btn-primary {
    color: #fff;
    background-color: #444444;
    border-color: #444444;
}
.btn-primary:active, .btn-primary:focus {
    color: #fff;
    background-color: #666;
    border-color: #666;
}
.btn-primary:hover{
    color: #444;
    background-color: #fff;
    border-color: #444444;
}
.btn {
    font-family: 'Raleway', sans-serif;
    text-transform:uppercase;
    letter-spacing:2px;
    border-radius: 0px;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    padding: 10px 20px;
    min-width: 185px;
    font-weight:300;
}
.btn.appy-ui{
    min-width: initial;
    padding: 6px 12px;
}
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.btn-tiny {
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.5;
    min-width: initial;
    text-transform:inital;
    letter-spacing:0;
    font-family: inherit;
    font-weight:600;
}
.input-group-btn{
    background-color: #f5f5f5;
    border-color: #e6e6e6;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #ccc;
    border-color: #ccc;
    color:white;
}
.parsley-errors-list {
    margin: 10px 0 3px;
}
.parsley-errors-list li {
    color:#CD3333;
}
.errors {
    display: block;
    width: 30vw;
    min-width: 200px;
    margin: 0 auto;
    border: 1px solid #ff7700;
    color: #ff7700;
    text-align: center;
    padding: 1.5em;
    text-transform: capitalize;
    font-size: 0.9em;
    border-radius:20px;
    margin-bottom: 20px;
}
.errors:before {
    content: "\f071";
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     padding-bottom:10px;
}
input.parsley-success, select.parsley-success, textarea.parsley-success {
    color:inherit;
}
.form-material > .form-control:focus ~ label {
    transform: translateY(-24px);
}
.website-layout {
    display: block;
}
.website-layout.selected {
    border: 4px solid #46c37b;
}
/* Test img as form select */
.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.multi-layout{background-image:url(/img/checkout/multi.jpg);}
.single-layout{background-image:url(/img/checkout/single.jpg);}
.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:193px;height:113px;
    border: 1px solid #eee;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: grayscale(1) opacity(.3);
    -moz-filter: grayscale(1) opacity(.3);
    filter: grayscale(1) opacity(.3);
}
.drinkcard-cc:hover{
    -webkit-filter: grayscale(.5) opacity(.9);
    -moz-filter: grayscale(.5) opacity(.9);
    filter: grayscale(.5) opacity(.9);
}
.form-control.code-big{
    font-size:2em;
    padding:10px 30px;
    text-align:center;
    font-weight:300;
    height: inherit;
}
[placeholder]:focus::-webkit-input-placeholder {
    transition: opacity 0.2s ease;
    opacity: 0;
}

/* wizard */

#rootwizard li.active > a {
    background-color: inherit;
    color: #444;
}
#rootwizard li.active i.fa.fa-circle-thin:before {
    content: "\f111";
}
#rootwizard .navbar-inner ul.nav {
    display: inline-block;
}
#rootwizard .pager li > a, #rootwizard .pager li > span {
    background-color: #444;
    color: #fff;
    border: 1px solid #444;
    border-radius: 0;
    padding: 10px 20px;
    min-width: 165px;
    font-weight: 300;
}
#rootwizard .pager li > a.btn-light{
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
}
#rootwizard .pager li > a.btn-light:hover{
    background-color: #444;
    color: #fff;
    border: 1px solid #444;
}
#rootwizard .pager li > a:hover {
    color: #444;
    background: #fff;
}
#rootwizard p{
    font-size: 14px;
    font-weight: 300;
}
#rootwizard p.caption{
    font-size: 12px;
    margin-bottom: 5px;
}
#rootwizard .tab-content{
    overflow:hidden;
}

/* end Test img as form select */
#my-block{
    padding: 20px 0 1px;
}
.tip{
    padding:5px 0;
}
.tip a{
    color: #aaa;
}
.photo-crop-widget {
    margin-bottom: 15px;
    min-height: 30px;
    max-width: 100%;
    max-height: 250px;
}
.photo-crop-border{
    height: 200px;
    width: 200px;
    border: 2px dotted #eee;
    border-radius:50%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-57%);
    transform: translateX(-57%)
}
#welcome .photoUploadButton{
    position: relative;
    z-index: 5;
}
#welcome .content{
    padding-top: 20px;
}
.ui-circlecrop .ui-circlecrop-profile-image-container {
    height: 200px;
    width: 200px;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: hidden;
    background: #e9ebed;
    z-index: 0;
    margin-bottom: 15px;
}
.ui-circlecrop .ui-circlecrop-sizing-slider.ui-widget-content {
    width: 280px;
    height: 8px;
    margin: 0 auto;
    border-radius: 20px;
    background: #e9ebed;
    border: none;
    clear: both;
    margin-top: 20px;
    position: relative;
}
.ui-circlecrop .ui-circlecrop-sizing-slider.ui-widget-content:before {
    outline: none;
    content: "–";
    color: #999;
    float: left;
    margin-left: -23px;
    margin-top: -11px;
    font-size: 20px;
}
.ui-circlecrop .ui-circlecrop-sizing-slider.ui-widget-content:after {
    color: #999;
    outline: none;
    content: "+";
    float: right;
    margin-right: -23px;
    margin-top: -12px;
    font-size: 20px;
}
.ui-circlecrop .ui-circlecrop-sizing-slider.ui-widget-content .ui-slider-handle {
    cursor: pointer;
    border-radius: 50%;
    border: none;
    height: 18px;
    width: 18px;
    top: -6px;
    box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #747578;
    background-color: #747578;
    font-weight: normal;
    color: #FFF;
    -webkit-box-shadow: inset 0 -13px 11px -8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 -13px 11px -8px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 -13px 11px -8px rgba(0, 0, 0, 0.3);
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.ui-circlecrop .ui-circlecrop-profile-image-container .ui-circlecrop-profile-photo {
    z-index: 1;
    top: 0;
    left: 0;
    cursor: move;
}
.ui-circlecrop .ui-circlecrop-profile-image-container .ui-circlecrop-image-mask {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    opacity: .5;
}

.navbar{
    margin-bottom: 0; 
}
.navbar .list-inline>li {
    display: inline-block;
    padding-right: 3px;
    padding-left: 3px;
}
.msg-box{
    min-height: 25px;
    font-weight: 300;
}
.success i, .success-save i{
    color:#46c37b;
}
.failure i, .failure-save i, .failure-spaces i {
    color:red;
}
.subdomain{
    font-size: 18px;
    font-weight: 300;
     line-height: 50px;
}
#subdomain{
    text-align: center;
}
button.image-picker {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    min-width: initial;
}
.dashboard-container{
   min-width:750px;
}
/* Yellow banners */
.appy-banner{
    background-color:yellow;
}
.appy-banner button{
    background-color:#ffffff;
}
.yellow-banner{
    display:inline;
    padding:0 5px;
}
#header-navbar .yellow-banner a, #header-navbar .yellow-banner a:hover{
    color:inherit !important;
    text-decoration:underline !important;
}
@media only screen and (max-width: 890px) { 
    .yellow-banner{
        display:none;
    }
    .sidebar-mini .yellow-banner{
        display:inline;
    }
}
@media only screen and (max-width: 945px) { 
    #header-navbar.notuser .yellow-banner{
        display:none;
    }
    #header-navbar.notuser  ul:first-child{
        width:10%;
    }
    #header-navbar.notuser  ul:last-child{
        width:90%;
    }
}
@media only screen and (min-width: 945px) and (max-width: 1135px)  { 
    .notuser .yellow-banner{
        display:none;
    }
    .sidebar-mini .notuser .yellow-banner{
        display:inline;
    }
    #header-navbar.notuser  ul:first-child{
        width:10%;
    }
    #header-navbar.notuser  ul:last-child{
        width:90%;
    }
    .sidebar-mini #header-navbar.notuser  ul:first-child{
        width:55%;
    }
    .sidebar-mini #header-navbar.notuser  ul:last-child{
        width:45%;
    }
}
.banner-y{
    white-space: nowrap;
    font-size:11px;
}
.banner-y a{
    font-size:inherit;
}

/* End Yellow banners */


/*Responsive*/
@media only screen and (max-width: 575px) { 
    /*Extra small devices (portrait phones, less than 576px)*/
    
    /*-- header --*/
    .header-navbar-fixed #header-navbar{
        min-height: 50px;
        padding: 12px 8px 0 20px;
    }    
    .header-navbar-fixed #main-container{
        margin-top:0;
    }
    .header-navbar-fixed #logo-icon{
        margin-right: 5px;
    }
    .header-navbar-fixed #header-navbar .nav-header > li > a{
        padding:0;
        line-height:1;
    }
    #header-navbar .nav-header .logo{
        margin-left: 0 !important; 
    }
    .nav-drawer-icon {
        float: right;
        width: 20px;
        height: 20px;
        position: relative;
        margin-top: 3px;
        margin-right: 3px;
    }
    .nav-drawer-icon span {
        float: left;
        width: 100%;
        height: 2px;
        background: #666;
        margin-bottom: 3px;
        position: relative;
    }
    /*-- left sidebar header --*/
    .side-header.side-content{
        height: 50px;
        min-height: 50px;
        padding: 12px 10px 0 20px;
    }
    .nav-main .nav-main-heading:first-child{
        padding-top:10px;
    }
    /*-- main container ---*/
    /*- tighten spaces */
    .header-navbar-fixed #main-container{
        padding-top: 60px;
    }
    #main-container .content.content-boxed{
        padding-top:0;
    }
    #main-container .mobile-header-block, #main-container .mobile-header-block p{
        margin-bottom:0px;
    }
    #main-container .form-material > .form-control:focus + label, #main-container .form-material.floating.open > label, #main-container  .form-material.floating > label{
        color:#666;
    }
    #main-container .block-content .block {
        margin-bottom:0px;
    }
    
    #rootwizard{
        padding:10px;
    }
    .photo-crop-border{
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #rootwizard .pager li > a, #rootwizard .pager li > span, #create-account .btn{
        min-width:100px;
    }
    #rootwizard .form-group, #create-account .form-group{
        margin-bottom:0;
    }
    .form-control.code-big{
        font-size:1.5em;
    }
    #rootwizard .subdomain{
        font-size:1em;
    }
    .no-wrap{
        white-space:normal;
    }
    .block-content-responsive{
        padding-left:0;
        padding-right:0;
        padding-top:0;
    }
    .form-control{
        font-size:16px;
    }
    h1, .h1{
        font-size: 22px;
    }
    .dashboard-container{
       min-width:100%;
    }
    .activity-icon{
        padding-top: 10px;
    }
    .sections-column{
        width:100%;
    }
    .sections-column > div{
        width:80%;
    }
    .sections-column .edit-section-btn{
        width:20%;
    }
    div.content{
        padding: 20px 0;
    }
    #main-container h4{
        font-size:14px;
        padding: 0 20px;
    }
    .page-heading, #page-container h1.page-heading, #page-container h2.page-heading {
        font-size:18px;
    }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #shop-grid{
        padding-right:25px;
    }
   #shop-grid .row > div:nth-child(2){
        /*Hack fix because first row wraps for unknown reason*/
        width:49.5%;
    }
    #sidebar .side-content .nav-main a{
        font-size:1.5rem;
    }
    #sidebar .side-content .nav-main .nav-main-heading {
        font-size:1.3rem;
    }
    #sidebar .side-content .nav-main a > i{
        padding-top:3px;
    }
    .header-navbar-fixed #header-navbar{
        padding-right:10px;
    }
    div.content{
        padding: 20px 20px 1px 20px;
    }

}
/* sidebar hack  START*/

@media screen and (min-width: 768px) {

    
    .header-navbar-fixed.sidebar-l.sidebar-o #header-navbar {
        left: 230px;
    }
    .header-navbar-fixed.sidebar-r.sidebar-o #header-navbar {
        right: 230px;
    }
    .header-navbar-fixed.sidebar-l.sidebar-o.sidebar-mini #header-navbar {
        left: 60px;
    }
    .header-navbar-fixed.sidebar-r.sidebar-o.sidebar-mini #header-navbar {
        right: 60px;
    }
      #page-container.sidebar-l.sidebar-o {
    padding-left: 230px;
    }
    #page-container.sidebar-r.sidebar-o {
        padding-right: 230px;
    }
    #page-container.sidebar-l.sidebar-o.sidebar-mini {
        padding-left: 60px;
    }
    #page-container.sidebar-r.sidebar-o.sidebar-mini {
        padding-right: 60px;
    }
    .side-scroll #sidebar,
    .side-scroll #side-overlay {
        overflow-y: hidden;
    }
    #sidebar {
        width: 230px;
        -webkit-transition: none;
        transition: none;
        opacity: 1; 
    }
    .sidebar-o #sidebar {
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }
    .sidebar-o.sidebar-mini #sidebar {
        overflow-x: hidden;
        -webkit-transition: all 0.28s ease-out;
        transition: all 0.28s ease-out;
        will-change: transform;
    }
    .sidebar-l.sidebar-o.sidebar-mini #sidebar {
        -webkit-transform: translateX(-170px) translateY(0) translateZ(0);
        -ms-transform: translateX(-170px) translateY(0);
        transform: translateX(-170px) translateY(0) translateZ(0);
    }
    .sidebar-r.sidebar-o.sidebar-mini #sidebar {
        -webkit-transform: translateX(170px) translateY(0) translateZ(0);
        -ms-transform: translateX(170px) translateY(0);
        transform: translateX(170px) translateY(0) translateZ(0);
    }
    .sidebar-o.sidebar-mini #sidebar .sidebar-content {
        width: 230px;
        -webkit-transition: all 0.28s ease-out;
        transition: all 0.28s ease-out;
        will-change: transform;
    }
    .sidebar-l.sidebar-o.sidebar-mini #sidebar .sidebar-content {
        -webkit-transform: translateX(170px) translateY(0) translateZ(0);
        -ms-transform: translateX(170px) translateY(0);
        transform: translateX(170px) translateY(0) translateZ(0);
    }
    .sidebar-o.sidebar-mini #sidebar:hover,
    .sidebar-o.sidebar-mini #sidebar:hover .sidebar-content {
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }
    .sidebar-o.sidebar-mini #sidebar .sidebar-mini-hide {
        opacity: 0;
        -webkit-transition: opacity 0.28s ease-out;
        transition: opacity 0.28s ease-out;
    }
    .sidebar-o.sidebar-mini #sidebar .sidebar-mini-hidden {
        display: none;
    }
    .sidebar-o.sidebar-mini #sidebar .nav-main > li.open > ul {
        display: none;
    }
    .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-hide {
        opacity: 1;
    }
    .sidebar-o.sidebar-mini #sidebar:hover .nav-main > li.open > ul {
        display: block;
    }
    #side-overlay {
        width: 320px;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    }
    .sidebar-l #side-overlay {
        -webkit-transform: translateX(110%) translateY(0) translateZ(0);
        -ms-transform: translateX(110%) translateY(0);
        transform: translateX(110%) translateY(0) translateZ(0);
    }
    .sidebar-r #side-overlay {
        -webkit-transform: translateX(-110%) translateY(0) translateZ(0);
        -ms-transform: translateX(-110%) translateY(0);
        transform: translateX(-110%) translateY(0) translateZ(0);
    }
    .sidebar-l.side-overlay-hover #side-overlay {
        -webkit-transform: translateX(300px) translateY(0) translateZ(0);
        -ms-transform: translateX(300px) translateY(0);
        transform: translateX(300px) translateY(0) translateZ(0);
    }
    .sidebar-r.side-overlay-hover #side-overlay {
        -webkit-transform: translateX(-300px) translateY(0) translateZ(0);
        -ms-transform: translateX(-300px) translateY(0);
        transform: translateX(-300px) translateY(0) translateZ(0);
    }
    .side-overlay-hover #side-overlay:hover,
    .side-overlay-o #side-overlay,
    .side-overlay-o.side-overlay-hover #side-overlay {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }
    .bg-image-cover {
        height: 750px;
    }
    .nav-main-header {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        padding: 0;
        width: auto;
        background-color: transparent;
        z-index: auto;
        opacity: 1;
        overflow-y: visible;
        -webkit-overflow-scrolling: auto;
        -webkit-transition: none;
        transition: none;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }
    .nav-main-header > li {
        position: relative;
        margin: 0 10px 0 0;
        float: left;
    }
    .nav-main-header ul {
        position: absolute;
        left: 0;
        margin: 0;
        padding: 13px 0;
        min-width: 160px;
        background-color: #3e4a59;
    }
    .nav-main-header > li:last-child > ul {
        left: auto;
        right: 0;
    }
    .pulldown {
        top: 150px;
    }
}
@media screen and (max-width: 767px) {
    #sidebar {
        width: 100%;
        opacity: 0; 
    }
    .sidebar-o-xs #sidebar {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }
    #side-overlay {
        width: 100%;
        opacity: 0;
    }
    .side-overlay-o #side-overlay {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }


}

/* sidebar hack  END*/
/* Al banner */
@media screen and (max-width: 768px){
	.rw-wrapper { margin-right: 50px!important; }
}
@media screen and (max-width: 414px){
	.rw-wrapper { display:none; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    html.appy .sticky-header.fixed-active {
        left: 100px;
    }   

    .appy .header-sticky-wrapper {
        height: 70px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


.appy .sticky-header.fixed-active {

    position:fixed;
    width:100%;
    max-width:100%;
    height:auto;
    background:white;
    margin:auto;
    z-index: 1000;
    left: 0;
    right: 0;
    padding-top: 10px;

}

.appy .header-sticky-wrapper {
    height: 130px;
}