@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Gotham';
    src: url('../../fonts/GothamBook.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	background-image: url(/images/backg.jpg);
	background-repeat: repeat-x;
	background-position:center;
	background-position:top;
	background-color:#ffffff;
	vertical-align:top;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#013b81;
}

a:link    { color: #013b81; font-family: 'Gotham', sans-serif; font-size: 12px; }
a:visited    { color: #013b81; font-family: 'Gotham', sans-serif; font-size: 12px; }
a:hover    { color: #d40101; font-family: 'Gotham', sans-serif; font-size: 12px; }

header {
	display: block;
	max-width: 980px;
	margin: auto;
}

a.CatLink   { font-size:15px; color:#013b81; font-family: 'Gotham', sans-serif; font-weight: normal; }
a.CatLink:link   { font-size:15px; color:#013b81; font-family: 'Gotham', sans-serif; font-weight: bold; }
a.CatLink:visited   { font-size:15px; color:#013b81; font-family: 'Gotham', sans-serif; font-weight: normal; }
a.CatLink:hover   {  font-size:15px; color:#d40101; font-family: 'Gotham', sans-serif; font-weight: bold; }

content {
	display: block;
	max-width: 980px;
	margin: auto;
}

nav {
	float: left;
	width: 150px;
	height:100%;
}

footer {
	display: block;
	width: 90%;
	margin: auto;
	margin-top: 15px;
	text-align: center;
	font-size:10px;
	color: #000000;
	padding: 10px;
}

footer A {
	font-size:10px;
	color:#013b81;
}
footer A:hover {
	color:#d40101;
}


.header { color: #d60000; font-size: 18px; font-weight:bold }

INPUT[type=text] {
	border: 1px #000 solid;
	padding: 5px;
	min-height: 35px;
	width: 400px;
}
select {
    border: 1px #000 solid;
	padding: 5px;
	min-height: 35px;
	width: 400px;
}
input[type=button], input[type=submit], input[type=reset] {
    background-color: #06397f;
    border: none;
    color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
    padding: 10px;
	min-height: 20px;
    text-decoration: none;
    cursor: pointer;
}

button {
    background-color: #d60000;
    border: none;
    color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
    padding: 15px;
	min-height: 20px;
    text-decoration: none;
    cursor: pointer;
}

/*******************************************************/

#form {
	width: 90%; margin:auto; color: #18408a; font-size:14px;
	padding-bottom: 100px;
}

#form h1{
	color: #18408a;	font-size:14px; font-weight:bold; text-align:center;
}

#form form {
	width: 60%; margin:auto;
}

#results {
	text-align: center;
}

#results a:link    { font-size: 16px; }
#results a:visited    { font-size: 16px; }
#results a:hover    { font-size: 16px; color:#ca0000; }

#results-criteria {
	text-align: center;
	padding: 10px;
	background-color: #ccc;
	width: 590px;
	margin:auto;
	font-size: 14px;
	font-weight: bold;
	color:#013b81;
}

.reset-links {
	font-size: 16px;
	font-weight: bold;
	color:#18408a;
}

.reset-links a {
	font-size: 16px;
	font-weight: bold;
	color:#18408a;
	text-decoration: underline;
}

.reset-links a:hover {
	font-size: 16px;
	font-weight: bold;
	color:#ca0000;
	text-decoration: underline;
}

.reset-links a:link {
	font-size: 16px;
	font-weight: bold;
	color:#18408a;
	text-decoration: underline;
}

.reset-links a:visited {
	font-size: 16px;
	font-weight: bold;
	color:#18408a;
	text-decoration: underline;
}

.results-grid li {
    display: block;
    float: left;
	text-align: center;
	padding: 8px;
	margin: 8px;
	width: 150px;
	height: 335px;
	border: 1px solid #000;
	font-size: 12px;
	color: #000;
}

.results-grid li DIV {
    display: block;
}


.greyBackground{
background-color: #b9b9b9;
border: 3px solid #ca0000;
width: 150px;
	min-height: 320px;
	padding: 8px;
	padding-top: 25px;
	margin-left: -13px;
	margin-top: -28px;
}
.results-title {
	color: #d60000;
	font-weight: bold;
}

.check-with-label:checked + .label-for-check {
  font-weight: bold;
  background-color: #ccc;
}

#thanks {
	text-align: center;
	font-size:14px; font-weight: bold; color:#013b81;
	padding-bottom: 100px;
}

#thanks h1{
	font-size:18px; font-weight: bold; color:#d60000;
}

#thanks a{
	font-size:14px; font-weight: bold; color:#013b81;
}

