/* parent menu First Level */ #trueHeader div.menu_main ul li.active a { background-color: #a43a4a; color:#fff; } #trueHeader div.menu_main ul li a:hover{ background-color: #a43a4a; color:#fff; } /* child menu Second Level */ #trueHeader ul li.active>ul.dropdown-menu li a{ background-color:#fff; color:#575757; } #trueHeader ul li.active>ul.dropdown-menu li.active a{ background-color:#a43a4a; color:#fff; } #trueHeader ul li.active>ul.dropdown-menu li a:hover{ background-color:#a43a4a; color:#fff; } /*Child of child Third Level */ #trueHeader ul li.active>ul.dropdown-menu li.active>ul.dropdown-menu li a{ background-color:#fff; color:#575757; } #trueHeader ul li.active>ul.dropdown-menu li.active>ul.dropdown-menu li.active a{background-color:#a43a4a; color:#fff; } #trueHeader ul li.active>ul.dropdown-menu li.active>ul.dropdown-menu li a:hover{background-color:#a43a4a; color:#fff; } #trueHeader div.menu_main ul li a:hover { padding: 20px 10px; } .dropdown-menu li a:hover { padding: 10px 5px !important; } .dropdown-menu li a { padding: 10px 5px !important; } .navbar-collapse.in {height:auto; overflow-y: visible;} .navbar-default {z-index:9999;} .navbar { margin-top: -1px; } .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .nav.navbar-right .dropdown-menu { left: auto; right: 0; } .yamm .yamm-content { padding: 20px 30px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; } .yamm .dropdown.yamm-hw .dropdown-menu { left: auto; right: 0; width: 550px; } .yamm .yamm-content .col-md-4, .yamm .yamm-content .col-md-8{ padding-right: 5px; padding-left: 5px;} .yamm .yamm-content .thumbnail { padding: 0; border: 0;} .yamm .yamm-content .caption { padding: 0; } .yamm .yamm-content .caption h3 { font-size: 18px; color: #272727; margin-top: 14px; margin-bottom: 8px; } .yamm .yamm-content .caption p { font-size: 14px; color: #727272; } .list-unstyled li:first-child { border-bottom: 1px solid #e6e6e6; margin-bottom: 12px; } .list-unstyled li p { font-size: 16px; color: #272727; font-weight: normal; } .list-unstyled li i { color:#727272;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #272727; padding: 4px 8px; width: 100%; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; } .list-unstyled a:hover { color: #272727; background-color: #eee; text-decoration: none; margin-left: 8px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; border-radius: 3px; } .list-unstyled a:before { font-size: 12px; margin-right: 5px; } .row-border + .row .caption h3 { margin-top: 0px; } .row-border {border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; padding-bottom: 10px; } .navbar-nav li a i { float: right !important; padding: 2px 3px; } @media (max-width:480px){ .navbar-nav li a i { float: right !important; border: 1px solid #111; padding: 0 3px; background-color: #111; } } @media (max-width:767px) { .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { font-size: 16px; color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .navbar-nav { margin: 0 !important; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; background-color: #666; } .yamm .yamm-content .thumbnail { background-color: transparent; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075); } .yamm .yamm-content .caption p { color: #ccc; } .yamm .yamm-content .caption h3 { color: #ccc; } .yamm .yamm-content .thumbnail>img { margin-left: 0; } .row-border { border-bottom:0; } } @media (max-width:768px) { .right_links { margin-top: -40px; } .navbar-nav { margin: 0 !important; } .list-unstyled a { color: #BBBBBB; } .list-unstyled li:first-child { border-bottom: 1px solid #3b3b3b; margin-bottom: 16px; } .list-unstyled li p { color: #fff; padding-top:10px; } } } /* .navbar { min-height:60px; } */ .navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border: 0; border-radius: 0; } .navbar-nav>li>a { padding-top: 18px; padding-bottom: 18px; text-transform: uppercase; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -1px; margin-left: -1px; /* margin-left: -456px;*/ -webkit-border-radius: 0 ; -moz-border-radius: 0 ; border-radius: 0 ; } .dropdown-submenu>.dropdown-menu:last-child { } @media (min-width:769px;){ .dropdown-submenu>.dropdown-menu:last-child { border-top: 0px solid #000; } } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-brand { /* background: url("../images/logo.png") no-repeat; width: 162px; height: 42px; display: block;*/ padding: 0; margin:15px 0; } .wrapper { margin-top: 0px; } .navbar-fixed-top + .wrapper { margin-top: 104px; } .dropdown-menu { min-width: 220px; } .dropdown-menu>li>a { padding: 10px 20px; border-bottom: 1px solid #e6e6e6; } .dropdown-menu>li>a:hover { border-bottom: 1px solid #e6e6e6; } .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 769px) { .navbar-collapse.pull-right { width: 100%; /*float: none !important;*/ background: #1e1e1e; } #navbar-collapse-1 > ul > li.dropdown > a > b { float: right; } .navbar-default .navbar-brand { margin-left: 14px; } #navbar-collapse-1 > ul > li { border-bottom: 1px solid #eee; } #navbar-collapse-1 > ul > li.open { background-color: #2b2b2b; } .help { display: none; } .navbar-nav>li>a { color: #b3b3b3; padding: 14px 15px; } .navbar-nav>li>a:hover { color: #fff ; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #fff; background-color: #7ab700; padding: 10px 20px; border-bottom: 0px ; } .dropdown-menu>li>a { padding: 8px 20px !important;; border-bottom: 0px ; } .dropdown-submenu>.dropdown-menu:last-child { border-top: 0px ; } } /* .navbar-fixed-top .navbar-nav > li > a {padding-top: 15.666666666666666px; padding-bottom: 15.666666666666666px;} .navbar-fixed-top .navbar-brand {margin-top: 3.666666666666666px; margin-bottom: 2.666666666666666px;} .navbar-fixed-top .navbar-brand img {height: 34.666666666666664px;} */ /*-------------- header animation End -------------------*/ .navbar-nav>li>a { box-shadow: 0 0px 0 rgba(255,255,255,0.25); } .callus { color: #545454; font-size: 13px; padding-top: 13px;} .callus a { margin-right: 20px; color: #545454;} .social-icons ul li { float: left; list-style-type: none; margin:10px 0 10px 7px; } .social-icons a { width: 25px; height: 25px; display: block; background-color:#fff; border:1px solid #c7c7c7; border-radius:50%; text-align:center; } .social-icons a i { font-size:15px; color:#272727; line-height:24px; text-align:center; } .social-icons a:hover{ background-color:#272727; border:1px solid #272727; } .social-icons a:hover i{ color:#fff; } a.login_but{ padding:0px; margin:0px; float:left; margin: 2% 18px 0 48%; margin-top:2%; color:#727272; } a.registerbut{ padding:0px; margin-top:2%; float:left; color:#727272; } a.login_but:hover{ color:#272727; } a.registerbut:hover{ color:#272727; } @media (max-width: 769px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .navbar-default .navbar-nav>li>a { color: #575757; } .navbar-toggle { position: relative; float: none; padding: 20px 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 0; margin-left: 0px; background: #272727; cursor: pointer; } .navbar-toggle > span {Color:#fff;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #272727; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #999; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #454545; } } @media (min-width: 769px) { .yamm ul.nav li.dropdown > ul.dropdown-menu { /*opacity: 0; filter:alpha(opacity=100);*/ /* -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;*/ } .dropdown-submenu:hover>.dropdown-menu { -webkit-animation-duration: 0.5s; -webkit-animation-name: fadeInFromNone; -webkit-animation-fill-mode: forwards; animation-duration: 0.5s; animation-name: fadeInFromNone; animation-fill-mode: forwards; -ms-animation-duration: 0.5s; -ms-animation-name: fadeInFromNoneIE; -ms-animation-fill-mode: forwards; } .yamm ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; /*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;*/ animation-duration: 0.5s; animation-name: fadeInFromNone; animation-fill-mode: forwards; -webkit-animation-duration: 0.5s; -webkit-animation-name: fadeInFromNone; -webkit-animation-fill-mode: forwards; -ms-animation-duration: 5s; -ms-animation-name: fadeInFromNoneIE; -ms-animation-fill-mode: forwards; } @-webkit-keyframes fadeInFromNone { 0% { opacity: 0; } 1% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInFromNoneIE { 0% { opacity: 0; } 1% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInFromNone { 0% { opacity: 0; } 1% { opacity: 0; } 100% { opacity: 1; } } .yamm ul.nav li.dropdown:hover > a { color: #fff; background-color: #7ab700; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 20px 15px; } } .dropdown-menu{ padding:0 !important; } .navbar-toggle > button { background: none; border: 0; float: right; margin-top: -15px; padding: 5px 8px; } .navbar-default .navbar-toggle i { color: #fff; font-size: 21px; margin-top:5px; } .yamm ul.nav li.dropdown:hover b{ border-top-color: #fff; border-bottom-color: #fff; } .container>.navbar-collapse {margin-right: 0px;} .navbar-brand, .navbar-nav>li>a { text-shadow: 0 0px 0 rgba(255, 255, 255, 0.25); } button.navbar-toggle { clear: right;} .width50 {width: 50%;} /* -------------- color Scheme Start --------------*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #fff; background-color: #454545; } .navbar-default .navbar-nav>.open>a .caret, .navbar-default .navbar-nav>.open>a:hover .caret, .navbar-default .navbar-nav>.open>a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; } /* -------------- color Scheme End --------------*/ @media only screen and (min-width: 1000px) and (max-width: 1169px){ .dropdown-menu.two { left:545px; } .dropdown-menu.three { left:545px; } .dropdown-submenu>.dropdown-menu.four { top: 0; left:500px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ .navbar-default {margin-right: 0px;} .container>.navbar-collapse {margin-left: 0px; margin-top: -1px;} .container>.navbar-collapse li a {margin-left: 0px; background-color: none;} .navbar-nav { margin: 0 !important; } } @media only screen and (min-width: 480px) and (max-width: 767px){ .navbar-default {margin-right: 5px;} .container>.navbar-collapse {margin-left: 20px;} .container>.navbar-collapse li a {margin-left: 0; background-color: #272727;} .navbar-header { background-color: #333; } .yamm .dropdown-menu { left: 0 !important; position: relative !important; width: 100%; padding: 0; border: 0; } .navbar-default .navbar-nav>li>a { display: inline-block; width: 100%; padding: 10px; } .navbar-nav{ max-height:300px; } #trueHeader div.menu_main ul li a:hover { padding: 10px !important; } } @media only screen and (max-width: 479px){ .navbar-default {margin-right: 3px;} .container>.navbar-collapse {margin-left: 20px;} .container>.navbar-collapse li a {margin-left: 14px; background-color: #272727;} #trueHeader div.menu_main ul li a:hover { padding: 10px !important; } }