@charset "utf-8";
@font-face {
    font-family: BYekan;
    src: url(../fonts/BYekan.eot);
    src: url(../fonts/BYekan.eot?#iefix) format('embedded-opentype'), url(../fonts/BYekan.woff) format('woff'), url(../fonts/BYekan.ttf) format('truetype'), url(../fonts/BYekan.svg#WeBYekan) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: BBadr;
    src: url(../fonts/BBadr.eot);
    src: url(../fonts/BBadr.eot?#iefix) format('embedded-opentype'), url(../fonts/BBadr.woff) format('woff'), url(../fonts/BBadr.ttf) format('truetype'), url(../fonts/BBadr.svg#WeBYekan) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: BBaran;
    src: url(../fonts/BBaran.eot);
    src: url(../fonts/BBaran.eot?#iefix) format('embedded-opentype'), url(../fonts/BBaran.woff) format('woff'), url(../fonts/BBaran.ttf) format('truetype'), url(../fonts/BBaran.svg#WeBYekan) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: pHallsKhodkar;
    src: url(../fonts/pHallsKhodkar.eot);
    src: url(../fonts/pHallsKhodkar.eot?#iefix) format('embedded-opentype'), url(../fonts/pHallsKhodkar.woff) format('woff'), url(../fonts/pHallsKhodkar.ttf) format('truetype'), url(../fonts/pHallsKhodkar.otf) format('otf'), url(../fonts/pHallsKhodkar.svg#DesyrelRegular) format('svg');
    font-weight: 400;
    font-style: normal
}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

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

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: block
}

.none {
    display: none
}

.desc-box, .heading-box, .right {
    direction: rtl
}

body, html, input, textarea {
    margin: 0;
    padding: 0;
    font-family: BYekan, arial, sans-serif !important;
    font-size: 14px;
    line-height: 24px;
    background: #fff
}

::selection {
    color: #fff
}

::-moz-selection {
    color: #fff
}

a {
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    text-decoration: none
}

a:focus, a:hover {
    text-decoration: underline;
    color: #8FDD26
}

::-webkit-scrollbar {
    width: 1px
}

::-webkit-scrollbar-track {
    background: #ededed
}

::-webkit-scrollbar-thumb {
    background: #cbcbcb
}

@media (max-width: 1169px) {
    .wrapper {
        width: 1000px !important;
        margin-left: 20px;
        margin-right: 20px
    }

    .touch-carousel .scrollbar-holder {
        width: 1000px !important
    }

    .services-boxes {
        width: 270px !important
    }

    #colovideoto {
        padding-top: 130px !important
    }

    .filters {
        margin-left: -25px;
        margin-top: 10px
    }

    .fancybox-wrap {
        top: 120px !important
    }

    .arlogo, .enlogo, .logo {
        right: 20px !important
    }

    ul.navigation {
        margin-right: 250px !important
    }
}

@media (max-width: 1023px) {
    .header {
        position: relative
    }

    .bannercontainer {
        top: 0
    }

    .services {
        margin-top: 50px
    }

    .navigation {
        display: none
    }

    .menu-mobile {
        width: 100%;
        background: #2d313d;
        display: none
    }

    .menu-mobile ul.navigation {
        float: none;
        display: block
    }

    .menu-mobile ul.navigation li {
        float: none;
        margin: 0;
        border-bottom: 1px solid #3d4150
    }

    .menu-mobile ul.navigation li a {
        padding: 25px 0;
    }

    .menu-mobile ul.navigation li.current a, .menu-mobile ul.navigation li:hover a {
        background: 0 0
    }

    .menu-mobile .navigation li ul {
        width: auto;
        display: block;
        position: inherit;
        background: 0 0;
        border: 0
    }

    .menu-mobile .navigation li ul li {
        margin: auto;
        padding: 0 35px;
        border-bottom: 1px solid #3d4150
    }

    .menu-mobile .navigation li ul li:first-child {
        border-top: 1px solid #3d4150
    }

    .menu-mobile ul.navigation li ul li a {
        border: 0;
        padding: 25px 0
    }

    .menu-mobile ul.navigation li ul li a:hover, .menu-mobile ul.navigation li:hover ul li a, .menu-mobile ul.navigation li:hover ul li a:hover {
        background: 0 0
    }

    .menu-mob-icon {
        display: block
    }

    .p-text-slider-2 {
        width: 800px
    }

    .blog-post-header {
        top: 0;
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    .heading-box {
        background: url(../images/bg-heading.png) no-repeat bottom center;
        display: block;
        padding: 20px;
        text-align: center
    }

    .desc-box {
        text-align: center
    }

    .about-box .heading-box, .blog-post-header .heading-box, .contact .heading-box, .statistics .heading-box, .team-box .heading-box {
        background: url(../images/bg-heading-white.png) no-repeat bottom center;
        line-height: 36px
    }

    .service {
        width: 48%;
        margin-left: 2%
    }

    .about-img, .about-info, .about-text1, .about-text2 {
        float: none;
        width: 100%;
        text-align: center
    }

    .about-img img {
        width: 300px;
        height: 300px
    }

    .about-text1, .about-text2 {
        margin-top: 30px
    }

    .portfolio-box .wrapper .left, .portfolio-box .wrapper .right {
        float: none;
        text-align: center
    }

    .portfolio-box .wrapper .right {
        margin-top: 15px
    }

    .statistics-box {
        width: 48%;
        height: 48%;
        margin-left: 2%;
        margin-bottom: 2%
    }

    .plan {
        width: 370px;
        margin: auto;
        float: none;
        margin-bottom: 30px
    }

    .buy-box .wrapper .left, .buy-box .wrapper .right {
        float: none;
        text-align: center;
        line-height: 36px
    }

    .buy-box .wrapper .right {
        margin-top: 50px
    }

    .contact-form .left, .contact-form .right {
        width: 100%;
        float: none
    }

    .dribbble-box-footer, .soc-box-footer, .twitter-box-footer {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 20px
    }

    .p-text-slider-2 {
        width: 460px
    }

    .content-left, .content-right {
        float: none;
        width: 100%;
        margin-left: 0
    }

    .portfolio-footer {
        margin-top: 40px
    }
}

@media (max-width: 460px) {
    .wrapper {
        width: auto;
        margin-left: 10px;
        margin-right: 10px
    }

    .service, .services-boxes, .statistics-boxes {
        width: 100%;
        margin-left: 0
    }

    .about-img {
        padding-left: 0;
        padding-right: 0
    }

    .about-img img {
        width: 250px;
        height: 250px
    }

    .statistics-box {
        width: 100%;
        height: 100%;
        margin-left: 0
    }

    .plan {
        width: 280px
    }

    .blog-box .touch-carousel {
        height: 465px
    }

    .blog-box .touch-carousel .touchcarousel-item {
        width: 320px;
        height: 465px
    }

    .blog-box .touch-carousel .item-block img {
        width: 320px;
        height: 140px
    }

    .link-hover-img {
        display: none
    }

    .blog-box .info-p .right {
        float: none
    }

    .avatar-com {
        float: none;
        margin: auto;
        margin-bottom: 10px
    }

    .comment-info {
        margin-left: 0;
        float: left
    }

    .portfolio-footer a, .portfolio-footer a.home-link {
        width: 100%;
        margin-bottom: 10px;
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .portfolio-footer a.home-link i {
        margin: auto
    }
}

.wrapper {
    width: 1170px;
    margin: auto
}

#slideout {
    position: fixed;
    top: 520px;
    left: 0;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    z-index: 99999;
    background: #fff;
    border: 1px solid #898989;
    border-left: 0
}

#slideout_inner {
    position: fixed;
    top: 520px;
    left: -85px;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    background: #fff;
    border: 1px solid #898989;
    border-left: 0;
    z-index: 96
}

#slideout:hover {
    left: 81px
}

#slideout:hover #slideout_inner {
    left: 0
}

a.link-settings-colors {
    width: 40px;
    height: 28px;
    padding-top: 12px;
    display: block;
    background: #fff;
    z-index: 99999;
    position: relative;
    margin-left: -1px
}

a.link-settings-colors:hover {
    text-decoration: none
}

