/*  tabs Css  */
 body {
   background-color: #f6f6f6 !important;
 }

 .logo-hi {
   margin-top: 40%;
   margin-left: 10%;
 }

 ul#tabs-list {
   list-style: none;
   text-align: center;
   border-bottom: 1px solid #dfdfdf;
   margin: 0;
   padding: 0;
 }

 label p {
   text-align: center;
   width: 70%;
   margin-left: 12%;
   color: #212529;
 }

 label.panel-label {

   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   display: block;
   width: 100%;
   color: #bdc3c7;
   cursor: pointer;
   background-color: #ecf0f1;
   transition-property: background-color, color;
   transition-duration: 200ms;
 }

 label.panel-label:hover {
   color: #c0392b;
 }

 #panels {
   background-color: white;
 }

 #panels .container {
   margin: 0 auto;
   width: 90%;
 }

 #panels section header label.panel-label {
   padding: 12px 24px;
   box-sizing: border-box;
 }

 #panels section main {
   box-sizing: border-box;
   max-height: 0;
   opacity: 0;
   transition: opacity 600ms;
   padding-left: 10px;
 }

 #panel-1-ctrl:checked~#panels #panel-1 main {
   max-height: initial;
   opacity: 1;
 }

 #panel-2-ctrl:checked~#panels #panel-2 main {
   max-height: initial;
   opacity: 1;
 }



 @media all and (max-width: 767px) {

   #nav-ctrl:checked~#tabs-list #li-for-panel-1 {
     max-height: 46px;
     opacity: 1;
   }

   #nav-ctrl:checked~#tabs-list #li-for-panel-2 {
     max-height: 46px;
     opacity: 1;
   }

   #nav-ctrl {
     display: none;
   }

   #open-nav-label {
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     cursor: pointer;
   }

   #nav-ctrl:checked~#tabs-list #open-nav-label {
     display: none;
   }

   #close-nav-label {
     display: block;
     max-height: 0;
     overflow-y: hidden;
     background-color: #444444;
     color: #ecf0f1;
     padding: 0px;
     transition: max-height 200ms;
     cursor: pointer;
     text-transform: uppercase;
     font-size: 12px;
     line-height: 22px;
     letter-spacing: 1px;
   }

   #nav-ctrl:checked~#tabs-list #close-nav-label {
     max-height: 36px;
     opacity: 1;
     padding: 12px 24px;
   }

   #tabs-list {
     position: relative;
   }

   #tabs-list label.panel-label {
     padding: 12px 0;
   }

   #tabs-list #li-for-panel-1 {
     max-height: 0;
     overflow-y: hidden;
     transition: max-height 200ms;
   }

   #tabs-list #li-for-panel-2 {
     max-height: 0;
     overflow-y: hidden;
     transition: max-height 200ms;
   }


   #panel-1-ctrl:checked~#tabs-list #li-for-panel-1 {
     max-height: 46px;
     opacity: 1;
   }

   #panel-1-ctrl:checked~#tabs-list #li-for-panel-1 label.panel-label {
     background-color: white;
     color: #c0392b;
     background-color: #c0392b;
     color: white;
   }

   #panel-2-ctrl:checked~#tabs-list #li-for-panel-2 {
     max-height: 46px;
     opacity: 1;
   }

   #panel-2-ctrl:checked~#tabs-list #li-for-panel-2 label.panel-label {
     background-color: white;
     color: #c0392b;
     background-color: #c0392b;
     color: white;
     opacity: 1;
   }

   #panels .container {
     width: 100%;
   }

   /* .container {
     height: 100vh;
   } */

   #panels section header {
     display: block;
   }
 }

 @media all and (min-width: 768px) {

   #panel-1-ctrl:checked~#tabs-list #li-for-panel-1 {
     pointer-events: none;
     cursor: default;
     transform: translate3d(0, 1px, 0);
     box-shadow: none;
     border-right: none;
     opacity: 1;
   }

   #panel-1-ctrl:checked~#tabs-list #li-for-panel-1.last {
     border-right: 1px solid transparent;
   }

   #panel-1-ctrl:checked~#tabs-list #li-for-panel-1+li {
     border-left: 1px solid #dfdfdf;
   }

   #panel-1-ctrl:checked~#tabs-list #li-for-panel-1 label.panel-label {
     background-color: white;
     color: #c0392b;
     padding-top: 26px;

   }

   #panel-1-ctrl:checked~#tabs-list #li-for-panel-1 label.panel-label::after {
     height: 6px;
   }

   #panel-2-ctrl:checked~#tabs-list #li-for-panel-2 {
     pointer-events: none;
     cursor: default;
     transform: translate3d(0, 1px, 0);
     box-shadow: none;
     border-right: none;
     opacity: 1;
   }

   #panel-2-ctrl:checked~#tabs-list #li-for-panel-2.last {
     border-right: 1px solid transparent;
   }

   #panel-2-ctrl:checked~#tabs-list #li-for-panel-2+li {
     border-left: 1px solid #dfdfdf;

   }

   #panel-2-ctrl:checked~#tabs-list #li-for-panel-2 label.panel-label {
     background-color: white;
     color: #c0392b;
     padding-top: 26px;

   }

   #panel-2-ctrl:checked~#tabs-list #li-for-panel-2 label.panel-label::after {
     height: 6px;
   }

   ul#tabs-list {
     text-align: center;
     border-bottom: 1px solid #dfdfdf;
     display: -webkit-box;
     width: 100%;
   }

   ul#tabs-list li {
     background: #858585;
     border-top-left-radius: 5px;
     border-bottom-right-radius: 5px;
     border: none;
     margin: 6px 0 50px 0px;
     cursor: pointer;
     color: #fff;
     font-weight: 700;
     font-size: 15px;

     display: inline-block;
     /*
    text-align: center;
    font-size: 0.875em; 
    box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
    border-right: 1px solid #dfdfdf;*/
     position: relative;
     width: 100%;
   }

   ul#tabs-list li:hover {
     transition: none;
     border-right: none;
   }

   ul#tabs-list li:hover.last {
     border-right: 1px solid transparent;
   }

   ul#tabs-list li:hover+li {
     border-left: 1px solid #dfdfdf;
   }

   ul#tabs-list li label.panel-label {
     position: relative;
     padding: 24px 0;
   }

   ul#tabs-list li label.panel-label::after {
     content: "";
     position: absolute;
     width: 100%;
     left: 0;
     bottom: 100%;
     background-color: #c0392b;
     height: 0;
     transition-property: height;
     transition-duration: 200ms;
   }

   ul#tabs-list li label.panel-label:hover {
     padding-top: 25px;
   }

   ul#tabs-list li label.panel-label:hover::after {
     height: 6px;
   }

   #open-nav-label,
   #close-nav-label {
     display: none;
   }

   #nav-ctrl {
     display: none;
   }
 }

 @media all and (min-width: 900px) {
   main {
     width: 100%;
     margin: 0 auto;
     padding-left: 10px;
   }
 }

 .form-v4-content .form-detail .panel-radios {
   position: absolute;
   bottom: 13%;
   left: 53%;
   width: 20px;
   opacity: 0.5;
   background-color: initial;
   cursor: default;
   appearance: auto;
   box-sizing: border-box;
   margin: 3px 3px 0px 5px;
   padding: initial;
   border: initial;
 }

 .panel-radios:nth-child(1) {
   transform: translateX(-50px);
 }

 .panel-radios:nth-child(2) {
   transform: translateX(-30px);
 }


 #introduction {
   width: 90%;
   margin: 0 auto;
   padding: 48px 24px;
   color: white;
 }

 #introduction h1 {
   font-weight: 300;
   text-align: center;
 }

 main h1 {
   margin-top: 0;
   font-weight: 300;
   color: #0392b0;
 }

 label.demo-label {
   background-color: #c0392b;
   color: white;
   padding: 4px 8px;
   border-radius: 2px;
   cursor: pointer;
   display: inline-block;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 label.demo-label:hover {
   background-color: #e74c3c;
 }

 #demo-child-toggle {
   display: none;
 }

 #demo-child-toggle:checked~#demo-parent #demo-child {
   color: #c0392b;
   font-weight: bold;
   text-transform: uppercase;
 }

 #demo-parent {
   margin-top: 8px;
 }

 /*old css */
 .page-content {
   width: 100%;
   margin: 0 auto;
   background: #f6f6f6;
   display: flex;
   display: -webkit-flex;
   justify-content: center;
   -o-justify-content: center;
   -ms-justify-content: center;
   -moz-justify-content: center;
   -webkit-justify-content: center;
   align-items: center;
   -o-align-items: center;
   -ms-align-items: center;
   -moz-align-items: center;
   -webkit-align-items: center;
 }

 .form-v4-content {
   background: #fff;
   width: 850px;
   border-radius: 10px;
   -o-border-radius: 10px;
   -ms-border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
   -o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
   -ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
   margin: 75px 0;
   position: relative;
   display: flex;
   display: -webkit-flex;
   font-family: 'Open Sans', sans-serif;
 }

 .form-v4-content h2 {
   font-weight: 700;
   font-size: 30px;
   padding: 6px 0 0;
   margin-top: 10%;
   margin-bottom: 34px;
   text-align: center;
 }

 .form-v4-content .form-left {
   background: #171717;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   padding: 20px 40px;
   position: relative;
   width: 100%;
   color: #fff;
 }

 .form-v4-content .form-left p {
   font-size: 15px;
   font-weight: 300;
   line-height: 1.5;
 }

 .form-v4-content .form-left span {
   font-weight: 700;
 }

 .form-v4-content .form-left .text-2 {
   margin: 20px 0 25px;
 }

 .form-v4-content .form-left .account {
   background: #fff;
   border-top-left-radius: 5px;
   border-bottom-right-radius: 5px;
   width: 180px;
   border: none;
   margin: 15px 0 50px 0px;
   cursor: pointer;
   color: #333;
   font-weight: 700;
   font-size: 15px;
   font-family: 'Open Sans', sans-serif;
   appearance: unset;
   -moz-appearance: unset;
   -webkit-appearance: unset;
   -o-appearance: unset;
   -ms-appearance: unset;
   outline: none;
   -moz-outline: none;
   -webkit-outline: none;
   -o-outline: none;
   -ms-outline: none;
 }

 .form-v4-content .form-left .account:hover {
   background: #e5e5e5;
 }

 .form-v4-content .form-left .form-left-last {
   padding: 15px;
   margin-left: 10%;
 }

 .form-v4-content .form-detail {
   padding: 20px 40px;
   position: relative;
   width: 100%;
 }

 .form-v4-content .form-detail h2 {
   color: #3786bd;
 }

 .form-v4-content .form-detail .form-group {
   display: flex;
   display: -webkit-flex;
   margin: 0 -8px;
 }

 .form-v4-content .form-detail .form-row {
   display: inline-block;
   width: 100%;
   position: relative;
 }

 .form-v4-content .form-detail .form-group .form-row.form-row-1 {
   width: 50%;
   padding: 0 8px;
 }

 .form-v4-content .form-detail .error {
   border-color: #f04844;
 }

 .form-v4-content .form-detail .valid {
   border-color: #34b134;
 }

 .form-v4-content .form-detail label {
   font-weight: 500;
   font-size: 14px;
   color: #666;
   display: block;
   margin-bottom: 8px;
   text-transform: inherit;
 }

 .form-v4-content .form-detail .form-row label#valid {
   position: absolute;
   right: 8px;
   top: 26%;
   transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   width: 15px;
   height: 15px;
   border-radius: 50%;
   -o-border-radius: 50%;
   -ms-border-radius: 50%;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   background: #34b134;
 }

 .rtl .form-v4-content .form-detail .form-row label#valid {
   left: -4px;
   right: unset;
 }

 .form-v4-content .form-detail .form-row label#valid::after {
   content: "";
   position: absolute;
   left: 5px;
   top: 2px;
   width: 4px;
   height: 8px;
   border: 1px solid #fff;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   transform: rotate(45deg);
   background: #34b134;
 }

 .form-v4-content .form-detail .form-row label.error {
   padding-left: 0;
   margin-left: 10px;
   display: block;
   position: absolute;
   bottom: -5px;
   width: 96%;
   background: none;
   color: #f04844;
 }

 .rtl .form-v4-content .form-detail .form-row label.error {
   text-align: right;
 }

 .form-v4-content .form-detail .form-row label.error::after {
   content: "!";
   font-family: "LineAwesome";
   position: absolute;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   right: -4px;
   top: -21px;
   color: #f8f8f8;
   font-size: 10px;
   font-weight: 900;
   width: 15px;
   height: 15px;
   border: 2px solid #f04844;
   border-width: 0 0px 2px 0;
   border-radius: 100px;
   text-align: center;
   background-color: #f04844;

 }

 .rtl .form-v4-content .form-detail .form-row label.error::after {
   left: 0px;
   right: unset;
 }

 .form-v4-content .form-detail .form-row .host label#valid::after {
   right: 37% !important;
 }

 .form-v4-content .form-detail .form-row .host label#valid {
   left: -4px !important;
 }

 .ltr .form-v4-content .form-detail .form-row .host label#valid {
   left: 62% !important;
 }

 .form-v4-content .form-detail .form-row .host label.error::after {
   right: 30% !important;
 }

 .rtl .form-v4-content .form-detail .form-row .host label.error::after {
   right: unset !important;
 }

 .form-v4-content .form-detail .input-text {
   margin-bottom: 27px;
 }

 .form-v4-content .form-detail input {
   width: 100%;
   background-color: #f8f8f8;
   padding: 11.5px 15px;
   border: 1px solid #e5e5e5;
   border-radius: 5px;
   appearance: unset;
   -moz-appearance: unset;
   -webkit-appearance: unset;
   -o-appearance: unset;
   -ms-appearance: unset;
   outline: none;
   -moz-outline: none;
   -webkit-outline: none;
   -o-outline: none;
   -ms-outline: none;
   font-family: 'Open Sans', sans-serif;
   font-size: 15px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
 }

 .form-v4-content .form-detail .form-row input:focus {
   border: 1px solid #53c83c;
 }

 .form-v4-content .form-detail .form-checkbox {
   margin-top: 1px;
   position: relative;
 }

 .form-v4-content .form-detail .form-checkbox input {
   position: absolute;
   opacity: 0;
 }

 .form-v4-content .form-detail .form-checkbox .checkmark {
   position: absolute;
   top: 13px;
   left: 0;
   height: 15px;
   width: 15px;
   border: 1px solid #ccc;
   cursor: pointer;
 }

 .form-v4-content .form-detail .form-checkbox .checkmark::after {
   content: "";
   position: absolute;
   left: 5px;
   top: 1px;
   width: 3px;
   height: 8px;
   border: 1px solid #3786bd;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   transform: rotate(45deg);
   display: none;
 }

 .form-v4-content .form-detail .form-checkbox input:checked~.checkmark::after {
   display: block;
 }

 .form-v4-content .form-detail .form-checkbox p {
   margin-left: 34px;
   color: #333;
   font-size: 14px;
   font-weight: 600;
 }

 .form-v4-content .form-detail .form-checkbox .text {
   font-weight: 700;
   color: #3786bd;
   text-decoration: underline;
 }

 .form-v4-content .form-detail .register {
   background: #f89500;
   border-top-left-radius: 5px;
   border-bottom-right-radius: 5px;
   border: none;
   margin: 6px 0 10px 0px;
   cursor: pointer;
   color: #fff;
   font-weight: 700;
   font-size: 15px;
 }

 .form-v4-content .form-detail .register:hover {
   background: #f89500;
 }

 .form-v4-content .form-detail .form-row-last input {
   padding: 8.5px;
 }

 .country-code {
   margin: 2px 1px !important;
   border-radius: 0px !important;
   border-bottom: 0px !important;
   border-left: 0px !important;
   border-top: 0px !important;
   /* width: 65px !important; */
   position: absolute;
   top: 3%;
   font-weight: 500;
   border-right: 1px solid #e5e5e5 !important;
   width: 17% !important;
   height: 54%;
   padding: 0 4px !important;
 }

 .form-v4-content .form-detail .country-input {
   padding-left: 19%;
 }

 .host-code {
   position: absolute;
   right: 0;
   top: 16%;
   font-weight: 500;
   border-left: 1px solid #e5e5e5;
 }

 .form-v4-content .form-detail .host-input {
   padding-right: 43%;
 }

 .rtl .form-v4-content .form-detail .host-input {
   padding-right: 29%;
 }

 /* Responsive */
 @media screen and (max-width: 991px) {
   .form-v4-content {
     margin: 20px;
     flex-direction: column;
     -o-flex-direction: column;
     -ms-flex-direction: column;
     -moz-flex-direction: column;
     -webkit-flex-direction: column;
   }

   .page-content {}

   .form-detail {
     order: 2
   }

   .form-left {
     order: 1
   }

   .form-v4-content .form-left {
     width: auto;
     border-top-right-radius: 10px;
     border-top-left-radius: 10px;
     border-bottom-right-radius: 0px;
   }

   .form-v4-content .form-detail {
     padding: 30px 20px 30px 20px;
     width: auto;
   }
 }

 @media screen and (max-width: 575px) {
   .form-v4-content .form-detail .form-group {
     flex-direction: column;
     -o-flex-direction: column;
     -ms-flex-direction: column;
     -moz-flex-direction: column;
     -webkit-flex-direction: column;
     margin: 0;
   }

   .form-v4-content .form-detail .form-group .form-row.form-row-1 {
     width: 100%;
     padding: 0;
   }
 }

 /* OPT Css */
 .card {
   width: 350px;
   padding: 10px;
   height: 350px;
   position: relative;
 }


 .mobile-text {
   color: #646464;
   font-size: 20px;
 }

 .link-text {
   color: #f89500;
 }

 .form-control {
   margin-right: 12px;
 }

 .form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #ff8880;
   outline: 0;
   box-shadow: none;
 }

 .cursor {
   cursor: pointer;
 }

 .opt-input input {
   width: 124px;
   height: 130px;
   border-radius: 16px;
   border: 0px;
   font-size: 100px;
   text-align: center;
 }

 select {
   /* Reset Select */
   appearance: none;
   outline: 0;
   border: 0;
   box-shadow: none;
   /* Personalize */
   flex: 1;
   padding: 0 1em;
   background-color: var(--darkgray);
   background-image: none;
   cursor: pointer;
 }

 /* Remove IE arrow */
 select::-ms-expand {
   display: none;
 }

 /* Custom Select wrapper */
 .form-v4-content .form-detail select {
   width: 100%;
   background-color: #f8f8f8;
   padding: 11.5px 15px;
   border: 1px solid #e5e5e5;
   border-radius: 5px;
   appearance: unset;
   -moz-appearance: unset;
   -webkit-appearance: unset;
   -o-appearance: unset;
   -ms-appearance: unset;
   outline: none;
   -moz-outline: none;
   -webkit-outline: none;
   -o-outline: none;
   -ms-outline: none;
   font-family: 'Open Sans', sans-serif;
   font-size: 15px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
 }

 .rtl .form-v4-content .form-detail select {
   text-align: right;
 }

 .select {
   position: relative;
   display: flex;
   height: 3em;
   border-radius: .25em;
   overflow: hidden;
 }

 /* Arrow */
 .select::after {
   content: '\25BC';
   position: absolute;
   top: 0;
   right: 0;
   padding: 1em;
   transition: .25s all ease;
   pointer-events: none;
 }

 .rtl .select::after {
   left: 0;
 }

 /* Transition */
 .select:hover::after {
   color: #f39c12;
 }

 /* Vendor Planes Css */
 .skiplink {
   font-size: 34px;
   position: absolute;
   right: 0;
   font-weight: 700;
   margin-bottom: 10%;
 }

 [dir="rtl"] .skiplink {
   right: unset;
   left: 0;
 }

 .skiplink a {
   color: #000;
 }

 .heading-title {
   margin-top: 100px;
   margin-left: 3%;
 }

 .pricingTable {
   border: 1px solid #dbdbdb;
   margin: 0 -15px;
   text-align: center;
   transition: all 0.4s ease-in-out 0s;
   background: #fff;
   height: 567px;
 }


 .pricingTable .pricingTable-header {
   padding: 30px 10px;
 }

 .pricingTable .heading {
   display: block;
   color: #000;
   font-weight: 900;
   text-transform: uppercase;
   font-size: 21px;
 }

 .pricingTable .pricing-plans {
   padding-bottom: 25px;
   border-bottom: 1px solid #d0d0d0;
   color: #000;
   font-weight: 900;
   margin: 0 10%;
 }

 .pricingTable .price-value {
   color: #474747;
   display: block;
   font-size: 25px;
   font-weight: 700;
   line-height: 35px;
   padding: 0 10px;
   text-align: left;
 }

 [dir="rtl"] .pricingTable .price-value {
   text-align: right;
 }

 .pricingTable .price-value span {
   font-size: 40px;
 }

 .pricingTable .subtitle {
   color: #82919f;
   display: block;
   font-size: 15px;
   margin-top: 15px;
   font-weight: 100;
   text-align: left;
 }

 [dir="rtl"] .pricingTable .subtitle {
   text-align: right;
 }

 .pricing-tab-start {
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
 }

 .pricing-tab-end {
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
 }

 .pricingTable .pricingContent ul {
   padding: 0;
   list-style: none;
   margin-bottom: 0;
 }

 .pricingTable .pricingContent ul li {
   padding: 5px 0;
   text-align: left;
   margin-left: 10%;
 }

 [dir="rtl"] .pricingTable .pricingContent ul li {
   padding: 5px 0px;
   margin-right: 10%;
   text-align: right;
 }

 .pricingTable .pricingContent ul li:nth-child(odd) {
   background-color: #fff;
 }

 .pricingTable .pricingContent ul li:last-child {
   border-bottom: 0px solid #dbdbdb;
 }

 .pricingTable .pricingTable-sign-up {
   padding: 25px 0;
   position: absolute;
   width: 100%;
   bottom: 4%;
 }

 .pricingTable .pricingContent ul {
   list-style: none;
 }

 .pricingTable .pricingContent ul li:before {
   content: '✓';
   padding-right: 4px;
   color: #16cba0;
 }

 [dir="rtl"] .pricingTable .pricingContent ul li:before {
   padding-left: 4px;
   padding-right: unset;
 }

 .pricingTable .btn-block {
   width: 78%;
   margin: 0 10%;
   background: #FD4D5D;
   border: 1px solid transparent;
   padding: 10px 5px;
   color: #fff;
   text-transform: capitalize;
   border-radius: 5px;
   transition: 0.3s ease;
 }

 .pricingTable .btn-block:after {
   content: "\f090";
   font-family: 'FontAwesome';
   padding-left: 10px;
   font-size: 15px;
 }

 [dir="rtl"] .pricingTable .btn-block:after {
   content: "\f090";
   font-family: 'FontAwesome';
   padding-left: unset;
   padding-right: 10px;
   font-size: 15px;
 }

 .pricingTable:hover .btn-block {
   background: #fff;
   color: #FD4D5D;
   border: 1px solid #FD4D5D;
 }

 @media screen and (max-width:990px) {
   .pricing-tab-start {
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
     border-bottom-left-radius: 0px;
   }

   .pricing-tab-end {
     border-top-right-radius: 0px;
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;
   }

   .pricingTable {
     margin-bottom: 30px;
   }
 }

 @media screen and (max-width:767px) {
   .pricingTable {
     margin: 0 0 30px 0;
   }
 }

 input[type="password"]::-ms-reveal,
 input[type="password"]::-ms-clear {
   display: none;
 }

 /* Country phone code  */
 .iti {
   position: relative;
   display: inline-block;
   width: 100%;
 }

 .iti * {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
 }

 .iti__hide {
   display: none;
 }

 .iti__v-hide {
   visibility: hidden;
 }

 .iti input,
 .iti input[type=text],
 .iti input[type=tel] {
   position: relative;
   z-index: 0;
   margin-top: 0 !important;
   margin-right: 0;
 }

 .iti__flag-container {
   position: absolute;
   right: 0;
   padding: 1px;
 }

 .iti__selected-flag {
   z-index: 1;
   position: relative;
   display: flex;
   align-items: center;
   margin: 2px 0;
   height: 37px;
   border-right: 1px solid #e5e5e5 !important;
   padding: 0 6px 0 8px;
 }

 .iti__arrow {
   margin-left: 6px;
   width: 0;
   height: 0;
   border-left: 3px solid transparent;
   border-right: 3px solid transparent;
   border-top: 4px solid #555;
 }

 .iti__arrow--up {
   border-top: none;
   border-bottom: 4px solid #555;
 }

 .iti__country-list {
   position: absolute;
   z-index: 2;
   list-style: none;
   text-align: left;
   padding: 0;
   margin: 0 0 0 -1px;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
   background-color: white;
   border: 1px solid #CCC;
   white-space: nowrap;
   max-height: 200px;
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
 }

 .iti__country-list--dropup {
   bottom: 100%;
   margin-bottom: -1px;
 }

 @media (max-width: 500px) {
   .iti__country-list {
     white-space: normal;
   }
 }

 .iti__flag-box {
   display: inline-block;
   width: 20px;
 }

 .iti__divider {
   padding-bottom: 5px;
   margin-bottom: 5px;
   border-bottom: 1px solid #CCC;
 }

 .iti__country {
   padding: 5px 10px;
   outline: none;
 }

 .iti__dial-code {
   color: #999;
 }

 .iti__country.iti__highlight {
   background-color: rgba(0, 0, 0, 0.05);
 }

 .iti__flag-box,
 .iti__country-name,
 .iti__dial-code {
   vertical-align: middle;
 }

 .iti__flag-box,
 .iti__country-name {
   margin-right: 6px;
 }

 .iti--allow-dropdown input,
 .iti--allow-dropdown input[type=text],
 .iti--allow-dropdown input[type=tel],
 .iti--separate-dial-code input,
 .iti--separate-dial-code input[type=text],
 .iti--separate-dial-code input[type=tel] {

   padding-left: 52px;
   margin-left: 0;
 }

 .iti--allow-dropdown .iti__flag-container,
 .iti--separate-dial-code .iti__flag-container {
   right: auto;
   left: 0;
 }

 .iti--allow-dropdown .iti__flag-container:hover {
   cursor: pointer;
 }

 .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
   background-color: rgba(0, 0, 0, 0.05);
 }

 .iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
 .iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
   cursor: default;
 }

 .iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
 .iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
   background-color: transparent;
 }

 .iti--separate-dial-code .iti__selected-flag {}

 .iti--separate-dial-code .iti__selected-dial-code {
   margin-left: 6px;
 }

 .iti--container {
   position: absolute;
   top: -1000px;
   left: -1000px;
   z-index: 1060;
   padding: 1px;
 }

 .iti--container:hover {
   cursor: pointer;
 }

 .iti-mobile .iti--container {
   top: 30px;
   bottom: 30px;
   left: 30px;
   right: 30px;
   position: fixed;
 }

 .iti-mobile .iti__country-list {
   max-height: 100%;
   width: 100%;
 }

 .iti-mobile .iti__country {
   padding: 10px 10px;
   line-height: 1.5em;
 }

 .iti__flag {
   width: 20px;
 }

 .iti__flag.iti__be {
   width: 18px;
 }

 .iti__flag.iti__ch {
   width: 15px;
 }

 .iti__flag.iti__mc {
   width: 19px;
 }

 .iti__flag.iti__ne {
   width: 18px;
 }

 .iti__flag.iti__np {
   width: 13px;
 }

 .iti__flag.iti__va {
   width: 15px;
 }

 @media (-webkit-min-device-pixel-ratio: 2),
 (min-resolution: 192dpi) {
   .iti__flag {
     background-size: 5652px 15px;
   }
 }

 .iti__flag.iti__ac {
   height: 10px;
   background-position: 0px 0px;
 }

 .iti__flag.iti__ad {
   height: 14px;
   background-position: -22px 0px;
 }

 .iti__flag.iti__ae {
   height: 10px;
   background-position: -44px 0px;
 }

 .iti__flag.iti__af {
   height: 14px;
   background-position: -66px 0px;
 }

 .iti__flag.iti__ag {
   height: 14px;
   background-position: -88px 0px;
 }

 .iti__flag.iti__ai {
   height: 10px;
   background-position: -110px 0px;
 }

 .iti__flag.iti__al {
   height: 15px;
   background-position: -132px 0px;
 }

 .iti__flag.iti__am {
   height: 10px;
   background-position: -154px 0px;
 }

 .iti__flag.iti__ao {
   height: 14px;
   background-position: -176px 0px;
 }

 .iti__flag.iti__aq {
   height: 14px;
   background-position: -198px 0px;
 }

 .iti__flag.iti__ar {
   height: 13px;
   background-position: -220px 0px;
 }

 .iti__flag.iti__as {
   height: 10px;
   background-position: -242px 0px;
 }

 .iti__flag.iti__at {
   height: 14px;
   background-position: -264px 0px;
 }

 .iti__flag.iti__au {
   height: 10px;
   background-position: -286px 0px;
 }

 .iti__flag.iti__aw {
   height: 14px;
   background-position: -308px 0px;
 }

 .iti__flag.iti__ax {
   height: 13px;
   background-position: -330px 0px;
 }

 .iti__flag.iti__az {
   height: 10px;
   background-position: -352px 0px;
 }

 .iti__flag.iti__ba {
   height: 10px;
   background-position: -374px 0px;
 }

 .iti__flag.iti__bb {
   height: 14px;
   background-position: -396px 0px;
 }

 .iti__flag.iti__bd {
   height: 12px;
   background-position: -418px 0px;
 }

 .iti__flag.iti__be {
   height: 15px;
   background-position: -440px 0px;
 }

 .iti__flag.iti__bf {
   height: 14px;
   background-position: -460px 0px;
 }

 .iti__flag.iti__bg {
   height: 12px;
   background-position: -482px 0px;
 }

 .iti__flag.iti__bh {
   height: 12px;
   background-position: -504px 0px;
 }

 .iti__flag.iti__bi {
   height: 12px;
   background-position: -526px 0px;
 }

 .iti__flag.iti__bj {
   height: 14px;
   background-position: -548px 0px;
 }

 .iti__flag.iti__bl {
   height: 14px;
   background-position: -570px 0px;
 }

 .iti__flag.iti__bm {
   height: 10px;
   background-position: -592px 0px;
 }

 .iti__flag.iti__bn {
   height: 10px;
   background-position: -614px 0px;
 }

 .iti__flag.iti__bo {
   height: 14px;
   background-position: -636px 0px;
 }

 .iti__flag.iti__bq {
   height: 14px;
   background-position: -658px 0px;
 }

 .iti__flag.iti__br {
   height: 14px;
   background-position: -680px 0px;
 }

 .iti__flag.iti__bs {
   height: 10px;
   background-position: -702px 0px;
 }

 .iti__flag.iti__bt {
   height: 14px;
   background-position: -724px 0px;
 }

 .iti__flag.iti__bv {
   height: 15px;
   background-position: -746px 0px;
 }

 .iti__flag.iti__bw {
   height: 14px;
   background-position: -768px 0px;
 }

 .iti__flag.iti__by {
   height: 10px;
   background-position: -790px 0px;
 }

 .iti__flag.iti__bz {
   height: 14px;
   background-position: -812px 0px;
 }

 .iti__flag.iti__ca {
   height: 10px;
   background-position: -834px 0px;
 }

 .iti__flag.iti__cc {
   height: 10px;
   background-position: -856px 0px;
 }

 .iti__flag.iti__cd {
   height: 15px;
   background-position: -878px 0px;
 }

 .iti__flag.iti__cf {
   height: 14px;
   background-position: -900px 0px;
 }

 .iti__flag.iti__cg {
   height: 14px;
   background-position: -922px 0px;
 }

 .iti__flag.iti__ch {
   height: 15px;
   background-position: -944px 0px;
 }

 .iti__flag.iti__ci {
   height: 14px;
   background-position: -961px 0px;
 }

 .iti__flag.iti__ck {
   height: 10px;
   background-position: -983px 0px;
 }

 .iti__flag.iti__cl {
   height: 14px;
   background-position: -1005px 0px;
 }

 .iti__flag.iti__cm {
   height: 14px;
   background-position: -1027px 0px;
 }

 .iti__flag.iti__cn {
   height: 14px;
   background-position: -1049px 0px;
 }

 .iti__flag.iti__co {
   height: 14px;
   background-position: -1071px 0px;
 }

 .iti__flag.iti__cp {
   height: 14px;
   background-position: -1093px 0px;
 }

 .iti__flag.iti__cr {
   height: 12px;
   background-position: -1115px 0px;
 }

 .iti__flag.iti__cu {
   height: 10px;
   background-position: -1137px 0px;
 }

 .iti__flag.iti__cv {
   height: 12px;
   background-position: -1159px 0px;
 }

 .iti__flag.iti__cw {
   height: 14px;
   background-position: -1181px 0px;
 }

 .iti__flag.iti__cx {
   height: 10px;
   background-position: -1203px 0px;
 }

 .iti__flag.iti__cy {
   height: 14px;
   background-position: -1225px 0px;
 }

 .iti__flag.iti__cz {
   height: 14px;
   background-position: -1247px 0px;
 }

 .iti__flag.iti__de {
   height: 12px;
   background-position: -1269px 0px;
 }

 .iti__flag.iti__dg {
   height: 10px;
   background-position: -1291px 0px;
 }

 .iti__flag.iti__dj {
   height: 14px;
   background-position: -1313px 0px;
 }

 .iti__flag.iti__dk {
   height: 15px;
   background-position: -1335px 0px;
 }

 .iti__flag.iti__dm {
   height: 10px;
   background-position: -1357px 0px;
 }

 .iti__flag.iti__do {
   height: 14px;
   background-position: -1379px 0px;
 }

 .iti__flag.iti__dz {
   height: 14px;
   background-position: -1401px 0px;
 }

 .iti__flag.iti__ea {
   height: 14px;
   background-position: -1423px 0px;
 }

 .iti__flag.iti__ec {
   height: 14px;
   background-position: -1445px 0px;
 }

 .iti__flag.iti__ee {
   height: 13px;
   background-position: -1467px 0px;
 }

 .iti__flag.iti__eg {
   height: 14px;
   background-position: -1489px 0px;
 }

 .iti__flag.iti__eh {
   height: 10px;
   background-position: -1511px 0px;
 }

 .iti__flag.iti__er {
   height: 10px;
   background-position: -1533px 0px;
 }

 .iti__flag.iti__es {
   height: 14px;
   background-position: -1555px 0px;
 }

 .iti__flag.iti__et {
   height: 10px;
   background-position: -1577px 0px;
 }

 .iti__flag.iti__eu {
   height: 14px;
   background-position: -1599px 0px;
 }

 .iti__flag.iti__fi {
   height: 12px;
   background-position: -1621px 0px;
 }

 .iti__flag.iti__fj {
   height: 10px;
   background-position: -1643px 0px;
 }

 .iti__flag.iti__fk {
   height: 10px;
   background-position: -1665px 0px;
 }

 .iti__flag.iti__fm {
   height: 11px;
   background-position: -1687px 0px;
 }

 .iti__flag.iti__fo {
   height: 15px;
   background-position: -1709px 0px;
 }

 .iti__flag.iti__fr {
   height: 14px;
   background-position: -1731px 0px;
 }

 .iti__flag.iti__ga {
   height: 15px;
   background-position: -1753px 0px;
 }

 .iti__flag.iti__gb {
   height: 10px;
   background-position: -1775px 0px;
 }

 .iti__flag.iti__gd {
   height: 12px;
   background-position: -1797px 0px;
 }

 .iti__flag.iti__ge {
   height: 14px;
   background-position: -1819px 0px;
 }

 .iti__flag.iti__gf {
   height: 14px;
   background-position: -1841px 0px;
 }

 .iti__flag.iti__gg {
   height: 14px;
   background-position: -1863px 0px;
 }

 .iti__flag.iti__gh {
   height: 14px;
   background-position: -1885px 0px;
 }

 .iti__flag.iti__gi {
   height: 10px;
   background-position: -1907px 0px;
 }

 .iti__flag.iti__gl {
   height: 14px;
   background-position: -1929px 0px;
 }

 .iti__flag.iti__gm {
   height: 14px;
   background-position: -1951px 0px;
 }

 .iti__flag.iti__gn {
   height: 14px;
   background-position: -1973px 0px;
 }

 .iti__flag.iti__gp {
   height: 14px;
   background-position: -1995px 0px;
 }

 .iti__flag.iti__gq {
   height: 14px;
   background-position: -2017px 0px;
 }

 .iti__flag.iti__gr {
   height: 14px;
   background-position: -2039px 0px;
 }

 .iti__flag.iti__gs {
   height: 10px;
   background-position: -2061px 0px;
 }

 .iti__flag.iti__gt {
   height: 13px;
   background-position: -2083px 0px;
 }

 .iti__flag.iti__gu {
   height: 11px;
   background-position: -2105px 0px;
 }

 .iti__flag.iti__gw {
   height: 10px;
   background-position: -2127px 0px;
 }

 .iti__flag.iti__gy {
   height: 12px;
   background-position: -2149px 0px;
 }

 .iti__flag.iti__hk {
   height: 14px;
   background-position: -2171px 0px;
 }

 .iti__flag.iti__hm {
   height: 10px;
   background-position: -2193px 0px;
 }

 .iti__flag.iti__hn {
   height: 10px;
   background-position: -2215px 0px;
 }

 .iti__flag.iti__hr {
   height: 10px;
   background-position: -2237px 0px;
 }

 .iti__flag.iti__ht {
   height: 12px;
   background-position: -2259px 0px;
 }

 .iti__flag.iti__hu {
   height: 10px;
   background-position: -2281px 0px;
 }

 .iti__flag.iti__ic {
   height: 14px;
   background-position: -2303px 0px;
 }

 .iti__flag.iti__id {
   height: 14px;
   background-position: -2325px 0px;
 }

 .iti__flag.iti__ie {
   height: 10px;
   background-position: -2347px 0px;
 }

 .iti__flag.iti__il {
   height: 15px;
   background-position: -2369px 0px;
 }

 .iti__flag.iti__im {
   height: 10px;
   background-position: -2391px 0px;
 }

 .iti__flag.iti__in {
   height: 14px;
   background-position: -2413px 0px;
 }

 .iti__flag.iti__io {
   height: 10px;
   background-position: -2435px 0px;
 }

 .iti__flag.iti__iq {
   height: 14px;
   background-position: -2457px 0px;
 }

 .iti__flag.iti__ir {
   height: 12px;
   background-position: -2479px 0px;
 }

 .iti__flag.iti__is {
   height: 15px;
   background-position: -2501px 0px;
 }

 .iti__flag.iti__it {
   height: 14px;
   background-position: -2523px 0px;
 }

 .iti__flag.iti__je {
   height: 12px;
   background-position: -2545px 0px;
 }

 .iti__flag.iti__jm {
   height: 10px;
   background-position: -2567px 0px;
 }

 .iti__flag.iti__jo {
   height: 10px;
   background-position: -2589px 0px;
 }

 .iti__flag.iti__jp {
   height: 14px;
   background-position: -2611px 0px;
 }

 .iti__flag.iti__ke {
   height: 14px;
   background-position: -2633px 0px;
 }

 .iti__flag.iti__kg {
   height: 12px;
   background-position: -2655px 0px;
 }

 .iti__flag.iti__kh {
   height: 13px;
   background-position: -2677px 0px;
 }

 .iti__flag.iti__ki {
   height: 10px;
   background-position: -2699px 0px;
 }

 .iti__flag.iti__km {
   height: 12px;
   background-position: -2721px 0px;
 }

 .iti__flag.iti__kn {
   height: 14px;
   background-position: -2743px 0px;
 }

 .iti__flag.iti__kp {
   height: 10px;
   background-position: -2765px 0px;
 }

 .iti__flag.iti__kr {
   height: 14px;
   background-position: -2787px 0px;
 }

 .iti__flag.iti__kw {
   height: 10px;
   background-position: -2809px 0px;
 }

 .iti__flag.iti__ky {
   height: 10px;
   background-position: -2831px 0px;
 }

 .iti__flag.iti__kz {
   height: 10px;
   background-position: -2853px 0px;
 }

 .iti__flag.iti__la {
   height: 14px;
   background-position: -2875px 0px;
 }

 .iti__flag.iti__lb {
   height: 14px;
   background-position: -2897px 0px;
 }

 .iti__flag.iti__lc {
   height: 10px;
   background-position: -2919px 0px;
 }

 .iti__flag.iti__li {
   height: 12px;
   background-position: -2941px 0px;
 }

 .iti__flag.iti__lk {
   height: 10px;
   background-position: -2963px 0px;
 }

 .iti__flag.iti__lr {
   height: 11px;
   background-position: -2985px 0px;
 }

 .iti__flag.iti__ls {
   height: 14px;
   background-position: -3007px 0px;
 }

 .iti__flag.iti__lt {
   height: 12px;
   background-position: -3029px 0px;
 }

 .iti__flag.iti__lu {
   height: 12px;
   background-position: -3051px 0px;
 }

 .iti__flag.iti__lv {
   height: 10px;
   background-position: -3073px 0px;
 }

 .iti__flag.iti__ly {
   height: 10px;
   background-position: -3095px 0px;
 }

 .iti__flag.iti__ma {
   height: 14px;
   background-position: -3117px 0px;
 }

 .iti__flag.iti__mc {
   height: 15px;
   background-position: -3139px 0px;
 }

 .iti__flag.iti__md {
   height: 10px;
   background-position: -3160px 0px;
 }

 .iti__flag.iti__me {
   height: 10px;
   background-position: -3182px 0px;
 }

 .iti__flag.iti__mf {
   height: 14px;
   background-position: -3204px 0px;
 }

 .iti__flag.iti__mg {
   height: 14px;
   background-position: -3226px 0px;
 }

 .iti__flag.iti__mh {
   height: 11px;
   background-position: -3248px 0px;
 }

 .iti__flag.iti__mk {
   height: 10px;
   background-position: -3270px 0px;
 }

 .iti__flag.iti__ml {
   height: 14px;
   background-position: -3292px 0px;
 }

 .iti__flag.iti__mm {
   height: 14px;
   background-position: -3314px 0px;
 }

 .iti__flag.iti__mn {
   height: 10px;
   background-position: -3336px 0px;
 }

 .iti__flag.iti__mo {
   height: 14px;
   background-position: -3358px 0px;
 }

 .iti__flag.iti__mp {
   height: 10px;
   background-position: -3380px 0px;
 }

 .iti__flag.iti__mq {
   height: 14px;
   background-position: -3402px 0px;
 }

 .iti__flag.iti__mr {
   height: 14px;
   background-position: -3424px 0px;
 }

 .iti__flag.iti__ms {
   height: 10px;
   background-position: -3446px 0px;
 }

 .iti__flag.iti__mt {
   height: 14px;
   background-position: -3468px 0px;
 }

 .iti__flag.iti__mu {
   height: 14px;
   background-position: -3490px 0px;
 }

 .iti__flag.iti__mv {
   height: 14px;
   background-position: -3512px 0px;
 }

 .iti__flag.iti__mw {
   height: 14px;
   background-position: -3534px 0px;
 }

 .iti__flag.iti__mx {
   height: 12px;
   background-position: -3556px 0px;
 }

 .iti__flag.iti__my {
   height: 10px;
   background-position: -3578px 0px;
 }

 .iti__flag.iti__mz {
   height: 14px;
   background-position: -3600px 0px;
 }

 .iti__flag.iti__na {
   height: 14px;
   background-position: -3622px 0px;
 }

 .iti__flag.iti__nc {
   height: 10px;
   background-position: -3644px 0px;
 }

 .iti__flag.iti__ne {
   height: 15px;
   background-position: -3666px 0px;
 }

 .iti__flag.iti__nf {
   height: 10px;
   background-position: -3686px 0px;
 }

 .iti__flag.iti__ng {
   height: 10px;
   background-position: -3708px 0px;
 }

 .iti__flag.iti__ni {
   height: 12px;
   background-position: -3730px 0px;
 }

 .iti__flag.iti__nl {
   height: 14px;
   background-position: -3752px 0px;
 }

 .iti__flag.iti__no {
   height: 15px;
   background-position: -3774px 0px;
 }

 .iti__flag.iti__np {
   height: 15px;
   background-position: -3796px 0px;
 }

 .iti__flag.iti__nr {
   height: 10px;
   background-position: -3811px 0px;
 }

 .iti__flag.iti__nu {
   height: 10px;
   background-position: -3833px 0px;
 }

 .iti__flag.iti__nz {
   height: 10px;
   background-position: -3855px 0px;
 }

 .iti__flag.iti__om {
   height: 10px;
   background-position: -3877px 0px;
 }

 .iti__flag.iti__pa {
   height: 14px;
   background-position: -3899px 0px;
 }

 .iti__flag.iti__pe {
   height: 14px;
   background-position: -3921px 0px;
 }

 .iti__flag.iti__pf {
   height: 14px;
   background-position: -3943px 0px;
 }

 .iti__flag.iti__pg {
   height: 15px;
   background-position: -3965px 0px;
 }

 .iti__flag.iti__ph {
   height: 10px;
   background-position: -3987px 0px;
 }

 .iti__flag.iti__pk {
   height: 14px;
   background-position: -4009px 0px;
 }

 .iti__flag.iti__pl {
   height: 13px;
   background-position: -4031px 0px;
 }

 .iti__flag.iti__pm {
   height: 14px;
   background-position: -4053px 0px;
 }

 .iti__flag.iti__pn {
   height: 10px;
   background-position: -4075px 0px;
 }

 .iti__flag.iti__pr {
   height: 14px;
   background-position: -4097px 0px;
 }

 .iti__flag.iti__ps {
   height: 10px;
   background-position: -4119px 0px;
 }

 .iti__flag.iti__pt {
   height: 14px;
   background-position: -4141px 0px;
 }

 .iti__flag.iti__pw {
   height: 13px;
   background-position: -4163px 0px;
 }

 .iti__flag.iti__py {
   height: 11px;
   background-position: -4185px 0px;
 }

 .iti__flag.iti__qa {
   height: 8px;
   background-position: -4207px 0px;
 }

 .iti__flag.iti__re {
   height: 14px;
   background-position: -4229px 0px;
 }

 .iti__flag.iti__ro {
   height: 14px;
   background-position: -4251px 0px;
 }

 .iti__flag.iti__rs {
   height: 14px;
   background-position: -4273px 0px;
 }

 .iti__flag.iti__ru {
   height: 14px;
   background-position: -4295px 0px;
 }

 .iti__flag.iti__rw {
   height: 14px;
   background-position: -4317px 0px;
 }

 .iti__flag.iti__sa {
   height: 14px;
   background-position: -4339px 0px;
 }

 .iti__flag.iti__sb {
   height: 10px;
   background-position: -4361px 0px;
 }

 .iti__flag.iti__sc {
   height: 10px;
   background-position: -4383px 0px;
 }

 .iti__flag.iti__sd {
   height: 10px;
   background-position: -4405px 0px;
 }

 .iti__flag.iti__se {
   height: 13px;
   background-position: -4427px 0px;
 }

 .iti__flag.iti__sg {
   height: 14px;
   background-position: -4449px 0px;
 }

 .iti__flag.iti__sh {
   height: 10px;
   background-position: -4471px 0px;
 }

 .iti__flag.iti__si {
   height: 10px;
   background-position: -4493px 0px;
 }

 .iti__flag.iti__sj {
   height: 15px;
   background-position: -4515px 0px;
 }

 .iti__flag.iti__sk {
   height: 14px;
   background-position: -4537px 0px;
 }

 .iti__flag.iti__sl {
   height: 14px;
   background-position: -4559px 0px;
 }

 .iti__flag.iti__sm {
   height: 15px;
   background-position: -4581px 0px;
 }

 .iti__flag.iti__sn {
   height: 14px;
   background-position: -4603px 0px;
 }

 .iti__flag.iti__so {
   height: 14px;
   background-position: -4625px 0px;
 }

 .iti__flag.iti__sr {
   height: 14px;
   background-position: -4647px 0px;
 }

 .iti__flag.iti__ss {
   height: 10px;
   background-position: -4669px 0px;
 }

 .iti__flag.iti__st {
   height: 10px;
   background-position: -4691px 0px;
 }

 .iti__flag.iti__sv {
   height: 12px;
   background-position: -4713px 0px;
 }

 .iti__flag.iti__sx {
   height: 14px;
   background-position: -4735px 0px;
 }

 .iti__flag.iti__sy {
   height: 14px;
   background-position: -4757px 0px;
 }

 .iti__flag.iti__sz {
   height: 14px;
   background-position: -4779px 0px;
 }

 .iti__flag.iti__ta {
   height: 10px;
   background-position: -4801px 0px;
 }

 .iti__flag.iti__tc {
   height: 10px;
   background-position: -4823px 0px;
 }

 .iti__flag.iti__td {
   height: 14px;
   background-position: -4845px 0px;
 }

 .iti__flag.iti__tf {
   height: 14px;
   background-position: -4867px 0px;
 }

 .iti__flag.iti__tg {
   height: 13px;
   background-position: -4889px 0px;
 }

 .iti__flag.iti__th {
   height: 14px;
   background-position: -4911px 0px;
 }

 .iti__flag.iti__tj {
   height: 10px;
   background-position: -4933px 0px;
 }

 .iti__flag.iti__tk {
   height: 10px;
   background-position: -4955px 0px;
 }

 .iti__flag.iti__tl {
   height: 10px;
   background-position: -4977px 0px;
 }

 .iti__flag.iti__tm {
   height: 14px;
   background-position: -4999px 0px;
 }

 .iti__flag.iti__tn {
   height: 14px;
   background-position: -5021px 0px;
 }

 .iti__flag.iti__to {
   height: 10px;
   background-position: -5043px 0px;
 }

 .iti__flag.iti__tr {
   height: 14px;
   background-position: -5065px 0px;
 }

 .iti__flag.iti__tt {
   height: 12px;
   background-position: -5087px 0px;
 }

 .iti__flag.iti__tv {
   height: 10px;
   background-position: -5109px 0px;
 }

 .iti__flag.iti__tw {
   height: 14px;
   background-position: -5131px 0px;
 }

 .iti__flag.iti__tz {
   height: 14px;
   background-position: -5153px 0px;
 }

 .iti__flag.iti__ua {
   height: 14px;
   background-position: -5175px 0px;
 }

 .iti__flag.iti__ug {
   height: 14px;
   background-position: -5197px 0px;
 }

 .iti__flag.iti__um {
   height: 11px;
   background-position: -5219px 0px;
 }

 .iti__flag.iti__un {
   height: 14px;
   background-position: -5241px 0px;
 }

 .iti__flag.iti__us {
   height: 11px;
   background-position: -5263px 0px;
 }

 .iti__flag.iti__uy {
   height: 14px;
   background-position: -5285px 0px;
 }

 .iti__flag.iti__uz {
   height: 10px;
   background-position: -5307px 0px;
 }

 .iti__flag.iti__va {
   height: 15px;
   background-position: -5329px 0px;
 }

 .iti__flag.iti__vc {
   height: 14px;
   background-position: -5346px 0px;
 }

 .iti__flag.iti__ve {
   height: 14px;
   background-position: -5368px 0px;
 }

 .iti__flag.iti__vg {
   height: 10px;
   background-position: -5390px 0px;
 }

 .iti__flag.iti__vi {
   height: 14px;
   background-position: -5412px 0px;
 }

 .iti__flag.iti__vn {
   height: 14px;
   background-position: -5434px 0px;
 }

 .iti__flag.iti__vu {
   height: 12px;
   background-position: -5456px 0px;
 }

 .iti__flag.iti__wf {
   height: 14px;
   background-position: -5478px 0px;
 }

 .iti__flag.iti__ws {
   height: 10px;
   background-position: -5500px 0px;
 }

 .iti__flag.iti__xk {
   height: 15px;
   background-position: -5522px 0px;
 }

 .iti__flag.iti__ye {
   height: 14px;
   background-position: -5544px 0px;
 }

 .iti__flag.iti__yt {
   height: 14px;
   background-position: -5566px 0px;
 }

 .iti__flag.iti__za {
   height: 14px;
   background-position: -5588px 0px;
 }

 .iti__flag.iti__zm {
   height: 14px;
   background-position: -5610px 0px;
 }

 .iti__flag.iti__zw {
   height: 10px;
   background-position: -5632px 0px;
 }

 .iti__flag {
   height: 15px;
   box-shadow: 0px 0px 1px 0px #888;
   background-image: url("../img/flags.png");
   background-repeat: no-repeat;
   background-color: #DBDBDB;
   background-position: 20px 0;
 }

 @media (-webkit-min-device-pixel-ratio: 2),
 (min-resolution: 192dpi) {
   .iti__flag {
     background-image: url("../img/flags@2x.png");
   }
 }

 .iti__flag.iti__np {
   background-color: transparent;
 }

 .loading {
   margin-top: -83px;
   z-index: 1;
   position: absolute;
   right: 28px;
 }

 .host .loading {
   right: 33% !important;
 }

 .loading:after {
   content: ' .';
   animation: dots 1s steps(5, end) infinite;
   font: 300 2em/150% Impact;
   color: black;
 }

 @keyframes dots {

   0%,
   20% {
     color: black(5, 4, 4, 0.966);
     text-shadow:
       .25em 0 0 rgba(0, 0, 0, 0),
       .5em 0 0 rgba(0, 0, 0, 0);
   }

   40% {
     color: black;
     text-shadow:
       .25em 0 0 rgba(0, 0, 0, 0),
       .5em 0 0 rgba(0, 0, 0, 0);
   }

   60% {
     text-shadow:
       .25em 0 0 black,
       .5em 0 0 rgba(0, 0, 0, 0);
   }

   80%,
   100% {
     text-shadow:
       .25em 0 0 white,
       .5em 0 0 black;
   }
 }