@font-face {
    font-family: 'webYekan';
    /*font-family: 'store-regular';*/
    font-style: normal;
    font-weight: lighter;
    font-variant: normal;
    src: url('../../fonts/WebYekan.woff') format('woff'), url('../../fonts/WebYekan.ttf'), url('../../fonts/WebYekan.eot'); /* for CSS3 browsers */
}

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

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

@font-face {
    font-family: kara;
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/SGKara-Regular.eot);
    src: url(../../fonts/SGKara-Regular.eot?#iefix) format("embedded-opentype"),url(../../fonts/SGKara-Regular.woff2) format("woff2"),url(../../fonts/SGKara-Regular.woff) format("woff"),url(../../fonts/SGKara-Regular.ttf) format("truetype");
}

@font-face {
    font-family: kara-light;
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/SGKara-Light.eot);
    src: url(../../fonts/SGKara-Light.eot?#iefix) format("embedded-opentype"),url(../../fonts/SGKara-Light.woff2) format("woff2"),url(../../fonts/SGKara-Light.woff) format("woff"),url(../../fonts/SGKara-Light.ttf) format("truetype");
}

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

a {
    text-decoration: none !important;
    color: inherit !important;
}

@media only screen and (max-width: 768px) {
    .slick-prev {
        left: -5px !important;
    }

    .slick-next {
        right: -5px !important;
    }
}

.slick-prev:before {
  content: "<" !important;
	 color:black !important;
}
	
.slick-next:before {
  content: ">" !important;
color:black !important;
}


  .slick-slide {
    margin: 5px;
  }
  /* the parent */
  .slick-list {
    margin: -5px;
  }

@media only screen and (max-width: 768px) {
    .slick-prev {
        left: -5px !important;
    }

    .slick-next {
        right : -5px !important;
    }
}


.slider {
    width: 1200px;
    margin: 100px auto;
}

@media only screen and (max-width: 1199px) {
    .slider {
        width: 93% !important;
    }
}

.news-box {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
background-color: #BFBEBF;
color:black;
}

    .news-box:hover {
        background-color: #BFBEBF;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

.news-title {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .news-title:hover {
        color: purple !important;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

#section-news {
    background-image: url("/images/Behineh/news1920-1080.jpg") !important;
}

@media only screen and (max-width: 1280px) {
    #section-news {
        background-image: url("/images/Behineh/news1280-1024.jpg") !important;
    }
}

@media only screen and (max-width: 768px) {
    #section-news {
        background-image: url("/images/Behineh/news1280-1024.jpg") !important;
    }
}

.AccountingGrid {
    table-layout: fixed;
    width: 100%;
}

    .AccountingGrid td:first-child {
        color: white;
        background: #572C5E;
        width: 35px;
    }

    .AccountingGrid td:last-child {
        background: #572C5E;
    }


    .AccountingGrid td:not(:nth-child(2)) {
        text-align: center;
    }

    .AccountingGrid td:nth-child(n+3) {
        width: 51px !important;
    }

    .AccountingGrid td:nth-child(2) {
        width: 462px !important;
        background: #BFBEBF;
    }

    .AccountingGrid td {
        vertical-align: middle;
        padding-left: 5.4pt;
        padding-right: 5.4pt;
        padding-top: 0cm;
        padding-bottom: 0cm;
        height: 26.15pt;
    }


.SalaryGrid {
    table-layout: fixed;
    width: 100%;
}

    .SalaryGrid td {
        vertical-align: middle;
        padding-left: 5.4pt;
        padding-right: 5.4pt;
        padding-top: 0cm;
        padding-bottom: 0cm;
        height: 26.15pt;
    }

        .SalaryGrid td:first-child {
            color: white;
            background: #572C5E;
            width: 35px;
        }

        .SalaryGrid td:last-child {
            background: #572C5E;
        }

        .SalaryGrid td:not(:nth-child(2)) {
            text-align: center;
        }

        .SalaryGrid td:nth-child(n+3) {
            width: 51px !important;
        }

        .SalaryGrid td:nth-child(2) {
            width: 462px !important;
            background: #BFBEBF;
        }


.InventoryGrid {
    table-layout: fixed;
    width: 100%;
}

    .InventoryGrid td {
        vertical-align: middle;
        padding-left: 5.4pt;
        padding-right: 5.4pt;
        padding-top: 0cm;
        padding-bottom: 0cm;
        height: 26.15pt;
    }

        .InventoryGrid td:first-child {
            color: white;
            background: #572C5E;
            width: 35px;
        }

        .InventoryGrid td:last-child {
            background: #572C5E;
        }

        .InventoryGrid td:not(:nth-child(2)) {
            text-align: center;
        }

        .InventoryGrid td:nth-child(n+3) {
            width: 51px !important;
        }

        .InventoryGrid td:nth-child(2) {
            width: 462px !important;
            background: #BFBEBF;
        }