.link-settings-colors i {
    display: block;
    margin-left: 12px;
    background: url(../images/setting.png);
    width: 16px;
    height: 16px
}

#slideout_inner ul {
    list-style: none;
    width: 70px;
    margin: 0;
    padding-right: 10px;
    padding-top: 10px
}

#slideout_inner ul li {
    float: left;
    padding-left: 10px;
    padding-bottom: 10px
}

#slideout_inner ul li a {
    width: 22px;
    height: 22px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-indent: -9999px;
    display: block
}

#slideout_inner ul li a.colorblue {
    background: #1aace7;
    border: 1px solid #157298
}

#slideout_inner ul li a.colorgreen {
    border: 1px solid #177e6a;
    background: #25b89b
}

#slideout_inner ul li a.colorred {
    border: 1px solid #8a3234;
    background: #8FDD26
}

#slideout_inner ul li a.coloryellow {
    border: 1px solid #fbb102;
    background: #ffc600
}

.header-menu {
    height: 82px;
    width: 100%;
    position: fixed;
    z-index: 998;
    box-shadow: 0 0 40px #000;
    -moz-box-shadow: 0 0 40px #000;
    -ms-box-shadow: 0 0 40px #000;
    -o-box-shadow: 0 0 40px #000;
    -webkit-box-shadow: 0 0 40px #000
}

.logo {
    display: block;
    background: url(../images/logo.png) no-repeat;
    width: 240px;
    height: 140px;
    text-indent: -9999px;
    position: absolute;
    right: 64px
}

.enlogo {
    display: block;
    background: url(../images/logo.png) no-repeat;
    width: 240px;
    height: 140px;
    text-indent: -9999px;
    position: absolute;
    right: 64px
}


.menu-mobile .navigation {
    display: none
}

ul.navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    margin-right: 250px
}

ul.navigation li {
    float: right
}

ul.navigation li a {
    display: block;
    font-size: 16px;
    padding: 29px 15px;
    text-decoration: none;
    z-index: 1000;
    position: relative;
    font-family: BYekan, arial, sans-serif !important
}

ul.navigation li.current a:active, ul.navigation li:hover a {
    background: #EE992E;
}

.current {
    background: #fff;
}

ul.navigation li ul {
    width: 200px;
    position: absolute;
    display: none;
    top: 80px;
    margin-left: -70px;
    padding: 1px 0 0;
    background: #fff
}

#leftmn {
    margin-left: -30px
}

ul.navigation li:hover ul {
    display: block
}

ul.navigation li ul li {
    display: block;
    position: relative;
    float: none;
    margin: 0 15px
}

ul.navigation li ul li a, ul.navigation li:hover ul li a {
    display: block;
    text-decoration: none;
    z-index: 1000;
    padding: 18px 0;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    background: 0 0;
    text-align: right;
    float: none
}

ul.navigation li ul li a:hover, ul.navigation li ul li.current a, ul.navigation li:hover ul li a:hover {
    background: #fff
}

ul.navigation li ul li:last-child a {
    border: 0
}

.menu-mob-icon {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-top: 20px;
    display: none
}

.menu-mob-icon i {
    width: 32px;
    height: 32px;
    margin-top: 13px;
    margin-left: 13px;
    display: block
}

.bannercontainer {
    width: 100% !important;
    position: relative;
    padding: 0;
    overflow: hidden;
    top: 83px;
    max-height: 705px
}

.banner ul {
    visibility: hidden
}

.tp-caption.tp-hidden-caption, .tp-hide-revslider {
    visibility: hidden !important;
    display: none !important
}

.tp-caption {
    z-index: 1
}

.tp-caption.huge {
    position: absolute;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 60px;
    white-space: nowrap;
    font-family: BYekan, arial, sans-serif !important;
    text-align: center;
    direction: rtl
}

.p-text-slider {
    font-size: 24px;
    line-height: 36px;
    width: 600px;
    position: absolute
}

.p-text-slider-2 {
    font-size: 24px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    width: 1024px
}

.b-slider {
    padding: 22px 37px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block
}

.b-slider:hover {
    background: #fff;
    text-decoration: none
}

.b2-slider {
    padding: 22px 0;
    text-align: center;
    width: 210px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    top: 400px;
    display: block;
    float: left
}

.b2-slider:hover, .b3-slider:hover, .b4-slider:hover {
    background: #6bc8ed;
    text-decoration: none
}

.b3-slider {
    padding: 22px 0;
    text-align: center;
    width: 210px;
    background: #2d313d;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    float: left;
    margin-left: 20px
}

.b4-slider {
    padding: 22px 0;
    text-align: center;
    width: 265px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    float: left
}

.buttons-slider {
    width: 460px
}

.buttons2-slider {
    width: 265px
}

.tp-caption strong {
    font-weight: 900
}

.tp-caption .colored {
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none !important
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    box-shadow: 0 0 15px rgba(0, 0, 0, .3)
}

.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {
    -webkit-transform: translateZ();
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
    -ms-filter: "alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.tp-simpleresponsive img {
    max-width: none
}

.noFilterClass {
    filter: none !important
}

.caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.caption {
    text-shadow: 0 0 9px #fff;
    filter: dropshadow(color=#fff, offx=0, offy=0);
    background-color: rgba(0, 0, 0, .4);
}

.caption.fullscreenvideo iframe {
    width: 100% !important;
    height: 100% !important
}

.tp-caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.tp-caption.fullscreenvideo iframe {
    width: 100% !important;
    height: 100% !important
}

.tpclear {
    clear: both
}

.tp-bullets {
    display: none
}

.tp-bullets.hidebullets {
    -ms-filter: "alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tparrows {
    -ms-filter: "alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out
}

.tparrows.hidearrows {
    -ms-filter: "alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: "alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out
}

.tp-bullets.simplebullets {
    bottom: 10px
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background-color: #ebebeb;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    float: left;
    margin-right: 5px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in
}

.top-wrapper .tp-bullets.simplebullets.round .bullet {
    background-color: #595959
}

.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 5px;
    float: left !important;
    clear: none !important
}

.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover {
    background-color: #ff6760
}

.tparrows:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: 0;
    margin-top: 6px;
    text-align: center;
    width: 37px;
    font-size: 15px
}

@-moz-document url-prefix() {
    .tparrows:before {
        margin-top: 7px
    }
}

.tparrows {
    z-index: 100;
    cursor: pointer;
    position: relative;
    height: 80px;
    width: 80px;
    margin-top: -40px;
    top: 50% !important
}

.top-wrapper .tparrows {
    background: #595959;
}

.tp-leftarrow {
    background: url(../images/prev.png) no-repeat
}

.tp-rightarrow {
    background: url(../images/next.png) no-repeat
}

.tp-leftarrow:hover, .tp-rightarrow:hover {
    background-position: 0 -80px
}

@-moz-document url-prefix() {
    .tparrows.tp-rightarrow:before {
        margin-left: 2px
    }
}

media_tag_2 {
    media_subcode: 2
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: #EE1C25 !important;
    position: absolute;
    z-index: 200
}

.tp-bannertimer.tp-bottom {
    bottom: 0 !important;
    height: 8px
}

media_tag_3 {
    media_subcode: 3
}

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-simpleresponsive a {
    text-decoration: none
}

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

.tp-simpleresponsive > ul > li {
    list-style: none;
    position: absolute;
    visibility: hidden
}

.caption.slidelink a div, .tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px
}

.tp-loader {
    background: url(../images/loading.gif) no-repeat;
    background-color: #2a2a2a;
    margin: -23px -23px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 46px;
    height: 46px
}

.services {
    margin-top: 83px
}

.heading-box {
    width: 900px;
    font-size: 22px;
    text-align: right;
    float: right;
    padding-left: 75px;
    padding-top: 0;
    font-family: BYekan, arial, sans-serif !important
}

.desc-box {
    text-align: right;
    font-size: 20px;
    float: right;
    
    margin-top: 5px;
    line-height: 36px;
    width: 60%;
    font-family: BYekan, arial, sans-serif !important
}

.desc-boxx {
    text-align: right;
    font-size: 20px;
    float: right;
    margin-top: 5px;
    line-height: 36px;
    width: 60%;
    font-family: BYekan, arial, sans-serif !important
}

