/*
-------------------------------------------------------------- 
TABLE OF CONTENTS

	- Section 1: General
	- Section 2: Fonts
	- Section 3: Header
	- Section 4: Home Page
	- Section 6: Woocommerce Cart and Checkout Page
	- Section 7: 
-------------------------------------------------------------- 
*/

/*
-------------------------------------------------------------- 
	Section 1: General
-------------------------------------------------------------- 
*/

<style>@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
</style>html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	margin: 0;
}

body {
	overflow-x: hidden;
	font-weight: 400;
	background: #F5FDFF;
}
html body.custom-background{
	background: #F5FDFF;
}
a:hover {
	transition: all 0.4s ease-in-out;
	text-decoration: none !important;
}

a {
	color: #cd2653;
	text-decoration: underline;
}

html {
	scroll-behavior: smooth;
}
html.js{
	overflow-x: hidden;
}
.variation_validation{
	font-size: 12px;
	color: black;
}
.select_size{
	width: 100%;
	display: flex;
}
.select_size div{
	width: 50%;
}
.select_size_right select{
	width: 60%;
	float: right;
	border-color: #072D48;
}
.select_size p{
	color: #072D48 !important;
	font-size: 16px !important;
	font-family: 'CreatoDisplay-Light';
	line-height: 19px;
	letter-spacing: 1px;
	float: left;
}
h1 {
	font-size: 48px;
	color: #fff;
	line-height: normal;
	margin-bottom: 0;
}

h2 {
	font-size: 40px;
	color: #fff;
	font-family: 'DCC-Ash';
	letter-spacing: 2px;
	line-height:41px;
}

h3 {
	font-size: 36px;
	font-weight: bold;
	color: #262729;
	line-height: normal;
	margin-bottom: 15px;
}

h4 {
	font-size: 32px;
	color: #014d90;
	font-weight: bold;
	line-height: normal;
	margin: 0;
}

h5 {
	font-size: 26px;
	color: #292b2b;
	line-height: normal;
	margin-bottom: 25px;
}


h6 {
	font-size: 22px;
	color: #000;
	line-height: normal;
	margin-bottom: 10px;
}

.alignright {
	float: right;
	text-align: right;
	margin-left: 20px;
	cursor:pointer;
}

.alignleft {
	float: left;
	margin-right: 20px;
}

p {
	color: #fff;
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	line-height: 24px;
	letter-spacing: .2px;
}

p:empty {
	display: none;
}

li {
	list-style: none;
	font-family: 'CreatoDisplay-Light';
	font-weight: 300;
	line-height: 24px;
	color: #fff;
	font-size: 20px;
	margin: 0;
}
ul{
	margin: 0;
}
/*
-------------------------------------------------------------- 
	- Section 2: Fonts
-------------------------------------------------------------- 
*/
@font-face {
	font-family: 'creato-bold';
	src: url(creato-display.bold.otf);
}

@font-face {
	font-family: 'creato-italic';
	src: url(creato-display.italic.otf);
}
@font-face {
	font-family: 'CreatoDisplay-Light';
	src: url(CreatoDisplay-Light.otf);
}

@font-face {
	font-family: 'CreatoDisplay-Regular';
	src: url(CreatoDisplay-Regular.otf);
}

@font-face {
	font-family: 'DCC-Ash';
	src: url(DCC-Ash.otf);
}


/*left button */
.home-left-btn {
	float: unset;
	background: transparent !important;
}

.home-left-btn::before {
	border: 0px;
}

.home-left-btn::after {
	width: 160px;
	height: 41px;
	margin-top: 0px;
	background: transparent;
}

.home-left-btn:hover {
	background: #fff !important;
	color: #000 !important;
}


.page-id-198 .donate-wrap .suppor-donation button.single_add_to_cart_button.button.alt{
	display:none;
}
.page-id-198 .donate-wrap button.single_add_to_cart_button.button.alt.ymi{
	display:block !important;
	margin-left: 20px;
	text-align: center;
}
#myModal button.single_add_to_cart_button.button.alt.ymi{
	display:none;
}

.hvr-ripple-out:hover::after{
	opacity:1;
	transform: scale(1.2);


}
.hvr-ripple-out:hover{
	color:#fff !important;
}
/ Ripple Out /
@-webkit-keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}
@keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}

/*
-------------------------------------------------------------- 
	Section 3: Header
-------------------------------------------------------------- 
*/
img.custom-logo {
	width: 100%;
	height: auto;
}
.header-inner.section-inner {
	width: 100%;
	transition: .3s ease-in-out;
}
.primary-menu a {
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	line-height: 24px;
	color: #fff !important;
	letter-spacing: 1.1px;
}
.header-titles img {
	margin-left: 25px;
}
.primary-menu > li{
	margin: 0.8rem 0 0 34px;
}
.primary-menu > li > .icon {
	display: none;
}
.alm-btn-wrap .alm-load-more-btn {
	background: #072D48 !important;
	border-radius: 27px !important;
	font-size:16px;
	font-family: 'CreatoDisplay-Light';
	text-transform: capitalize;
	padding: 0px 34px !important;
}
.gallery-info p:after {
	position: absolute;
	content: "";
	background: #F5FDFF;
	width: 12px;
	height: 1px;
	top: 65px;
	z-index: 9;
	left: 74px;
}
#site-header {
	position: fixed;
	width: 100%;
	background: transparent;
	z-index: 2;
}
.header-scrolled .primary-menu li.current-menu-item > a:before {
	background: #072D48 !important;
}
.primary-menu li.current-menu-item > a{
	text-decoration:none;
}
.primary-menu ul:before{
	/*display: none; */
}

.primary-menu ul:after {
	left: 8px;
	background: #d4e5e8;
	width: 1px;
	height: 100%;
	top: -21px;
	border: 0px;
}
.primary-menu ul.sub-menu {
	background: transparent !important;
	left: -19px;
	top: 25px;
	display: none;
}
button.minus {
	background: transparent !important;
	color: #072D48 !important;
	padding: 0;
}

a.remove:hover{
	background: #082d48;

}
button.plus {
	background: transparent !important;
	color: #072D48 !important;
	padding: 0;
}
td.product-price {
	text-align: center;
}
.header-scrolled {
	background: #F5FDFF !important;
	z-index: 99 !important;
	top: 0;
}

.header-scrolled a, .header-scrolled span {
	color: #072D48 !important;
}
img.sticky-header {
	display: none;
}
.header-scrolled img.sticky-header {
	display: block;
}
.header-scrolled img.head, .sticky-header {
	display: none;
}
.header-scrolled .header-inner.section-inner {
	padding-top: 18px;
	padding-bottom: 18px;
}
.video-sec {
	position: relative;
	z-index: 1;
}
#myVideo {
	right: 0;
	bottom: 0;
	min-height: auto !important;
	height: 100vh !important;
	object-fit: cover;
	width:100%;
}
.header-scrolled ul.sub-menu {
	background: #f5fdff !important;
	padding-bottom: 15px;
}
.banner-icons {
	position: absolute;
	width: 100%;
	bottom: 30px;
	z-index: 1;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-radius: 27px;
	border-color: #46b450;
	color: #fff;
	font-size: 18px;
	letter-spacing: 1px;
	font-family: 'CreatoDisplay-Regular';
	width: 50%;
	margin: 0 auto;
}
.banner-overly {
	background: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%, rgb(15 67 80 / 30%) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.primary-menu ul.sub-menu a {
	font-size: 16px;
	line-height: 15px;
	font-family: 'CreatoDisplay-Light';
	margin-bottom: 0px;
	padding-bottom: 0;
	letter-spacing: 1.1px;
	transition: transform 0.3s ease;
	padding-right:0px;
}
.primary-menu ul.sub-menu a:hover {
	transform: translatex(10px) !important;
	font-family: 'CreatoDisplay-Regular';
}
.header-navigation-wrapper img {
	margin-left: 25px;
	margin-right:10px;
}
.featured-products .overlay {
	display: none;
}
.previous i.icon-angle-right:before {
	position: absolute;
	content: "";
	background: url(/wp-content/uploads/2022/02/arow.svg);
	width: 10px;
	height: 20px;
	right: 192px;
	top: 25px;
}
i.icon-angle-right {
	position: relative;
}
button.forward {
	display: none;
}
button.previous {
	background: transparent;
}
button.forward.disabled {
	background: transparent;
}
.sight-btn a:hover {
	background: #F5FDFF;
}
.social-div img:hover {
	transform: scale(1.4);
}
.primary-menu li.menu-item-has-children:hover .sub-menu {
	display: block;
}
nav.primary-menu-wrapper {
	margin-right: 14px;
}
.header-navigation-wrapper span {
	color: #fff;
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	line-height: 24px;
	padding-left: 5px;
}
.video-sec .banner-image{
	padding-top: 0px;
	padding-bottom: 22px;
	position: absolute;
	left: 37px;
	top: 130px;
	z-index: 99;
	width: 96%;
	right: 147px;	
}
.banner-image {
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
/*
-------------------------------------------------------------- 
	Section 4: Home Page
-------------------------------------------------------------- 
*/

.welcome h1 {
	font-size: 180px;
	line-height: 187px;
	font-family: 'DCC-Ash';
	text-transform: uppercase;
	letter-spacing: 1.1px;
}
.welcome h1 span {
	padding-left: 86px;
	margin-top: -44px;
	display: block;
}
section.welcome {
	padding-top: 50px;
	padding-bottom: 25px;
}
.welcome h2 {
	font-family: 'DCC-Ash';
	font-size: 52px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 54px;
	color: #fff;
	padding-left: 107px;
	margin-top: -26px;
}
.social-div {
	float: left;
	margin-top: 12px;
}
.bottom-div {
	padding-top: 0px;
	position:relative;
}  
.social-div img {
	margin: 0 10px;
	display: inline-block;
	transform: scale(1);
	transition: .3s ease-in-out;
	cursor: pointer;
}
.sight-btn a {
	width: 215px;
	height: 47px;
	background: #fff;
	text-align: center;
	font-size: 20px;
	display: inline-block;
	text-decoration: none;
	color: #353F44;
	border-radius: 27px;
	line-height: 47px;
	font-family: 'CreatoDisplay-Regular';
}
.woocommerce ul.products li.product{
	justify-content: unset;

}
.sight-btn {
	border: 0.5px solid #fff;
	border-collapse: separate;
	border-spacing: 61px;
	border-radius: 27px;
	padding: 5px;
	display: inline-flex;
	float: right;
}

.main-div {
	background:url('../images/home-bg2.jpg');
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	background-position: top !important; 
	padding-top: 120px;
}

/* Newsletter section */

.newsleter-wrap h2 {letter-spacing: 0;text-align: center;margin-right: 121px;margin-bottom: 10px;}

.newsleter-wrap {
	text-align: center;
	margin-top:58px;
	margin-left: -62px;

}

.newsleter-wrap div#es_form_f2-n1 {
	background: transparent !important;
}

.newsleter-wrap .es-field-wrap {
	background: transparent !important;
}
button.alm-load-more-btn.more.done {
	background: #072D48;
	border-radius: 27px;
	font-family: 'CreatoDisplay-Light';
	font-size: 16px;
	letter-spacing: 0;
	text-transform: capitalize;
}
.newsleter-wrap input.es_required_field.es_txt_email.ig_es_form_field_email::placeholder{
	opacity: .5;
}
.newsleter-wrap input.es_required_field.es_txt_email.ig_es_form_field_email {
	background: transparent;
	border-bottom: 1px solid #fff !important;
	color: #FFFFFF;

	width: 100%;
	max-width: 375px;
	margin: 0 auto;
	border: 0px;
	padding-bottom: 0;
	padding-left: 0;
}
.newsleter-wrap form {
	position: relative;
}
input.es_subscription_form_submit {
	background: transparent !important;
	font-size: 16px;
	font-family: 'CreatoDisplay-Light';
	text-transform: capitalize;
	line-height: 19px;
	position: absolute;
	max-width: 106px;
	width: 100%;
	top: -7px;
	margin-left: 164px;
	margin-bottom: 182px;
}

label {
	position: relative;
}

/*
-------------------------------------------------------------- 
	Section 5: Threats Page
-------------------------------------------------------------- 
*/
.video-wrapper {
    width: 85%;
    margin: 0 auto; /* Center the container */
}

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625 = 56.25%) */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* 
========================
BUTTON THREE
========================
*/
.btn-three {
	color: #FFF;
	transition: all 0.5s;
	position: relative;
}
.es_subscription_message.success {
	color: #FFFFFF;
	font-size: 18px;
	font-family: 'CreatoDisplay-Regular';
	letter-spacing: 1px;
	line-height: 24px;
}
.btn-three::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(255,255,255,0.1);
	transition: all 0.3s;
}
.btn-three:hover::before {
	opacity: 0 ;
	transform: scale(0.5,0.5);
}
.btn-three::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border: 1px solid rgba(255,255,255,0.5);
	transform: scale(1.2,1.2);
}
.btn-three:hover::after {
	opacity: 1;
	transform: scale(1,1);
}
#menu-item-11 ul::after {
	height: 106px;
}
.primary-menu ul.sub-menu a:before {
	display: none;
}
#menu-item-646 ul:after {
	height: 170px;
}
.menu-item-674 ul:after {
	height: 80px;
}
.site-footer .modal{
	top:50%;	
}
.footer-bottom a img {
	width: 65px;
	height: 17px;
	margin-top: 0;
	text-align: left;
}
.row.footer-bottom {
	align-items: center;
	margin-top: 150px;
}
.footer-bottom p {
	font-size: 10px;
	font-family: 'CreatoDisplay-Regular';
	line-height: 12px;
	margin-left: 0px;
	text-align: right;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-right: 20px;
}
.footer-bottom a {
	padding-bottom: 5px;
}
.primary-menu li.current-menu-item > a:before {
	position: absolute;
	content: "";
	background: #FFFFFF;
	height: 1px;
	width: 100%;
	bottom: -3px;
}
.what-section {
	padding-left: 96px;
}  
.what-section h2 {
	padding-bottom: 18px;
	position: relative;
}

.donation label:hover {
	background: #F5FDFF;
	border-radius: 27px;
	color: #072D48;
}
.donate_box:first-child {
	margin-left: 0;
}
.donation .donate_box.active {
	background: #F5FDFF;
	color: #072D48;
	border-radius:27px;
}
.donate_box {
	font-family: 'CreatoDisplay-Light';
	font-size: 20px;
	letter-spacing: 0.2px;
	margin: 5px 10px;
	border: 1px solid #f5fdff;
	border-radius: 27px;
}
button.close {
	padding-top: 30px !important;
	padding-right: 30px !important;
}
.other-donation-wrapper input[type="number"] {
	border-radius: 0px;
	background: transparent;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	border-bottom: 1px solid #fff !important;
	border: 0;
	text-align: center;
	width: 122px;
	margin: 0 auto;
	color: #fff;
	background: url(/wp-content/uploads/2022/02/dolar-icon.svg) no-repeat;
	background-size: contain;

}

.page-id-258 .other-donation-wrapper {
	position: relative;
}
.what-section a:hover, .gen-btn:hover {
	background: #fff !important;
	border: 1px solid #fff;
	color: #000 !important;
}
.header-navigation-wrapper span span {
	margin-left: -19px;
}
#site-header > div > div > div.header-navigation-wrapper > span:nth-child(3){
	margin-right: 14px;

}
.icon p {
	font-family: 'DCC-Ash';
	letter-spacing: 1px;
}
.what-section p{
	color:#fff !important;
}
.botom-detail {
	display: flex;
	padding-top: 35px;
}
.botom-detail .bottom-icons:first-child {
	margin-left: 28px;
}
.botom-detail .bottom-icons {
	margin: 0 40px;
}
.botom-detail .bottom-icons:nth-child(2) img {
	text-align: center;
	margin:0 auto;
}
.bottom-icons img {
	padding-bottom: 15px;
	transform: scale(1);
	transition: .3s ease-in-out;
}
.bottom-icons img:hover {
	transform: scale(1.3);
}
.what-section h2:before {
	position: absolute;
	content: "";
	width: 76px;
	height: 1px;
	background: #fff;
	left: -91px;
	top: 18px;
}
.sights {
	text-align: right;
}
.sights .number {
	font-size: 94px;
	color: #fff;
	font-family: 'DCC-Ash';
	line-height: 98px;
	position: relative;
	padding-bottom: 26px;
}
.sights .number:after {
	position: absolute;
	content: "";
	background: #fff;
	width: 76px;
	height: 1px;
	top: 108px;
	right: 0px;
}
.page-id-74  .sights .number:after{
	background: #072D48;
}
.citizen-bg {
	position: relative;
}
.citizen-bg img {
	position: relative;
	z-index: 1;
}
.citizen-bg:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 840px;
	height: 100%;
	z-index: 0;
	left: -280px;
	bottom: -110px;
}
.header-scrolled .primary-menu li.current-menu-item > a:before{
	color:072D48;
}
.team-div img {
	height: 305px;
	object-fit: cover;
}
.sights h2 {
	padding-bottom: 6px;
}
.devils ul {
	padding-top: 16px;
}
button.single_add_to_cart_button.button.alt, button.close {
	background: transparent !important;
}
.devils li {
	padding-bottom: 21px;
	position: relative;
}
.devils li:before {
	position: absolute;
	content: "";
	width: 19px;
	height: 1px;
	background: #fff;
	top: 26%;
	left: -32px;
}
.sightings-map h3 {
	font-size: 20px;
	font-family: 'creato-bold';
	color: #fff;
	text-transform: uppercase;
	padding-top: 10px;
	letter-spacing: 0px;
}
.sightings-map span {
	display: block;
	color: #fff;
	font-family: 'CreatoDisplay-Light';
	font-size: 20px;
	line-height: 24px;
	padding-top: 37px;
	letter-spacing: .1px;
}
.sightings-map h2 {
	position: relative;
}
.sightings-map h2:before {
	position: absolute;
	content: "";
	background: #fff;
	width: 80px;
	height: 1px;
	left: -91px;
	top: 50%;   
}
.donate-btn a, .sitizen-section a{
	width: 208px;
	height: 65px;
	background: #fff;
	text-align: center;
	font-size: 20px;
	display: inline-block;
	text-decoration: none;
	color: #353F44;
	border-radius: 27px;
	line-height: 65px;
	font-family: 'CreatoDisplay-Regular';
}
.page-id-6  .dona {
	text-align: center;
	padding-top: 33%;
	padding-bottom: 363px;
}
.btn-info {
	background: transparent;
	border: 0px;
	color: #353F44;
	font-size: 20px;
	font-family: 'CreatoDisplay-Regular';
	line-height: 24px;
}

.donate-btn button.btn.btn-info.btn-lg {
	color: #353F44;
	font-size: 20px;
	line-height: 24px;
	background: #fff;
	width: 208px;
	height: 65px;
	border-radius: 50px;
	text-transform:capitalize;
	transition:.3s ease-in-out;
}
.donate-btn button.btn.btn-info.btn-lg:hover {
	background: #072D48 !important;
	color: #F5FDFF;
}
.dona {
	text-align:center;
	padding-top: 25%;
	padding-bottom: 250px;
}
.fis-img {
	position: relative;
}
.donate-btn {
	border: 0.5px solid #fff;
	border-collapse: separate;
	border-spacing: 61px;
	border-radius: 54px;
	padding: 5px;
	display: inline-flex;
	justify-content: center;
	transition: .3s ease-in-out;
}
.donate-btn a {
	width: 208px;
	height: 65px;
	background: #fff;
	text-align: center;
	font-size: 20px;
	display: inline-flex;
	text-decoration: none;
	color: #353F44;
	border-radius: 54px;
	line-height: 65px;
	font-family: 'CreatoDisplay-Regular';
	margin: 0 auto;
	justify-content: center;
}
section.what-we-do {
	padding-bottom: 0px;
	padding-top: 0px;
}
section.sightings {
	padding-bottom: 65px;
	padding-top: 0;
}
section.sightings-map {
	padding-top: 18%;
}
section.devils.support {
	padding-top: 0px;
}
/*
-------------------------------------------------------------- 
FOOTER CSS
-------------------------------------------------------------- 
*/
.page-id-6  footer#site-footer{
	background:unset;
	min-height:unset;
}
.shop-menu {
	margin-top: 40px;
}
footer#site-footer {
	background: url(/wp-content/uploads/2022/03/Manta-Watch-Base.png);
	min-height: 1280px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -220px;
	padding-bottom:20px;
}
#site-footer {
	background: transparent;
}
.footer-credits ul li:first-child a {
	line-height: 24px;
	font-family: 'CreatoDisplay-Regular';
	font-size: 20px;
}
.footer-credits img {
	width: 288px;
	height: 113px;
	margin-top: 46px;
}
.footer-credits a {
	font-size: 16px;
	font-family: 'CreatoDisplay-Light';
	color: #F5FDFF;
	line-height: 19px;
	letter-spacing: .1px;
	padding-bottom: 8px;
	transition:.3s;
}
li#menu-item-71 a, li#menu-item-72 a, li#menu-item-63 a, li#menu-item-64 a, li#menu-item-69 a {
	font-size: 20px;
	line-height: 24px;
	font-family: 'CreatoDisplay-Regular';
}
.research-menu, .sighting-menu {
	padding-top: 40px;
}
.bor-right {
	border-left: 1px solid #fff;
	padding-left: 17px;
}
.footer-credits .container {
	width: 90%;
}
.col-md-3.bor-right.about-menu {
	flex: 0 0 19%;
	max-width: 25%;
}
.col-md-3.bor-right.edu-men {
	flex: 0 0 22%;
	max-width: 25%;
}

/*
-------------------------------------------------------------- 
Pop Up CSS
-------------------------------------------------------------- 
*/
.modal-dialog {
	max-width: 45%;
}
.modal-body {
	background: #072D48;
	text-align:center;
}

.modal-body .img-border img {
	width: 77px;
}

.modal-body h2 {
	color: #F5FDFF;
	text-align: center;
}
.modal-body p {
	text-align: center;
	width: 89%;
	margin: 0 auto;
	padding-top: 5px;
}

.donation {
	display: inline-flex;
	align-items: center;
	margin-bottom: 10px;
}

.donation .radio {
	display: inline-flex;
	border-radius: 27px;
	margin: 0 10px;
	border: 1px solid #F5FDFF;
	color: #fff;
	justify-content: center;
	align-items: center;
}

.modal-body .donation_add_to_cart.single_add_to_cart_button.button {
	width: 156px;
	height: 41px;
	background: transparent;
	font-family: 'CreatoDisplay-Light';
	transition: .3s ease-in-out;
	border-radius: 54px;
	line-height: 1px;
	border: 1px solid #F5FDFF;
	font-family: 'CreatoDisplay-Light';
	background-color: transparent !important;
}
.modal-body .donation_add_to_cart.single_add_to_cart_button.button:hover {
	background: #fff !important;
	color: #000;
}
.donation .radio input {
	display: none;
}
.donation label {
	font-size: 16px;
	margin-bottom: 0;
	width: 79px;
	height: 41px;
	line-height: 41px;
	cursor:pointer;
	text-align:center;
}
.donate-btn button.btn.btn-info.btn-lg {
	background: #fff !important;
	text-decoration: none;
}
.store-info-name {
	color: #072D48;
	font-size: 16px !important;
	font-family: 'CreatoDisplay-Light';
	line-height: 19px;
	letter-spacing: 1px;
	font-weight: 400 !important;
}

.citizen-gallery .img-wrap p {
	position: unset;
	background: transparent;
	color: #F5FDFF;
	font-size: 16px;
	text-align: center;
	line-height: 19px;
	padding: 0;
}
.gallery-info::before{
	display:none;
}
.citizen-scientists .overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: #072D48;
	opacity: 0;
} 
.gallery-info{
	display:none;
}
.gallery-info {
	position: absolute;
	top: 25%;
	padding: 10px;
	margin-top: 30%;
	margin-left: 5%;
}

.img-wrap:hover .gallery-info {
	display: block;
}
.img-wrap:hover .overlay {
	opacity: .8;
}
.other-donation-field {
	padding-top: 15px;
	color: #F5FDFF;
}
.modal-content .woocommerce-product-details__short-description {
	margin-bottom: 19px;
}
.modal-header {
	background: #072d48;
	border: 0px;
	padding:0px;
}
.other-donation-wrapper button.donation_add_to_cart.single_add_to_cart_button.button:hover {
	color: #072d48;
	text-decoration: none;
	background: #f5fdff !important;
}
.woocommerce-shop span.ymi {
	display: none;
}

