@import "https://fonts.googleapis.com/css?family=Roboto:400,500,700";*{box-sizing:border-box;margin:0}.hermes{width:100%;min-height:100vh;background-color:#fff;display:flex;justify-content:center}.hermes .container{max-width:958px;width:100%;background-color:#fff;margin:0;padding:0}.hermes .container .container__header{width:100%}.hermes .container .container__wrapper{width:100%;display:flex;justify-content:space-between;padding:20px}.hermes .container .container__wrapper .container__wrapper--main{width:70%;margin:0 auto}.hermes .container .container__wrapper .container__wrapper--sidebar{width:220px;margin-left:20px;position:relative}.hermes .container .container__wrapper .container__wrapper--sidebar .button_before,.hermes .container .container__wrapper .container__wrapper--sidebar .button_next{width:40px;height:80px;background-color:#ffc000;border:none;cursor:pointer;color:#000;font-size:30px;font-weight:700;font-family:serif}.hermes .container .container__wrapper .container__wrapper--sidebar .button_next{position:absolute;top:120px;right:0}.hermes .container .container__wrapper .container__wrapper--sidebar .button_before{position:absolute;top:120px;left:0}.hermes .container .container__offer{width:100%;padding:20px;margin-top:30px}.hermes .container .container__form{font-family:Roboto,sans-serif;max-width:580px;width:auto;padding:50px 20px;margin:20px 50px;background-color:#ebebeb;border:2px solid #6c6c6c;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.hermes .container .container__form .container__form--description{margin:10px 0 20px;font-size:16px}.hermes .container .container__form h2{width:auto;font-size:26px;text-align:left;color:#0083b2;position:absolute;top:-15px;left:15px;padding:0 5px;z-index:0}.hermes .container .container__form h2:after{content:'';display:block;position:inherit;top:0;height:50%;left:0;width:100%;background:#fff;z-index:-1}.hermes .container .container__form p{font-size:16px;margin:40px 0}.hermes .container .container__form .steps{max-width:420px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:25px 0 0}.hermes .container .container__form .steps .row1{display:flex;justify-content:space-between;width:100%}.hermes .container .container__form .steps .row1 p{color:#a5a5a5;font-size:12px;font-weight:400;line-height:16px;text-align:center;display:block;margin:0}.hermes .container .container__form .steps .row1 p span{font-weight:700}.hermes .container .container__form .steps .row2{margin:10px 0;width:85%;display:flex;justify-content:space-between;align-items:center}.hermes .container .container__form .steps .dot{width:16px;height:16px;background-image:url(../dot.html);background-color:#fff;border-radius:100%}.hermes .container .container__form .steps .line{width:40%;height:2px;background-color:#a5a5a5}.hermes .container .container__form .steps.step1 .text1{color:#000}.hermes .container .container__form .steps.step1 .dot1{background-image:url(../dot1.html)}.hermes .container .container__form .steps.step2 .text1,.hermes .container .container__form .steps.step2 .text2{color:#000}.hermes .container .container__form .steps.step2 .dot1{background-image:url(../dot2.html)}.hermes .container .container__form .steps.step2 .dot2{background-image:url(../dot1.html)}.hermes .container .container__form .steps.step2 .line1{background-color:#2e8300}.hermes .container .container__form .steps.step3 .text1,.hermes .container .container__form .steps.step3 .text2,.hermes .container .container__form .steps.step3 .text3{color:#000}.hermes .container .container__form .steps.step3 .dot1{background-image:url(../dot2.html)}.hermes .container .container__form .steps.step3 .dot2{background-image:url(../dot2.html)}.hermes .container .container__form .steps.step3 .dot3{background-image:url(../dot1.html)}.hermes .container .container__form .steps.step3 .line1,.hermes .container .container__form .steps.step3 .line2{background-color:#2e8300}.hermes .container .container__form #form{width:100%}.hermes .container .container__form #form div{display:flex;flex-direction:column;justify-content:center;align-items:center}.hermes .container .container__form #form div div{width:100%;margin:0;padding:0;position:relative;display:none}.hermes .container .container__form #form div div label{width:150px;font-size:16px;text-align:right;margin:0 5px 0 0}.hermes .container .container__form #form div div label.active{top:8px;font-size:10px}.hermes .container .container__form #form div div input,.hermes .container .container__form #form div div select,.hermes .container .container__form #form div div textarea{max-width:220px;width:100%;height:20px;padding:0;font-size:16px;margin:5px 0}.hermes .container .container__form #form div div ul~input{border:solid 1px red}.hermes .container .container__form #form div div ul{width:100%;padding:0 0 10px 20px}.hermes .container .container__form #form div div ul li{color:red}.hermes .container .container__form #form div div #note2{height:60px}.hermes .container .container__form #form div div textarea{resize:none;height:50px;padding:15px 10px}.hermes .container .container__form #form div div #basic_core_form_cod{width:20px!important}.hermes .container .container__form #form div .show{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.hermes .container .container__form #form div button{max-width:420px;width:100%;min-height:68px;margin:20px auto 0;display:block;position:static;text-decoration:underline;padding:12px 10px;background-color:#0083b2;color:#fff;text-align:center;border-radius:5px;font-size:18px;font-weight:700;cursor:pointer;border:none;text-decoration:none;box-shadow:inset 0 1px 0 0 #aec3e5;text-shadow:0 -1px 1px #64799e}.hermes .container .container__form #form .cod_box{display:none;flex-direction:row-reverse!important;justify-content:flex-start!important;align-items:flex-start!important;margin:10px 0}.hermes .container .container__form #form .cod_box label{width:100%;position:static;transform:none!important;font-size:16px!important;text-align:left}.hermes .container .container__form #form .cod_box input{width:20px;height:20px;margin:0 10px 0 0}.hermes .container .container__form .next_step{color:#333;font-size:16px;font-weight:400;line-height:20px;text-align:center;margin:0;display:none}.hermes .container .container__form .next_step span{font-weight:700}.hermes .container .container__form .button_steps{max-width:420px;width:100%;min-height:68px;argin:0 auto;margin:20px 0;display:block;position:static;text-decoration:underline;padding:12px 10px;background-color:#1b478a;color:#fff;text-align:center;border-radius:2px;font-size:18px;font-weight:700;cursor:pointer;border:none;text-decoration:none;box-shadow:inset 0 1px 0 0 #aec3e5;text-shadow:0 -1px 1px #64799e}.hermes .container .container__footer{width:100%;padding:0 20px 20px}@media only screen and (max-width:768px){.hermes .container .container__wrapper{flex-direction:column;padding:0}.hermes .container .container__wrapper .container__wrapper--main{width:100%;padding:20px 0 0}.hermes .container .container__wrapper .container__wrapper--sidebar{width:100%;margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:#e6e6e6;overflow-x:hidden;position:relative}.hermes .container .container__wrapper .container__wrapper--sidebar .container__wrapper--slider{display:flex;justify-content:flex-start;align-items:flex-start}.hermes .container .container__offer{max-width:100%;width:100%;padding:0}.hermes .container .container__form{margin:20px auto;padding:30px 20px}.hermes .container .container__form h2{font-size:18px;top:-10px}.hermes .container .container__form .container__form--description{font-size:14px}.hermes .container .container__form #form div div label{font-size:14px}.hermes .container .container__form #form div div input,.hermes .container .container__form #form div div select,.hermes .container .container__form #form div div textarea{font-size:14px}.hermes .container .container__form #form .cod_box label{font-size:14px!important}.hermes .container .container__form #form div button{font-size:16px}.hermes .container .container__formMobile{font-family:Roboto,sans-serif;max-width:600px;width:auto;padding:50px;margin:20px 50px;background-color:#dddee3;border:2px solid #cccdce;display:flex;flex-direction:column;justify-content:center;align-items:center}.hermes .container .container__formMobile .container__form--description{margin:10px 0}.hermes .container .container__formMobile h2{font-size:26px;color:#a5a5a5;text-align:center}.hermes .container .container__formMobile p{font-size:16px;margin:40px 0}.hermes .container .container__formMobile .steps{max-width:420px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:25px 0 0}.hermes .container .container__formMobile .steps .row1{display:flex;justify-content:space-between;width:100%}.hermes .container .container__formMobile .steps .row1 p{color:#a5a5a5;font-size:12px;font-weight:400;line-height:16px;text-align:center;display:block;margin:0}.hermes .container .container__formMobile .steps .row1 p span{font-weight:700}.hermes .container .container__formMobile .steps .row2{margin:10px 0;width:85%;display:flex;justify-content:space-between;align-items:center}.hermes .container .container__formMobile .steps .dot{width:16px;height:16px;background-image:url(../dot.html);background-color:#fff;border-radius:100%}.hermes .container .container__formMobile .steps .line{width:40%;height:2px;background-color:#a5a5a5}.hermes .container .container__formMobile .steps.step1 .text1{color:#000}.hermes .container .container__formMobile .steps.step1 .dot1{background-image:url(../dot1.html)}.hermes .container .container__formMobile .steps.step2 .text1,.hermes .container .container__formMobile .steps.step2 .text2{color:#000}.hermes .container .container__formMobile .steps.step2 .dot1{background-image:url(../dot2.html)}.hermes .container .container__formMobile .steps.step2 .dot2{background-image:url(../dot1.html)}.hermes .container .container__formMobile .steps.step2 .line1{background-color:#2e8300}.hermes .container .container__formMobile .steps.step3 .text1,.hermes .container .container__formMobile .steps.step3 .text2,.hermes .container .container__formMobile .steps.step3 .text3{color:#000}.hermes .container .container__formMobile .steps.step3 .dot1{background-image:url(../dot2.html)}.hermes .container .container__formMobile .steps.step3 .dot2{background-image:url(../dot2.html)}.hermes .container .container__formMobile .steps.step3 .dot3{background-image:url(../dot1.html)}.hermes .container .container__formMobile .steps.step3 .line1,.hermes .container .container__formMobile .steps.step3 .line2{background-color:#2e8300}.hermes .container .container__formMobile #form{max-width:420px;width:100%}.hermes .container .container__formMobile #form div{display:flex;flex-direction:column;justify-content:center;align-items:center}.hermes .container .container__formMobile #form div div{max-width:420px;width:100%;margin:0;padding:0;position:relative;display:none}.hermes .container .container__formMobile #form div div label{width:100%;font-size:18px;position:absolute;top:20px;left:10px;transition:.1s;text-align:left}.hermes .container .container__formMobile #form div div label.active{top:8px;font-size:10px}.hermes .container .container__formMobile #form div div input,.hermes .container .container__formMobile #form div div select,.hermes .container .container__formMobile #form div div textarea{max-width:100%;width:100%;height:50px;padding:10px;font-size:18px;margin:5px 0}.hermes .container .container__formMobile #form div div ul~input{border:solid 1px red}.hermes .container .container__formMobile #form div div ul{width:100%;padding:0 0 10px 20px}.hermes .container .container__formMobile #form div div ul li{color:red}.hermes .container .container__formMobile #form div div #note2{height:100px}.hermes .container .container__formMobile #form div div textarea{resize:none;height:50px;padding:15px 10px}.hermes .container .container__formMobile #form div div #basic_core_form_cod{width:20px!important}.hermes .container .container__formMobile #form div .show{display:flex;flex-direction:column-reverse}.hermes .container .container__formMobile #form div button{max-width:420px;width:100%;min-height:68px;argin:0 auto;margin:20px 0;display:block;position:static;text-decoration:underline;padding:12px 10px;background-color:#1b478a;color:#fff;text-align:center;border-radius:2px;font-size:18px;font-weight:700;cursor:pointer;border:none;text-decoration:none;box-shadow:inset 0 1px 0 0 #aec3e5;text-shadow:0 -1px 1px #64799e}.hermes .container .container__formMobile #form .cod_box{display:none;flex-direction:row-reverse!important;justify-content:flex-start;align-items:flex-start}.hermes .container .container__formMobile #form .cod_box label{width:100%;position:static;transform:none!important;font-size:16px!important}.hermes .container .container__formMobile #form .cod_box input{width:30px;height:30px;margin:0 10px 0 0}.hermes .container .container__formMobile .next_step{color:#333;font-size:16px;font-weight:400;line-height:20px;text-align:center;margin:0;display:none}.hermes .container .container__formMobile .next_step span{font-weight:700}.hermes .container .container__formMobile .button_steps{max-width:420px;width:100%;min-height:68px;argin:0 auto;margin:20px 0;display:block;position:static;text-decoration:underline;padding:12px 10px;background-color:#1b478a;color:#fff;text-align:center;border-radius:2px;font-size:18px;font-weight:700;cursor:pointer;border:none;text-decoration:none;box-shadow:inset 0 1px 0 0 #aec3e5;text-shadow:0 -1px 1px #64799e}.hermes .container .container__formMobile{max-width:100%;width:100%;margin:0;padding:20px 10px;border:0}.hermes .container .container__formMobile .container__form--description{display:none}.hermes .container .container__formMobile .steps{max-width:100%}.hermes .container .container__formMobile .steps .row2{width:100%;padding:0 27px}.hermes .container .container__formMobile h2{font-size:20px;font-weight:700;color:#000;padding:0;position:static}.hermes .container .container__formMobile h2::after{display:none}.hermes .container .container__formMobile p{margin:25px 0}.hermes .container .container__formMobile #form{max-width:100%}.hermes .container .container__formMobile #form #basic_core_form{padding:0}.hermes .container .container__formMobile #form #basic_core_form div{max-width:100%;width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start}.hermes .container .container__formMobile #form div div{max-width:100%}.hermes .container .container__formMobile #form div button{max-width:100%}.hermes .container .container__formMobile #form #basic_core_form div input,.hermes .container .container__formMobile #form #basic_core_form div label,.hermes .container .container__formMobile #form #basic_core_form div select,.hermes .container .container__formMobile #form #basic_core_form div textarea{max-width:100%;width:100%;text-align:left;font-size:16px}.hermes .container .container__formMobile #form #basic_core_form div label{padding:0 0 5px}.hermes .container .container__formMobile #form #basic_core_form div button{margin:0}.hermes .container .container__footer{padding:50px 0 2px;background-color:#051923}}@media only screen and (max-width:480px){.hermes .container .container__form #form div .show{flex-direction:column}.hermes .container .container__formMobile #form div .show{flex-direction:column-reverse}.hermes .container .container__form #form div div label{width:100%;text-align:left}.hermes .container .container__form #form div div input,.hermes .container .container__form #form div div select,.hermes .container .container__form #form div div textarea{max-width:100%;width:100%}}