/*
Theme Name: Collectifhandicaps
Text Domain: collectifhandicaps
Version: 1.7
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/collectifhandicaps/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
body{margin:0;padding:0 !important; font-family: 'Open Sans', sans-serif; font-size:16px;color:#000;scroll-behavior:smooth;overflow-x:hidden;font-weight:400;}
a{text-decoration:none;color:#65318a; transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
a:hover{color:#000000;text-decoration:none}
a:focus{outline:none;text-decoration:none;}
:focus{outline:none;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0;color:#000000;padding:0;line-height:1.2;font-family: 'Open Sans', sans-serif;text-transform:none; font-weight:700;}
h1{font-size:48px;}
h2{font-size:42px;}
h3{font-size:36px;}
h4{font-size:30px;}
h5{font-size:24px; font-family: 'Open Sans', sans-serif; font-weight:600 !important;}
h6{font-size:18px;font-weight:600 !important; color:#65318a !important;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none;font-size:inherit;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;}
small{display:block;margin-top:4px;}
p{margin:0 0 20px 0;line-height:28px;}
p:last-child {margin-bottom: 0px;}
ul, ol{margin:0;}
strong, b{font-weight:600;}
button{transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
/* comman form filed style -----------------------------*/
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="submit"], input[type="password"],input[type="hidden"]{-moz-appearance:none;-webkit-appearance:none;border-radius:0px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="submit"]:focus, input[type="password"]:focus, input[type="hidden"]:focus{outline:none;}
textarea{-moz-appearance:none;-webkit-appearance:none;border-radius:5px;}
select{-moz-appearance:none;-webkit-appearance:none;background-color:#ffffff;padding-right:25px;background-image:url(assets/images/select-arrow.png);background-repeat:no-repeat;background-position:right center;border-radius:3px;text-overflow:ellipsis;overflow:hidden;}
select::-ms-expand{display:none}
textarea:focus, select:focus{outline:none;}
input:disabled, select:disabled{color:#ffffff !important;opacity:1;}
label{font-weight:600;margin-bottom:5px;}
input[type="submit"]{background-color:#0070c0;border-color:transparent;padding:10px 35px;color:#ffffff;font-weight:500;font-size:16px;line-height:1.2;width:auto;cursor:pointer;border-radius:0px;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
input[type="submit"]:hover{background-color:#000000;}
.form-group{margin-bottom:25px;}
.form-control{background-color: #fff; height:auto;padding:8px 12px;border:1px solid #cecece;box-shadow:none;border-radius:0px;height:auto;font-weight:400;font-size:16px;color:#333333}
.form-control:focus{box-shadow:0 2px 5px -2px rgba(0,0,0,0.15);border-color:#999999;color:#2d2d2d; background-color: #fff;}
select.form-control{padding:10px 25px 9px 12px;}
 textarea.form-control{height:120px;resize:none;}
input::-webkit-input-placeholder,.form-control::-webkit-input-placeholder{opacity:1;color:inherit;}
input::-ms-input-placeholder, .form-control::-ms-input-placeholder{opacity:1;color:inherit;}
input::placeholder, .form-control::placeholder{opacity:1;color:inherit;}

.content h2, .content h3, .content h4, .content h5, .content h6{/*margin-top: 25px;*/}
/* image alignments */
img.alignleft, .alignleft{float:left;margin-right:20px;max-width:50%;}
img.alignright, .alignright{float:right;margin-left:20px;max-width:50%;}
img.aligncenter, .aligncenter, img.alignnone, .alignnone{display:block;margin:30px auto 20px;clear:both;}
img.alignleft, .alignleft, img.alignright, .alignright{display:inline;margin-top:0;}
img.alignleft, img.aligncenter, img.alignright{margin-bottom:20px;}
/*----- image captions -------*/
.alignleft .wp-caption-text{text-align:left;}
.alignright .wp-caption-text{text-align:right;}
.aligncenter .wp-caption-text{text-align:center;}
.wp-caption-text{font-size:16px;color:#2f2f2f;line-height:24px;margin-bottom:30px;}

.content ul, .content ol{margin: 10px 0 20px 0px; padding:0; position: relative;}
.content ul{list-style: none; background-color: #f6f6f6; border-radius: 5px; padding: 12px 15px 10px; width: 99%; color: #65318a;}
.content ul li {padding-left:24px; color: #65318a;}
.content ul li strong {color: #65318a;}


.content ul li, .content ol li{margin-bottom: 10px; position: relative; }
.content ul li:before{content: "\f178"; font-family: 'fontawesome';  position: absolute; display: inline-block; left:0px; top:1px; font-size: 14px; }
.table{border:1px solid #dee2e6; /*font-size: 16px;*/}
.table th, .table thead th{background-color:#f0f0f0;border-bottom:none; font-weight: 600;}
.table td, .table th{padding:10px;}
.content ol li:before {display: none;}
.content ul li ol li {padding-left: 0px;}
.content ul li ol {padding-left: 20px; margin-bottom: 0px; margin-top: 10px;}
.content ol {padding-left: 20px;}
.content ul li ul {margin-bottom: 0px; margin-top: 10px;}
.content ol li ul {margin-bottom: 0px; margin-top: 10px;}
.content ol li ul li:before{display: block;}


/*--------------*/
.show-overlay{width:100%;height:100%;z-index:999;top:0;left:0;position:fixed;background:rgba(0, 0, 0, 0.8);overflow:hidden;}
.overflowhidden{overflow:hidden; position:fixed;width:100%;height:100%; min-height:100%; max-height: 100%;  transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}

/*--- header ------*/
.header{z-index: 12; background-color: rgba(255,255,255,0.95); position: fixed !important; top: 0px; left: 0px; width: 100%; z-index: 99; }
.hedleftrightsec {display: flex; justify-content: space-between; align-items: center;}
.hdrposabsl .brandlwrap{opacity: 0; visibility: hidden;}
.brandlwrap img{max-width: 120px;}
.headerblackbg {background-color: var(--whitebgsec); margin-bottom: 1px; padding: 12px 0px;}

/* sticky header
========================*/
@keyframes fadeIn {
  from { opacity: 0;  }
    to {opacity: 1;}
}
.fadeIn {  animation-name: fadeIn;}
@keyframes fadeInDown {
  from {opacity: 0; transform: translate3d(0, 0%, 0); -moz-transform: translate3d(0, 0%, 0); -webkit-transform: translate3d(0, 0%, 0); -ms-transform: translate3d(0, 0%, 0);}
    to {opacity: 1; transform: none;}
}
.fadeInDown {  animation-name: fadeInDown;}
.sticking{position:fixed; background-color:#fff; width:100%; z-index:11;  border-bottom:none;   padding: 0px 0;}  
.hdrposabsl.sticking{position:fixed !important;}
.hdrposabsl.sticking .brandlwrap{opacity: 1; visibility: visible;}

.main-navigation{display: flex; justify-content: space-between;}

/* silck Slider 
----------------------------------------------*/
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;-webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block;    overflow: hidden;    margin: 0;   padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide, .rtl .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-loading .slick-list{background: #fff url('assets/images/ajax-loader.gif') center center no-repeat; background-size: 36px 36px; }
.slick-prev, .slick-next{font-size: 0; width: 18px; line-height: 0; position: absolute; top: 50%; display: block; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background-color: transparent; z-index:2; opacity:1;
  -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}
.slick-prev:hover, .slick-next:hover{ color:#000066;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover,.slick-next:focus{color: transparent; outline: none; opacity:1; }
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 0.5; color: #000066;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;}
.slick-prev:before,.slick-next:before{font-family: 'fontawesome'; font-size: 40px; line-height: 1;  opacity: 1; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 24px; height: 42px; background-size: 100%; display: inline-block; }
.slick-prev{left: -20px;}
[dir='rtl'] .slick-prev, .rtl .slick-prev{right: 20px; left: inherit;}
.slick-prev::before{content: ""; background-image: url(assets/images/blck-prev-arrow.png); }
[dir='rtl'] .slick-prev:before, .rtl .slick-prev:before{content: "\f105";}
.slick-next{right:-20px;}
[dir='rtl'] .slick-next, .rtl .slick-next{right: inherit; left:20px;}
.slick-next::before{content: ""; background-image: url(assets/images/blck-next-arrow.png);} 
[dir='rtl'] .slick-next:before, .rtl .slick-next:before{content: "\f104";}

/* Dots */
.slick-slider{margin-bottom: 0px;}
.slick-dots{position: absolute; z-index:5; bottom: -25px; left: 0px; display: block; width: 100%; padding: 0; list-style: none; text-align: center;}
.slick-dots li{position: relative; display: inline-block; margin: 0 4px; width:8px; height: 8px; padding: 0; cursor: pointer; text-align: center; 
-webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s;}
.slick-dots li button{ font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border: 0;outline: none; background: transparent; }
.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{ content:""; width:8px; height:8px; background-color:#d5d5d5; position: absolute; top: 0; left: 0; text-align: center; opacity: 1;  border-radius: 100%; border:1px solid #c2cfff; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s;}
.slick-dots li.slick-active button:before{background:#0070c0; border-color:#0070c0;}

/*----- main slider ------*/

.mainbannerslider .slick-prev::before, .mainbannerslider  .slick-next::before {color: #fff; font-size: 40px; line-height: 1; width: 15px; height: 26px;}
.mainbannerslider .slick-prev::before {background-image: url(assets/images/banner-left-arrow.png);}
.mainbannerslider .slick-next::before {background-image: url(assets/images/banner-right-arrow.png);}
.mainbannerslider .slick-prev, .mainbannerslider .slick-next {width: 58px; height: 58px; text-align: center;  background-color: transparent; border: 2px solid #fff; border-radius: 100%; bottom: 20px; top: inherit; }
.mainbannerslider .slick-prev {left: 11%;}
.mainbannerslider .slick-next {left: 16%; right: inherit;}
.mainbannerslider .slick-prev:hover, .mainbannerslider .slick-next:hover {background-color: rgba(255,255,255,0.3); opacity: 1;}
.bannerbtn {margin-bottom: 0px; position: relative; opacity: 0; bottom: 100px; visibility: hidden; transition: all 1.5s ease-in-out 0s; -moz-transition: all 1.5s ease-in-out 0s; -webkit-transition: all 1.5s ease-in-out 0s; -o-transition: all 1.5s ease-in-out 0s;}
.slick-current .bannerbtn {opacity:1;bottom:0;visibility:visible}
.bannerbtn a {display: inline-block; padding: 15px 35px; background-color: #65318a; font-size: 18px; color: #fff; font-weight:700; border-radius: 0px;   position: relative; overflow: hidden; text-align: center; text-transform: uppercase;}
.bannerbtn a:hover {background-color: #b3bf00;  color: #fff;}

.mainbannerslider .slider-content{position:relative; z-index:2; background-size: cover; background-position:top center; background-repeat: no-repeat; height: 990px; overflow: hidden;}
.mainbannerslider .slider-content:before {position: absolute; left: 0px;  top: 0px; width: 100%; height: 100%; /*background-color: rgba(0,0,0,.55);*/ content: "";}
.bannertextpos { position: relative; color: #fff; display: flex; justify-content: center; align-items: center; height: 100%;}
.bannertextpos .container {max-width: 1500px;}
.bannertitle h1 {font-size:47px; color: #fff; margin-bottom:30px; padding-bottom: 25px; position: relative; opacity: 0; right: 100px; visibility: hidden; transition: all 1.5s ease-in-out 0s; -moz-transition: all 1.5s ease-in-out 0s; -webkit-transition: all 1.5s ease-in-out 0s; -o-transition: all 1.5s ease-in-out 0s;}
.bannertitle h1:before {position: absolute; left: 0px; bottom: 0px; width: 80px; height: 4px; background-color: #b3bf00; content: "";} 
.slick-current .bannertitle h1 {opacity:1;right:0;visibility:visible}
.bannertext {font-size: 24px; line-height: 32px; margin-bottom: 30px; position: relative; opacity: 0; left: 100px; visibility: hidden; transition: all 1.5s ease-in-out 0s; -moz-transition: all 1.5s ease-in-out 0s; -webkit-transition: all 1.5s ease-in-out 0s; -o-transition: all 1.5s ease-in-out 0s;}
.slick-current .bannertext {opacity:1;left:0;visibility:visible}
.mainbannerslider .slick-dots{bottom: 30px;}  
.mainbannerslider .slick-dots li{position: relative; display: inline-block; margin: 0 6px; width:76px; height: 6px; padding: 0; cursor: pointer; text-align: center; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s;}
.mainbannerslider .slick-dots li button:before{ content:""; width:76px; height:6px; background-color:#d5d5d5; position: absolute; top: 0; left: 0; text-align: center; opacity: 1;  border-radius:0%; border:none; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s;}
.mainbannerslider .slick-dots li.slick-active button:before{background:#0b4f9d; }

h2.maintitle {position: relative; font-size: 36px; font-weight: 700;  margin-bottom: 30px; text-align: center; color: #0b0b23;}
h2.maintitle span {display: inline-block; position: relative;}
h2.maintitle span:before, h2.maintitle span:after {position: absolute;  top: 21px; width: 32px; height: 2px; background-color: #b3bf00; content: "";}
h2.maintitle span:before {left: -52px;}
h2.maintitle span:after {right: -52px;}
.banerconwidth {max-width: 840px;}
.homelogobannertext { margin-bottom:50px; }
.homelogobannertext {position: relative; opacity: 0; left: 100px; visibility: hidden; transition: all 1.5s ease-in-out 0s; -moz-transition: all 1.5s ease-in-out 0s; -webkit-transition: all 1.5s ease-in-out 0s; -o-transition: all 1.5s ease-in-out 0s;}
.slick-current .homelogobannertext {opacity:1;left:0;visibility:visible}


/*--------homelistbox----------*/
.homelistbox { display: flex; align-items: center; margin-left: -2px; margin-right: -2px; }
.homelistflex {padding-left: 1px; padding-right: 1px; overflow: hidden;}
.homecommonbox {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding:4px 2px; }
.homecommonbox a {padding: 40px 20px; text-align: center; display:block; height: 203px;}
.homecommonbox.yellowbox a {background-color: #b3bf00;}
.homecommonbox.yellowbox a:hover {background-color: #333;}
.homecommonbox.purplebox a {background-color: #65318a;}
.homecommonbox.purplebox a:hover {background-color: #333;}
.homecommonbox a h3 {font-size: 24px; color: #fff; margin-bottom: 0px; height: 57px;}
.homecommonbox a .homelisticon {margin-bottom: 20px;}

/*------ Nos missions -------*/
.nosmisslistbox {padding-top: 20px; padding-bottom: 20px;}
.lightgraybg {background-color: #f4f4fa;}
.nosmisslistbox .col-md-6 {margin-bottom: 30px;}
.nowmisswhiteboxbg {background-color: #fff; border: 1px solid #fff;  box-shadow:0px 0px 25px rgba(0,0,0,0.1); text-align: center; height: 100%; transition:all 0.5s ease-in-out 0s;}
.nowmisswhiteboxbg:hover {background-color: #fff; border-color: #65318a;}
.nowmisswhiteboxbg{padding:25px 20px 40px 20px; display: block; color: #000; transition:all 0.5s ease-in-out 0s;}
.nowmisswhiteboxbg:hover {color: #000;}
.nowmisswhiteboxbg .nosmisscontitle h4 {font-size: 18px; color: #000; height: 45px; margin-bottom: 0px; transition:all 0.5s ease-in-out 0s;}
.nowmisswhiteboxbg:hover .nosmisscontitle h4 {color: #65318a;}
.nosmisscontent {line-height: 26px;}
.nowmisswhiteboxbg .nosmissicon {margin:auto auto 30px auto; background-color: #f4f4fa; border-radius: 100%; line-height: 110px; width: 112px; height: 112px; transition:all 0.5s ease-in-out 0s; border: 1px solid #f4f4fa;}
.nowmisswhiteboxbg:hover .nosmissicon {border-color:#65318a; background-color: #fff; box-shadow:0px 0px 25px rgba(0,0,0,0.1);}


/*------Point d'information aux droits --------*/
.ptb-7040 {padding: 70px 0px 40px 0px;}
.ptb-70 {padding: 70px 0px;}
.titlesec {position: relative;}
.homeaboutpart {overflow: hidden;}
.homeaboutpart h2.maintitle {text-align: left;}
.homeaboutpart h2.maintitle span::before {display: none;}
.homeaboutpart .col-md-6 {margin-bottom: 30px;}
.homeabocon {margin-bottom: 20px; font-weight: 300; /*font-size: 18px;*/}
.quiboxpadd {position: relative; padding: 8px 0px 0px 8px; }
.quiboxpadd:before {position: absolute; width: 175px; height: 138px; background-color: #b3bf00; content: ""; top: 0px; left: 0px;}
.aboutsection .col-lg-6 {margin-bottom: 30px;}
.aboutsection .container {max-width: 1400px;}
.quiboxpadd img {position: relative; z-index: 1; width: 100%;}
a.combtn {color: #fff; background-color: #65318a; border-radius: 0px; padding: 8px 15px; text-transform: uppercase; font-weight: 700; font-size: 18px; overflow: hidden; display: inline-block; text-align: center;}
a:hover.combtn {background-color: #b3bf00; color: #fff;}
.hortitle {font-size: 20px; font-weight: 700; color: #494695; margin-bottom: 10px; padding-bottom: 10px; border-bottom:1px solid #f0f0f6; }
.hortitle img {margin-right: 5px; display: inline-block; vertical-align: middle;}
.homeabopertext {/*font-size: 16px;  color: #0b0b23;*/ font-weight: 700; line-height: 26px; margin-bottom: 10px; padding-bottom: 10px; border-bottom:1px solid #f0f0f6; }
.homeaboutadd {/*font-size: 16px;*/ line-height: 24px;}
.homeaboutadd h6 {font-size: 16px; margin-bottom:2px;}
.quisec {padding-top: 15px;}
.pointinformationsec .col-lg-8 {width: 70%;}
.pointinformationsec .col-lg-4 {width: 30%;}

/*------ Nos champs d’action -------*/

.purplebg {background-color: #65318a; color: #fff;}
.champpart h2.maintitle {color: #fff;}
.newchacont {font-size: 20px; max-width: 750px; margin:0px auto 60px auto; text-align: center;}
.champlist {background-color: #fff; padding: 1px;}
.champlist .row {margin-left: 0px; margin-right: 0px;}
.champlist .col-md-6 {padding-left: 0px; padding-right: 0px;}
.champimgbox {}
.champimgbox a {position: relative;  border:1px solid #fff; display: block;  overflow: hidden;}
.champimgbox a .champimg img {transition:all 0.3s ease-in-out 0s;}
.champimgbox a:hover .champimg img {transform: scale(1.2);}
.champimgbox a:before {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); opacity: 0; transition:all 0.3s ease-in-out 0s; content: ""; z-index: 1;} 
.champimgbox a:hover:before {opacity: 1;} 
.champimgbox a .champtilte {position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 2;}
.champimgbox a .champtilte h3 {font-size: 20px; color: #fff; padding: 15px 15px 20px 15px; margin-bottom: 0px; word-wrap: break-word;}
.champimgbox a:hover .champtilte h3 {color: #fff;}
.champimgbox a:after {width: 100%; height: 200px;  opacity: 0.68; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 63%, #000000 98%);
position: absolute; left: 0px; bottom: 0px; content: ""; z-index: 1;}


/*------ client section -------*/
.ptb-50 {padding: 50px 0px;}
.clientslider {padding-top: 20px; }
.clentslider-sec{}
.clentsld-itm{padding: 0 15px;}
.clntsld-bx{border:1px solid #ccc; background-color: #fff; height:165px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.clntsld-bx img{max-height: 120px; max-width:80%;}
.clentslider-sec .slick-dots li.slick-active button:before{background:#76bae7; border-color:#76bae7;}
.clentslider-sec .slick-list {padding-bottom: 40px;}
.clentslider-sec .slick-dots {bottom: 0px;}
.clientslider .slick-next {right: -35px;}
.clientslider .slick-prev {left: -35px;}

/*----- footer ----*/
.ftrtop-sec {padding: 35px 0 10px 0px; position: relative; background-color: #f4f4fa;  color: #000000;}
.ftrtop-sec .col-md-12 {margin-bottom: 20px;}
.overhidd {overflow: hidden;}
.ftrtop-sec p:last-child{margin-bottom: 0px;}
.ftrbtm-sec{padding:15px 0;  background-color: #e3e3ed; }
.ftrtop-sec h5{color: #65318a; font-size: 24px; font-weight:700; position: relative; padding-bottom: 12px; margin-bottom: 15px;}
.ftrtop-sec h5:before{content:''; position: absolute; left: 0; bottom: 0; width:78px; height: 2px; background-color: #b3bf00;}
.ftrlogo{margin-bottom: 25px;}
.ftrtop-sec ul{list-style: none; padding: 0; margin: 0;}
.ftrtop-sec ul li{margin-bottom: 6px; /*color: #000; font-size: 16px;*/}
.ftrtop-sec ul li a {color: #000; position: relative; display: block; padding-left: 15px;}
.ftrtop-sec ul li a:before {position: absolute; left: 0px; top:-1px; font-family:fontawesome; content:"\f105";}
.ftrtop-sec ul li a:hover {color: #65318a;}
.ftrtop-sec ul li.active a {color: #65318a;}
.ftrnavbx .ftrsecbx-dtl{display: flex; }
.ftrnavbx .ftrsecbx-dtl ul{margin: 0px; padding: 0px;}
.ftrcntc-itm{/*font-size:16px;*/ position: relative; padding-left: 40px; margin-bottom: 15px;}
.ftrcntc-itm:last-child{margin-bottom: 0px;}
.ftrcntc-itm span{position: absolute; left: 0; top: 0; }
.ftrcntc-itm a{color: #000;}
.ftrcntc-itm a:hover{color: #65318a;}
.ftrtop-sec .col-md-6 {margin-bottom: 30px;}
.ftrcntcbx h6 {font-size: 18px; margin-bottom: 0px;}
/*.besoincon {font-size: 16px; color: #000;}*/
.besoincon p {line-height: normal;}
.ftcopsec {display: flex; justify-content: space-between; align-items: center; font-size: 14px;}
.ftcopyright { color: #6a6a6a; }
.ftcopyright a { color: #65318a; font-weight: 700;}
.ftcopyright a:hover { color: #000; }
.ft-socialmedia ul {margin: 0px; padding: 0px;}
.ft-socialmedia li {list-style-type: none; display: inline-block; margin-left: 6px; margin-right: 6px;}
.ft-socialmedia li a {display: inline-block; background-color: #fff; color: #000; font-size: 16px; width: 36px; height: 36px;line-height: 36px; text-align: center; border-radius: 100%; }
.ft-socialmedia li a:hover {color: #fff; background-color: #65318a;}

/*----- Notre actualité ----*/
.blogslider {padding-top: 20px;margin-bottom: 30px;}
.blogslider .slick-next {right: -35px;}
.blogslider .slick-prev {left: -35px;}
.blogconbox{padding-left: 20px;padding-right: 15px;padding-top: 20px;}
.bloglirelink{padding-left: 20px;}
.blogconbox h4 {font-size: 18px; margin-bottom: 5px; line-height: 26px; color: #65318a; min-height: 60px;}
.blogconbox h4 a {color: #000;}
.blogconbox h4 a:hover {color: #65318a;}
.blogboxcon {line-height: 26px; margin-bottom: 25px; color:#333; /*font-size: 16px;*/}
.blog-item {padding-bottom: 40px; position: relative;margin:13px;border:1px solid  #a3a3a3;	}
.bloglirelink {position: absolute; left: 0px; bottom: 20px;} 
a.lirelink {color: #65318a; font-weight: 700; position: relative; padding-right: 22px;}
a.lirelink {color: #65318a; }
a.lirelink:before {padding-right: 22px;}
.blog-item{-webkit-box-shadow: 0 8px 6px -6px #a3a3a3; -moz-box-shadow: 0 8px 6px -6px #a3a3a3;box-shadow: 0 8px 6px -6px #a3a3a3;}
.bloglirelink a:after{background-image: url(assets/images/learnmorearrow.png);content: "";width: 15px;height: 10px;position: absolute;right: 0px;background-repeat: no-repeat;top: 5px;}   
.blogbtn{text-align: center;}
.handicapbox-one{background-color: #797a80;text-align: center;padding: 26px;}
.handicapbox-two{background-color: #65318a; text-align: center; padding-top: 28px; padding-bottom: 29px;}
.handicapbox-two h2{font-size: 50px; color:#fff;margin-bottom: 0px;}
.handicapbox-two h6{font-size: 40px; color:#fff !important; font-weight: 100;}
.donetbtn a.combtn{background-color: #fff; color:#65318a; padding:8px 37px;}
.donetbtn a:hover.combtn {background-color: #b3bf00;color: #fff;}
span.merchbx{color:#fff; text-transform: uppercase;font-size: 18px; font-weight: 600;}
.donetbtn{margin-top: 30px;margin-bottom: 30px;}
.partclientsec{margin-bottom: 50px;}
.bloglistimg {height: 203px; overflow: hidden; position: relative; border-bottom: 1px solid #a3a3a3;}
.bloglistimg img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.headersec {display: flex;  align-items: center;}
.hedletflex {display: flex; align-items: center;}
.headeryellowbg {background-color: #b3bf00; font-size: 16px; color: #fff; font-weight: 700; text-transform: uppercase; padding: 7px 20px 7px 150px; height: 50px; display: flex; align-items: center; transition:all 0.3s ease-in-out 0s;}
/*.sticking .headeryellowbg {height: 70px; }*/
.headeryellowbg a {color: #fff;}
.headeryellowbg a:hover {color: #0a1297;}
.hedicons {margin-left: 15px; position: relative;}
.hedicons ul {margin: 0px; padding: 0px; display: flex; align-items: center;}
.hedicons li {list-style-type: none; margin-left: 10px; margin-right: 10px; cursor: pointer;}
.hedicons li a {display: block;}
.hedicons li img {transition:all 0.3s ease-in-out 0s; height: 30px;}
.hedicons li img:hover {opacity: 0.7}
.hedbluebg {margin-left: 15px;  display: flex; align-items: center; justify-content: center; }
.hedbluebg img {height: 37px;}
.hedbluebg a {background-color: #0a1297; text-align: center; padding: 0px 10px; height: 50px; line-height: 44px; transition:all 0.3s ease-in-out 0s; width: 100px;}
/*.sticking .hedbluebg a {height: 70px; line-height: 51px;}*/
.hedbluebg a:hover {opacity: .7;}
.donmecebtn a {text-transform: uppercase; font-size:15px; color: #010101; background-color: #d6d6d7; padding:6px 20px 6px; border-radius: 50px; display: inline-block; }
.donmecebtn a:hover {background-color: #65318a; color: #fff;}
.hednavbar a img {margin-right: 5px;}
.hednavbar a {font-size: 28px; color: #000000; text-transform: uppercase; }
.hedopt {margin-right: 10%;}
.sticking aside .toggle {padding-top: 16px;}
.submenuright ul li a {padding-left:40px !important;}
.donmecebtn img {display: none; }
.sidebar .accordion-button::after {flex-shrink: 0; margin-left: auto; position: absolute; right: 0px; background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out; content: "\f105"; font-size: 18px; font-family: 'fontawesome';
    right: 0px; width: 20px; height: 20px; color: #fff; transform: rotate(0deg); background-image: none;}
.sidebar .accordion-button:not(.collapsed)::after {content: "\f107"; transform: rotate(0deg); background-image: none;}
.sidebar .accordion-button:not(.collapsed) {color: #fff; background-color: transparent; box-shadow: none;}
.sidebar .accordion-button {border: none;}
aside .side-inner .nav-menu ul li a {display: flex; align-items: baseline; width: 100%;}
aside .side-inner .nav-menu ul li a:focus {box-shadow: none; border: none;}

/*08-05-2021*/
.subpagebanner{position: relative;background-size: cover;background-repeat: no-repeat;padding-top: 170px;padding-bottom: 70px; background-position: center;}
.subpagebanner::before {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0,0,0,.65);content: "";}
.subpagetitle h2.maintitle{margin-bottom: 10px;color:#fff;}
.subpagetitle .breadcrumbwrap{justify-content: center;display: flex;}
.breadcrumbwrap ol.breadcrumb{margin-bottom: 0px;}
li.breadcrumb-item a{color:#fff; position: relative;}
.breadcrumb-item.active{color:#fff;position: relative;}
.breadcrumb-item + .breadcrumb-item::before{color:#fff;}

/*----- Quisommes-nous -----*/


/**/
.content ul.noslist li::before{display: none;}
.content ul.noslist li{position: relative;padding-left:25px;}
.content ul.noslist li:after{top: 0px;font-family: fontawesome;content: "\f00c"; position: absolute;left: 0px; width: 5px; height: 5px;}
.nosactionspage ul.noslist{padding-left: 0px;}
.nosactionsimg{text-align: center;position: relative;margin-top: 50px}
.nosactionsimg img{min-width: 360px;position: relative;padding: 13px;}
.imgbordr{border:1px solid #eee;margin: 10px;text-align: center;justify-content: center;align-content: center;display: flex;}
.imgbordr img{object-fit: contain;}
.nos-partenairepage .row{justify-content: center;}
.middPTB {padding-top: 50px; padding-bottom: 50px;}
.content h1 {font-size: 35px;}
.content h2 {font-size: 30px;}
.content h3 {font-size: 28px;}
.content h4 {font-size: 20px;}
.content h5 {font-size: 18px;}
.content h6 {font-size: 17px; line-height: 25px;}
.content a {color: #65318a;}
.content a:hover {color: #000;}
.rightsidepannel {position: relative; padding: 0px 0px 0px 15px;}
.rightsecborder {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
.rightcategories ul {margin: 0px; padding: 0px;}
.rightcategories li {list-style-type: none; display: block; margin-bottom: 15px;  position: relative;}
.rightcategories li:last-child {margin-bottom: 0px;}
.rightcategories li a {color: #000; position: relative; padding-left: 15px; display: block; line-height: 20px;}
.rightcategories li a:hover {color: #65318a;}
.rightcategories li a:before {position: absolute; left: 0px; top: 0px;  font-family:fontawesome; content:"\f105";  width: auto !important; }
.rightsidepannel h4 {font-size: 20px; margin-bottom: 20px; padding-bottom: 10px; position: relative;}
.rightsidepannel h4:before {position: absolute; bottom: 0px; width: 32px; height: 2px; background-color: #b3bf00; content: "";}
.rightaddconbg {margin-bottom: 30px;}
.rightcontnum {background-color: #b3bf00; padding:15px 10px; text-align: center; display: block; border-radius: 15px;}
.rightcontnum h5 {color: #fff; font-size: 20px; margin-bottom: 0px;}
.rightcontnum h5 span {display: block; font-size: 30px; padding-top: 6px;}
.noussoutenirsecbg {border-radius: 15px; overflow:hidden;  padding:35px 20px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; color: #fff;}
.rightsidepannel .noussoutenirsecbg h4 {color: #fff;}
.noussoutenirsecbg:before {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(101,49,138,0.75); content: "";} 
.noucon {position: relative;}
.noussoutenirsecbg p {line-height: 24px;}
.middlesection .rightpanelborder {border-left: 1px solid #ccc;}
.leftrightpanelsec .col-md-9 {width: 70%;}
.leftrightpanelsec .col-md-3 {width: 30%;}
.opttoolbar {background-color: #fff; position: absolute; left: -16px; top: 57px; width: 400px; padding: 15px 15px 10px 15px; border: 1px solid #ccc; display: none;}
.sticking .opttoolbar {top: 52px;}
.conforminput {margin-bottom: 20px;}
.contactformsec {padding-right: 15px;}
.contactformsec label {font-size: 16px; font-weight: normal;}
input[type="submit"].inputbtn {color: #fff; background-color: #65318a; border-radius: 0px; padding: 10px 18px; text-transform: uppercase; font-weight: 700;
font-size: 16px; overflow: hidden; display: inline-block; text-align: center; transition:all 0.3s ease-in-out 0s;} 
input[type="submit"].inputbtn:hover {color: #fff; background-color: #b3bf00;}
.contactformsec h4 {position: relative;  margin-bottom: 30px; padding-bottom: 10px;}
.contactformsec h4:before  {position: absolute; bottom: 0px; width: 32px; height: 2px; background-color: #b3bf00; content: "";}
.contactadd .col-xl-6 {margin-bottom: 30px;}
.contactadd {padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #ccc;}
.contactadd a {color: #333333;}
.contactadd a:hover {color: #65318a;}
.conadd i {display: inline-block; margin-right: 6px; /*font-size: 20px;*/ }
.addphonecon {background-color: #f1f1f1; padding:20px 15px;}
.addphonecon strong {position: relative; padding-left: 30px; display: block;}
.addphonecon strong i {position: absolute; left: 0px; top:4px;}
.addphonecon a {color: #333333;}
.addphonecon a:hover {color: #65318a;}
.addphonecon p {margin-bottom: 12px;}
.poplistbox ul {margin: 0px; padding: 0px; display: block;}
.poplistbox li {list-style-type: none; display: block; margin-bottom:10px; overflow: hidden; font-size: 18px;}
.poplistbox li a {display: block; overflow:hidden; color: #494695; }
.poplistbox li a:hover {color: #333;}
.linkiconleft {float: left; width: 27px;}
.linktextright {margin-left: 27px;}
.popmainbox a {color: #494695;}
.popmainbox a:hover {color: #333;}
.MB15 {margin-bottom: 10px;}
.popboxgraybg {background-color: #f5f5f5; padding: 15px 15px 8px 15px; border: 1px solid #ebebeb;}
.popboxgraybg h5 {font-size: 18px; margin-bottom: 7px; color: #111; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1;}
.poppaintlink {padding-top: 5px; margin-bottom: 0px;}
.popcheradiosec {padding-top: 10px;}
.popcheradiosec label {font-weight: normal; cursor: pointer;}
.popcheradiosec label:hover {color: #494695;}
.popcheradiosec .form-check-input[type="radio"] {cursor: pointer;}
.pagepartnerlogo {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  text-align: center;}
.nowpart a{display: block; }
.nowpart {border: 1px solid #ccc; background-color: #fff; height: 140px; overflow: hidden; display: flex; justify-content: center; align-items: center; width: 225px; text-align: center; margin: 10px;}
.nowpart:hover {border-color: #494695;}
.nowpart img {max-height: 120px; max-width: 80%;}
.table {background-color: #fff;}

.middlesection {min-height: 340px;}

/*-----------font-color-chagnes---------------*/

:root .clsnewblckwht{
  --commonblackbg: #5d5d5d;	
  --darkblackbg: #000000;
  --middblackbg: #333333;
  --lightblackbg: #000000;
  --darkmiddblackbg: #505050;	
  --cccbg: #cccccc;
  --commwhitebg: #ffffff;
  --b2bbg: #b2b2b2;
  --black959bg: #959595;
  --blackb2bbg: #b2b2b2;
  --black111bg: #111111;
  --blackafabg: #afafaf;

  --whitefontcolor: #ffffff;
  --lightgrayfontcolor: #cccccc;
  --blackfontcolor: #000000;
  --blackfont333color: #333333;
  --blackfontccccolor: #cccccc;
  --blackfontafacolor: #afafaf;

  --bordergraycolor: #cccccc;
  --borderblackcolor: #000000;
  --borderb2bcolor: #b2b2b2;
  --border333color: #333333;
  --border5d5dcolor: #5d5d5d;
  --border808dcolor: #808080;

}

body.clsnewblckwht {color:var(--whitefontcolor); background-color: var(--commonblackbg);}
.clsnewblckwht .homecommonbox.yellowbox a {background-color:var(--darkblackbg); }
.clsnewblckwht h1, .clsnewblckwht h2, .clsnewblckwht h3, .clsnewblckwht h4, .clsnewblckwht h5, .clsnewblckwht h6 {color:var(--whitefontcolor);}
.clsnewblckwht .quiboxpadd::before {background-color:var(--commwhitebg);}
.clsnewblckwht .bannertitle h1::before {background-color:var(--commwhitebg);}
.clsnewblckwht .burger::before, .clsnewblckwht .burger span, .clsnewblckwht .burger::after {background-color:var(--commwhitebg);}
.clsnewblckwht .nowmisswhiteboxbg a .nosmissicon {background-color:var(--commwhitebg); border: 1px solid var(--bordergraycolor);}
.clsnewblckwht .blog-item {background-color: var(--commwhitebg);}
.clsnewblckwht  .ft-socialmedia li a:hover {background-color: var(--commwhitebg); color: var(--blackfontcolor); }
.clsnewblckwht .content ul li::before {background-color:var(--commwhitebg);}
.clsnewblckwht .burger i {color:var(--whitefontcolor);}
.clsnewblckwht h2.maintitle {color:var(--whitefontcolor);}
.clsnewblckwht .nowmisswhiteboxbg a {color:var(--whitefontcolor);}
.clsnewblckwht .nowmisswhiteboxbg a .nosmisscontitle h4 {color:var(--whitefontcolor);}
.clsnewblckwht .hortitle {color:var(--whitefontcolor);}
.clsnewblckwht .homeabopertext {color:var(--whitefontcolor);}
.clsnewblckwht .ftrtop-sec ul li a {color:var(--whitefontcolor);}
.clsnewblckwht .ftrcntc-itm a {color:var(--whitefontcolor);}
.clsnewblckwht .besoincon {color:var(--whitefontcolor);}
.clsnewblckwht .ftcopyright {color:var(--whitefontcolor);}
.clsnewblckwht .ftcopyright a {color:var(--whitefontcolor);}
.clsnewblckwht .ftrbtm-sec {background-color: var(--black111bg); color:var(--whitefontcolor);}
.clsnewblckwht .rightcategories li a {color:var(--whitefontcolor);}
.clsnewblckwht .bannerbtn a {background-color: var(--darkblackbg);}
.clsnewblckwht .headeryellowbg {background-color: var(--darkblackbg);}
.clsnewblckwht .hedbluebg a {background-color: var(--darkblackbg);}
.clsnewblckwht .donmecebtn a:hover {background-color:var(--commwhitebg); color: var(--blackfontcolor);}
.clsnewblckwht aside .side-inner .nav-menu ul li a:hover {background: var(--darkblackbg); color:var(--whitefontcolor);}
.clsnewblckwht .nowmisswhiteboxbg {background-color: var(--darkblackbg); border-color:var(--borderblackcolor);}
.clsnewblckwht a.combtn {background-color:var(--darkblackbg);}
.clsnewblckwht .handicapbox-two {background-color: var(--darkblackbg);} 
.clsnewblckwht a.lirelink {color: var(--blackfontcolor)}
.clsnewblckwht .ftrtop-sec {background-color: var(--darkblackbg); color:var(--whitefontcolor);}
.clsnewblckwht .nowpart:hover {border-color:var(--borderblackcolor);}
.clsnewblckwht input[type="submit"].inputbtn {background-color: var(--darkblackbg);}
.clsnewblckwht input[type="submit"].inputbtn:hover {background-color: var(--middblackbg);}
.clsnewblckwht .homecommonbox.purplebox a {background-color: var(--middblackbg);}
.clsnewblckwht .bannerbtn a:hover {background-color: var(--middblackbg);}
.clsnewblckwht .sticking {background-color: var(--middblackbg); border-color:var(--border5d5dcolor);}
.clsnewblckwht .header {background-color: rgba(0,0,0,0.5); border-bottom: 1px solid var(--border333color);}
.clsnewblckwht .header.sticking {background-color: rgba(0,0,0,1);}
.clsnewblckwht aside {background-color: var(--middblackbg);}
.clsnewblckwht .nowmisswhiteboxbg:hover {background-color:var(--black111bg);  border-color: var(--border333color); }
.clsnewblckwht .lightgraybg {background-color: var(--middblackbg);}
.clsnewblckwht a:hover.combtn {background-color: var(--middblackbg);}
.clsnewblckwht .donetbtn a.combtn {color:var(--whitefontcolor); border:2px solid var(--border333color);}
.clsnewblckwht .purplebg {background-color: var(--middblackbg);}
.clsnewblckwht .blogconbox h4 a:hover {color: var(--blackfont333color);}
.clsnewblckwht a:hover.lirelink {color: var(--blackfont333color)}
.clsnewblckwht .rightsidepannel h4::before {background-color: var(--middblackbg);}
.clsnewblckwht .rightcontnum {background-color: var(--middblackbg);}
.clsnewblckwht .content a {color: var(--lightgrayfontcolor);}
.clsnewblckwht .homecommonbox.yellowbox a:hover {background-color: var(--darkmiddblackbg);}
.clsnewblckwht .homecommonbox.purplebox a:hover {background-color: var(--darkmiddblackbg);}
.clsnewblckwht .headeryellowbg a:hover {color:  var(--blackfontccccolor);}
.clsnewblckwht aside .side-inner .nav-menu ul li a::before {background-color: var(--cccbg);}
.clsnewblckwht h2.maintitle span::before, .clsnewblckwht h2.maintitle span::after {background-color: var(--cccbg);}
.clsnewblckwht .rightcategories li a:hover {color: var(--blackfontccccolor);}
.clsnewblckwht .champlist {background-color: var(--blackb2bbg);}
.clsnewblckwht .champimgbox a {border-color: var(--borderb2bcolor);}
.clsnewblckwht .ftrtop-sec h5::before {background-color: var(--black959bg);}
.clsnewblckwht .ftrtop-sec ul li a:hover {color: var(--blackfontafacolor);}
.clsnewblckwht .ftrcntc-itm a:hover {color: var(--blackfontafacolor);}
.clsnewblckwht .ftcopyright a:hover {color: var(--blackfontafacolor);}
.clsnewblckwht  .ft-socialmedia li a {background-color:  var(--blackafabg);}
.clsnewblckwht .noussoutenirsecbg::before {background-color: rgba(17,17,17,0.75);}
.clsnewblckwht .addphonecon a {color:var(--whitefontcolor);}
.clsnewblckwht .addphonecon a:hover {color: var(--blackfontccccolor);}
.clsnewblckwht .contactformsec h4::before {background-color: var(--middblackbg);}
.clsnewblckwht .addphonecon {background-color: var(--middblackbg);}
.clsnewblckwht .form-control {background-color: var(--middblackbg); color: var(--whitefontcolor); border-color: var(--border808dcolor);}
.clsnewblckwht .contactadd {border-color: var(--border808dcolor);}
.clsnewblckwht .rightsecborder {border-color: var(--border808dcolor);}
.clsnewblckwht .rightsecborder {border-color: var(--border808dcolor);}
.clsnewblckwht .middlesection .rightpanelborder {border-color: var(--border808dcolor);}
.clsnewblckwht .opttoolbar {background-color: var(--darkblackbg); border-color: var(--border808dcolor);}
.clsnewblckwht .poplistbox li a {color: var(--whitefontcolor);}
.clsnewblckwht .poplistbox li a:hover {color: var(--lightgrayfontcolor);}
.clsnewblckwht .popboxgraybg {background-color: var(--middblackbg); border-color: var(--border808dcolor);}
.clsnewblckwht .popcheradiosec label:hover {color: var(--lightgrayfontcolor);}
.clsnewblckwht .popboxgraybg h5 {border-color: var(--border808dcolor);}
.clsnewblckwht .form-check-input:checked {background-color: var(--darkblackbg); border-color: var(--bordergraycolor);}
.clsnewblckwht .form-check-input:focus {box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);}
.clsnewblckwht .ftrcntc-itm span {width: 32px; height: 32px; background-color: rgba(255,255,255,0.6); border-radius: 100%;  display: flex; justify-content: center; align-items: center; }
.clsnewblckwht .ftrcntc-itm span img {width: 15px;}

/*--------------clsnewbig-------------*/

:root .clsnewbig{
	--font16: 16px;
	--font18: 18px;
 	--font20: 20px;
 	--font22: 22px;
 	--font24: 24px;
 	--font26: 26px;
 	--font28: 28px;
 	--font30: 30px;
 	--font32: 32px;
 	--font38: 38px;
 	--font42: 42px;
 	--font52: 52px;
 	--font65: 65px;
}

body.clsnewbig {font-size: var(--font18);}
.clsnewbig .content h1 {font-size: var(--font38);}
.clsnewbig .content h2 {font-size: var(--font32);}
.clsnewbig .content h3 {font-size: var(--font30);}
.clsnewbig .content h4 {font-size: var(--font22);}
.clsnewbig .content h5 {font-size: var(--font20);}
.clsnewbig .content h6 {font-size: var(--font18); line-height: 27px;}
.clsnewbig .headeryellowbg {font-size: var(--font20);}
.clsnewbig .donmecebtn a {font-size: var(--font22);}
.clsnewbig .burger i {font-size: var(--font30);}
.clsnewbig .bannertitle h1 {font-size: var(--font65);}
.clsnewbig .bannertext {font-size: var(--font26);}
.clsnewbig .bannerbtn a {font-size: var(--font20);}
.clsnewbig .homecommonbox a h3 {font-size: var(--font26);}
.clsnewbig h2.maintitle {font-size: var(--font38);}
.clsnewbig .nowmisswhiteboxbg a .nosmisscontitle h4 {font-size: var(--font20);}
.clsnewbig .hortitle {font-size: var(--font24);}
.clsnewbig a.combtn {font-size: var(--font20);}
.clsnewbig .handicapbox-two h2 {font-size: var(--font52);}
.clsnewbig .handicapbox-two h6 {font-size: var(--font42);}
.clsnewbig span.merchbx {font-size: var(--font20);}
.clsnewbig .newchacont {font-size: var(--font22);}
.clsnewbig .champimgbox a .champtilte h3 {font-size: var(--font22);}
.clsnewbig .blogconbox h4 {font-size: var(--font20); min-height: 80px;}
.clsnewbig .ftrtop-sec h5 {font-size: var(--font26);}
.clsnewbig .ftcopsec {font-size: var(--font16);}
.clsnewbig .rightsidepannel h4 {font-size: var(--font22);}
.clsnewbig .rightcontnum h5 {font-size: var(--font22);}
.clsnewbig .rightcontnum h5 span {font-size: var(--font32);}
.clsnewbig .form-control {font-size: var(--font18);}
.clsnewbig input[type="submit"].inputbtn {font-size: var(--font18);}
/*.clsnewbig .poplistbox li {font-size: var(--font20);}*/
/*.clsnewbig .popboxgraybg h5 {font-size: var(--font20);}*/
.clsnewbig .popcheradiosec label {font-size: var(--font16);}
body.clsnewbig .popcheradiosec {font-size: var(--font16);}
.clsnewbig aside .side-inner .nav-menu ul li a {font-size: var(--font20);}
.clsnewbig .bloglirelink a::after {top: 7px;}
.clsnewbig .blogboxcon {min-height: 104px;}
.clsnewbig p {line-height: 30px;}
.clsnewbig .besoincon p {line-height: normal;}
.clsnewbig .newchacont {max-width: 810px;}
.clsnewbig .rightsidepannel p {line-height: 28px;}
.clsnewbig .noussoutenirsecbg p {line-height: 26px;}

/*--------------clsnewextbig-------------*/

:root .clsnewextbig{
	--font14: 16px;
	--font16: 18px;
	--font18: 20px;
 	--font20: 22px;
 	--font22: 24px;
 	--font24: 26px;
 	--font26: 28px;
 	--font28: 30px;
 	--font30: 32px;
 	--font32: 34px;
 	--font38: 40px;
 	--font42: 44px;
 	--font52: 54px;
 	--font65: 67px;
}


body.clsnewextbig {font-size: var(--font18);}
.clsnewextbig .content h1 {font-size: var(--font38);}
.clsnewextbig .content h2 {font-size: var(--font32);}
.clsnewextbig .content h3 {font-size: var(--font30);}
.clsnewextbig .content h4 {font-size: var(--font22);}
.clsnewextbig .content h5 {font-size: var(--font20);}
.clsnewextbig .content h6 {font-size: var(--font18); line-height: 27px;}
.clsnewextbig .headeryellowbg {font-size: var(--font20);}
.clsnewextbig .donmecebtn a {font-size: var(--font22);}
.clsnewextbig .burger i {font-size: var(--font30);}
.clsnewextbig .bannertitle h1 {font-size: var(--font65);}
.clsnewextbig .bannertext {font-size: var(--font26);}
.clsnewextbig .bannerbtn a {font-size: var(--font20);}
.clsnewextbig .homecommonbox a h3 {font-size: var(--font26);}
.clsnewextbig h2.maintitle {font-size: var(--font38);}
.clsnewextbig .nowmisswhiteboxbg a .nosmisscontitle h4 {font-size: var(--font20); height: auto;  margin-bottom: 15px;}
.clsnewextbig .hortitle {font-size: var(--font24);}
.clsnewextbig a.combtn {font-size: var(--font20);}
.clsnewextbig .handicapbox-two h2 {font-size: var(--font52);}
.clsnewextbig .handicapbox-two h6 {font-size: var(--font42);}
.clsnewextbig span.merchbx {font-size: var(--font20);}
.clsnewextbig .newchacont {font-size: var(--font22);}
.clsnewextbig .champimgbox a .champtilte h3 {font-size: var(--font22);}
.clsnewextbig .blogconbox h4 {font-size: var(--font20); min-height: 80px;}
.clsnewextbig .ftrtop-sec h5 {font-size: var(--font24);}
.clsnewextbig .ftcopsec {font-size: var(--font16);}
.clsnewextbig .rightsidepannel h4 {font-size: var(--font22);}
.clsnewextbig .rightcontnum h5 {font-size: var(--font22);}
.clsnewextbig .rightcontnum h5 span {font-size: var(--font32);}
.clsnewextbig .form-control {font-size: var(--font18);}
.clsnewextbig input[type="submit"].inputbtn {font-size: var(--font18);}
/*.clsnewextbig .poplistbox li {font-size: var(--font20);}
.clsnewextbig .popboxgraybg h5 {font-size: var(--font20);}*/
.clsnewextbig .popcheradiosec label {font-size: var(--font14);}

.clsnewextbig .popcheradiosec label {font-size: var(--font14);}
body.clsnewextbig .popcheradiosec {font-size: var(--font14);}

.clsnewextbig aside .side-inner .nav-menu ul li a {font-size: var(--font20);}
.clsnewextbig .bloglirelink a::after {top: 7px;}
.clsnewextbig .blogboxcon {min-height: 104px;}
.clsnewextbig p {line-height: 33px;}
.clsnewextbig .besoincon p {line-height: normal;}
.clsnewextbig .newchacont {max-width: 810px;}
.clsnewextbig .rightsidepannel p {line-height: 28px;}
.clsnewextbig .noussoutenirsecbg p {line-height: 26px;}



/*--------------clsnewbleyel-------------*/

:root .clsnewbleyel{
  --commonblackbg: #0e136f;	
  --darkblackbg: #0a1297;
  --middblackbg: #1e27c0 ;
  --lightblackbg: #000000;
  --darkmiddblackbg: #505050;	
  --cccbg: #cccccc;
  --commwhitebg: #ffffff;
  --b2bbg: #b2b2b2;
  --black959bg: #959595;
  --blackb2bbg: #b2b2b2;
  --black111bg: #111111;
  --blackafabg: #afafaf;
  --yellowbg:#ffff00;
  --lightdarkbluebg:#0000ff;

  --btnbgcolor: #db9219;
  --btnbgcolorhov: #cf6a04;

  --whitefontcolor: #ffff00;
  --lightgrayfontcolor: #cccccc;
  --blackfontcolor: #000000;
  --blackfont333color: #333333;
  --blackfontccccolor: #cccccc;
  --blackfontafacolor: #afafaf;
  --pirwhitefontcolor: #fff;

  --bordergraycolor: #cccccc;
  --borderblackcolor: #000000;
  --borderb2bcolor: #b2b2b2;
  --border333color: #333333;
  --border5d5dcolor: #5d5d5d;
  --border808dcolor: #808080;

}




body.clsnewbleyel {color:var(--whitefontcolor); background-color: var(--commonblackbg);}
.clsnewbleyel .homecommonbox a h3 {color: var(--whitefontcolor);}
.clsnewbleyel li.breadcrumb-item a {color: var(--whitefontcolor);}
.clsnewbleyel .breadcrumb-item + .breadcrumb-item::before {color: var(--whitefontcolor);}
.clsnewbleyel .breadcrumb-item.active {color: var(--whitefontcolor);}
.clsnewbleyel .homecommonbox.yellowbox a {background-color:var(--btnbgcolorhov); }
.clsnewbleyel h1, .clsnewbleyel h2, .clsnewbleyel h3, .clsnewbleyel h4, .clsnewbleyel h5, .clsnewbleyel h6 {color:var(--whitefontcolor);}
.clsnewbleyel .quiboxpadd::before {background-color:var(--whitefontcolor);}
.clsnewbleyel .bannertitle h1::before {background-color:var(--btnbgcolor);}
.clsnewbleyel .burger::before, .clsnewbleyel .burger span, .clsnewbleyel .burger::after {background-color:var(--commwhitebg);}
.clsnewbleyel .nowmisswhiteboxbg a .nosmissicon {background-color:var(--commwhitebg); border: 1px solid var(--commwhitebg);}
.clsnewbleyel .blog-item {background-color: var(--darkblackbg);}
.clsnewbleyel .ft-socialmedia li a:hover {background-color: var(--btnbgcolorhov); color: var(--pirwhitefontcolor); }
.clsnewbleyel .content ul li::before {background-color:var(--commwhitebg);}
.clsnewbleyel .burger i {color:var(--commwhitebg);}
.clsnewbleyel .blogconbox h4 a {color: var(--whitefontcolor);}
.clsnewbleyel h2.maintitle {color:var(--whitefontcolor);}
.clsnewbleyel .nowmisswhiteboxbg a {color:var(--whitefontcolor);}

.clsnewbleyel  .blogboxcon {color:var(--whitefontcolor);}
.clsnewbleyel .hortitle {color:var(--whitefontcolor);}
.clsnewbleyel .homeabopertext {color:var(--whitefontcolor);}
.clsnewbleyel .ftrtop-sec ul li a {color:var(--whitefontcolor);}
.clsnewbleyel .ftrcntc-itm a {color:var(--whitefontcolor);}
.clsnewbleyel .besoincon {color:var(--whitefontcolor);}
.clsnewbleyel .ftcopyright {color:var(--whitefontcolor);}
.clsnewbleyel .ftcopyright a {color:var(--whitefontcolor);}
.clsnewbleyel .ftrbtm-sec {background-color: var(--lightdarkbluebg); color:var(--whitefontcolor);}
.clsnewbleyel .rightcategories li a {color:var(--whitefontcolor);}
.clsnewbleyel .bannerbtn a {background-color: var(--btnbgcolor);}
.clsnewbleyel .headeryellowbg {background-color: var(--darkblackbg);}
.clsnewbleyel .hedbluebg a {background-color: var(--darkblackbg);}

.clsnewbleyel .purplebg {color:var(--whitefontcolor);}
.clsnewbleyel .bannertextpos {color:var(--whitefontcolor);}
.clsnewbleyel .donmecebtn a {background-color: var(--btnbgcolor); color:var(--pirwhitefontcolor);}
.clsnewbleyel .donmecebtn a:hover {background-color: var(--btnbgcolorhov); color: var(--pirwhitefontcolor);}
.clsnewbleyel aside .side-inner .nav-menu ul li a:hover {background: var(--darkblackbg); color:var(--whitefontcolor);}
.clsnewbleyel .nowmisswhiteboxbg {background-color: var(--darkblackbg); border-color:var(--borderblackcolor);}
.clsnewbleyel a.combtn {background-color:var(--btnbgcolor);}
.clsnewbleyel a:hover.combtn {background-color:var(--btnbgcolorhov);}
.clsnewbleyel .handicapbox-two {background-color: var(--darkblackbg);} 
.clsnewbleyel a.lirelink {color: var(--btnbgcolor)}
.clsnewbleyel span.merchbx {color: var(--whitefontcolor);}
.clsnewbleyel .ftrtop-sec {background-color: var(--darkblackbg); color:var(--whitefontcolor);}
.clsnewbleyel .nowpart:hover {border-color:var(--borderblackcolor);}
.clsnewbleyel input[type="submit"].inputbtn {background-color: var(--btnbgcolor);}
.clsnewbleyel input[type="submit"].inputbtn:hover {background-color: var(--btnbgcolorhov);}
.clsnewbleyel .homecommonbox.purplebox a {background-color: var(--btnbgcolor);}
.clsnewbleyel .bannerbtn a:hover {background-color: var(--btnbgcolorhov);}
.clsnewbleyel .sticking {background-color: var(--middblackbg); border-color:var(--border5d5dcolor);}
.clsnewbleyel .header {background-color: rgba(0,0,255,0.5); border-bottom: 1px solid var(--border333color);}
.clsnewbleyel .header.sticking {background-color: rgba(0,0,255,1);}
.clsnewbleyel aside {background-color: var(--middblackbg);}
.clsnewbleyel .nowmisswhiteboxbg:hover {background-color:var(--black111bg);  border-color: var(--border333color); }
.clsnewbleyel .lightgraybg {background-color: var(--middblackbg);}
.clsnewbleyel .donetbtn a.combtn {color:#fff; border:2px solid var(--btnbgcolor);}
.clsnewbleyel .purplebg {background-color: var(--middblackbg);}
.clsnewbleyel .nowmisswhiteboxbg a .nosmisscontitle h4 {color:var(--whitefontcolor);}
.clsnewbleyel .blogconbox h4 a:hover {color: var(--btnbgcolor);}

.clsnewbleyel a:hover.lirelink {color: var(--whitefontcolor)}
.clsnewbleyel .rightsidepannel h4::before {background-color: var(--btnbgcolor);}
.clsnewbleyel .rightcontnum {background-color: var(--middblackbg);}
.clsnewbleyel .content a {color: var(--lightgrayfontcolor);}
.clsnewbleyel .homecommonbox.yellowbox a:hover {background-color: var(--black111bg);}
.clsnewbleyel .homecommonbox.purplebox a:hover {background-color: var(--black111bg);}
.clsnewbleyel .headeryellowbg a:hover {color:  var(--blackfontccccolor);}
.clsnewbleyel aside .side-inner .nav-menu ul li a::before {background-color: var(--yellowbg);}
.clsnewbleyel h2.maintitle span::before, .clsnewbleyel h2.maintitle span::after {background-color: var(--btnbgcolor);}
.clsnewbleyel .rightcategories li a:hover {color: var(--blackfontccccolor);}
.clsnewbleyel .champlist {background-color: var(--blackb2bbg);}
.clsnewbleyel .champimgbox a {border-color: var(--borderb2bcolor);}
.clsnewbleyel .ftrtop-sec h5::before {background-color: var(--btnbgcolor);}
.clsnewbleyel .ftrtop-sec ul li a:hover {color: var(--btnbgcolor);}
.clsnewbleyel .ftrcntc-itm a:hover {color: var(--btnbgcolor);}
.clsnewbleyel .ftcopyright a:hover {color: var(--btnbgcolor);}
.clsnewbleyel .ft-socialmedia li a {background-color: var(--btnbgcolor); color: var(--pirwhitefontcolor);}
.clsnewbleyel .noussoutenirsecbg::before {background-color: rgba(164,105,0,0.75);}
.clsnewbleyel .addphonecon a {color:var(--whitefontcolor);}
.clsnewbleyel .addphonecon a:hover {color: var(--btnbgcolor);}
.clsnewbleyel .contactformsec h4::before {background-color: var(--btnbgcolor);}
.clsnewbleyel .addphonecon {background-color: var(--middblackbg);}
.clsnewbleyel .form-control {background-color: var(--middblackbg); color: var(--whitefontcolor); border-color: var(--middblackbg);}
.clsnewbleyel .contactadd {border-color: var(--border808dcolor);}
.clsnewbleyel .rightsecborder {border-color: var(--border808dcolor);}
.clsnewbleyel .rightsecborder {border-color: var(--border808dcolor);}
.clsnewbleyel .middlesection .rightpanelborder {border-color: var(--border808dcolor);}
.clsnewbleyel .opttoolbar {background-color: var(--darkblackbg); border-color: var(--border808dcolor);}
.clsnewbleyel .poplistbox li a {color: var(--whitefontcolor);}
.clsnewbleyel .poplistbox li a:hover {color: var(--lightgrayfontcolor);}
.clsnewbleyel .popboxgraybg {background-color: var(--middblackbg); border-color: var(--border808dcolor);}
.clsnewbleyel .popcheradiosec label:hover {color: var(--lightgrayfontcolor);}
.clsnewbleyel .popboxgraybg h5 {border-color: var(--border808dcolor);}
.clsnewbleyel .form-check-input:checked {background-color: var(--darkblackbg); border-color: var(--bordergraycolor);}
.clsnewbleyel .form-check-input:focus {box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);}
.clsnewbleyel aside .side-inner .nav-menu ul li.active a {background: var(--darkblackbg); color: var(--whitefontcolor);}

.clsnewbleyel .ftrcntc-itm span {width: 32px; height: 32px; background-color: rgba(255,255,255,0.6); border-radius: 100%;  display: flex; justify-content: center; align-items: center; }
.clsnewbleyel .ftrcntc-itm span img {width: 15px;}

.middleleftrightsec {position: relative; overflow: hidden; padding-top: 10px;}
.middleftpanelsec {float: left; width: 250px;}
.middlerightpanelsec {margin-left: 290px;}
.middleftpanelsec img.aligncenter, .middleftpanelsec .aligncenter {margin-top: 10px;}

/*----- 19-07-2021 ------*/
.clstextgray, ul.clstextgray{/*background-color: #f6f6f6; border-radius: 5px; padding: 12px 15px 10px; width: 99%;*/}
ul.clspdflist li:before{content: "\f1c1";}
.clspdflist ul li:before{content: "\f1c1";}
.clspurpleclr{color: #65318a;}
/*.clspurpleclr ul li{color: #000000;}
.clspurpleclr ul li strong{color: #65318a;}*/

/*---- photogallery ------*/
.clsphtglry-wrp{padding: 0 20px; margin-bottom: 20px;}
.phtglry-item{padding: 0 15px;}
.phtglry-item a{border-radius: 5px; height: 220px; overflow: hidden; display: block; width: 100%; position: relative;}
.phtglry-item a:before{content: ""; opacity: 0; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);
transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
.phtglry-item a:after{content: "\f067";position: absolute; left: 0; top: 0; z-index: 2; font-weight: 400; opacity: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-family: fontawesome; color: #ffffff;
transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}

.phtglry-item img{width: 100%; height: 100%; object-fit: cover; transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
.phtglryslder .slick-prev::before, .phtglryslder .slick-next::before{width: 14px; height: 25px;}
.phtglry-item:hover img{transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15);}
.phtglry-item:hover a:before{opacity: 1;}
.phtglry-item:hover a:after{opacity: 1;}




/*---- Magnific Popup CSS -----*/
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.85;}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;}
.mfp-hide{display:none !important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
 .mfp-preloader a{color:#CCC;}
 .mfp-preloader a:hover{color:#FFF;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;}
button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{width:40px;height:40px;line-height:40px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:1;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;
}
 .mfp-close:hover, .mfp-close:focus{opacity:1;}
 .mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:0px;text-align:center;width:40px; height:40px; background-color: #65318a;}
.mfp-image-holder .mfp-close:hover,.mfp-iframe-holder .mfp-close:hover{background-color: #b3bf00;}
.mfp-counter{position:absolute;top:0;right:0;color:#ffffff;font-size:14px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;}
 .mfp-arrow:active{margin-top:-54px;}
 .mfp-arrow:hover, .mfp-arrow:focus{opacity:1;}
 .mfp-arrow:before, .mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
 .mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px;}
 .mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
 .mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px;}
 .mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
 .mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px;}
 .mfp-arrow-right:before{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
 .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
 .mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
 .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000;}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}
.mfp-figure{line-height:0;}
 .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444;}
 .mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
 .mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){/** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
 .mfp-img-mobile img.mfp-img{padding:0;}
 .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
 .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
 .mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box;}
 .mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
 .mfp-img-mobile .mfp-counter{right:5px;top:3px;}
 .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
 }
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
 .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
 .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
 .mfp-container{padding-left:6px;padding-right:6px;}
 }

 .magnificpopupnoscroll{overflow: hidden;}

/*------  management chart -------*/
.mnagemntchrtwrp .row{margin-left: -6px; margin-right: -6px; padding: 0;}
.chrtcolbx{padding: 0 6px;}
.col-12.chrtcolbx{padding: 0 0px;}
.mnagemntchrtwrp{margin-top: 10px; font-size: 16px; line-height: 1.3;}
.mangemntbx{padding: 12px 8px; text-align: center; background-color: #b3bf00; border-radius: 5px; color: #ffffff; display: block; position: relative; }
.trvwlev1bx{margin-top: 30px; position: relative; background-color: #4a4a4a;}
.trvwlev1bx:before{content: ""; position: absolute; left: 50%; top: -30px; width: 2px; height: 30px; background-color: #d5d5d5;} 
.mangmbxlve-2{ padding-top: 30px; position: relative; margin-top: 30px;}
.mangmbxlve-2:before{content: ""; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); top: -30px; width: 2px; height: 30px; background-color: #d5d5d5;} 
.mangmbxlve-2:after{content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -ms-transform: translateX(-50%); width: 76%; height: 2px; background-color: #d5d5d5;}
.trvwlev2bx{background-color: #0a1297;}
.trvwlev2bx:before{content: ""; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); top: -30px; width: 2px; height: 30px; background-color: #d5d5d5;}
.trvwlev3bx{background-color: #65318a; margin-top: 30px; font-size: 95%;}
.trvwlev3bx:before{content: ""; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); top: -30px; width: 2px; height: 30px; background-color: #d5d5d5;}
.trvwlev4bx {font-size: 80%; line-height: 1.2; background-color: #787c7e; word-break: break-word;}

.mangemntbxlve-4{ padding-top: 30px; position: relative; margin-top: 30px;}
.mangemntbxlve-4:before{content: ""; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); top: -30px; width: 2px; height: 30px; background-color: #d5d5d5;} 
.mangemntbxlve-4:after{content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -ms-transform: translateX(-50%); width: 53%; margin-left: 1px; height: 2px; background-color: #d5d5d5;}
.trvwlev4bx:before{content: ""; position: absolute; left: 50%; top: -30px; width: 2px; height: 30px; background-color: #d5d5d5;} 

.contactaddwrp {margin-bottom: 30px;}
/*------ contact map --------*/
.contactmapwrp{height: 420px; margin-bottom: 30px; border: 1px solid #e5e5e5;}
.contactmapwrp iframe{width: 100% !important; height: 100% !important}

.clsredtxt{color: #ff0000;}


.accordion li {position: relative;}
.accordion li:hover {background: #512074;}
.menurightarrow {position: absolute; right: 0; top: 0px; width: 30px; height: 48px; text-align: center; z-index: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; padding-left: 0px; padding-right: 0px;}
.menurightarrow:hover {background: #512074;}
.sidebar .accordion-button.menurightarrow::after {position: relative; align-items: center; display: flex; justify-content: center; margin-left: 0px;}
.accordion li:hover .submenuright li {background-color: #65318a;}
aside .side-inner .nav-menu ul li a {padding-right: 30px;}
aside .side-inner .nav-menu ul li a span.fa {width: 28px; margin-right: 10px !important; display: inline-block;}

/*.content a {color: #2271b1; text-decoration: underline;}
.content a:hover {color: #2271b1; text-decoration: none;}*/

.clsbigcentext {text-align: center; display: block; font-style: normal; font-weight: 700; font-size: 22px; line-height: 30px; color: #b3bf00;}

.content h4 {font-size: 20px; margin-bottom: 20px; padding-bottom: 10px; position: relative;}
.content h4::before {position: absolute; bottom: 0px; width: 32px; height: 2px; background-color: #b3bf00; content: "";}

.conpageadd .col-lg-6 {margin-bottom: 30px;}

.addboxsec {margin-bottom: 15px; line-height: 27px; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.addboxsec:last-child {margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
.addboxsec strong {display: block; margin-bottom: 5px; line-height:22px;}
.addboxsec a {color: #65318a; text-decoration: none;}
.addboxsec a:hover {color: #65318a; text-decoration: underline;}

.cls_newforchrt {text-align: center;}

.horecomm {position: relative; padding-left: 35px;}
.horecomm:before {position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; content: "";}
.horairesadd:before {background:url(assets/images/ft-location-icon.png) no-repeat left;}
.horairesphone:before {background:url(assets/images/ft-phone-icon.png) no-repeat left; top: 4px;}
.horairesadd {margin-bottom: 10px;}
.horairesphone h6 {font-size: 16px; margin-bottom: 2px;}

.connotetext {font-size: 13px; line-height: 20px; margin-bottom: 20px;}

/*-------*/

.servicepagewrap .row {margin-left: 0px; margin-right: 0px;}
.servicepagewrap .col-lg-6 {padding-left: 0px; padding-right: 0px;}
.servicepagewrap .servicebox {/*min-height: 580px;*/ /*max-width: 840px;*/ margin: 0px auto;  display: flex;  justify-content: center;  flex-direction: column;
    height: 100%; padding:40px 20px;}
.servicepagewrap .servicedtl {display: flex; justify-content: center; align-items: center; margin-bottom: 47px; padding-top: 30px;}
.servicepagewrap .servicecaps p {font-weight: 500; font-size: 16px; margin-bottom: 20px !important;}
/*.serviceboximg {width: 100%; height: 100%; webkit-transform: scale(1); transform: scale(1); background: #000; overflow: hidden; position: relative;}
.serviceboximg img {object-fit: cover; width: 100%; height: 100%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;}
*/    

.serviceboximg {webkit-transform: scale(1); transform: scale(1); background: #000; overflow: hidden; position: relative; display: inline-block;}
.serviceboximg img {transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;}

.serviceboximg:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}
.serviceboximg::before, .serviceboximg::after { content: ""; position: absolute; opacity: 0;  z-index: 1;  transition: all 0.3s ease-in-out 0s;  -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}
.serviceboximg::before {bottom: 20px; left: 20px; right: 100%; top: 100%; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff;}
.serviceboximg:hover::before {right: 20px; top: 20px; opacity: 1;}
.serviceboximg::after {bottom: 100%; left: 100%; right: 20px; top: 20px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.serviceboximg:hover::after {left: 20px; bottom: 20px; opacity: 1;}

.clsnewformea {margin-bottom: 20px; padding: 15px; border: 1px solid #ccc; font-style: italic; border-radius: 5px; font-weight: 700;}
.clsnewformea p {margin-bottom: 0px;}

.clscommonforadd {background-color: #e3e3ed; border-radius: 5px; padding: 15px; margin-bottom: 20px; width: 99%;}

.clsnewfororganisation {line-height: 30px;}
.clsnewfororganisation ul {margin: 0px; padding: 0px; width: auto !important; background-color: transparent !important; border-radius: 0px !important; display: flex; align-items: center; flex-wrap: wrap;}
.clsnewfororganisation li {list-style-type: none; width: 48%; margin-left: 1% !important; margin-right: 1% !important; flex-wrap: wrap; margin-bottom: 8px !important; border-bottom: 1px solid #ccc; padding-bottom: 8px; color: #000000 !important; padding-left: 0px !important; font-size: 17px;}
.clsnewfororganisation li:before {display: none !important;}
.clsnewfororganisation li img {margin-right: 14px;}
.clsnewfororganisation p {display: none;}

.clsnewformea .clsbigcentext {color: #65318a;}
.clsnewformea p.clspurpleclr {margin-bottom: 0px !important;}
.clsnewformea p {margin-bottom: 0px !important;}

/*12-08-2021*/


.homecommonbox.purplebox.threeboxwidht{background-color: #65318a;}
.homecommonbox.yellowbox.threeboxwidht{background-color: #b3bf00;}
.clsmainbox{cursor: pointer;text-align: center;height: 203px;justify-content: center;align-items: center;display: flex;flex-direction: column;}
.text ul{padding-left: 0px;}
.text li{display: inline-block;}
.clsmainbox h3 {font-size: 24px; color: #fff; margin-bottom: 0px;height: 57px;}
.homelisticon{margin-bottom: 20px;}
.hoverbox {position: relative;width: 50%;}
.homehvr {display: block; height: auto;}
.overlay {position: absolute;top: 0px; bottom: 0; left: 0; right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease; /*background-color: #333;*/}
.hoverbox:hover .overlay {opacity: 1;}
.text {width: 100%;	color: #fff; font-size: 20px; position: absolute;top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;}
.homecommonbox.yellowbox a, .homecommonbox.purplebox a{background-color: transparent !important;}
.homecommonbox.yellowbox.threeboxwidht.hoverbox .overlay {background-color: #b3bf00;}
.homecommonbox.purplebox.threeboxwidht.hoverbox .overlay {background-color: #65318a;}
.homecommonbox .text a, .homecommonbox.purplebox .text a {padding: 0px;}
.text li a{color: #fff;}

/*-------- 13-08-2021 -----------*/
.clsnewhomehover ul{margin: 0; padding: 20px; list-style: none; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.clsnewhomehover ul li{text-align: left;}
.clsnewhomehover ul li a{padding: 0; height: auto; color: #ffffff; text-align: left; font-size: 18px;}


/*---- sbpage menu left -----*/
.sbpgwithsidemenu .col-lg-3{max-width: 28%; flex: 0 0 28%;}
.sbpgwithsidemenu .col-lg-9{max-width: 72%; flex: 0 0 72%;}
.sbmenutitle{position: relative;}
.sbmenutitle:after{content: "\f107"; font-family: fontawesome; font-size: 18px; position: absolute; top: 11px; right: 12px;}
.sbmenutitle .fa{font-size: 21px;}
.sbpgsldbrmenu ul{margin: 0; padding: 0; list-style: none; background-color: #65318a;}
.sbpgsldbrmenu ul li{margin-bottom: 1px;}
.sbpgsldbrmenu ul li a{padding: 10px 30px 10px  15px; display: block; color: #ffffff; font-size: 18px;}
.sbpgsldbrmenu ul ul li a{padding: 10px 10px 10px 35px; display: block; color: #ffffff; font-size: 18px;}
.sbpgsldbrmenu ul ul li a:hover, .sbpgsldbrmenu ul ul li.active a{background-color: #512074;}
.content h4{display: inline-block; width: 100%; margin-bottom: 10px; margin-top: 15px;}
.content h4:first-child{margin-top: 0px;}
.breadcrumb-item{position: relative;}
/*.breadcrumb-item.active:after{content:""; position: absolute; bottom: -5px; left: 20px; width: calc(100% - 20px); height: 1px; background-color: #b3bf00; }*/

.clsnewformea{border: none; padding: 0; }
.clsbigcentext{font-size: 20px; line-height: 28px;}
.clsnewformea .clsbigcentext{color: #429cdc;}
.clsbtminfosec .clsnewformea{margin-top: 25px;}


.clsfbbox #cff .cff-item {border: 1px solid #ddd !important; margin-bottom: 30px !important; padding: 20px 15px 15px 15px !important;}

.clsfbbox .color-accent, 
.clsfbbox .color-accent-hover:hover, 
.clsfbbox .color-accent-hover:focus, 
.clsfbbox :root .has-accent-color, 
:root .clsfbbox .has-accent-color, 
.clsfbbox .has-drop-cap:not(:focus)::first-letter, 
.clsfbbox .wp-block-button.is-style-outline, 
.clsfbbox a {color: #65318a;}
.clsfbbox #cff .cff-author .cff-page-name.cff-author-date {font-size: 18px;}
.clsfbbox #cff .cff-author {border-bottom: 1px solid #ddd !important; padding-bottom: 15px;}
.clsfbbox .cff-media-link {border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; padding: 15px !important; margin-top: 15px !important;
background-color: #f1f1f1;}
.clsfbbox #cff.cff-default-styles .cff-post-links {float: none; text-align: center; padding-top: 10px; display: block; clear: both;}
.clsfbbox .cff-post-text {width: 100%; float: left; font-size: 15px; line-height: 24px;}

/*12-10-2021*/
.clsnewearch input.search-field{text-transform: uppercase;font-size: 15px;color: #010101;background-color: #d6d6d7;padding: 6px 20px 6px;border-radius: 50px; display: inline-block;border: none;}
.donmecebtn.clsnewearch{margin-left: 10px;}
.clsnewearch label{margin-bottom: 0px;}
.clssrhresult .has-text-align-center{text-align: left;}
.clssrhresult.content h2{font-size: 24px;}
.srhviewlink a{color: #fff;background-color: #65318a;border-radius: 0px;padding:6px 12px;text-transform: uppercase;font-weight: 700;font-size: 14px;overflow: hidden;display: inline-block;text-align: center;}
.srhviewlink a:hover{background-color: #b3bf00;color: #fff;}
.srhviewlink{margin-bottom: 30px;border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.page-numbers{background: #65318a;padding: 7px 10px;color: #fff;}
a.page-numbers{color: #fff;}
.pagination a.page-numbers:hover {background-color: #b3bf00;color: #fff;}
.page-numbers.current{background-color: #b3bf00;color: #fff;}
.clssrhresult p{margin-bottom: 15px;}

.clsbtminfosec img{max-width: 600px;margin-bottom: 0px;}
.servicepagewrap .servicebox{justify-content: flex-start;align-items: flex-start;}
.lesinterventions .col-lg-2{width: 20.666667%;}
.lesinterventions .col-lg-10{width: 79.333333%;}

/*3-12-21*/


.gcnewtypography .form-check{padding-left: 0 !important;}
.gcnewtypography label {
    font-weight: normal;
    cursor: pointer;
    margin-left: 7px;
}

/*----08-12-2021-------*/
.gc-defulli {}
.gc-defulli p {display: none;}

.content .gc-defulli ul {background-color:transparent; padding:0px; width: auto; color: #000; margin-top: 0px;}
.content .gc-defulli li {color: #000; padding-left: 15px;}
.content .gc-defulli ul li::before {content: "\f105";}
/*17-12-21*/
.gcnewleftlogo img{position: relative;}
.subpagebanner.gcnewsubpagbnr {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 170px;
    padding-bottom: 127px;
    background-position: center;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.gcnewsubpagbnr .gcnewleftlogo{float: left;width: 20%;
   }
 .gcnewsubpagbnr .subpagetitle .breadcrumbwrap {
    justify-content: end;
    display: flex;
    margin-left: auto;
    width: 100%;
}
 .gcnewsubpagbnr  .breadcrumb{text-align: right;justify-content: end;}
 .gcnewsubpagbnr .subpagetitle{float: right;
    padding: 30px 0;width: 80%;}
    .gcnewsubpagbnr .subpagetitle h2.maintitle{text-align: right;}
  .gcnewsubpagbnr .breadcrumb-item.active {
    color: #fff;
    position: relative;
    white-space: break-spaces;
    /*margin-left: 14px;*/
}
 .gcnewsubpagbnr .breadcrumb-item {
    padding-left: 0.5rem;
    /* word-break: unset; */
    white-space: nowrap;
}
.grecaptcha-badge {
   opacity: 0;
   visibility: hidden;
}
.page-id-105 .grecaptcha-badge {
	opacity: 1 !important;
	 visibility: visible !important;
}


 /*responsive*/
 @media only screen and (min-width: 768px) and (max-width: 991px){
 	.gcnewsubpagbnr .gcnewleftlogo{float: left;width: 30%;
   }
   .gcnewsubpagbnr .breadcrumb-item {
    padding-left: 0.5rem;
    /* word-break: unset; */
white-space: break-spaces;
}
.gcnewsubpagbnr .subpagetitle .breadcrumbwrap {
    justify-content: end;
    display: flex;
    margin-left: auto;
    width: 100%;
}
   .gcnewsubpagbnr .subpagetitle{float: right;
    padding: 30px 0;width: 70%;}
 }
 @media only screen and (max-width: 767px){
 	.gcnewsubpagbnr .gcnewleftlogo{float: unset;
    width: 100%;text-align: center;max-width: 235px;
    margin: auto;}
 .gcnewsubpagbnr .subpagetitle{float: unset;
    padding: 30px 0;width: 100%;}
    .subpagebanner.gcnewsubpagbnr {
   padding-top: 53px;padding-bottom: 53px;
 }
 .gcnewsubpagbnr .subpagetitle h2.maintitle{text-align: center;font-size: 27px;}
 .gcnewsubpagbnr .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
    /* word-break: unset; */
white-space: break-spaces;
}
.gcnewsubpagbnr .subpagetitle .breadcrumbwrap {
    justify-content: center;
    display: flex;
    margin-left: auto;
    width: 100%%;
}
.gcnewsubpagbnr .breadcrumb {
    /* flex-wrap: nowrap !important; */
    justify-content: center;text-align: center;}

}
 @media only screen and (max-width: 365px){
 	.gcnewsubpagbnr .breadcrumb{justify-content: center;}
 		.gcnewsubpagbnr .breadcrumb-item + .breadcrumb-item{padding-left: 4px;}
 		/*.gcnewsubpagbnr .breadcrumb-item a{font-size: 13px;}*/
 }