@charset 'UTF-8'; /* Slider */ .slick-loading .slick-list {background: url("../images/ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face {font-family: "slick"; font-weight: normal; font-style: normal; src: url("fonts/slick.eot"); src: url("https://droitthemes.com/#iefix") format("embedded-opentype"), url("fonts/slick.woff") format("woff"), url("fonts/slick.ttf") format("truetype"), url("https://droitthemes.com/#slick") format("svg"); } /* Arrows */ .slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 57%; border: 1px solid #000000; display: block; width: 60px; height: 60px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 100; cursor: pointer; color: transparent; outline: none; background: #ffffff; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: #000000; outline: none; background: #ffffff; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: 0.25; } .slick-prev:before, .slick-next:before {font-family: "FontAwesome"; font-size: 20px; line-height: 1; opacity: 0.75; color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev {left: 0px; } [dir="rtl"] .slick-prev {right: 0px; left: auto; } .slick-prev:before {content: ""; background: url(../images/black-arrow-l.png) center center no-repeat; width: 17px; height: 38px; position: absolute; top: 10px; left: 20px; } [dir="rtl"] .slick-prev:before {content: "→"; } .slick-next {right: 0px; } [dir="rtl"] .slick-next {right: auto; left: -25px; } .slick-next:before {content: ""; background: url(../images/black-arrow-r.png) center center no-repeat; width: 17px; height: 38px; position: absolute; top: 10px; left: 20px; } [dir="rtl"] .slick-next:before {content: "←"; } /* Dots */ .slick-dotted.slick-slider {margin-bottom: 30px; } .slick-dots {position: absolute; bottom: 30px; display: block; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li {position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 7px; padding: 0; background: #000000; cursor: pointer; } .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 7px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus {outline: none; background: #ff00000; } .slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1; } .slick-dots li button:before {font-family: "slick"; font-size: 0px; line-height: 20px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: "•"; text-align: center; opacity: 0; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before {opacity: 1; color: black; background: #ff0000; } .bannerSlider .slick-dots li {position: relative; display: inline-block; width: 30px; height: 3px; margin: 0 7px; padding: 0; background: #ffffff; cursor: pointer; } .bannerSlider .slick-dots {bottom: 60px; left: 7%; } .bannerSlider .slick-dots li button {display: block; width: 40px; height: 2px; text-indent: -999px; cursor: pointer; background-color: #8e9093; padding: 0px; border: 0; outline: none; } .bannerSlider .slick-dots li button:before {line-height: 20px; position: absolute; top: -1px; left: 0; width: 20px; height: 4px; background: #005ba5; content: ""; text-align: center; border-radius: 5px; opacity: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bannerSlider .slick-dots li.slick-active button:before {opacity: 1; background: #005ba5; } .bannerSlider .slick-dots li button:hover, .bannerSlider .slick-dots li button:focus {outline: none; background: #ff00000; } .bannerSlider .slick-dots li button:hover:before, .bannerSlider .slick-dots li button:focus:before {opacity: 1; } #experts-slider .slick-prev, #experts-slider .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; border: none; display: block; width: 30px; height: 30px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 100; cursor: pointer; color: transparent; outline: none; background: none; } #experts-slider .slick-prev:before {content: "\f104"; background: none; height: 38px; font-size: 42px; position: absolute; left: -10px; color: #ffffff; } #experts-slider .slick-next:before {content: "\f105"; background: none; height: 38px; font-size: 42px; position: absolute; right: -20px; color: #ffffff; } .specialities-experts-slider .slick-prev, .specialities-experts-slider .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; border: none; display: block; width: 30px; height: 30px; padding: 0; opacity: 1; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 100; cursor: pointer; color: transparent; outline: none; background: none; } .specialities-experts-slider .slick-prev:before {content: "\f104"; background: none; font-size: 30px; line-height: 30px; position: absolute; left: -20px; color: #ffffff; opacity: 1; } .specialities-experts-slider .slick-prev.slick-disabled:before, .specialities-experts-slider .slick-next.slick-disabled:before {opacity: 1; } .specialities-experts-slider .slick-next:before {content: "\f105"; background: none; height: 30px; font-size: 42px; position: absolute; right: -20px; color: #ffffff; opacity: 1; } .bannerSlider .slick-dots li {position: relative; display: inline-block; width: 30px; height: 3px; margin: 0 7px; padding: 0; background: #ffffff; cursor: pointer; } .faq-slider .slick-dots {bottom: -40px; left: 0; right: 0; } .faq-slider .slick-dots li {background: none; width: 20px; text-align: center; } .faq-slider .slick-dots li button {display: block; width: 15px; height: 15px; text-indent: -999px; cursor: pointer; background-color: #dfd3ad; padding: 0px; border-radius: 100%; border: 1px solid #af4541; outline: none; text-align: center; margin-left: 5px; margin-right: 5px; } .faq-slider .slick-dots li button:before {line-height: 20px; position: absolute; top: 0px; left: 0; background: #af4541; content: ""; text-align: center; opacity: 0; rigth: 0; margin: 0px auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: 0.3s ease; } .faq-slider .slick-dots li button:hover, .faq-slider .slick-dots li button:focus {outline: none; background: #af4541; } .faq-slider .slick-dots li button:hover:before, .faq-slider .slick-dots li button:focus:before {opacity: 0; } .faq-slider .slick-dots li.slick-active button:before {opacity: 1; background: #af4541; width: 30px; height: 15px; border-radius: 15px; }