/* 01 Genral style 



 **  1.1 SVG default css    



 **  1.2 Button style



 **  1.3 Form style



 **  1.4 mCustom Scrollbar style



 **  1.5 Slick slider navigators style



 * 02 Header style 



 * 03 Homepage content part



 * 04 Footer Style 



 * 05 Model Popups



 * 06 CMS Content Style



 * 07 Inner Pages



font-family: 'Titillium Web', sans-serif;



*/



/* 01 Genral style */



* {

  padding: 0;

  margin: 0;

  border: none;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

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-size: 100%;

  font: inherit;

  vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}

body {

  line-height: 1;

}

ol,

ul {

  list-style: none;

}

blockquote,

q {

  quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

  content: "";

  content: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

strong,

b {

  font-weight: bold;

}

em,

i {

  font-style: italic;

}

u {

  text-decoration: underline;

}

a {

  text-decoration: none;

}

*:focus {

  outline: none;

}

a:hover,

a:focus {

  text-decoration: none;

  outline: none !important;

}

button[type="button"]:focus {

  outline: none;

}

.pink_text {

  color: #ff0066 !important;

}



/* 1.1 SVG default css*/



svg:not(:root).svgImg {

  overflow: visible;

}

.svgImg {

  display: inline-block;

  font-size: inherit;

  width: 1em;

  height: 1em;

  overflow: visible;

  vertical-align: -0.125em;

}

.svg-icons {

  display: inline-block;

  font-size: inherit;

  height: 1em;

  overflow: visible;

  vertical-align: -0.125em;

}

/*SVG default css*/



.mCS_no_scrollbar_y {

  margin-right: 0 !important;

}

.container {

  width: 100%;

  max-width: 1366px;

}

.imgMain {

  position: relative;

}

.absoImg {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

}

.padding-0 {

  padding: 0 !important;

}

.wrapper {

  display: block;

  width: 100%;

  overflow: hidden;

  min-height: 100vh;

  position: relative; /*max-width: 1920px; margin: auto;*/

}

img {

  display: block;

  max-width: 100%;

  max-height: 100%;

  width: auto;

  height: auto;

}

html {

  font-size: 16px;

}

body {

  display: block;

  width: 100%;

  padding: 0;

  margin: 0;

  font-family: "Montserrat", sans-serif;

  font-weight: 400;

  line-height: 1.4;

  color: #000000;

  background-color: #fff;

  position: relative;

}

p {

  line-height: 1.6;

  font-size: 1rem;

  color: #000000;

  font-weight: 400;

  margin-bottom: 1rem;

}

p:last-child {

  margin-bottom: 0;

}

a {

  color: #2d2d2d;

}

a:hover {

  color: #1ba8f1;

}

.trans {

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

.text-uppercase {

  text-transform: uppercase !important;

}

.text-primary {

  color: #112380 !important;

}



.scrollTop {

  display: none;

  position: fixed;

  right: 10px;

  bottom: 90px;

  width: 40px;

  height: 40px;

  z-index: 999;

  background-color: #e0001c;

  text-align: center;

  vertical-align: middle;

  border-radius: 50%;

}

.scrollTop span {

  border: solid #fff;

  border-width: 0 2px 2px 0;

  display: inline-block;

  padding: 6px;

  transform: rotate(-135deg);

  -webkit-transform: rotate(-135deg);

  margin-top: 13px;

}

.scrollTop:after {

  content: "";

  width: 2px;

  height: 14px;

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  background: #fff;

  margin-top: 13px;

}



/* 1.2 Button style */



.btn:focus {

  box-shadow: none;

}

.btn:focus {

  box-shadow: none;

}



.btn {

  background: #e0001c;

  color: #fff;

  border: 1px solid #e0001c;

  display: inline-block;

  min-width: 150px;

  font-size: 20px;

  font-weight: 600;



  vertical-align: middle;

  padding: 1rem 2rem;

  line-height: 1.4;

  text-align: center;

  text-transform: uppercase;

  border-radius: 0;

  transition: all 0.4s ease-in-out;



  position: relative;

}



.btn .icon {

  vertical-align: middle;

  margin-right: 5px;

}



.btn .icon:before {

  line-height: 1.2;

  vertical-align: top;

}



.btn:hover,

.btn.active {

  color: #fff;

  border-color: transparent;

  background: #000;

}



.btn {

  position: relative;

  z-index: 10;

  overflow: hidden;

}



.btn-border {

  background: none;

  color: #e0001c;

}



.btn-white {

  border-color: #ffffff;

  background: #ffffff;

  color: #e0001c;

}



.btn-small {

  min-width: inherit;

  font-size: 16px;

  padding: 8px 10px;

}



.btn-oranbrown {

  background: #a79066;

  color: #fff;

  border-color: #a79066;

}

.btn-oranbrown:hover {

  background: transparent;

  color: #a79066;

  border-color: #a79066;

}



.btn-blue {

  border-color: #1a365d;

  background: #1a365d;

  color: #ffffff;

}

.btn-blue:hover {

  border-color: #a79066;

  background: #a79066;

  color: #ffffff;

}



/* step-form-css */

.leadgen_popup .modal-dialog {

  max-width: 65%;

}



.leadgen_popup .modal-dialog .modal-content {

  padding: 0px;

  border: 0;

  border-radius: 0;

}



.leadGenSec {

  display: block;

  width: 100%;

  background-color: #fff;

  padding: 13rem 19rem 15rem 19rem;

}



.leadpopBox {

  display: block;

  width: 100%;

  box-shadow: 37px 44px 118.75px 6.25px rgba(0, 0, 0, 0.08);

  padding: 30px;

  position: relative;

  overflow: hidden;

}



.leadSteps {

  display: block;

  width: 100%;

  min-height: 6.6rem;

  position: relative;

}



.close-popup {

  position: absolute;

  right: -30px;

  top: -30px;

  width: 30px;

  height: 30px;

  transition: all 0.4s ease-in-out;

  z-index: 2;

  cursor: pointer;

}



.close-popup:before {

  position: absolute;

  content: "";

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

  width: 100%;

  height: 3px;

  background: #fff;

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  transition: 600ms all;

  -webkit-transition: 600ms all;

  opacity: 0.8;

}



.close-popup:after {

  position: absolute;

  content: "";

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

  width: 100%;

  height: 3px;

  background: #fff;

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  transition: 600ms all;

  -webkit-transition: 600ms all;

  opacity: 0.8;

}



.close-popup:hover {

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);

}



.close-popup:hover::after,

.close-popup:hover::before {

  opacity: 1;

  background: #e0001c;

}



.model-footer {

  padding: 26px 30px 30px 30px;

  width: 100%;

}



.model-footer .progress {

  -webkit-box-flex: 2;

  -ms-flex-positive: 2;

  flex-grow: 2;

  margin-right: 40px;

  min-width: 0;

  margin: 0;

}



.model-footer .progress .progress_value1 {

  font-size: 12px;

  text-align: left;

  font-weight: 500;

  line-height: 1.2;

  margin-bottom: 8px;

  height: 18px;

  position: relative;

}



.fullStep .role-list {

  display: block;

  margin-bottom: 20px;

}



.progress {

  background-color: #f3f3f3;

  border-radius: 6rem;

  max-width: 100%;

  margin: 0;

  position: relative;

  overflow: inherit;

  height: 6px;

  margin-top: -20px;

}



.progress_value,

.progress_value1,

.progress_value2 {

  position: absolute;

  top: -20px;

  font-size: 12px;

  text-align: left;

  font-weight: 500;

  line-height: 1.2;

  margin-bottom: 8px;

  color: #e0001c;

}



.progress_value1 span {

  color: #666;

}



.progress-bar,

.progress-bar1,

.progress-bar2 {

  border-radius: 6rem;

  background-color: #e0001c;

}



#msform fieldset,

.msform fieldset {

  padding-bottom: 0 !important;

}



.msform fieldset .leadStep {

  min-height: 550px;

}



.next1 {

  font-size: 16px !important;

  height: 43px;

  font-weight: 500;

  overflow: hidden;

  cursor: pointer;

  -webkit-box-pack: center;

  text-align: center;

  white-space: nowrap;

  border-radius: 24px;

  border: none;

  line-height: 1.3rem;

  -webkit-tap-highlight-color: transparent;

  color: #fff;

  background-color: #e0001c;

  box-shadow: 0 3px 10px 0 #e0001c;

  transition: box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 120px;

  float: right;

  position: relative;

}



.next1:hover {

  color: #fff;

}



.backStep {

  position: absolute;

  right: 140px;

  bottom: 0;

  padding: 0;

  width: 43px;

  height: 43px;

  color: rgba(0, 0, 0, 0.4) !important;

  border: 1px solid rgba(0, 0, 0, 0.1) !important;

  background-color: transparent !important;

  -webkit-transition: 0.2s ease-out;

  transition: 0.2s ease-out;

  border-radius: 50%;

}



.backStep::before {

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  border-bottom: 2px solid #0000004d;

  border-left: 2px solid #0000004d;

  left: 3px;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  transform: rotate(45deg);

}



.next1::before {

  content: "";

  position: absolute;

  left: inherit;

  top: 38%;

  width: 10px;

  height: 10px;

  border-right: 2px solid #fff;

  border-bottom: 2px solid #fff;

  transform: rotate(-45deg);

  right: 27px;

  margin: auto;

  display: inline-block;

  background-image: none;

  transition: all 0.4s ease-out;

}



.fullStep-form .form-control {

  position: relative;

  padding: 15px 20px;

  vertical-align: middle;

  user-select: none;

  cursor: pointer;

  background-color: transparent;

  border: 1px solid #e6e6e6;

  width: 100%;

  border-radius: 6px;

  color: #000000;

  font-size: 20px;

  font-weight: 400;

  height: 60px;

}



.fullStep-form .form-control::placeholder {

  color: #b3b1b1;

}



.fullStep-form .form-control:focus {

  border-color: #e0001c;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

input[type="number"] {

  -moz-appearance: textfield;

}



.fullStep {

  padding: 0 0 30px;

}



.laststep.next1::before {

  right: 15px;

  top: 39%;

}



.fullStep-header-title {

  color: #363636;

  font-size: 32px;

  text-align: left;

  line-height: 1.2;

  font-weight: 600;

  margin-bottom: 30px;

}



.role-list {

  display: inline-block;

}



.pure-radiobox {

  position: relative;

}



.pure-radiobox input[type="radio"] {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}

.pure-radiobox input[type="radio"] + label {

  position: relative;

  padding: 15px 20px;

  vertical-align: middle;

  user-select: none;

  cursor: pointer;

  background-color: transparent;

  border: 1px solid #e6e6e6;

  width: 100%;

  border-radius: 6px;

}

.pure-radiobox input[type="radio"] + label:before {

  box-sizing: content-box;

  content: "";

  color: #22b9ff;

  position: absolute;

  top: 50%;

  left: 15px;

  width: 20px;

  height: 20px;

  margin-top: -11px;

  border: 2px solid #e6e6e6;

  background-color: transparent;

  text-align: center;

  transition: all 0.4s ease;

  border-radius: 6px;

}

.pure-radiobox input[type="radio"] + label:before,

.pure-radiobox input[type="radio"] + label:after {

  border-radius: 50%;

}

.pure-radiobox input[type="radio"] + label:before {

  width: 18px;

  height: 18px;

}

.pure-radiobox input[type="radio"]:checked + label:after {

  transform: scale(1);

}

.pure-radiobox input[type="radio"]:checked + label:before {

  border-color: #e0001c;

  background-color: transparent;

}

.pure-radiobox input[type="radio"] + label:after {

  box-sizing: content-box;

  content: "";

  background-color: #e0001c;

  position: absolute;

  top: 27px;

  left: 21px;

  width: 10px;

  height: 10px;

  margin-top: -4px;

  transform: scale(0);

  transform-origin: 50%;

  transition: transform 200ms ease-out;

}

.pure-radiobox .radiobox-text-right {

  display: inline-block;

  position: relative;

  top: 1px;

  color: #222;

  font-size: 18px;

  padding-left: 25px;

  font-weight: 500;

}

.pure-radiobox input[type="radio"]:checked + label .radiobox-text-right {

  color: #222;

}



.pure-radiobox input[type="radio"]:checked + label {

  border-color: #e0001c;

}



.pure-radiobox:hover label {

  box-shadow: 0 1px 3px 0 #e6e6e6;

  transition: all 0.4s ease-in-out;

}



.lastForm {

  padding: 29px 35px 19px;

  border-radius: 4px;

  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.11);

  border: solid 1.2px #e8e8e8;

  background-color: #ffffff;

  max-width: 500px;

  width: 100%;

  margin: auto;

  text-align: left;

}



.lastForm .field {

  margin-bottom: 15px;

}



.lastForm .control {

  position: relative;

}



.lastForm .field .label {

  text-transform: uppercase;

  padding-left: 3px;

  font-size: 12px;

  font-weight: 500;

  line-height: normal;

  letter-spacing: 1.2px;

  text-align: left;

  color: #2e2e54;

}



.input-field {

  height: 60px;

  border: 1px solid #cccccc;

  padding-left: 50px;

  padding-right: 25px;

  font-size: 15px;

  width: 100%;

  border-radius: 4px;

  color: #363636;

}



.control .icon {

  color: #363636;

  height: 25px;

  pointer-events: none;

  position: absolute;

  top: 0;

  bottom: 0;

  width: 50px;

  text-align: center;

  z-index: 4;

  margin: auto;

}



.control .icon svg {

  width: 24px;

  height: 24px;

  fill: #b3b3b3;

}



.phone_field .iti {

  width: 100%;

}



.iti__selected-flag {

  background: #f2f2f2;

}



.customCheckbox {

  position: relative;

}

.customCheckbox input[type="checkbox"] {

  position: absolute;

  left: 0;

  opacity: 0;

  top: 0;

  left: 0;

}

.customCheckbox > .lable-text {

  display: block;

  width: 100%;

  position: relative;

  padding-left: 26px;

  cursor: pointer;

  color: #333333;

  font-size: 14px;

}

.customCheckbox > .lable-text:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  width: 16px;

  height: 16px;

  border: 2px solid #e0e0e0;

  background: #ffffff;

  border-radius: 3px;

}

