/*Navbar*/

.navbar, .navbar-right {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
}

.language-link-item {
    color: white;
}

.language-link-item:hover {
    color: rgba(255, 255, 255, 0.75);
}

/*Header-infobar*/
.header-infobar {
    padding-top: 10px;
    margin-bottom: 60px;
    font-family: 'Montserrat', sans-serif !important;
    color: white;
    position: relative;
}

.header-infobar .logo {
    line-height: 0;
    margin: 10px 0 10px;
    float: left;
    max-width: 200px;
}

.header-infobar-cell {
    float: right;
    margin-top: 10px;
}

.header-iconarea {
    display: block;
}

.header-iconarea .header-icon {
    float: left;
    margin: 0 0 0 35px;
}

.header-iconarea .bticon {
    line-height: 1;
    padding: 0 5px 0 0;
}

.btcontent {
    display: table-cell;
    vertical-align: middle;
    float: right;
}

.btcontent-fline {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    margin: 0 0 3px;
    line-height: 2.5;
}

.btcontent-sline {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    margin: 0 0 3px;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    line-height: 0;
}

.btcontent-fline a,
.btcontent-fline a:hover,
.btcontent-fline a:focus {
    font-family: 'Montserrat', sans-serif !important;
    color: white;
    text-decoration: none;
}

.btcontent-sline a,
.btcontent-sline a:hover,
.btcontent-sline a:focus {
    font-family: 'Montserrat', sans-serif !important;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.header-infobar i {
    color: #19ABA7;
    font-size: 50px;
    margin: 0 5px 0;
}

/*Section*/


.section-one {
    background-image: url("../img/back.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 100vh;
}

.section-text {
    margin-top: 20%;
    margin-left: 5%;
    font-family: 'Montserrat', sans-serif !important;
    color: white;
    position: absolute;
    width: 70%;
}

.section-text h1 {
    font-size: 80px;
    font-weight: 900;
}

.section-text p {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
    width: 70%;
}

/*Section-two*/
.section-two {
    font-family: 'Montserrat', sans-serif !important;
}

.section-two h1 {
    padding-top: 10px;
    color: #19ABA7;
    font-weight: 900;
}

.section-two p {
    color: #444;
    font-weight: 500;
}

.section-two img {
    max-width: 600px;
    border-radius: 10px;
}

.time-table {
    background: #EEEEEE;
    border: solid #D5D5D5 1px;
    border-radius: 10px;
    height: 500px;
}

.time-table-time {
    float: right;
}

/*Section three*/
.section-three {
    height: 500px;
}

/*Footer*/

.logo-footer {
    width: 200px;
    padding-top: 50px;
    padding-bottom: 50px;
}

#footer-info {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    color: white;
    text-align: center;
    padding-top: 50px;
}

#footer-info a,
#footer-info a:hover,
#footer-info a:focus {
    color: white;
    text-decoration: none;
}

/*Team*/

.team-section-two {
    background: #0cb8b6;
    background-image: url("../img/bgn-team.png");
    background-position: center;
    height: 200px;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 200px;
}

.team-section-two span {
    font-size: 80px;
    font-weight: 900;
    color: white;
}

.our-team-intro {
    font-family: 'Montserrat', sans-serif !important;
    margin-top: 100px;
}

.team-1 {
    color: black;
    font-weight: 300;
    font-size: 50px;
}

.team-2,
.our-team {
    color: #0cb8b6;
    font-weight: 900;
    font-size: 50px;
}

.our-team-leader {
    margin-top: -140px;
}

.our-team-intro a,
.our-team-intro a:hover,
.our-team-intro a:focus {
    color: white;
    text-decoration: none;
}

