@font-face { font-family: sst-light; src: url("../fonts/SST-Light.woff") format("woff"), url("../fonts/SST-Light.woff2") format("woff"); font-weight: 900; font-style: normal; }
@font-face { font-family: sst-bold; src: url("../fonts/SST-Bold.woff") format("woff"), url("../fonts/SST-Bold.woff2") format("woff"); font-weight: 900; font-style: normal; }
@font-face { font-family: sst-heavy; src: url("../fonts/SST-Heavy.woff") format("woff"), url("../fonts/SST-Heavy.woff") format("woff2"); font-weight: 900; font-style: normal; }


body {margin: 0; font-size: 16px; background: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; color: #444444;}
*, *::before, *::after {box-sizing: border-box;}
input[type=text], select, textarea, button {font-family: 'Open Sans', sans-serif; }
a {color: inherit; text-decoration: underline;}
select::-ms-expand {
    display: none;
}
.container {position: relative; width: 100%; padding: 0 60px; margin: 0 auto; box-sizing: border-box;  }
.pb::before {content: ""; display:block; padding-top: 1px; margin-bottom: 20px; }
.pa::after {content: ""; display:block; padding-bottom: 1px; margin-top: 20px; }
.main {min-height: calc(100vh - 235px); }
@media screen and (max-width: 600px) {
	.container {padding: 0 30px; }

}


.alignL {text-align: left;}
.alignC {text-align: center;}
.alignR {text-align: right;}
.clear {display:block; clear: both;}

.smallText {font-size: 0.9em; }

table {margin: 10px 0; border: 1px solid #ccc; border-collapse: collapse}
table td, table th {padding: 5px 10px; border: 1px solid #ccc; text-align: left;}
table th {font-weight: 700;}

.cookie {display:none; }
.cookie.active {position: fixed; z-index: 10; display: block; overflow: hidden; bottom: 0; right: 0; width: 100%; height:100%; pointer-events: none; background: rgba(0,0,0,0.5)}
.cookie.active .cookieInner {position: absolute; right: 0; bottom: 100%; width: 100%; max-width: 500px; padding: 0 30px; background: #0076bf; pointer-events: all; font-size: 16px; border-top-left-radius: 4px; box-sizing: border-box; }
.cookie.active .cookieInner:before {content: ""; padding-top: 1px; margin-bottom: 30px; display: block; }
.cookie.active .cookieInner:after {content: ""; padding-bottom: 1px; margin-top: 30px; display: block; }
.cookie.active .buttonContainer {margin: 20px 0;}
.cookie.active .buttonContainer a {display: inline-block; position: relative; font-weight: 700; fxxont-size: 24px; color: #fff; background: #e61b77; border-radius: 4px; padding: 10px 30px; cursor:pointer; border: none; outline: none; text-decoration: none;   }


@media screen and (max-width: 450px) {
	.cookie.active .cookieInner {padding: 0 20px; border-radius: 0; }
	.cookie.active .cookieInner:before {margin-bottom: 20px; }
	.cookie.active .cookieInner:after {margin-top: 20px;  }
}
	
	

.main {display: flex; height: 500px; min-height: 600px; min-height: calc(100vh - 138px);}
.main h1 { font-size: 40px; font-family: sst-bold, sans-serif; line-height: 1.15; color: #6F9E1F;}




footer {padding: 10px 30px; display: flex; justify-content: space-between; position: relative; background: #000; min-height: 70px; color: #fff; }
footer .left{display: flex; align-items: center;}
footer .left .copy {font-size: 11px; margin: 4px 0 0 0; color: #666;}
footer ul {margin: 0; padding: 0; }
footer ul li {list-style: none; padding: 0; margin: 0; display: inline-block;}
footer .left ul li a{text-decoration: none; color: #b7b7b7; font-size: 13px; margin-right: 10px; }
footer .left ul li a:hover{text-decoration: none; color: #fff; }
footer .right{display: flex; flex-direction: column; justify-content: center; flex-shrink: 0;}
footer .right .socials {background: #2f353d; padding: 6px 20px; display: flex; align-items: center;}
footer .right .socials p {margin: 0; margin-right: 10px; font-size: 13px;}
footer .right .socials ul li {padding: 0 2px;}
footer .right .socials a {text-decoration: none; color: #fff; width: 25px; height: 25px; border-radius: 3px; vertical-align: middle; transition: all .2s ease-in-out; display: inline-block; position: relative;}
footer .right .socials a i {position: absolute;}
footer .right .socials a.fb {background: #4b6dac;}
footer .right .socials a.fb i{bottom: -1px; right: 5px; font-size: 20px;}
footer .right .socials a.tw {background: #00a0d1;}
footer .right .socials a.tw i {top: 4px; left: 0; width: 100%; text-align: center; font-size: 18px; }
footer .right .socials a.yt {background: #fff;}
footer .right .socials a.yt i {top: 4px; left: 0; width: 100%; text-align: center; font-size: 18px; color: #e52d27; }
@media screen and (max-width: 1000px) {
	footer .left .copy {margin-top: 10px;}
	footer .right {justify-content: flex-start;}
	footer .right .socials {padding: 0; background: none; align-items: flex-end; flex-direction: column;}
	footer .right .socials p {margin-right: 0;}
}
@media screen and (max-width: 600px) {
	footer .left ul li a {font-size: 11px;}
}

.logoNew { padding: 25px; background: black; }
.logoNew .logo { display: block; width: 100px; height: 18px; background: url(../img/logoWhite.svg) center no-repeat; }

.buttonContainer {position: relative; margin: 20px 0;}
.offers .offer {border-top: 1px solid #999999;}
.offers .offer h2{margin-bottom: 0;}
.offers .offer .date {margin-top: 0;}
.offers .offer img {width: 20vw; min-width: 250px; height: auto;}
.offers .offer .view {display: inline-block; position: relative; font-size: 20px; padding: 10px 30px; min-width: 160px; background: #6F9E1F; color: #fff; text-align: center; border: none; outline: none; text-decoration: none; font-weight: 700; cursor: pointer;}
.offers .offer .view i{transition: all .2s ease; margin-left: 3px;}
.offers .offer .view:hover i{transform: translateX(3px);}

.offers .offer.dead .view {background: #ccc;}

.offers .offer .partnerLogo { height: 34px !important; width: auto; min-width: auto; margin-left: 10px; }

h1 { text-align: center; }

.offersFlex {display: flex; flex-wrap: wrap; padding: 0; justify-content: center; align-content: center; text-align: center;}
.offersFlex .offer {width: calc(33.3% - 10px); align-items: center; justify-content: center; margin: 5px; display: flex; flex-direction: column;}
.offersFlex .offer a{text-decoration: none;}
.offersFlex .offer h2{margin-bottom: 0;}
.offersFlex .offer .date {margin-top: 0;}
.offersFlex .offer img {width: 20vw; min-width: 250px; height: auto;}
.offersFlex .offer img:hover ~ .view i{transform: translateX(3px);}
.offersFlex .offer .view { font-size: 20px; padding: 10px 30px; min-width: 160px; background: #6F9E1F; color: #fff; text-align: center; border: none; outline: none; text-decoration: none; font-weight: 700; cursor: pointer; position: relative; margin: 5px auto 20px auto; max-width: 200px; }
.offersFlex .offer .view i{transition: all .2s ease; margin-left: 3px;}
.offersFlex .offer .view:hover i{transform: translateX(3px);}

.offersFlex .offer.dead .view {background: #ccc;}

.offersFlex .offer .partnerLogo { height: 34px !important; width: auto; min-width: auto; margin-left: 10px; }

@media screen and (max-width: 850px) {
	.offersFlex .offer { width: calc(50% - 10px); }	
}
@media screen and (max-width: 650px) {
	.offersFlex .offer { width: 100%; }	
}