@font-face {
 font-family: "Avenir_Demi";
 src:url("font/AVENIRNEXTCYR-DEMI.woff2") format("woff2"),
 url("font/AVENIRNEXTCYR-DEMI.woff") format("woff");
font-weight: normal;
 font-style: normal;
 font-display: swap;
 }

 @font-face {
 font-family: "Avenir_Regular";
 src:url("font/AVENIRNEXTCYR-REGULAR.woff") format("woff");
 font-weight: normal;
 font-style: normal;
 font-display: swap;
 }

@font-face {
 font-family: "RUBSN";
 src: url("font/RUBSN.otf") format("opentype");
font-weight: normal;
 font-style: normal;
 font-display: swap;
 }

*{
	 font-family: "Avenir_Regular";
	margin: 0;
}

a{
	color: #000;
}

a:focus,
a:active,
button:focus,
button:active,
input:focus,
input:active {
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
}

header{
	width: 100%;
}
.wrap_header{
	font-size: 14px;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	height: 120px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wrap_items {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    height: auto;
}
.wrap_header p{
    margin-bottom: 0;
    line-height: 1.2;
}
.wrap_header a{
    text-decoration:underline;
    line-height: 1.5;
}
.mob_menu,.contact_mob{
    display: none;
}
.logo{
	width:232px;
	height:69px;
	background: url(img/logo.png)no-repeat center;
    background-size: 100%;
}
.soc_ico{
	width:128px;
	height: 20px;
	display: flex;
	gap: 7px;
}
.soc{
	width: 27px;
	height: 27px;
    border-radius: 3px;
}
.wrap_mob,.top_center_mob{
    display: none;
}
a.soc:hover {
    opacity: 0.8;
}
.vk{
	background: url(img/VK.png);
        background-size: 100%;
}
.vaiber{
	background: url(img/Telega.png);
        background-size: 100%;
}
.vatsab{
	background: url(img/Dzen.png);
        background-size: 100%;
}
.teleg{
	background: url(img/teleg.png);
    background-size: 100%;
}
.adress_left a:hover,.adress_right a:hover {
    opacity: 0.8;
    color: #004c41;
}

.basket_top:hover{
	opacity: 0.8;
}
.bas{
	width: 19px;
	height: 23px;
	background: url(img/cart.png);
}
.caunt{
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 13px;
    right: 0px;
    z-index: 2;
    background: #004c41;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
}
.wrap_nav{
	width: 100%;
	height: 70px;
	background: #004c41;
}
.wrap_nav nav {
	max-width: 1113px;
	width: 100%;
	height: 70px;
	margin: 0 auto;
    position: relative;
}
.wrap_nav nav ul{
	display: flex;
	height: 70px;
	justify-content: space-between;
	align-items: center;
	list-style: none;
}
.wrap_nav nav ul a{
	text-decoration: none;
	color: #fff;
	font-size: 14px;
}
.wrap_nav nav ul a:hover{
opacity: 0.8;
}
.banner{
	width: 100%;
}
.banner_top{
	max-width: 1920px;
	width: 100%;
	max-height: 880px;
	margin: 0 auto;
	/*background: url(img/banner.png)no-repeat;*/
}
.banner_top img {
    display: block;
    width: 100%;
}
.catalog{
    
	width: 100%;
	padding-top: 50px;
	max-width: 1240px;
	margin: 0 auto;
	display: grid;
    grid-template-columns: 1fr 1fr;

}

.cat {
    text-align: center;
    width: 100%;
    max-width: 400px;
    height: 400px;
    font-size: 22px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-self: center;
    justify-self: center;
}
.img_cat {
width: 100%;
max-width: 374px;
height: 374px;
transition: 0.1s;
opacity: 1;
padding-top: 45px;

}

.cat_one>.img_cat{
	background: url(img/obruch.jpg)no-repeat center;
	background-size:100%;
    margin: 0 auto;
}
.cat_two>.img_cat{
	background: url(img/pomoloch.jpg)no-repeat center;
	background-size:100%;
    margin: 0 auto;
}
.cat_three>.img_cat{
	background: url(img/joltie.jpg)no-repeat center;
	background-size:100%;
    margin: 0 auto;
}
.cat_four>.img_cat{
	background: url(img/sergi.jpg)no-repeat center;
	background-size:100%;
    margin: 0 auto;
}
.catalog a{
	text-decoration: none;
}
.title_cat{
position: relative;
z-index: 2;
}
.img_cat:hover {
	transform: scale(1.05);
}
.cat_four,.cat_three{
	padding-top: 70px;
}
.Benefits{
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}
.Benefits h2.top{
    
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 620px;
	height: 377px;
	text-align: center;
	font-size: 60px;
	background: url(img/patern_1.png)no-repeat center;
	font-weight: 100;
}
.box{
	width: 100%;
    height: 550px;
	display: flex;
}
.top span {
    display: block;
    padding-bottom: 130px;
}
.box_one{
  justify-content: space-between;	
}
.box_one>.img{
    
	background: url(img/fono_one.png)no-repeat center;
	width: 100%;
	max-width: 607px;

}
.title_box{
	font-size: 40px;
	font-weight: 100;
    padding-bottom: 20px;
}
.wrap_box {
    width: auto;
    padding-left: 150px;
    padding-top: 86px;
}
.box_one>.wrap_box{
    
    width: 493px;
    padding-top: 40px;
    display: flex;
    flex-flow: column;
    height: auto;
    padding-left: 0;
    justify-content: center; 
}
.box_one>.wrap_box>.patern{
	width: 100%;
	max-width: 365px;
	height: 330px;
	background: url(img/patern_2.png)no-repeat center;
}
.box_one>.wrap_box p, .box_two>.wrap_box p{
	width: 100%;
	display: block;
	max-width: 420px;
	font-size: 14px;
	letter-spacing: 1px;
}
.wrap_p {
    padding-bottom: 30px;
}

.box_two>.img {
    
    background: url(img/fono_2.jpg)no-repeat center;
    width: 100%;
    max-width: 630px;
    position: relative;
    padding-right: 10px;
}

.box_two{
   justify-content: space-between;
}
.box_two>.wrap_box>.patern{
	width: 100%;
	max-width: 365px;
	height: 330px;
	position: relative;
	background: url(img/patern_2.png)no-repeat center;
    top: -3px;
    left: 87%;
}
.box_two>.wrap_box {
    
    width: auto;
    padding-top: 110px;
    padding-left: 50px;
}
.box_two>.wrap_box>.title_box {
    display: block;
    max-width: 300px;
    width: 100%;
}
.box_three>.img{
    
	background: url(img/fono_3.jpg)no-repeat center;
	width: 100%;
    max-width: 598px;
	position: relative;
    background-size: 100%;
}
.box_three>.wrap_box>.title_box{
    display: block;
    width: 100%;
    max-width: 440px;
    padding-top: 55px;
    padding-left: 45px;
}
.box_three>.wrap_box{
    
    width: 100%;
    max-width: 512px;
    height: 455px;
    background: url(/local/templates/harden.jewelry/img/patern_3.png)no-repeat center;
    padding-top: 0;
    padding-left: 124px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.box_three>.wrap_box p {
    padding-bottom: 100px;
    padding-left: 49px;
}
section.reviews {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 76px;
    padding-bottom: 127px;

}
.box.box_three {
    height: auto;
   justify-content: space-between;
}
.rev{
	font-size: 60px;
	font-weight: 100;
}
.business-rating-badge-view__star._full {
    color:#fc0;
    padding-left: 3px;
}
.total {
    display: flex;
    align-items: center;
    justify-content: center;
}
.total_pl {
    font-size: 60px;
    font-weight: bold;
}
.rev_pl {
    max-width: 1160px;
    margin: 0 auto;
}
.otc {
    padding-top: 2px;
    font-size: 14px;
}
.img_fs {
    background-color: #f29d61;
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.wrap_rev {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}
.rev_text {
    padding-top: 15px;
}
.rev_werit{
	width: 100%;
	max-width: 515px;
	height: auto;
	margin-top:30px;
	font-size: 14px;
	text-align: left;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 1px 0px 5px 5px #cccccc33;
}
.text_none{
	display: none;
}
.text_none.more{
	display: block;
}
p.button_info {
    cursor: pointer;
    color: #008cff;
}

.img_face {
    grid-area: 1 / 1 / 3 / 2;
}

.name {
    grid-area: 1 / 2 / 2 / 4;
    padding-left: 4px;
}
.wpap_stars {
    grid-area: 2 / 2 / 3 / 3;
    padding-top: 3px;
}
.data {
    grid-area: 2 / 3 / 3 / 4;
}
.wrap_rev_top {
    display: grid;
    grid-template-columns: 32px 100px;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    column-gap: 5px;
    justify-content: start;
    align-items: center;
    grid-row-gap: 1px;
    width: 100%;
    max-width: 300px;
}
.img_fs img {
    width: 32px;
    border-radius: 50%;
}
.button_more {
    display: flex;
    width: 218px;
    height: 58px;
    margin: 100px auto;
    justify-content: center;
    align-items: center;
    background: #004c41;
    color: #fff;
    text-decoration: none;
    z-index: 999;
    position: relative;
}
.button_more:hover{
	opacity: 0.8;
}
section.maps {
    position: relative;
}
.map,.map_mos{ 
	width: 100%;
	height: 660px;
}

ymaps.ymaps-2-1-79-ground-pane {
  filter: grayscale(100%);
}
ymaps.ymaps-2-1-79-gotoymaps__text,a.ymaps-2-1-79-gototech,ymaps.ymaps-2-1-79-gototaxi__text,ymaps.ymaps-2-1-79-gototaxi__pin,ymaps.ymaps-2-1-79-gototaxi__text-container,ymaps.ymaps-2-1-79-gotoymaps__container,a.ymaps-2-1-79-copyright__link,ymaps.ymaps-2-1-79-copyright__text {
    display: none;
}
.polygon_layout {
	position: relative;
	font-family:"Calibri", sans-serif;
	color:#fff;
	background:url(img/logo_map.png);
	background-size:100%;
	border-radius:10px;
	width: 50px; 
	height: 54px;
	position: absolute;
	left: -28px;
	top: -76px;
 }

.polygon_layout:after, .polygon_layout:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}
.placemark_layout_container { 
    position: relative;
    font-family: Georgia;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
}
.logo_grin{
	width:232px;
	height:69px;
	background: url(img/logo_grin.png)no-repeat center;
	margin-left: 56px;
    padding-bottom: 62px;
    background-size: 100%;
}
.description {
    padding-left: 47px;
    background: #fff;
    height: 660px;
    width: 403px;
}
.description{
	font-size: 14px;
    position: absolute;
    top: 0;
    right: 30px;
}
.description h2 {
    font-size: 14px;
    padding-bottom: 10px;
}
.block_one {
    padding-bottom: 10px;
}
.adress,.telef,.graf,.dis {
    position: relative;
    padding-bottom: 5px;
}
.graf {
    padding-top: 10px;
}
.adress span {
    display: block;
    position: absolute;
    left: -25px;
    top: 4px;
    width: 14px;
    height: 20px;
    background: url(img/loco.png) no-repeat center;
    background-size: 100%;
}
.telef span {
    display: block;
    position: absolute;
    left: -25px;
    top: -1px;
    width: 15px;
    height: 15px;
    background: url(img/telef.png) no-repeat center;
    background-size: 97%;
}
.graf span {
    display: block;
    position: absolute;
    left: -25px;
    top: 15px;
    width: 16px;
    height: 16px;
    background: url(img/clock.png) no-repeat center;
    background-size: 100%;
}
.dis span {
    display: block;
    position: absolute;
    top: 5px;
    left: -25px;
    width: 16px;
    height: 16px;
    background: url(img/parking.png) no-repeat center;
    background-size: 100%;
}
.dis p {
    padding-bottom: 4px;
}
.bottons{
	display: flex;
	height: 30px;
	width: 192px;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 30px;
}
.bott {
    width: 108px;
    height: 30px;
    background: #004c41;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
}
.poppopy {
    display: none;
    position: fixed; 
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1111;
    background: #000000c7;
}
.poppopy.active{
    display: flex;
}
.close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 50px;
    height: 50px;
    background: #004c41;
    color: #fff;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    font-size: 36px;
    font-family: emoji;
    cursor: pointer;
}
.parking_map {
    width: 400px;
    height: 660px;
    position: relative;
    border-radius: 10px;
    border: 1px solid #004c3c;

}
.piter{
    background: url(img/piter.jpg)no-repeat center;
    background-size: 100%;
}
.moscow{
  background: url(img/moskva.jpg)no-repeat center; 
  background-size: 100%; 
}

.vatsap{
	width: 25px;
	height: 25px;
	background: url(img/vatsab2.png) no-repeat center;
	cursor: pointer;
}
.teleg_2{
	width: 25px;
	height: 25px;
	background: url(img/teleg2.png) no-repeat center;
	cursor: pointer;

}

footer {
    width: 100%;
    background: #004c41;
    height: 450px;
}
/******************banne_ng******************/
.banner_ng {
    width: 300px;
    height: 370px;
    padding: 20px;
    position:fixed;
    margin: 10% auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #004c41;
    border-radius: 5px;
    z-index: 20;
}
.close_ng {
    position: absolute;
    right: 6px;
    width: 20px;
    height: 20px;
    top: 7px;
    padding: 1px;
    text-align: center;
    border: 1px solid #222d38;
    color: #fff;
    border-radius: 50%;
    background: #004c41;
    cursor: pointer;
}
.wind h2 {
    font-size: 16px;
    font-weight: 600;
    color: #004c41;
}

.wind p {
    font-size: 14px;
    padding-top: 10px;
    color: #004c41;
    margin: 0;
}
.wind ul {
    list-style: none;
    padding: 0;
}
.wind ul li {
    font-size: 14px;
    line-height: 1.4;
    padding-bottom: 5px;
}
.wind ul li:first-child {
    padding-top: 10px;
    color: #004c41;
    font-weight: 600;
}
.wind ul li:last-child{
    border-bottom: 1px solid #ccc;
}

/**************************************************************/
.copirate {
    background: #004c41;
}
.wrap_footer{
	width: 100%;
	max-width: 1200px;
	height: 300px;
	margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.logo_foot{
	width: 264px;
	height: 78px;
	background: url(img/logo_white.png) no-repeat bottom;
	cursor: pointer;
	margin-top: 80px;
    background-size: cover;
}
nav.fot {
    padding-top: 73px;
}
.wrap_soc {
  display: flex;
  flex-flow: column;
  height: 200px;
  justify-content: space-between;
  align-items: center;
}
.soc_f{
	width: 180px;
	height: 30px;
	display: flex;
    gap: 7px;
    padding-top: 92px;
    padding-left: 16px;

}

.w{
	display: block;
	width: 28px;
	height: 28px;
    border-radius: 3px;
}
.vk_w{
	background: url(img/VK-B.png) no-repeat center;
    background-size: 100%;
}
.vab_w{
	background: url(img/Telega-B.png) no-repeat center;
    background-size: 100%;
}
.vats{
	background: url(img/Dzen-B.png) no-repeat center;
    background-size: 100%;
}

nav.fot ul>li>a {
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    color: #6b9791;
    display: block;
    padding-top: 15px;
}
nav.fot ul>li>a:hover{
	color: #fff;
}
nav.fot ul{
	list-style: none;
}
.adress_one,.adress_two {
    padding-top: 89px;
    font-size: 14px;
    color: #6b9791;
    line-height: 1.4;   
}
.adress_two,.block_two{
    display: none;
}
.adress_one h2,.adress_two h2{
	font-size: 14px;
	color: #fff;	
}
.adress_one a,.adress_two a{
	color: #fff;
}
.adress_one a:hover,.adress_two a:hover{
	 color: #6b9791;
}
.copirate {
    height: 90px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: #fff;
    font-size: 14px;
    opacity: 0.4;
}
@media(max-width: 1441px){
    .box_one>.wrap_box {
    width: 473px;
}
.cat {
text-align: center;
width: 100%;
max-width: 300px;
height: 300px;
font-size: 22px;
display: flex;
flex-flow: column;
justify-content: center;
align-self: center;
justify-self: center;

}
.img_cat {
width: 100%;
max-width: 274px;
height: 274px;
transition: 1s;
padding-top: 45px;

}
a.cat.cat_one,a.cat.cat_three {
    padding-left: 185px;
}
a.cat.cat_two,a.cat.cat_four {
    padding-right: 185px;
}

.Benefits h2.top {
    height: 360px;
}
.wrap_box {
    width: auto;
    padding-left: 0;
    padding-top: 52px;
    padding-right: 30px;
} 
.wrap_p {
    padding-bottom: 50px;
}
.box_two>.wrap_box {
    width: auto;
    padding-left: 100px;
    padding-right: 30px;
    padding-top: 70px;
}
.box_two>.wrap_box>.patern {
    top: 82px;
    left: 73%;
}
.box_three>.wrap_box p {

    padding-left: 54px;
}
.box_three>.wrap_box>.title_box {
    padding-left: 51px;
}
}
/*animate*/
 .fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInLeft {
  0% {
  
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInLeft {
  0% {
  
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
  .fadeTopRight{
  -webkit-animation-name: fadeTopRight;
  animation-name: fadeTopRight;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeTopRight {
  0% {
  
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeTopRight {
  0% {
  
    transform: translate(-350px,-350px);
    -webkit-transform: translate(-350px,-350px);
    -o-transform: translate(-350px,-350px);
    -moz-transform: translate(-350px,-350px);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  
  }
  } 
.fadeDownRight{
  -webkit-animation-name: fadeDownRight;
  animation-name: fadeDownRight;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeDownRight {
  0% {
  
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;

  }
  }
  @keyframes fadeDownRight {
  0% {
  
    transform: translate(-350px,350px);
    -webkit-transform: translate(-350px,350px);
    -o-transform: translate(-350px,350px);
    -moz-transform: translate(-350px,350px);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  .fadeTopLeft{
  -webkit-animation-name: fadeTopLeft;
  animation-name: fadeTopLeft;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeTopLeft {
  0% {
  
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;

  }
  }
  @keyframes fadeTopLeft {
  0% {
  
    transform: translate(350px,350px);
    -webkit-transform: translate(350px,350px);
    -o-transform: translate(350px,350px);
    -moz-transform: translate(350px,350px);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  .fadeInRight{
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRight {
  0% {
  
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;

  }
  }
  @keyframes fadeInRight {
  0% {
  
    transform: translate(350px,0);
    -webkit-transform: translate(350px,0);
    -o-transform: translate(350px,0);
    -moz-transform: translate(350px,0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
 .fadeInDownLeftUp{
  -webkit-animation-name: fadeInDownLeftUp;
  animation-name: fadeInDownLeftUp;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInDownLeftUp {
  0% {
  
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;

  }
  }
  @keyframes fadeInDownLeftUp {
  0% {
  
    transform: translate(-350px,-350px);
    -webkit-transform: translate(-350px,-350px);
    -o-transform: translate(-350px,-350px);
    -moz-transform: translate(-350px,-350px);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  .fadeInDownRightUp{
  -webkit-animation-name: fadeInDownRightUp;
  animation-name: fadeInDownRightUp;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInDownRightUp {
  0% {
  
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;

  }
  }
  @keyframes fadeInDownRightUp {
  0% {
  
    transform: translate(350px,350px);
    -webkit-transform: translate(350px,350px);
    -o-transform: translate(350px,350px);
    -moz-transform: translate(350px,350px);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }

  li.product-item-scu-item-color-container.notallowed {
    width: 0;
}
.product-item-image-original {
    z-index: 11;
    max-height: 189px;
    top: 32px;
}
a.bott:hover,a.bott:focus {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.8;
}
.cart_list_item {
    width: 100%;
    max-width: 1200px;
    display: flex;
    height: 360px;
    border-bottom: 1px solid #d7d7d7;
    position: relative;
}
.cart_list_item_quantity {
    display: none;
}
.cart_list_item_image {
    width: 100%;
    max-width: 380px;
    padding-right: 10px;
}
.cart_list_item_image img {
    width: 100%;
    max-width: 301px;
} 

.box_cor.result5 {
    font-size: 25px;
    font-weight: bolder;
    padding-left: 20px;
}

span.cart_list_item_number {
    font-size: 22px;
    color: #a4a4a4;
    display: block;
    padding-top: 40px;
}
.cart_list_item_delete span {
    display: block;
    padding-top: 30px;
    cursor: pointer;
}
.cart_list_item_delete span:hover{
opacity: 0.8;
}
.col_obj {
    font-size: 18px;
    font-weight: bolder;
}
.basket-checkout-block-total-inner {
    display: flex;
}
.basket-checkout-block-total-title {
    font-size: 18px;
    font-family: 'Avenir_Regular';
    font-weight: bolder;
    padding-left: 5px;
}
.basket-checkout-block-total-price-inner {
    padding-top: 0;
}
button.btn.btn-lg.btn-default.basket-btn-checkout {
    width: 220px;
    text-transform: uppercase;
    font-weight: 100;
    border-color: #004c41;
    background: #004c41;
    border-radius: 4px;
    padding: 0;
    height: 50px;
}
.basket-coupon-block-total-price-current {
    font-weight: bold;
    font-size: 25px;
    font-family: 'Avenir_Regular';
}

.basket-checkout-section {
    margin: 0;
    padding: 0;
}
.basket-checkout-block.basket-checkout-block-total {
    padding: 0;
    display: flex;
    align-items: center;
}
.basket-checkout-section {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
}


.wrap_page{
padding-bottom: 100px;
}
div#sale-order-checkout-form {
    width: 100%;
}
.btn-checkout-order-status {
   display: none!important;
}

.page-content {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}
.new_blog{
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;

}
.new_blog h2 {
    font-size: 14px;
    text-transform: uppercase;
    padding: 22px 0 34px;
}
.new_blog >.news-list{
display: grid;
grid-template-columns: 290px 30px 290px 30px 167px 123px 30px 290px;
grid-template-rows: 415px repeat(3, 460px);
grid-column-gap: 0px;
grid-row-gap: 34px;
}
small.wid {
    display: none;
}
.big_news { 
     grid-area: 1 / 1 / 2 / 9; 
    display: grid;
    grid-template-columns: 800px 440px;
    grid-template-rows: 50px 30px 270px 20px;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    border-bottom: 1px solid #004030;
}


.news-item .big_news>.preview_picture {
    width: 100%;
    
}
p.news-item.big_news> a > img.preview_picture {
    grid-area: 1 / 1 / 5 / 5;
  
}
p.news-item.big_news > .news_title {
  grid-area: 1 / 2 / 2 / 3;
}
p.news-item.big_news > span.news-date-time{
    grid-area: 2 / 2 / 3 / 3;
}
p.news-item.big_news >.previw_text{
     grid-area: 3 / 2 / 4 / 3; 
}
p.news-item.big_news > a.more{
    grid-area: 4 / 2 / 5 / 3;   
}
span.news-date-time {
    display: block;
    font-size: 14px;
    color: #bababa;
    font-weight: normal;
    grid-area: 3 / 1 / 4 / 2;
}
a.news_title{
    display: block;
    grid-area: 2 / 1 / 3 / 2;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
}

span.previw_text {
    font-size: 14px;
    text-align: justify;
    line-height: 1.2;
}
a.more {
    font-size: 14px;
    text-decoration: none;
    color: #bababa;
    grid-area: 6 / 1 / 7 / 2;
}
.min_news {
    grid-area: 3 / 1 / 4 / 2;
    width: 290px;
    height: 490px;
    display: grid;
    grid-template-columns: 290px;
    grid-template-rows: 290px 35px 20px 30px 20px;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    margin-bottom: 10px;
}

.min_news:hover,.dablle_news:hover,.big_news:hover {
    opacity:0.8 ;
}

.news-item.min_news> a > img {
    grid-area: 1 / 1 / 2 / 2;
    width: 290px;
    height: 290px;
    object-fit: cover;
}

.news-item.dablle_news > a > img {
    height: 290px;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
}
.dablle_news {
    grid-area: 3 / 2 / 4 / 4;
    width: 607px;
    height: 490px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 290px 35px 20px 30px 20px;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    margin-bottom: 10px;
}

div.news-list img.preview_picture{
    margin: 0;
    border: 1px solid #cccccc61;
}
.news-item.min_news.grid1 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
}
.news-item.dablle_news.grid1 {
    grid-area: 3 / 2 / 4 / 4; 
    justify-self: start;
}
.news-item.dablle_news.grid2 {
    grid-area: 2 / 5 / 3 / 9;
    justify-self: end;
}
.news-item.dablle_news.grid3 {
    grid-area: 3 / 1 / 4 / 4;
    justify-self: start;
}
.news-item.dablle_news.grid4 {
    grid-area: 4 / 1 / 5 / 3;
    justify-self: start;
}
.news-item.min_news.grid4{
    grid-area: 2 / 3 / 3 / 4;
    justify-self: end;
}
.news-item.min_news.grid5{
grid-area: 3 / 5 / 4 / 7;
}
.news-item.min_news.grid6{
grid-area: 3 / 8 / 4 / 9;  
}
.news-item.min_news.grid7{
grid-area: 4 / 1 / 5 / 2; 
}
.news-item.min_news.grid8{
grid-area: 4 / 3 / 5 / 4;
}
.news-item.min_news.grid9{
grid-area: 4 / 5 / 5 / 7;
}
.news-item.min_news.grid10{
grid-area: 4 / 8 / 5 / 9;
}
.news-detail {
    max-width: 600px;
    margin: 0 auto;
}
.news-detail h3{
    padding-bottom: 20px;
}
a.sold {
    text-align: center;
    display: block;
    padding-bottom: 20px;
}
/*********************Прелоайдер*************************/
.preloader {
  /*фиксированное позиционирование*/
  position: fixed;
  /* координаты положения */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* фоновый цвет элемента */
  background: #fff;
  /* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
  z-index: 1001;
}

.preloader__row {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
  position: absolute;
  display: inline-block;
  top: 0;
  background-color: #004030;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes preloader-bounce {

  0%,
  100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}
/******************************************/
.mob_graf {
    display: none;
}
@media (max-width: 1240px) {
 .new_blog >.news-list{
    margin: 0 auto;
    display: flex;
    flex-flow:column;
    grid-row-gap: 70px;
}  
     .wrap_soc {
  display: flex;
  flex-flow: column;
  height: 114px;
  justify-content: space-between;
  align-items: center;
}
.mob_graf {
    display: block;
}
.news-item{
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
}
.news-item a {
    display: flex;
}
img.preview_picture {
    width: 98%;
    height: auto;
}
a.news_title {
    font-size: 14px;
}
.news-item.min_news> a > img {
    width: 98%;
    margin: 0 auto;
}
.big_news {
height: auto;
border-bottom: none;
}
.dablle_news,.min_news{
    height: auto;
}
figure {
    width: 100%!important;
    height: auto!important;
}
.news-detail img {
    width: 100%;
    height: auto;
}
.news-detail > figure img {
    width: 94%;
    margin: 0 auto;
}
.news-detail {
    width: 95%;
    margin: 0 auto;
    font-size: 14px;
}
.wrap_header {
    height: 80px;

}
}
@media (max-width: 650px){
    .new_blog >.news-list{
    grid-row-gap: 10px;
}   

}
.wrap_poisk {
    width: 96%;
    max-width: 1240px;
    margin: 0 auto;
    min-height: 700px;
}
.bx-ag-search-page.search-page.theme-blue {
    width: 970px;
    margin: 25px auto;
    position: relative;
}
.search-page.theme-blue input[type=text] {
    border-color: #000;
    width: 100%;
    height: 50px;
    border-radius: 5px;
}
.left_sitbar_top > div.screch_top > div.erors {
    display: none;
}
.left_sitbar_top > div.screch_top > div.bx-ag-search-page.search-page.theme-blue{
    width: 100%;
}
.title-search-result {
    display: none!important;
}
.popus {
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
}

.wrap_window {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
} 
.window {
    width: 300px;
    height: 300px;
    margin: 0;
    background: #eeeeee;
    position: fixed;
    display: flex;
    padding: 20px;
    text-align: center;
    line-height: 1.7;
    font-weight: 600;
    flex-flow: column;
    justify-content: space-evenly;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 999999999999;
    border-radius: 5px;
    border:2px solid #959595;
}
.closed {
    position: absolute;
    top: 0px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    cursor: pointer;
}
.sity_block {
    padding-top: 10px;
}
li.page-item.active>.page-link {
    display: block;
    color: #fff;
    font-weight: 900;
    background: #004c41;

}
.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 14px;
    font-weight: 700;

}
.wrap_main {
    width: 100%;

}
.wrap_head_contact{
width: 100%;
max-width: 1240px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 413px);
grid-template-rows: repeat(2, 215px);
grid-column-gap: 0px;
grid-row-gap: 0px;

}
.top_contact{
    grid-area: 1 / 1 / 2 / 4;
    font-size: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left_contact{
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
}
.center_contact{
    grid-area: 2 / 2 / 3 / 3;
    justify-self: center;
}
.right_contact{
    grid-area: 2 / 3 / 3 / 4;
    justify-self: center;
}
a.left_link{
    display: block;
    position: relative;
    font-size: 19px;
    line-height: 1.5;
}
a.left_link::before {
    display: block;
    content: ' ';
    width: 20px;
    height: 29px;
    background: url(img/ico_contact.png)no-repeat center;
    position: absolute;
    left: -30px;
}
.center_contact{
display: grid;
grid-template-columns: repeat(3, 75px);
grid-template-rows: repeat(2, 40px);
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-self: center;
}
.top_center{
    grid-area: 1 / 1 / 2 / 4;
    font-size: 19px;
    justify-self: center;
    position: relative;
}
.top_center::before{
    display: block;
    content: ' ';
    width: 20px;
    height: 29px;
    background: url(img/tel_contact.png)no-repeat center;
    position: absolute;
    left: -30px;
}

.ico_teleg_contact{
    grid-area: 2 / 1 / 3 / 2;
    width: 40px;
    height: 40px;
    background: url(img/teleg_contact.png)no-repeat center;
    background-size: 100%;

}

.ico_vatsab_contact{
    grid-area: 2 / 2 / 3 / 3;
    width: 40px;
    height: 40px;
    background: url(img/vatsap_contact.png)no-repeat center;
    background-size: 100%;

}
.ico_vk_contact{grid-area: 2 / 3 / 3 / 4;
    width: 40px;
    height: 40px;
    background: url(img/vk_contact.png)no-repeat center;
    background-size: 100%;

}
.r_contact_bottom {
    font-size: 13px;
    color: #898989;
    padding-top: 5px;
}
.r_contact_top{
    position: relative;
    font-size: 19px;

}
.rcontact_center{
    padding-top: 5px;
    font-size: 19px;
}
.r_contact_top::before{
    display: block;
    content: ' ';
    width: 27px;
    height: 27px;
    background: url(img/clock_contact.png)no-repeat center;
    position: absolute;
    left: -37px;
}

section.contact,section.contact_two ,section.contact_three{
    width: 100%;
    max-width: 1540px;
    display: flex;
    margin: 0 auto;
}
section.contact_two,section.contact_three{
    padding-top: 74px;
}

.left_section_contact{
    width: 100%;
    height: 710px;
    background: url(img/bg_one_sec.jpg)no-repeat;
}
.right_section_contact,.right_section_contact_two,.right_section_contact_three{
    width: 100%;
    max-width: 586px;
    height: 710px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    background: url(img/bg_section.png) no-repeat 34% 7%;
}
.left_section_contact_two{
    width: 994px;
    height: 710px;
    background: url(img/bg_two_sec.jpg) no-repeat 34% 7%;
}
.left_section_contact_three{
    width: 994px;
    height: 710px;
    background: url(img/bg_three_sec.jpg) no-repeat 34% 7%;
}
.right_section_contact h2,.right_section_contact_two h2,.right_section_contact_three h2{
    text-transform: uppercase;
    font-size: 65px;
    margin-left: 100px;
    margin-bottom: 50px;
}
.right_section_contact p, .right_section_contact_two p,.right_section_contact_three p{
    font-size: 20px;
    text-align: left;
    padding-left: 100px;
}
section.maps{
    padding-top: 72px;
}
@media(max-width: 1200px){
.wrap_head_contact{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px 50px 50px 89px 80px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.top_contact{
    grid-area: 1 / 1 / 2 / 2;
    font-size: 20px;
    padding-top: 16px;
    align-self: center;
}
.left_contact{
    grid-area: 2 / 1 / 3 / 2;
}
.center_contact,section.contact,section.contact_two,section.contact_three{
    display: none;
}
.right_contact{
    grid-area: 4 / 1 / 5 / 2;
    text-align: center;
}

.rcontact_center,.r_contact_top{
    font-size: 14px;
}

a.left_link p.block_carry{
    display: block;
    text-align: center;
}

a.left_link p {
    display: inline;
    font-size: 14px;
}

a.left_link::before{
    background: none;
}

.r_contact_top::before{
    background: none;
}

.top_center::before{
    background: none;
}

.r_contact_bottom{
    font-size: 12px;
}

.top_center_mob{

    display: block;
    font-size: 16px;
    text-align: center;
    color: #004c41;
    padding: 13px 0;
}

.wrap_mob{
grid-area: 5 / 1 / 5 / 3;
display: grid;
grid-template-columns: repeat(3, 100px);
grid-template-rows: repeat(1, 27px);
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-self: center;

}

.ico_teleg_contact,.ico_vatsab_contact,.ico_vk_contact{
    justify-self: center;
}
.contact_mob{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.left_section_contact,.left_section_contact_two,.left_section_contact_three {
    width: 80%;
    height: 500px;
    justify-self: center;
    margin: 0 auto;
}
.top_section_contact {
    text-align: center;
    font-size: 20px;
    padding: 66px 0;
    text-transform: uppercase;
    background: url(img/bg_section.png) no-repeat center;
    background-size: 13%;
}
.bottom_section_contact{
    width: 80%;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
}
.seporatop {
    width: 10%;
    margin: 0 auto;
    height: 2px;
    background: #004c41;
    margin-bottom: 20px;
}
a.left_link {
    text-decoration: none;
}
.rcontact_center {
    padding-bottom: 6px;
}
}
@media(max-width:500px){
 .left_section_contact,.left_section_contact_two,.left_section_contact_three {
    width: 80%;
    height: 256px;
    justify-self: center;
    margin: 0 auto;
    background-size: 100%;
}
  .top_section_contact{
    background-size: 30%;
    text-transform: initial;
  }
}
.label__nall {
  font-size: 12px;
  margin-left: 20px;
  /* background: #004c41; */
  /* color: #fff; */
  width: 70px;
  display: flex
;
  justify-content: center;
  padding: 2px;
}
p.silvers {
  font-size: 13px;
  color: #898989;
  padding-top: 5px;
}