/*
=============================================
 Development By: Design on Target - www.designontarget.website , © Copyright 2017 - All rights reserved.

 Description: Layout CSS Styles

 Last Revised: 03/12/2017
=============================================
*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Open+Sans+Condensed:300,700|Open+Sans:400,400i,700,800|Roboto:400,500,700,900|Montserrat:400,400i,500,700');

/*
font-family: 'Gotham Pro';
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
*/

body {
	overflow-x: hidden;
}



/* =================================== LAYOUT DEFINITIONS =================================== */

.site-width {
	margin: 0 auto;
	width: 1200px;
}
section {
	width: 100%;
	float: left;
	display: block;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body.inside-page section{padding:60px 20px;}

section.dark p, section.dark li {
	color: #fff;
	line-height: 35px;
	font-size: 18px;
}
section.dark {
	padding: 140px 20px 0;
}

@media screen and (max-width: 1199px) {
.site-width {
	width: 100%;/*! top: 0; *//*! margin: 0; */
        /*! padding: 0; */
}
}

/*========= HEADER =========*/

header {
	position: fixed;
	/*background: url(/wp-content/themes/kratos/images/nav-bg.png) center center transparent;
    background-repeat-y: no-repeat;*/
	width: 100%;
	height: 100px;
	z-index: 1;
}
/*
body.inside-page header {
	background: #fff;
}
body.inside-page .main-nav ul li a {
	color: #000;
}
body.inside-page header .logo {
	background: url(/wp-content/themes/kratos/images/logo-black.png) center center no-repeat!important;
	background-size: contain!important;
}
*/
.logo {
	width: 215px;
	height: 79px;
	background: url(/wp-content/themes/kratos/images/logo.png) center center no-repeat;
	background-size: contain;
	margin-top: 10px;
	float: left;
	position: relative;
}
.header-nav-wrap .drop-down {
    position: absolute;
    top: 16px;
    display: none;
    width: 65px;
    height: 23px;
    margin: 12px 0 0 25px;
    background: url('images/icon-drop-down.png') top center no-repeat;
    background-size: auto auto;
    background-size: 36px;
}
.header-nav-wrap .drop-down.on {
    margin-top: 6px;
    background-position: bottom center;
    background-size: 36px;
}
.main-nav {
	position: relative;
}
/*========= HEADER STICKY =========*/

header.stick {
	position: fixed;
	height: 100px;
	background: #fff;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	/*! padding: 0; */
    /*! margin: 0; */
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.45);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.45);
	box-shadow: 0 0 3px rgba(0,0,0,.45);
	z-index: 2;
}

header.stick #logo {
	max-width: 105px!important;
	margin-left: -50px;
}
header.stick nav ul {
	margin: 15px 0 0;
}
header.stick nav .drop-down {
	margin: 0px 10px 0 0;
}
header.stick .main-nav ul li a {
	color: #000;
	opacity: 1;
}
header.stick .btn.nav-quote {
    background: #A30200;
    color: #fff;
    border: thin solid #A30200;
}
header.stick .main-nav ul {
    padding: 30px 10px 0 0;
}
header.stick .main-nav ul span {
	color: #A30200;
}
header.stick .logo {
    background: url(/wp-content/themes/kratos/images/logo-black.png) center center no-repeat;
    background-size: contain;
    margin-top: 9px;
}

@media screen and (max-width:1365px) {
header {
	background: #fff!important;
	height: 100px!important;
}
}

@media all and (max-width: 1365px) {
header .main-nav .drop-down {
    display: block;
    top: 22px;
}
header.stick .drop-down {
    background: url('images/icon-drop-down.png') top center no-repeat;
        background-size: auto auto;
    background-size: 36px;
}
.logo {
	margin-top: inherit;
	margin: 9px auto;
	float: none;
	background: url(/wp-content/themes/kratos/images/logo-black.png) center center no-repeat!important;
	background-size: contain!important;
	position: relative;
 	left: 10px;
}
#nav-search-form.on {
    opacity: 1;
    top: 98px!important;
    z-index: 0;
}
	
ul#nav {
	opacity: 0.0;
	top: 74px;
	left: -325px;
	position: absolute;
	padding: 0px 0 10px 0;
	margin: 26px 0 0;
	width: 100%;
	height: auto;
	background: rgba(255, 255, 255, 1);
	z-index: -1;
	transition: all 0.4s ease-in-out 0s;
	max-width: 320px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	
ul#nav ul {
	float: none;
	margin: 0;
	height: auto;
	text-align: left;
}
ul#nav li:first-child {
	border-top: none;
}
ul#nav li {
    float: none;
    display: block;
    height: auto;
    line-height: 30px;
    padding: 15px 25px;
    border: 0;
    border-top: 1px solid #E6E6E6;
	background: #ffffff;
}
ul#nav li a {
	display: block;
	font-size: 18px;
}
/*ul#nav li a::after {
	display: block;
	content: "\00bb";
	float: right;
	font-size: 22px;
	font-weight: 300;
}*/
ul#nav li a:hover {
	opacity: 0.7;
}
ul#nav ul:first-child li:first-child {
	border-top: 0;
}
ul#nav.on {
    opacity: 1;
    top: 74px;
    left: 0;
    z-index: 100;
	position:fixed;
    height: auto;
    overflow: auto;
	margin-top: 26px;
	background: #ffffff;
}
header.stick ul#nav.on {
	opacity: 1;
	top: 74px;
	z-index: 100;
	position:fixed;
    overflow: auto;
	margin-top: 26px;
}
li.last {
	border-bottom: 1px solid #E6E6E6!important;
}
.main-nav ul span {
	display: none;
	margin: 0 10px;
}
.main-nav ul li a {
	color: #000!important;
}
    .main-nav ul li:last-child a {
	color: #A30200!important;
        font-weight: 600;
}
#nav.on .dropdown .dropdown-content {
    visibility: visible;
    opacity: 1;
    position: relative;
    background-color: #fff;
    z-index: 1;
    margin-top: 10px !important;
    padding: 0 !important;
    transition: none;
    left: 0;
    top: 0;
    width: 100%;
}
.nav.dropdown a.dropbtn {
    color: #ffffff !important;
    opacity: 1;
    padding: 12px 20px;
	background: #1381c4;
}
.nav.dropdown a.dropbtn:hover {
    opacity: 1;
}
.dropbtn:hover {
    opacity: 1 !important;
}
	.nav.dropdown {
    border-top: none !important;
}
#nav.on .dropdown .dropdown-content li a {
	opacity: 1!important;
    color: #000000 !important;
	-moz-transition:none!important;
	-webkit-transition:none!important;
	transition:none!important;
}
#nav.on .dropdown-content li:hover {
	background: #ffffff;
}
}

