/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
#header_main_alternate {
    background-color: #636768;
}
ul#avia-menu > li > a > span.avia-menu-text{color: #eee}
ul#avia-menu > li.active-parent-item > a > span.avia-menu-text{color: #fff}
.header_color .avia-menu-fx{background-color: #fff}

.html_header_top.html_logo_center .logo {
    left: auto;
    position: relative;
    float: left;
    margin-left: 0;
    display: block;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}
#header {
    position: relative;
    z-index: 501;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.av-logo-container .widget_search {
    width: 40%;
    float: right;
    clear: none;
    padding: 24px 0;
    transition: all 0.2s ease-out;
}
.header-scrolled .av-logo-container .widget_search {
    width: 30%;
    padding: 10px 0;

}
#top .header-scrolled #s {
    width: 100%;
    position: relative;
    padding: 6px 47px 6px 5px;
    z-index: 1;
    margin: 0;
    box-shadow: none;
    transition: all 0.3s ease-out;
}
#top  .header-scrolled #searchsubmit, .ajax_load {
    width: 30px;
    height: 100%;
    line-height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    margin: 0;
    border-radius: 0;
    min-width: 30px;
}
#top #searchform .ajax_search_response {
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    padding-top: 16px;
}
#menu-item-search{display: none}
.html_bottom_nav_header .cart_dropdown {
    margin: -48px 0 0 0;
}

.woocommerce-loop-product__title {
    font-size: 22px;
}

div table.shop_attributes th {
    width: 180px;
    white-space: nowrap;
}
div table.shop_attributes td {
    font-style: normal;

    font-weight: bold;
}
.product_meta .sku_wrapper {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}
.product_meta .sku_wrapper span{font-weight: bold;}
.product_meta .posted_in{
    font-size: 16px;
    display: block;
}
th{text-transform: none}

.woo-cat-seo{
    border-top: 1px solid #eee;
    margin-top: 0px;
    padding-top: 40px;
}

.woo-cat-seo ul, .woo-cat-seo ol {
    padding: 0;
    margin: 0;
}

.woo-cat-seo ul li,
.woo-cat-seo ol li{}

#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {

    border-radius: 0;
    font-size: 14px;
}
.title_container .main-title {

    font-size: 18px;
}
.phone-info span {
    display: inline-block;
    line-height: 21px;
    font-size: 17px;
    color: #1967af;
}
.phone-info span a{
    text-decoration: underline;
    font-size: 14px;
    float: left;
}
.phone-info span span.phones-cont {
    float: left;
}
.phone-info span span.phones-cont.hide {
    display: block;
    width: 195px;
    overflow: hidden;
    height: 21px;
    white-space: nowrap;
    float: left;
    position: relative;
    margin-right: 50px;
}
.phone-info span span.phones-cont a {
    font-size: 16px;
    margin-right: 20px;
    display: inline-block;
    text-decoration: none;
}
.phone-info span span.phones-cont span.show-phone {
    display: none;
}
.phone-info span span.phones-cont.hide span.show-phone {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    text-align: right;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(248,249,251,1) 66%, rgba(239,242,247,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(248,249,251,1) 66%,rgba(239,242,247,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(248,249,251,1) 66%,rgba(239,242,247,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eff2f7',GradientType=1 );
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

#top .woocommerce-tabs h2 {
    font-size: 20px;
}
#top .woocommerce-tabs h3 {
    font-size: 16px;
}
.search-result-counter {

    border-radius: 0;
    width: 44px;
    border: 1px solid #734854;

    font-size: 16px;
}
#footer .flex_column:nth-child(1),
#footer .flex_column:nth-child(2) {
    width: 25%;
    margin-left: 0;
}
#footer .flex_column:nth-child(3) {
    width: 50%;
    margin-left: 0;
}

#top .price span {
    display: inline;
    text-decoration: none;
    font-size: 34px;
    line-height: 100%;
    font-weight: 800;
    display: inline-block;
    color: green;
}
#top .price del span {
    text-decoration: line-through;
    color: gray;
    font-size: 22px;
}
#top .main_color .single-product-summary .price {
    padding: 10px 0 25px;
    display: inline-block;
    margin: 0;
}
#top div .quantity input.qty {

    font-size: 20px;
}
#top .main_color .onsale {
    background-color: green;
    padding: 6px 10px;
    font-size: 20px;
    border-radius: 0;
}

#top .products .product .onsale {
    top: 0;
    right: 0;
    font-size: 14px;
    padding: 0 5px;
}

#top .products .product .price span{
    font-size: 22px;
}
#top .products .product .price del span{
    font-size: 14px;
}
#top div .product_on_sale .inner_product_header {
    padding-right: 10px;
    padding-left: 10px;
}
h2.woocommerce-loop-product__title {
    font-size: 17px;
    min-height: 50px;
    color: #222;
}

div table.shop_table td.product-price,
div table.shop_table td.product-subtotal,
.cart-collaterals .cart_totals table tr.cart-subtotal td,
.cart-collaterals .cart_totals table tr.order-total td{
    font-size: 16px;
    color: green;
}
.cart-collaterals .cart_totals table tr.order-total td span {
    font-size: 22px;
    color: green;
}

#footer .phone-info span a {
    text-decoration: none;
    font-size: 16px;
    float: none;
    display: block;
    color: #fff;
    margin-bottom: 8px;
    font-weight: 300;
}

#footer .phone-info{
float: none;
}

#footer .phone-info span span.phones-cont.hide {

    height: 100%;
    max-width: 140px;
}


#footer .phone-info span span.phones-cont.hide span.show-phone {
    width: 100%;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(99, 103, 104) 50%, rgb(99, 103, 104) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(99, 103, 104) 50%, rgb(99, 103, 104) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(99, 103, 104) 50%, rgb(99, 103, 104) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#eff2f7', GradientType=1);
    color: #fff;
    height: 100%;
    padding-top: 26px;
}

.template-shop .single-product-main-image .images a {
    width: 100px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.template-shop .single-product-main-image .images a:first-child{
width: auto;
    margin-right: 0px;
    margin-top: 0px;
}

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

    #header_main_alternate {
        display: none;
    }
    .main_menu {
        display: block !important;
    }
    .av-burger-menu-main.menu-item-avia-special {
        display: block;
    }
    .html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
        padding-top: 120px;
    }
    #advanced_menu_toggle, #advanced_menu_hide{
        display: block;
    }
    .html_bottom_nav_header .cart_dropdown {
        margin: -24px 0 0 0;
        right: 106px;
    }
    .av-logo-container .widget_search {
        width: 40%;
        float: right;
        clear: none;
        padding: 24px 0;
        margin-right: 110px;
    }

}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */
    .avia_transform3d .show_mobile_menu #mobile-advanced {
        -webkit-transform: scale3d(0.5);
        transform: scale3d(0.5);
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */
    .av-logo-container .widget_search {
        width: 100%;
        float: right;
        clear: none;
        padding: 7px 0;
        margin-right: 0;
    }
    .responsive #top .logo {
        width: 200px;
    }
    #advanced_menu_toggle {

        top: 35%;
    }
    .responsive #top .cart_dropdown {

        top: 35%;
    }
    .phone-info span a {
        text-decoration: underline;
        font-size: 14px;
        float: none;
        display: block;
    }
    #footer .phone-info {
        float: none;
        text-align: left;
    }
}
@media only screen and (max-width: 575px) {
    .phone-info span a.callback{display: none}
}