@charset "utf-8";



@import url('https://fonts.googleapis.com/css2?family=Manrope&display=swap');

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

.cookie_banner {
    position: fixed;
    z-index:999;
    left: 20px;
    bottom: 20px;
}


@font-face {

	font-family: 'FontAwesome';

	src: url('/resources/libs/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype');

}



@media (min-width: 1200px) {

	.container{

		width: 85%;

	}

}



body {

	margin-left: 0px !important;

	margin-top: 0px !important;

	margin-right: 0px  !important;

	margin-bottom: 0px !important;

	margin:0 !important;

	line-height: 1.4 !important;

}

body,td,th {

	font-family: Roboto;

	font-size: 18px;

	color: #333;

}

html, body {

    width: 100% !important;

}

body { display: flex; flex-direction: column; }

body > * { flex: none; }

.is-wrapper { height: auto !important; }



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;

}

input:disabled,

select:disabled { color: #ccc }



.content-with-builder { width: 100%; }

.content-without-builder { width:80%; margin:0 auto; }

/* Margins */

.mt-20 { margin-top: 20px; }

.mb-20 { margin-bottom: 20px; }



.tag { display:inline-block; padding: 4px 6px; background: #efefef; border-radius: 4px; font-size: 12px; }

.tag:hover { text-decoration: none; }

.tag::before {

	content: "\f02b";

	font-family: FontAwesome;

	margin-right: 5px;

}



.font-normal { font-weight: normal; }



.dates_list {

	list-style: none;

}



.padding-xl {

  padding-top: 0 !important;

}



#divInvoice { display:none; }

#home_popup {

	display: none;

	position: fixed;

	top:0;

	width: 100%;

	background: rgba(0,0,0,.5);

	z-index: 99999;

}

#home_popup .popup_position {

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	text-align: center;

	min-height: 100vh;

}



#home_popup .popup_content {

	background: #fff;

}







.gray_15 {

	font-family: Manrope;

	font-size: 15px;

	color: #6F6F6F;

}

.gray_16 {

	font-family: Manrope;

	font-size: 16px;

	color: #161616;

}



.gray_16-1 {

	font-family: Roboto;

	font-size: 16px;

	color: #161616;

}



.gray_18 {

	font-family: Manrope;

	font-size: 18px;

	color: #161616;

}

.gray_20 {

	font-family: Manrope;

	font-size: 20px;

	color: #161616;

}

.gray_24 {

	font-family: Manrope;

	font-size: 24px;

	color: #161616;

}









.green_15 {

	font-family: Manrope;

	font-size: 15px;

	color: #4AAB3D;

}

.green_16 {

	font-family: Manrope;

	font-size: 16px;

	color: #4AAB3D;

}

.green_18 {

	font-family: Manrope;

	font-size: 18px;

	color: #4AAB3D;

}

.green_20 {

	font-family: Manrope;

	font-size: 20px;

	color: #4AAB3D;

}

.green_24 {

	font-family: Manrope;

	font-size: 24px;

	color: #4AAB3D;

}





.white_14 {

	font-family: Manrope;

	font-size: 14px;

	color: #FFF;

}

.white_15 {

	font-family: Manrope;

	font-size: 15px;

	color: #FFF;

}

.white_16 {

	font-family: Manrope;

	font-size: 16px;

	color: #FFF;

}



.gray_15 a{

	font-family: Manrope;

	font-size: 15px;

	color: #6F6F6F;

	text-decoration: none;

}





.gray_16 a{

	font-family: Manrope;

	font-size: 16px;

	color: #161616;

}



.gray_16-1 a{

	font-family: Roboto;

	font-size: 16px;

	color: #161616;

	text-decoration: none;

}





.gray_18 a{

	font-family: Manrope;

	font-size: 18px;

	color: #161616;

	text-decoration: none;

}



.gray_20 a{

	font-family: Manrope;

	font-size: 20px;

	color: #161616;

}

.gray_24 a{

	font-family: Manrope;

	font-size: 24px;

	color: #161616;

}







.green_15 a{

	font-family: Manrope;

	font-size: 15px;

	color: #4AAB3D;

}

.green_16 a{

	font-family: Manrope;

	font-size: 16px;

	color: #4AAB3D;

}

.green_18 a{

	font-family: Manrope;

	font-size: 18px;

	color: #4AAB3D;

	text-decoration: none;

}







.green_20 a{

	font-family: Manrope;

	font-size: 20px;

	color: #4AAB3D;

}

.green_24 a{

	font-family: Manrope;

	font-size: 24px;

	color: #4AAB3D;

}





.white_14 a{

	font-family: Manrope;

	font-size: 14px;

	color: #FFF;

	text-decoration: none;

}





.white_15 a{

	font-family: Manrope;

	font-size: 15px;

	color: #FFF;

}

.white_16 a{

	font-family: Manrope;

	font-size: 16px;

	color: #FFF;

	text-decoration: none;

}





