/*
@import url(../css/font.css);
@import url(../css/materialize.css);
@import url(../css/slick.css);
@import url(../css/keyframe.css);
@import url(../css/swipebox.min.css);
@import url(../font-awesome/css/font-awesome.min.css);
@import url(../css/skin/normalize.css);
@import url(../css/skin/orange.css);
*/
ol,ul {
    /*padding-left: 15px*/
}


ol li,ul li {
    list-style-position: inside
}

.line {
    height: 1px;
    background: #eee
}

.content-container {
    padding: 20px 0;
    min-height: 348px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box
}


.padding-15 {
    padding: 15px
}

.padding-20 {
    padding: 20px
}

.padding-25 {
    padding: 25px
}

.compro-grey {
    background-color: #efefef
}

.absolute {
    position: absolute
}

.top {
    top: 0
}

.bottom {
    bottom: 0
}

.right {
    right: 0
}

.left {
    left: 0
}

.margin-bottom {
    margin-bottom: 15px
}

.justify {
    text-align: justify
}

button.btn-block {
    width: 100%
}

.full-height {
    height: 100vh;
    width: 100%;
    box-sizing: border-box
}

.page-overlay {
    background: #01302C;
    background: rgba(1,48,44,.7)
}

.blog-header,.page-header {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.block-title {
    margin: 0;
    font-size: 20px;
    font-weight: 500
}

.block-desc {
    margin: 0 0 20px;
    font-size: 13px;
    color: #777
}

.page-header {
    height: 150px
}

.blog-header {
    background-image: url(../../../images/6.jpg);
    height: 220px
}

.cover-bg-1 {
    background-image: url(../../../images/crew.jpg)
}

.cover-bg-2 {
    background-image: url(../../../images/6.jpg)
}

.cover-bg-3 {
    background-image: url(../../../images/eda.jpg)
}

.cover-bg-4 {
    background-image: url(../../../images/4.jpg)
}

.cover-bg-5 {
    background-image: url(../../../images/5.jpg)
}

.blog-header .overlay,.page-header .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    background: rgba(0,0,0,.5)
}

.entry-title {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #fff
}

.entry-title h2 i {
    font-weight: 300
}

.entry-title .blog-meta,.entry-title .desc {
    font-size: 13px;
    color: #ddd
}

.subtitle {
    font-size: 18px;
    margin: 0 0 15px
}