.services-boxes {
    float: right;
    width: 350px;
    margin-right: 100px
}

.service {
    width: 100%;
    margin-top: 50px;
    font-size: 14px;
    line-height: 24px;
    height: 70px;
    overflow: hidden;
    margin-left: 85px
}

.service-icon {
    text-align: center;
    width: 70px;
    height: 64px;
    float: right;
    padding-top: 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 30px
}

.service span {
    font-weight: 700;
    font-size: 17px;
    display: block;
    direction: rtl;
    font-family: BYekan, arial, sans-serif !important
}

.service p {
    direction: rtl;
    font-size: 13px
}

.service-icon i {
    
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out
}

.service:hover i {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff
}

.about-box {
    /*background: #EE1C25 !important;*/
    padding: 1px 0 20px !important;
    
    direction: rtl
}

#aza, #hadaf, #paziresh {
    /*background: #EE1C25 !important*/
}

#chart {
    /*background: #568D0C !important*/
}

.about-box .desc-box, .about-box .heading-box {
}

.about-content {
    margin-top: 50px
}

@-webkit-keyframes blur-anim {
    0% {
        -webkit-filter: blur(0px) brightness(1.1)
    }
    100% {
        -webkit-filter: blur(5px) brightness(2)
    }
}

.about-img {
    float: right;
    width: 25%;
    padding-left: 2%;
    padding-right: 3%
}

.about-img img {
    margin-top: 50px;
    width: 100%;
    border: 1px dotted #CCC
}

.about-img:hover img {
    width: 100%;
    -webkit-animation: blur-anim 1s linear;
    -webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: 2
}

.about-info {
    margin: 0 auto;
    width: 95%;
    margin-top: 70px;
    font-size: 16px;
    text-align: justify;
    line-height: 21px;
    font-family: BYekan, arial, sans-serif !important
}

.about-text1 {
    float: left;
    width: 49%
}

.about-text2 {
    float: right;
    width: 100%;
    line-height: 35px;
    text-align: justify;
    direction: rtl
}

.about-text3 {
    margin-top: 30px
}

.about-text1 span, .about-text2 span, .about-text3 span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.portfolio-box {
    margin-top: 50px;
    padding-bottom: 50px
}

.portfolio-box .wrapper .right a {
    font-size: 18px;
    font-weight: 700;
    padding: 20px;
    background: #2d313d;
    
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px
}

.portfolio-box .wrapper .right a:hover {
    text-decoration: none
}

.touchcarousel {
    position: relative;
    width: 100%;
    height: 394px;
    overflow: hidden
}

.touchcarousel .arrow-holder {
    background: rgba(255, 255, 255, .3);
    text-decoration: none;
    padding-top: 10px;
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 5px;
    -webkit-border-radius: 10px;
    border-radius: 3px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out
}

.touchcarousel .arrow-holder:hover {
    background: rgba(141, 199, 62, 1);
    
    opacity: 1
}

.touchcarousel .arrow-holder.left {
    position: absolute;
    top: 90%;
    left: 20px;
    padding-top: 10px
}

.touchcarousel .arrow-holder.right {
    position: absolute;
    top: 90%;
    right: 20px
}

.touchcarousel .touchcarousel-container {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    left: 0
}

.touchcarousel .touchcarousel-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.touchcarousel .scrollbar-holder {
    position: absolute;
    z-index: 30;
    left: 6px;
    right: 6px;
    bottom: 5px;
    height: 4px;
    overflow: hidden
}

.touchcarousel .scrollbar {
    position: absolute;
    left: 0;
    height: 4px;
    bottom: 0
}

.touchcarousel .auto-cursor {
    cursor: auto
}

.touch-carousel {
    width: 100%;
    height: 384px;
    margin-top: 50px
}

.fullwidth .touch-carousel {
    width: 100%
}

.product-item {
    direction: rtl
}

.product-item img {
    margin-bottom: -50px
}

.product-item-text {
    margin: 20px;
    margin-top: 0;
    font-family: BYekan, arial, sans-serif !important
}

.touch-carousel .touchcarousel-item {
    width: 384px;
    height: 384px;
    float: left
}

.touchcarousel-item {
    position: relative
}

.touchcarousel .touchcarousel-item:before {
    display: none
}

.touchcarousel .touchcarousel-item a.link-job {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 384px;
    height: 384px;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .6)
}

.touchcarousel .touchcarousel-item:hover a.link-job {
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

.like-job-icon {
    display: inline-block;
    height: 23px;
    padding-right: 40px;
    margin-top: 133px;
    margin-left: 154px
}

.like-job-amount {
    font-size: 16px;
    margin-top: 30px;
    display: block;
    text-align: center;
    font-family: BYekan, arial, sans-serif !important;
}

#like-job-amount {
    margin-top: 30px !important
}

.title-job {
    display: block;
    text-align: center;
    margin-top: 50px;
    cursor: pointer
}

.touch-carousel .touchcarousel-item.last {
    margin-right: 0 !important
}

.touch-carousel .item-block {
    width: 384px;
    height: 384px;
    display: block
}

.touch-carousel .item-block img {
    width: 384px;
    height: 384px;
    border: 1px #8FDD26 dashed;
    padding: 0
}

.touch-carousel .scrollbar-holder {
    background: #eaeaea;
    bottom: -45px;
    height: 15px;
    width: 1170px;
    margin: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.touch-carousel .scrollbar {
    background-color: #bdbdbd !important;
    bottom: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 15px
}

.statistics {
    margin-top: 50px;
    padding: 50px 0;
}

.statistics-namayandegi {
    background: #DB6000;
    margin-top: 0;
    margin-bottom: -40px;
    padding: 1px 0;
}

.news-box .heading-box, .statistics .desc-box, .statistics .heading-box, .statistics-namayandegi .desc-box, .statistics-namayandegi .heading-box {
}

.news-box .desc-box {
}

.statistics-boxes {
    margin: 50px 0 0 -2%
}

.statistics-boxes a {
}

.statistics-box {
    float: left;
    width: 23%;
    height: 23%;
    margin-left: 20%;
    margin-top: 3%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-bottom: 25px;
    padding-top: 25px;
    font-family: BYekan, arial, sans-serif !important
}

.statistics-box:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(200, 100, 20, .8);
    box-shadow: 0 10px 20px 0 rgba(200, 100, 20, .8)
}

.stat-icon {
    margin-left: 40%;
    text-align: center;
    margin-top: 40px;
    display: block
}

.stat-info {
    font-size: 30px;
    text-align: center;
    display: block;
    margin-top: 40px
}

.stat-number {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-top: 25px
}

.team-box {
    background: #2d313d;
    padding: 50px 0;
}

.team-box .desc-box, .team-box .heading-box {
}

.team-box .touchcarousel {
    background: #262933
}

.team-box .touch-carousel .scrollbar, .team-box .touch-carousel .scrollbar-holder {
    display: none
}

.touchcarousel .touchcarousel-item .link-team {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 384px;
    height: 384px;
    background: url(../images/bg-team.png);
    
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    cursor: move;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase
}

