@import url(layout.css);
@import url(typography.css);


.status_new
{
position: relative;
z-index: 1000;
}
.status_new:after{
position: absolute;
top:0;
left:0;
content: '';
width: 50px;
height: 50px;
background-color: transparent;
background: url('/images/icons/new.png') 100% 100% no-repeat;
background-size: 50px 50px;
}

.no-mobile {
	display: block !important;
}
.mobile {
	display: none !important;
}

@media (max-width: 700px) {
	.footer-div {
		width: 85% !important;
	}
	

	
	.no-mobile,
	#cart_clear {
		display: none !important;
	}
	.mobile {
		display: inline-block !important;
	}
	html, body  {
		white-space: normal !important;
		max-width: 100% !important;
	    display: inline-block !important;
	    width: 100% !important;
	    min-width: 100% !important;
	}
	body img {
		max-width: 100%;
	}
	#dost4, #dost5, #dost6 {
		height: auto !important;
		padding: 0 !important;
	}
	#dost4 i, #dost5 i, #dost6 i {
		display: none !important;
	}
	#kt_tree,.kt_info>div {
		min-width: 100% !important;
	}
	.kt_info input, .kt_info textarea {
		min-width: 95% !important;
	}
	.wrapper1,
	.wrapper,
	#topcatalog {
		max-width: 100% !important;
		min-width: 100% !important;
	}
	.wrapper12 {
		max-width: 87% !important;
    	min-width: 87% !important;
	}
	#text p {
		min-height: 0 !important;
	}
	#thi_n1, #thi_n2 {
		height: auto !important; 
    	left: 0 !important;
    	width: auto !important;
	}
	#thi_n2 a,
	#thi_n2 a img {
		margin: 0 !important;
		max-width: 100%;
	}
	#head1 {
		height: auto;
	}
	#kurs-now-val,
	#search {
		position: relative;
		top: 0;
		left: 0;
	}
	#phone > div {
		margin-left: 0 !important;
	}
	#phone a, #phone span {
		font-size: 38px;
		margin-bottom: 5px;
	}
	#phone {
		width: 50%;
		float: right;
		margin-top: 25px;
	} 
	#logo {
		width: 47%;
		margin-left: 3%;
		margin-right: 0;
	}
	#zk {
		width: 50%;
		display: inline=block;
		float: right;
		margin: 0;
	}
	#kurs-now-val {
		width: 50%;
		display: inline=block;
		margin: 0;
	}

