@media only screen {/* @group GENERAL STYLES */body {margin: 0px auto;padding: 0;border: none;width:  100%;height: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;text-align: left;}html {width:  100%;height: 100%;}a:link, a:active {}a:visited {}a:hover {}.image-right {float: right;max-width: 100%;  height: auto;padding: 4px 0px 2px 16px;text-align: center;font-weight: bold;}.image-left {float: left;max-width: 100%;  height: auto;padding: 4px 16px 2px 0px;text-align: center;font-weight: bold;}embed,object,video {  max-width: 100%;  height: 100%;}a img {border: 0px;}ul.disc {list-style-type: disc;}ul.circle {list-style-type: circle;}ul.square {list-style-type: square;}ol.arabic-numbers {list-style-type: decimal;}ol.upper-alpha {list-style-type: upper-alpha;}ol.lower-alpha {list-style-type: lower-alpha;}ol.upper-roman {list-style-type: upper-roman;}ol.lower-roman {list-style-type: lower-roman;}bold, strong {font-weight: bold;}hr {border-top: 1px solid #d8d8d8;width: 100%;margin: 10px 0;}.hidden {display: none;}.clear {clear: both;line-height: 0;}.clearer {clear: both;}/* @end *//* @group GLOBAL CLASSES */blockquote, .standout {position: relative;font-family: "HelveticaNeue", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;font-size: 125%;line-height: 1.4em;font-weight: bold;color: #cd180d;margin: 5%;padding: 0 0 0 14px;border-left-style: solid;border-width: 2px;}blockquote p, .standout p {margin: 0;line-height: 1.4em;}p {margin: 0 0 10px 0;}h1 {}h2 {}h3 {}h4 {}h5 {}#sitemap ul {margin-left: 14px;}#sitemap ul ul {margin-left: 24px;}/* @end *//* @group PAGE WRAPPER */#pagecontainer {position: relative;width: 100%;padding: 0;background: transparent;}#pagewrapper {position: relative;padding: 0;background: transparent;overflow: visible;}#pagewrapper > div.stacks_top {width: 100%; }/* @end *//* @group PAGEHEADER */#pagewrapper #pageheader {height: auto;overflow: hidden;}#logo {background: transparent;}/* @end *//* @group CONTENT LAYOUT */#content {margin: 0 auto;padding: 0;line-height: 19px;font-weight: normal;}#pagewrapper #footer {margin: 0 auto;padding: 0;}#footer a:link, #footer a:visited, #footer a:active {}#footer a:hover {}/* @end *//* @group TOOLBAR *//* @end *//* @group BLOG */.blog-entry {margin-bottom: 24px;}.blog-entry-title {}.blog-entry-title a {}.blog-entry-title a:hover {}.blog-entry-date {}.blog-entry-body {}.blog-entry-summary {}.blog-entry img {}.blog-entry-body a {}.blog-entry-body a:hover {}.blog-entry-comments {}.blog-entry-comments a {}.blog-read-more {}.blog-read-more a:link, .blog-read-more a:visited, .blog-read-more a:active {}.blog-read-more a:hover {}p.blog-entry-tags {}p.blog-entry-tags a:link,p.blog-entry-tags a:active, p.blog-entry-tags a:visited {}p.blog-entry-tags a:hover {}.blog-entry-category {}.blog-entry-category a:link, .blog-entry-category a:visited, .blog-entry-category a:active {}.blog-entry-category a:hover {}.blog-entry-permalink {}.blog-entry-permalink a:link, .blog-entry-permalink a:visited {}/* styles the comments which appear at the end of each blog page entry */.blog-entry-comments {}.blog-entry-comments a {}.blog-entry-comments a:hover {}.blog-entry-comments-inline {}.blog-comment-link {}#dsq-comments-title {}#dsq-content .dsq-options {clear: none !important;}#dsq-thread-settings {clear: none !important;}#dsq-content div {clear: none !important;}* html .js-kit-comments, .js-CommentsSkin-echo {width: 98%;}* html .js-kit-basicUserInfoWrap {width: auto;}/* @end *//* @group BLOG ARCHIVE */.blog-archive-background {}.blog-archive-headings-wrapper {}.blog-archive-entries-wrapper {}.blog-archive-entries-wrapper .blog-entry {}.blog-archive-month {}.blog-archive-link {}.blog-archive-link a:link, .blog-archive-link a:visited, .blog-archive-link a:active {}.blog-archive-link a:hover {}/* styles the archives in the blog sidebar */#blog-archives {}.blog-archive-link-enabled {}.blog-archive-link-disabled {}/* Styles the blog categories in the blog sidebar */#blog-categories {}.blog-category-link-enabled {}.blog-category-link-enabled a:link, .blog-category-link-enabled a:visited, .blog-category-link-enabled a:active {}.blog-category-link-enabled a:hover {}.blog-category-link-disabled {}/* @end *//* @group CONTACT FORM */form {}.message-text {}.form-input-field {}.form-input-button {}.required-text {}/* @end */
}

body {
	background: white;	
	font-family: Barlow;
	font-size: 18px;
	font-weight: 500;
	line-height:1.4;
}

p {
	0 0 15px 0;
}

#pagewrapper {
	padding-bottom: 80px;	
}

