@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 , sans-serif;
    direction: ltr;
    background-color: #f7f7f7;
}
body *{
    direction: rtl;
}
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%;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.6);
}
.indexHead > .slider{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.indexHead > .slider .amazingslider-nav-1{
    position: absolute !important;
    height: auto !important;
    width: auto !important;
    top: 50% !important;
    right: 5% !important;
    left: unset !important;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

}
.indexHead > .slider .amazingslider-nav-1 .amazingslider-nav-container-1{
    margin: 0 !important;
    overflow: unset !important;

}

.indexHead > .slider .amazingslider-nav-1 .amazingslider-nav-container-1 .amazingslider-bullet-wrapper-1{
    width: 20px !important;
    background-color: rgba(0,0,0,0.5) !important;
    height: auto !important;

    border-radius: 100px;
}
.indexHead > .slider .amazingslider-nav-1 .amazingslider-nav-container-1 .amazingslider-bullet-wrapper-1:after{
    content: '';
    position: absolute;
    margin-bottom: 6px;
    bottom: 100%;
    width: 100%;
    height: 25px;
    left: 0;
    background: url("/package/amslider/ARR-T.png") no-repeat center / 17px 25px;


}
.indexHead > .slider .amazingslider-nav-1 .amazingslider-nav-container-1 .amazingslider-bullet-wrapper-1:before{
    content: '';
    position: absolute;
    margin-top: 6px;
    top: 100%;
    width: 100%;
    height: 25px;
    left: 0;
    background: url("/package/amslider/ARR-T.png") no-repeat center / 17px 25px;
    transform: rotate(180deg);
}
.indexHead > .slider .amazingslider-nav-1 .amazingslider-nav-container-1 .amazingslider-bullet-wrapper-1 > div{
    height: 20px !important;
    background-size: 100% !important;
    display: block;
    float: unset !important;
}

.indexHead > .slider .amazingslider-nav-1 .amazingslider-nav-container-1 .amazingslider-bullet-wrapper-1 > div:first-of-type{
    border-top-right-radius: 100px;
    border-top-left-radius: 100px;
}
.indexHead > .slider .amazingslider-nav-1 .amazingslider-nav-container-1 .amazingslider-bullet-wrapper-1 > div:last-of-type{
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.indexHead > .slider .amazingslider-arrow-left-1{
    display: none !important;
}
.indexHead > .slider .amazingslider-arrow-right-1{
    display: none !important;
}

.indexHead > .slider .amazingslider-swipe-box-1{
    position: relative !important;
    z-index: 0 !important;
}
.indexHead > .slider .amazingslider-swipe-box-1:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(102,102,102,0) 40%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(40%, rgba(102,102,102,0)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(102,102,102,0) 40%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(102,102,102,0) 40%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(102,102,102,0) 40%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(102,102,102,0) 40%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 );
}
.indexHead > .slider .amazingslider-swipe-box-1:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;

    background: rgba(0, 0, 0, 0.55) url(/package/_images/header-bg.svg) center center repeat;
}
.indexHead > .slider .amazingslider-description-1{
    color: #fff;
    font: 12px iransans_UltraLight;
}

.indexHead > .head {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
    display: inline-block;
    background: url(/package/_images/ZN-P.png) no-repeat center 100% / 200px;
}

.indexHead > .head .contact{
    display: inline-block;
    font-size: 12px;
    padding: 14px;
    margin-right: 2%;
}
.indexHead > .head .contact i{

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

}
.indexHead > .head .nav ul{
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;

}
.indexHead > .head .nav ul li{
    display: inline-block;
}
.indexHead > .head .nav ul li a{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 14px;
    display: inline-block;
}


