/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/* Increase the body font size on tablet devices */
body {
  font-size: 93.8%;
}

#columns #block-views-front-carousel-block {
  margin: 0px;
}


/* site adjustments */

.cke_contents cke_reset{
height: 300px;
}


/* removes the theme logo */
#block-block-4{
    display: none;
}
/* removes the padding at the bottom of the page */
#page-wrapper{
    padding-bottom: 0px;
}
/* removes the margin around the logo */
#branding{
margin: 8px 0px 0px;
}
/* fixes the header height to fit the logo and menu */
#header{
 height: 158px;
}
/* moves the logo position */
#logo{
      position: relative;
    bottom: 3px;
}
/* FIXES THE SIZE OF THE LOGO */
.site-logo{
  HEIGHT: 175PX;
}
/* removes the margins of the colums */
#columns{
  margin: 0 0px;
}
/* removes padding and margins of the content */
#main-content{
margin: 0 0px;
Padding: 0 0px;
}
/* adds padding to the ts and cs */
#block-block-1{
    background: white;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

/* makes image width 100% in panels */
.panels-flexible-region {
    width: 100%;
}

/* adjusts footer line */
.line{
    margin-right: 10px;
    margin-left: 10px;
      border: 1px solid #cecdcd;
background: #ded9d9;
}
/* adds padding at top of footer*/
#footer_data{
    padding-top: 18px;
}
/* removes padding between panels*/
.panel-flexible .panel-separator{
  margin: unset;
}


/* hides mobile content*/
.mobile{
  display: none;
}

/* gives padding to text*/
.general_text{
    padding-left: 40px;
    padding-right: 40px;
}

/* fixes font size to 16px*/
p{
        font-size: 16px !important; 
}

/* adjusts indent footer*/
.company_info{
      padding-left: 25px;
}
/* fixes footer font size*/
p.company_info{
        font-size: 13px !important; 
}
/* gives padding to accordian*/
.accordion{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
}
/* gives padding to top bottome*/
.js{
    height: 100%;
}

/* removes standard logo */
#branding{
display: none;
}

/* removes logo space*/
#header{
  display: none;
}


/* centers mobile logo */
#mlogo{
      display: block;
    margin: auto;
    padding-top: 3px;
    padding-bottom: 3px;
      height: 100% !important;
    width: 200px !important;
}


/* Home Page */

#containermain {
  position: relative;

}
.text-block {
position: absolute;
    bottom: 0px;
    left: 5%;
    background-color: rgba(0, 0, 0, 0.77);
    color: white;
    width: 45%;
    height: 140px;
}
#text-block-text{
    font-size: 21px !important;
    /* padding-left: 50%; */
    text-align: center;
    width: 100%;
    display: block;
}
#text-block-text1{
    text-align: center;
    width: 100%;
    display: block;
}
.text-block2{
position: absolute;
    bottom: 0px;
    left: 100%;
    background-color: rgba(255, 255, 255, 0.77);
    color: #0d0361;
    height: 140px;
    width: 100%;
    line-height: 122px;
    font-weight: bold;
      font-size: 40px !important;
}
.text-block2 span{
      font-size: 40px !important;
}
#video_container{
    position: relative;
    left: 5%;
    height: 355px;
    width: 45%;
    background: #eaeaea;
    BOTTOM: 5PX;
      MARGIN-BOTTOM: 25PX;
}
#video{
    margin: auto;
    height: 355px;
}
#car_text_container{
    background: #eaeaea;
    height: 355px;
    left: 100%;
    position: absolute;
    top: 0%;
    width: 100%;
}
  
#car_writing_title{
    position: absolute;
    top: 20px;


    color: #ab0000;
    line-height: 27px;
    font-size: 24px;
    transform: rotate(-10deg);
    font-weight: bold;
    text-shadow: 2px 2px #9c9c9c;

    width: 100%;
    MARGIN: AUTO;
    TEXT-ALIGN: center;
      right: 2vw;
}

#car_writing_title2{
    position: absolute;
    top: 48px;
    left: 2vw;
    /* background-color: rgb(245, 244, 246); */
    color: #ab0000;
    line-height: 27px;
    font-size: 24PX;
    transform: rotate(-10deg);
    font-weight: bold;
    text-shadow: 2px 2px #9c9c9c;
    /* background: #eaeaea; */
    WIDTH: 100%;
    TEXT-ALIGN: CENTER;
}
#car_writing{
    position: absolute;
    top: 100px;


    color: #000086;
    line-height: 17px;
    font-size: 14px;

    WIDTH: 100%;
    PADDING-LEFT: 5vw;
}

#quotenow{
    position: absolute;
    bottom: 46px;
    left: 5%;
    font-size: 23px;
    WIDTH: 163PX;
  padding-left: 5vw;
}

#red_b{
position: absolute;

    bottom: 25px;
padding-left: 4vw;
}

#retrieve{
WIDTH: 100%;
    bottom: 5px;
    position: absolute;
    left: 5%;
padding-left: 3vw;
}

#VANIMAGE{
POSITION: RELATIVE;
    /* padding-left: 20px; */
    /* padding-right: 20px; */

    /* height: 400px; */
    /* width: 821px; */
    margin: auto;
}
#van_image2{
height: 450PX;
    max-width: unset;
    margin-left: 50%;
    transform: translateX(-50%);
    position: relative;
}
#VANTEXTbox1{
background: rgba(255, 255, 255, 0.77);
    height: 75%;
    width: 325px;
    position: absolute;
    right: 6VW;
    bottom: 13%;
}
#VANTEXT1{
    POSITION: ABSOLUTE;
    LEFT: 37px;
    top: 8px;
    transform: rotate(-10deg);
    font-size: 24px;
        color: rgb(228, 170, 0);
    font-weight: bold;
    text-shadow: 2px 2px #827a4c;
}

