/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
input, textarea, select {color:#5e605f;}
a:link {
    color: #bd1515;	text-decoration:none;
}
a:visited {
    color: #bd1515;	text-decoration:none;
}
a:active {
    color: #bd1515;	text-decoration:none;
}
a:hover{
	color: #989795; text-decoration:none;
}
h1 {
    font-family: 'Exo', sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
    color: #ff0000;
    font-weight: bold;
}
h2 {
     font-family: 'Exo', sans-serif; font-size: 15px; font-weight:bold;
}
h3 {
     font-family: 'Arial', sans-serif; font-size: 13px;
}
h4 {
     font-family: 'Arial', sans-serif; font-size: 12px;
}
h5 {
     font-family: 'Arial', sans-serif; font-size: 10px;
}
h6 {
     font-family: 'Arial', sans-serif; font-size: 8px;
}
hr {
    padding: 0;
    margin: 0;
    border: 0;
    height: 25px;
    background-color: #fcd51b;
}
/* Overall Page Info */

html {
  width: 100%; height: 100%;
 
}
body {
	/*display: inline; this cannot be set as it messes with the device width calc */
	height: 100%;width: 100%;
	font-family: 'Arial', sans-serif; font-size: 12px;
	font-weight: normal; line-height: 1.5; overflow-x: hidden;
}
/* clearing */
.clear {clear: both;}
/* images responsive */
img{max-width:100%;height:auto;width:auto\9;} /* BX Slider */ .bx-wrapper .bx-viewport{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:0 #fff;background:#fff;left:0;} /** YouTube Video Responsiveness **/ .iacaVid{position:relative;padding-bottom:47%;padding-top:35px;height:0;overflow:hidden;margin-bottom:15px;}.iacaVid iframe{position:absolute;top:0;left:0;width:100%;height:100%;} /* map/frame Responsiveness */ #cx5ws_windowsticker,#searchpage{float:none;margin:0 auto;}#cx5ws_windowsticker{padding:5px 0 0;} #mapHolder{position:relative;padding-bottom:60%;padding-top:35px;height:0;overflow:hidden;margin-bottom:15px;}#mapHolder iframe{position:absolute;top:0;left:0;width:100%;height:100%;}.embed-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}.embed-container embed,.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}.pageHeader{padding:1%;margin-bottom:10px;}.fullPage{width:98%;}.fullPage p{padding-bottom:10px;}
iframe { width:100%; min-height:100%;} 
/************* General Page code ****************/
.wrapper { width: 100%; margin: 0 auto; padding: 0;}
/* if you want a fixed content wrapper */ 
.wrapper1300{
	max-width: 1300px; margin: 0 auto;
	padding-top: 1px; display:block; 
}
#copy p{
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3;
    margin-bottom: 16px;
}
.subhead {
	font-family: 'Arial', sans-serif;
    font-size: 20px;
    color: #000;
    font-weight: bold;
}
.subheadRed {
    color: #ff0000;
	font-family: 'Arial', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}
.subheadItal {
    color: #ff0000;
	font-family: 'Arial', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
font-style: italic;
}

.checkmark ul,li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.checkmark ul {
  margin: 2em 0;
}

.checkmark li {
  margin: 1em;
  margin-left: 3em;
    font-size: 14px;
}

.checkmark li:before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Free';
  float: left;
  margin-left: -1.5em;
  color: #ff0000;
}

.link {
  font-size: 0.45em;
}
.contentHome{max-width:100%;margin:0 auto;display:block;} .innercontent { width: 1300px;}


/* smaller than mobile made it inline to keep with a mobile first approach */


/* hide THINGS */

/* responsive embeds */

.embed-container {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}
.videofeed {
    display: block;
    justify-content: center;
    margin-bottom: 50px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.divider {
    height: 10px;
    background-color: #ebebeb;
    margin-bottom: 12px;
}
/* HEADER STYLES */
.dlr_phone_number {
    font-weight: bold;
}
#dlr_phone_number span {font-size:37px;}
.dlr_address {
    font-weight: bold;
}
#header{ 
background-image: url(images/headerBackground.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
    
}
.headerwrapper {

    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 1300px;
}
/* Inside Header design elements here */


.headerlogo img {
    margin-top: 15px;
    margin-bottom: 15px;
}
.headerlogo {
    margin-left: auto;
    margin-right: auto;
    max-width: 70%;
}
#translate {
    text-align: center;
    margin-bottom: 20px;
}

.headerright {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px; margin-top:10px;
	font-family: 'Exo', sans-serif;
    color: #fff;
    font-weight: bold;
}


