/**
 *  header css
 * 1. cart box css
 * 2. top bar css
 * 3. some common css
 * 4. all header  4.1.a simple header 1
      4.2.a simple header 2
      4.3.a simple header 3 
      4.4.a simple header 4
      4.5.a simple header 5
      4.6.a simple header 6
      4.7.a simple header 7
      4.8.a simple header 8
      4.9.a simple header 9 
      4.10.a simple header 10
      *4.1.b advance header 1
      *4.2.b advance header 2
      *4.3.b advance header 3
      *4.4.b advance header 4
      *4.5.b advance header 5
      *4.1.c woocommerce header 1
      *4.2.c woocommerce header 2
      *4.3.c woocommerce header 3
      *4.4.c woocommerce header 4
      *4.5.c woocommerce header 5
      4.1.d custom header
      4.1.e left and right header
  * 5. sliding bar   
  * 6. menu css
  * 7. modal search form
  * 8. Generic CSS
  * 9. Revolution slider for header
      
*/
/**=======================================================
 || 1. cart box css
==========================================================*/
/**=======================================================
 || 2. top bar css
==========================================================*/
  .topnav_wrapper {
    display: block;
    text-align: right;
  }
  .topnav_wrapper li {
    display: inline-block;
    padding: 0px 10px;
  }
  .topnav_wrapper li a {
    display: block;
    border-bottom: 4px solid transparent;
    text-transform: uppercase;
    line-height: 83px; /*font-weight:bold;*/
    font-size: 13px;
  }
  .topnav_wrapper li a:hover {
    border-bottom: 4px solid #2e5a88;
  }
  .topnav_wrapper li.active a {
    border-bottom: 4px solid #2e5a88;
  }
