div.guide-title div.space-text > p > img{
width: 60% !important;
margin-right: 20% !important;
  height: auto !important;
}
/*======generalstyle start========*/
a{
    text-decoration: none !important;
}
 ul > li{
     list-style: none;
 }
.section-far .Part-One-far img{
    width: 100%;
    height: 100%;
}
.space-text li {

  list-style: square !important;

}

/*======generalstyle start========*/

/*======header start========*/
#header {
    width: 100%;

    padding: 0 !important;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .3);
    position: relative;
    right: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
}



.head1 {
    width: 100%;
    
    background: #ffffff;
    text-align: center;
    font-family: "B Yekan";
    font-size: 20pt;
    direction: rtl;
    position: relative;
}

.rgba {
    width: 100% !important;
    height: 800px;
    background: rgba(0, 0, 0, .8) !important;
    text-align: center !important;
    color: #ffffff !important;
    font-size: 20pt !important;
    direction: rtl !important;
    position: absolute !important;
    line-height: 200px !important;
}

/*======header start========*/
/*=====menu-risponsive start =======*/
.nav-toggle, .nav-icon {

    width: 50px;
    height: 50px;
    display: block;
    float: right;

    z-index: 2000;
    position: absolute;

}

.nav-toggle {
    width: 3em;
    height: 3em;
    border: 0.25em solid #071042;
    border-radius: 3px;
    cursor: pointer;

}

.nav-toggle .nav-icon {
    height: 0.25em;
    width: 80%;
    background-color: gold;
    border-radius: 6px;
    top: 18px;
    right: 4px;
    position: absolute;

}

.nav-toggle .nav-icon, .nav-toggle .nav-icon::before, .nav-toggle .nav-icon::after {
    transition: all 0.3s ease-in-out;

}

.nav-toggle .nav-icon::before, .nav-toggle .nav-icon::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 6px;
    background-color: gold;
    right: 0;
}

.nav-toggle .nav-icon::before {
    top: -0.87em;
}

.nav-toggle .nav-icon::after {
    top: 0.87em;
}

.nav-toggle:hover .nav-icon {
    transform: scale(0.85);
}

.nav-toggle .nav-icon.active {
    background-color: transparent;
    transform: rotate(270deg);
}

.nav-toggle .nav-icon.active::before {
    top: 0;
    transform: rotate(45deg);
}

.nav-toggle .nav-icon.active::after {
    top: 0;
    transform: rotate(-45deg);
}

.nav-meno-responsive {
    width: 100%;
    float: right;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    height: 50px;
}
.nav-meno-responsive{
    height: 50px;
    background: #121d38;
    display: none;
}
.nav-meno-responsive .nav-meno-responsive-box{
    display: block;
    width: 100%;
    float: right;
    height: 100%;
}
.nav-meno-responsive .meno{
    width: 10%;
    height: 100%;
    float: right;
    background: transparent;
    padding:0 1%;
    position: relative;
}
.nav-meno-responsive .meno .meno-activate{
    width: 19%;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 25%;
    cursor: pointer;


}
.nav-meno-responsive .meno .meno-activate .meno_item_active{
    width: 100%;
    height: 3px;
    background: #fff;
    margin-bottom: 30%;
    /*border-radius: 50%;*/

}
.nav-meno-responsive .search{
    width: 10%;
    height: 100%;
    float: left;
    background: transparent;
    position: relative;
}
.nav-meno-responsive .search .search-box-top-icon-res{
    display: block;
    margin:0 auto ;
    position: absolute;
    top: 19%;
    right: 0;
    background-size:100%;
    cursor: pointer;
    font-size: 30px;
    color: #fff;

}
.nav-meno-responsive .logo{
    width: 80%;
    height: 100%;
    float: right;
    background: transparent;
    text-align: center;
    font-weight: bolder;
    color: #fff !important;
    line-height: 30px;
    margin-left: 15px;
}
.menoresponsive{
    width: 100%;
    height: 100%;
    position: fixed;
    background:-webkit-linear-gradient(90deg,#c800b4,#0e135d);
    overflow: hidden;
    z-index: 1000;
    display: none;
}
/* search-device-xs start*/
.search_box_device_xs{
    width: 100%;
    height: 100%;
    position: fixed;
    background:-webkit-linear-gradient(90deg,#c800b4,#0e135d);
    overflow: hidden;
    z-index: 1000;
    display: none;
}
.search_box_device_xs.active{
    display: block !important;
}
.search_box_device_xs .close-icon-search .close-icon-i-search{
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    cursor: pointer;   
    margin-left: 10%;
}
.search_box_device_xs .close-icon-search{
    width: 100%;
    display: block;
    float: right;
    background: transparent;
    height: 40px;
    margin-top: 61px;
    position: relative;
    z-index: 1000;
}
.search_box_device_xs .search-box{
    width: 60%;
    margin: 0 auto;
    background: transparent;
    position: absolute;
    top: 10%;
    right: 20%;
    color: #fff;
    height: 80%;
}
.search_box_device_xs .search-box p{
    padding: 10px;
    text-align: center;
    width: 100%;
    direction: rtl;
}
.search_box_device_xs .search-box .search_input_device_xs{
    border: 1px solid greenyellow;
    padding: 10px;
    position: absolute;
    width: 100%;
    outline: none;
    direction: rtl;
    display: inherit;
}
.search_box_device_xs .search-box .search-result{
    background: #00000021;
    padding: 0;
    position: relative;
    width: 50%;
    right: 25%;
    direction: rtl;
    float: right;
    display: block;
    top: 12%;
    margin-top: 10px;
    max-height: 440px;
    overflow-y: auto;
}
.search_box_device_xs .search-box .search-result .search-result-ul{
  width: 100%;
    padding: 0;
    float: right;

}

.search_box_device_xs .search-box .search-result .search-result-ul .search-result-ul-item{
  width: 100%;
    float: right;
    display: block;
    text-align: center;
    cursor: pointer;

}
.search_box_device_xs .search-box .search-result .search-result-ul .search-result-ul-item-a{
    width: 100%;
    float: right;
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 12px;
    transition: all .3s ease-in-out;
    color: aqua;
}

.search_box_device_xs .search-box .search-result .search-result-ul .search-result-ul-item-a:hover{
 color: red !important;
    background: rgba(0, 0, 0, 0.18);
    transition: all .3s ease-in-out;
}
/* search-device-xs end*/
.menoresponsive.active{
    display: block !important;
}
.menoresponsive .close-icon{
    width: 100%;
    display: block;
    float: right;
    background: transparent;
    height: 40px;
    margin-top: 61px;
}
.menoresponsive .close-icon .close-icon-i{
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    color: #fff;
    cursor: pointer;
    background: #fff;
    margin-left: 10%;


 }




.menoresponsive .monecontent{
    width: 60%;
    margin: 0 auto;
    background: transparent;
    position: absolute;
    top: 10%;
    right: 20%;
    color: #fff;
    height: 80%;
}
.menoresponsive .monecontent .meno_gardul{
    padding: 0;


}
.menoresponsive .monecontent .meno_gardul .meno_item{

    position: relative;
    overflow: hidden;
    margin: 25px 0;
    height: 30px;


}
.menoresponsive .monecontent .meno_gardul .meno_item a{
    cursor: pointer;
color: white;
}
.menoresponsive .monecontent .meno_gardul .meno_item a{
     transition: color .4s ease-in-out;

}
.menoresponsive .monecontent .meno_gardul .meno_item:hover > a{
  color: red;
    transition: color .4s ease-in-out;


}

.menoresponsive .monecontent .meno_gardul .meno_item .iconarow{
    margin-right: 10px;
}
.menoresponsive .monecontent .meno_gardul .meno_item.active .iconarow{
    transform: rotate(180deg)!important;
}

.menoresponsive .monecontent .meno_gardul .meno_item .meno_gardul_level2{
    background: #00000021;
    padding: 20px;
    margin-top: 12px;
    margin-bottom: 20px;
    box-shadow: 4px 4px 4px 4px rgba(0,0,0,.4);
    position: absolute;
    left: 100%;
    width: 100%;
    transition: left .4s ease-in-out;


}

.menoresponsive .monecontent .meno_gardul .meno_item.active .meno_gardul_level2{
    position: relative;
    left: -10px;
    transition: left .4s ease-in-out;


}

.menoresponsive .monecontent .meno_gardul .meno_item  .meno_gardul_level2 .meno_item_level2 a{
    cursor: pointer;
    transition: color .3s ease-in-out;
    text-decoration: none;
    margin-bottom: 18px;
    display: block;
    color: white;
}

.menoresponsive .monecontent .meno_gardul .meno_item  .meno_gardul_level2 .meno_item_level2 a:hover{

    color: yellow !important;
    transition: color .3s ease-in-out;

}
.menoresponsive .monecontent .meno_gardul .meno_item .meno_item_level2:first-child{

    padding: 0;

}
/*  style-ok */

/*  style-ok */

/*=====menu-risponsive end =======*/

/*=====menu start =======*/
/*li {*/
    /*list-style: none*/
/*}*/

* {
    text-align: right;
}

#meno-top {
    margin-top: 10px !important;
    width: 80%;
    height: 65px;
    margin: auto;
    position: relative;
    top: 10px;
    background: white;

}

#meno-top > ul {

    float: right;
     height: 100%;
    padding: 0;
    margin: 0;
    background:none;
    width: 70%;
}

