/**
 * ===========================================
 *					Generic Css
 * ============================================
 */

html {
	font-size: 100%;
}

body {
	background: #081620;
	color: var(--approach-cream);
	font-family: 'Manrope', sans-serif;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

#main {
	background: #0a1d2a;
}

.sc-pd-med, .page-content {
	position: relative;
	z-index: 1;
}

::selection {
  color: var(--approach-orange);
  background: #fff;
}

a {
	color: var(--approach-cream);
	text-decoration: none;
	-webkit-transition: color .2s ease, background-color .2s ease;
	-o-transition: color .2s ease, background-color .2s ease;
	-moz-transition: color .2s ease, background-color .2s ease;
	transition: color .2s ease, background-color .2s ease;
}

a:hover {
	color: var(--approach-orange);
}

img,
svg,
iframe {
	height: auto;
	max-width: 100%;
}

header,
section,
footer,
article {
	width: 100%;
}

.accessibility {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	left: -999999999px;
	position: absolute;
}

.font-antonio {
	font-family: 'Antonio', sans-serif;
}

.bgimage {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.sc-pd-med {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 200;
	margin-bottom: 1.5rem;
}
h5 {
	font-family: 'Antonio', sans-serif;
	color: var(--approach-orange);
}
b, strong {
    font-weight: 600;
    letter-spacing: 1px;
}
.btn {
	border-radius: 0;
    color: #fff;
    border-width: 2px;
    border-color: #fff;
    padding: 0.5em 1.5em;
    letter-spacing: 0.5px;
	font-size: 1.25rem;
	font-weight: 300;
	min-width: 185px;
	text-align: center;
	font-family: 'Antonio', sans-serif;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
}
.btn:hover {
	background-color: #fff;
	color: #0a1d2a;
}
.btn-font-body {
	font-family: 'Manrope', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	padding: 0.75em 1.5em;
}
#main a:not(.btn) {
	color: var(--approach-orange);
}
#main a:not(.btn):hover {
	color: #fff;
}

.ratio > img {
	object-fit: cover;
	object-position: center;
}

.color-lightred {
	color: var(--approach-orange);
}

/**
 * ======================================================================================
 *									Header Css
 * =======================================================================================
 */

.siteheader {
    padding: 1rem 0 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	z-index: 1050;
}

.header-logo > img {
	width: 250px;
	height: auto;
}

.theme-menu li {
    position: relative;
    display: inline-block;
    padding-right: 2.5rem;
    
}

.theme-menu li:last-child {
	padding-right: 0;
}

.theme-menu li a {
    font-size: 1rem;
    font-family: 'Antonio', sans-serif;
    color: #e0e1d1;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.theme-menu li a:hover,
.theme-menu li.current-menu-item a {
	color: var(--approach-orange);
}


/**
 * ======================================================================================
 *									Home
 * =======================================================================================
 */

.hero-section {
    height: 25vh;
    min-height: 300px;
    opacity: 0.34;
	background-color: #081620;
}

.hero-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-small {
	clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);
}

.hero-section.hero-large {
    padding: 5rem 0;
    opacity: 0.34;
    height: 25vh;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
	margin-bottom: 0;
	padding-bottom: 0;
}

body.single .hero-section.hero-large {
	clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);
}

/**
 * ======================================================================================
 *									About
 * =======================================================================================
 */

.sc-about .image-title h1 {
	margin-bottom: 0;
} 


/**
 * ======================================================================================
 *									Rates
 * =======================================================================================
 */


.sc-prices .table {
	border-color: #233948;
	color: var(--approach-cream);
}

.sc-prices .table h5 {
	margin-bottom: 0;
}

.sc-prices .table>:not(:last-child)>:last-child>* {
	border-color: #233948;
}

/**
 * ======================================================================================
 *									Blog
 * =======================================================================================
 */


/**
 * ======================================================================================
 *									Contact
 * =======================================================================================
 */
.contact-form .form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #4f6777;
    color: #4f6777;
    border-radius: 0;
    margin-bottom: 25px;
    padding-left: 0;
    padding-bottom: 10px;
}
.contact-form .form-control:focus {
    color: #4f6777;
    background-color: transparent;
    border-color: #4f6777;
    outline: 0;
    box-shadow: none;
}
.contact-form input, select {
    height: 50px;
}
.contact-form  textarea.form-control{
	max-height: 175px;	
	margin-bottom: 32px;
}
.contact-form .ajax-loader{
    position: absolute;	
}


/**
 * ======================================================================================
 *									Footer
 * =======================================================================================
 */


.footer-shape-image {
	background-color: #102431;
	height: 300px;
	transform: translateY(50%);
	margin-top: -150px;
	clip-path: polygon(0 0, 100% 50%, 100% 100%, 0% 100%);
	margin-top: -300px;
	position: relative;
}

.sitefooter {
    padding: 8rem 0 1rem;
    background-color: #081620;
    -webkit-clip-path: polygon(0 40%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 40%, 100% 0, 100% 100%, 0% 100%);
}
.footer-logo > img {
	width: 250px;
	height: auto;
}

/**
 * ======================================================================================
 *									Media Query
 * =======================================================================================
 */

@media only screen and (min-width: 992px) {
	.mb-6rem {
		margin-bottom: 6rem;
	}
	.sc-about {
		margin-top: -100px;
	}
	.hero-section {
		min-height: 500px;
	}
}

@media only screen and (min-width: 1400px) {
	h1,.h1 {
		font-size: 3.125rem;
	}
	h2,.h2 {
		font-size: 2.5rem;
	}
	h3,.h3 {
		font-size: 2rem;
	}
	h4,.h4 {
		font-size: 1.7rem;
	}
	h5,.h5 {
		font-size: 1.375rem;
	}
	h6,.h6 {
		font-size: 1rem;
	}
	.sc-about {
		margin-top: -180px;
	}
}


/**
 * ======================================================================================
 *									Media Query
 * =======================================================================================
 */

@media only screen and (max-width: 991px) {
	.header-menu li {
		display: block;
		padding-right: 0;
	}
	.header-menu li a {
		font-size: 1.25rem;
		padding: 7px 0;
		color: #000;
		display: block;
	}
	.hero-section.hero-large {
		 height: 80vh;
	}
	footer{
		text-align: center;
	}
	.theme-menu li {
		padding-right: 1.5rem;
	}
	.sitefooter {
		-webkit-clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
	}
	.about-last-image {
		height: 200px;
	}
	.btn {

		padding: 0.5em 1em;
		font-size: 1rem;
		min-width: 140px;
	}
	
	.btn-font-body {
		font-size: 0.8rem;
		padding: 0.5em 1em;
	}
}

@media only screen and (max-width: 767px) {
	.notice--bar p{
		font-size: 12px;
	}
	.sitefooter {
		-webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
		padding-top: 6rem;
	}
	.contact-form textarea.form-control {
		max-height: 125px;
	}
	.contact-form .ajax-loader {
		right: 180px;
	}
}

@media only screen and (max-width: 575px) {
	.footer-shape-image.shape-no-image {
	    height: 180px;
		margin-top: -90px;
	}
	.single .hero-section.hero-large,
	.hero-section.hero-large.hero-section-blog-featured {
		height: 50vh;
	}
}