/*create by Clean Style*/
/* ================================= MAIN =================================*/
html, body {height:100%;}
body {background:#212529; margin:0; padding:0 0 100px 0; font-size:16px; font-family: "Inter", sans-serif; color:#212529; min-height:100%; height:auto!important; height:100%; position:relative; line-height: 28px; background: url('/images/greenova.jpg') no-repeat center center; background-size: cover; z-index: 100; background-attachment: fixed;}
body::before {position: absolute; background: rgba(19, 32, 57, .7); background: linear-gradient(90deg, rgba(19, 32, 57, .9) 0%, rgba(19, 32, 57, .2) 100%);z-index: 101; width: 100%; height: 100%; content: "";}
img {border:none; outline:none;}
a {outline-style: none; color:#B90E11;}
a:hover {color:#EF7C00;}
.left { float:left;}	
.right { float:right;}
.clear { clear:both; font-size:0; line-height:0;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

#container {margin:0 auto; padding:0; position: relative; overflow:hidden;}

/* ================================= header =================================*/

.under {position: relative;}
.under .logo {width: 100px; padding: 100px 0 0 0;}
.under > div {position: relative; z-index: 102;}
.under .wholesale {font-family: "Inter", sans-serif; text-transform: uppercase; color:#ffffff; font-size: 1.25rem; line-height: 1.75rem;}
.under .title {font-size: 2rem; line-height: 1; font-family: "Inter", sans-serif; color: #ffffff; font-weight: 800;}
.under .title span {font-family: "Gelasio", serif; color:#FFCC00; font-style: italic;}
.under .subtitle {color:rgba(255, 255, 255, .8); font-size: 1rem; line-height: 1.5rem;}
.under .tags {}
.under .tags i {color:#17ff1f;}
.under .tags span {padding:0 20px; border-radius: 15px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); line-height: 40px; color:#fff; white-space: nowrap; margin: 5px 10px 5px 0; display: inline-block; font-size: 16px;}
.under .cta {}
.under .cta a.first {background: #00C75D; color:#ffffff; display: inline-block; padding: 15px 30px; border-radius: 15px; text-decoration: none; font-size: 18px; transition: background .3s; width:100%;}
.under .cta a:hover {background: #07eb5b;}
.under .cta a.second {background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); color:#ffffff; display: inline-block; padding: 15px 30px; border-radius: 15px; text-decoration: none; font-size: 18px; transition: background .3s, color .3s; width:100%;}
.under .cta a.second:hover {background: rgba(255, 255, 255, .8); color:#212529;}
.under .contact {font-size: 1rem; line-height:1.6rem; color:#ffffff; font-weight: 700;}
.under .contact a {text-decoration: none; color: #ffffff;}

.under .socialBox {}
.under .social {z-index: 103; width: 100%;}
.under .social ul {margin: 0px; padding: 0px;}
.under .social li {display: inline-block;}
.under .social a {border-radius: 15px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); line-height: 56px; width: 56px; height: 56px; text-align: center; color:#fff; white-space: nowrap; margin: 0 3px 0 0; display: inline-block; font-size: 20px; display: block; transition: background .3s, color .3s;}
.under .social a:hover {background: rgba(255, 255, 255, 1); color:#212529;}

/* ================================= footer =================================*/





/* SM */
@media (min-width: 576px) {
	.under .social a {line-height: 60px; width: 60px; height: 60px; margin: 0 10px 0 0; font-size: 20px;}
}

/* MD */
@media (min-width: 768px) {
	.under .social {position: absolute; bottom: 0px; left: 0px; z-index: 103; width: 100%;}
}

/* LG */
@media (min-width: 992px) {
	.under .title {font-size: 4.5rem;}
	.under .subtitle {font-size: 1.25rem; line-height: 1.75rem;}
	.under .tags span {font-size: 16px;}
	.under .cta a.first {width: auto;}
	.under .cta a.second {width: auto;}
	.under .contact {font-size: 1.2rem; line-height:2rem;}
}

/* XL */
@media (min-width: 1200px) {
	
}

/* XXL */
@media (min-width: 1400px) {

}