#meno-top > ul > li {
    float: right;
    height: 100%;
    width: 20%;
    transition: all .2s ease-in-out;
    list-style: none;
}
#meno-top > ul > li:hover {
    border-bottom: 2px solid blue;
    transition: all .2s ease-in;
}

#meno-top > ul > li > a {
    width: 100%;

    display: block;
    height: 100%;
    line-height: 61px;
    text-align: center;
    font-size: 10pt;
    font-family: "B Yekan";
    color: black;
    font-weight: bold;

}

#meno-top ul li .rgb {
    color: black;
}

#meno-top > ul > li > ul > li {
    float: right;
    height: auto;
    padding: 0 25px;
    margin-top: 40px;
    position: relative;
    list-style: none;

}

#meno-top > ul > li > ul > li::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: gold;
    transition: width .4s ease-in-out;
    bottom: -10px;
    left: 45%;
    border-radius: 4px;
}
#meno-top > ul > li > ul > li:hover::before {
    content: "";
   width: 40%!important;
    transition: width .4s ease-in-out;

}

#meno-top > ul > li > ul > li::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: gold;
    border-radius: 4px;
    transition: width .4s ease-in-out;
    bottom: -10px;
    right: 45%;
    margin-left: 100px;
}
#meno-top > ul > li > ul > li:hover::after {
    content: "";
   width: 40%!important;
    transition: width .4s ease-in-out;

}



#meno-top > ul > li > ul > li > a {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 100px;
    text-align: center;
    font-family: "B Yekan";
    text-decoration: none;
    line-height: 40px;
    position: relative;
    opacity: 1;
    transition: all .7s ease-in-out;
    box-shadow: 4px 3px 6px 2px rgb(14 0 226 / 20%);
}

#meno-top > ul > li > ul > li > a:hover {

    transition: all .7s ease-in-out;

}

.div-3-mobail-ul {
    font-family: "B Yekan";
}

.div-3-mobail-ul > li:hover {
    background: #ebbdbd;
}

.div-3-mobail-ul > li {
    cursor: pointer;
}

.siz-font {
    font-size: 10.3pt
}

.div-digital {
    width: 1200px;
    height: 300px;
    background: rgba(255, 255, 255, .8);
    border-top: 1px solid #eee;
    position: absolute;
    right: 0;
    border-bottom: 2px solid #eee;;
}

.div-3-mobail {
    width: 299px;
    height: 300px;
    border-left: 1px solid #eee;
    float: right;
    z-index: 6;
}

.div-3-mobail-ul li {
    padding-right: 15px
}

.div-3-mobail-ul li:first-child {
    padding-right: 5px;
    color: aqua
}

.activ {

    border-bottom: 2px solid #1644ff;
}

.activ > a {
    color: red !important;
}

#meno-top a {
    cursor: pointer
}

.navmeno {
    width: 100%;
    height: 200px;
    float: right;
    position: relative;
    z-index: 6;
}

.ul_meno, .siz-font {
    position: absolute;
    right: 1%;
    width: 141%;
    background: white;

    box-shadow: 0px 1px 5px 3px rgb(126 148 255);
    display: none;
    z-index: 6;
    top: 63px;
    height: auto;
    border-radius: 0 0 5px 5px;
    padding: 15px 15px 50px;
}

.search-box-top {
    width: 40%;
    height: 50px;
    border-radius: 0 5px 0 5px;
    margin: 80px auto;
    padding: 0 !important;
    overflow: hidden;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
    position: absolute !important;
    perspective: 5000px;

}

.search-box-top .search-box-top-input {
    width: 85%;
    height: 34px;
    padding: 5px;
    direction: rtl;
    font-weight: 500;
    padding-right: 10px;
    position: relative;
    top: 0;
    /*transform: rotateX(90deg);*/
    left: -100%;

    transition: all 1s ease-in;
}

.box-input-icon {
    overflow: hidden;
    width: 90%;
    float: right;
    margin-top: 5px;

 }
.box-input-icon .submit{
    width: 13%;
    height: 35px;
    display: inline-block;
    float: left;
    position: relative;
    left: -100%;
    cursor: pointer;
    color: green;
    font-size: 30px;
    text-align: center;


}

.search-box-top.active .search-box-top-input {

    left: 0 !important;
    transition: all 1s ease-in;
}
.search-box-top.active .submit  {

    left: 0 !important;
    transition: all 1.2s ease-in;
}

.search-box-top .search-box-top-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    float: left;
    margin-top: 6px;
    cursor: pointer;
}

/*=====menu end =======*/

.content-main {
    width: 100%;
    float: right;
}

#main {

    margin: auto;
    float: right;
    margin-top: -650px;
    position: relative;
    z-index: 2;
    margin-right: 8%;
}

#main::before {
    content: '';
    clear: both;
    display: block;
}

#main > #left {

    float: left;
    margin-bottom: 100px;
    width: 100%;
    padding-top: 0;
}

#main > #left::before {
    display: block;
    content: '';
    clear: both;
}

#head {
    width: 100%;
    margin: auto;
    background: linear-gradient(45deg, blue, #0e135d);
    border-radius: 5px 50px 5px 50px;
    color: gold;
    font-family: "B Yekan";
    font-size: 25pt;
    text-align: center;
    z-index: 4;
    margin-top: 20px;
    float: left;
    margin-bottom: 20px;
    height: 80px;
    line-height: 80px;
}

.head {
    color: blue;
    font-family: "B Yekan";
    font-size: 18pt;
    direction: rtl;
    border: 1px solid #eee;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    background: #d1fcff;
    margin-top: 0;
}

/*.titr span {*/
/*width: 965px;*/

/*margin: auto;*/
/*display: block;*/
/*font-family: "B Yekan";*/
/*font-size: 12pt;*/
/*color: #404a49;*/
/*direction: rtl;*/
/*margin-top: 0;*/
/*}*/
.titr p {
    width: 100%;
    margin-top: 0;

    margin-bottom: 4px;
}

/*---index start-------------*/
.content {
    width: 100%;
    background: #fff;
    border: 1px solid #eeeeee;
    margin-top: 40px;
    padding: 10px;
    float: right;
}

.content p {
    font-family: "B Yekan";
    font-size: 20px;
    padding: 5px;
    margin: 0;
    border: 1px solid #faf1f1;
    background: azure;
}

.content .row {
    width: 95%;
    border: 1px solid darkturquoise;
    margin: auto;
    margin-top: 15px;
}

.boxcontent {
    width: 100%;
    border: 1px solid #e9e9e9;
    padding: 10px;
    font-family: "B Yekan";
    float: right;
    margin-top: 10px;

}

.boxcontent:hover {
    background: -moz-linear-gradient(bottom, lawngreen, white);
}

.content .imagecontent {
    width: 31%;
    height: 120px;
    border: 1px solid #aaaaaa;
    box-shadow: 1px 2px 1px black;
    border-radius: 4px;
    overflow: hidden;
    float: right;
}

.imagecontent::before {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.4);
    width: 28%;
    height: 120px;
    position: absolute;
}

/*lawngreen*/
.leftcontent {

}

.leftcontent .title {
    direction: rtl;
    color: #777777;
    background: white !important;
    width: 67%;
}

.leftcontent .contentspan {
    font-size: 10pt;
    color: #777777;
    direction: rtl !important;
    text-align: right;
    display: block;
    width: 67%;
    float: left;
    margin-top: 15px;
}

.Part-One {

    height: 200px;
    float: right;

}
.Content-list-ifar{
    width: 100%;
    float: right;
}


.part-one-content:hover {
    transform: rotateY(20deg);
    transition: all 0.2s ease-in-out;
    background-color: yellow;

}


/*---index end-------------*/

/*---ptcclicks start-------------*/
.sitename {
    font-family: "B Yekan";
    color: #777777;
    font-size: 11pt;
    float: right;
}

.pic {
    border-radius: 4px;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, .2);
    width: 40%;
    float: left;

}

.box {
    width: 50%;
    float: right;
}

.row2 {
    padding: 5px;
    width: 100%;
    float: right;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    margin-bottom: 5px;
    direction: rtl;
    padding-right: 10px;

}

.matn {
    float: right;
    width: 100%;
    margin-top: 20px;
    font-family: "B Yekan";
    font-size: 12pt;
    color: #777777;
    text-align: justify;
    direction: rtl;
}

