/* - arrow css start - */
.arrow-lr {
	display: flex;
	width: 100%;
	padding: 3% 10% 3% 10%;
}
.stories-slider .owl-dots{
display:none;
}
.arrow-lr .arrow-left {
	width: 50%;
	text-align: left;
  position: relative;
}
.arrow-lr .arrow-right {
	width: 50%; 
	text-align: right;
  position: relative;
}
.arrow-lr .arrow-left .arrow-text1 {
	color: #1cc9dc;
	position: absolute;
	top: 45%;
	transform: translatey(-45%);
	left: 63px;
  font-size: 17px;
}  
.arrow-lr .arrow-right .arrow-text2 {
	color: #1cc9dc;
	position: absolute;
	top: 45%;
	transform: translatey(-45%);
	right: 63px;
  font-size: 17px;
}   
#prvowl {
	cursor: pointer;
}
#nextowl {
	cursor: pointer;
}
/* - arrow css End - */
.popup-overlay {
	visibility: hidden;
	position: fixed;
	background: #ffffff;
	border: 3px solid #19303d;
	width: 50%;
	height: 50%;
	left: 25%;
	padding: 20px;
}
#summary p {
	color: #264252;
	line-height: 26px;
	margin-top: 23px;
}

.close {
	font-size: 26px;
	position: absolute;
	top: 0;
	right: 4px;
	border: 0;
	cursor: pointer;
	background: transparent;
	height: 40px;
	width: 40px;
	border-radius: 8px;
	padding: 0;
}
.close::after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 27px;
	background-image: url("https://cdn2.hubspot.net/hubfs/4783129/WWF%20HOME%20PAGE/Images/close.png");
	width: 41px;
	height: 42px;
}
.share-icon a {
	margin: 0 10px 0 0;
	display: inline-block;
}
.share-story {
	color: #1cc9dc;
	border: 1px solid #1cc9dc;
	padding: 7px 12px;
	border-radius: 9px;
}
.safari .share-story {
    padding: 9px 12px 0 12px;
}


.close span {  
	color: #fff;
	font-size: 34px;
	top: -5px;
	position: relative;
  display:none;
} 
.safari .close span {  
	top: 1px;
	position: relative;
} 
.location2 i {
	margin-right: 13px;
}
#popupcarousel #summary p {
	color: #fff;
}
#popupcarousel .image-container {
	width: 100%;
	float: left;
}
#popupcarousel .name {
	width: 100%;
	float: left;
	text-align: left;
	color: #fff;
	font-family: 'HelveticaNeue Condensed';
	margin-bottom: 27px;
	border-top: 1px solid #fff;
	padding-top: 35px;
	font-size: 28px;
}
#popupcarousel .location {
	width: auto;
	float: left;
	text-align: left;
	margin-right: 26px;
	position: relative;
}
#popupcarousel .location::before {
	background: #fff;
	width: 1px;
	height: 17px;
	content: "";
	right: -13px;
	position: absolute;
	top: 4px;
}


#popupcarousel .social-icons {
	width: 100%;
	display: flex;
	border-bottom: 1px solid #fff;
	padding-bottom: 49px;
}  
.share-icon {
	display: flex;
	margin-left: 0px;
}
#summary {
	width: 100%;
	float: left;
	text-align: left;
}
.popup-overlay.active {
	visibility: visible;
	text-align: center;
	position: fixed;
	background: rgba(000,000,000,0.9);
	border: 0;
	width: 100%;
	height: 100%;
	left: 0;
	padding: 0;
	top: 0;
	z-index: 9;
	overflow-y: scroll;
	overflow: auto;
}
 