.featured-products img {
	width: 405px;
	position: relative;
}
.map-fliter img {
	width: 40px;
	margin-top: 0 !important;
	float: right;
	position: absolute;
	z-index: 9;
	right: 26px;
	top: 20px;
	cursor:pointer;
	z-index:10;
}
.icon-box-wrap .container {
	width: 80%;
}
.stockist_find .sight-map-section p{
	width:100%;
}
.map-fliter {
	position: relative;
}
.featured-products span.ymi-gender {
	position: absolute;
	right: 100px;
}

.featured-products span.price {
	position: absolute;
	right: 170px;
	margin-top: 17px;
}
.featured-products a.button.add_to_cart_button
margin-top: 13px;
}
.img-wrap  .gallery-info h2 {
	color: #F5FDFF;
	font-size: 20px;
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
	line-height: 24px;
}
.img-wrap .gallery-info h2:before{
	display:none;
}
.modal-body .single-product .single_add_to_cart_button {
	font-size: 16px !important;
	padding: 0px;
	text-transform: capitalize;
	font-weight: 300;
	margin-top: 50px;
}
.modal-body .single-product .single_add_to_cart_button:hover {
	text-decoration:none;
}
.img-border {
	position: relative;
}
.img-border:after {
	position: absolute;
	content: '';
	background: #F5FDFF;
	width: 34px;
	height: 1px;
	bottom: -22px;
	left: 47%;
}
.img-border {
	position: relative;
}

.img-border:after {
	position: absolute;
	content: '';
	background: #F5FDFF;
	width: 34px;
	height: 1px;
	bottom: -22px;
	left: 47%;
}
.footer-credits a:hover {
	font-family: 'CreatoDisplay-Regular';
	padding-left: 10px;
}

.other-donation-wrapper {
	margin: 60px 0px;
}
.modal{
	top: 10%;
}
#other-donation input[type="number"] {
	background: transparent;
	border: 0px;
	border-bottom: 1px solid #F5FDFF;
	width: 122px;
	color: #fff;
	margin-left: 49px;
	border-radius: 0px;
}
.codedropz-btn-wrap .placeholder {
	width: 100%;
	display: block;
	position: absolute;
	top: 43%;
}
.codedropz-btn-wrap .placeholder p {
	color: #072D48 !important;
	opacity: .5;
	padding-bottom: 0;
	line-height: 24px;
	margin-bottom: 7px;
}
#other-donation input[type="number"]:focus, #other-donation input[type="number"]:active{
	outline:none;
}
#other-donation input[type="number"]::placeholder {
	font-size: 0;
}
div#other-donation:before {
	position: absolute;
	content: "";
	background: url(/wp-content/uploads/2022/02/dolar-icon.svg);
	width: 26px;
	height: 48px;
	left: 33%;
	margin-top: 5px;
}

div#other-donation {
	margin-top: 40px;
}

/*
-------------------------------------------------------------- 
Shop Page CSS
-------------------------------------------------------------- 
*/
nav.woocommerce-breadcrumb {
	display: none;
}
.sho-div p {
	color: #072D48;
	width: 71%;
	margin-left: 70px;
}
section.color-ship.shop section.color-ship:after{
	left: -90px;
}
.pr-detail {
	text-align: center;
	display: block;
	width: 100%;
}
section.color-ship.shop {
	margin-top: 20px;
}
.pr-detail h2 {
	color: #072D48;
}

.pr-detail {
	text-align: center;
	display: block;
	width: 100%;
}

.specification-div h2 {
	color: #072D48;
	padding-bottom: 15px;
	position: relative;
}

.specification-div p {
	color: #072D48;
}

.specification-div {
	margin-left: 90px;
	margin-bottom: 150px;
}
.yelow-sec-div p {
	font-size: 40px;
	line-height: 48px;
	padding: 60px;
	width: 71%;
	margin-bottom:0px;
}
.yelow-sec-div p:hover {
	border-bottom:1px solid #fff;
}
.yelow-sec-div {
	right: -130px;
	background: #072D48;
	position: absolute;
}
.specification-div h2:before {
	background: #072D48;
	position: absolute;
	content: "";
	width: 76px;
	height: 1px;
	left: -90px;
	top: 20px;
}
.sho-div {
	margin-bottom: 111px;
	margin-top: 131px;
}
h2.woocommerce-loop-product__title {
	color: #072D48 !important;
	font-size: 16px !important;
	font-family: 'CreatoDisplay-Light';
	line-height: 19px;
	letter-spacing: 1px;
	float:left;
}
.cart_totals #wc-stripe-payment-request-wrapper {
	display: none !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	width: 25.2% !important;
}

.products-colors span.woocommerce-Price-amount.amount {
	color: #072D48;
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	line-height: 24px;
	letter-spacing: 0;
	padding-left: 5px;
	margin-top: 3px;
	border-left: 1px solid #072D48;
	margin-left: 5px;
}
ul.products li.product:nth-child(2), ul.products li.product:nth-child(4) {
	margin-left: 220px !important;
}

.woocommerce-shop span.ymi-gender{
	display:none;
}

ul.products li.product .overlay{
	bottom: 57px;
}
.devil-main-wrap.supo h2:before {
	left: -91px;
	position: absolute;
	content: "";
	background: #072D48;
	width: 76px;
	height: 1px;
	top: 50%;
}
.featured-products span.ymi {
	display: none;
}
span.ymi-gender {
	color: #072D48;
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	line-height: 24px;
	margin-top: 13px;
	display: inline-block;
	text-align: right;
}
span.product-description p {
	color: #1d5460;
	font-family: 'CreatoDisplay-Light';
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0;
	padding-left: 88px;
	width: 28%;
	padding-top: 15px;
	padding-bottom: 40px;
}
span.products-colors {
	margin-left: 30px;
	position: inherit;
	top: -5px;
	display: inline-flex;

}
span.product-color{
	width: 17px !important;
	height: 17px !important;
	border-radius: 50% !important;
	display:initial;
	border: 1px solid #707070;

}
.supor-tag p {
	left: 0 !important;
}
span.price {
	float: right;
	color: #072D48;
	font-size: 16px;
	line-height: 19px;
	font-family: 'CreatoDisplay-Light';
	margin-top: 19px;
}
h2.product-cat {
	color: #072D48;
	padding-left: 87px;
	position: relative;
}
h2.product-cat:before {
	background: #072D48;
	width: 76px;
	height: 1px;
	left: 0;
	position: absolute;
	content: "";
	top: 50%;
}
li.product-cat-wrapper{
	width:100%;
	display:block;
}

/*
-------------------------------------------------------------- 
	Section 5: Support / Donate Page
-------------------------------------------------------------- 
*/
.overlay img {
	display: none !important;
	transition: .3s;
	width: 100%;
	height: 400px;
	object-fit: cover
}
.woocommerce-loop-product__link:hover img {
	display:none;
}
.woocommerce-loop-product__link:hover .overlay img{
	display:block;
	transition: .3s;
}
.woocommerce ul.products {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
ul.products li.product:hover .overlay {
	opacity: .8;
}
.woocommerce ul.products li.product .button {
	position: unset;
	display: block;
	width: fit-content;
	margin-top: 11px;
	color: #072D48;
	font-size: 16px !important;
	font-family: 'CreatoDisplay-Light' !important;
	line-height: 19px;
	background: transparent;
	border-radius: 27px;
	border: 1px solid #072D48;
	text-transform: capitalize;
}
.woocommerce ul.products li.product .button:hover {
	background: #072D48;
	color: #fff;
}

/*
-------------------------------------------------------------- 
	Section 6: Woocommerce Cart and Checkout Page
-------------------------------------------------------------- 
*/
a.button.add_to_cart_button {
	color: #072D48;
	font-size: 16px !important;
	font-family: 'CreatoDisplay-Light' !important;
	line-height: 19px;
	background: transparent;
	border-radius: 27px;
	border: 1px solid #072D48;
	text-transform: capitalize;
	margin-bottom: 12px;
	height: 41px;
	line-height: 6px;
	text-decoration: none !important;
}
a.button.add_to_cart_button:hover {
	background: #072D48;
	color: #fff;
}
.woocommerce form .form-row .woocommerce-input-wrapper .input-text {
	font-size: 18px;
}
.woocommerce form .form-row .input-text {
	font-family: inherit;
    font-weight: 400;
    letter-spacing: normal;
    padding: .5em;
    display: block;
    background-color: var(--wc-form-color-background, #fff);
    border: var(--wc-form-border-width) solid var(--wc-form-border-color);
    border-radius: var(--wc-form-border-radius);
    color: var(--wc-form-color-text, #000);
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    line-height: normal;
    height: auto;
}
.woocommerce form .form-row {
	flex-direction: column;
	margin-bottom: 14px;
	color: #072D48;
}
.woocommerce-cart header#site-header {
	background: #F5FDFF;
}
.return-to-shop a.button.wc-backward {
	background: #072D48;
    border-radius: 27px;
    font-size: 18px;
    font-family: 'CreatoDisplay-Light';
    text-transform: capitalize;
    padding: 12px 22px;
	color: white;
}
.woocommerce-cart nav ul li a {
	color: #072D48 !important;
}

#site-content .woocommerce {
    max-width: 1600px;
    padding: 0 5vw;
    margin: 0 auto
}
.post-inner {
	padding-top: 0;
}
.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table thead, .woocommerce-checkout form #order_review_heading .woocommerce-checkout-review-order-table thead {
	display: none;
}
.woocommerce-info {
	background: transparent;
	border-bottom: 1px solid #3A444C;
	border-top: 0px;
	font-size: 18px;
	font-family: 'CreatoDisplay-Regular';
	letter-spacing: 0.5px;
	color: #072D48;
}
.woocommerce-info::before {
	color: #072D48;
}
.checkout_coupon p {
	color: #3A444C;
	font-size: 18px;
	font-family: 'CreatoDisplay-Regular';
}
.checkout_coupon input#coupon_code {
	background: transparent;
	border: 1px solid #3A444C;
	border-radius: 27px;
}
.checkout_coupon input#coupon_code::placeholder {
	color: #3A444C;
	font-size: 16px;
	font-family: 'CreatoDisplay-Light';
	letter-spacing: 1px;
}
.woocommerce-checkout button[name=apply_coupon] {	
	font-size: 16px;
	border: 1px solid #072D48;
	background: transparent;
	border-radius: 27px;
	color: #072d48;
	text-decoration: none;
	font-family: 'CreatoDisplay-Light';
	transition: .3s ease-in-out;
	line-height: 18px;
	text-transform: capitalize;
	width: 100px;
}
.woocommerce-checkout button[name=apply_coupon]:hover {
	background: #072D48;
	color: white;
}
.woocommerce-checkout h3 {
	font-size: 30px;
	font-family: 'CreatoDisplay-Regular';
	letter-spacing: 0.5px;
	line-height: 34px;
	font-weight: 500;
	color: #072D48;
	margin-top: 3rem;
}
.woocommerce-checkout input {
	border: 0 !important;
	background: transparent;
	border-bottom: 1px solid #072D48 !important;
	padding-left: 0;
	font-size: 20px;
	line-height: 16px;
	padding-bottom: 0;
	color: #3A444C;
}
.woocommerce-checkout input[type=checkbox] {
	border: 1px solid #072D48 !important;
	background: white;
	border-radius: 2px;
	margin: 0 0.5rem;
}
.woocommerce-checkout #payment {
	background: transparent;
}
.woocommerce-checkout #payment ul.payment_methods {
    padding: 0;
	margin-top: 20px;
}
span#select2-billing_country-container, span#select2-billing_state-container {
	background: transparent !important;
	padding-left: 0;
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	letter-spacing: 1px;
	color: #3A444C;
	line-height: 36px;
}
textarea#order_comments {
	border: 1px solid #3A444C;
}
.woocommerce-checkout-review-order td.product-name {
	color: #3A444C;
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
}
.woocommerce-checkout .select2-container .select2-selection--single {
	height: 48px;
	background: transparent;
	border: 0px;
	border-bottom: 1px solid #3A444C;
	border-radius: 0;
	padding-left: 0;
	margin-left: 0;
}
.woocommerce-checkout input[type="radio"]:checked + label {
	width: 100%;
	color: #072D48;
	margin-bottom: 40px;
	background: transparent;
	border: 1px solid #000;
	padding-left: 24px;
}
.woocommerce-privacy-policy-text p {
	font-size: 16px;
	color: #3A444C;
	font-family: 'CreatoDisplay-Light';
}
a.woocommerce-privacy-policy-link {
	color: #3A444C;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	transition: .3s ease-in-out;
	background: #3A444C;
	border-radius: 27px;
	color: #F5FDFF;
	font-size: 18px;
	font-family: 'CreatoDisplay-Light';
	text-decoration: none;
	background: #072D48 !important;
	text-transform: capitalize;
}
.woocommerce #payment #place_order:hover {
	background: white !important;
	border: 1px solid #072D48;
	color: #072D48;
}
.woocommerce-checkout header#site-header{
	background:#F5FDFF;
}
.woocommerce-checkout nav ul li a {
	color: #072D48 !important;
}
.footer-bottom {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 110px;
}
.woocommerce-checkout img.head {
	display: none;
}
.woocommerce-checkout img.sticky-header {
	display: block;
}
.woocommerce-checkout span {
	color: #072D48;
}
.woocommerce-checkout header.entry-header.has-text-align-center.header-footer-group {
	padding: 0;
}
.cart-banner p {
	color: #072D48;
	line-height: 24px;
	width: 85%;
}
.suppor-donation button.single_add_to_cart_button.button.alt {
	font-size: 16px;
	border: 1px solid;
	border-radius: 27px;
	margin-top: 30px;
	padding: 12px 22px;
	text-align: center;
	font-family: 'CreatoDisplay-Light';
	text-transform: capitalize;
	letter-spacing: 1px;
	text-decoration:none;
}
.suppor-donation button.single_add_to_cart_button.button.alt:hover{
	background: #F5FDFF !important;
	border: 1px solid #072d48;
	color: #072d48;
}
.woocommerce-cart th {
	font-size: 20px;
	color: #072D48;
	font-family: 'CreatoDisplay-Light';
	line-height: 24px;
	font-weight: 400 !important;
}
.woocommerce-cart-form__contents th.product-price, .woocommerce-cart-form__contents .product-quantity, th.product-subtotal, th.product-quantity {
	text-align: center;
}

.woocommerce table.shop_table {
	border: 0;
	margin: 0;
}

table.shop_table tfoot {
	font-weight: 400;
    font-family: 'CreatoDisplay-Light';
    letter-spacing: 0.5px;
}

.woocommerce-cart-form table input.qty {
	text-align: center;
}
td.product-subtotal {
	text-align: center;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
	text-align: left;
	float: left;
	width: 100%;
}
.bottom-video-div{
	width: 100% !important;
	max-width: 720px !important;
	height:609px !important
}
.post-metas span {
	font-family: 'CreatoDisplay-Light';
	font-size: 20px;
	line-height: 24px;
	letter-spacing:1px;
}
a.added_to_cart.wc-forward {
	text-decoration: none;
	color: #072D48;
	border: 1px solid #072D48;
	border-radius: 27px;
	padding: 7px 31px;
	font-size: 16px;
	font-family: 'CreatoDisplay-Light';
	letter-spacing: 1px;
	margin-left: 0px !important;
	margin-top: 10px !important;
}
.newsleter-wrap input.es_required_field.es_txt_email.ig_es_form_field_email::placeholder {
	color: #FFFFFF;
	font-family: 'CreatoDisplay-Light';
	letter-spacing: 1px;
}
.woocommerce-cart .product-name {
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	line-height: 30px;
	color: #072D48;
	text-decoration: none;
}

.woocommerce-cart-form img {
	width: auto !important;
	max-width: 120px;
}

.woocommerce-cart-form .actions button[name=update_cart] {
	border: 1px solid #072D48;
	border-radius: 27px;
	font-size: 16px !important;
	font-family: 'CreatoDisplay-Light';
	text-transform: capitalize;
	letter-spacing: 1px;
	margin-top: 20px;
	background: #072D48;
	color: #F5FDFF;
	padding: 9px 22px;
	font-weight: 400;
	position: relative;
	z-index: 99;
}

a.checkout-button.button.alt.wc-forward {
	background: #072D48;
	width: 240px;
	font-size: 18px;
	font-family: 'CreatoDisplay-Regular';
	font-weight: 400;
	color: #F5FDFF;
	text-transform: capitalize;
	border-radius: 27px;
	margin-right: 6px;
	border: 1px solid #072D48;
	transition: 0.5s
}

.checkout-button::after {
	display: none;
}
.cart_totals {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}
.cart_totals 
table.shop_table.shop_table_responsive {
	width: 100%;
	color: #072D48;
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	margin-right: 100px;
}
.woocommerce-cart  img.img-responsive.head {
	display: none;
}
.woocommerce-cart img.sticky-header {
	display: block;
}

.woocommerce-cart .header-navigation-wrapper span {
	color: #072D48;
}
.cart-banner {
	margin-bottom: 2rem;
}
.cart-banner h2 {
	color: #072D48;
	font-size: 60px;
	font-family: 'DCC-Ash';
	position:relative;
	letter-spacing: 1.5px;
}
.cart-btn-wrap a, .check-btn-wrap a {
	font-size: 16px;
	float: right;
	border: 1px solid #072D48;
	border-radius: 27px;
	color: #072d48 !important;
	text-decoration: none;
	width: 110px;
	font-family: 'CreatoDisplay-Light';
	letter-spacing: .5px;
	position: relative;
	transition: .3s ease-in-out;
	text-align: center;
	line-height: 40px;
}
.cart-btn-wrap a:hover, .check-btn-wrap a:hover {
	background: #072D48;
	color: #F5FDFF !important;
}
.cart-btn-wrap a:before {
	position: absolute;
	content: "<";
	left: 18px;
}
.wc_payment_method .payment_box, div#stripe-card-element, div#stripe-exp-element, div#stripe-cvc-element{
	background:transparent;
}
img.alignright.active {
	display: none;
}
img.clo-icon-wrap {
	float: right;
	text-align: right;
	margin-left: 20px;
	cursor: pointer;
	position:relative;
	z-index:999;
	width:22px;
}

.woocommerce-cart-form .quantity input{
	border: 0px solid #eee;
	background: transparent;
}
.wc_payment_method .payment_box p, .wc_payment_method .payment_box p a {
	color: #072D48;
	font-family: 'CreatoDisplay-Light';
	font-size: 18px;
	letter-spacing: 1px;
}
.wc-credit-card-form label {
	color: #072D48;
	font-family: 'CreatoDisplay-Regular';
	letter-spacing: 1px;
	font-size: 18px;
	line-height: 19px;
}
.wc_payment_method .payment_box fieldset{
	background: #F5FDFF;
}
.woocommerce-SavedPaymentMethods-saveNew label {
	color: #072D48;
	font-size: 18px;
	font-family: 'CreatoDisplay-Regular';
	line-height: 24px;
}
.woocommerce-notices-wrapper {
	margin-top: 100px;
	color: #072D48;
	font-family: 'CreatoDisplay-Light';
	font-size: 18px;
}

.woocommerce-order p {
	color: #072D48;
}

.woocommerce-order li {
	color: #072D48;
	font-size: 18px;
	font-family: 'CreatoDisplay-Light';
	line-height: 27px;
}

h2.woocommerce-order-details__title, h2.woocommerce-column__title {
	font-size: 40px;
	color: #072D48;
	font-family: 'CreatoDisplay-Regular';
	letter-spacing: 0;
	line-height: 41px;
}

.cart-banner h2:before{
	display:none;
}
.cart-btn-wrap a{
	margin-top: 29px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
	width: 100%;
}
.woocommerce-LoopProduct-link .woocommerce img:hover .overlay {
	opacity: 1;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
	background:transparent;
}
.woocommerce-error li {
	color: #072D48;
}

/*
-------------------------------------------------------------- 
Sight Map Page CSS
-------------------------------------------------------------- 
*/
.sight-map .sight-btn {
	position: absolute;
	right: 50px;
	bottom: 30px;
}
h2.map-head-wrap:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 76px;
	height: 1px;
	left: 0;
	top: 39px;
}
.map-filter-details-wrap p {
	color: #072D48;
	font-size: 18px;
	font-family: 'CreatoDisplay-Regular';
	line-height: 21px;
	letter-spacing: 1px;
	margin-bottom: 5px;
	margin-left: 54px;
	position:relative;
}
button.gm-control-active {
	filter: brightness(100);
}
.gmnoprint.gm-style-cc, .gmnoprint div.gm-style-cc {
	display: none;
}
.map-icon-div {
	position: relative;
}
.map-filter-details-wrap {
	position: absolute;
	top: -77px;
}
.map-filter-details-wrap p:before {
	position: absolute;
	content: "";
	background: url(/wp-content/uploads/2022/02/blu-icon.svg);
	width: 6px;
	height: 6px;
	top: 6px;
	left: -14px;
}
.map-filter-details-wrap p:first-child:before {
	background: url(/wp-content/uploads/2022/02/whi-icn.svg);
}

.gmnoprint div img {
	margin-top: 0;
}
.sight-map-section h2 {
	padding-left: 90px;
	color: #072D48;
	position: relative;
	font-size: 80px;
	line-height: 84px;
	padding-bottom: 20px;
}
.Images {
	display: block;
	width: 73.5%;
	margin: 0 auto;
}
.Images .codedropz-upload-handler {
	border: 0px dashed #c5c5c5;
	background: #F5FDFF;
	border: 1px solid #072D48;
	height: 301px;
}
.dnd-upload-status .dnd-upload-details .name em {
	color: #072D48;
	font-weight: 400;
	font-family: 'CreatoDisplay-Light';
	opacity: .5;
	font-size: 20px;
}
.sight-map-section {
	margin-top: 147px;
	position:relative;
}
.Injuries, .Comments {
	display: block;
	width: 73.5%;
	margin: 0 auto;
	background: #F5FDFF;
	height: 218px;
}
.Injuries textarea, .Comments textarea{
	min-height: 218px;
	background: #F5FDFF;
	border: 1px solid #072D48;
	max-height: 218px;
}

.map-div {
	margin-top: 40px;
	text-align: right;
	margin-right: 98px;
}
.citizen-gallery {
	margin-top: 128px;
}

.map-div {
	margin-top: 40px;
	text-align: right;
	margin-right: 98px;
}

.citizen-gallery .gallery-info h2 {
	position: relative;
	text-align: center;
	padding-bottom: 20px;
}
.citizen-gallery .main_heading_citizen {
	color: #072D48;
	font-size: 80px;
	padding-left: 51px;
	line-height: 84px;
	margin-bottom: 68px;
	position: relative;
}
.citizen-scientists div#ajax-load-more {
	width: 93%;
	margin: 0 auto;
}
.citizen-gallery h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 43px;
	height: 1px;
	left: 0;
	top: 50%;
}
.Species input {
	display: none;
}
.img-wrap span {
	color: #F5FDFF;
	font-size: 16px;
	font-family: 'CreatoDisplay-Light';
	line-height: 19px;
	position: absolute;
	top: 32px;
	right: 50px;
	z-index: 99;
	letter-spacing: 1px;
	display: none;
}
.img-wrap span:before {
	position: absolute;
	content: "";
	background: #F5FDFF;
	width: 30px;
	height: 1px;
	right: -40px;
	top: 10px;
}
.img-wrap:hover span {
	display: block;
}
.map-div input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
	text-decoration: none;
}
.citizen-gallery .img-wrap img{ 
	width: 100%;
	height: 367px;
	object-fit: cover;
}
.Injuries textarea::placeholder, .Comments textarea::placeholder {
	color: #072D48;
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	line-height: 24px;
	opacity: .5;
	text-align: center;
	padding-top: 85px;
}
#uploaded_image img {
	height: 300px;
	object-fit: cover;
}
img.close-map-filte {
	width: 32px;
}
input[type="radio"]:checked + span {
	opacity: 1;
	font-weight:600;
}