.row3 {
    width: 99%;
    float: right;
    font-family: "B Yekan";
    border-radius: 4px;
    margin-top: 5px;
    padding: 5px;
    margin-right: 5px;
    direction: rtl;
    text-align: center;

}

.row3.active .title {
    background: forestgreen;

}

.row3 .title {
    cursor: pointer;
    display: block;
    width: 160px;
    height: 25px;
    float: right;
    text-align: center;
    background: #5d9fff;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, .2);

    border-radius: 4px;
    position: relative;
}

.title:hover::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #5d9fff transparent transparent transparent;
    top: 25px;
    right: 70px;
}

.row3.active .descer {
    display: block;

}

.row3 .descer {
    width: 950px;
    padding: 5px;
    background: #fff0f078;
    height: 400px;
    margin-top: 30px;
    display: none;
    z-index: 2;

}

.detail {
    width: 99%;
    float: right;
    font-family: "B Yekan";

}

.detail ul {
    padding: 0;
    width: 99%;
    direction: rtl;
    float: right;
    padding-right: 5px;
}

.detail ul li {
    list-style: none;
    width: 100%;
    float: right;
    margin-bottom: 5px;

}

.detail ul li .yes {
    background: url("public/images/slices.png");
    background-position: -106px -80px;
    display: block;
    width: 27px;
    height: 27px;
    float: right;

}

.detail ul li .no {
    background: url("public/images/slices.png");
    background-position: -106px -126px;
    display: block;
    width: 27px;
    height: 27px;
    float: right;
}

.detail ul li .tit {
    font-family: "B Yekan";
    font-size: 11pt;
    color: #555555;
    float: right;
    margin-right: 10px;
}

.detail ul li .val {
    color: darkgreen;
    font-size: 10.5pt;
    font-family: Tahoma;
    float: right;
    margin-right: 5px;
}

.detail ul li .val1 {
    color: darkgreen;
    font-size: 10.5pt;
    font-family: "B Yekan";
    float: right;
    margin-right: 5px;
}

.rows {
    width: 100%;
    height: 40px;
    float: right;
    direction: rtl;
    padding-right: 20px;
    margin-bottom: 20px;

}

.angel1 {

    display: block;
    float: right;
    font-family: Tahoma;
    font-weight: normal;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;

    position: relative;
}

.angel1::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 40px 20px 0;
    border-color: transparent #2b2d2e transparent transparent;
    display: block;
    position: absolute;
    left: -37px;
    top: -3px;

}

.angel2 {
    width: 40%;
    height: 38px;
    margin-right: 38px;
    background: #2b2d2e;
    display: block;
    float: right;
    font-family: "B Yekan";
    font-size: 18pt;
    line-height: 39px;
    padding-right: 10px;
    border-radius: 4px;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
    position: relative;
    color: beige;
    font-weight: 600;
}

.angel2::before {

    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 40px;
    border-color: transparent transparent transparent #2b2d2e;
    top: -3px;

    right: -54px;
}

.alvan {
    width: 100%;
    font-family: "B Yekan";
    font-size: 12pt;
    text-align: center;
    direction: rtl;
    float: right;
    color: beige;
    background: rgba(62, 167, 163, 0.87);
    margin: 20px 0;
}

.angel1::after {
    content: '';
    font-family: Tahoma;
    font-size: 17pt;
    position: absolute;
    z-index: 2;
    background: #2b2d2e;
    right: 9px;
    top: 1px;
    height: 0;
    color: #db7979;

}

.numberss {
    font-family: Tahoma;
    font-size: 17pt;
    position: absolute;
    z-index: 2;
    background: #2b2d2e;
    right: 6px;
    top: -1px;
    height: 0;
    color: #db7979;
    margin-right: 20px;
}

