@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@font-face {
     font-family: 'Rockwell';
     src: url('../fonts/Rockwell.eot?#iefix') format('embedded-opentype'), url('../fonts/Rockwell.woff') format('woff'), url('../fonts/Rockwell.ttf') format('truetype'), url('../fonts/Rockwell.svg#Rockwell') format('svg');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'Rockwell-Bold';
     src: url('../fonts/Rockwell-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Rockwell-Bold.woff') format('woff'), url('../fonts/Rockwell-Bold.ttf') format('truetype'), url('../fonts/Rockwell-Bold.svg#Rockwell') format('svg');
     font-weight: normal;
     font-style: normal;
}

body {
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
     font-weight: 400;
     color: #555;
     background-color: #E31D1A;
}

a {
     color: #007bff;
}

a:hover, a:focus {
     color: #0069d9;
     outline: 0;
}

h1, h2 {
     font-family: 'Rockwell-Bold';
     color: #ED1F24;
     letter-spacing: -.05em;
}

h3 {
     margin-bottom: 1.25rem;
}

.wrapper {
     max-height: 100vh;
}

main {
     width: 100%;
}

::-moz-selection {
     background: #f6ceca;
}

::selection {
     background: #f6ceca;
}

label {
     color: #555;
}

/* nav / menu / logo */

nav {
     position: fixed;
     z-index: 300;
     top: 0;
     right: 0;
     width: 0px;
     background-color: #333;
     min-height: 100vh;
     transition: width .5s;
     overflow: hidden;
     box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.5);
}

nav .divider {
     height: 30px;
     border-top: 2px #666 solid;
     margin-top: 30px;
}

nav .social {
     width: 300px;
     margin-top: 15px;
     text-align: center;
}

nav .social a {
     margin-right: 15px;
     color: #666;
}

nav .social a:hover {
     opacity: .85;
}

nav .social a, nav .social a i {
     width: 30px;
}

.hamburger {
     position: fixed;
     z-index: 250;
     top: 25px;
     right: 30px;
}

.hamburger a {
     cursor: pointer;
     padding: 7px 4px;
     display: block;
     background-color: #333;
     border: 2px #666 solid;
     box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
}

.open {
     width: 300px;
}

.closer {
     position: absolute;
     top: 25px;
     right: 30px;
}

.activate {
     cursor: pointer;
     padding: 7px 4px;
     display: block;
     background-color: #333;
     border: 2px #666 solid;
}

.activate i {
     color: white;
}

.overlay {
     position: fixed;
     z-index: 200;
     display: none;
     width: 100%;
     min-height: 100vh;
     background-color: rgba(51, 51, 51, .75);
     overflow: hidden;
}

ul#menu-menu-1, ul#menu-menu-2{
     list-style: none;
     margin: 90px 0 0;
     padding: 0;
     width: 300px;
     text-align: left;
}

ul#menu-menu-1 li a, ul#menu-menu-2 li a {
     font-family: 'Open Sans', sans-serif;
     font-style: italic;
     text-decoration: none;
     color: white;
     font-size: 1rem;
     display: block;
     transition: all .25s;
}

ul#menu-menu-1 li.c-red a, ul#menu-menu-2 li.c-red a{
     color: #D40013 !important;
}

ul#menu-menu-1 li.c-green a, ul#menu-menu-2 li.c-green a{
     color: #309930 !important;
}

ul#menu-menu-1 li.c-orange  a, ul#menu-menu-2 li.c-orange  a{
     color: #FBB300 !important;
}

ul#menu-menu-1 li.c-blue a, ul#menu-menu-2 li.c-blue a{
     color: #0C65FF !important;
}

ul#menu-menu-1 li.c-light-blue a, ul#menu-menu-2 li.c-light-blue a{
     color: #2592AA !important;
}


ul#menu-menu-1 li a:hover ,ul#menu-menu-2 li a:hover {
     margin-left: 10px;
     opacity: .75;
}

.logo {
     display: block;
     position: absolute;
     z-index: 190;
     top: 25px;
     left: 30px;
}

.logo img {
     height: 50px;
     width: auto;
}


.nav-top {
     height: 100px;
     background: repeating-linear-gradient( 45deg, #333, #333 10px, #363636 10px, #363636 20px);
}



/* form */

.form-image {
     width: 100%;
     height: 400px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center
}


.form-pointer {
     position: absolute;
     margin-left: -62px;
     margin-top: 200px;
     width: 0;
     height: 0;
     border-top: 40px solid transparent;
     border-bottom: 40px solid transparent;
     border-right: 40px solid white;
}


.form-container, .page-container {
     position: relative;
     max-width: 1200px;
     padding: 22px;
     background: white;
     box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);
     min-height: calc(100vh - 360px);
}

.form-container {
     margin: -200px auto -30px;
}
.page-container {
     margin: 0 auto -30px;

}


.form-container h2 {
     text-align: center;
}





/* footer */