/* Phone Buttons */
.phoneTop {
	width: 100%;
	background-color: #525151;
	padding: 7px 0;
	font-size: 36px;
	line-height:1; display: inline-block;
	border-bottom: 3px solid #FFF;
    margin-bottom: -5px; display: block;
}
.phoneTop a {
	color: #ffffff;
}
.phoneTop a:hover{
	color: #d4d4d4;
}

div#dlr_phone_number {
    font-size: 17px;
    font-weight: bold;
}

.butIcon{
	float:left;
	width: 25.7%;
	border-right: solid 1px white;
}
.butIcon:hover {
    color: #d5031e;
}
.butIconLast{
	float:left;
	width: 19.2%;
}
.butIconLast:hover {
    color: #d5031e;
}
.phonebtns {
	width: 100%;
	margin-bottom: 10px;
	display:block;
}
.phonebtns a{
    font-family: 'Exo', sans-serif;
	display: inline-block;
	background-color: #fcd51b;
	width: 96.5%;
	margin:1%;
	text-align:center;
	border: 2px solid #ff0000;
	border-radius: 5px;
	padding: 7px 0;
	font-size: 20px;
    color: #ffffff;
}
.phonebtns a:hover {
        background: #020708; /*tab link background during hover state*/
	    color: #d5031e; /*link color*/
        transition: all 0.5s ease 0s; }
	
/* INDEX FRONT PAGE STYLES */
.insidesplit {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 20px; margin-bottom:20px
}
.inforight {
    max-width: 100%;
}
.indexcontent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-left: 2%;
    margin-right: 2%; margin-bottom: 10px;
}
.rowleft {
    background-color: #000000;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 4%;
    font-size: 30px;
    font-family: 'Exo', sans-serif;
    text-align: center;
    max-width: 100%;
	margin-bottom:12px;
	
}
.yellow {
    color: #fcd51b;
    margin-top: 0;
    font-size: 38px;
    font-weight: bold;
}
.rowleft span {
   color: #fcd51b; font-size:12px;
    }
.rowright {
    background-color: #fcd51b;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 20px;
    font-family: 'Exo', sans-serif;
    max-width: 100%;
    padding: 33px;
    
}
.rowright ul li {
    list-style-image: url(images/checkmark2.png);
    list-style-position: inside;
	font-size: 35px;
display: block;
margin-top: 5px;
line-height: 1.5em; 
}
.rowright span {font-family: 'Exo', sans-serif;
font-size: 35px;}
#nav{
	margin-top: 10px;
	width: 100%;
	background-color: #525151;
	height:60px;
}
.row2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 2%;
}
.row2left {
    margin: 20px;

}
.row2right {
    margin: 10px;
    font-size: 18px;
}
.row2left img {
    max-width: 276px;
}

.easyList {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 2em;
}
.applybtn {
    font-family: 'Exo', sans-serif;
    color: #ffffff;
    font-size: 20px;
    background: #ff0000;
    padding: 10px 40px 10px 40px;
    text-decoration: none;
}
a.applybtn {
    color: #FFF;
}

a.applybtn:hover {
     background: #000;
   
}
.bottombar span {
    color: red;
}
.bottombar {
    background: #fcd51b;
    margin-bottom: 10px;
    padding: 20px;
    text-align: center;
    font-size: 22px;
	font-weight: bold;
    font-family: 'Exo', sans-serif;
}
.toggleMenu  {
	display:inline-block;
	width:100%;
	clear:both;
	text-align:left;
	margin: 0 auto;
	position:relative;
    background-color: #fcd51b;
      
}
.jqueryslidemenu {
	display:none;
}
.locwrap2 span {color:red; font-weight:bold;}
.locwrap1 span {color: red; font-weight: bold;}

.locwrap2 {
    display: inline-block;
    width: 95%;
    margin: 10px;
}

.locwrap1 {
    display: inline-block;
    width: 95%;
    margin: 10px;
}
.loctable1 {
    width: 100%;
    float: left;
}
.loctable2 {
    width: 100%;
    
}
.loctable3 {
    width: 100%;
    
}
.loctable4 {
    width: 100%;
    
}
/***** Form Page ****/
.formLeft{
	
}
.formLeft p{
	padding-bottom: 10px;
}
.formLeft a{
	font-weight: 700;
	text-decoration:none;
}
.formLeft a:hover{
	color: #bd1515;
}
.formBtn {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 1px;
    background: #bd1515;
    width: 95%;
    margin-bottom: 7px;
    font-family: 'Exo', sans-serif;
    padding: 13px; 
	-webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}
