@font-face {  font-family: 'IranFont'; src: url('farsi/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('farsi/IRANSansWeb.woff') format('woff'), /* Modern Browsers */
         url('farsi/IRANSansWeb.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('farsi/IRANSansWeb.svg#svgFontName') format('svg'); /* Legacy iOS */
}
.hasRelative {position:relative !important}
.PersianAll, .PersianAll * {font-family:'IranFont' !important; line-height:1em !important; direction:rtl !important;}
.Persian {font-family:'IranFont' !important; line-height:1em !important; direction:rtl !important;}
.EnglishAll, .EnglishAll * {font-family: Tahoma !important; direction:ltr !important}

.PersianAll .arrow_box_right .user-name {font-size:11px !important; padding:0 !important; margin:0}
.PersianAll .linker {font-size:12px !important}
.PersianAll .linker:hover{color:blue;}
.no-LineHeight *{line-height:normal !important}
.line-HeightZero,.line-HeightZero * {line-height:0.7em !important; padding:0 !important}
a.menu-item:hover {
    color: #00d0ff !important;
    text-shadow: 0 1px 0 #000 !important
}
.noPad{padding:0 !important;}
.noMrg {margin:0 !important}
.center {margin: 0 auto; text-align: center}
.unmovable{cursor:default;padding:0px; font-size:10pt}
.selfpadding {padding-bottom:20px}
.selftTop {margin-top:20px}

.button {
    border: 1px solid #156deb;
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    transition: all .3s ease-in
}

    .button, .button:link, .button:visited, .button:active {
        text-decoration: none;
        color: #156deb
    }

        .button:hover {
            background-color: #156deb;
            color: #fff
        }

.button-dark, .button-dark:link, .button-dark:visited, .button-dark:active {
    background-color: #372f2b;
    border-color: #372f2b;
    color: #fff
}

    .button-dark:hover {
        border-color: #156deb;
        background-color: #156deb
    }

.button-primary, .button-primary:link, .button-primary:visited, .button-primary:active {
    background-color: #156deb;
    border-color: #156deb;
    color: #fff
}

    .button-primary:hover {
        border-color: #372f2b;
        background-color: #372f2b
    }

.button-big {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    padding: 0 20px
}

.button-small {
    font-size: 13px
}

.cta-box {
    background-color: #156deb;
    padding: 20px;
    position: relative
}

    .cta-box p {
        font-size: 12px;
        color: #fff
    }

.cta-box-dark {
    background-color: #372f2b
}

.cta-box .button {
    float: right;
    margin-left: 20px;
    border: 0
}

.cta-box .button-middle {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -16px
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #cad2d2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.accordion-heading .accordion-toggle {
    font-family: 'IranSans',sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase
}

    .accordion-heading .accordion-toggle.active {
        color: #156deb;
        background: #fff url("../img/icons/minus.png") no-repeat 97% 50%
    }

.accordion-heading .accordion-toggle {
    background: #156deb url("../img/icons/plus-light.png") no-repeat 97% 50%;
    color: #fff
}

.accordion-dark .accordion-heading .accordion-toggle {
    background-color: #372f2b
}

    .accordion-dark .accordion-heading .accordion-toggle.active {
        color: #372f2b;
        background: #fff url("../img/icons/minus-dark.png") no-repeat 97% 50%
    }

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

.icon-primary {
    color: #156deb
}

.alert {
    padding: 15px 20px;
    margin-bottom: 20px;
    text-shadow: none;
    background-color: #e67e22;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase
}

    .alert, .alert h4 {
        color: #fff
    }

.alert-success {
    background-color: #01b169
}

.alert-error {
    background-color: #156deb
}

.alert-info {
    background-color: #3498db
}

.alert-icon {
    width: 20px;
    height: 20px;
    border: 1px dashed #fff;
    text-align: center;
    float: right
}

.blockquote {
    background-color: #156deb;
    border: 0;
    padding: 15px 20px 15px 50px;
    position: relative;
    direction: rtl;
}

    .blockquote .bq-triangle {
        width: 0;
        height: 0;
        border-top: 40px solid transparent;
        border-left: 30px solid #fff;
        border-bottom: 40px solid transparent;
        position: absolute;
        top: 0;
        left: 0
    }

    .blockquote, .blockquote p, .blockquote cite {
        color: #fff;
        font-size: 13px !important;
        line-height: inherit !important;
        font-style: italic
    }

        .blockquote cite {
            display: block;
            text-align: right
        }

.blockquote-dark {
    background-color: #372f2b
}

.pagination {
    text-align: center
}

    .pagination ul {
        list-style: none
    }

        .pagination ul > li {
            display: inline
        }

            .pagination ul > li > a, .pagination ul > li > span {
                color: #fff;
                padding: 10px 0;
                width: 30px;
                text-align: center;
                line-height: 20px;
                border: 0;
                font-weight: bold;
                color: transparent;
                background: #d7dcde url("../img/icons/pagination.png") no-repeat 50% 50%;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                transition: all .2s ease-in
            }

                .pagination ul > li > a:hover, .pagination ul > li > span:hover {
                    background: #d7dcde url("../img/icons/pagination-hover.png") no-repeat 50% 50%;
                    color: #fff
                }

            .pagination ul > li:first-child > a, .pagination ul > li:first-child > span, .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
                background-image: none;
                font-size: 20px;
                color: #fff;
                width: 40px;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0
            }

                .pagination ul > li:first-child > a:hover, .pagination ul > li:first-child > span:hover, .pagination ul > li:last-child > a:hover, .pagination ul > li:last-child > span:hover {
                    background-image: none;
                    background-color: #156deb
                }

            .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
                border-right: 2px solid #ebeeef
            }

            .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
                border-left: 2px solid #ebeeef
            }

            .pagination ul > li > a.pagination-active, .pagination ul > li > span.pagination-active {
                color: #111;
                background-image: url("../img/icons/pagination-active.png")
            }

.pagination-dark ul > li > a, .pagination-dark ul > li > span, .pagination-dark ul > li > a:hover, .pagination-dark ul > li > span:hover {
    background-color: #372f2b
}

.pagination-dark ul > li:first-child > a, .pagination-dark ul > li:first-child > span, .pagination-dark ul > li:last-child > a, .pagination-dark ul > li:last-child > span {
    border-color: #9b9795
}

#element-button-tab a.button {
    margin-bottom: 10px
}

#home-sector {
    direction: rtl;
}

#home-services {
    background: url("../img/line-horiz.png") repeat-x 0 34px;
    direction: rtl;
}

    #home-services .service {
        text-align: center;
    }

        #home-services .service p {
            color: #888
        }

    #home-services .service-icon {
        display: block;
        margin: 0 auto;
        background: url("../img/line-icon.png") no-repeat;
        width: 200px;
        height: 127px
    }

        #home-services .service-icon i {
            font-size: 56px;
            color: #95a5a6
        }

    #home-services .service .service-icon span, #home-services .service h3, #home-services .service h3 a {
        transition: all .3s ease-in
    }

    #home-services .service:hover .service-icon span, #home-services .service:hover h3, #home-services .service:hover h3 a {
        color: #156deb
    }

.line-horiz-full {
    width: 100%;
    height: 11px;
    background: url("../img/line-horiz-full.png") left 0 no-repeat,url("../img/line-horiz-full.png") right -22px no-repeat,url("../img/line-horiz-full.png") center -11px repeat-x
}

