/* ==== Google font ==== */
@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700');
/* === layerslider === */
@import url('layerslider.css');
/* === prettify === */
@import url('../js/google-code-prettify/prettify.css');
/* === fontawesome === */
@import url('font-awesome.css');
@import url('meteocons.css');
/* ==== overwrite bootstrap standard ==== */
@import url('overwrite.css');
@import url('animate.css');


@font-face {
    font-family: 'IranNum';
    src: url('../font/IRANSansWeb(FaNum).ttf') format('truetype');
}

@font-face {
    font-family: 'Zar';
    src: url('../font/BZar.ttf') format('truetype');
}

@font-face {
    font-family: 'ZarB';
    src: url('../font/BZarBd.ttf') format('truetype');
}

/* Table of content */
/*===================================
1. General
2. layout
3. Responsive media
4. Header
5. Section: Featured
6. Sliders
7. Intro
8. Section: Content
9. Section: Bottom
10. Inner - Section: page headline
11. Forms
12. Portfolio
13. Elements
14. Blog & article
15. Aside, sidebar
16. Footer
17. Divider, Line & Misc
18. Position & alignment
19. Extras 
20. Spacer, margin
21. Media queries 
==================================== */
/* ===================================
1. General
==================================== */

body {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 13px;
    line-height: 1.6em;
    color: #353535;
}

a:active {
    outline: 0;
}

.clear {
    clear: both;
}

/* ===================================
2. layout
==================================== */

.container {
    padding: 0 20px 0 20px;
    position: relative;
}

#wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
}

    #wrapper.boxed {
        width: 90%;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
        background: #fff;
        box-shadow: 0 1px 4px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
        -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    }

.row {
    margin-bottom: 30px;
    font-family: IranNum;
    direction: rtl
}

    .row .row {
        margin-bottom: 30px;
    }

a.text-link {
    outline: 0;
}

    a.text-link:hover {
        text-decoration: none;
        font-weight: bold;
    }

/* ===================================
3. Responsive media
==================================== */

.video-container, .map-container, .embed-container {
    position: relative;
    margin: 0 0 15px 0;
    padding-bottom: 51%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: none;
}

    .embed-container iframe,
    .embed-container object,
    .embed-container embed,
    .video-container iframe,
    .map-container iframe,
    .map-container object,
    .map-container embed,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

iframe {
    border: none;
}

img.img-polaroid {
    margin: 0 0 20px 0;
}

.img-box {
    max-width: 100%;
}
/* ===================================
4. Header
==================================== */

/* --- header -- */
header {
    margin: 0;
    padding: 0;
    position: relative;
}

#top-header {
    background: #e6e6e6 url(../img/bg-map.png) no-repeat top center;
    padding: 15px;
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #5d5d5d;
    height: 91px;
    text-shadow: 0px 1px 1px #050506;
    background-size: cover;
}

.contact_info {
    margin: 10px 0 0;
    float: left;
    font-family: IranNum
}

#wrapper .boxed .contact_info {
    margin: 10px 0 0;
}

.contact_info p {
    text-align: right;
    color: #ddd;
    font-weight: bold;
}
/* header alt 2 */
header.alt2 #top-header {
    background: #18191a url(../img/bg-map.png) no-repeat 90% 0;
    padding: 20px;
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #5d5d5d;
    text-shadow: 0px 1px 1px #050506;
}

header.alt2 .row {
    margin-bottom: 0;
}

header.alt2 #top-header img.logo {
    float: left;
    margin-right: 20px;
}

header.alt2 .logotext {
    margin-top: 30px;
}

    header.alt2 .logotext h1 {
        color: #fff;
        font-weight: 700;
        font-size: 22px;
        text-align: left;
        margin: 0;
    }

    header.alt2 .logotext h2 {
        color: #eee;
        text-align: left;
        font-size: 14px;
        margin: 0;
    }

header.alt2 .contact_info {
    margin: 40px 0 0;
}

    header.alt2 .contact_info p {
        color: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 5px 10px;
        display: inline;
        float: right;
    }


/* header alt 3 */
header.alt3 #top-header {
    background: #18191a url(../img/bg-map.png) no-repeat 90% 0;
    padding: 30px;
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #5d5d5d;
    text-shadow: 0px 1px 1px #050506;
}

header.alt3 .row {
    margin-bottom: 0;
}

header.alt3 #top-header img.logo {
    float: left;
    margin-right: 20px;
}

header.alt3 .logotext {
    margin-top: 30px;
}

    header.alt3 .logotext h1 {
        color: #fff;
        font-weight: 700;
        font-size: 22px;
        text-align: left;
        margin: 0;
    }

    header.alt3 .logotext h2 {
        color: #eee;
        text-align: left;
        font-size: 14px;
        margin: 0;
    }

header.alt3 .contact_info {
    margin: 40px 0 0;
}

    header.alt3 .contact_info p {
        color: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 5px 10px;
        display: inline;
        float: right;
    }

#wrapper.boxed header.alt3 .contact_info {
    margin: 40px 20px 0 0;
    float: right;
}

    #wrapper.boxed header.alt3 .contact_info p {
        text-align: right;
        float: none;
    }

header.alt3 .navbar ul.nav li a span.desc {
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    font-style: italic;
    font-size: 11px;
    color: #777;
}

header.alt3 .navbar ul.nav li.active a span.desc {
    color: #fff;
}
/* --- menu --- */
header ul.nav li a {
    font-size: 12px;
    font-weight: bold;
}

.navbar .nav > li > a {
    color: #ddd;
    text-shadow: none;
}

header ul.nav li ul {
    margin-top: 1px;
}

    header ul.nav li ul li ul {
        margin: 1px 0 0 1px;
    }

.dropdown-menu .dropdown i {
    position: absolute;
    right: 0;
    margin-top: 3px;
    padding-left: 20px;
}

.navbar .nav > li > .dropdown-menu:before {
    display: inline-block;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-bottom-color: none;
    content: none;
}

.navbar .nav > li > .dropdown-menu:after {
    display: inline-block;
    border-right: none;
    border-bottom: none;
    border-left: none;
    content: '';
}


ul.nav li.dropdown a {
    z-index: 1000;
    display: block;
}

select.selectmenu {
    display: none;
}

/* ===================================
5. Section: Featured
==================================== */

#featured {
    background: #fcfcfc;
    position: relative;
    margin: 0;
    padding: 0;
}

.topline-shadow {
    background: url(../img/line-shadow.png) repeat-x top left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
}

/* ===================================
6. Sliders
==================================== */

/* --- layerslider --- */

.ls-heading {
    color: #333;
    text-shadow: 0 1px 0 #fff;
}

.ls-text {
    color: #666;
}

.ls-highlighted-h {
    padding: 5px 10px;
    line-height: 40px;
    -webkit-box-shadow: 0px 4px 10px -5px #111;
    -moz-box-shadow: 0px 4px 10px -5px #111;
    box-shadow: 0px 4px 10px -5px #111;
    color: #fff;
    text-shadow: none;
    background: #3c3c3f;
    font-family: IranNum
}

    .ls-highlighted-h a {
        color: #fff;
    }


/* --- flexslider --- */

#featured .flexslider {
    padding: 0;
    margin: 30px 0 30px;
    background: #fff;
    border: 1px solid #e6e6e6;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    zoom: 1;
}

    #featured .flexslider .slide-caption {
        background: #333;
    }

    #featured .flexslider .slide-caption {
        background: none;
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
        zoom: 1;
    }

    #featured .flexslider .slide-caption {
        width: 30%;
        padding: 2%;
        position: absolute;
        left: 10px;
        bottom: -30px;
        background: rgba(0,0,0,.5);
        z-index: 99;
    }

        #featured .flexslider .slide-caption p {
            font-size: 14px !important;
            line-height: 22px;
            font-weight: 300;
            color: #f0f0f0 !important;
            margin-bottom: 15px;
        }

        #featured .flexslider .slide-caption h3 {
            font-weight: 700;
            color: #f4f4f4;
            font-size: 22px;
        }

        #featured .flexslider .slide-caption span a {
            padding: 7px 15px;
            float: left;
        }

            #featured .flexslider .slide-caption span a:hover {
                opacity: .9;
            }


