/* 
 * by Andreas Loukakis, alou@alou.gr
 * 
 /*

    colors:
    red     fa023c  
    dark red    4b000f
    grey light 525252
    dark grey  262525

 */
html,
body {
    height: 100%;
}

.quicklinks ul, .quicklinks ul li, .quicklinks nav, .quicklinks h5 {
    list-style: none;
    display: inline;
}

.quicklinks ul li {padding: 0 10px;border-right:1px solid;}
.quicklinks ul li:last-child {border-right: 0 none;}

.quicklinks h5 {font-size: 1.3em}

h1.headerh1 {
    text-indent: -100px;
    line-height: 0;
    margin:0;
    padding:0;
}
.payinadvanceinfo {
    margin: 0.5em 0;
    padding: 0.5em;
    background: #e9e9e9;
}
.notifierwrap {
    top:50%;left:0;bottom:0;width:0;
    position:fixed;
    overflow:visible;
    z-index:9999;
}

.blogcontainer {
    margin: 1em 0;
    background: #efefef;
    margin-bottom: -20px;
    padding-bottom:30px;
    position: relative;
}

.blogcontainer .col-md-5 {
    padding-top: 20px;
}

.blogcontainer .line {
    height:1px;
    background: #cecece;
    width:100%;
    padding: 0;
}

.blogcontainer h2 {
    background: #262525;
    color: #f1f1f1;
    padding: 10px 0;
    margin-bottom: 1em;
}

.blogcontainer h2 small {
    font-size: 0.7em;
}

.blogcontainer img {
    padding-top: 10px;
    width: 100%;
    height: auto;
}

.blogcontainer a.readon {
    font-size:1.1em;
    padding-right:2em;
    text-decoration: none;
    font-weight: 800;
}

.blogbostbottom {
    padding-bottom:30px;
}
.blogcontainer h2 small {
    font-size: 0.9em;
    color: #eee;
}


.notifier {
    position:absolute;
    width:30vw;
    height:auto;
    bottom:20%;
    left:0px;
    transform: translateX(-500px);
    transition: transform 0.8s ease-in-out, opacity 0.6s linear;
    opacity:0.1;
    border:1px solid #fa023c;
    border-right:0 none;
    border-radius: 5px 0 0 5px;
    background:#efebeb;
    /* -webkit-filter: drop-shadow(0 0 6px #333);
    -moz-filter: drop-shadow(0 0 6px #333);
    -ms-filter: drop-shadow(0 0 6px #333);
    -o-filter: drop-shadow(0 0 6px #333);
    filter: drop-shadow(0 0 6px #333); */
}

.notifier.notifying {
    transform: translateX(30px) rotate(360deg);;
    opacity:1;
}

.notifierlogo {
    position:absolute;
    right:0;top:0;
    margin-right:-100px;
    margin-top:-1px;
    height:100%;
    width:100px;
    border-radius:0 50% 50% 0;
    border:1px solid #fa023c;
    border-left:0 none;
    background:#efebeb;
    
}

.notifierlogo svg {
    width:98%;
    height:98%;
    background:#fff;
    border-radius:50%;
    margin:1%;
    height:auto;
    border-left:1px solid #fa023c;
    fill: #fa023c;
}

.notifybody {
    height:auto;
    padding-bottom:10px;
    max-height:200px;
    overflow:hidden;
    width:23vw;
}

.notifiercontent {
    width:250px;
    padding: 5px 10px;
    font-size:0.9rem;
}

.notifier .actionwrap {
    position:absolute;
    bottom:-30px;
    left:15%;
}

.dismissnotifier.btn {
    box-shadow: none;
}

a.btn.btn-default.acceptnotifier {
    background:white;
    border:1px solid #fa023c;
    color: #fa023c !important;
    font-weight: 900;
}

h5.notifytitle {
    color: #fa023c;
    font-size:1.1rem;
    text-align:center;
    font-weight:800;
}

.discontinuedmessage {
    text-align:center;
    background:#fafafa;
    padding:20px;
    border:1px solid #dadada;
    border-radius:6px;
}

.facesvgwrap {
    position:relative;
    text-align:left;
    height:90px;
    overflow:hidden;
}

svg.faceSVG {
    margin-top:-25%;
    margin-left:-15%;
    position:relative;
}

.showalternatives {
    text-align:center;
    padding-top:20px;
    visibility:hidden;
    opacity:0;
    transition: all 0.3s linear;
}

.showalternatives.isvisible {
    visibility:visible;
    opacity:1;
}