.bordered {
    background: url("../img/line-horiz.png") repeat-x 50% 50%
}

    .bordered span {
        background: url("../img/line-horiz-left.png") left center no-repeat,url("../img/line-horiz-right.png") right center no-repeat;
        background-color: #fff;
        padding: 0 1.5em
    }

.single-preview {
    border-bottom: 1px solid #cad2d2;
    background: url("../img/single-preview.png") no-repeat 100% 100%;
    margin-bottom: 20px
}

    .single-preview .meta {
        margin: 0 0 5px 0;
        font-weight: bold
    }

    .single-preview p {
        margin: 0
    }

    .single-preview h3 {
        margin: 0;
        line-height: 100%;
        padding: 0
    }

    .single-preview .featured-img-thumb {
        display: block;
        position: relative;
        margin-right: 20px
    }

html.maintenance-page, html.maintenance-page body {
    height: 100%
}

.maintenance {
    height: 100%;
    background: url("../img/404.jpg") no-repeat 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.maintenance-page #header {
    display: none
}

.maintenance #footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.maintenance h1 {
    font-size: 1em;
    line-height: 1;
    text-align: center;
    margin: 15% 0 2em 0
}

    .maintenance h1 strong {
        display: block;
        font-size: 60px
    }

.four-o-four, .maintenance {
    position: relative;
    text-align: center;
    color: #fff
}

    .four-o-four .content, .maintenance .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .four-o-four img, .maintenance img {
        width: 100%
    }

    .four-o-four h1, .four-o-four h2 {
        display: block;
        width: 100%
    }

    .four-o-four h1 {
        font-size: 20em;
        line-height: 1;
        text-align: center;
        margin-top: 8%
    }

    .four-o-four h2 {
        font-size: 18px;
        color: #fff
    }

    .four-o-four .hidden-phone a {
        display: block;
        width: 225px;
        height: 45px;
        line-height: 45px;
        text-transform: uppercase;
        font-size: 14px;
        text-align: center;
        margin: 15px auto;
        border: 0
    }

        .four-o-four .hidden-phone a.first {
            background: rgba(0,0,0,0.75);
            color: #fff
        }

    .four-o-four .button {
        margin: 1.5em 0
    }

.featured-img {
    overflow: hidden;
    position: relative;
    border-bottom: 2px solid #156deb
}

    .featured-img, .featured-img .container {
        height: 240px;
        position: relative
    }

        .featured-img img {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            z-index: -1
        }

        .featured-img .banner-page-title, .featured-img .banner-breadcrumb {
            background: rgba(0,0,0,0.75);
            color: #fff;
            display: inline-block;
            padding: 0 1em;
            text-transform: uppercase;
            z-index: 300;
            position: absolute;
            top: 50%
        }

            .featured-img .banner-breadcrumb a {
                color: #fff
            }

        .featured-img .banner-page-title {
            left: 0;
            height: 60px;
            line-height: 60px;
            margin-top: -30px
        }

        .featured-img .banner-breadcrumb {
            right: 0;
            height: 40px;
            line-height: 40px;
            margin-top: -20px
        }

.work-nav {
    margin: 55px 0
}

.work-detail {
    color: #fff
}

    .work-detail .inner {
        padding: 20px;
        background-color: #156deb
    }

    .work-detail h3 {
        color: #000;
        background-color: #fff;
        text-align: center;
        border-top: 1px solid #156deb;
        border-left: 1px solid #156deb;
        margin: 0
    }

.work-fact {
    font-size: 18px;
    font-family: 'IranSans',sans-serif;
    margin-bottom: 1.25em
}

.contact-banner {
    height: 450px;
    background: #f5f5f5 url("../img/loading.gif") no-repeat 50% 50%;
    border-bottom: 2px solid #156deb
}

    .contact-banner #map_canvas {
        -ms-filter: "alpha(opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0
    }

        .contact-banner #map_canvas.loaded {
            -ms-filter: "alpha(opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1
        }

.contact-marker {
    color: #fff;
    width: 300px;
    height: 170px;
    overflow: hidden
}

    .contact-marker ul {
        margin: 0;
        padding: 20px;
        background-color: #156deb
    }

    .contact-marker a, .contact-marker i {
        color: #fff !important
    }

.contact-pointer {
    background: transparent url("../img/contact-marker.png") no-repeat 50% 100%;
    height: 20px
}

#map_canvas {
    width: 100%;
    height: 450px
}

#contact .contact-form {
    margin: 50px 0 0 0
}

.contact-form input, .contact-form textarea, .contact-form button {
    padding: 10px
}

.contact-form [type="submit"] {
    height: inherit;
    line-height: inherit;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 300
}

.line-full-width {
    background: url("../img/line-horiz.png") repeat-x 50% 50%;
    text-align: center;
    position: relative;
    height: 40px;
    line-height: 40px
}

    .line-full-width h2 {
        margin: 0;
        padding: 0;
        line-height: 100%;
        display: inline;
        height: 40px;
        line-height: 40px;
        padding: 0 25px;
        background-color: #f4f4ef
    }

    .line-full-width .bxslider-prev, .line-full-width .bxslider-next {
        margin: 0;
        padding: 0;
        z-index: 300
    }

    .line-full-width .bxslider-prev {
        margin-right: -3px
    }

    .line-full-width .bxslider-next {
        margin-left: -3px
    }

        .line-full-width .bxslider-prev i, .line-full-width .bxslider-next i {
            font-size: 24px;
            color: #cad2d2;
            background-color: #f4f4ef
        }

            .line-full-width .bxslider-prev i:hover, .line-full-width .bxslider-next i:hover {
                color: #156deb
            }

.bxslider-prev {
    margin-right: -5px
}

.line-on-right {
    background: url("../img/line-horiz.png") repeat-x 50% 50%
}

    .line-on-right span {
        padding-right: 30px;
        background: #fff url("../img/line-horiz-right.png") no-repeat 100% 50%
    }

.line-on-left {
    text-align: right;
    background: url("../img/line-horiz.png") repeat-x 50% 50%
}

    .line-on-left span {
        padding-left: 30px;
        background: #fff url("../img/line-horiz-left.png") no-repeat 0 50%
    }

.line-on-both {
    text-align: center;
    background: url("../img/line-horiz-pink.png") repeat-x 50% 50%
}

    .line-on-both span {
        padding: 0 30px;
        background-color: #f4f4ef;
        background-image: url("../img/line-horiz-left-pink.png"),url("../img/line-horiz-right-pink.png");
        background-position: 0 50%,100% 50%;
        background-repeat: no-repeat
    }

.htag-with-link h1, .htag-with-link h2, .htag-with-link h3, .htag-with-link h4, .htag-with-link h5, .htag-with-link h6 {
    float: right;
    margin: 0;
    line-height: 100%
}

.htag-with-link span {
    background: #fff;
    padding-left: 10px
}

.htag-with-link > div {
    float: left;
    height: 30px;
    background: #fff;
    padding-right: 10px
}

    .htag-with-link > div a {
        display: block;
        height: 100%
    }

.htag-with-link {
    background: url("../img/line-horiz.png") repeat-x 0 50%;
    margin-bottom: 1.5em
}

.team {
    background: #f4f4ef;
    padding: 85px 0
}

.member {
    text-align: center
}

.member-badge {
    margin: 0;
    padding: 0
}