/* The Nivo Slider styles */

#nivo-slider {
    margin-top: 30px;
    position: relative;
}

.nivo-slider {
    background: #fbfbfb;
}

.slides {
    margin: 0;
    overflow: hidden;
}

    .slides li {
        list-style-type: none;
    }

.nivoSlider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .nivoSlider img {
        position: absolute;
        top: 0px;
        left: 0px;
        max-width: none;
    }

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
    background: white;
    filter: alpha(opacity=0);
    opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
    top: 0;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
    overflow: hidden;
}

    .nivo-box img {
        display: block;
    }

/* Caption styles */
.nivo-caption {
    position: absolute;
    left: 20px;
    bottom: 20px;
    background: #000;
    color: #fff;
    width: 48%;
    z-index: 8;
    padding: 20px;
    opacity: 0.8;
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter: alpha(opacity=8);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

    .nivo-caption h2 {
        color: #fff;
        line-height: 1em;
    }

    .nivo-caption p {
        margin-bottom: 20px;
    }

    .nivo-caption a {
        display: inline !important;
    }

.nivo-html-caption {
    display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position: absolute;
    bottom: 0px;
    z-index: 9;
    cursor: pointer;
}

.nivo-prevNav {
    right: 0px;
}

.nivo-nextNav {
    right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
    text-align: center;
    padding: 20px 0;
}

    .nivo-controlNav a.active {
        background-position: 0 -22px;
    }

.nivo-directionNav a {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    /* sprites.less reset */
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    margin: 0;
    display: inline-block !important;
    text-align: center !important;
    color: #fff;
    width: 18px;
    height: 18px;
    padding: 3px;
    font-size: 12px;
    line-height: 18px;
    text-shadow: none;
    cursor: pointer;
    background-color: #444;
    right: 15px;
}

.nivo-directionNav a {
    opacity: 1;
}

a.nivo-nextNav {
    right: 0px;
}

    a.nivo-nextNav:before {
        content: "\f105";
        color: #fff;
    }

a.nivo-prevNav {
    right: 25px;
}

    a.nivo-prevNav:before {
        content: "\f104";
        color: #fff;
    }


.nivo-controlNav.nivo-thumbs-enabled {
    width: 100%;
}

    .nivo-controlNav.nivo-thumbs-enabled a {
        width: auto;
        height: auto;
        background: none;
        margin-bottom: 5px;
    }

    .nivo-controlNav.nivo-thumbs-enabled img {
        display: block;
        width: 120px;
        height: auto;
    }

.nivo-controlNav a {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/nivo-bullets.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin: 0 2px;
}

.nivo-control.active {
    background-position: 0 0;
}




/* ===================================
7. Intro
==================================== */

#intro-box {
    background: #eee;
    position: relative;
    margin: 0;
    padding: 0;
    color: #474747;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fafafa;
    direction: rtl;
}

    #intro-box h4 {
        font-weight: 600;
        font-family: IranNum
    }

    #intro-box i {
        margin-top: 10px;
    }

        #intro-box i.left {
            margin-right: 20px;
        }

.box-center {
    padding: 30px 0 15px 0;
    font-family: IranNum
}

.box-left {
    background: url(../img/box-line.png) no-repeat top right;
    padding: 30px 32px 15px 0;
    font-family: IranNum
}

.box-right {
    background: url(../img/box-line.png) no-repeat top left;
    padding: 30px 0 15px 32px;
    font-family: IranNum
}

/* --- cta in intro box --- */

#intro-box .big-cta {
    margin: 30px 0 0 0;
    overflow: hidden;
    padding: 20px 20px 20px 20px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fcfcfc;
    -webkit-box-shadow: none;
    box-shadow: none;
}



/* ===================================
8. Section: Content
==================================== */

#content {
    position: relative;
    background: #fefefe url(../img/shadow857.png) no-repeat top center;
    border-top: 1px solid #c8c8c8;
    padding: 50px 0 0 0;
}

    #content img {
        max-width: 100%;
        height: auto;
    }

/* --- Call to action --- */

.big-cta {
    overflow: hidden;
    padding: 20px 20px 20px 20px;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fcfcfc;
    border-top: 1px solid #e9e9e9;
    -webkit-box-shadow: inset 2px 0 0 0 rgba(0,0,0,.03),inset 0 2px 0 0 rgba(0,0,0,.03);
    box-shadow: inset 2px 0 0 0 rgba(0,0,0,.03),inset 0 2px 0 0 rgba(0,0,0,.03);
}

.cta-text {
    float: right;
    margin-top: 10px;
    direction: rtl;
}

.big-cta h3 {
    font-weight: 500;
    font-family: IranNum;
    font-size: 20px
}

.cta-text h3 span {
    font-size: 24px;
}

.big-cta .cta {
    margin-top: 10px;
}

/* ===================================
9. Section: Bottom
==================================== */

#bottom {
    background: #fcfcfc;
    border-top: 1px solid #e9e9e9;
    padding: 30px 0 0;
    -webkit-box-shadow: inset 2px 0 0 0 rgba(0,0,0,.03),inset 0 2px 0 0 rgba(0,0,0,.03);
    box-shadow: inset 2px 0 0 0 rgba(0,0,0,.03),inset 0 2px 0 0 rgba(0,0,0,.03);
}



/* ===================================
10. Inner - Section: page headline
==================================== */

#page-headline {
    background: #f7f7f7;
    position: relative;
    margin: 0;
    padding: 0;
    color: #474747;
    border-bottom: 1px solid #fafafa;
    height: 100px
}


    #page-headline .inner-heading {
        float: left;
    }

    /* --- breadcrumbs --- */
    #page-headline ul.breadcrumb {
        margin: 30px 0 0;
        float: right;
        direction: rtl
    }

        #page-headline ul.breadcrumb li {
            margin-bottom: 0;
            padding-bottom: 0;
            font-family: IranNum
        }

        #page-headline ul.breadcrumb li {
            font-size: 13px;
            color: #999;
        }

            #page-headline ul.breadcrumb li i {
                color: #888;
            }

ul.breadcrumb li a:hover {
    text-decoration: none;
    font-weight: 600;
}

.breadcrumb > li {
}

/* ============================
11. Forms
============================= */

/* --- contact form 1 ---- */
form#contactform1 input[type="text"] {
    width: 220px;
    height: 30px;
    padding-left: 20px;
    font-size: 13px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

form#contactform1 textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 13px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

form#contactform1 .validation {
    font-size: 11px;
}

#sendmessage {
    border: 1px solid #e6e6e6;
    background: #f6f6f6;
    display: none;
    text-align: center;
    padding: 15px 12px 15px 65px;
    margin: 10px 0;
    font-weight: 600;
    margin-bottom: 30px;
}

/* --- comment form ---- */
form#commentform input[type="text"] {
    width: 100%;
    min-height: 40px;
    padding-left: 20px;
    font-size: 13px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

form#commentform textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 13px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}


/* --- search form --- */
.search {
    float: right;
    margin: 35px 0 0;
    padding-bottom: 0;
}

input[type="text"].search-form {
    background: #fff;
    padding: 4px 10px 4px 10px;
    border: 1px solid #ccc;
    border-color: #ccc #ccc #ddd;
    -webkit-box-shadow: inset 0 1px 1px #eee;
    -moz-box-shadow: inset 0 1px 1px #eee;
    box-shadow: inset 0 1px 1px #eee;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    font-size: 13px;
}

#page-headline form.input-append {
    margin: 0;
    padding: 0;
}


