img 
{
  display:block;
  border:0;
}
img.imageStretch
{
  width:100%;
}

a
{
  outline:none; /*remove outline on image links, looks nicer.  If its needed for accessibility we can put it back in later*/
  text-decoration:none;
}

h1, h2, h3, p
{
  padding:0px;
  margin:0px;
}



p
{
  padding-bottom:10px;
}

.wrapper 
{
  text-align:left;
  margin:0px auto;
  
  min-height:100%;
  position:relative; /*footer*/
}

/* Style adjustments for viewports 320px and over go here, anything smaller than 320 treat it as 320 */
@media all and (min-width: 0px)
{
  /*hide an element on mobile devices*/
  .nomobile
  {
    display:none!important;
  }
  .nomobileBlock
  {
    display:none!important;
  }
  
  .notablet
  {
    display:none;
  }
  
  .mobileOnly
  {
    display:inline;
  }
  
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:16px;
    
    color:#425671;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }
  
  .content
  {
  }
  .contentWidth
  {
    text-align:left;
    margin:0px auto;
    padding-left:2%;
    /*overflow-x:hidden;*/
    min-width:313px;
    max-width:440px;
  }
  
  .col3rd
  {
    float:left;
    width:76%;
    margin-left:11%;
    margin-right:11%;
  }
  .col3rd p
  {
    padding-left:0px;
    padding-right:0px;
  }
  
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12
  {
    float:none;
    width:98%;
    margin-right:0%;
  }
  .last
  {
    margin-right:3%;
  }
  
  h1
  {
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:18px;
    letter-spacing:0px;
  }
  h2
  {
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:18px;
    letter-spacing:0px;
    
    text-align:center;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    padding-right:10px;
    
    margin-bottom:18px;  
  }
  h3
  {
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:18px;
    letter-spacing:1px;
    margin-bottom:5px;
  }
  h4
  {
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:16px;
    letter-spacing:1px;
    margin-bottom:5px;
  }
  
  .header
  {
    position:relative;
    z-index:1; /*IE7*/
  }
  
  .headerTop
  {
    
    background-color:rgb(255,255,255);
    background-color:rgba(255,255,255,0.55);
    
    
    height:70px;
    padding-top:35px;
    width:100%;
    
    position:absolute;
    top:-10px;
    z-index:1;
  }
  
  .logo
  {
    display:block;
    margin-left:auto;
    margin-right:auto;
    
    width:60%;
  }
  
  .menu
  {
    padding-top:0px;
    padding-bottom:0px;
    
    height:auto;
    
    width:100%;
    
    position:absolute;
    top:0px;
    
    z-index:8000!important;
    
    background-color:rgb(213, 214, 222);
    background-color:rgba(213, 214, 222, 0.96);
  }
  
  
  .banner
  {
    position:relative;
    top:0px;
    margin-bottom:12px;
  }
  
  .banner h1
  {
    background-color:rgb(0, 117, 190);/*IE8*/
    background-color:rgba(0, 117, 190, 1.00);
    color:white;
    text-align:center;
    
    
    position:relative;
    top:auto;
    left:auto;
    bottom:auto;
    
    
    margin-left:-0px;
    
    width:auto;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px;
  }
  
  .paddingTop
  {
    padding-top:20px;
  }
  .paddingBottom
  {
    padding-bottom:20px;
  }
  .marginBottom
  {
    margin-bottom:20px;
  }
}

/*iPhone 6 or iPhone 5 sideways*/
@media all and (min-width: 375px)
{
}

