/*=====================================================================*/
/*=========================== SWIPER STYLES ===========================*/
/*=====================================================================*/
.swiper-container {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}

.swiper-container img{ width:100%; }

.inner-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.swiper-container p{
    margin:0px
}
.swiper-slide{ position:relative;}
.swiper-slide .sw-container{
    position:absolute;
    top:0px;
    left:0px;
    display:inline-block;
    width:100%;
    height:100%;
}

.sw-container>.sw-caption{
    display:inline-block;
    margin:auto;
    width:70%;
    height:100%;
    padding:10px;
}
.sw-container>.sw-caption>div{
    width:100%;
    float:left;
}
.swiper-wrapper div:nth-child(4) .sw-container>.sw-caption>div>.sw-title>h3,
.swiper-wrapper div:nth-child(4) .sw-container>.sw-caption>div>.sw-sub-title>ul>li>span {
    text-transform: uppercase;
}
.sw-container>.sw-caption>div:first-child{
    margin-bottom:10px;
}

.sw-container>.sw-caption .sw-register{
    position:absolute;
    bottom:5px;
    left:0;
     right:0;
}
.sw-container>.sw-caption .sw-register a{
    background:#759d00;
    border:none;
    color:#FFF;
    padding:10px 35px 10px 35px;
    border-radius:0px;
    font-size:32px;
}
.sw-container>.sw-caption .sw-title, .sw-container>.sw-caption .sw-title2{
    float:left;
    padding:0 5px 0 5px;
    background:#ffd101;

}
.sw-container>.sw-caption .sw-title>h3{
    color:#000000;
    text-align:left;
    margin:5px;
    font-weight:bold;
    font-size:32px;
    font-size: 66px;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    font-family: 'Oswald',sans-serif;
}



.sw-container>.sw-caption .sw-title2>h3{
    color:#000000;
    text-align:left;
    margin:5px;
    font-weight:bold;
    font-size: 40px;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    font-family: 'Oswald',sans-serif;
}

.sw-container>.sw-caption .sw-sub-title{
    float:left;
    font-size:38px;
}
.sw-container>.sw-caption .sw-sub-title.bg-w {
    background:#ffffff;
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    padding-top: 1px;
}
.sw-container>.sw-caption .sw-sub-title>p, .sw-container>.sw-caption .sw-sub-title2>p{
    background:#ffffff;
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    color:#000;
    text-align:left;
    padding:5px 10px 5px 10px;
}

.sw-container>.sw-caption .sw-sub-title2{
    float:left;
    font-size:26px;
}

.sw-container>.sw-caption .sw-sub-title>ul{
    text-align:left;
    color:#000;
    padding:0;
    margin:0;
}
.sw-container>.sw-caption .sw-sub-title>ul>li{
    list-style-type:none;
    margin-bottom: 10px;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
}

.sw-container>.sw-caption .sw-sub-title>ul>li>span{
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    background: url("https://cmscdn.staticcache.org/assets/file/0007/186442/hp_slider_bullet.jpg") no-repeat scroll 10px center #ffffff;
    padding-left: 30px;
    padding-right: 38px;
}

.swiper-slide .title {
  font-style: italic;
  font-size: 42px;
  margin-top: 80px;
  margin-bottom: 0;
  line-height: 45px;
}
.pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  right:20%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 10px;
  cursor: pointer;
  background:url("https://cmscdn.staticcache.org/assets/image/0005/198086/swiper_pagination.png") no-repeat right;
}
.swiper-visible-switch { background:url("https://cmscdn.staticcache.org/assets/image/0005/198086/swiper_pagination.png") no-repeat right;
}
.swiper-active-switch {
 background:url("https://cmscdn.staticcache.org/assets/image/0005/198086/swiper_pagination.png") no-repeat left;
}


