/***** BEGIN RESET *****/

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {list-style: none;}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {    display: block;  } 

/***** END RESET *****/

body {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 400;
  letter-spacing: 2px;
  background-color: transparent;
  font-size: 18px;
  line-height: 25px;
  }

p{font-size: 16px;line-height: 25px;}



.newbtn {
    border: 2px solid #00539B !important;
    color: white !important;
    background-color: #00539B !important;
    padding: 5px 35px !important;
    font-size: 18px !important;
    font-weight: 500;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    margin-right: 10px; margin-bottom: 20px;
    width: auto !important;
}

.newbtn:hover {background-color: black !important; transition-duration: .5s; cursor: pointer;}



.social-li {
    display: inline-block;
    padding: 5px 5px 5px 5px;
    border: 2px solid black;
    box-sizing: border-box !important;
    height: 35px;
    width: 35px;
    margin: 1px;
    background-color: #00539B;
}


.social-li > a > .fas {color: white !important; font-size: 22px;}
.social-li > a:hover > .fas {color: #00539B !important; transition-duration: .5s;}
.social-li > a > .fab {color: white !important; font-size: 22px;}
.social-li > a:hover > .fab {color: #00539B !important; transition-duration: .5s;}

.footiconspan { display: block; width: fit-content; margin-top: 3px;}
.footicon {text-align: center; display: block;}




h1, h2, h3, h4, h5 {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  letter-spacing: 2px;
  font-weight: 800;
  line-height: normal;}

h1{ color: #000; margin-bottom: 10px;}

strong {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; letter-spacing: 2px;font-weight: 800; font-size: 20px;}
a:link, a:visited, a:active {text-decoration:none; color:#00539B;}
a:hover {text-decoration: none; color:#000;}
img {max-width:100%; height: auto;}
header {background-color: #fff;max-width: 100%; height: auto;}

/************************************** MAIN STYLES ****************************************/
/*----Header -----*/
.wrapper{ width: 100%; }
.background{ background-image: url("../siteart/newheaderrero.jpg"); background-color: #979797; height: 210px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.hcolumn {float: left; width: 50%;}
.hrow:after {  content: "";  display: table;  clear: both;}
.logo { position: relative; display: inline-block; left: 20%; padding-top: 15px;}
.logo img {width: 100%; }
.hphone {float: right; display: inline-block; position: relative; right: 30%; padding-top: 75px;}
.hphone p {font-size: 20px; color: #FFFFFF!important; text-shadow: 2px 2px 4px #000000;}
.hphone a {	font-size: 20px; color: #FFFFFF!important; text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
.hphone a:hover {font-size: 20px; color: black!important; text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
/*----------------------------------------*/
/*------Middle-----*/
.title {width: 100%; float: left; text-align: left; margin: 3% 0 5px 5%; position: relative;}
.title p {font-size: 20px; color: #000000; letter-spacing: 2px; text-transform: uppercase;}
.title h2 {font-size: 35px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}
/*----------------------------------------*/
/*  buttons
------------------------------------------------*/

.mynewbtn {background-image: url("../siteart/1buttons_img2.png"); background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 10%; padding-bottom: 10%; margin-top: 20px; margin-bottom: 20px;
    margin-left: 15%;
    margin-right: 15%;
    display: block;}

.mynewbtn:hover {background-image: url("../siteart/1buttons_img.png"); cursor: pointer;}

.b-wrapper{width: 100%; margin: 0 auto; display: block; position: relative;}
.m-buttons {display: none; }
.buttons {margin: 0 10%; position: relative; }
.bcolumn  { float: left; width: 50%;  height: auto;  text-align: center; background-color: transparent; z-index: 98; }
.bcolumn img{ width: 100%;height: auto; margin-left: auto; margin-right: auto; }
.brow {margin: 0;}
.brow:after {content: "";display: table; clear: both;}
.bcolumn:hover { background-color: transparent;  ;   }
.icon { width: 100%; height: auto;  position: relative;  display: block;   left: 65px; }
.icon .img-top {  display: none;  position: absolute;  top: 0;  left: 0;  z-index: 99;  }
.icon:hover .img-top { display: inline; }
.r-icon { width: 100%; height: auto;  position: relative;  display: inline-block;   right:  65px;  }
.r-icon .img-top {  display: none;  position: absolute;  top: 0;  left: 0;  z-index: 99;  }
.r-icon:hover .img-top { display: inline; }
.cat-button-info {	font-size: 30px; text-align: center; font-weight: 900; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 4px #000000; display: block;z-index: 300;}
.cat-button-cover {	position: absolute;	left:0;	top:0; height: 100%;width: 90%;	box-sizing: border-box;	z-index: 100;display: flex;align-items: center;	justify-content: center;}
.r-cat-button-cover {position: absolute;left:0;	top:0;height: 100%;	width: 110%;box-sizing: border-box;	z-index: 100;display: flex;	align-items: center;justify-content: center;}
/*------------------------------------------------*/
/*  SCROLLING INVENTORY
------------------------------------------------*/
.s-wrap {  max-width: 100%;  margin: 0 13.8% 0 13.8%; display: block;  padding:  0;}
.scrolling-wrap {width:100%; height:90px; overflow:hidden; margin: 5px 0;}
.scrolling{ width:100%; height:92px;}
/*----------------------------------------*/
/*----Info-----*/
.i-wrap { width:100%;max-width: 70%;margin: 0 auto;  display: block; padding: 1% 0 2% 0;  }
.info p {font-size: 18px; font-weight: 500; letter-spacing: 1px; text-transform: none; line-height: 30px; padding-bottom: 2%;}
.im-column {  float: left;  width: 50%;  padding: 0;  height: auto; }
.i-column { float: left; width: 45%; padding-left: 10px; height: auto; }
.i-row:after {  content: "";  display: table;  clear: both;}
.i-c img { padding-bottom: 10px;}
.i-c p  {font-size: 18px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 30px;}
.i-c strong {letter-spacing: 0; font-size: 20px}
.i-c a {	font-size: 18px; color: #000000; text-decoration: none; font-weight: 500;}
.i-c a:hover {font-size: 18px; color: black; text-decoration: none; font-weight: 500;}
.i-c h4 {font-size: 25px; letter-spacing: 1px; font-weight: 800;}
/*  FOOTER
------------------------------------------------*/
.wrap {width: 100%; margin: 0 auto; max-width: 1230px; }
footer h5{font-size: 14px;color: #FFFFFF;text-transform: uppercase;line-height: 30px; font-weight: 700; text-shadow: 1px 2px 1px #000000;}
footer { height: auto; display: inline-block; width: 100%; padding: 5px 0; background-color: black; } 
footer .foot-nav {list-style: none; margin: 0; }
footer .foot-nav li a {font-size: 14px; font-weight: bold; list-style: none;color: #FFFFFF;}
footer .foot-nav li a:hover {color:#FFFFFF; text-shadow: 3px 3px 4px #000000;}
footer a {font-size: 16px; font-weight: bold; list-style: none;color: #FFFFFF;line-height: 25px;}
.right {padding: 0 2% 0 0; float: right; }
.column4 {width: 33.33%;}
.fco{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 20px;}
.f-text {text-align: left;padding: 6% 0 ;}
.f-text p {text-align: left;font-size: 12px;font-weight: normal;line-height: 16px; color: #FFFFFF!important}
.f-text a {	text-align: left;	font-size: 12px;font-weight: bold;line-height: 16px; color: #FFFFFF!important}
/*  end footer
--------------*/
/*----Info-----*//*----Conact Page-------*/
.c-wrap {width: 100%; margin: 0 auto; max-width: 1340px; }
.info p {font-size: 18px; font-weight: 500; letter-spacing: 1px; text-transform: none; line-height: 30px; padding-bottom: 2%;}
.c-lcolumn {  float: left;  width: 45%;  padding: 0;  height: auto; }
.c-rcolumn { float: left; width: 45%; padding-left: 10%; height: auto; }
.c-row:after {  content: "";  display: table;  clear: both;}
.c-i img { padding: 10px 0;}
.c-i p  {font-size: 18px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 30px;}
.c-i strong {letter-spacing: 0; font-size: 20px}
.c-i a {	font-size: 18px; color: #000000!important; text-decoration: none; font-weight: 500;}
.c-i a:hover {font-size: 18px; color: black!important; text-decoration: none; font-weight: 500;}
.c-i h4 {font-size: 25px; letter-spacing: 1px; font-weight: 800;}	
/**************************************** FORM STYLES ****************************************/
.con-text {padding: 20px 20px;}
.con-text p {text-align: left; font-size: 18px; line-height: 35px;color: #fff;}
.con-text a {text-align: left; font-size: 18px; line-height: 35px; color: black;}
.con-text h1 {text-align: left; font-size: 30px; line-height: 40px; color: black; text-transform: uppercase; font-weight: normal;}
.con-text strong {text-align: left;	font-size: 50px; line-height: 50px;	color: black;	text-transform: uppercase;}
.c-form {position:relative; max-width: 75%; margin: 0 auto; padding: 20px;font-size: 18px; line-height: 35px; color: black;}
.c-form input[type="text"] { width: 98%; margin: 0px 0 12px 0; padding: 4px 1%;font-size: 14px; border: 1px solid #bebebe; -webkit-border-radius:0; border-radius:0;}
.th-btn a {border-radius: 4px; display: inline-block;padding: 10px 1.5em;margin: 20px 0;background-color: #414141; text-transform: uppercase;font-weight: 600; border: 1px solid #ccc;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all.3s ease-in-out;font-size: 15px; color: #fff;}
.th-btn a :hover {cursor: pointer;background-color: #222222; color: #4CAF50; text-decoration: none;}
.c-form textarea {width: 98%;min-height:80px;margin:2px 0;padding: 4px 1%;font-size: 14px; background-color: #f9f9f9; border: 1px solid #bebebe;-webkit-border-radius:0;border-radius:0;}
.c-form input[type="submit"]{ height: 50px; cursor: pointer; width: auto; background: black; text-align: center; color: #FFFFFF; border-radius: 0 5px 5px 0; font-size: 18px; font-weight: bold;}

.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header {color: #000!important;}

.ctct-form-embed.form_0 .ctct-form-defaults {background-color: black!important;}

div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {font-size: 20px!important; font-weight: bold!important; }

.ctct-inline-form {width: 65%; margin: auto;}
.CaptchaPanel {   margin: 0!important; text-align: left!important;    padding: 5px!important; }
/*---------------Thank You------------------*/
/*----Info-----*/
.t-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 80px;}
.t-lcolumn {  float: left;  width: 45%;  padding: 10% 0;  height: auto; }
.t-lcolumn p {  font-size: 18px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 30px; }
.t-lcolumn strong {letter-spacing: 0; font-size: 20px}
.t-lcolumn a {	font-size: 18px; color: #000000!important; text-decoration: none; font-weight: 500;}
.t-lcolumn a:hover {font-size: 18px; color: black!important; text-decoration: none; font-weight: 500;}
.t-lcolumn h1 {font-size: 45px; letter-spacing: 1px; font-weight: 800; color:black; }	
.t-rcolumn { float: left; width: 45%; padding-left: 10%; padding-top: 3% ;padding-bottom: 3%; height: auto; }
.t-row:after {  content: "";  display: table;  clear: both;}
.t-i img { padding: 10px 0;}
.t-i p  {font-size: 18px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 30px;}
.t-i strong {letter-spacing: 0; font-size: 20px}
.t-i a {	font-size: 18px; color: #000000!important; text-decoration: none; font-weight: 500;}
.t-i a:hover {font-size: 18px; color: black!important; text-decoration: none; font-weight: 500;}
.t-i h4 {font-size: 25px; letter-spacing: 1px; font-weight: 800;}	
.st-wrap { width: 100%;  margin: 0 ; display: block;  padding:  0;}























/************************************** Media STYLES ****************************************/
@media screen and (max-width: 1610px)  {
/*---Buttons---*/
	.mynewbtn {margin-left: 5%;}
.b-wrapper{width: 100%; margin: 0 auto; display: block; position: relative;}
.buttons {margin: 0 auto; position: relative; }	
.s-wrap {  max-width: 100%;  margin: 0 4% 0 4%; display: block;  padding:  0;}	
.r-cat-button-cover {	position: absolute;	height: 100%;width: auto;left: 32%;box-sizing: border-box;	z-index: 100; display: flex; align-items: center; justify-content: center;}	
/*------Middle-----*/
.title {width: 100%; float: left; text-align: left; margin: 0; position: relative;}
.title p {font-size: 20px; color: #000000; letter-spacing: 2px; text-transform: uppercase; padding: 3% 0 0 65px}
.title h2 {font-size: 35px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; padding-left: 65px}
/*----------------------------------------*/
/*---INFO/ConactUS----*/	
.i-wrap { width:100%;max-width: 90%;margin: 0 auto;  display: block;padding: 1% 0 3% 0;  }	

}

@media screen and (max-width: 1450px)  {
/*---Buttons----*/
.icon { left: 62px; }	
.r-icon { right:  62px;  }
/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width: 100%; height:90px; overflow:hidden; margin: 5px 0;}
/*----------------------------------------*/	
}


@media screen and (max-width: 1225px)  {
/*---Buttons----*/
.icon {  left: 45px; }	
.r-icon { right:  45px;  }	
}


@media screen and (max-width: 1100px)  {
.cat-button-info {	font-size: 25px;}	
}

@media screen and (max-width: 910px)  {
.cat-button-info {	font-size: 20px;}	

}
/*********************************** Mobile STYLES ****************************************/
@media screen and (max-width: 902px)  {
/*----Header -----*/
.background{ background-image: url("../siteart/newheaderrero.jpg"); background-color: #979797; height: 280px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.hcolumn {float: none; width: auto;}
.hrow:after {  content: "";  display: table;  clear: both;}
.logo { position: relative; display: inline-block; left: 30%; padding-top: 15px;}
.logo img {width: 100%; }
.hphone {float: right; display: inline-block; position: relative; right: 35%; padding-top:10px;}
.hphone p {font-size: 20px; color: #FFFFFF; text-shadow: 2px 2px 4px #000000;}
.hphone a {	font-size: 20px; color: #FFFFFF; text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
.hphone a:hover {font-size: 20px; color: black; text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
/*----------------------------------------*/	
/*------Middle-----*/
.title {width: 100%; float: left; text-align: left; margin: auto; position: relative;}
.title p {font-size: 20px; color: #000000; letter-spacing: 2px; text-transform: uppercase;  padding: 3% 0 0 0}
.title h2 {font-size: 30px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;padding-left: 0}	
/*----------------------------------------*/
/*-------Mobile Buttons---------*/
	.mynewbtn {display: none;}
.buttons {display: none;}
.m-buttons {margin: 0 8%; position: relative; display: inline-block;}
.bcolumn  { float: left; width: 100%;  height: auto;  text-align: center; background-color: transparent;  }
.bcolumn img{ width: 100%;height: auto; margin-left: auto; margin-right: auto; }
.brow {margin: 0;}
.brow:after {content: "";display: table; clear: both;}
.bcolumn:hover { background-color: transparent;  ;   }
.b-wrapper{width: 100%; margin: 0 auto; display: block; position: relative;}
.icon { width: 100%; height: auto;  position: relative;  display: inline-block;  margin: 0; left: 0; }
.icon .img-top {  display: none;  position: absolute;  top: 0;  left: 0;  z-index: 99;  }
.icon:hover .img-top { display: inline; }
.r-icon { width: 100%; height: auto;  position: relative;  display: inline-block;  margin: 0; right:  0;  }
.r-icon .img-top {  display: none;  position: absolute;  top: 0;  left: 0;  z-index: 99;  }
.r-icon:hover .img-top { display: inline; }
.cat-button-info {font-size: 30px;}
.cat-button-cover {	height: 100%;width: 100%;}
.r-cat-button-cover {height: 100%;width: 100%; left: 0; }	
/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {display: none;}
.scrolling{ display: none;}
/*----------------------------------------*/
/*---INFO/ConactUS----*/
.im-column { float: left; width: 100%; padding: 0; height: auto; }
.i-column { float: left; width: 100%; padding-left: 0; height: auto; }
.i-row:after { content: ""; display: table; clear: both;margin: 0 auto;}
.i-wrap { padding: 1% 0 3% 0;  }
/*----contact----*/
.c-wrap {width: 100%; margin: 0 auto; max-width: 1340px; }
.c-lcolumn {  float: left;  width: 100%;  padding: 0;  height: auto; }
.c-rcolumn { float: left; width: 75%; padding-left: 10%; height: auto;  padding-bottom: 3%;}
/*----ThankYOu---*/
.t-lcolumn {  float: left;  width: auto;  padding: 5%;  height: auto; }
.t-rcolumn { float: left; width: 75%; padding-left: 5%; height: auto;  padding-bottom: 3%;}
.t-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 20px;}
}

@media screen and (max-width: 762px)  {
/*----Header -----*/	
.logo { position: relative; display: inline-block; left: 0px;transform: none; padding-top: 15px; padding-left: 10px;}
.logo img {width: 100%; }
.hphone {float: left; display: inline-block; position: relative; left: 0; transform: none; padding-top: 15px; padding-left: 20px;}
.hphone p {font-size: 16px; color: #FFFFFF; text-shadow: 2px 2px 4px #000000;}
.hphone a {	font-size: 16px; color: #FFFFFF; text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
.hphone a:hover {font-size: 16px; color: black; text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
.hphone strong {font-size: 16px;}
/*----------------------------------------*/
/*------Middle-----*/
.title p {font-size: 20px; color: #000000; letter-spacing: 2px; text-transform: uppercase;}
.title h2 {font-size: 25px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}	
/*----------------------------------------*/
/*----Footer----*/
footer h5{font-size: 12px;}
footer .foot-nav {list-style: none; margin: 0; padding: 0  0 10px 0; }
footer .foot-nav li a {font-size: 12px; }
footer a {font-size: 14px; }
.column4 {width: 100%;}
/*----contact----*/
.c-wrap {width: 100%; margin: 0 auto; max-width: 1340px; }
.c-lcolumn {  float: left;  width: 100%;  padding: 0;  height: auto; }
.c-rcolumn { float: left; width: 75%; padding-left: 10%; height: auto;  padding-bottom: 3%;}
/*----ThankYOu---*/
.t-lcolumn {  float: left;  width: auto;  padding: 5%;  height: auto; }
.t-rcolumn { float: left; width: 75%; padding-left: 5%; height: auto;  padding-bottom: 3%;}
.t-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 20px;}
}

@media screen and (max-width: 652px)  {
.wrap { width:100%;  margin: 0 auto; display: block;padding: 3% 0 0 0;  }
}
@media screen and (max-width: 595px)  {
/*------Middle-----*/
.title p {font-size: 20px; color: #000000; letter-spacing: 2px; text-transform: uppercase;}
.title h2 {font-size: 20px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}	
/*----------------------------------------*/
}

@media screen and (max-width: 528px)  {
/*---Buttons----*/
.cat-button-info {font-size: 25px;}
/*----------------------------------------*/
}
@media screen and (max-width: 490px)  {
/*-----Middle-----*/
.title p {font-size: 18px; color: #000000; letter-spacing: 2px; text-transform: uppercase;}
.title h2 {font-size: 18px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}	
/*----------------------------------------*/
}
@media screen and (max-width:476px)  {
/*----Header -----*/	
.logo { position: relative; display: inline-block; left: 0;transform: none; padding-top: 15px;}
.logo img {width: 100%; }
.hphone {float: left; display: inline-block; position: relative; left: 0; transform: none; padding-top: 15px; padding-left: 20px;}
.hphone p {font-size: 16px; color: #FFFFFF; text-shadow: 2px 2px 4px #000000;}
.hphone a {	font-size: 16px; color: #FFFFFF; text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
.hphone a:hover {font-size: 16px; color: black; text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
.hphone strong {font-size: 16px;}
/*----------------------------------------*/
.text {background-color: transparent;color: white;font-size: 22px;padding: 16px 26px;text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
}
@media screen and (max-width: 470px)  {
strong {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; letter-spacing: 2px;font-weight: 800; font-size: initial;}	
/*-----Middle-----*/
.title p {font-size: 18px; color: #000000; letter-spacing: 2px; text-transform: uppercase;}
.title h2 {font-size: 18px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}	
/*----------------------------------------*/
}

@media screen and (max-width: 460px)  {
/*-----Middle-----*/
.title p {font-size: 18px; color: #000000; letter-spacing: 2px; text-transform: uppercase;}
.title h2 {font-size: 18px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}	
/*----------------------------------------*/
/*---info---*/
.info p {font-size: 16px; }
.i-c p  {font-size: 16px; }
.i-c strong { font-size: 18px}
.i-c a {	font-size: 16px; ;}
.i-c a:hover {font-size: 16px; ;}
.i-c h4 {font-size: 20px; }	
/*contact page--*/
.c-i p  {font-size: 16px; }
.c-i strong { font-size: 18px}
.c-i a {	font-size: 16px; }
.c-i a:hover {font-size: 16px; }
.c-i h4 {font-size: 20px; }	
/*ThankYOupage--*/
.t-i p  {font-size: 16px; }
.t-i strong { font-size: 18px}
.t-i a {	font-size: 16px; }
.t-i a:hover {font-size: 16px; }
.t-i h4 {font-size: 20px; }	
.t-lcolumn p {  font-size: 16px; }
.t-lcolumn strong { font-size: 20px}
.t-lcolumn a {	font-size: 16px; }
.t-lcolumn a:hover {font-size: 16px;}
.t-lcolumn h1 {font-size: 35px;  }	
.t-wrap {width: 100%; margin: 0 auto; max-width: 1340px; padding-bottom: 20px;}
}
@media screen and (max-width: 440px)  {
/*-----Middle-----*/
.title p {font-size: 16px; color: #000000; letter-spacing: 2px; text-transform: uppercase;}
.title h2 {font-size: 16px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}	
/*----------------------------------------*/
}


@media screen and (max-width: 395px)  {
/*-----Middle-----*/
.title p {font-size: 15px; color: #000000; letter-spacing: 2px; text-transform: uppercase;}
.title h2 {font-size: 15px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}	
/*----------------------------------------*/
}

@media screen and (max-width: 375px)  {
/*-----Middle-----*/
.title p {font-size: 14px; color: #000000; letter-spacing: 2px; text-transform: uppercase;}
.title h2 {font-size: 14px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}	
/*----------------------------------------*/

}

@media screen and (max-width: 360px)  {
/*----Header -----*/
.background{ background-image: url("../siteart/newheaderrero.jpg"); background-color: #979797; height: auto; background-repeat: no-repeat; background-size: cover; background-position: center;}
/*----------------------------------------*/
/*-----Middle-----*/
.title p {font-size: 13px; color: #000000; letter-spacing: 2px; text-transform: uppercase;}
.title h2 {font-size: 13px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}	
/*----------------------------------------*/

}
@media screen and (max-width: 340px)  {
/*-----Middle-----*/
.title p {font-size: 12px; color: #000000; letter-spacing: 2px; text-transform: uppercase;}
.title h2 {font-size: 12px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}	
/*----------------------------------------*/

}
@media screen and (max-width:330px)  {
/*----Header -----*/
.hphone {float: left; display: inline-block; position: relative; left: 0; transform: none; padding-top: 15px; padding-left: 20px;}
.hphone p {font-size: 14px; color: #FFFFFF; text-shadow: 2px 2px 4px #000000;}
.hphone a {	font-size: 14px; color: #FFFFFF; text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
.hphone a:hover {font-size: 14px; color: black; text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
.hphone strong {font-size: 14px;}
/*----------------------------------------*/	
}

@media screen and (max-width: 320px)  {
/*-----Middle-----*/
.title p {font-size: 12px; color: #000000; letter-spacing: 2px; text-transform: uppercase;}
.title h2 {font-size: 12px; color: #000000; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}	
/*----------------------------------------*/
/*---info---*/
.info p {font-size: 12px; }
.i-c p  {font-size: 12px; }
.i-c strong { font-size: 14px}
.i-c a {	font-size: 12px; ;}
.i-c a:hover {font-size: 12px; ;}
.i-c h4 {font-size: 16px; }	
/*contact page--*/
.c-i p  {font-size: 12px; }
.c-i strong { font-size: 14px}
.c-i a {	font-size: 12px; }
.c-i a:hover {font-size: 12px; }
.c-i h4 {font-size: 16px; }
/*ThankYOupage--*/
.t-i p  {font-size: 12px; }
.t-i strong { font-size: 14px}
.t-i a {	font-size: 12px; }
.t-i a:hover {font-size: 12px; }
.t-i h4 {font-size: 16px; }	
.t-lcolumn p {  font-size: 12px; }
.t-lcolumn strong { font-size: 14px}
.t-lcolumn a {	font-size: 12px; }
.t-lcolumn a:hover {font-size: 12px;}
.t-lcolumn h1 {font-size: 25px;  }	

}

@media screen and (max-width: 317px)  {
/*-----Middle-----*/
.title p {font-size: 12px; color: #000000; letter-spacing: 0; text-transform: uppercase;}
.title h2 {font-size: 12px; color: #000000; font-weight: 900; letter-spacing: 0; text-transform: uppercase;}	
/*----------------------------------------*/

}

@media screen and (max-width: 272px)  {
	
/*----Header -----*/
.background{ background-image: url("../siteart/newheaderrero.jpg"); background-color: #979797; height: 255px; background-repeat: no-repeat; background-size: cover; background-position: center;}
/*----------------------------------------*/

}

@media screen and (max-width:240px)  {
/*----Header -----*/
.hphone {float: left; display: inline-block; position: relative; left: 0; transform: none; padding-top: 15px; padding-left: 20px;}
.hphone p {font-size: 12px; color: #FFFFFF; text-shadow: 2px 2px 4px #000000;}
.hphone a {	font-size: 12px; color: #FFFFFF; text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
.hphone a:hover {font-size: 12px; color: black; text-shadow: 3px 3px 4px #000000; text-decoration: none; font-weight: 800;}
.hphone strong {font-size: 12px;}	
.cat-button-info {font-size: 20px;}
/*---info---*/
.info p {font-size: 11px; }
.i-c p  {font-size: 11px; }
.i-c strong { font-size: 12px}
.i-c a {	font-size: 11px; ;}
.i-c a:hover {font-size: 11px; ;}
.i-c h4 {font-size: 14px; }	
/*---Footer---*/
.f-text {text-align: left;padding: 6% 0 ;}
.f-text p {text-align: left;font-size: 10px;font-weight: normal;line-height: 14px; color: #FFFFFF!important}
.f-text a {	text-align: left;	font-size: 10px;font-weight: bold;line-height: 16px; color: #FFFFFF!important}
/*contact page--*/
.c-i p  {font-size: 11px; }
.c-i strong { font-size: 12px}
.c-i a {	font-size: 11px; }
.c-i a:hover {font-size: 11px; }
.c-i h4 {font-size: 14px; }		
/*ThankYOupage--*/
.t-i p  {font-size: 11px; }
.t-i strong { font-size: 12px}
.t-i a {	font-size: 11px; }
.t-i a:hover {font-size: 11px; }
.t-i h4 {font-size: 14px; }	
.t-lcolumn p {  font-size: 11px; }
.t-lcolumn strong { font-size: 14px}
.t-lcolumn a {	font-size: 11px; }
.t-lcolumn a:hover {font-size: 11px;}
.t-lcolumn h1 {font-size: 18px;  }	

}