body {
	font-family: 'Mulish' !important;
}

a {
	color: #24424a !important;
	font-weight: 600;
}

.btn {
	height: auto !important;
}

.main-banner {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('https://www.contab.fr/public/assets/images/man.png'), linear-gradient(0deg, #dbebd8, transparent, transparent, transparent);
	background-blend-mode: lighten;
	background-position-x: left;
}

.ht-p {
	font-size: 19px;
	line-height: 1.47;
	font-weight: 600;
}

.pt-10px {
	padding-top: 8px !important;
}

.flag-tel {
	width: 100%;
	padding: 6px;
	border-radius: 5px;
}

label {
	margin-bottom: 2px;
}

/*---------------------*/
.h-form {
	background: rgba(223, 227, 228, 0.8);
	padding: 35px 25px;
	border-radius: 25px;
}

.b-0 {
	border: 0 !important;
}

.m-a {
	margin: auto;
}

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


.button-wrap {
	/*background: #fee5c8;*/
	background: #DBEBD8;
	color: #2c3037;
	padding: 12px 20px;
	border-radius: 8px;
	border: 0;
	/*box-shadow: 0 8px 12px -1px #000;*/
	font-weight: 600 !important;
	letter-spacing: 1px;
	/*border:1px solid #333;*/
	margin-top: 20px;
	margin-bottom: 20px;
}

.button-wrap:hover {
	transition: 0.6s;
	border: 0px solid #fff;
	/*background: linear-gradient(45deg, #000, #555, #000);*/
	background: #2c3037;
	opacity: 0.7;
	color: #fff;
}

.button-wrap1 {
	/*background: #fee5c8;*/
	background: #9efd38;
	color: #2c3037;
	padding: 12px 20px;
	border-radius: 8px;
	border: 0;
	/*box-shadow: 0 8px 12px -1px #000;*/
	font-weight: 600 !important;
	letter-spacing: 1px;
	/*border:1px solid #333;*/
	margin-top: 20px;
	margin-bottom: 20px;
}

.button-wrap1:hover {
	transition: 0.6s;
	border: 0px solid #fff;
	/*background: linear-gradient(45deg, #000, #555, #000);*/
	background: #2c3037;
	opacity: 0.7;
	color: #fff;
}

.retour {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	display: block;
}

.mx-100 {
	max-width: 100%;
}

.p-25 {
	padding: 25px;
}

.ptb-25 {
	padding: 25px 0;
}

.a-s-c {
	align-self: center;
}

.br-20 {
	border-radius: 30px;
}

.div-imgtxt {
	position: relative;
}

.div-imgtxt p {
	color: #fff;
	font-size: 18px
}

.text-left {
	text-align: left;
}

.lh-22 {
	line-height: 22px;
}

.fs-12 {
	font-size: 12px;
}

.fw-600 {
	font-weight: 600;
}

footer {
	margin-top: 50px;
	background: #000;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #2a2a32;
}

.foo-ter h4 {
	color: #fff;
	margin-bottom: 25px;
	font-size: 27px;
}

.foo-ter h6 {
	color: #fff !important;
	font-size: 17px;
	font-weight: 600;
	padding-bottom: 7px !important;
	padding-top: 15px;
}

.fo-tr li {
	list-style-type: none;
}

.fo-tr {
	padding-left: 0;
}

.fo-tr li a {
	display: block;
	color: #f1f1f1 !important;
	font-size: 15px;
	padding-bottom: 2px;
}

.fo-tr li a:hover {
	color: #fff !important;
}

.cs1 {
	background: #7fff00;
	border-radius: 20px;
	height: 250px;
	position: relative;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
}

.city-div {
	padding: 15px 20px;
	margin-bottom: 50px;
	text-align: center;
}

.city-div p {
	font-size: 15px;
}

.city-div h5 {
	font-size: 17px;
}

.cs1 img {
	/* height: 100px; */
	position: absolute;
	bottom: 0;
	top: 85%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50% !important;
	height: 150px;
	width: 150px !important;
	object-fit: cover;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
}

.owl-c .item img {
	display: block;
	/* width: 100%; */
	max-width: 250px;
	height: 250px;
	object-fit: cover;
	/*border-radius: 50%;*/
	box-shadow: 0 11px 20px 6px #ddd;
	margin-bottom: 10px;
	margin-top: 10px;
}

.portfolio-item .thumb .hover-content {
	border-radius: 15px;
	overflow: hidden;
	position: absolute;
	left: 4% !important;
	top: 4% !important;
	background: rgba(255, 255, 255, 0.8) !important;
	width: 90% !important;
	height: 90% !important;
	opacity: none;
	/* visibility: hidden; */
	/* transition: all .5s; */
	transform: translate(0%, 0%) !important;
}

.portfolio-item .thumb .hover-content h4,
span {
	color: #3c7300 !important;
}

.block-a {
	border: 1px solid #fff;
	padding: 10px;
	display: inline-block;
	border-radius: 5px;
	color: #fff !important;
	margin-right: 15px;
}

.block-a:focus,
.block-a:hover {
	color: #ccc;
	opacity: 0.6;
}

.clr-w {
	color: #fff !important;
}

.bg-trans {
	background: transparent;
	border-color: #fff;
}

.bg-trans:focus {
	background: transparent;
}

.lo-go {
	color: #fff;
	font-weight: 700;
	font-size: 30px;
}

.br-50 {
	border-radius: 50%;
}

.fotr-up {
	/*margin-bottom: -99px;*/
}

.row-back1 {
	padding: 50px;
	box-shadow: 0 -3px 15px 2px #ccc;
	margin-bottom: 49px;
	border-radius: 40px 40px 0 0;
	background: radial-gradient(circle, rgba(255, 255, 255, 1) 14%, rgb(250 253 255)27%, rgb(232 238 245) 99%);
}

.social-ul li {
	display: inline-block;
	border: 1px dashed #3b5998;
	border-radius: 50%;
	padding: 3px;
	-webkit-box-shadow: 0px 7px 15px rgb(0 0 0 / 5%);
	box-shadow: 0px 7px 15px rgb(0 0 0 / 5%);
}

.social-ul li a.facebook {
	padding: 5px;
	font-size: 20px;
	color: #3b5998;
	display: block;
	height: 32px;
	width: 32px;
	text-align: center;
	line-height: 22px;
	border-radius: 50%;
	background: beige;
}

.social-ul li a.facebook:hover {
	background: #3b5998;
	color: #fff !important;
	transition: all .9s;
}
.social-ul li a.whatsapp {
	padding: 5px;
	font-size: 20px;
	color: #3b5998;
	display: block;
	height: 32px;
	width: 32px;
	text-align: center;
	line-height: 22px;
	border-radius: 50%;
	background: beige;
}

.social-ul li a.whatsapp:hover {
	background: #25D366;
	color: #fff !important;
	transition: all .9s;
}

.social-ul li a.tiktok {
	padding: 5px;
	font-size: 20px;
	color: #3b5998;
	display: block;
	height: 32px;
	width: 32px;
	text-align: center;
	line-height: 22px;
	border-radius: 50%;
	background: beige; 
}
.social-ul li a.tiktok:hover .fa-tiktok{
    color: #111111; 
    filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
}
 
.social-ul li a.tiktok:hover {
	background: #fff;
	color: #fff !important;
	transition: all .9s;
}

.social-ul li a.instagram {
	padding: 5px;
	font-size: 20px;
	color: #cc2366;
	display: block;
	height: 32px;
	width: 32px;
	text-align: center;
	line-height: 22px;
	border-radius: 50%;
	background: beige;
}

.social-ul li a.instagram:hover {
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	color: #fff !important;
}

.social-ul li a.linked {
	padding: 5px;
	font-size: 20px;
	color: #0077b5;
	display: block;
	height: 32px;
	width: 32px;
	text-align: center;
	line-height: 22px;
	border-radius: 50%;
	background: beige;
}

.social-ul li a.linked:hover {

	background: #0077b5;
	color: #fff !important;
	transition: all .9s;
}

.w-80 {
	width: 85%;
}

#button {
	display: inline-block;
	/*background: linear-gradient(45deg, #5eb302, #73dd00, #4c8a09);*/
	background: #9efd38;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	bottom: 100px;
	right: 30px;
	transition: background-color .3s,
    opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 22222;
	border-radius: 50%;
}