/* Style adjustments for viewports 768px and over go here */
@media all and (min-width: 768px)
{
  /*hide an element on mobile devices*/
  .nomobile
  {
    display:inline!important;
  }
  .nomobileBlock
  {
    display:block!important;
  }
  
  .notablet
  {
    display:none;
  }
  
  .mobileOnly
  {
    display:none;
  }
  
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:16px;
    
    color:#425671;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }
  
  .content
  {
  }
  .contentWidth
  {
    text-align:left;
    margin:0px auto;
    padding-left:1%;
    /*overflow-x:hidden;*/
    max-width:none;
  }
  
  .col3rd
  {
    float:left;
    width:25%;
    margin-left:4%;
    margin-right:4%;
  }
  .col3rd p
  {
    padding-left:5px;
    padding-right:5px;
  }
  
  .col1
  {
    float:left;
    width:5.5%;
    margin-right:3%;
  }
  .col2
  {
    float:left;
    width:14%;
    margin-right:3%;
  }
  .col3
  {
    float:left;
    width:22.5%;
    margin-right:3%;
  }
  .col4
  {
    float:left;
    width:31%;
    margin-right:3%;
  }
  .col5
  {
    float:left;
    width:39.5%;
    margin-right:3%;
  }
  .col6
  {
    float:left;
    width:48%;
    margin-right:3%;
  }
  .col7
  {
    float:left;
    width:56.5%;
    margin-right:3%;
  }
  .col8
  {
    float:left;
    width:65%;
    margin-right:3%;
  }
  .col9
  {
    float:left;
    width:73.5%;
    margin-right:3%;
  }
  .col10
  {
    float:left;
    width:82%;
    margin-right:3%;
  }
  .col11
  {
    float:left;
    width:90.55%;
    margin-right:3%;
  }
  .col12
  {
    width:99%;
    margin-right:0%;
  }
  .last
  {
    margin-right:0%;
  }
  
  h1
  {
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:23px;
    letter-spacing:1px;
  }
  h2
  {
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:23px;
    letter-spacing:1px;
    
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:0px;
    padding-right:0px;
    
    margin-bottom:25px;  
  }
  h3
  {
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:20px;
    letter-spacing:1px;
    margin-bottom:5px;
  }
  h4
  {
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:16px;
    letter-spacing:1px;
    margin-bottom:5px;
  }
  
  .header
  {
    position:relative;
    z-index:1; /*IE7*/
  }
  
  .headerTop
  {
    background-color:rgb(255,255,255);/*IE8*/
    background-color:rgba(255,255,255,0.80);
    height:80px;/*100*/
    padding-top:20px;
    width:100%;
    
    position:absolute;
    top:0px;
    z-index:1;
  }
  
  .logo
  {
    display:block;
    margin-left:auto;
    margin-right:auto;
    
    width:100%;
  }
  
  .menu
  {
    padding-top:0px;
    padding-bottom:0px;
    
    height:35px;
    width:100%;
    position:absolute;
    top:100px;
    z-index:8000!important;
    
    background-color:rgb(255, 255, 255);
    background-color:rgba(255, 255, 255, 0.90);
  }
  
  .banner
  {
    position:relative;
    margin-bottom:20px;
  }
  
  .banner h1
  {
    background-color:rgb(0, 117, 190);/*IE8*/
    background-color:rgba(0, 117, 190, 0.70);
    color:white;
    text-align:center;
    
    
    position:absolute;
    top:52%;
    left:50%;
    bottom:auto;
    
    
    margin-left:-340px;
    
    width:600px;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:40px;
    padding-right:40px;
  }
  
  .paddingTop
  {
    padding-top:25px;
  }
  .paddingBottom
  {
    padding-bottom:25px;
  }
  .marginBottom
  {
    margin-bottom:25px;
  }
}