a {color:#262525;}

a:focus, a:hover {
    color:#9b0427;
}

.red, .redbg, .card .card-data.red {background-color: #fa023c !important; }
.drt .redbg {background-color: #b0254f !important; }

.darkredbg { background-color: #4b000f; }
.greybg {background-color: #525252;}
.darkgreybg {background-color: #262525;}
.whitebg {background:white;}

.drt .darkgreybg {background-color: #292929;}

.redcolor {color: #fa023c; }
.drt .redcolor {color: #b0254f; }

.darkredcolor { color: #4b000f; }
.greycolor { color: #525252;}
.lightgreycolor { color: #959595;}
.darkgreycolor { color: #262525;}
.drt .darkgreycolor { color: #292929;}
.whitecolor {color:#fafafa;}
.greencolor {color:#339145;}

.modal {
    z-index:1199;
}

.hiddenblock {
    display:none;
}

.redcolor a, a.redcolor {
    color: #fa023c;
    text-decoration: underline;;
}

.drt .redcolor a, .drt a.redcolor {
    color: #b0254f;
}

.greencolor, a.greencolor, .greencolor a {
    color:#00C851;
}

.text-center {text-align:center;}

.text-right {text-align:right;}

.text-left {text-align:left;}

.btn-default {
    background:#525252;
}
.btn-default:focus, .btn-default:hover {
    background-color:#262525 !important;   
}

.carouselcaption h1, .carouselcaption h2, .carouselcaption h3 {
    font-weight:900;
}

a.postcart {
    display:block;
    text-align:center;
}
label.required:before {
    display:block;
    position:absolute;
    top:0;left:-10px;
    color:#fa023c;
    content:"*";
}
.navbar .autocomplete form {
    float:none !important;
}
label.required.validme:before {
    font-family: 'FontAwesome';
    color:#53840c;
    content:"\f00c";
    left:-15px;
}

.drt .btn-default:focus, .drt .btn-default:hover {
    background-color:#292929 !important;   
}

.optionstabs {
    margin-bottom:20px;
}

.optionstabs .activeoption {
    background: white;
    color:#393939;
    font-size:0.8rem;
    border-top:1px solid #d0d0d0;
    border-bottom:1px solid white;
    background:white;
    padding:10px 0;
    box-shadow:2px -1px 2px #999;
    position:relative;
    z-index:99;
}

.optionstabs .inactiveoption {
    border:1px solid #d0d0d0;
    background:#dadada;
    padding:10px 0;
    font-size:0.9rem;
}

.showaftermessage {
    padding-top:100px;
    width:100%;
    visibility:hidden;
    opacity:0;
    transition: all 0.3s linear;
}

.showaftermessage.active {
    visibility: visible;
    opacity: 1;
}

.showaftermessage div {
    text-align:center;
    min-height:300px;
}

.btn .fa.sendmecodeloading {
    display: none;
    position:absolute;
    left:3%;top:32%;
}

.btn .fa.sendmecodeloading.current {
    display:block;
}

.acsspotdata {
    padding:10px;
    margin: 10px 0 0;
    font-size:0.8em;
    background:#fafafa;
    border:1px dashed #eaeaea;
    line-height: 1.3rem;
    border-radius: 4px;
}
.step {
    position:relative;
}

.step h6 .lowop, .step .steptext {
    opacity:0.3;
    transition: opacity 0.3s linear;
}

.step.current h6 .lowop, .step.current .steptext{
    opacity:1;
}

.step.current h6 {
    font-weight: 700;
}

.step h6 {
    position:relative;
    line-height: 30px;
    margin-bottom:5px;
}

.steptext {
    padding: 0 5px 15px 30px;
    line-height: 1rem;
    margin:0;
    text-align:left;
}

.steptext small {
    display:block;
    padding:10px 0;
}

span.stepnumber {
    position:absolute;
    top:-1px;
    left:-1px;
    background: white;
    border: 1px solid #fa023c;
    color:#fa023c;
    width:30px;height:30px;
    border-radius:50%;
    line-height: 30px;
    vertical-align: middle;
    font-weight: 300;
    font-size:1.2rem;
    z-index:2;
}

span.stepnumber::before {
    z-index:-1;
    content: " ";
    display:block;width:4px;height:1px;
    background:#fa023c;
    position:absolute;
    left:-5px;
    top:15px;
}

.step::before {
    content: " ";
    display: block;
    position: absolute;
    left: -5px;
    top:0px;
    width:1px;
    height: 100%;
    background: #fa023c;
}

.step.isfirst::before {
    top:15px;
    height: calc(100% - 15px);
}

.step.islast::before {
    height: 15px;
}

.stepinput#anonymous_smscode {
    margin-top:1rem;
}

label#anonymous_smscode_tt .fa, label#smsconfirmationcode_tt .fa {
    font-size:1.5rem;
    color: #fa023c;
    padding-right:0.5rem;
}

label#anonymous_smscode_tt.validme .fa {
    color: #53840c;
}


.md-form label#anonymous_smscode_tt.active {

}

.card .payments .card-data, .card .deliverys .card-data,
.card .anonymousaddresscontainer .card-data,
.card .addresscontainer .card-data, .card .invoiceaddresscontainer .card-data {
    background-color: inherit;
    border-bottom:1px solid #f1f1f1;
}

.card .anonymousaddresscontainer .card-data {
    color: #333;
}

.payments .card-title, .deliverys .card-title,
.addresscontainer .card-title, .invoiceaddresscontainer .card-title {
    margin-bottom:0;
    color:#525252;
}

.payments .btn, .deliverys .btn {
    padding:.6rem 0.4rem;
    display:block;
    width:100%;
}

.payments .btn-primary, .deliverys .btn-primary, .deliverys .btn, .payments .btn {
    background: #fafafa;
    border:1px solid #ccc;
    margin-bottom:3px;
    color:#333;
    box-shadow: 0;
}

.payments .btn-primary, .deliverys .btn-primary {
    border-color:#bcbcbc;
    color:#3e3e3e !important;
}

.drt .payments .btn-primary, .drt .deliverys .btn-primary {
    color:#fff !important;
}

.payments .btn-primary:hover, .deliverys .btn-primary:hover {
    border-color:#bcbcbc;
    color:#bcbcbc !important;
}

.payments .btn-primary.active, .deliverys .btn-primary.active {
    background-color:#fa023c !important;
    color:white !important;
}
.payments .btn-primary.active:hover, .deliverys .btn-primary.active:hover {
    border-color:#a9042b;
}



.payments .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.deliverys .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.payments .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
.deliverys .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
.deliverys .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child),
.payments .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-radius:4px;
}



.deliverys .btn-group, .payments .btn-group {
    display:block;
}

.deliverytext, .paymenttext {
    position:absolute;
    transition:all 0.3s linear;
    opacity:0;
    visibility: hidden;
    z-index:11;
    background: white;
}

.deliverytext.active, .paymenttext.active {
    opacity:1;
    visibility: visible;
    z-index:15;
    font-size:0.9rem;
}

.deliverytext.placeholder, .paymenttext.placeholder {
    position:absolute;
    z-index:12;
}

div.buttonmask {
    position:absolute;
    z-index:-1;
    width:100%;
    height:100%;
    cursor:not-allowed;
    background: transparent;
}

div.buttonmask.activeb {
    z-index:99;
}

img.deliverymethodimage {
    display:block;
    max-width:80%;
    max-height:60px;
    margin:4px auto;
}

span.loadactions {
    opacity:0;
    visibility: hidden;
    position:absolute;
    transition:all 0.3s linear;
    display:block;
    top:2px;right:2px;
    overflow: visible;
}

span.loadactions.current {
    visibility:visible;
    opacity:1;
}

span.loadactions:after {
    content:attr(data-content);
    position:absolute;
    width:220px;
    text-align:right;
    color:#333;
    font-size:12px;
    bottom:-10px;
    right:0;
}

.payments .active.btn, .deliverys .active.btn {
    margin-left:2%;
}

.payments i.fa, .deliverys i.fa {
    display:none;
}


.payments .active i.fa, .deliverys .active i.fa {
    display:inline;
}

.payments .disabled i.fa.showifvalid, .deliverys .disabled i.fa.showifvalid {
    display:none;
}

.payments i.fa.showifvalid, .deliverys i.fa.showifvalid {
    color: #666666;
    float:left;
}

.payments .active i.fa.showifvalid, .deliverys .active i.fa.showifvalid {
    display:none;
}

.addresscontainer .md-form, .invoiceaddresscontainer .md-form {
    margin-bottom: 0.8rem;
}

.helperscontainer {
    visibility:hidden;opacity:0;
    transition:all 0.3s linear;
}

.helperscontainer.init {
    visibility:visible;opacity:1;
}

.helperscontainer .card-title {
    margin-bottom:0;
}

label.deliverymethodbutton {
    display:block;
    width:100%;
}

.form-group.alone {
    margin-bottom: 0;
}

.table thead th {
    vertical-align: text-top;
}

.table.product-table thead th {
    font-weight: 300;
    text-align: center;
}

.addtocompare {margin-top:20px;}
.card-footer .addtocompare {margin-top:3px;}
.addtocompare .btn-outline-default {
    color:#462525 !important;
    border: 1px solid #9a9a9a !important;
}

.bonuspoduswrap {
    float:right;
    padding-top:5px;
}

.bonuspodusbadge {
    display:inline-block;
    position:relative;
    margin-top:-8px;
    padding:0;
    width:50px;
    height:50px;
    line-height:50px;
    vertical-align: middle;
    text-align:center;
    /* background:#262525; */
    border:2px solid #fa023c;
    color:#000000;
    border-radius:50%;
    font-size:1.2em;
}

a.bplink {
    text-decoration: underline;
}

.variantselect .btn-outline-primary.active, 
.variantselect .btn-outline-primary:active,
.variantselect .btn-outline-primary:hover,
.variantselect .open>.btn-outline-primary.dropdown-toggle {
    background-color:#fa023c;
    border-color:#4b000f;
    color:white !important;
}

.variantselect .btn.btn-sm {
    padding: .5rem 0.8rem;
}


span.sidecartwrap, span.sidecomparelink {
    position:relative;display:block;
}

.sidehelper {
    position:fixed;
    top:40%;
    right:-1px;
    width:60px;
    height:65px;
    z-index:99;
    text-align:center;
    vertical-align: middle;
    border-top:1px solid white;
    border-bottom:1px solid white;
    border-left:1px solid white;
    border-radius:4px 0 0 4px;
    margin-right:-100px;
    opacity:0;
    visibility: hidden;
    transition: all 0.4s linear;
}

.sidehelper.scrolled {
    opacity:1;
    visibility:visible;
    margin-right:0;
}

.sidehelper a {
    display:block;
    margin:5px;
}

.sidehelper a:focus {
    border:0 none;
    outline:0;
}

.btn-outline-default.btn-xs {
    padding: .5rem .9rem;
}

.toast-top-center {
    margin-top:100px;
}
.toast-top-center .toast {
    width:220px;
    background:white;
    border:2px solid #fa023c;
    color:black;
    border-radius:18px;
}
.toast-top-center .toast .toast-title {
    color:black;
}
.toast-top-center .toast .toast-message {
    color:black;
}
#product-qlview {
    color:black;
}

.productvideo iframe {
    width:100% !important;
    display:block;
    margin:0 auto;
}
.product_turn_small_description {
    height:173px;overflow:hidden;
}

.is-selected h5 i { transform: rotate(180deg); }

.is-selected div.fieldsetwrap {
    height:0;
    transition:all 0.4s ease;
    overflow: hidden;
}

div.fieldsetwrap {
    height:auto;
    transition:all 0.4s ease;
}

.alert.alert.alert-warning, .alert.alert-error, .alert.alert-success {
    display:none;
}

.canslide h5 {cursor:pointer;}
ul.multiple-select-dropdown.active, ul.select-dropdown.active {
    height:auto;
}

.brandsmultiselect .select-wrapper ul.multiple-select-dropdown.active li{
    color:#252525;
    font-size:14px;
}

.brandsmultiselect .dropdown-content li>a, .dropdown-content li>span {
    padding:0.5rem 1rem;
}

.brandsmultiselect .dropdown-content.select-dropdown.multiple-select-dropdown.active {
    width:240px !important;
}

.dropdown-content li>a, .dropdown-content li>span {
    color:#252525;
    font-size:14px;
}

.slider-handle {
    background: #fa023c;
}

.drt .slider-handle {
    background: #b0254f;
}

.slider-selection {
    background: #959595;
}

.phoneorder {
    background: #fa023c;
    padding:10px 20px;
    color:white;
    text-align:center;
    border-radius:3px;
}

.drt .phoneorder {
    background: #b0254f;
}

span.phonenumber {
    font-size:120%;
}

span.orario {
    color: #f0f0f0;
    font-size:80%;
    display:block;
}

.socialproduct {
    margin-top:20px;
    background:#fcfcfc;
    border:1px solid #efefef;
    padding:0;
    text-align:left;
    position:relative;
}

.socialproduct ul {
    margin:0;
    opacity:0.8;
    transition:0.2s linear;
}

.socialproduct ul:hover {
    opacity:1;
}

.socialproduct .btn-floating i {
    font-size:1.2rem;
    vertical-align: middle;
}

.socialproduct span.sharetitle {
    display:inline-block;
    position:absolute;
    color:#333;
    top:-20px;
    left:20px;
    padding:5px 8px;
    /*border:1px solid #eee;*/
    box-shadow: 1px 1px 2px #999;
    background:#fafafa;
}

.backinstocktxt {
    position:relative;
    margin-top:-1.2rem;
    padding-top:0.8rem;
    background:#fbfbfb;
    border-bottom: 1px solid #dedede;
    margin-bottom:0.7rem;
}

.backinstocktxt h4 {
    font-size:1.2rem;
    margin-bottom:1rem;
}

tr.darkline, .darkline td {
    background-color: #525252;
    color: white;
}

.darkline td {
    padding: .4rem 1rem;
}

tr.totalsline {
    border-top:1px dashed #ddd;
    border-bottom:1px dashed #ddd;
    border-left: 0 none;
    border-right: 0 none;
}

tr.midline {
    color:#888;
}

tr.totalsline td {
    border:0 none;
}

tr.totalsline.grandtotal {
    background:#f9f9f9;
    border-top:1px dashed #ccc;
    border-bottom:1px dashed #ddd;

}
/*checkout*/
.checkoutv2 {}

.confirmtext {
    font-size: 0.9rem;
    padding-top:10px;
    color:#888;
}

.confirmtext.hidden {
    opacity:0;visibility:hidden;
    transition: all 0.3s linear;
    display:none;
}

.checkoutv2 [type=radio]:checked+label:after {
    border: 2px solid #777;
    background: #888;
}
.checkoutv2 .youhaveacoupon {
    font-size:0.8rem;
}

.shownewinputs input[type=date], 
.shownewinputs input[type=datetime-local], 
.shownewinputs input[type=email], 
.shownewinputs input[type=number], 
.shownewinputs input[type=password], 
.shownewinputs input[type=search-md], 
.shownewinputs input[type=search], 
.shownewinputs input[type=tel], 
.shownewinputs input[type=text], 
.shownewinputs input[type=time], 
.shownewinputs input[type=url], 
.shownewinputs textarea.md-textarea,
.checkoutv2 input[type=date], 
.checkoutv2 input[type=datetime-local], 
.checkoutv2 input[type=email], 
.checkoutv2 input[type=number], 
.checkoutv2 input[type=password], 
.checkoutv2 input[type=search-md], 
.checkoutv2 input[type=search], 
.checkoutv2 input[type=tel], 
.checkoutv2 input[type=text], 
.checkoutv2 input[type=time], 
.checkoutv2 input[type=url], 
.checkoutv2 textarea.md-textarea {
    /* background-color:#f9f9f9; */
    background: #fefefe;
    border:1px solid #ddd;
    border-bottom-color: #ddd;
    border-radius:3px;
    padding:0.6rem 0.3rem 0.3rem;
    height:1.8rem;
}

.addresscontainer .md-form, .invoiceaddresscontainer .md-form {
    margin-bottom:1.5rem;
}

.shownewinputs .anonymousaddresscontainer input[type=date], 
.shownewinputs .anonymousaddresscontainer input[type=datetime-local], 
.shownewinputs .anonymousaddresscontainer input[type=email], 
.shownewinputs .anonymousaddresscontainer input[type=number], 
.shownewinputs .anonymousaddresscontainer input[type=password], 
.shownewinputs .anonymousaddresscontainer input[type=search-md], 
.shownewinputs .anonymousaddresscontainer input[type=search], 
.shownewinputs .anonymousaddresscontainer input[type=tel], 
.shownewinputs .anonymousaddresscontainer input[type=text], 
.shownewinputs .anonymousaddresscontainer input[type=time], 
.shownewinputs .anonymousaddresscontainer input[type=url], 
.shownewinputs .anonymousaddresscontainer textarea.md-textarea,
.checkoutv2 .anonymousaddresscontainer input[type=date], 
.checkoutv2 .anonymousaddresscontainer input[type=datetime-local], 
.checkoutv2 .anonymousaddresscontainer input[type=email], 
.checkoutv2 .anonymousaddresscontainer input[type=number], 
.checkoutv2 .anonymousaddresscontainer input[type=password], 
.checkoutv2 .anonymousaddresscontainer input[type=search-md], 
.checkoutv2 .anonymousaddresscontainer input[type=search], 
.checkoutv2 .anonymousaddresscontainer input[type=tel], 
.checkoutv2 .anonymousaddresscontainer input[type=text], 
.checkoutv2 .anonymousaddresscontainer input[type=time], 
.checkoutv2 .anonymousaddresscontainer input[type=url], 
.checkoutv2 .anonymousaddresscontainer textarea.md-textarea {
    width: 96%;
}

.shownewinputs .md-form label, .shownewinputs .md-form label.active,
.checkoutv2 .md-form label, .checkoutv2 .md-form label.active {
    /* background: #f9f9f9; */
    background: linear-gradient(#ffffff, #fefefe);
    box-shadow:3px -2px 3px #fff;
    height:auto;
    color: #888;
    padding:0.1rem 0.8rem 0.1rem 0.6rem;
    border-radius:4px 4px 0 0;
    transform: translateY(-120%);
    border:1px solid #ddd;
    border-bottom:1px dashed #fefefe;
    font-size: 0.8rem;
}

.shownewinputs .md-form .prefix~input, .shownewinputs .md-form .prefix~textarea,
.checkoutv2 .md-form .prefix~input, .checkoutv2 .md-form .prefix~textarea {
    margin-left: 2rem;
}

.shownewinputs label.required,
.checkoutv2 label.required {
    padding-left: 1rem;
}

.shownewinputs label.required.active,
.checkoutv2 label.required.active {
    padding-left: 1.4rem;
}

.shownewinputs label.required:before,
.checkoutv2 label.required:before {
    left: 5px;
}

.shownewinputs label.required.active:before,
.checkoutv2 label.required.active:before {
    font-size:1rem;
}
.call-to-action .form-control, .call-to-action .form-control:focus {
    color:white;
}

.form-control:focus {
    color: #4b000f;
}

.anonymousorder {
    background: #262525;
    border: 1px solid #000;
    text-align:center;
    padding:4px 0;
    color: #ddd;
    position:relative;
}

.anonymousorder fieldset {
    display:inline-block;
}

.anonchcekbox [type=checkbox]+label:before {
    border: 1px solid #ddd;
}

.anonchcekbox [type=checkbox]:checked+label:before {
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-left:0 none;
    border-top: 0 none;
}

span.svgwrap {
    display: block;
    position:absolute;
    left:0;right:0;top:2px;bottom:0;
    text-align:left;
}

.anonymousorder svg {
    height: 100%;
    width:auto;
    fill: #ddd;
    opacity:0.1;
    transition: opacity 0.3s linear;
}

.anonymousorder svg.active {
    opacity:1;
}

a#ordersubmitbtn {
    opacity:1;
    transition:all 0.3s linear;
}
a#ordersubmitbtn.working {
    opacity: 0.4;
    cursor: not-allowed;
}

a#ordersubmitbtn i {
    display: none
}

a#ordersubmitbtn.working i {
    display: inline-block;
    margin-left:20px;
}

.buttonwrap {
    position:relative;
}

.checkoutwrap label.disabled {
    opacity:0.6;
    cursor: not-allowed;
    z-index:1;
}

.apostolidata, .pliromidata {
    display:none;
}

/* hamburger svg */
.navbar .breadcrumb, .navbar .navbar-toggler:focus {
  background:transparent;
}
.hamburglar {
  transform: scale(1);
  margin: 40px auto;
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  -webkit-touch-callout: none;
  user-select: none;
  top: -55px;
  right: 5px;
}
#hbtop, #hbbottom {
  position: absolute;
  display: block;
  height: 3px;
  width: 32px;
  border-radius: 2px;
  background: white;
}
#hbtop {
  top: 20px;
  left: 9px;
}
#hbbottom {
  top: 40px;
  left: 9px;
}

.hamburglar path, .hamburglar line {
  stroke: white;
  stroke-linecap: round;
}

#hbtop, #hbbottom {
  transform-origin: 34px 2px;
  transform: rotate( 0deg ); 
  transition: all 750ms * (2/3) cubic-bezier(.8, -1.1, .5, 1.9);
}
#hbcircle {
  stroke-dasharray: 1 100 32 300;
  stroke-dashoffset: 101;
  transition: all 750ms ease;
}

.hamburglar.is-closed #hbcircle {
    stroke-dasharray: 1 100 190 300;
    stroke-dashoffset: 1;
  }

