@import url('https://fonts.googleapis.com/css?family=Roboto'); a:hover, a:focus { text-decoration: none; outline: none; } body{font-family: 'Roboto', sans-serif;} /* 1.1 Header Area ****************************************************/ /*Bootstrap Reset*/ .navbar-nav > li > a { padding-top: 0; padding-bottom: 0; } .mainmenu { background-color: transparent; border-color: transparent; margin-bottom: 0; border: 0px !important; } .navbar-nav > li:last-child > a { padding-right: 0px; margin-right: 0px; } .dropdown-menu { padding: 0px 0; margin: 0 0 0; border: 0px solid transition !important; border: 0px solid rgba(0,0,0,.15); border-radius: 0px; -webkit-box-shadow: none !important; box-shadow: none !important; } /*=-====Main Menu=====*/ .navbar-nav .open .dropdown-menu > li > a { padding: 10px 12px 10px 12px; } .header_bottom { background-color:#000000; } .header_area .header_bottom .mainmenu a , .navbar-default .navbar-nav > li > a { color: #ffffff; padding: 10px 12px 10px 12px; line-height: 20px; font-size: 17px; font-family: Calibri, sans-serif; text-transform: uppercase; border-bottom: 1px solid #000001; border-top: 1px solid #a28c5a; } .navbar-nav{ margin-top: -2px; } .navbar-default{ text-align: left; } .header_area .mainmenu .active a, .header_area .mainmenu .active a:focus, .header_area .mainmenu .active a:hover, .header_area .mainmenu li a:hover, .header_area .mainmenu li a:focus , .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ color: #ffffff; background-color:#73491a; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld1.jpg"); outline: 0; text-align: left; } /*-----./ Main Menu-----*/ .navbar-default .navbar-toggle { background-color: #000001; border-color: #fff; } /*Toggle Button*/ .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } /*Toggle Button*/ .navbar-default .navbar-toggle:focus{ background-color: #000001; } /*Toggle Button*/ .navbar-default .navbar-toggle:hover{ background-color: #000001; } /*Toggle Button*/ /*==========Sub Menu=v==========*/ .mainmenu .collapse ul > li:hover > a{ background-color:#73491a; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld1.jpg"); } .mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ background-color:#73491a; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld1.jpg"); color: #ffffff;} .mainmenu .collapse ul ul ul > li:hover > a{background-color:#73491a; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld1.jpg"); } .mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background-color:#a17243; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld2.jpg"); width: 100%;} .mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu a:visited{background-color:#a17243; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld2.jpg"); color: #ffffff;} .mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu a:link{background-color:#a17243; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld2.jpg"); color: #ffffff; } .mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu a:active{background-color:#a17243; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld2.jpg"); color: #ffffff; } .mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu a:hover{background-color:#73491a; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld1.jpg"); color: #ffffff; } .mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background-color:#9d6c28; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld3.jpg"); width: 100%;} .mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu a:visited{background-color:#9d6c28; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld3.jpg"); color: #ffffff; } .mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu a:link{background-color:#9d6c28; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld3.jpg"); color: #ffffff; } .mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu a:active{background-color:#9d6c28; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld3.jpg"); color: #ffffff; } .mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu a:hover{background-color:#73491a; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld1.jpg"); color: #ffffff; } .mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background-color:#a17243; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld2.jpg"); width: 100%;} .mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu a:visited{background-color:#a17243; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld2.jpg"); color: #ffffff; } .mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu a:link{background-color:#a17243; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld2.jpg"); color: #ffffff; } .mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu a:active{background-color:#a17243; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld2.jpg"); color: #ffffff; } .mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu a:hover{background-color:#73491a; background-image: url("https://central.chance.com.br/_3/_c/i_1/lyt/back_gld1.jpg"); color: #ffffff; } /*@media only screen and (min-width: 767px) {*/ /******************************Drop-down menu work on hover**********************************/ .mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px} @media only screen and (min-width: 767px) { .mainmenu .collapse ul li{position:relative;} .mainmenu .collapse ul li:hover> ul{display:block} .mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none} /*******/ .mainmenu .collapse ul ul li{position:relative} .mainmenu .collapse ul ul li:hover> ul{display:block} .mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none} /*******/ .mainmenu .collapse ul ul ul li{position:relative} .mainmenu .collapse ul ul ul li:hover ul{display:block} .mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1} } @media (min-width: 992px) { .navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; } .navbar .navbar-collapse { text-align: right; } } @media (min-width: 768px) and (max-width: 991px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 10px 12px 10px 12px; } .dropdown-menu > li > a { display: block; padding: 10px 15px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; /*margin: 7.5px -15px;*/ margin: 10px -15px 10px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } /* since 3.1.0 */ .navbar-collapse.collapse.in { display: block!important; } .collapsing { overflow: hidden!important; } .mainmenu .collapse ul ul ul{position:absolute;left:0px;top:42px;min-width:250px;display:none;} }