@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;600&display=swap');

html, body {font-family:sans-serif; height:100%; background:rgb(248, 248, 248);}

    h1, h2, h3, h4, h5, .h1, .h2, .h3{font-family:'Rubik', sans-serif;}
    h1 {font-size:2.5em;}
    h2 {font-size:1.75em;}

    a, .navbar-light .navbar-nav .nav-link, .services-index a{color:#0077B8; transition:all .1s ease-in-out;}
    .navbar-nav a.nav-link {font-size:1.25em; font-weight:600;}
    a:hover, .navbar-light .navbar-nav .nav-link:hover, .dropdown-item:focus {text-decoration:none; color:#e0001a}

    .rounded {border-radius:1em !important;}
    .rounded-top{border-radius:1em 1em 0 0 !important;}
    .rounded-bottom{border-radius:0 0 1em 1em !important;}
    .shadow {box-shadow: 0 0 32px rgb(0 0 0 / 8%) !important}
    .bg-gradient {background:linear-gradient(40deg, #11865b 20%,#6ae493 100%);}

    #navline {z-index:1060; transition:all .2s ease; border-color:transparent; background: rgba(248,248,248,0.9);}
    #navline .logo{width:211px;}
    
    .nav-item.dropdown a.nav-link, .nav-item.dropdown a.nav-link:hover {color:rgba(0,0,0,.8);}
    .show> a.nav-link {color:rgba(0,0,0,1);}
    
    button:focus, button.dropdown-toggle {outline:0;}
    .dropright .dropdown-toggle::after, .dropdown .dropdown-toggle::after
    {width:16px; height:3px; border:none; transition:all .1s ease-in-out; transform:rotate(0deg); opacity:.3;
        background:transparent url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDE4IDMiIGZp bGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cjxy ZWN0IHg9IjgiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiIHJ4PSIxLjUiIGZpbGw9ImJs YWNrIi8+CjxyZWN0IHg9IjMiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiIHJ4PSIxLjUi IGZpbGw9ImJsYWNrIi8+CjxyZWN0IHg9IjEzIiB3aWR0aD0iMyIgaGVpZ2h0PSIz IiByeD0iMS41IiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K') no-repeat center center;
    }
    .index-reviews .dropdown-toggle::after{vertical-align:super}
    .show > .dropdown-toggle::after{display:inline-block; content:""; transform:rotate(90deg); opacity:1;}
    
    .dropdown-menu{border:.75em solid #fff; left:-1.15em; padding:0;
        box-shadow: 0 7px 15px 0 rgb(0 0 0 / 12%), 0 5px 46px 0 rgb(0 0 0 / 6%);
    }
    .dropdown-item {color:#0077B8; padding:.4em .75em; border-radius:1em; font-size:1.125em;}
    .dropdown-item:focus, .dropdown-item:hover {color:#0077B8; background-color: rgb(0, 119, 184,.1);}
    .dropdown-item.active {color:#fff; border:0; background-color:#0077B8;}
    


    /* buttons */
    a.btn-primary {
        background:rgba(255,215,0,1); border-radius:.5em; z-index:10; transition:all .3s ease-in-out; cursor:pointer;
        border-color:transparent; box-shadow:0 8px 24px rgb(0,65,103,0.15); color:#000
    }
    /*//*/


    /* Header-phone */
    .phone a{color:#000; position:relative; height:32px; font:600 1.25em "Open Sans", sans-serif; animation:color 8s ease-in-out infinite;}
    .phone i{font:normal 400 .875em "Open Sans", sans-serif;}
    .phone svg{animation:shake 8s ease-in-out infinite}
    .phone .asterisk{animation:blink 8s ease-in-out infinite}
    @keyframes shake { 85% {transform:rotate(0deg)} 95% {transform:rotate(15deg)} 100% {transform:rotate(0deg)} }
    @keyframes blink { 85% {opacity:0} 95% {opacity:1} 100% {opacity:0} }
    @keyframes color { 85% {color:#000} 95% {color:red} 100.0% {color:#000} }
    @keyframes toblack { 85% {color:#757575} 95% {color:#000} 100.0% {color:#757575} }

    #header_menu_phone_call_dispatcher a{font:600 1.25em "Open Sans", sans-serif; animation:color 8s ease-in-out infinite;}
    #header_menu_phone_call_dispatcher small{line-height:60%; font-size:12px;}
    /*//*/


    /* nav-sitemap toggle */
    .nav-toggle {border:0; height:24px; width:24px; overflow:hidden;}
    .nav-toggle div {background: #0077B8; display:block; transform:rotate(0deg); transition:all .2s ease; height:2px; width:24px; margin:3px 0 6px 0; border-radius:2px;}
    .nav-toggle div:last-child{margin-bottom:0;}
    .nav-toggle.on div:first-child     {transform:translateY(8px) translateZ(0) rotate(45deg);}
    .nav-toggle.on div:nth-child(2)    {opacity:0}
    .nav-toggle.on div:last-child      {transform:translateY(-8px) translateZ(0) rotate(-45deg);}

    .screen-overlay{
        content:''; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.8); 
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        pointer-events:none; z-index:10; opacity:1; visibility:visible; position:fixed;}
    /*//*/

    /* Lists */
    .two-columns-list {column-count:2;}
    /*/*/

    /*  i-Intro */
    .intro {position:relative; overflow:inherit; color:#fff;}
    .intro h1{font-weight:600; font-size:3em; line-height:100%;}
    .intro ul {position:relative; z-index:10; font-size:1.25em; list-style:none; padding-left:0}
    .intro ul a{color:#fff; line-height:100%; background:rgba(255, 255, 255, 0.1); border-radius:.25em;}
    .intro ul a:hover{color:#e0001a; background:rgba(255, 255, 255, 1)}
    /*.intro img{border-radius:0 0 1em 0;}*/
    .intro .doctor {z-index:2; max-height:115%; right:15px;}
    .intro .ambulance{z-index:1; max-width:100%; right:0; /*border-bottom-right-radius:1.5em;*/ filter:saturate(70%) brightness(100%);}

    /* i-Services */
    .services-index .card-title{font-size:1.25em; font-weight:600; margin-bottom:.5rem;}
    .services-index .card-text a{display:block; margin-bottom:.5em; /*color:#555;*/ font-size:1em; line-height:140%;}
    /*/*/

    .ambulance-index-block img{max-height:300px; max-width:100%}

    /* i-Advantages */
    .passenger p{font-size:1.375em;line-height:150%;margin:0;color:#000;font-weight:200}
    .passenger b{font-size:1.375em;line-height:150%;display:block;margin-bottom:.5em}
    
    .advantages{position:relative;list-style:none;margin:0;padding:0}
    .advantages li{font-size:1em;line-height:140%;margin-bottom:2rem}
    .advantages img, .advantages svg{width:42px;height:42px;float:left}
    .advantages p{margin-left:56px;padding-left:0;}
    .advantages p:last-child{padding-bottom:0; margin-bottom:0;}
    .advantages li:last-child,.advantages-list li:last-child p{margin-bottom:0;padding-bottom:0}
    /*/*/


    /* i-Reviews */
    .index-reviews .carousel-inner{overflow:initial;}
    .carousel-indicators {position:relative; margin-bottom:0}
    .carousel-indicators li{background-color:#0077B8}
    .carousel-control-next, .carousel-control-prev {width:48px;}
    .index-reviews .carousel-item{padding:3rem;}
    .index-reviews .card, .index-reviews .card-footer{border:0; background:transparent;}
    .index-reviews .card-body {padding:0}
    .index-reviews .card-footer {font-size:1em; color:#636363; padding:1em 0 0 0;}
    .carousel-control-next-icon, .carousel-control-prev-icon,
    .panel-heading[data-toggle="collapse"]:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='19' fill='none' viewBox='0 0 12 19'%3E%3Cdefs/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill='%230077B8' fill-rule='evenodd' d='M1.5 2.2c0 .4.2.8.4 1l6.3 6.3-6.4 6.3c-.2.2-.3.5-.3.9 0 1 1.3 1.5 2 .8l8-8-8-8c-.8-.8-2-.3-2 .7z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M.5 18.5h18v11H.5z' transform='rotate(-90 .5 18.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    }
    .carousel-control-prev-icon {transform:rotate(180deg)}
    .review-small   {font-size:1em}
    .review-medium  {font-size:1.25em}
    .review-large   {font-size:2em; line-height:120%;}
    /*/*/

    /* p-Payments */
    label {font-weight:600;}
    /*/*/

    /*Partners*/
    .glider-partners .card{border:0; background:transparent;}
    .partners a{display:flex; align-items:center; justify-content:center; opacity:0.6; width:100%; height:90%;padding:1rem;}
    .partners a img, .partners a svg{display:block;  max-width:80%; max-height:80%; margin:auto;}
    .partners a:hover {opacity:1; transition:all 0.2s ease;}
    /*/*/


    /* landing pages */
    .lp {min-height:320px; background-size:cover; background-position:center;}
    .lp.transportation {background-image: url(/design/img/header/transportation.jpg);}
    .lp.hospitalization {background-image: url(/design/img/header/hospitalization.jpg);}
    .lp.air-ambulance {background-image: url(/design/img/header/air-ambulance.jpg);}
    .lp.detskaya-skoraya {background-image: url(/design/img/header/childs.jpg);}

    article.lp {line-height:160%; font-size:1.25em}
    article.lp ul, .content-list{position:relative; list-style:none; margin:0; margin:.5em 0 1.5em 0; padding-left:1.5em}
    article.lp ul li, .content-list li{line-height:140%; margin-bottom:.75em}
    article.lp ul li:before, .content-list li:before{content:"—"; position:absolute; left:0; color:rgba(0,0,0,.3)}
    article.lp ul li:last-child, .content-list li:last-child{margin-bottom:0}

    .img-thumbnail {max-width:320px;}


    /* Schema */
    .schema .col-12 .d-flex{flex:1; height:100%; padding-bottom:1.5em;}
    /*.schema .col-12:last-child .d-flex{padding-bottom:0;}*/
    .schema img{width:64px; height:64px; text-align:center;}

    .schema-card .schema-image img{height:72px}
    .schema h5{font-size:.875em;font-weight:600; position:relative}
    .schema h5 b{color:#999;font-weight:200}
    .schema h5,.schema .w-75 p{font-size:.875em;}
    .schema p{font-size:.875em;line-height:140%;color:#606060;margin:0}

    /*Tariff*/
    .table thead th {border-top:0}
    .table tr:hover{transition:all .5s; background:rgba(255,215,0,.4)}
    /*/*/

    /* Services */
    .services .item{background:#f7f6ec; font-weight:600; border-radius:8px; padding:0; margin-bottom:1em;}
    .services .item a{display:block; padding:.5em 1em; margin:0; color:#0054b9; font-size:1.125em;}
    .services .item a:hover{color:#e0001a}
    /*/*/

    /* Accordion */
    .panel-heading {position:relative; cursor:pointer;}
    .panel-heading[data-toggle="collapse"]:after {
        content:" "; 
        background-repeat:no-repeat;
        position:absolute;
        width:12px;
        height:20px;
        right:20px;
        top:calc(50% - 10px);
        -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);
     }
     .panel-heading[data-toggle="collapse"].collapsed:after {
        -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);
     }
    /*/*/

/* Gallery */
.gallery-block a {display:inline-block; width:15%; height:150px; overflow:hidden;}
/*/*/


/* FAQ */
.faq-block > a {color:#000; font-weight:600; display:inline-block; width:100%;}
.faq-block .content-list{position:relative; list-style:none; margin:1em 0 2em 0; padding-left:1.5em;}
.faq-block .content-list li{line-height:140%; margin-bottom:.75em; }
.faq-block .content-list li::before {content:"—"; position:absolute; left:0px;}
/*/*/



/* mobile */
@media (max-width:575.98px) {

    h1{font-size:1.75em;}
    h2{font-size:1.5em;}
    h3{font-size:1.375em;}

    .navbar-light .navbar-toggler {border:0;}
    .nav-toggle div:last-child{margin-bottom:8px;}

    .navbar .nav-item {background:rgba(255,255,255,.8); margin-bottom:.5em; border-radius:1em;}
    .navbar .nav-item .nav-link {padding:.5em 1em; font-size:1.25em;}
    .navbar .navbar-nav.ml-auto .nav-item {margin:1em 0;}
    .navbar .navbar-nav.ml-auto .nav-item a{margin-left:auto!important; margin-right:auto!important;}
    .navbar .nav-item .phone{padding:.5em 1em;}

    .navbar .dropdown-menu {background:transparent; border-color:transparent; box-shadow:none}

    .nav-item:last-child .nav-link{border:0}
    .nav-item.dropdown.show{box-shadow: 0 7px 15px 0 rgb(0 0 0 / 12%), 0 5px 46px 0 rgb(0 0 0 / 6%);}
    .navbar-nav .dropdown-menu {border:0;}
    .navbar-nav .dropdown-item {padding-left:1.125em;}

    /* Lists */
    .two-columns-list {column-count:1;}
    /*/*/

    /* 1.m Intro */
    .intro {overflow:hidden; border-radius:1em; background:transparent; background:linear-gradient(45deg, #11865b 20%,#6ec090 100%);}
    .intro h1{font-size:1.75em; font-weight:600; line-height:100%;}
    .intro ul{margin-top:1em; padding-bottom:2em;}
    .intro li{font-size:1em; font-weight:300;}
    .intro .doctor {left:20%; min-height:130%;}
    .intro .ambulance{min-height:120%; right:0;}
    /*/*/

    .intro .container .col-12 .col-12{padding-left:0; padding-right:0}
    .intro .stage {min-height:12em;}
    .intro .photo {min-height:240px;}
    .intro img{max-width:100%; max-height:100%; /*left:15%;*/}
    .intro .mango-href{width:100%}

    .featured-services a .card-title{margin-bottom:0; color:#0077B8;}


    /* 2.m Advantages */
    .passenger p{font-size:1em;line-height:130%;margin:0;color:#000;font-weight:400}
    .passenger b{font-size:1.25em;line-height:140%;display:block;font-weight:600;margin-bottom:.5em}
    .advantages img, .advantages svg {width:auto}
    .advantages .text {font-size:.938em; line-height:140%;}
    /*/*/

    .index-reviews .carousel-item {padding:1.5rem;}
    .carousel-control-prev{left:-16px;}
    .carousel-control-next{right:-16px;}

    .review-small   {font-size:.875em}
    .review-medium  {font-size:1em}
    .review-large   {font-size:1.25em}


    /*Partners*/
    .partners a:hover {opacity:1; transition:all 0.2s ease;}
    /*/*/

    /* inner */
    .lp {min-height:260px;}
    header.lp h1{font-size:1.25em;}
    article.lp h2{font-size:1.25em;}
    article.lp h3{font-size:1.15em;}
    article.lp {line-height:120%; font-size:1em}
    article.lp p, article.lp ul li {line-height:140%;}

    .img-thumbnail {max-width:100%;}


    .services h3{padding-top:0;}
    .services h3 a{display:block; padding:.5em 1.5em; color:#0077B8; font-size:1em; font-weight:600}

    .faq-block > a {/*font-size:1.25em;*/ font-weight:400}

    .inner ul {margin:1em 0 2em 0; padding-left:1.5em; font-size:1em;}
    
    .table td{border-top:0;}

}
@media (min-width:576px) and (max-width:767px) {

    .intro .photo{display:none; background:#fff; visibility:hidden; height:0; min-height:0}

}

@media (min-width:1025px) and (max-width:1280px) {
    
    .intro img{width:auto; max-height:95%; z-index:1}
  
}

@media (min-width:768px) and (max-width:1024px) {
  
    .intro img{width:auto; max-height:80%; z-index:1; right:0}
  
}