﻿html{background:url("bg4.jpg") no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

/* =========================
   GLOBAL RESET
========================= */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
  line-height: 1.4;
}

/* =========================
   MAIN WRAPPER
========================= */
.page {
  max-width: 1024px;
  margin: 0 auto;
  text-align: center;
}

/* =========================
   TOP BAR
========================= */
.top-bar {
  background: #1C1D45;
  color: #fff;
  padding: 10px;
  font-size: 16px;
}

.top-bar a {
  color: #FFFFFF !important;
  text-decoration: none;
}

/* =========================
   BANNER
========================= */
.banner img {
  width: 100%;
  height: auto;
  display: block;
  border: 0;
}

/* =========================
   NAVIGATION
========================= */
.nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  background: #1C1D45;
  padding: 12px;
  font-size: 12px;
}

.nav a {
  color: #FFFFFF !important;
  text-decoration: none;
  font-weight: bold;
  padding: 6px 10px;
  display: inline-block;
}

/* =========================
   PROMO BARS
========================= */
.promo {
  background: #FF0000;
  color: #fff;
  padding: 12px;
  font-size: 18px;
}

.promo a {
  color: #fff !important;

  text-decoration: none;
}

/* =========================
   CONTENT AREA
========================= */
.content {
  background: #fff;
  padding: 15px;
}

/* =========================
   OFFER / DARK BLOCKS
========================= */
.offer {
  background: #1C1D45;
  color: #fff;
  padding: 12px;
  font-size: 14px;
}

.offer img {
  max-width: 100%;
  height: auto;
  border: 0;
}

/* =========================
   FLEX GRID (PRODUCTS)
========================= */
.flex-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.col {
  flex: 1 1 200px;
  padding: 10px;
  min-width: 180px;
}

.col a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

