/*
Theme Name: PersianTools
Theme URI: https://www.persiantools.com
Author URI: https://www.persiantools.com
Description: persiantools
Version: 1
Tags: PersianTools , pt
Text Domain: PersianTools
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
body {
  direction: rtl;
  font-size: 16px;
  line-height: 1.7em;
  color: black;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: 'IRANSans-web',tahoma;
  /* padding-top: 2rem; */


}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, span {
  display: block;
}
figure {
  margin: 0;
  padding: 0;
}
input, select, textarea {
  font-family: 'IRANSans-web',tahoma;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  border: 0;
  padding: 0;
  outline: none;
  list-style: none;
  list-style: inside;
  font-weight: normal;
}
p {
  font-size: 1em;
  line-height: 1.7em;
  margin: 0 0 1.5em 0;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  color: #001f23;
  text-decoration: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover {
  color: black;
}
.rtl .cell{
  direction: rtl !important;
}
.mainColor{
  display: inline-block;
  color: #0067A5;
}
/* @font-face {
  font-family: IRANSans-web;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/IRANSansWeb(FaNum).eot');
  src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
     url('../fonts/IRANSansWeb(FaNum).woff2') format('woff2'),
     url('../fonts/IRANSansWeb(FaNum).woff') format('woff'),
     url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
} */

@font-face {
  font-family: IRANSans-web;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/IRANSansWeb(NoEn).eot');
  src: url('../fonts/IRANSansWeb(NoEn).eot?#iefix') format('embedded-opentype'),
     url('../fonts/IRANSansWeb(NoEn).woff2') format('woff2'),
     url('../fonts/IRANSansWeb(NoEn).woff') format('woff'),
     url('../fonts/IRANSansWeb(NoEn).ttf') format('truetype');
}

@font-face {
  font-family: 'persiantools';
  src: url("../fonts/persiantools.eot?w8fzj7");
  src: url("../fonts/persiantools.eot?#iefixw8fzj7") format("embedded-opentype"), url("../fonts/persiantools.ttf?w8fzj7") format("truetype"), url("../fonts/persiantools.woff?w8fzj7") format("woff"), url("../fonts/persiantools.svg?w8fzj7#persiantools") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'persiantools';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bullhorn:before {
  content: "\e900";
}
.icon-megaphone:before {
  content: "\e900";
}
.icon-announcement:before {
  content: "\e900";
}
.icon-advertisement:before {
  content: "\e900";
}
.icon-news:before {
  content: "\e900";
}
.icon-airplane:before {
  content: "\e901";
}
.icon-search:before {
  content: "\e902";
}
.icon-bus:before {
  content: "\e903";
}
.icon-bed:before {
  content: "\e904";
}
.icon-angle-up:before {
  content: "\e600";
}
.icon-angle-left:before {
  content: "\e601";
}
.icon-cart3:before {
  content: "\e602";
}
.icon-hosting:before {
  content: "\e603";
}
.icon-lock91:before {
  content: "\e604";
}
.icon-swimming7:before {
  content: "\e605";
}
.icon-web40:before {
  content: "\e606";
}
.icon-website17:before {
  content: "\e607";
}
.icon-linux:before {
  content: "\e608";
}
.icon-life-ring:before {
  content: "\e609";
}
.icon-shopping-cart:before {
  content: "\e60a";
}
.icon-windows:before {
  content: "\e60b";
}
.icon-google-plus:before {
  content: "\e60c";
}
.icon-facebook:before {
  content: "\e60d";
}
.icon-twitter:before {
  content: "\e60e";
}
.icon-caret-down:before {
  content: "\e60f";
}
.icon-angle-down:before {
  content: "\e610";
}
.icon-chevron-up:before {
  content: "\e611";
}
.icon-cog:before {
  content: "\e612";
}
.icon-question-circle:before {
  content: "\e613";
}
.icon-drupal:before {
  content: "\e614";
}
.icon-joomla:before {
  content: "\e615";
}
.icon-wordpress:before {
  content: "\e616";
}
.icon-conversation6:before {
  content: "\e617";
}
.icon-data26:before {
  content: "\e618";
}
.icon-group:before {
  content: "\e619";
}
.icon-repair31:before {
  content: "\e61a";
}
.icon-servers1:before {
  content: "\e61b";
}
.icon-bars:before {
  content: "\e61c";
}
.icon-check:before {
  content: "\e61d";
}
.icon-more11:before {
  content: "\e61e";
}
.icon-arrow395:before {
  content: "\e61f";
}
.icon-house158:before {
  content: "\e620";
}
.icon-cogs:before {
  content: "\e621";
}
.icon-folder-open-o:before {
  content: "\e622";
}
.icon-calendar:before {
  content: "\e623";
}
.icon-link:before {
  content: "\e624";
}
.icon-phone:before {
  content: "\e905";
}
.icon-times:before {
  content: "\e906";
}


.floatRight {
  float: right;
}
.floatLeft {
  float: left;
}
.clearfloat {
  line-height: 0;
  width: 100%;
  height: 1px;
  clear: both;
}
.wrap {
  width: 1170px;
  margin: 0 auto;
  position: relative;
  font-size: 14px;
  word-wrap: break-word;
}
ul {
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
}
.col6 {
  width: 50%;
  float: left;
  font-size: 1rem;
}
.col12{
  width: 100%;
  font-size: 1rem;
}
.col3 {
  width: 25%;
  float: right;
}
.col9 {
  width: 75%;
  float: right;
  font-size: 1rem;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.bottomMargin {
  margin-bottom: 2.8636rem !important;
}
.mb1 {
  margin-bottom: 1.5rem;
}
.ml3{
  margin-left: 3rem;
}
.mb3 {
  margin-bottom: 3rem;
}
.mt1{
   margin-top: 1rem;
}
.mt2{
   margin-top: 2rem;
}
.tableTitle{
  color: #0067A5;
  margin-top: 3rem;
  margin-bottom: 0;
  font-size: 1.2rem;
}
.backToTop {
  position: fixed;
  bottom: 4.5rem;
  right: 2rem;
  height: 3rem;
  line-height: 3rem;
  width: 3rem;
  background: #0067A5;
  color: white;
  border: 1px solid #fff;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  display: none;
}
.backToTop span {
  display: inline-block;
}
.hvr {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
header {
    position: absolute;
    width: 100%;
    height: 7rem;
    z-index: 9999;
    top: 0;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .topBar {
  background: #0067A5;
  height: 2rem;
  line-height: 1.9rem;
  display: none;
}
header .topBarHid{
  height: 5rem;
  display: none;
}
header .topBar a {
  color: #c9d7e4;
  display: block;
}
header .topBar a:hover {
  color: white;
}
header .topBar a span {
  display: inline-block;
  font-size: .8rem;
  position: relative;
  top: 2px;
  margin-left: .4rem;
  color: white;
}
header .topBar .right {
  float: right;
  text-align: right;
  width: 50%;
}
header .topBar .right li {
  display: inline-block;
  margin-left: .95rem;
}
header .topBar .right li a {
  font-size: .65rem;
}
header .topBar .left {
  float: left;
  text-align: left;
  width: 50%;
}
header .topBar .left li {
  display: inline-block;
  margin-right: .95rem;
}
header .topBar .left li a {
  font-size: .65rem;
}
header .mainHead {
  height: 5rem;
  line-height: 5rem;
  background: rgba(0, 0, 0, 0.17);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  /* border-bottom: 1px solid #0067A5; */
  transition: all 0.3s ease-in-out;
}
header .mainHead ul {
  float: right;
}
header .mainHead ul li {
  /*display: inline-block;
  margin-right: -5px;*/
  float: right;
}
header .mainHead ul li:hover .megaMenu {
  opacity: 1;
  visibility: visible;
}
header .mainHead ul li .megaMenu {
  position: absolute;
  z-index: 1002;
  width: 100%;
  background: #dddddd;
  border-top: 8px solid #bcbbb7;
  right: 0;
  top: 5rem;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
header .mainHead ul li .megaMenu .active {
  background: none !important;
}
header .mainHead ul li .megaMenu li {
  display: inline-block;
  width: 50%;
  float: right;
  margin-left: 0;
  padding: 1.8rem;
  border-left: 1px solid #bcbbb7;
}
header .mainHead ul li .megaMenu li:last-child {
  border-left: none;
}
header .mainHead ul li .megaMenu li a {
  color: #002e45;
  font-size: 1.1rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}
header .mainHead ul li .megaMenu li a:hover {
  color: #002e45;
  background: none;
}
header .mainHead ul li .megaMenu li span {
  color: #0067A5;
  font-size: 2rem;
  margin-left: .4rem;
  position: relative;
  right: -8px;
  top: 5px;
}
header .mainHead ul li .megaMenu li ul li {
  width: 100%;
  line-height: 1.5rem;
  padding: 0;
  border-left: none;
  position: relative;
  padding-right: 20px;
}
header .mainHead ul li .megaMenu li ul li:before {
  content: "\e601";
  font-family: 'persiantools';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 5px;
  font-size: .8rem;
  color: #595959;
}
header .mainHead ul li .megaMenu li ul li:last-child:before {
  content: "";
}
header .mainHead ul li .megaMenu li ul li:last-child {
  margin-top: 1rem;
}
header .mainHead ul li .megaMenu li ul li:last-child a {
  display: inline-block;
  border: 1px solid #bcbbb7;
  color: #0067A5;
  text-align: center;
  padding: .3rem 1rem;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
header .mainHead ul li .megaMenu li ul li:last-child a:hover {
  background: #0067A5;
  color: white;
  border: 1px solid #0067A5;
}
header .mainHead ul li .megaMenu li ul li a {
  color: #595959;
  font-size: .75rem;
  line-height: 1.5rem;
  margin-bottom: 0;
  padding-right: 1rem;
  display: inline-block;
}
header .mainHead ul li a {
  display: block;
  color: white;
  padding: 0 .75rem;
}
header .mainHead ul li a:hover {
  background: #bcbbb7;
}
header .mainHead ul li a span {
  position: relative;
  top: .1rem;
  margin-right: .4rem;
  display: inline-block;
}
header .mainHead .logo {
  float: left;
  width: 270px;
  margin-top: .7rem;
  height: 4rem;
  font-size: 0;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header .mainHead .logo img {
  width: 100%;
  height: auto;
}
.headerFixed {
  position: fixed;
  margin-top: 0;
  width: 100%;
  z-index: 9999;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

}
.headerFixed .megaMenu {
  top: 4rem !important;
}
.headerFixed .logo {
  width: 200px !important;
  margin-top: .7rem !important;
  height: 2.5rem !important;
  line-height: 5rem !important;
}
.headerFixed .mainHead{
  height: 4rem;
  line-height: 4rem;
  background:#0067A5;
}
.headerFixed .mainHead li{
  line-height: 4rem;
}
.resNav {
  cursor: pointer;
  padding-top: 1.3rem;
  float: right;
  width: 30px;
  height: 30px;
  display: none;
}
.resNav span {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 30px;
  background: white;
  position: absolute;
  display: block;
  content: '';
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.resNav span:before, .resNav span::after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 30px;
  background: white;
  position: absolute;
  display: block;
  content: '';
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.resNav span:before {
  top: -10px;
}
.resNav span:after {
  bottom: -10px;
}
.resNav.rmActive span {
  background-color: transparent;
}
.resNav.rmActive span:before, .resNav.rmActive span:after {
  top: 0;
}
.resNav.rmActive span:before {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.resNav.rmActive span:after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.active {
  background: #bcbbb7;
}
.active a{
  color: #000 !important;
}
/* .supportNav{
  display: inline-block;
  height: 30px;
  background: #0067a5;
  margin-top: 24px;
  line-height: 30px;
  border-radius: 2px;
  margin-right: 20px;
  font-size: 12px;
} */
.coverImage {
  overflow: hidden;
  height: 340px;
  width: 100%;
}
.coverImage img{
  filter: blur(10px);
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
   margin: -24px 0 -10px -10px;
   width: 100%;
   height: auto;
   transform: scale(1.1)
}
#main-slideshow .sliderItem:not(:first-child) {
  visibility: hidden;
}
.slideshow {
  position: relative;
  overflow: hidden;
}
.slideshow .imageCaption {
  position: absolute;
  top: 25%;
  right: 17%;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 1.7rem;
  padding: 1rem .7rem;
}
.slideshow .slidePrice {
  position: absolute;
  top: 45%;
  right: 17%;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 1rem;
  padding: .8rem .5rem;
}
.slideshow .contactBtn {
  position: absolute;
  top: 65%;
  right: 17%;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid white;
  padding: 1rem .7rem;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.slideshow .contactBtn:hover {
  background: rgba(255, 255, 255, 0.7);
}
.slideshow img {
  width: 100%;
  height: auto;
}
.slideshow .pager {
  position: absolute;
  bottom: .9rem;
  z-index: 1001;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  right: 0;
  left: 0;
}
.slideshow .pager span {
  display: inline-block;
  width: .94rem;
  height: .94rem;
  background: rgba(255, 255, 255, 0.4);
  margin-left: .375rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 0;
  border: 1px solid transparent;
  cursor: pointer;
}
.slideshow .pager .cycle-pager-active {
  background: #0067A5;
  border: 1px solid white;
}
.slideshow .sliderBtn {
  position: absolute;
  bottom: 40%;
  z-index: 1001;
  cursor: pointer;
  width: 2.0625rem;
  height: 3.9375rem;
}
.slideshow .sliderNext {
  right: 1.875rem;
}
.slideshow .sliderPrev {
  left: 1.875rem;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
section {
  padding: 3.75rem 0;
}
section h2, section h3, section h4, section h5 {
  text-align: center;
}
section h2 {
  color: #0067A5;
  font-size: 1.6rem;
  line-height: 1.5em;
  margin: 0 0 .5em;
}
section h3 {
  font-size: 1rem;
  color: #6a6a6a;
  line-height: 1.5em;
  margin: 0 0 2em 0;
}
.services ul {
  margin: 1.3636rem 0 0 0;
}
.services ul li {
  float: right;
  width: 25%;
  text-align: center;
}
.services ul li span {
  font-size: 5rem;
  color: #606060;
  display: inline-block;
  width: 10.375rem;
  height: 10.375rem;
  border: 2px solid #bbbbbb;
  line-height: 10.375rem;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.services ul .blue:hover span {
  background: #0067A5;
  color: white;
  border: 2px solid #0067A5;
}
.services ul .blue:hover a {
  color: #0067A5;
}
.services ul .red:hover span {
  background: #e84c3d;
  color: white;
  border: 2px solid #e84c3d;
}
.services ul .red:hover a {
  color: #e84c3d;
}
.services ul .yellow:hover span {
  background: #efc207;
  color: white;
  border: 2px solid #efc207;
}

.services ul .yellow:hover a {
  color: #efc207;
}

.services ul .green:hover span {
  background: #19bd9b;
  color: white;
  border: 2px solid #19bd9b;
}

.services ul .green:hover a {
  color: #19bd9b;
}
.services h4 {
  color: #2d2d2d;
  font-size: 1.1rem;
  line-height: 1.3636rem;
  margin: 1.3636rem 0 0 0;
}
.services h4 a {
  color: #2d2d2d;
}
.services h5 {
  font-size: .7rem;
  color: #858585;
  line-height: 2.1429em;
  margin: 1.07145em 0;
}
.domainRegistration {
  background: #f2f2f2;
  text-align: center;
}
.domainRegistration h2{
   color: #0067A5;
   font-size: 1.6rem;
   line-height: 1.5em;
   margin: 0 0 .5em;
}
.domainRegistration {
  direction: ltr;
}
.domainRegistration:first-child{
  margin: 1.3636rem 0 0 0;
}
.domainRegistration span {
  display: inline-block;
  position: relative;
}

.domainRegistration span span {
  position: absolute;
  top: 0.8rem;
  right: .5rem;
  pointer-events: none;
}

.domainRegistration input, .domainRegistration select {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #bebebe;
  outline: none;
  height: 2.8125rem;
}

.domainRegistration input[type="text"] {
  width: 30rem;
  padding: 0 1rem;
  font-size: 1.1rem;
}

.domainRegistration select {
  font-size: 1.1rem;
  color: darkslategrey;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.domainRegistration select::-ms-expand {
  display: none;
}

.domainRegistration input[type="submit"] {
  background: #0067A5;
  color: white;
  border: none;
  cursor: pointer;
  position: relative;
  top: -.1rem;
}

.domainRegistration input[type="submit"]:hover {
  background: #055A92;
}
.submit_domains{
   width: 10rem !important;
   border-bottom: 3px solid #004571 !important;
}
.domainRegistration input[type="submit"], .domainRegistration select {
  width: 5rem;
}
.domainRegistration .result form {
  direction: rtl;
}
.domainRegistration .result .terms {
  display: inline;
  margin-left: 2rem;
}
.domainRegistration .result .terms input {
  height: auto;
}
.registered_domain{
   width: 35.5rem !important;
}
.domainNameError {
    border: 1px solid #B75C5C !important;
}

.webHosting .topBorder {
  position: relative;
  margin-top: 4.75rem;
}

.webHosting .topBorder:after {
  position: absolute;
  content: "";
  width: 176px;
  height: 2px;
  background: #ebebeb;
  top: -1rem;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}

.webHosting .description {
  font-size: .8rem;
  line-height: 1.3636rem;
  margin: 0 auto 1.3636rem auto;
  color: #6a6a6a;
  text-align: center;
  width: 70%;
}

.webHosting ul {
  margin: 1.3636rem 0 0 0;
}

.webHosting ul li {
  float: right;
  width: 23%;
  min-height: 27rem;
  padding: 1.5625rem 1rem;
  text-align: center;
  margin-left: 2.65%;
  background: #fafafa;
  color: #707070;
  border-right: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  font-size: .8rem;
  line-height: 1.6rem;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}
.webHosting ul li:hover{
  background: #F8F8F8;
}
.webHosting ul li:hover .priceList{
  background: #0067A5;
  color: white;
}
.webHosting ul li .badge {
  background-color: #0067A5;
  color: white;
  position: absolute;
  left: -96px;
  top: -21px;
  padding-top: 4rem;
  transform: rotate(136deg);
  width: 15rem;
}

.webHosting ul li .badge span {
  transform: rotate(-176deg);
  top: 0.1rem;
  position: absolute;
  left: 6rem;
  color: white;
  font-size: .8rem;
}
.webHosting ul .bd {
  border: 1px solid #0067A5;
}
.webHosting ul.serverUl li{
  min-height: 24rem;
}
.webHosting ul.serverUl h4{
  direction: ltr;
}

.webHosting ul li:nth-child(4n+4) {
  margin-left: 0;
}

.webHosting ul span[class^="icon-"] {
  color: #0067A5;
  font-size: 3.5rem;
}

.webHosting ul h4 {
  font-size: 1.05rem;
  color: #0067A5;
  line-height: 1.3636rem;
  margin: 0.6818rem 0 0.6818rem;
}

.webHosting ul h4 a {
  color: #0067A5;
}

.webHosting ul h4 span {
  margin-top: 2rem;
}

.webHosting ul h5 {
  font-size: 1.1rem;
  line-height: 1.3636rem;
  margin: 0 0 1.3636rem;
}

.webHosting ul .priceList {
  border: 1px solid #949494;
  display: inline-block;
  font-size: 1.1rem;
  padding: .4rem 1.4rem;
  color: #949494;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.webHosting ul .priceList:hover {
  color: black;
  border: 1px solid black;
}

.webHosting ul span {
  margin-bottom: .4rem;
}

.webHosting ul .priceTextL {
  font-size: .8rem;
  position: relative;
  bottom: -.8rem;
  color: #949494;
}

.webHosting ul .priceText {
  font-size: 1rem;
  color: #949494;
  margin: .75rem 0;
}


.btn {
  border: 1px solid #0266a4;
  color: #0266a4;
  display: inline-block;
  padding: .5rem 1.2rem;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  margin-left: 1rem;
}

.btn:hover {
  border: 1px solid #00304E;
  color: #00304E;
}


.ssl , .designSites {
  background: #f2f2f2;
}
.sslBox{
  float: right;
  width: 40%;
  float: right;
  min-height: 11.2rem;
  text-align: center;
  background: #fafafa;
  color: #707070;
  border-right: 1px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  font-size: .8rem;
  line-height: 1.6rem;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-left:5%;
  margin-bottom: 3rem;
  margin-top: 2rem;
  position: relative;
  overflow: hidden;
}
.sslBox:last-child{
  margin-left: 0;
}
.sslBoxHead {
    height: 5rem;
    line-height: 5rem;
    font-size: 1.4rem;
    background: #0067A5;
    color: white;
}
.sslBoxCell {
    width: 33.3%;
    float: right;
    height: 3rem;
    line-height: 3rem;
    border-left: 1px solid #E2E2E2;
    border-bottom: 1px solid #e2e2e2;
    color: black;
    font-size: .9rem;
}
/*
.sslBoxCell:nth-child(2n+2){
  border-left: none;
}
*/
.sslBoxCell:nth-child(3){
  border-left: none;
}
.sslBoxCell:nth-child(6){
  border-left: none;
}
.sslLink {
  display: inline-block;
  color: #0067A5;
}
.designSites{
  text-align: center;
}
.designSites div a{
  display: inline-block;
  margin-left: .7rem;
}
.designSites div a:last-child{
  margin-left: 0;
}
.portfolio{
  text-align: center;
  padding: 1rem 0;
}
.portfolio .portfolioBtn {
    font-size: 1.4rem;
    padding: 1rem 1.8rem;
    margin: 3rem 0;
    margin-top: 1rem;
}
.portfolio div{
  margin-top: 2rem;
}
.portfolio div div{
  margin-top: 0;
  direction: rtl;
}
.portfolio div article{
  display: inline-block;
  margin-left: 2.14rem;
  float:right;
}
.portfolio div article:nth-child(4n+4){
  margin-left: 0;
}
.portfolio div article a{
  display: block;
  position: relative;
  width: 263px;
  height: 263px;
  overflow: hidden;
}
.portfolio div article h3{
  display: block;
  min-height: 4rem;
}
.portfolio div article h3 a{
  margin-top: .5rem;
  height: auto;
  color: inherit;
  min-height: 4rem;
}
.portfolio div article:hover h3{
  color: #0067A5;
}
.portfolio div article:hover .overlay{
  background: rgba(0, 103, 164, 0.64);
  top: .5rem;
  bottom: .5rem;
  left: .5rem;
  right: .5rem;
}
.portfolio div article:hover .icon-more11{
  -webkit-transform: scale3d(1,1,1) rotate(0);
  transform: scale3d(1,1,1) rotate(0);
  opacity: 1;
}
.portfolio div article .overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.portfolio div article .icon-more11 {
  position: absolute;
  top: 38%;
  z-index: 10;
  color: white;
  right: 0;
  width: 4rem;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  font-size: 4rem;
  opacity: 0;
  -moz-transition: all 0.7s cubic-bezier(0.58, -0.75, 0.47, 2.52);
  -o-transition: all 0.7s cubic-bezier(0.58, -0.75, 0.47, 2.52);
  -webkit-transition: all 0.7s cubic-bezier(0.58, -0.75, 0.47, 2.52);
  transition: all 0.7s cubic-bezier(0.58, -0.75, 0.47, 2.52);
  -webkit-transform: scale3d(0.3,0.3,0.3) rotate(20deg);
  transform: scale3d(0.3,0.3,0.3) rotate(20deg);
}

.solution {
  background: #f2f2f2;
}

.solution .solutionBox {
  border: 1px solid #0661a7;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  overflow: hidden;
  height: 17.5rem;
  width: 97%;
}

.solution .solutionBox .solutionImage {
  float: right;
  width: 240px;
  position: relative;
}

.solution .solutionBox .solutionImage .solutionBtn {
  display: inline-block;
  border: 1px solid white;
  font-size: .8rem;
  position: absolute;
  bottom: 14%;
  color: white;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  left: 0;
  width: 180px;
  text-align: center;
  padding: 4px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  overflow: hidden;
}

.solution .solutionBox .solutionContent {
  padding: 1.8rem;
  font-size: .8rem;
  float: right;
  width: calc(100% - 240px);
}

.solution .solutionBox .solutionContent h4 {
  text-align: right;
  color: #0661a7;
  font-size: 1.2rem;
  line-height: 1.25em;
  margin-bottom: 1.25em;
}

.solution .solutionBox .solutionContent h4 a {
  color: #0661a7;
}

.solution .supportBox {
  border: 1px solid #0661a7;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  overflow: hidden;
  width: 32%;
  margin-left: 2%;
  float: right;
  text-align: center;
  padding: 2rem 1rem;
}

.solution .supportBox h4 {
  font-size: 1.1rem;
  color: #0067A5;
  line-height: 1.3636rem;
  margin: 0.6818rem 0 0.6818rem;
}

.solution .supportBox span {
  min-height: 3rem;
}

.solution .supportBox [class^="icon-"] {
  color: #0067A5;
  font-size: 4.5rem;
}

.solution .supportBox:nth-child(3n+3) {
  margin-left: 0;
}

.solution .supportBox a {
  border: 1px solid #949494;
  display: inline-block;
  font-size: .9rem;
  padding: .4rem 1.4rem;
  color: #0067A5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 1rem;
}

.solution .supportBox a:hover {
  color: black;
  border: 1px solid #0067A5;
}


.customer .autoslideshow {
  margin: auto;
  height: 114px;
  overflow: hidden;
}

.customer .autoslideshow .customerBox {
  width: 120px;
  text-align: center;
}

.badgeLogo img{
  width: 100px;
}
footer {
  background:#0067A5;
  padding: 3.75rem 0;
  line-height: 1.7em;
}

footer .col6 {
  color: #e9f6ff;
  font-size: .75rem;
  margin-top: 3rem;
}

footer .col6 div a {
  color: #e9f6ff;
  display: inline-block;
  margin-left: .7rem;
  font-size: 1.6rem;
}

footer .col6 div a:hover {
  color: #DEDEDE;
}

footer section {
  padding: 0;
  text-align: right;
  font-size: .75rem;
  float: right;
  width: 20%;
  color: #e9f6ff;
}

footer section h2 {
  color: #dbdbdb;
  font-size: 1rem;
  text-align: right;
  margin-bottom: 1.5rem;
}

footer section a {
  color: #e9f6ff;
}

footer section a:hover {
  color: white;
}

footer .rightFooter {
  float: right;
  width: 40%;
  padding-left: 5rem;
}

footer .rightFooter span {
  color:#e9f6ff;
  font-size: .75rem;
}

footer .rightFooter input {
  background: #e9f6ff;
  color: #797979;
  border: 1px solid #797979;
  font-size: .65rem;
  margin-top: 1.5rem;
  height: 2rem;
  line-height: 2rem;
  float: right;
  padding: 0 10px;
}

footer .rightFooter input:focus {
  background: #fff;
}

footer .rightFooter input::-webkit-input-placeholder {
  color: #797979;
}

footer .rightFooter input:-moz-placeholder {
  color: #797979;
}

footer .rightFooter input::-moz-placeholder {
  color: #797979;
}

footer .rightFooter input:-ms-input-placeholder {
  color: #797979;
}

footer .rightFooter input[type="text"] {
  border-left: none;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -ms-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -ms-border-bottom-right-radius: 5px;
  -o-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 15rem;
  color: white;
  outline: none;
}

footer .rightFooter input[type="submit"] {
  text-align: center;
  cursor: pointer;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -ms-border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -ms-border-bottom-left-radius: 5px;
  -o-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

footer .rightFooter input[type="submit"]:hover {
  background: #3F3F3F;
  color: white;
}


.parallax {
  background: url(../images/other/pSlide.jpg) 50% 0 no-repeat fixed;
  color: white;
  height: 400px;
  background-size:cover;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.parallax h2 {
  margin-top: 3rem;
  margin-bottom: .2rem;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 1.7rem;
  padding: 1rem .7rem;
  display: inline-block;
}

.parallax h3 {
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 1rem;
  padding: .8rem .5rem;
  display: inline-block;
  margin: 0 0 1.4em 0;
  text-align: right;
}

.parallax div span {
  display: inline-block;
  font-size: 3rem;
  margin-left: 1rem;
}

.parallax .contactBtn {
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid white;
  padding: 1rem 1.7rem;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.parallax .contactBtn:hover {
  background: rgba(255, 255, 255, 0.7);
}


.domainRegistrationPage {
  color: #656565;
  text-align: right;
}

.domainRegistrationPage span:last-child {
  margin-bottom: 1.5rem;
}

.domainRegistrationPage a {
  border: 1px solid #e2e2e2;
  font-size: .8rem;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: .4rem .8rem;
  color: #0661a7;
  margin-top: 1.5rem;
  margin-left: .4rem;
}

.domainRegistrationPage a:hover {
  border: 1px solid #0661a7;
}

.domainRegistrationPage a span {
  display: inline-block;
  position: relative;
  top: 4px;
  margin-left: .4rem;
  font-size: 1.2rem;
  color: #0661a7;
}


.domainTable h3 {
  margin-bottom: 2.8636rem;
}

.domainTable .table {
  display: table;
  margin: auto;
  width: 60%;
  text-align: center;
}

.domainTable .table .row {
  display: table-row;
}

.domainTable .table .row:first-child .cell {
  padding-bottom: .4rem;
  color: #656565;
}

.domainTable .table .row .cell {
  display: table-cell;
  vertical-align: bottom;
  padding-top: 0.4rem;
}

.domainTable .table .row .cell span {
  background-color: #fafafa;
  display: inline-block;
  width: 100%;
  border-bottom: 2px solid #e2e2e2;
  padding: .3rem 0;
  font-size: 1.3rem;
  color: #0067A5;
}

.domainTable .table .row .cell:first-child {
  border-left: 1px solid #e2e2e2;
}

.domainTable .table .row .cell:first-child span {
  border-right: 1px solid #e2e2e2;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.domainTable .table .row .cell:last-child span {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}


.hostingPage {
  color: #656565;
}

.hostingPage .col6 span {
  margin-bottom: 1.5rem;
}

.hostingPage .col6 div span {
  display: inline-block;
  font-size: 2.5rem;
  margin-left: 1rem;
}

.hostingPage ul li {
  line-height: 2.4rem;
  float: right;
  display: inline-block;
  width: 50%;
  position: relative;
  padding-right: 2rem;
}
.hostingPage ul li:after{
  content: "\e61d";
  position: absolute;
  right: 0;
  top: .3rem;
  color: #0067A5;
  font-size: 1.3rem;
  font-family: 'persiantools';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hostingPage .table {
  display: table;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  margin-top: 3rem;
  font-size: 1rem;
  border-collapse: separate;
  border-spacing: 4px 0;
}

.hostingPage .table .row {
  display: table-row;
}

.hostingPage .table .row:first-child .cell {
  color: #0067A5;
  font-size: 2.4rem;
  font-weight: bold;
  font-family: arial;
}

.hostingPage .table .row:first-child .cell {
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
}

.hostingPage .table .row:last-child .cell {
  padding: 1rem 0;
  border-bottom: none;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom: 1px solid #d5d5d5;
}

.hostingPage .table .row:last-child .cell:first-child {
  border-bottom: none;
}

.hostingPage .table .row .cell {
  display: table-cell;
  padding: 2rem 0;
  border-bottom: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  background: #fafafa;
  direction: ltr;
}
.hostingPage .table .row:first-child .cell:first-child{
  font-family: 'IRANSans-web',tahoma;
  font-size: .9rem;
}
.hostingPage .vpsTable .row:first-child .cell{
  color: inherit;
  font-weight: normal;
}
.hostingPage .vpsTable .row .cell:first-child{
  width: 70%;
  text-align: left;
  padding-left: 3rem;
}
.hostingPage .vpsTable .row:first-child .cell{
  font-size: inherit;
}
.hostingPage .vpsTable{
  overflow: hidden;
  border-radius: 15px;
  -webkit-border-radius: 15px;
}
.hostingPage .vpsTable .row .cell{
  padding: 1rem;
}
.hostingPage .vpsTable .row:first-child .cell{
  -moz-border-radius-topleft:0;
  -webkit-border-top-left-radius:0;
  border-top-left-radius:0;
  -moz-border-radius-topright:0;
  -webkit-border-top-right-radius:0;
  border-top-right-radius:0;
}
.hostingPage .vpsTable .row:last-child .cell{
   border-bottom: none;
  -moz-border-radius-bottomleft: 0;
   -webkit-border-bottom-left-radius: 0;
   border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
   -webkit-border-bottom-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom: none;
}
.hostingPage .vpsTable .row .cell:last-child{
  font-weight: bold;
  color: #0067A5;
}
.hostingPage .vpsTable .row .cell{
  border-right: 1px solid #0067A5;
}

.hostingPage .table .row .cell:first-child {
  border-right: none;

  font-size: .9rem;
}
.hostingPage .table .row .cell a {
  display: inline-block;
  color: #0067A5;
  border: 1px solid #bcbcbc;
  padding: .4rem 1.4rem;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.hostingPage .table .row .cell a:hover {
  background: #0067A5;
  color: white;
  border: 1px solid #0067A5;
}
.hostingInfo .col3 {
  text-align: justify;
  padding: 0 1rem;
  width: 100%;
  margin-bottom: 2rem;
}
.hostingInfo .col3 h4 {
  font-size: 1.1rem;
  line-height: 1.5em;

  margin-bottom: .75em;
  border-bottom: 1px solid #d5d5d5;
  text-align: right;
}
.hostingInfo .col3 h4 span {
    display: inline-block;
    border-bottom: 2px solid #0067A5;
    padding-bottom: 1rem;
    margin-bottom: -.06rem;
}
aside {
    float: right;
    width: 263px;
    margin-left: 2rem;
}
aside h2{
  font-size: .9rem;
  background: #f2f2f2;
  color: #7d7d7d;
  height: 35px;
  line-height: 35px;
  text-align: right;
  padding-right: 1rem;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 .5em;
}
aside ul{
  border:2px solid #f2f2f2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: right;
}
aside ul li{
  padding-right: 1rem;
}
aside ul li a{
  font-size: .8rem;
  color: #0266a4;
  line-height: 2.2rem;
}
aside .moreSidebarList li{
  border-bottom: 1px solid #f2f2f2;
  padding-left: 1rem;
}
aside .moreSidebarList li a{
  line-height: 1.7rem;
  display: block;
  padding: .5rem 0;
}
aside .moreSidebarList li:last-child{
  border-bottom: none;
}
.portfolioSidebar{
  text-align: right;
  margin-top: -13.46rem;
  color: #585858;
  position: relative;
}
.portfolioSidebar h1{
  position: absolute;
  background: rgba(0,0,0,.7);
  color: white;
  padding: 1rem;
  top: 5rem;
  right: 18.5rem;
  font-size: 1.6rem;
  white-space: nowrap;
}

.portfolioSidebar span[class^="icon-"] {
    display: inline-block;
    margin-left: .5rem;
    color: #0067A5;
    font-size: 1.2rem;
    position: relative;
    top: .2rem;
}
.portfolioSidebar .title{
  color: #0067A5;
  display: inline-block;
}
.portfolioSidebar .attachment-small-thumbnail{
  margin-bottom: 1rem;
  border: 1px solid #EAEAEA;
}
.portfolioSidebar section{
  border-bottom: 1px solid #eaeaea;
  padding: 1.5rem 0;
}
.portfolioSidebar section .half{
  float: right;
  width: 50%;
}
.PortfolioLeft {
  float: right;
  margin-top: 0 !important;
  width: -moz-calc(100% - 295px);
  width: -webkit-calc(100% - 295px);
  width: -o-calc(100% - 295px);
  width: calc(100% - 295px);
}
.PortfolioLeft div{
  margin-top: 0;
  text-align:right;
}
.PortfolioLeft h2{
  font-size: 1.4rem;
  text-align: right;
  margin: 1.8rem 0;
}
.PortfolioLeft div article:nth-child(4n+4){
  margin-left: 2.14rem;
}
.PortfolioLeft div article:nth-child(3n+3){
  margin-left: 0;
}
.gallerySidebar {
    margin-top: 1.5rem !important;
}
.breadcrumbs{
  text-align: right;
  border-bottom: 1px solid #eaeaea;
  color: #acacac;
  font-size: .8rem;
  height: 3rem;
  line-height: 3rem;
  margin-bottom: 2rem;
}
.breadcrumbs a{
  color: #0067a5;
  position: relative;
  margin-left: 1.4rem;
  display: inline-block;
}
.breadcrumbs span.icon-house158 {
    font-size: 1.7rem;
    top: .2rem;
    position: relative;
}
.breadcrumbs span span{
  display: inline-block;
}
.breadcrumbs span span a{
  position: relative;
}
.breadcrumbs span span a:after {
    content: "\e61f";
    position: absolute;
    left: -1.4rem;
    color: #ACACAC;
    top: .8rem;
    font-size: 1.2rem;
    font-family: 'persiantools';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.breadcrumb_last:after{
  content: "" !important;
}
.wp-pagenavi a, .wp-pagenavi span{
  text-decoration: none;
  border: 1px solid #0067A5;
  border-left: none;
  padding: 3px 5px;
  margin: 2px;
  padding: .4rem .7rem;
  color: #0067A5;
  margin: 0;
  display: inline-block;
}
span.pages {
    display: none;
}
span.current {
    background-color: #0067A5;
    color: white;
}
a.nextpostslink{
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -ms-border-bottom-left-radius: 5px;
  -o-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;3
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -ms-border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  border-left:1px solid;
}
a.previouspostslink{
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -ms-border-bottom-right-radius: 5px;
  -o-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;3
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -ms-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.errorBox {
    background-color: #F2F2F2;
    border: 1px solid #F2F2F2;
    padding: 1rem;
}
.featureBox{
  float: right;
  width: 100%;
  margin-top: 2rem !important;
  padding-top: 2rem;
  border-top: 1px solid #eaeaea;
  color: #585858;
}
.featureBoxRight{
  float: right;
  width: 20%;
  color: #0067A5;
}
.featureBox ul{
  float: right;
  width: 80%;
}
.featureBox ul li{
  line-height: 2.2rem;
  position: relative;
  padding-right: 1.5rem;
  width: 50%;
  float: right;
}
.featureBox ul li:after{
  content: "\e61d";
  color: #0067A5;
  right: 0;
  top: 8px;
  position: absolute;
  font-family: 'persiantools';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.featureBox span[class^="icon-"] {
    display: inline-block;
    margin-left: .5rem;
    color: #0067A5;
    font-size: 1.2rem;
    position: relative;
    top: .2rem;
}
#gallery-1 .gallery-item{
  float: right !important;
  height: 4.8rem;
  width: 33%;
  height: 5.4rem;
}
#gallery-1 img {
    border: 1px solid #cfcfcf !important;
    width: 96%;
}
.customer{
  text-align: center;
}
.customerBox{
  display: inline-block;
}
.customerBox img{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.customerBox:hover img{
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.paging {
    margin-bottom: 5rem;
}
.notAvailble {
    background: #B75C5C;
    width: 40.9rem;
    margin-top: 6rem;
    color: white;
    position: relative;
    top: 1rem;
    min-height: 3rem;
    line-height: 3rem;
    display: block;
    margin: auto;
    border-radius: 5px;
    margin-bottom: 1rem;
}

.loader {
   background: rgba(0, 0, 0, 0.5);
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 999999;
   position: fixed;
   /*-moz-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
   -o-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
   -webkit-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
   transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);*/
}
.loading{
   list-style: none;
   margin: 0;
   padding: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   font-size: 0;
}
.loading li {
   height: 0;
   position: absolute;
   top: 50%;
   left: 0;
   width: 0;
   margin: 0;
   margin-left: 1rem;
   height: 1.2rem;
   width: 1.2rem;
   border: 3px solid #0067A5;
   border-radius: 100%;
   -webkit-transform: transformZ(0);
   transform: transformZ(0);
   -webkit-animation: LOADING 2s infinite;
   animation: LOADING 2s infinite;
}
.loading li:nth-child(1n) {
   left: -1.5rem;
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
}
.loading li:nth-child(2n) {
   left: 0;
   -webkit-animation-delay: 0.2s;
   animation-delay: 0.2s;
}
.loading li:nth-child(3n) {
   left: 1.5rem;
   -webkit-animation-delay: 0.4s;
   animation-delay: 0.4s;
}

@-webkit-keyframes LOADING {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    background: #0067A5;
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background: white;
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    background: #0067A5;
  }
}

@keyframes LOADING {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    background: #0067A5;
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background: white;
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    background: #0067A5;
  }
}
.orderLayer{
   background: rgba(0, 0, 0, 0.5);
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 999999;
   position: fixed;
   opacity: 0;
   visibility: hidden;
   -moz-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
   -o-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
   -webkit-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
   transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
}
.orderLayer .orderLayerInnerBox {
   width: 1170px;
   margin: auto;
   margin-top: 20vh;
   -moz-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 10px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 10px;
   box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 10px;
   -webkit-transform: scale3d(0.85, 0.85, 0.85);
   transform: scale3d(0.85, 0.85, 0.85);
   -moz-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
   -o-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
   -webkit-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
   transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
   padding-bottom: 3.75rem;
   background: #F2F2F2;
}
.showOverlay .orderLayerInnerBox{
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
}
.overLay {
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 999999;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
  -o-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
  -webkit-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
  transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
}
.showOverlay {
  opacity: 1;
  visibility: visible;
}
.showOverlay .overlayInnerBox {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.showOverlay .mCSB_1_container {
  margin: 0 !important;
}
.showOverlay .overlayLoginInnerBox {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.overlayLoginInnerBox {
  position: absolute;
  top: 25%;
  background-color: white;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  left: 0;
  padding: 40px 20px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 10px;
  -webkit-transform: scale3d(0.85, 0.85, 0.85);
  transform: scale3d(0.85, 0.85, 0.85);
  -moz-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
  -o-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
  -webkit-transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
  transition: all 0.9s cubic-bezier(0.32, 0.28, 0, 1.34);
}
.overlayLoginInnerBox span {
  display: block;
  width: 100%;
  padding: 2px 23px;
  font-size: 11px;
  color: #8b8b8b;
}
.overlayLoginInnerBox span a {
  color: #8b8b8b;
}
.overlayLoginInnerBox span input[type="text"], .overlayLoginInnerBox span input[type="password"] {
  width: 170px;
  height: 30px;
  margin-bottom: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  padding: 2px 7px;
  font-size: 12px;
}
.overlayLoginInnerBox span input[type="submit"] {
  width: 170px;
  height: 30px;
  margin-bottom: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #a61113;
  color: white;
  border: none;
  cursor: pointer;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 12px;
}
.overlayLoginInnerBox span input[type="submit"]:hover {
  background: #8E0E10;
}
.overlayLoginInnerBox .loginInnerCenterBlock {
  margin: auto;
  width: 170px;
  padding: 0;
}
.overlayLoginInnerBox span input[type="checkbox"] {
  margin-left: 7px;
}
.overlayLoginInnerBox span i.fa.fa-unlock-alt {
  margin-left: 7px;
}
.overlayLoginInnerBox .icon-times, .orderLayerInnerBox .icon-times {
  position: absolute;
  top: 0;
  right: 0;
  background: #EFEFEF;
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  color: #c20000;
  padding: 0;
}
.overlayLoginInnerBox .icon-times:hover ,.orderLayerInnerBox .icon-times:hover{
  background: #0B091C;
  color: white;
}
.newAlertMessages {
    text-align: center;
}
.contactNumbers{
  text-align: center;
  margin-bottom: 2rem;
}
.contactNumbers .contactPhone {
  text-align: left;
  margin-bottom: .4rem;
  width: 200px;
  position:relative;
  background-color: #fafafa;
  display: inline-block;
  border-bottom: 2px solid #e2e2e2;
  padding: .3rem .6rem .3rem 2.5rem;
  font-size: 1.3rem;
  color: #0067A5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-left: 1rem;
}
.contactNumbers .contactPhone:last-child{
  margin-left: 0;
}
.contactNumbers .contactPhone i{
  font-size: 1.3rem;
  margin-right: .5rem;
  position: absolute;
  top: .4rem;
  left: .6rem;
}
.contactForm{
  margin-top: 2rem;
}
.contactForm .contactItem{
  height: 2.8125rem;
  line-height: 2.8125rem;
  margin-bottom: .5rem;
}
.contactForm .contactItem label {
  float: right;
  min-width:10rem;
  display: inline-block;
}
.contactForm .contactItem span{
  float: right;
  position: relative;
  display: inline-block;
}
.contactForm .contactItem span img#captchaImage {
    position: absolute;
    left: 14px;
    top: 3px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.contactForm .contactItem input , .contactForm .contactItem select{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #bebebe;
  outline: none;
  height: 2.6125rem;
  padding: 0 1rem;
  font-size: .9rem;
  width: 23.5rem;
}
.contactForm .contactItem textarea{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #bebebe;
  width: 35rem;
  padding:1rem;
  font-size: .9rem;
  height: 10rem;
  margin-bottom: .5rem;
  outline: none;
}
.contactForm .contactItem input[type="submit"]{
  cursor: pointer;
  background: #0067A5;
  color: white;
  border: none;
}
input.captchaInput {
    padding-left: 7rem !important;
}
.cmfcValidationV1ErrorMessageBoard {
    color: #F75B0E;
}
.onlinePayForm{
  margin-top: 2rem;
}
.onlinePayForm label {
  float: right;
  min-width:10rem;
  display: inline-block;
}
.radioLabel{
  float: none !important;
  min-width: 0 !important;
}
.onlinePayForm span{
  float: right;
  position: relative;
  display: inline-block;
}
.onlinePayForm span img#captchaImage {
    position: absolute;
    left: 14px;
    top: 3px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.onlinePayForm input:not([type="radio"]) , .onlinePayForm select{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #bebebe;
  outline: none;
  height: 2.6125rem;
  padding: 0 1rem;
  font-size: .9rem;
  width: 23.5rem;
}
.onlinePayForm textarea{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #bebebe;
  width: 35rem;
  padding:1rem;
  font-size: .9rem;
  height: 10rem;
  margin-bottom: .5rem;
}
.onlinePayForm input[type="submit"]{
  cursor: pointer;
  background: #0067A5;
  color: white;
  border: none;
}
.ok ,.err{
    color: #005800;
    text-align: center;
    background: #F1FFF1;
    padding: 2rem;
    font-weight: bold;
    border: 1px solid #E2E2E2;
    border-bottom: 3px solid #E2E2E2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.err, .errorBox{
  color: red;
  background: #FFECEC;
  text-align: center;
}
.messageBox {
    text-align: center;
    margin-top: 7rem;
}
.messageBox a{
  background: #0067A5;
  color: white;
  border: none;
  padding: .4rem 1rem;
  cursor: pointer;
  margin-top: 1rem;
  display: inline-block;
}
/*basket New*/
.basketRow1Left{
  float: left;
  width: 47%;
  color: #6a6a6a;
  margin-right: 3%;
}
.basketRow1Right{
  float: right;
  width: 50%;
  padding-left: .5rem;
  padding: 1rem;
  background: #FAFAFA;
  border-radius: 5px;
}
.basketRow1Right input:not([type="checkbox"]){
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #bebebe;
  outline: none;
  height: 2rem;
  padding: 0 1rem;
  font-size: .9rem;
  width: 16rem;
}
.basketRow1Right table td{
  padding:.2rem .1rem;
}
table.terms {
    margin-top: 1rem;
}
.addItemBtn {
    cursor: pointer;
    background: #0067A5;
    display: block;
    border-radius: 5px;
    padding: .9rem 4rem;
    width: 60%;
    color: white;
    margin: 4rem auto 0 auto;
    position: relative;
}
.addItemBtn span{
  display: inline-block;
  float: right;
  font-size: 1.8rem;
  right: 8px;
  position: absolute;
  background: #0D78B7;
  top: 4px;
  width: 3rem;
  text-align: center;
  line-height: 3rem;
  height: 3rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-left: .4rem;
}
.addItemBtn .icon-times{
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.addItemBtn .icon-angle-up{
  line-height: 2.6rem;
}
.addItemBtnActive.addItemBtn span{
  background: #848484;
}
#myAjaxLiContent_pContainer, #myAjaxLiContent_plansContainer{
  z-index: 9999;
}
span#plansContainer {
    display: inline-block;
}
.addItemBtn.addItemBtnActive {
    background: #6D6D6D;
}
input#addToBasket {
    background: #0067A5;
    color: white;
    border: none;
    padding: .4rem 1rem;
    cursor: pointer;
}
input#addToBasket:hover{
  background: #00446D;
}
.terms a{
  color: #0067A5;
  font-size: .8rem;
}
.basketInputSubmit,.basketInputSubmitReset {
    background: #61AB00;
    border: none;
    color: #fff;
    padding: .7rem 3rem;
    font-size: 1rem;
    cursor: pointer;
    margin-top: 3rem;
}
.basketInputSubmit:hover{
  background: #4F8A01;
}
.basketInputSubmit{
  margin-left: 1rem;
}
.basketInputSubmitReset {
    background: #863737;
}
.basketInputSubmitReset:hover{
  background: #692222;
}
table.basketInfo{
  margin: auto;
}
.popup {
  background: #FAFAFA;
  overflow-x: hidden;
  direction: rtl;
}
.popup .page{
  width: 90%;
  font-size: .8rem;
  margin: auto;
}
.popup strong{
  font-weight: bold;
  border-radius: 5px;
  padding: 2px 4px;
}

.popup u{
  text-decoration: none;
  font-size: 1.1rem;
  position: relative;
}

.popup .breadcrumb {
  display: none;
}
.popup h1{
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 2rem;
  background: #0067A5;
  color: white;
  height: 4rem;
  line-height: 4rem;
  padding: 0 1rem;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -ms-border-bottom-left-radius: 5px;
  -o-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -ms-border-bottom-right-radius: 5px;
  -o-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
select.dateTimeDropDownDay {
    width: 105px;
    text-align: center;
}
select.dateTimeDropDownMonth {
    width: 160px;
    text-align: center;
}
select.dateTimeDropDownYear {
    width: 100px;
    text-align: center;
}
.contactViewTitle{
  background: #0067A5;
  color: white;
  padding: .7rem 1rem;
  font-size: 1rem;
  margin-bottom: 2rem;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  border-bottom: 3px solid #00314E;
}
.contact_view_header .right, .contact_view_header .left{
  float: right;
  width:50%;
}
.contactViewBoxUser {
    border-bottom: 3px solid #A0A0A0;
    background: #FAFAFA;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.contactViewBoxStaff {
    margin-bottom: 1rem;
    background: #F1FAFF;
    padding: 1rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-bottom: 3px solid #0067A5;
}
.contact_view_header {
    background: rgba(255, 255, 255, 0.47);
    padding: .5rem;
    margin-bottom: 1rem;
    font-size: .8rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
table.contact_view_box {
    width: 100%;
}
table.contact_view_box textarea{
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-top: 1rem;
  padding: 1rem;
  height: 10rem;
}
.contactViewBtn {
    background: #61AB00;
    border: none;
    color: #fff;
    padding: .7rem 3rem;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    float: right;
}
.contactViewBtn:hover{
  background:#498000;
}
td#contact_view_header_member {
    margin-top: 3rem;
    display: block;
}
.contact_view_header .right b{
  font-weight: bold;
}
.contact_view_header .left{
  color: #929292;
  text-align: right;
}
.basket {width: 1170px !important; margin: 0 auto; border: 1px solid #797149; margin-top: 2rem;}
.basket select{ border:1px solid #bebebe; padding:2px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.basket td{ padding:8px 3px; border:1px solid #FFF; text-align:center;}
.basket th{ padding:17px 8px; border:1px solid #FFF; background:#0067A5; color:#FFF; text-align:center;}
.basket .icon-times{color: #F75B0E;font-size: 18px;}
.color1 td{ background:#fafafa;}
.color2 td{ border-bottom: 1px solid #FAFAFA;}
.selectHost{ margin:0 auto;}
.selectHost td{ border:0;}
td.basketSum{font-size: 1rem; background: #61AB00; color: #FFF;}

.addItemToBasket{width: 1170px; margin: 0 auto; margin-top: 2rem;}
.addItemToBasket th{ padding:17px 8px; border:1px solid #FFF; background:#0067A5; color:#FFF; text-align:center;}
.addItemToBasket td{padding:8px 3px; border:1px solid #FFF;background:#fafafa; text-align:center;}
.addItemToBasket select{ border:1px solid #bebebe; padding:2px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.addItemToBasket input{ border:1px solid #bebebe; padding:2px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.addItemToBasket input[type="submit"]{background: #0067A5; color: white;cursor: pointer;border:none;}
.onlinePay{ margin:0 auto; padding:30px 0 0 0;}
.onlinePayBankImg{width:100px; float:left;}
.onlinePayForm{ }
.onlinePayTable td{ padding:3px;text-align: right;}
.onlinePayTable input{padding: 0 1rem;}
.onlinePayTable select{ padding:2px;}
.onlinePayTable textare{ border:1px solid #777; padding:2px;}
.onlinePayTable .text{ width:110px; text-align:right;}

.checkDomainInHostingPageWithAjax{ margin:0 auto;}
.checkDomainInHostingPageWithAjax td{ border:0;}
#newdomainorder #domains_availablity{ padding:3px; direction:rtl;}

.moreStyle li{
    margin-bottom: 10px;
    position: relative;
    padding-left: 10px;
    padding-right: 20px;
}
.moreStyle li:after{
  content: "\e61d";
  position: absolute;
  color: #0067a5;
  right: 0;
  top: 4px;
  font-family: 'persiantools' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.width100{
  width: 100% !important;
}






/* New 1024px */


@media screen and (max-width: 1024px) {


    .slideshow .sliderBtn{
        bottom: inherit;
        top: 10%;
    }
    #main-slideshow{
        max-height: 350px !important;
        height: 350px !important;
    }
    .slideshow img{
        width: 100%;
        height: 350px;
    }




    .wrap {
        width: 90%;
    }


    .services ul li {
      width: 50%;
      margin-bottom: 2rem;
    }
    .webHosting ul {
      text-align: center;
    }
    .webHosting ul li {
      width: 49%;
      margin-left: 0;
      display: inline-block;
      float: none;
      margin-bottom: 1rem;

    }
    .webHosting ul li:nth-child(2n+2) {
      margin-left: 0;
    }
    /*footer section {
      width: 100%;
      text-align: center;
      margin-top: 2rem;
    }*/
    footer section h2 {
      text-align: center;
    }
    /*footer .rightFooter {
      width: 100%;
      padding-left: 0;
    }*/
    /*.rightFooter > form {
      display: inline-block;
    }*/
    .col6 {
      width: 100%;
      text-align: center;
      margin-bottom: 2rem;
    }
    .btn {
      margin-bottom: 1.5rem;
    }
    .col3 {
      text-align: center;
      width: 100%;
    }
    .col9 {
      width: 100%;
    }
    .customer .autoslideshow {
      max-width: 100%;
    }
    footer .col6 {
      margin-top: 2rem;
    }
    header .topBar .right li:last-child {
      margin-left: 0;
    }
    header .topBar .left li:first-child {
      margin-right: 0;
    }
    footer .col6 div a:last-child {
      margin-left: 0;
    }
    .solution .solutionBox {
      width: 100%;
      margin-bottom: 1rem;
      text-align: right;
    }
    .webHosting .description {
      width: 100%;
    }
    .domainTable .table {
      margin-bottom: 3rem;
    }
    .hostingPage .table .row .cell {
      padding: 2rem 1rem;
    }


}







@media screen and (max-width: 1023px) {
  .headerFixed .mainHead{
    z-index: 99999;

  }
  body{
   padding: 0;
  }
  .wrap {
    width: 90%;
  }
  header{
   position: static;
  }
  .mainHead nav ul {
    display: none;
  }
  .services ul li {
    width: 50%;
    margin-bottom: 2rem;
  }
  .webHosting ul {
    text-align: center;
  }
  .webHosting ul li {
    width: 49%;
    margin-left: 0;
    display: inline-block;
    float: none;
    margin-bottom: 1rem;

  }
  .webHosting ul li:nth-child(2n+2) {
    margin-left: 0;
  }
  footer section {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
  }
  footer section h2 {
    text-align: center;
  }
  footer .rightFooter {
    width: 100%;
    padding-left: 0;
  }
  .rightFooter > form {
    display: inline-block;
  }
  .col6 {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
  }
  .btn {
    margin-bottom: 1.5rem;
  }
  .col3 {
    text-align: center;
    width: 100%;
  }
  .col9 {
    width: 100%;
  }
  .customer .autoslideshow {
    max-width: 100%;
  }
  footer .col6 {
    margin-top: 2rem;
  }
  header .topBar .right li:last-child {
    margin-left: 0;
  }
  header .topBar .left li:first-child {
    margin-right: 0;
  }
  footer .col6 div a:last-child {
    margin-left: 0;
  }
  .solution .solutionBox {
    width: 100%;
    margin-bottom: 1rem;
    text-align: right;
  }
  .webHosting .description {
    width: 100%;
  }
  .domainTable .table {
    margin-bottom: 3rem;
  }
  .hostingPage .table .row .cell {
    padding: 2rem 1rem;
  }





  .resNav {
    display: block;
  }
  .mainHead nav ul {
    display: none;
    background: #0067A5;
    position: absolute;
    top: 3rem;
    width: 100%;
    z-index: 9999;
    display: block;
  }
  header .mainHead ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    display: block;
    width: 100%;
    line-height: 3rem;
  }
  header .mainHead ul li li {
    border-bottom: none;
  }
  header .mainHead ul li .megaMenu {
    display: none;
    position: static;
    width: 100%;
    border-top: none;
    visibility: visible;
    opacity: 1;
    transition:all 0s ease 0s;
    -webkit-transition:all 0s ease 0s;
    -moz-transition:all 0s ease 0s;
  }
  header .mainHead ul li .megaMenu li {
    width: 100%;
  }
  .mainHead nav > ul {
    position: absolute;
    width: 100%;
    display: none;
  }
  .mainHead nav ul ul {
    position: static;
    background: transparent;
    display: block;
  }
  header .mainHead ul li .megaMenu li {
    padding: 1rem;
  }
  header .mainHead ul li:hover .megaMenu {
    display: none;
  }
  header .mainHead ul li{
    margin-right: 0;
  }
  header{
    height: 3rem;
  }


  .resScroll{
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
  .resNone{
    display: none !important;
  }
  header .mainHead{
    background: #0067A5;
  }
  header .mainHead ul li:hover .megaMenu{
    height: 450px;
    overflow-y: auto;
  }
  header .mainHead ul li a:hover{
    background: transparent;
  }
  .headerFixed .mainHead li{
    line-height: 3rem;
  }
  .resNav{
    padding-top: 2.3rem;
  }

}












@media screen and (max-width: 980px) {
  .solution .supportBox {
    width: 100%;
    margin-left: 0;
    margin-bottom: 1rem;
  }

  /*new*/
  .screenshot {
    display: none;
  }
  .resCenter{
    text-align: center !important;
  }
}
@media screen and (max-width: 900px) {
  .slideshow {
    display: none;
  }
  .parallax {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .tableWrap {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .hostingPage .table {
    width: 844px;
    margin-bottom: 3rem;
  }
  .hostingPage ul li{
    width: 100%;
  }
  /*new*/
  .contactNumbers .contactPhone{
    margin-bottom: 1rem;
  }
  .contactNumbers .contactPhone:last-child{
    margin-left: 1rem;
  }
  #gallery-1 .gallery-item{
    height: auto;
  }
  .portfolio div article{
    float: none;
  }
  aside{
    width: 100%;
  }
  .PortfolioLeft{
    width: 100%;
  }
  .portfolioSidebar h1{
    position: static;
    margin-bottom: 2rem;
  }
  .portfolioSidebar .icon-link{
    display: none;
  }
  .icon-link::before{
    display: none;content: "";
  }
  .portfolioSiteLink{
    display: block;
  }
  .resCenter{
    text-align: center;
  }
  .portfolioSidebar section .half{
    width: 23%;
  }
  .portfolioSidebar{
    margin-top: -20rem;
  }
  .portfolioSidebar h1{
    white-space: normal;
    line-height: 1.5em;
  }
  .breadcrumbs{
    height: auto;
  }

}
@media screen and (max-width: 768px) {
  .wrap {
    width: 94%;
  }
  footer {
    padding: 1rem 0;
  }
  .sslBox{
   width: 100%;
  }
  /*new*/

  .basketRow1Left, .basketRow1Right{
    width: 100%;
  }
  .basketRow1Left{
    margin-bottom: 1rem;
    text-align: center;
  }
  .onlinePayForm textarea{
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  body{
    overflow-x: hidden;
  }
  .services ul li {
    width: 100%;
  }
  .col12 ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
  .domainRegistration form input[type="text"] {
    margin-bottom: 1rem;
    width: 80%;
  }
  .webHosting ul li {
    width: 100%;
  }
  .domainRegistrationPage a {
    white-space: nowrap;
  }
  .domainTable .table {
    width: 80%;
  }
  header .mainHead .logo {
    text-align: left;
  }
  header .mainHead .logo img {
    width: 80%;
    padding-top: .4rem;
  }
/*  header .topBar {
    height: 4rem;
  }*/
  header .topBar .right {
    width: 58%;
  }
  header .topBar .left {
    width: 42%;
  }
  .tableWrap{
   direction: ltr;
  }
  .hostingPage .vpsTable{
   direction: rtl;
  }
  /*new*/
  .contact_view_header .right, .contact_view_header .left{
    width: 100%;
  }
  .contact_view_email{
    display: none;
  }
  .contactForm .contactItem span{
    width: 100%;
  }
  .contactForm .contactItem input, .contactForm .contactItem select{
    width: 100%;
  }
  .contactForm .contactItem textarea{
    width: 100%;
  }
  .contactForm .contactItem span img#captchaImage{
    left: 0;
    top: 2px;
  }
  .basketRow1Right input:not([type="checkbox"]){
    width: 11rem;
  }
  .basketRow1Left{
    display: none;
  }
  .basketInputSubmit{
    margin-left: 0;
  }
  .basketInputSubmit, .basketInputSubmitReset{
    margin-top: 2rem;
    border-radius: 5px;
  }
  .addItemBtn span{
    display: none;
  }
  .portfolioSidebar section .half {
    width: 50%;
  }
  .featureBoxRight{
    width: 100%;
  }
  .featureBox ul li{
    width: 100%;
  }
  .portfolio div article{
    margin-left: 0;
  }
  .sideNavCatTrigger{
    cursor: pointer;
  }
  .sideNavCat{
    display: none;
  }
  .PortfolioLeft div article:nth-child(4n+4){
    margin-left: 0;
  }
  .addItemBtn{
    padding-right: 0;
    width: 100%;
  }
  header .mainHead{
    height: 3rem;
    line-height: 3rem;
  }
  header .mainHead .logo{
    margin-top: .15rem;
    width: 200px;
  }
  .headerFixed .logo{
    margin-top: .15rem !important;
    width: 200px !important;
    height: 3rem !important;
    line-height: 3rem !important;
  }
  .headerFixed .mainHead{
    height: 3rem;
    line-height: 3rem;
  }
  .resNav{
    padding-top: 1.3rem;
  }

}
@media screen and (max-width: 600px) {
  .domainRegistration form input[type="text"] {
    width: 65%;
  }
  .domainRegistration form input[type="submit"] {
    width: 320px;
  }
}
@media screen and (max-width: 480px) {
  .solution .solutionBox {
    height: auto;
  }
  .solution .solutionBox .solutionImage {
    display: none;
  }
  .solution .solutionBox .solutionContent {
    width: 100%;
  }
 /*  header .mainHead .logo {
    width: 250px;
  } */
  header .mainHead ul li .megaMenu li ul li:last-child a {
    margin-bottom: .4rem;
    width: 100%;
  }
  .basketRow1Right input:not([type="checkbox"]){
    width: 10rem;
  }
}
@media screen and (max-width: 360px) {
  .wrap {
    width: 90%;
  }
}
@media screen and (max-width: 320px) {
  footer .rightFooter input[type="text"] {
    width: 12rem;
  }
  .domainRegistration form input[type="submit"] {
    width: 290px;
  }
 /*  header .mainHead .logo {
    width: 210px;
  } */
  header .topBar {
      height: 4rem;
  }
  header .topBar .right {
    width: 100%;
    text-align: center;
  }
  header .topBar .left {
    width: 100%;
    text-align: center;
  }
}



/* Edit */


.agencyServicesUl li{
    width: 33.33% !important;
    margin-bottom: 50px;
}

.agencyCustomersSection{
    background: #f2f2f2;
}

.agencyWrap .bottomMargin{
    margin-bottom: 80px !important;
}

.agencyFeaturesList{
    width: 100%;
    overflow: hidden;
    margin-top: 100px;
}

.agencyFeatures li{
  line-height: 2.2rem;
  position: relative;
  padding-right: 1.5rem;
  width: 50%;
  float: right;
}


.featureTicks{
    width: 50%;
    margin: 0px auto;
}
.featureTicks li{
    width: 33.33%;
    float: right;
    padding: 10px 25px 10px 0px;
    position: relative;
    text-align: right;
}
.featureTicks li:after{
  content: "\e61d";
  color: #0067A5;
  right: 0;
  top: 12px;
  position: absolute;
  font-family: 'persiantools';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}







/* ----------------------------------------- EDIT */

.vpsWrap div.tableWrap{
    width: 45%;
    float: left;
    margin-top: 50px;
}
.vpsWrap div.tableWrap:last-child{
    margin-left: 10%;
}
.vpsWrap h3.vpsTableTitle{
    color: #0067a5;
    font-weight: bold;
    text-align: center;
    margin-left: 15px;
    font-size: 1.3rem;
}
.vpsWrap a.vpsOrderLink{
    display: block;
    width: 80px;
    text-align: center;
    margin: 30px auto 0px auto;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
}
.vpsWrap a.vpsOrderLink:hover{
    background: #0067a5;
    color: white;
}





.footerLicenseItem{
    width: auto;
    height: auto;
    overflow: hidden;
    float: left;
    background: white;
    border-radius: 10px;
    padding: 5px;
    line-height: 0px;
    margin-right: 10px;	
}
.footerLicenseItem img{
    height: 80px;
    width: auto;
}
.footerLicenseItem:first-child{
    margin-right: 10px;
}



.featureBox ul li{
    cursor: help;
    position: relative;
}
.featureBox ul li div.thisDesc{
    position: absolute;
    background: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 0.8em;
    font-weight: normal;
    text-align: justify;
    line-height: 1.8em;
    display: none;
    bottom: 100%;
}
.featureBox ul li:hover{

}
.featureBox ul li:hover div.thisDesc{
    display: block;
    z-index: 1000;
}


strong.boldTitle{
    font-size: 1.3em;
    margin-bottom: 20px;
    display: inline-block;
}


.faqPage h1{
    color: #0067a5;
    font-size: 1.6rem;
    line-height: 1.5em;
    margin: 0 0 1em;
    text-align: center;
}

.faqList h2{
    background: #0067a5;
    color: white;
    text-align: right;
    font-size: 1.3em;
    margin-top: 50px;
    margin-bottom: 40px;
    display: inline-block;
    padding: 8px 10px;
}

.faqList strong{
    color: #0067a5;
}

.faqList p{
    color: #444;
    line-height: 2em;
    padding-right: 20px;
}



.PortfolioLeft p{
    text-align: justify;
}





/* ----------------------------------------- FooterFeeds */
.footerFeeds{
    position: relative;
    height: auto;
    overflow: hidden;
}
.footerFeeds .widgettitle{
    display: none;
}
.footerFeeds h3{
    margin-bottom: 70px;
}
.footerFeeds::after{
    content: '';
    width: 40%;
    height: 2px;
    background: #ebebeb;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: 0px auto;
}
.footerFeeds .wrap .thisMainUl{
    width: 100%;
    position: relative;
}
.footerFeeds .wrap .thisMainUl .mainLi{
    float: right;
    width: 22%;
    min-height: 27rem;
    text-align: center;
    margin-left: 2.65%;
    background: #fafafa;
    color: #707070;
    border-right: 1px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    font-size: .8rem;
    line-height: 1.6rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    position: relative;
}
.footerFeeds .thisMainUl .mainLi h4{
    font-size: 1.05rem;
    line-height: 1.3636rem;
    margin: 25px 0 0.6818rem;
}
.footerFeeds .thisMainUl .mainLi h4 a{
    color: #0067A5;
}
.footerFeeds .thisMainUl .mainLi ul{
    width: 100%;
    text-align: right;
    padding: 5px;
}

.footerFeeds .thisMainUl .mainLi dl{
    width: 100%;
    text-align: right;
    padding: 5px;
}

.footerFeeds .thisMainUl .mainLi dl dt{
    width: 100%;
    text-align: right;
    padding: 5px;
}
.footerFeeds .thisMainUl .mainLi dl dd{
    width: 100%;
    text-align: right;
    padding: 5px;
	border-bottom: 1px solid #d2d2d2;
}

.footerFeeds .thisMainUl .mainLi dl dd img{
	float:left;
}

.footerFeeds a.rsswidget{
    position: relative;
    margin-right: 15px;
    display: block;
    margin-bottom: 10px;
    color: #555;
}
.footerFeeds a.rsswidget:hover{
    color: #0067A5;
}
.footerFeeds a.rsswidget::before{
	content: '●';
    display: block;
    float: right;
    padding: 0 5px;
	position: absolute;
	top: 1px;
	right: -17px;
	color: gray;
}





/* Help List*/
.newHelpListMain{
    width: 100%;
    overflow: hidden;
    margin-top: 50px !important;
}
.newHelpListMain article{
    float: right;
    width: 45%;
    min-height: 160px;
    overflow: hidden;
    margin-bottom: 5%;
    margin-left: 0px !important;
    border-bottom: 1px solid #eee;
}
.newHelpListMain article:nth-child(odd){
    float: right;
}
.newHelpListMain article:nth-child(even){
    float: left;
}
.newHelpListMain article h4{
    margin-bottom: 10px;
}
.newHelpListMain article h4 a{
    height: inherit;
    width: inherit;
    text-align: right;
    color: #0067A5;
    font-size: 1.1em;
}
.newHelpListMain article .thisText{
    float: left;
    width: 70%;
    margin-right: 5%;
}
.newHelpListMain article figure{
    float: right;
    width: 25%;
    text-align: center;
}
.newHelpListMain article figure img{
    width: 100%;
    height: auto;
}





@media screen and (max-width:980px){

    .badgeLogo{
        text-align: center;
    }

    .footerLicenseItem{
        display: inline-block;
        float: none !important;
    }


    /* FooterFeeds */
    .footerFeeds .wrap .thisMainUl .mainLi{
        width: 45%;
        margin: 0px 0px 30px 0px;
    }
    .footerFeeds .wrap .thisMainUl .mainLi:nth-child(odd){
        margin-left: 10%;
    }


}



@media screen and (max-width:425px){

    /* FooterFeeds */
    .footerFeeds .wrap .thisMainUl .mainLi{
        width: 100%;
        margin: 0px 0px 30px 0px;
    }



    /* Help */
    .newHelpListMain article{
        width: 100%;
    }
    .newHelpListMain article figure{
        width: 100%;
    }
    .newHelpListMain article .thisText{
        width: 100%;
    }




}



.ptContent a {
  color: #0067a5;
  text-decoration: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ptContent a:hover {
  color: red;
}



/**/