/***** 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";background:url("../siteart/background4.png") repeat  ;
  font-weight: 400;
  letter-spacing: 2px;
  background-color: transparent;
  font-size: 18px;
  line-height: 25px;
  }

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

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:#FFFFFF;}

img {max-width:100%; height: auto;}

header {background-color: transparent;max-width: 100%; height: auto;}




.wrapper {
  text-align: center;
  width: 100%;
  }

.top {
  height: auto;
  box-sizing: border-box;
  width: 100%;
  }
/*===================== 
	header styles 
=======================*/
.header-wrap {width:100%;margin: 0;	background-color: transparent;height: auto; padding-top: 20px;}
.lcolumn {float: left; width: 25%; height: auto; }
.lcolumn img { width: 100%; height: auto;}
.logocloumn{float: left; width:auto; height: auto;}
.mcolumn {float: left; width: 50%;}
.rcolumn {float: right; width: auto; padding:  0; position: relative; display: inline-block;  height: auto;}
.rcolumn ul{display: inline-block;}
.rcolumn li{float: left; margin:0;padding: 0 30px; font-size: 15px; font-weight: 700;line-height:50px; color: #FFFFFF; text-transform: uppercase; height: auto;}
.rcolumn li a{ color: #00539B;    font-weight: 800!important;}
.rcolumn li a:hover{ color: #000000}
.rrcolumn {float: right; width: auto; padding:  0; position: relative; display: inline-block; height: auto;}
.rrcolumn ul{display: inline-block;}
.rrcolumn li{float: left; margin:0;padding: 0 30px; font-size: 15px; font-weight: 700;line-height:50px; color: #FFFFFF; text-transform: uppercase; height: auto;}
.rrcolumn li a{ color: #00539B;    font-weight: 800!important;}
.rrcolumn li a:hover{ color: #000000}

.row {width: 100%; }
.row:after {content: "";display: table; clear: both;}
.main-logo {width: 100%;height: auto;margin-right: auto; margin-left: auto;}


/*---nav style---*/
.mrow {width: 100%; border-bottom: #00539B solid 5px;  }
.mrow:after {content: "";display: table; clear: both;}
.navcloumn{ width: auto; height: auto;  float: right;}


/*  HeroImage
------------------------------------------------*/
.banner {height: auto;box-sizing: border-box; width: 100%;}
.wrapper {text-align: center; width: 100%; }


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden; border-bottom: #00539B  medium solid; border-top: #00539B  medium solid;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/* =============================================================================
   SLIDER                                                              
============================================================================= */

/*NewSlider---*/
.slideshow-container {
    width: 100%;
    position: relative;
    margin: auto; 
}
.slideshow-container img {
    width: 100%; height: 100%; 
}
.mySlides {
    display: none;
  height: auto;
 
     
}

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: #222428;
    font-weight: bold;
    font-size: 30px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0
}

.next {
    right: -50px;
    border-radius: 3px 3px 3px 3px
}

.prev {
    left: -50px;
    border-radius: 3px 3px 3px 3px
}

.prev:hover,
.next:hover {
    color: #f2f2f2;
    background-color: rgba(0, 0, 0, 0.8)
}

.text {
    color: #f2f2f2;
    font-size: 15px;
    padding-top: 12px;
  padding-bottom: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #222428
}

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s ease
}

.active,
.dot:hover {
    background-color: #717171
}



/*----------Buttons-------------------------------*/
.bwrapper {text-align: center; width: 100%; margin: 0 auto; max-width: 1600px; padding-bottom: 5px;}
.bbrow:after {  content: "";  display: table;  clear: both; }
.bcolumn{float: left; width: 25%;}
.bbutton {
  background-color: #00539B;
  border: none;
 color:#FFFFFF; font-weight: 800; font-style: oblique;
  padding: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;letter-spacing: 2px; 
  margin: 10px ;
  cursor: pointer;border-radius: 2px;width: 80%;
    height: 60px;box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2), 0 8px 10px 0 rgba(0,0,0,0.22);
}
.bbutton a:hover {color:#FFFFFF; }
.bbutton img { width: 60%; margin: 0 auto; position: relative; display: inline-block;}

.bbutton a {color:#000000; font-weight: 800; font-style: oblique;}
.bbutton:hover {background-color: #0071D4;color:#FFFFFF;box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2), 0 8px 10px 0 rgba(0,0,0,0.22);}

.bhome-content .bhome-bg-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
}

.bhome-content .bhome-bg-image.lazyload-bg {
   
}

.bhome-content section:nth-child(odd) {
    background: rgba(255,255,255,.8);
}
.bhome-content .bcategory-grid {
    background-color:transparent!important;
    padding-top: 5px;
    padding-bottom: 0;
    margin: 0 auto;
    max-width: 1500px;
	font-weight: 500;}





/*----------------------------------------*/

/*---------- Middle ------------------*/
.mm-container{margin: 0 ;    margin: 0 auto;   max-width: 1600px;}

* {box-sizing: border-box;}
.column1 {float: left;width: auto; height: auto; padding:  0 0 0 20px;}
.column2 {float: left; width: 65%; padding:  5px 80px 45px 155px; height: auto;}
.column2 p {color: #000000; text-align: left; font-size: 16px; line-height: 30px; font-weight: 700;}
.column2 h1 {color: #00539B; text-align: left; line-height: 60px; font-size: 45px;}
.row:after {content: "";display: table;clear: both;}
.m-container{margin: 0 ;    margin: 0 auto;   max-width: 1600px;}
.miwrapper {text-align: center; width: 100%; margin: 0 auto;  padding: 15px 0; text-transform: uppercase;height: 100%;background-size:100%;background-position:top; background:url("../siteart/backgroundw1.png") repeat }
.column2 p a:hover{ color: #000000;}
.bhome-content{background-size:100%;background-position:top; background:url("../siteart/backgroundw1.png") repeat }


/*---------- Middle Conatc us Button-------------------------------*/
.cbutton {
  background-color: #00539B;
  border: none;
 color:#FFFFFF; font-weight: 800; font-style: oblique;
  padding: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;letter-spacing: 2px; 
  margin: 10px ;
  cursor: pointer;border-radius: 2px;width: 30%;
    height: 60px;box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2), 0 8px 10px 0 rgba(0,0,0,0.22);
}
.cbutton a:hover {color:#FFFFFF; }
.cbutton img { width: 60%; margin: 0 auto; position: relative; display: inline-block;}

.cbutton a {color:#000000; font-weight: 800; font-style: italic;}
.cbutton:hover {background-color: #0071D4;color:#FFFFFF;font-weight: 800; font-style: italic; box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2), 0 8px 10px 0 rgba(0,0,0,0.22);}















* {box-sizing: border-box;}
/*---------- brand Buttons-------------------------------*/
.b-container{margin: 0 ;    margin: 0 auto;   max-width: 1400px;}

.mwrapper {text-align: center; width: 100%; margin: 0 auto;  padding-bottom: 5px; background-color:  #E6E6E6;     padding: 0 350px;}



.bcolumn1 {float: left;width: 100% ; height: auto; padding:  0; margin: 0 auto;display: flex; align-items: center; justify-content: center}

.bcolumn2 {float: left; width: 100%; padding: 0; height: auto;margin: 0 auto;display: flex; align-items: center; justify-content: center; }


.bcolumn1 p {color: #FFFFFF; text-align: left; font-size: 20px; line-height: 30px; font-weight: 800;font-style: oblique;}
.bcolumn1 h1 {color: #FFFFFF; text-align: left; line-height: 70px; font-size: 55px; font-style: oblique;font-weight: 800;}
.brow:after {content: "";display: table;clear: both;}

.bwrapper {text-align: center; width: 100%; margin: 0 auto;  padding: 15px 0;}
.bolumn1 p a:hover{ color: #000000;}

.mirow:after {  content: "";  display: table;  clear: both; margin: 0 auto;}


.mtbcolumn{float: left; width: auto;margin: 0 auto;}
.mtbutton { background-color: transparent;
  border: none;
  color:#000000; font-weight: 800; font-style: oblique;
  padding: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;letter-spacing: 2px; 
  margin: 10px ;
  cursor: pointer;border-radius: 2px;
}
.mtbutton a:hover {color:#FFFFFF; }
.mtbutton img {width: 100%; margin: 0 auto; position: relative; display: inline-block;}

.mtbutton a {color:#000000; font-weight: 800; font-style: oblique;}
/*.mtbutton:hover {background-color: #FFFFFF; color:#FFFFFF;box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2), 0 8px 10px 0 rgba(0,0,0,0.22);}*/







.mbcolumn{float: left; width: auto;padding: 0 3px;}
.mbutton {
  background-color: transparent;
  border: none;
 color:#000000; font-weight: 800; font-style: oblique;
  padding: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;letter-spacing: 2px; 
  margin: 10px ;
  cursor: pointer;border-radius: 2px;
}
.mbutton a:hover {color:#FFFFFF; }
.mbutton img { width: 100%; margin: 0 auto; position: relative; display: inline-block;}

.mbutton a {color:#000000; font-weight: 800; font-style: oblique;}
/*.mbutton:hover {background-color: #FFFFFF; color:#FFFFFF;box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2), 0 8px 10px 0 rgba(0,0,0,0.22);}*/







/*----------------------------------------*/
/*----------Speacial Buttons-------------------------------*/
.spwrapper {text-align: center; width: 100%; margin: 0 auto; max-width: 1600px; padding-bottom: 5px;}
.spbrow:after {  content: "";  display: table;  clear: both; }
.spcolumn{float: left; width: 33.33%;}
.spbutton {
  background-color: #00539B;
  border: none;
  color:#FFFFFF; font-weight: 800; font-style: oblique;
  padding: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;letter-spacing: 2px; line-height:30px;
  margin: 10px ;
  cursor: pointer;border-radius: 2px;width: 80%;
  height: 200px;box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2), 0 8px 10px 0 rgba(0,0,0,0.22);
}

.spbutton .fas, .fa, .far {
  color:#FFFFFF; font-weight: 900; font-style: normal;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 40px;line-height:50px;

}

.spbutton a:hover {color:#FFFFFF; }
.spbutton img { width: 60%; margin: 0 auto; position: relative; display: inline-block;}

.spbutton a {color:#000000; font-weight: 800; font-style: oblique;}
.spbutton:hover {background-color: #0071D4;color:#FFFFFF;box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2), 0 8px 10px 0 rgba(0,0,0,0.22);}

.sphome-content .sphome-bg-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
}

.sphome-content .sphome-bg-image.lazyload-bg {
   
}

.sphome-content section:nth-child(odd) {
    background: rgba(255,255,255,.8);
}
.sphome-content .spcategory-grid {
    background-color:transparent!important;
    padding-top: 5px;
    padding-bottom: 0;
    margin: 0 auto;
    max-width: 1500px;
	font-weight: 500;}




/*----------------------------------------*/



/*---------- Map ------------------*/
.mapwrapper {text-align: left; width: 100%; margin: 0 auto;  background:url("../siteart/background1.23.png") no-repeat  ; text-transform: uppercase;height: 100%; ;background-position:center; background-size: cover;}
.bmapw { width: 100%;}
.bm-text {float: right ;padding: 10px; height: auto;  display: inline-block; margin-top: 1%; margin-right: 2%;  width: 35%;} 

.bm-text p { color:#000000; font-size: 16px; line-height: 30px; letter-spacing: 1px; text-align: left; font-weight: 800; text-transform: capitalize;}
.bm-text h1 {color:#00539b; font-size: 40px;line-height: 60px; letter-spacing: 2px; text-align: left; font-weight: 900; font-style: italic;}

.bm-image { width: 50%; padding: 10px; height: auto; display: inline-block;}
.bmap-row:after { content: ""; display: table; clear: both;}
.bap-image{height: auto;margin: 0 20px;display: inline-block;}
.bmap-image img {width: 100%;}
.button {  background-color: #00539b;  border: none; border-radius: 4px; padding: 15px 32px; text-decoration: none; display: inline-block; margin: 4px 2px; cursor: pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}
.button a { border: none;font-weight: bold; letter-spacing: 1px; color: #FFFFFF; text-align: center; text-decoration: none; font-size: 16px; text-transform: uppercase;}
.button:hover {  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}


.bgmap-image{height: auto;margin: 0 20px;display: inline-block;}
.bgmap-image img {width: 100%;}

.bgm-image { width: 55%; padding: 1% 0 0 8%; height: auto; display: inline-block; float: left;}


.bm-text li a {font-size: 14px; font-weight: bold; list-style: none;color: #00539b; text-align: left;}
.bm-text li a:hover {color:#5488c4;}
 .fa, .fab, .fas, .far {line-height: 45px!important;}




/*  FOOTER
------------------------------------------------*/

footer { height: auto; display: inline-block; width: 100%; padding: 30px 0 0 0 ; color: #00539b; border-color: #00539b; border-top: thick solid;background-color: #E0E0E0;} 
footer .foot-nav {list-style: none; margin: 0; }
footer .foot-nav li a {font-size: 16px; font-weight: bold; list-style: none;color: #000000; line-height: 35px;}
footer .foot-nav img {padding: 0; }
footer .copyright-hold {text-align: right; }
.soc-media {width: 100%;font-size: 16px; line-height: 25px; margin-bottom: 25px; padding-left: 30%;}
footer .copyright {text-align: right; color: #00539b; font-size: 12px; }
footer .copyright a { text-align: right; color: #00539b; font-size: 12px; }
footer h5{font-size: 14px;color: #00315C;text-transform: uppercase;line-height: 30px;}
footer a {font-size: 16px; font-weight: bold; list-style: none;color: #00539b;line-height: 25px;}
.right {padding: 0 2% 0 0;}
.column4 {width: 20%;}
.middle {padding: 0 1%;}
.middle  a {color:#00539b}
.middle  a:hover {color:#5488c4;}
.middle  p {color:#00539b;font-size: 14px;line-height: 16px;letter-spacing: 1px;}
.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;}
.wrap {width: 100%; margin: 0 auto; max-width: 1300px;padding-bottom: 20px;}

.footertext {text-align: center;padding: 0 ;}
.footertext p {text-align: center;font-size: 10px;font-weight: normal;line-height: normal;}
.footertext a {	text-align: center;	font-size: 10px;font-weight: bold;line-height: normal}

.column5 {width: 20%; float: right;}
footer h4{font-size:18px;color:#00539b;text-transform: capitalize;line-height: 30px;}
/*--------Footer Div Wrap------------*/

.divwrap {width: 100%; margin: 0 auto; height: auto;background-color: #00539b; padding: 0 ;}
.divwrap p{ color: #FFFFFF; text-align: left;font-size: 11px;transition: all 0.3s; padding: 0 50px; font-weight: 600; text-transform: uppercase;}
.divwrap p a {color: #FFFFFF; transition: all 0.3s; font-size: 11px!important;font-weight: 600;text-transform: uppercase;}
.divwrap p a:hover {color: #555555;font-size: 11px!important;font-weight: 600;text-transform: uppercase;}

/*  end footer
--------------*/





/*  end footer
--------------*/

/*------inventory gallery----*/
.i-wrap {width: 100%; padding: 0 8%;}
.gallery {
  margin: 5px;
  float: left;
  width: auto;
  position: relative;
  display: inline-block;
}

.gallery img {
  width: 100%;
  height: auto;
}
.gallery{ text-align: center; padding: 10px 0;}








/*---------- Contact Us ------------------*/
.cont { background-color: transparent;}
.c-text {/* float: left; */ padding: 10px; height: auto; /* display: inline-block; */  margin: 30px 10% 50px;  /* width: 50%; */}
.c-text p { color:#000000; font-size: 16px; line-height: 25px; letter-spacing: 2px; font-weight: 600;}
.c-text h3 {color:#00539B;font-weight:800;font-size: 22px;line-height: 35px; letter-spacing: 2px;padding-bottom: 10px;}
.c-text h2 {color:#00539B;font-weight: 800;font-size: 30px;line-height: 40px; letter-spacing: 2px; padding-bottom: 10px;}
.c-image { margin: 0 20px; padding: 10px; height: auto; display: inline-block; float: right;}
.c-row:after { content: ""; display: table; clear: both;}
.c-image img {width: 100%;}
.c-text a { color: #00539b; transition: all 0.3s;font-size: 18px; font-weight: bold;}      
.c-text strong {color: #000000;letter-spacing: 2px;font-weight: 800; font-size: 18px;}
.c-text h1 {color:#00539b;font-weight: 800;font-size: 35px;line-height: 40px; letter-spacing: 2px; padding-bottom: 10px;}


.openhours ul {list-style-type: none;
  margin: 0;
  padding:0 }

.openhours li {font-size: 16px; font-weight: bold; list-style: none;color: #000000; text-align: left; line-height: 30px;}






/*---------- google map location ------------------*/

/*---Comming Soon---*/
.cm-text { float: left; padding: 10px; height: auto;  display: inline-block;   margin: 30px 10% 50px;  }
.cm-text p { color:#000000; font-size: 16px; line-height: 25px; letter-spacing: 2px; font-weight: 600;}
.cm-text h3 {color:#00539B;font-weight:800;font-size: 22px;line-height: 35px; letter-spacing: 2px;padding-bottom: 10px;}
.cm-text h2 {color:#00539B;font-weight: 800;font-size: 30px;line-height: 40px; letter-spacing: 2px; padding-bottom: 10px;}
.cm-image { margin: 0 20px; padding: 10px; height: auto; display: inline-block; float: right;}
.cm-row:after { content: ""; display: table; clear: both;}
.cm-image img {width: 100%;}
.c-text a { color: #00539b; transition: all 0.3s;font-size: 18px; font-weight: bold;}   
.cm-text a { color: #00539b; transition: all 0.3s;font-size: 18px; font-weight: bold;}
.cm-text strong {color: #00539b;letter-spacing: 2px;font-weight: 800; font-size: 18px;}
.cm-text h1 {color:#00539b;font-weight: 800;font-size: 35px;line-height: 40px; letter-spacing: 2px; padding-bottom: 10px;}

.cms-text {float: right ;padding: 10px; height: auto;  display: inline-block; margin-top: 1%; margin-right: 2%;  width: 35%;} 

.cms-text p { color:#000000; font-size: 14px; line-height: 30px; letter-spacing: 2px; text-align: left; font-weight: 800;}
.cms-text strong { color:#00539b; font-size: 14px; line-height: 30px; letter-spacing: 2px; text-align: left; font-weight: 800; }
.cms-text h3 {color:#00539b; font-size: 20px;line-height: 30px; letter-spacing: 2px; text-align: left; font-weight: 800;}
.cms-text h4 {color:#00539b; font-size: 16px;line-height: 30px; letter-spacing: 2px; text-align: left; font-weight: 800;}
.cms-text li a {font-size: 14px; font-weight: bold; list-style: none;color: #00539b; text-align: left;}
.cms-text li a:hover {color:#5488c4;}
/*---------- Location Map ------------------*/
.loc-wrapper {text-align: left; width: 100%; margin: 0 auto;  background:url("../siteart/background1.23.png") no-repeat  ; text-transform: uppercase;height: 100%; background-size:100%;background-position:center; }
.lo-mapw { width: 100%;}
.lo-text {float: left;padding: 10px; height: auto;  display: inline-block; margin-top: 1%; margin-left: 5%;  } 

.lo-text p { color:#000000; font-size: 14px; line-height: 30px; letter-spacing: 2px; text-align: left; font-weight: 800;}
.lo-text strong { color:#00539b; font-size: 14px; line-height: 30px; letter-spacing: 2px; text-align: left; font-weight: 800; }
.lo-text h3 {color:#00539b; font-size: 25px;line-height: 30px; letter-spacing: 2px; text-align: left; font-weight: 800;}
.lo-text h4 {color:#00539b; font-size: 16px;line-height: 30px; letter-spacing: 2px; text-align: left; font-weight: 800;}
.lo-image { width: 50%; padding: 10px; height: auto; display: inline-block;}
.lomap-row:after { content: ""; display: table; clear: both;}
.loap-image{height: auto;margin: 0 20px;display: inline-block;}
.lomap-image img {width: 100%;}
.lobutton {  background-color: #00539b;  border: none; border-radius: 4px; padding: 15px 32px; text-decoration: none; display: inline-block; margin: 4px 2px; cursor: pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}
.lobutton a { border: none;font-weight: bold; letter-spacing: 1px; color: #FFFFFF; text-align: center; text-decoration: none; font-size: 16px; text-transform: uppercase;}
.lobutton:hover {  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}


.logmap-image{height: auto;margin: 0 20px;display: inline-block;}
.logmap-image img {width: 100%;}

.logm-image { width: 100%; padding: 0; height: auto; display: inline-block; float: left;}


.lo-text li a {font-size: 18px; font-weight: bold; list-style: none;color: #00539b; text-align: left;}
.lo-text li a:hover {color:#5488c4;}
 .fa, .fab, .fas, .far {line-height: 45px!important;}


.loh-text {float: left;padding: 10px; height: auto;  display: inline-block; margin-top: 1%; margin-left: 2%;  width: 30%;} 

.loh-text p { color:#000000; font-size: 14px; line-height: 30px; letter-spacing: 2px; text-align: left; font-weight: 800;}
.loh-text strong { color:#00539b; font-size: 14px; line-height: 30px; letter-spacing: 2px; text-align: left; font-weight: 800; }
.loh-text h3 {color:#00539b; font-size: 20px;line-height: 30px; letter-spacing: 2px; text-align: left; font-weight: 800;}
.loh-text h4 {color:#00539b; font-size: 16px;line-height: 30px; letter-spacing: 2px; text-align: left; font-weight: 800;}






/*  Header Search Bar
------------------------------------------------*/
.searchcloumn{float: left; width:auto; height: auto;}
.nheader-contact {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0 0 0 3%;
    font-size: 16px;
    line-height: 17px;
  
}

.nheader-search {margin:0; padding:0; width:100%; text-transform:uppercase; }

.nheader-search form {display:flex; flex-flow:row; align-items:center; justify-content:space-between; width:100%; color:#00539b !important;}
.nheader-search input[type="text"] {
	width:100%!important; height:30px!important;  margin:0; padding:5px 0 5px 0 !important; font-size:13px !important; line-height:15px !important; text-indent:10px; text-transform:capitalize; box-sizing:border-box!important; border:thin solid #DCDBDB ; color:#111 !important; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";background: #D1D1D1;
}
.nheader-search input[type="submit"] {width:50%; height:30px!important; padding: inherit!important; margin: 5px 0; font-size:13px; text-transform:capitalize; color: #fff; border:thin solid #DCDBDB; background:#00539b;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	-moz-border-radius:0 !important;
    -webkit-border-radius:0 !important; 
    -o-border-radius: 0 !important; 
    -ms-border-radius:0 !important; 
    border-radius:0 !important; 
	-webkit-appearance: none; letter-spacing:1px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.nheader-search input[type="submit"]:hover {color:#fff; background:#5e5e5e; -webkit-animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; -webkit-appearance: none;}

.nheader-search form ::-webkit-input-placeholder {color:#000;}
.nheader-search form :-moz-placeholder {color:#000;}
.nheader-search form ::-moz-placeholder {color:#000;}
.nheader-search form :-ms-input-placeholder {color:#000;}



.hwrap {
    width: 100%;
    max-width: 100%;
    position: static;
    top: auto;
    z-index: 900;
}
.nhcontainer{ margin: 0 ; }



/*  End of Search Bar  Footer 
------------------------------------------------*/





/*  Search Bar
------------------------------------------------*/
.fcontainer{ margin: 0 ; }


.footer-search {margin:0; padding:0; width:100%; text-transform:uppercase; }

.footer-search form {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; width:100%; color:#00539b !important;}
.footer-search input[type="text"] {
	width:100%; height:inherit !important;  margin:0; padding:5px 0 5px 0 !important; font-size:13px !important; line-height:15px !important; text-indent:10px; text-transform:capitalize; box-sizing:border-box; border:none !important; color:#111 !important; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.footer-search input[type="submit"] {width:100%; height:inherit !important; padding: 5px 3% !important; margin: 5px 0; font-size:13px; text-transform:capitalize; color: #fff; border: none; background:#00539b;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	-moz-border-radius:0 !important;
    -webkit-border-radius:0 !important; 
    -o-border-radius: 0 !important; 
    -ms-border-radius:0 !important; 
    border-radius:0 !important; 
	-webkit-appearance: none; letter-spacing:1px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.footer-search input[type="submit"]:hover {color:#fff; background:#5e5e5e; -webkit-animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; -webkit-appearance: none;}

.footer-search form ::-webkit-input-placeholder {color:#000;}
.footer-search form :-moz-placeholder {color:#000;}
.footer-search form ::-moz-placeholder {color:#000;}
.footer-search form :-ms-input-placeholder {color:#000;}


.swrap {
    width: 100%;
    max-width: 100%;
    position: static;
    top: auto;
    z-index: 900;
}




/*  End of Search Bar  Footer 
------------------------------------------------*/














































@media screen and (max-width: 1868px)  {
/*---------- brand Buttons-------------------------------*/
.mwrapper { padding: 0 320px;}

* {box-sizing: border-box;}



}


@media screen and (max-width: 1816px)  {
/*---------- brand Buttons-------------------------------*/
.mwrapper { padding: 0 250px;}


}






@media screen and (max-width: 1670px)  {
/*---------- brand Buttons-------------------------------*/
.mwrapper {  padding: 0 210px;}


}











@media screen and (max-width: 1599px)  {
/*---------- Middle ------------------*/	
.column2 {float: left; width: 65%; padding: 75px 30px 35px 50px;  height: auto;}	
/*----------------------------*/	
	
	
	
}


@media screen and (max-width: 1598px)  {
/*---------- brand Buttons-------------------------------*/
.mwrapper { padding: 0 190px;}



}









@media screen and (max-width: 1556px)  {
/*---------- brand Buttons-------------------------------*/

.mwrapper { padding: 0 100px;}

}



@media screen and (max-width: 1489px)  {
/*---------- Botton Buttons ------------------*/
.b-wrapper{	width:100%;	max-width: 100%;margin: 0 auto;	display: block;	padding: 3% 0;}
/*----------------------------*/
.c-text {/* float: left; */ padding: 10px; height: auto; /* display: inline-block; */  margin: 0 5% 50px;  /* width: 50%; */}	

.i-wrap {width: 100%; padding: 0 7%;}
.soc-media { padding-left: 0;}
}



@media screen and (max-width: 1376px)  {
/*---------- brand Buttons-------------------------------*/
* {box-sizing: border-box;}
.bcolumn1 {float: right;width: 100% ; height: auto; padding:  35px 0 0;}
.bcolumn2 {float: left; width: 100%; padding:  0 0 35px 0; height: auto;}
.mwrapper {  padding: 0 100px;}

.bgm-image { padding: 1% 0 0 3%; }
}


@media screen and (max-width: 1340px)  {
/*---------- Header ------------------*/
.container {margin: 35px 85px 10px;}
.lcolumn {  display: flex;}
.rcolumn {	 display: inline-block; padding: 0}
.column1 {display: none;}
.column2 {float: left; width: 100%;  padding:  10px 30px ; height: auto;}	

/*---------- Botton Buttons ------------------*/
.b-image{height: auto;margin: 0 10px;display: inline-block;width: 30%;}	
/*  FOOTER
------------------------------------------------*/


}
	





@media screen and (max-width: 1300px)  {

.openhours li {font-size: 12px; font-weight: bold; list-style: none;color: #000000; text-align: left; line-height: 30px;}


}



@media screen and (max-width: 1279px)  {
/*---------- brand Buttons-------------------------------*/
* {box-sizing: border-box;}
.bcolumn1 {float: right;width: 100% ; height: auto; padding:  35px 0 0;}
.bcolumn2 {float: left; width: 100%; padding:  0 0 35px 0; height: auto;}
.mwrapper {  padding: 0 100px;}

}


@media screen and (max-width: 1248px)  {

.c-image { margin: 0 ; padding: 0 10px; height: auto; display: inline-block; width: 100%;}	
.openhours li {font-size: 14px; font-weight: 700; list-style: none;color: #000000; text-align: left; line-height: 30px;}

}




@media screen and (max-width: 1222px)  {
.c-image { margin: 0 ; padding: 0 10px; height: auto; display: inline-block; width: 100%;}	
.lcolumn { width: 100%; display: flex;}
.rcolumn { display: inline-block; padding: 20px 0 0;margin-right: 15%; margin-left: 15%; position: relative;  float: left;}	
.rrcolumn { display: inline-block; padding: 20px 0 0;margin-right: 15%; margin-left: 15%; position: relative;  float: right;}

	
}




@media screen and (max-width: 1079px)  {
/*---------- brand Buttons-------------------------------*/
.mwrapper {  padding: 0 120px;}

/*---Comming Soon---*/
.cm-text { float: left; padding: 10px; height: auto;  display: inline-block;   margin: 30px 10% 50px;  }

.cms-text {float: left; padding: 10px; height: auto;  display: inline-block;  margin: 30px 10% 50px;  width: 50%;} 

		
	
}





@media screen and (max-width: 1042px)  {
/*---------- Map ------------------*/
.bm-text p {  font-size: 12px; line-height: 25px; }
.bm-text strong {font-size: 12px; line-height: 25px; }
.bm-text h3 {font-size: 18px; line-height: 25px; ;}
.bm-text h4 {font-size: 14px; line-height: 25px; }
.bm-text li a {font-size: 14px; font-weight: bold; list-style: none;color: #00539b; text-align: left;}
 .fa, .fab, .fas, .far {line-height: 35px!important;}
	
	
footer .foot-nav li a {font-size: 14px; }	
	
	
}


@media screen and (max-width: 1000px)  {
/*-------------- map------------------*/
.m-text {float: none; width: 40%; padding: 10px; height: auto;display: inline-block; margin-top: -12%; margin-left: 4%;}
.m-image {float: none; width: auto; padding: 10px; height: auto; display: inline-block;}	
.mapwrapper {height: 100%; background-size:auto; }
.miwrapper {height: 100%;background-size:auto; }	
	
	
	
/*---------- brand Buttons-------------------------------*/
.mwrapper { padding: 0 90px;}

.bwrapper {text-align: center; width: 100%; margin: 0 auto;  padding: 15px 0;}


	
.mtbcolumn{float: left; width: auto; margin: 0 auto;}








	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}


@media screen and (max-width: 932px)  {

/*---------- Map ------------------*/
.bm-text { width: 90%!important;} 
	
	
.bm-text p { color:#000000; font-size: 14px; }
.bm-text h1 {color:#00539b; font-size: 30px;line-height: 50px; ;}
.bgm-image { padding: 1% 0 0 0; }
.bm-image { width: 100%!important; }
.bgm-image { width: 100%!important; }

.button { padding: 10px 20px;}
.button a { font-size: 14px; }

footer .foot-nav li a {font-size: 12px; font-weight: bold; list-style: none;color: #000000; line-height: 35px;}

}













@media screen and (max-width: 885px)  {
/*-------------- map------------------*/
.i-wrap {width: 100%; padding: 0 10%;}
/*---------- brand Buttons-------------------------------*/
.bcolumn1 h1 {line-height: 40px; font-size: 35px; }
	

	
}







@media screen and (max-width: 880px)  {
/*-------------- map------------------*/
.i-wrap {width: 100%; padding: 0 6%;}
/*--------------Search------------------*/

	
	
}


@media screen and (max-width: 879px)  {
/*---------- brand Buttons-------------------------------*/
.mwrapper {  padding: 0 80px;}

}



@media screen and (max-width: 829px)  {
/*---------- Header ------------------*/
.container {margin: 35px 25px 10px;}	
.logo img {max-width: 80%;}
.rcolumn {display: inline-block; padding: 0; margin-left: 0 ; margin-right: 0; float: left; }
.rrcolumn {display: inline-block; padding: 0; margin-left: 0 ; margin-right: 0; float: right; }
.h-grid-container {display: inline;}
.h-grid-container img {max-width: 30%; display: inline;}	
		
/*----Brand Buttons---*/
* {box-sizing: border-box;}

}

	


@media screen and (max-width: 768px)  {
/*---------- Botton Buttons ------------------*/
.for-mobile{display: block; z-index: 3;}	
.main{display: none;}	
.b-image{height: auto;margin: 0 20px;display: inline-block;width: 90%;}
.hero-text{width: 100%; margin-top: 20%; text-align: center; padding: 0;}
.i-wrap {width: 100%; padding: 0 8%;}
.mcolumn {width:  100%; margin-left: 0;}
	
	
.mwrapper {  padding: 0 60px;}
	
.mtbcolumn {width:  32%; margin-left: 0;}	
	
.mbcolumn {width:  30%; margin-left: 0;}	
	

.rcolumn {display: inline-block; padding:20px 0 0 0; margin-left: 0 ; margin-right: 0; float: left; }
.rrcolumn {display: inline-block; padding: 20px 0 0 0; margin-left: 0 ; margin-right: 0; float: right; }
/*  FOOTER
------------------------------------------------*/
.soc-media {width: 100%;font-size: 16px; line-height: 25px; margin-bottom: 25px; padding-left: 0;}
.column4 {width: 100%; }
.column5 {width: auto; }
.fco{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 20px;}
footer .foot-nav li a {font-size: 14px; }
.footertext {text-align: center;padding: 0 ;}
.footertext p {text-align: center;font-size: 10px;font-weight: normal;line-height: normal;}
.footertext a {	text-align: center;	font-size: 10px;font-weight: bold;line-height: normal}

/*  Search Bar
------------------------------------------------*/
.fcontainer{ margin: 0 ; }
.footer-search {margin:0; padding:0; width:100%; text-transform:uppercase; }
.footer-search form {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; width:100%; color:#00539b !important;}
.footer-search input[type="text"] {
	width:100%; height:inherit !important;  margin:0; padding:5px 0 5px 0 !important; font-size:13px !important; line-height:15px !important; text-indent:10px; text-transform:capitalize; box-sizing:border-box; border:none !important; color:#111 !important; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.footer-search input[type="submit"] {width:100%; height:inherit !important; padding: 5px 3% !important; margin: 5px 0; font-size:13px; text-transform:capitalize; color: #fff; border: none; background:#00539b;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	-moz-border-radius:0 !important;
    -webkit-border-radius:0 !important; 
    -o-border-radius: 0 !important; 
    -ms-border-radius:0 !important; 
    border-radius:0 !important; 
	-webkit-appearance: none; letter-spacing:1px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.footer-search input[type="submit"]:hover {color:#fff; background:#5e5e5e; -webkit-animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; -webkit-appearance: none;}
.footer-search form ::-webkit-input-placeholder {color:#000;}
.footer-search form :-moz-placeholder {color:#000;}
.footer-search form ::-moz-placeholder {color:#000;}
.footer-search form :-ms-input-placeholder {color:#000;}
.swrap {    width: 100%;   max-width: 100%;  position: static;  top: auto;  z-index: 900;}

footer h4{font-size:16px;}
/*----------Speacial Buttons-------------------------------*/
.spcolumn{float: left; width: 100%;}

/*----------------------------------------*/	
.bbutton {

    font-size: 16px;

}	
}





@media screen and (max-width: 695px)  {

/*---------- Header ------------------*/	
.container {margin: 35px 25px 10px;}	
.logo {margin: 0;}
.column2 p {color: #000; text-align: left; font-size: 14px; line-height: 20px; font-weight: 700;}
.column2 h1 {color: #00539B; text-align: left; line-height: 40px; font-size: 30px}
/*----FOOTER----*/	
.divfooter {color: #00315C;text-align: center; font-size: 10px; transition: all 0.3s; padding: 0 5px;padding-top: 10px;}
.divfooter a {color: #00315C; transition: all 0.3s;font-size: 12px;}
.divfooter a:hover {opacity: 0.6;}
.footertext {text-align: center;padding: 0 ;}
.footertext p {text-align: center;font-size: 10px;font-weight: normal;line-height: normal;}
.footertext a {	text-align: center;font-size: 10px;font-weight: bold;line-height: normal}

		
/*---------- gallery Inventory ------------------*/		

.i-wrap {width: 100%; padding: 0 15%;}
/*---------- contact page ------------------*/	
.c-text {float: left;padding: 0; height: auto; display: inline-block; margin: 0 5% 50px;}	
.c-image {margin: 0 0; padding: 0; height: auto; display: inline-block;}	
.c-text strong {color: #000000;letter-spacing: 2px;font-weight: 800; font-size: 16px;}	
.c-text p { color:#000000; font-size: 16px; line-height: 25px; letter-spacing: 2px; font-weight: 600;}
.c-text h3 {color:#00539B;font-weight:800;font-size: 18px;line-height: 25px; letter-spacing: 2px;}
.c-text h2 {color:#00539B;font-weight: 800;font-size: 25px;line-height: 40px; letter-spacing: 2px; padding-bottom: 10px;}	
.c-text a { color: #00539B; transition: all 0.3s;font-size: 16px; font-weight: bold;}	
.c-text h1 {color:#00539B;font-weight: 800;font-size: 30px;line-height: 40px; letter-spacing: 2px; padding-bottom: 10px;}	
.bcolumn{float: left; width: 50%;}
.cms-text {float: left;padding: 0; height: auto;  display: inline-block;  margin: 0 5% 50px;  width: auto;} 
	
/*---------- Middle ------------------*/
* {box-sizing: border-box;}

.column2 p { font-size: 16px; line-height: 30px;}
.column2 h1 {line-height: 40px; font-size: 25px}

	
	
.mwrapper {  padding: 0 60px;}
	

.mtbcolumn {}	
	
.mbcolumn {width:  50%; margin-left: 0;}		
	
	
	
	
	
	
	
	
	
	
	
	
}	
	
@media screen and (max-width: 600px) { 
/*---------- map------------------*/	
.m-text { float: none; width: auto; padding: 10px 0 0; height: auto; display: inline-block;  margin-top: -7%;  margin-left: 4%;}	
.map-image{height: auto;margin: 0 ;display: inline-block; padding-bottom: 5px;}	
/*---------- gallery Inventory ------------------*/	
.grid-container {margin-left: 20%;}
.logocloumn{float: left; width: 100%!important; height: auto;}
.navcloumn{float: left; width: 90%!important; height: auto;}	
.logocloumn img {padding: 10px 0 0 0 ;}	
.bm-text h1 {color:#00539b; font-size: 25px;line-height: 40px; ;}	
}



@media screen and (max-width: 569px)  {



}
@media screen and (max-width: 508px)  {

	
.mwrapper {  padding: 0 50px;}	

	
	
	
}
@media screen and (max-width: 500px)  {
/*---------- gallery Inventory ------------------*/
.i-wrap {width: 100%; padding: 0 15%;}
/*---------- cfooter ------------------*/	
footer .soc-media { margin-top: 5px;  margin-bottom: 0;}
	
/*---------- Middle ------------------*/

.column2 p { font-size: 14px; line-height: 30px; font-weight: 700;}
.column2 h1 { line-height: 40px; font-size: 25px}
.m-container{margin: 0 ;    margin: 0 auto;   max-width: 1600px;}
.miwrapper { padding:  0; }
.column2 strong { font-size: 14px;}
.column2 a{ font-size: 14px; line-height: 30px; font-weight: 800;}	
.cbutton {width: 50%;}	

	
	
	
.mwrapper {  padding: 0 35px;}	

	
	
	
	}
	
	


























@media screen and (max-width: 400px)  {
/*---------- Movie Inventory ------------------*/
.bm-text p { color:#000000; font-size: 12px; }
.bm-text h1 {color:#00539b; font-size: 20px;line-height: 30px; ;}	
}


@media screen and (max-width: 380px)  {
/*---------- gallery Inventory ------------------*/
.i-wrap {width: 100%; padding: 0 05%;}
.bcolumn{float: left; width: 100%;}	
	
/*----Brand Buttons---*/
* {box-sizing: border-box;}
.bcolumn1 p { font-size: 20px; line-height: 30px; }
.bcolumn1 h1 {line-height: 50px; font-size: 35px; ;}
.mwrapper {  padding: 0 40px;}

/*---Comming Soon---*/
.cm-text h1 {font-size: 25px;line-height: 30px; }

.cms-text li a {font-size: 12px; ;}

.mtbcolumn {width:  100%; margin-left: 0;}		
	
.mtbutton { margin: 0px; width: 50%;
}	
.bcolumn1 {
    float: left;
    width: 100%;
    height: auto;
    padding: 15px 0 0;
}	
	
}
	

	

@media screen and (max-width: 355px)  {

/*---------- Map ------------------*/
.bm-text p { font-size: 12px; line-height: 25px; letter-spacing: 1px; }
.bm-text strong {  font-size: 12px; line-height: 25px; letter-spacing: 1px;  }
.bm-text h3 {font-size: 18px;line-height: 25px; letter-spacing: 1px; }
.bm-text h4 { font-size: 14px;line-height: 25px; letter-spacing: 1px; }




}



@media screen and (max-width: 335px)  {
/*---------- gallery Inventory ------------------*/
/*---------- Header ------------------*/
.container {margin: 35px 25px 10px;}	
.logo img {max-width: 80%;}
.rcolumn {width: 100%; margin: 0 auto; padding: 0; margin-left: 0 ; margin-right: 0; float: left; }
.rrcolumn {width: 100%; margin: 0 auto; padding: 0; margin-left: 0 ; margin-right: 0; float: left; }
.rcolumn li { padding: 10px 30px 0;}	
/*---------- contact page ------------------*/
.c-text strong {font-size: 14px;}	
.c-text p { font-size: 14px; line-height: 18px;}
.c-text h3 {font-size: 18px;}
.c-text h2 {font-size: 20px;}	
.c-text a { font-size: 14px; }
.c-text h1 {font-size: 25px;line-height: 30px; }	
}

@media screen and (max-width: 320px)  {
/*---------- footer------------------*/
footer .foot-nav li a {font-size: 12px;}
footer .copyright {font-size: 8px; }
footer .copyright a {font-size: 8px; }
footer h5{font-size: 12px;}
		
/*----Brand Buttons---*/
* {box-sizing: border-box;}
.bcolumn1 p { font-size: 18px; line-height: 30px; }
.bcolumn1 h1 {line-height: 30px; font-size: 25px; ;}
/*----Brand Buttons---*/

	
}



@media screen and (max-width: 300px)  {

/*---------- Map ------------------*/
.bm-text p {font-size: 10px; line-height: 25px; letter-spacing: 1px; }
.bm-text strong { font-size: 10px; line-height: 25px; letter-spacing: 1px; }
.bm-text h3 { font-size: 16px;line-height: 25px; letter-spacing: 1px; }
.bm-text h4 { font-size: 12px;line-height: 25px; letter-spacing: 1px; }
.bm-text li a {font-size: 12px; font-weight: bold; list-style: none;color: #00539b;}

/*---------- contact page ------------------*/
.c-text strong {font-size: 11px;}	
.c-text p { font-size: 11px; line-height: 18px;}
.c-text h3 {font-size: 14px;}
.c-text h2 {font-size:14px;}	
.c-text a { font-size: 11px; }
.c-text h1 {font-size: 18px;line-height: 30px; }	
	
/*----Brand Buttons---*/
.mwrapper {  padding: 0 20px;}

.cbutton {width: 80%;}		
	

.header-contact {
   
    padding: 0 0 0 2%;	
}
}

@media screen and (max-width: 240px)  {
	
.logocloumn img {padding: 0 0 0 0 ;}	
	
/*---------- Middle ------------------*/

.column2 p { font-size: 14px; line-height: 30px; font-weight: 700;}
.column2 h1 { line-height: 30px; font-size: 20px}
/*---------- contact page ------------------*/
.c-text strong {font-size: 10px;}	
.c-text p { font-size: 10px; line-height: 18px;}
.c-text h3 {font-size: 12px;}
.c-text h2 {font-size:12px;}	
.c-text a { font-size: 10px; }
.c-text h1 {font-size: 16px;line-height: 20px; padding-top: 5px; }	
}





/*---Gallery---*/

/*===================== 
	layout styles 
=======================*/
.gwrapper{padding: 20px 0;}
.left{float:left;}
.right{float:right;}

.wrap {
	width: 100%;
	margin: 0;
	}

.container {
	max-width: 1170px;
	margin: 0 auto;
	padding:0 2%;
	}
.slides {
	width: 100%;
	margin: 0;
	background-color:#e6ecf5;
	position:relative;
	z-index:0;
	}
	
.mobilepic{display:none;}



/* ZOOM */

.contact-box{
	float:left;
	width: 25%;
	*width: 20%;
	background: #fff;
	padding: 10px 25px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.zoom-container-home {
	float:left;
	width: 25%;
	*width: 23%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	border: 1px solid #fff;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.zoom-container-home img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container-home .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container-home .zoom-caption h3 {
	display: block;
	text-align: center;
	font-family: 'roboto_condensedbold';
	font-size: 30px;
	line-height: 64px;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	margin: 40% 0 0;
	background: rgba(0, 0, 0, 0.6);
	background: #000 \9;
}
.zoom-container-home .zoom-caption h4 {
	display: block;
	text-align: center;
	font-family: 'roboto_condensedbold';
	font-size: 30px;
	line-height: 64px;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	margin: 40% 0 0;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
	background: url(../images/fire.png) bottom center repeat-x;
}
.zoom-container-home:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container-home:hover .zoom-caption {
	background: none;
}

.zoom-container {
	float:left;
	width: 25%;
	*width: 23%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	border: 1px solid #ccc;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.75);
}
.zoom-button{
	display: block;
	background: url(../images/button.png) no-repeat;
	position: absolute;
	z-index: 99999;
	bottom: 0;
	right: 0;
	height: 47px;
	width: 47px;
	margin: 15px;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .4);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption h3 {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	background: #000 \9;
	padding: 5px 0;
}
.zoom-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {
	background: none;
}









/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }	




/

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.53%;

}
.span_10_of_12 {
  	width: 83.06%;
}

.span_9_of_12 {
  	width: 74.6%;
}

.span_8_of_12 {
  	width: 66.13%;
}

.span_7_of_12 {
  	width: 57.66%;
}

.span_6_of_12 {
  	width: 49.2%;
}

.span_5_of_12 {
  	width: 40.73%;
}

.span_4_of_12 {
  	width: 32.26%;
}

.span_3_of_12 {
  	width: 23.8%;
}

.span_2_of_12 {
  	width: 15.33%;
}

.span_1_of_12 {
  	width: 6.866%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}


}

/*===================== 
ing:0 1%;
	}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1025px) {
 }
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 800px) {

.inventorybox span{font-size:36px;}


.zoom-container .zoom-caption h3 {
	font-size: 20px;
}

	
}
@media screen and (max-width: 600px) {
.padit{padding-top:20px;padding-bottom:20px;}

.zoom-container .zoom-caption h3 {
	font-size: 16px;
}
}
@media screen and (max-width: 480px){

.inventorybox{float:none;padding:7% 10%;display:block;width:80%;text-align:center;}
.inventorybox span{font-size:36px;}



.zoom-container .zoom-caption h3 {
	font-size: 24px;
}

.zoom-container {
	float:none;
	width: 100%;
	*width: 100%;

}

}
@media screen and (max-width: 414px){
	}