html{overflow-x: hidden;}
.carouselbanner{position: relative;}
.carouselbanner .container{max-width: 1280px;}
.carouselbanner .item{background-repeat: no-repeat; background-size: cover; background-position: top center; height: 400px;}
.carouselbanner .item h2{font-size: 40px; color: #ffffff; line-height: 37px; font-weight: 600; margin: 0 0 15px 0; padding: 0px;}
.carouselbanner .item p{font-size: 22px; color: #ffffff; line-height: 28px; font-weight: 400; margin: 0 0 15px 0; padding: 0px;}
.carouselbanner .item a.link{background: #ffffff; font-size: 20px; color: #cc0000; display: inline-block; line-height: normal; font-weight: 600; padding: 7px 20px; margin: 0 0 0px 0; text-transform: uppercase; border: 1px solid #fff; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; text-decoration: none;}
.carouselbanner .item a.link:hover{background: #cc0000; border: 1px solid #fff; color: #fff; text-decoration: none;}
.carouselbanner .item .content{padding: 90px 0 0 0;    max-width: 580px;}
.carouselbanner .owl-dots{position: absolute; z-index: 9999; text-align: center; margin: 0px 0 0 0; bottom: 20px; width:100%;}
.carouselbanner .owl-dots .owl-dot{font-size: 18px; height: 18px; width: 18px; border: 2px solid #ffffff; border-radius: 100%; display: inline-block; margin: 0 10px;}
.carouselbanner .owl-dots .owl-dot.active{ background-color: #ffffff;}



.landing-leader{max-width: 1280px; margin: 0 auto; text-align: center; padding: 0 0 30px 0;}
.landing-leader h1 {max-width: 1280px; margin: 0 auto; font-size: 39px; color: #cc0000; line-height: 48px; margin: 0px; padding: 95px 0 20px 0; font-weight: 600;}

.story-listing{position: relative; }
.story-listing .container{max-width: 1280px; }
.pattern-img{position: absolute; top: 0px; left: 0px; right: 0px; margin: auto; width: 1359px; pointer-events: none; z-index: -9;}
.story-listing h2{font-size: 35px; color: #000000; line-height: 38px; font-weight: 500; margin: 0 0 15px 0; padding: 0px;}
.story-listing p{font-size: 20px; color: #000000; line-height: 28px; font-weight: 400; margin: 0 0 15px 0; padding: 0px;}
.story-listing .link{ background: #cc0000; font-size: 23px; color: #ffffff; display: inline-block; line-height: normal; font-weight: 600; padding: 7px 25px; margin: 0 0 10px 0; border: 1px solid #cc0000; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; text-decoration: none;}
.story-listing .link:hover{background: #fff; border: 1px solid #cc0000; color: #cc0000; text-decoration: none;}
.story-listing .img{position: relative; padding: 0 0 0px 0;}
.story-listing .img img{max-width: 100%;}
.story-listing .listing3  .img:after,.story-listing .listing7  .img:after{ margin: 0px 370px -30px 0px;}
.story-listing .content{max-width: 440px;}
.story-listing .content img{margin:0 0 15px 0;}

.listing1{position: relative; padding-top: 50px; padding-bottom: 80px;}
.story-listing .listing1 .img{margin:  0px  0 0 0;}

.listing2{position: relative; padding-top: 0px; padding-bottom: 60px;}
.story-listing .listing2 .img{margin: 0 0 0 0px;}

.listing3{position: relative; padding-top: 0px; padding-bottom: 90px;}
.story-listing .listing3 .img{margin:  0 0 0;}

.listing4{position: relative; padding-top: 0px; padding-bottom: 50px;}
.story-listing .listing4 .img{margin: 0 0 0 0px;}

.listing5{position: relative; padding-bottom: 70px;}
.story-listing .listing5 .img{margin:  0 0 0;}

.listing6{position: relative; padding-top: 0px; padding-bottom: 90px;}
.story-listing .listing6 .img{margin: 0 0 0 -100px;}

.listing7{position: relative; padding-top: 0px; padding-bottom: 90px;}
.story-listing .listing7 .img{margin:  0 0 0;}

.classonly-mob{display: none;}

/* @media screen and (max-width: 1299px) {
    .pattern-img{width: 1210px;}
    .listing1{padding-bottom: 130px;}
    .listing2{padding-bottom: 70px;}
    .listing3{ padding-bottom: 100px;}
    .listing5{padding-top: 100px; padding-bottom: 100px;}
    .listing6{    padding-bottom: 150px;}
} */

@media screen and (max-width: 1199px) {
    .story-listing .img{width: 510px;}
    .story-listing .img:after{width: 310px; height: 172px; margin: 0px 10px -20px 0px;}
    .story-listing .img-align-left .img{float: right;}
    .story-listing .listing3  .img:after,.story-listing .listing7  .img:after{ margin:0px 257px -22px 0px;}

     .pattern-img{width: 1000px;}
    .story-listing .content img{max-width: 50px;}
    .story-listing h2{font-size: 29px;margin: 0 0 8px 0;}
    .story-listing p{ font-size: 18px;line-height: 26px;}
    .story-listing .link{font-size: 18px;}
    .listing1{padding-bottom: 80px;}
    .listing5{padding-top: 30px; padding-bottom: 80px;} 

}
@media screen and (max-width: 991px) {
    .carouselbanner .item{background-position: left center; height: 340px;}
    .carouselbanner .item .content{padding: 60px 0 0 0;}
    .carouselbanner .item a.link{font-size: 18px;}
    .story-listing .content img{max-width: 60px;}
    .story-listing h2{font-size: 28px; line-height: 34px;}
    .story-listing p{font-size: 18px;line-height: 25px;}
    .story-listing .link{font-size: 18px;}
    .story-listing .img{width: 420px;}
    .pattern-img{ width: 768px;}
    .story-listing .listing3 .img:after, .story-listing .listing7 .img:after{ margin:0px 252px -18px 0px;}
    .story-listing .listing3 .img, .story-listing .listing7 .img{    margin: 30px 0 0 30px;}
    .listing1{padding-top: 30px; padding-bottom: 110px;}
    .listing2{padding-bottom: 50px;}
    .listing3{padding-bottom: 90px;}
    .listing5{padding-top: 30px;padding-bottom: 80px;}
    .listing6{padding-bottom: 70px;}
    .listing7{padding-bottom: 60px;}


    .pattern-img{width: 788px;}
    .story-listing .content img{max-width: 40px;}
    .story-listing h2{font-size: 21px; line-height: 27px;}
    .story-listing p{font-size: 15px; line-height: 22px;}
    .story-listing .link{font-size:14px;}
    
}
@media screen and (max-width: 767px) {
    .classonly-mob{display: block;}
    .classonly-mob img{max-width: 100%; margin: 0 0 20px 0;}
    .carouselbanner .item h2{font-size: 29px;}
    .carouselbanner .item p{font-size: 20px; line-height: 27px;}
    .carouselbanner .item a.link{font-size: 16px;}
    .landing-leader h1{font-size: 29px;line-height: 41px;padding: 45px 0 0 0;}
    .story-listing .img{display: none;}
    .story-listing .content{max-width: 100%;}
    .pattern-img{display: none;}
    .listing1,.listing2,.listing3,.listing4,.listing5,.listing6{padding-bottom: 50px;}
    .listing5{padding-top: 0px;}
    .carouselbanner .owl-dots .owl-dot{width: 13px; height:13px; margin: 0 6px;}
}
@media screen and (max-width: 575px) {
    .carouselbanner .item h2{font-size:23px; line-height: 31px;}
    .carouselbanner .item p{font-size: 18px; line-height: 24px;}
    .carouselbanner .item .content{padding:50px 0 0 0;}
    .carouselbanner .item a.link{font-size: 14px;}
    .landing-leader h1{font-size: 26px; line-height: 34px;}
    .story-listing h2{font-size:25px;}
    .story-listing .link{font-size:16px;}
}