/*
Theme Name: ASP
Theme URI: https://RPATECH.iR/ASP
Author: RPATECH
Author URI: https://RPATECH.iR/
Description: ASP is a fast company wptheme based on wordpress
Version: 1.8.2
Text Domain: ASP
last update:2020/10/10;
*/
@font-face{font-family:irsans;font-style:normal;font-weight:normal;
src:url('Asset/Font/irsans/IRANSansWeb.eot');src:url('Asset/Font/irsans/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
url('Asset/Font/irsans/IRANSansWeb.woff2') format('woff2'),
url('Asset/Font/irsans/IRANSansWeb.woff') format('woff'),
url('Asset/Font/irsans/IRANSansWeb.ttf') format('truetype');}
@font-face{font-family:vazir;font-style:normal;font-weight:normal;src:url('Asset/Font/vazir/Vazir.woff') format('woff'),url('Asset/Font/vazir/Vazir.ttf') format('truetype');}
@font-face{font-family:irsandn;font-style:normal;font-weight:normal;src:url('Asset/Font/irsandn/iransansdn.ttf') format('truetype');}
body{direction: rtl; margin:0;font-size:1rem;text-align:right;color:#5a5a5a;overflow-x:hidden;background-color: #fcfcfc}
main{z-index: 1}
a{transition:all 0.3s linear;text-shadow:none;color:#0a86ec;outline:none;}a:hover{text-decoration: none !important;color:#2578e5 }
ul{margin:0px;padding:0px;}
li{list-style:none;}
b, strong {font-weight: bold;} p{line-height: 2em;}
blockquote{border-left: unset;border-right: .25rem solid #eceeef;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{line-height:1.5;font-family: 'irsans'}
.h1-responsive{font-size:150%}.h2-responsive{font-size:145%}.h3-responsive{font-size:135%}.h4-responsive{font-size:135%}.h5-responsive{font-size:135%}
.pointer{cursor: pointer;}
/*#wpadminbar{top: unset; bottom: 0;position: fixed !important;z-index: 999 !important}*/
.ya-ASP::before{
    font: 505 17px/0.2 dashicons;
    margin-left: 3px;
    vertical-align: middle;
    padding: 0px 2px 3px 3px;
    color: #fff;
    border-radius: 3px;}
.ya-ASP-t::before{content: "A";background: #0040ff;}
.ff-irsans{font-family:'irsans' !important}
.ff-vazir{font-family:'vazir' !important}
.ff-irsandn{font-family:'irsandn' !important}
.flex-center{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.bo-right{border-left-width:0 !important;border-top-width:0 !important;border-bottom-width:0 !important;}
.bo-left{border-right-width:0 !important;border-top-width:0 !important;border-bottom-width:0 !important;}
.bo-top{border-left-width:0 !important;border-right-width:0 !important;border-bottom-width:0 !important;}
.bo-bottom{border-left-width:0 !important;border-right-width:0 !important;border-top-width:0 !important;}
.bo-y{border-left-width:0 !important;border-right-width:0 !important;}
.bo-x{border-top-width:0 !important;border-bottom-width:0 !important;}
.bo-d{border-style:dashed !important;}
.grey{background-color: #868e96 !important;}.grey-text{color: #868e96 !important;}
.headerbgspan{display:inline-block;position:relative;padding:10px;}
.alpha-gradient{background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(64, 224, 208), rgb(255, 140, 0), rgb(255, 0, 128)) repeat scroll 0% 0%;}
.blue-gradient,.blue-gradient-hover:hover{background:linear-gradient(270deg,#6700e3 0,#25cae5 100%) !important; }
.blue-hover:hover{background: #2196f3 !important}
.skin_blue-gradient .shortcontent ul li::before ,.skin_blue-gradient .postcontent ul li::before ,.blue-gradient-text, .blue-text,.blue-gradient-text-hover:hover,.blue-text-hover:hover{color: #2196f3 !important}
.rgba-blue-gradient-light,.rgba-blue-gradient-strong{background-color: #2196f3b3 !important;} .rgba-blue-gradient-slight{background-color: #2196f395 !important;}
.bo-blue-gradient{border-color: #2196f3 !important}
.btn-outline-blue-gradient{border: 2px solid #2196f3;color:#2196f3 !important}
.blue-gradient-svg-hover:hover svg{fill: #2196f3 !important}

.peach-gradient-hover:hover{background:#F7630C !important;}
.skin_peach-gradient .shortcontent ul li::before ,.skin_peach-gradient .postcontent ul li::before ,.peach-gradient-text,.peach-gradient-text-hover:hover{color: #F7630C !important}
.rgba-peach-gradient-light,.rgba-peach-gradient-strong{background-color: #F7630Cb3 !important;} .rgba-peach-gradient-slight{background-color: #F7630C95 !important;}
.bo-peach-gradient{border-color: #F7630C !important}
.btn-outline-peach-gradient{border: 2px solid #F7630C;color:#F7630C !important}
.peach-gradient-svg-hover:hover svg{fill: #F7630C !important}

.dpurple,.dpurple-hover:hover{background-color: #6200ea !important}
.skin_dpurple .shortcontent ul li::before ,.skin_dpurple .postcontent ul li::before ,.dpurple-text,.dpurple-text-hover:hover{color: #6200ea !important}
.rgba-dpurple-light,.rgba-dpurple-strong{background-color: #6200eab3 !important;} .rgba-dpurple-slight{background-color: #6200ea95 !important;}
.bo-dpurple{border-color: #6200ea !important}
.btn-outline-dpurple{border: 2px solid #6200ea;color:#6200ea !important}
.dpurple-svg-hover:hover svg{fill: #6200ea !important}

.purple-gradient-hover:hover{background: #7c73f3 !important}
.skin_purple-gradient .shortcontent ul li::before ,.skin_purple-gradient .postcontent ul li::before ,.purple-gradient-text,.purple-gradient-text-hover:hover{color: #7c73f3 !important}
.rgba-purple-gradient-light,.rgba-purple-gradient-strong{background-color: #7c73f3b3 !important;} .rgba-purple-gradient-slight{background-color: #7c73f395 !important;}
.bo-purple-gradient{border-color: #7c73f3 !important}
.btn-outline-purple-gradient{border: 2px solid #7c73f3;color:#7c73f3 !important}
.purple-gradient-svg-hover:hover svg{fill: #7c73f3 !important}

.aqua-gradient-hover:hover{background: #1ab5c9 !important;}
.skin_aqua-gradient .shortcontent ul li::before ,.skin_aqua-gradient .postcontent ul li::before ,.aqua-gradient-text,.aqua-gradient-text-hover:hover{color:#1ab5c9 !important} 
.rgba-aqua-gradient-light,.rgba-aqua-gradient-strong{background-color: #1ab5c9b3 !important;} .rgba-aqua-gradient-slight{background-color: #1ab5c995 !important;}
.bo-aqua-gradient{border-color: #1ab5c9 !important}
.btn-outline-aqua-gradient{border: 2px solid #1ab5c9;color:#1ab5c9 !important}
.aqua-gradient-svg-hover:hover svg{fill: #1ab5c9 !important}

.slate-blue,.slate-blue-hover:hover{background: #6B69D6 !important;}
.skin_slate-blue .shortcontent ul li::before ,.skin_slate-blue .postcontent ul li::before ,.slate-blue-text,.slate-blue-text-hover:hover{color: #6B69D6 !important}
.rgba-slate-blue-light,.rgba-slate-blue-strong{background-color: #6B69D6b3 !important;} .rgba-slate-blue-slight{background-color: #6B69D695 !important;}
.bo-slate-blue{border-color: #6B69D6 !important}
.btn-outline-slate-blue{border: 2px solid #6B69D6;color:#6B69D6 !important}
.slate-blue-svg-hover:hover svg{fill: #6B69D6 !important}

.crimson,.crimson-hover:hover {background-color: #B5090C !important;}
.skin_crimson .shortcontent ul li::before ,.skin_crimson .postcontent ul li::before ,.crimson-text,.crimson-text-hover:hover{color: #B5090C !important}
.crimson-svg-hover:hover svg{fill: #FD283B !important}
.rgba-crimson-light,.rgba-crimson-strong{background-color: #FD283Bb3 !important;} .rgba-crimson-slight{background-color: #FD283B95 !important;}
.bo-crimson{border-color: #FD283B !important}
.btn-outline-crimson{border: 2px solid #FD283B;color:#FD283B !important}
.crimson-svg-hover:hover svg{fill: #B5090C !important}

.edark,.edark-hover:hover{background-color: #212121 !important}
.skin_edark .shortcontent ul li::before ,.skin_edark .postcontent ul li::before ,.edark-text,.edark-text-hover:hover{color: #212121 !important}
.rgba-edark-light,.rgba-edark-strong{background-color: #212121b3 !important;} .rgba-edark-slight{background-color: #21212195 !important;}
.bo-edark{border-color: #212121 !important}
.btn-outline-edark{border: 2px solid #212121;color:#212121 !important}
.edark-svg-hover:hover svg{fill: #212121 !important}

.dgreen,.dgreen-hover:hover{background-color: #107C10 !important}
.skin_dgreen .shortcontent ul li::before ,.skin_dgreen .postcontent ul li::before ,.dgreen-text,.dgreen-text-hover:hover{color: #107C10 !important}
.rgba-dgreen-light,.rgba-dgreen-strong{background-color: #107C10b3 !important;} .rgba-dgreen-slight{background-color: #107C1095 !important;}
.bo-green{border-color: #33d904 !important}.bo-dgreen{border-color: #107C10 !important}
.btn-outline-dgreen{border: 2px solid #107C10;color:#107C10 !important}
.dgreen-svg-hover:hover svg{fill: #107C10 !important}

.dblue,.dblue-hover:hover{background-color: #0040ff !important}
.skin_dblue .shortcontent ul li::before ,.skin_dblue .postcontent ul li::before ,.dblue-text,.dblue-text-hover:hover{color: #0040ff !important}
.rgba-dblue-light,.rgba-dblue-strong{background-color: #0d47a1b3 !important;} .rgba-dblue-slight{background-color: #0d47a195 !important;}
.bo-dblue{border-color: #0040ff !important}
.btn-outline-dblue{border: 2px solid #0040ff;color:#0040ff !important}
.dblue-svg-hover:hover svg{fill: #0040ff !important}

.megent,.megent-hover:hover{background-color: #F70C59 !important}
.skin_megent .shortcontent ul li::before ,.skin_megent .postcontent ul li::before ,.megent-text,.megent-text-hover:hover{color: #F70C59 !important}
.rgba-megent-light,.rgba-megent-strong{background-color: #E3008Cb3 !important;} .rgba-megent-slight{background-color: #E3008C95 !important;}
.bo-megent{border-color: #F70C59 !important}
.btn-outline-megent{border: 2px solid #F70C59;color:#F70C59 !important}
.megent-svg-hover:hover svg{fill: #F70C59 !important}

.amber-hover:hover{background-color: #ffc107 !important}
.skin_amber .shortcontent ul li::before ,.skin_amber .postcontent ul li::before ,.amber-text-hover:hover{color: #ffc107 !important}
.rgba-amber-strong{background-color: rgba(255, 193, 7, 0.75) !important;} .rgba-amber-slight{background-color: #ffc10795 !important;}
.bo-amber{border-color: #ffc107 !important}
.btn-outline-amber{border: 2px solid #ffc107;color:#ffc107 !important}
.amber-text {color: #ffc107 !important;}
.amber-svg-hover:hover svg{fill: #ffc107 !important}

.teal-hover:hover{background-color: #009688 !important}
.skin_teal .shortcontent ul li::before ,.skin_teal .postcontent ul li::before ,.teal-text-hover:hover{color: #009688 !important}
.bo-teal{border-color: #009688 !important}
.rgba-teal-strong{background-color: #009688e5 !important;} .rgba-teal-slight{background-color: #00968895 !important;}
.btn-outline-teal{border: 2px solid #009688;color:#009688 !important}
.teal-text {color: #009688 !important;}
.teal-svg-hover:hover svg{fill: #009688 !important}

.special-color-dark-hover:hover{background-color: #263238 !important;}
.skin_special-color-dark .shortcontent ul li::before ,.skin_special-color-dark .postcontent ul li::before ,.special-color-dark-text,.special-color-dark-text-hover:hover{color: #263238 !important}
.rgba-special-color-dark-light,.rgba-special-color-dark-strong{background-color: #263238b3 !important;} .rgba-special-color-dark-slight{background-color: #26323895 !important;}
.bo-special-color-dark{border-color: #263238 !important}
.btn-outline-special-color-dark{border: 2px solid #263238;color:#263238 !important}
.special-color-dark-svg-hover:hover svg{fill: #263238 !important}

.indigo-hover:hover{background-color: #3f51b5 !important;color: white;}
.skin_indigo .shortcontent ul li::before ,.skin_indigo .postcontent ul li::before ,.indigo-text-hover:hover{color: #3f51b5 !important}
.bo-indigo{border-color: #3f51b5 !important}
.btn-outline-indigo{border: 2px solid #3f51b5;color:#3f51b5 !important}
.indigo-text {color: #3f51b5 !important;}
.indigo-svg-hover:hover svg{fill: #3f51b5 !important}
.deep-indigo{background-color: #031b4e;} .deep-indigo-text{color: #031b4e;}
.blue,.blue-hover{background: #0070ff;} .blue-text,.blue-text-hover{color: #559dfa;}
.white{background-color: white} .white-text{color: white} .white-text-hover:hover{color: white !important} .milk-text{color: #dce4f7;}
.mdblack-text{color:#5a5a5a !important}
.deepblue-text{color: #0d1f44 !important;}
.silver-text{color: #e9ecef !important}.eee-text{color: #eee}.btn-outline-silver{border: 2px solid #bdbdbd; color:#bdbdbd !important; background-color:transparent;}
.wpbgcolor{background:#23282d !important}.wpbgcolor-text{color:#23282d !important}.protoncolor{background-color: #2b2c34 !important;}
.silver{background-color:#f1f2f3 !important;}.silver2{background-color: #fbfbfc}.eee{background: #eee}
.silver-label{background:#f6f7f9;padding: 0 3px;border: 1px dashed silver;font-family: irsandn;opacity: .85;}
.rgba-indigo-slight {background-color: rgba(63,81,181,.1) !important;}
.ho-silver:hover{background-color:#f1f3f6;color:#123456 !important;transition:all 0.3s linear;cursor:pointer;}
.y-hover0:hover{transition:all 0.3s linear;cursor:pointer;color:#6a727a !important;cursor:pointer;}
.y-hover1:hover{background-color:#f0f0f9 !important;transition:all 0.3s linear;cursor:pointer;}
.y-hover2:hover{background-color:#0071d1 !important;color:white !important;border-color:#0093ff !important;transition:all 0.3s linear;cursor:pointer;}
.y-hover3:hover{background-color:#efb404 !important;color:white !important;border-color:#ffc137 !important;transition:all 0.3s linear;cursor:pointer;}
.y-hover3b:hover{background-color:white !important;color:#efb404 !important;border-color:#ffc137 !important;transition:all 0.3s linear;cursor:pointer;}
.y-hover4:hover{background-color:#d40110 !important;color:white !important;border-color:#bd0721 !important;transition:all 0.3s linear;cursor:pointer;}
.y-hover5:hover{background-color:white !important;color:#0685ff !important;transition:all 0.3s linear;cursor:pointer;}
.fix-t{left:0;right:0;top:0;position:absolute;} .top-0{top: 0 !important;}
.fix-b{left:0;right:0;bottom:0;position:absolute;} .bottom-0{bottom: 0 !important;}
.fix-l{left:0;top:0;bottom:0;position:absolute;} .left-0{left: 0 !important;}
.fix-r{right:0;top:0;bottom:0;position:absolute;} .right-0{right: 0 !important;}
.f-3{font-size:3rem !important}
.f-2o5{font-size:2.5rem !important}
.f-2{font-size:2rem !important}
.f-1o8{font-size:1.8rem !important}
.f-1o7{font-size:1.7rem !important}
.f-1o5{font-size:1.5rem !important}
.f-1o3{font-size:1.35rem !important}
.f-1o2{font-size:1.2rem !important}
.f-1{font-size:1rem !important}
.f-9nim{font-size:0.92rem !important}
.f-nim{font-size:0.85rem !important}
.f-7nim{font-size: 0.72rem !important;}
.f-b700{font-weight: 700;}.f-500{font-weight: 500;} .f-b900{font-weight: 900;}
.line-height-2{line-height: 2;}
.postcontent{line-height: 2.1;text-align: justify;}
.h-100vh{height: 100vh}.w-100vw{width: 100vw}
.z-10k{z-index: 10000}
.fix-t{left:0;right:0;top:0;position:absolute;} .top-0{top: 0 !important;}
.fix-b{left:0;right:0;bottom:0;position:absolute;} .bottom-0{bottom: 0 !important;}
.fix-l{left:0;top:0;bottom:0;position:absolute;} .left-0{left: 0 !important;}
.fix-r{right:0;top:0;bottom:0;position:absolute;} .right-0{right: 0 !important;}
.page_cover{margin-top: 130px;margin-bottom: 30px;}
/* .hero_content {padding: 50px 0;} */
.slide_image{height: auto;max-height: 450px;}
.dropdown-menu{transition: all 0.4s ease-in; text-align: right;left: unset;right: 0;margin-top: 0;border-radius: 0 0 2% 2%;}
.dropdown-menu.megamenu{border: 0;padding: 0;width:inherit; min-width:400px;max-width: 95vw;border-radius: 1px}
.dropdown:hover .dropdown-menu{transition: all 0.5s ease-in;display: block !important;}
#navbartop .sitelogo img{max-width: 100px ;height: auto;}
#top_nav #topminu ul li{display: inline-block;}
#main_nav{  
position: absolute;
bottom: 0;
z-index: 10000;}
.nav_fix_top{
position: fixed !important;
top: 0;
bottom: unset !important;
width: 100%;
z-index: 10000;
display: none;
}
#breadcrumbs {
  background: #fff;
  width: 100%;
  margin: 20px 0;
      margin-top: 20px;
  padding: 3px;
  position: relative;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
#breadcrumbs a {
  padding: 3px 25px 3px 15px;
  float: right;
  line-height: 50px;
  font-size: 14px;
  position: relative;
}
#breadcrumbs a::after, #breadcrumbs a::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2em;
  border-top: 2em solid transparent;
  border-bottom: 2em solid transparent;
  border-right: 1.1em solid;
      border-right-color: currentcolor;
  left: -1em;
}
#breadcrumbs a::before {
  border-right-color: rgba(0,0,0,.1);
  left: -1.1em;
  z-index: 1;
}
#breadcrumbs a::after {
  z-index: 1;
  border-right-color: #fff;
}
.breadcrumb_last {
  padding: 0 25px;
  font-size: 14px;
  line-height: 50px;
}
.shadowbox {
  box-shadow: 0 8px 30px 0 rgba(103,151,255,.15);
}
.borderbox{border-radius: 20px;}
/****--SIDE NAV CSS--****/
#main_nav_mobile{display: none;z-index: 10001; position: fixed;bottom: 0;width: 100%}
#main_nav_mobile div a{height: 37px}
#main_nav_mobile div a:hover{background: #3f41bd;}
.sidenav_logo_wrapper{border-radius: 0 0 13px 13px;position: relative;}
.sidenav_logo_wrapper img{border-radius: 0 12px 12px 0;height: 90px;display: inline-block;max-width: 100px}
.sidenav_logo_wrapper div{display: inline-block;}
.sidenav_logo_wrapper div h2{
font-size: 125%;
margin: 0;
padding: 0 4px;
}
.sidenav_inner{
    max-width: 280px !important;
    transition: all 0.4s ease-in;
    overflow: hidden;
    opacity: 0;
    bottom: 35px;
    right: -280px;
    display: none !important;
}
.sidenav_inner ul{
  max-height: 70vh;
  overflow-x: auto;
}
.sidenav_inner_active{
transition: all 0.4s ease-in !important;
opacity: 1 !important;
z-index: 1031;
display: block !important;
right: 0;
}
.side_parent_nav i.fa-plus{cursor: pointer; transition: 0.4s ease-in-out;}
.side_parent_nav .side_sub_nav {
    max-height: 0;
    transition: all 0.4s ease-in;
    overflow: hidden;
    opacity: 0;
    margin-right: 5px;
}
.side_parent_nav_icoactive{transform: rotate(-45deg) !important}
.child_side_sub_nav_active{
    padding-top: 10px;
    max-height: 500px !important;
    transition: all 0.4s ease-in !important;
    opacity: 1 !important;
}
.card_thumbnail{
  position: relative;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}
.thumblistimg{
  height: 60px;
  width: 65px;
}
.ascard-img-top{height: auto;width: 100%; margin: -40px auto 0 auto !important;}
.card-title{font-size: 17px; text-align: center;}
.serv-box-title{text-align: center;margin-top: -25px}
.serv-box-title h3{
  background: white;
display: inline-block;
padding: 5px 25px;
border-radius: 0 0 12px 12px;
color: #474773;}
.asservcard .card{
    border-radius: 0 0 0 9%;
}

.post-wrapper img {
    max-width: 100%;
    margin: auto;
    display: block;
}
.postcontent img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
 /* Style the tab =============================================== */

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}
.activetab{background-color: #ddd !important;}
/*===========================================================*/
.hero__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.desktop_bg{
display: block;
}
.mobile_bg{
display: none;
}
.header_hero_bg{height: 340px;}
.a-inc a , .a-inc li a{color:inherit !important;}
button:focus{outline: unset;}
/*=========================RESPONSIVE class============================*/
.container{width: 97.5% !important;}
@media (max-width: 768px) {
.desktop_bg{
display: none;
}
.mobile_bg{
display: block;
}
.mobile_bg.hero__background{display: flex;}
.header_hero_bg{height: 150px}
/* #topminu .container{ !important;} */
#main_nav_mobile{display: block;}
.page_cover{height: auto; margin-top: 36px;} .page_cover .header_info_content {margin-top: 0 !important}
}