.baner {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.baner img {
    width: 60% !important;
}

.description {
    float: right;
    width: 100% !important;
    padding: 15px;
    background: #ffffff;
    margin-top: 20px;
    border: 1px solid #aaa;
}

.head {
    color: blue;
    font-family: "B Yekan";
    font-size: 18pt;
    direction: rtl;
    border: 1px solid #eee;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    background: #d1fcff;
    margin-top: 0;
}

.titr {
    width: 100%;
    height: auto;

    background: #ebebeb;;
    /*background: #ffffff;*/
    margin: auto;;
    z-index: 5;
    /*position: absolute;*/
    left: 162px;
    border-radius: 4px;
}

.titr2 {
    width: 100%;
    padding: 0 15px;
    display: none;
    background: #ebebeb;;
    margin: auto;
    margin-top: -25px;
    z-index: 5;
    /*position: absolute;*/
    left: 162px;
    border-radius: 4px;
    padding-bottom: 22px;
}

.titr span {
    width: 100%;
    padding: 17px 50px;
    margin: auto;
    display: block;
    font-family: "B Yekan";
    font-size: 13pt !important;
    color: #0e135d;
    direction: rtl;
    margin-top: 0;
    text-align: justify;
    line-height: 35px;
}

.titr2 span {
    width: 100%;

    margin: auto;
    display: block;
    font-family: "B Yekan";
    font-size: 12pt;
    color: #404a49;
    direction: rtl;
    margin-top: 20px;
}

.thor {
    position: relative;
    font-family: "B Yekan";
    font-size: 40pt;
    top: -450px;
    right: 400px;
    color: beige;
}

.titr span p {
    width: 100%;
    margin-top: 0;
    font-size: 18pt;
}

.titr2 span p {
    width: 100%;
    margin: 0;
    font-size: 16pt;
}

/*---ptcclicks end-------------*/

/*---tab end-------------*/
.parent {
    margin-top: 15px;
}

.tabdiv {
    width: 100%;
    height: 40px;
    float: right;

}

.tabdiv ul {
    padding: 0;
    width: 100%;
    float: right;
    margin: 0;

}

.tabdiv ul li {
    list-style: none;
    width: 160px;
    height: 40px;
    margin-left: 5px;
    float: right;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, .4);
    /*border-radius: 2px;*/
    overflow: hidden;
    /*background: #bafffa;*/
    /*color: darkblue;*/
    text-align: center;
    cursor: pointer;
    line-height: 31px;
    background: linear-gradient(45deg, #000000, #2e2f3b);
    border-radius: 5px;
    color: red;
    font-weight: bolder;
    display: block;

}

.tabdiv ul li:hover {
    height: 53px;
    transition: all .3s ease-in-out;
    background: -webkit-linear-gradient(right, #ce3636, #413e5a);
    color: #fff !important;
    line-height: 49px;
}

.tabdiv .title2 {
    font-family: "B Yekan";
    font-size: 10pt;
}

.actived {
    height: 53px !important;
    transition: all .3s ease-in-out;
    background: gold !important;
    color: #fff !important;
    line-height: 49px !important;

}

.boxed {
    width: 100%;
    background: #ffffff;
    float: right;
    margin-top: 13px;

}

.boxed .tagdiv {
    width: 99%;
    font-family: "B Yekan";
    font-size: 12.5pt;
    display: none;
    text-align: right;
    direction: rtl;
    float: right;
    border-radius: 5px;
    padding: 5%;
    overflow-y: auto;
    max-height: 850px;
    border: 2px solid gold;
    margin-top: -4px;
    background: white;

}

.title_register {
    font-family: "B Yekan";
    font-size: 13pt;
    color: darkgreen;
    direction: rtl;
}

.title_register2 {
    font-family: "B Yekan";
    font-size: 13pt;
    color: darkgreen;
    direction: rtl;
    display: block;
    margin-top: 15px;
}

.sitename_rgister {
    font-size: 12.5pt;
    color: #2b2d2e;
    font-family: Tahoma;
    margin-top: 50px;
}

.register_dep {
    font-family: "B Yekan";
    font-size: 12pt;
    color: #404a49;
    direction: rtl;
    display: block;
    width: 100%;
    margin-top: 7px;
}

.span_first {
    font-family: "B Yekan";
    font-size: 10.5pt;
    color: black;
    direction: rtl;
    display: block;
    width: 100%;
    margin-top: 7px;
}

.span_greencolor {
    font-family: "B Yekan";
    font-size: 12pt;
    color: green;
    direction: rtl;
    display: block;
    width: 100%;
    margin-top: 7px;
}

.tagdiv img {
    width: 40%;
    margin: 0 auto;
    display: block;

}

.registerbutton {
    width: 150px;
    height: 30px;
    text-align: center;
    display: block;
    background: -webkit-linear-gradient(45deg, #000000, #2e2f3b);
    transition: all .5s ease;
    line-height: 30px;
    cursor: pointer;
    font-family: "B Yekan";
    font-size: 12pt;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 4px;
    color: red;
    text-decoration: none !important;
}

.registerbutton:hover {

    background: -webkit-linear-gradient(45deg, #000000, #646ff4);
    transition: all .5s ease;
    color: yellow !important;
}

.Education_Activity {
    font-family: "B Yekan";
    font-size: 13pt;
    color: darkgreen;
    direction: rtl;
    display: block;
    margin-top: 15px;

}

.row_fix {
    width: 100%;
    text-align: right;
    direction: rtl;
    font-family: "B Yekan";
    float: right;
    margin-top: 5px;
    border: 1px solid #aaaaaa;
    background: blanchedalmond;
}

.row_fix .number {
    font-size: 16pt;
    color: green;
    width: 30px;
    height: 100%;
    display: block;
    float: right;
    font-family: Tahoma !important;
    text-align: center;
    line-height: 22px;
}

.row_fix .Meaning {
    font-size: 12pt;
    color: green;

}

.row_fix .Description_Summary {
    font-size: 10pt;
    color: #404a49;

}

/*---tab end-------------*/

/*---single-page start-------------*/
.space-orginal-text-article {
    width: 100%;
    height: auto;
    background: #fff;
    /* margin-top: 162px; */
    border-radius: 5px;
    padding-bottom: 100px !important;
    direction: rtl;
    position: relative;
    float: right;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.orginal-text-single-div {
    width: 100%;
    float: right;

}

.orginal-text-single-div .orginal-title {
    margin: 0;
    padding: 4px 22px 25px 38px;
    font-size: 26px;
    font-weight: bolder;
    letter-spacing: -1px;

}

.orginal-text-single-div .orginal-title span {
    margin: 0;
    padding: 0 6px;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #474747;

}

.orginal-text-single-div .space-text {
    width: 100%;
    margin-bottom: 50px;
    display: block;
    float: right;
    padding: 0 21px;

}

.orginal-text-single-div .space-text .space-text-p {
    width: 100%;
    line-height: 36px;
    text-align: right;
    display: block;
    float: right;
}

.space-detail-top {
    width: 50%;
    display: block;
    float: right;
    margin-bottom: 15px;

}

.space-detail-top ul {
    width: 100%;
    display: block;
    float: right;
    padding: 5px 35px;
    direction: rtl;

}

.space-detail-top ul li {
    width: 100%;
    display: block;
    padding: 8px 45px 8px 8px;
    margin-bottom: 30px;
    font-size: 17px;
    border-radius: 4px;
    box-shadow: 1px 2px 4px -1px rgba(0, 0, 0, 0.2);
    border-top: 2px solid rgb(11 34 198);
}

.space-detail-top ul li span.space-Variable-data {
    font-size: 15px;
    font-weight: bold;
    color: #777777;
    margin-right: 6px;

}

.orginal-text-single-div .space-image-site-device-lg {
    width: 45%;
    float: right;
    margin-bottom: 100px;

}

.orginal-text-single-div .space-image-site-device-xs {
    width: 100%;
    float: right;
    margin-top: 25px;
}

.orginal-text-single-div .space-image-site-device-lg img {
    margin: 0 auto;
    display: block;
    border-radius: 8px;
    width: 80%;
}

.orginal-text-single-div .space-image-site-device-xs img {
    margin: 0 auto;
    display: block;
    border-radius: 8px;
    width: 80%;
}

.orginal-text-single-div .space-banner {
    width: 100%;
    float: right;
    text-align: center;
    display: block;

}

.orginal-text-single-div .space-education-register {
    width: 100%;
    float: right;
    margin-top: 35px;
    padding: 10px 20px;

}

.seo-title {
    margin: 0;
    padding: 4px 22px 25px 38px;
    font-size: 26px;
    font-weight: bolder;
    letter-spacing: -1px;
}

.seo-title span {
    margin: 0;
    padding: 0 6px;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #474747;

}

.orginal-text-single-div .space-education-register .space-education-register-title {
    width: 100%;
    display: block;
    padding: 20px;
    color: #474747;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
}

.orginal-text-single-div .space-education-register .button-register {
    width: 140px;
    display: block;
    height: 40px;
    border-radius: 5px;
    background: red;
    box-shadow: 1px 2px 4px -1px rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 39px;
    font-size: 15px;
    color: whitesmoke;
    margin: 0 auto;
    font-weight: bolder;
    letter-spacing: -1px;
    cursor: pointer;
    transition: all .4s ease-in;
    text-decoration: none;
}

.orginal-text-single-div .space-education-register .button-register:hover {
    background: linear-gradient(right, blue, red) !important;
    background: -webkit-linear-gradient(right, #ffd8d8, #dcfeff) !important;
    background: -moz-linear-gradient(right, blue, red) !important;
    color: red !important;
    transition: all .4s ease-in;
}

.orginal-text-single-div .space-education-register .space-education-register-image {
    width: 100%;
    float: right;
    margin-top: 45px;
}

.orginal-text-single-div .space-education-register .space-education-register-image img {
    width: 50%;
    border-radius: 4px;
    box-shadow: 1px 2px 4px -1px rgba(0, 0, 0, 0.2);
    margin: 10px auto;
    display: block;
    cursor: pointer;

}

.orginal-text-single-div .space-education-activity {
    width: 100%;
    float: right;
    margin-top: 35px;
    padding: 10px 20px;

}

.orginal-text-single-div .space-education-activity .space-education-activity-image {
    width: 100%;
    float: right;
}

.orginal-text-single-div .space-education-activity .space-education-activity-image img {
    width: 70%;
    margin: 20px auto;
    border-radius: 4px;
    box-shadow: 1px 2px 4px -1px rgba(0, 0, 0, 0.2);
    display: block;
}

.orginal-text-single-div .space-education-activity .space-education-activity-content {
    width: 100%;
    display: block;
    float: right;
    margin-top: 10px;
    padding: 10px 30px;
}

.orginal-text-single-div .space-education-activity .space-education-activity-content p {
    line-height: 40px;
}

.space-education-harvest {
    width: 100%;
    display: block;
    float: right;
}

.space-education-harvest .space-education-harvest-image {
    width: 100%;
    float: right;
    margin: 20px 0;
}

.space-education-harvest .space-education-harvest-image img {
    width: 70%;
    margin: 0 auto 50px;
    border-radius: 4px;
    box-shadow: 1px 2px 4px -1px rgba(0, 0, 0, 0.2);
    display: block;

}

.orginal-text-single-div .space-education-moreincome {
    width: 100%;
    float: right;
    margin-top: 45px;
}

.orginal-text-single-div .space-education-moreincome .space-education-moreincome-content p {
    padding: 0 50px;

}

.orginal-text-single-div .space-education-moreincome .space-education-moreincome-content .space-education-moreincome-content-image {
    width: 70%;
    margin: 0 auto;
    display: block;
    border-radius: 4px;
    box-shadow: 1px 2px 4px -1px rgba(0, 0, 0, 0.2);
}

/*---single-page end-------------*/

/*---index-list start-------------*/
.part-one-content{

    width: 100%;
    height: 200px;
    transition: all 1s ease-in-out;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, .2);
    overflow: hidden;

}
.Part-One-list{
    margin-bottom: 40px !important;

}
.box-list{
    width: 100%;
    float: right;
    background: white;

}
.box-list .list-image{
    width: 33%;
    height: 100%;
    padding: 1%;
    float: right;
    cursor: pointer;

}
.box-list .list-image img{
    width: 100%;
    display: block;
    height: 90%;

}
.box-list .header-list{
    width: 65%;
    height: auto;

    float: left;
}
.box-list .header-list h1{
    padding: 10px 20px;
    cursor: pointer;
    margin: 0;
    font-weight: bolder;
    letter-spacing: -1px;
  direction:rtl;
  font-size: 25px;

}
.box-list .content-list{
    width: 65%;
    height: 41%;
    padding: 0 3%;
    font-size: 14px;
    direction: rtl;
    overflow: hidden;
    position: relative;

}
.box-list .content-list p:nth-child(3){
    display: none;
}  .box-list .content-list p:nth-child(4){
       display: none;
   }  .box-list .content-list p:nth-child(5){
          display: none;
      }  .box-list .content-list p:nth-child(6){
             display: none;
         }  .box-list .content-list p:nth-child(7){
                display: none;
            }
.box-list .content-list::before{
    content: "";
    width: 95%;
    height: 40%;
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    right: 0;

}
.box-list .list-button{
    width: 65%;
    float: left;
    height: auto;
    padding: 10px 20px;
    background: white;
    direction: rtl;
}
.box-list .list-button a{
    width: 140px;
    display: block;
    height: 40px;
    border-radius: 5px;
    background: red;
    text-align: center;
    line-height: 39px;
    font-size: 15px;
    color: whitesmoke;
    margin: 0 auto;
    font-weight: bolder;
    letter-spacing: -1px;
    cursor: pointer;
    transition: all .4s ease-in;
    text-decoration: none;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .3);
    float: left;
}
.box-list .list-button a:hover {
    background: linear-gradient(right, blue, red) !important;
    background: -webkit-linear-gradient(right, #ffd8d8, #dcfeff) !important;
    background: -moz-linear-gradient(right, blue, red) !important;
    color: red !important;
    transition: none;
}
/*---index-list end-------------*/

/*----foter strt-------------*/
.siz-font .meno-item-top {
    height: 40px;
    background: white;
}

.foters-col {
    float: right;
}

.foters-col p {
    text-align: center !important;
}

.foters-col p a:hover {
    color: red !important;
    cursor: pointer;
    transition: color .3s ease-in-out;
}

/*---foter end-------------*/



/*--------------------------------- adminpage start-------------*/
/*-------------layout start*/
.right_main{
    width: 20%;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    float: right;

    border-right: 1px solid rgba(0,0,0,.4);
    font-family: "B Yekan";
    font-size: 12pt;


}

.right_main ul{
    padding: 0;
    margin: 0;


}
.right_main ul li a{

    display: block;
    cursor: pointer;
    background: #751ba836;
    padding: 10px;
    margin-bottom: 2px;

}
.left_main{
    width: 910px;
    float: left;
    border: 2px solid #c2a8e830;
    padding: 5px;
    border-radius: 4px;

    text-align: right;
}
.left_main .header{
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.5);
    font-size: 13pt;
    font-family: "B Yekan";
    background: #81f3ff6b;;
    padding: 12pt;
    margin: 0;
    border-radius: 4px;


}

/*-------------layout end*/
/*-------------activity start-----------------*/
table.table-viewsite{

    width: 100%;
    font-family: "B Yekan";
    text-align: center;
    direction: rtl;
}
table.table-viewsite tr td:last-child {
    border-left:  1px solid #aaaaaa;

}

table.table-viewsite tr:last-child td{
    border-bottom:  1px solid #aaaaaa;

}
table.table-viewsite td{
    height: 40px;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    text-align: center;

}
table.table-viewsite td >a{
    width: 130px;
    display: block;
    margin: auto;
    margin-top: 5px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    text-decoration: none;
    border-radius: 4px;
    text-decoration: none !important;

}



table.table-viewsite > thead > tr >td{
    background: beige;

}

table.table-viewsite > tbody > tr:nth-child(odd){
    background:#015cff42;

}

table.table-viewsite > tbody > tr:nth-child(even){
    background: rgba(255, 111, 226, 0.26);

}
.addsite{
    width: auto;
    padding: 0 20px;
    height: 30px;
    display: inline-block;
    border-radius: 4px;
    background: green;
    font-family: "B Yekan";
    font-size: 12pt;
    text-align: center;
    line-height: 28px;
    margin-bottom: 5px;
    margin-top: 20px;
    cursor: pointer;
    color: black;
    text-decoration: none;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);

}


/*-------------activity end-----------------*/


/*-------------addregister start-----------------*/

.xnx {
    width: 920px;

    border-radius: 4px;
    margin-top: 10px;
    float: left;
    padding: 14px;
}

.xnx .stmt {
    font-size: 10pt;
    font-family: "B Yekan";
    width: 150px;
    display: block;
    float: right;

}

.xnx .daste {
    width: 200px;
    height: 22px;
    border: 1px solid rgba(0, 0, 0, .4);
    border-radius: 4px;
    overflow: hidden;

}
.span_color{
    display: inline-block;
    background: #2196f3;
    font-family: "B Yekan";
    font-size: 10pt;
    margin-right: 5px;
    padding: 0 20px;
    float: right;
    height: 20px;
    line-height: 21px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 2px 2px rgba(0,0,0,.4);
    position: relative;
}
.span_color img{
    width: 15px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}


.table_list{
    direction: rtl;
    width: 100%;
    font-family: "B Yekan";
    margin-top: 20px;
    border-radius: 4px;
    overflow: hidden;
}

.table_list tr:first-child td{
    font-size: 12pt;
    background: #c3ffbb;
}

.table_list tr td{
    padding: 10px;
    border: 1px solid rgba(0,0,0,.4);
    font-size: 9pt;
    text-align: center;
    background: #00b7ff1a;
}

.span_description p{
    width: 200px!important;
    margin: 0;
}
.span_description{
    display: block;
    width: 100%;
    font-size: 10pt;
    font-family: "B Yekan";
}
.deletebtn{
    cursor: pointer;
    margin-top: 20px;
    width: 100px;
    height: 30px;
    display: inline-block;
    border-radius: 4px;
    background: red;
    font-family: "B Yekan";
    font-size: 12pt;
    text-align: center;
    line-height: 28px;
    margin-bottom: 5px;
    color: black;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    float: left;

}
/*-------------addregister end-----------------*/

/*-------------addsite start-----------------*/

/*-------------addsite end-----------------*/

/*-------------category start-----------------*/
.xnx {
    width: 100%;

    border-radius: 4px;
    margin-top: 10px;
    float: left;
    padding: 14px;
}

.xnx .stmt {
    font-size: 10pt;
    font-family: "B Yekan";
    width: 150px;
    display: block;
    float: right;

}

.xnx .daste {
    width: 200px;
    height: 22px;
    border: 1px solid rgba(0, 0, 0, .4);
    border-radius: 4px;
    overflow: hidden;
  direction:rtl;
  

}
.span_color{
    display: inline-block;
    background: #2196f3;
    font-family: "B Yekan";
    font-size: 10pt;
    margin-right: 5px;
    padding: 0 20px;
    float: right;
    height: 20px;
    line-height: 21px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 2px 2px rgba(0,0,0,.4);
    position: relative;
}
.span_color img{
    width: 15px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}
.subgreen{
    width: 110px;
    height: 30px;
    display: block;
    background: #21b621de;
    font-family: "B Yekan";
    font-size: 12pt;
    line-height: 30px;
    text-align: center;
    float: left;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 12px;
    margin-top: 21px;
}

/*-------------category end-----------------*/


/*-------------categorylevel2 start-----------------*/

/*-------------categorylevel2 end-----------------*/


/*-------------digitalcurency start-----------------*/
.addsite.site{
    background: -moz-linear-gradient(right, #51ff51, #5172ff) !important;
    color: white !important;

}
.addsite.site:hover{
    background: -moz-linear-gradient(right, blue, red) !important;
    color: white !important;

}
.deletesite{
    cursor: pointer;
    margin-top: 20px;
    height: 30px;
    display: inline-block;
    border-radius: 4px;
    background: red;
    font-family: "B Yekan";
    font-size: 12pt;
    text-align: center;
    line-height: 28px;
    margin-bottom: 5px;
    color: black;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    padding: 0 20px;
    float: left;
    margin-right: 20px;

}
ul.ul-ad{
    width: 100%;
    float: right;
    display: block;
    margin-top: 30px;

}
ul.ul-ad li.item-ad{
    width: 100%;
    float: right;
    display: block;
}
ul.ul-ad li.item-ad .addsite{
    width: 50% !important;
    margin: 10px auto;
    display: block;
}
.row-main-activ{
    width: 100%;
    margin-bottom: 50px;

}
/*-------------digitalcurency end-----------------*/



/*-------------index start-----------------*/
/*-------------index end-----------------*/

/*-------------index-category start-----------------*/
/*-------------index-category end-----------------*/



/*-------------infosite start-----------------*/
ul.ul-ad{
    width: 100%;
    float: right;
    display: block;
    margin-top: 30px;

}
ul.ul-ad li.item-ad{
    width: 100%;
    float: right;
    display: block;
}
ul.ul-ad li.item-ad .addsite{
    width: 50% !important;
    margin: 10px auto;
    display: block;
}
/*-------------infosite end-----------------*/




/*-------------viewsite start-----------------*/

/*-------------viewsite end-----------------*/




/*-------------zirdaste start-----------------*/
/*-------------zirdaste end-----------------*/

/*-----------------------addallactive  start---------------*/
.deleteimage{
    padding: 5px 10px;
    background: red;
    border-radius: 5px;
    color: white;
    font-weight: 700;
    margin-right: 20px;
    cursor: pointer;
    font-size: 12px;
}
input.valueimage{
    width: 10px;
    visibility: hidden;
    opacity: 0;
}
div.parentimage{
    width: 320px;
    float: left;
    margin-right: 20px;

}
/*-----------------------addallactive  end---------------*/





.Top-Content{
    width: 100%;
    float: right;
    margin-top: -635px;
    z-index: 0;
}


.Issue{
    position: absolute;
    top: 0;
    bottom: 0;
    float: right;
    padding: 0 20px;
    width: 100%;
    line-height: 40px;
    font-weight: bolder;


}


.icon-background{
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    float: left;

    height: 5px;
}
.icon-background::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 5px;
    background: gold;
    transition: width .4s ease-in-out;
    bottom: 0;
    left: 45%;
    border-radius: 4px;
}
.icon-background::after{

    content: "";
    position: absolute;
    width: 20px;
    height: 5px;
    background: gold;
    border-radius: 4px;
    transition: width .4s ease-in-out;
    bottom: 0;
    right: 45%;
    margin-left: 100px;
}

.box-rew{
    width: 100%;
    padding: 20px;
    margin-bottom: 1px;
    background: white;
}
.box-rew span{
    font-size: 20px;
    font-weight: bolder;
    color: #0e135d;
}
.box-rew span.icon-clock{
    width: 40px;
    height: 40px;
    display: inline-block;
    float: right;
    text-align: center;
    font-size: 54px;
    margin-left: 12px;
    margin-top: -10px;
}
/*-------------------------------------- singlesitepag start-------------*/


.posetive-negative {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    float: left;
}
.posetive-negative-neg{
    width: 100%;
    display: block;
    float: right;
    margin-bottom: 15px;

}

.posetive {
    width: 100%;
    margin-bottom: 15px;
    color: #074f14;
    direction: rtl;
    font-size: 17px;
    font-weight: bold;
    padding-right: 30px;
}

.posetive-negative-ul {
    width: 100%;
    float: right;
}

.posetive-negative-ul .posetive-negative-li {
    width: 100%;
    position: relative;
    float: right;
    display: block;

}

.posetive-icon {
    width: 40px;
    height: 40px;
    display: block;
    color: green;
    font-size: 20px;
    float: right;

    font-weight: 100;

}

.posetive-title {

    color: #1a7528;
}

.negative-icon{
    width: 40px;
    height: 40px;
    display: block;
    color: red;
    font-size: 20px;
    float: right;
    line-height: 27px;
    font-weight: 100;

}

.negative-title {

    color: #ab3347;
}
.active-guide{
    width: 50%;
    float: right;

}
.guide-title{
    width: 100%;
    float: right;
    padding-right: 40px;
    padding-bottom: 20px;
}
.guide-title i{
    float: right;
    color: #dddddd;
    font-size: 20px;
    margin-left: 6px;
    line-height: 29px;
}
.guide-title span{
    color: #105278;
    font-size: 18px;
    letter-spacing: -.4px;
    font-weight: 200;
}
li::marker{
    color: red;
    font-weight: 550;
    font-size: 19px;
}
.active-guide .guide-ul-active{
    width: 100%;
    margin-top: 20px;
    float: right;
}
.active-guide .guide-ul-active p{
    text-align: center;
    font-size: 13px;
    letter-spacing: -.5px;
    font-weight: 100;
}

.active-guide .guide-ul-active ul{
    width: 100%;
    padding-right: 70px;
    float: right;
}

.active-guide .guide-ul-active ul li{
    width: 100%;
    float: right;
    font-size: 15px;
    margin-bottom: 8px;
    list-style: none;

}
.active-guide .guide-ul-active ul li div{

    float: right;

}
.active-guide .guide-ul-active ul li i{
    font-size: 20px;
    float: right;
    line-height: 26px;
    margin-left: 14px;
    color: #979797;
    transition: all .2s ease-out;
}.active-guide .guide-ul-active ul li a{
     cursor: pointer;
     float: right;
     font-size: 15px;
     color: #585858;
     transition: color .4s ease-out;

 }
.active-guide .guide-ul-active ul li div:hover a{
    color: #00d000 !important;
    transition: color .2s ease-out;
}
.active-guide .guide-ul-active ul li div:hover i{
    color: green !important;
    transform: rotateX(25deg);
    transition: all .2s ease-out;
}
div.contenet-active ul li div{
    width: 100%;
    float: right;
    padding: 20px 10%;
    font-family: "B Yekan";
    direction: rtl;
}
div.contenet-active ul li div div.box-head-h{
    padding: 0;
    width: 100%;
    float: right;
    border-top: 2px solid red;
    border-radius: 50px;
    padding-right: 30px;
    margin-top: 50px;
   
}
div.contenet-active ul li div h2 {
    float: right;
    width: 100%;
    color: #223498;
    letter-spacing: -1px;
    font-weight: bolder;
  text-align: center;

}

div.contenet-active ul li div p {
    float: right;
    width: 100%;
    color:rgb(95 99 104);
    margin: 0;
    line-height: 35px;

}
div.contenet-active ul li div img {
    border: 1px solid #eee;
    border-radius: 5px;
    width: 40%;
    margin: 40px auto;
    display: block;
}
div.contenet-active ul li div .position-img{
    width: 100%;
    float: right;
    padding: 0;

}
div.contenet-active ul li div ul {
    width: 100%;
    float: right;
    margin: 10px 0 ;
}
div.contenet-active ul li div ul li{
    width: 100%;
    float: right;
    padding:0;
    font-family: "B Yekan";
    color: #3275bb;
    list-style: disc;
}
div.contenet-active ul li div ol li{
    width: 100%;
    float: right;
    padding:0;
    font-family: "B Yekan";
    color: #253484;
    margin: 7px 0 ;
    font-family: Tahoma !important;
}
div.contenet-active ul li div ol li::marker{
    color: green !important;
    font-size: 20px;
    font-weight: 500;
}
.similar-content{
    width: 100%;
    float: right;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
    height: auto;
    margin-top: 20px;
    background: white;
    padding: 0!important;
    border-radius: 4px;
    overflow: hidden;
}
.similar-content p{
    padding: 5px;
    font-size: 18px;
    font-weight: bolder;
    background: #00000017;
    padding-bottom: 10px;

}
.similar-content p i{
    float: right;
    font-size: 30px;
    margin-left: 15px;
    margin-right: 13px;
    color: #443e53;
}


.icon-background{
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    float: left;
    z-index: 3000;
    height: 5px;
}
.icon-background::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 5px;
    background: gold;
    transition: width .4s ease-in-out;
    bottom: 0;
    left: 45%;
    border-radius: 4px;
}
.icon-background::after{

    content: "";
    position: absolute;
    width: 20px;
    height: 5px;
    background: gold;
    border-radius: 4px;
    transition: width .4s ease-in-out;
    bottom: 0;
    right: 45%;
    margin-left: 100px;
}

/*-------------------------------------- singlesitepage end-------------*/


#div-buy {
    width: 100%;
    background: white;
    margin: 0 auto;
    float: right;
    padding-bottom: 80px !important;
    border-radius: 20px;
    padding: 20px;
}
#title-page-buy {
    border-bottom: 2px solid #80e0e9;
    border-radius: 50px;
    padding: 30px;
    margin: 0;
    font-size:20px;
    font-family: "B Yekan";
    font-weight: bolder;

}

