@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400|Play|Raleway:200,300,500,600|Questrial);

body {
  padding:0;
  margin:0;
  min-width:240px;
  background-color: white;
} 

img { border:0; }

hr {
    margin-top:15px;
    margin-bottom:20px;
    border:1px solid #BBBBBB;
    border-style:solid;
}

.no-padding {
    margin:0px;
    padding:0px;
}

.bg_lightgrey {
    background-color: #EAEAEA;
}

.bg_grey1 {
    background-color: #EFEFF5;
}

/**** Request for Quote Form ****/
.form_section {
    font-family: 'Open Sans';
    font-size: 12pt; 
    padding-left:25px;
    padding-right:25px;
    margin-left: auto;
    margin-right: auto;
} .form_section select {
    font-size: 12pt;
    margin-bottom:10px;
    padding:7px;
} 
/* From https://stackoverflow.com/questions/18078871/hide-check-radio-button-with-css */
.form_section input[type="radio"]{display:none;}

.form_section a { color:black; }
.form_section a:hover { color:#777777; }

#form_instructions {
   padding-bottom:20px;
   margin-top:20px;
   margin-bottom:20px;
   max-width:1000px;
}

.form_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    align-items: flex-start;
}

#form_content {
    max-width:1000px;
    display: inline-block;
}

#form_summary { min-width:300px; } 

.form_summary_heading {
    font-weight: bold;
    font-size:15pt;
    padding-bottom:10px;
    color:#222222;
    font-family: "Raleway";
}

#form_summary_inner {
    border: 1px solid #CCCCCC;
    padding:20px;
    margin-left: 15px;
    margin-bottom:20px;
    background-color: #F8F8F9;
}

.form_summary_fixed {
    position: fixed;
    top:0px;
}

#total {
    background-color: #F8F8F9;
    border:0px;
    font-family: "Open Sans";
    font-size: 12pt;
}

#form_order_contact {
    border: 1px solid #BBBBBB;
    padding-left:15px;
    padding-top:5px;
    padding-right:15px;
    padding-bottom:15px;
    margin-bottom:20px;
    max-width:1170px;
    margin-left:auto;
    margin-right:auto;
}

.hr_form {
    width:100%;
    max-width:1200px;
}

.form_heading {
    font-family: 'Open Sans';
    color: #111111;
    font-size:16pt;
    padding-bottom:10px;
    font-weight: bold;
    padding-top:20px;
}

.form_input { padding-bottom:15px; }
.form_input:hover { cursor:pointer;}

.hidden { display:none; }

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.text_input {
    font-size:12pt;
    margin-bottom:10px;
    padding: 5px;
}

div.form_options {
    border: 1px solid #BBBBBB;
    padding-left:15px;
    padding-top:5px;
    padding-right:15px;
    padding-bottom:10px;
    margin-bottom:20px;
    max-width:1000px;
    margin-left: auto;
    margin-right: auto;
}

.form_options_heading {
    font-weight: bold;
    font-size:14pt;
    padding-bottom:10px;
    color:#222222;
    font-family: "Raleway";
    padding-top:10px;
}
div.form_options_note {
    font-size: 11pt;
    padding-bottom:10px;
    color: #444444;
}

#color {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;    
} .color_flex {
    display: block;
    margin-right: 25px;
    padding: 10px;
}

#color_table {
    border: 1px solid #999999;
    border-collapse: collapse;
   
} #color_table td {
    border: 1px solid #999999;
    padding:4px;
    margin:0;
} #color_table th {
    font-size: 11pt;
    border: 1px solid #999999;
    padding:4px;
}

#prismatic_logo {
   width: 250px;
   height: 69px;
   padding: 15px;
}

.trailer_images img {
    width:315px;
    height:207px;
    padding:3px;   
} .trailer_images div {
    margin-top:15px;
    margin-bottom:5px;
}

.out_of_stock {
    color:#D00000;
    font-size:11pt;
    margin:0px;
    padding-top:5px;
}

#rims_images {
    display:flex;
    flex-wrap: wrap;
    width:100%;
    justify-content: center;
}
#rims_images div {
    font-size:10.5pt;
    text-align: center;
    width:166px;
}
#rims_images img {
    width:150px;
    height:150px;
    padding:8px;
}

#rims_select label {
    padding-bottom:12px;
}

#form_box_images {
    display:flex;
    flex-wrap: wrap;
    width:100%;
    justify-content: center;
}
#form_box_images div {
    font-size:10.5pt;
    text-align: center;
    width:292px;
}
#form_box_images img {
    width:288px;
    height:192px;
    padding:4px;
}

#configuration label {
    padding-top:10px;
    padding-bottom:10px;
    padding-left:15px;
    padding-right:15px;
    background-color: #DDDDDD;
    margin-right:5px;    
}

