/*
    [Custom Stylesheet]

    Project: Step Plugin
    Version: 1.0
    Date Created: 03/18/2017
    Date Updated: 03/18/2017
    Author: Nghia Luong Minh
    Website: http://minhnghia.info
    Email: minhnghia7793@gmail.com
*/

.ps-clear { display: block; clear: both; }
.ps-step__content .acf-field.-c0 { clear: inherit; }

/* ************ELEMENTS**************/
.ps-btn, button.ps-btn { margin-bottom: 15px; margin-right: 15px; display: inline-block; padding: 10px 40px; font-family: "Montserrat", sans-serif; font-weight: 650; line-height: 20px; font-size: 12px; border: 2px solid #fff; color: #666; text-transform: uppercase; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }

.ps-btn:hover, button.ps-btn:hover { background-color: #1CD1AA; color: #fff; }

.ps-btn--success, button.ps-btn--success { background-color: #1CD1AA; border-color: #1CD1AA; color: #fff; }

.ps-btn--success:hover, button.ps-btn--success:hover { background-color: #16a485; }

.ps-btn--warning, button.ps-btn--warning { background-color: #f89327; border-color: #f89327; color: #fff; }

.ps-btn--warning:hover, button.ps-btn--warning:hover { background-color: #e57a07; }

/* .form-control { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }

.form-control:focus { outline: none; border-color: #1CD1AA; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

input.form-control { height: 50px; }

label { display: inline-block; margin-bottom: 10px; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 500; } */

/* .ps-step { background-color: #fff; padding: 15px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); } */

.ps-step__header { padding: 30px 15px; }

.ps-step__number { display: inline-block; position: relative; margin-bottom: 10px; width: 50px; height: 50px; z-index: 100; background-color: #e4e4e4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }

.ps-step__number i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-style: normal; font-weight: 600; font-size: 20px; color: #fff; }

.ps-step__title { display: block; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 500; color: #303030; }

.ps-step__process::after { clear: both; content: ""; display: table; }

.ps-step__process li { position: relative; float: left; /*padding-right: 30px;*/ /*width: calc(100% / 2);*/ text-align: center; }

.ps-step__process li:before { content: ''; position: absolute; top: 25px; right: 100%; width: 100%; height: 5px; background-color: #e4e4e4; z-index: 10; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); }

.ps-step__process li:first-child:before { display: none; }

.ps-step__process li.active:before { background-color: #1CD1AA; }

.ps-step__process li.active .ps-step__number { background-color: #1CD1AA; }

.ps-step__process a { display: block; }

.ps-step__content { border-top: 1px solid #f89327; padding: 0; position: relative; min-height: 300px; }

.ps-step__tab { position: absolute; padding: 15px; width: 100%; background-color: #eef0f4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; z-index: 100; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); visibility: hidden; opacity: 0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; }

.ps-step__tab.active { display: block; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }

.ps-step__tab.seen { -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }

@media (max-width: 767px) { .ps-step .ps-step__process { text-align: center; }
  .ps-step .ps-step__process li { float: none; margin: 0 auto; padding: 20px 0; }
  .ps-step .ps-step__process li:before { display: none; } }

.ps-step--style2 .ps-step__number { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.ps-step--style2 .ps-step__process li:before { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; visibility: hidden; opacity: 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }

.ps-step--style2 .ps-step__process li.active:before { width: 100%; visibility: visible; opacity: 1; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); }

.ps-step--style2 .ps-step__tab { -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.ps-step--style3 .ps-step__number { width: 100px; height: 100px; }

.ps-step--style3 .ps-step__number.active { background-color: #f89327; }

.ps-step--style3 .ps-step__process li:before { top: 50px; left: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.ps-step--style3 .ps-step__process li:first-child:before { display: block; }

.ps-step--style3 .ps-step__process li.active:before { background-color: #f89327; }

.ps-step--style3 .ps-step__process li.active .ps-step__number { background-color: #f89327; }

.ps-step--style3 .ps-step__tab { -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }

.ps-step--style3 .ps-step__tab.active { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }

@media (max-width: 767px) { .ps-step--style3 .ps-step__process { text-align: center; }
  .ps-step--style3 .ps-step__process li { float: none; margin: 0 auto; padding: 20px 0; }
  .ps-step--style3 .ps-step__process li:before { display: none; }
  .ps-step--style3 .ps-step__process li:first-child:before { display: none; } }

.ps-step--style4 .ps-step__number { display: none; }

.ps-step--style4 .ps-step__title { position: relative; padding-bottom: 5px; color: #999; }

.ps-step--style4 .ps-step__title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #1CD1AA; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }

.ps-step--style4 .ps-step__header { margin-bottom: 0; text-align: center; }

.ps-step--style4 .ps-step__process { display: inline-block; }

.ps-step--style4 .ps-step__process li { width: auto; }

.ps-step--style4 .ps-step__process li:before { display: none; }

.ps-step--style4 .ps-step__process li.active .ps-step__title { color: #303030; }

.ps-step--style4 .ps-step__process li.active .ps-step__title:after { visibility: visible; opacity: 1; }

.ps-step--style4 .ps-step__tab { -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }

.ps-step--style4 .ps-step__tab.active { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }

.ps-step--style5 .ps-step__number { display: none; }

.ps-step--style5 .ps-step__header { padding: 0; }

.ps-step--style5 .ps-step__title { padding: 10px 0; display: block; font-size: 14px; line-height: 20px; }

.ps-step--style5 .ps-step__process li { position: relative; text-align: left; padding-left: 40px; padding-right: 0; border-right: 1px solid #e4e4e4; }

.ps-step--style5 .ps-step__process li:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: transparent; height: 0; width: 0; border-bottom: 20px solid transparent; border-left: 20px solid #1CD1AA; border-top: 20px solid transparent; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); }

.ps-step--style5 .ps-step__process li.active:before { display: block; width: 0; background-color: transparent; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); visibility: visible; opacity: 1; }

.ps-step--style5 .ps-step__tab { -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }

.ps-step--style5 .ps-step__tab.active { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }

@media (max-width: 767px) { .ps-step--style5 .ps-step__title { text-align: center; }
  .ps-step--style5 .ps-step__process { text-align: center; }
  .ps-step--style5 .ps-step__process li { float: none; border: none; margin: 0 auto; padding: 20px 0; }
  .ps-step--style5 .ps-step__process li:before { display: none; }
  .ps-step--style5 .ps-step__process li.active:before { display: none; }
  .ps-step--style5 .ps-step__process li.active .ps-step__title { color: #1CD1AA; } }

.ps-step--style6 .ps-step__number { width: 30px; height: 30px; background-color: #e4e4e4; }

.ps-step--style6 .ps-step__number i { display: none; }

.ps-step--style6 .ps-step__number:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; width: 50%; height: 50%; background-color: #e4e4e4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

.ps-step--style6 .ps-step__process li:before { top: 15px; background-color: #e4e4e4; }

.ps-step--style6 .ps-step__process li.active:before { background-color: #fbe8aa; }

.ps-step--style6 .ps-step__process li.active .ps-step__number { background-color: #fbe8aa; }

.ps-step--style6 .ps-step__process li.active .ps-step__number:before { background-color: #fbbd19; }

.ps-section { /*padding: 50px 0;*/ position: relative; }

.ps-section--gray { background-color: #f9f9f9; }

.field_type-multi_steps, .acf-field-step {display: none}

/* .ps-step__tab .acf-input-wrap input[type='text'] { height: 50px } */

.acf_postbox p.label {text-align: left !important;}

/*# sourceMappingURL=style.css.map */
.ps-step_error .acf-label{color: #f00;}
.ps-step_error .acf-input .acf-input-wrap input {border: 1px solid #f00;}
.ps-step_error .acf-input .dropdown-toggle {border: 1px solid #f00 !important;}