@font-face {
    font-family: conto;
    src: url(conto_regular.otf);
}

@font-face {
    font-family: tautz;
    src: url(tautz.otf);
}

.row {
	margin: 0;
}

/* nav bar */

.navbar-brand img {
	width: 250px;
}

.navbar {
	color: white;
	background-color: #044B60;
}

.navbar-dark .navbar-nav .nav-link {
	color: white;
	font-size: 20px;
	padding-right: 20px;
	text-align: center;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: #28BDBE;
	background-color: #044B60;
}

.navbar-nav li:hover > ul.dropdown-menu {
	display: block;
}
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -10px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
	text-decoration: underline;
	transform: rotate(-90deg);
}

.dropdown-menu {
	font-size: 20px;
	color: white;
	background-color: #044B60;
	border: none;
	margin: auto;
}

.dropdown-item {
	color: white;
	padding: 10px 20px;
}

.dropdown-item:hover {
	color: #28BDBE;
	background-color: #044B60;
}

.nav-item {
	padding: 5px 0px 5px 10px;
	margin: 5px 0px 5px 10px;
}

/* home page backgrounds */

.masthead1 {
	background-image: url("https://www.uysinfo.com/images/large/fp1.jpg");
	height: 70vh;
	min-height: 70vh;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   
}

.masthead2 {
	background-image: url("https://www.uysinfo.com/images/large/fp2.jpg");
	height: 70vh;
	min-height: 70vh;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   
}

.masthead3 {
	background-image: url("https://www.uysinfo.com/images/large/fp3.jpg");
	height: 70vh;
	min-height: 70vh;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   
}

.mastheadwhyuys {
	background-image: url("https://www.uysinfo.com/images/heroyacht.jpg");
	height: 70vh;
	min-height: 70vh;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   color: white!important;
}



/* headers */

h1, h2, h3, h4, h5, h6 {	
	font-family: tautz;	
}

/* lightbox */

.short-animate {
  -webkit-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  -ms-transition:.5s ease-in-out;
  -o-transition:.5s ease-in-out;
  transition:.5s ease-in-out;
}

.long-animate {
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition:.5s .5s ease-in-out;
  transition:.5s .5s ease-in-out;
}

.lightbox {
  position:fixed;
  top:-100%;
  bottom:100%;
  left:0;
  right:0;
  background:#00000080;
  z-index:501;
  opacity:0;
}

.lightbox img {
  position:absolute;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  max-width:0%;
  max-height:0%;
}

#lightbox-controls {
  position:fixed;
  height:70px;
  width:70px;
  top:-70px;
  right:0;
  z-index:502;
  background:rgba(0,0,0,.1);
}

#close-lightbox {
  display:block;
  position:absolute;
  overflow:hidden;
  height:50px;
  width:50px;
  text-indent:-5000px;
  right:10px;
  top:10px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}

#close-lightbox:before {
  content:'';
  display:block;
  position:absolute;
  height:0px;
  width:3px;
  left:24px;
  top:0;
  background:white;
  border-radius:2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition:.5s .5s ease-in-out;
  transition:.5s .5s ease-in-out;
}

#close-lightbox:after {
  content:'';
  display:block;
  position:absolute;
  width:0px;
  height:3px;
  top:24px;
  left:0;
  background:white;
  border-radius:2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition:.5s 1s ease-in-out;
  transition:.5s 1s ease-in-out;
}

.lightbox:target {
  top:0%;
  bottom:0%;
  opacity:1;
}

.lightbox:target img {
  max-width:100%;
  max-height:100%;
}

.lightbox:target ~ #lightbox-controls {
  top:0px;
}

.lightbox:target ~ #lightbox-controls #close-lightbox:after {
  width:50px;
}

.lightbox:target ~ #lightbox-controls #close-lightbox:before {
  height:50px;
}

/* class h4 on boat details page, not actual h4 */
.h4 {
	color: #28bdbe!important; 
}

.h5 {
	color:  #044B60!important; 
}

p, label {
	font-family: conto;
}

a {
	color: #044B60;
}

a:visited {	
	text-decoration: none;
}

.homeh4 {
	font-size: 2rem;
}

.headerbar {
	color: white;
	background-color: #044B60;	
}

.yachtsearchpageheader {
	color: white;
	background-color: #044B60;
}

/* buttons */

.btn-lg {
	background-color: #28bdbe;
	color: white;
	border: none;
	text-decoration: none;
}

.btn-lg:hover {
	background-color: #044B60;
	color: white;
	border: none;
	text-decoration: none;
}