.enter-information {
    width: 100%;
    margin-top: 20px;

    float: right;
    font-family: "B Yekan";
    direction: rtl;
    padding: 20px;
}

.object-enter-information {

    float: right;
    width: 15%;

    height: 40px;
    line-height: 38px;
    text-align: right;
    font-weight: 400;

}

.input-enter-information {
    width: 20%;
    height: 40px;
    float: right;
    margin-right: 5%;

    border: none;
    border-bottom: 1px solid #777777;
    border-right: 2px solid #777777;
    outline: none;
    padding-right: 10px;
    box-shadow: none;
}

.input-enter-information:focus {
    border: none;
    border-bottom: 1px solid #80e0e9 !important;
    outline: none;
    border-right: 2px solid #80e0e9 !important;

}

.input-enter-checkbox {
    width: 15px;
    height: 15px;
    float: right;
    margin-right: 5%;
    line-height: 38px;
    text-align: right;
    font-weight: 400;
    border: none;
    border-bottom: 1px solid #777777;
    border-right: 2px solid #777777;
    outline: none;
    padding-right: 10px;
    box-shadow: none;
    margin-top: 3%;
    cursor: pointer;
}

.enter-information-select {
    width: 40%;
    float: right;
    font-family: "B Yekan";
    direction: rtl;
    padding: 20px;

}

