@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('/fonts/IRANSans-Bold-web.eot');
    src: url('/fonts/IRANSans-Bold-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('/fonts/IRANSans-Bold-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('/fonts/IRANSans-Bold-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('/fonts/IRANSans-Bold-web.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/IRANSans-Light-web.eot');
    src: url('/fonts/IRANSans-Light-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('/fonts/IRANSans-Light-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('/fonts/IRANSans-Light-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('/fonts/IRANSans-Light-web.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/IRANSans-web.eot');
    src: url('/fonts/IRANSans-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('/fonts/IRANSans-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('/fonts/IRANSans-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('/fonts/IRANSans-web.ttf') format('truetype');
}
.color1 {
    color: #00e8dd;
}
.color2 {
    color: #FFF;
}
.color3 {
    color: #000;
}
.color4 {
    color: #0b3a42;
}
.color5 {
    color: #000000;
}



/*************************************************************/
body {
    margin: 0% 8% 8% 8% ;
    font-family: IRANSans;
    font-size: 10pt;
    color: #FFF;
    direction: rtl;
    background-color: #fafafa;
}
.header {
    background-color: #028d86;
    color: #FFF;
    display: inline-block;
    width: 100%;    
    position: fixed;
    z-index: 100;
}
.header_logo {
    width: 70px;
    margin: 45px 0px 45px 0px;
}
.header_burger_open , .header_burger_close {
    display: none;
}
.header_burger_close {
    margin-left: 16px;
    margin-top: 16px;
    margin-bottom: 20px;
    width: 30px;
}
.header_menu {
    float: right;
    margin-top: 12px;
    margin-right: 10px;
}
.header_menu > a:link, .header_menu > a:visited {
    color: #FFF;
    text-decoration: none;
    font-size: 11px;
    padding: 17px 12px 17px 12px;
}
.header_menu > a:hover {
        background-color: #029f97;
}
.header_support {
    color: #FFF;
    text-decoration: none;
    font-size: 11px;
    margin-left: 15px;
    margin-top: 16px;
    display: block;
    float: left;
}
.header_support_icon {
    width: 33px;
    float: left;
    margin-left: 10px;
    margin-top: 11px;
}
.header_phone {
    float: left;
    margin-left: 10px;
    margin-top: 14px;
    font-size: 14px;
}
.header_sub {
    background-color: #ffffff;
    padding: 3%;
    border-radius: 5px;
    border: 1px solid #ccc;
    line-height: 2.2;
    text-align: justify;
}


.header_sub_txt {
    text-align: center;
    background-color: #00a59c;
    padding-top: 83px;
}



.header_harbarg {
    color: #FFF;
    text-decoration: none;
    font-weight: none;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 16px;
    display: block;
    float: left;
}
.header_picture {
    width: 800px;
}

.header_help {
    width: 100%;
    text-align: center;
    
}
/*************************************************************/
.line_text {
    text-align: center;
    color: #000000;
    background-color: #e8e8e8;
    padding: 2px 15px 2px 15px;
    font-size: 12px;
    line-height: 2.5;
    font-style: italic;
}
.line_text_img {
    height: 255px;
}

/*************************************************************/

.page_text {
    text-align: right;
    direction: rtl;
    color: #000000;
    background-color: #f7f7f7;
    padding: 2px 25px 2px 15px;
    font-size: 14px;
    line-height: 2.5;
}
.page_text_img {
    height: 255px;
}
/*************************************************************/

.about {
    background-color: #0b3a42;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.about_qr {
    float: left;
    margin-left: 20px;
    margin-top: 25px;
    text-align: center;
}
.about_qr > img {
    width: 100px;
}
.about_qr_title {
    font-size: small;
    color: #FFF;
    text-decoration: none;
    margin-top: 5px;

}
.about_texts {
    float: right;
    direction: rtl;
    text-align: right;
    padding-top: 25px;
    padding-right: 40px;
}
.about_texts_1 {
    direction: rtl;
}
.about_texts_2 {
    font-size: smaller;
}
.about_texts_3 {
    margin-right: 220px;
    margin-bottom: 50px;
}
.about_texts_4 {
    margin-right: 150px;
    font-size: smaller;
}
.about_texts_5 {
    margin-bottom: 50px;
    font-size: medium;
    direction: rtl;
}
.about_storage {
    width: 666px;
}


.ica_last {
    background-color: #000;
    text-align: center;
    display: flow-root;
    width: 100%;
}
.ica_last_img {
    width: 666px;
    float: right;
}

.help_texts {

    margin-bottom: 50px;
    font-size: medium;
    font-color: 000000;
    direction: rtl;
}
.help_texts_img {
    width: 100%;
}
    .Help_kind_img {
        width: 42px;
    }
/*************************************************************/

.device {
    background-color: #00a59c;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.about_device_3 {
    margin-right: 220px;
    margin-bottom: 0px;
}
/*************************************************************/
.archive {
    display: inline-block;
}
.archive_logo {
    float: right;
    text-align: center;
}
.archive_logo > img {
    width: 300px;
}
.archive_logo > p {
    font-size: 1.5em;
    margin-top: 0px;
}
.archive > p {
    float: right;
    margin-top: 43px;
    direction: rtl;
    width: calc(100% - 400px);
    line-height: 3em;
}
/*************************************************************/
.details {
    display: inline-block;
}
.details_logo {
    float: right;
    text-align: center;
}
.details_logo > img {
    width: 300px;
}
.details_logo > p {
    font-size: 1.5em;
    margin-top: 0px;
}
.details > p {
    float: right;
    margin-top: 43px;
    direction: rtl;
    width: calc(100% - 400px);
    line-height: 3em;
}
/*************************************************************/
.search {
    display: inline-block;
    background-color: #0b3a42;
    width: 100%;
}
.search_logo {
    float: left;
    text-align: center;
}
.search_logo > img {
    width: 300px;
}
.search_logo > p {
    margin-top: 0px;
}
.search > p {
    float: left;
    direction: rtl;
    text-align: right;
    width: calc(100% - 400px);
    line-height: 3em;
    margin-top: 44px;
}
/*************************************************************/
.cloud {
    display: inline-block;
    margin-top: 30px;
}
.cloud_logo {
    float: right;
    text-align: center;
    margin-right: 20px;
    margin-left: 20px;
}
.cloud_logo > img {
    width: 250px;
}
.cloud_logo > p {
    font-size: 1.5em;
    margin-top: 0px;
}
.cloud > p {
    float: right;
    margin-top: 43px;
    direction: rtl;
    width: calc(100% - 300px);
    line-height: 3em;
}
/*************************************************************/

.send {
    display: inline-block;
    background-color: #0b3a42;
    width: 100%;
}
.send_logo {
    float: left;
    text-align: center;
}
.send_logo > img {
    width: 250px;
    padding: 25px;
    margin-top: 22px;

}
.send_logo > p {
    margin-top: 0px;
}
.send > p {
    float: left;
    direction: rtl;
    text-align: right;
    width: calc(100% - 400px);
    line-height: 3em;
    margin-top: 44px;
    font-size: 14px;
}
/*************************************************************/

.publish {
    display: inline-block;
}
.publish_logo {
    float: right;
    text-align: center;
    margin-right: 20px;
    margin-left: 20px;
}
.publish_logo > img {
    width: 250px;
    margin-top: 40px;
}
.publish_logo > p {
    font-size: 1.5em;
    margin-top: 0px;
}
.publish > p {
    float: right;
    margin-top: 30px;
    margin-bottom: 60px;
    direction: rtl;
    width: calc(90% - 300px);
    line-height: 3em;
}
/*************************************************************/

.footer {
    background-color: #0b3a42;
    direction: rtl;
    display: flex;
    width: 100%;
    font-size: small;
    padding: 20px;
    box-sizing: border-box;
}
.footer > ul {
    float: right;
    /*list-style-type: none;*/
    list-style-type: square;
    color: orange;
    margin-right: 30px;
    width: 30%;
    padding: 11px;
    line-height: 2.5;
    font-size: 11px;
}
.footer > ul > li > a:link, .footer > ul > li > a:visited {
    color: #FFF;
    text-decoration: none;
    font-size: 10px;
}
.footer > ul > li > a:hover {
    color: #adadad;
}
/*************************************************************/
.copyright {
    background-color: #062026;
    text-align: center;
    direction: rtl;
    padding: 80px 20px 80px 20px;
    font-size: small;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.copyright_contacts {
    float: right;
    width: 50%;
    text-align: right;
    margin-right: 70px;
}
.copyright_contacts > img {
    float: right;
    width: 25px;
    margin-top: 5px;
    margin-left: 8px;
    filter: invert(1);
}
.copyright_contacts > p {
    float: right;
    margin-top: 3px;
    line-height: 2.5;
    font-size: 11px;
}
.copyright_contacts > p > a:link , .copyright_contacts > p > a:visited {
    color: #e58e02;
    text-decoration: none;
}
.copyright_contacts > p > a:hover {
    color: #ffbb00;
}
.copyright > p {
    font-size: 10px;
    color: #2dbfc3;
}

/*************************************************************/


.caspianserver_link  {

   font-size: 9px;
   text-decoration: none;
   color: #ffffff;
   margin-top: 30px;
}

.caspianserver_logo  {
    width: 25px;
}
/*************************************************************/
.form {
    direction: rtl;
    width: 600px;
    display: inline-block;
    text-align: right;
}
.form p {
    color: #999;
    font-size: 11px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 5px;
}
.form input[type=text] , .form input[type=password] , .form select , .form textarea {
    width: 425px;
    color: #afafaf;
    font-weight: 400;
    font-size: 15px;
    height: 30px;
    background-color: #FFF;
    border: 1px solid #898989;
    border-radius: 3px;
    text-align: right;
    position: relative;
    z-index: 2;
    outline: none;
    margin-bottom: 1px;
    font-family: inherit;
    padding-right: 10px;
}
.form select {
    width: 440px;
   font-size: 11px;
}
.form textarea {
    height: unset;
}
.form input[type=submit] {
    width: 225px;
    color: #FFF;
    font-weight: 400;
    font-size: 15px;
    height: 40px;
    background-color: #4da6e7;
    border: 1px solid #eee;
    border-radius: 3px;
    text-align: center;
    position: relative;
    z-index: 2;
    outline: none;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: inherit;
    cursor: pointer;
}
.form input[type=submit]:disabled {
    background-color: #808080;
    text-align: center;
}
.form_validators {
    color: red;
    font-size: 12px;
}
.form_success {
    margin-top: 100px;
    margin-bottom: 100px;
}
/*************************************************************/
.order {
    background-color: #FFF;
    text-align: center;
}
/*************************************************************/
.contact {
    background-color: #FFF;
    text-align: center;
}
/*************************************************************/
.prices {
    text-align: center;
    color: #000;
    padding-top: 20px;
}
/*************************************************************/
.dataTable {
    width: 800px;
    border-collapse: collapse; 
    display: inline-table;
}
.dataTable tr:nth-of-type(odd) { 
  background: #e0feff; 
}
.dataTable th { 
  background: #2ebfc4;
  border-top: solid 5px #00a59c !important;
  color: white; 
  font-weight: bold; 
  font-size: 12px;
}
.dataTable td, .dataTable th { 
  padding: 20px; 
  border: 1px solid #2ebfc4; 
  text-align: right;
  direction: rtl;
  font-weight: 400;
  font-size: 12px;
}
.dataTable td { 
  color: #565656; 
  font-size: 12px;
}
/*************************************************************/
@media only screen and (max-width: 700px) {

    .header {
        display: block;
    }
    .header_logo {
        width: 42px;
    }
    .Help_kind_img {
        width: 42px;
    }
    .header_burger_open {
        display: block;
    }
    .header_menu , .header_support {
        display: none;
    }
    .header_support_icon {
        display: none;
    }
    .header_phone {
        display: none;
    }
    .header_menu {
        position: fixed;
        background-color: #019991;
        margin: 0;
        padding: 8px;
        text-align: right;
        border-bottom: solid 0px #fff;
        filter: drop-shadow(0px 20px 30px black);
    }
    .header_menu > a:link , .header_menu > a:visited {
        color: #ffffff;
        font-weight: bold;
        float: right;
        width: 100%;
        margin: 0px 0px 7px 0px;
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: right;
        border-bottom: solid 1px #1eaaa4;    
    }
    .header_sub > img {
        width: 100%;
        height: auto;
    }

    .about_qr {
        display: none;
    }
    .about_texts {
        padding-right: 30px;
        padding-left: 30px;
    }
    .about_texts_3 {
        margin-right: unset;
    }
    .about_texts_4 {
        margin: unset;
    }
    .about_storage {
        width: 100%;
        margin-top: 0px;
    }
    .about_texts_5 {
        margin-right: 10px;
        margin-left: 10px;
    }
    .ica_last_img {
        width: 100%;
        margin-top: 0px;
    }
    .archive_logo {
        float: none;
    }
    .archive > p {
        width: unset;
        margin-right: 15px;
        margin-left: 15px;
    }
    .search_logo {
        float: none;
    }
    .search > p {
        float: none;
        width: unset;
        margin-right: 15px;
        margin-left: 15px;
    }
    .cloud_logo {
        float: none;
        margin-top: 20px;
    }
    .cloud > p {
        float: none;
        width: unset;
        margin-right: 15px;
        margin-left: 15px;
    }
    .send_logo {
        float: none;
    }
    .send > p {
        float: none;
        width: unset;
        margin-right: 15px;
        margin-left: 15px;
    }
    .publish_logo {
        float: none;
    }
    .publish > p {
        float: none;
        width: unset;
        margin-right: 15px;
        margin-left: 15px;
    }
    .footer {
        display: grid;
    }
    .copyright_contacts {
        float: none;
        margin-right: 0px;
        width: unset;
    }
    .copyright > p {
        margin-top: 99px;
    }
    .copyright_contacts > p {
        float: none;
        margin-right: 38px;
    }
    .form {
        width: unset;
        margin-right: 10px;
    }
    .form input[type=text] {
        width: 90%;
    }
    .form select {
        width: 94%;
    }

.form input[type=text] , .form input[type=password] , .form select , .form textarea {
    width: 355px;

}
.header_harbarg {
    display: none;

}
    /*************************************************************/
    .dataTable {
        width: 100%;
    }
    .dataTable table, .dataTable thead, .dataTable tbody, .dataTable th, .dataTable td, .dataTable tr { 
		display: block; 
	}
	.dataTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.dataTable tr { 
        border: 1px solid #ccc; 
	}
	.dataTable td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		/*padding-left: 50%;*/ 
	}
	.dataTable td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
    /*.dataTable td:nth-of-type(1):after { content: "ستون 1"; }
	.dataTable td:nth-of-type(2):after { content: "ستون 2"; }
	.dataTable td:nth-of-type(3):after { content: "ستون 3"; }*/
}
/*************************************************************/
@media only screen and (max-width: 428px) {

    .header {
        display: block;
    }
.header_logo {
    width: 42px;
}
    .Help_kind_img {
        width: 42px;
    }
    .header_burger_open {
        display: block;
    }
    .header_menu , .header_support {
        display: none;
    }
    .header_support_icon {
        display: none;
    }
    .header_phone {
        display: none;
    }
    .header_menu {
        position: fixed;
        background-color: #019991;
        margin: 0;
    padding: 8px;
    text-align: right;
    border-bottom: solid 0px #fff;
    filter: drop-shadow(0px 20px 30px black);
    }
    .header_menu > a:link , .header_menu > a:visited {
    color: #ffffff;
    font-weight: bold;
    float: right;
    width: 100%;
    margin: 0px 0px 7px 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: right;
    border-bottom: solid 1px #1eaaa4;    }
    .header_sub > img {
        width: 100%;
        height: auto;
    }
    .about_qr {
        display: none;
    }
    .about_texts {
        padding-right: 30px;
        padding-left: 30px;
    }
    .about_texts_3 {
        margin-right: unset;
    }
    .about_texts_4 {
        margin: unset;
    }
    .about_storage {
        width: 95%;
        margin-top: 20px;
    }
    .about_texts_5 {
        margin-right: 10px;
        margin-left: 10px;
    }
.about_device_3 {
        margin-right: unset;
}
    .archive_logo {
        float: none;
    }
    .archive > p {
        width: unset;
        margin-right: 15px;
        margin-left: 15px;
    }
    .search_logo {
        float: none;
    }
    .search > p {
        float: none;
        width: unset;
        margin-right: 15px;
        margin-left: 15px;
    }
    .cloud_logo {
        float: none;
        margin-top: 20px;
    }
    .cloud > p {
        float: none;
        width: unset;
        margin-right: 15px;
        margin-left: 15px;
    }
    .send_logo {
        float: none;
    }
    .send > p {
        float: none;
        width: unset;
        margin-right: 15px;
        margin-left: 15px;
    }
    .publish_logo {
        float: none;
    }
    .publish > p {
        float: none;
        width: unset;
        margin-right: 15px;
        margin-left: 15px;
    }
    .footer {
        display: grid;
    }
    .copyright_contacts {
        float: none;
        margin-right: 0px;
        width: unset;
    }
    .copyright > p {
        margin-top: 99px;
    }
    .copyright_contacts > p {
        float: none;
        margin-right: 38px;
    }
    .form {
        width: unset;
        margin-right: 10px;
    }
    .form input[type=text] {
        width: 90%;
    }
    .form select {
        width: 94%;
    }
.header_harbarg {
    display: none;

}
}