@font-face {
    font-family: 'Futura PT Cond Book';
    src: url('fonts/FuturaPTCond-Book.eot');
    src: local('Futura PT Cond Book'), local('FuturaPTCond-Book'),
        url('fonts/FuturaPTCond-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaPTCond-Book.woff') format('woff'),
        url('fonts/FuturaPTCond-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@media (min-width: 1320px){
    .container {
        max-width: 1440px;
    }
}
a, a:active { color: black; text-decoration: none; }
a:hover { color: #F79321; text-decoration: none; }

body {
    font-family: 'Futura PT Cond Book';
    font-weight: normal;
    font-style: normal;
    font-size: 120%; 
}

#mse2_filters fieldset { margin: 10px 10px 10px 0; }

.bott-yout { font-size: 18px; }
.bott-yout .fa-yout { color: #F79321; width: 30px;}

.navbar { background: #F79321; padding-top: 0px; padding-bottom: 0px; }
.sender { border-bottom: 2px solid #F79321; } 
.navbar a:hover { color: white; }


.fotorama__thumb-border { border-color: #F79321; }
.fotorama__stage__shaft { border: 1px solid #dee2e6; }
.fotorama__nav--thumbs { margin-top: 10px; }

.single-product .col-form-label { line-height: 20px; }

.cart-m { width: 100%; }
.cart-m > div { display: inline-block; float: right; }
.cart-mini-title { color: black; font-size: 24px; line-height: 1.5rem;}
.cart-mini-price { color: #F79321; }
.cart-mini { position: relative; margin: 0 10px 0 0; }
.cart-mini .cart-mini-count 
    { 
    position: absolute; 
    top:25px; 
    left: -6px; 
    display: block;
    overflow: hidden;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-weight: 700;
    color: white;
    background: #F79321;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    }
    
.btn-yout { background: #F79321; border: 1px solid #F79321; color: black; font-size: 24px; line-height: 1.4rem;}
.btn-yout:hover, .page-item.active .page-link { background: #F79321; border: 1px solid #F79321; color: white;}
.btn-yout-green { background: #75C378; border: 1px solid #75C378; color: black; font-size: 24px; line-height: 1.6rem;}
.btn-yout-green:hover { background: #75C378; border: 1px solid #75C378; color: white;}

.footer-yout { background: #F2F2F2; }
.footer-orange { background: #F79321; }
.footer-black { background: black; color: white; font-size: 28px; }

.form-catlist-yout {
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    -o-border-radius: 0%;
    border-radius: 0%;
    width: 150px;
    overflow: hidden;
}

.filter_title { margin: 0px  !important; padding: 0px !important; }

.form-search-yout {
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
    border-right: 0px;
    width: 250px !important;
}


/* Стили для выпадающего меню */
ul.dropdown-menu {
    left: 100%;
    top: -2px;
    min-width: 200px;
    border: 1px solid #F79321;
    border-top: 3px solid #F79321;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    -o-border-radius: 0%;
    border-radius: 0%;
    padding: 0;
}

ul.dropdown-menu>li:hover {  background: #F79321; }
ul.dropdown-menu>li { padding: 6px 5px 6px 5px; }
ul.dropdown-menu>li>a { padding: 0 5px 0 10px; font-size: 22px; display: block; line-height: 1.2rem;}

li.submenu1 > .dropdown-toggle { padding-left: 39px; font-size: 25px;  } 
li.submenu1 > .dropdown-toggle:before {
    content: "\f03c";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:1px;
    position:absolute;
    top:0;
 }

li.submenu1 > .dropdown-toggle::after { margin-left: .75em; } 
li.submenu1.dropdown.show>ul.dropdown-menu {left: 0px; top: 35px;}

.submenu2 > .dropdown-toggle::after, .submenu3 > .dropdown-toggle::after, .submenu4 > .dropdown-toggle::after {
    display: inline-block;
    margin-left: .55em;
    vertical-align: middle;
    content: "";
    border-left: .3em solid;
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
}
/* Конец блока - Стили для выпадающего меню */




.navbar-nav-left li { 
    display: block;
    width: 100%;
    font-size: 22px;
}

.navbar-nav-left ul { padding-left: 10px; }
.navbar-nav-left li .dropdown-menu-left  { display: block;  overflow: hidden; height: 0;  }
.navbar-nav-left li .show    {    display: block;        }


.dropdown-toggle-left .caret {
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-left: .3em solid transparent;
    border-bottom: 0;
    border-right: .3em solid transparent;
}





.second-col > li  {
    margin: 0 25px 0 0;
    font-size: 25px;
    text-transform: uppercase;
}
.second-col > li a:hover { color: white; } 
.breadcrumb { 
    border-bottom: 2px solid #F79321; 
    padding: 5px 0 3px 2px; 
    background: white;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    -o-border-radius: 0%;
    border-radius: 0%;
}

.yout-collapse-header h1::after, .yout-collapse-header h2::after, .yout-collapse-header h3::after, .yout-collapse-header h4::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .1em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    cursor: pointer;
}

.ui-widget { z-index: 2050; font-size: 12px; } 

.carousel-caption {
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 0%;
    padding-bottom: 40px;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
}


.popup-block 
    { 
    position: absolute; bottom: 10px; left: 15px; height: auto; min-width: 100px; display: none; background: black; color: white; 
    border-radius: 7%;   
    padding: 5px;
    font-size: 15px;
    font-family: 'Futura PT Cond Book';
    src: url('fonts/FuturaPTCond-Book.eot');
    src: local('Futura PT Cond Book'), local('FuturaPTCond-Book'),
        url('fonts/FuturaPTCond-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaPTCond-Book.woff') format('woff'),
        url('fonts/FuturaPTCond-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    } 
.info-ico { font-size:14px; position: absolute; }
.indicator > div { display: inline-block; float: left; height: 16px; margin-right: 3px; }

/* Extra Small devices (landscape phones, 176px and up) */
@media screen and (min-width: 176px) {  
    .yout-table-sm th, .yout-table-sm td, .yout-table-sm .btn, .yout-table-sm .form-control { font-size: 12px; padding: 4px 1px; line-height: 14px;}
    .yout-table-sm .btn { padding: 4px 3px; }
    .yout-table-sm .form-control { width: 16px !important; border-radius: 6% !important; }
    .form-group >span { display: inline-block; float: inherit; margin: 10px 10px 0 0; line-height: 35px; }
    .available { font-size: 13px; line-height: 14px; }
    .available>span { display: none; }
}


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media screen and (min-width: 768px) {  
    .yout-table-sm th, .yout-table-sm td, .yout-table-sm .btn, .yout-table-sm .form-control { font-size: 20px; padding: 5px 1px 5px 5px; line-height: 20px;}
    .yout-table-sm .form-control { width: 45px !important; border-radius: 6% !important; }
    .form-group >span { display: inline-block; float: right; margin: 0 0 0 10px; line-height: 35px; }
    .available { font-size: 15px; line-height: 14px; }
    .available>span {  display: inline-block; float: left; border: 1px solid #D1D1D1; width: 3px; height: 8px; vertical-align: bottom; margin: 5px 2px 0 0; background-color: #D1D1D1; }
    .available>span.ava { background-color: green; border: 1px solid green; }
}
 
/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) { 
 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {  
    
}