.customCheckbox > .lable-text:after {

  content: "";

  -webkit-transform: translate(4px, 5.38px) rotate(-45deg);

  transform: translate(4px, 5.38px) rotate(-45deg);

  width: 9px;

  height: 5px;

  border: 2px solid #fff;

  border-top-style: none;

  border-right-style: none;

  opacity: 0;

  transition: all 0.4s ease-in-out;

  position: absolute;

  left: 0;

  top: 0px;

  bottom: 14px;

  margin: auto;

}

.customCheckbox.darkCheck > .lable-text:after {

  border-color: #28304b;

}

.customCheckbox input[type="checkbox"]:checked + .lable-text:before {

  background-color: #e0001c;

  border-color: #e0001c;

}

.customCheckbox input[type="checkbox"]:checked + .lable-text:after {

  opacity: 1;

}



.next1::after {

  content: "";

  position: absolute;

  top: -50%;

  bottom: -50%;

  background: -webkit-gradient(

    linear,

    left top,

    right top,

    from(hsla(0, 0%, 100%, 0.1)),

    to(hsla(0, 0%, 100%, 0.6))

  );

  background: linear-gradient(

    90deg,

    hsla(0, 0%, 100%, 0.1),

    hsla(0, 0%, 100%, 0.6) 100%

  );

  width: 20px;

  -webkit-transform: skewX(-22deg);

  transform: skewX(-22deg);

  left: -65%;

  -webkit-animation-name: blick;

  animation-name: blick;

  -webkit-animation-duration: 3s;

  animation-duration: 3s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.label_cl {

  color: #e0001c;

}

.label_cl:hover {

  color: #000000;

}



.lastForm .field .btn {

  width: 100%;

  border-radius: 4px;

  z-index: 0;

  margin-top: 15px;

}



.lastForm .field .btn:after {

  content: "";

  position: absolute;

  top: -50%;

  bottom: -50%;

  background: -webkit-gradient(

    linear,

    left top,

    right top,

    from(hsla(0, 0%, 100%, 0.1)),

    to(hsla(0, 0%, 100%, 0.6))

  );

  background: linear-gradient(

    90deg,

    hsla(0, 0%, 100%, 0.1),

    hsla(0, 0%, 100%, 0.6) 100%

  );

  width: 45px;

  -webkit-transform: skewX(-22deg);

  transform: skewX(-22deg);

  left: -65%;

  -webkit-animation-name: blick;

  animation-name: blick;

  -webkit-animation-duration: 3s;

  animation-duration: 3s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



@-webkit-keyframes blick {

  60% {

    left: 100%;

  }



  to {

    left: 130%;

  }

}



@keyframes blick {

  60% {

    left: 100%;

  }



  to {

    left: 130%;

  }

}



.last-form-title {

  display: block;

  margin: auto;

  font-size: 28px;

  font-weight: 600;

  max-width: 68%;

  color: #222;

  text-align: center;

  margin-bottom: 10px;

  line-height: 1.2;

}



.last-form-sub-title {

  max-width: 68%;

  text-align: center;

  margin: auto;

  font-size: 20px;

  font-weight: 500;

  color: rgb(54 54 54 / 70%);

  margin-bottom: 20px;

}



fieldset:last-child .next1 {

  opacity: 0;

  visibility: hidden;

  display: none;

}



.progress.progress_comp{

  display: none;

}



.fullStep .role-list {

  position: relative;

}



label.error {

  position: absolute;

  right:0px;

  top: -20px;

  width: auto;

  height: auto;

  margin: 0;

  font-size: 12px !important;

  line-height: 12px !important;

  background: #fb0101;

  padding: 5px 5px 4px !important;

  color: #fff !important;

}

label.error:after {

  border-color: #fb0101 transparent transparent;

  -o-border-image: none;

  border-image: none;

  border-right: 6px solid transparent;

  border-style: solid;

  border-width: 6px;

  content: "";

  height: 0;

  left: 5px;

  position: absolute;

  top: 100%;

  width: 0;

}



/* step-form-css */



/* step-form-responsive-css */

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

  .progress{

    max-width: 95%;

  }

}



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

  .leadgen_popup .modal-dialog {

    max-width: 90%;

  }



  .pure-radiobox .radiobox-text-right{

    font-size: 16px;

  }

}



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

  .fullStep-header-title{

    font-size: 32px;

  }



  .last-form-title,.last-form-sub-title{

    max-width: 70%;

  }

}



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

  .backStep {

    right: 130px;

  }



  .progress {

    max-width: 80%;

}