.indexHead > .container{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.indexHead > .container > .head{
    position: relative;
    margin: auto;
    height: 200px;
    overflow: hidden;
    padding-top: 40px;
}
.indexHead > .container > .head > .container{
    display: block;
    position: relative;
    margin: auto;
    background: rgba(0, 0, 0, 0.5);
    height: 200px;
    width: 400px;
    border-top-left-radius: 400px;
    border-top-right-radius: 400px;
    border: 2px solid #d4af73;



}
.indexHead > .container > .head > .container .bg{
    position: absolute;
    width: 120%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-30%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.indexHead > .container > .head > .container .bg:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.indexHead > .container > .head > .container .bg img{

    display: block;
    width: 100%;
}
.indexHead > .container > .head > .container:after{
    content: '';
    position: absolute;
    width: 20000px;
    height: 2px;
    background: #d4af73;
    bottom: 38px;
    right: 100%;
    margin-right: -3px;
}
.indexHead > .container > .head > .container:before{
    content: '';
    position: absolute;
    width: 20000px;
    height: 2px;
    background: #d4af73;
    bottom: 38px;
    margin-left: -3px;
    left: 100%;
}
.indexHead > .container > .head .logo{
    width: 100px;
    position: relative;
    z-index: 9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.indexHead > .container > .head .title{
    margin: 0;
    color: #fff;
    font-weight: 100;
    font: 18px iransans_UltraLight;
    position: relative;
    z-index: 9;
}
.indexHead > .container > .menu{
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    background: rgba(0, 0, 0, 0.5);
}
.indexHead > .container > .menu ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.indexHead > .container > .menu ul li{
    display: inline-block;
    margin-left: 8px;
}
.indexHead > .container > .menu ul li a{
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    padding: 12px;
}
.indexHeadBorder{
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: -16%;
    z-index: -1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.indexHeadBorder:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.indexHeadBorder img{
    display: block;
    margin: auto;
    width: 350px;
    max-width: 95%;
    -webkit-filter: drop-shadow(0 3px 6px rgba(0,0,0,0.16));
    filter: drop-shadow(0 3px 6px rgba(0,0,0,0.16));
}
.T-line{
    position: relative;
    display: block;
    width: 100%;
}
.T-line > .container{
    position: relative;
    display: block;
    width: 95%;
    max-width: 1170px;
    margin: auto;
}
.T-line ul{
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    text-align: center;
}
.T-line ul:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 6px dashed #898D95;
    top: 50%;
    left: 0;
    margin-top: -3px;
    z-index: -1;
}

.T-line ul:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 12px;
    top: 50%;
    left: 0;
    margin-top: 0;
    z-index: -1;
    background: #f7f7f7;
    z-index: 0;
}

.T-line ul li{
    display: inline-block;
    width: 25%;
    position: relative;
    text-align: center;
}
.T-line ul li:first-of-type:after{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #898D95;
    top: 50%;
    right: 0;
    margin-top: -11px;
    z-index: 0;
    border-radius: 100%;
    background: #898D95;
}
.T-line ul li:last-of-type:after{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #898D95;
    top: 50%;
    left: 0;
    margin-top: -11px;
    z-index: 0;
    border-radius: 100%;
    background: #f7f7f7;
}
.T-line ul li .icon{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #d4af73;
    display: block;
    display: flex;
    text-align: center;
    padding: 20px;
    border: 4px solid #F7F7F7;
    box-shadow: 0 0 0 5px #d4af73;
    margin: auto auto 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.T-line ul li .icon:after{

    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.T-line ul li .icon img{
    display: block;
    width: 100%;
    margin: auto;
    height: 100%;
}
.T-line ul li .title{
    font-size: 12px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}
.vip-pro{
    position: relative;
    display: block;
    width: 100%;
    margin: 66px auto 0;
    background: url(/package/_images/dust_scratches.png) left top;
    box-shadow: 0 0 8px 2px #e9e9e9;

}
.vip-pro > .container{
    position: relative;
    display: block;
    width: 95%;
    max-width: 1170px;
    margin: auto;
    padding: 60px 0 40px 0;
}
.vip-pro .head{
    text-align: center;
    margin-bottom: 40px;
    display: block;
}
.vip-pro .head .title{
    font: 20px iransans_Light;
    color: #000;
    text-decoration: none;
    text-shadow: 0 0 14px rgba(0, 0, 0, 0.7);
}
.vip-pro .AHASlider{
    position: relative;
    display: inline-block;
    width: 100%;
    margin: auto;

}
.vip-pro .AHASlider .container{
    position: relative;
    display: inline-block;
    float: right;
    width: 70%;
    border-radius: 12px;
    box-shadow: 0 0 12px 0 #bcbcbc;
    overflow: hidden;
}
.vip-pro .AHASlider .container a{
    color: #fff;
    text-decoration: none;
    display: block;
}

.vip-pro .AHASlider .container img{
    display: block;
    width: 100%;
}
.vip-pro .AHASlider .container .title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px;
    background: rgba(0,0,0,0.6);
    color: #fff;
}
.vip-pro .AHASlider .list{
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    height: 100%;
    width: 27%;
    background: #090909;
    color: #fff;
    border-radius: 40px 40px 12px 12px;
    box-shadow: 0 0 12px 0 #bcbcbc;

}
.vip-pro .AHASlider .list:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: url(/package/_images/ZN-P.png) no-repeat -100px 150% / 300px;
    opacity: 0.2;
}

.vip-pro .AHASlider .list > .container{
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.vip-pro .AHASlider .list .head{
    margin: 0;
    padding: 12px;
    text-align: right;
    display: block;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    position: sticky;
    top: 0;
    background: #D4AF73;
    z-index: 2;
}

.vip-pro .AHASlider .list .head:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: url(/package/_images/ZN-P-W.png) no-repeat -20% 50% / 120px;
    opacity: 0.2;
}

.vip-pro .AHASlider .list ul{
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 1;
}
.vip-pro .AHASlider .list ul li{
    padding: 13px 14px;
    font-size: 12px;
    border-bottom: 1px solid #202020;
    cursor: pointer;
    transition: all 250ms;
    position: relative;
}
.vip-pro .AHASlider .list ul li.active,
.vip-pro .AHASlider .list ul li:hover{
    background: #D4AF73;
    border-bottom: 1px solid #D4AF73;

}
.vip-pro .AHASlider .list ul li.active:after{
    /*content: '';*/
    position: absolute;
    top: 50%;
    left: 100%;
    width: 0;
    height: 0;
    border: 23.5px solid rgba(194, 225, 245, 0);
    border-left-color: #D4AF73;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
    z-index: -1;
}
.vip-pro .AHASlider .list ul li:last-of-type{
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    bottom: unset;
}
.Aha-productSlider{
    position: relative;
    display: block;
    width: 100%;
    margin: 40px auto 24px;

}
.Aha-productSlider > .container{
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.Aha-productSlider .head{
    position: relative;
    display: inline-block;
    max-width: 1170px;
    width: 100%;
    text-align: right;
    margin-bottom: 24px;
}
.Aha-productSlider .head .title{
    position: relative;
    display: inline-block;
}

.Aha-productSlider .head .title:after{
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    width: 66px;
    height: 1px;
    border-bottom: 2px solid #D4AF73;
}
.Aha-productSlider .head .nav{
    float: left;
    display: inline-block;
}
.Aha-productSlider .head .nav ul{
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
}
.Aha-productSlider .head .nav ul li{
    display: inline-block;
    margin-right: 14px;
    transition: all 200ms;
    padding: 3px 6px 6px;
    border-radius: 4px;
}
.Aha-productSlider .head .nav ul li a{
    font-size: 12px;
    text-decoration: none;
    color: #000;
    transition: all 200ms;
    display: block;
    cursor: pointer;
}
.Aha-productSlider .head .nav ul li:hover{
    background: #D4AF73;
}
.Aha-productSlider .head .nav ul li:hover a{
    color: #fff;
}

.Aha-productSlider .owl-carousel .owl-nav{

}
.Aha-productSlider button:focus{
    outline: none;
}
.Aha-productSlider .owl-carousel .owl-nav .owl-prev{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 16.6%;
    border: none;
    background: rgba(247, 247, 247, 0.8);
    font-size: 70px;
    color: #D4AF73;
    cursor: pointer;
}
.Aha-productSlider .owl-carousel .owl-nav .owl-next{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 16.6%;
    border: none;
    background: rgba(247, 247, 247, 0.8);
    font-size: 70px;
    color: #D4AF73;
    cursor: pointer;
}
.Aha-productSlider .owl-carousel .owl-nav .owl-prev:after,
.Aha-productSlider .owl-carousel .owl-nav .owl-next:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    background: #f7f7f7;
    bottom: 0;
    left: 0;
}


.Aha-productSlider .owl-carousel .owl-dots{
    display: none;
}
.Aha-productSlider .item{
    position: relative;

}
.Aha-productSlider .item a{
    text-decoration: none;
    color: #000;
    display: block;
}
.Aha-productSlider .item img{
    display: block;
    width: 100%;
}
.Aha-productSlider .item .title{

}
.indexAbout{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding: 40px 0;
    overflow: hidden;
    margin-top: 85px;
}
.indexAbout:after{
    content: '';
    top: -10%;
    left: -10%;
    position: absolute;
    width: 120%;
    height: 120%;

    background: url("/package/_images/about-bg.jpg") no-repeat center / cover;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: 1;
}
.indexAbout:before{
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 2;
}
.indexAbout > .container{
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 1170px;
    text-align: right;
    z-index: 3;
    color: #fff;
}
.indexAbout .content{
    position: relative;
    display: inline-block;
    width: 50%;
    float: right;
}
.indexAbout .content > .title{
    font: 16px iransans_Bold;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 24px;
}
.indexAbout .content > .text{
    font: 12px iransans_UltraLight;
    text-align: justify;
    width: 100%;
    display: block;
    margin-bottom: 24px;
    line-height: 32px;
}
.indexAbout .content > .contactBox{
    width: 100%;
    display: block;

}
.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: #fff;
    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;
}
.indexAbout .video{
    position: relative;
    display: inline-block;
    width: 50%;
    height: 330px;
    padding-right: 40px;
    float: left;
    text-align: center;
}
.indexAbout .video video{
    display: block;
    width: 100%;
    margin: auto;
    height: 100%;
    background: #000;
}
.indexAbout .video video:focus{
    outline: none;
}
.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;
}
/*.company .head .title:after{
    content: '';
    position: absolute;
    width: 50px;
    height: 30px;
    background: url(/package/images/border.png) no-repeat 0 0 / 100px;
    top: 0;
    margin-right: 10px;
}
.company .head .title:before{
    content: '';
    position: absolute;
    width: 50px;
    height: 30px;
    background: url(/package/images/border.png) no-repeat -50px 0 / 100px;
    top: 0;
    margin-left: 10px;
    right: -55px;
}*/
.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);
}
.indexBlog{
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #f7f7f7;
    padding: 60px 0 0;
    margin-top: 50px;
}
.indexBlog > .container{
    display: inline-block;
    text-align: right;
    width: 85%;

}
.indexBlog .faq{
    display: inline-block;
    width: 30%;
    float: right;

}
.indexBlog .faq .title{
    display: block;
    font-size: 14px;
    margin-bottom: 30px;
    color: #555;
    line-height: 45px;
    position: relative;
    border-bottom: solid 1px #edba5a;
    text-decoration: none;
}
.indexBlog .faq .title:after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 40px;
    width: 10px;
    height: 10px;
    border: solid 1px #edba5a;
    border-top: none;
    border-left: none;
    background-color: #f9f9f9;
    transform: rotate(45deg);
}
.indexBlog .faq > .container{

}
.indexBlog .faq > .container{

}
.indexBlog .faq > .container ul{
    list-style: none;
    padding:0;
    margin:0;
    position: relative;
}
.indexBlog .faq > .container ul li{
    margin-bottom: 24px;
    position: relative;
}
.indexBlog .faq > .container ul:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #edba5a;
    top:0;
    right: 15px;

}
.indexBlog .faq > .container ul li a{
    text-decoration: none;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    position: relative;
    z-index: 2;
    color: #000;
}
.indexBlog .faq > .container ul li:last-of-type:after{
    content: '';
    position: absolute;
    background: #f9f9f9;
    width: 30px;
    height: 100%;
    z-index: 1;
    top: 0;
}