/*.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; }







.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 {

	display:inline-block;

	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 li.active a {

	background: #5C5C5C;

	color: #fff;



}





ul.paginator li a:hover {

	background: #FED200;

	color: #fff;



}



/* SLICK **********************************************************************/

.multiple-items.slick-slider {

	margin-top: 40px;

}

.multiple-items .slick-prev, .multiple-items .slick-next {

	top: auto;

	transform: translate(-50%, 0) rotate(90deg);

	left: 54% !important;

}



.multiple-items .slick-next {

	top: unset !important;

	bottom: -30px;

}



.multiple-items .slick-prev {

	top: -40px !important;

}



/* 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;

}



/* QTY SELECTOR MATH **************************************************************************************************/

.qty_selector_math .btn {

	font-size: 10px;

	border-radius: 0;

	border-left: 0;

	padding: 1px 4px;

	color: #777;

}



.qty_selector_math .form-control {

	width: 40px;

	padding: 3px;

}



/* WISHLIST *******************************************************************/

.tbl_wishlist {

	width: 100%;

	display:block;

}



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



.tbl_wishlist td {

	padding:5px;

}



.awishlist {

	display: inline-block;

	height:30px; width: 30px;

	background-image: url('/resources/images/wishlist1.png');

	background-size: 30px;

}



.awishlist.inwishlist {

	background-image: url('/resources/images/wishlist2.png');

}

#mbmcpebul_table li div.buttonbg {

	height: auto !important;

	width: auto !important;

}



/* Slick slider ****************************************************************/

.slick-next::before, .slick-prev::before {

	content: '' !important;

	background: url('/resources/images/arrow2.png');

	width: 40px;

	height: 35px;

	display:inline-block;

}



.slick-prev::before {

	background: url('/resources/images/arrow2.png');

	transform: rotate(180deg);

}



.slick-prev, .slick-next { top: 35% !important; }



.right_column { width: 220px; }

.right_column h2 { 

    background: #F7F7F7;

    border:1px #ddd solid;

    border-bottom:0;

    margin: 0 !important;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: bold;

    padding: 10px;

}



.right_column h2 a { 

    cursor: pointer;

    color: #E36A00;

    float: right;

    display: inline-block;

}



/* custom carousel */

.custom-carousel {

    position: relative;

    overflow: hidden;

}



.custom-carousel ul {

    position: relative;

    margin: 0;

    padding: 0;

    height: 290px;

    list-style: none;

}



.custom-carousel ul li {

  position: relative;

  display: block;

}



.custom-carousel .item-carousel .item-image {

    height: 210px;

    text-align: left;

    position: relative;

}



.related .slick-dots { bottom: 10px; }

.related, .discount { 

    overflow: hidden; min-width: 100%; width: 0;

    border: 1px #ddd solid;

    padding: 0 10px 25px 10px;

    

}



.product_list {

    display:inline-block; width:310; height: auto; vertical-align: top;

    min-height: 410px;

    margin-bottom:5px;

}



.product_list .product_data {

    width:265px; height: auto; margin-bottom:10px; margin-top:10px;

    min-height:80px;

}



a.hamburger_menu_icon {

	background-image:url(/resources/images/toggle.svg);

	display:block;

	width:51px;

	height:40px;

	position:absolute;

	left:0px;

	background-color: transparent;

	background-repeat: no-repeat;

	background-position: center center;

}



/* attributes *********************************************************************************************************/

.attribute span {

	display: inline-block;

	width: 40px;

	height: 25px;

	margin-right: 5px;

	cursor: pointer;

}

.attribute span.active::after {

	font-family: 'Glyphicons Halflings';

	content: "\e013";

	display: block;

	position: absolute;

	color: #fff;

	font-size: 12px;

	padding-top: 3px;

	padding-left: 13px;

}

