html, body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
}

body {
    font-family: 'Montserrat', sans-serif;
    background: #fff;
    color: #374958;
    font-size: 100%;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.025em;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5em
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}

a {
    color: #374958;
}

a:focus {
	outline: none;
	text-decoration: none;
    color: #98c21d;
}

p {margin: 0;}

a:hover {
    text-decoration: none;
    color: #98c21d;
}

h1 {
    font-size: 4em; /* 60/15 */
    color: #ffa500;
    line-height: 1.75em; /* 105/60 */
    letter-spacing: 0.03em;
    font-family: 'Uni Sans';
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

h2 {
    font-family: 'Uni Sans';
    font-size: 2em;
    margin: 0;
    color: #6109d1;
    line-height: 3.5em; /* 105/30 */
    text-align: center;
    position: relative;
    letter-spacing: 0.03em;
    margin-bottom: .6em;
}

h3 {
    font-size: 1.3333333333333333em; /* 20/15 */
    font-weight: bold;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #6109d1;
    margin-top: 2em;
    margin-bottom: 0.75em; /* 15/20 */
}

h4 {
    font-weight: 700;
    font-size: 0.8666666666666667em; /* 13/15 */
    position: relative;
    padding-bottom: 1.7692307692307692em; /* 23/13 */
    margin-top: 0;
    margin-bottom: 1.3846153846153846em; /* 18/13 */
}

h4:after {
    content: '';
    width: 20px;
    height: 1px;
    background: #aca49c;
    left:0;
    bottom: 0;
    position: absolute;
}

h5 {
    color: #6109d1;
    font-size: 1.1333333333333333em; /* 17/15 */
    font-weight: 800;
    margin-bottom: 5.0588235294117645em; /* 86/17 */
    position: relative;
    text-align: center;
}

h5:after {
    content: '';
    width: 35px;
    height: 2px;
    background: #fc8912; /* Old browsers */
    background: -moz-linear-gradient(left, #fc8912 0%, #f9be00 82%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fc8912 0%,#f9be00 82%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fc8912 0%,#f9be00 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8912', endColorstr='#f9be00',GradientType=1 ); /* IE6-9 */
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translate(-50%, 0);
}

h6 {
    font-size: 1.1333333333333333em; /* 17/15 */
    font-weight: 800;
    color: #6109d1;
    margin: 0 0 3.6470588235294117em; /* 62/17 */
}

.container {
    max-width: 1365px;
    margin: 0 auto;
    width: auto;
}

.d-block {display: block !important}

.position-relative {position: relative;}

.font-weight-medium {font-weight: 600;}

.w-100 {width: 100%;}

.border-0 {border: 0!important;}

.border-top-0 {border-top: 0!important}

.mb-0 {margin-bottom: 0 !important}

.pl-0 {padding-left: 0;}

.pr-0 {padding-right: 0;}

.mt-0 {margin-top: 0 !important}

.mt-75 {margin-top: 75px}

.mb-30 {margin-bottom: 30px}

.d-flex {
	display: flex; 
	display: -ms-flex;
	flex-wrap: wrap;
}

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

.c-white {color: white;}

.c-green {color: #98c21d;}

.d-inline-block {display: inline-block;}

.text-11 {font-size: 0.8461538461538461em;} /* 11/13 */

.mt-55 {margin-top: 4.230769230769231em} /* 55/13 */

.mr-5 {margin-right: 5px}

.mr-15 {margin-right: 15px}

.ml-15 {margin-left: 15px}

.pr-15 {padding-right: 15px;}

.pl-15 {padding-left: 15px;}

.border-right-after:after {
	content: '';
	width: 1px;
	height: 75%;
	position: absolute;
	right: 0;
	top: 2px;
	background: rgba(0,0,0,0.3);
}

.justify-content-end {justify-content: flex-end}

.justify-content-center {justify-content: center;}

.mt-5 {margin-top: 5px}

.mb-5 {margin-bottom: 5px;}

.p-0 {padding: 0 !important;}

.pl-7 {padding-left: 7px !important}

.pr-7 {padding-right: 7px !important}

.text-13 {font-size: 13px !important;}

.text-15 {font-size: 15px !important;}

.text-25 {font-size: 25px !important}

.text-19 {font-size: 19px !important;}

.text-14 {font-size: 14px !important;}

.text-20 {font-size: 20px !important;}

.text-10 {font-size: 10px !important;}

.line-height-27 {line-height: 27px;}

.font-weight-light {font-weight: 300;}

.border-bottom {border-bottom: 1px solid rgba(226, 231, 234, 0.75)}

.pb-25 {padding-bottom: 25px;}

.align-items-end {align-items: flex-end;}

.float-right {float: right;}

.mt-30 {margin-top: 30px !important;}

.mt-40 {margin-top: 40px;}

.mr-30 {margin-right: 30px;}

.mt-3 {margin-top: -3px;}

.mb-15 {margin-bottom: 15px;}

.mr-50 {margin-right: 50px;}

.box-shadow-0 {box-shadow: none !important}

/* ----------------------HEADER---------------------*/

header {
	background: #f8f8fa;
	padding: 2.769230769230769em 0; /* 36/13 */
}

.button {
	font-size: 0.7692307692307693em; /* 10/13 */
	text-transform: uppercase;
	padding: 1.1538461538461537em 1.5384615384615385em; /* 15/13 */ /* 20/13 */
	transition: all 0.2s ease-in;
	display: inline-block;
	letter-spacing: 0.8px;
}

.button:hover {
	color: #fff;
	background: #98c21d;
	border: 2px solid transparent;
}

.button-border {
	border: 2px solid #cade91;
}

.button-background {
	background: #98c21d;
	border: 2px solid transparent;
}

.button-background:hover {
	color: #fff;
}

.font-weight-extra {font-weight: 800}

/*-------------------------MAIN------------------*/

.social-icons {
	position: fixed;
	right: 0;
	top: 180px;
	z-index: 10;
}

.search {
	height: 57px;
	box-shadow: 3px 4px 5px 0px rgba(55, 73, 88, 0.07);  
}

.search input {
	border-radius: 0;
	height: 57px;
	border-left: 1px solid rgba(204, 204, 204, 0.3);
	border-bottom: 1px solid rgba(204, 204, 204, 0.3);
	border-top: 1px solid rgba(204, 204, 204, 0.3);
	border-right: 0;
	box-shadow: none;
}

.search span {
	line-height: 0
}

.search button {
	height: 57px;
	width: 57px;
	border: 1px solid rgba(204, 204, 204, 0.3);
	border-left: 0;
	border-radius: 0;
	background: url(../img/search.png) center no-repeat;
}

.float-left {float: left;}

.fa-chevron-down {
	color: #98c21d;
	border: 2px solid #98c21d;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	transition: transform 0.2s linear;
}

.location {cursor: pointer;}

.rotate {transform: rotate(180deg);}

.fa-chevron-up {
	color: #98c21d;
	border: 2px solid #98c21d;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	font-size: 8px;
	line-height: 14px;
	text-align: center;
}

.filter {
	color: #98c21d;
	font-size: 1.1538461538461537em; /* 15/13 */
	font-weight: 600;
	text-transform: uppercase;
	margin: 5px 0.8em 5px 0;
}

.filter span {
	font-weight: 300;
	color: #374958;
}

.filter-input {
	width: 57px;
	text-align: center;
	background: white;
	border: 1px solid #e3eaee;
	padding: 8px;
	font-size: 0.8461538461538461em; /* 11/13 */
	box-shadow: 3px 4px 5px 0px rgba(55, 73, 88, 0.07); 
}

.range {
	font-size: 13px;
	font-weight: 300;
	text-transform: uppercase;
}

.sort {
	color: #88959e;
	font-size: 1em;
	text-transform: uppercase;
	margin: 5px 0.8em 5px 0;
}

.sort-link {
	color: #98c21d;
	text-transform: uppercase;
	font-size: 1.1538461538461537em; /* 15/13 */
	font-weight: 600;
}

/*Products*/

.products {
	padding-top: 3.769230769230769em; /* 49/13 */
	padding-bottom: 6.3076923076923075em /* 82/13 */
}

.product-wrapper {
	margin-bottom: 2.5384615384615383em; /* 33/13 */
}

.product-image {
	position: relative;
}

.product-image img {width: 100%}

.product-image:after {
	content: '';
	height: 5px;
	width: 100%;
	background: #98c21d;
	position: absolute;
	left: 0;
	bottom: 0;
}

.product-container {
	padding: 2.4615384615384617em 3.3076923076923075em; /* 32/13 */ /* 43/13 */
	box-shadow: 3px 4px 5px 0px rgba(55, 73, 88, 0.07); 
}

.price {
	font-size: 1.4615384615384615em; /* 19/13 */
	font-weight: 700;
	position: relative;
}

.price span {
	font-weight: 300;
	font-size: 0.6842105263157895em /* 13/19 */
}

.price:before {
	content: '';
	height: 27px;
	width: 5px;
	left: -15px;
	top: -3px;
	position: absolute;
	background: #98c21d
}

.send-default {
	font-size: 1.1538461538461537em; /* 15/13 */
	font-weight: 600;
	text-transform: uppercase;
}

.send {
	color: #98c21d;
}

.send-agree {color: #88959e;}

.no-send {color: #ffa217;}

.product-description {
	padding: 0;
	margin-top: 1.6153846153846154em; /* 21/13 */
}

.product-description .name {
	font-weight: 600;
	font-size: 1.1538461538461537em; /* 15/13 */
	text-transform: uppercase;
}

.product-info {
	margin-top: 2.923076923076923em; /* 38/13 */
}

.product-info div {
	line-height: 11px;
	font-size: 0.8461538461538461em; /* 11/13 */
}

.product-info p {
	margin-left: 8px;
	margin-top: 4px;
	float: left;
}

.show-more {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(55, 73, 88, 0.8);
	transition: visibility 0.3s, opacity 0.3s linear;
	visibility: hidden;
	opacity: 0;
}

.visible {
	opacity: 1;
	visibility: visible;
}

.detail {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 150px;
	margin: auto;
}

.detail a {
	color: #fff;
	font-size: 1.6923076923076923em; /* 22/13 */
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.5em;
}

.new-card {
	position: absolute;
	left: 50%;
	bottom: 29px;
	transform: translate(-50%, 0);
	width: 100%;
	text-align: center;
}

.new-card a {
	color: #fff;
	font-weight: 300;
	font-size: 0.9230769230769231em; /* 12/13 */
	letter-spacing: 0.09em;
	text-decoration: underline;
}

.top {
	position: absolute;
	right: 0;
	top: 0;
	background: #98c21d;
	padding: 1.4615384615384615em 1em /* 19/13 */ /* 13/13 */
}

.top p {
	color: #fff;
	font-size: 1.4615384615384615em; /* 19/13 */
	font-weight: bold;
	text-transform: uppercase;
}

.link {
	font-size: 1.1538461538461537em; /* 15/13 */
	font-weight: 600;
	text-transform: uppercase;
}

.link-green {
	color: #98c21d;
}

.location-container {
	position: absolute !important;
	top: 45px;
	left: 7px;
	background: #f8f8fa;
	z-index: 10;
	max-width: 1180px;
	width: 100%;
	padding: 3.923076923076923em 4.384615384615385em; /* 51/13 */ /* 57/13 */
	visibility: hidden;
}

.visibility {visibility: visible !important;}

.grid-item {
	width: 18%; 
	float: left; 
	height: auto;
}

.location-container ul {
	margin-bottom: 32px;
}

.location-title {
	font-size: 1.1538461538461537em; /* 15/13 */
	text-transform: uppercase;
	font-weight: 600;
}

.main-filter {
	font-weight: 600;
	text-transform: uppercase;
	color: #98c21d;
}

.location-container ul li a {
	text-transform: uppercase;
}

.sort-container {
	position: absolute;
	top: 45px;
	right: 7px;
	background: #f8f8fa;
	z-index: 10;
	padding: 1em 0;
	visibility: hidden;
}

.sort-container p, .sort-container a {
	font-size: 0.8461538461538461em; /* 11/13 */
	font-weight: 300;
	padding: 0 1.3076923076923077em; /* 17/13 */
}

.sort-list {
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 2px solid #d6dfe6
}

.sort-list li a {
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 0.7692307692307693em; /* 10/13 */
}

.c-blue {color: #0645ad;}

.search-container {
	display: none;
}

.show {display: block !important}

.search-title {
	font-size: 1.1538461538461537em; /* 15/13 */
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 3.8666666666666667em; /* 58/15 */
}

.search-title span {
	font-weight: 300;
	color: #88959e;
}

.search-list {
	margin-top: 1.6153846153846154em; /* 21/13 */
}

.search-list li {
	float: left;
	font-size: 1.1538461538461537em; /* 15/13 */
	margin-bottom: 10px;
	color:  #88959e;
	font-weight: 300;
}

.search-list li a {
	color: #98c21d;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.8666666666666667em; /* 13/15 */
}

/* Banner*/

.banner {
	position: relative;
	min-height: 415px;
	background: url(../img/banner.png) no-repeat;
	background-size: cover;
	display: table;
	width: 100%;
	text-align: center;
}

.banner .container-fluid {
	display: table-cell;
	vertical-align: middle;
}

.banner-title {
	color: #fff;
	font-weight: bold;
	font-size: 3.8461538461538463em; /* 50/13 */
	letter-spacing: 0.8px;
	line-height: 2em;
	text-transform: uppercase;
}

.banner-subtitle {
	font-size: 2.230769230769231em; /* 29/13 */
	font-weight: 300;
	text-transform: uppercase;
	color: #fff;
	line-height: 1.5em;
	margin-bottom: 1em;
}

.button-grey {
	padding: 1.3076923076923077em 3.8461538461538463em; /* 17/13 */ /* 50/13 */
	background: #374958;
	display: inline-block;
}

.button-grey a {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.8461538461538461em; /* 11/13 */
}

.price-bigger:before {
	width: 6px;
	height: 34px;
	top: -8px;
}

.form-control:focus {
	border-color: #98c21d;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(151, 194, 29, 0.59);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(151, 194, 29, 0.59);
}

.form-control {
	border-radius: 0;
	border: 1px solid rgba(226, 231, 233, 0.88);
}

.customer-info img {
	margin-right: 30px;
}

.customer-info p {margin: 0.5384615384615384em 0;} /* 7/13 */

.customer-name {
	font-weight: 600;
	font-size: 1.4615384615384615em; /* 19/13 */
	text-transform: uppercase;
}

.customer-number a {
	font-weight: 300;
	font-size: 1.1538461538461537em; /* 15/13 */
}

.email-input {
	padding: 1.6666666666666667em; /* 20/12 */
	font-weight: 300;
	color: #4f5662;
	font-size: 0.9230769230769231em; /* 12/13 */
}

.button-send {
	width: 100%;
	color: #fff;
	background: #98c21d;
	outline: none;
	border: none;
	height: 42px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

a.button-send {
	padding: 18px 38px;
	text-align: right;
	height: auto;
	display: inline-block;
	width: auto;
	margin-top: 3em; /* 39/13 */
	border-radius: 3px;
}

a.button-send:hover {
	color: #fff;
}

.similar {
	text-transform: uppercase;
	font-size: 1.4615384615384615em; /* 19/13 */
	font-weight: 600;
}

/* ------------FOOTER-------------*/

.container-footer {
	max-width: 1100px;
	width: auto;
	margin: 0 auto;
	padding: 0 15px;
}

.pre-footer {
	padding: 4.153846153846154em 0; /* 54/13 */
	background: #f8f8fa;
	text-align: center;
}

.pre-footer a {
	color: #616b78;
	font-size: 1.1538461538461537em; /* 15/13 */
	font-weight: bold;
	text-transform: uppercase;
}

.pre-footer .fab, .pre-footer .fas {
	font-size: 21px;
}

.pre-footer .fas {
	margin-right: 30px;
}

.line:after, .line-first:after, .line-second:after {
	content: '';
	width: 30px;
	height: 47px;
	position: absolute;
	right: -15px;
	top: -11px;
	background: url(../img/line.png);
}

.line:last-child:after {
	display: none;
}

.line-first:after {
	right: -5px;
}

.line-second:after {
	right: 0px;
}

.facebook .fab {color: #3c5b9b;}

.twitter .fab {color: #2daae1;}

.google .fab {color: #f64b37;}

.youtube .fab {color: #e30613;}

.footer {
	padding: 6.384615384615385em 2em 2.3076923076923075em; /* 83/13 */ /* 30/13 */
}

.footer-list li a, .footer-list li {
	color: #616b78;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	font-size: 0.9230769230769231em; /* 12/13 */
}

.footer-list li {margin-bottom: 19px}

.footer-list .footer-title {
	position: relative;
	font-size: 1.1538461538461537em; /* 15/13 */
	font-weight: bold;
	margin-bottom: 2.8666666666666667em; /* 43/15 */
	color: #374958;
}

.footer-list:before {
	content: '';
	width: 5px;
	height: 27px;
	position: absolute;
	background: #98c21d;
	top: -3px;
	left: -15px;
}

.footer-list li a:hover {color: #98c21d;}

.text-underline {text-decoration: underline;}

.mb-28 {margin-bottom: 28px !important}

.post-footer {
	background: #f8f8fa;
	padding: 1.3076923076923077em 0; /* 17/13 */
}

.post-footer p {
	font-size: 0.7692307692307693em; /* 10/13 */
	color: #616b78;
	font-weight: 200;
}

@media (min-width: 768px) { 
	.text-right-sm {
		text-align: right;
	}
}

@media (min-width: 992px) { 
	.justify-content-end-md {justify-content: flex-end;}

	.justify-content-center-md {justify-content: center;}

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

@media (max-width: 992px) { 
	.mt-50-sm {margin-top: 50px;}

	.line-second:after {display: none;}
}

@media (max-width: 767px) {
	.text-center-xs {
		text-align: center;
	}

	.m-10-xs {margin: 10px 0;}

	.line:after, .line-first:after {
		display: none;
	}
}

/*---------LOGIN--------*/

@media (min-width: 900px) {
	.modal-dialog {
	    width: 895px;
	    margin: 30px auto;
	}
}

.modal-header {border-bottom: 0}

.modal-content {padding: 0 15px;}

.login-list li {
    background: #e6eaec;
    text-align: center;
    height: 65px;
    line-height: 65px;
    cursor: pointer;
    letter-spacing: 0.075em;
    transition: 0.3s all ease-in;
    border: 3px solid transparent;
    color: #31323a;
    font-weight: 700;
    font-size: 1em;
    text-transform: uppercase;
}

.login-list li.active, .login-list li:hover {
    background: none;
    color: #98c21d;
}

.login-list li.active {border: 3px solid #cade91}

.login-form {
    margin-top: 5em; /* 65/13 */
}

.login-form .form-control {
    height: 57px;
    border: 1px solid rgba(182,192,198,0.5);
    padding: 0.46153846153846156em 2.1538461538461537em; /* 6/13 */ /* 28/13 */
    color: #617179;
    font-size: 1em;
}

.form-control {
    border-radius: 0;
    position: relative;
    text-align: center;
}

.btn-login {
    background: #98c21d;
    font-weight: 700;
    color: #fff;
    height: 57px;
    font-size: 0.9230769230769231em; /* 12/13 */
    text-transform: uppercase;
    letter-spacing: 0.275em;
    border-radius: 0;
    border: 2px solid transparent;
    transition: 0.3s all ease-in-out;
}

.btn-login:hover {
    color: #98c21d;
    border: 2px solid #cade91;
    background: transparent;
}

.forgot {
    margin-top: 2.6923076923076925em; /* 35/13 */
    text-align: center;
}

.forgot a {
    color: #617179;
    text-decoration: underline;
    font-size: 0.9230769230769231em; /* 12/13 */
}

.btn-social {
    font-weight: 600;
    font-size: 1em;
    letter-spacing: 0.275em;
    border-radius: 0;
    transition: 0.3s all ease-in-out;
    background-clip: content-box;
    opacity: 1;
}

.btn-social a {
	color: #fff;
	line-height: 57px;
}

.btn-social:hover {opacity: .8}

.btn-social .fab {
	margin-right: 10px;
	color: #fff;
	font-size: 17px;
}

.btn-facebook {
	background-color: #3c5a98;
}

.btn-google {
	background-color: #dd4c40;
}

.login-form .form-control::placeholder {
    color: #696975;
}

.login-form .form-control:focus, .custom-select:focus, textarea:focus {
	outline-color: rgba(152,194,29, .6);
    border: 1px solid #98c21d !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152,194,29, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152,194,29, .6);
}

.form-title {
    background: #e6eaec;
    font-weight: 700;
    font-size: 0.9230769230769231em; /* 12/13 */
    text-transform: uppercase;
    letter-spacing: 0.075em;
    text-align: center;
    height: 57px;
    line-height: 57px;
    color: #28292f;
}

#register .form-control {
	font-weight: 300;
	text-align: left;
}