/*
Theme Name: Electro Child.3.6.9
Theme URI: https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
Template: electro.3.6.9
Author: MadrasThemes
Author URI: https://madrasthemes.com/
Description: Electro is a robust and flexible WordPress theme, designed by Transvelo to help you make the most out of using WooCommerce to power your online store. The design is well suited for Electronics Store, Vendor based marketplaces, affiliate websites. It is built and comes bundled with most of the advanced features available in most popular eCommerce websites like amazon, flipkart, snapdeal, walmart, alibaba, aliexpress, etc.
Tags: black,blue,pink,yellow,dark,light,two-columns,left-sidebar,fixed-layout,responsive-layout,custom-colors,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 3.6.9
Updated: 2020-10-13 16:30:32

*/

.departments-menu-v2 {
    display: none;
}

ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3.5em;
}

ol.progtrckr[data-progtrckr-steps="2"] li {
    width: 49%;
}

ol.progtrckr[data-progtrckr-steps="3"] li {
    width: 33%;
}

ol.progtrckr[data-progtrckr-steps="4"] li {
    width: 24%;
}

ol.progtrckr[data-progtrckr-steps="5"] li {
    width: 19%;
}

ol.progtrckr[data-progtrckr-steps="6"] li {
    width: 16%;
}

ol.progtrckr[data-progtrckr-steps="7"] li {
    width: 14%;
}

ol.progtrckr[data-progtrckr-steps="8"] li {
    width: 12%;
}

ol.progtrckr[data-progtrckr-steps="9"] li {
    width: 11%;
}

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid yellowgreen;
}

ol.progtrckr li.progtrckr-todo {
    color: silver;
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}

ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}

ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: yellowgreen;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
}

ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 2.2em;
    bottom: -1.2em;
}

#page_id::-ms-expand {
    display: none;
}

#page_id {
    -webkit-appearance: none;
    appearance: none;
}

@-moz-document url-prefix() {
    #page_id {
        width: 110%;
        background-position: right 30px center !important;
        border: none !important;
    }
}


.orderTimeLineContainer {
    width: 100%;
    margin: 0;
}

.openSansRegular {
    font-family: Open Sans, sans-serif;
}

.openSansBold,
.openSansRegular {
    font-family: Open Sans, sans-serif;
}

.Ptop10 {
    padding-top: 10px !important;
}

.Pbottom5,
.Pbottom10,
.Pbottom15,
.Pbottom20,
.Pbottom30,
.Pbottom40,
.Pbottom50,
.Ptop5,
.Ptop10,
.Ptop15,
.Ptop20,
.Ptop30,
.Ptop40,
.Ptop50 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dTable {
    display: table;
}

