@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap');

body {font-family: 'Montserrat', sans-serif;background: url(../../img/bg.png);background-position: top left;background-repeat: no-repeat;}
main {background-color: #517530; background-image: url(../../img/bg-main.png);background-position: bottom center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;;border-top-right-radius: 3rem !important;border-top-left-radius: 3rem !important;border-top: 3px solid #84e33d;border-left: 3px solid #84e33d;border-right: 3px solid #84e33d;}

.bg-sweepstake {background: #FFFFFF;}

.fw-5 {font-weight: 500;}
.fw-7 {font-weight: 700;}
.fw-9 {font-weight: 900;}

.fs-5-new {font-size: 5rem !important;}

.rounded-1 {border-radius: 1rem !important;}
.rounded-top-1 {border-top-right-radius: 1rem !important;border-top-left-radius: 1rem !important;}
.rounded-bottom-1 {border-bottom-right-radius: 1rem !important;border-bottom-left-radius: 1rem !important;}

.btn-outline-green {color: #517530;border-color: #517530;}
.btn-outline-green:hover,
.btn-outline-green.active {color: #FFFFFF;background-color: #517530;border-color: #517530;}

.btn-green-4 {background-color: #174332;border-color: #174332;}

.text-green,
.text-green:hover { color: #517530; }
.text-green-2 {color: #28844b!important;}
.text-green-3 {color: #84e33d!important;}

.text-underline::after {content: '';display: block;width: 100%;height: 2px;margin-top: 6px;background: #FFFFFF;}
.text-justify {text-align: justify;}

.border-green {border-color: #84e33d !important;}

.bg-green {background-color: #517530!important;}
.bg-green-2 {background-color: #84e33d!important;}

.bg-yellow {background-color: #E9C801!important;}

/* Socials */
.socials .icon { display: inline-block; margin: 0px 8px 0px; width: 27px; height: 27px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #517530; overflow: hidden; text-decoration: none; box-shadow: 0 0 0 2px #517530; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; }
.socials .icon::before { display: block; font-size: 15px; line-height: 27px; -webkit-font-smoothing: antialiased; }
.socials .icon.icon-brands::before { font-family: "Font Awesome 5 Brands"; }
.socials .icon.icon-free::before { font-family: "Font Awesome 5 Free"; font-weight: 900; }
.socials .icon.instagram::before { content: "\f16d"; }
.socials .icon.facebook::before { content: "\f39e"; }
.socials .icon.whatsapp::before { content: "\f232"; }
.socials .icon:hover { color: #FFFFFF; background: #517530; box-shadow: 0 0 0 4px rgba(255,255,255,0.3); }
.socials .icon:hover::before { animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; -webkit-animation: toBottomFromTop 0.3s forwards; }

.button-floating { position: fixed; top: 50%; margin-top: -25px; right: 0px; z-index: 1030; }
.button-floating a { display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 1.5rem; color: #FFF; width: 50px; height: 50px; border-bottom-left-radius: 25%; border-top-left-radius: 25%; background-color: #4BAF4F; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); }
.button-floating a i { transition: all .4s; }
.button-floating a:hover i { transform: rotate(360deg); }

.z-index-2 {z-index: 2;}

.swal-title {font-size: 18px!important;}
.swal-text {font-weight: 600;}
.swal-footer, 
.swal-text {text-align: center;}
.swal-button {background-color: #569B1E;}
.swal-button--cancel {background-color: #efefef !important;}

@media (max-width: 991.98px) {

    header { margin-top: 340px; background-color: #FFF; border-top-right-radius: 3rem !important; border-top-left-radius: 3rem !important; }
    main { margin-top: -40px; z-index: 2;}

}