.last-form-title, .last-form-sub-title {

  max-width: 100%;

}



.last-form-title{

  font-size: 24PX;

}

}



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

  .close-popup{

    right: 10px;

    top: 10px;

    width: 32px;

    height: 32px;

  }



  .close-popup:before,.close-popup:after{

    background: #000;

    width: 80%;

  }



  .leadgen_popup .modal-dialog {

    max-width: 90%;

}



.fullStep-header-title {

  font-size: 24px;

}

}



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

  .leadgen_popup .modal-dialog {

    max-width: 100%;

    margin: 0;

}



.progress {

  max-width: 65%;

}



.msform fieldset .leadStep{

  height: 310px;

  overflow: auto;

  margin-bottom: 15px;

  min-height: inherit;

}



.fullStep-header-title{

  margin-bottom: 20px;

}



.msform fieldset .leadStep {

  height: calc(100vh - 150px);

  overflow: auto;

  overflow-x: hidden;

  margin-bottom: 0px;

  min-height: inherit;

}



.modal-open .leadgen_popup.modal{

  overflow-y:hidden;

  padding-right: 0 !important;
  padding-left: 0 !important;

}



.pure-radiobox .radiobox-text-right {

  padding-left: 20px;

}



.fullStep-header-title {

  font-size: 18px;

  margin-bottom: 20px;

  margin-top: 20px;

}



