* {
	margin: 0;
	padding: 0;
	 box-sizing: border-box;
}
html {
	font-family: arial, verdana;
	direction: rtl;
	text-align: right;
}

body {
 font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-top: 15px;
	overflow: auto;
	background-color: #ffffff !important;			
	background-size: 15px 15px;
	/*background-image: repeating-linear-gradient(45deg, #ebebeb 0, #ebebeb 1.5px, #f5f5f5 0, #f5f5f5 50%);*/
}


.list-group-item{
	padding: 3px 15px !important;	
}

.error-response{
	text-align: center;
	font-width: bold;
	font-size: 20px;
	color: #ff0000;
}
.logo{
	height: 100px;
	display: inline-block;
	padding: 10px;	
}

.logo-container{
  text-align: center;
  display: block;
  background-image: linear-gradient(90deg, #8863BD 0%, #27AEDD 100%);
  background-color: #fff !important;
  margin-top: 0px !important;
  margin-bottom: 20px !important;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.footer-container{
	text-align: center;
	display: block;
	font-size: 12px;
}

.small-letters-terms{
	text-align: right;
	display: block;
	font-size: 8px;
}

.secured-payment{
	height: 71px;
	width: 251px;
	display: block;
	margin: 0 auto;

}
.order-details{
text-align: right;
}



.package-name{
	display: block;
	font-size: 22px;
}

.package-price{
	display: block;
	font-size: 26px;
}

.package-price .price{
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.05em;
	margin: 10px;
}
.package-price .nis{
	font-size: 30px;
	font-weight: 400;
	margin-right: 8px;
	position: relative;
	top: -2px;
}
.package-price .small{
	font-size: 22px;
	vertical-align: top;
	letter-spacing: -.05em;
	position: relative;
	top: 4px;
}

.package-price .per{
	font-size: 12px;	
	letter-spacing: -.05em;
}


.cb{
clear: both;
display: block;
}
.package-info-row{
	display: block;
	text-align: right;
	font-size: 13px !important;

}

.package-info-half{
	width: 50%;
	text-align: right;
	float: right;
	display: block;
}

  .package-info-60{
	width: 60%;
 	text-align: right;
	float: right;
	display: block;
  }
    .package-info-40{
	width: 40%;
    text-align: right;
	float: right;
	display: block;
  }





.container-xl {
  max-width: 38em;
  padding: 1em 3em 2em 3em;
  margin: 0em auto;
  background-color: #ffffff;
  /*border-radius: 4.2px;
  box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.2);*/
}

.ltr{
	direction: ltr;
}
.rtl{	
	direction: rtl;
}





.row {
  zoom: 1;
}
.row:before,
.row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}
.col-half {
  padding-left: 10px;
  float: right;
  width: 50%;
}



.col-half:last-of-type {
  padding-right: 0;
}
.col-third {
  padding-left: 10px;
  float: right;
  width: 33.33333333%;
}
.col-third:last-of-type {
  padding-right: 0;
}
@media only screen and (max-width: 540px) {
  .col-half {
    width: 100%;
    padding-right: 0;
  }
  
    .package-info-50, .package-info-half {
	width: 100%;
    padding-right: 0;
  }

  .package-info-60{
	width: 100%;
    padding-right: 0;
  }
    .package-info-40{
	width: 100%;
    padding-right: 0;
  }
  
  
}












.inputGroup {
  background-color: #ffffff;
  display: block;
  margin: 10px 0;
  position: relative;
}
.inputGroup label {
  padding: 12px 30px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3c454c;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  padding-right: 75px;
  border-bottom: 2px solid #eaedee;
}
.inputGroup label:before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  content: "";
  background-color: #24a9e0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  width: 32px;
  height: 32px;
  content: "";
  border: 2px solid #d1d7dc;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  color: #fff;
}
.inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #43a40c;
  border-color: #54e0c7;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}



.icon-checkmark{
  width: 30px;
  height: 30px;
  display: inline-block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 5px 10px;

}


input.cc-number,input.cc-exp,input.cc-cvc{
	direction: ltr;
	text-align: left;
}

.selectpackagearea{
	background-color: #ffffff;
}
.paymentformarea{
  background-color: #fff !important;
  box-shadow: 0px 3px 7px -2px rgba(0, 0, 0, 0.5);
  border-radius: 15px;
}




/* ribbon */

.cr {
  width: 175px;
  padding: 3px;
  position: absolute;
  text-align: center;
  color: #f0f0f0;
}

