/* 
    Theme Name: Byktek
    Theme URI: https://eyebenders.com/
    Version: 100.0.0
    Description: Custom Theme for Byktek
    Author: Eyebenders
    Author URI: https://eyebenders.com/
*/

html {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	color: #3b3b3b;
}

body,
html {
	height: 100%;
}

h1,
h3,
h2 {
	margin-bottom: 0
}

div,
h1,
h2 {
	margin-top: 0
}

a {
	color: #dd3333;
	text-decoration: none
}

ul {
	/*list-style-type: none;*/
	margin: 0px 20px 0px 0px;
}

.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor,
.elementor-element.elementor-widget-e_image_hover_effects .eihe-box .eihe-caption .eihe-title-cover .eihe-title {
	font-family: 'Arial', Regular !important;
}


/* Wrapper section */


/* Mirror image */

.wrapper {
	width: 100%;
	margin: 0 auto;
	/* max-width: 1280px; */
}


/* End of Wrapper section */

.clear {
	clear: both;
}


/* Start of grid section */

.column {
	float: left;
	width: 33.3%;
	/*  Change percentages for different number of columns (now its 4) */
	/* padding: 10px;*/
	height: 200px;
	font-size: 14px;
	line-height: 15px;
}

.feedWrapper {
	width: 31.3%;
	float: left;
	max-width: 1140px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin: 2% 1% 2% 1%;
	text-align: left;
}

.blogImage1 {
	width: 29.3%;
	float: left;
	margin: 0% 2% 0% 2%;
}

.blogImage2 {
	width: 29.3%;
	float: left;
	margin: 0% 2% 0% 2%;
}

.blogImage3 {
	width: 29.3%;
	float: left;
	margin: 0% 2% 0% 2%;
}


.blogImage1,
.blogImage2,
.blogImage3 {
	opacity: .8;
	/* Change this to .5 for 50% opacity */
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.blogImage1:hover,
.blogImage2:hover,
.blogImage3:hover {
	/*opacity: 1;*/
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	text-align: center;
}


.container {
	position: relative;
	width: 27.3%;
	float: left;
	margin: 0% 3% 0% 3%;
}

.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}

.middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	height: 100% !important;
	width: 100%;
}

.container:hover .image {
	opacity: 0.3;
}

.container:hover .middle {
	opacity: 1;
}



.image1,
.image2,
.image3 {
	width: 100%;
}


/* overlay stuff */

.n2-ss-slider .n2-ss-layer[data-pm="absolute"] {
	/*opacity: 0.7;*/
}

/* overlay stuff */

.imageContainer {
	min-height: 200px;
	margin: 2% 1% 2% 1%;
	overflow: hidden;
}

.postWrapper {
	/*max-width: 1280px;
    width:100%;*/
	min-height: 540px;
}

.page-nav-container {
	float: left;
	width: 100%;
	padding-bottom: 1%;
}

.ourservices {
	background-color: #266593;
}

.servicesheader {
	font-size: 25px;
	line-height: 105%;
	font-weight: bold;
	color: white;
}


.mainheadertxt {
	padding-top: 3%;
	color: #266593;
	font-size: 25px;
	line-height: 105%;
	font-weight: bold;
}


/* Clear floats after the columns */

.row {}

.row:after {
	content: "";
	display: table;
	clear: both;
}

.pre-header {
	background-color: #ebebeb;
	height: 70px;
}

.headertxt1,
.headertxt2,
.headertxt3 {
	width: 33.3%;
	float: left;
	padding: 1% 0% 0% 0%;
	font-size: 16px;
}


.logo {
	width: 40%;
	height: auto;
}

.navHolder {
	width: 60%;
	height: auto;
}

.hide {
	display: none;
}