.main-in a {
	text-decoration: none;
	box-shadow: 0px 3px 0px 0px #B0ED9C;
	color: black;
	transition: all ease-in 0.1s;
}

.main-in a:hover {
	box-shadow: 0px 3px 0px 0px #ABA9FA;
}

/* NAVBAR */

.top-box-out {
	width: 100%;	
	z-index: 1;
}

.top-box-in {
	width: 80%;
	max-width: 960px;
	margin: auto;	
	padding: 100px 0px 0px 0px;
	box-sizing: border-box;
}

.header-FG {
	display: flex;	
	align-items: flex-end;
	justify-content:space-between;
}

/* LOGO */

.header-left {
	
}

.header-left a {
	border: 0px solid red;
	box-shadow: 0px 0px 0px 0px white;
	padding: 1px 0px 0px 0px;
	display: block;
	width: 100%;
}

.header-left a img {
	max-width: 200px;
}

/* NAVIGATION */

.header-right {
padding-bottom: 31px;	
}

.header-right-mobile {
	display: none;	
}

.header-right-mobile a{
	background: black;
	padding: 10px 15px;
	color: white;
}

.p-nav {
	display: flex;	
	align-items: center;
	font-family: Barlow Semi Condensed;
}

.p-nav ul {
	margin: 0px;
	padding: 0px;
/*	display: none; */
	}

.p-nav ul li {
	display: inline-block;
    position: relative;
    text-align: center;
    margin-left: 0px;
    padding: 0px 10px;
}

.p-nav ul li:nth-child(2) {
}

.p-nav ul li:nth-child(3) {
}


.p-nav ul lu li {
}

.p-nav ul li a {
	text-decoration: none;
	display: inline-block;
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
	font-size: 22px;
	padding: 3px 0px;
	border: 0px solid red;
	transition: all ease-out 0.2s;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);
}


.p-nav ul li a:hover {
	color: rgba(0, 0, 0, 1);
	box-shadow: 0px 5px 0px 0px rgba(0,0,0,1);
}

.p-nav ul li:hover {
}

.p-nav ul li a#current {

}

.p-nav ul ul {
	display: none;
   position: absolute;
   background-color: #3F2F30;
   z-index: 1!important;
	left: 0px;
	margin-top: 0px;
	text-align: left;
	padding-bottom: 5px;
   padding-right: 10px;
 width: 200px;
   padding-top: 10px;
}
	
.p-nav ul li:hover > ul {
	display:inherit;
}

.p-nav ul li li {
	position: relative;
	text-align: left;
	display: block;
	}
	
.p-nav li li a {
	display: block;
	color: #01CC87;
	padding: 5px 0px 5px 0px;
	text-align: left;
	font-size: 0.75rem;
	transition: all ease 0.2s;
	line-height: 1.2;
	font-weight: 700;
}
.p-nav li li a:hover {
}  

a.m-icons {
	text-decoration: none;
	display: inline-block;
	color: rgba(0,0,0,1);
	font-weight: 600;
	font-size: 20px;
	padding: 5px 10px 3px 10px;
	border: 0px solid red;
	transition: all ease-out 0.2s;
	margin: 0px 0px 0px 0px;
}	

a.m-icons:hover {
	color: rgba(0, 0, 0, 1);
	box-shadow: 0px 5px 0px 0px rgba(0,0,0,1);
}

.top-home {
width: 35px;
margin-right:15px;
}

.top-home a{
display: flex;}



/* NAV MOBILE */


#menu-mobile-wrapper-out {
display: none;
z-index: 10000;
position: fixed;
width: 100%;
height: 100vh;
background-color: rgba(255,255,255,0.8);	
}

#menu-mobile-wrapper {
width: 100%;
height: 100vh;
z-index: 10000;
display: flex;
justify-content: center;
align-items: center;	
}