.hamburglar.is-closed #hbtop {
    transform: translateX( -4.5px ) translateY( -3px ) rotate( -45deg );
}
.hamburglar.is-closed #hbbottom {
    transform: translateX( -4.5px ) translateY( 2px ) rotate( 45deg );
}

.hamburglar.is-closed {
  z-index:10112;
}

/* Navigation*/

.navbar.navbar-dark .breadcrumb .dropdown-menu a, .navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a {
    padding:5px 6px 4px 6px;
}

.navbar {
    background-color: rgba(0,0,0,0.5);
}

.top-nav-collapse {
    background-color: #262525;
}

.drt .top-nav-collapse {
    background-color: #292929;
}

.userwrap .btn.btn-sm {
    padding: .5rem 1.1rem;
}
footer.page-footer {
    background-color: #262525;
}

.aboutusfooter {
    color: #b4b4b4; 
    font-size:0.9em;
}

.drt footer.page-footer {
    background-color: #292929;
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #262525;
    }

    .drt .navbar {
        background-color: #292929;
    }
}

/*produt modal */
.product-panel .price p .price-after, .ql-modal .price p .price-after {
    color: #fa023c;
}

.drt .product-panel .price p .price-after, .drt .ql-modal .price p .price-after {
    color: #b0254f;
}

div.price {
    padding:10px 20px 0 0;
    font-size:18px;
}

.btn-floating.wishlist { margin-top:5px; }
/* product card */

.discountile {
    position:absolute;
    top:0;left:0;
    width: 0; 
    height: 0; 
    border-top: 60px solid #fa023c;
    border-bottom: 60px solid transparent;
    border-right: 60px solid transparent;
    z-index:1;
}

.drt .discountile {
    border-top: 60px solid #b0254f;
}

.priceblock {
    position:relative;
    z-index:2;
    margin-bottom:20px;
}
.discountileltd {
    position:absolute;
    top:-8px;right:20%;
    width: 40px; 
    height: 40px;
    line-height: 40px;
    border-radius:50%;
    text-align: center;
    vertical-align: middle;
    font-size:0.9rem;
    color:#696969;
    background:#f6f6f6;
    border:1px solid #f2f2f2;
    z-index:1;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.limitedfull .discountileltd {
    right:35%;
}

.timertop, .timerbottom {
    color:#696969;
    font-size:1rem;
    margin:0;
    padding:15px 0;
    position:relative;
}

.timertop span, .timerbottom span {
    display:inline-block;
    position:absolute;
    background:white;
    border:1px solid #e3e3e3;
    border-radius:4px;
    padding:2px 6px 4px 6px;
    height:30px;
}

.counterproductcontainer .timertop span, .counterproductcontainer .timerbottom span {
    padding:2px 20px 4px 20px;
}

.timertop span {
    top:-15px;
    left:-15px;
}

.timerbottom span {
    top:5px;right:-15px;
}

.timertop {
    border-top:1px solid #e3e3e3;
    padding-top:5px;
    margin-bottom:-5px;
    text-align:left;
}

.timerbottom {
    margin-top:-10px;
    padding-bottom:5px;
    border-bottom:1px solid #e3e3e3;
}


.timermain, .timermainproduct {
    position: relative !important;
    padding-top: 0px;
    margin-left: -147px;
    height:100px;
    width: 700px;
    zoom: .6;
    transform: scale(.6);
    -ms-transform: scale(.6);
    -webkit-transform: scale(.6);
    -o-transform: scale(.6);
    -moz-transform: scale(.6);
}

.limitedfull .timermain, .limitedfull .timermainproduct {
    margin-left: -60px;
    height:100px;
    width: 700px;
    zoom: .7;
    transform: scale(.7);
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7);
    -o-transform: scale(.7);
    -moz-transform: scale(.7);
}

.timermainproduct {
    position: relative !important;
    padding-top: 0px;
    margin-left: -112px;
    height:100px;
    width: 750px;
    zoom: .7;
    transform: scale(.7);
    -ms-transform: scale(.7);
    -webkit-transform: scale(.7);
    -o-transform: scale(.7);
    -moz-transform: scale(.7);
}

.counterproductcontainer {
    margin:20px auto;
}

.flip-clock-wrapper {
    position: relative;
}

.flip-clock-divider .flip-clock-label {
    font-size:1.6rem;
    color:#939393;
}

.timermainproduct .flip-clock-divider .flip-clock-label {
    font-size:1.4rem;
    color:#939393;
}

.card-block p.productsmalldescription {
    margin-top:20px;
}

.discountile span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    position:relative;
    margin:-40px 0 0 8px;
    color:white;
}

.oldprice {
    font-size: 0.9rem;;color:#6a6a6a;
    text-decoration: line-through;
    position:absolute;
    left:25px;bottom:7px;
}

.oldprice.oldpriceinproduct {
    transform: rotate(-20deg);
    font-size:0.8rem;
    position: static;
}

.ltd .oldpricewrap {
    color:#999;
}

.ltd .oldprice {
    position:static;
}

.currentprice {
    color:#fa023c;
    font-size:1.4rem;
}

.compareview .oldprice {
    position:static;
    padding-right: 20px;
}

.hasdiscount .itemprice {
    font-size:1.3rem;
}

.product-table img {
    min-width:0;
    height:100px;
    width:auto;
}

h4.card-title {
    text-align:center;
    height:65px;
}

.ltd h4.card-title {
    margin-top:10px;
    position:relative;
    z-index: 0;
}

img.cartproductimage {
    max-height:220px !important;
    max-width: 100%;
    height:auto;
    width:auto;
    margin:0 auto;
    display: block;
}

.card-wrapper .card-up.cuimagewrap {
    height:220px;
}

span.altimagewrap {

    width:100%;
    height:220px;
    margin:0;
    padding:0;
    text-align:center;
    background:white;
    position:absolute;
    left:-110%;
    z-index:11;
    display: block;
    transition:left .7s ease;
}
img.altcartproductimage {
    height:220px !important;
    width:auto;
    display:block;
    margin:0 auto;
}

/* .max-height: 220px !important;
width: auto;
margin: 0 auto;
display: block;
height: auto; */

.rotating img.altcartproductimage {
    height:200px !important;
    width:auto;
    max-width:90%;
}
.card-up {
    padding:5px;
    position:relative;
}
.card-wrapper .card-up img {
    min-width: 0;
}

.ltd .card-wrapper {
    height:525px;
}

.row.fixedrow {
    height:390px !important;overflow:hidden;
    margin-top:-20px;
    padding-top:20px;
}

a.brandlink {
    color:#fa023c;
}

.drt a.brandlink {
    color:#b0254f;
}

.brandinner {
    min-height:100px;
    margin:10px;
    border:1px solid #dadada;
    text-align: center;
}

.brandinner:hover {
    box-shadow:0 0 6px #939393;
}

.brandinner img {
    max-width:80%;
    display:block;
    margin:0 auto;
}

.productwrap h1 {
    font-size: 2rem;
}

.productwrap:hover span.altimagewrap {
    left:0;
}

.card-wrapper .avatar img {
    background-color: rgba(255,255,255,0.9)
}

.btn, .btn-flat, .classic-tabs li a, footer.page-footer .title {
    text-transform: none;
}

.card-wrapper .face h4 {
    margin-bottom:5px;
    padding:0 10px;
}



.card-wrapper .card-up {
    height:auto;
}

.ltd .card-footer {
    padding-left:1rem;
    padding-right:1rem;
}

.rotating .card-footer {
    font-size: 1.3rem;
    background-color: transparent;
    padding-bottom: 0;
}

.rotating .card-footer .left {
    float: left;
}

.rotating .card-footer .right {
    float: right;
    display: flex;
}

.rotating .card-footer .right a, .card .card-footer .right a:hover {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
}

.rotating .card-footer .right a {
    color: #666;
    margin-left: 0.6rem;
    font-size:1.2rem;
    transition: .4s;
}

.rotating .card-wrapper .fa-repeat,.rotating .card-wrapper .fa-undo {
    margin-top:0;
}

.rotating .back .card-footer{
    /* position: absolute;
    bottom: 10px; */
    width: 90%;
}

.rotating .card-block.top-block {
    padding-bottom:0;
}

span.bybrand {
    display:block;
    height:40px;
}

.ltd small.bybrand {
    height:40px;
    font-size:0.7rem;
    color:#999;
}

.rotating h4 {font-size:1.2em;}
/* product card end */

.nav-tabs.indigo {
    background:transparent !important;
}

.nav-tabs {
    padding:0;
    margin-top:10px;
    box-shadow:none;
    border-bottom:1px solid #efefef;
}

.nav-tabs .nav-link {
    color:#252525;
}

.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, 
.nav-tabs .nav-item.open .nav-link:hover, 
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    color: #fa023c;
    border-bottom:1px solid #fa023c;
}

