/*!
Theme Name: Coming Soon
Theme URI: http://example.com
Author: Coming Soon
Author URI: http://example.com
Description: Description
*/



* {
	box-sizing: border-box;
  }
  
  
  
  html,
  body,
  body div,
  span,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  abbr,
  address,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  samp,
  small,
  strong,
  sub,
  sup,
  var,
  b,
  i,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  figure,
  footer,
  header,
  menu,
  nav,
  section,
  time,
  mark,
  audio,
  video,
  details,
  summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  }
  
  article,
  aside,
  figure,
  footer,
  header,
  nav,
  section,
  details,
  summary {
	display: block;
  }
  
  img,
  object,
  embed {
	max-width: 100%;
  }
  
  ul {}
  
  blockquote,
  q {
	quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
	content: '';
	content: none;
  }
  
  a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
  }
  
  del {
	text-decoration: line-through;
  }
  
  abbr[title],
  dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
  }
  
  table {
	border-collapse: collapse;
	border-spacing: 0;
  }
  
  th {
	font-weight: bold;
	vertical-align: bottom;
  }
  
  td {
	font-weight: normal;
	vertical-align: top;
  }
  
  hr {
	display: block;
	height: 1px;
	border: 0;
	margin: 1em 0;
	padding: 0;
  }
  
  input,
  select {
	vertical-align: middle;
	box-sizing: border-box;
  }
  
  pre {
	white-space: pre;
	/* CSS2 */
	white-space: pre-wrap;
	/* CSS 2.1 */
	white-space: pre-line;
	/* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word;
	/* IE */
  }
  
  input[type="radio"] {
	vertical-align: text-bottom;
  }
  
  input[type="checkbox"] {
	vertical-align: bottom;
  }
  
  select,
  input,
  textarea {
	font: 99% sans-serif;
  }
  
  table {
	font-size: inherit;
  }
  
  small {
	font-size: 85%;
  }
  
  strong {
	font-weight: bold;
  }
  
  td,
  td img {
	vertical-align: top;
  }
  
  sub,
  sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
  }
  
  sup {
	top: -0.5em;
  }
  
  sub {
	bottom: -0.25em;
  }
  
  pre,
  code,
  kbd,
  samp {
	font-family: monospace, sans-serif;
  }
  
  .clickable,
  label,
  input[type=button],
  input[type=submit],
  input[type=file],
  button {
	cursor: pointer;
  }
  
  button,
  input,
  select,
  textarea {
	margin: 0;
	font-family: 'Mont';
  }
  
  button,
  input[type=button] {
	width: auto;
	overflow: visible;
  }
  
  input[type="submit"],
  button[type="submit"] {
	-webkit-appearance: none;
  }
  
  :focus {
	outline: none;
  }
  
  input[type="submit"]:focus {
	outline: none;
  }



  @font-face {
    font-family: 'EurostileExtended-Roman-DTC';
    src: url('webfonts/EurostileExtended-Roman-DTC.eot');
    src: url('webfonts/EurostileExtended-Roman-DTC.eot?#iefix') format('embedded-opentype'),
        url('webfonts/EurostileExtended-Roman-DTC.woff2') format('woff2'),
        url('webfonts/EurostileExtended-Roman-DTC.woff') format('woff'),
        url('webfonts/EurostileExtended-Roman-DTC.ttf') format('truetype'),
        url('webfonts/EurostileExtended-Roman-DTC.svg#EurostileExtended-Roman-DTC') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


  
:root{
	--font-opensans :"Open Sans", serif;
	--font-inter : "Inter", serif;
	--font-euro : 'EurostileExtended-Roman-DTC';;
  
	--color-green : #171717;
	--color-light-green : #96A782;
	--color-cream : #FFF7EE;
	--color-grey : #999999;
	--color-dark-grey : #757575;
	--color-light-black : #051408;
	--color-light-white : #F1F2F3;
	--color-black : #000000;
	--color-white : #ffffff;
	
  }

  

  
  body {	
	font-size: 16px; /* 16px */
	font-weight: 400;
	line-height: 1.6;
	color: var(--color-cream);
  	font-family: var(--font-opensans);    
  }


  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-opensans);	
  }
  


    
  
  .cf::after {
	display: table;
	content: "";
	clear: both;
  }
  
  p {
	margin: 0 0 16px;
  line-height: 1.75;
  }
  
  a {
	color: var(--color-grey);
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
  }
  
  a:hover,
  a:focus {
	color: var(--color-green);
  	outline: none;
  }



  
  .landing-form input[type="text"],
  .landing-form input[type="email"],
  .landing-form input[type="url"],
  .landing-form input[type="password"],
  .landing-form input[type="search"],
  .landing-form input[type="number"],
  .landing-form input[type="tel"],
  .landing-form input[type="range"],
  .landing-form input[type="date"],
  .landing-form input[type="month"],
  .landing-form input[type="week"],
  .landing-form input[type="time"],
  .landing-form input[type="datetime"],
  .landing-form input[type="datetime-local"],
  .landing-form input[type="color"],
  .landing-form textarea,
  .landing-form select {
	font-size:14px; /*16px */
  font-family: var(--font-inter);
	color: var(--color-dark-grey);
  	border: 0;	
	border-radius: 0;
	padding: 16px 26px;
	box-shadow: none;
	width: 100%;
	margin: 0;
	font-weight: 400;
	background-color: var(--color-light-white);
  	vertical-align: middle;
	box-sizing: border-box;
	border-radius: 40px;

 
  }


  .landing-form select {
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    background-image: url(images/select-arrow.svg);
    background-position: 92% center;
    background-repeat: no-repeat;
    background-size: auto;
    
  }
 
  
  textarea {
	height: 100px;
  }

  
  .landing-form ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
