@media (max-width: 414px) and (min-width: 413px) {  .res-mg-right {margin-right: 7px !important;}  }  @media (min-width: 769px) {  .res-mg-right {margin-right: 31px !important;}  }  @media (max-width: 414px) {  #m1 > div > div:nth-child(2) > div.windetail > ul > li > ul {margin-right: 0 !important;}  }  .hero {direction: rtl !important}  .hero--with-shapes, .hero--with-triangle-image {overflow: hidden}  .hero {position: relative;display: flex;align-items: center;background-image: linear-gradient(90deg, #0e2343 0, #075f99 100%)}  .hero__content {position: relative;width: 100%;height: 100%;text-align: center;display: block;max-width: 1250px;margin: 0 auto;padding-right: 15px;padding-left: 15px}  @media only screen and (min-width: 600px) {  .hero__heading {margin-right: 0;margin-left: 0;text-align: left}  }  .hero__heading {position: relative;z-index: 1;max-width: 480px;color: #fff;font-size: 1.125rem}  .sticker--medium {width: 120px;height: 120px}  .sticker {display: flex;align-items: center;flex-direction: column;justify-content: center;overflow: hidden;text-align: center;background-color: #fff;border: .5rem solid #fff;border-radius: 50%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);transform: translate(0, 50%)}  @media only screen and (min-width: 600px) {  .hero__sticker {margin: 0}  }  .sticker--medium .sticker__icon {height: 80%}  .hero__title {font-size: 2rem;margin-top: 0;margin-bottom: 0;color: #fff;width: 595px;border-bottom: none;font-weight: 500;line-height: 1.2;font-family: iranSans;text-align: right}  .hero__text {margin-top: 1em;margin-bottom: 0;color: inherit;font-size: 1.125rem;line-height: 1.6;font-family: iranSans}  .hero__shape--left {left: 0}  .hero__shape {position: absolute;top: 0}  @media only screen and (min-width: 768px) {  .main_box_cart p {text-indent: 0 !important}  .hero {min-height: 250px}  .hero__content {padding-top: 1em;padding-bottom: 1em}  .hero__shape--right {transform: translate(55%, -5%)}  .hero__shape--left {transform: translate(-74%, -13%) rotate(225deg)}  }  .hero__shape--right {right: 0}  .hero__shape {position: absolute;top: 0}  .hero__content h1 {transform: translate(-26%, -118%)}  .hero__content p {transform: translate(-32%, -152%);text-align: right}  @media (max-width: 1128px) {  .hero__content h1 {text-align: right;transform: translate(-26%, -118%);font-size: 1.7rem}  }  @media (max-width: 650px) {  #system_sec {padding-top: 30px;padding-bottom: 30px}  .whyuse {padding: 0;font-size: 17px}  .sticker--medium .sticker__icon {width: 80% !important}  .hero__heading {margin: 0 auto !important}  .sticker {width: 80px;height: 80px;margin: 0 auto;transform: translate(0, 0) !important;margin-top: 15px}  .hero__content h1 {width: 100%;padding: 0;text-align: center;transform: translate(0, 0) !important;margin-top: 15px;line-height: 25px;font-size: 20px}  .hero__content p {text-align: center;transform: translate(0, 0) !important;font-size: 15px;padding-bottom: 20px}  }  @media (max-width: 767px) and (min-width: 651px) {  .hero__heading {margin-bottom: 20px !important}  }  a.link {color: #47c;-webkit-transition: all 150ms ease 0;transition: all 150ms ease 0}  a.link:hover {color: #e08f24}  .borderbox {background-color: transparent;padding: 0;border-radius: 3px;overflow: auto;width: 1250px;margin: 14px auto 40px;max-width: 100%}  p {margin-bottom: 10px}  .tabs {position: relative;overflow: hidden;padding-top: 10px;margin-bottom: 60px;text-align: center}  .tabs input {position: absolute;z-index: 1000;width: 25%;height: 50px;left: 0;top: 0;opacity: 0;cursor: pointer;margin: 0;display: none}  .tabs input#tab-2 {left: 25%}  .tabs input#tab-3 {left: 50%}  .tabs input#tab-4 {left: 75%}  .tabs label span p {position: relative;width: 100%;z-index: 100;display: inline-block;font-weight: 500 !important;font-family: IRANSans !important;margin-top: 5px !important}  .tabs label span {position: relative;padding: 0 20px;width: 140px;height: 140px;text-align: center;box-sizing: border-box;-webkit-transition: all 150ms ease 0;transition: all 150ms ease 0;display: inline-block;font-size: 12px}  .tabs label {display: inline-block;width: 33%}  .tabs label:hover {cursor: pointer}  .tabs:before {position: absolute;top: 80px;left: 0;right: 0;margin: 0 auto;width: 73%;border: 1px dashed #0ec9d7;content: ""}  .tabs input:checked + label span .img_hover {display: inline-block !important}  .tabs input:checked + label span p {color: #fff !important}  .tabs input:checked + label span .img {display: none !important}  .tabs input + label span .img {display: inline-block}  .tabs input + label span .img_hover {display: none}  .box_host {margin: 15px;border-radius: 25px;box-shadow: 0 0 19px #3e7da726}  .tabs label img {position: relative;z-index: 2;margin-top: 33px}  .tabs label span:before {content: '';position: absolute;top: 2.5%;left: 2.5%;width: 95%;height: 95%;background: #fff;-webkit-border-radius: 15%;-moz-border-radius: 15%;border-radius: 15%;z-index: 1;box-shadow: 0 0 19px #3e7da726}  .tabs label:hover span .img {display: none !important}  .tabs label:hover span .img_hover {display: inline-block !important}  .tabs label:hover span p {color: #fff !important}  .tabs label:hover span:before {background: linear-gradient(to bottom, #09ccd6 5%, #39a8e1 100%) !important}  .tabs input:checked + label span:before {background: linear-gradient(to bottom, #09ccd6 5%, #39a8e1 100%) !important}  .tabs input:checked + label p {color: #346f2f} .tabs label:first-of-type {z-index: 4}  .tab-label-2 {z-index: 4}  .tab-label-3 {z-index: 3}  .tab-label-4 {z-index: 2}  .content {height: auto;width: 100%;float: left;position: relative;z-index: 5;background: 0 0;box-sizing: border-box;padding-top: 25px;}  .content > div {position: relative;float: left;width: 0;height: 0;box-sizing: border-box;top: 0;left: 0;z-index: 1;opacity: 0;background: 0 0}  .content div h2 {margin-top: 0}  .tabs .tab-selector-1:checked ~ .content .content-1, .tabs .tab-selector-2:checked ~ .content .content-2, .tabs .tab-selector-3:checked ~ .content .content-3 {z-index: 100;opacity: 1;width: 100%;height: auto;padding-top: 0!important;}  .tabs .tab-selector-1:checked ~ .progress-filler .progress-indicator {left: 0;top: 0}  .tabs .tab-selector-2:checked ~ .progress-filler .progress-indicator {left: -34.5%}  .tabs .tab-selector-3:checked ~ .progress-filler .progress-indicator {left: -70%}  .content div h2 {color: #369;font-family: IranSans;}  .content div p {font-family: IRANSans !important;color: #6f6f6f !important;padding-right: 0;line-height: 28px;margin: 0;font-size: 14px !important;font-weight: 400;direction: rtl;text-align: justify}  .tabs p {margin-top: 15px;font-family: Iransans;font-size: 14px;color: #369;font-weight: 700}  .progress-filler {height: 3px;background: #f0f0f0;position: relative;max-width: 100%;margin: 30px auto 10px auto}  .progress-indicator {display: block;width: 30%;height: 3px;background: #12c6d8;transition: all .4s;position: relative}  .imggif {display: block;margin: 0 auto;margin-bottom: 10px}  .tab2 {overflow: hidden;background-color: inherit;margin-top: 35px;padding: 20px 20px 0 20px}  .tab2 button {float: right;border: none;outline: 0;cursor: pointer;border-bottom: 2px solid #f0f0f0 !important;padding: 10px 16px;transition: .3s;font-size: 14px;font-weight: 500;width: 16.5%;background: inherit !important;color: #3b415a;font-family: IRANSANS !important}  .tab2 button:hover {color: #12c6d8 !important;border-bottom: 2px solid #12c6d8 !important}  .tab2 button.active {color: #12c6d8 !important;border-bottom: 2px solid #12c6d8 !important}  .tabcontent {display: none;padding: 0 20px;border-top: none;padding-bottom: 30px}  .tabcontent h3 {font-weight: 400;text-shadow: .4px .4px 0 #8c7255;line-height: 40px;text-align: right;font-size: 15px;font-family: IRANSans !important;border-bottom: 0 !important;color: #3b415a !important}  .row:after {clear: both;display: table;content: " "}  @media (min-width: 992px) {  .col-md-6 {float: right;width: calc(50% - 21px);padding-right: 10px;padding-left: 10px;text-align: right}  }  .wins {line-height: 40px;color: #fff;background: #06c0d6;border-radius: 25px;margin-top: 15px;font-family: IRANSans !important;font-size: 14px;text-align: center}  .border-left {border-left: 1px solid #e6e6e6}  .wins img.win {width: 22px;float: right;margin-top: 5px;margin-left: 5px}  .windetail {font-family: iransans;background: inherit}  .content div .windetail p {font-size: 14px !important;padding-top: 15px;}  #m1 .windetail p , #n1 .windetail p {min-height: 168px;}  @media(max-width:991px) {  #m1 .windetail p , #n1 .windetail p { min-height: unset}  }  .tree, .tree ul {text-align: center;bottom: 0;margin: 0 auto;padding: 0;list-style: none;color: #444;position: relative;font-size: 12px !important}  .tree li {margin: 0;font-weight: 500;position: relative}  .tree folder.selected {background-image: linear-gradient(to bottom, #e4eef5, #c0d1db);border-radius: 5px}  ul.tree > li:before {border-top: none}  .tree li .sub2 {width: 115px !important;}  .tree li .sub {display: inline-flex;background: inherit;border-radius: 15px;box-shadow: 0 0 10px #3e7da726;text-align: center;transition: all .5s ease-in-out;height: 140px;overflow: hidden;width: 100px}  .tree li .sub:hover {box-shadow: 0 0 15px #3e7da74f !important}  .tree li .sub.showme {display: none}  .tree ul {display: inline-flex;flex-wrap: nowrap;justify-content: space-around;}  .tree ul > li {flex: auto;margin: 4px 10px}  .tree ul.sub li::before {display: none}  .sub li {font-size: 11px}  .sub li:hover {color: #05aabd !important}  .singlecontry.tree {width: 356px;max-width: 100%;margin: 0 auto}  .sub a:hover {color: #05aabd !important}  .singlecontry.tree:before {height: 37px}  .tab2.twocol button {width: 50%}  .tab2.onecol button {width: 100%}  .boxoffer {margin-top: 30px;text-align: center}  .content div .boxoffer p {font-size: 14px !important;text-align: center}  .boxoffer a {outline: 0 none !important}  .boxoffer img {position: relative;top: 10px}  .boxoffer img:hover {-webkit-filter: hue-rotate(30deg);filter: hue-rotate(30deg)}  @media (max-width: 681px) {  .tabs label {width: 32%}  .tabs label span {display: inline-grid !important;width: 80px;padding: 0 15px;line-height: 125px;height: 80px}  .borderbox {margin: 0;padding-right: 0}  .tabs label img {margin-top: 15px}  .tabs:before {top: 40px}  .tabs input:checked + label span p {color: #333 !important}  .tabs label span p {left: 25%;width: 100px !important;line-height: 2 !important;font-size: 12px;padding-top: 15px}  }  .content-1 h2, .content-2 h2, .content-3 h2 {text-align: right;font-family: IRANSans !important;border-bottom: 0 !important;color: #3b415a !important;font-weight: 800}  @media (max-width: 624px) {  .content-1 .tab2 {overflow: auto;white-space: nowrap;height: 68px !important;background: #fff}  .content-1 .tab2 button {width: unset;float: none;-webkit-overflow-scrolling: touch;display: inline-block;color: #4c425a;font-size: 13px}  .google_plus {display: none}  .tabs .content > div {padding: 25px 15px !important}  }  .content-1 .tab2 {height: 52px}  #s1 .tree folder icon, #s2 .tree folder icon {padding-right: 0}  .tree span {display: block} p.space {min-height: 16px}  .main_box_cart {background-color: transparent !important}  .tabs label:active span p, .tabs label:focus span p {color: #333 !important}  @media (max-width: 681px) {  .tabs label:active span p, .tabs label:focus span p, .tabs label:hover span p {color: #333 !important}  }  .bgtblcontainer {width: 1250px !important;}  @media (max-width: 768px) {  .tree li .sub {height: 125px}  #m2 > div > div > div.windetail > ul > li > ul > li:nth-child(2) > ul > a > img {top: 5px;position: relative;margin-bottom: 9px;height: 53px !important}  }  @media (max-width: 991px) {  .border-left {border-left: none !important}  }  .sub a {width: 100%}  @media (max-width: 665px) and (min-width: 625px) {  .tab2 button {font-size: 12px !important}  }  @media (max-width: 450px) {  .tree ul {display: block;margin-left: 0;margin-bottom: .7rem}  .tree li .sub {width: 130px;height: 140px !important}  }  .show__off {background: linear-gradient(to bottom, #09ccd6 5%, #39a8e1 100%) !important;padding: 14px 12px 12px 20px;border-radius: 25px;color: #fff !important;font-size: 14px}  .show__off:hover {background: linear-gradient(to bottom, #02bec7 5%, #268ec3 100%) !important}  @media (max-width: 413px) {  .tree li .sub a img.img__order {height: auto !important;width: 75px !important;padding-top: 10px}  }  .sub li a .txt_box_sub {line-height: 20px;font-size: 11px !important;color: #000 !important;padding: 0;font-weight: 500;text-align: center}  .sub:hover li a .txt_box_sub {color: #04b0c5 !important}  @media (max-width: 414px) {  ul.tree > li > ul {margin-right: -7px}  }  @media (min-width: 414px) {  .tree li .sub {height: 140px}  }  @media (min-width: 769px) {  .tree li .sub {height: 138px !important}  }  @media (min-width: 992px) {  ul.tree > li > ul {margin-right: -15px}  }  @media (min-width: 451px) and ( max-width: 500px) {  .tree li:first-child { display: flex; justify-content: center}  }  @media(max-width: 1300px) {  .main_box_cart {padding: 0 15px;}  }
.d-flex{display: flex}.justify-content-center{justify-content: center}.sub-python{width: 110px!important;}