﻿/* TOP MENU */
.top_menu_holder{
    height:35px;
    line-height:34px;
    font-size:16px;
    color:#fff;
    text-align:right;
}
.topic_holder{
    margin:0;
    padding:0;
    border-bottom:solid 1px #fff;
}
.topic_holder .top_menu > a{
    color:#fff;
    cursor:pointer;
}
.topic_holder .top_menu > a:hover{
    text-decoration:underline;
}
.topic_holder .top_menu > a:after{
    content:"\002f";
    padding:0 10px 0 10px;
    display:inline-block;
}
.topic_holder .top_menu a:last-child:after {
    content:"" !important; 
    padding:0;
}

.top_menu_holder .controls{
    margin:0;
    padding:0;
}
.top_menu_holder .controls a{
    color:#fff;
    cursor:pointer;
}
.top_menu_holder .controls div{
    cursor:pointer;
}
.top_menu_holder .controls a:after{
    content:"\007c";
    padding:0 10px 0 10px;
    display:inline-block;
}
.top_menu_holder .controls a:last-child:after {
    content:"" !important; 
    padding:0;
}
/* SEARCH AREA */

.top_search_holder{
    background-color:#EDEDED;
    height:125px;
}
.top_search_holder > .row{
    margin:0px;
}
.top_search_holder .logo{
    text-align:center;
    margin-top:15px;
}
.top_search_holder .phone_holder{
    text-align:center;
    margin-top:35px;
    font-size:20px;
}
.top_search_holder .phone_holder .phone{
    font-family:Oswald;
    font-weight:bold;
    font-size:35px;
    line-height:30px;
}
.topic_holder .facebook{
    position:absolute;
    right:10px;
    float:right;
}
/* SEARCH INPUT */
.search_holder{
    padding-top:17px;
}
.top_search_holder .search_holder .search{
    height:50px;
    margin:0px;
    padding:0px;
}
.top_search_holder .search_holder .search_input{
    border-left:0;
    border:solid 1px #F37F31
}
.top_search_holder .search_holder .desc{
    font-weight:bold;
    text-align:right;
    font-size:20px;
}
.top_search_holder .search_holder .big_cart,
.top_search_holder .search_holder .search_button{
    float:left;
    color:#fff;
    height:50px;
    text-align:center;
    line-height:50px;   
    cursor:pointer;
    min-width:100px;
}
.top_search_holder .search_holder .big_cart{
    width:50px;
    min-width:unset;
    margin-right:5px;
    font-size:30px;
    position:relative;
}
.top_search_holder .search_holder .big_cart div{
    position:absolute;
    background-color:#fff;
    border-radius:50px;
    color:#F37F31;
    height:17px;
    width:17px;
    float:right;
    font-size:13px;
    line-height:15px;
    font-family:Oswald;
    text-align:center;
    right:5px;
    top:5px;
    border:solid 1px #F37F31;
}
.top_search_holder .search_holder .search_button .fa-search{
    margin-right:10px;
}

