ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }

Slide Planos à partir de 14, R$ 99 / mês * Chat de vendas Ligue-nos ou ligamos para você Envie-nos um e-mail

HOSPEDAGEM DE SITES

A parceira ideal para o
sucesso do seu site.

Segurança total para seu site com SSL
gratuito em todos os planos.

ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }

Hospedagem confiável

Benefícios que você só encontra na i7Web.
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }

Os melhores planos de hospedagem

Aproveite, escolha a forma de pagamento anual e ganhe desconto!

HOSPEDAGEM I

R$ 19,99 Economize até 20%

R$ 14,99/mês

CONTRATAR
  • 1 site
  • 512 MB de memória
  • 5 GB de espaço para seu site
  • Contas ilimitadas de email (10 GB)
  • Bancos MySQL ilimitados (5 GB)

HOSPEDAGEM II

R$ 29,99 Economize até 20%

R$ 24,99/mês

CONTRATAR
  • 3 site
  • 512 MB de memória
  • 10 GB de espaço para seu site
  • Contas ilimitadas de email (10 GB)
  • Bancos MySQL ilimitados (10 GB)

HOSPEDAGEM III

R$ 39,99 Economize até 20%

R$ 29,99/mês

CONTRATAR
  • 5 site
  • 512 MB de memória
  • 15 GB de espaço para seu site
  • Contas ilimitadas de email (15 GB)
  • Bancos MySQL ilimitados (15 GB)
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }

Recursos

