#carousel , #carousel li { list-style:none; margin:0; padding:0; } 
 
.screen #carousel{
display:block;
width:100%;
height:auto; 
overflow:hidden;
clear:both;
margin:20px auto 0 auto;
position:relative;
}	

.mobile #carousel{margin:20px auto 0 auto; padding:0;}
	
#carousel li { 
display:block;  
position:relative; 
width:100%; 
padding:0 0 0 0 ;
margin:  0px auto;  clear: both;
} 

#carousel li div{  padding:0px;   height:500px; }
.mobile #carousel li div{  padding:0px;   height:auto;}

#carousel li .imgWrap{width:50%;  display:block;  height:500px; margin:0  0;  }
.mobile #carousel li .imgWrap{width:100%;  display:block; height:auto; clear:both; float:none   }
#carousel li .imgWrap img{ width:500px;height:500px; display:block;   margin:0} 
.mobile  #carousel li .imgWrap img{ width:100%;height:auto; display:block; float: none;margin:0} 

.screen #carousel li .textWrap{
	width:500px; height:500px;   display:block; color:#fff; font-size:16px;
position: relative;
top: 50%; height: auto;
 -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.mobile  #carousel li .textWrap{
width:100%;
float:none;
height:auto;
clear:both;
display:block;
color:#fff;
font-size:16px; 
padding:60px 30px;
text-align:center; border-top:2px solid #fff;border-bottom:2px solid #fff
}

#carousel li .textWrap strong{ display:block;   text-align:inherit; font-size:1.5em; margin-bottom:10px;}


#carousel .moreLink{
display:block; clear:both; 
width:200px;
text-align:center;
padding:10px 0px; margin:30px 0 ;  
clear:both;  
border-radius:44px; letter-spacing:0px;
font-size:12px; font-weight:bold; 
text-transform:uppercase ;
background: transparent; color:#fff;border:2px solid #fff;
-webkit-transition:border 0.2s ease-in-out;
-moz-transition:border 0.2s ease-in-out;
-o-transition:border 0.2s ease-in-out;
transition:all 0.2s ease-in-out;  
font-family: "Montserrat", sans-serif;
}
#carousel .moreLink:hover{ background-color:#FFF; color:#333}


.mobile #carousel .moreLink{margin:30px auto 0px auto ;  }

.screen  #carousel li:nth-child(odd)  .imgWrap {float:right;}
  #carousel li:nth-child(odd)  div { background-color: #1267B2} 
.screen #carousel li:nth-child(odd)  .textWrap {float:right; padding:   0 40px; }  
.screen #carousel li:nth-child(odd)  img{ float:left;}
.screen  #carousel li:nth-child(odd) .moreLink{  }

.screen #carousel li:nth-child(even)  .imgWrap{ float:left;}
  #carousel li:nth-child(even)  div{  background-color: #2DA3DE}
.screen #carousel li:nth-child(even)  .textWrap{ float:left;text-align:left; padding:   0 40px;  } 
.screen #carousel li:nth-child(even)  img{ float:right;}
.screen #carousel li:nth-child(even) .moreLink{  }


#carousel li hr{ background:none; height:0px; border:none; margin:0;}