.sight-map-div .row {
	align-items: center;
	margin-top: 12px;

}
.sight-map-div input::placeholder {
	opacity: .5;
	color: #072D48;
	font-size: 20px;
	line-height: 24px;
	font-family: 'CreatoDisplay-Light';
}

.citizen-gallery .alm-reveal{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.map-div input.wpcf7-form-control.has-spinner.wpcf7-submit{
	background: #072D48;
	border-radius: 27px;
	font-size: 16px;
	font-family: 'CreatoDisplay-Light';
	text-transform: capitalize;
	letter-spacing: 1px;
	width: 158px;
	height: 41px;
	line-height: 8px;
	font-weight: 400;
	margin-right: 50px;
}
.sight-map-section img {
	margin: 0 auto;
	margin-top: 150px;
	transition:.3s;
}
.Upload_Image input#Upload_Image {
	opacity: 0;
	width: 100%;
	height: 55px;
	cursor: pointer !important;
}

.Upload_Image {
	width: 72%;
	height: 55px;
	display: block;
	background: #F5FDFF;
	position: relative;
	border: 1px solid #707070;
	margin: 0 auto;
}
.box-img {
	background: #FFFFFF;
	height: 300px;
	border: 1px solid #707070;
	width: 301px;
	float: right;
	margin-top: -40px;
}
.Upload_Image:before {
	position: absolute;
	content: "Select to upload";
	width: 93%;
	display: block;
	font-size: 16px;
	font-family: 'CreatoDisplay-Light';
	line-height: 5px;
	letter-spacing: 1px;
	opacity: .5;
	top: 50%;
	left: 8%;
	text-align: center;
}
p.idle-img {
	color: #072D48;
	opacity: .5;
	font-family: 'CreatoDisplay-Light';
	line-height: 24px;
	letter-spacing: 1px;
	padding-top: 10px;
}
.box-img p {
	color: #072D48;
	font-size: 16px;
	font-family: 'CreatoDisplay-Light';
	line-height: 19px;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	margin-top: 130px;
	opacity: .5;
	letter-spacing: .2px;
}
.box-img p:before {
	position: absolute;
	content: "";
	background: url(/wp-content/uploads/2022/02/upload-icon.svg);
	width: 27px;
	height: 21px;
	left: 46%;
	top: 92px;
}
.Upload_Image:after {
	position: absolute;
	content: "";
	background: url(/wp-content/uploads/2022/02/upload-icon.svg);
	width: 27px;
	height: 21px;
	top: 34%;
	left: 39%;
	cursor:pointer;
}
input#btn-apply {
	height: 41px;
	margin-top: 20px;
	line-height: 9px;
	width:112px;
}
.sight-map-div .container {
	background: #DEEDF1;
	width: 73%;
	margin: 0 auto;
	margin-top: 225px;
	padding-bottom: 50px;
}
input[name="Manta_Behavior"]:checked + .wpcf7-list-item-label span:before {
	position: absolute;
	content: "";
	width: 17px;
	background: #072D48;
	height: 1px;
	left: -24px;
	top: 12px;
}
input[name="Manta_Behavior"]:checked + .wpcf7-list-item-label span {
	font-size: 20px;
	font-weight: 400;
	font-family: 'CreatoDisplay-Regular';
	line-height: 24px;
	position: relative;
}
input[name="Manta_Behavior"]:checked + .wpcf7-list-item-label span {
	font-size: 20px;
	font-weight: 400;
	font-family: 'CreatoDisplay-Regular';
	line-height: 24px;
	position: relative;
}
.form-bg:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 400px;
	height: 220px;
	top: 145px;
	z-index: -1;
}
.form-bg {
	position: relative;
}
.t-box a {
	text-decoration: none;
}
.sight-map-div h4 {
	color: #072D48;
	opacity: .5;
	width: 54%;
	margin: 0 auto;
	font-weight: 400 !important;
	font-family: 'CreatoDisplay-Light';
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 30px;
	letter-spacing: 1px;
}
.Images .codedropz-upload-container{
	padding:0;
}
.sight-map-div h2 {
	text-align: center;
	color: #072D48;
	padding-top: 40px;
	position: relative;
	padding-bottom: 30px;
}

.sight-map-div h2:after {
	position: absolute;
	content: "";
	background: #072D48;
	height: 1px;
	width: 322px;
	left: 30%;
	bottom: 16px;
}
.hover-btn a{
	cursor: hand;
	position: relative;
	overflow: hidden!important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: transparent!important;
	z-index:10;   
}
.hover-btn a:hover{
	color: #fff !important;
	text-decoration: none;
}
.hover-btn a::before {
	content: '';
	width: 0%;
	height: 100%;
	display: block;
	background: #FF912D;
	position: absolute;
	-ms-transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg); 
	transform: skewX(-20deg);   
	left: -10%;
	opacity: 1;
	top: 0;
	z-index: -12;
	-moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	box-shadow:2px 0px 14px rgba(0,0,0,.6);
} 

.hover-btn a::after {
	content: '';
	width: 0%;
	height: 100%;
	display: block;
	background: #E5E5E5;
	position: absolute;
	-ms-transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg); 
	transform: skewX(-20deg);   
	left: -10%;
	opacity: 0;
	top: 0;
	z-index: -15;
	-webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
	-moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
	-o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
	transition: all .4s cubic-bezier(.2,.95,.57,.99);
	box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.hover-btn a:hover::before, .hover-btn a:hover::before{
	opacity:1;
	width: 116%;
}
.hover-btn a:hover::after, .hover-btn a:hover::after{
	opacity:1;
	width: 120%;
}
.sight-map-div input {
	background: transparent;
	border: 0px;
}
.sight-map-div .text-right {
	padding-right: 35px;
}
.sight-map-div .text-right {
	padding-right: 35px;
	color: #072D48;
	font-size: 20px;
	line-height: 24px;
	font-family: 'CreatoDisplay-Regular';
	font-weight: 400;
	letter-spacing: .2px;
	position: relative;
}
.sight-map-div .text-right:after {
	position: absolute;
	content: "";
	background: #072D48;
	width: 1px;
	height: 27px;
	right: 0;
}
.sight-map-div h3 {
	color: #072D48;
	font-size: 20px;
	line-height: 24px;
	font-family: 'CreatoDisplay-Regular';
	letter-spacing: 1px;
	font-weight: 400;
	margin-bottom: 0;
	padding: 40px 0px;
}
.sight-map-div input:focus {
	outline: none;
}
.Species label, .Gender label {
	text-align: left;
	font-size:20px;
	font-family: 'CreatoDisplay-Light';

}
.Species span.wpcf7-list-item-label, .Gender span.wpcf7-list-item-label {
	color: #072D48;
	opacity: .6;
	text-align: left;
}
span.wpcf7-form-control-wrap.Species {
	margin-bottom: 30px;
	display: block;
}
.yelow-sec-div p:hover, .rail-section p:hover {
	color: #f0f8ffdb;
}
.Gender img {
	opacity: inherit;
}
.manta-behavior-images img {
	float: right;
	width:301px;
	height:301px;
	object-fit:cover;
}
.sight-map-div h4:last-child {
	padding-bottom: 0;
}
.sight-map-div h4:first-child {
	padding-top: 40px;
}
.header-scrolled .sub-menu .current-menu-item a::after {
	background: #d4e5e8;
}
.col-md-6.manta-behavior-images {
	padding-right: 0;
}
.Manta_Behavior wpcf7-list-item-label span {
	color: #072D48;
	font-size: 20px;
	line-height: 24px;
	font-family: 'CreatoDisplay-Regular';
	font-weight: 400 !important;
	letter-spacing: 1px;
}
.Manta_Behavior input {
	display: none;
}
.Manta_Behavior{
	display: block;
	padding-right: 75px;
	margin-top: 8px;

}
.Manta_Behavior span.wpcf7-list-item-label {
	color: #072D48;
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	line-height: 24px;
	letter-spacing: 1px;
	padding-bottom: 9px;
	display: block;
	cursor:pointer;
}
.Gender {
	width: 74%;
	margin: 0 auto;
}
.Gender input {
	display: none;
}

.Images h3 {
	display: none;
}
.modal-dialog.map-popup {
	max-width: 58%;
}
.box-img {
	height: 300px;
	border: 1px solid #707070;
	width: 301px;
	float: right;
	margin-top: -54px;
	position:relative;
}
#uploaded_image img {
	height: 300px;
	object-fit: cover;
	float: right;
	margin-top: -44px;
}
.page-id-313 .modal-dialog.map-popup{
	max-width: 48%;
}
.page-id-313 .modal-dialog.map-popup .col-md-12 {
	padding-top: 0px !important;
}
.map-popup h4.modal-title {
	text-align: center;
	display: block;
	width: 100%;
	color: #F5FDFF;
	font-size: 30px;
	padding-top: 20px;
	line-height: 34px;
	padding-bottom: 0px;
	margin-bottom: 0;
}
.map-popup button.btn.btn-success.crop_image {
	background: transparent;
	border: 1px solid #F5FDFF;
	border-radius: 27px;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 6px 37px;
	margin-bottom: 10px;
}
.map-popup div#image_demo {
	width: auto !important;
}
.sight-map-div .Images span {
	display: block;
}
span.dnd-upload-counter {
	display: none !important;
}
.Images .codedropz-btn-wrap {
	position: relative;
	height: 301px;
}
.Images .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn{
	opacity: 0;
	height: 301px;
	display: block;
}
.Images .codedropz-btn-wrap:before {
	position: absolute;
	content: "";
	background: url(/wp-content/uploads/2022/02/upload-icon.svg);
	width: 27px;
	height: 21px;
	left: 50%;
	top: 30%;
}

.codedropz-btn-wrap:after {
	position: absolute;
	content: "Please attach any footage of your encounter here...";
	color: #072D48;
	width: 100%;
	display: block;
	opacity: .5;
	top: 44%;
	display:none;
}
.sight-map-section p {
	padding-left: 0px;
	color: #072D48;
	width: 100%;
}

.sight-map-div p {
	color: #072D48;
}

.sight-map-section span.wpcf7-list-item {
	width: 100%;
	margin-left:0px;
	padding-left:20px;
	transition:.3s ease-in-out;
}
.sight-map-section form {
	background: #F5FDFF;
}
.Source span.wpcf7-list-item:hover{
	padding-left: 0px; 
}
.store-info-species {
	letter-spacing: 1px;
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	line-height: 24px;
	color: #072D48;
	padding-bottom: 14px;
	position: relative;
}
.store-info-manta-behavior {
	color: #072D48;
	font-family: 'CreatoDisplay-Light';
	font-size: 16px;
	line-height: 19px;
	padding-bottom:5px;
}

.store-info-species:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 12px;
	height: 1px;
	left: 47%;
	top: 32px;
}
.gmnoprint div {
	background: #072D48 !important;
	border-radius: 27px !important;
	margin-top: -12px;
	margin-left: -7px;
}

.map-detail-wraper {
	margin-left: 100px;
	width: 50%;
	margin-bottom: 100px;
}
.Gender .last span.wpcf7-list-item-label {
	background: #F5FDFF;
	border: 1px solid #072D48;
	width: 622px;
	height: 55px;
	display: block;
	text-align: center;
	line-height: 55px;
	margin-top: 20px;
	max-width: 100%;
	margin-bottom: 0px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
	background: transparent;
	border-bottom: 1px solid #fff !important;
	color: #FFFFFF;
	width: 100%;
	max-width: 375px;
	margin: 0 auto;
	border: 0px;
	padding-bottom: 0;
	padding-left: 0;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email:focus {
	outline: none;
}
.news-latter-div input.wpcf7-form-control.has-spinner.wpcf7-submit {
	background: transparent !important;
	font-size: 16px;
	font-family: 'CreatoDisplay-Light';
	text-transform: capitalize;
	line-height: 19px;
	position: absolute;
	max-width: 106px;
	width: 100%;
	top: -7px;
	margin-left: 197px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email::placeholder {
	opacity: .5;
	color:#fff;
}
.sight-map-div input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
	border-bottom: 0px !important;
	color: #072D48;
	opacity: 1;
	margin-left: 18px;

}
img.img-fluid.top-scrol-btn {
	float: right;
}
.sight-map-div input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email::placeholder {
	color: #072D48;
	opacity: .5;
}
.wpcf7 form.invalid .wpcf7-response-output {
	color: #fff;
	border-color: red;
}

/*
-------------------------------------------------------------- 
About Page CSS
-------------------------------------------------------------- 
*/
.inner-banner-area {
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center !important;
	min-height: 100vh;
	position: relative;
}
.stockist_find ul li:nth-child(even) {
	border: 0;
}

.head-bg h1 {
	position: absolute;
	bottom: -35px;
	left: 0;
	font-size: 217px;
	font-family: 'DCC-Ash';
	letter-spacing: 8px;
	text-transform: uppercase;
	opacity: .4 !important;
}
.socail-div {
	background: #072D48;
	position: absolute;
	right: 0;
	display: inline-flex;
	width: 164px;
	height: 68px;
	bottom: 90px;
}
.loaction-div {
	text-align: right;
	background: #072D48;
	position: absolute;
	right: 0px;
	bottom: 0;
	width: 133px;
	height: 26px;
	z-index: 2;
}
.loaction-div p{
	font-size: 12px;
	font-family: 'CreatoDisplay-Regular';
	line-height: 26px;
	letter-spacing: .5px;
	margin-right: 6px;

}
.background-div{
	background:#F5FDFF;
}
.about-slight .number, .about-slight .sights h2, .about-slight p {
	color: #072D48;
}

.about-slight .row{
	align-items: center;
}
.socail-div.abo{
	align-items: center;
	padding-left: 20px;
}
.socail-div.abo {
	bottom: 50px;
}
.about-slight{
	position: relative;
}
.about-slight:before {
	position: absolute;
	content: "";
	background: #072D48;
	right: 0;
	height: 100%;
	width: 12px;
	top: 0;
	z-index: 1;
}

.page-id-74 .content-div {
	position: relative;
}

.page-id-74 .content-div:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 12px;
	height: 80%;
	right: 0;
	z-index: 1;
	top: 130px;
}
.abo a {
	margin: 0 14px;
}
.about-slight .col-md-6{
	justify-content: center;
} 
.mark-detail p {
	color: #072D48;
	font-size: 40px;
	line-height: 48px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	max-width: 411px;
	margin-right: 80px;
}
.img-detail.our-kaupapa {
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	width: 100%;
	height: 608px;
}
.sitizen-section a:hover {
	background: #072d48;
	color: #f5fdff;
}
.about-slight {
	padding-top: 196px;
	padding-bottom: 127px;
}

.img-detail {
	position: relative;
}
.mark-detail p:before {
	background: #072D48;
	content: "";
	position: absolute;
	width: 226px;
	height: 2px;
	left: -240px;
	top: 20px;
}
.sitizen-section .sights .number, .sitizen-section .sights h2{
	color: #072D48;
}
.sitizen-section .sights .number:after{
	background: #072D48;
}
.sitizen-section {
	margin-top: 196px;
}
.sitizen-section .sights {
	padding-top: 190px;
}
.sitizen-section a {
	background: transparent;
	border: 1px solid;
	height: 41px;
	line-height: 41px;
	font-size: 16px;
	width: 158px;
	font-family: 'CreatoDisplay-Light';
	margin-top:10px;
}
.img-detail.mis {
	background-position: center !important;
	background-repeat: no-repeat !important;
}
.mission-section .mark-detail p:before{
	display: none;
}
.mission-section h2 {
	color: #072D48;
	padding-left: 77px;
	position: relative;
	padding-bottom: 11px;
}
.mission-section h2:before{
	background: #072D48;
	content: "";
	position: absolute;
	width: 76px;
	height: 2px;
	left: -9px;
	top: 20px;
}
.mission-section p {
	font-size: 30px;
	line-height: 36px;
	padding-bottom: 10px;
	padding-left: 78px;
	padding-right: 130px;
	color: #072D48;
}
.mission-section li {
	padding-right: 80px;
	padding-bottom: 19px;
	color: #072D48;
	font-family: 'CreatoDisplay-Light';
	padding-left: 79px;
	position: relative;
}
.mission-section li:before {
	left: 48px;
	position: absolute;
	content: "";
	background: #072D48;
	width: 19px;
	height: 1px;
	top: 11px;
}
.img-detail img {
	position: relative;
}
.newsleter-wrap input.es_required_field.es_txt_email.ig_es_form_field_email:focus{
	outline:none;
}
.citizen-bg p {
	background: #072D48;
	padding: 7px 10px;
	display: inline;
	font-size: 12px;
	line-height: 14px;
	font-family: 'CreatoDisplay-Light';
	position: absolute;
	bottom: -13px;
	left: 0;
	color: #fff;
	z-index: 2;
}
.img-detail.mis:before {
	background: #072D48;
	position: absolute;
	width: 240px;
	content: "";
	height: 200px;
	right: 0;
	top: -30px;
}

.reas-img {
	position: relative;
	z-index: 1;
}
.reas-img:before {
	z-index: -1;
	position: absolute;
	content: "";
	background: #072D48;
	width: 40%;
	height: 200px;
	bottom: -180px;
	right: 0;
}
.mission-section {
	margin-top: 232px;
	margin-bottom: 181px;
}
.mission-section .col-md-8 {
	width: 100%;
	max-width: 748px;
}
.img-detail.mis {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.img-detail p {
	background: #072D48;
	padding: 7px 10px;
	display: inline;
	font-size: 12px;
	line-height: 14px;
	font-family: 'CreatoDisplay-Light';
	position: absolute;
	bottom: -12px;
	left: 0;
	color: #fff;
}
.team-div h3 {
	color: #072D48;
	font-size: 20px;
	font-family: 'CreatoDisplay-Regular';
	line-height: 24px;
	letter-spacing: 1px;
	font-weight: 400;
	padding-top: 10px;
	border-bottom: 1px solid #072D48;
	padding-bottom: 4px;
}
.team-div span{
	margin-top: -9px;
	color: #072D48;
	font-size: 16px;
	line-height: 19px;
	font-family: 'CreatoDisplay-Light';
	display: block;
}
.team-div p{
	color: #072D48;
	padding-top: 33px;
}
.team-div:first-child {
	margin-right: 22px;
}
.trust-div h2 {
	color: #072D48;
	position: relative;
	padding-bottom: 10px;
}
.trust-div h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 76px;
	height: 1px;
	left: -90px;
	top: 21px;
}
.trust-div p{
	color: #072D48;
	font-size: 30px;
	line-height: 36px;
}
.trust-div {
	padding-left: 140px;
}
.research-head h2 {
	font-size: 209px;
	font-weight: 400;
	line-height: 218px;
	color: #072D48;
	opacity: .1;
	text-transform: uppercase;
}
.our-team-section .mission-section {
	margin-top: 0px;
	padding-left: 52px;
}
.our-team-section {
	margin-top: 42px;
	margin-bottom: 209px;

}
.research-head {
	margin-top: 41px;
}
.our-team-section .mission-section p{
	padding-right: 33px;

}
.partner-div h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 76px;
	height: 1px;
	left: -90px;
	top: 20px;
}
.partner-div h2{
	color: #072D48;
	position: relative;
	margin-left:-22px;
}
.partner-div {
	margin-top: 100px;
	padding-left: 70px;
	padding-right: 70px;
}
.support p {
	color: #072D48;
	width: 33%;
	margin-top: 15px;
}
.support img {
	margin: 0 auto;
}

.partner-div .row{
	align-items: center;
	padding-top: 20px;
}
.research-bg a,  {
	width: 157px;
	height: 41px;
	text-align: center;
	font-size: 16px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	border-radius: 27px;
	line-height: 41px;
	font-family: 'CreatoDisplay-Regular';
	border: 1px solid #F5FDFF;
	margin-left: 219px;
	margin-top: 30px;
	margin-bottom: 50px;
	transition:.3s ease-in-out;
}

.research-bg a:hover {
	background: #fff;
	color: #000;
}
.roman-botom-section:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 48%;
	height: 390px;
	z-index: -1;
	top: 130px;
}
.roman-botom-section {
	position: relative;
}
.research-bg p {
	font-size: 40px;
	padding-left: 220px;
	line-height: 48px;
	padding-top: 45px;
	padding-right: 80px;
}
.research-bg {
	width: 50%;
	background: #072D48;
	margin-top: 50px;
}
.research-bg a{
	width: 157px;
	height: 41px;
	text-align: center;
	font-size: 16px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	border-radius: 27px;
	line-height: 41px;
	font-family: 'CreatoDisplay-Regular';
	border: 1px solid #F5FDFF;
	margin-top: 0px;
	margin-bottom: 50px;
	margin-left: 220px; 
}
/*
-------------------------------------------------------------- 
Ocean Manta Page CSS
-------------------------------------------------------------- 
*/
.ocea-banner h1 {
	line-height: 180px;
	opacity: .4 !important;
	bottom: -14px;
}
.ocean-right p {
	color: #072D48;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 36px;

	padding-right: 15px;
}
.ocean-img-detail {
	position: relative;
}
.ocean-img-detail p {
	font-size: 12px;
	padding: 5px 15px;
	line-height: 14px;
	position: absolute;
	background: #072D48;
	bottom: -12px;
	left: 6px;
}
.ocea-rays h2 {
	color: #072D48;
	position: relative;
}

.ocea-rays {
	padding-left: 90px;
}

.ocea-rays strong {
	color: #072D48;
	font-size: 20px;
	font-family: 'creato-italic';
	line-height: 24px;
	font-weight: 400;
	display: block;
	padding-top: 5px;
	padding-bottom: 35px;
}
.ocea-rays h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 76px;
	height: 1px;
	left: -93px;
	top: 50%;
}
.ocea-rays p {
	color: #072D48;
	width: 99%;
}
.manta-sec img {
	margin: 0 auto;
}
.brains h2 {
	color: #072D48;
}
.brains p {
	color: #072D48;
}
.brains {
	padding-bottom: 60px;
}

section.manta-sec {
	position: relative;
	position: relative;
	padding-bottom: 154px;
}

section.manta-sec:after {
	content: '';
	background-color: #072D48;
	width: 67%;
	bottom: 0;
	height: 1px;
	position: absolute;
}
section.manta-sec:before {
	content: '';
	background-color: #072D48;
	width: 5%;
	height: 70%;
	position: absolute;
	right: 0;
	top: -120px;
}
.icon-block h5 {
	font-size: 20px;
	font-family: 'CreatoDisplay-Regular';
	line-height: 24px;
	color: #072D48;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
}
section.morphe {
	padding-top: 0;
}
.icon-block img {
	margin: 0 auto;
}

.icon-block p {
	padding-top: 50px;
	color: #072D48;
	text-align: center;
}
.right-img-detail p {
	left: 0;
}
.ocean-content p {
	color: #072D48;
	width: 68%;
	margin: 0 auto;
	position: relative;
}
.ocean-content p::before {
	content: '';
	background-color: #072D48;
	width: 3px;
	height: 110px;
	position: absolute;
	left: -30px;
	top: -41px;
}
section.ocean-content-fluid {
	margin-top: 50px;
	position: relative;
}
.ocean-content-fluid::after {
	content: '';
	background-color: #072D48;
	width: 67%;
	bottom: 0;
	height: 1px;
	position: absolute;
}
.spot-box {
	background-color: #072D48;
	padding: 44px 20px 44px 109px;
}
.belly-spot {
	padding-top: 155px;
	padding-bottom: 130px;
}
.belly-spot h2 {
	color: #072D48;
	text-align: right;
}
.belly-content p {
	color: #072D48;
	padding-right: 125px;
}
.heading-line p {
	color: #072D48;
}
.heading-line h2 {
	color: #072D48;
	position: relative;
	padding-bottom: 10px;

}
.heading-line p {
	color: #072D48;
}
.morph-content.heading-line {
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	max-width: 425px;
	margin-left: 184px;
}
.heading-line h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 76px;
	height: 1px;
	left: -93px;
	top: 50%;
}
.blue-water {
	background-color: #072D48;
	padding-top: 136px;
	color: #fff;
	padding-bottom: 95px;
}
.bluewater-content {
	padding-left: 210px;
	padding-right: 109px;
	position: relative;
}
.bluewater-content h2 {
	font-size: 40px;
	line-height: 41px;
	font-family: "dcc-ash";
	padding-bottom: 10px;
	position:relative;
}
.bluewater-content h2:before {
	content: '';
	background-color: #fff;
	width: 76px;
	height: 1px;
	position: absolute;
	left: -110px;
	top: 19px;
}
section.blue-water{
	position:relative;
}
.ocean-img-detail img {
	width: 100%;
}
section.blue-water:after {
	position: absolute;
	content: "";
	background: #072D48;
	width: 300px;
	height: 200px;
}
/*
-------------------------------------------------------------- 
ID Database Page CSS
-------------------------------------------------------------- 
*/