.show {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.main-menu li {
	padding-right: 3%;
}

.footer1-menu li:before {
	content: '> ';
}

.footer2-menu li:before {
	content: '> ';
}

.footer3-menu li:before {
	content: '> ';
}

.drheader,
.missionheader {
	color: #266593;
	font-size: 25px;
	line-height: 105%;
	font-weight: bold;
	/*border-top: 1px solid #20567c;*/
}

.drHolder {
	padding: 40px 80px;
	text-align: left;
}

.missionHolder {
	padding: 40px 80px;
	text-align: left;
}

.main-menu {
	font-size: 16px;
	font-weight: bolder;
}

.n2-ss-slider .n2-ss-img-wrapper,
.n2-ss-slider .n2-ss-img-wrapper img {
	opacity: 0.8;
	border-radius: 5px;
}


.missiontxt {
	float: left;
	width: 50%;
	font-size: 16px;
	margin-top: 20px;
}

.missionimg {
	float: right;
	width: 50%;
	padding: 0% 0% 0% 0%;
	margin: -7% 0% 3% 0%;
}

.missionimg1 {
	float: right;
	width: 50%;
	padding: 0% 0% 0% 0%;
	margin: -7% 0% 3% 0%;
}

.meetourdr {
	float: left;
	width: 50%;
	padding: 3% 0% 0% 0%;
}

.meetourdrtxt {
	float: right;
	width: 50%;
	font-size: 16px;
	margin-top: 20px;
}

.menu-main-container {
	padding: 0% 0% 0% 0%;
	margin: 0px auto;
}

.contactus {
	background-color: #cccccc;
	padding-top: 10px;
}

.drholder {
	background-color: #ebebeb;
}

.footertxt2,
.footertxt4 {
	line-height: 32px;
}

.footertxt2 {
	margin: 10px 0px 0px 0px;
	text-align: left;
}

.column div {
	text-align: left;
}

.services,
.information,
.contact {
	font-size: 22px;
}

.menu-footer1-container,
.menu-footer2-container,
.menu-footer3-container {
	line-height: 25px;
}

.footer {
	background-color: #ebebeb;
	padding-top: 30px;
	border-top: 10px solid #e0e0e0;
}

.footertxt {
	text-align: left;
	font-weight: bolder;
	line-height: 12px;
}

.footer1-menu,
.footer2-menu,
.footer3-menu {
	margin: 0px 0px 0px -35px;
	list-style-type: none;
}

.hrHolder {
	width: 5%;
}

#nf-form-title-1 {
	text-align: left;
}

.form {
	width: 50%;
	float: left;
}

.nf-form-fields-required {
	display: none;
}

.copyright {
	font-size: 13px;
}

.locationtxt {
	width: 45%;
	float: right;
	font-size: 19px;
	text-align: left;
	padding: 10px 0px;
	font-weight: bolder;
	padding-top: 30px;
	margin-bottom: 4%;
}

.locationtxt2 {
	width: 45%;
	float: right;
	font-size: 15px;
	text-align: left;
	/*padding: 5px 0px;*/
	line-height: 0px;
	margin-bottom: 20px;
}

.locationtxt3 {
	width: 45%;
	float: right;
	font-size: 15px;
	text-align: left;
	padding: 5px 0px;
}

.locationtxt4 {
	width: 45%;
	float: right;
	font-size: 15px;
	text-align: left;
	padding: 5px 0px 20px 0px;
	line-height: 0px;
	margin-bottom: 4%;
}


.comfortable {
	font-size: 25px;
	font-weight: bold;
	color: #20567c;
	padding: 3% 0% 3% 0%;
}

.map {
	width: 50%;
	float: right;
	padding-bottom: 5%;
}

.navHolder li {
	display: inline;
}

.theHR {
	width: 40%;
}

.feedWrapper img {
	width: 100%;
	height: 200px !important;
	margin-bottom: 10px;
	border: 2px solid #999 !important;
	border-radius: 10px !important;
}
.sub-menu{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
/* Products */
#menu-item-49 {
	position: relative;
	display: inline-block;
	z-index: 9999;
}
#menu-item-49 .sub-menu {
	position: absolute;
	top: 100%;
	display: none;
	margin: 0;
	list-style: none;
	width: 100%;
	padding: 0;
	background: #CCCCCC;
}
#menu-item-49:hover .sub-menu {
	display: block;
}
#menu-item-49 button {
	background: #FF6223;
	color: #FFFFFF;
	border: none;
	margin: 0;
	padding: 0.4em 0.8em;
	font-size: 1em;
}
#menu-item-49 button {
	min-width: 13em;
}

.formtxt {
	text-align: left;
}

