/* ==========================================================================
   Author's custom styles
   ========================================================================== */
  
/* 
* Mono Social Icons 
* Ref: http://drinchev.github.io/monosocialiconsfont/
*/
@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('/fonts/MonoSocialIconsFont-1.10.eot');
    src: url('/fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('/fonts/MonoSocialIconsFont-1.10.woff') format('woff'),
         url('/fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('/fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('/fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}
.ico{
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
	
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	top:0.15em;
	font-size:1.8em;
    font-weight:normal;
    line-height:0;
    text-decoration:none;
}
.ico-facebook:before{
	content:'\E027';
}
.ico-instagram:before{
	content:'\E100';
}
.ico-google:before{
	content:'\E039';
}
.ico-twitter:before{
	content:'\E086';
}
.ico-pinterest:before{
	content:'\E064';
}
.ico-linkedin:before{
	content:'\E052';
}
.ico-email:before{
	content:'\E024';
}
.ico-youtube:before{
	content:'\E099'
}
   
   
html,body{
	min-width:100%;
	min-height:100%;
	background:#fff;
	
	font-family: 'Montserrat', sans-serif;
	color:#222;
}

.kotj a{
	color:#1692ce;
}

.kotj img{
	max-width:100%;
	height:auto;
}

.kotj main .container{
	max-width:960px;
}

.kotj .navbar-default{
	background:#000;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:0;
	min-height:70px;
	margin:0;
}
.kotj .navbar-default .navbar-toggle{
	background:#000;
	border-color:#1692ce;
}
.kotj .navbar-default .navbar-toggle .icon-bar{
	background:#1692ce;
}
.kotj .navbar-default .navbar-toggle:focus, 
.kotj .navbar-default .navbar-toggle:hover{
	background:#1692ce;
}
.kotj .navbar-default .navbar-toggle:focus .icon-bar, 
.kotj .navbar-default .navbar-toggle:hover .icon-bar{
	background:#000;
}

.kotj .masthead{
	color:#fff;
	padding:5px 0;
}
.kotj .masthead p{
	margin:0;
	
	font-size:12px;
	line-height:15px;
	text-align:center;
}
.kotj .masthead a{
	color:#fff;
	white-space:nowrap;
}
.kotj .masthead a + a{
	margin-left:10px;
}
.kotj .masthead .glyphicon{
	color:#1692ce;
}

.kotj .navbar-brand{
	height:auto;
	padding:0;
}
.kotj .navbar-brand img{
	width:auto;
	height:55px;
}

.kotj .navbar-nav > li > a{
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
}

.kotj .hero{
	position:relative;
}
.kotj .hero .slider{
	position:relative;
	height:400px;
}

.kotj .hero .slider .slide{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
}

.kotj .hero .slider .slide .container{
	position:absolute;
	top:10px;
	right:0;
	bottom:10px;
	left:0;
	margin:auto;
}
.kotj .hero .slider .slide .slide-content{
	position:absolute;
	display:flex;
	top:0;
	right:0;
	bottom:0;
	left:0; 
	
	color:#fff;
}

.kotj .hero .slider .slide .slide-content p{
	margin:auto;
	font-size:30px;
	letter-spacing:0.1em;
	line-height:1.2em;
	
	color:#fff;
	
	text-shadow:1px 1px 1px #000;
}

.kotj .hero .slider .slide .slide-content p strong{
	font-size:2.5em;
	line-height:0.9em;
	color:#fff;
}

.kotj .cta .container{
	padding:40px 0;
}

.kotj .cta h1{
	font-size:40px;
	line-height:1.1em;
	text-transform:uppercase;
	margin:0;
}
.kotj .cta h2{
	font-size:22px;
	line-height:28px;
	text-transform:uppercase;
	letter-spacing:2px;
	margin:0;
}
.kotj .cta h1 + h2{
	margin-top:20px;
}

.kotj .cta .title-main{
	font-size:40px;
	line-height:1.1em;
	text-transform:uppercase;
	color:#fff;
}
.kotj .title-main small{
	display:block;
	font-size:20px;
	line-height:1.1em;
	color:#fff;
}



.kotj .cta ul{
	text-align:left;
	margin:20px 0 0;
}
.kotj .cta ul li+li{
	margin-top:10px;
}
.kotj .cta .pull-quote{
	margin:20px 0 0;
	
	font-size:1.4em;
	line-height:1.2em;
}

.kotj .cta .pull-quote:before{
	display:block;
	content:"";
	margin:auto;
	width:40px;
	height:1px;
	background:#fff;
	margin:20px auto;
}

.kotj .sub-content{
	text-align:center;
}
.kotj .sub-content ul li{
	text-align:left;
}

.kotj .sub-content > ul{
	padding-left:0;
}
.kotj .sub-content > ul > li{
	margin-top:20px;
	list-style:none;
}
.kotj .sub-content ul ul > li{
	margin-top:10px;
}
.kotj .sub-content ul li:first-child{
	margin-top:0;
}

.kotj .sub-content h2{
	position:relative;
	padding:0;
	margin:0;
	
	letter-spacing:1px;
	text-transform:uppercase;
}
.kotj .sub-content h2 small,
.kotj .sub-content h3 small,
.kotj .sub-content h4 small{
	color:inherit;
}

.kotj .sub-content h2:after{
	display:block;
	content:"";
	margin:auto;
	width:40px;
	height:1px;
	background:#000;
	margin:20px auto;
}
.kotj .bg-black .sub-content h2:after,
.kotj .bg-blue .sub-content h2:after{
	background:#fff;
}

.kotj .sub-content h4{
	font-size:1.4em;
	font-weight:bold;
	line-height:1.2em;
	color:#ceaf16;
}
.kotj .sub-content h4 small{
	font-weight:normal;
	color:inherit;
	color:#fff;
}

.kotj .sub-content p{
	font-size:14px;
	line-height:21px;
	letter-spacing:1px;
	margin:0;
}
.kotj .sub-content p+p{
	margin-top:20px;
}

.kotj .sub-content .three-stars{
	text-align:center;
	color:#ceaf16;
}
.kotj .sub-content .three-stars .glyphicon{
	font-size:3.5em;
}
.kotj .sub-content .three-stars .glyphicon:first-child,
.kotj .sub-content .three-stars .glyphicon:last-child{
	font-size:2.5em;
}


.kotj .video{

}

.kotj .social-media{
	margin:40px 0;
	text-align:center;
}
.kotj .social-media a{
    width:60px;
    height:60px;
    border-radius: 60px;
    color:#fff;
    background:#1692ce;

    font-size:48px;
    font-weight:300;
    line-height:60px;
    text-align:center;
    
    -webkit-text-shadow:none;
    -moz-text-shadow:none;
    text-shadow:none;
}

.kotj .social-media a:hover{
    text-decoration:none;
    background:#000;
    color:#fff;
}

.kotj .copyright{
	padding:20px 0;
	text-align:center;
	
	font-size:11px;
	line-height:14px;
}

.kotj .bg-white{
	background:#fff;
	color:#000;
}

.kotj .bg-black{
	background:#000;
	color:#fff;
}

.kotj .bg-grey{
	background:#EDEDED;
	color:#000;
}
.kotj .bg-darkgrey{
	background:#444;
}

.kotj .bg-blue{
	background:#1692ce;
	color:#fff;
}
.kotj .bg-blue a{
	color:#ceaf16;
}

.kotj .bg-yellow{
	background:#ceaf16;
	color:#fff;
}


.kotj .row-nopad{

}
.kotj .row-nopad > div{
	padding-left:0;
	padding-right:0;
}

.kotj .pad-40{
	padding:40px;
}

.kotj .sub-content.pad-40{
	padding:40px 15px;
}

.kotj .border-white-5,
.kotj .border-white-10{
	border:10px solid #ceaf16;
	border-radius:40px;
	max-width:90%;
	margin:20px auto;
	padding:20px 15px;
	
	background:#fff;
	color:#000;
}

.kotj .border-white-10{
	border-width:10px;
	border-radius:60px;
}

.kotj .border-white-5 h4 small,
.kotj .border-white-10 h4 small{
	color:#999;
}

.kotj .btn-cta{
	text-transform:uppercase;
	color:#1692ce;
	border:2px solid #1692ce;
	border-radius:25px;
	padding-left:30px;
	padding-right:30px;
}

.kotj .border-white-5 .btn-cta,
.kotj .border-white-10 .btn-cta{
	background:#ceaf16;
	border-color:#ceaf16;
	color:#fff;
}


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px)
{

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px)
{

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px)
{
		
	.kotj .masthead a + a{
		margin-left:20px;
	}
	
	.kotj .masthead .glyphicon{
		margin-right:4px;
	}

	.kotj .navbar-brand img{
		width:auto;
		height:70px;
	}
	
	.kotj .navbar-nav{
		float:right;
	}
	.kotj .navbar-nav > li > a{
		color:#fff;
		font-size:13px;
		text-transform:uppercase;
		letter-spacing:2px;
		padding:28px 8px
	}
	.kotj .navbar-nav > li > a:hover{
		background:#1692ce;
		color:#000;
	}

	.kotj .hero .slider{
		position:relative;
		height:600px;
	}

	.kotj .hero .slider .slide .slide-content p{
		font-size:50px;
		letter-spacing:0.1em;
		line-height:1.2em;
	}

	.kotj .sub-content.pad-40{
		padding:40px;
	}

	.kotj .border-white-5,
	.kotj .border-white-10{
		padding:20px 40px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px)
{

	.kotj .navbar-nav > li > a{
		font-size:15px;
		padding:28px 15px
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px)
{

}

/* Extra-large Devices, Wide Screens */
@media only screen and (min-width : 1600px)
{

}