#menu-mobile-wrapper-in {
width: 50%;
background: white;
padding: 50px;
/*display: fleX;
align-items: center;
justify-content: center;
flex-direction: column;*/
text-align: center;
border-radius: 0px;
border-top: 5px solid black;
border-bottom: 5px solid black;
box-shadow: 0px 0px 150px 0px rgba(0,0,0,0.2);
}

#menu-mobile-wrapper-in ul {
	list-style-type: none;
	margin: 20px 0px ;
	padding: 0px;
}

#menu-mobile-wrapper-in ul li a{
	text-decoration: none;
	color: #000;
	display: block;
	padding: 10px 0px;
	font-size: 24px;
	font-weight: 600;
}

#menu-mobile-wrapper-in .top-social {
margin: 0px 20px;	
}

#header-right-mobile a{
color: #FF0000;	
font-size: 24px;
}

a.top-social {
color: #000;	
font-size: 20px;
}

/* CONTENT SECTIONS */

/* TOP OF THE PAGE */

.feature-out {
	width: 100%;	
	padding: 0px 0px;
	font-family: Piazzolla;
	font-size: 18px;
	font-weight: 500;}

.feature-in {
	width: 80%;
	max-width: 960px;
	margin: auto;	
	padding: 80px 20px 40px 20px;
	box-sizing: border-box;
}

.top-slider {
	width: 100%;
display: flex;	
justify-content: space-between;
align-items: center; 
}

.slide-left {
	flex: 2;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 500;
	font-style: italic;
}

.slide-left h1{
	font-size: 32px;
	line-height: 1.0;
	font-weight: 700;
	font-style: italic;
	margin: 0px 0px 30px 0px;
}

.slide-left p {
	margin-bottom: 10px;	
}

.slide-right {
	flex: 1;
	text-align: right;
}

.slide-right a {
	display: inline-block;
	text-decoration: none;
	background: black;
	padding: 10px;
	color: white;
	font-family: Barlow Semi Condensed;
	text-transform: uppercase;
	font-weight: 700;
	transition: all ease-in 0.2s;
	margin-bottom: 5px;
}

.slide-right a::after {
	font-family: "Font Awesome 6 Free";
	content: '\f111';
	color: red;
	margin-left: -17px;
	animation:link-dot 1s infinite;

	opacity: 0;
	transition: all ease-in 0.1s;
}
	
.slide-right a:hover::after {
	margin-left: 10px;
	opacity: 1;
	transition: all ease-in 0.1s;
}


@keyframes link-dot {
    0% {color:#FF4C40;}
    23.3% {color:#FF4C40;}
    33.3% {color:#62DB44;}
    56.6%{color:#62DB44}
    66.6% {color:#5753ED;}
    99% {color:#5753ED;}
}

/* REGULAR ROW */

.main-out {
	width: 100%;	
	padding: 50px 0px;
/*	background: rgba(255,255,255,0.7);*/
}

.main-in {
	width: 80%;
	max-width: 960px;
	margin: auto;	
	padding: 40px 20px;
	background: white;
	border-top: 5px solid black;
	border-bottom: 5px solid black;
	box-sizing: border-box;
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
}

.content-out {
	width: 100%;	
	padding: 0px 0px;
	font-family: Piazzolla;
	font-size: 18px;
	font-weight: 500;}

.content-in {
	width: 80%;
	max-width: 960px;
	margin: auto;	
	padding: 0px 20px 40px 20px;
	box-sizing: border-box;
}

.heading-out {
	width: 100%;	
	padding: 0px 0px;
	font-family: Piazzolla;
	font-size: 18px;
	font-weight: 500;}

.heading-in {
	width: 80%;
	max-width: 960px;
	margin: auto;	
	padding: 40px 20px 40px 20px;
	box-sizing: border-box;
}

.heading-in h1{
	width: 100%;
	font-size: 32px;
	line-height: 1.0;
	font-weight: 700;
	font-style: italic;
	margin: 0px 0px 30px 0px;
}

.heading-in p{
	width: 100%;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 500;
	font-style: italic;
}

.slideshow-c {
	width: 100%;
display: flex;	
align-items: center;
justify-content: space-between;
border-bottom: 5px solid black;
margin-bottom: 20px;}

.slideshow-l {
	flex: 2;	
	display: flex;
	gap: 50px;
	align-items: center;
}

.slideshow-r {
flex: 1;	
text-align: right;}

.slideshow-c h2 {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 500;
	font-style: italic;
	font-family: Piazzolla;
}

.slideshow-c img {
	max-width: 100px;	
}


/*FOOTER */

#footerFG {
	width: 100%;
	background: black;
	z-index: 100;
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
}

#footertop {
width: 100%;
padding: 0px 0px;
box-sizing: border-box;	
}


.topbox {
width: 9.09%;
height: 10px;
float: left;
}



.topclear {
	clear: both;
}

#footercontent {
	max-width: 960px;
	width: 80%;
	margin: 0 auto;
	display: flex;
	padding: 0px 0px;
	box-sizing: border-box;
	align-items:flex-start;
	color: #fff;
	background: black;}

#footerleft {
min-width: 150px;
padding: 50px 35px 35px 0px;
box-sizing: border-box;
flex: 1;}

#footermiddle {
display: block;
padding: 50px 35px 35px 0px;
box-sizing: border-box;
flex: 1;}

#footerright {
display: block;
padding: 50px 35px 35px 0px;
box-sizing: border-box;
flex: 2;}