.valign-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.clear:after,.clear:before {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after {
    clear: both
}

a {
    text-decoration: underline
}

a:active,a:focus,a:hover {
    color: none;
    outline: 0;
    text-decoration: none
}

embed,iframe,object {
    width: 100%;
    border: 0
}



.product-list {
    list-style: none;
    /*margin: 0 0 0 2;*/
    padding: 0;
    /*width: calc(100% + 4px)*/
    width: 100%;
}

.product-list li {
 /*   width: calc(50% - 4px);
    width: 48%; */
	width: 50%;
    float: left;
    border: 1px solid #eee;
    /*margin: 2px;*/
    outline: 0
}

.product-list li .thumb {
    height: 100px;
    overflow: hidden;
	margin-top:10px;
	background-color:#fff;
}

.product-list li .thumb img {
   /* width: 100%; */
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
}

.product-list-big li .thumb img {
   /* width: 100%; */
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.product-list li .product-ctn {
    text-align: center;
    padding: 5px 10px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-list li .product-ctn .product-name a {
    font-weight: 500;
    text-decoration: none;
    color: rgba(0,0,0,.87)
}

.product-list li .product-ctn .rating {
    font-size: 12px;
    color: #ccc
}

.product-list li .product-ctn .rating i.fa.active {
    color: #EBE305
}

.product-list li .product-ctn .price {
    color: #f90
}

.product-list li .product-ctn .price .price-before {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 13px;
    text-decoration: line-through;
    color: #aaa
}

.product-slider {
    list-style: none;
    padding: 0;
    height: 320px;
    overflow: hidden;
    outline: 0;
    margin: 0
}

.product-slider li {
    position: relative;
    outline: 0;
    list-style: none
}

.product-slider li .fullscreen-icon {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 3px 7px;
    color: #000;
    border: 1px solid #ddd
}

.product-slider .slick-dots button img,.product-slider li img {
    width: 100%;
    height: auto
}

.product-slider .slick-dots {
    width: 240px;
    padding: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    line-height: 0
}

.product-slider .slick-dots li {
    margin: 5px;
    border: 1px solid #999;
    width: 70px;
    height: 70px;
    overflow: hidden;
    display: inline-block
}

.product-slider .slick-dots li button {
    margin: 0;
    height: auto;
    width: 100%;
    padding: 0
}

.product-slider .slick-dots li button.tab {
    clear: both;
    display: block
}

.product-slider .slick-dots li button img {
    width: 100%
}

.slick-thumbs {
    position: absolute;
    left: -9999px
}

.product-header {
    background: #eee;
    padding: 20px
}

.product-header .product-title {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 15px
}

.product-header .product-meta .rating {
    color: #ccc;
    font-size: 13px;
    margin: 0 0 10px
}

.product-header .product-meta .rating i.fa.active {
    color: #EBE305
}

.product-header .product-meta .price {
    color: #f90
}

.product-header .product-meta .price .price-before {
    display: inline-block;
    margin: 0 15px 0 0;
    color: #bbb;
    text-decoration: line-through
}

.product-header .product-meta .availability {
    margin: 7px 0 0
}

.product-header .product-meta .availability.in-stock {
    color: #50B52B
}

.product-header .product-meta .availability.out-of-stock {
    color: red
}

.product-tabs .tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: auto;
    background-color: transparent;
    margin: 0;
    width: 100%;
    padding: 0
}

.product-tabs .tabs .tab {
    text-transform: none;
    border-bottom: 1px solid #ddd
}

.product-tabs .tabs .tab a {
    text-decoration: none;
    color: #ccc;
    font-size: 18px;
    display: block;
    width: 100%;
    height: 100%;
    text-overflow: none;
    padding: 0 5px;
    transition: color .28s ease
}

.product-tabs .tabs .tab a.active {
    color: #000;
    font-weight: 500
}

.product-tabs .tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 1px;
    z-index: 20;
    will-change: left,right
}

.product-content {
    padding: 5px 0;
    margin: 0 0 10px
}

.product-review-list {
    margin: 0 0 20px;
    padding: 0;
    list-style: none
}

.product-review-list li {
    padding: 10px 0;
    border-bottom: 1px solid #efefef
}

.product-review-list li .review-idty {
    float: left;
    width: 80px
}

.product-review-list li .review-ctn {
    width: calc(100% - 95px);
    margin: 0 0 0 95px;
    min-height: 60px
}

.product-review-list li .name {
    margin: 0 0 5px;
    font-weight: 500
}

.product-review-list li .product-rating {
    font-size: 10px;
    color: #eee
}

.product-review-list li .product-rating i.fa.active {
    color: #EBE305
}

.product-share {
    margin: 20px 0 0;
    padding: 0 0 20px;
    border-bottom: 2px solid #ccc
}

.product-share span {
    display: inline-block;
    margin: 0 10px 0 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500
}

.product-share a {
    display: inline-block;
    text-align: center;
    width: 60px;
    padding: 3px 0;
    font-size: 20px;
    color: #fff
}

.product-share a.fb {
    background: #3b5998
}

.product-share a.tw {
    background: #55acee
}

.product-share a.gplus {
    background: #dd4b39
}

.product-share a.pint {
    background: #bd081c
}


/* --------MY-----------*/

	body {
		width: 100%;
		height: 100%;
	}
	
	h1 {
		font-size: 18px;
	}
	
	#div_top {
		position: fixed;
		right: 30px;
		bottom: 75px;
		width: 45px;
		height: 45px;
		background-color: #333;
		opacity: 0.5;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-align: center;	
		display:none;
	}
	
	#div_top a{
		font-size:28px;
		color:#fff;
		/*padding-top: 7px;*/
	}	