.popup-content {
  /*Hides pop-up content when there is no "active" class */
  visibility: hidden;
}
.popup-overlay-container {
	z-index: 9999;
	position: relative;
}
#popupcarousel .image-container img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	max-height: 436px;
	object-position: center;
} 
.owl-prev span {
	position: relative;
	font-size: 17px;
	left: 55px;
	color: #1cc9dc;
  top: -4px;
}  
.owl-next span {
	position: relative;
	font-size: 17px;
	right: 74px;
	color: #1cc9dc;
  top: -4px;
}
.owl-prev::before {
	content: "";
	position: absolute;
	left: 50%;
	width: 22px;
	height: 13px;
	top: 17px;
	background-image: url("https://cdn2.hubspot.net/hubfs/4783129/WWF%20HOME%20PAGE/Images/left-arrow.png");
	background-repeat: no-repeat;
	background-position: center;
	transform: translateX(-50%);
}
.owl-next::before {
	content: "";
	position: absolute;
	left: 50%;
	width: 22px;
	height: 13px;
	top: 17px;
	background-image: url("https://cdn2.hubspot.net/hubfs/4783129/WWF%20HOME%20PAGE/Images/right-arrow.png");
	background-repeat: no-repeat;
	background-position: center;
	transform: translateX(-50%);
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	background: #1cc9dc;
	color: #fff;
	border: 0;
	padding: 16px !important;
	border-radius: 10px;
	width: 47px;  
	height: 47px;
}
.bodyactive{
    overflow: hidden;
}  
.popup-content.active {
	visibility: visible;
	width: 100%;
	max-width: 800px;
	margin: auto;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 90px;
	border-radius: 2px;
	padding-top: 58px;
	padding-bottom: 58px;
}
.owl-nav button.owl-prev {
	left: 15%;
}
.owl-nav button.owl-next {  
	right: 15%;
}
.location-outer {
	display: flex;
	width: 100%;
	float: left; 
  color: #fff;
}
.popup-content.active .owl-slider .owl-item {
	padding: 0 49px;
}
#popupcarousel #summary {
	margin-bottom: 52px;
  color: #fff;
}
#popupcarousel {
	position: relative;
} 
.owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
  display: none;
}
button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 30px;
  margin: .20rem;
  font-size: 1rem;
  color: #666666;
  background: #ffffff;
  border: 1px solid #666666;
}
#addfilters {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
} 
.stories-section .stories {
	width: 33.33%;
	position: relative;
	text-align: center;
}
.stories-section .image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
	max-height: 400px;
}
.stories-section .stories .image-container {
    height: 400px;
}
.stories-section-outer {
	padding-top: 32px;  
}
.stories-section .stories .hover-text {
	position: absolute;
	top: 50%;
	left: auto;
	right: auto;
	width: 100%;
	opacity: 0;
	transform: translateY(-50%);
  transition: all 400ms ease-in-out 0s;
  z-index: 1;
} 
.stories-section .stories:hover .hover-text {
	opacity: 1;
} 
.stories-section-outer .heading h2 {
	color: #264252;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 7px;
	font-size: 48px;
}
.stories-section .stories::before {
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
  transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
}
.stories-section .stories:hover::before {
	background-color: rgba(000, 000, 000, 0.8);
}
.stories-section .stories .hover-text .name {
	font-size: 26px;
	color: #fff;
  font-family: 'HelveticaNeue Condensed';
}
.stories-section .stories .hover-text .location {
	color: #fff;
	font-size: 18px;
	margin: 15px 0;
} 
.stories-section .stories .hover-text button {
	border: 3px solid #fff;
	padding: 10px 43px;	
  background: #ffffff;
	color: #264252;
	cursor: pointer;
	margin-top: 12px;
    transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
   font-family: 'HelveticaNeue Condensed';
  font-size: 20px;
  outline: none; 
} 
.stories-section .stories .hover-text button:hover {
	border: 3px solid #ffffff;
	background: transparent;
  color: #fff;
}
.stories-section .stories .hover-text .social-icons {
	display: flex;
	justify-content: center;
  margin-top: 18px;
}
.stories-section .stories .hover-text .social-icons a {
	color: #fff;
	cursor: pointer;
	width: 100%;
	padding: 9px 0;
	height: 50px;
	width: 50px;
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
}
.stories-section .stories .hover-text .social-icons div {
	margin: 0 5px;
	text-align: center;
}
.stories-section .stories .hover-text .social-icons div i {
	font-size: 27px;
	vertical-align: middle;
}
 

