/* -------------------------------------------------------------------------------------- + + AUTHOR: www.ThemeStreet.Net + -------------------------------------------------------------------------------------- */ /*------------------------------------------------------------------ [Master Stylesheet] Project: SANO - Multipurpose Medical Business Template Version: 1.0 Last change: 03/04/2015 Made by: www.ThemeStreet.Net -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of contents] - BODY - BASIC STYLES 1. Header 2. Content.layout - #subheader - #about - #doctors - #appoitment - #departments - #pricing - #clinic - #description - #main-appoitment - #hippocrate - #theme - #map 3. LAYOUT 4. FONT FACE (FONTAWESOME) 5. FORMS 6. BUTTONS 7. DATEPICKER 8. HACKS 9. VIDEO 10. GALLERY HOVER 11. NICE SCROLL 12. MAGNIFIC POPUP 13. MAIN SLIDER 14. SLIDER ABOUT 15. sLIDER DESCRIPTION 16. Footer 17. Media -------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------- + + BASIC STYLES + -------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } html { overflow-x: hidden !important; overflow-y: auto !important; } body { color: #fff; font-family: "Ubuntu", sans-serif; font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; min-width: 1170px; } body #preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999999999; background: url("../images/preloader.gif") 50% 50% no-repeat #fff; } body.veterinary #preloader { background: url("../images/preloader1.gif") 50% 50% no-repeat #fff; } body.pharm #preloader { background: url("../images/preloader2.gif") 50% 50% no-repeat #fff; } body.dental #preloader { background: url("../images/preloader3.gif") 50% 50% no-repeat #fff; } h1, h2, h3, h4, h5, h6 { line-height: 1; font-family: "Ubuntu", sans-serif; color: #fff; margin-bottom: 15px; } h1 { font-size: 36px; } h2 { font-size: 32px; } h3 { font-size: 30px; } h4 { font-size: 28px; } h5 { font-size: 24px; } h6 { font-size: 17px; font-weight: 700; } a { outline: none; /* removing outline in Mozilla */ -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none; color: #848484; } a:active { background-color: transparent; } a:hover { color: #fff; } p { margin-bottom: 15px; clear: both; font-family: "Open Sans", sans-serif; } small { font-size: 12px; } img { vertical-align: top; } table { width: 100%; } strong { font-weight: bold; } .clearfix { *zoom: 1; } .clearfix:after { content: ""; display: table; clear: both; } ::-moz-selection { background: #000; color: #fff; text-shadow: none; } ::selection { background: #000; color: #fff; text-shadow: none; } .hide { display: none !important; } button:hover, input[type="submit"]:hover, label { cursor: pointer; } textarea { margin: 0; /* removing margin in Mozilla */ overflow: auto; /* for IE and older browsers */ } /* align checkboxes, radios, text inputs with their label */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } input:focus, textarea:focus, button:focus { outline: none; } button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0; padding: 0; } .angle45 { -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } /* -------------------------------------------------------------------------------------- + + HEADER + -------------------------------------------------------------------------------------- */ header { background: #fff; width: 100%; position: fixed; top: 0; -webkit-transform: translateZ(0); left: 0; z-index: 99999; height: 63px; line-height: 63px; -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15); } header img { vertical-align: middle; } header span { display: none; float: right; cursor: pointer; padding: 0 20px; margin-right: -20px; } header span.active i { color: #00a2e3; } header span:hover i { color: #00a2e3; } header span i { font-size: 12px; color: #000; color: #585858; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; vertical-align: middle; } header nav { float: right; } header li { display: inline-block; } header li.active a { background-color: #00a2e3; behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; } header li a { padding: 0 20px; height: 30px; line-height: 30px; display: inline-block; font-size: 13px; font-weight: 500; } header li a:hover { background-color: #00a2e3; behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } header li + li { margin-left: 8px; } .veterinary header span.active i { color: #3fb094; } .veterinary header span:hover i { color: #3fb094; } .veterinary header li.active a { background-color: #3fb094; } .veterinary header li a:hover { background-color: #3fb094; } .dental header span.active i { color: #4460a7; } .dental header span:hover i { color: #4460a7; } .dental header li.active a { background-color: #4460a7; } .dental header li a:hover { background-color: #4460a7; } .pharm header span.active i { color: #00a1b2; } .pharm header span:hover i { color: #00a1b2; } .pharm header li.active a { background-color: #00a1b2; } .pharm header li a:hover { background-color: #00a1b2; } /* -------------------------------------------------------------------------------------- + + MAIN + -------------------------------------------------------------------------------------- */ /************************************* ************************************** ************************************** validation popup ************************************** ************************************** **************************************/ .popup-email { width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 99999999999; } .popup-email .element { width: 300px; height: auto; position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -50px; background-color: #fff; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; text-align: center; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup-email .element p { color: #000; margin-bottom: 20px; font-family: "Ubuntu", sans-serif; } .popup-email .element button { margin: 0 auto 10px; padding: 0 12px; height: 34px; line-height: 30px; font-size: 12px; background-color: #fff; border: 2px solid #00a2e3; color: #00a2e3; } .popup-email .element button:hover { background: #00a2e3; color: #fff; border: 2px solid #00a2e3; } .popup-email .success p { color: #15ad9e; } .popup-email .error p { color: #ea5555; } /************************************* ************************************** ************************************** scroll to top ************************************** ************************************** **************************************/ #top { background-repeat: no-repeat; background-image: url("../images/slider1/arrow2.png"); background-color: rgba(0, 0, 0, 0.2); background-position: 50% 50%; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; bottom: 60px; display: none; position: fixed; right: 30px; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 5px; z-index: 99; width: 45px; height: 45px; display: block; transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } #top:hover { background-color: rgba(0, 0, 0, 0.5); } /************************************* ************************************** ************************************** #video section ************************************** ************************************** **************************************/ #video { height: 600px; background-image: url("http://placehold.it/1920x600"); background-repeat: no-repeat; background-position: 50% 50%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; -ms-behavior: url(../js/backgroundsize.htc); width: 100%; position: relative; } #video .mbYTP_wrapper { opacity: 1 !important; } #video .mbYTP_wrapper.active { opacity: 0 !important; } #video .slide-header { width: 100%; position: absolute; bottom: 22px; text-align: center; left: 0; } #video .slide-header a { height: 50px; line-height: 50px; color: #fff; background-color: #f85800; behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 20px; font-weight: 700; display: inline-block; vertical-align: top; } #video .console button { display: inline-block !important; width: 50px; height: 50px; display: block; color: #fff; background-color: #f85800; behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: none; margin: 0 10px; vertical-align: top; background-repeat: no-repeat; background-position: 50% 50%; } #video .console #play { background-image: url("../images/play.png"); } #video .console #pause { background-image: url("../images/pause.png"); } /************************************* ************************************** ************************************** #subheader section ************************************** ************************************** **************************************/ .subheader-section { width: 100%; position: relative; } .subheader-section.background-img { background-image: url("http://placehold.it/1920x600"); background-repeat: no-repeat; background-position: 50% 50%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; -ms-behavior: url(../js/backgroundsize.htc); } .subheader-section.patern { position: relative; } .subheader-section.patern:before { position: absolute; content: ""; width: 100%; height: 100%; background-image: url("../images/texture.png"); top: 0; left: 0; display: block; z-index: 9; background-color: rgba(144, 178, 227, 0.1); } .subheader-section.patern h2, .subheader-section.patern a { position: relative; z-index: 10; } .subheader-section .slide-header { width: 100%; position: absolute; bottom: 50px; text-align: center; left: 0; } .subheader-section .slide-header h2 { display: block; text-align: center; } .subheader-section .slide-header a { height: 50px; line-height: 50px; color: #fff; background-color: #f85800; behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 20px; font-weight: 700; display: inline-block; vertical-align: top; } /************************************* ************************************** ************************************** about section ************************************** ************************************** **************************************/ .about-section { padding: 65px 0; margin-top: 30px; } .about-section article { text-align: center; } .about-section h1 { margin-bottom: 86px; color: #585864; position: relative; text-align: center; font-weight: 500; } .about-section h1:after { position: absolute; content: ""; top: 73px; left: 50%; margin-left: -30px; width: 60px; height: 1px; background-color: #585864; } /************************************* ************************************** ************************************** doctors section ************************************** ************************************** **************************************/ .doctors-section { background-color: #f1f1f5; padding: 100px 0 70px; } .doctors-section h1 { margin-bottom: 100px; color: #585864; position: relative; text-align: center; font-weight: 500; } .doctors-section h1:after { position: absolute; content: ""; bottom: -50px; left: 50%; margin-left: -30px; width: 60px; height: 1px; background-color: #585864; } .doctors-section .about-doctors { width: 100%; height: auto; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; } .doctors-section .about-doctors .about-doc { width: 100%; min-height: 450px; height: auto; padding-bottom: 100px; position: absolute; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1\9; visibility: visible\9; display: none\9; top: 0; left: 0; overflow: hidden; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .doctors-section .about-doctors .about-doc .close { position: absolute; bottom: 36px; left: 50%; margin-left: -11px; color: #b8b8cf; font-weight: 400; } .doctors-section .about-doctors .about-doc .close:hover { color: #00a2e3; } .doctors-section .about-doctors .about-doc .close span { font-size: 20px; } .doctors-section .about-doctors .about-doc.active { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; display: block\9; position: relative; top: 0; left: 0; z-index: 100; -moz-transition: all 0.4s ease-out 0.5s; -o-transition: all 0.4s ease-out 0.5s; -webkit-transition: all 0.4s ease-out; -webkit-transition-delay: 0.5s; transition: all 0.4s ease-out 0.5s; } .doctors-section .about-doctors .about-doc div:nth-child(2) { float: left; width: 540px; height: 100%; background-color: #fff; text-align: center; } .doctors-section .about-doctors .about-doc div:nth-child(2) h6 { margin-top: 24px; margin-bottom: 24px; color: #585864; position: relative; text-align: center; } .doctors-section .about-doctors .about-doc div:nth-child(2) h6:after { position: absolute; content: ""; top: 30px; left: 50%; margin-left: -21px; width: 42px; height: 1px; background-color: #585864; } .doctors-section .about-doctors .about-doc div:nth-child(2) p { color: #00a2e3; display: block; text-align: center; font-size: 13px; } .doctors-section .about-doctors .about-doc .last { float: right; width: 537px; height: 100%; display: block; } .doctors-section .about-doctors .about-doc .last li { padding: 15px 0; } .doctors-section .about-doctors .about-doc .last li + li { border-top: 2px solid #dadae6; } .doctors-section .about-doctors .about-doc .last h6 { font-size: 16px; font-weight: 500; color: #585864; display: inline-block; width: 205px; vertical-align: top; margin-bottom: 0; } .doctors-section .about-doctors .about-doc .last p { display: inline-block; line-height: 1.5; width: 327px; margin-bottom: 0; color: #585864; font-size: 13px; vertical-align: top; } .doctors-section .about-doctors .about-doc .last li:last-child { overflow: hidden; text-align: left; padding-bottom: 0; position: relative; } .doctors-section .about-doctors .about-doc .last li:last-child span { display: block; margin-top: 5px; } .doctors-section .about-doctors .about-doc .last li:last-child img { display: inline-block; } .doctors-section .about-doctors .about-doc .last li:last-child i { color: #585864; margin-left: 15px; display: inline-block; margin-top: 4px; } .doctors-section .about-doctors .about-doc .last li:last-child .info { background-color: transparent; width: auto; display: inline-block; text-align: left; margin-bottom: 0; } .doctors-section .about-doctors .about-doc .last li:last-child a { display: inline-block; background-color: transparent; height: 50px; line-height: 47px; font-size: 14px; position: absolute; bottom: 0; right: 1px; font-weight: 700; } .doctors-section .about-doctors .about-doc .last li:last-child a:hover { background-color: #00a2e3; } .doctors-section #team .id { position: absolute; bottom: -52px; left: 0; background-color: #fff; width: 100%; text-align: center; height: 150px; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 3; } .doctors-section #team h6 { margin-top: 24px; margin-bottom: 24px; color: #585864; position: relative; text-align: center; font-weight: 500; } .doctors-section #team h6:after { position: absolute; content: ""; top: 30px; left: 50%; margin-left: -21px; width: 42px; height: 1px; background-color: #585864; } .doctors-section #team p { color: #00a2e3; display: block; text-align: center; font-size: 13px; } .doctors-section #team img { display: block; width: 100%; height: auto; } .doctors-section #team a { font-weight: 700; height: 34px; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .doctors-section #team .doct { position: relative; width: 255px; height: 350px; display: block; cursor: pointer; } .doctors-section #team .doct:before { position: absolute; content: ""; z-index: 2; background: rgba(0, 162, 227, 0.75); top: -400px; left: 0; width: 100%; height: 305px; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background-image: url("../images/plus.png"); background-position: 50% 50%; background-repeat: no-repeat; } .doctors-section #team li { display: inline-block; width: 255px; height: 450px; background-color: #fff; margin-left: 30px; behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; margin-bottom: 25px; position: relative; } .doctors-section #team li:hover .doct:before { top: 0; } .doctors-section #team li:hover .id { bottom: 7px; left: 0; } .doctors-section #team li:nth-child(4n+1) { margin-left: 0; } /************************************* ************************************** ************************************** appoitment section ************************************** ************************************** **************************************/ .appoitment-section { width: 100%; background-color: #00a2e3; padding: 60px 0; } .appoitment-section h3 { display: inline-block; vertical-align: top; margin-bottom: 0; font-weight: 500; margin-top: 10px; font-size: 27px; } .appoitment-section div a { display: inline-block; vertical-align: top; font-weight: 700; line-height: 47px; } .appoitment-section div a:hover { background-color: #fff; color: #00a2e3; } /************************************* ************************************** ************************************** departments section ************************************** ************************************** **************************************/ .departments-section { width: 100%; padding: 100px 0; background: url("../images/slider/slider4.jpg") 50% 0 no-repeat fixed; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; -ms-behavior: url(../js/backgroundsize.htc); height: auto; text-align: center; overflow: hidden; } .departments-section h1 { margin-bottom: 86px; color: #fff; position: relative; text-align: center; font-weight: 500; } .departments-section h1:after { position: absolute; content: ""; top: 73px; left: 50%; margin-left: -30px; width: 60px; height: 1px; background-color: #fff; } .departments-section.active article:first-child { left: 0; visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; display: block\9; } .departments-section.active article:nth-child(2) { right: 0; visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; display: block\9; } .departments-section.active li:nth-child(1) article:first-child { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .departments-section.active li:nth-child(1) article:nth-child(2) { -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .departments-section.active li:nth-child(2) article:first-child { -moz-transition: all 0.3s linear 0.5s; -o-transition: all 0.3s linear 0.5s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 0.5s; transition: all 0.3s linear 0.5s; } .departments-section.active li:nth-child(2) article:nth-child(2) { -moz-transition: all 0.3s linear 0.5s; -o-transition: all 0.3s linear 0.5s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 0.5s; transition: all 0.3s linear 0.5s; } .departments-section.active li:nth-child(3) article:first-child { -moz-transition: all 0.3s linear 1s; -o-transition: all 0.3s linear 1s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 1s; transition: all 0.3s linear 1s; } .departments-section.active li:nth-child(3) article:nth-child(2) { -moz-transition: all 0.3s linear 1s; -o-transition: all 0.3s linear 1s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 1s; transition: all 0.3s linear 1s; } .departments-section.active li:nth-child(4) article:first-child { -moz-transition: all 0.3s linear 1.5s; -o-transition: all 0.3s linear 1.5s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 1.5s; transition: all 0.3s linear 1.5s; } .departments-section.active li:nth-child(4) article:nth-child(2) { -moz-transition: all 0.3s linear 1.5s; -o-transition: all 0.3s linear 1.5s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 1.5s; transition: all 0.3s linear 1.5s; } .departments-section.active li:nth-child(5) article:first-child { -moz-transition: all 0.3s linear 2s; -o-transition: all 0.3s linear 2s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 2s; transition: all 0.3s linear 2s; } .departments-section.active li:nth-child(5) article:nth-child(2) { -moz-transition: all 0.3s linear 2s; -o-transition: all 0.3s linear 2s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 2s; transition: all 0.3s linear 2s; } .departments-section.active li:nth-child(6) article:first-child { -moz-transition: all 0.3s linear 2.5s; -o-transition: all 0.3s linear 2.5s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 2.5s; transition: all 0.3s linear 2.5s; } .departments-section.active li:nth-child(6) article:nth-child(2) { -moz-transition: all 0.3s linear 2.5s; -o-transition: all 0.3s linear 2.5s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 2.5s; transition: all 0.3s linear 2.5s; } .departments-section.active li:nth-child(7) article:first-child { -moz-transition: all 0.3s linear 3s; -o-transition: all 0.3s linear 3s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 3s; transition: all 0.3s linear 3s; } .departments-section.active li:nth-child(7) article:nth-child(2) { -moz-transition: all 0.3s linear 3s; -o-transition: all 0.3s linear 3s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 3s; transition: all 0.3s linear 3s; } .departments-section.active li:nth-child(8) article:first-child { -moz-transition: all 0.3s linear 3.5s; -o-transition: all 0.3s linear 3.5s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 3.5s; transition: all 0.3s linear 3.5s; } .departments-section.active li:nth-child(8) article:nth-child(2) { -moz-transition: all 0.3s linear 3.5s; -o-transition: all 0.3s linear 3.5s; -webkit-transition: all 0.3s linear; -webkit-transition-delay: 3.5s; transition: all 0.3s linear 3.5s; } .departments-section li { margin-top: 0; height: auto; } .departments-section li article { display: inline-block; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; vertical-align: top; z-index: 5; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1\9; visibility: visible\9; display: none\9; } .departments-section li .tx { overflow: hidden; } .departments-section li h5 { margin-bottom: 18px; font-weight: 500; } .departments-section li p { margin-bottom: 0; } .departments-section li h6.more-btn { margin-top: 10px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1\9; visibility: visible\9; display: none\9; font-weight: 400px; font-size: 14px; margin-bottom: 0; } .departments-section li h6.more-btn.active { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; display: block\9; } .departments-section li .icon-Sano9 { font-size: 50px !important; } .departments-section li div.more-btn { width: 83px; height: 83px; position: absolute; top: 0; border-radius: 50%; border: 2px solid #fff; z-index: 2; display: block; cursor: pointer; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .departments-section li div.more-btn span { position: absolute; top: 50%; left: 50%; font-size: 40px; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */ transform: translate(-50%, -50%); } .departments-section li article:hover h6 { color: #00a2e3; } .departments-section li article:hover h6 { margin-bottom: 0; visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; display: block\9; cursor: pointer; } .departments-section li article:hover .more-btn { border-color: #00a2e3; } .departments-section li article:hover .more-btn span { color: #00a2e3; } .departments-section li article:hover h6 { margin-bottom: 0; visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; display: block\9; cursor: pointer; } .departments-section li article:hover h6:hover { color: #00a2e3; } .departments-section li article:first-child { text-align: right; padding-right: 130px; position: relative; left: -20%; } .departments-section li article:first-child div.more-btn { right: 20px; } .departments-section li article:nth-child(2) { text-align: left; padding-left: 130px; position: relative; right: -20%; } .departments-section li article:nth-child(2) div.more-btn { left: 20px; } .departments-section li + li { margin-top: 70px; } /************************************* ************************************** ************************************** pricing section ************************************** ************************************** **************************************/ .pricing-section { padding: 100px 0; background-color: #f1f1f5; text-align: center; } .pricing-section h1 { margin-bottom: 65px; color: #585864; position: relative; text-align: center; font-weight: 500; } .pricing-section h1:after { position: absolute; content: ""; bottom: -50px; left: 50%; margin-left: -30px; width: 60px; height: 1px; background-color: #585864; } .pricing-section article { width: 260px; text-align: center; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; top: 0; left: 0; color: #585864; display: inline-block; position: relative; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-family: "Ubuntu", sans-serif; } .pricing-section article:hover { top: -15px; } .pricing-section article p, .pricing-section article h4, .pricing-section article small, .pricing-section article a { margin-bottom: 0; font-weight: 500; } .pricing-section article p { text-transform: uppercase; font-weight: 600; } .pricing-section article ul { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; overflow: hidden; } .pricing-section article li { padding: 15px 0; } .pricing-section article li h4 { color: #585864; } .pricing-section article li:nth-child(2n+1) { background-color: #e9e9ed; } .pricing-section article li:nth-child(1) { padding: 25px 0; } .pricing-section article li:nth-child(1) h4 { color: #fff; } .pricing-section article li:last-child { padding: 23px 0; } .pricing-section article li:last-child a { color: #fff; border: 2px solid #fff; padding: 0 34px; height: 34px; line-height: 30px; font-weight: 700; } .pricing-section article li:last-child a:hover { background-color: #fff; } .pricing-section article + article { margin-left: 10px; } .pricing-section article:nth-child(2) li:first-child, .pricing-section article:nth-child(2) li:last-child { background-color: #00a2e3; color: #fff; } .pricing-section article:nth-child(2) a:hover { color: #00a2e3; } .pricing-section article:nth-child(3) li:first-child, .pricing-section article:nth-child(3) li:last-child { background-color: #0092cd; color: #fff; } .pricing-section article:nth-child(3) a:hover { color: #0092cd; } .pricing-section article:nth-child(4) { position: relative; z-index: 5; top: 26px; width: 335px; margin: 0 -14px; } .pricing-section article:nth-child(4):hover { top: -5px; } .pricing-section article:nth-child(4):before { position: absolute; content: ""; width: 10px; height: 542px; top: 29px; left: -10px; background-image: url("../images/pricing.png"); display: block; z-index: 0; border-radius: 4px 0 0 4px; } .pricing-section article:nth-child(4):after { position: absolute; content: ""; width: 10px; height: 542px; top: 29px; right: -10px; background-image: url("../images/pricing.png"); display: block; z-index: 0; border-radius: 0 4px 4px 0; } .pricing-section article:nth-child(4) li { padding: 18px 0; } .pricing-section article:nth-child(4) li:first-child { padding: 25px 0 10px; } .pricing-section article:nth-child(4) li:first-child, .pricing-section article:nth-child(4) li:last-child { background-color: #f85800; color: #fff; } .pricing-section article:nth-child(4) li:last-child { padding: 27px 0; } .pricing-section article:nth-child(4) li:nth-child(2) h4, .pricing-section article:nth-child(4) li:nth-child(2) small { color: #f85800; } .pricing-section article:nth-child(4) a:hover { color: #f85800; } .pricing-section article:nth-child(5) li:first-child, .pricing-section article:nth-child(5) li:last-child { background-color: #0080b3; color: #fff; } .pricing-section article:nth-child(5) a:hover { color: #0080b3; } /************************************* ************************************** ************************************** clinic section ************************************** ************************************** **************************************/ .clinic-section { padding: 100px 0 0; background-color: #fff; } .clinic-section h1 { margin-bottom: 80px; text-align: center; color: #585864; position: relative; text-align: center; font-weight: 500; } .clinic-section h1:after { position: absolute; content: ""; top: 73px; left: 50%; margin-left: -30px; width: 60px; height: 1px; background-color: #585864; } .clinic-section .filter_wrap #menu-filter { margin-bottom: 55px; text-align: center; overflow: hidden; height: auto; } .clinic-section .filter_wrap .filter { display: inline-block; color: #585864; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; height: 30px; line-height: 30px; margin: 0 5px; width: 100px; font-size: 13px; text-transform: uppercase; background-color: #f1f1f5; font-weight: 500; } .clinic-section .filter_wrap .filter:hover { background-color: #00a2e3; color: #fff; } .clinic-section .filter_wrap .filter.active { background-color: #00a2e3; color: #fff; } .clinic-section .filter_wrap a { position: relative; } .clinic-section .filter_wrap a:hover:after { top: 0; } .clinic-section .filter_wrap .mix { opacity: 0; display: none; width: 25%; height: auto; position: relative; overflow: hidden; } .clinic-section .filter_wrap .mix img { width: 100%; height: auto; display: block; } .clinic-section .filter_wrap .mix a { display: block; } .clinic-section .numbers { width: 100%; padding: 50px 0; background-color: #f1f1f5; text-align: center; } .clinic-section .numbers li { display: inline-block; width: 255px; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; padding: 40px 0; } .clinic-section .numbers span { font-size: 70px; height: 60px; line-height: 60px; color: #00a2e3; font-weight: 500; margin-bottom: 0; display: inline-block; } .clinic-section .numbers p { text-transform: uppercase; color: #585864; margin-bottom: 0; font-weight: 500; } .clinic-section .numbers li + li { margin-left: 30px; } /************************************* ************************************** ************************************** description section ************************************** ************************************** **************************************/ .description-section { width: 100%; padding: 100px 0; text-align: center; overflow-x: hidden; height: auto; background: url("images/slider/slider3.jpg") 50% 0 no-repeat fixed; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; -ms-behavior: url(../js/backgroundsize.htc); z-index: -1; position: relative; } .description-section:before { position: absolute; content: ""; width: 100%; height: 100%; background-image: url("../images/texture.png"); top: 0; left: 0; display: block; } .description-section:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 162, 227, 0.65); display: block; } .description-section h1 { margin-bottom: 80px; color: #fff; position: relative; text-align: center; font-weight: 500; z-index: 2; } .description-section h1:after { position: absolute; content: ""; top: 73px; left: 50%; margin-left: -30px; width: 60px; height: 1px; background-color: #fff; } /************************************* ************************************** ************************************** main-appointment section ************************************** ************************************** **************************************/ .main-appoitment-section { width: 100%; padding: 100px 0; } .main-appoitment-section h1 { margin-bottom: 100px; color: #585864; position: relative; text-align: center; font-weight: 500; } .main-appoitment-section h1:after { position: absolute; content: ""; bottom: -50px; left: 50%; margin-left: -30px; width: 60px; height: 1px; background-color: #585864; } .main-appoitment-section label { width: 540px; display: inline-block; vertical-align: top; } .main-appoitment-section label span { color: #585864; font-family: "Open Sans", sans-serif; margin-left: 15px; height: 28px; line-height: 28px; } .main-appoitment-section label input { display: block; } .main-appoitment-section .textarea { overflow: hidden; } .main-appoitment-section .textarea textarea { width: 880px; display: inline-block; min-height: 133px; } .main-appoitment-section button { display: block; width: 200px; height: 50px; line-height: 47px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 700; margin-top: 30px; } .main-appoitment-section .date { display: inline-block; width: 540px; } .main-appoitment-section .date label { display: inline-block; margin-right: 30px; width: 100%; } .main-appoitment-section .date input { display: inline-block; width: 310px; } .main-appoitment-section .date a { display: inline-block; margin-left: 26px; } .main-appoitment-section .select2 { margin-bottom: 10px; } .main-appoitment-section .input label { margin-left: 30px; margin-bottom: 10px; } .main-appoitment-section .input label:nth-child(2n+1) { margin-left: 0; } .main-appoitment-section .btn1 { border: 2px solid #00a2e3; color: #00a2e3; background-color: #fff; display: inline-block; margin-top: 0; height: 50px; line-height: 47px; vertical-align: bottom; width: 200px; font-weight: 700; font-size: 14px; } .main-appoitment-section .btn1:hover { border: 2px solid #00a2e3; background-color: #00a2e3; color: #fff; } .main-appoitment-section .btn2 { border: 2px solid #00a2e3; background-color: #00a2e3; color: #fff; line-height: 45px !important; } .main-appoitment-section .btn2:hover { border: 2px solid #0094CF; background-color: #0094CF; } .main-appoitment-section .human-test { margin-top: 30px; } .main-appoitment-section .human-test #test { margin-bottom: 10px; font-size: 14px; font-family: "Open Sans", sans-serif; color: #585864; display: block; } .main-appoitment-section .human-test #test .number { color: #00a2e3; vertical-align: top; display: inline-block; margin-top: -5px; height: 21px; } .main-appoitment-section .human-test span { color: #585864; font-size: 18px; display: block; margin-left: 0; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .main-appoitment-section .human-test label { text-align: center; width: 31px; height: 31px; margin-top: -5px; display: inline-block; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f1f1f5; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .main-appoitment-section .human-test label:hover { background-color: #00a2e3; } .main-appoitment-section .human-test label:hover span { color: #fff; } .main-appoitment-section .human-test label.active1 { background-color: #00a2e3; } .main-appoitment-section .human-test label.active1 span { color: #fff; } .main-appoitment-section .human-test label + label { margin-left: 9px; } .main-appoitment-section .human-test input { display: none; } .main-appoitment-section .human-test button { margin-top: 19px; width: 100%; font-size: 14px; } /************************************* ************************************** ************************************** hippocrate section ************************************** ************************************** **************************************/ .hippocrate-section { text-align: center; width: 100%; background: url("http://placehold.it/1920x1200") 50% 0 no-repeat fixed; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; -ms-behavior: url(../js/backgroundsize.htc); padding: 100px 0 47px; height: auto; z-index: -5; position: relative; } .hippocrate-section:before { position: absolute; content: ""; width: 100%; height: 100%; background-image: url("../images/texture.png"); top: 0; left: 0; display: block; z-index: 0; } .hippocrate-section h1 { color: #fff; position: relative; text-align: center; width: 860px; font-weight: 500; margin: 0 auto 80px; text-transform: uppercase; line-height: 1.5; } .hippocrate-section h1:after { position: absolute; content: ""; bottom: -40px; z-index: 2; left: 50%; margin-left: -30px; width: 60px; height: 1px; background-color: #fff; } .hippocrate-section p { margin-bottom: 0; position: relative; z-index: 2; } /************************************* ************************************** ************************************** theme section ************************************** ************************************** **************************************/ .theme-section { width: 100%; padding: 65px 0; overflow: hidden; } .theme-section h3 { text-transform: uppercase; color: #585864; margin-bottom: 0; display: inline-block; height: 50px; line-height: 50px; font-weight: 500; } .theme-section a { width: 200px; height: 50px; line-height: 47px; border: 2px solid #585864; color: #585864; font-weight: 700; } .theme-section a:hover { color: #fff; background-color: #585864; } /************************************* ************************************** ************************************** map section ************************************** ************************************** **************************************/ .map-section { position: relative; width: 100%; height: auto; } .map-section #map-canvas { width: 100%; height: 500px; } .map-section #map-canvas .gmnoprint { display: none; } .map-section article { background-color: rgba(0, 162, 227, 0.85); width: 100%; text-align: center; position: absolute; padding: 35px 0; bottom: 0; } .map-section article h5 { text-transform: uppercase; margin-bottom: 0; font-weight: 500; } .map-section article .place { position: absolute; bottom: 100%; width: 260px; padding: 20px 0; background-color: #fff; color: #585864; cursor: pointer; left: 50%; margin-left: -130px; margin-bottom: 60px; font-weight: 700; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; } .map-section article .show { position: absolute; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1\9; visibility: visible\9; display: none\9; bottom: 0; width: 260px; padding: 42px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; background-color: #fff; text-align: center; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .map-section article .show.active { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; display: block\9; } .map-section article .show li { margin-bottom: 22px; } .map-section article .show li:last-child { margin-bottom: 0; } .map-section article .show li:last-child p { margin-bottom: 0; } .map-section article .show p { margin-bottom: 5px; color: #585864; font-weight: 500; } .map-section article .show h6 { text-transform: uppercase; font-size: 18px; font-weight: 700px; color: #585864; margin-bottom: 5px; } .veterinary #doctors .main-appoitment { color: #3fb094 !important; border-color: #3fb094 !important; } .veterinary #doctors .main-appoitment:hover { background-color: #3fb094 !important; color: #fff !important; } .veterinary #doctors #team p { color: #3fb094 !important; } .veterinary #doctors #team .doct:before { background-color: rgba(63, 176, 148, 0.75); } .veterinary #doctors .about-doctors .left p { color: #3fb094 !important; } .veterinary #doctors .close:hover { color: #3fb094 !important; } .veterinary #appoitment { background-color: #3fb094 !important; } .veterinary #appoitment .main-appoitment:hover { color: #3fb094 !important; } .veterinary #departments article:hover .more-btn { color: #3fb094 !important; border-color: #3fb094 !important; } .veterinary #departments article:hover .more-btn span { color: #3fb094 !important; } .veterinary #pricing article:nth-child(2) li:first-child { background-color: #3fb094; } .veterinary #pricing article:nth-child(2) li:last-child { background-color: #3fb094; } .veterinary #pricing article:nth-child(2) li:last-child a:hover { color: #3fb094; } .veterinary #pricing article:nth-child(3) li:first-child { background-color: #36937c; } .veterinary #pricing article:nth-child(3) li:last-child { background-color: #36937c; } .veterinary #pricing article:nth-child(3) li:last-child a:hover { color: #36937c; } .veterinary #pricing article:nth-child(4) li:first-child { background-color: #c23571; } .veterinary #pricing article:nth-child(4) li:nth-child(2) h4, .veterinary #pricing article:nth-child(4) li:nth-child(2) small { color: #c23571; } .veterinary #pricing article:nth-child(4) li:last-child { background-color: #c23571; } .veterinary #pricing article:nth-child(4) li:last-child a:hover { color: #c23571; } .veterinary #pricing article:nth-child(5) li:first-child { background-color: #2e7d69; } .veterinary #pricing article:nth-child(5) li:last-child { background-color: #2e7d69; } .veterinary #pricing article:nth-child(5) li:last-child a:hover { color: #2e7d69; } .veterinary #clinic .filter_wrap .filter.active, .veterinary #clinic .filter_wrap .filter:hover { background-color: #3fb094; color: #fff; } .veterinary #clinic .filter_wrap .mix a > div { background-color: rgba(63, 176, 148, 0.75); } .veterinary #clinic .numbers li span { color: #3fb094; } .veterinary #main-appoitment .human-test p .number { color: #3fb094 !important; } .veterinary #main-appoitment .human-test .numbers:hover { background-color: #3fb094; } .veterinary #main-appoitment .human-test .numbers.active1 { background-color: #3fb094; } .veterinary #main-appoitment .human-test button { background-color: #3fb094 !important; border-color: #3fb094 !important; } .veterinary #main-appoitment .date a { border-color: #3fb094 !important; color: #3fb094 !important; } .veterinary #main-appoitment .date a:hover { background-color: #3fb094 !important; color: #fff !important; } .veterinary #description:after { background-color: rgba(63, 176, 148, 0.75); } .veterinary #map article { background-color: rgba(63, 176, 148, 0.85); } .dental #doctors .main-appoitment { color: #4460a7 !important; border-color: #4460a7 !important; } .dental #doctors .main-appoitment:hover { background-color: #4460a7 !important; color: #fff !important; } .dental #doctors #team p { color: #4460a7 !important; } .dental #doctors #team .doct:before { background-color: rgba(68, 96, 167, 0.75); } .dental #doctors .about-doctors .left p { color: #4460a7 !important; } .dental #doctors .close:hover { color: #4460a7 !important; } .dental #appoitment { background-color: #4460a7 !important; } .dental #appoitment .main-appoitment:hover { color: #4460a7 !important; } .dental #departments article:hover .more-btn { color: #4460a7 !important; border-color: #4460a7 !important; } .dental #departments article:hover .more-btn span { color: #4460a7 !important; } .dental #pricing article:nth-child(2) li:first-child { background-color: #4460a7; } .dental #pricing article:nth-child(2) li:last-child { background-color: #4460a7; } .dental #pricing article:nth-child(2) li:last-child a:hover { color: #4460a7; } .dental #pricing article:nth-child(3) li:first-child { background-color: #344e91; } .dental #pricing article:nth-child(3) li:last-child { background-color: #344e91; } .dental #pricing article:nth-child(3) li:last-child a:hover { color: #344e91; } .dental #pricing article:nth-child(4) li:first-child { background-color: #e14545; } .dental #pricing article:nth-child(4) li:nth-child(2) h4, .dental #pricing article:nth-child(4) li:nth-child(2) small { color: #e14545; } .dental #pricing article:nth-child(4) li:last-child { background-color: #e14545; } .dental #pricing article:nth-child(4) li:last-child a:hover { color: #e14545; } .dental #pricing article:nth-child(5) li:first-child { background-color: #2c427b; } .dental #pricing article:nth-child(5) li:last-child { background-color: #2c427b; } .dental #pricing article:nth-child(5) li:last-child a:hover { color: #2c427b; } .dental #clinic .filter_wrap .filter.active, .dental #clinic .filter_wrap .filter:hover { background-color: #4460a7; color: #fff; } .dental #clinic .filter_wrap .mix a > div { background-color: rgba(68, 96, 167, 0.75); } .dental #clinic .numbers li span { color: #4460a7; } .dental #main-appoitment .human-test p .number { color: #4460a7 !important; } .dental #main-appoitment .human-test .numbers:hover { background-color: #4460a7; } .dental #main-appoitment .human-test .numbers.active1 { background-color: #4460a7; } .dental #main-appoitment .human-test button { background-color: #4460a7 !important; border-color: #4460a7 !important; } .dental #main-appoitment .date a { border-color: #4460a7 !important; color: #4460a7 !important; } .dental #main-appoitment .date a:hover { background-color: #4460a7 !important; color: #fff !important; } .dental #description:after { background-color: rgba(68, 96, 167, 0.75); } .dental #map article { background-color: rgba(68, 96, 167, 0.85); } .pharm #doctors .main-appoitment { color: #00a1b2 !important; border-color: #00a1b2 !important; } .pharm #doctors .main-appoitment:hover { background-color: #00a1b2 !important; color: #fff !important; } .pharm #doctors #team p { color: #00a1b2 !important; } .pharm #doctors #team .doct:before { background-color: rgba(0, 161, 178, 0.75); } .pharm #doctors .about-doctors .left p { color: #00a1b2 !important; } .pharm #doctors .close:hover { color: #00a1b2 !important; } .pharm #appoitment { background-color: #00a1b2 !important; } .pharm #appoitment .main-appoitment:hover { color: #00a1b2 !important; } .pharm #departments article:hover .more-btn { color: #00a1b2 !important; border-color: #00a1b2 !important; } .pharm #departments article:hover .more-btn span { color: #00a1b2 !important; } .pharm #pricing article:nth-child(2) li:first-child { background-color: #00a1b2; } .pharm #pricing article:nth-child(2) li:last-child { background-color: #00a1b2; } .pharm #pricing article:nth-child(2) li:last-child a:hover { color: #00a1b2; } .pharm #pricing article:nth-child(3) li:first-child { background-color: #008d9c; } .pharm #pricing article:nth-child(3) li:last-child { background-color: #008d9c; } .pharm #pricing article:nth-child(3) li:last-child a:hover { color: #008d9c; } .pharm #pricing article:nth-child(4) li:first-child { background-color: #e79a32; } .pharm #pricing article:nth-child(4) li:nth-child(2) h4, .pharm #pricing article:nth-child(4) li:nth-child(2) small { color: #e79a32; } .pharm #pricing article:nth-child(4) li:last-child { background-color: #e79a32; } .pharm #pricing article:nth-child(4) li:last-child a:hover { color: #e79a32; } .pharm #pricing article:nth-child(5) li:first-child { background-color: #006f7b; } .pharm #pricing article:nth-child(5) li:last-child { background-color: #006f7b; } .pharm #pricing article:nth-child(5) li:last-child a:hover { color: #006f7b; } .pharm #clinic .filter_wrap .filter.active, .pharm #clinic .filter_wrap .filter:hover { background-color: #00a1b2; color: #fff; } .pharm #clinic .filter_wrap .mix a > div { background-color: rgba(0, 161, 178, 0.75); } .pharm #clinic .numbers li span { color: #00a1b2; } .pharm #main-appoitment .human-test p .number { color: #00a1b2 !important; } .pharm #main-appoitment .human-test .numbers:hover { background-color: #00a1b2; } .pharm #main-appoitment .human-test .numbers.active1 { background-color: #00a1b2; } .pharm #main-appoitment .human-test button { background-color: #00a1b2 !important; border-color: #00a1b2 !important; } .pharm #main-appoitment .date a { border-color: #00a1b2 !important; color: #00a1b2 !important; } .pharm #main-appoitment .date a:hover { background-color: #00a1b2 !important; color: #fff !important; } .pharm #description:after { background-color: rgba(0, 161, 178, 0.75); } .pharm #map article { background-color: rgba(0, 161, 178, 0.85); } /* -------------------------------------------------------------------------------------- + + LAYOUT + -------------------------------------------------------------------------------------- */ html, body { height: 100%; } .layout { clear: both; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -auto; } .layout .layout_footer { height: auto; } footer { clear: both; position: relative; height: auto; } main { padding-top: 62px; } .container { margin: 0 auto; width: 1170px; min-width: 1170px; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .left { float: left; } .right { float: right; } /* @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700); */ /* ---------- default settings ----------*/ /* font-family: 'PT Sans Narrow', sans-serif; font-family: 'PT Sans Caption', sans-serif; font-family: 'PT Sans', sans-serif; */ @font-face { font-family: 'FontAwesome'; src: url("fontawesome-webfont.eot"); src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#LegalTenderRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?-u8m1tk"); src: url("../fonts/icomoon.eot?#iefix-u8m1tk") format("embedded-opentype"), url("../fonts/icomoon.woff?-u8m1tk") format("woff"), url("../fonts/icomoon.ttf?-u8m1tk") format("truetype"), url("../fonts/icomoon.svg?-u8m1tk#icomoon") format("svg"); font-weight: normal; font-style: normal; } /* -------------------------------------------------------------------------------------- + + FONT FACE (FONTAWESOME) + -------------------------------------------------------------------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.0.3"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857142858em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: 0.14285714285714285em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571428572em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-reply-all:before { content: "\f122"; } .fa-mail-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .icon { font-family: 'icomoon'; speak: none; display: inline-block; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-Sanoicons_CARDIOLOGY:before { content: "\e600"; } .icon-Sanoicons_EMERGENCY:before { content: "\e601"; } .icon-Sanoicons_GASTROENTEROLOGY:before { content: "\e602"; } .icon-Sanoicons_LABORATORY:before { content: "\e603"; } .icon-Sanoicons_MATERNITY:before { content: "\e604"; } .icon-Sanoicons_NEUROLOGY:before { content: "\e605"; } .icon-Sanoicons_ORGANDONATION:before { content: "\e606"; } .icon-Sanoicons_OurGoal:before { content: "\e607"; } .icon-Sanoicons_OurValues:before { content: "\e608"; } .icon-Sanoicons_OurVision:before { content: "\e609"; } .icon-Sanoicons_RESEARCH:before { content: "\e60a"; } @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?amwk8f"); src: url("../fonts/icomoon.eot?#iefixamwk8f") format("embedded-opentype"), url("../fonts/icomoon.woff?amwk8f") format("woff"), url("../fonts/icomoon.ttf?amwk8f") format("truetype"), url("../fonts/icomoon.svg?amwk8f#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-Sanoicons_CARDIOLOGY:before { content: "\e600"; } .icon-Sanoicons_EMERGENCY:before { content: "\e601"; } .icon-Sanoicons_GASTROENTEROLOGY:before { content: "\e602"; } .icon-Sanoicons_LABORATORY:before { content: "\e603"; } .icon-Sanoicons_MATERNITY:before { content: "\e604"; } .icon-Sanoicons_NEUROLOGY:before { content: "\e605"; } .icon-Sanoicons_ORGANDONATION:before { content: "\e606"; } .icon-Sanoicons_OurGoal:before { content: "\e607"; } .icon-Sanoicons_OurValues:before { content: "\e608"; } .icon-Sanoicons_OurVision:before { content: "\e609"; } .icon-Sanoicons_RESEARCH:before { content: "\e60a"; } .icon-Sano1:before { content: "\e60b"; } .icon-Sano2:before { content: "\e60c"; } .icon-Sano3:before { content: "\e60d"; } .icon-Sano4:before { content: "\e60e"; } .icon-Sano5:before { content: "\e60f"; } .icon-Sano6:before { content: "\e610"; } .icon-Sano7:before { content: "\e611"; } .icon-Sano8:before { content: "\e612"; } .icon-Sano9:before { content: "\e613"; } .icon-Sano10:before { content: "\e614"; } .icon-Sano11:before { content: "\e615"; } .appWhatsapp { position: fixed; right: 26px; bottom: 100px; width: 60px; z-index: 1000; } .appWhatsapp img{ width: 100%; height: auto:; } /* -------------------------------------------------------------------------------------- + + FORMS + -------------------------------------------------------------------------------------- */ input[type="text"], textarea { vertical-align: middle; border: 2px solid #f1f1f5; color: #585864; background-color: #f1f1f5; padding: 0 22px; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; font-family: "Ubuntu", sans-serif; font-size: 14px; height: 50px; line-height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; box-shadow: none; width: 100%; } input[type="text"]:hover, input[type="text"]:focus, textarea:hover, textarea:focus { background-color: #f1f1f5; border: 2px solid #00a2e3; } input[type="text"]:invalid, textarea:invalid { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; /* fixes mozilla red outline (shadow) */ } input[type="text"].error, textarea.error { background-color: #f1f1f5; border: 2px solid #00a2e3; color: #585864; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } textarea { padding: 5px 10px; line-height: 1.5; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #f1f1f5; } label label.error { display: none !important; } [placeholder]:focus::-webkit-input-placeholder { color: transparent; } .veterinary input[type="text"]:hover, .veterinary input[type="text"]:focus, .veterinary textarea:hover, .veterinary textarea:focus { border: 2px solid #3fb094; } .veterinary input[type="text"].error, .veterinary textarea.error { border: 2px solid #3fb094; } .dental input[type="text"]:hover, .dental input[type="text"]:focus, .dental textarea:hover, .dental textarea:focus { border: 2px solid #4460a7; } .dental input[type="text"].error, .dental textarea.error { border: 2px solid #4460a7; } .pharm input[type="text"]:hover, .pharm input[type="text"]:focus, .pharm textarea:hover, .pharm textarea:focus { border: 2px solid #00a1b2; } .pharm input[type="text"].error, .pharm textarea.error { border: 2px solid #00a1b2; } /* -------------------------------------------------------------------------------------- + + BUTTONS + -------------------------------------------------------------------------------------- */ .btn { text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-family: "Ubuntu", sans-serif; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn.small { padding: 0 12px; height: 34px; line-height: 32px; font-size: 12px; border: 2px solid #00a2e3; color: #00a2e3; } .btn.small:hover { background: #00a2e3; color: #fff; border: 2px solid #00a2e3; } .btn.medium { padding: 0 18px; height: 50px; line-height: 48px; border: 2px solid #fff; color: #fff; background-color: transparent; } /* -------------------------------------------------------------------------------------- + + DATEPICKER + -------------------------------------------------------------------------------------- */ #ui-datepicker-div { background-color: #fff; width: 310px; margin-top: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; padding: 10px; text-align: center; behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #00a2e3; } #ui-datepicker-div .ui-datepicker-header { position: relative; height: 40px; behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #585864; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; width: 40px; height: 40px; display: block; cursor: pointer; background-repeat: no-repeat; background-position: 50% 50%; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev { float: left; background-image: url("../images/arrow-left.png"); } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { float: right; background-image: url("../images/arrow-right.png"); } #ui-datepicker-div .ui-datepicker-title { height: 40px; line-height: 40px; font-size: 15px; font-weight: 700; } #ui-datepicker-div .ui-datepicker-calendar { margin-top: 10px; } #ui-datepicker-div .ui-datepicker-calendar thead th { text-align: center; color: #00a2e3; } #ui-datepicker-div .ui-datepicker-calendar tbody td { text-align: center; } #ui-datepicker-div .ui-datepicker-calendar tbody td a { font-weight: 500; } #ui-datepicker-div .ui-datepicker-calendar tbody td a:hover { font-weight: 700; color: #848484; } .veterinary #ui-datepicker-div { border-color: #3fb094 !important; } .veterinary #ui-datepicker-div .ui-datepicker-calendar thead th { color: #3fb094 !important; } .dental #ui-datepicker-div { border-color: #4460a7 !important; } .dental #ui-datepicker-div .ui-datepicker-calendar thead th { color: #4460a7 !important; } .pharm #ui-datepicker-div { border-color: #00a1b2 !important; } .pharm #ui-datepicker-div .ui-datepicker-calendar thead th { color: #00a1b2 !important; } /* -------------------------------------------------------------------------------------- + + HACKS + -------------------------------------------------------------------------------------- */ @media screen and (-webkit-min-device-pixel-ratio: 0) { #departments, #description, #hippocrate { background-attachment: scroll; background-position: 50% 100% !important; } } /* -------------------------------------------------------------------------------------- + + VIDEO + -------------------------------------------------------------------------------------- */ .mb_YTVPlayer :focus { outline: 0; } .mb_YTVPlayer { display: block; transform: translateZ(0); transform-style: preserve-3d; perspective: 1000; backface-visibility: hidden; transform: translate3d(0, 0, 0); animation-timing-function: linear; } .fullscreen { display: block !important; position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; margin: 0 !important; border: none !important; z-index: 10000; } .mb_YTVPlayer.fullscreen .mbYTP_wrapper { opacity: 1 !important; height: 650px; } .mbYTP_wrapper iframe { max-width: 4000px !important; } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.5); } .inline_YTPlayer img { border: none !important; -moz-transform: none !important; -webkit-transform: none !important; -o-transform: none !important; transform: none !important; margin: 0 !important; padding: 0 !important; } /*CONTROL BAR*/ .mb_YTVPBar .ytpicon { font-size: 20px; font-family: 'ytpregular'; } .mb_YTVPBar .mb_YTVPUrl.ytpicon { font-size: 30px; } .mb_YTVPBar { transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; display: block; width: 100%; height: 10px; padding: 5px; background: #333; position: fixed; bottom: 0; left: 0; -moz-box-sizing: padding-box; -webkit-box-sizing: border-box; text-align: left; z-index: 1000; font: 14px/16px sans-serif; color: white; opacity: .1; } .mb_YTVPBar.visible, .mb_YTVPBar:hover { opacity: 1; } .mb_YTVPBar .buttonBar { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; background: transparent; font: 12px/14px Calibri; position: absolute; top: -30px; left: 0; padding: 5px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mb_YTVPBar:hover .buttonBar { background: rgba(0, 0, 0, 0.4); } .mb_YTVPBar span { display: inline-block; font: 16px/20px Calibri, sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle; } .mb_YTVPBar span.mb_YTVPTime { width: 130px; } .mb_YTVPBar span.mb_YTVPUrl, .mb_YTVPBar span.mb_OnlyYT { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer; } .mb_YTVPBar span.mb_YTVPUrl img { width: 60px; } .mb_YTVPBar span.mb_OnlyYT { left: 185px; right: auto; } .mb_YTVPBar span.mb_OnlyYT img { width: 25px; } .mb_YTVPBar span.mb_YTVPUrl a { color: white; } .mb_YTVPPlaypause, .mb_YTVPlayer .mb_YTVPPlaypause img { cursor: pointer; } .mb_YTVPMuteUnmute { cursor: pointer; } /*PROGRESS BAR*/ .mb_YTVPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0; } .mb_YTVPLoaded { height: 10px; width: 0; background: #444; left: 0; } .mb_YTVTime { height: 5px; width: 0; background: #fff; bottom: 0; left: 0; -moz-box-shadow: #666666 1px 1px 3px; -webkit-box-shadow: #666666 1px 1px 3px; } .YTPOverlay.raster { background: url("../images/raster.png"); } .YTPOverlay.raster.retina { background: url("../images/raster@2x.png"); } /* -------------------------------------------------------------------------------------- + + GALLERY HOVER + -------------------------------------------------------------------------------------- */ .da-thumbs { list-style: none; position: relative; margin: 20px auto; padding: 0; } .da-thumbs .mix { float: left; position: relative; } .da-thumbs .mix a, .da-thumbs .mix a img { display: block; position: relative; } .da-thumbs .mix a { overflow: hidden; } .da-thumbs .mix a div { position: absolute; background: rgba(0, 162, 227, 0.75); width: 100%; height: 100%; } .da-thumbs .mix a div span { display: block; background-image: url("../images/plus.png"); background-repeat: no-repeat; background-position: 50% 50%; width: 100%; height: 100%; } /* -------------------------------------------------------------------------------------- + + SELECT 2 + -------------------------------------------------------------------------------------- */ .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; left: 1px; } .select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 50px; padding: 0 22px; overflow: hidden; position: relative; white-space: nowrap; line-height: 50px; color: #fff; text-decoration: none; background-color: #00a2e3; border-radius: 5px; font-weight: 700; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 538px; } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; color: #fff; white-space: nowrap; text-overflow: ellipsis; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url("../images/arrow1.png") right top no-repeat; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: none; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #848499; border: 2px solid #00a2e3; border-top: 0; border-radius: 0 0 5px 5px; } .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 2px solid #00a2e3; border-bottom: 0; border-radius: 5px 5px 0 0; } .select2-drop-active { border-top: none; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 40px; height: 100%; position: absolute; right: 0; top: 0; border-radius: 0 5px 5px 0; } .select2-container .select2-choice .select2-arrow b { background-size: 21px 61px; display: block; width: 21px; height: 50px; background: url("../images/arrow1.png") no-repeat 0 20px; } .select2-search { display: none; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { outline: none; } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: 0px -33px; cursor: pointer; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: transparent; } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 10px 16px; margin: 0; cursor: pointer; height: 20px; line-height: 20px; min-height: 1em; font-size: 14px; font-family: "Open Sans", sans-serif; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results .select2-highlighted { color: #00a2e3; } .select2-results li em { font-style: normal; } .select2-results .select2-higclighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #848499; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { display: list-item; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; display: list-item; cursor: default; } .select2-results .select2-disabled { display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url("../images/arrow1.png") no-repeat 100%; } .select2-more-results { display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { outline: none; } .select2-container-multi .select2-choices li { float: left; list-style: none; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url("../images/arrow1.png") no-repeat 100% !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: none; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url("select2.png") right top no-repeat; } .select2-container-multi .select2-search-choice-close { left: 3px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow-y: scroll; } /* Retina-ize icons */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-size: 21px 61px; background-image: url("../images/arrow1.png") !important; background-repeat: no-repeat !important; } .select2-search input { background-position: 100% -21px !important; } } .veterinary .select2-container .select2-choice { background-color: #3fb094; } .veterinary .select2-drop { border-color: #3fb094 !important; } .veterinary .select2-drop .select2-result.select2-highlighted { color: #3fb094 !important; } .veterinary .select2-drop .select2-result:hover span { color: #3fb094 !important; } .dental .select2-container .select2-choice { background-color: #4460a7; } .dental .select2-drop { border-color: #4460a7 !important; } .dental .select2-drop .select2-result.select2-highlighted { color: #4460a7 !important; } .dental .select2-drop .select2-result:hover span { color: #4460a7 !important; } .pharm .select2-container .select2-choice { background-color: #00a1b2; } .pharm .select2-drop { border-color: #00a1b2 !important; } .pharm .select2-drop .select2-result.select2-highlighted { color: #00a1b2 !important; } .pharm .select2-drop .select2-result:hover span { color: #00a1b2 !important; } /* -------------------------------------------------------------------------------------- + + NICE SCROLL + -------------------------------------------------------------------------------------- */ .nicescroll-rails { right: 5px; } .nicescroll-rails:hover { cursor: pointer !important; } .nicescroll-rails > div { background-color: #00a2e3 !important; } .veterinary .nicescroll-rails > div { background-color: #3fb094 !important; } .dental .nicescroll-rails > div { background-color: #4460a7 !important; } .pharm .nicescroll-rails > div { background-color: #00a1b2 !important; } /* -------------------------------------------------------------------------------------- + + MAGNIFIC POPUP + -------------------------------------------------------------------------------------- */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 10%; float: right; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-height: 600px !important; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* -------------------------------------------------------------------------------------- + + MAIN SLIDER + -------------------------------------------------------------------------------------- */ .subheader-section { /* * Owl Carousel - Animate Plugin */ /* * Owl Carousel - Auto Height Plugin */ /* * Core Owl Carousel CSS File */ /* No Js */ /* * Owl Carousel - Lazy Load Plugin */ /* * Owl Carousel - Video Plugin */ } .subheader-section .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .subheader-section .owl-carousel .owl-animated-in { z-index: 0; } .subheader-section .owl-carousel .owl-animated-out { z-index: 1; } .subheader-section .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .subheader-section .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .subheader-section .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; height: 100%; } .subheader-section .owl-carousel .item { position: relative; height: 100%; } .subheader-section .owl-carousel .item:before { position: absolute; content: ""; width: 100%; height: 100%; background-image: url("../images/texture.png"); top: 0; left: 0; display: block; z-index: 9; background-color: rgba(144, 178, 227, 0.1); } .subheader-section .owl-carousel .owl-dots { text-align: center; display: none; } .subheader-section .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; height: 100%; } .subheader-section .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .subheader-section .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); height: 100%; } .subheader-section .owl-carousel .owl-controls .owl-nav .owl-prev, .subheader-section .owl-carousel .owl-controls .owl-nav .owl-next, .subheader-section .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .subheader-section .owl-carousel .owl-controls .owl-nav .owl-prev, .subheader-section .owl-carousel .owl-controls .owl-nav .owl-next { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; width: 44px; height: 45px; background: rgba(0, 0, 0, 0.3); display: block !important; top: 50%; margin-top: -22px; position: absolute; cursor: pointer; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transition: background-color .4s ease-in-out; -moz-transition: background-color .4s ease-in-out; -ms-transition: background-color .4s ease-in-out; -o-transition: background-color .4s ease-in-out; transition: background-color .4s ease-in-out; z-index: 5; } .subheader-section .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .subheader-section .owl-carousel .owl-controls .owl-nav .owl-next:hover { background-color: rgba(0, 0, 0, 0.6); } .subheader-section .owl-prev { left: 0; background-position: 40% 50% !important; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; /* border radius */ background-image: url("../images/slider1/arrow1.png") !important; } .subheader-section .owl-next { right: 0; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; /* border radius */ background-image: url("../images/slider1/arrow2.png") !important; background-position: 60% 50% !important; } .subheader-section .owl-carousel.owl-loaded { display: block; } .subheader-section .owl-carousel.owl-loading { opacity: 0; display: block; } .subheader-section .owl-carousel.owl-hidden { opacity: 0; } .subheader-section .owl-carousel .owl-refresh .owl-item { display: none; } .subheader-section .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 100%; } .subheader-section .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .subheader-section .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .subheader-section .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .subheader-section .owl-carousel.owl-rtl { direction: rtl; } .subheader-section .owl-carousel.owl-rtl .owl-item { float: right; height: 600px; position: relative; } .subheader-section .item .browse-images { height: 100% !important; width: 100% !important; display: block; background-size: cover !important; background-position: 50% 50% !important; } .subheader-section .item .main-app { padding: 0 20px; height: 50px; line-height: 50px; background-color: #f85800; font-family: "Ubuntu", sans-serif; font-weight: 700; color: #fff; display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; position: absolute; bottom: 50px; left: 50%; z-index: 10; margin-left: -100px; } .subheader-section .item .main-app:hover { background-color: #e04f00; } .subheader-section .item .slide-header { width: 50%; margin-left: 25%; position: absolute; bottom: 130px; text-align: center; z-index: 10; } .subheader-section .item h2 { font-weight: 500; margin-bottom: 0; } .subheader-section .no-js .owl-carousel { display: block; } .subheader-section .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .subheader-section .owl-carousel .owl-item img { transform-style: preserve-3d; } .subheader-section .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .subheader-section .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .subheader-section .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .subheader-section .owl-carousel .owl-video-playing .owl-video-tn, .subheader-section .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .subheader-section .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .subheader-section .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .animated { -webkit-animation-duration: 1000 ms; animation-duration: 1000 ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* .owl-animated-out - only for current item */ /* This is very important class. Use z-index if you want move Out item above In item */ .owl-animated-out { z-index: 1; } /* .owl-animated-in - only for upcoming item /* This is very important class. Use z-index if you want move In item above Out item */ .owl-animated-in { z-index: 0; } /* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css: */ .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .veterinary #subheader .main-app { background-color: #c23571; } .veterinary #subheader .main-app:hover { background-color: #b1396c; } .dental #subheader .main-app { background-color: #e14545; } .dental #subheader .main-app:hover { background-color: #c94040; } .pharm #subheader .main-app { background-color: #e79a32; } .pharm #subheader .main-app:hover { background-color: #c88428; } /* -------------------------------------------------------------------------------------- + + SLIDER ABOUT + -------------------------------------------------------------------------------------- */ .about-section { /* * Owl Carousel - Animate Plugin */ /* * Owl Carousel - Auto Height Plugin */ /* * Core Owl Carousel CSS File */ } .about-section .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .about-section .owl-carousel .owl-animated-in { z-index: 0; } .about-section .owl-carousel .owl-animated-out { z-index: 1; } .about-section .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .about-section .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .about-section .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .about-section .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .about-section .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .about-section .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .about-section .owl-carousel .owl-controls .owl-nav .owl-prev, .about-section .owl-carousel .owl-controls .owl-nav .owl-next, .about-section .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .about-section .owl-carousel.owl-loaded { display: block; } .about-section .owl-carousel.owl-loading { opacity: 0; display: block; } .about-section .owl-carousel.owl-hidden { opacity: 0; } .about-section .owl-carousel .owl-refresh .owl-item { display: none; } .about-section .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .about-section .owl-carousel .owl-item .item { position: relative; height: auto; text-align: center; cursor: move; min-height: 150px; } .about-section .owl-carousel .owl-item .item div { width: 100px; height: 100px; display: block; overflow: hidden; margin: 0 auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; position: absolute !important; left: 50%; top: 15px; z-index: 999; behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -ms-transform: translate(-50%, 0); /* IE 9 */ -webkit-transform: translate(-50%, 0); /* Chrome, Safari, Opera */ transform: translate(-50%, 0); border: 2px solid #b8b8cf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .about-section .owl-carousel .owl-item .item div span { color: #b8b8cf; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .about-section .owl-carousel .owl-item .item div:hover { behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #00a2e3; width: 130px; height: 130px; display: block; border: none; text-align: center; top: 0; } .about-section .owl-carousel .owl-item .item div:hover span { color: #fff !important; } .about-section .owl-carousel .owl-item .item h4 { color: #fff; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding-top: 180px !important; font-weight: 500; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20%; display: block; text-align: center; } .about-section .owl-carousel .owl-item .item p { visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1\9; visibility: visible\9; display: none\9; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; margin-bottom: 0; } .about-section .owl-carousel .owl-item .about-icon1 span { margin-top: 18px; font-size: 71px; } .about-section .owl-carousel .owl-item .about-icon2 span { margin-top: 24px; font-size: 43px; } .about-section .owl-carousel .owl-item .about-icon3 span { margin-top: 20px; font-size: 56px; } .about-section .owl-carousel .owl-item.center .item div { behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #00a2e3; width: 130px; height: 130px; display: block; border: none; top: 0; } .about-section .owl-carousel .owl-item.center .item div span { color: #fff !important; } .about-section .owl-carousel .owl-item.center .item div:hover { margin-top: 0; } .about-section .owl-carousel .owl-item.center .item h4 { color: #00a2e3; display: block; text-align: center; margin-bottom: 0; } .about-section .owl-carousel .owl-item.center .item .about-icon1 span { margin-top: 26px; font-size: 93px; } .about-section .owl-carousel .owl-item.center .item .about-icon2 span { margin-top: 38px; font-size: 53px; } .about-section .owl-carousel .owl-item.center .item .about-icon3 span { margin-top: 26px; font-size: 76px; } .about-section .owl-carousel .owl-item.center p { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; display: block\9; color: #848484; position: relative; width: 200%; margin-top: 65px; -ms-transform: translate(-25%, 0); /* IE 9 */ -webkit-transform: translate(-25%, 0); /* Chrome, Safari, Opera */ transform: translate(-25%, 0); font-size: 14px; line-height: 1.5; } .about-section .owl-carousel .owl-item .about-icon1:hover span { margin-top: 26px; font-size: 93px; } .about-section .owl-carousel .owl-item .about-icon2:hover span { margin-top: 38px; font-size: 53px; } .about-section .owl-carousel .owl-item .about-icon3:hover span { margin-top: 26px; font-size: 76px; } .veterinary #about .owl-carousel .owl-item .item div:hover { background-color: #3fb094; } .veterinary #about .owl-carousel .owl-item.center .item div { background-color: #3fb094; } .veterinary #about .owl-carousel .owl-item.center .item h4 { color: #3fb094; } .dental #about .owl-carousel .owl-item .item div:hover { background-color: #4460a7; } .dental #about .owl-carousel .owl-item.center .item div { background-color: #4460a7; } .dental #about .owl-carousel .owl-item.center .item h4 { color: #4460a7; } .pharm #about .owl-carousel .owl-item .item div:hover { background-color: #00a1b2; } .pharm #about .owl-carousel .owl-item.center .item div { background-color: #00a1b2; } .pharm #about .owl-carousel .owl-item.center .item h4 { color: #00a1b2; } /* -------------------------------------------------------------------------------------- + + sLIDER DESCRIPTION + -------------------------------------------------------------------------------------- */ .description-section .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; height: 100%; } .description-section .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; height: 100%; display: table; text-align: center; } .description-section .rslides li:first-child { position: relative; display: table; height: 100%; float: left; } .description-section .rslides_nav { position: absolute; top: 50%; margin-top: -16px; border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; width: 20px; height: 40px; z-index: 5; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; } /* -------------------------------------------------------------------------------------- + + FOOTER + -------------------------------------------------------------------------------------- */ footer { background-color: #fff; padding: 30px 0; text-align: center; width: 100%; } footer ul { margin-bottom: 15px; } footer li { display: inline-block; width: 30px; height: 30px; } footer li + li { margin-left: 20px; } footer a { display: inline-block; width: 30px; height: 30px; font-size: 16px; behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #585864; } footer a:hover { border: 2px solid #00a2e3; background-color: #00a2e3; } footer span { margin-top: 8px; display: block; } footer small { color: #585864; font-family: "Open Sans", sans-serif; } .veterinary footer a:hover { border: 2px solid #3fb094; background-color: #3fb094; } .dental footer a:hover { border: 2px solid #4460a7; background-color: #4460a7; } .pharm footer a:hover { border: 2px solid #00a1b2; background-color: #00a1b2; } /* -------------------------------------------------------------------------------------- + + MEDIA + -------------------------------------------------------------------------------------- */ @media (max-width: 1200px) { body { width: 100%; min-width: 100%; } .container { width: 100%; min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; } header nav { margin-right: -20px; } .about-section .slider_wrapper ul { width: 100% !important; } .doctors-section #team ul { text-align: center; } .doctors-section #team li { margin: 0 2% 3%; } .doctors-section #team li:nth-child(4n+1) { margin-left: 2%; } .doctors-section .about-doctors { text-align: center; } .doctors-section .about-doctors .about-doc div:nth-child(2) { width: 45%; margin-bottom: 20px; } .doctors-section .about-doctors .about-doc div:last-child { width: 50%; } .appoitment-section { text-align: center; } .appoitment-section h3 { display: block; } .appoitment-section .initial { float: none; display: block; margin-top: 50px; } .departments-section h5 { font-size: 21px; } .pricing-section { text-align: center; padding: 70px 0; } .pricing-section .container { padding: 0 11%; } .pricing-section article { margin: 0 3% 6%; } .pricing-section article li:first-child { padding: 30px 0; } .pricing-section article + article { margin-left: 3%; } .pricing-section article:nth-child(4) { width: 260px; margin: 0 3% 6%; top: 0; } .pricing-section article:nth-child(4):hover { top: -15px; } .pricing-section article:nth-child(4) li { padding: 15px 0; } .pricing-section article:nth-child(4) li:first-child { padding: 30px 0 9px; } .pricing-section article:nth-child(4) li:last-child { padding: 23px 0; } .pricing-section article:nth-child(4):before { background-image: none; } .pricing-section article:nth-child(4):after { background-image: none; } .clinic-section { padding: 70px 0; } .clinic-section .numbers ul { padding: 0 9%; } .clinic-section .numbers li { margin: 0 3% 5%; } .clinic-section .numbers li + li { margin-left: 3%; } .description-section p { width: 100%; } .main-appoitment-section { padding: 70px 0; } .main-appoitment-section .select2 { width: 48.2%; } .main-appoitment-section .select2-container { width: 100%; } .main-appoitment-section .select2-choice { width: 100%; } .main-appoitment-section .input label { width: 48.2%; margin-left: 3.3%; } .main-appoitment-section .date { width: 48.2%; vertical-align: top; } .main-appoitment-section .date label { width: 100%; vertical-align: top; } .main-appoitment-section .date label input { width: 57%; display: inline-block; } .main-appoitment-section .date label a { width: 40%; display: inline-block; margin-left: 2%; } .main-appoitment-section .textarea { position: relative; } .main-appoitment-section .textarea > label { width: 100%; padding-right: 230px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-appoitment-section .textarea > label textarea { width: 100%; } .main-appoitment-section .human-test { margin-left: 2%; position: absolute; top: 0; right: 0; } .hippocrate-section h1 { width: 100%; font-size: 32px; } .theme-section { text-align: center; } .theme-section h3 { float: none; } .theme-section div > div { float: none; margin-top: 50px; } } @media (max-width: 1000px) { header nav { margin-right: -15px; } header nav li a { padding: 0 15px; } header nav li + li { margin-left: 3px; } .pricing-section { text-align: center; } .pricing-section article { margin: 0 3% 6%; } .pricing-section article li:first-child { padding: 30px 0; } .pricing-section article + article { margin-left: 3%; } .clinic-section .filter_wrap .mix { width: 50%; } } @media (max-width: 910px) { header nav { margin-right: -5px; } header nav li a { padding: 0 5px; } } @media (max-width: 768px) { html .select2-drop { width: 100% !important; left: 50% !important; min-width: 260px !important; margin-left: -129px; max-width: 260px !important; } header { z-index: 9999; } header span { display: block; } header nav { position: absolute; top: 100%; background-color: #fff; width: 100%; float: none; left: 0; z-index: 5; display: block; border-top: 1px solid #f1f1f5; border-bottom: 1px solid #f1f1f5; max-height: 0; overflow-y: hidden; -webkit-transition: max-height 0.3s ease-in-out; -moz-transition: max-height 0.3s ease-in-out; -o-transition: max-height 0.3s ease-in-out; transition: max-height 0.3s ease-in-out; } header nav.active { max-height: 220px; } header nav li { display: block; text-align: center; } header nav li a { width: 100%; height: 35px; line-height: 35px; display: block; padding: 0; } header nav li a:hover { behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } header nav li.active a { behavior: url("../PIE.htc"); position: relative; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } header nav li + li { margin-left: 0; } main .container { padding: 0 10px !important; } .veterinary header span { display: block; } #ui-datepicker-div { width: 260px !important; } .about-section #slider h2 { font-size: 32px; line-height: 1.5; width: 90%; margin: 0 auto; text-align: center; margin-left: -45%; } .about-section .owl-carousel .owl-item.center p { width: 100%; -ms-transform: translate(0, 0); /* IE 9 */ -webkit-transform: translate(0, 0); /* Chrome, Safari, Opera */ transform: translate(0, 0); } .about-section #mobile .details { display: none; } .about-section #mobile .frame { height: auto !important; overflow: visible; } .about-section .slide_element { transform: none !important; -ms-transform: none !important; /* IE 9 */ -webkit-transform: none !important; /* Opera, Chrome, and Safari */ width: 100% !important; } .about-section .slide_element li { display: block; width: 100% !important; margin: 0 auto; overflow: hidden; } .about-section .slide_element li > div { width: 130px; height: 130px; display: block; margin: 0 auto 60px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: block; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; background-repeat: no-repeat; background-image: url("../images/icons.png"); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .about-section .slide_element li > div span.icon { display: none !important; } .about-section .slide_element li .about-icon1 { background-position: 49% -132px; } .about-section .slide_element li .about-icon2 { background-position: 49% -399px; } .about-section .slide_element li .about-icon3 { background-position: 49% -675px; } .about-section .slide_element li h4 { margin-bottom: 60px; color: #00a2e3; } .about-section .slide_element li p { display: block !important; color: #848484; line-height: 21px; font-size: 14px; } .about-section .slide_element li + li { margin-top: 55px; } #doctors .container { padding: 0; } #doctors .about-doctors { text-align: center; } #doctors .about-doctors .about-doc { padding-bottom: 100px; } #doctors .about-doctors .about-doc .close { bottom: 40px; margin-left: 0 !important; } #doctors .about-doctors .about-doc > div { float: none !important; margin: 0 auto; width: 90% !important; text-align: center; } #doctors .about-doctors .about-doc > div > img { width: 100%; height: auto; max-width: 250px; } #doctors .about-doctors .about-doc > div li p { width: 100% !important; } .departments-section { background-position: 50% 100% !important; } .departments-section ul li { margin-top: 0; } .departments-section ul li article { display: block; width: 90%; margin: 0 auto 40px; text-align: center !important; padding: 0 !important; } .departments-section ul li article div.more-btn { display: block; margin: 0 auto 20px; position: inherit; left: auto !important; right: auto !important; top: auto; bottom: auto; } .departments-section ul li:last-child article:last-child { margin-bottom: 0; } .pricing-section .container { padding: 0 !important; } .pricing-section article { margin-bottom: 30px; } .clinic-section .container { padding: 0 !important; } .clinic-section #menu-filter li { width: 260px; display: block; margin: 0 auto 10px; } .clinic-section #grid .mix { width: 100%; } .clinic-section .numbers ul { padding: 0 5%; } .main-appoitment-section .select2 { margin: 0 auto 10px; width: 100%; } .main-appoitment-section .select2 .select2-container { width: 100%; } .main-appoitment-section .select2 .select2-choice { width: 100%; margin: 0 auto; max-width: 480px; } .main-appoitment-section .input label:nth-child(2n+1) { margin: 0 auto 10px; } .main-appoitment-section .input label { display: block; width: 100%; margin: 0 auto 10px; max-width: 480px; } .main-appoitment-section .date { display: block; width: 100%; margin: 0 auto; max-width: 480px; } .main-appoitment-section .date input { display: block !important; width: 100% !important; } .main-appoitment-section .date a { width: 100% !important; margin-left: 0 !important; margin-top: 28px; margin-bottom: 20px !important; } .main-appoitment-section .textarea > label { display: block; padding: 0; max-width: 480px; margin: 0 auto; float: none; } .main-appoitment-section .textarea .human-test { position: relative; text-align: center; max-width: 480px; margin: 10px auto; float: none !important; } .description-section { background-position: 50% 100% !important; } .hippocrate-section { background-position: 50% 100% !important; } .map-section article { padding: 18px 0; } .map-section article .place { margin-bottom: 53px; } .map-section h5 { font-size: 16px; line-height: 1.5; } } @media (max-width: 450px) { .subheader-section .owl-carousel .owl-item { height: 100% !important; } .subheader-section .owl-carousel .owl-item .item .browse-images { height: 100% !important; } .doctors-section .about-doctors .last { text-align: center !important; } .doctors-section .about-doctors .last a { position: relative !important; float: none !important; left: 50%; width: 90%; margin-left: -45%; margin-top: 20px; } .doctors-section .about-doctors .last .info { float: none !important; display: block !important; margin: 0 auto; width: auto; } .doctors-section .about-doctors .last .info span { margin-left: 22%; } }