.meetourdrtxt1 {
	float: right;
	width: 72%;
	font-size: 16px;
	margin-top: 20px;
}

.meetourdrtxt2 {
	float: right;
	width: 72%;
	font-size: 16px;
	margin-top: 20px;
}

.meetourdrtxt3 {
	float: right;
	width: 72%;
	font-size: 16px;
	margin-top: 20px;
}


.missionimg {
	background-image: url();
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
	float: right;
	height: 300px;
	width: 50%;
	padding: 0% 0% 0% 0%;
	margin: -3% 0% 5% 0%;
}

.missionimg1 {
	background-image: url();
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
	float: right;
	height: 300px;
	width: 50%;
	padding: 0% 0% 0% 0%;
	margin: -3% 0% 5% 0%;
}


/* Carousel Stuff */


#wonderplugincarousel-1 .amazingcarousel-image {
	/*padding: 0px !important;*/
}

.amazingcarousel-image-img {
	/*width: 100% !important;*/
}

/*
.amazingcarousel-image{
    height: 300px !important;
}
*/
#wonderplugincarousel-1 .amazingcarousel-item-container {
	padding: 0px !important;
	border: 0px !important;
	margin: 0px 0px !important;
}


.amazingcarousel-item div.amazingcarousel-image :nth-child(3) {
	z-index: -99;
}

#wonderplugincarousel-1,
.wonderplugincarousel {
	max-width: 2000px !important;
}

#wonderplugincarousel-1 .amazingcarousel-nav {
	display: none;
}

/*  */
/* Plugin styles */


/* End of plugin styles */


/* End of grid section */

#nf-field-1,
#nf-field-5,
#nf-field-6,
#nf-field-7 {
	height: 30px;
	font-style: italic;
	color: grey;
	border-bottom: 3px solid black;
}

#nf-field-2 {
	height: 30px;
	font-style: italic;
	color: grey;
	border-bottom: 3px solid black;
}

#nf-field-3 {
	font-style: italic;
	color: grey;
	border-bottom: 3px solid black;
}


#nf-field-4,
#nf-field-8 {
	text-align: center;
	height: 55px;
	font-size: 18px;
	text-shadow: none;
	-webkit-appearance: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	color: #ffffff;
	background-color: black;
	width: 30%;
	margin-top: -10px;
	cursor: default;
	border: none;
	outline: none;
	float: left !important;
}

.btnHolder {
	width: 30%;
}

.pagination {
	background-color: black;
	width: 40%;
	text-align: center;
	height: 45px;
	color: white;
}

.nf-after-field .nf-error-msg {
	display: none;
}

.nf-error-msg,
.ninja-forms-req-symbol {
	display: none;
}

.nf-form-cont {
	margin-right: 30px;
	margin-left: 30px;
}

.readmore:after {
	content: ' > ';
}

.readmore {
	color: #266593;
}

.txtholder {
	padding: 40px 80px;
	text-align: left;
}

.dbttx2 {
	margin-top: 2%;
}

.dbttx3 {
	margin-top: 2%;
}


.navHolder1 {
	float: left;
	width: 50%;
}


/*
.block2{
    display:none;
}
*/

.hr1 {
	display: block
}

.mission1 {
	display: block
}

.mission2 {
	display: block
}

.missionsubpageimg1 {
	display: block
}

.hr2 {
	display: none
}

.mission3 {
	display: none
}

.mission4 {
	display: none
}

.missionsubpageimg2 {
	display: none
}

