/* Desktop Search 1 with MenuEditor */
.topnav .desktop-search-ctn[data-t="desk_1"] {
	position: fixed;
	right: 10px !important;
	top: 50px !important;
	z-index: 9998 !important;
}

.topnav .desktop-search-ctn[data-t="desk_1"] #site-search {
	position: absolute;
	min-width:120px;
	top: 45px;
	right: 55px;
	display: none;
	border: 0 !important;
	height: 25px !important;
	z-index: 99;
}

.topnav .desktop-search-ctn[data-t="desk_1"] .search-submit i {
	font-size: 25px;
}

.topnav .desktop-search-ctn[data-t="desk_1"] .search-submit {
	cursor: pointer;
	border: 0 !important;
	background-color: transparent !important;
	border-radius: 0 !important;
	width: 35px !important;
	height: 35px !important;
	margin: 0 !important;
}


/* Desktop Search 2 with MenuEditor */
.topnav .desktop-search-ctn[data-t="desk_2"] {
	position: fixed;
	right: 20px !important;
	top: 50px !important;
	z-index: 9998 !important;
}

.topnav .desktop-search-ctn[data-t="desk_2"] h3 {
	margin: 0;
	margin-bottom: 10px;
}

.topnav .desktop-search-ctn[data-t="desk_2"] .search-inner-ctn {
	border-bottom: 1px solid #bbb;
	padding: 5px;
}

.topnav .desktop-search-ctn[data-t="desk_2"] .search-inner-ctn input {
	border: 0;
	outline: none;
}


/* Desktop Search 3 with MenuEditor */
.topnav .desktop-search-ctn[data-t="desk_3"] {
	position: fixed;
	right: 20px !important;
	top: 100px !important;
	z-index: 9998 !important;
}

.topnav .desktop-search-ctn[data-t="desk_3"] .search-box {
	height: 50px;
	border-radius: 40px;
	padding: 5px;
}

.topnav .desktop-search-ctn[data-t="desk_3"] .search-button {
	color: white;
	float: right;
	width: 40px;
	height: 40px;
	border-radius: 50% !important;
	background-color: #2f3640;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.4s ease;
	font-size: 20px !important;
	border: 0 !important;
	outline: none;
}

.topnav .desktop-search-ctn[data-t="desk_3"] .search-input {
	border:none;
	background: none;
	outline:none;
	float:left;
	padding: 0;
	color: white;
	font-size: 16px;
	transition: all 0.4s ease;
	line-height: 40px;
	width: 0px;
	background-color: transparent !important;
	color: white !important;
}

.topnav .desktop-search-ctn[data-t="desk_3"] .search-box:hover > .search-button {
	background: white !important;
	color : #2f3640 !important;
}

.topnav .desktop-search-ctn[data-t="desk_3"] .search-box:hover > .search-input {
	width: 150px;
	padding: 0 6px;
}


/* Mobile Search 1 with MenuEditor */
.mobile-menu .mobile-search-ctn[data-t="mobile_1"]{
	position: absolute;
	right: 0px !important;
	top: 0px !important;
	z-index: 9998 !important;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_1"] #site-search {
	position: absolute;
	top: 45px;
	right: 55px;
	display: none;
	border: 0 !important;
	height: 25px !important;
	z-index: 99;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_1"] .search-submit i {
	font-size: 25px;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_1"] .search-submit {
	cursor: pointer;
	border: 0 !important;
	background-color: transparent !important;
	border-radius: 0 !important;
	width: 35px !important;
	height: 35px !important;
	margin: 0 !important;
}


/* Mobile Search 2 with MenuEditor */
.mobile-menu .mobile-search-ctn[data-t="mobile_2"] {
	position: absolute;
	left: 50% !important;
	top: calc(100% + 15px) !important;
	z-index: 9998 !important;
	transform: translateX(-50%);
	width: 250px;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_2"] h3 {
	margin: 0;
	font-size: 15px !important;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_2"] .search-inner-ctn {
	border-bottom: 1px solid #bbb;
	padding: 5px;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_2"] .search-inner-ctn input {
	width: 0;
	border: 0;
	outline: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 25px;
	border-radius: 0 !important;
	background-color: #f2f2f2 !important;
	padding: 0px;
	transition: 1s ease;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_2"].open .search-inner-ctn input {
	width: 225px;
	padding: 5px 10px;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_2"] .search-holder {
	display: inline-block;
	vertical-align: middle;
}


