html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;
	font: inherit;*/
    vertical-align: baseline;
    font-family: Yekan !important;
    direction: rtl;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 2;
    font-family: Yekan !important;
    font-size: 15px;
    font-weight: normal;
    direction: rtl;
    color: #333;
    background: white;
}

@media (min-width : 1200px) {
    .container {
        width: 1260px;
    }
}


#header {
    width: 100%;
    background: url(../Images/bgheader.png) no-repeat bottom right;
    height: 217px;
}

    #header .menuSearch {
    }

.menuSearch, .logos {
    padding: 0px;
    height: 177px;
}

.logos {
    text-align: left;
    margin-top: 11px;
}

    .logos img {
        border-right: solid 7px white;
    }

.searchBox {
    width: 650px;
    height: 38px;
    margin-top: 60px;
}

.txtsearch {
    border: solid 2px #d2d2d2;
    width: 340px;
    height: 38px;
    padding-right: 10px;
}

.btnSearch {
    background: #d2d2d2 url(../Images/bgSearch.png) bottom right no-repeat;
    height: 38px;
    border: 0px;
    width: 65px;
    color: white;
    margin-right: -4px;
}

    .btnSearch:hover {
        background: #016780;
    }

.divMenu {
    margin-top: 73px;
    margin-right: 100px;
}

    .divMenu li {
        float: right;
        margin-left: 30px;
    }

        .divMenu li a {
            padding: 3px 25px;
            border-right: solid 4px #016780;
            border-top: solid 4px #95c83b;
            background: #acacac;
            color: white;
        }

            .divMenu li a:hover {
                background: #016780;
            }

.slider {
    width: 100%;
    margin: 5px 0 20px;
}

.carousel-indicators {
    width: 100%;
    padding: 7px 0 0;
    text-align: center;
    background: url(../Images/bgSlider.png);
    margin-top: -65px;
    position: relative;
    z-index: 99999;
    left: 0px;
    display:none;
}


    .carousel-indicators li {
        width: 117px;
        height: 31px;
        text-indent: 0;
        border: solid 0 white;
    }

    .carousel-indicators .active {
        width: 117px;
        height: 31px;
        border: solid 0 white;
    }

.defaultpasge .nav-tabs li {
    border: 0px;
    background: #d2d2d2;
   width:32%;
    border-bottom: solid 3px #016780;
    margin:0 8px;
}

    .defaultpasge .nav-tabs li a {
        background: transparent;
        color: #016780;
        font-size: 17px;
        font-weight: bold;
        text-align:center;
    }

    .defaultpasge .nav-tabs li:hover {
        background: transparent;
        border-bottom: solid 3px #d2d2d2;
        background: #016780;
    }

        .defaultpasge .nav-tabs li:hover a {
            border: 0px;
            background: transparent;
            color: white;
        }

    .defaultpasge .nav-tabs li.active {
        border-bottom: solid 3px #97c73e;
    }

.defaultpasge .panel-heading {
    padding: 0px;
}

.defaultpasge .panel-body {
    background: #e8e8e8;
    padding-top: 20px;
    color: #016780;
}

.fourBox {
    margin: 50px 0 25px 0;
    text-align: center;
}

    .fourBox img {
        border: solid 10px #e8e8e8;
    }

    .fourBox h3 {
        text-align: center;
        padding-top: 10px;
        color: #016780;
    }

        .fourBox h3:hover {
            color: #97c73e;
        }

.sabteSefaresh {
    background: url(../Images/bgSefaresh.jpg) top center;
    width: 100%;
    height: 74px;
    margin-top: 30px;
    text-align: center;
}

    .sabteSefaresh a {
        font-size: 25px;
        width: 100%;
        padding: 10px 0 0 0;
        display: inline-block;
    }

.newsarticleContainer {
    margin-top: 30px;
}

    .newsarticleContainer h4 {
        background: #e8e8e8;
        padding: 15px 0;
        border-bottom: solid 4px #95c83b;
        text-align: center;
        font-weight: bold;
        font-size: 22px;
    }

        .newsarticleContainera {
            color: white;
            padding: 5px 10px;
            border-radius: 4px;
            background: #016780;
            float: left;
            left: 40px;
            font-size: 14px;
            shape-margin: 10px;
        }

            .newsarticleContainera:hover {
                background: #97c73e;
            }

    .newsarticleContainer .bodys {
        background: #e8e8e8;
        padding: 20px 30px;
        overflow: hidden;
    }

        .newsarticleContainer .bodys a::before {
            content: '>';
        }

.socialNetwordContainer {
    background: #016780;
    text-align: center;
    margin: 20px 0;
    overflow: hidden;
}

.footer {
    padding: 20px 0;
    background: #e8e8e8;
    color: #016780;
    line-height: 23px;
}

