/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    color: #58595b;
}

html {
    width: 100%;
    height: 100%;
}

.cc {
    color: #05978e !important;
}

.pcont1 {
    cursor: pointer !important;
}

a,
a:visited,
a:hover {
    color: #05978e !important;
}

@media(min-width:767px) {
    .video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
    }
    .navbar {
        /* padding: 20px 0; */
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }

    .navbar-default .navbar-nav>li>a {
        padding-left: 19px;
        padding-right: 19px;
        font-size: 15px;
        font-weight: 200;
    }

    .pcont {
        color: #58595b;
        /*  font-size: 13px; */
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .news {
        margin-left: 60px;
        margin-right: 60px;
        margin-bottom: 80px;
    }
    .yline {
        font-size: 30px;
        font-weight: 200;
        color: #05978e;
        border-bottom: 1px solid #000;
        margin-left: 40px;
        margin-right: 40px;
        height: 55px;
    }

    .ycont {
        font-size: 13px;
        font-weight: 200;
        margin-left: 40px;
        margin-right: 40px;
        height: 90px;
    }

    #nhoi {
        top: 30%;
        width: 40%;
        left: 30%;
    }
    .career-info {
        margin-left: 60px;
        margin-right: 60px;
    }
}

@media(max-width:767px) {
    .video {
        width: auto;
        height: 100%;
    }
    .navbar-nav {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .pcont {
        color: #58595b;
        /* font-size: 13px; */
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .news {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .yline {
        font-size: 30px;
        font-weight: 200;
        color: #05978e;
        border-bottom: 1px solid #000;
        margin-left: 5px;
        margin-right: 5px;
        height: 55px;
    }

    .ycont {
        font-size: 13px;
        font-weight: 200;
        margin-left: 5px;
        margin-right: 5px;
        height: 90px;
    }
    #nhoi {
        top: 30%;
        left: 5%;
        width: 90%;
    }
    .career-info {
        margin-left: 20px;
        margin-right: 20px;
    }
}

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children
of those sections to manage the look and feel of the site. */

.intro-section {
    padding-top: 0px;
    text-align: center;
}

.about-section {
    padding-top: 100px;
    text-align: center;
}

.news-section {
    padding-top: 100px;
    text-align: center;
}

.projects-section {
    padding-top: 100px;
    text-align: center;
}

.career-section {
    padding-top: 100px;
    text-align: center;
}

.orders-section {
    padding-top: 100px;
    text-align: center;
}

.contact-section {
    padding-top: 100px;
    text-align: center;
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    /*padding-right: 50px;*/
}

.navbar-default {
    background-color: #fff !important;
    border: none !important;
}

.side-menu {
    list-style: none;
    text-align: left;
    font-weight: 900;
    padding-left: 0;
}

.side-menu li.active>a {
    color: #05978e;
    font-weight: 900;
}

.side-menu li>a {
    color: #bbb;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 200;
}

h2 {
    margin-top: 0;
    color: #05978e;
    font-size: 25px;
    margin-bottom: 25px;
}

.content {
    text-align: left;
}

#zesp1a {
    background: url('../media/jm.png') no-repeat;
    width: 200%;
    position: relative;
}

#zesp2a {
    background: url('../media/pz.png') no-repeat;
    width: 200%;
    position: relative;
}

#zesp3a {
    background: url('../media/zo.png') no-repeat;
    width: 200%;
    position: relative;
}

#zesp4a {
    background: url('../media/dk.png') no-repeat;
    width: 200%;
    position: relative;
}

#zesp5a {
    background: url('../media/ks.png') no-repeat;
    width: 200%;
    position: relative;
}

#zesp6a {
    background: url('../media/kda.png') no-repeat 0px -83px;
    width: 200%;
    position: relative;
}

#zesp7a {
    background: url('../media/gk.png') no-repeat 0px -83px;
    width: 200%;
    /* height: 520px; */
    position: relative;
}

#zesp8a {
    background: url('../media/at.png') no-repeat;
    width: 200%;
    /* height: 520px; */
    position: relative;
}

.zespdesc {
    font-size: 13px;
    color: #58595b;
    position: absolute;
    top: 50px;
    left: 630px;
    /* text-align: justify !important; */
    width: 50%;
}

.zespdesc h2 {
    font-size: 25px;
    color: #009a93;
    margin-bottom: 0px;
    line-height: 25px;
}

.zesp {
    /*    position: absolute;
    top: 0px;*/
    /* position: absolute; */
    /* top: 0; */
    /* width: 980px; */
    margin-left: -180px;
    float: left;
    height: 518px;
}

.hd {
    overflow: hidden;
}

.carousel-indicators {
    color: #05978e;
    text-decoration: none;
    /* float: left; */
    list-style: none;
    /* padding: 5px !important; */
    top: -50px;
    width: 100%;
}

.carousel-indicators li {
    text-decoration: none;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 14px !important;
    line-height: 13px;
    color: #05978e !important;
    display: block;
    float: left;
    border: none;
}

/*.carousel-indicators .active{ background: #31708f; }*/

.content {
    margin-top: 20px;
}

.adjust1 {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.adjust2 {
    margin: 0;
}

.carousel-indicators li {
    /* border :1px solid #ccc; */
}

.carousel-control {
    color: #31708f;
    width: 5%;
}

.carousel-control:hover,
.carousel-control:focus {
    color: #31708f;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.media-object {
    margin: auto;
    margin-top: 15%;
}

@media screen and (max-width: 768px) {
    .media-object {
        margin-top: 0;
    }
}

#carousel-team {
    margin-top: -10px;
}