.main-section {
	padding-top: 136px;
	padding-bottom: 116px;
}
.main-section p:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 3px;
	height: 48%;
	left: -26px;
}
.id-img p {
	background: #072D48;
	position: absolute;
	bottom: -12px;
	font-size: 12px;
	line-height: 14px;
	padding: 5px 10px;
	font-family: 'CreatoDisplay-Regular';
}
.id-img {
	position: relative;
}
.main-section p {
	color: #072D48;
	width: 31%;
	margin: 0 auto;
	position: relative;
}
.sec-img {
	margin-top: 99px;
}
.wild-div, .wild-di {
	position: relative;
}
.wild-div p, .wild-di p {
	position: absolute;
	background: #072D48;
	bottom: 87px;
	left: 0px;
	line-height: 14px;
	font-size: 12px;
	padding: 4px 14px;
}
.wild-di p{
	bottom: -12px;
}
.manta-id-section {
	margin-top: 105px;
	padding-left: 110px;
	width: 50%;
	padding-bottom: 129px;
}
.manta-id-section h2 {
	color: #072D48;
	font-weight: 400;
	padding-bottom: 13px;
	position: relative;
}
.manta-id-section h2:before {
	background: #072D48;
	width: 76PX;
	height: 1px;
	top: 41%;
	left: -95px;
	content: "";
	position: absolute;
}
.manta-id-section p {
	color: #072D48;
}
.manta-id-section.words .mantaidsec_content p{
	color: #072D48; 
	font-size: 20px;
	display: block;
	font-family: 'CreatoDisplay-Light';
	line-height: 24px;
	padding-bottom: 20px;
	width: 70%;

}
.mark-div h4 {
	font-size: 30px;
	font-family: 'CreatoDisplay-Light';
	line-height: 36px;
	color: #072D48;
	letter-spacing: 1px;
	font-weight: 400;
}
.mark-div {
	padding-left: 100px;
	padding-right: 98px;
}
.mark-div p {
	color: #072D48;
	padding-top: 20px;
}
.manta-id-section.words {
	width: 100%;
	margin-top: 148px;
	position: relative;
}
.manta-id-section.words:before {
	position: absolute;
	content: "";
	background: #072D48;
	height: 355px;
	width: 235px;
	right: -120px;
}
.words p {
	width: 43%;
}
.bg-div {
	background: #072D48;
	height: 153px;
	margin-bottom: 160px;
}
.baby-umps h2, .baby-umps p {
	color: #072D48;
}
.baby-umps {
	padding-left: 113px;
	padding-right: 35px;
}
.baby-umps h2 {
	padding-bottom: 17px;
	position: relative;
}
.baby-umps h2:before {
	position: absolute;
	content: "";
	width: 60px;
	background: #072D48;
	height: 1px;
	left: -70px;
	top: 35%;
}
.half-area {
	background: #072D48;
	width: 79%;
	margin-top: 100px;
	margin-bottom: 100px;
}
.half-area p {
	width: 97%;
	padding-left: 76px;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 30px;
	line-height: 36px;
}
.edy-wrap p {
	position: absolute;
	background: #072D48;
	bottom: -12px;
	padding: 5px 13px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
}
.edy-wrap {
	position: relative;
}
.arial-wrap {
	padding-left: 85px;
	margin-top: 100px;
}
.arial-wrap h2, .arial-wrap p, .arail-right p {
	color: #072D48;
}
.arial-wrap h2 {
	padding-bottom: 28px;
	position: relative;
}
.arail-right {
	margin-top: 166px;
}
.arail-left p {
	width: 86%;
}
.arail-right p {
	width: 90%;
}
.arial-wrap h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 66px;
	height: 1px;
	left: -82px;
	top: 18px;
}
.gallery-wrap {
	padding-top: 170px;
}
.gallery-wrap h2 {
	text-align: center;
	color: #072D48;
	position: relative;
	padding-bottom: 110px;
}
.gallery-wrap h2:after {
	position: absolute;
	content: "";
	background: #072D48;
	width: 76px;
	height: 1px;
	bottom: 50%;
	left: 48%;
}
.img-wrap p {
	bottom: -12px;
	position: absolute;
	content: "";
	background: #072D48;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	padding: 5px 10px;
}
.img-wrap {
	position: relative;
}
.gal {
	width: 76%;
}
.img-wrap img {
	width: 301px;
}
.img-wrap{
	margin-bottom: 45px;
}

/*
-------------------------------------------------------------- 
Map  CSS
-------------------------------------------------------------- 
*/
.Species span.wpcf7-list-item label {
	display: flex;
	font-size: 20px;
	color: #072D48;
	font-family: 'CreatoDisplay-Light';
	letter-spacing: 1px;
	line-height: 24px;
	cursor:pointer;
}
button.gm-control-active:first-child {
	border-bottom: 1px solid #aadaff !important;
}
.stockist_find .Species span.wpcf7-list-item-label:hover {
	padding-left: 20px;
	font-family: 'CreatoDisplay-Regular';
}
.stockist_find .Species span.wpcf7-list-item-label, .stockist_find .Manta_Behavior input[type="radio"]:checked + span {
	transition: .3s ease-in-out;
	opacity: 1;
}
.stockist_find span.wpcf7-form-control-wrap.Manta_Behavior span {
	display: block;
	transition:.3s ease-in-out;
	padding-bottom: 0;
}

.sight-map-section span.wpcf7-list-item label span {
	transition: .3s;
}
.sight-map-section span.wpcf7-list-item label span:hover {
	font-family: 'CreatoDisplay-Regular';
}
.stockist_find input {
	background: #072D48 !important;
	border-radius: 27px;
	font-size: 16px;
	text-transform: capitalize;
	padding: 14px 36px;
	font-family: 'CreatoDisplay-Light';
	letter-spacing: 1px;
	margin-top: 31px;
	text-decoration: none !important;
}
.Latitude input {
	padding-left: 0;
}
.Months span.wpcf7-list-item:hover, .Year span.wpcf7-list-item:hover {
	font-family: 'CreatoDisplay-Regular';
	padding-left: 20px;
}
.stockist_find ul li:nth-child(even) {
	border: 0;
}
.stockist_find h2 {
	color: #072D48;
	font-size: 30px;
	padding-left: 20px;
	padding-bottom: 12px;
	margin-bottom: 0px;
	line-height: 32px;
}

.total-sights-div {
	position: relative;
}

.total-sights-div img {
	width: 23px;
	height: 29px;
	float: left;
	position: absolute;
	z-index: 9;
	top: 112px;
	margin-top: unset !important;
	left: -3px;
	cursor: pointer;
}
.tota-sight-wrap {
	position: relative;
}

.tota-sight-wrap p {
	position: absolute;
	background: #072D48;
	width: 100%;
	height: 41px;
	color: #F5FDFF;
	font-size: 18px;
	font-family: 'CreatoDisplay-Regular';
	line-height: 41px;
	border-radius: 27px;
	text-align: center;
	max-width: 200px;
	z-index: 9;
	left: 20px;
	top: 20px;
}
.map-filter-wrap select.wpcf7-form-control.wpcf7-select {
	border: 0px;
	background: transparent;
	padding-left: 19px;
	color: #072D48;
	font-size: 18px;
	line-height: 21px;
}
.stockist_find ul{
	background: #072D48;
	width: 100%;
	display: none;
	max-width: 242px;
	padding-left: 30px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 0px;
	border-bottom-right-radius: 14px;
	border-top-right-radius: 14px;
	position: absolute;
	z-index: 9;
	top: 103px;
}
.gm-control-active>img:nth-child(1){
	width: 7px !important;
	height: 7px !important;
}
.stockist_find ul li{
	letter-spacing: 1px;
	border-bottom: 1px solid #fff;
	color: #F5FDFF;
	font-size: 18px;
	font-family: 'CreatoDisplay-Light';
	line-height: 21px;
	padding-bottom: 10px;
	padding-top: 1px;

}
.total-detail-sights {
	position: relative;
}

.donation .radio.active {
	background: #f5fdff;
	color: #072d48;
}
.stockist_find input {
	display: none;
}

.map-filter-btn input#btn-clear {
	background: transparent !important;
	border: 1px solid #072D48;
	color: #072D48;
	margin-right: 20px;
	margin-top: 21px;
	height: 41px;
	line-height: 11px;
	text-align: center;
	font-size: 16px;
	font-family: 'CreatoDisplay-Light';
}
.form-filter {
	padding-top: 150px;
}

.form-filter {
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 100%;
	max-width: 527px;
	background: #F5FDFF;
	opacity: 1;
	z-index:9;
}

.map-filter-btn:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 84%;
	height: 0.5px;
}
.form-filter span.wpcf7-list-item-label {
	color: #072D48;
	font-size: 18px;
	font-family: 'CreatoDisplay-Light';
	line-height: 21px;
}
.form-filter .Source span.wpcf7-list-item-label:hover{
	padding-left: 0px;
}
.form-filter .col-sm-6 {
	padding-right: 0 !important;
	max-width: 42%;
}
.map-filter-btn {
	display: flex;
	margin-bottom: 11px;
	justify-content: flex-end;
	position: relative;
	margin-top: 0 !important;
	left: -36px;
}
.map-filter-btn span.wpcf7-spinner {
	display: none;
}
.map-filter-wrap .wpcf7-submit {
	display: block !important;
	margin-top: 15px;
	font-size: 16px;
	font-family: 'CreatoDisplay-Light';
}
.Months input {
	display: none;
}
.Months span.wpcf7-list-item {
	color: #072D48;
}

.stockist_find span {
	cursor: pointer;
}

.stockist_find span.wpcf7-form-control-wrap.Manta_Behavior span:hover {
	font-family: 'CreatoDisplay-Regular';
}
.Year input, .Source input {
	display: none;
}
.Source span.wpcf7-list-item-label, .Year span.wpcf7-list-item-label {
	color: #072D48;
	transition:.3s ease-in-out;
}
.gm-style-iw.gm-style-iw-c {
	background: #F5FDFF;
	padding: 0;
	border: 0px;
	text-align:center;
	border-radius:0px;
}
.gm-style-iw-d{
	display: contents;
}
.store-info-name {
	font-size: 17px;
}
.Source span.wpcf7-list-item {
	display: block;
	width: 100%;
}
.Months span.wpcf7-list-item, .Year span.wpcf7-list-item {
	width: 100%;
	display: block;
	transition:.3s ease-in-out;
}
.order_item a {
	color: #072D48;
	text-decoration: none;
	font-size: 22px;
	font-family: 'CreatoDisplay-Light';
}
a.added_to_cart.wc-forward:hover {
	background: #072D48;
	color: #F5FDFF;
	border: 1px solid #F5FDFF;
}
.stockist_find .Manta_Behavior span.wpcf7-list-item:hover {
	padding-left: 20px;
	font-family: 'CreatoDisplay-Regular';
}
/*
-------------------------------------------------------------- 
HOT SPOT Page CSS
-------------------------------------------------------------- 
*/
.mai-img-wrap {
	position: relative;
}
.mai-img-wrap p {
	position: absolute;
	background: #072D48;
	bottom: -12px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 14px;
	font-family: 'CreatoDisplay-Regular';
}
.hot-main-section {
	margin-top: 96px;
	margin-bottom: 190px;
}
.main-section-wrap h4 {
	font-size: 30px;
	line-height: 36px;
	font-family: 'CreatoDisplay-Light';
	color: #072D48;
	font-weight: 400;
	letter-spacing: 1px;
	padding-bottom: 40px;
}
.main-section-wrap p{
	color: #072D48;
	width: 90%;
}
.main-section-wrap {
	padding-left: 123px;
}
.spot-left p {
	color: #072D48;
	width: 79%;
}
.spot-right p {
	color: #072D48;
}

.mai-img-wrap:after {
	position: absolute;
	content: "";
	background: #072D48;
	width: 903px;
	height: 1px;
	bottom: -153px;
}
.spot-left {
	padding-left: 38px;
	padding-left: 38px;

}
.spot-right {
	padding-left: 70px;
	padding-right: 100px;
}
.map-wrape {
	background: #072D48;
	padding: 22px 0px;
	clear: both;
	margin-bottom: 200px;

	margin-top: 80px;
}
.map-wrape img {
	width: 70%;
	margin: 0 auto;
}
.map-detail p {
	width: 80%;
	padding-left: 90px;
	padding-top: 30px;
}
.map-detail {
	background: #072D48;
	width: 44%;
	float: right;
	margin-top: 140px;

}
.surface-wrap {
	margin-top: 117px;
}
.id-spot p {
	width: 77%;
}
.spot-img p {
	position: absolute;
	background: #072D48;
	bottom: -12px;
	font-size: 12px;
	line-height: 14px;
	font-family: 'CreatoDisplay-Regular';
	padding: 5px 10px;
}
.spot-img {
	position: relative;
}
.spot-detail p {
	color: #072D48;
	padding-left: 40px;
	width: 75%;
	padding-bottom: 10px;
}

.spot-detail {
	padding-top: 180px;
}

.spot-drive h2 {
	color: #072D48;
	position: relative;
	padding-bottom: 13px;
}

.spot-drive p {
	color: #072D48;
	width: 73%;
}

.spot-drive h4 {
	font-size: 30px;
	font-family: 'CreatoDisplay-Light';
	line-height: 36px;
	font-weight: 400;
	color: #072D48;
	letter-spacing: 1px;
	padding-right: 117px;
	padding-bottom: 23px;
}

.spot-drive {
	padding-left: 140px;
}

.spot-drive h2:before {
	position: absolute;
	content: "";
	width: 70px;
	height: 1px;
	background: #072D48;
	left: -90px;
	top: 33%;
}
.spot-de p {
	position: absolute;
	background: #072D48;
	bottom: -12px;
	left: 14px;
	font-size: 12px;
	padding: 5px 10px;
	line-height: 14px;
	letter-spacing: 1px;
	font-family: 'CreatoDisplay-Regular';
}
.spot-de.late-spring p {
	bottom: -12px;
}
.spot-de {
	position: relative;
}
.spo-d {
	margin-top: 161px;
}
.surface-wrap p {
	padding-left: 130px;
	color: #072D48;
	padding-right: 90px;
}
.surface-vide {
	position: relative;
}
.surface-vide p {
	bottom: -12px;
	position: absolute;
	background: #072D48;
	color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 14px;
}
.spot-de.late-spring{
	bottom: -11px;
}
.depend {
	margin-top: 180px;
}
.bottom-video img {
	margin: 0 auto;
	margin-top: 200px;
}
.bottom-video p {
	position: absolute;
	background: #072D48;
	bottom: -12px;
	left: 265px;
	font-size: 12px;
	font-family: 'CreatoDisplay-Regular';
	padding: 5px 10px;
	line-height: 14px;
}
.bottom-video {
	position: relative;
}
/*
-------------------------------------------------------------- 
Tagging Page CSS
-------------------------------------------------------------- 
*/

.satellite-wrap {
	background: #072D48;
	width: 60%;
}
.bottom-div-detail a:hover {
	background: #F5FDFF;
	color: #072D48;
	border: 1px solid #072D48;
}
.satellite-wrap p {
	padding-left: 170px;
	padding-top: 74px;
	padding-bottom: 74px;
	padding-right: 270px;
}
.left-taging p {
	color: #072D48;
}
.left-taging {
	padding-left: 182px;
	padding-right: 90px;
	padding-top: 50px;
}
.tag-img {
	position: relative;
	top: -140px;
}

.tag-img p {
	position: absolute;
	background: #072D48;
	bottom: -12px;
	font-size: 12px;
	font-family: 'CreatoDisplay-Regular';
	padding: 5px 10px;
}
.sate {
	margin-top: 220px;
}
.right-sate p {
	width: 61%;
	color: #072D48;
	font-size: 30px;
	line-height: 36px;
	text-transform: uppercase;
	margin: 0 auto;
}
.sate p {
	left: 10px;
}
.left-section-detail p {
	color: #072D48;
}

.right-section-detail p {
	color: #072D48;
}

.left-section-detail {
	padding-left: 140px;
	padding-right: 83px;
}
.right-section-detail p {
	color: #072D48;
	width: 62%;
}
.hodo-wrap h2, .hodo-wrap p{
	color: #072D48;    
}
.hodo-wrap {
	padding-left: 130px;
}
.hodo-wrap h2 {
	color: #072D48;
	position: relative;
	margin-bottom: 25px;
}
.hodo-wrap {
	padding-left: 130px;
}
.hodo-wrap h2:before {
	background: #072D48;
	width: 66px;
	height: 1px;
	left: -80px;
	position: absolute;
	content: "";
	top: 50%;
}
.hodo-wrap p {
	width: 74%;
}
.do-section {
	margin-top: 160px;
	margin-bottom: 250px;
}
.right-tag h2 {
	color: #072D48;
	margin-bottom: 25px;
	position: relative;
}
.right-tag {
	padding-left: 80px;
}
.right-tag p {
	color: #072D48;
	width: 76%;
}
.right-tag h2:before{
	background: #072D48;
	width: 66px;
	height: 1px;
	left: -80px;
	position: absolute;
	content: "";
	top: 50%;
}
.spot-tag h3 {
	font-size: 209px;
	font-family: 'DCC-Ash';
	font-weight: 400;
	letter-spacing: 1px;
	opacity: 0.1;
	margin-left: -50px;
}
.bottom-div-detail {
	width: 60%;
	padding-top: 40px;
	padding-left: 250px;
	padding-right: 70px;
	position: relative;
	z-index: 1;
}
.bottom-div-detail:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 888px;
	height: 100%;
	z-index: -1;
	left: -140px;
	top: -10px;
}
.table tr:first-child td {
	font-size: 40px !important;
	font-family: 'DCC-Ash' !important;
	border-top: 0px !important;
	line-height:41px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.learn-more-btn p {
	font-size: 30px;
	font-family: 'CreatoDisplay-Light';
	line-height: 36px;
	color: #F5FDFF;
	width: 61%;
}
.learn-more-btn a {
	text-decoration: none;
}
.learn-more-btn {
	width: 100%;
	max-width: 600px;
	margin-left: 140px;
}
.ocean-right {
	max-width: 435px;
	width: 100%;
	margin-left: 180px;
}
.table tr:first-child {
	border-top: 0px;
}
.bottom-div-detail a{
	width: 157px;
	height: 41px;
	text-align: center;
	font-size: 16px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	border-radius: 27px;
	line-height: 41px;
	font-family: 'CreatoDisplay-Regular';
	border: 1px solid #F5FDFF;
	margin-top: 30px;
	margin-bottom: 50px;
}
tr,td,th {
	border-collapse: collapse;
}
.table-responsive{
	margin-top: 130px;
}
.table td, .table{
	border:0px !important;
}
.table td {
	width: 33.33% !important;
	font-size: 20px !important;
	font-family: 'CreatoDisplay-light';
}
.table tr td:first-child {
	font-family: 'CreatoDisplay-light';
	font-size: 25px !important;
	text-transform: uppercase;
	color: #072D48;
	line-height: 30px;
	letter-spacing: 1px;
	font-weight: 400 !important;
}
.about-slight p {
	font-size: 40px;
	line-height: 48px;
}
.about-slight p br {
	display: none;
}
.table tr {
	border-top: 1px solid #072D48;
	padding-bottom: 40px !important;
	display: flex;
}
/*
-------------------------------------------------------------- 
Spinetail Page CSS
-------------------------------------------------------------- 
*/

.spinetail-banner h1 {
	line-height: 180px;
	bottom: -12px;
}

section.color-ship {
	position: relative;
	margin-top: 60px;
	padding-top: 94px;
	padding-bottom: 0;
}
section.color-ship:after{
	content: '';
	background-color: #072D48;
	width: 100%;
	top: 0;
	height: 1px;
	position: absolute;
	left: -449px;
}
.shop p {
	margin-left: 30px;
}

.spinet-div h2 {
	font-size: 30px;
	text-align: right;
	line-height: 36px;
	font-family: 'CreatoDisplay-Light';
	text-transform: uppercase;
}
.blog-center p {
	color: #072D48;
	padding-left: 110px;
	width: 80%;
}
.devilrays-last {
	background-color: #072D48;
	height: 900px;
	margin-top: 110px;
	margin-bottom: 160px;

}
.negative-m {
	margin-top: -141px;
}
.devilrays-last img {
	width: 100%;
}
.m-200 {
	margin-top: 200px;
}
/*
-------------------------------------------------------------- 
Education Page CSS
-------------------------------------------------------------- 
*/

.education-banner h1 {
	bottom: 38%;
	opacity: .2 !important;
	letter-spacing: 1px;
}
.education-banner-text p {
	position: relative;
	bottom: -200px;
	right: 50px;
	width: 61%;
}
.education-banner .inner-banner-area{
	min-height: 1032px;
}
.education-banner h2 {
	font-size: 80px;
	font-weight: 400;
	position: absolute;
	bottom: 46%;
	left: 178px;
}
.education-banner p {
	position: absolute;
	bottom: 39%;
	left: 178px;
}
.education-banner h2:before {
	position: absolute;
	content: "";
	background: #F5FDFF;
	width: 76px;
	height: 1px;
	left: -98px;
	top: 50%;
}
.mobile-div{
	display:none;
}
.education-banner .loaction-div p{
	position: unset !important; 
}
.banner-bootom-section {
	position: absolute;
	bottom: 0;
}
.ed-baner-des span {
	color: #F5FDFF;
	font-family: 'CreatoDisplay-Light';
	font-size: 20px;
	line-height: 24px;
	display: block;
	padding-left: 150px;
	padding-right: 133px;
	padding-bottom: 20px;
}

.ed-baner-des {
	margin-top: 267px;
}
.ed-header-img span {
	font-size: 12px;
	background: #072D48;
	line-height: 14px;
	padding: 5px 15px;
	font-family: 'CreatoDisplay-Regular';
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}
.ed-header-img {
	position: relative;
	top: 210px;
}
.education-banner-detail {
	position: absolute;
	bottom: 0;
}
.education-banner-img p {
	bottom: -102px;
	left: 15px;
	background: #072D48;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 14px;
}

.education-banner-detail p {
	line-height: 24px;
	position: unset;
}
.education-banner-img img {
	position: relative;
	top: 144px;
}
.education-banner-detail {
	position: absolute;
	bottom: 0;
}
.manta-detail {
	width: 59%;
	margin: 0 auto;
}
.devil-main-wrap {
	margin-top: 227px;
	margin-bottom: 240px;
}
.sitizen-section.supportpage li:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 19px;
	height: 1px;
	left: -29px;
	top: 20px;
}
.sitizen-section.supportpage ul {
	margin-bottom: 40px;
}
.sitizen-section.supportpage li {
	color: #072D48;
	font-family: 'CreatoDisplay-Light';
	line-height: 40px;
	font-size: 20px;
	position: relative;
}
.manta-detail h2 {
	color: #072D48;
	padding-bottom: 8px;
	position: relative;
}

.manta-detail h2:before{
	position: absolute;
	content: "";
	background: #072D48;
	width: 66px;
	left: -91px;
	height: 1px;
	top: 22px; *
}
.manta-detail p {
	color: #072D48;
}
.blog-box a:hover {
	background: #072D48;
	color: #f5fdff;
	border: 1px solid #f5fdff;
}
.devil-wrap p {
	background: #072D48;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 14px;
	position: absolute;
	bottom: -11px;
	left: 7px;
}
.devil-wrap {
	position: relative;
}
.devi-div {
	position: relative;
}
.devi-div:after {
	position: absolute;
	content: "";
	width: 73%;
	background: #072D48;
	height: 33px;
	right: 0;
	bottom: -32px;
}
.global-detail p {
	color: #072D48;
	width: 50%;
	margin: 0 auto;
	margin-top: 64px;
}
.rail-section h2 {
	color: #072D48;
	position: relative;
}