.attribute .color_red { background: #CD0011; }

.attribute .color_black { background: #000; }



/* product images *****************************************************************************************************/

a.product_image { display: block; overflow:hidden; position: relative; }

a.product_image img { width: 100%; }

a.product_image .hover_image {

	position: absolute;

	left:0;

	opacity: 0;

	transition: opacity 0.5s;

	top: 0;

}



a.product_image .hover_image.active { opacity: 1; }



/* categories menu ***********************************************************/

.categories-menu, .categories-menu ul {

	list-style: none;

	font-size: 16px;

}



.categories-menu > li { margin-bottom: 20px; }



.categories-menu .category-title {

	font-weight: bold;

	text-transform: uppercase;

	padding-left: 5px;

	padding-bottom: 7px;

	margin-bottom: 7px;

	border-bottom: 1px #ccc solid;

}



.categories-menu a { color: #333; }

.categories-menu a:hover { text-decoration: none; color: #27682A; }



.categories-menu .category-title a { color:#27682A;  }

.categories-menu .category-title a:hover { color: #333; }

.categories-menu a .glyphicon { font-size:12px; }



/* glasscase gallery **************************************************************************************************/

.glass-case ul li { border: 1px solid #E0E0E0 !important; }

.gc-display-area { border: 1px solid #E0E0E0 !important; }

.gc-display-container img { height: auto!important; }



/* gallery ************************************************************************************************************/

.gallery {

	table-layout: fixed;

}

.gallery .img-thumbnail {

	border:0;

	padding:0;

	border-radius: 0;

}



.gallery .gallery-images .slick-prev,

.gallery .gallery-images .slick-next {

	left: 50% !important;

	transform: translate(-50%, 0) rotate(90deg)  scale(0.6);

	width: 59px;

	height: 59px;

}

.gallery .gallery-images .slick-next {

	top: unset;

	bottom: -30px;

}

.gallery .gallery-images .slick-prev {

	top: -30px;

}



/* content builder */

.container img { margin: 0.5rem 0 0.5rem; }

img { max-width: 100%; }

p { margin: 1rem 0; }

p, td, li, label { font-weight: 300; }



/* buttons

.is-btn { border-radius: 2px; padding: 11px 15px; font-size: 14px; color:#333; cursor: pointer; }

.is-btn:hover { text-decoration: none; color:#999; }

.is-btn.is-upper { text-transform: uppercase; }

.is-btn.is-btn-ghost2 { background: #ccc; }

.is-btn.is-btn-ghost1 { background: #eee; }

*/



/* Sitemap ************************************************************************************************************/

.sitemap-list ul { margin-left:20px; list-style: circle; }



/* toBoxes ************************************************************************************************************/

.toBoxes { padding: 0 !important; margin:0 !important; height:0 !important; border:0 !important; }

.theBoxes { display: flex; }

.theBoxes_option {

	margin-right: 4px;

	width: 40px;

	height:40px;

	text-indent: -9999px;

	cursor: pointer;

}

.theBoxes_option.active {

	border: 2px red solid;

}



/* simpleGallery ********************************************************************************************************/

#simpleGallery a { display: block; width:100%; position: relative; }

#simpleGallery a > img { width: 100%; }

#simpleGallery ul { display: flex; align-items: flex-start; }

#simpleGallery ul li a { width: 150px; margin:5px;

	display: flex;

	height: 100px;

	align-items: center;

	overflow: hidden;

}

#simpleGallery ul li a img { width: 100%; }



/* Youtube embed player ***********************************************************************************************/

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* Design modules *****************************************************************************************************/

.design_template { display: flex; justify-content: center; }

.flex-break { flex-basis: 100%; height: 0; }

.design_template h2 {

	text-align: center;

	font-weight: normal;

	font-family: Manrope;

	font-size: 32px;

	background: url('/resources/images/line.png') no-repeat center bottom;

	padding: 30px 0 10px 0;

}



/* Product list *******************************************************************************************************/

.product-list a:hover { text-decoration: none; }

.product-list h3 {

	border-top: 1px #E6E6E6 solid;

	margin: 15px 20px;

	color: #333;

	font-size: 16px;

	text-align: center;

	padding-top: 15px;

	font-weight: normal;

}



/* Autocomplete *******************************************************************************************************/

.ui-autocomplete {

	z-index: 3;

}

.ui-autocomplete .ui-menu-item {

	padding: 6px 12px;

	background: white;

	cursor: pointer;

}



.ui-autocomplete .ui-menu-item:hover {

	background: purple;

	color: white;

}



/* Created message ****************************************************************************************************/

.created-message {

	position: relative;

}



/* Categories menu ****************************************************************************************************/

ul.accordion-menu {

	list-style: none;

	padding: 0;

}

ul.accordion-menu > li {

	margin: 0;

	border-bottom: 1px #ccc solid;

}

ul.accordion-menu li a {

	color: #333;

	padding: 0.75em;

	width: 100%;

	display: block;

	cursor: pointer;

}

ul.accordion-menu .inner {

	max-height: 0;

	transition: max-height .2s ease-out;

	overflow: hidden;

	margin-left:30px;

}

ul.accordion-menu .inner.show-me {

	max-height: 500px;

	transition: max-height 0.3s ease-in;

}

ul.accordion-menu li a.toggle-menu {

}

ul.accordion-menu li a.toggle-menu:hover {

	color:#88B800;

	transition: color 0.3s ease;

}

ul.accordion-menu li a.toggle-menu.arrow {

	background-image: url('/resources/images/menu_arrow.png') !important;

	background-position: left;

	background-repeat: no-repeat;

	height: auto !important;

}



/* Price **************************************************************************************************************/

#price .price_value, #promo .price_value { font-weight: bold; font-size: 24px; color: #161616; }

#price.striked, #price.striked .price_value { font-weight:  normal; font-size: 18px; color: #6F6F6F; }