#config_buttons {
    padding-top:10px;
    padding-bottom:25px;
}

#quote_summary {
    color:black;
    border-radius: 5px;
    border:1px solid #BBBBBB;
    padding:10px;
    position: fixed;
    right:10px;
    top:250px;
    
} #quote_summary h1 {
    color:black;
    font-size:14pt;
    font-family: "Raleway";
    font-weight:bold;
}

.required_field {
    border:3px solid red;
}

.optional_field {
    min-width:203px;
    display:inline-block;   
    line-height:11pt;
}

.optional_field span {
    min-width: 100px;
    font-size: 10pt;
    text-align:right;
    display: inline-block;
    float:right;
}

.comments {
    min-width:200px;
    max-width:300px;
    width:100%;
}

@media all  and (max-width: 1350px) {
     .trailer_images img {
        width:250px;
        height:164px;
    }
}

/* For small displays, the summary list is displayed at the bottom. */
@media all  and (max-width: 1360px) { 
    #form_summary {
        width: 100%;
        max-width:900px;
    } #form_summary_inner {
        margin-left:0px;
    }
    #form_order_contact {
        max-width:866px;
    }
    
    .hr_form {
        width:100%;
        max-width:900px;
    }
}

@media all  and (max-width: 960px) {
    #form_box_images div {
        font-size:10pt;
        width:150px;
    }
    
    #form_box_images img{
        width:150px;
        height:100px;
        padding:0px;
    }
}

@media all  and (max-width: 600px) { 
    
    .form {
        padding-left:15px;
        padding-right:15px;
    }
    
    .trailer_images img {
        width:150px;
        height:99px;
        padding:1px;
    }
    
    .out_of_stock {
        font-size:10pt;
        width:150px;
    }
}

@media all  and (max-width: 550px) {
    .form_section select {
        width:100%;
    }
    
    #rims_images div {
        font-size:10pt;
        text-align: center;
        width:120px;
    }
    
    #rims_images img{
        width:100px;
        height:100px;
    }
    
    #form_box_images div {
        font-size:10pt;
        width:120px;
    }
    
    #form_box_images img{
        width:120px;
        height:80px;
        padding:0px;
    }
}

/****  Header ****/
/* Main logo link that directs to home page */
.headerlink_logo {
    display:inline-block;
    margin-right:28px;
    height:90px;
    width:227px;
    background-color:#4D4D4E;
    text-align:center;
    border-radius:2px;
    
} .headerlink_logo img {
   padding-top:12px;
   width: 185px;
   height: 63px; 
}

/* Class for main header block links */
.headerlink , .headerlink_menu {  
  height:90px;
  line-height:90px;
  margin-right:8px;
  display:inline-block;
  vertical-align:top;
  padding-right:11px;
  padding-left:11px;
} .headerlink a, .headerlink_menu a {
  font-family:play, Arial;
  font-size:12pt;
  text-decoration:none;
  color:white;
  display:block;
  height:100%;
  width:100%;
} .headerlink:hover, .headerlink_menu:hover, .header_sublink:hover {
    background-color:rgba(70,70,70,1);
    -webkit-transition: 0.4s;
} .headerlink:hover a, .header_sublink:hover a {
    color:#318DDE;
    -webkit-transition: 0.6s;
}
 
.header_sublink {
    display: none;
    background-color:#777781; 
    width: 200px;
}



/* When the screen is large enough to accomidate the full header, don't display the mobile elements.' */
#mobile_menu {
    display:none;
} #mobile_menu a {
    display:none;
}

/* If the screen is too small to display the entire header, show the mobile menu instead. */
@media all  and (max-width: 1000px) { 
    
    /* Don't show the normal header.' */
    .headerlink { display:none; }
    .headerlink_menu { display:none; }
    
    /* The link to open the mobile menu (the three horizontal bars). */
    #list_menu {
        float:right;
        margin-top:24px;
        
    } #list_menu div:hover { cursor:pointer; }
    #list_menu_shape {
        padding-right:30px;
        padding-top:15px;
        position:relative;
    } 
    .list_menu_bar {
        width:35px;
        height:3px;
        background-color:white;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:8px;
    } 
    
    #mobile_menu {
        display:none; 
        position:relative;
        background-color:#282828;
        width:100%;
        height:450px;
        overflow:hidden;
    } #mobile_menu a {
        text-decoration:none;
        display:block;
    }
    /* End of mobile menu link horizontal bars. */
    
    /* The mobile menu links. */
    .headerlink_mobile {
        margin-top:0px;
        margin-bottom:10px;
        margin-left:30px;
        margin-right:30px;
        padding-top:10px;
        padding-bottom:7px;
        display:block;
        font-family:'Raleway', Arial;
        font-size:14pt;
        text-decoration:none;
        font-weight: bold;
        font-style: normal;
        color:white;
        border-bottom:2px solid white;   
    }
    
    /* The X to close the mobile menu. */
    #close_mobile_menu {
        width:100%;
        text-align:right;
        height:35px;
        position:relative;
    } #close_mobile_menu div {
        width:50px;
        height:30px;
        padding-top:5px;
        position:absolute;
        right:0px;
        font-family:Open Sans, Arial;
        font-size:14pt;
        color:white;
        text-align:center;
        
    } #close_mobile_menu div:hover { cursor:pointer; }
}

