/*
Theme Name: Adrian Fung

Author: 
Author URI: 
Description: WordPress Custom Theme
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Bootstrap 3.3.6 , Wordpress 4.5.3, Font Awesome 4.6.3
Text Domain: 
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@font-face {
    font-family: 'Avenir Next Ultra';
    src: url('fonts/AvenirNext-UltraLight.eot');
    src: url('fonts/AvenirNext-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNext-UltraLight.woff') format('woff'),
        url('fonts/AvenirNext-UltraLight.ttf') format('truetype'),
        url('fonts/AvenirNext-UltraLight.svg#AvenirNext-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'GT Sectra Display Trial';
    src: url('fonts/GTSectraDisplayTrial-Regular.eot');
    src: url('fonts/GTSectraDisplayTrial-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/GTSectraDisplayTrial-Regular.woff') format('woff'),
        url('fonts/GTSectraDisplayTrial-Regular.ttf') format('truetype'),
        url('fonts/GTSectraDisplayTrial-Regular.svg#GTSectraDisplayTrial-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body{margin:0;padding:0; height:100%;position:relative;}
body{font-size: 14px; color: #fff;font-family: 'Lato', sans-serif;font-weight: 400; margin:0 auto; background-color:#f8f8f8;max-width:1920px; min-height:100vh;}
html{max-width:1920px; margin:0 auto;}
a, a:hover {-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;outline:none;}

a:hover, a:focus{text-decoration:none;outline:none;-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}

ul {margin:0;}

ul, li {list-style: none; padding: 0; float: left;}

h1, h2, h3, h4, h5, h6{margin:0;font-family: 'Lato', sans-serif;}

h3, h4, h5, h6, p , li, span, strong, a, b, i{color:#222; font-size:16px;}
p {  font-weight:400;}

b, strong{font-weight:bold;}

img{max-width:100%;height: auto;}

.smooth, .smooth:hover{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}

.responsive-menu {display:none;}

.clear{clear:both;overflow:hidden;display:block;width:100%;height:0;font-size:0;line-height:0;float:none;}

#example{
  margin-top: -100px;   
}
.darkHeader{
top: -70px !important;
-ms-transition:     all 0.9s ease-out;
-moz-transition:    all 0.9s ease-out;
-webkit-transition: all 0.9s ease-out;
-o-transition:      all 0.9s ease-out;
transition:         all 0.9s ease-out;
}

/*************** Fix Scroll CSS ***************/
#second{overflow: hidden;}
#second .bg{position: absolute;z-index: 200;}
#fifth{margin: 0 auto;}
.story{margin: 0 auto;overflow: auto;}
.story .float-left, .story .float-right{position: relative;}
#scroll-nav {list-style: outside none none;position: fixed;right: 20px;}
.fix-scroll {position:relative; z-index:999;}
.fix-scroll ul li {border-radius: 50%;float:none;font-size: 0;height: 21px;margin: 0 0 10px;width:21px;padding:4px;}
.fix-scroll ul li.active {border:2px solid #fff;border-radius: 50%;float:none;font-size: 0;height: 21px;margin: 0 0 10px;width:21px;padding:2px;}
.fix-scroll ul li a {background-color:#6a6971;border-radius: 50%;float:left;font-size: 0;height: 13px;margin: 0 0 10px;width:13px;}
.fix-scroll ul li a.active {background-color:#fff;border-radius: 50%;float:left;font-size: 0;height: 13px;margin: 0 0 10px;width:13px;}
.fix-social {left: auto;position: fixed;z-index: 999;top: 50%;-webkit-transform: translateY(-30%);-ms-transform: translateY(-30%);transform: translateY(-30%);width:auto;max-width:1920px;}
.social-scroll-fix{top: 50%;-webkit-transform: translateY(-30%);-ms-transform: translateY(-30%);transform: translateY(-30%);}
.social_icon{    float: none;padding: 0 0 25px;font-size: 0;line-height: 0;}
.fix-social ul{margin-left:20px;}
.fix-social ul li {    float: none;padding: 0 0 25px;font-size: 0;line-height: 0;}
.social_icon a {font-size:16px;line-height:22px;}
.social_icon a i {color:#fff;}
.social_icon a:hover {opacity:0.5;}
/*************** Header CSS ***************/
.logo {float: left;margin: 0;width:370px;max-width:100%;}
.logo a img {height: 70px;display:inline-block;position:relative;vertical-align:middle;}
.logo a span{display:inline-block;position:relative;vertical-align:middle;margin-left:25px;}
.logo a span h1{font-family:'Avenir Next Ultra'; font-weight:200; font-style:normal; font-size:25px; color:#fff; letter-spacing:7px; line-height:25px;}
.logo a span h3{font-family:'GT Sectra Display Trial'; font-weight:400; font-style:normal; font-size:14px; color:#fff; letter-spacing:4px; padding-top:4px;}
.logo a{display:block;width:100%;}
.logo-text img {height: 21px;} 
.logo-text {float: left;line-height: 26px;margin: 0 0 0 13px;} 
.header_top {background: transparent none repeat scroll 0 0;left: 0;position: fixed;right: 0;top: 30px;z-index: 999;}
.header_top .navbar-default {background-color:inherit;}
.header_top .navbar {border:none; margin:0; min-height:inherit; position:static; float:right;}
.header_top .nav {margin:11px 0 0;}
.home .header_top .nav {position:relative;}
.header_top .nav > li {padding:0 35px 0 0;}
.header_top .nav > li:last-child {padding-right:0;}
.header_top .nav > li > a {padding:0; font-size:16px; color:#ffffff; font-weight:400; text-transform:uppercase; padding-bottom:16px;line-height:22px;}

.header_top .nav > li > a::after{background-color:#222; bottom:0; content:""; height:1px; left:50%; position:absolute; right:50%; z-index:1; transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s; -webkit-transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s; -moz-transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s; -o-transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s; -ms-transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s; z-index:9999999;}

.header_top .nav > li > a:hover::after, .header_top .nav > li.current-menu-item > a::after, .header_top .nav > li.current_page_item > a::after, .header_top .nav > li.current-menu-ancestor > a::after, .header_top .nav > li.current-menu-parent > a::after, .header_top .nav > li.current_page_parent > a::after, .header_top .nav > li.current_page_ancestor > a::after{left:-2px; right:-2px;}

.page-template-template-conditions .header_top .nav > li > a::after, .home .header_top .nav > li > a::after{background-color:#1cc9e4;}

.header_top .nav > li:hover > a,
.header_top .nav > li > a:hover,.header_top .nav > li > a:focus,
.header_top .nav > li > a:focus, .nav > li > a:hover {background-color:inherit;color: #1cc9e4;}
.header_top .navbar-collapse {padding:0;}
.header_top li .sub-menu{display:block; left:0px; max-width:633px; opacity:0; padding-top:0; position:absolute; transform:scale(1); visibility:hidden; width:100%; z-index:0; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; -ms-transition:all 0.9s ease-in-out; -o-transition:all 0.9s ease-in-out;transition:all 0.9s ease-in-out;}
.home .header_top li .sub-menu{width: 120%;}
.header_top li:hover .sub-menu{opacity: 1;opacity: 1;transform: scale(1);visibility: visible;z-index:9;}
.header_top .nav > li {position: unset;}
.header_top li .sub-menu li{float: left;display:block;padding:11px 20px 11px 0; border:none; position:relative;}
.header_top li .sub-menu li > a{width:100%;position:relative;display:inline-block;padding:8px 15px 8px 15px; font-size: 14px;color:#ffffff;line-height: 18px;border:none;text-align: left;background-image: none; padding:0;border-bottom:1px solid transparent;font-weight:300;   letter-spacing:0.3px;}
.header_top li .sub-menu li a:hover{color: #1cc9e4;border:none;border-bottom: 1px solid #1cc9e4;}
.header_top li .sub-menu li.current-menu-item li a{background-color:transparent;border:none;background-image: none;}
.header_top li:hover .sub-menu li .sub-menu{display:none;position: absolute;left:100%;top: 10px;width: 100%;}
.header_top li:hover .sub-menu li:hover .sub-menu{display:block;min-width: 124px;}
.header_top li:hover .sub-menu li:hover .sub-menu {top: 0;padding-top: 0;}
.header_top .col-md-1.col-sm-2{padding:0px;}
.chinese-text {float: none;line-height:42px;width: 100%;text-align:center;}
.home .header_top .nav > li:hover > a,.home .header_top .nav > li > a:hover,.home .header_top .nav > li > a:focus,.home .header_top .nav > li > a:focus,.home .nav > li > a:hover {background-color: inherit;color: #1cc9e4;}
#menu-top-menu li.other-hover{opacity:0.5;}
#menu-top-menu li.this-hover{opacity:1;}
.home .chinese-text a, .page-template-template-conditions .chinese-text a {color:#fff;display:inline-block;text-align:center;}
.home .chinese-text a span, .page-template-template-conditions .chinese-text a span{color: #fff;display: inline-block;font-size: 14px;line-height: 21px;margin: 0px 3px;}
/********** other header CSS **********/
.other-page .header_top .nav > li > a {padding:0 0 25px;}
.other-page .header_top {top:inherit;}
.other-page .logo-text {padding:30px 0 0;}								  										  
.other-page .chinese-text {float: right;line-height:41px;width: 12%;font-size:16px;}
.other-page .chinese-text a{font-size: 14px;display:inline-block;text-align:center;}
.other-page .chinese-text a span{display: inline-block;font-size: 12px;line-height: 21px;margin: 0px 3px;}
.home .header_top .nav > li > a{color:#fff;}
.header_top .nav > li > a, .other-page li .sub-menu li > a {color:#222;}
.header_top .nav > li.current-menu-item > a,
.header_top .nav > li.current_page_item > a,
.header_top .nav > li.current-menu-ancestor > a,
.header_top .nav > li.current-menu-parent > a,
.header_top .nav > li.current_page_parent > a,
.header_top .nav > li.current_page_ancestor > a,
.other-page .header_top .nav > li > a:hover, .other-page li .sub-menu li > a:hover {color:#1cc9e4;}
.other-page .navigation {float: left;padding: 0 0 0 32px;margin-bottom:-1px;}
.other-page .other-page-menu {background-color: #fff;border-bottom: 1px solid #e2e2e2;padding: 30px 0 0;width: 50%;font-size:0;line-height:0;}
.other-page li .sub-menu {left:0;padding: 0 32px; background-color: #fff;border-top: 1px solid #e2e2e2; max-width:873px;}
.other-page.conditions-menu li .sub-menu { background-color:transparent;}
.other-page .logo {margin:0; padding:30px 0 0;}
.other-page li .sub-menu li a:hover, .menu_wrap li .sub-menu li.active a {color:#1cc9e4;border-bottom: 1px solid #1cc9e4;}
/********** conditions menu css **********/
.conditions-menu .other-page-menu {background-color:inherit;}															 
.conditions-menu .header_top .nav > li > a, .conditions-menu li .sub-menu li > a {color:#fff;}
.conditions-menu .other-page-menu {border:none;}
.conditions-menu .header_top .nav > li.current-menu-item > a,
.conditions-menu  .header_top .nav > li.current_page_item > a,
.conditions-menu  .header_top .nav > li.current-menu-ancestor > a,
.conditions-menu  .header_top .nav > li.current-menu-parent > a,
.conditions-menu  .header_top .nav > li.current_page_parent > a,
.conditions-menu  .header_top .nav > li.current_page_ancestor > a,
.conditions-menu  .header_top .nav > li > a:hover,
.conditions-menu  .header_top .nav > li > a:focus {color: #1cc9e4;}
/*************** Banner CSS ***************/
.content-fix-center-right{position: absolute;top: 45%;right: 0;padding: 0;-webkit-transform: translateY(-30%);-ms-transform: translateY(-30%);transform: translateY(-30%);width: 45%;right: 6%;}
.content-fix-center-left{position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-45%);-ms-transform: translateY(-45%);transform: translateY(-45%);}
.first-banner {position:relative; height:100%;background-size:cover;}
.second-banner {background-position: center center;background-size: cover;height: 920px;position: relative;}
.third-banner {background-size: cover;position: relative;background-position: 0px 0px;}
.forth-banner {background-position: center center;background-size: cover;height: 920px;position: relative;}
.fifth-banner {height: 920px;position: relative;background-repeat: no-repeat;background-size: cover;}
.bg-img-coler {background: rgba(39, 43, 73, 0.50) none repeat scroll 0 0;height: 100%;left: 0;position: absolute;right: 0;top: 0;}
.home .bg-img-coler {background: rgba(39, 43, 73, 0.20) none repeat scroll 0 0;height: 100%;left: 0;position: absolute;right: 0;top: 0;}
.page-template-template-contact .banner-section.id1 .bg-img-coler{background-color:rgba(39, 43, 73, 0.1);}
.first-banner-text h2{font-size:50px; font-weight: bold; line-height:55px;}
.learn-button {padding:80px 0 0;}
.learn-button a {border: 1px solid #fff;border-radius: 30px;color: #fff;font-size: 14px;font-weight: 700;padding: 7px 24px;text-transform: uppercase;display: inline-block;}
.learn-button a:hover {background-color: #1cc9e4;border-color: #1cc9e4;}
.learn-button a img {border-left: 1px solid;float: right;margin: 0;padding: 3px 15px;position: relative;right: -25px;top: 3px;}
.second-banner-text {float: right;width: 100%;}
.second-banner-text h2 {font-size:70px; font-weight: bold; text-align:right; line-height:70px;}
#section-two .second-banner-text {float: right;width: 100%;padding-left: 10%;}
#section-two .second-banner-text h2 span {font-size: 18px;line-height: 22px;color: #fff;font-weight: 400;display: block;margin-top: 45px;clear: both;text-transform: none; }
#section-two .second-banner-text h2 {font-size: 60px;text-align: left;line-height: 60px; font-weight: 700;text-transform: none;}
.second-banner-text .learn-button {float: right;}
#section-two .second-banner-text .learn-button {float: left;}
.third-banner-text p{font-size:16PX; color:#222222; text-transform:uppercase; margin:0;}
.third-banner-text h2 {font-size:70px; font-weight: bold; color:#222222;margin: 43px 0 40px;}
.border-left {border-color: #000;float: left;margin:12px 20px 0 0;width: 40px;}
.third-banner-text-contain p {font-size:18px; color:#222222;  font-style:italic; text-transform:inherit; margin:0; line-height:26px;}
/*********** popup button css ***********/
.popup-button {background: rgba(0, 0, 0, 0) url("images/eye-anatom.png") no-repeat scroll right center / 75% auto;height: 652px;left: -15px;position: relative;right: 0;top: 21px;}
.button1 button, .button2 button, .button3 button, .button4 button, .button5 button,
.button6 button, .button7 button, .button8 button, .button9 button, .button10 button,
.button11 button, .button12 button, .button13 button, .button14 button, .button15 button,
.button21 button, .button22 button, .button23 button, .button24 button, .button25 button,
.button31 button, .button32 button, .button33 button, .button34 button, .button35 button,
.button41 button, .button42 button, .button43 button, .button44 button, .button45 button,
.button51 button, .button52 button, .button53 button, .button54 button, .button55 button,
.button61 button, .button62 button, .button63 button, .button64 button, .button65 button,
.button71 button, .button72 button, .button73 button, .button74 button, .button75 button,
.button81 button, .button82 button, .button83 button, .button84 button, .button85 button,
.button91 button, .button92 button, .button93 button, .button94 button, .button95 button,
.button101 button, .button102 button, .button103 button, .button104 button, .button105 button {background:rgba(0, 0, 0, 0) url("images/adrian-fung-icon.png") no-repeat left -345px top -16px;height:50px;position:absolute;width:50px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.button1 button {right:152px;top:150px;}
.button2 button {right:81px;top:174px;}
.button3 button {right:59px;top:293px;}
.button4 button {right:52px;top:371px;}
.button5 button {right:191px;top:293px;}
.button6 button {right:346px;top:354px;}
.button7 button {right:352px;top:308px;}
.button8 button {right:317px;top: 270px;}
.button9 button {right:390px;top:253px;}
.button10 button {right: 342px;top:175px;}

.button11 button {right:308px;top: 163px;}
.button12 button {right:249px;top:222px;}
.button13 button {right:100px;top:219px;}
.button14 button {right:164px;top:295px;}
.button15 button {right:250px;top:202px;}

.button21 button {right:308px;top: 163px;}
.button22 button {right:249px;top:222px;}
.button23 button {right:100px;top:219px;}
.button24 button {right:164px;top:295px;}
.button25 button {right:250px;top:202px;}

.button31 button {right:308px;top: 163px;}
.button32 button {right:249px;top:222px;}
.button33 button {right:100px;top:219px;}
.button34 button {right:164px;top:295px;}
.button35 button {right:250px;top:202px;}

.button41 button {right:308px;top: 163px;}
.button42 button {right:249px;top:222px;}
.button43 button {right:100px;top:219px;}
.button44 button {right:164px;top:295px;}
.button45 button {right:250px;top:202px;}

.button51 button {right:308px;top: 163px;}
.button52 button {right:249px;top:222px;}
.button53 button {right:100px;top:219px;}
.button54 button {right:164px;top:295px;}
.button55 button {right:250px;top:202px;}

.button61 button {right:308px;top: 163px;}
.button62 button {right:249px;top:222px;}
.button63 button {right:100px;top:219px;}
.button64 button {right:164px;top:295px;}
.button65 button {right:250px;top:202px;}

.button71 button {right:308px;top: 163px;}
.button72 button {right:249px;top:222px;}
.button73 button {right:100px;top:219px;}
.button74 button {right:164px;top:295px;}
.button75 button {right:250px;top:202px;}

.button81 button {right:308px;top: 163px;}
.button82 button {right:249px;top:222px;}
.button83 button {right:100px;top:219px;}
.button84 button {right:164px;top:295px;}
.button85 button {right:250px;top:202px;}

.button91 button {right:308px;top: 163px;}
.button92 button {right:249px;top:222px;}
.button93 button {right:100px;top:219px;}
.button94 button {right:164px;top:295px;}
.button95 button {right:250px;top:202px;}

.button101 button {right:308px;top: 163px;}
.button102 button {right:249px;top:222px;}
.button103 button {right:100px;top:219px;}
.button104 button {right:164px;top:295px;}
.button105 button {right:250px;top:202px;}

.popup-button .tab button:focus, .popup-button .tab button:hover,
.macula-popup-button .tab button:focus, .macula-popup-button .tab button:hover{ background-position:left -576px top -16px;-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none;transition:none;}
.popup-button .tab button.active, 
.macula-popup-button .tab button.active{background-position:left -460px top -16px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;
-o-transition:none;transition:none;}
div.tab {overflow: hidden;}
div.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none;transition:none;font-size: 17px;}
.tabcontent {display: none;padding: 6px 12px;}
.topright {float: right;cursor: pointer;font-size: 20px;}
.topright:hover {color: red;}
/*********** popup button css and ***********/
/*********** toggle css ***********/
.toggle-view a {font-size:18px;line-height:20px; color:#222222; font-weight:700;margin: 30px 0 0; display:inline-block; }
.toggle-view {float: left;}
.toggle-button {float: left;}
.toggle-button input[type="checkbox"],
.toggle-button input[type="checkbox"]{display: none;}
.toggle-button label {position: relative;margin: 42px 0 0 0;font-size: 18px;color: #222;line-height: 26px;cursor: pointer;}
.toggle-button span::before, .toggle-button span::after {bottom: 0;content: "";margin: auto;position: absolute;top:0px;}
.toggle-button span.radio:hover {cursor: pointer;}
.toggle-button span.radio::before {border: 1px solid #222;border-radius: 50px;height:20px;left: 12px;top: 0px;width:40px;}
.toggle-button span.radio::after {background-color: #222;border-radius: 100%;height:12px;left: 14px;top:0px;transition: left 0.25s ease 0s, background-color 0.25s ease 0s;width:12px;}
.toggle-button input[type="checkbox"]:checked + label span.radio::after {background-color: #222;left: 28px;}
.toggle-button span.checkbox::before {width: 27px;height: 27px;background-color: #fff;left: -35px;box-sizing: border-box;border: 3px solid transparent;transition: border-color .2s;}
.toggle-button span.checkbox:hover::before {border: 3px solid #F0FF76;}
.toggle-button span.checkbox::after {content: '\f00c';font-family: 'FontAwesome';left: -31px;top: 2px;color: transparent;transition: color .2s;}
.toggle-button input[type="checkbox"]:checked + label span.checkbox::after {color: #62AFFF;}
/*********** toggle css and ***********/
.third-banner-text .learn-button {padding:55px 0 0;display:inline-block;width:100%;}
.fifth-banner-text h2 {font-size:50px; font-weight: bold; color:#222222;margin: 0 0 0 0;     line-height: 50px; }
.fifth-banner-text h2:before{margin: 0 0 0 -24px; content: '"';}
.fifth-banner-text h2:after {content: '"';}
.fifth-banner-text h2 img {left: -6px;margin: -39px 0 0 -24px;position: relative;}
.fifth-banner-text p {font-size:18px; color:#222222; font-style:italic; margin:70px 0 0 100px;}
.eye-image-center{position: absolute;top: 50%;left: 0px;bottom: 0;right: 0;display: table;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 45%;margin-left: 2.5%;}
.macula-img {background: rgba(0, 0, 0, 0) url("images/eye-anatomy.png") no-repeat scroll right center / 75% auto;height: 476px;left: 0;position: absolute;right:69px;top: 16px;transform: translateY(-50%);transition: none 0s ease 0s ;}
.toggle-button span {margin: 0px;display:inline-block;position:relative;vertical-align:middle;}
/*************** Footer CSS ***************/
.footer {bottom: 20px;float: left;left: 0;position: fixed;right: 0;width: 100%;z-index: 999;}
.copy-right{float: right;width: 100%;text-align: right;color:#D3D3D3;}
.copy-right span {color: #D3D3D3;margin: 0 0 0 21px;}
.copy-right p, .design-by p {font-size:14px; color:#D3D3D3;}
.design-by {float:right;}
/********************************************* About CSS *********************************************/
.display-on-mobile{display:none;visibility:hidden;opacity:0;}
.about-right-contain-inner{height:100%;width:100%;padding-top:160px;}
.about-contain {height: 100%;}
.scroll-element.scroll-x{display: none !important;}
.about-page-contain{/*padding-top:100px;*/padding-top:0; padding-bottom:60px; clear:both; display:inline-block;width:100%;}
.about-page-contain.id1{padding-top:0px;}

.page-template-template-about .about-page-contain.id7{padding-bottom:220px;}
.about-page-contain:last-child {padding-bottom: 100px;}
/*.about-page-contain.id1{background-color: #f8f8f8;}
.about-page-contain.id2{background-color: #ffffff;}
.about-page-contain.id3{background-color: #f8f8f8;}
.about-page-contain.id4{background-color: #ffffff;}
.about-page-contain.id5{background-color: #f8f8f8;}
.about-page-contain.id6{background-color: #ffffff;}
.about-page-contain.id7{background-color: #f8f8f8;}
.about-page-contain.id8{background-color: #ffffff;}
.about-page-contain.id9{background-color: #f8f8f8;}
.about-page-contain.id10{background-color: #ffffff;}*/
.about-page-contain.id1{background-color: #ffffff;}
.about-page-contain.id2{/*background-color: #f8f8f8;*/background-color: #ffffff;}
.about-page-contain.id3{background-color: #ffffff;}
.about-page-contain.id4{background-color: #f8f8f8;}
.about-page-contain.id5{background-color: #ffffff;}
.about-page-contain.id6{background-color: #f8f8f8;}
.about-page-contain.id7{background-color: #ffffff;}
.about-page-contain.id8{background-color: #f8f8f8;}
.about-page-contain.id9{background-color: #ffffff;}
.about-page-contain.id10{background-color: #f8f8f8;}

.about-title{padding:0 60px 10px 60px;}
.about-titlee {padding-top:0;}
.about-left-banner {float:left; width:50%; height:100%; position:relative;}
.page-template-template-conditions .about-left-banner {float:right;}
.scrollbar-inner{height:100%;width:100%; background-color:#f8f8f8;}
.about-right-contain {background-color: #fff;float: right;position: relative;width: 50%;height:100%;}
.page-template-template-condition .about-right-contain {float: left;}
.about-banner-section {background-position: center center;background-repeat: no-repeat;background-size: cover;min-height: 100px;position: relative;width: 100%; visibility:hidden; opacity:0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; position:absolute; left:0; right:0; top:0; bottom:0;}

.page-template-template-about #first.about-banner-section{background-position:top -65px center;} 
.about-banner-section.show-banner{visibility:visible; opacity:1;}
.page-title {color: #1cc9e4; font-size: 70px;font-weight: bold;display:block !important;opacity:1 !important;}
.page-title a{color: #1cc9e4; font-size: 50px;}
.page-title a:hover{color:#222;}
.page-template-template-eyeconditions .about-page-contain.id6 .page-title {color: #1cc9e4; font-size: 40px;font-weight: bold;display:block !important;opacity:1 !important;}
.about-sub-text {padding:0 60px;}
.about-sub-text p { line-height: 24px;font-weight: 400;margin:0;font-size:18px;}
.books-contain .books-title h2 {font-size: 30px;color: #1cc9e4; font-weight: 700;margin-bottom: 35px;}
.about-sub-title h3 {font-size:18px;   font-style:italic; line-height:26px;font-weight:700;}
.about-sub-title p {  line-height:24px; font-weight:400; margin:25px 0 0;}
.adrian-fung {float:left; padding: 70px 0 0;}
.logo-contain{clear: both;overflow: hidden;width: 100%;}
.logo-contain li {padding: 10px 5px 10px 5px;width: 24%;min-height: 67px;float: left;background: #fff;margin: 0 1px 1px 1px;}
.about-contain .logo-contain li img{display: block;margin: 0 auto;max-width:100%;width:auto;}
.logo-contain li:nth-child(4), .logo-contain li:nth-child(8){padding-right:0;}
.logo-contain li:nth-child(9), .logo-contain li:last-child {padding-bottom:0;}
.logo-contain li:hover {filter: grayscale(0); cursor:pointer;}
.about-description {padding:0px 60px 30px 60px; float:none; width:100%;clear:both;}
.page-id-19 .about-description h2{padding: 90px 0 0;}
.about-description h2 {font-size:30px; color:#1cc9e4;  font-weight:700;padding:68px 0 0;display: inline-block;}/*19-09*/
.about-description h3 { font-weight: 700;font-style: italic;text-transform: uppercase;padding-top:0px; width:100%; margin:55px 0 0;}
.about-description h3:first-child{margin:0;}
.page-id-55 .about-description h3{text-transform: none;}
.about-description ol{margin: 30px 0 0 0;padding: 0;clear: both;overflow: hidden;float: none;padding-left: 20px;}
.about-description ol li:last-child {padding: 0 25px 0px;}
.about-description  ol li { font-weight: 400;padding: 0 25px 18px;list-style: inherit;line-height: 24px;width:100%;}
.about-description h2:first-child{padding:0;}
.about-description p {  font-weight:400; line-height:24px; margin:30px 0 0; font-size:18px;}
.vitrectomy-sub-text p a, .equipment p a, .macular p a, .month-sub-text p a,
.about-description p strong{ font-size:18px;}
.about-description p a{ font-size:18px;font-weight:400; line-height:24px; }
.about-description p i, .vitrectomy-text p i {font-size: 18px;}
.about-description > ul > li {background: rgba(0, 0, 0, 0) url("images/left-icon.png") no-repeat scroll left 0 top 4px;float: left;padding: 4px 40px 11px;width: 100%;}
.equipment p{margin:20px 0 0 0;}
.page-template-template-eyeconditions .about-page-contain.id6 .about-description p{ font-weight: 400;line-height: 18px;margin: 15px 0 0;font-size: 14px;}
.about-description > ul.no-css > li {background: none; float: none;padding: 0 10px 15px;width: 100%;list-style-type: disc;}
.about-description li span{   font-weight:700;width:100%; font-style:italic;display: block;}
.ophthalmology-training li p {  font-weight:400; margin:3px 0 0;}
.about-description > ul {margin:28px 0 0px;clear:both;overflow:hidden;float:none;}
.about-description > ul.no-css {margin: 0px 0 0 20px;clear: both;float: none;list-style-type: disc;overflow: initial;padding-top: 28px;}
.about-description i {  font-weight:700;}
.about-description .model-social i{font: normal normal normal 14px/1 FontAwesome;}
.about-description > article {margin:15px 0 0; display:inline-block;}
.about-description > article > strong {  font-weight:700;font-size:16px; color:#222; margin:0 0 5px 0; display:inline-block;}
.about-description > article > strong > a {  font-weight:normal;margin: 0 0 0 15px;}
.about-description > article > strong a {margin:0 0 0 23px;}
.about-description > article > strong:nth-child(5) a {margin:0 0 0 23px;}
.about-description > article > strong:nth-child(7) a {margin:0 0 0 23px;}
.about-description > article > strong:last-child a {margin:0 0 0 17px;}
.about-description > article > strong > a:hover {color:#1cc9e4;}
/************/
.bionic-img {display:inline-block; margin:35px 0 0;}
.awards p {  font-weight:400;}
.awards ul li span {font-size:16px; color:#222;  font-style:italic;}
/************/
.textbooks-contain {float:left; width:100%; padding:95px 60px 0;}
.books {float:left; width:25%;}
.books-contain {float:left; width:75%; padding:0 0 0 20px}
.buy-books {padding:25px 0 0;}
.buy-books a {border: 1px solid #222;border-radius: 30px;color: #222;display: inline-block;font-size: 14px;font-weight: 700;padding: 7px 24px;text-transform: uppercase;
 }
.buy-books a:hover {background-color: #1cc9e4;border-color: #1cc9e4; color:#fff;transition: none;}
.buy-books a:hover img {content: url('images/right-arow.png');}
.buy-books a img {border-left: 1px solid;float: right;margin: 0;padding: 3px 15px;position: relative;right: -25px;top: 3px;}
.textbooks-row {display: inline-block;padding: 0 0 90px;width:100%;}
.books-text strong { font-weight:700;font-style:italic; display:inline-block; margin:30px 0 0;}
/************/
.next-generation {padding:0 0 80px;}
.next-generation strong { font-weight:700; line-height:24px;}
.next-generation strong a {  font-weight:400; text-decoration:underline;}
.next-generation strong a:hover, .pre-requisites ol li a:hover, .email a:hover, .website a:hover {color:#1cc9e4;}
.next-generation b { font-weight:700; display:inline-block; margin:28px 0 0;}
.lectureships {padding:0;}
.lectureships p, .attend-interview p {margin:30px 0 0;}
/************/
.westmead-vitretoretinal {padding:0 60px;}
.retinal h1 {left: 0;right: 20%;top: 40%;transform: translate(-20%);}
.retinal-text p, .eye-conditions-text p {font-size:18px; font-style:italic; }
.retinal-text {padding: 50px 60px 70px;}
.pre-requisites {padding:60px 60px 0; display:inline-block;}
.pre-requisites h3, .enquiries h3, .to-apply h3, .attend-interview h3 {  font-weight:700; font-style:italic; text-transform:uppercase;}
.pre-requisites ol {margin:30px 0 0; padding:0;}
.pre-requisites ol li {  font-weight:400; padding:0 25px 18px; list-style:inherit; line-height:24px;}
.pre-requisites ol li a {width:100%; text-decoration:underline; display:inline-block;}
.pre-requisites p {  font-style:italic; margin:30px 0 0;}
.enquiries {padding:60px; display:inline-block;}
.enquiries p {  font-weight:400; margin:30px 0 0;}
.enquiries p b, .administration-manager b {  font-style:italic;}
.administration-manager {padding:30px 0 0; display:inline-block;}
.administration-manager p {  font-weight:400; margin:8px 0 0;}
.contact-details {padding:20px 0 0;}
.telephone-no, .fax-no, .website {display: inline-block;width: 100%;}
.telephone-no span, .fax-no span, .email span, .website span {float:left;  font-weight:700; margin:0 19px 0 0;}
.telephone-no a, .mobile-no a, .fax-no a, .email a, .website a {float:left;  font-style:normal;}
.email a {text-decoration:underline;}
.mobile-no span  {margin:0 12px 0 0;float:left;}

.mobile-no, .email {float: left;margin: 0 0 6px;}
/***************/
.to-apply {padding:0 60px;}
.to-apply p, .attend-interview p {  font-weight:400; margin:20px 0 0;}
.to-apply ol {padding:18px 0 0;}
.to-apply ol li {  font-weight:400; padding:0 20px 6px; list-style:inherit; width:100%;}
.attend-interview {padding:50px 60px 0; display:inline-block;}
.fellowship-row {display: inline-block;padding-bottom: 70px;}
.retinal-text p span {text-decoration:underline;}
.retinal-text.ophthalmology {padding: 120px 60px 100px;}
.about-title.conference h1 {font-size: 38px;}
.ophthalmology p a {text-decoration:underline;}
.ophthalmology p a:hover {color:#1cc9e4;}
/********************************************* conditions CSS *********************************************/
.conditions-main-banner {height: 100%;}
.anatomy {left: 50%;padding: 0;position: absolute;top: 50%;transform: translate(-50%, -50%); text-align:center; width:100%;}
.anatomy h2 {font-size:54px; color:#fff;  font-weight:700;text-transform:capitalize;}
.anatomy p {font-size:18px; color:#fff;  font-style:italic;margin: 22px 0 52px;}
.anatomy p a {color:#fff; text-decoration:underline;}
.anatomy p a:hover {color:#1cc9e4;}
.discover-now a {border: 1px solid #fff;border-radius: 30px;color: #fff;display: inline-block;font-size: 14px;font-weight: 700;padding: 7px 24px;text-transform: uppercase;}
.discover-now a:hover {background-color: #1cc9e4;border-color: #1cc9e4;}
.discover-now a img {border-left: 1px solid;float: right;margin: 0;padding: 3px 15px;position: relative;right: -25px;top: 3px;}
/***************/
.eye-conditions-text, .eye-conditions-list {padding:0 60px 60px;}
.eye-conditions-list ul{float:none;overflow:hidden;}
.page-template-template-treatments .tratments-interval-text-popup .model-text-contain ol li,
.page-template-template-treatments .tratments-interval-text-popup .model-text-contain li,
.eye-conditions-list li {background: rgba(0, 0, 0, 0) url("images/list-left-icon.png") no-repeat scroll 0 10px;float: left;font-style: italic;font-weight: 700;
padding: 0 20px 15px;width: 50%;}
.eye-conditions-list li a:hover,
.eye-conditions-list li a:focus{color:#1cc9e4;}

.eye-conditions-list.retina-list ul .col-sm-6{padding:0px 5px;}
.page-template-template-treatments .tratments-interval-text-popup .model-text-contain ol li,
.eye-conditions-list.retina-list ul .col-sm-6 li{float:none;width:100%;font-style:normal;}
.eye-conditions-list.retina-list ul .col-sm-6 li a{float:none !important;}
/***************/
.investigations-list {padding:00px 60px 20px 60px;display:inline-block;}
.investigations-list h3, .in-injections h3 {  font-style:italic; font-weight:700;}
.investigations-list p {margin:8px 0 18px;  font-weight:400;}
.download-pdf-button a {border:2px solid #1cc9e4;border-radius:40px;color:#222;display:inline-block;font-size:18px;padding:13px 38px 11px 38px;font-weight:700;
 -moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;background-color: #1cc9e4; color: #fff; transition: none;}
.download-pdf-button a p {margin:0; font-weight:400; font-size: 16px; color:#fff;}
.download-pdf-button a p span {text-transform: lowercase;font-size:16px;color:#fff;}
.download-pdf-button a:hover {background-color:transparent;  border:2px solid #1cc9e4;color: #fff; transition: none;}
.download-pdf-button a:hover p span,
.download-pdf-button a:hover p{color:#222;}
.download-pdf-button a:hover h5, .download-pdf-button a:hover h5 p span, .download-pdf-button a:hover h5 p{ color:#222;transition: none;}
.download-pdf-button a:hover img {content: url('images/download-icon.png');}
.download-pdf-button a img {float: right;margin: 0;padding: 13px 20px 12px;position: relative;right: -32px;top:0px;border-left: 1px solid #fff;}
.download-pdf-button a:hover img {border-left: 1px solid #b7b7b7;}
.download-text h5{font-size: 18px;font-weight: 700;text-transform: uppercase;color: #fff;}	


.download-img, .download-text {float: left;}
.download-pdf-button {margin: 54px 0 0;}
.download-text h5{font-size: 18px;font-weight: 700;text-transform: uppercase;}
.intravitreal-list p {  font-weight:400; line-height:26px;}
.in-injections ul li {  font-weight:400; padding:0; width:100%; float:left; background:rgba(0, 0, 0, 0) url("images/list-left-icon.png") no-repeat scroll 0 10px;padding: 0 0 0 20px;}
.intravitreal-list {padding:0 60px 0px;display:inline-block;}
.in-injections > h3 {margin:55px 0 0; float:none; width:100%;}
.in-injections > ul {margin: 15px 0 0;float: none;clear: both;overflow: hidden;}
.intravitreal-list p {float: none;margin: 70px 0 0;width: 100%;  font-weight:400; font-style:italic;}
.intravitreal-list p:first-child{margin-top:0;}
.intravitreal h1 {font-weight: bold;width: 100%;}
.l-surgery-list {padding:0 60px; display:inline-block;}
.l-surgery-list p {float: left;margin:0 0 35px;width: 100%;  font-weight:400; font-style:italic;}
.l-surgery h1 {font-size:68px;}
.vitrectomy-sub-text {padding:60px 60px 0;}
.vitrectomy-text {padding:0 60px ;}
.vitrectomy-text p {  font-weight:400; margin:30px 0 0;}
.vitrectomy-text p:first-child{margin-top:0;}
.vitrectomy-sub-text p, .macular p, .month-sub-text p {  font-weight:400; font-style:italic; font-size:18px;}
.equipment p{  font-weight:400; font-style:normal; font-size:18px;}
.vitrectomy h1 {right: 10%;}
.vitrectomy.what-do-after-sur h1 {right: 30%;font-size: 55px;}
.vitrectomy-sub-text p span {text-decoration:underline;}
.vitrectomy-text.what-do-after-sur{padding-top:50px;}
/****************/
.equipment {padding:0 60px 0;}
.about-page-contain-innerone .equipment {padding:0px 0px 0px 0px;}
.blog-list-inner-case-of-the-month{padding:0px 0px 60px 0px;}
.blog-list-inner-case-studies{padding:0px 0px 60px 0px;}
.blog-list-inner-news{padding:0px 0px 60px 0px;}

.blog-list-inner-case-of-the-month .about-title-blog p,
.blog-list-inner-case-studies .about-title-blog p,
.blog-list-inner-news .about-title-blog p{margin:0px;padding:0;z-index: 999;color: #a4a4a4; font-weight: 400;font-size:16px;line-height:22px;}
.equipment ul {margin:40px 0 ;}
.equipment li {font-style: normal;font-weight: 700;background: rgba(0, 0, 0, 0) url("images/list-left-icon.png") no-repeat scroll 0 10px; float:left;width:100%;
padding: 0 0 2px 20px;}
.about-title.vitrectomy > p {left: 0;padding: 0 60px;position: absolute;right: 0;top: 174px;z-index: 999; color:#a4a4a4;  font-weight:400;}
.external-case-link{padding:0 0 20px 0;margin:0;}
.external-case-link a,
.equipment a, .macular-text a {border:1px solid #222;border-radius:30px;color:#222;display:inline-block;font-size:14px;font-weight:700;padding:7px 24px;text-transform:uppercase;margin-top:50px;}
.external-case-link a{margin-top:15px;}
.external-case-link a:hover,
.external-case-link a:focus,
.equipment a:hover, .macular-text a:hover {  background-color: #1cc9e4;  border-color: #1cc9e4; color: #fff; transition: none;}
.external-case-link a:hover img,
.equipment a:hover img {content: url('images/right-arow.png');}
.external-case-link a img,
.equipment a img, .macular-text a img {border-left: 1px solid;float: right;margin: 0;padding: 3px 15px;position: relative;right: -25px;top: 3px;}
/****************/
.macular {padding:100px 60px;}
.macular-title > p {color: #a4a4a4; font-weight: 400;right: 0;padding: 0 60px;/*left: 0;*//*position: absolute;*//*top: 174px;*/
z-index: 999; padding:0 0 60px;}
.macular-title > h1 {color: #1cc9e4; font-size: 49px;font-weight: bold;/*left: 0;*//* position: absolute;*//*right: 40%;*//* top: 40%;*/
transform: translate(-20%);z-index: 999;}
.macular-text p {padding:60px 0 0;}
/*********model********/
.model-page-contain {padding:0 60px 0;}
.month-sub-text {padding: 350px 0 0;}
.modal-header .close > img {height: 30px;    margin-left: 10px;}
.modal-header {border-bottom:none;padding: 30px 15px 15px;}
.modal-header .close {margin-right: 20px;}
.model-social {display: inline-block;/*padding: 7px 0 0 80px;*/padding: 7px 0 0 0px; float:left; width:45%;}
.modal-dialog .model-right .modal-header .model-social p {font-size:12px; font-weight:400; text-transform:uppercase;  font-style:inherit; float:left; margin:0 20px 0 0;}
.model-social ul {margin:0; float:left;}
.model-social li {background:none; float:left; width:inherit; padding:0 15px 0 0; margin:0; line-height:13px;}
.model-social li a {border:none; padding:0; margin:0; font-size:12px;}
.model-social li a:hover {opacity:0.7;}
.modal-title {font-size:12px; color:#9b9b9b;  font-style:italic; float:left; margin:5px 0 0;}
.modal-body .scrollbar-innerr {background-color:inherit; height:100% !important;}
.modal-month-title{padding:0 15px 60px 0;}
.modal-month-title h1,
.modal-month-title h2 {color: #1cc9e4; font-size:55px;font-weight: bold;line-height: 1.1em;z-index: 999;font-style: initial;}
#retinafellowship .modal-month-title h2{color:#1cc9e4; font-size:70px;font-weight:bold;display:block !important;opacity:1 !important;}
.model-text-contain {margin:0;padding:100px 0 0;}
#retinafellowship .model-text-contain {margin:0;padding:50px 0 0;}
.model-text-contain h3 {  font-weight:700; font-style:italic;}
.model-text-contain p {  font-weight:normal;margin: 11px 0 24px;}
/********************contact***********************/
.contact-details {padding:0 0 100px;}
.contact-list-text {padding:0 60px 70px; display:inline-block;}
.contact-title-text {padding: 0 60px 40px;float: none;}
.contact-text {padding:0 60px;}
.contact-title-text h2 {font-size:30px; color:#1cc9e4;  font-weight:700;}
.contact-title-text p {  font-style:normal; margin:10px 0 0;}
.contact-map {padding:0 30px 30px;}
.contact-text p span {  font-weight:bold;}
.contact-text p span a, .referral p {  font-weight:normal;}
.contact-text a:hover {color:#1cc9e4;}
.phone span {margin: 0 20px 0 0;}
.fax span {margin:0 41px 0 0;}
.email span {margin:0 27px 0 0;}
.email span a {text-decoration:underline;}
.referrals-list {padding:0 60px 0;}
.referral {padding:0 60px 0;}
.referral p {margin-bottom:55px;}
.future h1 {right: 0%;transform: translate(-102px);}
.referrals-list p a {text-decoration:underline;}
.referrals-list p a:hover {color:#1cc9e4;}
.referrals-list p {  font-weight:400; font-style:normal; font-size:18px;}
.referrals-list p span {font-style: normal;padding-top: 25px; display:block;}
.contact-text .email{float:none;}
.contact-text p.email,
.contact-text p.phone,
.contact-text p.fax{float:none;clear:both;overflow:hidden;}
.contact-details:last-child{padding-bottom:0px;}
.contact-list-text p {font-style:normal;font-size:18px;}
/******************************************************************************************/
.eye-image-center-inner{max-width: 578px;margin: 0 auto;position: relative;float: right; width: 100%;}
.books-title strong { font-weight: 700;font-style: italic;display: inline-block;margin: 30px 0 0;}
.scroll-wrapper{position: initial !important;}
.scroll-wrapper > .scroll-content{position: initial !important;}
.close {opacity:1 !important; line-height:36px !important;outline:none;}
.modal.my-blog-single-popup{width:100%;height:100%;margin:0 !important;padding:0 !important;overflow:hidden;}
.modal.my-blog-single-popup.fade.in{opacity: 1;top:0;}
.my-blog-single-popup.modal{position: fixed;top: 100%;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;}
.modal.my-blog-single-popup.fade{opacity: 1;-webkit-transition: all .300s linear;-o-transition: all .300s linear;transition: all .300s linear;}
.modal.my-blog-single-popup.fade .modal-dialog{-webkit-transition: -webkit-transform .2s ease;-o-transition: -o-transform .2s ease;transition: transform .2s ease;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);opacity:0;}
.modal.my-blog-single-popup.fade.in .modal-dialog{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);opacity:1;-webkit-transition: -webkit-transform .2s ease;-o-transition: -o-transform .2s ease;transition: transform .2s ease;}
.modal.my-blog-single-popup .modal-dialog{width:100%;height:100%;margin:0 !important;padding:0 !important;overflow:hidden;}
.modal.my-blog-single-popup .modal-dialog .modal-content{border: none !important;border-radius: 0px !important;-moz-border-radius: 0px !important;-ms-border-radius: 0px !important;-o-border-radius: 0px !important;-webkit-border-radius: 0px !important;box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;-o-box-shadow:none !important;-webkit-box-shadow:none !important;display:block;position:relative;height:100%;width:100%;}
.my-blog-single-popup .model-text-contain ol{clear: both;overflow: hidden;display: block;margin: 0 0 20px 0;padding:20px 0 0 30px;}
.page-template-template-treatments .tratments-interval-text-popup .model-text-contain ol li,
.my-blog-single-popup .model-text-contain ol li{font-weight:400;}
.model-left{float: left;width: 50%;height: 100%; position:relative;}
.model-left .about-banner-section{visibility:visible !important; opacity:1 !important;}
.model-right{float: right;width: 50%;height: 100%; background-color:#f8f8f8;}
.modal.my-blog-single-popup .modal-dialog .modal-content .modal-header{height:10%;}
.modal.my-blog-single-popup .modal-dialog .modal-content .modal-body{padding:0px !important;margin:0px !important;height:90%;width:100%;}
.blog-list-inner{/*position:relative;*/}
.blog-list-inner .about-title.vitrectomy > p{left: initial;padding: 0 60px;position: relative;right:initial;margin-top: 208px;z-index: 999;color: #a4a4a4; font-weight: 400;top:initial;}
.blog-list-inner .about-page-contain{padding-top: 55px;padding-bottom: 100px;}
.blog-list-inner .about-page-contain  .equipment{padding: 0 60px 0;}
.blog-list-inner .about-title.vitrectomy{padding:0; position:relative; z-index:8;}
.blog-list-inner .vitrectomy h1.page-title{color: #1cc9e4; font-size: 49px;font-weight: bold;left: initial;position: relative;right: initial;top: initial;transform: none;z-index: 999;padding: 0 60px 0 60px;margin-top: 35px;}
.blog-list-inner .about-title-blog.vitrectomy h3.page-title{color: #1cc9e4; font-size: 49px;font-weight: bold;left: initial;position: relative;right: initial;top: initial;transform: none;z-index: 999;padding:0px 0px 0px 0px;margin-top: 35px;text-transform:none;font-style:normal;}
.container-fluid{max-width:1920px;}
.page-template-default .about-description,
.page-template-template-investigations .about-description,
.page-template-template-eye-conditions .about-description,
.page-template-template-ophthalmology-updates .about-description,
.page-template-template-volunteer-work .about-description,
.page-template-template-retinal-fellowship .about-description,
.page-template-template-teaching .about-description,
.page-template-template-research .about-description{padding-top:0px;}
.page-template-template-ophthalmology-updates .about-description,
.page-template-default .about-description{padding-bottom:0px;}
.page-template-default  .about-description  p:first-child,
.page-template-template-investigations .about-description  p:first-child,
.page-template-template-eye-conditions .about-description  p:first-child,
.page-template-template-ophthalmology-updates .about-description  p:first-child,
.page-template-template-volunteer-work .about-description  p:first-child,
.page-template-template-retinal-fellowship .about-description  p:first-child,
.page-template-template-teaching .about-description  p:first-child,
.page-template-template-research .about-description p:first-child{margin-top:0px;}
.about-description > article > strong > a,
.next-generation a,
.about-description ul li a,
.about-description ol li a,
.about-description p a{color:#1cc9e4;text-decoration: none;}
.about-description > article > strong > a:hover,
.about-description > article > strong > a:focus,
.next-generation a:hover,
.next-generation a:focus,
.about-description ul li a:hover,
.about-description ol li a:hover,
.about-description ul li a:focus,
.about-description ol li a:focus,
.about-description p a:hover,
.about-description p a:focus{color:#222;text-decoration: none;}
.about-title.conference h1, .about-page-contain.id7 .page-title{font-size: 50px;}
.page-id-118 h1.page-title{font-size: 55px;}
.page-id-118 .about-description{padding-top:40px;}
.page-id-220 .about-description p{font-size: 18px;}

/* Full page scroll*/
div#fp-nav{position: fixed;right: 0;top: 50%;max-width: 1920px;z-index: 99999;transform: translate(0,-50%);margin-top: 0px !important;}
#fp-nav ul{float: none;margin: 0 20px 0 0;padding: 0;}
#fp-nav li{float: none;display: block;font-size: 0;line-height: 0;margin: 0 0 14px 0;}
#fp-nav li a{font-size: 0;line-height: 0;border: 2px solid transparent;border-radius: 100%;display: inline-block;padding: 3px;}
#fp-nav li a.active{border-color:#1cc9e4;}
#fp-nav li a.active span {background: #1cc9e4 none repeat scroll 0 0;}
#fp-nav li a span{height: 8px;width: 8px;background-color: #9f9faa;display: inline-block;border-radius: 100%;}

span.radio.chngradio:after {left: 35px !important;transition: left 1s ease 0s, background-color 0.25s ease 0s;}
span.radio.chngradio.spanafter:after {left: 16px !important;transition: left 0.25s ease 0s, background-color 0.25s ease 0s;}
.empty-space {display: inline-block;padding: 25px 0;}
#top_btn{display:none;visibility:hidden;opacity:0;}
.employment-contact{overflow: hidden;display:block;clear:both;width:100%;position:relative;padding:25px 0 0 0;margin:0 0 0 0;}
.employment-contact h2{margin:0 0 25px 0;}
.employment-contact .wpcf7{padding:0 0 10px 0;position:relative;}
.employment-contact .wpcf7 .field-emplyoment{position:relative;display:block;width:100%;clear:both;overflow:hidden;float:none;margin:0;padding:0;}
.employment-contact .wpcf7 .field-emplyoment .wpcf7-form-control-wrap{position:relative;display:block;width:100%;margin:0px;padding:0 0 25px 0;clear:both;overflow:hidden;float:none;}
.employment-contact .wpcf7 .field-emplyoment .wpcf7-form-control-wrap input[type="text"],
.employment-contact .wpcf7 .field-emplyoment .wpcf7-form-control-wrap input[type="email"]{color:#222;padding:0px 15px;margin:0px;border:1px solid #222;border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;-webkit-border-radius:0px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;font-size:16px;line-height:30px;float:none;width:100%;max-width:100%;display:block; font-weight:400;clear:both;overflow:hidden;float:none;outline:none;}
.employment-contact .wpcf7 .field-emplyoment .wpcf7-form-control-wrap textarea{color:#222;padding:15px;margin:0px;border:1px solid #222;border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;-webkit-border-radius:0px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;font-size:16px;line-height:22px;float:none;width:100%;max-width:100%;display:block; resize:none;height:150px;overflow:auto;font-weight:400;clear:both;overflow:hidden;float:none;outline:none;}
.employment-contact .wpcf7 .field-emplyoment .wpcf7-form-control-wrap span.wpcf7-not-valid-tip{position:absolute;left:2px;bottom:10px;color: #f00;font-size: 14px;line-height:14px;font-weight: 700;display: block; }
.employment-contact .wpcf7 .field-emplyoment .wpcf7-form-control-wrap input[type="text"]:focus,
.employment-contact .wpcf7 .field-emplyoment .wpcf7-form-control-wrap input[type="email"]:focus,
.employment-contact .wpcf7 .field-emplyoment .wpcf7-form-control-wrap textarea:focus{outline:none;}
.employment-contact .wpcf7 div.wpcf7-response-output{margin: 2em 0em 0em;padding: 0em 1em;width: 100%;}
.employment-contact .wpcf7  div.wpcf7-validation-errors{background: rgba(247,231,0,0.2);border: 2px solid #f7e700;color: #000;font-size: 18px;line-height: 28px;padding-bottom: 3px;}
.employment-contact .wpcf7 div.wpcf7-mail-sent-ok{border: 2px solid rgb(57, 143, 20);color: #000;font-size: 18px;line-height: 28px;padding-bottom: 3px;background-color: rgba(57, 143, 20,0.2);}


.employment-contact .wpcf7 input[type=submit]{border: 1px solid #222;border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;-o-border-radius: 30px;-webkit-border-radius: 30px;color: #222;display: inline-block;font-size: 14px;background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;font-weight: 700;padding: 7px 24px;text-transform: uppercase; outline:none;}
.employment-contact .wpcf7 input[type=submit]:hover,
.employment-contact .wpcf7 input[type=submit]:focus{background-color: #1cc9e4;border-color: #1cc9e4;color: #fff;transition: none;}

.first-banner-text.hidden{transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);-webkit-transform: translateY(100%);opacity: 0;-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear;transition:all 1s linear;display:block !important;}
.first-banner-text{transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;-webkit-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out;transition:all 3s ease-in-out;}

.home .header_top .nav > li.current-menu-item > a,.home .header_top .nav > li.current_page_item > a,.home .header_top .nav > li.current-menu-ancestor > a, .home .header_top .nav > li.current-menu-parent > a, .home .header_top .nav > li.current_page_parent > a, .home .header_top .nav > li.current_page_ancestor > a {
color: #fff;
}
.home .header_top .nav > li.current-menu-item:hover > a,
.home .header_top .nav > li.current_page_item:hover > a,
.home .header_top .nav > li.current-menu-ancestor:hover > a,
.home .header_top .nav > li.current-menu-parent:hover > a,
.home .header_top .nav > li.current_page_parent:hover > a,
.home .header_top .nav > li.current_page_ancestor:hover > a,
.home .header_top .nav > li.current-menu-item > a:hover,
.home .header_top .nav > li.current_page_item > a:hover,
.home .header_top .nav > li.current-menu-ancestor > a:hover,
.home .header_top .nav > li.current-menu-parent > a:hover,
.home .header_top .nav > li.current_page_parent > a:hover,
.home .header_top .nav > li.current_page_ancestor > a:hover {
color: #1cc9e4;
}
.home .header_top .nav > li.current-menu-ancestor > a::after,
.home .header_top .nav > li.current_page_parent > a::after,
.home .header_top .nav > li.current_page_ancestor > a::after,
.home .header_top .nav > li.current-menu-item > a::after,
.home .header_top .nav > li.current_page_item > a::after,
.home .header_top .nav > li.current-menu-parent > a::after {
background-color:transparent;
}
.home .header_top .nav > li.current-menu-item > a::after, .home .header_top .nav > li.current_page_item > a::after, .home .header_top .nav > li.current-menu-ancestor > a::after, .home .header_top .nav > li.current-menu-parent > a::after, .home .header_top .nav > li.current_page_parent > a::after, .home .header_top .nav > li.current_page_ancestor > a::after {
left: 50%;
right: 50%;
}


.home .header_top .nav > li.current-menu-ancestor:hover > a::after,
.home .header_top .nav > li.current_page_parent:hover > a::after,
.home .header_top .nav > li.current_page_ancestor:hover > a::after,
.home .header_top .nav > li.current-menu-item:hover > a::after,
.home .header_top .nav > li.current_page_item:hover > a::after,
.home .header_top .nav > li.current-menu-parent:hover > a::after {
background-color:#1cc9e4;
}
.home .header_top .nav > li.current-menu-item:hover > a::after,
.home .header_top .nav > li.current_page_item:hover > a::after,
.home .header_top .nav > li.current-menu-ancestor:hover > a::after,
.home .header_top .nav > li.current-menu-parent:hover > a::after,
.home .header_top .nav > li.current_page_parent:hover > a::after,
.home .header_top .nav > li.current_page_ancestor:hover > a::after {
left: -2px;
right: -2px;
}
/*customd 12142017*/
.page-template-template-treatments .modal.my-blog-single-popup.fade.tratments-interval-text-popup .bg-img-coler,
.eye-conditions-list.retina-list .modal.my-blog-single-popup.fade .bg-img-coler, 
.eye-conditions-list.retina-list .modal.my-blog-single-popup.fade  .model-social,
.page-template-template-treatments .modal.my-blog-single-popup.fade  .model-social{display: none;}
.page-template-template-treatments .modal.my-blog-single-popup.fade .modal-body .model-text-contain,
.eye-conditions-list.retina-list .modal.my-blog-single-popup.fade .modal-body .model-text-contain{padding: 50px 0 50px;font-style:normal;}
.page-template-template-treatments .modal.my-blog-single-popup.fade .modal-body .modal-month-title,
.eye-conditions-list.retina-list .modal.my-blog-single-popup.fade .modal-body .modal-month-title{padding: 0 15px 25px 0;}
.page-template-template-about .about-page-contain.id4 .about-description > ul.no-css > li{color:#1cc9e4;}
.page-template-template-about .about-contain .about-left-banner .bg-img-coler {
    background-color: rgba(39, 43, 73, 0.2);}
.modal.my-blog-single-popup.fade .modal-body .model-text-contain a{color:#1cc9e4;}
.modal.my-blog-single-popup.fade .modal-body .model-text-contain a:hover
.modal.my-blog-single-popup.fade .modal-body .model-text-contain a:focus{color:#222;}
.page-template-template-eyeconditions .about-page-contain .about-title{padding-bottom:30px;}
.page-template-template-eyeconditions .about-page-contain #investigations.about-title{padding-bottom:60px;}
.page-template-template-eyeconditions .about-page-contain.id3 .eye-conditions-list.retina-list,
.page-template-template-eyeconditions .about-page-contain.id2 .eye-conditions-list.retina-list{padding-top:30px;}

.modal.my-blog-single-popup .modal-dialog .modal-content .model-left .close{position: absolute;left: 3%;top: 3%;z-index: 9;width: auto;height: 23px;font-size: 23px !important;line-height: 23px !important;text-shadow: none;color: #fff;font-weight: 400;letter-spacing: 0.1em;display: inline-block;vertical-align: middle;float: none;}
.modal.my-blog-single-popup .modal-dialog .modal-content .model-left .close img{display:inline-block;position:relative;vertical-align:top;margin-right:5px;}
/****************
29-3-2018
*****************/
ul.research_papers_lists{margin: 0px 0 0 20px;clear: both;float: none;list-style-type: disc;overflow: initial;padding:0 0 7% 0;}
ul.research_papers_lists li{background: none;float: none;padding: 0 10px 25px;width: 100%;list-style-type: disc;}
.modal-month-title.modal-month-title-researchpapers{padding-bottom: 30px;}
.model-text-contain.model-text-contain-researchpapers{padding-top: 20px;}
ul.research_papers_lists.lectureships_papers_lists{margin: 0px 0 0 0px;clear: both;float: none;list-style-type: none;overflow: hidden;padding:0 0 7% 0;}
ul.research_papers_lists.lectureships_papers_lists li{background: none;float: none;padding: 0 10px 25px;width: 100%;list-style-type: none;display: table;}
ul.research_papers_lists.lectureships_papers_lists li span{display:table-cell;position:relative;vertical-align:top;font-size:17px}
ul.research_papers_lists.lectureships_papers_lists li span i{font-style:italic;font-weight:700;}
ul.research_papers_lists.lectureships_papers_lists li label{display:table-cell;position:relative;vertical-align:top;margin:0;font-weight:700;padding:0 20px 0 0;}
.blog-list-inner {
    display: flex;
    flex-wrap: wrap;
}
.blog-list-inner .post-thumbnail {
    flex: 0 0 30%;
	transition: all ease 300ms
}
.blog-list-inner .post-content {
    flex: 0 0 69%;
    padding-left: 20px;
}
.blog-list-inner .post-content .about-title-blog h3.page-title {
    margin-top: 0;
    font-size: 32px;
	transition: all ease 300ms
}
div#mailchimp-top-bar {
    display: none;
}

.page-template-template-blog div#mailchimp-top-bar {
    display: inherit;
}
.appear-sm{
	display:none !important
}
[data-toggle="modal"] {cursor: pointer;}
.blog-list-inner .post-content .about-title-blog h3.page-title:hover {color: #333;}
.blog-list-inner .post-thumbnail:hover {opacity: 0.9;}
.mctb-bar, .mctb-response, .mctb-close { background: #f8f8f8 !important; }
.mctb-bar, .mctb-label, .mctb-close { color: #222222 !important; }
.mctb-button { background: #1cc9e4 !important; border-color: #1cc9e4 !important; }
.mctb-email:focus { outline-color: #1cc9e4 !important; }
.mctb-button { color: #ffffff !important; }
.mc4wp-alert p {margin-top: 5px;font-size: 14px;text-align: center;}
.blog_signup {margin-bottom: 30px;}
.blog_signup label.mctb-label {margin-right: 10px;}
.blog_signup input#mailchimp-top-bar__email {border: 1px solid #ddd;padding: 0 13px;min-height: 37px;/*min-width: 190px;*/min-width: 180px;display: inline;color: #444;}
.blog_signup input.mctb-button {border: 0;min-height: 37px;/*padding: 0 20px;*/padding: 0 10px;}
.about-titlee p a {border: none;background: transparent;padding: 0;color: #333;margin-top: 0;font-size: inherit;}
.about-titlee p a:hover {background: transparent;}

/** custom **/
.cClear{ clear: both; }
.first-banner-text .learn-button a{
    display: none;
}
#section-sixth .second-banner-text{
    color: #fff;
    padding-left: 10%;
}
#section-sixth .second-banner-text h2{
    text-align: left;
}
#section-sixth .second-banner-text p, #section-sixth .second-banner-text li{
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 300;
    /* line-height: 1.6; */
}
#section-sixth .second-banner-text li{
    margin-bottom: 10px;
}
#section-sixth .learn-button{
    padding-top: 0;
    margin: 0 4px;
}
/* .sixthModal{
    z-index: 999999 !important;
} */
body.modal-open {
    height: 100vh !important;
    overflow-y: hidden !important;
}
#theVidItems{
    padding-top: 5px;
}
#vidCon video{
    width: 800px;
    margin: 0 auto;
    display: block;
    max-width: 100%;
    box-shadow: 1px 2px 5px #222;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}
.vidItem{
    margin-bottom: 15px;
}
.vidItem h3{
    margin-bottom: 8px;
    font-weight: 900;
}
.itemDescription{}
.imgCon{
    padding-top: 7px;
}
.imgCon img{
    box-shadow: 0px 2px 5px #222;
}
.textCon{}
.textCon p{
    font-weight: 300;
}
#modalTitle{
    text-align: center;
    padding: 20px 0;
}
#modalTitle h3{
    font-size: 26px;
}
.a_active{
    color: #1cc9e4;
}
.a_active:focus, .a_active:active {
    color: #1cc9e4 !important;
}
.blog_table th, .blog_table td{
    font-size: 18px;
    vertical-align: top;
    border: 1px solid #000;
    color: #222;
    padding: 10px;
}
.about-description em{
    font-weight: 700;
}
/*** end custom **/
@media only screen and (min-width:768px){
.about-page-contain .about-title{background-image:none !important;}
}
@media only screen and (min-width: 1350px){
.first-banner-text h2, .second-banner-text h2, .third-banner-text h2 {font-size: 50px;line-height: 60px;}	
}
@media only screen and (min-width: 1450px){
.container{width:1400px;}
.intravitreal h1{right: 47%;}
.model-text-contain { padding: 120px 0 0;}
}
@media only screen and (min-width: 1550px){
.logo {float: left;margin: 0;}
.container{width:1500px;}
.intravitreal h1{right: 47%;}
.model-text-contain { padding: 280px 0 0;}
.empty-space {display: inline-block;padding: 100px 0;}
}
@media only screen and (min-width: 1650px){
.container{width:1600px;}
.intravitreal h1 {font-size:55px;}
.intravitreal h1{right: 40%;}
.model-text-contain { padding:150px 0 0;}
}
@media only screen and (min-width: 1700px){
.container{width:1680px;}
.intravitreal h1 {font-size:60px;}
.page-id-118 h1.page-title{right: 34%;font-size: 70px;}
.model-text-contain { padding:170px 0 0;}

}
@media only screen and (min-width: 1800px){
.intravitreal h1 {font-size:70px;}
.model-text-contain { padding:200px 0 0;}
}

@media screen and (max-width:1568px) {
	.appear-sm{
		display: inherit !important;
	}
	.chinese-text {
		display: none !important
	}
}

@media only screen and (max-width:1350px) and (min-width: 1200px){
.eye-image-center-inner{max-width: 500px;margin: 0 auto;position: relative;float: right; width: 100%;}
.header_top .nav > li{padding: 0 25px 0 0;}
.popup-button {background: rgba(0, 0, 0, 0) url(images/eye-anatom.png) no-repeat scroll right center / 88% auto;height: 652px;left: -15px;position: relative;right: 0;top: 21px;} 
.macula-img{background-size:88% !important;}
}
@media all and (max-width: 1200px) and (min-width: 768px){
	.about-right-contain-inner {
		padding-top: 90px;
	}
}
@media screen and (max-width:991px) {
.logo a span{display: inline-block;position: relative;vertical-align: middle;margin-left: 10px;}
.logo a span h1{font-size:17px; letter-spacing:4.4px; line-height:12px;}
.logo a span h3{font-size:10px; letter-spacing:3px; margin-top:0px;}
}

@media screen and (max-width:767px) {
body .display-on-mobile.mobile-menu {display: none;}
.responsive-menu .res-pdf {display: none;}
.responsive-menu .nav > li.appear-sm {width: 100%;}
.blog-list-inner .post-thumbnail {flex: 0 0 100%;margin-bottom: 20px}
.blog-list-inner .post-content {flex: 0 0 100%;padding-left: 0px;}
.blog_signup {margin-bottom: 30px;}
.blog_signup input#mailchimp-top-bar__email {width: 100%;margin-top: 10px;margin-bottom: 10px;}
.about-contain .about-description .mc4wp-alert p {margin-top: 10px;line-height: 18px;text-align: left;margin-bottom: 20px;}
.eye-image-center {position: initial;top: inherit;left: inherit;bottom: inherit;right: inherit;display: block;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(0%);width:100%;}	
.third-banner-text p {position:relative; top:-239px; font-size:10px;}
.border-left {margin: 0 15px 0 0;width: 30px;position: relative;top: -232px; }
.third-banner-text-contain p {position:static; font-size:12px; line-height:12px;}
.third-banner-text h2 {font-size:20px;margin: 2px 0 5px;}
.eye-image-center-inner{max-width: none;margin: 0 auto;position: relative;height: 100%;}
.eye-image-center-inner .left-img{height:100%;}
.eye-image-center-inner .left-img .popup-button {height: 250px;left: initial;right: initial;background-position: center;width: 250px;background-size: contain;position: relative;margin:80px auto 0;}
.modal.my-blog-single-popup .modal-dialog .modal-content .model-left .close {position: absolute;left: 3%;top: initial;bottom: 3%;}
.toggle-view a {margin: 18px 0 0;font-size: 13px;}
.toggle-button label {margin-bottom:3px;}
.res-logo a{display:block;width:100%;}
.res-logo a img{height:45px;}
.res-logo a span{display: inline-block;position: relative;vertical-align: middle;margin-left: 10px;}
.res-logo a span h1{font-family: 'Avenir Next Ultra';font-weight: 200;font-style: normal;font-size: 16px;color: #fff;letter-spacing: 4.4px;line-height: 15px;}
.res-logo a span h3{font-family: 'GT Sectra Display Trial';font-weight: normal;font-style: normal;font-size:11px;color: #fff;letter-spacing: 2px;margin-top: 2px;}
.toggle-button span.radio::before { height: 9px;width: 22px;top: 0px}
.toggle-button span.radio::after {height: 5px;left:14px !important;top:0px;width: 5px;}
span.radio.chngradio.spanafter:after{left: 26px !important;transition: left 0.25s ease 0s, background-color 0.25s ease 0s;}
.toggle-button span.radio.chngradio.spanafter:after{left: 26px !important;transition: left 0.25s ease 0s, background-color 0.25s ease 0s;} 
.toggle-button label{position: relative;margin: 11px 0 0 0;font-size: 11px;color: #222;line-height: 26px;cursor: pointer;}
.macula-img{height: 190px;left: 46%;right: 0;background-position: center !important;background-size: contain !important;margin: 0 auto !important;top: 230px;width: 230px;    transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.button1 button{right:86px;top:15px;}
.button2 button{right:42px;top:48px;}
.button3 button{right:34px;top:94px;}
.button4 button{right:23px;top: 134px;}
.button5 button{right: 104px;top: 94px;}
.button6 button{right: 176px;top: 126px;}	
.button7 button{right:178px;top:100px;}
.button8 button{right:160px;top:85px;}
.button9 button{right:195px;top:70px;}
.button10 button{right:172px;top:33px;}

.button11 button{right: 153px;top: 45px;}
.button12 button{right: 133px;top: 77px;}
.button13 button{right: 58px;top: 75px;}
.button14 button{right:98px;top:120px;}
.button15 button{right:144px;top:63px;}


.button21 button {right: 153px;top: 45px;}
.button22 button {right: 133px;top: 77px;}
.button23 button {right: 58px;top: 75px;}
.button24 button {right:164px;top:295px;}
.button25 button {right:250px;top:202px;}

.button31 button {right: 153px;top: 45px;}
.button32 button {right: 133px;top: 77px;}
.button33 button {right: 58px;top: 75px;}
.button34 button {right:164px;top:295px;}
.button35 button {right:250px;top:202px;}

.button41 button {right: 153px;top: 45px;}
.button42 button {right: 133px;top: 77px;}
.button43 button {right: 58px;top: 75px;}
.button44 button {right:164px;top:295px;}
.button45 button {right:250px;top:202px;}

.button51 button {right: 153px;top: 45px;}
.button52 button {right: 133px;top: 77px;}
.button53 button {right: 58px;top: 75px;}
.button54 button {right:164px;top:295px;}
.button55 button {right:250px;top:202px;}

.button61 button {right: 153px;top: 45px;}
.button62 button {right: 133px;top: 77px;}
.button63 button {right: 58px;top: 75px;}
.button64 button {right:164px;top:295px;}
.button65 button {right:250px;top:202px;}

.button71 button {right: 153px;top: 45px;}
.button72 button {right: 133px;top: 77px;}
.button73 button {right: 58px;top: 75px;}
.button74 button {right:164px;top:295px;}
.button75 button {right:250px;top:202px;}

.button81 button {right: 153px;top: 45px;}
.button82 button {right: 133px;top: 77px;}
.button83 button {right: 58px;top: 75px;}
.button84 button {right:164px;top:295px;}
.button85 button {right:250px;top:202px;}

.button91 button {right: 153px;top: 45px;}
.button92 button {right: 133px;top: 77px;}
.button93 button {right: 58px;top: 75px;}
.button94 button {right:164px;top:295px;}
.button95 button {right:250px;top:202px;}

.button101 button {right: 153px;top: 45px;}
.button102 button {right: 133px;top: 77px; }
.button103 button {right: 58px;top: 75px;}
.button104 button {right:164px;top:295px;}
.button105 button {right:250px;top:202px;}



.third-banner-text .learn-button {padding:16px 0 0;width: 50%;float: right;}
.learn-button a {font-size: 10px;padding: 4px 8px;}
.learn-button a img {padding: 2px 7px;position: relative;right: -7px;top: 2px;height: 12px;}
.about-page-contain .about-title{background-size: cover !important;height: 250px !important;text-align: left;padding-top: 90px;background-position: center center;position:relative;}
.about-page-contain .about-title#teaching{ background-size: cover !important;height: 350px !important;text-align: left;padding-top: 90px;background-position: top center;position: relative;}

.about-page-contain .about-title#ranzcoappointments{background-size: cover !important;height: 300px !important;text-align: left;padding-top: 90px;background-position: top center;position: relative;}
.about-page-contain .about-title#ranzcoappointments .page-title{top:20%;}
.about-page-contain .about-title:after{background: rgba(39, 43, 73, 0.50);height: 100%;left: 0;position: absolute;right: 0;top: 0;content:"";z-index:0;}
.about-page-contain .about-title .page-title{position:absolute;z-index:2;left:0;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);padding:25px;}
.about-page-contain.id1 .about-title{background-size:cover !important;height:auto !important;padding:25px;}
.about-page-contain.id1 .about-title:after{content:none;}
.about-page-contain.id1 .about-title .page-title{position:relative;z-index:2;left:initial;top:initial;transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;padding:0px;}
.about-banner-section{display:none !important;visibility:hidden !important;opacity:0 !important;}
#id1.about-banner-section,
#first.about-banner-section{display:block !important;visibility:visible !important;opacity:1 !important;}
.about-title.conference h1, .about-page-contain.id7 .page-title {font-size: 32px;}
.blog-list-inner .about-title-blog.vitrectomy h3.page-title{font-size:26px;}
.about-title-blog.vitrectomy {clear: both;overflow: hidden;}
#top_btn{display:block;visibility:visible;opacity:1;position:fixed;right:10px;bottom:10px;width:30px;height:30px;background-color:#1cc9e4;color:#fff;}
#top_btn i{color:#fff;padding:6px 0px 0 7px;}
.modal-month-title h1{font-size:31px;}
.modal-month-title{padding-right:0;}
.about-description .model-social p{margin-top:0;}
}
@media screen and (max-width:767px) and (orientation: landscape) {
.about-page-contain .about-title{height: 350px !important;padding-top: 150px;}
.about-page-contain .about-title#ranzcoappointments{background-position:center center;}
}
@media screen and (max-width:370px) {
/*.res-logo a img{height: 35px;}*/
.res-logo a span h1{font-size:13px;line-height:13px;}
.res-logo a span h3{font-size:9px;}
}