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

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;600;700;800&family=Prompt:ital,wght@1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900');

body {font:1em 'Assistant', sans-serif; color: #111; margin:0; font-weight: 500; letter-spacing: -.5px; overflow-x: hidden; position: relative;}

.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:20px;
    right:0;
    display:none;
    text-indent:-9999px;
    background: url(graphics/icon_top.png) no-repeat;
}

a {text-decoration: none;}
a:hover {text-decoration: none;}

.navy {color:#233065;}
.red {color:#c02035;}
.gray {color:#999;}
.black {color:#111;}
.white {color:#fff;}

.smaller {font-size: 85%!important;}

.reverse {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
}

.bar-navy {width:100px; border-top: 5px solid #233065;}
.bar-red {width:100px; border-top: 5px solid #c02035;}
.bar-gray {width:100px; border-top: 5px solid #777;}
.bar-black {width:100px; border-top: 5px solid #111;}
.bar-white {width:100px; border-top: 5px solid #fff;}

.divider-gray {border-top: 1px solid #ccc;}
.border-pic {border:2px solid #c02035;}

.header {
  padding:5px;
  background: #fff;
  z-index:999999;
	border-bottom:1px solid #eee;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background:#fff;
  z-index: 10;
}

.sticky + .content {
  padding-top: 102px;
}

h1 {
    font-family: 'Prompt', sans-serif;
	color: #233065;
	font-weight: 900!important;
	font-size: 2.25em!important;
	letter-spacing: -.5px;
	text-transform: uppercase;
}
.bar-h1 {width:200px; border-top: 10px solid #c02035;}

h2 {
    font-family: 'Prompt', sans-serif;
	color: #c02035;
	font-weight: 900!important;
	font-size: 1.65em!important;
	letter-spacing: -.5px;
	text-transform: uppercase;
}

.bg-top {background:#233065; color:#fff; font-size:.75em; font-weight:500; letter-spacing: -.25px!important; border-top:3px solid #c02035;}
.bg-top a {color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-top a:hover {color: #999; text-decoration: none;}
.bg-top ul {padding:0; margin:0; text-align:right;}
.bg-top ul li {list-style-type:none; display:inline;}
.bg-top ul li:before {content:'';}
.bg-top ul li:after {content:'|'; margin:0 10px; color:#c02035; font-weight: 900;}
.bg-top ul li:last-child:after {content:'';}

.phone-mobile {font-size: 100%;}

.navbar-light .navbar-nav .nav-link {
	font-family: 'Prompt', sans-serif;
	font-size: 1.1em;
	font-weight: 800;
	color:#c02035; 
	text-transform: uppercase;
	padding:10px 1.75rem!important;
	letter-spacing: -.5px!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.navbar-light .navbar-nav .nav-link:hover {color:#233065!important;}

.navbar-toggler {border-color:#000!important; background-color:transparent!important; border:0!important; color:(0,0,0,1.0)!important;}
.navbar-light .navbar-toggler {outline: none;}

.navbar-brand {height:100%;}
.navbar-brand img {height:90px;}
.navbar-brand.js-scrolling img {
	height: 50px;
	-webkit-transition: height 0.3s ease; 
	-moz-transition: height 0.3s ease; 
	-ms-transition: height 0.3s ease; 
	-o-transition: height 0.3s ease; 
	transition: height 0.3s ease;
}

.dropdown-menu {
  background-color: #fff !important;
  border-radius: 0 !important;
  padding: .75rem;
  font-family: 'Prompt', sans-serif;
  font-size: 1em !important;
  font-weight: 800 !important;
  line-height: 1.5em;
  top: 100% !important;
  left: 15%;
  text-align: left !important;
  text-transform: uppercase;
  border:1px solid #eee;
}
.dropdown-menu a {
  color: #233065 !important;
  text-decoration: none;
  padding: .25rem .5rem !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dropdown-menu a:hover {
  color: #c02035 !important;
  text-decoration: none;
}
.dropdown-item {
  color: #c02035 !important;
  font-weight: 600 !important;
  padding: .25rem .5rem !important;
  text-align: left !important;
}
.dropdown-item:hover {
  background: #fff !important;
}

.bg-callouts {background-image:url(graphics/bg-callouts.jpg);}
.callout-border {border:10px solid #c02035;}
.callout-title {font-family: 'Prompt', sans-serif; font-size: 1.25em; font-weight: 800; color:#fff; text-transform: uppercase;}
.btn-callout {
	background-color:#233065;
	font-size: 97.5%;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	color:#999!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #233065;
}
.btn-callout:hover {
	background:transparent; 
	color:#fff!important;
	cursor: pointer;
	border:2px solid #c02035;
}

.content {min-height:550px; font-weight: 600; line-height: 1.5em;}
.content a {color:#c02035; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#777; text-decoration:none;}

.btn-content {
	background:#c02035;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color:#fff!important;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-content:hover {
	background:#233065; 
	color:#ddd!important;
	cursor: pointer;
}

.bg-tagline {background-image:url(graphics/bg-tagline.jpg); line-height: 1.15em; font-size: 200%; letter-spacing: -.5px;}
.tagline-1 {font-family: 'Assistant', sans-serif; font-weight: 400; color:#999; letter-spacing: -1px;}
.tagline-2 {font-family: 'Prompt', sans-serif; font-weight: 800; color:#fff; text-transform: uppercase;}

.btn-tagline {
	background-color:#c02035; 
	font-family: 'Assistant', sans-serif;
	font-size: 50%;
	font-weight:600;
	text-transform: uppercase;
	text-align: center;
	color:#999!important;
	letter-spacing: 1px;
	border:2px solid #c02035;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-tagline:hover {
	background:transparent; 
	color:#fff!important;
	cursor: pointer;
	border:2px solid #c02035;
}

.footer {background:#233065; font-weight:600; color:#fff; letter-spacing: -.25px;}
.footer a {color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer a:hover {color: #999; text-decoration: none;}
.footer ul {padding:0; margin:0; text-align:center;}
.footer ul li {list-style-type:none; display:inline;}
.footer ul li:before {content:'';}
.footer ul li:after {content:''; margin:0 25px;}
.footer ul li:last-child:after {content:'';}

.footer-heading {font-family: 'Prompt', sans-serif; font-size: 1.5em; font-weight: 800; color:#999; text-transform: uppercase;}

.bg-anchor {background:#0d1d38; color:#999; font-weight:400; font-size:70%; letter-spacing: -.5px; border-bottom: 3px solid #c02035;}
.bg-anchor a {color:#999; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#fff; text-decoration:underline;}

.bg-anchor ul {padding:0; margin:0; text-align:center!important;}
.bg-anchor ul li {list-style-type:none; display:inline;}
.bg-anchor ul li:before {content:'';}
.bg-anchor ul li:after {content:'|'; color:#c02035; margin:0 10px; font-weight: 900;}
.bg-anchor ul li:last-child:after {content:'';}

.index-text {font-size: 105%; line-height: 2em; font-weight: 700;}
.index-tag {font-family: 'Prompt', sans-serif; font-size: 140%; font-weight: 900; color:#c02035; text-transform: uppercase;}

.btn-search {
	background-color:#233065;
	padding:2.5% 5%;
	font-size: 110%;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color:#fff!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:none!important;
}
.btn-search:hover {
	background:#c02035; 
	color:#ddd!important;
	cursor: pointer;
	border:none!important;
}

/*DETAILS*/
.name {font-family: 'Prompt', sans-serif; font-size: 1.35em; font-weight: 900; color:#233065; text-transform: uppercase;}

.pedigree ul {padding:0; margin:0; text-align:left!important;}
.pedigree ul li {list-style-type:none; display:inline;}
.pedigree ul li:before {content:'';}
.pedigree ul li:after {content:'|'; color:#999; margin:0 10px; font-weight: 900;}
.pedigree ul li:last-child:after {content:'';}

.btn-return {
	background:#233065;
	font-size: 95%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	color:#fff!important;
	letter-spacing: 1px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-return:hover {
	background:#c02035; 
	color:#ddd!important;
	cursor: pointer;
}

.contact-info {font-size: 125%; font-weight: 900;}

.map-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
border:1px solid #233065;
}

.map-container iframe,
.map-container object,
.map-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*FORM*/

#form {
        width:100%;
        float:left;
}


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding: 10px 0 ;
        clear: left;
		
        }
        
textarea, input, select{
        border: 1px solid #ccc;
        padding: 2%;
        width: 96%;
        }

label{
        font-weight: 500!important;
		font-size: 90%;
        }       
        
textarea:focus, input:focus, select:focus{
        background: #eee;
        border: 1px solid #c02035;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"]{
        border: 1px solid #ccc;
        padding: 3px 0;
        margin-top: 5px;
        font-weight: bold;
        /*font-size: 1.3em;*/
        width: 130px;
        cursor: pointer;

        
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        
        background: #f6f5f5; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f6f5f5 0%, #e5ebee 50%, #d7dee3 51%, #ebebeb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f5), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
        }

.submit {
	padding:2.5%;
	background:#233065; 	
	color:#ddd!important;
	font-family: 'Prompt', sans-serif;
	font-size:2em;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background-color:#c02035!important;
	color:#fff!important;
	cursor:pointer;
}

input {padding:7px!important;}
/*END FORM*/

/*TABLES*/
table { 
	width: 100%; 
	border-collapse: collapse; 
	margin:20px auto;
	
	}

/* Zebra striping */
tr:nth-of-type(odd) { 
	background: #eee; 
	}

th { 
	background: #233065; 
	color: #fff!important; 
	font-weight: bold; 
	}

td a {color:#c02035!important; text-decoration: none; font-weight: bold;}
td a:hover {color:#233065!important; text-decoration: underline!important;}

td, th { 
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 1em;;
	}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table { 
	  	width: 100%; 
	}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
	}

	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%; 
		padding-right: 10px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}

}

@media (max-width: 1200px) {
.navbar-brand img {height:75px;}
.navbar-light .navbar-nav .nav-link {padding:10px 1.25rem!important;}
.callout-title {font-size: 1.15em;}
.footer ul li:after {margin:0 15px;}
.pedigree ul {margin-bottom: 15px;}
.pedigree ul li {display:block;}
.pedigree ul li:after {content:'';margin:0;}
}

@media (max-width: 992px) {
.callout-title {font-size: 1.15em;}
.footer {line-height: 1.75em;}
.footer ul li {display:block;}
.footer ul li:after {margin:0;}
.pedigree ul li {list-style-type:none; display:inline;}
.pedigree ul li:before {content:'';}
.pedigree ul li:after {content:'|'; color:#999; margin:0 10px; font-weight: 900;}
.pedigree ul li:last-child:after {content:'';}
}

@media (max-width: 768px) {
.bg-tagline {font-size: 150%;}
.btn-tagline {font-size: 70%;}
.bg-top {font-size: .8em; line-height: 1.5em;}
.bg-top ul {text-align:center;}
.bg-top ul li {display:block;}
.bg-top ul li:after {content:''; margin:0;}
}

@media (max-width: 576px) {
.pedigree ul {margin-bottom: 15px;}
.pedigree ul li {display:block;}
.pedigree ul li:after {content:'';margin:0;}
}

@media (max-width: 480px) {
.navbar-brand img {height:65px;}
.navbar-brand.js-scrolling img {height: 40px;}
.bg-tagline {font-size: 165%;}
.bg-anchor ul li {display:block;}
.bg-anchor ul li:after {content:''; margin:0;}
}

@media (max-width: 375px) {
.navbar-brand img {height:55px;}
.bg-tagline {font-size: 150%;}
.footer-heading {font-size: 1.35em;}
}