Planos de hospedagem com recursos exclusivos para atender suas necessidades.
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }
e muito mais....
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }
Alguns fornecedores da i7Web:
ul.nav>li>a.active { color:#86c724; } ul.nav>li>a:hover.active { color:#86c724; } body .header.sty4 ul.nav>li>a:hover { color:#86c724; transition: all 0.3s ease; } ul.nav .dropdown li a.active, ul.nav .dropdown li a.active i { color: #86c724; } ul.nav .dropdown li:hover a.active { color: #86c724; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; background-color: #86c724; } .mega-menu-contnew .section-box a.active, .mega-menu-contnew .section-box a.active strong, .mega-menu-contnew .section-box a.active span, .mega-menu-contnew .section-box a.active i { color: #86c724; } body.compact .minicart-li>ul { top: 29px; } body.compact .minicart-li{ margin-right: 20px; } .list-unstyled a.active { color: #393939; } .list-unstyled a.active i { color: #393939; } .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: 50px 40px 40px 40px; } .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 { } .list-unstyled.two { margin-top: -12px; } .list-unstyled li p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #2a363f; text-transform: uppercase; font-weight: 500; line-height: 0px; margin-bottom: 18px; letter-spacing: 0.5px; } .list-unstyled li i { color:#999; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;} .list-unstyled li { padding: 5px 0;} .list-unstyled a { color: #727272; padding: 5px 0px 5px 0px; width: 100%; font-size: 14px; transition-property: margin-left, background-color; transition-duration: 0.3s; transition-timing-function: ease-out; font-family: 'Roboto', sans-serif; font-weight: 400; transition: all 0.3s ease; } .list-unstyled a:hover { color: #393939; background: #f3f3f3; padding: 5px 10px; border-radius: 3px; } .list-unstyled a:hover i { color: #393939; } .minicart-nav .cart-items{ background: #86c724; } .menu-sepbox { float: right; width: 136%; padding: 27px 40px 31px 40px; background: #f7f7f7; margin-top: -5px; text-align: center; font-family: 'Roboto', sans-serif; } .menu-sepbox img { float: left; width: 100%; } .menu-sepbox h6 { margin-bottom: 0px; } .menu-sepbox a.purcnow { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .menu-sepbox a.purcnow:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } .mega-menu-contnew { float: left; width: 100%; font-family: 'Roboto', sans-serif; } .mega-menu-contnew .section-box { float: left; width: 33.3333333333%; color: #999; font-weight: 300; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last { background: #f3f3f3; } .mega-menu-contnew .section-box strong { color: #454545; font-size: 18px; font-weight: 400; display: block; transition: all 0.3s ease; } .mega-menu-contnew .section-box span { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box i { float: left; color: #6e7a83; font-size: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 14px; margin-right: 12px; border-right: 1px solid #eee; transition: all 0.3s ease; } .mega-menu-contnew .section-box a { color: #999; } .mega-menu-contnew .section-box a:hover, .mega-menu-contnew .section-box a:hover strong, .mega-menu-contnew .section-box a:hover span, .mega-menu-contnew .section-box a:hover i { color: #86c724; } .mega-menu-contnew .section-box.last { text-align: center; background: #f7f7f7; border-left: 1px solid #e3e3e3; padding: 25px 0px 38px 0px; font-size: 14px; color: #2a363f; } .mega-menu-contnew .section-box.last strong { color: #2a363f; font-size: 40px; font-weight: 800; margin: 12px 0px 5px 0px; } .mega-menu-contnew .section-box.last strong em { font-size: 18px; font-weight: 400; font-style: normal; } .mega-menu-contnew .section-box.last b { text-decoration: line-through; font-style: normal; font-weight: normal; color: #999; } .mega-menu-contnew .section-box.last a { color: #fff; font-size: 12px; text-transform: uppercase; background: #2a363f; padding: 10px 20px; border-radius: 3px; font-weight: 600; transition: all 0.3s ease; } .mega-menu-contnew .section-box.last a:hover { color: #fff; font-size: 12px; text-transform: uppercase; background: #86c724; padding: 10px 20px; border-radius: 3px; font-weight: 600; } li.ext-nav:last-child>a{ margin-right: 5px; } .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; } @media (max-width:767px){ .list-unstyled li:first-child { border-bottom: 0px ; margin-bottom: 0px; top-bottom: 15px; } .list-unstyled li p { color: #bbb; } .list-unstyled li { padding: 8px 0;} .list-unstyled a { color: #bbb; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a { color: #BBBBBB; } .list-unstyled a:hover { color: #fff; } .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:999px){ .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; } .list-unstyled .img_left4 { margin-right: 20px; } } /* .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; } .navbar-nav>li>a i { display: block; text-align: center; } .navbar-default { margin-right: -32px;} .navbar-default.two { width:100%; /*margin-right: 140px;*/ /*padding-right:140px;*/ } .navbar-nav.dark>li>a { padding-top: 30px; padding-bottom: 27px; 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; } .header.sty4 .dropdown-menu { min-width: 200px; } .header.sty4 .dropdown-menu>li>a { padding: 10px 20px; font-size:14px; color:#727272; font-weight: 400; border-bottom: 1px solid #eee; transition: all 0.3s ease; } .header.sty4 .dropdown-menu>li>a:hover { border-bottom: 1px solid #eee; } .header.sty4 .dropdown-menu>li:last-child>a { border-bottom: 0px solid #d1d1d1; } /*-------------- header animation Start -------------------*/ .king_res_cart{ } .help { height: 40px; } .help > .container { padding-top: 10px; } @media (max-width: 999px) { #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: #92d102; background-color: transparent; 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; } .header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0} body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)} .header{display:block;position:fixed;z-index:9000!important;top:46px;left:0;width:100%;background-color: transparent; height:110px; padding-top: 25px; background: #17232d; border-bottom: 1px solid rgba(255,255,255,.36);} .compact .header{display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: #17232d;);border-bottom:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2); height: auto; padding-top: 0px; padding-bottom: 0px;} .compact .header #logo{ background-size: 50%; background-position: left 9px;} .menu_main .col-md-3 { width: 28%; border-right: 1px solid #eee; margin-right: 7%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } @media (max-width: 999px) { #navbar-collapse-1 > ul > li { border-bottom: 0; } } .nav>li>a { padding-left: 13px; padding-right: 13px; } .header.sty4 .navbar-default .navbar-nav>li>a { color: #fff; font-size:14px; font-weight: 500; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .nav>li>a i { margin-top: 4px; } .navbar-toggle { position: relative; float: none; padding: 10px 8px; margin-top: 8px; margin-right: 0px; margin-bottom: 0; background-color: transparent; border: 0px solid transparent; border-radius: 5px; margin-left: 0px; background: #fff; cursor: pointer; float: right; } .navbar-toggle > span {Color:#272727;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-collapse {border-top: 0;} @media only screen and (min-width: 99px) and (max-width: 999px){ li.dropdown ul.dropdown-menu li a {color: #fff; } li.dropdown ul.dropdown-menu li a:hover {color: #333; border-bottom: none; } li.dropdown a:hover {color: #fff; } li.dropdown ul.dropdown-menu .yamm-content li a:hover {color: #999; } } @media (min-width: 1000px) { .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: #13afeb; }*/ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { padding: 22px 18px; } } .navbar-toggle > button { background: none; border: 0; float: right; } .navbar-default .navbar-toggle i { color: #272727; font-size: 21px; } .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); } .navbar-default .navbar-toggle{ margin-right: 0 !important; } 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 --------------*/ .dropdown-menu.two { right: 0; } @media only screen and (min-width: 99px) and (max-width: 999px){ .navbar-default .navbar-nav>li>a { color: #999; } .navbar-default .navbar-toggle i { color: #fff; } .king_res_cart{ right: 78px !important; } } @media only screen and (max-width:1199px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 200px;} .navbar-default { margin-right: 0px; } .nav>li>a { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:1112px) { .container > .navbar-collapse { z-index: 9999; } .navbar-default.two { margin-right: 227px;} } @media only screen and (max-width:991px) { .menu_main2 .container > .navbar-collapse { width:100%; background-color:#161616; } } @media only screen and (max-width:800px) { .navbar-default.two { margin-right: 0px; } } @media only screen and (min-width: 1000px) and (max-width: 1169px){ .compact .header #logo{ background-size: 45%; background-position: left 12px;} .mega-menu-contnew .section-box strong { font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { font-size: 25px; padding-top: 7px; padding-bottom: 7px; padding-right: 10px; margin-right: 10px; } .menu-sepbox { width: 139%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 768px) and (max-width: 999px){ html body .logo { margin-top: 5px; position: relative; z-index: 999; } .menu_main{ z-index: 66; } .menu_main .pull-right{ margin-top: 10px; } .compact .header #logo{ background-position: left 12px;} .compact .header{padding-top: 0px; padding-bottom: 10px;} .pull-right{ width: 100%; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box strong { color: #fff; font-size: 16px; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; font-size: 21px; padding-top: 7px; padding-bottom: 7px; padding-right: 8px; margin-right: 8px; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 640px) and (max-width: 767px){ .header { top: 66px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (min-width: 480px) and (max-width: 639px){ .header .container{ position: relative; } .header{ top: 62px !important; } .compact .header #logo{ background-position: left 10px;} .compact .header{padding-top: 0px; padding-bottom: 5px;} body .menu_main{ position: absolute; width: 100%; z-index: 66; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 2.5%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } } @media only screen and (max-width: 479px){ .compact .header #logo{ background-position: left 10px; position: relative; z-index: 99; } .compact .header{padding-top: 0px; padding-bottom: 5px;} .menu_main{ position: absolute; width: 100%; } #logo img{ height: 38px; } .menu_main .col-md-3 { width: 100%; border-right: 0px solid #eee; margin-right: 0%; } .menu_main .col-md-3.last { border-right: 0px solid #eee; margin-right: 0%; } .yamm .yamm-content { padding: 10px 20px 20px 20px; } .mega-menu-contnew .section-box { width: 95%; margin-left: 3%; margin-bottom: 40px; } .mega-menu-contnew .section-box strong { color: #fff; } .mega-menu-contnew .section-box span, .mega-menu-contnew .section-box i { color: #fff; border-right: 1px solid #454545; } .menu-sepbox { width: 100%; padding: 27px 20px 31px 20px; } }

Dúvidas

Para que seu site seja acessado por qualquer pessoa e em qualquer lugar do mundo, é preciso que os arquivos que compõem o site, estejam em um servidor Web, que nada mais é do que um computador destinado a armazenar sites. A hospedagem, é um espaço dentro deste servidor, destinado a acomodar o site e demais recursos relacionados a ele, como contas de e-mail, FTP, bancos de dados, etc.

A i7Web mantém uma rede de servidores de última geração, para oferecer tecnologia, segurança e recursos necessários para você ter o seu site na Internet.

Se você já tem um domínio registrado, não há nenhum outro valor ou taxa – como taxa de configuração ou ativação – a ser pago, além naturalmente das parcelas do plano de hospedagem que escolher.

Antes de mais nada um site para ser acessado, precisa de um endereço amigável ao seu visitante. A este endereço, dá-se o nome de domínio. Assim, quando você digita em seu navegador www.seunegocio.com.br, a porção do endereço logo após o www. é o domínio.

Se você ainda não tem um domínio, uma das primeiras providências é pensar em um, que deve ser tanto amigável do ponto de vista de ser fácil de ser lembrado, como se possível, identificar o seu conteúdo ou o nome de sua empresa ou ramo de atuação. Se ainda não tem um domínio, a i7Web fornece o serviço de registro de domínios nacionais (terminados em .br) e internacionais (.com, .net e .org), bem como uma série de outras extensões.

O segundo passo é escolher um plano de hospedagem que mais se adapte as suas necessidades, onde o conteúdo do seu site será armazenado para que as pessoas possam acessá-lo, bem como outros serviços relacionados, como contas de e-mail.

Sim. A migração entre quaisquer de nossos planos de hospedagem é muito simples e é feita em poucos minutos. Nenhum procedimento técnico ou alteração precisa ser feita em seu site.

Se o seu site é institucional, um site novo ou recentemente criado, com poucos recursos ou poucas páginas, ou ainda com baixa visitação, o plano de hospedagem mais indicado é o plano Básico.

Sites intermediários, que têm suas estatísticas de visitação em crescimento, cujo conteúdo está em constante evolução e que envolvem alguns recursos de programação ou mesmo alguns sistemas simples, recomenda-se a adoção do plano Plus.

Grandes sites institucionais, portais ou sites de conteúdo dinâmico, com sistemas mais sofisticados, bancos de dados, lojas virtuais, várias contas de e-mail, exigem planos de hospedagem mais robustos em termos de tráfego de dados, espaço para armazenamento e número de contas de e-mail. Nestes caso, indicamos o Ilimitado.

Sim, estas ferramentas assim, como uma série de outros editores WYSIWYG (What You See Is What You Get) ou editores visuais que produzem sites são suportados e compatíveis com nossos servidores.

Você também pode hospedar arquivos em html, php, xml, perl, css, cgi, Javascript, wml, swf, gif, jpg, png, etc.

Assim que você concluir o pedido de hospedagem em nosso site, você recebe no mesmo momento, uma mensagem nos endereços de e-mail que informou no cadastro. Entre as informações contidas nesta mensagem, estão os detalhes de pagamento de acordo com a forma escolhida.

O pagamento dos serviços por meio de boleto, é confirmado pela instituição financeira no primeiro dia útil após o pagamento do mesmo, desde que o pagamento tenha sido efetuado em dia útil. Se o pagamento for efetuado aos fins de semana ou feriado, é como se o pagamento tivesse ocorrido no primeiro dia útil seguinte ao mesmo e assim, a confirmação por parte do banco ocorrerá apenas no segundo dia útil.

Se o pagamento for realizado por cartão de crédito, a confirmação é feita automaticamente e o pedido ativo em até 5 minutos caso não ocorra nenhum erro de processamento.

Assim que a i7Web receber a confirmação do seu pagamento, o seu serviço é habilitado em um de nossos servidores e todas as informações necessárias para a sua utilização, são enviadas para os endereços de e-mails que foram cadastrados em nosso sistema por ocasião da contratação.

Se optou por pagamento com boleto bancário e tiver urgência ou necessidade de ativação imediata, você pode enviar o comprovante de pagamento para o nosso departamento de cobrança (financeiro@i7web.com.br), que a sua conta é ativada em apenas 5 minutos durante o horário comercial.

Não. A criação ou correção do código / programação contida no seu site, não é suportada por nossa equipe e deve ser analisada pelo seu desenvolvedor ou a empresa responsável pelo desenvolvimento.

Após a confirmação de pagamento, a conta de hospedagem é ativada no máximo em 5 minutos, desde que a confirmação ocorra dentro do horário comercial. Assim que sua conta é ativada, todas as configurações são enviadas para o seu endereço de e-mail.

Para pagamento por boleto bancário e que não seja confirmado antecipadamente, o prazo máximo é 48 horas.

Atualmente oferecemos uma série de ferramentas muito úteis na criação e manutenção do seu site. Se ainda não tem um site e não tem conhecimentos sobre o assunto, mas quer uma ferramenta para criação e atualização de um, o nosso Construtor de Sites é a ferramenta indicada. Com apenas 3 passos e a partir de mais de 190 modelos, você pode criar um site com uma apresentação final profissional, em poucas horas.

Por outro lado se já conta com alguns conhecimentos ou está disposto a investir no desenvolvimento por meio de ferramentas mais poderosas e versáteis, oferecemos uma série de scripts para instalação de CMSs (Content Management Systems) ou Sistemas de Gerenciamento de Conteúdo, como WordPress, Joomla, OpenCart, etc. São ao todo mais de 100 sistemas para as mais diversas finalidades.

Sim. Realmente é possível hospedar inúmeros domínios nos planos que lhe oferecem este recurso. Entretanto, é importante salientar que para você usufruir deste benefício, todos os domínios hospedados pertençam ao titular da conta e sejam administrados por ele. Não é permitido hospedar domínios de outras pessoas físicas, jurídicas ou praticar revenda.

O Construtor de Sites é um sistema que permite a criação e manutenção do seu site por meio de 3 passos. Em cada um dos passos, você realiza uma operação sobre o conteúdo, como por exemplo, escolher o layout (entre mais de 190), editar o conteúdo, incluir ou remover páginas, etc. A cada passo cumprido, você tem a opção de salvar as alterações ou abandoná-las. Somente depois de sua verificação, o site pode ser publicado para que as alterações tenham efeito.

Não. A opção por formas de pagamento anual, bienal ou trienal, implicam no pagamento do período contratado em parcela única feita no momento da contratação. A vantagem de se contratar periodicidades maiores e se pagar em uma única vez, é que você recebe descontos progressivos que aumentam na medida em que contrata períodos cada vez maiores.

O suporte oferecido por nossa equipe, consiste em fazer com que a ferramenta funcione correta e completamente. Não é oferecido suporte para esclarecimento de dúvidas quanto ao seu funcionamento ou uso.

×