.SaleGrid {
    table-layout: fixed;
    width: 100%;
}

    .SaleGrid td {
        vertical-align: middle;
        padding-left: 5.4pt;
        padding-right: 5.4pt;
        padding-top: 0cm;
        padding-bottom: 0cm;
        height: 26.15pt;
    }

        .SaleGrid td:first-child {
            color: white;
            background: #572C5E;
            width: 35px;
        }

        .SaleGrid td:last-child {
            background: #572C5E;
        }

        .SaleGrid td:not(:nth-child(2)) {
            text-align: center;
        }

        .SaleGrid td:nth-child(n+3) {
            width: 51px !important;
        }

        .SaleGrid td:nth-child(2) {
            width: 462px !important;
            background: #BFBEBF;
        }



.modal-content {
    /*width: 627px !important;*/
    padding: 0px !important;
    margin: 0px !important;
    height: 100%;
}

.modal-dialog {
    height: 90%;
}

.modal-header {
    direction: ltr;
}

    .modal-header button {
        padding: 0px !important;
        margin: 0px !important;
    }

.modal-body {
    padding: 0px !important;
    height: 250px;
    overflow-y: auto;
}


/* Important part */
/*.modal-dialog {
    overflow-y: initial !important;

}*/

@media only screen and (min-width: 768px) {
    .modal-dialog {
        position: relative;
        display: table; /* This is important */
        overflow-y: auto;
        overflow-x: auto;
        width: auto;
        min-width: 300px;
    }
}

.modal-dialog {
    -webkit-overflow-scrolling: touch;
}

body.modal-open {
    overflow: hidden;
}


#map {
    background-color: grey;
    width: 100%;
    height: 60%;
}

/*.fp-slidesContainer {
    transition-duration: 0ms !important;
}*/

#mobile-svg {
    width: 100%;
    height: 100%;
}

#final-svg {
    width: 100%;
    height: 100%;
}

.DescTitles {
    font-weight: bold;
    font-size: 25px;
    margin: 5px !important;
}

video {
    display: block;
}

@media only screen and (max-width: 1023px) {
    #mobile-svg {
        display: block !important;
    }

    #final-svg {
        display: none !important;
    }
}

@media only screen and (min-width: 1024px) {
    #mobile-svg {
        display: none !important;
    }

    #final-svg {
        display: block !important;
    }
}

.software-selection-frame {
    text-align: center;
    margin-top: 10px;
}

/*@media (min-width: 376px) {
    #mobile-svg {
        display: none !important;
    }

    #final-svg {
        display: block !important;
    }
}*/

[class*=" icon-"], [class^=icon-] {
    font-family: icon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}

a {
    transition: color .3s ease, background-color .3s ease;
}

* {
    box-sizing: border-box;
}

iframe {
    border: none;
}

.icon-lg {
    font-size: 1.3333333333em;
    line-height: .75em;
    vertical-align: -15%;
}

.icon-2x {
    font-size: 2em;
}

.icon-3x {
    font-size: 3em;
}

.icon-4x {
    font-size: 4em;
}

.icon-5x {
    font-size: 5em;
}

.icon-6x {
    font-size: 6em;
}

.icon-7x {
    font-size: 7em;
}

.icon-8x {
    font-size: 8em;
}


.icon-location:before {
    content: "\e96f";
}

.icon-office:before {
    content: "\e970";
}

.icon-phone:before {
    content: "\e0cd";
}

.icon-telegram::before {
    content: "\e972";
}

.icon-aparat::before {
    content: "\e984";
}

.icon-instagram::before {
    content: "\e985";
}

.icon-linkedin::before {
    content: "\e986";
}

.icon-twitter::before {
    content: "\e987";
}

.icon-twitter {
    color: #231f20;
}

    .icon-twitter:focus,
    .icon-twitter:hover {
        color: #55acee;
    }


.icon-instagram {
    color: #ea1d5d;
}

    .icon-instagram:focus,
    .icon-instagram:hover {
        color: #231f20;
    }

.icon-linkedin {
    color: #231f20;
}

    .icon-linkedin:focus,
    .icon-linkedin:hover {
        color: #007bb6;
    }

.icon-telegram {
    color: #007bb6;
}

    .icon-telegram:focus,
    .icon-telegram:hover {
        color: #231f20;
    }

.icon-aparat::before {
    content: "\e984";
}

.icon-aparat {
    color: #ea1d5d;
}

    .icon-aparat:focus,
    .icon-aparat:hover {
        color: #231f20;
    }

html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: IRANSansWeb !important;
    direction: rtl;
}

