/* top*/



    .fa{

        font-size:18px;}



    

/*search group*/

    .mygroup{

        margin: auto;

        

        padding:auto;;

        margin-top: 5px;

	    /*margin-bottom:5px;*/

        border-bottom:2px solid #B2B3B3

    }

    .mybtn{

        margin:0

        

    }

    .mybtn, .mysearch{

        outline: none; 

        border: none;

        -webkit-box-shadow: none;

        background: #ffffff;

        

    }



    .mybtn:active, .mybtn:focus, .mybtn:focus:active,

    .mysearch:active,.mysearch:focus,.mysearch:focus:active{

        background-image: none;

        outline: none;

        -webkit-box-shadow: none;

        box-shadow: none;



    }

    .fa{

        color:#414040;

    }

    .fa:hover{

        color:#888888;

    }

    .myicon{

        padding: auto;

        margin: auto;

        margin-top: 5px;

	margin-bottom: 5px;

        left: 0;

        text-align: right;

        vertical-align: bottom

    }

     

/*menu*/  

    #menu{

        

    }

    .mymenu{

        outline: none;

        background-image: none;

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none;

        

        

    }

/* container */

    .container-left{

        position: fixed;

        z-index: 20;

        padding-top:0;

        padding-right:0px;

    }

    .container-right{

        float:right;

        padding-left:0px;

        padding-top:0px;

        margin-bottom:20px;

        

        

        

    }

    @media (max-width: 767px) {

        .container-left {

            padding:0;

            position: relative;

            left:0;

            right:0;

            width:100%;

            top:0;

            /*width:0%*/

        }

        .container-right {

            padding:0;

            position: relative;

            left:0;

            right:0;

            width:100%; 

            top:37px;

            min-height:750px;

        }

    }

   

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

        .container-left {

            width:25%;

            padding-right:10px;

            top:105px;



            

        }

        .container-right {

            width:74%;

            min-height:750px;

            padding-left:10px;

        }

    }

    @media (min-width: 992px) and (max-width:1199px){

        .container-left {

            width:25%;

            padding-right:10px;

            top:105px;

        }

        .container-right {

            width:74%;

            min-height:750px;

            padding-left:10px;



        }

    }

    @media (min-width:1200px) and (max-width:1400px){

        .container-left {

          max-width:300px;

          width:22%;

          top:105px;

          padding-right:10px;

          height:auto;

        }

        .container-right {

           width:78%;

           min-height:750px;

           padding-left:10px;

        }

        

    }

    @media (min-width:1401px){

        .container-left {

          max-width:300px;

          width:22%;

          top:105px;

          padding-right:10px;

          height:auto;

        }

        .container-right {

           width:79%;

           /*max-width:1120px;*/

           min-height:750px;

           padding-left:10px;

        }

        

    }

    

    .btn{

        border:none;

    }

    .btn-group{

        /*border-top:1px solid #b3b2b2;*/

        background-color:white;

    }

    .product-thumb .btn-group{

        visibility: hidden;

        opacity: 0;

        transition: visibility 0s 0.5s, opacity 0.5s linear;

        border-top:1px solid #b3b2b2;

    }

    .product-thumb:hover .btn-group{

        visibility: visible;

        opacity: 1;

        transition: opacity 0.5s linear;

        

        border-top:1px solid #b3b2b2;

        

    }

    .category_button{

        background-color:#b2b3b3;

        

        

        margin-right:10px

    }

    .category_button:hover, .category_button:focus, .category_button:active, category_button.disabled, category_button[disabled]{

        background-color:white;

        border: none;

        outline:none;

        box-shadow: none;

                

    }

    .btn-group category_button fa{

        color:white;

    }

    .btn-link{

        font-size:13px;

        color:#434242;

    }

    .btn-link:hover, .btn-link:active, .btn-link[disabled] {

        text-decoration: none;

        color:#000000;

    }

    .unit-button{

        background: #000000;

        color:white;

        border-radius: 0px

    }

    .unit-button a{

        color:white

    }

    .unit-button:hover, .unit-button:active, .unit-button:focus, .unit-button:focus:active{

        background: #008fcc;

        color:white;

        border:none;

        outline:none;

        box-shadow:none

    }

    





@-webkit-keyframes paddingTop{

    from { padding-top:5px; opacity:0.6 }

    to { padding-top:0px; opacity:1}

}

    

/* footer */    

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

        footer{

            background-color:#333333;

        }

        footer ul{

             font-size:14px;

             color:white;

             padding:0;

        }

        footer ul li, footer ul li a{

             font-size:14px;

             font-weight:400;

             color:white;

             padding:0;

        }

        footer ul li a:hover, footer ul li a:active, footer ul li a:focus {

            color:#000000;

            -webkit-animation: paddingLeftFooter 0.3s;

            animation:  paddingLeftFooter 0.3s;

            padding-left:5px;

        }

        footer span{

            color:white;

            font-size:14px;

            padding:0;

        }

        @-webkit-keyframes paddingLeftFooter {

            from { padding-left:0px; }

            to { padding-left:5px; }

                  

        }

        

    }

    

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

        footer{

            background-color:#333333;

        }

        footer ul{

            padding-bottom:10px;

           

            font-size:14px;

            color:white;

        }

        footer ul li, footer ul li a{

            text-align:center;

            padding:0;

            font-size:14px;

            color:white;

            

        }

        footer ul li a:hover, footer ul li a:active, footer ul li a:focus {

            color:#000000;

        }

        .powered{

            font-size:14px;

            text-align:center;

            padding:0;

            color:white;

        }

        

        footer ul li span{

            color: white;

            font-size:14px;

        }

        .powered p{

            color:white;

        }

    }

    .social-icons{

        margin-right:10px;

    }

    .powered{

            font-size:14px;

            text-align:center;

            padding:0;

            margin:0

    }

    .powered p{

            color:white;

    }

    

  /* delete button */

  .btn-close{

        background:url(image/catalog/icons/icons_svg/button-delete.svg) no-repeat;

        width:20px;

        height:22px;

        position: absolute;

        top:10px; 

        right:15px;

        outline:none;

        border:none;

        box-shadow:none;

        padding:0;

    }

    .btn-close:active, .btn-close:focus, .btn-close:hover{

        background:url(image/catalog/icons/icons_svg/button-delete.svg) no-repeat;

        width:20px;

        height:22px;

        position: absolute;

        top:10px; 

        right:15px;

        padding:0;

        border:none;

        outline:none;

        box-shadow:none

    }