@import url('/package/css/shadow.css');
@import url('/package/font/iranSANS/font.css');
@import url('/package/font/fontawesome/font.css');
@import url('/package/font/OpenSans/font.css');
@import url('/package/font/MaterialIcons/font.css');

body, html {
    min-height: 100%;
}
html, body {
    height: 100%;
}
body{
    position: relative;
    margin: 0;
    padding: 0 0 0;
    font-family: iransans_Light , sans-serif;
    background-color: #f8f8f8;
    direction: rtl;

}
body *{
}
input{
    font-family: iransans , sans-serif;
}
*{
    box-sizing: border-box;
}
input::-ms-clear {
    display: none;
    width : 0;
    height: 0;
}

.indexHead{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 700px;
}
.indexHead > .container{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.indexHead .bg{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.indexHead .bg:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 1;
}
.indexHead .bg img{
    display: block;
    width: 100%;
    min-height: 100%;
    position: relative;
}
.IndexHeader {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.indexHead .IndexHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.IndexHeader .head {
    position: relative;
    width: 100%;
    background: #1C1C1C;
    display: inline-block;
}
.IndexHeader .head .contact{
    display: inline-block;
    font-size: 12px;
    padding: 14px;
    margin-right: 2%;
}
.IndexHeader .head .contact i{

    color: #D4AF73;
    vertical-align: unset;
    display: inline-block;
    font-size: 20px;
}
.IndexHeader .head .contact a{
    color: #D4AF73;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    margin-right: 5px;
}
.IndexHeader .head .contact span{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.IndexHeader .head .social{
    position: relative;
    display: inline-block;
    float: left;
    font-size: 12px;
    padding: 14px;
    margin: 0 0 0 2%;
    list-style: none;
    direction: ltr;
}
.IndexHeader .head .social li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}
.IndexHeader .head .social li a{
    color: #D4AF73;
    text-decoration: none;
}
.IndexHeader .head .social li a i{
    font-size: 20px;

}
.IndexHeader .menu{
    position: relative;
    display: block;
    width: 100%;
    background: #141414;
}
.IndexHeader .menu .logo{
    position: relative;
    display: block;
    width: 120px;
    min-height: 120px;
    padding: 10px;
    text-align: center;
    margin: auto auto -40px;
    top: -40px;
    border-radius: 100%;
    background: #141414;

}
.IndexHeader .menu .logo a{
    text-decoration: none;
    display: block;
}
.IndexHeader .menu .logo img{
    position: relative;
    display: inline-block;
    width: 100px;
}
.IndexHeader .menu ul{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 ;
    list-style: none;
    padding: 0 0 20px;

}
.IndexHeader .menu ul li{
    position: relative;
    display: inline-block;
    margin: 0 12px;
}
.IndexHeader .menu ul li a{
    color: #fff;
    font: 12px iransans_Light;
    text-decoration: none;
    transition: all 100ms;
}
.IndexHeader .menu ul li:hover > a{
    color: #D4AF73;
}
.IndexHeader .menu ul li a:nth-last-child(2){
    padding-left: 20px;
}
.IndexHeader .menu ul li a:nth-last-child(2):after{
    content: '';
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
}
.IndexHeader .menu ul li:hover > a:nth-last-child(2):after{
    border-top-color: #D4AF73;
}
.IndexHeader .menu li ul{
    position: absolute;
    display: none;
    min-width: 250px;
    padding: 14px 0;
    top: 100%;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #1C1C1C;
    text-align: right;
    margin: 20px 0 0;
}
.IndexHeader .menu li:hover > ul{
    display: block;
}
.IndexHeader .menu li ul:after{
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 20px solid #1C1C1C;
    -ms-filter: drop-shadow(0 -1px 1px rgba(255, 255, 255,0.1));
    -webkit-filter: drop-shadow(0 -1px 1px rgba(255, 255, 255,0.1));
    -o-filter: drop-shadow(0 -1px 1px rgba(255, 255, 255,0.1));
    -moz-filter: drop-shadow(0 -1px 1px rgba(255, 255, 255,0.1));
    filter: drop-shadow(0 -1px 1px rgba(255, 255, 255,0.1));
}
.IndexHeader .menu li ul:before{
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;

    height: 20px;

}
.IndexHeader .menu li ul li{
    display: block;
    width: 100%;
    padding: 12px 8px;
    margin: 0;

}
.IndexHeader .menu li ul li:hover{
    background: #fff;
}
.IndexHeader .menu li ul li a{
    font: 12px iransans_Medium;
    display: block;
}

.IndexHeader .menu li ul li ul{
    display: none;
}
.indexHead .service{
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    margin: auto;
    font-size: 0;
    background: #141414;
    z-index: 9;
    padding: 0;
    text-align: center;

}
.indexHead .service > .container{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1024px;
    margin: auto;
}
.indexHead .service:after{
    content: '';
    position: absolute;
    width: 50%;
    top: 0;
    left: 0;
    height: 100%;
    background: #1C1C1C;
    z-index: 1;
}
.indexHead .service .item{
    position: relative;
    display: inline-block;
    width: 25%;
    padding: 24px;
    z-index: 2;
    text-align: right;
}
.indexHead .service .item:nth-child(odd){
    background: #141414;
}
.indexHead .service .item:nth-child(even){
    background: #1C1C1C;
}
.indexHead .service .item:hover{
    opacity: 0.8;
}
.indexHead .service .item a{
    text-decoration: none;
    color: #fff;
}
.indexHead .service .item img{
    width: 50px;
    display: inline-block;
    vertical-align: bottom;

}
.indexHead .service .item .content{
    width: 100%;
    display: inline-block;
    vertical-align: bottom;
    margin-right: -60px;
    padding-right: 90px;
}
.indexHead .service .item .content .title{
    font: 12px iransans_UltraLight;
    margin-bottom: 6px;
}
.indexHead .service .item .content .title_en{
    font: 12px openSans-Light;
    color: #D4AF73;
}

.indexHead > .container > .title{
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    z-index: 8;
    text-align: center;
    margin-top: -80px;
}
.indexHead > .container > .title img{
    width: 180px;
}
.indexHead > .container > .title h1{
    font: 24px iransans_Light;
    color: #fff;
}
.indexAbout{
    position: relative;
    display: block;
    width: 100%;
    margin: 180px auto 50px;
    background: #F1F1F4;

}
.indexAbout > .container{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1024px;
    margin: auto;
    font-size: 0;
}

.indexAbout > .container:after{
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    -moz-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
    width: 100px;
    height: 100px;
    background: url("/package/_images/b1t.png") no-repeat center center / 100% auto;
}
.indexAbout > .container:before{
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100px;
    height: 100px;
    background: url("/package/_images/quotes.png") no-repeat center center / 100% auto;
}
.indexAbout .image{
    position: relative;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-right: 40px;
}
.indexAbout .image img{
    display: block;
    width: 100%;
    margin-top: -100px;
    margin-bottom: 80px;
}
.indexAbout .content{
    position: relative;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 40px 0;
}
.indexAbout .content .title{
    font: 18px iransans_Medium;
    margin-bottom: 14px;
}
.indexAbout .content .text{
    font: 12px iransans_Light;
    line-height: 32px;
    text-align: justify;
    max-height: 250px;
    overflow: auto;
}


.indexAbout .content > .contactBox{
    width: 100%;
    display: block;
    font-size: 12px;
}
.indexAbout .content > .contactBox ul{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}
.indexAbout .content > .contactBox ul li{
    direction: ltr;
    display: block;
    margin-bottom: 20px;
}
.indexAbout .content > .contactBox ul li > i{
    display: inline-block;
    vertical-align: middle;
    color: #D4AF73;
    margin-right: 12px;
    font-size: 24px;
}
.indexAbout .content > .contactBox ul li > a{

    color: #000;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 12px;
}
.indexAbout .content > .contactBox ul li > a i{
    text-decoration: none;
    color: #D4AF73;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    margin-right: 12px;
}
.indexAbout .content > .contactBox ul li > a i:hover{
    opacity: 0.8;
}



.product{
    position: relative;
    display: block;
    width: 100%;
    margin: 100px 0 0;
    overflow: hidden;
}
.product > .container{
    position: relative;
    display: block;
    width: 100%;
    margin: 24px 0 auto auto;
    padding-left: 14%;
    font-size: 0;

}
.product .head{
    display: block;
    width: 100%;
    max-width: 1170px;
    margin: auto;
    position: relative;
}
.product .head .title{
    position: relative;
    font: 16px iransans_Medium;
    display: block;
    margin-bottom: 6px;
}
.product .head:after{
    content: '';
    position: absolute;
    top: 13px;
    left: 100%;
    width: 1000px;
    height: 3px;
    margin-left: 20px;
    background: #D2D2D2;
}
.product .head .title:after{
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 12px;
    width: 100px;
    height: 30px;
    background: url("/package/_images/bbb.png") no-repeat center left / 100% auto;
}
.product .head .description{
    font: 12px iransans_Light;
    display: block;
}
.product .list{
    display: inline-block;
    width: 14%;
    vertical-align: top;
    position: relative;
}
.product .list ul{
    display: block;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.product .list li{
    position: relative;
    font: 12px iransans_Light;
    display: block;
    width: 100%;
    padding: 12px 40px 12px 12px;
    background: #FCFCFD;
    margin-bottom: 20px;
    box-shadow: 0 0 40px -5px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: all 200ms;
}
.product .list li a{
    color: #000;
    text-decoration: none;
}
.product .list li:hover{
    background: #f8f8f9;
}
.product .list li i{
    color: #939393;
    font-size: 10px;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px;
}
.product .list li.active{

    background: #e1e1e1;
}
.product .list li.more{
    background: #D4AF73;
    color: #fff;
    transition: all 200ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.product .list li.more a{
    text-decoration: none;
    color: #fff;
    display: block;
    cursor: pointer;

}
.product .list li.more:hover{
    background: #b38f5b;
}
.product .list .swiper-button-next{
    font-size: 12px;
    background: none;
    position: relative;
    display: inline-block;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    box-shadow: 0 0 40px -5px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    margin: 0 0 0 14px;
}

.product .list .swiper-button-prev{
    font-size: 12px;
    background: none;
    position: relative;
    display: inline-block;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    margin: 0;
    text-align: center;
    line-height: 40px;
    background: #fff;
    box-shadow: 0 0 40px -5px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}
.product .list .swiper-button-next:focus,
.product .list .swiper-button-prev:focus{
    outline: none;
    background: #D4AF73;
    color: #fff;
}
.product .list .swiper-button-next:hover,
.product .list .swiper-button-prev:hover{
    background: #D4AF73;
    color: #fff;
}
.product .list .swiper-button-next.swiper-button-disabled,
.product .list .swiper-button-prev.swiper-button-disabled{
    cursor: no-drop;
}

.product .content{
    display: inline-block;
    width: 86%;
    font-size: 12px;
    vertical-align: top;
    padding-left: 24px;
}
.product .content > .container{
    position: relative;
    display: none;
    width: 100%;

}
.product .content > .container.active{
    display: inline-block;
}
.product .content .swiper-container{

}
.product .content .swiper-container .swiper-slide{
    width: 28%;
}
.product .content .item{
    position: relative;
    display: inline-block;
    width: 33.33%;

    direction: rtl;
}
.product .content .swiper-container .item{
    width: 100%;
    padding: 0;
}

.product .content .item a{
    text-decoration: none;
    display: block;
    color: #000;
}
.product .content .item img{
    width: 100%;
    display: block;
    margin-bottom: 12px;
}
.product .content .item .title{
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: 12px iransans_Medium;
    overflow: hidden;
}

.product .content .item .description{
    position: relative;

    display: block;
    width: 100%;
    font: 12px iransans_UltraLight;
    text-align: justify;
    line-height: 24px;
    max-height: 50px;
    overflow: hidden;
}
.product .content .item .description:before{
    content: '';
    position: absolute;
    width: 50px;
    height: 20px;
    top: 23px;
    left: 0;
    background: rgba(248,248,248,1);
    background: -moz-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(250,250,250,1) 24%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,248,248,1)), color-stop(24%, rgba(250,250,250,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(250,250,250,1) 24%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(250,250,250,1) 24%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(250,250,250,1) 24%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(248,248,248,1) 0%, rgba(250,250,250,1) 24%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff', GradientType=1 );
    font-weight: bold;
    letter-spacing: 4px;
}
.product .content .item .date{
    direction: ltr;
    display: block;
    width: 100%;
}
.product .content .item .date i{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.company{
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 50px;

}
.company .head{
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.company .head .title{
    display: inline-block;
    font: 14px "iransans_Bold";
    margin: 0;
    position: relative;
    z-index: 9;
    background: #F7F7F7;
    padding: 0 24px;
}
.company .head .title:after{
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: -5px;
    width: 100px;
    height: 30px;
    background: url("/package/_images/bbb.png") no-repeat center left / 100% auto;
}
.company .head .title:before{
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: -5px;
    width: 100px;
    height: 30px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url("/package/_images/bbb.png") no-repeat center left / 100% auto;
}
.company .head .description{
    font: 12px "iransans_Light";
}

.company > .container{
    position: relative;
    display: inline-block;
    margin:auto;
    width: 85%;

}
.company .item{
    width: 20%;
    float: right;
    padding: 0 6%;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    transition: all 250ms;
}
.company .item:hover{
    box-shadow: inset 0 -5px 0 0 #edba5a, 0 0 20px 4px #00000014;
    background: #cccccc1f;
}
.company .item img{
    width: 100%;
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 200ms;
}
.company .item:nth-child(5n){
    border-left: none;
}

.company .item:nth-child(n + 6){
    border-bottom: none;
}

.company .item:hover img{
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
}


.indexVideo{
    position: relative;
    display: block;
    width: 100%;
    margin: 100px 0 40px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.44);
}
.indexVideo > .container{
    position: relative;
    display: block;
    width: 100%;
}
.indexVideo video{
    position: relative;
    display: block;
    width: 100%;
}

.indexVideo .head{
    position: absolute;
    display: block;
    margin: auto;
    top: 50%;
    left: 50%;
    text-align: center;
    color: #fff;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all 250ms;
    opacity: 1;
    visibility: visible;
}

.indexVideo .head .title{
    font-size: 24px;
}
.indexVideo .head img{
    width: 70px;
    display: block;
    margin: 20px auto;
    cursor: pointer;
    transition: opacity 1ms;
}

.indexVideo .head img:hover{
    opacity: 0.6;
}

.indexVideo .playing .head {
    opacity: 0;
    visibility: 0;
    z-index: -1;
}
.indexFoodMenu{
    position: relative;
    display: block;
    width: 100%;
    margin: 100px 0 0;
}
.indexFoodMenu .head{
    display: block;
    width: 100%;
    max-width: 1170px;
    margin: auto;
    position: relative;
}
.indexFoodMenu .head .title{
    position: relative;
    font: 16px iransans_Medium;
    display: block;
    margin-bottom: 6px;
}
.indexFoodMenu .head:after{
    content: '';
    position: absolute;
    top: 13px;
    left: 100%;
    width: 1000px;
    height: 3px;
    margin-left: 20px;
    background: #D2D2D2;
}
.indexFoodMenu .head .title:after{
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 12px;
    width: 100px;
    height: 30px;
    background: url("/package/_images/bbb.png") no-repeat center left / 100% auto;
}
.indexFoodMenu .head .description{
    font: 12px iransans_Light;
    display: block;
}
.indexFoodMenu > .container{
    position: relative;
    display: block;
    width: 100%;
    margin: 100px auto 0;
    max-width: 1170px;
    font-size: 0;
    box-shadow: 0 0 40px -2px #cacaca;
    background: #F7F7F7;
}

.indexFoodMenu .item{
    position: relative;
    display: inline-block;
    width: 33.33%;
    text-align: center;
    padding: 24px;
    vertical-align: top;

}
.indexFoodMenu .item img{
    width: 140px;
    position: relative;
    margin-top: -100px;
}
.indexFoodMenu .item .title{
    font: 16px iransans_Medium;
    margin-top: -12px;
    margin-bottom: 12px;
}
.indexFoodMenu .item .description{
    font: 12px iransans_UltraLight;
    text-align: justify;
    line-height: 32px;
    padding: 0 24px;
}
.indexFoodMenu .item .more{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    bottom: 0;
    left: 0;
    font-size: 12px;
    display: block;
    width: 100%;
    height: 60px;
    transition: all 250ms;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,252,252,1) 38%, rgba(248,248,248,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(38%, rgba(252,252,252,1)), color-stop(100%, rgba(248,248,248,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,252,252,1) 38%, rgba(248,248,248,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,252,252,1) 38%, rgba(248,248,248,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,252,252,1) 38%, rgba(248,248,248,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(252,252,252,1) 38%, rgba(248,248,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0 );
}
.indexFoodMenu .item:hover .more{
    opacity: 1;
    visibility: visible;
}
.indexFoodMenu .item .more  a{
    display: block;
    width: 80%;
    max-width: 100px;
    text-decoration: none;
    height: unset;
    position: relative;
    margin: 20px auto auto;
    background: #d4af73;
    color: #fff;
    padding: 4px 20px;
    box-shadow: 0 0 0 4px rgba(212, 175, 115, 0.5);
    border-radius: 100px;
}
.indexBlog{
    position: relative;
    display: block;
    width: 100%;
    margin: 100px 0 0;
}
.indexBlog .head{
    display: block;
    width: 100%;
    max-width: 1170px;
    margin: auto;
    position: relative;
}
.indexBlog .head .title{
    position: relative;
    font: 16px iransans_Medium;
    display: block;
    margin-bottom: 6px;
}
.indexBlog .head:after{
    content: '';
    position: absolute;
    top: 13px;
    left: 100%;
    width: 1000px;
    height: 3px;
    margin-left: 20px;
    background: #D2D2D2;
}
.indexBlog .head .title:after{
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 12px;
    width: 100px;
    height: 30px;
    background: url("/package/_images/bbb.png") no-repeat center left / 100% auto;
}
.indexBlog .head .description{
    font: 12px iransans_Light;
    display: block;
}
.indexBlog > .container{
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 0;
    max-width: 1170px;
    font-size: 0;

}
.indexBlog .blogSlider{
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 50px 0;
    z-index: 1;
}


.indexBlog .swiper-slide{
    padding: 14px;
}
.indexBlog .item{
    position: relative;
    display: block;
    width: 100%;
    box-shadow: 0 0 14px -2px #cacaca;
    background: #fff;
    font-size: 12px;
    padding-bottom: 24px;

}

.indexBlog .item a{
    display: block;
    width: 100%;
    color: #000;
    text-decoration: none;
}
.indexBlog .item .img{
    position: relative;
    display: block;
    width: 100%;
}
.indexBlog .item .img:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 7px;
    bottom: 0;
    background: url(/package/_images/border.png) repeat-x bottom / 10px 6px;
}
.indexBlog .item .img img{
    position: relative;
    display: block;
    width: 100%;
}
.indexBlog .item .date{
    display: block;
    width: 100%;
    padding: 5px 12px;
    margin: 14px 0 -14px;
}
.indexBlog .item .date i{
    margin-left: 8px;
}

.indexBlog .item .title{
    display: block;
    width: 70%;
    padding: 5px 12px;
    font: 16px iransans_Bold;
    line-height: 35px;
    margin-bottom: 24px;
    height: 105px;
    overflow: hidden;
    text-overflow: ellipsis;

}
.indexBlog .item .more{
    padding: 12px;
    margin: 0;
    list-style: none;
    width: 100%;
    display: block;
    font-size: 0;
}
.indexBlog .item .more li{
    display: inline-block;
    width: 50%;
    font-size: 12px;
    position: relative;
    vertical-align: middle;
    padding: 0 12px;

}
.indexBlog .item .more li i{
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #D4AF73;
    color: #fff;
    border-radius: 100px;
    font-size: 14px;
    margin-right: 8px;
}
.indexBlog .item .more li:first-child:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    border-left: 1px solid #D1D1D1;
}

.indexBlog .item .more li span{
    background: rgba(212, 175, 115, 0.14);
    color: #D4AF73;
    padding: 2px 10px;
    border-radius: 5px;
}
.indexBlog .item .more li span:hover{
    background: rgba(212, 175, 115, 0.2);
}
.footer{
    position: relative;
    display: block;
    width: 100%;
    margin: auto;
    background: url("/package/_images/mapbg.jpg") no-repeat center center / 100% auto;
}
.footer:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
.footer > .container{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1170px;
    margin: auto;
    z-index: 1;
    font-size: 0;

    padding: 40px 0;

}
.footer .col{
    position: relative;
    display: inline-block;
    width: 25%;
    font: 12px iransans_Light;
    vertical-align: top;

}
.footer .col .title{
    position: relative;
    display: block;
    width: 100%;
    font: 14px iransans_Bold;
    color: #fff;
    margin-bottom: 14px;
}
.footer .col ul{
    padding: 0;
    margin: 0;
    list-style: disc;
    color: #D4AF73;
}
.footer .col ul li{
    position: relative;
    display: block;
    width: 100%;
    color: #5B7579;
    padding: 8px 0;
}
.footer .col ul li a{
    color: #5B7579;
    text-decoration: none;
}
.footer .col li a:hover{
    color: #7c9ca0;
}
.footer .col.about .logo{
    position: relative;
    display: block;
    width: 100%;
    padding: 14px;


}
.footer .col.about .logo img{
    position: relative;
    display: block;
    width: 70px;
    margin: auto;
}
.footer .col.about .content{
    font: 12px iransans_UltraLight;
    color: #fff;
    line-height: 28px;
    text-align: justify;
    height: 140px;
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
}
.footer .col.about .content > .container{
    position: relative;
    display: block;
    width: 114%;
    width: calc(100% + 40px);
    height: 100%;
    overflow: auto;
    padding-left: 40px;
    margin-right: 0;
}
.footer .col .links{
    position: relative;
    display: block;
    -webkit-columns: 2 30px;
    -moz-columns: 2 30px;
    columns: 30px 2;
    font-size: 0;
}
.footer .col .links li{
    position: relative;
    display: inline-block;
    padding: 8px 0;
    font-size: 12px;
}
.footer .col .links li:before{
    font-family: "Font Awesome 5 Free", serif;
    font-weight: 900;
    content: "\f053";
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    color: #D4AF73;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
}
.footer .col .links li:hover:before{
    content: "\f25a";
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.footer .col .links li a{
    color: #5B7579;
    text-decoration: none;
    transition: all 250ms;


}
.footer .col .contact{
    position: relative;
    display: block;
}
.footer .col .contact li{

}
.footer .col .contact li i{
    font-size: 14px;
    color: #D4AF73;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    position: relative;
}
.footer .col .contact li a{

}
.footer .col .social{

}
.footer .col .social li{

}
.footer .col .social li i{
    font-size: 30px;
    vertical-align: middle;
    margin-left: 10px;
    color: #D4AF73;
}

.footer .col .social li span{
    color: #84C2CC;
}
.footer .col .social li a{

}

.footer .copyright{
    position: relative;
    display: block;
    width: 100%;
    margin: auto;
    font-size: 0;
    z-index: 1;
    padding: 14px 5%;
    background: #1D282B;
}
.footer .copyright .build{
    display: inline-block;
    width: 50%;
    font: 12px iransans_UltraLight;
    color: #fff;
}
.footer .copyright .build a{
    color: #D4AF73;
    font: 14px iransans_Light;
    text-decoration: none;
}
.footer .copyright .build a.en{
    font: 10px openSans-Bold;
    letter-spacing: 2px;
    word-spacing: -3px;
}
.footer .copyright .copyright_C{
    display: inline-block;
    width: 50%;
    font-size: 12px;
    color: #fff;
    text-align: left;

}
.header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;

}
.header:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 9px;
    top: 100%;
    background: url(/package/_images/border_b.png) repeat-x center top / 24px 9px;
    z-index: -1;
    -webkit-filter: drop-shadow(0 0 8px rgba(0,0,0,0.1));
    -o-filter: drop-shadow(0 0 8px rgba(0,0,0,0.1));
    -moz-filter: drop-shadow(0 0 8px rgba(0,0,0,0.1));
    -ms-filter: drop-shadow(0 0 8px rgba(0,0,0,0.1));
    filter: drop-shadow(0 0 8px rgba(0,0,0,0.1));
}

.header .head {
    position: relative;
    width: 100%;
    background: #fefefe;
    display: inline-block;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    z-index: 2;
}
.header .head .contact{
    display: inline-block;
    font-size: 12px;
    padding: 14px;
    margin-right: 5%;
}
.header .head .contact i{

    color: #D4AF73;
    vertical-align: unset;
    display: inline-block;
    font-size: 20px;
}
.header .head .contact a{
    color: #D4AF73;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    margin-right: 5px;
}
.header .head .contact span{
    color: #1c1c1c;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.header .head .social{
    position: relative;
    display: inline-block;
    float: left;
    font-size: 12px;
    padding: 14px;
    margin: 0 0 0 5%;
    list-style: none;
    direction: ltr;
}
.header .head .social li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}
.header .head .social li a{
    color: #D4AF73;
    text-decoration: none;
}
.header .head .social li a i{
    font-size: 20px;

}
.header .menu{
    position: relative;
    display: block;
    width: 100%;
    background: #fefefe;
    padding: 0 5%;
    font-size: 0;
    z-index: 1;
    /*box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.2);*/
}
.header .menu .logo{
    position: relative;
    display: inline-block;
    text-align: left;
    width: 150px;
    vertical-align: middle;
    margin: 12px 0;
}
.header .menu .logo a{
    text-decoration: none;
    display: block;
}
.header .menu .logo img{
    position: relative;
    display: inline-block;
    height: 66px;
    max-width: 100%;
    margin-left: 0;
}
.header .menu ul{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: right;
    list-style: none;
    padding: 0 0 0 170px;
    font-size: 12px;
    margin: 0 0 0 -150px;

}
.header .menu ul li{
    position: relative;
    display: inline-block;
    margin: 0 12px;
}
.header .menu ul li a{
    color: #1c1c1c;
    font: 12px iransans_Light;
    text-decoration: none;
    transition: all 100ms;
}
.header .menu ul li:hover > a{
    color: #D4AF73;
}
.header .menu ul li a:nth-last-child(2){
    padding-left: 20px;
}
.header .menu ul li a:nth-last-child(2):after{
    content: '';
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #1C1C1C;
}
.header .menu ul li:hover > a:nth-last-child(2):after{
    border-top-color: #D4AF73;
}
.header .menu li ul{
    position: absolute;
    display: none;
    min-width: 250px;
    padding: 14px 0;
    top: 100%;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fefefe;
    text-align: right;
    margin: 20px 0 0;
}
.header .menu li:hover > ul{
    display: block;
}
.header .menu li ul:after{
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 20px solid #fefefe;
    -ms-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0,0.05));
    -webkit-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0,0.05));
    -o-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0,0.05));
    -moz-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0,0.05));
    filter: drop-shadow(0 -1px 1px rgba(0, 0, 0,0.05));
}
.header .menu li ul:before{
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;

    height: 20px;

}
.header .menu li ul li{
    display: block;
    width: 100%;
    padding: 12px 8px;
    margin: 0;

}
.header .menu li ul li:hover{
    background: #f8f8f8;
}
.header .menu li ul li a{
    font: 12px iransans_Medium;
    display: block;
}
.CategoryPage{
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
}
.CategoryPage .head{
    position: relative;
    display: block;
    width: 100%;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.3);


}
.CategoryPage .head> img{
    position: relative;
    display: block;
    width: 100%;
}

