/*!
Theme Name: Coming Soon
Theme URI: http://underscores.me/
Author: Webrammer
Author URI: http://www.webrammer.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: coming-soon
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Coming Soon is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

@media (min-width: 1400px) { 
	.container-xxl, 
	.container-xl, 
	.container-lg, 
	.container-md, 
	.container-sm, 
	.container { max-width: 1440px; } 
}
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
 
html
{
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

.fonts 
{
	font-family: "Raleway", sans-serif;
  font-family: "Roboto", sans-serif;
  font-family: "Black Ops One", system-ui;
}

body
{
  font-family: "Roboto", sans-serif;
  font-size: 16px;
   background: url(images/main_sec_bg.webp) no-repeat top center;
   background-size: cover;
}

body a 
{
	text-decoration: none;	
}

body ul 
{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6
{
  font-family: "Black Ops One", system-ui;
}

.alignleft
{
  float: left;
  margin:0 15px 15px 0px;
}

.alignright
{
  float: right;
  margin:0 0 15px 15px;
}

.aligncenter
{
  clear: both;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}
.logo {
  text-align: center;
}
.logo img {
  max-width: 100%;
  height: auto;
}

/*......................*/


.top_sec
{
   padding-top: 30px;
}

.header_phone
{
  text-align: center;
  padding-top: 40px;
}

.header_phone h2
{
  font-size: 26px;
  font-weight: 600;
}

.header_phone h2 a
{
  color: #000;
}

.header_contact
{
   display: flex;
   justify-content: right;
   /* padding-top: 40px; */
}

.header_social
{
  margin-right: 15px;
}

.header_social ul.cnss-social-icon li.cn-fa-icon a,
.header_social ul.cnss-social-icon li.cn-fa-icon a:hover
{
   background-color: transparent !important;
   padding-top: 0px !important;
}

.head_email a
{
  /* background: #fff; */
  color: #000;
  padding: 5px 60px 5px 20px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}

.head_email a::before {
	content: '\f1a0';
	width: 40px;
	height: 40px;
	background: rgb(234,66,63);
	background: linear-gradient(270deg, rgba(234,66,63,1) 0%, rgba(183,41,39,1) 100%);
	font-family: fontawesome;
	font-size: 21px;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
	padding-top: 5px;
	border: 1px solid #fff;
	box-shadow: 0 0px 5px 1px #a8a8a8;
}

.head_phone a
{
  color: #000;
  padding: 5px 20px 5px 60px;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  font-family: 'Montserrat', sans-serif;

}
.head_phone a::before {
	content: '\f095';
	width: 40px;
	height: 40px;
	background: rgb(234,66,63);
	background: linear-gradient(270deg, rgba(234,66,63,1) 0%, rgba(183,41,39,1) 100%);
	font-family: fontawesome;
	font-size: 21px;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	padding-top: 5px;
	border: 1px solid #fff;
	box-shadow: 0 0px 5px 1px #a8a8a8;
}

.mobile_head_contact
{
   text-align: center;
   margin-top: 25px;
   display: none;
}

.contact_box
{
	background: linear-gradient(270deg, rgba(234,66,63,1) 0%, rgba(183,41,39,1) 100%);
	padding-top: 5px;
	width: 260px;
	margin: 0 auto;
}

.mobile_head_contact ul li
{
  display: inline-block;
  margin: 0px 7px;
  font-size: 24px;
  color: #fff;
}

.mobile_head_contact ul li a
{
   color: #fff;
}


.main_sec
{
   height: 92vh;
}

.mid_sec {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 85%;
}

.main_title
{
  padding-top: 25px;
  padding-right: 50px;
}