.formBtn:hover {
  background: #e6e6e6;
  text-decoration: none;
  color: #989795;
}
.formButtons a{
	color:#ffffff;
	text-decoration:none;
	font-weight:700;
}


/* Content stuff here */
.bannerimage {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
/*Footer styles */
#footer {
    display: block;
    color: #f3f3f3;
    background: #151515;
    padding: 17px;
    max-width: 100%;
	text-align:center;
}
#footer a {color: #fff101;}
#footer a:hover {color: #fff;}



/* Larger than mobile */
@media (min-width: 400px) {

/* hide things, don't need much code here because the call above's layout is typicaly the same, but if you need something rendered differently in 400px-550px, put the code in here and the code will flow through 400 and up, until you ask it to do otherwise in the media sections below */

.jqueryslidemenu {
	display:none;

}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
/* Hide stuff */
/* show stuff */
/* HEADER STYLES */
#translate {
    text-align: right;
    margin-bottom: 20px;
}
.headerleft { 
    display:block; margin-left: 7px;
	}
.headerlogo {
    margin-left: auto;
    margin-right: auto;
    max-width: 45%;
}
#dlr_phone_number span {
    font-size: 30px;
}
/* content styles */
.loctable1 {
    width: 40%;
    float: left;
}
.loctable2 {
    width: 40%;
    float: right;
}
.loctable3 {
    width: 40%;
    float: left;
}
.loctable4 {
    width: 40%;
    float: right;
}
.row2left img {
    max-width: 354px;
}
/* nav */
.jqueryslidemenu {
	display:none;
}
}

/* Larger than tablet */
@media (min-width: 750px) {
html {
	overflow-x: hidden;
}
/* Show Items */
.search {display:block;}

/* Hide Items */
.phoneTop {
	display: none;
}
.phonebtns{
	display: none;
}
.toggleMenu {
	display:none;
}
.butIcon { display: none; }

/* Header */
#dlr_phone_number span {
    font-size: 40px;
}
.headerright { 
    display:block; margin-right: 7px;
	
	}
.headerlogo {

    margin-left: 10px;
}
/* Navigation */
#nav{
	margin-top: 5px; display:block;
}
.jqueryslidemenu { display:block;}
.myslidemenu { display:block;}

/* content */

.insidesplit {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 20px;
}
.inforight {
    max-width: 30%;
}
.indexcontent {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-left: 2%;
    margin-right: 2%; margin-bottom: 10px;
}
.rowleft {
    background-color: #000000;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 4% 3%;
    font-size: 30px;
    font-family: 'Exo', sans-serif;
    text-align: center;
    max-width: 64%;
    padding-top: 20px;
    padding-bottom: 10px;
	margin-bottom:0;
}
.rowright {
    background-color: #fcd51b;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 20px;
    font-family: 'Exo', sans-serif;
    max-width: 30%;
    padding: 33px;
    margin-left: 15px;
	padding-top: 10px;
}
.row2right {
    margin: 10px;
    font-size: 13px;
}
.row2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 2%;
}
/* index 2 large buttons */

/* Footer */
.stickyAd { display:none; }


.copyright {
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 10px;
}

.translate {
    display: inline-block;
    text-align:right;
    width: 13%;
}

/*** Map/Frame responsiveness **/
.mapHolder {
    padding-bottom: 28%;
}
}
/* Larger than desktop at this point more code will be added because you want to code for desktop and the view to be like the mockup you created */

@media (min-width: 1000px) {
html {
	overflow-x: hidden;
}
/* SHOW ITEMS */

.row2right {
    margin: 10px;
    font-size: 18px;
}

/* Hide Items */
.phoneTop {
	display: none;
}
.phonebtns {
	display: none;
}
.toggleMenu {
	display:none;
}

/* Header information your header style may change here too, logo size,content etc */

.headerlogo {
    max-width: 685px; float:left;
}
.headerlogo img {
    max-width: 450px; margin-top:15px; margin-bottom:15px; 
}
/* content inside head center */


/* Navigation */

/* content layout in here if different from mobile, which usually it is */
/* show stuff */
/* Footer if your footer is the same on mobile as it is on desktop, you do not need to call the class again, if it is different, you need to add the classes below, also any code you add here is going to flow onto the media below so there is no need to design or copyand paste code from here to the medias below */
/* hide stuff */
.stickyAd { display:none; 
}
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {

/* Show Items */

/* Navigation when dealing with showing and hiding this, ce5 or something requires us to call the class in every medai, not sure why but here it is */



/* Footer */
.stickyAd { display:none; 
}
}