@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Saira:ital,wght@0,100..900;1,100..900&display=swap');
:root{
	--font-saira: "Saira", sans-serif;
  --font-popins: "Poppins", sans-serif;
  --theme-color: #078b51;
  --dark-bg: #2d2d2d;
  --gray-bg: #F3F3F3;
}
div, span, p, a, em, del, time, strong, tr, th, td, label, input, select, textarea, option, iframe, ul, li, font, h1, h2, h3, h4, h5, h6 {
font-family: "Montserrat", Arial, Calibri, Verdana, sans-serif;
}
/* comon css start  */
*{box-sizing: border-box; font-family: var(--font-popins); list-style: none;text-decoration: none;margin: 0; padding: 0;}
body{font-size: 16px; line-height: 28px; color: var(--dark-bg); font-weight: 400;}
p{margin-bottom: 12px;}
p:last-child{margin-bottom: 0;}
a{transition: .5s ease; color: var(--dark-bg);}
img{max-width: 100%;}
section{overflow: hidden}

.slicknav_menu{
	display: none;
}
h1, h2, h3 {font-family: var(--font-saira); font-weight: 500;}
.header-container a img{
    max-width: 200px;
	min-width: 0px;
}
.common-btn{display: inline-block; width: fit-content; font-family: var(--font-saira); font-size: 18px; border-radius: 6px; padding: 8px 18px; line-height: normal; font-weight: 500; color:#fff; background-color: var(--theme-color);}
.common-btn:hover { background-color: var(--dark-bg);}

.common-btn-two{font-family: var(--font-saira);font-size: 18px; font-weight: 600; color: var(--theme-color); position: relative;}
.common-btn-two:hover{color: var(--dark-bg);}
.common-btn-two:hover:before{background-color: var(--dark-bg); animation: btn-link .5s;}
@keyframes btn-link{0%{width: 0;} 100%{width: 100%;}}
.common-btn-two:before{position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background-color: var(--theme-color);content: ""; transition: .5s ease;}
.dva-stupca .common-btn-two:before,
.news_group_cnt .common-btn-two:before{position: absolute; left: 0; bottom: -1px; width: 40px !important; height: 2px; background-color: var(--theme-color);content: ""; transition: .5s ease;}
.dva-stupca .common-btn-two:hover,
.news_group_cnt .common-btn-two:hover{width: 40px !important;color: var(--dark-bg);}
em{font-style: normal}


.header-container, 
.home_about_container > div, 
.home_featured_cta > div,
.home_services > .home_services-box,
footer .copyright{max-width: 100%; margin: 0 auto; padding: 0 60px;}


.sticky-header .header-container{max-width: 100%; margin: 0 auto; padding: 0 60px;}
    
footer > figure{max-width: 100%; margin: 0 auto; padding: 0 60px;}
    footer aside p{max-width: 100%; margin: 0 auto; padding: 0 60px;}

/* comon css end  */

/* header start  */
header {border-top: 5px solid var(--theme-color); position: absolute; top: 0;left: 0; z-index: 9; width: 100%;}
header article{display: flex;align-items: center;justify-content: space-between;}

.logo{display: flex; min-width: 0px;}

header ul li a{font-family: var(--font-saira);}

/* top header start  */
.contact_data{display: flex;align-items: center;justify-content: end;padding-top: 15px;}
.contact_data ul{display: flex;align-items: center;}
.contact_data ul li:not(:last-of-type){margin-right: 15px;}
.contact_data ul li a{display: flex; align-items: center;}
.contact_data ul li a:hover{color: var(--theme-color);}
.contact_data ul li a:hover svg path{color: var(--theme-color); fill: var(--theme-color);transition: .5s ease;}
.contact_data ul li a svg{transition: .5s ease;margin-right: 5px;}
.contact_data ul li a.phone{font-weight: 500;}



/*language start*/
.language_content {margin-left: 30px; line-height: normal; width: 100px; display: flex;}
/*language end*/

/* search area start  */
.search-aria {margin-right: 30px;}
.search-aria input{border: 0;font-size: 15px;padding:5px 10px;width: 195px; border-radius: 8px;}
.search-aria input:focus{border: 0; outline: none; box-shadow: none;}
.search-aria input::placeholder{color: var(--dark-bg); }
.search-aria form{border: 1px solid var(--theme-color);display: flex; background-color: #fff; align-items: center;border-radius: 6px;}
.search-aria button{cursor: pointer; border: 0; height: 29px; margin: 2px 3px; width: 29px;display: flex; justify-content: center; align-items: center;background-color: var(--theme-color); border-radius: 4px;}
/* search area end */

/* top header end  */

/* navigation start  */
.navigation{float: right;}
.navigation ul li:not(:last-of-type){margin-right: 28px;}
header nav ul {display: flex;}
.navigation ul li a{font-weight: 500;position: relative;}
.navigation ul li a:before{position: absolute; left: 0; bottom: -1px; width: 0; height: 2px; background-color: var(--theme-color);content: ""; transition: .5s ease;}
.navigation ul li a:hover::before{width: 100%;}
.navigation ul li a.active::before{width: 100%;}
.navigation ul li {padding: 14px 0 21px;}
/* navigation end  */


/* sticky header start  */
.sticky-header{position: fixed; left: 0; top: 0; width: 100%; background-color: #fff ; z-index: 6; animation: sticky-header .5s linear; box-shadow: 0 11px 8px -8px #ebebeb; max-width:100%;}
@keyframes sticky-header { 0%{top: -50px; opacity: 0; }100%{top: 0px; opacity: 1; }}
.sticky-header .contact_data {padding-top: 10px;}
.sticky-header .navigation ul li {padding: 8px 0 10px;}
.sticky-header .contact_data ul li:not(:last-of-type){margin-right: 15px;}
/* sticky header end  */
/* header end  */

/* home page start */

/* home banner start */
.home-banner{position: relative;z-index: 1;}
.home-banner:before{position: absolute;top: 0;  content: ""; left: 0;width: 100%;z-index:100;height: 100%;background: linear-gradient(180deg,rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 59%);}
/*slider content*/
.home-banner {width: 100%;margin: 0px 0 0;padding: 0;display: table;}
.bx-wrapper {margin: 0 auto !important;}
.bx-wrapper .bx-pager {padding: 0;display: none;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 60px;height: 15px;margin: 0;padding: 0;}
.bx-wrapper .bx-viewport {border: none;background: none;left: 0;box-shadow: none;}
.bxslider {list-style: none;padding: 0;margin: 0;display: table;}
.bx-wrapper img {width: 100%;margin: 0 auto;padding: 0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #4f8528;border-radius: 500em;margin: 0 15px 0 0;width: 15px;height: 15px;}
.bx-wrapper .bx-controls-direction a {z-index: 120;margin-top: 0 !important;top: 50%;transform: translateY(-50%);}
.bx-wrapper .bx-prev {width: 32px !important;height: 32px !important;background: url("../img/controls_slider.png") no-repeat 0 0 !important;opacity: 1;left: 20px;}
.bx-wrapper .bx-prev:hover {background: url("../img/controls_slider.png") no-repeat 0 -32px !important;opacity: 1;}
.bx-wrapper .bx-next {width: 32px !important;height: 32px !important;background: url("../img/controls_slider.png") no-repeat -42px 0 !important;opacity: 1;right: 20px;}
.bx-wrapper .bx-next:hover {background: url("../img/controls_slider.png") no-repeat -42px -32px !important;opacity: 1;}
.bx-wrapper .bx-caption {width: 100%;left: 0;bottom: 0;background: #078b51;border-radius: 0;}
.bx-wrapper .bx-caption span {font-size: 16px;color: #fff;font-weight: 600;text-transform: uppercase;padding: 15px 15px 16px;text-align: center;}
/* home banner end */

/* home about start */
.home_about_container{display: flex;}
.home_about_container > div{background: #F3F3F3; border-radius:40px; overflow: hidden; padding: 16px;}
.home_about_container article {width: 50%; float: left; margin: 0; background: #fff; border-radius: 20px; text-align: center; overflow: hidden; display: flex;}

.home_about_container > div > aside{padding: 0px 30px 0px 40px; float: left; width: 50%; display: flex; flex-direction: column; height: 100%; justify-content: center;}
.home_about_container > div > aside h2{font-size: 30px; line-height: 38px; font-weight: 600; margin-bottom: 15px;}
.home_about_container > div > aside .common-btn {margin-top: 15px;}

/* home about end */

/*Home services start*/
.dva-stupca .home_services{
	margin-top: 80px;
}
.home_services{background: #fff; padding:70px 0;}
.home_services .home_services-box > div{margin-left: -15px; margin-right: -15px;}
.home_services .home_services-box h1{font-size: 40px; line-height: 50px;font-weight: 600; margin-bottom: 30px;}

/*Home services box start*/
.home_services article{width: 30.70%; margin-left: 15px; margin-right: 15px; border-radius: 10px; overflow: hidden; background: #fff; display: inline-block; border: 2px solid var(--gray-bg); padding: 10px; cursor: pointer; vertical-align: top;}
.home_services article figure{text-align: center;}
.home_services article figure a{display: flex;}
.home_services article figure a img{width: 100%; border-radius: 10px 10px 0 0;}

.home_services article > div{z-index: 1; position: relative; box-shadow: 0 4px 4px 1px #dbdbdb; width: calc(100%); transition: .5s ease; background-color: #fff;border-radius: 0 0 10px 10px;  padding: 30px 20px 10px;}
.home_services article:hover > div{background:var(--theme-color);}
.home_services article > div > a{display: flex;}
.home_services article h2{width: 100%; transition: .5s ease;   font-size: 26px;  line-height: 38px; font-weight: 500;display: flex; align-items: center;}
.home_services article:hover > div > a h2{color: #fff;}
.home_services article h2 svg{margin-left: auto;}
.home_services article:hover > div > a h2 svg path{color: #fff; fill: #fff;}

.home_services article > div em {height: 70px; transition: .5s ease; top: -36px; z-index: -1; width: 70px;background-color: #fff; left: 0; right: 0; margin: 0 auto; border-radius: 100%; position: absolute; display: flex; justify-content: center; align-items: center;}
.home_services article:hover > div em{background:var(--theme-color); } 
.home_services article:hover > div em svg path{color: #fff; fill: #fff;}
/*Home services box end*/

/*Home services end*/


/*Home Blog start*/

.home_blog{padding:70px 0; position: relative;}
.home_blog::before {position: absolute; left: 0; height: 400px; width: 100%; background-color: var(--gray-bg);  top: 0; content: ""; z-index: -1;}
.home_blog .home_blog_box > div{margin-left: -15px; margin-right: -15px; display: flex;}
.home_blog .home_blog_box h2{font-size: 40px; line-height: 50px;font-weight: 600; margin-bottom: 35px; padding-left: 15px; padding-right: 15px;}

/*Home Blog box start*/
.home_blog article{width:50%; margin-left: 15px; margin-right: 15px; display: inline-block;}
.home_blog article figure a{display: flex}
.home_blog article figure a img{border-radius: 40px; width: 100%;}

.home_blog article > div{padding:12px 0px 0;}
.home_blog article > div em{font-weight: 500;font-size: 18px; font-family: var(--font-saira); display: flex; justify-content: end;}
.home_blog article > div h3 {font-size: 30px; line-height: 40px; font-weight: 500;font-family: var(--font-saira); margin-bottom: 12px;}
/*Home Blog box end*/

/*Home Blog end*/ 


/*Footer Brands start*/
.footer_brands{padding:70px 0;}
.footer_brands .footer_brands-in{display: flex; justify-content: center;}
.footer_brands .footer_brands-in article{width: 25%; justify-content: center; display: flex; align-items: center; height: 115px; background-color: #fff; box-shadow: 0 0 22px 3px #ececec; padding: 5px 10px; margin-left: 15px; margin-right: 15px;overflow: hidden;}
.footer_brands .footer_brands-in article:hover{box-shadow: 0 0 22px 3px #dddddd;}
/*Footer Brands end*/

/* footer start  */
footer{background-color: #f3f3f3;}
footer h2{padding-bottom: 10px; font-size: 22px;}
footer > article{display: grid; gap: 30px; justify-content: center; padding: 50px 0; display: grid; grid-template-columns: 2fr 2fr 1.2fr 1.8fr;}

/* footer top start */

/* footer logo start */
.footer_logo img{height: 43px;}
.footer_logo p{padding-top:15px; margin-bottom: 26px;}

.footer-social-icon {display: flex; align-items: center;}
.footer-social-icon li:not(:last-of-type) {margin-right: 15px;}
.footer-social-icon li a svg path {transition: .5s ease;}
.footer-social-icon li a:hover svg path {fill: var(--dark-bg); transition: .5s ease;}
/* footer logo end */

/* footer client logo start */
section.footer-client-logo {display:none;}
.footer-client-logo > div {margin-top: 30px;}
.footer-client-logo > div > div{display: flex;align-items: center;}
.footer-client-logo > div > div:first-child{margin-bottom: 30px;}
.footer-client-logo > div > div a:first-child{margin-right: 30px;}
.footer-client-logo > div > div > a:first-child > img{max-width: 220px;}
/* footer client logo end */

/* footer menu start */
.footer_menu ul li{position: relative;padding-left: 15px;}
.footer_menu ul li:not(:last-of-type){margin-bottom: 6px;}
.footer_menu ul li::before{height: 5px;width: 5px; top: 11px; border-radius: 100%; left: 0;position: absolute;content: "";background-color: var(--theme-color);}
.footer_menu ul li a:hover{color: var(--theme-color);}
/* footer menu end */

/* footer contact start */
.footer_contact ul li{position: relative;padding-left: 24px;}
.footer_contact ul li:not(:last-of-type){margin-bottom: 12px;}
.footer_contact ul li svg{position: absolute;left: 0;top: 7px;}
.footer_contact ul li a:hover{color: var(--theme-color);}
/* footer contact end */

footer aside{background: var(--dark-bg); color: #fff;font-size: 12px; line-height: 20px; padding: 15px 0; font-weight: 500;}
footer aside p:not(:last-of-type){padding-bottom: 10px;}
footer aside p b{font-weight: 500; font-size: 16px; margin-right: 15px;}

/* footer top end */

/* footer bottom start  */
/* footer bottom end  */

/* copyright start  */
footer .copyright{display: flex; justify-content: space-between; padding: 20px 0;}
.copyright p{margin-bottom: 0; color: #2D2D2D;}
.copyright a{color: var(--theme-color);}
.copyright a:hover{text-decoration: underline;}
/* copyright end */

/* footer end  */
/* home page end .................  */

/****** Innerpage start ******/

/*Hero banner start*/
.hero-banner{position: relative;  display: flex; justify-content: center; align-items: center;}
.hero-banner article {width: 100%; height: 350px; overflow: hidden;}
.hero-banner article figure img{min-width: 100%; object-fit: contain; opacity: 30%;}
.hero-banner article figure h1{position: absolute; top: 60%; left: 50%; text-align: center; font-size: 50px; line-height: 56px; font-weight: 600; transform: translate(-50%, -50%);}
/*Hero banner end*/

.main_container{padding-top: 50px; padding-bottom: 10px; display: flex; column-gap: 40px;}
.main_container h1{font-size: 34px; font-weight: 600; line-height: 40px; padding-bottom: 12px;}
.main_container em{font-size: 18px; font-weight: 600; line-height: 26px; padding-bottom: 12px; display: block;}

.common-content ul {margin-bottom: 15px; padding-left: 30px;}
.common-content ul li:not(:last-of-type) {margin-bottom: 10px;}
.common-content ul li{list-style: square;}
.common-content ul li::marker {color: var(--theme-color);}

.common-content ol {margin-bottom: 15px; padding-left: 26px;}
.common-content ol li:not(:last-of-type) {margin-bottom: 10px;}
.common-content ol li{list-style: decimal;}

/* service page start*/

/*Sidebar start*/
.main_container nav{width: 26%; float: left; margin: 0; padding: 0;}
.main_container nav ul {list-style: none; margin: 0; padding: 0; width: 100%;}
.main_container nav ul li {width: 100%; display: table; margin-bottom: 5px;}
.main_container nav ul li a {color:#2D2D2D; font-weight: 500; text-transform: uppercase; margin: 0; padding: 11px 20px; display: block; background: rgba(0, 0, 0, 0.1); border-radius: 4px; position: relative; line-height: normal;}
.main_container nav ul li a.active{color: #fff; background: var(--theme-color);}
.main_container nav ul li a:hover {color: #fff; background: #2D2D2D;}
.main_container nav ul li a:before {content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900;  font-size: 14px; margin: 4px 0 0; padding: 0; float: right;}
.main_container nav ul li a:hover:before, .main_container nav ul li a.active:before{color: #fff;}

.main_container nav ul li ul {list-style: none; margin: 6px 0 0px; padding: 0; width: 100%;}
.main_container nav ul li ul li {width: 100%; display: table; margin-bottom: 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.15);}
.main_container nav ul li ul li:last-child{border-bottom: 0;}
.main_container nav ul li ul li a {color: rgba(0, 0, 0, 0.7); font-weight:400; text-transform: none; margin: 0; padding: 8px 20px 8px; line-height: 24px; display: block; background: 0 0; border-radius: 0;}
.main_container nav ul li ul li a.active, .main_container nav ul li ul li a:hover {color: var(--theme-color); background: 0 0;}
/*Sidebar start*/

/* Right side content start */
.main_container > aside {width: 74%; float: right; margin: 0; padding: 0;}
.main_container > aside article figure{float: left; margin: 0 20px 15px 0;}
/* Right side content end */

/* service page end*/

/*References page start*/
.main_container .references_content{display: flex; flex-wrap: wrap; gap: 30px;}
.main_container .references_content > h1{width: 100%; padding-bottom: 0;}
.main_container .references_content article {width: 31%; position: relative; border-radius: 10px; overflow: hidden; border: 2px solid var(--gray-bg); padding: 10px; display: flex; flex-direction: column; justify-content: space-between;}
.main_container .references_content article figure{display: block; margin: 0;}
.main_container .references_content article h1{display: flex; width: 100%; padding-bottom: 0; line-height: normal; flex: 1;}
.main_container .references_content article h1 a{display:flex; width: 100%; font-size: 18px; font-weight: 500; padding: 12px 40px 12px 16px; background-color: var(--theme-color); color: #fff; border-radius: 0 0 10px 10px; box-shadow: 0 4px 4px 1px #dbdbdb; position: relative; line-height:24px;}
.main_container .references_content article h1 a:hover{background: #2D2D2D;}
.main_container .references_content article h1 a svg{position: absolute; right: 15px; top:18px;}
.main_container .references_content article h1 a svg path{fill:#fff;}

/*References page end*/

/*news_content page start*/
.main_container .news_content{display: flex; flex-wrap: wrap; gap: 30px; width: 100%;}
.main_container .news_content .news_group_cnt{display: flex;flex-direction: row;flex-wrap: wrap;gap:20px;}
.main_container .news_content > h1{width: 100%; padding-bottom: 0;font-size: 18px;}
.main_container .news_content article {width: 23.7%; position: relative; border-radius: 10px; overflow: hidden; border: 2px solid var(--gray-bg); padding: 10px; display: flex; flex-direction: column;}
.main_container .news_content article figure{display: block; margin: 0;}
.main_container .news_content article h1{display: flex; width: 100%; padding-bottom: 0; line-height: normal; flex: 1;font-size: 28px;}
.main_container .news_content article h1 a{display:flex; width: 100%; font-size: 18px; font-weight: 500; padding: 12px 40px 12px 16px; background-color: var(--theme-color); color: #fff; border-radius: 0 0 10px 10px; box-shadow: 0 4px 4px 1px #dbdbdb; position: relative; line-height:24px;}
.main_container .news_content article h1 a:hover{background: #2D2D2D;}
.main_container .news_content article h1 a svg{position: absolute; right: 15px; top:18px;}
.main_container .news_content article h1 a svg path{fill:#fff;}
.main_container .news_content article em{
	font-size: 16px;
}

.news_details_cnt article figure{
	max-width: 350px;
	height: auto;
	margin: 0 10px 10px 0 0;
}
.news_details_cnt article time{
	color: var(--theme-color);
	font-weight: 700;
}
.news_details_cnt .hist_and_social{
	width: 100%;
  	display: table;
}
.news_details_cnt .hist_and_social #hist a{
	display: block;
  width: fit-content;
  font-family: var(--font-saira);
  font-size: 18px;
  border-radius: 6px;
  padding: 8px 18px;
  line-height: normal;
  font-weight: 500;
  color: #fff;
  background-color: var(--theme-color);
}
.news_details_cnt .hist_and_social #hist a:hover{
	background-color: var(--dark-bg);
}
.news_details_cnt .hist_and_social .social_toolbar_inside{
	float: right;
}
.news_details_cnt .hist_and_social .social_toolbar_inside ul{
	display: flex;
	gap: 10px;
}
.news_details_cnt .hist_and_social .social_toolbar_inside ul li{
	list-style: none;
}
/*news_content page end*/

/* Document page start */
.document_category {width: 100%; margin: 20px 0; padding:18px 20px 20px; clear: both; display: table; background: linear-gradient(#f2f2f2, #f0f0f0); background: -webkit-linear-gradient(#f2f2f2, #f0f0f0); border: 1px solid #e0e0e0; border-radius: 0;}
.common-content article:not(:last-child) .document_category{margin-bottom: 40px;}
.document_category h1, .document_category h2 {font-size: 20px !important; line-height: 30px !important; font-weight: 600; margin: 0; padding: 0 !important;}
.document_category h1:after, .document_category h2:after {content: "\f07c"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px;  color: #078b51;  margin: 0 0 0 15px;  padding: 0; display: inline;}
.document_category ul {list-style: none;margin: 0;margin-top: 0px;margin-bottom: 0px;padding: 0;display: flex;width: 100%;margin-bottom: 0;margin-top: 12px;flex-wrap: wrap;flex-direction: row;gap: 30px 0;}
.document_category ul li{max-width:50%; display:table; margin: 0 30px 0 0 !important;  padding: 0; align-items: flex-start;flex-direction: column;}
.document_category ul li:only-of-type {width: 100%;margin: 0;}
.document_category ul li img {max-height: 32px; margin: 0 10px 0 0; padding: 0;}
.document_category ul li a:hover{color: var(--theme-color);}
.document_category ul li p{
	display: none;
}
/* Document page end */

/****** Innerpage end ******/

.category_info_cnt{
	display: table;
  	max-width: 100%;
}
.category_info_cnt figure{
	margin: 0 10px 0 0;
	max-width: 320px;
  	height: auto;
}
.category_info_cnt div{
	display: table;
	width: 100%;
}
.references_content .filter_content,
.references_content .sorter{
	width: 100%;
 	border: 2px solid var(--gray-bg);
 	 border-radius: 10px;
  	padding: 10px;
}
.references_content .filter_content #filter,
.references_content .sorter form{
	display: flex;
 	 justify-content: space-between;
}
.filter_content #filter h2,
.references_content .sorter h2{
	font-size: 18px;
  	align-self: center;
}
.references_content .sorter div:last-child{
	display: flex;
}
.references_content .sorter div:last-child label{
	align-self: center;
}

.filter_content #filter div{
	margin: 0 auto 0 20px;
}
.filter_content #filter div select,
.references_content .sorter select{
	font-size: 14px !important;
  	color: #414141;
  	font-weight: 600;
  	margin: 0;
  	padding: 10px 10px;
  	background: #fff;
  	border: 1px solid #d7d7d7;
  	border-radius: 10px;
  	transition: all .3s linear;
}
.filter_content #filter div.filter_buttons_content{
	display: flex;
  	align-items: center;
  	gap: 10px;
	margin: 0;
}
div.filter_buttons_content input{
	display: inline-block;
  width: fit-content;
  font-family: var(--font-saira);
  font-size: 16px;
  border-radius: 6px;
  padding: 8px 18px;
  line-height: normal;
  font-weight: 500;
  color: #fff;
  background-color: var(--theme-color);
  outline: none;
  border: 0;
  transition: .3s;
}
div.filter_buttons_content input:hover{
	background-color: var(--dark-bg);
	cursor: pointer;
}
.main_container .references_content .all_products{
	display: flex;
  	flex-wrap: wrap;
  	width: 100%;
	gap: 20px;
}
.main_container .references_content .all_products article{
	width: 31.8%;
}
.main_container .references_content .all_products article h1 {
	flex: 0;
}
.main_container .references_content .all_products article h1 a{
	font-size: 20px;
  color: var(--theme-color);
  background: none;
  box-shadow: none;
  padding: 10px 0;
}
.main_container .references_content .all_products article h1 a:hover{
	color: var(--dark-bg);
}
.main_container .references_content .all_products article em{
	font-size: 16px;
  font-weight: 400;
}

.paging_content{
	width: 100%;
  display: flex;
  clear: none;
}
.paging_content .paging, .paging_content .paging_info{
	width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}
.paging_content .paging_info{
	width: 60%;
	align-self: center;
}
.paging_content .paging p{
	font-size: 12px;
  color: #555;
  font-weight: 600;
  text-transform: uppercase;
  margin: 7px 10px 0 0;
  padding: 0;
  float: left;
}
.paging_content .paging a, 
.paging_content .paging span{
	font-size: 14px;
  color: #414141;
  font-weight: 500;
  margin: 0 -1px 0 0;
  padding: 8px 13px;
  float: left;
  background: linear-gradient(#f5f5f5, #f0f0f0);
  background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
  cursor: pointer;
  transition: all .3s linear;
}

.paging_content .paging a:hover, .paging_content .paging a:focus, .paging_content .paging a.active, .paging_content .paging span:hover, .paging_content .paging span:focus, .paging_content .paging span.active{
	font-size: 14px;
  color: #fff;
  background: var(--theme-color);
}

.product_details_content{
	display: table;
	width: 100%;
}
.product_details_content .product_details_left_content{
	float: left;
}
/* .product_details_content .product_details_right_content{
	display: flex;
} */
.product_details_left_content  figure{
	max-width: 350px;
	height: auto;
	margin: 0 40px 0 0;
}
.product_details_left_content .share_on_cnt {
	display: flex;
	gap: 10px;
  padding: 0;
  margin-top: 40px;
}
.product_details_left_content .share_on_cnt li,
.product_details_content .product_details_right_content .documents_content ul li{
	list-style-type: none;
}
.product_details_left_content .share_on_cnt li a img{
	max-width: 20px;
	max-height: 20px;
}
.product_details_content .product_details_right_content .documents_content ul{
 	margin: 30px 0 ;
	display: flex;
	padding: 0;
	flex-wrap: wrap;
}
.product_details_content .product_details_right_content .documents_content ul li{
	margin-right: 10px;
}

.product_details_content .product_details_right_content .documents_content ul li a{
	display: flex;
 	 align-items: center;
  	flex-direction: column;
  	border: 1px solid var(--gray-bg);
  	border-radius: 10px;
	padding: 5px;
	flex-wrap: wrap;
  max-width: 150px;
  text-align: center;
}
.product_details_content .product_details_right_content .documents_content ul li img{
	max-width: 40px;
	max-height: 40px;
}

.product_details_content .product_details_right_content .documents_content ul li:hover > a{
	color: var(--theme-color);
}
.common-btn i {
	margin-left: 5px;
}
.product_details_content .product_categories h2{
	color: var(--theme-color);
	font-size: 20px;
}

.product_details_description #hist{
	width: auto;
  float: left;
  margin-right: auto;
}
.product_details_description #hist .details_button{
	width: fit-content;
  font-family: var(--font-saira);
  font-size: 18px;
  border-radius: 6px;
  padding: 8px 18px;
  line-height: normal;
  font-weight: 500;
  color: #fff;
  background-color: var(--dark-bg);
  transition: .3s;
}
.product_details_description #hist .details_button:hover{
	  background-color: var(--theme-color);
}
.product_details_description a.send_request_inner_button{
	margin: 0 0 0 auto;
  	display: table;
}
.ecms_gallery_box{
	display: table;
	max-width: 100%;
}

.ecms_gallery_box h2{
	font-size: 24px;
  margin: 50px 0;
}
.ecms_gallery_box a{
	max-width: 220px;
  	max-height: 220px;
  	display: table;
 	 float: left;
 	 margin: 5px 5px 0 0;
}






/*WEB ACCESSIBILITY*/

#accessibility i, #accessibility i:before {
	transition: all .1s linear;
}

#accessibility {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 9999;
}

/*accessibility main btn*/

.accessibility_main_btn {
	width: 64px;
	display: flex;
	padding: 12px 12px;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-radius: 0 2px 2px 0;
	transition: all .2s linear;
	position: fixed;
	left: 0;
	bottom: 40px;
}

.accessibility_main_btn i {
	font-size: 40px !important;
	color: #4e5051;
	/*font-weight: normal;*/
	transition: all .2s linear;
}

.accessibility_main_btn:hover {
	background: #078b51;
}

.accessibility_main_btn:hover i {
	font-size: 40px !important;
	color: #fff;
}

/*accessible wrapper*/

.accessible_wrapper {
	width: 420px;
	position: fixed;
	left: 64px;
	bottom: 40px;
	background: #078b51;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	display: none;
}

.accessible_header {
	width: 100%;
	padding: 15px 20px 16px;
	display: table;
	position: relative;
}

.accessible_header h1 {
	font-size: 20px !important;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.close_accessible_dialog {
	position: absolute;
	right: 20px;
	top: 17px;
}

.close_accessible_dialog i {
	font-size: 20px !important;
	color: #fff;
}

.close_accessible_dialog:hover i {
	font-size: 20px !important;
	color: rgba(255,255,255,0.50);
}

/*accessible functions*/

.accessible_functions {
	width: 100%;
	margin: 0;
	padding: 20px;
	display: table;
	background: #fff;
}

.accessible_functions div {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid rgba(0,0,0,0.20);
	border-bottom: 1px solid rgba(0,0,0,0.20);
}

.accessible_functions div:nth-of-type(2n) {
	border-right: none;
}

.accessible_functions div:nth-of-type(7),
.accessible_functions div:nth-of-type(8) {
	border-bottom: none;
}

.accessible_functions div a {
	font-size: 16px !important;
	color: #4e5051;
	font-weight: normal;
	display: block;
	text-align: center;
	padding: 15px 10px 10px;
	position: relative;
}

.accessible_functions div i {
	font-size: 24px !important;
	color: #000;
	display: table;
	margin: 0 auto;
}

.accessible_functions div a:hover,
.accessible_functions div a.active {
	font-size: 16px !important;
	color: #fff;
	background: #4e5051;
}

.accessible_functions div a:hover i,
.accessible_functions div a.active i {
	font-size: 24px !important;
	color: #fff;
}

/*accessible reset*/

.accessible_reset {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	background: #fff;
}

.accessible_reset a,
#accessibility #reset_all_classes {
	font-size: 14px;
	color: #000 !important;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	display: block;
	text-align: center;
	text-decoration: underline;
}

.accessible_reset a:hover,
#accessibility #reset_all_classes:hover {
	font-size: 14px;
	color: #078b51 !important;
	font-weight: bold;
}

/*accessibility footer*/

.accessibility_footer {
	width: 100%;
	margin: 0;
	padding: 20px;
	display: table;
	background: #e1e1e1;
}

.accessibility_footer a {
	font-size: 14px !important;
	color: #000;
	font-weight: bold;
}

.accessibility_footer a:hover {
	font-size: 14px !important;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

.accessibility_footer p {
	font-size: 14px !important;
	color: rgba(0,0,0,0.75);
	font-weight: normal;
	margin: 0;
	padding: 0;
	float: left;
}

.accessibility_footer p:last-of-type a {
	font-size: 14px !important;
	color: rgba(0,0,0,1);
	font-weight: normal;
}

.accessibility_footer p:last-of-type {
	float: right;
}

/*WEB ACCESSIBILITY CSS FUNCTIONS*/

/*access font bigger*/

.access_font_bigger span,
.access_font_bigger p,
.access_font_bigger em,
.access_font_bigger a,
.access_font_bigger time,
.access_font_bigger tr,
.access_font_bigger th,
.access_font_bigger td,
.access_font_bigger dt,
.access_font_bigger dd,
.access_font_bigger label,
.access_font_bigger input,
.access_font_bigger select,
.access_font_bigger button,
.access_font_bigger textarea,
.access_font_bigger option,
.access_font_bigger ul,
.access_font_bigger li,
.access_font_bigger font,
.access_font_bigger h1,
.access_font_bigger h2,
.access_font_bigger h3,
.access_font_bigger h4,
.access_font_bigger h5,
.access_font_bigger h6 {
	font-size: 125% !important;
}

.access_font_bigger #accessibility h1 {
	font-size: 20px !important;
}

.access_font_bigger #accessibility a {
	font-size: 16px !important;
}

.access_font_bigger #accessibility a#reset_all_classes {
	font-size: 14px !important;
}

.access_font_bigger #accessibility em,
.access_font_bigger #accessibility p,
.access_font_bigger #accessibility span {
	font-size: 14px !important;
}

.access_font_bigger #accessibility p a,
.access_font_bigger #accessibility p a:hover {
	font-size: 14px !important;
}

/*access grayscale*/

.access_grayscale {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

/*access letterspacing*/

.access_letterspacing span,
.access_letterspacing p,
.access_letterspacing em,
.access_letterspacing a,
.access_letterspacing time,
.access_letterspacing tr,
.access_letterspacing th,
.access_letterspacing td,
.access_letterspacing dt,
.access_letterspacing dd,
.access_letterspacing label,
.access_letterspacing input,
.access_letterspacing select,
.access_letterspacing button,
.access_letterspacing textarea,
.access_letterspacing option,
.access_letterspacing ul,
.access_letterspacing li,
.access_letterspacing font,
.access_letterspacing h1,
.access_letterspacing h2,
.access_letterspacing h3,
.access_letterspacing h4,
.access_letterspacing h5,
.access_letterspacing h6 {
	letter-spacing: 3px !important;
}

.access_letterspacing #accessibility a,
.access_letterspacing #accessibility h1,
.access_letterspacing #accessibility em,
.access_letterspacing #accessibility p,
.access_letterspacing #accessibility span {
	letter-spacing: inherit !important;
}

/*access linkunderline*/

.access_linkunderline a {
	text-decoration: underline !important;
}

.access_linkunderline #accessibility a {
	text-decoration: inherit !important;
}

/*access contrasthigh*/

.access_contrasthigh body {
	background: #000 !important;
}

.access_contrasthigh span,
.access_contrasthigh p,
.access_contrasthigh em,
.access_contrasthigh a,
.access_contrasthigh time,
.access_contrasthigh tr,
.access_contrasthigh th,
.access_contrasthigh td,
.access_contrasthigh dt,
.access_contrasthigh dd,
.access_contrasthigh label,
.access_contrasthigh input,
.access_contrasthigh select,
.access_contrasthigh button,
.access_contrasthigh textarea,
.access_contrasthigh option,
.access_contrasthigh ul,
.access_contrasthigh li,
.access_contrasthigh font,
.access_contrasthigh h1,
.access_contrasthigh h2,
.access_contrasthigh h3,
.access_contrasthigh h4,
.access_contrasthigh h5,
.access_contrasthigh h6 {
	color: #fff !important;
}

.access_contrasthigh input,
.access_contrasthigh select,
.access_contrasthigh textarea {
	color: #000 !important;
}

.access_contrasthigh .gdpr_box fieldset {
	background: #333 !important;
	border-color: #333 !important;
}

.access_contrasthigh .gdpr_box fieldset legend {
	color: #fff !important;
}

.access_contrasthigh .gdpr_box fieldset div {
	color: #fff !important;
}

.access_contrasthigh header {
	background: #078b51;
}

.access_contrasthigh .main_categories_navigation {
	background: #000;
	border-color: #fff;
}

.access_contrasthigh .technical_protection_container {
	background: #078b51;
}




.access_contrasthigh #accessibility a,
.access_contrasthigh #accessibility p {
	color: #000 !important;
}

.access_contrasthigh #accessibility a:hover,
.access_contrasthigh #accessibility a.active {
	color: #fff !important;
}

/*access cursorlarger*/

.access_cursorlarger,
.access_cursorlarger a,
.access_cursorlarger a:hover,
.access_cursorlarger a:focus,
.access_cursorlarger a:active,
.access_cursorlarger a.active {
	cursor: url("../img/accessibility/cursor-accessibility.png"), auto !important;
}

/*access keyboardnavigation*/

.access_keyboardnavigation a:focus {
	outline: dashed 2px #078b51 !important;
}

.access_keyboardnavigation #accessibility a:focus {
	outline: none !important;
}

/*WEB ACCESSIBILITY RESPONSIVE*/

@media only screen and (min-width: 0px) and (max-width: 800px) {

.accessibility_main_btn {
	width: 48px;
	padding: 8px 8px;
}

.accessibility_main_btn i {
	font-size: 32px !important;
}

.accessibility_main_btn:hover i {
	font-size: 32px !important;
}

.accessible_wrapper {
	width: 85%;
	position: fixed;
	left: 0;
}

.accessible_wrapper h1 {
	margin: 0;
}

.accessible_header {
	padding-left: 10px;
	padding-right: 10px;
}

.accessible_functions {
	padding: 20px 10px;
}

.accessible_functions div {
	float: none;
	display: inline-block;
}

.accessibility_footer {
	padding: 20px 10px;
}

.accessibility_footer p {
	float: none;
	display: table;
}

.accessibility_footer p:last-of-type {
	float: none;
	padding-top: 5px;
}


}