.top-content p {
    margin-bottom: 20px;
}



/* ===============================
12. Portfolio
================================ */

ul.portfolio {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

    ul.portfolio li {
        float: left;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        ul.portfolio li:hover {
            -webkit-box-shadow: 0 0 6px #b3b3b3;
            -moz-box-shadow: 0 0 6px #b3b3b3;
            box-shadow: 0 0 6px #b3b3b3;
        }

.folio-4column li {
    width: 25%;
    overflow: hidden;
}

.folio-3column li {
    width: 33.333333333333333%;
}

.folio-2column li {
    width: 50%;
    overflow: hidden;
}

/* --- Portolio filter --- */

ul.portfolio-categ {
    margin: 10px 0 0 0;
    padding: 0;
    float: right;
    list-style: none;
}

    ul.portfolio-categ li {
        border-left: 1px solid #e6e6e6;
        margin: 0;
        padding: 0 20px 0 20px;
        float: left;
        list-style: none;
        font-size: 13px;
        font-weight: 600;
    }

        ul.portfolio-categ li a {
            display: block;
            padding: 35x 0 35x 0;
            color: #353535;
        }

            ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover, ul.portfolio-categ li a:focus, ul.portfolio-categ li a:active {
                text-decoration: none;
                outline: 0;
            }


/* --- Portolio hover --- */

.da-thumbs li {
    overflow: hidden;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

    .da-thumbs li img {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .da-thumbs li article {
        position: absolute;
        background: rgba(0,0,0,0.5);
        text-shadow: none;
        width: 100%;
        height: 100%;
        margin: 0;
        font-size: 14px;
        display: block;
    }

        .da-thumbs li article.da-animate {
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .da-thumbs li article a i:hover {
            text-decoration: none;
        }

        .da-thumbs li article p {
            color: #fefefe;
            font-weight: 700;
        }

/* --- Initial state classes --- */
.da-slideFromTop {
    left: 0px;
    top: -200%;
}

.da-slideFromBottom {
    left: 0px;
    top: 100%;
}

.da-slideFromLeft {
    top: 0px;
    left: -102%;
}

.da-slideFromRight {
    top: 0px;
    right: -102%;
}
/* --- Final state classes --- */

.da-slideTop {
    top: 0px;
}

.da-slideLeft {
    left: 0px;
}

.da-thumbs li article p {
    margin-bottom: 5px;
}

.da-thumbs li article a {
    display: inline-block;
}

.folio-4column li article {
    text-align: center;
    padding-top: 20%;
}

.folio-3column li article {
    text-align: center;
    padding-top: 15%;
}

.folio-2column li article {
    text-align: center;
    padding-top: 23%;
}

.related-folio li article {
    text-align: center;
    padding-top: 30px;
}

/* --- portfolio detail --- */
.top-wrapper {
    margin-bottom: 20px;
}

/* ===============================
13. Elements
================================ */

/* --- blockquote --- */
blockquote {
    font-size: 16px;
    font-family: 'Noto Serif', serif;
    font-style: italic;
    padding-left: 0;
    color: #a2a2a2;
    line-height: 1.6em;
    border: none;
}

    blockquote cite {
        display: block;
        font-size: 12px;
        color: #666;
        margin-top: 10px;
    }

        blockquote cite:before {
            content: "\2014 \0020";
        }

        blockquote cite a,
        blockquote cite a:visited,
        blockquote cite a:visited {
            color: #555;
        }

/* --- pullquotes --- */

.pullquote-left {
    display: block;
    color: #a2a2a2;
    font-family: 'Noto Serif', serif;
    font-size: 14px;
    line-height: 1.6em;
    padding-left: 20px;
}

.pullquote-right {
    display: block;
    color: #a2a2a2;
    font-family: 'Noto Serif', serif;
    font-size: 14px;
    line-height: 1.6em;
    padding-right: 20px;
}

/* --- list style --- */

ul.general {
    list-style: none;
    margin-left: 0;
    direction: rtl
}

ul.link-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.link-list li {
        margin: 0;
        padding: 2px 0 2px 0;
        list-style: none;
    }

footer ul.link-list li a {
    color: #919191;
}

/* --- Heading style --- */

h4.heading {
    font-weight: 400;
    font-family: IranNum;
    text-align: right;
    margin-right: 100px;
}

    h4.heading strong {
        font-weight: 700;
    }

.heading {
    margin-bottom: 30px;
}

.heading {
    position: relative;
    border-bottom: #e9e9e9 1px solid;
    padding-bottom: 9px;
}

    .heading span {
        position: absolute;
        width: 60px;
        height: 3px;
        bottom: -2px;
        left: 0;
    }

.widgetheading {
    width: 100%;
    padding: 0;
    direction: rtl;
    font-family: IranNum
}

#bottom .widgetheading {
    position: relative;
    border-bottom: #e6e6e6 1px solid;
    padding-bottom: 9px;
}

aside .widgetheading {
    position: relative;
    border-bottom: #e9e9e9 1px solid;
    padding-bottom: 9px;
}

footer .widgetheading {
    position: relative;
    border-bottom: #333 1px solid;
    padding-bottom: 9px;
}

footer .widget .social-network {
    position: relative;
}


#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {
    position: absolute;
    width: 60px;
    height: 1px;
    bottom: -1px;
    right: 0;
}

/* --- box --- */
.box {
    padding: 20px;
    border: 1px solid #e9e9e9;
    background: #fcfcfc;
}

    .box img {
        margin: 0 0 20px 0;
    }

    .box .icon {
        margin: -50px 0 0;
    }

    .box h4, .box h5 {
        font-weight: 600;
    }

/* --- plain box --- */
.plain-box p, .plain-box a {
    margin-left: 68px;
}

/* --- testimonial --- */
.testimonial {
    background: #fbfbfb;
    padding: 20px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .testimonial .author img {
        float: left;
        margin: 0 10px 0;
    }

    .testimonial p.text {
        color: #b2b2b2;
        font-family: IranNum;
        font-size: 12px;
        font-style: italic;
        line-height: 1.6em;
        margin-bottom: 30px;
        text-align: justify;
    }

    .testimonial .author p.name {
        font-weight: bold;
        font-family: IranNum;
    }

/* --- Clients style --- */

ul.clients {
    list-style: none;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

    ul.clients li {
        position: relative;
        float: left;
        width: 155px;
        margin: 0;
        border: 4px solid #e9e9e9;
    }

        ul.clients li:hover {
            -webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;
        }

        ul.clients li img {
            margin: 0;
            opacity: 0.8;
        }

            ul.clients li img:hover {
                opacity: 1;
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
            }

/* --- Map --- */
.map {
    position: relative;
    margin-top: -50px;
    margin-bottom: 40px;
    background: url(../img/shadow-top1170.png) no-repeat bottom center;
}

.map-shadow {
    background: url(../img/shadow857.png) no-repeat top center;
    width: 100%;
    height: 29px;
    position: absolute;
    top: 0;
    left: 0;
}

.map iframe {
    width: 100%;
    height: 450px;
    border: none;
}

.map-grid iframe {
    width: 100%;
    height: 350px;
    border: none;
    margin: 0 0 -5px 0;
    padding: 0;
}

/* --- our team --- */

ul.team-detail {
    margin: -10px 0 0 0;
    padding: 0;
    list-style: none;
}

    ul.team-detail li {
        border-bottom: 1px dotted #e9e9e9;
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        list-style: none;
    }

        ul.team-detail li label {
            font-size: 13px;
        }

        ul.team-detail li h4, ul.team-detail li label {
            margin-bottom: 0;
        }

        ul.team-detail li ul.social-network {
            border: none;
            margin: 0;
            padding: 0;
        }

            ul.team-detail li ul.social-network li {
                border: none;
                margin: 0;
            }

                ul.team-detail li ul.social-network li i {
                    margin: 0;
                }

/* --- Pricing box default --- */

.pricing-box {
    border: 1px solid #e6e6e6;
    background: #fcfcfc;
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
    box-shadow: 0 2px 0 rgba(0,0,0,0.03);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pricing-title {
    background: #fff;
    text-align: center;
    padding: 10px 0 10px 0;
}

    .pricing-title h3 {
        font-weight: 600;
        margin-bottom: 0;
    }

.pricing-offer {
    background: #fcfcfc;
    text-align: center;
    padding: 40px 0 40px 0;
    font-size: 18px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.pricing-box.special .pricing-offer {
    color: #fff;
}

.pricing-offer strong {
    font-size: 78px;
    line-height: 89px;
}

.pricing-offer sup {
    font-size: 28px;
}

.pricing-content {
    background: #fff;
    text-align: center;
    font-size: 14px;
}

    .pricing-content strong {
        color: #353535;
    }

    .pricing-content ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .pricing-content ul li {
            border-bottom: 1px solid #e9e9e9;
            list-style: none;
            padding: 15px 0 15px 0;
            margin: 0 0 0 0;
        }

.pricing-action {
    margin: 0;
    background: #fcfcfc;
    text-align: center;
    padding: 20px 0 30px 0;
}

.pricing-wrapp {
    margin: 0 auto;
    width: 100%;
    background: #fd0000;
}

/* --- pricing box alt 1 --- */
.pricing-box-alt {
    border: 1px solid #e6e6e6;
    background: #fcfcfc;
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
    box-shadow: 0 2px 0 rgba(0,0,0,0.03);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .pricing-box-alt .pricing-heading {
        background: #fcfcfc;
        text-align: center;
        padding: 40px 0 0px 0;
        display: block;
    }

        .pricing-box-alt .pricing-heading h3 strong {
            font-size: 32px;
            font-weight: 700;
            letter-spacing: -1px;
        }

        .pricing-box-alt .pricing-heading h3 {
            font-size: 32px;
            font-weight: 300;
            letter-spacing: -1px;
        }

    .pricing-box-alt .pricing-terms {
        text-align: center;
        background: #333;
        display: block;
        overflow: hidden;
        margin-top: -56px;
        padding: 50px 0 20px;
    }

        .pricing-box-alt .pricing-terms h6 {
            font-style: italic;
            margin-top: 10px;
            color: #fff;
            font-family: 'Noto Serif', serif;
        }

    .pricing-box-alt .icon .price-circled {
        margin: 10px 10px 10px 0;
        display: inline-block !important;
        text-align: center !important;
        color: #fff;
        width: 68px;
        height: 68px;
        padding: 12px;
        font-size: 16px;
        font-weight: 700;
        line-height: 68px;
        text-shadow: none;
        cursor: pointer;
        background-color: #888;
        border-radius: 64px;
        -moz-border-radius: 64px;
        -webkit-border-radius: 64px;
    }

    .pricing-box-alt .pricing-action {
        margin: 0;
        background: #333;
        text-align: center;
        padding: 30px 0 30px 0;
    }




/* --- Custom carousel --- */

.custom-carousel-nav {
    outline: 0;
    color: #ffffff;
    text-align: center;
}

a.custom-carousel-nav {
    outline: 0;
}

    a.custom-carousel-nav:hover {
        outline: 0;
        text-decoration: none;
    }

.icon-control {
    margin: 0 0 0 140px;
}

/* ===============================
14. Blog & article
================================ */

article {
    width: 100%;
    margin-bottom: 40px;
    direction: rtl
}

    article.blog-alt2 {
        padding-bottom: 20px;
        border-bottom: 1px solid #e9e9e9;
    }

    article.blog-full {
        padding-bottom: 20px;
        border-bottom: 1px solid #e9e9e9;
    }

    article .post-heading h3 {
        margin-bottom: 20px;
    }

        article .post-heading h3 a {
            font-weight: 700;
            color: #353535;
            font-family: IranNum
        }

            article .post-heading h3 a:hover {
                text-decoration: none;
            }


/* --- post meta --- */
.post-meta {
    background: #fcfcfc;
    border: 1px solid #e6e6e6;
    border-top: none;
    text-align: center;
}

    .post-meta .format {
        border-bottom: 1px solid #e6e6e6;
        padding: 10px 0 10px;
    }

    .post-meta i {
        margin: 0;
    }

    .post-meta .date {
        border-bottom: 1px solid #e6e6e6;
        padding: 10px 0 10px;
    }

        .post-meta .date span {
            text-align: center;
            color: #999;
            font-size: 12px;
            font-weight: 600;
        }

    .post-meta .comments {
        padding: 10px 0 10px;
    }

        .post-meta .comments a {
            color: #999;
            font-size: 12px;
            font-weight: 700;
        }

            .post-meta .comments a:hover {
                text-decoration: none;
            }

/* --- post format --- */

.post-image {
    margin-bottom: 20px;
}

.post-quote {
    margin-bottom: 20px;
}

.post-video {
    margin-bottom: 20px;
}

.post-audio {
    margin-bottom: 20px;
}

.post-link {
    margin-bottom: 20px;
}

.post-slider {
    margin-bottom: 20px;
}


.post-quote blockquote {
    font-size: 16px;
    color: #999;
    font-family: 'Noto Serif', serif;
    font-style: italic;
    line-height: 1.6em;
}


.post-image img:hover {
    -webkit-box-shadow: 0 0 2px #979797;
    -moz-box-shadow: 0 0 2px #979797;
    box-shadow: 0 0 2px #979797;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

ul.meta-post {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.meta-post li {
        float: left;
        margin: 0 10px 0 0;
        padding: 0;
        list-style: none;
        border-right: 1px dotted #e9e9e9;
        padding-right: 10px;
    }

        ul.meta-post li i {
            float: left;
            font-size: 12px;
            margin: 2px 5px 0 0;
        }

        ul.meta-post li a {
            color: #999;
            float: left;
            font-size: 12px;
            font-weight: 600;
        }

/* --- single post --- */
.bottom-article {
    float: left;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 0 10px 0;
    margin-top: 20px;
}

/* --- author info --- */

.about-author {
    background: #fbfbfb;
    border: 1px solid #d5d5d5;
    padding: 20px;
    float: left;
    margin-bottom: 5px;
}

ul.related-folio {
    list-style: none;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}


    ul.related-folio li {
        position: relative;
        float: left;
        width: 210px;
        margin: 0 20px 0 0;
        padding: 0;
        list-style: none;
        display: block;
        padding: 4px;
        background: #fbfbfb;
        border: 1px solid #d5d5d5;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }


/* --- Comment --- */

.comment-area {
    float: left;
    width: 100%;
    margin-top: 30px;
}


.media-content {
    margin-left: 12px;
    background: #fbfbfb;
    border: 1px solid #d5d5d5;
    border-bottom: 3px double #d5d5d5;
    padding: 20px;
}

    .media-content span {
        color: #a9a9a9;
    }

.comment-area .thumbnail > img {
    display: block;
    width: 60px;
    height: 60px;
}

.filter-list {
    margin-top: 20px;
}

/* --- pagination --- */

#pagination a,
#pagination span {
    display: block;
    float: left;
    margin: 0 7px 0 0;
    padding: 7px 10px 6px 10px;
    font-size: 12px;
    line-height: 12px;
    color: #888;
    font-weight: 600;
}

    #pagination a:hover {
        color: #fff;
        text-decoration: none;
    }

    #pagination span.current {
        background: #333;
        color: #fff;
        font-weight: bold;
    }


/* ===============================
15. Aside, sidebar
================================ */

aside {
    position: relative;
    margin-bottom: 40px;
}

.sidebar-nav {
    float: left;
    width: 100%;
}

.right-sidebar {
    border-left: 1px solid #e9e9e9;
    padding: 0 0 0 30px;
    -webkit-box-shadow: inset 1px 0 0 0 rgba(0,0,0,.01);
    box-shadow: inset 1px 0 0 0 rgba(0,0,0,.01);
}


.left-sidebar {
    border-right: 1px solid #e9e9e9;
    padding: 0 30px 0 0;
    -webkit-box-shadow: inset 1px 0 0 0 rgba(0,0,0,.01);
    box-shadow: inset 1px 0 0 0 rgba(0,0,0,.01);
}


    .left-sidebar .widget h3, .left-sidebar .widget .widget-content {
        padding-right: 20px;
    }

    .left-sidebar .widget h3, .left-sidebar .widget .widget-content {
        background: url(../img/aside-line-left.png) no-repeat top right;
    }


aside .widget {
    margin-bottom: 40px;
}


ul.cat, ul.recent, ul.folio-detail, ul.contact-info {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li {
        margin: 0 0 15px 0;
        list-style: none;
    }

        ul.cat li a, ul.folio-detail li a {
            color: #656565;
        }

        ul.folio-detail li label {
            display: inline;
            cursor: default;
            color: #353535;
            font-weight: bold;
        }

        ul.recent li h6 a {
            color: #353535;
        }

        ul.recent li a img:hover {
            -webkit-box-shadow: 0 0 2px #ccc;
            -moz-box-shadow: 0 0 2px #ccc;
            box-shadow: 0 0 2px #ccc;
        }

.widget ul.tags {
    list-style: none;
    margin: 0;
}

    .widget ul.tags li {
        margin: 0 5px 15px 0;
        display: inline-block;
    }


        .widget ul.tags li a {
            font-weight: bold;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            background: #e6e6e6;
            color: #888;
            padding: 5px 10px;
        }

            .widget ul.tags li a:hover {
                text-decoration: none;
                color: #fff;
            }

/* ===== Widgets ===== */

/* --- flickr --- */
.widget .flickr_badge {
    width: 100%;
}

    .widget .flickr_badge img {
        margin: 0 9px 20px 0;
    }

footer .widget .flickr_badge {
    width: 100%;
}

    footer .widget .flickr_badge img {
        margin: 0 9px 20px 0;
    }

.flickr_badge img {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 9px 20px 0;
}

/* --- latest tweet widget --- */

.twitter ul {
    margin-left: 0;
    list-style: none;
}

.twitter img {
    float: left;
    margin-right: 15px;
}

.twitter span.tweet_time {
    display: block;
    padding-bottom: 5px;
}

.twitter li {
    border-bottom: 1px dashed #efefef;
    padding-bottom: 20px;
    margin-bottom: 20px;
    list-style: none;
}

    .twitter li:last-child {
        border: none;
    }

/* --- Recent post widget --- */

.recent-post {
    margin: 20px 0 0 0;
    padding: 0;
    line-height: 18px;
}

    .recent-post h5 a:hover {
        text-decoration: none;
    }

    .recent-post .text h5 a {
        color: #353535;
    }


ul.time-post {
    float: left;
    width: 120px;
    padding: 0;
    list-style: none;
    margin: 0 20px 0 0;
    text-align: center;
    color: #0e0f0f;
}

    ul.time-post li {
        float: none;
        background: #f8f8f8;
        list-style: none;
        margin: 0 0 2px 0;
        padding: 0;
    }

        ul.time-post li a img:hover {
            opacity: 0.8;
            /* For IE 5-7 */
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
            /* For IE 8 8 */
            -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        }

        ul.time-post li.time {
            float: none;
            padding: 5px 0 5px 0;
            text-shadow: none;
        }

.recent-post ul.time-post li.time {
    color: #121214;
}

.post-meta {
    margin-bottom: 20px;
}

    .post-meta span {
        padding: 0 10px 0 10px;
        margin-bottom: 10px;
    }

        .post-meta span a {
            color: #919191;
        }

    .post-meta strong {
        font-weight: 200px;
        color: #c7c7c7;
    }

.item .text {
    margin-left: 140px;
    margin-bottom: 20px;
}

/* ===============================
16. Footer
================================ */

footer {
    background: #0e0f0f url(../img/footer-bg.png) repeat-x top left;
    padding: 40px 0 0 0;
    color: #919191;
}

    footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
        color: #c7c7c7;
    }

input.subscribe {
    background: #151616 url(../img/subscribe-input.png) repeat-x top left;
    border: 1px solid #242424;
    border-color: #242424 #242424 #242424;
    padding: 6px 15px 6px 15px;
    font-size: 12px;
    color: #666666;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    input.subscribe:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

footer input:-moz-placeholder,
footer textarea:-moz-placeholder {
    color: #666666;
}

footer input:-ms-input-placeholder,
footer textarea:-ms-input-placeholder {
    color: #666666;
}

footer input::-webkit-input-placeholder,
footer textarea::-webkit-input-placeholder {
    color: #666666;
}

footer strong, footer label {
    font-weight: 200px;
    color: #c7c7c7;
}

footer h5 a:hover, footer a:hover {
    text-decoration: none;
}

ul.social-network {
    list-style: none;
    margin: 0;
}

    ul.social-network li {
        display: inline;
    }

#sub-footer {
    text-align: center;
    background: url(../img/sub-footer-bg.png) repeat top left;
    text-shadow: 0px 1px 1px #0f0f0f;
    color: #5d5d5d;
    padding: 0;
    margin: 0;
}

    #sub-footer p {
        margin: 0;
        padding: 0;
    }

    #sub-footer span {
        color: #c7c7c7;
    }

.copyright {
    font-size: 12px;
    padding: 20px 20px 26px 20px;
    background: url(../img/copyright-line.png) no-repeat top center;
}

    .copyright p {
        font-family: IranNum;
        color: #  float: right;
}

.floatleft {
    float: left;
}

.floatnone {
    float: none;
}

/* --- Image allignment style --- */

img.pull-left, .align-left {
    float: left;
    margin: 0 15px 15px 0;
}

img.pull-right, .align-right {
    float: right;
    margin: 0 0 15px 15px;
}

article img.pull-left, article .align-left {
    float: left;
    margin: 5px 15px 15px 0;
}

article img.pull-right, article .align-right {
    float: right;
    margin: 5px 0 15px 15px;
}

/* =============================
19. Extras 
============================= */

/* --- under construction --- */
#countdown {
    width: 75%;
    margin: 0 auto;
    height: auto;
    padding-top: 20px;
}

.ucons i {
    margin: 0 0 20px 0;
}

/* --- Shop --- */

.product-list .box {
    margin-bottom: 30px;
}

.product-info {
    text-align: center !important;
}

    .product-info h4 a {
        color: #353535;
        font-family: IranNum !important
    }

        .product-info h4 a:hover {
            text-decoration: none;
        }

.price-circled {
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block !important;
    text-align: center !important;
    color: #fff;
    width: 150px;
    height: 20px;
    padding: 12px;
    font-size: 10px;
    font-weight: 200;
    line-height: 20px;
    text-shadow: none;
    cursor: pointer;
    background-color: #444;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 10px #0b61d6
}

.box.action {
    overflow: hidden;
    padding: 20px;
}

.product-action a {
    width: 85%;
    display: inline-block;
    margin-bottom: 10px;
}

.detail-btn {
    border-top: 1px dotted #e6e6e6;
    padding-top: 20px;
    text-align: center;
}

#content .product-desc h3 a {
    color: #353535;
}

.product-single .flexslider {
    margin: 0;
}

.product-btn {
    margin-bottom: 10px;
}


.product-detail {
    border-top: 1px dotted #e6e6e6;
    padding-top: 10px;
}

    .product-detail ul.detail {
        list-style: none;
        margin: 0 0 0 0;
    }

        .product-detail ul.detail li {
            display: block;
        }

.cart-widget {
    padding: 20px;
    border: 1px solid #e9e9e9;
    background: #fcfcfc;
}

    .cart-widget .action {
        border-top: 1px dotted #e6e6e6;
        padding-top: 20px;
    }

    .cart-widget p.item {
        font-weight: 700;
        margin-bottom: 20px;
    }

    .cart-widget p.action a:hover {
        text-decoration: none;
    }

    .cart-widget p.action a:focus, .cart-widget p.action a:hover, .cart-widget p.action a:active {
        color: #111;
    }

    .cart-widget p.action a.checkout {
        float: right;
    }

.widget ul.recent-products {
    list-style: none;
    margin: 0;
}

    .widget ul.recent-products li {
        overflow: hidden;
    }

        .widget ul.recent-products li span {
            font-weight: 700;
            margin-right: 10px;
        }

        .widget ul.recent-products li h6 a {
            color: #555;
        }

            .widget ul.recent-products li h6 a:hover {
                text-decoration: none;
            }

/* =============================
20. Spacer, margin
============================= */

.clear-marginbot {
    margin-bottom: 0;
}

.marginbot10 {
    margin-bottom: 10px;
}

.marginbot20 {
    margin-bottom: 20px;
}

.marginbot30 {
    margin-bottom: 30px;
}

.marginbot40 {
    margin-bottom: 40px;
}

.clear-margintop {
    margin-top: 0;
}

.margintop10 {
    margin-top: 10px;
}

.margintop20 {
    margin-top: 20px;
}

.margintop30 {
    margin-top: 30px;
}

.margintop40 {
    margin-top: 40px;
}


/* =============================
21. Media queries 
============================= */

@media (min-width: 1200px) {
    #wrapper.boxed {
        width: 95%;
        margin: 0 auto;
    }

        #wrapper.boxed header .contact_info {
            width: 100%;
            float: none;
        }

            #wrapper.boxed header .contact_info p {
                text-align: right;
                margin-right: 20px;
            }

        #wrapper.boxed header.alt3 .contact_info, #wrapper.boxed header.alt2 .contact_info {
            width: 100%;
            margin: 40px 0px 0 0;
            float: right;
        }

            #wrapper.boxed header.alt3 .contact_info p, #wrapper.boxed header.alt2 .contact_info p {
                text-align: right;
                float: none;
            }

    ul.clients li {
        width: 170px;
        margin: 0 30px 0 0;
    }

        ul.clients li .client-hover {
            width: 170px;
        }

    input.subscribe {
        width: 220px;
    }

    ul.related-folio li {
        width: 260px;
        margin: 0 30px 0 0;
    }
}