#button::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 45px;
	color: #fff;
}

#button:hover {
	cursor: pointer;
	background-color: #333;
}

#button:active {
	background-color: #555;
}

#button.show {
	opacity: 1;
	visibility: visible;
}

.fo-rm {
	position: relative;
}

iframe {
	border-radius: 15px;
}

/*-------mega menu------*/
.animated {
	/*z-index:99999 !important;*/
}

.navigation {
	width: 100%;
	/*height: 70px;*/
	position: relative;
	font-family: inherit;
	z-index: 99999;
	/*background-color:#fff*/
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.navigation * {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent
}

.navigation-portrait {
	/*height: 48px*/
}

.navigation-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 19998
}

.navigation-hidden {
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important
}

.align-to-right {
	float: right
}

.nav-header {
	float: left
}

.navigation-hidden .nav-header {
	display: none
}

.nav-brand {
	line-height: 70px;
	padding: 0;
	color: #343a40;
	font-size: 24px;
	text-decoration: none !important;
	width: 70px;
}

.lo-go img {
	width: 80px;
}

.nav-brand:hover,
.nav-brand:focus {
	color: #343a40
}

.navigation-portrait .nav-brand {
	font-size: 18px;
	line-height: 48px
}

.navbar-brand img {
	width: 50px;
}

.nav-logo>img {
	height: 48px;
	margin: 11px auto;
	padding: 0 15px;
	float: left
}

.nav-logo:focus>img {
	outline: initial
}

.navigation-portrait .nav-logo>img {
	height: 36px;
	margin: 6px auto 6px 15px;
	padding: 0
}

.nav-toggle {
	width: 30px;
	height: 30px;
	padding: 6px 2px 0;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	right: 15px;
	display: none;
	cursor: pointer
}

.nav-toggle:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 2px;
	background-color: #343a40;
	border-radius: 10px;
	box-shadow: 0 0.5em 0 0 #343a40, 0 1em 0 0 #343a40;
}

.navigation-portrait .nav-toggle {
	display: block
}

.navigation-portrait .nav-menus-wrapper {
	max-width: 90%;
	height: 100%;
	top: 0;
	left: -90%;
	position: fixed;
	background-color: #fff;
	z-index: 20000;
	/*overflow-y: auto;*/
	-webkit-overflow-scrolling: touch;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
	left: auto;
	right: -400px
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
	left: 0
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
	left: auto;
	right: 0
}

.nav-menus-wrapper-close-button {
	width: 30px;
	height: 40px;
	margin: 10px 7px;
	display: none;
	float: right;
	color: #343a40;
	font-size: 26px;
	cursor: pointer
}

.navigation-portrait .nav-menus-wrapper-close-button {
	display: block
}

.nav-menu {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	line-height: normal;
	font-size: 0;
}

.navigation-portrait .nav-menu {
	width: 100%;
	height: 600px;
	overflow: auto;
}

.navigation-landscape .nav-menu.nav-menu-centered {
	float: none;
	text-align: center
}

.navigation-landscape .nav-menu.nav-menu-centered>li {
	float: none
}

.nav-menu>li {
	display: inline-block;
	float: left;
	text-align: left
}

.navigation-portrait .nav-menu>li {
	width: 100%;
	position: relative;
	border-top: solid 1px #ddd
}

.navigation-portrait .nav-menu>li:last-child {
	border-bottom: solid 1px #f0f0f0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.nav-menu+.nav-menu>li:first-child {
	border-top: none
}

.nav-menu {
	margin-top: 15px;
}

.nav-menu>li>a {
	/*height: 70px;*/
	padding: 15px;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	color: #2c3037 !important;
	-webkit-transition: color .3s, background .3s;
	transition: color .3s, background .3s;
	border-radius: 25px;
}

.navigation-portrait .nav-menu>li>a {
	width: 100%;
	height: auto;
	padding: 12px 15px 12px 26px
}

.nav-menu>li:hover>a,
.nav-menu>li.active>a,
.nav-menu>li.focus>a {
	color: #2c3037 !important;
	border: 1px solid #DFE3E4;
	border-radius: 25px;
	background: #c0e4e7;
}

.navigation-portrait .nav-menu.nav-menu-social {
	width: 100%;
	text-align: center
}

.nav-menu.nav-menu-social>li {
	text-align: center;
	float: none;
	border: none !important
}

.navigation-portrait .nav-menu.nav-menu-social>li {
	width: auto
}

.nav-menu.nav-menu-social>li>a>[class*=ion-] {
	font-size: 12px
}

.nav-menu.nav-menu-social>li>a>.fa {
	font-size: 14px
}

.h-a {
	height: auto !important;
}

footer .btn-blank {
	border: 1px solid #fff !important;
	color: #fff !important;
}

.mt-2 {
	margin-top: 2rem !important;
}


.navigation-landscape .list-col-2 {
	width: 50%
}

.navigation-landscape .list-col-3 {
	width: 33%
}

.navigation-landscape .list-col-4 {
	width: 25%
}

.navigation-landscape .list-col-5 {
	width: 20%
}

