@import "utility-classes2.css"; @charset "utf-8"::selection { background: #333; color: #fff; text-shadow: none } .footer a { color: grey } .center { text-align: center } .grey-center { color: grey; text-align: justify } .float-right { float: right } .full { width: 100% } .formulaire { border: 1px solid #acd973; border-radius: 5px } .formualire1 { border: 1px solid #acd973; text-transform: uppercase; 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 } .presentation { margin-top: 30px !important } .radius { border-radius: 5px } .justify { text-align: justify } .left { text-align: left } .right { text-align: right !important } .invisible { display: none } .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 } .reseau2 { margin-left: 1px } .fonti { font-size: 20px } .titre-footer { color: #fff; font-size: 20px; font-weight: 600; text-align: center } .titre-footer1 { color: #fff; font-size: 20px; font-weight: 600; text-align: center; margin-top: 5px } .horaire { color: #a8ce50; font-size: 16px } .pointer { cursor: pointer } .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 } .white { color: #fff !important } .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 } .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 } .compteur2 { color: #fff; font-weight: 700 } .compteur3 { background-color: #a8ce50; text-align: center !important; border-top: 1px solid #d6d6d6; width: 100%; border-radius: 0 0 10px 10px; vertical-align: middle !important } .compteur4 { margin-left: -10px; font-size: 18px; color: #fff; font-weight: 700; text-shadow: 1px 1px 2px #000, 0 0 25px blue, 0 0 5px #00008b } .compteur5 { color: #a8ce50; font-weight: 700 } .compteur6 { font-size: 14px; color: #fff; font-weight: 700; text-shadow: 1px 1px 2px #000, 0 0 25px blue, 0 0 5px #00008b } .compteur7 { font-size: 16px; color: #fff; font-weight: 700; text-shadow: 1px 1px 2px #000, 0 0 25px blue, 0 0 5px #00008b } .compteur8 { background-color: #a8ce50; text-align: center !important; border: 2px solid #d6d6d6; width: 100%; border-radius: 10px 10px 0 0; vertical-align: middle !important } .compteur9 { margin-left: 10px; margin-top: 15px; width: 100% !important } .coloricon { color: #72a230 } .colorgreen { color: green !important } .marge30 { margin-left: 30px } .information { color: #fff; text-decoration: none } .information:hover { color: #fff; text-decoration: underline } .zindex { z-index: 10 } .bande30 { margin-bottom: -3px; line-height: 50px !important; background-color: #2A6200; z-index: 800 } .covid12 { background-color: #2A6200 !important; color: #fff } .font16 { font-size: 16px } .myClass { transparentBackgroundColorMixin(.6, #A8CE50) } #jsa1 { color: #fff } #jsa1:hover { color: #777 } #jsa2 { color: #fff } #jsa2:hover { color: #777 } #marquee { background-color: 2A6200; color: #fff; overflow: hidden; white-space: nowrap } .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: solid 2px 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 } .block1 { position: fixed; background: 0 0; color: #72a230; border: 1px solid #72a230; right: 0; font-size: 15px; text-align: center; bottom: 25%; margin: 2px; width: 25px; z-index: 100 } .block1 :hover { color: #72a230; background-color: #fff; border: 1px solid green; cursor: pointer } .grecaptcha-badge { visibility: hidden } .logoclinic { margin-top: 15px; width: 270px; height: 60px } @media screen and (max-width:767px) { .block1 { display: block } .logoclinic { margin-top: 0; float: right } .simple-marquee-container .marquee-sibling { width: 25% } } .v-h { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px) } .block2 { display: none } @media screen and (max-width:992px) { .block2 { display: block } } .bmi-calculator { width: 100%; max-width: 600px; display: table; background: #a8ce50; color: #4e5279; border-radius: 5px; box-shadow: 0 2px 10px 2px #777 } .result { display: table; width: 100% } .result-text { width: 100%; display: table-cell; vertical-align: middle; text-align: center; padding: 20px; border: none; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #66c543; background: -webkit-linear-gradient(left top, #66C543, #66C543); background: -o-linear-gradient(bottom right, #66C543, #66C543); background: -moz-linear-gradient(bottom right, #66C543, #66C543); background: linear-gradient(to bottom right, #66C543, #66C543); transition: all .4s ease-in; -webkit-transition-delay: 2s; transition-delay: 2s; box-shadow: 0 5px 20px 2px #333 } h1 { color: #fff; font-size: 3em; margin: 8px 0; padding: 0 } small { font-size: 1em; text-transform: uppercase; font-weight: 400; color: #fff } .calculator { padding: 20px } .calculator-title { font-weight: 500; text-transform: uppercase; font-size: 1.8em; padding: 15px } .calculator-hr { margin-top: -10px; width: 100%; border: 1.8px dashed #f73946; border-radius: 15px } .field-text { font-size: 1.3em; color: #5d3200; font-weight: 700; padding: 8px; display: inline-block } .label-height:after { content: ' cm'; font-size: .5em; color: #fff; font-weight: 700; text-align: center; margin-top: -12px } .label-weight:after { content: ' kg'; font-size: .5em; color: #fff; font-weight: 400 } .submit { text-align: center } #submit { background: #32c1ce; background: -webkit-linear-gradient(left top, #32C1CE, #1A686F); background: -o-linear-gradient(bottom right, #32C1CE, #1A686F); background: -moz-linear-gradient(bottom right, #32C1CE, #1A686F); background: linear-gradient(to bottom right, #32C1CE, #1A686F); border: none; border-radius: 30px; padding: 4px 25px; color: #fff; font-size: 1.5em; font-weight: 100; transition: all .3s ease-in; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer } h2.entete, h3.entete { color: green; font-size: 22px } h3.entete:before { color: green; font-family: "font awesome 6 free"; display: inline-block; margin-left: 6px; padding-left: 6px; vertical-align: middle; transform: rotate(180deg); content: "\f0a9" } h2.entete:before { color: green; font-family: "font awesome 6 free"; display: inline-block; padding-right: 6px; vertical-align: middle; transform: rotate(180deg); content: "\f0a9" } #jsa1 { color: #fff } #jsa1:hover { color: #777 } #jsa2 { color: #fff } #jsa2:hover { color: #777 } #marquee { background-color: red; color: #fff; overflow: hidden; 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; font-weight: 400; background-color: #fff; background-attachment: fixed } a { color: #999; text-decoration: none } a:focus, a:hover { color: #c3da54; text-decoration: none } a img { border: none } img { max-width: 100% } iframe { border: none !important } .h1, h1 { font-size: 36px } .h2, h2 { font-size: 30px } .h3, h3 { font-size: 24px } .h4, h4 { font-size: 20px } .h5, h5 { font-size: 16px } .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 } .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 } .h4, .h5, .h6, h4, h5, h6 { font-weight: 700 } 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 } .font-montserrat { font-family: Montserrat, sans-serif } .font-raleway { font-family: Raleway, sans-serif } .font-opensans { font-family: open sans, sans-serif } .font-playfair { font-family: playfair display, serif } .font-droid { font-family: 'droid serif', sans-serif } .breadcrumb { background-color: transparent; padding-left: 0 } .breadcrumb>li+li::before { content: "\f22d"; font-family: "font awesome 6 free"; font-size: 15px } .breadcrumb li.active { color: #111 } .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 } } .drop-caps p { text-align: justify } .drop-caps p:first-child:first-letter { color: #111; display: block; float: left; font-size: 48px; line-height: 48px; margin: 6px 3px; padding: 10px 18px } .drop-caps.text-colored p:first-child:first-letter { display: block; float: left; font-size: 48px; line-height: 48px; margin: 6px 3px; padding: 10px 18px } .drop-caps.border p:first-child:first-letter { border: 1px solid; margin: 8px 16px 0 0; padding: 15px 20px } .drop-caps.border-rounded p:first-child:first-letter { border: 1px solid; border-radius: 50%; margin: 8px 16px 0 0; padding: 15px 20px } .drop-caps.colored-square p:first-child:first-letter { color: #fff; margin: 8px 16px 0 0; padding: 15px 20px } .drop-caps.colored-rounded p:first-child:first-letter { color: #fff; margin: 8px 16px 0 0; padding: 15px 20px; border-radius: 50% } .drop-caps.dark-square p:first-child:first-letter { background: #222; color: #fff; margin: 8px 16px 0 0; padding: 15px 20px } .drop-caps.dark-rounded p:first-child:first-letter { background: #222; color: #fff; margin: 8px 16px 0 0; padding: 15px 20px; border-radius: 50% } .text-highlight { background: none repeat scroll 0 0 #111; border-radius: 4px; color: #fff; padding: 0 5px 3px } .text-highlight.light { background: grey } html { font-size: 100%; max-width: 100% } @media only screen and (max-width:991px) { html { font-size: 90% } } @media only screen and (max-width:767px) { html { font-size: 85% } } @media only screen and (max-width:479px) { html { font-size: 80% } } html, html a { -webkit-font-smoothing: antialiased } body { max-width: 100%; overflow-x: hidden } img { max-width: 100% } ol, ul { list-style: none; margin: 0; padding: 0 } .fluid-video-wrapper { padding: 0; position: relative; width: 100% } iframe { border: none; width: 100% } .lead { font-size: 18px } .text-highlight { background: none repeat scroll 0 0 #111; border-radius: 4px; color: #fff; padding: 0 5px 3px } .text-highlight.light { background: grey } .inline-block { display: inline-block } .display-block { display: block } .fullwidth { width: 100% } .bg-hover-theme-colored { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .text-underline { text-decoration: underline } .heading-line-bottom { border-bottom: 1px dashed grey; display: inline-block; margin: 0; position: relative; margin: 20px 0 } .heading-line-bottom::after { content: ""; height: 2px; left: 0; position: absolute; top: 4px; width: 20px } .heading-title { margin-top: 10px } .line-bottom { position: relative; margin-bottom: 30px; padding-bottom: 10px } .line-bottom:after { bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; width: 50px } .line-bottom-centered { position: relative; margin: 10px 0 20px } .line-bottom-centered:after { background: #2b96cc none repeat scroll 0 0; bottom: -8px; content: ""; height: 1px; left: 0; margin-left: auto; margin-right: auto; margin-top: 0; position: absolute; right: 0; width: 30px } .title-icon [class^=flaticon-]::after, .title-icon [class^=flaticon-]::before { font-size: 48px; margin-left: 10px } .title-icon { margin: 0 auto; max-width: 160px; position: relative } .title-icon::after { content: ""; height: 2px; left: 24px; position: absolute; top: 10px; width: 30px } .title-icon::before { content: ""; height: 2px; position: absolute; right: 20px; top: 10px; width: 30px } ol, ul { list-style: none; margin: 0; padding: 0 } ol ul, ul ul { margin-left: 15px } ul.list { list-style: outside none none; margin-top: 13px; padding-left: 0 } ul.list li { margin: 5px 0; font-weight: 500; padding-left: 15px; position: relative } ul.list li:before { border: none; color: #a9a9a9; content: "\f111"; display: inline-block; font-family: "font awesome 6 free"; font-size: 9px; margin-right: 10px; padding: 0; left: 0; position: absolute; top: 1px } ul.list li:hover:before { background: 0 0; border-color: transparent } ul.list li a { text-decoration: none; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } ul.list.list-white li:before { color: #fff } ul.list.list-white li:hover:before { background: 0 0; border-color: transparent } ul.list.list-white li a { color: #fff; text-decoration: none; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in } ul.list-border-bottom li { border-bottom: 1px solid #eee; padding-bottom: 10px } ul.list.list-border-bottom li:last-child { border-bottom: none } ul.list-border-bottom.no-padding li { padding-bottom: 0 } ul.list-border-bottom.no-padding li:last-child { border-bottom: none } .list-border li { border-bottom: 1px dashed #d3d3d3; padding: 10px 0 } .dark .list-border li { border-bottom: 1px dashed #333 } .list-icon li { font-size: 14px; margin: 0 } .list-icon li i { color: #555; font-size: 14px; height: 28px; line-height: 28px; margin: 5px 10px 5px 0; text-align: center; width: 28px } .list-icon.square li i { background: silver; color: #555; font-size: 12px; height: 28px; line-height: 28px; margin: 5px 10px 5px 0; text-align: center; width: 28px } .list-icon.rounded li i { color: #555; background: silver; border-radius: 50%; font-size: 12px; height: 28px; line-height: 28px; margin: 5px 10px 5px 0; text-align: center; width: 28px } .list-icon.theme-colored.square li i { color: #fff } .list-icon.theme-colored.rounded li i { color: #fff } .list-info li { clear: both; position: relative } .list-info li label { display: inline-block; font-weight: 700; padding: 5px 0 0 } .list-info li span { left: 110px; padding: 5px 0; position: absolute } .list-features { -moz-column-count: 3; column-count: 3 } .list-dashed>article { border-bottom: 1px dashed #d3d3d3 !important; margin-bottom: 7px; padding-bottom: 7px } .list-dashed>div { border-bottom: 1px dashed #d3d3d3 !important; margin-bottom: 7px; padding-bottom: 7px } .list-dashed>li { border-bottom: 1px dashed #d3d3d3 !important; margin-bottom: 7px; padding-bottom: 7px } .list-dashed.dark-dash>article { border-bottom: 1px dashed #333 !important } .list-dashed.dark-dash>div { border-bottom: 1px dashed #333 !important } .list-dashed.dark-dash>li { border-bottom: 1px dashed #333 !important } ul.list.check li:before { content: "\f00c"; font-family: "font awesome 6 free"; font-size: 12px } ul.list.angle-double-right li:before { content: "\f101"; font-family: "font awesome 6 free"; font-size: 12px } ul.list.angle-right li:before { content: "\f105"; font-family: "font awesome 6 free" } ul.list.check-circle li:before { content: "\f058"; font-family: "font awesome 6 free"; font-size: 14px } .call-to-action { width: 100%; padding-bottom: 20px; padding-top: 20px } section { position: relative } section>.container, section>.container-fluid { padding-top: 60px; padding-bottom: 60px } .bg-video { height: 100%; position: absolute; text-align: center; width: 100%; z-index: -1 } .bg-video .video { height: 100%; left: 0; margin: 0 !important; position: relative; top: 0; width: 100% } .bg-video .video .mbYTP_wrapper { z-index: -1 !important } .display-table-parent { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .display-table { display: table; height: 100%; position: relative; width: 100% } .display-table-cell { display: table-cell; height: 100%; vertical-align: middle } .scrollToTop { background: #a8ce50; bottom: 15px; display: none; height: 50px; padding: 2px; position: fixed; right: 10px; text-align: center; text-decoration: none; width: 50px; z-index: 99999 } .scrollToTop i { color: #fff; font-size: 42px } .scrollToTop:hover { background: #a8ce50; text-decoration: none } .mfp-close-btn-in .mfp-close { color: #eee; font-size: 64px } .heading-border { border-bottom: 1px solid #d3d3d3; margin: 30px 0; padding: 20px 0 } .fc-day-number { color: #333 } .fc-day-number.fc-other-month { opacity: .4 } .scrolltofixed-container { position: static } .tp-bannertimer { z-index: 21 } .mfp-close-btn-in .mfp-close { color: #fff; font-size: 48px } .layer-overlay { position: relative } .layer-overlay::before { background: rgba(17, 17, 17, .5) none repeat scroll 0 0; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0 } .layer-overlay.overlay-light::before { background-color: rgba(255, 255, 255, .4) } .layer-overlay.overlay-lighter::before { background-color: rgba(255, 255, 255, .3) } .layer-overlay.overlay-deep::before { background-color: rgba(255, 255, 255, .9) } .layer-overlay.overlay-dark::before { background-color: rgba(17, 17, 17, .85) } .layer-overlay.overlay-dark-1::before { background-color: rgba(17, 17, 17, .1) } .layer-overlay.overlay-dark-2::before { background-color: rgba(17, 17, 17, .2) } .layer-overlay.overlay-dark-3::before { background-color: rgba(17, 17, 17, .3) } .layer-overlay.overlay-dark-4::before { background-color: rgba(17, 17, 17, .4) } .layer-overlay.overlay-dark-5::before { background-color: rgba(17, 17, 17, .5) } .layer-overlay.overlay-dark-6::before { background-color: rgba(17, 17, 17, .6) } .layer-overlay.overlay-dark-7::before { background-color: rgba(17, 17, 17, .7) } .layer-overlay.overlay-dark-8::before { background-color: rgba(17, 17, 17, .8) } .layer-overlay.overlay-dark-9::before { background-color: rgba(17, 17, 17, .9) } .layer-overlay.overlay-white::before { background-color: rgba(255, 255, 255, .4) } .layer-overlay.overlay-white-1::before { background-color: rgba(255, 255, 255, .1) } .layer-overlay.overlay-white-2::before { background-color: rgba(255, 255, 255, .2) } .layer-overlay.overlay-white-3::before { background-color: rgba(255, 255, 255, .3) } .layer-overlay.overlay-white-4::before { background-color: rgba(255, 255, 255, .4) } .layer-overlay.overlay-white-5::before { background-color: rgba(255, 255, 255, .5) } .layer-overlay.overlay-white-6::before { background-color: rgba(255, 255, 255, .6) } .layer-overlay.overlay-white-7::before { background-color: rgba(255, 255, 255, .7) } .layer-overlay.overlay-white-8::before { background-color: rgba(255, 255, 255, .8) } .layer-overlay.overlay-white-9::before { background-color: rgba(255, 255, 255, .9) } .layer-overlay.layer-pattern::before { background-image: url(../images/pattern1.png); background-color: rgba(0, 0, 0, .6) } .layer-overlay.layer-pattern2::before { background-image: url(../images/pattern2.png); background-color: rgba(0, 0, 0, .8) } .layer-overlay.layer-pattern3::before { background-image: url(../images/pattern3.png); background-color: rgba(0, 0, 0, .8) } .layer-overlay.maximage-layer-overlay::before { z-index: 1 } .layer-overlay.overlay-blue::before { background-color: rgba(1, 162, 208, .9) } .layer-overlay.overlay-blue-light::before { background-color: rgba(1, 162, 208, .45) } .layer-overlay.overlay-pink::before { background-color: rgba(235, 110, 142, .9) } .layer-overlay.overlay-pink-light::before { background-color: rgba(235, 110, 142, .45) } .layer-overlay.overlay-brown::before { background-color: rgba(60, 171, 111, .9) } .layer-overlay.overlay-brown-light::before { background-color: rgba(60, 171, 111, .45) } .layer-overlay.overlay-yellow::before { background-color: rgba(255, 187, 34, .9) } .layer-overlay.overlay-yellow-light::before { background-color: rgba(255, 187, 34, .45) } .layer-overlay.overlay-green::before { background-color: rgba(16, 196, 92, .9) } .layer-overlay.overlay-green-light::before { background-color: rgba(16, 196, 92, .45) } .layer-overlay.overlay-theme-color-1::before { background-color: rgba(173, 216, 230, .9) } .layer-overlay.overlay-theme-color-2::before { background-color: rgba(230, 173, 188, .9) } .layer-overlay.overlay-theme-color-3::before { background-color: rgba(230, 216, 173, .9) } .half-divider .overlay-theme-color-1, .half-divider .overlay-theme-color-2, .half-divider .overlay-theme-color-3 { content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 50% } .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 } @media only screen and (max-width:767px) { .header-top .header-widget .contact-info { margin-bottom: 20px } .header-top .header-widget .contact-info li { display: block; text-align: center } } .menuzord-brand img { max-height: 38px } @media only screen and (max-width:767px) { .menuzord-brand img { max-height: 30px } } .header-nav .header-nav-wrapper .menuzord { padding: 0 } .header-nav.navbar-transparent.animated-active { background-color: rgba(0, 0, 0, .25) } .nav-sidebar li { background: #f1f1f1; padding-bottom: 0 } .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 } .header-nav { position: relative } .header-nav .header-nav-absolute-wrapper { width: 100% } .header-nav .header-nav-wrapper .menuzord { padding: 0 } .menuzord-menu>li { padding: 24px 0 } .menuzord-menu ul.dropdown { top: 83px } .menuzord-menu>li>a { font-size: 13px; color: #333 } .menuzord .menuzord-menu ul.dropdown li:hover>a i, .menuzord .menuzord-menu>li.active>a i, .menuzord .menuzord-menu>li:hover>a i { color: #fff } .menuzord-menu ul.dropdown { border: 1px solid #eee } .menuzord-menu ul.dropdown li { margin: 0 } .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 } .menuzord-menu>li>.megamenu .megamenu-row li.active a i, .menuzord-menu>li>.menuzord-menu>li>.megamenu .megamenu-row li:hover a i { color: #fff } @media only screen and (max-width:900px) { .menuzord-menu { background: #fff } } .header-nav .header-nav-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed { border-bottom: 1px solid #eee } .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 { -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s } .form-control { border-radius: 0; box-shadow: none; height: 45px; border: 1px solid #eee } label { font-weight: 400 } form label { font-weight: 700 } form .form-control.error { border: 2px solid #ee163b } form .error { color: #ee163b } .donation-form .form-group label.radio-inline { color: grey } .form-text-white .form-group label { color: #fff } .side-push-panel { overflow-x: hidden } .side-push-panel.fullwidth-page #wrapper { right: 0; position: relative } .side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container { right: 0 } .side-push-panel.fullwidth-page.side-panel-left #wrapper { left: 0; right: auto } .side-push-panel.fullwidth-page.side-panel-left header .header-nav-wrapper.scroll-to-fixed-fixed .container { left: 0; right: auto } .side-push-panel.fullwidth-page.side-panel-open #wrapper { right: 300px } .side-push-panel.fullwidth-page.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container { right: 300px } .side-push-panel.fullwidth-page.side-panel-left.side-panel-open #wrapper { left: 300px; right: auto } .side-push-panel.fullwidth-page.side-panel-left.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container { left: 300px; right: auto } .side-push-panel.has-side-panel .menuzord .showhide { float: left } .has-side-panel .body-overlay { -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; background-color: rgba(0, 0, 0, .6); height: 100%; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: -1 } } .gallery-isotope.gutter .gallery-item { padding-right: 5px; padding-bottom: 5px } .gallery-isotope.gutter-small .gallery-item { padding-right: 2px; padding-bottom: 2px } .gallery-isotope.gutter-30 .gallery-item { padding-right: 30px; padding-bottom: 30px } .gallery-isotope.gutter-40 .gallery-item { padding-right: 40px; padding-bottom: 40px } .gallery-isotope.gutter-50 .gallery-item { padding-right: 50px; padding-bottom: 50px } .gallery-isotope.gutter-60 .gallery-item { padding-right: 60px; padding-bottom: 60px } .gallery-isotope .gallery-item { width: 25% } .gallery-isotope .gallery-item.wide { width: 50% } .gallery-isotope.grid-1 .gallery-item { width: 100% } .gallery-isotope.grid-1 .gallery-item.wide { width: 100% } .gallery-isotope.grid-2 .gallery-item { width: 50% } .gallery-isotope.grid-2 .gallery-item.wide { width: 100% } .gallery-isotope.grid-3 .gallery-item { width: 33.333% } .gallery-isotope.grid-3 .gallery-item.wide { width: 66.6667% } .gallery-isotope.grid-4 .gallery-item { width: 25% } .gallery-isotope.grid-4 .gallery-item.wide { width: 50% } .gallery-isotope.grid-5 .gallery-item { width: 20% } .gallery-isotope.grid-5 .gallery-item.wide { width: 40% } .gallery-isotope.grid-6 .gallery-item { width: 16.666666667% } .gallery-isotope.grid-6 .gallery-item.wide { width: 33.333% } .gallery-isotope.grid-7 .gallery-item { width: 14.2857143% } .gallery-isotope.grid-7 .gallery-item.wide { width: 28.5714286% } .gallery-isotope.grid-8 .gallery-item { width: 12.5% } .gallery-isotope.grid-8 .gallery-item.wide { width: 25% } .gallery-isotope.grid-9 .gallery-item { width: 11.11% } .gallery-isotope.grid-9 .gallery-item.wide { width: 22.22% } .gallery-isotope.grid-10 .gallery-item { width: 10% } .gallery-isotope.grid-10 .gallery-item.wide { width: 20% } @media only screen and (max-width:991px) { .gallery-isotope .gallery-item { width: 33.333% !important } .gallery-isotope .gallery-item.wide { width: 66.6667% !important } } @media only screen and (max-width:767px) { .gallery-isotope .gallery-item { width: 50% !important } .gallery-isotope .gallery-item.wide { width: 100% !important } } @media only screen and (max-width:479px) { .gallery-isotope .gallery-item { width: 100% !important } .gallery-isotope .gallery-item.wide { width: 100% !important } } .gallery-isotope .gallery-item { overflow: hidden } .gallery-isotope .gallery-item .thumb { position: relative; overflow: hidden } .gallery-isotope .gallery-item .hover-link { position: absolute; top: 0; left: 0; display: inline-block; vertical-align: middle; width: 100%; height: 100%; background: 0 0 !important; color: transparent !important; z-index: 11 } .gallery-isotope .gallery-item .overlay-shade { position: absolute; display: inline-block; vertical-align: middle; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; background-color: #333; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .gallery-isotope .gallery-item:hover .overlay-shade { opacity: .9 } .gallery-isotope .gallery-item .icons-holder { position: absolute; top: 0; left: 50%; display: inline-block; width: auto; height: 36px; vertical-align: middle; z-index: 13; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .gallery-isotope .gallery-item .icons-holder .icons-holder-inner { position: relative; display: inline-block; vertical-align: middle; margin: -18px 0 0 -50% } .gallery-isotope .gallery-item .icons-holder .icons-holder-inner a { opacity: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .gallery-isotope .gallery-item:hover .icons-holder { top: 50% } .gallery-isotope .gallery-item:hover .icons-holder .icons-holder-inner a { opacity: 1 } .gallery-isotope .gallery-item .portfolio-description { padding: 10px 15px; background-color: #f8f8f8 } .gallery-isotope .gallery-item .portfolio-description .title { margin: 0 } .gallery-isotope .gallery-item .portfolio-description .title a { color: #111 } .gallery-isotope .gallery-item .text-holder { box-sizing: border-box; display: block; height: 100%; left: 0; opacity: 0; overflow: hidden; padding: 25px 30px 60px; position: absolute; top: 0; -webkit-transition: opacity .3s ease-in-out 0s; -o-transition: opacity .3s ease-in-out 0s; transition: opacity .3s ease-in-out 0s; width: 100%; z-index: 13 } .gallery-isotope .gallery-item .text-holder .title { color: #fff } .gallery-isotope .gallery-item:hover .text-holder { opacity: 1 } .gallery-isotope .flex-control-nav { z-index: 111 } #home .revslider-fullscreen { min-height: auto } .gallery_sec .gallery_img { float: left; padding-top: 3px } .gallery_sec .gallery_img:nth-child(2), .gallery_sec .gallery_img:nth-child(4), .gallery_sec .gallery_img:nth-child(5) { padding-left: 3px } .transform_img_holder { overflow: hidden; position: relative } .gallery_sec .gallery_img .overlay { background: rgba(26, 139, 179, .9) none repeat scroll 0 0; cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; transform: scale(0); transition: all .25s ease-in-out 0s; width: 100% } .overlay { background: rgba(23, 130, 199, .9) none repeat scroll 0 0 } .attorney-address li { background-color: #f7f7f7; margin-bottom: 30px; padding: 15px 20px } .opening-hours ul li { border-bottom: 1px solid #eee; padding: 10px 0; margin-bottom: 0 } .opening-hours ul li span { float: left } .opening-hours ul li .value { float: right } textarea { resize: none } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-dark { color: #fff; background-color: #222; border-color: #222 } .btn-flat { border-radius: 0 } .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 } .btn-transparent { background-color: transparent; color: #fff } .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; overflow: hidden; 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 } .divider .container { padding-top: 60px; padding-bottom: 60px } .funfact { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .funfact i { font-size: 45px } .funfact .animate-number { line-height: 1 } .opening-hours ul li { border-bottom: 1px solid #eee; padding: 10px 0; margin-bottom: 0 !important } .opening-hours ul li span { float: left } .opening-hours ul li .value { float: right } .section-title { 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: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .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 { margin-bottom: 40px } .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 } .widget ul.list li::before { display: none } .widget.dark ul.list li::before { display: none } .horizontal-contact-widget { border-top: 1px dashed #d3d3d3 } .horizontal-contact-widget .each-widget::before { content: "\f111"; font-family: "font awesome 6 free"; left: 0; position: absolute; right: 0; top: -42px } .widget.dark .btn.btn-default { border-color: #333 } .menu-arab a { font-weight: 700 } .dropbtn { background-color: #567B24; border-radius: 5px 5px 0 0; color: #fff; padding: 10px; margin-bottom: 0; height: 90%; font-size: 13px; border: none; cursor: pointer; 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 0 0 0; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2); z-index: 1 } .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 } .dropdown:hover .dropdown-content { display: block } .dropdown:hover .dropbtn { background-color: #567B24 } ::-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; border-radius: 50px } ::-webkit-scrollbar-thumb:hover { background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) !important; padding: 2px; border: .05em solid #eee; border-radius: 50px } ::-webkit-scrollbar-button { display: block; background-color: green; background-repeat: no-repeat; background-size: 80%; background-position: center; height: 15px } ::-webkit-scrollbar-track { background: #ccc } ::-webkit-scrollbar-button:vertical:start:increment { display: none } ::-webkit-scrollbar-button:vertical:start:decrement { background-image: url(https://www.tunisie-esthetic.com/image1/Chevron-up.svg) } ::-webkit-scrollbar-button:vertical:end:increment { background-image: url(https://www.tunisie-esthetic.com/image1/Chevron-down.svg) } ::-webkit-scrollbar-button:vertical:end:decrement { display: none } input[type="text"]:focus { border-color: #a8ce50; box-shadow: 0 0 8px 0 #a8ce50 } input[type="tel"]:focus { border-color: #a8ce50; box-shadow: 0 0 8px 0 #a8ce50 } textarea:focus { border-color: #a8ce50 !important; box-shadow: 0 0 8px #a8ce50 !important } select:focus { border-color: #a8ce50 !important; box-shadow: 0 0 8px #a8ce50 !important } .styling { background-color: transparent; color: #a8ce50; font: bold 25px aial; padding: 3px; margin-top: 5px } .unselectable { -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .scrollable-menu { height: auto; max-height: 250px; overflow-x: hidden } .center { text-align: center !important } .fontuser { position: relative !important } .fontuser i { font-family: 'Font Awesome 6 Free'; position: absolute !important; right: 12px !important; top: 38px; color: #a8ce50; font-size: 18px !important } select { font-family: 'Lato', 'Font Awesome 5 Free', 'Font Awesome 5 Brands'; color: green; font-weight: 1000 } .colon { color: #fff; margin: 0 3px; padding-bottom: 6px } .header1 { position: fixed; bottom: 0; z-index: 1; width: 100%; background-color: transparent } .progress-container1 { width: 100%; height: 8px; background: transparent } .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: animate-stripes 3s linear infinite; -moz-animation: animate-stripes 3s linear infinite } @-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 } } #owl-demo .item { margin: 3px } #owl-demo .item img { display: block; width: 100%; height: auto } .paragraph { text-align: justify; font-size: 17px; line-height: 2.5em; color: #000 } li a { font-size: 14px !important } .position-lang { float: right; margin-right: 55px; line-height: 40px !important } .none1 { display: none } .menu-lang { font-size: 14px; font-weight: 700; margin-right: 35px } .width-logo { width: 200px } .marge-menu { margin-top: -2px } .radius5 { border-radius: 5px } .no-cursor { cursor: default } hr { border-bottom: 3px ridge #a8ce50 } .title-icon { width: 66px; height: 20px } .layer-overlay1.overlay-green-5::before { background-color: rgba(168, 206, 80, .3) } .layer-overlay1::before { background: rgba(168, 206, 80, .3) none repeat scroll 0 0; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0 } .lemon-green { color: #e3ff00 !important } @media (max-width:768px) { .reseau3 { width: 48px; height: 48px } } .blink_me { animation: blinker 3s linear infinite } @keyframes blinker { 50% { opacity: 0 } } .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; cursor: pointer; display: inline-block; font-family: Arial; font-size: 20px; padding: 8px 30px; text-align: center; text-decoration: none; margin-left: 20px; -webkit-animation: glowing 1300ms infinite; -moz-animation: glowing 1300ms infinite; -o-animation: glowing 1300ms infinite; animation: glowing 1300ms infinite } .clock2 { width: 100%; margin: 0 auto; color: #fff; font-size: 20px; font-weight: 700; letter-spacing: 3px } @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-right: 25px; float: left } @media(max-width:768px) { .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); background-image: none; cursor: pointer } select::-ms-expand { display: none } .select { position: relative; display: flex; height: 3em; border-radius: .25em; overflow: hidden } .select::after { content: '\25BC'; position: absolute; top: 0; color: #fff; left: 0; padding: .9em; background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12); transition: .25s all ease; pointer-events: none } .select:hover::after { color: #fff } .input-icon { position: absolute; right: 5px; color: #a8ce50; font-size: 18px; top: calc(50% - 0.8em) } .input-wrapper { position: relative } .fa-gradient { background: -webkit-gradient(linear, left top, left bottom, from(#3b5109), to(#a8eb12)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-gradient1 { background: -webkit-gradient(linear, left top, left bottom, from(#3b5109), to(#a8eb12)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-gradient1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#3b5109), to(#a8eb12)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .blob.green { font-weight: 700; background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) } .blob.green:hover { background: rgba(114, 162, 48, 1); background: linear-gradient(to right top, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) } strong { color: #2A6200; font-weight: 700 } b { color: #2A6200; font-weight: 700 } .blob.whatsapp3 { font-weight: 700; background: linear-gradient(to left bottom, #0c5e08, #1e7618, #2e8e28, #3ea837, #4dc247) } .blob.whatsapp3:hover { background: rgba(114, 162, 48, 1); background: linear-gradient(to right top, #0c5e08, #1e7618, #2e8e28, #3ea837, #4dc247) } .blob.line3 { font-weight: 700; background: linear-gradient(to left bottom, #0c5e08, #12761a, #158f2c, #13a93f, #04c453) } .blob.line3:hover { background: rgba(114, 162, 48, 1); background: linear-gradient(to right top, #0c5e08, #12761a, #158f2c, #13a93f, #04c453) } .blob.instagram3 { font-weight: 700; background: linear-gradient(to left bottom, #833913, #9f481c, #bb5724, #d9672e, #f77737) } .blob.instagram3:hover { background: rgba(114, 162, 48, 1); background: linear-gradient(to right top, #833913, #9f481c, #bb5724, #d9672e, #f77737) } .bout { border-radius: 20px 0 20px 0px !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 } .fa-facebook1 { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce50), to(#3B5998)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-facebook1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#a8ce50), to(#3B5998)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-twitter1 { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce50), to(#1DA1F2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-twitter1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#a8ce50), to(#1DA1F2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-instagram1 { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce50), to(#C32AA3)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-instagram1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#a8ce50), to(#C32AA3)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-pinterest1 { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce50), to(#E60023)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-pinterest1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#a8ce50), to(#E60023)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-tik1 { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce50), to(#EE1D52)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-tik1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#a8ce50), to(#EE1D52)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-linkedin1 { background: -webkit-gradient(linear, left top, left bottom, from(#a8ce50), to(#0072b1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .fa-linkedin1:hover { background: -webkit-gradient(linear, right bottom, right top, from(#a8ce50), to(#0072b1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .blob.messenger3 { font-weight: 700; background: linear-gradient(to left bottom, #082f53, #00447b, #0059a5, #006ed2, #0084ff) } .blob.messenger3:hover { background: rgba(114, 162, 48, 1); background: linear-gradient(to right top, #082f53, #00447b, #0059a5, #006ed2, #0084ff) } .blob.viber3 { font-weight: 700; background: linear-gradient(to left bottom, #3b0c62, #4b1f70, #5b2f7f, #6b408e, #7b519d) } .blob.viber3:hover { background: rgba(114, 162, 48, 1); background: linear-gradient(to right top, #3b0c62, #4b1f70, #5b2f7f, #6b408e, #7b519d) } .blob.telephone3 { font-weight: 700; background: linear-gradient(to left bottom, #6b250b, #893111, #a93e17, #ca4b1d, #ec5923) } .blob.telephone3:hover { background: rgba(114, 162, 48, 1); background: linear-gradient(to right top, #6b250b, #893111, #a93e17, #ca4b1d, #ec5923) } .blob.mail3 { font-weight: 700; background: linear-gradient(to left bottom, #9b1111, #b31a19, #cc2221, #e52b2a, #ff3333) } .blob.mail3:hover { background: rgba(114, 162, 48, 1); background: linear-gradient(to right top, #9b1111, #b31a19, #cc2221, #e52b2a, #ff3333) } .blob.sms3 { font-weight: 700; background: linear-gradient(to left bottom, #095323, #156f34, #208d46, #2bac58, #36cc6c) } .blob.sms3:hover { background: rgba(114, 162, 48, 1); background: linear-gradient(to right top, #095323, #156f34, #208d46, #2bac58, #36cc6c) } .blob.telegram3 { font-weight: 700; background: linear-gradient(to left bottom, #0a587d, #046490, #0070a4, #007cb8, #0088cc) } .blob.telegram3:hover { background: rgba(114, 162, 48, 1); background: linear-gradient(to right top, #0a587d, #046490, #0070a4, #007cb8, #0088cc) } img:hover { cursor: pointer; transform: scale(1.05) } .face:hover { transform: translate3d(0, 0, 0); backface-visibility: hidden } .block5 { position: fixed; background-color: #fff; border: 1px solid #a8ce50; font-weight: 700; color: green; right: 0; text-align: center; bottom: 35%; margin: 2px; width: 25px; z-index: 100 } .block1 div:hover { color: green; background-color: #fff; border: 1px solid #a8ce50; cursor: pointer } .clock { display: inline-block; text-align: center; color: #fff; font-size: 16px; font-family: 'Orbitron', sans-serif } .align { font-size: 18px; text-align: center } .menuzord-menu>li { padding: 18px 0 } .menuzord-menu>li>a { padding: 8px 16px; border-radius: 30px } .menuzord-menu>li.active>a, .menuzord-menu>li:hover>a { background: #333; color: #fff } .menuzord-menu ul.dropdown { top: 71px } .menuzord-menu ul.dropdown li ul.dropdown { top: 0 } .menuzord .menuzord-menu ul.dropdown li:hover>a { background: #333; color: #fff } .menuzord-menu>li>.megamenu { top: 71px } .menuzord-menu>li.search form { padding: 2px 16px } .menuzord.blue .menuzord-menu>li.active>a, .menuzord.blue .menuzord-menu>li:hover>a, .menuzord.blue .menuzord-menu ul.dropdown li:hover>a { background: #00a3c8; color: #fff } .menuzord.green .menuzord-menu>li.active>a, .menuzord.green .menuzord-menu>li:hover>a, .menuzord.green .menuzord-menu ul.dropdown li:hover>a { background: #48CFAD; color: #fff } .menuzord.red .menuzord-menu>li.active>a, .menuzord.red .menuzord-menu>li:hover>a, .menuzord.red .menuzord-menu ul.dropdown li:hover>a { background: #FC6E51; color: #fff } .menuzord.orange .menuzord-menu>li.active>a, .menuzord.orange .menuzord-menu>li:hover>a, .menuzord.orange .menuzord-menu ul.dropdown li:hover>a { background: #ff853f; color: #fff } .menuzord.yellow .menuzord-menu>li.active>a, .menuzord.yellow .menuzord-menu>li:hover>a, .menuzord.yellow .menuzord-menu ul.dropdown li:hover>a { background: #FFCE54; color: #fff } .menuzord.purple .menuzord-menu>li.active>a, .menuzord.purple .menuzord-menu>li:hover>a, .menuzord.purple .menuzord-menu ul.dropdown li:hover>a { background: #AC92EC; color: #fff } .menuzord.pink .menuzord-menu>li.active>a, .menuzord.pink .menuzord-menu>li:hover>a, .menuzord.pink .menuzord-menu ul.dropdown li:hover>a { background: #EC87C0; color: #fff } @media (max-width:900px) { .menuzord-responsive .menuzord-menu>li { padding: 0 } .menuzord-responsive .menuzord-menu>li>a { padding: 12px 20px !important; border-radius: 0 } } * { padding: 0; margin: 0 } .label-container { position: fixed; bottom: 48px; right: 105px; display: table; visibility: hidden } .label-text { color: #FFF; background: rgba(51, 51, 51, .5); display: table-cell; vertical-align: middle; padding: 10px; border-radius: 3px } .label-arrow { display: table-cell; vertical-align: middle; color: #333; opacity: .5 } .float { position: fixed; width: 50px; height: 50px; bottom: 15px; left: 10px; background-color: #A8CE50; color: #FFF; border-radius: 50px; text-align: center; z-index: 900 } ul.test { position: fixed; left: 10px; padding-bottom: 20px; bottom: 40px; z-index: 900 } ul.test li.test { list-style: none; margin-bottom: 10px } ul.test li.test a.test { background-color: #F33; color: #FFF; border-radius: 50px; text-align: center; width: 50px; height: 50px; display: block } ul.test:hover { visibility: visible !important; opacity: 1 !important } .my-float { font-size: 24px; margin-top: 14px } a#menu-share+ul { visibility: hidden } a#menu-share:hover+ul { visibility: visible; animation: scale-in 0.5s } a#menu-share i { animation: rotate-in 0.5s } a#menu-share:hover>i { animation: rotate-out 0.5s } @keyframes bot-to-top { 0% { bottom: -40px } 50% { bottom: 40px } } @keyframes scale-in { from { transform: scale(0); opacity: 0 } to { transform: scale(1); opacity: 1 } } @keyframes rotate-in { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes rotate-out { from { transform: rotate(360deg) } to { transform: rotate(0deg) } } .text-theme-colored1 { color: #e3ff00 !important } .text-theme-colored { color: #72a230 !important } .bg-theme-colored { background-color: #72a230 !important } .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, .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 } .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: pulse1-animation 2s infinite; = } .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 { color: #fff; background-color: #72a230; border-color: #72a230 } .btn-theme-colored { color: #fff; background-color: #72a230; border-color: #72a230 } .icon-theme-colored a { color: #72a230 } .btn-theme-colored.focus, .btn-theme-colored:focus { color: #fff; background-color: #567b24; border-color: #2d4013 } .btn-theme-colored:hover { color: #fff; background-color: #567b24; border-color: #517322 } .btn-theme-colored.active, .btn-theme-colored:active, .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 } .fa { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900) } .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-classic, .fa-regular, .fa-solid, .far, .fas { font-family: "font awesome 6 free" } .fa-brands, .fab { font-family: "font awesome 6 brands" } .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-angle-down:before { content: "\f107" } .fa-eraser:before { content: "\f12d" } .fa-envelope-open-text:before { content: "\f658" } .fa-thumb-tack:before, .fa-thumbtack:before { content: "\f08d" } .fa-calendar:before { content: "\f133" } .fa-comment-sms:before, .fa-sms:before { content: "\f7cd" } .fa-paper-plane:before { content: "\f1d8" } .fa-user-clock:before { content: "\f4fd" } .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" } @font-face { font-family: "font awesome 6 brands"; font-style: normal; font-weight: 400; font-display: swap; src: url(../webfonts/fa-brands-400.woff2) format("woff2"), url(../webfonts/fa-brands-400.ttf) format("truetype") } .fa-brands, .fab { font-weight: 400 } .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" } :host, :root { --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" } @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"), url(../webfonts/fa-solid-900.ttf) format("truetype") } .fa-solid, .fas { font-weight: 900 } .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-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 } .mr-5 { margin-right: 5px !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 } .m-0 { margin: 0px !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-10 { padding-bottom: 10px !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: 0px !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: 0px !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 } .mb-sm-40 { margin-bottom: 40px !important } .mb-sm-50 { margin-bottom: 50px !important } .mb-sm-60 { margin-bottom: 60px !important } .mb-sm-70 { margin-bottom: 70px !important } .mb-sm-80 { margin-bottom: 80px !important } .mb-sm-90 { margin-bottom: 90px !important } .mb-sm-100 { margin-bottom: 100px !important } .mb-sm-110 { margin-bottom: 110px !important } .mb-sm-120 { margin-bottom: 120px !important } .mb-sm-130 { margin-bottom: 130px !important } .mb-sm-140 { margin-bottom: 140px !important } .mb-sm-150 { margin-bottom: 150px !important } .mb-sm-160 { margin-bottom: 160px !important } .mb-sm-170 { margin-bottom: 170px !important } .mb-sm-180 { margin-bottom: 180px !important } .mb-sm-190 { margin-bottom: 190px !important } .mb-sm-200 { margin-bottom: 200px !important } .ml-sm-0 { margin-left: 0 !important } .ml-sm-5 { margin-left: 5px !important } .ml-sm-10 { margin-left: 10px !important } .ml-sm-15 { margin-left: 15px !important } .ml-sm-20 { margin-left: 20px !important } .ml-sm-30 { margin-left: 30px !important } .ml-sm-40 { margin-left: 40px !important } .ml-sm-50 { margin-left: 50px !important } .ml-sm-60 { margin-left: 60px !important } .ml-sm-70 { margin-left: 70px !important } .ml-sm-80 { margin-left: 80px !important } .ml-sm-90 { margin-left: 90px !important } .ml-sm-100 { margin-left: 100px !important } .ml-sm-110 { margin-left: 110px !important } .ml-sm-120 { margin-left: 120px !important } .ml-sm-130 { margin-left: 130px !important } .ml-sm-140 { margin-left: 140px !important } .ml-sm-150 { margin-left: 150px !important } .ml-sm-160 { margin-left: 160px !important } .ml-sm-170 { margin-left: 170px !important } .ml-sm-180 { margin-left: 180px !important } .ml-sm-190 { margin-left: 190px !important } .ml-sm-200 { margin-left: 200px !important } } .langua { font-size: 14px; font-weight: bold; display: inline-flex; /* Utilisation de Flexbox */ align-items: center; /* Alignement vertical */ white-space: nowrap; /* Empêche le retour à la ligne */ } .dropbtn { font-size: 18px; font-weight: bold; display: inline-flex; /* Utilisation de Flexbox */ align-items: center; /* Alignement vertical */ white-space: nowrap; /* Empêche le retour à la ligne */ } .flag-icon { width: 20px; /* Taille du drapeau */ } .menu-icon { font-style: normal; /* Empêche l'italique */ display: inline-block; /* Assure un bon alignement */ } .menu-icon::before { content: "\f0d7"; /* Unicode pour fa-square-caret-down */ font-family: "Font Awesome 6 Free"; font-size: 24px; /* Taille de l'icône */ color: green; /* Couleur de l'icône */ cursor: pointer; /* Curseur pointer */ } .btn-custom { width: 150px; height: 45px; border-radius: 10px; margin: 0 10px; display: inline-block; font-size: 16px; text-align: center; } 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 } .block12 { display: block } @media screen and (max-width:992px) { .block12 { display: none } } .img3 { margin-left: 15px !important; margin-right: 15px !important; border-radius: 2px; box-shadow: 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc; -khtml-box-shadow: 1px 1px 1px #ccc; } #progress-container { position: fixed; bottom: 0; left: 0; width: 100%; height: 6px; background-color: transparent; z-index: 999; } #progress-bar { height: 100%; border-radius: 0 15px 15px 0 !important; background: linear-gradient(rgb(59, 81, 9), rgb(85, 117, 12), rgb(112, 154, 15), rgb(139, 194, 17), rgb(168, 235, 18)); width: 0; transition: width 0.2s; } #arrow i { position: relative; top: 0; transition: top ease 0.5s; } #arrow:hover i { top: -5px; } @media screen and (max-width: 992px) { #arrow i { position: relative; top: 0; transition: top ease 0.5s; } #arrow:hover i { top: 0px; } } .bout1 { border-radius: 20px 0 20px 0 !important; background: linear-gradient(to left bottom, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) !important; } .bout1:hover { border-radius: 20px 0 20px 0 !important; background: linear-gradient(to right top, #3b5109, #55750c, #709a0f, #8bc211, #a8eb12) !important; } span.widget-meteo { font-weight: bold; color: #E3FF00 } .fa-calendar-days:before { content: "\f073" } table { border-collapse: collapse; border-radius: 5px; width: 100%; } th, td { border: 1px solid #ddd; padding: 8px; text-align: center; } td { font-weight: bold; color: #000 } th { background-color: #2a6200; color: #fff } .v-h1 { border-bottom: 0.09em solid #E3FF00; border-top: 0.09em solid #E3FF00; } .c-bmi { 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; margin-left: auto; margin-right: auto; text-align: center; width: 100%; } .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; margin-left: auto; margin-right: auto; text-align: center; width: 100%; } 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 white; } .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: right; width: 100%; } .c-bmi__groups { border: 0; flex-wrap: wrap; font-size: x-small; padding: 0; text-align: center; width: 100%; } .c-bmi__groups label { display: block; padding: .5rem; position: relative; font-size: 12px } [for="bmi-g0"] { background-color: #4691e2; font-size: 11px; color: #ffffff; } [for="bmi-g1"] { background-color: #0cb764; font-size: 11px; color: #ffffff; } [for="bmi-g2"] { background-color: #febf18; font-size: 11px; color: #ffffff; } [for="bmi-g3"] { background-color: #fc8711; font-size: 11px; color: #ffffff; } [for="bmi-g4"] { background-color: #ff6455; font-size: 11px; color: #ffffff; } [for="bmi-g5"] { background-color: #cc1100; font-size: 11px; color: #ffffff; } [for="bmi-g01"] { background-color: #4691e2; ; font-size: 11px; color: #ffffff; } [for="bmi-g11"] { background-color: #0cb764; font-size: 11px; color: #ffffff; } [for="bmi-g21"] { background-color: #fc8711; font-size: 11px; color: #ffffff; } [for="bmi-g31"] { background-color: #fc8711; font-size: 11px; color: #ffffff; } [for="bmi-g41"] { background-color: #ff6455; font-size: 11px; color: #ffffff; } [for="bmi-g51"] { background-color: #cc1100; font-size: 11px; color: #ffffff; } .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: 0.5rem; position: absolute; top: 0.7rem; width: 1rem; } .c-bmi__groups input:checked+label+div { display: block; flex: 0 0 100%; } .c-bmi__label { display: block; font-size: medium; margin: 0 0 1rem 0; position: relative; } .c-bmi__label output { position: absolute; left: 0; top: 0; } .c-bmi__range { -webkit-appearance: none; appearance: none; background-color: transparent; outline: none; width: 100%; text-align: left } .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 !important; } .c-bmi__result { display: block; font-size: 200%; margin-bottom: 1.5rem; text-align: center; } .c-bmi [type="radio"] { display: none; } /* RWD */ @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; } } 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); } span.stop:before { content: "\f0a4"; left: 0; font-size: 34px; font-family: "font awesome 6 free"; color: white; } 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: #fff; content: '\f185 \f185'; padding: 0 4px; font-family: "font awesome 6 free"; font-weight: bold; position: relative; top: -14px; } .banniere { background: green; opacity: .7; height: 100%; } .color-text-footer { color: #CCEBCC !important; } .fa-user-clock:before { content: "\f4fd"; } .fa-pen-to-square:before { content: "\f044"; } .title { font-family: 'droid serif', sans-serif; font-weight: 700; line-height: 1.42857143; color: #fff !important; margin-bottom: 10px; margin-top: 15px; font-size: 30px; } .entetedevis { font-size: 26px; color: green !important; text-decoration: underline solid #acd973; } .entry-title { font-size: 22px; text-align: center; text-transform: uppercase; font-family: 'droid serif', sans-serif; font-weight: 700; line-height: 1.42857143; } .p-name { font-size: 22px; text-align: center; text-transform: uppercase; font-family: 'droid serif', sans-serif; font-weight: 700; line-height: 1.42857143; } .block2 { display: none } @media screen and (max-width: 992px) { .block2 { display: block } } .logoclinic1 { margin-top: 8px; width: 270px; height: 60px } @media screen and (max-width: 958px) { .logoclinic1 { margin-top: 1px; float: right; margin-left: -15px !important } } .width-logo1 { width: 200px } .tittre { font-family: 'droid serif', sans-serif; font-weight: 700; line-height: 1.42857143; color: #fff !important; margin-bottom: 10px; margin-top: 15px; font-size: 30px; } .paragraph { text-align: justify; font-size: 17px; line-height: 2.5em; color: #524949; } .title {} 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; } } .margin-60 { margin-bottom: -80px !important; } .div-meteo { color: white !important; cursor: auto; border: 2px solid green; border-radius: 0px 15px 0px 15px; font-size: 16px !important; font-weight: 600 !important; background: linear-gradient(to right bottom, #a8ce50, #a8ce50, #709a0f, #8bc211, #a8eb12) !important; right: 0 !important } .marge-3 { margin-top: -3px } .marge-15 { margin: 15px } .ww_source { display: none !important } #ww_fa6ea66003deb .ww-box[max-width~="992px"] .ww_col1 { /* display:none!important;*/ } #ww_fa6ea66003deb .ww-box .ww_col1 { direction: ltr !important } @media screen and (max-width: 768px) { #ww_fa6ea66003deb .current-name, #ww_fa6ea66003deb .current-temp { 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: -15px !important } } div.day { direction: ltr; text-align: center; font-style: italic; margin-right: 7px } div.night { direction: ltr; text-align: center; font-style: italic; margin-right: 7px } .iti__country-list { text-align: right; left: 0px; } div.date { color: #E3FF00 !important; font-weight: bold; font-size: 15px !important; 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-top: -5px !important; } #ww_fa6ea66003deb .current-conditions { margin-right: -20px !important; margin-left: -30px } #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 } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; color: green; font-weight: bold; direction: ltr; margin-right: 5px; } .logoclinic10 { margin-top: 12px; width: 200px; height: 50px; } @media screen and (max-width: 992px) { .logoclinic10 { margin-top: 4px !important; height: 60px; float: right; } } @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; } .captcha:focus, .captcha:active { outline: none; box-shadow: none; } .fa-mosque:before { content: "\f678"; font-size: 16px; color: yellow; } .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; } @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-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; } .date-container span.weekday { color: #fff; } .date-container span.month { color: #fff; } .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% } } .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); } ol.breadcrumb { margin-bottom: 0px } ol.breadcrumb { margin-bottom: 0px; margin-right: -8px } .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; }*/ .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; } .v-h1 { font-size: 26px; } #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: left; 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: left; border: none; border-radius: 3px; margin-right: 5px; } .cancel-button:hover { opacity: 0.8; color: #fff; } .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% } } .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); } 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; }*/ .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; } /* Make it more responsive on smaller devices */ @media (max-width: 980px) { .captcha-question { text-align: center !important; } .xtra { text-align: center !important; margin-left: 5px; margin-right: 10px; margin-top: 30px } .xtra10 { text-align: center !important; margin-left: -50px !important; margin-right: 0px !important } .met-text { font-size: 20px !important; } #icon img { height: 35px; width: 35px } } #userAnswer::placeholder { font-size: 26px; } 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; } .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; } input::selection { background-color: black; color: white; } .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; } .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; } /* Rest of your existing styles... */ .custom-dropdown { position: relative; width: 100%; cursor: pointer; background-color: white; outline: none; } .dropdown-trigger { position: relative; padding: 8px 12px; padding-left: 30px; display: flex; align-items: center; height: 100%; line-height: 28px; } .custom-dropdown .arrow { position: absolute; top: 50%; left: 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; right: 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; left: 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-left: 10px; border: 1px solid #eee; object-fit: cover; } .selected-name { margin-left: 10px; font-weight: bold; } .country-name { flex-grow: 1; direction: rtl } .no-results-message { padding: 15px; color: #666; text-align: center; font-style: italic; } #phoneNumber { padding-left: 40px; } #drapeau { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 28px; height: 21px; } .service-dropdown { position: relative; width: 100%; cursor: pointer; background-color: white; outline: none; } .service-dropdown__trigger { position: relative; padding: 8px 12px; padding-left: 30px; display: flex; align-items: center; height: 100%; line-height: 26px } .service-dropdown .arrow { position: absolute; top: 50%; left: 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 {} .textarea-container { position: relative; display: inline-block; width: 100%; } textarea { width: calc(100% - 40px); padding-left: 40px; box-sizing: border-box; } .comment-icon { 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; } .comment-icon i.fa-comment { color: #fff; font-size: 20px; } .comment-icon1 { 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-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-left: 30px; display: flex; align-items: center; height: 100%; line-height: 26px; } .custom-civility .civility-arrow { position: absolute; top: 50%; left: 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 {} #ww_fa6ea66003deb .ww-box .ww_col1 { direction: rtl !important; } #ww_fa6ea66003deb .current-temp span { position: relative; direction: ltr !important; font-size: 35px !important; font-weight: bold } #ww_fa6ea66003deb .current-name, #ww_fa6ea66003deb .current-temp { color: #e3ff00 !important; font-family: Algeria, sans-serif; font-size: 40px !important; margin-right: -50px !important; margin-left: -50px; margin-bottom: -5px; } .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; } .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; }