@media (min-width: 979px) and (max-width: 1200px) {
    #wrapper.boxed {
        width: 90%;
        margin: 0 auto;
    }

        #wrapper .boxed .contact_info {
            float: left;
            margin: 10px 0 0;
        }

            #wrapper .boxed .contact_info p {
                text-align: left;
            }

    .contact_info {
        display: block;
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    #wrapper.boxed {
        width: 90%;
        margin: 0 auto;
    }


    .navbar .nav {
        border: none;
    }

        .navbar .nav li a {
            border: none;
        }

    .contact_info {
        display: none;
    }


    a.detail {
        background: none;
        width: 100%;
    }

    /* slitslider */
    .sl-slider h2 {
        font-size: 72px;
    }

    ul.clients li {
        width: 104px;
        margin: 0 20px 0 0;
    }

        ul.clients li .client-hover {
            width: 104px;
        }

    footer .widget form input#appendedInputButton {
        display: block;
        width: 91%;
        -webkit-border-radius: 4px 4px 4px 4px;
        -moz-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
    }

    footer .widget form .input-append .btn {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 10px;
    }

    ul.related-folio li {
        width: 156px;
        margin: 0 20px 0 0;
    }
}

@media (max-width: 767px) {

    body {
        padding-right: 0;
        padding-left: 0;
    }
    #printableArea {
        overflow-x: auto;
        width: 980px;
    }
    #wrapper.boxed {
        width: 90%;
        margin: 0 auto;
    }


    .navbar-fixed-top,
    .navbar-fixed-bottom,
    .navbar-static-top {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar .nav {
        margin-top: 40px;
        border-bottom: 1px solid #2d2d2d;
    }

    div nav ul {
        display: none;
    }

    nav ul li {
        display: none;
    }

    select.selectmenu {
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 20px;
        color: #111;
        margin-right: 20px;
        line-height: 30px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        font-size: 13px;
    }

        select.selectmenu .bold {
            font-weight: bold;
        }

    .contact_info {
        display: block;
        float: none;
        text-align: center;
    }

        .contact_info p {
            text-align: center;
        }


    #featured .flexslider .slide-caption {
        width: 90%;
        padding: 2%;
        position: absolute;
        left: 0;
        bottom: -40px;
    }

    /* slitslider */
    .sl-slider h2 {
        font-size: 60px;
    }

    /* nivo slider */
    .nivo-caption {
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 10px;
    }

    #page-headline .breadcrumb {
        float: left;
        clear: both;
        width: 100%;
    }

    #page-headline .search {
        float: left;
        margin-top: 20px;
    }

        #page-headline .search input.search-form {
            width: 100%;
        }

    #intro-box {
        padding-bottom: 10px;
    }

    .breadcrumb > li {
        font-size: 13px;
    }

    .box-center, .box-left, .box-right {
        background: none;
        padding: 30px 0 0 0;
    }

    .folio-4column li {
        width: 25%;
    }

    .folio-3column li {
        width: 33.3333%;
    }

    .folio-2column li {
        width: 50%;
    }

    .folio-4column li article .hidden-tablet {
        display: none;
    }

    .folio-4column li article .hidden-tablet {
        display: none;
    }

    .folio-4column li article {
        padding-top: 20px;
    }

    ul.portfolio li article a i.icon-48 {
        width: 20px;
        height: 20px;
        font-size: 16px;
        line-height: 20px;
    }

    article.product-list {
        margin-bottom: 0;
    }



    .left-sidebar {
        border-right: none;
        padding: 0 0 0 0;
        border-bottom: 1px dotted #e6e6e6;
        padding-bottom: 10px;
        margin-bottom: 40px;
    }

    .right-sidebar {
        margin-top: 30px;
        border-left: none;
        padding: 0 0 0 0;
    }


    footer .span1, footer .span2, footer .span3, footer .span4, footer .span5, footer .span6,
    footer .span7, footer .span8, footer .span9, footer .span10, footer .span11, footer .span12 {
        margin-bottom: 20px;
    }



    [class*="span"] {
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {

    .contact_info {
        display: block;
        float: none;
        text-align: center;
    }


    #printableArea {
        overflow-x: auto;
        width: 980px;
    }


    .bottom-article a.pull-right {
        float: left;
        margin-top: 20px;
    }

    ul.social-network {
        position: absolute;
        z-index: 99999;
        right: 20px;
        top: 0;
        margin-left: 20px;
    }

    .navbar .nav {
        margin-top: 40px;
        border-bottom: 1px solid #2d2d2d;
    }

    .search {
        float: left;
    }

    input.subscribe {
        width: 85px;
    }

    .flexslider .slide-caption {
        display: none;
    }

    /* nivo slider */
    .nivo-caption {
        background: none;
    }

        .nivo-caption div {
            display: none;
        }

    ul.portfolio li article a.zoom, ul.portfolio li article .hidden-tablet {
        display: none;
    }

    ul.portfolio.folio-4column li article {
        padding-top: 5px;
    }

    ul.portfolio li article a i.icon-48 {
        width: 20px;
        height: 20px;
        font-size: 14px;
    }

    .folio-4column li article a i.icon-48 {
        width: 16px;
        height: 16px;
        font-size: 14px;
        line-height: 16px;
    }

    .da-thumbs li article {
        position: absolute;
        background: rgba(0,0,0,0.5);
        text-shadow: none;
        width: 100%;
        height: 100%;
        margin: 0;
        font-size: 12px;
        display: block;
    }

    /*#top-header {
        background: #e6e6e6 url(../img/bg-map2.png) no-repeat top center;
        background-size: cover;
        padding:23px;
    }*/
}