.nav-menu>li>a {
	color: #a5a5a5;
	text-transform: uppercase;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.nav-dropdown>li>a {
	color: #343a40;
	padding: 10px 20px;
	border-bottom: 1px solid #f6f6f6;
}

.nav-dropdown>li>a:hover,
.nav-dropdown>li>a:focus {
	color: #27ae60;
}

.main_header_area.sticky {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 9999;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.transparent-menu {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99;
}

.navigation-portrait .nav-menu>li>a {
	width: 100%;
	height: auto;
	padding: 15px 10px 15px 30px;
}

@media only screen and (min-width:320px) and (max-width:767px) {

	.nav-dropdown>li>a,
	.megamenu-list>li>a {
		width: 65%
	}
}

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

.hedr-sticky {
	position: fixed;
	width: 100%;
	z-index: 99999;
	top: 0;
	/*background: rgba(204, 204, 172, 0.2);
	border-bottom: 1px dashed #ddd;*/
}

/*-------page load popup------*/

/* page load popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index: 999;
	display: none;
}

.cnt223 a {
	text-decoration: none;
	font-weight: normal;
}

.popup {
	width: 100%;
	margin: 0 auto;
	display: none;
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, 0.9);
	height: 100%;
}

.cnt223 {
	max-width: 750px;
	height: -webkit-fill-available;
	margin: 50px auto;
	background: #fff;
	position: relative;
	z-index: 103;
	padding: 35px;
	border-radius: 5px;
	box-shadow: 0 2px 5px #000;
	overflow: auto;
}

.cnt223 p {
	clear: both;
	color: #555555;
	/* text-align: justify; */
	font-size: 16px;
	font-family: sans-serif;
	font-weight: normal;
	line-height: 28px;
}

.cnt223 p a {
	color: #d91900;
	font-weight: bold;
}

.cnt223 .x {
	float: right;
	height: 35px;
	left: 22px;
	position: relative;
	top: -25px;
	width: 34px;

}

.cnt223 .x:hover {
	cursor: pointer;
}

.store li {
	display: inline-block;
	padding: 10px;
	font-size: 15px;
	width: 180px;
	background: #333;
	margin-right: 10px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	font-weight: normal;
	border: 1px solid #000;
}

.store li:last-child {
	background: #FFF;
	border: 1px solid #000;
	color: #000;
}

.store li a {
	color: #fff;
}

/* page load popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*---------------------------*/

.hrt-spn {
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 28px;
	background: antiquewhite;
	border-radius: 10px;
	color: #ffb1b1 !important;
}

.hrt-row {
	background: #fff3e2;
	padding: 20px;
	border-radius: 15px;
	margin-top: 20px;
}

.list-b li.li-f {
	background: #ffe4c4;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 20px;
	margin-top: 15px;
	margin-right: 20px;
}

.list-b li h6 {
	margin-bottom: 5px;
}

.list-b li.li-f:hover,
.list-b li.li-s:hover,
.list-b li.li-t:hover {
	box-shadow: 0 2px 15px 5px #eee;
}

.list-b li.li-s {
	background: #faebd7;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 20px;
	margin-top: 15px;
	margin-right: 20px;
}

.list-b li.li-t {
	background: #f0fff0;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 20px;
	margin-top: 15px;
	margin-right: 20px;
}

.list-h6 {
	padding-bottom: 12px;
	padding-top: 12px;
	color: #00bcd4;
	font-size: 18px;
	font-weight: 600;
}

.icon-menu li a i {
	color: #88add2;
	padding-right: 6px;
}

.icon-menu li a {
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 10px;
}

.login-f {
	background: #fff;
	padding: 10px;
	border-radius: 15px;
	max-width: 500px;
	margin: auto;

	border: 1px solid #dfdcdc;
	padding: 25px 35px;
	text-align: left;
	border-radius: 5px;
	box-shadow: 0px 1px 6px 2px #dfdcdc;
	margin-bottom: 50px;
}

a {
	text-decoration: none;
}

.p-20 {
	padding: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

.fw-5 {
	font-weight: 500;
}

.about {
	/*background: linear-gradient(0deg, #fff, #dfdfc4);*/
	/*background: linear-gradient(0deg, #f9f9f9, #fce7c2);*/
	padding-top: 100px !important;
	padding-bottom: 50px !important;
}

ul.breadcrumb li {
	display: inline;
	font-size: 14px;
}

ul.breadcrumb li+li:before {
	padding: 8px;
	color: black;
	content: "/\00a0";
}

ul.breadcrumb li a {
	color: #0275d8;
	text-decoration: none;
}

ul.breadcrumb li a:hover {
	color: #01447e;
	text-decoration: underline;
}

.nav-header a {
	display: block;
	/*margin-top:15px;*/
	padding: 5px 0;
}

/*-------------------------*/
#mySidenav a {
	position: fixed;
	right: 0;
	top: 400px;
	transition: 0.3s;
	padding: 10px;
	/*width: 100px;*/
	text-decoration: none;
	font-size: 20px;
	color: white;
	border-radius: 5px 0 0 5px;
	background: #fff;
}

#mySidenav a:hover {
	right: 0;
}

#chat-b {
	top: 20px;
	border: 2px dashed #ccccac;
}

.a-three {
	border-radius: 40px !important;
	height: auto;
	width: 90%;
}

.a-three:hover p,
h4 {
	color: #fff;
}

.left {
	text-align: left;
	line-height: 24px;
}

.obj-c img {
	object-fit: contain;
}

.br-20 {
	border-radius: 20px;
}

.s-ul li {
	list-style-type: none;
	display: inline-block;
	text-align: center;
	padding-right: 10px;
	padding-top: 30px;
}

.s-ul li .o-img {
	background: #ff9800;
	border-radius: 50%;
	padding: 4px;
	width: 40px;
	height: 40px;
}

.s-ul li .b-img {
	background: #0081bf;
	border-radius: 50%;
	padding: 4px;
	width: 40px;
	height: 40px;
}

.s-ul li .m-img {
	background: #ac0148;
	border-radius: 50%;
	padding: 4px;
	width: 40px;
	height: 40px;
}

.savo {
	margin-top: 22px;
	font-weight: 600;
}

.savo span {
	/*background: aliceblue;
    padding: 10px 30px;
    margin-top: 15px;
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
	position: relative;
    display: block;
    width: fit-content;*/
}

.savo span i {
	padding-left: 8px;
}

.savo span a {
	color: #2c3037 !important;
	border: 1px solid #999;
	padding: 15px;
	display: inline-block;
	border-radius: 8px;
}

.savo span a:hover {
	background: #000;
	color: #fff !important;
	transition: all 0.6s ease-in-out;
}

.why-ul li {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 18px;
}

.why-ul {
	padding-bottom: 15px;
	padding-top: 15px;
}

.why-ul li i {
	margin-right: 10px;
	font-size: 12px;
	color: #ffa200;
	border-radius: 50%;
	box-shadow: 0 2px 4px 2px #eee;
	background: #fde9c6;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.tablinks h6 {
	font-size: 18px !important;
}

/*.savo span:hover i
{
    position: absolute;
    right: -11px;
    top: 9px;
    border: 1px dashed #333;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 26px;
    border-radius: 50%;
    color: #333;
	transition:all 0.6s;
}*/
a {
	color: #2c3037 !important;
}

.savo-mt {
	margin-top: 10px !important;
}

.savo-mt span {
	padding: 5px 10px !important;
}

