

/* Start:/bitrix/templates/molmir/assets/css/goroden_style.css?177513838112386*/
/*---------------------------------------
  Goroden Page             
-----------------------------------------*/
body{background: url(/bitrix/templates/molmir/assets/css/../images/bg-goroden.jpg) center 220px no-repeat;}
@media only screen and (max-width: 980px) {body{background-position:center 330px;background-size:contain;}}
@media only screen and (max-width: 767px) {body{background-position:center 260px; background-size: 160%;}}
@media only screen and (max-width: 567px) {body{background-position:center 376px; background-size: 200%;}}
@media only screen and (max-width: 400px) {body{background-position:center 400px; background-size: 300%;}}
.goroden-desc:after{background-image: url(/bitrix/templates/molmir/assets/css/../images/premium.png);}
.goroden-products a.type-1 .back-layer{background-image: url(/bitrix/templates/molmir/assets/css/../images/splash-1-back.png);}
.goroden-products a.type-1 .front-layer{background-image: url(/bitrix/templates/molmir/assets/css/../images/splash-1-front.png);}
.goroden-products a.type-2 .back-layer{background-image: url(/bitrix/templates/molmir/assets/css/../images/splash-2-back.png);}
.goroden-products a.type-2 .front-layer{background-image: url(/bitrix/templates/molmir/assets/css/../images/splash-2-front.png);}
.goroden-products a.type-3 .back-layer{background-image: url(/bitrix/templates/molmir/assets/css/../images/splash-3-back.png);}
.goroden-products a.type-3 .front-layer{background-image: url(/bitrix/templates/molmir/assets/css/../images/splash-3-front.png);}