.touchcarousel .touchcarousel-item:hover .link-team {
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

.name-user-team {
    font-size: 30px;
    margin-top: 155px;
    display: block;
    text-align: center
}

.profession-team {
    text-align: center;
    margin-top: 30px
}

.profession-team span {
    padding: 9px 12px;
    font-size: 18px;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.soc-box-team {
    margin-top: 85px;
    margin-left: 40px
}

.soc-box-team a {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 20px;
    opacity: .8
}

.soc-box-team a:hover {
    opacity: 1
}

.price {
    margin-top: 50px
}

.pricing {
    margin-top: 50px;
    margin-left: -2%
}

.plan {
    width: 31%;
    margin-left: 2%;
    padding-bottom: 30px;
    text-align: center;
    
    float: left;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.plan:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.plan-head {
    text-transform: uppercase;
    padding: 30px 0 20px;
    font-weight: 700
}

.plan-name {
    font-size: 36px
}

.plan-price {
    font-size: 72px;
    margin-top: 50px
}

.plan-info {
    margin-top: 35px
}

.plan-features p {
    padding-top: 20px;
    line-height: 14px
}

.plan-order {
    display: inline-block;
    margin-top: 20px;
    padding: 20px 11px;
    background: #2d313d;
    text-transform: uppercase;
    
    font-weight: 700;
    font-size: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.plan-order:hover {
    background: #fff;
    color: #262626;
    text-decoration: none
}

.news-box {
    padding: 15px 0;
    background: #ffffff;
}

.news-box .touch-carousel .scrollbar, .news-box .touch-carousel .scrollbar-holder {
    display: none
}

.news-box .touchcarousel {
    position: relative;
    width: 100%
}

.news-box .touch-carousel {
    width: 100%;
    height: 480px;
    margin-top: 50px
}

.news-box .touch-carousel .touchcarousel-item {
    width: 340px;
    height: 470px;
    float: left;
    background: #fff;
    cursor: move;
    direction: rtl;
    text-align: right
}

.news-box .touch-carousel .touchcarousel-item.item-gray {
    background: #E7E7E9;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    border-top: 1px solid #D4D2D2
}

.news-box .touch-carousel .touchcarousel-item.item-white {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    border-top: 1px solid #D4D2D2
}

.news-box .touch-carousel .item-block img {
    width: 340px;
    height: 200px;
    border: 0;
    padding: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .4)
}

.news-box .touchcarousel .touchcarousel-item .link-hover-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 280px;
    
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    cursor: move;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase
}

.news-box .touchcarousel .touchcarousel-item:hover .link-hover-img {
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

.news-box .info-post {
    padding: 20px
}

.news-box .title-post {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    height: 20px;
    overflow: hidden;
    display: block
}

.news-box .title-post:hover {
    text-decoration: none !important
}

.news-box .touchcarousel-item:hover .title-post {
}

.news-box .info-p {
    border-top: 1px solid #f7f7f9;
    border-bottom: 1px solid #f7f7f9;
    padding: 10px 0;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 20px
}

.news-box .date-post {
    background: url(../images/date.png) no-repeat right;
    display: inline-block;
    border-right: 1px solid #f7f7f9;
    padding: 2px 25px 2px 7px
}

.news-box .twitter-share-button {
    margin-top: 6px
}

.news-box .info-p .right {
    width: 80px;
    overflow: hidden
}

.news-box .story-post {
    padding: 20px 0;
    font-size: 13px;
    line-height: 30px;
    height: 75px;
    overflow: hidden;
    text-align: justify;
    direction: rtl;
    font-family: BYekan, arial, sans-serif !important
}

.news-box .footer-post {
    border-top: 1px solid #f7f7f9;
    padding-top: 10px;
    margin-top: 15px
}

.news-box .footer-post .left a {
    font-size: 14px;
    font-weight: 700;
}

.news-box .touchcarousel-item:hover .footer-post .left a {
    color: #8FDD26;
    text-decoration: underline
}

.link-com {
    display: inline-block;
    height: 16px;
    font-weight: 700;
    background: url(../images/comment.png) no-repeat;
    padding-left: 20px;
    padding-right: 7px;
    border-right: 1px solid #f7f7f9;
    text-decoration: none
}

.link-com span {
    display: block;
    margin-top: -4px
}

.link-like {
    display: inline-block;
    height: 16px;
    font-weight: 700;
    background: url(../images/like.png) no-repeat;
    padding-left: 20px;
    margin-left: 7px
}

.link-like span {
    display: block;
    margin-top: -4px
}

.news-box .touchcarousel-item:hover .link-com, .news-box .touchcarousel-item:hover .link-like {
    background-position: 0 -16px;
    color: #8FDD26
}

.news-box .link-com:hover, .news-box .link-like:hover {
    text-decoration: none
}

.news-box .touch-carousel .touchcarousel-item.item-gray .author-post, .news-box .touch-carousel .touchcarousel-item.item-gray .date-post, .news-box .touch-carousel .touchcarousel-item.item-gray .footer-post, .news-box .touch-carousel .touchcarousel-item.item-gray .info-p, .news-box .touch-carousel .touchcarousel-item.item-gray .link-com {
    border-color: #CFCECE
}

.buy-box {
    /*background: #EE1C25;*/
    padding: 50px 0;
    text-transform: uppercase
}

.buy-box .left {
    font-size: 36px;
}

.buy-box .right a {
    font-size: 18px;
    padding: 15px 25px;
    
    position: relative;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.buy-box .left input[type=submit] {
    background: #8FDD26;
    font-size: 18px;
    padding: 15px 25px;
    
    position: relative;
    -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -ms-border-top-left-radius: 8px;
    -o-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -ms-border-bottom-left-radius: 8px;
    -o-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.buy-box .left input[type=submit]:hover {
    background: #fff;
    color: #262626;
    text-decoration: none;
    -webkit-box-shadow: inset 0 0 2px 0 #8FDD26;
    box-shadow: inset 0 0 2px 0 #8FDD26;
    cursor: pointer
}

.contact {
    direction: rtl;
    /*background: #EE1C25 !important;*/
    padding: 50px 0;
}

.contact .desc-box, .contact .heading-box {
}

.map-contact iframe {
    height: 350px;
    width: 50%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: left;
    border: 1px dotted #fff
}

.contact-form .left {
    margin-top: 11px;
    font-size: 24px;
    line-height: 36px;
    width: 40%;
    float: right;
    text-align: right
}

.sub-form .right {
    margin-top: 11px;
    font-size: 24px;
    line-height: 36px;
    float: left
}

.sub-form .left input {
    display: block;
    height: 57px;
    background: #fff;
    border: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    font-size: 18px;
    margin-top: -6px;
    padding: 0 15px;
    margin-left: 10px;
    text-align: center
}

.contact-form .right {
    width: 60%
}

.contact-form .right form {
    padding-right: 40px
}

.contact-form .right input {
    display: block;
    width: 50%;
    height: 60px;
    background: #fff;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 18px;
    margin-bottom: 3px;
    padding: 0 20px;
    float: right
}

.contact-form .right textarea {
    display: block;
    width: 50%;
    height: 100px;
    background: #fff;
    font: -webkit-small-control;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    text-align: start;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 18px;
    margin-bottom: 3px;
    padding: 20px
}

.contact-form .right input.send-button {
    display: inline-block;
    
    font-weight: 700;
    text-transform: uppercase;
    background: #2d313d;
    padding: 20px 50px;
    width: auto;
    cursor: pointer;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    margin-left: 0
}

.contact-form .right input.send-button:hover {
    background: #fff;
    color: #262626
}

.footer {
    background: #2d313d;
    padding: 50px 0
}

.title-footer {
    font-size: 18px;
    font-weight: 700;
    
    text-transform: uppercase;
    text-align: right
}

.soc-box-footer {
    float: right;
    width: 42%
}

.soc-footer li {
    display: inline-block;
    margin-left: 25px;
    margin-bottom: 25px
}

.soc-footer li a {
    display: block;
    background: url(../images/soc-footer.png) no-repeat;
    width: 70px;
    height: 70px;
    text-indent: -99999px
}

.soc-footer li a.fb {
    background-position: -70px 0
}

.soc-footer li a.drb {
    background-position: -140px 0
}

.soc-footer li a.you {
    background-position: -210px 0
}

.soc-footer li a:hover {
    background-position: 0 -70px
}

.soc-footer li a.fb:hover {
    background-position: -70px -70px
}

.soc-footer li a.drb:hover {
    background-position: -140px -70px
}

.soc-footer li a.you:hover {
    background-position: -210px -70px
}

.twitter-box-footer {
    float: left;
    width: 41%;
    margin-left: 2%;
}

.twitter-box-footer span {
    font-size: 13px !important
}

.twitter-box-footer a {
}

.tweet {
    font-size: 16px;
    line-height: 30px;
    margin-top: 25px
}

.date-tweet {
    font-weight: 700;
    display: block;
    margin-top: 10px
}

.dribbble-box-footer {
    float: left;
    width: 32%;
    margin-left: 2%
}

.drb-footer {
    margin-top: 13px;
    margin-left: -17px
}

.drb-footer li {
    margin-top: 17px;
    margin-left: 17px;
    display: inline-block
}

.drb-footer li a {
    display: block;
    width: 110px;
    height: 110px;
    background: #fff
}

.drb-footer li a:hover img {
    opacity: .8;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.blog-post-header {
    top: 100px;
    margin-bottom: 100px;
    padding: 50px 0;
    
    position: relative
}

.blog-post-header .desc-box, .blog-post-header .heading-box {
}

.blog-post-content {
    padding: 50px 0;
    
    background: #2d313d
}

.blog-post-img img {
    width: 100%
}

.blog-post-title {
    font-size: 24px;
    font-weight: 700;
    
    line-height: 48px;
    margin-top: 10px
}

.blog-post-info {
    border-top: 1px solid #3c4151;
    border-bottom: 1px solid #3c4151;
    padding: 10px 0;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 20px
}

.blog-post-info .date-post {
    background: url(../images/date-2.png) no-repeat left;
    display: inline-block;
    border-right: 1px solid #3c4151;
    padding: 2px 7px 2px 25px
}

.blog-post-info .author-post {
    background: url(../images/author-2.png) no-repeat left;
    display: inline-block;
    border-right: 1px solid #3c4151;
    padding: 2px 7px 2px 25px;
    margin-left: 7px
}

.blog-post-info .twitter-share-button {
    margin-top: 6px
}

.blog-post-info .right {
    width: 80px;
    overflow: hidden
}

.blog-post-story {
    
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px
}

.blog-post-story p {
    padding-bottom: 40px
}

.blog-post-story blockquote {
    border-left: 5px solid #8FDD26;
    padding-left: 10px;
    margin-left: 30px;
    font-style: italic;
    margin-bottom: 40px
}

.blog-post-story h1 {
    font-size: 42px;
    margin-bottom: 20px
}

.blog-post-story h2 {
    font-size: 36px;
    margin-bottom: 20px
}

.blog-post-story h3 {
    font-size: 30px;
    margin-bottom: 20px
}

.blog-post-story h4 {
    font-size: 24px;
    margin-bottom: 20px
}

.blog-post-story h5 {
    font-size: 18px;
    margin-bottom: 20px
}

.blog-post-story h6 {
    font-size: 16px;
    margin-bottom: 20px
}

.blog-post-info-2 {
    border-top: 1px solid #3c4151;
    border-bottom: 1px solid #3c4151;
    padding: 10px 0;
    font-size: 13px;
    text-transform: uppercase
}

.blog-post-info-2 .cat-post {
    display: inline-block;
    border-right: 1px solid #3c4151;
    padding: 2px 7px 2px 0;
    font-weight: 700
}

.blog-post-info-2 .c2 {
    padding: 2px 0;
    border-left: 1px solid #3c4151;
    float: left
}

.blog-post-info-2 .link-com {
    background: url(../images/comment-2.png) no-repeat;
    padding: 0 7px 0 20px;
    margin-left: 7px;
    border: 0
}

.blog-post-info-2 .link-com:hover {
    background-position: 0 -16px;
    text-decoration: none
}

.blog-post-info-2 .link-like {
    background: url(../images/like-2.png) no-repeat
}

.blog-post-info-2 .link-like:hover {
    background-position: 0 -16px;
    text-decoration: none
}

.blog-post-author-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
    margin-top: 50px
}

.blog-post-author-box img {
    display: block;
    float: left;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.blog-post-author-box .author-info {
    margin-left: 120px;
    font-size: 18px;
    line-height: 30px
}

.blog-post-author-box strong {
    display: block;
    margin-bottom: 10px
}

.comments-box {
    background: #efefef;
    padding: 50px 0
}

.border-box {
    border-bottom: 1px solid #dedede;
    margin-top: 40px;
    margin-bottom: 50px
}

.comment {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
    margin-top: 25px
}

.answer-com {
    margin-top: 0;
    background: #f7f7f9
}

.avatar-com {
    width: 100px;
    height: 100px;
    float: left
}

.avatar-com img {
    position: relative;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.avatar-com .reply-com {
    width: 100px;
    height: 100px;
    display: block;
    background: url(../images/reply-com.png);
    position: relative;
    top: -107px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0
}

.avatar-com:hover .reply-com {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1
}

.comment-info {
    margin-left: 120px;
    font-size: 18px;
    line-height: 30px;
}

.comment-info .name-author {
    float: left;
    font-weight: 700;
    text-transform: uppercase
}

.comment-info .date-com {
    float: right;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px
}

.comment-info .text-com {
    padding-top: 40px;
    display: block
}

.add-comment-box {
    padding: 50px 0
}

.add-comment {
    margin-top: 30px;
    padding-right: 20px
}

.add-comment h2 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.add-comment input, .add-comment textarea {
    background: #efefef;
    height: 60px;
    font-size: 18px;
    width: 100%;
    margin-top: 22px;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "dejavu sans", "helvetica neue", arial, sans-serif;
    padding: 0;
    padding-left: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0
}

.add-comment textarea {
    padding-top: 20px;
    height: 140px
}

.add-comment input.send {
    background: #2d313d;
    text-align: center;
    
    height: 55px;
    width: 185px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    text-transform: uppercase;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.add-comment input.send:hover {
    opacity: .8
}

.buy-white {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 70px
}

.buy-white .left {
}

.buy-white .right a:hover {
    background: #2d313d;
}

#quote section.header {
    background: url(../images/background4.jpg) repeat fixed;
    background-size: cover;
    padding: 100px 0;
    margin-bottom: 0
}

#quote h2.quote {
    
    text-align: center;
    font-size: 32px;
    text-transform: uppercase;
    text-shadow: 0 3px 15px #000;
    padding-top: 0;
    margin-bottom: 21px;
    font-family: BYekan, arial, sans-serif !important
}

#quote h2.quote:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #fff;
    opacity: .5;
    position: relative;
    left: 50%;
    margin: 30px 0 30px -25px
}

#quote span.quote-author {
    color: #eee;
    font-size: 21px;
    text-shadow: 0 3px 15px #000;
    text-transform: none
}

#quote2 section.header {
    background: url(../images/background3.jpg) no-repeat fixed;
    background-size: cover;
    padding: 100px 0;
    margin-bottom: 0
}

#quote2 h2.quote {
    
    text-align: center;
    font-size: 32px;
    text-transform: uppercase;
    text-shadow: 0 3px 15px #000;
    padding-top: 0;
    margin-bottom: 21px;
    font-family: BYekan, arial, sans-serif !important
}

#quote2 h2.quote:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #fff;
    opacity: .5;
    position: relative;
    left: 50%;
    margin: 30px 0 30px -25px
}

#quote2 span.quote-author {
    color: #eee;
    font-size: 21px;
    text-shadow: 0 3px 15px #000;
    text-transform: none
}