footer {
     color: #888;
     background: repeating-linear-gradient( -45deg, #333, #333 10px, #363636 10px, #363636 20px);
}

footer .container {
     max-width: 900px;
}

footer .footer-col {
     text-align: center;
     padding: 20px;
}

footer .footer-image {
     /* opacity: .35; */
}

footer .footer-pad {
     height: 20px;
}


footer ul.footer-menu {
     list-style: none;
     margin: 0;
     padding: 0;
}

footer ul.footer-menu li a {
     color: #888;
}

/* pages */

body.page-template-form_template h2 {
     font-size: 3.5rem;
}

/* color */

.white {
     color: white !important;
}


/* utility */
.sp-15 {
     height: 15px;
}
.sp-22 {
     height: 22px;
}
.sp-33 {
     height: 33px;
}
.sp-44 {
     height: 44px;
}

/* utility */
.uppercase {
     text-transform: uppercase;
}

/* Gravity Forms Overrides */

.gform_wrapper .gform_body .gform_fields .gfield.uppercase .ginput_container input {
     text-transform: uppercase !important;
}

.gform_wrapper .gfield_required {
     color: #ED1F24;
}

.gform_wrapper select {
     padding: 5px 4px !important;
     line-height: 2
}

.screen-reader-text {
     font-size: .75rem;
     color: #777;
     font-style: italic;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
     background-color: #FFF6E5;
     border: none;
}

.gform_wrapper div.validation_error {
     color: #FFA500;
     border-top: 2px solid #FFA500;
     border-bottom: 2px solid #FFA500;
     border: none;
     margin: 0;
}

.gform_wrapper .gfield_error .gfield_label {
    color: #FFA500;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 2px solid  #FFA500;
}

.gform_wrapper .validation_message {
    color: #FFA500;
}

.max-100-h textarea{
  max-height: 100px;
}

ul.gfield_checkbox li label {
  margin: 6px 0 0 6px !important;
}

.gform_wrapper .form_saved_message {
     border: none !important;
     background-color: #E6EFFF !important;
}

/* Gravity View Overides */


.gv-table-view {
	font-size: .85em;
}

.gv-widget-pagination {
	padding: 20px 0;
}

.gv-table-view tr td {
	padding: 8px 0;
}

.gv-table-view thead tr th {
  padding: 12px 0;
	border-bottom: 2px #DDD solid;
	border-top: 2px #DDD solid;
}

.gv-table-view tr:nth-child(even) {
    background-color: #f1f1f1;
}

.gv-table-view tfoot {
	display: none;
}

.gv-grid.gv-widgets-footer {
	border-top: 2px #DDD solid !important;
	margin: 10px 0;
}

.gv-search label {
	display: none;
}

form.gv-widget-search.gv-search-horizontal {
	-js-display: flex;
	display: flex;
	flex-flow: row nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	flex: 1 0 auto;
	width: 75%;
	margin: 0 auto;
}

.gv-widget-search .gv-search-box.gv-search-box-submit {
	width: auto !important;
}

.gv-widget-search p {
	margin: 10px 0 .75em 0;
}

.gv-right {
     text-align: -webkit-right !important;
}
.gv-widget-page-links {
     text-align: center;
     text-align: -webkit-center;
}

#gv-page_size {
     width: 100px;
}
#gv_search_423, #gv_search_232, #gv_search_223, #gv_search_191, #gv_search_220 {
     width: 100%;
     padding: .5rem .75rem !important;
     border: 2px #DDD solid;
}

.gv-widget-pagination{
     text-align: center;
}
.gv-table-view-content {
     width: 100%
}


/* Bootstrap Overides */

.btn {
     text-transform: uppercase;
     border-radius: 0;
     padding: 12px 12px !important;
     font-size: 16px !important;
     outline: 0 !important;
     font-family: 'Rockwell-Bold', sans-serif !important;
     min-width: 150px;
     cursor: pointer;
}

.form-control {
     padding: .5rem .75rem !important;
     border: 2px #DDD solid;
     border-radius: 0px;
     color: #333333 !important;
     font-size: 1rem !important;
     -webkit-appearance: none;
     height: auto !important;
}

.form-control:focus {
     border-color: #74AFE8;
}

legend {
     font-size: 1rem;
     font-weight: bold;
}

/* Form Stack Overides */

.fsRowBody input, .fsForm select {

     color: #0f0d0d !important;
}


.fsBody .fsSupporting {
     color: #6F6D6D !important;
}


.fsForm .fsFileUploadButton {
     background-color: #6F6D6D;
     padding: 8px !important;
     color: white !important;
     cursor: pointer;
}

.fsRowBody input[type=checkbox], .fsRowBody input[type=radio]{
     overflow: visible !important;
}

.fsRowBody input[type="radio"], .fsRowBody input[type="checkbox"] {
     top: 2px !important;

}


/* Form Stack Overides */

.fsForm textarea {
     line-height: normal !important;

}

/* Awesome Support Overrides */

.wpas-btn.wpas-btn-default {

     padding: 12px 12px !important;
     font-size: 16px !important;
     background-color: #DDD;
}
.wpas-btn.wpas-btn-default:after {
     opacity: .75;
}

/* Media Queries */

/* min-width */
@media (min-height: 320px) {
     ul.menu li a {
          font-size: 1.25rem;
     }
}

@media (min-height: 400px) {
     ul.menu li a {
          font-size: 1.5rem;
     }
}

@media (min-height: 600px) {
     ul.menu li a {
          font-size: 2rem;
     }
}

/* min-width */

@media (min-width: 640px) {
     .logo {
          display: block;
          position: absolute;
          z-index: 190;
          top: 20px;
          left: 30px;
     }
     .logo img {
          height: 60px;
          width: auto;
     }
     .gform_wrapper select {
          line-height: 1.25 !important;
     }
}

@media (min-width: 768px) {
     footer .footer-col {
          text-align: left;
          border-left: 2px #666 solid;
          height: 190px;
     }
     footer .footer-col:first-child {
          border: none;
     }
     footer .footer-pad {
          height: 50px;
     }
     footer .footer-image {
          padding-top: 10%;
     }

     .lf-bdr {
          border-left: 2px #999 solid;
     }
}

@media (min-width: 962px) {
     footer {
          padding: 0;
     }
}

@media (min-width: 992px) {
     .form-image {
          background-attachment: fixed;
     }
     .form-container {
          padding: 30px 15px 30px 30px;
     }

}