.dr-spec {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    margin-top: 10px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.dr-name {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    font-size: 30px;
    margin-top: -20px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.dr-name:hover,
.dr-spec:hover,
.dr-name:focus,
.dr-spec:focus,
.dr-name:active,
.dr-spec:active {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}

/*Solutions*/
.solutions-section-two {
    background: #0cb8b6;
    background-image: url("../img/bgn-team.png");
    background-position: center;
    height: 200px;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 200px;
}

.solutions-section-two span {
    font-size: 80px;
    font-weight: 900;
    color: white;
}

.solutions-section-three img {
    width: auto;
    height: 250px;
    object-fit: cover;
}

.sol-name {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;
}

.sol-desc {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 50px;
}

.solutions-section-four {
    background: #F36438;
    background-image: url("../img/bgn-team.png");
    background-position: center;
    height: 600px;
    font-family: 'Montserrat', sans-serif !important;
}

.prices {
    font-size: 80px;
    font-weight: 900;
    color: white;
}

.solution-price {
    font-size: 30px;
    font-weight: 500;
    color: white;
}

.prod-price {
    list-style-type: none;
}

.prod-price li {
    float: left;
    color: rgba(255, 255, 255, 0.7);
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
    font-size: 14px;
}

/*contact*/

.contact-section-two {
    background: #0cb8b6;
    background-image: url("../img/bgn-team.png");
    background-position: center;
    height: 200px;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 200px;
}

.contact-section-two span {
    font-size: 80px;
    font-weight: 900;
    color: white;
}

.contact-section-three {
    height: 500px;
}

.over-map-infobar {
    background: #F36438;
    background-image: url("../img/bgn-team.png");
    background-position: center;
    height: 350px;
    width: 400px;
    margin-top: 150px;
    margin-left: 10%;
    position: absolute;
    border-radius: 10px 10px 0px 0px;
}

.address,
.email,
.phone,
.time {
    display: block;
    line-height: 1;
    position: relative;
    margin-left: 30px;
    margin-top: 30px;
    font-family: 'Montserrat', sans-serif !important;
}

.address i,
.email i,
.phone i,
.time i {
    line-height: 1;
    color: white;
    font-size: 40px;
}

.address-title {
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1;
    margin-top: -40px;
    margin-bottom: 4px;
    margin-left: 60px;
    font-size: 18px;
    font-weight: 900;
    color: white;
}

.address-desc {
    line-height: 1;
    margin-left: 60px;
    color: white;
    width: 300px;
    font-size: 14px;
}

/*Responsive things*
@media (max-width: 316px) {
    .section-text h1 {
        font-size: 30px !important;
    }

    .section-text p {
        font-size: 14px !important;
        width: 100% !important;
    }

    .section-two img {
        max-width: 200px !important;
    }
}

@media (max-width: 576px) {
    .section-text h1 {
        font-size: 40px;
    }

    .section-two img {
        max-width: 300px;
    }

    .time-table {
        height: 620px;
    }

    .time-table-time {
        float: none;
        font-weight: 400 !important;
    }

    .over-map-infobar {
        display: none;
    }

    .section-three {
        margin-top: 50px;
        max-width: 576px;
    }
}

@media (max-width: 768px) {
    .section-two img {
        max-width: 500px;
    }

    .section-three {
        margin-top: 50px;
        max-width: 768px;
    }
}

*/

@media (min-width: 250px) {
    .section-text h1 {
        font-size: 30px;
    }

    .section-text p {
        /*font-size: 14px;*/
        width: 100%;
    }

    .section-two img {
        max-width: 280px;
    }

    .time-table {
        height: 620px;
    }

    .time-table-time {
        float: none;
        font-weight: 400;
    }

    .section-three {
        margin-top: 50px;
        max-width: 100vw;
    }

    .over-map-infobar {
        display: none;
    }
}

@media (min-width: 576px) {
    .section-text h1 {
        font-size: 60px;
    }

    .section-text p {
        width: 70%;
    }

    .section-two img {
        max-width: 500px;
    }

    .time-table {
        height: 500px;
    }

    .time-table-time {
        float: right;
    }

    .over-map-infobar {
        display: block;
        width: 250px;
    }

    .address,
    .email,
    .phone,
    .time {
        margin-bottom: -30px;
    }

    .address i,
    .email i,
    .phone i,
    .time i {
        font-size: 30px;
    }

    .address-title {
        font-size: 16px;
        margin-left: 40px;
        margin-top: -30px;
    }

    .address-desc {
        margin-left: 40px;
        font-size: 14px;
        width: 160px;
        line-height: 1.5;
    }
}

@media (min-width: 768px) {
    .section-text h1 {
        font-size: 80px;
        font-weight: 900;
    }

    .section-text p {
        font-weight: 500;
        color: rgba(255, 255, 255, 0.75);
        width: 70%;
    }
}

@media (min-width: 992px) {
    .header-infobar .logo {
        max-width: 100px;
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {
    .header-infobar .logo {
        max-width: 200px;
    }

    .section-two img {
        max-width: 600px;
        border-radius: 10px;
    }

    .over-map-infobar {
        background: #F36438;
        background-image: url("../img/bgn-team.png");
        background-position: center;
        height: 350px;
        width: 400px;
        margin-top: 150px;
        margin-left: 10%;
        position: absolute;
        border-radius: 10px 10px 0px 0px;
    }

    .address,
    .email,
    .phone,
    .time {
        display: block;
        line-height: 1;
        position: relative;
        margin-left: 30px;
        margin-top: 30px;
        font-family: 'Montserrat', sans-serif !important;
    }

    .address i,
    .email i,
    .phone i,
    .time i {
        line-height: 1;
        color: white;
        font-size: 40px;
    }

    .address-title {
        font-family: 'Montserrat', sans-serif !important;
        line-height: 1;
        margin-top: -40px;
        margin-bottom: 4px;
        margin-left: 60px;
        font-size: 18px;
        font-weight: 900;
        color: white;
    }

    .address-desc {
        line-height: 1;
        margin-left: 60px;
        color: white;
        width: 300px;
        font-size: 14px;
    }
}