.indexBlog .faq > .container ul li a i{
    color: #E65100;
    padding: 5px;
    display: inline-block;
    border: 1px solid #edba5a;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
    background: #f9f9f9;
    position: relative;
    z-index: 1;
    transition: all 250ms;
    transform: rotateY(180deg);
}
.indexBlog .faq > .container ul li:hover a i{
    background: #edba5a;
    color: #fff;
}
.indexBlog .faq > .container ul li a span{
    font-size: 12px;
    display: inline-block;
    width: 100%;
    margin-right: -50px;
    padding-right: 50px;
    line-height: 30px;
}

.indexBlog .post{
    display: inline-block;
    width: 66%;
    float: left;
}
.indexBlog .post .title{
    font-size: 14px;
    margin-bottom: 30px;
    color: #555;
    line-height: 45px;
    position: relative;
    border-bottom: solid 1px #edba5a;
}
.indexBlog .post .title:after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 40px;
    width: 10px;
    height: 10px;
    border: solid 1px #edba5a;
    border-top: none;
    border-left: none;
    background-color: #f9f9f9;
    transform: rotate(45deg);
}
.indexBlog .post > .container ul{
    list-style: none;
    padding:0;
    margin:0;
    position: relative;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.indexBlog .post > .container ul li{
    margin-bottom: 24px;
    position: relative;
}
.indexBlog .post > .container ul li a{
    text-decoration: none;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    position: relative;
    z-index: 2;
    color: #000;
}
.indexBlog .post > .container ul li:last-of-type:after{
    content: '';
    position: absolute;
    background: #f9f9f9;
    width: 30px;
    height: 100%;
    z-index: 1;
    top: 0;
}
.indexBlog .post > .container ul li a i{
    color: #edba5a;
    padding: 5px;
    display: inline-block;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
    background: #f9f9f9;
    position: relative;
    z-index: 1;
    transition: all 250ms;
    transform: rotateY(180deg);
}
.indexBlog .post > .container ul li a span{

    font-size: 12px;
    display: inline-block;
    width: 100%;
    margin-right: -40px;
    padding-right: 30px;
    line-height: 30px;
}
.header-i{
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    z-index: 999999;
}
.header-i > .container{
    position: relative;
    text-align: right;
    width: 100%;
    /*max-width: 1170px;*/
    display: inline-block;
    font-size: 0;

}
.header-i .top{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 5%;
    background: #F8F8FD;
}
.header-i .top .contact{
    position: relative;
    display: inline-block;
    float: right;
    padding: 10px 0;

}
.header-i .top .contact i{
    display: inline-block;
    vertical-align: baseline;
    color: #888;
    font-size: 16px;
    margin-left: 6px;
}
.header-i .top .contact a{
    color: #888;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-left: 5px;
}
.header-i .top .contact span{
    color: #888;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}
.header-i .top .nav {
    position: relative;
    display: inline-block;
    float: left;
}
.header-i .top .nav ul{
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}
.header-i .top .nav ul li{
    display: inline-block;
    vertical-align: middle;

}
.header-i .top .nav ul li a{
    display: block;
    width: 100%;
    margin: 0;
    text-decoration: none;
    color: #888;
    padding: 10px 14px;
    font-size: 12px;
}
.header-i .menu {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 5%;
    background: #3d31c3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.header-i .menu > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline-block;
    width: 100%;
}
.header-i .menu ul li {
    display: inline-block;
    margin-left: 20px;
    position: relative;
    cursor: pointer;
}
.header-i .menu ul li a{
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 22px 0;
    vertical-align: middle;
}
.header-i .menu ul li a i{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-left: 6px;
}
.header-i .menu ul li a span{
    display: inline-block;
    vertical-align: middle;
}
.header-i .menu ul li.category{

    padding-left: 150px;
    background: #332aa7;
    padding-right: 20px;

}
.header-i .menu ul li.category:after{

    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    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%);
}
.header-i .menu ul li.category a i{

}
.header-i .menu ul li > ul{
    display: none;
    background: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 100%;
    padding: 0 ;
    margin: 0;
    list-style: none;

}
.header-i .menu ul li.active > ul{
    display: block;
}
.header-i .menu ul li > ul li{
    position: relative;
    display: block;
    width: 100%;
    padding: 0 14px;

}
.header-i .menu ul li > ul li:hover{
    background: #ebebeb;
}
.header-i .menu ul li > ul li a{
    color: #000;
}

.header-i .menu ul li.logo{
    float: left;
    display: inline-block;
    margin: 0;
}
.header-i .menu ul li.logo a{
    padding: 0;
}
.header-i .menu ul li.logo img{

    height: 65px;
    display: block;
    padding: 8px;
}

.AHA-P-head{
    position: relative;
    display: block;
    width: 100%;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.6);
    z-index: 0;

}
.AHA-P-head > img{
    position: relative;
    display: block;
    width: 100%;

}
.AHA-P-head > .content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.AHA-P-head > .content:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(102,102,102,0) 40%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(40%, rgba(102,102,102,0)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(102,102,102,0) 40%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(102,102,102,0) 40%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(102,102,102,0) 40%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(102,102,102,0) 40%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 );
}