.span-select {
    float: right;
    height: 40px;
    line-height: 38px;
    text-align: right;
    font-weight: 400;
}

.span-select > span {
    font-size: 12px;
    font-weight: 100;
    font-family: Tahoma;
}

.buyfile {
    width: 20%;
    font-size: 17px;
    font-weight: bolder;
    text-align: center;
    float: left;
    border-radius: 5px;
    background: #37af34;
    color: white !important;
    box-shadow: 1px 2px 3px #777777;
    height: 60px;
    line-height: 57px;
    margin-left: 100px;
    cursor: pointer;
    position: absolute;
    bottom: 45px;
    z-index: 1000;
}

.span-price {
    font-family: Tahoma;
    width: 50%;
    display: block;
    background: aliceblue;
    height: 50px;
    line-height: 48px;
    padding-right: 20px;
    border-radius: 10px;
    border-bottom: 2px solid blue;
}

#totdiv {
    width: 100%;
    float: right;
    margin-top: 50px;

}

#sidebar {
    width: 30%;
    float: right;
    margin-left: 2px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    overflow: hidden;

}

#content {
    width: 65%;
    float: left;
    border: 1px solid #eeeeee;
    border-radius: 5px;

}

.ul-siedebar {
    width: 100%;
    padding: 0;
    margin: 0;
    float: right;
    padding-top: 40px !important;
    padding-bottom: 80px !important;
    padding: 0 10px;
    background: gold;

}

