/*Stories part-1*/
.STRS-1{padding:100px 0 45px;}
.STRS-1 .section-heading{font-size:38px; margin:0; padding:0; color:#323232; font-family: 'Roboto', sans-serif; font-weight:700;}
.STRS-1 .sub_heading{font-size:18px; color:#535353; margin:0; padding:10px 0 30px 0;}
.STRS-1 .story-bx{margin:0; padding:0 0 30px; display:table;}
.STRS-1 .story-bx figure{width:40%; background-color:#eee; display:table-cell; vertical-align:middle; overflow:hidden; background-size: auto 100%;
    background-position: center center;background-repeat:no-repeat}
.STRS-1 .story-bx figure img{width:auto; max-width:none; height:100%;}
.STRS-1 .story-details{width:60%; display:table-cell; transition:ease 0.8s; vertical-align:middle; padding:25px 20px; border:1px #ccc solid; border-left:none; font-family: 'Roboto', sans-serif;}
.STRS-1 .story-details h4{font-size:14px; color:#282828; font-weight:700; font-family: 'Roboto', sans-serif; text-transform:uppercase; padding:0 0 7px; margin:0;}
.STRS-1 .story-details p.story_details_text{font-size:14px; color:#282828; font-family: 'Roboto', sans-serif;}
.STRS-1 .story-details a.read_more{font-size:14px; color:#990061; font-family: 'Roboto', sans-serif; text-transform:uppercase;}
.STRS-1 .date_area{display:block; padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px;}
.STRS-1 .date_area .date{display:inline-block; margin:0; line-height:22px; padding-right:10px; border-right:1px #ccc solid; text-align:center; vertical-align:bottom; font-size:37px; font-weight:700; color:#990061; font-family: 'Roboto', sans-serif;}
.STRS-1 .date_area .date span{font-weight:500; padding-top:10px; font-size:21px; display:block; font-family: 'Roboto', sans-serif;}
.STRS-1 .date_area .name{display:inline-block; margin:0; font-size:14px; padding-left:10px; color:#727272; vertical-align:bottom;}
.STRS-1 .story-details:hover{background:#990061; border-color:#990061;}
.STRS-1 .story-details:hover p, .STRS-1 .story-details:hover h4, .STRS-1 .story-details:hover a{color:#fff;}
/*end of Stories part-1*/

@media only screen and (max-width:1024px){
	.STRS-1 .story-bx figure img{width:100%; max-width:100%; height:100%;}
}

@media only screen and (max-width:767px){
	.STRS-1 .story-bx figure{height:200px;}
	.STRS-1 .story-details{border-left:1px #ccc solid;}
	.STRS-1 .story-bx figure img{width:100%; height:auto;}
}

@media only screen and (max-width:640px){
	.STRS-1{padding:50px 0 45px;}
}


@media only screen and (max-width:568px){
	.STRS-1 .story-bx figure{display:block; width:100%; height:200px; background-size:100%;}
	.STRS-1 .story-details{display:block; width:100%;}
}
/*Stories part-2*/
.STRS-2{}
/*end of Stories part-2*/

/*Stories part-3*/
.STRS-3 .section-heading{margin: 20px 0 55px;padding-bottom: 15px;}
.STRS-3 .story-bx  figure{float: left; margin-right: 40px; width:192px; height: 230px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.STRS-3 .story-details{overflow: hidden}
.STRS-3 .story-bx{border-style:solid; border-width:1px;border-color:#cdcdcd;  }
.STRS-3 .story-details{padding: 10px 10px 10px 0;}
.STRS-3 .yelw-btn{padding: 7px 20px;font-size: 14px;text-decoration: none; margin-top: 10px;}

@media only screen and (max-width:500px){
	.STRS-3 .story-bx  figure{width:100%;}
	.STRS-3 .story-details{padding:10px;}
}

/*end of Stories part-3*/

/*Stories part-4*/
.STRS-4{}
/*end of Stories part-4*/

/*Stories part-5*/
.STRS-5{padding:70px 0;}
.STRS-5 .section-heading{color:#0e263b; font-size:60px; text-transform:uppercase; font-weight:600; padding-bottom:20px; margin:0; position:relative; font-family: 'Josefin Sans', sans-serif;}
.STRS-5 .section-heading span{display:block; font-size:24px; font-weight:300;}
.STRS-5 .section-heading:before{content:""; background:#02a493; width:5px; height:60px; position:absolute; top:0; left:-20px;}
.STRS-5 .story-bx{margin:0; padding:0;}
.STRS-5 .story-bx figure{width:100%; height:200px; background-size:cover; background-position:center; background-repeat:no-repeat}
.STRS-5 .story-details{padding:15px 0 0; font-family: 'Arimo', sans-serif;}
.STRS-5 .story-details h4{font-size:22px; color:#0c0c0c; height: 50px; font-weight:400; font-family: 'Arimo', sans-serif; padding:0 0 7px; margin:0;}
.STRS-5 .story-details p.story_details_text{font-size:14px; color:#6c6c6c; height: 38px; font-family: 'Arimo', sans-serif; font-weight:400; line-height:18px;}
.STRS-5 .story-details p.date{font-size:12px; color:#8f8f8f; font-family: 'Arimo', sans-serif; font-weight:400;}
.STRS-5 .story-details p.date span{color:#ac0505;}
.STRS-5 .story-details a{ width: 100%; border-radius: 0; font-family: 'Josefin Sans', sans-serif; padding: 12px 15px 8px; font-size: 14px; line-height: 24px; text-transform: uppercase; text-align: center; display: inline-block; background: #a77c40; color: #fff; font-weight: 500; }
.STRS-5 .story-details a:hover{ background-color: #333 !important; color: #fff; }
.STRS-5 #strs_5{position:relative;}
.STRS-5 .owl-nav .owl-prev{padding:10px 30px; background:none; right:80px; position:absolute; font-size:18px; top:-76px; font-weight:300; font-family:'FontAwesome'; color:#000; border-radius:3px;}
.STRS-5 .owl-nav .owl-next{padding:10px 30px; background:none; right:0; position:absolute; font-size:18px; top:-76px; font-family:'FontAwesome'; color:#000; border-radius:3px;}
.STRS-5 .owl-nav .owl-next:hover, .STRS-5 .owl-nav .owl-prev:hover{background:#02a493; color:#fff;}
.STRS-5 .owl-carousel .owl-stage-outer, .STRS-5 .owl-carousel{position:inherit;}

@media only screen and (max-width:1199px){
	.STRS-5 .section-heading{font-size: 36px;}
	.STRS-5 .section-heading::before{height: 40px;}
	.STRS-5 .story-details p.story_details_text{height: 45px;}
}
@media only screen and (max-width:991px){
	.STRS-5 .owl-nav .owl-next, .STRS-5 .owl-nav .owl-prev{top: -60px;}
}
@media only screen and (max-width:767px){
	.STRS-5{padding:20px 0;}
	.STRS-5 .section-heading{font-size:40px;}
	.STRS-5 .owl-nav .owl-next, .STRS-5 .owl-nav .owl-prev{top: -65px;}
}
@media only screen and (max-width:640px){
	.STRS-5 .section-heading {font-size: 30px;}
	.STRS-5 #strs_5{margin-top: 40px;}
	.STRS-5 .owl-nav{position: absolute; top: -55px; left: 0; width: 100%;}
	.STRS-5 .owl-nav .owl-next, .STRS-5 .owl-nav .owl-prev{position: static; top: auto;}
	.STRS-5 .owl-nav .owl-prev{float: left;}
	.STRS-5 .owl-nav .owl-next{float: right;}

}
/*end of Stories part-5*/


/*Stories part-6*/
.STRS-6{padding:70px 0; background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; position:relative;}
.STRS-6:after{content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); top:0; left:0; z-index:1;}
.STRS-6 .container{position:relative; z-index:2;}
.STRS-6 .section-heading{color:#fff; font-size:60px; font-weight:600; padding-bottom:20px; margin:0; position:relative; font-family: 'Arimo', sans-serif;}
.STRS-6 .section-heading span{display:block; font-size:24px; font-weight:300;}
.STRS-6 .subtext{font-size:16px; color:#fff; font-family: 'Arimo', sans-serif;}
.STRS-6 .read_more{color:#fee5aa; font-weight:600; font-family: 'Arimo', sans-serif; font-size:18px;}
.STRS-6 .story-bx{margin:0; padding:15px; background:rgba(0,0,0,0.8); border-radius:5px;}
.STRS-6 .story-bx figure{width:100%; height:200px; background-size:cover; background-position:center; background-repeat:no-repeat; border:1px rgba(255,255,255,1) solid;}
.STRS-6 .story-details{padding:15px 0 0; font-family: 'Arimo', sans-serif;}
.STRS-6 .story-details h4{font-size:24px; color:#fff; font-weight:600; font-family: 'Arimo', sans-serif; padding:0 0 7px; margin:0;}
.STRS-6 .story-details p.story_details_text{font-size:14px; color:#f9f9f9; font-family: 'Arimo', sans-serif; font-weight:400; line-height:18px;}
.STRS-6 .story-details p.date{font-size:12px; color:#fff; font-family: 'Arimo', sans-serif; font-weight:400;}
.STRS-6 .story-details p.date span{color:#fee5aa; font-weight:600;}
.STRS-6 #strs_6{position:relative;}
.STRS-6 .owl-nav .owl-prev{padding:10px 30px; background:none; right:80px; position:absolute; font-size:18px; top:-80px; font-weight:300; font-family:'FontAwesome'; color:#000; border-radius:3px;}
.STRS-6 .owl-nav .owl-next{padding:10px 30px; background:none; right:0; position:absolute; font-size:18px; top:-80px; font-family:'FontAwesome'; color:#000; border-radius:3px;}
.STRS-6 .owl-nav .owl-next:hover, .STRS-6 .owl-nav .owl-prev:hover{background:#02a493; color:#fff;}
.STRS-6 .owl-carousel .owl-dots{display:block; text-align:center; padding-top:25px;}
.STRS-6 .owl-carousel .owl-dot{width:20px; height:20px; border-radius:50%; border:1px #fff solid; display:inline-block; margin:0 5px;}
.STRS-6 .owl-carousel .owl-dot.active{background:#fff;}
@media only screen and (max-width:1000px){
	.STRS-6 .section-heading{font-size:48px;}
	.STRS-6 .section-heading span{font-size:20px;}
}

@media only screen and (max-width:767px){
	.STRS-6{padding:20px 0;}
	.STRS-6 .section-heading{padding:0 0 5px;}
	.STRS-6 .read_more{display:block; padding-bottom:30px;}
}
/*end of Stories part-6*/

/*Stories part-7*/
.STRS-7{padding:70px 0; font-weight:400; font-family: 'Arimo', sans-serif;}
.STRS-7 .section-heading{color:#403023; font-size:30px; text-transform:uppercase; font-weight:600; padding-bottom:20px; margin:0; text-align:center;}
.STRS-7 .story-bx{margin:0; padding:0;}
.STRS-7 .story-bx figure{width:100%; height:200px; background-size:cover; background-position:center; background-repeat:no-repeat}
.STRS-7 .story-details{padding:15px 0 0; font-family: 'Arimo', sans-serif;}
.STRS-7 .story-details h4{font-size:16px; color:#282828; font-weight:700; text-transform:uppercase; padding:0 0 7px; margin:0;}
.STRS-7 .story-details p.story_details_text{font-size:14px; color:#282828; font-family: 'Arimo', sans-serif; font-weight:400; line-height:18px;}
.STRS-7 .story-details p.date{font-size:14px; color:#727272; font-style:italic; font-family: 'Arimo', sans-serif; font-weight:400; border-bottom:1px #282828 solid;}
.STRS-7 .story-details p.date span{color:#ac0505;}
.STRS-7 #strs_7{position:relative;}
.STRS-7 .owl-nav .owl-prev{background:url(../images/template_7_gall_prev.png) no-repeat; width:35px; height:34px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.STRS-7 .owl-nav .owl-next{background:url(../images/template_7_gall_next.png) no-repeat; width:35px; height:34px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.STRS-7 .owl-nav{z-index:9;}

@media only screen and (max-width:767px){
	.STRS-7{padding:20px 0;}
	.STRS-7 .section-heading{font-size:30px;}
}
/*end of Stories part-7*/