.events .list-author, .events .list-country {
	padding: 0;
	list-style: none;
	margin: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
  list-style: none;
}
.looking-for {
	margin-bottom: 18px;
}
.eventdate input {
	width: 100%;
	background: transparent;
	border: 0;  
	height: 53px; 
	padding: 0 15px;
	font-size: 16px;
	color: #133a50;
  font-family: 'Conv_HelveticaNeueLTStd-LtIt';
}
.events ul.list-author li, .events ul.list-country li {
	padding: 12px 15px;
	z-index: 2;
	background: #ffffff;
	color: #133a50;
	height: 53px;
  font-size: 20px;
  font-family: 'Conv_HelveticaNeueLTStd-LtIt'; 
  border: 1px solid #133a50 !important;
  cursor: pointer;
}

.events ul.list-author li, .events ul.list-country li:(.init) { display: none;border:0;}
.events ul.list-author li:not(.init) { display: none;}
.events ul.list-country li:not(.init) { display: none;}
.events ul.list-author li:not(.init):hover, ul li.selected:not(.init) { background: #1cc9dc; color:#fff; }  
.events ul.list-country li:not(.init):hover, ul li.selected:not(.init) { background: #1cc9dc; color:#fff; } 
.events li.init {
	cursor: pointer;
	border: 0 !important;
	background-image: url("https://cdn2.hubspot.net/hubfs/4783129/WWF%20HOME%20PAGE/Images/down-arrow-blue.png") !important;
	background-repeat: no-repeat !important;
	z-index: 9 !important;
	background-position: 93% center !important;
}
.eventdate input{
	cursor: pointer;
	border: 0 !important;
	background-image: url("https://cdn2.hubspot.net/hubfs/4783129/WWF%20HOME%20PAGE/Images/down-arrow-blue.png") !important;
	background-repeat: no-repeat !important;
	z-index: 9 !important;
	background-position: 93% center !important;
  border: 1px solid #133a50 !important;
}  

.events a#submit { z-index: 1; }
.events-outer {
	width: 100%;  
	float: left;
}
.events-listing {
	width: 100%;
	float: left;
	padding-bottom: 57px;
	margin-bottom: 63px;
	position: relative;
	border-bottom: 1px solid #9aa7ae;
}
.events-listing::before {
	content: "";
	width: 100px;
	height: 3px;
	background: #fff;
	position: absolute;
	bottom: 0px;
  display: none;
  
}
.events-listing::after {
	content: "";
	width: 80%;
	height: 1px;
	background: #fff;
	position: absolute;
	bottom: -1px;
  display: none;
}

.events {
	padding: 28px 0; 
	float: left;
	width: 100%;
}
.events h2 {
	color: #fff;
	text-transform: uppercase;
	margin-top: 0;
  margin-bottom: 41px;
}
.event-box .image-container {
	width: 32%;
}
.event-box .event-content {
	width: 60%;
	padding-left: 15px;
}
.event-box .event-name {
	color: #133a50;
	font-size: 24px;
	font-family: 'HelveticaNeue Condensed';
	line-height: 24px;
}
.event-box {
	display: flex;
}
.event-box .date-category {
	display: flex;
	margin-top: 12px;
}
.event-box .image-container img {
	width: 100%;
	max-height: 141px;
}
.event-box .event-date {
	color: #77d6dd;
	font-size: 16px;
  font-family: 'HelveticaNeue Condensed';
}
.event-box .event-category {
	color: #98ca74;
	font-size: 16px;
	font-family: 'HelveticaNeue Condensed';
	margin-left: 10px;
}
.event-box .see-details a {
	color: #1cc9dc;
	border: 2px solid #1cc9dc;
	padding: 6px 29px;
	margin-top: 10px;
	border-radius: 50px;
	margin-top: 15px;
	display: inline-block;
	font-family: 'HelveticaNeue Condensed';
    transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
}
.event-box .see-details a:hover {
	background: #1cc9dc;
	color: #264252;
}
.more-events {
	width: 50%;
	float: right;
}
.more-events a {
	background: #efc94c;
	padding: 12px 56px 12px 30px;
	border-radius: 50px;
	color: #264252;
	font-family: 'HelveticaNeue Condensed';
	font-size: 22px;
	position: relative;
  border: 2px solid transparent;
 transition: all 400ms ease-in-out 0s; 
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
}
.more-events a:hover {
	background: transparent;
	color: #fff;
  border: 2px solid #fff;
}
.more-events a::before {
	content: "";
	position: absolute;
	right: 23px;
	width: 22px;
	height: 13px;  
	top: 50%;
	background-image: url("https://cdn2.hubspot.net/hubfs/4783129/WWF%20HOME%20PAGE/Images/button-arrow.png");
	background-repeat: no-repeat;
	background-position: center;
	transform: translatey(-50%);
}
.more-events a:hover::before {
	background-image: url("https://cdn2.hubspot.net/hubfs/4783129/WWF%20HOME%20PAGE/Images/button-arrow-hover.png");
}
.events-listing:first-child::before, .events-listing:first-child::after {
	display: none;
}
.filters {
	width: 100%;
	margin-bottom: 9px;
}
.select-outer {
	display: flex;
	justify-content: center;
}
.select-outer div {
	width: 32%;
}
.looking-for input {
	width: 100%;
	background: #133a50;
	border: 0;
	height: 53px;
	padding: 0 15px;
	color: #fff;
	font-size: 16px;
  font-family: 'Conv_HelveticaNeueLTStd-LtIt';
}
.event-where {
	margin-right: 2%;
  position: relative;
}
.share-story-btn #btnsubmit {
	background: #264252 !important;
	border: 0;
	color: #fff;
	height: 53px;
	cursor: pointer;
	font-size: 20px;
	width: 100%;
	text-align: left;
	padding: 0 20px;
	font-family: 'Conv_HelveticaNeueLTStd-LtIt';
	box-shadow: none !important;
	border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;   	
-webkit-appearance: none;
border-radius: 0;
}
.eventdate {
	margin-right: 2%;
	position: relative;
	display: none;
}
.events-listing:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
} 
.pagination {
	width: 100%;
	float: left;
	padding: 0 15px;
	margin-top: 20px;
	margin-bottom: 74px;
}
.pagination a {
	padding: 10px 17px;
	border-radius: 11px;
	color: #133a50;
	height: 40px !important;
	width: 40px !important;
	margin-right: 10px;
  transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;  
}
 