#fp-nav ul li .fp-tooltip {
    right: 30px;
    color: white !important;
    /*text-shadow: 0px 0px 2px black;*/
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font: bold;
    font-family: webYekan !important;
    font-size: 17px !important;
    top: -7px !important;
    padding-right: 2px;
    padding-left: 2px;
    box-sizing: border-box;
}

/*#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}*/ /*check it for later: showing tooltips on active section*/

/*https://stackoverflow.com/questions/35024958/fullpage-js-show-all-tooltips-on-hover-a-single-circle
      https://jsfiddle.net/schurdi/t92yt5dm/5/*/

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/*.mainPage {
        background-image: url("/images/Behineh/site-back1.png");

        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #999;
    }*/

/*.firstPage {
        background-image: url("/images/Behineh/back-site0.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #999;
    }*/

/* Backgrounds will cover all the section
    * --------------------------------------- */
.section {
    background-size: cover;
    position: relative;
    /*background-attachment: fixed;*/
}

.slide {
    background-size: cover;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background-color: white !important;
    text-shadow: 0px 0px 8px #ffffff;
    border: 2px solid #000 !important;
}

#section-main {
    /*background-image: url(imgs/bg1.jpg);*/
    /*background-image: url("/images/Behineh/back-site_main.png");*/
    /*background-image: url(/images/Behineh/site-back11.svg);*/
    position: relative;
}

.software-title-frame {
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
    margin-left: 10px;
    /*margin-bottom: 5px;*/
    position: relative;
    overflow: hidden;
}


@media only screen and (min-width: 1024px) {
    .footer-rows {
        margin-bottom: 10px;
    }
}

.software-option-selection {
    color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    top: -100%;
    bottom: 100%;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    font-size: 13px;
    opacity: 0.8; /*فعلا صفر باشد*/
}

@media only screen and (max-width: 420px) {
    .software-option-selection {
        font-size: 12px !important;
    }
}

.play-video-title {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    border-bottom: 2px solid white;
    box-sizing: border-box;
}

@media only screen and (max-width: 410px) {
    .play-video-title {
        line-height: 15px !important;
    }
}

.show-technichal-charachters-title {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    border-top: 2px solid white;
    box-sizing: border-box;
}

@media only screen and (max-width: 410px) {
    .show-technichal-charachters-title {
        line-height: 15px !important;
    }
}

.software-title-frame:hover .software-option-selection {
    top: 0;
    bottom: 0;
}

.software-title {
    padding: 0px;
    margin: 0px;
    font-size: 1rem;
}
/*#shopping-area {
        position: absolute;
        left: 0;
        top: 0;
        height: 18%;
        width: 30%;
        cursor: pointer;
    }

    #bazargani-area {
        position: absolute;
        left: 31%;
        top: 0;
        height: 22%;
        width: 26%;
        cursor: pointer;
    }

    #tolid-area {
        position: absolute;
        right: 1%;
        top: 0;
        height: 40%;
        width: 35%;
        cursor: pointer;
    }*/

.video-frame {
    box-shadow: 0px 0px 25px 3px #888888;
    position: absolute;
    border-radius: 25px;
    background-color: white;
}

.video {
    width: 100%;
}

.software-desc {
    position: absolute;
    font-size: 18px;
    background-color: white;
    color: black;
    text-align: justify;
    text-justify: inter-word;
    box-shadow: 0px 0px 25px 3px #888888;
    line-height: 3;
}

@media screen and (max-width: 450px) {
    .software-desc {
        font-size: 10px !important;
        line-height: normal;
    }
}

@media screen and (max-height: 800px) {
    .software-desc {
        line-height: normal !important;
    }
}

@media screen and (max-width: 1024px) {
    .software-desc {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .software-desc {
        font-size: 16px !important;
    }
}

@media screen and (max-height: 420px) {
    .software-desc {
        visibility: hidden;
    }
}

.software-desc::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 20px;
    width: 100%;
    background: url("/images/Behineh/rip.svg") bottom center;
    /*background-size:100%;*/
}

@media screen and (max-width: 1000px) { /*420*/

    .software-icons {
        width: 30px !important;
    }

    .software-title-frame {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

    .software-title {
        font-size: 11px !important;
    }

    .software-title-frame {
        line-height: 1;
    }
}

@media screen and (max-width: 576px) { /*420*/
    .software-title-frame {
        margin: 0;
        vertical-align: top;
        line-height: 1;
        margin-bottom: 4px;
    }

    .software-selection-frame {
        margin-top: 2px !important;
    }

    #fp-nav.fp-right {
        right: 5px !important;
    }

    #fp-nav ul li, .fp-slidesNav ul li {
        margin: 5px;
    }
}

/*---------------*/
#section-bazargani {
}