@media all  and (max-width: 510px) { 
    .form {
        padding-left:15px;
        padding-right:15px;
    }
    
    #list_menu_shape {
       padding-right:20px;
    }
}

/**** Home Page ****/
.home_section {
    width:100%;
    overflow:hidden;
    position: relative;
    min-width: 300px;
    margin-top: 0px;
    margin-bottom:0px;
} 

#home_text_box {
    position: absolute;
    max-width: 400px;
    margin-left: 6%;
    margin-top:30px;
    background-color: rgba(0,0,0, 0.6);
    padding: 20px;
}
#home_title {
    display: block;
    width:310px;
    font-family:'Raleway', Arial;
    font-weight: 400; 
    font-size: 22pt; 
    font-style: normal;
    color:white;
    clear: both;
    padding-bottom: 20px;
} 

#home_trailer_link {
    display: inline-block;
    background-color: #507aac;
    border-radius:1px;
} #home_trailer_link:hover {
    background-color: #186AC0;
} #home_trailer_link a {
    display: block;
    font-family: 'Raleway', Arial;
    font-weight: 300;
    font-size: 14pt;
    font-style: normal;
    color:white;
    text-decoration: none;
    height:100%;
    line-height:60px;
    padding-left: 10px;
    padding-right: 10px;
} 

#home_shipping_box {
    position: absolute;
    max-width: 440px;
    right: 6%;
    bottom:40px;
    background-color: rgba(0,0,0, 0.7);
    padding: 20px;
    color: white;
    font-family: "Raleway", Arial;
    font-size: 20pt;
    text-align: center;
}

#home_section_overview {
    padding-top: 25px;
    padding-bottom: 50px;
    background-color: #F5F5F5;
}

div.home_desc {
    max-width:920px;
    margin-left: auto;
    margin-right: auto;
    font: 13pt "Open Sans";
    padding-right: 20px;
    padding-left: 20px;
} div.home_desc a:hover {
    color: #318DDE;
} 

#home_windows {
    display: flex;
    justify-content: space-around;
    width: 100%;
} #home_windows div {
   width: 33%;
   height: 400px;
   background-color: #555555;
   background-repeat: no-repeat;
   background-size: cover;
   margin-top:4px;
   margin-bottom:4px;
}#home_windows a {
    width: 100%;
    height: 100%;
    margin-top:0px;
    text-decoration:none;
    font-family: 'Raleway', Arial;
    font-size:22pt;
    font-weight: 400;
    font-style: normal;
    color: white;
    display: block;
    background: -webkit-linear-gradient(bottom, rgba(255,255, 255, 0), rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,1));
    background: linear-gradient(bottom, rgba(255,255,255,0), rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,1));
    background: -moz-linear-gradient(bottom, rgba(255,255,0255,0), rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,1));
} #home_windows p {
     padding: 12px; 
     margin-top:0px;
} #home_windows div:hover {
    -webkit-transition: 0.5s;
    -webkit-filter: contrast(130%);
    filter: contrast(130%);
} #home_windows a:hover {
    color:#318DDE;
    -webkit-transition: 0.2s;
} 

#hw_trailer { background-image: url('../images/explore_001.JPG'); }
#hw_about { background-image: url('../images/car_02.JPG'); }
#hw_contact { background-image: url('../images/contact_02.JPG'); }

/* For small display resolutions. */
@media all and (max-width: 850px)  {
    .home_section {
        margin-top: 20px;
        margin-bottom:0px;
    }
    
    #home_text_box {
        margin-top:30px;
        padding: 15px;
    }
    #home_title {
        font-size:18pt;
        padding-bottom: 10px;
    } 
    #home_trailer_link a {
        font-size: 13pt;
        line-height:50px;
    } 
    #home_shipping_box {
        right: 6%;
        bottom:30px;
        padding: 10px;
        font-size: 16pt;
    }
}

