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

@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700|Volkhov:400,700');

body {font-family:'Rajdhani', sans-serif; color: #111; margin:0; font-size: 1.15em; font-weight:600; overflow-x: hidden; position: relative; letter-spacing: -.5px;}

a {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;}
a:hover {text-decoration: none;}

.underline {text-decoration: underline;}

.maroon {color:#781216;}
.black {color:#111;}
.gray {color:#888;}
.white {color:#fff;}

h1 {
    font-family: 'Volkhov', serif;
	color: #781216;
	font-weight: 700!important;
	font-size: 2.1em!important;
	letter-spacing: -.5px;
}

h2 {
    font-family: 'Volkhov', serif;
	color: #781216;
	font-weight: 700!important;
	font-size: 1.65em!important;
	letter-spacing: -.5px;
}

h3 {
    font-family: 'Volkhov', serif;
	color: #888;
	font-weight: 700!important;
	font-size: 1em!important;
	text-transform: uppercase;
	letter-spacing: -.5px;
}

h4 {
    font-family: 'Volkhov', serif;
	color: #fff;
	font-weight: 700!important;
	font-size: 2.5em!important;
	text-transform: uppercase;
	letter-spacing: -.5px;
}

h5 {
    font-family: 'Volkhov', serif;
	color: #111;
	font-weight: 700!important;
	font-size: 1.5em!important;
	text-transform: uppercase;
	letter-spacing: -.5px;
}

h6 {
    font-family: 'Volkhov', serif;
	color: #111;
	font-weight: 700!important;
	font-size: 1.35em!important;
	letter-spacing: -.5px;
}

.border-pic {border:2px solid #781216;}

.bar-gray {width:150px; border-bottom:6px solid #888;}

.bg-nav {background-color: #111!important; border-top:4px solid #781216; font-family:'Rajdhani', sans-serif; font-weight: 500;}

.navbar-dark .navbar-nav .nav-link {
    font-size: 1em;
	color:#fff; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
	letter-spacing: -.5px;
	text-transform: uppercase;
	text-decoration:none;
}
.navbar-dark .navbar-nav .nav-link:hover {
	color:#888;
	text-decoration:none;
}

.navbar-light .navbar-toggler {color:#fff!important; border-color: #111!important;}
.navbar-toggler {color:#fdd73c!important; background-color: #111!important; border: 2px solid #111!important; border-radius: 0!important;}

.header {background-image:url(graphics/bg-header.jpg); margin-top:50px;}

.logo {height:250px;}
.logo img {height:100%;}

.slide-shadow {-webkit-box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.75); 
box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.75);}

.bg-callouts {background-image: url(graphics/bg-callouts.jpg);}
.border-callout {border-bottom:8px solid #888;}

.btn-callout {
	background-color:#111;
	color:#888;
	font-family: 'Rajdhani', sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	text-align:center;
	text-transform:uppercase;
	letter-spacing: 2px;
	border:2px solid #111;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-callout:hover {
	background-color:transparent;
	color:#fff;
	cursor:pointer;
	border:2px solid #888;
}

.content {min-height: 450px;}
.content a {color:#781216; 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:#888; text-decoration:none;}

.bg-tagline {background-image:url(graphics/bg-tagline.jpg);}

.tagline {font-family: 'Volkhov', serif; font-size: 1.85em; font-weight: 500; color:#888; letter-spacing: -1px; line-height: 1.25em;}

.btn-tagline {
	background-color:#781216; 
	font-family: 'Rajdhani', sans-serif;
	font-size: 1.05em;
	font-weight: 400;
	letter-spacing: .5px;
	text-transform: uppercase;
	text-align: center;
	color:#888!important;
	border:2px solid #781216;
	-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 #781216;
}

.bg-footer {background:#111; color:#fff; font-size: .825em!important; font-weight: 400; line-height: 3.35em;}
.bar-footer {width:100px; border-bottom:4px solid #781216;}
.bg-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;}
.bg-footer a:hover {color:#888; text-decoration:none;}

.bg-footer ul {padding:0; margin:0; text-align:left;}
.bg-footer ul li {list-style-type:none; display:inline;}
.bg-footer ul li:before {content:'';}
.bg-footer ul li:after {content:'|'; color:#781216; margin:0 5px; font-weight: 700;}
.bg-footer ul li:last-child:after {content:'';}

.logo-footer {height:100px;}
.logo-footer img {height:100%;}

.bg-anchor {background:#000; border-bottom:3px solid #781216; font-family:'Rajdhani', sans-serif; font-size:.69em; font-weight:400; color:#888;}
.bg-anchor a {color:#888; 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:left;}
.bg-anchor ul li {list-style-type:none; display:inline;}
.bg-anchor ul li:before {content:'';}
.bg-anchor ul li:after {content:'|'; color:#781216; margin:0 10px; font-weight: 700;}
.bg-anchor ul li:last-child:after {content:'';}

.intro-text {font-weight: 500; line-height: 2em;}

.news {background:#eee; border-bottom: 6px solid #781216;}
.news-header {font-family: 'Volkhov', serif; font-size: 1.35em; font-weight: 500;}

.animal ul {padding:0; margin:0; text-align:left; font-size: 1.1em; font-weight: 700; color:#781216;}
.animal ul li {list-style-type:none; display:inline;}
.animal ul li:before {content:'';}
.animal ul li:after {content:'|'; color:#888; margin:0 10px; font-weight: 400;}
.animal ul li:last-child:after {content:''; margin-left: -10px;}

.btn-animal {
	padding:2.5%!important;
	background:#781216; 	
	color:#fff!important;
	font-family: 'Rajdhani', sans-serif;
	font-size: 90%;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.btn-animal:hover {
	background:#111; 	
	color:#888!important;
	cursor: pointer;
}

.divider-animal {border-bottom:1px solid #888;}

.success {line-height: 1.1em;}

.success-name {font-family: 'Volkhov', serif; font-size: 1.15em; font-weight: 700; color:#781216;}
.success-name a {color:#781216; 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;}
.success-name a:hover {color:#888; text-decoration:none;}

.success-congrats {font-size: 90%; font-weight: 600; color:#781216;}

/*================ FORMS ========================*/

#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 #781216;
        -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-color:#781216!important;
	color:#fff!important;
	font-size:2em;
	font-weight:700;
	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:#111!important;
	color:#888!important;
	cursor:pointer;
}

input {padding:5px!important;}

@media (max-width: 992px) {
.header {margin-top:30px;}
.logo {height:150px;}
}

@media (max-width: 768px) {
.logo {height:120px;}
.bg-footer ul {text-align:center;}
}

@media (max-width: 576px) {
.logo {height:100px;}
.tagline {font-size: 1.5em; line-height: 1.1em;}
}

@media (max-width: 480px) {
.logo {height:80px;}
.bg-anchor ul li {display:block;}
.bg-anchor ul li:after {content:''; margin:0;}
}

@media (max-width: 375px) {
h5 {font-size: 1.3em!important;}
}