body, ::placeholder, input, button, select{font-size:16px; font-weight:400;} .color-2D230D{background-color:#2D230D;} /**{outline:1px solid;}*/ [blick]{position:relative; overflow:hidden} [blick]:before{content:''; position:absolute; top:0; left:-100%; right:100%; bottom:0; background:linear-gradient(to right, transparent 0, transparent 30%, rgba(255,255,255,0.8) 70%, transparent 70%, transparent 100%) no-repeat 0 0; background-size:cover; -moz-transform:skewX(-50deg); -o-transform:skewX(-50deg); -webkit-transform:skewX(-50deg); transform:skewX(-50deg)} [blick].blickOn:before{transition:1.5s ease; left:100%; right:-100%} header{display:block; width:100%; max-width:100vw; position:fixed; top:0px; left:0px; z-index:10; background:#FFF; box-shadow:0px 0px 3px rgba(0,0,0,0.35);} header > .topline{border-bottom:1px solid #DEDEDE;} header > .topline > .wrap{padding:7px 0px; font-size:12px;} header > .topline > .wrap > .text{margin:auto auto auto 0px; font-weight:500;} header > .topline > .wrap > .mail{margin:auto 20px auto 0px;} header > .topline > .wrap > .mail > i{margin-right:5px;} header > .topline > .wrap > .addr{margin:auto 0px auto 0px;} header > .topline > .wrap > .addr > i{margin-right:5px;} @media(max-width:1050px){ header > .topline > .wrap > .text{display:none;} } header > .wrap{padding:0px 0px; min-height:95px;} header > .wrap > .logotype{display:block; margin:auto 0px auto 0px; height:80px;} header > .wrap > .logotype > img{height:100%; display:block;} header > .wrap > div.flex{margin:5px auto;} header > .wrap > div.flex > i{font-size:16px; color:#2D230D; border:1px solid #2D230D; border-radius:4px; width:30px; height:30px; display:flex; align-items:center; justify-content:center; align-items:center; margin-right:7px; display:none;} header > .wrap > div.flex > span{display:block; font-size:14px;} header > .wrap > .wa{display:block; margin:auto 10px auto 0px!important; display:none;} header > .wrap > .wa > i{display:flex; align-items:center; justify-content:center; text-align:center; font-size:24px; color:#2D230D;} header > .wrap > .phone{margin:auto 0px auto 0px!important; flex-direction:column;} header > .wrap > .phone > a{font-size:24px; display:block; font-weight:500; color:#2D230D; font-family:'Tinos'; min-width:185px;} header > .wrap > .phone > div{display:block; width:100%; text-align:right; margin-top:10px;} header > .wrap > .phone > div > a{display:inline-block; padding:7px 15px; background:#000; color:#FFF; border-radius:4px} header > .wrap > .question{display:block; margin:auto 0px auto auto; color:#f18116; border:2px solid #f18116; padding:7px 15px; font-size:18px; border-radius:5px; text-transform:uppercase;} nav{display:block; margin:auto auto; font-family:'Proxima Nova';} nav > i{display:none !important;} nav > .flex{align-items:flex-start; justify-content:flex-start;} nav > .flex > a, nav > .flex > span > a{display:flex; align-items:center; justify-content:center; text-align:center; font-size:14px; color:#2D230D; padding:0px 10px; margin:4px 3px 0px; text-transform:uppercase; letter-spacing:0px; transition:all .3s;} nav > .flex > a:hover{color:rgb(193, 163, 139);} nav > .flex > span{display:block; margin:4px 3px 0px; position:relative;} nav > .flex > span > a{margin:0px;} nav > .flex > span > a::after{content:''; display:inline-block; width:7px; height:5px; background:url('../images/submenu-arrow.svg') no-repeat; display:inline-block; vertical-align:middle; margin:-1px 0 0 5px;filter:invert(100%);} nav > .flex > span > div{position:absolute; top:calc(100% + 38px); left:0px; background:#FFF; width:250px; box-shadow:2px 3px 3px rgba(0,0,0,0.35); padding:5px 10px;} nav > .flex > span > div > a{display:block; width:calc(100% / 1); font-size:17px; color:#252525; padding:5px 10px; margin:0px; text-transform:capitalize; letter-spacing:0px; transition:all .3s;} nav > .flex > span > div > a:hover{color:rgb(193, 163, 139);} @media(max-width:1100px){ /*nav > i{display:flex !important; width:40px; height:40px; color:#000; background:#ff9500; align-items:center; justify-content:center; border-radius:6px; position:fixed; top:15px; right:15px; cursor:pointer;}*/ nav{position:relative;} nav > i{display:flex !important; align-items:center; justify-content:center; text-align:center; font-size:20px; color:#2D230D; padding:0px 10px; margin:4px 3px 0px; text-transform:uppercase; letter-spacing:0px; transition:all .3s; font-weight:normal; cursor:pointer;} nav > i::after{content:'Меню'; margin-left:5px;} nav > .flex{width:100%; width:250px; flex-direction:column; position:absolute; top:55px; left:calc((100% - 250px) / 2); background:#FFF; opacity:0; visibility:hidden;} nav > i.active{border-radius:6px 6px 0px 0px;} nav > i.active + .flex{opacity:1; visibility:visible;} nav > .flex > span{display:block; width:100%; position:static;} nav > .flex > span > a::after{transform:rotate(-90deg);} nav > .flex > a, nav > .flex > span > a{width:100%; height:auto; padding:7px 15px; text-align:center;} nav > .flex > span > div{top:0px; left:100%; width:300px;} } @media(max-width:650px){ header > .wrap{/*flex-direction:column;*/ padding:10px 0px;} header > .wrap > .logotype{margin:auto auto auto 0; order:1; height:60px;} header > .wrap > .logotype > img{margin:0px auto;} header > .wrap > nav{margin:auto 0px auto auto; order:2; width:auto; position:absolute; top:32px; right:0px;} nav > .flex{top:calc(100% + 5px); right:0px; left:auto;} nav > i::after{content:'';} nav > .flex > span{display:none;} nav > .flex > span > div{left:auto; right:100%;} header > .wrap > .wa{order:2; display:block; position:absolute; top:35px; left:15px;} header > .wrap > .phone{/*width:100%;*/ margin:10px 60px 0px 0px !important; order:2;} header > .wrap > .phone > span > a{min-width:auto;} } @media(max-width:500px){ header > .wrap > .logotype{margin:auto; order:1; height:50px;} header > .wrap > .phone{width:100%; margin:10px 0px 0px 0px !important;} header > .wrap > .phone > div{display:none;} } box-utp{display:block; width:100%; background:url('../images/plahov059.jpg')no-repeat top center / cover; background-attachment:scroll; position:relative; margin-top:95px; overflow:hidden;} box-utp::before{display:block; content:''; background:rgba(0, 0, 0, 0.5); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2;} box-utp > video{position:absolute; top:0px; left:0px; right:0px; bottom:100%; width:100%; height:auto; z-index:1; display:none;} box-utp > .wrap{min-height:calc(100vh - 95px); z-index:3;} box-utp > .wrap > left-box{width:calc(100% - 500px); margin:auto auto; flex-direction:column; color:#FFF; /*max-width:570px;*/} box-utp > .wrap > left-box > a{display:block; margin-top:0px; text-align:left; font-size:55px; color:#FFF; font-family:"Tahoma"} box-utp > .wrap > left-box > a > img{display:block; width:100%;} box-utp > .wrap > left-box > h2{display:block; text-align:center; font-size:18px; font-weight:bold; text-transform:uppercase; margin-top:25px;} box-utp > .wrap > left-box > small{display:block; text-align:center; font-size:12px; font-weight:bold; text-transform:uppercase; margin-top:5px;} box-utp > .wrap > left-box > h1{display:block; text-align:center; font-size:52px; font-weight:700; font-family:'Merriweather', serif; margin-top:25px; line-height:1.1; padding-bottom:55px; background:url('../images/bottomLine.png')no-repeat center bottom; /*text-transform:uppercase;*/ font-family: 'Tinos', serif;} box-utp > .wrap > left-box > ul{margin:55px 0px 10px 0px;} box-utp > .wrap > left-box > ul > li{margin:10px 0px; font-size:20px;} box-utp > .wrap > form{width:100%; max-width:350px; margin:auto auto; background:rgba(228, 226, 226, 0.9); padding:30px 25px; border:6px solid #7f6c4d;} box-utp > .wrap > form > b{display:block; font-size:18px; text-transform:uppercase; text-align:center; width:100%;} box-utp > .wrap > form > span{display:block; font-size:16px; text-align:center; margin:10px 0px 5px 0px; line-height:1.2; width:100%;} box-utp > .wrap > form > span > small{display:block; font-size:20px; text-align:center;} box-utp > .wrap > form > span > b{font-size:24px; color:#c9ae9d;} box-utp > .wrap > form > label{display:block; width:calc(100%); position:relative; margin:7px 10px;} box-utp > .wrap > form > label > input, box-utp > .wrap > form > label.file > span{display:block; width:100%; height:50px; background:#FFF; border:none; box-shadow:0px 0px 2px rgba(0,0,0,0.15); padding:10px 25px 10px 45px; font-size:16px; border-radius:6px;} box-utp > .wrap > form > label.file > input{display:none!important;} box-utp > .wrap > form > label.file > span{display:flex; align-items:center; justify-content:flex-start; overflow:hidden;} box-utp > .wrap > form > label.file > span::after{content:attr(data-text);} box-utp > .wrap > form > label > i{position:absolute; left:0px; top:0px; width:45px; height:100%; display:flex; align-items:center; justify-content:center; color:#999; font-size:15px;} box-utp > .wrap > form > button{display:block; width:calc(100%); height:55px; border:none; border-radius:6px; background:#383025; font-size:17px; font-weight:bold; text-transform:uppercase; /*box-shadow:0 0 7px #fff343;*/ border:1px solid #8d00f512; color:#FFF; margin:15px 10px; height:50px;} box-utp > .wrap > form > .gift{width:100%; padding:10px 5px 10px 50px; background:url('../images/gift.png')no-repeat 8px center / 40px auto; margin-top:0px; font-weight:bold;} @media(max-width:1250px){ box-utp > .wrap > left-box{width:calc(100%); margin-bottom:0px; text-align:center;} box-utp > .wrap > left-box ul{list-style:none;} } @media(max-width:800px){ box-utp{background-position:center center; background-size:auto 150%;} box-utp{margin-top:120px;} box-utp > video{display:none;} box-utp > .wrap{padding:20px 0px 30px; min-height:auto;} box-utp > .wrap > form{padding:20px 10px;} box-utp > .wrap > left-box > a{font-size:36px;} box-utp > .wrap > left-box > h2{font-size:16px;} box-utp > .wrap > left-box > small{font-size:10px;} box-utp > .wrap > left-box > h1{font-size:36px; background-size:50% auto;} box-utp > .wrap > form > label, box-utp > .wrap > form > button{width:calc((100% / 2) - 20px);} } @media(max-width:580px){ box-utp > .wrap > left-box > a{display:none;} box-utp > .wrap > left-box > h1{padding-bottom:20px; font-size:30px;} box-utp > .wrap > form > label, box-utp > .wrap > form > button{width:calc((100% / 1) - 20px); margin:5px 0px;} } .blick{position:relative; overflow:hidden} .blick:before{content:''; position:absolute; top:0; left:-100%; right:100%; bottom:0; background:linear-gradient(to right, transparent 0, transparent 30%, rgba(255,255,255,0.8) 70%, transparent 70%, transparent 100%) no-repeat 0 0; background-size:cover; -moz-transform:skewX(-50deg); -o-transform:skewX(-50deg); -webkit-transform:skewX(-50deg); transform:skewX(-50deg)} .blick.blickOn:before{transition:1.5s ease; left:100%; right:-100%} box-title{display:block; text-align:center; font-size:40px; padding-bottom:55px; background:url('../images/mt-1804-home-divider2.png')no-repeat center bottom; font-weight:700; font-family:'Merriweather'; color:#292929;} box-title[c-w]{color:#FFF;} box-title-sub{display:block; text-align:center; font-size:15px; padding-bottom:10px; font-weight:600; color:#292929; line-height:1.4; text-transform:uppercase; letter-spacing:4px; margin-top:15px;} box-title-sub[c-w]{color:#FFF;} box-title+p{margin-top:30px; text-align:center; font-size:18px; line-height:1.35;} p.box-title-text{margin-top:10px; text-align:center; font-size:18px; line-height:1.35;} @media(max-width:800px){ box-title{font-size:30px; background-size:230px auto; padding-bottom:30px;} box-title-sub{font-size:14px;} } @media(max-width:650px){ box-title{font-size:22px;} } #text{width:100%; background:url('../images/mt-1804-home-about-bg.jpg')no-repeat right bottom / contain;} #text > .wrap{padding:100px 0px 150px 0px;} #text > .wrap > div{text-align:center; font-size:16px; font-family:'Raleway', sans-serif; line-height:1.6; max-width:970px; margin:50px auto 0px;} #text2{width:100%; background:url('../images/text2.jpg')no-repeat center / cover; display:none;} #text2 > .wrap{padding:150px 0px 150px 30%; color:#FFF;} #text2 > .wrap > box-title{background-image:url('../images/parallax-icon.webp'); font-size:50px;} #text2 > .wrap > div{text-align:center; font-size:16px; font-family:'Raleway', sans-serif; line-height:1.6; max-width:970px; margin:30px auto 0px;} #text2 > .wrap > a{display:block; width:max-content; padding:10px 20px; color:#000; background:#c1a38b; border-radius:0px; transition:all .5s; margin:25px auto 0px;} #text2 > .wrap > a:hover{background:#fff;} @media(max-width:750px){ #text2{position:relative;} #text2::after{display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(31, 23, 4, 0.73);} #text2 > .wrap{padding:100px 10px; z-index:2;} #text2 > .wrap > box-title{font-size:36px;} } #goldalm{width:100%;} #goldalm > div{width:50%; background:no-repeat center / cover; position:relative;} #goldalm > div.alm{background-image:url('../images/alm.jpg');} #goldalm > div.gold{background-image:url('../images/gold.jpg');} #goldalm > div > img{display:block; width:100%; background:rgba(0,0,0,0.4); position:relative; z-index:1;} #goldalm > div > a{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:3;} #goldalm > div > a > b{position:absolute; font-size:34px; color:#FFF; background:url('../images/supply-new.svg')no-repeat center bottom / 200px auto; padding-bottom:35px; text-align:center; max-width:500px; text-transform:uppercase;} @media(max-width:950px){ #goldalm > div > a > b{font-size:24px;} } @media(max-width:650px){ #goldalm{flex-direction:column;} #goldalm > div{width:100%;} } #items{width:100%; /*background:#F9F9F9;*/} #items > .wrap{padding:65px 0px; max-width:1400px;} #items > .wrap > .flex{width} #items > .wrap > .buts{display:flex; align-items:center; justify-content:center; margin:25px 0px;} #items > .wrap > .buts > a{display:block; padding:10px 15px; font-size:16px; border:2px solid #000; margin:5px 5px; text-align:center;} #items > .wrap > .buts > a[this]{background:#000; color:#FFF;} #items > .wrap > .flex[id]{display:none;} #items > .wrap > .flex[id][this]{display:flex;} item-box{display:block; width:calc((100% / 3) - 30px); position:relative; margin:10px 15px; font-family:'Poppins'; text-align:center;} item-box > .img{display:block; width:100%; border:1px solid #e8e8e8; position:relative;} item-box > .img > img{display:block; width:100%; background:no-repeat center center/cover;} item-box > .img > img:first-child{/*filter:grayscale(100%);*/} item-box > .img > img:last-child{left:0; position:absolute; right:0; top:0; opacity:0; width:100%; -moz-transform:scale(0, 1); -webkit-transform:scale(0, 1); -o-transform:scale(0, 1); -ms-transform:scale(0, 1); transform:scale(0, 1); -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;} item-box:hover > .img > img:last-child{opacity:1; -moz-transform:scale(1, 1); -webkit-transform:scale(1, 1); -o-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1); -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;} item-box > b{width:100%; text-align:center; color:#9b9e72; margin-top:10px; font-size:24px; font-weight:500; display:block;} item-box > span{width:100%; text-align:center; color:#9b9e72; margin-top:5px; font-size:16px; font-weight:500; display:block;} item-box > a{display:inline-block; padding:7px 35px; border:1px solid #000; color:#000; margin-top:10px;} @media(max-width:1050px){ item-box{width:calc((100% / 3) - 30px);} #items > .wrap > .buts{flex-wrap:wrap;} #items > .wrap > .buts > a > br{display:none;} } @media(max-width:700px){ item-box{width:calc((100% / 2) - 30px);} } @media(max-width:500px){ item-box{width:calc((100% / 1) - 30px);} } box-item{display:block; width:calc((100%/2) - 20px); margin:0px 10px 10px 10px; background:#FFF; border:1px solid #DDD; padding:10px; border-radius:6px;} box-item > .name{padding:7px 10px; font-size:18px; text-align:center;} box-item > a{display:block; width:100%; margin:5px 0px; border-radius:6px; overflow:hidden; position:relative;} box-item > a > img{display:block; width:100%; background:no-repeat center / cover; position:relative; z-index:1;} box-item > a::after{content:"Подробнее"; display:block; padding:10px 0px; border:1px solid #FFF; position:absolute; top:50%; left:calc(50% - 100px); z-index:2; color:#FFF; text-align:center; width:200px; box-sizing:border-box; opacity:0;} box-item:hover > a::after{opacity:1;} box-item > .flex{padding:7px 0px 0px;} box-item > .flex > .price{display:none; width:50%; margin:auto; padding:0px 10px; font-size:24px; font-weight:500;} box-item > .flex > a{width:50%; margin:auto; text-align:center; background:#f1bb3d; padding:10px 15px; color:#000;} @media(max-width:650px){ box-item{width:calc((100%/1) - 20px);} } /*preview-box{opacity:0; visibility:hidden;}*/ preview-box{width:100%; height:100%; opacity:1; visibility:visible; position:fixed; top:0px; left:0px; z-index:1000; background:rgba(0,0,0,0.35);} preview-box > close-prev{display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; cursor:pointer; z-index:1;} preview-box > nav-prev, preview-box > nav-next{font-size:80px; color:#FFF; margin:auto; text-shadow:0px 0px 4px rgba(0,0,0,0.35); cursor:pointer; z-index:2; position:relative;} preview-box > .flex{background:#FFF; border-radius:10px; padding:35px; box-shadow:0px 0px 3px rgba(0,0,0,0.45); width:100%; max-width:800px; align-items:flex-start; justify-content:flex-start; z-index:2; position:relative;} preview-box > .flex > i{position:absolute; top:10px; right:15px; font-size:30px; cursor:pointer;} preview-box > .flex > img{display:block; width:350px;} preview-box > .flex > div{width:calc(100% - 350px); padding-left:25px;} preview-box > .flex > div > span{display:block; font-size:15px;} preview-box > .flex > div > b{display:block; font-size:22px; margin:15px 0px 5px;} preview-box > .flex > div > p{display:block; font-size:18px;} preview-box > .flex > div > table{width:100%; margin-top:35px;} preview-box > .flex > div > table > tbody{} preview-box > .flex > div > table > tbody > tr{text-align:center; border-bottom:1px solid #999;} preview-box > .flex > div > table > tbody > tr > th{background:#000; color:#FFF; padding:10px 5px;} preview-box > .flex > div > table > tbody > tr > td{padding:10px 5px; font-size:20px;} #latestNews{width:100%; /*background:#F9F9F9;*/} #latestNews > .wrap{padding:55px 0px; max-width:1400px;} #latestNews > .wrap > .flex{padding:35px 0px; justify-content:flex-start; align-items:flex-start;} latest-news{display:block; width:calc((100% / 3) - 30px); position:relative; margin:10px 15px; font-family:'Poppins';} latest-news > a{display:block; width:100%;} latest-news > a > img-box{display:block; width:100%; overflow:hidden;} latest-news > a > img-box > img{display:block; width:100%; background:no-repeat center / cover; transition:all 2s ease;} latest-news:hover > a > img-box > img{opacity:0.8; transform:scale(1.5);} latest-news > a > news-name{display:block; width:100%; font-size:20px; color:#000; font-weight:500; text-transform:capitalize; transition:all 0.5s; margin:15px 0px;} latest-news > a > news-name:hover{color:#c1a38b;} latest-news > a > news-short{display:block; width:100%; font-size:14px; color:#666; font-weight:400; line-height:22px;} @media(max-width:1000px){ latest-news{width:calc((100% / 2) - 30px);} } @media(max-width:600px){ latest-news{width:calc((100% / 1) - 30px);} } #steps{width:100%;} #steps > .wrap{padding:85px 0px;} #steps > .wrap > .flex{align-items:flex-start; margin-top:35px;} #steps > .wrap > .flex > div{width:calc((100% / 3) - 30px); margin:15px auto; text-align:center;} #steps > .wrap > .flex > div > i{display:flex; width:30px; height:30px; align-items:center; justify-content:center; margin:10px auto 0px auto; font-style:normal; color:#FFF; background:#C1A38B; border-radius:999px;} #steps > .wrap > .flex > div > b{display:block; font-size:18px; color:#CDA48D;} #steps > .wrap > .flex > div > span{display:block; font-size:16px; margin-top:10px; line-height:1.35;} #closed{width:100%; background:#c1a38b3d;} #closed > .wrap{padding:65px 0px; align-items:flex-start;} #closed > .wrap > form{margin:25px auto; width:100%; max-width:700px;} #closed > .wrap > form > label{width:calc((100% / 2) - 20px); margin:10px; position:relative;} #closed > .wrap > form > label > input{display:block; width:100%; height:55px; background:#FFFF; border-radius:6px; border:none; color:#000; font-size:17px; padding:7px 20px 7px 55px; border:2px solid #00000038;} #closed > .wrap > form > label > i{display:flex; width:55px; height:100%; position:absolute; top:0px; left:0px; color:#CDA48D; align-items:center; justify-content:center;} /*#closed > .wrap > form > button{ border-radius:6px; background:#CDA48D; font-size:18px;}*/ #closed > .wrap > form > button{width:calc((100% / 2) - 20px); margin:10px; height:55px; border:none; border-radius:6px; background:#383025; font-size:17px; font-weight:bold; text-transform:uppercase; /*box-shadow:0 0 7px #fff343;*/ border:1px solid #8d00f512; color:#FFF;} #stats{width:100%; background:#c1a38b3d;} #stats > .wrap{padding:35px 0px; align-items:flex-start;} #stats > .wrap > .stat{width:calc((100% / 3) - 50px); min-width:240px; margin:10px 25px; color:#000;} #stats > .wrap > .stat > div{width:160px; height:160px; margin:0px auto; background:no-repeat center center / contain; font-size:24px;} #stats > .wrap > .stat:nth-child(1) > div{background-image:url('../images/stats1.png');} #stats > .wrap > .stat:nth-child(2) > div{background-image:url('../images/stats2.png');} #stats > .wrap > .stat:nth-child(3) > div{background-image:url('../images/stats3.png');} #stats > .wrap > .stat > b{display:block; text-align:center; font-size:20px; margin:25px 0px 15px;} #stats > .wrap > .stat > span{display:block; text-align:center; font-size:16px; margin:0; line-height:1.55; opacity:.5;} #stats > .wrap > .flex{width:95%; margin-top:50px; align-items:flex-start; color:#2E2717;} #stats > .wrap > .flex > div{width:calc((100% / 4) - 30px); min-width:240px; margin:10px 15px;} #stats > .wrap > .flex > div > b{display:block; text-align:center; font-size:26px; margin-bottom:10px;} /*#stats > .wrap > .flex > div > b{padding-bottom:15px; margin-bottom:15px; border-bottom:3px solid #000;}*/ #stats > .wrap > .flex > div > span{display:block; text-align:center; font-size:16px;} #brands{width:100%;} #brands > .wrap{padding:45px 0px 30px; max-width:1400px;} #brands > .wrap > .flex{margin-top:30px;} #brands > .wrap > .flex > div{width:calc((100% / 6) - 30px); min-width:140px; margin:10px 15px;} #brands > .wrap > .flex > div > img{display:block; margin:0px auto; opacity:0.8; -moz-transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -o-transform:rotateY(0deg); transition:all 0.7s; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s;} #brands > .wrap > .flex > div:hover > img{opacity:1; -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);} #brands .brandImg{width:163px; height:100px; margin:0px auto; display:flex; align-items:center; justify-content:center; flex-direction:column; margin:0px auto;} #brands .brandImg > img{display:block; max-width:100%; max-height:100%;} #brands .brandImg > img{display:block; margin:0px auto; opacity:0.8; -moz-transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -o-transform:rotateY(0deg); transition:all 0.7s; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s;} #brands .brandImg:hover > img{opacity:1; -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);} #contacts{width:100%; background:#c1a38b;} #contacts > .wrap{padding:40px 0px; max-width:1200px;} #contacts > .wrap > .flex{} #contacts > .wrap > .flex > div{width:calc((100% / 3) - 30px); margin:5px auto;} #contacts > .wrap > .flex > div{width:max-content;} #contacts > .wrap > .flex > div > i{display:flex; align-items:center; justify-content:center; flex-direction:column; color:#FFF; font-size:30px; width:70px; height:70px; background:#333; border-radius:999px;} #contacts > .wrap > .flex > div > div{width:calc(100% - 70px); padding-left:25px; color:#FFF; font-size:14px; font-weight:400; /*font-family:'Poppins';*/ line-height:24px;} #contacts > .wrap > .flex > div > div > a[href^='tel:+']{display:block; min-width:125px;} @media(max-width:800px){ #contacts > .wrap > .flex{flex-direction:column;} #contacts > .wrap > .flex > div{width:100%; max-width:300px;} } footer{width:100%; max-height:70vh; display:block; background:linear-gradient(90deg, #FFF 0%, #FFF 50%, #252525 50%, #252525 100%); position:relative;} footer::after{width:50%; height:100%; background:url('../images/footer.jpg')no-repeat center / cover; position:absolute; top:0px; right:0px;} footer > .wrap{padding:0px; max-width:1200px; min-height:400px;} footer > .wrap > *{width:50%; padding:0px;} /*footer > .wrap > *{display:flex; flex-direction:column; align-items:center; justify-content:center;}*/ footer > .wrap > left-box{padding-right:10%;} footer > .wrap > left-box > .logotype{display:block; width:160px;} footer > .wrap > left-box > .logotype > img{display:block; width:100%;} footer > .wrap > left-box > .text{font-size:14px; color:#a9a9a9; line-height:24px; letter-spacing:0.5px; font-weight:400; margin:20px 0px 40px 0px;} footer > .wrap > left-box > .soc{} footer > .wrap > left-box > .soc > b{display:block; font-size:24px; text-transform:uppercase; font-weight:500;} footer > .wrap > left-box > .soc > .flex{justify-content:flex-start; margin-top:15px; padding-left:10px;} footer > .wrap > left-box > .soc > .flex > a{display:block; font-size:18px; color:#a9a9a9;} footer > .wrap > left-box > .soc > .flex > a + a{margin-left:15px;} footer > .wrap > right-box{background:#252525; color:#FFF; padding-left:10%;} footer > .wrap > right-box > div{width:500px; margin:0px auto;} footer > .wrap > right-box > div > img{display:block; margin:15px auto 0px;} footer > .wrap > right-box > div > div{width:calc(100% - 130px); padding-left:20px;} footer > .wrap > right-box > div > div > span{display:block; margin:15px auto; font-weight:300; font-size:22px; text-align:center; font-family:'Montserrat';} footer > .wrap > right-box > div > div > span::after{display:block; width:60%; height:1px; background:#FFF; margin:15px auto; opacity:.4;} footer > .wrap > right-box > div > div > b{display:block; margin:15px auto 0; font-weight:600; font-size:14px; text-align:center; line-height:1.7;} } @media(max-width:1260px){ footer > .wrap > left-box{padding-right:15px} footer > .wrap > right-box{padding-left:15px} } @media(max-width:1130px){ footer > .wrap > right-box > div{width:100%;} } @media(max-width:1050px){ footer > .wrap > right-box > div > div{width:100%; padding-left:0px;} } @media(max-width:1000px){ footer{background:#FFF;} footer > .wrap > left-box{width:100%; padding:25px 15px;} footer > .wrap > right-box, footer::after{display:none;} } @media(max-width:750px){ footer{min-height:auto;} footer > .wrap{max-width:100%; width:100%;} footer > .wrap{flex-direction:column;} footer > .wrap > left-box{width:100%; background:#FFF; padding:15px 15px; order:2;} footer > .wrap > left-box > .logotype{margin:0px auto;} footer > .wrap > left-box > .text{text-align:center;} footer > .wrap > left-box > .soc{text-align:center;} footer > .wrap > left-box > .soc > .flex{justify-content:center;} footer > .wrap > right-box{width:100%; padding:15px 15px; order:1;} } @media(max-width:450px){ footer > .wrap > right-box > div > div > span{font-size:18px;} } copyright{display:block; background:#000; color:#a9a9a9; text-align:center; font-size:14px; padding:15px 15px; font-family:'Poppins';} @keyframes box-utp_a{ from{ top:5px; } 50%{ top:20px; } to{ top:5px; } } div.autocomplete-suggestions{background:#FFF5EB; border-radius:0px 0px 6px 6px; border:1px solid #f18116; color:#000; border-top:none; box-shadow:3px 3px 4px 0px rgba(0, 0, 0, 0.12); padding:0px 0px; position:absolute;} div.autocomplete-suggestions::before{display:block; width:100%; height:5px; position:absolute; bottom:100%; left:-1px; background:#FFF; border:1px solid #f18116; border-top:none; border-bottom:none;} div.autocomplete-suggestions > div{font-size:13px; padding:5px 8px; color:#000;} div.autocomplete-suggestions > div:hover{color:#FFF; background:#f18116; cursor:pointer;} div.autocomplete-suggestions > div + div{margin-top:3px;} div.autocomplete-suggestions > div > span{font-size:10px;} .static{width:100%; max-width:1024px; margin:0 auto 30px;} .static > .name{display:block; text-align:center; font-size:40px; padding-bottom:55px; background:url('../images/mt-1804-home-divider2.png')no-repeat center bottom; font-weight:700; font-family:'Merriweather'; color:#292929;} .static > .cont{padding:15px 0px; line-height:1.3; font-size:17px;} .static > .cont img{max-width:100%;} .static > .cont *{line-height:inherit;} .static > .cont ul, .static > .cont ol{padding:7px 0px 7px 35px; margin-bottom:15px;} .static > .cont h2, .static > .cont h3{margin:20px 0 10px;} @media(max-width:1100px){ .static{padding:0px 20px;} } @media(max-width:800px){ .static{margin-top:30px;} .static > .name{font-size:24px; padding-bottom:20px; background-size:150px auto} } #preims_{widows:100%; background:url('../images/preims.jpg')no-repeat center / cover; position:relative;} #preims_::before{display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(45,30,3,0.60);} #preims_ > .wrap{z-index:2; padding:65px 0px; color:#FFF;} #preims_ > .wrap > box-title{color:#FFF;} #preims_ > .wrap > .flex{/*max-width:1200px;*/ margin:35px auto 0px;} #preims_ > .wrap > .flex > div{width:calc(100% / 2); padding:25px 75px; align-items:flex-start;} #preims_ > .wrap > .flex > div > i{display:block; width:34px; height:34px; margin-right:16px; background:no-repeat center / contain; filter:grayscale(100%) invert(100%);} #preims_ > .wrap > .flex > div:nth-child(1) > i{background-image:url('../images/preims/advantages_icon_1.png');} #preims_ > .wrap > .flex > div:nth-child(2) > i{background-image:url('../images/preims/advantages_icon_2.png');} #preims_ > .wrap > .flex > div:nth-child(3) > i{background-image:url('../images/preims/advantages_icon_3.png');} #preims_ > .wrap > .flex > div:nth-child(4) > i{background-image:url('../images/preims/advantages_icon_4.png');} #preims_ > .wrap > .flex > div:nth-child(5) > i{background-image:url('../images/preims/advantages_icon_5.png');} #preims_ > .wrap > .flex > div:nth-child(6) > i{background-image:url('../images/preims/advantages_icon_6.png');} #preims_ > .wrap > .flex > div > div{width:calc(100% - 50px);} #preims_ > .wrap > .flex > div > div > b{display:block; font-size:18px; font-weight:normal;} #preims_ > .wrap > .flex > div > div > span{display:block; font-size:16px; font-weight:normal; margin-top:10px; line-height:1.3;} @media(max-width:1100px){ #preims_ > .wrap > .flex > div{padding:25px 35px;} } @media(max-width:800px){ #preims_ > .wrap > .flex > div{width:100%; padding:25px 35px;} } #preims{widows:100%; background:url('../images/preims.jpg')no-repeat center / cover; position:relative;} #preims::before{display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(45,30,3,0.60);} #preims > .wrap{z-index:2; padding:65px 0px; color:#FFF;} #preims > .wrap > box-title{color:#FFF;} #preims > .wrap > .flex{widows:100%; margin-top:35px;} #preims > .wrap > .flex > a{width:calc((100% / 6) - 3px); height:135px; margin:0px auto; flex-direction:column; background:rgba(255,255,255,0.25);} #preims > .wrap > .flex > a[this], #preims > .wrap > .flex > a:hover{background:#FFDD55;} #preims > .wrap > .flex > a:first-child{margin-left:0px;} #preims > .wrap > .flex > a:last-child{margin-right:0px;} #preims > .wrap > .flex > a > i{display:block; width:60px; height:60px; background:no-repeat center; margin:0px auto;} #preims > .wrap > .flex > a:nth-child(1) > i{background-image:url('../images/preims/1.png');} #preims > .wrap > .flex > a:nth-child(1)[this] > i, #preims > .wrap > .flex > a:nth-child(1):hover > i{background-image:url('../images/preims/_1.png');} #preims > .wrap > .flex > a:nth-child(2) > i{background-image:url('../images/preims/2.png');} #preims > .wrap > .flex > a:nth-child(2)[this] > i, #preims > .wrap > .flex > a:nth-child(2):hover > i{background-image:url('../images/preims/_2.png');} #preims > .wrap > .flex > a:nth-child(3) > i{background-image:url('../images/preims/3.png');} #preims > .wrap > .flex > a:nth-child(3)[this] > i, #preims > .wrap > .flex > a:nth-child(3):hover > i{background-image:url('../images/preims/_3.png');} #preims > .wrap > .flex > a:nth-child(4) > i{background-image:url('../images/preims/4.png');} #preims > .wrap > .flex > a:nth-child(4)[this] > i, #preims > .wrap > .flex > a:nth-child(4):hover > i{background-image:url('../images/preims/_4.png');} #preims > .wrap > .flex > a:nth-child(5) > i{background-image:url('../images/preims/5.png');} #preims > .wrap > .flex > a:nth-child(5)[this] > i, #preims > .wrap > .flex > a:nth-child(5):hover > i{background-image:url('../images/preims/_5.png');} #preims > .wrap > .flex > a:nth-child(6) > i{background-image:url('../images/preims/6.png');} #preims > .wrap > .flex > a:nth-child(6)[this] > i, #preims > .wrap > .flex > a:nth-child(6):hover > i{background-image:url('../images/preims/_6.png');} #preims > .wrap > .flex > a > span{display:block; text-align:center; font-size:14px;} #preims > .wrap > .flex > a[this] > span, #preims > .wrap > .flex > a:hover > span{color:#000;} #preims > .wrap > .flex > div{width:100%; border:2px solid #FFDD55; padding:35px;} #preims > .wrap > .flex > div > div{display:none;} #preims > .wrap > .flex > div > div[this]{display:block;} #preims > .wrap > .flex > div > div > ul{list-style:none;} #preims > .wrap > .flex > div > div > ul > li{line-height:1.7; background:url('../images/preims/cul.png') left 6px no-repeat; padding-left:35px;} #kmr{width:100%; background:url('../images/kmr/kmr.jpg')no-repeat center / cover; position:relative;} #kmr::before{display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(39,18,0,0.85);} #kmr > .wrap{z-index:2; padding:65px 0px; color:#FFF;} #kmr > .wrap > box-title{color:#FFF;} #kmr > .wrap > .flex{width:100%; max-width:1180px; margin:35px auto 0; background:url('../images/kmr/kpug.png')no-repeat center 40px; min-height:478px; position:relative; align-items:flex-start; justify-content:flex-start;} #kmr > .wrap > .flex::after, #kmr > .wrap > .flex::before{display:block; width:40px; height:40px; position:absolute; background:no-repeat center / contain;} #kmr > .wrap > .flex::before{background-image:url('../images/kmr/start.png'); top:20px ; left:30px;} #kmr > .wrap > .flex::after{background-image:url('../images/kmr/finish.png'); bottom:152px; left:522px;} #kmr > .wrap > .flex > div{width:calc(100% / 4); height:216px; margin:0px auto;} #kmr > .wrap > .flex > div > i{display:block; width:84px; height:84px; background:no-repeat center / contain; margin:0px auto;} #kmr > .wrap > .flex > div > i.ico1{background-image:url('../images/kmr/1.png');} #kmr > .wrap > .flex > div > i.ico2{background-image:url('../images/kmr/2.png');} #kmr > .wrap > .flex > div > i.ico3{background-image:url('../images/kmr/3.png');} #kmr > .wrap > .flex > div > i.ico4{background-image:url('../images/kmr/4.png');} #kmr > .wrap > .flex > div > i.ico5{background-image:url('../images/kmr/5.png');} #kmr > .wrap > .flex > div > i.ico6{background-image:url('../images/kmr/6.png');} #kmr > .wrap > .flex > div > i.ico7{background-image:url('../images/kmr/7.png');} #kmr > .wrap > .flex > div > i.ico8{background-image:url('../images/kmr/8.png');} #kmr > .wrap > .flex > div > i.ico9{background-image:url('../images/kmr/9.png');} #kmr > .wrap > .flex > div > i.ico10{background-image:url('../images/kmr/10.png');} #kmr > .wrap > .flex > div > span{display:block; margin-top:15px; text-align:center; line-height:1.5; font-size:14px;} #kmr > .wrap > .flex > div > a{display:block; padding:15px 15px; text-align:center; color:#000; background:#FFDD55; width:calc(100% - 30px); margin:22px auto 0px} @media(max-width:1180px){ #kmr > .wrap > .flex::before, #kmr > .wrap > .flex::after{display:none;} #kmr > .wrap > .flex{background-size:100% 438px;} } @media(max-width:1180px){ #kmr > .wrap > .flex{background:none;} #kmr > .wrap > .flex > div > span::before{display:inline-block; margin-right:5px; color:#FFDD55;font-weight:bold;} #kmr > .wrap > .flex > div{width:calc(100% / 2); margin:10px auto; height:auto;} #kmr > .wrap > .flex > div:nth-child(1){order:1;} #kmr > .wrap > .flex > div:nth-child(1) > span::before{content:'1.';} #kmr > .wrap > .flex > div:nth-child(2){order:2;} #kmr > .wrap > .flex > div:nth-child(2) > span::before{content:'2.';} #kmr > .wrap > .flex > div:nth-child(3){order:3;} #kmr > .wrap > .flex > div:nth-child(3) > span::before{content:'3.';} #kmr > .wrap > .flex > div:nth-child(4){order:4;} #kmr > .wrap > .flex > div:nth-child(4) > span::before{content:'4.';} #kmr > .wrap > .flex > div:nth-child(5){order:8;} #kmr > .wrap > .flex > div:nth-child(5) > span::before{content:'8.';} #kmr > .wrap > .flex > div:nth-child(6){order:7;} #kmr > .wrap > .flex > div:nth-child(6) > span::before{content:'7.';} #kmr > .wrap > .flex > div:nth-child(7){order:6;} #kmr > .wrap > .flex > div:nth-child(7) > span::before{content:'6.';} #kmr > .wrap > .flex > div:nth-child(8){order:5;} #kmr > .wrap > .flex > div:nth-child(8) > span::before{content:'5.';} #kmr > .wrap > .flex > div:nth-child(9){order:9;} #kmr > .wrap > .flex > div:nth-child(9) > span::before{content:'9.';} #kmr > .wrap > .flex > div:nth-child(10){order:10;} #kmr > .wrap > .flex > div:nth-child(10) > span::before{content:'10.';} #kmr > .wrap > .flex > div:nth-child(11){order:11; width:100%; margin:5px auto;} #kmr > .wrap > .flex > div:nth-child(12){order:12; width:100%; margin:5px auto;} } #site{width:100%; position:relative; background:url('../images/siteBG.jpg'); overflow:hidden;} #site::before{content:""; display:block; width:100%; height:100%; background:rgba(255,255,255,0.9); position:absolute; top:0px; left:0px; z-index:1;} #site > .wrap{align-items:flex-start; justify-content:flex-start; padding:45px 0px; z-index:2;} left-coll{width:300px; position:relative;} left-coll > .menu{width:100%;} left-coll > .menu.move{position:absolute; top:50px;} left-coll > .menu > b{display:block; width:100%; font-size:18px; background:#333; color:#FFF; padding:10px 15px; margin-bottom:5px; font-weight:normal;} left-coll > .menu > a{display:block; padding:10px 10px; border-bottom:1px solid rgba(0,0,0,0.1);} right-coll{width:calc(100% - 300px); padding-left:30px;} box-banner{display:block; width:100%;} box-banner{display:block; width:100%;} .slideIMg{width:100%; display:block; background:no-repeat center / cover;} #dle-content{width:100%; display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap:wrap;} .mainstatic{width:100%;} .mainstatic > .cont{} .mainstatic > .cont > .flex{margin-top:35px; align-items:flex-start;} .mainstatic > .cont > .flex > div{width:calc(100% / 3);} .mainstatic > .cont > .flex > div > img{display:block; margin:0px auto;} .mainstatic > .cont > .flex > div > b{display:block; text-align:center; font-weight:normal; font-size:20px; margin:10px 0px;} .mainstatic > .cont > .flex > div > span{display:block; text-align:center; font-size:15px;} page-gallery{display:flex; align-items:center; justify-content:center; width:100%; flex-wrap:wrap;} page-gallery > a.highslide{display:block; width:calc((100% / 3) - 10px); margin:5px auto;} page-gallery > a.highslide > img{display:block; width:100%; background:no-repeat center / cover; margin:0px;} page-gallery br{display:none;} right-bottom{position:fixed; bottom:20px; right:20px; z-index:450; width:60px;} right-bottom > a{display:flex; align-items:center; justify-content:center; flex-wrap:nowrap; flex-direction:column; text-align:center; width:60px; height:60px; border-radius:999px; box-shadow:0px 0px 3px rgba(0,0,0,0.35); color:#FFF; font-size:26px;} right-bottom > a+a{margin-top:10px;} right-bottom > a.phone{background:#FF2241; font-size:22px;} right-bottom > a.message{background:#3AC362;} @media(max-width:1050px){ left-coll{display:none;} right-coll{width:100%; padding-left:0px;} } @media(max-width:650px){ } #navigation{width:100%; margin-top:20px;} #navigation > .wrap{justify-content:flex-start;} #navigation > .wrap > span, #navigation > .wrap > a{padding:7px 15px; background:#000; color:#FFF; display:block;} #navigation > .wrap > span{background:#DEDEDE; color:#000;} #catalog{width:100%; position:relative; background:url('../images/siteBG.jpg');} #catalog::before{content:""; display:block; width:100%; height:100%; background:rgba(255,255,255,0.9); position:absolute; top:0px; left:0px; z-index:1;} #catalog > .wrap{align-items:flex-start; justify-content:flex-start; padding:45px 0px; z-index:2;} #catalog > .wrap > .flex{} #catalog > .wrap > .flex > a{display:block; width:calc((100% / 3) - 20px); margin:10px auto; position:relative;} #catalog > .wrap > .flex > a > img{display:block; width:100%; position:relative; z-index:1; background:no-repeat center / cover;} #catalog > .wrap > .flex > a > b{display:block; width:100%; position:absolute; z-index:2; bottom:0px; left:0px; text-align:center; padding:15px 25px; background:linear-gradient(to bottom,rgba(0,0,0,.45) 0,rgba(0,0,0,1) 100%); color:#FFF; font-size:14px;} #catalog > .wrap > .flex > a > b > span{border-bottom:1px dashed #FFF;} @media(max-width:850px){ #catalog > .wrap > .flex > a{width:calc((100% / 2) - 20px);} } @media(max-width:650px){ #catalog > .wrap > .flex > a{width:calc((100% / 1) - 20px);} } #inForm{width:100%; margin-top:35px; display:none !important;} #inForm > .flex{margin-top:35px;} #inForm > .flex > input{display:block; width:calc((100% / 3) - 10px); margin:5px; border:1px solid #DDD; padding:7px 15px; height:50px; border-radius:6px;} #inForm > .flex > button{display:block; width:calc((100% / 3) - 10px); margin:5px; padding:7px 15px; height:50px; color:#FFF; background:#000; border-radius:6px;} @media(max-width:650px){ #inForm > .flex > input{width:calc((100% / 1) - 10px);} #inForm > .flex > button{width:calc((100% / 1) - 10px);} } #footerMap{width:100%; height:500px; max-height:70vh; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; background:#FFF; font-family:'Roboto', sans-serif; position:relative;} #footerMap > div{width:50%; height:100%; padding:25px; display:flex; align-items:center; justify-content:center; min-width:400px; flex-direction:column; box-shadow:0px 0px 1px rgba(0,0,0,0.15);} #footerMap > div.info{background:#FFF; position:relative; color:#000; font-weight:600; position:absolute; width:auto; height:400px; left: 15%;} /*#footerMap > div.info:before{content:""; display:block; width:100%; height:100%; background:rgba(53, 32, 4, 0.76); position:absolute; top:0px; left:0px; z-index:1;}*/ #footerMap > div.info > i{position:relative; z-index:2; font-style:normal; display:block;} #footerMap > div.info .logotype{margin:10px auto 10px auto; color:#000; /*padding-left:65px;*/ position:relative; max-width:300px;} /*#footerMap > div.info .logotype:before{display:block; content:""; width:60px; height:100%; background:url('../images/logotypeIcon.png')no-repeat center center / contain; position:absolute; top:0px; left:0px;}*/ #footerMap > div.info .logotype > img{display:block; width:100%;} #footerMap > div.info .logotype > b{display:block; text-transform:uppercase; font-size:29px; line-height:30px; color:#fbc300;} #footerMap > div.info .logotype > span{display:block; text-transform:uppercase; font-size:14px; border-top:1px solid #000; padding-top:4px; margin-top:5px;} #footerMap > div.info .line{margin:10px auto 20px auto; line-height:1.4; display:block;} #footerMap > div.info .line .logotype{display:block; width:100%;} #footerMap > div.info .line > b{display:block; text-align:center; font-weight:600; font-size:15px;} #footerMap > div.info .line > div{display:block; text-align:center; font-weight:500; font-size:17px;} #footerMap > div.info .line > .soc{display:flex; margin:0px auto auto auto; justify-content:center; align-items:center;} #footerMap > div.info .line > .soc a{display:block; width:50px; height:auto; padding-top:6px;} #footerMap > div.info .line > .soc a+a{margin:0px 0px 0px 10px;} #footerMap > div.info .line > .soc a img{display:block; width:100%;} @media(max-width:600px){ #footerMap > div{min-width:auto;} #footerMap > div.info{left:5%; width:calc(90%);} } #copyright{background:#c1a38b; color:#FFF; text-align:center; font-size:14px; padding:5px 15px;} #mainGal{width:100%;} #mainGal > .flex{width:100%;} #mainGal > .flex > a{display:block; width:calc(100% / 5); margin:0px;} #mainGal > .flex > a > img{display:block; width:100%; background:no-repeat center / cover; margin:0px;} @media(max-width:950px){ #mainGal > .flex > a{width:calc(100% / 4); flex-grow:1;} } @media(max-width:750px){ #mainGal > .flex > a{width:calc(100% / 2); flex-grow:1;} } #ostat{width:100%; position:relative;} #ostat::before{content:''; display:block; width:100%; height:100%; background:url('https://instagram.fhel3-1.fna.fbcdn.net/v/t51.2885-15/e35/75231146_180010116475744_6994860203873080525_n.jpg?_nc_ht=instagram.fhel3-1.fna.fbcdn.net&_nc_cat=104&oh=12ffd49650721f604e95774976c2a684&oe=5E958D99')no-repeat center / cover; position:absolute; top:0px; left:0px; z-index:1; opacity:.25;} #ostat > .wrap{padding:45px 0px; position:relative; z-index:2;} #ostat > .wrap.flex{flex-wrap:nowrap;} #ostat > .wrap > .text{flex-grow:1; padding:35px; font-size:22px; font-weight:400; line-height:1.5;} #ostat > .wrap > .text > a{border-bottom:1px dashed #000; display: inline-block;} #ostat > .wrap > img{display:block; width:300px; margin:auto;} @media(max-width:800px){ #ostat > .wrap.flex{flex-wrap:wrap;} #ostat > .wrap > .text{width:100%;} #ostat > .wrap > img{width:60%; max-width:300px;} } @media(max-width:650px){ #ostat > .wrap > .text{font-size:18px;} }