color: var(--color-dark-grey);
	opacity: 1;
  }
  
  .landing-form ::-moz-placeholder {
	/* Firefox 19+ */
color: var(--color-dark-grey);
	opacity: 1;
  }
  
  .landing-form :-ms-input-placeholder {
	/* IE 10+ */
color: var(--color-dark-grey);
	opacity: 1;
  }
  
  .landing-form :-moz-placeholder {
	/* Firefox 18- */
color: var(--color-dark-grey);
	opacity: 1;
  }
  
  .c-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  }
  
  .c-col {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
  }
  
  
  
  .landing-form input[type="submit"],
  .landing-form button[type="submit"] ,
  .landing-form .btn{
	display: inline-block;
	position: relative;
  font-size:14px; /*16px */
  font-weight: 400;
  font-family: var(--font-inter);
	color: var(--color-light-white);
	border: 1px solid var(--color-light-green);
	background: var(--color-light-green);
	text-transform: uppercase;
	line-height: 1;
	position: relative;			
	transition: all 0.3s ease-in-out;
  padding: 16px 16px;
  min-width: 100px;
  border-radius: 40px;
  letter-spacing: 1px;

  
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  }
  
  .landing-form input[type="submit"]:hover,
  .landing-form input[type="submit"]:focus,
  .landing-form .btn:hover,
  .landing-form .btn:focus,
  .landing-form .btn:active, .landing-form .btn:first-child:active {
	background: var(--color-cream);
	color: var(--color-light-black);
	border-color: var(--color-cream);
  outline: none;  
  }

  .landing-form{
	max-width: 435px;
	width: 100%;
	margin: 0 auto;
  }

  .form-row{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 -9px;
  }

  .form-col{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	padding: 0 9px;
	margin: 0 0 21px;
  width: 100%;
  }

  .form-col p{
	margin: 0;
  }


  .form-col-2{
	width: 50%;
  }

  span.join-mail-text{
	font-size: 16.8px;
	font-weight: 400;
	color: var(--color-dark-grey);
	display: block;
	text-align: left;
  }

  .form-label-col{
	width: 74%;
  }

  .form-btn-col {
    width: 26%;
    margin-left: auto;
    margin-bottom: 0;
}


  .coming-sec{
	position: relative;
	min-height: 100vh;
  }

  .coming-sec-bg{
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
  }


  .coming-col{
	width: 50%;
	background: var(--color-green);
	padding: 50px 70px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	flex-grow: 1;
	min-height: inherit;
	justify-content: center;
  }


  .inner-coming-col{
	max-width: 710px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
  }


  .landing-logo{
	max-width: 232px;
	width: 100%;
	display: block;
	margin: 0 auto 41px;
  }

  .landing-logo img{
	width: 100%;
	display: block;
  }


  .landing-content{
	padding: 0 0 43px;
  }


  .landing-content h1{
	color: var(--color-light-green);
	font-size: 57px;
	text-transform: capitalize;
  font-family: var(--font-euro);
  font-weight: 100;
  margin: 0 0 12px;
  }

  .landing-content p{
	font-size: 16.8px;
	line-height: 1.6;
	margin: 0 0 7px;
  color: var(--color-cream);
  }

  .landing-content h6{
    font-size: 18.8px;
    font-weight: 700;
    font-family: var(--font-opensans);
    text-transform: none;
    color: var(--color-cream);
  }


  .landing-adress-main{
	max-width: 435px;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 18px;
  /* margin-top: -51px; */
  }

.landing-adress-row{
	margin: 0 -10px;
}

.landing-adress-col{
	padding: 0 10px;
	margin-bottom: 30px;
	width: 57%;
}

.landing-adress-col:nth-child(2n+2){
	width: 43%;
}

.landing-adress-content{
	color: var(--color-grey);
	font-weight: 400;
	font-size: 16.8px;
}

.landing-adress-content h6{
	font-family: var(--font-opensans);
	font-weight: 600;
	font-size: 16.8px;
	color: var(--color-grey);
	margin: 0 0 0;
}

.landing-adress-content p{

}

.landing-adress-content p a{
	color: var(--color-grey);
}


.landing-adress-content p a:hover , .landing-adress-content p a:focus{
	color: var(--color-cream);
}

.landing-adress-content address{
	
	font-style: normal;
}
 
.landing-social-links{

}

.landing-social-links h6{
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px 0 0;
	color: var(--color-grey);
	font-size: 16px;
	font-family: var(--font-opensans);
	font-weight: 400;
}

.landing-social-links ul{
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

.landing-social-links ul li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px;
}

.landing-social-links ul li a{
	color: var(--color-white);
	font-size: 24px;
}


.landing-social-links ul li a:hover , .landing-social-links ul li a:focus{
	color: var(--color-grey);
}