.cbp-af-header {


	position:fixed;


	top: 0;


	left: 0;


	width: 100%;


	/*background: #fff;*/


	


	z-index: 10000;;


	-webkit-transition: height 0.3s;


	-moz-transition: height 0.3s;


	transition: height 0.3s;


	


}


.cbp-af-header.cbp-af-header-shrink .header-top {


	opacity:0;


	visibility:hidden;


	height:0px;


	transition:all ease-in-out 0.3s;


	-moz-transition:all ease-in-out 0.3s;


	-webkit-transition:all ease-in-out 0.3s;


}


.cbp-af-header.cbp-af-header-shrink .menu-dropdown>a:before {


    color: #333;   


	transition:all ease-in-out 0.3s;


	-moz-transition:all ease-in-out 0.3s;


	-webkit-transition:all ease-in-out 0.3s;


}	


.cbp-af-header.cbp-af-header-shrink .nav-toggle:before {


	content:"";


	position:absolute;


	width:24px;


	height:2px;


	background-color:#333;


	border-radius:10px;


	box-shadow:0 .5em 0 0 #333, 0 1em 0 0 #333;


	transition:all ease-in-out 0.3s;


	-moz-transition:all ease-in-out 0.3s;


	-webkit-transition:all ease-in-out 0.3s;


}


.cbp-af-header.cbp-af-header-shrink .nav-brand{


	padding: 0px 0 ;


	transition:all ease-in-out 0.3s;


	-moz-transition:all ease-in-out 0.3s;


	-webkit-transition:all ease-in-out 0.3s;


	margin-top:0px;


	}





.cbp-af-header.cbp-af-header-shrink .nav-brand .logo_area {


    width: 250px;


    height: 40px;


    line-height: 50px;


   /* background: #2d2d32; */


	background-image:url(../images/webmantra-logo2.png);  


    background-repeat: no-repeat;


    background-position: center;


    background-size: contain;


    transition: all ease-in-out 0.3s;


    -moz-transition: all ease-in-out 0.3s;


    -webkit-transition: all ease-in-out 0.3s;


}	


.cbp-af-header.cbp-af-header-shrink .hdr-bottom{


	padding:20px 0;


}


.cbp-af-header.cbp-af-header-shrink .mega-dropdown>a:before{


	top:0px;


	transition:all ease-in-out 0.2s;


	-moz-transition:all ease-in-out 0.2s;


	-webkit-transition:all ease-in-out 0.2s;


	}


.cbp-af-header.cbp-af-header-shrink .mega-dropdown-menu > li > ul > li {


   margin-bottom: 0px;


}


.cbp-af-header.cbp-af-header-shrink .mega-dropdown-menu > li > ul > li > a{


	line-height:30px !important;


	}	


.cbp-af-header.cbp-af-header-shrink .cart-area{


	padding-top:15px;


	transition:all ease-in-out 0.3s;


	-moz-transition:all ease-in-out 0.3s;


	-webkit-transition:all ease-in-out 0.3s;


	}	


.cbp-af-header.cbp-af-header-shrink .navigation:before{


	top:43px;


	transition:all ease-in-out 0.3s;


	-moz-transition:all ease-in-out 0.3s;


	-webkit-transition:all ease-in-out 0.3s;


	}	


.cbp-af-header.cbp-af-header-shrink .logo .img-responsive{


		transition:all ease-in-out 0.3s;


	-moz-transition:all ease-in-out 0.3s;


	-webkit-transition:all ease-in-out 0.3s;


	max-width:85%;


	


}


.cbp-af-header.cbp-af-header-shrink .nav-menu>li>a {  


    /*padding: 0px 10px;


    display: inline-block;


    font-size: 14px;*/


	color: #15100f;


    transition: color .3s, background .3s;


    transition: 0.3s;


    -webkit-transition: 0.3s;


}


.cbp-af-header.cbp-af-header-shrink .upper_haeder_area_link_area  a{


	color: #15100f;


	transition: color .3s, background .3s;


    transition: 0.3s;


    -webkit-transition: 0.3s;


	}	


.cbp-af-header.cbp-af-header-shrink .nav-menu-social li a{


	color: #fff;


	}	


