@font-face { font-family: 'cambriab'; src: url('fonts/cambriab.eot'); src: url('fonts/cambriab.eot?#iefix') format('embedded-opentype'), url('fonts/cambriab.woff') format('woff'), url('fonts/cambriab.ttf') format('truetype'), url('fonts/cambriab.svg#cambriab') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_cambriai'; src: url('fonts/cambriai.eot'); src: url('fonts/cambriai.eot?#iefix') format('embedded-opentype'), url('fonts/cambriai.woff') format('woff'), url('fonts/cambriai.ttf') format('truetype'), url('fonts/cambriai.svg#cambriai') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_narrowregular'; src: url('fonts/ArchivoNarrow-Regular-webfont.eot'); src: url('fonts/ArchivoNarrow-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ArchivoNarrow-Regular-webfont.woff2') format('woff2'), url('fonts/ArchivoNarrow-Regular-webfont.woff') format('woff'), url('fonts/ArchivoNarrow-Regular-webfont.ttf') format('truetype'), url('fonts/ArchivoNarrow-Regular-webfont.svg#archivo_narrowregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'antonioregular'; src: url('fonts/antonio-regular-webfont.eot'); src: url('fonts/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/antonio-regular-webfont.woff') format('woff'), url('fonts/antonio-regular-webfont.ttf') format('truetype'), url('fonts/antonio-regular-webfont.svg#antonioregular') format('svg'); font-weight: normal; font-style: normal; } body{ background: url(../images/body-bg.jpg) no-repeat center top #631c98; } html, body, h2, h3, h4, h5, h6, p, input, textarea, select, form { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; font-weight: normal; padding: 0px; margin: 0px; } h2, h3, h4{ color: #641b9b; line-height: 1.2; } h1, h2, h3, h4, .bucket-menu ul li a{ font-family: "cambriab", Arial, Helvetica, sans-serif; } .mercury-info{ font-family: "Conv_cambriai", Arial, Helvetica, sans-serif; } .fox-news-alert .fox-news-heading01{ font-family: "antonioregular", Arial, Helvetica, sans-serif; } .fox-news-alert .fox-news-heading02, .fox-news-alert .fox-news a{ font-family: "archivo_narrowregular", Arial, Helvetica, sans-serif; } .telephone, .address{ color: #273983; } .holder:after, .main-menu ul:after, .address:after, .socialmedia:after, .bucket-menu ul:after, .get-social ul:after, .content-wrapper:after, .search-area form:after, .contact-form form:after, .contact-hours-sub:after, .appoinment-form form:after, .smile-gallery .gallery-ba-text:after, .gallery-wrapper:after, .gallery-wrapper .gallery-ba-text:after, .footer .footer-menu ul:after, .footer-wrapper .footer:after, .customNavigation:after, .header-top:after, .header-mobile:after, .video-wrapper:after, .dental-info:after, .footer-logos:after, .doc-bio:after, #divtabs .rollmenu:after, .contact-info:after, .image-wrapper-outer .image-wrapper-inner:after, .image-with-text-outer:after{ content: '.'; display: block; height: 0; clear: both; visibility: hidden; } a { color: #641b9b; text-decoration: none; } a:hover { color: #a633fd; } img { border: 0px; } h1 { line-height: 1; font-size: 30px; color: #ffffff; font-weight: normal; letter-spacing: 0.2px; margin: 2px 0px 46px 0px; } h2 { font-size: 18px; margin: 19px 0px 19px 0px; } h3 { font-size: 16px; margin: 12px 0px 16px 0px; } h4 { font-size: 14px; margin: 14px 0px 16px 0px; } img, object, embed, video { max-width: 100%; } .main-menu ul, .footer .footer-menu ul, .get-social ul, .bucket-menu ul{ list-style-type: none; } /* IE 6 does not support max-width so default to width 100% */ .ie6 img { width:100%; } .scrollup { background: url(../images/icon_gototop.png) no-repeat left top; bottom: 20px; display: none; height: 40px; position: fixed; right: 20px; text-indent: -9999px; width: 40px; } /* Mobile Layout: 480px and below. */ /*///////// Common Styles - Start /////////*/ .gridContainer { width: 98%; max-width: 1200px; margin: auto; } .header, .bucket-menu-wrapper, .main-containers, .footer-logos { width: 100%; overflow: hidden; } body.sub .header { z-index: 10000!important; height: 295px; background: url(../images/main-container-sub-bg.png) repeat-y center top; } .header-mobile { background: #e4e4e4; } .contact-mobile{ text-align: center; margin: 10px 0px 20px 0px; } nav.main-menu { width: 100%; overflow: hidden; } nav.main-menu ul { margin: 0px 0px 0px 4.9%; padding: 0px; } nav.main-menu li { float: left; margin: 0px 7% 0px 0px; height: 32px; } nav.main-menu li.last{ margin: 0px; } nav.main-menu li a { display: block; color: #ffffff; text-align: center; line-height: 1; letter-spacing: 0.5px; } nav.main-menu li.common01 a { padding: 7px 8px 7px 0px; } nav.main-menu li.common02 a { padding: 10px 10px 8px 0px; } nav.main-menu li a:hover, nav.main-menu li a.selected { color: #890019; } .header-top{ overflow:hidden; } .socialmedia .gplusbtn, .socialmedia .fblikebtn, .socialmedia .twitterbtn { float: left; } .socialmedia .gplusbtn{ width: 66px; margin-left: 7px; } .socialmedia .fb-like{ border: none; overflow: hidden; width: 80px; height: 21px; } .socialmedia .twitterbtn{ width: 90px; } .telephone{ color: #273983; font-size: 18px; line-height: 1.3; font-weight: bold; letter-spacing: 0.9px; } .address{ font-size: 12px; letter-spacing: 0.5px; padding: 13px 0px 0px 0px; } .testimonial, .beautiful-smile, .dental-info, .right-content .para{ line-height: 1.6; letter-spacing: 0.4px; } .main-title{ margin: 2px 0px 15px 0px; } .right-content .para{ line-height: 1.6; margin: 8px 0px 17px 0px; } .right-content .para ul li{ margin: 0px 0px 5px 0px; } .search-area { width: 100%; height: 29px; position: relative; margin: 0px 0px 60px 0px; } .search-area .search { text-align: left; width: 100%; height: 22px; padding: 6px 1px 7px 16px; margin: 0px; background: url(../images/bg-images.png) no-repeat left top; } .search-area .search-text{ background: none; border: 0px; width: 180px; color: #ffffff; font-size: 12px; } .search-area .go-button{ text-indent: -9999px; width: 78px; height: 29px; border: 0px; float: right; cursor: pointer; margin: -35px 0px 0px 0px; background: url(../images/search-go-button.jpg) no-repeat left top; } .mercury-info{ /* width: 61.4%; */ margin: 45px 0px 0px 0px; background: url(../images/mercury-bg.jpg) no-repeat left top #8f47d8; letter-spacing: 0.4px; } .mercury-info .mercury-info01{ color: #ffffff; font-size: 16px; line-height: 1.4; } .mercury-info .mercury-info02{ color: #24007f; font-size: 18px; line-height: 1.6; } .testimonial{ margin: 39px 0px 39px 0px; } .testimonial h2{ color: #24007f; font-size: 18px; } .testimonial .testimonial-quote-left { background: url(../images/left-quote.png) no-repeat left 3px; padding: 0px 60px 0px 31px; margin: 20px 0px 0px 0px; } .testimonial .testimonial-quote-right { background: url(../images/right-quote.png) no-repeat right top; margin: 16px 0px 16px 32px; padding: 19px 18px 0px 0px; } .testimonial .readmore-link{ background: #d9d6db; border-radius: 10px; float: left; padding: 1px 13px 1px 15px; margin: -14px 0px 0px 0px; } .testimonial .readmore-link, .testimonial .readmore-link a{ color: #641b9b; } .testimonial .readmore-link a:hover{ color: #a653e6; } .beautiful-smile{ text-align: center; padding: 5px 18px 24px 20px; border: 3px dashed #d9d6db; } .fox-news-alert{ padding: 16px 60px 14px 197px; margin: 38px 0px 37px 0px; background: url(../images/fox17-logo.jpg) no-repeat 30px 14px #d9d6db; } .fox-news-alert .fox-news-heading01{ font-size: 21px; } .fox-news-alert .fox-news-heading01, .fox-news-alert .fox-news-heading02{ text-transform: uppercase; } .fox-news-alert .fox-news-heading02, .fox-news-alert .fox-news a{ font-size: 14px; line-height: 1.5; } .smile-gallery { margin: 43px 0px 0px 0px; /* padding: 5px 32px 0px 47px; padding: 5px 18px 24px 47px; */ overflow: hidden; position: relative; background: #d9d6db; } .smile-gallery h2{ margin: 20px 0px 23px 0px; } .footer-logos { height: 154px; background: url(../images/bottom-logo-bg.png) no-repeat center top; } .footer-wrapper .footer { margin: auto; padding: 0px; position: relative; text-align: center; } .footer-wrapper .footer, .footer-wrapper .footer a { color: #ffffff; font-size: 12px; letter-spacing: 0.4px; line-height: 1.6; } .footer .footer-menu ul{ padding: 0px; margin: 0px 0px 14px 2.4%; } .footer .footer-menu ul li{ display: inline-block; padding: 0px; margin: 0px; } .footer .footer-menu ul li a{ font-weight: bold; padding: 0px 21px 0px 8px; background: url(../images/footer-menu-bg.png) no-repeat right 4px; } .footer .footer-menu ul li.last a { background: none; } .footer .footer-menu ul li a.selected, .footer .footer-menu ul li a:hover, .footer a:hover{ color: #02f6bc; } .footer .footer-info{ padding: 2px 0px 10px 0px; } .footer .copyright{ padding: 2px 0px 40px 0px; } /* //////////// Sub Page Styles (Common) - Start //////////// */ .doc-bio { display: block; margin: 0px 0px 30px 0px; padding: 0px 0px 20px; border-bottom: 1px dashed #a7a0a0; } .staff-images{ float: left; margin: 4px 18px 8px 0px; border: 1px solid #8c8c8c; } #divtabs { margin: 20px 0px 20px 0px; } #divtabs .rollmenu { list-style-type: none; padding: 0px; } #divtabs .rollmenu li { border-right: 1px solid #8c8c8c; float: left; padding: 0px 20px 0px 0px; } #divtabs .rollmenu li.last { border: 0px; padding: 0px; margin: 0px 0px 0px 20px; } #divtabs .rollmenu li a { text-decoration: none; } #divtabs .rollmenu li a.selected { font-weight: bold; } .testimonial-content { margin: 25px 0px 35px; padding: 0px 0px 10px; } .testimonial-content { border-bottom: 1px dashed #a7a0a0; } .video-wrapper .video-review{ float: left; } .video-wrapper .last{ margin: 0px 0px 10px 0px!important; } .video-wrapper img{ width: 100%; height: auto; border: 1px solid #dadada; } .video-review-section .video-review{ margin: 0px 4% 10px 0px; } .contact-info{ width: 100%; } .contact-info .contact-page-left{ float: left; width: 40%; margin: 0px 10% 0px 0px; } .contact-info .contact-page-right{ float: right; width: 50%; } .contact-hours-sub{ margin: 20px 0px 30px 0px; width: 360px; line-height: 1.6; } .contact-hours-sub .contact-date{ float: left; width: 105px; } .contact-hours-sub .contact-time{ float: right; width: 250px; } .contact-info .qr-code{ margin: 40px 0px 0px 0px; } .google-map { margin: 40px 0px; } ul.patient-forms { list-style-type: none; padding: 0px; } ul.patient-forms li{ padding: 0px 0px 8px 28px!important; background: url(../images/pdf-icon.png) no-repeat left 3px!important; } .article-list { margin: 0px 0px 20px 0px; padding: 0px; /* list-style:none; */ } .article-list li{ padding: 0px 0px 6px 0px; } .dentistry-video-subpage{ text-align: center; } .dentistry-video-subpage .dentistry-videos-home-sub{ padding: 5px 0px 6px 0px; } h1.article-page { padding: 0px; font-size: 28px; } a.click-to-call { pointer-events: none; cursor: text; font-size: 13px; color: #333333; font-weight: normal; text-decoration: none; } .image-wrappers{ margin: 30px 0px 20px 0px; } .image-wrapper-outer{ margin: 20px 0px 20px 0px; } .image-wrapper-outer img{ width: 20%; float: left; margin: 0px 16px 20px 0px; border: 1px solid #8c8c8c; } .image-with-text-inner{ text-align: center; float: left; width: 21%; } .image-large{ text-align: center; width: 90%; } ul.patient-forms { list-style-type: none; padding: 0px 0px 0px 15px; } ul.patient-forms li{ line-height: 1.7; padding: 0px 0px 10px 28px!important; background: url(../images/pdf-icon.png) no-repeat left 2px!important; } .app-form-mobile{ padding: 5px; margin: 20px 0px 20px 0px; background: url(../images/app-home-bg.png) repeat left top; } /* //////////// Sub Page Styles (Common) - End //////////// */ /* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */ @media only screen and (min-width: 481px) { } /* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */ @media only screen and (min-width: 769px) { .hide-from-desktop{ display: none; } h1 { padding: 15px 0px 15px 0px; } /* h1.article-page { padding: 0px; font-size: 28px; } */ body.home .header, .header-sub { z-index: 10000!important; height: 295px; background: url(../images/header.png) no-repeat center top; } .contact-left, .middle-content{ float: left; } .contact-left{ margin: 5px 0px 0px 3.7%; line-height: 1.4; } .middle-content { margin: 18px 0px 0px 9.5%; } .middle-content .socialmedia{ margin: 15px 0px 0px 0px; } .contact-right{ float: right; text-align: right; margin: 29px 3.8% 0px 9px; line-height: 1.4; } .telephone{ text-align: right; } .bucket-menu{ margin: 4px 0px 0px 0px; } .bucket-menu ul{ padding: 0px; margin: 0px; } .bucket-menu ul li{ padding: 0px; margin: 0px; float: left; } .bucket-menu ul li.menu01 a{ padding: 50px 18px 13px 18px; } .bucket-menu ul li.menu02 a{ padding: 38px 18px 13px 15px; } .bucket-menu ul li.menu03 a{ padding: 37px 18px 13px 12px; } .bucket-menu ul li.menu04 a{ padding: 20px 18px 13px 12px; } .bucket-menu ul li.menu05 a{ padding: 15px 18px 13px 14px; } .bucket-menu ul li.menu06 a{ padding: 15px 9px 13px 9px; } .bucket-menu ul li.menu07 a{ padding: 15px 15px 13px 15px; } .bucket-menu ul li.menu08 a{ padding: 20px 10px 13px 10px; } .bucket-menu ul li.menu09 a{ padding: 36px 12px 13px 12px; } .bucket-menu ul li.menu10 a{ padding: 49px 0px 13px 11px; } .bucket-menu ul li a{ color: #ffffff; line-height: 1.1; font-size: 16px; text-align: center; margin: 0px; display: block; } .bucket-menu ul li a:hover, .bucket-menu ul li a.selected{ color: #d32046; } .banner-wrapper { height: 628px; /* max-width: 1200px; */ width: 100%; margin: 0px auto 0px; overflow: hidden; z-index: -10; position: relative; top: -145px; } /* HEADER ANIMATION PICTURES */ .headerimg { background-position: center center; background-repeat: no-repeat; width: 100%; height: 628px; position: relative; z-index: 100; } .main-containers-home{ position: relative; margin: -280px 0px 0px 0px; } .main-containers-home .left-content .left-content-inner{ background: url(../images/left-inner-bg.png) no-repeat left top; } .main-containers-sub{ position: relative; margin: 0px; } .main-containers-sub .left-content .left-content-inner{ background: url(../images/left-inner-bg.png) no-repeat right top; } .main-containers-sub .right-content{ background: url(../images/right-inner-bg-sub.png) repeat-x left top; } .content-wrapper{ /* padding: 28px 46px 26px 24px; background: #f4f4f4;*/ background: url(../images/left-bg.jpg) repeat-y left top #f4f4f4; } .left-content{ width: 29.6%; float: left; margin: 0px; /* background: url(../images/left-bg.jpg) repeat-y left top; */ } .left-content .left-content-inner{ padding: 28px 24px 26px 24px; /* background: url(../images/left-inner-bg.jpg) no-repeat left top; */ } .right-content{ width: 70.4%; float: right; margin: 0px; background: url(../images/right-inner-bg.jpg) repeat-x left top; } .right-content .right-content-inner{ padding: 10px 46px 26px 49px; background: url(../images/content-wrapper-bg.jpg) no-repeat left top; } .video-testimonials, .video-educational{ width: 99.3%; margin: 0px 0px 26px 0px; background: url(../images/videp-review-home.png) no-repeat left top #9669b8; } .video-testimonials h2, .video-educational h2, .click-to-review h2, .recent-reviews h2, .app-form h2{ color: #ffffff; background: #8f47d8; margin: 0px; padding: 13px 24px 14px 24px; /* padding: 18px 24px 17px 24px; */ } .video-testimonials .video-testimonials-area, .video-educational .video-testimonials-area{ padding: 22px 22px 24px 22px; } .video-testimonials .video-review, .video-educational .video-review{ margin: 0px 7px 10px 0px; width: 48%; } .video-educational .video-review-sub{ margin: 0px 0px 10px 0px; width: 100%; } .click-to-review{ width: 99.3%; margin: 0px 0px 26px 0px; background: url(../images/review-home-click-bg.png) no-repeat left top #9669b8; } .click-to-review .info-center{ text-align: center; padding: 15px 22px 24px 22px; } .click-to-review .review-us-stars{ padding: 12px 0px 0px 0px; } .recent-reviews{ width: 99.3%; margin: 0px 0px 26px 0px; background: url(../images/review-home-bg.png) no-repeat left top #9669b8; } .recent-reviews .recent-review-area{ padding: 25px 0px 0px 0px; } .recent-reviews .review-title{ color: #ffffff; background: #9262b6; padding: 1px 22px 0px 22px; } .recent-reviews .review-us-google{ padding: 2px 37px 5px 9px; } .recent-reviews .review-stars{ margin: 1px 0px 0px 0px; float: right; } .recent-reviews .review-text{ padding: 15px 22px 25px 22px; line-height: 1.6; } .recent-review-area-widget{ padding: 15px 22px 25px 22px; line-height: 1.6; } .app-form{ width: 99.3%; margin: 18px 0px 27px 0px; background: url(../images/app-home-bg.png) no-repeat left top #9669b8; } .app-form .app-form-wrapper{ padding: 11px 22px 32px 23px; } .meridian-tooth-chart, .reviews-md{ width: 99.3%; height: 101px; display: block; margin: 0px 0px 3px 0px; } .meridian-tooth-chart a, .reviews-md a{ width: 99.3%; height: 101px; display: block; } .meridian-tooth-chart a:hover, .reviews-md a:hover{ opacity: 0.8; } .reviews-md{ height: 124px; } .get-social{ width: 99.3%; margin: 25px 0px 20px 0px; background: url(../images/bg-images.png) no-repeat left -512px #9669b8; } .get-social h2{ color: #ffffff; float: left; margin: 0px; padding: 13px 12% 0px 24px; } .get-social ul{ margin: 0px; padding: 8px 15px 10px 15px; } .get-social ul li{ width: 36px; height: 36px; margin: 0px 1px 0px 0px; float: left; } .get-social ul li.add{ margin: 0px; } .mercury-info{ padding: 34px 180px 31px 108px; } .dental-info{ margin: 38px 0px 0px 0px; } .dental-info .dental-info01{ float: left; width: 39.1%; padding: 4px 31px 19px 29px; border: 3px solid #c9dfda; background: linear-gradient(to right, #b2d3cb 0%,#dce8e5 100%) repeat; /* background: url(../images/bg-images.png) no-repeat left -608px; */ } .dental-info .dental-info01 h2{ margin: 19px 0px 15px 0px; } .dental-info .dental-info01 h2, .dental-info .dental-info01 .readmore-link a{ color: #0a7e62; } .dental-info .dental-info02{ float: left; width: 40.1%; margin: 0px 0px 0px 3.6%; padding: 4px 26px 15px 29px; border: 3px solid #e1d6ea; background: linear-gradient(to right, #cfbade 0%,#eae2f1 100%) repeat; /* background: url(../images/bg-images.png) no-repeat left -848px; */ } .dental-info .readmore-link { margin: 13px 0px 0px 0px; } .dental-info .dental-info02 .readmore-link a{ color: #641b9b; } .dental-info .readmore-link a:hover{ color: #392b43; } .dentistry-videos-home{ text-align: center; padding: 33px 18px 24px 27px; border: 3px dashed #d9d6db; margin: 38px 2px 34px 0px; } .dentistry-videos-home .video-review{ margin: 0px 2.4% 10px 0px; width: 31%; } .dentistry-videos-home .last{ margin: 0px 0px 10px 0px; width: 31%; } .smile-gallery{ height: 264px; padding: 5px 32px 0px 51px; } .smile-gallery-sub { height: 380px; } .smile-gallery-sub .owl-carousel{ margin: 0px 0px 0px 51px; } .customNavigation{ top: -121px; } .smile-gallery-sub .customNavigation{ top: -168px; } .customNavigation a.prev{ float: left; margin: 0px 0px 0px -5.5%; } .smile-gallery-sub .customNavigation a.prev{ float: left; margin: 0px 0px 0px 2.2%; } .customNavigation a.next{ float: right; margin: 0px -2.1% 0px 0px; } .smile-gallery-sub .customNavigation a.next{ float: right; margin: 0px 4.9% 0px 0px; } .footer-logos img{ float: left; width: 23%; } .footer-logos .logo01{ margin: 22px 2.3% 0px 14.4%; } .footer-logos .logo02{ width: 20.2%; margin: 22px 2.4% 0px 0px; } .footer-logos .logo03{ margin: 25px 2.5% 0px 0px; } } /************* 1024px screen styles - Start *************/ @media only screen and (min-width: 769px) and (max-width: 1024px){ h1.article-page { font-size: 23px; } nav.main-menu ul { margin: 0px 0px 0px 1%; } nav.main-menu li { margin: 0px 6% 0px 0px; } .middle-content { margin: 18px 0px 0px 3%; } .contact-right{ margin: 29px 2.8% 0px 9px; } body.home .header, .header-sub{ background-size: 100% 100%; } .bucket-menu ul li a{ font-size: 13px; } .bucket-menu ul li.menu01 a{ padding: 50px 9px 13px 0px; } .bucket-menu ul li.menu02 a{ padding: 38px 14px 13px 22px; } .bucket-menu ul li.menu05 a{ padding: 15px 12px 13px 9px; } .bucket-menu ul li.menu08 a{ padding: 20px 10px 13px 7px; } .bucket-menu ul li.menu09 a{ padding: 36px 12px 13px 8px; } .bucket-menu ul li.menu10 a{ padding: 49px 0px 13px 6px; } .content-wrapper{ background-size: 288px; } .get-social h2{ padding: 13px 2.7% 0px 24px; } .dental-info .dental-info02{ width: 37.5%; margin: 0px 0px 0px 1%; } .smile-gallery{ height: auto; } .smile-gallery-sub .owl-carousel{ margin: 0px; } .smile-gallery-sub .customNavigation a.prev{ float: left; margin: 0px 0px 0px -4.9%; } .smile-gallery-sub .customNavigation a.next{ float: right; margin: 0px -5.2% 0px 0px; } .customNavigation { top: -58px; } .customNavigation a{ width: 5%; } .customNavigation a.prev{ margin: 0px 0px 0px -5%; } .customNavigation a.next{ margin: 0px -5.2% 0px 0px; } /* .owl-carousel .owl-item , .owl-carousel .owl-item .item{ width: 100%; } .owl-carousel .owl-item .item img{ width: 100%; } */ } /************* 1024px screen styles - End *************/ @media screen and (max-width: 946px){ h1 { padding: 2px 0px 2px 0px; } .middle-content{ margin: 19px 0 0; width: 30%; } .contact-left{ margin: 30px 0 0; width: 35%; } .contact-right{ margin: 30px 0 0 0; width: 35%; } h1.article-page { font-size: 23px; } .contact-hours-sub{ width: 400px; } } @media screen and (max-width: 662px){ h1 { padding: 2px 0px 2px 0px; } .middle-content{ margin: 0px auto; width: 100%; } .logo{ width: 100%; height: auto; margin: 5px 0px 0px 0; text-align: center; } .logo img{ width: 373px; } .socialmedia{ margin: 15px 0% 10px 32%; } .contact-left{ margin: 10px 0px 20px 4px; line-height: 1.4; text-align: left; float: left; width: 40%; } .contact-right{ float: right; text-align: right; margin: 10px 10px 20px 4px; line-height: 1.4; width: 50%; } .contact-main { font-size: 13px; } .smile-gallery{ padding: 5px 32px 0px 30px; } h1.article-page { font-size: 23px; } .contact-hours-sub{ width: 400px; } } @media screen and (max-width: 768px){ h1 { padding: 2px 0px 2px 0px; } .hide-from-mobile{ display: none; } .gridContainer { margin-left: auto; margin-right: auto; width: 100%; } .right-content{ background: #ffffff; } .right-content .right-content-inner{ padding: 10px 10px 26px 10px; background: url(../images/right-inner-bg.jpg) repeat-x left top; } .logo{ width: 100%; height: auto; margin: 5px 0px 0px 0; text-align: center; } .socialmedia{ margin: 15px 0% 10px 32%; } .mercury-info{ padding: 34px 20px 31px 108px; } .smile-gallery{ padding: 5px 32px 0px 30px; } h1.article-page { font-size: 23px; } /*Top Icon Menu*/ .header-top-icons { width: 100%; margin-right: auto; margin-left: auto; height: 52px; display: block; background: #540387; } .top-menu-mobile { margin: -5px 0px 0px 0px; padding: 0px; list-style-type: none; } .top-menu-mobile li { height: 52px; width: 19%; display: block; float: left; text-align: center; } .top-menu-mobile li a { text-indent: -9999px; height: 52px; width: 100%; display: block; } .top-menu-mobile li.menu { border-right-style: solid; border-right-color: #fff; border-right-width: 1px; font-size: 48px !important; color: #fff; line-height: 50px; background-image: url(../images/mobile/menu_icon.png); background-position: center center; background-repeat: no-repeat; } .top-menu-mobile li.call { border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-left-color: #fff; border-right-width: 1px; border-right-color: #fff; background-image: url(../images/mobile/call_icon.png); background-repeat: no-repeat; background-position: center center; } .top-menu-mobile li.appointment { border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-left-color: #fff; border-right-width: 1px; border-right-color: #fff; background-image: url(../images/mobile/appointment_icon.png); background-repeat: no-repeat; background-position: center center; } .top-menu-mobile li.contact { border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-left-color: #fff; border-right-width: 1px; border-right-color: #fff; background-image: url(../images/mobile/contact_icon.png); background-repeat: no-repeat; background-position: center center; } .top-menu-mobile li.directions { border-left-width: 1px; border-left-style: solid; border-left-color: #fff; background-image: url(../images/mobile/map_icon.png); background-repeat: no-repeat; background-position: center center; } .customNavigation{ top: 0px; } .customNavigation a.prev, .customNavigation a.next{ float: none; margin: 0px 5px 0px 5px; display: inline; } .contact-hours-sub{ width: 400px; } } @media screen and (max-width: 480px){ h1.article-page { font-size: 23px; } .contact-hours-sub{ width: 400px; } } /************************************************************************************ FANCYBOX *************************************************************************************/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* /* * HTML5 ✰ Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * Dreamweaver modifications: * 1. Commented out selection highlight * 2. Removed media queries section (we add our own in a separate file) * * ==|== normalize ========================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Force vertical scrollbar in non-IE * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } */ /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ /* Dreamweaver: uncomment these if you do want to customize the selection highlight *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } *::selection { background: #fe57a1; color: #fff; text-shadow: none; } */ /* ============================================================================= Links ========================================================================== */ /* a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } */ /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */ table button, table input { *overflow: auto; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ==|== primary styles ===================================================== Author: ========================================================================== */ /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; /* max-width: 415px; */ margin-right: auto; margin-left: auto; -ms-touch-action: pan-y; z-index: 1; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -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; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.2 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } .customNavigation{ text-align: center; position: relative; z-index: 1000; } .customNavigation a{ -webkit-user-select: none; cursor: pointer; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block; } /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-family: font-bold; font-size: 14px; } .mm-list a, .mm-list a:hover { color: #0f71aa; text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { color: #0f71aa; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { background: #540288; color: #fff; } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu buttonbars addon CSS */ .mm-buttonbar { border: 1px solid transparent; border-radius: 5px; text-align: center; line-height: 20px; overflow: hidden; display: block; padding: 0; margin: 0; position: relative; } .mm-buttonbar:after { content: ''; display: block; clear: both; } .mm-buttonbar > * { border-left: 1px solid transparent; box-sizing: border-box; display: block; width: 100%; height: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-buttonbar > a { text-decoration: none; } .mm-buttonbar > input { position: absolute; left: -1000px; top: -1000px; } .mm-buttonbar > input:checked + label { border-color: transparent !important; } .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * { border-left: none; } .mm-buttonbar.mm-buttonbar-2 > * { width: 50%; } .mm-buttonbar.mm-buttonbar-3 > * { width: 33.33%; } .mm-buttonbar.mm-buttonbar-4 > * { width: 25%; } .mm-buttonbar.mm-buttonbar-5 > * { width: 20%; } .mm-header .mm-buttonbar { margin-top: 20px; margin-left: -30px; margin-right: -30px; } .mm-footer .mm-buttonbar { border: none; border-radius: none; line-height: 40px; margin: -10px -10px 0 -20px; } .mm-footer .mm-buttonbar > * { border-left: none; } .mm-list > li > .mm-buttonbar { margin: 10px 20px; } .mm-menu .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: #333333; } .mm-menu .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: #333333; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu footer addon CSS */ .mm-footer { background: inherit; border-top: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 40px; padding: 10px 10px 0 20px; position: absolute; z-index: 2; bottom: 0; left: 0; } .mm-menu.mm-hasfooter > .mm-panel:after { height: 80px; } .mm-menu .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu header addon CSS */ .mm-header { background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 60px; padding: 0 50px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { padding-top: 30px; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; } .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { text-decoration: none; display: block; box-sizing: border-box; min-width: 10px; height: 100%; position: absolute; top: 0; z-index: 1; } .mm-header .mm-prev { padding-left: 20px; padding-right: 10px; left: 0; } .mm-header .mm-next, .mm-header .mm-close { padding-left: 10px; padding-right: 20px; right: 0; } .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-header [href].mm-prev:before { border-right: none; border-bottom: none; margin-left: 2px; margin-right: 5px; } .mm-header [href].mm-next:after, .mm-header [href].mm-close:after { margin-left: 5px; margin-right: -2px; } .mm-header [href].mm-next:after { border-top: none; border-left: none; } .mm-header [href].mm-close:after { content: 'x'; } .mm-menu.mm-hassearch .mm-header { height: 50px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next, .mm-menu.mm-hassearch .mm-header .mm-close { padding-top: 20px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 60px; } .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after, .mm-menu .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-list li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-list li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-list li.mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after { top: 8.5px; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-list > li.mm-search { padding: 10px; margin-top: -20px; } .mm-list > li.mm-subtitle + li.mm-search { margin-top: 0; } div.mm-panel > div.mm-search { padding: 0 0 10px 0; } .mm-menu.mm-hasheader .mm-list > li.mm-search { margin-top: 0; } .mm-menu > .mm-search { background: inherit; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .mm-search { padding: 10px; } .mm-search input { border: none; border-radius: 30px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-menu .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 60px 0; } .mm-menu .mm-noresultsmsg:after { border: none !important; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-menu li.mm-nosubresults > a.mm-subopen { display: none; } .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; } .mm-menu.mm-hassearch > .mm-panel { padding-top: 70px; } .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child { margin-top: -10px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list { padding-top: 0; } .mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; bottom: 50%; z-index: 2; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-bottom: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-bottom: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check { bottom: auto; margin-bottom: 0; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle { top: 5px; } .mm-menu.mm-vertical .mm-list > li label.mm-check { top: 5px; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { margin-right: 70px; } label.mm-check + a, label.mm-check + span { margin-right: 50px; } a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check { right: 50px; } a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span { margin-right: 100px; } a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span { margin-right: 80px; } em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check { right: 90px; } em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span { margin-right: 140px; } em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span { margin-right: 120px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu label.mm-toggle:before { background: #333333; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); -moz-transform: translateX(30%); -ms-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); -moz-transform: scale(0.7, 0.7) translateX(30%); -ms-transform: scale(0.7, 0.7) translateX(30%); -o-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); -moz-transform: scale(0.7, 0.7) translateY(-30%); -ms-transform: scale(0.7, 0.7) translateY(-30%); -o-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); -moz-transform: scale(0.7, 0.7) translateY(30%); -ms-transform: scale(0.7, 0.7) translateY(30%); -o-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); -moz-transform: scale(1.5, 1.5) translateX(100%); -ms-transform: scale(1.5, 1.5) translateX(100%); -o-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; }