/* Mobile Search 3 with MenuEditor */
.mobile-menu .mobile-search-ctn[data-t="mobile_3"].right{
	position: fixed;
	right: 20px !important;
	top: 100px !important;
	z-index: 9998 !important;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_3"].left{
	position: fixed;
	top: 100px !important;
	z-index: 9998 !important;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_3"] .search-box {
	height: 50px;
	min-width: 50px;
	max-width: 240px;
	border-radius: 40px;
	padding: 5px;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_3"] .search-button {
	color: white;
	float: right;
	width: 40px;
	height: 40px;
	border-radius: 50% !important;
	background-color: #2f3640;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.4s;
	font-size: 20px !important;
	border: 0 !important;
	outline: none;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_3"] .search-input {
	border:none;
	background: none;
	outline:none;
	float:left;
	padding: 0;
	color: white;
	font-size: 16px;
	transition: 0.4s;
	line-height: 40px;
	width: 0px;
	background-color: transparent !important;
	color: white !important;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_3"] .search-box:hover > .search-button {
	background: white !important;
	color : #2f3640 !important;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_3"] .search-box:hover > .search-input {
	width: 240px;
	padding: 0 6px;
	transition:all 0.4s ease;
}

@media (max-width: 1100px) {
	.mobile-menu .mobile-search-ctn[data-t="mobile_3"].right {
		right: 0px !important;
	}
}

@media screen and (max-width: 620px) {
	.mobile-menu .mobile-search-ctn[data-t="mobile_3"] .search-box:hover > .search-input {
		width: 150px;
		padding: 0 6px;
	}
}


/* Mobile Search 4 with MenuEditor */
.mobile-menu .mobile-search-ctn[data-t="mobile_4"] {
	position: absolute;
	top: calc(100% + 15px);
	right: 10%;
	height: 45px;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_4"] .search-box input {
	border: 0 !important;
	width: 100%;
	height: 100%;
	background-color: transparent !important;
	color: #8f8f8f !important;
	padding: 10px 20px;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_4"] .search-box {
	float: left;
	height: 45px;
	width: 255px;
	background-color: #f5f5f5;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_4"] .search-button {
	float: left;
	height: 45px;
	width: 45px;
	position: relative;
	background-color: #dfdfdf;
	color: #8f8f8f;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_4"] .search-button svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	fill: #8f8f8f;
	width: 25px;
	height: 25px;
}

@media (max-width: 400px) {
	.mobile-menu .mobile-search-ctn[data-t="mobile_4"] {
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		width: 245px;
	}

	.mobile-menu .mobile-search-ctn[data-t="mobile_4"] .search-box {
		width: 200px;
	}
}


/* Mobile Search 5 with MenuEditor */
.mobile-menu .mobile-search-ctn[data-t="mobile_5"] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5%;
	height: 43px;
	z-index: 999999;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_5"] .search-box input {
	border: 0 !important;
	width: 100%;
	height: 100%;
	background-color: transparent !important;
	color: #989898 !important;
	padding: 10px 20px;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_5"] .search-box {
	display: inline-block;
	vertical-align: top;
	height: 43px;
	width: 0;
	transition: 1s ease;
	background-color: #ffffff;
	border-radius: 2px;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_5"] .search-box.open {
	width: 200px;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_5"] .search-button {
	display: inline-block;
	vertical-align: top;
	height: 43px;
	width: 43px;
	position: relative;
	background-color: #ffffff;
	color: #989898;
	border-radius: 2px;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_5"] .search-button svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	fill: #8f8f8f;
	width: 25px;
	height: 25px;
}


/* Mobile Search 6 with MenuEditor */
.mobile-menu .mobile-search-ctn[data-t="mobile_6"] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5%;
	height: 40px;
	width: 40px;
	z-index: 999999;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_6"] .search-box input {
	border: 0 !important;
	width: 100%;
	height: 100%;
	background-color: transparent !important;
	color: #000 !important;
	padding: 10px 20px;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_6"] .search-box {
	position: absolute;
	top: calc(100% + 15px);
	right: 0;
	height: 40px;
	width: 200px;
	background-color: #e8e8ea;
	border-radius: 2px;
	transition:all 5s linear;
	z-index: 1;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_6"] .search-box:not(.open) {
	display: none;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_6"] .search-box:before {
	content: "";
	position: absolute;
	top: -15px;
	right: 13px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 15px 7.5px;
	border-color: transparent transparent #e8e8ea transparent;
	transition: 0.5s ease;
}

.mobile-menu .mobile-search-ctn[data-t="mobile_6"] .search-button {
	height: 40px;
	width: 40px;
	position: absolute;
	background-color: #ffffff;
	color: #989898;
	border-radius: 2px;
	z-index: 3;
	top: 0px;
	left: 0px;
	
}

