@import url(https://fonts.googleapis.com/css?family=Comfortaa&display=swap);
html{background-image: url("https://dg-malko-vranovo.com/images/3231231231.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:Comfortaa; }
a{font-family:Comfortaa; font-size:15px; }
h1, .h1-text, .h1-text a {font-family:Comfortaa; font-size:33px; color:rgb(37, 37, 37); font-weight:bold; }
h2, .h2-text {font-size:20px; color:rgb(255, 111, 159); font-weight:lighter; }
.p-title{font-size:21px; color:rgb(61, 97, 203); font-weight:lighter; }
.text_table{font-size:15px; color:rgb(17, 17, 17); }
.text_table_line{background-color:rgb(255, 111, 159); }
.h_menu{font-size:17px; color:rgb(255, 255, 255); }
.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(61, 97, 203); }
.t_menu{background-color:rgb(61, 97, 203); }
.t_menu a{font-size:16px; color:rgb(255, 255, 255); }
.t_menu a:hover{font-size:16px; color:rgb(255, 255, 255); text-decoration:underline; }
.t_menu_act{font-size:16px; color:rgb(255, 255, 255); text-decoration:underline; background-color:rgb(61, 97, 203); }
.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, 111, 159); text-decoration:none; }
.t_podmenu a:hover{font-size:15px; color:rgb(255, 111, 159); text-decoration:underline; }
.left_menu{background-color:rgb(255, 111, 159); }
.left_menu:hover{background-color:rgb(255, 173, 200); }
.left_menu a{font-size:15px; color:rgb(255, 255, 255); }
.left_menu a:hover{font-size:15px; color:rgb(255, 255, 255); }
.left_menu_act{font-size:15px; color:rgb(255, 111, 159); border-color:rgb(255, 111, 159); border-width:1px; border-style:solid; background-color:rgb(255, 255, 255); }
.mms{background-color:rgb(61, 97, 203); }
.mms a{font-size:17px; color:rgb(255, 255, 255); }
.mms .act{font-size:17px; color:rgb(255, 255, 255); }
.mms a:hover{font-size:17px; color:rgb(255, 255, 255); text-decoration:underline; }
.sm li{background-color:rgb(255, 255, 255); }
.sm .act{background-color:rgb(255, 111, 159); }
.sm li:hover{background-color:rgb(255, 111, 159); }
.sm li a{font-size:15px; color:rgb(0, 0, 0); text-decoration:none; }
.sm  li .act{font-size:15px; color:rgb(255, 255, 255); text-decoration:none; }
.sm  li a:hover{font-size:15px; color:rgb(255, 255, 255); text-decoration:none; }
.kare-title{font-family:verdana,geneva; font-size:37px; color:rgb(255, 255, 255); text-transform:uppercase; }
.kare-text{font-family:verdana,geneva; font-size:50px; color:rgb(255, 255, 255); text-transform:uppercase; }
.kare-button{font-family:verdana,geneva; font-size:17px; color:rgb(0, 52, 136); text-align:center; background-color:rgb(253, 199, 53); }
.kare-button:hover{color:rgb(253, 199, 53); text-align:center; background-color:rgb(0, 52, 136); }
.header{background-color:rgb(255, 255, 255); }
#head-div{font-size:15px; color:rgb(255, 111, 159); }
.top_bg{background-color:rgb(255, 255, 255); }
.head-ico li a{font-size:15px; color:rgb(37, 37, 37); }
.header_text_mobile{font-size:21px; color:rgb(255, 255, 255); }
.footer{background-color:rgb(255, 255, 255); }
.footer_tbl{font-size:12px; color:rgb(255, 111, 159); background-color:rgb(255, 255, 255); }
.footer_btm{font-size:12px; color:rgb(255, 111, 159); }
.footer_btm a{font-size:12px; color:rgb(255, 111, 159); }
.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{background-color:rgb(255, 255, 255); }
.acc_table:hover{font-size:17px; color:rgb(37, 37, 37); text-align:center; }
.acc_table a{font-size:17px; color:rgb(37, 37, 37); font-weight:bold; text-align:center; }
.nav_tbl{font-size:10px; color:rgb(255, 255, 255); }
.nav_menu{font-size:13px; color:rgb(37, 37, 37); }
.nav_menu a{font-size:13px; color:rgb(37, 37, 37); }
.nav_menu_act{font-size:13px; color:rgb(37, 37, 37); }
.send_email_btn{border-color:rgb(255, 111, 159); border-width:5px; border-style:solid; background-color:rgb(255, 111, 159); }
.send_email_btn a{color:rgb(255, 255, 255); }
.contacts_title{font-size:21px; color:rgb(255, 111, 159); }
.contact_email a{color:rgb(0, 80, 165); }
.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(0, 52, 136); text-align:center; border-color:rgb(253, 199, 53); border-width:5px; border-style:solid; background-color:rgb(253, 199, 53); }
.ma-div-1 .ma-btn:hover{font-size:17px; color:rgb(255, 191, 17); text-align:center; border-color:rgb(0, 52, 136); border-width:5px; border-style:solid; background-color:rgb(0, 52, 136); }
.ma-div-2{background-color:rgba(255, 255, 255, 0.37); }
.ma-div-2 .ma-ttl{font-size:17px; color:rgb(255, 191, 17); font-weight:bold; text-transform:uppercase; }
.ma-div-2 .ma-txt{font-size:15px; color:rgb(70, 70, 70); }
.ma-div-2 .ma-btn{font-size:17px; color:rgb(0, 52, 136); text-align:center; border-color:rgb(253, 199, 53); border-width:5px; border-style:solid; background-color:rgb(253, 199, 53); }
.ma-div-2 .ma-btn:hover{font-size:17px; color:rgb(255, 191, 17); text-align:center; border-color:rgb(0, 52, 136); border-width:5px; border-style:solid; background-color:rgb(0, 52, 136); }
.pages_menu_div{top:85px;}