.AHA-P-head > .content:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.55) url(/package/_images/header-bg.svg) center center repeat;
}

.AHA-P-head > .content > .container{
    position: absolute;
    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%);
    text-align: center;
    z-index: 9;
    color: #fff;
}
.AHA-P-head .pages{
    list-style: none;
    position: absolute;
    display: block;
    margin: auto;
    top: 100%;
    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: 9;
    background: #fff;
    padding: 12px;
    border-radius: 6px;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.4);

}
.AHA-P-head .pages li{
    position: relative;
    display: inline-block;

}
.AHA-P-head .pages li a{
    text-decoration: none;
    color: #000;
    font-size: 12px;
    padding: 0 12px;
    position: relative;

}
.AHA-P-head .pages li a:after{
    content: '';
    position: absolute;
    -moz-transform: translateY(-50%) rotate(15deg);
    -webkit-transform: translateY(-50%) rotate(15deg);
    -ms-transform: translateY(-50%) rotate(15deg);
    -o-transform: translateY(-50%) rotate(15deg);
    transform: translateY(-50%) rotate(15deg);
    top: 50%;
    left: 0;
    height: 100%;
    border-left: 1px solid #000;
    width: 1px;

}
.AHA-P-head .pages li:last-child a:after{
    display: none;
}
.pageContent{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    text-align: center;
}
.pageContent > .container{
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 1170px;
    text-align: right;
}
.pageContent > .container *{
    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%;
    margin-top: -100px;
    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;
}
.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;
}
.searchBox-i{
    position: relative;
    display: block;
    width: 100%;
    background: #807157;

}
.searchBox-i > .container{
    position: relative;
    display: block;
    width: 100%;
    padding: 0 5%;
    margin: auto;
    font-size: 0;
}
.searchBox-i .form{
    position: relative;
    display: inline-block;
    width: 25%;
    vertical-align: middle;
    font-size: 12px;

}
.searchBox-i .form .container{
    position: relative;
    display: block;
    width: 100%;
}
.searchBox-i .form .container input{
    position: relative;
    display: block;
    width: 100%;
    border: none;
    background: transparent;
    color: #fff;
    padding: 10px 50px 10px 10px;
}




