body {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    background-image: url('../img/patern.jpg');
    background-repeat: repeat;
}
.bottombox-bg {
    background-size: 238px 125px;
}
.header {
    width: 100%;
    height: 86px;
    background-image: url('../img/header-bg.jpg');
    background-repeat: repeat;
}

    .header .content2 {
        width: 1015px;
        height: 86px;
        margin: 0 auto;
    }

        .header .content2 .logo {
            float: left;
            height: 76px;
            width: 230px;
            padding-top: 10px;
        }

        .header .content2 .menu {
            width: 595px;
            float: left;
            height: 58px;
            padding-top: 21px;
            padding-left: 12px;
        }

            .header .content2 .menu ul {
                text-decoration: none !important;
                padding-left: 5px;
            }

                .header .content2 .menu ul li {
                    float: left;
                    margin: 0 10px 0 7px;
                    text-decoration: none !important;
                    list-style: none;
                }

                .header .content2 .menu ul .line {
                    background-color: #fff;
                    height: 12px;
                    width: 1px;
                    float: left;
                    margin-top: 5px;
                }

                .header .content2 .menu ul li a {
                    color: #fff;
                    font-family: Arial;
                    font-size: 13px;
                    cursor: pointer;
                    text-transform: capitalize;
                    text-decoration: none;
                    border-right: 1px solid #fff;
                    padding-right: 13px;
                }

                    .header .content2 .menu ul li a:last-child {
                    }
/*.................................................*/

.header2 {
    width: 100%;
    height: 86px;
    background-image: url('../img/header-bg.jpg');
    background-repeat: repeat;
}

    .header2 .content2 {
        width: 1015px;
        height: 86px;
        margin: 0 auto;
    }

        .header2 .content2 .logo {
            float: left;
            height: 76px;
            width: 230px;
            padding-top: 10px;
        }

        .header2 .content2 .menu {
            width: 595px;
            float: left;
            height: 58px;
            padding-top: 21px;
            padding-left: 12px;
        }

            .header2 .content2 .menu ul {
                text-decoration: none !important;
                padding-left: 5px;
            }

                .header2 .content2 .menu ul li {
                    float: left;
                    margin: 0 10px 0 7px;
                    text-decoration: none !important;
                    list-style: none;
                }

                .header2 .content2 .menu ul .line {
                    background-color: #fff;
                    height: 12px;
                    width: 1px;
                    float: left;
                    margin-top: 5px;
                }

                .header2 .content2 .menu ul li a {
                    color: #fff;
                    font-family: Arial;
                    font-size: 13px;
                    cursor: pointer;
                    text-transform: capitalize;
                    text-decoration: none;
                    border-right: 1px solid #fff;
                    padding-right: 12px;
                }

                    .header2 .content2 .menu ul li a:last-child {
                    }

.menustyle2 {
    border-right: none !important;
}

.substyle2 {
    border-right: none !important;
}

.logo img {
    margin-top: 0;
}

/*......................................Slider.................................*/
.sliderContent {
    width: 100%;
    height: 330px;
    background-image: url('../img/slider-bg.jpg');
}