@media (max-width: 360px) {
    .absolute-title {
        display: none;
    }
    #printableArea {
        overflow-x: auto;
        width: 980px;
    }
    #top-header {
        background: #e6e6e6 url(../img/bg-map2.png) no-repeat top center;
        background-size: cover;
        padding:23px;
    }
}


/* ============== options panel for live preview ======================= */

#t_options {
    position: fixed;
    top: 50px;
    left: -230px;
    width: 230px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.12);
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    -khtml-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 6px rgba(0,0,0,.2);
    z-index: 5000;
    font-size: 11px;
    font-family: 'Open Sans', arial, sans-serif;
}

    #t_options input {
        width: 60px;
    }

    #t_options .col {
        width: 50px;
        margin: 0 10px 0;
    }

.colorpicker {
    z-index: 5001;
}

.options_inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.options_box {
    margin: 0 14px;
    padding: 10px 0 20px;
    overflow: hidden;
}

    .options_box .solidline {
        margin-bottom: 10px;
    }

    .options_box h6 {
        text-align: center;
        font-weight: bold;
    }

    .options_box .full {
        width: 100%;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .options_box .halfcol {
        width: 90px;
        float: left;
        margin: 0 5px;
    }

    .options_box .fourcol {
        width: 30px;
        float: left;
        margin: 0 5px;
    }

        .options_box .fourcol.color a {
            width: 30px;
            height: 30px;
            display: block;
            margin-bottom: 5px;
        }

    .options_box .halfcol .wideboxed h6 {
        font-size: 11px;
        font-weight: 600;
    }

.options_toggle_holder {
    position: absolute;
    right: -40px;
}

.options_toggle {
    margin: 6px 0 0 4px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-left: none;
    display: block;
    background: #fff;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -khtml-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

    .options_toggle span .icon {
        margin: 10px 0 0 7px;
        display: block;
    }

    .options_toggle:hover, .options_toggle:focus, .options_toggle:active {
        outline: 0;
        text-decoration: none;
    }

.options_heading {
    color: #513847;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    padding-bottom: 6px;
    border-bottom: 1px dotted #eee;
}

/* colors */

.options_box a.t_default {
    background: #ef5523;
}

.options_box a.t_sunflower {
    background: #1abc9c;
}

.options_box a.t_emerland {
    background: #2ecc71;
}

.options_box a.t_peterriver {
    background: #3498db;
}

.options_box a.t_amethyst {
    background: #0b61d6;
}

.options_box a.t_asphalt {
    background: #34495e;
}

.options_box a.t_pomegranate {
    background: #c0392b;
}

.options_box a.t_pumpkin {
    background: #d35400;
}

.options_box a.t_lightorange {
    background: #f39c12;
}

.options_box a.t_red {
    background: #cf1a07;
}

.options_box a.t_green {
    background: #479c18;
}

.options_box a.t_purple {
    background: #c81dbe;
}

.options_box a.t_yellow {
    background: #efd70c;
}

.options_box a.t_blue {
    background: #0a6d9b;
}

.options_box a.t_pink {
    background: #f8127f;
}

.bgr .bg {
    width: 28px;
    height: 28px;
    border: 1px solid #e6e6e6;
}

    .bgr .bg.bg1 {
        background: url(../img/bodybg/bg1.jpg) repeat left top;
    }

    .bgr .bg.bg2 {
        background: url(../img/bodybg/bg2.png) repeat left top;
    }

    .bgr .bg.bg3 {
        background: url(../img/bodybg/bg3.jpg) repeat left top;
    }

    .bgr .bg.bg4 {
        background: url(../img/bodybg/bg4.png) repeat left top;
    }

    .bgr .bg.bg5 {
        background: url(../img/bodybg/bg5.png) repeat left top;
    }

    .bgr .bg.bg6 {
        background: url(../img/bodybg/bg6.png) repeat left top;
    }

    .bgr .bg.bg7 {
        background: url(../img/bodybg/bg7.png) repeat left top;
    }

    .bgr .bg.bg8 {
        background: url(../img/bodybg/bg8.png) repeat left top;
    }

    .bgr .bg.bg9 {
        background: url(../img/bodybg/bg9.png) repeat left top;
    }

    .bgr .bg.bg10 {
        background: url(../img/bodybg/bg10.png) repeat left top;
    }

#accent_color {
    color: #fff;
    background: #ef5523;
    border: none;
    text-transform: uppercase;
    margin-left: 2px;
    text-align: center;
    outline: 0;
}

#bodybg_color {
    color: #fff;
    background: #ccc;
    border: none;
    text-transform: uppercase;
    margin-left: 2px;
    text-align: center;
    outline: 0;
}



