#slider { float:left; width:100%;}

.slide1,.slide2,.slide3  {float:left; width:100%; height:500px;}
.slide1 .wrapper,.slide2 .wrapper,.slide3 .wrapper { display:table;}

.slide1 { 
background-image:
url('../images/slide/slide1-graphic.png'),
url('../images/slide/slide1.jpg');
background-repeat:no-repeat,no-repeat; 
background-position:right 0 bottom 0,left 0px bottom 75%;
background-size:auto auto,cover;}
.slide1 .slide-text { text-align:right;}

.slide2 { 
background-image:
url('../images/slide/slide2-graphic1.png'),
url('../images/slide/slide2.jpg');
background-repeat:no-repeat,no-repeat; 
background-position:left 28% bottom 0%,left 0 bottom 0;
background-size:auto auto,cover;}
.slide2 .slideinn { float: right; width:54%; text-align: left;}
.slide2 .slide-text { vertical-align: middle; text-align: left;}
.slide2 .slide-text h2 { font-size:40px; line-height:50px; padding:40px 0;color:#fff; display:inline-block;}
.slide2 .slide-text .star-logo { float:left; width:100%; padding:0px;}
.slide2 .slide-text .star-logo img {width:auto !important; display:inline-block !important;}
.slide2 .row { float:left; width:100%; margin:40px 0 0;}
.slide2 .row .btn { float:left; margin:0px; padding:0px;}
.slide2 .slide2-logo { float:right; padding:15px 0 0;}
.slide2 .slide2-logo img {width:auto !important; display:inline-block !important;}

.slide3 { 
background-image:
url('../images/slide/slide3.jpg');
background-repeat:no-repeat; 
background-position:left 0px bottom 50%;
background-size:cover;}

.slide-text { display:table-cell; vertical-align:middle; height:500px; text-align:left;}
.slide-text h2 { font-size:42px; line-height:50px; color:#fff; margin:0px; padding:0px; font-weight:normal;font-family:'Montserrat Regular';}
.slide-text p { font-size:23px; line-height:35px; color:#fff; margin:0px; padding:20px 0 0;font-family:'Montserrat Light';}

.slide-text .btn { width: auto; margin:30px 0 0; display: inline-block }
.slide-text .btn a { display:inline-block; color: #fff; padding:15px 70px 15px 20px;  border-radius:28px; font-size: 23px; font-weight:normal; background:#ed1e3b url('../images/arrow-right.png'); background-repeat: no-repeat; background-position:top 14px right 12px;font-family:'Montserrat Light';}
.slide-text .btn a:hover { background-color: #344da1 }

@media screen and (-webkit-min-device-pixel-ratio:0) {

}

@media only screen and ( max-width:1800px) {
}

@media only screen and ( max-width:1700px) {
.slide1 { 
background-position:right 0 bottom 0,left 0px bottom 75%;
background-size:20% auto,cover;}
.slide1 .slide-text { text-align: center;}
}

@media only screen and ( max-width:1550px) {
.slide2 {
background-repeat:no-repeat,no-repeat; 
background-position:left 20% bottom 0%,left 0 bottom 0;
background-size:auto auto,cover;}
}

@media only screen and ( max-width:1350px) {
.slide-text h2 { font-size:30px; line-height:40px;}

.slide2 {
background-repeat:no-repeat,no-repeat; 
background-position:left 12% bottom 0%,left 0 bottom 0;
background-size:auto auto,cover;}
}

@media only screen and ( max-width:1200px) {
.slide1,.slide2,.slide3,.slide-text {height:400px;}
.slide-text { text-align:center;}


.slide-text h2 { color:#fff; margin:0px; padding:0px;}
.slide-text p { color:#fff; margin:0px; padding:0px;}
.slide-text h2 br,.slide-text p br { display:none;}

.slide-text .btn { margin:20px 0 0;}
.slide-text .btn a,.slide-text .btn a:hover { padding:10px 45px 10px 17px; font-size:19px;background-position: top 10px right 10px; background-size:9%;}

.slide1 { 
background-image:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/slide/slide1-graphic.png'),
url('../images/slide/slide1.jpg');
background-repeat:no-repeat,no-repeat,no-repeat; 
background-position:top 0 left 0,right 0 bottom 0,left 0px bottom 75%;
background-size:100% 100%,18% auto,cover;}

.slide2 { 
background-image:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/slide/slide2-graphic1.png'),
url('../images/slide/slide2.jpg');
background-repeat:no-repeat,no-repeat,no-repeat; 
background-position:top 0 left 0,left 8% bottom 0%,left 0 bottom 0;
background-size:100% 100%,35% auto,cover;}
.slide2 .slide-text h2 { font-size:35px; line-height:40px; margin:10px 0; padding:0px;}

.slide3 { background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/slide/slide3.jpg');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 0%;
background-size:100% 100%,cover;}
.slide2 .slideinn { width: 60%;}
.slide2 .slide2-logo { margin:0px; padding:0px;}
}

@media only screen and ( max-width:1000px) {
.slide2 { 
background-image:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/slide2-graphic1.png'),
url('../images/slide/slide2.jpg');
background-repeat:no-repeat,no-repeat,no-repeat; 
background-position:top 0 left 0,left 6% bottom 0%,left 0 bottom 0;
background-size:100% 100%,38% auto,cover;}
.slide2 .slide-text { text-align:center;}
.slide2 .slide-text h2 { font-size:35px; line-height:40px; margin:10px 0; padding:0px;}
.slide2 .slide-text  h2 br { display:none;}
.slide2 .row .btn,.slide2 .slide2-logo { float:none; display:inline-block; width:auto;}
.slide2 .row .btn { margin:15px 0;}
.slide2 .row { margin:0px; padding:0px;}
.slide2 .slide-text h2 { font-size:28px; line-height:35px;}
}

@media only screen and ( max-width:860px) {
.slide2 .slide-text h2 { font-size:23px; line-height:30px;}
.slide2 { 
background-position:top 0 left 0,left 4% bottom 0%,left 0 bottom 0;
background-size:100% 100%,45% auto,cover;}
.slide2 .slideinn { width: 54%;}
}


@media only screen and ( max-width:767px) {
.slide1,.slide2,.slide3,.slide-text  { height:350px;}
.slide-text h2 { font-size:24px; line-height:35px;}
.slide-text p { font-size:19px; line-height:30px; padding:15px 0 0;}


.slide2 .slide-text h2 { font-size:20px; line-height:26px;}
.slide2 { 
background-position:top 0 left 0,left 4% bottom 0%,left 0 bottom 0;
background-size:100% 100%,42% auto,cover;}
.slide2 .slideinn { width: 56%;}
.slide2 .slide-text .star-logo img { width:50% !important;}
}


@media only screen and ( max-width:640px) {
.slide-text h2 { font-size:19px; line-height:26px; padding:0px;}
.slide-text p { font-size:17px; line-height:25px;}

.slide2 { 
background-position:top 0 left 0,left 0% bottom 0%,left 0 bottom 0;
background-size:100% 100%,44% auto,cover;}
}

@media only screen and ( max-width:600px) {
.slide2 { 
background-position:top 0 left 0,left 50% bottom 0%,left 0 bottom 0;
background-size:100% 100%,60% auto,cover;}
.slide2 .slide-text { text-align:center;vertical-align:middle;}
.slide2 .slide-text h2 br { display:none;}
.slide2 .slideinn { width: 100%; float:none; display:inline-block; text-align:center; }
}

@media only screen and ( max-width:560px) {	
.slide1,.slide2,.slide3,.slide-text  { height:300px;}
}

@media only screen and ( max-width:460px) {	
.slide1,.slide2,.slide3,.slide-text  { height:300px;}
}


@media only screen and ( max-width:360px) {	


}


/*xmax-slide*/
.xmax-slide{overflow:hidden;background-image: url('../images/xmasxbanner.png');background-size: cover;background-repeat: no-repeat;background-position: top 25% center;position: relative;}
.xmax-slide .item{float:left; width:100%; height:500px;}
.xmax-slide .wrapper,.xmax-slide .container{box-sizing:border-box;z-index:9;margin: 0 auto;padding: 0 15px;display:table; position:relative;box-sizing: border-box;}
.xmax-slide .wrapper,.xmax-slide .container{background-repeat: no-repeat;background-position: right 15px center;background-size: 190px auto;padding-right: 190px;}
.xmax-slide .slide-text { display:table-cell; height:500px; vertical-align: middle; text-align: left;position: relative;z-index: 9;}
.xmax-slide .slide-inner{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;width: 100%}
.xmax-slide .slide-inner .right-sec{margin-left: auto;text-align: right;}
.xmax-slide h2{font-size: 45px;font-family: 'Montserrat Bold';color: #ffffff/*ba7625*/;line-height: 1.3;padding: 0;margin: 0;}
.xmax-slide p{font-size: 40px;color: #005baa;padding: 0;margin: 0;margin-bottom: 50px;line-height: 50px;}
.xmax-slide .button{background: #a8d8da;color: #ffffff;padding: 10px 30px;font-size: 30px;border-radius: 25px;}
.xmax-slide .button:hover{background: #5ca033;color: #ffffff}
.xmax-slide .left-sec img{margin-bottom: 60px;}
.xmax-slide .left-sec h2 + img{max-width: 420px;margin-bottom: 30px;margin-top: 30px;}
@media only screen and (max-width:1280px) {
	.xmax-slide h2 {font-size: 50px;}
	.xmax-slide p {font-size: 30px;margin-bottom: 40px;line-height: 40px;}
	.xmax-slide .button {font-size: 23px;}
}
@media only screen and ( max-width:1200px) {	
.xmax-slide .item,.xmax-slide .slide-text  { height:400px;}
}
@media only screen and (max-width:991px) {
	.xmax-slide .wrapper, .xmax-slide .container{padding-right: 15px;}
	.xmax-slide .slide-inner{text-align: center;}
	.xmax-slide .slide-inner .left-sec{margin:auto;}
	.xmax-slide h2 {font-size: 30px;}
	.xmax-slide p {font-size: 25px;margin-bottom: 30px;line-height: 30px;}
	.xmax-slide .left-sec img {margin-bottom: 40px;max-width: 340px;margin-top: 20px;}
	.xmax-slide .left-sec h2 + img {max-width: 200px;margin: auto;margin-top: 20px;margin-bottom: 20px;}
	.xmax-slide:before{background-color: #a8d8da;opacity: 0.5;content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;}
}
@media only screen and (max-width:767px) {
	.xmax-slide .button {font-size: 15px;padding: 7px 20px;}
	.xmax-slide .item,.xmax-slide .slide-text{height: calc(280px - 90px);}
	.xmax-slide .wrapper, .xmax-slide .container{background-position: top 20px center;background-size: 60px;}
	.xmax-slide p {font-size:20px}
	.xmax-slide .left-sec img {margin-bottom: 30px;max-width: 300px;margin-top: 0px;}
	.xmax-slide .left-sec h2 + img {max-width: 140px;margin: auto;margin-top: 10px;margin-bottom: 20px;}
	.xmax-slide h2 {font-size: 20px;}
}
@media only screen and (max-width:576px) {
	.xmax-slide p br{display: none;}
}
@media only screen and ( max-width:560px) {	
.xmax-slide .item,.xmax-slide .slide-text  { height:300px;}
}

@media only screen and ( max-width:460px) {	
.xmax-slide .item,.xmax-slide .slide-text  { height:300px;}
}