.bannerbg {
    background: -moz-linear-gradient(92deg, rgba(255,255,255,1) 0%, rgba(97,95,96,1) 100%); /* ff3.6+ http://www.webkodu.com */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(97,95,96,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome http://www.webkodu.com */
    background: -webkit-linear-gradient(92deg, rgba(255,255,255,1) 0%, rgba(97,95,96,1) 100%); /* safari5.1+,chrome10+ http://www.webkodu.com */
    background: -o-linear-gradient(92deg, rgba(255,255,255,1) 0%, rgba(97,95,96,1) 100%); /* opera 11.10+ http://www.webkodu.com */
    background: -ms-linear-gradient(92deg, rgba(255,255,255,1) 0%, rgba(97,95,96,1) 100%); /* ie10+ http://www.webkodu.com */
    background: linear-gradient(358deg, rgba(255,255,255,1) 0%, rgba(97,95,96,1) 100%); /* w3c http://www.webkodu.com */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#615f60', endColorstr='#FFFFFF',GradientType=0 ); /* ie6-9 http://www.webkodu.com */
    .header .content2 .menu ul li a;
}

.defaultContainer {
    height: 300px;
    width: 100%; /*background-image: url('../img/patern.jpg'); background-repeat: repeat;*/
}

.defaultContent {
    width: 1015px;
    background-image: url('../img/default-content-bg.jpg');
    background-repeat: repeat;
    margin: 0 auto;
    height: 267px;
}

    .defaultContent .bigBox {
        width: 275px;
        height: 253px;
        float: left;
        margin: 10px 5px 0 5px;
        cursor: pointer;
    }

        .defaultContent .bigBox .text {
            height: 257px;
          color: rgba(255, 255, 255, 0.76);
            font-size: 12px;
            font-family: Arial;
            background-repeat: no-repeat;
            width: 205px;
            background-size: 290px;
            padding-left:20px;
            padding-right:50PX;
            line-height:1.2;
            letter-spacing:0.2px;
            
        }

            .defaultContent .bigBox .text .title {
                height: 30px;
                margin-top:5PX;
                margin-bottom:5PX;
            }

                .defaultContent .bigBox .text .title span {
                }

                .defaultContent .bigBox .text .title span {
                    font-size:15px;
                }

                .defaultContent .bigBox .text .title b {
                    font-size:17px;
                    color:#b42d2b;
                }

    .defaultContent .topbox {
        width: 238px;
        height: 120px;
        float: left;
        margin-right: 5px;
        cursor: pointer;
        margin-top: 10px;
        background-color: #fff;
    }

        .defaultContent .topbox .topbox-title {
            width: 223px;
            height: 27px;
            float: left;
            cursor: pointer;
            background-image: url('../img/box-title-bg.png');
            color: #fff;
            font-family: Arial;
            /* text-align: center; */
            font-size: 14px;
            padding-top: 4px;
            padding-left: 15px;
        }

        .defaultContent .topbox .topbox-text {
            width: 135px;
            height: 83px;
            float: left;
            cursor: pointer;
            color: #fff;
            font-family: Arial;
            font-size: 12px;
            padding-top: 5px;
            padding-left: 97px;
            background-repeat: no-repeat;
            background-size: 238px;
            padding-right: 7px;
            padding-top: 7px;
            line-height: 1.1;
        }

        .defaultContent .topbox:hover {
        }

    .defaultContent .bottombox {
        width: 723px;
        height: 129px;
        float: left;
        margin-top: 5px;
    }

        .defaultContent .bottombox .bottombox-bg {
            width: 723px;
            height: 129px;
            float: left;
            background-repeat: no-repeat;
        }

            .defaultContent .bottombox .bottombox-bg .red-title {
                font-family: Arial;
                font-size: 13px;
                padding-left: 250px;
                color: #830d09;
                margin: 13px 0 5px 0;
                font-weight: bold;
            }

            .defaultContent .bottombox .bottombox-bg .bottombox-text {
                font-family: Arial;
                font-size: 13px;
                padding-left: 250px;
                color: #030303;
                margin: 10px 0 10px 0;
            }

                .defaultContent .bottombox .bottombox-bg .bottombox-text p {
                    margin-bottom: 0 !important;
                    margin-top: 0 !important;
                    /*font-size: 11.5px;*/
                    color: #0c0c0c;
                }

.footer {
    background-color: #000;
    width: 1015px;
    height: 35px;
    margin: 0 auto;
}


.jssora21r {
    background-image: url('../img/right-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.jssora21l {
    background-image: url('../img/left-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.sosyalmedyacontent {
    width: 350px;
    height: 35px;
    float: left;
}

    .sosyalmedyacontent .text {
        color: #fff;
        font-size: 15px;
        float: left;
        font-family: Arial;
        padding-top: 10px;
        padding-left: 10px;
        margin-right: 10px;
        width: 50px;
    }

    .sosyalmedyacontent .facebook {
        background-image: url('../img/yamasa-facebook.jpg');
        float: left;
        width: 20px;
        height: 30px;
        margin: 8px 8px 0 14px;
        background-repeat: no-repeat;
    }

    .sosyalmedyacontent .twitter {
        background-image: url('../img/yamasa-twitter.jpg');
        float: left;
        width: 20px;
        height: 30px;
        margin: 7px 0 0 0;
        background-repeat: no-repeat;
    }

.copirght {
    color: #fff;
    font-family: Arial;
    padding-top: 10px;
    font-size: 12px;
    margin-left: 100px;
    width: 174px;
    float: left;
}

.pdi-logo {
    width: 30px;
    height: 25px;
    float: right;
    background-image: url('../img/pdi-logo.jpg');
    background-repeat: no-repeat;
    margin: 10px 10px 0 10px;
}

.languageContent {
    float: left;
    width: 178px;
    margin-top: 37px;
}

    .languageContent .search {
        background-color: #888;
        width: 100px;
        float: left;
        border: none;
        outline: none;
        height: 20px;
    }

    .languageContent .searchbtn {
        background-image: url('../img/search-btn.jpg');
        background-repeat: no-repeat;
        margin-left: 5px;
    }

    .languageContent .languageText {
        float: right;
        color: #cccccc;
        font-family: Arial;
        font-size: 12px;
        width: 45px;
        font-weight: bold;
        margin-top: -9px;
    }

        .languageContent .languageText img {
            margin-top: -21px;
            margin-left: 7px;
            margin-bottom: 5px;
        }

    .languageContent a {
        color: #cccccc !important;
        text-decoration: none;
    }

.indexMapContent {
    width: 1015px;
    margin: 0 auto;
    height: 440px;
}

.Container {
    height: 455px;
    width: 100%;
    background-image: url('../img/patern.jpg');
    background-repeat: repeat;
    position: absolute;
    z-index: -2;
}

.indexDefaultContainer {
    width: 1015px;
    margin: 110px auto 0 auto;
    background-image: url(../img/indexDefault-bg.jpg);
    background-repeat: repeat-x;
    height: 130px;
    z-index: 999;
    padding-top: 30px;
}



.cb {
    clear: both;
}

.text {
    position: absolute;
    z-index: 999;
    font-family: Arial;
    font-size: 12px;
}

.textSlider .colum {
    width: 93px;
    height: 30px;
    float: left;
    font-family: Arial;
    font-size: 11px;
    text-align: left;
    text-align: left;
    font-weight: bold;
}

    .textSlider .colum a {
        text-decoration: none;
        color: #000;
    }

.textSlider .row2 {
    padding-left: 10px;
    width: 50px;
    height: 30px;
    float: left;
    font-family: Arial;
    font-size: 12px;
    text-align: right;
}

.textSlider .row3 {
    padding-left: 10px;
    width: 50px;
    height: 30px;
    float: left;
    font-family: Arial;
    font-size: 12px;
    text-align: right;
}

.slide img {
    z-index: -2;
}





.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

    /** THEME
===================================*/

    .bx-wrapper .bx-viewport {
        left: -5px; /*fix other elements on the page moving (on Chrome)*/
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }

    /* LOADER */

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(images/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }

    /* PAGER */

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
        display: none;
    }

        .bx-wrapper .bx-pager .bx-pager-item,
        .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #666;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover,
            .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #000;
            }

    /* DIRECTION CONTROLS (NEXT / PREV) */

    .bx-wrapper .bx-prev {
        left: -55px;
        background: url('../img/left.png') no-repeat;
        width: 36px;
        height: 78px;
    }

    .bx-wrapper .bx-next {
        right: -40px;
        background: url('../img/right.png') no-repeat;
        width: 36px;
        height: 78px;
    }

    /*.bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next:hover { background-position: -43px 0; }*/

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 20%;
        margin-top: -20px;
        outline: 0;
        width: 50px;
        height: 72px;
        text-indent: -9999px;
        z-index: 9999;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    /* AUTO CONTROLS (START / STOP) */

    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(../images/left.png) no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover,
            .bx-wrapper .bx-controls-auto .bx-start.active {
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(../img/right.png) no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover,
            .bx-wrapper .bx-controls-auto .bx-stop.active {
            }

    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
        display: none;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    /* IMAGE CAPTIONS */

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666\9;
        background: rgba(80, 80, 80, 0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }

.slide-pane {
    background: #344A5E;
    color: #FFF;
}

.text-pane {
    background: #344A5E;
    color: #FFF;
    padding: 20px 0 0 20px !important;
}

h1 {
    font-size: 22px;
    color: #2ecc71;
    font-weight: bold;
}

p {
    font-size: 13px;
}

.maincontent {
    width: 1010px;
}

.rightContent {
    float: left;
    width: 790px;
    min-height: 623px;
    background-color: #cccccc;
}


@media screen and (max-width:1190px) {
    /*.maincontent {width:980px;}
     .maincontent .flashdiv img {width:980px;}
    .header .content2 { width: 980px; }
    .menudiv { width:779px;

    }
    .nav2 { width:752px;}
    .rightContent {width:760px }*/
    /*.menudiv {     width: 781px;}*/

    .header .content2 {
        width: 980px;
    }

    .header2 {
        width: 1010px;
    }

        .header2 .content2 {
            width: 980px;
        }

    .indexMapContent {
        width: 980px;
    }

    .sliderContent .indexMapContent img {
        width: 980px;
    }

    .indexDefaultContainer {
        width: 980px;
        margin: 94px auto 0 auto;
    }

    .footer {
        width: 980px;
    }

    .defaultContent {
        width: 980px;
    }

        .defaultContent .topbox {
            width: 226px;
            height: 110px;
            margin-bottom: 5px;
        }

            .defaultContent .topbox .topbox-text {
                background-size: 226px;
                width: 128px;
            }

            .defaultContent .topbox .topbox-title {
                width: 211px;
            }

        .defaultContent .bottombox {
            width: 695px;
        }

            .defaultContent .bottombox .bottombox-bg {
        background-size: 225px 125px;
        width: 695px;
    }
                .defaultContent .bottombox .bottombox-bg .bottombox-text {
                    padding-left:235px !important;
                }
                .defaultContent .bottombox .bottombox-bg .red-title {
                    padding-left:235px !important;
                }

    .header .content2 .menu {
        width: 530px;
    }

        .header .content2 .menu ul li {
            margin: 0 4px 0 4px;
        }

            .header .content2 .menu ul li a {
                font-size: 12px;
            }


    .header2 .content2 .menu {
        width: 530px;
    }

        .header2 .content2 .menu ul li {
            margin: 0 4px 0 4px;
        }

            .header2 .content2 .menu ul li a {
                font-size: 12px;
            }

    .MsoNormal img {
        width: 600px;
    }

    .rightContent {
        width: 790px;
        /*padding-right: 85px;*/
    }

    .flashdiv .img {
        width: 980px;
    }

    .nav2 {
        width: 785px;
    }
}

.style1 {
    margin-left: 70px;
}

.humanresources {
    font-family: Arial;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    margin-top: -20px;
    margin-bottom: 5px;
}

    .humanresources a {
        font-family: Arial;
        font-size: 11px;
        font-weight: 300;
        color: #E27A81 !important;
        margin-top: -20px;
        margin-bottom: 5px;
    }



myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */ /*z-index: 3;*/
}