/* Responsive Section */
.copyright{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background-color: #e0e0e0;
	padding: 20px;
}
.copyright-item-1,
.copyright-item-2{
	width: 50%;
}
.copyright-item-2{
	text-align: end;
}
.header_holder{
	background-color: #f0f0f0;
}
.footer-container-1{
	background-color: #ebebeb;
	padding-top: 30px;
	border-top: 10px solid #e0e0e0;
	font-size: 14px;
}
.footer-container-2{
	background-color: #e0e0e0;
}
.section-container-second{
	background-color: #f0f0f0;
	padding-top: 8%;
	padding-bottom: 8%;
}
.footer-flex,
.flex-wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.section-container-second 
.flex-item{
	width: 45%;
	padding-right: 50px;
}
.footer-item {
	width: 23.3%;
	height: 200px;
	text-align: left;
	padding-left: 10%;
}
#menu-main li a{
	color: black;
	text-transform: uppercase;
	font-weight: 400;
}
.main-container{
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
.section-container-fourth{
	  background-image: url('/wp-content/uploads/2023/06/Just-Makes-Sense-Background.jpg');
	  background-size: cover;
	  background-attachment: fixed;
	  background-position: center;
	  height: 35vh;
	  overflow-y: auto; /* Allows content to scroll within the parallax container */
}
.section-container-first{
	background-image: url('/wp-content/uploads/2023/07/Bike-Pump-large.jpg');
	background-size: contain;
	background-attachment: initial;
	background-position: center;
	height: 95vh;
	background-repeat: no-repeat;
	
}
.section-container-fourth 
.flex-wrapper{
	padding-top: 8%;
	padding-bottom: 8%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 150px;
}
.section-container-fourth 
.flex-wrapper 
.flex-item{
	color: #484f5e;
	margin: 0 0 20px;
	padding: 0;
	line-height: 1.1;
	font-size: 3em;
	font-weight: 500;
	opacity: .7;
}	
.section-container-third{
	padding-top: 20px;
}
.woocommerce ul.products li.product .button {
  background-color: #dd3333;
  color: #fff;
  padding: 8px 15px;
  font-weight: 400;
}
.woocommerce-loop-product__title,
.price{
	color:black !Important;
}
.button-first-section{
    background-color: #dd3333;
	font-weight: 400;
	border: none;
	color: white;
	padding: 20px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	margin: 4px 2px;
	cursor: pointer;
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 5px;
}
.single_add_to_cart_button{
	background-color: #dd3333 !important;
	color: #fff !important;
	padding: 8px 15px;
	font-weight: 400;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  width: 16%;
  list-style: none;
  margin-right: 30px;
  margin-top: 15px;
}
.hamburger-menu{
	display: flex;
	justify-content: flex-end;
	padding-right: 30px;
}
.current_page_item a{
	color: #dd3333 !important;
}
.footer-menu{
	line-height: 25px;
}










	
@media screen and (max-width: 980px) {
	
	
	.footer-item,
	.section-container-second .flex-item{
		width: 100%;
		padding-right: 0px;
	}
	.main-container {
		width: auto;
	}
	.column div{
		text-align:center !important;
	}
	.copyright-item {
	  width: 100%;
	}
	.column {
		height: auto !Important;
		margin-top: 3%;
	}

	.navHolder1 {
		float: left;
		width: 50%;
		padding-top: 6%;
	}

	.txtholder {
		padding: 40px 30px;
		text-align: left;
	}

	#menu-item-45 a {
		padding: 0px 0px;
	}

	#menu-item-44 a {
		padding: 0px 0px;
	}

	#menu-item-45,
	#menu-item-44 {
		display: block;
	}

	#menu-item-118,
	#menu-item-119,
	#menu-item-120,
	#menu-item-121,
	#menu-item-122,
	#menu-item-123 {
		display: none;
	}

	.meetourdrtxt1,
	.meetourdrtxt2,
	.meetourdrtxt3 {
		float: none;
		width: 100%;
	}

	.serviceimg1,
	.serviceimg2,
	.serviceimg3 {
		float: none;
		width: 100%;
	}

	.missionimg {
		margin: 3% 0% 0% 0%;
		display: block;
		float: none;
		background-size: cover;
		height: 250px;
	}

	.missionimg1 {
		margin: 3% 0% 0% 0%;
		display: block;
		float: none;
		background-size: cover;
		height: 250px;
	}

	.meetourdr {
		margin: 3% 0% 0% 0%;
		display: block;
		float: none;
		background-size: cover;
		height: 250px;
	}

	.serviceimg1,
	.serviceimg2,
	.serviceimg3 {
		margin: 0% 0% 4% 0%;
		padding: 80px 10px;
		display: block;
		float: none;
		background-size: contain;
		height: 50px;
	}

	.locationtxt4 {
		margin-bottom: 20px;
	}

	.container {
		width: 100%;
		float: none;
		margin: 0% 0% 0% 0% !important;
	}

	.image1,
	.image2,
	.image3 {}

	#menu-item-46 a {
		padding: 0px 0.8em;
	}

	.feedWrapper {
		text-align: center;
	}

	.feedWrapper img {
		width: 60%;
		margin: 0% 0% 0% 2%;
	}

	.blogImage {
		margin: 0% 0% 0% 0%;
	}

	.blogImage {
		width: 100%;
		float: none;
	}

	.feedWrapper {
		width: 97%;
		float: none;
	}

	.headertxt1,
	.headertxt2,
	.headertxt3,
	.logo,
	.navHolder,
	.missiontxt,
	.missionimg,
	.missionimg1,
	.meetourdr,
	.meetourdrtxt,
	.form,
	.locationtxt,
	.map {
		float: none;
		width: 100%;
	}

	.hrHolder {
		padding-top: 3%;
	}

	.theLogo {
		max-width: 30%;
		margin: 0% 0% 0% 0%;
	}

	.theLogo1 {
		max-width: 30%;
		margin: 0% 0% 0% -2%;
	}

	.main-menu {
		font-size: 17px;
	}

	.services
	{
		text-align: left;
	}

	.theHR {
		width: 40%;
	}

	.footer1-menu,
	.footer2-menu,
	.footer3-menu {
		margin: 0px 0px 0px -35px;
	}

	.locationtxt,
	.locationtxt2,
	.locationtxt3,
	.locationtxt4 {
		width: 100%;
		float: none;
		font-size: 15px;
		text-align: center;
		padding: 5px 0px;
	}

	.copyright {
		font-size: 10px;
	}

	.main-menu {
		margin: 0px 0px 0px 0px;
		font-size: 14px !important;
	}

	/* Get the columns to stack */
	.column {
		width: 100%;
		float: none;
	}

	.hide {
		display: flex;
		align-items: center;
	}

	.headertxt2 {
		float: left;
		width: 50%;
	}

	.hamburger-menu {
		float: right;
		width: 46%;
	}

	.show {
		display: none;
	}

	.menu-main-container {
		padding: 0% 0% 0% 0%;
	}

	.missionHolder {
		padding: 40px 30px;
		text-align: left;
	}

	.missiontxt {
		margin-top: 0px;
	}

	.drHolder {
		padding: 40px 30px;
	}

	.missionheader {
		padding: 0px 0px;
		text-align: left;
	}

	.missiontxt {
		padding: 20px 0px;
		text-align: left;
	}

	.pre-header {
		height: 80px !important;
	}

	.navHolder li {
		display: block;
	}

	.missiontxt,
	.meetourdrtxt {
		font-size: 14px;
	}

	.missionHolder {
		text-align: center;
	}

	#nf-form-title-1,
	.locationtxt {
		text-align: center;
	}

	.locationtxt {
		font-size: 16px;
		padding: 0px 0px;
	}

	.footertxt,
	.footertxt2,
	.footertxt3,
	.footertxt4,
	.footertxt5 {
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	
	
	
	
	.section-container-first {
	  background-size: contain;
	  position: relative;
	  height: 300px; /* Set the desired height for the container */
	}
	.hr1 {
		display: none
	}

	.mission1 {
		display: none
	}

	.mission2 {
		display: none
	}

	.missionsubpageimg1 {
		display: block
	}

	.hr2 {
		display: block
	}

	.mission3 {
		display: block
	}

	.mission4 {
		display: block
	}

	.missionsubpageimg2 {
		display: none
	}

	/*
    .block1{
        display:block;
    }
    .block2{
        display:block;
    }*/
}