.footerlogo {
	width: 100%;
	max-width: 150px;
}

.footerack {
display: flex;
flex-direction: column;
margin-bottom: 10px;
}

.ackimg {
display: flex;
width: 100%;
max-width: 250px;
gap: 40px;
background: white;
padding: 10px;
box-sizing: border-box;
align-items: center;
}

.flag:first-child {
width: 100%;	
}

.flag {
width: 100%;	
}

.acktext {
width: 100%;
box-sizing: border-box;
padding-left: 0px;
font-family: Barlow Semi Condensed;
font-weight: 500;
font-size: 18px;}

.acktext a {
text-decoration: none;
color: white;
box-shadow: 0px 1px 0px 0px red;	
}

.ackcred {
margin-top: 10px;
margin-bottom: 10px;
font-size: 15px;}

.ackcred a {
color: #fff;
text-decoration: none;	
}

.footerdisc {
font-size: 13px;
line-height: 1.2;	
}

.f_menu a {
	display: inline-block;
	text-decoration: none;
	color: white;
	font-family: Barlow Semi Condensed;
	font-weight: 700;
	transition: all ease-in 0.2s;
	padding: 0px 0px 5px 0px;
}

.f_menu a::before {
	font-family: "Font Awesome 6 Free";
	content: '\f111';
	color: red;
	margin-left: -20px;
	animation:link-dot 1s infinite;
	opacity: 0;
	transition: all ease-in 0.2s;
	margin-right: 5px;
	font-size: 15px;
	width: 0px;
}


	
.f_menu a:hover::before {
	margin-left: 0px;
	opacity: 1;
	transition: all ease-in 0.1s;
	width: auto;
}


/*.f_menu  .fas, .f_menu  .fab {
margin-top: 3px;	
font-size: 20px;
color: white;
transition: all ease-in 0.1s;}

.f_menu:hover .fas, .f_menu:hover .fab{
	animation:link-dot 1s infinite;
}*/