.CategoryPage .head:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.55);
}
.CategoryPage .head:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.90), rgba(255, 255, 255, 0));
}

.CategoryPage .head .title{
    font: 24px iransans_UltraLight;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    left: 0;
    text-align: center;
    z-index: 9;
    color: #fff;
    margin: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.CategoryPage .head .list{
    position: absolute;
    top: 100%;
    width: 100%;
    max-width: 800px;
    padding: 0;
    margin: 0;
    background: #fff;
    border-radius: 100px;
    white-space: nowrap;
    overflow: hidden;
    list-style: none;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
    text-align: right;
}
.CategoryPage .head .list ul{
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;

}

.CategoryPage .head .list .item{
    display: inline-block;
    position: relative;
    padding: 12px 7px;

}
.CategoryPage .head .list .item a{
    position: relative;
    color: #000;
    text-decoration: none;
    display: block;
    font-size: 12px;
    cursor: pointer;
    transition: all 200ms;
}
.CategoryPage .head .list .item a:hover{
    font-weight: bold;
}
.CategoryPage .head .list .item a:after{
    content: '/';
    position: absolute;
    left: 0;
    top: 0;
    margin: 2px -10px;
    font-weight: normal !important;

}
.CategoryPage .head .list .item a:hover:after{
    font-weight: normal !important;
}
.CategoryPage .head .list .item:last-child a:after{
    display: none;
}
.CategoryPage .head .list .more a:after{
    display: none;
}

.CategoryPage .head .list .more{
    float: left;
    background: #D4AF73;
    font-size: 12px;
    margin: 7px 10px;
    padding: 0;
    border-radius: 100px;
    font-weight: bold;
    box-shadow: 0 0 0 10px rgba(212, 175, 115, 0.23);
    transition: all 500ms;
}
.CategoryPage .head .list .more:hover{
    box-shadow: 0 0 0 10px rgba(212, 175, 115, 0.4);
}
.CategoryPage .head .list .more a{
    text-decoration: none;
    color: #fff;
    padding: 4px 9px 6px;
    display: block;
}
.CategoryPage > .container{

    position: relative;
    display: block;
    width: 100%;
    margin: auto;
    max-width: 1170px;
    padding: 24px;
    border-radius: 8px;
    font-size: 0;
}
.CategoryPage .right{
    position: relative;
    display: inline-block;
    font-size: 12px;
    width: 25%;
    vertical-align: top;
}

.CategoryPage .left{
    position: relative;
    display: inline-block;
    font-size: 12px;
    width: 75%;
    vertical-align: top;
    padding-right: 40px;
}
.CategoryPage .search{
    position: relative;
    display: block;
    width: 100%;
    margin: auto;
}
.CategoryPage .search input{
    position: relative;
    display: block;
    width: 100%;
    margin: auto auto 24px;
    border: 2px solid #D4AF73;
    padding: 9px 9px 9px 30px;
}
.CategoryPage .search button{
    position: absolute;
    top: 50%;
    left: 0px;
    border: none;
    background: transparent;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    cursor: pointer;
}
.CategoryPage .search *:focus{
    outline: none;
}
.CategoryPage .search button i{
    color: #c19f69;
    font-size: 24px;

}
.CategoryPage .catList{
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 24px;
    padding: 12px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);

}
.CategoryPage .catList .title{
    position: relative;
    display: inline-block;
    margin: 0 0 24px;
    text-decoration: none;
    color: #000;
    padding: 6px 0;
    font: 14px iransans_Light;
}
.CategoryPage .catList .title:after{
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    width: 66px;
    height: 1px;
    border-bottom: 2px solid #D4AF73;
}
.CategoryPage .catList ul{
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: block;
    width: 100%;

}
.CategoryPage .catList > ul > li{
    position: relative;
    display: block;
    margin-bottom: 12px;
}