@media screen and (max-width: 500px) {
	.theLogo1 {
		max-width: 30%;
		margin: 0% 0% 0% 2%;
	}
}

@media screen and (max-width: 1169px) {
	.main-menu {
		font-size: 12px;
	}
}

@media screen and (max-width: 1125px) {
	.main-menu {
		font-size: 9px;
	}
}

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

	.headertxt1,
	.headertxt2,
	.headertxt3 {
		font-size: 14px;
	}
}

@media screen and (max-width: 1280px) {
	.pre-header {
		height: 40px;
	}
}

@media screen and (max-width: 1332px) {
	.main-menu {
		font-size: 12px;
	}

	.headertxt3,
	.headertxt2,
	.headertxt1 {
		font-size: 13px;
	}
}

@media screen and (max-width: 951px) {
	.column {
		font-size: 12px;
	}
}


/* End of Responsive Section */


.ui-widget-content a {
	color: #70b0ff;
}

#menu-item-45 a,
#menu-item-44 a {
	color: #70b0ff;
}


.ui-widget {
	font-family: 'Arial', Regular !Important;
}



.resources {
	margin-top: 5%;
}

.accordion-content {
	color: #7a7a7a !Important;
	font-family: 'Arial', Regular !important;
	font-weight: 400 !Important;
	font-size: 100% !Important;
}