.drt .nav-tabs .nav-item.open .nav-link, .drt .nav-tabs .nav-item.open .nav-link:focus, 
.drt .nav-tabs .nav-item.open .nav-link:hover, 
.nav-tabs .nav-link.active, .drt .nav-tabs .nav-link.active:focus, 
.drt .nav-tabs .nav-link.active:hover {
    color: #ffffff;
    border-bottom:1px solid #b0254f;
}

.mydata .nav-tabs .nav-link.active,
.productwrap .nav-tabs .nav-link.active {
    color:#fa023c;
}

.drt .productwrap .nav-tabs .nav-link.active {
    color:white;
}

.drt .nav-tabs .nav-link {
    color:#ffffff;
}

.drt .mydata .nav-tabs .nav-link,
.drt .mydata .nav-tabs .nav-link:focus {
    color:#333;
}

.drt .mydata .nav-tabs .nav-link.active,
.drt .mydata .nav-tabs .nav-link.active:focus {
    color:#fa023c;
}


.pricerangewrap .slider.slider-horizontal {
    width:90%;
}

.catleft .dropdown-content li {
    line-height: 1rem;
}

.catleft .dropdown-content li>a, .dropdown-content li>span {
    padding:0.5rem 1 rem;
}
/* Carousel*/

.carousel {
    height: auto;
}

@media (max-width: 776px) {
    .carousel {
        height: auto;
    }
}

.page-link {
    color:#525252;
}

.toppagination {
    margin-top:20px;
}

.toppagination label {
    color:#9a9a9a;
}

.toppaginationlinks ul.pagination {
    padding-top:0;
    margin:0 auto;
}

.pagination li {
    display:inline-block;
    padding:4px 8px;
    margin:0 2px;
    background:#fcfcfc;
    border:1px solid #f6f6f6;
}

.pagination li a {
    color:#999;
}

.pagination li.disabled {
    color:#ddd;
}

.pagination li.active {
    color:black;
}

.pagination.pg-red .active .page-link {
    background:#9a9a9a;
    border:1px solid #808080;
}
.pagination .page-item .page-link {
    height:auto;font-size:13px;color:#9a9a9a;
}

.leftmenu {padding-top:40px;}

.pageview img {max-width:100%;height:auto;}


.carousel-item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
    width:100%;
    margin:0;padding:0;
}

a.carousellink {
    display:block;
    width:100%;
    height:auto;
}

.carousel-item img.carouselimg {
    position:relative;
    display:block;
    height:auto;
    width:100%;
    top:0;left:0;
}

.carousel-item .carouselcaption {
    position:relative;
    z-index:99;
    width:100%;
    text-align: center;
}

#product-images-carousel { position: relative;}
#product-images-carousel .carousel-item,
#product-images-carousel .carousel-item.active {
    height: 100% !important;
    padding-top: 60px;
}

#product-images-carousel .controls-top {
    position: absolute;
    margin-left: 50%;
    transform: translateX(-50%);
    z-index: 200;
}

#product-images-carousel.carousel-multi-item {
    margin-bottom: 10px;
}

#product-images-carousel .carousel-item figure {
    height: 100%;
}

.cartwrap {padding-left:10px;padding-left:10px;}

.btn-default.darkgreybg:focus, .btn-default.darkgreybg:hover {
    background-color: #4b000f !important;
}

.btn-outline-default {
    color:#262525 !important;
    border-color:#262525 !important;
}
.gayroomlink.btn {
    padding:.75rem .4rem;
}

.flex-center {
    color: #fff;
}
input.hidden {display:none;}
.attrset {position:relative;z-index: 200}
.attrset.brandsmultiselect {z-index: 201}

.navbar.navbar-dark .breadcrumb.active, .navbar.navbar-dark .navbar-nav .nav-item.active {
    background-color: rgba(250,2,60,0.2);
}

.nav-tabs .nav-item.nofloat {
    float:none;
    display:block
}

input.searchinput {
    width:auto;
    transition:all 0.4s ease;
}

.autocompletewrap + .autocomplete {
    z-index:9999;
}

.autocompletewrap + .autocomplete.hidden {
    z-index:1;
}

input.searchinput:focus {
    width:200px;
}

.submitwrap i.btn.btn-sm {
    padding:0;
    margin-top: 8px;
}

.submitwrap .waves-input-wrapper .waves-button-input {
    padding: .5rem 1.6rem;
}

input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), 
input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), 
input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), 
input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), 
input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), 
input[type=url]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #333;
    box-shadow: 0 1px 0 0 #fa023c;
}

input[type=date].invalidme:focus:not([readonly]), input[type=datetime-local].invalid:focus:not([readonly]), 
input[type=email].invalidme:focus:not([readonly]), input[type=number].invalid:focus:not([readonly]), 
input[type=password].invalidme:focus:not([readonly]), input[type=search-md].invalid:focus:not([readonly]), 
input[type=search].invalidme:focus:not([readonly]), input[type=tel].invalid:focus:not([readonly]), 
input[type=text].invalidme:focus:not([readonly]), input[type=time].invalid:focus:not([readonly]), 
input[type=url].invalidme:focus:not([readonly]), textarea.md-textarea.invalid:focus:not([readonly]),

input[type=date].invalidme:not([readonly]), input[type=datetime-local].invalid:not([readonly]), 
input[type=email].invalidme:not([readonly]), input[type=number].invalid:not([readonly]), 
input[type=password].invalidme:not([readonly]), input[type=search-md].invalid:not([readonly]), 
input[type=search].invalidme:not([readonly]), input[type=tel].invalid:not([readonly]), 
input[type=text].invalidme:not([readonly]), input[type=time].invalid:not([readonly]), 
input[type=url].invalidme:not([readonly]), textarea.md-textarea.invalid:not([readonly])
{
    border-bottom: 1px solid #fa023c;
    box-shadow: 0 1px 0 0 #fa023c;
}

input[type=date].validme:focus:not([readonly]), input[type=datetime-local].invalid:focus:not([readonly]), 
input[type=email].validme:focus:not([readonly]), input[type=number].invalid:focus:not([readonly]), 
input[type=password].validme:focus:not([readonly]), input[type=search-md].invalid:focus:not([readonly]), 
input[type=search].validme:focus:not([readonly]), input[type=tel].invalid:focus:not([readonly]), 
input[type=text].validme:focus:not([readonly]), input[type=time].invalid:focus:not([readonly]), 
input[type=url].validme:focus:not([readonly]), textarea.md-textarea.invalid:focus:not([readonly]),
input[type=date].validme:not([readonly]), input[type=datetime-local].invalid:not([readonly]), 
input[type=email].validme:not([readonly]), input[type=number].invalid:not([readonly]), 
input[type=password].validme:not([readonly]), input[type=search-md].invalid:not([readonly]), 
input[type=search].validme:not([readonly]), input[type=tel].invalid:not([readonly]), 
input[type=text].validme:not([readonly]), input[type=time].invalid:not([readonly]), 
input[type=url].validme:not([readonly]), textarea.md-textarea.invalid:not([readonly])
{
    border-bottom: 1px solid #53840c;
    box-shadow: 0 1px 0 0 #53840c;
}

input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, 
input[type=email]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, 
input[type=password]:focus:not([readonly])+label, input[type=search-md]:focus:not([readonly])+label, 
input[type=search]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, 
input[type=text]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, 
input[type=url]:focus:not([readonly])+label, textarea.md-textarea:focus:not([readonly])+label {
    color:#333;
}

.tooltip {
    z-index:1300;
}

.tooltip .tooltip-inner {
    border:2px solid #fa023c;
}
.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
  border-right-color: #fa023c;
}

.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
  border-top-color: #fa023c;
}

.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
  border-right-color: #fa023c;
}

.btn-outline-primary {
    border: 2px solid #fa023c;
    color: #0d47a1!important;
    background-color: transparent;
}
.btn-outline-primary:hover {
    border: 2px solid #4b000f;
    color: #0d47a1!important;
    background-color: transparent;
}

.nav-item.haspadding {
    margin-top: 17px;
}

.nav-item.haslesspadding {
    margin-top: 13px;
}

.navbar-brand img {
    width:150px;height:auto;
    transition:all 0.5s linear;
}

.top-nav-collapse .navbar-brand img {
    width:90px;height:auto;
}

.navbar-brand {
    margin-right:0;
}

.toprow {position:relative;margin:2px 0 10px 0;transition:all 0.5s linear;color:white;}
.toprow a {color:white;font-size:12px;}

.top-nav-collapse .toprow {
    margin-top:-50px;
}