/* =========================
   FOOTER
========================= */
.footer {

  background: #6699CC;
  color: #fff;
  padding: 15px;
  font-size: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

/* =========================
   MOBILE ADJUSTMENTS
========================= */
@media (max-width: 600px) {

  .nav {
    flex-direction: column;
  }

  .promo {
    font-size: 16px;
  }

  .col {
    flex: 1 1 100%;
  }

  .footer {
    flex-direction: column;
  }
}

ul{list-style-image:url("dot2.gif")}
ul ul{list-style-image:url("dot2.gif")}
ul ul ul{list-style-image:url("dot2.gif")}

a:link{color:#399}
a:active{color:#36c}
a:visited{color:#999}


table{table-border-color-light:#666;table-border-color-dark:#666}
th{border-color:#666}
td{border:0 solid #c0c0c0}
h1{color:#000}
h2{color:#000}
h3{color:#000}
h4{color:#000}
h5{color:#000}
h6{color:#000}
hr{color:#4e416d}
body{font-weight:normal;font-size:10pt;font-style:normal;font-family:Verdana;text-align:none;vertical-align:none}
h1{font-weight:bold;font-size:16pt;vertical-align:baseline;font-family:Verdana;text-align:center}
h2{font-weight:bold;font-size:12pt;text-align:center;font-family:Verdana;vertical-align:none;font-style:normal}
h3{font-weight:bold;font-size:12pt;text-align:center;font-family:Verdana;vertical-align:none;font-style:normal}
h4{font-weight:normal;font-family:Verdana;font-style:normal;text-align:none;vertical-align:none}
h5{font-weight:normal;font-family:Verdana;vertical-align:none;font-style:normal;text-align:none}
h6{vertical-align:none;font-weight:normal;text-align:none;font-family:Verdana;font-style:normal}
P{font-weight:normal;font-size:10pt;font-family:Verdana}
hr{color:#4e416d;height:2px}
il{list-style-image:url("bull2_breeze.gif")}
table{border-width:0;vertical-align:none;font-weight:normal;font-style:normal;font-family:Verdana;text-align:none}
.e800{max-width:800px;margin:auto;padding:10px}
.e750{max-width:750px;margin:auto;padding:10px}
.e700{max-width:700px;margin:auto;padding:10px}
.e600{max-width:600px;margin:auto;padding:10px}
.e500{max-width:500px;margin:auto;padding:10px}
.e400{max-width:400px;margin:auto;padding:10px}
.main_container{width:1024px;margin:auto}
header{background:#fff}
#table12 img{display:block;margin:auto}
@media all and (max-width:1040px){img,table,video,audio,iframe{max-width:100%}
#table,#table1,#table2,#table3,#table4,#table5,#table6,#table7,#table8,#table9,#table10,#table14,#table18,#table23,#table12,img{width:inherit!important;height:inherit!important}
table[width="1024"],table[width="1024"] td[width="1024"]{max-width:100%;width:98%}
table[width="1024"] td[width="1024"]{width:100%}
.menu_area{background-position:center top;background-size:100%;background-repeat:no-repeat}
table[width="900"],table[width="800"],table[width="700"]{width:96%;margin:auto}
table#table15{width:98%;margin:auto}
table tr:after,table:after{display:block;clear:both;content:''}
}@media all and (max-width:820px){.menu_area{height:180px}
table#table9 tr,table#table9 tr td,table#table9 tr,table#table23 tr,table#table23 tr td,table#table23 tr,table#table10 tr,table#table10 tr td,table#table10 tr,table#table14 tr,table#table14 tr td,table#table14 tr,table#table13 tr,table#table13 tr td,table#table13 tr,table#table8 tr,table#table8 tr td,table#table8 tr,table#table7 tr,table#table7 tr td,table#table12,table#table12 tr,table#table12 tr td,table.auto-style13 tr,table.auto-style13 tr,table.auto-style13 tr td,table.auto-style8 tr,table.auto-style8 tr,table.auto-style8 tr td,table.auto-style1 tr,table.auto-style1 tr,table.auto-style1 tr th,table.auto-style1 tr td,table#table17 tr,table#table17 tr th,table#table17 tr td,table#table18 tr,table[width="536"] tr,table[width="536"] tr th,table[width="536"] tr td,table#table18 tr,table#table18 tr th,table#table18 tr td{display:block;width:inherit!important;height:inherit!important;max-width:100%}
table[width="800"]{width:92%;margin:auto}
table[width="536"]{background-color:#069;display:block;height:inherit;width:100%}
table[width="536"] td[height="24"]{height:0;background-color:#069}
table.auto-style13 tr td{padding-bottom:5px}
table#table13 td[width="250"]{width:50%!important;float:left}
table#table8 td[width="224"],table#table8 td[width="225"]{width:50%!important;float:left}
table#table8 td[height="159"]{height:240px!important}
table#table12 td[width="224"],table#table12 td[width="223"]{width:calc(24% - 10px)!important;float:left;padding:10px 5px}
table[width="900"] td[width="450"]{width:calc(49% - 10px)!important;padding:10px 5px}
table[width="800"] td[width="400"],table[width="700"] td[width="349"]{width:calc(49% - 10px)!important;padding:10px 5px}
#table15 td[width="36%"]{width:40%!important}
table[height="85"]{height:inherit!important}
table#table6 td{padding:10px 0}
table#table6 td,table#table6 img{height:inherit!important}
font[size="4"]{font-size:15px}
table#table5{background:#fff}
table#table5 td{height:inherit!important}
table#table5 tr,table#table5 tr td{display:block;width:inherit!important;height:inherit!important;max-width:100%}
table#table5 tbody tr:first-child{background:#69c}
table#table5 tbody tr:nth-child(2){background:#fff}
table#table5 tbody tr:last-child{background:#333}
table#table5 tbody tr:last-child td:last-child p{margin:0}
table#table5 tbody tr:last-child td:first-child{padding-top:5px}
img[src="index/fb.gif"]{padding:5px}
table#table5 p[align=left]{text-align:center}
.hide_mobile{display:none!important}
#table15{text-align:center}
#table15 td{display:inline-block}
table#table8 td{vertical-align:bottom!important}
.responsive_table{width:98%;overflow:scroll;margin:auto}
.auto-style17 font[size="2"]{font-size:12px!important}
#table12 tbody{width:100%;display:block}
}@media all and (max-width:720px){#table15 td[width="36%"]{width:90%!important}
table#table5 tr,table#table5 tr td,table#table4 tr{display:block;width:inherit!important;height:inherit!important}
table#table12 td[width="224"],table#table12 td[width="223"]{width:calc(23% - 10px)!important;float:left;padding:10px 5px}
table#table12 td[width="224"],table#table12 td[width="223"]{width:calc(100% - 10px)!important;float:none;padding:10px 5px}
table#table19 td,table#table2 td{width:calc(99% - 10px)!important;float:none;text-align:center;display:block;padding:10px 5px;padding-top:15px;height:inherit!important}
.menu_area{height:160px!important}
table[width="700"] td[width="349"]{width:calc(99% - 10px)!important;display:block}
}@media all and (max-width:600px){table[width="700"] td[width="53%"],table[width="700"] td[width="46%"]{width:100%;display:block}
.menu_area{height:140px!important;background-size:auto 120px!important}
table#table13 td[width="250"],table#table8 td[width="250"]{width:100%!important;float:left}
table[width="800"] td[width="400"]{width:calc(99% - 10px)!important;padding:10px 5px;display:block;text-align:center}
table[width="900"] td[width="450"]{width:calc(99% - 10px)!important;padding:10px 5px;display:block}
table#table8 td[width="224"],table#table8 td[width="225"]{width:100%!important;float:left}
}