/*	
	#scrollUp {
		bottom: 20px;
		right: 20px;
		padding: 10px 20px;
		background-color: #555;
		color: #fff;
	}	

	.scrollup{
		width:40px;
		height:40px;
		opacity:0.3;
		position:fixed;
		bottom:78px;
		right:35px;
		display:none;
		text-indent:-9999px;
		background: url('/img/icon_top.png') no-repeat;
	}	
*/	
	input {
		width: 100%;
	}
	
	textarea {
		width: 100%;
		height: 50px;
	}
	
	.crop {
		white-space: nowrap; 
		overflow: hidden; 
		text-overflow: ellipsis; 
		display: block;	
	}

	.tabs_content  {}
	.tabs_content>div { display:none}
	#tabs>a.current { background:#e5e5e5;}		  
	  
	
    .share_swiper-container {
        width: 100%;
        /*height: 50px;*/
		height: 22px;
    }

    .swiper-container {
        width: 100%;
        height: 225px;
    }

    .swiper-container-item-img {
        width: 100%;
        height: 300px;
    }	
	
	
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

	.item-note {
		float: right;
		color: #333;
		font-size: 14px;
		font-weight: 600;
	}
	
	
	.rub {
	  display: inline-block;
	  position: relative; }

	.rub:before {
	  display: block;
	  content: "–";
	  position: absolute;
	  top: 0.05em; }	
	  
	.message_unviewed {
		font-weight:bold;
	}
	.message_viewed {
		font-weight:normal;
	}

	.active_menu{
		border-left:5px #ff9800 solid;
		background-color:#f8f8f8;
		/*color:#444;*/
	}
	
	/*----------------------*/
	
	.bar.bar-positive {
		border-color: #ff9800;
		background-color: #ff9800;
		background-image: linear-gradient(0deg, #ff9800, #ff9800 50%, transparent 50%);
		color: #fff; 
	}
    .bar.bar-positive .title {
		color: #fff; 
		margin-left: 40px;
		margin-right: 40px;
	}
    .bar.bar-positive.bar-footer {
		background-image: linear-gradient(180deg, #0c60ee, #0c60ee 50%, transparent 50%); }
	
	
	#main_menu .item {
	  border-color: #f8f8f8;
	  background-color: #ff9800;
	  color: #fff;
	  /*border-width: 1px;
	  border-style: solid;
	  font-size: 16px; */
	}	
	
	.active_menu{
		border-left:5px #ff9800 solid;
		background-color:#f8f8f8;
		/*color:#444;*/
	}
	

	body {
		color: #ff9800; /*#21639e;*/
	}
	
	a {
		color: #ff9800; /*#21639e;*/
	}
	
	.button.button-positive {
		border-color: transparent;
		background-color: #ff9800;
		color: #fff;
	}
	
	.button.button-positive.button-clear {
		border-color: transparent;
		background: none;
		box-shadow: none;
		color: #ff9800;
	}	
	
	.button.button-balanced.button-clear {
		border-color: transparent;
		background: none;
		box-shadow: none;
		color: #ff9800;
	}
	
	.button.button-positive.button-outline {
		border-color: #ff9800;
		background: transparent;
		color: #ff9800;
	}
	
	.pgwModal .pm-title {
		background: #ff9800;
		color: #fff;
	}	
	
	.search_box .item {
		background: #ff9800;
		color:#fff;

	}
	
	.search_box form label input{
		color: #fff;
		cursor:poinetr;
	}
	
	#search {
		color: #fff;
		background-color: #ff9800;
		padding: 0px;
	}
	
	.search_box form label input::-webkit-input-placeholder {color:#fff;}
	.search_box form label input::-moz-placeholder          {color:#fff;}
	.search_box form label input:-moz-placeholder           {color:#fff;}
	.search_box form label input:-ms-input-placeholder      {color:#fff;}	
		
	.search_box form label .button.button-positive.button-clear {
		color: #fff;
	}	
	
	#main_menu.active_menu{
		border-left:5px #ff9800 solid;
		background-color:#f8f8f8;
		/*color:#444;*/
	}
	

	.mbsc-ios .dwbc {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		border-bottom: 1px solid transparent;
		background: #ff9900;
	}	
	
	.metka {
		z-index: 3;
		position: absolute;
		text-align: left;
		margin: 5px 0 0 5px;
		padding: 0 5px 0 5px;
		background-color: #ff0000;
		color: #fff;
		font-size: 13px;
	}
	
	.thumb {
		height: 100px;
		overflow: hidden;
	}
	
	
	
	
	
	.add_btn {
		font-size:1.8em;
		position:absolute;
		z-index:2;
		margin:-35px 0 0 106px;
		background-color: #fff;
		color: #ff9800;
	}
	
	.add_btn1 {
		font-size: 1.8em;
		z-index: 2;
		margin-bottom: 10px;
		color: #ff9800;
	}
	
	
	.add_btn_favorite {
		cursor:pointer;
		padding: 0 5px;
		margin-left: -5px;
		color: #ff9800;
	}	

	.add_btn_cart {
		cursor:pointer;
		padding: 0 5px;
		margin-left: -5px;
		color: #ff9800;
	}		
	
	.add_btn_share {
		cursor:pointer;
		padding: 0 5px;
		margin-left: 5px;
		padding-left: 5px;
		color: #ff9800;
	}	
	
	
	.view_btn {
		width:36px;
		font-size:26px;
		color:#999;
		cursor:pointer;
		margin:-10px;
		padding: 5px;
		text-align: center;
	}

	.avatar {
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;		
		border: 1px solid #dddddd;	
	}	
	
.checkbox-positive input:checked:before, .checkbox-positive input:checked + .checkbox-icon:before {
    background: #ff9800;
    border-color: #ff9800;
}

.checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before {
    background: #ff9800;
    border-color: #ff9800;
}	

.checkbox-positive input:before, .checkbox-positive .checkbox-icon:before {
    border-color: #ff9800;
}	
	
.item-params {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 30px;
    background-color: #fff;
    color: #222;
    //font-weight: 500;
}
	
	

.radio-container, .checkbox-container{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 13px;
}
.radio-container, .checkbox-container *{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.radio-container .radio-btn, .checkbox-container .checkbox-btn{
  border: 1px solid #000;
  border-radius: 3px;
  overflow: hidden;
  margin:3px;
}

.radio-container .radio-btn label, .checkbox-container .checkbox-btn label{
  background-color: transparent;
  color: #000;
  display: block;
  padding: 6px 6px;
  text-align: center;
  cursor: pointer;
}
.radio-container .radio-btn input, .checkbox-container .checkbox-btn input{display: none;}{display: none;}
.radio-container .radio-btn input:checked + label{
  background-color: #000;
  color: #fff;
  cursor: unset;
  min-width: 34px;
}

.radio-container .radio-btn input:disabled + label{
  background-color: #fff;
  color: silver;
  cursor: unset;
}

.checkbox-container .checkbox-btn input:checked + label{
  background-color: #000;
  color: #fff;
}
	
.checkbox-container .checkbox-btn input:disabled + label{
  background-color: #fff;
  color: silver;
  cursor: unset;
}
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*	
	.slideout-menu, .slideout-menu-open {
		background-color: #c5c635;
	}	
*/	

#title {
	font-weight:bold;
}

.search_result_contaiter {
	display: none;
	position: absolute;
	width: 100%;
	max-width: 600px;
	z-index: 99999999999;
	background-color: #fff;
}

.search_result .item {
	color: #000!important;
	background-color: #fff!important;
	border-color: #ddd!important;
}

.search_loader {
	display:none;
}

.search_select_active{
	border: 3px #000 solid;
}

.icon_preview_container {
	background-color: #eaeaea;
    font-size: 30px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 25px;
	cursor:pointer;
}

.icon_preview {
	color: #000;
	margin: auto;
}

ul.round_button li {
	width:40px;
	height:40px;
	background-color:silver;
	margin: 5px;
	border-radius: 20px;
	display: grid;
	cursor: pointer;
}


ul.round_button li a{
	display: inline-flex;
    text-decoration: none;
}

ul.round_button li i{
	font-size:24px;
	margin:auto;
}

.options {
	font-size: 13px;
	color: #000;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.blink-1 {
  animation-name: blink;
  animation-timing-function: linear;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.blink-2 {
  animation-name: blink2;
  animation-timing-function: linear;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes blink {
 // 0% { color: blue;}
  50% { color: yellow;}
 // 100% { color: red;}
}

@keyframes blink2 {
  50% { color: red;}
}

.pagination li {
  display:inline-block;
  padding:5px;
}

.action_btn {
	padding:3px 6px;
	border: 1px solid #ff9800;
	border-radius: 3px;
	color: #ff9800;
	cursor:pointer;
	font-weight: normal;
}
/* .button.button-block, .button.button-full {
     margin-top: 10px; 
     margin-bottom: 10px;
}
 */

/*
button.button-block, button.button-full, .button-full > button.button, input.button.button-block {
    width: unset;
	text-align:center;
}*/

#cart_btn_container, #in_cart_btn_container {
	position: fixed;
    bottom: 0px;
    z-index: 99999999;
    width: 350px;
    background-color: #eee;
    padding: 3px 10px;	
}

#cart_btn_container button, #in_cart_btn_container button {	
	font-weight: 700;
}

#tabs {
	white-space: nowrap;	
}

.need_value {	
    border: 3px solid red;
    border-top: 2px solid red;
}

.cart_cnt {
	font-size: 12px;
    position: relative;
    top: 0;
    margin-left: 20px;
    background-color: red;
    width: 21px;
    height: 21px;
    padding: 2px;
    color: #fff;
    border-radius: 11px;
    border: #f8f8f8 1px solid;
	margin: 0 auto;
    margin-top: -46px;
}

#footer {
	z-index:999;
}

@media (width: 320px) { 
	#pay_ico_container {
		display:none;
	}
}

#loader_overlay {
	position:absolute;
	background-color:#000;
	opacity:0.3;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:9999999999;
}