@media screen and (min-width:1601px) {
.main-nav.site-width {
	width: 1500px;
	padding: 0 40px;
}
}

@media screen and (max-width:1600px) {
.main-nav.site-width {
	width: calc(100% - 80px);
	padding: 0 40px;
}
}

@media screen and (max-width:1300px) {
.main-nav.site-width {
    width: 100%;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
header.stick .logo {
	background: url(/wp-content/themes/kratos/images/logo-black.png) center center no-repeat;
	background-size: contain;
}
}

@media screen and (max-width:1024px) {
.main-nav.site-width {
	width: 100%;
	padding: 0;
}
}

@media screen and (max-width:800px) {
.main-nav ul li a {
	font-size: 12px!important;
}
ul#nav li {
	line-height: 20px;
	padding: 10px;
}
ul#nav {
	max-width: 225px;
}
ul#nav.on {
    opacity: 1;
    top: 78px;
    left: 0;
    z-index: 100;
	margin-top: 13px;
}
	.logo {
    width: 300px;
}
}

@media screen and (max-width:500px) {
	
	
.logo {
    max-width: 180px !important;
	background-size: contain;
}
.header-nav-wrap .drop-down {
    height: 20px;
    margin: 11px 10px 0 0;
    background-size: 30px;
    left: 0;
}
.header-nav-wrap .drop-down.on {
	background-size: 24px;
}
.header-nav-wrap .nav-search {
    background: url('images/icon-nav-search.png') top center no-repeat;
    background-size: auto auto;
    background-size: contain;
    right: 15px;
	width: 18px;
}
}
@media screen and (max-width: 370px) {
	
#nav.on .dropdown-content li:hover {
	background: #ffffff;
}
}
/*========= END RESPONSIVE DROP DOWN =========*/

.main-nav ul {
	padding: 30px 10px 0 0;
	margin: 0;
	float: right;
}
.main-nav ul li a {
	color: #fff;
	font-weight: 400;
	font-size: 17px;
	letter-spacing: 2px;
	opacity: .8;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-align: center;
}
.main-nav ul li a:hover {
	opacity: 1;
}
.main-nav ul li {
    display: inline;
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
}
.main-nav ul span {
	margin: 0 10px;
	color: #ffffff;
}
/*==== SPLASH BANNER ====*/

.video-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	z-index: 1;
}
#splash {
    position: relative;
    max-height: 700px;
    background: url(/wp-content/themes/kratos/images/banner-home.jpg) center center no-repeat;
    background-size: cover;
}
#splash div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-attachment: fixed;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	z-index: -1;
}
.inside-page span.splash-txt {

    display: block;
    width: 100%;
    max-width: 800px;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}
.inside-page .splash-txt h1 {

    font-size: 56px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 7px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    max-width: 800px;
    line-height: 60px;
    margin: 0 auto 0;
    text-transform: uppercase;

}
span.splash-txt {
    display: block;
    width: 100%;
    max-width: 400px;
    height: 100px;
    position: absolute;
    top: 60%;
    left: 15%;
    right: 0;
    bottom: 0;
}
span.splash-txt h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 30px;
}
.splash .center-div {
    position: absolute;
    margin: auto;
    top: 480px;
    right: 0;
    bottom: 0;
    left: 55%;
    width: 800px;
    min-width: 300px;
    height: 512px;
    border-radius: 3px;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
}
.splash span.center-div img {
    width: 100%;
    max-width: 700px;
}
#splash .bg-pattern {

    position: relative;
    height: 200px;
    width: 85%;
    top: 315px;
    background-image: url(/wp-content/themes/kratos/images/line-texture.png);

}

#splash .btn {
    border-color: #fff !important;
    color: #fff;
    margin: 20px 10px;
	width: 190px;
}
#splash .btn.active-btn {
    border-color: #A30200 !important;
	background: #A30200 !important;
	
}
#splash .btn.active-btn:hover {
	opacity: .8;
}
#splash .btn:hover {
    border-color: #A30200 !important;
}
.splash-txt h1 {
    font-size: 56px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 7px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    max-width: 800px;
    line-height: 60px;
    margin: 0 auto 30px;
	text-transform: uppercase;
}
.splash-txt h2 {
font-size: 60px;
font-weight: 600;
    color: #ffffff;
    letter-spacing: 7px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    max-width: 800px;
    line-height: 60px;
    margin: 0 auto 30px;
}
.splash-txt h3 {
    font-size: 26px;
    line-height: 10px;
    color: #ffffff;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 auto 20px;
    line-height: 18px;
    padding-left: 4px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
}

.play-button {
    max-width: 60px;
    display: block;
    margin: 0 auto 20px;
    opacity: 0.7;
	
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.play-button:hover {
    opacity:1;
	cursor: pointer;
}
/* drop down arrow */

.arrow {
	text-align: center;
	margin: 8% 0;
	z-index: 1!important;
}
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
 @keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 transform: translateY(0);
}
 40% {
 transform: translateY(-30px);
}
 60% {
 transform: translateY(-15px);
}
}
.arrow-down {
	background: url(/wp-content/themes/kratos/images/down-arrow.png) center center no-repeat;
	width: 35px;
	height: 63px;
	display: block;
	position: absolute;
	left: 50%;
	top: 90%;
	margin-left: -16px;
	background-size: contain;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a.arrow-down {
	opacity: .7;
}
a.arrow-down:hover {
	opacity: 1;
}
/* single banner */
.banner.single .center-div h1 {
	color: #ffffff;
	font-size: 90px;
}
.banner.single .center-div {
	background: none;
	border: none;
	top: -25%;
	width: 100%;
}
.banner.single .center-div h1 {
	color: #ffffff;
	font-size: 90px;
}
@media screen and (max-width:1500px){
.splash .center-div {

    position: absolute;
    margin: auto;
    top: 525px;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 600px;
    min-width: 300px;
    height: 512px;
    border-radius: 3px;
    text-align: center;
    padding: 40px;
    box-sizing: border-box;

}
#splash .bg-pattern {

    position: relative;
    height: 200px;
    width: 85%;
    top: 230px;
    background-image: url(/wp-content/themes/kratos/images/line-texture.png);

}   
}
@media screen and (max-width:1500px) {
body.inside-page .splash .center-div {
    top: 0;
}
.inside-page .splash-txt h1 {
    font-size: 45px;
}
}

