body {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
}

/*********************************************************************
**************************HEADER*************************************/

.header {
    width: 100%;
    height: auto;
    padding: 10px 0;
    background: #fff;
}

.logo_wrap_out {
    width: 872px;
    height: auto;
    margin: 0 auto;
} 

.address_wrap_1 {
    background-position: right center;
    float: left;   
    width: 251px;
    margin: 40px 0 0;
}

.address_wrap_2 {
    background-position: left center;
    float: left;
    width: 251px;
    margin: 40px 0 0;
    padding-left: 25px;
}

.address_wrap_1 p, .address_wrap_2 p {
    font-size: 16px;
    line-height: 21px;
    color: #000;
    text-transform: uppercase;
}
.address_wrap_1 p a,.address_wrap_2 p a{
    color: #000;
}

.address_wrap_1 a.address_phone, .address_wrap_2 a.address_phone {
    color: #3399cc;
    font-size: 24px;
    line-height: 24px;
}

.logo_wrap {
    float: left;
    margin: 0 60px;
    width: 225px;
}

.resized_address {display: none;}

/*------------------------------------------------------------------*/

.slider li span {
    display: block;
    position: absolute;
    top: 40%;
    left: 110px;
    width: 500px;
    height: auto;
    color: #60caff;
    font-size: 36px;
    line-height: 32px;
    background: rgba(0,0,0,0.7);
    text-align: center;
    padding: 10px 0;
}

.slider li span > b {
    font-size: 42px;
    color: #fff;
} 

/*********************************************************************
**************************MENU WRAP***********************************/

.fmenu_wrap{
    width: 100%;
    height: 40px;
    background: url('https://www.solanoeye.com/images/cataract_bg.jpg');
    background-position: center;
}

.menu_wrap {
    background: #231f20;
}

.menu {
    width: 800px;
    height: 40px;
    margin: 0 auto;
}

.menu li {
    float: left;
    display: block;
    width: auto;
    height: 40px;
    margin-right: 10px;
}

.menu_links {
    display: block;
    height: 100%;
    width: auto;
    padding: 0 5px;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
}

.menu_links:hover {opacity: 0.9;}

.accordion_wrap {
	height: auto;
    display: none;
    width: 100%;
}

.hamburger_menu {
    width: 95px;
    height: 25px;
    margin: 10px auto;
    cursor: pointer;
    display: none;
}

.hm_sym {
    width: 30px;
    height: 25px;
    float: left;
    margin-right: 5px;
}

.hm_sym div {
    border-top: 2px solid #fff;
    width: 30px;
    transition: all .3s ease;
}

.sym_1 {transform: translateY(5px)}
.sym_2 {transform: translateY(10px)}
.sym_3 {transform: translateY(15px)}

.hamburger_deactive:hover .sym_1 {transform: translateY(0px)}
.hamburger_deactive:hover .sym_3 {transform: translateY(20px)}

.hamburger_active .sym_1 {
    transform: rotate(45deg) translateY(5px) translateX(8px);
}

.hamburger_active .sym_2 {
    width: 0;
}

.hamburger_active .sym_3 {
    transform: rotate(-45deg) translateY(5px) translateX(-3px)
}

.hamburger_menu span {
    display: block;
    font-size: 20px;
    line-height: 25px;
    width: 60px;
    font-weight: bold;
    float: left;
    color: #fff;
}

/*------------------------------------------------------------------*/

/*********************************************************************
**************************BUTTONS************************************/

.buttons {
    width: 100%;
    height: 50px;
}

.button_left {
    width: 50%;
    height: 50px;
    float: left;
    background: url('../images/btns_left.jpg') no-repeat;
    background-size: cover;
}

.button_right {
    width: 50%;
    height: 50px;
    float: right;
    background: url('../images/btns_right.jpg') no-repeat;
    background-size: cover;
}

.button_left img {
    margin: 9px 15px;
    float: left;
}

.button_left a {
    color: #fff;
    font-size: 21px;
    line-height: 50px;
    float: left;
}

.button_left a:hover {
    opacity: 0.8;
}


