/* Version 2.00 */
body .headerLoadingSolid {
	padding: 0;
	margin: 0;
	background: var(--mainbackground);
	border: none;
}

body {
	/* space between nav-mainpage-footer */
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	font-size: 15px;
	line-height: 1.42857143;
	color: #000;
	background-color: var(--mainbackground);
	font-family: font-light;
	height: 100%;
	margin: 0;
}

a{
	color: #000;
}

a:hover,
button:hover{
	cursor: pointer;
}

[onClick] {
    cursor:pointer;
}

p {
	margin: 0 0 0px;
}

html, body{
    margin: 0;
    padding: 0;
}


h1, h2{
    text-align: center;
}

h1{
	font-size: 45px;
}

h2{
	font-size: 32px;
}

h3{

}

h4{

}

h5{

}

h6{

}

/* For mobile phones: */
[class*="grid-"] {
  width: 100%;
}

@media
( max-width :991px),
only screen
	and (max-width: 760px),
only screen
	and (max-device-width: 768px),
only screen
	and (max-device-width: 768px)
	and (orientation: portrait),
	( min-device-width : 320px)
		and (max-device-width : 480px),
	(max-device-width : 280px)
{
  /* For tablets: */
  .grid-s-1 {width: 8.33%;}
  .grid-s-2 {width: 16.66%;}
  .grid-s-3 {width: 25%;}
  .grid-s-4 {width: 33.33%;}
  .grid-s-5 {width: 41.66%;}
  .grid-s-6 {width: 50%;}
  .grid-s-7 {width: 58.33%;}
  .grid-s-8 {width: 66.66%;}
  .grid-s-9 {width: 75%;}
  .grid-s-10 {width: 83.33%;}
  .grid-s-11 {width: 91.66%;}
  .grid-s-12 {width: 100%; margin: 0!important;}

	h1 {
	    font-size: 14px;
	}

	body {font-size: 14px;}

	.home_search{
		display: none;
	}

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

.home_search{
		display: none;
	}

	.basket{
		    width: 87%!important;
    left: auto;
    top: 0!important;
    right: 0;
    transform: unset;
	}

	.logo-img {
	    width: 20vw;
	}

	.vl-no-m{
		border-style: none!important;
		height: unset!important;
	}

	.login-m{
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	}

	.filter-container
	{
		width: 0px;
	    top: 0;
	    left: -300px;
	    z-index: 99;
	    background-color: #ffffff!important;
	    transition: all 0.5s ease;
	    position: absolute;
	    height: 100%;
	    overflow: auto;
	    max-width: 100%;
	    padding: 30px;
		min-height: 100vh;
	}

	.filters-btn {
	    position: fixed;
	       right: 100px;
    bottom: 0px;
	    z-index: 100;
	    width: 0;
	    height: 50px;
	    padding: 0;
	    color: #fff;
		    display: block;
	}

	.filters-label{
		border-radius: 25px;
	    overflow: hidden;
	    background: #1c7ece;
	    padding: 4px 20px 4px 20px;
	    box-shadow: 2px 2px 4px hsl(0deg 0% 45% / 30%);
	}

	.filters:checked ~ .filter-container
	{
	    margin: 0;
	    left: 0px;
		width: 100%;
	}

	.filters:not (:checked ) ~ .filter-container {
		left: -300px;
	}

	h2 {
	    font-size: 16px;
	}
}

@media only screen and (min-width: 991px) {
  /* For desktop: */
  .grid-1 {width: 8.33%;}
  .grid-2 {width: 16.66%;}
  .grid-3 {width: 25%;}
  .grid-4 {width: 33.33%;}
  .grid-5 {width: 41.66%;}
  .grid-6 {width: 50%;}
  .grid-7 {width: 58.33%;}
  .grid-8 {width: 66.66%;}
  .grid-9 {width: 75%;}
  .grid-10 {width: 83.33%;}
  .grid-11 {width: 91.66%;}
  .grid-12 {width: 100%;}

.dropdown_menu--animated{
	position: absolute;
	}

	 .dropdown-content-size{
	width: 430px;
	 }
}

@media only screen and (max-width: 600px)
{
}

@media only screen and (max-width: 760px)
{
}

@media only screen and (max-device-width: 768px)
{
}

@media only screen and (max-width: 980px)
{
}