/* On screens that are 992px or less,*/
.software-icons {
    width: 70px;
}

@media screen and (max-width: 1280px) and (min-width: 1024px) {
    .back-bazargani {
        background-image: url("/images/Behineh/back_bazargani_1280.jpg") !important;
    }

    #bazargani-video-frame {
        width: 55% !important;
    }

    .software-icons {
        width: 80px !important;
    }

    #bazargani-title {
        right: 220px !important;
        font-size: 24px !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 421px) {
    #bazargani-title {
        right: 170px !important;
        font-size: 20px !important;
    }

    #bazargani_building {
        width: 220px;
    }

    .software-icons {
        width: 70px !important;
    }

    #bazargani-video-frame {
        width: 50% !important;
    }
}


@media screen and (min-width: 1281px) {
    #bazargani-video-frame {
        width: 45% !important;
    }
}

@media screen and (max-height: 768px) and (min-width: 1025px) {
    #bazargani-video-frame {
        width: 45% !important;
    }
}

@media only screen and (max-width: 1000px) { /*420*/
    .back-bazargani {
        background-image: url("/images/Behineh/back_bazargani_375.jpg") !important;
    }

    #bazargani_building {
        display: none !important;
    }

    #bazargani-video-frame {
        bottom: 2% !important;
        width: 90% !important;
    }

    #bazargani-desc {
        top: 25% !important;
        left: 2% !important;
        width: 90% !important;
    }

    #bazargani-title {
        right: auto !important;
        left: 5px !important;
        top: 30px !important;
        font-size: 14px !important;
    }
}

@media only screen and (min-height: 1100px) { /*420*/
    #bazargani-desc {
        top: 35% !important;
    }
}

.back-bazargani {
    background-image: url("/images/Behineh/back_bazargani.jpg");
    background-size: cover;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: -150%;
    position: absolute;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}


.fp-viewing-bazargani .back-bazargani {
    right: 0px;
}

#bazargani-title {
    position: absolute;
    right: 300px;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    top: 50px;
    font-size: 28px;
}

.fp-viewing-bazargani #bazargani-title {
    opacity: 1;
}

#bazargani_building {
    position: absolute;
    top: 0px;
    right: -500px;
    transition: all 1.5s ease-out;
    -webkit-transition: all 1.5s ease-out;
}

.fp-viewing-bazargani #bazargani_building {
    right: 0px;
}

#bazargani-desc {
    top: 0%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 10px;
    left: 5%;
    width: 35%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.fp-viewing-bazargani #bazargani-desc {
    opacity: 1;
}

#bazargani-video-frame {
    bottom: 5%;
    left: 5%;
    width: 50%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
}

.fp-viewing-bazargani #bazargani-video-frame {
    opacity: 1;
}
/*-------------*/

#section-restaurant {
}

@media screen and (max-width: 1280px) and (min-width: 1024px) {
    #restaurant-building {
        width: 450px !important;
    }

    .back-restaurant {
        background-image: url("/images/Behineh/back_resturant_1280.jpg") !important;
    }
}

@media screen and (max-width: 1024px) {
    #restaurant-building {
        width: 400px !important;
    }

    #restaurant-title {
        font-size: 20px !important;
    }
}

@media screen and (max-height: 900px) and (min-width: 1025px) {
    #restaurant-video-frame {
        top: 50% !important;
    }
}

@media only screen and (max-width: 1000px) { /*420*/
    .back-restaurant {
        background-image: url("/images/Behineh/back_resturant_469.jpg") !important;
        top: 0px !important;
        bottom: 0px !important;
        left: 0px !important;
        right: 0px !important;
        width: 100% !important;
        background-size: contain;
    }

    #restaurant-building {
        display: none !important;
    }

    #restaurant-video-frame {
        bottom: auto !important;
        width: 98% !important;
        top: 200px !important;
    }

    #restaurant-desc {
        top: 40px !important;
        right: auto !important;
        left: 1% !important;
        width: 98% !important;
    }

    #restaurant-title {
        right: 30px !important;
        left: auto !important;
        top: 10px !important;
        font-size: 14px !important;
    }
}

@media only screen and (min-height: 1100px) { /*420*/
    #restaurant-video-frame {
        top: 30% !important;
    }

    #restaurant-desc {
        top: 10% !important;
    }
}

.back-restaurant {
    background-image: url("/images/Behineh/back_resturant.jpg");
    background-size: cover;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: -150%;
    position: absolute;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.fp-viewing-restaurant .back-restaurant {
    right: 0px;
}

#restaurant-title {
    position: absolute;
    right: 30px;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    top: 20px;
    font-size: 28px;
}

.fp-viewing-restaurant #restaurant-title {
    opacity: 1;
}

