Маден Дистрибьюшн

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap'); .cs-header__bottom{box-shadow: none;} .b-layout{background: url(https://content.s2.prom.st/June2020/bg_body_mad2.jpg) no-repeat top center;background-size: cover;background-attachment: fixed;} .cs-product-groups-gallery__item{background:rgba(255,255,255,0.8);} .b-footer{background: #fff;width: 100%;max-width: none;box-sizing: border-box;} .main_info > div{margin-bottom: 25px;} .b-user-content p { line-height: 1.3; font-size: 14px; } .b-user-content ul{margin: 10px 0;} .b-user-content ul li:before{display: none;} .b-user-content .main_bott_info ul li:before{display: block;} .main_info h2{text-align: center !important;margin-bottom: 25px;} .main_head{background: url(https://content.s2.prom.st/June2020/bg_maden1.jpg) no-repeat center center;background-size: cover;position: relative;box-sizing: border-box;margin-bottom: 25px;color:#fff;min-height: 280px;display: flex;flex-direction: column;justify-content: center; -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25); box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25);} .main_head h2{font-size: 28px;color:#fff;line-height: 1.3;font-weight: bold;text-transform: uppercase;font-family: 'Oswald', sans-serif;text-align: left !important;} .main_h_txt .title_company {font-weight: bold;font-size: 25px;color:#84b3f5;} .main_h_txt{position: relative;z-index: 2;max-width:650px;padding: 15px 10px;color:#fff !important;text-shadow: 2px 2px 2px rgba(0,0,0,0.41);width: 100%;box-sizing: border-box;background: rgba(0,0,0,0.75);} .main_head:after{content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;} .main_h_txt p, .main_h_txt ul{margin-bottom: 20px;} .main_h_txt ul{max-width: 400px;text-align: left;margin-left: 0 !important;padding-left: 0px !important;} .main_h_txt .mht1 { font-size: 19px; } .main_h_txt .mht2 { font-size: 18px; } .txt_main_bl {position: relative;margin-bottom: 25px;} .txt_main_bl:after{content: '';clear: both;display: block;vertical-align: top;width: 100%;} .img_m_bl{display: block;vertical-align: top;position: relative;width: 30%;} .img_m_bl:after{content: '';position: absolute;top:-10px;width: 100%;height: 100%;border:3px solid #57bf77;box-sizing: border-box;} .img_m_bl img{display: block;vertical-align: top;width: 100%;height: auto;position: relative;z-index: 2;max-height: 200px;object-fit: cover; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .img_m_bl:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .left .img_m_bl{float: right;margin-left: 20px;} .left .img_m_bl:after{left: -10px;} .right .img_m_bl{float: left;margin-right: 20px;} .right .img_m_bl:after{right: -10px;} .main_h_txt ul li{line-height: 20px;font-size: 16px;} .wrap_main_tov{display: flex;justify-content: flex-start;flex-wrap: wrap;box-sizing: border-box;} .UserContent__root--vmWEL ul>li:before{display:none;} .txt_main{position: relative;} .txt_main ul{text-align: left;margin-left: 0 !important;padding-left: 0px !important;} .txt_main p, .txt_main ul{position: relative;z-index: 2;} .txt_main ul li{line-height: 20px;font-size: 16px;margin-bottom: 5px;list-style-position: inside;} .product_item{display: block;vertical-align: top; text-align: center;box-sizing: border-box;text-decoration: none !important;position: relative;border:1px solid #333;margin: 15px 15px;padding: 15px 10px;color:#333; -webkit-transition: all 0.75s ease; transition: all 0.75s ease; width:calc(50% - 30px); -moz-width:calc(50% - 30px); } .product_item:hover{ border-color: #fec13f; -webkit-transform: scale(1.02); transform: scale(1.02); -webkit-box-shadow: 2px 2px 10px 0px rgba(93,126,172,0.25); -moz-box-shadow: 2px 2px 10px 0px rgba(93,126,172,0.25); box-shadow: 2px 2px 10px 0px rgba(93,126,172,0.25); } .main_wrap > div{margin-top:20px;} .product_item > span{ -webkit-transition: all 0.75s ease; transition: all 0.75s ease; } .product_img{display: flex;vertical-align: top;width: 100%;overflow: hidden;margin-bottom: 15px;padding: 15px 15px;justify-content: center;flex-direction: column;text-align: center;box-sizing: border-box; -webkit-transition: all 0.75s ease; transition: all 0.75s ease; } .product_item:hover .product_img img{ transform: scale(1.05); -webkit-transform: scale(1.05); } .product_img img{ display: block;vertical-align: top;max-width: 80%;height: auto !important;object-fit: cover;margin: 0 auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .title_product{display: block;vertical-align: top; box-sizing: border-box;font-size: 18px;text-align: center;font-weight: bold;margin-bottom: 15px;color:#333; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .product_txt{ box-sizing: border-box; display: block;vertical-align: top; } .product_item:hover .title_product{color:#fec13f;} .wrap_partners{display: flex;justify-content: center;box-sizing: border-box;flex-wrap: wrap;} .partners_item{ width: 33.33%; box-sizing: border-box; padding: 15px 10px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; text-transform: uppercase; font-family: 'Oswald', sans-serif; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .wrap_iframes{display: flex;justify-content: center;box-sizing: border-box;flex-wrap: wrap;} .iframe_item{width: 50%;box-sizing: border-box;padding: 0px 0px; text-align: center;text-transform: uppercase;font-family: 'Oswald', sans-serif; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .iframe_item:last-of-type{width: 100%;} .partners_item:hover{ -webkit-box-shadow: 2px 2px 15px 0px rgba(51,51,51,0.35); -moz-box-shadow: 2px 2px 15px 0px rgba(51,51,51,0.35); box-shadow: 2px 2px 15px 0px rgba(51,51,51,0.35); } .partners_img{display: flex; flex-direction: column; vertical-align: top; justify-content: center; margin-bottom: 15px; width: 100%; height: auto; min-height: 120px;} .partners_img img{display: block;vertical-align: top;max-width: 80%;height: auto;margin: 0 auto;} .main_pre h2{position: relative;z-index: 2;text-align: center;color:#fff !important;font-weight:bold;} .wrap_pre{position: relative;z-index: 2;display: flex;flex-wrap: wrap;box-sizing: border-box;justify-content:space-between;} .main_pre{background: url(https://content.s2.prom.st/June2020/bg_maden2.jpg) no-repeat center center;background-size: cover;position: relative;box-sizing: border-box;padding-top:20px;} .main_pre:after{content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);} .pre_item{text-align: center;border-radius: 4px; background: rgba(51,51,51,0.8); border-radius: 5px; width:calc(50% - 30px); -webkit-width:calc(50% - 30px); -moz-width:calc(50% - 30px); margin: 15px 15px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 10px 10px; display: flex;flex-wrap: wrap;box-sizing: border-box; } .pre_item:hover{ background:#fec13f; -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25); box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25); -webkit-transform: translateY(-10px); transform: translateY(-10px); } .pre_item:hover .pre_img svg{fill:#fff;} .pre_item:hover .pre_txt > span{color:#fff;} .pre_item:hover p{color:#fff;} .pre_img{width: 60px;margin: 0 auto;box-sizing: border-box;margin-bottom: 15px; box-sizing: border-box; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .pre_img img, .pre_img svg{display: block;vertical-align: top;width: 100%;height: auto;fill:#fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .pre_item:hover .why_img{ -webkit-transform: translateX(11px); transform: translateX(11px); } .pre_txt{ box-sizing: border-box;color:#fff; } .pre_txt p{margin-top: 0;} .pre_txt > span{display: block;vertical-align: top;font-weight: bold;margin-bottom: 10px;color:#fff;font-size: 18px;} .main_pre .btn_main{position: relative;z-index: 5;} .how_img{margin-bottom: 15px;} .how_img img, .how_img svg{display: block;vertical-align: top;margin: 0 auto;width: 100%;max-width: 60px;height: auto;fill:#fec13f; -webkit-transition: all 1s ease; transition: all 1s ease; } .how_item{box-sizing: border-box;width: 50%;padding: 15px 15px;} .how_item:hover .how_img img, .how_item:hover .how_img svg{ transform: rotateY(360deg) scale(1.2); } .wrap_how{display: flex;box-sizing: border-box;text-align: center;flex-wrap: wrap;justify-content: center;} .wrap_sert{ display: -ms-flexbox; display: -webkit-box; display:flex; flex-wrap: wrap; justify-content: center;box-sizing: border-box;width: 100%;max-width: 860px;margin: 0 auto; } .sert_item{display: -ms-flexbox;background: #fff; display: -webkit-box; display:flex;padding: 10px 10px;margin: 15px 10px; justify-content: center;flex-direction: column;box-sizing: border-box; -webkit-transition: all 0.5s ease !important;; transition: all 0.5s ease !important;; width: calc(33.33% - 20px); -webkit-width: calc(33.33% - 20px); -o-width: calc(33.33% - 20px); -webkit-box-shadow: 2px 2px 15px 0px rgba(14,109,168,0.2); -moz-box-shadow: 2px 2px 15px 0px rgba(14,109,168,0.2); box-shadow: 2px 2px 15px 0px rgba(14,109,168,0.2); } .sert_item img{ display: block;vertical-align: top;width: 100%;height: auto; } .sert_item:hover{ -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 6px 6px 25px 0px rgba(14,109,168,0.2); -moz-box-shadow: 6px 6px 25px 0px rgba(14,109,168,0.2); box-shadow: 6px 6px 25px 0px rgba(14,109,168,0.2); } .pre_stat_img{fill:#333;color:#333;background: #fec13f;border-radius: 50% 50%;width: 120px;height: 120px;display: flex;margin: 0 auto;margin-bottom: 20px;justify-content: center;flex-direction: column;font-size: 36px;font-weight: bold;text-align: center; line-height: 1.05; -webkit-transition: all 0.5s ease !important; transition: all 0.5s ease !important; -webkit-box-shadow: 6px 6px 25px 0px rgba(254,193,63,0.2); -moz-box-shadow: 6px 6px 25px 0px rgba(254,193,63,0.2); box-shadow: 6px 6px 25px 0px rgba(254,193,63,0.2); } .pre_stat_img svg{width: 80px;height: 80px;margin: 0 auto;} .pre_stat{box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;box-sizing: border-box;} .pre_stat_item{width:33.33%;display: block;vertical-align: top;box-sizing: border-box;text-align: center;padding: 15px 10px; } .pre_stat_item:hover .pre_stat_img{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } .video_bl iframe{display: block;vertical-align: top;width: 100%;min-height: 315px;} #banner a img { display: block; vertical-align: top; width: 100%; height: auto; } #banner a { display: block; vertical-align: top; width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; } .right_fix {position: fixed;z-index: 5;top:45%;right: 0;} .r_fix_item{display: flex;flex-wrap: wrap;color:#fff !important;justify-content: flex-start;box-sizing: border-box;font-size: 0px !important;text-decoration: none !important; } .right_fix:hover .r_fix_item{font-size: 14px !important;} .img_fix{padding: 4px 4px;box-sizing: border-box;display: block;} .img_fix svg{width: 34px;height: 34px;fill:#fff;display: block;} .r_fix_item1{background: #28613a;} .r_fix_item2{background: #7cb025;} .txt_fix{line-height: 42px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .right_fix:hover .txt_fix{padding: 0 5px;} .btn_main{background: #333;color:#fff !important;display: block;vertical-align: top;box-sizing: border-box;padding: 15px 15px;text-align: center;text-decoration: none !important;max-width: 220px;margin: 0 auto;margin-top: 20px;border:1px solid #fff;font-weight:bold; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .btn_main:hover{background: #fec13f; -webkit-box-shadow: 5px 5px 15px 0px rgba(255,255,255,0.25); -moz-box-shadow: 5px 5px 15px 0px rgba(255,255,255,0.25); box-shadow: 5px 5px 15px 0px rgba(255,255,255,0.25); -webkit-transform: translateY(-10px); transform: translateY(-10px); } @media screen and (max-width: 1039px) { .UserContent__root--vmWEL a.product_item{color:#333;} .Modal__modalActive--33154 { width: 100%; transition: width 0s; z-index: 3; } .pre_stat_item{width: 50%;} .Toolbar__headerMenu--2fhV9{z-index:6;} } @media screen and (max-width: 767px) { .partners_item{width: 50%;} .Container__container--1_4cv{padding: 20px 0;} .ScrollToTop__scroll--1zUFP{z-index: 11;} .iframe_item{width: 100%;box-sizing: border-box;padding: 0px 0px; text-align: center;text-transform: uppercase;font-family: 'Oswald', sans-serif; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .iframe_item:last-of-type{width: 100%;} .product_item{margin: 10px 0px; width:calc(100% - 0px); -moz-width:calc(100% - 0px); -webkit-width:calc(100% - 0px); } .how_item{width: 50%;padding: 15px 5px;} .sert_item{ width: calc(50% - 20px); -webkit-width: calc(50% - 20px); -o-width: calc(50% - 20px);} .main_pre { padding: 15px 0px; margin-top: 15px; } .pre_item{ margin: 15px 0px; width: calc(100% - 0px); -webkit-width: calc(100% - 0px); -o-width: calc(100% - 0px); } #banner {width:30px !important;} } @media screen and (max-width: 566px) { .pre_stat_item{width: 100%;} .iframe_item{display: none;} .wrap_sert{display: none;} .pre_stat_item{width: 100%;} } Maden Sevice