@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600|Roboto+Condensed:300&display=swap');



/** custom blue css starts **/
.custom-blue .btn-white {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 280px;
    padding: 6px 20px;
    margin-top: 20px;
}
.custom-blue {
    position: relative;
    background-color: #0392bd;
    padding: 60px 0;
}

.custom-blue .custom-container {
    width: 1170px;
    margin: 0 auto;
}

.custom-blue .custom-container img {
    margin: 0 auto 18px;
}

.custom-blue .custom-container p {
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin: 0;
    letter-spacing: 1px;
}

.custom-blue .custom-container p .text-uppercase {
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.custom-blue form.captcha .g-recaptcha {
    margin-left: auto;
    margin-right: auto;
    display: table;
    margin-bottom: 10px;
    margin-top: 6px;
}

/** custom blue css ends **/

/** custom blue css starts **/

.custom-blue h1 {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #ffff !important;
    text-align: center;
    letter-spacing: 1px;
    margin: 0 0 0px !important;
}

.custom-blue h3 {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin: 0 0 30px;
}

.custom-blue form {
    text-align: center;
}

.custom-blue .custom-input-group {
    display: inline-block;
    text-align: center;
    position: relative;
    margin-right: 0 5px;
}

.custom-blue .custom-input-group .custom-name-input {
    font-family: 'Open Sans', sans-serif;
    height: 42px;
    width: 220px;
    background-color: #fff;
    position: relative;
    border-radius: 4px;
    border: none;
    margin: 0 0 6px;
    padding: 10px 10px 10px 55px;
}

.custom-blue .custom-input-group .input-group-icon-name {
    position: absolute;
    content: "";
    width: 47px;
    height: 42px;
    background-color: #007ed6;
    left: 0;
    top: 0;
    z-index: 9;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.custom-blue .input-group-icon-name img {
    margin: 0 auto;
    display: table;
    padding-top: 8px;
}

.custom-blue .custom-input-group .custom-phone-input {
    font-family: 'Open Sans', sans-serif;
    height: 42px;
    width: 220px;
    background-color: #fff;
    position: relative;
    border-radius: 4px;
    border: none;
    margin: 0 0 6px;
    padding: 10px 10px 10px 55px;
}

.custom-blue .custom-input-group .input-group-icon-phone {
    position: absolute;
    content: "";
    width: 47px;
    height: 42px;
    background-color: #007ed6;
    left: 0;
    top: 0;
    z-index: 9;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.custom-blue .input-group-icon-phone img {
    margin: 0 auto;
    display: table;
    padding-top: 10px;
}

.custom-blue .custom-input-group .custom-submit-button  {
    font-family: 'Open Sans', sans-serif;
    background-color: transparent;
    float: right;
    color: #fff;
    width: 220px;
    height: 42px;
    margin: 0 0 -15px;
    border: 1px solid #fff;;
    border-radius: 4px;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
}

.custom-blue .custom-input-group .custom-submit-button:hover {
    background-color: #fff;
    color: #007ed6;
}

/** custom blue css ends */


body {/*font-family: 'Roboto Condensed', sans-serif !important;*/ color: #666666 !important; font-size:18px !important;}
h1,h2,h3,h4,h5,p,a {
    /*font-family: 'Roboto Condensed', sans-serif !important;*/
}
h1, .container h1 {
    margin-top: 20px;
}
body .container {
    padding-left: 15px;
    padding-right: 15px;
}
#mobilenav-trigger-wrapper {
    padding-bottom: 12px;
}

.brdleft, .brdcenter, .brdleft25p, .brdwhitecenter {
    position:relative;
    display:inline-block;
}
.brdleft:after {
    content:'';
    position:absolute;
    left:0;right:0;
    top:100%;
    margin: 10px 0;
    width:50%;
    height:2px;
    background:#0093be;
}

.brdleft25p:after {
    content:'';
    position:absolute;
    left:0;right:0;
    top:100%;
    margin: 10px 0;
    width:25%;
    height:2px;
    background:#0093be;
}

.brdcenter:after {
    content:'';
    position:absolute;
    left:0;right:0;
    top:100%;
    margin: 10px auto;
    width:40%;
    height:2px;
    background:#0093be;
}

.brdwhitecenter:after {
    content:'';
    position:absolute;
    left:0;right:0;
    top:100%;
    margin: 10px auto;
    width:50%;
    height:2px;
    background:#ffffff;
}
.mt8p {margin-top:8% !important;}
.mt2p {margin-top:2% !important;}
.mt3p {margin-top:3% !important;}
.mb3p {margin-bottom:3% !important;}
.mb4p {margin-bottom:4% !important;}
.pt30 {padding-top: 30px}
.pt40 {padding-top: 40px;}
.pb40 {padding-bottom: 40px;}
.ptb40 {padding-top: 40px; padding-bottom: 40px;}
.fs22 {font-size:22px !important;}
.fs50 {font-size:50px  !important;}
.ltgreybg {background: #f3f3f3;}
.bluebg {background: #0392bd;}
.whitebg {background: #fefafa;}
.m-auto {margin:0 auto !important;}
h3 {color: #0093be;}
.white-text {color: #fff;}
.black-text {color: #000;}
.grey-text {color: #757575;}
.ltgreybg ul {margin: 5% 0 1% 0; padding:0 0 0 20px;}
.ltgreybg ul li {font-family: 'Roboto Condensed', sans-serif !important; font-size:22px; color: #000; list-style-image: url(../images/bullet.png); padding-left:10px; padding-bottom:20px; cursor: pointer; letter-spacing: -1px;}
.ltgreybg ul li:hover {color: #0093be; list-style-image: url(../images/bullet-hover.png);}
.ltgreybg ul li.active {color: #0093be; list-style-image: url(../images/bullet-hover.png);}
.buttons .selected {
    color: #0093be;
	list-style-image: url(../images/bullet-hover.png);
}
.border-left {border-left:3px solid #fff; padding-left:15px;}
.padtb15px {padding:15px;}
input {width:100%; color: #b8b8b8; padding:2% 5%;}
button {width:100%; background:none; border:2px solid #fff; color: #fff; padding:2% 5%;}
.w100 {width:100%;}
.padtb4p {padding-top:4%; padding-bottom:4%;}
.grybrdright {border-right: 1px solid #666666;}
.grybrdtop {border-top: 1px solid #666666;}
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
}

.panel-title > a {
    display: block !important;
    padding: 10px !important;
    text-decoration: none !important;
    color: #000 !important;
    font-size: 22px !important;
}

.panel-title > a:before {
    float: left !important;
    font-family: 'Glyphicons Halflings';
    content:"\2212";
    padding-right: 25px;
}
.panel-title > a.collapsed:before {
    float: left !important;
    content:"\002b";
}

.panel-default>.panel-heading {background: none !important; border-bottom: 1px solid #666666 !important;}
.panel {border: 0;}

#breadcrumbs{
    display: none !important
}

h1, .container h1 {
    font-size: 36px;
    letter-spacing: -1.8px;
}
h2 {
    letter-spacing: -1.4px;
    font-size: 30px;
}
h3 {
    color: #0093be;
    font-size: 24px;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.custom-blue h1 {
    letter-spacing: -1px;
}
section .container h1 {
    font-size: 46px;
}
section h2, section h2>a {
    font-weight: 600;
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.banner {
    position: relative;
}
.banner h1.brdleft {
    position: absolute;
    top: 55%;
    color: #fff;
    font-size: 44px;
    font-weight: 300;
    background: #0000003d;
    padding: 15px;
}
.banner .brdleft:after {
    left: 18px;
    top: 84%;
    height: 2px;
}

/*Client review*/
.client-review {
    /*padding-top: 16px;*/
    padding-bottom: 45px;
}
.client-review a {
    cursor: pointer;
}
.client-review .owl-carousel .owl-item img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 150px;
    width: 150px;
}
.client-review .center {
    padding-top: 0;
    margin-top: 15px;
}
.client-review h3 {
    margin-top: 15px;
}
.owl-prev {
    position: absolute;
    left: -35px;
    top: 50%;
    color: #d1d1d1;
    width: 15px;
}
.owl-next {
    position: absolute;
    right: -35px;
    top: 50%;
    color: #d1d1d1;
    width: 15px;
}
.owl-nav span {
    font-size: 50px;
}
.owl-nav span:focus {
    outline: none;
}
.owl-carousel .owl-nav button, .owl-nav span {
    outline: none;
}
/*client review*/
.client-review .owl-carousel .owl-item img {
    margin-left: auto;
    margin-right: auto;
}
.client-review h3 {
    text-align: center;
}
.client-review h3>a {
    color: #00acec;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-align: center
}
.client-review p {color: #787878;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;}

/*Video review*/
.video_img {
    position: relative;
}
.client-review h2>span, .video-review h2>span {
    font-weight: 300;
}
.video-review .video_img:after {
    background: url(/wp-content/uploads/2019/01/icon-play.png);
    height: 62px;
    width: 62px;
    display: block;
    content: "";
    position: absolute;
    margin: -31px 0 0 -31px;
    top: 50%;
    left: 50%;
}
.video-review p:empty, .video-review p:nth-of-type(3) {
    display: none;
}
.video-review h3 {
    margin-top: 18px;
}
/*video review*/

@media (max-width: 992px) {
    body .panel.panel-default {
        padding-left: 0;
    }
    .pb40m {padding-bottom: 40px;}
    h2 {
        margin-top: 10px;
    }
    .mb3p {
        margin-bottom: 20px !important;
    }
    .pt30 {padding-top: 20px}
    .pt40 {padding-top: 30px;}
    .pb40 {padding-bottom: 30px;}
    .ptb40 {padding-top: 30px; padding-bottom: 30px;}
    .banner h1.brdleft {
        font-size: 25px;
        top: 0;
        height: 100%;
        margin: 0;
        width: 100%;
        display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
        -webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
        -webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
        -webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
    }
    .banner .brdleft:after {
        position: static;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .banner h1.brdleft {
        font-size: 40px;
    }
}














a[class*="btn-"] {
    /*font-size: 18px;
    font-weight: 700;
    text-align: center;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 13px 20px;
    -webkit-transition: 0.1s ease all;
    -o-transition: 0.1s ease all;
    transition: 0.1s ease all;*/
}
a[class*="btn-"]:hover, a[class*="btn-"]:focus {
    text-decoration: none;
}
.correction-services [class*="btn-"] {
    /*padding: 13px 32px;*/
}
.akcijas [class*="btn-"] {
    /*padding: 13px 28px;*/
}
/*.btn-blue-t {
    color:  #00aced;
    border: 2px solid #00aced;
}
a.btn-blue-t:hover, a.btn-blue-t:focus {
    color:  #ffffff;
    background-color:  #00aced;
}
.btn-blue {
    color:  #ffffff;
    background-color:  #00aced;
    border: 2px solid #00aced;
}
.btn-blue:hover, .btn-blue:focus {
    background-color: transparent;
    color:  #00aced;
}
.btn-orange-t {
    color:  #ff7920;
    border: 2px solid #ff7920;
}
.btn-orange-t:hover, .btn-orange-t:focus {
    background-color:  #ff7920;
    color:  #fff;
}
.btn-white {
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    background-color:  #fff;
    color:  #00aced;
    border: 2px solid #fff;
}
.btn-white:hover, .btn-white:focus {
    background-color:  transparent;
    color:  #fff;
}
.btn-white-t {
    color: #fff;
    border: 2px solid #fff;
}
.btn-white-t:hover, .btn-white-t:focus {
    background-color:  #fff;
    color:  #00aced;
}*/

.center {
    text-align: center;
    margin-top: 40px;
}
.center>a {
    margin-right: 25px;
    width: 280px;
    display: inline-block;
}
.center .fas {
    color: #ff7920;
    margin-left: 6px;
    font-size: 17px;
}
.center a:hover .fas, .center a:focus .fas {
    color: #fff;
}


@media screen and (min-width: 992px) {

    .banner {
        margin-top: 20px;
    }

    .banner {
        background: url("/wp-content/uploads/2018/12/solomatins-bg-1400x800.jpg") no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        /*height: 450px;*/
    }
    .why-eye-center {
        background: url(/wp-content/uploads/2019/01/icon_optic_implant.jpg) no-repeat center center;
        padding-bottom: 45px;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .why-eye-center .col-md-4:nth-of-type(3) img {
        padding-top: 47px;
        padding-bottom: 20px;
    }
    .why-eye-center .col-md-4:first-of-type img {
        padding-top: 11px;
    }
    @supports ((display: -webkit-box) or (display: flex)) {
        .flex-wrap {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: stretch;
            -webkit-justify-content: stretch;
            -ms-flex-pack: stretch;
            justify-content: stretch;
            -webkit-box-align: stretch;
            -webkit-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -webkit-align-content: stretch;
            -ms-flex-line-pack: stretch;
            align-content: stretch;
        }
        .flex-wrap>div, .flex-wrap>a {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .flex-wrap p, .video-review h3 {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }
        .video-review p {
            -webkit-box-flex: 2;
            -webkit-flex: 2;
            -ms-flex: 2;
            flex: 2;
        }
        .methods>div>.row {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }
    }
    .correction-services .img {
        height: 70px;
    }
    .correction-services .flex-wrap p {
        margin-top: 0px;
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
    .correction-services h3 {
        min-height: 90px;
    }
    .correction-services h3:lang(ru-RU) {
        min-height: initial;
    }
    .methods h1 {
        margin-bottom: 10px;
        margin-top: 0;
    }
    .methods .btn-blue {
        display: inline-block;
    }
}
@media screen and (max-width: 992px) {
    .banner .banner-content {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 40px;
    }
    .methods .eye-laserop {
        height: auto;
        padding-bottom: 30px;
        padding-top: 20px;
    }
    .eye-laserop>div {
        margin: 0 auto;
    }
    section .container h1 {
        text-align: center;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 24px;
    }
    .eye-laserop .btn-blue {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    .methods .method-list {
        /*display: -webkit-box;*/
        /*display: -webkit-flex;*/
        /*display: -ms-flexbox;*/
        /*display: flex;*/
    }
    .methods ul {
        margin-bottom: 0;
    }
    .correction-services .col-md-15 {
        margin-bottom: 30px;
    }
    .why-eye-center h3>br, .correction-services h3>br {
        display: none;
    }
    .video-review .flex-wrap>div:not(:last-of-type) {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 768px)  and (max-width: 900px) {
    .methods .method-list {
        padding-left: 0;
    }
}
@media screen and (min-width: 768px) {
    .akcijas img {
        width: auto;
        max-height: 234px;
    }
}
@media screen and (max-width: 767px) {
    .gray {
        margin-top: 10px;
    }
    .akcijas {
        margin-top: 25px;
    }
    .center {
        margin-top: 15px;
    }
    .methods .method-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .center>a {
        display: block;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    .center>a:first-of-type {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 550px) {

}
@media screen and (max-width: 392px) {
    .methods .btn-white-t {
        margin-top: 10px;
    }
    .banner .btn-white {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
}