.CategoryPage .catList > ul > li > a{
    padding: 12PX;
    background-color: #f0f0f0;
    width: 100%;
    display: block;
    color: #968b88;
    text-decoration: none;
    cursor: pointer;
}
.CategoryPage .catList > ul > li.active > a{
    background: #d4af73;
    color: #fff;
}
.CategoryPage .catList > ul > li > ul{
    padding: 12px 24px 0 0;
}

.CategoryPage .catList > ul > li > ul > li{
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 24px ;
    border-right: 1px dashed rgba(198,178,147,0.6);
}

.CategoryPage .catList > ul > li > ul > li.active{
    background: rgba(212, 175, 115, 0.14);
}

.CategoryPage .catList > ul > li > ul > li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    border-bottom: dashed 1px rgba(198,178,147,0.6);
    height: 1px;
    width: 20px;
}
.CategoryPage .catList > ul > li > ul > li a{
    width: 100%;
    display: block;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.CategoryPage .catList > ul > li > ul > li ul{
    display: none;
}

.CategoryPage .content{
    position: relative;
    display: block;
    width: 100%;
    margin: -12px auto 0;
    font-size: 0;
}
.CategoryPage .content .item{
    position: relative;
    display: inline-block;
    font-size: 12px;
    width: 33.33%;
    padding: 12px;

}
.CategoryPage .content .item > .container{
    text-decoration: none;
    color: #000;
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    padding-bottom: 30px;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    transition: all 250ms;
}
.CategoryPage .content .item:hover > .container{
    -webkit-box-shadow: 0 0 0 1px #d4af73;
    box-shadow:  0 0 0 1px #d4af73;
    border: 1px solid #d4af73;
}
.CategoryPage .content .item > .container .img{
    display: block;
    position: relative;
    width: 100%;
    padding: 8px;
    border-radius: 8px;
}
.CategoryPage .content .item:hover > .container .img{
}
.CategoryPage .content .item > .container .img img{
    display: block;
    width: 100%;
    border-radius: 4px;
}
.CategoryPage .content .item > .container .title{
    margin-top: 12px;
    font: 12px iransans;
    margin-bottom: 8px;
}

.CategoryPage .content .item > .container .cat{
    color: #b0b0b0;
}

.CategoryPage .content .item > .container .more{
    position: absolute;
    top: 100%;
    left: 50%;
    background: #d4af73;
    color: #fff;
    padding: 5px 18px;
    border-radius: 100px;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all 250ms;
    opacity: 0;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.3);
}
.CategoryPage .content .item:hover > .container .more{

    opacity: 1;
}
.TQ-content{
    position: relative;
    font-size: 12px;
    padding: 24px;
    background: #fff url("/package/_images/bgArticle.png") repeat top left / 339px auto;
    margin: auto auto 40px;
    border: solid 1px #e6e1e1;
    line-height: 24px;
    width: 100%;max-width: 1170px;
    display: block;
}

