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;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}
a:visited{
    color:initial;
}

.ltr{
    direction:ltr;
}
.rtl{
    direction:rtl;
} 
.align-L{
    text-align:left;
}
 
.align-R{
    text-align:right;
}

.align-C{
    text-align:center;
}

.bold{
    font-weight:bold;
}
@font-face {
    font-family: Eras;
    src: url(../webfont/En/ERASMD.eot?#) format('embedded-opentype'),url(../webfont/En/ERASMD.woff) format('woff'),url(../webfont/En/ERASMD.ttf) format('truetype'),url(../webfont/En/ERASMD.svg) format('svg');
}

@font-face {
    font-family: 'B Bardiya';
    src: url(../webfont/Fa/52.eot?#) format('eot'),url(../webfont/Fa/52.woff) format('woff'),url(../webfont/Fa/52.ttf) format('truetype');
}

body {
    font-family: B Bardiya,'B Bardiya',Eras,MjFlow,tahoma;
    font-size: 14px;
    font-weight: 400;
    color: #878787;
    direction: rtl;
    line-height: 20px;
}

    body > footer, body > section {
        width: 100%;
    }

input[type=button] {
    cursor: pointer;
}

a > img {
    border: 0;
}

:focus {
    outline: 0;
}

a.more {
    color: #0e4b69;
    font-size: 14px;
    padding-right: 12px;
    background: url(../images/more-bg.png) no-repeat right;
}

a:hover {
    color: #71B051;
}

input[type=text], input[type=password], input[type=button], textarea {
    font-size: 12px;
    font-family: B Bardiya,'B Bardiya',Eras,MjFlow,tahoma;
    padding: 3px 5px;
    color: #878787;
}

.regOrder {
    display: inline-block;
    color: #fff;
    border: 0;
    background: #13b1ff url(../images/order-icon.png) no-repeat 90% center;
    padding: 8px 40px 8px 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

    .regOrder:hover {
        color: #fff;
        background-color: #0e4b69;
        -webkit-transition: background .3s linear;
        -moz-transition: background .3s linear;
        transition: background .3s linear;
    }

body > section > header {
    box-sizing:border-box;
    font-size:13px;
    width: 230px;
    height: 100%;
    padding: 20px;
    background: #f7f7f7;
    position: fixed;
    left: 0;
    z-index: 100;
    box-shadow: 0 0 7px #999;
    -moz-box-shadow: 0 0 7px #999;
    -ms-box-shadow: 0 0 7px #999;
    -o-box-shadow: 0 0 7px #999;
    -webkit-box-shadow: 0 0 7px #999;
}

    body > section > header a, body > section > header a:hover {
        color: #878787;
    }

header .menu {
    display: block;
    margin: 20px 3px;
    /*border-right: solid 1px #cbcbcb;*/
    position: relative;
    padding: 0;
}

    header .menu > ul > li {
        position: relative;
        padding: 5px 25px 5px 0px;
        margin-right: -15px;
        background: url(../images/menu-bullet.png) no-repeat right center;
        cursor: pointer;
    }
    header .menu > ul > li.selected{
        padding-right:30px;
        margin-right: -20px;
        background: url(../images/menu-bullet-h.png) no-repeat right center;
    }

    header .menu > ul li.selected > a span {
        font-weight: 700;
        color: #71B051;
    }

    header .menu > ul > li:last-child {
        background: none;
    }

    header .menu li a {
        padding: 0 5px;
        display: block;
    }
    header .menu li a span , .scrollbtn a span{
        color: #13335C;
    }

    header .menu > ul > li ul.sub li {
        padding: 3px 0;
    }

.scrollbtn {
    margin-top: 10%;
    position: relative;
}

.prevpage, .nextpage {
    display: block;
    background: url(../images/scroll-btn.png) no-repeat;
    
    padding: 15px 22px 15px 0;
    margin: 5px;
}

.prevpage {
    background-position: right 25px;
    padding-bottom: 0;
}
    .prevpage:hover{
        background-position: right -55px;
    }

.nextpage {
    background-position: right 10px;
    padding-top: 0;
    margin-top: 10px;
}
    .nextpage:hover{
        background-position: right -70px;
    }
    


header .menu > div {
    position: absolute;
    height: 101%;
    width: 10px;
    right: -5px;
    top: 10px;
    overflow: hidden;
}

    header .menu > div .bullet {
        position: absolute;
        width: 10px;
        height: 10px;
        background: url(../images/selected-bullet.png);
        z-index: 150;
    }

.lightwhite-bg {
    background: url(../images/lightwhite-bg.png) repeat;
    position: fixed;
    z-index: 10000;
    height: 100%;
    width: 210px;
    top: 0;
    left: 0;
}

.content .white-bg {
    background: #FeFeFe;
    position: absolute;
    z-index: 10000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.content .loadingImg, .content .logofa {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10001;
}

.tahomafont {
    font-family: tahoma;
    font-size: 12px;
}

body .content {
    min-width: 1000px;
    height: auto;
    position: relative;
    z-index: 1;
    line-height: 25px;
}

.content > div {
    position: relative;
    padding-left: 230px;
}

    .content > div > section {
        width: 100%;
        min-height: 500px;
        overflow: hidden;
    }

.content .about {
    background: #ededed;
}

.content .contact {
    background: url(../images/contact-bg3.jpg) no-repeat left top;
}

.content .customers {
    background: #f7f7f7;
}

nav.userpanel {
    position: absolute;
    right: 250px;
    top: 10px;
    z-index: 100;
}

    nav.userpanel > ul {
        position: relative;
    }

    nav.userpanel li {
        width: 60px;
        height: 40px;
        background: rgba(0,0,0,.4) url(../images/userpanel-bg2.png) no-repeat;
        float: right;
        margin: 3px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        cursor: pointer;
    }

        nav.userpanel li.basket {
            background-position: center 0;
        }

        nav.userpanel li.signup {
            background-position: center -78px;
        }

        nav.userpanel li.login {
            background-position: center -159px;
        }

        nav.userpanel li > div {
            background-color: rgba(0,0,0,.4);
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -o-border-radius: 5px;
            position: absolute;
            padding: 10px;
            width: 88%;
            min-height: 125px;
            top: 60px;
            left: 2px;
            color: #fff;
            display: none;
        }

            nav.userpanel li > div.active {
            }

            nav.userpanel li > div > span {
                position: absolute;
                width: 60px;
                height: 16px;
                background-color: rgba(0,0,0,.4);
                border-radius: 5px 5px 0 0;
                -moz-border-radius: 5px 5px 0 0;
                -webkit-border-radius: 5px 5px 0 0;
                -o-border-radius: 5px 5px 0 0;
                top: -16px;
            }

        nav.userpanel li.login > div {
            -webkit-border-top-right-radius: 0;
            -moz-border-top-right-radius: 0;
            -o-border-top-right-radius: 0;
            border-top-right-radius: 0;
        }

        nav.userpanel li.signup > div {
            -webkit-border-top-left-radius: 0;
            -moz-border-top-left-radius: 0;
            -o-border-top-left-radius: 0;
            border-top-left-radius: 0;
        }

li.login > div > span {
    right: 0;
}

li.signup > div > span {
    left: 0;
}

li.basket > div > span {
    left: 66px;
}

nav.userpanel li > div table {
    width: 100%;
}

    nav.userpanel li > div table td {
        padding: 1px 0;
    }

nav.userpanel input[type=text], nav.userpanel input[type=password], nav.userpanel input[type=button] {
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    background: #fff;
    width: 95%;
    color: #4D4D4D;
    font-size: 12px;
}

nav.userpanel div td.btn-box {
    text-align: left;
}

nav.userpanel input[type=button] {
    width: 65px;
}

nav.userpanel li.basket > div {
    background: rgba(0,0,0,.4) url(../images/basket-bg.png) no-repeat center center;
    text-align: center;
}

#slides {
    height: 100%;
    z-index: 1;
    margin: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 6px;
    position: relative;
    direction: ltr;
}

    #slides .container {
        position: absolute;
        left: 45%;
        width: 30%;
        direction: rtl;
        text-align: right;
        top: 30%;
        z-index: 10;
    }

    #slides .slides-navigation .next, #slides .slides-navigation .prev {
        width: 52px;
        height: 52px;
        position: absolute;
        top: 4px;
        background: url(../images/slider-arrow2.png) no-repeat;
        z-index: 2;
    }

    #slides .slides-navigation .prev {
        left: 5px;
        background-position: 0 -68px;
    }

    #slides .slides-navigation .next {
        right: 5px;
        background-position: 0 0;
    }

        #slides .slides-navigation .next:hover {
            background-position: 0 -129px;
        }

    #slides .slides-navigation .prev:hover {
        background-position: 0 -199px;
    }