@media screen and (max-width:1199px) {
.splash .center-div {

    position: absolute;
    margin: auto;
    top: 525px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 600px;
    min-width: 300px;
    height: 512px;
    border-radius: 3px;
    text-align: center;
    padding: 40px;
    box-sizing: border-box;

}
    span.splash-txt {

    display: block;
    width: 100%;
    max-width: none;
    height: 100px;
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;

}
}
@media screen and (max-width:1024px) {
.splash-txt .btn {
    background: #1B45BF !important;
}
.splash-txt .btn:hover {
    background: #1B45BF !important;
}
}
@media screen and (max-width:1023px) {
#splash {
    height: 650px !important;
}
}
@media screen and (max-width:900px) {
.splash-txt h2, .splash-txt h1 {
    font-size: 52px;
    margin-bottom: 10px;
    max-width: 660px;
    margin: 10px auto 25px;
}
	.splash-txt h3 {
    line-height: 25px;
    max-width: 400px;
    margin: auto;
}
.inside-page .splash-txt h1 {
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 7px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    max-width: 800px;
    line-height: 45px;
    margin: 0 auto 0;
    text-transform: uppercase;
}
}
@media screen and (max-width:580px) {
	
.splash-txt h2, .splash-txt h1 {
    font-size: 36px;
}
.banner.single {
	height: 450px!important;
}
.banner.single .center-div {
	top: -45%;
}
h3.txt-top {
	font-size: 13px;
}
.splash-txt .btn {
    padding: 15px 8px;
    font-size: 12px;
    background: #1B45BF !important;
    text-decoration: none;
}
.splash-txt .btn:hover {
    padding: 15px 8px;
    font-size: 12px;
    background: #1B45BF !important;
    text-decoration: none;
}
.splash .content-wrapper {
	top: 60%;
}
#splash {
	height: 450px!important;
}
    #splash .center-div {
    top: 425px;
    width: 100%;
    height: 412px;
}  
    #splash .spacer{display: none;}
}

@media screen and (max-width:520px) {
.banner.single .center-div h1 {
	font-size: 42px !important;
	max-width: 90%;
	margin: auto;
}
.play-button {
    max-width: 40px;
    margin: 20px auto;
	}
.splash-txt h2, .splash-txt h1 {
    font-size: 28px;
    margin-bottom: 10px;
    max-width: 530px;
    line-height: 44px;
    margin: 0 auto 10px;
}
.splash-txt h3 {
	font-size: 16px;
    line-height: 22px;
    max-width: 340px;
}
}
@media screen and (max-width:460px) {
#splash .btn {
    border-color: #fff !important;
    color: #fff;
    margin: 10px;
    width: 190px;
}
    #splash{
padding: 0 20px;
}
}
@media screen and (max-width:370px) {
.splash-txt h2, .splash-txt h1 {
    font-size: 24px;
    margin-bottom: 10px;
    max-width: 300px;
    line-height: 32px;
    margin: 5px auto 15px;
}
#splash .center-div {

    top: 460px;
    width: 100%;
    height: 412px;

}
}

/*========= KRATOS WELCOME SECTION ===========*/

#kratos-welcome {
    padding: 0 0 80px;
    position: relative;
    z-index: -1;
}

#kratos-welcome h1 {
    float: left;
    margin-top: 170px;
    font-size: 54px;
    font-weight: 900;
    width: 100%;
}
#kratos-welcome p {
    font-size: 21px;
    font-family: 'Montserrat', sans-serif;
    line-height: 30px;
    margin-bottom: 30px;
}
@media screen and (max-width:1700px){

}
@media screen and (max-width:1500px){
#kratos-welcome h1 {

    float: left;
    margin-top: 80px;
    font-size: 54px;
    font-weight: 900;
    width: 100%;

}
#kratos-welcome {

   padding: 0 20px 60px;
    position: relative;
    z-index: -1;

}
    }
@media screen and (max-width:1199px){
#kratos-welcome h1 {

    float: left;
    margin-top: 130px;
    font-size: 54px;
    font-weight: 900;
    width: 100%;

}
    #kratos-welcome {

   padding: 0 20px 20px;
    position: relative;
    z-index: -1;

}

    }

@media screen and (max-width:1024px){
#kratos-welcome {

    text-align: center;

}
    }