.ul-siedebar li.li-genera {
    width: 100%;
    height: 50px;
    text-align: center;
    font-family: "B Yekan";
    font-size: 16px;
    font-weight: bolder;
    line-height: 52px;
    background: gold;
    cursor: pointer;
    border-bottom: 2px solid #eeeeee;
    color: #020f22;
    position: relative;

}

.ul-siedebar li.active {
    background: #fd6e36;
    color: white;
}

.ul-siedebar li.active::after {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    background: #0e0f3c;
    box-shadow: 1px 0 3px #777777;
    left: 0;
    top: 0;
    height: 49px;

}

.img-name #img-user {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.img-name .username {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    text-align: center;
    font-family: "B Yekan";
    font-size: 13px;

}

.img-name .username > a {
    cursor: pointer;

}

.ul-siedebar li span {

}

.ul-sef {
    width: 100%;
    float: right;

}

.ul-content {
    width: 100%;
    float: right;
    padding: 40px;

}

.ul-content > li {
    width: 100%;
    float: right;
}

.ul-sef li {
    width: 48%;
    float: right;
    margin-left: 2%;
    border: 1px solid #eeeeee;
    padding: 20px 15px;
}

.div-ul-content {
    width: 100%;
    float: right;

}

.icon-ul {
    width: 100%;
    display: block;
    float: right;
    font-size: 28px;
    color: gold;
    text-align: center;
    padding-top: 15px;
}

.span-obj {
    width: 100%;
    display: block;
    padding-top: 15px;
    font-size: 15px;
    font-weight: bolder;
    text-align: center;
    float: right;
}

.span-num {
    width: 100%;
    display: block;
    padding-top: 15px;
    font-size: 15px;
    font-weight: bolder;
    text-align: center;
    float: right;
    font-family: Tahoma !important;
    color: gold;
    direction: rtl;
}

.ul-sef li {
    margin-top: 40px;
}

.li-heait {
    height: 160px;
}

.user-image {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 80px;
    color: lavender;
}

.ul-detail {
    width: 100%;
    float: right;
}

.ul-detail .li-detail {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    float: right;

}

.ul-detail .li-detail .span-obj {
    width: 30%;
    display: block;
    float: right;
    direction: rtl;
    padding: 0 !important;
    height: 40px;
    line-height: 40px;

}

.ul-detail .li-detail .input-obj {
    width: 70%;
    float: right;
    border: 1px solid gold;
    height: 40px;
    border-radius: 3px;
    outline: none;
    padding-right: 20px;
}

.img-user-select {
    width: 80px;
    float: left;
}

.btn-change-pas {
    background: #121d38;
    width: 30%;
    display: block;
    float: right;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    height: 40px;
    line-height: 37px;
    color: gold;
    box-shadow: 1px 2px 3px gold;
}

.btn-change-info {
    background: chartreuse;
    width: 30%;
    display: block;
    float: left;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    height: 40px;
    line-height: 37px;
    color: white;
    box-shadow: 1px 2px 3px #777777;
}

.ul-content > li {
    display: none;
}

.active-li {
    display: block !important;
}

.div-ul-content-pasword {
    display: none;
}

.activedive {
    display: block !important;
    float: right;
}

.link-sabtsefaresh {
    text-decoration: none !important;
    text-outline: none !important;
    color: black !important;
}

ul li{
    user-select: none;
}

/*descript*/



div.div-sim {
    width: 100%;
   
    float: right;
}

.ul-sim {
    border-top: 2px solid darkblue;
    width: 100%;
    float: right;
    padding: 40px 10px;
}

.li-sim {
    width: 24%;
    margin-left: 1%;
    position: relative;
    float: right;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 40px;
    background: white;
    border: 1px solid #eee;

}

.li-sim::after {
    content: "";
    background: transparent;

}

.li-sim:last-child {
    margin-left: 0 !important;
}

.simdiv {
    width: 100%;
    float: right;
}

.siminfo, .simbuydiv {
    width: 100%;
    float: right;
}

.simbuydiv {
    margin-top: 40px;
}

.imgsim {
    width: 100%;
    height: 250px;
}

.simh3 {
    color: #777777;
    font-size: 17px ;
}

.simbuy {
    width: 50%;
    display: block;
    float: right;
    text-align: center;
    height: 40px;
    color: #777777 !important;

}

.simproinfo {
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    height: 40px;
    color: #777777 !important;
}

.selectdli {
    box-shadow: none !important;
    border: 2px solid white;
}

.window-op {
    width: 100%;
    float: right;
    border-radius: 5px;
    margin: 0 auto;
    padding-top: 15px;
    position: relative;
}

/*.window-op::after {*/
/*content: "";*/
/*width: 100%;*/
/*float: right;*/
/*background: #cbccba;*/
/*height: 95px;*/
/*position: absolute;*/
/*top: 0;*/
/*right: 0;*/
/*border-radius: 6px;*/
/*z-index: auto;*/
/*-1*/
/*}*/

.window-op > span {
    position: absolute;
    z-index: 101;
    display: block;
    font-size: 40px;
    direction: ltr !important;
    float: left;
    text-align: left;
    left: 29px;
    padding-bottom: 20px;

}

.window-op span span {
    color: crimson;
    cursor: pointer;
}

.window-op .div-img-op {
    width: 60%;
    margin: 0 auto;
    margin-top: -60px;
    float: left;
    position: relative;
    z-index: 101;

}

.window-op .div-img-op img {
    width: 100%;
    border-radius: 6px;
    max-height: 400px;
    position: relative;
}

#dark {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    float: right;
    position: fixed;
    top: 0;
    z-index: 10;
    right: 0;
}

.video-op {
    width: 60%;


    margin: 0 auto;
    z-index: 100;
    right: 0;
    top: 50px;
    border-radius: 0 6px 6px 0;
}

.video-op > div > div {
    height: 100%;

}

#gallery-sidebar-imag {
    width: 65%;

    background: #cbccba;

    position: relative;
    margin-top: 10px;
    right: 0;
    border-radius: 6px;
    margin: 0 auto;
    margin-bottom: 100px;


}

.videodivs {
    width: 100%;
    margin-top: 40px;
    float: right;
    height: auto;
}

#slider {
    height: 400px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(255, 255, 255, .3);
    background: #fff;
}

#slider_img {
    height: 400px;
}

#slider_img img {
    height: 400px;
    width: 100%;
}

#slider_img a {
    display: none;
}

#slider_navigator {
    height: 50px;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    width: 100%;
  display: none !important;
}

#slider #prev {
    width: 19px;
    height: 33px;
    display: block;
    position: absolute;
    top: 130px;
    right: 15px;
    color: gold;
    background-position: 0 -33px;
    cursor: pointer;
    z-index: 2;
    font-size: 65px;
}

#slider #next {
    width: 19px;
    height: 33px;
    display: block;
    position: absolute;
    top: 130px;
    left: 15px;
    color: gold;
    cursor: pointer;
    z-index: 2;
    font-size: 65px;
}

#slider #slider_navigator ul {

    padding: 0;
}

#slider #slider_navigator ul li {
    width: 20%;
    height: 100%;
    float: right;
}

#slider #slider_navigator ul li span {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 50px;
    color: #fff;
    cursor: pointer;
}

#slider #slider_navigator .active > span {
    width: 100%;
    background: #ffef3e;
    color: #000;
    position: relative;
}

#slider #slider_navigator .active > span::after {

    content: " ";
    position: absolute;
    top: -11px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 13px 12.5px;
    border-color: transparent transparent #ffef3e transparent;
}


.desbuy{
    width: 100%;
   
    float: right;
}
.desbuy span{
    float: left;
    font-family: "B Yekan";
    font-size: 16px;
    color: #777777;
    margin-left: 100px;
}
.btnbotbuy{
    

}
.space-image-site-device-lg {
    width: 50%;
    float: left;
    margin-top: 40px;
}

.space-image-site-device-lg img {
    width: 100%;
    height: 400px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.active-guide {
    width: 100% ;
    position: relative;
}

.contenet-active ul li div li {
    list-style:none ;
}

#galery-div-main {
    float: right;
    width: 100%;
}

#gallery-image {
    width: 90%;
    border-top: 2px solid #e98296;
    font-size: 20px;
    font-family: "B Yekan";
    font-weight: bolder;
    color: #777777;
    float: right;
    padding-right: 15px;
    line-height: 40px;
    margin: 0 60px;
    margin-top: 40px;
}

#galery-div {
    width: 100%;
    margin-top: 10px;
    float: right;

}

#galery-div ul {
    float: right;
    width: 100%;
}