.mobile-menu .mobile-search-ctn[data-t="mobile_6"] .search-button svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	fill: #8f8f8f;
	width: 25px;
	height: 25px;
}


/* Desktop Search 1 with MenuBuilder */
#mb_menu_ctn .desktop-search-ctn[data-t="desk_1"] {
	position: absolute;
    right: 0px !important;
    top: 0px !important;
    height: 100%;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_1"] .search-submit i {
	font-size: 25px;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_1"] .search-submit {
	cursor: pointer;
	border: 0 !important;
	background-color: transparent !important;
	border-radius: 0 !important;
	width: 35px !important;
	height: 100% !important;
	margin: 0 !important;
}


/* Desktop Search 2 with MenuBuilder */

#mb_menu_ctn .desktop-search-ctn[data-t="desk_2"],
head ~ #mb_menu_ctn[data-style="standard"][data-posstyle="vertical_extended"] ul.mb_ul.mb_response_menu .desktop-search-ctn[data-t="desk_2"] {
	position: absolute;
    right: 0px !important;
    top: 0px !important;
    height: 100%;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_2"] h3,
head ~ #mb_menu_ctn[data-style="standard"][data-posstyle="vertical_extended"] ul.mb_ul.mb_response_menu .desktop-search-ctn[data-t="desk_2"] h3 {
	margin: 0;
	margin-bottom: 10px;
	font-size: 12px !important;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_2"] .search-inner-ctn,
head ~ #mb_menu_ctn[data-style="standard"][data-posstyle="vertical_extended"] ul.mb_ul.mb_response_menu .desktop-search-ctn[data-t="desk_2"] .search-inner-ctn {
	border-bottom: 1px solid #bbb;
	padding: 5px;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_2"] .search-inner-ctn input,
head ~ #mb_menu_ctn[data-style="standard"][data-posstyle="vertical_extended"] ul.mb_ul.mb_response_menu .desktop-search-ctn[data-t="desk_2"] .search-inner-ctn input {
	border: 0;
	outline: none;
	width: 0px; 
	padding:0px;
	/*display: none;*/
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_2"].open .search-inner-ctn input,
head ~ #mb_menu_ctn[data-style="standard"][data-posstyle="vertical_extended"] ul.mb_ul.mb_response_menu .desktop-search-ctn[data-t="desk_2"].open .search-inner-ctn input {
	width: 150px;
	padding: 4px; 
	display: inline-block
}


/* Desktop Search 3 with MenuBuilder */
#mb_menu_ctn .desktop-search-ctn[data-t="desk_3"] {
	position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_3"] .search-box {
    height: 100%;
    border-radius: 40px;
    padding: 5px;
    display: flex;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_3"] .search-button {
	color: white;
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
	background-color: #2f3640;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease;
    font-size: 20px !important;
    border: 0 !important;
    outline: none;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_3"] .search-input {
    border: none;
    background: none;
    outline: none;
    float: left;
    padding: 0;
    color: white !important;
    font-size: 16px !important;
    transition: all 0.4s ease;
    line-height: 33px;
    width: 0px;
    background-color: transparent !important;
    color: white !important;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_3"] .search-box:hover > .search-button {
	background: white !important;
	color : #2f3640 !important;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_3"] .search-box:hover > .search-input {
	width: 150px;
	padding: 0 6px;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_3"].left{
	left: 0px;
	right: unset;
}

/*#mb_menu_ctn .desktop-search-ctn[data-t="desk_3"].left .search-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	/* optional 
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_3"].left .search-box input{
	float: right;
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_3"].left .search-box button{
	float: left;
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

#mb_menu_ctn .desktop-search-ctn[data-t="desk_3"].left .search-box{
	left: 0%;
}
*/

/* Mobile Same Search 1 with MenuBuilder */
#mb_menu_ctn .mobile-search-ctn[data-t="mobile_1"]{
	position: absolute;
    right: 0px !important;
    top: 0px !important;
    height: 100%;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_1"] .search-submit i {
	font-size: 25px;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_1"] .search-submit {
	cursor: pointer;
	border: 0 !important;
	background-color: transparent !important;
	border-radius: 0 !important;
	width: 35px !important;
	height: 100% !important;
	margin: 0 !important;
}