#quote3 section.header {
    height: 50px;
    background-size: cover;
    padding: 140px 0;
    margin-bottom: 0
}

#quote3 h2.quote {
    
    text-align: center;
    font-size: 45px;
    text-shadow: 0 3px 15px #000;
    padding-top: 0;
    margin-bottom: 21px;
    font-family: pHallsKhodkar, arial, sans-serif !important
}

#quote3 h2.quote:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #fff;
    opacity: .5;
    position: relative;
    left: 50%;
    margin: 30px 0 30px -25px
}

#quote3 span.quote-author {
    color: #eee;
    font-size: 21px;
    text-shadow: 0 3px 15px #000;
    text-transform: none
}

.flagspace {
    margin-left: 2px
}

.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222
}

.logow {
    text-align: center
}

.particle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, 0));
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .35)
}

.particle--a {
    -webkit-animation: particle-a 1.8s infinite linear;
    -moz-animation: particle-a 1.8s infinite linear;
    -o-animation: particle-a 1.8s infinite linear;
    animation: particle-a 1.8s infinite linear;
    background-color: #ff7b00
}

.particle--b {
    -webkit-animation: particle-b 1.7s infinite linear;
    -moz-animation: particle-b 1.7s infinite linear;
    -o-animation: particle-b 1.7s infinite linear;
    animation: particle-b 1.7s infinite linear;
    background-color: #00c900
}

