@charset "utf-8";
/* CSS Document */


/* --------------------------
:: 1.0 Base CSS Start
-------------------------- */
*{margin:0;padding:0;    box-sizing: border-box;}
body{font-family: 'Poppins', sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:'Poppins', sans-serif;}

a{color:#000;}
a:hover {color:#000;}
.img-fluid {max-width: 100%;height: auto;}
.row {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(var(--bs-gutter-y) * -1);margin-right: calc(var(--bs-gutter-x)/ -2);margin-left: calc(var(--bs-gutter-x)/ -2);}

.g-2, .gx-2 {--bs-gutter-x: 0.5rem;}
.g-2, .gy-2 {--bs-gutter-y: 0.5rem;}
.col {flex: 1 0 0%;}
.row-cols-2>* {flex: 0 0 auto;width: 50%;}
.mt-3 {margin-top: 1rem!important;}
.text-center {text-align: center!important;}

.container-fluid {width: 100%;}
.container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
@media (min-width: 576px) { 
.container {width: 100%}
.row-cols-sm-3>* {flex: 0 0 auto;width: 33.3333333333%;}
 }
@media (min-width: 768px) { 
.container {width: 720px}
.row-cols-md-4>* {flex: 0 0 auto;width: 25%;}
 }
@media (min-width: 992px) { .container {width: 960px} }
@media (min-width: 1200px) { .container {width: 1140px} }



header.header {padding: 15px 0 0px 0;}
header.header .logo {width: 100%;display: inline-block;vertical-align: top;}
header.header .logo a {	text-decoration: none;color: #000;display: inline-block;}
header.header .logo a strong {font-size: 100px;  line-height: 90px;color:#0ec343;}
header.header .logo a span {font-size: 9px;font-weight: 600;display: block;}

header.header .unsubscribe {width: 100%; display: inline-block;vertical-align: top;background: #0ec343;text-align: center;}
header.header .unsubscribe h2 {color:#fff;font-size: 36px;margin: 5px 0;}
header.header .unsubscribe a {background: #ed1c24;color:#fff;text-decoration: none;text-transform: uppercase;padding: 5px 30px;font-size: 20px;display: block;}

.gallery-box .col{padding: 5px;}
.gallery-box .col .img-fluid{vertical-align: top;}
.gallery-box .col .text-link{display: inline-block; position: relative;}
.gallery-box .col .text-link a strong{color:#fff;text-decoration: none;background: #0ec343;width: 100%;display: inline-block;padding: 10px;font-size: 14px;}

.gallery-box .col .text-link a:hover:before {content: "";position: absolute;left: 0;right: 0;bottom: 0;top: 0;background:rgb(0 0 0 / 30%);transition: 0.8s;}
.gallery-box .col .text-link a:hover strong  {z-index: 9;position: relative;}

.footer-text p {font-size:14px; margin-top: 15px; text-align: center; padding-left: 10px; padding-right: 10px}
.footer-text p a { color:#000; font-weight: 600;}
.footer-text p.footer-link  {text-align: center;margin-bottom: 15px;}

@media (max-width: 991px) {
header.header .logo a strong {font-size:60px; line-height: 60px;}
header.header .unsubscribe h2 {font-size:18px;}
}
@media (max-width: 768px) {
header.header .unsubscribe h2 {font-size:16px;}
}