body {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 19px;
  color: #666666;
}

.skewy {
  position:relative;
  transform: skewY(10deg);
  -moz-transform: skewY(10deg);
  -webkit-transform: skewY(10deg);
}

.unskewy {
  position:relative;
  transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  -webkit-transform: skewY(-10deg);
}

.mt-minus10 {
  margin-top: -10%;
}

h3 {
  font-size: 30px;
  font-weight: bold;
}

ul {
  padding-left: 20px;
}

.max-450 {
    max-width: 490px;
    padding: 12px 32px;
}

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

.my-100 {
  margin: 100px 0;
}

.my-150 {
  margin: 150px 0;
}

.py-100 {
  padding: 100px 0;
}

.red-text {
  color: #CC4C42;
}

.bg-red {
  background: #9D1E25;
}

.button-white {
    color: #9D1E25;
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 5px 10px;
    font-weight: 600;
    background: #fff;
}

.button-white:hover {
  background: #9D1E25;
  border: 1px solid #9D1E25;
  color: #fff !important;
  text-decoration: none;
}

.button-red {
  color: #CC4C42;
  border-radius: 10px;
  border: 1px solid #CC4C42;
  padding: 5px 10px;
  font-weight: 600;
}

.button-red:hover {
  background: #CC4C42;
  color: #fff;
  text-decoration: none;
}

header {
  background: url('../images/trevis-truck-2.jpg');
  background-size: cover;
  background-position: center;
  padding-bottom: 400px;
}

header .nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

header .nav button {
  outline: none;
  font-weight: 600;
}

header .menus-icon {
  margin-right: 10px;
}

#sidebarMenu {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 0%;
  padding-top: 0px;
  background: #B21E28!important;
  z-index: 9999;
    overflow: hidden;
}

#sidebarMenu button {
  background: transparent;
  border: none;
  outline: none;
  position: absolute;
  top: 32px;
  left: 26px;  
}
body.admin-bar #sidebarMenu button {
  top: 62px;
  left: 27px;
}

#sidebarMenu a {
  color: #fff;
  margin-bottom: 10px;
  width: 100%;
  display: inline-block;
}

.section-1-right {
  background: url('../images/driver.jpg');
  background-size: cover;
  min-height: 300px;
}

.section-2 {
  background: url('../images/trevis-truck-1.jpg');
  background-size: cover;
  padding: 300px 0;
}

.section-2-left {
  background: url('../images/jobs.jpg');
  background-size: cover;
  min-height: 300px;
}

.section-3-left {
  background: url(../images/services.jpg);
  min-height: 250px;
}

.section-3-left::before {
  content: "";
  background: url(../images/services.jpg);
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 125%;
  top: -10%;
  left: 0;
  transform: skewY(-10deg);
}

.section-3 .logo-services {
  position: absolute;
  width: 300px;
  bottom: 15%;
  right: 0;
    opacity: 0.6;
}

.section-4 {
  background: url('../images/road-bg.jpg');
  padding: 200px 0 40px;
  background-size: 120% 120%;
}

.section-4::before {
  content: "";
  background: url('../images/road-bg.jpg');
  background-size: cover;
  background-position: bottom;
  position: absolute;
  width: 100%;
  height: 125%;
  top: -12%;
  left: 0;
  transform: skewY(-10deg);
}

.section-5 {
  margin-bottom: -10%;
}

.section-5-right {
  /*background: url('../images/map.jpg');
  background-size: cover;
  background-position: center;*/
  min-height: 300px;
  overflow:hidden;
}

/*.section-5-right::before {
  content: "";
  background: url(../images/map.jpg);
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 125%;
  top: -12%;
  left: 0;
  transform: skewY(-10deg);
}*/
#map{
    position: absolute!important;
    width: 100%!important;
    height: 600px!important;
    overflow:visible!important;
  transform: skewY(-10deg);
}
.section-5 a {
    color: #666666;
}
footer {
  background: #1D2120;
  font-size: 17px;
  color: #808080;
  padding-top: 10%;
}
.section-1{
  z-index:10;
}
.section-2{
  z-index:9;
}
.section-3{
  z-index:8;
  overflow: hidden;
}
.safari .section-3{
  z-index:8;
  overflow: visible;
}
.safari .section-3 .section-3-left{
  overflow: hidden;
}
.section-4{
  z-index:7;
}
.section-5{
  z-index: 8;
}
.safari .section-5{
  z-index:8;
}
header .navbar{
  display:none!important;
}
header .buttonrighttop {
    position: absolute;
    right: 20px;
    top: 20px;
}
body.admin-bar header .buttonrighttop {
    top: 50px;
}

header .buttonlefttop {
    position: absolute;
    left: 20px;
    top: 20px;
    color: #fff;
    background: transparent;
    border: 1px solid transparent;
}
body.admin-bar header .buttonlefttop {
    top: 50px;
}