/* Mobile Same Search 2 with MenuBuilder */
#mb_menu_ctn .mobile-search-ctn[data-t="mobile_2"] {
	position: absolute;
    right: 0px !important;
    top: 0px !important;
    height: 100%;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_2"] h3 {
	margin: 0;
	margin-bottom: 10px;
	font-size: 12px !important;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_2"] .search-inner-ctn {
	border-bottom: 1px solid #bbb;
	padding: 5px;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_2"] .search-inner-ctn input {
	border: 0;
	outline: none;
	width: 0px; 
	padding:0px;
	/*display: none;*/
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_2"].open .search-inner-ctn input{
	width: 150px;
	padding: 4px; 
	display: inline-block
}

@media (max-width: 760px){
	#mb_menu_ctn .mobile-search-ctn[data-t="mobile_2"].open .search-inner-ctn input{
		width: 100px; 
		padding:4px; 
		display: inline-block;
	}
}


/* Mobile Same Search 3 with MenuBuilder */
#mb_menu_ctn .mobile-search-ctn[data-t="mobile_3"] {
	position: absolute;
    right: 0px !important;
    top: 0px !important;
    height: 100%;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_3"] .search-box {
    height: 100%;
    border-radius: 40px;
    padding: 5px;
    display: flex;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_3"] .search-button {
	color: white;
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    background-color: #2f3640;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease;
    font-size: 20px !important;
    border: 0 !important;
    outline: none;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_3"] .search-input {
    border: none;
    background: none;
    outline: none;
    float: left;
    padding: 0;
    color: white !important;
    font-size: 16px !important;
    transition: all 0.4s ease;
    line-height: 33px;
    width: 0px;
    background-color: transparent !important;
    color: white !important;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_3"] .search-box:hover > .search-button {
	background: white !important;
	color : #2f3640 !important;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_3"] .search-box:hover > .search-input {
	width: 150px;
	padding: 0 6px;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_3"].left{
	left: 0px;
	right: unset;
}
/*
#mb_menu_ctn .mobile-search-ctn[data-t="mobile_3"].left .search-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	/* optional 
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_3"].left .search-box input{
	float: right;
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_3"].left .search-box button{
	float: left;
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

#mb_menu_ctn .mobile-search-ctn[data-t="mobile_3"].left .search-box{
	left: 0%;
}
*/
		
/* Mobile Search 1 with MenuBuilder */
.footer_search_ctn .mobile-search-ctn[data-t="mobile_1"]{
	position: fixed;
	right: 5%;
	top: 10px ;
	z-index: 9998 !important;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_1"] #site-search {
	position: absolute;
	top: 45px;
	right: 55px;
	display: none;
	border: 0 !important;
	height: 25px !important;
	z-index: 99;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_1"] .search-submit i {
	font-size: 25px;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_1"] .search-submit {
	cursor: pointer;
	border: 0 !important;
	background-color: transparent !important;
	border-radius: 0 !important;
	width: 35px !important;
	height: 35px !important;
	margin: 0 !important;
}


/* Mobile Search 2 with MenuBuilder */
.footer_search_ctn .mobile-search-ctn[data-t="mobile_2"] {
	position: fixed;
	left: 50% !important;
	top: calc(10% - 15px);
	z-index: 9998 !important;
	transform: translateX(-50%);
	width: 250px;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_2"] h3 {
	margin: 0;
	font-size: 15px !important;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_2"] .search-inner-ctn {
	border-bottom: 1px solid #bbb;
	padding: 5px;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_2"] .search-inner-ctn input {
	width: 0;
	border: 0;
	outline: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 25px;
	border-radius: 0 !important;
	background-color: #f2f2f2 !important;
	padding: 0px;
	transition: 1s ease;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_2"].open .search-inner-ctn input {
	width: 225px;
	padding: 5px 10px;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_2"] .search-holder {
	display: inline-block;
	vertical-align: middle;
}


/* Mobile Search 3 with MenuBuilder */
.footer_search_ctn .mobile-search-ctn[data-t="mobile_3"]{
	position: fixed;
	right: 20px !important;
	top: 100px ;
	z-index: 9998 !important;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_3"] .search-box {
	height: 50px;
	min-width: 50px;
	max-width: 240px;
	border-radius: 40px;
	padding: 5px;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_3"] .search-button {
	color: white;
	float: right;
	width: 40px;
	height: 40px;
	border-radius: 50% !important;
	background-color: #2f3640;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.4s;
	font-size: 20px !important;
	border: 0 !important;
	outline: none;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_3"] .search-input {
	border:none;
	background: none;
	outline:none;
	float:left;
	padding: 0;
	color: white;
	font-size: 16px;
	transition: 0.4s;
	line-height: 40px;
	width: 0px;
	background-color: transparent !important;
	color: white !important;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_3"] .search-box:hover > .search-button {
	background: white !important;
	color : #2f3640 !important;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_3"] .search-box:hover > .search-input {
	width: calc(240px - 50px);
	padding: 0 6px;
	transition:all 0.4s ease;
}