@media all and (max-width: 700px) {
    #home_text_box {
        margin-left: 5px;
        margin-top:5px;
        background-color: rgba(0,0,0, 0);
        max-width:100%;
        padding:0;
    }
    #home_title {
        font-size:14pt;
        width: 100%;
        background-color: rgba(1,1,1,0.4);
        padding: 5px;
    } 
    #home_trailer_link a {
        font-size: 11pt;
        line-height:40px;
    }
    
    #home_shipping_box {
        right: 15px;
        bottom:15px;
        padding: 5px;
        font-size: 13pt;
        max-width: 300px;
    }
    
    #home_section_overview {
        padding-top: 15px;
        padding-bottom: 0px;
    }
    
    div.home_desc { font-size: 12pt; } 
    
    #home_windows {
        display: flex;
        flex-wrap: wrap;
    } #home_windows div {
        width: 100%;
        height: 100px;
    }
    #home_windows a {
        font-size:18pt;
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.2), rgba(0,0,0,1));
        background: linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,1));
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,1));
    }
    #home_windows div {
        background-position: center;
        background-size: 100% auto;
    }   
}

/****  Trailer ****/
.b_prod_section {
    font-family: "open sans", arial;
}
.b_prod_section h1 {
    font-family: 'Raleway', Arial;
    font-size:30pt;
    font-weight: 200;
    font-style: normal;
    margin-bottom:25px;
} .b_prod_section a { color: black; }



.product_buttons {
    text-align:center;
    padding-top:8px;
    padding-bottom:16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.page_links {
    z-index: 50;
}

.product_button {
    height:28px;
    display: inline-block;
    padding-left:1px;
    padding-right:1px;
    border-bottom: 1px solid #288ADC;
    margin-right:15px;
    margin-top:6px;
} .product_button a {
    color: black;
    font-family: 'Raleway';
    font-weight: 600;
    font-size:11pt;
    text-decoration: none;
    height:100%;
    width:100%;
    display:block;
    line-height:28px;
} .product_button:hover { background-color: #EEEEF3;
} .product_button:click { animation-duration:2s; }

.product_button_active {
    border-bottom: 3px solid #288ADC;
}

.product_button_blue {
    background-color: #288ADC;
    padding-right:7px;
    padding-left:7px;
    margin-right:10px;
} .product_button_blue a {
    color: white;
    display:block;
    width:100%;
} .product_button_blue:hover {
    background-color: #086AAC;
}

div.target_release {
    color:#006FC9;
}

.top_menu {
    height:28px;
    width:60px;
    display: inline-block;
    padding:0px;
    margin-top:6px;
    text-align: center;
    margin-right:50px;
    margin-left: 5px;
} .top_menu a {
    color: #303030;
    font-family: 'Raleway';
    font-weight: 600;
    font-size:11pt;
    text-decoration: none;
    height:100%;
    width:100%;
    display:block;
    line-height:28px;
} .top_menu:hover { background-color: #EEEEF3;
} .top_menu:click { animation-duration:2s; }

.product_title {
    height:28px;
    display: inline-block;
    padding-right:1px;
    margin-right:50px;
    margin-top:6px;
    font-family: Raleway;
    font-size: 11pt;
    font-style: italic;
    font-weight: 600;
    line-height:28px;
    color:#888888;
}
/* Hide the product title when the display is small. */
@media all and (max-width: 830px)  { 
    .product_title { display: none; }
    .product_buttons{ padding-bottom: 10px; padding-top:0px; }
}

@media all and (max-width: 550px)  { 

    .top_menu {
        margin-right:20px;
    }
    
    #build_trailer_box {
        width: 250px;
    }
    #build_straps {
        width: 250px;
    }
    #build_cable {
        width: 220px;
    }
}

.trailer_announcement {
    text-align:left;
    color:#333333;
    padding-top:20px;
    padding-bottom:20px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left:auto;
    margin-right:auto;
    max-width:1000px;
    font-size:13pt;
    font-family: 'Open Sans';
} .trailer_announcement li {
    padding-bottom:12px;
}

.trailer_series_heading {
    text-align:center;
    color:#222222;
    padding-bottom:30px;
    padding-top:10px;
    margin-top:10px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left:auto;
    margin-right:auto;
    max-width:430px;
    font-size:14pt;
} 

.trailer_1000_div {
    max-width:1000px;
    margin-left:auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right:20px;
}

.models_heading_text {
    font-family:Raleway;
    font-weight: 300;
    font-size: 30pt;     
    color:white;
    z-index:10;
    position:absolute;
    top:80px;
    left: 100px;
    max-width:400px;
}

.products_subheading_text {
    font-family:Open sans;
    font-weight: 300;
    font-size: 25pt;   
    line-height: 33pt;
    z-index:10;
    position:absolute;
    top:170px;
    left: 100px;
}

