/*!tailwindcss v2.2.17 | MIT License | https://tailwindcss.com*/
/*!modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize*/

*,::before,::after{box-sizing:border-box}
html{-moz-tab-size:4;-o-tab-size:4;tab-size:4}
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
body{font-family:system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji}
hr{height:0;color:inherit}
abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,liberation mono,Menlo,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,select{text-transform:none}
button,[type=button]{-webkit-appearance:button}
legend{padding:0}
progress{vertical-align:baseline}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
button{background-color:transparent;background-image:none}
fieldset{margin:0;padding:0}
ol,ul{list-style:none;margin:0;padding:0}
html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;line-height:1.5}
body{font-family:inherit;line-height:inherit}
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:initial}
hr{border-top-width:1px}
img{border-style:solid}
textarea{resize:vertical}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
button{cursor:pointer}
table{border-collapse:collapse}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}
pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
*,::before,::after{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}
.prose{color:#374151;max-width:65ch}
.prose [class~=lead]{color:#4b5563;font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}
.prose a{color:#111827;text-decoration:underline;font-weight:500}
.prose strong{color:#111827;font-weight:600}
.prose ol[type=a]{--list-counter-style:lower-alpha}
.prose ol[type=as]{--list-counter-style:lower-alpha}
.prose ol[type=I]{--list-counter-style:upper-roman}
.prose ol[type=i]{--list-counter-style:lower-roman}
.prose ol[type=Is]{--list-counter-style:upper-roman}
.prose ol[type=is]{--list-counter-style:lower-roman}
.prose ol[type="1"]{--list-counter-style:decimal}
.prose ol>li{position:relative;padding-left:1.75em}
.prose ol>li::before{content:counter(list-item,var(--list-counter-style,decimal))".";position:absolute;font-weight:400;color:#6b7280;left:0}
.prose ul>li{position:relative;padding-left:1.75em}
.prose ul>li::before{content:"";position:absolute;background-color:#d1d5db;border-radius:50%;width:.375em;height:.375em;top:calc(.875em - .1875em);left:.25em}
.prose hr{border-color:#e5e7eb;border-top-width:1px;margin-top:3em;margin-bottom:3em}
.prose blockquote{font-weight:500;font-style:italic;color:#111827;border-left-width:.25rem;border-left-color:#e5e7eb;quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}
.prose blockquote p:first-of-type::before{content:open-quote}
.prose blockquote p:last-of-type::after{content:close-quote}
.prose h1{color:#111827;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}
.prose h2{color:#111827;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}
.prose h3{color:#111827;font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}
.prose h4{color:#111827;font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}
.prose figure figcaption{color:#6b7280;font-size:.875em;line-height:1.4285714;margin-top:.8571429em}
.prose code{color:#111827;font-weight:600;font-size:.875em}
.prose code::before{content:"`"}
.prose code::after{content:"`"}
.prose a code{color:#111827}
.prose pre{color:#e5e7eb;background-color:#1f2937;overflow-x:auto;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-right:1.1428571em;padding-bottom:.8571429em;padding-left:1.1428571em}
.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}
.prose pre code::before{content:none}
.prose pre code::after{content:none}
.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}
.prose thead{color:#111827;font-weight:600;border-bottom-width:1px;border-bottom-color:#d1d5db}
.prose thead th{vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}
.prose tbody tr{border-bottom-width:1px;border-bottom-color:#e5e7eb}
.prose tbody tr:last-child{border-bottom-width:0}
.prose tbody td{vertical-align:top;padding-top:.5714286em;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}
.prose{font-size:1rem;line-height:1.75}
.prose p{margin-top:1.25em;margin-bottom:1.25em}
.prose img{margin-top:2em;margin-bottom:2em}
.prose video{margin-top:2em;margin-bottom:2em}
.prose figure{margin-top:2em;margin-bottom:2em}
.prose figure>*{margin-top:0;margin-bottom:0}
.prose h2 code{font-size:.875em}
.prose h3 code{font-size:.9em}
.prose ol{margin-top:1.25em;margin-bottom:1.25em}
.prose ul{margin-top:1.25em;margin-bottom:1.25em}
.prose li{margin-top:.5em;margin-bottom:.5em}
.prose>ul>li p{margin-top:.75em;margin-bottom:.75em}
.prose>ul>li>*:first-child{margin-top:1.25em}
.prose>ul>li>*:last-child{margin-bottom:1.25em}
.prose>ol>li>*:first-child{margin-top:1.25em}
.prose>ol>li>*:last-child{margin-bottom:1.25em}
.prose ul ul,.prose ul ol,.prose ol ul,.prose ol ol{margin-top:.75em;margin-bottom:.75em}
.prose hr+*{margin-top:0}
.prose h2+*{margin-top:0}
.prose h3+*{margin-top:0}
.prose h4+*{margin-top:0}
.prose thead th:first-child{padding-left:0}
.prose thead th:last-child{padding-right:0}
.prose tbody td:first-child{padding-left:0}
.prose tbody td:last-child{padding-right:0}
.prose>:first-child{margin-top:0}
.prose>:last-child{margin-bottom:0}
.absolute{position:absolute}
.relative{position:relative}
.inset-x-0{left:0;right:0}
.z-10{z-index:10}
.z-20{z-index:20}
.z-30{z-index:30}
.m-12{margin:3rem}
.mx-auto{margin-left:auto;margin-right:auto}
.my-2{margin-top:.5rem;margin-bottom:.5rem}
.mt-2{margin-top:.5rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-24{margin-top:6rem}
.mt-32{margin-top:8rem}
.-mt-3{margin-top:-.75rem}
.-mt-6{margin-top:-1.5rem}
.mr-auto{margin-right:auto}
.mb-2{margin-bottom:.5rem}
.mb-4{margin-bottom:1rem}
.block{display:block}
.flex{display:flex}
.table{display:table}
.grid{display:grid}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-8{height:2rem}
.h-full{height:100%}
.min-h-full{min-height:100%}
.min-h-screen{min-height:100vh}
.w-6{width:1.5rem}
.w-8{width:2rem}
.w-auto{width:auto}
.w-full{width:100%}
.w-screen{width:100vw}
.max-w-sm{max-width:24rem}
.max-w-7xl{max-width:80rem}
.flex-grow{flex-grow:1}
.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x))translateY(var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}
.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}
.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}
@-webkit-keyframes spin{to{transform:rotate(360deg)}
}
@keyframes spin{to{transform:rotate(360deg)}
}
@-webkit-keyframes ping{75%,100%{transform:scale(2);opacity:0}
}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}
}
@-webkit-keyframes pulse{50%{opacity:.5}
}
@keyframes pulse{50%{opacity:.5}
}
@-webkit-keyframes bounce{0%,100%{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}
50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}
}
@keyframes bounce{0%,100%{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}
50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}
}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.flex-col{flex-direction:column}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.gap-8{gap:2rem}
.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}
.gap-y-6{row-gap:1.5rem}
.rounded-xl{border-radius:.75rem}
.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}
.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}
.bg-triage-blue-mid{--tw-bg-opacity:1;background-color:#03101C}
.bg-triage-blue{--tw-bg-opacity:1;background-color:#0945f2}
.bg-triage-red{--tw-bg-opacity:1;background-color:#ff2e55}
.bg-triage-green{--tw-bg-opacity:1;background-color:#388d4a}
.bg-triage-video{--tw-bg-opacity:1;background-color:#003053}
.bg-triage-blue{--tw-bg-opacity:1;background-color:#006cd2}
.bg-triage-sign{--tw-bg-opacity:1;background-color:#a42020}
.bg-triage-orange{--tw-bg-opacity:1;background-color:#f3b665}
.bg-triage-yellow{--tw-bg-opacity:1;background-color:#014b5f}
.bg-triage-purple{--tw-bg-opacity:1;background-color:#003049}
.bg-triage-grey{--tw-bg-opacity:1;background-color:rgba(242,242,242,var(--tw-bg-opacity))}
.bg-opacity-5{--tw-bg-opacity:0.05}
.bg-opacity-20{--tw-bg-opacity:0.2}
.group:hover .group-hover\:bg-opacity-10{--tw-bg-opacity:0.1}
.fill-current{fill:currentColor}
.p-8{padding:2rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-8{padding-left:2rem;padding-right:2rem}
.px-12{padding-left:3rem;padding-right:3rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.pt-12{padding-top:3rem}
.pt-16{padding-top:4rem}
.pt-24{padding-top:6rem}
.pb-12{padding-bottom:3rem}
.pb-16{padding-bottom:4rem}
.text-center{text-align:center}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.font-light{font-weight:300}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.leading-6{line-height:1.5rem}
.tracking-tight{letter-spacing:-.025em}
.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}
.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}
.text-opacity-50{--tw-text-opacity:0.5}
.text-opacity-75{--tw-text-opacity:0.75}
.hover\:text-opacity-100:hover{--tw-text-opacity:1}
.opacity-70{opacity:.7}
*,::before,::after{--tw-shadow:0 0 #0000}
*,::before,::after{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}
.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.duration-500{transition-duration:500ms}
body{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}
a{text-underline-offset:2px}
.card-stack{width:335px}
.card{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));max-width:335px;box-shadow:0 5px 20px rgba(0,0,0,.1);border-radius:16px;padding:24px}
.card.expanded{max-width:65ch}
.back-card{background:linear-gradient(0deg,rgba(0,122,255,.5),rgba(0,122,255,.5)),#fff}
.middle-card{background:linear-gradient(0deg,rgba(0,122,255,.25),rgba(0,122,255,.25)),#fff}
.prose{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));--tw-text-opacity:0.75}
.prose strong{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));--tw-text-opacity:0.75}
.prose h1,.prose h2,.prose h3,.prose h4{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));font-weight:600}
.prose a,.prose a:visited{--tw-text-opacity:1;color:rgba(0,122,255,var(--tw-text-opacity));text-decoration:none;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;transition-duration:200ms}
.prose a:hover,.prose a:visited:hover{--tw-text-opacity:1;color:rgba(28,96,225,var(--tw-text-opacity));text-decoration:none}
#footer a{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));--tw-text-opacity:0.75;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;transition-duration:200ms}
#footer a:hover{--tw-text-opacity:0.5;text-decoration:none}
#brag #footer{margin-top:0;padding-top:2rem;padding-bottom:2rem}
#brag #footer div{justify-content:center}
#brag #footer a{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity));--tw-text-opacity:0.75;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;transition-duration:200ms}
#brag #footer a:hover{--tw-text-opacity:0.5;text-decoration:none}
@media(min-width:640px){.sm\:px-0{padding-left:0;padding-right:0}
.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
.sm\:text-5xl{font-size:3rem;line-height:1}
}
@media(min-width:768px){}
@media(min-width:1024px){.lg\:h-12{height:3rem}
.lg\:w-12{width:3rem}
.lg\:w-1\/2{width:50%}
.lg\:max-w-2xl{max-width:42rem}
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:flex-row{flex-direction:row}
.lg\:flex-row-reverse{flex-direction:row-reverse}
.lg\:items-start{align-items:flex-start}
.lg\:justify-between{justify-content:space-between}
.lg\:bg-transparent{background-color:transparent}
.lg\:p-0{padding:0}
.lg\:p-24{padding:6rem}
.lg\:px-8{padding-left:2rem;padding-right:2rem}
.lg\:px-24{padding-left:6rem;padding-right:6rem}
.lg\:pt-24{padding-top:6rem}
.lg\:pb-24{padding-bottom:6rem}
.lg\:pl-32{padding-left:8rem}
.lg\:text-2xl{font-size:1.5rem;line-height:2rem}
.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}
.lg\:text-5xl{font-size:3rem;line-height:1}
}
@media(min-width:1280px){.xl\:m-24{margin:6rem}
.xl\:mr-0{margin-right:0}
.xl\:ml-0{margin-left:0}
.xl\:max-w-5xl{max-width:64rem}
.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.xl\:flex-row{flex-direction:row}
.xl\:justify-between{justify-content:space-between}
.xl\:pl-0{padding-left:0}
.xl\:pl-8{padding-left:2rem}
.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}
.xl\:text-2xl{font-size:1.5rem;line-height:2rem}
.xl\:text-3xl{font-size:1.875rem;line-height:2.25rem}
}
@media(min-width:1536px){}


 .community_btn{
    background: #ff2e55;
    border-radius: 11px;
    padding:8px 8px;
    color: #ffffff;
    border: 1px solid #ffffff;    
    display: inline-flex; /* Use inline-flex to align items horizontally */
    align-items: center; /* Center items vertically */
    font: normal bold 16px/1 "Open Sans", sans-serif;
    text-align: center;
  }

  .support_btn{
    background: #ff2e55;
    border-radius: 11px;
    padding:8px 8px;
    color: #ffffff;
    border: 1px solid #ffffff;    
    display: inline-flex; /* Use inline-flex to align items horizontally */
    align-items: center; /* Center items vertically */
    font: normal bold 16px/1 "Open Sans", sans-serif;
    text-align: center;
  }

 .community_btn::before {
   content: ''; /* Empty content for the pseudo-element */
    background-image: url('/assets/img/community.png'); /* URL of your PNG image */
    background-size: cover; /* Adjust the size of the image */
    background-position: center; /* Center the image within the button */
    width: 38px; /* Adjust the width of the image */
    height: 38px; /* Adjust the height of the image */
    margin-right: 5px; /* Optional: Adds space between the image and text */

 }

 .support_btn::before {
   content: ''; /* Empty content for the pseudo-element */
    background-image: url('/assets/img/support.png'); /* URL of your PNG image */
    background-size: cover; /* Adjust the size of the image */
    background-position: center; /* Center the image within the button */
    width: 38px; /* Adjust the width of the image */
    height: 38px; /* Adjust the height of the image */
    margin-right: 5px; /* Optional: Adds space between the image and text */

 }


.image-links  {
  display: inline-block;
  align-items: flex-start;   
  padding-top:10px;
  margin-right: 10px; /* Optional: Adds space between the images */
}

    .image-container {
      position: relative;
      width: 400px; /* Adjust the width as needed */
      height: 100px; /* Adjust the height as needed */
    }

    .link-overlay {
      position: absolute;
      display: block;
    }

    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
   content: "";
   background-image: url('https://www.foremanhub.app/logos/logo-transperent.png');
   background-repeat: no-repeat;
   background-size: 46px;
   background-position: 55% calc(50% - 0px);
   border: none !important;
   box-shadow: none !important;
}


/****** Zoom form ******/
/*basic reset*/
* {margin: 0; padding: 0;}

html {
  height: 100%;
  /*Image only BG fallback*/
  
  /*background = gradient + image pattern combo*/
  background-color: #a42020;
}

/*form styles*/
#msform {
  font-family: montserrat, arial, verdana;
  width: 380px;
  margin-top: 30px;
  text-align: center;
  position: relative;
}
#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
  padding: 20px 30px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 10%;
  
  /*stacking fieldsets above each other*/
  position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}
/*inputs*/
#msform input, #msform textarea {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 90%;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2C3E50;
  font-size: 13px;
}
/*buttons*/
#msform .action-button {

  background: #27AE60;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 1px;
  cursor: pointer;
  padding: 10px;
  margin: 10px 5px;
  text-decoration: none;
  font-size: 14px;
}
#msform .action-button:hover, #msform .action-button:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
/*headings*/
.fs-title {
  font-size: 15px;
  text-transform: uppercase;
  color: #2C3E50;
  margin-bottom: 10px;
}
.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  margin-bottom: 20px;
}

.red-message{
	color:red;
}

/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}
#progressbar li {
  list-style-type: none;
  color: white;
  text-transform: uppercase;
  font-size: 9px;
  width: 50%;
  float: left;
  position: relative;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 10px;
  color: #333;
  background: white;
  border-radius: 3px;
  margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: white;
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
  background: #27AE60;
  color: white;
}



/******** zoom form *******/