.particle--c {
    -webkit-animation: particle-c 1.9s infinite linear;
    -moz-animation: particle-c 1.9s infinite linear;
    -o-animation: particle-c 1.9s infinite linear;
    animation: particle-c 1.9s infinite linear;
    background-color: #d2e100
}

@-webkit-keyframes particle-a {
    0% {
        -webkit-transform: translate3D(-3rem, -3rem, 0);
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out
    }
    25% {
        width: 1.5rem;
        height: 1.5rem
    }
    50% {
        -webkit-transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out
    }
    55% {
        z-index: -1
    }
    75% {
        width: .75rem;
        height: .75rem;
        opacity: .5
    }
    100% {
        -webkit-transform: translate3D(-3rem, -3rem, 0);
        z-index: -1
    }
}

@-moz-keyframes particle-a {
    0% {
        -moz-transform: translate3D(-3rem, -3rem, 0);
        z-index: 1;
        -moz-animation-timing-function: ease-in-out
    }
    25% {
        width: 1.5rem;
        height: 1.5rem
    }
    50% {
        -moz-transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        -moz-animation-timing-function: ease-in-out
    }
    55% {
        z-index: -1
    }
    75% {
        width: .75rem;
        height: .75rem;
        opacity: .5
    }
    100% {
        -moz-transform: translate3D(-3rem, -3rem, 0);
        z-index: -1
    }
}

@-o-keyframes particle-a {
    0% {
        -o-transform: translate3D(-3rem, -3rem, 0);
        z-index: 1;
        -o-animation-timing-function: ease-in-out
    }
    25% {
        width: 1.5rem;
        height: 1.5rem
    }
    50% {
        -o-transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        -o-animation-timing-function: ease-in-out
    }
    55% {
        z-index: -1
    }
    75% {
        width: .75rem;
        height: .75rem;
        opacity: .5
    }
    100% {
        -o-transform: translate3D(-3rem, -3rem, 0);
        z-index: -1
    }
}

@keyframes particle-a {
    0% {
        transform: translate3D(-3rem, -3rem, 0);
        z-index: 1;
        animation-timing-function: ease-in-out
    }
    25% {
        width: 1.5rem;
        height: 1.5rem
    }
    50% {
        transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        animation-timing-function: ease-in-out
    }
    55% {
        z-index: -1
    }
    75% {
        width: .75rem;
        height: .75rem;
        opacity: .5
    }
    100% {
        transform: translate3D(-3rem, -3rem, 0);
        z-index: -1
    }
}

@-webkit-keyframes particle-b {
    0% {
        -webkit-transform: translate3D(3rem, -3rem, 0);
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out
    }
    25% {
        width: 1.5rem;
        height: 1.5rem
    }
    50% {
        -webkit-transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out
    }
    55% {
        z-index: -1
    }
    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5
    }
    100% {
        -webkit-transform: translate3D(3rem, -3rem, 0);
        z-index: -1
    }
}

@-moz-keyframes particle-b {
    0% {
        -moz-transform: translate3D(3rem, -3rem, 0);
        z-index: 1;
        -moz-animation-timing-function: ease-in-out
    }
    25% {
        width: 1.5rem;
        height: 1.5rem
    }
    50% {
        -moz-transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        -moz-animation-timing-function: ease-in-out
    }
    55% {
        z-index: -1
    }
    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5
    }
    100% {
        -moz-transform: translate3D(3rem, -3rem, 0);
        z-index: -1
    }
}

@-o-keyframes particle-b {
    0% {
        -o-transform: translate3D(3rem, -3rem, 0);
        z-index: 1;
        -o-animation-timing-function: ease-in-out
    }
    25% {
        width: 1.5rem;
        height: 1.5rem
    }
    50% {
        -o-transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        -o-animation-timing-function: ease-in-out
    }
    55% {
        z-index: -1
    }
    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5
    }
    100% {
        -o-transform: translate3D(3rem, -3rem, 0);
        z-index: -1
    }
}

@keyframes particle-b {
    0% {
        transform: translate3D(3rem, -3rem, 0);
        z-index: 1;
        animation-timing-function: ease-in-out
    }
    25% {
        width: 1.5rem;
        height: 1.5rem
    }
    50% {
        transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        animation-timing-function: ease-in-out
    }
    55% {
        z-index: -1
    }
    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5
    }
    100% {
        transform: translate3D(3rem, -3rem, 0);
        z-index: -1
    }
}

@-webkit-keyframes particle-c {
    0% {
        -webkit-transform: translate3D(-2rem, -3.5rem, 0);
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out
    }
    25% {
        width: 1.3rem;
        height: 1.3rem
    }
    50% {
        -webkit-transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out
    }
    55% {
        z-index: -1
    }
    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5
    }
    100% {
        -webkit-transform: translate3D(-2rem, -3.5rem, 0);
        z-index: -1
    }
}

@-moz-keyframes particle-c {
    0% {
        -moz-transform: translate3D(-1rem, -3rem, 0);
        z-index: 1;
        -moz-animation-timing-function: ease-in-out
    }
    25% {
        width: 1.3rem;
        height: 1.3rem
    }
    50% {
        -moz-transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        -moz-animation-timing-function: ease-in-out
    }
    55% {
        z-index: -1
    }
    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5
    }
    100% {
        -moz-transform: translate3D(-1rem, -3rem, 0);
        z-index: -1
    }
}

@-o-keyframes particle-c {
    0% {
        -o-transform: translate3D(-1rem, -3rem, 0);
        z-index: 1;
        -o-animation-timing-function: ease-in-out
    }
    25% {
        width: 1.3rem;
        height: 1.3rem
    }
    50% {
        -o-transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        -o-animation-timing-function: ease-in-out
    }
    55% {
        z-index: -1
    }
    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5
    }
    100% {
        -o-transform: translate3D(-1rem, -3rem, 0);
        z-index: -1
    }
}

@keyframes particle-c {
    0% {
        transform: translate3D(-1rem, -3rem, 0);
        z-index: 1;
        animation-timing-function: ease-in-out
    }
    25% {
        width: 1.3rem;
        height: 1.3rem
    }
    50% {
        transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        animation-timing-function: ease-in-out
    }
    55% {
        z-index: -1
    }
    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5
    }
    100% {
        transform: translate3D(-1rem, -3rem, 0);
        z-index: -1
    }
}

#Plz-Wait {
    background: none repeat scroll 0 0 #FFF;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999
}

.en:hover {
    opacity: .6
}

header {
    padding: 265px 20px;
    margin-bottom: 80px
}

.lanb {
    width: 200px;
    height: 40px;
    position: absolute;
    top: 30px;
    left: 1%
}

.dcsdcs {
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 997
}

.azabl {
    float: right
}

.azabl li {
    width: 150px;
    float: right;
    direction: rtl;
    text-align: right;
    background: #DFDFCB;
    padding: 5px;
    color: #000;
    margin: 20px 33px 0 0;
    box-shadow: 0 1px 2px #222
}

.blockimg {
    width: 900px;
    height: 350px;
    display: none
}

.blockimgli {
    float: left
}

.bloclimgp {
    text-align: right;
    direction: rtl;
    font-family: BYekan, arial, sans-serif !important;
    font-size: 13px
}

.bloclimgpp {
    text-align: justify;
    direction: rtl;
    font-family: BYekan, arial, sans-serif !important;
    font-size: 16px;
    line-height: 40px
}

.bloclimgpp p {
    text-align: center;
    direction: rtl;
    padding: 5px
}

.leftt {
    margin-right: 10px
}

.videogallery {
    width: 260px;
    zoom: 1;
    float: left;
    margin-top: 50px
}

.videogallery span {
    display: block
}

.videogallery a {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    vertical-align: top;
    margin: 5px;
    width: 240px;
    font-family: BYekan, arial, sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    opacity: .87;
    color: #000
}

.videogallery .videolb {
    display: none
}

.videogallery a img {
    display: block;
    border: 0;
    margin: 0
}

.videogallery a:hover {
    opacity: 1
}

#voverlay {
    width: 640px;
    height: 360px;
    display: none;
    padding: 40px
}