@media screen and (max-width:580px){
#kratos-welcome {
    padding: 100px 20px 20px;
}
}
@media screen and (max-width:580px){
#kratos-welcome {
    padding: 100px 20px 20px;
}
}
@media screen and (max-width:540px){
#kratos-welcome {
    padding: 60px 20px 20px;
}
#kratos-welcome h1 {
    font-size: 40px;
}
#kratos-welcome p {
    font-size: 21px;
}
}
@media screen and (max-width:500px){
#kratos-welcome {
    padding: 30px 20px 20px;
}
#kratos-welcome h1 {
    font-size: 40px;
}
}
@media screen and (max-width:450px){
#kratos-welcome {
    padding: 0 20px 20px;
}
}
@media screen and (max-width:400px){
#kratos-welcome h1 {

    margin-top: 80px;
    }
}
/*========= SLIDER SECTION ===========*/
.bg-image {
    height: 850px;
    width: 100%;
}
.bg-image.slide-00 {
    position: relative;
    background: url(/wp-content/themes/kratos/images/slide-1.jpg) center center no-repeat;
        background-size: auto auto;
    background-size: cover;
}
.bg-image.slide-01 {
    position: relative;
    background: url(/wp-content/themes/kratos/images/slide-2.jpg) center center no-repeat;
        background-size: auto auto;
    background-size: cover;
}
.video-testimonial .center-div {
    position: absolute;
    margin: auto;
    top: 350px;
    right: 0;
    bottom: 0;
    left: -605px;
    max-width: 630px;
    min-width: 300px;
    max-height: 401px;
    border-radius: 3px;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    background: rgba(0,0,0,.8);
    padding: 15px;
}
.video-testimonial .center-div h3 {
    margin-bottom: 15px;
    color: #fff;
    font-size: 18px;
    text-align: left;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    max-width: 600px;
	
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 338px;
}
#slider-section {
	padding: 0;
	height: 650px;
}
#slider-section h2 {
	display: inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-top: 5px;
	margin-bottom: 20px;
}
.description {
	width: 100%;
	max-width: 400px;
	display: block;
	padding: 0 40px 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.description p {
	letter-spacing: 2px;
	font-weight: 400;
	line-height: 30px;
}
#slider-section .arrow-next {
	background: url(/wp-content/themes/kratos/images/down-arrow-blue.png) center center no-repeat;
	width: 34px;
	height: 62px;
	display: block;
	position: absolute;
	left: 0;
	top: 220px;
	margin: 0 0 0 60px;
	background-size: contain;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.arrow-next {
	background: url(/wp-content/themes/kratos/images/down-arrow-blue.png) center center no-repeat;
	width: 34px;
	height: 62px;
	display: block;
	margin: 25px 0 0 60px;
	background-size: contain;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#review-slider {
    position: relative;
}
.sub-paragraph {
	max-width: 800px;
	float: right;
	text-align: center;
}
.sub-paragraph p {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 3px;
	line-height: 40px;
	margin: 40px 0 0 0;
}
@media screen and (max-width:1366px){
.video-testimonial .center-div {
    top: -40px;
    right: 0;
    bottom: 0;
    left: 0;
}
#slider-section {
    padding: 0;
    height: 700px!important;
    overflow: hidden;
}
#slider-section .site-width {
    max-width: 1000px;
}
.slick-slide img {
    max-width: 600px;
}
.sub-paragraph {
    max-width: 600px;
}
.sub-paragraph p {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 19px;
    letter-spacing: 3px;
    line-height: 30px;
    margin: 20px 0 0 0;
}
}
@media screen and (max-width: 1240px){
	
#supreme-welcome .site-width {
    width: 1000px;
}
#supreme-welcome img {
    width: 100%;
}
#supreme-welcome h2 {
    font-size: 34px!important;
}
#supreme-welcome h2 span.sub-title {
    font-size: 22px!important;
}
#supreme-welcome h3 {
    font-size: 18px!important;
	line-height: 25px;
}
#supreme-welcome p {
    font-size: 16px!important;
	line-height: 20px!important;
}
#supreme-welcome h4 {
    font-size: 16px!important;
}
#supreme-welcome ul li {
    line-height: 20px!important;
    font-size: 16px!important;
	margin-bottom: 15px!important;
}
.one-half-column.pad-left {
    padding-left: 20px;
    padding-right: 20px;
}
}
@media screen and (max-width:1023px){
#slider-section {
    padding-top: 40px;
}
.slick-slide img {
    width: 100%;
    max-width: 100% !important;
    float: left;
}
.description {
    width: 100%;
    max-width: initial;
    display: inline-block;
    padding: 0;
    text-align: center;
}
#slider-section h2 {
    display: inline-block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.sub-paragraph {
    max-width: 100%;
    margin-top: 5px;
}
.arrow-next {
    display: none !important;
}
#supreme-welcome .site-width {
    width: 100%;
    display: block;
    max-width: 800px;
}
#supreme-welcome .one-half-column {
    width: 100%;
}
#supreme-welcome img {
    width: 100%;
    margin-bottom: 30px;
}	
}
@media screen and (max-width:900px){
.video-testimonial .center-div {
    top: -260px;
    right: 0;
    bottom: 0;
    left: 0;
}
#slider-section {
    padding: 0;
    height: 545px !important;
    overflow: hidden;
}
}
@media screen and (max-width:700px){
	.video-testimonial .center-div {
    position: absolute;
margin: auto;
right: 0;
bottom: 0;
left: 0;
top: -300px;
max-width: 490px;
min-width: 490px;
max-height: 325px;
border-radius: 3px;
text-align: center;
padding: 0;
box-sizing: border-box;
background: rgba(0,0,0,.8);
padding: 15px;
height: auto;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    max-width: 600px;
    top: -40px;
}
	#slider-section {
    height: 500px !important;
}
}
@media screen and (max-width:525px){
.video-testimonial .center-div {
    top: -425px;
    max-width: 400px;
    min-width: 400px;
    max-height: 275px;
    border-radius: 3px;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    background: rgba(0,0,0,.8);
    padding: 15px;
    height: auto;
}
.video-container {
    top: -60px;
	height: 295px;
}
	#slider-section {
    height: 400px !important;
}
}
@media screen and (max-width:440px){
.video-testimonial .center-div {
    max-width: 360px;
    min-width: 360px;
    max-height: 260px;
}
	.video-container {
    top: -65px;
	height: 295px;
}
}