.sticky {
	background: white;
	z-index: 100000000;
	height: auto !important;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.btnN {
	display: inline-block;
	line-height: 1;
	background-color: #818a91;
	color: #fff;
	text-align: center;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	font-size: 15px;
	padding: 12px 24px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #266593;
	border-radius: 10px;
}
.download {
	padding: 12px 24px;
	background-color: #266593;
	color: white;
	float: left;
	border-radius: 10px;
	font-weight: 500;
	cursor: pointer;
	font-family: "Roboto", Sans-serif;
	font-size: 15px;
}

.readmore {
	color: #70b0ff;
}

.footertxt3,
.footertxt4,
.footertxt5 {
	margin: -8px 0px 0px 0px;
	text-align: left;
}

.footertxt2,
.footertxt4 {
	line-height: 35px;
}

.next,
.page-numbers {
	color: #266593 !important;
}

.mainheadertxt {
	padding-top: 3%;
	color: #266593;
	font-size: 12px;
	line-height: 105%;
	font-weight: bold;
}

.main {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}


/*---------------------
HAMBURGER MENU
----------------------*/

.hamburger-menu {
	position: relative;
	top: 0;
	left: 0;
	padding-top: 20px;
	padding-left: 15px;
	width: 100%;
	height: 43px;
	cursor: pointer;
	z-index: 9998;
	background: transparent;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.bar,
.bar:after,
.bar:before {
	width: 30px;
	height: 3px;
}

.bar {
	position: relative;
	transform: translateY(10px);
	background: black;
	transition: all 0ms 300ms;
}

.bar.animate {
	background: rgba(255, 255, 255, 0);
}

.bar:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 10px;
	background: black;
	transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar:after {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	background: black;
	transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:after {
	top: 0;
	transform: rotate(45deg);
	transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:before {
	bottom: 0;
	transform: rotate(-45deg);
	transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/*---------------------
Mobiles Menu 
----------------------*/
/*---------------------
	Mobiles Menu - Design 
	----------------------*/

.mobile-menu ul {
	margin: 0;
	padding: 0;
}

.mobile-menu li {
	font-size: 20px;
	line-height: 30px;
	margin: 0;
	overflow: hidden;
	padding: 5px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	padding-left: 15px;
}

.mobile-menu li:first-child {
	margin-top: 100px;
}

.mobile-menu li:hover {
	background: #CCCCCC;
}

.mobile-menu li a {
	text-decoration: none;
	color: black;
}

/*---------------------
	Mobiles Menu - Slide IN 
	----------------------*/
.mobile-menu {
	top: 0;
	max-width: 250px;
	left: -100%;
	width: 100%;
	background: #EBEBEB;
	color: black;
	height: 100%;
	position: fixed;
	z-index: 9997;
	overflow-y: auto;
	-webkit-transform: translate3d(0, 0, 205px);
	-moz-transform: translate3d(0, 0, 205px);
	transform: translate3d(0, 0, 205px);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.mobile-menu.active {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

/*---------------------
Mobiles Menu - Dropdown Submenu
----------------------*/

.has-children:hover {
	cursor: hand;
}

.children {
	display: none;
}

.mobile-menu .children li:first-child {
	margin-top: 0px;
}

.icon-arrow {
	position: absolute;
	display: block;
	font-size: 0.7em;
	color: black;
	top: 5px;
	right: 10px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transition: .6s;
	-webkit-transition: .6s;
	-moz-transition: .6s;
}

.icon-arrow:after {
	content: "\25BC";
}

.icon-arrow.open {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transition: .6s;
	-webkit-transition: .6s;
	-moz-transition: .6s;
}