.slider1,.slider2,.slider3 {float:left;width:100%; height:500px; position:relative;}

.slider1 {	background-image:url(../images/home-slider1.jpg);background-repeat: no-repeat,no-repeat;background-size:100%;background-position:top 50% left 0;}
.slider2 {  background:url(../images/home-slider2.jpg) no-repeat; background-size:100%;}
.slider3 {
    background-image: 
	url(../images/home-slider3-graphic1.png), 
	url(../images/home-slider3-graphic2.png), 
	url(../images/home-slider3.png);
    background-repeat: no-repeat, no-repeat, no-repeat; 
	background-position: left 35% top 50%, right 30% top 48%, right 0px bottom -590px;
	background-size: 630px 290px, 247px 294px, 100% auto;}


.slider-text { text-align: left; position:absolute; transform:translate(-70%,-50%); left:70%; top:50%; z-index:9999; }
.slider-text h1 { color:#ae2218; font-size:60px; line-height:60px;}
.slider-text p { font-size:30px; line-height:30px; color:#414140;}
.slider-text .btn { margin:25px 0 0; }
.slider-text .btn a { border:2px solid #293784; border-radius:20px; color:#293784; padding:8px 60px; font-size:21px; font-weight: bold; display:inline-block;}
.slider-text .btn a:hover { background:#3e4d9e; color:#fff;}
.slider-text .btn span { float:left; margin-right:10px;}
.slider-text .btn span img { width:auto !important;}


.slider-form { float:left; width:24%; margin:25px 0; text-align:left; position:absolute; top:25px;}
.slider-form h1 { font-size:35px; padding-bottom:25px; color:#ae2117;}
.slider-form input,.slider-form textarea {font-size:17px;  font-weight:bold; color:#ae2218; border:2px solid #ae2117; border-radius:5px; margin:6px 0 !important; padding:8px 15px; width:100%; margin:0 0 10px;}
.slider-row.pad1 input { background:#ae2117; padding:6px 8px; border:2px solid #293784; color:#fff; border-radius:20px; width:50%; margin:10px 0;font-size:17px; cursor:pointer;}


@media only screen and ( max-width:1800px) {
.slider3 {
background-position:left 25% top 40%, right 30% top 40%, left 0px bottom 0px;
background-size:630px 290px, 247px 294px, 1980px 1506px;
transform: translate(-50%, 0), transform: translate(-50%, -75%), transform: translate(0, 0);}	

}


@media only screen and ( max-width:1520px) {
	
.slider1,.slider2 { background-size: cover;}
.slider1 {background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url(../images/home-slider1.jpg) top left no-repeat; background-position:0;}
.slider-text p { color:#fff;}
.slider3 { background-position: left 25% top 40%, right 30% top 40%, left 0px bottom 0px; background-size:41% auto, 16% auto, 100% 100%;}


.slider-form { width: 40%;}
.pad1 { text-align: left;}
.slider-row.pad1 input { width:60%;}

.slider-text h1 br { display:none;}
.slider-text { transform:translate(-50%,-50%); left:50%; text-align:center;}
.slider-text h1 { color:#fff;}
.slider-text h3 { color:#fff;}
.slider-text .btn a { border: 4px solid #fff; color: #fff;}

}


@media only screen and ( max-width:1170px) {
.slider3 {background-position: left 30% top 50%, right 20% top 50%, left 0px bottom 0px; background-size:41% auto, 16% auto, 100% 100%;transform: translate(-50%, 0), transform: translate(-50%, -75%), transform: translate(0, 0);}	


.slider-text { width:100%;}
.slider-text h1 { font-size:35px; line-height:35px;}
.slider-3 .slider-text h1 { font-size:35px; line-height:35px;}
.slider-text h3 { margin:0px; padding:0px;}

}

@media only screen and ( max-width:1100px) {


.slider3 {background-position: left 30% top 50%, right 20% top 50%, left 0px bottom 0px; background-size:41% auto, 16% auto, 100% 100%;
transform: translate(-50%, 0), transform: translate(-50%, -75%), transform: translate(0, 0);}	


}

@media only screen and ( max-width:980px) {
.slider1,.slider2,.slider3 {height:350px;}
.slider3 {background-size: 48% 41%,13% 43%,100% 750px;}


}

@media only screen and ( max-width:767px) {
.slider1 {background-position: top 40% right 81%;}
.slider3 { background-position: left 30% top 50%, right 20% top 50%, left 0px bottom 0px; background-size:41% auto, 16% auto, 100% 100%;}	

}


@media only screen and ( max-width:640px) {
.slider-form { top:0; width:98%;}
.slider-form h1 { font-size:25px; padding-bottom:10px;}
.slider-form input { float:left; width:45%; margin-right:20px !important;}
.slider-form textarea { width:93%;}
.slider-row.pad1 input { width:30%;}
.slider1,.slider2,.slider3 {height:270px;}


.slider-text h1 { font-size:25px; line-height:25px;}
.slider-text h3 { font-size: 19px; line-height: 20px; margin: 10px 0 20px;}
.slider-text .btn a { font-size: 16px; border: 3px solid #fff; padding: 5px 20px;}
.slider-text .btn a:hover { border: 3px solid #9b7827;}


}

@media only screen and ( max-width:540px) {
.slider1,.slider2,.slider3 {height:220px;}
.slider3 { background-position: left 20% top 50%, right 20% top 50%, left 0px bottom 0px; background-size:50% auto, 20% auto, 100% 100%;}	

.slider-form h1 { margin:0px; font-size:25px; padding:0px;}
.slider-form { top:0; width:90%;}
.slider-form input { float:left; width:40%; margin-right:20px !important;}
.slider-form input, .slider-form textarea { padding:5px 15px; font-size:13px;}
.slider-form textarea { width:90%;}
.slider-row.pad1 input { width:40%; font-size:14px;}


}



@media only screen and ( max-width:420px) {

.slider-form { width:80%;}
.slider-form h1 { padding-bottom:10px; font-size:26px;}
.slider-form input, .slider-form textarea  { font-size:12px;}
.slider-row.pad1 input { width:40%; font-size:11px;}
}

@media only screen and ( max-width:420px) {
.slider-form { top:0; margin:10px 0 0;}
}