.searchBox-i .form .container input:focus{
    outline: none;
}

.searchBox-i .form .container input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}
.searchBox-i .form .container input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}
.searchBox-i .form .container input:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}
.searchBox-i .form .container input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}


.searchBox-i .form .container button{
    position: absolute;
    top: 50%;
    right: 15px;
    width: 30px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #fff;


}
.searchBox-i .tag{
    position: relative;
    display: inline-block;
    width: 75%;
    font-size: 12px;
    vertical-align: middle;

}
.searchBox-i .tag ul{
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;

}
.searchBox-i .tag ul li{
    display: inline-block;
    margin-right: 12px;

}
.searchBox-i .tag ul li a{
    color: #D4AF73;
    text-decoration: none;
    transition: all 250ms;
}

.searchBox-i .tag ul li:hover a{
    color: #fff;
}
.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 .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;

}

blockquote[dir="ltr"]{
    border-left: 3px solid #ccc;
    padding-left: 12px;
}
blockquote[dir="rtl"]{
    border-right: 3px solid #ccc;
    padding-right: 12px;
}








.pagination{
    position: relative;
    display: inline-block;
    margin: 30px auto 0;
    direction: ltr;
     width: 95%;
    padding: 10px;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
}
.pagination .paging{
    padding: 0;
    margin: 0;
    list-style: none;
}
.pagination .paging li{
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
}
.pagination .paging li.dot-paginator {
    line-height: 22px;
}
.pagination .paging li a{
    color: #000;
    text-decoration: none;
    font: 12px openSans-Light;
}
.pagination .paging li i{
    transform: rotate(180deg);
}