.cbp-af-header.cbp-af-header-shrink .header_contact{


padding-top: 10px;


transition:all ease-in-out 0.3s;


	-moz-transition:all ease-in-out 0.3s;


	-webkit-transition:all ease-in-out 0.3s;


}


.cbp-af-header.cbp-af-header-shrink .logo{


	min-height:90px;


}


 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */





.cbp-af-header.cbp-af-header-shrink .top_header{


	


		transition:all ease-in-out 0.3s;


	-moz-transition:all ease-in-out 0.3s;


	-webkit-transition:all ease-in-out 0.3s;


	 visibility: visible;


  opacity:0;


  height:0px;


  padding:0px;


	}	


.cbp-af-header.cbp-af-header-shrink .top_header_list{


		transition:all ease-in-out 0.3s;


	-moz-transition:all ease-in-out 0.3s;


	-webkit-transition:all ease-in-out 0.3s;


	 visibility: visible;


  opacity:0;


  height:0px;


  padding:0px;


	}	




















/* Transitions and class for reduced height */





.cbp-af-header.cbp-af-header-shrink {


	


	transition: all .3s;


    -webkit-transition: all .3s;


    -moz-transition: all .3s;


    -o-transition: all .3s;


    -ms-transition: all .3s;


	-webkit-box-shadow: 0 1px 29px rgba(0,0,0,.5);


	-moz-box-shadow: 0 1px 29px rgba(0,0,0,.5);


	box-shadow: 0 1px 29px rgba(0,0,0,.5);


	position:fixed;


	background:#fff;


	opacity:0.95;


}








.cbp-af-header.cbp-af-header-shrink .navbar > .container .navbar-brand, 


.cbp-af-header.cbp-af-header-shrink .navbar > .container-fluid .navbar-brand {


    background-size: 75%;


    transition: all .3s;


    -webkit-transition: all .3s;


    -moz-transition: all .3s;


    -o-transition: all .3s;


    -ms-transition: all .3s;


}





.cbp-af-header.cbp-af-header-shrink .navbar-nav > li > a{


	padding-top: 0;


	padding-bottom: 0;


	line-height: 40px;


	font-size:14px;


}





.cbp-af-header.cbp-af-header-shrink h1,


.cbp-af-header.cbp-af-header-shrink nav a {


	/*line-height: 67px;*/


	


}





/*.cbp-af-faq-shrink .faq-area{


	position: fixed;


	right: 119px;


	bottom: auto;


	top: 119px;


}*/


@media screen and (max-width:1200px){


.cbp-af-header.cbp-af-header-shrink .header_contact {


    padding-top: 5px;


    transition: all ease-in-out 0.3s;


    -moz-transition: all ease-in-out 0.3s;


    -webkit-transition: all ease-in-out 0.3s;


}


.cbp-af-header.cbp-af-header-shrink .nav-menu>li>a {


  /* padding: 0px 7px;


	font-size:13px;*/


}


.cbp-af-header.cbp-af-header-shrink .mega-dropdown>a:before {


    top: 0px;


    right: -13px;


}


.cbp-af-header.cbp-af-header-shrink .mega-dropdown-menu > li > ul > li {


    margin-bottom: 0px;


}


.cbp-af-header.cbp-af-header-shrink .mega-dropdown-menu > li > ul > li > a {


    display: block;


    color: #8e8885;


    padding: 0px 5px;


    font-size: 16px;


}


.cbp-af-header.cbp-af-header-shrink .cart-area {


    padding-top: 10px;


    transition: all ease-in-out 0.3s;


    -moz-transition: all ease-in-out 0.3s;


    -webkit-transition: all ease-in-out 0.3s;


}





	}





