*:focus, button:focus, input:focus, *, input, button, *:active, input:active, button:active, .bootstrap-select .btn:focus, option {
outline: none !important;
outline: 0px !important;
} .banner-section {
background: #000;
height: 1500px;
font-size: 14px;
} .header-section {
font-family: 'Roboto', sans-serif;
background-color: #323335;
padding-top: 5px;
} .header-section img {
max-width: 100%;
} .header-section .container {
max-width: 1200px;
width: auto;
}
.menu-shadow {
-webkit-box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.07);
box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.07);
}
.header-section ul li.mega-menu .megamenu-bg {
background: #fff url(//www.agbgroup.eu/wp-content/themes/pexr/images/megamenu-bg.jpg) no-repeat right top;
}
.header-section ul li .megamenu-bg ul {
background: none;
}  .header-section .logo {
display: inline-block;
margin-top: 18px;
}
.header-section .logo.top-mar-1 {
margin-top: 22px;
}
.header-section .logo.style-2 {
margin-top: 18px;
}
.header-section .logo.mar-1 {
margin-top: 10px;
}
.header-section .logo.mar-2 {
margin-top: 15px;
}
.header-section .logo.mar-3 {
margin-top: 18px;
}
.header-section .logo.mar-4 {
margin-top: 23px;
}
.header-section .logo.mar-5 {
margin-top: 25px;
}
.header-section .logo.mar-6 {
margin-top: 27px;
}
.header-section .logo.mar-7 {
margin-top: 30px;
}
.header-section .logo.im-mar {
margin-top: 18px;
margin-bottom:20px;
} .header-section .row {
position: static;
} .header-section .row > * {
position: static;
} .header-section .mod-menu {
position: relative;
z-index: 999;
} .header-section ul {
list-style: none;
padding: 0px;
margin: 0 0 0 0px;
}
.header-section ul.no-left-mar {
margin: 0 0 0 0;
} .header-section ul li {
text-transform: uppercase;
position: relative;
} .header-section ul li a {
color: #fff;
font-weight: 500;
background: none !important;
padding: 30px 15px;
text-decoration: none !important;
}
.header-section ul li a.icon-center {
text-align:center;
}
.header-section ul li a.m-link {
color: #fff;
}
.header-section.style3 ul li a {
color: #fff;
background: none !important;
padding: 30px 15px;
text-decoration: none !important;
}
.header-section.white ul li a {
color: #101010;
}
.header-section.dark-dropdowns ul li a {
color: #727272;
}
.header-section.dark-dropdowns.mlinks-dark ul li a {
color: #101010;
} .header-section ul li.active > a {
color: #f3b60f;
} .header-section ul li .number {
font-size: 0.71429em;
background: #f3b60f;
width: 17px;
height: 17px;
line-height: 17px;
text-align: center;
color: #fff;
position: absolute;
right: -4px;
top: 19px;
border-radius: 100%;
}
.header-section ul li .number.mar2 {
top: 37px;
} .header-section ul li ul {
position: absolute;
top: 100%;
left: -20%;
margin-left: -115px;
background: #fff;
width: 230px;
-webkit-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);
box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);
-webkit-transition: all .2s;
transition: all .2s;
}
.header-section ul li ul li ul {
-webkit-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.07);
box-shadow: none;
} .header-section ul li ul li {
border-bottom: 1px solid #e6e6e6;
overflow: hidden;
}
.header-section.style3 ul li ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
overflow: hidden;
}
.header-section.style1 ul li ul li {
border-bottom: 1px solid #f0f0f0;
} .header-section ul li ul li a {
color: #323335;
padding: 12px 23px;
display: block;
text-transform: none;
}
.header-section.style1 ul li ul li a {
padding: 12px 23px;
}
.header-section.style1 ul li ul li ul li a {
font-weight: 400;
}
.header-section.style1 ul li.align-left ul li a {
text-align:left;
}
.header-section.style4 ul li.align-left ul li a {
text-align:left;
}
.header-section.style4 ul li ul li a {
padding: 12px 23px;
}
.header-section ul li ul li a:hover {
margin-left:5px;
} .header-section ul li ul li ul {
left: 100%;
right: auto;
top: 0px;
margin-left: 0px;
width: 0px;
overflow: hidden;
display: block;
}
.header-section ul li ul.dm-align-2 {
left: 120px;
} .header-section ul li ul li ul li {
width: 230px;
} .header-section ul li.right ul li ul {
left: auto;
right: 100%;
} .header-section ul li.mega-menu {
position: static;
} .header-section ul li.mega-menu > ul {
width: 100%;
left: 0px;
float: none;
margin-left: 0px;
max-height: 0px;
display: block;
overflow: hidden;
-webkit-transition: all .2s;
transition: all .2s;
-webkit-transition-delay: .2s;
transition-delay: .2s;
} .header-section ul li.mega-menu > ul > li {
padding: 20px 0px 30px 0px ;
float: left;
border: none;
width: 25%;
}
.header-section ul li.mega-menu.align-left > ul > li {
text-align:left;
}
.header-section ul li.mega-menu.five-col > ul > li {
padding: 20px 0px 30px 0px ;
float: left;
border: none;
width: 20%;
}
.header-section ul li.mega-menu.six-col > ul > li {
padding: 30px 0;
float: left;
border: none;
width: 16%;
} .header-section ul li.mega-menu > ul > li > a {
text-transform: uppercase;
padding-bottom: 10px;
font-weight: 600;
} .header-section ul li.mega-menu > ul > li ul {
width: 100%;
position: relative;
right: auto;
top: auto;
left: auto;
} .header-section ul li.mega-menu > ul > li ul li {
border: none;
} .header-section ul li.mega-menu > ul > li ul li a {
padding-top: 8px;
padding-bottom: 8px;
}
.header-section ul li.mega-menu > ul > li ul li a:hover {
color:#f3b60f;
margin-left:3px;
transition: all 0.2s ease-out 0s;
}
.header-section.primary-dropdowns ul li.mega-menu > ul > li ul li a:hover {
color:#101010;
margin-left:8px;
transition: all 0.2s ease-out 0s;
} .header-section ul li.search-parent {
position: static;
} .header-section ul li.search-parent .search-box {
background: #fff;
-webkit-transition: all .4s;
transition: all .4s;
-webkit-transition-delay: .3s;
transition-delay: .3s;
position: absolute;
top: 100%;
left: 0px;
width: 100%;
max-height: 0px;
overflow: hidden;
} .header-section ul li.search-parent .search-box .content {
padding: 16px 70px 16px 16px;
} .header-section ul li.search-parent .search-box .form-control {
height: auto;
border: 1px solid #e6e6e6;
border-radius: 0px;
box-shadow: none;
padding-right: 45px;
padding-bottom: 10px;
padding-top: 10px;
} .header-section ul li.search-parent .search-box .form-control input {
background: none;
border: none;
width: 100%;
font-size: 1.42857em;
color: #727272;
} .header-section ul li.search-parent .search-box .form-control .search-btn {
font-size: 1.42857em;
position: absolute;
right: 72px;
top: 11px;
color: #070607;
}
.header-section.dark-dropdowns ul li.search-parent .search-box .form-control .search-btn {
color: #fff;
}
.header-section ul li.search-parent .search-box .form-control .search-btn.mar-1 {
top: -11px;
}
.header-section ul li.search-parent .search-box .form-control .search-btn.mar-2 {
top: -6px;
} .header-section ul li.search-parent .search-box .close-btn {
position: absolute;
top: 6px;
right: 20px;
color: #070607;
font-size: 1.85714em;
opacity: .5;
}
.header-section ul li.search-parent .search-box .close-btn.mar-1 {
top: -8px;
} .header-section ul li.cart-parent .cart-box {
background: #fff;
width: 320px;
position: absolute;
top: 100%;
right: -47%;
-webkit-transition: all .2s;
transition: all .2s;
-webkit-transition-delay: .2s;
transition-delay: .2s;
max-height: 0px;
overflow: hidden;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
} .header-section ul li.cart-parent .cart-box .content {
padding: 20px;
} .header-section ul li.cart-parent .cart-box span {
color: #f3b60f;
} .header-section ul li.cart-parent .cart-box ul {
display: block;
position: relative;
left: 0px;
margin: 0px;
width: 100%;
border-top: 1px solid #ededed;
margin-top: 16px;
max-height: none !important;
opacity: 1 !important;
} .header-section ul li.cart-parent .cart-box ul li {
position: relative;
padding: 20px 20px 20px 100px;
min-height: 110px;
font-size: 1em;
} .header-section ul li.cart-parent .cart-box ul li .close-btn {
position: absolute;
top: 50%;
margin-top: -15px;
padding: 0px;
right: 10px;
font-size: 1em;
color: #070707;
opacity: .4;
font-weight: 300;
} .header-section ul li.cart-parent .cart-box ul li span {
display: block;
font-size: 1em;
padding-top: 10px;
} .header-section ul li.cart-parent .cart-box ul li img {
position: absolute;
top: 10px;
left: 0px;
} .header-section ul li.cart-parent .cart-box .row {
margin-left: -5px;
margin-right: -5px;
} .header-section ul li.cart-parent .cart-box .row > * {
padding-left: 5px;
padding-right: 5px;
} .header-section ul li.cart-parent .cart-box .btn {
margin-top: 16px;
border-radius: 0px;
background: #070607 !important;
padding: 10px;
color: #a1a1a1;
font-size: 12px;
border: none;
} .header-section ul li.cart-parent .cart-box .btn.btn-primary {
background: #f3b60f !important;
color: #fff;
} .header-section #menu {
float: right;
} .header-section .main-nav .nav {
float: none;
}
.header-section .main-nav.border {
border-bottom:1px solid #f1f1f1;
border-top:1px solid #f1f1f1;
} .header-section .main-nav .nav.top-nav {
float: right;
} .header-section .main-nav .nav.top-nav > li {
float: left;
} .header-section.style1 {
position:relative;
background-color:transparent;
border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.header-section.style4 {
position:relative;
background-color:transparent;
}
.header-section.style1.noborder {
border-bottom:none;
}
.header-section.style1 .container.cs-boder {
border-top:1px solid #1f1f1f;
border-bottom:1px solid #1f1f1f;
}
.header-section.style1 ul li a {
padding: 30px 10px;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.5px;
}
.header-section.style1 ul li a.dark {
color:#101010;
}
.header-section.style1 ul li a.padd-more {
padding: 25px 20px;
border-right:1px solid #f0f0f0;
}
.header-section.style1 ul li.search-parent .search-box .close-btn.mar-1 {
top:-4px;
}
.header-section.style1 ul li.search-parent .search-box .form-control .search-btn.mar-1 {
top: 5px;
}
.btn-top-1 {
position: relative;
color:#fff;
float:left;
left: 160px;
top: -25px;
margin-top: 17px;
padding: 10px 35px;
border-radius:30px;
z-index:5;
background-color:#f3b60f;
transition: all 0.3s ease-out 0s;
}
.btn-top-1:hover {
color:#fff;
background-color:#101010;
}
.btn-top-2 {
position: relative;
color:#fff;
float:right;
right:0px;
top: -25px;
margin-top: 17px;
padding: 10px 35px;
border-radius:30px;
z-index:5;
background-color:#f3b60f;
transition: all 0.3s ease-out 0s;
}
.btn-top-2:hover {
color:#fff;
background-color:#101010;
} .header-section.dark-dropdowns.style1 ul li ul li a {
color: #727272;
}
.header-section.dark-dropdowns.style1 ul li.mega-menu > ul > li ul li a:hover {
color: #f3b60f;
}
.header-section.style2 {
height: 80px;
}
.header-section.style2 ul li a {
padding: 30px 12px;
}
.header-section.style2 ul li ul li a {
padding: 12px 23px;
}
.header-section.style2 ul li ul li {
border-bottom: 1px solid #f1f1f1;
}
.header-section.style2.white-bg{
background-color:#fff;
}
.header-section.style2.boder-b{
border-bottom: 1px solid #f1f1f1;
}
.header-section.style2 ul li a {
color: #272727;
}
.header-section.dark-dropdowns.style2 ul li.mega-menu > ul > li ul li a {
color: #fff;
}
.header-section.dark-dropdowns.style2 ul li ul li a {
color: #fff;
}
.header-section.dark-dropdowns.style2 ul li.mega-menu > ul > li ul li a:hover {
color: #f3b60f;
}
.header-section.dark-dropdowns.style2 ul li.mega-menu > ul > li ul li.active a {
color: #f3b60f;
}
.header-section.dark-dropdowns.style2 ul li:hover > a, .header-section.dark-dropdowns.style2 ul li.active > a {
color: #f3b60f;
}
.header-section.dark-dropdowns.style2 ul li ul li a {
color: #fff;
}
.header-section.dark-dropdowns.style2 ul li:hover > a {
color: #f3b60f;
}
.header-section.dark-dropdowns.style2 ul li.active > a .active-strip {
background-color:#f3b60f;
}
.active-strip {
width:100%;
height:3px;
float:left;
margin-top:8px;
background-color: transparent;
}  .header-section.style3 {
background: #fff;
} .header-section.style4 ul li a {
color: #fff;
background: none !important;
padding: 32px 15px;
text-decoration: none !important;
}
.header-section.style4.less-padd ul li a {
padding: 30px 15px;
}
.header-section.white {
background-color: #fff;
}
.header-section.light {
background-color: #f5f5f5;
}  .header-section.dark-dropdowns.style4 ul li ul li a {
color: #727272;
}
.header-section.dark-dropdowns.style4 ul li ul {
background-color:#101010;
}
.header-section.dark-dropdowns.style4 ul li.mega-menu > ul > li ul li a:hover {
color:#f3b60f;
}
.header-section.style4 ul li.mega-menu > ul > li ul li a:hover {
color:#101010;
margin-left:8px;
transition: all 0.2s ease-out 0s;
}
.header-section.dark-dropdowns.style4 ul li.search-parent .search-box .form-control .search-btn {
color: #fff;
}
.header-section.dark-dropdowns.style4 ul li.search-parent .search-box .close-btn {
color: #727272;
}
.header-section.dark-dropdowns.style4 ul li.search-parent .search-box .form-control {
background-color:#101010;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.header-section.dark-dropdowns.style4 ul li.cart-parent .cart-box ul {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header-section.dark-dropdowns.style4 ul li.cart-parent .cart-box ul li .close-btn {
color: #727272;
} .header-section.dark-dropdowns ul li.search-parent .search-box {
background: #101010;
-webkit-transition: all .4s;
transition: all .4s;
-webkit-transition-delay: .3s;
transition-delay: .3s;
position: absolute;
top: 100%;
left: 0px;
width: 100%;
max-height: 0px;
overflow: hidden;
}
.header-section.dark-dropdowns ul li.search-parent .search-box {
background: #101010;
-webkit-transition: all .4s;
transition: all .4s;
-webkit-transition-delay: .3s;
transition-delay: .3s;
position: absolute;
top: 100%;
left: 0px;
width: 100%;
max-height: 0px;
overflow: hidden;
}
.header-section.dark-dropdowns ul li.search-parent .search-box .close-btn {
color: #727272;
}
.header-section.dark-dropdowns ul li.cart-parent .cart-box {
background: #101010;
}
.header-section.dark-dropdowns.style4 ul li.cart-parent .cart-box {
background: #101010;
}
.header-section.dark-dropdowns ul li.cart-parent .cart-box ul li .close-btn {
color: #727272;
}
.header-section.dark-dropdowns ul li.search-parent .search-box .form-control {
background-color:#101010;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.header-section.dark-dropdowns ul li.cart-parent .cart-box ul {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header-section.dark-dropdowns ul li ul {
background-color:#101010;
}
@media only screen and (min-width: 1001px) { .header-section {
top: 0px;
left: 0px;
width: 100%;
z-index: 999;
padding-top:0px;
padding-bottom:0px;
} .header-section.absotule {
position: absolute;
}  .header-section.pin-style.pin-start {
position: fixed;
} .header-section.pin-style.pin {
background: rgba(43, 39, 38, 1);
-webkit-transition: all .5s;
transition: all .5s;
}
.header-section.white.pin-style.pin {
background:#fff;
} .header-section.pin-style.before {
-webkit-transition: all .6s;
transition: all .6s;
} .header-section.pin-style .mod-menu {
border: none !important;
} .header-section ul li:hover > a, .header-section ul li.active > a {
color: #6453f7;
}
.header-section ul li ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-section.white ul li ul li {
border-bottom: 1px solid #f1f1f1;
} .header-section ul li ul {
opacity: 0;
max-height: 0px;
overflow: hidden;
} .header-section ul li ul li ul {
max-height: none;
opacity: 1;
} .header-section ul li ul li:hover > ul {
width: 230px;
} .header-section ul li:hover > ul {
opacity: 1;
max-height: 2000px;
overflow: visible;
} .header-section ul li:hover > ul li {
overflow: visible;
} .header-section ul li:hover > ul li ul {
overflow: hidden;
opacity: 1;
} .header-section ul li.mega-menu > ul {
opacity: 0;
} .header-section ul li.mega-menu:hover > ul {
opacity: 1;
max-height: 2000px;
} .header-section ul li.search-parent {
position: static;
}
.header-section ul li.search-parent a.m-link {
color: #f3b60f;
}
.header-section ul li.cart-parent a.m-link {
color: #f3b60f;
} .header-section ul li.search-parent .search-box {
opacity: 0;
} .header-section ul li.search-parent.active .search-box {
opacity: 1;
max-height: 2000px;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .header-section ul li.cart-parent .cart-box {
opacity: 0;
} .header-section ul li.cart-parent.active .cart-box {
opacity: 1;
max-height: 2000px;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .header-section ul li.cart-parent .cart-box .btn:hover {
opacity: .8;
} .header-section.pin-style.pin.style1 {
-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
}
.header-section.pin-style.pin.style1.no-shadow {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}  
.header-section.style1.links-dark ul li a {
color: #272727;
}
.header-section.style1.links-dark ul li a:hover,
.header-section.style1.links-dark ul li a.active {
color: #6453f7;
}
.header-section.style1.green.links-dark ul li a:hover,
.header-section.style1.green.links-dark ul li a.active {
color: #87D37C !important;
}
.header-section.dark-dropdowns.style1 ul li:hover > a, .header-section.dark-dropdowns.style1 ul li.active > a {
color: #f3b60f;
}  .header-section.style2 .col-sm-2 {
float: right;
text-align: right;
} .header-section.style2 .col-sm-10 {
float: left;
text-align: left;
width: auto;
} .header-section.style2 .logo {
display: block;
}
.header-section.style2 ul li ul li a span.sub-arrow {
float:right;
font-size:14px;
color:#fff;
}
.header-section.style2 ul li ul li a span.sub-arrow.dark {
color:#101010;
}
.header-section.style2.pin-style.pin {
background:#fff;
-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
}
.header-section.dark-dropdowns.style2 ul li ul li a span.sub-arrow.dark {
color: #727272;
}  .header-section.style3 {
padding-top:0px;
background: #fff;
border: none;
}
.header-section.style3 .container {
border-top:1px solid #f1f1f1;
border-bottom:none;
margin-bottom:35px;
} .header-section.style3.pin {
background: #fff;
-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
} .header-section.style3 .logo {
position: absolute;
left: 47%;
margin-left: -65px;
top: -50px;
margin-top: 0px;
} .header-section.style3 ul li.search-parent .search-box {
background: #101010;
} .header-section.style3 ul li.search-parent .search-box .form-control {
background: #282828;
border: none;
} .header-section.style3 ul li.search-parent .search-box .form-control .search-btn {
color: #fff;
} .header-section.style3 ul li.search-parent .search-box .close-btn {
color: #fff;
} .header-section.style3 ul li.cart-parent .cart-box {
background: #070607;
color: #fff;
} .header-section.style3 ul li.cart-parent .cart-box ul {
border-top: 1px solid #070607;
background: none;
} .header-section.style3 ul li.cart-parent .cart-box ul li {
color: #fff;
} .header-section.style3 ul li.cart-parent .cart-box ul li .close-btn {
color: #fff;
} .header-section.style3 .mod-menu {
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
} .header-section.style3 ul li a {
color: #101010;
} .header-section.style3 .col-sm-10 {
width: 100%;
float: none;
} .header-section.style3 .col-sm-2 {
float: none;
} .header-section.style3 #menu {
float: left;
width: 90%;
} .header-section.style3 #menu ul:first-child {
float: left;
} .header-section.style3 #menu ul:last-child {
float: right;
} .header-section.style3 #menu ul li ul {
background: #101010;
float: none !important;
} .header-section.style3 #menu ul li ul li {
border-color: #282828;
} .header-section.style3 #menu ul li ul li a {
color: #727272;
padding:12px 23px;
} .header-section.style3 #menu ul li ul li:hover > a, .header-section.style3 #menu ul li ul li.active > a {
color: #f3b60f;
}
.header-section.style3 #menu ul li ul li:hover a span.sub-arrow, header-section.style3 #menu ul li ul li.active a span.sub-arrow {
color: #f3b60f;
} .header-section.style3 #menu ul li.mega-menu li ul li a {
color: #727272;
} .header-section.style3 #menu ul li.mega-menu li ul li:hover a, .header-section.style3 #menu ul li.mega-menu li ul li.active a {
color: #f3b60f;
}
.header-section.style3 ul li ul li a span.sub-arrow {
float:right;
font-size:14px;
color:#fff;
} .header-section.pin-style.pin.style3 {
padding: 0px;
} .header-section.pin-style.pin.style3 .logo {
top: 0px;
}  .header-section.pin-style.style4 {
border: none;
margin-top: 50px;
} .header-section.pin-style.style4 {
border: none;
margin-top: 50px;
} .header-section.pin-style.style4.no-mar {
margin-top:0px;
}
.header-section.pin-style.style4.fn-mar {
margin-top: 15px;
}
.header-section.pin-style.style4.top-mar-1 {
margin-top: -50px;
} .header-section.pin-style.pin.style4 {
padding-top: 0px;
background: #fff;
margin-top:0px;
-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.1);
-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.1);
box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.1);
} .header-section.pin-style.pin.style4 .mod-menu {
background: none;
} .header-section.style4 {
background: none;
padding-top:0px;
} .header-section.style4.pin {
background: rgba(0, 0, 0, 0.5);
} .header-section.style4 .mod-menu {
background: #fff;
padding-left: 20px;
padding-right: 20px;
} .header-section.style4.no-bg .mod-menu {
background: none;
padding-left: 20px;
padding-right: 20px;
}
.header-section.style4 .mod-menu.pad-more {
padding-left: 30px;
padding-right: 30px;
} .header-section.style4 ul li a {
color: #101010;
padding: 32px 10px;
} .header-section.style4 ul li ul {
background: #d91e18;
} .header-section.style4 ul li ul li {
border-color: rgba(255, 255, 255, 0.2);
}
.header-section.style4 ul li ul li a {
color: #fff;
}
.header-section.style4 ul li ul li a span.sub-arrow {
float:right;
font-size:14px;
color:#fff;
}
.header-section.style4 ul li ul li a:hover {
color: #101010;
margin-left: 8px;
}
.header-section.style4 ul li ul li:hover > a, .header-section.style4 ul li ul li.active > a {
color: #101010;
} .header-section.style4 ul li.search-parent .search-box {
background: #f3b60f;
} .header-section.style4 ul li.search-parent .search-box .form-control {
background: #f3b60f;
border: 1px solid #f0be64;
} .header-section.style4 ul li.search-parent .search-box .form-control input {
color: #fff;
} .header-section.style4 ul li.search-parent .search-box .form-control .search-btn {
color: #fff;
} .header-section.style4 ul li.search-parent .search-box .close-btn {
color: #fff;
} .header-section.style4 ul li.cart-parent .cart-box {
background: #f3b60f;
color: #fff;
} .header-section.style4 ul li.cart-parent .cart-box span {
color: #fff;
} .header-section.style4 ul li.cart-parent .cart-box ul {
border-top: 1px solid #f0be64;
background: none;
} .header-section.style4 ul li.cart-parent .cart-box ul li {
color: #fff;
} .header-section.style4 ul li.cart-parent .cart-box ul li .close-btn {
color: #fff;
} .header-section.style4 ul li.cart-parent .cart-box .btn.btn-primary {
background: #fff !important;
color: #070607;
} .header-section.style5 {
height:100px;
}
.header-section.style5.dark #menu ul li ul li:hover > a, .header-section.style5.dark #menu ul li ul li.active > a {
color: #f3b60f;
}
.header-section.style5.dark #menu ul li ul li a {
color: #727272;
}
.header-section.style5.dark #menu ul li ul {
background: #101010;
float: none !important;
}
.header-section.style5 {
background: #fff;
}
.header-section.style5 .container {
border-top: 1px solid #f1f1f1;
border-bottom: 2px solid #101010;
margin-bottom: 35px;
}
.header-section.style5 .container.no-border {
border-top: 1px solid #f1f1f1;
border-bottom: none;
margin-bottom: 35px;
}
.header-section.style5 ul li a {
color: #101010;
background: none !important;
padding: 35px 15px;
text-decoration: none !important;
}
.header-section.style5.dark ul li ul li a {
padding: 12px 23px;
}
.header-section.style5.pin-style.pin {
background: #fff;
-webkit-transition: all .6s;
transition: all .6s;
} .header-section.primary-dropdowns ul li ul {
background: #f3b60f;
} .header-section.primary-dropdowns ul li ul li a {
color: #fff;
}
.header-section.primary-dropdowns ul li ul li a:hover {
color: #101010;
margin-left: 8px;
}
.header-section.primary-dropdowns ul li:hover > a, .header-section.dark-dropdowns ul li.active > a {
color: #f3b60f;
}
.header-section.primary-dropdowns.style4 ul li:hover > a, .header-section.dark-dropdowns.style4 ul li.active > a {
color: #f3b60f;
}
.header-section.primary-dropdowns ul li ul li a:hover {
color: #101010;
margin-left: 8px;
}
.header-section.primary-dropdowns ul li.cart-parent .cart-box {
background: #f3b60f;
}
.header-section.primary-dropdowns.mcol-title ul li.mega-menu > ul > li a {
color: #fff;
}
.header-section.primary-dropdowns.mcol-title ul li ul li:hover a{
color: #fff !important;
} .header-section.act-style-1 ul li.active > a {
color: #fff !important;
background-color:#f3b60f !important;
} .header-section.dark-dropdowns ul li:hover > a, .header-section.dark-dropdowns ul li.active > a {
color: #f3b60f;
}
.header-section.dark-dropdowns ul li.mega-menu ul li {
border-bottom: none;
}
.header-section.dark-dropdowns ul li ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-section.dark-dropdowns.style4 ul li:hover > a, .header-section.dark-dropdowns.style4 ul li.active > a {
color: #f3b60f;
}
.header-section.dark-dropdowns.style4 #menu ul li ul li:hover a span.sub-arrow, header-section.dark-dropdowns.style4 #menu ul li ul li.active a span.sub-arrow {
color: #f3b60f;
}
.header-section.dark-dropdowns.style4 ul li.search-parent .search-box {
background: #101010;
}  
.header-section.primary-dropdowns.style4 ul li ul li a:hover {
color: #fff;
}  .header-section .mod-menu.center-style {
text-align: center;
} .header-section .mod-menu.center-style .main-nav > ul > li {
float: none;
display: inline-block;
vertical-align: top;
} .header-section .mod-menu.center-style .main-nav .nav.top-nav {
display: inline-block;
float: none;
vertical-align: top;
} .header-section .mod-menu.center-style #menu {
float: none;
display: inline-block;
}     }
@media only screen and (max-width: 1000px) { .header-section ul li.cart-parent .cart-box {
-webkit-transition: all 0s;
transition: all 0s;
} .header-section ul li.menu-icon {
font-size: 1.71429em;
padding: 19px 0 0 30px;
} .header-section ul li.menu-icon a {
margin: 0px;
border: none;
padding: 10px;
} .header-section {
padding-bottom: 20px;
border: none;
left: 0px;
top: 0px;
width: 100%;
z-index: 999;
} .header-section.pin-start {
position: absolute;
} .header-section.off {
position: fixed;
} .header-section .logo {
position: relative;
z-index: 9999;
} .header-section .main-nav .nav {
float: none;
} .header-section .main-nav .nav.top-nav {
position: absolute;
right: 0px;
top: 0px;
width: 100%;
z-index: 2;
text-align: right;
} .header-section .main-nav .nav.top-nav li {
display: inline-block !important;
vertical-align: top;
float: none;
} .header-section .logo {
padding-left: 10px;
} .header-section #menu {
float: none;
border: none;
box-shadow: none;
margin: 0 -15px;
padding: 35px 0 0;
z-index: 99;
} .header-section #menu > ul {
background: #fff;
margin: 0px;
} .header-section #menu > ul li {
position: relative;
border-bottom: 1px solid #ececec;
} .header-section #menu > ul li a {
color: #323335;
padding: 15px 25px;
text-transform: none;
} .header-section #menu > ul li .arrow {
width: 40px;
height: 40px;
position: absolute;
top: 5px;
right: 25px;
cursor: pointer;
z-index: 999;
} .header-section #menu > ul li .arrow:before {
content: "";
background: #323335;
position: absolute;
top: 17px;
left: 11px;
width: 15px;
height: 3px;
} .header-section #menu > ul li .arrow:after {
content: "";
background: #323335;
position: absolute;
top: 10px;
left: 17px;
height: 15px;
width: 3px;
} .header-section #menu > ul li .arrow-first {
width: 40px;
height: 40px;
position: absolute;
top: 5px;
right: 25px;
cursor: pointer;
z-index: 999;
} .header-section #menu > ul li .arrow-first:before {
content: "";
background: #323335;
position: absolute;
top: 17px;
left: 11px;
width: 15px;
height: 3px;
} .header-section #menu > ul li .arrow-first:after {
content: "";
background: #323335;
position: absolute;
top: 10px;
left: 17px;
height: 15px;
width: 3px;
} .header-section #menu > ul li .arrow-second {
width: 40px;
height: 40px;
position: absolute;
top: 5px;
right: 25px;
cursor: pointer;
z-index: 999;
} .header-section #menu > ul li .arrow-second:before {
content: "";
background: #323335;
position: absolute;
top: 17px;
left: 11px;
width: 15px;
height: 3px;
} .header-section #menu > ul li .arrow-second:after {
content: "";
background: #323335;
position: absolute;
top: 10px;
left: 17px;
height: 15px;
width: 3px;
} .header-section #menu > ul li.hover > a, .header-section #menu > ul li.active > a {
color: #f3b60f;
} .header-section #menu > ul li.hover > .arrow:after {
display: none;
}  
.header-section #menu > ul li.hover > .arrow-first:after {
display: none;
}  
.header-section #menu > ul li.hover > .arrow-second:after {
display: none;
} .header-section #menu > ul li.hover > ul {
display: block;
} .header-section #menu > ul li ul {
display: none;
max-height: none;
position: relative;
width: 100%;
left: auto;
margin: 0px;
top: auto;
border-top: 1px solid #ececec;
} .header-section #menu > ul li ul li {
float: none;
width: 100%;
padding: 0px;
border: none;
} .header-section #menu > ul li ul li a {
text-transform: none;
font-weight: 400;
padding-left: 45px;
} .header-section #menu > ul li ul li ul {
right: 0px;
} .header-section #menu > ul li ul li ul li a {
padding-left: 65px;
} .header-section ul li.search-parent.active > a {
color: #f3b60f;
} .header-section ul li.search-parent.active .search-box {
max-height: none;
} .header-section ul li.cart-parent {
position: static;
} .header-section ul li.cart-parent.active > a {
color: #f3b60f;
} .header-section ul li.cart-parent.active .cart-box {
width: 100%;
max-height: 2000px;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .header-section ul li.cart-parent.active .cart-box ul li {
display: block !important;
text-align: left;
} .header-section ul li.cart-parent.active .cart-box .col-xs-8 {
text-align: left;
}  .header-section.style3 {
padding-bottom: 0px;
} .header-section.style3 .logo {
margin-top: 5px;
} .header-section.style3 .main-nav .nav.top-nav {
top: 32px;
} .header-section.style3 ul li a {
color: #000;
} .header-section.style3 .main-nav {
padding-top: 10px;
} .header-section.style3 #menu {
background: #101010;
} .header-section.style3 #menu ul {
background: none;
} .header-section.style3 #menu ul li {
border-color: #262626;
} .header-section.style3 #menu ul li a {
color: #ffffff;
} .header-section.style3 #menu ul li .arrow:before, .header-section.style3 #menu ul li .arrow:after {
background: #fff;
}
.header-section.style3 #menu ul li .arrow-first:before, .header-section.style3 #menu ul li .arrow-first:after {
background: #fff;
}
.header-section.style3 #menu ul li .arrow-second:before, .header-section.style3 #menu ul li .arrow-second:after {
background: #fff;
} .header-section.style3 #menu ul li.active > a, .header-section.style3 #menu ul li.hover > a {
color: #f3b60f;
} .header-section.style3 #menu ul li ul {
border-color: #262626;
} .header-section.style3 #menu ul li ul li a {
color: #727272;
}  .header-section.style4 {
background: #fff;
padding-bottom: 0px;
} .header-section.style4 .logo {
margin-bottom: 20px;
} .header-section.style4 ul li a {
color: #050505;
} .header-section.style4 #menu {
padding-top: 0px;
padding-bottom: 0px;
} .header-section.style4 #menu ul {
background: #d91e18;
} .header-section.style4 #menu ul li {
border-color: #e6635f;
} .header-section.style4 #menu ul li a {
color: #fff;
} .header-section.style4 #menu ul li .arrow:before, .header-section.style4 #menu ul li .arrow:after {
background: #fff;
}
.header-section.style4 #menu ul li .arrow-first:before, .header-section.style4 #menu ul li .arrow-first:after {
background: #fff;
}
.header-section.style4 #menu ul li .arrow-second:before, .header-section.style4 #menu ul li .arrow-second:after {
background: #fff;
} .header-section.style4 #menu ul li ul {
border-color: #f0be64;
} .header-section.style4 #menu ul li ul li {
border-color: #f0be64;
}
.header-section.dark-dropdowns.style4 #menu ul {
background: #101010;
} .header-section.style5 #menu > ul {
background: #fff;
margin:78px 0 0 0;
}
.header-section #menu > ul li i {
display: none;
}
}
@media only screen and (max-width: 360px) { .header-section .logo {
width: 85px;
} .header-section .main-nav .nav.top-nav {
top: -7px;
} .header-section ul li.menu-icon {
padding-left: 5px;
} .header-section.style3 .main-nav .nav.top-nav {
top: 7px;
}
}
@media only screen and (min-width: 1001px) { #menu {
display: block;
}
}
@media only screen and (max-width: 1000px) { .header-section .col-sm-10, .header-section .col-sm-2 {
width: auto;
float: none;
}
.header-section .col-sm-9{
width: 100%;
float: left;
} .nopadding {
position: static;
} .navbar-nav > li {
float: none;
}
.header-section ul li.cart-parent .cart-box {
right: 0%;
} .header-section.style1 {
background-color: #101010;
border-bottom: none;
}
.header-section.style1.white {
background-color: #fff;
}
.header-section.style1.light {
background-color: #f5f5f5;
}
.header-section.dark-dropdowns ul li ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
} .header-section.style4 ul li.search-parent .search-box {
top: 90px;
}
.header-section.style4 ul li.cart-parent .cart-box {
top: 90px;
}  
.header-section.style4 #menu > ul li.hover > a, .header-section.style4 #menu > ul li.active > a {
color: #101010;
} .header-section.style5 {
height:80px;
}
.header-section.style5 .col-sm-9 {
width: 100%;
} .header-section.dark-dropdowns #menu > ul {
background: #101010;
}
.header-section.dark-dropdowns #menu > ul li a {
color: #727272;
}
.header-section.dark-dropdowns #menu > ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-section.dark-dropdowns #menu > ul li .arrow::before {
background: #fff;
}
.header-section.dark-dropdowns #menu > ul li .arrow::after {
background: #fff;
}
.header-section.dark-dropdowns #menu > ul li .arrow-first::before {
background: #fff;
}
.header-section.dark-dropdowns #menu > ul li .arrow-first::after {
background: #fff;
}
.header-section.dark-dropdowns #menu > ul li .arrow-second::before {
background: #fff;
}
.header-section.dark-dropdowns #menu > ul li .arrow-second::after {
background: #fff;
}
.header-section.dark-dropdowns #menu > ul li.hover > a, .header-section.dark-dropdowns #menu > ul li.active > a {
color: #f3b60f;
}
.header-section.dark-dropdowns #menu > ul li ul {
border-top: 1px solid rgba(255, 255, 255, 0.1);
} .header-section.dark-dropdowns.style4 #menu > ul {
background: #101010;
}
.header-section.dark-dropdowns.style4 #menu > ul li a {
color: #727272;
}
.header-section.dark-dropdowns.style4 #menu > ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-section.dark-dropdowns.style4 #menu > ul li .arrow::before {
background: #fff;
}
.header-section.dark-dropdowns.style4 #menu > ul li .arrow::after {
background: #fff;
}
.header-section.dark-dropdowns.style4 #menu > ul li .arrow-first::before {
background: #fff;
}
.header-section.dark-dropdowns.style4 #menu > ul li .arrow-first::after {
background: #fff;
}
.header-section.dark-dropdowns.style4 #menu > ul li .arrow-second::before {
background: #fff;
}
.header-section.dark-dropdowns.style4 #menu > ul li .arrow-second::after {
background: #fff;
}
.header-section.dark-dropdowns.style4 #menu > ul li.hover > a, .header-section.dark-dropdowns.style4 #menu > ul li.active > a {
color: #f3b60f;
}
.header-section.dark-dropdowns.style4 #menu > ul li ul {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header-section.dark-dropdowns.style4 ul li.search-parent .search-box {
background: #101010;
} .header-section.primary-dropdowns #menu > ul {
background: #f3b60f;
}
.header-section.primary-dropdowns #menu > ul li a {
color: #fff;
}
.header-section.primary-dropdowns #menu > ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-section.primary-dropdowns #menu > ul li .arrow::before {
background: #fff;
}
.header-section.primary-dropdowns #menu > ul li .arrow::after {
background: #fff;
}
.header-section.primary-dropdowns #menu > ul li .arrow-first::before {
background: #fff;
}
.header-section.primary-dropdowns #menu > ul li .arrow-first::after {
background: #fff;
}
.header-section.primary-dropdowns #menu > ul li .arrow-second::before {
background: #fff;
}
.header-section.primary-dropdowns #menu > ul li .arrow-second::after {
background: #fff;
}
.header-section.primary-dropdowns #menu > ul li.hover > a, .header-section.primary-dropdowns #menu > ul li.active > a {
color: #101010;
}
.header-section.primary-dropdowns #menu > ul li ul {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header-section.primary-dropdowns ul li ul {
background: #f3b60f;
}
.header-section.dark-dropdowns.style2.active-style-1 ul li.active > a {
border-bottom:none;
}
.header-section.dark-dropdowns.style2 #menu {
padding: 70px 0 0;
}
.header-section ul li.search-parent a.m-link {
color: #f3b60f;
}
.header-section ul li.cart-parent a.m-link {
color: #f3b60f;
}
} @media screen and (max-width: 1024px) {
.btn-top-1 {
left: 36px;
}
} @media screen and (max-width: 768px) {
} @media screen and (max-width: 640px) {
.header-section.style5 #menu > ul {
background: #fff;
margin: 40px 0 0 0;
}
} @media screen and (max-width: 480px) {
.header-section.style5 #menu > ul {
background: #fff;
margin: 40px 0 0 0;
}
} @media screen and (max-width: 360px) {
.header-section.style4 ul li.search-parent .search-box {
top: 74px;
}
.header-section.style4 ul li.cart-parent .cart-box {
top:74px;
}
} .box-option .header-section {
background: none !important;
} .box-option .header-section .container {
background: #fff;
} .box-option .header-section.pin .container {
max-width: 1240px;
}
.logo-middle{
width:150px;
height:45px;
margin:30px auto;
}
.main-nav.center {
margin-right: 30%;
}
@media screen and (max-width: 1024px) {
.main-nav.center {
margin-right: 0%;
}
}