#loader_container {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	align-content: center; 
	justify-content: center; 
	overflow: auto;   		
}

.links_galery {
	padding-top: 0px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
}

.img_galery {
	width:50px;
	height:50px;
	border: 1px #ddd solid;
	display: inline-flex;
	/*padding: 5px;*/
	margin:5px 5px 5px 0;
	overflow: hidden;		
}

#motiv_container {
	cursor:pointer;
}
#motiv_more_btn {
	font-size:30px;
	cursor:pointer;
	position:absolute;
	top:22px;
	right:16px;
}
#motiv_container_more {
	display:none;
}

.progress_item {
	margin-top: 5px;
}
.motiv_title {
	font-size:14px;
	margin:10px 0;
	color: #ffab53;
}
.progress_title {
	font-size:14px;
	font-weight:bold;
}
.progress_item progress {
	display: block;
	margin: 0px auto;
	width: 100%;
}
	.progress_done {
		font-size:13px;
		width:50%;
		float:left;
		text-align: left;
	}
	.progress_will {
		font-size:13px;
		width:50%;
		float:right;
		text-align: right;
	}


/* PWA-install*/
.control-panel{
    font-family: system-ui, -apple-system, 'HelveticaNeue', BlinkMacSystemFont, "Roboto", "Segoe UI";

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.control-panel fieldset:hover{
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.25);
}
.control-panel fieldset{
    color: #fff;
    margin: 30px;
    border-color: #FFF;
    border-style: dotted;

    opacity: .5;
}
.control-panel fieldset:hover{ 
    opacity: 1;
}

.control-panel textarea{
    color: #fff;
    background: transparent;
    min-width: 300px;
    border: transparent;
}
.control-panel button{
    background: transparent;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #fff;

    padding: 5px 10px;
}
.control-panel button:hover{
    background-color: rgba(255, 255, 255, 0.5);
}

.control-panel hr{
    border: 2px dotted #fff;
    border-bottom: none;
}