/*
	Theme Name: SPACE
	Theme URI: http://harrylarrygary.com
	Description: Custom Wordpress Theme
	Version: 100000000000000000000000
	Author: David Mahon
	Author URI: http://harrylarrygary.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    GLOBALS
\*------------------------------------*/

html {
	scroll-behavior: smooth;
}
body {
	color:#444;
}
.circe {
font-family: circe, sans-serif;
font-weight: 700;
font-style: normal;
}
.clarendon {
	font-family: clarendon-text-pro, serif;
font-weight: 400;
font-style: normal;
}
.nort {
	font-family: nort, sans-serif;
font-weight: 400;
font-style: normal;
}
.full-width-blank {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}
.fixed-width-blank {
	width: 90%;
	margin: 0 auto;
	max-width: 900px;
	height: auto;
	overflow: hidden;
}
h1 {
	font-size: 50px;
    margin: 2vh 0;
    padding: 0;
}
h2 {
	font-size: 40px;
}
h3 {
	font-size: 20px;
}
p {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 1px;
}
a.privacy {
	font-style: italic;
	color: #444;
	display: inline-block;
	font-size: 13px !important;
}
img.full-img {
	width: 100%;
	height: auto;
	display: block;
}
/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/


.nav-container {
	background-color: #737f85;
	padding: 20px 0;
	position: relative;
	
}

ul.nav-ul {
	width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    list-style: none;
    max-width: 1000px;
}
ul.nav-ul li {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
}
ul.nav-ul li > a {
	color: #fff;
	font-size: 25px;
	font-family: circe, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}