#restaurant-building {
    position: absolute;
    top: 0px;
    left: -600px;
    transition: all 1.5s ease-out;
    -webkit-transition: all 1.5s ease-out;
}

.fp-viewing-restaurant #restaurant-building {
    left: 0px;
}

#restaurant-desc {
    top: 0%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 10px;
    right: 23%;
    width: 35%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.fp-viewing-restaurant #restaurant-desc {
    opacity: 1;
}

#restaurant-video-frame {
    top: 40%;
    left: 1%;
    width: 45%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
}

.fp-viewing-restaurant #restaurant-video-frame {
    opacity: 1;
}
/*-------------*/

#section-shopping {
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {

    .back-shopping {
        background-image: url("/images/Behineh/back_shopping_1280.jpg") !important;
    }

    #shopping-video-frame {
        bottom: 25% !important;
    }
}

@media screen and (max-width: 1024px) {
    #shopping-building {
        width: 300px !important;
    }

    #shopping-video-frame {
        bottom: 25% !important;
        left: 25% !important;
    }

    #shopping-desc {
        right: 0px !important;
    }
}

@media screen and (max-height: 900px) and (min-width: 1025px) {
    #shopping-building {
        width: 400px;
    }
}

@media only screen and (max-width: 1000px) { /*420*/
    .back-shopping {
        background-image: url("/images/Behineh/back_shopping_375.jpg") !important;
    }

    #shopping-building {
        display: none !important;
    }

    #shopping-video-frame {
        bottom: 2% !important;
        width: 98% !important;
        top: auto !important;
        left: 1% !important;
    }

    #shopping-desc {
        top: 40% !important;
        right: auto !important;
        left: 1% !important;
        width: 92% !important;
    }

    #shopping-title {
        right: 10px !important;
        left: auto !important;
        top: 140px !important;
        font-size: 14px !important;
    }
}

@media only screen and (min-height: 1100px) { /*420*/

    #shopping-desc {
        top: 48% !important;
    }
}

.back-shopping {
    background-image: url("/images/Behineh/back_shopping.jpg");
    background-size: cover;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0;
    opacity: 0;
    position: absolute;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.fp-viewing-shopping .back-shopping {
    opacity: 1;
}

#shopping-title {
    position: absolute;
    left: 30px;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    top: 20px;
    font-size: 28px;
}

.fp-viewing-shopping #shopping-title {
    opacity: 1;
}

#shopping-building {
    position: absolute;
    bottom: 0px;
    right: -500px;
    transition: all 1.5s ease-out;
    -webkit-transition: all 1.5s ease-out;
}

.fp-viewing-shopping #shopping-building {
    right: 0px;
}

#shopping-desc {
    top: 0%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 10px;
    right: 5%;
    width: 35%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.fp-viewing-shopping #shopping-desc {
    opacity: 1;
}

#shopping-video-frame {
    bottom: 8%;
    left: 20%;
    width: 50%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
}

.fp-viewing-shopping #shopping-video-frame {
    opacity: 1;
}

/*-------------*/

@media screen and (max-width: 1280px) {
    /*#shopping-building {
        width: 450px !important;
    }

    .back-contractor {
        background-image: url("/images/Behineh/back_shopping_1280.jpg") !important;
    }*/

    #contractor-video-frame {
        top: 10% !important;
    }
}

@media only screen and (max-width: 1000px) { /*420*/
    .back-contractor {
        background-image: url("/images/Behineh/back_contractor_375.jpg") !important;
    }

    #contractor-building {
        display: none !important;
    }

    #contractor-video-frame {
        bottom: 22% !important;
        width: 98% !important;
        top: auto !important;
        right: 1% !important;
    }

    #contractor-desc {
        top: 40px !important;
        right: auto !important;
        left: 1% !important;
        width: 98% !important;
    }

    #contractor-title {
        right: 30px !important;
        left: auto !important;
        top: 10px !important;
        font-size: 14px !important;
    }
}

@media only screen and (min-height: 1100px) { /*420*/

    #contractor-desc {
        top: 10% !important;
    }
}

.back-contractor {
    background-image: url("/images/Behineh/back_contractor.jpg");
    background-size: cover;
    top: 80%;
    bottom: -80%;
    left: 0px;
    right: 0;
    opacity: 0;
    position: absolute;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.fp-viewing-contractor .back-contractor {
    bottom: 0;
    top: 0;
    opacity: 1;
}

.fp-viewing-tolid .back-contractor {
    top: 0;
    bottom: 0;
    opacity: 0;
    /*transition: all 0.75s linear;
    -webkit-transition: all 0.75s linear;*/
    /*-webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;*/
}

#contractor-title {
    position: absolute;
    right: 50px;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    top: 10px;
    font-size: 28px;
}