.form-control {
	display: block;
	width: 100%;
	/*     height: 34px; */
	padding: 6px 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border-width: 2px 1px 1px 1px;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media ( min-width : 768px) {
	.container {
		width: 750px;
	}
}

@media ( min-width : 992px) {
	.container {
		width: 970px;
	}
}

@media ( min-width : 1200px) {
	.container {
		width: 1170px;
	}
}

@media (min-width: 1270px)
{
	.container {
	    max-width: 1360px;
	}
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse,
	.container-fluid>.navbar-collapse {
	margin-right: -15px;
	margin-left: -15px;
}

@media ( min-width : 768px) {
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse,
		.container-fluid>.navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	}
}

.warning {
	color: #f20d0d;
}

.menu_animation {
	overflow: hidden;
	display: none;
	transition: all .25s;
}

.captcha-image {
	width: inherit;
	margin-left: auto;
	margin-right: auto;
	/* 	padding-top: 10px; */
	text-align: center;
}

.captcha-image>img {
	width: inherit;
}

.open {
	display: block!important;
}

/* Loader */
.loader {
	position: absolute;
	top: 0%;
	left: 0%;
	right: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	background-color: #efefef;
	z-index: 999999;
	opacity: 0.75;
}

.loader_info {
	text-align: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	/* 	width: 100%; */
	opacity: 1.0;
}

.loader_info p {
	color: #000;
}

.loader_info img {
	width: initial !important;
	min-height: initial !important;
	max-height: initial !important;
}
/* End of Loader */
.float-right {
	float: right;
}

.float-left {
	float: left;
}

.o-f-a {
	overflow: auto;
}

.o-f-h {
	overflow: hidden;
}

.flip-image {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.package_map_container {
	position: relative;
	border-radius: 12px;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 2em 2em 2em 2em;
}

.package_map {
	padding-top: 15px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
}

.package_map>div {
	width: 100%;
	min-height: 400px;
	max-height: 400px;
}

.no-deco {
	text-decoration: none;
	outline: none;
}

.no-list-style li{
	list-style-type: none;
}

.v-a-m {
	vertical-align: middle;
}

.v-a-t {
	vertical-align: top;
}

.v-a-b {
	vertical-align: bottom;
}

.border-none {
	border: none!important;
/* 	box-shadow: none; */
/* 	box-shadow: none; */
/* 	-moz-box-shadow: none; */
/* 	-webkit-box-shadow: none; */
	background-color: initial!important;
}

.border-radius-none {
	border-radius: 0;
}

.border-color-none {
	background-color: none;
}

.line-block {
	display: inline-block !important;
}

.loadingimage {
	bottom: 10px;
	position: absolute;
}

.wd-100, ul.li-wd-100>li {
	width: 100% !important;
}

.wd-20, ul.li-wd-20>li {
	width: 20% !important;
}

.txt-justify {
	text-align: justify;
}

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

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

.txt-right {
	text-align: right !important;
}

/**
 * COOKIE DIV
 */
.cookie-bar {
    bottom: 20px;
    left: 20px;
    right: auto;
    top: auto;
    width: 350px;
    color: #fff;
    font-weight: 300;
    background: var(--cookiebackground);
    position: fixed;
	z-index: 999;
    line-height: 24px;
    padding: 15px 20px;
    border-radius: 4px;
}

.cookie-bar a {
    color: #fff;
}

.box{
  	background: var(--box);
	padding: 1em;
	margin-bottom: 0.5em;
}

.box input{
	display: block;
	width: 100%;
	background: transparent;
}

.box input[type="checkbox"]{
	width: auto;
}

.mg-auto{
	margin-left: auto;
	margin-right: auto;
}

.mg-none{
	margin: 0px!important;
}

.pd-none{
	padding: 0px!important;
}

.border-bottom{
    border-bottom-style: solid!important;
    border-bottom-color: var(--bordercolor);
    border-bottom-width: 1px;
}

.border-bottom-none{
    border-bottom-style: none!important;
}

.border-right-none{
    border-right-style: none!important;
}

.border-top-none{
    border-top-style: none!important;
}

.border-top{
    border-top-style: solid!important;
    border-top-color: var(--bordercolor);
    border-top-width: 1px;
}

.border-right{
    border-right-style: solid;
    border-right-color: var(--bordercolor);
    border-right-width: 1px;
}

.border-left{
    border-left-style: solid;
    border-left-color: var(--bordercolor);
    border-left-width: 1px;
}

.border-full{
    border-style: solid;
    border-width: 1px;
    border-color: var(--bordercolor);
}

.zoomIn{
	transition: transform .2s; /* Animation */
	overflow: hidden;
}

.zoomIn:hover img{
	transition: transform 1s; /* Animation */
	 transform: scale(1.05);
}

.optionsList input {
	padding-left: 8px;
	width: auto !important;
}

.optionsList p {
	padding-left: 8px;
	display: inline-block;
}

.optionsList label:hover {
	background-color: #4F5250;
	color: #ffffff;
}

.optionsList label {
	padding-left: 8px;
	display: block;
}

.header{
	position: relative;
	    z-index: 99;
}

.uppercase{
	text-transform: uppercase;
}

.underline{
/* 	text-decoration: underline; */
	    border-bottom: 1px solid #fff;
	    border-color: inherit;
}