#voverlay .close {
    background-image: url(../images/close.png);
    background-position: 0 0;
    position: absolute;
    right: -3px;
    top: 6px;
    cursor: pointer;
    height: 44px;
    width: 44px;
    opacity: .8
}

#voverlay .close:hover {
    opacity: 1
}

#voverlay .vcontainer {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/loading.gif) no-repeat 50% 50%;
    border: 5px solid #FFF;
    box-shadow: 0 0 6px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .4)
}

.edamm {
    text-align: left;
    direction: rtl
}

.edamm a {
    color: #FF6
}

.edamm a:hover {
    text-decoration: none;
    color: #F90
}

.footecop {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif
}

.emailrsss {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif !important
}

.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-inner, .fancybox-outer {
    position: relative
}

.fancybox-inner {
    overflow-x: hidden !important;
    overflow-y: visible !important
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe, .fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../images/loading.gif) center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 44px;
    height: 44px;
    cursor: pointer;
    z-index: 8040;
    background: url(../images/close.png) no-repeat
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, .8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-size: 24px 24px
    }
}

.about-box, .b-slider, .b2-slider, .b4-slider, .blog-post-author-box, .blog-post-header, .buy-box .right a, .contact, .menu-mob-icon, .plan, .portfolio-box .wrapper .right a:hover, .portfolio-footer a, .profession-team span, .service-icon, .statistics, .tp-bannertimer, ul.navigation li.current a, ul.navigation li:hover a {
    background: #EE992E
}

ul.navigation li ul {
    border-top: 4px solid #EE992E
}

.blog-box .touchcarousel-item:hover .footer-post .left a, .blog-box .touchcarousel-item:hover .link-com, .blog-box .touchcarousel-item:hover .link-like, .blog-box .touchcarousel-item:hover .title-post, .blog-post-info-2 .link-com:hover, .blog-post-info-2 .link-like:hover, .portf-info-box a, .tweet a, ul.navigation li ul li a.active, ul.navigation li ul li a:hover, ul.navigation li ul li.current a, ul.navigation li:hover ul li a.active, ul.navigation li:hover ul li a:hover {
    color: #1aace7
}

.plan-head, .statistics-box {
    background: #E47824
}

::selection {
    background: #d2e100
}

::-moz-selection {
    background: #d2e100
}

.blog-post-story blockquote {
    border-color: #1aace7
}

.chartblo {
    margin-top: 30px
}

.chartblo li {
    margin: 10px 27px;
    width: 331px;
    float: right
}

.chartbloo {
    margin-top: 100px
}

.chartbloo li {
    margin: 10px;
    float: right
}

.chartbloo li img {
    box-shadow: 1px 2px 3px #222
}

#pbBottom, #pbCloseBtn, #pbImage, #pbOverlay {
    position: fixed;
    z-index: 9999
}

#pbOverlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    cursor: pointer
}

#pbCloseBtn {
    top: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/close.png) no-repeat top left
}

.pbLoading {
    background: #000 url(../images/loading.gif) no-repeat center !important
}

#pbImage {
    border: 0;
    background: #000 no-repeat;
    -moz-box-shadow: 0 0 40px #000;
    -webkit-box-shadow: 0 0 40px #000;
    box-shadow: 0 0 40px #000;
    cursor: move
}

#pbBottom {
    font-family: BYekan, arial, sans-serif !important;
    font-size: 13px;
    text-align: center;
    color: #EEE;
    line-height: 1.4em;
    left: 50%;
    bottom: 10px;
    width: 400px;
    margin-left: -200px
}

#pbCaption {
    font-weight: 700;
    padding: 4px;
    display: inline-block;
    *display: inline;
    background-color: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B0000000, EndColorStr=#B0000000);
    zoom: 1
}

#pbNav {
    display: block;
    width: 200px;
    height: 65px;
    margin: auto;
    margin-top: 5px
}

#pbNextBtn, #pbPrevBtn, #pbZoomBtn {
    display: inline-block;
    width: 70px;
    height: 65px;
    outline: 0;
    text-indent: -9000px;
    background: url(../images/navbtns.png) no-repeat
}

#pbPrevBtn {
    background-position: -70px 0;
    float: left
}

#pbPrevBtn.pbgreyed {
    background-position: 0 0
}

#pbNextBtn {
    background-position: -320px 0;
    float: right
}

#pbNextBtn.pbgreyed {
    background-position: -390px
}

#pbZoomBtn {
    width: 60px;
    background-position: -140px 0;
    float: left
}

#pbZoomBtn.pbgreyed {
    background-position: -200px 0
}

#pbZoomBtn.pbzoomed {
    background-position: -260px 0
}

#titlenafor {
    margin-top: 120px
}

#whnews {
    width: 900px !important;
    margin: 0 auto;
    background: #fff;
    text-align: justify;
    direction: rtl;
    line-height: 30px;
    padding: 10px;
    overflow: hidden;
    border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    -ms-border-bottom-left-radius: 20px;
    -o-border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    -moz-border-bottom-right-radius: 20px;
    -ms-border-bottom-right-radius: 20px;
    -o-border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    box-shadow: 1px 2px 3px #666;
    -moz-box-shadow: 1px 2px 3px #666;
    -ms-box-shadow: 1px 2px 3px #666;
    -o-box-shadow: 1px 2px 3px #666;
    -webkit-box-shadow: 1px 2px 3px #666
}

#whnews img {
    margin-top: 100px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .4)
}

#whnewss {
    width: 800px !important;
    margin: 0 auto;
    background: #fff;
    text-align: justify;
    direction: rtl;
    line-height: 30px;
    padding: 10px;
    overflow: hidden;
    border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    -ms-border-bottom-left-radius: 20px;
    -o-border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    -moz-border-bottom-right-radius: 20px;
    -ms-border-bottom-right-radius: 20px;
    -o-border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    box-shadow: 1px 2px 3px #666;
    -moz-box-shadow: 1px 2px 3px #666;
    -ms-box-shadow: 1px 2px 3px #666;
    -o-box-shadow: 1px 2px 3px #666;
    -webkit-box-shadow: 1px 2px 3px #666
}

#colovideoto {
    color: #666;
    font-size: 16px;
    padding-top: 70px
}

#titlenewss {
    font-family: BYekan, arial, sans-serif !important;
    font-size: 14px
}

#textnewss {
    font-family: BYekan, arial, sans-serif !important
}

::-webkit-input-placeholder {
    color: #543
}

:-moz-placeholder {
    color: #543
}

::-moz-placeholder {
    color: #543
}

:-ms-input-placeholder {
    color: #543
}

ul#items {
    margin: 0;
    height: auto;
    width: auto;
    overflow: hidden
}

ul#items li {
    list-style: none;
    width: auto;
    height: auto;
    margin: 0 0 0 1px;
    
    text-align: center
}

ol#pagination {
    overflow: hidden;
    margin: 10px
}

ol#pagination li {
    float: right;
    list-style: none;
    cursor: pointer;
    margin: 0 0 0 .5em;
    background: #62cdfc;
    padding: 2px 5px;
    
    border-radius: 3px;
    font-weight: 700
}

ol#pagination li.current {
    color: #999;
    font-weight: 700
}

.next, .prev {
    font-family: BYekan, Arial, Helvetica, sans-serif
}

.listma {
    margin: 5px 20px 0 0 !important
}

#txtxts {
    
    margin-top: 40px
}

.chatxt {
    height: 120px
}

.linkcha {
    
    font-size: 18px;
    padding: 40px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.linkcha:hover {
    color: #3C0;
    text-decoration: none !important
}

.newco {
    background: #F5942B !important
}

#txtdecd:hover {
    text-decoration: none;
    color: #F37921 !important
}

.blockkitc {
    height: 300px;
    width: 257px;
    background: #2D313D;
    margin: 20px;
    float: right;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.blockkitc:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .4)
}

#whnewsa {
    width: 900px !important;
    margin: 0 auto;
    background: #fff;
    text-align: justify;
    direction: rtl;
    line-height: 30px;
    padding: 10px;
    overflow: hidden;
    border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    -ms-border-bottom-left-radius: 20px;
    -o-border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    -moz-border-bottom-right-radius: 20px;
    -ms-border-bottom-right-radius: 20px;
    -o-border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    box-shadow: 1px 2px 3px #666;
    -moz-box-shadow: 1px 2px 3px #666;
    -ms-box-shadow: 1px 2px 3px #666;
    -o-box-shadow: 1px 2px 3px #666;
    -webkit-box-shadow: 1px 2px 3px #666
}