.products_subheading2_text {
    font-family:Open sans;
    font-weight: 300;
    font-size: 25pt;   
    z-index:10;
    position:absolute;
    top:280px;
    left: 100px;
    color: #39e600;
    background-color: rgba(2,2,2, 0.7);
    padding:5px;
}

#trailer_coming_soon {
    background-color: #333333;
    color:white;
    padding-bottom:50px;
} #trailer_coming_soon a {
    color:white;
}

#tire_transport {
    padding-bottom:50px;
    padding-top:50px;
    display:flex;
    align-items: flex-start;
    width:100%;
} 
#tire_transport_text {
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    width:50%;
}
#tire_transport_img { width: 50%; } 
#tire_transport_img img { width:100%;display: block;}

#highway_speeds { background-color: #E4E4EC; }

.trailer_feature {
    padding-bottom:50px;
    padding-top:50px;
    display:flex;
    align-items: flex-start;
    width:100%;
    
} 
.trailer_feature_text {
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    width:50%;
}
.trailer_feature_img { width: 50%; } 
.trailer_feature_img img { width:100%; display: block;}
.trailer_feature_collage {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
} .trailer_feature_collage div {
    width: 50%;
    display: block;
} .trailer_feature_collage_img {
    padding:3px;
    width: 98%;
}

#powder_coat_finish {
    background-color: #727379;
    color: white;
}

#trailer_soln {
    background-color:#3A3D45; 
    color:white;
    width:100%;
} 
#trailer_soln_img { width: 100%; } 
#trailer_soln_img img { width: 100%; display:block; }
#trailer_soln_text {
    position: absolute;
    top:20px;
    right:60px;
    max-width:520px;
}

#trailer_design {
    background-color: #EDEDEF;
    color:black;
    display:flex;
    align-items: flex-start;
    width:100%;
    padding-top: 20px;
    padding-bottom: 20px;
} 
#trailer_design_img { 
    width: 50%;
} #trailer_design_img img {
    width: 90%;
    padding: 20px;
}
#trailer_design_text {
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    width:50%;
}

#trailer_storage{
    background-color: #EDEDEF;
    color:white;
    width:100%;
    min-height: 300px;
} 
#trailer_storage img {
    position: relative;
    width: 100%;
    display:block;
}
#trailer_storage_text {
    padding-left:3%;
    width:40%;
    position:absolute;
    top:10px;
    left:0px;
}

#accessories { background-color:#F3F3F5; }
.accessories_text { padding-left:20px; }
.accessories_text ul {
    list-style-type: none;
}.accessories_text li {
    padding-bottom:2px;
} 
.accessories_img {
    display:flex;
    flex-wrap: wrap;
    padding-top:20px;
    
}.accessories_img img {
    width:300px;
    height: 222px;
    padding:3px;
} 

#trailer_suspension{
    background-color: #EDEDEF;
    color:white;
    width:100%;
    min-height: 300px;
} 
#trailer_suspension img {
    position: relative;
    width: 100%;
    display:block;
}
#trailer_suspension_text {
    padding-left:3%;
    width:40%;
    position:absolute;
    top:10px;
    left:0px;
}

#trailer_explode img {
    display: block;
    width: 960px;
    height: 670px;
}

.product_video {
    width:100%;
    display:flex;
    justify-content: space-around;
    padding-top:50px;
    padding-bottom:50px;
} 
.product_video_text {
    padding-left:3%;
    width:50%;
    display:block;
    min-width:300px;
    padding-bottom:40px;
} .product_video_text a {
    color: black;
    text-decoration: none;
} .product_video_text a:hover {
    color:#565653;
    text-decoration: underline;
}

.product_video_yt {
    text-align:right;
    margin:20px;
    position:relative;
    padding-left:1px;
}
.product_video_yt iframe { 
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    position:absolute;
}
.player_sizer {
    max-width:900px;
    width:100%;
    display:block;
}
.player_sizer2 {
    max-width:700px;
    width:100%;
    display:block;
}


.trailer_storage_video {
    width:30%;
}

#grid_review {
    background-color: #F5F5F5;
}

#reliable_components {
    padding-bottom:20px;
} #reliable_components_img {
    display: flex;
    width:100%;
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
    
} #lucas_logo {
    width:200px;
    height:172px;
    margin:10px;
}
#timken_logo {
    width: 343px;
    height:89px;
    margin:10px;
}

#trailer_gallery {
    padding-bottom:65px;
    background-color:#4A4D52;
} #trailer_gallery h1 {
    color:white;
}
#product_gallery img {
    width:1000px;
    height:500px;
}

#trailer_drawings { padding-bottom:30px; } 
#trailer_drawings img {
    padding: 5px;
    width:100%;
    max-width:700px;
} #trailer_drawings div {
    text-align: center;
    font-size: 14pt;
    font-family: Raleway;
} #trailer_drawings a { text-align: center; } 
#trailer_drawings a:hover { cursor: pointer; }

