::selection { background: #002D6A; color: #fff;}::-moz-selection { background: #002D6A; color: #fff;} p { font-family: Arial, Helvetica, sans-serif; } [class*="fa-"]:before { display: inline-block; margin-right: 12px; font-family: 'fontawesome'; font-weight: normal; } .wrapper { padding-top: 32px; height: 100%; background: rgb(148,181,224);background: -moz-linear-gradient(top, rgba(148,181,224,1) 1%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(148,181,224,1)), color-stop(100%,rgba(255,255,255,1)));background: -webkit-linear-gradient(top, rgba(148,181,224,1) 1%,rgba(255,255,255,1) 100%);background: -o-linear-gradient(top, rgba(148,181,224,1) 1%,rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top, rgba(148,181,224,1) 1%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(148,181,224,1) 1%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b5e0', endColorstr='#ffffff',GradientType=0 );}.wrapper:before,.wrapper:after { display: block; width: 100%; content: ''; clear: both; } a:link {color: #002D6A; text-decoration: underline; }a:visited {color: #002D6A; text-decoration: underline; }a:hover {color: #F56A27; text-decoration: none; }a:active {color: #F56A27; text-decoration: underline; } a.logo {padding-top: 10px; display: block; float: left;}a.logo:hover img { -webkit-filter: saturate(1.1) contrast(102%) hue-rotate(-2deg) brightness(1.1); filter: saturate(1.1) contrast(102%) hue-rotate(-2deg) brightness(1.1); } .header { background: #fff url('../images/header_02.jpg') 100% 0 no-repeat; height: 182px; width: 980px;}#links,.content-wrap { width: 980px; background-color: #FFF;}.content-wrap:before,.content-wrap:after { display: block; width: 100%; content: ''; clear: both; } .perspective {background: rgb(0,45,106);background: -moz-linear-gradient(top, rgba(0,45,106,1) 0%, rgba(0,63,148,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,45,106,1)), color-stop(100%,rgba(0,63,148,1)));background: -webkit-linear-gradient(top, rgba(0,45,106,1) 0%,rgba(0,63,148,1) 100%);background: -o-linear-gradient(top, rgba(0,45,106,1) 0%,rgba(0,63,148,1) 100%);background: -ms-linear-gradient(top, rgba(0,45,106,1) 0%,rgba(0,63,148,1) 100%);background: linear-gradient(to bottom, rgba(0,45,106,1) 0%,rgba(0,63,148,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d6a', endColorstr='#003f94',GradientType=0 ); }.showmenu { cursor: pointer; display: none; width: 40px; height: 40px; position: absolute; top: 10px; left: 10px; z-index: 1000; text-decoration: none; }.showmenu:hover { text-decoration: none; }.showmenu:before { font-family: 'fontawesome'; font-size: 36px; color: #002D6A; }.outer-nav ul { list-style-type: none; margin: 0; padding: 0; }.outer-nav ul li a { color: #fff; margin-bottom: 10px; font-weight: normal; padding: 12px 0; text-decoration: none; display: inline-block!important; margin-left: 8px; }.outer-nav ul li a:hover { color: #fff; }.outer-nav li a:before { display: inline-block; font-family: 'fontawesome'; font-size: 28px; } .buttons {height: 51px; width: 980px; }.buttons a { display: block; float: left; } .nav { overflow: hidden;background: rgb(0,45,106);background: -moz-linear-gradient(top, rgba(0,45,106,1) 0%, rgba(0,63,148,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,45,106,1)), color-stop(100%,rgba(0,63,148,1)));background: -webkit-linear-gradient(top, rgba(0,45,106,1) 0%,rgba(0,63,148,1) 100%);background: -o-linear-gradient(top, rgba(0,45,106,1) 0%,rgba(0,63,148,1) 100%);background: -ms-linear-gradient(top, rgba(0,45,106,1) 0%,rgba(0,63,148,1) 100%);background: linear-gradient(to bottom, rgba(0,45,106,1) 0%,rgba(0,63,148,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d6a', endColorstr='#003f94',GradientType=0 ); }.nav:before,.nav:after { display: block; width: 100%; content: ''; clear: both; }.nav ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }.nav ul li { position: relative; top: -2px; display: block; float: left; display: inline-block; float: none; line-height: 2; }.nav ul li:before,.nav ul li:after { display: inline-block; content: ''; width: 1px; height: 48px; }.nav ul li:before { background-color: #0074b4;background: rgb(0,59,120);background: -moz-linear-gradient(top, rgba(0,59,120,1) 0%, rgba(0,116,180,1) 51%, rgba(0,59,120,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,59,120,1)), color-stop(51%,rgba(0,116,180,1)), color-stop(100%,rgba(0,59,120,1)));background: -webkit-linear-gradient(top, rgba(0,59,120,1) 0%,rgba(0,116,180,1) 51%,rgba(0,59,120,1) 100%);background: -o-linear-gradient(top, rgba(0,59,120,1) 0%,rgba(0,116,180,1) 51%,rgba(0,59,120,1) 100%);background: -ms-linear-gradient(top, rgba(0,59,120,1) 0%,rgba(0,116,180,1) 51%,rgba(0,59,120,1) 100%);background: linear-gradient(to bottom, rgba(0,59,120,1) 0%,rgba(0,116,180,1) 51%,rgba(0,59,120,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b78', endColorstr='#003b78',GradientType=0 ); }.nav ul li:after { background-color: #001248;background: rgb(0,34,89);background: -moz-linear-gradient(top, rgba(0,34,89,1) 0%, rgba(0,18,72,1) 50%, rgba(0,34,89,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,34,89,1)), color-stop(50%,rgba(0,18,72,1)), color-stop(100%,rgba(0,34,89,1)));background: -webkit-linear-gradient(top, rgba(0,34,89,1) 0%,rgba(0,18,72,1) 50%,rgba(0,34,89,1) 100%);background: -o-linear-gradient(top, rgba(0,34,89,1) 0%,rgba(0,18,72,1) 50%,rgba(0,34,89,1) 100%);background: -ms-linear-gradient(top, rgba(0,34,89,1) 0%,rgba(0,18,72,1) 50%,rgba(0,34,89,1) 100%);background: linear-gradient(to bottom, rgba(0,34,89,1) 0%,rgba(0,18,72,1) 50%,rgba(0,34,89,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002259', endColorstr='#002259',GradientType=0 ); }.nav ul li:last-of-type:before { display: none; }.nav ul li:last-of-type:after { display: none; }.nav ul li:last-of-type:before { display: inline-block; background: none;}.nav ul li:last-of-type:after { display: inline-block; background: none;}.nav ul li a { font-size: 12px; line-height: 1.5; color: #fff; text-transform: uppercase; text-decoration: none; display: block; padding: 16px 11px; text-align: center; }.nav ul li a:hover { background-color: #0074b4; background-color: rgba(0,116,180,0.6); } .nav ul li a {font-size:14px;text-shadow:1px 1px #000; } .mobile.intro { padding: 20px 0; background: url('../images/bg-texture.jpg') 50% repeat-x; display: none; border-bottom: 1px solid #0074b4;}.mobile.intro h3 { color: #f06d1d; text-align: center; font-family: script; margin: 0; }.mobile.intro h1 { color: #00235e; text-align: center; font-size: 20px; font-family: sans-serif; text-transform: uppercase; }.mobile.intro h1 span { font-size: 60px; font-family: times, serif; text-transform: none; }.mobile.intro p { text-align: center; color: #f06d1d; } .phone, .directions { display: none; text-align: center; } .phone a,.directions a { text-align: center; display: inline-block; color: #fff; font-family: sans-serif; text-decoration: none; } a.button { font-size: 14px; text-decoration: none; color: #fff; display: inline-block; width: 100%; padding: 10px 15px; text-align: center; background-color: #333; background: rgb(0,45,106);background: -moz-linear-gradient(top, rgba(0,45,106,1) 0%, rgba(0,63,148,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,45,106,1)), color-stop(100%,rgba(0,63,148,1)));background: -webkit-linear-gradient(top, rgba(0,45,106,1) 0%,rgba(0,63,148,1) 100%);background: -o-linear-gradient(top, rgba(0,45,106,1) 0%,rgba(0,63,148,1) 100%);background: -ms-linear-gradient(top, rgba(0,45,106,1) 0%,rgba(0,63,148,1) 100%);background: linear-gradient(to bottom, rgba(0,45,106,1) 0%,rgba(0,63,148,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d6a', endColorstr='#003f94',GradientType=0 ); }a.button:hover { background: rgb(0,45,106); } .featured { opacity: 0; } #prewrap,.site-wrap { text-align:left; max-width : 980px; height : 100%; margin: 0 auto; box-shadow: 0 10px 15px rgba(25,25,50,0.3);}#footer { padding-top: 20px; padding-bottom: 10px; border-top-style: dashed; color: #666; border-top-width: thin; width: 100%;}#bottomlinks { width: 96%; margin-right: auto; margin-left: auto; padding-bottom: 25px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #002D6A;}.basictext { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #000;}.basictextleading{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #000; line-height: 19px;}.footertext { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #454545; text-align: center; display: block; margin: 0 auto; padding: 10px 0 20px;}h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16pt; font-weight: bold; color: #002D6A; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-style: normal;}#content { background: #FFF; } #main-content { float: left; width: 675px;}#main-content-area { padding-top: 10px; padding-right: 0; padding-bottom: 30px; padding-left: 30px; color:#000;}#optical-content-area { padding-top: 40px; padding-right: 0; padding-bottom: 30px; padding-left: 30px; background-image: url('../images/welcome-to.gif'); background-repeat: no-repeat;}#site-map { padding-top: 10px; padding-right: 0; padding-bottom: 30px; padding-left: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 26px;}#resources { padding-top: 10px; padding-right: 0; padding-bottom: 30px; padding-left: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal;}#side-content { float: right; width: 220px; margin-right:20px;}#home-side-content { float: right; width: 552px; height: 376px; background-image: url(../images/main_graphic_02.jpg); background-repeat: no-repeat;}#home-side-content-area { float: right; width: 501px; height: 282px; padding-top: 49px; padding-right: 51px; padding-bottom: 45px; overflow: hidden; position: relative;} .caption { background: rgba(0,45,106,0.7); padding: 10px 20px; text-align: left; color: #fff; position: absolute; bottom: 45px; left: 0; right: 0; max-width: 501px; font-size: 12px; font-weight: normal; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.2s;}#home-side-content-area:hover .caption { opacity: 1; }#side-event-area { margin-top: 30px; margin-right: 30px; border-top-width: thin; border-top-style: dashed; border-top-color: #666; margin-bottom: 20px; margin-left: 12px; text-align: center; margin-right:10px; padding-right:20px;}.side-events h4 { color: #f06d1d; margin-bottom: 12px; }.side-events p { font-size: 12px; line-height: 1.5; }.side-events a { display: block; margin: 8px auto; }.side-events img { display: block; margin: 12px auto; cursor: pointer; }.side-events img:hover { opacity: 0.8; } #contact-main-content { float: left; width: 250px;} #contact-main-content-area { padding-top: 10px; padding-right: 0; padding-bottom: 30px; padding-left: 30px;}#contact-side-content { float: right; width: 720px; margin-top: 70px; margin-bottom: 30px;}.contact #main-content { float:none; width:100%; }.contact #main-content h1 {margin-bottom:20px; }.contact-side {width:200px;float:left;margin-right:10px; }.contact-location {width:300px;float:left;margin-right:20px; }.contact-location iframe {margin-top:30px;}small { font-size:10px; display:block;}.tel {font-size:1.5em; } @media screen and (max-width:500px) { .contact-location iframe, .contact-location small {display:none; }}.quiz-result-title strong {color:#fff !important; }#main-content .photo {float:right;padding:4px;border:1px #ccc solid;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);margin-left:10px;}@media screen and (max-width:500px) { img.bio-photo { float:none; margin:10px auto; } #main-content .photo { float:none; margin-left:0; display:block; clear:both; }}#main-content h2 { font-family: Lato, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #CA560E;}#main-content .button {display:inline-block;width:300px;font-weight:bold;font-family:Lato, Arial, Sans-Serif;text-shadow:1px 1px #000;font-size:18px;border-radius:5px;}#main-content blockquote { margin-left:15px;}.side-inset {float:right;width:300px;margin-left:20px;background:#EBEBEB;border:1px #ccc solid;padding:15px 10px;border-radius:10px;}.side-inset h3 {margin-top:0;padding-top:0;}.side-inset li {margin-bottom:15px; }#main-content {color:#3E3E3E; }#main-content strong {color:#3E3E3E; }@media screen and (max-width:600px) {#main-content .side-inset {float:none;clear:both;width:100%;background:none;border:none;margin-left:0;}ul.twocols li { width:100%; float:none;}img.floatright { float:none; margin:10px auto;}} .optometrists-nav {margin:0; padding-left:0 !important;}.optometrists ul {margin:10px 0; }.optometrists li a{font-weight:bold;display:inline-block;padding:3px;background:#F0F0F0;border-radius:5px;margin-bottom:2px;border:1px #ccc solid;}.optometrists li {margin-bottom:2px; }.optometrists-nav li {float:left;margin-right:10px; list-style:none; }.optometrists-nav li a{font-weight:bold;display:block; padding:3px;background:#F0F0F0;width:190px;border-radius:5px;margin-bottom:2px;}#side-content { margin-top:30px; text-align:center;}#side-content img {margin-bottom:20px; }.clearFloat { clear: both; line-height: 0; height: 0; }#homecontent { background: #FFF; } #homemain-content { float: left; width: 428px; height: 376px;} #homemain-content-area { padding-bottom: 0px;}#logos {width:100%;} .sideheading { font-family: Lato, Arial, Helvetica, sans-serif; font-size: 11pt; font-size: 20px; margin-bottom:10px; display:block; font-weight: bold; color: #f56a27; color:#CA560E;}.sideheading+br { display:none;}.oops { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; color: #f56a27;} .news-item img {float:left; margin-right:10px;}.news-item span img {float:none;margin-right:auto; }.news-item {margin-top:20px; }.news-item span {padding-top:10px; display:block; } @media screen and (max-width:800px) { .side-buttons { max-width:100% !important; width:100%; }}@media screen and (max-width: 980px){ *,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #prewrap, .header, .site-wrap, #links, .content-wrap, .buttons, #bottomlinks { width: 100%; max-width: 100%; } #content { width: 100%; } #main-content { width: 68%; } #side-content { width: 29%; } #contact-main-content { width: 70%; } #contact-side-content { width: 29%; } .wrapper { padding-top: 0; } .header { height: auto; -webkit-background-size: contain; background-size: contain;} .header:before, .header:after { display: block; content: ''; clear: both; } #homemain-content { display: none; } #homecontent { padding: 20px 0; background: url('../images/bg-texture.jpg') 50% repeat-x; border-bottom: 1px solid #0074b4; } #home-side-content { background: transparent; height: auto; width: auto; float: none; } #home-side-content-area { max-width: 501px; height: auto; padding: 0; float: none; margin: 0 auto; border: 10px solid #fff; box-shadow: 0 5px 15px rgba(25,25,50,0.3); } .mobile.intro { display: block; } .nav ul li { top: 2px; } .nav ul li a { font-size: 11px; } #logos img { width:45%; height:auto; }} @media screen and (max-width: 875px){ .nav ul li a { font-size: 10px; }} @media screen and (max-width: 800px){ .header { background-image: url('../images/bg-mobile-top.jpg'); text-align: center; } .caption { bottom: 0; } .phone,.directions { display: block; } .phone { float: left; } .directions { float: right; }.directions a, .phone a { float: none; } a.logo { padding-left: 0; float: none; text-align: center; display: inline-block; padding: 12px; position: relative; z-index: 1; } a.logo img { max-width: 80%; height: auto; } .nav { height: 10px; height: auto; padding: 8px; text-align: center; } .nav ul { display: none; } .showmenu { display: block; } .buttons { height: 14px; height: auto; } .footer small { line-height: 2; color: #999; padding: 15px 35px; } } @media screen and (max-width: 767px){ } @media screen and (max-width: 600px){ #homecontent { margin: 0; padding: 0; } #home-side-content, #home-side-content-area { width: auto; max-width: 100%; margin: 0; padding: 0; border: none; } .featured img { max-width: 100%; width: 100%; } #main-content, #side-content, #contact-main-content, #contact-side-content, #main-content { width: 100%; max-width: 100%; } #main-content-area { padding: 15px; } #side-event-area { margin: 0 auto; padding: 15px; } .outer-nav ul li { width: 100%; } .outer-nav ul li a { margin-bottom: 0; padding: 10px; margin: 0; } .outer-nav.horizontal, .outer-nav.vertical { width: auto; } .outer-nav.vertical ul { position: relative; left: -20px; } #bottomlinks { display: none; } .side-events > div { background-color: #F3F3F3; padding: 15px; margin-bottom: 10px; } .side-events h4 { border-bottom: 1px dotted #bbb; padding-bottom: 10px; margin-top: 0; } #side-content {margin-right:0;} } @media screen and (max-width: 500px){ img { max-width:90%; height:auto; } #main-content-area img{ clear:both; float:none; margin-bottom:10px; display:block; } .nav ul li img { float:none; clear:both; margin-bottom:40px; } .news-item img {float:none;margin:auto 10px;}#main-content-area #logos img {float:left !important;clear:none;margin:0;display:inline-block;}} .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #side-content hr {margin:10px;border-top:none;border-bottom:thin #666 dashed;}.sports img {width:90%;height:auto; }#side-content .sports ul {margin:0 0 20px -10px; }#side-content .sports ul li a{ text-align:left !important; display:block; }img.bio-photo { float:right; border:2px #1a4249 solid; box-shadow:2px 3px 3px rgba(98,98,98,0.43); margin-left:10px; margin-bottom:10px;} table.hours { border:1px #ccc solid; font-size:12px; background:#fff; margin:auto; width:100%;}table.hours th { font-size:14px; background:#002D6A; color:#fff; padding:4px; font-weight: normal;}table.hours td { padding:5px;}table.hours td:first-child { font-weight:bold; font-size:12px;}table.hours tr:nth-child(odd){ background:rgba(204,204,204,0.24);}.location table.hours { margin-bottom:0;}.location a { display:inline-block;}.location .tel a {display:block; }.totop { text-align:center; display:block; } .news img.border { margin:5px; max-width:200px; height:auto; }img.border { padding:5px; border:1px #ccc solid; }#main-content-area ul li, #main-content-area ol li{ margin-bottom:15px;}.dvs-questions { border:1px #ccc solid; padding:10px; border-radius:10px;}.dvs-questions img { float:right; margin-left:25px;}.dvs-questions h3 strong{ font-size:20px !important; font-weight: normal; color:#ca560e !important;}fieldset legend { font-weight:bold;}fieldset { margin-bottom:15px; clear:both; }fieldset label { }.even, .odd { border-bottom:5px #ccc solid;}.result {display:none; }.dvs-answers { padding:10px; }.dvs-answers h3 { padding:10px; background:#f79968; color:#fff; text-align: center; text-shadow: 1px 1px 1px #000; border-bottom:#c4744a solid 5px; padding-bottom:5px; margin-top:0;}ul.twocols li { width:50%; float:left;} img.floatright { float:right; margin-left:10px; margin-bottom:10px;}a.newsletter-link { margin-top:5px; display:block;}.side-buttons { margin-left:-20px; max-width:200px;}div.location { background:#e8e8e8; padding:10px; margin-right:-20px; margin-bottom:20px; }div.location h4 { margin-top:10px;}.side-buttons { margin-left:0; margin-right:10px;}a.careers { display:block; margin-bottom:10px;}.downloads { font-size:18px;}.downloads a { border:1px #aa4316 solid; border-color:rgba(170,68,23,0.36); text-decoration:none; padding:10px; margin-bottom:0; border-radius:5px; display:inline-block; background:#a24f2a; color:#fff; } .nav ul li a { font-size:16px; text-transform:capitalize; font-family: 'Roboto Condensed', sans-serif; } .nav ul li:before, .nav ul li:after { margin-top:2px; } .nav { overflow:visible !important; } .nav li a span.new { display:inline-block; width:40px; text-transform: uppercase; font-size:13px; font-weight: bold; height:18px; background:#fff; border:1px red solid; color:red; text-shadow: none; position:absolute; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); margin-top:-25px; margin-left:-30px; }.vertical span.new { display:none; }.sidebar { width:275px; float:right; padding-left:20px;}.sidebar img { max-width: 100%; height: auto; margin-bottom: 10px; border:1px rgb(0,1,100) solid; border-radius: 10px;}@media screen and (max-width:475px){ .sidebar { width:100%; }} #main-content-area ul.checklist.twocols li { list-style:none; margin-bottom:10px;}ul.checklist li:before { content: ' '; width:10px; height: 10px; display: inline-block; border:2px #000 solid; float:left; margin-right:5px; margin-bottom:15px;}ul.checklist li.tall:before { margin-bottom:30px;}ul.checklist { margin-left:-20px; }.image-link img{ border:1px #ccc solid;} .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .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; 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: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .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: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .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; box-shadow: none; touch-action: manipulation; } 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; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.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; } .mfp-arrow:before, .mfp-arrow:after { 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 { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { 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: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .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: #444; } .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) {.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; 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; } }