0byt3m1n1
Path:
/
home
/
k74ns2xygros
/
www
/
css
/
[
Home
]
File: menuzord.css
/*@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");*/ /*@import url("https://fonts.googleapis.com/css?family=Roboto");*/ @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"); .menuzord, .menuzord * { font-family: 'Domine', serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .menuzord-menu > li:hover { background: rgba(0,0,0,.1); } .menuzord { width: 100%; float: left; position: relative; background: #fff } .menuzord a { -o-transition: color .3s linear, background .3s linear; -moz-transition: color .3s linear, background .3s linear; -webkit-transition: color .3s linear, background .3s linear; transition: color .3s linear, background .3s linear } .menuzord-menu.scrollable>.scrollable-fix { display: none } .menuzord-brand { margin: 18px 30px 0 0; float: left; color: #666; text-decoration: none; font-size: 24px; font-weight: 600; line-height: 1.3; cursor: pointer } .menuzord-menu { margin: 0; padding: 0; float: left; list-style: none } .menuzord-menu.menuzord-right { float: left } .menuzord-menu>li { display: inline-block; float: left } .head-img img { height: 145px !important; } .col-lg-3.fvrergerg img { text-align: center; float: right; width: 50%; padding-top: 10px; } .menuzord-menu>li>a { padding: 12px 16px; display: inline-block; text-decoration: none; font-size: 16px; font-weight: 500; color: #888; outline: 0; line-height: 1.42857143; -webkit-tap-highlight-color: transparent } .menuzord-menu>li.active>a, .menuzord-menu>li:hover>a { color: #333 } .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99; min-width: 180px; white-space: nowrap; background: #fff; } /*********************************************/ .menuzord .menuzord-menu .dropdown-full{ list-style: none; margin: 0; padding: 0; display: block; max-width: 180px; white-space: nowrap; background: #fff; float:left; } .menuzord .menuzord-menu .dropdown-full li{ clear: both; width: 100%; border: 0; font-size: 12px; } .menuzord .menuzord-menu .dropdown-full li a{ width: 100%; background: 0 0; padding: 10px 25px 10px 22px; color: #888; text-decoration: none; display: inline-block; float: left; clear: both; position: relative; outline: 0; -o-transition: padding .2s linear; -moz-transition: padding .2s linear; -webkit-transition: padding .2s linear; transition: padding .2s linear; } .menuzord .menuzord-menu .dropdown-full li a:hover { background: #FC6E51; color: #fff; padding-left: 28px; padding-right: 19px; } /*********************************************/ .menuzord-menu ul.dropdown li ul.dropdown { left: 100% } .menuzord-menu ul.dropdown li { clear: both; width: 100%; border: 0; font-size: 12px; position: relative } .menuzord-menu ul.dropdown li a { width: 100%; background: 0 0; padding: 10px 25px 10px 22px; color: #888; text-decoration: none; display: inline-block; float: left; clear: both; position: relative; outline: 0; -o-transition: padding .2s linear; -moz-transition: padding .2s linear; -webkit-transition: padding .2s linear; transition: padding .2s linear } .menuzord-menu ul.dropdown li:hover>a { padding-left: 28px; padding-right: 19px; color: #333 } .menuzord-menu ul.dropdown.dropdown-left { left: none } .menuzord-menu ul.dropdown li ul.dropdown.dropdown-left { left: -100% } .menuzord-menu li .indicator { margin-left: 3px } .menuzord-menu li ul.dropdown li .indicator { position: absolute; top: 8px; right: 10px; font-size: 15px } .menuzord-menu>li>.megamenu { width: 100%; padding: 20px 30px; left: 0; position: absolute; display: none; z-index: 99; border-top: solid 1px #f0f0f0; background: #fff } .menuzord-menu>li>.megamenu.megamenu-half-width { width: 50%; left: auto } .menuzord-menu>li>.megamenu.megamenu-quarter-width { width: 25%; left: auto } .menuzord-menu>li>.megamenu .megamenu-row { width: 100%; margin-top: 15px } .menuzord-menu>li>.megamenu .megamenu-row:first-child { margin-top: 0 } .menuzord-menu>li>.megamenu .megamenu-row:after, .menuzord-menu>li>.megamenu .megamenu-row:before { display: table; content: ""; line-height: 0 } .menuzord-menu>li>.megamenu .megamenu-row:after { clear: both } .menuzord-menu>li>.megamenu .megamenu-row .col1, .menuzord-menu>li>.megamenu .megamenu-row .col10, .menuzord-menu>li>.megamenu .megamenu-row .col11, .menuzord-menu>li>.megamenu .megamenu-row .col12, .menuzord-menu>li>.megamenu .megamenu-row .col2, .menuzord-menu>li>.megamenu .megamenu-row .col3, .menuzord-menu>li>.megamenu .megamenu-row .col4, .menuzord-menu>li>.megamenu .megamenu-row .col5, .menuzord-menu>li>.megamenu .megamenu-row .col6, .menuzord-menu>li>.megamenu .megamenu-row .col7, .menuzord-menu>li>.megamenu .megamenu-row .col8, .menuzord-menu>li>.megamenu .megamenu-row .col9 { display: block; min-height: 20px; float: left; margin-left: 3% } .menuzord-menu>li>.megamenu .megamenu-row [class*=col]:first-child { margin-left: 0 } .menuzord-menu>li>.megamenu .megamenu-row .col1 { width: 5.583333333333% } .menuzord-menu>li>.megamenu .megamenu-row .col2 { width: 14.166666666666% } .menuzord-menu>li>.megamenu .megamenu-row .col3 { width: 22.75% } .menuzord-menu>li>.megamenu .megamenu-row .col4 { width: 31.333333333333% } .menuzord-menu>li>.megamenu .megamenu-row .col5 { width: 39.916666666667% } .menuzord-menu>li>.megamenu .megamenu-row .col6 { width: 48.5% } .menuzord-menu>li>.megamenu .megamenu-row .col7 { width: 57.083333333333% } .menuzord-menu>li>.megamenu .megamenu-row .col8 { width: 65.666666666667% } .menuzord-menu>li>.megamenu .megamenu-row .col9 { width: 74.25% } .menuzord-menu>li>.megamenu .megamenu-row .col10 { width: 82.833333333334% } .menuzord-menu>li>.megamenu .megamenu-row .col11 { width: 91.416666666667% } .menuzord-menu>li>.megamenu .megamenu-row .col12 { width: 100% } .menuzord .showhide { width: 60px; height: 46px; padding: 13px 0 0; display: none; float: right; text-decoration: none; outline: 0; -webkit-tap-highlight-color: transparent } .menuzord .showhide em { width: 20px; height: 3px; margin: 3.5px 20px 0; float: right; background: #777 } .menuzord-menu>li>a>i { margin: 0 5px 0 0; font-size: 18px; float: left; line-height: 20px; font-family: FontAwesome } .menuzord-menu>li.search form { float: left; padding: 22px 16px 17px } .menuzord-menu>li.search form input[type=text] { width: 160px; padding: 5px 10px; font-family: 'Open Sans', sans-serif; border: none; background: #f0f0f0; border-radius: 2px; outline: 0; -o-transition: width 1s ease-out; -moz-transition: width 1s ease-out; -webkit-transition: width 1s ease-out; transition: width 1s ease-out } .menuzord-menu>li.search form:hover input[type=text] { width: 160px } .menuzord-tabs { width: 100%; float: left } .menuzord-tabs-nav { width: 20%; margin: 0; padding: 0; float: left; list-style: none } .menuzord-tabs-nav>li>a { width: 100%; padding: 7px 16px; float: left; font-size: 13px; text-decoration: none; color: #666; border: 1px solid #f0f0f0; outline: 0 } .menuzord-tabs-nav li.active a, .menuzord-tabs-nav li:hover a { background: #f0f0f0 } .menuzord-tabs-content { width: 80%; min-height: 30px; padding: 20px; float: right; display: none; font-size: 13px; border: 1px solid #f0f0f0 } .menuzord-tabs-content.active { display: block } .menuzord.blue .menuzord-menu ul.dropdown li:hover>a, .menuzord.blue .menuzord-menu>li.active>a, .menuzord.blue .menuzord-menu>li:hover>a { color: #4A89DC } .menuzord.green .menuzord-menu ul.dropdown li:hover>a, .menuzord.green .menuzord-menu>li.active>a, .menuzord.green .menuzord-menu>li:hover>a { color: #37BC9B } .menuzord.red .menuzord-menu ul.dropdown li:hover>a, .menuzord.red .menuzord-menu>li.active>a, .menuzord.red .menuzord-menu>li:hover>a { color: #E9573F } .menuzord.orange .menuzord-menu ul.dropdown li:hover>a, .menuzord.orange .menuzord-menu>li.active>a, .menuzord.orange .menuzord-menu>li:hover>a { color: #ff670f } .menuzord.yellow .menuzord-menu ul.dropdown li:hover>a, .menuzord.yellow .menuzord-menu>li.active>a, .menuzord.yellow .menuzord-menu>li:hover>a { color: #F6BB42 } .menuzord.purple .menuzord-menu ul.dropdown li:hover>a, .menuzord.purple .menuzord-menu>li.active>a, .menuzord.purple .menuzord-menu>li:hover>a { color: #967ADC } .menuzord.pink .menuzord-menu ul.dropdown li:hover>a, .menuzord.pink .menuzord-menu>li.active>a, .menuzord.pink .menuzord-menu>li:hover>a { color: #D770AD } @media (max-width:768px) { .menuzord-responsive.menuzord { padding: 0 } .menuzord-responsive .menuzord-brand { display:block; margin: 8px 30px 10px 20px; font-size: 20px; line-height: 1.55 } .menuzord-responsive .showhide { margin: 0 } .menuzord-responsive .menuzord-menu { width: 100%; float: left!important } .menuzord-responsive .menuzord-menu.scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch } .menuzord-responsive .menuzord-menu.scrollable>.scrollable-fix { display: block } .menuzord-responsive .menuzord-menu>li { width: 100%; display: block; position: relative } .menuzord-responsive .menuzord-menu>li>a { width: 100%; padding: 12px 20px; display: block; border-bottom: solid 1px #f0f0f0 } .menuzord-responsive .menuzord-menu>li:first-child>a { border-top: solid 1px #f0f0f0 } .menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown { width: 100%; left: 0; position: static; border: none; background: #fff; float: left } .menuzord-responsive .menuzord-menu ul.dropdown li { position: relative } .menuzord-responsive .menuzord-menu ul.dropdown li a { border-bottom: solid 1px #f0f0f0 } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>a { padding-left: 40px!important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>a { padding-left: 60px!important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li>a { padding-left: 80px!important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li:hover>a { padding-left: 50px!important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li:hover>a { padding-left: 70px!important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li:hover>a { padding-left: 90px!important } .menuzord-responsive .menuzord-menu li .indicator { width: 60px; height: 45px; position: absolute; right: 0; top: 0; font-size: 22px; text-align: center; line-height: 43px; border-left: solid 1px #f5f5f5 } .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator { height: 38px; right: 0; top: 0; font-size: 18px; line-height: 36px } .menuzord-responsive .menuzord-menu>li>.megamenu { width: 100%!important; left: 0!important; position: static; border-top: none; border-bottom: solid 1px #f0f0f0 } .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row [class*=col] { float: none; display: block; width: 100%!important; margin-left: 0; margin-top: 15px } .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row, .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row:first-child [class*=col]:first-child { margin-top: 0 } .menuzord-responsive .menuzord-menu>li.search form { width: 100%; margin: 4px 0; padding: 10px 16px!important } .menuzord-responsive .menuzord-menu>li.search form input[type=text], .menuzord-responsive .menuzord-tabs-content, .menuzord-responsive .menuzord-tabs-nav { width: 100% } }