.fp-viewing-contractor #contractor-title {
    opacity: 1;
}

#contractor-desc {
    top: 0%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 10px;
    left: 5%;
    width: 35%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.fp-viewing-contractor #contractor-desc {
    opacity: 1;
}

#contractor-video-frame {
    top: 7%;
    right: 5%;
    width: 50%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
}

.fp-viewing-contractor #contractor-video-frame {
    opacity: 1;
}

/*-------------*/

#section-tolid {
}

@media screen and (max-width: 1280px) and (min-width: 1101px) {
    #tolid-building {
        width: 500px !important;
    }
}

@media screen and (max-width: 1100px) {
    #tolid-building {
        width: 450px !important;
    }
}

@media only screen and (max-width: 1000px) { /*420*/
    .back-tolid {
        background-image: url("/images/Behineh/back_tolid_375.jpg") !important;
    }

    #tolid-building {
        display: none !important;
    }

    #tolid-video-frame {
        bottom: 0.5% !important;
        width: 98% !important;
        top: auto !important;
        right: 1% !important;
    }

    #tolid-desc {
        top: 28% !important;
        right: auto !important;
        left: 1% !important;
        width: 98% !important;
    }

    #tolid-title {
        right: auto !important;
        left: 10px !important;
        top: 140px !important;
        font-size: 14px !important;
    }
}

@media only screen and (min-height: 1100px) { /*420*/

    #tolid-desc {
        top: 38% !important;
    }
}

.back-tolid {
    background-image: url("/images/Behineh/back_tolid.jpg");
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    /*opacity: 0;*/
    position: absolute;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.fp-viewing-tolid .back-tolid {
    opacity: 1;
}

#tolid-title {
    position: absolute;
    right: 30px;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    top: 20px;
    font-size: 28px;
}

.fp-viewing-tolid #tolid-title {
    opacity: 1;
}

#tolid-building {
    position: absolute;
    bottom: 0px;
    left: -1300px;
    transition: all 1.5s ease-out;
    -webkit-transition: all 1.5s ease-out;
}

.fp-viewing-tolid #tolid-building {
    left: 0px;
}

#tolid-desc {
    top: 0%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 10px;
    left: 0%;
    width: 35%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.fp-viewing-tolid #tolid-desc {
    opacity: 1;
}

#tolid-video-frame {
    bottom: 3%;
    right: 3%;
    width: 50%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
}

.fp-viewing-tolid #tolid-video-frame {
    opacity: 1;
}

/*-------------*/
@media screen and (max-width: 1280px) {
    .back-pakhsh {
        background-image: url("/images/Behineh/back_Pakhsh_1280.jpg") !important;
    }

    #pakhsh-title {
        font-size: 24px !important;
        bottom: 52% !important;
        left: 30px !important;
        top: auto !important;
    }

    #pakhsh-desc {
        right: auto !important;
        left: 140px !important;
    }

    #pakhsh-video-frame {
        bottom: 10% !important;
        width: 50% !important;
    }

    #pakhsh-building {
        width: 650px !important;
    }
}

@media screen and (max-width: 1024px) {
    #pakhsh-building {
        width: 550px !important;
    }

    #pakhsh-video-frame {
        bottom: 5% !important;
    }

    #pakhsh-desc {
        right: auto !important;
        left: 100px !important;
    }

    #pakhsh-title {
        font-size: 24px !important;
        bottom: 50% !important;
        left: 50px !important;
        top: auto !important;
    }
}

@media only screen and (max-width: 1000px) { /*420*/
    .back-pakhsh {
        background-image: url("/images/Behineh/back_pakhsh_375.jpg") !important;
    }

    #pakhsh-building {
        display: none !important;
    }

    #pakhsh-video-frame {
        bottom: 15% !important;
        width: 75% !important;
        top: auto !important;
        right: 1% !important;
    }

    #pakhsh-desc {
        top: 20% !important;
        right: auto !important;
        left: 1% !important;
        width: 98% !important;
    }

    #pakhsh-title {
        right: auto !important;
        left: 10px !important;
        top: 5px !important;
        font-size: 14px !important;
    }
}

@media only screen and (min-height: 1100px) { /*420*/

    #pakhsh-desc {
        top: 28% !important;
    }
}

.back-pakhsh {
    background-image: url("/images/Behineh/back_Pakhsh.jpg");
    background-size: cover;
    top: 0;
    bottom: 0;
    left: -100%;
    right: 100%;
    /*opacity: 0;*/
    position: absolute;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.fp-viewing-pakhsh .back-pakhsh {
    left: 0;
    right: 0;
}


#pakhsh-title {
    position: absolute;
    left: 10px;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    top: 20px;
    font-size: 28px;
}

.fp-viewing-pakhsh #pakhsh-title {
    opacity: 1;
}