.member-photo {
    background: url("../img/member-photo.png") no-repeat 50% 100%;
    padding-bottom: 50px;
    margin-top: 100px;
    margin-bottom: 10px
}

    .member-photo img {
        margin-left: auto;
        margin-right: auto;
        transition: all .3s ease-in
    }

        .member-photo img:hover {
            -ms-filter: "alpha(opacity=75)";
            filter: alpha(opacity=75);
            opacity: .75
        }

.member-name {
    font-size: 18px;
    color: #156deb;
    margin: 0
}

.member-position {
    font-size: 11px;
    color: #372f2b;
    text-transform: uppercase
}

.member-bio {
    padding: 20px 0;
    background: url("../img/angle-br-small.png") no-repeat 100% 100%
}

.member-social a {
    color: #cad2d2;
    font-size: 24px;
    margin: 0 2.5px
}

    .member-social a:hover {
        color: #156deb
    }

.client-logo {
    background: url("../img/angle-tl.png") no-repeat 0 0,url("../img/angle-br.png") no-repeat 100% 100%;
    text-align: center;
    height: 130px;
    overflow: hidden
}

    .client-logo img {
        margin: 25px 0;
        transition: all .3s ease-in;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: grayscale(100%)
    }

        .client-logo img:hover {
            -webkit-filter: grayscale(0%);
            -moz-filter: grayscale(0%);
            filter: grayscale(0%)
        }

.section-cta {
    padding: 20px;
    color: #fff;
    background-color: #156deb;
    text-align: right;
    direction: rtl;
}

    .section-cta h3 {
        margin: 40px 0 0 0;
        font-size: 24px
    }

@media(max-width:1000px) {
    .section-cta h3 {
        margin: 0
    }
}

@media(max-width:768px) {
    .section-cta img {
        margin-top: 15px;
    }
}

.section-cta p {
    margin-bottom: 0
}

.section-cta .button {
    border: 1px solid #fff;
    text-transform: inherit
}

#testimonial-slider {
    background: url("../img/icons/quote-open.png") no-repeat 20% 40%,url("../img/icons/quote-close.png") no-repeat 80% 40%
}

#testimonials blockquote {
    text-align: center;
    width: 580px;
    max-width: 80%;
    margin: 30px auto;
    padding: 0;
    border: 0;
    direction: rtl;
}

    #testimonials blockquote p {
        font-size: 13px;
        color: #888;
        line-height: 22px;
        margin: 0;
        direction: rtl;
    }

    #testimonials blockquote cite {
        font-weight: bold;
        color: #156deb;
        display: block;
        margin-top: 1.5em;
    }

#footer {
    background: #efefef;
    position: relative;
}

.footer-columns a {
    color: #372f2b;
    text-decoration: none
}

    .footer-columns a:hover {
        color: #156deb
    }

.footer-columns {
    padding: 45px 0 10px 0;
}

.footer-tweets {
    background-color: #156deb;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 20px;
    padding: 12px 0 8px 0
}

    .footer-tweets p {
        margin-bottom: 0
    }

    .footer-tweets ul, .footer-tweets li {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .footer-tweets a {
        text-decoration: underline
    }

.footer-tweeter {
    width: 63px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: -15px;
    margin-left: -18px;
    background: url("../img/icons/twitter.png") no-repeat
}

.footer-tweets a {
    color: #fff
}

.footer-recent {
    font-family: 'IranSans',sans-serif;
    font-size: 14px;
    color: #5f5f5f
}

    .footer-recent span {
        display: block;
        color: #888;
        font-size: 10px;
        font-style: normal;
        text-transform: uppercase;
        margin-right: 20px
    }

    .footer-recent li {
        margin: 0 0 18px 0
    }

.footer-contact, .page-contact, .page-contact li, .footer-contact li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

    .page-contact li a {
        font-size: 18px;
    }

.footer-contact {
    display: block;
    margin-top: 30px;
}

.page-contact {
    display: block;
    margin-top: 0;
}

.footer-contact i {
    color: #156deb;
    display: inline-block;
    width: 30px;
}

.page-contact i {
    color: #156deb;
    display: inline-block;
    width: 20px;
    font-size: 16px;
}

.footer-contact li, .page-contact li {
    margin-bottom: 10px;
}

.footer-contact address, .page-contact address {
    margin: 0;
    font-size: 18px;
}

.footer-list {
    font-family: 'IranSans',sans-serif
}

    .footer-list li {
        margin-bottom: 5px
    }

.getintouch {
    background: url("../img/footer-map.png") no-repeat 50% 25px
}

#footer .widget-title a, #footer .widget-title {
    direction: rtl;
    font-family: 'IranSans',sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #156deb;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}

    #footer .widget-title a:hover {
        color: #6c6c6c
    }

.copyright {
    font-size: 12px;
    color: #c0c0c0;
    background-color: #252525;
    text-align: center;
    padding: 1em
}

    .copyright p {
        margin: 0
    }

    .copyright span a {
        text-transform: none;
        color: #fff
    }

        .copyright span a:hover {
            color: #68b6ff
        }

.copyright-pink {
    color: #fff;
    background-color: #156deb
}

.row-fluid-5 {
    width: 100%;
    *zoom: 1
}

    .row-fluid-5:before, .row-fluid-5:after {
        display: table;
        line-height: 0;
        content: ""
    }

    .row-fluid-5:after {
        clear: both
    }

    .row-fluid-5 [class*="span"] {
        direction: rtl;
        display: block;
        float: right;
        width: 100%;
        min-height: 30px;
        margin-left: 1.875%;
        *margin-left: 1.875%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid-5 .controls-row [class*="span"] + [class*="span"] {
        margin-left: 1.875%
    }

    .row-fluid-5 [class*="span"]:last-child {
        margin-left: 0
    }

    .row-fluid-5 .span2 {
        width: 18.5%;
        *width: 18.5%
    }

@media(max-width:600px) {
    .row-fluid-5 [class*="span"] {
        margin-left: 0;
        float: left;
        width: 100%
    }
}

@media(max-width:768px) {
    .row-fluid-5 [class*="span"] {
        margin-bottom: 25px;
    }
}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative
}

.swipe-wrap {
    overflow: hidden;
    position: relative
}

    .swipe-wrap > div {
        float: left;
        width: 100%;
        position: relative
    }

.work-slider-caption {
    text-align: center;
    padding: 20px;
    position: relative
}

    .work-slider-caption::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 1px;
        height: 30%;
        background-color: #156deb
    }

    .work-slider-caption::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        width: 1px;
        height: 30%;
        background-color: #cad2d2
    }

    .work-slider-caption h3 {
        color: #156deb
    }

    .work-slider-caption h3, .work-slider-caption p {
        margin: 0;
        padding: 0
    }

    .work-slider-caption p {
        font-size: 14px;
        color: #95a5a6
    }

#work-slider {
    position: relative;
    border-bottom: 1px solid #cad2d2
}

    #work-slider .swipe-controls a {
        font-size: 64px;
        color: #156deb;
        position: absolute;
        bottom: 20px;
        margin: 0 20px
    }

    #work-slider .swipe-prev {
        left: 0
    }

    #work-slider .swipe-next {
        right: 0
    }

    #work-slider img {
        border-bottom: 4px solid #156deb
    }

.fullwidthbanner-section {
    width: 100% !important;
    position: relative;
    padding: 0;
    max-height: 300px !important;
    overflow: hidden
}

    .fullwidthbanner-section img {
        width: 100%
    }