@media screen and (max-width:992px){


.cbp-af-header.cbp-af-header-shrink .nav-brand {


    padding: 10px 0 5px 0;


    transition: all ease-in-out 0.3s;


    -moz-transition: all ease-in-out 0.3s;


    -webkit-transition: all ease-in-out 0.3s;


    margin-top: 0px;


}


.cbp-af-header.cbp-af-header-shrink .cart-area {


    padding-top: 13px;


    transition: all ease-in-out 0.3s;


    -moz-transition: all ease-in-out 0.3s;


    -webkit-transition: all ease-in-out 0.3s;


}


.cbp-af-header.cbp-af-header-shrink	.nav-menu>li>a {


    padding: 15px 5px;


    font-size: 11px;


}


.cbp-af-header.cbp-af-header-shrink .mega-dropdown>a:before {


    top: 15px;


    right: -13px;


}


.cbp-af-header.cbp-af-header-shrink .navigation:before {


    top: 42px;


    height: 15px;


}


.cbp-af-header.cbp-af-header-shrink .mega-dropdown-menu > li > ul > li > a {


    line-height:25px;


    font-size: 13px;


}


.cbp-af-header.cbp-af-header-shrink	.nav-menu>li>a {


    padding: 30px 7px;


    font-size: 13px;


}


.cbp-af-header.cbp-af-header-shrink .mega-dropdown>a:before {


    top: 0px;


    right: -13px;


}





	}	


@media all and (max-width:767px){


.cbp-af-header.cbp-af-header-shrink .nav-brand {


    padding: 5px 0 5px 0;


    transition: all ease-in-out 0.3s;


    -moz-transition: all ease-in-out 0.3s;


    -webkit-transition: all ease-in-out 0.3s;


    margin-top: 0px;


}


.cbp-af-header.cbp-af-header-shrink .header_contact {


    padding-top: 5px;


    transition: all ease-in-out 0.3s;


    -moz-transition: all ease-in-out 0.3s;


    -webkit-transition: all ease-in-out 0.3s;


}


.cbp-af-header.cbp-af-header-shrink .cart-area {


    padding-top: 5px;


    transition: all ease-in-out 0.3s;


    -moz-transition: all ease-in-out 0.3s;


    -webkit-transition: all ease-in-out 0.3s;


}


	.cbp-af-header.cbp-af-header-shrink .logo {


    min-height: auto;


}


.cbp-af-header.cbp-af-header-shrink .nav-toggle {


    margin-top: -20px;


}


.cbp-af-header.cbp-af-header-shrink .navigation:before {


    top: 25px;


    height: 15px;


}


.cbp-af-header.cbp-af-header-shrink	.nav-menu>li>a {


    padding: 5px 15px;


    font-size: 13px;


	line-height: 30px;


}


.cbp-af-header.cbp-af-header-shrink .mega-dropdown>a:before {


    top: 5px;


    right: 2px;


}


.cbp-af-header.cbp-af-header-shrink .nav-toggle {


    width: 30px;


    height: 30px;


    padding: 6px 2px 0;


    position: absolute;


    top: 55%;


    margin-top: -25px;


    right: 15px;


    cursor: pointer;


	 transition: all ease-in-out 0.3s;


    -moz-transition: all ease-in-out 0.3s;


    -webkit-transition: all ease-in-out 0.3s;


}


}


@media all and (max-width:480px){





.cbp-af-header.cbp-af-header-shrink .nav-toggle {


    margin-top: -14px;


}


.cbp-af-header.cbp-af-header-shrink  .nav-header {


    width: 90%;


	 transition: all ease-in-out 0.3s;


    -moz-transition: all ease-in-out 0.3s;


    -webkit-transition: all ease-in-out 0.3s;


}


.cbp-af-header.cbp-af-header-shrink .cart-area {


    padding-top: 13px;


    transition: all ease-in-out 0.3s;


    -moz-transition: all ease-in-out 0.3s;


    -webkit-transition: all ease-in-out 0.3s;


}


.cbp-af-header.cbp-af-header-shrink .nav-toggle {


    width: 30px;


    height: 30px;


    padding: 6px 2px 0;


    position: absolute;


    top: 65%;


    margin-top: -30px;


    right: 15px;


    cursor: pointer;


    transition: all ease-in-out 0.3s;


    -moz-transition: all ease-in-out 0.3s;


    -webkit-transition: all ease-in-out 0.3s;


}


.cbp-af-header.cbp-af-header-shrink .nav-brand {


	 padding: 25px 0 5px 20px;


	}





}