#slider .slide.previous {
    z-index: 1;
}

#slider .slide.active {
    z-index: 2;
}

#slider .slide.hiddden {
    display: none;
}

#slider #pagination {
    position: absolute;
    top: 4px;
    left: 48px;
    z-index: 3;
    margin: 0;
    padding: 0;
    display: block;
}

    #slider #pagination li {
        text-indent: -99999em;
        float: left;
        padding: 0 2px;
        cursor: pointer;
        width: 45px;
        height: 45px;
    }

        #slider #pagination li a {
            width: 45px;
            height: 45px;
            background: url(../images/navigate-bg.png) no-repeat;
            display: block;
            border: 0;
            opacity: 1;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-filter: "alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -webkit-transition: opacity .1s linear;
            -moz-transition: opacity .1s linear;
            transition: opacity .1s linear;
        }

        #slider #pagination li.active a {
            background: url(../images/navigate-active-bg.png) no-repeat;
        }

        #slider #pagination li:hover a {
            opacity: 1;
            -ms-filter: "alpha(Opacity=100)";
            filter: alpha(opacity=100);
        }

.about > article , .article > article {
    float: right;
    height: 100%;
    overflow: hidden;
    width: 45%;
}

.about a {
    color: #0e4b69;
}

article.imgbox {
    position: relative;
    width: 47%;
    float: left;
}

