
.dateslider {
	position:relative;
/*	padding:317px 0 380px 0;*/
	height:640px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	overflow: hidden;
    margin:0 20px 20px 20px;
}
.dateslider .overlay {
    display:none;
    position:absolute;
    height:100%;
    width:100%;
    background:rgba(0,0,0,0.3);
}
.dateslider .container {
	position:relative;
    width:92%;
    max-width:1480px;
	height:100%;
	padding-right: 0;
	padding-left: 0;
	z-index:2000;
}
.dateslider .logo {
	text-align:center;
	display:none;
	margin:0 auto;
}
#moredown {
	position:absolute; bottom:0; left:50%;
	width:140px;
	margin-left:-70px;
	text-align:center;
	color:#fff;
	cursor:pointer;
}
#moredown:after {
    font-family:'Font Awesome 5 Free';
    font-weight:900;
	content: "\f107";
	font-size:32px;
	line-height: 46px;
}
#moredown span {
	display:block;
}
.dateslider .slide {
	display:none;
	width:100%;
    margin-top:100px;
	animation: come-in 0.8s ease forwards;
}
.dateslider h1.heading span {font-family:'Montserrat'; font-weight:500;font-size:20px; line-height:1.2em; margin-bottom:1.5em;}
.dateslider h1.heading {font-family:'Montserrat'; font-weight:500;
    color:#fff;
    font-size:48px; line-height:1.2em; margin-bottom:0.5em;
}
.dateslider p.sub {
	color:#fff;
	font-size:22px;
	letter-spacing:0px;
	line-height:24px;
    text-shadow:1px 1px #000;
}
.dateslider p.sub-2 {
	color:#fff;
	font-size:28px;
	letter-spacing:0px;
	line-height:34px;
}
.dateslider p.sub-2 span {
	color:#80B600;
	font-weight:bold;
}
.dateslider a.btn {
	transition:none;
	display:inline-block;
	min-width:200px;
    font-family:'Montserrat';
    font-weight:500;
	font-size:18px;
    color:#fff;
    background-color:rgba(3,138,53,1);
	line-height:60px;
	text-align:center;
	padding:0 30px;
    border-radius:30px;
}
.dateslider a.btn + a.btn {margin-left:15px;}
.dateslider a.btn:hover {
    background-color:rgba(3,138,53,0.7);
}
.dateslider .static-content {position:absolute; bottom:30px; width:100%;}

/* SLIDERBOKSER */
.slider-boxes {position:absolute; bottom:20px; left:50%; transform: translateX(-50%); width:100%; text-align:center; z-index:2200;}
.slider-boxes .helper {width:100%; display:flex; margin:0 auto;}
.slider-boxes .box {float:left; display:flex;}
.slider-boxes .box a {text-decoration:none;}
.slider-boxes .box a + a {margin-left:20px;}
.slider-boxes .box p {margin:0;}