/*reference to language*/
#lamg{

}
.langlink{

}






	#search {
		margin: 25px;
		width: auto;
	}
	#sl {
		width: 100%;
	}
	#sl1>a>span {
		max-width: 43%;
		max-height: 32px;
		overflow: hidden;
		left: 70px;
    	top: 6px;
	}
	
	
	/*!
	 * Hamburgers
	 * @description Tasty CSS-animated hamburgers
	 * @author Jonathan Suh @jonsuh
	 * @site https://jonsuh.com/hamburgers
	 * @link https://github.com/jonsuh/hamburgers
	 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }
/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
/*
* Hamburger ends
*/
  	
  	
  	#top .wrapper1,
  	#top,
  	#topcatalog,
  	#main>.wrapper1 {
		height: auto !important;
  	}
  	#menu.mobile {
  		width: 87%;
    	margin: 25px;
  	}
  	.hamburger {
		float: right;
  		color: white;
  	}
  	.menu-main {
		cursor: pointer;
  	}
  	.menu-main>span {
		height: 58px;
  		line-height: 58px;
  		color: white;
  		font-size: 40px;
  	}
  	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after,
  	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
		background-color: white;
  	}
  	.menu-toggle {
		display: none;
  		overflow: hidden;
  	}
  	#menu a {
		width :100%;
  		padding: 15px;
    	margin: 0;
  		float: none;
  		display: block;
  		height: auto;
  	}
	.zhenskie,
  	.muzhskie {
		width :100%;
    	margin: 0;
  		padding: 15px;
  		float: none;
  		display: block;
  		height: auto;
  		font-size: 19px;
    	line-height: 14px;
  		color: white;
  		text-decoration: underline;
  	}
  	#menu .zhenskie:hover, #menu .zhenskie.active,
  	#menu .muzhskie:hover, #menu .muzhskie.active {
		background: #3285cb;
  	}
  	.zhenskie-wrapper,
  	.muzhskie-wrapper {
		position: relative;
  		top: 0;
    	right: 0;
  		width: 100%;
  	}
  	#menu .zhenskie-wrapper a,
  	#menu .muzhskie-wrapper a {
		padding-left: 30px !important;
  	}
  	#flogo {
		display: none !important;
  	}
  	#subscribe-baz {
		float: none;
  		margin: 0 0 25px 0;
  		max-width: 100%;
  	}
  	#footer {
		padding: 25px;
  	}
  	#subscribe-baz-name, #subscribe-baz-email {
		max-width: 95%;
  	}
  	#loc1 {
		margin-top: 25px;
  	}
  	#new_wrap>.title {
		height: 65px !important;
  	}
  	.title1, .title2 {
		display: none !important;
  	}
  	.wrapper2 {
		max-width: 100% !important;
  	}
  	#btop {
	    width: 100% !important;
	    padding: 25px;
  		height: 430px !important;
  		margin-top: 25px;
  	}
  	#btop_btns {
		 width: 100% !important;
  		position: relative !important;
  	}
  	.bt {
		float: none !important;
  		width: 70% !important;
  		margin-bottom: 10px;
  	}
  	#btop1,
  	#btop2 {
		width: 100% !important;
  		height: 263px !important;
  		margin: auto !important;
  		left: 0 !important;
  	}
  	#new1,
  	#btop5,
  	#btop6 {
		left: 0 !important;
    	width: 310px !important;
  		margin: auto !important;
  	}
  	#btop5,
  	#btop6 {
  	    margin-left: 9% !important;
	}
	#left #catalog {
		display: none !important;
	}
	#left {
		float: none !important;
    	margin: auto;
	}
	#center {
		width: 100% !important;
	}
	.cl_wrap1,
	.vv_cl_wrap,
	.vv_cl_image, .vv_cl_image td,
	.vv_cl_image table {
		width: 100% !important;
		margin: 0 auto 0 auto !important;
	}
	.vv_d {
		width: 104% !important;
	}
	.ya-share2 {
		margin: 0 !important;
		display: none !important;
	}
	#catalog_sort > span {
		float: left !important;
		margin-left: 0 !important;
	}
	#catalog_sort {
		border-bottom: 0 solid transparent !important;
		height: 69px !important;		
	}
	#catalog_sort > div {
		float: right !important;
		margin-bottom: 5px;
	}
	#catalog_sort #sort_by2 {
		margin-top: 20px;
	}
	#fl_info {
		right: -72px !important;
	}
	#pp_image {
		width: 70% !important;
	}
	#pp_photos_wrap {
		width: 30% !important;
	}
	#pp_image td img {
		max-width: 100% !important;
	}
	#pp_photo {
		max-width: 100% !important;
	}
	.pp_photo, .pp_photo td {
		width: 69px !important;
	}
	#pp_photos_left,
	#pp_photos_right {
		left: 52px !important;
	}
	.feature1, .feature2 {
		width: 50% !important;
		padding: 0 !important;
	}
	#pp_right {
		width: 100% !important;
	}
	#rcent1,
	#rcent2 {
		position: relative !important;
		margin-top: 30px !important;
		top: 0 !important;
		left: 0 !important;
	}
	#rcent {
		height: 95px !important;
	}
	#ppcart>div {
		position: relative !important;
		left: 0 !important;
		top: 0 !important; 
	}
	div#ppcart div.price {
		position: relative !important;
	}
	#ppcart1,
	#ppcart2,
	.price {
		width: 32% !important;
		margin: 30px 0 10px 0;
		display: inline-block;
		vertical-align: top;
	}
	#ppcart2 {
		margin-top: 38px;
	}
	#ppcart>div:last-child {
		margin-top: -76px;
	}
	#ppcart .addtocart {
		float: right;
	}
	#ppcart {
		height: 140px !important;
	}
	#pp_wrap {
		width: 100% !important;
		padding: 25px !important;
	}
	#pp_wrap1 {
		margin: 0 !important;
		padding: 0 !important;
	}
	#pp_tabs>span {
		margin-right: 10px !important;
	}
	#rv_form {
		width: 100% !important;
    	margin-right: 0 !important;
		margin-top: 60px !important;
	}
	.rvtr>textarea, .rvtr>input {
		width: 95% !important;
	}
	#rv_form_send {
		margin-top: 10px !important;
	}
	#new, #actionnew {
		width: 100% !important;
	}
	#pp_related .new_item {
		width: 100% !important;
	}
	.v_cl_wrap,
	.v_cl_image, .v_cl_image td, .v_cl_image table {
		width: 100% !important;
	}
	#breadcrumbs {
		padding-left: 20px;
	}
	#vs_form.cart {
		width: 100% !important;
    	margin-left: -50% !important;
	}
	.vs_cart>div {
		position: relative;
	}
	.vs_cart {
		height: auto !important;
	}
	.ppcart_zakaz {
		height: 104px;
    	margin-left: 55px;
		left: 0 !important;
	}
	#vs_cart_body1 {
		max-height: 600px !important;
	}
	.vs_cart_title_wrap {
		max-width: 40% !important;
		left: 65px !important;
	}
	.vs_cart .price {
		right: 16px !important;
    	bottom: 30px !important;
		top: auto !important;
	}
	.vs_cart_image,
	.vs_cart_title_wrap {
		display: inline-block;
	}
	#vs_cart_bottom {
		height: auto !important;
	}
	#vs_cart_bottom>div,
	#cart_go, .cart_but {
		position: relative;
	}
	#cart_go, .cart_but {
		right: 15px;
		left: 15px;
		width: 90%;
	    padding-left: 0;
	    padding-right: 0 !important;
	    text-align: center;
	    margin-top: 20px;
	}
	#cart_sum {
		left: 15px;
    	top: -116px;
	}
	#tkaz_info,
	#tkaz_right {
		width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
	}
	.tkaz_info input, .tkaz_info textarea {
		width: 95% !important;
	}
	#tkaz_right .selectitle {
		width: 95% !important;
	}
	#tkaz_right .selectlist {
		width: 99% !important;
	}
	#pcart_itogo {
		left: 0 !important;
    	width: 100% !important;
    	margin-left: 0 !important;
	}
	#uah_all1 {
		margin: 1px 0 10px 0 !important;
	}
	#tk1 {
	    width: auto !important;
	    margin: 70px auto 0 auto;
	}
	#new1 {
		height: 262px !important;
	}
}