/*!
Theme Name: COP 28
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called <code>COP 28</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
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: COP 28
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.

COP 28 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
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 @font-face {
    font-family: "Poppins";
    src: url("fonts/Poppins-Regular.ttf");
}

body{
    background-color: #000;
    margin:0px;
}
.cop_28_container_auto_home1 {
	width: 393px;
	height: 100vh;
	margin: 0 auto;
	background: url("images/background_image.png") no-repeat;
	position: relative;
	background-size: cover;
}

.cop_28_container_auto_home1 .cop_28_inner_container {
	padding: 20px;
	padding-top: 20%;
}

.cop_28_container_auto_home1 .back_to_28 span {
	font-family: Poppins;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
}
.cop_28_container_auto_home1 .back_to_28 span.blue_logo {
	float: left;
}
.cop_28_container_auto_home1 .back_to_28 span.blue_logo img {
	width: 80px;
}
.cop_28_container_auto_home1 .back_to_28 span a {
	text-decoration: none;
}
.cop_28_container_auto_home1 .back_text {
	margin-left: 10px;
}

.cop_28_container_auto_home1 .cop_28_Header p {
	font-family: Poppins;
	font-size: 31px;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: -0.20000000298023224px;
	color: rgba(255, 255, 255, 1);
}

.cop_28_container_auto_home1 .cop_28_innerText p {
	font-family: Poppins;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 1);
}

.cop_28_container_auto_home1 textarea {
	width: 100%;
	border-radius: 8px;
	border: 1px;
	resize: none;
	line-height: 20px;
	font-size: 14px;
	padding-top: 28px;
	color: rgba(113, 113, 113, 1);
	border: 1px solid rgba(210, 210, 215, 1);
	outline: none;
}

.cop_28_container_auto_home1 .text_remaining {
	position: relative;
	float: right;
	top: 27px;
	right: 13px;
	font-family: Poppins;
	color: rgba(113, 113, 113, 1);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: right;
}

.cop_28_container_auto_home1 .terms_text {
	font-family: Poppins;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: left;
	color: rgba(113, 113, 113, 1);
	display: inline-block;
	width: 89%;
	margin-top: -8px;
}

.cop_28_container_auto_home1 .terms_conditions {
	margin-top: 30px;
}

.cop_28_container_auto_home1 #cop_28_checBox {
	left: 6px;
	border: 2px;
	color: rgba(255, 255, 255, 1);
	border: 2px solid rgba(255, 255, 255, 1);
	font-size: 110%;
	display: inline;
}

.cop_28_container_auto_home1 input[type="checkbox"] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(2);
	/* IE */
	-moz-transform: scale(2);
	/* FF */
	-webkit-transform: scale(2);
	/* Safari and Chrome */
	-o-transform: scale(2);
	/* Opera */
	transform: scale(1.5);
	padding: 10px;
}

.cop_28_container_auto_home1 .checkbox_terms {
	float: left;
	width: 10%;
}

.cop_28_container_auto_home1 .footer {
	position: absolute;
	bottom: 70px;
	width: 95%;
	clear: both;
}

.cop_28_container_auto_home1 #submit {
	padding: 8px 30px 8px 30px;
	border-radius: 8px;
	gap: 40px;
	background: rgba(31, 31, 31, 1);
	color: #fff;
	font-family: Poppins;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
	width: 95%;
	border: none;
	cursor: pointer;
}
.cop_28_container_auto_home1 #submit:disabled {
	background: rgba(31, 31, 31, 0.56);
	pointer-events: none;
}
.cop_28_container_auto_home1 #download {
	padding: 8px 30px 8px 30px;
	border-radius: 8px;
	gap: 40px;
	background: rgba(31, 31, 31, 1);
	color: #fff;
	font-family: Poppins;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
	width: 95%;
	border: none;
	cursor: pointer;
}