.btn-outline-primary {
	border-color: #044B60!important;
	color: #044B60!important;
}

.btn-outline-primary:hover {
	background-color: #044B60!important;
	color: white!important;
}

[data-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}

/* featured yachts home page */

.fybar {
	color: #044B60;	
}

.custborder {
	color: #044B60;
	border-bottom: solid;
	border-bottom-width: thin;
	border-bottom-color: #044B60;
}

.ofcon {	
	height: auto;	
}

.ifcon {
	width:95%;
	margin: auto;
	height: auto;
}

.card {
	min-width: 21rem; 
	max-width: 21rem;
}

.card-title {
	color: #044B60;
	font-size: 1.25rem;
	    
}

.boatcard {	
	font-size: 1rem;	
	text-align: center;
	line-height: 1rem;
}

.boatcardbody {
	background-color: #EFEFEF;
	color: #044B60;
	padding: 1rem;
}

.boatcardbody:hover {
	background-color: #044B60;;
	color: white;
}

.boatcardtext {
	
}

/* stat bar */

.statbar {
	color: white;
	background-color: #044B60;	
	padding: 10px 0px;
	
}

.statbox {
	border-right: solid;
	border-right-color: white;
	border-right-width: thin;
	padding: 20px;
	text-align: center;
}

.numdisplay {
	color: white;
	font-size: 2.25rem;
	letter-spacing: .015rem;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.statbox p {
	margin-bottom: 1px;
	padding-bottom: 1px;
}

/* boat eval area */
.boateval {	
	background-image: url("https://www.uysinfo.com/images/large/boateval.jpg");
	background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 30vh;
}

.homesearchbox {	
	background-image: url("https://www.uysinfo.com/images/large/searchyachts.webp");
	background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 30vh;
}

/* footer */

footer {
	color: white;
	background-color: #373435;	
	width: 100vw!important;
}

footer a{
	color: white;
	text-decoration: none;
	font-size: 1.5rem;
}

footer a:hover{
	color: #28bdbe;
	text-decoration: none;
}

footer a:visited{
	color: white;
	text-decoration: none;
}

.footer-brand img {
	width: 250px;
}

.brokerinfo {
	color: #28bdbe;
	font-size: 1.25rem;    
   letter-spacing: .16rem;
}

/* yacht search page */

.yachtsearchpage h1 {	
	color: white;	
}

.yachtsearchpage h2, h3, h4, h5, h6, label {	
	color: #044B60;	
}

.yachtsearchpage label {
	font-size: 1.25rem;
}

.yachtsearchcon {
	width: 95%;
}

.form-control:focus {
  border-color: #044B60;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(7.0, 125.0, 161.0, 0.6);
}

.page-link {
	color:  #044B60;
	font-family: conto;
}

.page-item.active .page-link {
	 background-color: #044B60;
    border-color: #044B60;
    color: white;
}

/* boat details page */

.carousel-control-prev {
	color:#28bdbe!important;	
}

.carousel-control-next {
	color:#28bdbe!important;	
}

.boattitledetails {
	color: #044B60!important;
}

.boatnamedetails {
	color: #28bdbe!important;
}

.facebook-share-button {
    background-image: url("https://www.uysinfo.com/images/social/facebook.png");    
    display: inline-block;
    background-size: contain; 
    width: 6vh;
    height: 6vh;     
    background-repeat: no-repeat; 
    vertical-align: middle;
    text-align: center;    
    margin: 0 auto;
    line-height: 10vh;
}

.facebook-share-button:hover {
    background-image: url("https://www.uysinfo.com/images/social/facebookhover.png");
}

.pdf-share-button {
    background-image: url("https://www.uysinfo.com/images/social/pdficon.png");    
    display: inline-block;
    background-size: contain; 
    width: 6vh;
    height: 6vh;     
    background-repeat: no-repeat; 
    vertical-align: middle;
    text-align: center;    
    margin: 0 auto;
    line-height: 10vh;
}

.pdf-share-button:hover {
    background-image: url("https://www.uysinfo.com/images/social/pdficonhover.png");
}

.twitter-share-button {
    background-image: url("https://www.uysinfo.com/images/social/twitter.png");    
    display: inline-block;
    background-size: contain; 
    width: 6vh;
    height: 6vh;     
    background-repeat: no-repeat; 
    vertical-align: middle;
    text-align: center;    
    margin: 0 auto;
    line-height: 10vh;
}

.twitter-share-button:hover {
    background-image: url("https://www.uysinfo.com/images/social/twitterhover.png");
}

.linkedin-share-button {
    background-image: url("https://www.uysinfo.com/images/social/linkedin.png");    
    display: inline-block;
    background-size: contain; 
    width: 6vh;
    height: 6vh;     
    background-repeat: no-repeat; 
    vertical-align: middle;
    text-align: center;    
    margin: 0 auto;
    line-height: 10vh;
}

.linkedin-share-button:hover {
    background-image: url("https://www.uysinfo.com/images/social/linkedinhover.png");
}

.instagram-share-button {
    background-image: url("https://www.uysinfo.com/images/social/instagram.png");    
    display: inline-block;
    background-size: contain; 
    width: 6vh;
    height: 6vh;     
    background-repeat: no-repeat; 
    vertical-align: middle;
    text-align: center;    
    margin: 0 auto;
    line-height: 10vh;
}

.instagram-share-button:hover {
    background-image: url("https://www.uysinfo.com/images/social/instagramhover.png");
}

.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}

