.wr_megamenu { z-index:999}
.megamenu { height: 40px; width: 100%; z-index: 2000; position: relative; position: relative; float: left;  padding: 0; list-style: none; background:#3d2f2f; border-bottom:5px solid #cf1f29;}

.color1{ background:#1f3c66}
.color2{background: #5681bd}
.color3{background: #89b0e6}
.megamenu > li.grid .megapanel .row [class*="col"] { background: #ccc !important; }
.megamenu h4 { margin-top: 0; }
.megamenu .adress { }
.megamenu .adress label { float: left; width: 100%; margin-bottom: 2px; }
.megamenu li { float: left; display: inline; z-index: 999 }
.megamenu>li>a { color: #fff;  display: block; padding: 12px 44px 6px 24px ; font-size: 16px; float: left; text-transform:uppercase; font-family:'open_sansregular', Helvetica, Arial, sans-serif; text-decoration: none; transition: color 0.4s ease-in-out 0s; z-index: 999; position: relative; background:url(/userfiles/images/graphics/arrow_navM.png) no-repeat 10px 15px;}
.megamenu>li:hover>a, .megamenu>li.active>a { background: #dbdbdb; background:url(/userfiles/images/graphics/arrow_navM_hover.png) no-repeat 10px 15px; color:#ff505a}
.megamenu>li.right { float: right }

.megamenu>li>.megapanel { position: absolute; display: none; background: rgba(0,0,0,0.9); width: 100%; top: 36px; left: 0px; z-index: 99; padding: 24px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; opacity:1 !important }
.megamenu>li>.megapanel p { color: #fff }
.btnClose{ position:absolute; top:10px; right:10px; width:32px; height:32px; background:url(/userfiles/images/graphics/icon_close.png) no-repeat left top; display:block; cursor:pointer}
.sub5 h4 { margin: 0 0 5px 0; font-weight: normal; font-size: 18px }
.sub4 h3 { color: #fff; line-height: 30px; margin-bottom: 14px }
.sub4 a, .sub5 a { color: #fff }
.sub4 a:hover, .sub5 a:hover { text-decoration: none; color: #5681bd }
.sub4 .textSub4 { width: 50%; float: left }
.sub4 .text2Sub4 { width: 70% }
.sub4 .box3d { width: 50%; float: right; position: relative; height: 212px }
.sub4 a.btnSeeall { float: left; width: 120px; height: 28px; padding-top:2px; background: #fff; line-height: 28px; color: #004b93; text-align: center }
.sub4 a.btnSeeall:hover{color: #5681bd }
.submenu ul { list-style: none; padding: 0 }
.sub4 { float: left; padding: 0 24px; width: 50% }
.sub5 { float: right; width: 50%; padding: 0px 0 0px 24px; border-left: 1px solid #fff; min-height:208px }
.sub5 ul { padding-top: 10px }
.sub5 p { font-size: 14px; line-height: 18px; margin: 0 }
.sub5 li { width: 50%; float: left; padding-right: 24px; background: url(/userfiles/images/graphics/iconSubli.png) no-repeat left top; padding-left: 48px; margin-bottom: 24px; min-height:33px }
.megamenu .megapanel ul { margin: 0; padding: 0 }
.megamenu .megapanel img:hover { border: solid 1px #777 }
.megamenu form.contact input, .megamenu form.contact textarea { font-family: Calibri, Arial; font-size: 16px; color: #444; outline: 0 }
.megamenu form.contact input[type="text"], .megamenu form.contact textarea { width: 100%; margin-bottom: 20px; padding: 5px 10px; border: solid 1px #dedede; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border .3s linear; -moz-transition: border .3s linear; -o-transition: border .3s linear; transition: border .3s linear }
.megamenu form.contact input[type="text"] { height: 40px }
.megamenu form.contact input[type="text"]:focus, .megamenu form.contact textarea:focus { border: solid 1px #999 }
.megamenu form.contact input[type="submit"] { width: 100px; height: 35px; border: 0; color: #fff; cursor: pointer; background: #999 }
.megapanel .row { width: 100%; margin-top: 15px }
.megapanel .row:first-child { margin-top: 0 }
.megapanel .row:before, .megapanel .row:after { display: table; content: ""; line-height: 0 }
.megapanel .row:after { clear: both }
.megapanel .row .col1, .megapanel .row .col2, .megapanel .row .col3, .megapanel .row .col4, .megapanel .row .col5, .megapanel .row .col6 { display: block; width: 100%; min-height: 20px; float: left; margin-left: 2.127659574468085%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.megapanel .row [class*="col"]:first-child { margin-left: 0 }
.megapanel .row [class*="col"] h2{ padding:0 5%; width:90%; margin-bottom:5px; text-transform:uppercase; font-size:13px; font-family:'OpenSans-Semibold', Helvetica, Arial, sans-serif; color:#ff2430; font-weight:normal;}
.megapanel .row [class*="col"] a{ float:left; width:86%; display:block; padding:0 7% 5px; color:#fff; transition:all ease 0.6}
.megapanel .row [class*="col"] a:hover {color:#ff2430; text-decoration:none}
.megapanel .row .col1 { width: 14.893617021276595% }
.megapanel .row .col2 { width: 31.914893617021278% }
.megapanel .row .col3 { width: 48.93617021276595% }
.megapanel .row .col4 { width: 65.95744680851064% }
.megapanel .row .col5 { width: 82.97872340425532% }
.megapanel .row .col6 { width: 100% }


@media(max-width:1200px) {
.megamenu>li>a { padding: 12px 30px 6px 24px ;}
}
@media(max-width:1100px) {
.megamenu>li>a { padding: 12px 20px 6px 20px ;}
.megamenu > li > a { font-size:14px;}
}
@media(max-width:900px) {
.megamenu>li>a { padding: 12px 9px 6px 18px ;}
.megamenu > li > a { font-size:13px;}
}

@media(max-width:800px) {
.nav { height: auto }
.megamenu { height: auto }

}

@media(max-width:767px) {
.wr_megamenu { display:none}
.sub4 .text2Sub4 { width: 90% }
.megamenu > li { width: 33.33333% }
.megamenu > li.right { float: left; }
.megamenu > li > a { padding: 9px 0px; text-align: center; display: block; width: 100%}
.megamenu>li>.megapanel {top:68px }

.btnProduct{ display:block}
/*.text2Sub4{ display:none}*/
}

@media(max-width:560px) {
}