.breadcrumb-main {
    display: none;
}
.wrapper > h1{
    display: none;
}
.goroden-title{text-align:center;margin:30px 0px;}
.goroden-desc{
padding:40px 40px 30px;
background:rgba(255, 255, 255, 0.85);
-webkit-box-shadow: 0px 6px 80px 0px rgba(10,64,122,0.1);
-moz-box-shadow: 0px 6px 80px 0px rgba(10,64,122,0.1);
box-shadow: 0px 6px 80px 0px rgba(10,64,122,0.1);
position:relative;
}
.goroden-desc:after{
width:170px;
height:170px;
position:absolute;
top:-95px;
right:0px;
background-repeat:no-repeat;
background-position:center center;
content:'';
}
.goroden-desc h1{
font-family: 'Fira Sans Condensed', sans-serif;
font-weight:500;
font-style:normal;
font-size:40px;
margin-top:0px;
line-height:100%;
margin-bottom:20px;
}
.goroden-desc p.head-p{
font-size:24px;
margin:0px 0px 10px;
}
.goroden-desc p{
font-family: 'Fira Sans Condensed', sans-serif;
font-weight:400;
font-style:normal;
font-size:18px;
color: #0b4682;
    margin: 0px;
    padding: 5px 0px 10px;
}
.goroden-desc p strong{
font-weight:500;
}
.goroden-desc div.more{display:none;position:relative;color:#0b4682;cursor:pointer;}
.goroden-desc div.more:after{
    content: '\f078';
    width: 24px;
    height: 24px;
    display: inline-block;
    background: #fff;
    color: #0b4682;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    font-family: FontAwesome;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-weight: 300;
    position: relative;
    top: -1px;
    margin-left: 10px;
    text-indent: 0px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.goroden-desc div.more:hover:after{
    background: #0b4682;
    color: #fff;
}
.column-block{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.column-block .column-p{
width:48%;
}
.goroden-products{
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap;
-webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;
}
.goroden-products .product-text{padding:20px 20px 0px;text-align:center;}
.goroden-products .product-text p{
font-family: 'Fira Sans Condensed', sans-serif;
font-size:18px;
color:#0b4682;
margin:0px 0px 10px;
}
.goroden-products .product-text p.product-name{
font-size:28px;
font-weight:500;
position:relative;
    text-transform: uppercase;
}
.goroden-products .product-text p.product-name:after{
    content: '\f054';
    width: 24px;
    height: 24px;
    display: inline-block;
    background: #fff;
    color: #0b4682;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    font-family: FontAwesome;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-weight: 300;
    position: relative;
    top: -5px;
    margin-left: 10px;
    text-indent: 2px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.goroden-products a:hover .product-text p.product-name:after{
    background: #0b4682;
    color: #fff;
}
.goroden-products .product-item{
position:relative;
width:32%;
}
.goroden-products a .back-layer, .goroden-products a .front-layer{
background-position:center center;
background-repeat:no-repeat;
position:absolute;
}
.goroden-products a .back-layer{z-index:1;left:0px;}
.goroden-products a .product-img img{z-index:2;position:relative!important;margin:0 auto;}
.goroden-products a .front-layer{z-index:3;left:0px;}
.goroden-products .product-img{
position:relative;
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
-webkit-box-align: end;    -webkit-align-items: flex-end;    -ms-flex-align: end;    align-items: flex-end;
-webkit-box-pack: center;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;
height:245px;
width:100%;
}
.goroden-products a.type-1 .back-layer{width:373px; height:178px;}
.goroden-products a.type-1 .front-layer{width:384px;height:244px;}
.goroden-products a.type-2 .back-layer{width:298px; height:211px;}
.goroden-products a.type-2 .front-layer{width:295px;height:253px;}
.goroden-products a.type-3 .back-layer{width:344px; height:208px;}
.goroden-products a.type-3 .front-layer{width:242px;height:159px;}

.goroden-products a.item-1 .back-layer{top: 256px!important;left: -14px!important; }
.goroden-products a.item-1 .front-layer{top: 195px!important; left: -24px!important;}
.goroden-products a.item-1 .product-img{margin-top:40px;margin-bottom:12px;}
.goroden-products a.item-2 .back-layer{top: 217px!important; left: -8px!important;}
.goroden-products a.item-2 .front-layer{top: 227px!important; }
.goroden-products a.item-2 .product-img{margin-bottom:40px;}
.goroden-products a.item-3 .back-layer{top: 160px!important; left: -8px!important;}
.goroden-products a.item-3 .front-layer{top: 224px!important; left: 59px!important;}
.goroden-products a.item-3 .product-img{margin-bottom:17px;}
.goroden-products a.item-4 .back-layer{top: 184px!important; left: -16px!important;}
.goroden-products a.item-4 .front-layer{top: 133px!important; left: -8px!important;}
.goroden-products a.item-4 .product-img{margin-bottom:35px;}
.goroden-products a.item-5 .back-layer{top: 215px!important; left: -8px!important;}
.goroden-products a.item-5 .front-layer{top: 274px!important; left: 59px!important;}
.goroden-products a.item-5 .product-img{margin-bottom:45px;}
.goroden-products a.item-6 .back-layer{top: 138px!important;left: -10px!important;  }
.goroden-products a.item-6 .front-layer{top: 80px!important; left: -20px!important;}
.goroden-products a.item-6 .product-img{margin-bottom:12px;}
.goroden-products a.item-7 .back-layer{top: 175px!important; left: 0px!important;}
.goroden-products a.item-7 .front-layer{top: 121px!important; left: -25px!important;}
.goroden-products a.item-7 .product-img{margin-bottom:10px;}
.goroden-products a.item-8 .back-layer{top: 182px!important; }
.goroden-products a.item-8 .front-layer{top: 186px!important; left: -10px!important;}
.goroden-products a.item-8 .product-img{margin-bottom:10px;}
.goroden-products a.item-9 .back-layer{top: 179px!important; left: -12px!important;}
.goroden-products a.item-9 .front-layer{top: 251px!important; left: 55px!important;}
.goroden-products a.item-9 .product-img{margin-bottom:12px;}
.goroden-products a.item-10 .back-layer{top: 184px!important; left: -16px!important;}
.goroden-products a.item-10 .front-layer{top: 176px!important; left: -8px!important;}
.goroden-products a.item-10 .product-img{margin-bottom:35px;}
.goroden-products a.item-11 .back-layer{top: 100px!important; left: -16px!important;}
.goroden-products a.item-11 .front-layer{top: 120px!important; left: -8px!important;}
.goroden-products a.item-11 .product-img{margin-bottom:25px;}
.goroden-products a.item-12 .back-layer{top: 133px!important; }
.goroden-products a.item-12 .front-layer{top: 84px!important; left: -10px!important;}
.goroden-products a.item-12 .product-img{margin-bottom:10px;}
.goroden-products a.item-1{margin-top:20px;}
.goroden-products a.item-2{margin-top:130px;}
.goroden-products a.item-3{margin-top:15px;}
.goroden-products a.item-4{margin-top:-50px;}
.goroden-products a.item-5{margin-top:70px;}
.goroden-products a.item-6{margin-top:-135px;}
.goroden-products a.item-7{margin-top:-50px;}
.goroden-products a.item-8{margin-top:100px;}
.goroden-products a.item-9{margin-top:-35px;}
.goroden-products a.item-10{margin-top:-110px;}
.goroden-products a.item-11{margin-top:-124px;}
.goroden-products a.item-12{margin-top:-110px;}

@media only screen and (max-width: 1100px) {
.goroden-products{max-width: 768px;margin: 0 auto;}
.goroden-products .product-item{width:45%;}
.goroden-products a.item-1{margin-top:50px;}
.goroden-products a.item-2{margin-top:220px;}
.goroden-products a.item-3{margin-top:-110px;}
.goroden-products a.item-4{margin-top:65px;}
.goroden-products a.item-5{margin-top:-145px;}
.goroden-products a.item-6{margin-top:55px;}
.goroden-products a.item-7{margin-top:-130px;}
.goroden-products a.item-8{margin-top:100px;}
.goroden-products a.item-9{margin-top:-185px;}
.goroden-products a.item-10{margin-top:80px;}
.goroden-products a.item-11{margin-top:-185px;}
.goroden-products a.item-12{margin-top:80px;}
}
@media only screen and (max-width: 980px) {
.column-block{-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.column-block .column-p{width:100%;}
.goroden-desc div.more.more-part-2{display:block;}
.goroden-desc div.more.more-part-2 ~ .column-p{display:none;}
.goroden-products .product-text p.product-name { font-size: 24px;}
.goroden-products .product-text p{font-size:16px;}
.goroden-products{padding:0px 30px;}
.goroden-desc:after{width:125px;height:125px;background-size:cover;top:-60px;}
}
@media only screen and (max-width: 767px) {
.goroden-desc h1{font-size:36px;}
.goroden-desc p.head-p { font-size: 22px;}
.goroden-desc div.more.more-part-2 ~ .column-p{display:block;}
.goroden-desc .column-block{display:none;}
.goroden-desc div.more.more-part-1{display:block;} 
.goroden-desc div.more.more-part-2{display:none;} 
.goroden-products .product-item { width: 100%;}
.goroden-products { max-width: 500px;}
.goroden-products a.item-1{margin-top:50px;}
.goroden-products a.item-2{margin-top:50px;}
.goroden-products a.item-3{margin-top:20px;}
.goroden-products a.item-4{margin-top:30px;}
.goroden-products a.item-5{margin-top:15px;}
.goroden-products a.item-6{margin-top:20px;}
.goroden-products a.item-7{margin-top:0px;}
.goroden-products a.item-8{margin-top:60px;}
.goroden-products a.item-9{margin-top:30px;}
.goroden-products a.item-10{margin-top:30px;margin-bottom:20px;}
.goroden-products a.item-11{margin-top:60px;}
.goroden-products a.item-12{margin-top:30px;}
.goroden-title img{width:400px;height:auto;}
.demo-hide{
    margin-left: 0!important
}
}
@media only screen and (max-width: 660px) {
.goroden-desc:after {width: 100px; height: 100px;top: -39px;}
}
@media only screen and (max-width: 567px) {
.goroden-title img {width: 300px;}
.goroden-desc:after{top:-20px;}
.goroden-desc h1 { font-size: 32px;}
.goroden-desc p.head-p { font-size: 20px;}
.goroden-desc p{font-size:16px;}
.goroden-products {padding: 0px 0px;}
.goroden-desc h1{padding-right:40px;}
}
@media only screen and (max-width: 360px) {
.goroden-desc {padding: 40px 20px 30px;}
}
/****************************************************************************************/
/* End */
/* /bitrix/templates/molmir/assets/css/goroden_style.css?177513838112386 */