/*========= INDIVIDUALS SECTION ================*/
.content-wrapper.business {
    width: 100%;
    height: 600px;
    background: url(/wp-content/themes/kratos/images/banner-business.jpg) center center no-repeat;
    background-size: cover;
}
.content-wrapper.individuals {
    width: 100%;
    height: 600px;
    background: url(/wp-content/themes/kratos/images/banner-individuals.jpg) center center no-repeat;
    background-size: cover;
}
#kratos-business {
    height: 600px;
    overflow: hidden;
}
#kratos-business p {
    line-height: 30px;
    text-align: left;
    color: #ffffff;
}
#kratos-business h2 {
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 40px;
    color: #ffffff;
}
#kratos-business h2 span.sub-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 27px;
    display: block;
    margin-top: 15px;
	text-transform: none;
}
#kratos-business h3 {
    font-weight: 900;
    font-size: 28px;
    text-align: left;
    font-family: 'Open Sans Condensed', sans-serif;
    letter-spacing: 2px;
    color: #ffffff;
}
#kratos-business h4 {
    font-weight: 900;
    font-size: 21px;
    text-align: center;
}
.one-half-column.pad-left {
    padding-left: 40px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#kratos-business ul li {
    list-style-type: none;
    background: url(/wp-content/themes/kratos/images/bullet-point.jpg) 0px 3px no-repeat;
    padding-left: 35px;
    margin-bottom: 25px;
    line-height: 25px;
}
#kratos-business ul  {
	padding: 0;	
	margin: 0;
}
#kratos-business .one-half-column {
    background: #787878;
    height: 600px;
}
#kratos-business .center-div {
    text-align: center;
}
img.sig {
    max-width: 220px;
    margin-top: 10px;
}
.btn-center {
    text-align: center;
    margin-top: 40px;
}
.content-wrapper.welcome img {
    width: 100%;
    height: 100%;
}
#kratos-individuals .center-div {
    text-align: center;
}
#kratos-individuals {
    height: 600px;
    overflow: hidden;
}
#kratos-individuals p {
    line-height: 30px;
    text-align: left;
        color: #fff;
}
#kratos-individuals h2 {
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 40px;
        color: #fff;
}
#kratos-individuals h2 span.sub-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 27px;
    display: block;
    margin-top: 15px;
	text-transform: none;
}
#kratos-individuals h3 {
    font-weight: 900;
    font-size: 28px;
    text-align: left;
    font-family: 'Open Sans Condensed', sans-serif;
    letter-spacing: 2px;
        color: #fff;
}
#kratos-individuals h4 {
    font-weight: 900;
    font-size: 21px;
    text-align: center;
        color: #fff;
}
#kratos-individuals ul li {
    list-style-type: none;
    background: url(/wp-content/themes/kratos/images/bullet-point.jpg) 0px 3px no-repeat;
    padding-left: 35px;
    margin-bottom: 25px;
    line-height: 25px;
}
#kratos-individuals ul  {
	padding: 0;	
	margin: 0;
}
#kratos-individuals .btn, #kratos-business .btn {
    margin: 20px 10px;
    background: #fff;
    color: #A30200;
    border: #fff;
}
#kratos-individuals .btn:hover, #kratos-business .btn:hover {
    margin: 20px 10px;
    background: #fff;
    color: #A30200;
    border: #fff;
    opacity: .8;
}
#kratos-individuals .one-half-column.fr {
    background: #A30200;
    height: 600px;
}

@media screen and (max-width:1364px){
#kratos-business .center-div, #kratos-individuals .center-div {
    padding: 0 20px;
    text-align: center;
}
#kratos-individuals p, #kratos-business p {
    text-align: center;
}
#kratos-business h3, #kratos-individuals h3 {
    text-align: center;
    max-width: 400px;
    margin: 0 auto 20px;
}
}
@media screen and (max-width:1000px){
#kratos-individuals .one-half-column.fr,#kratos-business .one-half-column {

    height: auto;

}
#kratos-business, #kratos-individuals {
    height: auto;
    overflow: hidden;
}
#kratos-business .one-half-column .center-div, #kratos-individuals .one-half-column .center-div {
    text-align: center;
    display: block;
    max-width: 600px;
    margin: 0 auto 0;
    min-width: 300px;
    padding: 40px 20px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#kratos-business .one-half-column, #kratos-individuals .one-half-column {
    width: 100%;
    float: none;
}	
}
@media screen and (max-width:600px){
.content-wrapper.individuals, .content-wrapper.business {
    height: 300px;
}
}
/*========= HOME SECTION ===========*/

#home-contact {
    padding: 60px 20px;
}
/*========= MOBILE REACH SECTION ===========*/


section#reach {
	background: url(/wp-content/themes/kratos/images/bg-mobile.jpg) center bottom no-repeat;
	background-size: cover;
	padding: 0px 20px;
	height: 550px;
}
#reach .content-wrapper.site-width {
	position: relative;
}
#reach .one-half-column .center-div {
    text-align: center;
    display: block;
    max-width: 600px;
    margin: 17% auto 0;
    min-width: 300px;
}
#reach .one-half-column .center-div.pad-right {
    margin: 32% auto 0;
}
#reach h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 32px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-top: 25px;
	margin-bottom: 20px;
}
#reach .description {
	max-width: 100%;
	padding: 0;
}
#reach .description p {
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 30px;
    max-width: 100%;
    margin-bottom: 20px;
}
.mobile-store {
	margin-bottom: 30px;
}
.android {
	margin: 0 20px 0;
}
@media screen and (max-width:1365px){
section#reach {
    height: auto;
}
#reach .one-half-column {
    width: 100%;
}
#reach .one-half-column .center-div {
    margin: 10% auto 0;
}
#reach .one-half-column .center-div.pad-right {
    margin: 5% auto 0;
}
}
@media screen and (max-width:1023px){

}

/*========= TWITTER FEED SECTION ===========*/
section#twitter-feed {
    padding: 0px 20px 60px;
}
#twitter-feed .left-column {
    float: left;
    width: 20%;
    max-width: 230px;
    position: relative;
    text-align: left;
    border-right: thin solid #d1d1d1;
}
#twitter-feed .left-column img {
    padding: 20px 0px 0;
    max-width: 190px;
}
#twitter-feed .right-column {
    float: left;
    width: 80%;
    max-width: 970px;
    margin-left: 0;
    padding-left: 20px;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ctf-carousel .ctf-owl-nav.onhover > div {
    top: -30px!important;
}
@media screen and (max-width:1260px){
	#twitter-feed .right-column {
    float: left;
    width: 100%;
    max-width: 600px;
    margin-left: 0;
}	
}
@media screen and (max-width:1040px){
	#twitter-feed .right-column {
    float: left;
    width: 100%;
    max-width: 580px;
    margin-left: 0;
}	
}
@media screen and (max-width:1023px){
#twitter-feed {
    float: none;

}	
#twitter-feed {
    float: none;
    max-width: 300px;
    margin: 0 auto;
}
#twitter-feed .left-column,#twitter-feed .right-column {
    float: none;
}
#twitter-feed .left-column {
    border-right: none;
    border-bottom: thin solid #d1d1d1;
    margin-bottom: 25px;
}
}
/*========= BLOG FEED SECTION ===========*/