.TQ-content .readMore{
    position: absolute;
    top: -1px;
    left: 64px;
    background: #f8f8f8;
    border-left: 1px solid #ccc;
    border-radius: 0 0 83px 83px;
    border-right: 1px solid #ccc;
    height: 48px;
    width: 67px;
    text-decoration: none;

}
.TQ-content .readMore img{
    display: block;
    width: 80%;
    margin: -10px auto auto;
}
.GalleryPAGE{
    position: relative;
    display: block;
    width: 100%;
    margin: auto;
    padding-top: 40px;
}
.GalleryPAGE .head{
    position: relative;
    display: block;
    width: 90%;
    margin: auto;
    font-size: 0;
    padding-bottom: 24px;
    z-index: 9;
}
.GalleryPAGE .head .content{
    position: relative;
    display: inline-block;
    width: 60%;
    font-size: 12px;
    vertical-align: top;
}
.GalleryPAGE .head .content .title{
    display: block;
    width: 100%;
    font: 24px iransans;
}
.GalleryPAGE .head .content .description{
    display: block;
    width: 80%;
    font: 12px iransans_UltraLight;
    text-align: right;
    line-height: 30px;
}
.GalleryPAGE .head .nav{
    position: relative;
    display: inline-block;
    width: 40%;
    text-align: left;
    font-size: 12px;
    vertical-align: top;
}
.GalleryPAGE .head .nav ul{
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: block;
    direction: ltr;
}
.GalleryPAGE .head .nav ul li{
    display: inline-block;
    padding: 0 14px;
    text-align: center;
    font-size: 13px;
    color: #767676;
    vertical-align: top;
}
.GalleryPAGE .head .nav ul li > .CatMenu{
    font: 24px iransans ;
    font-weight: bold;
    color: #000;
}
.GalleryPAGE .head .nav ul li > .counter{
    font: 24px iransans ;
    font-weight: bold;
    color: #000;
}
.GalleryPAGE .head .nav ul li > .CatMenu > i{
    cursor: pointer;
}