.drawings_link {
    display: block;
    padding-top:10px;
    padding-bottom:10px;
} 

.trailer_data_sheets {
    text-align: center;
    padding-bottom:20px;
}

.data_sheet_desc {
    padding-bottom: 15px;
}

.trailer_data_sheets div {
    display:block;
    padding-top: 5px;
    padding-bottom: 5px;
}

#trailer_purchase { padding-bottom:40px; } 
#trailer_purchase h1 { margin-bottom:25px; } 
#trailer_purchase p { margin-bottom:25px; }

#updates { padding-bottom: 70px; }

div.trailer_share { padding-top: 10px; }

#models_display {
    display: flex;
    justify-content: center;
    align-content: center;
    padding-top:30px;
    padding-bottom: 15px;
    width: 100%;
    flex-wrap: wrap;
    font-family: "Open Sans";
    color:#222222;
    text-align:center;
} 

.model {
    position: relative; 
}

.model img {
    width:350px;
    height:230px;
    padding-left:4px;
    padding-right:4px;
}

.model_info {
    min-height:0px;
    padding-top: 0px;
    padding-bottom: 25px;
}

p.model_button {
    margin-left:4px;
    margin-top:10px;
    display:inline-block;
}

p.model_button a {
    display: inline-block;
    background-color: #0a7cef;
    color: white;
    padding: 5px;
    text-decoration: none;
} 



table.model_specs {
    margin-bottom:20px;
    padding-bottom:20px;
} table.model_specs td {
    padding: 10px;
} td.model_specs_head {
    font-weight: bold;
}

@media all and (max-width: 1300px)  { 
    #trailer_soln_text {
        top:0px;
        right:20px;
    }
    
    #trailer_explode img {
        max-width: 672px;
        width: 100%;
        height:auto;
    }   
    .accessories_img img {
        width:250px;
        height: 185px;
    } 
}

@media all and (max-width: 1200px)  {
    .models_heading_text {
        font-size: 32pt;     
        top:30px;
        left: 60px;
    }
    
    .products_subheading_text {
        font-size: 20pt;     
        top:150px;
        left: 100px;
    }    
    .products_subheading2_text {
        font-size: 20pt;   
        left: 100px;
    }
}

@media all and (max-width: 1150px)  { 

    .trailer_feature_collage { width: 100%; }

    
    #trailer_soln_text {
        position: relative;
        top:0px;
        left:0px;
        margin-left:auto;
        margin-right:auto;
        max-width:1000px;
        padding-right:20px;
        padding-left:20px;
        padding-bottom:30px;
    } 
    
    .product_video {
        width:100%;
        display: flex;
        flex-wrap:wrap;
        padding-top:10px;
        padding-bottom:10px;
    } 
    
    .product_video_text {
        padding-left: 20px;
        padding-right: 20px;
        width:100%;
        padding-bottom:5px;
    }
    
    .product_video_yt { padding-bottom:0px; }
    #trailer_explode img { 
        max-width: 750px;
        margin-left: auto;
        margin-right:auto;
    }  
    .accessories_img img {
        width:200px;
        height:148px;
        padding:3px;
    } 
}

@media all and (max-width: 800px)  {
    .models_heading_text {
        font-size: 20pt;     
        top:30px;
        left: 30px;
    }
    
    .products_subheading_text { display: none; }
    .products_subheading2_text {top:110px; left: 35px;}

    
    #tire_transport { 
        flex-wrap: wrap;
        padding-top: 10px;
         padding-bottom:0px;
         margin-bottom:0px;
    }
    #tire_transport_text { width: 100%;}
    #tire_transport_img { width: 100%; }
    
    .trailer_feature { 
        flex-wrap: wrap;
        padding-top: 10px;
         padding-bottom:0px;
         margin-bottom:0px;
    }
    .trailer_feature_text { width: 100%;}
    .trailer_feature_img { width: 100%; }
     #trailer_design { flex-wrap: wrap; }
    #trailer_design_text { width: 100%; }
    #trailer_design_img { width: 70%;}
    #trailer_design_img img {padding-bottom: 0px; } 
    
    #trailer_gallery {
        padding-bottom:35px;
        padding-top:0px;
    }
}