#home-blog-feed h2 {
	display: inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-top: 5px;
	margin-bottom: 20px;
}
.right-column {
	float: left;
	width: 100%;
	max-width: 840px;
	margin-left: -40px;
}
.left-column {
	float: left;
	width: 100%;
	max-width: 400px;
	position: relative;
}
.feed-item {
    width: 100%;
    max-width: 371px;
    height: 240px;
    display: inline-block;
    margin: 0 0 40px 40px;
    position: relative;
    overflow: hidden;
}
.feed-item img {
    width: 100%;
    height: auto;
}
span.feed-content {
	position: absolute;
	background: rgba(162,3,0,.8);
	width: 100%;
	height: 100%;
	top: 195px;
	left: 0;
	text-align: center;
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
span.feed-content:hover {
	margin-top: -150px;
}
.feed-item a.post-link:hover ~ .feed-content {
	margin-top: -150px;
}
a.post-link {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}
span.feed-content a.btn {
    margin: 20px auto 0;
    font-size: 12px;
    padding: 15px 20px !important;
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #A30200;
}
span.feed-content a.btn:hover {
    margin: 20px auto 0;
    font-size: 12px;
    padding: 15px 20px !important;
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #A30200;
	opacity:.8;
}
.feed-content h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
	font-size: 16px;
	margin: 10px 15px !important;
	font-weight: 700;
	letter-spacing: 1px;
}
@media screen and (max-width:1260px){

#home-blog-feed .site-width {
    max-width: 1000px;
}
.right-column {
    float: left;
    width: 100%;
    max-width: 631px;
    margin-left: -31px;
}
.feed-item {
    width: 100%;
    max-width: 285px;
    height: 136px;
    display: inline-block;
    margin: 0 0 30px 30px;
    float: left;
    position: relative;
    overflow: hidden;
}
span.feed-content {
    top: 78px;
}
span.feed-content:hover {
	margin-top: 0px!important;
}
.feed-item a.post-link:hover ~ .feed-content {
	margin-top: 0px!important;
}
}
@media screen and (max-width:1040px){
.left-column {
    max-width: 384px;
}
}
@media screen and (max-width:1023px){
.left-column {
    max-width: 100%;
}
.right-column {
    float: none;
    width: 100%;
    max-width: 631px;
    margin-left: initial;
    margin: 0 auto;
    clear: both;
    text-align: center!important;
}
.feed-item {
    width: 100%;
    max-width: 100%;
    max-height: 300px;
    display: inline-block;
    margin: 0 0 30px 0;
    float: none;
    position: relative;
    overflow: hidden;
    height: auto;
}
span.feed-content {
    top: 80%;
}
#home-blog-feed h2 {
    margin-bottom: 10px;
}
#home-blog-feed .description p {
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
}
#home-blog-feed .btn {
    float: none!important;
}
}
@media screen and (max-width:680px){
.feed-item {
    max-height: 255px;
}
span.feed-content {
    top: 77%;
}
}
@media screen and (max-width:580px){
.feed-item {
    max-height: 205px;
}
span.feed-content {
    top: 72%;
}
}
@media screen and (max-width:480px){
.feed-item {
    max-height: 155px;
}
span.feed-content {
    top: 60%;
}
}
@media screen and (max-width:374px) {
.feed-content h3 {
	margin: 12px 15px 25px !important;
}
}
@media screen and (max-width:373px){
.feed-item {
    max-height: 125px;
}
span.feed-content {
    top: 52%;
}
}
.feed-content h3 a {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #fff;
	text-transform: initial;
	font-weight: 700;
	letter-spacing: 1px;
}
span.feed-content p {
	max-width: 90%;
	margin: auto;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 1px;
}
span.sub-meta {
    text-transform: none;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 700;
    display: block;
    line-height: 25px;
    letter-spacing: 1px;
    font-style: italic;
}
span.feed-content img {
	max-width: 44px;
	margin: 15px auto;
	display: block;
}
#home-blog-feed .btn {
	float: right;
}
body.inside-page #home-blog-feed .btn {
    float: right;
    background: url(/wp-content/themes/kratos/images/icon-nav-search.png) center center no-repeat;
        background-size: auto auto;
    background-size: 22px;
    padding: 10px 19px;
}
body.inside-page #home-blog-feed #searchform input#s {
    width: 310px;
    height: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #A30200;
    font-size: 18px;
    padding: 0 10px;
    line-height: normal;
}

/*****SINGLE POST*******/
@media screen and (min-width:1261px){
.single-post .right-column {
    max-width: 800px;
    margin-left: 0;
}
}
.single-post .right-column, .post-feed .right-column {
    float: right;
}
.post-title {
    margin-top: 20px;
    margin-bottom: 0px;
	max-width: 800px;
    margin-left: 0;
}
.post-meta {
    margin-bottom: 20px;
	display: none;
}
.post-avatar {
    height: 50px;
    width: 50px;
    display: inline-block;
    margin-right: 10px;
}

.post-details {
    display: inline-block;
    position: relative;
    top: -5px;
}

#comments textarea,#commentform input {
    max-width: 100%;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	letter-spacing: 0.5px!important;;
	padding: 10px!important;;
	outline: none;
	margin: 0;
	width: 100%;
	max-width: 100%;
	display: block;
	vertical-align: baseline;
	margin-bottom: 10px;
	-webkit-transition: 0.2s border linear;
	-moz-transition: 0.2s border linear;
	transition: 0.2s border linear;
	-webkit-transform: translateZ(0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none!important;
}
#comments textarea:focus,#commentform input:focus {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
border-color: #cfcfcf;
background: #FFFFFF;
}
#comments-form #submit {
    font-size: 18px;
    font-weight: 700;
    padding: 20px 30px;
    background: transparent;
    border: 1px solid #A30200;
    border-radius: 0;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #A30200;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 100%;
    width: auto;
    display: inline-block;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    letter-spacing: 2px;
}
#comments-form #submit:hover {
    background: #A30200;
    color: #ffffff;
}
.post-desc img {
    max-width: 100%;
	margin-bottom:20px;
}
.post img {
    width: 100%;
}
@media screen and (max-width:1260px){
.single-post .description {
    width: 100%;
    max-width: 353px;
    display: block;
    padding: 0 40px 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	body.inside-page .single-post #home-blog-feed #searchform input#s {
    width: 265px!important;
    height: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #A30200;
    font-size: 18px;
    padding: 0 10px;
    line-height: normal;
}
}
@media screen and (max-width:1040px){
body.inside-page #home-blog-feed #searchform input#s {
    width: 295px;
}
}
@media screen and (max-width:1023px){
.single-post .right-column, .post-feed .right-column {
    float: none;
}
.single-post .left-column, .post-feed .left-column {
    max-width: 100%;
    float: none;
    margin: 40px auto 0;
    width: 350px;
}
.single-post .description, .post-feed .description {
    width: 100%;
    max-width: 353px;
    display: block;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body.inside-page #home-blog-feed #searchform input#s {
    width: 295px;
    height: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #A30200;
    font-size: 18px;
    padding: 0 10px;
    line-height: normal;
}
}
/*=========AUTHOR==========*/

