a {
  text-decoration: none;
}

div#myphone p {
  display: flex;
  justify-content: space-between;
}

.padding-50-0-50 {
  padding: 50px 0 50px !important;
}

.overflow-hidden {
  overflow: hidden;
}

.banner-servers-box {
  overflow: hidden;
  padding: 25px 24px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  border-radius: 6px 6px 0 0;
  position: relative;
  background-image: linear-gradient(90deg, #0016ffcf 0%, #3400a0e0 100%) !important;
  color: #fff;
}

.banner-servers-box:before {
  content: '';
  position: absolute;
  background: url(counter-bg.png) no-repeat !important;
  height: 100px;
  width: 100%;
  top: 0;
  z-index: 0;
  opacity: 0.5;
}

.counter-placeholder {
  width: 64px;
  height: 43px;
  background: url(counter.png) no-repeat !important;
  position: relative;
  float: left;
  margin-right: 25px;
}

.counter-placeholder:after {
  content: '';
  background: url(arrow.png) no-repeat !important;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 5px;
  -webkit-animation-name: spaceboots;
  -webkit-animation-duration: 0.8s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes spaceboots {
  0% {
      -webkit-transform: rotate(0deg);
  }
  10% {
      -webkit-transform: rotate(-5deg);
  }
  20% {
      -webkit-transform: rotate(5deg);
  }
  30% {
      -webkit-transform: rotate(0deg);
  }
  40% {
      -webkit-transform: rotate(1deg);
  }
  50% {
      -webkit-transform: rotate(-1deg);
  }
  60% {
      -webkit-transform: rotate(-5deg);
  }
  70% {
      -webkit-transform: rotate(5deg);
  }
  80% {
      -webkit-transform: rotate(1deg);
  }
  90% {
      -webkit-transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(-10deg);
  }
}

.banner-text-left h5 {
  font-size: 17px;
  font-weight: 100;
  text-transform: capitalize;
  margin-bottom: 0;
  margin-top: 5px;
  letter-spacing: -0.4px;
}

.banner-text-left h5 strong {
  font-weight: 600;
  margin-left: 8px;
}

.banner-text-left p {
  color: #ececef;
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
  margin-bottom: 0;
}

.benchmarks-link {
  margin: 0;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  position: absolute;
  top: 0;
  background: rgba(19, 19, 21, 0.13);
  width: 220px;
  right: 0;
  text-align: center;
  bottom: 0;
  line-height: 100px;
  font-size: 17px;
  color: #fff;
  text-decoration: none !important;
}

.benchmarks-link:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 100px 80px;
  border-color: transparent transparent rgba(19, 19, 21, 0.13) transparent;
  content: '';
  top: 0;
  position: absolute;
  left: -80px;
}

.benchmarks-link:hover {
  color: #fff;
  width: 240px;
}

.server-tabls-head {
  margin: auto;
  background: #2d2d44;
  padding: 20px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.server-tabls-row {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 1px 15px rgba(15, 24, 51, 0.11);
  transition: all ease-in-out .15s;
  padding: 25px 20px;
  color: #616366;
  margin: 10px 0;
  border-radius: 8px;
  overflow: hidden;
}

.server-tabls-row .span-info-servers {
  border: 1px solid #3a89e8;
  border-radius: 4px;
  padding: 1px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-left: 11px;
}

.server-tabls-row .server-order-button {
  background-color: #ffeb3b;
  color: #353e42;
  padding: 8px 0px;
  border-radius: 0px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  display: block;
  text-align: center;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  margin: -7px 0;
}

.server-tabls-row .server-order-button:hover {
  background-color: #efdd3b;
  color: #353e42;
  text-decoration: none;
}

.server-tabls-row.best-one:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f005";
  position: absolute;
  left: -19px;
  font-size: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 50px;
  color: #ffeb3b;
}


.server-tabls-row-vps {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 1px 15px rgba(15, 24, 51, 0.11);
  transition: all ease-in-out .15s;
  padding: 25px 20px 22px;
  color: #616366;
  margin: 10px 0;
  border-radius: 8px;
  overflow: hidden;
}

.server-tabls-row-vps .span-info-servers {
  border: 1px solid #3a89e8;
  border-radius: 4px;
  padding: 1px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-left: 11px;
}

/* .server-tabls-row-vps .server-order-button {
  background-color: #ffeb3b;
  color: #353e42;
  padding: 8px 0px;
  border-radius: 0px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  display: block;
  text-align: center;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  margin: -7px 0;
} */



.server-tabls-row-vps.best-one:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f005";
  position: absolute;
  left: -19px;
  font-size: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 50px;
  color: #ffeb3b;
}