.pagination a:hover {
	background: #1cc9dc;
}
.pagination a:focus {
	background: #1cc9dc;
  outline: none;
}  
.buttons-section {
	display: flex;
	justify-content: center;
	margin: 37px 0;
}
#loader {
	margin-right: 10px;
}
.loader {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #efc94c;
	width: 240px;
	margin: 0px auto;
	border-radius: 2px;
	padding: 14px 0;
	font-family: 'HelveticaNeue Condensed';
	font-size: 22px;
	cursor: pointer;
  color: #264252;
  transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
}
.loader:hover {
	background: #264252;
	color: #fff;
}
#addstories {
	margin-left: 10px;
}
.addstory {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #efc94c;
	width: 240px;
	margin: 0px auto;
	border-radius: 2px;
	padding: 14px 0;
	color: #264252;
	font-family: 'HelveticaNeue Condensed';
	font-size: 22px;
	cursor: pointer;
  color: #264252;
  transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
}
.addstory:hover {
	background: #264252;
	color: #fff;
}
.loader-image {
	background: #fff;
	padding: 5px 4px 1px 5px;
	border-radius: 4px;
	margin-right: 12px;
}

.stories-section .stories::after {
    content: "\f08e";
    position: absolute;
    top: 100%;
    transform: translateY(-50%);
    font-family: fontawesome;
    color: #fff;
    font-size: 40px;
    height: 100%;
    display: none;
    left: 0;
    right: 0;
    width: 100%;
    overflow: visible;
}
 
/*---- Addstory-popup-form Css Start for desktop -- */
.fsclose {
	font-size: 26px;
	position: absolute;
	top: 0;
	right: 0px;
	border: 0;
	cursor: pointer;
	background: transparent;
	height: 40px;
	width: 40px;
	border-radius: 8px;
	padding: 0;
}
.fsclose::after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 27px;
	background-image: url("https://cdn2.hubspot.net/hubfs/4783129/WWF%20HOME%20PAGE/Images/close.png");
	width: 41px;
	height: 42px;
}