#galery-div ul .ligalery {
    width: 19%;
    height: 122px;
    float: right;
    margin-left: 10px;
    margin-top: 30px;
    box-shadow: 1px 2PX 3px #777777;
    cursor: pointer;

}

#galery-div ul .ligalery img {
    width: 100%;
    max-width: 100%;

}

#galery-div ul .ligalery img:hover {
    opacity: 0.7;

}
.orginal-title {
    width: 100%;
    background: gold;
    color: white;
    padding-right: 10%;
    font-weight: bolder;
    margin: 0 !important;
    padding: 15px;
    height: 140px;
    padding-top: 110px;
}

.logo {
    width: 79px;
    position: absolute;
    left: 23px;
    top: 9px;
}

.space-text {
    font-family: "B Yekan" !important;
    padding: 35px;
    color: #555555 !important;
    direction: rtl !important;
}

.space-text p {
    direction: rtl !important;
    color: #555555 !important;
  text-align: justify !important;

}

.space-text p > span {
    font-size: 18px !important;
    font-family: "B Yekan" !important;
    font-weight: normal;
    direction: rtl !important;
    color: #555555 !important;
}

.mainbuy {
    width: 100%;
    background: gold;
float: right;
padding-bottom: 50px;
margin-bottom: 50px;
}

.btnbuyfile {
    float: right;
    width: 40%;
    margin-top: 50px;
  z-index: 1000;
position: relative;
}

.btnbuyfile a.abuyfile {

    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background: #e93f3f;
    color: white !important;
    cursor: pointer;
    border-radius: 5px;
    height: 70px;
    line-height: 65px;
    font-size: 27px;
    text-decoration: none !important;
    margin-bottom: 10px !important;
}
.btnbotbuy {
    float: right;
    width: 40%;
    margin-top: 50px;
}

.btnbotbuy a.abuyfile {

    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background: #e93f3f;
    color: white !important;
    cursor: pointer;
    border-radius: 5px;
    height: 70px;
    line-height: 65px;
    font-size: 27px;
    text-decoration: none !important;
    margin-bottom: 10px !important;

}


/*login ---------------------------------------------------------------------------*/

#login-register {
    width: 50%;
    margin: 0 auto;
    border: 1px solid #777777;
    border-radius: 4px;
    background: white;
    overflow: hidden;
    position: relative;

}

#login-register h1 {
    width: 100%;
    margin-top: 50px;
    font-family: "B Yekan";
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.enterinfo {
    width: 100%;
    margin-top: 40px;

}

.rowenter {
    width: 60%;
    position: relative;
    margin: 0 auto;
}

.rowenter .email {
    width: 100%;
    margin: 0 auto;
    display: block;
    border: none;
    outline: none;
    font-size: 12px;
    color: #282828 !important;
    bottom: 1px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    height: 40px;
    padding-right: 15px;
    font-weight: 400;
    font-size: 13px;
    font-family: "B Yekan";
}

.icon {
    display: block;
    width: 40px;
    height: 23px;
    font-size: 20px;
    color: #777777;
    position: absolute;
    top: 10px;
    left: 5px;
    border-right: 1px solid #cccccc;
    padding-right: 10px;

}

.sublogin {
    width: 100%;
    height: 40px;
    display: block;
    border-radius: 4px;
    background: #00d000;
    color: white !important;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    font-weight: bolder;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    font-family: "B Yekan";
    letter-spacing: 2px;

}

.register {
    width: 100%;
    height: 80px;
    background: #eeeeee;
    margin-top: 110px;

}

.register-right {
    width: 49%;
    line-height: 73px;
    color: #777777;
    font-family: "B Yekan";
    float: right;
    height: 100%;
    text-align: center;
}

.register-left {
    width: 49%;

    float: left;
    height: 100%;
}

a.register-button {
    width: 43%;
    float: left;
    height: 40px;
    display: block;
    border-radius: 4px;
    background: #0d1c2b;
    color: white !important;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    font-weight: bolder;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    font-family: "B Yekan";

    margin-left: 124px;
    margin-top: 18px;

}
#war{
    width: 100%;

    border: 1px solid red;
    border-radius: 5px;
    margin: 0 auto;
    position: absolute;
    z-index: 100;
    text-align: center ;
    font-family: "B Yekan";
    top: 50px;
    background: #ffdede;
    direction: rtl;
    letter-spacing: 1px;


}
#war span{
    display: block;
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 47px;
    font-size: 15px;

}
.oker{
    width: 80px;
    margin: 0 auto;
}

/*order ----------------------------------------------------------------------------*/

#title-page-buy {
    border-bottom: 2px solid #80e0e9;
    border-radius: 50px;
    padding: 30px;
    margin: 0;

}
#ulff{
    float: right;
    padding: 0;
}
#content {
    width: 65%;
    float: left;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    margin-top: 80px;


}
.btn-change-info-1 {
    background: #0cc8b6;
    color: white !important;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    line-height: 37px;

    box-shadow: 1px 2px 3px #777777;
    margin-top: 15px;
}
#table-order{
    width: 100%;
    direction: rtl;
    user-select: none;
}

#table-order tr{
    width: 100%;
}


#table-order thead tr{
    width: 100%;
    background: gold;
    color: white;
    font-weight: bolder;
}

#table-order tr td{
    width: auto;
    text-align: center;
    border-bottom: 1px solid gold;
    border-left: 1px solid gold;
    padding: 10px;

}

#table-order tr td:first-child{

    border-right: 1px solid gold;


}

#table-order tbody tr:nth-child(even){
    background:#fbeec8 !important;
}
#table-order tbody tr:nth-child(odd){
    background: #f5eee5 !important;
}
.sabt-order{
    background: chartreuse;

    display: block;
    float: left;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    padding:5px 20px;
    line-height: 37px;
    color: white !important;
    box-shadow: 1px 2px 3px #777777;
    text-decoration: none !important;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 20px;
}



/*-------------pagebut----------------------------------------------------------------*/

#title-page-buy{
    border-bottom: 2px solid #80e0e9;
    border-radius: 50px;
    padding: 30px;
    margin: 0;

}
.enter-information{
    width:100%;
    margin-top: 20px;

    float: right;
    font-family: "B Yekan";
    direction: rtl;
    padding: 20px;
}


.object-enter-information{


    float: right;
    width: 15%;

    height: 40px;
    line-height: 38px;
    text-align: right;
    font-weight: 400;


}
.input-enter-information{
    width: 20%;
    height: 40px;
    float: right;
    margin-right: 5%;

    border: none;
    border-bottom: 1px solid #777777;
    border-right: 2px solid #777777;
    outline: none;
    padding-right: 10px;
    box-shadow: none;
}

.input-enter-information:focus{
    border: none;
    border-bottom: 1px solid #80e0e9 !important;
    outline: none;
    border-right: 2px solid #80e0e9 !important;

}
.input-enter-checkbox{
    width: 15px;
    height: 15px;
    float: right;
    margin-right: 5%;
    line-height: 38px;
    text-align: right;
    font-weight: 400;
    border: none;
    border-bottom: 1px solid #777777;
    border-right: 2px solid #777777;
    outline: none;
    padding-right: 10px;
    box-shadow: none;
    margin-top: 3%;
    cursor: pointer;
}

.enter-information-select{
    width: 40%;
    float: right;
    font-family: "B Yekan";
    direction: rtl;
    padding: 20px;

}
.span-select{
    float: right;
    height: 40px;
    line-height: 38px;
    text-align: right;
    font-weight: 400;
}
.span-select > span{
    font-size: 12px;
    font-weight: 100;
    font-family: Tahoma;
}

.buyfile{
    width: 20%;
    font-size: 17px;
    font-weight: bolder;
    text-align: center;
    float: left;
    border-radius: 5px;
    background: #37af34;
    color: white !important;
    box-shadow:  1px 2px 3px #777777;
    height: 60px;
    line-height: 57px;
    margin-left: 100px ;
    cursor: pointer;
    position: relative;

    z-index: 1000;
}
.span-price{
    font-family: Tahoma;
    width: 50%;
    display: block;
    background: aliceblue;
    height: 50px;
    line-height: 48px;
    padding-right: 20px;
    border-radius: 10px;
    border-bottom: 2px solid blue;
}
#formpagebuy1{
    float: right;
}


.warningpage{
    width: 50%;
    height: auto;
    background: #ebb;
    z-index: 10;
    position: relative;
    margin: 0 auto;
    bottom: -7px;
    float: right;
    padding: 12px;
    color: #632424;
    font-size: 14px;
    text-align: center;
    border: 1px solid;
    border-radius: 15px;
    direction: rtl;

}

.warningpage >span:first-child{
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
.btnok{
    width: 40px;
    color: blue;
    display: block;
    padding: 5px;
    cursor: pointer;
    margin: 0 auto;
    font-weight: bolder;
}