.descbox {
    height: 90%;
    padding: 30px;
    text-align: center;
    text-align: justify;
}

article.imgbox > img {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.about .descbox section {
    margin: 10px auto;
    height: 100%;
    position: relative;
}

.descbox .desc {
    max-height: 550px;
    overflow: hidden;
    margin-bottom: 5px;
    line-height: 31px;
}

.about .social {
    text-align: right;
    font-size: 14px;
    color: #0e4b69;
    margin-top: 5%;
    display: inline-block;
    width: 100%;
}

    .about .social li {
        float: right;
        margin: 5px 0 5px 2px;
    }

        .about .social li a {
            width: 55px;
            height: 35px;
            display: inline-block;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -o-border-radius: 5px;
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            transition: all .3s linear;
        }

            .about .social li a.fb {
                border: solid 1px #3a5898;
                background: #3a5898 url(../images/social-icon-white2.png) no-repeat 14px center;
            }

            .about .social li a.tweet {
                border: solid 1px #19bfe5;
                background: #19bfe5 url(../images/social-icon-white2.png) no-repeat 14px 6px;
            }

            .about .social li a.in {
                border: solid 1px #1e79b4;
                background: #1e79b4 url(../images/social-icon-white2.png) no-repeat 14px -98px;
            }

            .about .social li a.fb:hover {
                background: #fff url(../images/social-icon-white2.png) no-repeat -132px center;
            }

            .about .social li a.tweet:hover {
                background: #fff url(../images/social-icon-white2.png) no-repeat -132px 6px;
            }

            .about .social li a.in:hover {
                background: #fff url(../images/social-icon-white2.png) no-repeat -132px -98px;
            }

.about .otherlinks {
    display: inline-block;
    position: absolute;
    bottom: 5%;
    width: 100%;
    right: 0;
}

    .about .otherlinks li {
        float: right;
        margin-left: 2px;
        padding-top: 15px;
        background: url(../images/otherlinks-bg.png) no-repeat center top;
        -webkit-transition: background .3s linear;
        -moz-transition: background .3s linear;
        transition: background .3s linear;
    }

        .about .otherlinks li:hover {
            background: url(../images/otherlinks-bg-hover.png) no-repeat center top;
        }

            .about .otherlinks li:hover a {
                background: #fff;
            }

        .about .otherlinks li a {
            background: #e3e3e3;
            padding: 5px 20px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -o-border-radius: 5px;
            -webkit-transition: background .3s linear;
            -moz-transition: background .3s linear;
            transition: background .3s linear;
        }

.product {
    position: relative;
}

.product *{
    box-sizing:border-box;
}
    .product .regOrder {
        position: absolute;
        right: 5%;
        top: 10px;
        z-index: 1000;
    }

    .product .carousel {
        width: 95%;
        height: 90%;
        margin: 10px auto;
        overflow: hidden;
        position: relative;
        direction: ltr;
        font-family: Eras,B Bardiya,'B Bardiya',MjFlow,tahoma;
    }

    .product .bx-controls{
        display:none;
    }


     .product .carousel .bx-wrapper{
        max-width:840px !important;
    }

    .product .productslider {
        display: block;
        height: calc(100% - 70px);
        margin-top: 70px;
    }

    .product .productslider li{
        line-height: 20px;
        padding-bottom: 5px;
    }
        .product .productslider > li {
            float: left;
            margin: 0 5px;
            height: 100%;
            width: 410px;
            padding: 15px;
            border: solid 1px #c0c0c0;
            border-radius: 5px;
            box-sizing: border-box;
            min-height:500px;
            max-height:700px;
            overflow:hidden;
        }

        .product .productslider > li > section{
            height:100%;
        }
        .product .productslider > li .p-header{
            height: 47%;
            max-height:250px;
            padding:10px;
            text-align:center;
            background-color:#e1e1e1;
            margin-bottom: 12px;
        }
        .product .productslider > li .p-header > div{
            height:80%;
        }

            .product .productslider > li .p-header img{
                max-width:80%;
                max-height:80%;
            }
        .product .productslider > li .p-header h1{
            font-size:25px;
            padding: 3% 0;
        }
        .product .productslider > li ul li{
            text-align:center;
        }



        .product .productslider > li.red , .product .productslider > li.red *{
            color:#a41b00;
        }
        .product .productslider > li.blue , .product .productslider > li.blue *{
            color:#00378B;
        }

        .disp-table{
            display:table;
            width:100%;
        }
        .disp-tableCell{
            display:table-cell;
            vertical-align:middle;
            width:100%;
        }

            /*.product .productslider > li > a {
                width: 335px;
                height: 250px;
                overflow: hidden;
                display: block;
            }

                .product .productslider > li > a:hover img {
                    opacity: .8;
                    -webkit-opacity: .8;
                    -moz-opacity: .8;
                    -ms-filter: "alpha(Opacity=80)";
                    filter: alpha(opacity=80);
                    -webkit-transition: opacity .3s linear;
                    -moz-transition: opacity .3s linear;
                    transition: opacity .3s linear;
                }*/

            .product .productslider .descitem li a:hover, .product .productslider > li h1 a:hover {
                color: #13b1ff;
            }

            /*.product .productslider > li > div {
                width: 90%;
                padding: 15px 10px;
            }

            .product .productslider > li h1 a {
                color: #0e4b69;
                font-size: 19px;
                font-weight: 700;
                display: block;
                text-align: center;
                margin: 5px 0 10px;
            }*/

        .product .productslider .descitem {
            max-width: 90%;
            margin: 5px auto;
        }

            .product .productslider .descitem li {
                text-align: left;
                direction: ltr;
            }

                .product .productslider .descitem li a {
                    background: url(../images/listitem-bg.png) no-repeat left;
                    color: #0e4b69;
                    padding-left: 20px;
                    font-size: 15px;
                    display: block;
                }

.bx-viewport{
    height:100%;
}

.bx-prev, .bx-next {
    top: 2px;
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url(../images/slider-arrow.png) no-repeat;
    position: absolute;
    z-index: 10000;
}

.bx-next {
    background-position: -2px -55px;
}

    .bx-next:hover {
        background-position: -2px -155px;
    }

.bx-prev:hover {
    background-position: 0 -104px;
}


.article{
    box-sizing:border-box;
    padding:20px;
}
.article ol{
    list-style:initial;
    padding-right:15px;
}
.article ol li{
    list-style-type:decimal;
}
.article h1{
    margin: 20px 0 10px;
    font-size: 14px;
    font-weight: bold;
    color: #13335C;
}

.article .descbox .desc{
    max-height:100%;
}
@media (max-width:1300px){
    .article .descbox{
        width:100% !important;
        box-sizing: border-box;

    }
    .article .imgbox{
        display:none !important;
    }
    .article  > article{
        float:none !important;
    }
}
/*.article > article {
    width: 100%;
    height: 33.33%;
    overflow: hidden;
    position: relative;
}

.article ul {
    display: inline-block;
    height: 100%;
    overflow: hidden;
}

    .article ul li {
        float: right;
        width: 33.33%;
        height: 100%;
        overflow: hidden;
    }

        .article ul li a {
            position: relative;
            height: 100%;
            display: inline-block;
            overflow: hidden;
            color: #5e5e5e;
        }

            .article ul li a img {
                width: 110%;
                filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
                filter: gray;
                -webkit-filter: grayscale(100%);
                -webkit-transition: -webkit-filter .8s ease-in-out;
                -moz-transition: filter .8s ease-in-out;
                -ms-transition: filter .8s ease-in-out;
                -o-transition: filter .8s ease-in-out;
                transition: filter .8s ease-in-out;
            }

            .article ul li a:hover img {
                filter: none;
                -webkit-filter: grayscale(0);
                -webkit-transition: -webkit-filter .8s linear;
                -moz-transition: filter .8s linear;
                -ms-transition: filter .8s linear;
                -o-transition: filter .8s linear;
                transition: filter .8s linear;
            }

            .article ul li a:hover p {
                color: #13b1ff;
            }

            .article ul li a p {
                position: absolute;
                left: 0;
                bottom: 0;
                height: 45px;
                width: 100%;
                box-sizing: border-box;
                padding: 10px;
                background: rgba(255,255,255,.9);
            }

                .article ul li a p span.date {
                    color: #aeaeae;
                    float: left;
                    font-size: 11px;
                }*/

.title_box, .more_box {
    position: absolute;
    z-index: 100;
    display: inline-block;
    top: 15px;
    cursor: pointer;
}

.title_box {
    left: 10px;
}

.more_box {
    right: 10px;
}

.title_txt {
    background: rgba(14,75,105,.8);
    padding: 5px 10px;
    min-width: 50px;
    text-align: center;
    color: #fff;
    float: left;
}

.title_arrow {
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 18px solid rgba(14,75,105,.8);
    float: left;
}

.customers > ul {
    display: block;
    width: 95%;
    height: 95%;
    margin: 0 auto;
}

    .customers > ul > li {
        float: left;
        width: 90px;
        height: 90px;
        margin: 15px 30px;
        position: relative;
    }

.customers li a {
    display: block;
    overflow: hidden;
    width: 90px;
    height: 90px;
}

.customers li img {
    opacity: .8;
    -webkit-opacity: .8;
    -moz-opacity: .8;
    -ms-filter: "alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.customers li a:hover img {
    -webkit-transition: opacity .4s linear;
    -moz-transition: opacity .4s linear;
    -ms-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    transition: opacity .4s linear;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-filter: "alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.customers li.selected a img {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-filter: "alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.customers li article {
    width: 180px;
    min-height: 50px;
    background: url(../images/customer-desc-bg.png) no-repeat center top;
    padding-top: 9px;
    position: absolute;
    z-index: 100;
    left: -50%;
    top: 83px;
    display: none;
    cursor: default;
}

    .customers li article > div {
        background: rgba(74,74,74,.9);
        min-height: 50px;
        padding: 10px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        color: #fff;
        font-size: 13px;
        line-height: 22px;
    }

.contact {
    position: relative;
}

    .contact > article {
        width: 380px;
        padding: 40px;
        background: rgba(255,255,255,.8);
        min-height: 400px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

        .contact > article > header {
            text-align: center;
            margin-bottom: 10px;
        }

        .contact > article table {
            width: 100%;
        }

            .contact > article table td {
            }

                .contact > article table td.caption {
                    width: 70px;
                    padding-left: 10px;
                    text-align: left;
                    vertical-align: top;
                }

        .contact > article input, .contact > article textarea {
            background: rgba(255,255,255,.3);
            border: 0;
            border-bottom: solid 1px #aaa;
            width: 96%;
            line-height: 25px;
        }

        .contact > article textarea {
            height: 125px;
        }

    .contact td.btnbox {
        text-align: left;
    }

        .contact td.btnbox input {
            border-bottom: 0;
            width: 100px;
            font-size: 19px;
            background: rgba(192,192,192,.3);
            font-weight: 700;
            padding: 10px;
            margin-top: 10px;
        }

    .contact address {
        position: absolute;
        width: 150px;
        left: 210px;
        top: 190px;
        font-style: normal;
    }

        .contact address > a {
            display: block;
            width: 100%;
            padding: 7px 0;
            text-align: center;
            color: #fff;
            font: 16px;
            background: #71B051;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -o-border-radius: 5px;
            margin-bottom: 26px;
        }

        .contact address > p {
            height: 100px;
            width: 100px;
            position: relative;
            left: -27px;
            cursor: pointer;
        }

            .contact address > p span {
                position: absolute;
                display: block;
                width: 100%;
                height: 100px;
                left: 0;
                top: 0;
                -webkit-transition: all .4s linear;
                -moz-transition: all .4s linear;
                -ms-transition: all .4s linear;
                -o-transition: all .4s linear;
                transition: all .4s linear;
            }

                .contact address > p span.addr1 {
                    background: url(../images/addr1.png) no-repeat;
                }

                .contact address > p span.addr2 {
                    background: url(../images/addr2.png) no-repeat 42px 0;
                }

                .contact address > p span.addr3 {
                    background: url(../images/addr3.png) no-repeat 32px 22px;
                }

            .contact address > p:hover span.addr1 {
                transform: matrix(0.98,-.17,.17,.98,0,0);
                -moz-transform: matrix(0.98,-.17,.17,.98,0,0);
                -webkit-transform: matrix(0.98,-.17,.17,.98,0,0);
            }

            .contact address > p:hover span.addr2 {
                transform: matrix(0.98,.34,-.34,.98,0,0);
                -moz-transform: matrix(0.98,.34,-.34,.98,0,0);
                -webkit-transform: matrix(0.98,.34,-.34,.98,0,0);
            }

        .contact address > div {
            position: absolute;
            width: 307px;
            min-height: 100px;
            padding: 10px;
            background: rgba(14,75,105,.7);
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -o-border-radius: 5px;
            color: #fff;
            left: 70px;
            top: 140px;
            font-family: tahoma;
            font-size: 11px;
            line-height: 20px;
            text-align: justify;
            display: none;
        }

            .contact address > div img {
                float: left;
                border: solid 3px #fff;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                -o-border-radius: 5px;
                margin-right: 5px;
            }

            .contact address > div h1 {
                float: right;
                width: 50%;
                font-size: 14px;
            }


.footer{
    background:#2a3862 url(../images/footer-bg.png) 20px bottom no-repeat;
    font-family: tahoma;
    font-size: 14px;
}
.footer .contact-info{
    box-sizing:border-box;
    float:right;
    display: table;
    background-color:#fff;
    color:#2a3862;
    width:40%;
    height:100%;
    min-width:300px;
    -webkit-box-shadow: -2px 0 5px rgba(0,0,0,0.5);
    -moz-box-shadow: -2px 0 5px rgba(0,0,0,0.5);
    -ms-box-shadow: -2px 0 5px rgba(0,0,0,0.5);
    box-shadow: -2px 0 5px rgba(0,0,0,0.5);
}
.footer .contact-info > *{
    display:table-cell;
    padding:20px 10%;
    vertical-align:middle;
}
.footer .contact-info .min-logo{
    margin-bottom:20px;
}
.footer .contact-info  .En-addr{
    margin-top:50px;
}
.footer .contact-info address p{
    margin-bottom:10px;
}

.footer .services{
    float: left;
    width: 60%;
    height: 100%;
    text-align: center;
}
.footer .services ul{
    padding-top: 25%;
    text-align: left;
    width: 40%;
    min-width: 250px;
    display: inline-block;
}
.footer .services ul li{
    background-color:#314890;
    color:#fff;
    margin:7px 0;
    padding: 5px 10px;
    font-size: 18px;
}
.footer .services ul li:hover{
    background-color:#435EB4;
    -webkit-transition: background-color ease-in-out .3s;
    -o-transition: background-color ease-in-out .3s;
    transition: background-color ease-in-out .3s;
}

.footer .services ul li a , .footer .services ul li a:active , .footer .services ul li a:hover{
	color:#fff;
}

@media (max-height:450px){
    .footer .contact-info .En-addr {
        display:none;
    }
}
@media (max-width:700px){
    .footer .services {
        display:none;
    }
    .footer .contact-info{
        width:100%;
    }
}

.uldesc {
	    list-style:none;
   		 list-style-image:url(../images/button.png);
		list-style-position:inside;
}

/*.footer article.sitemap {
    height: 65%;
    color: #555;
    font-size: 15px;
    font-family: Eras,B Bardiya,'B Bardiya',MjFlow,tahoma;
}

    .footer article.sitemap a:hover, .footer article.copyright a:hover, .footer .sitemap section div.product section > ul > li > ul a:hover {
        color: #13b1ff;
    }

    .footer article.sitemap a {
        color: #0e4d6c;
    }

.footer .sitemap section {
    width: 100%;
    height: 95%;
    margin: 10px 0;
}

    .footer .sitemap section div {
        float: right;
        width: 40%;
        height: 100%;
        background: 0;
    }

        .footer .sitemap section div.product {
            width: 59%;
            border-left: solid 1px #dbdcdd;
            font-size: 14px;
        }

    .footer .sitemap section nav {
        clear: both;
        width: 100%;
        height: 20%;
        text-align: center;
        font-size: 13px;
    }

    .footer .sitemap section div.product section {
        width: 90%;
        height: 90%;
        margin: 10px auto;
        padding: 10px;
        background: rgba(119,119,120,.08);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        text-align: left;
        direction: ltr;
    }

        .footer .sitemap section div.product section > ul > li {
            width: 28%;
            float: left;
            margin: 0 10px;
        }

            .footer .sitemap section div.product section > ul > li > ul li {
                margin: 8px 0;
            }

            .footer .sitemap section div.product section > ul > li > a {
                font-size: 16px;
                font-weight: 700;
            }

            .footer .sitemap section div.product section > ul > li > ul a {
                color: #555;
                display: block;
                line-height: 17px;
            }

.footer .sitemap div address {
    font-style: normal;
    width: 70%;
    float: right;
    height: 60%;
    padding-right: 30px;
    margin: 30px 10px;
    background: url(../images/navigate-pic.png) no-repeat right top;
}

    .footer .sitemap div address p {
        margin-bottom: 10px;
    }

.footer .sitemap div ul.social li {
    margin: 5px 0;
}

    .footer .sitemap div ul.social li a {
        width: 45px;
        height: 45px;
        overflow: hidden;
        display: block;
        background: url(../images/social-icon-footer.png) no-repeat;
    }

.footer div ul.social li a:hover {
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    opacity: .8;
    -webkit-opacity: .8;
    -moz-opacity: .8;
    -ms-filter: "alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.footer .sitemap div ul.social li a.tweet {
    background-position: 0 -54px;
}

.footer .sitemap div ul.social li a.rss {
    background-position: 0 -105px;
}

.footer .sitemap div ul.social li a.google {
    background-position: 0 -155px;
}

.footer .sitemap section nav {
    text-align: center;
    margin-top: 20px;
    font-family: Tahoma;
    font-size: 12px;
}

    .footer .sitemap section nav ul {
        display: inline-block;
        max-width: 95%;
    }

    .footer .sitemap section nav li {
        float: right;
        margin: 5px 10px;
    }

.footer .copyright {
    height: 35%;
    background: url(../images/copyright-bg.png) no-repeat top center;
    padding-top: 89px;
    position: relative;
    bottom: 0;
}

    .footer .copyright div {
        background: rgba(119,119,120,.15) url(../images/footer-logo.png) no-repeat center top;
        text-align: center;
        height: 150px;
        position: relative;
        color: #767676;
    }

        .footer .copyright div a {
            color: #767676;
        }

        .footer .copyright div span {
            position: relative;
            top: 60%;
            display: block;
            background: url(../images/html5-css3-icon2.png) no-repeat right 0;
            width: 400px;
            margin: 0 auto;
            padding-right: 65px;
        }

            .footer .copyright div span img {
                margin: 7px 5px 0;
            }*/