@import url(https://fonts.googleapis.com/css2?family=Neucha&display=swap);
html{background-image: url("https://dg-mechopuh.com/images/24.png"); background-repeat:no-repeat; background-position:top center;  background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
body{font-family:Neucha; }
a{font-family:Neucha; font-size:16px; color:rgb(49, 133, 203); }
h1, .h1-text, .h1-text a {font-family:Neucha; font-size:30px; color:rgb(255, 255, 255); font-weight:bold; }
h2, .h2-text {font-size:27px; color:rgb(255, 255, 255); font-weight:lighter; }
.p-title{font-size:21px; color:rgb(255, 102, 0); font-weight:lighter; }
.text_table{font-size:16px; color:rgb(17, 17, 17); background-color:rgb(255, 255, 255); }
.text_table_line{background-color:rgb(255, 102, 0); }
.h_menu{font-size:17px; color:rgb(255, 255, 255); background-color:rgb(61, 97, 203); }
.h_menu:hover{font-size:17px; color:rgb(255, 255, 255); background-color:rgb(1, 115, 188); }
.h_menu_act{font-size:17px; color:rgb(255, 255, 255); background-color:rgb(1, 115, 188); }
.t_menu_all{background-color:rgb(255, 102, 0); }
.t_menu{background-color:rgb(255, 102, 0); }
.t_menu a{font-size:20px; color:rgb(255, 255, 255); }
.t_menu a:hover{font-size:20px; color:rgb(255, 255, 255); text-decoration:underline; }
.t_menu_act{font-size:20px; color:rgb(255, 102, 0); text-decoration:underline; background-color:rgb(255, 212, 7); }
.t_podmenu{border-color:rgba(255, 111, 159, 0.17); border-width:1px; border-style:solid; background-color:rgb(255, 255, 255); }
.t_podmenu a{font-size:15px; color:rgb(255, 102, 0); text-decoration:none; }
.t_podmenu a:hover{font-size:15px; color:rgb(255, 102, 0); text-decoration:underline; }
.left_menu{background-color:rgb(49, 133, 203); }
.left_menu:hover{background-color:rgb(255, 135, 50); }
.left_menu a{font-size:18px; color:rgb(255, 255, 255); }
.left_menu a:hover{font-size:18px; color:rgb(255, 255, 255); }
.left_menu_act{font-size:18px; color:rgb(255, 255, 255); border-color:rgb(255, 102, 0); border-width:1px; border-style:none; background-color:rgb(250, 192, 48); }
.mms{border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); background-color:rgb(255, 102, 0); }
.mms_act{border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); background-color:rgb(250, 192, 48); }
.mms:hover{border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); background-color:rgb(255, 149, 84); }
.mms a{font-size:20px; color:rgb(255, 255, 255); }
.mms .act{font-size:20px; color:rgb(255, 255, 255); }
.mms a:hover{font-size:20px; color:rgb(255, 255, 255); }
.sm li{background-color:rgb(49, 133, 203); }
.sm .act{background-color:rgb(255, 149, 84); }
.sm li:hover{background-color:rgb(255, 149, 84); }
.sm li a{font-size:18px; color:rgb(255, 255, 255); }
.sm  li .act{font-size:18px; color:rgb(255, 255, 255); }
.sm  li a:hover{font-size:18px; color:rgb(255, 255, 255); }
.kare-title{font-family:verdana,geneva; font-size:37px; color:rgb(255, 255, 255); }
.kare-text{font-family:verdana,geneva; font-size:50px; color:rgb(255, 255, 255); }
.kare-button{font-family:verdana,geneva; font-size:17px; color:rgb(255, 255, 255); text-align:center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); }
.kare-button:hover{color:rgb(255, 102, 0); text-align:center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); }
.da-dots span{border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); }
#head-div{font-size:15px; color:rgb(255, 102, 0); }
.footer{background-color:rgb(255, 102, 0); }
.footer_tbl{font-size:11px; color:rgb(255, 255, 255); text-align:center; }
.footer_btm{font-size:11px; color:rgb(255, 255, 255); text-align:center; }
.footer_btm a{font-size:11px; color:rgb(255, 255, 255); text-align:center; }
.footer_btm a:hover{text-align:center; }
.btm_table_menu{color:rgba(0, 0, 0, 0); text-align:center; }
.btm_table{color:rgb(255, 255, 255); text-align:center; }
.btm_table a{font-size:15px; color:rgb(255, 255, 255); text-align:center; }
.news_title{font-size:17px; color:rgb(255, 102, 0); }
.news_table{font-size:15px; color:rgb(0, 0, 0); background-color:rgb(255, 255, 255); }
.news_data{font-size:11px; color:rgb(255, 102, 0); text-decoration:blink; }
#featured{font-size:15px; color:rgb(0, 0, 0); background-color:rgb(255, 255, 255); }
.acc_table_menu{font-size:21px; color:rgb(49, 133, 203); font-weight:bold; text-align:center; }
.acc_tbl_all{background-color:rgb(252, 245, 213); }
.acc_tbl_scr{border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); }
.acc_table:hover{font-size:15px; color:rgb(0, 0, 0); }
.nav_tbl{font-size:10px; color:rgb(255, 255, 255); background-color:rgb(255, 255, 255); }
.nav_menu{font-size:14px; color:rgb(255, 102, 0); }
.nav_menu a{font-size:14px; color:rgb(255, 102, 0); }
.nav_menu_act{font-size:14px; color:rgb(255, 102, 0); }
.send_email_btn{border-color:rgb(255, 102, 0); border-width:5px; border-style:solid; background-color:rgb(255, 102, 0); }
.send_email_btn a{color:rgb(255, 255, 255); }
.contacts_title{font-size:21px; color:rgb(255, 102, 0); }
.contact_email a{color:rgb(0, 80, 165); }
.ma-div-1{background-color:rgb(255, 117, 33); }
.ma-div-1 .ma-ttl{font-size:21px; color:rgb(255, 255, 255); }
.ma-div-1 .ma-txt{font-size:33px; color:rgb(255, 255, 255); }
.ma-div-1 .ma-btn{font-size:17px; color:rgb(255, 102, 0); text-align:center; border-color:rgb(253, 199, 53); border-width:5px; border-style:solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); background-color:rgb(253, 199, 53); }
.ma-div-1 .ma-btn:hover{font-size:17px; color:rgb(255, 255, 255); text-align:center; border-color:rgb(255, 102, 0); border-width:5px; border-style:solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); background-color:rgb(255, 102, 0); }
.ma-div-2{background-color:rgb(255, 255, 255); }
.ma-div-2 .ma-ttl{font-size:21px; color:rgb(255, 102, 0); font-weight:bold; }
.ma-div-2 .ma-txt{font-size:15px; color:rgb(70, 70, 70); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); background-color:rgb(255, 255, 255); }
.ma-div-2 .ma-btn{font-size:17px; color:rgb(255, 255, 255); text-align:center; border-color:rgb(49, 133, 203); border-width:5px; border-style:solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); background-color:rgb(49, 133, 203); }
.ma-div-2 .ma-btn:hover{font-size:17px; color:rgb(255, 255, 255); text-align:center; border-color:rgb(255, 102, 0); border-width:5px; border-style:solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); background-color:rgb(255, 102, 0); }
.ma-div-4{background-color:rgb(253, 199, 53); }
.ma-div-4 .ma-btn{font-size:21px; color:rgb(255, 255, 255); text-align:center; border-color:rgb(105, 176, 21); border-width:5px; border-style:solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); background-color:rgb(105, 176, 21); }
.ma-div-4 .ma-btn:hover{font-size:21px; color:rgb(255, 255, 255); text-align:center; border-color:rgb(255, 102, 0); border-width:5px; border-style:solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; behavior: url(/pie/PIE.htc); background-color:rgb(255, 102, 0); }
body{margin-top:100px;}
.pages_menu_div{top:50px;}