@media all and (max-width: 600px)  { 
    .models_heading_text {
        font-size: 16pt;     
        top:10px;
        left: 10px;
    }
    
    #trailer_specs table { font-size: 10pt; }
     #trailer_specs td {
        padding-right:3px;
        padding-left:3px;
    } #trailer_specs th {
        padding-right:3px;
        padding-left:3px;
    }
    
    .trailer_announcement {
        font-size:11pt;
    }
    
    #trailer_suspension img {
        height: 300px;
        width: auto;
        overflow: hidden;
    }
    
    #trailer_suspension_text { width:50%; }
    
    #trailer_storage_text { width:50%; }
    #trailer_storage img {
        height: 300px;
        width: auto;
        overflow: hidden;
    }
    
    .trailer_name {
        padding-top:0px;
        padding-bottom:10px;
    }
    .model_info { min-height:0px; }
    
    #lucas_logo {
        width:125px;
        height:108px;
        margin:5px;
    }
    #timken_logo {
        width: 172px;
        height:45px;
        margin:5px;
    }
    .accessories_img img { display:none; } 
    .products_subheading2_text {left:0px; bottom:0px; top: auto; }
    
}
@media all and (max-width: 500px)  {
    .specs_scrollable_div { overflow-x: scroll; }
    
    table.model_specs td {
        padding: 5px;
        font-size:10pt;
    }
    .accessories_text ul {
        font-size:11pt;
    }
    .products_subheading2_text {font-size: 14pt;}
}

@media all and (max-width: 400px)  {
    .trailer_announcement {
        font-size:10pt;
        padding-top:5px;
        padding-bottom:0px;
    }
    .accessories_text ul {
        font-size:10pt;
    }
    

}

/**** Store ****/
.product_back_link {
    padding-top:10px;
    padding-bottom:15px;
}

.order_success_header {
    padding-top:30px;
    font-weight: bold;
    font-family: "Raleway";
    font-size:16pt;
}

/**** Contact/About ****/
.news_article h2 {
    padding-bottom:10px;
    margin-bottom:0px;
}
.news_article figure {
    padding-top:10px;
    padding-bottom:35px;
    margin:0px;
} .news_article img {
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
} 

@media all  and (max-width: 600px) {
    .news_article figure {
        padding-bottom:15px;
    }
}
.news_article_video {
    position: relative;
    max-width:560px;
    margin-left:auto;
    margin-right:auto;
}
.news_article iframe {
    display:block;
    padding-bottom: 15px;
    width:100%;
    height:100%;
    max-width: 560px;
    top:0px;
    left:0px;
    position:absolute;
}

.news_article_player_sizer {
    max-width:560px;
    width:100%;
    display:block;
}

.news_article figcaption {
    text-align:center;
    font-size: 11pt;
    color: #555555;
}

@media all  and (max-width: 600px) {
    .news_article img {
        width: 100%;
    }
}

.h1_black {
    color: black;
}

.contact_form {
    font-family: 'Open Sans';
    font-size: 12pt;
    background-color:#EEEEEE; 
    padding-left:25px;
    padding-right:25px;
    padding-top:20px;
    padding-bottom:3px;
    flex-grow:1;  
    max-width:1000px;
    margin-left: auto;
    margin-right: auto;
}

.contact_form textarea {
    width:100%;
    height:100px;
    resize:vertical;
    margin-bottom:8px;
    font-size: 12pt;
    font-family: "Open Sans";
} 
.contact_form input{
    font-size:12pt;
    margin-bottom:10px;
    width:200px;
    padding: 5px;
} .contact_form div {
    margin-bottom: 5px;
    font-weight: 400;
    
} .contact_form img {
    max-width: 329px;
    padding-left:6px;
    padding-right:6px;
}
.contact_form option { font-size: 12pt;} 
.contact_form select {
    font-size: 12pt;
    margin-bottom:10px;
    padding:5px;
}

.contact_methods {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    width:100%;
}.contact_methods a {
    color:black;
} .contact_methods a:hover {
    color:#999999;
}

#contact_form_heading {
    padding-bottom:12px;
    font-family: 'Raleway', Arial;
    font-size:14pt;
    font-weight: 300;
    font-style: normal;
}

#phone_email {
   padding-bottom:20px;
   padding-left:0px;
   padding-right:15px;
   flex-grow:1;
   font-size:12pt;
} 

#address {
    padding-bottom:20px;
    text-align: center;
}

.submit_success {
    color:green;
    padding-top:10px;
    padding-bottom:25px;
    font-style: italic;
}

.submit_error {
    color:red;
    padding-top:10px;
    padding-bottom:25px;
}

#contact_submit_btn {
    border:none;
    background-color:#318DDE;
    width:130px;
    height:45px;
    color:white;
    -webkit-appearance: none;
    margin-top:7px;
    margin-bottom:5px;
} #contact_submit_btn:hover {
    cursor:pointer;
    background-color:#217DCE;
}

/* Honey pot field. */
.e_field {
    position: absolute !important;
    top: -2000px !important;
    left: -500px !important; 
    border: 0;
}

