@charset "UTF-8";

@import url('/themes/default/fonts/iranyekan/css/fontiran.css');

@import url('/themes/default/fonts/landika-icon-font.css?ver=2');

@import url('/themes/insurance/css/normalize.css');

body{
  font: normal 12px 'iranyekan', sans-serif;
  color: #212121;
  background: linear-gradient(to top right, #6FC2D0 -50%, #373A6D 100%);
  background-repeat: no-repeat;
  min-height: calc(100vh - 70px);
  line-height: 1.7;
}
*,::after,*::before{
  box-sizing: border-box;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}
.center {
  width: 96%;
  margin: 0 auto;
  max-width: 1300px;
  direction: rtl;
}
.headerWrapper {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  transition: all .3s ease;
  z-index: 100;
}
#MainContent {
  min-height: calc(100vh - 140px);
}
.bodyWrapper {
  margin-top: 70px;
}
.logoWrapper {
  height: 32px;
  width: 100%;
  background: url(/themes/insurance/images/Logo-white.svg) no-repeat 100%;
  background-size: auto 100%;
  margin-bottom: 5px;
}
.logoWrapper a{
  width: 100%;
  height: 100%;
  display:block;
}
.search-div{
  text-align: center;
  margin-bottom: 15px;
}
.search-div input{
  width: 300px;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #519ba9;
  text-align: center;
}
.search-div span{
  padding: 5px 8px;
  margin-right: 15px;
  background: #4b9ef7;
  color: white;
  border-radius: 5px;
  cursor: pointer;
}
.paiddetails{
  margin-bottom: 18px;
  display: inline-block;
  width: 100%;
}
.paiddetails li{
  float: right;
  width: 25%;
  font-size: 130%;
}
.paiddetails li span{
  color: #7272f1;
}
.headerHolder {
  padding: 10px 0;
}
.headerMenu {
  display: flex;
  min-width: 65%;
  align-items: center;
  justify-content: flex-end;
}
.inshistory{
  display: flex;
  background: #e5e5ff;
  padding: 5px;
  margin-bottom: 3px;
}
.inshistory li{
  width: 20%;
  font-size: 120%;
  text-align: center;
}
.inshistory span{
  font-size: 120%;
}
.inshistory label{
  color: gray;
}
.headerMenu li {
  margin-right: 30px;
  color: #fff;
}

.question li span{
  font-weight: bold;
  font-size: 110%;
  color: #5a7eff;
  margin-top: 20px;
  display: inline-block;
}

.stickHeader {
  background: #fff;
  border-bottom: 2px solid #373a6d;
}
.insalerts,.showhelp{
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #0000009c;
  display: none;
  z-index: 10;
}
.help-reg{
  color:#6262f2;
  margin-right:6px;
  cursor:pointer;
}
.cd-videoup{
    margin: 15px;
    display: flex;
    background: white;
    border-radius: 5px;
    padding: 20px;
}
.main-divup #mobnumber{
    border-radius: 5px;
    border: 1px solid #8a8af5;
    padding: 5px;
    text-align: center;
    font-size: 120%;}