.blockkitc h2 {
    padding: 5px 20px 0
}

.blockkitc h2 a {
}

.blockkitc h2 a:hover {
    color: #F5942B !important;
    text-decoration: none
}

#textnewsse {
    font-family: BYekan, arial, sans-serif !important;
    text-align: left !important;
    direction: ltr !important
}

.ovd {
    overflow: visible !important
}

.txtco {
    width: 45%;
    margin: 0 auto;
    border: 2px dotted #FFF;
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px
}

.txtco td, .txtco th {
}

.txtco input[type=submit] {
    border: 0;
    width: 50px;
    cursor: pointer
}

.txtco input[type=submit]:hover {
    background: #FBA11F
}

.txtco input, .txtco textarea {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border: 0
}

.txtco input[type=text]:focus, .txtco textarea:focus {
    background: #FDF0B9;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .4)
}

.txtab {
    width: 970px;
    text-align: justify;
    direction: rtl;
    line-height: 28px;
    padding: 5px;
    margin: 30px;
}

#wavo {
    width: 970px !important
}

.filters {
    float: left;
    clear: both;
    width: 1000px
}

.filters .filter {
    float: right;
    clear: both;
    width: 960px;
    padding: 20px;
    margin-bottom: 20px;
    background: #545454;
    background: rgba(0, 0, 0, .27);
    font-family: BYekan, Arial, Helvetica, sans-serif
}

.filters .filter a {
    float: right;
    display: block;
    padding: 5px;
    margin-right: 20px;
    font-size: 14px;
    text-transform: uppercase;
    outline: 0;
    direction: rtl;
    font-family: BYekan, Arial, Helvetica, sans-serif;
}

.filters .filter a:hover {
    text-decoration: none;
    color: #EE992E
}

.filters .filter .active {
    background: #eee;
    color: #111
}

.filters .container {
    float: right;
    clear: both;
    width: 100%;
    position: relative
}

.filters .container ul, .filters .container ul li {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0
}

.filters .container ul li {
    float: right;
    margin: 0 8px 8px 0;
    font-size: 0;
    line-height: 0
}

.container img {
    float: left;
    width: 192px;
    height: 192px;
    display: block
}

.filters .container a {
    display: block;
    float: right;
    width: 192px;
    height: 192px
}

.MagicZoomHint {
    background: url(../images/hint.gif) no-repeat 2px 50%;
    color: #444;
    font-size: 8pt;
    font-family: sans-serif;
    line-height: 24px;
    margin: 0;
    min-height: 24px;
    padding: 2px 2px 2px 20px !important;
    text-align: left;
    text-decoration: none
}

.MagicZoomExternalTitle {
    display: none
}

.MagicZoomBigImageCont {
    background: #fff;
    border: 1px solid #999;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important
}

.MagicZoomBigImageCont.inner-zoom {
    border: 0
}

.MagicZoomHeader {
    background: #666;
    
    font-size: 10pt !important;
    line-height: normal !important;
    text-align: center !important
}

.MagicZoomPup {
    background: #dadad1;
    border: 3px solid #aaa;
    cursor: move
}

.MagicZoomLoading {
    background: #fff url(../images/loader.gif) no-repeat 2px 50%;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 4px 4px 24px !important;
    text-align: left;
    text-decoration: none
}

.MagicBoxShadow {
    -moz-box-shadow: 3px 3px 4px #888;
    -webkit-box-shadow: 3px 3px 4px #888;
    box-shadow: 3px 3px 4px #888;
    border-collapse: separate;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important
}

.MagicBoxGlow {
    -moz-box-shadow: 0 0 4px 4px #888;
    -webkit-box-shadow: 0 0 4px 4px #888;
    box-shadow: 0 0 4px 4px #888;
    border-collapse: separate;
    filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important
}

.psfd {
    padding: 0 20px
}

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none
}

#boxes .window {
    position: fixed;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px
}

#boxes #dialog {
    width: 375px;
    height: 203px;
    padding: 10px;
    background-color: #fff
}

#boxes #dialog1 {
    width: 375px;
    height: 203px
}

#dialog1 .d-header {
    width: 375px;
    height: 150px
}

#dialog1 .d-header input {
    position: relative;
    top: 60px;
    left: 100px;
    border: 3px solid #ccc;
    height: 22px;
    width: 200px;
    font-size: 15px;
    padding: 5px;
    margin-top: 4px
}

#dialog1 .d-blank {
    float: left;
    width: 267px;
    height: 53px
}

#dialog1 .d-login {
    float: left;
    width: 108px;
    height: 53px
}

#boxes #dialog2 {
    background: url(../images/notice.png) no-repeat 0 0 transparent;
    width: 800px;
    height: 487px;
    padding: 50px 0 20px 25px;
    margin-top: 220px
}

.txtdil {
    text-align: justify;
    direction: rtl;
    line-height: 25px;
    width: 715px;
    margin-left: 15px
}

.titleds {
    width: 320px;
    float: right;
    text-align: justify;
    direction: rtl;
    margin-top: 50px;
    font-size: 14px;
    font-weight: 700;
    margin-right: 20px
}

.window img {
    margin-top: 20px;
    margin-left: 30px
}

.wcd {
    width: 750px;
    overflow: hidden
}

.content, .contentA {
    padding: 10px;
    width: 370px
}

.left {
    width: 200px;
    float: left;
    padding: 5px;
    min-height: 24px
}

.left input, .left textarea {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.left input:focus, .left textarea:focus {
    border: 2px solid #ED992E
}

.right {
    width: 150px;
    float: left;
    padding: 7px 0 0 7px;
    min-height: 24px;
    font-size: 13px
}

.clear {
    float: none;
    clear: both;
    height: 0
}

.row {
    background-color: none;
    display: block;
    min-height: 32px
}

.text {
    width: 190px
}

.textt {
    width: 180px
}

.ruler {
    width: 400px;
    border-bottom: dashed 1px #dcdcdc
}

tr:focus {
    background-color: #fcfcf0
}

td {
    vertical-align: top
}

.over {
    background-color: #e6e2af
}

.out {
    background-color: none;
    color: #000
}

.formn {
    background: #FFF;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
    width: 950px
}

.buerr {
    border: 0;
    padding: 3px 20px;
    background: #EE1C25;
    
    cursor: pointer;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.buerr:hover {
    background: #ED992E
}

#buerr {
    border: 0;
    padding: 3px 10px;
    background: 0 0;
    color: #EE1C25;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    font-size: 22px;
    float: right;
    margin-right: 60px
}

#buerr:hover {
    color: #000
}

.colottif {
    color: #ED992E
}

.right span {
    color: #FF0004
}

.right i {
    font-size: 9px;
    color: #FF0004
}

.slotholder img{
   left:0 !important;
}













.sliderContainer {
	position:relative;
	width:80%;
	height:100%;
	margin:0 auto;
	overflow:hidden;
}

.sliderContainer img:first-child {
	position:relative;
	width:100%;
	left:0%;
	top:0;
}

.sliderContainer img {
	position:absolute;
	width:100%;
	left:-100%;
	top:0;
}

.sliderContainer .nextCircle {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:85%;
	width:50px;
	height:50px;
	border-radius: 50%;
	opacity:0.5;
	background-color:black;
	z-index:19;	
}

.sliderContainer .next {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:white;
	z-index:20;

}

.nextCircle:hover{
	opacity:0.7;
	cursor: pointer;
}

.sliderContainer .fa.fa-arrow-right, .fa.fa-arrow-left {
	font-size:30px;
}

.sliderContainer .prevCircle {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:85%;
	width:50px;
	height:50px;
	border-radius: 50%;
	opacity:0.5;
	background-color:black;
	z-index:19;	
}

.sliderContainer .previous {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:white;
	z-index:20;
	
}

.sliderContainer .prevCircle:hover {
	opacity: 0.7;
	cursor: pointer;
}