/* -------------------------------------------------------PtnEdit------------------------------------- */

.navigationR {
    float: right;
    font-family: IranNum
}

.ls-layer {
    font-family: IranNum
}

.span3 {
    font-family: IranNum;
    direction: rtl
}

.text h4 {
    font-family: IranNum
}

.btn-theme {
    font-family: IranNum
}

.hidden-tablet {
    font-family: IranNum
}

.span4 {
    text-align: right
}

.info {
    font-family: IranNum
}

.widget {
    font-family: IranNum;
    direction: rtl
}

    .widget h6 {
        font-family: IranNum;
    }

.text h5 {
    font-family: IranNum
}


.titleSub {
    padding-top: 36px
}

    .titleSub h1 {
        font-family: IranNum;
        font-size: 18px;
        float: left;
        text-align: right;
        direction: rtl;
        text-shadow: 0px 0px 10px #7dd360;
        color: #000000
    }

.span12 {
    font-family: IranNum !important
}

.span4 a {
    text-decoration: none
}

.span4 .field {
    font-family: IranNum
}

.txtLogin {
    font-family: IranNum;
}


.span3 a {
    text-decoration: none
}

.NewTestTab {
    width: 100%;
}

.NewTestTabTest {
    float: left;
    width: 100PX;
    background-color: #c600ff;
    color: #fff;
    text-align: center;
    margin: 2px;
    padding: 10px;
    font-size: 16px;
    border-radius: 3px;
    font-family: Tahoma
}