.GalleryPAGE .head .nav ul li > .CatMenu .catList{
    position: absolute;
    top: 100%;
    display: none;
    width: 250px;
    margin: 0 auto 24px;
    padding: 12px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);

}
.GalleryPAGE .head .nav ul li > .CatMenu.active .catList{
    display: block;
}
.GalleryPAGE .head .nav ul li > .CatMenu .catList .title{
    position: relative;
    display: inline-block;
    margin: 0 0 24px;
    text-decoration: none;
    color: #000;
    padding: 6px 0;
    font: 14px iransans_Light;
}
.GalleryPAGE .head .nav ul li > .CatMenu .catList .title:after{
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    width: 66px;
    height: 1px;
    border-bottom: 2px solid #D4AF73;
}
.GalleryPAGE .head .nav ul li > .CatMenu .catList ul{
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: block;
    width: 100%;

}
.GalleryPAGE .head .nav ul li > .CatMenu .catList > ul > li{
    position: relative;
    display: block;
    margin-bottom: 12px;
}

.GalleryPAGE .head .nav ul li > .CatMenu .catList > ul > li > a{
    padding: 12PX;
    background-color: #f0f0f0;
    width: 100%;
    display: block;
    color: #968b88;
    text-decoration: none;
    cursor: pointer;
}
.GalleryPAGE .head .nav ul li > .CatMenu .catList > ul > li.active > a{
    background: #d4af73;
    color: #fff;
}
.GalleryPAGE .head .nav ul li > .CatMenu .catList > ul > li > ul{
    padding: 12px 24px 0 0;
}

.GalleryPAGE .head .nav ul li > .CatMenu .catList > ul > li > ul > li{
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 24px ;
    border-right: 1px dashed rgba(198,178,147,0.6);
}

.GalleryPAGE .head .nav ul li > .CatMenu .catList > ul > li > ul > li.active{
    background: rgba(212, 175, 115, 0.14);
}

