﻿@font-face {
    font-family: "yekan";
    src: url('../../fonts/BYekan.eot') format('eot'), url('../../fonts/BYekan.woff') format('woff'), url('../../fonts/BYekan.ttf') format('truetype');
}

#Introduction {
    background-image: url(../../Content/Img/IndroductionBackGround.jpg);
    color: white;
    font-family: Tahoma;
    font-size: 11px;
    text-align: justify;
    line-height: 14px;
    padding-top: 20px;
}

    #Introduction p {
        padding: 10px;
    }

    #Introduction h1 {
        font-family: yekan;
        font-size: 15px;
        font-weight: bold;
    }

.Parts {
    font-family: Tahoma;
    font-size: 11px;
    text-align: justify;
    line-height: 14px;
    text-align: center;
}

#Parts h1 {
    font-family: yekan;
    font-size: 22px;
    font-weight: bold;
    text-align: right;
    color: #3f67b2;
}

#Parts h2 {
    font-family: yekan;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #c2a712;
}
#Parts h3 {
    font-family: yekan;
    font-size: 16px;
    margin-top:0px;
    font-weight: bold;
    text-align: right;
    color: #c2a712;
}

.Box {
    background-color: white;
    border: solid 1px #d3d3d3;
    padding: 10px;
    font-family: Tahoma;
    font-size: 12px;
    text-align: justify;
}

.Parts hr {
    margin-bottom: 15px;
    border-top: solid 1px #011e56;
}

#ProductGroup {
    background-image: url(../../Content/Img/Product_Bakground.Png);
    background-position: center;
    background-position-y: 62px;
    background-repeat: no-repeat;
    height: 410px;
}

    #ProductGroup img {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

        #ProductGroup img:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

#ProductGroup3 {
    right: -20px;
}

#BtnRec *[class^="col-sm"] {
    background-color: #003365;
    border: solid 1px #003365;
    border-radius: 10px;
    color: white;
    min-height: 30px;
    vertical-align: central;
}

    #BtnRec *[class^="col-sm"]:hover {
        background-color: #416f9c;
        border: solid 1px #416f9c;
    }

.ProductUsageImgTitle {
    background-color: #8eee35;
    font-family: yekan;
    padding-top: 3px;
    font-size: 15px;
    font-weight: bold;
    color: #002157;
    height: 20px;
    vertical-align: central;
}

.NewsParagraph {
    background-image: url("../Img/News/Bullet.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    text-align: justify;
    padding-right: 50px;
    font-size: 12px;
    line-height: 18px;
}

.NewsParagraphHome {
    background-image: url("../Img/News/Bullet.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    text-align: justify;
    padding-right: 50px;
}

.gap-right {
    margin-right: 10px;
}

.hrDivider {
    height: 2px;
    width: 100%;
    background-color: #8eee35;
}

#Special {
    background-image: url(../Img/FactoryImage.jpg);
}

.nav-pills li a {
    background-color: white;
    border: white 1px #003365;
    border-radius: 10px;
    color: darkblue;
    min-height: 30px;
    vertical-align: central;
    margin: 2px;
    text-align: center;
    font-family: yekan;
    font-size: 16px;
    font-weight: bold;
    min-width: 150px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #5fa33d;
}

.centered-pills {
    text-align: center;
}

    .centered-pills ul.nav-pills {
        display: inline-block;
    }

    .centered-pills li {
        display: inline;
    }

    .centered-pills a {
        float: left;
    }

.tab-content {
    background-color: white;
    opacity: 0.5;
    filter: alpha(opacity=50);
    border: solid 1px white;
    border-radius: 10px;
}

.LinkDownLoad {
    background-image: url('../Img/News/Bullet.png');
    width: 43px;
    height: 43px;
}

/*News*/
#NewsPartLeft {
    width: 10%;
    float: left;
}

#NewsPartRight {
    width: 89%;
    float: right;
}

#ContactUs p, #ContactUs ul > li {
    font-family: Tahoma;
    font-size: 12px;
    padding-right: 5px;
    text-align: justify;
}

#ContactUs h1 {
    font-family: yekan;
    font-size: 20px;
    font-weight: bold;
    color: darkblue;
    padding-right: 5px;
}

#ContactUs h3 {
    font-family: yekan;
    font-size: 16px;
    padding-right: 5px;
}

#Employee {
    background-color: #1A3853;
}

    #Employee h1 {
        font-family: yekan;
        font-weight: bold;
        padding-right: 5px;
        color: #c2a712;
        font-size: 22px;
        text-align: center;
    }

    #Employee h3 {
        font-family: yekan;
        font-size: 24px;
        font-weight: bold;
        padding-right: 5px;
        color: white;
    }

    #Employee ul li {
        color: white;
        font-family: Tahoma;
        font-size: 13px;
        line-height: 25px;
    }

    #Employee P {
        color: white;
        font-family: Tahoma;
        font-size: 14px;
        line-height: 25px;
    }

    #Employee a {
        color: #ebeaea;
    }

        #Employee a:hover {
            color: #c2a712;
        }

    #Employee .RectEmployee {
        border: solid 1px #5c6c7a;
        border-radius: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-image: url(../Img/Employment.png);
        background-repeat: no-repeat;
        background-position-x: 25px;
        background-position-y: 10px;
    }

        #Employee .RectEmployee hr {
            height: 3px;
            background-color: #416f9c;
            border: solid 2px #416f9c;
        }
