/*
    Document   : styles-responsive.css
    Created on : 08/12/2015, 09:01:15 PM
    Author     : cesarmejia
    Description:
*/

@media (max-height: 690px) {
    .custom-select.option-group-open .option-group {
        max-height: 180px;
    }
}


@media (min-width:1301px ) {
    .block.services .consultas-text {
        /*padding-right: 1%;*/
    }
}

@media (max-width: 1100px) {
    .navigation .list li {
        margin: 3px 12px;
    }

    .navigation .list .space-icon {
        margin: 0 100px;
    }

    .block.cover .cover-tag .content {
        font-size:45px;
    }

    .navigation .list li {
        display: inline-block;

    }

}

@media (max-width: 992px) {

    .block.cover .cover-tag .content {
        font-size:40px;
    }

    .navigation .list .space-icon {
    }

    .navigation .list li {
        display: inline-block;

    }
    
    /*.block.contact .contact-info {
        width: 50%;
    }
*/    /*.block.contact .contact-form {*/
        /*padding-right: 40px;*/
        /*width: 45%;*/
    /*}*/

    .block.tech .blue-square {
        top:10%;
    }

    .block.surgery .surgery-icon {
        width: 43px;
    }

    .dropdown-button {
        width: 30px;
    }

    .block.us .us-container .text {
        margin-left: 10px;
    }
    
}

@media (max-width: 945px) {
    .block.services .consultas-text.right {
        padding: 0;
    }

    .block.services .consultas-text.left {
        padding: 0;
    }

    .block.services .consultas-text .title {
        margin-bottom: 15px;
    }

}

@media (max-width: 856px) {
    .navigation .list .space-icon {

    }

    .dropdown-button {
        /*display: none;*/
    }

    /*.block.us .us-container .text {*/
        /*margin-top:40px;*/
    /*}*/

    .block.cover .cover-tag .header {
        font-size: 17px;
    }

    .block.cover .cover-tag .content {
        font-size:35px;
    }

    .block.services .consultas-text .desc {
        margin-bottom: 0;
    }
}    

