@import url(https://fonts.googleapis.com/css?family=Comfortaa&display=swap);
body{font-family:Comfortaa; background-color:rgb(255, 255, 255); }
a{font-family:Comfortaa; font-size:14px; color:rgb(0, 52, 102); }
h1, .h1-text, .h1-text a {font-family:Comfortaa; font-size:1px; color:rgba(0, 52, 102, 0); font-weight:bold; }
h2, .h2-text {font-size:1px; color:rgba(42, 42, 42, 0); font-weight:normal; }
h3{font-size:16px; color:rgb(255, 255, 255); font-weight:normal; }
h3 a{font-size:16px; color:rgb(255, 0, 0); font-weight:normal; }
.p-title{font-size:21px; color:rgb(0, 52, 102); }
.text_table{font-size:15px; color:rgb(51, 51, 51); border-color:rgb(53, 102, 151); border-width:1px; border-style:none; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; behavior: url(/pie/PIE.htc); background-color:rgb(255, 255, 255); }
.text_table_line{border-color:rgb(51, 51, 51); border-width:1px; border-style:none; }
.rv_tbl{font-size:15px; color:rgb(51, 51, 51); border-color:rgb(53, 102, 151); border-width:1px; border-style:none; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; behavior: url(/pie/PIE.htc); background-color:rgb(255, 255, 255); }
.rv_title{font-size:15px; color:rgb(0, 52, 102); }
.rv_days{font-size:15px; color:rgb(51, 51, 51); }
.h_menu{font-size:17px; color:rgb(255, 255, 255); font-weight:bold; border-color:rgb(255, 255, 255); border-width:1px; 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(0, 52, 102); }
.h_menu:hover{background-color:rgba(134, 157, 193, 0.76); }
.h_menu_act{font-size:17px; color:rgb(255, 255, 255); font-weight:bold; border-color:rgb(255, 255, 255); border-width:1px; 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(205, 5, 5); }
.t_menu_all{background-color:rgb(255, 255, 255); }
.t_menu{border-color:rgb(255, 255, 255); border-width:1px; border-style:none; background-color:rgb(255, 255, 255); }
.t_menu:hover{background-color:rgba(134, 157, 193, 0.83); }
.t_menu a{font-size:17px; color:rgb(0, 52, 102); font-weight:bold; }
.t_menu a:hover{font-size:17px; color:rgb(255, 255, 255); font-weight:bold; }
.t_menu_act{font-size:17px; color:rgb(255, 255, 255); font-weight:bold; border-color:rgb(255, 255, 255); border-width:1px; border-style:solid; border-top-left-radius: 5px; border-top-right-radius: 5px; behavior: url(/pie/PIE.htc); background-color:rgb(205, 5, 5); }
.t_podmenu{font-size:16px; font-weight:normal; background-color:rgba(134, 157, 193, 0.76); }
.t_podmenu:hover{font-size:16px; font-weight:normal; background-color:rgb(134, 157, 193); }
.t_podmenu a{font-size:16px; font-weight:normal; }
.t_podmenu a:hover{font-size:16px; color:rgb(255, 255, 255); font-weight:normal; }
.left_menu{font-size:12px; border-color:rgb(128, 125, 125); border-width:1px; border-style:none; 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(0, 52, 102); }
.left_menu:hover{background-color:rgb(134, 157, 193); }
.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, 255, 255); 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(205, 5, 5); }
.mms{background-color:rgb(255, 255, 255); }
.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(205, 5, 5); }
.mms:hover{background-color:rgb(255, 255, 255); }
.mms a{font-size:17px; color:rgb(0, 0, 0); }
.mms .act{font-size:17px; color:rgb(255, 255, 255); }
.mms a:hover{font-size:17px; color:rgb(205, 5, 5); }
.sm li{background-color:rgb(0, 52, 102); }
.sm .act{background-color:rgb(205, 5, 5); }
.sm li:hover{background-color:rgb(205, 5, 5); }
.sm li a{font-size:15px; color:rgb(255, 255, 255); }
.sm  li .act{font-size:15px; color:rgb(255, 255, 255); }
.sm  li a:hover{font-size:15px; color:rgb(255, 255, 255); }
.kare-title{font-size:33px; color:rgb(255, 255, 255); font-weight:bold; text-transform:uppercase; }
.kare-text{font-size:11px; color:rgb(0, 85, 255); }
.kare-button{font-size:12px; color:rgb(255, 255, 255); font-weight:bold; border-color:rgb(9, 0, 255); border-width:1px; border-style:none; 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{font-size:12px; color:rgb(201, 201, 201); }
.header{background-color:rgb(0, 52, 102); }
#head-div{font-size:17px; color:rgb(255, 255, 255); }
.top_bg{background-color:rgb(0, 52, 102); }
.head-ico li a{font-size:17px; color:rgb(255, 255, 255); }
.footer{background-color:rgb(232, 234, 237); }
.footer_tbl{font-size:11px; color:rgb(0, 0, 0); }
.footer_btm{font-size:11px; color:rgb(0, 0, 0); }
.footer_btm a{font-size:11px; color:rgb(0, 0, 0); }
.btm_table_menu{color:rgba(128, 125, 125, 0); }
.btm_table{color:rgb(0, 0, 0); }
.btm_table a{font-size:15px; color:rgb(0, 0, 0); }
.evn_title{font-size:20px; color:rgb(255, 0, 0); }
.evn_table{font-size:18px; color:rgb(255, 0, 0); }
.evn_table a{font-size:14px; color:rgb(128, 125, 125); }
.news_title{font-size:18px; color:rgb(128, 125, 125); }
.news_data{font-size:11px; color:rgb(9, 0, 255); text-decoration:blink; }
#featured{color:rgb(34, 255, 0); border-color:rgb(194, 194, 194); border-width:1px; border-style:solid; }
#featured ul.ui-tabs-nav li img{background-color:rgb(128, 125, 125); }
#featured li.ui-tabs-nav-item a{font-size:14px; color:rgb(128, 125, 125); }
#featured li.ui-tabs-nav-item a:hover{background-color:rgb(255, 0, 0); }
#featured ul.ui-tabs-nav li.ui-tabs-active a{font-size:14px; color:rgb(255, 0, 0); }
#featured .ui-tabs-panel{font-size:14px; }
#featured .ui-tabs-panel img{font-size:14px; }
#featured .info h3 a{font-size:20px; color:rgb(255, 255, 255); }
#featured .info p{font-size:14px; color:rgb(255, 0, 0); }
.etiketi{color:rgb(128, 125, 125); }
.etiketi a{color:rgb(9, 0, 255); }
.srodni{font-size:16px; color:rgb(255, 0, 0); background-color:rgb(194, 194, 194); }
.srodni ul{border-color:rgb(194, 194, 194); border-width:1px; border-style:solid; background-color:rgb(255, 255, 255); }
.srodni ul li a{font-size:14px; color:rgb(9, 0, 255); }
.acc_table_menu{font-size:16px; color:rgb(0, 0, 0); text-align:center; }
.acc_table{border-color:rgb(53, 102, 151); border-width:1px; border-style:none; 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); }
.acc_table a{font-size:15px; color:rgb(53, 102, 151); 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); }
.nav_menu{font-size:10px; color:rgb(0, 52, 102); }
.nav_menu a{font-size:10px; color:rgb(0, 52, 102); }
.nav_menu a:hover{font-size:10px; }
.nav_menu_act{font-size:11px; color:rgb(205, 5, 5); }
.c_form_title{font-size:16px; }
.send_email_btn{border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; behavior: url(/pie/PIE.htc); background-color:rgb(53, 102, 151); }
.send_email_btn a{font-size:13px; color:rgb(255, 255, 255); font-weight:bold; }
.c_form_error{color:rgb(255, 0, 0); text-align:center; }
.c_form_button{font-size:12px; color:rgb(0, 0, 0); border-color:rgb(0, 0, 0); border-width:1px; border-style:solid; background-color:rgb(194, 194, 194); }
.c_form_input{font-size:12px; color:rgb(0, 0, 0); border-color:rgb(0, 0, 0); border-width:1px; border-style:solid; background-color:rgb(255, 255, 255); }
.ma-div-1 .ma-ttl{font-size:33px; color:rgb(255, 255, 255); }
.ma-div-1 .ma-btn{font-size:17px; color:rgb(255, 255, 255); border-color:rgb(0, 52, 102); 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(0, 52, 102); }
.ma-div-1 .ma-btn:hover{font-size:17px; color:rgb(255, 255, 255); border-color:rgb(205, 5, 5); 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(205, 5, 5); }
.ma-div-2 .ma-btn{background-color:rgb(0, 52, 102); }
.ma-div-2 .ma-btn:hover{background-color:rgb(205, 5, 5); }
.ma-div-3 .ma-ttl{font-size:33px; color:rgb(255, 255, 255); }
.ma-div-3 .ma-btn{font-size:17px; color:rgb(255, 255, 255); border-color:rgb(0, 52, 102); 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(0, 52, 102); }
.ma-div-3 .ma-btn:hover{font-size:17px; color:rgb(255, 255, 255); border-color:rgb(205, 5, 5); 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(205, 5, 5); }
.pages_menu_div{top:35px;}