/* Style adjustments for viewports 1024px and over go here */
@media all and (min-width: 992px)
{
  .nomobile
  {
    display:inline!important;
  }
  .nomobileBlock
  {
    display:block!important;
  }
  
  .notablet
  {
    display:inline;
  }
  
  .mobileOnly
  {
    display:none;
  }
  
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:16px;
    
    color:#425671;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }
  
  .content
  {
  }
  .contentWidth
  {
    text-align:left;
    margin:0px auto;
    padding-left:1%;
    width:1000px;
    min-width:1000px;
    /*overflow-x:hidden;*/
		max-width:none;
  }
  
  .col3rd
  {
    float:left;
    width:23%;
    margin-left:5%;
    margin-right:5%;
  }
  .col3rd p
  {
    padding-left:10px;
    padding-right:10px;
  }
  
  
  .col1
  {
    float:left;
    width:5.5%;
    margin-right:3%;
  }
  .col2
  {
    float:left;
    width:14%;
    margin-right:3%;
  }
  .col3
  {
    float:left;
    width:22.5%;
    margin-right:3%;
  }
  .col4
  {
    float:left;
    width:31%;
    margin-right:3%;
  }
  .col5
  {
    float:left;
    width:39.5%;
    margin-right:3%;
  }
  .col6
  {
    float:left;
    width:48%;
    margin-right:3%;
  }
  .col7
  {
    float:left;
    width:56.5%;
    margin-right:3%;
  }
  .col8
  {
    float:left;
    width:65%;
    margin-right:3%;
  }
  .col9
  {
    float:left;
    width:73.5%;
    margin-right:3%;
  }
  .col10
  {
    float:left;
    width:82%;
    margin-right:3%;
  }
  .col11
  {
    float:left;
    width:90.55%;
    margin-right:3%;
  }
  .col12
  {
    width:99%;
    margin-right:0%;
  }
  .last
  {
    margin-right:0%;
  }
  
  h1
  {
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:24px;
    letter-spacing:1px;
  }
  h2
  {
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:24px;
    letter-spacing:1px;
    
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:0px;
    padding-right:0px;
    
    margin-bottom:25px;  
  }
  h3
  {
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:20px;
    letter-spacing:1px;
    margin-bottom:5px;
  }
  h4
  {
    font-family:"petala-pro",sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:16px;
    letter-spacing:1px;
    margin-bottom:5px;
  }
  
  .header
  {
    position:relative;
    z-index:1; /*IE7*/
  }
  
  .headerTop
  {
    background-color:rgb(255,255,255);/*IE8*/
    background-color:rgba(255,255,255,0.80);
    height:80px;/*100*/
    padding-top:20px;
    width:100%;
    
    position:absolute;
    top:0px;
    z-index:1;
  }
  
  .logo
  {
    display:block;
    margin-left:auto;
    margin-right:auto;
    
    width:100%;
  }
  
  .menu
  {
    padding-top:0px;
    padding-bottom:0px;
    
    height:35px;
    width:100%;
    position:absolute;
    top:100px;
    z-index:8000!important;
    
    background-color:rgb(255, 255, 255);
    background-color:rgba(255, 255, 255, 0.90);
  }
  
  .banner
  {
    position:relative;
    margin-bottom:25px;
    z-index:0;
  }
  
  .banner h1
  {
    background-color:rgb(0, 117, 190);/*IE8*/
    background-color:rgba(0, 117, 190, 0.70);
    color:white;
    text-align:center;
    
    
    position:absolute;
    top:50%;
    left:50%;
    bottom:auto;

    
    margin-left:-350px;
    
    width:600px;
    padding-top:18px;
    padding-bottom:18px;
    padding-left:50px;
    padding-right:50px;
  }

  .paddingTop
  {
    padding-top:25px;
  }
  .paddingBottom
  {
    padding-bottom:25px;
  }
  .marginBottom
  {
    margin-bottom:25px;
  }
}


