#slider { float:left; width:100%; position:relative;}
#slider .owl-dot { display:none;}

.slider { float:left; width:100%; position:relative;}

.slide1,.slide2,.slide3,.slide4 {float:left; width:100%; height:800px;}
.slide1 .wrapper,.slide2 .wrapper,.slide3 .wrapper,.slide4 .wrapper  { display: table;}

.slide1 { 
background-image:
url('../images/slide/slide1.png');
background-repeat:no-repeat; 
background-position:right 0px bottom 100%;
background-size:cover;}

.slide2 { 
background-image:
url('../images/slide/slide2.png');
background-repeat:no-repeat; 
background-position:right 0px bottom 99%;
background-size:cover;}

.slide3 { 
background-image:
url('../images/slide/slide3.png');
background-repeat: no-repeat; 
background-position:right 0px bottom 90%;
background-size:cover;}
.slide3 .slide-text2 { float:left; width:70%;}
.slide3 .slide-text2 h2 { width:45%; background:#1e5aa8; color:#fff; padding:20px 0px 30px; font-size:50px; line-height:60px; text-align:center; font-family:'Montserrat Bold';}
.slide3 .slide-text2 h3 {width:36%; background:#f8891e; margin:-20px 0 0 24%; color:#fff;font-size:28px; line-height:40px; padding:15px 0; text-align:center;}
.slide3 .slide3-title { float:left; width:100%; }
.slide3 .slide3-title h4 {font-size:50px; line-height:60px; color:#1d5aa1; text-align:left; position:absolute; top:40%; left:32%;}
.slide3 .slide3-title h5 {font-size:50px; line-height:60px; color:#1d5aa1; text-align: right; position:absolute; top:49%; right:5%;}
.slide3 .slide3-title span { text-align:right;}
.slide3 .btn { position:absolute; top:56%; right:10%; text-align:right;}
.slide3 .slide-text .btn a { background:#f8891e; border-radius:12px; padding:12px 30px; font-size:25px;}

.slide4 { 
background-image:
url('../images/slide/slide4winter-image.png'),
url('../images/slide/slide4.png');
background-repeat: no-repeat, no-repeat; 
background-position:right 18% bottom 0,right 0px bottom 90%;
background-size:auto auto,cover;}
.slide4 .slide-text h2 {color:#005cab; font-weight: bold; text-transform:uppercase; font-family:'Montserrat Bold'; margin:0px; padding:0 0 20px;}
.slide4 li { list-style:none; color:#005cab; font-weight:bold;  background:url('../images/slide/snowflake-icon.png'); background-repeat:no-repeat; background-position:top 5px left 0; padding:0 0 0 30px; font-size:17px; line-height:30px;}
.slide4 .slide-text .btn { text-align:center;}

.slide-text { display:table-cell; height:800px; vertical-align: middle; text-align: left;}
.slide-text h2 { font-size:35px; line-height:45px; margin:0px; padding:0px; color:#fff; font-weight:normal; font-family:'Montserrat Regular'; }
.slide-text p { color:#fff; font-size:25px; line-height:30px;}

.slide-text .btn { float:left; width:100%; margin:3% 0;}


.slide-text1 { float:right; width:100%; position:absolute; bottom:1%; right:0; text-align:right;}
.slide-text1 li { list-style:none; padding:0px; margin:0 10px; display:inline-block; font-size:16px; line-height:20px; color:#fff; text-align:left; vertical-align:top;}
.slide-text1 li img { width:auto !important; display:inline-block !important;}
.slide-text1 li:last-child { border-left:5px solid #fff; padding:0 20px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, /* put webkit CSS here*/
}

@media only screen and ( max-width:1800px) {

}

@media only screen and ( max-width:1640px) {

}

@media only screen and ( max-width:1400px) {
.slide4 { background-position:right 8% bottom 0,right 0px bottom 90%; background-size:auto auto,cover;}

}

@media only screen and ( max-width:1200px) {
.slide-text { text-align:center;}
.slide-text h2 {color:#fff;}
.slide-text p { color:#fff;}

.slide1,.slide2,.slide3,.slide4,.slide-text { height:700px;}
.slide-text1 { left:0; right:0; text-align:center;}

.slide3 .slide-text2 h2 { width:52%;}
.slide3 .slide3-title h4 { left:38%;}
.slide3 .slide-text2 h3 { width:46%;}

.slide4 { background-position:right 8% bottom 0,right 0px bottom 90%; background-size:36% auto,cover;}
.slide4 .slide-text { text-align:left;}
.slide4 .slide-text .btn { text-align:left;}

}

@media only screen and ( max-width:1000px) {
.slide1,.slide2,.slide3 { vertical-align: bottom; padding: 0 0 25% 0;}

.slide3 .slide-text2 h3 { margin:-20px 0 0 12%;}

.slide3 .slide-text2 h2 { font-size:40px; line-height:50px;}
.slide3 .slide3-title h4 { top:50%;}
.slide3 .slide3-title h5 {top:60%; right:0;}
.slide3 .btn { top:70%;}

.slide4 .slide-text { vertical-align:bottom; padding:0 0 10% 0;}

}
@media only screen and ( max-width:850px) {
.slide3 .slide-text2 h3 { font-size:21px;}

.slide4 .slide-text { vertical-align:bottom; padding:0 0 5% 0;}
.slide4 .slide-text h2 { font-size:30px; line-height:40px;}

}

@media only screen and ( max-width:767px) {
.slide-text h2 {margin:0px; padding:0px; font-size:32px; line-height:40px;}
.slide-text p { margin:0px; padding:0 0 15px;font-size:19px; line-height:30px;}
.slide-text1 li { text-align:center;}
.slide-text h2  br { display:none;}

.slide1 {
background:
linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),
url('../images/slide/slide1.png');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,left 0% bottom 50%;
background-size:100% 100%,cover;}

.slide2 {
background:
linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),
url('../images/slide/slide2.png');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,right 0% bottom 20%;
background-size:100% 100%,cover;}

.slide3 {
background:
linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),
url('../images/slide/slide3.png');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,right 0% bottom 20%;
background-size:100% 100%,cover;}

.slide3 .slide-text { vertical-align: top; padding: 40% 0 0;}
.slide3 .slide-text2 h2 { width:68%; padding:20px 15px; right:0;}
.slide3 .slide-text2 h3 { width:60%; margin:0 0 0 10%;}
.slide3 .slide3-title h4 { width:60%;  top:64%; color:#fff; font-size:40px; line-height:40px; left:45%;}
.slide3 .slide3-title h5 { top:72%; color:#fff; font-size:40px; line-height:40px; right:0;}
.slide3 .btn { top:80%;}


.slide4 { background-position:right 8% bottom 0,right 0px bottom 90%; background-size:45% auto,cover;}
.slide4 .slide-text { vertical-align:bottom; padding:0 0 16% 0;}
.slide4 .slide-text h2 { font-size:28px; line-height:40px;}
}

@media only screen and ( max-width:640px) {
.slide-text h2 {font-size:27px; line-height:35px;}
.slide1,.slide2,.slide3,.slide4,.slide-text { vertical-align: bottom; padding: 0 0 40% 0;}

.slide3 .slide-text { padding: 50% 0 0;}
.slide3 .slide-text2 h2 { width:80%;}
.slide3 .slide-text2 h3 { left:0; right:0; text-align:center; width:80%; padding:10px 0;}
.slide3 .slide-text2 h4 { left:0; right:0; text-align:center; width:100%;}

}

@media only screen and ( max-width:580px) {	
.slide3 .slide-text { padding:60% 0 0;}
.slide3 .slide-text2 h2 { padding:15px 0; width:85%;}
.slide3 .slide-text2 h4 {font-size:30px; line-height:30px;}
.slide3 .slide-text2 h5 {font-size:30px; line-height:30px;}
.slide3 .slide-text .btn a { padding:10px 25px; font-size:21px;}


.slide4 { 
background-image:
linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),
url('../images/slide/slide4winter-image.png'),
url('../images/slide/slide4.png');
background-repeat: no-repeat,no-repeat, no-repeat; 
background-position:top 0 left 0,right 4% bottom 10%,right 0px bottom 50%;
background-size:100% 100%,45% auto,cover;}
.slide4 .slide-text h2 { color:#fff;}
.slide4 .slide-text li { color:#fff; font-weight:bold;  background:url('../images/slide/snowflake-icon-res.png'); background-repeat:no-repeat; background-position:top 5px left 0; padding:0 0 0 30px; font-size:17px; line-height:30px;}
.slide4 .slide-text .btn { margin:35px 0 0;}

}

@media only screen and ( max-width:540px) {	
.slide-text h2 {font-size:24px; line-height:30px;}
.slide-text1 { bottom:2%;}
.slide-text1 li br { display:none;}

.slide-text .btn a { padding:8px 20px; font-size:19px;}
.slide-text1 li { font-size:15px; line-height:20px;}


.slide4 .slide-text { padding:0 0 22% 0;}
}


@media only screen and ( max-width:480px) {	
.slide1,.slide2,.slide3 { vertical-align: bottom; padding: 0 0 50% 0;}
.slide-text h2 {font-size:20px; line-height:30px;}

.slide3 .slide-text { padding:70% 0 0;}
.slide3 .slide-text2 h2 { width:85%; font-size:30px; line-height:30px; padding:20px 0;}
.slide3 .slide-text2 h3 { }
.slide3 .slide3-title h4 { top:66%;}
.slide3 .slide-text2 h5 { top:74%;}
}

@media only screen and ( max-width:460px) {
.slide-text .btn a { display:inline-block; margin:10px 0 0;}
.slide-text1 li { font-size:12px; line-height:18px;}

.slide3 .slide-text { padding:72% 0 0;}
.slide3 .slide-text2 h3 { padding:8px 0; font-size:17px;}
.slide3 .slide3-title h4 { top:62%;}
.slide3 .slide-text2 h5 { top:70%;}
.slide3 .btn {top: 74%;}

.slide4 .slide-text { padding:0 0 20% 0;}
}

@media only screen and ( max-width:390px) {
.slide1,.slide2,.slide3,.slide4,.slide-text { height:600px;}

.slide1,.slide2,.slide3 { vertical-align: bottom; padding: 0 0 64% 0;}

.slide4 .slide-text { padding:0 0 10% 0;}
.slide4 .slide-text h2 { font-size: 22px; line-height: 30px;}
.slide4 .slide-text li { font-size:15px; line-height:30px;}
.slide4 .slide-text .btn { margin:15px 0 0;}

.slide3 .slide-text { padding:75% 0 0;}
.slide3 .slide-text2 h2 { font-size:25px; line-height:30px; padding:14px 0;}
.slide3 .slide3-title h4 { top:64%;}
.slide3 .slide-text2 h5 { top:72%;}
.slide3 .btn {top: 80%;}

}
@media only screen and ( max-width:360px) {
.slide3 .slide-text { padding: 85% 0 0;}

.slide4 .slide-text { padding:0 0 15% 0;}
}



