/*body{
    background-color: #2a2d3c;
}*/
/*.mk-search-trigger {
  position: absolute;
  top: 45%;
  left: 45%;
}
*/

/* Search Overlay */

.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform input[type=submit] {
    /* position: absolute; */
    width: 25px;
    /* height: 100%; */
    background-color: transparent;
    border: 0;
    right: 0;
    top: 0;
}


.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform .fullscreen-search-icon-mobile {
    content: "" !important;
    background: url(../img/icon/icon-search-white.png) no-repeat 0 0;
    background-size: 0.7em;
	margin-top: 5px;
    position: absolute;
	left: -15px;
    width: 25px;
    top: 12px;
}

.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform .fullscreen-search-icon {
    content: "" !important;
    background: url(../img/icon/icon-search-white.png) no-repeat 0 0;
    background-size: 0.7em;
	margin-top: 5px;
    position: absolute;
	left: -15%;
    width: 25px;
    top: 5px;
}

.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform .fullscreen-search-icon-catalog {
    background: url(../img/icon/icon-search.png) no-repeat 0 0;
    background-size: 0.7em;
}


.mk-fullscreen-searchform {
  position: relative;
  vertical-align: middle;
}

.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform #inputSearchField,
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform #inputSearchFieldMobile,
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform #inputSearchFieldCatalog
 {
	width:100%;
  background-color: transparent;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .1);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .1);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, .1);
  border: 0;
  text-align: left;
  font-size: 14px;
  font-family:"Akkurat Light";
  font-style: italic;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  color: #fff;
}

.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform #inputSearchFieldCatalog{
	color:rgb(51, 51, 51);
}

.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform #inputSearchField:focus,
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform #inputSearchCatalog:focus,
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform #inputSearchFieldMobile:focus
{
  border: none;
  outline: none;
}

.mk-fullscreen-searchform:focus{
  outline: none;
  border: none;
}

.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show {
  visibility: visible;
  opacity: 1;
}

.mk-fullscreen-search-overlay {
	width: 25%;
    margin-left: auto;
    margin-right: auto;
	margin-top:10px;
  opacity: 0;
 /* background-color: rgba(0, 0, 0, .94);*/
  text-align: center;
  -webkit-transition: all ease-in-out .4s;
  -moz-transition: all ease-in-out .4s;
  -ms-transition: all ease-in-out .4s;
  -o-transition: all ease-in-out .4s;
  transition: all ease-in-out .4s;
}

.mk-animate-element,
.mk-effect-bg-layer,
.mk-fullscreen-search-overlay {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.mk-fullscreen-search-overlay {
  z-index: 999;
  position: fixed;
  left: 36%;
}



.mk-fullscreen-search-overlay .mk-fullscreen-close-mobile {
    position: absolute;
    height: 1em;
    width: 1em;
    background: url(../img/close-button-white.png) no-repeat 0 0;
    background-size: 1em;
    top: 6px;
	    right: -60px;
    /* font-size: 0.8em; */
    margin-top: 6px;
	    opacity: 0.5;
}
.mk-fullscreen-search-overlay .mk-fullscreen-close {
    position: absolute;
    height: 1em;
    width: 1em;
    background: url(../img/close-button-white.png) no-repeat 0 0;
    background-size: 1em;
    top: 6px;
	    right: -60px;
    /* font-size: 0.8em; */
    margin-top: 6px;
	    opacity: 0.5;
}

.mk-fullscreen-search-overlay .mk-fullscreen-close-catalog {
    background: url(../img/close-button.png) no-repeat 0 0;
    background-size: 1em;
 }

.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show .mk-fullscreen-search-wrapper {
  opacity: 1;
  visibility: visible;
}

.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper {
	width:100%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
  transition: all ease-in-out .5s;
}

.mk-search-trigger {
  -webkit-transition: color .4s ease-in-out;
  -moz-transition: color .4s ease-in-out;
  -ms-transition: color .4s ease-in-out;
  -o-transition: color .4s ease-in-out;
  transition: color .4s ease-in-out
}
/* Search Button */
/*#search-button {
  display: relative;
  vertical-align: middle;
  height: 50px;
  width: 40px;
  border: white solid 0.7px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 1;
  padding-right: 10px;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
#search-button i{
  color: white !important;
  font-size: 20px;
  position: absolute;
  left: 15px;
  top: 15px;
}*/

/*#search-button:hover,
.mk-fullscreen-close:hover {
  opacity: 0.6;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
}*/
#inputSearchField:focus,#inputSearchField:active, #inputSearchFieldCatalog:focus,#inputSearchFieldCatalog:active{
  box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.54) !important;
}

#inputSearchFieldCatalog:focus,#inputSearchFieldCatalog:active {
    box-shadow: 0px 1px 0px 0px rgba(0,86,210,0.54) !important;
}

#inputSearchFieldMobile:focus,#inputSearchFieldMobile:active{
  box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.54) !important;
}

#mk-search-overlay-catalog .mk-fullscreen-search-wrapper{
	width:40%;
}
#mk-search-overlay-catalog{
	width:92.5%;
	position:relative;
	left:0;
	margin-top:0;

}
.inline{
		display:inline-block;
}
 #mk-search-overlay-catalog #close-button-catalog{
	top:-2px !important;
	right:27% !important;
}
#mk-search-overlay-catalog #icon-search-catalog{
	top:2px !important;
	left:-9% !important;
}

/*
@media only screen and (min-width: 601px) and  (max-width: 800px) {
	.mk-fullscreen-search-overlay{
		left: 25%;
		width:50%;
	}
}
@media only screen and (min-width: 321px) and  (max-width: 470px) {
	.mk-fullscreen-search-overlay{
		left: 18%;
		width:55%;
	}
	
}*/
@media only screen and (min-width: 200px) and  (max-width: 991px) {
	#mk-search-overlay{
		display:none;
	}
	#inputSearchFieldMobile{
		box-shadow: 0px 1px 0px 0px rgb(51, 51, 51) !important;
		color:white;
	}
	#inputSearchFieldMobile:focus,#inputSearchFieldMobile:active{
		box-shadow: 0px 1px 0px 0px white !important;
	}
	#containerTop{
		overflow-y: scroll;
	}
	.mk-fullscreen-search-overlay .mk-fullscreen-close {
		right:-17px;
		margin-top:0;
		top:10px;
		opacity:1;
	}
	.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform .fullscreen-search-icon{
	    margin-top: 0;
		position: absolute;
		left: -15px;
	}
	.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform .fullscreen-search-icon-mobile {
		top: 8px;
	}
	.mk-fullscreen-search-overlay {
    position: relative;
    left:0;
    width: 87%;
    margin-bottom: 25px;
	margin-top: 0;
	}
	.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper .mk-fullscreen-searchform #inputSearchFieldMobile{
		width: 90%;
		text-align:center;
	}

}