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

.bg-dark {
  background-color: #000000 !important;
}

.bg-secondary {
  background-color: #0179AD !important;
}

.text-primary{
	color: #0075DB !important;
}

.btn-lg-padding {
	padding: 0.8rem 1.2rem !important;
}

.bg-image-insta{
  /* The image used */
  background-image: url("/assets/images/insta-bgimage-v2.png");

  /* Full height */
  height: auto;
  max-width: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

a:hover{
	color: #0075DB;
}

body{
	font-family: interstate, sans-serif;
	font-size: 0.9rem; 
	font-weight: 400;
	text-align: justify;
	letter-spacing: 0.02em;
	margin-top: 85px;
}

.small-font p{
	font-size: 0.8rem !important;
	line-height: 1.4 !important;
}

h2{
	font-weight: 400;
	font-family: interstate, sans-serif;
	font-size: 2.5rem;
}

h3{
	font-weight: 200;
	font-family: interstate, sans-serif;
	font-size: 1.5rem;
}

h4{
	font-weight: 700;
	font-family: interstate, sans-serif;
	font-size: 1.2rem;
}

h5{
	font-weight: 400;
	font-family: interstate, sans-serif;
	font-size: 1.1rem;
}

.carousel-caption{
	z-index: 0 !important;
}

/*a {
 color: #000 !important;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  /**color: #000 !important;
  text-decoration: underline;
  background-color: transparent;
}*/
.btn{
	font-size: 1.1rem !important;
}

.btn-dark{
	background-color: #000000;
}

.btn-primary{
	background-color: #0179AD;
	border-color: #0179AD;
}

.btn-primary:hover{
	background-color: #015d85 !important;
	border-color: #015d85 !important;
}


li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/**
li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}*/

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #000000;
  min-width: 170px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #0179AD;}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content-mobile{
  display: none !important;
}



a.comprehensive {
  color: #000 !important;
  text-decoration: none;
}

a.comprehensive:hover {
  color: #be8e27 !important;
  text-decoration: none;
}


/*.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: darkviolet;
}*/

.mt-6 {
  margin-top: 20rem !important;
}

.mt-7 {
  margin-top: 21rem !important;
}

.dropdown-menu{
	background-color: rgba(255,255,255,0.5) !important;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
   background-color: #494183;
}

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
   background-color: #906C1D;
}

.table-striped-evaluate > tbody > tr:nth-child(odd) > td, .table-striped-evaluate > tbody > tr:nth-child(odd) > th {
   background-color: #0075DB !important;
}

.table-striped-evaluate > tbody > tr:nth-child(even) > td, .table-striped-evaluate > tbody > tr:nth-child(even) > th {
   background-color: #1d5502 !important;
}

.table-striped-auction > tbody > tr:nth-child(odd) > td, .table-striped-auction > tbody > tr:nth-child(odd) > th {
   background-color: #7e02c5 !important;
}

.table-striped-auction > tbody > tr:nth-child(even) > td, .table-striped-auction > tbody > tr:nth-child(even) > th {
   background-color: #891202 !important;
}

.table-striped-sales > tbody > tr:nth-child(odd) > td, .table-striped-sales > tbody > tr:nth-child(odd) > th {
   background-color: #0179AD !important;
}

.table-striped-sales > tbody > tr:nth-child(even) > td, .table-striped-sales > tbody > tr:nth-child(even) > th {
   background-color: #727401 !important;
}

.table{
	color: #ffffff !important;
}

.table-no-outlines th, .table-no-outlines td{
	border-top: 0 !important;
}

th {
    background-color: black;
    color: white;
} 

.table-nonfluid {
   width: auto !important;
}

@media (min-width: 1200px){
	
	.navbar > .container{
	max-width: 100% !important;
	width: 100% !important;
	}
}

/**image effects*/

/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
  /* Firefox 10-34 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(1);

  /* Firefox 35+ */
  filter: grayscale(1);

  /* IE 6-9 */
  filter: gray;
}

.grayscale.grayscale-fade {
  transition: filter .5s;
}


/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale.grayscale-fade {
    -webkit-transition: -webkit-filter .5s;
    transition:         -webkit-filter .5s;
  }
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0);
  filter:         grayscale(0);
}

/* Background element */
.grayscale.grayscale-replaced {
  -webkit-filter: none;
  filter:         none;
}

.grayscale.grayscale-replaced > svg {
  -webkit-transition: opacity .5s ease;
  transition:         opacity .5s ease;
  opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
  opacity: 0;
}