.server-tabls-row-vps:hover{
color: black !important;
box-shadow: 0px 0px 16px #00b8ff!important;
background: repeating-linear-gradient(45deg, #00b8ff, transparent 100%);
}

.server-tabls-body {
  margin-bottom: 30px;
  margin-top: -15px;
}

.ended {
  filter: blur(1.1px);
}

.enddes::after {

  filter: blur(0) !important;
  content: " ظرفیت تکمیل شد";
  padding: 10px 37px;
  border: 1.5px red solid;
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  right: 2%;
  bottom: 16%;
  background-color: red;
}

@media (min-width: 890px) {
  .custom-slider-plan-form:before, .custom-slider-plan-form:after {
      content: 'comming soon';
      background-size: 100%;
      position: absolute;
      width: 380px;
      height: 468px;
      top: 0;
      z-index: -1;
      line-height: 260px;
      margin: 0;
      color: #1e88e5;
      font-weight: bold;
      opacity: 0.8;
  }
}

@media (min-width: 768px) {
  .server-spects-for-mobile {
      display: none;
  }
}


@media (max-width: 768px) {
  ul.second-navigation-unorderlist {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .benchmarks-link {
      display: none;
  }

  .server-tabls-head {
      display: none;
  }

  /*.server-tabls-row .server-order-button{margin-top:20px;}*/
  .server-tabls-row .col-md-2 {
      margin-bottom: 10px;
  }
  
  .server-tabls-row-vps .col-md-2 {
    
  }

  .server-spects-for-mobile {
      font-size: 13px;
      margin-right: 15px;
      opacity: 0.6;
      min-width: 85px;
      display: -webkit-inline-box;
  }

  .first-pricing-table {
      margin: 0 15px 60px;
  }
  .dedicatedItem {
      display: flex;
      width: 100%;
      justify-content: space-between;
  }
  #prueba{
      display: none;
  }
#prueba{
 display: none;
}
.domainContainer {
display: flex;

align-items: center;
justify-content: flex-start;
border-radius: 1rem;
flex-direction: column;
transition: all 0.5s ease-in;
width: 100%;
margin: 0 auto;
}

}

@media (min-width: 768px) and (max-width: 870px) {
  .server-tabls-row .col-md-2 {
      padding: 0 2px;
  }
  .server-tabls-row-vps .col-md-2 {
      padding: 0 2px;
  }
}

@-webkit-keyframes AnimationName {
  0% {
      background-position: 0% 31%
  }
  50% {
      background-position: 100% 70%
  }
  100% {
      background-position: 0% 31%
  }
}

@-moz-keyframes AnimationName {
  0% {
      background-position: 0% 31%
  }
  50% {
      background-position: 100% 70%
  }
  100% {
      background-position: 0% 31%
  }
}

@keyframes AnimationName {
  0% {
      background-position: 0% 31%
  }
  50% {
      background-position: 100% 70%
  }
  100% {
      background-position: 0% 31%
  }
}
.server-tabls-row-vps .server-order-button {
  background-color: #2e37b8;
  color: #ffffff;
  padding: 8px 0px;
  border-radius: 0px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  display: block;
  text-align: center;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  margin: -7px 0;
  font-size: 14px;
  border-radius: 8px;
  white-space: nowrap;
  min-width: 120px;
  direction: rtl;
  border: solid 3px #2c7ae0;
  transition: all 0.3s ease-in;
}



.server-tabls-row-vps .server-order-button:hover {
  background-color: #050b6a;
  color: #ffffff;
  text-decoration: none;
}


