@import url(//fonts.googleapis.com/css?family=Open+Sans|Roboto);
body {
color: #1a3055;
background-color: #ffffff;
}
a {
color: #1a3055;
text-decoration: underline;
outline: none;
font-family: "Open Sans" sans-serif;
font-weight: 500;
}
a:hover {
color: #e60003;
}
img[border="1"] {
border-style: solid;
border-width: 1px;
}
img[border="2"] {
border-style: solid;
border-width: 2px;
}
img[border="3"] {
border-style: solid;
border-width: 3px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Roboto" sans-serif;
font-weight: 500;
}
.border{
border-width: 2px!important;
border-color: #c1c1c1!important;
}
.border:hover{
border-color: #E60003!important;
}
/*
* Header
*/
.marka-header {
background-color: #1a3055;
line-height: 1;
border-bottom: 1px solid #e5e5e5;
}
.marka-header-title{
color: #fff;
text-align: left;
}
.marka-header-title h4{
font-size: 28px;
font-weight: 500;
text-transform: uppercase;
}
.marka-header-title h5{
font-size: 18px;
margin: 0;
}
.marka-header_shopping-cart {
color: #ffffff;
font-size: 28px;
margin-top: 10px;
margin-right: 30px;
text-decoration: none;
}
.marka-header_shopping-tel {
display: block;
font-size: 19px;
color: #ffffff;
margin-right: 30px;
margin-top: 1px;
}
.marka-header_shopping-tel a {
color: #ffffff;
text-decoration: none;
}
.marka-header_shopping-tel a:hover {
color: #e60003;
}
.lang-link,
.lang-link a {
color: rgba(0, 0, 0, 0.9);
text-decoration: none;
}
.lang-link a:hover {
color: rgba(0,0,0,1);
}
.lang-link_item {
display: block;
padding: 13px 0;
}
.lang-link_item a{
display: inline-block;
line-height: 30px;
padding-left: 2px;
padding-right: 2px;
}
.lang-link_item a.active{
background-color: #32A6D5;
color: #ffffff;
}
#bb-header.default .bb-header_menu{
position: absolute;
width: 100%;
left: 0;
top: auto;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
z-index: 1;
background-color: #fff;
}
#bb-header.fixed .bb-header_menu{
position: fixed;
top: 0;
z-index: 3;
width: 100%;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#bb-header.fixed .bb-header_menu .navbar-expand-lg .navbar-nav .dropdown-menu{
margin-top: 8px;
}
.marka-header-logo img{
margin: 0 auto;
display: inline-block;
width: 150px;
}
/*
* Navbar
*/
/*
.navbar-expand-lg .navbar-nav .nav-item:nth-child(5){
border-right: none;
}
*/
.navbar-expand-lg .navbar-nav .nav-item.nav-item-last {
border-right: none;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link{
color: #1e5799;
}
.navbar-expand-lg .navbar-nav .nav-link{
padding-right: 1rem;
padding-left: 1rem;
margin-right: 0.5rem;
margin-left: 0.5rem;
text-decoration: none;
text-transform: uppercase;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
margin-top: 16px;
border-radius: 0 0 5px 5px;
border-top: none;
}
.cart-link::after{
content: "\f07a";
margin-left: 7px;
line-height: 18px;
font-size: 21px;
font-family: "FontAwesome";
}
.user-link::before {
content: "\f007";
margin-right: 7px;
line-height: 18px;
font-size: 21px;
font-family: "FontAwesome";
}
#bb-header.default,
#bb-header.fixed{
height: 65px;
}
.dropdown-item{
text-decoration: none;
}
.dropdown-item:hover{
background-color: #32A6D5;
color: #ffffff;
}
/*
* Footer
*/
.marka-footer {
margin-top: 50px;
font-size: 12px;
padding: 2.5rem 0 1rem;
color: #ffffff;
background-color: /*#32A6D5;*/ #1a3055;
}
.marka-footer a{
color: #ffffff;
text-decoration: none;
}
.marka-footer a:hover{
color: #E60003;
}
.marka-footer_copirite {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #f9f9f9;
text-align: center;
font-size: 12px;
}
.marka-footer_copirite p:last-child {
margin-bottom: 0;
}
#scroll{
position: fixed;
right: 15px;
bottom: 15px;
display: block;
width: 50px;
height: 50px;
font-size: 24px;
line-height: 44px;
border-radius: 50%;
background-color: #32A6D5;
text-decoration: none;
color: #ffffff;
text-align: center;
}
#scroll:hover{
background-color: #E60003;
}
#scroll.default{
opacity: 0;
visibility: hidden;
}
#scroll.fixed{
opacity: 1;
visibility: visible;
}
.title-marks{
font-size: 28px;
word-wrap: break-word;
}
.marka-sidebar .nav.flex-column{
width: 100%;
}
.breadcrumb-item{
display: block;
float: left;
}
.breadcrumb-item.active{
white-space: nowrap; /* Запрещаем перенос строк */
overflow: hidden; /* Обрезаем все, что не помещается в область */
text-overflow: ellipsis; /* Добавляем многоточие */
}
.marka-header_dop{
padding-top: 5px;
padding-left: 0;
}
.marka-header_dop .form-group{
margin-bottom: 1rem;
margin-top: 0.1rem;
position: relative;
z-index: 4;
}
.form-control-search{
height: 30px;
border-radius: 0;
background: none;
color: #ffffff;
font-size: 12px;
margin-top: 0px;
float: right;
width: 145px;
}
.btn-search,
.btn-envelope{
color: #ffffff;
border:none;
border-radius: 0;
background: none;
padding: 0.18rem 0.75rem;
font-size: 21px;
text-decoration: none;
}
.btn-envelope {
padding: 0rem 0.1rem;
margin-right: 10px;
font-size: 19px;
margin-top: 6px;
}
.btn-envelope:last-child{
margin-right: 28px;
}
.btn-search{
float: right;
margin-right: 30px;
border: 1px solid #ffffff;
border-left: none;
padding: 0rem 0.75rem 0.2rem;
font-size: 19px;
line-height: 25px;
}
.marka-item {
position: relative;
z-index: 0;
}
.marka-item .custom-control {
position: absolute;
z-index: 1;
top: -30px;
right: 15px;
transform: scale(1.2);
}
.marka-item .custom-control {
position: absolute;
z-index: 1;
top: -33px;
right: 25px;
transform: scale(1.2);
}
.marka-item .custom-control-label::before {
background-color: #ffffff;
border: 1px solid #c1c1c1;
-webkit-box-shadow: 0px 0px 0px 3px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 0px 3px rgba(255,255,255,1);
box-shadow: 0px 0px 0px 3px rgba(255,255,255,1);
}
.marka-item .custom-control-input:focus ~ .custom-control-label::before {
-webkit-box-shadow: 0px 0px 0px 3px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 0px 3px rgba(255,255,255,1);
box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1);
border: 1px solid #1e5799;
}
.marka-item
.custom-checkbox
.custom-control-input:checked
~ .custom-control-label::before {
background-color: #1e5799;
border: 1px solid #1e5799;
}
.marka-item .custom-control.custom-checkbox-star {
top: -32px;
transform: scale(1);
}
.marka-item .custom-checkbox-star .custom-control-label::before {
background-image: url(/assets/images/star.png);
width: 25px;
height: 25px;
background-color: #ffffff00;
background-position: -2px -4px;
border: none;
box-shadow: none;
}
.marka-item
.custom-checkbox-star
.custom-control-input:focus
~ .custom-control-label::before {
border: none;
box-shadow: none;
}
.marka-item
.custom-checkbox-star
.custom-control-input:checked
~ .custom-control-label::before {
background-image: url(/assets/images/star.png);
width: 25px;
height: 25px;
background-color: #ffffff00;
background-position: -2px -31px;
border: none;
box-shadow: none;
}
@media(max-width: 575px){
.marka-footer{
text-align: center;
}
}
@media(max-width: 991px){
main .navbar-light .navbar-toggler {
padding: 0.25rem 0.2rem 0;
}
.marka-header-logo img {
width: 90px;
}
.marka-header-title h4{
font-size: 22px;
margin: 7px 0 0;
}
.form-group{
margin: 0;
}
.marka-header_shopping-tel,
.marka-header-title,
.btn-envelope{
display: none;
opacity: 0;
visibility: hidden;
}
.mobile-catalog_btn{
margin: 15px 0;
width: 100%;
font-size: 21px!important;
}
.category-menu{
width: 100%;
position: relative;
z-index: 0;
}
#bb-header.default{
background-color: rgba(0,0,0,0);
position: fixed;
top: 51px;
z-index: 1;
width: 100%;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#bb-header.fixed .bb-header_menu{
top: 51px;
}
#bb-header.fixed .navbar-toggler,
#bb-header.fixed .shopping-cart{
color: #fff;
}
.navbar.navbar-expand-lg.navbar-light{
margin-top: 24px;
}
.marka-header{
position: fixed;
width: 690px;
z-index: 1;
top: 0;
}
#header{
position: relative;
margin-top: 73px;
}
.lang-link_bg {
float: right;
width: 91%;
}
.marka-header {
margin-top: 0;
}
#bb-header.default,
#bb-header.fixed {
height: 0px;
}
#bb-header.default .bb-header_menu {
background-color: rgba(0,0,0,0);
}
#bb-header.default .bb-header_menu-box .navbar{
background-color: #ffffff;
}
.navbar-toggler,
.shopping-cart{
color: #fff;
}
.shopping-cart{
float: left;
font-size: 21px;
padding: 0.15rem 0.75rem;
display: block;
margin-top: 23px;
}
.shopping-cart span{
font-size: 12px;
}
#scroll{
display: none;
opacity: 0;
visibility: hidden;
}
.lang-link_item{
display: none;
overflow: hidden;
opacity: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0rem;
padding-left: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
position: relative;
margin-top: 0px;
top: 0;
border: none;
}
.marka-header{
text-align: center;
}
.anons-news_item,
.linkinst-item{
margin-bottom: 30px;
}
.navbar-toggler{
border-radius: 0;
float: left;
padding: 0.25rem 0.75rem;
font-size: 1.7rem;
margin-top: 18px;
}
.marka-sidebar .navbar-toggler{
float: none;
width: 100%;
margin-bottom: 15px;
}
.navbar,
.dropdown-menu{
padding: 0;
background-color: #1a3055!important;
}
.navbar-light .navbar-nav .nav-link,
.dropdown-item{
color: #fff;
}
.nav-item{
padding: 0 15px;
}
.nav-item:hover{
background-color: #ffffff;
}
.nav-item:hover .nav-link{
color: #1a3055;
}
.lang-link{
/*padding-top: 18px;*/
}
.marka-header_dop-search{
padding-left: 10px;
padding-top: 17px;
}
.form-control-search {
width: 80%;
}
.btn-search{
width: 20%;
margin-right: 0;
}
}
@media(max-width: 767px){
.container{
max-width: 100%!important;
}
.navbar.navbar-expand-lg.navbar-light {
margin-top: 7px;
}
.marka-header-title h4{
font-size: 14px;
margin: 10px 0 5px;
}
.marka-header{
position: fixed;
z-index: 1;
top: 0;
left: 0;
width: 100%;
}
.marka-header-logo img{
width: 60px;
}
#header{
position: relative;
margin-top: 54px;
}
.marka-header_dop-search{
padding-right: 25px;
padding-top: 7px;
}
.lang-link {
padding-top: 8px;
}
.lang-link_bg {
width: 110%;
}
.shopping-cart {
margin-top: 13px;
}
.navbar-toggler {
margin-top: 8px;
}
#bb-header.default,
#bb-header.fixed .bb-header_menu{
top: 41px;
}
.breadcrumb{
display: none;
opacity: 0;
visibility: hidden;
}
}
@media (max-width: 575px) {
.btn-search {
padding: 0rem 0.75rem 0.2rem;
font-size: 14px;
line-height: 25px;
}
.navbar.navbar-expand-lg.navbar-light {
margin-top: 17px;
}
.marka-header-title h5{
font-size: 14px;
margin: 10px 0 5px;
}
.marka-header{
position: fixed;
width: 100%;
z-index: 1;
height: auto;
top: 0;
left: 0;
}
#header{
position: relative;
margin-top: 63px;
}
.marka-header-logo img {
margin: 0 auto;
display: block;
width: 50px;
float: left;
margin-left: 5px;
}
.bb-header_menu-box{
padding-right: 0;
padding-left: 0;
}
.marka-header-title{
padding-left: 0;
}
.marka-header-title h4,
.marka-header-title h5 {
display: none;
}
.navbar-toggler {
border-radius: 0;
float: left;
padding: 0.5rem 0.2rem 0.5rem 0.7rem;
font-size: 1.7rem;
}
.shopping-cart {
float: left;
font-size: 21px;
padding: 0.4rem 0.2rem 0.15rem 0.2rem;
display: block;
}
.lang-link {
padding-top: 0;
padding-right: 0;
display: none;
}
.marka-header_dop-search{
padding: 4px 8% 0 3%;
}
.marka-header_dop .form-group {
margin-top: 0.45rem;
margin-bottom: 0;
}
.shopping-cart {
margin-top: 4px;
}
.navbar-toggler {
margin-top: -2px;
}
#bb-header.default,
#bb-header.fixed .bb-header_menu{
top: 33px;
}
}
@media(max-width: 350px){
.marka-header_dop-search {
padding: 2px 13% 0 5%;
}
}
@media(min-width: 992px){
#bb-header.fixed .bb-header_menu{
background-color: #ffffff!important;
}
.lang-link{
padding-right: 0;
}
.marka-header_dop {
padding-top: 8px;
}
.bb-header_menu-box .navbar {
padding: 0.5rem 0rem;
}
.navbar-toggler,
.nav-item_lang,
.shopping-cart,
.mobile-catalog{
visibility: hidden;
display: none;
opacity: 0;
}
.navbar-expand-lg .navbar-nav .nav-item{
border-right: 1px solid #e5e5e5;
}
.cart-link{
background-color: #1a3055;
color: #fff !important;
margin: 0 0 0 0.5rem !important;
padding-right: 0.9rem !important;
padding-left: 0.9rem !important;
border: 1px solid #ffffff;
}
.cart-link:hover {
background-color: #fff !important;
color: #1a3055 !important;
border: 1px solid #1a3055 !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.4rem;
padding-left: 0.4rem;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
background-color: #1a3055;
color: #fff;
}
.bb-header_menu-box{
padding-left: 0px;
}
.marka-header-title{
padding-right: 0;
}
.marka-header-title h4{
margin: 18px 0 10px;
font-size: 25px;
}
.marka-header_shopping-tel{
margin-top: 18px;
font-size: 21px;
}
}
@media(min-width: 1200px){
.marka-header_shopping-tel{
margin-right: 30px;
}
.marka-header_shopping-tel{
font-size: 22px;
}
.navbar-expand-lg .navbar-nav .nav-link{
padding-right: 1rem;
padding-left: 1rem;
}
.bb-header_menu-box{
padding-left: 15px;
}
.marka-header-title h4{
margin: 23px 0 0;
font-size: 35px;
}
}
.starmessage {
position: absolute;
background-color: #0690E0;
right: 0px;
padding: 10px;
line-height: normal;
color: white;
border-radius: 10px;
}
.item-aug-image2 {
transition: opacity .5s;
background-color: white;
}
.section-item_content-img .item-aug-image2 {
opacity:0;
}
.section-item_content:hover .section-item_content-img .item-aug-image2 {
opacity:1;
}
.form_bg{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
display: none;
z-index: 800;
opacity: 0.3;
}
.form_wrapper{
width: 50%;
min-width: 500px;
font-size: 20px;
color: #000;
background: #fff;
border: none;
padding: 36px 31px 0;
border-radius: 0;
z-index: 900;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: none;
}
@media(max-width: 575px){
.form_wrapper{
min-width: 100%;
}
}
.form_wrapper .btn-order {
background-color: #E60003;
border-color: #ffffff;
color: #ffffff;
position: relative;
border-radius: 0;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
}
.color-red{
color: #E60003;
}
#feedback_form .form-text.text-muted{
font-size: 9px;
}
#captcha_image {
margin-top: 3px;
}