@media (max-width: 767px) {

    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 0px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }

    .custom-select.option-group-open .option-group {
        max-height: 180px;
        /*height: 180px;*/
    }

    body.fix {
        /*position: fixed;*/
    }

    /* Body */
    body.mobile-navigation-open {
        overflow: hidden;
    }

    /* Mobile Navigation */
    .mobile-navigation {
        background-color: #666666;
        height: 100%;
        overflow-y: scroll;
        position: fixed;
        right: -250px;
        top: 0;
        width: 250px;
        z-index: 2;

        -webkit-transition: right 350ms;
        -moz-transition: right 350ms;
        -ms-transition: right 350ms;
        -o-transition: right 350ms;
        transition: right 350ms;
    }

    .mobile-navigation.mobile-navigation-open {
        right: 0;
        z-index: 100;
    }

    /* Mobile Navigation - Logo */
    .mobile-navigation .logo {
        display: block;
        padding: 10px 5px;
    }

    .mobile-navigation .logo img {
        margin: 0 auto;
        max-width: 85px;
    }

    /* Mobile Navigation - List */
    .mobile-navigation .list {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .mobile-navigation .list li {  }

    .mobile-navigation .list a {
        color: #FFFFFF;
        font-family: antenna-regular;
        font-size: 16px;
        display: block;
        padding: 25px 5px;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
    }

    .mobile-navigation .list a:after {
        border-bottom: 1.5px solid #6D6D6D;
        bottom: 0;
        content: '';
        display: block;
        left: 0;
        margin-left: 10px;
        position: absolute;
        width: 90%;
    }

    .navigation .logo.mobile {
        display: block;
        top:40%;
    }


    /* Navigation */
    .navigation {
        height: 60px !important;

        -webkit-transition: right 350ms;
        -moz-transition: right 350ms;
        -ms-transition: right 350ms;
        -o-transition: right 350ms;
        transition: right 350ms;
    }

    .navigation.mobile-navigation-open {
        right: 250px;
    }

    .navigation .logo {
        width: 110px;
    }

    /* Outer wrapper */
    .outer-wrapper {
        right: 0;
        margin-top:60px;

        -webkit-transition: right 350ms;
        -moz-transition: right 350ms;
        -ms-transition: right 350ms;
        -o-transition: right 350ms;
        transition: right 350ms;
    }

    .outer-wrapper.mobile-navigation-open {
        right: 250px;
    }

    .outer-wrapper .content {
        max-width: 100%;
    }    

    .outer-wrapper .schedule {
        display: none;
        z-index: 1;
    }

    .outer-wrapper .schedule.fixed {
        position: fixed;
        width: 100%;
        z-index: 1;
    }

    .outer-wrapper .form-wrapper {
        display: none;
        width: 100%;
        height: 100vh;
        transition: top 375ms ease-out;

    }

    .outer-wrapper .form-wrapper.put {
        top:0;
        z-index: 1;
    }
    

    /* Block Cover */
    .block.cover .cover-tag {
        height: 89px;
        margin-left:0;
        margin-top: -35px;
        padding:0;
        padding-left: 7px;
        position: relative;
        text-align: left;
        width: 299px;
    }

    .block.cover .cover-tag .header {
        font-family: antenna-regular;
        font-size: 13px;
        padding-top:15px;
    }

    .block.cover .cover-tag .content {
        font-family: antenna-thin;
        font-size: 30px;
    }

    /* Block Us */

    .block.us {
        padding: 0;
    }

    .block.us .us-desc {
        margin-top:20px;
    }

    .block.us .us-container {
        background: none;
        padding-right: 0;
    }

    .block.us .us-container .text .header {
        font-size:15px;
        margin-bottom: 10px;
    }

    .block.us .us-desc .header {
        font-size: 15px;
        margin-bottom: 14px;
    }

    .block.us .us-desc .desc {
        font-size: 11px;
        margin-bottom: 30px;
        width: 290px;
    }

    .block.us .us-container .text {
        margin-top:20px;
    }

    .block.us .us-container .text .desc {
        font-size: 11px;
        max-width: none;
        margin-bottom: 30px;
    }

    .block.us .img {
        display: none;
    }

    .block.us .us-container {
        width: 100%;
        min-height: auto;
        padding:0;
    }

    .block.us .us-container .text {
        margin-left: 0;
    }


    /* Block Services */

    .block.services .servicios-text {
        display: block;
        position: relative;
        margin-bottom: 20px;
        padding: 20px 0 0;
    }

    .block.services .servicios-text::after {
        content:"";
        background-image: url("../imgs/estudios.jpg");
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0.2;
    }

    .block.services .consultas-text .subtitle.left,
    .block.services .consultas-text .desc.left {
        padding-left: 0 !important;
    }

    .block.services .servicios-text .header {
        font-size: 15px;
        margin-bottom: 15px;
        padding-top: 20px;
    }

    .block.services .servicios-text .desc {
        font-size: 11px;
        line-height: 16px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .block.services .consultas-image {
        display:none;
    }

    .block.services .consultas-text {
        text-align: left !important;
        padding-left: 3% !important;;
        padding-top: 6% !important;;
        padding-right: 9% !important;;
        width: 100%;
    }

    .block.services .consultas-text.left {
        padding-left:3%;
    }

    .block.services .consultas-text::after {
        bottom  : 0;
        border-bottom:1px solid;
        border-color: #999999;
        content : "";
        height  : 1px;
        left    : 0;
        margin-left: 5px;
        margin-bottom: -35px;
        position: absolute;
        width: 95%;
    }

    .block.services .consultas-text.final::after {
        border-color: transparent;
    }

    .block.services .consultas-text .subtitle.right, .block.services .consultas-text .desc.right {
        max-width: 100%;
    }

    .block.services .consultas-container {
        display: block;
        margin-bottom: 35px;
    }

    .block.services .last.consultas-text::after {
        content : "";
        position: absolute;
        left    : 0;
        bottom  : 0;
        height  : 1px;
        margin-left: 5px;
        border-bottom:0px solid black;
        width: 95%;
    }

    .block.services .consultas-text .title {
        font-size: 15px;
        margin-bottom: 6px;
    }

    .block.services .consultas-text .subtitle {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .block.services .consultas-text .desc {
        font-size: 11px;
        margin-bottom: 30px;
        line-height: 16px;
    }

    .block.services .submit-surgery {
        display: none;
    }

    /* Block Tech */
    .block.tech {
        padding: 0;
    }

    .block.tech {
        background-image: url("../imgs/instalaciones.jpg");
        background-position: center top; 
        background-repeat: no-repeat;
        background-size: cover;
        color:#ffffff;
        height: 342px;
        position: relative;
    }

    .block.tech .blue-square {
        padding-left: 10px;
        padding-right: 20px;
        top:0;
        left:0;
        width: 100%;
    }

    .block.tech .blue-square .title {
        font-size:15px;
        margin-bottom: 20px;
        margin-top:0px;

    }

    .block.tech .blue-square .subtitle {
        font-size: 14px;
        line-height: 18px;
    }

    .block.tech .blue-square .desc {
        font-size: 11px;
        line-height: 16px;
        padding-right: 15px;
    }

    /* Block Team */

    .block.team {
        overflow: hidden;
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .block.team .row-team{
        margin: 0 -20px;
    }

    .block.team .line{
        font-size: 11px;
        max-width: 210px;
    }

    .block.team .team-div .title {
        font-size:15px;
        margin-bottom: 15px;
        margin-top:40px;
    }

    .block.team .team-div .sub-title{
        font-size: 13px;
    }

    .block.team .team-div .desc {
        font-size:12px;
        margin-bottom: 20px;
    }

    .block.team .submit-team {
        font-size:12px;
        height: 57px;
        width: 195px;
    }

    .block.team .img-doctor {
        height: 227px;
        margin:0;
        position: absolute;
        
        width: 148px;
    }

    .block.team .overflow-row {
        overflow: hidden;
    }

    .block.team .team-div {
        margin-bottom: 55px;
    } 

    .block.team .side-image {
        display: block;
        bottom: 0;
        right: 0px;
        position: absolute;
        width: 110px;
        z-index: -1;
    }

    /* Block Contact */

    .block.contact .bar {
        height: 50px;
    }

    .block.contact .container-form {
        height:595px;
    }

    .block.contact .contact-div {
        margin-top:0;
    }

    .block.contact .contact-form {

    }

    .block.contact .contact-info {
        margin-left: 2%;
        margin-top: -25px;
        /* width: 80%; */
        max-width: 275px;
        max-width: 86%;
    }

    .block.contact .contact-info .title {
        font-size: 13px;
        letter-spacing: 1pt;
        padding-left: 10px;
        padding-top: 30px; 
        padding-bottom: 10px;
    }

    .block.contact .contact-info .subtitle {
        font-size: 13px;
        line-height: 15px;
        padding-left:10px;
        margin-bottom: 15px;
        width: 100%;
    }

    .block.contact .contact-info .phones {
        margin-left:10px;
        margin-bottom: 15px;
    }

    .block.contact .contact-info .address {
        margin-left:10px;
        margin-bottom: 15px;   
    }

    .block.contact .contact-info .phones a{
        font-size: 13px;
        line-height: 25px;
    }

    .block.contact .contact-info .address {
        font-size:13px;
        line-height:normal;
    }

    .block.contact .contact-form {
            margin-top: 45px;
            padding-left:2%;
            padding-right: 2%;
            padding-bottom: 0px;
            width: 100%;
    }

    .block.contact .contact-form input[type=submit] {
        margin-bottom: 0px;
        max-width: 137px;
    }

    .block.contact .contact-form .btn-priv {
        max-width: 137px;
        font-size: 12px;
    }

    /* Block Map */

    .block .map-overlay .svg-overlay img {
        width: 12%;
    }

    .block .map-overlay .svg-overlay .desc {
        font-size: 12px;
    }

    .block.map .container-frame {
        padding-bottom: 66%;
    }

    /* Footer */

    .footer {
        height: 130px;
        padding-top: 10px;
    }

    .footer .uno-logo img {
        margin:0;
        margin-bottom: 10px;
        width: 60px;
    }

    .footer .copyright {
        font-size: 8px;
        left:5px;
        margin-left:0px;
        text-align: left;
        width: 200px;
    }

    .footer .goplek-logo {
        margin-top: -30px;
    }

    /* Beginning of Extern Pages */

    .upper-bar {
        display: none
    }

    .navigation.extern .logo {
        width: 107px;
        padding-top:16px;
    }

    .navigation.extern {
        height: 60px;
    }

    .block.surgery {
        padding-left:0px;
    }

    .block.surgery .surgery-icon {
        width: 30px;
    }

    .block.surgery .surgery-text .title {
        font-size: 13px;
        height: auto;
    }

    .block.surgery .surgery-text .desc {
        font-size: 11px;
        height: auto;
        margin-bottom: 20px;
    }

    .block.extern-team .title {
        font-size:14px;
    }

    .block.extern-team .doctor {
        margin-bottom: 25px;
    }

    /* Mobile Form */

     .tab {
        background-color: #2EB5BB;
        bottom: calc(-100% + 47px);
        display: block;
        height: 100%;
        /*height: 100vh;*/
        position: fixed;
        width: 100%;
        z-index: 99;

        -webkit-transition: 1.5s ease-in-out;
        -moz-transition: 1.5s ease-in-out;
        -o-transition: 1.5s ease-in-out;
        transition: 1.5s ease-in-out;
    }

    .tab.visible {
        overflow-y: scroll;
        height: 100vh;
        bottom: 0;
    }

    .tab .mobile-wrapper {
        color:#FFFFFF;
        font-family: antenna-regular;
        font-size:24px;
        height: 47px;
        text-align: center;
        transform:translateY(16%);
    }

    .tab .mobile-wrapper .close-button img {
        position: absolute;
        width: 14px;
        left: 90%;
        top: 16%;
        display: block;
    }

    .tab .mobile-wrapper .close-button.hide img {
        display: none;
    }

    .tab .overlay {

    }

    /*.tab .mobile-wrapper::after {*/
        /*content:"\2716";*/
        /*font-size: 20px;*/
        /*padding-left:15%;*/
        /*visibility: hidden;*/
    /*}*/

    .tab .mobile-wrapper.close::after {
        visibility: visible;
    }

    .tab .schedule {
        background-color: #F3F3F3;
        display: inherit;
        width: 100%;
    } 

    .tab .schedule .title {
        display:none;
    }

    .tab .schedule .subtitle {
        color: #666666;
        font-family: verb-regular;
        font-size: 14px;
        max-width: 320px;
        margin: 0 auto;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 25px;
    }

    .tab .schedule form input[type="text"] {
        width: 100%;
        padding: 10px;
        margin-bottom: 20px;
        border: transparent;
        font-weight: bold;
        font-size: 13px;
        outline: none;
    }

    .tab .schedule form input::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
        color: #333333;
        font-weight: normal;
    }
    .tab .schedule form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #333333;
        font-weight: normal;
        opacity:  1;
    }
    .tab .schedule form input::-moz-placeholder{ /* Mozilla Firefox 19+ */
        color: #333333;
        font-weight: normal;
        opacity:  1;
    }
    .tab .schedule form input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
        color: #333333;
        font-weight: normal;
    }

    .tab .schedule .horary .text {
        text-align: left;
        padding-bottom: 15px;
    }

    .tab .schedule .tab-button {
        background-color: #800307;
        color: white;
        font-family: antenna-regular;
        width: 100%;
        border-radius: 0;
        height: 47px;
        border: none;
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 30px;
        outline:none;
    }

    .tab .horary .padding {
        padding-left:5px;
    }

    .tab .margin {
        margin-right: -5px;
    }

    .tab .horary .right {
        padding-right: 5px;
    }

    .dropdown-button {
        display: block;
    }

    #ui-datepicker-div {
        z-index: 9999 !important;
    }

}