.head_logo{float:left;}
.header_height{height:10px;}
.h_menu_div{padding-top:px;}
h1 {padding-top:17px; }
.h1margin {margin-top:-17px;}
.h1-text {padding-top:17px; }
.site_width{width:1200px; display:table; margin-left: auto; margin-right: auto;}
.news_table{width:1200px; margin-left: auto; margin-right: auto;}
.t_menu, .t_menu_act, .m_menu_icon{height:85px; line-height: 85px;}
.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:765px;}
#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:282px; overflow: hidden;background-image: url("https://dg-malko-vranovo.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:130px; left:10px;}
.ma-div-1 .ma-txt{position: absolute;}
.ma-div-1 .ma-btn{position: absolute; top:130px; left:900px;}
.ma-div-1 .ma-img{position: absolute;}
.ma-div-2 div{position: relative;}
.ma-div-2{height:637px; overflow: hidden;}
.ma-div-2 .ma-ttl{position: absolute;}
.ma-div-2 .ma-txt{position: absolute; width:555px; top:30px;}
.ma-div-2 .ma-btn{position: absolute; top:450px;}
.ma-div-2 .ma-img{position: absolute; top:10px; left:550px;}
.ma-div-3 div{position: relative;}
.ma-div-3{height:164px; overflow: hidden;background-image: url("https://dg-malko-vranovo.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;}
.da-arrows{display: none;}
.da-dots{display:none;}
.da-slider{height:555px;}
.da-slider .kare-title{top:120px ;}
.da-slider .kare-text{top:200px ;}
.da-slider .kare-button{top:350px ;}
.mms{margin:0px 0px 0px 0px !important; width:auto;}
.mms a{padding:35px 8px 35px 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;}
.sm_products {width: 300px;height: 300px;}
.mid_img {width: 300px;height: 220px;}
.head-ico li {top: 50px;}
.head-ico li img {top: 0px; margin-left: -15px;}
.kare-title {width: 100%; left: 0; text-align: center; text-shadow: 0px 2px 3px #000000;}
.kare-text {width: 100%; left: 0; text-align: center; text-shadow: 0px 2px 3px #000000;}
.kare-button {box-shadow: 0px 2px 3px #000000; left: 43%;}
.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);}
.acc_more a {text-align: center;background: #fff;padding: 10px 0;display: block;color:#000;}
.header {height: 30px;}
.kare-text{text-shadow: 0px 2px 5px #000000;}
.kare-title{text-shadow: 0px 2px 5px #000000;}
.t_menu_all{box-shadow: 0px 2px 5px #000000;}
#da-slider{z-index: 1;}
@media screen and (max-width: 768px) {
#site_logo {width: auto;margin-top: 10px; max-width: 50%;}
.contacts_title {font-size: 100%;}
.h_menu_div a, .h_menu_div span {display: block;text-align: center;margin-left: 0px;}
.head-ico li img {position: relative;max-width: 30px;padding-right: 5px;}
.h_menu_div {padding: 0px;}
.h1margin {margin-top: 0;}
#head-div {text-align: center;}
.m_menu_icon {text-align: right;}
.acc_resp .wp25{width: 100% !important;}
#head-div {text-align: center;}
.m_menu_icon {text-align: right;}
.acc_resp .wp25{width: 100% !important;}
.da-slider {display: none;}
.ma-div-2 .ma-txt {width: 100%;}
.ma-div-3 div {height: 200px;}
.head-ico li {top: 0px;}
body {padding: 0 0px;}
.mms a {padding: 10px 10px 10px 10px;}
h1, .h1-text, .h1-text a {font-size: 185%;}
h2, .h2-text, .h2-text a {font-size: 150%;}
}

@media screen and (max-width: 1200px) {
.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;}
#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;}
}