.fsclose span {
	font-size: 26px;
	color: #fff;
	top: 0;
	position: absolute;
	left: 0;
	right: 0;
	display: none;
}
@-moz-document url-prefix() {
.fsclose span {
	font-size: 26px;
	color: #fff;
	top: 0;
	position: absolute;
	left: 0;
	right: 0;  
}
}
.addstory-form {
	position: relative;
	background: #fff;
	padding: 45px 25px;
	text-align: left;
	border-radius: 2px;
border-radius: 8px;
} 
.addstory-form form .hs-form-field {
	width: 48%;
	text-align: left;
	margin-right: 4%;
	margin-bottom: 3%;
	position: relative;
}
.addstory-form form .hs-submit .actions .hs-button:focus {
    outline: none;
}
.addstory-form form .hs-form-field.hs_story_photo_upload input {
	border: 0;
	cursor: pointer;
	padding: 0; 
}
.addstory-form form .hs_error_rollup ul {
	list-style: none;
}
.addstory-form form .hs_error_rollup {
	position: absolute;
	bottom: 44px;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	color: red;
}
.addstory-form form .legal-consent-container p {
	line-height: 29px;
}
.addstory-form form .hs-form-field:nth-child(2n) {
	margin-right: 0;
}
.addstory-form form {
	display: flex;
	flex-wrap: wrap;
} 
.addstory-form form .hs-form-field input {
	width: 100%;
	height: 40px;
	border: 1px solid #ccc;
	padding: 0 10px;
  font-size: 18px;
}
.addstory-form form .hs-form-field label {
	margin-bottom: 6px;
	display: inline-block;
}
.addstory-form form .hs-form-field label.hs-form-booleancheckbox-display {
	display: flex;
}
.addstory-form form .hs-form-field label.hs-form-booleancheckbox-display input {
	width: auto;
	height: auto;
}
.addstory-form form .hs-fieldtype-booleancheckbox.hs-form-field {
	width: 100%;
	margin: 27px 0;
}
.addstory-form form .hs-form-field label.hs-form-booleancheckbox-display span {
	margin-left: 9px;
}
.addstory-form form .hs-fieldtype-booleancheckbox.hs-form-field ul.inputs-list {
	list-style: none;
	padding-left: 0;
}
.addstory-form form .hs-submit .actions .hs-button {
	background: #efc94c;
	border-radius: 2px;
	padding: 12px 41px;
	color: #264252;
	font-family: 'HelveticaNeue Condensed';
	font-size: 22px;
	cursor: pointer;
	color: #264252;
	transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	border: 0;
	margin-top: 30px;
}
.addstory-form form .hs-submit .actions .hs-button:hover {
	background: #264252;
	color: #fff;
}
.addstory-form h3 {
	margin: 0;
}
.addstory-form form .hs-form-field ul.no-list {
	margin: 2px 0 0 0;
	padding: 0;
	list-style: none;
	position: absolute;  
	font-size: 14px;
	color: red;
}
.addstory-form form .hs-form-field label.hs-form-booleancheckbox-display input {
	margin-top: 8px;
}  
@-moz-document url-prefix() {
.addstory-form form .hs-form-field label.hs-form-booleancheckbox-display input {
	margin-top: 3px;
}
}

.addstory-form form .hs_what_does_nature_mean_to_you_multi_line_ .input textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
font-size: 18px;
}


.hs_what_does_nature_mean_to_you_multi_line_.hs-fieldtype-textarea.field.hs-form-field,
.hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field 
{
    width: 100%;
    margin-right: 0;
}

.addstory-form form .hs_what_does_nature_mean_to_you_multi_line_ .input textarea 
{
    min-height: 180px;
}

.addstory-form select 
{
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    padding: 0 10px;
}

.addstory-form .hs_parental_consent
{
	margin: 0px !important;
}

.no-list.hs-error-msgs.inputs-list 
{
    position: relative !important;
}

/*---- Addstory-popup-form Css End for desktop -- */

