/* ––––––––––––––––––––––––––––––––––––––––––––––––––megamenu.js STYLE STARTS HERE–––––––––––––––––––––––––––––––––––––––––––––––––– *//* ––––––––––––––––––––––––––––––––––––––––––––––––––Screen style's–––––––––––––––––––––––––––––––––––––––––––––––––– */.logo{    float: left;    padding: 28px 0;    width: 125px;}.menu-container {    margin: 0 auto;    background: #fff;    position: relative;    z-index: 1;}.menu-mobile {    display: none;    padding: 20px;}.menu-mobile:after {    content: "\f0c9";    font-family: "FontAwesome";    font-size: 2.5rem;    padding: 0;    float: right;    position: relative;    top: 50%;    -webkit-transform: translateY(-25%);    transform: translateY(-25%);    color: #810e54;}.menu{    position: relative;}.menu > ul {    margin: 0 auto;    float: right;    list-style: none;    padding: 0;    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */    box-sizing: border-box;}.megamenu-box .submenu{position: relative; background-color: #fff; float: left; width: 100%; border-radius: 4px; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.3); border-top: 4px solid #ff9600 }.menu > ul:before,.menu > ul:after {    content: "";    display: table;}.menu > ul:after {    clear: both;}.menu > ul > li {    float: left;    padding: 0;    margin: 0;}.menu ul li:hover a {color: #ff9600}.menu  ul  li a {    text-decoration: none;    padding:30px 15px;    display: block;    color: #333;    font-size: 14px;    font-weight: 600;    font-family: 'Roboto', sans-serif;}.megamenu-box .submenu li a{padding: 30px 20px}.megamenu-box .submenu li{position: relative}.dropdown #sub_menu_01, .dropdown #sub_menu_02, .dropdown #sub_menu_03 {display:none}.dropdown-menu>li>a {color: #666 !important;  padding: 15px 15px !important; font-size: 16px !important; font-weight: 600}.dropdown-menu {margin-top: 0; width: 250px}.menu > ul > li > .megamenu-box {width: 410px; position: absolute; z-index: 99; top: 80px; list-style: none; box-sizing: border-box; left: 310px; right: 0; margin: 0 auto}.menu > ul > li > ul:before,.menu > ul > li > ul:after {    content: "";    display: table;}.menu > ul > li > ul:after {    clear: both;}.menu > ul > li >.megamenu-box ul > li {    margin: 0;    padding-bottom: 0;    list-style: none;    width: 100%;    background: none;    float: left;}.menu > ul > li > .megamenu-box > li a {    color: #777;    padding: .2em 0;    width: 95%;    display: block;    border-bottom: 1px solid #ccc;}/******************* custom style **************/.menu > ul > li > .megamenu-box {    display: none;}.menu > ul > li:hover> .megamenu-box, .menu > ul > li:hover> .dropdown-menu{    display: block;    margin-bottom: 20px;}.menu > ul > li >.megamenu-box ul.submenu>li>a{    font-size: 14px;    font-weight: normal;    line-height: 18px;    margin: 0;    border: none;    color: #777;    width: auto;    transition: all ease-in-out 0.6s;    float: left;    width: 100%;}.menu_content{float: left; width: 75%; text-align: left; margin-left: 25%}/*.menu > ul > li >.megamenu-box ul.submenu>li{*/    /*margin-right: 2%;*//*}*/.menu > ul > li >.megamenu-box ul.submenu>li span{    font-size: 20px;    display: block;    line-height: 30px;    transition: all ease-in-out 0.6s;    color: #333;}.megamenu-box .submenu li:hover a:before{left: 0;    position: absolute;    content: "";    z-index: 1;    width: 100%;    top: 0;    bottom: 0px;    box-shadow: 0 10px 30px 5px rgba(0,0,0,0.2);    transition-duration: 1s;}.menu > ul > li >.megamenu-box ul.submenu{    display: block !important;}.menu > ul > li >.megamenu-box ul.submenu>li>a:hover{    color: #777;}.menu > ul > li > .megamenu-box ul.submenu>li:hover figure{    -webkit-filter:none;  /* Safari 6.0 - 9.0 */    filter: none ;}/*.menu > ul > li >.megamenu-box ul.submenu>li:hover h3{*/    /*color: #ff9600;*//*}*/.menu > ul > li >.megamenu-box ul.submenu>li:last-child{    margin: 0;}.megamenu-box .search_box{    width: 100%;    padding-top: 40px;    margin: 40px 0 0;    height: auto;    border-top:1px solid #d2d2d2 ;}.megamenu-box .search_box button{    top: 42px;    position: absolute;    right: 2px;    padding: 22px 36px !important;    text-transform: uppercase;    font-size: 14px;    line-height: 14px;    font-weight: 600;    border: none;    border-radius: 0 4px 4px 0;    transition: all ease-in-out .5s;    background-color: #ff9600;}.megamenu-box .search_box .text_field{    padding: 21px 30px;    height: auto;    box-shadow: 0 0 20px 2px rgba(0,0,0,0.1);}.search_box .text_field:focus {outline: none}.megamenu-box .search_box input {    width: 100%;    background: #fff;    border-radius: 4px;    font-size: 16px;    line-height: 16px;    font-weight: 400;    color: #777a7c;    padding: 0 30px;    font-family: 'Roboto', sans-serif;}.megamenu-box .search_box {    width: 100%;    position: relative;    float: left;}.megamenu-box .search_area{    height: auto;    margin-bottom: 0;}/* ––––––––––––––––––––––––––––––––––––––––––––––––––Mobile style's–––––––––––––––––––––––––––––––––––––––––––––––––– */@media only screen and (max-width: 767px) {    .menu{width: inherit; float: none}    .menu-container {        width: 100%;    }    .menu-mobile {        display: block;    }    .menu-dropdown-icon:before {        display: block;    }    .menu > ul {        display: none;        width: 100%;        text-align: center;    }    .menu > ul > li {        float: none;        display: block;        text-align: left;    }    .menu > ul > li a {        padding: 15px 15px;        width: 100%;        display: block;    }    .menu > ul > li > ul {        position: relative;    }    .menu > ul > li > ul.normal-sub {        width: 100%;    }    .menu > ul > li > ul > li {        float: none;        width: 100%;    }    .menu > ul > li > ul > li > ul {        position: relative;    }    .menu > ul > li > ul > li > ul > li {        float: none;    }    .menu .show-on-mobile {        display: block;        position: absolute;        background-color: #ff9600;        width: 30%;        right: -15px;        top: 48px;        padding: 15px 0;    }    .menu ul li a{padding: 5px 15px !important;}    .logo{width: 125px}    .menu_mobile {display: block}    .menu-mobile {padding: 0; margin-top: 30px}    .megamenu-box {position: relative !important; float: left !important; top: 0 !important;}    .megamenu-box > ul > li {width: 100% !important;}    .menu > ul > li > .megamenu-box{width: 100%;left: 0}    .dd_bg_01, .dd_bg_02, .dd_bg_03, .dd_bg_04{background: none}    .menu ul li.active a, .menu ul li:hover a{color: #333}    .menu_content{width: 100%; margin-left: 0; font-size: 0}    .megamenu-box .submenu{border-top: 0; border-radius: 0; margin: 10px 0; padding: 15px 20px;}    .menu > ul > li >.megamenu-box ul.submenu>li span{font-size: 13px; line-height: 13px; padding: 5px}    .menu > ul > li >.megamenu-box ul.submenu>li>a{line-height: 0}    .dropdown-menu{border-top: none; border-radius: 0; padding: 15px 20px; margin: 10px 0}    .menu > ul > li:hover> .megamenu-box, .menu > ul > li:hover> .dropdown-menu{margin-bottom: 10px}    .dropdown .dropdown-menu li a{top: 0; padding: 5px !important;}    .dropdown .dropdown-menu li:before{display: none}    .dropdown .dropdown-menu li{width: 100%; margin-left: 0; border-left: 0}    .dropdown-menu>li>a{font-size: 13px !important;}}@media only screen and (max-width: 480px){}