.nav-img {
	float: left;
	margin-bottom: 20px;
	margin-right: 12px;
	background: linear-gradient(293deg, #efcb8a, #fce7c2);
	border-radius: 50%;
	box-shadow: 0 1px 6px 2px #d7d7d7;
	padding: 4px;
}

.nav-img2 {
	float: left;
	margin-bottom: 20px;
	margin-right: 12px;
	background: linear-gradient(293deg, #faebd7, #fbcf96);
	border-radius: 50%;
	box-shadow: 0 1px 6px 2px #d7d7d7;
	padding: 4px;
}

.nav-img3 {
	float: left;
	margin-bottom: 20px;
	margin-right: 12px;
	background: linear-gradient(293deg, #f0fff0, #a1a1a1);
	border-radius: 50%;
	box-shadow: 0 1px 6px 2px #d7d7d7;
	padding: 4px;
}

.fw-4 {
	font-weight: 400 !important;
}

.half-s p {
	/*line-height:25px;
	font-size:17px;
	padding-bottom:12px;*/
	line-height: 30px;
	font-size: 16px;
	padding-bottom: 12px;
	color: #666;
}

.half-mob {
	margin-bottom: -48px;
}

.br-20 {
	border-radius: 20px !important;
}

.sr-img img {
	box-shadow: 0 5px 12px 1px #ccc !important;
	margin-bottom: 14px !important;
	object-fit: cover;
	border-radius: 20px !important;
}

.bg-sky-b {
	background: #f7ffff;
}

.secur {
	margin: -8px -2px 0 0;
}

.p-0 {
	padding: 0;
}

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

@media (min-width: 576px) {
	.rounded-nav {
		border-radius: 50rem !important;
	}
}

@media (min-width: 576px) {
	.rounded-nav .nav-link {
		border-radius: 50rem !important;
	}
}

.button-wrap1:focus
{
   color:#fff !important;
}

/* With arrow tabs */

.with-arrow .nav-link.active {
	position: relative;
}

.with-arrow .nav-link.active::after {
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #2b90d9;
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
}

/* lined tabs */

.lined .nav-link {
	border: none;
	border-bottom: 3px solid transparent;
}

.lined .nav-link:hover {
	border: none;
	border-bottom: 3px solid transparent;
}

.lined .nav-link.active {
	background: none;
	color: #555;
	border-color: #2b90d9;
}

/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*
*/
/*
body {
  background: #304352;
  background: -webkit-linear-gradient(to right, #304352, #d7d2cc);
  background: linear-gradient(to right, #304352, #d7d2cc);
  min-height: 100vh;
}
*/
.nav-pills .nav-link {
	color: #555;
}

.text-uppercase {
	letter-spacing: 0.1em;
}

.my-pils li {
	width: 25%;
}

.my-pils li a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 15px !important;
	font-size: 17px !important;
}

.my-pils .nav-link.active,
.my-pils .show>.nav-link {
	background: transparent;
	border-bottom: 5px solid #fce7c2;
	border-radius: 0;
	background: #fff !important;
}

.tab-content {
	display: block;
	background: #fff;
	border-radius: 30px;
	padding-bottom: 50px;
}

.my-pils .nav-link {
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.nv-bg {
	background: #fff;
	box-shadow: 0 2px 25px 1px #999;
	border-radius: 30px;
}

.h-bg {
	background: #fff;
}

.ml-m25 {
	margin-left: -13px;
	margin-bottom: -0PX;
}

.botm-fr li+li:before {
	content: '|';
	padding: 0 5px;
	font-size: 12px;
	color: #555;
}

.botm-fr li {
	display: inline-block;
}

.botm-fr li a {
	font-size: 13px;
	color: #fff !important;
}

.botm-fr {
	/*padding-top:15px;*/
	padding-left: 0;
}

.p-15 {
	padding: 0 15px;
}

.top-ta {
	color: #2196f3;
	font-weight: 600;
	font-size: 14px;
}

.tb button {
	width: auto;
	display: inline-block !important;
}

.tb-content {
	text-align: left;
}

.tb {
	text-align: center;
	padding-bottom: 50px;
	padding-top: 50px;
}

.fw-6 {
	font-weight: 600;
}

.step {
	color: #3c7300 !important;
	font-weight: 600;
}

.step-fp {
	font-size: 16px;
	line-height: 25px;
	color: #333;
}

.step-d {
	border-left: 4px solid #d89620;
	padding-left: 20px;
	border-radius: 9px;
	margin-top: 25px;
}

.step-sp {
	background: linear-gradient(-28deg, #f9f9f9, #fff1d9);
	padding: 10px 0;
}

.help-d {
	background: #fff;
	border-radius: 35px;
	box-shadow: 0 11px 27px 2px #ddd;
	padding: 30px 20px;
	margin: auto;
	text-align: center;
	margin-bottom: 40px;
	height: 470px;
}

.theme-button {
	background: grey;
	color: #fff;
	padding: 10px 15px;
	font-size: 18px;
	border-radius: 8px;
	border: 0;
	margin: 12px 0;
}

.pb-10 {
	padding-bottom: 10px;
}

.aa {
	font-size: 17px;
	font-weight: 600;
}

.pt-50 {
	padding-top: 50px;
}

.li-img {
	float: left;
	margin-right: 12px;
	background: #fdefd6;
	padding: 5px;
	border-radius: 50%;
	border: 1px solid #ffcc87;
	width: 30px;
	height: 30px;
	margin-bottom: 25px;
}

.ad-ul {
	max-width: 900px;
	margin: auto;
}

.ad-ul li {
	background: #fff;
	margin-bottom: 25px;
	border-radius: 5px;
	padding: 25px;
	box-shadow: 0 2px 5px 2px #eee;
	border-left: 5px solid #ddd;
}

.ad-ul li:hover {
	border-color: #d89620;
	box-shadow: 0 11px 34px 10px #eee;
}

.relative {
	position: relative;
}

.srch-i {
	position: absolute;
	left: 18px;
	top: 18px;
	color: #999;
	font-size: 18px;
	border-right: 1px solid #ccc;
	padding-right: 12px;
}

.srch-in {
	padding: 15px;
	padding-left: 60px;
	padding-right: 45px;
	border-radius: 40px;
}

.srch-s {
	max-width: 900px;
	margin: auto;
}

.bg-f9 {
	background: #f9f9f9;
}

.sbr {
	/*border-radius: 0 120px 120px 0;
	border-radius: 15px 87px 82px 41px;*/
	border-radius: 100px 141px 98px 251px;
	/* border-radius: 15px 87px 82px 41px; */
	box-shadow: 0 0.25rem 1.75rem rgb(30 34 40 / 35%);
}

.bg-tbl {
	background: #fbfbfb;
	margin-top: 100px;
	border-top: 2px dashed #ccc;
}

.sp-x {
	background: #fff;
	border-radius: 40px;
	padding: 90px 150px 50px 150px;
	box-shadow: 0 10px 17px 2px #ddd;
	margin-top: -250px;
	border: 2px dashed #ccc;
	border-top: 0;
	border-bottom: 0;
}

.img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	height: -webkit-fill-available;
	padding: 20px;
	margin: 35px;
	border-radius: 30px;
}

.img-overlay p {
	color: #fff;
}

.relative {
	position: relative;
}

.pb-150 {
	padding-bottom: 150px;
}

.ul-x {
	/*background: #fbfbfb;
    border-radius: 25px;
    padding: 20px;*/
}

.half-p::first-letter {
	color: #d89620;
	font-size: 30px;
}

.table-h {
	background: linear-gradient(192deg, #fff, #fce7c2);
}

.tbl-bordr>:not(caption)>* {
	border-width: 0px 0;

}

.tbl-bordr {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.tbl-bordr tr.last-r td:last-child {
	padding-bottom: 10px !important;
}

.tbl-bordr tr:hover {
	background: #f9f9f9;
}

.ph {
	background: linear-gradient(8deg, #fadaa1, transparent);
	padding: 15px;
	color: #000;
	font-weight: 600;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.p-ul {
	padding: 10px 15px;
}

.panl {
	border: 1px solid #ddd;
	border-radius: 15px;
	max-width: 350px;
}

.an-tique {
	border-top-left-radius: 150px;
	border-top-right-radius: 150px;
	background: #fdfdfd;
	margin-top: 60px;
	/*box-shadow: 0 -14px 11px -10px #ccc;*/
	border-bottom: 2px solid #ccc;
	border-top: 5px solid #ddd;
}

.botm-bx {
	box-shadow: 0 2px 25px 10px #ccc;
	border-radius: 30px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.an-tique p {
	line-height: 30px;
	font-size: 17px;
}

.br-30 {
	border-radius: 30px;
}

.list-b li a p {
	font-weight: 500 !important;
	line-height: 20px;
	font-size: 15px;
}

.megamenu-list button {
	margin-top: 10px;
}

.lh-25 {
	line-height: 35px;
}

.togl-i {
	color: #fff !important;
	font-size: 30px !important;
}

.dash1 {
	box-shadow: 5px 5px 37px -2px #ddd;
	padding: 50px;
	border-radius: 30px;
}

.mr-5 {
	margin-right: 5px;
}

.bg-white {
	background-color: #fff !important;
}

.input-sp {
	height: 47px;
}

.lh-39 {
	line-height: 35px !important;
}

.dc:before {
	content: "";
	border: 10px solid transparent;
	border: 1rem solid transparent;
	display: block;
	position: absolute;
}

.dropdown-content a:after {
	content: '\f0d7';
	font-family: "Font Awesome 6 Free";
	color: #000;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	color: #888;
}

.cap {
	font-size: 13px;
	color: #888;
}

.btn-fill {
	width: 100%;
	border: 1px solid #2c3037;
	background: #2c3037;
	color: #fff;
}

.btn-fill:hover {
	background: #999;
	color: #000;
}

/*
.btn-blank
{
	width: 100%;
    border: 1px solid #333;
    color: #333;
}
.btn-blank:hover
{
	width: 100%;
    border: 1px solid #ced4da;
	
}*/
.btn-blank i {
	font-size: 20px;
	line-height: 30px;
	padding: 3px;
}

.co-ver {
	border: 1px solid #ddd;
	border-radius: 7px;
}

.tbl-t th {
	font-size: 13px;
	text-align: center;
	padding: 15px;
}

.tbl-t tr td {
	text-align: center;
}

.ul-t li a {
	background: transparent !important;
}

.ul-t {
	border-bottom: 1px solid #ced4da;
}

.ul-t .nav-link.active,
.ul-t .show>.nav-link {
	background: transparent;
	border-bottom: 5px solid #fce7c2;
	border-radius: 0;
	background: #fff !important;
	line-height: 26px;
}

.w-a {
	width: auto;
}

.si-1 {
	background: #f9f9f9;
	padding: 50px;
	border-radius: 30px;
	box-shadow: 0 0px 1px 0px #ccc;
}

.bnk-logo:hover {
	border-radius: 50px !important;
	transition: 0.6s;
}

.mtb-3 {
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.asn-wer {
	background: #fff;
	padding: 30px;
	border-radius: 14px 50px 14px 14px;
	margin-bottom: 25px;
	box-shadow: 0 2px 10px 2px #eee;
	border-top: 4px solid #eee;
	border-right: 4px solid #eee;
}

.asn-wer:hover {
	box-shadow: 0 10px 40px 10px #eee;
	border-top: 4px solid #fdeed4;
	border-right: 4px solid #fdefd5;
	border-radius: 14px 60px 14px 14px;
}

.white-bg {
	background: #fff;
}

.botm-s {
	box-shadow: 0 3px 36px 3px #ddd;
	border-radius: 30px;
	padding: 50px 30px;
	margin-bottom: 50px;
	background-image: url('../images/triangle.jpg');
	background-repeat: repeat;
	background-size: contain;
	background-position: center;
}

.ar-d {
	align-self: center;
	border-left: 1px dashed #ccc;
	height: 325px;
	position: relative;
}

.ar-d i {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-53%, -50%);
	background: #fff;
	border: 2px dashed #ccc;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	line-height: 47px;
	text-align: center;
	font-size: 25px;
}

.theem-bg {
	background: linear-gradient(0deg, #fff, #fff) !important;
}

.bg-def {
	background: rgb(251 251 255);
	border-radius: 300px 200px 300px 200px;
}

.plr-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*------------jump animation--------------*/
.character::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0%;
	height: 100%;
	width: 100%;
	background-image: url('https://www.contab.fr/public/assets/images/back.png');
	background-repeat: no-repeat;
	z-index: -1;
	animation-name: jump;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	background-size: contain;
	background-position: center;
}

.character {
	position: relative;
	z-index: 1;
	background: rgb(251 251 255);
	border-radius: 300px 200px 300px 200px;
	height: 460px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@keyframes jump {

	from,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}

.jump {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

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

/*---------------*/
.m-img {
	border-radius: 50%;
}

.m-img2 {
	background: #0081bf;
	border-radius: 50%;
	padding: 4px;
	width: 40px;
	height: 40px;
}

.m-img3 {
	background: #ff9800;
	border-radius: 50%;
	padding: 4px;
	width: 40px;
	height: 40px;
}

.nos-img {
	border-bottom: 1px solid #ddd;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

p {
	line-height: 30px;
	font-size: 17px;
}

.bg-white {
	background: #fff !important;
}

.jcc {
	justify-content: center;
	padding-bottom: 50px;
}

.jcc .nav-link.active,
.jcc .show>.nav-link {
	display: block !important;
	background-color: inherit;
	color: black;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size: 17px;
	position: relative;
	box-shadow: 12px 15px 20px 0 rgb(46 61 73 / 15%);
	background: linear-gradient(134deg, rgba(0 0 0 / 27%), rgba(255 255 255));
	color: rgba(10, 45, 71, .9294117647058824);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 25px;
	padding: 20px 20px 20px 45px;
	font-weight: 500;
	font-size: 16px;
	/* z-index: 10; */
	border-radius: 10px;
	font-weight: 600 !important;
}

.jcc li {
	margin-right: 10px;
}

.jcc .nav-link {
	display: block !important;
	background-color: inherit;
	color: black;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size: 17px;
	position: relative;
	box-shadow: 12px 15px 20px 0 rgb(46 61 73 / 15%);
	background: linear-gradient(134deg, rgba(48, 35, 174, .1), rgba(255 255 255));
	color: rgba(10, 45, 71, .9294117647058824);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 25px;
	padding: 20px 20px 20px 45px;
	font-weight: 500;
	font-size: 16px;
	/* z-index: 10; */
	border-radius: 10px;
}

.mtb-10 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.tab button.butn-tab {
	box-shadow: 5px 16px 27px -7px rgb(46 61 73 / 15%);
	background: #fff;
	border: 1px solid #eee;
	max-width: 100%;
	height: 70px;
	border-radius: 15px;
	border: 4px solid #fce4c0;
	text-align: center;
}

.tab button.butn-tab:active,
.tab button.active {
	background: linear-gradient(134deg, rgba(254 229 200), rgba(255 255 255));
}

.jcc .nav-link.active,
.jcc .show>.nav-link {}

/*-------time line-------*/

/*----------------------*/
.inside-4 {
	text-align: center;
	background: #fde8c5;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 15px 30px -7px #ddd;
	overflow: hidden;
	box-sizing: content-box;
	margin-bottom: 25px;
	height: 120px;
}

.inside-4:hover h6 {
	color: #666;
}

.inside-4 h6 {
	font-size: 17px;
	line-height: 25px;
	color: #000;
}

.inside-44 {
	background: rgba(70, 40, 186, 0.05);
	box-shadow: 0 0 1.5625rem 0 rgb(54 186 254 / 10%);
	text-align: center;
	border-radius: 50%;
	margin-bottom: 30px;
	border: 10px solid #ffffff;

	width: 100px;
	height: 100px;
	line-height: 97px;
	font-size: 36px;
	display: inline-block;
	margin-bottom: 30px;

	padding: 20px;
	box-shadow: 0 15px 30px -7px #ddd;
	overflow: hidden;
	box-sizing: content-box;
	margin-bottom: 25px;
	position: relative;
	/*text-align: center;
    background: #fde8c5;
    padding: 20px; 
    box-shadow: 0 15px 30px -7px #ddd;
    overflow: hidden;
    box-sizing: content-box;
	margin-bottom: 25px;*/
	/*border-radius: 50%;*/
	/*height:120px;
	width:120px;*/
}

.secur-no {
	width: 36px;
	height: 36px;
	line-height: 37px;
	font-size: 16px;
	color: #000 !important;
	border-radius: 50%;
	position: absolute;
	left: -4px;
	top: -1px;
	background: #fde8c5;
	text-align: center;
	z-index: 1;
	border: 1px solid #999;
}

.bg-fa {
	background: #fafafa;
	padding-bottom: 25px;
}

.inside-44:hover h6 {
	color: #666;
}

.inside-44 h6 {
	font-size: 17px;
	line-height: 25px;
	color: #000;
}

.img-mons .img1,
.img-mons .img2,
.img-mons .img3 {
	height: 200px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 30px;
	box-shadow: 0 0.25rem 1.75rem rgb(30 34 40 / 35%);
}

.img-mons .img1 img,
.img-mons .img2 img,
.img-mons .img3 img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
}

/*-flip-*/
.rounded {
	border-radius: 0.4rem !important;
}

.mb-6 {
	margin-bottom: 1.5rem !important;
}

figure {
	margin: 0;
	padding: 0;
}

.mark,
.rounded img,
mark {
	border-radius: 0.4rem;
}

.img-mask img,
figure img {
	width: 100%;
	max-width: 100%;
}

figure img {
	height: auto !important;
}

.f-icon {
	background: antiquewhite;
	border-radius: 50%;
}

.cb {
	padding: 30px;
}

.chose {
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	background-attachment: scroll !important;
}

.b-r-0 {
	border-radius: 0 !important;
}

.mob-filtr,
.mob-filtr button {
	width: 100% !important;
}

.p-30 {
	padding: 30px !important;
}

.clr-0 {
	color: #333;
}

#bg-fd {
	background: #fdfdfd;
}

#a-hedr {
	background: linear-gradient(0deg, #fff, #dbebd8);
}

.box-as1 {
	box-shadow: 0 0.25rem 1.75rem rgb(30 34 40 / 15%);
	margin-bottom: 30px;
	padding: 100px 20px;
	border-radius: 22px;
	height: 150px;
	background: #fff;

	display: flex;
	align-items: center;
	position: relative;
}

.tb-img img {
	border-radius: 29px;
	box-shadow: 0 0.25rem 1.75rem rgb(30 34 40 / 19%);
}

.third-img span {
	padding: 14px;
	box-shadow: 0 0.25rem 1.75rem rgb(30 34 40 / 15%);
	display: block;
	width: 70px;
	height: 70px;
	margin: auto;
	margin-bottom: 35px;
	border-radius: 50%;

	position: absolute;
	top: -13%;
	left: 50%;
	transform: translate(-50%, -13%);
	/*float:left;*/
	/*margin-right:8px;
	margin-bottom:30px;
	background: antiquewhite;
    padding: 5px;
    box-shadow: 0 0.25rem 1.75rem rgb(30 34 40 / 15%);*/
	transition: .5s;
}

.third-i1:hover span {
	border: 5px solid #ffedb6;
	background: #fff;
}

.third-i2:hover span {
	border: 5px solid #b4e1c6;
	background: #fff;
}

.third-i3:hover span {
	border: 5px solid #fecbc4;
	background: #fff;
}

.third-img h6 {
	font-weight: bold;
	margin-bottom: 15px;
}

.third-img p {
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	text-align: center;
}

.meet {
	width: 150px;
	height: 150px;
	margin: auto;
	background: #fee5c8;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	box-shadow: 0 2px 25px 2px #eee;
}

.why-ul1 {
	margin-top: 1.5rem;
}

.why-ul1 li {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 1.5rem;
}

.why-ul1 li i {
	margin-right: 10px;
	font-size: 14px;
	color: #386d00;
	border-radius: 15%;
	/* box-shadow: 0 2px 4px 2px #eee; */
	background: #9efd38;
	width: 30px;
	height: 30px;
	line-height: 31px;
	text-align: center;
	float: left;
}

.box-as2 {
	box-shadow: 0 0.25rem 1.75rem rgb(30 34 40 / 7%);
	margin-bottom: 30px;
	padding: 20px;
	border-radius: 12px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.con-trm {
	background: #fff;
	border-radius: 15px;
	padding: 15px 40px;
	margin-top: 0px;
}

.box-dv {
	box-shadow: 13px 0px 53px 6px rgb(0 0 0 / 18%);
	padding: 20px;
	border-radius: 10px;
}

.box-dv p {
	line-height: 22px;
}

.bx1 {
	background: #ffedb6;
}

.bx2 {
	background: #b4e1c6;
}

.bx3 {
	background: #fecbc4;
}

.f-half {
	background: #dbead8;
	background-blend-mode: color-dodge;
}

.s-half {
	background-image: url('https://www.contab.fr/public/assets/images/shad1.png'), linear-gradient(90deg, #dbebd8, transparent, transparent, transparent);
	background-blend-mode: color-dodge;
	background-size: contain;
}

.btn-sw {
	background: #dbebd8;
	box-shadow: 0 2px 7px -4px;
}

/*--------------------*/
.aos-init {
	position: relative;
}

.aos-init .frame_img {
	position: relative;
	animation-name: example;
	animation-duration: 8s;
	animation-iteration-count: infinite;
}

@keyframes example {
	0% {
		top: 0px;
		bottom: 0px;
	}

	25% {
		bottom: 0px;
		top: 40px;
	}

	50% {
		top: 0px;
		bottom: 40px;
	}

	75% {
		bottom: 0px;
		top: 40px;
	}

	100% {
		top: 0px;
		bottom: 40px;
	}
}

.aos-init .frame_img1 {
	position: relative;
	bottom: 10px;
	right: 0;
	animation-name: example1;
	animation-duration: 8s;
	animation-iteration-count: infinite;
}

@keyframes example1 {
	0% {
		bottom: 10px;
		top: 0px;
	}

	25% {
		top: 10px;
		bottom: 0px;
	}

	50% {
		bottom: 10px;
		top: 0px;
	}

	75% {
		top: 10px;
		bottom: 0px;
	}

	100% {
		bottom: 10px;
		top: 0px;
	}
}

.aos-init .frame_img2 {
	position: relative;
	right: 0;
	animation-name: example2;
	animation-duration: 8s;
	animation-iteration-count: infinite;
}

@keyframes example2 {
	0% {
		top: 0px;
		bottom: 10px;
	}

	25% {
		bottom: 10px;
		top: 0px;
	}

	50% {
		top: 10px;
		bottom: 0px;
	}

	75% {
		bottom: 10px;
		top: 0px;
	}

	100% {
		top: 10px;
		bottom: 0px;
	}
}


/*---------time line-------*/

/*-------time line--------*/
.vi-dio {
	margin-bottom: 40px;
	margin-top: 60px;
	border-radius: 15px;
	box-shadow: 0 8px 30px 1px #ccc;
}

.p-30 {
	padding: 30px !important;
}

.lock {
	display: flex;
	background: antiquewhite;
	width: 80px;
	height: 80px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin: auto;
}

.clr-6 {
	color: #666;
}
.mo-c {
	position: absolute;
	right: 15px;
	top: -45px;
	color: #fff !important;
	z-index: 1;
	background: none;
	border: none;
	font-size: 30px;
}

.modl-d {
	max-width: 800px;
	top: 20%;
}

.txt-sec {
	background: #fff;
	position: absolute;
	top: 50%;
	left: 10%;
	border-radius: 30px;
	box-shadow: 0 0.25rem 1.75rem rgb(30 34 40 / 26%);
	transform: translate(-10%, -50%);
}

.every p {
	margin-bottom: 12px;
	line-height: 25px;
}

.every h2 {
	margin-bottom: 20px;
	margin-top: 15px;
	font-size: 25px;
	font-weight: 600;
}

.pt-43 {
	padding-top: 43px !important;
}

/*---------------------------*/
.mt-15 {
	margin-top: 15px;
}

.float-left {
	float: left;
}

.li-styl li {
	list-style-type: disclosure-closed;
	padding-bottom: 8px;
}

.li-styl {
	padding-left: 30px;
	padding-top: 15px;
}

.svg-i {
	font-size: 30px;
	margin: -7px 15px;
}

.cs-select .select-items {
	height: 200px;
	overflow: auto;
}

.br-10 {
	border-radius: 10%;
}

.sv-gg {
	color: #fee5c8 !important;
	font-size: 105px;
	position: absolute;
	right: -66px;
	top: -35px;
}

.sv-gg .ion-icn {
	/*width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 5px 3px 19px -7px rgb(46 61 73);
    padding: 10px;
    text-align: center;
    border: 4px solid #fce4c0;*/
}

.form-bs {
	background: #fff9ef;
}

.box-sec {
	padding: 35px;
	background: #ffffff;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	transition: all 0.35s ease-in-out;
	box-shadow: 0 10px 30px 0 rgb(147 147 147 / 40%);
	margin-bottom: 30px;
	border-radius: 20px;
}

.box-sec .icon img {
	background: antiquewhite;
	max-width: 60px;
	height: 60px;
	display: flex;
	border-radius: 50%;
	padding: 9px;
	margin-bottom: 20px;

}

.box-sec h5 {
	color: #777;
	margin-bottom: 15px;
}

.box-sec p {
	color: #777;
}

.mt-150 {
	margin-top: 150px;
}

.mt-m130 {
	margin-top: -130px;
}

.crd {
	box-shadow: 0 0 0 0.05rem rgb(8 60 130 / 6%), 0 0 1.25rem rgb(30 34 40 / 4%);
	border: 0;
}

.map.map-full {
	height: 100%;
	min-height: 15rem;
}

@media (min-width: 992px) {
	.p-lg-14 {
		padding: 4.5rem !important;
	}
}

@media (min-width: 768px) {
	.p-md-11 {
		padding: 4.5rem !important;
	}
}

.contct-i {
	font-size: 25px;
	margin-right: 10px;
	color: #d89620;
}

.bg-dot.primary {
	background-image: radial-gradient(#3f78e0 2px, transparent 2.5px);
}

.shape.rellax {
	z-index: 1;
}

.shape.rellax {
	position: absolute;
}

.bg-dot {
	background-size: 0.75rem 0.75rem;
}

.bg-dot,
.bg-line {
	opacity: .5;
}

.h-20 {
	height: 10rem !important;
}

.w-16 {
	width: 6rem !important;
}

.overlap-grid {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

@media (min-width: 768px) {
	.overlap-grid-2 .item:nth-child(1) {
		width: 70%;
		margin-top: 0;
		margin-left: 30%;
		z-index: 3;
	}
}

.item figure,
.swiper-slide figure {
	position: relative;
}

.rounded {
	border-radius: 0.4rem !important;
}

.shadow {
	box-shadow: 0 0 1.25rem rgba(30, 34, 40, .04) !important;
}

figure {
	margin: 0;
	padding: 0;
}

.rounded img {
	border-radius: 0.4rem;
}

figure img {
	width: 100%;
	max-width: 100%;
	height: auto !important;
}

@media (min-width: 768px) {
	.overlap-grid-2 .item:nth-child(2) {
		width: 55%;
		margin-top: -45%;
		margin-left: 0;
		z-index: 4;
	}
}

.a-sec {
	display: block;
	width: 100%;
	background: #fff;
	margin-bottom: 26px;
	padding: 1.5rem !important;
	box-shadow: 0 0 0 0.05rem rgb(8 60 130 / 6%), 0 0 1.25rem rgb(30 34 40 / 4%);
	border: 0;
	border-radius: 20px;
}
.btn-spn
{
    font-size: 25px;
    padding-top: 0;
    padding-left: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-sw
{
    display: flex !important;
    width: fit-content;
}

@media(min-width:992px) and (max-width:1200px) {
	.navbar-nav li a.nav-link {
		font-size: 15px;
	}

	.res-con {
		max-width: 975px !important;
	}

	.btn-top {
		font-size: 15px;
	}

	.inside-4 {
		height: 160px;
	}
}

@media(min-width:768px) {
	.img-styl {
		border-radius: 20px 90px;
	}

	.img-sec {
		border-radius: 90px 20px;
		box-shadow: 7px 13px 42px 21px #ddd !important;
	}

	.m-mange {
		padding: 50px;
	}

	.m-mange-l {
		padding-left: 100px;
	}

	.tea-img {
		max-width: 100%;
	}

	.src-pt-12 {
		padding-top: 6rem;
	}

	.src-bg {
		background: #fff;
		border-radius: 30px;
		box-shadow: 0 8px 25px 3px #ddd;
	}

	.half-img {
		max-width: 100%;
		border-top-right-radius: 50%;
		border-bottom-right-radius: 50%;
		border-right: 25px solid #fff;
		background: #fff;
		box-shadow: 8px 11px 11px 0 #ddd;
	}

	.bg-sky {
		background: #f0ffff;
	}

	.src-p0 {
		padding: 0;
	}

	.p-50 {
		padding: 50px;
	}

	.row-back {
		background: #fcfcfc;
		padding: 50px;
		/*box-shadow: 0 11px 24px 10px #eee;*/
		border-radius: 20px;
		margin: 50px auto;
	}

}

@media(min-width:768px) {
	.tooltip {
		position: relative;
		display: inline-block;
		border-bottom: 1px dotted black;
		opacity: 1;
	}

	.tooltip .tooltiptext {
		visibility: hidden;
		/*width: 120px;*/
		background-color: #555;
		color: #fff !important;
		text-align: center;
		border-radius: 6px;
		padding: 6px 15px;
		position: absolute;
		z-index: 1;
		/* bottom: 125%; */
		bottom: -100%;
		left: 0;
		/*margin-left: -60px;*/
		opacity: 0;
		transition: opacity 0.3s;
	}

	.tooltip .tooltiptext::after {
		content: "";
		position: absolute;
		bottom: 100%;
		left: 25%;
		margin-left: -32px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
		transform: rotate(180deg);
	}

	.tooltip:hover .tooltiptext {
		visibility: visible;
		opacity: 1;
	}

	.o-a {
		overflow: initial !important;
	}

	.mtb-5 {
		margin-bottom: 5rem;
		margin-top: 5rem;
	}

	.ptb-5 {
		padding-bottom: 5rem;
		padding-top: 5rem;
	}

	.src-mt-5 {
		margin-top: 5rem
	}

	.src-pt-5 {
		padding-top: 3rem;
	}

	.src-right {
		text-align: right;
	}

	.src-center {
		text-align: center;
	}

	.min-ptb {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.src-mt-3 {
		margin-top: 1rem;
	}
}

@media(max-width:575px) {

	.mob-reverse {
		display: flex;
		flex-direction: column-reverse;
		;
	}

	.mob-filtr {
		width: 100% !important;
	}

	.mob-filtr button {
		width: 100% !important;
		margin-top: 15px;
	}
}

@media (max-width:768px) {
	.botm-fr {
		text-align: center;
	}

	.con-l {
		border-radius: 25px !important;
	}

	.con-form {
		margin-top: 20px;
		border-radius: 25px !important;
	}

	.in-ner1 {
		margin-top: 15px;
	}

	.mob-mt-t {
		margin-top: 70px !important;
	}

	.mob-mtt {
		margin-top: 140px !important;
	}

	.botm-s {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	.box-as1 {
		margin-bottom: 60px;
		padding: 70px 20px;
	}

	.mob-w-100 {
		width: 100%;
	}

	.mob-p-20 {
		padding: 20px;
	}

	.dn-768 {
		display: none !important;
	}

	.inside-4 {
		height: auto;
	}

	.dash1 {
		padding: 15px;
	}

	.at-767-mt {
		margin-top: 50px !important;
	}

	.pt-50 {
		padding-top: 50px
	}

	.asn-wer {
		padding: 20px 15px;
	}

	.ar-d {
		display: none;
	}

	.tea-img {
		max-width: 100%;
	}

	.ptb-5 {
		padding-bottom: 2rem;
		padding-top: 2rem;
	}

	.mtb-5 {
		margin-bottom: 2rem;
		margin-top: 2rem;
	}

	.src-mt-3 {
		margin-top: 1rem;
	}

	.src-pt-12 {
		padding-top: 2.5rem;
	}

	.min-ptb {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.main-banner .left-content h2 {
		font-size: 25px;
	}

	.mob-p0 {
		padding: 0 !important;
	}

	.mob-pl0 {
		padding-left: 0;
	}

	.mob-pb-25 {
		padding-bottom: 25px;
	}

	.our-portfolio,
	.our-services {
		padding-top: 50px;
	}

	#features {
		padding-top: 0;
	}

	.main-banner {
		padding-bottom: 60px;
	}

	.res-fl1 {
		text-align: center;
		margin-bottom: 20px;
	}

	.open-button {
		bottom: 150px !important;
	}

	#button {
		bottom: 100px;
	}

	.tab-no {
		top: -32px;
		left: 2px;
	}

	.mob-100 {
		width: 100%;
	}

	.help-d {
		height: auto;
	}

	.social-ul {
		margin-top: 15px;
		margin-bottom: 15px;
		padding-left: 0;
	}

}

@media(min-width:576px) {
	.valign {
		align-items: center;
		display: flex;
	}
}

@media (max-width:575px) {
	.box-as1 {
		height: auto !important;
	}

	.mob-5-100 {
		width: 100%;
		margin-bottom: 20px;
	}

	.mb-575 {
		margin-bottom: 20px;
	}

	.mob-pt-5 {
		padding-top: 3rem;
	}

	.store li {
		margin-bottom: 20px;
		width: 100%;
	}

	.cnt223 {
		margin: inherit;
	}
}

@media(max-width:600px) {
	.nav-searchbar-wrapper~#nav-gwbar1.nav-gwbar-single-row.nav-genz {
		height: 45px;
	}

	.an-tique {
		border-radius: 0;
	}

	.img-clrbg {
		height: auto;
	}

	.tabs li {
		width: 100%;
	}

	.mob-mt-0 {
		margin-top: 0;
	}

	.mob-mb-0 {
		margin-bottom: 0 !important;
	}
}

@media (min-width:1200px) {
	.help-d {
		max-width: 560px;
		border-radius: 30%;
		height: 560px;
		padding: 80px;
	}
}

@media(min-width:993px) and (max-width:1204px) {
	.asn-wer {
		height: 220px;
	}
}

@media (max-width:992px) and (min-width:768px) {
	.help-d {
		height: 500px;
	}
}

@media (max-width:900px) and (min-width:576px) {
	#myDropdown {
		right: 0;
	}
}

@media(max-width:992px) {
	.nav-menu>li>a ion-icon {
		font-size: 22px;
		padding-right: 8px;
	}

	.main-blue-button a ion-icon {
		font-size: 22px;
		padding-right: 8px;
	}

	.s-half {
		height: 320px;
	}

	.sp-x {
		padding: 20px;
	}

	.megamenu-panel {
		width: 100%;
	}

	.nav-menu {
		background: #fff;
	}

	#about {
		padding-top: 50px;
	}

	.megamenu-panel {
		box-shadow: none;
	}
}

@media (min-width:1205px) {
	.tab button {
		/*height: 350px;
        max-width: 350px;
        border-radius: 50%;
        margin: 30px;
       text-align: center;*/
	}

	.savo .butn-spn {
		/*margin: auto;*/
	}

	.asn-wer {
		height: 200px;
	}
}

@media(min-width:992px) {
	.nav-menu>li>a ion-icon {
		display: none;
	}

	.m-pm {
		margin-top: -215px;

	}

	.an-tique {
		margin-top: -57px;
		position: relative;
	}

	.half-s {
		padding: 0 50px;
	}

}

@media(max-width:440px) {

	/*.button-wrap
	{
      padding: 10px;
      width: 85%;
	}
	.button-wrap:before, .button-wrap:after
	{
		content:none;
	}*/
	.box-as {
		height: 175px;
	}
}

@media(max-width:1199px) and (min-width:576px) {
	.box-as1 {
		height: 275px;
	}
}

@media (min-width: 320px) and (max-width: 767px) {
	footer {
		padding-top: 120px;
		background-position: center top !important;
	}
}
@media(min-width:992px) and (max-width:1200px) {
    .main-blue-button a {
        padding: 12px !important;
        font-size: 12px;
    }
    .nav-brand{width:50px !important;}
    .nav-menu>li>a {
        padding: 12px 5px;
        font-size: 12px;
    }
    .nav-menu {
        display: flex;
        align-items: center;
    }
    
}
@media(max-width:992px)
{
    .main-blue-button a, .dropdown-in{
    margin:.5rem 0;
}
.dropdown-in
{
        padding: 0 26px !important;
}
.w11{
    margin:.5rem 0;
    padding: 0 29px;
}
.main-blue-button
{
    padding:0 26px !important;
}
.navigation-portrait .nav-menu>li:last-child{
    padding:0 !important;
}
}
@media(max-width:767px){
    .jour-30
{
    background: #9efd38;
    position: fixed;
    bottom: 1%;
    left: 50%;
    transform: translate(-50%, -1%);
    z-index: 22222;
    padding: 12px 25px;
    border-radius: 8px;
    display: flex;
    width: max-content;
}
.fotr{
    padding-bottom:3rem;
}
}