.cr-top    { top: 25px; }
.cr-bottom { bottom: 25px; }
.cr-left   { left: -50px; }
.cr-right  { right: -50px; }

.cr-top.cr-left,
.cr-bottom.cr-right {
  transform: rotate(-45deg);
}

.cr-top.cr-right,
.cr-bottom.cr-left {
  transform: rotate(45deg);
}
.cr-white     { background-color: #f0f0f0; color: #444; }
.cr-black     { background-color: #333; }
.cr-grey      { background-color: #999; }
.cr-blue      { background-color: #39d; }
.cr-green     { background-color: #2c7; }
.cr-turquoise { background-color: #1b9; }
.cr-purple    { background-color: #95b; }
.cr-red       { background-color: #e43; }
.cr-orange    { background-color: #e82; }
.cr-yellow    { background-color: #ec0; }


.form-select, .form-control{
	font-size: 25px !important;
}

select:invalid{
        color: #8e9bb3;        
    }
option{
        color: #000000;
    }
    
.form-control.is-invalid, .was-validated .form-control:invalid,
.form-control.is-valid, .was-validated .form-control:valid
{
	background-image: none !important;
	padding: .375rem .75rem !important;	   
	border-width: 2px; 
    }

.form-select.is-invalid, .was-validated .form-select:invalid,
.form-select.is-valid, .was-validated .form-select:valid{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
	padding: .375rem .75rem !important;
	padding-right: 2.125rem !important;
	border-width: 2px;		      
}

.cvc-preview {
	display:  block;
	width: 230px;
	height: 140px;
	margin: 0 auto;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAACOCAYAAAAlzXSMAAAAAXNSR0IArs4c6QAACrdJREFUeAHt3X1wFHcdx/Hv7uWJNIZE0oJD6wNQ6MBYCJbaqQMqtGO1RMBiaavVGWNmmuk4dvqHMy2txEFHK+OM09YJGijVYSggijx0ZKYyQrCDtSVUaZk+CMRQKEhiHsjD5ZK7dX+rl+aW5HaT3O1vQ947Q/Z2f3u/729fe5/s3V64M2SIqe9UzR1mJHKvYVlLxJDpIkbREJuxCgEERiVgdYol5yzDqE/EEztyZ6476O7GGLwiemr9jXmmVSeG8dnB67mNAAJZFLDkUCweryqYVfPPZJWBYPadrlkSMSN/sBtKk43MEUAgMIHWeMJakTvj+0dURSeYzpkyIq/Yy4QysONAIQSuEGiN9cdvVWdOUzU5T18J5RVKrEAgYIHSvEikTtU01IWeSCTyUsADoBwCCAwjEI8n7jDV1ddh2lmNAAIaBMyIuca0EtZdGmpTEgEEhhGw4om71GvMacO0sxoBBHQIGMY00zSNXB21qYkAAkMLqEw6V2WHbmYtAgjoEiCYuuSpi0AaAYKZBocmBHQJEExd8tRFII0AwUyDQxMCugQIpi556iKQRoBgpsGhCQFdAgRTlzx1EUgjQDDT4NCEgC4BgqlLnroIpBEgmGlwaEJAlwDB1CVPXQTSCBDMNDg0IaBLgGDqkqcuAmkECGYaHJoQ0CVAMHXJUxeBNALq4yutNO00IYCABgHOmBrQKYmAlwDB9BKiHQENAgRTAzolEfASIJheQrQjoEGAYGpApyQCXgIE00uIdgQ0CBBMDeiURMBLgGB6CdGOgAYBgqkBnZIIeAkQTC8h2hHQIEAwNaBTEgEvAYLpJUQ7AhoECKYGdEoi4CVAML2EaEdAgwDB1IBOSQS8BAimlxDtCGgQIJga0CmJgJcAwfQSoh0BDQIEUwM6JRHwEiCYXkK0I6BBgGBqQKckAl4CBNNLiHYENAgQTA3olETAS4BgegnRjoAGAYKpAZ2SCHgJEEwvIdoR0CBAMDWgUxIBLwGC6SVEOwIaBAimBnRKIuAlkJNoXO+1De0IIBCwAGfMgMEph4AfAYLpR4ltEAhYgGAGDE45BPwIEEw/SmyDQMACBDNgcMoh4EeAYPpRYhsEAhYgmAGDUw4BPwIE048S2yAQsADBDBiccgj4ESCYfpTYBoGABQhmwOCUQ8CPAMH0o8Q2CAQsQDADBqccAn4ECKYfJbZBIGABghkwOOUQ8CNAMP0osQ0CAQsQzIDBKYeAHwGC6UeJbRAIWIBgBgxOOQT8CBBMP0psg0DAAgQzYHDKIeBHgGD6UWIbBAIWyMl0PeNjT2S6S/obhwLWv344qlFHTzZLx+53JHaqTeKt0VH1EfSdIqUFkjezRIpXzZaCuWUZKZ/xYGZkVHQyIQXad70lbdtOiljja/fVL5Ce1y5Iz7ELUvLAXJm8+qYx7wBPZcdMSAeZEFBnyvEYypR9t3+hqH1Q+zLWiTPmWAW5f0YE1NPX5JmyYOFUmVJdLjllhRnpO9ud9Dd3S0vtcYk2XHT2Qe3LWJ/ScsbM9lGjf18C6jVlcppSvXDchFKNWf0CUb9IktPgfUmuG+mcYI5UjO2zIjD4Qk9O2aSs1Mhmp4PP7oP3ZbQ1CeZo5bgfAlkUIJhZxKVrBEYrQDBHK8f9EMiiAMHMIi5dIzBaAd4uGa0c9wuVQDTaJxWVWyU/L0f2b3kwZWxH/tYom7Yfk7Pvt8v104ql6v5bZPGtHx/YpqW1W35W97I0vHFeykoLpXLNp+Tzt88YaNdxg2DqUKdmRgUSiYRUP7FPDr58WqZeW5TS9+//+Kasrt7urDNNQxIJS7bu/rvsqr1PvvLFedJxOSqLKmql8b02yckxpb8/Idv2/EO2Pf1Vue/LN6f0FeQCT2WD1KZWxgXU2fCWio3y613Hh+x7/TOHnPU/X/cl6Tz5pDz28BJn+Se1R5z5jv1vOKFcvmyOtJ1YKxse/4KzfsMv/+LMdf3gjKlLnroZEfjOuhflxFsX5Rv3LJDf/O71lD4ty5IHVy2Qpbd3OE9fCwpy5e6lc+THv6gX9fRVTQ+suFkWzJ0m100pksJJeTLdfqqrppLiAmeu6wfB1CVP3YwIrLjzJtn805VSVJh3RTANw5BHqz6TUmenfYZU06fLr3fm19j3WzT/f7cffnKfbN97Qoo/lC/rHlnqtOv6QTB1yVM3IwI/eHSZ08/bpy559rdlZ4M8veWo5OZGpMYVvN7eftm49VVRZ9nyeR+xz565nv1lcwNeY2ZTl75DI/Crba9K5fd2i7oA9NyGVTJ7Rur/m1QXfppff0x+a18UOv7m+7L0/ufk382d2sZPMLXRUzgogboXXpOHHt/rXHVVV1u/tnJ+Sul4POFcrS2dPEnusa/Uzpt9nXR2xaTevrCkayKYuuSpG4jAoaNnpHrtXqfWjmfXyL3LP5lS97s1L0r+jTXyo2cPO+u7e2JyuqnVuT21LPWtl5Q7ZnmB15hZBqZ7vQJrN7zknA3VhaCH7ICqf2pSV13f/vMjot4meeb5v8pTG4/Iu40tdij/Iz32HyvMt6/U3lZ+g7bBc8bURk/hbAs0nWuTow1nnTLqos6llq6Uf6rhzsWzZNNTK6XQfivlBfsPC145/p69bqbs3fR15yJRtsc4XP+cMYeTYf24Epgz81pJNK5PGfNHp5dcsS5lg/8vfMv+E7xvri6XpvPt8mH7deZkze9hqmERzKGOFOsmnEAkYsonbigNzX7zVDY0h4KBIPCBAMH8wIJbCIRGgGCG5lBM7IGoD01OTv3NPcmb42auPikvOQ3el+S6kc4J5kjF2D4rAuqTzJNTS22DDH6gJ9eHdZ78+Mrk+AbvS3LdSOdc/BmpGNtnRUB9vYD6JHP12bLq81nPVR3ISp2sd2qI81UJY63DGXOsgtw/IwLqA5LV1wuI/cAet5M9drUPY/2wZ7X/nDHH7aPg6hu4+s6PfDugfKmQ/fvJflN2nH2Fy9X3gGSPEHAL8FTWLcIyAiEQIJghOAgMAQG3AMF0i7CMQAgECGYIDgJDQMAtQDDdIiwjEAIBghmCg8AQEHALEEy3CMsIhECAYIbgIDAEBNwCBNMtwjICIRAgmCE4CAwBAbcAwXSLsIxACAQIZggOAkNAwC1AMN0iLCMQAgGCGYKDwBAQcAsQTLcIywiEQIBghuAgMAQE3AIE0y3CMgIhECCYITgIDAEBtwDBdIuwjEAIBAhmCA4CQ0DALUAw3SIsIxACAVN9zTUTAgiER0Bl0uzrj4dnRIwEAQREZdLs7u7twwIBBMIjoDJptnV0218YwYQAAmERaOuIXjDbL0cPXO6KhmVMjAOBCS3QaWex/XL3AdOwEjvOnm+Vfi4CTegHBDuvX0BlsMnOon05dqe5sGLzwVhv36EzTZcIp/5jwwgmqIAK5ZmmZonF+g4vWl73J+d9TCueqOrqirW+c/qi8LR2gj4y2G1tAurpq8peV1dvayzRV6UGMvBthMf2f3uxIeYee01p0TX5UlJcKGqemxORSIS/Q9B21Ch81Qmo9ynVWyKdXb1iX3x15vYX9raKEV+58O7N9WqHB4KpFo7tqZxlRMw6MYzPqWUmBBAIQsA6rM6Ut1U8/26yWkowkysb9lUuswxzjR3QJYYl0+34FiXbmCOAwBgFLOm0DDknllWvLvSo15TuHv8Le6VC+7OcoEgAAAAASUVORK5CYII=);

}


.btn-pay {
  border: none !important;
  font-family: "Rubik", Sans-serif;
  font-weight: 400 !important;
  color: #ffffff !important;
  background-color: #27aedd !important;
  background-image: linear-gradient(90deg, #8863BD 0%, #27AEDD 100%);
  border-radius: 10px 10px 10px 10px !important;
}
.btn-pay:hover{
    color: #fff !important;
	background-image: linear-gradient(163deg, #22B1DE 0%, #8D5FBB 100%);
	transform: scale(0.95);
	transition-duration: .3s;
  	transition-property: transform;
}

.btn-continue {
  border: none !important;
  font-family: "Rubik", Sans-serif;
  font-weight: 400 !important;
  color: #ffffff !important;
  background-color: #27aedd !important;
  background-image: linear-gradient(90deg, #8863BD 0%, #27AEDD 100%);
  border-radius: 30px 30px 30px 30px !important;
}
.btn-continue:hover{
    color: #fff !important;
	background-color: #22b1de !important;	
	background-image: linear-gradient(163deg, #22B1DE 0%, #8D5FBB 100%);
	transform: scale(0.95);
	transition-duration: .3s;
  	transition-property: transform;
}

.btn-tosite {
 border: none !important;
  font-family: "Rubik", Sans-serif;
  font-weight: 400 !important;
  color: #ffffff !important;
  background-color: #27aedd !important;
  background-image: linear-gradient(90deg, #8863BD 0%, #27AEDD 100%);
  border-radius: 30px 30px 30px 30px !important;
}
.btn-tosite:hover{
   color: #fff !important;
	background-color: #22b1de !important;	
	background-image: linear-gradient(163deg, #22B1DE 0%, #8D5FBB 100%);
	transform: scale(0.95);
	transition-duration: .3s;
  	transition-property: transform;
}


.circle-mark
    {
 width: 30px;
  height: 30px;
  border-radius: 30px;
  font-size: 20px;
  color: #fff !important;
  line-height: 27px;
  text-align: center;
  background-color: #27AEDD;
  display: inline-block;
  margin-left: 10px;
  background-image: linear-gradient(90deg, #8863BD 0%, #27AEDD 100%);
    }
  
    
  .loader-overlay {
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0;
  z-index: 99999999 !important;
}
  
 .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #e2e2e2;
  border-radius: 50%;
  border-top: 16px solid #25aae1;
  -webkit-animation: loader-spin 2s linear infinite;
  animation: loader-spin 2s linear infinite;
}

@-webkit-keyframes loader-spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes loader-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.svg-icon {
    width: 28px;
    height: 28px;
}

.svg-icon.blue path,
.svg-icon.blue polygon,
.svg-icon.blue rect {
  fill: #4691f6;
}

.svg-icon.white path,
.svg-icon.white polygon,
.svg-icon.white rect {
  fill: #ffffff;
}


.svg-icon circle {
  stroke: #4691f6;
  stroke-width: 1;
}