.fullwidthbanner-container {
    width: 100% !important;
    position: relative;
    padding: 0;
    max-height: 710px !important;
    overflow: hidden
}

.fullwidthbanner {
    max-height: 710px !important;
    overflow: hidden
}

#slider {
    position: relative;
    border-bottom: 2px solid #156deb;
    background-color: #efefef
}

#slider-controls {
    background: #156deb;
    width: 260px;
    height: 60px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -130px;
    z-index: 300
}

    #slider-controls::after {
        content: "";
        background: url("../img/slider-controls-shadow.png") no-repeat;
        position: absolute;
        bottom: -12px;
        left: 0;
        display: block;
        height: 14px;
        width: 260px
    }

#slider .slider-title {
    background: rgba(255, 101, 0, 0.75);
    padding: 20px;
    line-height: 1;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #000;
    font-family: 'IranSans',sans-serif
}

.tp-bullets.round-boxin .bullet {
    cursor: pointer;
    position: relative;
    background-color: #156deb;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    float: left;
    border: 2px solid #fff;
    border-radius: 100px
}

    .tp-bullets.round-boxin .bullet.selected {
        background-color: #fff
    }

.gw-go-header, .gw-go-footer {
    background: #372f2b;
    color: #fff
}

.gw-go-header {
    padding: 20px 0
}

ul.gw-go-body li {
    padding: 18px 5px !important;
    border-bottom: 1px solid #f1ebf5
}

.gw-go-body li:last-child {
    border-bottom: 0
}

.gw-go-btn {
    color: #fff !important
}

.gw-go-current .gw-go-header, .gw-go-current .gw-go-footer {
    background: #156deb
}

.gw-go-current .gw-go-body {
    font-size: 14px;
    color: #156deb
}

.boxing-pt-price {
    font-size: 55px;
    line-height: 55px;
    position: relative
}

    .boxing-pt-price sup {
        top: -10px
    }

    .boxing-pt-price i {
        font-size: 36px;
        font-style: normal
    }

.box-icon {
    width: 98px;
    height: 98px;
    border: 1px solid #156deb;
    background-color: #156deb;
    position: relative;
    float: left;
    text-align: center;
    line-height: 90px;
    margin-right: 30px;
    transition: all .3s ease-in
}

    .box-icon i {
        color: #fff;
        font-size: 50px;
        vertical-align: middle
    }

    .box-icon:hover {
        background-color: #fff
    }

        .box-icon:hover i {
            color: #156deb
        }

#services > .row {
    margin-bottom: 75px
}

    #services > .row:last-child {
        margin-bottom: 0
    }

#services h3 {
    padding-left: 130px;
    background: url("../img/box-icon-line.png") no-repeat 0 50%
}

#work-process {
    background-color: #f4f4ef;
    padding: 75px 0
}

#work-process-illus {
    margin-top: 75px
}

    #work-process-illus > .span2 {
        text-align: center
    }

    #work-process-illus h3, #work-process-illus h3 a {
        color: #156deb
    }

    #work-process-illus .work-process-icon {
        width: 99px;
        height: 124px;
        padding-top: 25px;
        display: block;
        margin: 0 auto;
        text-align: center;
        background: url("../img/work-process-icon.png") no-repeat
    }

        #work-process-illus .work-process-icon i {
            font-size: 42px
        }

    #work-process-illus .work-down {
        padding-top: 35px
    }

.meta {
    font-family: 'IranSans',sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #156deb;
    margin: 0 0 20px 0;
    font-weight: normal;
    font-size: 10px
}

.blog-archive {
    overflow: hidden;
    margin-bottom: 80px;
    background: url("../img/blog-archive-bottom.png") no-repeat 100% 100%
}

.blog-archive-type {
    position: absolute;
    top: 0;
    right: 0;
    background: #ccc;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.blog-archive:hover .blog-archive-type {
    background: 0
}

.blog-archive-inner {
    padding: 20px;
    overflow: hidden;
    position: relative;
    background: url("../img/blog-archive-top.png") no-repeat left 0
}

    .blog-archive-inner h3 {
        margin: 0;
        padding: 0;
        line-height: 100%
    }

    .blog-archive-inner p {
        font-size: 12px
    }

        .blog-archive-inner p:last-child {
            margin-bottom: 0
        }

.blog-archive-text {
    max-height: 220px;
    overflow: hidden;
    color: #888
}

.blog-archive-right {
    background-position: 0 100%
}

    .blog-archive-right .blog-archive-inner {
        background-position: 0 0
    }

.blog-list {
    margin: 0 0 30px 0;
    height: 100px;
    overflow: hidden;
    position: relative
}

    .blog-list:hover {
        background-color: #156deb;
        background-image: none
    }

        .blog-list:hover a, .blog-list:hover h3, .blog-list:hover .meta, .blog-list:hover p {
            color: #fff
        }

        .blog-list:hover .blog-archive-inner {
            padding-top: 10px
        }

    .blog-list .blog-archive-inner {
        padding-top: 0;
        background: 0;
        transition: all .3s ease-in
    }

    .blog-list .blog-archive-featured {
        width: 100px;
        height: 100px;
        overflow: hidden;
        position: relative
    }

        .blog-list .blog-archive-featured img {
            position: absolute;
            top: 0;
            left: 0;
            max-width: inherit;
            max-height: 100px
        }

    .blog-list .meta {
        margin: 0
    }

.button-loadmore {
    text-align: center
}

    .button-loadmore .jscroll-next {
        height: inherit;
        line-height: inherit;
        padding: 10px 30px
    }

.blog-archive-thumb {
    position: relative;
    background: url("../img/blog-archive-bottom.png") no-repeat 100% 100%;
    margin-bottom: 0px
}

    .blog-archive-thumb .blog-archive-featured {
        border-bottom: 2px solid #156deb
    }

    .blog-archive-thumb .blog-archive-inner {
        padding: 15px 10px
    }

        .blog-archive-thumb .blog-archive-inner::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 1px;
            height: 24px;
            background-color: transparent;
        }

    .blog-archive-thumb h3 {
        margin: 0;
        line-height: 1
    }

.corner-icon {
    width: 40px;
    height: 40px;
    background-color: #156deb;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 40px;
    text-align: center
}

.corner-icon {
    display: none
}

    .corner-icon i {
        color: #fff
    }

.widget-container {
    margin-bottom: 10px;
    direction: rtl;
}

.widget-box .widget-title {
    font-family: 'IranSans',sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: #372f2b;
    font-size: 18px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #156deb;
    padding: 15px 0
}

.widget-box ul, .widget-box li {
    list-style: none;
    margin: 0;
    padding: 0
}

.widget-box .meta {
    font-size: 11px;
    font-weight: normal
}

.widget-box a {
    display: block;
    color: #fff !important;
    background-color: #156deb;
    padding: 10px 30px;
    position: relative;
    font-family: 'IranSans',sans-serif;
    text-transform: uppercase;
    font-weight: normal
}

    .widget-box a:hover, .widget-box a:hover .meta {
        color: #156deb !important;
        background-color: #fff
    }

    .widget-box a:hover {
        background-image: url("../img/icons/arrow-left.png");
        background-position: 95% 50%;
        background-repeat: no-repeat
    }

.widget-box .meta {
    display: block;
    color: #fff;
    margin: 0
}