.section-one-column.skewy, .section-one-column .skewy {
  position:relative;
  transform: skewY(5deg);
  -moz-transform: skewY(5deg);
  -webkit-transform: skewY(5deg);
  background: #fff;
  padding: 90px 0;
  margin: -90px 0;
}

.section-one-column.unskewy, .section-one-column .unskewy {
  position:relative;
  transform: skewY(-5deg);
  -moz-transform: skewY(-5deg);
  -webkit-transform: skewY(-5deg);
  background: #fff;
}
.innerpage header {
    padding-bottom: 200px;
}
.innerpage header .col-md-12 img{
    max-width: 400px;
}

.section-one-column h3{
    color: #9D1E25;
    text-align: center;
}
.gform_wrapper label.gfield_label{
    margin-bottom: 0;
    font-size: 16px!important;
    font-weight: 600!important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea{
    font-size: inherit;
    font-family: inherit;
    padding: 5px 4px;
    letter-spacing: normal;
    border: 2px solid #e4e4e4;
    border-radius: 4px;
    outline:none!important;
    color: #000;
}
.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container){
  margin:0!important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 1em;
    width: auto;
    background: transparent;
    border: 2px solid #9D1E25;
    border-radius: 4px;
    display: table!important;
    margin: 0 auto!important;
    padding: 10px 24px;
    color: #9D1E25;
    font-weight: bold;
}
.gform_wrapper .gfield_checkbox li label{
    max-width: 100%!important;
    margin-right: 15px!important;
}
.gform_wrapper .gfield_checkbox li input {
    position: absolute;
    opacity: 0;
}
.gform_wrapper .gfield_checkbox li input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    outline:none!important;
}
.gform_wrapper .gfield_checkbox li input + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
    border: 2px solid #e4e4e4;
    border-radius: 4px;
    outline:none!important;
}
.gform_wrapper .gfield_checkbox li input:hover + label:before {
    background: white;
    border: 2px solid #ccc;
}
.gform_wrapper .gfield_checkbox li input:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.gform_wrapper .gfield_checkbox li input:checked + label:before {
    background: #9D1E25;
    border: 2px solid #9D1E25;
}
.gform_wrapper .gfield_checkbox li input:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}
.gform_wrapper .gfield_checkbox li input:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}
.gform_wrapper .gfield_checkbox li input:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent!important;
    margin-bottom: 0px!important;
    border-top: 0!important;
    border-bottom: 0!important;
    padding-bottom: 0!important;
    padding-top: 0!important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0!important;
}
.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0!important;
    color: #9d1e25!important;
}
.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: 1px solid #9d1e25!important;
}
.gform_wrapper div.validation_error{
    display:none!important;
}
#gform_confirmation_message_1{
    text-align: center;
    padding: 40px 0;
}
@media only screen and (min-width: 641px){
.gform_wrapper .top_label li.gf_left_half, .gform_wrapper .top_label li.gf_right_half {
    padding-right: 40px!important;
}
}

.section-one-column .mobilecontent{
    margin: -170px 0;
}
/*
#page.innerpage #primary {
    position: relative;
    transform: skewY(-5deg);
    -moz-transform: skewY(-5deg);
    -webkit-transform: skewY(-5deg);
    background: #fff;
}
#page.innerpage #primary #main{
    position: relative;
    transform: skewY(5deg);
    -moz-transform: skewY(5deg);
    -webkit-transform: skewY(5deg);
    background: #fff;
}*/

.gform_wrapper input.datepicker_with_icon.large, .gform_wrapper input.datepicker_with_icon.medium, .gform_wrapper input.datepicker_with_icon.small {
    width: calc(100% - 24px)!important;
}
/* Reset Select */
.gform_wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  background: #fff;
  background-image: none;
  border: 2px solid #e4e4e4!important;
  border-radius: 4px;
  outline: none!important;
    padding: 5px 4px!important;
    color:#000;
}
/* Remove IE arrow */
.gform_wrapper select::-ms-expand {
  display: none;
}
/* Custom Select */
.gform_wrapper .ginput_container_select {
  position: relative;
  display: flex;
  height: auto;
  line-height: 1.4em;
  background: transparent;
  overflow: hidden;
}
.gform_wrapper select {
  flex: 1;
  padding: 0 .5em;
  color: #fff;
  cursor: pointer;
}
/* Arrow */
.gform_wrapper .ginput_container_select::after {
    content: '\25BC';
    position: absolute;
    top: 9px;
    right: 0;
    padding: 0 10px;
    font-size: 11px;
    background: transparent;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.three-column-card .red-text {
  color: #9D1E25;
}

.three-column-card .button-red {
  color: #9D1E25;
  border: 1px solid #9D1E25;
}

.section-one-column #field_3_12 {
    border: 1px solid #9D1E25;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
}

@media only screen and (max-width: 767.98px){
.section-one-column #field_3_12 {
    padding-left: 10px !important;
}
}