#blog .avatar {
    float: left;
    max-width: 50px;
    height: auto;
}

/* ================ PAGE NAVI ====================*/

.wp-pagenavi span,
.wp-pagenavi a {
    background: #A30200;
    border: thin solid #A30200!important;
    padding: 10px 17px!important;
    margin: 0 0 0 10px!important;
    color: #ffffff;
}

.wp-pagenavi {
    clear: both;
    margin: 20px 0 0 -10px;
}

.wp-pagenavi span.current,
.wp-pagenavi a:hover {
    font-weight: bold;
    color: #A30200;
    background: #fff;
    border: thin solid #A30200!important;
}

.page-nav {
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 60px;
    margin-left: 40px;
}

.page-nav div.h2 {
    font-size: 21px;
    margin-bottom: 20px;
    font-weight: 600;
}

span.pages {
    display: none;
}

.older {
    float: left;
    margin-right: 20px;
}
.newer {
    float: right;
}
@media screen and (max-width:1023px) {
.page-nav {
    margin-left: 0;
}
}
@media screen and (max-width:373px) {
    .wp-pagenavi a,
    .wp-pagenavi span {
        font-size: 14px;
        padding: 8px 12px !important;
    }
}


/**** global column definitions ****/
#breadcrumbs {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    bottom: -450px;
    color: #ffffff;
    letter-spacing: 1.5px;
    font-size: 16px;
}
#breadcrumbs a {
    color: rgba(255,255,255,.7);
}
@media screen and (max-width:1260px){
#breadcrumbs {
    max-width: 1000px;
}
}
@media screen and (max-width:1023px){
#breadcrumbs {
	text-align:center;
}
}
@media screen and (max-width:900px){
#breadcrumbs {
    bottom: -290px;
}
}
.content-wrapper.site-width.not-found {
    text-align: center;
    padding: 60px;
}


.one-half-column {
	position: relative;
	width: 50%;
	float: left;
}
.one-half-column.pad-rt {
	padding: 8px 0 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.one-half-column .center-div {
    text-align: left;
    display: block;
    max-width: 600px;
    margin: 15% auto 0;
    min-width: 300px;
}
.top-title h3 {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #0C904A;
	font-family: 'Gotham Pro';
}
.title h2 {
	font-size: 21px;
	letter-spacing: 3px;
	line-height: 30px;
	margin-bottom: 20px;
}
.desc p {
	color: #858585;
	line-height: 26px;
	margin-bottom: 20px;
}
.title span {
	color: #858585;
}


/*========= SUBSCRIBE SECTION ===========*/

section#subscribe {
    background: url(/wp-content/themes/kratos/images/banner-home.jpg) center center no-repeat;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    padding: 70px 20px;
}
#subscribe h2 {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
    font-size: 40px;
    line-height: 55px;
}
#subscribe .btn {
    border-color: #fff;
    color: #fff;
}
#subscribe .btn:hover {
	border-color: #A30200;
    color: #fff;
}
#subscribe p {
    font-size: 26px;
    letter-spacing: 2px;
    font-family: 'Roboto', sans-serif;
    max-width: 900px;
    margin: 0 auto 40px;
    font-weight: 400;
    line-height: 45px;
}

@media screen and (max-width:1600px){
	section#subscribe {
    background: url(/wp-content/themes/kratos/images/subscribe-bg.jpg) center center no-repeat;
    background-size: 120%;
}
}
@media screen and (max-width:1365px){
	section#subscribe {
    background: url(/wp-content/themes/kratos/images/banner-home.jpg) center center no-repeat!important;
    background-size: cover!important;
}
	#subscribe p {
    font-size: 21px;
    line-height: 30px;
}
}

/*========= SECTION: FOOTER ===========*/

