/*
	Theme Name: CJ Duncan
	Theme URI: http://macadamia.mx/
	Version: 1.0
	Author: Chris Robinson - Macadamia
*/

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family: 'lynstone';
    src: url('fonts/lynstone-book-webfont.woff2') format('woff2'),
         url('fonts/lynstone-book-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'lynstone';
    src: url('fonts/lynstone-bold-webfont.woff2') format('woff2'),
         url('fonts/lynstone-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:400 20px/1.4 lynstone, sans-serif;
	color:#000;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	/*text-decoration:underline;*/
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus,
button:focus {
	outline:0;
}

input[type="text"],input[type="number"],input[type="email"],input[type="tel"],input[type="button"],input[type="submit"],button,textarea{-webkit-appearance:none;border-radius:0;}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#0547ba;
	color:#000;
	text-shadow:none;
}
::-webkit-selection {
	background:#0547ba;
	color:#000;
	text-shadow:none;
}
::-moz-selection {
	background:#0547ba;
	color:#000;
	text-shadow:none;
}

/*------------------------------------*\
    CUSTOM
\*------------------------------------*/


.wrapper{position:relative;}

.header{position:fixed;top:0;left:0;z-index:100;display:table;width:100%;height:100px;background-color:rgba(5,71,186,0.8);}
.header-cell{display:table-cell;vertical-align:middle;text-align:center;}

.logo img{width:66px;}


.heading{font-size:32px;line-height:1.125;letter-spacing:0.12em;text-transform:uppercase;}
.heading-top{color:#8a8c8e;}
.heading-bottom{color:#000;}


#section-1{background-color:#262626;}

.slickslider{list-style:none;padding:0;margin:0;}
.slickslider .slick-slide{outline:none;}
.slickslider .slickslide{position:relative;}
.slickslider .slickslide .slickimage{position:relative;display:block;width:100%;height:0;padding-bottom:56.25%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.slickslider .slickslide .slicktext{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;padding:0 20%;}
.slickslider .slickslide .slicktext{color:#fff;}
.slickslider .slickslide .slicktext-table{display:table;width:100%;height:100%;}
.slickslider .slickslide .slicktext-cell{display:table-cell;vertical-align:middle;text-align:center;}
.slickslider .slickslide .slicktext .heading{letter-spacing:0.28em;}
.slickslider .slickslide .slicktext .heading-top{color:#adb6b3;font-size:28px;}
.slickslider .slickslide .slicktext .heading-bottom{color:#fff;font-size:44px;}

.slicktext-cell p {
    max-width: 450px;
    margin: 0 auto;
}

.slickslider > .slickslide{display:none;}
.slickslider > .slickslide:first-child{display:block;}

.slick-prev,
.slick-next{font-size:0;line-height:0;position:absolute;top:0;z-index:20;display:block;width:14%;height:100%;padding:0;color:transparent;border:none;outline:none;background:transparent;background-size:18% auto;background-repeat:no-repeat;opacity:0.5;transition-property:opacity;transition-duration:.3s;}
.slick-prev{left:0;background-image:url('img/arrow-left.svg');background-position:center right;}
.slick-next{right:0;background-image:url('img/arrow-right.svg');background-position:center left;}
.slick-prev:hover,
.slick-next:hover{opacity:1;}

.slick-dots{position:absolute;bottom:12%;z-index:10;display:block;width:100%;list-style:none;padding:0;margin:0;text-align:center;}
.slick-dots li{display:inline-block;width:0.75%;height:0;padding-bottom:0.75%;margin:0 0.5%;border-radius:50%;position:relative;}
.slick-dots li button{position:absolute;top:0;left:0;font-size:0;line-height:0;padding:0;display:block;width:100%;height:100%;background-color:transparent;border:1px solid #fff;border-radius:50%;transition-property:background-color;transition-duration:.3s;}
.slick-dots li.slick-active button,
.slick-dots li button:hover{background-color:#fff;}


#section-2{padding:80px 5%;background-color:#fff;text-align:center;}


#section-3 .table-body{display:table;width:100%;}
#section-3 .table-cell{display:table-cell;width:50%;vertical-align:middle;text-align:center;}
#section-3 .table-cell-left{background-color:#000;color:#fff;transition-property:background-color;transition-duration:.3s;}
#section-3 .table-cell-left:hover{background-color:#1e1d1d;}
#section-3 .table-cell-left a{color:#fff;}
#section-3 .table-cell-right{background-color:#d7d1ca;transition-property:background-color;transition-duration:.3s;}
#section-3 .table-cell-right:hover{background-color:#e5e2df;}
#section-3 .table-inner{padding:80px 10%;}
#section-3 .heading{margin-bottom:-8px;}
#section-3 .cta-text{font-size:16px;font-weight:700;line-height:1.2;letter-spacing:0.075em;text-transform:uppercase;margin:36px 0;}
#section-3 .cta-text-top{display:block;}
#section-3 .cta-text-bottom{display:block;margin-top:6px;}


.footer{background-color:#0547ba;color:#fff;}
.footer a{color:#fff;}
.footer .table-body{display:table;width:100%;}
.footer .table-cell{display:table-cell;width:50%;vertical-align:top;}
.footer .table-inner{padding:80px 20%;}

.footer .table-cell-left{color:#9bb6e3;font-size:32px;font-weight:700;line-height:1.125;letter-spacing:0.12em;text-transform:uppercase;}
.footer .table-cell-left .table-inner{padding-right:0;}
.footer .table-cell-left .highlight{color:#fff;}

.footer .table-cell-right .table-inner > *:first-child{margin-top:32px;}
.footer .table-cell-right .table-inner > *:last-child{margin-bottom:32px;}

.footer .contact-section{display:table;opacity:0.5;transition-property:opacity;transition-duration:.3s;}
.footer .contact-section:hover{opacity:1;}
.footer .contact-section a{display:table;}
.footer .contact-section .contact-icon{display:inline-block;vertical-align:top;width:50px;height:50px;background-position:center 3px;background-repeat:no-repeat;margin-right:20px;}
.footer .contact-section .contact-text{display:inline-block;vertical-align:top;line-height:1.125;}
.footer .contact-section .contact-text-heading{display:block;font-weight:700;text-transform:uppercase;}



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

	.header{height:70px;}
	.logo img{width:46px;}
	.slickslider .slickslide .slickimage{padding-bottom:100%;}
	.slickslider .slickslide .slicktext{padding:0 10%;}
	.slick-prev,
	.slick-next,
	.slick-dots{display:none !important;}
	#section-3 .table-body{display:block;}
	#section-3 .table-cell{display:block;width:100%;}
	#section-3 .table-inner{padding:80px 5%;}
	.footer .table-body{display:block;}
	.footer .table-cell{display:block;width:100%;}
	.footer .table-inner{padding:80px 5%;}
	.footer .table-cell-left .table-inner{padding-right:5%;}
	.footer .table-cell-right .table-inner{padding-top:0;}
	.footer .table-cell-right .table-inner > *:first-child{margin-top:0;}

}

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

	body {font-size:12px;}
	.header{height:35px;}
	.logo img{width: 47px;margin: 10px 0px;}
	.heading{font-size:16px;}
	.slickslider .slickslide .slicktext .heading-top{font-size:14px;}
	.slickslider .slickslide .slicktext .heading-bottom{font-size:22px;}
	#section-2{padding:40px 5%;}
	#section-3 .table-inner{padding:40px 5%;}
	#section-3 .heading{margin-bottom:-4px;}
	#section-3 .cta-text{font-size:12px;margin:18px 0;}
	#section-3 .cta-text-bottom{margin-top:3px;}
	.footer .table-body{display:block;}
	.footer .table-cell{display:block;width:100%;}
	.footer .table-inner{padding:40px 5%;}
	.footer .table-cell-left{font-size:16px;}
	.footer .table-cell-right .table-inner > *:last-child{margin-bottom:16px;}
	.footer .contact-section .contact-icon{width:25px;height:25px;background-size:contain;background-position:center top;margin-right:10px;}

}