/*IMPORT SCSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/* FONTS */
/*-------------------------------------------*/
/*-------------------------------------------*/
/* COLORS */
/*-------------------------------------------*/
/*-------------------------------------------*/
#main { padding-top: 8%; padding-bottom: 8%; min-height: 100vh; background: url("../images/signup-bg.jpg") no-repeat no-repeat; background-position: bottom right; }

#main .site-logo { width: 180px; }

#main .content-wrap { max-width: 830px; background-color: #E7ECEE; border-radius: 18px; }

#main .form-group label { display: inline-block; width: 145px; margin-bottom: 0; }

#main .form-group label + input, #main .form-group label + select { display: inline-block; width: calc(100% - 145px); background-color: transparent !important; border-bottom: 1px solid #ccc !important; border-radius: 0 !important; padding: 0; }

#main .form-group label + input:focus, #main .form-group label + select:focus { border-color: #2E4A5B !important; }

#main .form-group label + div { width: calc(100% - 145px); display: inline-block; }

#main .form-group .nice-select { width: calc(100% - 145px); display: inline-block; background-color: transparent !important; border-bottom: 1px solid #ccc !important; }

#main .form-group .nice-select:focus { border-color: #2E4A5B !important; }

#main input[name=package_type] + label { width: auto !important; height: 20px; }

#main .gray-wrap .image-wrapper { background-color: #fff; padding-top: 40px; padding-bottom: 40px; border-radius: 15px; -ms-transition: all ease 0.3s; /* IE 9 */ -webkit-transition: all ease 0.3s; /* Safari */ transition: all ease 0.3s; cursor: pointer; }

#main .gray-wrap .image-wrapper:hover { box-shadow: 0 0 15px #999; }

#main .gray-wrap.selected .image-wrapper { box-shadow: 0 0 15px #999; }

#main .gray-wrap .blue-header { height: 60px; }

#main .gray-wrap .blue-header .blue-header-title { height: 60px; }

#main .gray-wrap .blue-header .img-wrapper { border-width: 15px; left: 10px; }

#main .gray-wrap .blue-header .img-wrapper::after { background-color: #DDE2E5; height: 80px; width: 80px; }

#main .gray-wrap .blue-header .img-wrapper span { height: 40px; width: 40px; margin: 20px; line-height: 40px; font-size: 24px; }

#main .gray-wrap .main-text p { color: #A7A7A7; font-size: 12px; }

#main .gray-wrap .main-text span, #main .gray-wrap .main-text .grayish { color: #C2C2C2; }

#main .gray-wrap .main-text .grayish { border-top: 1px solid #C2C2C2; }

#main .gray-wrap .main-text h4 { color: #A7A7A7; }

#main button[type=submit], #main button[type=button] { width: 220px; }

.grecaptcha-badge { display: none !important; }

@media (min-width: 768px) { #top-nav.custom-header.make-me-solid { background-color: transparent !important; }
  #top-nav.custom-header.make-me-solid-now { background-color: #fff !important; }
  #main { margin-top: 0 !important; } }

@media (min-width: 576px) { .parsley-errors-list, .wp-user-error { margin-left: 145px; }
  .package-type .parsley-errors-list { margin-left: 0 !important; float: left; text-align: center; width: 100%; }
  .package-type .parsley-errors-list li { margin-top: 10px; } }

@media (max-width: 575px) { .gray-wrap .blue-header .img-wrapper { width: 110px; left: auto !important; }
  #main .gray-wrap .blue-header, #main .gray-wrap .blue-header .blue-header-title { height: auto; }
  #main .form-group label { width: 100%; margin-bottom: 10px; }
  #main .form-group label + input, #main .form-group label + select, #main .form-group label + div { width: 100%; }
  #main .form-group .nice-select { width: 100%; } }