#pakhsh-building {
    position: absolute;
    top: 0px;
    right: -900px;
    transition: all 1.5s ease-out;
    -webkit-transition: all 1.5s ease-out;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.fp-viewing-pakhsh #pakhsh-building {
    right: 0px;
}

#pakhsh-desc {
    top: 0%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 10px;
    right: 45%;
    width: 35%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.fp-viewing-pakhsh #pakhsh-desc {
    opacity: 1;
}

#pakhsh-video-frame {
    bottom: 2%;
    right: 2%;
    width: 40%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
}

.fp-viewing-pakhsh #pakhsh-video-frame {
    opacity: 1;
}

/*-------------*/

#section-webDesign {
}

@media screen and (max-width: 1280px) {
    .back-webDesign {
        background-image: url("/images/Behineh/back_webDesign_1280.jpg") !important;
    }

    #webDesign-title {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 1000px) { /*420*/
    .back-webDesign {
        background-image: url("/images/Behineh/back_webDesign_375.jpg") !important;
    }

    .webdesign-items {
        top: auto !important;
        bottom: 10% !important;
        right: auto !important;
        left: 1% !important;
        width: 75% !important;
        font-size: 15px !important;
    }

    #webdesign-title {
        right: auto !important;
        left: 10px !important;
        top: 80px !important;
        font-size: 14px !important;
    }
}


.back-webDesign {
    background-image: url("/images/Behineh/back_webDesign.jpg");
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    /*opacity: 0;*/
    position: absolute;
    transition: all 1.5s linear;
    -webkit-transition: all 1.5s linear;
    -webkit-transition-delay: 0.85s;
    transition-delay: 0.85s;
}

.fp-viewing-webDesign .back-webDesign {
    opacity: 1;
}

.fp-viewing-pakhsh .back-webDesign {
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
}


#webdesign-title {
    position: absolute;
    right: 30px;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    top: 20px;
    font-size: 28px;
}

.fp-viewing-webDesign #webdesign-title {
    opacity: 1;
}

.webdesign-items {
    position: absolute;
    bottom: 10%;
    left: 100px;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    font-size: 28px;
}


.fp-viewing-webDesign .webdesign-items {
    opacity: 1;
}

/*-------------*/

#section-accountingServices {
}

@media screen and (max-width: 1280px) {
    .back-accountingServices {
        background-image: url("/images/Behineh/back_accountingServices_1280.jpg") !important;
    }
}

@media only screen and (max-width: 1000px) { /*420*/
    .back-accountingServices {
        background-image: url("/images/Behineh/back_accountingServices_375.jpg") !important;
    }

    #accountingServices-building {
        display: none !important;
    }

    #accountingServices-video-frame {
        bottom: 20% !important;
        width: 75% !important;
        top: auto !important;
        right: 1% !important;
    }

    #accountingServices-desc {
        top: 5% !important;
        right: auto !important;
        left: 1% !important;
        width: 80% !important;
    }

    #accountingServices-title {
        right: 10px !important;
        left: auto !important;
        top: 5px !important;
        font-size: 14px !important;
    }

    .DescTitles {
        font-size: 12px !important;
    }

    .DescContext {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 1024px) {
    #accountingServices-building {
        width: 400px !important;
    }
}

@media only screen and (min-height: 1100px) { /*420*/
    #accountingServices-desc {
        line-height: 3 !important;
    }
}

.back-accountingServices {
    background-image: url("/images/Behineh/back_accountingServices.jpg");
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: -100%;
    opacity: 0;
    /*opacity: 0;*/
    position: absolute;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.fp-viewing-accountingServices .back-accountingServices {
    right: 0;
    opacity: 1;
}

#accountingServices-desc {
    top: 0%;
    padding: 10px;
    right: 20%;
    left: 5%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s;
    line-height: normal;
}

.fp-viewing-accountingServices #accountingServices-desc {
    opacity: 1;
}

#accountingServices-title {
    position: absolute;
    right: 10px;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    top: 20px;
    font-size: 28px;
}

.fp-viewing-accountingServices #accountingServices-title {
    opacity: 1;
}

#accountingServices-building {
    position: absolute;
    bottom: 0px;
    left: -900px;
    transition: all 1.5s ease-out;
    -webkit-transition: all 1.5s ease-out;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}



.fp-viewing-accountingServices #accountingServices-building {
    left: 0px;
}
/*-------------*/

#section-support {
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    #support-buttons {
        bottom: 25%;
    }

        #support-buttons img {
            width: 120px;
        }
}

@media screen and (max-width: 1024px) {
    #support-buttons {
        bottom: 30% !important;
        right: 35% !important;
    }

        #support-buttons img {
            width: 100px;
        }
}