@media only screen and (max-width: 600px) {

	html,
	body {
		height: 100%;
		width: 100%;
	}

	body {
		background-color: transparent;
	}

	.cop_28_container_auto_home1 {
		width: 100vw;
		height: 100vh;
		background-size: cover;
	}
}

.cop_28_container_auto_home1 .country_Code_Sec {
	width: 30%;
	float: right;
}

.cop_28_container_auto_home1 .country_Code_Sec select {
	padding: 8px 12px 8px 11px;
	border-radius: 8px;
	border: 1px;
	width: 95%;
	height: 50px;
	border: 1px solid rgba(210, 210, 215, 1);
	font-family: Poppins;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	text-indent: 7px;
	color:#000 !important;
}

.cop_28_container_auto_home1 option {
	font-family: Poppins;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
}

.cop_28_container_auto_home1 .mobileNumber {
	width: 70%;
	float: left;
	position: relative;
}

.cop_28_container_auto_home1 option {
	width: 90px;
}

.cop_28_container_auto_home1 option {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cop_28_container_auto_home1 input {
	width: 90%;
	height: 34px;
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px;
	font-family: Poppins;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	text-indent: 10px;
}
.cop_28_container_auto_home1 .cop_28_textArea {
	margin-top: 10%;
}

.cop_28_container_auto_home1 input,
.cop_28_container_auto_home1 select {
	outline: none;
}

.cop_28_container_auto_home1 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("images/Chevron-Down.png") no-repeat;
	border-radius: 2px;
	margin-left: 2rem;
	padding: 1rem;
	padding-right: 2rem;
	background-color: #fff;
	background-position: right 0rem center;
	background-size: 30px 30px;
}

.cop_28_container_auto_home1 .errormessage p {
	color: red;
	font-family: Poppins;
	font-size: 11px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0px;
	float: right;
	width: 70%;
}

.cop_28_container_auto_home1 #trygain {
	padding: 8px 30px 8px 30px;
	border-radius: 8px;
	gap: 40px;
	background: #fff;
	color: #000;
	font-family: Poppins;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
	width: 95%;
	border: none;
	margin-top: 10px;
	border: 1px solid rgba(31, 31, 31, 1);
	cursor: pointer;
}

.cop_28_container_auto_home1 .floating-label {
	font-size: 14px;
	color: rgba(113, 113, 113, 1);
	position: absolute;
	pointer-events: none;
	top: 20px;
	right: 12px;
	transition: all 0.1s ease;
	font-family: Poppins;
	font-weight: 400;
	line-height: 12px;
	letter-spacing: 0px;
}

.cop_28_container_auto_home1 input:focus~.floating-label,
.cop_28_container_auto_home1 input:not(:focus):valid~.floating-label {
	top: 2px;
	bottom: 0px;
	left: 10px;
	font-size: 11px;
	opacity: 1;
	color: #404040;
}