.pagination .paging li.current-page {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    background-color: #dfc175;
    color: #fff;
}
.pagination .paging li.current-page a{
    color: #fff;
}

.pagination .paging li:first-of-type a:after{
    content: 'صفحه اول';
    background: #F7F7F7;
    position: absolute;
    min-width: 100%;
    height: 100%;
    right: -14px;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
    font: 12px iransans;
    margin-top: 3px;
}
.pagination .paging li:last-of-type a:after{
    content: 'صفحه آخر';
    background: #F7F7F7;
    position: absolute;
    min-width: 100%;
    height: 100%;
    left: -14px;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
    font: 12px iransans;
    margin-top: 3px;
}
.footer{
    position: relative;
    display: block;
    width: 100%;
    background: url("/package/_images/footer-bg.jpg") no-repeat center / 100% 100% ;
    font: 12px iransans_Light;
    overflow: hidden;
    margin-top: 100px;
}
.footer > .container{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1170px;
    min-height: 250px;
    padding: 40px 0 0;
    margin: auto;
    text-align: left;
    color: #fff;
    font-size: 0;

}
.footer .info{
    position: relative;
    bottom: 0;
    right: 0;
    width: 25%;
    background: #333333;
    padding: 12px 24px;
    border-radius: 30px;
    margin-bottom: 30px;
    font-size: 12px;
    display: inline-block;

}
.footer .info:before {
    content: '';
    position: absolute;
    top: 97%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 75%;
    z-index: 1;
    height: 0;
    border-top: solid 40px #333;
    border-right: solid 30px transparent;
    border-left: solid 30px transparent;
    vertical-align: bottom;
}
.footer .content{
    position: relative;
    display: inline-block;
    width: 75%;
    padding-right: 40px;
    font-size: 12px;
    vertical-align: bottom;

}
.footer .info .logo{
    position: relative;
    display: block;
    width: 100%;
}
.footer .info .logo img{
    display: block;
    width: 100%;
    max-width: 100px;
    margin: auto;
}
.footer .info .title{
    display: block;
    font: 12px iransans_Light;
    color: #D4AF73;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 14px;
    text-align: center;
    margin-top: 12px;
}
.footer .info .description{
    display: block;
    font: 12px iransans_Light;
    color: #CCC;
    border-bottom: 1px dashed #ddd;
    text-align: justify;
    padding: 14px 0;
    line-height: 25.5px;
}
.footer .info .made{
    margin-top: 12px;
    font-size: 12px;
    text-align: center;
    color: #fff;
}
.footer .info .made a{
    color: #D4AF73;
    text-decoration: none;
    transition: all 250ms;
}

.footer .info .made a:hover{
    color: #fff;
}
.footer .content .list-sff{
    position: relative;
    display: block;
    list-style: none;
    padding: 0;
    font-size: 0;
    margin: 0 0 44px;
    text-align: center;
    width: 100%;
    background: #333333;
    border-radius: 100px;
    overflow: hidden;
}
.footer .content .list-sff li{
    display: inline-block;
    width: 25%;
    font-size: 12px;
    position: relative;
}
.footer .content .list-sff li:before,
.footer .content .list-sff li:after {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    height: 0;
    width: 0;
    border-right: solid 20px #3c3c3c;
    border-top: solid 20px transparent;
    border-bottom: solid 20px transparent;
    z-index: 2;
}
.footer .content .list-sff li:after {
    right: 99%;
    border-right-color: #333;
}
.footer .content .list-sff li a{
    text-decoration: none;
    color: #fff;
    padding: 10.5px 0;
    display: block;
}
.footer .content .list-sff li a i{
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    margin-left: 12px;
}