.TestSearchtab {
    width: 100%;
    text-align: center;
}

    .TestSearchtab td {
        background-color: #c600ff;
        border-bottom: 3px solid #fff;
        padding: 5px;
    }


        .TestSearchtab td a {
            color: #fff
        }

.tdetail {
    color: #c600ff
}

.client-logo {
    height: 150px !important;
    width: 100% !important;
}


.span6 p {
    text-align: justify
}

.Abs {
    position: absolute
}

.widget ul {
    list-style-type: none
}


.TabForum {
    width: 100%;
}


    .TabForum td {
        width: 50%;
        padding: 5px;
        background-color: #f1f1f1
    }


    .TabForum th {
        width: 50%;
        padding: 5px;
        text-align: right;
        background-color: #dcdcdc
    }

.span8 p {
    text-align: justify
}


.HeaderAns {
    background-color: #028889 !important;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

.HeaderAns2 {
    color: #0b61d6;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 16px;
}

.LabHeaderAns {
    background-color: #0b61d6;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    display: none
}

.LabHeaderAnsTab {
    width: 100%
}

    .LabHeaderAnsTab td {
        padding: 0px
    }

.LabSearchBot {
    background-color: #26a700;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border: none;
    font-family: IranNum;
    color: #fff
}

.SearchAns {
    background-color: #0b61d6;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    border: 1px solid #fff
}


.BodyAns {
    background-color: #028889;
    width: 100%;
}

    .BodyAns th {
        color: #fff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
    }

    .BodyAns td {
        text-align: center;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
    }

    .BodyAns th img {
        width: 20px;
    }

.BodyAnsTr1 {
    background-color: #f1f1f1
}

.BodyAnsTr2 {
    background-color: #e6e6e6;
}


.Act1 {
    background-image: url(../img/A1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.Act2 {
    background-image: url(../img/A2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
}


.Act3 {
    background-image: url(../img/A9.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
}





.DrpClass {
    font-family: IranNum;
    border: none;
    border-radius: 3px;
}





.TabReceptionMain {
    width: 100%;
    color: #000;
}

    .TabReceptionMain td {
        text-align: center;
    }

    .TabReceptionMain th {
        text-align: center;
    }

        .TabReceptionMain th h4 b {
            font-family: 'Times New Roman';
        }




.FrameAns {
    padding: 10px;
    margin-right: -3px;
    border: 2px solid #0b61d6;
    width: 98%;
}

.FrameHeader {
    border: 2px solid #000;
    border-radius: 10px;
    padding-right: 10px;
    margin-top: 10px;
}

.FrameMain {
    margin-top: 25px;
    border: 2px solid #000;
    border-radius: 15px;
    padding: 5px;
    direction: ltr;
    /*height: 950px*/
}

.FrameMainScope {
    border: 2px solid #000;
    border-radius: 15px;
    padding: 5px;
    direction: ltr;
    height: 1100px
}

.TabReceptionHeader {
    width: 100%;
    color: #000;
    font-family: 'Zar';
    font-size: 16px;
}

    .TabReceptionHeader td {
        text-align: right;
        line-height: 16px;
        font-family: 'Zar'
    }

.FrameMainSection {
    text-align: left;
    font-family: Arial;
    font-weight: bold;
    color: #000;
    font-size: 18px;
    line-height: 23px;
}

    .FrameMainSection p {
        left: 10px;
        position: static;
        margin-top: -37px;
        z-index: 1000;
        margin-left: 10px;
    }

    .FrameMainSection img {
        width: 250px;
        position: static;
        margin-top: -40px;
    }

.ZarBFont {
    font-family: ZarB;
    font-size: 16px;
    font-style: normal
}


.TabReceptTestMain {
    width: 100%;
    color: #000;
    font-family: Arial;
    
}

    .TabReceptTestMain th {
        text-align: left;
        background-color: #fff;
        font-weight: bold;
        text-decoration: underline;
        font-size: 15px
    }

    .TabReceptTestMain td {
        text-align: left;
        min-width: 20px;
        max-width: 220px;
        vertical-align: top;
        line-height: 12px;
        font-size: 12px;
        padding: 2px;
    }


    .TabReceptTestMain tr:nth-child(even) {
        /*background-color: #f2f2f2 !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;*/
    }




.ReceptionResultBut {
    float: left;
    background-color: #008d3c;
    color: #FFFFFF;
    border: none;
    font-family: IranNum;
    border-radius: 3px;
}

    .ReceptionResultBut:hover {
        background-color: #ff0000
    }

.PrintBot {
    background-color: #208b00;
    color: #FFFFFF;
    font-family: IranNum;
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: right;
    bord;
    width: 98%;
}

.FrameHeader {
    border: 2px solid #000;
    border-radius: 10px;
    padding-right: 10px;
    margin-top: 10px;
}

.FrameMain {
    margin-top: 25px;
    border: 2px solid #000;
    border-radius: 15px;
    padding: 5px;
    direction: ltr;
    /*height: 950px*/
}

.FrameMainScope {
    border: 2px solid #000;
    border-radius: 15px;
    padding: 5px;
    direction: ltr;
    height: 1100px
}

.TabReceptionHeader {
    width: 100%;
    color: #000;
    font-family: 'Zar';
    font-size: 16px;
}

    .TabReceptionHeader td {
        text-align: right;
        line-height: 16px;
        font-family: 'Zar'
    }

.FrameMainSection {
    text-align: left;
    font-family: Arial;
    font-weight: bold;
    color: #000;
    font-size: 18px;
    line-height: 23px;
}

    .FrameMainSection p {
        left: 10px;
        position: static;
        margin-top: -37px;
        z-index: 1000;
        margin-left: 10px;
    }

    .FrameMainSection img {
        width: 250px;
        position: static;
        margin-top: -40px;
    }

.ZarBFont {
    font-family: ZarB;
    font-size: 16px;
    font-style: normal
}


.TabReceptTestMain {
    width: 100%;
    color: #000;
    font-family: Arial;
    
}

    .TabReceptTestMain th {
        text-align: left;
        background-color: #fff;
        font-weight: bold;
        text-decoration: underline;
        font-size: 15px
    }

    .TabReceptTestMain td {
        text-align: left;
        min-width: 20px;
        max-width: 220px;
        vertical-align: top;
        line-height: 12px;
        font-size: 12px;
        padding: 2px;
    }


    .TabReceptTestMain tr:nth-child(even) {
        /*background-color: #f2f2f2 !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;*/
    }




.ReceptionResultBut {
    float: left;
    background-color: #008d3c;
    color: #FFFFFF;
    border: none;
    font-family: IranNum;
    border-radius: 3px;
}

    .ReceptionResultBut:hover {
        background-color: #ff0000
    }

.PrintBot {
    background-color: #208b00;
    color: #FFFFFF;
    font-family: IranNum;
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: right;
    border: none;
    border-radius: 5px;
    margin-right: 10px;
}


.SecComment {
    text-align: left;
    font-family: Zar;
    font-size: 14px;
}


.FrameAns {
    background-image: url(../img/preview.gif);
    background-position: center center;
    background-repeat: no-repeat
}

.MainBodyAns {
    padding: 10px;
    padding-bottom: 30px;
    background-color: #fff
}

.MainUrineBody {
    height: 1120px;
}

.TabHeaderUrine {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-top: 10px
}

    .TabHeaderUrine td {
        padding: 0px
    }


.TabHeaderUrineH1 {
    font-family: 'Times New Roman';
    font-weight: bold;
    font-size: 22px;
    color: #25a300
}

.TabHeaderUrineH2 {
    font-family: 'Times New Roman';
    font-size: 18px;
    color: #cb3f0a
}

.TabHeaderUrineH3 {
    font-family: 'Times New Roman';
    font-size: 16px;
    color: #cb3f0a
}

.TabNameUrine {
    width: 100%;
    margin: auto;
    text-align: center
}

    .TabNameUrine td hr {
        border: 1px dashed #333
    }


.TabNameUrine {
    font-size: 14px;
    font-weight: bold;
}

    .TabNameUrine td {
        text-align: left;
        padding-left: 20px;
    }

.SNameUrine {
    color: #0008a3;
    float: left;
    font-family: ZarB;
    padding-left: 5px
}

.HNameUrine {
    float: left
}

.AnsBodyUrine {
    width: 100%;
    margin: auto;
}

    .AnsBodyUrine td {
        line-height: 14px;
        padding-left: 20px;
    }

    .AnsBodyUrine th {
        font-family: 'Times New Roman';
        font-size: 18px;
        color: #cb3f0a;
        text-align: left;
    }

.HeaderAnsUrine {
    font-style: italic;
    font-family: Arial;
    color: #9b00a1;
    font-weight: bold;
    font-size: 16px;
    padding-top: 10px;
}


.IB {
    color: #0023cc;
    font-style: italic;
    font-weight: bold
}

.IR {
    color: #e20000;
    font-style: italic;
    font-weight: bold
}

.MarginBot {
    margin-bottom: 30px
}

.SignStyle {
    width:100%;
}

.SignStyle td {
    text-align: center
}
table {
    border-collapse: separate !important;
    border-spacing: 2px !important;
}
.section-title-underline span {
    font-family: IranNum;
    
}
.section-title-underline{
    margin-bottom: 0px;
}