@keyframes link-dot {
    0% {color:#FF4C40;}
    23.3% {color:#FF4C40;}
    33.3% {color:#62DB44;}
    56.6%{color:#62DB44}
    66.6% {color:#5753ED;}
    99% {color:#5753ED;}
}

/* SCROLL DOTS */

#dots-container {
z-index: -50;	
}

.scroll-box {
	-webkit-box-flex: none;
	-moz-box-flex: none;
	box-flex: none;
	-webkit-flex: none;
	-moz-flex: none;
	-ms-flex: none;
	flex: none;
	position: absolute;
	border-radius: 50%;
	mix-blend-mode: multiply;

	}
	
.box-red {
	background: rgba(255,219,216,1);
	box-shadow: 0px 0px 50px 0px rgba(255,219,216,1);
}

.box-green {
	background: rgba(224,248,216,1);
	box-shadow: 0px 0px 50px 0px rgba(224,248,216,1);

}

.box-blue {
	background: rgba(221,221,253,1);
	box-shadow: 0px 0px 50px 0px rgba(221,221,253,1);	}
	
.box-gray {
	background: rgba(120,120,120,1);
	box-shadow: 0px 0px 50px 0px rgba(120,120,120,1);	}

.box-1 {
	left: -5%;
	top: 10%;
	height: 250px;
	width: 250px;		
	z-index: 0;
}

.box-2 {
	left: 30%;
	top: 35%;
	height: 150px;
	width: 150px;		
	z-index: -5;
}

.box-3 {
	right: 15%;
	top: -5%;
	height: 150px;
	width: 150px;		
	z-index: -5;
}

.box-4 {
	left: 20%;
	top: -2%;
	height: 80px;
	width: 80px;		
	z-index: -5;
}

.box-5 {
	right: 50%;
	top: 40%;
	height: 280px;
	width: 280px;		
	z-index: -5;
}

.box-6 {
	right: 35%;
	top: 20%;
	height: 180px;
	width: 180px;		
	z-index: -5;
}

.box-7 {
	left: 41%;
	top: 2%;
	height: 120px;
	width: 120px;		
	z-index: -5;
}

.box-8 {
	right: -1%;
	top: 45%;
	height: 350px;
	width: 350px;			
	z-index: -5;
}

.box-9{
	left: 10%;
	top: 45%;
	height: 200px;
	width: 200px;		
	z-index: -5;
}

.box-10{
	left: 5%;
	bottom: 20%;
	height: 75px;
	width: 75px;		
	z-index: -5;
}

.box-11{
	left: 25%;
	top: 15%;
	height: 70px;
	width: 70px;		
	z-index: -5;
}

.box-12{
	right: 10%;
	top: 30%;
	height: 80px;
	width: 80px;		
	z-index: -5;
}

.box-13{
	right: 35%;
	top: 55%;
	height: 50px;
	width: 50px;		
	z-index: -5;
}

.box-14{
	right: 15%;
	bottom: -2%;
	height: 150px;
	width: 150px;		
	z-index: -5;
}

.box-15{
	left: 45%;
	top: 40%;
	height: 70px;
	width: 70px;		
	z-index: -5;
}

.box-16{
	left: 5%;
	bottom: -20%;
	height: 250px;
	width: 250px;		
	z-index: -5;
}

.box-17{
	left: 50%;
	bottom: -15%;
	height: 120px;
	width: 120px;		
	z-index: -5;
}

.box-18{
	left: 30%;
	bottom: 5%;
	height: 160px;
	width: 160px;		
	z-index: -5;
}

.box-21 {
	left: 15%;
	top: 25%;
	height: 250px;
	width: 250px;		
	z-index: 0;
}

.box-22 {
	right: 30%;
	bottom: 15%;
	height: 150px;
	width: 150px;		
	z-index: -5;
}

.box-23 {
	right: 5%;
	top: 15%;
	height: 150px;
	width: 150px;		
	z-index: -5;
}

.box-24 {
	left: 35%;
	top: 45%;
	height: 80px;
	width: 80px;		
	z-index: -5;
}

.box-25 {
	right: 20%;
	top: 40%;
	height: 280px;
	width: 280px;		
	z-index: -5;
}

.box-26 {
	right: 15%;
	top: 20%;
	height: 180px;
	width: 180px;		
	z-index: -5;
}

.box-27 {
	left: 30%;
	top: 24%;
	height: 120px;
	width: 120px;		
	z-index: -5;
}

.box-28 {
	left: -1%;
	top: 35%;
	height: 350px;
	width: 350px;			
	z-index: -5;
}

.box-29{
	left: 10%;
	top: 75%;
	height: 200px;
	width: 200px;		
	z-index: -5;
}

.box-30{
	right: 6%;
	bottom: 22%;
	height: 75px;
	width: 75px;		
	z-index: -5;
}

.box-31{
	left: 15%;
	top: 65%;
	height: 70px;
	width: 70px;		
	z-index: -5;
}

.box-32{
	right: 15%;
	top: 35%;
	height: 80px;
	width: 80px;		
	z-index: -5;
}

.box-33{
	right: 85%;
	top: 85%;
	height: 50px;
	width: 50px;		
	z-index: -5;
}

.box-34{
	right: 5%;
	bottom: 5%;
	height: 150px;
	width: 150px;		
	z-index: -5;
}

.box-35{
	left: 25%;
	top: 60%;
	height: 70px;
	width: 70px;		
	z-index: -5;
}

.box-36{
	left: 25%;
	bottom: 15%;
	height: 270px;
	width: 270px;		
	z-index: -5;
}

.box-37{
	left: 60%;
	bottom: -5%;
	height: 120px;
	width: 120px;		
	z-index: -5;
}

.box-38{
	right: 90%;
	bottom: 5%;
	height: 240px;
	width: 240px;		
	z-index: -5;
}

/* END DOTS */

@media only screen and (max-width: 740px) {
	
.header-FG {
	align-items: center;
}
	
.top-box-in {
	width: 100%;
	padding: 30px 20px;
}

.header-right-mobile {
display: flex;	
}

.header-right {
display: none;	
}
	
.feature-in {
	width: 100%;	
}

.top-slider {
	flex-direction: column;	
}

.slide-right {
margin-top: 30px;	
}

.main-in {
width: 100%;	
}

.heading-in {
width: 100%;	
}

.content-in {
width: 100%;	
}

#footercontent {
flex-direction: column;	
}


}