footer {
    text-align: center;
    padding: 40px 0 0;
    float: left;
    width: 100%;
}
.copy {
    padding-top: 10px;
    display: block;
    float: left;
    width: 100%;
    background: #787878;
}
.copy a {
	color: #000;
}
.copy a:hover {
    opacity: .9;
}
footer p {
    font-size: 15px;
    color: #000;
    text-align: center;
    line-height: 23px;
    font-weight: 500;
}
.copy span {
	color: #FD0400;
}
footer strong {
	font-size: 15px;
	color: #111111;
	text-align: left;
}
footer h3 {
    font-size: 17px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222;
}
footer img {
    max-width: 100px;
    margin-bottom: 30px;
}
footer ul {
	margin: 0;
	padding: 0;
}
.ft-left {
	font-size: 12px;
}
.ft-right span {
	margin: 0 3px;
}
footer ul li {
	display: inline-block;
	float: left;
	width: 70%;
	text-align: left;
	font-size: 15px;
	color: #808080;
	line-height: 23px;
}
footer ul li.left {
	width: 25%;
}
.map-marker {
	float: left;
	margin: 0px 8px 45px -2px;
}
li.icon-twitter {
	margin: 0 4px 0 5px;
}
.copy {
    padding: 15px 20px;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.copy p, .copy a {
    font-size: 13px;
    padding-top: 0;
    margin-bottom: 0;
    color: #fff;
}

footer .copy .one-half-column img {
	max-width: 270px;
}
img.ft-logo-res {
	visibility: hidden;
}
.align-left {
	text-align: left!important;
}
.align-right {
	text-align: right!important;
}
ul.social {
	display: inline-block;
}
.footer-content {
	background: #ffffff;
	padding: 40px 0;
	border-top: thin solid #e4e4e4;
	border-bottom: thin solid #e4e4e4;
}
.one-third-column {
	width: 33%;
	float: left;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.one-third-column.pad-left {
	padding-left: 40px;
}
footer ul.social-icons li {
    width: 40px;
    height: 40px;
    margin: 0 5px;
    background-size: 20px !important;
    background-color: #A30200;
    border-radius: 100%;
    cursor: pointer;
}
footer ul.social-icons li:hover {
	opacity: .8;
}
footer li.twitter {
	background: url(/wp-content/themes/kratos/images/ft-follow-twitter.png) center center no-repeat;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}
footer li.facebook {
	background: url(/wp-content/themes/kratos/images/ft-follow-fb.png) center center no-repeat;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}
footer li.instagram {
	background: url(/wp-content/themes/kratos/images/ft-follow-instagram.png) center center no-repeat;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}
footer li.youtube {
	background: url(/wp-content/themes/kratos/images/ft-follow-youtube.png) center center no-repeat;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}
footer li.linkedin {
	background: url(/wp-content/themes/kratos/images/ft-follow-linkedin.png) center center no-repeat;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}
footer ul.social-icons {
	margin: 0 auto;
	display: inline-block;
    margin-bottom: 15px;
}

@media screen and (max-width:1350px) {
.footer-content {
	float: left;
	padding: 0;
	width: 100%;
}
footer ul.social-icons li {
	width: 34px;
	height: 34px;
	margin: 0 5px;
	background-size: contain;
}
}

@media screen and (max-width:800px) {
.copy p, .copy a {
    font-size: 13px;
    padding-top: 0;
    text-align: center;
    margin-bottom: 0;
}
.one-half-column.align-right {
    display: none;
}
.one-half-column.align-left {
    text-align: center !important;
    position: relative;
    width: 100%;
    float: none;
}
.footer-content {
	padding: 0;
}
}
@media screen and (max-width:700px) {
.copy p, .copy a {
    font-size: 12px;
    float: none !important;
}
}


/*========= INSIDE PAGES ===========*/

body.inside-page #splash {
max-height: 500px;
}
body.inside-page #splash.splash {
padding: 0;
background: url(/wp-content/themes/kratos/images/banner-default.jpg) center center no-repeat;
background-size: cover;
}
body.inside-page .splash .center-div {
    position: absolute;
    margin: auto;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    min-width: initial;
    max-height: 65px;
    border-radius: 3px;
    text-align: center;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#section-content .right-column {
    float: left;
    width: 100%;
    max-width: 800px;
    margin-left: 0;
}
#section-content h2 {
    display: inline-block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 0;
    margin-bottom: 20px;
	color: #222222;
}
#section-content h3 {
    display: inline-block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 3px;
    margin-top: 0;
    margin-bottom: 25px;
	color: #A30200;
}
#section-content.feed-content h3 {
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    margin: 10px 15px;
    font-weight: 700;
    letter-spacing: 1px;
}
#section-content img {
    width: 100%;
    margin-bottom: 15px;
}
@media screen and (max-width:1260px){
#section-content .site-width {
    max-width: 1000px;
}
#section-content .right-column {
    float: left;
    width: 100%;
    max-width: 600px;
    margin-left: 0;
}
}
@media screen and (max-width:1023px){
#section-content .right-column {
	float: none;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
}
#section-content h2 {
    margin-bottom: 10px;
}
#section-content .description p {
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
}
}
@media screen and (max-width:900px){
body.inside-page #splash {
    max-height: 350px;
}
body.inside-page .splash .center-div {
    top: 85px !important;
}
}
@media screen and (max-width:500px){
.inside-page .splash-txt h1 {
    font-size: 27px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 7px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    max-width: 800px;
    line-height: 35px;
    margin: 0 auto 0;
    text-transform: uppercase;
}
}
/*============  FORMS  =============*/

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #868695;
	font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #868695;
	font-style: italic;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #868695;
	font-style: italic;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #868695;
	font-style: italic;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #868695;
	font-style: italic;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #868695;
	font-style: italic;
}
.gform_wrapper .gform_body {
    width: 100%;
}
.gform_wrapper .gfield_required {
    display: none;
}
.gform_wrapper .gform_footer {
    padding: 0 !important;
    margin: 0 !important;
}
@media screen and (max-width:1023px){
#subscribe h2 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
}
#subscribe .site-width {
    max-width: 300px;
}
#subscribe.dark {
    padding: 75px 20px;
}
}

/*==================FORM UPDATE==============*/
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper textarea.medium {
background: #FFFFFF;
border: 1px solid #DDDDDD;
letter-spacing: 0.5px!important;;
padding: 10px!important;;
outline: none;
margin: 0;
width: 100%;
max-width: 100%;
display: block;
vertical-align: baseline;
margin-bottom: 10px;
-webkit-transition: 0.2s border linear;
-moz-transition: 0.2s border linear;
transition: 0.2s border linear;
-webkit-transform: translateZ(0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-appearance: none!important;
}
.gform_wrapper input:focus, .gform_wrapper textarea:focus, input#s:focus {
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
border-color: #cfcfcf;
background: #FFFFFF;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
font-size: 18px;
font-weight: 700;
padding: 20px 30px;
background: transparent;
border: 1px solid #A30200;
border-radius: 0;
font-family: 'Open Sans Condensed', sans-serif;
color: #A30200;
text-transform: uppercase;
cursor: pointer;
line-height: 100%;
width: auto;
display: inline-block;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
letter-spacing: 2px;
margin-top: 20px !important;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type="submit"]:hover {
background: #A30200;
color: #fff;
text-decoration: none;
}
.gform_wrapper .gfield_checkbox li label {
    max-width: 90%!important;
}
select {
    vertical-align: top;
    background-color: #fff;
    background-image: url('/wp-content/themes/kratos/images/select-arrow.png');
    background-position: 97% center;
    background-size: 20px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    line-height: normal;
    border-radius: 0;
    border: 1px solid #DDDDDD;
    padding: 7px 10px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: auto;
    outline: none;
    margin-bottom: 9px;
}
.gform_wrapper .gform_ajax_spinner {
    max-width: 25px;
}
#gform_1 {
    max-width: 800px;
}
#field_1_2, #field_1_3, #field_1_4 {
    padding-right: 0;
}
#map {
    height: 600px;
}
.line-seperator {
    text-align: center;
}
.gpnf-nested-entries {
    width: 100%;
}
.gpnf-nested-entries td, .gpnf-nested-entries th {
    padding: 9px 15px!important;
}
.gpnf-add-entry {
    margin-top: 10px;
    background: #A30200!important;
    color: #fff!important;
    border: thin solid #A30200;
    padding: 10px;
    text-transform: uppercase;
    margin-bottom: 10px;
	font-weight: 600;
}
.gpnf-add-entry:hover {
	opacity: .8;
}
.gpnf-nested-entries th {
    background-color: #787878!important;
    border-color: #787878!important;
    color: #fff;
}
.edit a {
    color: #000;
    margin-right: 10px;
}

.spacer-20 {
    display: block;
    padding: 20px 0;
}