.widget-box .widget-inner {
    border: 1px solid #156deb;
    color: #fff;
    padding: 10px 0;
    background-color: #156deb
}

.widget-box-dark .widget-inner {
    background-color: #372f2b;
    border: 0
}

.widget-box-dark .widget-title {
    color: #156deb;
    border-color: #372f2b
}

.widget-search {
    border: 1px solid #156deb;
    border-right: 0;
    padding: 10px;
    position: relative;
    height: 42px
}

    .widget-search input {
        padding: 20px 10px;
        margin: 0;
        border-color: #fff;
        width: 75%
    }

    .widget-search button {
        width: 64px;
        height: 64px;
        background-color: #372f2b;
        border: 0;
        position: absolute;
        top: -1px;
        right: 0
    }

        .widget-search button i {
            color: #fff
        }

.widget-testimonial {
    font-style: italic;
    border: 0;
    margin: 0;
    padding: 10px 20px
}

    .widget-testimonial p {
        font-size: 11px;
        line-height: 20px
    }

    .widget-testimonial cite {
        display: block;
        text-align: right;
        font-size: 13px;
        margin-top: 10px
    }

.widget-archives a, .widget-social a {
    padding-top: 4px;
    padding-bottom: 4px
}

.single-post-header {
    margin: 0 0 60px 0;
    padding: 0;
    position: relative;
    border-bottom: 1px solid #eb859a
}

    .single-post-header figcaption {
        display: block;
        padding: 25px;
        background-color: #fff;
        opacity: .8;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .single-post-header::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 1px;
        height: 24px;
        background-color: #eb859a
    }

    .single-post-header h1 {
        margin: 0;
        padding: 0;
        line-height: 100%;
        font-size: 24px
    }

    .single-post-header .meta {
        margin: 0;
        text-align: center
    }

    .single-post-header .post-comments {
        color: #156deb;
        margin-left: 30px
    }

.blog-single-content {
    position: relative;
    border-bottom: 1px solid #eb859a;
    padding-bottom: 60px
}

    .blog-single-content p:last-child {
        margin-bottom: 0
    }

    .blog-single-content::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        width: 1px;
        height: 24px;
        background-color: #eb859a
    }

    .blog-single-content p {
        font-size: 14px;
        line-height: 30px
    }

.blog-tags-share {
    margin-top: 40px
}

    .blog-tags-share .button {
        font-weight: normal
    }

.blog-categories, .blog-categories a {
    color: #156deb;
    font-family: 'IranSans',sans-serif;
    font-size: 14px;
    text-transform: uppercase
}

    .blog-categories i {
        font-size: 18px;
        margin-right: 15px;
        vertical-align: middle
    }

#comments > div {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #cad2d2
}

    #comments > div::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        width: 1px;
        height: 24px;
        background-color: #cad2d2
    }

.comment-content p:last-child {
    margin-bottom: 0
}

.comment-header {
    margin-bottom: 15px
}

.comment-reply {
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-family: 'IranSans',sans-serif;
    font-size: 11px;
    color: #5f5f5f
}

.comment-date {
    color: #156deb
}

.comment-author-img {
    float: left;
    margin-right: 20px
}

.comment-author {
    font-family: 'IranSans',sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    color: #372f2b;
    margin: 0
}

.comment-child {
    margin-left: 10%
}

@media(min-width:1200px) {
    #footer .widget-title {
        background: url("../img/footer-line-left.png") no-repeat 0% 50%
    }

    #work-process-illus {
        background: url("../img/work-process-line.png") no-repeat 50% 50px
    }
}

@media(min-width:768px) {
    .maintenance-countdown-wrapper {
        background-color: rgba(0,0,0,0.8)
    }

    .maintenance-countdown > div {
        width: 130px;
        height: 130px;
        display: inline-block;
        margin: 0 5px;
        position: relative;
        text-align: center;
        font-size: 60px;
        line-height: 130px;
        border: 1px solid #fff;
        border: 1px solid rgba(255,255,255,0.2)
    }

        .maintenance-countdown > div span {
            position: absolute;
            top: 0;
            right: 0;
            font-size: 16px;
            text-transform: uppercase;
            -moz-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -o-transform: rotate(-90deg)
        }
}

@media(max-width:767px) {
    #header-mobile {
        margin-bottom: 20px;
        padding: 20px;
        position: relative;
        background-color: #156deb
    }

        #header-mobile img {
            max-width: 50%
        }

        #header-mobile .tinynav {
            display: block;
            width: 50px;
            height: 50px;
            border: 0;
            margin: 0;
            background: url("../img/hamburger.gif") no-repeat 50% 50%;
            position: absolute;
            top: 50%;
            margin-top: -25px;
            right: 20px;
            text-indent: -9999em;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

    .tp-bullets {
        display: none
    }

    .button:link, .button:visited, .button:active {
        display: block;
        width: 100%;
        padding: 0;
        text-align: center
    }

    .cta-box .button {
        visibility: visible !important;
        float: none;
        margin: 0
    }

    .cta-box .button-middle {
        display: none
    }

    .bordered, .bordered span {
        background: 0;
        padding: 0
    }

    #testimonial-slider {
        background: 0
    }

    #home-services {
        background: 0
    }

        #home-services .service-icon {
            background: 0;
            width: inherit;
            height: inherit
        }

    .section-cta {
        padding: 20px;
    }

        .section-cta .button {
            margin-top: 20px
        }

    #testimonials {
        background: 0
    }

    #recent-work img {
        width: 100%
    }

    .client-logo {
        margin-bottom: 1em
    }

    #footer {
        text-align: center
    }

        #footer .footer-columns {
            padding-top: 0
        }

        #footer .widget-title {
            margin: 2em 0 1em 0
        }

        #footer ul, #footer li {
            list-style: none;
            margin: 0;
            padding: 0
        }

        #footer .getintouch {
            background: 0
        }

        #footer .container {
            padding-left: 20px;
            padding-right: 20px
        }

    .list-arrow li, .list-arrow li:hover {
        background: 0
    }

    .featured-img, .featured-img .container {
        height: inherit;
        position: relative;
        padding: 1em 0
    }

        .featured-img .banner-page-title, .featured-img .banner-breadcrumb {
            position: relative;
            right: inherit;
            left: inherit;
            margin-top: 0;
            display: block
        }

    .filters-wrapper, .filters {
        background: 0
    }

        .filters li {
            margin-bottom: 1em
        }

    .blog-archive-featured {
        float: none;
        clear: both
    }

        .blog-archive-featured .mask-link {
            display: none
        }

    .single-post-header figcaption {
        position: relative
    }

    .blog-list {
        height: auto
    }

        .blog-list .blog-archive-featured {
            display: none
        }

    .four-o-four .content, .maintenance .content {
        padding: 0 20px
    }

    .maintenance-countdown > div {
        display: inline;
        margin: 0 2px;
        font-size: 16px
    }
}

.no-border {
    border: none
}


.rtl-read {
    direction: rtl
}

.english {
    font-family: Tahoma;
}

.text-right {
    text-align: right !important;
}

.ltr-read {
    direction: ltr !important
}

.news-padright {
    padding-right: 10px;
}

.check-left {
    float: left
}

.image-box img {
    margin-bottom: 15px;
}

.font-text {
    font-size: 14px;
    line-height: 2em;
    text-align: justify
}