.main_title h1 {
   font-family: "Black Ops One", system-ui;
   font-size: 65px;
   font-weight: bold;
   margin-bottom: 25px;

   background: linear-gradient(to right, #f26122, #f6891e);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;

   /* For better cross-browser support */
   background-clip: text;
   color: transparent;
}

.main_title h2
{
  font-size: 24px;
  font-weight: 400;
  color: #1f1f1f;
  margin-bottom: 15px;
  font-family: "Raleway", sans-serif;
}

.main_title h3
{
  font-size: 24px;
  font-weight: bold;
  color: #1f1f1f;
  font-family: "Raleway", sans-serif;
}

.main_timer
{
  padding-top: 80px;
  padding-bottom: 60px;
}

.timer {
  width: 100px;
  min-height: 100px;
  background: linear-gradient(90deg,rgba(73, 181, 72, 1) 0%, rgba(44, 141, 43, 1) 100%);
  background-size: 100%;
  text-align: center;
  font-size: 40px;
  color: #fff;
  font-family: "Black Ops One", system-ui;
  margin: 0 auto;
  margin-bottom: 15px;
  font-weight: bold;
  position: relative;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.timer::before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 92px;
  height: 92px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
  border: 1px dashed #fff;
}

.s2-txt1
{
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #1f1f1f;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}

.main_form {
  padding: 30px;
  border: 2px solid #47b546;
  background: #fff;
  position: relative;
  border-radius: 5px;
  box-shadow: 0 0px 18px #d9d9d9;
}

.main_form h2
{
  color: #1f1f1f;
  font-size: 34px;
  font-weight: 500;
  text-align: center;
  font-family: "Black Ops One", system-ui;
   background: linear-gradient(to right, #f26122, #f6891e);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   /* For better cross-browser support */
   background-clip: text;
   color: transparent;
}

.main_form h1::after {
	content: '';
	position: absolute;
	width: 45%;
	height: 2px;
	background: url(images/line.webp) no-repeat left center/cover;
	bottom: -10px;
	left: 0;
}

div.wpforms-container-full
{
  margin: 15px auto !important;
}

.wpforms-container .wpforms-field
{
  padding: 5px 0 !important;
}

div.wpforms-container-full input[type="email"],
div.wpforms-container-full input[type="tel"],
div.wpforms-container-full input[type="text"],
div.wpforms-container-full select,
div.wpforms-container-full textarea
{
  background-color: transparent !important;
  border-radius: 5px !important;
  color: #000000 !important;
  border: 1px solid #49b548 !important;
}

div.wpforms-container-full select, div.wpforms-container-full select:disabled
{
  background-image: linear-gradient(45deg, #fff0 50%, rgb(255, 255, 255) 50%),linear-gradient(135deg, rgb(255, 255, 255) 50%, #fff0 50%) !important;
  background-size: 5px 7px, 5px 7px !important;
}

div.wpforms-container-full input[type="date"]::placeholder, 
div.wpforms-container-full input[type="datetime"]::placeholder, 
div.wpforms-container-full input[type="email"]::placeholder, 
div.wpforms-container-full input[type="number"]::placeholder, 
div.wpforms-container-full input[type="tel"]::placeholder, 
div.wpforms-container-full input[type="text"]::placeholder, 
div.wpforms-container-full input[type="time"]::placeholder, 
div.wpforms-container-full input[type="url"]::placeholder, 
div.wpforms-container-full select::placeholder, 
div.wpforms-container-full textarea::placeholder
{
  opacity: 0.5 !important;
  color: #000000 !important;
}
.wpforms-container .wpforms-field-description.wpforms-disclaimer-description {
  height: auto !important;
}
.wpforms-submit-container {
	 text-align: right;
}
div.wpforms-container-full button[type="submit"], div.wpforms-container-full button[type="submit"]:hover
{
   color: #fff !important;
   background: linear-gradient(90deg,rgba(242, 97, 34, 1) 0%, rgba(246, 137, 30, 1) 100%);
   border: 2px solid #fff !important;
   border-radius: 12px !important;
   text-transform: uppercase;
   font-size: 17px !important;
   font-weight: 400 !important;
   font-family: 'Roboto', sans-serif !important;
   padding: 15px 20px !important;
   padding-right: 50px !important;
   height: auto !important;
   position: relative !important;
   box-shadow: 0 0px 5px 1px #a8a8a8 !important;
}
div.wpforms-container-full button[type="submit"]:hover {
  background: #49b548 !important;
}

div.wpforms-container-full .wpforms-form button[type="submit"]::before
{
  content: '\f1d8';
  font-family: 'Font Awesome 6 Pro';
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 15px;
  right: 24px;
  font-weight: 300 !important;
}
#wpforms-12-field_13 {
	margin-top: 35px;
}

.footer_sec
{
  background: linear-gradient(90deg,rgba(73, 181, 72, 1) 0%, rgba(49, 156, 48, 1) 50%, rgba(73, 181, 72, 1) 100%);
  padding: 25px 0 20px 0;
  color: #fff;
 
}

.footer_sec p {
  color: #fff;
  font-size: 16px;
  margin: 0px;
}

.powered_by
{
  text-align: right;
  color: #fff;
}


/*.........Responsive..........*/

@media only screen and (min-width:240px) and (max-width:375px)
{
.container {max-width: 90%;}
.logo { text-align: center; }

.header_phone, .header_contact { display: none; }
.mobile_head_contact { display:block; }

.main_title { padding-top: 0px; padding-right: 0px; }
.main_title h1 { font-size: 34px; }
.timer { width: 65px; min-height: 65px; font-size: 32px; padding-top: 5px; }
.timer::before {width: 57px; height: 57px;}
.s2-txt1 { font-size: 16px; font-weight: 400; text-transform:lowercase; }
.main_form h1 { font-size: 34px; }


}

@media only screen and (min-width:376px) and (max-width:480px) 
{
.container {max-width: 90%;}
.logo { text-align: center; }
.header_phone, .header_contact { display: none; }
.mobile_head_contact { display:block; }

.main_title { padding-top: 0px; padding-right: 0px; }
.main_title h1 { font-size: 42px; }
.main_title h2 { font-size: 20px; }
.timer { width: 80px; min-height: 80px; font-size: 40px; }
.timer::before {width: 72px; height: 72px;}
.s2-txt1 { font-size: 16px; font-weight: 400; }
.main_form h1 { font-size: 34px; }

}

@media only screen and (min-width:481px) and (max-width:575px) 
{

.logo { text-align: center; }
.header_phone, .header_contact { display: none; }
.mobile_head_contact { display:block; }
.main_title h1 {font-size: 50px;}

}

@media only screen and (min-width:576px) and (max-width:640px) 
{

.logo { width:100%; height:auto; }
.logo img { width:100%; height:auto; }
.header_phone h2 { font-size: 24px; }
.main_title h1 {font-size: 55px;}

}

@media only screen and (min-width:641px) and (max-width:767px) 
{

.logo { width:100%; height:auto; }
.logo img { width:100%; height:auto; }
.header_phone h2 { font-size: 24px; }
.main_title h1 {font-size: 55px;}

}
@media only screen and (min-width:240px) and (max-width:767px) {
.logo img {max-width: 80%; height: auto;}
.main_sec {
  height: auto;
  padding-bottom: 30px;
}
}

@media only screen and (min-width:768px) and (max-width:991px) 
{

.logo { width:100%; height:auto; }
.logo img {max-width: 80%; height: auto;}
.main_sec {
  height: auto;
  padding-bottom: 30px;
}

}
@media only screen and (min-width:240px) and (max-width:991px)  {
  .logo {margin-bottom: 30px;}
  .main_title {
  text-align: center;}
}

@media only screen and (min-width:240px) and (max-width:991px)
{

 .footer_sec { text-align: center; }
 .powered_by { text-align: center; margin-top: 20px; }

}


@media only screen and (min-width:992px) and (max-width:1199px) 
{
.container {max-width: 98%;}
.main_title h1 {font-size: 60px;}

}

@media only screen and (min-width:1025px) and (max-width:1199px) 
{

}

@media only screen and (min-width:1200px) and (max-width:1399px) 
{


}	

@media only screen and (min-width:1400px) and (max-width:1440px) 
{
	

}