@import url(https://fonts.googleapis.com/css?family=Lato:400,400i|Open+Sans:400,400i); @import url(https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap); @import url(https://fonts.googleapis.com/css2?family=Questrial&display=swap); *, :after, :before, img { image-rendering: -webkit-optimize-contrast } a, a[href^="tel:"] { text-decoration: none } .animated_box, .form_frame_a, .select-field, .wrapper { position: relative } .clear, .clearfix, .secode_box { clear: both } #error-msg, #recaptcha-error, #success { z-index: 9; background: rgb(0, 0, 0, .4); top: 0; position: fixed; height: 100%; width: 100% } .info_heading, .required-info, .strong_head, .text_uppercase { text-transform: uppercase } .clear, .clearfix, .input-file, .js-labelFile, .wskLabel { overflow: hidden } *, :after, :before { box-sizing: border-box; -moz-box-sizing: border-box } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-text-size-adjust: 100% } .group, [class^=form_frame], img { vertical-align: top } article, aside, details, figcaption, figure, footer, header, hgroup, label.error+label, label.error+label+label::before, menu, nav, section { display: block } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ''; ontent: none } table { border-collapse: collapse; border-spacing: 0 } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } input, select, select.form_field, textarea { -webkit-appearance: none } body { font-size: 14px; line-height: 22px; font-family: Questrial; color: #333 } a:hover { text-decoration: underline } img { max-width: 100% } textarea { resize: vertical } iframe { border: none; width: 100% } h1, h2, h3, h4, ul { margin: 0; padding: 0; list-style: none } b, strong { font-weight: 700 } em, i { font-style: italic } input[type=submit] { cursor: pointer } a[href^="tel:"] { color: inherit !important } .clearfix:after, .clearfix:before { content: ""; display: table; clear: both } ::-webkit-input-placeholder { opacity: .9; color: inherit } ::-moz-placeholder { opacity: .9; color: inherit } :-ms-input-placeholder { opacity: .9; color: inherit } :-moz-placeholder { opacity: .9; color: inherit } .btn-submit, .recapBtn, [class^=wrap_] { display: inline-block; vertical-align: top } #text { font-size: 0 } .wrapper { width: 100%; margin: 0 auto } .form_label, .text_uppercase { margin-bottom: 5px } .template_form { text-align: center; font-size: 0; display: flex; display: flex; flex-wrap: wrap; align-items: stretch; border: 2px solid #ececec; background: #fefefe; border-radius: 10px } .display_block { display: block; font-weight: 400 } .text_uppercase { display: inline-block } .form_box_col10 .group { width: 10% } .form_box_col9 .group { width: 11.11% } .form_box_col8 .group { width: 12.5% } .form_box_col7 .group { width: 14.28% } .form_box_col6 .group { width: 16.66% } .form_box_col5 .group { width: 20% } .form_box_col4 .group, .width_25, .width_50, .width_75 { width: 25% } .form_box_col3 .group { width: 33.33% } .form_box_col2 .group { width: 50% } .form_box_col1 .group, .form_content, .form_field, .intl-tel-input, .radio { width: 100% } .group { display: inline-block; padding: 10px 0 10px 10px; float: left } [class^=form_box] .group:first-child, [class^=form_box] [class^=form_box] .group:first-child { padding: 10px 0 } .text_16 { font-size: 16px } .text_18 { font-size: 18px } .text_20 { font-size: 20px } address { color: #fff; font-weight: 400 } textarea.form_field { resize: none; font: inherit; height: 100px } .required_fieled { color: red } [class^=form_frame] { text-align: left; font-size: 16px; padding: 10px; font-family: inherit; flex-wrap: wrap; display: flex } input, textarea { border: 2px solid #e5e5e5 } .form_frame_a { width: calc((100% - 0px)/ 2 - 180px); background: #3b3b68; color: #fff; font-size: 18px; padding-left: 0; padding-right: 0 } .form_frame_b { width: 100%; padding: 30px 25px 10px } .form_frame_b p { margin-bottom: 20px } [class^=side_box] { color: #fff; font-weight: 700; padding: 0 55px } [class^=side_box] a { color: #fff } #contact_us_form_1 .side_box2 { margin: 30px 0 } #contact_us_form_1 .side_box4 { color: #fff; font-size: 23px; position: absolute; bottom: 19%; left: 0 } [class^=form_box] { margin-bottom: 0; overflow: hidden } .form_field { height: 63px; padding: 15px; font-size: 15px } .secode_box .inner_form_box1 { margin: 0 0 15px } .form_button:after, .secode_box .form_button:after { content: ""; width: 20px; height: 10px; position: absolute; right: 0; top: 0; font-family: "\f061" } .form_button, .secode_box .form_button { border: 0; color: #fff; font-size: 16px; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; text-shadow: 1px 1px 3px #999; position: relative; text-align: center; font-weight: 700 } .form_button:hover, .secode_box .form_button:hover { background: #333 } .secode_box .form_button { width: 200px; background: #0eaa4b; height: 74px; transition: .4s } .secode_box .g-recaptcha { transform: scale(.97); -webkit-transform: scale(.97); transform-origin: 0 0; -webkit-transform-origin: 0 0; display: inline-block } .g-recaptcha { transform: scale(.97); -webkit-transform: scale(.97); transform-origin: 0 0; -webkit-transform-origin: 0 0 } .form_button { width: 183px; background: #9fd41e; height: 50px; transition: .4s } .animated_class { position: absolute; display: inline-block; top: 0; left: 0; pointer-events: none; border: 1px solid #00ad5f; visibility: hidden; opacity: 0; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; -webkit-transform: scaleX(1.1) scaleY(1.3); -moz-transform: scaleX(1.1) scaleY(1.3); -ms-transform: scaleX(1.1) scaleY(1.3); -o-transform: scaleX(1.1) scaleY(1.3); transform: scaleX(1.1) scaleY(1.3); width: 100%; height: 100% } .btn-tertiary, .wskLabel { display: block; cursor: pointer } .form_field:focus+.animated_class { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } #submitform input.error, #submitform select.error, #submitform textarea.error, label.error+.wskLabel, select.form_field.error { box-shadow: 0 0 3px #d92800 !important; border: 1px solid #d92800 !important } .radio tr td { border: 1px dashed #e5e5e5; padding: 8px; width: 50%; float: left; transition: .4s } .radio tr td:hover { border: 1px solid #9fd41e; transition: .4s } .radio input { float: right } .radio span { float: left } .form_box.left { width: 49.6%; float: left } .form_box.right { width: 49.6%; float: right } .secode_box { margin: 0 } .btn-tertiary { color: #555; padding: 0; line-height: 0; width: 100%; margin: auto; border: 1px dashed #e5e5e5; transition: .3s } .addMore i, .icon { color: #9fd41e; font-size: 24px } .icon { float: right; position: relative; right: 9px; bottom: 0; transition: .3s } .js-fileName { position: relative; left: 10px; top: 12px } .addMore { border: 1px dashed #ddd; padding: 10px; cursor: pointer; margin: 25px 0 } .required_filed { color: red; font-size: 20px } .input-file { width: .1px; height: .1px; opacity: 0; position: absolute; z-index: -1 } #error-msg .message, .message { border: 1px solid; width: 500px; margin: 12% auto; background: #fff; position: relative } .icon:before { color: #5aac7b } #g-recaptcha-response { display: block !important; position: absolute; margin: -78px 0 0 !important; width: 302px !important; height: 76px !important; z-index: -999999; opacity: 0 } #error-msg, #recaptcha-error { border: 1px solid; left: 0 } #error-msg .message { padding: 30px } #error-msg .message span:first-child { font-weight: 300; color: #e53846; font-size: 25px; line-height: 20px } #g-recaptcha-response .message span:first-child { font-weight: 900; color: #e53846; font-size: 32px; line-height: 40px } #success { left: 0 } .message { padding: 50px } .message span:first-child { font-weight: 900; color: #e53846; font-size: 26px; line-height: 27px } .message span:nth-child(3) { font-size: 25px; line-height: 30px; color: #000 } .message span:nth-child(5) { line-height: 40px } .close, .error-close, .rclose { position: absolute; right: 24px; top: 10px; font-size: 37px; font-family: open sans; cursor: pointer } [type=radio]:checked, [type=radio]:not(:checked) { position: absolute; left: -9999px } [type=radio]:checked+label, [type=radio]:not(:checked)+label { position: relative; cursor: pointer; line-height: 20px; display: inline-block; color: #666; width: 100%; height: 45px; padding: 10px } [type=radio]:checked+label:before, [type=radio]:not(:checked)+label:before { content: ''; position: absolute; right: 0; top: 7px; width: 24px; height: 24px; border: 1px solid #ddd; border-radius: 100%; background: linear-gradient(#fff, #dbdbdb, #c8c8c8) } [type=radio]:checked+label:after, [type=radio]:not(:checked)+label:after { content: ''; width: 18px; height: 18px; background: #42ba1d; position: absolute; top: 10px; right: 3px; border-radius: 100%; -webkit-transition: .2s; transition: .2s } [type=radio]:not(:checked)+label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0) } [type=radio]:checked+label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .radioLine [type=radio]:checked+label::before, .radioLine [type=radio]:not(:checked)+label::before { content: ''; position: absolute; left: 0; top: 7px; width: 24px; height: 24px; border: 1px solid #ddd; border-radius: 100%; background: linear-gradient(#fff, #dbdbdb, #c8c8c8) } .radioLine [type=radio]:checked+label::after, .radioLine [type=radio]:not(:checked)+label::after { content: ''; width: 18px; height: 18px; background: #42ba1d; position: absolute; top: 10px; left: 3px; border-radius: 100%; -webkit-transition: .2s; transition: .2s } .radioLine [type=radio]:checked+label, .radioLine [type=radio]:not(:checked)+label { position: relative; padding: 10px 10px 10px 38px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; width: 100%; height: 45px } label.error { height: 0 !important } label.error+label { position: relative; bottom: 15px } #panel { background: #2d3d2d; bottom: 0; padding: 10px; position: fixed; right: 0; top: 0; width: 280px } #panel p { color: #dfdfdf; margin: 10px; font-size: 10pt } .wskLabel { font-size: 12pt; padding-top: 20px; position: relative; min-height: 40px; line-height: 15px } .wskCheckbox { border: 2px solid #5a5a5a; color: #1d1d1d; cursor: pointer; display: inline-block; float: left; height: 14px; margin: 0 20px 20px; outline-color: #eaeaea; padding: 0; position: relative; width: 14px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; z-index: 1 } .load_holder, .wskCircle, input[type=checkbox].wskCheckbox { display: none } .btn-tertiary:hover, .btn-tertiary:hover .icon { transition: .3s; color: #fff } .wskCheckbox.checked { border-left: 2px solid #42ba1d; border-bottom: 4px solid #42ba1d; border-top: 1px solid transparent; border-right: 1px solid transparent; -webkit-transform: rotate(-45deg) scaleY(.5); -moz-transform: rotate(-45deg) scaleY(.5); -ms-transform: rotate(-45deg) scaleY(.5); -o-transform: rotate(-45deg) scaleY(.5); transform: rotate(-45deg) scaleY(.5) } .wskCircle.show { opacity: 1 } .wskCircle.flipColor { background-color: #d2d3d2 } .btn-tertiary:hover { background: #9fd51f; border: 1px solid #9fd51f } #recaptcha iframe { border: 1px solid red; box-shadow: 0 -1px 1px red } .load_holder { position: fixed; z-index: 1; background: rgba(0, 0, 0, .3); width: 100%; height: 100%; top: 0; left: 0 } .load_holder p { text-align: center; font-size: 20px; font-weight: 700; text-shadow: 1px 1px #fff } .spinner { margin: 240px auto 0; width: 70px; text-align: center } .spinner>div { width: 20px; height: 20px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: 1.4s ease-in-out infinite both sk-bouncedelay; animation: 1.4s ease-in-out infinite both sk-bouncedelay } .spinner .bounce1 { -webkit-animation-delay: -.32s; animation-delay: -.32s } .spinner .bounce2 { -webkit-animation-delay: -.16s; animation-delay: -.16s } @-webkit-keyframes sk-bouncedelay { 0%, 100%, 80% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1) } } @keyframes sk-bouncedelay { 0%, 100%, 80% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } @supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) { #success { background-color: rgba(255, 255, 255, .5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px) } } .error+label::before { background: #e77979; border: 1px solid #f50000 !important } input[type=radio]+label.error+label { padding-left: 9px } .radio tr td>label.error+td { border: 2px solid red !important } .strong_head { font-weight: 700; font-size: 19px } .required-info { color: red; font-weight: 700; display: block; border-bottom: 5px solid #ddd; padding-bottom: 10px; margin-bottom: 20px } .test-mode { padding: 13px 16px; border-top-left-radius: 10px; box-shadow: 1px 0 3px #ddd; border-left: 7px solid #ff573c; border-bottom-left-radius: 10px; margin: 0 0 20px } .test-mode p { margin: 0 } .test-mode i { font-size: 28px; color: #ff573c } .test-mode span { font-weight: 700; position: relative; left: 10px; bottom: 4px; color: #a11600 } .chosen-container.chosen-container-single { width: 100% !important } .chosen-single { height: 63px !important; border-radius: 0 !important } .form_head { border-radius: 10px } .form_head p.title_head:first-child { background: #696969; margin: 0; padding: 10px; color: #fff; font-weight: 700; border-top-right-radius: 8px; border-top-left-radius: 8px; text-align: center; text-transform: uppercase } .form_head .form_box .form_box_col1 p { margin-bottom: 4px } .form_head .form_box { margin: 0; padding: 25px 28px; border: 2px solid #ddd; border-top: none; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px } .heading { margin: 30px 0 0 } .information, .information2 { position: relative; padding: 18px 18px 18px 70px; background: #f3f3f3; border-radius: 10px; color: #333; margin: 20px 0 0 } .information:before { position: absolute; content: url(images/info-icon.png); left: 25px; top: 13px } .form_box.left .form_label:first-child, .form_box.right .form_label:first-child { margin: 0; display: block } .form_box.left .form_label, .form_box.right .form_label { margin: 20px 0 0; display: block } [class^=form_box] [class^=form_box] { padding: 0 } .small { font-size: 13px } select.form_field { position: relative; -moz-appearance: none; appearance: none; color: #333; border: 2px solid #e5e5e5; -ms-word-break: normal; word-break: normal; background: url(images/arrow.png) 96%/25px no-repeat #fff; background-position-x: right 15px } select::-ms-expand { display: none } .info_heading i { border: 2px solid; padding: 10px; border-radius: 100%; height: 30px; width: 30px; line-height: 9px; color: #f98; margin: 0 15px 0 10px } .info_heading { background: #fee7e3; padding: 13px; border-radius: 10px; margin: 0 0 10px; font-weight: 700 } select.form_field:hover { background: url(images/arrow-h.png) 96%/25px no-repeat #fff; background-position-x: right 15px } .download { background: #f09f9f; color: #323232; padding: 7px; position: relative; top: 5px; display: inline-block } .text_uppercase span { font-weight: 400 } .Date { background: url(images/calendar.png) 96%/25px no-repeat #fff; background-position-x: 96%; z-index: 999; background-position-x: right 15px } .js-labelFile { text-overflow: ellipsis; white-space: nowrap; padding: 18px 10px !important; cursor: pointer }