.imgf {
    display: block;
    height: 100px;
    text-align: center;
}

.font-iran {
    font-family: "IranSans";
}

.btn-iran {
    font-family: "IranSans";
    padding: 0 14px 6px;
    margin-top: 0;
    position: relative
}

input[type=text], textarea {
    font-family: 'IranSans';
    color: #042b97;
}

@media(max-width:768px) {
    .not-show {
        display: none
    }
}

span.accepted {
    color: #017d5b;
    font-weight: bold;
    font-size: 14pt;
}

#msg .accepted {
    color: #0bb251;
    font-size: 10pt;
}

#msg .rejected {
    color: red;
}

.frm-spacer {
    margin-left: 20px;
}

.frm-bottoner {
    margin-bottom: 20px !important;
}

.table-lister td {
    direction: ltr;
}

.table-lister thead {
    background: #ddd;
}

    .table-lister thead th {
        padding: 9px 14px;
    }

.table-lister td {
    text-align: center;
}

.table-lister .row2 {
    background: #d3eafc
}

.table-lister tr:hover {
    background: #93d0ff
}

.table-lister .price {
    font-weight: bold;
    color: red;
}

@media(max-width:767px) {
    .table-lister {
        max-width: 100%;
        font-size: 8pt;
    }

        .table-lister thead th {
            padding: 0;
        }

    #msga {
        width: 100%
    }

    #tblDomain {
        width: 100%
    }
}

.q-title {
    font-size: 12pt;
    font-weight: bold;
    color: #000
}

.liking {
    font-size: 33px;
    color: #009d33;
    cursor: pointer
}

.disliking {
    font-size: 33px;
    color: red;
    cursor: pointer
}

    .liking:hover, .disliking:hover {
        color: #000
    }

.inborder {
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.max-check {
    overflow-x: scroll
}

.max-width {
    width: 100% !important;
    max-width: 100% !important;
}

    .max-width input[type=text] {
        width: 100px;
    }

.btn-success-new {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #1da487 !important;
    background-image: -moz-linear-gradient(top, #50b596, #1ca774) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#50b596), to(#1ca774)) !important;
    background-image: -webkit-linear-gradient(top, #50b596, #1ca774) !important;
    background-image: -o-linear-gradient(top, #50b596, #1ca774) !important;
    background-image: linear-gradient(to bottom, #50b596, #1ca774) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    border-color: #23b6ad #51a391 #047964 !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #2c9d89 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-success-new:hover, .btn-success-new:focus, .btn-success-new:active, .btn-success-new.active, .btn-success-new.disabled, .btn-success-new[disabled] {
        color: #ffffff;
        background-color: #0ea085 !important;
        *background-color: #00926a !important;
    }

    .btn-success-new:active, .btn-success-new.active {
        background-color: #009d8a \9;
    }

#home-services .service a:hover .ico {
    border-radius: 50%;
    padding: 14px;
}

#home-services .service a:hover .bm1 {
    background: #00c37c !important;
}

#home-services .service a:hover .bm2 {
    background: #00e8ff !important;
}

#home-services .service a:hover .bm3 {
    background: #ff8d00 !important;
}

#home-services .service a:hover .bm4 {
    background: #ff0000 !important;
}

.bgreen {
    background: #1ca774 !important;
}

.bblue {
    background: #156deb !important;
}

.bred {
    background: #ff1700 !important;
}

.borange {
    background: #ff6500 !important;
}

.byellow {
    background: #fff200 !important;
}

.bmagenta {
    background: #8000ff !important;
}

.numbers {
    font-family: "IraniSans";
    font-weight: bold;
}

.marginer {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.max-width150 {
    max-width: 150px !important
}

.max-width200 {
    max-width: 200px !important
}

.max-width100 {
    max-width: 100px !important
}

.margin-center {
    margin-right: 3% !important;
}

.color-liner {
    margin: 0 0 15px !important;
}

.zarin-namad {
    position: absolute;
    left: 10%;
    bottom: 100px;
}

@media(max-width:767px) {
    .zarin-namad {
        position: inherit;
    }
}

#fetures-section .fetures-place img {
    transition: .4s
}

#fetures-section .fetures-place {
    -webkit-box-shadow: 0 0 43px -1px rgba(0,0,0,.04);
    -moz-box-shadow: 0 0 43px -1px rgba(0,0,0,.04);
    box-shadow: 0 0 43px -1px rgba(0,0,0,.04);
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%
}

    #fetures-section .fetures-place h3, #fetures-section .fetures-place .bg-img {
        position: relative;
        z-index: 3
    }

    #fetures-section .fetures-place span, #fetures-section .fetures-place .meta, #fetures-section .fetures-place img {
        z-index: 5;
        position: relative
    }

    #fetures-section .fetures-place p {
        color: #000;
        z-index: 3;
        position: relative;
        margin-bottom: 0 !important;
        text-align: justify
    }

    #fetures-section .fetures-place img {
        width: 100%;
        margin-top: 0;
        margin-bottom: 15px
    }

    #fetures-section .fetures-place:hover p, #fetures-section .fetures-place:hover h3, #fetures-section .fetures-place:hover h3 a, #fetures-section .fetures-place:hover .meta, #fetures-section .fetures-place:hover .bg-img {
        color: #fff !important;
        transition: 1s
    }

    #fetures-section .fetures-place:hover img {
        opacity: .65;
        transition: .5s
    }

    #fetures-section .fetures-place a.btnn {
        display: block;
        margin: 0 auto;
        margin-bottom: -20px;
        padding: 11px 0;
        text-align: center;
        width: 100%;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        margin-top: 35px;
        background: #375a71;
        background: #0c283b;
        background: -moz-linear-gradient(top,rgba(12,40,59,1) 0%,rgba(0,35,58,1) 100%);
        background: -webkit-linear-gradient(top,rgba(12,40,59,1) 0%,rgba(0,35,58,1) 100%);
        background: linear-gradient(to bottom,rgba(12,40,59,1) 0%,rgba(0,35,58,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a558f',endColorstr='#0084ff',GradientType=0);
        opacity: 1;
        z-index: 3;
        position: relative;
        border-top: 1px solid rgba(255,255,255,0.7)
    }

        #fetures-section .fetures-place a.btnn:hover {
            background: #122a3a;
            background: -moz-linear-gradient(top,rgba(0,100,210,1) 0%,rgba(0,90,150,1) 100%);
            background: -webkit-linear-gradient(top,rgba(0,100,210,1) 0%,rgba(0,90,150,1) 100%);
            background: linear-gradient(to bottom,rgba(0,100,210,1) 0%,rgba(0,90,150,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a558f',endColorstr='#0084ff',GradientType=0);
            color: #fff;
            text-decoration: none
        }

#fetures-section .fetures-place {
    display: inline-block;
    border: none;
    position: relative;
    overflow: hidden
}

    #fetures-section .fetures-place span.texter {
        font-weight: 100;
        line-height: 20px;
        color: #7b868e;
        font-size: 13px;
        text-transform: capitalize;
        z-index: 3;
        position: relative
    }

    #fetures-section .fetures-place:hover span {
        color: #a4b0b9
    }

    #fetures-section .fetures-place:before {
        content: '';
        background: #0064d0;
        width: 1200px;
        height: 900px;
        position: absolute;
        -webkit-transform: translate(-1000px,-900px) rotate(130deg);
        transform: translate(-1000px,-900px) rotate(130deg);
        -webkit-transition: all 700ms ease;
        transition: all 700ms ease;
        z-index: 0
    }

    #fetures-section .fetures-place:after {
        content: attr(data-word);
        color: #fff;
        font-size: 2em;
        position: relative;
        z-index: 100;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
        font-weight: 200
    }

    #fetures-section .fetures-place:hover:after {
        font-size: 2.2em
    }

    #fetures-section .fetures-place:hover:before {
        -webkit-transform: translate(-290px,-400px) rotate(130deg);
        transform: translate(-290px,-400px) rotate(130deg)
    }

    #fetures-section .fetures-place img:hover {
        opacity: 1 !important
    }