.footer .content .list-sff li:last-child{
    background: #D4AF73;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
}
.footer .content .list-sff li:last-child:after,
.footer .content .list-sff li:last-child:before{
    display: none;
}
.footer .content .contact{
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 44px;
    padding: 0;
    list-style: none;
    font-size: 0;
    text-align: center;


}
.footer .content .contact li{
    font-size: 12px;
    position: relative;
    display: inline-block;
    width: 50%;
}
.footer .content .contact li:nth-child(odd){
    border-left: dashed 1px rgba(255,255,255,0.1);
}
.footer .content .contact li a{
    color: #fff;
    text-decoration: none;
}
.footer .content .contact li a:after{
    content: "-";
}
.footer .content .contact li a:last-of-type:after{
    display: none;
}
.footer .content .contact li i{
    display: inline-block;
    font-size: 18px;
    color: #D4AF73;
    margin-left: 8px;
}
.footer .content .cat-f{
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 44px;
    list-style: none;
    font-size: 0;
    border-top: dashed 1px rgba(255,255,255,0.1);
    border-bottom: dashed 1px rgba(255,255,255,0.1);
    text-align: center;

}
.footer .content .cat-f li{
    position: relative;
    display: inline-block;
    width: 20%;
    font-size: 12px;
    padding: 24px 0;

}

.footer .content .cat-f li:after{
    content: '';
    position: absolute;
    bottom: 0;
    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%);
    width: 5px;
    height: 5px;
    background: #D4AF73;
    border-radius: 100px;
    z-index: 1;
    transition: all 250ms;
}
.footer .content .cat-f li:hover:after{
    content: '';
    width: 100%;
    height: 100%;
    -moz-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,-0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    border-radius: 0;

}
.footer .content .cat-f li a{
    position: relative;
    z-index: 2;
    color: #fff;
    text-decoration: none;
    transition: all 250ms;
    display: block;
    border-left: dashed 1px rgba(255,255,255,0.1);
}
.footer .content .cat-f li:last-child a{
    border-left: none;
}

.footer .content .cat-f li a i{

}

.footer .content .newsletter{
    position: relative;
    display: block;
    width: 100%;
    margin: 44px 0;
}
.footer .content .newsletter input{
    position: relative;
    display: block;
    width: 100%;
    background: #333;
    border: none;
    border-radius: 100px;
    padding: 12px;
    color: #fff;

}
.footer .content .newsletter input:focus,
.footer .content .newsletter button:focus{
    outline: none;
}
.footer .content .newsletter button{
    position: absolute;
    background: #D4AF73;
    color: #fff;
    top: 50%;
    left: 5px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    border-radius: 100px;
    height: 80%;
    font: 12px iransans_Light;
    cursor: pointer;
    padding: 0 12px;
}
.footer .content .menu-f{
    display: block;
    position: relative;
    background: #333;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;

}
.footer .content .menu-f:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    height: 0;
    width: 0;
    border-right: solid 20px transparent;
    border-top: solid 25px transparent;
    border-left: solid 20px #333;
    border-bottom: solid 25px #333;
}
.footer .content .menu-f:before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 200000%;
    background-color: #333;
}
.footer .content .menu-f li{
    display: inline-block;

}
.footer .content .menu-f li a{
    padding: 14px;
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    transition: all 250ms;
}
.footer .content .menu-f li a:hover{
    color: #D4AF73;
}
.footer .content .menu-f li a i{

}
.galleryPage{
    position: relative;
    display: block;
    width: 100%;
    margin: 100px 0 0 0;

}
.galleryPage > .container{
    position: relative;
    margin: auto;
    width: 95%;
    max-width: 1170px;
    font-size: 0;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
    grid-auto-rows: 20px;
}
.galleryPage .item{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 14px;
    margin-bottom: 24px;
    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;

    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;

}
.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;
}
.faqPage{
    position: relative;
    display: block;
    width: 100%;

}
.faqPage > .container{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1170px;
    margin: auto;
}
.faqPage .form{
    position: relative;
    display: block;
    width: 100%;
    margin-top: -220px;
    background: rgba(255, 255, 255, 0.97);
    padding: 24px;
    box-shadow: 0 0  14px 0 rgba(0,0,0,0.3);
    font-size: 0;
    border-radius: 10px;

}
.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;
}
.faqPage .form .info .description{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    color: #a9a9a9;
}
.faqPage .form .content {
    font-size: 12px;
    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 #D4AF73;
}
.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: #D4AF73;
    color: #fff;
    padding: 6px 24px;
    border-radius: 5px;
    cursor: pointer;
}
.faqPage .form .content .title{
    font-size: 18px;
    margin: -24px 0 20px 0;
    padding: 0 14px;
    padding: 0 5px;
    color: #D4AF73;
}

