@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Oswald:300&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto:300&display=swap');

@font-face {
    font-family: 'FontAwesome';
    src: url('/share/assets/vendor/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype');
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin:0 ! important;
}
body,td,th {
	font-family: 'Oswald';
	font-size: 18px;
	color: #333;
}
ul {
    padding: 0;
    margin: 0;
    outline: 0;
}

li {
    padding: 0;
    margin: 0;
    outline: 0;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:active {
    text-decoration: none;
}

.tag { display:inline-block; padding: 4px 6px; background: #efefef; border-radius: 4px; font-size: 14px; }
.tag:hover { text-decoration: none; }
.tag::before {
    content: "\f02b";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: 'FontAwesome';
    margin-right: 5px;
}

.dates_list {
    list-style: none;
}

.gray_15 {
	font-family: 'Oswald';
	font-size: 15px;
	color: #6F6F6F;
}
.gray_16 {
	font-family: 'Oswald';
	font-size: 16px;
	color: #333;
}

.gray_16-roboto {
	font-family: 'Roboto';
	font-size: 16px;
	color: #333;
}
.gray_18 {
	font-family: 'Oswald';
	font-size: 18px;
	color: #333;
}
.gray_20 {
	font-family: 'Oswald';
	font-size: 20px;
	color: #333;
}
.gray_24 {
	font-family: 'Oswald';
	font-size: 24px;
	color: #333;
}
.gray_zagl {
	font-family: 'Oswald';
	font-size: 35px;
	color: #333;
}
.white_15 {
	font-family: 'Oswald';
	font-size: 17px;
	color: #FFF;
}
.white_15-roboto {
	font-family: 'Roboto';
	font-size: 15px;
	color: #FFF;
}



.gray_15 a{
	font-family: 'Oswald';
	font-size: 15px;
	color: #6F6F6F;
}
.gray_16 a{
	font-family: 'Oswald';
	font-size: 16px;
	color: #333;
}

.gray_16-roboto a{
	font-family: 'Roboto';
	font-size: 16px;
	color: #333;
}
.gray_18 a{
	font-family: 'Oswald';
	font-size: 18px;
	color: #333;
}
.gray_20 a{
	font-family: 'Oswald';
	font-size: 20px;
	color: #333;
}
.gray_24 a{
	font-family: 'Oswald';
	font-size: 24px;
	color: #333;
}
.gray_zagl a{
	font-family: 'Oswald';
	font-size: 35px;
	color: #333;
}
.white_15 a{
	font-family: 'Oswald';
	font-size: 17px;
	color: #FFF;
}
.white_15-roboto a{
	font-family: 'Roboto';
	font-size: 15px;
	color: #FFF;
}
#mbmcpebul_table li div.buttonbg {
    height: auto !important;
    width: auto !important;
}
.banner.left-banner img { max-width:260px; height:auto; }
/* accordion */
.accordion .inner {
    padding-left: 1em;
    overflow: hidden;
    display: none;
}

.striked { text-decoration:line-through }
span.show { display: inline-block !important; }

.gallery-slider-container { width: 96%; margin: 0 auto; }
.slick-next { right: -25px !important; }
.slick-prev { left: -25px !important; }
.slick-prev::before, .slick-next::before {
    color: black !important;
}

.number-spinner .form-control { width:50px; }

/* flags */
.flags { position: absolute; }
.flags img { float:left; margin-left: 5px; }

/* ECART **************************************************************************************************************/
#promo { display: none; }
.col-form-label { font-weight: normal; }
.form-required .col-form-label { font-weight: bold; }

/* PAGINATOR **********************************************************************************************************/
ul.paginator {
    padding:0; margin:0;
    list-style: none;
}

ul.paginator li {
    float: left;
    margin:1px;
}

ul.paginator li a {
    text-decoration: none;
    transition: all .6s;
    display: block;
    width: 100%;
    padding:5px 15px;
    background: #f1f1f1;
    color: #333;
}

ul.paginator, ul.paginator li.active a {
    background: #5C5C5C;
    color: #fff;

}


ul.paginator li a:hover {
    background: #FED200;
    color: #fff;

}

/* SLICK **********************************************************************/
.multiple-items.slick-slider {
  margin-top: 30px;
}
.multiple-items .slick-prev, .multiple-items .slick-next {
    top: auto;
    transform: translate(-50%, 0) rotate(90deg);
    left: 50% !important;
}

.multiple-items .slick-next {
  top: unset;
  bottom: -30px;
}

.multiple-items .slick-prev {
  top: -30px;
}

/* QTY SELECTOR ***************************************************************/
.qty_selector .btn { 
    display: block;
    font-size: 10px;
    border: 1px #ccc solid;
    border-radius: 0;
    border-left: 0;
    padding: 1px 4px;
    color: #777;
}
.qty_selector .form-control {
    font-size: 16px;
    height: 36px;
    width: 45px;
    font-weight: bold;
}

/* WISHLIST *******************************************************************/
.tbl_wishlist {
    width: 100%;
    display:block;
}

.tbl_wishlist thead td { font-weight: bold; }

.tbl_wishlist td {
    padding:5px;
}

.awishlist {
    display: inline-block;
    height:25px; width: 30px;
    background-image: url('/share/images/site/wishlist1.png');
    background-size: 30px;
}

.awishlist.inwishlist {
    background-image: url('/share/images/site/wishlist2.png');
}