/* .nav-menu ul.children, .nav-menu ul.sub-menu, .mega-menu ul.mega-sub-menu, .mega-menu ul.menu ul.sub-menu {
width: 250px;
position: absolute;
display: none;

color: #fff;
background: none repeat scroll 0 0 rgba(0,0,0,.9);
box-shadow: -4px 4px 0 0 rgb(0 0 0 / 35%);
-webkit-box-shadow: -4px 4px 0 0 rgb(0 0 0 / 35%);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;

} */


/* .nav-menu ul.children, .nav-menu ul.sub-menu, .mega-menu ul.mega-sub-menu, .mega-menu ul.menu ul.sub-menu {
z-index: 999999 !important;
} */


#Bottom {
background-color: #010e28;
color: hsla(0,0%,100%,.5);
font-size: 13px;
padding: 20px 0 !important;
padding-top:40px !important;
font-size: 15px;
}
div#mega-toggle-block-1 {
display: none;
}

.customSideMenuIcons li{
margin-bottom: 3px;
}
/************************************Consult Form Styles**********************************************/
.popup:hover {
color: #C9DD21 !important;
}

.cerrar {
font-size: 20px;
position: absolute;
top: 4px;
left: 7px;
}
.cerrar:hover {
color: #C9DD21 !important;
}
#animar {
/* padding:0 25px;
transition: all 0.3s ease-in-out;
display: none; */
transition: all 0.5s ease-out;
opacity: 0;
height: 0;
overflow: hidden;
}
#animar:target {
/* padding:0 50px;
display:inline; */
opacity: 1;
height: auto;
}

.g-recaptcha {
  transform:scale(0.77);
  transform-origin:0 0;
}

#alto {
max-height:50px;
width: 100%;
background-color: blue;
}
.sow-form-field.contactusPopupContainer {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
p.contactNumberPopupElement {
margin: 0 !important;
font-size: medium;
font-weight: 500;
margin-bottom: 10px !important;
}
p#contactusPopupTitle {
display: flex;
justify-content: center;
font-weight: bold;
}
.sendTicketLinkPopupElement {
background-color: #0002ff;
color: black;
padding: 12px;
margin-top: 5px!important;
border-radius: 5px;
color: white;
font-weight: 700;
}
.textareaInput{
height:200px;
font-family: 'Vazir' !important;
}
.widget-title-contact {
font-weight: 300 !important;
font-size: 21px !important;
text-transform: uppercase !important;
position: relative !important;
margin: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.inputConsultForm{
background-color: #f4f3f3 !important;
border: 1px solid #dcdcff !important;
border-radius: 5px !important;
height: 36px !important;
outline: medium !important;
padding: 0 10px !important;
resize: none !important;
vertical-align: middle !important;
margin-bottom: 20px;
font-family: 'Vazir' !important;
}
form#contact-form-b6cd {
background-color: white;
padding: 10px;
color: black;
border-radius: 10px;
}
#prueba {
position: fixed;
left: 0;
bottom: 0;
width: 280px;
background-color: #2f3ac5;
border-top-right-radius: 20px;
-webkit-box-shadow: 0 2px 15px 0 rgb(0 0 0 / 60%);
box-shadow: 0 2px 15px 0 rgb(0 0 0 / 60%);
-moz-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.6);
z-index: 9999;
margin: 0;
padding: 13px 5px;
color: white;
}

label.lblFormStyles {
font-weight: 300;
}
textarea#questionInput:focus {
border: 1px
solid blue !important;
transition: all 0.3s ease-in;
font-family: 'Vazir' !important;
}
.inputConsultForm:focus{
border: 1px solid blue !important;
transition: all 0.3s ease-in;
font-family: 'Vazir' !important;
}
.requiredFiledStyle{
border: 1px solid red !important;
}
.requiredFieldMessage{
display:none;
}
.successfulContactContainer {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
span.lblFormStyles {
align-self: baseline;
}
label.lblFormStyles {
align-self: baseline;
margin-top:2px;
}
.popup {
color: #fff !important;
padding-left: 30px;
font-size: 22px;
font-weight: 700;
text-transform: none;
}

.dividerForm {
height: 1px;
width: 196px;
background-color: #e0e0e0;
margin-top: 5px;
margin-bottom: 10px;
}
textarea#questionInput {
background-color: #f4f3f3 !important;
border: 1px solid #dcdcff !important;
border-radius: 5px !important;
height: 50px;
font-family: 'Vazir' !important;
}