#VANTEXT2{
    POSITION: ABSOLUTE;
    LEFT: 45px;
    BOTTOM: -37px;
    WIDTH: 300PX;
}
#VANTEXT3{
    position: absolute;
    font-size: 14px;
    line-height: 17px;
    margin-left: 34px;
    top: 76px;
  color: #000086;
}
#orange_b{
position: absolute;
    left: 27px;
    bottom: 25px;
}
#quotenowvan{
position: absolute;
    bottom: 28px;
    left: 27px;
    font-size: 23px;
}
#retrievevan{
    bottom: -14px;
    position: absolute;
    left: 12px;
}

/* Careers Page */

#vacancies{
position: relative;
    top: 4px;
}


Ul.bullets{
  list-style: unset !important;
      margin-left: 25px !important;
      font-family: "Open Sans", sans-serif !important;
    color: #262626 !important;
    font-size: 16px !important;
    line-height: 22px !important;
}


/* contact us Page */
#map{
    padding-left: 40px;
       padding-right: 40px;
}

/* FAQ Page */

#edit-combine{
  width: 725px;
    height:30px
}

#edit-submit-faq{
    width: 100px;
  height:30px;
        position: relative;
}

.form-submit{
  margin-top: unset !important;
}

#views-exposed-form-faq-block{
      padding-bottom: 10px;
}

p.faq_text{
      margin-bottom: -0.3em;
}

.faqrow{
    margin-bottom: 15px;
box-shadow: 3px 3px 5px 2px #00034a;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-right: 8px;
      padding-top: 1px;
}

input[type=text]{
  font-size: 16px;
}

#edit-combine{
      padding-right: 22px;
}

/* about us Page */
#boxpen{
    margin: 20px;
}
/* docs Page */
#folders{
    margin: auto;
    display: block;
}

.div_car_folder{
padding-top: 30px;
}
#div_van_folder{
padding-top: 30px;
  padding-bottom: 30px;
}


/* add-on Page */
.car_add_on_title{
line-height: 50px;
font-size: 30px !important;
    text-align: center;
    width: 100%;
    display: block;
  color: #ab0000;
  text-shadow: 2px 2px #9c9c9c;
}

.van_add_on_title{
line-height: 50px;
font-size: 30px !important;
    text-align: center;
    width: 100%;
    display: block;
  color: rgb(228, 170, 0);
    text-shadow: 2px 2px #827a4c;
}



.add_on_img{
    margin: auto;
    display: block;
}

#doc_page{
padding-top: 50px;
      padding-left: 25px;
    padding-right: 25px;
}



.docs p{
      margin-top: unset;
      margin-bottom: unset;
        margin-left: auto;
    margin-right: auto;
    width: 320px;
}

#crusader{
width: 50%;
    margin-top: 2%;
      margin-bottom: 2%;
}
#crusader1{
width: 50%;
    position: absolute;
    left: 50%;
    top: 0px;

}
#crusader2{
    position: absolute;
width: 50%;
      margin-top: 2%;
      margin-bottom: 2%;
}

#crusader_left{
      width: 48%;
      margin: 2%;
      position: relative;
}
#crusader_right{
    width: 100%;
    position: absolute;
    left: 100%;
    top: 0px;
      PADDING-LEFT: 4%;
}

/* Ts and Cs */

#table_charges tr:nth-child(even){background-color: #f2f2f2;}

#table_charges tr:hover {background-color: #ddd;}
#table_charges{
  border-collapse: collapse;
  width: 100%;
}

#table_charges td, #table_charges th {
  border: 1px solid #ddd;
  padding: 8px;
      width: 50%;
}

#table_charges td p{
      margin-bottom: .5em;
    margin-top: .5em;
}

#table_charges th{
  font-size: 16px;
}


#table_mga tr:nth-child(even){background-color: #f2f2f2;}

#table_mga tr:hover {background-color: #ddd;}
#table_mga {
  border-collapse: collapse;
  width: 100%;
}

#table_mga td, #table_mga th {
  border: 1px solid #ddd;
  padding: 8px;
      width: 33.3%;
}

#table_mga td p{
      margin-bottom: .5em;
    margin-top: .5em;
}

#table_mga th{
  font-size: 16px;
}





#tcbull{
      position: relative;
    left: 23px;
}


/* quote */

.input_field{
    position: relative;
    left: 20px;
}

#edit-actions--2{
      position: relative;
    left: 20px;
}

/* contact */

#face{
    margin: auto;
    display: block;
    }

/* COMPANY CAR */
.page_car{
    PADDING: 20PX;
    height: 575px;
    border-radius: 30px;
    background: #ead3d3;
    margin: auto;
    max-width: 500px;
    margin-top: 30px;
    margin-bottom: 20px;


}
.head{
    HEIGHT: 100PX;
      padding-top: 20px;
}

.address{
FLOAT: LEFT;
}
.logoegbox{
    FLOAT: RIGHT;
    width: 100px;
    height: 100px;
    border: 10px;
    border-style: double;
}
.logoeg{
position: relative;
    top: 23px;
    text-align: center;
}

.date_text{
  padding-top: 125px;
}
.main_text{
  padding-top: 40px;
}
.bullet_text_title{
    width: 50%;
    margin: 0 auto;
    max-width: 340px;
    position: relative;
    top: 15px;
    }

.cocar_title{
line-height: 50px;
    font-size: 30px !important;
    text-align: center;
    width: 100%;
    display: block;
    color: #0015ab;
    text-shadow: 2px 2px #9c9c9c;
}

/* queent */
.QUEEN{
MARGIN-LEFT: 10PX;
  MARGIN-RIGHT: 10PX;
      BACKGROUND: BLACK;
}