.pure-radiobox input[type="radio"] + label{

  padding: 10px 20px;

}



.leadpopBox{

  padding: 20px;

}



.pure-radiobox input[type="radio"] + label:before {

  width: 14px;

  height: 14px;

  margin-top: -9px;

}



.pure-radiobox input[type="radio"] + label:after{

  top: 50%;

  left: 20px;

}



.pure-radiobox input[type="radio"] + label:after{

  width: 8px;

  height: 8px;

}



.next1{

  width: 100px;

  font-size: 14px !important;

  height: 40px;

}



.next1::before{

  right: 17px;

  width: 8px;

  height: 8px;

  top: 41%;

}



.backStep {

  right: 110px;

}



.progress {

  max-width: 55%;

}



.backStep{

  width: 40px;

  height: 40px;

}



.fullStep-form .form-control{

  height: 50px;

  padding: 10px 20px;

  font-size: 16px;

}



.last-form-title {

  font-size: 18px;

  margin-top: 20px;

}



.last-form-title {

    font-size: 18px;

}



.last-form-sub-title{

  font-size: 14px;

}



.lastForm{

  padding:0px;

  box-shadow: none;

  border: 0;

}



.input-field{

  height: 50px;

}



.laststep.next1::before {

  right: 9px;

  top: 43%;

}



.backStep::before{

  width: 8px;

  height: 8px;

}



.msform fieldset .leadStep.step8 {

  height: 100vh;

}



.pure-radiobox .radiobox-text-right {

  font-size: 14px;

}



.fullStep .role-list {

  margin-bottom: 15px;

}

.lastForm .field .label {
  letter-spacing: normal;
}



}



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



.progress {

  max-width: 50%;

}



}





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



}



/* step-form-responsive-css */





.fadeRight {

  animation: fadeRt 0.5s ease-in-out;

}



.fadeRight1 {

  animation: fadeRt 0.8s ease-in-out;

}



.fadeRight2 {

  animation: fadeRt 0.9s ease-in-out;

}



.fadeRight3 {

  animation: fadeRt 1s ease-in-out;

}



.fadeRight4 {

  animation: fadeRt 1.1s ease-in-out;

}



.fadeRight5 {

  animation: fadeRt 1.2s ease-in-out;

}



.fadeRight6 {

  animation: fadeRt 1.3s ease-in-out;

}



@keyframes fadeRt {

  from {

    opacity: 0;

    transform: translateX(300px);

  }

  to {

    opacity: 1;

  }

}