.cop_28_container_auto_home {
	width: 393px;
	height: 100vh;
	margin: 0 auto;
	background: url("images/background_image.png") no-repeat;
	position: relative;
	background-size: cover;
  }
  
  .cop_28_container_auto_home .cop_28_inner_container {
	padding: 20px;
	padding-top: 10%;
  }
  
  .cop_28_container_auto_home .back_to_28 a {
	font-family: Rubik;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
  }
  
  .cop_28_container_auto_home .back_text {
	margin-left: 10px;
  }
  
  .cop_28_container_auto_home .cop_28_Header p {
	font-family: Rubik;
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: -0.20000000298023224px;
	color: rgba(255, 255, 255, 1);
	width: 80%;
  }
  
  .cop_28_container_auto_home .cop_28_innerText p {
	font-family: Rubik;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 1);
  }
  .cop_28_container_auto_home .emailaddress {
	position: relative;
}
.cop_28_container_auto_home .emailaddress input {
	height: 34px;
	padding: 12px 9px 0;
	border-radius: 8px;
	border: 1px;
	font-family: Poppins;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	width: 95%;
}
.cop_28_container_auto_home .emailaddress .floating-label {
	font-size: 14px;
	color: rgba(113, 113, 113, 1);
	position: absolute;
	pointer-events: none;
	top: 20px;
	right: 12px;
	transition: all 0.1s ease;
	font-family: Poppins;
	font-weight: 400;
	line-height: 12px;
	letter-spacing: 0px;
	text-align: left;
}
.cop_28_container_auto_home .emailaddress input:focus ~ .floating-label,
.cop_28_container_auto_home .emailaddress input:not(:focus):valid ~ .floating-label {
	top: 5px;
	bottom: 0px;
	right: 10px;
	font-size: 12px;
	opacity: 1;
	color: rgba(113, 113, 113, 1);
	font-family: Poppins;
	font-weight: 400;
	line-height: 12px;
	
  }
  .cop_28_container_auto_home textarea {
	width: 95%;
	border-radius: 8px;
	border: 1px;
	resize: none;
	line-height: 20px;
	font-size: 14px;
	padding: 28px 8px 8px 8px;
	color: rgba(113, 113, 113, 1);
	border: 1px solid rgba(210, 210, 215, 1);
	outline: none;
}
  
  .cop_28_container_auto_home .text_remaining {
	position: relative;
	right: 87%;
	top: 35px;
	font-family: Rubik;
	color: rgba(113, 113, 113, 1);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
  }
  
  .cop_28_container_auto_home .terms_text {
	font-family: Rubik;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0px;
	color: rgba(113, 113, 113, 1);
	display: inline-block;
	width: 89%;
	margin-top: -8px;
  }
  
  .cop_28_container_auto_home .terms_conditions {
	margin-top: 30px;
  }
  
  .cop_28_container_auto_home #cop_28_checBox {
	left: 6px;
	border: 2px;
	color: rgba(255, 255, 255, 1);
	border: 2px solid rgba(255, 255, 255, 1);
	font-size: 110%;
	display: inline;
	width: 15px;
   height: auto;
   -ms-transform: none; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none;
  }
  
  .cop_28_container_auto_home input[type="checkbox"] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(2);
	/* IE */
	-moz-transform: scale(2);
	/* FF */
	-webkit-transform: scale(2);
	/* Safari and Chrome */
	-o-transform: scale(2);
	/* Opera */
	transform: scale(1.5);
	padding: 10px;
  }
  
  .cop_28_container_auto_home .checkbox_terms {
	float: right;
	width: 30px;
  }
  
  .cop_28_container_auto_home .footer {
	/*
	position: absolute;
	bottom: 70px;
	width: 95%;
	*/
	position: relative;
	bottom: 0;
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
  }
  .cop_28_container_auto_home #submit:disabled {
	background: rgba(31, 31, 31, 0.56);
	pointer-events: none;
}
  .cop_28_container_auto_home #submit {
	padding: 8px 30px 8px 30px;
	border-radius: 8px;
	gap: 40px;
	border-radius: 8px;
	background: rgba(31, 31, 31, 1);
	color: #fff;
	font-family: Rubik;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
	width: 100%;
	border: none;
	cursor: pointer;
  }
  
  @media only screen and (max-width: 600px) {
  
	html,
	body {
	  height: 100%;
	  width: 100%;
	}
  
	body {
	  background-color: transparent;
	}
  
	.cop_28_container_auto_home {
	  width: 100vw;
	  height: 100vh;
	  background-size: cover;
	}
  }
  
  .cop_28_container_auto_home .cop_28_textArea {
	position: relative;
  }
  
  .cop_28_container_auto_home .floating-label {
	font-size: 14px;
	color: rgba(113, 113, 113, 1);
	position: absolute;
	pointer-events: none;
	top: 53px;
	transition: all 0.1s ease;
	font-family: Rubik;
	font-weight: 400;
	line-height: 12px;
	letter-spacing: 0px;
  }
  
  .cop_28_container_auto_home textarea:focus~.floating-label,
  .cop_28_container_auto_home textarea:not(:focus):valid~.floating-label {
	top: 34px;
	bottom: 0px;
	font-size: 12px;
	opacity: 1;
	color: rgba(113, 113, 113, 1);
	font-family: Rubik;
	font-weight: 400;
	line-height: 12px;
	right: 8px;
  }
  .cop_28_container_auto_home .back_to_28 span.blue_logo {
	float: left;
	height: auto;
	top: 0;
}
.cop_28_container_auto_home .back_to_28 span.blue_logo img {
	width: 80px;
	height: auto;
	top: 0;
}
  .cop_28_container_auto_home .back_to_28 img {
	width: 24px;
	height: 24px;
	margin-left: 12px;
	position: relative;
	top: 0;
  }

  /*Thanks You page*/
  .cop_28_container_auto_invalid {
	width: 393px;
	height: 100vh;
	margin: 0 auto;
	background: url('images/ThankYouBackground.png') no-repeat;
	position: relative;
	background-size: cover;
  }
  
  .cop_28_container_auto_invalid .cop_28_inner_container {
	padding: 20px;
  }
  
  .cop_28_container_auto_invalid .back_to_28 a {
	font-family: Rubik;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
  }
  
  .cop_28_container_auto_invalid .back_text {
	margin-left: 10px;
  }
  
  .cop_28_container_auto_invalid .footer {
	clear: both;
	position: absolute;
	bottom: 70px;
	width: 90%;
	text-align: center;
  }
  
  .cop_28_container_auto_invalid #submit {
	padding: 8px 30px 8px 30px;
	border-radius: 8px;
	gap: 40px;
	background: #fff;
	color: #000;
	font-family: Rubik;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
	display: block;
	border: none;
	text-decoration: none;
  }
  
  .cop_28_container_auto_invalid .cop_image_container img {
	width: 100%;
	display: inline-block;
  }
  
  .cop_28_container_auto_invalid .blue_image_container {
	width: 47%;
	display: inline-block;
  }
  
  .cop_28_container_auto_invalid .blue_image_container img {
	padding-left: 10px;
  }
  
  .cop_28_container_auto_invalid .cop_28_Header p {
	font-family: Rubik;
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: -0.4000000059604645px;
	text-align: center;
	color: #fff;
  }
  
  .cop_28_container_auto_invalid .thank_you_text p {
	font-family: Rubik;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: center;
	color: #fff;
	width: 297px;
	margin: 0 auto;
  }
  
  .cop_28_container_auto_invalid .thankYou_inner_Container {
	margin-top: 30%;
  }
  
  @media only screen and (max-width: 600px) {
  
	html,
	body {
	  height: 100%;
	  width: 100%
	}
  
	body {
	  background-color: transparent;
	}
  
	.cop_28_container_auto_invalid {
	  width: 100vw;
	  height: 100vh;
	  background-size: cover;
	}
  
  }
/*Extra Css*/
.loading_top {
    position: fixed;
    top: 0;
    background: #cccccc87;
    width: 100%;
    height: 100vh;
    z-index: 9999;
}
.loading_inner {
    position: relative;
    top: 50%;
    justify-content: center;
    display: flex;
    align-items: center;
}
.loading_inner img {
    margin: 0 auto;
    width: 100px;

}
.show_error, .final_error {
	color: rgb(184, 11, 11);
	font-family: "Poppins";
}
.my-32 {
    margin-top: 32px;
    margin-bottom: 32px;
}

.liter_video video{
	margin: 15px 0;
}
.cop_28_container_auto_home1.cop_28_v2 {
	height: auto;
}
.cop_28_container_auto_home1.cop_28_v2 .footer {
	position: relative;
	bottom: 0;
	width: 100%;
	clear: both;
}
.cop_28_container_auto_home1.cop_28_v2 #submit, .cop_28_container_auto_home1.cop_28_v2 #download, .cop_28_container_auto_home1.cop_28_v2 #trygain {
	width: 100%;
}