.main-divup{
  display: flex;align-items:center;justify-content:space-around;width:33%;
}
.main-divup .custom-file-input{
  margin-right: 10px;     width: 100px;
}
.main-divup video{
  max-width: 90%;
  height: auto;
}
.main-divup #ShowImg{
max-width: 250px;
}
.insalerts div, .showhelp div{
  position: absolute;
  top:20%;
  right: 50%;
  text-align: right;
  background: white;
  padding: 25px 45px;
  border-radius: 6px;
  color: black;
  transform: translateX(50%);
  min-width: 300px;
  direction: rtl;
}
.insalerts div span, .showhelp div span{
  font-size: 140%;
  color: #373a6d;
  font-weight: bold;
  margin-bottom: 15px;
  display: inline-block;
}
.insalerts div p, .showhelp div p{
  font-size: 120%;
  color: black;
}
.insalerts div label, .showhelp div label, .Ch-Btms{
  float: left;
  padding: 3px 13px;
  background: #ca8914;
  color: white;
  font-size: 110%;
  border-radius: 5px;
  margin-top: 24px;
  cursor: pointer;
}
.insalerts div label a {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 3px 13px;
}
.msgto-manager{
  width: 49%;
  margin: 50px auto;
  box-sizing: border-box;
  padding: 25px;
  border-radius: 6px;
  border: 2px solid gainsboro;min-width: 350px;
}
.msgBox {
  padding: 10px 25px;
  margin: 15px;
  border-radius: 5px;
  font-size: 1.1em;
  line-height: 1.8;
}
.stickHeader .logoWrapper{
  background: url(/themes/insurance/images/Logo.svg) no-repeat 100%;
}
.stickHeader .headerMenu li {
  color: #373a6d;
}
.d_flex{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.col1{
  flex: 1;
  max-width:12.5%
}
.col2{
  flex: 2;
  max-width:25%
}
.col3{
  flex: 3;
  max-width:37.5%
}
.col4{
  flex: 4;
  max-width:50%
}
.col5{
  flex: 5;
  max-width:62.5%
}
.col6{
  flex: 6;
  max-width:75%
}
.col7{
  flex: 7;
  max-width:78.5%
}
.col8{
  flex: 8;
  max-width:100%
}
.whiteBox{
  background: #fff;
  margin: 10px;
  padding: 25px 15px;
  border-radius: 3px;
}
.ju-ce{
  justify-content: center;
}
.ju-en{
  justify-content: flex-end;
}
.ju-be{
  justify-content: space-between;
}
.al-ce{
  align-items: center;
}
.registerHolder{
  min-height: 85vh;
}
.leftText {
  text-align: left;
  direction: ltr;
}
.boxShadow1{
  box-shadow: 0 3px 6px rgba(0,0,0,.1)
}
.boxShadow2{
  box-shadow: 0 4px 10px rgba(0,0,0,.2);
}
.tx-ce{
  text-align: center;
}
.darkOverlay{
  position: fixed;
  width:100%;
  height: 100%;
  top:0;
  left:0;
  z-index: 999999999;
  background: #000000c9;
  display:none;
}
.overlayWrapper{
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.po-re{
  position: relative;
}
.ma-au{
  margin: 0 auto;
}
.smallLink{
  color:#0088dc !important;
}
.smallLink:hover{
  text-decoration: underline;
}
.BoxTitle{
  font-size: 2em;
  margin-bottom: 50px;
  padding-bottom: 15px;
  border-bottom: 1px solid #6fc2d0;
  text-align:center
}
.BoxTitle2{
  font-size: 1.4em;
  margin-bottom: 50px;
}
.inputType1{
  position: relative;
  margin: 15px 0 25px;
}
.inputType1 .textBoxLabel{
  position: absolute;
  top: 0;
  line-height: 40px;
  pointer-events: none;
  right: 10px;
  color: #757575;
  display: inline-block;
  width: fit-content;
  padding: 0 8px;
  transition: all .3s ease;
  font-size: 1.3em;
}
.inputType1 input,
.inputType1 textarea, .inputType1 select{
  width: 100% !important;
  background-color: transparent;
  border: 1px solid #CFCFCF;
  display: block;
  height: 24px;
  line-height: 24px;
  margin: 0;
  min-width: 0%;
  outline: none;
  padding: 0px 10px;
  min-height: 40px;
  border-radius: 3px;
}
.inputType1 select{direction: ltr;}
.inputType1 input:focus ~ .textBoxLabel,
.inputType1 textarea:focus ~ .textBoxLabel,
.textBoxLabel.textBoxLabelFill{
  top: -10px;
  right: 10px;
  font-size: 1em;
  color: #6fc2d0;
  background: #fff;
  line-height: 20px;
}
.textBoxLabel.textBoxLabelFill{
  color: #464646;
}
.inputType1 input:focus,
.inputType1 textarea:focus{
  border: 1px solid #6fc2d0;
}
.inputType1 input:focus::placeholder,
.inputType1 textarea:focus::placeholder{
  color: #aaa;
}
.inputType1 input::placeholder,
.inputType1 textarea::placeholder{
  color: #fff;
}
.inputType1 textarea{
  height: 250px;
}
.necessary .textBoxLabel::after {
  content: "(الزامی)";
  color: #ff6060;
  font-size: .7em;
  margin-right: 7px;
}
.CheckBoxs[type='checkbox'] {
  cursor: pointer;
  height: 16px !important;
  width: 16px !important;
  margin: 0 10px;
  float:right;
}
.wholesales{
  position: relative;
}
.wholesales input{
  width: 50% !important;
  display: inline-block;
  text-align: center;
  font-size: 130%;
}
.wholesales span{
  margin: 8px 0px;
  display: inline-block;
  font-size: 120%;
}
.wholesales .srv{
  font-weight: bold;
  color: #5a5aed;
  margin-right: 15px;
  font-size: 120%;
  cursor: pointer;
  position: relative;
}
.wholesales .srv:after{
  content: '.';
  position: absolute;
  bottom: 0px;
  width: 37px;
  border-bottom: 1px solid #5a5aed;
  color: white;
  right: 0px;
}
.wholesales section{
  transition-duration:1s;
  max-height: 0;
  overflow: hidden;
}
.wholesales b{
  position: absolute;
  z-index: 9;
  width: 192px;
  height: 30px;
  right: 5px;
  top: 4px;
  cursor: pointer;
}
.necessary input:disabled~.textBoxLabel::after {
  display: none;
}
.BTN{
  display: inline-block;
  margin: 20px 0;
  font-weight: 700;
  color: #ffffff !important;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.BTN::before{
  content: '';
  display: inline-block;
  height: 40px;
  position: absolute;
  bottom: -1px;
  left: 10px;
  right: 10px;
  z-index: -1;
  border-radius: 2em;
  -webkit-filter: blur(14px) brightness(0.9);
  filter: blur(14px) brightness(0.9);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.BTN i {
  position: relative;
  top: 2px;
  margin-left: 10px;
  display: inline-block;
}
.BTN:hover i {
  -webkit-animation: jello-horizontal 0.9s both;
  animation: jello-horizontal 0.9s both;
}
.disabled {
  filter: grayscale(1);
  opacity: .5;
}
.BTN span {
  display: inline-block;
  padding: 10px 35px;
  border-radius: 50em;
  position: relative;
  z-index: 2;
  will-change: transform, filter;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.BTN:focus {
  color: #ffffff;
}
.BTN:hover {
  color: #ffffff;
}
.BTN:hover span {
  -webkit-filter: brightness(0.9) contrast(1.2);
  filter: brightness(0.9) contrast(1.2);
}
.BTN:hover:before {
  bottom: 3px;
  -webkit-filter: blur(6px) brightness(0.8);
  filter: blur(6px) brightness(0.8);
}
.BTN:active span {
  -webkit-filter: brightness(0.75) contrast(1.7);
  filter: brightness(0.75) contrast(1.7);
}
.BTN.pop-onhover:before {
  opacity: 0;
  bottom: 0;
}
.BTN.pop-onhover:hover:before {
  bottom: -9px;
  opacity: .5;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
.BTN.pop-onhover:hover span {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.BTN.pop-onhover:hover:active span {
  -webkit-filter: brightness(1) contrast(1);
  filter: brightness(1) contrast(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.BTN.pop-onhover:hover:active:before {
  bottom: 0;
  -webkit-filter: blur(5px) brightness(0.85);
  filter: blur(5px) brightness(0.85);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.bg-gradient1 span:hover {
  background: #373a6d;
  background: linear-gradient(-150deg, #404f7c 0%, #5584a3 80%, #5584a3 100%);
}
.bg-gradient1 span,
.bg-gradient1:before {
  background: #373a6d;
  background: -webkit-gradient(linear, -120deg, left bottom, from(#404f7c), color-stop(80%, #5584a3), to(#5584a3));
  background: linear-gradient(-120deg, #404f7c 0%, #5584a3 80%, #5584a3 100%);
}
.fancy-button.bg-gradient1 {
  text-shadow: 0px 0px 1px #BF4C28;
}
.BTN:hover {
  top: -1px;
}
.BTN.disabled:hover {
  top: 0;
}
.BTN.pop-onhover.disabled:hover:before {
  opacity: 0;
}
.closeOverlay {
  color: red;
  font-size: 1.5em;
  transform: rotate(45deg);
  cursor: pointer;
}
.inputType1.textBoxAlert input {
  border: 1px solid red !important;
}
.inputType1.textBoxAlert::after {
  content: attr(data-alert);
  position: absolute;
  bottom: calc(100% - 1px);
  left: 0;
  background: #e04343;
  color: #fff;
  padding: 2px 15px;
  border-radius: 4px 4px 0 0;
}
.SecBTN .bg-gradient1 span,
.SecBTN .bg-gradient1:before {
  background: #fff;
}
.SecBTN span{
  border: 2px solid #373a6d;
  color: #373a6d;
}
.num2BTN{
  margin-left: 20px;
}
.timer b:not(:last-child)::after {
  content: ":";
  margin: 0 5px;
}
.timer {
  position: absolute;
  top: 120%;
  color: #000;
  direction: ltr;
  width: 100%;
  text-align: center;
  left: 0;
}
.homePageSlider{
  height: 30vh;
  border-radius: 10px;
}
.homePageSlider .swiper-slide div{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.homePageTiles {
  height: 40vh;
  width: calc( 100% + 20px);
  margin: 5vh -10px 0 0;
}
.TileWrapper {
  height: 45%;
  margin-bottom: 25px;
}
.TileWrapper .col3,.TileWrapper .col3 .whiteBox{
  height: 100%;
}
.homePageTile{
  background: linear-gradient(to left, #519ba9 0%, #467494 100%);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.homeTileImg{
  height: 70%;
  position: absolute;
  top: 80%;
  left: 5%;
  transform: rotate(25deg) translate(-50%,-50%);
  transition: all .3s ease;
}
.homeTileTitle{
  font-weight: 800;
  color: #fff;
  font-size: 2em;
}
.homePageTile:hover .homeTileImg {
  transform: rotate(0) translate(-50%,-50%);
  top: 50%;
  left: 25%;
}
.homePageTile:hover {
  background: linear-gradient(190deg, #519ba9 0%, #467494 100%);
  filter: brightness(1.1);
}
.footerHolder {
  background: #00000063;
}
.foterTopLine {
  border-top: 5px solid #beeef7;
  box-shadow: 0 -5px 8px rgba(0,0,0,.2);
  margin-top: 25px;
}
.copyRight {
  color: #ffffffa6;
  text-align: center;
  padding: 10px 0;
}

@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.factorLine {
  font-size: 1.2em;
  margin-bottom: 25px;
  padding: 5px 15px;
}
.factorShape{
  position: relative;
  margin-right: 75px;
  border-radius: 30px 0 0 0;
  filter: drop-shadow(0px 3px 6px rgba(0,0,0,.25));
}
.factorShape::after {
  content: "";
  width: 100%;
  background: url('/themes/insurance/images/Factorbottom-min.png');
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  height: 17px;
  background-size: 30px;
  background-repeat-y: no-repeat;
}
.factorShape::before {
  content: "";
  width: 70px;
  background: url(/themes/insurance/images/factorTop-min.png);
  position: absolute;
  top: 0;
  left: 100%;
  height: 50px;
  background-repeat: no-repeat;
  pointer-events: none;
}
.textNum {
  padding: 10px;
  display: none;
}
.textNum::after {
  content:" تومان ";
  margin-right: 5px;
}
.ErrBox {
  border: 1px solid #e20606;
  background: #ffe5e5;
  color: #e20606;
}
.SucBox{
  border: 1px solid #37b702;
  background: #f6fff3;
  color: #37b702;
}
.uploadFile {
  border-radius: 5px;
  margin: 15px 0;
  padding: 15px;
}
.uploadBTN {
  position: relative;
  height: 75px;
  font-size: 80%;
}
.uploadBTN span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  transform: translate(-50%,-50%);
  flex-direction: column;
  color: #555;
}
.uploadBTN img {
  max-width: 100px;
  opacity: 0;
  transition: all .3s ease;
}
.uploadTitle {
  font-size: 1.3em;
}
.changeImg {
  font-size: .9em;
  margin-right: 10px;
  color: #37b702;
  border: 1px solid #37b702;
  padding: 1px 10px;
  border-radius: 3px;
  cursor: pointer;
  display: none;
}
.factorTable {
  width: 100%;
}
.factorTable td, .factorTable th {
  width: 50%;
  border: 1px solid #bbb;
  padding: 10px 25px;
  text-align: right;
}
.soledTable {
  width: 100%;
  text-align: center;
}
.soledTable tr:nth-child(odd) {
  background: #e5f7fb;
}
.soledTable th {
  background: #519ba9;
  color: #fff;
  font-size: 1.2em;
  padding: 6px 3px;
  width: 11%;
}
.soledTable td {
  padding: 12px 3px;
  vertical-align: middle;
}
.soledTable th span:last-child {
  font-weight: 300;
}
.soledTable td span:last-child {
  font-weight: 300;
  color: #888;
}
.soledTable td span:first-child, .soledTable th span:first-child {
  display: block;
  font-size: 1.2em;
}
.tomanAfter::after {
  content: "تومان";
  margin-right: 5px;
  font-weight: 300;
  font-size: .9em;
}
.panelMenu a {
  font-size: 1.2em;
}
.panelMenu i {
  font-size: 2em;
  position: relative;
  top: 6px;
  color: #5584a3;
  margin-left: 15px;
}
.shineOnHover {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.shineOnHover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -100%;
  left: -100%;
  transform: rotate(-45deg);
  background: #373a6d;
  background: -webkit-gradient(linear, -120deg, left bottom, from(#404f7c), color-stop(80%, #5584a3), to(#5584a3));
  background: linear-gradient(-120deg, #404f7c 0%, #5584a3 80%, #5584a3 100%);
  opacity: .2;
  transition: all .5s ease;
  pointer-events: none;
}
.shineOnHover:hover::after {
  top: 60%;
  left: 100%;
}
.registerdInsDetail li:not(:last-child) {
  width: 49%;
  display: inline-block;
  border: 1px solid #aaa;
  padding: 10px 20px;
  margin: 10px 0;
}
.registerdInsDetail li:not(:last-child) span {
  font-weight: 700;
  font-size: 1.3em;
  margin-right: 10px;
}
.registerdInsPics label {
  display: block;
  border-bottom: 1px solid #aaa;
  padding: 10px;
  margin-bottom: 20px;
}
.registerdInsPics img {
  width:49%;
}
.registerdInsDetail li label{
  float: right;
  width: 100px;
}
.registerdInsPics {
  width: 100% !important;
}
.mobileMenuIcon{
  display: none;
}
.mobileTitle{
  display:none;
}

.plantabel{
  float: right;
  direction: rtl;
  padding: 25px;
  background: white;
  width: 100%;
  box-sizing: border-box;
  font-size: 120%;
}
.plantabel h1{
  font-size: 140%;
  color: #3e4c7a;
  padding: 10px;
}
.plantabel ul{
  float: right;
  width: 90%;
  position: relative;
  border: 1px solid #3e4c7a;
  margin: 10px 5%;
}
.plantabel li{
  float: left;
  width: 97%;
  box-sizing: border-box;
  padding: 8px;
  border-bottom: 1px solid #3e4c7a;

}
.plantabel span{
  float: right;
  width: 43%;
}
.plantabel label{
  float: right;
  width: 19%;
  text-align: center;
}
.plantabel ul .title{
  float: right;
  width: 3%;
  height:297px;
  background: #3e4c7a;
  position: relative;
}
.plantabel ul .title b{
  white-space: nowrap;
  color: white;
  position: absolute;
  transform: rotate(-90deg);
  right: -20px;
  top: 45%;
  font-size: 110%;
}
.plantabel li label i{
  font-size: 140%;
  color: #ce8500;
}

.cart-code{
  display: flex;
  text-align: center;
  justify-content: space-around;
  align-items: center;
}
.cart-code label{

}
.cart-code input{
  width: 190px;
  text-align: center;
  padding: 10px;
  border: 1px solid #c5c0c0;
  border-radius: 5px;
  margin: 10px;
  font-size: 130%;
}
.cart-code span {
  font-size: 130%;
}
@media only screen and (max-width: 768px){

  .cd-videoup{
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
  }
  .main-divup{
    width: 300px;
    margin: 15px 0;
    justify-content: space-between;
  }
  .main-divup .custom-file-input{
    margin: 0 10px;
    width:80px;
  }
  .main-divup #ShowImg {
    max-width: 200px;
}

  .plantabel li {
    width: 100% !important;
    height:auto !important;
  }

  .registerHolder {
    flex-wrap: wrap;
  }
  .plantabel ul .title b {
    position: initial;
  }
  .registerHolder .col5 {
    width: 100%;
    min-width: 100%;
  }
  .factorShape::before {
    width: 30px;
    background-size: contain;
  }
  .inputType1 input:disabled~.textBoxLabel{
    top: -10px;
    right: 10px;
    font-size: 1em;
    background: #fff;
    line-height: 20px;
  }
  .mobileTitle{
    display: inline-block;
  }
  .soledTable th {
    display: none;
  }
  .col1{
    flex: 1;
    max-width:25%
  }
  .col3{
    flex: 3;
    max-width:50%
  }
  .col5{
    flex: 5;
    max-width:75%
  }
  .col7{
    flex: 7;
    max-width:100%
  }
  .whiteBox{
    margin: 5px;
    padding: 15px 10px;
  }
  .soledTable td {
    padding: 12px 3px;
    vertical-align: middle;
    min-width: 140px;
    display: block;
  }
  .soledTable td:first-child {
    min-width: 20px;
  }
  .panelMenu i{
    margin: 0;
    display: block;
  }
  .panelMenu a {
    text-align: center;
  }
  .shineOnHover:hover::after {
    top: 90%;
    left: 100%;
  }
  .shineOnHover::after {
    width: 150%;
    height: 150%;
    top: -170%;
  }
}
.page-wrappers{
  background: white;
  padding: 50px;
  direction: rtl;
}
.page-wrappers h1{
  font-size: 200%;
  margin-bottom: 20px;
}
.page-terms{
  font-size: 130%;
  width: 94%;
  margin: 0 auto;
}
.page-terms li{
  margin-bottom: 10px;
  text-align: justify;
}
@media only screen and (max-width: 480px){

  .page-wrappers {
    padding: 20px;
  }
  .plantabel {
    padding: 0px;
  }
  .inputType1 .textBoxLabel {
    top: -18px;
    right: 5px;
    background: white;
    font-size: 1em;
  }
  .col1{
    flex: 1;
    max-width:50%
  }
  .col2{
    flex: 2;
    max-width:75%
  }
  .col3{
    flex: 3;
    max-width:85%
  }
  .col4{
    flex: 4;
    max-width:90%
  }
  .col5{
    flex: 5;
    max-width:95%
  }
  .col6{
    flex: 6;
    max-width:96%
  }
  .col7{
    flex: 7;
    max-width:98%
  }
  .col8{
    flex: 8;
    max-width:100%
  }
  .insGetInput{
    flex-direction: column;
  }
  .homePageTiles {
    height: initial;
  }
  .TileWrapper>.col3 {
    min-width: 85%;
    height: 15vh;
    margin: 5px auto;
  }
  .TileWrapper {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .homeTileImg {
    top: 50%;
    transform: rotate(0deg) translate(0%,-50%);
  }
  .mobileMenuIcon{
    display: block;
    padding-right: 20vw;
  }
  .mobileMenuIcon .icon-menu{
    font-size: 2.2em;
    color: #fff;
    margin-left: 3px;
  }
  .stickHeader .mobileMenuIcon .icon-menu{
    color: #3f4e7b;
  }
  .headerMenu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 70%;
    background: #fff;
    height: 100%;
    z-index: 99;
    padding: 30px;
  }
  .headerMenu li:first-child {
    margin-top: 50px;
    padding-top: 30px;
    position: relative;
  }
  .headerMenu li {
    color: #373a6d;
    padding: 10px;
    margin: 0;
    font-size: 1.2em;
    margin-top: 38px;
    text-decoration: underline;
  }
  .headerMenu::before {
    content: "";
    position: absolute;
    height: 32px;
    width: 100%;
    background: url(/themes/insurance/images/Logo.svg) no-repeat 100%;
    background-size: auto 100%;
    margin-bottom: 5px;
  }
  .headerMenu li:first-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #373a6d;
  }
  .outMenuMobile {
    background: rgba(0,0,0,0);
    transition: all .6s ease;
    width: 0;
  }
  .fullMenuComplete {
    position: fixed;
    width: 30%;
    top: 0;
    right: 0;
    height: 100%;
    background: rgba(0,0,0,.8);
  }
}
@media only screen and (max-width: 350px){

}