.manta-ray {
	padding-left: 90px;
}

.devil-ray {
	padding-left: 219px;
}

.rail-section li {
	color: #072D48;
	padding-bottom: 10px;
	position: relative;
}

.rail-section ul {
	padding-top: 23px;
}

.rail-section {
	margin-top: 55px;
}

.rail-section h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 70px;
	height: 1px;
	left: -80px;
	top: 20px;
}

.rail-section li:before {
	background: #072D48;
	position: absolute;
	content: "";
	width: 19px;
	height: 1px;
	left: -29px;
	top: 12px;
}
.rail-section {
	position: relative;
}
.rail-section p {
	background: #072D48;
	position: absolute;
	left: -40px;
	width: 89%;
	padding-left: 130px;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 70px;
	margin-top: 74px;
	font-size: 30px;
	line-height: 36px;
}
.f-bg {
	background: #072D48;
}
.fed-div {
	padding-left: 126px !important;
	padding-bottom: 70px !important;
}
.fed-div h2 {
	padding-bottom: 23px;
	padding-top: 75px;
	position: relative;
}
.feed-img img {
	position: relative;
	height: 960px;
	margin-top: -90px;
}

.feed-img p {
	position: absolute;
	background: #072D48;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 14px;
	margin-top: -30px;
}
.fed-div p {
	width: 82%;
}
.fed-div span {
	padding-left: 10px;
	color: #fff;
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	width: 68%;
	display: block;
	letter-spacing: .2px;
	padding-top: 80px;
	position: relative;
}
.fed-div span:before {
	position: absolute;
	content: "";
	background: #F5FDFF;
	width: 3px;
	height: 110px;
	left: 0;
}
.fed-div h2:before {
	position: absolute;
	content: "";
	background: #F5FDFF;
	width: 56px;
	height: 1px;
	left: -70px;
	top: 94px;
}
.sight-map-section img:hover {
	transform: scale(1.1);
}
.manta-wrap-detail {
	padding-left: 70px;
	width: 78%;
	margin-top: 140px;
}
.manta-wrap-detail p {
	color: #072D48;
}

/*
-------------------------------------------------------------- 
Resource Page CSS
-------------------------------------------------------------- 
*/
.resources-warp h2 {
	color: #072D48;
	padding-bottom: 24px;
	padding-left: 70px;
	position: relative;
}
.resources-warp p {
	color: #072D48;
	padding-left: 70px;
	width: 91%;
}
.main-img-wrap {
	position: relative;
}
.main-img-wrap p {
	position: absolute;
	background: #072D48;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	width: unset;
	bottom: -11px;
	left: 0;
}
.resources-warp {
	margin-top: 140px;
}
.spot-box p {
	font-size: 30px;
	line-height: 34px;
}
.resources-warp h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 54px;
	height: 1px;
	left: 0px;
	top: 19px;
}

.ocan-wrap {
	margin-top: 92px;
}
.roman-section{
	position:relative;
}
.roman-section:after {
	position: absolute;
	content: "";
	background: #072D48;
	width: 33%;
	height: 390px;
	left: -150px;
	z-index: -1;
	top: 130px;
}
.ocan-wrap h2 {
	text-align: center;
	color: #072D48;
	position: relative;
}
.ocan-wrap h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	height: 1px;
	width: 78%;
	left: -230px;
	bottom: -14px;
}
.education-wrap h2{
	color: #072D48;
}
.education-wrap {
	margin-top: 105px;
	margin-bottom: 70px;
}
.education-wrap p {
	color: #072D48;
	width: 69%;
	padding-left: 0px;
}
a.down-btn {
	font-size: 16px;
	color: #072D48;
	display: inline-block;
	text-decoration: none;
	line-height: 41px;
	width: 158px;
	height: 41px;
	border: 1px solid #072D48;
	text-align: center;
	border-radius: 27px;
	font-family: 'CreatoDisplay-Light';
	text-transform: capitalize;
}
.roman-wrap p {
	position: absolute;
	content: "";
	background: #072D48;
	font-size: 12px;
	line-height: 14px;
	padding: 5px 10px;
	bottom: -12px;
	left: 0px;
}
.roman-wrap {
	position: relative;
}

.education-div h2 {
	text-align: center;
	color: #072D48;
	margin-top: 150px;
}
.education-div h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 76%;
	height: 1px;
	left: -230px;
	margin-top: 60px;
}

.download-wrap {
	text-align: center;
	margin-top: 114px;
}

.m-wrap a {
	font-size: 16px;
	color: #072D48;
	display: inline-block;
	text-decoration: none;
	line-height: 41px;
	width: 158px;
	height: 41px;
	border: 1px solid #072D48;
	text-align: center;
	border-radius: 27px;
	font-family: 'CreatoDisplay-Light';
	text-transform: capitalize;
	float: left;
	transition:.3s ease-in-out;    
}
.resources-warp{
	position:relative;
}
.resources-warp:before{
	position: absolute;
	content: "";
	background: #072D48;
	width: 45%;
	height: 390px;
	right: -170px;
	top: 49px;
	z-index: -1;
}
.m-wrap a:hover, a.down-btn:hover {
	color: #F5FDFF;
	background: #072D48;
}
.m-wrap h2 {
	color: #072D48;
	text-align: right;
	padding-right: 19px;
}
.download-wrap .row {
	margin-bottom: 60px;
}
.resea-wrap h2{
	text-align: right;
	padding-right: 23px;
}
.resea-wrap .row {
	margin-bottom: 64px;
}
.roman-bottom::before {
	width: 66%;
}
.threat-banner h1 {
	bottom: -34px;
}
.threat-banner .loaction-div {
	width: 11%;
}
.thrat-wrap {
	margin-top: 90px;
}
.threat-bannr-detail {
	bottom: 0;
	right: 0;
	position: absolute;
	width: 41%;
	background: #072D48;
	padding: 93px 63px 40px;
	opacity.9;
}
.threat-bannr-detail:before {
	position: absolute;
	content: "";
	background: #F5FDFF;
	width: 56%;
	height: 1px;
	right: 0;
	top: 53px;
}
.thrat-wrap img{
	position: relative;
	width:100%;
}
.thrat-wrap p {
	position: absolute;
	background: #072D48;
	font-size: 12px;
	padding: 5px 10px;
	line-height: 14px;
	bottom: -12px;
}
.th-wrap p {
	color: #072D48;
	font-size: 30px;
	line-height: 36px;
	width: 60%;
	text-transform: uppercase;
	margin: 0 auto;
	background: transparent;
	position: unset;
}
.key-wrap {
	color: #072D48;
	opacity: .1;
	font-size: 209px;
	font-family: 'DCC-Ash';
	letter-spacing: 3px;
}
.threat-box p {
	color: #072D48;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 2px;
	padding-top: 10px;
}
.key-wrap {
	color: #072D48;
	opacity: .1;
	font-size: 209px;
	font-family: 'DCC-Ash';
	letter-spacing: 3px;
	margin-bottom: -130px;
}
.t-box {
	margin-left: 130px;
}
.fisher-wrap p {
	color: #072D48;
	padding-left: 169px;
}
.fisher-wrap h2 {
	color: #072D48;
	font-size: 80px;
	line-height: 84px;
	padding-left: 170px;
	position: relative;
}
.fis-img p {
	position: absolute;
	font-size: 12px;
	line-height: 14px;
	padding: 5px 10px;
	background: #072D48;
	color: #fff;
	bottom: -12px;
}
.fisher-wrap h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 70px;
	height: 1px;
	left: 89px;
	top: 40px;
}
.fisher-wrap {
	margin-top: 90px;
}
.gill-wrap {
	padding-left: 120px;
	margin-top: 70px;
	margin-bottom: 110px;

}
.gill-wrap h2 {
	color: #072D48;
	padding-bottom: 25px;
	position: relative;
}
.gill-wrap p {
	color: #072D48;
	width: 81%;
}
.gill-wrap h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 70px;
	height: 1px;
	left: -82px;
	top: 18px;
}
.video-div img {
	margin: 0 auto;
}
.take-wrap {
	width: 49%;
	margin: 0 auto;
	margin-top: 266px !important;
}
.take-wrap p {
	color: #072D48;
}
.take-wrap h2 {
	color: #072D48;
	padding-bottom: 26px;
	position: relative;
}
.take-wrap h2:before {
	position: absolute;
	background: #072D48;
	width: 76px;
	height: 1px;
	content: "";
	left: -90px;
	top: 20px;
}
.bot-fish p {
	bottom: 6px;
}

/*blog page */

.blog-head h2 {
	font-size: 80px;
	line-height: 84px;
	margin-top: 37px;
	color: #072D48;
	padding-left: 101px;
	position: relative;
}
.store-info-window {
	min-width: 209px;
	font-size: 18px;
	padding: 8px;
}
.week {
	font-size: 20px;
	font-family: 'CreatoDisplay-Light';
	text-transform: uppercase;
	letter-spacing: 1px;
}
.tab-content .alm-reveal {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.inner-banner-area.blog-banner {
	min-height: 100vh;
}
.blog-filter {
	margin-top: 90px;
}
.blog-head h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	height: 1px;
	width: 76px;
	left: 0;
	top: 40px;
}
.blog-box {
	margin-top: 100px;
	margin-left: 52px;
}
.blog-box img {
	height: 380px;
	object-fit: cover;
}
.date-wek {
	display: flex;
	width: 100%;
	justify-content: space-between;
	border-bottom: 0.5px solid #072D48;
	align-items: center;
}
.blog-box h2 {
	color: #072D48;
	font-size: 20px;
	line-height: 24px;
	font-family: 'CreatoDisplay-Light';
	letter-spacing: 0;
	padding-top: 12px;
	padding-bottom: 7px;

}
.more-btn {
	text-align: center;
	margin-top: 160px;
	margin-bottom: 112px;
}
.more-btn a {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	line-height: 41px;
	width: 158px;
	height: 41px;
	border: 1px solid #072D48;
	text-align: center;
	text-transform: capitalize;
	background: #072D48;
	border-radius: 29px;
}
.welcome-blog-wrap p {
	color: #072D48;
	width: 74%;
	margin: 0 auto;
	padding-bottom: 15px;
}
.blog-botom p {
	width: 59%;
	margin: 0 auto;
	padding-bottom: 17px;
	padding-left: 17px;
	color: #072D48;
}
.blog-box p {
	color: #072D48;
	font-size: 30px;
	line-height: 36px;
	padding-top: 10px;
	letter-spacing: 0;
	margin-bottom: 18px;
	width:100%;
}
.blog-head {
	margin-bottom: 20px;
}

.blog-box a {
	font-size: 16px;
	color: #072D48;
	display: inline-block;
	text-decoration: none;
	line-height: 41px;
	width: 158px;
	height: 41px;
	border: 1px solid #072D48;
	text-align: center;
	border-radius: 27px;
	text-transform: capitalize;
}
/*blog detail */
.single-post .primary-menu a {
	color: #072D48 !important;
}
.blog-detail-page {
	padding-top: 155px;
}
.blog-detail-relted .blog-box {
	margin-top: 60px;
}
.related-wrap .container {
	width: 85%;
}
.enlagmen-wrap p {
	bottom: -12px;
}
.fis-img.enlagmen-wrap {
	position: relative;
}
.post-metas h2 {
	color: #072D48;
	position: relative;
	padding-bottom:5px;
}   
.post-metas {
	padding-left: 95px;
}
.post-metas h2:before {
	background: #072D48;
	position: absolute;
	content: "";
	width: 76px;
	height: 1px;
	left: -96px;
	top: 20px;
}
.post-metas p {
	color: #072D48;
	font-size: 30px;
	line-height: 36px;
	width: 82%;
	padding-top: 10px;
}
.welcome-blog-wrap p {
	color: #072D48;
}

.welcome-blog-wrap {
	border-top: 0.5px solid #072D48;
	margin-top: 90px !important;
	padding-top: 50px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 125px;

}
.yelow-sec-div a {
	text-decoration: none;
}
.mid-wrap-blog p {
	color: #072D48;
	margin: 0 auto;
	width: 70%;
}
.blog-detail-wrap {
	margin-top: 115px;
}
.blog-detail-wrap p {
	color: #072D48;
	width: 66%;
	margin: 0 auto;
}
.related-blog {
	margin-top: 241px;
}
.related-blog h2 {
	position: relative;
	color: #072D48;
	padding-left: 95px;
}
.related-blog h2:before {
	position: absolute;
	content: "";
	width: 76px;
	background: #072D48;
	height: 1px;
	left: 0;
	top: 20px;
}
.climate-det p {
	bottom: -11px;
	padding-left: 6px;
}
.fis-img.bot-fish.climate-det {
	position: relative;
}
/* manta tv */ 

.tv-banner {
	min-height: 588px;
}
.tv-wrap h2 {
	color: #072D48;
	font-size: 80px;
	line-height: 84px;
	padding-left: 80px;
	position: relative;
}
.main-tv-wrap {
	padding-top: 80px;
}
.tv-wrap {
	margin-top: 35px;
}
.tv-filters {
	position: absolute;
	right: 15px;
	text-align: right;
	top: 41px;
	padding-bottom: 0;
	display: none;
	cursor: pointer;
}
.tv-filters p, .tv-filters  a{
	width: 100% !important;
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 24px;
	transition: .3s;
	text-decoration: none;
	color: #072D48;
	transition:.3s ease-in-out;
}
.nav-pills a {
	padding-bottom: 4px;
	display: block;
}

.nav-pills a:hover {
	font-family: 'CreatoDisplay-Regular';
	padding-right: 10px;
}
.nav-pills a.active {
	font-family: 'CreatoDisplay-Regular';
	padding-right: 10px;
}
.blog-filter .tv-filters {
	position:absolute;
	z-index: 99;
	background: #f5fdff;
	padding: 22px;
	top: 121px;
	width:230px;
	padding-right: 0px !important;

}
.cart_totals #wc-stripe-payment-request-wrapper {
	display: none;
}
button.donation_add_to_cart.single_add_to_cart_button.button.disabled {
	opacity: 0.5;
}
.blog-filter ul.nav.nav-pills {
	display: block;
}
.tab-content .alm-btn-wrap .alm-load-more-btn  {
	margin-top: 110px;
	margin-bottom: 80px;
	border-radius: 27px;
	background-color: #072D48 !important;
}
.citizen-scientists .button.alm-load-more-btn.more.done{
	margin-top: 110px;
	margin-bottom: 80px;
	border-radius: 27px;
	background-color: #072D48 !important;
}
.tv-filters p:hover {
	font-family: 'CreatoDisplay-Regular';
	padding-right:10px;
}
.tv-wrap p {
	color: #072D48;
	width: 96%;
	padding-left: 80px;
}

.tv-wrap h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 74px;
	height: 1px;
	left: 0;
	top: 42px;
}

.nwx-wrap h2 {
	font-size: 40px;
	line-height: 41px;
	margin-bottom: 36px;
}
.nwx-wrap h2::before {
	top: 23px;
}
.nwx-wrap p {
	width: 66%;
	padding-left: 79px;
	padding-top: 30px;
	padding-bottom: 60px;
	color: #072D48;
}
.tv-download {
	position: relative;
}
.tv-download:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 67%;
	height: 1px;
	left: -90px;
	top: -82px;
}
.nwx-wrap img {
	margin: 0 auto;
	width: 87%;
}
.tv-download .row {
	margin-bottom: 42px;
}
.footage-section h2 {
	color: #072D48;
}   
.footage-section h2, .nwx-wrap h2 {
	color: #072D48;
	padding-left: 80px;
	position: relative;
}
.tv-bootm-section p {
	color: #072D48;
	width: 30%;
	margin: 0 auto;
}

.tv-bootm-section {
	margin-top: 120px;
}
.footage-section h2:before, .nwx-wrap h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 70px;
	height: 1px;
	left: 0;
	top: 20px;
}

.footage-section {
	margin-top: 151px;
}
.tv-footage-section .blog-box {
	margin-top: 42px;
}
.top-icon img {
	cursor: pointer;
}
div#nwx {
	margin-top: 58px;
}
.supor-baner h1 {
	letter-spacing: 0px;
}

/* support page design */
.support-main-wrap {
	margin-top: 112px;
	position: relative;
}
.featured-products .scrollbar .handle{
	left: unset;
	position: absolute;
}
.featured-products {
	margin-top: 50px;
}
.suppor-donation div#other-donation:before {
	left: 161px;
}
.featured-products .scrollbar{
	padding-left: 0px;
	margin:unset;
}
.previous i.icon-angle-right:before{
	right: -10px;
	top: 14px;
}
.pack-wrap {
	margin-top: 132px;
}
.pack-wrap h2 {
	padding-bottom: 31px;
}
.donate-wrap {
	margin-top: 128px;
}
.support-main-wrap p {
	color: #072D48;
	width: 42.5%;
	margin: 0 auto;
	padding-bottom: 20px;
	position:relative; 
}
.support-main-wrap p:first-child:before {
	position: absolute;
	content: "";
	background: #072D48;
	height: 100%;
	width: 3px;
	left: -18px;
	top: -24px;
}
.devil-main-wrap.supo {
	margin-top: 155px;
	margin-bottom: 160px;
	position:relative;
}
.adopt-wrap, .pack-wrap {
	padding-left: 83px;
}
.adopt-wrap {
	margin-top: 158px;
}
.donatep-section {
	background: #072D48;
	padding-top: 160px;
	padding-bottom: 150px;
	padding-left: 142px;
	padding-right: 140px;
}
.donate-wrap img {
	margin: 0 auto;
}
.modal.suppor-donation {
	display: block;
	position: unset;
}
.modal.suppor-donation img {
	display: none;
}
.modal.suppor-donation h2, .modal.suppor-donation  p {
	display: none;
}
.donatep-section h2 {
	position: relative;
	padding-bottom: 10px;
}
.donatep-section h2:before {
	position: absolute;
	content: "";
	width: 76px;
	height: 1px;
	background: #fff;
	left: -90px;
	top: 20px;
}
.adopt-wrap p, .pack-wrap p{
	color: #072D48;
}
.adopt-wrap h2, .pack-wrap h2 {
	padding-bottom: 15px;
	color: #072D48;
	position: relative;
}
.page-id-198 .img-border:after{
	display:none;
}
.pack-wrap li:before {
	position: absolute;
	content: "";
	width: 19px;
	background: #072D48;
	height: 1px;
	left: -29px;
	top: 19px;
}
.pack-wrap li {
	color: #072D48;
	line-height: 40px;
	position: relative;
}
.kn0-bg p {
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 0;
	background: #072D48;
	padding: 59px;
}
.know-detail p {
	color: #072D48;
	width: 49%;
	padding-left: 50px;
}

.adopt-wrap h2:before, .pack-wrap h2:before {
	position: absolute;
	content: "";
	background: #072D48;
	width: 70px;
	height: 1px;
	left: -80px;
	top: 19px;
}

@media only screen and (min-width:1440px){
	.citizen-bg:before{
		width: 1360px;
		left: -740px;
	}
	#other-donation input[type="number"]{
		margin-left: 50px;
	}
	.hodo-wrap {
		padding-left: 190px;
	}
	.manta-ray{
		padding-left: 189px;
	}
	.mission-section.m-auto {
		max-width: 632px;
		width: 100%;
		margin-left: 90px !important;
	}
	.baby-umps {
		padding-left: 183px;
		padding-right: 0px;
		max-width: 584px;
		width: 100%;
	}
	.main-section-wrap {
		padding-left: 123px;
		max-width: 593px;
		width: 100%;
	}
	.partner-div h2{
		margin-left: -52px;
	}
}
@media only screen and (min-width:1500px){
	.manta-ray {
		padding-left: 259px;
	}
	.th-wrap p{
		max-width: 419px;
		margin-left: 190px;
	}
	.map-detail p{
		max-width:400px;
	}
	.fisher-detail-wrap{
		max-width: 656px;
		width: 100%;
		float: right;
		margin-right: 40px;
	}
}
@media only screen and (min-width: 1600px){
	.research-bg a{
		margin-left: 359px;
	}
	.video-sec .banner-image{
		top: 250px;
	}
	.research-bg p{
		padding-left: 370px;
	}
	.male-fema-sec {
		margin-left: 240px;
	}
	.male-fema-sec::before {
		left: 160px;
	}
	.fed-div {
		padding-left: 426px !important;
	}
	.satellite-wrap p {
		padding-left: 360px;
	}
	.left-taging {
		padding-left: 362px;
		padding-right: 0px;
		padding-top: 250px;
		max-width: 840px;
		width: 100%;
	}
	.mission-section.m-auto {
		max-width: 682px;
		width: 100%;
		margin-left: 90px !important;
	}
	.baby-umps {
		padding-left: 343px;
		padding-right: 0px;
		max-width: 774px;
		width: 100%;
	}
	.mark-div {
		width: 100%;
		max-width: 473px;
		padding-left: 0;
		padding-right: 0;
		margin-left: 130px !important;
	}
	.half-area p{
		padding-left: 226px;
	}
	.ed-baner-des span{
		width: 100%;
		max-width: 965px;
	}
	.manta-detail {
		width: 100%;
		max-width: 348px;
		margin-left: 450px;
	}
	.spot-drive {
		padding-left: 140px;
		max-width: 730px;
		width: 100%;
	}
	.suf-div {
		width: 100%;
		max-width: 572px;
	}
	.surface-wrap p{
		padding-right: 0px;
	}
	.right-sate p{
		margin-left: 50px;
		width: 71%;
	}
	.hodo-wrap{
		max-width: 604px;
		width: 100%;
		margin-left: 230px;
	}
	.bottom-div-detail:before{
		left: -370px;
		width: 1150px;

	}
	.left-wrap-ray h2, .left-wrap-ray ul {
		margin-left: 370px;
	}
	.manta-detail:before{
		left: 369px;
	}
	.yelow-sec-div p{
		padding-right: 210px;
		width: 83%;
	}
	.yelow-sec-div {
		right: -260px;
	}
	.partner-div h2{
		margin-left: -57px;
	}
}
@media only screen and (min-width:1920px){
	.devilrays-last{
		height: 1310px;
	}
	.yelow-sec-div p{
		width: 90%;
		padding-right: 600px;
	}
	.mission-section.m-auto{
		margin-left: 291px !important;
	}
	.yelow-sec-div {
		right: -480px;
	}
	img.close-map-filte {
		width: 25px;
	}
	.bottom-video-div{
		float: right;
	}
	.negative-m{
		max-width: 720px;
	}
	.devilrays-last{
		height: 920px;
	}
	.devilrays-last{
		margin-bottom:200px;
	}
	.mission-section.m-auto{
		margin-left: 261px !important;
	}
	.form-bg:before{
		width: 36%;	
	}
	footer#site-footer{
		margin-top: unset; 
	}
	.rail-section p{
		padding-left: 400px;
	}
	.partner-div h2{
		margin-left: -38px;
	}
} 
@media only screen and (min-width:2000px){
	.yelow-sec-div {
		right: -680px;
	}
	.rail-section p{
		padding-left: 460px;
	}	
	.mission-section.m-auto {
		margin-left: 331px !important;
	}
	.banner-bootom-section {
		width: 89%;
	}
}
@media only screen and (max-width: 1440px) and (min-width: 1390px){
	.spot-de p{
		bottom: -10px;
	}
}