.image-tiles {
	opacity: 1;
	-webkit-transition: all .8s ease-in-out;
}

.image-tiles a:hover{
	opacity: 0.6 !important;
    transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -webkit-transition: all .6s ease-in-out;  
    -o-transition: opacity 0.3s ease-out;
}

.img-logo {
  width: 4.5rem;
}

.bw-images{
	   /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .6s ease-in-out;  

}

.bw-images:hover {
  filter: none;
  -webkit-filter: grayscale(0%);

}

.black-images{
	   /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .6s ease-in-out;  

}

.black-images:hover {
  filter: none;
  -webkit-filter: grayscale(0%);

}

/**end image effects*/

.navbar.transparent.navbar-inverse .navbar-inner {
    border-width: 0px;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background-color: rgba(0,0,0,0.0);
    background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00)));
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
}
/**
.bg-dark {
  background-color: rgba(0, 0, 0, 0.8) !important;
}**/

.bg-dark {
  background-color: rgba(0, 0, 0) !important;
}

.bg-secondary {
  background-color: #0179AD !important;
}


.bg-transparent {
  background-color: rgba(0, 0, 0, 1) !important;
}

.transparent-button{
  opacity: 0.85 !important;
}

.btn-light{
	background-color: #f8f9fa;
	opacity: 0.85 !important;
}

.navbar-header{
    text-align:center;
}

.navbar-toggle {
    float: none;
    margin-right:0;
}

.navbar-brand {
	padding-bottom: 0;
	padding-top: 0;
}

video {
	width: 100%;
}

.anchor a {
  position: absolute;
  left: 0px;
  top: -60px;
}

.anchor {
  position: relative;
}

.card-img-overlay{
	padding: 1.6rem !important;
}

.card-container, .front, .back{
	height: 500px !important;
}

.card .footer{
	position: absolute !important;
	left: 15% !important;
	right: 15% !important;
	bottom: 30px !important;
	background-color: #000;
	padding: 10px 10px 10px !important;	
	color: #fff !important;
	border-radius: 0.2rem !important;
}

.card-back-button{
	position: absolute;
	bottom: 30px;
	left: 15%;
	right: 15%;
}

.fa {
  padding-top: 5px;
  font-size: 20px !important;
  width: 30px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  background: white;
  color: black;
  border-radius: 50%;
  margin: 5px;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.6;
  text-decoration: none;
  color: black;
}

@media screen and (min-width: 476px) and (max-width: 768px) {
	/**video {
		height: 450px;
	  }**/
	
	h2{
		font-size: 2.5rem;
	}

	h3{
		font-size: 2.4rem;
	}

	h4{
		font-size: 2rem;
	}

	h5{
		font-size: 1.4rem; 
	}
	
	.btn{
		font-size: 1.8rem;
		width: 100%;
	}
	
	.navbar-collapse{
		text-align: center;
	}
	
	.mt-7 {
	  margin-top: 23rem !important;
	}
}

@media screen and (max-width: 475px) {
	/**video {
		height: 450px;
	  }**/
	
	body{

	margin-top: 86px;
	}
	
	h2{
		font-size: 2.5rem;
	}

	h3{
		font-size: 2rem;
	}

	h4{
		font-size: 1.5rem;
	}

	h5{
		font-size: 1.4rem; 
	}
	
	.btn{
		font-size: 1.3rem;
		width: 100%;
	}
	
	.navbar-collapse{
		text-align: center;
	}
	
	.mt-7 {
	  margin-top: 23rem !important;
	}
	
	.black-images {
	  filter: none;
	  -webkit-filter: grayscale(0%);
    }
	
	.bg-secondary {
	  background-color: #0179AD !important;
	}
}

@media screen and (min-width: 1141px) {

	.carousel-caption{
		top: 120px;
		bottom: 0 !important;
		opacity: 0.7;
	}

	.carousel-caption h2 {
		font-size: 3.5rem !important;
	}
	
	#carousel-desktop{
		display: inline;
	}
	
	#carousel-mobile{
		display: none;
	}
}

@media screen and (max-width: 1140px){
	#carousel-desktop{
		display: none;
	}
	
	#carousel-mobile{
		display: inline;
	}
	
	
}

@media screen and (max-width: 991px){
	
	.dropdown-content {
	  display: none !important;
	}
	
	.dropdown-content-mobile{
	  display: block !important;
	  line-height: 0.6 !important;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1200px){

	.card-container, .front, .back{
	height: 550px !important;
	}
	
	.container{
		max-width: 100% !important;
		padding-left: 30px;
		padding-right: 30px;
	}
}