.orderTimeLine {
    width: 100%;
    padding: 0 7.142857142857143%;
    display: table;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.Mbottom20 {
    margin-bottom: 20px !important;
}

.Mtop20 {
    margin-top: 20px !important;
}

.Mtop10 {
    margin-top: 10px !important;
}

.Mbottom5,
.Mbottom10,
.Mbottom15,
.Mbottom20,
.Mleft30,
.Mleft40,
.Mright30,
.Mright40,
.Mtop5,
.Mtop10,
.Mtop15,
.Mtop20,
.Pleft5,
.Pleft10,
.Pleft15,
.Pleft20,
.Pright5,
.Pright10,
.Pright15,
.Pright20 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.orderTimeLine .bulletContainer {
    position: relative;
    height: 20px;
}

.column1-10,
.column1-12,
.column2-10,
.column2-12,
.column3-10,
.column3-12,
.column4-10,
.column4-12,
.column5-10,
.column5-12,
.column6-10,
.column6-12,
.column7-10,
.column7-12,
.column8-10,
.column8-12,
.column9-10,
.column9-12,
.column10-10,
.column10-12,
.column11-12,
.column12-12,
.column2-14 {
    float: left;
}

.column2-12 {
    width: 16.66666666666667%;
}

.column2-14 {
    width: 14.28571428571429%;
}

.column1-12,
.column2-12,
.column3-12,
.column4-12,
.column5-12,
.column6-12,
.column7-12,
.column8-12,
.column9-12,
.column10-12,
.column11-12,
.column12-12,
.column2-14 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.orderTimeLine .bulletContainer .bullet.active {
    border: 6px solid #fff;
    margin-top: -15px;
}

.orderTimeLine .bulletContainer .bullet.active .arrow {
    visibility: visible;
}

.orderTimeLine .bulletContainer .bullet .arrow {
    left: -2px;
}

.orderTimeLine .bulletContainer .bullet .arrow {
    width: 22px;
    height: 15px;
    background: url(assets/images/location-arrow.png) no-repeat 50%;
    position: absolute;
    top: 19px;
    visibility: hidden;
}

.orderTimeLine .bulletContainer .line {
    width: 100%;
    height: 6px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    background-color: #1b71aa;
}

.orderTimeLine .bulletContainer .bullet2,
.orderTimeLine .bulletContainer .bullet3,
.orderTimeLine .bulletContainer .bullet4,
.orderTimeLine .bulletContainer .bullet5,
.orderTimeLine .bulletContainer .bullet6,
.orderTimeLine .bulletContainer .bullet7,
.orderTimeLine .bulletContainer .bullet8 {
    right: -9px;
}

.orderTimeLine .bulletContainer .bullet {
    width: 18px;
    height: 18px;
    background-color: #1b71aa;
    z-index: 2;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
}

.W100 {
    width: 100%;
    display: table;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.bulletDescription {
    width: 12.24489795918368%;
}

.Fleft {
    Float: left !important;
}

.fColorWhite {
    color: #fff;
}

.bold {
    font-weight: 700;
    letter-spacing: .5px;
}

.F14 {
    font-size: 14px;
}

.TAC {
    text-align: center;
}

.bullet {
    box-sizing: content-box;
}

.F40 {
    font-size: 40px;
}

.allerRegular {
    font-family: allerRegular;
}

.F22 {
    font-size: 22px;
}

.fColorLightBlue {
    color: #9ed8ff;
}

.F16 {
    font-size: 16px;
}

@media (min-width: 1024px) {
    .orderTimeLineContainer {
        position: relative;
        left: 50%;
        transform: translateX(-25%);
    }
}

@media (max-width: 1024px) {
    .bulletContainer,
    .bullet {
        left: 50%;
        transform: translate(-50%, 0);
    }

    .bulletContainer {
        display: none;
    }

    .bulletContainer div:not(.active):not(.arrow) {
        display: none;
    }

    .bulletDescription {
        display: none;
        width: 100%;
    }

    .active,
    .active * {
        display: block;
    }
}

.blue {
    background: #3498db;
}

.itemsContainer .itemHeader {
    height: 30px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.P5x10 {
    padding: 5px 10px;
}

.P1,
.P2,
.P5,
.P5x10,
.P10,
.P10x20,
.P20 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.itemsContainer .itemData {
    height: 130px;
    padding: 10px;
}

.fColorDarkGrey {
    color: #333;
}

.bordered {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e0e4e3;
}

.F12 {
    font-size: 12px;
}

.rest {
    overflow: hidden;
}

.Pleft10 {
    padding-left: 10px !important;
}

.Pright10 {
    padding-right: 10px !important;
}

.itemInfoContainer {
    font-size: 0;
    word-spacing: 0;
    text-align: center;
}

.table {
    display: table;
}

.Mbottom30 {
    margin-bottom: 30px !important;
}

.W1000px,
.W1200px {
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.W1000px {
    width: 1000px;
}

.dPartHeader {
    height: 20px;
    background-image: url(/build/images/dPartHeaderLine.7717c88e.jpg);
    background-repeat: repeat-x;
    background-position: 50%;
}

.fColorMiddleGrey {
    color: #666;
}

@media (max-width: 768px) {

    .W768px,
    .W1000px,
    .itemData .column5-10,
    .pricesSectionHalf,
    #ChooseOrder button {
        width: 100% !important;
        margin: 0 auto;
    }
}

@media (max-width: 1000px) {

    .W1000px,
    .itemData .column5-10,
    .pricesSectionHalf,
    #ChooseOrder button {
        width: 100% !important;
        margin: 0 auto;
    }
}

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

    .W1000px,
    .itemData .column5-10,
    .pricesSectionHalf,
    #ChooseOrder button {
        width: 100% !important;
    }
}

.buttonGreen {
    background-color: #2ecc71 !important;
    color: #fff !important;
}

.button,
.button-large {
    display: inline-table;
    padding: 5px 10px;
    cursor: pointer;
    border: none;
}

.button {
    text-decoration: none;
}

.borderRadius3 {
    -webkit-border-radius: 1.5px;
    -moz-border-radius: 1.5px;
    border-radius: 1.5px;
}

a,
a:hover {
    outline: none;
}

a {
    color: #05abda;
    text-decoration: none;
}

.TAR {
    text-align: right;
}

.fColorLightGrey {
    color: #999;
}

.F20 {
    font-size: 20px;
}

.column7-12 {
    width: 58.33333333333334%;
}

.column5-12 {
    width: 41.66666666666667%;
}

.Pbottom10 {
    padding-bottom: 10px !important;
}

.Pright5 {
    padding-right: 5px !important;
}

.P10 {
    padding: 10px;
}

.clearL {
    clear: left !important;
}

.Pbottom5 {
    padding-bottom: 5px !important;
}

.column5-10 {
    width: 50%;
}

.F-Right {
    float: right;
}

.borderTop {
    border-top: 1px solid #e0e4e3;
}

.OrderLevelsNames {
    padding: 0 0 0 1.042857142857143%;
}

.hide-product-actions .product .hover-area{
    display: none !important;
}

.owl-item > .product.hover .product-inner, .owl-item > .product:hover .product-inner, .products > .product.hover .product-inner, .products > .product:hover .product-inner{
    position: static !important;
}

.fullbanner-ad a{
    display: block;
}

.fullbanner-ad a img{
    width: 100%;
}