@media only screen and (max-width: 1099px){
	.primary-menu > li {
		margin: 0.8rem 0 0 21px;
	}
	.spot-drive {
		padding-left: 70px;
	}
	.spot-drive {
		padding-left: 30px;
	}
	.bottom-video img{
		margin-top: 110px;
	}
	.mark-detail p{
		width: 68%;
		font-size: 34px;
		line-height: 42px;
	}
	.research-head h2 {
		font-size: 159px;
	}
	.research-bg a{
		margin-left: 67px;
		margin-top: -10px;
	}
	.research-bg p{
		padding-left: 60px; 
	}
	.support p{
		width: 53%;
	}
	.our-team-section{
		margin-bottom: 69px;
	}

	html.js{
		overflow-x: hidden;
	}
	/* hot spot */
	.map-detail p {
		width: 90%;
		padding-left: 40px;
	}
	.map-wrape{
		margin-bottom: 70px;
	}
	.baby-umps{
		padding-right: 0px;
	}

	.spot-detail p{
		width: 100%;
	}
	.spot-detail {
		padding-top: 70px;
	}
	.spo-d {
		margin-top: 71px;
	}
	.spot-drive h2:before{
		width: 40px;
		left: -49px;
	}
	.spot-drive h4{
		padding-right: 15px;
	}
	.spot-drive p {
		width: 100%;
		padding-right: 15px;
	}

	.surface-wrap p {
		padding-left: 56px;
	}
	.surface-vide p{
		padding-left: 10px !important; 
	}
	.depend {
		margin-top: 120px;
	}
	.bottom-video p{
		left: 105px;
	}
	/* tagging page*/
	.satellite-wrap p{
		padding-left: 40px;
		padding-right: 160px;
	}
	.left-taging {
		padding-left: 57px;
		padding-right: 22px;
		padding-top: 20px;
	}
	.sate {
		margin-top: 130px;
	}
	.right-sate p {
		width: 81%;
	}
	.left-section-detail {
		padding-left: 0px;
		padding-right: 0px;
	}
	.right-section-detail p{
		width: 100%;
	}
	.do-section {
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.table br {
		display: none;
	}
	.spot-tag h3 {
		font-size: 159px;
	}
	.bottom-div-detail{
		padding-left: 15px;
	}
	.bottom-div-detail:before{
		left: -60px;
		width: 100%;

	}
	.hodo-wrap p {
		width: 100%;
	}
	/*education page*/
	.education-banner .inner-banner-area {
		min-height: 802px;
	}
	.ed-header-img{
		top: 110px;
	}
	.ed-baner-des span{
		padding-left: 70px;
		padding-right: 43px;
	}
	.education-banner h2{
		bottom: 51%;
	}
	.education-banner p {
		bottom: 43%;
	}
	.devil-main-wrap {
		margin-top: 209px;
		margin-bottom: 120px;
	}
	.manta-detail:before{
		left: 39px;
		width: 46px;
	}
	.manta-detail {
		width: 69%;
	}
	.rail-section p {
		width: 100%;
		padding-left: 80px;
	}
	.fed-div span{
		padding-top: 20px;
		width: 100%;
	}
	.fed-div p {
		width: 98%;
	}
	.feed-img img{
		margin-top: 0px;
		height: 882px;
	}
	.manta-wrap-detail {
		width: 100%;
		margin-top: 70px;
	}
	/*resource page*/
	.main-img-wrap:after{
		height: 290px;
	}
	.education-wrap p{
		width: 100%;
	}
	.education-div h2:before{
		width: 86%;
	}
	.ocan-wrap h2:before{
		width: 88%; 
	}
	/*blog detail */
	.welcome-blog-wrap p{
		width: 100%;
	}
	.mid-wrap-blog {
		margin-top: 50px;
	}
	.mid-wrap-blog p{
		width: 100%;
	}
	.blog-detail-wrap p{
		width: 100%;
		padding-bottom: 20px;    
	}
	.welcome-blog-wrap{
		width: 100%;
	}
	.mid-wrap-blog p{
		padding-bottom: 20px;    
	}
	.blog-detail-wrap {
		margin-top: 75px;
	}
	.related-blog {
		margin-top: 70px;
	}
	/*manta-tv page*/
	.nwx-wrap p {
		width: 100%;
		padding-left: 0px;
	}
	.tv-bootm-section p {
		width: 60%;
	}

	/* ocean manta page*/
	.ocea-banner h1{
		bottom: -55px;
		font-size: 100px;
		letter-spacing: 1px;
	}
	.ocea-banner .head-bg br {
		display: none;
	}
	.ocean-right p{
		padding-left: 0px;
	}
	section.manta-sec{
		padding-top:0;
	}
	.ocean-content p{
		width:78%;
	}
	.spot-box{
		padding: 44px 20px 44px 70px;
	}
	.belly-content p{
		padding-right: 35px;
	}
	.belly-spot{
		padding-bottom: 20px;
	}
	.morph-content.heading-line{
		padding-right: 15px;
	}
	section.morphe {
		padding-bottom: 0;
	}
	.bluewater-content {
		padding-left: 100px;
		padding-right: 15px;
	}
	.page-id-231  .gallery-wrap {
		padding-top: 40px;
	}

	/*Sightings Map Form */
	.sight-map-div .container{
		width:100%;
	}
	.sight-map-section {
		margin-top: 57px;
	}
	.map-div input.wpcf7-form-control.has-spinner.wpcf7-submit{
		margin-right: 0px;
		float: right;
	}
	.map-div {
		margin-right: 0px;
	}
	.sight-map-section img{
		margin-top: 70px;
	}
	.Gender, .Images, .Injuries, .Comments{
		width:100%;
	}
	.Manta_Behavior {
		padding-right: 0px;     
	}
	.Manta_Behavior span.wpcf7-list-item-label{
		padding-bottom: 1px;
	}
	.sight-map-div h4{
		width: 100%;
	}
	.col-md-6.manta-behavior-images{
		margin-bottom: 20px;

	}

	/*threat page responsive */
	.t-box {
		margin-left: 28px;
	}
	.th-wrap p{
		width: 100%;
	}
	.threat-box p{
		font-size: 24px;
		line-height: 29px;
	}
	.fisher-wrap h2:before{
		display:none;
	}

	.fisher-wrap h2 {
		padding-left: 40px;
		line-height: 74px;
	}
	.key-wrap{
		font-size: 109px;
	}
	.threat-box p br {
		display: none;
	}
	.fisher-wrap p{
		padding-left: 40px;

	}
	.gill-wrap {
		padding-left: 0px;
		margin-bottom: 60px;
	}
	.take-wrap{
		margin-top: 95px !important;

	}
	.gill-wrap h2:before{
		display:none;
	}
	.gill-wrap p{
		width: 100%;
	}
	.threat-banner .loaction-div {
		width: 21%;
	}

	/*shop page */
	.sho-div p{
		width: 100%;
		margin-left: 0px;
	}
	.sho-div {
		margin-top: 61px;
		margin-bottom:71px;
	}
	span.product-description p{
		width:100%;
	}
	ul.products li.product:nth-child(2) {
		margin-left: 0px !important;
	}
	
	#myVideo {
		height: 630px !important;
	}

	/*Support page*/
	.supor-baner h1 {
		font-size: 166px;
	}
	.support-main-wrap p{
		width:90%;
	}
	.devil-main-wrap.supo {
		margin-top: 95px;
	}
	.know-detail p{
		width: 92%;
	}
	.adopt-wrap {
		margin-top: 78px;
	}
	.previous i.icon-angle-right:before {
		right: 80px;
	}
	.pack-wrap {
		margin-top: 82px;
	}
	.donatep-section h2:before{
		display:none;
	}
	.donatep-section{
		padding-left: 32px;
		padding-right: 50px;
	}
	.suppor-donation button.single_add_to_cart_button.button.alt{
		margin-left: 150px;
	}
	.crusal-wrap{
		margin: 73px auto 73px auto;
	}
	.container-fluid.p-0.devil-main-wrap.fund {
		margin-top: 0;
	}
	.support-sponsor-dash {
		padding-left: 0px;
	}
	section.support-sponsor {
		padding-bottom: 0;
	}
	.support-splash-outer {
		margin-top: 158px;
	}
	/*about page */
	.about-slight {
		padding-top: 46px;
	}
	.citizen-bg:before{
		width: 100%;
	}
	.mission-section{
		margin-top: 232px;
	}
	.main-section p{
		width: 81%;
	}
	.manta-id-section{
		width:100%;
	}
	.manta-id-section.words span{
		width:100%;
	}
	.bg-div{
		margin-bottom: 90px;
	}
	.gallery-wrap {
		padding-top: 50px;
	}
}
@media only screen and (max-width:1024px){
	.previous i.icon-angle-right:before {
		right: -50px;
	}
	.fisher-wrap h2{
		font-size: 55px;
	}
	.enlagmen-wrap p {
		padding-left: 8px !important;
	}
	p#wc-stripe-payment-request-button-separator {
		display: none;
	}
	.climate-det p {
		padding-left: 10px;
	}
}
@media only screen and (max-width: 1200px){
	.trust-div {
		padding-left: 0px;
	}
	.form-filter .col-sm-6{
		max-width: 46%;
	}
	.manta-detail h2:before{
		display:none;
	}
	.global-detail p{
		width:100%;
	}
	.page-id-113 .dona{
		padding-top: 23%;
	}
	.map-detail{
		margin-top: 60px;
	}
	.spot-detail p{
		padding-left: 0px;
	}
	.spot-drive h2:before{
		display:none;
	}
	.surface-wrap p{
		padding-right: 30px;
	}
	.trust-div h2:before{
		display:none;
	}
	.header-titles img {
		margin-left: 0px;
	}
	button.close-nav-toggle .toggle-text{
		opacity:0;
	}
	.toggle-close-icon {
		height: 20px;
    	margin-right: 11px;
	}
	span.men-item {
		display: none;
	}
	.header-inner .toggle svg{
		display: none;
	}
	span.toggle-text {
		color: #072D48 !important;
		background: none;
		padding: 10px;
		font-size: 20px !important;
		line-height: 24px !important;
		top: -10px !important;
		left: -120px;
		border-radius: 2px;
	}
	.mobile-menu a, .mobile-menu ul.sub-menu.active a {
		font-size: 20px !important;
		color: #072D48 !important;
		font-family: 'CreatoDisplay-Light';
		line-height: 24px;
		letter-spacing: 1px !important;
		padding: 15px !important;
		font-weight: 400px !important;
	}
	button:focus, button:focus a{
		outline: none !important;
		text-decoration: none !important;
	}
	.menu-modal-inner.modal-inner {
		background: #F5FDFF;
	}
	/*ID-DATABASE PAGE */

	.head-bg h1{
		font-size: 174px;
		letter-spacing: 5px;
	}
	.main-section p{
		width: 71%;
	}
	.bottom-video p{
		left: 0px;
	}
	.manta-id-section{
		width: 100%;
	}
	.mark-div {
		padding-left: 15px;
		padding-right: 19px;
	}
	.manta-id-section.words {
		margin-top: 78px;
	}
	.words p {
		width: 76%;
	}
	.manta-id-section.words span{
		width: 80%;
	}
	.bg-div{
		margin-bottom: 100px;
	}
	.baby-umps {
		padding-left: 93px;
		padding-right: 0px;
	}
	.half-area{
		width: 100%;
		margin-top: 80px;
		margin-bottom: 80px;

	}
	.half-area p {
		width: 100%;
		padding-left: 36px;
	}
	.gallery-wrap {
		padding-top: 70px;
	}
	/* hot -spot */

	.main-section-wrap {
		padding-left: 0px;
	}
	.main-section-wrap h4 {
		font-size: 25px;
		line-height: 27px;
		padding-bottom: 28px;
	}
	.hot-main-section{
		margin-bottom: 110px;
	}
	.mai-img-wrap:after{
		bottom: -93px;
	}
	.spot-left {
		padding-left: 0px;
	}
	.spot-right {
		padding-left: 0px;
		padding-right: 0px;
	}
	.map-detail{
		width: 100%;
	}
	.id-spot p {
		width: 100%;
	}

	.spot-drive {
		padding-left: 46px;
	}
	.spot-left p{
		width: 100%;
	}
	.page-id-6 .dona{
		padding-top: 16%;
		padding-bottom: 213px;
	}
	.footer-credits .container {
		width: 100%;
	}
	/*tagging page*/
	.satellite-wrap p {
		padding-right: 80px;
		padding-left: 20px;
	}
	.left-taging {
		padding-left: 32px;
		padding-right: 0px;
	}
	.sate {
		margin-top: 180px;
	}
	.right-sate {
		margin-top: -120px;
	}
	.right-sate p {
		width: 100%;
		padding-right: 15px;
		font-size: 28px;
	}
	.hodo-wrap h2:before, .right-tag h2:before{
		display:none;
	}
	.table-responsive {
		margin-top: 10px;
	}
	.table tr:first-child td{
		font-size: 30px !important;
		line-height: 33px !important;

	}
	.hodo-wrap {
		padding-left: 15px;
	}
	.right-tag {
		padding-left: 0px;
	}
	.right-tag p{
		width: 100%;
	}
	.spot-tag h3 {
		font-size: 129px;
	}
	.bottom-div-detail {
		width: 100%;
	}
	/*education page */
	.education-banner .inner-banner-area {
		min-height: 542px;
	}
	.education-banner h2{
		left: 38px;
	}
	.education-banner p{
		left: 38px;
		bottom: 40%;
	}
	.ed-baner-des span{
		padding-left: 57px;
		padding-right: 23px;
		padding-bottom: 36px;
	}
	.education-banner .head-bg h1{
		display: none;
	}
	.education-banner h2:before{
		display: none;
	}
	.ed-header-img {
		top: 330px;
	}
	.manta-detail {
		width: 100%;
		padding-left: 81px;
	}
	.devil-ray {
		padding-left: 89px;
	}
	.rail-section h2:before{
		width: 38px;
		left: -45px;
	}
	.rail-section p{
		padding-right: 30px;
	}
	.male-fema-sec {
		padding-left: 30px;
		padding-right: 10px;
	}

	.male-fema-sec::before {
		left: 8px;
		width: 30px;
	}
	.fed-div h2{
		padding-top: 35px;
	}
	.fed-div {
		padding-left: 55px !important;
		padding-bottom: 10px !important;
	}
	.fed-div h2:before{
		display: none;
	}
	.manta-wrap-detail {
		padding-left: 0px;
	}
	/*resource page */
	.main-img-wrap:after{
		width: 310px;
		height: 210px;
	}
	.resources-warp h2{
		padding-left: 0px;
	}
	.resources-warp h2:before{
		display: none;
	}
	.resources-warp p{
		width: 100%;

	}
	.ocan-wrap h2:before, .education-div h2:before {
		width: 100%;
	}
	/*blog page */
	.blog-box {
		margin-top: 76px;
		margin-left: 0px;
	}
	.more-btn{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.blog-botom p {
		width: 92%;
	}
	/*blog detail */
	.post-metas h2:before, .related-blog h2:before{
		display: none;
	}
	.post-metas p {
		width: 100%;
		line-height: 28px;
	}
	.mid-wrap-blog img {
		margin-bottom: 30px;
	}
	.related-blog h2{
		padding-left: 0px;
	}
	.post-metas {
		padding-left: 0px; 
	}
	/* manta tv page*/
	.tv-wrap h2:before, .footage-section h2:before, .nwx-wrap h2:before{
		display: none;
	}
	.tv-wrap h2{
		padding-left: 0px;
	}
	.tv-wrap p{
		width: 100%;
		padding-left: 0px;
	}
	.footage-section h2, .nwx-wrap h2{
		padding-left: 0px;
	}
	.stockist_find h2, .sight-map-section span.wpcf7-list-item, .map-filter-wrap select.wpcf7-form-control.wpcf7-select{
		padding-left: 10px;
	}

	/* ocean manta page */
	.ocea-banner h1 {
		font-size: 84px;
	}
	.ocea-rays h2:before, .heading-line h2:before, .bluewater-content h2:before{
		display:none;
	}
	.morph-content.heading-line {
		padding-left: 40px;
	}
	.ocea-rays {
		padding-left: 0px;
	}
	.bluewater-content {
		padding-left: 40px;
	}
	section.blue-water{
		padding-bottom:0px;
	}
	section.blue-water:after{
		height: 60px;
	}
	.dona{
		padding-bottom: 83px;
	}
	footer#site-footer{
		margin-top: 0px;
		min-height: auto;
	}
	.bluewater-content h2{
		margin-top:40px;
	}
	section.two-img {
		padding-top: 0;
		padding-bottom: 0;
	}
	/*spinetail devil page */
	.spinetail-banner h1 {
		line-height: 130px;
		font-size: 170px;
		bottom: -3px;
	}
	.spinet-div h2 {
		font-size: 28px;
	}
	.blog-center p {

		width:100%;
		padding-left:0px;
	}
	.devilrays-last {
		height: 610px;
		margin-top: 80px;
		margin-bottom: 10px;
	}
	.m-200 {
		margin-top: 50px;
	}
	/* map form page */
	.sight-map-section h2:before{
		display:none;
	}
	.sight-map-section h2, .sight-map-section p {
		padding-left: 0px;
		width: 100%;
	}
	.wp-block-contact-form-7-contact-form-selector{
		width:100%;
	}
	/* threat page */
	.threat-bannr-detail {
		display: none;
	}
	.th-wrap p{
		margin-top: 90px;
	}
	.thrat-wrap p{
		bottom:0px;
	}

	/*map form */
	.sight-map-div .container{
		margin-top: 45px;
	}
	.form-bg:before{
		display:none;
	}
	.citizen-scientists div#ajax-load-more {
		width: 100%;
	}
	/*shop page */
	span.price{
		font-size: 14px;
	}
	h2.woocommerce-loop-product__title{
		font-size: 15px !important;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		width: 47.2% !important;
		margin-right: 16px !important;
	}
	ul.products li.product .overlay {
		bottom: 118px;
		width: 95%;
		margin: 0 auto;
		left: 15px;
	}
	.specification-div h2:before{
		display:none;
	}
	.specification-div {
		margin-left: 0px;
	}
	.yelow-sec-div p{
		width: 88%;
	}
	h2.product-cat:before{
		display:none;
	}
	h2.product-cat{
		padding-left:0px;
	}
	span.products-colors {
		margin-left: 20px;
		top: -3px;
	}
	span.product-description p{
		padding-left: 0px;

	}
	.morph-content.heading-line{

		width: 100%;
		max-width: 100%;
		margin-left: 30px;
		padding-left:0px !important;
	}
}
@media only screen and (max-width: 768px){
	span.toggle-text{
		left: -39px;
	}
	.take-wrap h2:before{
		display:none;
	}
	.take-wrap {
		width: 100%;
	}
	.fisher-wrap h2:before{
		display:none;
	}
	.spot-drive {
		padding-left: 6px;
	}
	.Upload_Image {
		width: 96%;
	}

	.depend {
		margin-top: 60px;
	}
	.surface-wrap {
		margin-top: 17px;
	}
	.inner-banner-area{
		min-height: 450px;
	}
	.header-titles-wrapper {
		padding: 0px;
	}
	.bor-right {
		padding-left: 11px;
	}
	.col-md-3.bor-right.about-menu, .col-md-3.bor-right.edu-men {
		flex: 0 0 25%;
	}
	.about-slight{
		padding-top: 76px;  
	}
	.mark-detail p {
		width: 100%;
		font-size: 31px;
		line-height: 37px;
		padding-left: 15px;

	}
	.sitizen-section {
		margin-top: 106px;
	}
	.mission-section .col-md-8 {
		padding-left: 50px;
	}
	.mission-section p{
		padding-right: 60px;
	}
	.mission-section h2:before{
		display:none;
	}
	.mission-section h2, .mission-section p{
		padding-left:0px;
	}
	.mission-section li{
		padding-left: 0px;
	}
	.mission-section li:before{
		display:none;
	}
	/*     .img-detail.mis p {
	bottom: 629px;
} */
	.mission-section{
		margin-bottom: 51px;
	}
	.team-div h3{
		font-size: 18px;
	}
	.trust-div h2:before{
		display:none;
	}
	.partner-div {
		padding-left: 0px;
	}
	.research-bg {
		width: 100%;
	}
	.trust-div {
		padding-left: 41px;
	}
	.trust-div p{
		font-size: 26px;
		line-height: 31px;
	}
	.research-head h2 {
		font-size: 109px;
	}
	.partner-div h2:before{
		display:none;
	}
	.partner-div.support {
		margin-top: 40px;
	}
	/* ID database page */
	.head-bg h1{
		bottom: -24px;
		font-size: 144px;
		letter-spacing: 0px;
	}
	.ocea-banner h1 {
		font-size: 84px;
		bottom: -61px;
	}
	.main-section {
		padding-top: 66px;
		padding-bottom: 66px;
	}
	.main-section p {
		width: 91%;
	}
	.manta-id-section h2:before, .baby-umps h2:before{
		display:none;
	}
	.manta-id-section{
		padding-left: 15px;
	}
	.baby-umps {
		padding-left: 15px;
	}
	.half-area p{
		padding-left: 15px;

	}
	.manta-id-section{
		padding-bottom: 39px;
	}
	.mark-div h4{
		line-height: 28px;
		font-size: 24px;
		padding-right: 15px;
	}
	.manta-id-section.words:before{
		display: none;
	}
	.words p {
		width: 100%;
	}
	.manta-id-section.words span {
		width: 100%;
	}
	.arail-left p {
		width: 100%;
	}
	.arail-right p {
		width: 100%;
	}
	.arial-wrap h2:before {
		display:none;
	}

	.arial-wrap {
		padding-left: 0px;
	}

	/*support page*/
	.manta-detail:before{
		display:none;
	}
	.donation label{
		width: 59px;
		height: 34px;
		line-height: 34px;
	}
	.suppor-donation button.single_add_to_cart_button.button.alt {
		margin-left: 90px;
	}
	.manta-detail{
		padding-left: 43px;
	}
	.support-sponsor-dash:before{
		display:none;
	}
	.support-sponsor-dash {
		padding-left: 0px;
	}
	.support-sponsor-dash:before{
		display:none;
	}
	.ocean-right{
		margin-left:0px;
	}
	.icon-box-wrap .container {
		width:100%;
	}
	div#wc-stripe-payment-request-wrapper {
		display: none !important;
	}
	.cart-banner h2{
		margin-top:0px; 
	}
	.cart-banner p{
		width:100%;
	}
}
@media only screen and (width:768px){
	.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
		width: 1500px;
	}
	.woocommerce table.shop_table_responsive tr:first-child, .woocommerce-page table.shop_table_responsive tr:first-child{
		padding:0px; 
	}
	a.checkout-button.button.alt.wc-forward{
		margin-top: 47px;
	}
}
@media only screen and (min-width:668px)and (max-width: 767px){
	a.button.add_to_cart_button {
		bottom: 50px !important; 
	}
}
@media only screen and (min-width:1100px)and (max-width: 1200px){
	ul.products li.product:nth-child(2), ul.products li.product:nth-child(4) {
		margin-left: 8px !important; 
	}
}
@media only screen and (max-width: 767px){

	.support-splash-outer-bg {
		background: transparent !important;
	}

	.bg-grey {
		padding-top: 26px !important;
	}

	.thrat-wrap p {
		bottom:-12px;
	}

	.ateam {
		display:block !important
	}


	.woocommerce-shop .inner-banner-area {
		background-position: left !important;
	}

	span.toggle-text {
		left: -16px;
	}
	.about-slight p{
		font-size: 31px;
		line-height: 37px;
	}
	img.img-fluid.top-scrol-btn {
		float: unset;
		margin: 0 auto;

	}
	.wpcf7 form.sent .wpcf7-response-output {
		width:100%;
	}
	.supor-tag p {
		left: 8px !important;
	}
	.pack-wrap {
		margin-top: 22px;
	}
	.main-section {
		padding-top: 30px;
		padding-bottom: 26px;
	}
	.page-id-113 .dona {
		padding-top: 3%;
	}
	.manta-id-section.words .mantaidsec_content p{
		padding-bottom:0px;
	}
	.news-latter-div input.wpcf7-form-control.has-spinner.wpcf7-submit{
		top: 43px;
		margin-left: 0px;
		left: 40%;
	}
	.section-left-wrap p {
		left: 10px;
	}
	.footage-section {
		margin-top: 111px;
	}
	.tv-bootm-section p {
		width: 100%;
	}
	.tv-bootm-section {
		margin-top: 20px;
	}
	.crusal-wrap{
		margin: 3px auto 3px auto;
	}
	.blueblock2 {
		margin-top: 0px;
	}
	.support-sponsor-dash {
		padding-left: 15px;
	}
	.support-sponsor li br {
		display: none;
	}
	.support-splash-outer {
		margin-top: 128px;
	}
	.bg-grey{
		padding-top: 46px;

	}
	.support-main-wrap {
		margin-top: 82px;}
	.kn0-bg p{
		padding-left:15px;
	}
	.tv-banner p {
		padding: 5px 10px;
	}
	.tv-filters {
		background: #e0e6e7d9;
		padding: 15px;
	}
	.devil-wrap.botom-mobile {
		margin-top: 50px;
	}
	.ocea-rays strong{
		padding-bottom: 0px;
	}
	.right-img-detail img {
		margin-top: 70px;
	}
	.ocean-content-fluid::after{
		display:none;
	}
	.ed-header-img span{
		left:5px;
	}
	.manta-id-section.words .mantaidsec_content p{
		width:100%;
	}
	.cart-btn-wrap a {
		color: #072D48 !important;
		float: right;
		margin-top: 0;
	}
	.woocommerce-cart-form table tbody tr{
		border-top: 1px solid #072D48;
	}

	img.idle-img-wrap {
		margin: 0 auto;
	}
	.blog-filter .tv-filters{
		top: 41px;

	}

	.box-img{
		width:100%;
		margin-top: -20px;
		margin-bottom: 20px;
	}
	p.idle-img{
		text-align:center;
	}
	.featured-products span.ymi-gender{
		right:0px;

	}
	.featured-products span.price{
		right: 70px;

	}
	.featured-products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
		margin-top: 13px;
		margin-bottom: 50px;
	}
	.pack-wrap li{
		line-height: 30px;
	}
	.map-detail-wraper {
		margin-left: 0px;
		width: 100%;
	}
	.previous i.icon-angle-right:before{
		display:none;
	}
	.featured-products .scrollbar{
		display:none;
	}
	.map-fliter img{
		right: 30px;
	}
	.form-filter p {
		padding-left: 21px;
	}
	.support-sponsor-dash {
		padding-left: 15px;
	}
	.support-splash-outer {
		margin-top: 118px;
	}
	.support-splash-outer p{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.dash-sep{
		margin-bottom: 20px;
	}
	.sitizen-section.supportpage ul {
		margin-bottom: 11px;
	}
	.crusal-wrap{
		width: 100%;
		margin: 43px auto 43px auto !important;
	}
	.blueblock2 {
		margin-top: 0px;
	}
	.newsleter-wrap{
		margin-left:0px;
	}
	input.es_subscription_form_submit{
		position: unset; 
		margin-left: 0px;
		margin-bottom: 72px
	}
	.left-wrap-ray h2, .left-wrap-ray ul {
		padding-left: 15px;
	}
	.newsleter-wrap h2{
		margin-right: 0px;
		padding-right: 0px;

	}
	.manta-ray a {
		text-decoration: none;
	}
	.devil-ray h2, .devil-ray p {
		margin-left: 15px;
	}
	.devil-main-wrap{
		margin-bottom: 50px;

	}
	.footer-bottom{
		text-align: center;   
		padding-bottom: 10px;		
	}
	.manta-id-section.words {
		margin-top: 38px;
	}
	.baby-umps {
		padding-left: 0px;
	}
	.bg-div {
		margin-bottom: 50px;
	}
	.arial-wrap {
		padding-left: 0px;
	}
	.gallery-wrap h2:after{
		display:none;
	}
	.gallery-wrap h2:after{
		display:none;
	}
	.sights{
		padding-bottom: 20px;
	}
	.icon-block {
		margin: 20px 0px;
	}
	.icon-block p {
		padding-top: 30px;
	}
	.main-div{
		padding-top: 20px;
	}
	.woocommerce img, .woocommerce-page img{
		width:100%;
	}
	.main-div {
		background: url(/wp-content/uploads/2022/03/Manta-Watch-underwater-scene-M-1-scaled.jpg);
	}
	.welcome h1 span {
		padding-left: 0px;
	}
	.modal-dialog {
		max-width: 100%;
	}
	.donation label {
		width: 57px;
		height: 38px;
		line-height: 38px;
	}
	div#other-donation:before{
		left:0px;
	}
	.welcome h1 {
		font-size: 117px;
		line-height: 137px;
	}
	#other-donation input[type="number"]{
		width: 76%;
	}
	.welcome h2{
		padding-left: 10px;
		font-size: 42px;
		line-height: 40px;

	}

	section.what-we-do{
		padding-top: 56px;
	}
	.botom-detail .bottom-icons {
		margin: 0 20px;
	}
	.what-section p br, .sights p br{
		display: none;
	}
	.what-section h2:before, .sightings-map h2:before{
		display:none;
	}
	.what-section {
		padding-left: 0px;
	}
	.devils ul{
		padding-left: 31px;

	}
	section.sightings-map{
		padding-left: 15px !important;
		padding-right: 15px;
	}
	.col-md-3.bor-right.about-menu, .col-md-3.bor-right.edu-men{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.footer-credits ul li a {
		text-align: center;
		display: block;
	}
	li#menu-item-71 a, li#menu-item-72 a, li#menu-item-63 a, li#menu-item-64 a, li#menu-item-69 a{
		text-align: center;
		display: block;
	}
	.bor-right{
		border:0px;
	}
	.footer-credits img {
		width: 100%;
		margin-bottom: 40px;
	}
	.edu-men, .support-menu {
		padding-top: 11px;
	}
	.shop-menu {
		margin-top: 20px;
	}
	.dona {

		padding-top: 10%;
		padding-bottom: 23px;
	}
	section.devils.support {
		padding-top: 10px;
	}
	.page-id-6 .dona {
		padding-top: 0%;
		padding-bottom: 33px;
	}
	.footer-bottom p{
		text-align:center;
		padding-bottom: 10px;

	}
	/*About page */
	.head-bg h1{
		bottom: 0;
		font-size: 67px;
		letter-spacing: 1px; 
	}
	.research-menu, .sighting-menu {
		padding-top: 10px;
	}
	.socail-div{
		width: 134px;
	}
	.about-slight{
		padding-bottom: 47px;
	}
	.mark-detail p{
		margin-bottom: 20px;
	}
	.img-detail p{
		left: 10px;
	}
	.sitizen-section {
		margin-top: 26px;
	}
	.sitizen-section .row {
		flex-direction: column-reverse;
	}
	.citizen-bg img{
		margin-top: 20px;
	}
	.mission-section .col-md-8 {
		padding-left: 15px;
	}
	.mission-section p {
		padding-right: 15px;
		padding-left: 15px;
	}
	.mission-section h2{
		padding-left: 15px;
	}
	.mission-section h2:before {
		left: 18px;
		width: 38px;
	}
	.mission-section li {
		padding-right: 15px;
		padding-left: 15px;
	}
	.img-detail.mis:before{
		display:none;
	}
	.trust-div {
		padding-left: 0px;
	}
	.our-team-section .mission-section p {
		padding-right: 15px;
	}
	.img-detail.mis {
		margin-top: 40px;
	}
	.img-detail.mis p {
		bottom: -12px;
	}
	.research-head h2 {
		font-size: 49px;
		line-height: 68px;
	}
	.our-team-section .mission-section{
		padding-left: 15px;
	}
	.partner-div h2:before {
		width: 38px;
		left: -67px;
	}
	.reas-img:before{
		display: none;
	}
	.partner-div .row{
		margin-left: 0px;
	}
	.partner-div img {
		margin-bottom: 15px !important;
		margin: 0 auto;
	}
	.sitizen-section .sights {
		padding-top: 70px;
	}
	.mission-section {
		margin-top: 72px;
	}
	.research-bg p {
		padding-left: 15px;
		padding-right: 15px;
	}
	.research-bg a {
		margin-left: 15px;
	}
	.footer-bottom{
		margin-top: 70px;
	}
	.footer-bottom{
		margin-top: 40px;
		text-align: center;
		display:block;
	}
	.footer-bottom a img{
		margin: 0 auto;

	}
	.footer-bottom {
		display: block;
	}
	.partner-div {
		padding-left: 0px;
		text-align: center;
	}
	.partner-div.support{
		padding-left: 30px;
	}
	.support p, .support h2 {
		padding-left: 0px;
	}
	.partner-div h2{
		margin-left:0px;
	}
	.support p {
		width: 100%;
	}
	section.sightings{
		padding-bottom: 45px;
		padding-top: 30px;      
	}
	section.devils {
		padding-top: 0;
	}
	section.sightings-map {
		padding-top: 0%;
	}
	.research-bg {
		width: 100%;
	}
	.research-bg p {
		font-size: 30px;
		line-height: 42px;
	}
	/* id daatbase page */
	.inner-banner-area {
		/*     min-height: 300px; */
	}
	.page-id-83 .head-bg h1{
		font-size: 59px;
	}
	.main-section p:before{
		left: -16px;
	}
	.wild-div p {
		bottom: -12px;
		left: 10px;
	}
	.sec-img {
		margin-top: 69px;
	}
	.manta-id-section {
		margin-top: 45px;
		padding-bottom: 69px;
	}
	.mark-div h4{
		padding-left: 15px;
		margin-top: 30px;
	}
	.mark-div p{
		padding-left: 15px;
	}
	.manta-id-section {
		padding-left: 0px;

	}
	.baby-umps h2:before{
		left: -53px;
		width: 38px;
	}
	.baby-umps{
		padding-left: 0px;
	}
	.half-area p{
		font-size: 24px;
		line-height: 29px;
	}
	.spot-detail {
		padding-top: 40px;
	}
	.arial-wrap h2:before{
		left: -42px;
		width: 38px;
	}
	.arial-wrap {
		padding-left: 0px;
		margin-top: 50px;
	}
	.gallery-wrap h2{
		padding-bottom: 70px;

	}
	.arail-right {
		margin-top: 26px;
	}
	.gallery-wrap {
		padding-top: 30px;
	}
	.gallery-wrap h2:after{
		left: 30%;
	}
	.img-wrap img{
		margin: 0 auto;
	}
	.gal {
		width: 100%;
	}
	.img-wrap p{
		left: 0px;
	}
	.manta-id-section h2:before {
		left: -48px;
		width: 38px;
	}
	/*hot spot */
	.hot-main-section {
		margin-top: 56px;
	}
	.main-section-wrap{
		padding-top: 40px;
	}
	.mai-img-wrap:after{
		display: none;
	}
	.hot-main-section {
		margin-bottom: 20px;
	}
	.map-detail{
		margin-top: 40px;
	}
	.map-detail p {
		width: 100%;
		padding-left: 0px;
	}
	.map-wrape img {
		width: 100%;
	}
	h2{
		font-size: 36px;
		line-height: 36px;
	}
	.surface-wrap .row {
		flex-direction: column-reverse;
	}
	.spot-drive {
		margin-top: 30px;
	}
	.surface-wrap {
		margin-top: 27px;
	}
	.surface-wrap p {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 20px;
	}
	.spo-d {
		margin-top: 31px;
	}
	.spot-drive{
		padding-left: 15px;
	}
	.depend {
		margin-top: 40px;
	}
	.bottom-video img{
		margin-top: 40px; 
	}
	.spot-detail p{
		padding-left: 0;
	}
	.suf-img p {
		padding-top: 5px;
		padding-left: 26px !important;
	}
	/* tagging page*/
	.satellite-wrap {
		width: 100%;
	}
	.do-section {
		margin-top: 30px;
	}
	.satellite-wrap p {
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 44px;
		padding-top: 34px;

	}
	.left-taging {
		padding-left: 15px;
		padding-right: 15px;
	}
	.tag-img{
		top: unset;
	}
	.table {
		white-space: nowrap; 
	}
	.table td{
		font-size: 16px !important;
	}
	.table tr td:first-child{
		font-size: 20px !important;
		padding-right: 60px;
	}
	.table br {
		display: block;
	}
	.tag-img p{
		left: 10px;
	}
	.sate {
		margin-top: 50px;
	}
	.sate .row {
		flex-direction: column-reverse;
	}
	.right-sate p{
		padding-left: 15px;
		padding-bottom: 60px;
	}
	.right-sate {
		margin-top: 0px;
	}
	.left-section-detail{
		padding-top: 60px;
	}
	.hodo-wrap h2:before, .right-tag h2:before {
		display:none;
	}

	.hodo-wrap {
		padding-left:15px;
		padding-bottom: 50px;
	}
	.right-tag {

		padding-left: 0px;
	}
	.spot-tag h3{
		margin-left: -15px;
		font-size: 59px;
	}
	.bottom-div-detail:before {
		left: -30px;
	}
	.devil-ray ul {
		padding-left: 15px;
	}
	.bottom-div-detail{
		padding-right: 50px;
	}
	.hodo-wrap p{
		padding-right: 15px;
	}
	/*education page */
	.education-banner .inner-banner-area {
		min-height: 450px;
	}
	.education-banner p {
		left: 24px;
		bottom: 36%;
	}
	.education-banner h2 {
		left: 24px;
	}
	.banner-bootom-section{
		display: none;
	}
	.ed-baner-des span{
		color: #072D48;
	}
	.banner-bootom-section.mobile-div {
		display: block;
		position: unset;
	}
	.mobile-div .ed-header-img {
		position: unset;
		margin-top: 40px;
	}
	.mobile-div .ed-baner-des {
		margin-top: 40px;
	}
	.ed-baner-des span {
		padding-left: 15px;
		padding-right: 15px;
	}
	.devil-main-wrap {
		margin-top: 59px;
	}
	.manta-detail:before{
		display: none;
	}
	.manta-detail{
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 49px;

	}
	.devi-div:after, .rail-section h2:before, .rail-section li:before{
		display: none;
	}
	.global-detail p{
		width: 100%;
	}
	.manta-ray, .devil-ray {
		padding-left: 15px;
	}
	.rail-section p{
		position: unset;
		padding-left: 15px;
		margin-top: 24px;
	}
	.manta-detail.male-fema-sec {
		margin-top: 30px;
	}
	.fed-div {
		padding-left: 30px !important;
		padding-right: 15px !important;
		padding-bottom: 40px !important;
	}
	.feed-img img {
		margin-top: 50px;
		height: auto;
	}
	.manta-wrap-detail{
		margin-top: 50px;
	}
	/*resource page */
	.resources-warp {
		margin-top: 40px;
	}
	.main-img-wrap:after, .roman-wrap:before{
		display: none;
	}
	.main-img-wrap p {
		width: unset;
	}
	.ocan-wrap {
		margin-top: 52px;
	}
	.ocan-wrap h2:before{
		left: 0
	}
	.education-wrap {
		margin-top: 55px;
	}
	.education-wrap h2{
		padding-bottom: 10px;    
	}
	.education-wrap p{
		padding-left: 0px;
	}
	.education-div h2{
		margin-top: 70px;   
	}
	.education-div h2:before{
		left: 0px;
	}
	.m-wrap h2{
		text-align: left;
		padding-right: 0px;
		padding-bottom: 15px;
	}
	.download-wrap .row {
		margin-bottom: 30px;
	}
	.resea-wrap h2 {
		text-align: left;
		padding-right: 0px;
	}
	.resea-wrap .row {
		margin-bottom: 30px;
	}
	.loaction-div{
		width: unset;   
	}
	.loaction-div p{
		padding: 5px 15px;
		line-height: 14px;
	}
	.morph-content.heading-line {
		margin-top: 50px;
	}
	section.color-ship{
		margin-top: 0px;
		padding-top: 44px;
	}
	.m-200 {
		margin-top: -90px;
	}
	.threat-banner .loaction-div {
		width: 170px;
	}
	.thrat-wrap {
		margin-top: 70px;
	}
	.th-wrap p {
		padding-left: 15px;
		margin-top: 80px;
	}
	.t-box{
		margin-top: 180px;
	}
	.key-wrap {
		font-size: 0;
	}
	.fisher-wrap h2, .fisher-wrap p {
		padding-left: 15px;
	}
	.gill-wrap .container {
		padding: 0;
	}
	.fisher-wrap p {
		padding-left: 15px;
	}
	.fisher-wrap {
		margin-top: 0px;
	}
	/*blog pae */
	.inner-banner-area.blog-banner {
		min-height: 267px;
	}
	.blog-filter {
		margin-top: 0px;
	}
	.blog-head h2:before{
		display: none;
	}
	.blog-head h2{
		padding-left: 0px;
	}
	.tv-wrap .row {
		flex-direction: column-reverse;
	}
	div#nwx {
		margin-top: 8px;
	}
	.tv-download:before{
		width: 100%;
		left: 0px;
	}
	/* ocean manta page */
	.ocea-banner h1{
		bottom: -76px;
		font-size: 37px;        
	}
	.ocean-right p {
		padding-left: 15px;
		margin-top: 30px;
	}
	section.ocean-manta {
		padding-bottom: 10px;
	}
	section.manta-sec{
		padding-bottom: 80px;
	}
	section.manta-sec:after, .ocean-content-fluid::after{
		width:100%;
	}
	.brains {
		padding-bottom: 10px;
	}
	.brains h2 {
		padding-bottom: 20px;
	}
	.icon-block p br {
		display: none;
	}
	.ocean-content p::before{
		display:none;
	}
	.ocean-content p {
		width: 100%;
	}
	.belly-spot {
		padding-top: 57px;
	}
	.spot-box {
		padding: 44px 20px 44px 33px;
		margin-bottom: 40px;
	}
	.belly-spot h2{
		padding-left:15px;
		text-align:left;
	}
	.belly-content {
		padding-top: 20px;
	}
	.morph-content.heading-line {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-left: 0px;
	}
	section.morphe {
		padding-top: 0;
	}
	.right-img-detail p {
		left: 7px;
	}
	.bluewater-content {
		padding-left: 15px;
	}
	section.blue-water:after{
		display:none;
	}
	.belly-content p {
		padding-right: 15px;
		padding-left: 15px;
	}
	.blue-water{
		padding-top: 36px;

	}
	section.ocean-content-fluid {
		margin-top: 0px;
	}
	.img-wrap img {
		width: 100%;
	}
	section.manta-sec:before{
		display:none;
	}
	/*spinetail devil page */
	.spinetail-banner h1 {
		line-height: 60px;
	}
	.spinetail-banner .loaction-div {
		width:153px;
	}
	section.color-ship:after{
		width:100%;
	}
	.spinet-div h2{
		text-align:left;
	}
	.blog-center p{
		padding-left: 15px;
		padding-right: 15px;
	}
	.page-id-248  footer#site-footer {
		margin-top: 130px;
	}
	/*map form page */
	.sight-map .sight-btn {
		right: 4px;
		bottom: 4px;
	}
	.sight-map-section h2{
		font-size: 50px;
		line-height: 44px;
	}
	.sight-map-div .text-right:after{
		display:none;
	}
	.sight-map-div .text-right{
		text-align:left !important;
	}
	.sight-map-div h2:after{
		left:0;
		width:100%;
	}
	.sight-map-div h3{
		padding:20px 0px;
	}
	.sight-map-div span.wpcf7-list-item {
		margin-left: 0;
		margin-bottom: 10px;
	}
	.Gender {
		display: block;
	}
	.Gender .last span.wpcf7-list-item-label{
		width:300px;
	}
	.col-md-6.manta-behavior-images {
		padding-right: 15px;
	}
	input[name="Manta_Behavior"]:checked + .wpcf7-list-item-label span:before{
		display:none;
	}

	.Upload_Image{
		width:100%;
		height:auto;
	}
	div#uploaded_image {
		margin-top: 30px;
	}
	.citizen-gallery h2:before{
		display:none;
	}
	.citizen-gallery h2{
		font-size: 50px;
		padding-left: 0px;
		line-height: 43px;
	}
	.manta-behavior-images img {
		float: unset;
		margin: 0 auto;
	}
	.sight-map-div input{
		padding-left: 0;
	}
	#uploaded_image img {
		width: 100%;
	}
	.citizen-gallery .alm-reveal {
		display: block;
	}
	.sight-btn a {
		width: 165px;
	}
	/* shop page 8*/
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		width: 100% !important;
		margin-right: 0px !important;
	}
	ul.products li.product .woocommerce-loop-product__link{
		width:100%;
	}
	.specification-div{
		margin-bottom: 50px;
	}
	.yelow-sec-div {
		right: unset;
		position:unset;
	}
	section.color-ship.shop {
		margin-top: 0px;
		padding-top: 30px;
	}
	.pr-detail h2{
		margin-top: 40px;
	}
	.shop p {
		margin-left: 0px;
	}
	.shop p br{
		display:none;
	}
	.yelow-sec-div p {
		width: 100%;
		padding: 60px 15px;

	}
	/* home page css*/
	.video-sec .banner-image{
		left: 9px;
	}
	#myVideo {
		height: 540px !important;
	}

	.related-wrap .container {
		width: 100%;
	}
	.container.cart-banner {
		margin-top: 41px;
	}
	.cart-btn-wrap a{
		float:unset;
	}
	
	.cart_totals {
		display: unset;
	}
	tr.cart-subtotal {
		margin-bottom: 0px !important;
	}
	.devil-main-wrap.supo {
		margin-top: 45px;
	}
	.devil-main-wrap.supo {
		margin-bottom: 80px;
	}
	.know-detail p {
		width: 100%;
		margin-top: 31px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.adopt-wrap {
		margin-top: 18px;
	}
	.adopt-wrap h2:before, .pack-wrap h2:before{
		display:none;
	}
	.adopt-wrap, .pack-wrap {
		padding-left: 0px;
	}
	.previous i.icon-angle-right:before {
		right: 30px;
	}
	.pack-wrap li:before{
		display:none;
	}
	.donate-wrap {
		margin-top: 28px;
	}
	.donatep-section{
		margin-top: 50px;
		padding-top: 60px;
		padding-bottom: 30px;
	}
	button.single_add_to_cart_button.button.alt {
		margin-left: 120px;
	}
	.crusal-wrap {
		width: 100%;
	}

	.blueblock2 {
		margin-top: 50px;
	}
	.blueblock{
		display:none;
	}
	.support-sponsor-dash {
		padding-left: 15px;
	}
	.support-sponsor-dash li:before{
		display:none;
	}
	.support-splash-outer {
		margin-top: 108px;
	}
	.bg-grey{
		margin-top: 30px;
		margin: 30px 30px !important;
	}

	.container.sitizen-section.supportpage:before{
		display:none;
	}
	.sitizen-section.supportpage li:before{
		display:none;
	}
	.sitizen-section a{
		margin-bottom:30px;
	}
	.citizen-bg:before{
		display:none;
	}
	.form-filter h2 {
		font-size: 20px;
		padding-left: 28px;
	}
	.map-filter-btn:before{
		width: 80%;
		height: 0.5px;
		left: 73px;
	}
	.donate-wrap img{
		margin-bottom: 40px;

	}
	.crusal-wrap {
		width: 100% !important;
	}

	.blueblock2 {
		margin-top: 0 !important;
		width: 90% !important;
	}

	.support-sponsor-dash {
		padding-left: 15px !important;
	}

	.support-splash-outer {
		margin-top: 148px !important;
	}

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

	.page-template-about-template .inner-banner-area {
		background-position: -130px 0px !important;
		background-size: cover !important;
	}


	.Upload_Image:after{
		left: 24%;

	}

	.page-id-231 .gallery-wrap {
		display:none;
	}

	section.morphe {
		margin-bottom:70px
	}
}
@media only screen and (max-width: 400px){
	.welcome h1 span{
		margin-top: -94px;
	}
	#myVideo {
		height: 590px !important;
	}
	.welcome h2{
		font-size: 38px;
	}
	.welcome h1{
		line-height: 187px;
	}
	h2 {
		font-size: 32px;
		line-height: 35px;
	}
	.botom-detail .bottom-icons:first-child {
		margin-left: 0px;
	}
	.spot-detail {
		padding-top: 50px;
	}
	.sightings-map p {
		width: 90%;
	}
	body > div:nth-child(15) > div.container-fluid.p-0.spo-d > div > div.col-md-6.m-auto > div{
		padding-left: 15px;

	}
	.spo-d .spot-drive {
		padding-left: 15px;
	}
	.donate-btn a{
		width: 188px;
		height: 55px;
		line-height: 55px;

	}
	.gallery-wrap h2:after {
		left: 37%;
	}

	/* .img-wrap p {
	left: 23px;
} */
	footer#site-footer{
		background-position: right;

	}
	/*tagging page */
	.table tr td:first-child {
		font-size: 18px !important;
		letter-spacing: 0px;
	}
	.table td {
		padding-right: 30px;
	}
	.bottom-div-detail:before {

		left: 0px;
	}
}
@media only screen and (max-width: 360px){
	.welcome h1 {
		font-size: 107px;
	}
	.tota-sight-wrap p{
		left: 11px;
		top: 45px;
	}
	.form-filter h2{
		padding-bottom: 0;
		line-height: 26px;
	}
	td.product-total {
		font-size: 13px;
	}
	.welcome h2 {
		font-size: 30px;
	}
	.sight-btn a {
		width: 165px;
	}
	.botom-detail .bottom-icons {
		margin: 0 14px;
	}
	.icon p{
		font-size: 18px;
		letter-spacing: .5px;
	}
	.what-section {
		padding-left: 0px;
	}
	.what-section h2:before, .sightings-map h2:before {
		left: -24px;
		width: 18px;
	}
	.devils li:before{
		width: 12px;
		left: -22px;
	}
	section.sightings-map {
		padding-left: 15px !important;

	}
	/* about page */
	.research-bg p {
		padding-left: 15px;
		padding-right: 15px;
	}
	.research-bg a {
		margin-left: 15px;
	}
	.mission-section p{
		font-size: 20px;
		line-height: 26px;
	}
	/* id data base page */
	.img-wrap p {
		left: unset;
	}
	.arial-wrap h2:before {
		left: -23px;
		width: 18px;
	}
	.arial-wrap {
		padding-left: 0px;
	}
	.baby-umps h2:before {
		left: -26px;
		width: 18px;
	}
	.baby-umps {
		padding-left: 0px;
	}
	.bg-div {
		margin-bottom: 40px;
	}
	.manta-id-section h2:before {
		left: -28px;
		width: 18px;
	}
	.manta-id-section {
		padding-left: 0px;
	}
	.mark-div p{
		padding-right: 15px;
	}
	body > div:nth-child(9) > div > div.col-md-6.p-0.sec-img.wild-di.aos-init.aos-animate > p{
		left:5px;
	}
	.mark-div h4 {
		margin-top: 30px;
		font-size: 23px;
		line-height: 27px;
	}   
	.manta-id-section.words {
		margin-top: 28px;
	}
	.manta-id-section{
		padding-bottom: 49px;

	}
	.manta-id-section h2, .arial-wrap h2, .baby-umps h2{
		font-size: 30px;
		line-height: 31px;
	}
	.half-area p{
		padding-left: 0px;
	}
	/* hot spot page */
	.spot-drive h4{
		font-size: 25px;
		line-height: 25px;
	}
	/*tagging page*/
	.satellite-wrap p{
		padding-top: 44px;
		padding-bottom: 44px;
	}
	.sate {
		margin-top: 50px;
	}
	.right-sate p{
		font-size: 26px;
	}
	.left-section-detail {
		padding-top: 50px;
	}
	.form-filter h2{
		padding-bottom: 0;
		line-height: 26px;
	}
	.map-filter-btn{
		left: -24px;
	}
	.map-filter-btn input#btn-clear{
		margin-right: 8px;
	}
	.map-filter-btn:before{
		width: 78%;
		right: 12px;
	}
	.map-filter-details-wrap p{
		margin-left: 36px;
		font-size: 15px;
	}
	.map-fliter img {
		right: 16px;
	}
}
@media only screen and (max-width: 320px){
	.sate {
		margin-top: 40px;
	}
	.Upload_Image:after{
		left: 17%;
	}	
	.donatep-section {
		padding-left: 22px;
		padding-right: 40px;
		padding-top: 0px;

	}

	.do-section{
		margin-bottom: 40px;    
	}
	.spot-tag h3{
		font-size: 43px;  
	}
	.rail-section p {
		padding-right: 10px;
	}
}