@media only screen and (max-width: 1000px) { /*420*/
    .back-support {
        background-image: url("/images/Behineh/back_support_375.jpg") !important;
    }

    #support-building {
        display: none !important;
    }

    #support-desc {
        top: 50% !important;
        right: auto !important;
        left: 2% !important;
        width: 90% !important;
        line-height: normal !important;
    }

        #support-desc p {
            margin: 5px;
        }

    #support-title {
        right: auto !important;
        left: 10px !important;
        top: 10px !important;
        font-size: 14px !important;
    }

    #support-buttons img {
        width: 60px;
    }

    #support-buttons {
        bottom: 2% !important;
        right: 5% !important;
    }
}

@media only screen and (max-width: 420x) { /*420*/
    #support-title {
        right: 10px !important;
        left: auto !important;
        top: 150px !important;
        font-size: 14px !important;
    }
}

@media only screen and (min-height: 1100px) { /*420*/
    #support-desc {
        top: 65% !important;
    }
}

.back-support {
    background-image: url("/images/Behineh/back_support.jpg");
    background-size: cover;
    top: 0;
    bottom: 0;
    left: -100%;
    right: 100%;
    /*opacity: 0;*/
    position: absolute;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.fp-viewing-support .back-support {
    left: 0;
    right: 0;
}

#support-buttons {
    position: absolute;
    right: 25%;
    bottom: 32%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s;
}

.fp-viewing-support #support-buttons {
    opacity: 1;
}

#support-title {
    position: absolute;
    right: 30px;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    top: 20px;
    font-size: 28px;
}

.fp-viewing-support #support-title {
    opacity: 1;
}

#support-building {
    position: absolute;
    bottom: 0px;
    right: -900px;
    transition: all 1.5s ease-out;
    -webkit-transition: all 1.5s ease-out;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.fp-viewing-support #support-building {
    right: 0px;
}

#support-desc {
    top: 0%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 10px;
    left: 0;
    width: 35%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    line-height: 2 !important;
}

.fp-viewing-support #support-desc {
    opacity: 1;
}

/*-------------*/
#section-aboutUs {
}

@media screen and (max-width: 1024px) {
    #aboutUs-desc {
        left: 35% !important;
    }
}

@media only screen and (max-width: 1000px) { /*420*/
    .back-aboutUs {
        background-image: url("/images/Behineh/back_aboutUs_375.jpg") !important;
    }

    #aboutUs-building {
        display: none !important;
    }

    #aboutUs-desc {
        top: 20% !important;
        right: auto !important;
        left: 1% !important;
        width: 98% !important;
        font-size: 10px !important;
    }

    #aboutUs-title {
        left: 10px !important;
        right: auto !important;
        top: 10px !important;
        font-size: 14px !important;
    }
}

@media only screen and (min-height: 1100px) { /*420*/
    #aboutUs-desc {
        line-height: 3 !important;
        top: 30% !important;
    }
}

.back-aboutUs {
    background-image: url("/images/Behineh/back_About_Us.jpg");
    background-size: cover;
    top: 0;
    bottom: 0;
    left: -100%;
    right: 100%;
    /*opacity: 0;*/
    position: absolute;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    opacity: 0;
}

.fp-viewing-aboutUs .back-aboutUs {
    left: 0;
    right: 0;
    opacity: 1;
}

#aboutUs-desc {
    top: 0%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 10px;
    right: 5%;
    left: 25%;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s;
    line-height: normal;
}

.fp-viewing-aboutUs #aboutUs-desc {
    opacity: 1;
}

#aboutUs-title {
    position: absolute;
    left: 60px;
    opacity: 0;
    transition: all 1.1s linear;
    -webkit-transition: all 1.1s linear;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    top: 5px;
    font-size: 28px;
}

.fp-viewing-aboutUs #aboutUs-title {
    opacity: 1;
}

#aboutUs-building {
    position: absolute;
    bottom: 0px;
    left: -900px;
    transition: all 1.5s ease-out;
    -webkit-transition: all 1.5s ease-out;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.fp-viewing-aboutUs #aboutUs-building {
    left: 0px;
}

/*-------------*/
@media screen and (max-width: 1023px) {
    #contactUs-content {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 1280px) and (min-width: 1024px) {
    #contactUs-content {
        font-size: 18px !important;
    }
}

#contactUs-info {
    background-color: #ababab;
    text-align: center;
    width: 100%;
    height: 40%;
    /*padding-top: 50px;
    padding-bottom: 50px;*/
    /*vertical-align: middle;*/
    display: table;
}

#contactUs-content {
    opacity: 0;
    transition: all 1.8s linear;
    -webkit-transition: all 1.8s linear;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
}

.fp-viewing-contactUs #contactUs-content {
    opacity: 1;
}