/* why uys page */

.textside {
	background-color: #026177!important;
	color:white!important;	
	height: 600px;
}

.textside p {
	color: white!important;
	text-align: justify;
	line-height: 2rem!important;
}

.textside h2 {
	color: white!important;
}

.why1 {
	background-image: url("https://www.uysinfo.com/images/uysoffice.jpg");
	background-size: cover!important;
}

.why2 {
	background-image: url("https://www.uysinfo.com/images/handshake.jpg");
	background-size: cover!important;
}

.why3 {
	background-image: url("https://www.uysinfo.com/images/boatshow.jpg");
	background-size: cover!important;
}

.why4 {
	background-image: url("https://www.uysinfo.com/images/prof-vid.jpg");
	background-size: cover!important;
}

.why5 {
	background-image: url("https://www.uysinfo.com/images/computer.jpg");
	background-size: cover!important;
}

.why6 {
	background-image: url("https://www.uysinfo.com/images/mls.jpg");
	background-size: cover!important;
}

.why7 {
	background-image: url("https://www.uysinfo.com/images/email.jpg");
	background-size: cover!important;
}

.why8 {
	background-image: url("https://www.uysinfo.com/images/pmy.jpg");
	background-size: cover!important;
}

.why9 {
	background-image: url("https://www.uysinfo.com/images/smartphone.jpg");
	background-size: cover!important;
}

.why10 {
	background-image: url("https://www.uysinfo.com/images/socialmedia.jpg");
	background-size: cover!important;
}

.whyhr {
	color:white!important;
	padding: 0px!important;
	margin: 0px!important;
	height:2px!important;
}

/* broker bio page */

.brokercon {
	background-image: url("/images/locationchamp.jpg");
	background-size: cover!important;
	height:70vh!important;	
	text-align: center!important;
	color: white!important;
}

.brokercon img {
	 border-radius: 50%;
    border: 3px solid #fff;
    position: relative;
    margin-top: 1%;
    z-index: 20;
    width: 14vw;
    height: 14vw;
    
}

.biocon {	
	background-image: url("/images/logo-faded.png");
	background-repeat: no-repeat;
	background-position: center;	
}

.biocon p {
	font-size: large;
}

/* yacht evaluation */

.evalcon {
	background-image: url("/images/boateval.jpg");		
}


/* @media mobile */

@media screen and (max-width: 1361px) {
	
.card {
	min-width: 22%; 
	max-width: none;
	align-items: center;
   justify-content: center;	
}

.statbox {
	padding: 0px;
}

}

@media screen and (max-width: 1025px) {

.homeh1 {
	font-size: 2.5rem;
}

.homeh2 {
	font-size: 1.75rem;
	text-align: center!important;
	padding: 0px!important;
	margin: 0px!important;
	min-width: inherit;
}

.homesearchbox {
	flex: 1 0 100%!important;
	height: 100%!important;
	padding-bottom: 20px!important;
}

.boateval {
	flex: 1 0 100%!important;
	height: 100%!important;
	padding-bottom: 20px!important;
}

.textbox {
	flex: 1 0 100%!important;
	height: 100%!important;
	padding-bottom: 20px!important;
}



@media screen and (max-width: 801px) {
	
.statbar {display: none;}

.card {
	max-width: 46%;
	min-width:46%; 
		}
	
}

@media screen and (max-width: 701px) {
	
.card {
	max-width: 100%;
	min-width:100%; 
		}
		
.brokercon img {   
    width: 28vw;
    height: 28vw;
}
	
}
	
	
}