.wraper_header{
position:relative;
top:0;
z-index:999;
width:100%;
height:auto;
direction:initial;
} .wraper_header_top{
width:100%;
height:auto;
}
.wraper_header_top > .container{
padding-top:0;
padding-bottom:0;
}
.header_top{
}
.header_top_item{
}
.header_top_item > *:last-child{
margin-bottom:0 !important;
}
.header_top_item ul.contact{
display:inline-block;
vertical-align:top;
width:auto;
margin-top:4px;
}
.header_top_item ul.contact li{
position:relative;
display:inline-block;
vertical-align:top;
width:auto;
margin-left:10px;
margin-right:10px;
font-size:13px;
color:#fff;
line-height:25px;
}
.header_top_item ul.contact li:first-child{
margin-left:0;
}
.header_top_item ul.contact li:last-child{
margin-right:0;
}
.header_top_item ul.contact li:only-child{
margin-left:0;
margin-right:0;
}
.header_top_item ul.contact li:before{
margin-right:10px;
font-family:'FontAwesome';
}
.header_top_item ul.contact li.phone:before{
content:"\f095";
}
.header_top_item ul.contact li.email:before{
content:"\f003";
}
.header_top_item ul.contact li a{
color:inherit;
}
.header_top_item ul.social{
display:inline-block;
vertical-align:top;
width:auto;
font-size:0;
}
.header_top_item ul.social li{
display:inline-block;
vertical-align:top;
width:auto;
height:auto;
}
.header_top_item ul.social li a{
display:block;
width:35px;
height:35px;
border-left:1px rgba(255,255,255,0.1) solid;
text-align:center;
cursor:pointer;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.header_top_item ul.social li.google-plus:hover a{
background-color:#dd4b39;
}
.header_top_item ul.social li.facebook:hover a{
background-color:#3b5999;
}
.header_top_item ul.social li.twitter:hover a{
background-color:#55acee;
}
.header_top_item ul.social li.vimeo:hover a{
background-color:#1ab7ea;
}
.header_top_item ul.social li.youtube:hover a{
background-color:#cd201f;
}
.header_top_item ul.social li.flickr:hover a{
background-color:#ff0084;
}
.header_top_item ul.social li.linkedin:hover a{
background-color:#0077B5;
}
.header_top_item ul.social li.pinterest:hover a{
background-color:#bd081c;
}
.header_top_item ul.social li.xing:hover a{
background-color:#026466;
}
.header_top_item ul.social li.viadeo:hover a{
background-color:#f07355;
}
.header_top_item ul.social li.vkontakte:hover a{
background-color:#4c75a3;
}
.header_top_item ul.social li.tripadvisor:hover a{
background-color:#00af87;
}
.header_top_item ul.social li.tumblr:hover a{
background-color:#34465d;
}
.header_top_item ul.social li.behance:hover a{
background-color:#131418;
}
.header_top_item ul.social li.instagram:hover a{
background-color:#e4405f;
}
.header_top_item ul.social li.dribbble:hover a{
background-color:#ea4c89;
}
.header_top_item ul.social li.skype:hover a{
background-color:#00AFF0;
}
.header_top_item ul.social li a i{
font-size:13px;
color:#fff;
line-height:35px;
} .wraper_header_main{
width:100%;
height:auto;
}
body.admin-bar .wraper_header_main{
top:0;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
body.admin-bar .is-sticky .wraper_header_main{
top:32px !important;
}
.wraper_header_main > .container{
padding-top:0;
padding-bottom:0;
}
.header_main{
position:relative;
}
.header_main .brand-logo{
width:auto;
height:auto;
float:left;
margin:10px 0px 0px 0px;
text-align:center;
font-size:0;
}
.header_main .brand-logo img{
max-width:230px;
}
.header_main_action{
float:right;
margin-top:24px;
margin-left:30px;
text-align:center;
font-size:0;
}
.header_main_action ul > li{
position:relative;
display:inline-block;
vertical-align:top;
margin-right:25px;
}
.header_main_action ul > li:last-child,
.header_main_action ul > li:only-child{
margin-right:0;
}
.header_main_action ul > li i{
font-size:20px;
color:#fff;
line-height:20px;
cursor:pointer;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.header_main_action ul > li.floating-searchbar > i.fa-times,
.header_main_action ul > li.flyout-searchbar-toggle > i.fa-times{
position:absolute;
top:0;
left:0;
color:#fec107;
opacity:0;
visibility:hidden;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
body.floating-searchbar-active .header_main_action ul > li.floating-searchbar > i.fa-times,
body.flyout-searchbar-active .header_main_action ul > li.flyout-searchbar-toggle > i.fa-times{
opacity:1;
visibility:visible;
}
body.floating-searchbar-active .header_main_action ul > li.floating-searchbar > i.fa-search,
body.flyout-searchbar-active .header_main_action ul > li.flyout-searchbar-toggle > i.fa-search{
opacity:0;
visibility:hidden;
}
.header_main_action ul > li > .floating-search-bar{
position:absolute;
top:calc(100% + 30px);
right:0;
width:310px;
padding:20px;
background-color:#ebebeb;
opacity:0;
visibility:hidden;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
body.floating-searchbar-active .header_main_action ul > li > .floating-search-bar{
top:100%;
opacity:1;
visibility:visible;
}
.header_main_action ul > li > .floating-search-bar .form-row{
position:relative;
padding:0;
margin:0;
}
.header_main_action ul > li > .floating-search-bar .form-row input[type=search]{
width:100%;
height:44px;
padding:0px 40px 0px 15px;
background-color:#fff;
border:1px #dedede solid;
box-shadow:initial;
font-size:15px;
color:#1e0d32;
}
.header_main_action ul > li > .floating-search-bar .form-row button[type=submit]{
position:absolute;
top:5px;
right:0;
z-index:1;
width:40px;
height:100%;
background-color:initial;
border:none;
cursor:pointer;
}
.header_main_action ul > li > .floating-search-bar .form-row button[type=submit] i{
font-size:16px;
color:#1e0d32;
line-height:16px;
}
.header_main_action ul > li.header-cart-bar{
}
.header_main_action ul > li.header-cart-bar > .header-cart-bar-icon{
position:relative;
display:block;
}
.header_main_action ul > li.header-cart-bar > .header-cart-bar-icon .cart-count{
position:absolute;
top:-7px;
right:-19px;
width:22px;
height:22px;
background-color:#fde428;
border-radius:50%;
font-size:12px;
color:#08276e;
line-height:22px;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.header_main_action ul > li.header-cart-bar > .header-cart-bar-icon i{
font-size:20px;
}
.header_main .responsive-nav{
width:auto;
height:auto;
float:right;
margin-top:15px;
margin-bottom:15px;
}
.header_main .responsive-nav i{
font-size:35px;
color:#fff;
line-height:35px;
cursor:pointer;
}
.nav{
width:auto;
height:auto;
float:right;
text-align:right;
}
.nav > [class*='menu-']{
display:block;
} .nav > [class*='menu-'] > ul.menu > li{
position:relative;
display:inline-block;
vertical-align:top;
width:auto;
height:auto;
margin-right:30px;
}
.nav > [class*='menu-'] > ul.menu > li:last-child,
.nav > [class*='menu-'] > ul.menu > li:only-child{
margin-right:0 !important;
}
.nav > [class*='menu-'] > ul.menu > li > a{
display:block;
width:auto;
height:auto;
padding-top:22px;
padding-bottom:22px;
color:inherit;
cursor:pointer;
transition:all 0.3s ease-in-out !important;
-webkit-transition:all 0.3s ease-in-out !important;
}
.nav > [class*='menu-'] > ul.menu > li:hover > a,
.nav > [class*='menu-'] > ul.menu > li.current-menu-item > a,
.nav > [class*='menu-'] > ul.menu > li.current-menu-parent > a,
.nav > [class*='menu-'] > ul.menu > li.current-menu-ancestor > a{
}
.nav > [class*='menu-'] > ul.menu > li.menu-item-has-children > a:after{
display:inline-block;
vertical-align:middle;
margin-left:10px;
content:"\f107";
font-family:"FontAwesome";
} .nav > [class*='menu-'] > ul.menu > li > ul{
position:absolute;
top:calc(100% + 10px);
left:0;
z-index:1;
width:220px;
height:auto;
padding-top:8px;
padding-bottom:8px;
background-color:#fff;
box-shadow:0px 3px 3px rgba(0,0,0,0.3);
text-align:left;
opacity:0;
visibility:hidden;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(1) > ul,
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(2) > ul{
left:auto;
right:0;
}
.nav > [class*='menu-'] > ul.menu > li:hover > ul{
top:100%;
opacity:1;
visibility:visible;
}
.nav > [class*='menu-'] > ul.menu > li > ul > li,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li{
position:relative;
width:100%;
height:auto;
float:left;
}
.nav > [class*='menu-'] > ul.menu > li > ul > li > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li a{
position:relative;
display:block;
width:auto;
height:auto;
padding:8px 15px 8px 15px;
font-size:90% !important;
color:#252525;
opacity:inherit !important;
visibility:inherit !important;
cursor:pointer;
transition:all 0.3s ease-in-out !important;
-webkit-transition:all 0.3s ease-in-out !important;
}
.nav > [class*='menu-'] > ul.menu > li > ul > li:hover > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li.current-menu-item > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li.current-menu-parent > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li:hover > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li.current-menu-item > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li.current-menu-parent > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li:hover > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li.current-menu-item > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li.current-menu-parent > a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li:hover a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li.current-menu-item a,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li.current-menu-parent a{
}
.nav > [class*='menu-'] > ul.menu > li > ul > li.menu-item-has-children > a:after,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li.menu-item-has-children > a:after,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li.menu-item-has-children > a:after,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li ul li.menu-item-has-children > a:after{
float:right;
margin-left:7px;
content:"\f105";
font-family:"FontAwesome";
} .nav > [class*='menu-'] > ul.menu > li > ul > li > ul,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul li ul{
position:absolute;
top:10px;
left:100%;
z-index:1;
width:220px;
padding-top:8px;
padding-bottom:8px;
background-color:#fff;
box-shadow:0px 3px 3px rgba(0,0,0,0.3);
text-align:left;
opacity:0;
visibility:hidden;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(1) > ul > li > ul,
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(2) > ul > li > ul,
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(1) > ul > li > ul > li > ul,
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(2) > ul > li > ul > li > ul,
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(1) > ul > li > ul > li > ul li ul,
.nav > [class*='menu-'] > ul.menu > li:nth-last-child(2) > ul > li > ul > li > ul li ul{
left:auto;
right:100%;
}
.nav > [class*='menu-'] > ul.menu > li > ul > li:hover > ul,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li:hover > ul,
.nav > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul li:hover > ul{
top:0;
opacity:1;
visibility:visible;
} .rt-mega-menu{
left:auto;
right:0;
width:700px;
box-shadow:0px 3px 3px rgba(0,0,0,0.3);
text-align:left;
}
.rt-mega-menu-row > .menu-item{
border-right:1px #e3e3e3 solid;
}
.rt-mega-menu-row > .menu-item:last-child,
.rt-mega-menu-row > .menu-item:only-child{
border-right:none;
}
.rt-megamenu-widget .rt-megamenu-widget-title{
margin:0;
padding:10px 15px 10px 15px;
background-color:#f4f6f7;
border-bottom:1px #e3e3e3 solid;
text-transform:uppercase;
font-weight:600;
font-size:14px;
color:#00174d;
line-height:27px;
letter-spacing:1px;
}
.rt-megamenu-widget ul.menu{
}
.rt-megamenu-widget ul.menu > li{
position:relative;
}
.rt-megamenu-widget ul.menu > li:before{
position:absolute;
top:0;
left:0;
z-index:0;
content:" ";
width:3px;
height:0;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-megamenu-widget ul.menu > li:hover:before{
height:100%;
}
.rt-megamenu-widget ul.menu > li > a{
position:relative;
display:block;
padding:10px 15px 10px 15px;
border-bottom:1px #e3e3e3 solid;
text-transform:uppercase;
font-weight:400;
font-size:13px;
color:#5b5b5b;
line-height:25px;
}
.rt-megamenu-widget ul.menu > li:last-child > a,
.rt-megamenu-widget ul.menu > li:only-child > a{
border-bottom:none;
} .sidr{
background:#2f2f39;
}
body.sidr-open .sidr{
box-shadow:0px 0px 20px rgba(0,0,0,0.7);
}
.sidr > .sidr-inner > [class*='menu-'] > ul.menu{
}
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li{
width:100%;
float:left;
}
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > a,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > a,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li > a,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li > a,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li > ul li a{
position:relative;
display:block;
width:auto;
height:auto;
padding:10px 22px 11px 15px;
border-bottom:1px rgba(255,255,255,0.05) solid;
color:#fff;
}
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li.current-menu-item > a,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li.current-menu-parent > a,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li.current-menu-item > a,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li.current-menu-parent > a,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li.current-menu-item > a,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li.current-menu-parent > a{
}
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li.menu-item-has-children > a:after,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li.menu-item-has-children > a:after,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li.menu-item-has-children > a:after,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li.menu-item-has-children > a:after,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > a:after{
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
content:"\f0d7";
font-family:"FontAwesome";
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li.menu-item-has-children.radiantthemes-menu-open > a:after,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li.menu-item-has-children.radiantthemes-menu-open > a:after,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li.menu-item-has-children.radiantthemes-menu-open > a:after,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li.menu-item-has-children.radiantthemes-menu-open > a:after,
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children.radiantthemes-menu-open > a:after{
transform:translateY(-50%) rotate(180deg);
-webkit-transform:translateY(-50%) rotate(180deg);
}
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > a{
padding-left:30px;
font-size:90%;
}
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li > a{
padding-left:45px;
font-size:85%;
}
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li > a{
padding-left:65px;
font-size:80%;
}
.sidr > .sidr-inner > [class*='menu-'] > ul.menu > li > ul > li > ul > li > ul > li > ul li a{
padding-left:80px;
font-size:75%;
} .sidr .rt-sub-menu,
.sidr .rt-mega-menu{
position:static;
width:100%;
float:left;
opacity:1 !important;
visibility:visible !important;
box-shadow:initial;
transform:translate(0, 0) !important;
-webkit-transform:translate(0, 0) !important;
}
.sidr .rt-sub-menu{
background-color:initial;
}
.sidr .rt-sub-menu > li{
width:100%;
float:left;
}
.sidr .rt-mega-menu > .rt-sub-menu{
display:block;
opacity:1;
visibility:visible;
background-color:#fff;
}
.sidr .rt-mega-menu > .rt-sub-menu > .rt-mega-menu-col{
display:block;
} .wraper_flyout_search{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:999;
background-color:rgba(39,13,68,0.96);
opacity:0;
visibility:hidden;
transform:scale(1.3);
-webkit-transform:scale(1.3);
transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
}
body.flyout-searchbar-active .wraper_flyout_search{
opacity:1;
visibility:visible;
transform:scale(1);
-webkit-transform:scale(1);
}
.wraper_flyout_search > .table{
display:table;
table-layout:fixed;
width:100%;
height:100%;
margin:0;
}
.wraper_flyout_search > .table > .table-cell{
position:relative;
display:table-cell;
width:100%;
height:100%;
padding:20px;
vertical-align:middle;
text-align:center;
}
.flyout-search-close{
position:absolute;
top:20px;
right:20px;
text-align:center;
}
.flyout-search-close i{
font-size:30px;
color:#fff;
line-height:30px;
cursor:pointer;
}
.flyout_search{
display:inline-block;
vertical-align:top;
width:100%;
max-width:1140px;
padding-top:80px;
padding-bottom:40px;
}
.flyout_search .form-row{
position:relative;
padding:0;
margin:0;
}
.flyout_search .form-row input[type=search]{
width:100%;
height:60px;
padding:0px 40px 0px 0px;
background-color:initial;
border:none;
border-bottom:3px #dedede solid;
box-shadow:initial;
font-size:20px;
color:#fff;
}
.flyout_search .form-row button[type=submit]{
position:absolute;
top:17px;
right:0;
z-index:1;
width:40px;
height:auto;
background-color:initial;
border:none;
cursor:pointer;
}
.flyout_search .form-row button[type=submit] i{
font-size:20px;
color:#fff;
line-height:20px;
} @media screen and (min-width:1200px){
} @media screen and (min-width:992px) and (max-width:1199px){
} @media screen and (min-width:768px) and (max-width:991px){ .header_main_action{
margin-top:21px;
}
} @media screen and (min-width:480px) and (max-width:767px){ .header_top_item{
text-align:center;
} body.admin-bar .is-sticky .wraper_header_main{
top:0 !important;
}
.header_main .brand-logo{
width:100%;
}
.header_main_action{
float:left;
margin-top:21px;
margin-left:0;
}
.header_main_action ul > li > .floating-search-bar{
left:0;
width:290px;
}
} @media screen and (min-width:321px) and (max-width:479px){ .header_top_item{
text-align:center;
}
.header_top_item p{
margin:7px 0px 10px 0px;
}
.header_top_item ul.social{
width:100%;
} body.admin-bar .is-sticky .wraper_header_main{
top:0 !important;
}
.header_main .brand-logo{
width:100%;
}
.header_main_action{
float:left;
margin-top:21px;
margin-left:0;
}
.header_main_action ul > li > .floating-search-bar{
left:0;
width:290px;
}
} @media screen and (max-width:320px){ .header_top_item{
text-align:center;
}
.header_top_item p{
margin:7px 0px 10px 0px;
}
.header_top_item ul.social{
width:100%;
} body.admin-bar .is-sticky .wraper_header_main{
top:0 !important;
}
.header_main .brand-logo{
width:100%;
}
.header_main_action{
float:left;
margin-top:21px;
margin-left:0;
}
.header_main_action ul > li > .floating-search-bar{
left:0;
width:290px;
}
}