.no-lineH {
    line-height: 1.5em !important
}

#toTop {
    position: fixed;
    bottom: 24px;
    right: 20px;
    cursor: pointer;
    display: none;
    padding: 9px 12px;
    background: #00a9ff;
    border: 1px solid #277df8;
    color: #fff;
    font-weight: bold;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    opacity: .65;
}

    #toTop:hover {
        opacity: 1
    }

.headActive {
    padding-right: 30px;
    background: url(../img/note.png) right 1px no-repeat;
}

.hilevel {
    background: #ff6a00;
}

.pad-right {
    padding-right: 20px !important;
    padding-left: 0 !important;
    margin-left: -20px;
}
.pad-Line {padding:15px !important}

.pad-LineTop {padding:0 !important; padding-top: 7px !important}
.txtPad{margin-right:10px !important}

.ShowItemSource {
    position: fixed;
    padding: 30px 5px;
    left: 50%;
    margin-top: 6%;
    z-index: 999999;
    margin-left: -210px;
    width: 320px;
    max-width: 420px;
    height: 180px;
    border: 1px solid red;
    border-radius: 2px;
    opacity: 1;
    background: #fff;
    box-shadow: 0px 0px 300px 800px rgba(0,0,0,0.8);
}

.margin-no-bottom {
    min-height: 350px !important;
}

.line-heighter {
    line-height: 1.8em !important;
} 