.devil-main-wrap.supo h2:before {
	left: -91px;
	position: absolute;
	content: "";
	background: #072D48;
	width: 76px;
	height: 1px;
	top: 50%;
}
btn:link,
.btn:visited {
	text-transform: uppercase;
	text-decoration: none;
	padding: 15px 40px;
	display: inline-block;
	border-radius: 100px;
	transition: all .2s;
	position: absolute;
}



.btn .btn-border {
	transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	pointer-events: none;
	will-change: transform;
	border: 0.1rem solid #707070;
}
.btn:hover .btn-border {
	opacity: 0;
	transform: scale(1.2, 1.44);
}
.btn:hover .btn-bg {
	opacity: 1;
	transform: scale(1);
}
.btn:hover .btn-bg {
	background: #2f6eb6;
}
.btn .btn-text {
	transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	will-change: color;

	font-weight: 900;
	position: relative;
	z-index: 9;
}
.fproducts-wrapper ul.products li.product .woocommerce-loop-product__link {
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #072D48;
	padding-bottom: 6px;
}
.sub-menu .current-menu-item a {
	position: relative;
}
#menu-item-649 a:after {
	width: 33%;
}
#menu-item-671 a:after{
	width: 35%;
}
#menu-item-668 a:after{
	width:68%;
}
#menu-item-670 a:after{
	width: 67%;
}
button.gm-ui-hover-effect {
	display: none !important;
}
/* genral button style */