.social_links {
    /*margin-top: 20px;
    text-align: left;*/
    text-align: center;
    width: 100%;
    margin: 27px 0 0 0;
}

    .social_links li {
        display: inline;
    }

        .social_links li img {
            width: 48px;
            height: 50px;
        }

        .social_links li a {
            padding: 3px 5px;
            margin: 0 10px;
        }


        .social_links li a {
            background: url(../Images/socialNetworkBG.png) top left;
            display: inline-block;
            width: 48px;
            height: 50px;
        }

    .social_links .facebook {
        background-position-x: 118px;
        background-position-y: -65px;
    }

    .social_links .google {
        background-position-x: -137px;
        background-position-y: -68px;
    }

    .social_links .twitter {
        background-position-x: -68px;
        background-position-y: -65px;
    }

    .social_links .linkdin {
        background-position-x: 0;
        background-position-y: -65px;
    }



    .social_links .insta {
        background-position-x: -202px;
        background-position-y: 0;
    }

    .social_links .aparat {
        background-position-x: -135px;
        background-position-y: 0;
    }

    .social_links .telegram {
        background-position-x: -68px;
        background-position-y: 0;
    }

    .social_links .utube {
        background-position-x: 0;
        background-position-y: 0;
    }

.desBox {
    background: #dbdbdb;
    color: #016780;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}



.productDes p {
    padding-right: 20px;
}

.productDes img {
    position: absolute;
    margin-right: -120px;
    float: right;
    width: 70px;
    height: 70px;
    margin-top: -5px;
}

.productDes, .productDes1, .productDes2, .productDes3 {
    margin: 10px 0;
    color: #016780;
    background: #dbdbdb;
    min-height: 70px;
    padding: 5px;
    text-align: center;
}

    .productDes2 h5, .productDes3 h5, .productDes1 h5 {
        width: 100%;
        text-align: center;
        background: #bdbcbc;
        padding: 5px;
    }

@media (max-width: 768px) {


    #header {
        width: 100%;
        background: none;
        height: initial;
    }

    .divMenu {
        margin-top: 10px;
        margin-right: 0;
    }

        .divMenu li {
            width: 45%;
        }

            .divMenu li a {
                width: 100%;
                display: block;
                margin-bottom: 5px;
            }

    .searchBox {
        margin-top: 10px;
    }

    .logos img {
        border-right: solid 0 white;
    }

    .carousel-indicators {
    }

    .defaultpasge .nav-tabs li a {
        font-size: 13px;
    }

    .defaultpasge .nav-tabs li {
        width: 33%;
        padding: 5px;
        margin: 0 0px;
        text-align: center;
    }

    .fourBox h3 {
        padding-top: 0;
        padding-bottom: 20px;
    }
}

@media (max-width: 360px) {
    .searchBox {
        width: 343px;
        height: 38px;
    }

        .searchBox .txtsearch {
            width: 266px;
            height: 38px;
        }

        .searchBox .btnSearch {
            height: 38px;
            width: 65px;
        }

    #header {
        width: 100%;
        background: none;
        height: initial;
    }

    .divMenu {
        margin-top: 10px;
        margin-right: 0;
    }

        .divMenu li {
            width: 100%;
        }

            .divMenu li a {
                width: 100%;
                display: block;
                margin-bottom: 5px;
            }

    .searchBox {
        margin-top: 10px;
    }

    .logos img {
        border-right: solid 0 white;
    }

    .carousel-indicators {
        display: none;
    }

    .defaultpasge .nav-tabs li a {
        font-size: 13px;
        height: 70px;
    }

    .defaultpasge .nav-tabs li {
        width: 33%;
        padding: 5px;
        margin: 0 0px;
        text-align: center;
    }

    .fourBox h3 {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .defaultpasge .nav-tabs li {
        width: 100% !important;
        height: 60px;
        padding: 5px;
    }
}

@media (max-width: 320px) {
    .searchBox {
        width: 292px;
        height: 38px;
    }

        .searchBox .txtsearch {
            width: 226px;
            height: 38px;
        }

        .searchBox .btnSearch {
            height: 38px;
            width: 65px;
        }

    #header {
        width: 100%;
        background: none;
        height: initial;
    }

    .divMenu {
        margin-top: 10px;
        margin-right: 0;
    }

        .divMenu li {
            width: 100%;
        }

            .divMenu li a {
                width: 100%;
                display: block;
                margin-bottom: 5px;
            }

    .searchBox {
        margin-top: 10px;
    }

    .logos img {
        border-right: solid 0 white;
    }

    .carousel-indicators {
        display: none;
    }

    .defaultpasge .nav-tabs li a {
        font-size: 13px;
        height: 70px;
    }

    .defaultpasge .nav-tabs li {
        width: 33%;
        padding: 5px;
        margin: 0 0px;
        text-align: center;
    }

    .fourBox h3 {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .defaultpasge .nav-tabs li {
        width: 100% !important;
        height: 60px;
        padding: 5px;
    }
}