/* font-family: "UbuntuRegular"; */ @font-face { font-family: "UbuntuRegular"; src: url("../fonts/UbuntuRegular/UbuntuRegular.eot"); src: url("../fonts/UbuntuRegular/UbuntuRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/UbuntuRegular/UbuntuRegular.woff") format("woff"), url("../fonts/UbuntuRegular/UbuntuRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "UbuntuBold"; */ @font-face { font-family: "UbuntuBold"; src: url("../fonts/UbuntuBold/UbuntuBold.eot"); src: url("../fonts/UbuntuBold/UbuntuBold.eot?#iefix") format("embedded-opentype"), url("../fonts/UbuntuBold/UbuntuBold.woff") format("woff"), url("../fonts/UbuntuBold/UbuntuBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "UbuntuItalic"; */ @font-face { font-family: "UbuntuItalic"; src: url("../fonts/UbuntuItalic/UbuntuItalic.eot"); src: url("../fonts/UbuntuItalic/UbuntuItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/UbuntuItalic/UbuntuItalic.woff") format("woff"), url("../fonts/UbuntuItalic/UbuntuItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "UbuntuLight"; */ @font-face { font-family: "UbuntuLight"; src: url("../fonts/UbuntuLight/UbuntuLight.eot"); src: url("../fonts/UbuntuLight/UbuntuLight.eot?#iefix")format("embedded-opentype"), url("../fonts/UbuntuLight/UbuntuLight.woff") format("woff"), url("../fonts/UbuntuLight/UbuntuLight.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "UbuntuLightItalic"; */ @font-face { font-family: "UbuntuLightItalic"; src: url("../fonts/UbuntuLightItalic/UbuntuLightItalic.eot"); src: url("../fonts/UbuntuLightItalic/UbuntuLightItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/UbuntuLightItalic/UbuntuLightItalic.woff") format("woff"), url("../fonts/UbuntuLightItalic/UbuntuLightItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "UbuntuMedium"; */ @font-face { font-family: "UbuntuMedium"; src: url("../fonts/UbuntuMedium/UbuntuMedium.eot"); src: url("../fonts/UbuntuMedium/UbuntuMedium.eot?#iefix")format("embedded-opentype"), url("../fonts/UbuntuMedium/UbuntuMedium.woff") format("woff"), url("../fonts/UbuntuMedium/UbuntuMedium.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "UbuntuMediumItalic"; */ @font-face { font-family: "UbuntuMediumItalic"; src: url("../fonts/UbuntuMediumItalic/UbuntuMediumItalic.eot"); src: url("../fonts/UbuntuMediumItalic/UbuntuMediumItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/UbuntuMediumItalic/UbuntuMediumItalic.woff") format("woff"), url("../fonts/UbuntuMediumItalic/UbuntuMediumItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "UbuntuBoldItalic"; */ @font-face { font-family: "UbuntuBoldItalic"; src: url("../fonts/UbuntuBoldItalic/UbuntuBoldItalic.eot"); src: url("../fonts/UbuntuBoldItalic/UbuntuBoldItalic.eot?#iefix")format("embedded-opentype"), url("../fonts/UbuntuBoldItalic/UbuntuBoldItalic.woff") format("woff"), url("../fonts/UbuntuBoldItalic/UbuntuBoldItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } .font-bold { font-family: "UbuntuBold"; } b, strong { font-family: "UbuntuBold"; } body { font-family: "UbuntuLight",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #010101; } a { color: #010101; text-decoration: underline; } a:focus, a:hover { color: #010101; text-decoration: none; } p, p span{color:#010101 !important} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "UbuntuBold"; font-weight: 500; line-height: 1.1; color: #010101; } .wrapper-header-fluid { background-color: #fbd400; padding-bottom: 10px; } .common-logo-header, .common-logo-phone { text-align:center; text-transform:uppercase; } .common-logo-header-a { text-decoration:none; color:inherit; } .common-logo-header{ font-size:30px; margin-top: 10px; color: #2d2d2d; } .common-logo-phone { font-size:30px; color: #2d2d2d; } .common-header-email { margin-top:15px; background: url(../img/icon-head-email.png) 0px 2px no-repeat; padding-left: 25px; } .common-header-email-a { font-family: "UbuntuMedium"; text-decoration:none; color:#101010; font-size:15px; padding-right:5px; } .common-header-email-a:hover { text-decoration:underline; } .common-header-location { background: url(../img/icon-head-location.png) 0px 2px no-repeat; padding-left: 25px; font-size:15px; margin-top:7px; font-family: "UbuntuMedium"; } .common-header-cabinet { text-align:right; margin-top:1px; } .common-header-cabinet-a { background-repeat:no-repeat; background-position: 0px 3px; padding-left: 14px; margin-left:10px; } .common-header-cabinet-a.login { background-image: url(../img/icon-head-user.png); } .common-header-cabinet-a.registration { background-image: url(../img/icon-head-login.png); } .common-header-cart { position: relative; text-align:right; margin-top: 20px; } .common-header-cart-img { position:absolute; top:0px; left:0px; bottom:0px; width:120px; background: url(../img/icon-head-cort.png) center right no-repeat; } .menu-top-bg { background-image: url(../img/menu-top-bg-10.jpg), url("../img/menu-top-bg-90.jpg"); background-repeat: no-repeat, repeat-x; background-size:contain; border-radius: 0px; margin:0px; outline:none; border:none; outline: 1px solid rgba(250,250,250,.3); } .menu-top-bg::after { content: ' '; display: inline-block; width: 15px; background: url(../img/menu-top-bg-10.jpg) no-repeat; position: absolute; top: 0px; right: 0px; bottom: 0px; } .menu-top-a { font-family: "UbuntuRegular"; font-size:19px; text-decoration:none; } .nav > li > a.menu-top-a { padding: 12px 15px; } ul.nav li:first-child a{ text-align: left; padding-left:0px; } ul.nav li:last-child a{ text-align: right; padding-right:0px; } .menu-top-li { background: url("../img/menu-top-li-bg.png") center right / contain no-repeat; } ul.nav li:last-child{ background:none; } .menu-top-li:hover { background: url("../img/menu-top-li-bg.png") center right / contain no-repeat; } .nav > li.menu-top-li > a:focus, .nav > li.menu-top-li > a:hover { text-decoration: underline; background-color: unset; } .wrapper-bottom-fluid { background-color:#767676; margin-top:0px; } .wrapper-bottom-fluid div * { color: #ffffff; } .menu-bottom { min-height: auto; margin-bottom: 0px; border: none; border-radius:none; } .menu-bottom-h { font-family: "UbuntuBold"; font-size: 17px; margin-top:35px; margin-bottom:35px; } .menu-bottom-ul { padding: 0px; list-style-type:none; } .menu-bottom-div { padding: 0px; } .menu-bottom-a { padding-top: 10px; display: inline-block; } .menu-bottom-catalog-ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .row-flex { display: flex; flex-flow: row wrap; } .common-bottom-email { padding-top: 10px; background: url(../img/icon-bottom-email.png) 9px 12px no-repeat; padding-left: 45px; font-family: "UbuntuMedium"; } .common-bottom-phone { padding-top: 10px; background: url(../img/icon-bottom-phone.png) 9px 12px no-repeat; padding-left: 45px; min-height:37px; font-family: "UbuntuMedium"; } .common-bottom-location { padding-top: 10px; background: url(../img/icon-bottom-location.png) 9px 12px no-repeat; padding-left: 45px; min-height:40px; font-family: "UbuntuMedium"; } .common-bottom-youtube { margin-top: 5px; padding-top: 5px; background: url(../img/youtube-v4.png) 0px 0px no-repeat; padding-left: 45px; min-height:30px; font-family: "UbuntuMedium"; background-size: contain; } .common-bottom-instagram{ margin-top: 5px; padding-top: 5px; background: url(../img/instagram-v4.png) 0px 0px no-repeat; padding-left: 45px; min-height:30px; font-family: "UbuntuMedium"; background-size: contain; } .common-bottom-whatsapp{ margin-top: 5px; padding-top: 5px; background: url(../img/whatsapp-v4.png) 0px 0px no-repeat; padding-left: 45px; min-height:30px; font-family: "UbuntuMedium"; background-size: contain; } .common-bottom-instagram-a{ } .common-bottom-phone-a, .common-bottom-email-a { text-decoration:none; } .common-bottom-phone-a:hover, .common-bottom-email-a:hover { text-decoration:underline; } .copy-links { text-decoration:none; font-family: "UbuntuMedium"; } .copy-links-div.solid { text-align:right; } .copy-links:hover { text-decoration:underline; } .copy-links-div { padding-top:30px; padding-bottom:30px; font-family: "UbuntuMedium"; } .bottom-menu-bg::before { content: ' '; position:absolute; top:90px; left:0px; bottom:0px; width:3px; background: url(../img/menu-bottom-bg.png) center left repeat-y; } .bottom-menu-bg.catalog::before { left:42%; } .index-advantages-wrapper-bg { background: url(../img/index-advantages-wrapper-bg.jpg)top left / cover no-repeat; } .index-h3-header { margin-top: 35px; margin-bottom: 35px; text-align:center; } .index-advantages-captions { font-size: 14px; font-family: "UbuntuRegular"; color: #000000; text-align: center; margin-top: 20px; margin-bottom: 50px; padding-left: 10px; text-shadow: 1px 1px rgba(255,255,255,.3); } .index-advantages-img { margin:0 auto; } .index-popular-tovar-table { display:table; border: 3px solid #939393; border-radius: 5px; height: 160px; width: 160px; margin:0 auto; transition: border .3s ease; } .index-popular-tovar-table:hover, .index-popular-tovar-table:focus { border-color: #FBD400; } .index-popular-tovar-table-cell { display:table-cell; vertical-align:middle; text-align: center; } .index-popular-tovar-div { } .index-popular-tovar-img-a { } .index-popular-tovar-a-box { text-align:center; margin-top:10px; margin-bottom:10px; height:36px } .index-popular-tovar-a-box.news-box{height:180px} .inner-popular-tovar-a-box { /*margin-bottom:140px;*/ } .equal-item{margin-bottom:15px} .inner-catalog-product-form-box { height:150px; } .index-popular-tovar-a { text-decoration:none; font-weight: bold; color: #8e7718; } .index-popular-tovar-a:hover { text-decoration:underline; } .index-popular-tovar-header { margin-top:45px; margin-bottom:50px; } .btn-yellow { display:inline-block; padding:10px 25px; text-align:center; text-decoration:none; background: url(../img/btn-yellow.png) left top / 100% 100% no-repeat; border: none; } .btn-yellow:hover, .btn-yellow:focus { opacity:.8; outline:none; } .btn-yellow:active { transform:scale(.99); opacity:.7; } .index-popular-btn-box { text-align:center; padding-top: 20px; } .clear { clear:both; } label { font-weight:normal; } .char-require::after { content: ' *'; color: #b92929; font-weight:bold; } .form-group { font-family: "UbuntuLight",Helvetica,Arial,sans-serif; color:#363636; } .form-1-optional { font-size:90%; } .form-control { border: 1px solid #e9e9e9; border-radius: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), inset -4px 0px 3px 2px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), inset -4px 0px 3px 2px rgba(0,0,0,.075); } .form-control:focus { border-color: #cccccc; } textarea.form-control { min-height: 120px; } .form-1-btn-box { text-align:right; margin-bottom:50px; } .counters-box { margin-bottom:20px; } .menu-bottom-li { max-width:80%; } .html-admin-main { margin-bottom:30px; } .breadcrumbs-ul { list-style: none; padding-left: 10px; margin-top: 10px; } .breadcrumbs-li { display: inline-block; margin-right: 14px; } .breadcrumbs-li-last { color: #959595; } .breadcrumbs-a { color: #2d2d2d; text-decoration:underline; position:relative; } .breadcrumbs-a::after { content: ' / '; display: inline-block; position: absolute; top: -2px; right: -11px; } .breadcrumbs-a:hover, .breadcrumbs-a:focus { text-decoration:none; } .inner-header-box { text-align:center; margin-bottom: 40px; } .common-bottom-phone-index { background-image: url(../img/icon-contact-phone.png); } .form-1-optional-error { color:red; } .form-control-captcha { display:inline-block; width:auto; } .form-inner-contacts { margin-bottom:60px; } .inner-page-wrapper { } .inner-h1-header { text-align:center; margin-bottom: 30px; } .inner-popular-tovar-table { width: 260px; height: 260px; } .index-popular-tovar-img { max-height: 154px; max-width: 154px; } .inner-popular-tovar-img { max-height: 254px; max-width: 254px; } .inner-catalig-cost-box { background-color:#fbd400; padding: 3px 0; margin:10px 0; text-align:center; } .form-control-roubrick { display:inline-block; width:20%; } .btn-yellow-roubrick { background: url(../img/icon-head-cort.png) 30px 9px / 23px no-repeat ,url(../img/btn-yellow.png) left top / 100% 100% no-repeat; text-indent: 15px; width: 205px; } .inner-catalog-roubric-form { position: absolute; bottom: 40px; left: 15px; right: 15px; } .page-navigator-wrapper { margin-top:15px; margin-bottom:15px; font-size:15px; } .page-navigator-current-page { font-size: 14px; } .inner-roubricdetail-wrapper { margin:50px 0 100px 0; } .inner-detail-popular-tovar-table { display: table; border: 3px solid #939393; border-radius: 5px; height: 450px; width: 450px; margin: 0 auto; transition: border .3s ease; margin-bottom:50px; } .inner-detail-popular-tovar-img { max-height: 444px; max-width: 444px; } .inner-catalog-product-form { } .inner-catalig-production-cost-box { display:inline-block; padding-left:30px; padding-right:30px; } .inner-catalig-production-order-box { display: inline-block; float: right; margin-top: 13px; } .inner-catalogue-product-discription-box { margin-bottom:50px; } .inner-catalogue-product-discription-box iframe { width: 100%; } .form-control-product { width: 45px; } .btn-yellow-product { width: 165px; } .inner-catalog-product-html-box { margin:50px 0 100px 0; } /*.flexisel { display:none; }*/ .cart-table-td { vertical-align:middle !important; } .cart-table-th { text-align:center; background-color: #fbd400; font-weight:normal; font-family: "UbuntuBold" !important; } .table-bordered { } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-color: #434343; font-family: "UbuntuRegular"; color:#000000; } .cart-table-footer-div { text-align:right; } .cart-table-footer-div-cost { color: #e35454; padding-right:20px; } .form-control-cart { width:50px; display:inline-block; } .cart-table-delete { display:none; } .cart-table-delete-label { display: inline-block; cursor: pointer; position: relative; height:20px; width:20px; border:1px solid #cccccc; transition:all .3s ease; } .cart-table-delete:checked +.cart-table-delete-label { border-color: transparent; background: url(../img/icon-cart-delete.png) left top / contain no-repeat; } .inner-cart-message { margin-top:100px; margin-bottom:100px; text-align:center; font-size:18px; } .form-checkbox-1 { display:none; } .form-checkbox-1-label { position: relative; cursor:pointer; } .form-checkbox-1-label::before { content: ' '; display: inline-block; height:20px; width:20px; background: url(../img/icon-checkbox-1.png) left top / contain no-repeat; position: relative; top:4px; margin-right:10px; } .form-checkbox-1:checked + .form-checkbox-1-label::before { border-color: red; background-image: url(../img/icon-checkbox-1-active.png); } .common-logo-phone-mobile { display:none; } .nbs-flexisel-item a { margin: 0 auto; } .news-archive-ul { margin-top:20px; margin-bottom:20px; list-style-type:none; clear:both; } .news-archive-ul-li { display:inline-block; margin-right:20px; } .news-anonce-table { border-color: rgba(251, 212, 0, .2); } a.news-anonce-table-header-a { font-family: "UbuntuMedium"; } a.news-anonce-table-text-a:hover { text-decoration:none; opacity: 1; transition: all .3s ease; text-shadow: 1px 1px 1px rgba(0,0,0,.3); } .news-anonce-date { font-family: "UbuntuLight"; text-align:right; } .home-index-popular-tovar-wrapper { margin-bottom: 25px; } .html-admin-main-top-text-header { text-align: center; margin-bottom:25px; } .news-anonce-table-text-a { display: inline-block; max-height: 130px; overflow: hidden; position:relative; } .news-anonce-table-text-a::after { content: ' '; display: inline-block; position: absolute; bottom: 2px; height: 20px; width: 30px; right: 0; background: linear-gradient(to right, transparent 0%, white 40%); } .news-detail-date { font-family: "UbuntuItalic"; color: #b5b5b5; } .popup-wrapper { display:none; position:fixed; z-index:100000000000; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.7); box-sizing:border-box; min-height:100vh; } .popup-wrapper::after { content: 'X'; display: inline-block; position: absolute; top: 30px; right: 30px; color: rgba(255,255,255,.8); font-size: 19px; font-family: "OpenSansExtraBold"; transition: all .3s ease; line-height: 40px; height: 40px; width: 40px; text-align: center; border-radius: 50%; background: rgb(251, 212, 0); cursor:pointer; } .popup-box { display: none; z-index: 100000000001; padding: 20px; border-radius: 10px; background: rgb(255,255,255); height: 210px; width: 300px; margin-top: -105px; margin-right: -150px; position: fixed; top: 50%; right: 50%; box-sizing: border-box; } .popup-wrapper-cart { display:none; position:fixed; z-index:100000000000; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.7); box-sizing:border-box; min-height:100vh; } .popup-box-cart { text-align:center; } .popup-box-cart::after { content: 'X'; display: inline-block; position: absolute; top: -20px; right: -20px; color: rgba(255,255,255,.8); font-size: 19px; font-family: "OpenSansExtraBold"; transition: all .3s ease; line-height: 40px; height: 40px; width: 40px; text-align: center; border-radius: 50%; background: rgb(251, 212, 0); cursor:pointer; } .table-history-th { font-weight:normal; font-family: "UbuntuBold" !important; text-align:center; } .cart-table-td-div { text-align:center; } a.online { right: -4px; position: fixed; bottom: 50px; z-index: 10000; } .multiple-items .slick-slide{text-align:center; height:210px} .multiple-items .slick-slide > div{display:table; width:90%; height:100%; margin:0 auto} .multiple-items .slick-slide:focus, .multiple-items .slick-slide a:focus{outline:none} .multiple-items .slick-slide a{ display:table-cell; vertical-align:middle; width:100%; height:210px; border:1px solid #fbd400 } .multiple-items .slick-slide img{width:100%} .screen-soglas{ background: rgba(0,0,0,.3); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999; cursor: pointer; display:none } .screen-soglas > div{ position: fixed; width: 770px; background: #fff; padding: 10px; left: 50%; margin-left: -385px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:15px; text-align:left; height:440px; top:50%; margin-top:-250px; padding:30px 15px; } .screen-soglas > div > div{ height:400px; padding:0 15px; overflow-y:scroll } .screen-soglas h3{ margin-top:0; padding-top:0 } .clc{ position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; overflow:hidden; background: url(../img/fancy_close.png) no-repeat center center; } /*** Страница контакты ***/ .contacts__top-block{ text-align: center; } .contacts__top-block .common-header-email-a{ display: inline-block; position: relative; margin-top: 10px; } .contacts__top-block .common-header-email-a:before{ display: inline-block; content: ""; background-image: url(../img/mail.png); background-repeat: no-repeat; width: 27px; height: 25px; background-size: 27px; position: absolute; top: 0; left: -40px; } .contacts__top-block a{ font-family: "UbuntuMedium"; font-size: 18px; margin-bottom: 15px; padding-right: 0; } .contacts__top-block .common-bottom-phone-a{ display: inline-block; position: relative; } .contacts__top-block .common-bottom-phone-a:before{ display: inline-block; content: ""; background-image: url(../img/tel.png); background-repeat: no-repeat; width: 22px; height: 25px; background-size: 20px; position: absolute; top: 0; left: -40px; } .contacts__youtube{ display: inline-block; position: relative; } .contacts__youtube:before{ display: inline-block; content: ""; background-image: url(../img/youtube_black.png); background-repeat: no-repeat; width: 53px; height: 24px; position: absolute; top: 1px; left: -66px; } .contacts__instagram{ display: inline-block; position: relative; } .contacts__instagram:before{ display: inline-block; content: ""; background-image: url(../img/instagram_black.png); background-repeat: no-repeat; width: 25px; height: 25px; position: absolute; top: 1px; left: -39px; } .contacts__bottom-block p{ display: inline-block; margin: 0 10px; } .contacts__bottom-block h3{ text-align: center; text-transform: uppercase; margin-bottom: 25px; margin-top: 30px; } @media screen and (max-width: 768px) { .common-bottom-whatsapp { position: fixed; bottom: 15px; right: 10px; } .common-bottom-whatsapp a { text-shadow: 0 0 7px black; } }