/*********************************************************************************/
/* Css3 tags */
  
.tags a {
  display: inline-block;
  height:24px;
  line-height:23px;
  position:relative;
  margin: 0 12px 8px 0;
  padding: 0 12px 0 10px;
  background: #777;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  color: #fff;
  font-size:12px;
  font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
  font-weight: bold;
  }
  
.tags a:before {
  content: "";
  position: absolute;
  top: 10px;
  right: 1px;
  float: left;
  width: 5px;
  height: 5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  -moz-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
  box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
  }
  
.tags a:after {
  content: "";
  position: absolute;
  top:0;
  right: -12px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #777;
  border-style: solid;
  border-width: 12px 0 12px 12px;
  }
  
.tags a.color1 {background: #f58220;}
.tags a.color1:after {border-color: transparent transparent transparent #f58220}
.tags a.color2 {background: #97c224;}
.tags a.color2:after {border-color: transparent transparent transparent #97c224}
.tags a.color3 {background: #de3f3e;}
.tags a.color3:after {border-color: transparent transparent transparent #de3f3e}
.tags a.color4 {background: #ec008c;}
.tags a.color4:after {border-color: transparent transparent transparent #ec008c}
.tags a.color5 {background: #00a6df;}
.tags a.color5:after {border-color: transparent transparent transparent #00a6df}  
.tags a:hover {background:#222 !important}
.tags a:hover:after {border-color:transparent transparent transparent #222!important}
  
.small a {
  height: 21px;
  line-height: 21px;
  float: none;
  font-size: 11px;
  }
  
.small a:before {
    right: 0;
    top: 8px;
    border-width: 10px 0 10px 10px;
  }
  
.small a:after {
  right: -11px;
  top: 0;
  border-width: 11px 0 11px 11px;
  }


  .location-submenu{
    transition: all 0.3s ease-in;
  }
  .location-submenu:hover{
    background-color: #2f3ac5;
    padding:0px 5px;
    color:white;
    border-radius: 5px;
  }
  .disabled {
    pointer-events: none;  /* <----------- */
    color:white !important;
    opacity: 1;
  }


  section#Bottom * {
    margin-bottom: 5px !important;
}

/***************************ناوبری داخلی********************************/
.second-navigation-bar-titlecontainer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.divider-navigation {
  width: 300px;
  height: 1px;
  background-color: #eaeaea;
}

.second-navigation-bar-titlecontainer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.divider-navigation {
  width: 300px;
  height: 1px;
  background-color: #eaeaea;
}

a.second-navigation-link:hover {
  background: #2f3ac5;
  border-radius: 10px;
  color: white;
}

h2.second-naviation-title {
  font-size: 25px;
  font-weight: 600;
  color: #000000;
}
.second-navigation-bar-container {
  display: flex;
  background-color: white;
  padding: 30px;
  box-shadow: -1px 7px 12px #cbdeeb59;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
}




ul.second-navigation-unorderlist {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: none;
}





a.second-navigation-link {
  /* background-color: #f7f7f7; */
  /* padding: 8px 20px; */
  border-radius: 10px;
  border: 1px solid #005aff30;
  margin: 5px;
  width: 100px;
  display: flex;
  height: 50px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

li.second-navigation-list {
  font-size: 17px;
  font-weight: 400;
  padding: 5px;
  width: 90px;
  text-align: center;
  white-space: nowrap;
  margin-top: 20px;
  margin-left: 20px;
}



a.selected-second-naviation {
  border-radius: 10px;
  border: 1px solid #005aff30;
  margin: 5px;
  width: 100px;
  display: flex;
  height: 50px;
  justify-content: center;
  align-items: center;
  background-color: #2f3ac5;
  color: white;
}

.second-navigation-location-title {
  align-self: center;
}


a.selected-second-naviation {
  display: flex;
  flex-direction: column;
  justify-content: center;
}


span.second-naviation-tips {
  display: flex;
  font-size: 11px;
  font-weight: 700;
  margin-top: -29px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ff0000;
  position: absolute;
  align-self: end;
  color: white;
  padding-left: 3px;
  padding: 2px;
}
.hide-tag{
  display:none !important;
}
/**********************************ناوبری داخلی***************************************/