*{
	box-sizing: border-box;
}

/* CUSTOM STYLING
-------------------------------------- */

.flex {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
}

.flex:before, .flex:after {
    display: none !important;
}

.ai-center {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.ai-stretch {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items:stretch;
}

.ai-start{
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	align-items: flex-start;
}

.ai-end{
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	-o-align-items: flex-end;
	align-items: flex-end;
}

.jc-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

.jc-end {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}

.jc-start {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}

.jc-spacebetween {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

.jc-space-evenly {
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    -o-justify-content: space-evenly;
    justify-content: space-evenly;
}

.flex-direction-col-rev {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.flex-direction-row-rev {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


.wrap{
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

break{
	width:100%;
	max-width:100%;
}



.spt-full {
    width: 100%;
	max-width:100%;
}

.max-width {
    width: 100%;
	max-width:1366px;
	margin-left:auto;
	margin-right:auto;
}

.spt-10 {
    width: 100%;
    max-width: 10%;
}

.spt-20 {
    width: 100%;
    max-width: 20%;
}


.spt-16 {
    width: 100%;
    max-width: 16.6666666667%;
}


.spt-25 {
    width: 100%;
    max-width: 25%;
}

.spt-30 {
    width: 100%;
    max-width: 30%;
}

.spt-33 {
    width: 100%;
    max-width: 33.33%;
}

.spt-35 {
    width: 100%;
    max-width: 35%;
}

.spt-40 {
    width: 100%;
    max-width: 40%;
}

.spt-50 {
    width: 100%;
	max-width:50%;
}

.spt-60 {
    width: 100%;
    max-width: 60%;
}

.spt-66 {
    width: 100%;
    max-width: 66.66%;
}

.spt-70 {
    width: 100%;
    max-width: 70%;
}

.spt-75 {
    width: 100%;
    max-width: 75%;
}

.spt-80 {
    width: 100%;
    max-width: 80%;
}

.spt-90 {
    width: 100%;
    max-width: 90%;
}


.mb-0{
	margin-bottom:0px !important;
}
.mb-10{
	margin-bottom:10px;
}
.mb-20{
	margin-bottom:20px;
}
.mb-30{
	margin-bottom:30px;
}
.mb-40{
	margin-bottom:40px;
}
.mb-50{
	margin-bottom:50px;
}
.mb-60{
	margin-bottom:60px;
}
.mb-70{
	margin-bottom:70px;
}
.mb-80{
	margin-bottom:80px;
}
.mb-90{
	margin-bottom:90px;
}
.mb-100{
	margin-bottom:100px;
}


.mt-0{
	margin-top:0px;
}
.mt-10{
	margin-top:10px;
}
.mt-20{
	margin-top:20px;
}
.mt-30{
	margin-top:30px;
}
.mt-40{
	margin-top:40px;
}
.mt-50{
	margin-top:50px;
}
.mt-60{
	margin-top:60px;
}
.mt-70{
	margin-top:70px;
}
.mt-80{
	margin-top:80px;
}
.mt-90{
	margin-top:90px;
}
.mt-100{
	margin-top:100px;
}

.padding-5{
	padding:5px;
}
.padding-10{
	padding:10px;
}
.padding-15{
	padding:15px;
}
.padding-20{
	padding:20px;
}
.padding-30{
	padding:30px;
}
.padding-40{
	padding:40px;
}
.padding-50{
	padding:50px;
}
.padding-60{
	padding:60px;
}
.padding-70{
	padding:70px;
}
.padding-80{
	padding:80px;
}
.padding-90{
	padding:90px;
}
.padding-100{
	padding:100px;
}

.padding-lr-10{
	padding-left:10px;
	padding-right:10px;
}
.padding-lr-15{
	padding-left:15px;
	padding-right:15px;
}
.padding-lr-20{
	padding-left:20px;
	padding-right:20px;
}
.padding-lr-30{
	padding-left:30px;
	padding-right:30px;
}
.padding-lr-40{
	padding-left:40px;
	padding-right:40px;
}
.padding-lr-50{
	padding-left:50px;
	padding-right:50px;
}


.padding-tb-10{
	padding-top:10px;
	padding-bottom:10px;
}
.padding-tb-20{
	padding-top:20px;
	padding-bottom:20px;
}
.padding-tb-30{
	padding-top:30px;
	padding-bottom:30px;
}
.padding-tb-40{
	padding-top:40px;
	padding-bottom:40px;
}
.padding-tb-50{
	padding-top:50px;
	padding-bottom:50px;
}
.padding-tb-60{
	padding-top:60px;
	padding-bottom:60px;
}
.padding-tb-70{
	padding-top:70px;
	padding-bottom:70px;
}
.padding-tb-80{
	padding-top:80px;
	padding-bottom:80px;
}
.padding-tb-90{
	padding-top:90px;
	padding-bottom:90px;
}
.padding-tb-100{
	padding-top:100px;
	padding-bottom:100px;
}


.n-margin-lf-5{
	margin-left:-5px;
	margin-right:-5px;
}
.n-margin-lf-10{
	margin-left:-10px;
	margin-right:-10px;
}
.n-margin-lf-15{
	margin-left:-15px;
	margin-right:-15px;
}
.n-margin-lf-20{
	margin-left:-20px;
	margin-right:-20px;
}
.n-margin-lf-30{
	margin-left:-30px;
	margin-right:-30px;
}

.img-center{
	display:block;
	margin:auto;
}

.text-center{
	text-align:center;
}

.text-left{
	text-align:left;
}

.text-right{
	text-align:right;
}


.text-uppercase{
	text-transform:uppercase;
}

.relative{
	position:relative;
}

.visibility-hidden{
	visibility:hidden;
}

.bg-cover{
	background-size:cover;
	background-repeat:no-repeat;
}

.bg-contain{
	background-size:contain;
	background-repeat:no-repeat;
}

.bg-position-center{
	background-position:center;
}

.bg-position-center-right{
	background-position:center right;
}

.bg-position-center-left{
	background-position:center left;
}

.bg-position-center-top{
	background-position:center top;
}

.bg-position-center-bottom{
	background-position:center bottom;
}


.bg-black{
	background-color:#000 !important;
}

.bg-g-blue{
	background-color:#f1f2f6 !important;
}

.bg-grey{
	background-color:#f5f5f5 !important;
}

.bg-white{
	background-color:#fff !important;
}

.bg-white-o-9{
	background-color:rgba(255, 255, 255, 0.9) !important;
}


.bg-pink{
	background-color:rgb(254, 229, 232) !important;
}

.font-weight-100{
	font-weight: 100;
}
.font-weight-200{
	font-weight: 200;
}
.font-weight-300{
	font-weight: 300;
}
.font-weight-400{
	font-weight: 400;
}
.font-weight-500{
	font-weight: 500;
}
.font-weight-600{
	font-weight: 600;
}
.font-weight-700{
	font-weight: 700;
}
.font-weight-800{
	font-weight: 800;
}
.font-weight-800{
	font-weight: 800;
}

.font-weight-900{
	font-weight: 900;
}

.display-none{
	display:none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, 
.video-container object, 
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* CUSTOM STYLING RESPONSIVE
-------------------------------------- */

@media screen and (max-width:1023px){
.m-display-none{
	display:none;
}


.m-flex {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
}

.m-flex:before, .m-flex:after {
    display: none !important;
}

.m-ai-center {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.m-ai-stretch {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items:stretch;
}

.m-ai-start{
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	align-items: flex-start;
}

.m-ai-end{
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	-o-align-items: flex-end;
	align-items: flex-end;
}

.m-jc-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

.m-jc-start {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}

.m-jc-spacebetween {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

.m-jc-space-evenly {
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    -o-justify-content: space-evenly;
    justify-content: space-evenly;
}
	
.m-flex-direction-col-rev {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
}


.m-wrap{
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.m-spt-full {
    width: 100%;
	max-width:100%;
}

.m-spt-10 {
    width: 100%;
    max-width: 10%;
}

.m-spt-20 {
    width: 100%;
    max-width: 20%;
}

.m-spt-25 {
    width: 100%;
    max-width: 25%;
}

.m-spt-30 {
    width: 100%;
    max-width: 30%;
}

.m-spt-33 {
    width: 100%;
    max-width: 33.33%;
}

.m-spt-40 {
    width: 100%;
    max-width: 40%;
}

.m-spt-50 {
    width: 100%;
	max-width:50%;
}

.m-spt-60 {
    width: 100%;
    max-width: 60%;
}

.m-spt-66 {
    width: 100%;
    max-width: 66.66%;
}

.m-spt-70 {
    width: 100%;
    max-width: 70%;
}

.m-spt-80 {
    width: 100%;
    max-width: 80%;
}

.m-spt-90 {
    width: 100%;
    max-width: 90%;
}


.m-mb-0{
	margin-bottom:0px;
}
.m-mb-10{
	margin-bottom:10px;
}
.m-mb-20{
	margin-bottom:20px;
}
.m-mb-30{
	margin-bottom:30px;
}
.m-mb-40{
	margin-bottom:40px;
}
.m-mb-50{
	margin-bottom:50px;
}
.m-mb-60{
	margin-bottom:60px;
}
.m-mb-70{
	margin-bottom:70px;
}
.m-mb-80{
	margin-bottom:80px;
}
.m-mb-90{
	margin-bottom:90px;
}
.m-mb-100{
	margin-bottom:100px;
}


.m-mt-0{
	margin-top:0px;
}
.m-mt-10{
	margin-top:10px;
}
.m-mt-20{
	margin-top:20px;
}
.m-mt-30{
	margin-top:30px;
}
.m-mt-40{
	margin-top:40px;
}
.m-mt-50{
	margin-top:50px;
}
.m-mt-60{
	margin-top:60px;
}
.m-mt-70{
	margin-top:70px;
}
.m-mt-80{
	margin-top:80px;
}
.m-mt-90{
	margin-top:90px;
}
.m-mt-100{
	margin-top:100px;
}

.m-padding-0{
	padding:0;
}
.m-padding-5{
	padding:5px;
}
.m-padding-10{
	padding:10px;
}
.m-padding-15{
	padding:15px;
}
.m-padding-20{
	padding:20px;
}
.m-padding-30{
	padding:30px;
}
.m-padding-40{
	padding:40px;
}
.m-padding-50{
	padding:50px;
}
.m-padding-60{
	padding:60px;
}
.m-padding-70{
	padding:70px;
}
.m-padding-80{
	padding:80px;
}
.m-padding-90{
	padding:90px;
}
.m-padding-100{
	padding:100px;
}

.m-padding-lr-10{
	padding-left:10px;
	padding-right:10px;
}
.m-padding-lr-20{
	padding-left:20px;
	padding-right:20px;
}
.m-padding-lr-30{
	padding-left:30px;
	padding-right:30px;
}
.m-padding-lr-40{
	padding-left:40px;
	padding-right:40px;
}
.m-padding-lr-50{
	padding-left:50px;
	padding-right:50px;
}

.m-padding-tb-0{
	padding-top:0;
	padding-bottom:0;
} 
.m-padding-tb-10{
	padding-top:10px;
	padding-bottom:10px;
}
.m-padding-tb-20{
	padding-top:20px;
	padding-bottom:20px;
}
.m-padding-tb-30{
	padding-top:30px;
	padding-bottom:30px;
}
.m-padding-tb-40{
	padding-top:40px;
	padding-bottom:40px;
}
.m-padding-tb-50{
	padding-top:50px;
	padding-bottom:50px;
}


.m-img-center{
	display:block;
	margin:auto;
}

.m-bg-none{
	background-image:none !important;
}

.m-text-center{
	text-align:center;
}

.m-text-left{
	text-align:left;
}

.m-text-right{
	text-align:right;
}

.m-n-margin-lf-0{
	margin-left:0;
	margin-right:0;
}

.m-custom-full{
	width:100%;
	margin-left:0;
	margin-right:0;
}

.m-width-200{
	max-width:200px;
	width:100%;
	height:auto;
}

.m-width-150{
	max-width:150px;
	width:100%;
	height:auto;
}

.m-width-100{
	max-width:100px;
	width:100%;
	height:auto;
}
}

@media screen and (max-width:767px){
.mobile-menu-button img {
    width: 20px;
}

.mobile-menu-button {
	padding: 10px;
    top: calc(50% - 17px);
}


.s-display-none{
	display:none;
}

.s-flex {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
}

.s-flex:before, .s-flex:after {
    display: none !important;
}

.s-ai-center {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.s-ai-stretch {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items:stretch;
}

.s-ai-start{
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	align-items: flex-start;
}

.s-ai-end{
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	-o-align-items: flex-end;
	align-items: flex-end;
}

.s-jc-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

.s-jc-spacebetween {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

.s-jc-space-evenly {
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    -o-justify-content: space-evenly;
    justify-content: space-evenly;
}
.s-flex-direction-col-rev {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.s-wrap{
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.s-spt-full {
    width: 100%;
	max-width:100%;
}

.s-spt-10 {
    width: 100%;
    max-width: 10%;
}

.s-spt-20 {
    width: 100%;
    max-width: 20%;
}

.s-spt-25 {
    width: 100%;
    max-width: 25%;
}

.s-spt-30 {
    width: 100%;
    max-width: 30%;
}

.s-spt-33 {
    width: 100%;
    max-width: 33.33%;
}

.s-spt-40 {
    width: 100%;
    max-width: 40%;
}

.s-spt-50 {
    width: 100%;
	max-width:50%;
}

.s-spt-60 {
    width: 100%;
    max-width: 60%;
}

.s-spt-66 {
    width: 100%;
    max-width: 66.66%;
}

.s-spt-70 {
    width: 100%;
    max-width: 70%;
}


.s-spt-80 {
    width: 100%;
    max-width: 80%;
}

.s-spt-90 {
    width: 100%;
    max-width: 90%;
}


.s-mb-0{
	margin-bottom:0px;
}
.s-mb-10{
	margin-bottom:10px;
}
.s-mb-20{
	margin-bottom:20px;
}
.s-mb-30{
	margin-bottom:30px;
}
.s-mb-40{
	margin-bottom:40px;
}
.s-mb-50{
	margin-bottom:50px;
}
.s-mb-60{
	margin-bottom:60px;
}
.s-mb-70{
	margin-bottom:70px;
}
.s-mb-80{
	margin-bottom:80px;
}
.s-mb-90{
	margin-bottom:90px;
}
.s-mb-100{
	margin-bottom:100px;
}


.s-mt-0{
	margin-top:0px;
}
.s-mt-10{
	margin-top:10px;
}
.s-mt-20{
	margin-top:20px;
}
.s-mt-30{
	margin-top:30px;
}
.s-mt-40{
	margin-top:40px;
}
.s-mt-50{
	margin-top:50px;
}
.s-mt-60{
	margin-top:60px;
}
.s-mt-70{
	margin-top:70px;
}
.s-mt-80{
	margin-top:80px;
}
.s-mt-90{
	margin-top:90px;
}
.s-mt-100{
	margin-top:100px;
}

.s-padding-0{
	padding:0px;
}
.s-padding-5{
	padding:5px;
}
.s-padding-10{
	padding:10px;
}
.s-padding-15{
	padding:15px;
}
.s-padding-20{
	padding:20px;
}
.s-padding-30{
	padding:30px;
}
.s-padding-40{
	padding:40px;
}
.s-padding-50{
	padding:50px;
}
.s-padding-60{
	padding:60px;
}
.s-padding-70{
	padding:70px;
}
.s-padding-80{
	padding:80px;
}
.s-padding-90{
	padding:90px;
}
.s-padding-100{
	padding:100px;
}

.s-padding-lr-10{
	padding-left:10px;
	padding-right:10px;
}
.s-padding-lr-20{
	padding-left:20px;
	padding-right:20px;
}
.s-padding-lr-30{
	padding-left:30px;
	padding-right:30px;
}
.s-padding-lr-40{
	padding-left:40px;
	padding-right:40px;
}
.s-padding-lr-50{
	padding-left:50px;
	padding-right:50px;
}


.s-padding-tb-10{
	padding-top:10px;
	padding-bottom:10px;
}
.s-padding-tb-20{
	padding-top:20px;
	padding-bottom:20px;
}
.s-padding-tb-30{
	padding-top:30px;
	padding-bottom:30px;
}
.s-padding-tb-40{
	padding-top:40px;
	padding-bottom:40px;
}
.s-padding-tb-50{
	padding-top:50px;
	padding-bottom:50px;
}


.s-img-center{
	display:block;
	margin:auto;
}

.s-bg-none{
	background-image:none !important;
}

.s-text-center{
	text-align:center;
}

.s-text-left{
	text-align:left;
}

.s-text-right{
	text-align:right;
}

.s-width-300{
	max-width:300px;
	width:100%
	height:auto;
}

.s-width-200{
	max-width:200px;
	width:100%
	height:auto;
}

.s-width-150{
	max-width:150px;
	width:100%
	height:auto;
}

.s-width-100{
	max-width:100px;
	width:100%
	height:auto;
}

.s-custom-full{
	width:100%;
	margin-left:0;
	margin-right:0;
}

.s-n-margin-lf-0{
	margin-left:0;
	margin-right:0;
}
}




/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 60px;
  height: 45px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  background: #d3531a;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}

#nav-icon3 span:nth-child(4) {
  top: 36px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}