ul.nav-ul li:hover > a {
	color: #3b4d56;
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}
.mobile-hamburger-container {
	width: 25%;
	height: auto;
	display: none;
	float: left;
	margin: 0 5% 0 0;
}
.mobile-nav-logo-container {
	display: none;
}
.hamburger {
	float: right;
}
.mobile-nav-container {
	display: none;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/

/*------------------------------------*\
   HEADER
\*------------------------------------*/
.grey-colour {
	color: #737f85;
}
.blue-colour {
	color: #0071bc;
}
.white-colour {
	color: #fff;
}
.header-intro {
	text-align: center;
	padding: 2vh 0 0 0;
}
/*------------------------------------*\
    FIRST SECTION
\*------------------------------------*/

.first-section-container {
	margin: 10vh 0 0 0;
	background-color: #dfe1e3;
	padding: 30px 0 50px 0;
	text-align: center;
}

/*------------------------------------*\
  	ACCORDION
\*------------------------------------*/
.single-accordion-container {
	background-color: #737f85;
	margin: 0 0 10px 0;
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
	
}
.accordion-title-flex {
	display: flex;
	padding: 10px 0;
}
.left-accor-arrow {
	width: 15%;
	height: auto;
	float: left;
}
.right-accor-arrow {
	width: 15%;
	height: auto;
	float: left;
	display: flex;
    justify-content: flex-end;
}
.accor-title {
	width: 70%;
	text-align: center;
	height: auto;
	float: left;
	display: flex;
	justify-content: center;
}
.accor-title h3{
	padding: 0;
	margin: 0;
	align-self: center;
}
.left-arrow-inside {
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background-color: #fff;
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
	width: 43px;
	height: 43px;
	margin: 0 0 0 10px;
	float: left;
	align-self: center;
}
.right-arrow-inside {
	clip-path: polygon(100% 0, 0 50%, 100% 100%);
	background-color: #fff;
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
	width: 43px;
	height: 43px;
	margin: 0 10px 0 0;
	float: right;
	align-self: center;
}
.point-arrow-down-left {
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}
.point-arrow-down-right {
	clip-path: polygon(100% 0, 0 0, 50% 100%);
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}
.accordion-drop-down-container {
	background-color: #0071bc;
	padding:0 0 30px 0;
	text-align: center;
	display: none;
}
.accordion-drop-down-container p {
	width: 80%;
	height: auto;
	margin: 0 10%;
}

/*------------------------------------*\
    SECOND SECTION
\*------------------------------------*/

.second-section-container {
	margin: 2vh 0 0 0;
	padding: 30px 0 0 0;
	text-align: center;
}
.what-title {
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
	margin: 2vh 0 0 0;
}
.logo-typing-area {
	position: relative;
}
.logo-item-one-image {
	position: absolute;
	left: 12.5%;
	top: 0;
	width: 12.5%;
	height: 100%;
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	mix-blend-mode: multiply;
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}
.logo-item-two-image {
	position: absolute;
	right: 30.5%;
	top: 0;
	width: 12.5%;
	height: 100%;
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	mix-blend-mode: multiply;
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}
.logo-item-one-image img{
	display: none;
}
.logo-item-two-image img{
	display: none;
}
h2.hidden-text {
	display: none;
}

.second-section-paragraph {
	text-align: center;
}
.second-section-image {
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
		
}
/*------------------------------------*\
    THIRD SECTION
\*------------------------------------*/
.third-section-container {
	background-color: #dfe1e3;
    padding: 30px 0;
	text-align: center;
}
.testimonials-slider{
	 border: 4px solid #737f85;
    box-sizing: border-box;
}
.testimonials-slider p {
	width: 80%;
	margin: 0 10%;
	padding: 50px 0 0 0;
}
.testimonials-slider h3 {
	width: 80%;
	margin: 0 10%;
	padding: 10px 0 50px 0;
}
.third-section-container-bg {
	background-color: #dfe1e3;
}
.third-section-bg {
	height: 250px;
	background-color: #dfe1e3;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	mix-blend-mode: multiply;
}
/*------------------------------------*\
    FOURTH SECTION
\*------------------------------------*/
.fourth-section-container {
	background-color: #c5c5c7;
	padding: 30px 0;
}

.fourth-section-header-bg {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 300px;
	display: flex;
	justify-content: center;
}
.fourth-section-header-bg img{
	align-self: center;
}

.contact-form-container {
	border: 4px solid #737f85;
    box-sizing: border-box;
}
.inside-form-container {
	width: 90%;
	margin: 0 5%;
	padding: 30px 0;
}
.inside-form-container input{
 
    border: 0;
    background-color: #eaeaea;
    min-height: 40px;
    line-height: normal;
}
.inside-form-container select {
 
    border: 0;
    background-color: #9ab3c5;
    min-height: 40px;
    line-height: normal;
}
.wpcf7 form.sent .wpcf7-response-output {
    border: 0;
	margin: 0;
    padding: 0;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border: 0;
	margin: 0;
    padding: 0;
}
select:focus {
    outline: 0;
}
input:focus {
    outline: 0;
}
label.label-left {
	width: 95%;
	margin: 0 5% 0 0;
	padding: 0;
}
label.label-right {
	width: 95%;
	margin: 0 0 0 5%;
	padding: 0;
}
input {
	text-align: center;
}
input.form-name {
	width: 95%;
	margin: 0 5% 0 0;
	padding: 0;
}
input.form-mobile {
	width: 95%;
	margin: 0 0 0 5%;
	padding: 0;
}
input.form-company {
	width: 95%;
	margin: 0 5% 0 0;
	padding: 0;
}
input.form-email {
	width: 95%;
	margin: 0 0 0 5%;
	padding: 0;
}
select.form-regarding {
	width: 100%;
	margin: 0;
	padding: 0 13px;
}
.inside-form-container label {
    color: #1d1d1b;
}
form p {
    width: 50%;
    float: left;
	text-align: center;
	padding: 5px 0px;
    margin: 0;
}
form p:nth-child(6) { 
	width: 100%;
}

form p:nth-child(7) {
    width: 100%;
    margin: 10px 0 0 0;
    float: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
input.wpcf7-submit {
    background-color: transparent;
    border: 2px solid #1d1d1b;
    width: 20%;
	float: left;
    box-sizing: border-box;
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}
input.wpcf7-submit:hover {
	background-color: #1d1d1b;
	color: #fff;
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}
label.form-tcs {
	width: 75%;
    margin: 0 5% 0 0;
    float: left;
    text-align: left;
    font-size: 10px;
    line-height: 19px;
    font-style: italic;
}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer {
	width: 50%;
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
	padding: 40px 0;
	overflow: hidden;
}
.footer-a {
	margin: 15px 0 0 0;
}
.footer-a a {
	text-decoration: none;
	font-size: 30px;
	margin: 15px 0 0 0;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:850px) {
	
	h1 {
	font-size:4vw;
}
	h2 {
    font-size: 6vw;
}
	p {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 1px;
}
	
	.first-section-container {
		margin: 4vh 0 0 0;
		padding: 30px 0;
	}
}
@media only screen and (max-width:750px) {
	
	.mobile-nav-logo-container {
		display: block;
		width: 60%;
		height: auto;
		float: left;
		margin: 0 0 0 10%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left;
		min-height: 50px;
	}
	.nav-ul-container {
		display: none;
	}
		.mobile-nav-ul-container {
		background-color: #dfe1e3;
		padding: 20px 0;
		width: 100%;
		height: auto;
		float: left;
		}
		.mobile-hamburger-container {
		display: block;
		}
		.mobile-nav-ul-container > ul.nav-ul {
		width: 90%;
		height: auto;
		padding: 0;
		margin: 0 5%;
		display: block;
		list-style: none;
		}
		.mobile-nav-ul-container > ul.nav-ul li {
		width: 100%;
		height: auto;
		float: left;
		text-align: center;
		margin: 10px 0;
		}

		.mobile-nav-ul-container > ul.nav-ul li > a {
		color: #fff;
		font-size: 25px;
		font-family: circe, sans-serif;
		font-weight: 700;
		font-style: normal;
		text-decoration: none;
		}
/*------------------------------------*\
    ACCORDION
\*------------------------------------*/
	
	.accor-title h3 {
		font-size: 15px;
	}
	.left-arrow-inside {
	width: 30px;
	height: 30px;
	margin: 0 0 0 20px;
}
.right-arrow-inside {
	width: 30px;
	height: 30px;
	margin: 0 20px 0 0;

}
	
/*------------------------------------*\
   SECOND SECTION
\*------------------------------------*/
	.second-section-image {
	height: 300px;
	}	

/*------------------------------------*\
   TESTIMONIALS
\*------------------------------------*/
	.slick-prev, .slick-next {
	width: 30px;
    height: 30px;
	}
	.testimonials-slider p {
    width: 70%;
    margin: 0 15%;
		
}
	.testimonials-slider h3 {
	width: 70%;
    margin: 0 15%;
	}
	
/*------------------------------------*\
   FOURTH SECTION
\*------------------------------------*/
	.fourth-section-header-bg {
		min-height: 200px;
	}
	
/*------------------------------------*\
  	FORM
\*------------------------------------*/		
	form p {
    width: 100%;
    float: left;
	text-align: center;
	padding: 5px 0px;
    margin: 0;
}
	input.form-name {
	width: 100%;
	margin: 0;

	}
	input.form-mobile {
	width: 100%;
	margin: 0;
	}
	input.form-company {
	width: 100%;
	margin: 0;
	}
	input.form-email {
	width: 100%;
	margin: 0;
	}
	label.form-tcs {
    width: 100%;
    margin: 0 0 20px 0;
    float: left;
    text-align: center;
    font-size: 10px;
    line-height: 19px;
    font-style: italic;
	}
	
	input.wpcf7-submit {
		width: 100%;
	}
	label.label-left {
	width: 100%;
	margin:0;

}
label.label-right {
	width: 100%;
	margin:0;
}
/*------------------------------------*\
   END OF QUERIE
\*------------------------------------*/	
			}
/*------------------------------------*\
   END OF QUERIE
\*------------------------------------*/	

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

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}