.head_logo{float:left;}
.header_height{height:10px;}
.h_menu_div{padding-top:40px;}
h1 {padding-top:0px; }
.h1margin {margin-top:-0px;}
.h1-text {padding-top:0px; }
.site_width{width:1250px; display:table; margin-left: auto; margin-right: auto;}
.news_table{width:1250px; margin-left: auto; margin-right: auto;}
.t_menu, .t_menu_act, .m_menu_icon{height:50px; line-height: 50px;}
.acc_table_menu{ display:block; vertical-align:middle;}
.btm_table_menu{height:25px; display:table-cell; vertical-align:middle;}
.news_title{height:px; display:table-cell; vertical-align:middle;}
.mega-menu-title{height:30px;}
.t_podmenu{height:30px;line-height:30px;}
.left_menu a, .left_submenu a{padding:10px; display: block;}
.left_menu_act, .left_submenu_act{padding:10px; display: block;}
.h_menu, .h_menu_act {padding:px; margin-left:px;}
#featured ul.ui-tabs-nav{width:815px;}
#soc-div {position: absolute; text-align:right; right:0; padding-top:4px; padding-right:5px;}
.ma-div-1 div{position: relative;}
.ma-div-1{height:215px; overflow: hidden;background-image: url("https://dg-mechopuh.com/images/mabg-1.jpg"); background-repeat:no-repeat; background-position:top center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ma-div-1 .ma-ttl{position: absolute; top:40px; left:10px;}
.ma-div-1 .ma-txt{position: absolute; top:100px; left:10px;}
.ma-div-1 .ma-btn{position: absolute;}
.ma-div-1 .ma-img{position: absolute; left:225px;}
.ma-div-2 div{position: relative;}
.ma-div-2{height:470px; overflow: hidden;}
.ma-div-2 .ma-ttl{position: absolute; top:30px; left:1px;}
.ma-div-2 .ma-txt{position: absolute; width:500px; top:80px; left:1px;}
.ma-div-2 .ma-btn{position: absolute; top:385px; left:1px;}
.ma-div-2 .ma-img{position: absolute; top:30px; left:650px;}
.ma-div-3 div{position: relative;}
.ma-div-3{height:85px; overflow: hidden;background-image: url("https://dg-mechopuh.com/images/mabg-3.jpg"); background-repeat:no-repeat; background-position:top center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ma-div-3 .ma-ttl{position: absolute;}
.ma-div-3 .ma-txt{position: absolute;}
.ma-div-3 .ma-btn{position: absolute;}
.ma-div-3 .ma-img{position: absolute;}
.ma-div-4 div{position: relative;}
.ma-div-4{height:65px; overflow: hidden;}
.ma-div-4 .ma-ttl{position: absolute;}
.ma-div-4 .ma-txt{position: absolute;}
.ma-div-4 .ma-btn{position: absolute; top:7px;}
.ma-div-4 .ma-img{position: absolute;}
.da-arrows{display: none;}
.da-dots{display:none;}
.da-slider{height:555px;}
.mms{margin:20px 0px 20px 0px !important; width:auto;}
.mms a{padding:18px 8px 18px 8px }
.sm{margin:0px 0px 0px 0px !important; width:250px !important;}
.sm a{padding:5px 5px 5px 5px }
.mega .sm{height:auto;}
.mega .sm li{width:auto;}
.mega .sm li a{padding:0px 0px 0px 0px !important;}
.mega .sm li ul li a{padding:0px 0px 0px 0px !important;}
.head_logo img {width: 70%;}
.top_bg #trw {position: fixed; z-index: 99999; padding-left: 110px;top: 30px;}

.sm_products {width: 30%;height: auto;}
.sm_products img{transition: transform .3s;}
.sm_products img:hover{transform: scale(1.2);}
.acc_table a img{transition: transform .3s;}
.acc_table a img:hover{transform: scale(1.2);}


.ma-div-1 {margin-top: 20px;}
.ma-div-1 .ma-ttl {width: 100%; left: 0; text-align: center; text-shadow: 0px 2px 3px #000000;}
.ma-div-1 .ma-btn {text-shadow: 0px 2px 3px #000000; box-shadow: 0px 2px 3px #000000; left: 43%;}
.ma-div-3 .ma-ttl {width: 100%; left: 0; text-align: center; text-shadow: 0px 2px 3px #000000;}
.ma-div-3 .ma-btn {text-shadow: 0px 2px 3px #000000; box-shadow: 0px 2px 3px #000000; left: 43%;}
.ma-div-5 .ma-ttl {width: 100%; left: 0; text-align: center; text-shadow: 0px 2px 3px #000000;}
.ma-div-5 .ma-btn {text-shadow: 0px 2px 3px #000000; box-shadow: 0px 2px 3px #000000; left: 43%;}
.ma-div-4 .ma-btn {text-shadow: 0px 2px 3px #000000; box-shadow: 0px 2px 3px #000000; left: 43%;}
@media screen and (max-width: 768px) {
.index-accents img, .index-accents h3 {flex: initial;max-width: 100%;text-align: center;width: 100%;}
.h1margin {margin-top: 5px;}
body {padding: 0 0px;}
#top-menu > li {padding: 0px 10px; background-size: 0px;}
.mms a {font-size: 150%;color: rgb(255, 255, 255);}
.t_menu_all {box-shadow: none;}
.resp {top: 137px;}
.t_menu a {color: rgb(0, 0, 0); text-shadow: none;}
.h1margin {margin-top: 0px;}
.p-title {font-size: 120%;}
.sm_products {width: 100%;height: auto; margin: 0px;
padding: 0px; padding-top: 20px;}
.mid_img img {width: 100%;}
.h1margin {margin-left: 0px;}
.top_bg #trw {position: relative; z-index: 99999; padding-left: 0; margin-top: 45px;}
.head_logo img {width: 50%;}
.top_bg #trw {position: relative; padding-left: 0; width: 50%; margin: -20px 25% 0px 25%;}
.top_bg #trw .h_menu_div{display: none;}


#site_logo {width: 90px; margin-top: 20px;}
.mms .act {color: #FFF;}
.mms a:hover{color:#FFF;}


.ma-div-1 {height: 200px !important;}
.ma-div-3 {height: 300px !important;}
.ma-div-5 {height: 300px !important;}
.ma-div-1 .ma-ttl {font-size: 200%; padding-top: 85px;}
.ma-div-3 {display: none;}
.ma-div-5 .ma-ttl {font-size: 200%; padding-top: 85px;}
.ma-div-1 .ma-btn {font-size: 150%;}
.ma-div-3 .ma-btn {font-size: 150%;}
.ma-div-5 .ma-btn {font-size: 150%;}
.ma-div-2 .ma-txt {width: 100%;}
.ma-img img {width: 85% !important;}
.da-slider {height: 185px;}
.t_menu a {color: rgb(255, 255, 255);}
.t_menu, .t_menu_act, .m_menu_icon {height: 100px; line-height: 50px;}
.top_bg #trw {display: none;}
}

@media screen and (max-width: 1250px) {
.site_width, .news_table{width:100%;}
.site_width:after{content: "";display: block;clear: both;}.ma-div-1{height: auto; width: 100%; text-align: center; float: left;} .ma-div-1 span{text-align: center;display: block;width: 100%;float: left; margin: 20px 0;}.ma-div-2{height: auto; width: 100%; text-align: center; float: left;} .ma-div-2 span{text-align: center;display: block;width: 100%;float: left; margin: 20px 0;}.ma-div-3{height: auto; width: 100%; text-align: center; float: left;} .ma-div-3 span{text-align: center;display: block;width: 100%;float: left; margin: 20px 0;}.ma-div-4{height: auto; width: 100%; text-align: center; float: left;} .ma-div-4 span{text-align: center;display: block;width: 100%;float: left; margin: 20px 0;}
#head-div{margin:0px;padding:0px;}
#top-menu{z-index: 99999;}
.gallery{float:none;display: inline-block;}
.head-ico{width: 100%;display: table;float: none;}
.head-ico li{display: table-cell; padding:0; margin:0; text-align:center;}
.head-ico li img{position: relative;}
.header_height{height:auto;}
#slideshow, #slideshow img{width: 100%;}
.ma-ttl, .ma-txt, .ma-img{width: 100%; padding: 0px;}
.ma-img img{width: 50%; padding: 0px; max-width:300px;}
.ma-ttl, .ma-txt, .ma-btn, .ma-img{position: inherit !important;left: inherit !important;top: inherit !important; margin: 10px auto;}
.ma-btn{ float:none; margin: 20px auto;}
.footer_tbl{text-align: center;}
.btm_table_width{max-width: none;}
#m_tdc{width: 100%;text-align: center;}
.btm_l_txt, .btm_c_txt, .btm_r_txt{padding: 10px 0;float: left;}
.slider_tbl{height: auto;}
.btm_table_menu, .btm_table{margin: 10px 0 !important;}
.nav_tbl{ display:none !important;}
.h40{height: auto;}
}