/*---- Responsive Css Start -- */
@media only screen and (max-width: 1024px) {
.stories-section .image-container img {
	max-height: 300px;
}
.stories-section .stories .image-container {
    height: 300px;
}    
    /*---- Addstory-popup-form Css start for ipad -- */


   /*---- Addstory-popup-form Css End for ipad -- */  
.events-listing:nth-child(2n) {
	margin-right: 0;
}
.events-listing {
	width: 48%;
	margin-right: 4%;
}

}
@media only screen and (max-width: 991px) {
    /*---- Addstory-popup-form Css start for ipad -- */
.csform .popup-content.active {
	max-width: 725px;
}

   /*---- Addstory-popup-form Css End for ipad -- */
.stories-section .stories .hover-text button {
	padding: 6px 32px;
	margin-top: 0;
	font-size: 14px;
}
.stories-section-outer .heading h2 {
	font-size: 40px;
}
.stories-section .stories .hover-text .location {
	font-size: 14px;
	margin: 7px 0;
}
.stories-section .stories .hover-text .name {
	font-size: 20px;
}
.stories-section .stories .hover-text .social-icons {
	margin-top: 10px;
}
  .stories-section .stories .hover-text .social-icons div i {
	font-size: 25px;
}
.stories-section .stories .hover-text .social-icons a {
	padding: 6px 0;
}
.stories-section .stories .hover-text .social-icons a {
	height: 40px;
	width: 40px;
}  
.event-box .event-name {
	font-size: 19px;
}
.event-box .see-details a {
	padding: 5px 21px;
	margin-top: 10px;
	margin-top: 12px;
	font-size: 15px;
}

.header-inner .span2.logo img.hs-image-widget {
	width: 72px !important;
}
}
@media only screen and (max-width: 767px) {
 /* - arrow css start - */ 
.arrow-lr {
	display: flex;
	width: 100%;
	padding: 5% 0% 5% 0%;
}
.arrow-lr .arrow-left .arrow-text1 {
	left: 58px;
} 
.arrow-lr .arrow-right .arrow-text2 {
	right: 58px;
} 
 /* - arrow css End - */    
.share-story {
	padding: 9px 12px 5px 12px;
}
 
    /*---- Addstory-popup-form Css start for mobile -- */
.csform .popup-content.active {
	padding-left: 20px;
	padding-right: 20px;
} 
.fsclose {
    right: 17px;
}
  /*---- Addstory-popup-form Css End for mobile -- */
.buttons-section {
	display: block;
	position: relative;
}
#addstories {
	margin-left: 0;
}
#loader {
	margin-right: 0;
	margin-bottom: 15px;
}  
.stories-section .stories::after {
  display: block;  
}  
.safari .close span {  
	top: 6px;
	position: relative;
} 
.stories-section .stories:hover::after {
  display: none;
}
.stories-section .stories::before {
	background-color: rgba(000,000,000,0.3);
}   

 .safari .share-story {
    padding: 9px 12px 6px 12px;
}
 .location-outer {
	display: block;
}
#popupcarousel .location::before {
	display: none;
}
#popupcarousel .location {
	width: 100%;
	margin-right: 0;
}
.location2 {
	width: 100%;
	margin-top: 11px;
	display: inline-block;
  text-align: left;
}
 .owl-nav {
	position: absolute;
	top: 30%;
	width: 100%;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	display: block;
}
 #popupcarousel .social-icons {
	width: 100%;
	display: block;
	float: left;
}
.share-story {
	margin-bottom: 22px;
}    
.owl-prev span {
	font-size: 15px;
	left: 46px;
} 
.share-icon{
	margin-left: 0;
	text-align: center;
	justify-content: center;
} 
.owl-next span {
	font-size: 15px;
	right: 67px;
}
 .owl-nav button.owl-prev {
	left: 3%;
}
 .owl-nav button.owl-next {
	right: 3%;
}
 .stories-section .stories .hover-text .name {
	font-size: 24px;
} 
.stories-section .stories .hover-text .location {
	font-size: 18px;
	margin: 10px 0;
}  
.stories-section .stories .hover-text button {
	padding: 6px 32px;
	margin-top: 9px;
	font-size: 20px;
}  
   
  
 .stories-section {
	display: block;
}
.stories-section .stories {
	width: 100%;
	max-height: 100%;
	padding-bottom: 0px;
}
.stories-section-outer {
	padding-top: 48px;
}
  .stories-section-outer .heading h2 {
	margin-bottom: 0px;
  font-size: 36px;
}
.select-outer div {
	width: 100%;
}  
.events .list-author, .events .list-country {
	position: unset;
}  
.eventdate {
	margin-right: 0;
	margin-bottom: 20px;
} 
.events-listing {
	width: 100%;
	margin-bottom: 40px;
}
.events-listing:first-child {
	margin-bottom: 22px;
}
.select-outer {
	display: inline-block;
	width: 100%;
} 
.event-where {
	width: 100%;
	margin-right: 0;
  margin-bottom: 20px;
}
.eventdate {
	width: 100%;
	margin-left: 0;
	position: relative;
} 
.event-box {
	display: block;
}
.event-box .image-container {
	width: 100%;
}
.event-box .image-container img {
	width: 100%;
	max-height: 141px;
	max-width: 207px;
} 
.event-box .event-content {
	width: 100%;
	padding-left: 0;
	margin-top: 10px;
}  
.more-events { 
	width: 100%;
	margin-top: 38px;
}    
.events {
	margin-top: 0px;
}
.events-listing:nth-child(5)::after, .events-listing:nth-child(5)::before {
	display: block;
}
.events-listing:nth-child(6)::after, .events-listing:nth-child(6)::before {
	display: none;
}
.events-listing:nth-child(5) {
	margin-bottom: 40px;
}
.events-listing:nth-child(6) {
	margin-bottom: 0px;
}  
} 
@media only screen and (max-width: 480px) {
    /*---- Addstory-popup-form Css start for mobile -- */
  .addstory-form form .hs_error_rollup ul.no-list {
	padding: 0;
}
.addstory-form form {
	display: block;
}
.addstory-form form .hs-form-field ul.no-list {
    margin: 16px 0 0 0;
    position: unset;
    font-size: 14px;
}  
.addstory-form form .hs-form-field label.hs-error-msg {
    margin-bottom: 0px;
}
.addstory-form form .hs-form-field {
	width: 100%;
	margin-right: 0;
	margin-bottom: 6%;
}  
.addstory-form form .hs_error_rollup {
	bottom: -2px;
	font-size: 15px;
}
@-moz-document url-prefix() {
.addstory-form form .hs-form-field label.hs-form-booleancheckbox-display span p {
	position: relative;
	top: 13px;
}  
}  
  /*---- Addstory-popup-form Css End for mobile -- */



}
@media only screen and (max-width: 375px) {
#ui-datepicker-div {
	width: 100%;
	left: auto !important;
}  
.stories-section-outer .heading h2 {
	font-size: 32px;
}    
.owl-nav {
	top: 26%;
}
}
@media only screen and (max-width: 374px) {
 /*---- Addstory-popup-form Css Start for mobile -- */
.addstory-form form .legal-consent-container p {
	line-height: 26px;
	font-size: 16px;
}  
.addstory-form form .hs-form-field span {
	font-size: 16px;
}
@-moz-document url-prefix() {
.addstory-form form .hs-form-field label.hs-form-booleancheckbox-display span p {
	position: relative;
	top: 11px;
}  
}    
/*---- Addstory-popup-form Css End for mobile -- */  
  
.owl-nav {
	top: 26%;
}
#popupcarousel .name {
	font-size: 24px;
}  
#popupcarousel .location {
	font-size: 16px;
}  
.location2 {
	font-size: 16px;
}
#popupcarousel #summary p {
	font-size: 16px;
}  
.owl-prev::before {
	top: 13px;
}  
.owl-prev span {
	font-size: 12px;
	left: 32px;
} 
.owl-next::before {
	top: 13px;
} 
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	padding: 14px !important;
	width: 39px;
	height: 39px;
}
.owl-next span {
	font-size: 12px;
	right: 52px;
}  
  
}  
@media only screen and (max-width: 359px) {
.owl-nav {
	top: 21%;
} 
  
/* - arrow css start - */   
.arrow-lr .arrow-left .arrow-text1 {
	top: 30%;
	transform: translatey(-30%);
	left: 44px;
	font-size: 14px;
} 
#prvowl img {
	width: 37px;
	height: 37px;
}
.arrow-lr .arrow-right .arrow-text2 {
	top: 30%;
	transform: translatey(-30%);
	right: 44px;
	font-size: 14px;
} 
#nextowl img {
	width: 37px;
	height: 37px;
}  
 /* - arrow css End - */   
}