@media all and (min-width: 1025px)
{
  /*Only flip on desktops*/
  /*Front image only flip*/
  .flip3D
  {
    width:100%;
    height:100%;
  }
  
  .front
  {
    width:100%;
  }
  
  .flip3D > .front
  {
    -webkit-transform:perspective( 600px ) rotateY( 0deg );
    transform:perspective( 600px ) rotateY( 0deg );
  
    transition:-webkit-transform .4s linear 0s;
    transition:transform .4s linear 0s;
  }
  
  .flip3D:hover > .front
  {
    -webkit-transform: perspective( 600px ) rotateY( -180deg );
    transform: perspective( 600px ) rotateY( -180deg );
  }
  
  /*Front and back image flip*/
  /*
  .flip3D
  {
    width:100%;
    height:100%;
  }
  
  .flip3D > .front
  {
    position:absolute;
    -webkit-transform:perspective( 600px ) rotateY( 0deg );
    transform:perspective( 600px ) rotateY( 0deg );
    
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transition:-webkit-transform .5s linear 0s;
    transition:transform .5s linear 0s;
  }
  .flip3D > .back
  {
    position:absolute;
    -webkit-transform:perspective( 600px ) rotateY( 180deg );
    transform:perspective( 600px ) rotateY( 180deg );
    
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transition:-webkit-transform .5s linear 0s;
    transition:transform .5s linear 0s;
  }
  
  .flip3D:hover > .front
  {
    -webkit-transform: perspective( 600px ) rotateY( -180deg );
    transform: perspective( 600px ) rotateY( -180deg );
  }
  .flip3D:hover > .back
  {
    -webkit-transform: perspective( 600px ) rotateY( 0deg );
    transform: perspective( 600px ) rotateY( 0deg );
  }
  */
}





.main
{
  /*margin-top:30px;*/
  padding-bottom:220px;   /* Height of the footer */  /*plus a bit extra*/
}


input.text
{
  width:96%;
  padding:2%;
  margin-top:5px;
  margin-bottom:10px;
  
  border-width:0px;
  background-color:#B7D4E5;
  
  font-family:"petala-pro",sans-serif;
  font-style:normal;
  font-weight:400;
  font-size:14px;
  color:white;
  
  -webkit-appearance: none;
  border-radius: 0;
}


textarea
{
  width:98%;
  height:50px;
  padding:1%;
  resize:none;
  margin-top:5px;
  margin-bottom:10px;
  
  border-width:0px;
  background-color:#B7D4E5;
  
  font-family:"petala-pro",sans-serif;
  font-style:normal;
  font-weight:400;
  font-size:14px;
  color:white;
  
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.submit
{
  display:block;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  
  height:30px;
  
  background-color:transparent;
  
  font-family:"petala-pro",sans-serif;
  font-style:normal;
  font-weight:600;
  font-size:20px;
  
  color:#425671;
  text-align:center;
  
  border-width:0px;
  cursor:pointer;
  
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.error
{
  color:red;
}

.vehicles
{
  display:block;
  margin-left:auto;
  margin-right:auto;
  
  height:120px;
}


.testimonial
{
  padding-top:30px;
  padding-bottom:35px;
  margin-bottom:-32px;
}

.testimonial:first-child
{
  padding-top:0px;
}

.testimonial,
.testimonial h4,
.testimonial p
{
  text-align:center;
}
.testimonial p
{
  font-style:italic;
}

.divider
{
  display:block;
  margin-left:auto;
  margin-right:auto;
  
  position:relative;
  top:16px;
}

.footer
{
  /*make footer always sit at bottom of page*/
  position:absolute;
  bottom:0px;
  width:100%;
  
  margin-top:0px;
  
  font-size:13px;
  line-height:25px;
  
  height:220px; /* Height of the footer */
}
.footerTop
{
  height:150px;/*180*/
  padding-top:30px;
}
.footerBottom
{ 
  padding-top:10px;
  padding-bottom:10px;
}
.footer a
{
  color:#425671;
  padding-left:5px;
  padding-right:5px;
}

.blue1
{
  color:#D3E4EF;
}
.blue2
{
  color:#B7D3E4;
}
.blue3
{
  color:#425671;
}
.blue4
{
  color:#0075BE;
}

.grey1
{
  color:#D5D6DE;
}
.green1
{
  color:#F1F5DA;
}

.bgBlue1
{
  background-color:#D3E4EF;
}
.bgGrey1
{
  background-color:#D5D6DE;
}
.bgGreen1
{
  background-color:#F1F5DA;
}




.left
{
  float:left;
}
.right
{
  float:right;
}
.clear
{
  clear:both;
}

img.center
{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.center
{
  text-align:center;
}
.leftText
{
  text-align:left;
}
.rightText
{
  text-align:right;
}

.bottom
{
  width:100%;
  position:absolute;
  bottom:0px;
}