.faqPage .list{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 60px;
    font-size: 0;
    padding: 40px 0;
    list-style: none;
}
.faqPage .list ul,
.faqPage .list ol,
.faqPage .list li{
    list-style: decimal;
}
.faqPage .list:after{
    content: '';
    position: absolute;
    width: 1px;
    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%);
    border-left: 2px solid #D4AF73;
}
.faqPage .list:before{
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 50%;
    top: 0;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #D4AF73;
    border-radius: 100px;
}

.faqPage .list li{
    position: relative;
    display: inline-block;
    width: 50%;
    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: 0 3px 4px 1px rgba(0, 0, 0, 0.08);
    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.active .title{
    color: #D4AF73;
}
.faqPage .list li .content{
    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 *{
    max-width: 100% !important;
    height: auto !important;
}
.categoryPage{
    position: relative;
    display: block;
    width: 100%;
    margin: 100px auto 0;
}
.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;
}
.categoryPage .content .item > .container .img{
    display: block;
    position: relative;
    width: 100%;
    padding: 8px;
    border-radius: 8px;
    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);
    transition: all 250ms;
}
.categoryPage .content .item:hover > .container .img{
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.07);
    box-shadow:  0 0 5px 2px rgba(0,0,0,0.07);
}
.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 .TQ-content{
    font-size: 12px;
    padding: 24px;
    background: #fff;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.07);
    margin-bottom: 40px;
    border-radius: 6px;
    line-height: 24px;
}
.productPage{
    position: relative;
    display: block;
    width: 100%;
    margin: 60px auto auto;

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

}

.productPage .info{
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;


}
.productPage .info .gallery{
    font-size: 12px;
    position: relative;
    display: inline-block;
    width: 30%;
    vertical-align: top;
}
.productPage .info .gallery .docs-pictures{
    position: relative;
    width: 100%;
    display: block;
    margin: 0;
    font-size: 0;
}
.productPage .info .gallery .docs-pictures > li{
    display: inline-block;
    width: 25%;
    float: none;
    margin: 0;
    padding: 12.5%;
    position: relative;

}
.productPage .info .gallery .docs-pictures > li:before{

    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.productPage .info .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%);
}
.productPage .info .gallery .docs-pictures > li:first-child{
    width: 100%;
    padding: 50%;
    background: #f1f1f1;
    box-shadow: inset 0 0 0 3px #F7F7F7;

}
.productPage .info .gallery .docs-pictures > li:first-child > img{

    padding: 1%;
}
.productPage .info .gallery .docs-pictures > li:nth-child(n+6){
    display: none;
}
.productPage .info .gallery .docs-pictures > li:nth-child(6){
    display: block;
    position: absolute;
    bottom: 0;
    height: auto;
}
.productPage .info .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%;
}
.productPage .info .gallery .docs-pictures > li:nth-child(6) img{
    opacity: 0;
    z-index: 9;
}
.productPage .info .content{
    position: relative;
    display: inline-block;
    width: 70%;
    padding-right: 40px;
    font-size: 12px;
    vertical-align: top;
}
.productPage .info .content .title{
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
    font: 18px iransans_Light;

}
.productPage .info .content .cat{
    background: #d9d9d9;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    margin-top: 6px;
    margin-bottom: 6px;
    cursor: pointer;
    text-decoration: none;
    color: #000;
}
.productPage .info .content .list{
    position: relative;
    display: block;
    width: 100%;
    margin: 14px 0;
    padding: 12px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.productPage .info .content .list .title{
    margin: 0 5px 14px 0;
    font: 14px iransans_Light;
}
.productPage .info .content .list li{
    margin-right: 32px;
    position: relative;
    display: block;
    margin-bottom: 14px;
    font: 12px iransans_Light;
}
.productPage .info .content .description{
    margin-top: 24px;
    font: 12px iransans_Light;
    line-height: 24px;
    text-align: justify;
}
.productPage .info .content .contact{
    position: relative;
    display: block;
    margin-top: 12px;
    font: 16px iransans_Light;


}
.productPage .info .content .contact span{
    font-weight: bold;
}
.productPage .info .content .contact a{
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    background: #d4af73;
    color: #fff;
    padding: 3px 12px;
    border-radius: 100px;

}
.productPage .info .content .contact a i{
    display: inline-block;
    vertical-align: middle;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.productPage .mainContent{
    position: relative;
    display: block;
    margin-top: 40px;
    width: 100%;
    padding: 24px;
    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);
    font: 12px iransans_Light;
    line-height: 30px;
}
.productPage .mainContent *{
    max-width: 100% !important;
    height: auto !important;
}