.slider-boxes.lod .box {background-color:rgba(0,0,0,0.5);}
.slider-boxes.lod .box * {color:#eee;}
.slider-boxes.lod .box i {border:1px solid #a1fcc3; color:#a1fcc3;}
.slider-boxes.lod.t1 .box a {color:#a1fcc3;}
.slider-boxes.lod.t1 .box a:hover {color:#fff;}
.slider-boxes.lod.t2 .box a {color:#fff}
.slider-boxes.lod.t2 .box:hover,
.slider-boxes.lod.t3 .box:hover {background-color:rgba(0,0,0,0.7);}

.slider-boxes.dol .box {background-color:rgba(255,255,255,0.8);}
.slider-boxes.dol .box * {color:#555;}
.slider-boxes.dol i {border:1px solid #555;}
.slider-boxes.dol.t1 .box a {color:#038a35;}
.slider-boxes.dol.t1 .box a:hover {color:#333;}
.slider-boxes.dol.t2 .box:hover {background-color:rgba(255,255,255,1);}

.slider-boxes.n2 {width:69.66666%;}
.slider-boxes.n2 .box {width:47%; margin:0 1.5%;}
.slider-boxes.n3 {width:100%;}
.slider-boxes.n3 .box {width:30.33333%; margin:0 1.5%;}
.slider-boxes.n4 {width:100%;}
.slider-boxes.n4 .box {width:22%; margin:0 1.5%;}

.slider-boxes.t1 .box a {display:inline-block;}

.slider-boxes.t1 .box,
.slider-boxes.t2 .box {position:relative;}
.slider-boxes.t1 .box .content,
.slider-boxes.t2 .box .content {text-align:center; padding:20px 15px; flex:1;}
.slider-boxes.t1 .box i,
.slider-boxes.t2 .box i {display:inline-block; margin-bottom:20px; border-radius:36px; height:72px; width:72px;}
.slider-boxes.t1 .box i:before,
.slider-boxes.t2 .box i:before {font-size:36px; line-height:72px;}
.slider-boxes.t1 .box h2,
.slider-boxes.t2 .box h2 {font-size:25px; padding:0; line-height:auto; margin-bottom:20px;}

.slider-boxes.t3 {bottom:0;}
.slider-boxes.t3 .box a {display:block; text-align:left; font-family:'Montserrat'; font-weight:500; position:relative; width:100%; height:130px; padding:20px 20px 20px 100px;}
.slider-boxes.t3 .box i {position:absolute; top:50%; left:20px; transform:translateY(-50%); border:0; text-align:center; height:auto; width:auto; padding:0;}
.slider-boxes.t3 .box i:before {font-size:48px; line-height:90px;}
.slider-boxes.t3 .box h2 {font-size:19px; text-transform:uppercase; line-height:auto; padding:0; margin-bottom:10px;}
.slider-boxes.t3 .box p {font-size:13px;}
.slider-boxes.t3.n4 {margin-bottom:0;}
.slider-boxes.t3.n4 .box {width:calc(25% - 2px); margin:0 1px;}
.slider-boxes.t3.n4 .box:last-child {margin-right:0;}

@media only screen and (max-width: 1199px) {
    .slider-boxes .box a + a {margin-left:0; display:block;}

    .slider-boxes .helper {display:block;}
    .slider-boxes.n4.t3 .box {width:calc(50% - 2px); margin:0 1px 1px 0;}

    .slider-boxes.t1 .box p,
    .slider-boxes.t2 .box p {display:none;}
    .slider-boxes.t1 .box h2,
    .slider-boxes.t2 .box h2 {font-size:19px; margin:0;}
}
@media only screen and (max-width: 991px) {
	.dateslider h1.heading {font-size:35px;}
}
@media only screen and (max-width: 767px) {


}
@media only screen and (max-width: 580px) {
    .dateslider {width:100%; margin:0;}
    .dateslider .slide {margin-top:120px;}
    .dateslider a.btn {
        min-width:120px;
        font-weight:normal;
        font-size:15px;
        line-height:40px;
        padding:0 20px;
        border-radius:20px;
    }
    .dateslider p.sub {
        font-size:19px;
        letter-spacing:0px;
    }
	/*.dateslider a.btn + a.btn {margin-left:auto; margin-top:10px;}*/
	.dateslider p.sub-2 {font-size:24px; line-height:28px; padding:0 15px;}

    .slider-boxes.t1 .box,
    .slider-boxes.t2 .box,
    .slider-boxes.t3 .box a {height:60px; padding:20px 20px 20px 60px;}

    .slider-boxes.t1.n2 .box,
    .slider-boxes.t1.n3 .box,
    .slider-boxes.t1.n4 .box,
    .slider-boxes.t2.n2 .box,
    .slider-boxes.t2.n3 .box,
    .slider-boxes.t2.n4 .box,
    .slider-boxes.t3.n2 .box,
    .slider-boxes.t3.n3 .box,
    .slider-boxes.t3.n4 .box {width:calc(100% - 2px); margin:0 1px 1px 0; float:none;}

    .slider-boxes.t1,
    .slider-boxes.t2 {bottom:0;}
    .slider-boxes.t1 .box a.content,
    .slider-boxes.t2 .box a.content {text-align:left; padding:0;}
    .slider-boxes.t1 .box i,
    .slider-boxes.t2 .box i {position:absolute; top:50%; left:20px; transform:translateY(-50%); height:auto; width:auto; border:0; padding:0; margin-bottom:0;}
    .slider-boxes.t1 .box h2,
    .slider-boxes.t2 .box h2 {margin-bottom:0;}

    .slider-boxes.t1 .box i:before,
    .slider-boxes.t2 .box i:before,
    .slider-boxes.t3 .box i:before {font-size:24px; line-height:45px; }
   
    .slider-boxes.t3 .box p {display:none;}
}