/* ----------------------------------
   RESPONSIVE
   ---------------------------------- */
@media (max-width: 1024px) {
  .main { padding: 0 32px; }
  .nav-links { display: none; }
  .nav-toggle { display: block; float: left; }
}

@media (max-width: 768px) {
  .main { padding: 0 20px; }
  #header img { width: 60%; }
  .left-nav { display: none; }
  section { float: none; width: 100%; }
  .top-nav { padding: 18px 20px; }
  .top-nav.scrolled { padding: 14px 20px; }
  .btn-primary, .btn-secondary { width: 100%; max-width: 280px; text-align: center; }
  .section { padding: 80px 0; }
  .footer-bar { flex-direction: column; gap: 20px; text-align: center; }
  .footer-links { flex-wrap: wrap; justify-content: center; }
  .mobile-menu-inner { padding: 90px 20px 40px; }
  
    #feat1, #feat2 { width: 95%; float: none; margin-right: 0; margin-bottom: 20px; text-align: center; }
    #feat1 img, #feat2 img { float: none; padding: 5px; width: 50%; margin: 0 auto; }
    #home1, #home2, #home3 { width: 95%; float: none; margin-right: 0; margin-bottom: 20px; text-align: center; }
  #home1 img, #home2 img, #home3 img { float: none; padding: 5px; width: 50%; margin: 0 auto; }
  
  .mktg-mat-box { width: 50% !important; height: auto; }
  .video-download-box { width: 50% !important; height: auto; }
  .video-download-box1 { width: 50% !important; height: auto; }

  .mktg-head-box img { width: 90% !important; height: auto; }
  
    #form { width: 90% !important; margin:auto; padding-bottom: 20px; }
    #form form { width: 90% !important; margin:auto; }
  
     INPUT[type=text] { width: 90% !important; }
   select { width: 92% !important; }
   
   #results-criteria { width: 100% !important; }
   
}

@media (max-width: 420px) {
#header img { width: 80%; }
  .section-title { font-size: 1.7rem; }
  .mobile-menu-link { font-size: 1.4rem !important; }
  
  #feat1, #feat2 { width: 95%; float: none; margin-right: 0; margin-bottom: 20px; text-align: center; }
  #feat1 img, #feat2 img { float: none; padding: 5px; width: 60%; margin: 0 auto; }
  #home1, #home2, #home3 { width: 95%; float: none; margin-right: 0; margin-bottom: 20px; text-align: center; }
  #home1 img, #home2 img, #home3 img { float: none; padding: 5px; width: 50%; margin: 0 auto; }
  
  .mktg-mat-box { width: 100% !important; height: auto; }
    .video-download-box { width: 100% !important; height: auto; }
  .video-download-box1 { width: 100% !important; height: auto; }
  
  .mktg-head-box  { width: 100% !important; height: auto; }
  .mktg-head-box img { width: 90% !important; height: auto; }
  
  #form { width: 90% !important; margin:auto; padding-bottom: 20px; }
  #form form { width: 90% !important; margin:auto; }

   INPUT[type=text] { width: 90% !important; }
   select { width: 92% !important; }
  
  #results-criteria { width: 100% !important; }
  
}