@media only screen and (min-width: 320px) and (max-width: 360px){
    .sw-container>.sw-caption{
        width:100%;
    }
    .sw-container>.sw-caption{ padding:3px;
    }
    .sw-container>.sw-caption>div:first-child{ margin-bottom:2px;
    }
    .sw-container>.sw-caption .sw-title, .sw-container>.sw-caption .sw-title2{padding:0px; }
    .sw-container>.sw-caption .sw-title>h3{
        font-size:15px;
        margin:4px;
    }
    .sw-container>.sw-caption .sw-title2>h3{
        font-size:13px;
        margin:4px;
    }
    .sw-container>.sw-caption .sw-sub-title, .sw-container>.sw-caption .sw-sub-title2{
        font-size:12px;
    }
    .sw-container>.sw-caption .sw-sub-title>ul>li{
        margin-bottom: 1px;
    }

    .sw-container>.sw-caption .sw-sub-title.bg-w>ul>li>span {
        padding-left: 13px;
        padding-right: 5px;
        background-size: 6px;
        background-position: 3px 6px;
        font-size: 11px;
    }

    .sw-container>.sw-caption .sw-sub-title>p{
        padding:4px
    }

    .mobile .sw-container>.sw-caption .sw-sub-title>p {
        padding: 0 4px;
    }

    .sw-container>.sw-caption .sw-register{
        margin-top:5px;
    }
    .sw-container>.sw-caption .sw-register a{
        padding:5px 20px 5px 20px;
        font-size:16px;
    }
}
@media only screen and (min-width: 361px) and (max-width: 600px){

    .sw-container>.sw-caption{
        width:100%;
        padding: 1px 5px;
    }
    .sw-container>.sw-caption>div:first-child{
        margin-bottom:2px;
    }
    .sw-container>.sw-caption .sw-title,  .sw-container>.sw-caption .sw-title2{padding:0px; }
    .sw-container>.sw-caption .sw-title>h3{
        font-size:18px;
        margin:2px;
    }


    .sw-container>.sw-caption .sw-title2>h3{
        font-size:12px;
        margin:2px;
    }


    .sw-container>.sw-caption .sw-sub-title{
        font-size:12px;
    }

     .sw-container>.sw-caption .sw-sub-title2{
        font-size:6px;
    }
    .sw-container>.sw-caption .sw-sub-title>ul>li{
        margin-bottom: 1px;
    }
    .sw-container>.sw-caption .sw-sub-title.bg-w>ul>li>span {
        padding-left: 16px;
        background-size: 7px;
        padding-right: 8px;
        background-position: 4px 5px;
    }
    .sw-container>.sw-caption .sw-sub-title>p{ padding:4px}
    .mobile .sw-container>.sw-caption .sw-sub-title>p {
        padding: 0 4px;
    }

    .sw-container>.sw-caption .sw-register{
        margin-top:10px;
    }

    .sw-container>.sw-caption .sw-register a{
        padding:5px 20px 5px 20px;
        font-size:21px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 640px){

    .sw-container>.sw-caption{
        width:100%;
        padding: 8px 10px;
    }

    .sw-container>.sw-caption>div:first-child{
        margin-bottom:2px;
    }
    .sw-container>.sw-caption .sw-title, .sw-container>.sw-caption .sw-title2{padding:0px; }
    .sw-container>.sw-caption .sw-title>h3{
        font-size:24px;
        margin:2px;
    }
   .sw-container>.sw-caption .sw-title2>h3{
        font-size:24px;
        margin:2px;
    }
    .sw-container>.sw-caption .sw-sub-title{
        font-size:14px;
    }
   .sw-container>.sw-caption .sw-sub-title2{
        font-size:14px;
    }
    .sw-container>.sw-caption .sw-sub-title>ul>li{
        margin-bottom: 1px;
    }
    .sw-container>.sw-caption .sw-sub-title.bg-w>ul>li>span {
        background-size: 7px;
        padding-left: 25px;
    }
    .sw-container>.sw-caption .sw-sub-title>p{ padding:4px}
    .mobile .sw-container>.sw-caption .sw-sub-title>p {
        padding: 0 4px;
    }

    .sw-container>.sw-caption .sw-register{
        margin-top:10px;
    }

    .sw-container>.sw-caption .sw-register a{
        padding:5px 20px 5px 20px;
        font-size:21px;
    }

}
@media only screen and (min-width: 641px) and (max-width: 767px){
    .sw-container>.sw-caption{
        width:95%;
    }
    .sw-container>.sw-caption{
        padding:2px;
    }
    .sw-container>.sw-caption>div:first-child{
        margin-bottom:2px;
    }
    .sw-container>.sw-caption .sw-title>h3{
        font-size:16px;
    }
    .sw-container>.sw-caption .sw-title2>h3{
        font-size:16px;
    }
    .sw-container>.sw-caption .sw-sub-title{
        font-size:12px;
    }
    .sw-container>.sw-caption .sw-sub-title2{
        font-size:12px;
    }
    .sw-container>.sw-caption .sw-sub-title.bg-w>ul>li{
        margin-bottom: 4px;
        padding-right: 1px;
    }
    .sw-container>.sw-caption .sw-sub-title.bg-w>ul>li>span {
        background-size: 7px;
        font-size: 14px;
    }
    .sw-container>.sw-caption .sw-register a{
        padding:5px 10px 5px 10px;
        font-size:12px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 979px){
    .sw-container>.sw-caption{
        width:90%;
    }
    .sw-container>.sw-caption{
        padding:4px;
    }
    .sw-container>.sw-caption>div:first-child{
        margin-bottom:5px;
    }
    .sw-container>.sw-caption .sw-title>h3{
        font-size:29px;
        margin:5px;
    }
    .sw-container>.sw-caption .sw-title2>h3{
        font-size:30px;
        margin:5px;
    }
    .sw-container>.sw-caption .sw-sub-title{
        font-size:15px;
    }
    .sw-container>.sw-caption .sw-sub-title2{
        font-size:15px;
    }
    .sw-container>.sw-caption .sw-sub-title.bg-w>ul>li>span {
        font-size: 20px;
        padding-right: 15px;
    }
    .sw-container>.sw-caption .sw-register a{
        padding:7px 20px 7px 20px;
        font-size:20px;
    }
}
@media only screen and (min-width: 980px) and (max-width: 1023px){
    .sw-container>.sw-caption{
        width:90%;
    }
    .sw-container>.sw-caption{
        padding:10px;
    }
    .sw-container>.sw-caption>div:first-child{
        margin-bottom:5px;
    }
    .sw-container>.sw-caption .sw-title>h3{
        font-size:40px;
        margin:5px;
    }
    .sw-container>.sw-caption .sw-title2>h3{
        font-size:40px;
        margin:5px;
    }
    .sw-container>.sw-caption .sw-sub-title{
        font-size:24px;
    }
    .sw-container>.sw-caption .sw-sub-title2{
        font-size:24px;
    }
    .sw-container>.sw-caption .sw-register a{
        padding:7px 20px 7px 20px;
        font-size:20px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px){
    .sw-container>.sw-caption{
        width:95%;
    }
    .sw-container>.sw-caption{
        padding:8px;
    }
    .sw-container>.sw-caption>div:first-child{
        margin-bottom:5px;
    }
    .sw-container>.sw-caption .sw-title>h3{
        font-size:38px;
        margin:5px;
    }
    .sw-container>.sw-caption .sw-title2>h3{
        font-size:35px;
        margin:5px;
    }
    .sw-container>.sw-caption .sw-sub-title{
        font-size:18px;
    }
    .sw-container>.sw-caption .sw-sub-title2{
        font-size:18px;
    }
    .sw-container>.sw-caption .sw-sub-title.bg-w>ul>li {
        margin-bottom: 4px;
    }
    .sw-container>.sw-caption .sw-sub-title.bg-w>ul>li>span {
        font-size: 17px;
        background-size: 8px;
        padding-right: 9px;
        padding-left: 23px;
        background-position: 7px 5px;
    }
    .sw-container>.sw-caption .sw-register a{
        padding:5px 20px 5px 20px;
        font-size:28px;
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1568px){
    .sw-container>.sw-caption{
        width:95%;
    }
    .sw-container>.sw-caption{
        padding:10px;
    }
    .sw-container>.sw-caption>div:first-child{
        margin-bottom:5px;
    }
    .sw-container>.sw-caption .sw-title>h3{
        font-size:58px;
        margin:5px;
    }
   .sw-container>.sw-caption .sw-title2>h3{
        font-size:43px;
        margin:5px;
    }
    .sw-container>.sw-caption .sw-sub-title{
        font-size:30px;
    }
    .sw-container>.sw-caption .sw-sub-title2{
        font-size:30px;
    }
    .sw-container>.sw-caption .sw-register a{
        padding:5px 20px 5px 20px;
        font-size:24px;
    }
}
/*=====================================================================*/
/*========================= END SWIPER STYLES =========================*/
/*=====================================================================*/