#hitches_table {
    border: 1px solid #AAAAAA;
    padding:0px;
    border-spacing: 0px;
    width:100%;
    margin-top:30px;
    max-width: 1000px;
    margin-left:auto;
    margin-right:auto;
    
} #hitches_table td {
    border: 1px solid #AAAAAA;
    margin:0px;
    padding: 5px;
} #hitches_table th {
    border: 1px solid #AAAAAA;
    margin:0px;
} #hitches_table p {
    margin-top:5px;
    margin-bottom: 10px;
} #hitches_table a {
    color:black;
} #hitches_table a:hover {
    color: #318DDE;
}

@media all  and (max-width: 800px) {
    .contact_page_div {
        padding-bottom:30px;
    }
}

@media all  and (max-width: 600px) {
    #hitches_table { font-size: 11pt; }
}

/**** Information Sections ****/
.info_section {
    margin:0px;
    padding-top:0px; padding-bottom:50px; padding-left:0; padding-right:0;
    margin:0;
    font-family: open sans, arial;
    overflow:hidden;
    position: relative; 
    font-size:13pt;
    width:auto;
} 

.info_section h1 {
    font-family: 'Raleway', Arial;
    font-size:26pt;
    font-weight: 300;
    font-style: normal;
    color:black;
}

.info_section a {
    color: black;
} .info_section a:hover {
    color: grey;
}

.info_page_div {
    max-width: 1000px;
    overflow:hidden; 
    margin-left:auto;
    margin-right:auto;
    padding-left: 25px;
    padding-right:25px;
}


.media_ads {
   text-align: center;
   display: flex;
   justify-content: center;
   margin-bottom:40px;
} .media_ads div {
    display: block;
    padding-left:20px;
    padding-right:20px;
    align-self: flex-end;
}
.media_video {
    max-width:700px;
    margin-left: auto;
    margin-right: auto;
    margin-top:35px;
    margin-bottom:15px;
}

img.ad_thumbnail {
    width: 525px;
    height: 366px;
}

img.mag_cover {
    height:250px;
    width:190px;
}

@media all  and (max-width: 800px) {
    img.ad_thumbnail {
        width: 368px;
        height: 256px;
    }
    
    img.mag_cover {
        height:200px;
        width:152px;
    }
    .media_ads {
        flex-wrap: wrap;
    }
} 

@media all  and (max-width: 600px) {
    img.ad_thumbnail {
        width: 100%;
        height:auto;
    }
}

/**** Footer ****/
.footer_links {
    color:#E5E5E5;
    padding-top:15px;
    padding-bottom:15px;
    text-align:center;
} .footer_links a {
    color: #E5E5E5;
    text-decoration: none;
    font-family: open sans;
    font-size:10pt;
    padding-left:3px;
    padding-right:3px;
} .footer_links a:hover { text-decoration: underline; }

#footer {
    width:100%;
    height:150px;
    background-color:#555555;
    margin-top:0px;
    padding-top:0px;
}

#footer_logo {
    width:30%;
    float:left;
    padding:10px;
    text-align:center;
} 

#footer_social{
    width:30%;
    float:right;
    text-align:center;
} #footer_social a {
    text-decoration:none;
}

/* Copyright notice */
#footer_info {
    width:30%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-family: open sans;
    color:#BCBCBC;
    font-size:10pt;
    padding:10px;
} #footer_info a {
    font-family:'Open Sans', arial;
    color:#BCBCBC;
    font-size:10pt;
    text-decoration: none;
    border:0;
}
#social_fb img {
    width:35px;
    height:35px;
    padding:10px;
}
#social_instagram img {
    width:35px;
    height:35px;
    padding:10px;
}
#social_youtube img {
    width:50px;
    height:35px;
    padding:10px;
}

#footer_spacer {
    height:8px;
    width:100%;
    background:linear-gradient(to bottom,white,#BCBCBC);
    position:relative; 
    z-index:100;
}

@media all  and (max-width: 670px) {
    #footer {
        height:165px;
        margin-top:0px;
        padding-top:3px;
    }
    
    #footer_logo { display:none; }
    #footer_social  {
        width:100%;
        float:none;   
    }

    /* Copyright notice */
    #footer_info {
        width:100%;
        margin-left:auto;
        margin-right:auto;
        padding:0px;
        font-size:9pt;
    }
}

.promotion {
    background-color: #ff9002;
    padding: 10px;
    margin-bottom: 5px;
    font-family: "Open Sans";
    font-weight: bold;
    text-align: center;
    font-size: 12pt;
    text-shadow: 0px 3px 20px #ffC380;
} .promotion span {
    color: #002aff;
    font-weight: bolder;
    font-family: questrial;
}

@media all  and (max-width: 600px) {
    .promotion {
        font-size: 10pt;
    }
}