.head_logo{float:left;}
.header_height{height:10px;}
.h_menu_div{padding-top:px;}
h1 {padding-top:px; }
.h1margin {margin-top:-px;}
.h1-text {padding-top:px; }
.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:35px; line-height: 35px;}
.acc_table_menu{height:20px; display:block; vertical-align:middle;}
.btm_table_menu{height:25px; display:table-cell; vertical-align:middle;}
.news_title{height:50px; 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:7px; display: block;}
.left_menu_act, .left_submenu_act{padding:7px; 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:370px; overflow: hidden;background-image: url("https://bel-electric.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:100px;}
.ma-div-1 .ma-txt{position: absolute;}
.ma-div-1 .ma-btn{position: absolute; top:200px;}
.ma-div-1 .ma-img{position: absolute;}
.ma-div-2 div{position: relative;}
.ma-div-2{height:50px; overflow: hidden;}
.ma-div-2 .ma-ttl{position: absolute;}
.ma-div-2 .ma-txt{position: absolute;}
.ma-div-2 .ma-btn{position: absolute;}
.ma-div-2 .ma-img{position: absolute;}
.ma-div-3 div{position: relative;}
.ma-div-3{height:370px; overflow: hidden;background-image: url("https://bel-electric.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; top:100px;}
.ma-div-3 .ma-txt{position: absolute;}
.ma-div-3 .ma-btn{position: absolute; top:200px;}
.ma-div-3 .ma-img{position: absolute;}
.da-arrows{display: none;}
.da-dots{display:none;}
.da-slider{height:350px;}
.da-slider .kare-title{top:150px ;}
.da-slider .kare-text{top:px ;}

.contacts_h{min-height:250px;}
.contacts_map{height:270px !important;}
.mms{margin:10px 1px 10px 1px !important; width:auto;}
.mms a{padding:28px 10px 28px 10px }
.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: 30%;height: auto;}
.sm_products img{transition: transform .3s;}
.sm_products img:hover{transform: scale(1.1);}
.acc_table a img{transition: transform .3s;}
.acc_table a img:hover{transform: scale(1.1);}
#site_logo {margin-top: 5px;margin-bottom: 5px;}
#head-div{position: inherit;}
.t_menu_all {box-shadow: 0px 1px 3px #000000;}
#site_logo {max-width: 100%;}
#soc-div img {padding-top: 90px;}
.news_table {padding-top: 17px; padding-bottom: 30px;}
.news_data {padding: 10px;}
.news_alt_title{width: 100%;display: block; width: auto}
.acc_more a {text-align: center;background: #003466;padding: 10px 0;display: block;color:#FFF; text-shadow: 0px 2px 3px #000000; box-shadow: 0px 1px 3px #000000;}
.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;}
.t_podmenu{box-shadow: 0px 1px 3px #000000;}
.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%;}
.da-bg img {padding-top: 0px;}
.acc_more {padding: 0 0px 0px 0;}
.header{height: 30px;}
.news_title {text-shadow: 0px 1px 3px #000000;}
.p-title{text-shadow: 0px 0px 0px #000000;}
.contacts_title{text-shadow: none;}
.menu-dropdown-icon::before {padding: 14px; margin: 0px;}
@media screen and (max-width: 768px) {#site_logo {width: auto; margin-top: 10px; max-width: 100%;}
#head-div {text-align: center;}
.m_menu_icon {text-align: right;}
.acc_resp .wp25{width: 100% !important;}
.head-ico li a{font-size: 13px; padding-left: 3px;}
#head-div {text-align: center;}
.m_menu_icon {text-align: right;}
.acc_resp .wp25{width: 100% !important;}

.kare-title{font-size: 90%; padding-top: 50px;}
#top-menu {padding-top: 47px;}
.t_menu, .t_menu_act, .m_menu_icon {line-height: 30px;}
.head-ico li img {padding-right: 7px;}
body {padding: 0 0px;}
.da-slide .kare-button {float: center;  width: 43%; margin-left: 105px; padding: 0px !important; font-size: 15px;}
.da-slide .kare-title {font-size: 100%; padding-top: 50px;}
.da-slider {height: 107px;}
.resp {top: 57px;}
#soc-div img {padding-top: 0px;}
.ma-div-1 {height: 300px !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 .ma-ttl {font-size: 200%; padding-top: 85px;}
.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%;}
.btm_table_menu {height: 1px;}
.btm_table_menu, .btm_table {margin: 5px 0 !important;}
.t_menu, .t_menu_act, .m_menu_icon {height: 110px; line-height: 37x;}
#soc-div img {display: none;}
.mms a {padding: 10px 10px 10px 10px;}
}

@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;}
#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;}
}