.languagelinks {padding:0 0 0 40px;}
.languagelinks a.active { color:#898989; }

.btn-primary, .registerpage i.btn-primary {
    background: #fa023c;
}

.registerpage i.btn-primary {
    background: #fa023c !important;
}

.btn-primary:hover {
    background: #4b000f;
}

.drt .btn-primary {
    background: #b0254f;
}

div.dropdown-menu.userdropdown {
    background-color:#262525;
}

.drt div.dropdown-menu.userdropdown {
    background-color:#292929;
}
.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover {
    background-color:#fa023c;
}

.drt .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover {
    background-color:#b0254f;
}

/* main menu */

ul.mainmenu > li { float:left; }

li.levelali ul.levelbul {
    opacity:0;
    display:none;
    transition: all 0.6s cubic-bezier(0, 0.97, 0.25, 1);
    position:absolute;
    z-index:19;
    margin-top:-1px;
    margin-left:-1px;
    width:250px;
    min-width:100%;
    box-shadow: none;
    border-top: 0 none;
    border:1px solid #fa023c;
    border-radius:0 6px 6px 6px;
}

.drt li.levelali ul.levelbul {
    border:1px solid #b0254f;
}

li.levelbli ul.levelcul, li.levelcli ul.leveldul {
    opacity:0;
    display:none;
    transition: all 0.4s ease;
}

.scrolling-navbar {
    padding-bottom:8px;
}

.scrolling-navbar .navbar-nav>li.levelali {
    transition-duration: 0.1s;
}

li.levelbli, li.levelcli, li.leveldli {
    padding-right:0;
}

li.levelali {
    z-index:20;
}
li.levelali:hover {
    background-color: #fa023c;
    border-radius:6px 6px 0 0;
    color:white;
}

.drt li.levelali:hover {
    background-color: #b0254f;
}

.navbar.navbar-dark .navbar-nav .nav-item a {
    transition-duration:0s;
}
.navbar ul.megamenuinner.dropdown-menu.levelbul {
    padding:0;
}

.navbar .navbar-nav .levelali.nav-item a {
    padding:3px 4px;
    transition-duration:0s;
    margin:0;
    display:block;
}
.navbar .navbar-nav .nav-item .dropdown-menu a:hover
.navbar .navbar-nav .levelbli.nav-item:hover {
    background-color:#fa023c;
}

.drt .navbar .navbar-nav .nav-item .dropdown-menu a:hover
.drt .navbar .navbar-nav .levelbli.nav-item:hover {
    background-color:#b0254f;
}

.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a:hover {
    color:white;
}

.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu .levelcli > a:hover {
    color:white;
}

.navbar .navbar-nav .levelali.nav-item {
    transition-duration:0s;
}

.navbar .navbar-nav .levelali.nav-item:hover > a{
    background-color: #fa023c;
    color:white;
}

.drt .navbar .navbar-nav .levelali.nav-item:hover > a{
    background-color: #b0254f;
}

.navbar .navbar-nav .levelcli:hover > a,.navbar .navbar-nav .leveldli:hover > a {
    color:white;
}

.levelbli:hover > .redcolor {
    color:white;
}

.navbar .navbar-nav .levelbli:hover, .navbar .navbar-nav .levelcli:hover, .navbar .navbar-nav .leveldli:hover {
    background-color: #fa023c;
}

.drt .navbar .navbar-nav .levelbli:hover,
.drt .navbar .navbar-nav .levelcli:hover, 
.drt .navbar .navbar-nav .leveldli:hover {
    background-color: #b0254f;
}

.navbar .navbar-nav .levelcli:hover,.navbar .navbar-nav .levelcli:hover > a, .navbar .navbar-nav .levelcli a:hover {
    color: white;
}

.navbar.navbar-dark .navbar-nav .levelbli.nav-item a,
.navbar.navbar-dark .navbar-nav .levelcli.nav-item a,
.navbar.navbar-dark .navbar-nav .leveldli.nav-item a {
    color:black;
}

li.levelali:hover ul.levelbul {
    opacity:1;
    display:block;
}

li.levelali, li.levelbli, li.levelcli, li.leveldli {
    position:relative;
}
ul.levelcul, ul.leveldul {
    background:#fefefe;
    border-radius:6px;
    border:1px solid #c70230;
    position: absolute;
    left:90%;
    top:-10%;
    width:250px;
    z-index:40;
}
ul.leveldul {
    z-index:41;
}
.levelbli:hover .levelcul {
    opacity:1;
    display:block;
}

li.levelcli:hover ul.leveldul {
    opacity:1;
    display:block;
}

/* end menu */

img.smlogo {
    height:40px;width:auto;
}

 a.smlogowrap {
    position:absolute;
    display:block;
    z-index: 9999;
}

svg {max-width: 100%;}
svg.svglogo {
    height:240px;
    transition:all 0.2s linear;
}

.top-nav-collapse svg.svglogo {
    height:190px;
}

a.svgouter {
    display:block;
    height:100;
    overflow: visible;
    position:relative;
    z-index:1001;
}
.svgcontainer {
  width:100%;
  height:auto;
  position:absolute;
  z-index: 99;
  margin-top:-115px;
  transition:all 0.5s linear 0.1s;
}

.bgimage {
    width:auto;
    position:absolute;
    height:107px;
    max-height:85%;
    margin-left:13px;
    display:block;
    transition:all 0.3s linear;
    z-index:1001;
}

.top-nav-collapse .svgcontainer {
    transform:scale(0.9);
    margin-top:-110px;
    margin-left:-27px;
}

.svglogo {
  position:relative;
}

.thelogo {
  fill:#fa023c;
  position:absolute;
  width:200px;height:200px;
}


.headerwrap {width:100%;padding:20px 0;margin:20px 0;}
.headerwrap.first {margin-top:0;}
.headerwrap.greybg {border-top:1px solid #252525;border-bottom:1px solid #252525;}
.headerwrap.redbg h3 {color:white;}
.headerwrap .subtitle {font-size:15px;}
.alllink a {color:#fafafa;font-size:11px;font-weight:400;}
.alllink a.darkgreycolor {color:#262525;}
.drt .alllink a.darkgreycolor {color:#292929;}


footer.page-footer .title {text-transform:none;}
footer i.redcolor {display:inline-block;width:25px;}
footer i.lightgreycolor {display:inline-block;width:28px;}

.whoweare {
    margin:10px 0 0;padding:10px;border-top:1px solid #323232;
    color:#9a9a9a;
    font-size: 12px;
}
.md-form label.active{
    color:#4b000f;
    font-size:.8rem;-webkit-transform:translateY(-40%);-moz-transform:translateY(-40%);
    -ms-transform:translateY(-40%);-o-transform:translateY(-40%);transform:translateY(-40%)
}

.md-form .prefix~input, .md-form .prefix~textarea {
    background-color:#f9f9f9;
    padding-left:10px;
}


/* side menu*/
.side-nav.fixed {
    transform: translateX(-100%);
    transition:all 0.3s linear;
    z-index:999999;
    width:320px;
    max-width:90%;
}

.side-nav .logo-wrapper, .side-nav .logo-wrapper a {
    height: auto;
    max-height: 70px;
    text-align: center;
}

.side-nav .logo-wrapper a img {
    display:block;
    height:60px;
    width:auto;
    padding:5px 0;
    margin:0 auto;
}

.side-nav .collapsible .fa {
    font-size:1rem;
    padding:0.2rem 0 0 0;
}

.side-nav a {
    font-size: .9rem;    
}

div.helperswrapper {
    height:auto;
    padding:0;margin:0;
}

.side-nav .helperswrapper a {
    display:inline;
    font-size:0.8rem;
    color:#636363;
}

.side-nav.fixed.open {
    transform: translateX(0);
}

.side-nav a, .side-nav .collapsible a {
    color:black;
}

.side-nav a:hover, .side-nav .collapsible a:hover {
    color:#fa023c;
}

.side-nav .collapsible-body a {
    height:30px;
    line-height: 30px;
    padding:0.3rem;
    border-bottom:1px solid #dadada;
}

/* .side-nav .collapsible li {
    margin:0;
    padding:0;
    height:30px;
} */

.collapsible-accordion i.fa {
    position:absolute;
    right:-10px;
}

.collapsible-accordion a.collapsible-header {
    position:relative;
}

.collapsible-accordion li > a.collapsible-header > .fa-minus-circle {
    visibility:hidden;
    opacity: 0;
    transition: all 0.3s linear;
}

.collapsible-accordion li.active > a.collapsible-header > .fa-minus-circle {
    visibility:visible;
    opacity:1;
}

.collapsible-accordion li.active > a.collapsible-header > .fa-plus-circle {
    visibility:visible;
    opacity: 1;
    transition: all 0.3s linear;
}

.collapsible-accordion li.active > a.collapsible-header > .fa-plus-circle {
    visibility:hidden;
    opacity:0;
}

.select2-container {
    z-index:1112;
}

.modal.in .select2-container {
    z-index:99999;
}

/* mobile menu */
.mm-logo {
    background:#fafafa;
    /* border-bottom:1px solid #ababab;
    border-top:1px solid #ababab; */
    /* border-right:50px solid #262525;
    border-left:50px solid #262525; */
}

.mm-listview .mm-next {
    /* background:#fa023c; */
    background:rgba(255,255,255,0.2);
    border-bottom:1px solid #ababab;
}

.mm-listview>li:not(.mm-divider):after {
    left:0;
}

.mm-listview>li {
    border-bottom:1px solid #000000;
    border-top:1px solid #636363;
}

.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after {
    border-color:#fafafa;
}

/* .mm-listview>li a {
    border-bottom:1px solid #939393;
    border-top:1px solid #939393;
} */

.mm-logo span {
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
}

.mm-menu.mm-theme-dark {
    background:#262525;
}

html.mm-front .mm-menu.mm-offcanvas{
    z-index:10111;
}

.mm-listview>li>a.noleftpad {
    padding-left:0;
}

.mm-listview>li>a.noleftpad i {
    padding:0 20px;
}

.mobilemenu {
    visibility:hidden;
    opacity:0;
}

/* .mm-listview>li.helperlinks>a, .mm-listview>li.helperlinks>span {
    display:inline;
} */
li.helperlinks {
    padding-top:20px;
}
.helperlinks form {
    display:block;width:95%;
    margin:20px auto;
}

.helperlinks form input[type=text] {
    width:90%;display:inline-block;
}
/* .helperlinks i.fa-heart {
    display:inline-block;
    width:9%;
} */
/* mobile menu end */

.inner-navbar.navbar {
    background:#262525;
    z-index:1113;
}

.drt .inner-navbar.navbar {
    background:#292929;
}

.innerpage {
    margin-top:170px;
}

.indigo {
    background-color:#fa023c !important;
}

.drt .indigo {
    background-color:#b0254f !important;
}


.btn-primary:focus, .btn-primary:hover, .btn-primary.active {
    background-color: #262525 !important;
}

.drt .btn-primary:focus, .drt .btn-primary:hover, .drt .btn-primary.active {
    background-color: #292929 !important;
}

i.btn-danger {
    background:#fa023c !important;
    margin-top:0;
    padding:.2rem 1.2rem;
}

.drt i.btn-danger {
    background:#b0254f !important;
}

i.btn.btn-sm {
    line-height: .5;
    font-size:.8rem;
}

i input.waves-button-input {
    padding:.6em 0.9em;;
}

[type=checkbox].disabled+label {
    opacity:0.2;
    /*display:none;*/
}

.greycheckbox {
    color:#888;
}

[type=checkbox]:checked+label:before {
    border-right: 2px solid #4b000f;
    border-bottom: 2px solid #4b000f;
}

.red [type=checkbox]:checked+label:before {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-top: 0;
    border-left: 0;
}

.red [type=checkbox]+label:before  {
    border: 2px solid #ffffff;
}

[type=checkbox]+label {
    height:15px;
}
[type=checkbox]:checked+label:before{
    top: -4px;
    left: -3px;
    width: 8px;
    height: 16px;
}
[type=checkbox]+label:before {
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
}
[type=radio]:checked+label, [type=radio]:not(:checked)+label, [type=checkbox]+label {
    line-height: 15px;
    padding-left:25px;
}
[type=radio]:checked+label, [type=radio]:not(:checked)+label, [type=checkbox]+label {
    font-size:0.8rem;
}

.productsmalldesc {padding-top:20px;color:#606060;}

.collection-card .stripe.dark {background-color: rgba(0,0,0,.5);}

[type=checkbox].filled-in:checked+label:after {
    border: 2px solid #262525;
    background-color: #262525;
    color:#fa023c;
}
.attrfields label {
    margin-bottom: .1rem;
}
h5.redcolor {
    margin-top:0.5rem;
}

h5.redcolor small {
    font-size: 60%;
}

fieldset.attrfields {
    margin:0;
    padding:0;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
}
.form-group.attrfields {
    margin-bottom:0.2rem;
}

.subcatimages .view img {
    height:140px;width:auto;
    display:block;margin:0 auto;
}

.categoryview {position:relative;}

.catdescription {
    padding:10px;
    margin:0 10%;
    color:#777;
    font-size:0.9em;
    font-style: oblique;
    border-bottom:1px solid #ddd;
}

.paginationwrap {
    margin-top:40px;
}

.loaderwrapbg {
    position:absolute;
    width:100%;height:100%;
    z-index:111;
    top:0;left:0;background:rgba(255,255,255,0.6);
}
.loadermd {position:relative;z-index:120;}
.loaderwrap {
    position:absolute;z-index:112;text-align:center;width:100%;height:100%;
    background-color:rgba(255,255,255,0.7);
    transition:all 0.3s linear;
}
.loaderwrap.hidden {opacity:0;z-index:-1;}
div.autocompletewrap {
    position:relative;
    display: inline-block;
}
ul.autocomplete {
    transition:all 0.3s linear;
    position:absolute;
    right: -3rem;
    top:40px;
    z-index:9999;
    height:auto;
    width:20rem;
    list-style:none;
    background:white;
    color:black;
}

ul.autocompletemobile {
    transition:all 0.3s linear;
    height:auto;
    list-style:none;
    background:white;
    color:black;
    width: auto;
    max-width: 330px;
}
ul.autocomplete li {background: white;color:black;padding: 2px;border-bottom:1px solid #525252;}
ul.autocomplete li a {color:black;}
ul.autocomplete.hidden {
    opacity:0;
    z-index:0;
}

.card-footer {
    padding: .75rem 0.1rem;
}

/* emails */

.emailheader {
    background: #fa023c;
    color:white;
    padding:4px;
}
/* emails end */

/* button fix */
input.waves-button-input, i input.waves-button-input {
    display:block;
    text-align:center;
    width:100%;
    padding:0.8em 0;
}

i.btn {
    padding:0;
}

i.btn input.waves-button-input {
    padding: .85rem 2.13rem;
}

i.form-control {
    padding:0;
}

input.waves-button-input, i input.waves-button-input {
    padding: 0.2rem;
}

.registerpage input.waves-button-input, .registerpage i input.waves-button-input {
    padding: 0.6rem 1rem;
}

.register-modal .modal-content, .login-modal .modal-content , 
.inforqwrap .modal-content, .sendbymailwrap .modal-content,
.viewoldorder-modal .modal-content, .acsmapmodal .modal-content, .acsmapallmodal .modal-content {
    border:1px solid #fa023c;
    border-radius:22px;
}

.register-modal .modal-header, .login-modal .modal-header, 
.inforqwrap .modal-header, .sendbymailwrap .modal-header,
.viewoldorder-modal .modal-header, .acsmapmodal .modal-header, .acsmapallmodal .modal-header {
    background: #fa023c;
    color:white;
    text-align: center;
    border-radius:22px 22px 0 0;
}

.ql-modal .modal-dialog {
    text-align:center;
}
.ql-modal .modal-dialog .modal-content, .acsmapmodal .modal-dialog .modal-content, .acsmapallmodal .modal-dialog .modal-content {
    width:800px;
    margin-left:auto;
    margin-right:auto;
    border-radius:20px;
    border:1px solid #fa023c;
    overflow:hidden;
    height:auto;
}
.ql-modal .modal-header {
    background:#fa023c;
    color:white;
}

.ql-modal .carousel {
    max-height:60vh;
    height:auto;
}

.cartmodaltotals {
    background-color:#e3e3e3;
}

.cart-modal .modal-dialog {
    max-width:750px;
}
.cart-modal .modal-dialog .modal-content {
    width:750px;
    border-radius:20px;
    border:1px solid #fa023c;
    overflow:hidden;
}

.cart-modal .table td, .cart-modal .table th {
    padding:.2rem;
    color:#333;
}

.cart-modal .modal-header {
    background:#fa023c;
    color:white;
}

.cart-modal h4.modal-title {color:white;}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:600px;
    }

    .modal-dialog.fluid {
        max-width:80%;
    }
}
select.nomdb {
    display:block;
}

.no-md-form {
    margin-bottom: 0.8rem;
    padding-bottom:5px;
    border-bottom: 1px solid #ccc;
    position:relative;
}

.checkoutv2 .no-md-form {
    border-bottom: 0 none;
}

/* checkoutpackaging, inspired from https://codepen.io/donnervetter/pen/VjzLgE */

.cartisbeingwraped {
    position:fixed;
    bottom:0;left:0;
    top:0;right:0;
    /*width:100%;
    height:150vh;*/
    opacity:0;
    visibility:hidden;
    z-index:-2;
    animation:all 0.2s linear;
}

.cartisbeingwraped.active {
    opacity:1;visibility:visible;z-index:11;
}


.background-stuff { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
    overflow: hidden; background: transparent; animation: wrapperIn 2s; 
}

.background-stuff .bg { 
    position: absolute; top: 0%; left: -100%; width: 50%; 
    height: 100%; 
    background: #636ed1; -webkit-animation: bgIn 4s 0s linear infinite; 
    -moz-animation: bgIn 4s 0s linear infinite; 
    -ms-animation: bgIn 4s 0s linear infinite;
    -o-animation: bgIn 4s 0s linear infinite; 
    animation: bgIn 4s 0s linear infinite; 
    -webkit-transform: skewX(10deg); 
    -moz-transform: skewX(10deg); 
    -ms-transform: skewX(10deg); 
    -o-transform: skewX(10deg); 
    transform: skewX(10deg); z-index: 1; 
}

.cartisbeingwraped .background-stuff .bg-2 { 
    background: #8faaff; -webkit-animation: bgIn 4s 1s linear infinite; 
    -moz-animation: bgIn 4s 1s linear infinite; 
    -ms-animation: bgIn 4s 1s linear infinite; 
    -o-animation: bgIn 4s 1s linear infinite; 
    animation: bgIn 4s 1s linear infinite; 
} 

.cartisbeingwraped .background-stuff .bg-3 { 
    background: #5a73da; -webkit-animation: bgIn 4s 2s linear infinite; 
    -moz-animation: bgIn 4s 2s linear infinite; 
    -ms-animation: bgIn 4s 2s linear infinite; 
    -o-animation: bgIn 4s 2s linear infinite;
    animation: bgIn 4s 2s linear infinite; 
} 

.cartisbeingwraped .background-stuff .ground { 
    position: absolute; 
    bottom: 0; margin-bottom: -1.875em; 
    height: 20%; width: 100%; 
    background: #525252; z-index: 2; 
} 

.cartisbeingwraped .container { 
    height: 100%; width: 100%; display: table; overflow: hidden; 
} 

.cartisbeingwraped .container .car-wrapper { 
    display: table-cell; vertical-align: bottom;padding-bottom:5%; width: 100%;
} 

.cartisbeingwraped .car { 
    width: 20em; height: 12.5em; position: relative; 
    opacity: 1; margin-left: auto; margin-right: auto; z-index: 4; 
    -webkit-animation: carMove 0.3s infinite; 
    -moz-animation: carMove 0.3s infinite; 
    -ms-animation: carMove 0.3s infinite; 
    -o-animation: carMove 0.3s infinite; animation: carMove 0.3s infinite;
}

.cartisbeingwraped .car .body { 
    position: absolute; top: 0; 
    left: 0.875em; width: 14.375em; height: 10em; background: #f1f1f1; 
} 

.cartisbeingwraped .car .body:before { 
    content: ""; position: absolute; left: -0.875em; 
    border-radius: 10px 10px 0 0; width: 15.875em; 
    z-index: 2; height: 0.75em; background: #fa023c;
} 


.cartisbeingwraped .car .body div { 
    position: absolute; background: #f1f1f1; width: 18.125em; height: 3.75em; 
    bottom: -0.625em; border-radius: 0 0 10px 10px; 
} 

.cartisbeingwraped .car .body div:before { 
    content: ""; background: #f1f1f1; position: absolute; 
    top: -1.8125em; right: 0px; width: 5em; height: 2.5em; 
    z-index: 1; border-radius: 0 14px 0 0; -webkit-transform: rotate(17deg); 
    -moz-transform: rotate(17deg); -ms-transform: rotate(17deg); -o-transform: rotate(17deg); 
    transform: rotate(17deg); 
}

.cartisbeingwraped .car .body div:after {
    content: ""; background: #f1f1f1; position: absolute; top: -5.125em; right: 1.0625em;
    width: 5.625em; height: 2.5em; z-index: 1; 
    border-radius: 10px 0 0 0; -webkit-transform: rotate(75deg); 
    -moz-transform: rotate(75deg); -ms-transform: rotate(75deg); 
    -o-transform: rotate(75deg); transform: rotate(75deg);
} 

.cartisbeingwraped .car .wheel { 
    position: absolute; width: 3.75em; height: 3.75em; 
    background: #3c464c; border-radius: 50%; bottom: 0; left: 3em; z-index: 14; 
    -webkit-animation: carMove 0.3s 0.2s; -moz-animation: carMove 0.3s 0.2s; 
    -ms-animation: carMove 0.3s 0.2s; -o-animation: carMove 0.3s 0.2s; animation: carMove 0.3s 0.2s; 
} 

.cartisbeingwraped .car .wheel:before { 
    content: ""; position: absolute; left: 50%; 
    top: 50%; background: #f1f1f1; width: 1.5em; 
    height: 1.5em; border-radius: 50%; -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 
}

.cartisbeingwraped .car .wheel:nth-of-type(2) { left: 13.125em; } 

.cartisbeingwraped .car .decos { 
    width: 18.125em; height: 10.5em; 
    position: absolute; z-index: 12; top: 0; 
    left: 0.875em; 
} 

.car .line-bot { 
    position: absolute; bottom: 0.5625em; height: 3px; 
    width: 100%; background: #e1e8ef;
} 

.car .door { 
    position: absolute; left: 7.5em; 
    bottom: 0; width: 3.75em; height: 8.8125em; 
    border-radius: 10px 10px 0 0; 
    border: 3px solid #e1e8ef; border-bottom: 0; background: #dfdfdf; 
} 

.cartisbeingwraped .car .door:after { 
    content: ""; position: absolute; top: 0.375em; 
    left: 0.4375em; width: 2.875em; height: 2.5em; 
    border-radius: 4px; background: #919191; 
} 

.car .door .handle { 
    position: absolute; right: 0.625em; top: 4.375em; 
    width: 0.625em; height: 0.625em; background: #e1e8ef; 
    border-radius: 50%; 
} 

.car .door .handle:after { 
    content: ""; width: 1.25em; height: 0.25em; border-radius: 10px; background: #919191; 
    position: absolute; top: 50%; left: -0.3125em; margin-top: -0.125em; 
} 

.cartisbeingwraped .car .door .bottom { 
    position: absolute; bottom: 0.375em; left: 0.6875em; width: 2.375em; height: 0.75em; 
} 

.car .door .bottom:before, .car .door .bottom:after { 
    content: ""; display: block; width: 100%; height: 0.1875em;
     background: #e1e8ef; height: 0.25em; border-radius: 10px; margin-bottom: 0.25em; 
 } 

.car .window { position: absolute; top: 1.125em; left: 12.5em; width: 2em; background: #919191; 
    height: 4.5em; border-radius: 10px 10px 0 10px; 
} 

.car .window:before { 
    content: ""; width: 100%; height: 1.25em; 
    background: #919191; position: absolute; bottom: 0; 
    left: 0; width: 2.9375em; border-radius: 0 10px 10px 10px; 
} 

.cartisbeingwraped .car .window:after { 
    content: ""; height: 1.25em; 
    background: #919191; 
    position: absolute; 
    top: 1.0625em; left: -0.8125em; width: 4.1875em; 
    transform-origin: bottom; -webkit-transform: rotate(74deg); 
    -moz-transform: rotate(74deg); -ms-transform: rotate(74deg); 
    -o-transform: rotate(74deg); transform: rotate(74deg); 
    border-radius: 10px 10px 10px 10px; 
} 

.car .light { 
    position: absolute; width: 0.625em; height: 0.625em; 
    background: #fa023c; right: 3.75em; bottom: 3.125em; border-radius: 3px; 
} 

.cartisbeingwraped .car .light-front { 
    position: absolute; width: 0.5em; 
    height: 0.5em; background: #fa023c; 
    right: -0.1875em; bottom: 3.5625em; border-radius: 3px;
} 

.car .light-front:after { 
    content: ""; position: absolute; top: 0; 
    left: 0; width: 100%; 
    background: #fa023c; 
    top: 100%; height: 0.9375em; 
    border-radius: 3px; margin-top: 2px; 
} 

.car .antenna { position: absolute; width: 1.625em; height: 0.625em; background: #fa023c; 
    bottom: 100%; left: 1.0625em; border-radius: 4px 4px 0 0; 
} 

.car .carlogo { 
    /*position: absolute; left: 1.875em; top: 1.875em; width: 4.375em; height: 4.375em;*/
    position: absolute; left: 0.3em; top: 1.3em; width: 5.4em; height: 5.4em;
    border: 2px solid #fa023c; 
    border-radius: 8px;
    background: url('../images/logo/logo-m.png') center center no-repeat;
    background-size: 95%;

} 

.cartisbeingwraped .wind { position: absolute; z-index: -1; right: 100%; height: 100%; margin-right: -1.25em; } 

.cartisbeingwraped .wind .p { 
    position: absolute; background: #f0f0f0; border-radius: 0.625em; height: 0.625em; 
} 

.cartisbeingwraped .wind .p1 { 
    width: 4.375em; position: absolute; right: 0; top: 1.5625em; 
    animation: wind 1s -1s linear infinite; 
} 

.wind .p2 { width: 6.25em; right: 2.5em; top: 3.75em; animation: wind 1s -2s linear infinite; } 

.cartisbeingwraped .wind .p3 { width: 3.125em; right: 0; top: 6.5625em; animation: wind 1s -1s linear infinite; } 

.cartisbeingwraped .wind .p4 { width: 3.75em; right: 6.25em; top: 8.4375em; animation: wind 1s 1s linear infinite; } 

.cartisbeingwraped .wind .p5 { width: 4.375em; right: 1.875em; top: 9.0625em; 
    animation: wind 1s -1.5s linear infinite; } .car-wrapper_inner { position: relative; z-index: 4; 
}

@keyframes carMove { 
    0% { transform: translateY(0px); } 
    50% { transform: translateY(-1px); } 
    100% { transform: translateY(0px); } 
} 

@keyframes wind { 
    0% { transform: translateX(100%); opacity: 1; } 
    100% { transform: translateX(-400%); opacity: 0; } 
} 

.car_outter { 
    -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); 
    -ms-transform: translateX(-100%); -o-transform: translateX(-100%); 
    transform: translateX(-100%); position: relative; 
    animation: carDrive 6s 0.5s cubic-bezier(0.88, 0.08, 0.16, 1.1); 
} 

@keyframes carDrive { 
    0% { transform: translateX(-100%); } 
    25% { transform: translateX(0%); } 
    70% { transform: translateX(0%); } 
    100% { transform: translateX(100%); } 
}

@keyframes bgIn { 
    0% { left: 100%; } 
    100% { left: -100%; } 
} 

@keyframes wrapperIn { 
    0% { transform: scale(0); opacity: 0; } 
    100% { transform: scale(1); opacity: 1; } 
} 
/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2014 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */

.btn-social {
    position: relative;
    padding-left: 55px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-social :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    line-height: 42px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.btn-social.btn-lg {
    padding-left: 61px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn-social.btn-lg :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em;
}
.btn-social.btn-sm {
    padding-left: 38px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.btn-social.btn-sm :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}
.btn-social.btn-xs {
    padding-left: 30px;
}
.btn-social.btn-xs :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}
.btn-social-icon {
    position: relative;
    padding-left: 55px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 42px;
    width: 42px;
    padding: 0;
}
.btn-social-icon :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    line-height: 42px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.btn-social-icon.btn-lg {
    padding-left: 61px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn-social-icon.btn-lg :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em;
}
.btn-social-icon.btn-sm {
    padding-left: 38px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.btn-social-icon.btn-sm :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}
.btn-social-icon.btn-xs {
    padding-left: 30px;
}
.btn-social-icon.btn-xs :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}
.btn-social-icon :first-child {
    border: none;
    text-align: center;
    width: 100% !important;
}
.btn-social-icon.btn-lg {
    height: 45px;
    width: 45px;
    padding-left: 0;
    padding-right: 0;
}
.btn-social-icon.btn-sm {
    height: 30px;
    width: 30px;
    padding-left: 0;
    padding-right: 0;
}
.btn-social-icon.btn-xs {
    height: 22px;
    width: 22px;
    padding-left: 0;
    padding-right: 0;
}
.btn-adn {
    color: #ffffff;
    background-color: #d87a68;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:hover,
.btn-adn:focus,
.btn-adn:active,
.btn-adn.active,
.open > .dropdown-toggle.btn-adn {
    color: #ffffff;
    background-color: #ce563f;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:active,
.btn-adn.active,
.open > .dropdown-toggle.btn-adn {
    background-image: none;
}
.btn-adn.disabled,
.btn-adn[disabled],
fieldset[disabled] .btn-adn,
.btn-adn.disabled:hover,
.btn-adn[disabled]:hover,
fieldset[disabled] .btn-adn:hover,
.btn-adn.disabled:focus,
.btn-adn[disabled]:focus,
fieldset[disabled] .btn-adn:focus,
.btn-adn.disabled:active,
.btn-adn[disabled]:active,
fieldset[disabled] .btn-adn:active,
.btn-adn.disabled.active,
.btn-adn[disabled].active,
fieldset[disabled] .btn-adn.active {
    background-color: #d87a68;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn .badge {
    color: #d87a68;
    background-color: #ffffff;
}
.btn-bitbucket {
    color: #ffffff;
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:hover,
.btn-bitbucket:focus,
.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
    color: #ffffff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
    background-image: none;
}
.btn-bitbucket.disabled,
.btn-bitbucket[disabled],
fieldset[disabled] .btn-bitbucket,
.btn-bitbucket.disabled:hover,
.btn-bitbucket[disabled]:hover,
fieldset[disabled] .btn-bitbucket:hover,
.btn-bitbucket.disabled:focus,
.btn-bitbucket[disabled]:focus,
fieldset[disabled] .btn-bitbucket:focus,
.btn-bitbucket.disabled:active,
.btn-bitbucket[disabled]:active,
fieldset[disabled] .btn-bitbucket:active,
.btn-bitbucket.disabled.active,
.btn-bitbucket[disabled].active,
fieldset[disabled] .btn-bitbucket.active {
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket .badge {
    color: #205081;
    background-color: #ffffff;
}
.btn-dropbox {
    color: #ffffff;
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
    color: #ffffff;
    background-color: #0d6aad;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
    background-image: none;
}
.btn-dropbox.disabled,
.btn-dropbox[disabled],
fieldset[disabled] .btn-dropbox,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn-dropbox:focus,
.btn-dropbox.disabled:active,
.btn-dropbox[disabled]:active,
fieldset[disabled] .btn-dropbox:active,
.btn-dropbox.disabled.active,
.btn-dropbox[disabled].active,
fieldset[disabled] .btn-dropbox.active {
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox .badge {
    color: #1087dd;
    background-color: #ffffff;
}
.btn-facebook {
    color: #ffffff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
    color: #ffffff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
    background-image: none;
}
.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook .badge {
    color: #3b5998;
    background-color: #ffffff;
}
.btn-flickr {
    color: #ffffff;
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
    color: #ffffff;
    background-color: #cc006a;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
    background-image: none;
}
.btn-flickr.disabled,
.btn-flickr[disabled],
fieldset[disabled] .btn-flickr,
.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
fieldset[disabled] .btn-flickr:focus,
.btn-flickr.disabled:active,
.btn-flickr[disabled]:active,
fieldset[disabled] .btn-flickr:active,
.btn-flickr.disabled.active,
.btn-flickr[disabled].active,
fieldset[disabled] .btn-flickr.active {
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr .badge {
    color: #ff0084;
    background-color: #ffffff;
}
.btn-foursquare {
    color: #ffffff;
    background-color: #0072b1;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
    color: #ffffff;
    background-color: #00517e;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
    background-image: none;
}
.btn-foursquare.disabled,
.btn-foursquare[disabled],
fieldset[disabled] .btn-foursquare,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare:hover,
.btn-foursquare.disabled:focus,
.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn-foursquare:focus,
.btn-foursquare.disabled:active,
.btn-foursquare[disabled]:active,
fieldset[disabled] .btn-foursquare:active,
.btn-foursquare.disabled.active,
.btn-foursquare[disabled].active,
fieldset[disabled] .btn-foursquare.active {
    background-color: #0072b1;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare .badge {
    color: #0072b1;
    background-color: #ffffff;
}
.btn-github {
    color: #ffffff;
    background-color: #444444;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
    color: #ffffff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
    background-image: none;
}
.btn-github.disabled,
.btn-github[disabled],
fieldset[disabled] .btn-github,
.btn-github.disabled:hover,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
fieldset[disabled] .btn-github:focus,
.btn-github.disabled:active,
.btn-github[disabled]:active,
fieldset[disabled] .btn-github:active,
.btn-github.disabled.active,
.btn-github[disabled].active,
fieldset[disabled] .btn-github.active {
    background-color: #444444;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-github .badge {
    color: #444444;
    background-color: #ffffff;
}
.btn-google-plus {
    color: #ffffff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open > .dropdown-toggle.btn-google-plus {
    color: #ffffff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-google-plus:active,
.btn-google-plus.active,
.open > .dropdown-toggle.btn-google-plus {
    background-image: none;
}
.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active {
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-google-plus .badge {
    color: #dd4b39;
    background-color: #ffffff;
}
.btn-instagram {
    color: #ffffff;
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
    color: #ffffff;
    background-color: #305777;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
    background-image: none;
}
.btn-instagram.disabled,
.btn-instagram[disabled],
fieldset[disabled] .btn-instagram,
.btn-instagram.disabled:hover,
.btn-instagram[disabled]:hover,
fieldset[disabled] .btn-instagram:hover,
.btn-instagram.disabled:focus,
.btn-instagram[disabled]:focus,
fieldset[disabled] .btn-instagram:focus,
.btn-instagram.disabled:active,
.btn-instagram[disabled]:active,
fieldset[disabled] .btn-instagram:active,
.btn-instagram.disabled.active,
.btn-instagram[disabled].active,
fieldset[disabled] .btn-instagram.active {
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram .badge {
    color: #3f729b;
    background-color: #ffffff;
}
.btn-linkedin {
    color: #ffffff;
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
    color: #ffffff;
    background-color: #005983;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
    background-image: none;
}
.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin .badge {
    color: #007bb6;
    background-color: #ffffff;
}
.btn-microsoft {
    color: #ffffff;
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:hover,
.btn-microsoft:focus,
.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
    color: #ffffff;
    background-color: #125acd;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
    background-image: none;
}
.btn-microsoft.disabled,
.btn-microsoft[disabled],
fieldset[disabled] .btn-microsoft,
.btn-microsoft.disabled:hover,
.btn-microsoft[disabled]:hover,
fieldset[disabled] .btn-microsoft:hover,
.btn-microsoft.disabled:focus,
.btn-microsoft[disabled]:focus,
fieldset[disabled] .btn-microsoft:focus,
.btn-microsoft.disabled:active,
.btn-microsoft[disabled]:active,
fieldset[disabled] .btn-microsoft:active,
.btn-microsoft.disabled.active,
.btn-microsoft[disabled].active,
fieldset[disabled] .btn-microsoft.active {
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft .badge {
    color: #2672ec;
    background-color: #ffffff;
}
.btn-openid {
    color: #ffffff;
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:hover,
.btn-openid:focus,
.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
    color: #ffffff;
    background-color: #da7908;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
    background-image: none;
}
.btn-openid.disabled,
.btn-openid[disabled],
fieldset[disabled] .btn-openid,
.btn-openid.disabled:hover,
.btn-openid[disabled]:hover,
fieldset[disabled] .btn-openid:hover,
.btn-openid.disabled:focus,
.btn-openid[disabled]:focus,
fieldset[disabled] .btn-openid:focus,
.btn-openid.disabled:active,
.btn-openid[disabled]:active,
fieldset[disabled] .btn-openid:active,
.btn-openid.disabled.active,
.btn-openid[disabled].active,
fieldset[disabled] .btn-openid.active {
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid .badge {
    color: #f7931e;
    background-color: #ffffff;
}
.btn-reddit {
    color: #000000;
    background-color: #eff7ff;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:hover,
.btn-reddit:focus,
.btn-reddit:active,
.btn-reddit.active,
.open > .dropdown-toggle.btn-reddit {
    color: #000000;
    background-color: #bcddff;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:active,
.btn-reddit.active,
.open > .dropdown-toggle.btn-reddit {
    background-image: none;
}
.btn-reddit.disabled,
.btn-reddit[disabled],
fieldset[disabled] .btn-reddit,
.btn-reddit.disabled:hover,
.btn-reddit[disabled]:hover,
fieldset[disabled] .btn-reddit:hover,
.btn-reddit.disabled:focus,
.btn-reddit[disabled]:focus,
fieldset[disabled] .btn-reddit:focus,
.btn-reddit.disabled:active,
.btn-reddit[disabled]:active,
fieldset[disabled] .btn-reddit:active,
.btn-reddit.disabled.active,
.btn-reddit[disabled].active,
fieldset[disabled] .btn-reddit.active {
    background-color: #eff7ff;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit .badge {
    color: #eff7ff;
    background-color: #000000;
}
.btn-soundcloud {
    color: #ffffff;
    background-color: #ff5500;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:hover,
.btn-soundcloud:focus,
.btn-soundcloud:active,
.btn-soundcloud.active,
.open > .dropdown-toggle.btn-soundcloud {
    color: #ffffff;
    background-color: #cc4400;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:active,
.btn-soundcloud.active,
.open > .dropdown-toggle.btn-soundcloud {
    background-image: none;
}
.btn-soundcloud.disabled,
.btn-soundcloud[disabled],
fieldset[disabled] .btn-soundcloud,
.btn-soundcloud.disabled:hover,
.btn-soundcloud[disabled]:hover,
fieldset[disabled] .btn-soundcloud:hover,
.btn-soundcloud.disabled:focus,
.btn-soundcloud[disabled]:focus,
fieldset[disabled] .btn-soundcloud:focus,
.btn-soundcloud.disabled:active,
.btn-soundcloud[disabled]:active,
fieldset[disabled] .btn-soundcloud:active,
.btn-soundcloud.disabled.active,
.btn-soundcloud[disabled].active,
fieldset[disabled] .btn-soundcloud.active {
    background-color: #ff5500;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud .badge {
    color: #ff5500;
    background-color: #ffffff;
}
.btn-tumblr {
    color: #ffffff;
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
    color: #ffffff;
    background-color: #1c2d3f;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
    background-image: none;
}
.btn-tumblr.disabled,
.btn-tumblr[disabled],
fieldset[disabled] .btn-tumblr,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn-tumblr:focus,
.btn-tumblr.disabled:active,
.btn-tumblr[disabled]:active,
fieldset[disabled] .btn-tumblr:active,
.btn-tumblr.disabled.active,
.btn-tumblr[disabled].active,
fieldset[disabled] .btn-tumblr.active {
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr .badge {
    color: #2c4762;
    background-color: #ffffff;
}
.btn-twitter {
    color: #ffffff;
    background-color: #55acee;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
    color: #ffffff;
    background-color: #2795e9;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
    background-image: none;
}
.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
    background-color: #55acee;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter .badge {
    color: #55acee;
    background-color: #ffffff;
}
.btn-vimeo {
    color: #ffffff;
    background-color: #1ab7ea;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:hover,
.btn-vimeo:focus,
.btn-vimeo:active,
.btn-vimeo.active,
.open > .dropdown-toggle.btn-vimeo {
    color: #ffffff;
    background-color: #1295bf;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:active,
.btn-vimeo.active,
.open > .dropdown-toggle.btn-vimeo {
    background-image: none;
}
.btn-vimeo.disabled,
.btn-vimeo[disabled],
fieldset[disabled] .btn-vimeo,
.btn-vimeo.disabled:hover,
.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn-vimeo:hover,
.btn-vimeo.disabled:focus,
.btn-vimeo[disabled]:focus,
fieldset[disabled] .btn-vimeo:focus,
.btn-vimeo.disabled:active,
.btn-vimeo[disabled]:active,
fieldset[disabled] .btn-vimeo:active,
.btn-vimeo.disabled.active,
.btn-vimeo[disabled].active,
fieldset[disabled] .btn-vimeo.active {
    background-color: #1ab7ea;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo .badge {
    color: #1ab7ea;
    background-color: #ffffff;
}
.btn-vk {
    color: #ffffff;
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
    color: #ffffff;
    background-color: #466482;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
    background-image: none;
}
.btn-vk.disabled,
.btn-vk[disabled],
fieldset[disabled] .btn-vk,
.btn-vk.disabled:hover,
.btn-vk[disabled]:hover,
fieldset[disabled] .btn-vk:hover,
.btn-vk.disabled:focus,
.btn-vk[disabled]:focus,
fieldset[disabled] .btn-vk:focus,
.btn-vk.disabled:active,
.btn-vk[disabled]:active,
fieldset[disabled] .btn-vk:active,
.btn-vk.disabled.active,
.btn-vk[disabled].active,
fieldset[disabled] .btn-vk.active {
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk .badge {
    color: #587ea3;
    background-color: #ffffff;
}
.btn-yahoo {
    color: #ffffff;
    background-color: #720e9e;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:hover,
.btn-yahoo:focus,
.btn-yahoo:active,
.btn-yahoo.active,
.open > .dropdown-toggle.btn-yahoo {
    color: #ffffff;
    background-color: #500a6f;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:active,
.btn-yahoo.active,
.open > .dropdown-toggle.btn-yahoo {
    background-image: none;
}
.btn-yahoo.disabled,
.btn-yahoo[disabled],
fieldset[disabled] .btn-yahoo,
.btn-yahoo.disabled:hover,
.btn-yahoo[disabled]:hover,
fieldset[disabled] .btn-yahoo:hover,
.btn-yahoo.disabled:focus,
.btn-yahoo[disabled]:focus,
fieldset[disabled] .btn-yahoo:focus,
.btn-yahoo.disabled:active,
.btn-yahoo[disabled]:active,
fieldset[disabled] .btn-yahoo:active,
.btn-yahoo.disabled.active,
.btn-yahoo[disabled].active,
fieldset[disabled] .btn-yahoo.active {
    background-color: #720e9e;
    border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo .badge {
    color: #720e9e;
    background-color: #ffffff;
}

.countdowntxt {
    font-size:14px;
    margin-top:1.2rem;
    line-height:16px;display:block;text-align:center;
    opacity:0;
    visibility:hidden;
    transition:all 0.3s linear;
}

.countdowntxt.vis {
    opacity:1;
    visibility: visible;
}

.innertxt {
    padding:10px;
    background:#fefefe;
    border:1px solid #f0f0f0;
}

@media only screen and (max-width: 1200px) {
    .toprow {
        padding-left:0px;
    }
}

@media only screen and (max-width: 1024px) {
    .top-nav-collapse svg.svglogo {
        height:140px;
    }

    .top-nav-collapse .svgcontainer {
        margin-top:-75px;
        margin-left:-45px;
    }

    .thelogo {
        height:140px;width:auto;
    }
}

@media only screen and (max-width: 1199px) {
    
    .bgimage {
        margin-left:-5px;
    }

    .languagelinks {
        padding-left:10px;
    }

    .navbar .navbar-nav .nav-item a {
        font-size:0.9rem;
    }

    .gayroomlink.btn {
        padding: .25rem 0;
    }

    .toprow {
        padding-left:0;
    }
    
    div.autocompletewrap {
        width:100px;
    }

}

@media only screen and (max-width: 990px) {

    .btn.btn-sm {
        padding:.5rem 0.9rem;
    }

    .timermainproduct {
        zoom: .6;
    }

    .toprow {
        padding-left:80px;
    }

    .innerpage {
        margin-top:120px;
    }

}

@media only screen and (max-width: 767px) {

    .timermainproduct {
        zoom: .5;
    }

    .submitwrap i.btn.btn-sm {
        margin-top:10px;
        display:block;
        width:70%;
        margin:10px auto;
    }

    .btn.btn-sm {
        padding:.5rem 1.2rem;
    }

    li.levelali ul.levelbul, li.levelbli ul.levelcul, li.levelcli ul.leveldul {
        transition:all 0.3s linear;
        height:0;
        position:static;
        top:auto;
        left:auto;
    }

    input.searchinput {margin:0 auto;}

    th.hidden-sm-down, td.hidden-sm-down {
        display:none !important;
        visibility:hidden;
    }

    div.autocompletewrap {
        width:auto;
    }

    ul.levelbul li, ul.levelbul li a, ul.levelcul li, ul.levelcul li a {
        text-align: center;
    } 

    li.levelali:hover ul.levelbul,li.levelbli:hover ul.levelcul, li.levelcli:hover ul.leveldul {
        opacity:0;
        display:none;
    }

    li.levelali.dropit ul.levelbul, li.levelbli.dropit ul.levelcul, li.levelcli.dropit ul.leveldul {
        opacity:1;
        display:block !important;
        height:auto;
    }

    img.smlogo {
        height:50px;
    }
    
    .toprow {
        padding-left:80px;
    }
    

    .cart-modal .modal-dialog .modal-content {
        max-width:100%;
    }

    .headerwrap.first {margin-top:60px;}

}
@media only screen and (max-width: 576px) {
    
    th.hidden-sm-down, td.hidden-sm-down {
        display:none;
        visibility:hidden;
    }
    .ltd .card-wrapper {
        height:650px;
    }

    .row.fixedrow {
        height: 570px !important;
        margin-top: -50px;
    }

    .discountileltd {
        right:20%;
        top:-5px;
    }

    .headerwrap.redbg h3.text-left {
        text-align:center;
    }

    .headerwrap .subtitle {
        text-align:center;
    }

    .timermain, .timermainproduct {
        margin-left: -60px;;
    }

    .timertop span, .timerbottom span {
        background:#fa023c;
        color:white;
    }

    .submitwrap i.btn.btn-sm {
        margin-top:10px;
        display:block;
        width:100%;
        margin:10px auto;
    }
    

    .card-block.fixedonsmall {
        height:300px;
        text-align:center;
    }

    .card-block.fixedonsmall .paymenttext, .card-block.fixedonsmall .deliverytext  {
        text-align:center;
    }

    ul.levelcul, ul.leveldul {
        position:static;
        width:100%;
        margin:0 auto;
        padding:10px 10%;
        text-align: center;
        background:black;
        color:white;
    }

    .navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu ul.levelcul li a, 
    .navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu ul.leveldul li a {
        color:white;
    }

    img.smlogo {
        height:40px;
    }

    .toprow {
        padding-left:40px;
    }

}

@media (max-height: 910px) {
    .side-nav .logo-wrapper, .side-nav .logo-wrapper a {
        height: auto;
        max-height:60px;
    }

    .side-nav .logo-wrapper a img {
        height:60px;
        width:auto;
    }
}

.topm50 {
    margin-top:50px;
}
.topm20 {
    margin-top:20px;
}


.captchainput {
    margin: 20px auto;
	width: 50%;
	
	/* position: absolute;
	left: 50%;
	top: 50%; */
	
	padding: 5px;
	
	border: 2px solid #fa023c;
    outline: 0;
    border-radius:6px;
	
	color: #666;
	font-size: 17px;
		
	/* transform:  translateX(-50%)
				translateY(-50%); */
	
	transition: all 0.3s ease;
}
.captchainput.correct {
	border-color: #009688;
}
.captchalabel {
    display: inline;
    position: relative;
    margin-left:-40px;
    font-family: 'FontAwesome';
}
.captchalabel.correct:before {
    color: #53840c;
    content: "\f00c";
}
.articlebody a {color:#fa023c;}

.blogcategorywithbg {
    background-image: url('../images/sexy-blog-bg3.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top:130px;
    padding-top: 50px;
}

.blogcategorywithbg .container, .blogcategorywithbg .container-fluid {
    margin-top: 180px;
    background: rgba(255,255,255,0.7);
    padding-top: 30px;
}
.mobilesearch {
    position:absolute;top:5rem;left:0;right: 0; 
    text-align:center;background:#222; border-radius: 0 0 8px 8px;
    transform: translateX(100%);
    width: 100%;
}
.mobilesearch.active {
    transform: translateX(0);
}
.mobilesearch input.searchinputmobile {
    width:90vw !important;background: #000; color: white; display: block;
}

.hide {display: none}