@charset "utf-8"; .form-control, body { background-color: #fff } .btn:focus, .btn:hover, .information, .menuzord .showhide, .menuzord-menu>li>a, a, a:focus, a:hover { text-decoration: none } .menuzord .showhide, .menuzord-menu>li>a, html {} body, html, img { max-width: 100% } #marquee, .divider, .parallax, .select, .v-h { overflow: hidden } .fa-facebook1, .fa-facebook1:hover, .fa-gradient1:hover, .fa-instagram1, .fa-instagram1:hover, .fa-linkedin1, .fa-linkedin1:hover, .fa-pinterest1, .fa-pinterest1:hover, .fa-tik1, .fa-tik1:hover, .fa-twitter1, .fa-twitter1:hover { -webkit-text-fill-color: transparent } button, hr { overflow: visible } dfn, div.day, div.night { font-style: italic } .menuzord, .menuzord * { font-family: open sans, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .menuzord { width: 100%; padding: 0 30px; float: left; position: relative; background: #fff } .menuzord a { -o-transition: color .3s linear, background .3s linear; -moz-transition: color .3s linear, background .3s linear; -webkit-transition: color .3s linear, background .3s linear; transition: color .3s linear, background .3s linear } .menuzord-menu.scrollable>.scrollable-fix, .none1, .widget ul.list li::before, .widget.dark ul.list li::before, [hidden], template { display: none } .menuzord-menu { margin: 0; padding: 0; float: left; list-style: none } .menuzord-menu>li { display: inline-block; float: left } .menuzord-menu>li>a { display: inline-block; font-weight: 600; outline: 0; line-height: 1.42857143 } .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99; min-width: 180px; white-space: nowrap; background: #fff } .menuzord-menu ul.dropdown li { clear: both; width: 100%; border: 0; font-size: 12px; position: relative } .menuzord-menu ul.dropdown li a { width: 100%; background: 0 0; text-decoration: none; display: inline-block; float: left; clear: both; position: relative; outline: 0; -o-transition: padding .2s linear; -moz-transition: padding .2s linear; -webkit-transition: padding .2s linear; transition: padding .2s linear } .menuzord-menu ul.dropdown li:hover>a { padding-left: 28px; padding-right: 19px; color: #fff } .menuzord-menu li .indicator { margin-left: 3px } .menuzord-menu li ul.dropdown li .indicator { position: absolute; top: 8px; right: 10px; font-size: 15px } .menuzord .showhide { width: 60px; height: 46px; padding: 13px 0 0; display: none; float: right; outline: 0 } .menuzord .showhide em { width: 30px; height: 5px; margin: 5px 20px 0; float: right; background: #777 } .list-inline, .list-unstyled { padding-left: 0; list-style: none } .btn, .form-control, select { background-image: none } @media(max-width:900px) { .menuzord .showhide, .menuzord-menu>li>a { text-decoration: none; outline: 0 } .menuzord-responsive .menuzord-menu ul.dropdown li a { border-bottom: 1px solid #f0f0f0 } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>a { padding-left: 40px !important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>a { padding-left: 60px !important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li:hover>a { padding-left: 50px !important } .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li:hover>a { padding-left: 70px !important } .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator { height: 38px; right: 0; top: 0; font-size: 18px; line-height: 36px } .menuzord, .menuzord * { font-family: open sans, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .menuzord { width: 100%; padding: 0 30px; float: left; position: relative; background: #fff } .menuzord a { -o-transition: color .3s linear, background .3s linear; -moz-transition: color .3s linear, background .3s linear; -webkit-transition: color .3s linear, background .3s linear; transition: color .3s linear, background .3s linear } .menuzord-menu.scrollable>.scrollable-fix { display: none } .menuzord-menu { margin: 0; padding: 0; float: left; list-style: none } .menuzord-menu>li { display: inline-block; float: left } .menuzord-menu>li>a { padding: 26px 16px; display: inline-block; font-size: 14px; font-weight: 600; color: #888; line-height: 1.42857143 } .menuzord-menu>li.active>a, .menuzord-menu>li:hover>a { color: #333 } .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99; min-width: 180px; white-space: nowrap; background: #fff } .menuzord-menu ul.dropdown li ul.dropdown { left: 100% } .menuzord-menu ul.dropdown li { clear: both; width: 100%; border: 0; font-size: 12px; position: relative } .menuzord-menu ul.dropdown li a { width: 100%; background: 0 0; padding: 10px 25px 10px 22px; color: #888; text-decoration: none; display: inline-block; float: left; clear: both; position: relative; outline: 0; -o-transition: padding .2s linear; -moz-transition: padding .2s linear; -webkit-transition: padding .2s linear; transition: padding .2s linear } .menuzord-menu ul.dropdown li:hover>a { padding-left: 28px; padding-right: 19px; color: #333 } .menuzord-menu li .indicator { margin-left: 3px } .menuzord-menu li ul.dropdown li .indicator { position: absolute; top: 8px; right: 10px; font-size: 15px } .menuzord .showhide { width: 60px; height: 60px; padding: 13px 0 0; display: none; float: right } .menuzord .showhide em { width: 30px; height: 5px; margin: 5px 20px 0; float: right; background: #777 } .menuzord.blue .menuzord-menu ul.dropdown li:hover>a, .menuzord.blue .menuzord-menu>li.active>a, .menuzord.blue .menuzord-menu>li:hover>a { color: #4a89dc } .menuzord-responsive.menuzord { padding: 0 } .menuzord-responsive .showhide { margin: 0 } .menuzord-responsive .menuzord-menu { width: 100%; float: left !important } .menuzord-responsive .menuzord-menu.scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch } .menuzord-responsive .menuzord-menu.scrollable>.scrollable-fix { display: block } .menuzord-responsive .menuzord-menu>li { width: 100%; display: block; position: relative; padding: 0 } .menuzord-responsive .menuzord-menu>li:first-child>a { border-top: 1px solid #f0f0f0 } .menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown { width: 100%; left: 0; position: static; border: none; background: #fff; float: left } .menuzord-responsive .menuzord-menu ul.dropdown li { position: relative } .menuzord-responsive .menuzord-menu li .indicator { width: 60px; height: 45px; position: absolute; right: 0; top: 0; font-size: 22px; text-align: center; line-height: 43px; border-left: 1px solid #f5f5f5 } .menuzord-responsive .menuzord-menu>li>a { width: 100%; display: block; border-bottom: 1px solid #f0f0f0; padding: 12px 20px !important; border-radius: 0 } } html { font-family: sans-serif; } .menuzord-menu ul.dropdown li, body, figure { margin: 0 } .dropdown:hover .dropdown-content, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } a { background: 0 0; color: #999 } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } mark { background: #ff0; color: #000 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } .btn, img { vertical-align: middle } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button, select { text-transform: none } .entry-title, .formualire1, .p-name, small { text-transform: uppercase } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } .no-cursor, button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } textarea { overflow: auto; resize: none } .scrollable-menu, .side-push-panel, body { overflow-x: hidden } .h4, .h5, .h6, form label, h4, h5, h6, optgroup { font-weight: 700 } .btn, body, small { font-weight: 400 } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65% } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75% } p { margin: 0 0 10px } .small, small { font-size: 85% } cite { font-style: normal } .left, .text-left { text-align: left } .text-right { text-align: right } .btn, .center, .submit, .text-center { text-align: center } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } .list-inline { margin-left: -5px } .list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px } .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } @media(min-width:768px) { .container { width: 750px } .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: 0 } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: 0 } } @media(min-width:992px) { .container { width: 970px } .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: 0 } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: 0 } } @media(min-width:1200px) { .container { width: 1170px } } .row { margin-left: -15px; margin-right: -15px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .opening-hours ul li span, .side-push-panel.has-side-panel .menuzord .showhide { float: left } .col-xs-12, .full, .header-nav .header-nav-absolute-wrapper { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: 0 } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: 0 } .form-control { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) } .form-control::-moz-placeholder { color: #999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1 } textarea.form-control { height: auto } input[type=date] { line-height: 34px } .form-group { margin-bottom: 15px } .btn { display: inline-block; margin-bottom: 0; cursor: pointer; border: 1px solid transparent; white-space: nowrap; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .btn:focus, .btn:hover { color: #333 } .btn.active, .btn:active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: .65; -webkit-box-shadow: none; box-shadow: none } .button, .dropbtn, .pointer, img:hover, select { cursor: pointer } .btn-group-sm>.btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { content: " "; display: table } .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right !important } .pull-left { float: left !important } .hide, .ww_source { display: none !important } .show { display: block !important } .invisible, a#menu-share+ul { visibility: hidden } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px } .breadcrumb>li { display: inline-block } .breadcrumb>li+li:before { content: "/\00a0"; padding: 0 5px; color: #ccc } .header-nav .header-nav-wrapper .menuzord, h1, ol, ul, ul.list li:before { padding: 0 } .breadcrumb>.active { color: #999 } ::selection { background: #333; color: #fff; text-shadow: none } .footer a { color: grey } .grey-center { color: grey; text-align: justify } .float-right, .opening-hours ul li .value, .right { float: right } .formualire1, .formulaire { border: 1px solid #acd973; border-radius: 5px } .messageerreur { color: red; font-size: 16px } .docteur { font-size: 16px; text-align: center } .refaire { width: 30px; height: 30px; margin-left: 5px } .alert10 { font-size: 16px; margin-top: 20px } .bienvenue { font-size: 28px; font-weight: 700 } .cover { background-size: cover; background-position: center center } .mt-30, .presentation { margin-top: 30px !important } .radius, .radius5 { border-radius: 5px } .justify { text-align: justify } .right { text-align: right !important } .image { border: 1px solid #acd973; height: 35px; width: 100px; border-radius: 5px } .red { color: red } .alert-formulaire { color: #ebfcfd; font-weight: 700 } .marge10 { margin-left: 10px } .reseau { text-align: center; margin-top: -15px } .reseau1 { margin-left: -15px; text-align: center !important; margin-right: -15px } .titre-footer, .titre-footer1 { color: #fff; font-size: 20px; text-align: center; font-weight: 600 } .reseau2 { margin-left: 1px } .fonti, .h4, h4 { font-size: 20px } .titre-footer1 { margin-top: 5px } .horaire { color: #a8ce50; font-size: 16px } .visite { width: 100%; margin-top: 20px } .adress { color: grey; font-size: 18px; font-weight: 500 } .qr { width: 170px } .top { border-radius: 50px; background: #a8ce50; margin-bottom: 3px; margin-right: 3px } .text-white, .white { color: #fff !important } .compteur2, .whitebold { color: #fff; font-weight: 700 } .messenger2 { background-color: #0084ff !important } .whatsapp { background-color: #4dc247 !important } .instagram { background-color: #f77737 !important } .viber { background-color: #7b519d !important } .telephone { background-color: #ec5923 !important } .telegram { background-color: #08c !important } .compteur3, .compteur8 { background-color: #a8ce50; text-align: center !important; width: 100%; vertical-align: middle !important } .iconi { color: #72a230; font-size: 16px } .iconi1 { color: #72a230; margin-right: 5px } .marge5 { margin-top: 5px } .compteur1 { border: 2px solid #d6d6d6; width: 100%; border-radius: 0 0 10px 10px } .compteur3 { border-top: 1px solid #d6d6d6; border-radius: 0 0 10px 10px } .compteur4 { margin-left: -10px; font-size: 18px; color: #fff; font-weight: 700; text-shadow: 1px 1px 2px #000, 0 0 25px #00f, 0 0 5px #00008b } .compteur5 { color: #a8ce50; font-weight: 700 } .compteur6, .compteur7 { color: #fff; text-shadow: 1px 1px 2px #000, 0 0 25px #00f, 0 0 5px #00008b; font-weight: 700 } .compteur6 { font-size: 14px } .compteur7, .font16, .h5, h5 { font-size: 16px } .compteur8 { border: 2px solid #d6d6d6; border-radius: 10px 10px 0 0 } .bande30, th { background-color: #2a6200 } .compteur9 { margin-left: 10px; margin-top: 15px; width: 100% !important } .coloricon, .icon-theme-colored a { color: #72a230 } .colorgreen { color: green !important } .marge30 { margin-left: 30px } .information { color: #fff } .information:hover { color: #fff; text-decoration: underline } .zindex { z-index: 10 } .bande30 { margin-bottom: -3px; line-height: 50px !important; z-index: 800 } .covid12 { background-color: #2a6200 !important; color: #fff } .myClass { transparentbackground: ColorMixin(0.6, #A8CE50) } .simple-marquee-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-family: Arial, helvetica neue, Helvetica, sans-serif } .simple-marquee-container { width: 100%; background: #2a6200; float: left; display: inline-block; overflow: hidden; box-sizing: border-box; height: 45px; position: relative; cursor: pointer } .simple-marquee-container .marquee-sibling { padding: 0; background: #fff; width: 10%; height: 45px; line-height: 42px; font-size: 18px; font-weight: 700; color: green; text-align: center; border: 2px solid transparent; float: left; left: 0; z-index: 900 } .simple-marquee-container .marquee, .simple-marquee-container [class^=marquee] { display: inline-block; white-space: nowrap; position: absolute } .simple-marquee-container .marquee { margin-left: 25% } .simple-marquee-container .marquee-content-items { display: inline-block; padding: 5px; margin: 0; height: 45px; position: relative } .simple-marquee-container .marquee-content-items li { display: inline-block; line-height: 35px; color: #fff } .simple-marquee-container .marquee-content-items li:after { content: "|"; margin: 0 1em } .logoclinic { margin-top: 15px; width: 270px; height: 60px } @media screen and (max-width:767px) { .logoclinic { margin-top: 0; float: right } .simple-marquee-container .marquee-sibling { width: 25% } } .v-h { position: absolute !important; height: 1px; width: 1px; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px) } .input-wrapper, .layer-overlay, section, ul.list li { position: relative } h1 { margin: 8px 0 } small { font-size: 1em; color: #fff } h2.entete, h3.entete { color: green; font-size: 22px } h2.entete:before, h3.entete:before { color: green; font-family: "font awesome 6 free"; display: inline-block; padding-right: 6px; vertical-align: middle; content: "\f0a9" } #marquee { background-color: red; color: #fff; white-space: nowrap } ::-moz-selection { background: #333; color: #fff; text-shadow: none } ::-webkit-selection { background: #333; color: #fff; text-shadow: none } :active, :focus { outline: 0 !important } body { line-height: 1.7; color: #777; font-size: 15px; font-family: open sans, sans-serif; background-attachment: fixed } a:focus, a:hover { color: #c3da54 } a img { border: none } .no-border, iframe { border: none !important } .h1, h1 { font-size: 36px } .h2, h2 { font-size: 30px } .h3, h3 { font-size: 24px } .h6, h6 { font-size: 12px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'droid serif', sans-serif; font-weight: 700; line-height: 1.42857143; color: #111 } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #111 } .breadcrumb li.active, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111 } .h1, .h2, .h3, h1, h2, h3 { margin-bottom: 10px; margin-top: 15px } h5, h6, p { font-family: open sans, sans-serif } p { line-height: 1.7 } address, blockquote, dd, dl, fieldset, form, ol, p, pre, table, ul { margin-bottom: 10.5px } *, ol, ul { margin: 0 } .breadcrumb { background-color: transparent; padding-left: 0 } .breadcrumb>li+li::before { content: "\f22d"; font-family: "font awesome 6 free"; font-size: 15px } .horizontal-contact-widget .each-widget::before, ul.list li:before { content: "\f111"; font-family: "font awesome 6 free"; position: absolute; left: 0 } .breadcrumb li a { color: #555 } .breadcrumb.white li a { color: #fff; font-weight: 600 } .breadcrumb.white li.active { color: silver; font-weight: 700 } @media only screen and (min-width:768px) { .breadcrumb.text-right { text-align: right } } .text-highlight.light { background: grey } html { font-size: 100% } @media only screen and (max-width:991px) { html { font-size: 90% } } @media only screen and (max-width:767px) { html { font-size: 85% } .header-top .header-widget .contact-info { margin-bottom: 20px } .header-top .header-widget .contact-info li { display: block; text-align: center } } @media only screen and (max-width:479px) { html { font-size: 80% } } html, html a { -webkit-font-smoothing: antialiased } .text-highlight { background: #111; border-radius: 4px; color: #fff; padding: 0 5px 3px } .scrollToTop, .scrollToTop:hover { background: #a8ce50; text-decoration: none } ol, ul { list-style: none } ol ul, ul ul { margin-left: 15px } ul.list { list-style: none; margin-top: 13px; padding-left: 0 } ul.list li { margin: 5px 0; font-weight: 500; padding-left: 15px } ul.list li:before { border: none; color: #a9a9a9; display: inline-block; font-size: 9px; margin-right: 10px; top: 1px } ul.list li:hover:before, ul.list.list-white li:hover:before { background: 0 0; border-color: transparent } .header-nav .header-nav-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed, .opening-hours ul li, ul.list-border-bottom li { border-bottom: 1px solid #eee } ul.list li a { text-decoration: none; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in } .menuzord .menuzord-menu ul.dropdown li:hover>a i, .menuzord .menuzord-menu>li.active>a i, .menuzord .menuzord-menu>li:hover>a i, .menuzord-menu>li>.megamenu .megamenu-row li.active a i, .menuzord-menu>li>.menuzord-menu>li>.megamenu .megamenu-row li:hover a i, .select:hover::after, ul.list.list-white li:before { color: #fff } ul.list.list-white li a { color: #fff; text-decoration: none; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in } ul.list-border-bottom li { padding-bottom: 10px } ul.list-border-bottom.no-padding li:last-child, ul.list.list-border-bottom li:last-child { border-bottom: none } ul.list-border-bottom.no-padding li { padding-bottom: 0 } .list-border li { border-bottom: 1px dashed #d3d3d3; padding: 10px 0 } .dark .list-border li { border-bottom: 1px dashed #333 } .divider .container, section>.container, section>.container-fluid { padding-top: 60px; padding-bottom: 60px } .scrollToTop { bottom: 12px; display: none; height: 50px; padding: 2px; position: fixed; right: 10px; text-align: center; width: 50px; z-index: 99999 } .scrollToTop i { color: #fff; font-size: 42px } .layer-overlay::before { background: rgba(17, 17, 17, .5); content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0 } .layer-overlay.overlay-green-light::before { background-color: rgba(16, 196, 92, .45) } .header-top { padding: 5px 0 } .header-top .header-widget .styled-icons a i:hover { background: 0 0 } .header-top .header-widget .list-border li { border-right: 1px solid rgba(0, 0, 0, .06); padding: 5px 15px } .header-top .header-widget .list-border li:last-child { border-right: 0 } .menuzord-brand img { max-height: 38px } @media only screen and (max-width:767px) { .menuzord-brand img { max-height: 30px } } .header-nav.navbar-transparent.animated-active { background-color: rgba(0, 0, 0, .25) } .nav-sidebar li { background: #f1f1f1; padding-bottom: 0 } .btn-flat, .nav-sidebar li a { border-radius: 0 } .nav-pills li a:hover, .nav-pills li.active>a, .nav-pills li.active>a:focus, .nav-pills li.active>a:hover { background: #d3d3d3; color: #777 } .menuzord-menu ul.dropdown { border: 1px solid #eee; top: 71px } .menuzord-menu ul.dropdown li a { color: #666; font-size: 12px; font-weight: 600; padding: 7px 25px 7px 22px } .menuzord-menu ul.dropdown li .indicator { top: 4px } .menuzord-menu>li>.megamenu .megamenu-row li { border: 0; clear: both; font-size: 12px; margin: 0; padding: 2px; position: relative; width: 100% } .menuzord-menu>li>.megamenu .megamenu-row li a { display: block; padding: 8px 10px; -webkit-transition: padding .2s linear; -o-transition: padding .2s linear; transition: padding .2s linear } .menuzord-menu>li>.megamenu .megamenu-row li.active>a, .menuzord-menu>li>.megamenu .megamenu-row li:hover>a { color: #111; padding-left: 15px } .menuzord-menu>li>.megamenu .megamenu-row li a i { color: #444 } @media only screen and (max-width:900px) { .menuzord-menu { background: #fff } } .header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed .menuzord { border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #eee } .header .inner-sticky-wrapper { height: 80px } @media only screen and (min-width:901px) { .header-nav .header-nav-absolute-wrapper { bottom: -36px; left: 0; margin: 0 auto; position: absolute; right: 0; z-index: 1111 } .header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed { bottom: auto } } .header-nav { position: relative; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out } .form-control { border-radius: 0; box-shadow: none; height: 45px; border: 1px solid #eee } label { font-weight: 400 } .blob.green, .blob.instagram3, .blob.line3, .blob.mail3, .blob.messenger3, .blob.sms3, .blob.telegram3, .blob.telephone3, .blob.viber3, .blob.whatsapp3, .clock2, .count-down, .menu-lang, b, span.widget-meteo, strong, td { font-weight: 700 } .btn { font-size: 14px; padding: 8px 22px; line-height: 1.38 } .btn-xs { font-size: 11px; padding: 3px 14px } .btn-sm { font-size: 12px; padding: 5px 17px } .btn-xl { font-size: 16px; padding: 13px 32px } .divider, .parallax { background-repeat: repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; width: 100% } .parallax { width: 100%; height: 100%; margin: 0 auto; background-size: cover; background-attachment: fixed; background-repeat: repeat-y; background-position: top center } .mobile-parallax { background-size: cover; background-attachment: scroll; background-position: center center } .funfact { -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .funfact i { font-size: 45px } .funfact .animate-number { line-height: 1 } .opening-hours ul li { padding: 10px 0; margin-bottom: 0 !important } .section-title, .widget { margin-bottom: 40px } .styled-icons a { color: #333; font-size: 40px; height: 40px; line-height: 40px; width: 40px; float: left; margin: 5px 5px 5px 0; text-align: center; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .styled-icons.icon-dark a { background-color: #333; color: #eee; display: block; font-size: 18px; height: 36px; line-height: 36px; width: 36px } .styled-icons.icon-circled a { border-radius: 50% } .styled-icons.icon-sm a { font-size: 13px; height: 30px; line-height: 30px; margin: 2px 7px 2px 0; width: 30px } .styled-icons li { display: inline-block; margin-bottom: 0; margin-top: 0 } .widget ul li { margin-bottom: 5px; padding-bottom: 5px } .widget .post, .widget ul.list li { margin-bottom: 10px; padding-bottom: 10px } .widget .list-border li { margin-bottom: 0; padding: 10px 0 } .widget.no-border ul li { border: none; padding-bottom: 0; margin-bottom: 0 } .horizontal-contact-widget { border-top: 1px dashed #d3d3d3 } .horizontal-contact-widget .each-widget::before { right: 0; top: -42px } .widget.dark .btn.btn-default { border-color: #333 } li a { font-size: 14px !important } .position-lang { float: right; margin-right: 55px; line-height: 40px !important } .menu-lang { font-size: 14px; margin-right: 35px } .width-logo, .width-logo1 { width: 200px } .marge-menu { margin-top: -2px } hr { border-bottom: 3px ridge #a8ce50 } .layer-overlay1.overlay-green-5::before { background-color: rgba(168, 206, 80, .3) } .layer-overlay1::before { background: rgba(168, 206, 80, .3); content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0 } .marge-65 { margin-top: -65px } .logo-trans { width: 100%; height: 50% } .margin-right8 { margin-right: -8px !important } .margin-social-i { font-size: 25px; margin-right: 10px !important } .count-down { margin-top: -15px; text-align: right; font-size: 10px } .place-clinique, .v-h1 { border-bottom: .09em solid #e3ff00; border-top: .09em solid #e3ff00 } .magin-top-15 { margin-top: -15px !important } .linear-compteur1 { background: linear-gradient(to bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) !important } .linear-compteur2 { background: linear-gradient(to top, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) !important } .margin-45 { margin-top: -45px } .livre-dor { text-align: center !important; width: 100% !important; display: flex } .livre-dor2 { font-size: 23px; margin-right: 5px; color: #fff } #owl-demo .item { margin: 3px } #owl-demo .item img { display: block; width: 100%; height: auto } .header1 { position: fixed; bottom: 0; z-index: 1; width: 100%; background-color: transparent } .progress-container1 { width: 100%; height: 8px; background: 0 0 } .progress-bar1 { background-color: transparent; height: 8px; padding: 0; width: 350px; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0 } .progress-bar1 div { display: inline-block; height: 100%; background-color: #777; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-transition: width .4s ease-in-out; -moz-transition: width .4s ease-in-out; -ms-transition: width .4s ease-in-out; -o-transition: width .4s ease-in-out; transition: width .4s ease-in-out } .green div { background-color: #7da832; background-image: -webkit-gradient(linear, left top, left bottom, from(#7da832), to(#469915)); background-image: -webkit-linear-gradient(top, #7da832, #469915); background-image: -moz-linear-gradient(top, #7da832, #469915); background-image: -ms-linear-gradient(top, #7da832, #469915); background-image: -o-linear-gradient(top, #7da832, #469915); background-image: linear-gradient(to top, #7da832, #469915) } .stripes div { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-animation: 3s linear infinite animate-stripes; -moz-animation: 3s linear infinite animate-stripes } @-webkit-keyframes animate-stripes { 0% { background-position: 0 0 } 100% { background-position: 60px 0 } } @-moz-keyframes animate-stripes { 0% { background-position: 0 0 } 100% { background-position: 60px 0 } } .scrollable-menu { height: auto; max-height: 250px } .bout, .bout1 { border-radius: 20px 0 !important; background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) !important } .bout:hover { background: linear-gradient(to right top, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) !important } b, strong { color: #2a6200 } .blob.whatsapp3 { background: linear-gradient(to left bottom, #0c5e08, #1e7618, #2e8e28, #3ea837, #4dc247) } .blob.whatsapp3:hover { background: #72a230; background: linear-gradient(to right top, #0c5e08, #1e7618, #2e8e28, #3ea837, #4dc247) } .blob.line3 { background: linear-gradient(to left bottom, #0c5e08, #12761a, #158f2c, #13a93f, #04c453) } .blob.line3:hover { background: #72a230; background: linear-gradient(to right top, #0c5e08, #12761a, #158f2c, #13a93f, #04c453) } .blob.instagram3 { background: linear-gradient(to left bottom, #833913, #9f481c, #bb5724, #d9672e, #f77737) } .blob.instagram3:hover { background: #72a230; background: linear-gradient(to right top, #833913, #9f481c, #bb5724, #d9672e, #f77737) } @keyframes pulse-instagram3 { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(247, 119, 55, .5) } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(247, 119, 55, .1) } } .blob.messenger3 { background: linear-gradient(to left bottom, #082f53, #00447b, #0059a5, #006ed2, #0084ff) } .blob.messenger3:hover { background: #72a230; background: linear-gradient(to right top, #082f53, #00447b, #0059a5, #006ed2, #0084ff) } .blob.viber3 { background: linear-gradient(to left bottom, #3b0c62, #4b1f70, #5b2f7f, #6b408e, #7b519d) } .blob.viber3:hover { background: #72a230; background: linear-gradient(to right top, #3b0c62, #4b1f70, #5b2f7f, #6b408e, #7b519d) } .blob.telephone3 { background: linear-gradient(to left bottom, #6b250b, #893111, #a93e17, #ca4b1d, #ec5923) } .blob.telephone3:hover { background: #72a230; background: linear-gradient(to right top, #6b250b, #893111, #a93e17, #ca4b1d, #ec5923) } @keyframes pulse-telephone3 { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(236, 89, 35, .5) } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(236, 89, 35, .1) } } .blob.mail3 { background: linear-gradient(to left bottom, #9b1111, #b31a19, #cc2221, #e52b2a, #f33) } .blob.mail3:hover { background: #72a230; background: linear-gradient(to right top, #9b1111, #b31a19, #cc2221, #e52b2a, #f33) } @keyframes pulse-mail3 { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(236, 89, 35, .5) } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(236, 89, 35, .1) } } .blob.sms3 { background: linear-gradient(to left bottom, #095323, #156f34, #208d46, #2bac58, #36cc6c) } .blob.sms3:hover { background: #72a230; background: linear-gradient(to right top, #095323, #156f34, #208d46, #2bac58, #36cc6c) } .blob.telegram3 { background: linear-gradient(to left bottom, #0a587d, #046490, #0070a4, #007cb8, #08c) } .blob.telegram3:hover { background: #72a230; background: linear-gradient(to right top, #0a587d, #046490, #0070a4, #007cb8, #08c) } @keyframes pulse-telegram3 { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 136, 204, .5) } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 136, 204, .1) } } .clock2 { width: 100%; margin: 0 auto; color: #fff; font-size: 20px; letter-spacing: 3px } .fa-facebook1 { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce50), to(#3b5998)); -webkit-background-clip: text } .fa-facebook1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#a8ce50), to(#3b5998)); -webkit-background-clip: text } .fa-twitter1 { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce50), to(#1da1f2)); -webkit-background-clip: text } .fa-twitter1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#a8ce50), to(#1da1f2)); -webkit-background-clip: text } .fa-instagram1 { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce50), to(#c32aa3)); -webkit-background-clip: text } .fa-instagram1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#a8ce50), to(#c32aa3)); -webkit-background-clip: text } .fa-pinterest1 { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce50), to(#e60023)); -webkit-background-clip: text } .fa-pinterest1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#a8ce50), to(#e60023)); -webkit-background-clip: text } .fa-tik1 { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce50), to(#ee1d52)); -webkit-background-clip: text } .fa-tik1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#a8ce50), to(#ee1d52)); -webkit-background-clip: text } .fa-linkedin1 { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce50), to(#0072b1)); -webkit-background-clip: text } .fa-linkedin1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#a8ce50), to(#0072b1)); -webkit-background-clip: text } .fa-gradient1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#3b5109), to(#a8eb12)); -webkit-background-clip: text } .blob.green, .select::after { background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) } .blob.green:hover { background: #72a230; background: linear-gradient(to right top, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) } @keyframes pulse-green { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(168, 206, 80, .5) } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(168, 206, 80, .1) } } img:hover { transform: scale(1.05) } .wrapper { display: flex; height: 20vh; flex-direction: row; justify-content: center; align-items: center } .button { border: 1px transparent; -webkit-border-radius: 5px; border-radius: 5px; color: #eee; display: inline-block; font-family: Arial; font-size: 20px; padding: 8px 30px; text-align: center; text-decoration: none; margin-left: 20px; -webkit-animation: 1.3s infinite glowing; -moz-animation: 1.3s infinite glowing; -o-animation: 1.3s infinite glowing; animation: 1.3s infinite glowing } @media(max-width:580px) { .count5 { letter-spacing: 4px; display: inline-block; font-size: 20px; transform: scaleY(.9); transform-origin: 0 0; margin-bottom: -40% } } .img1 { width: 300px; border-radius: 5% !important; margin-left: 25px; float: right } @media(max-width:768px) { .reseau3 { width: 48px; height: 48px } .img1 { width: 100%; border-radius: 0; object-fit: cover; object-position: center; padding-left: 25px; padding-right: 25px } } select { appearance: none; outline: 0; border: 0; box-shadow: none; flex: 1; padding: 0 1em; color: #fff; background-color: var(--darkgray) } select::-ms-expand { display: none } .select { position: relative; display: flex; height: 3em; border-radius: .25em } .float, ul.test li.test a.test { border-radius: 50px; width: 50px; height: 50px; text-align: center } .select::after { content: '\25BC'; position: absolute; top: 0; color: #fff; right: 0; padding: .9em; transition: .25s; pointer-events: none } .input-icon { position: absolute; left: 3px; color: #a8ce50; font-size: 18px; top: calc(50% - .5em) } .float, ul.test { left: 10px; z-index: 900; position: fixed } .attorney-address li i, .attorney-carousel .content .contact-area i, .blog-posts .post .entry-meta li i, .donation-form .form-group label, .drop-caps.text-colored p:first-child:first-letter, .fa-gradient, .fa-gradient1, .horizontal-contact-widget .each-widget::before, .horizontal-contact-widget .widget::before, .icon-box.box-style1.practice-style3 i, .icon-box.services-style1:hover .heading, .list-icon.theme-colored li i, .menuzord-menu>li>.megamenu .megamenu-row .post a:hover, .menuzord-menu>li>.megamenu .megamenu-row .post a:hover i, .menuzord-menu>li>.megamenu .megamenu-row li:hover>a, .menuzord-menu>li>.megamenu .megamenu-row li:hover>a i, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i, .owl-carousel.owl-nav-top .owl-controls .owl-nav>div:hover i, .pager.theme-colored a, .pagination.theme-colored li a, .pricing-table .table-list li i, .schedule-box:hover .schedule-details .title a, .service-icon-box a i, .services-tab .nav-tabs>li>a i, .small-title i, .testimonial-carousel.boxed .content::after, .volunteer .info .name a, .widget .address li i, .widget .post-title a:hover, .widget .twitter-feed li::after, .widget.dark .nav-tabs li.active a, ul.list.theme-colored li:before, ul.list.theme-colored.angle-double-right li:before, ul.list.theme-colored.angle-right li:before, ul.list.theme-colored.check li:before, ul.list.theme-colored.check-circle li:before { background: -webkit-gradient(linear, left top, left bottom, from(#3b5109), to(#a8eb12)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } * { padding: 0; } .float { bottom: 15px; background-color: #a8ce50; color: #fff; animation: 2s ease-out bottom-to-top } .dropbtn, .dropdown:hover .dropbtn { background-color: #567b24 } .c-bmi__result, span.stop { animation-name: nav-link-load; animation-duration: var(--nav-link-load-time); animation-timing-function: ease-in; animation-delay: var(--nav-load-time) } ul.test { padding-bottom: 20px; bottom: 40px } ul.test li.test { list-style: none; margin-bottom: 10px } ul.test li.test a.test { background-color: #f33; color: #fff; display: block } ul.test:hover { visibility: visible !important; opacity: 1 !important } .my-float { font-size: 24px; margin-top: 14px } a#menu-share:hover+ul { visibility: visible; animation: .5s scale-in } a#menu-share i { animation: .5s rotate-in } a#menu-share:hover>i { animation: .5s rotate-out } @keyframes scale-in { from { transform: scale(0); opacity: 0 } to { transform: scale(1); opacity: 1 } } @keyframes rotate-in { from { transform: rotate(0) } to { transform: rotate(360deg) } } @keyframes rotate-out { from { transform: rotate(360deg) } to { transform: rotate(0) } } .dropbtn { border-radius: 5px 5px 0 0; color: #fff; padding: 10px; margin-bottom: 0; height: 90%; font-size: 13px; border: none; width: 60px } .dropdown { position: absolute; display: inline-block } .dropdown-content { display: none; position: absolute; text-align: center; background-color: #fff; width: 60px; border-radius: 0; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2); z-index: 1 } #progress-container, .styling { background-color: transparent } .dropdown-content a { color: #000; padding: 8px 12px; display: block } .dropdown-content a:hover { background: linear-gradient(to bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); color: #fff; font-weight: 700 } ::-webkit-scrollbar { float: left } ::-webkit-scrollbar-track { background: #ccc } ::-webkit-scrollbar-thumb { background-color: #a8ce50; border-radius: 50px } input[type=tel]:focus, input[type=text]:focus { border-color: #a8ce50; box-shadow: 0 0 8px 0 #a8ce50 } select:focus, textarea:focus { border-color: #a8ce50 !important; box-shadow: 0 0 8px #a8ce50 !important } .unselectable { -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .styling { color: #a8ce50; font: 700 25px aial; padding: 3px; margin-top: 5px } .fontuser { position: relative !important } .fontuser i { position: absolute !important; left: 10px !important; top: 38px !important; margin-right: 40px !important; color: #a8ce50 !important; font-size: 18px !important } .menuzord-menu>li { padding: 18px 0 } .menuzord-menu>li>a { font-size: 13px; color: #333; padding: 8px 16px; border-radius: 30px } .menuzord .menuzord-menu ul.dropdown li:hover>a, .menuzord-menu>li.active>a, .menuzord-menu>li:hover>a { background: #333; color: #fff } .menuzord-menu ul.dropdown li ul.dropdown { left: 100%; top: 0 } .menuzord.blue .menuzord-menu ul.dropdown li:hover>a, .menuzord.blue .menuzord-menu>li.active>a, .menuzord.blue .menuzord-menu>li:hover>a { background: #00a3c8; color: #fff } .fa { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900) } .fa-classic, .fa-regular, .fa-solid, .far, .fas, hr:after, span.stop:before { font-family: "font awesome 6 free" } .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto } .fa-brands, .fab { font-family: "font awesome 6 brands"; font-weight: 400 } .fa-flip-horizontal { -webkit-transform: scaleX(-1); transform: scaleX(-1) } .fa-unlock-alt:before, .fa-unlock-keyhole:before { content: "\f13e" } .fa-feather:before { content: "\f52d" } .fa-map-location:before, .fa-map-marked:before { content: "\f59f" } .fa-user:before { content: "\f007" } .fa-globe:before { content: "\f0ac" } .fa-envelope-open:before { content: "\f2b6" } .fa-arrows-rotate:before, .fa-refresh:before, .fa-sync:before { content: "\f021" } .fa-plane-departure:before { content: "\f5b0" } .fa-comment-dots:before, .fa-commenting:before { content: "\f4ad" } .fa-briefcase-clock:before, .fa-business-time:before { content: "\f64a" } .fa-comment:before { content: "\f075" } .fa-birthday-cake:before, .fa-cake-candles:before, .fa-cake:before { content: "\f1fd" } .fa-long-arrow-alt-right:before, .fa-right-long:before { content: "\f30b" } .fa-flag-usa:before { content: "\f74d" } .fa-laptop-file:before { content: "\e51d" } .fa-teletype:before, .fa-tty:before { content: "\f1e4" } .fa-diagram-next:before { content: "\e476" } .fa-person-rifle:before { content: "\e54e" } .fa-house-medical-circle-exclamation:before { content: "\e512" } .fa-closed-captioning:before { content: "\f20a" } .fa-hiking:before, .fa-person-hiking:before { content: "\f6ec" } .fa-venus-double:before { content: "\f226" } .fa-images:before { content: "\f302" } .fa-eraser:before { content: "\f12d" } .fa-envelope-open-text:before { content: "\f658" } .fa-thumb-tack:before, .fa-thumbtack:before { content: "\f08d"; font-size: 22px; margin-right: 5px } .fa-calendar:before { content: "\f133" } .fa-comment-sms:before, .fa-sms:before { content: "\f7cd" } .fa-paper-plane:before { content: "\f1d8" } .fa-angle-double-up:before, .fa-angles-up:before { content: "\f102" } .fa-plane-arrival:before { content: "\f5af" } .fa-user-doctor:before, .fa-user-md:before { content: "\f0f0" } .fa-heart-pulse:before, .fa-heartbeat:before { content: "\f21e" } .fa-face-smile-beam:before, .fa-smile-beam:before { content: "\f5b8" } .fa-hand-holding-medical:before { content: "\e05c" } .fa-user-check:before { content: "\f4fc" } .fa-thumbs-up:before { content: "\f164" } :host, :root { --fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free" } .fa-viber:before { content: "\f409" } .fa-facebook-messenger:before { content: "\f39f" } .fa-tiktok:before { content: "\e07b" } .fa-linkedin:before { content: "\f08c" } .fa-instagram:before { content: "\f16d" } .fa-facebook:before { content: "\f09a" } .fa-whatsapp:before { content: "\f232" } .fa-line:before { content: "\f3c0" } .fa-twitter:before { content: "\f099" } .fa-pinterest:before { content: "\f0d2" } .fa-telegram-plane:before, .fa-telegram:before { content: "\f2c6" } .fa-text-height:before { content: "\f034" } .fa-file-arrow-up:before, .fa-file-upload:before { content: "\f574" } .fa-edit:before, .fa-pen-to-square:before { content: "\f044" } .fa-balance-scale-left:before, .fa-scale-unbalanced:before { content: "\f515" } .fa-medkit:before, .fa-suitcase-medical:before { content: "\f0fa" } .fa-angle-down:before { content: "\f107" } .fa-arrow-down-short-wide:before, .fa-sort-amount-desc:before, .fa-sort-amount-down-alt:before { content: "\f884" } .fa-angle-right:before { content: "\f105" } .fa-trash-can:before { content: "\f2ed" } @font-face { font-family: "font awesome 6 free"; font-style: normal; font-weight: 900; font-display: swap; src: url(../webfonts/fa-solid-900.woff2) format("woff2") } .fa-solid, .fas { font-weight: 900 } .text-theme-colored1 { color: #e3ff00 !important } .text-theme-colored { color: #72a230 !important } .bg-theme-colored { background-color: #72a230 !important } .menuzord.blue .menuzord-menu ul.dropdown li:hover>a, .menuzord.blue .menuzord-menu>li.active>a, .menuzord.blue .menuzord-menu>li:hover>a { background: linear-gradient(to bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); animation: 2s infinite pulse1-animation } .border-1px-theme-colored, .line-bottom:after, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev, .pager.theme-colored a, .widget .line-bottom:after { border: 1px solid #72a230 } .btn-dark.btn-theme-colored, .btn-theme-colored { color: #fff; background-color: #72a230; border-color: #72a230 } .btn-theme-colored.focus, .btn-theme-colored:focus { color: #fff; background-color: #567b24; border-color: #2d4013 } .btn-theme-colored.active, .btn-theme-colored:active, .btn-theme-colored:hover, .open>.dropdown-toggle.btn-theme-colored { color: #fff; background-color: #567b24; border-color: #517322 } .btn-theme-colored.active.focus, .btn-theme-colored.active:focus, .btn-theme-colored.active:hover, .btn-theme-colored:active.focus, .btn-theme-colored:active:focus, .btn-theme-colored:active:hover, .open>.dropdown-toggle.btn-theme-colored.focus, .open>.dropdown-toggle.btn-theme-colored:focus, .open>.dropdown-toggle.btn-theme-colored:hover { color: #fff; background-color: #435f1c; border-color: #2d4013 } .m-0 { margin: 0 !important } .p-5 { padding: 5px !important } .p-15 { padding: 15px !important } .p-20 { padding: 20px !important } .p-30 { padding: 30px !important } .mt-0 { margin-top: 0 !important } .mt-10 { margin-top: 10px !important } .mt-15 { margin-top: 15px !important } .mt-20 { margin-top: 20px !important } .mb-0 { margin-bottom: 0 !important } .mb-10 { margin-bottom: 10px !important } .mb-20 { margin-bottom: 20px !important } .mb-30 { margin-bottom: 30px !important } .pt-10 { padding-top: 10px !important } .pt-30 { padding-top: 30px !important } .pt-50 { padding-top: 50px !important } .pt-90 { padding-top: 90px !important } .pr-10 { padding-right: 10px !important } .pb-0 { padding-bottom: 0 !important } .pb-20 { padding-bottom: 20px !important } .pb-30 { padding-bottom: 30px !important } .pb-50 { padding-bottom: 50px !important } .pb-60 { padding-bottom: 60px !important } .pl-10 { padding-left: 10px !important } .text-black { color: #000 !important } .text-gray { color: grey !important } .bg-light { background-color: #f5f5f5 !important } .bg-lighter { background-color: #f7f7f7 !important } .bg-white { background-color: #fff !important } .font-weight-300 { font-weight: 300 !important } .font-weight-500 { font-weight: 500 !important } .font-weight-600 { font-weight: 600 !important } .font-weight-800 { font-weight: 800 !important } .font-weight-900 { font-weight: 900 !important } .font-11 { font-size: 11px !important } .font-16 { font-size: 16px !important } .font-36 { font-size: 36px !important } .font-42 { font-size: 42px !important } .font-72 { font-size: 4.8rem !important } .line-height-1 { line-height: 1 !important } .mr-5 { margin-right: 5px !important } .mt-5 { margin-top: 5px !important } .border-1px { border: 1px solid #eee !important } .border-10px { border: 10px solid #eee !important } .img-fullwidth { width: 100% !important } @media only screen and (max-width:991px) { .sm-display-block { display: block !important } .sm-text-center, .xs-text-center { text-align: center !important } .sm-text-right { text-align: right !important } .sm-text-left { text-align: left !important } .pull-left.flip.sm-pull-none, .pull-right.flip.sm-pull-none, .sm-pull-none { float: none !important } .sm-pull-left { float: left !important } .sm-pull-right { float: right !important } .sm-fullwidth { width: 100% } .sm-height-auto {} .sm-hide-bg-img { background: 0 0 !important } .maxwidth400 { margin-left: auto; margin-right: auto; max-width: 400px } .opening-hours ul li, .pb-10 { padding-bottom: 10px !important } .m-0 { margin: 0 !important } .p-5 { padding: 5px !important } .p-10 { padding: 10px !important } .p-15 { padding: 15px !important } .p-20 { padding: 20px !important } .p-30 { padding: 30px !important } .p-40 { padding: 40px !important } .p-50 { padding: 50px !important } .p-60 { padding: 60px !important } .p-70 { padding: 70px !important } .p-80 { padding: 80px !important } .p-90 { padding: 90px !important } .p-100 { padding: 100px !important } .p-110 { padding: 110px !important } .p-120 { padding: 120px !important } .p-130 { padding: 130px !important } .p-140 { padding: 140px !important } .p-150 { padding: 150px !important } .p-160 { padding: 160px !important } .p-170 { padding: 170px !important } .p-180 { padding: 180px !important } .p-190 { padding: 190px !important } .p-200 { padding: 200px !important } .mt-0 { margin-top: 0 !important } .mt-5 { margin-top: 5px !important } .mt-10 { margin-top: 10px !important } .mt-15 { margin-top: 15px !important } .mt-20 { margin-top: 20px !important } .mt-30 { margin-top: 30px !important } .mt-40 { margin-top: 40px !important } .mt-50 { margin-top: 50px !important } .mt-60 { margin-top: 60px !important } .mt-70 { margin-top: 70px !important } .mt-80 { margin-top: 80px !important } .mt-90 { margin-top: 90px !important } .mt-100 { margin-top: 100px !important } .mt-110 { margin-top: 110px !important } .mt-120 { margin-top: 120px !important } .mt-130 { margin-top: 130px !important } .mt-140 { margin-top: 140px !important } .mt-150 { margin-top: 150px !important } .mt-160 { margin-top: 160px !important } .mt-170 { margin-top: 170px !important } .mt-180 { margin-top: 180px !important } .mt-190 { margin-top: 190px !important } .mt-200 { margin-top: 200px !important } .mr-0 { margin-right: 0 !important } .mr-5 { margin-right: 5px !important } .mr-10 { margin-right: 10px !important } .mr-15 { margin-right: 15px !important } .mr-20 { margin-right: 20px !important } .mr-30 { margin-right: 30px !important } .mr-40 { margin-right: 40px !important } .mr-50 { margin-right: 50px !important } .mr-60 { margin-right: 60px !important } .mr-70 { margin-right: 70px !important } .mr-80 { margin-right: 80px !important } .mr-90 { margin-right: 90px !important } .mr-100 { margin-right: 100px !important } .mr-110 { margin-right: 110px !important } .mr-120 { margin-right: 120px !important } .mr-130 { margin-right: 130px !important } .mr-140 { margin-right: 140px !important } .mr-150 { margin-right: 150px !important } .mr-160 { margin-right: 160px !important } .mr-170 { margin-right: 170px !important } .mr-180 { margin-right: 180px !important } .mr-190 { margin-right: 190px !important } .mr-200 { margin-right: 200px !important } .mb-0 { margin-bottom: 0 !important } .mb-5 { margin-bottom: 5px !important } .mb-10 { margin-bottom: 10px !important } .mb-15 { margin-bottom: 15px !important } .mb-20 { margin-bottom: 20px !important } .mb-30 { margin-bottom: 30px !important } .mb-40 { margin-bottom: 40px !important } .mb-50 { margin-bottom: 50px !important } .mb-60 { margin-bottom: 60px !important } .mb-70 { margin-bottom: 70px !important } .mb-80 { margin-bottom: 80px !important } .mb-90 { margin-bottom: 90px !important } .mb-100 { margin-bottom: 100px !important } .mb-110 { margin-bottom: 110px !important } .mb-120 { margin-bottom: 120px !important } .mb-130 { margin-bottom: 130px !important } .mb-140 { margin-bottom: 140px !important } .mb-150 { margin-bottom: 150px !important } .mb-160 { margin-bottom: 160px !important } .mb-170 { margin-bottom: 170px !important } .mb-180 { margin-bottom: 180px !important } .mb-190 { margin-bottom: 190px !important } .mb-200 { margin-bottom: 200px !important } .ml-0 { margin-left: 0 !important } .ml-5 { margin-left: 5px !important } .ml-10 { margin-left: 10px !important } .ml-15 { margin-left: 15px !important } .ml-20 { margin-left: 20px !important } .ml-30 { margin-left: 30px !important } .ml-40 { margin-left: 40px !important } .ml-50 { margin-left: 50px !important } .ml-60 { margin-left: 60px !important } .ml-70 { margin-left: 70px !important } .ml-80 { margin-left: 80px !important } .ml-90 { margin-left: 90px !important } .ml-100 { margin-left: 100px !important } .ml-110 { margin-left: 110px !important } .ml-120 { margin-left: 120px !important } .ml-130 { margin-left: 130px !important } .ml-140 { margin-left: 140px !important } .ml-150 { margin-left: 150px !important } .ml-160 { margin-left: 160px !important } .ml-170 { margin-left: 170px !important } .ml-180 { margin-left: 180px !important } .ml-190 { margin-left: 190px !important } .ml-200 { margin-left: 200px !important } .pt-0 { padding-top: 0 !important } .pt-5 { padding-top: 5px !important } .pt-10 { padding-top: 10px !important } .pt-15 { padding-top: 15px !important } .pt-20 { padding-top: 20px !important } .pt-30 { padding-top: 30px !important } .pt-40 { padding-top: 40px !important } .pt-50 { padding-top: 50px !important } .pt-60 { padding-top: 60px !important } .pt-70 { padding-top: 70px !important } .pt-80 { padding-top: 80px !important } .pt-90 { padding-top: 90px !important } .pt-100 { padding-top: 100px !important } .pt-110 { padding-top: 110px !important } .pt-120 { padding-top: 120px !important } .pt-130 { padding-top: 130px !important } .pt-140 { padding-top: 140px !important } .pt-150 { padding-top: 150px !important } .pt-160 { padding-top: 160px !important } .pt-170 { padding-top: 170px !important } .pt-180 { padding-top: 180px !important } .pt-190 { padding-top: 190px !important } .pt-200 { padding-top: 200px !important } .pr-0 { padding-right: 0 !important } .pr-5 { padding-right: 5px !important } .pr-10 { padding-right: 10px !important } .pr-15 { padding-right: 15px !important } .pr-20 { padding-right: 20px !important } .pr-30 { padding-right: 30px !important } .pr-40 { padding-right: 40px !important } .pr-50 { padding-right: 50px !important } .pr-60 { padding-right: 60px !important } .pr-70 { padding-right: 70px !important } .pr-80 { padding-right: 80px !important } .pr-90 { padding-right: 90px !important } .pr-100 { padding-right: 100px !important } .pr-110 { padding-right: 110px !important } .pr-120 { padding-right: 120px !important } .pr-130 { padding-right: 130px !important } .pr-140 { padding-right: 140px !important } .pr-150 { padding-right: 150px !important } .pr-160 { padding-right: 160px !important } .pr-170 { padding-right: 170px !important } .pr-180 { padding-right: 180px !important } .pr-190 { padding-right: 190px !important } .pr-200 { padding-right: 200px !important } .pb-0 { padding-bottom: 0 !important } .pb-5 { padding-bottom: 5px !important } .pb-15 { padding-bottom: 15px !important } .pb-20 { padding-bottom: 20px !important } .pb-30 { padding-bottom: 30px !important } .pb-40 { padding-bottom: 40px !important } .pb-50 { padding-bottom: 50px !important } .pb-60 { padding-bottom: 60px !important } .pb-70 { padding-bottom: 70px !important } .pb-80 { padding-bottom: 80px !important } .pb-90 { padding-bottom: 90px !important } .pb-100 { padding-bottom: 100px !important } .pb-110 { padding-bottom: 110px !important } .pb-120 { padding-bottom: 120px !important } .pb-130 { padding-bottom: 130px !important } .pb-140 { padding-bottom: 140px !important } .pb-150 { padding-bottom: 150px !important } .pb-160 { padding-bottom: 160px !important } .pb-170 { padding-bottom: 170px !important } .pb-180 { padding-bottom: 180px !important } .pb-190 { padding-bottom: 190px !important } .pb-200 { padding-bottom: 200px !important } .pl-0 { padding-left: 0 !important } .pl-5 { padding-left: 5px !important } .pl-10 { padding-left: 10px !important } .pl-15 { padding-left: 15px !important } .pl-20 { padding-left: 20px !important } .pl-30 { padding-left: 30px !important } .pl-40 { padding-left: 40px !important } .pl-50 { padding-left: 50px !important } .pl-60 { padding-left: 60px !important } .pl-70 { padding-left: 70px !important } .pl-80 { padding-left: 80px !important } .pl-90 { padding-left: 90px !important } .pl-100 { padding-left: 100px !important } .pl-110 { padding-left: 110px !important } .pl-120 { padding-left: 120px !important } .pl-130 { padding-left: 130px !important } .pl-140 { padding-left: 140px !important } .pl-150 { padding-left: 150px !important } .pl-160 { padding-left: 160px !important } .pl-170 { padding-left: 170px !important } .pl-180 { padding-left: 180px !important } .pl-190 { padding-left: 190px !important } .pl-200 { padding-left: 200px !important } @media(min-width:1200px) { .m-lg-0 { margin: 0 !important } .m-lg-5 { margin: 5px !important } .m-lg-10 { margin: 10px !important } .m-lg-15 { margin: 15px !important } .m-lg-20 { margin: 20px !important } .m-lg-30 { margin: 30px !important } .m-lg-40 { margin: 40px !important } .m-lg-50 { margin: 50px !important } .m-lg-60 { margin: 60px !important } .m-lg-70 { margin: 70px !important } .m-lg-80 { margin: 80px !important } .m-lg-90 { margin: 90px !important } .m-lg-100 { margin: 100px !important } .m-lg-110 { margin: 110px !important } .m-lg-120 { margin: 120px !important } .m-lg-130 { margin: 130px !important } .m-lg-140 { margin: 140px !important } .m-lg-150 { margin: 150px !important } .m-lg-160 { margin: 160px !important } .m-lg-170 { margin: 170px !important } .m-lg-180 { margin: 180px !important } .m-lg-190 { margin: 190px !important } .m-lg-200 { margin: 200px !important } .p-lg-0 { padding: 0 !important } .p-lg-5 { padding: 5px !important } .p-lg-10 { padding: 10px !important } .p-lg-15 { padding: 15px !important } .p-lg-20 { padding: 20px !important } .p-lg-30 { padding: 30px !important } .p-lg-40 { padding: 40px !important } .p-lg-50 { padding: 50px !important } .p-lg-60 { padding: 60px !important } .p-lg-70 { padding: 70px !important } .p-lg-80 { padding: 80px !important } .p-lg-90 { padding: 90px !important } .p-lg-100 { padding: 100px !important } .p-lg-110 { padding: 110px !important } .p-lg-120 { padding: 120px !important } .p-lg-130 { padding: 130px !important } .p-lg-140 { padding: 140px !important } .p-lg-150 { padding: 150px !important } .p-lg-160 { padding: 160px !important } .p-lg-170 { padding: 170px !important } .p-lg-180 { padding: 180px !important } .p-lg-190 { padding: 190px !important } .p-lg-200 { padding: 200px !important } .mt-lg-0 { margin-top: 0 !important } .mt-lg-5 { margin-top: 5px !important } .mt-lg-10 { margin-top: 10px !important } .mt-lg-15 { margin-top: 15px !important } .mt-lg-20 { margin-top: 20px !important } .mt-lg-30 { margin-top: 30px !important } .mt-lg-40 { margin-top: 40px !important } .mt-lg-50 { margin-top: 50px !important } .mt-lg-60 { margin-top: 60px !important } .mt-lg-70 { margin-top: 70px !important } .mt-lg-80 { margin-top: 80px !important } .mt-lg-90 { margin-top: 90px !important } .mt-lg-100 { margin-top: 100px !important } .mt-lg-110 { margin-top: 110px !important } .mt-lg-120 { margin-top: 120px !important } .mt-lg-130 { margin-top: 130px !important } .mt-lg-140 { margin-top: 140px !important } .mt-lg-150 { margin-top: 150px !important } .mt-lg-160 { margin-top: 160px !important } .mt-lg-170 { margin-top: 170px !important } .mt-lg-180 { margin-top: 180px !important } .mt-lg-190 { margin-top: 190px !important } .mt-lg-200 { margin-top: 200px !important } .mr-lg-0 { margin-right: 0 !important } .mr-lg-5 { margin-right: 5px !important } .mr-lg-10 { margin-right: 10px !important } .mr-lg-15 { margin-right: 15px !important } .mr-lg-20 { margin-right: 20px !important } .mr-lg-30 { margin-right: 30px !important } .mr-lg-40 { margin-right: 40px !important } .mr-lg-50 { margin-right: 50px !important } .mr-lg-60 { margin-right: 60px !important } .mr-lg-70 { margin-right: 70px !important } .mr-lg-80 { margin-right: 80px !important } .mr-lg-90 { margin-right: 90px !important } .mr-lg-100 { margin-right: 100px !important } .mr-lg-110 { margin-right: 110px !important } .mr-lg-120 { margin-right: 120px !important } .mr-lg-130 { margin-right: 130px !important } .mr-lg-140 { margin-right: 140px !important } .mr-lg-150 { margin-right: 150px !important } .mr-lg-160 { margin-right: 160px !important } .mr-lg-170 { margin-right: 170px !important } .mr-lg-180 { margin-right: 180px !important } .mr-lg-190 { margin-right: 190px !important } .mr-lg-200 { margin-right: 200px !important } .mb-lg-0 { margin-bottom: 0 !important } .mb-lg-5 { margin-bottom: 5px !important } .mb-lg-10 { margin-bottom: 10px !important } .mb-lg-15 { margin-bottom: 15px !important } .mb-lg-20 { margin-bottom: 20px !important } .mb-lg-30 { margin-bottom: 30px !important } .mb-lg-40 { margin-bottom: 40px !important } .mb-lg-50 { margin-bottom: 50px !important } .mb-lg-60 { margin-bottom: 60px !important } .mb-lg-70 { margin-bottom: 70px !important } .mb-lg-80 { margin-bottom: 80px !important } .mb-lg-90 { margin-bottom: 90px !important } .mb-lg-100 { margin-bottom: 100px !important } .mb-lg-110 { margin-bottom: 110px !important } .mb-lg-120 { margin-bottom: 120px !important } .mb-lg-130 { margin-bottom: 130px !important } .mb-lg-140 { margin-bottom: 140px !important } .mb-lg-150 { margin-bottom: 150px !important } .mb-lg-160 { margin-bottom: 160px !important } .mb-lg-170 { margin-bottom: 170px !important } .mb-lg-180 { margin-bottom: 180px !important } .mb-lg-190 { margin-bottom: 190px !important } .mb-lg-200 { margin-bottom: 200px !important } .ml-lg-0 { margin-left: 0 !important } .ml-lg-5 { margin-left: 5px !important } .ml-lg-10 { margin-left: 10px !important } .ml-lg-15 { margin-left: 15px !important } .ml-lg-20 { margin-left: 20px !important } .ml-lg-30 { margin-left: 30px !important } .ml-lg-40 { margin-left: 40px !important } .ml-lg-50 { margin-left: 50px !important } .ml-lg-60 { margin-left: 60px !important } .ml-lg-70 { margin-left: 70px !important } .ml-lg-80 { margin-left: 80px !important } .ml-lg-90 { margin-left: 90px !important } .ml-lg-100 { margin-left: 100px !important } .ml-lg-110 { margin-left: 110px !important } .ml-lg-120 { margin-left: 120px !important } .ml-lg-130 { margin-left: 130px !important } .ml-lg-140 { margin-left: 140px !important } .ml-lg-150 { margin-left: 150px !important } .ml-lg-160 { margin-left: 160px !important } .ml-lg-170 { margin-left: 170px !important } .ml-lg-180 { margin-left: 180px !important } .ml-lg-190 { margin-left: 190px !important } .ml-lg-200 { margin-left: 200px !important } .pt-lg-0 { padding-top: 0 !important } .pt-lg-5 { padding-top: 5px !important } .pt-lg-10 { padding-top: 10px !important } .pt-lg-15 { padding-top: 15px !important } .pt-lg-20 { padding-top: 20px !important } .pt-lg-30 { padding-top: 30px !important } .pt-lg-40 { padding-top: 40px !important } .pt-lg-50 { padding-top: 50px !important } .pt-lg-60 { padding-top: 60px !important } .pt-lg-70 { padding-top: 70px !important } .pt-lg-80 { padding-top: 80px !important } .pt-lg-90 { padding-top: 90px !important } .pt-lg-100 { padding-top: 100px !important } .pt-lg-110 { padding-top: 110px !important } .pt-lg-120 { padding-top: 120px !important } .pt-lg-130 { padding-top: 130px !important } .pt-lg-140 { padding-top: 140px !important } .pt-lg-150 { padding-top: 150px !important } .pt-lg-160 { padding-top: 160px !important } .pt-lg-170 { padding-top: 170px !important } .pt-lg-180 { padding-top: 180px !important } .pt-lg-190 { padding-top: 190px !important } .pt-lg-200 { padding-top: 200px !important } .pr-lg-0 { padding-right: 0 !important } .pr-lg-5 { padding-right: 5px !important } .pr-lg-10 { padding-right: 10px !important } .pr-lg-15 { padding-right: 15px !important } .pr-lg-20 { padding-right: 20px !important } .pr-lg-30 { padding-right: 30px !important } .pr-lg-40 { padding-right: 40px !important } .pr-lg-50 { padding-right: 50px !important } .pr-lg-60 { padding-right: 60px !important } .pr-lg-70 { padding-right: 70px !important } .pr-lg-80 { padding-right: 80px !important } .pr-lg-90 { padding-right: 90px !important } .pr-lg-100 { padding-right: 100px !important } .pr-lg-110 { padding-right: 110px !important } .pr-lg-120 { padding-right: 120px !important } .pr-lg-130 { padding-right: 130px !important } .pr-lg-140 { padding-right: 140px !important } .pr-lg-150 { padding-right: 150px !important } .pr-lg-160 { padding-right: 160px !important } .pr-lg-170 { padding-right: 170px !important } .pr-lg-180 { padding-right: 180px !important } .pr-lg-190 { padding-right: 190px !important } .pr-lg-200 { padding-right: 200px !important } .pb-lg-0 { padding-bottom: 0 !important } .pb-lg-5 { padding-bottom: 5px !important } .pb-lg-10 { padding-bottom: 10px !important } .pb-lg-15 { padding-bottom: 15px !important } .pb-lg-20 { padding-bottom: 20px !important } .pb-lg-30 { padding-bottom: 30px !important } .pb-lg-40 { padding-bottom: 40px !important } .pb-lg-50 { padding-bottom: 50px !important } .pb-lg-60 { padding-bottom: 60px !important } .pb-lg-70 { padding-bottom: 70px !important } .pb-lg-80 { padding-bottom: 80px !important } .pb-lg-90 { padding-bottom: 90px !important } .pb-lg-100 { padding-bottom: 100px !important } .pb-lg-110 { padding-bottom: 110px !important } .pb-lg-120 { padding-bottom: 120px !important } .pb-lg-130 { padding-bottom: 130px !important } .pb-lg-140 { padding-bottom: 140px !important } .pb-lg-150 { padding-bottom: 150px !important } .pb-lg-160 { padding-bottom: 160px !important } .pb-lg-170 { padding-bottom: 170px !important } .pb-lg-180 { padding-bottom: 180px !important } .pb-lg-190 { padding-bottom: 190px !important } .pb-lg-200 { padding-bottom: 200px !important } .pl-lg-0 { padding-left: 0 !important } .pl-lg-5 { padding-left: 5px !important } .pl-lg-10 { padding-left: 10px !important } .pl-lg-15 { padding-left: 15px !important } .pl-lg-20 { padding-left: 20px !important } .pl-lg-30 { padding-left: 30px !important } .pl-lg-40 { padding-left: 40px !important } .pl-lg-50 { padding-left: 50px !important } .pl-lg-60 { padding-left: 60px !important } .pl-lg-70 { padding-left: 70px !important } .pl-lg-80 { padding-left: 80px !important } .pl-lg-90 { padding-left: 90px !important } .pl-lg-100 { padding-left: 100px !important } .pl-lg-110 { padding-left: 110px !important } .pl-lg-120 { padding-left: 120px !important } .pl-lg-130 { padding-left: 130px !important } .pl-lg-140 { padding-left: 140px !important } .pl-lg-150 { padding-left: 150px !important } .pl-lg-160 { padding-left: 160px !important } .pl-lg-170 { padding-left: 170px !important } .pl-lg-180 { padding-left: 180px !important } .pl-lg-190 { padding-left: 190px !important } .pl-lg-200 { padding-left: 200px !important } } @media(max-width:1199px) { .m-md-0 { margin: 0 !important } .m-md-5 { margin: 5px !important } .m-md-10 { margin: 10px !important } .m-md-15 { margin: 15px !important } .m-md-20 { margin: 20px !important } .m-md-30 { margin: 30px !important } .m-md-40 { margin: 40px !important } .m-md-50 { margin: 50px !important } .m-md-60 { margin: 60px !important } .m-md-70 { margin: 70px !important } .m-md-80 { margin: 80px !important } .m-md-90 { margin: 90px !important } .m-md-100 { margin: 100px !important } .m-md-110 { margin: 110px !important } .m-md-120 { margin: 120px !important } .m-md-130 { margin: 130px !important } .m-md-140 { margin: 140px !important } .m-md-150 { margin: 150px !important } .m-md-160 { margin: 160px !important } .m-md-170 { margin: 170px !important } .m-md-180 { margin: 180px !important } .m-md-190 { margin: 190px !important } .m-md-200 { margin: 200px !important } .p-md-0 { padding: 0 !important } .p-md-5 { padding: 5px !important } .p-md-10 { padding: 10px !important } .p-md-15 { padding: 15px !important } .p-md-20 { padding: 20px !important } .p-md-30 { padding: 30px !important } .p-md-40 { padding: 40px !important } .p-md-50 { padding: 50px !important } .p-md-60 { padding: 60px !important } .p-md-70 { padding: 70px !important } .p-md-80 { padding: 80px !important } .p-md-90 { padding: 90px !important } .p-md-100 { padding: 100px !important } .p-md-110 { padding: 110px !important } .p-md-120 { padding: 120px !important } .p-md-130 { padding: 130px !important } .p-md-140 { padding: 140px !important } .p-md-150 { padding: 150px !important } .p-md-160 { padding: 160px !important } .p-md-170 { padding: 170px !important } .p-md-180 { padding: 180px !important } .p-md-190 { padding: 190px !important } .p-md-200 { padding: 200px !important } .mt-md-0 { margin-top: 0 !important } .mt-md-5 { margin-top: 5px !important } .mt-md-10 { margin-top: 10px !important } .mt-md-15 { margin-top: 15px !important } .mt-md-20 { margin-top: 20px !important } .mt-md-30 { margin-top: 30px !important } .mt-md-40 { margin-top: 40px !important } .mt-md-50 { margin-top: 50px !important } .mt-md-60 { margin-top: 60px !important } .mt-md-70 { margin-top: 70px !important } .mt-md-80 { margin-top: 80px !important } .mt-md-90 { margin-top: 90px !important } .mt-md-100 { margin-top: 100px !important } .mt-md-110 { margin-top: 110px !important } .mt-md-120 { margin-top: 120px !important } .mt-md-130 { margin-top: 130px !important } .mt-md-140 { margin-top: 140px !important } .mt-md-150 { margin-top: 150px !important } .mt-md-160 { margin-top: 160px !important } .mt-md-170 { margin-top: 170px !important } .mt-md-180 { margin-top: 180px !important } .mt-md-190 { margin-top: 190px !important } .mt-md-200 { margin-top: 200px !important } .mr-md-0 { margin-right: 0 !important } .mr-md-5 { margin-right: 5px !important } .mr-md-10 { margin-right: 10px !important } .mr-md-15 { margin-right: 15px !important } .mr-md-20 { margin-right: 20px !important } .mr-md-30 { margin-right: 30px !important } .mr-md-40 { margin-right: 40px !important } .mr-md-50 { margin-right: 50px !important } .mr-md-60 { margin-right: 60px !important } .mr-md-70 { margin-right: 70px !important } .mr-md-80 { margin-right: 80px !important } .mr-md-90 { margin-right: 90px !important } .mr-md-100 { margin-right: 100px !important } .mr-md-110 { margin-right: 110px !important } .mr-md-120 { margin-right: 120px !important } .mr-md-130 { margin-right: 130px !important } .mr-md-140 { margin-right: 140px !important } .mr-md-150 { margin-right: 150px !important } .mr-md-160 { margin-right: 160px !important } .mr-md-170 { margin-right: 170px !important } .mr-md-180 { margin-right: 180px !important } .mr-md-190 { margin-right: 190px !important } .mr-md-200 { margin-right: 200px !important } .mb-md-0 { margin-bottom: 0 !important } .mb-md-5 { margin-bottom: 5px !important } .mb-md-10 { margin-bottom: 10px !important } .mb-md-15 { margin-bottom: 15px !important } .mb-md-20 { margin-bottom: 20px !important } .mb-md-30 { margin-bottom: 30px !important } .mb-md-40 { margin-bottom: 40px !important } .mb-md-50 { margin-bottom: 50px !important } .mb-md-60 { margin-bottom: 60px !important } .mb-md-70 { margin-bottom: 70px !important } .mb-md-80 { margin-bottom: 80px !important } .mb-md-90 { margin-bottom: 90px !important } .mb-md-100 { margin-bottom: 100px !important } .mb-md-110 { margin-bottom: 110px !important } .mb-md-120 { margin-bottom: 120px !important } .mb-md-130 { margin-bottom: 130px !important } .mb-md-140 { margin-bottom: 140px !important } .mb-md-150 { margin-bottom: 150px !important } .mb-md-160 { margin-bottom: 160px !important } .mb-md-170 { margin-bottom: 170px !important } .mb-md-180 { margin-bottom: 180px !important } .mb-md-190 { margin-bottom: 190px !important } .mb-md-200 { margin-bottom: 200px !important } .ml-md-0 { margin-left: 0 !important } .ml-md-5 { margin-left: 5px !important } .ml-md-10 { margin-left: 10px !important } .ml-md-15 { margin-left: 15px !important } .ml-md-20 { margin-left: 20px !important } .ml-md-30 { margin-left: 30px !important } .ml-md-40 { margin-left: 40px !important } .ml-md-50 { margin-left: 50px !important } .ml-md-60 { margin-left: 60px !important } .ml-md-70 { margin-left: 70px !important } .ml-md-80 { margin-left: 80px !important } .ml-md-90 { margin-left: 90px !important } .ml-md-100 { margin-left: 100px !important } .ml-md-110 { margin-left: 110px !important } .ml-md-120 { margin-left: 120px !important } .ml-md-130 { margin-left: 130px !important } .ml-md-140 { margin-left: 140px !important } .ml-md-150 { margin-left: 150px !important } .ml-md-160 { margin-left: 160px !important } .ml-md-170 { margin-left: 170px !important } .ml-md-180 { margin-left: 180px !important } .ml-md-190 { margin-left: 190px !important } .ml-md-200 { margin-left: 200px !important } } @media(max-width:991px) { .mt-sm-0 { margin-top: 0 !important } .mt-sm-5 { margin-top: 5px !important } .mt-sm-10 { margin-top: 10px !important } .mt-sm-15 { margin-top: 15px !important } .mt-sm-20 { margin-top: 20px !important } .mt-sm-30 { margin-top: 30px !important } .mt-sm-40 { margin-top: 40px !important } .mt-sm-50 { margin-top: 50px !important } .mt-sm-60 { margin-top: 60px !important } .mt-sm-70 { margin-top: 70px !important } .mt-sm-80 { margin-top: 80px !important } .mt-sm-90 { margin-top: 90px !important } .mt-sm-100 { margin-top: 100px !important } .mt-sm-110 { margin-top: 110px !important } .mt-sm-120 { margin-top: 120px !important } .mt-sm-130 { margin-top: 130px !important } .mt-sm-140 { margin-top: 140px !important } .mt-sm-150 { margin-top: 150px !important } .mt-sm-160 { margin-top: 160px !important } .mt-sm-170 { margin-top: 170px !important } .mt-sm-180 { margin-top: 180px !important } .mt-sm-190 { margin-top: 190px !important } .mt-sm-200 { margin-top: 200px !important } .mr-sm-0 { margin-right: 0 !important } .mr-sm-5 { margin-right: 5px !important } .mr-sm-10 { margin-right: 10px !important } .mr-sm-15 { margin-right: 15px !important } .mr-sm-20 { margin-right: 20px !important } .mr-sm-30 { margin-right: 30px !important } .mr-sm-40 { margin-right: 40px !important } .mr-sm-50 { margin-right: 50px !important } .mr-sm-60 { margin-right: 60px !important } .mr-sm-70 { margin-right: 70px !important } .mr-sm-80 { margin-right: 80px !important } .mr-sm-90 { margin-right: 90px !important } .mr-sm-100 { margin-right: 100px !important } .mr-sm-110 { margin-right: 110px !important } .mr-sm-120 { margin-right: 120px !important } .mr-sm-130 { margin-right: 130px !important } .mr-sm-140 { margin-right: 140px !important } .mr-sm-150 { margin-right: 150px !important } .mr-sm-160 { margin-right: 160px !important } .mr-sm-170 { margin-right: 170px !important } .mr-sm-180 { margin-right: 180px !important } .mr-sm-190 { margin-right: 190px !important } .mr-sm-200 { margin-right: 200px !important } .mb-sm-0 { margin-bottom: 0 !important } .mb-sm-5 { margin-bottom: 5px !important } .mb-sm-10 { margin-bottom: 10px !important } .mb-sm-15 { margin-bottom: 15px !important } .mb-sm-20 { margin-bottom: 20px !important } .mb-sm-30 { margin-bottom: 30px !important } } } .banniere { background: linear-gradient(to bottom, rgba(0, 0, 0, .8), rgba(114, 162, 48, .5)); height: 100% } .color-text-footer { color: #ccebcc !important } .fa-user-clock:before { content: "\f4fd" } .block2, .c-bmi [type=radio] { display: none } .img3 { margin-left: 15px !important; margin-right: 15px !important; border-radius: 2px; } .c-bmi, .c-bmi1, hr { margin-left: auto; margin-right: auto } .scroll { unicode-bidi: bidi-override; direction: rtl; overflow: scroll; overflow-x: hidden !important } #progress-container { position: fixed; bottom: 0; left: 0; width: 100%; height: 6px; z-index: 999 } #progress-bar { height: 100%; border-radius: 0 15px 15px 0 !important; background: linear-gradient(#3b5109, #55750c, #709a0f, #8bc211, #a8eb12); transition: width .2s } #arrow i { position: relative; top: 0; transition: top .5s } #arrow:hover i { top: -5px } .bout1:hover { border-radius: 20px 0 !important; background: linear-gradient(to right top, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) !important } table { border-spacing: 0; border-collapse: collapse; border-radius: 5px; width: 100% } td, th { border: 1px solid #ddd; padding: 8px; text-align: center } td { color: #000 } th { color: #fff } span.widget-meteo { color: #e3ff00 } .c-bmi, .c-bmi1 { background-color: #f4f4f4; border-radius: 10px; box-shadow: 0 5px 20px 2px #ccc; box-sizing: border-box; font-family: ui-sans-serif, system-ui, sans-serif; padding: 1rem; text-align: center; width: 100% } .entry-title, .p-name, .tittre { font-family: 'droid serif', sans-serif; line-height: 1.42857143; font-weight: 700 } input[type=radio]:checked:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #a8ce50; content: ''; display: inline-block; visibility: visible; border: 2px solid #fff } .c-bmi fieldset { border: 0; margin: 0; padding: 0 } .c-bmi__group-text { display: none; font-size: small; order: 2; padding: 1rem 0; text-align: left; width: 100% } .c-bmi__groups, .c-bmi__result, .process-alert1, div.day, div.night, hr { text-align: center } .c-bmi__groups { border: 0; flex-wrap: wrap; font-size: x-small; padding: 0; width: 100% } .c-bmi__groups label { display: block; padding: .5rem; position: relative; font-size: 12px } [for=bmi-g010], [for=bmi-g0] { background-color: #4691e2; font-size: 11px; color: #fff } [for=bmi-g011], [for=bmi-g11] { background-color: #0cb764; font-size: 11px; color: #fff } [for=bmi-g012], [for=bmi-g12] { background-color: #febf18; font-size: 11px; color: #fff } [for=bmi-g013], [for=bmi-g31] { background-color: #fc8711; font-size: 11px; color: #fff } [for=bmi-g41], [for=bmi-g4] { background-color: #ff6455; font-size: 11px; color: #fff } [for=bmi-g015], [for=bmi-g15] { background-color: #c10; font-size: 11px; color: #fff } .c-bmi__groups input:checked+label::before { background-color: #fff; clip-path: polygon(0% 0%, 0% 100%, 75.00% 50.00%); content: ''; display: inline-block; height: 1rem; left: .5rem; position: absolute; top: .7rem; width: 1rem } .c-bmi__groups input:checked+label+div { display: block } .c-bmi__label { display: block; font-size: medium; margin: 0 0 1rem; position: relative } .c-bmi__label output { position: absolute; right: 0; top: 0 } .c-bmi__range { -webkit-appearance: none; appearance: none; background-color: transparent; outline: 0; width: 100% } .c-bmi__range::-webkit-slider-runnable-track { background-image: linear-gradient(to bottom, transparent 45%, #a8ce50 45%, #a8ce50 55%, transparent 55%); cursor: pointer } .c-bmi__range::-moz-range-track { background-image: linear-gradient(to bottom, transparent 45%, #a8ce50 45%, #a8ce50 55%, transparent 55%); cursor: pointer } .c-bmi__range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: transparent; border-radius: 50%; height: 1.6rem; width: 1.6rem; background-image: url('https://www.tunisie-esthetic.com/image1/data-1.png'); background-size: cover; background-position: center; } .c-bmi__range::-moz-range-thumb { appearance: none; background-color: transparent; border-radius: 50%; height: 1.6rem; width: 1.6rem; background-image: url('https://www.tunisie-esthetic.com/image1/data-1.png'); background-size: cover; background-position: center; } .c-bmi__range:hover::-webkit-slider-thumb { appearance: none; background-color: transparent; border-radius: 50%; height: 1.6rem; width: 1.6rem; background-image: url('https://www.tunisie-esthetic.com/image1/data-2.png'); background-size: cover; background-position: center; cursor: pointer } .c-bmi__range:hover::-moz-range-thumb { appearance: none; background-color: transparent; border-radius: 50%; height: 1.6rem; width: 1.6rem; background-image: url('https://www.tunisie-esthetic.com/image1/data-2.png'); background-size: cover; background-position: center; cursor: pointer } .c-bmi__result { display: block; font-size: 200%; margin-bottom: 1.5rem } @media (min-width:600px) { .c-bmi__groups { display: flex } .c-bmi__groups input:checked+label::before { background-color: inherit; clip-path: polygon(0% 0%, 100% 0%, 50% 100%); left: 50%; top: -1rem; transform: translateX(-50%); width: 1.5rem } .c-bmi__groups label { flex: 1 } [for=bmi-g0] { border-radius: .25rem 0 0 .25rem } [for=bmi-g5] { border-radius: 0 .25rem .25rem 0 } } .left25, hr { border: none } hr { border-top: 2px double #a8ce50; color: green; height: 5px; width: 120px } span.stop:before { content: "\f0a4"; left: 0; font-size: 34px; color: #fff } hr:after { background: #fff; content: '\f185 \f185'; padding: 0 4px; font-weight: 700; position: relative; top: -14px } .fa-calendar-check:before { content: "\f274" } .logoclinic1 { margin-top: 8px; height: 60px } @media screen and (max-width:958px) { .logoclinic1 { margin-top: 1px; float: right; margin-left: -15px !important } } .padding35 { padding-left: 35px; color: #999 } .margin25 { margin-top: -25px } .left25 { padding-left: 25px; color: #999 } .margin-captcha { margin-bottom: 5px; margin-left: 15px } .process-alert1 { color: #a8ce50; font-weight: 700; font-size: 18px; margin-top: 20px } .tittre { color: #fff !important; margin-bottom: 10px; margin-top: 15px; font-size: 30px } .entry-title, .p-name { font-size: 22px; text-align: center } .entetedevis { font-size: 26px; color: green; text-decoration: underline solid #ACD973 } .paragraph { text-align: justify; font-size: 17px; line-height: 2.5em; color: #524949 } .div-meteo, div.date { color: #E3FF00 !important; font-size: 16px !important } ::-webkit-scrollbar { width: 16px; border: 5px solid #fff } ::-webkit-scrollbar-thumb { background: linear-gradient(to right bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) !important; padding: 2px; border: .05em solid #eee } ::-webkit-scrollbar-thumb:hover { background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) !important; padding: 2px; border: .05em solid #eee } ::-webkit-scrollbar-button { display: block; background-color: green; background-repeat: no-repeat; background-size: 80%; background-position: center; height: 15px } ::-webkit-scrollbar-button:vertical:start:increment { display: none } ::-webkit-scrollbar-button:vertical:start:decrement { background-image: url('../image1/Chevron-up.svg') } ::-webkit-scrollbar-button:vertical:end:increment { background-image: url('../image1/Chevron-down.svg') } ::-webkit-scrollbar-button:vertical:end:decrement { display: none } select::-webkit-scrollbar { width: 16px; border: 5px solid #fff } select::-webkit-scrollbar-thumb { background: #a8ce50 !important; padding: 2px; border: .05em solid #eee } select::-webkit-scrollbar-thumb:hover { background: #a8ce50 !important; padding: 2px; border: .05em solid #eee } .margin-60 { margin-bottom: -60px !important } .div-meteo { color: #fff !important; cursor: auto; border: 2px solid green; border-radius: 15px 0; font-weight: 600 !important; background: linear-gradient(to right bottom, #a8ce50, #a8ce50, #709a0f, #8bc211, #a8eb12) !important } .marge-3 { margin-top: -3px } .marge-15 { margin: 15px } .block6 { display: none } @media screen and (max-width:992px) { .block2, .block6 { display: block } #arrow i { position: relative; top: 0; transition: top .5s } #arrow:hover i { top: 0 } } @media screen and (max-width:768px) { #ww_fa6ea66003deb .current-name, #ww_fa6ea66003deb .current-temp { color: #E3FF00 !important; font-family: Algeria, sans-serif; font-size: 40px !important; margin-right: -25px !important; margin-left: -40px; height: 25px !important } #ww_fa6ea66003deb .current-conditions svg { height: 40px !important; width: 40px !important; margin-top: -10px !important; margin-bottom: -10px !important } } div.date { color: #E3FF00 !important; font-weight: 700; text-transform: capitalize } #ww_fa6ea66003deb .current-name, #ww_fa6ea66003deb .current-temp { color: #e3ff00 !important; font-family: Algeria, sans-serif; font-size: 40px !important; margin-right: -25px !important; margin-left: -40px; margin-bottom: -5px } #ww_fa6ea66003deb .current-conditions { margin-left: -40px !important } #ww_fa6ea66003deb .ww-box[max-width~="1279px"] .day-forecast .data svg { height: 45px !important; width: 45px !important; margin-top: -10px !important } #ww_fa6ea66003deb .ww-box .day-forecast .data svg { height: 45px !important; width: 45px !important; margin-top: -5px !important } .logoclinic3 { margin-top: 8px; width: 270px; height: 50px } @media screen and (max-width: 992px) { .qr { margin-bottom: 15px !important; width: 250px !important; height: 250px !important; } } ::placeholder { color: green; font-size: 14px; font-weight: bold; } .form-control::placeholder { color: green; font-size: 14px; font-weight: bold; } .date-container span.weekday { color: #fff; } .date-container span.month { color: #fff; } .captcha:focus, .captcha:active { outline: none !important; box-shadow: none !important; } body { --nav-load-time: 400ms; --nav-link-load-time: 500ms; --article-load-delay: calc(var(--nav-load-time) + var(--nav-link-load-time)) } nav { animation-name: nav-link-load; animation-duration: var(--nav-link-load-time); animation-timing-function: ease-in; animation-delay: var(--nav-load-time); } .bande { animation: article-load 300ms ease-in var(--article-load-delay); animation-fill-mode: forwards; transform: translateY(-20px); opacity: 0; } @keyframes nav-load { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes nav-link-load { 0% { transform: scale(0); } 90% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes nav-first-link-load { 0% { transform: translateX(-1000%); } 90% { transform: translateX(50%); } 100% { transform: translateX(0); } } @keyframes nav-last-link-load { 0% { transform: translateX(1000%); } 90% { transform: translateX(-50%); } 100% { transform: translateX(0); } } @keyframes article-load { 0% { transform: translateY(-20px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @media screen and (max-width: 992px) { .ww_col1 { display: none !important; } } table.bande { width: 100%; } th.bande, td.bande { border-width: 0 !important; padding: 0px; text-align: center; background-color: green; width: 20%; } th.bande { background-color: green; } /* Apply opacity to even-numbered columns */ .opacity-even { opacity: .85; border-width: 0 !important; } #weatherDescription { margin-top: 105px !important; vertical-align: middle !important; height: 65px; } .fa-mosque:before { content: "\f678"; font-size: 16px; color: yellow } .fa-moon:before { content: "\f186"; font-size: 20px } .fa-sun:before { content: "\f185"; font-size: 20px; } .fa-cloud-sun:before { content: "\f6c4"; font-size: 20px } .fa-cloud-moon:before { content: "\f6c3"; font-size: 20px } .fa-cloud:before { content: "\f0c2"; font-size: 20px } .fa-cloud-sun-rain:before { content: "\f743"; font-size: 20px } .fa-cloud-moon-rain:before { content: "\f743"; font-size: 20px; } .fa-cloud-showers-heavy:before { content: "\f740"; font-size: 20px; } .fa-cloud-bolt:before { content: "\f0e7"; font-size: 20px; } .fa-snowflake:before { content: "\f2dc"; font-size: 20px; } .fa-smog:before { content: "\f75f"; font-size: 20px; } .fa-c:before { content: "\43"; font-size: 18px; } .fa-star-and-crescent:before { content: "\f699"; font-size: 20px; } .flipped-horizontal { transform: scaleX(-1); /* Add vendor prefixes for wider browser support */ -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); /* Optionally, you can adjust the origin to ensure the flip is around the center */ transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; } html { -webkit-tap-highlight-color: transparent; } .move { animation-name: trin; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes trin { from { transform: rotate3d(0, 0, 1, 0deg) } 20%, 32%, 44%, 56%, 68% { transform: rotate3d(0, 0, 1, 0deg) } 23%, 35%, 47%, 59%, 71% { transform: rotate3d(0, 0, 1, 15deg) } 26%, 38%, 50%, 62%, 74% { transform: rotate3d(0, 0, 1, 0deg) } 29%, 41%, 53%, 65%, 77% { transform: rotate3d(0, 0, 1, -15deg) } 80% { transform: rotate3d(0, 0, 1, 0deg) } } .bouton-dev { animation: pulse_dex 2s infinite; -webkit-animation: pulse_dex 2s infinite; -ms-animation: pulse_dex 2s infinite; -o-animation: pulse_dex 1s infinite; } @-webkit-keyframes pulse_dex { 0% { -webkit-box-shadow: 0 0 0 0 rgb(64, 220, 64, .8) } 70% { -webkit-box-shadow: 0 0 0 10px rgba(252, 192, 0, 0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(252, 192, 0, 0) } } @keyframes pulse_dex { 0% { -moz-box-shadow: 0 0 0 0 rgb(64, 220, 64, .8); box-shadow: 0 0 0 0 rgb(64, 220, 64, .8) } 70% { -moz-box-shadow: 0 0 0 10px rgba(252, 192, 0, 0); box-shadow: 0 0 0 10px rgba(252, 192, 0, 0) } 100% { -moz-box-shadow: 0 0 0 0 rgba(252, 192, 0, 0); box-shadow: 0 0 0 0 rgba(252, 192, 0, 0) } } @-webkit-keyframes ant { 0% { background-position: 0 50% } 100% { background-position: 100% 50% } } ol.breadcrumb { margin-bottom: 0px } .banniere1 { background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); height: 100% } /*.p-name{animation: article-load 300ms ease-in var(--article-load-delay); animation-fill-mode: forwards; transform: translateY(-20px); opacity: 0;}hr{animation: article-load 300ms ease-in var(--article-load-delay); animation-fill-mode: forwards; transform: translateY(-20px); opacity: 0;}*/ .banniere { background: green; opacity: .7; height: 100%; } .fa-social { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce90), to(#a8eb12)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-social:hover { background: -webkit-gradient(linear, right bottom, right top, from(#3b5109), to(#a8eb12)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } @media (max-width: 768px) { .reseau3 { width: 48px; height: 48px; } .img1 { width: 100%; border-radius: 5px !important; object-fit: cover !important; object-position: center; padding-left: 0 !important; /* Retirer le padding gauche */ padding-right: 0 !important; /* Retirer le padding droit */ margin-left: 15px !important; /* Centrer horizontalement */ margin-right: 15px !important; /* Centrer horizontalement */ } } .v-h1 { font-size: 26px; } .wrapper1 { position: relative; animation: scroll 100s linear infinite; background: url("https://www.tunisie-esthetic.com/images/thumb2-4k-black-sand-sand-wavy-textures-macro-sand-wavy-background-min.jpg") no-repeat center center / cover; color: #005500; /* A deeper green for better readability */ height: 100vh; min-width: 360px; width: 100%; display: flex; justify-content: center; align-items: center; perspective: 1000px; perspective-origin: 50% 50%; } .wrapper1::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 128, 0, 0.5); /* Semi-transparent green overlay */ z-index: 0; } .wrapper1>* { position: relative; z-index: 1; } @keyframes scroll { from { background-position: center 0%; } to { background-position: center 100%; } } rect { fill: transparent !important; } .captcha-question { font-weight: bold; font-size: 24px; color: green; } @media (max-width: 980px) { .captcha-question { text-align: center; } .met-text { font-size: 20px !important; } #icon img { height: 35px; width: 35px } } #userAnswer::placeholder { font-size: 24px; } input#userAnswer::placeholder { text-align: center; } input:hover::placeholder { color: transparent; } textarea:hover::placeholder { color: transparent; } #userAnswer1::placeholder { font-size: 24px; } input#userAnswer1::placeholder { text-align: center; } .fa-user-tie:before { content: "\f508"; } hr { border: none; border-top: 2px double #a8ce50; color: green; overflow: visible; text-align: center; height: 5px; width: 120px; margin-left: auto; margin-right: auto; } hr:after { background: transparent !important; content: '\f185 \f185'; padding: 0 4px; font-family: "font awesome 6 free"; font-weight: bold; position: relative; top: -14px; } #drop-area { box-shadow: 0 5px 5px 2px #a8ce50; border-radius: 10px; text-align: center; font-size: 18px; Vertical-align: middle; margin-top: -30px; margin-bottom: 10px; color: #fff; background: linear-gradient(to top right, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); cursor: pointer; } #drop-area.hover { background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); opacity: .8 } .file-item { margin-bottom: 5px; border: 1px dashed #a8ce50; padding: 5px; background-color: #d0d0d0; } .trash-icon { cursor: pointer; float: right; margin-right: 5px; } .trash-icon:hover { color: #a8ce50; } .centered { display: flex; justify-content: right; height: 100%; } .cancel-button { cursor: pointer; padding: 2px 5px; background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); color: #fff; text-align: center; border: none; border-radius: 3px; margin-left: 5px; } .cancel-button:hover { opacity: 0.8; color: #fff; } .img1 { margin: 25px; max-width: 100%; height: auto; display: inline-block } @media screen and (max-width:768px) { .img1 { display: block !important; margin: 25px !important } } .delete-icon { cursor: pointer; font-size: 25px; margin-left: 5px; float: right; color: inherit; transition: color 0.3s ease; } .delete-icon:hover { background: -webkit-gradient(linear, left top, left bottom, from(#3b5109), to(#a8eb12)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .btn-custom { width: 150px; height: 45px; border-radius: 10px; margin: 0 10px; display: inline-block; font-size: 16px; text-align: center; } .langua { font-size: 14px; font-weight: bold; display: inline-flex; align-items: center; white-space: nowrap; } .dropbtn { font-size: 18px; font-weight: bold; display: inline-flex; align-items: center; white-space: nowrap; } .flag-icon { width: 20px; } .menu-icon { font-style: normal; display: inline-block; } .menu-icon::before { content: "\f0d7"; font-family: "Font Awesome 6 Free"; font-size: 24px; color: green; cursor: pointer; } .bande-lang { position: relative; z-index: 9999; animation: article-load 300ms ease-in var(--article-load-delay); animation-fill-mode: forwards; transform: translateY(-20px); opacity: 0; } .service-dropdown { position: relative; width: 100%; cursor: pointer; background-color: white; outline: none; } .service-dropdown__trigger { position: relative; padding: 8px 12px; padding-right: 30px; display: flex; align-items: center; height: 100%; line-height: 26px } .service-dropdown .arrow { position: absolute; top: 50%; right: 6px; transform: translateY(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #008000; transition: transform 0.3s; } .service-dropdown.open .arrow { transform: translateY(-50%) rotate(180deg); } .service-options { position: absolute; top: calc(100% + 5px); left: -1px; right: -1px; background: #fff; border: 1px solid #acd973; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); max-height: 250px; overflow-y: auto; z-index: 1000; display: none; margin: 0; padding: 0; } .service-dropdown.open .service-options { display: block; } .service-option { padding: 10px 12px; cursor: pointer; transition: background-color 0.2s; list-style: none; border-bottom: 1px solid #eee; } .service-option:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .service-option:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .service-option:hover { background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); color: white } .service-option.selected { background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); color: white; font-weight: bold; } .service-option.highlighted {} .search-box { padding: 8px; position: sticky; top: 0; background: white; z-index: 1; border-bottom: 1px solid #eee; } .search-input { width: 100%; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; outline: none; font-size: 14px; } .search-input:focus { border-color: #8bc211; } .dropdown-option.hidden { display: none; } .custom-dropdown { position: relative; width: 100%; cursor: pointer; background-color: white; outline: none; } .dropdown-trigger { position: relative; padding: 8px 12px; padding-right: 30px; display: flex; align-items: center; height: 100%; line-height: 28px; } .custom-dropdown .arrow { position: absolute; top: 50%; right: 6px; transform: translateY(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #008000; transition: transform 0.3s; } .custom-dropdown.open .arrow { transform: translateY(-50%) rotate(180deg); } .dropdown-options { position: absolute; top: calc(100% + 5px); left: 0; right: 0; background: #fff; border: 1px solid #acd973; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); max-height: 250px; overflow-y: auto; z-index: 1000; display: none; margin: 0; padding: 0; } .custom-dropdown.open .dropdown-options { display: block; } .dropdown-option { padding: 10px 12px; cursor: pointer; transition: background-color 0.2s; list-style: none; border-bottom: 1px solid #eee; display: flex; align-items: center; } .dropdown-option:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .dropdown-option:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .dropdown-option:hover, .dropdown-option.highlighted { background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); color: white; } .dropdown-option.selected { background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); color: white; font-weight: bold; } .dropdown-options { position: absolute; top: calc(100% + 5px); left: -1px; right: -1px; background: #fff; border: 1px solid #acd973; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); max-height: 250px; overflow-y: auto; z-index: 1000; display: none; margin: 0; padding: 0; } .flag-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 28px; height: 21px; } .search-box { padding: 10px; border-bottom: 1px solid #eee; background: #f9f9f9; } .search-input-container { position: relative; display: flex; align-items: center; } .search-input { width: 100%; padding: 8px 30px 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; } .clear-search { position: absolute; right: 10px; cursor: pointer; font-size: 20px; color: #999; padding: 0 5px; line-height: 1; } .clear-search:hover { color: #333; } .option-content { display: flex; align-items: center; } .country-flag { width: 20px; height: 15px; margin-right: 10px; border: 1px solid #eee; object-fit: cover; } .selected-name { margin-left: 10px; font-weight: bold; } .country-name { flex-grow: 1; } .no-results-message { padding: 15px; color: #666; text-align: center; font-style: italic; } #phoneNumber { padding-left: 40px; } #drapeau { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 28px; height: 21px; } .textarea-container { position: relative; display: inline-block; width: 100%; } textarea { width: calc(100% - 40px); padding-right: 40px; box-sizing: border-box; } .comment-icon { position: absolute; left: 0; top: 0; height: 100%; width: 35px; background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); display: flex; align-items: center; justify-content: center; border-radius: 5px 0px 0px 5px; border-right: 1px solid #a8ce50; } .comment-icon i.fa-comment { color: #fff; font-size: 20px; } .comment-icon1 { position: absolute; right: 0; top: 0; height: 100%; width: 35px; background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); display: flex; align-items: center; justify-content: center; border-radius: 0px 5px 5px 0px; border-left: 1px solid #a8ce50; } .custom-civility { position: relative; width: 100%; cursor: pointer; background-color: white; outline: none; border-radius: 5px; color: green; font-weight: bold; font-size: 14px; } .civility-trigger { position: relative; padding: 8px 12px; padding-right: 30px; display: flex; align-items: center; height: 100%; line-height: 26px; } .custom-civility .civility-arrow { position: absolute; top: 50%; right: 6px; transform: translateY(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #fff; transition: transform 0.3s; } .custom-civility.open .civility-arrow { transform: translateY(-50%) rotate(180deg); } .civility-options { position: absolute; top: calc(100% + 5px); left: -2px; right: -2px; background: #fff; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); z-index: 100; display: none; margin: 0; padding: 0; } .custom-civility.open .civility-options { display: block; } .civility-option { padding: 8px 12px; cursor: pointer; transition: background-color 0.2s; list-style: none; border-bottom: 1px solid #eee; } .civility-option:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } .civility-option:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom: none; } .civility-option:hover { background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); color: white; } .civility-option.selected { background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); color: white; font-weight: bold; } .civility-option.highlighted {} .float { animation: trin 3s infinite, pulse_dex 2s infinite, bot-to-top 2s ease-out } @keyframes bot-to-top { 0% { bottom: -40px } 50% { bottom: 40px } } .bout1 { border-radius: 20px 0 20px 0 !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .bout1:hover { border-radius: 0 20px 0 20px !important; transform: scale(1.02); box-shadow: 0 6px 20px rgba(15, 83, 90, 0.4) !important } input:hover, textarea:hover, .service-dropdown:hover, .custom-civility:hover, .custom-dropdown:hover { background-color: #ddf3db !important; } input:-webkit-autofill { background-color: white !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active { background-color: white !important; -webkit-box-shadow: 0 0 0px 1000px white inset !important; box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: inherit !important; transition: background-color 5000s ease-in-out 0s !important; } input:hover, textarea:hover, .custom-select:hover, .service-dropdown:hover, .countryDropdown:hover { background-color: #ddf3db !important; } .c-bmi__range { background: #f4f4f4 !important; } .c-bmi__range, .c-bmi__range:hover { background: #f4f4f4 !important; } .c-bmi__range::-webkit-slider-runnable-track, .c-bmi__range:hover::-webkit-slider-runnable-track { background-image: linear-gradient(to bottom, transparent 45%, #a8ce50 45%, #a8ce50 55%, transparent 55%); background-color: #e4e4e4; } .c-bmi__range::-moz-range-track, .c-bmi__range:hover::-moz-range-track { background: #f4f4f4 !important; } #menu-share.menu-open #menu-icon { display: flex !important; align-items: center !important; justify-content: center !important; font-family: Arial, sans-serif !important; font-weight: bold !important; } #menu-share.menu-open #menu-icon::before { content: "✕" !important; font-size: 22px !important; line-height: 1 !important; margin-top: 1px !important; font-weight: bolder !important; } .logo-te { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 25px; height: 25px; cursor: pointer; } .logo-te-circle { position: absolute; width: 100%; height: 100%; background: linear-gradient(to right bottom, #a8ce50, #a8ce50, #709a0f, #8bc211, #a8eb12) !important; border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,0.15); transition: transform 0.3s ease, box-shadow 0.3s ease; } .logo-te-text { position: relative; z-index: 1; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 14px; font-weight: 700; color: #fff; letter-spacing: 0.5px; } .logo-te:hover .logo-te-circle { transform: scale(1.05); box-shadow: 0 4px 12px rgba(0,0,0,0.2); } .date-text { font-family: 'Arial', 'Helvetica', sans-serif; font-size: 14px; font-weight: 700; color: rgb(227, 255, 0) !important; box-shadow: 0 0px 0px rgba(255, 215, 0, 0.3); white-space: nowrap; }