/*Article Header*/
.article_header{background: url(../images/article_banner.jpg) center no-repeat; height: 140px; display: flex; align-items: center; justify-content: center; 
	width: 100vw !important; position: relative; left: 50%; right: 50%;  margin-left: -50vw; margin-right: -50vw; }
.article_header > div{display: flex; flex-direction: column; gap:20px; justify-content: center; padding: 0 10px; box-sizing: border-box;}
.article_header h1{color: #fff; font-size: 36px; line-height: 40px; margin: 0; padding: 0;}
.article_breadcrumbs{display: flex; align-items: center; gap:6px;}
.article_breadcrumbs > a{color: #F6F6F6; font-size: 11px; display: flex; align-items: center; gap:6px}
.article_breadcrumbs > a::after{content: ""; height:4px; width: 4px; border:solid #fff; border-width: 1px 1px 0 0; transform:rotate(45deg); }
.article_breadcrumbs > a:last-child::after{content: none;}
.article_breadcrumbs > a:hover{text-decoration: underline;}

.article_controls{background: #F6F6F6; width: 100vw !important; position: relative; left: 50%; right: 50%;  margin-left: -50vw; 
	margin-right: -50vw; margin-bottom: 20px; display: flex; align-items: center; padding: 20px 0;}
.article_controls > div{display: flex; align-items: center; gap:35px; padding: 0 10px; box-sizing: border-box;}

.article_controls .article_searchbox{width: 280px;}
.article_searchbox{display: flex; width: 100%; display: flex; height: 38px; background: #fff; border: 1px solid #DBD8D8; overflow: hidden; flex-shrink: 0;}
.article_searchbox > input{flex: 1; padding: 0 15px; box-sizing: border-box; background: none; border: 0; color: #575756; font-size: 14px;
	 font-weight: 300;}
.article_searchbox > input::placeholder{font-family: inherit; color: inherit;}
.article_searchbox > a{width: 38px; flex-shrink: 0; background: url(../images/search.svg) center no-repeat; border-left: 1px solid #DBD8D8;}

/*Article Category*/
.article_category{display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.article_category > a{ color: #fff; padding: 8px 20px; background-color: #C5C5C5;
	transition: ease-in-out all .3s; font-size: 14px; line-height: 22px; text-transform: capitalize;}
.article_category > a:hover{background: #FA4B00;}

/*Article Search Page*/
.article_search_page{margin-bottom: 40px;}
.article_search{display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }

/*Article Block*/
.a_list{width:25%; }
.a_list > div{display: flex; flex-direction: column; gap: 10px; margin:0 10px 20px 10px; box-sizing: border-box; }
.a_list .a_list_details{display: flex; flex-direction: column;}
.a_list .a_list_image{height: 186px; width: 100%; background-size: cover !important; position: relative;}
.a_list .a_list_image::after{content: ""; border: 1px solid #fff; position: absolute; inset:6px;}
.a_list .a_list_image span{position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); color: #fff; background: #FA4B00; border: 1px solid #fff;
	padding: 8px 20px; text-transform: uppercase; z-index: 10; width: max-content;}
.a_list .a_list_title{line-height: 24px; color: #171717; font-size: 20px; text-align: center; display: flex; align-items: flex-start; 
	justify-content:center; transition: ease-in-out all .3s;}

/*Article Details*/
.article_details_page{}
.article_details_page .article{display: flex; flex-wrap: wrap; padding: 0 10px; box-sizing: border-box;}
.article_details_page .article_main{width: calc(75% - 10px); margin-left: 10px; margin-bottom: 30px;}
.article_details_page .article_sidebar{width: calc(25% - 10px); margin-right: 10px; margin-bottom: 30px;}
.article .a_image{position: relative; margin-bottom: 20px; text-align: center;}
.article .a_image::before{content: ""; border: solid 1px #fff; inset:6px; position:absolute; }
.article .a_image img{max-width: 100%; height: auto;}
.article .a_image_texts{display: flex; flex-direction: column; align-items: center; gap:30px; background: rgba(250, 75, 0, .7); padding: 30px 60px; box-sizing: border-box;
	position: absolute; left: 30px; bottom:30px; right: 30px; z-index: 10; text-align: center;}
.article .a_image_texts h1{color: #fff; font-size: 36px; line-height: 42px;}
.article .a_image_texts span{color: #fff; font-size: 16px;}
.a_details .a_title{color: #00607E; font-size: 32px; line-height: 44px; padding: 0; margin-bottom: 20px;}
.a_details .a_content :is(p, li){ line-height: 28px; font-size: 16px; color: #1A1818;}
.a_all_arts{font-size: 16px; color: #0087FE;}

/*Article Sidebar*/
.article_sidebar{display: flex; flex-direction: column; gap: 20px;}
.article_sidebar > section{padding: 10px 10px 10px 6px; box-sizing: border-box; background: #F6F6F6;}
.article_sidebar > section > span{color: #FA4B00; font-size: 20px; font-weight: bold; display: flex; flex-direction: column; gap:10px; margin-bottom: 10px;}
.article_sidebar > section > span::after{content: ""; height: 4px; width: 40px; background: #DBD8D8;}
.article_sidebar .as_block{border-bottom: 1px solid #EEEAEA; padding: 15px 0;}
.article_sidebar .as_block:last-child{border: 0;}
.article_sidebar .as_block a{font-size: 14px; color: #1D1C1C; line-height: 22px; display: flex; align-items: center; justify-content: space-between; gap:15px;}
.article_sidebar .as_block a::after{content: ""; height: 6px; width: 6px; border: solid #FA4B00; border-width:  2px 2px 0 0; transform: rotate(45deg); flex-shrink: 0; opacity: 0;
	transition: ease-in-out all .3s;}
.article_sidebar .as_block a:hover::after{opacity: 1;}

/*Product to Article Association*/
.article_product_association{}
.article_product_association .ac_items{display: flex; align-items: flex-start; overflow: hidden; position: relative;}
.article_product_association .ac_items .owl-stage{display: flex; align-items: flex-start;}
.article_product_association .ac_dots{width: 100%; margin:0; text-align: center;}
.article_product_association .ac_dots button{cursor: pointer; border: 0; padding: 0; margin: 0 5px; height: 17px; width: 17px; border-radius: 100%; 
	background: #fff; border: 1px solid #FA4B00; transition: ease-in-out all .3s;}
.article_product_association .ac_dots button.active{background: #FA4B00; border-color: #fff;}
.article_product_association .ac_dots.disabled{display: none;}
.article_product_association .ac_items .product{width: 100%;}


/*Related Articles*/
.article_associations{display: flex; background: url(../images/category_bg.png) center no-repeat; background-size: cover; width: 100vw !important; 
	position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding: 30px 0; margin-top: 30px;} 
.article_associations > div{padding: 0 10px; display: flex; flex-direction: column; position: relative; gap:30px;}
.article_associations > div > span{font-size: 32px; font-weight: bold; color: #fff; display:flex; flex-direction:column; gap:10px; align-items: center; text-align: center;}
.article_associations > div > span::after{content: ""; height: 4px; width: 40px; background: #FA4B00;}

.article_associations .related_slider { display: flex; align-items: flex-start; overflow: hidden; position: relative;}
.article_associations .related_slider .owl-stage{ display: flex; align-items: flex-start;}
.article_associations .related_slider .a_list{width: 100%;}
.article_associations .related_slider .a_list > div{margin: 0 6px;}

.article_associations .ra_nav.disabled, .article_associations .ra_dots.disabled{display: none;}
.article_associations .ra_dots{width: 100%; margin:0; text-align: center;}
.article_associations .ra_dots button{cursor: pointer; border: 0; padding: 0; margin: 0 5px; height: 17px; width: 17px; border-radius: 100%; 
	background: #fff; border: 1px solid #FA4B00; transition: ease-in-out all .3s;}
.article_associations .ra_dots button.active{background: #FA4B00; border-color: #fff;}
.article_associations .a_list .a_list_title{color: #fff;}

.article_associations .ra_nav { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; } 
.article_associations .ra_nav button { position: absolute; cursor: pointer; height: 76px; width: 45px; padding: 0; border: 0; transition: ease-in-out all .3s; background: none; } 
.article_associations .ra_nav button>span { display: none; } 
.article_associations .ra_nav button:after { content: ""; height: 15px; width: 15px; border: solid #fff; transform: rotate(45deg); position: absolute; top: calc(50% - 8px); } 
.article_associations .ra_nav .owl-prev { left: -35px; } 
.article_associations .ra_nav .owl-prev:after { border-width: 0 0 4px 4px; left: 18px; } 
.article_associations .ra_nav .owl-next { right: -35px; } 
.article_associations .ra_nav .owl-next:after { border-width: 4px 4px 0 0; right: 18px; } 

/*Article List Module*/
.article_list_module{margin-top: 20px; margin-bottom: 20px; padding: 30px 0; box-sizing: border-box; width: 100vw !important; position: relative; left: 50%; 
	right: 50%; margin-left: -50vw; margin-right: -50vw;}
.article_list_module > div{box-sizing: border-box; display: flex; flex-direction: column; gap:20px; position: relative;}
.article_list_module h3.a_list_heading {text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; 
	gap:10px; color: #171717; padding: 0; color: #171717; font-weight: bold; font-size: 32px;}
.a_list_heading::after{content:""; height: 4px; width: 40px; background: #FA4B00;}
.a_list_items{display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }

/*Article List Carousel*/
.article_list_module.carousel{background: url(../images/category_bg.png) center no-repeat; background-size: cover; margin-top:0; margin-bottom:0; }
.article_list_module.carousel h3.a_list_heading{color: #fff;}
.article_list_module.carousel .a_list .a_list_title{color: #fff;}

.article_list_module.carousel .a_list_items { display: flex; align-items: flex-start; overflow: hidden; position: relative;}
.article_list_module.carousel .a_list_items .owl-stage{ display: flex; align-items: flex-start;}
.article_list_module.carousel .a_list_items .a_list{width: 100%;}
.article_list_module.carousel .a_list_items .a_list > div{margin: 0 6px;}

.article_list_module .am_nav.disabled, .article_list_module .am_dots.disabled{display: none;}
.article_list_module .am_dots{width: 100%; margin:0; text-align: center;}
.article_list_module .am_dots button{cursor: pointer; border: 0; padding: 0; margin: 0 5px; height: 17px; width: 17px; border-radius: 100%; 
	background: #fff; border: 1px solid #FA4B00; transition: ease-in-out all .3s;}
.article_list_module .am_dots button.active{background: #FA4B00; border-color: #fff;}

.article_list_module .am_nav { position: absolute; left: 0; top: 40%; transform: translateY(-50%); width: 100%; } 
.article_list_module .am_nav button { position: absolute; cursor: pointer; height: 76px; width: 45px; padding: 0; border: 0; transition: ease-in-out all .3s; background: none; } 
.article_list_module .am_nav button>span { display: none; } 
.article_list_module .am_nav button:after { content: ""; height: 15px; width: 15px; border: solid #fff; transform: rotate(45deg); position: absolute; top: calc(50% - 8px); } 
.article_list_module .am_nav .owl-prev { left: -60px; } 
.article_list_module .am_nav .owl-prev:after { border-width: 0 0 4px 4px; left: 18px; } 
.article_list_module .am_nav .owl-next { right: -60px; } 
.article_list_module .am_nav .owl-next:after { border-width: 4px 4px 0 0; right: 18px; } 


/* -------- Desktop-Large >=1200px --------- */
@media only screen and (min-width:1200px) {

}

/*-------------Desktop < 1199px------------*/
@media (min-width:960px) and (max-width:1199px) {

	/*Search Page*/

	/*Article Block*/
	.a_list {}
	.a_list .a_list_image {height: 160px;}

}

/*--------------Mobile & Tablet---------------***/
@media (max-width:959px) { 

}

/* --------------Tablet------------------- */
@media (min-width:768px) and (max-width:959px) {

	/*Search Page*/
	.article_header{background-image: url(../images/article_banner_md.jpg);}
	.article_controls > div{gap:10px;}
	.article_controls .article_searchbox{width: 246px;}

	/*Article block*/
	.a_list{width: 33.333333%;}
	.a_list .a_list_image{height: 170px;}

	/*Details page*/
	.article_details_page .article_sidebar{width: calc(30% - 10px);}
	.article_details_page .article_main{width: calc(70% - 10px);}
	.article .a_image_texts h1{font-size: 28px;}
	.article .a_image_texts{padding: 20px; gap:20px;}

}

/* --------------Mobile------------------- */
@media (max-width:767px) {

	/*Search page*/
	.article_search, .article_module{gap: 20px;}
	.article_header {background-image: url(../images/article_banner_sm.jpg);}
	.article_header > div{width: 100%;}
	.article_header h1{font-size: 34px;}
	.article_controls{padding:10px 0;}
	.article_controls > div{flex-direction: column; align-items: flex-start; gap:10px;}
	.article_controls .article_searchbox{width: 100%;}
	.article_category > a{padding: 6px 16px; font-size:12px; }

	/*Article Block*/
	.a_list{width: 100%}
	.a_list .a_list_title{height: initial; font-size: 18px;}

	/*Article Details*/
	.article_details_page .article_main, .article_details_page .article_sidebar{width: 100%; margin-left: 0; margin-right: 0;}
	.article_details_page .article_main{order: 1;}
	.article_details_page .article_sidebar{order:2;}
	.a_details .a_content :is(p, li){font-size: 14px;}
	.article .a_image::before{z-index: 15;}
	.article .a_image_texts{position: relative; left: initial; right:initial; bottom: initial; width: 100%; padding: 20px; background: #171717; gap:15px;}
	.article .a_image_texts h1{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap:15px; 
		padding: 0; font-size: 20px; line-height: 30px;}
	.article .a_image_texts h1::after{content: ""; height: 4px; width: 40px; background: #FA4B00;}
	.article .a_image_texts span{font-size: 14px;}

	.article_associations > div{padding: 0;}
	.article_associations > div > span{font-size: 28px;}

	/*Article List*/
	.article_list_module h3.a_list_heading{font-size: 28px;}


}