.GalleryPAGE .head .nav ul li > .CatMenu .catList > ul > li > ul > li:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    border-bottom: dashed 1px rgba(198,178,147,0.6);
    height: 1px;
    width: 20px;
}
.GalleryPAGE .head .nav ul li > .CatMenu .catList > ul > li > ul > li a{
    width: 100%;
    display: block;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.GalleryPAGE .head .nav ul li > .CatMenu .catList > ul > li > ul > li ul{
    display: none;
}



.GalleryPAGE > .container{
    position: relative;
    display: block;
    width: 90%;
    margin: auto;
    font-size: 0;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
    grid-auto-rows: 18px;
    min-height: 70vh;
}
.GalleryPAGE .item{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 6px;
    margin-bottom: 12px;
    text-align: center;
}
.GalleryPAGE .item.active{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    padding: 5% 10%;
    background: rgba(0, 0, 0, 0.9);
    overflow: auto;
}
.GalleryPAGE .item.active:after{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: no-drop;
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAATiSURBVFhH7VdfSJVnGPd2Cd6N6ThMK5dL5x/wz1oK1oYhsX+CxEY6Q91yroYYKzGoYIt0URB2UUEbzRXoMs30WMdSz+f5nIMNcrBdfARna+1u9939nj2/77wfR4eefeeoowt/8PK87/M8vz/neONJ28AGnmW81IGsFz9Fb9YhdGd9LJtMe9Wgluoep/bz7ZJp2skh+6Dk5LQjmv0JHmp9ojX8whGkm3HKoAa1XM12LLge6mXG/pCnhNw2RF9uQ4ifNrcVAb072gsXNaQeklxquFqqSW160IueZi0x8vUrz29FNP8jhEpV4LMfpOrwPDIKVVD7jp6UQpJDLjWoRU1q04NerqefP3dJC74qbsFDEjtnparDxtOOCGwvpM6ckmZYyYTkLjnkeuGoSW160Ku4GQslLdJjKCujvEm6ypvwuMIIfT4L+2hEhJVv9sua4OjxFZI73CXnPzT/LD+AY4a2MnbU47nKRoR3NqrgfgROqkC3Ch2fFWHlm33OKz+EVZMgJGfc8aWlnvQ21MSg8K4GhHc3wKk2wqcs2KcsEVa+2edc95YNaTQsnxrhRB90WZCw532E9Ti1xuD0DOzTYRFWvtnnvOaDpSF5Z88Plx5Jh/NA4lv7YOlxjS6ocO807N4ZEVa+2eece26wFDjGLjVQoK4e1nv1cOrq1DCIjPNqdH5ahJVv9t257iWzu+pwHhpUaF8dLD3OfmPcNwW7b0qk7wEifLPP+ZIdnbk7uvuvHYuaRn5t0FCD9MZ3YDW+Gw9w6T4il+6LsHoBEs3IpQa1jOzagsLNb8PS47TWItCvxlcnEbk6KcLK93I97pJD7rqF80CDg3thte2Nh7wWQuRaSCRW43cvHHfJWfdwHo6o0eFaWIdq4Wh1Q964i8iNeyLu0Tt7nJkdixxDX3/QrLMGVuceOEdNwMEJRL6/K8LDO3uccYe7/1tAGnW9CavrDQ1XjUBQgwxroJEJEdbFd864w11y1j0kDU7sgnViN5yTJtxYEJHxoAgr38v1uEsOuesW8qwKf1EN68vqeLjQGCKhcRFWL0iiGbnUoJaRXRtQsKcKVk8lnB4TYOoO7KkxkQd3YgHYd+eLdjjjDneX7KjWmoWk0LnXYZ3bCedCBQLzajQ7Cnt2VISVb/Y5d/eS2F11yLNFSL/4GqyLFXHD+dtqdFvErcaQc+5xPxWOsUsO3yrxShnCepwrxuinEdg/j4iw8s0+55fLYHHfUF0ue3649FjM9QUSvi5F+JvSmIGjggu3YP8yLMLKN/uc61kSzgN7nPnRoJfvkJdLZdP1YoS/K4bTXxgT/nUI9m+3RFj5Zp/z6yXLh/PAGXd8aannwA4f//IPFKJ7sAiPhyjYj4xHKvRoSISVb/Z1xxkoShzOA3e4S04iTXoOvOrjR9NIgfQM52NhVL/JPwal6vebeBq9GRcaLoAzUgDrnt8/iYK75JDrhaQmtelBL3rq/IyhrIyxfMkc345ocDtCJP6lAn+rYFCFg6/A0RNOJpwHcsh1NVSLmtSmB73oSW+znhgTeZIzuQ3R0LZYyOlcBPTtTOalFs4DudSgFjWpTQ960dOs+cO0EsJbEZ3JxYLWJzNbVxfOAzWo5WrGtKP0MuPk8GO2ZM5txhl7C47NBXz+qPYBatlbpGtus/TQw7Q3sIFnEGlp/wAgkA2vYQFgtgAAAABJRU5ErkJggg=="), auto;
}
.GalleryPAGE .item .content{
    position: relative;
    display: inline-block;
    z-index: 2;
    width: 100%;text-align: right;
}
.GalleryPAGE .item.active .content{
    width: auto;
}
.GalleryPAGE .item .content img{
    display: block;
    width: 100%;
    border-radius: 5px;
    cursor: zoom-in;

    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.GalleryPAGE .item.active .content img{
    width: auto;
    margin: auto;
    cursor: zoom-out;
}
.GalleryPAGE .item .content .date{
    font: 12px iransans_Bold;
    margin: 5px 0 8px;
}

.GalleryPAGE .item .content .title{
    font: 12px iransans_Light;
    margin-bottom: 12px;
}
.GalleryPAGE .item.active .date,
.GalleryPAGE .item.active .title{
    display: none;
}


.pagination{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 24px;
}
.pagination .paging{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1170px;
    list-style: none;
    margin: auto;
    background: #fff;
    padding: 8px;
    border-radius: 100px;
    border: 1px solid #ebebeb;
}
.pagination .paging li{
    display: inline-block;
    font-size: 14px;
    margin: 0 9px;
    transition: all 250ms;

}
.pagination .paging li:hover{

    font-weight: bold;

}
.pagination .paging li a{
    text-decoration: none;
    color: #000;
    min-width: 25px;
    height: 25px;
    display: block;
    line-height: 25px;
}
.pagination .paging .current-page a{
    background: #D4AF73;
    border-radius: 100px;
    color: #fff;
    box-shadow: 0 0 0 4px rgba(180, 142, 80, 0.2);

}
.pagination .paging .prev{
    font-size: 12px;
    float: right;
    margin: 0;
}
.pagination .paging .next{
    font-size: 12px;
    float: left;
    margin: 0;
}
.pagination .paging li i{
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
    height: 10px;
    color: #a3a3a3;
    line-height: normal;
}
.blogPage{
    position: relative;
    display: block;
    width: 100%;
    margin-top: 80px;

}
.blogPage > .container{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1170px;
    margin: auto;
    font-size: 0;
}
.blogPage .right{
    position: relative;
    display: inline-block;
    font-size: 12px;
    width: 33%;
    vertical-align: top;
}
.blogPage .left{
    position: relative;
    display: inline-block;
    font-size: 12px;
    width: 67%;
    vertical-align: top;
    padding-right: 24px;
}
.blogPage .col{
    position: relative;
    display: block;
    width: 100%;

}

.blogPage .col > .container{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}


.blogPage .col .search{
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 24px;
}
.blogPage .col .search input{
    display: block;
    width: 100%;
    border: 1px solid #D4AF73;
    font-size: 12px;
    border-radius: 3px;
    padding: 6px 6px 6px 30px;
}
.blogPage .col .search button{
    position: absolute;
    top: 5px;
    left: 5px;
    border: none;
    background: #D4AF73;
    color: #fff;
    padding: 0;
    height: 24px;
    width: 24px;
    border-radius: 3px;
    cursor: pointer;
}




.blogPage .col .newsletter{
    position: relative;
    display: block;
    width: 100%;
    background: #D4AF73;
    padding: 24px;
    margin-bottom: 24px;
}
.blogPage .col .newsletter > i{
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
    font-size: 40px;
    line-height: 70px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 100%;

    margin-bottom: 24px;

}
.blogPage .col .newsletter .title{
    font: 14px iransans_Bold;
    margin: 8px;
}
.blogPage .col .newsletter .description{
    font: 14px iransans_UltraLight;
    margin-bottom: 24px;
}

.blogPage .col .newsletter input{
    position: relative;
    display: block;
    width: 100%;
    background: transparent;
    margin-bottom: 24px;
    border: none;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding-bottom: 12px;
    color: #fff;
}
.blogPage .col .newsletter input:focus{
    outline: none;
}
.blogPage .col .newsletter input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}
.blogPage .col .newsletter input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}
.blogPage .col .newsletter input:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}
.blogPage .col .newsletter input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.blogPage .col .newsletter button{
    border: none ;
    width: 50px;
    color: #fff;
    height: 50px;
    border-radius: 100%;
    line-height: 40px;
    font-size: 25px;
    background: #a48152;
    cursor: pointer;
}

.blogPage .col .newsletter button:focus{
    outline: none;
}

.blogPage .col .item{
    position: relative;
    display: block;
    width: 100%;
    background: #e7e7e7;
    padding: 24px;
    margin-bottom: 24px;
    text-align: right;

}
.blogPage .col .item > .title{
    position: relative;
    display: inline-block;
    text-align: right;
    font: 14px iransans_Light;
    padding-bottom: 6px;
    text-decoration: none;
    color: #000;
}
.blogPage .col .item > .title:after{
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    width: 120%;
    height: 2px;
    background: #a48152;
}

.blogPage .col .item > .container{
    position: relative;
    display: block;
    width: 100%;
}

.blogPage .col .category .AHATreeList{
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #dfdfdf;

}
.blogPage .col .category .AHATreeList a{
    text-decoration: none;
    color: #000;
    cursor: pointer;
    z-index: 9;
}
.blogPage .col .category .AHATreeList ul{
    padding: 0;
    margin: 12px 0 0;
    border: 1px solid #ccc;
}
.blogPage .col .category .AHATreeList li{
    padding: 10px 5px;
    margin-bottom: -1px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
}
.blogPage .col .category .AHATreeList li:last-child{
    border-bottom: none;
}
.blogPage .col .category .AHATreeList li .title{
    padding: 0;
    position: unset;
}
.blogPage .col .category .AHATreeList li > .title:after{
    display: none;
}