/* MAIN MENU */
.topic_holder .top_main_menu_holder{
    height:50px;
    line-height:50px;
    background-color:#D8D8D8;
    border-bottom:solid 1px #fff;
    padding:0;
    margin:0;
}
.topic_holder .top_main_menu_holder .top_main_menu{
    margin:0;
}
.topic_holder .top_main_menu_holder .top_main_menu .empty{
    padding-left:0px !important;
    padding-right:0px !important;
    max-width:100px;
}
.topic_holder .top_main_menu_holder .top_main_menu .phone,
.topic_holder .top_main_menu_holder .top_main_menu .controls{
    display:none;
}
.topic_holder .top_main_menu_holder .top_main_menu .phone{
    color:#fff;
    font-family:Assistant;
    font-size:23px;
    line-height:50px;
    display:none !important;
}
.topic_holder .top_main_menu_holder .top_main_menu .entry{
    text-align:center;
    font-weight:bold;
    padding-left:0px !important;
    padding-right:0px !important;
}
.topic_holder .top_main_menu_holder .top_main_menu .entry:hover{
    cursor:pointer;
    color:#F37F31;
    background-color:#fff;
    content:"" !important; 
}
.topic_holder .top_main_menu_holder .top_main_menu .entry:after{
    content:"\002f";
    display:inline-block;
    color:#F37F31;
    float:left;
}
.topic_holder .top_main_menu_holder .top_main_menu .latest:after {
    content:"" !important; 
    padding:0;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu_holder{
    position:absolute;
    display:none;
    min-width:250px;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu{
    display:block;
    border-top:0px;
    margin:-1px -16px 0 0;
    position:absolute;
    text-align:right;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    background-color:#fff;
    z-index:99;
    cursor:default;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu_right{
    margin-right:-300px;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu_right .add{
    float:right;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .banner{
    height:290px;
    width:auto;
    display:inline-block;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .section{
    border-right:solid 1px #D8D8D8;
    padding-right:25px;
    margin:20px 0px 20px 20px ;
    display:inline-block;
    vertical-align:top;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu > a{
    float:left;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu > a img{
    max-width:300px;
    height:auto;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .section_2_columns{
    float:right;
    width:250px;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .section_2_columns a{
    float:right;
    width:50%;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .section_2_columns_wide{
    float:right;
    width:520px;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .section_2_columns_wide a{
    float:right;
    width:50%;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .section_3_columns{
    float:right;
    width:700px;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .section_3_columns a{
    float:right;
    width:33%;
}

.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .section:first-child{
    border-right:solid 0px #D8D8D8;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .section a{
    color:#696969;
    font-weight:normal;
    line-height:25px;
    display:block;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .section a:before{
    content:"\25C0";
    display:inline-block;
    color:#F39200;
    float:right;
    font-size:8px;
    margin-right:5px;
}
.topic_holder .top_main_menu_holder .top_main_menu .entry:hover > .sub_menu_holder{
    display:block;
}

.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .section .title{
    font-weight:bold;
    color:#696969;
    font-size:18px;
    margin-right:15px;
}
.topic_holder .top_main_menu_holder .top_main_menu .sub_menu .section .title:after{
    content:"\002f";
    display:inline-block;
    color:#F37F31;
    float:right;
    margin-right:-15px;
}

.topic_holder .fixed-top{
    border-bottom:solid 1px #F37F31;
}
.topic_holder .fixed-top .top_main_menu .empty{
    display:none;
    padding-left:0;
    padding-right:0;
}
.topic_holder .fixed-top .top_main_menu .phone,
.topic_holder .fixed-top .top_main_menu .controls{
    display:block;
    position:relative;
}
.topic_holder .fixed-top .top_main_menu .controls{
    background-color:#F37F31;
    color:#fff;
    border-bottom:solid 1px #fff;
    padding-left:0px;
    padding-right:0px;
    max-width:150px !important;
}
.topic_holder .fixed-top .top_main_menu .controls > a{
    color:#fff;
    cursor:pointer;
    display:block;
    width:33%;
    float:left;
    text-align:center;
}
.topic_holder .fixed-top .top_main_menu .controls > div{
    text-align:center;
    cursor:pointer;
    float:right;
}
.topic_holder .fixed-top .top_main_menu .controls > div:hover{
    color:#fff;
}
.topic_holder .fixed-top .top_main_menu .controls .count,
.topic_holder .top_menu_holder .controls .count{
    background-color:#fff;
    width:15px;
    height:15px;
    color:#F37F31;;
    font-size:10px;
    border-radius:25px;
    position:absolute;
    text-align:center;
    top:-6px;
    right:-7px;
    line-height:17px;
    border:solid 1px #F37F31;
}
.topic_holder .top_menu_holder .controls .count{
    right:-10px;
}
.toast{
    width:100%;
    height:50px;
    line-height:50px;
    background-color:#FCFAD1;
    z-index:999;
    text-align:center;
    position:absolute !important;
    border-bottom:solid 4px #fff;
    display:none;
    margin-top:-2px;
}

@media only screen and (max-width: 1280px) {
    .topic_holder .top_main_menu_holder .top_main_menu .empty{
        display:none;
    }

    .topic_holder .top_main_menu_holder .top_main_menu .sub_menu > a{
        /*display:none;*/
    }

    .topic_holder .top_main_menu_holder .top_main_menu .sub_menu_holder:first-child{
        /*width:95vw !important;*/
    }
    .topic_holder > .container{
        max-width:99% !important;
    }
    .topic_holder .container .top_menu_holder .controls{
        float:left;
        text-align:left;
    }
    .topic_holder .container .top_menu_holder .top_menu{
        padding-right:100px;
    }

    .topic_holder .fixed-top .top_main_menu .controls .count,
    .topic_holder .top_menu_holder .controls .count{
        line-height:13px;
    }
}

@media  (max-width: 1500px) {
    .topic_holder .fixed-top .top_main_menu .entry{
        font-size:0.9rem !important;
    }
}

@media  (max-width: 1025px) {
    .topic_holder .top_main_menu_holder .top_main_menu .latest {
        display:none !important;
    }
    .grid_holder .product_holder .product .additional .controls .more_info{
        width:100% !important;
        display:inline-block;
        margin-top:5px;
        float:left;
    }
    .grid_holder .product_holder .product .additional .controls{
        width:100%;
        float:left;
        text-align:center;
    }
    .product_holder .recently_watched{
        display:none;
    }
    .product_holder .big_image{
        min-width:50%;
    }
    .product_holder .main_information{
        min-width:47% !important;
    }
}

@media  (max-width: 1379px) {
    .topic_holder .top_main_menu_holder .top_main_menu .add{
        display:none !important;
        border:solid 1px green;
    }
    .top_search_holder .phone_holder{
        width:20%;
        max-width:20%;
    }
    .topic_holder .top_main_menu_holder .top_main_menu .menu_1 .sub_menu_holder .sub_menu {
        margin-right:10px;

    }
    .topic_holder .top_main_menu_holder .top_main_menu .menu_6 .sub_menu_holder .sub_menu {
        margin-right:-0px;
    }
    .topic_holder .top_main_menu_holder .top_main_menu .menu_5 .sub_menu_holder .sub_menu {
        margin-right:-120px;
    }
    .topic_holder .top_main_menu_holder .top_main_menu .menu_7 .sub_menu_holder .sub_menu {
        margin-right:-40px;
    }
    .topic_holder .top_main_menu_holder .top_main_menu .menu_7:after{
        content:"" !important; 
        padding:0;
    }
    .top_search_holder .phone_holder .phone{
        font-size:25px;
    }
}