/**=======================================================
 || 3. some common css
==========================================================*/
  #simple-header-4, #simple-header-6, #simple-header-7, #simple-header-8, #simple-header-10 {
    z-index: 9999;
  }
  .center-sec {text-align: center;}
  .header_wrapper .navbar-brand {height: auto;line-height: inherit;}
  .btmsection ul#fixed-menu li:first-child a {padding-left: 0;}
  ul.mega_main_menu_ul li:last-child a {padding-right: 0 !important;}
  .cmbh{display: table;}
  .wp-list-table th#info {width: 65px;}
  ul.k2-social-icon li{display: inline;}
  ul.k2-social-icon li:last-child{margin-right: 0;}
  .k2-social-icon{padding-left: 0;}
  .mdl-body-bar.revheader,
  .topbar.revtopbar{background-color: transparent !important;}
  .simplehdr ul li.current-menu-item {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
  ol, ul{margin: 0;}
  .ppt {display: none !important;}
/**=======================================================
 || 4. All Headers
==========================================================*/
  /*4.1.a simple header 1*/
  #simple-header-1{position: relative;z-index: 999;}
  #simple-header-1 .fa-bars{font-size: 30px;color: #0073AA;}
  #simple-header-1 .menu-trigger span{ background: #0E4784 none repeat scroll 0 0;}
  #simple-header-1 .menu-trigger span::before {background: #0E4784 none repeat scroll 0 0;}
  #simple-header-1 .menu-trigger span::after {background: #0E4784 none repeat scroll 0 0;}
  /*4.2.a simple header 2*/
  #simple-header-2{position: relative;z-index: 10001;}
  .topbar-sm2hdr .top-info .top_info_itm:not(:last-child) {margin-right: 20px;}
  .topbar-sm2hdr .top-info .top_info_itm {display: inline-block;}
  ul.k2-social-icon li{margin-right: 15px;}
  #simple-header-2 .pull-right i{color: #004C7C;}
  #simple-header-2 .navbar-brand {padding-top: 10px; padding-left: 0;}
  .topbar-sm2hdr {background-color: #949599;}
  #simple-header-2 .icntxtclr, #simple-header-2 .icntxtclr a{color: #ffffff;}
  #simple-header-2{background-color: #ffffff;}
  #simple-header-2 .mega_main_menu_ul{margin: 20px 0;}
  #simple-header-2 .logo{margin-top: 5px;}
  #simple-header-2 .nav-menu li:hover > .sub-menu .sub-menu {
    top: 0;
  }
  /*4.3.a simple header 3*/
  #simple-header-3 .top_info_itm{color: white;}
  #simple-header-3 ul#primary-menu{text-align: center;}
  #simple-header-3 {background-color: #212121;}
  #simple-header-3 .icntxtclr, #simple-header-3 .icntxtclr a{color: white;}
  .btmsec3 {background-color: #292929;}
  #simple-header-3 i{color: #0073AA;}
  /*4.4.a simple header 4*/
  #simple-header-4 ul#primary-menu{text-align: center;}
  #simple-header-4 .icntxtclr{color: #949599;}
  #simple-header-4 .center-sec ._algn {
    text-align: center;
  }
  /*4.5.a simple header 5*/
  #simple-header-5 .middle-section{padding-top: 15px;padding-bottom: 20px;}
  #simple-header-5 .btmsection{border-top: 1px solid #c7c7c7; padding-top: 0;}
  #simple-header-5 .pull-right.text-right{padding-right: 0;}
  #simple-header-5 ul#primary-menu {text-align: center;}
  #simple-header-5{background-color: #ffffff;}
  #simple-header-5 i {color: #0073AA;}
  #simple-header-5 .btmsec5 {background-color: #fff;}
  #simple-header-5 .icntxtclr, #simple-header-5 .icntxtclr a{color: #D9D9D9;}
  /*4.6.a simple header 6*/
  #simple-header-6 ul#primary-menu {text-align: center;}
  #simple-header-6 .icntxtclr {color: #949599;}
  /*4.7.a simple header 7*/
  #simple-header-7 ul#primary-menu {text-align: center;}
  /*4.8.a simple header 8*/
  #simple-header-8 .middle-section {
    padding: 0 !important;
  }
  #simple-header-8 .col-md-9.col-sm-9.mbh ._algn {
    text-align: right;
  }
  /*4.9.a simple header 9*/
  #simple-header-9 .top_info_itm{color: #666666;font-weight: bold;}
  #simple-header-9 i{color: #0073AA;}
  #simple-header-9 ul#primary-menu {text-align: center;}
  #simple-header-9 .col-md-4._s{text-align: center;color: white;}
  #simple-header-9 {background-color: #212121;}
  .btmsec9 {background-color: #292929;}
  #simple-header-9 .middle-section .icntxtclr a {color: #666;font-weight: bold;}
  /*4.10.a simple header 10*/
  #menu-hdr-10 .mbh{width: 100%;}
  #simple-header-10 ul#primary-menu {text-align: center;}
  #simple-header-10 .nav-menu {
    display: flex;
    text-align: center;
  }
  #simple-header-10 .nav-menu > li {
    flex-grow: 1;
  }
  #simple-header-10 .nav-menu > li.logocenter {
    margin: 0;
    padding: 0;
    position: relative;
    width: 10%;
  }
  #simple-header-10 .nav-menu > li.logocenter a {
    left: 0;
    max-width: 100%;
    position: absolute;
  }
  #simple-header-10 .nav-menu > li.logocenter a img {
    max-width: 100%;
  }
  #simple-header-10 .menu-primary-menu-container {
    display: block;
  }
  /*4.1.b advance header 1*/
  .adv-top1.topbar .phone{margin-right: 10px;}
  #adv-header-1 .pull-left i{color:#1D5181; margin-right:5px;}
  #adv-header-1 ul#primary-menu{text-align: center;}
  .adv-top1 ul.k2-social-icon li:last-child{margin-right: 0;}
  #adv-header-1 .fa-bars{font-size: 30px;color: #0073AA;}
  #adv-header-1 .icntxtclr, #adv-header-1 .icntxtclr a{color: #D9D9D9; margin-right:10px}
  #adv-header-1 .current-menu-item{ background: transparent;}
  /*#adv-header-1 .menu-trigger span{ background: #0E4784 none repeat scroll 0 0;}
  #adv-header-1 .menu-trigger span::before {background: #0E4784 none repeat scroll 0 0;}
  #adv-header-1 .menu-trigger span::after {background: #0E4784 none repeat scroll 0 0;}*/
  /*4.2.b advance header 2*/
  .phone-sec{margin-right: 10px;}
  #adv-header-2 .middle-section .right_sec div.pull-left{margin-right: 20px;}
  #adv-header-2 .middle-section span.pull-right {line-height: 15px;}
  #adv-header-2 .btmsection .right-sec .pull-left{margin-right: 10px;}
  #adv-header-2 .fa-bars{color: white;font-size: 30px;margin-top: -3px;}
  #adv-header-2 .middle-section i{color: #134a80;font-size: 30px;margin-top: 2px;}
  #adv-header-2 .fa.fa-envelope{margin-top: -1px;}
  #adv-header-2 .icntxtclr, #adv-header-2 .icntxtclr a{color: #333333;}
  .btmsecadv2{background-color: #134A80;}
  #adv-header-2 {background-color: #ffffff;}
  /*#adv-header-2 .menu-trigger span{background: #ffffff none repeat scroll 0 0;}
  #adv-header-2 .menu-trigger span::after {background: #ffffff none repeat scroll 0 0;}
  #adv-header-2 .menu-trigger span::before {background: #ffffff none repeat scroll 0 0;}*/
  #adv-header-2 .current-menu-item{ background: transparent;}
  /*4.3.b advance header 3*/
  .adv-top3 .lang{color: white;}
  #adv-header-3 .middle-section {margin: 0;}
  #adv-header-3 .middle-section .right-sec{color: white;font-size: 20px;}
  #adv-header-3 .middle-section .fa-search{margin-right: 10px;}
  .adv-top3 .hrs{margin: 0 15px;}
  #adv-header-3 .btmsection .menu_inner ul > li:first-child a{padding-left: 0 !important;}
  #adv-top-menu li:first-child{margin-left: 0;}
  ul#adv-top-menu li {display: inline;margin-left: 12px;}
  ul#adv-top-menu li a {color: white;font-size: 12px;text-transform: uppercase;}
  .adv-top3 {background-color: #292929;}
  #adv-header-3 .topbar i, #adv-header-3 .icntxtclr, #adv-header-3 .icntxtclr a{color: #ffffff;}
  #adv-header-3 {background-color: #212121;}
  .btmsec3 {background-color: #292929;}
  #adv-header-3 .current-menu-item{ background: transparent;}
  #adv-header-3 .adv3-menu, #adv-header-3 .k2-social-icon{padding-left: 0;}
  /*4.4.b advance header 4*/
  #adv-header-4 .middle-section {margin: 0;}
  #adv-header-4 ul#primary-menu{text-align: center;}
  .adv-top4 .email, .adv-top4 .phone, .adv-top4 .lang, .adv-top4 .hrs{color: white;}
  #adv-header-4 .middle-section .right-sec{color: white;font-size: 20px;}
  #adv-header-4 .middle-section .fa-search{margin-right: 10px;}
  .adv-top4 .phone, .adv-top4 .email{margin: 0 10px; }
  .adv-top4 {background-color: #292929;}
  #adv-header-4{background-color: #212121;}
  .adv-top4 .top-left i{color: #ffffff;}
  .adv-top4 .top-right .email i{color: #ffffff;}
  .adv-top4 .icntxtclr, .adv-top4 .icntxtclr a{color: #ffffff;}
  #adv-header-4 .middle-section i{color: #ffffff;}
  #adv-header-4 .current-menu-item{ background: transparent;}
  /*#adv-header-4 .menu-trigger span{ background: #fff none repeat scroll 0 0;}
  #adv-header-4 .menu-trigger span::before {background: #fff none repeat scroll 0 0;}
  #adv-header-4 .menu-trigger span::after {background: #fff none repeat scroll 0 0;}*/
  /*4.5.b advance header 5*/
  #adv-header-5 ul#primary-menu{text-align: center;}
  .adv-top5 ul#adv-top-menu{text-align: center;}
  .adv-top5 {background-color: #292929;}
  #adv-header-5 {background-color: #212121;}
  #adv-header-5 .current-menu-item{ background: transparent;}
  /*#adv-header-5 .menu-trigger span {background-color: #ffffff;border-radius: 0;}
  #adv-header-5 .menu-trigger span::before {background: #fff none repeat scroll 0 0;}
  #adv-header-5 .menu-trigger span::after {background: #fff none repeat scroll 0 0;}*/
  /*4.1.c woocommerce header 1*/
  .woo1-topbar .lang, .woo1-topbar .phone, .woo1-topbar .hrs{color: white;}
  .woo1-topbar .phone{margin: 0 25px 0 0;}
  .woo1-topbar{background-color: #949599;}
  .woo1-topbar i{color: #134A80;}
  #woo-header-1 .k2d_search {margin-left: 15px;}
  #woo-header-1 ul#fixed-menu li a:hover{color: rgb(19, 74, 128);}
  #woo-header-1 ul#fixed-menu li.current-menu-item a{color:rgb(19, 74, 128);}
  #woo-header-1 ul#fixed-menu li a{color: #fff;}
  .woo1-topbar .icntxtclr, .woo1-topbar .icntxtclr a{color: white;}
  #woo-header-1 .middle-section {margin: 0;}
  #woo-header-1 .middle-section .right-sec i{color: #949599;}
  #woo-header-1 .middle-section .fa-search {margin-right: 0;top: 0;}
  #woo-header-1 ul#primary-menu{text-align: center;}
  .cright-sec-top {margin-bottom: 20px;}
  .btmwoo1{background-color: #949599;}
  .hdrwoo1-ul li{display: inline-block;}
  .hdrwoo1-ul li a{color: white; text-transform: uppercase;font-size: 13px;}
  .hdrwoo1-ul li span{color: white;}
  #woo-header-1 .current-menu-item{ background: transparent;}
  #woo-header-1 .menu-trigger span{ background: #0E4784 none repeat scroll 0 0;}
  #woo-header-1 .menu-trigger span::before {background: #0E4784 none repeat scroll 0 0;}
  #woo-header-1 .menu-trigger span::after {background: #0E4784 none repeat scroll 0 0;}
  /*4.2.c woocommerce header 2*/
  .woo2-topbar .text-center{color: white;}
  #woo-header-2 .middle-section .right-sec-top{margin-bottom: 15px;}
  #woo-header-2 .middle-section .middle-wishlist{margin: 0 10px;}
  #woo-header-2 .middle-section span.phone{margin-right: 10px;}
  #woo-header-2 .middle-section .icntxtclr{color: #949599;}
  #woo-header-2 .middle-section i{color: #949599;}
  #woo-header-2 .middle-section .right-sec-bottom span.signin a, #woo-header-2 .middle-section .right-sec-bottom span.middle-wishlist a{color: #949599;}
  #woo-header-2 .middle-section .fa.fa-heart {color: #134a80;}
  .woobtm2, .woo2-topbar{background-color: #949599;}
  #woo-header-2 .current-menu-item{ background: transparent;}
  /*4.3.c woocommerce header 3*/
  .hdrwoo3-ul li{display: inline-block;}
  .hdrwoo3-ul li a{color: white; text-transform: capitalize;font-size: 13px;}
  .hdrwoo3-ul li span{color: white;}
  .hdrwoo3-ul li.nickname{color: white;}
  .woo3-topbar {background-color: #949599;}
  #woo-header-3{background-color: #ffffff;}
  #woo-header-3 .middle-section span .fa.fa-shopping-cart {color: #949599;}
  #woo-header-3 .middle-section .search .fa.fa-search {color: #949599;margin: 0 0 0 12px;}
  #woo-header-3 .phone {color: #949599;}
  #woo-header-3 .phone i{color: #134a80;}
  #woo-header-3 ul.mega_main_menu_ul li:last-child a {padding-right: 17px !important;}
  #woo-header-3 .nav-menu > li::after{background: none;}
  .nav-menu li a:hover{text-decoration: none;}
  .k2d_psc{line-height: 26px;}
  /*4.4.c woocommerce header 4*/
  .hdrwoo4-ul li{display: inline-block;}
  .hdrwoo4-ul li a{color: white; text-transform: capitalize;font-size: 13px;}
  .hdrwoo4-ul li span{color: white;}
  .hdrwoo4-ul li.nickname{color: white;}
  .woo4-topbar, #woo-header-4{z-index: 999; position: relative;background-color:transparent; }
  #woo-header-4 .middle-section .right-sec i {color: #A39576;}
  #woo-header-4 .middle-section .right-sec .search{margin: 0 10px;}
  #woo-header-4 .middle-section .right-sec a.cart-contents{background-color: gray;}
  #woo-header-4 .middle-section .right-sec{padding-right: 0;}
  #woo-header-4 .current-menu-item{ background: transparent;}
  /*4.5.c woocommerce header 5*/
  .hdrwoo5-ul li{display: inline-block;}
  .hdrwoo5-ul li a{color: white; text-transform: capitalize;font-size: 13px;}
  .hdrwoo5-ul li span,
  .hdrwoo5-ul li span i{color: white;}
  .hdrwoo5-ul li.nickname{color: white;}
  #woo-header-5 .middle-section .center-sec{padding-left:0;padding-right:0;}
  
  /*css for left and right header removed laterly when write correct css. it's temprory*/
  #rightheader{height: 100%;right: 0;opacity: 1;position: fixed;z-index: 999;}
  #rightheader .header_wrapper span {float: left;width: 100%;}
  #rightheader .menusortable ul li{width: 100%;}
  #rightheader .menusortable ul li a{line-height: 30px;display: inline-block;}
  #leftheader .header_wrapper span {float: left;width: 100%;}
  #leftheader .menusortable ul li{width: 100%;}
  #leftheader .menusortable ul li a{line-height: 30px;display: inline-block;}
  /*end css for left and right header. removed laterly when write correct css. it's temprory*/
/**=======================================================
 || 5. sliding bar
==========================================================*/
  
#flip-sbar span::after {
    content: "\e800";
    font-size: 26px;
    height: 20px;
    position: absolute;
    right: 4px;
    top: -36px;
    width: 16px;
    font-family: 'fontello';
    color: #d9d9d9
}
#flip-sbar > a {
    color: rgb(255, 255, 255);
}
#flip-sbar.opensbar span::after {
    content: "\e801";
	font-family: 'fontello';
}
  .k2d_sliding_parent {
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 99999;
	}
  #flip-sbar {
		position: absolute;
		right: 0;
		border-top: 40px solid #363839;
		border-left: 40px solid transparent;
		opacity: 1;
		z-index: 9999;
	}
	
.slidingbar {
	height: auto;
    color: #8c8989;
    overflow: hidden;
    position: relative;
    z-index: 3;
    padding: 35px 10px;
}
  .onpageloadsb{display: block;} 
  .onclicksb{display: none;} 
/**=======================================================
 || 6. menu css
==========================================================*/
  .nav-menu li a {
    color: #666;
  }
  .nav-menu li a:hover {
    color: #337ab7;
  }
  .sub-menu {
    visibility: hidden; /* hides sub-menu */
    opacity: 0;
    position: absolute;
    top: 100%;
    max-height: 0;
    left: 0;
    width: 300px;
    z-index: 100;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    overflow: hidden;
    transform: translateY(10%);
    -webkit-transform: translateY(10%);
    transition: all 0.4s ease 0s, visibility 0s linear 0.4s; /* the last value is the transition-delay for visibility */
    -webkit-transition: all 0.4s ease 0s, visibility 0s linear 0.4s;
  }
  .sub-menu .sub-menu {
    padding-top: 0 !important;
    left: 100%;
  }
  .nav-menu li:hover > .sub-menu {
    visibility: visible; /* shows sub-menu */
    opacity: 1;
    max-height: inherit;
    overflow: visible;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
    -webkit-transition-delay: 0s;
  }
  .nav-menu li:hover .sub-menu li {
    background: rgba(17, 17, 17, 0.94) none repeat scroll 0 0;
  }
  .nav-menu li:hover > .sub-menu li:first-child {
    padding-top: 13px;
  }
  .nav-menu li:hover > .sub-menu li a {
    color: #848484;
    display: block !important;
    line-height: 1.2em;
    margin: 0 !important;
    padding: 0 13px !important;
  }
  .nav-menu li li {
    display: block;
    padding: 8px;
    text-align: left;
    position: relative;
    text-transform: capitalize;
  }
  .nav-menu li li:hover .sub-menu {
    left: 100%;
    top: -5px;
  }
  .nav-menu li li li:hover .sub-menu {
    top: 0;
  }
  .navbar-fixed-top{top: 20px;}
  .nav-menu {padding: 0;margin: 0;}
  .nav-menu li {display: inline-block;position: relative;}
  .nav-menu ul {padding: 0;margin: 0;}
  ul#fixed-menu li a {
    display: inline-block;
    padding: 8px 10px;
  }
  #adv-top-menu li a {
    display: inline-block;
    padding: 7px 10px;
  }
  #adv-top-menu li a:nth-child(1) {
  padding-left: 0;
}
  .nav-menu li li:first-child {
    left: 0;
    margin-top: 0;
  }
.transition1 .menu_open {
    z-index: 99999;
}
#woo-header-1 .slide_effect {
    float: right;
    padding: 4px 0 4px 15px;
}
#woo-header-1 ..slide_effect .menu-trigger span {
	color:#000;
}
/**=======================================================
 || 7. modal search form
==========================================================*/
  .search-form svg {
    height: 300px;
    left: 0;
    position: absolute;
    top: -82px;
    width: 300px;
    z-index: 1;
    background: none;
  }
  .search-form .t-input {
    position: absolute;
    top: 130px;
    left: 14px;
    width: 250px;
    height: 40px;
    font-size: 26px;
    border: none;
    outline: none;
    color: #fff;
    background-color: transparent;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s 0.6s linear;
    -webkit-transition: opacity 0.2s 0.6s linear;
  }
  .search-form .t-input:focus {
    opacity: 1;
    cursor: text;
  }
  .search-form .magnifier {
    stroke-dasharray: 0, 0, 140;
    transition: all 0.8s linear;
    -webkit-transition: all 0.8s linear;
    fill: none;
  }
  .search-form .search-field:focus+svg .magnifier {
    stroke-dasharray: 0, 140, 0;
  }
  .search-form .input-line {
    stroke-dasharray: 0, 600;
    transition: all 1.1s cubic-bezier(0.73, 0.01, 0.35, 1);
    -webkit-transition: all 1.1s cubic-bezier(0.73, 0.01, 0.35, 1);
    fill: none;
  }
  .search-form .search-field:focus+svg .input-line {
    stroke-dasharray: 600, 0;
  }
/**=======================================================
 || 8. Generic CSS
==========================================================*/  
.btmsection {
    border-bottom: 1px solid rgb(199, 199, 199);
}
.middle-section {
    border-bottom: 1px solid rgb(199, 199, 199);
}


/*==========================================================
 || 9. Revolution slider for header
===========================================================*/
.k2d_header-revolution {
    position: absolute;
    top: 0;
    z-index: -999;
}
.k2d_rev_header{position: relative;}
.k2d_rev_header{overflow: hidden;}