.blogPage .col .category .AHATreeList li[data-folder="true"] > .title:before{
    left: 0;
    right: auto;
    height: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.blogPage .col .category .AHATreeList li.show[data-folder="true"] > .title:before{
    left: 0;
    right: auto;
    height: 20px;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.blogPage .col .lastPost{
    text-align: right;
}
.blogPage .col .lastPost .item{
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 14px;

}
.blogPage .col .lastPost .item a{
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.blogPage .col .lastPost .item .img{
    position: relative;
    display: inline-block;
    width: 85px;
    overflow: hidden;
    border-radius: 12px;
    vertical-align: top;

}
.blogPage .col .lastPost .item .img img{
    position: relative;
    display: block;
    width: 100%;

}
.blogPage .col .lastPost .item .content{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-right: -95px;
    padding-right: 100px;
    vertical-align: top;
}
.blogPage .col .lastPost .item .content .title{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}.col .lastPost .item .content .date{
     margin-top: 10px;
     color: #a1a1a1;
     display: block;
 }

.blogPage .articles{
    position: relative;
    width: 100%;
    display: block;
}
.blogPage .articles .item{
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 24px;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;

}
.blogPage .articles .item .img{
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none;
    color: #000;
}
.blogPage .articles .item .img img{
    display: block;
    width: 100%;
}
.blogPage .articles .item .category{
    margin-top: 14px;
    background: #F7E9E6;
    color: #F56751;
    padding: 4px 8px;
    display: inline-block;
    margin-right: 14px;
    margin-bottom: 14px;
    border-radius: 3px;
    text-decoration: none;
}
.blogPage .articles .item .title{
    display: block;
    position: relative;
    width: 100%;
    padding: 0 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: 16px iransans_Medium;
    margin-bottom: 8px;
    text-decoration: none;
    color: #000;
}
.blogPage .articles .item .author{
    display: block;
    position: relative;
    width: 100%;
    padding: 0 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: 12px iransans_Light;
    margin-bottom: 14px;

}

.blogPage .articles .item .description{
    display: block;
    position: relative;
    width: 100%;
    padding: 0 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    font: 12px iransans_Light;
    margin-bottom: 14px;
    line-height: 24px;
    max-height: 100px;
    text-align: justify;

}
.blogPage .articles .item .more{
    display: block;
    position: relative;
    width: 100%;
    padding: 0 14px;
    font: 12px iransans_Medium;
    margin-bottom: 14px;
    color: #000;
    text-decoration: none;
}
.blogPage .articles .item .more i{
    vertical-align: middle;
    display: inline-block;
    margin-left: 6px;
    font-size: 20px;
}
.blogPage .articles .item ul{
    list-style: none;
    border-top: 1px solid #dddddd;
    padding: 14px;
    margin: 14px 0 0;
    font-size: 0;

}
.blogPage .articles .item ul li{
    display: inline-block;
    width: 50%;
    font-size: 12px;
    color: #B6B8BB;
}

.blogPage .articles .item ul li:nth-child(odd){
    text-align: right;
}
.blogPage .articles .item ul li:nth-child(even){
    text-align: left;
}
.blogPage .articles .item ul li i{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    margin-left: 6px;
}
.blogPage .articles .item .blog__tags{
    display: block;
    position: relative;
    width: 100%;
    text-align: right;
    padding: 14px;
}

.blogPage .articles .item .blog__tags a{
    display: inline-block;
    padding: 3px 7px;
    color: #a48152;
    border: 1px solid;
    text-decoration: none;
}


.blogPage .articles .item .content{
    display: inline-block;
    width: 100%;

    padding: 14px;
}

.blogPage .articles .item .content *{
    max-width: 100% !important;

}

.blogPage .articles .item .content img{
    height: auto !important;

}
.faqPAGE{
    position: relative;
    display: block;
    width: 100%;
    margin: auto auto 40px;
}
.faqPAGE > .head{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin: auto;
}
.faqPAGE > .head .content{
    position: relative;
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 40px auto auto;
}
.faqPAGE > .head .content .title{
    position: relative;
    display: block;
    font: 24px iransans_Light;
    color: #000;
    margin: 0;
}
.faqPAGE > .head .content .description{
    position: relative;
    display: block;
    font: 12px iransans_Light;
    color: #959595;
    text-align: center;
    margin: 8px 0 0;
}
.faqPAGE > .head > img{
    display: block;
    margin: auto;
    width: 100%;
    max-width: 600px;
}
.faqPAGE > .container{

}
.faqPAGE .form{
    position: relative;
    display: block;
    width: 100%;
    margin-top: 40px;
    background: #6570BE;
    padding: 24px;
    font-size: 0;
}
.faqPAGE .form:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 85%;
    left: 50%;
    top: 50%;

    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 1px solid #ccc;
}
.faqPAGE .form .info{
    font-size: 12px;
    position: relative;
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}
.faqPAGE .form .info .logo{
    position: relative;
    display: block;

}
.faqPAGE .form .info .logo img{
    display: block;
    width: 100%;
    max-width: 100px;
    margin: auto;
}
.faqPAGE .form .info .title{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-top: 18px;
    margin-bottom: 10px;
    color: #fff;
}
.faqPAGE .form .info .description{
    position: relative;
    display: block;
    width: 70%;
    text-align: center;
    color: #c9c9c9;
    margin: auto;
}
.faqPAGE .form .content {

    position: relative;
    display: inline-block;
    width: 50%;
    padding: 40px;
    vertical-align: middle;
    font-size: 0;
}
.faqPAGE .form .content textarea,
.faqPAGE .form .content input{
    position: relative;
    display: inline-block;
    font: 12px iransans_Light;
    width: 100%;
    border: 2px solid #dedede;
    margin-bottom: 24px;
    resize: none;
    padding: 8px;
    border-radius: 6px;
}

.faqPAGE .form .content textarea:focus,
.faqPAGE .form .content input:focus{
    outline: none;
    border: 2px solid #bababa;
}
.faqPAGE .form .content input.c50{
    width: 48%;


}
.faqPAGE .form .content input.c50:nth-of-type(odd){
    margin-left: 2%;
}
.faqPAGE .form .content input.c50:nth-of-type(even){
    margin-right: 2%;
}
.faqPAGE .form .content .captcha{
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 24px;
}
.faqPAGE .form .content .captcha input{
    margin-bottom: 0;
    padding-left: 50px;
}
.faqPAGE .form .content .captcha img{
    position: absolute;
    top: 50%;
    left: 12px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.faqPAGE .form .content button{
    font: 12px iransans_Light;
    display: inline-block;
    float: left;
    border: none;
    background: #fff;
    color: #D4AF73;
    padding: 6px 24px;
    border-radius: 5px;
    cursor: pointer;
}
.faqPAGE .form .content .title{
    font-size: 18px;
    margin: -24px 0 20px 0;
    padding: 0 5px;
    color: #fff;
}
.faqPAGE > .container{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1170px;
    margin: auto;
}
.faqPAGE .list{
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 24px auto auto;
    font-size: 0;
    padding: 40px 0;
    list-style: none;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
}
.faqPAGE .list ul,
.faqPAGE .list ol,
.faqPAGE .list li{
    list-style: decimal;
}

.faqPAGE .list li{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 12px 24px;
    font-size: 12px;
    vertical-align: top;
}

.faqPAGE .list li .container{
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.14);
    padding: 20px 20px 20px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.faqPAGE .list li .container:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("/package/_images/arrow-o.png") no-repeat center /100%;
    left: 10px;
    top: 20px;
    cursor: pointer;
}
.faqPAGE .list li.active .container:after{
    background: url("/package/_images/arrow-c.png") no-repeat center /100%;
}


.faqPAGE .list li .title{
    position: relative;
    display: block;
    width: 100%;
    padding-left: 40px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-weight: bold;
    z-index: 2;
    cursor: pointer;
}
.faqPAGE .list li .description{
    width: 90%;
    display: block;
    font-size: 11px;
    color: #b0b0b0;
    margin-top: 6px;

}
.faqPAGE .list li.active .description{
    display: none;
}
.faqPAGE .list li.active .title{
    color: #D4AF73;
}
.faqPAGE .list li .content{
    position: relative;
    display: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.faqPAGE .list li.active .content{
    display: block;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #F7F7F7;
    width: 96%;

}
.faqPAGE .list li .content .btn{
    position: relative;
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    text-decoration: none;
    background: #efefef;
    border-radius: 4px;
    padding: 6px;
    border-top: 1px solid #e9e9e9;
    color: #d4af73;
    font-weight: bold;
}
.faqPAGE .list li .content *{
    max-width: 100% !important;
    height: auto !important;
}
.AHA-P-head{
    position: relative;
    display: block;
    width: 100%;
    padding-top: 40px;
    background: #d4af73 url(/package/_images/bgPage.png) repeat top left / 339px auto;
    padding-bottom: 90px;
}

.AHA-P-head .content{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1170px;
    margin: auto;
    text-align: center;
}

.AHA-P-head .content .title{
    position: relative;
    display: block;
    font: 24px iransans_Light;
    color: #ffffff;
    margin: 0;
}
.AHA-P-head .content .description{
    position: relative;
    display: block;
    font: 14px iransans_Light;
    color: #f1f1f1;
    margin: 0;
    text-decoration: none;
}
.pageContent{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1170px;
    background: #fff;
    padding: 24px;
    margin: -80px auto 40px;
    border-radius: 8px;
    box-shadow: 0 0 0 8px #d4af73;
}
.pageContent *{
    max-width: 100% !important;
    height: auto !important;
}

.contactPage{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    text-align: center;
}
.contactPage > .container{
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 1170px;
    text-align: center;
}
.contactPage .map{
    position: relative;
    display: block;
    width: 100%;

}
.contactPage .map img{
    display: block;
    width: 100%;
}
.contactPage .content{
    position: relative;
    display: inline-block;
    width: 85%;
    text-align: right;

}
.contactPage .content .info{
    position: absolute;
    display: inline-block;
    width: 50%;
    height: 100%;
    background: #fff;
    padding: 40px 24px;
    overflow: hidden;
}
.contactPage .content .info .title{
    font: 16px iransans_Bold;
    margin-bottom: 24px;
    display: block;
}
.contactPage .content .info .description{
    font: 12px iransans_UltraLight;
    margin-bottom: 24px;
    display: block;
    text-align: justify;
    overflow: auto;
    max-height: 50%;
    padding-left: 40px;
    margin-left: -40px;
}
.contactPage .content .info ul{
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
}
.contactPage .content .info ul li{
    display: block;
    margin-bottom: 14px;
    font-size: 12px;
}
.contactPage .content .info ul li i{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-left: 12px;
}
.contactPage .content .info .contact__social{
    position: relative;
    display: block;
    width: 100%;
}
.contactPage .content .info .contact__social a{
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #fff;
    line-height: 37px;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    border-radius: 50%;
    font-size: 18px;
    margin: 0 1px;
    text-decoration: none;
}
.contactPage .content .info .contact__social a img{
    width: 100%;
}
.contactPage .content .form{
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    background: #D4AF73;
    padding: 40px 24px;
}
.contactPage .content .form .item{

    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 14px;

}
.contactPage .content .form .item textarea,
.contactPage .content .form .item input{
    position: relative;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    padding: 12px 0 12px 12px;
    font: 12px iransans_Light;
    color: #fff;
    resize: none;

}
.contactPage .content .form .item textarea:focus,
.contactPage .content .form .item input:focus{
    outline: none;
}

.contactPage .content .form .item textarea::-webkit-input-placeholder,
.contactPage .content .form .item input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}
.contactPage .content .form .item textarea::-moz-placeholder,
.contactPage .content .form .item input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}
.contactPage .content .form .item textarea:-ms-input-placeholder,
.contactPage .content .form .item input:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}
.contactPage .content .form .item textarea:-moz-placeholder,
.contactPage .content .form .item input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}
.contactPage .content .form .item .captcha{
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.contactPage .content .form .item .captcha + input{
    padding-left: 40px;
}
.contactPage .content .form .submit{
    position: relative;
    display: inline-block;
    padding: 8px 24px;
    margin-top: 24px;
    background: #fff;
    border: none;
    color: #D4AF73;
}

.contactPage .content .info .description *{
    max-width: 100%;
    height: auto !important;
}







.portfolioPage{
    position: relative;
    display: block;
    width: 100%;
    margin: 40px 0;

}
.portfolioPage > .head{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1170px;
    margin: auto;

}
.portfolioPage > .head .list{
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #fff;
    border-radius: 100px;
    white-space: nowrap;
    overflow: hidden;
    list-style: none;
    z-index: 2;
    text-align: right;
}
.portfolioPage > .head .list ul{
    display: inline-block;
    padding: 0;
    margin: 0 12px 0 0;
    list-style: none;

}

.portfolioPage > .head .list .item{
    display: inline-block;
    position: relative;
    padding: 12px 7px;

}
.portfolioPage > .head .list .item a{
    position: relative;
    color: #000;
    text-decoration: none;
    display: block;
    font-size: 12px;
    cursor: pointer;
    transition: all 200ms;
}
.portfolioPage > .head .list .item a:hover{
    font-weight: bold;
}
.portfolioPage > .head .list .item a:after{
    content: '/';
    position: absolute;
    left: 0;
    top: 0;
    margin: 2px -10px;
    font-weight: normal !important;

}
.portfolioPage > .head .list .item a:hover:after{
    font-weight: normal !important;
}
.portfolioPage > .head .list .item:last-child a:after{
    display: none;
}
.portfolioPage > .head .list .more a:after{
    display: none;
}

.portfolioPage > .head .list .more{
    float: left;
    background: #D4AF73;
    font-size: 12px;
    margin: 7px 10px;
    padding: 0;
    border-radius: 100px;
    font-weight: bold;
    box-shadow: 0 0 0 10px rgba(212, 175, 115, 0.23);
    transition: all 500ms;
}
.portfolioPage > .head .list .more:hover{
    box-shadow: 0 0 0 10px rgba(212, 175, 115, 0.4);
}
.portfolioPage > .head .list .more a{
    text-decoration: none;
    color: #fff;
    padding: 4px 9px 6px;
    display: block;
}

.portfolioPage > .container{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1170px;
    margin: 24px auto 0;
    background: #fff;
    padding: 14px;
    box-shadow: -1px 1px 1px 2px #e7e7e7;
    border-radius: 6px;
}
.portfolioPage > .container > .head{
    position: relative;
    display: inline-block;
    width: 100%;
}
.portfolioPage > .container > .head > i{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    color: #D4AF73;
    vertical-align: top;
    text-align: center;
}
.portfolioPage > .container > .head .content{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-right: -60px;
    padding-right: 70px;
    vertical-align: top;
    padding-left: 140px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 14px;
}
.portfolioPage > .container > .head .content .title{
    margin: 0;
    display: block;
    font-size: 18px;
}
.portfolioPage > .container > .head .content .cat{
    margin: 0;
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}
.portfolioPage > .container > .head .content .description{
    margin: 0;
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}
.portfolioPage > .container > .head .content .tel{
    text-decoration: none;
    color: #000;
    display: inline-block;
    position: absolute;
    top: 10%;
    left: 0;
    font-size: 12px;
    text-align: center;
}
.portfolioPage > .container > .head .content .tel span{
    display: block;
}
.portfolioPage > .container > .head .content .tel span:first-child{
    margin-bottom: 3px;
}
.portfolioPage > .container > .head .content .tel span:last-child{
    color: #D4AF73;
    font-weight: bold;
}






.portfolioPage > .container .gallery{
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-top: 24px;
    direction: ltr;
}
.portfolioPage > .container .gallery .docs-galley{
    position: relative;
    width: 50%;
    display: inline-block;
    margin: 0;
    font-size: 0;
    vertical-align: top;
}
.portfolioPage > .container .gallery .docs-pictures > li{
    display: inline-block;
    width: 25%;
    float: none;
    margin: 0;
    padding: 8.75%;
    position: relative;
    font-size: 12px;

}
.portfolioPage > .container .gallery .docs-pictures > li:before{

    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.portfolioPage > .container .gallery .docs-pictures > li > img{
    position: absolute;
    width: auto;
    max-width: 150%;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.portfolioPage > .container .gallery .docs-pictures > li:first-child{
    width: 100%;
    padding: 35%;
    background: #f1f1f1;
    box-shadow: inset 0 0 0 3px #F7F7F7;

}
.portfolioPage > .container .gallery .docs-pictures > li:first-child > img{

}
.portfolioPage > .container .gallery .docs-pictures > li:nth-child(n+6){
    display: none;
}
.portfolioPage > .container .gallery .docs-pictures > li:nth-child(6){
    display: block;
    position: absolute;
    bottom: 0;
    height: auto;
}
.portfolioPage > .container .gallery .docs-pictures > li:nth-child(6):after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(212, 175, 115, 0.92) url(/package/_images/add.svg) no-repeat center / 70%;
}
.portfolioPage > .container .gallery .docs-pictures > li:nth-child(6) img{
    opacity: 0;
    z-index: 9;
}

.portfolioPage > .container .gallery .list{
    position: relative;
    display: inline-block;
    width: 50%;
    font-size: 12px;
    vertical-align: top;
    padding: 0 14px 0 0;
    direction: rtl;

}
.portfolioPage > .container .gallery .list .title{
    font: 14px iransans_Medium;
}
.portfolioPage > .container .gallery .list ul{
    list-style: decimal;
    display: block;
    width: 100%;
}
.portfolioPage > .container .gallery .list ul li{
    width: 100%;
    margin-bottom: 14px;
}

.portfolioPage > .container > .content{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 24px;
    font-size: 12px;
    line-height: 30px;
}
.portfolioPage > .container > .content *{
    max-width: 100% !important;
    height: auto !important;
}
.portfolioPage > .container > .content > .description{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 12px;
    border-radius: 6px;
    background: #fafafa;
    margin-top: 24px;
}
.portfolioPage > .container > .content > .description:before{
    content: "توضیحات مختصر :";
    position: absolute;
    bottom: 100%;
    font-weight: bold;
}
.portfolioPage > .container > .content > .main{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 24px;
}
.portfolioPage > .container > .content > .main:before{
    content: "توضیحات کامل :";
    position: absolute;
    bottom: 100%;
    font-weight: bold;
}