#carousel-about {
    margin-bottom: 20px;
    margin-top: 30px;
}

.carousel-inner .left {
    margin-left: -15px;
}

.tt {
    color: #05978e;
    font-weight: 900;
    text-transform: uppercase;
}

/*
.news {
    margin-left: 60px;
    margin-right: 60px;
    margin-bottom: 80px;
}
*/

.news-date {
    font-size: 24px;
    color: #05978e;
    font-weight: 200;
    margin-bottom: 40px;
}

.news-title {
    /* font-size: 30px; */
    color: #05978e;
    font-weight: 400;
    margin-bottom: 40px;
}

.news-p {
    font-size: 13px;
    color: #58595b;
    font-weight: 400;
    text-align: justify;
}

.ico {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pcont2 {
    text-align: justify;
}

.h2a {
    line-height: 22px;
}

.pcont h3 {
    font-weight: 900;
}

.career-info {
    margin-bottom: 80px;
    text-align: left;
}

.career-info h2 {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.t1 {
    color: #05978e;
    font-weight: 900;
}

.spec {
    color: #009a93 !important;
    font-weight: bold;
}

.spec2 {
    color: #009a93 !important;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 15px;
}

#form {
    width: 100%;
    /* height: 400px; */
    float: left;
    font-size: 14px;
    /* padding-top: 50px; */
    /* padding-left: 200px; */
}

#cont {
    width: 300px;
    height: 400px;
    float: left;
    font-size: 14px;
    padding-top: 80px;
    color: #707070;
}

#cont1 {
    /* clear: both; */
    /* width: 650px; */
    text-align: justify;
    /* font-size: 14px; */
    margin-top: 60px;
    margin-bottom: 60px;
}

#cont1 h2 {}

#input1 {
    border-top: none;
    border-left: none;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    /* font-size: 14px; */
    padding: 4px 10px;
    width: 50%;
    margin: 0;
}

#input2 {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #707070;
    /* font-size: 14px; */
    padding: 4px 10px;
    width: 49%;
    margin: 0px 0px 0px -3px;
}

#txta {
    width: 100%;
    padding: 20px 10px;
    font-size: 14px;
    height: 160px;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #707070;
    border-top: none;
    margin-top: 2px;
}

#subm {
    /* float: right; */
    /* margin-right: 60px; */
    margin: 10px auto;
    /* font-size: 14px; */
    background: none;
    border: none;
    text-transform: uppercase;
    color: #707070;
    display: block;
    width: 100px;
    font-weight: 900;
    font-size: 16px;
}

.mact {
    color: #009a93 !important;
    font-weight: bold !important;
}

#nhoi {
    /* width: 663px;
    height: 100px;
    background: url('../media/it1.png') no-repeat 0px -1px; */
    position: fixed;
    z-index: 100;
}

#psk {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 110;
    background: #3c3c3c;
    width: 100%;
    height: 85px;
}

#psk1 {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 120;
}

#content {
    width: 1300px;
    height: 50px;
    position: fixed;
    display: none;
}

.zespm ul li {
    border-right: 1px solid #c2c2c2;
}

.projm ul li {
    border-right: 1px solid #5c5c5c;
}

.rt0 {
    z-index: 10;
}

.rt1 {
    /*margin-top: 100px;*/
    z-index: 20;
    /*height: 300px;*/
    font-size: 35px;
    color: #2d2d2d;
    font-weight: 900;
    text-shadow: 1px 1px 1px #fff;
}

.rt2 {
    margin-top: -320px;
    z-index: 20;
    height: 350px;
    font-size: 35px;
    color: #2d2d2d;
    font-weight: 900;
    text-shadow: 1px 1px 1px #fff;
}

.rt3 {
    margin-top: -320px;
    z-index: 20;
    height: 350px;
    font-size: 35px;
    color: #2d2d2d;
    font-weight: 900;
    text-shadow: 1px 1px 1px #fff;
}

.rt4 {
    margin-top: -320px;
    z-index: 20;
    height: 350px;
    font-size: 35px;
    color: #2d2d2d;
    font-weight: 900;
    text-shadow: 1px 1px 1px #fff;
}

.rt5 {
    margin-top: -320px;
    z-index: 20;
    height: 350px;
    font-size: 35px;
    color: #2d2d2d;
    font-weight: 900;
    text-shadow: 1px 1px 1px #fff;
}

.bbg {
    height: 50px;
    background: #fff;
}


.navbar-nav a,
.navbar-nav a:visited,
.navbar-nav a:hover {
    color: #05978e !important;
    text-transform: uppercase;
}

.navbar-nav>.active>a {
    color: #05978e;
    background-color: #eee !important;
    font-weight: 900 !important;
}

/* =============================================================================
  VIDEO
============================================================================= */

.video {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#mainv {
    position: relative;
}

.parallaxParent {
    height: 555px;
    overflow: hidden;
    position: relative;
}

.parallaxParent>div.rtt {
    position: absolute;
    top: 220px;
    z-index: 20;
    width: 100%;
    text-align: center;
}

.parallaxParent>div.px {
    height: 150%;
    position: relative;
    top: -25%;
    /*-15%;*/
    z-index: 10;
}


#pcontrols {
 /*   width: 90%; */
}