/* Mobile Search 4 with MenuBuilder */
.footer_search_ctn .mobile-search-ctn[data-t="mobile_4"] {
	position: fixed;
	top: calc(100% + 15px);
	right: 10%;
	height: 45px;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_4"] .search-box input {
	border: 0 !important;
	width: 100%;
	height: 100%;
	background-color: transparent !important;
	color: #8f8f8f !important;
	padding: 10px 20px;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_4"] .search-box {
	float: left;
	height: 45px;
	width: 255px;
	background-color: #f5f5f5;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_4"] .search-button {
	float: left;
	height: 45px;
	width: 45px;
	position: relative;
	background-color: #dfdfdf;
	color: #8f8f8f;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_4"] .search-button svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	fill: #8f8f8f;
	width: 25px;
	height: 25px;
}


/* Mobile Search 5 with MenuBuilder */
.footer_search_ctn .mobile-search-ctn[data-t="mobile_5"] {
	position: fixed;
	top: 50%;
	right: 5%;
	height: 43px;
	z-index: 999999;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_5"] .search-box input {
	border: 0 !important;
	width: 100%;
	height: 100%;
	background-color: transparent !important;
	color: #989898 !important;
	padding: 10px 20px;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_5"] .search-box {
	display: inline-block;
	vertical-align: top;
	height: 43px;
	width: 0;
	transition: 1s ease;
	background-color: #ffffff;
	border-radius: 2px;
}
			
.footer_search_ctn .mobile-search-ctn[data-t="mobile_5"] .search-box.open {
	width: 200px;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_5"] .search-button {
	display: inline-block;
	vertical-align: top;
	height: 43px;
	width: 43px;
	position: relative;
	background-color: #ffffff;
	color: #989898;
	border-radius: 2px;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_5"] .search-button svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	fill: #8f8f8f;
	width: 25px;
	height: 25px;
}

@media screen and (max-width: 620px) {
	.footer_search_ctn .mobile-search-ctn[data-t="mobile_5"].right {
		right: 5%;
		top: 25px;
		z-index: 9999999999 !important;
	}

	.footer_search_ctn .mobile-search-ctn[data-t="mobile_5"].left {
			left: 15%;
			top: 25px;
			z-index: 9999999999 !important;
	}

	.footer_search_ctn .mobile-search-ctn[data-t="mobile_5"].left .search-box{
		left: 0%;
	}
}


/* Mobile Search 6 with MenuBuilder */
.footer_search_ctn .mobile-search-ctn[data-t="mobile_6"] {
	position: fixed;
	top: 50%;
	right: 5%;
	height: 40px;
	width: 40px;
	z-index: 999999;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_6"] .search-box input {
	border: 0 !important;
	width: 100%;
	height: 100%;
	background-color: transparent !important;
	color: #000 !important;
	padding: 10px 20px;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_6"] .search-box {
	position: absolute;
	top: calc(100% + 15px);
	right: 0;
	height: 40px;
	width: 200px;
	background-color: #e8e8ea;
	border-radius: 2px;
	transition:all 5s ease;
	z-index: 1;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_6"] .search-box:not(.open) {
	display: none;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_6"] .search-box:before {
	content: "";
	position: absolute;
	top: -15px;
	right: 13px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 15px 7.5px;
	border-color: transparent transparent #e8e8ea transparent;
	transition: 0.5s ease;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_6"] .search-button {
	height: 40px;
	width: 40px;
	position: absolute;
	background-color: #ffffff;
	color: #989898;
	border-radius: 2px;
	z-index: 3;
	top: 0px;
	left: 0px;
}

.footer_search_ctn .mobile-search-ctn[data-t="mobile_6"] .search-button svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	fill: #8f8f8f;
	width: 25px;
	height: 25px;
}

@media screen and (max-width: 620px) {
	.footer_search_ctn .mobile-search-ctn[data-t="mobile_6"].right {
		right: 5%;
		top: 25px;
		z-index: 9999999999 !important;
	}

	.footer_search_ctn .mobile-search-ctn[data-t="mobile_6"].left {
		left: 15%;
		top: 25px;
		z-index: 9999999999 !important;
	}

	.footer_search_ctn .mobile-search-ctn[data-t="mobile_6"].left .search-box{
		left: 0%;
	}

	.footer_search_ctn .mobile-search-ctn[data-t="mobile_6"].left .search-box:before{
		left: 13px;
	}
}
