/* Public =====================================*/
body {
	font-size: 100%;
	margin: 0;
	padding: 0;
    line-height: 100%;
}
.wrapper {
	background: #252b30;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
	margin: 0;
	padding: 0;
	line-height: 100%;
}
a { text-decoration: none;}
img { max-width: 100%;}

.container { max-width: 1400px; margin: 0 auto;}

/* Header =====================================*/
.header {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(../images/green-slash.png) #252b30 no-repeat left center;
    min-width: 320px;
    position: fixed;
    top: 0;
    -webkit-transition: -webkit-transform 260ms ease-in-out;
    transition: transform 260ms ease-in-out;
    width: 100%;
    z-index: 400;
    display: block;
}
.header_inner {
    padding: 0 25px;
    margin: 0 auto;
}
.kg-logo { float: left; padding: 19px 0 18px; margin-right: 85px;}
.available-bunnings { float: left; padding: 22px 0;}
.left_header { float: left; list-style-type: none; padding: 36px 0; margin-left: 60px;}
.right_header { float: right; list-style-type: none; padding: 36px 0;}
.left_header li, .right_header li { 
    display: inline-block;
    /* font-family: Gotham-Medium; */
    font-family: "Gotham SSm A";
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}
.header_inner a { color: #fff; text-decoration: none; text-shadow: 0px 0px 1px rgba(0,0,0,0.35);}
.header_inner a:hover { color: #b2c900;}
.left_header li:first-child a { margin-right: 20px;}
.right_header li { margin-left: 10px;}

/* Banner =====================================*/
.slideshow { clear: both; margin: 0 auto; text-align: center; padding-top: 90px;}
.top_caption { color: #fff; background: rgba(0,0,0,0.55); height: 150px; position: absolute; top: 0; left: 0; right: 0; padding-top: 25px; box-sizing: border-box; text-align: left; z-index:399;}
.top_caption_left { float: left; padding-left: 35px; width: 50%; box-sizing: border-box; }
.top_caption_left h4 { 
    /* font-family: Gotham-Book; */
    font-family: "Gotham SSm A";
    font-weight: 400;
    font-style: normal;
    font-size: 45px;
    color: #ffffff;
    line-height: 49.97px;
    letter-spacing: -0.01em;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.24);
}
.top_caption_left h3 {
    /* font-family: Gotham-Bold; */
    font-family: "Gotham SSm A";
    font-weight: 700;
    font-style: normal;
    font-size: 44px;
    color: #ffffff;
    line-height: 49.97px;
    letter-spacing: -0.01em;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.24);
}
.top_caption_right { float: right; padding-right: 20px; width: 50%; box-sizing: border-box; }
.top_caption_right p {
    /* font-family: Gotham-Book; */
    font-family: "Gotham SSm A";
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    Color: #ffffff;
    line-height: 31.2px;
    letter-spacing: -0.01em;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.35);
}
.slideshow_inner{position: relative;}
.top_caption_right p .light_green_text { color: #b2c900;}
.caption_items { position: absolute; top: 150px; right: 0; left: 0; text-align: left; z-index: 399;}
.caption_item { float: right; clear: both; margin-top: 20px; width: 513px; /*position:relative; background:#fff; 
	margin-bottom: 0px; padding:0 0 40px;*/ }
/*.caption_item_bottom{position:absolute; width:100%; bottom:0;}*/
.wrap_caption_item { position: relative; padding: 0 20px 30px 190px; height: 170px; box-sizing: border-box; background: #fff; 
	border-top: 3px solid #bbc941; border-right: 3px solid #bbc941; /*display: table;*/}
/*.wrap_caption_item .caption_item_right, .wrap_caption_item >img{display: table-cell; vertical-align: top;}
.wrap_caption_item .caption_item_right{padding-left:20px;}*/
.slideshow_inner .caption_items .wrap_caption_item img { position: absolute; left: 0; top: -3px; width: auto;}
/*.owl-carousel .owl-item .wrap_caption_item img{
	width: auto;
	max-width: 100%;
	float: left;
}*/
.caption_item_right h3 { 
    /* font-family: Gotham-Bold; */
    font-family: "Gotham SSm A";
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    color: #000000;
    line-height: 70px;
    letter-spacing: -0.01em;
    border-bottom: 1px solid #616161;
    margin-bottom: 15px;
}
.caption_item_right h3 span {
    /* font-family: Gotham-BookItalic; */
    font-family: "Gotham SSm A";
    font-weight: 400;
    font-style: italic;
}
.caption_item_right p {
    /* font-family: Gotham-Book; */
    font-family: "Gotham SSm A";
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #000000;
    line-height: 26px;
    letter-spacing: -0.01em;
}
.caption_item_bottom a {
    display: block;
    /* font-family: Gotham-Medium; */
    font-family: "Gotham SSm A";
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    color: #ffffff;
    letter-spacing: 0em;
    background: #b2c900;
    text-transform: uppercase;
    border: 1px solid #91a300;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    padding: 0 20px;
    text-decoration: none;
    position: relative;
    transition: background-color 0.5s ease;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.24);
}
.caption_item_bottom a .icon_arrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transition: background-color 0.5s ease;
    background: url("../images/bg_arrow.png") no-repeat center center #91a300;
    display: block;
    width: 26px;
}
.caption_item_bottom a:hover {
    background: #91a300;
}
.caption_item_bottom a:hover .icon_arrow {
    background-color: #b2c900;
}
/* Footer =====================================*/
.footer_top { margin: 0 20px; display: flex; align-items: center; justify-content: center; border-left: 2px solid #22272b; border-right: 2px solid #22272b; display: none;}
.footer_left { border-right: 2px solid #22272b; box-sizing: border-box;}
.footer_right { width: 30%; text-align: center; padding: 0 20px; box-sizing: border-box;}
.footer_left_one { 
    /* font-family: Gotham-Book; */
    font-family: "Gotham SSm A";
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #b2c900;
    line-height: 34px;
    letter-spacing: -0.01em;
    padding: 25px 20px 10px;
    border-bottom: 2px solid #22272b;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.35);
}
.footer_left_one h3 {
    /* font-family: Gotham-Medium; */
    font-family: "Gotham SSm A";
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    color: #b2c900;
    line-height: 34px;
    letter-spacing: -0.01em;
}

.footer_left_two {
    padding: 30px 20px 10px;
    overflow: hidden;
    border-bottom: 2px solid #22272b;
    text-shadow: 0px 0px 1px rgba(22,22,22,0.75);
}
.intro_text { float: left; width: 190px;}
.intro_text:first-child { margin-right: 100px;}
.map_image_hover { display: none;}
.footer_left_two img {
    float: right; margin-top: -20px;
}
.intro_text h5, .intro_text h4 {
    /* font-family: Gotham-Book; */
    font-family: "Gotham SSm A";
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #b2bbc0;
    line-height: 14.4px;
}
.intro_text:hover .map_image { display: none;}
.intro_text:hover .map_image_hover { display: block;}
.intro_text:hover h5, .intro_text:hover h4 { color: #b2c900;}
.intro_text h4 { font-size: 20px;}

.footer_left_three { 
    color: #fff;
    padding: 35px 20px;
    /* font-family: Gotham-Book; */
    font-family: "Gotham SSm A";
    font-weight: 400;
    font-style: normal;
    color: #b2bbc0;
    line-height: 25.2px;
    letter-spacing: -0.01em;
    font-size: 20px;
    border: 0 none;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.35);
}
.footer_left_three a { color: #b2c900; text-decoration: none;}
.copyright { padding: 20px 0; border-top: 2px solid #22272b;}
.copyright p {
    /* font-family: Gotham-Book; */
    font-family: "Gotham SSm A";
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    padding: 0 40px ;
}

/* Responsive =====================================*/
@media screen and (max-width: 1400px) {
    .container {
        padding: 0 20px;
    }
    .top_caption { padding: 15px 0; height: auto;}
    .top_caption .container { display: flex; align-items: center;}
    .top_caption_left h4 { font-size: 30px; line-height: 35px;}
    .top_caption_left h3 { font-size: 35px; line-height: 40px;}
    .top_caption_right p { font-size: 20px; line-height: 25px;}

    .caption_items { top: 30%;}
    .caption_items .container { display: flex; align-items: center; justify-content: center;}
    .caption_item { float: none; margin: 20px 10px; position: relative;}
    /*.caption_item_bottom{position: absolute; bottom:0; width:100%;}*/
    .wrap_caption_item { padding-left: 40%; height: auto; padding-bottom: 60px;}
    .wrap_caption_item img { width: 35%;}

    .caption_item_right h3 { font-size: 25px; line-height: 50px;}
    .caption_item_right p { font-size: 15px; line-height: 20px;}
    .caption_item_bottom a { height: auto; line-height: 100%; padding: 10px 20px; font-size: 15px;}

    .footer_left_one,
    .footer_left_one h3 { font-size: 20px; line-height: 30px;}

    .footer_left_two, .footer_left_three { font-size: 17px;}
}

@media screen and (max-width: 1024px) {
    .kg-logo { margin-right: 70px;}
    .top_caption_left h3 { font-size: 30px;}
    .caption_items { top: 35%;}

    .top_caption_left, .top_caption_right { padding: 0 20px;}

    /* .footer_top { display: block;} */
    .footer_left { border-right: 0 none;}
    .footer_right { padding: 20px; border-top: 2px solid #22272b; width: auto;}
}
@media screen and (max-width: 959px) {
    .left_header { display: none;}
    .caption_items { position: static;}
    .caption_items .container, .top_caption .container { display: block;}
    .caption_item { width: auto;}
    .top_caption_left, .top_caption_right { float: none; width: auto;}
    .wrap_caption_item { height: 170px;}
}
@media screen and (max-width: 767px) {
    .available-bunnings { display: none;}
    .header { min-width: 0;}
    .header_inner, .container { padding: 0 10px;}
    .kg-logo { margin: 0; padding: 10px 0; width: 120px;}

    .right_header { padding: 20px 0;}
    .right_header li { display: none;}
    .right_header li:first-child { display: inline-block;}

    .slideshow { padding-top: 58px;}

    .footer_top { margin: 0;}
    .intro_text { float: none; width: auto; clear: both;}
    .intro_text:first-child { margin: 0 0 70px;}
}
@media screen and (max-width: 479px) {
    .top_caption { padding: 8px 0;}
    .top_caption_left, .top_caption_right { padding: 0 10px;}
    .top_caption_left h4 { font-size: 20px; line-height: 100%; margin-bottom: 10px;}
    .top_caption_left h3 { font-size: 18px; line-height: 100%; margin-bottom: 10px;}
    .top_caption_right p { font-size: 15px; line-height: 20px;}
    .wrap_caption_item { height: auto; padding-left: 20px;}
    .caption_item_bottom a { font-size: 13px;}
   .slideshow_inner .caption_items .wrap_caption_item img { display: none;}
}