.RegCol1 {float:left; padding:0 8px 5px 8px; border-right:1px dashed #aaa; min-height:300px; text-align:center}
.RegCol1 .Titles {color:#fff; background:#bbd8ff; border:1px solid #444; padding:0 10px 0 10px; text-shadow:1px 1px 0 #999; box-shadow: 0px 0px 5px 9px #e2e2e2; font-size:21pt; font-family:"IranFont"; margin-right:12px; cursor:default}
.RegCol2 {float:right; width:80%}
#AdsList img {margin-top:8px;}
#AdsList img:hover {box-shadow: 0px 0px 8px 8px #ccc; width:100px; height:100px}
#RegisterForm{margin:-15px 0 -15px 0;position:relative;min-height:440px;overflow:hidden;direction:rtl; background:#ddd; border:1px solid #f2f2f2; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding:20px 30px; color:#333}
#RegisterForm h3 {color:Red; font-family:Arial; font-size:16pt; font-weight:bold; text-align:center; margin:12px; padding:10px; cursor:default}
#RegisterForm h3 span{width:600px; border:1px solid #707070; background:#bababa; border-radius:8px; padding:12px 80px; box-shadow: 0px 0px 5px 9px #f0f0f0; text-shadow:1px 1px 0 yellow;}
#mainBody {margin:0 auto; padding:0; direction:rtl;}
#mainBody h1 {color:Red; font-size:42pt; text-shadow:1px 1px 25px yellow}
#mainBody .myLogo {width:950px; height:440px; background:url(../img/Web.jpg)no-repeat}
.PanelSide{margin:50px; padding:30px; height:300px; width:300px; border:1px solid #888; border-radius:13px; box-shadow:4px 4px 5px 3px #bbb; float:right; background:#FFFFFF; text-align:center}
.hktr{display:none;}
.hkttext {color:#0f69a5; text-shadow:1px 1px 0 #fff; font-size:10pt;}
.txtState {color:Maroon; text-shadow:1px 1px 0 #f2f2f2; font-size:10pt; margin-bottom:15px;}
.txtError {color:#f80808; text-shadow:1px 1px 0 #f2f2f2; font-size:10pt; margin-top:10px !important; line-height:1.6em !important;}
.txtHeads {color:#006bd1 !important; text-shadow:0 0 2px #8f8f8f; font-size:13pt !important; margin:0 !important}
.txtHeadTitle {color:#00a9ff !important; font-weight:bold;  margin-bottom:15px; padding:0 !important}
.txtHeadTitle span {border-bottom:1px dashed #00a9ff;}
.txtTitle {color:Red; margin-top:15px; margin-bottom:10px;}
.TextRight {text-align:right !important; margin:0 !important}
.TextLeft {text-align:left !important}
.textBold {font-weight:700 !important; font-size: 13pt !important; line-height:1.3em !important}
.tBoldJust {font-weight: bold !important;}
.textOnLeft {float:left !important;}
.padLeft {margin-left:40px !important}
.TextBelow {font-size:10pt; line-height:2em; margin:20px 0 20px;}
.TextFortex {font-size:12pt; line-height:3em; margin:30px 0 30px; color:Blue}
.txtCommit {overflow:auto; font-size:10pt; line-height:1.6em; max-height:330px; max-width:900px; height:320px; width:900px; border:1px solid #444; border-radius:8px; background:#f5f5f5; padding:0 15px 3px 15px; text-align:justify}
.txtCommit:hover {background:#FDFFED}
.txtCommit ul{list-style-type: square; float:inherit; margin-right:25px;}
.txtCommit h2{margin-top:12px;}
.Checkbox {color:Blue; margin-top:10px; font-weight:bold; float:right; padding-bottom:20px;}
.Checkbox:hover {color:Black}
.checkbox input[type="checkbox"] + label {cursor:pointer; padding-right:5px !important;}
.btnTextLight {color:#fff !important}
.btnLeft {float:left; width:150px; height:60px;}
.btnRight {float:right; width:150px; height:92px; }
.btnUpdate {font-size:10pt;}
.btnUpdate:hover {color:blue}
.btnBlock {padding:12px; font-family:"IranFont"; font-weight:bold; font-size:16pt; line-height:2em; }
.btnBlocker {padding:6px; font-family:"IranFont"; font-weight:bold; font-size:8pt; line-height:2em; }
.btnFooter {background:#e2ecfe; padding:20px; font-family:tahoma; font-size:9pt; line-height:2em; text-align:center; }
.btnSmall{padding: 4px 6px !important; text-shadow:0 0 2px #000 !important;}
.btnMid{padding: 8px !important; text-shadow:0 0 2px #000 !important;}
.btnAvg{padding: 8px !important; padding-bottom:2px !important; text-shadow:0 0 2px #000 !important; font-size:12pt}
.btnPadAdd{padding:6px 8px !important}
.btnShadow {text-shadow:0 0 2px #000 !important;}
.btnLightShadow {text-shadow:0 0 2px #fff  !important;}
.btnNoShadow {text-shadow:none  !important;}
.textLine * {line-height: 1.3em !important;}
.textLine2 * {line-height: 1.5em !important;}
.textLiner {line-height: 1.5em !important;}
.td-no-pad td, .td-no-pad th {padding:2px 5px !important;}
.WidthMax {width:120px}
.width100 {width:100% !important}
.width98 {max-width:98% !important; width:98% !important; }
.width90 {width:90% !important}
.width80 {width:80% !important}
.width75 {width:75% !important}
.width70 {width:70% !important}
.width60 {width:60% !important}
.width50 {width:50% !important}
.width30 {width:30% !important}
.width20 {width:20% !important}
.width10 {width:10% !important}
.margin-t {
    margin-top: 3em;
}

.margin-t1 {
    margin-top: 15px !important;
}

.margin-t2 {
    margin-top: 25px !important;
}

.margin-t3 {
    margin-top: 35px !important;
}

.margin-t4 {
    margin-top: 45px !important;
}

.linker {
    color: #fff
}

    .linker:hover {
        color: #444
    }

.color-green {
    color: #00ac58 !important
}

.color-greenLight {
    color: #11d18b !important
}

.color-greenTree {
    color: #009d0d !important
}

.color-greenTreeAll *{
    color: #009d0d !important
}

.color-red {
    color: red !important
}

.color-black {
    color: #000 !important
}

.color-blueLight {
    color: #00a1ff !important
}

.color-blue {
    color: #005bff !important
}

.color-blueAll * {
    color: #005bff !important
}

.color-blueDark {
    color: #00468a !important
}

.color-orange {
    color: #ff7500 !important
}
.color-orangeAll * {
    color: #ff7500 !important
}

.color-redLight {
    color: #ff4600 !important
}

.line-border {
    border: 1px solid #ccc;
}

.bcolor-orange {
    border-color: #ff7500 !important;
}

.bcolor-redLight {
    border-color: #ff4600 !important;
}

.bcolor-blueLight {
    border-color: #3ebeff !important;
}

.bcolor-blueDark {
    border-color: #0060bd !important;
}

.color-light {
    color: #bababa !important;
}

.color-golden {color:#ffea00 !important;}
.color-goldDark {color:#ffb912 !important;}
.color-yellow{color:yellow !important;}
.color-grJungle {color:#0bdeb1 !important;}
.color-aqua {color:aqua !important;}
.color-magenta {color:#ae01d0 !important}

.color-white {
    color: #fff;
}

.color-Bigwhite {
    color: #fff;
    font-size: 80pt;
}

@media(min-width:670px) {
    .border-Rb1 {
        border-right: 2px solid #00a9ff !important; padding-right:50px !important
    }
}

.font-big {
    font-size: 30pt;
    font-weight: bold;
    padding: 15px;
}

.font-medium {
    font-size: 18pt;
    font-weight: bold;
}

.font-medium2 {
    font-size: 14pt;
    font-weight: bold;
}

.font-medium3 {
    font-size: 12pt;
    font-weight: bold;
}

.font-medium4 {
    font-size: 11pt;
    font-weight: bold;
}

.font-small-All * {font-size:13px !important}
.font-small-All2, .font-small-All2 * {font-size:11px !important}

.font-titr {
    font-size: 12pt;
    font-weight: bold;
    line-height: 3em
}
.txtSelect {font-size:10pt; color:#0d65a5; margin-right:22px;}
.txtSelect:hover{color:blue}
.txtBlack {color:#000; text-shadow:1px 1px 4px #777}
.txtTags {resize:none;}
.txtLink{text-decoration:underline !important}
.txtLinkBorderBlue {border-bottom:2px solid blue; color:blue !important; padding-bottom:0 !important}
.txtLinkBorderGreen {border-bottom:2px solid #038a4c; color:#038a4c !important; padding-bottom:0 !important}
.txtLinkBorderRed {border-bottom:2px solid #f2205a; color:#f2205a !important; padding-bottom:0 !important}
.txtLinkBorderMagenta {border-bottom:2px solid #d50fd1; color:#d50fd1 !important; padding-bottom:0 !important}
.txtRequire {width:30px; text-align:center; font-family:Tahoma; font-size:11pt}
.txtValidator {direction:rtl; line-height:3em; text-align:right; width:230px; margin-top:60px; color:Red;}
.txtValid {direction:rtl; line-height:3em; text-align:right;color:Red;}
.HighLight {text-shadow:1px 1px 2px #0f69a5}
.textLight {color:Blue; line-height:2em;max-width:640px;margin:0 auto; margin-bottom:25px; overflow:auto; font-size:10pt; border:1px solid #444; border-radius:8px; background:#f5f5f5; padding:5px 15px 10px 15px}
#RegText {color:Blue; line-height:1.6em;}
#RegForm {line-height:2em; padding:5px 30px 5px;}
#RegForm p {text-align:left; margin-top:15px}
#RegForm .Button,.Button {color:#0f69a5; font-size:11pt; width:80px; height:30px; background:#f2f2f2}
#RegForm .fonter {font-family:Tahoma; width:150px; margin:15px; cursor:pointer}
#RegForm li {width:440px; font-size:10pt; border-bottom: 1px solid #fff; padding:5px 0 5px; list-style:none}
#RegForm li.Checker {width:570px; text-align:center}
#RegForm li.Checker2 {width:570px; height:75px; text-align:center}
#RegForm li.Checker3 {width:570px; height:165px; text-align:center}
#RegForm li.Checker4 {width:570px; height:95px; text-align:center}
#RegForm li span{left:40px; float:left}
#RegForm li span.Spacer{padding-right:170px}
#RegForm li span.Locker{width:30px;}
#RegForm li span.Tucher{padding-right:18px; color:#0d65a5; font-size:9pt;}
#Several {float:right; min-width:250px;}
#Tropical {float:left; min-width:230px;}
#RegForm p.Title {color:Red; font-size:9pt; font-weight:bold; margin:20px 0 10px; text-align:right;}
.Registeration{margin:0; position:relative;direction:rtl; font-family:Tahoma; font-size:10pt; padding:20px 30px; color:#000;}
.divFinal {float: right; margin-top:50px; padding-top:50px;}
.no-resize{resize:none !important; line-height:1.5em !important}

.img-CallLink{background:url(../../img/acc.png) no-repeat left; padding-left:20px !important}
.img-QusLink{background:url(../../img/q1.png) no-repeat left; padding-left:20px !important}
.img-Question{background:url(../../img/qus.png) no-repeat left; background-position:center !important;}

#onpage_search { font-size: 14px; background-color: #fcfcfc !important; border: 1px solid #e0e1e1; padding: 3px; }
.noresults, .noresults * { color: #f3f4f5 !important; }
.results { background: blue !important; color: white !important; }
.results .img-CallLink a{color: white !important; }
.results:hover { background: #333 !important; color: white !important; }
.results .img-CallLink a:hover {color:#00ffe8 !important}
#timer1 { position: fixed; z-index: 99999; left: 36px; text-align: center; margin-top: 10px; font-size: 10pt !important; line-height: 1em !important; direction: rtl; border: 1px solid #00ba42; background: #fff; opacity: 0.8; padding: 5px 15px 5px 5px; }
#timer1 h5 { margin-top: 1px; margin-right: 15px; font-size: 10pt !important; }
.clsbtn { padding: 3px 5px 0 5px !important; border: 1px solid #bbb; font-size: 14pt; position: absolute; background: #f0f0f0; opacity: 1; cursor: pointer; margin-right: -15px !important; margin-top:-5px !important}
.clsbtn:hover { background: #2b2b2b; color: #fff; }
.Handmouse, .Handmouse * {cursor:pointer !important; padding-right:2px !important}
.absolut {position:absolute !important}