.button_right a {
    color: #fff;
    font-size: 21px;
    line-height: 50px;
    float: left;
    padding-left: 10px;
}

.button_right a:hover {
    opacity: 0.8;
}

.search_wrapper {
    float: right;
    width: auto;
    height: 50px;
}

.search_btn {
    position: absolute;
    right: 0px;
    background: url('../images/search.jpg') no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.search_line {
    position: absolute;
    height: 48px;
    width: 0;
    right: 50px;
    z-index: 99;
    display: none;
    padding-left: 15px;
    color: #777;
    font-size: 16px;
    line-height: 50px;
}

.social_wrapper {
    position: absolute;
    right: 50px;
    width: auto;
    height: 50px;
}

.socials {
    width: 50px;
    height: 50px;
    float: right;
    text-indent: -99999px;
}

.socials:hover {
    opacity: 0.8;
}

.soc_1 {
    background: url('../images/socials.jpg');
    background-position: -213px -3px;
}

.soc_2 {
    background: url('../images/socials.jpg');
    background-position: -160px 0px;
}

.soc_3 {
    background: url('../images/socials.jpg');
    background-position: -108px 0px;
}

.soc_4 {
    background: url('../images/socials.jpg');
    background-position: -55px 0px;
}

.soc_5 {
    background: url('../images/socials.jpg');
    background-position: 0px 0px;
}

/*------------------------------------------------------------------*/

/*********************************************************************
**************************CENTERS************************************/

.centers_wrap {
    width: 100%;
    height: auto;
    background: url('../images/centers_bg.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.safie_shadow {
    width: 100%; 
    height:100%;
    position: absolute; 
    z-index: -1; 
    background: rgba(51, 153, 204, 0.7);
    display: none;
} 

.centers {
    height: 650px;
    width: 545px;
    background-image: url('../images/centers_bg.jpg');
    background-position: -150px 0;
    background-size: cover;
    background-color: #3399cc;
    background-blend-mode: multiply;
    transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    margin-left: 150px;
    border-top: 1px solid;
    overflow: hidden;
    position: relative;
}

.centers a {
    display: block;
    width: 100%;
    height: 60px;
    background: rgba(4, 39, 58, 0.9);
    font-size: 24px;
    line-height: 60px;
    color: #fff;    
    margin-bottom: 1px;
}

.centers a:hover {
    opacity: 0.8;
}

.centers a span {
    transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    width: 80%;
    margin-left: 10%;
    display: block;
}

.centers_1 {
    margin-top: 150px;
}

.centers p {
    width: 500px;
    font-size: 100px;
    line-height: 76px;
    display: block;
    height: auto;
    position: absolute;
    bottom: 0;
    left: -10px;
    transform: skewX(-14deg);
    -ms-transform: skewX(-14deg);
    -webkit-transform: skewX(-14deg);
    color: #ededed;
    opacity: 0.6;
}

/*------------------------------------------------------------------*/

/*********************************************************************
**************************RATE US************************************/

.rate_us_wrap {
    width: 100%;
    height: 100px;
    background: url('../images/rate_bg.jpg') no-repeat;
    background-size: cover;
    border-top: 1px solid;
}

.rate_us {
    display: block;
    width: 240px;
    height: auto;
    margin: 10px auto 0;
    text-align: center;
}

.rate_us span {
    font-size: 26px;
    line-height: 30px;
    color: #fff;
}

.rate_us img {
    display: block;
    margin: 10px auto 0;
}

/*------------------------------------------------------------------*/

/*********************************************************************
**************************WELCOME************************************/

.welcome_wrap {
    width: 100%;
    height: auto;
    background: url('../images/welcome_bg.jpg') no-repeat;
    background-size: cover;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.welcome {
    width: 650px;
    height: auto;
    margin: 70px auto 0;
    text-align: center;
}

.welcome_title {
    font-size: 26px;
    color: #696969;
}

.welcome_title b {
    font-size: 34px;
    color: #3399cc;
}

.welcome p {
    color: #231f20;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
}

.welcome_slogan {
    width: 695px;
    height: 50px;
    background: url('../images/welcome_text.png') no-repeat;
    background-size: 100% 100%;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 50px;
    color: #3399cc;
    margin: 0 auto 70px;
    text-align: center;
}

/*------------------------------------------------------------------*/

/*********************************************************************
****************************BUTTONS 2********************************/

.buttons_2 {
    width: 100%; 
    height: auto;
}

.cataract_btn {
    width: 50%;
    height: auto;
    background: url('../images/cataract_bg.jpg') no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 80px;
    border-bottom: 1px solid;
    float: left;
}

.cataract_btn img {
    position: absolute;
    left: 0;
    bottom: 0;
}

.cataract_btn span {
    width: 380px;
    height: auto;
    font-size: 34px;
    line-height: 36px;
    color: #fff;
    display: block;
    margin: 30px 0 80px 44%; 
    text-align: center;
}

.cataract_btn span b {
    font-size: 48px;
    color: #04141c;
}

.cataract_btn a {
    display: block;
    width: 300px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    margin: 0 0 40px 48%;
    background: #fff;
    color: #3399cc;
}

.cataract_btn a:hover {
    background: #3399cc;
    color: #fff;
}

.exam_btn {
    width: 50%;
    float: right;
    height: auto;
    background: url('../images/exams_bg.jpg') no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 50px;
    border-bottom: 1px solid;
}

.exam_btn img {
    position: absolute;
    left: 0;
    bottom: 0;
}

.exam_text_wrap {
    width: 400px;
    height: auto;
    text-align: center;
    margin: 35px 0 0 45%;
}

.exam_text_wrap p {
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
}

.exam_text_wrap span {
    font-size: 24px;
    color: #379fd3;
    text-transform: uppercase;
}

.exam_text_wrap span b {
    color: #fff;
}

.exam_btn a {
    display: block;
    width: 300px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    margin: 82px 0 40px 10%;
    background: #fff;
    color: #3399cc;
}

.exam_btn a:hover {
    background: #3399cc;
    color: #fff;
}

/*------------------------------------------------------------------*/

/*********************************************************************
****************************FOOTER***********************************/

.footer {
    width: 100%;
    height: auto;
    background: #d5d5d5;
    padding: 20px 0;
}

.footer .social_wrapper {
    position: relative;
    margin: 20px auto 0;
    width: 285px;
}

.footer_text {
    width: 1090px;
    height: auto;
    margin: 20px auto 0;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    color: #595959;
}
.footer_text a {
    width: 1090px;
    height: auto;
    margin: 20px auto 0;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    color: #595959;
}

/*------------------------------------------------------------------*/

/*********************************************************************
*************************INNER CONTENT*******************************/

.content_wrap {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
}

.inner_right_part {
    float: right;
    width: 400px;
    height: auto;
    margin-left: 20px;
}

.ir_top, .ir_bottom {
    width: 100%;
    height: auto;
}

.irt_title {
    font-size: 24px;
    line-height: 30px;
    color: #3399cc;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.ir_menu {
    width: 100%;
    height: auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin-bottom: 20px;
}

.ir_menu li {
    width: 100%;
    height: auto;
}

.ir_menu li a {
    width: 100%;
    font-size: 17px;
    line-height: 32px;
    color: #444;
}

.ir_menu li a:hover {color: #3399cc;}

.ir_centers li {
    width: 100%;
    height: auto;
    background: #1d3c4d;
    margin-bottom: 1px;
    box-sizing: border-box;
    padding-left: 10px;
}

.ir_centers li a {
    color: #fff;
    font-size: 22px;
    line-height: 60px;
    display: block;
    width: 100%;
    height: 100%;
}

.inner_left_part {
    height: auto;
    float: left;
}

.inner_left_part h1{font-size:36px; color:#3399cc; margin-bottom:20px;}

.inner_left_part h2{font-size:30px; color:#3399cc;}

.inner_left_part h3{font-size:24px; color:#3399cc; margin-bottom:20px;}

.inner_left_part ul, .inner_left_part ol{margin-left:30px;}

.inner_left_part ul li{list-style:disc;}

.inner_left_part ol li{list-style:decimal;}

.inner_left_part em, .inner_left_part i{font-style:italic;}

a.ui-button { color:#FFFFFF; font-size:1em; margin:0.5em; display:inline-block;padding:0.6em;text-align:center;text-decoration:none; background:#3399cc !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-left:auto; margin-right:auto; width:186px !important;}
 
a.ui-button:hover { background:#1f5c7b !important; color:#fff;}
a.ui-button.ui-state-hover {color:#D3D3D3; }

.il_title {
    width: 100%;
    height: 40px;
	padding:0 0 10px 0;
}

.il_title h2 {
    font-size: 36px;
    line-height: 40px;
    color: #3399cc;
    float: left;
}

.font_resizer_wrap {
    float: right;
    width: auto;
}

.font_resizer_wrap_2 {
    float: left;
    width: 100%;
    margin-top: 10px;
    display: none;
}

.font_resizer_wrap span, .font_resizer_wrap_2 span {
    font-size: 18px;
    line-height: 30px;
    color: #b5b5b5;
    display: block;
    float: left;
    margin-right: 10px;
}

.font_resize {
    display: block;
    width: 30px;
    height: 30px;
    float: left; 
}

.fontIncrease {
    background: url('../images/fr_plus.jpg') no-repeat;
    background-size: cover;
    margin-right: 10px;
}

.fontDecrease {
    background: url('../images/fr_minus.jpg') no-repeat;
    background-size: cover;
}

.breadcrumb {
    width: 100%;
    height: 40px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.breadcrumb a, .breadcrumb span {
    float: left;
    font-size: 14px;
    line-height: 40px;
    margin-right: 5px;
}

.breadcrumb a {
    color: #3399cc;
}

.breadcrumb span, .bread_active {
    color: #555 !important;
}

.content {
    width: 100%;
    height: auto;
    padding: 10px 0;
}

.content p, .content ul, .content li, .content li a, .content span {
    font-size: 15px;
    line-height: 24px;
    color: #444;
    margin-bottom: 15px;
}
.content li a:hover{
	text-decoration:underline;
}
.content_img_left {
    float: left;
    margin: 10px;
}

.content_img_right {
    float: right;
    margin: 10px;
}

.content_resizer {
    float: left;
    width: 100%;
    display: none;
}

.content_resizer span {
    font-size: 18px !important;
    line-height: 25px;
}

.menu_bottom {
    width: 100%;
    height: auto;
    background: #231f20;
    display: none;
}

.menu_bottom li {
    float: left;
    height: auto;
    width: auto;
    margin-right: 10px;
}

.menu_bottom li a {
    color: #fff;
    display: block;
    font-size: 16px;
    height: 100%;
    line-height: 40px;
    padding: 0 5px;
    text-transform: uppercase;
    width: auto;
}

.menu_bottom li a:hover {
    opacity: 0.9;
}

#google_translate_element {
    float: right;
    margin: 0 0 0 1%;
}

.top-banner {
    padding: 10px 0;
    text-align: center;
    width: 100%;
    background-color: #1e5b78;
}

.top-banner p {
    font-weight: 600;
    color: #fff;
    padding: 0 20px;
    line-height: 18px;
}

.bx-wrapper .bx-loading {
    display: none !important;
}

/*------------------------------------------------------------------*/

@media screen and (max-width: 1450px){
    .exam_text_wrap {margin: 35px 0 0 39%;}
}

@media screen and (max-width: 1244px){
    .cataract_btn img, .exam_btn img {display: none;}
    .cataract_btn span {margin: 30px auto;}
    .cataract_btn a {margin: 0 auto 90px;}
    .exam_text_wrap {margin: 35px auto;}
    .exam_btn a {margin: 32px 0 90px 10%;}
}

@media screen and (max-width: 1090px){
    .footer_text {width: 94%; margin: 20px auto 0;}
    .font_resizer_wrap {display: block;}
    .content_resizer {display: none;}
    
}

@media screen and (max-width: 980px){
    #search_wrapper {display: none;}
    .inner_left_part {width: 100% !important;}
    .inner_right_part {width: 100%;}
    .hamburger_menu {display: block;}
    #mainmenu {display: none;}
    .menu_wrap {height: auto; border-top: 1px solid; border-bottom: 1px solid;}
    .footer .fmenu_wrap {border: none;}
} 

@media screen and (max-width: 880px){
    .menu {display: none;}
	.fmenu_wrap {display:none !important;}
	.menu_bottom li {float:none; text-align:center;}
    .menu_bottom {display: block; clear:both;}
    .slider li span {font-size: 28px; line-height: 28px; width: 380px; top: 30%;}
    .slider li span > b {font-size: 31px;}
}

@media screen and (max-width: 820px){
    .centers, .centers a span, .centers p {transform: none; -ms-transform: none; -webkit-transform: none;}
    .centers {margin-left: 100px;}
    .exam_text_wrap p {font-size: 28px;}
    .exam_text_wrap {margin: 43px auto;}
    .cataract_btn span {font-size: 30px;}
    .cataract_btn span b {font-size: 44px;}
}
@media screen and (max-width: 768px){
#search_wrapper {position:relative;}
}
@media screen and (max-width: 760px){
    .logo_wrap_out {width: auto;}
    .address_wrap_1 {display: none;}
    .logo_wrap {float: none; margin: 0 auto 20px;}
    .address_wrap_2 {float: none; margin: 0 auto 20px; padding: 0; text-align: center;}
    .resized_address {display: block;}
    .buttons {height: 100px;}
    .button_left {float: right; width: 100%;}
    .button_right {float: right; width: 100%;} 
    .button_left img , .button_left a {float: right;}
} 

@media screen and (max-width: 730px){
    .cataract_btn, .exam_btn {width: 100%;}
}

@media screen and (max-width: 706px){
    .welcome {width: 90%; margin: 50px auto 0;}
    .welcome_slogan {width: 90%; height: auto; margin: 0 auto 30px;}
    .direction_wrap{width: 100% !important;}
}

@media screen and (max-width: 675px){
    .bx-wrapper .bx-pager, .bx-controls-direction {display: none !important;}
    .slider li span {bottom: 0; font-size: 20px; left: 0; line-height: 20px; top: auto; width: 100%;}
    .slider li span > b {font-size: 24px;}
    .centers {margin-left: 0px; width: 100%;}
    .centers p {font-size: 60px; line-height: 54px; bottom: auto; top: 0; left: 0;}
    .content_wrap {padding: 10px;}
    .welcome_slogan {background: none; font-size: 25px; line-height: 26px;}
}

@media screen and (max-width: 460px){
	#search_wrapper {position:relative;}
	.menu_bottom li {
		float:none !important;
	}
	.menu_bottom li a {
		text-align:center !important;
	}
    .search_btn {
    right:0px !important;
    }
    .social_wrapper{
        right:50px !important;
    }
    .separator a {margin: 0 !important;}
    .centers {height: 450px;}
    .centers p {font-size: 40px; line-height: 35px; margin-top: 18px; margin-left: 5%;}
    .centers_1 {margin-top: 110px;}
    .centers a {height: auto; line-height: 45px; font-size: 20px;}
    .centers a span {margin-left: 2%;}
    .font_resizer_wrap {display: none;}
}

@media screen and (max-width: 387px){
    .button_left a {font-size: 16px;}
    .cataract_btn {padding-top: 20px;}
    .cataract_btn span {width: 95%; margin: 0 auto; font-size: 26px;}
    .cataract_btn span b {font-size: 38px;}
    .cataract_btn a {margin: 0 auto 30px;}
    .exam_text_wrap {width: 95%;} 
    .exam_btn a {margin: 20px auto;}
    .socials {width: 47px;}
    .centers a {font-size: 15px;}
    .centers a span {margin-left: 5%;}
    .exam_text_wrap p {font-size: 23px;}
    .exam_text_wrap span {font-size: 22px;}
}