.home-left-btn::after {
	width: 160px !important;
	height: 41px !important;
	background: #fff !important;
}
.home-left-btn {
	float: unset;
	width: 158px;
	height: 35px;
	border-radius: 27px;
	text-transform: capitalize;
	font-family: 'CreatoDisplay-Light';
	letter-spacing: 1px;
	color: #fff;
	line-height: 35px;
	text-decoration: none;
	display: inline-block;
}
.map-filter-wrap {
	bottom: -7px;
	right: 0;
	width: 100%;
	max-width: 467px;
}
.sight-map-section span.wpcf7-list-item:hover {
	font-family: 'CreatoDisplay-Regular';
	padding-left: 30px;
}
.stockist_find ul li:nth-last-child(2) {
	border: 0;
}
button.donation_add_to_cart.single_add_to_cart_button.button {
	background: transparent !important;
	border-radius: 27px;
	border: 1px solid #F5FDFF;
	font-family: 'CreatoDisplay-Light';
	text-transform: capitalize;
	height: 41px;
	width: 156px;
	line-height: 1px;
}
.section-left-wrap p {
	left: 0;
}

img.img-fluid.top-scrol-btn {
	width: unset;
}

.mobile-cart {
	position: absolute;
	right: 0;
	left: 0;
}

.mobile-cart a {
	display: inline-flex;
}

.social-div a {
	text-decoration:none;
}

.social-div svg {
	display: initial;
}

.social-div svg:hover {
	transform: scale(1.4);
}

.social-div svg {
	transform: scale(1);
	transition: .3s ease-in-out;
}

.woocommerce-cart-form .actions button[name=update_cart]{
	display: none;
	/* }
	.scrool-animation{
	height:100%;	
} */
}

@media (max-width: 575px) {
	.education-banner h2 {
		bottom: 29%;
	} 
	.education-banner p {
		bottom: 13%;
	}
}

.menu-modal-logo {
	float: left;
	padding: 3.15rem 0;
	margin-left: -5px;
	margin-right: auto;
}

.mobile-menu {
	clear: both;
}

.moob-over {
	width:unset !important;
	float:right;
}

.mobile-cart-over {
	position: absolute;
	right: 0;
	left: 0;
	top: 42px;
	width:20%;
	margin:auto;
}
.mobile-cart-over span{
	color:#000000;
}

.mobile-cart-over a {
	display:inline-flex;
}


#wpcf7-f310-o2  .wpcf7-response-output {
	color: #000;
}


.page-template-support-template .woocommerce-loop-product__link:hover img {
	display: block;
}
#billing_country option{
	color: #072D48 !important;
}
.sight-map-div .text-right.dms-extra-line:after{
	display: none;
}
.woocommerce_error.woocommerce-error.wc-stripe-error{
	width: 100% !important;
}
.woocommerce-shipping-destination{
	color: #072D48;
}

.shipping-calculator-button{
	color: #072D48;
}
.shipping-calculator-form .button{
	background: #072D48;
	width: 120px;
	height: 41px;
	font-size: 16px;
	font-family: 'CreatoDisplay-Light';
	font-weight: 400;
	color: #F5FDFF;
	text-transform: capitalize;
	border-radius: 27px;
	line-height: 5px;
	margin-right: 6px;
	border: 1px solid #072D48;
	transition: 0.5s;
}
.shipping-calculator-form .button:hover{
	border: 1px solid #072D48;
	background: #fff;
	color:#072D48;
}
ul.products li.product .woocommerce-loop-product__link{
	width: 100%;
}
ul.products li.product img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
	width: 100%;
	height: 400px;
	object-fit: cover;
}
ul.products li.product{
	position: relative;
}


.right-btn::after {
	width: 160px !important;
	height: 41px !important;
	background: #fff !important
}

.right-btn {
	float: unset;
	width: 158px;
	height: 35px;
	border-radius: 27px;
	text-transform: capitalize;
	font-family: 'CreatoDisplay-Light';
	letter-spacing: 1px;
	color: #fff;
	line-height: 35px;
	text-decoration: none;
	display: inline-block
}

.right-btn:hover {
	color: #000 !important
}

.bottom-div-detail {
	padding-bottom: 0
}

.manta-ray.left-wrap-ray a {
	transition: 0.5s
}

.bottom-div-detail a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0)
}

.bottom-div-detail a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.bottom-div-detail a:hover::before,
.bottom-div-detail a:focus::before,
.bottom-div-detail a:active::before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

.bottom-div-detail a::after {
	content: "";
	background: #fff;
	transform: scale(.6);
	transition: transform 0.7s cubic-bezier(.19, 1, .22, 1), opacity 0.15s cubic-bezier(.165, .84, .44, 1);
	position: absolute;
	left: 0;
	right: 91px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	border-radius: 27px
}

.bottom-div-detail a:hover::after {
	opacity: 1;
	transform: scale(1)
}

.bottom-div-detail a:hover {
	background: #F5FDFF;
	color: #072D48;
	border: 1px solid #072D48
}

/ Ripple Out / @-webkit-keyframes bottom-div-detail a {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes bottom-div-detail a {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

.research-bg a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0)
}

.research-bg a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.research-bg a:hover::before,
.research-bg a:focus::before,
.research-bg a:active::before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

.research-bg a::after {
	content: "";
	background: #fff;
	transform: scale(.6);
	transition: transform 0.7s cubic-bezier(.19, 1, .22, 1), opacity 0.15s cubic-bezier(.165, .84, .44, 1);
	position: absolute;
	left: 0;
	right: 91px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	border-radius: 27px
}

.research-bg a:hover::after {
	opacity: 1;
	transform: scale(1)
}

.research-bg a:hover {
	background: #F5FDFF;
	color: #072D48;
	border: 1px solid #072D48
}

/ Ripple Out / @-webkit-keyframes research-bg a {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes research-bg a {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

a.down-btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0)
}

a.down-btn::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

a.down-btn:hover::before,
a.down-btn:focus::before,
a.down-btn:active::before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

a.down-btn::after {
	content: "";
	background: #072D48;
	transform: scale(.6);
	transition: transform 0.7s cubic-bezier(.19, 1, .22, 1), opacity 0.15s cubic-bezier(.165, .84, .44, 1);
	position: absolute;
	left: 0;
	right: 91px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	border-radius: 27px
}

a.down-btn:hover::after {
	opacity: 1;
	transform: scale(1)
}

a.down-btn:hover {
	background: #072D48;
	color: #fff;
	border: 1px solid #072D48
}

/ Ripple Out / @-webkit-keyframes a.down-btn {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes a.down-btn {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

.m-wrap a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0)
}

.m-wrap a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.m-wrap a:hover::before,
.m-wrap a:focus::before,
.m-wrap a:active::before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

.m-wrap a::after {
	content: "";
	background: #072D48;
	transform: scale(.6);
	transition: transform 0.7s cubic-bezier(.19, 1, .22, 1), opacity 0.15s cubic-bezier(.165, .84, .44, 1);
	position: absolute;
	left: 0;
	right: 91px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	border-radius: 27px
}

.m-wrap a:hover::after {
	opacity: 1;
	transform: scale(1)
}

.m-wrap a:hover {
	background: #072D48;
	color: #fff;
	border: 1px solid #072D48
}

/ Ripple Out / @-webkit-keyframes m-wrap a {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes m-wrap a {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

.blog-box a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0)
}

.blog-box a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.blog-box a:hover::before,
.blog-box a:focus::before,
.blog-box a:active::before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

.blog-box a::after {
	content: "";
	background: #072D48;
	transform: scale(.6);
	transition: transform 0.7s cubic-bezier(.19, 1, .22, 1), opacity 0.15s cubic-bezier(.165, .84, .44, 1);
	position: absolute;
	left: 0;
	right: 91px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	border-radius: 27px
}

.blog-box a:hover::after {
	opacity: 1;
	transform: scale(1)
}

.blog-box a:hover {
	background: #072D48;
	color: #fff;
	border: 1px solid #072D48
}

/ Ripple Out / @-webkit-keyframes blog-box a {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes blog-box a {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

a.button.add_to_cart_button {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0)
}

a.button.add_to_cart_button::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

a.button.add_to_cart_button:hover::before,
a.button.add_to_cart_button:focus::before,
a.button.add_to_cart_button:active::before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

a.button.add_to_cart_button::after {
	content: "";
	background: #072D48;
	transform: scale(.6);
	transition: transform 0.7s cubic-bezier(.19, 1, .22, 1), opacity 0.15s cubic-bezier(.165, .84, .44, 1);
	position: absolute;
	left: 0;
	right: 91px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	border-radius: 27px
}

a.button.add_to_cart_button:hover::after {
	opacity: 1;
	transform: scale(1)
}

/ Ripple Out / @-webkit-keyframes a.button.add_to_cart_button {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes a.button.add_to_cart_button {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

.btn-select-tag {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0)
}

.btn-select-tag::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.btn-select-tag:hover::before,
.btn-select-tag:focus::before,
.btn-select-tag:active::before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

.btn-select-tag::after {
	content: "";
	background: #072D48;
	transform: scale(.6);
	transition: transform 0.7s cubic-bezier(.19, 1, .22, 1), opacity 0.15s cubic-bezier(.165, .84, .44, 1);
	position: absolute;
	left: 0;
	right: 91px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	border-radius: 27px
}

.btn-select-tag:hover::after {
	opacity: 1;
	transform: scale(1.1)
}

.btn-select-tag:hover {
	background: #fff !important;
	color: #fff !important;
	border: 1px solid #072D48
}

/ Ripple Out / @-webkit-keyframes btn-select-tag {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes btn-select-tag {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

a.btnn2 {
	width: 157px;
	height: 41px;
	text-align: center;
	font-size: 16px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	border-radius: 27px;
	line-height: 41px;
	font-family: 'CreatoDisplay-Regular';
	border: 1px solid #F5FDFF;
}

a.btnn2::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

a.btnn2:hover::before,
a.btnn2:focus::before,
a.btnn2:active::before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

a.btnn2::after {
	content: "";
	background: #fff;
	transform: scale(.6);
	transition: transform 0.7s cubic-bezier(.19, 1, .22, 1), opacity 0.15s cubic-bezier(.165, .84, .44, 1);
	position: absolute;
	left: 0;
	right: 91px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	border-radius: 27px
}

a.btnn2:hover::after {
	opacity: 1;
	transform: scale(1.1)
}

a.btnn2:hover {
	background: transparent !important;
	color: #000 !important
}

/ Ripple Out / @-webkit-keyframes a.btnn2.aos-init.aos-animate {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes a.btnn2.aos-init.aos-animate {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

.sitizen-section a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0)
}

.sitizen-section a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.sitizen-section a:hover::before,
.sitizen-section a:focus::before,
.sitizen-section a:active::before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

.sitizen-section a::after {
	content: "";
	background: #072D48;
	transform: scale(.6);
	transition: transform 0.7s cubic-bezier(.19, 1, .22, 1), opacity 0.15s cubic-bezier(.165, .84, .44, 1);
	position: absolute;
	left: 0;
	right: 91px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	border-radius: 27px
}

.sitizen-section a:hover::after {
	opacity: 1;
	transform: scale(1)
}

.sitizen-section a:hover {
	background: #072D48;
	color: #fff;
	border: 1px solid #072D48
}

/ Ripple Out / @-webkit-keyframes sitizen-section a {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes sitizen-section a {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

a.hvr-ripple-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	margin: 0;
	font-family: 'CreatoDisplay-Regular';
	font-size: 20px;
	letter-spacing: 1px;
	cursor: pointer;
	background: #fff;
	text-decoration: none;
	color: #000;
	-webkit-tap-highlight-color: #fff0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-radius: 27px;
	float: right;
	width: 215px;
	height: 47px;
	line-height: 47px;
	text-align: center
}

a.hvr-ripple-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0)
}

a.hvr-ripple-out::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

a.hvr-ripple-out:hover::before,
a.hvr-ripple-out:focus::before,
a.hvr-ripple-out:active::before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

a.hvr-ripple-out::after {
	content: "";
	background: #072D48;
	transform: scale(.6);
	transition: transform 0.7s cubic-bezier(.19, 1, .22, 1), opacity 0.15s cubic-bezier(.165, .84, .44, 1);
	position: absolute;
	left: 0;
	right: 91px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	border-radius: 27px
}

a.hvr-ripple-out:hover::after {
	opacity: 1;
	transform: scale(1)
}

a.hvr-ripple-out:hover {
	background: #072D48;
	color: #fff;
	border: 1px solid #072D48
}

/ Ripple Out / @-webkit-keyframes a.hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes a.hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

.btnn {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3rem;
	background: #fff0;
	position: relative
}

.btnn .btn-border {
	pointer-events: none;
	will-change: transform;
	border: .1rem solid #fff
}

.btnn .btn-border,
.btnn .btn-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 3.5rem;
	box-sizing: border-box
}

.btnn .btn-bg {
	background-color: #072D48;
	opacity: 0;
	transform: scale(.6);
	transition: transform 0.7s cubic-bezier(.19, 1, .22, 1), opacity 0.15s cubic-bezier(.165, .84, .44, 1);
	pointer-events: none;
	will-change: opacity, transform
}

.btnn .btn-text {
	transition: color 0.4s cubic-bezier(.165, .84, .44, 1);
	color: #072D48;
	position: relative;
	z-index: 9
}

.btnn.btn-text-white {
	width: 158px;
	height: 52px;
	border-radius: 27px;
	text-transform: capitalize;
	font-family: 'CreatoDisplay-Light';
	letter-spacing: 1px;
	color: #fff;
	line-height: 35px;
	text-decoration: none
}

.btnn.btn-text-white .btn-text {
	color: #fff
}

.btnn:hover .btn-border {
	opacity: 0;
	transform: scale(1.2, 1.44)
}

.btnn:hover .btn-text {
	color: #fff
}

.btnn.btn-text-white:hover .btn-text {
	color: #000
}

.text .btnn:hover .btn-bg {
	background: #072D48
}

.btnn.btn-text-white:hover .btn-bg {
	background: #fff
}

.btnn:hover .btn-bg {
	opacity: 1;
	transform: scale(1)
}

.btnn.btn-text-white:hover .btn-border {
	border-color: #072D48
}

.map-filter-btn input#btn-clear {
	transition: 0.5s
}

.map-filter-btn input#btn-clear:hover {
	color: #fff;
	background: #072D48 !important
}

#btn-apply {
	transition: 0.5s;
	border: 1px solid #072D48;
}

#btn-apply:hover {
	color: #072D48;
	background: #f5fdff !important
}

.woocommerce-cart-form .actions button[name=update_cart] {
	transition: 0.5s
}

.woocommerce-cart-form .actions button[name=update_cart]:hover {
	color: #072D48;
	background: #fff;
	text-decoration: none
}
a.checkout-button.button.alt.wc-forward:hover {
	color: #072D48;
	background: #fff;
	text-decoration: none;
	text-decoration: none !important
}

.map-div input.wpcf7-form-control.has-spinner.wpcf7-submit {
	transition: 0.5s;
	border: 1px solid #072D48
}

.map-div input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
	color: #072D48;
	background: #fff;
	text-decoration: none;
	text-decoration: none !important
}

.alm-btn-wrap utton.alm-load-more-btn.more {
	transition: 0.5s;
	border: 1px solid #072D48 !important
}

.alm-btn-wrap button.alm-load-more-btn.more:hover {
	color: #072D48;
	background: #fff !important;
	text-decoration: none;
	text-decoration: none !important
}

.cart-btn-wrap a {
	color: #072D48 !important
}

.sitizen-section a.gal_btn {
	display: inline-block !important;
	vertical-align: middle !important;
	-webkit-transform: perspective(1px) translateZ(0) !important;
	transform: perspective(1px) translateZ(0) !important
}

.sitizen-section a.gal_btn::before {
	content: '' !important;
	position: absolute !important;
	top: 0;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.sitizen-section a.gal_btn:hover::before,
.sitizen-section a.gal_btn:focus::before,
.sitizen-section a.gal_btn:active::before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out !important
}

.sitizen-section a.gal_btn::after {
	content: "" !important;
	background: #072D48 !important;
	transform: scale(.6) !important;
	transition: transform 0.7s cubic-bezier(.19, 1, .22, 1), opacity 0.15s cubic-bezier(.165, .84, .44, 1) !important;
	position: absolute !important;
	left: 0 !important;
	right: 91px !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
	z-index: -1 !important;
	border-radius: 27px !important
}

.sitizen-section a.gal_btn:hover::after {
	opacity: 1 !important;
	transform: scale(1) !important
}

.sitizen-section a.gal_btn:hover {
	background: #072D48 !important;
	color: #fff !important;
	border: 1px solid #072D48 !important
}

/ Ripple Out / @-webkit-keyframes .sitizen-section a.gal_btn {
	100% {
		top: -12px !important;
		right: -12px !important;
		bottom: -12px !important;
		left: -12px !important;
		opacity: 0 !important
	}
}

@keyframes .sitizen-section a.gal_btn {
	100% {
		top: -12px !important;
		right: -12px !important;
		bottom: -12px !important;
		left: -12px !important;
		opacity: 0 !important
	}
}

.btn.btn-primary.btn-select-tag.added {
	background-color: #072D48;
	color: #fff
}

a.btn.btn-primary.btn-select-tag:active {
	border: 1px solid #072d48
}

div#wpfront-scroll-top-container {
	bottom: 20% !important
}

.color-072D48 {
	color: #072D48
}

.wpcf7-form-control-wrap.Upload_Image:hover {
	box-shadow: 3px 3px 6px 0 #d2d2d2
}

.inn_b {
	float: right
}

.inn_b p {
	clear: both
}

#uploaded_image .inn_b img {
	margin-top: 0
}

.select2-results__options li {
	color: #000
}

.order-total th {
	font-weight: 700
}

#shipping_method li label {
	color: #072D48;
	font-size: 18px;
	font-weight: 800;
	transform: translateY(10px);
	font-family (stack): "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif
}

.woocommerce-shipping-totals th {
	font-weight: 700
}

.woocommerce-cart .select2-container .select2-selection--single {
	height: 48px
}

.shipping-calculator-form .select2-container--default .select2-selection--single {
	background-color: #fff0;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #072D48;
	color: #072D48
}

.shipping-calculator-form .woocommerce-cart .select2-container .select2-selection--single .select2-selection__rendered {
	color: #072D48
}

.shipping-calculator-form input {
	background-color: #fff0;
	border: none !important;
	border-radius: 0;
	border-bottom: 1px solid #072D48 !important;
	color: #072D48;
	outline: none
}

.shipping-calculator-form input::placeholder {
	color: #072D48
}

.page-id-258 #shipping_method {
	display: none
}

.woocommerce-shipping-calculator {
	display: none
}

.products select.variation_select {
	border-radius: 27px;
	background: #fff0;
	border-color: #072D48;
	width: 100px;
	height: 41px;
	padding-left: 21px;
	color: #072D48;
	outline: none;
	font-weight: 500
}

a.button.add_to_cart_button {
	position: absolute;
	right: 0;
	bottom: -12px
}

.variation_validation {
	font-size: 15px !important;
	color: red !important
}

.page-id-198 a.button.add_to_cart_button {
	position: unset
}

.fproducts-wrapper .woocommerce ul.products li.product.first {
	margin-right: 15px !important
}

@media only screen and (max-width:768px) {
	#shipping_method li label {
		text-align: end;
		font-size: 16px
	}
}