:root
{
	--font-default:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--font-primary:"Montserrat",sans-serif;
	--font-secondary:"Poppins",sans-serif
}
	:root
{
	--color-default:#000;
	--color-primary:#071424;
	--color-secondary:#06C
}
	:root
{
	scroll-behavior:smooth
}
	html
{
	background-color:#071424
}
	body
{
	font-family:var(--font-default);
	color:var(--color-default)
}
	a
{
	color:var(--color-primary);
	text-decoration:none
}
	a:hover
{
	#color:#071424;
  color:#071424;
	text-decoration:none
}
	h1,h2,h3
{
	font-family:var(--font-primary)
}
	section
{
	padding:60px 0;
	overflow:hidden
}
.sections-bg
{
	background-color:#f6f6f6
}
.section-header
{
	text-align:center;
	padding-bottom:60px
}
.section-header h2
{
	font-size:32px;
	font-weight:600;
	margin-bottom:20px;
	padding-bottom:20px;
	position:relative
}
.section-header h2:after
{
	content:"";
	position:absolute;
	display:block;
	width:50px;
	height:3px;
	background:var(--color-primary);
	left:0;
	right:0;
	bottom:0;
	margin:auto
}
.section-header p
{
	margin-bottom:0;
	color:#6f6f6f
}
	#preloader
{
	position:fixed;
	inset:0;
	z-index:999999;
	overflow:hidden;
	background:#fff;
	transition:all 0.6s ease-out
}
	#preloader:before
{
	content:"";
	position:fixed;
	top:calc(50% - 30px);
	left:calc(50% - 30px);
	border:6px solid #fff;
	border-color:var(--color-primary) transparent var(--color-primary) transparent;
	border-radius:50%;
	width:60px;
	height:60px;
	-webkit-animation:animate-preloader 1.5s linear infinite;
	animation:animate-preloader 1.5s linear infinite
}
	@-webkit-keyframes animate-preloader
{
	0%
{
	transform:rotate(0deg)
}
	100%
{
	transform:rotate(360deg)
}

}
	@keyframes animate-preloader
{
	0%
{
	transform:rotate(0deg)
}
	100%
{
	transform:rotate(360deg)
}

}
	@media screen and (max-width:768px)
{
	[data-aos-delay]
{
	transition-delay:0!important
}

}
.header
{
	transition:all 0.5s;
	z-index:997;
	height:80px;
	background-color:#071424;
	border-style:none none solid none
}
.header.sticked
{
	position:fixed;
	top:0;
	right:0;
	left:0;
	height:70px;
	box-shadow:0 2px 20px rgba(0,0,0,.1)
}
.header .logo img
{
	max-height:40px;
	margin-right:6px
}
.header .logo h1
{
	font-size:30px;
	margin:0;
	font-weight:600;
	letter-spacing:.8px;
	color:#fff;
	font-family:var(--font-primary)
}
.header .logo h1 span
{
	color:#f96f59
}
	section
{
	scroll-margin-top:70px
}
.sticked-header-offset
{
	margin-top:70px
}
	@media (min-width:1280px)
{
.navbar
{
	padding:0
}
.navbar ul
{
	margin:0;
	padding:0;
	display:flex;
	list-style:none;
	align-items:center
}
.navbar li
{
	position:relative
}
.navbar>ul>li
{
	white-space:nowrap;
	padding:10px 0 10px 28px
}
.navbar a,.navbar a:focus
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 3px;
	font-family:var(--font-secondary);
	font-size:16px;
	font-weight:600;
	color:rgba(255,255,255,.6);
	white-space:nowrap;
	transition:0.3s;
	position:relative
}
.navbar a i,.navbar a:focus i
{
	font-size:12px;
	line-height:0;
	margin-left:5px
}
.navbar>ul>li>a:before
{
	content:"";
	position:absolute;
	width:100%;
	height:2px;
	bottom:-6px;
	left:0;
	background-color:var(--color-secondary);
	visibility:hidden;
	width:0;
	transition:all 0.3s ease-in-out 0s
}
.navbar a:hover:before,.navbar li:hover>a:before,.navbar .active:before
{
	visibility:visible;
	width:100%
}
.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a
{
	color:whitesmoke;
}
.navbar .dropdown ul
{
	display:block;
	position:absolute;
	left:28px;
	top:calc(100% + 30px);
	margin:0;
	padding:10px 0;
	z-index:99;
	opacity:0;
	visibility:hidden;
	background:#fff;
	box-shadow:0 0 30px rgba(127,137,161,.25);
	transition:0.3s;
	border-radius:4px
}
.navbar .dropdown ul li
{
	min-width:200px
}
.navbar .dropdown ul a
{
	padding:10px 20px;
	font-size:15px;
	text-transform:none;
	font-weight:600;
	color:#071424
}
.navbar .dropdown ul a i
{
	font-size:12px
}
.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a
{
	color:var(--color-secondary)
}
.navbar .dropdown:hover>ul
{
	opacity:1;
	top:100%;
	visibility:visible
}
.navbar .dropdown .dropdown ul
{
	top:0;
	left:calc(100% - 30px);
	visibility:hidden
}
.navbar .dropdown .dropdown:hover>ul
{
	opacity:1;
	top:0;
	left:100%;
	visibility:visible
}

}
	@media (min-width:1280px) and (max-width:1366px)
{
.navbar .dropdown .dropdown ul
{
	left:-90%
}
.navbar .dropdown .dropdown:hover>ul
{
	left:-100%
}

}
	@media (min-width:1280px)
{
.mobile-nav-show,.mobile-nav-hide
{
	display:none
}

}
	@media (max-width:1279px)
{
.navbar
{
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	max-width:400px;
	bottom:0;
	transition:0.3s;
	z-index:9997
}
.navbar ul
{
	position:absolute;
	inset:0;
	padding:50px 0 10px 0;
	margin:0;
	background:#071424;
	overflow-y:auto;
	transition:0.3s;
	z-index:9998
}
.navbar a,.navbar a:focus
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:10px 20px;
	font-family:var(--font-primary);
	font-size:15px;
	font-weight:600;
	color:rgba(255,255,255,.7);
	white-space:nowrap;
	transition:0.3s
}
.navbar a i,.navbar a:focus i
{
	font-size:12px;
	line-height:0;
	margin-left:5px
}
.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a
{
	color:#fff
}
.navbar .dropdown ul,.navbar .dropdown .dropdown ul
{
	position:static;
	display:none;
	padding:10px 0;
	margin:10px 20px;
	transition:all 0.5s ease-in-out;
	background-color:#071424;
	border:1px solid #006459
}
.mobile-nav-show
{
	color:#000;
	font-size:28px;
	cursor:pointer;
	line-height:0;
	transition:0.5s;
	z-index:9999;
	margin-right:10px
}
.mobile-nav-hide
{
	color:#fff;
	font-size:32px;
	cursor:pointer;
	line-height:0;
	transition:0.5s;
	position:fixed;
	right:20px;
	top:20px;
	z-index:9999
}
.navbar .dropdown ul,.navbar .dropdown .dropdown ul
{
	position:static;
	display:none;
	padding:10px 0;
	margin:10px 20px;
	transition:all 0.5s ease-in-out;
	background-color:#071424;
	border:1px solid #006459
}
.navbar .dropdown>.dropdown-active,.navbar .dropdown .dropdown>.dropdown-active
{
	display:block
}
.mobile-nav-show
{
	color:#000;
	font-size:28px;
	cursor:pointer;
	line-height:0;
	transition:0.5s;
	z-index:9999;
	margin-right:10px
}
.mobile-nav-active
{
	overflow:hidden
}
.mobile-nav-active .navbar
{
	right:0
}
.mobile-nav-active .navbar:before
{
	content:"";
	position:fixed;
	inset:0;
	background:#071424;
	z-index:9996
}

}
.stats-counter
{
	padding:40px 0
}
.stats-counter .stats-item
{
	padding:20px 0;
	border-bottom:1px solid #e4e4e4
}
.stats-counter .stats-item .purecounter
{
	min-width:90px;
	padding-right:15px
}
.stats-counter .stats-item i
{
	font-size:44px;
	line-height:0;
	margin-right:15px
}
.stats-counter .stats-item span
{
	font-size:40px;
	display:block;
	font-weight:700;
	color:var(--color-primary);
	line-height:40px
}
.stats-counter .stats-item p
{
	margin:0;
	font-family:var(--font-primary);
	font-size:14px
}
.faq .content h3
{
	font-weight:400;
	font-size:34px
}
.faq .content p
{
	font-size:15px;
	color:#6c757d
}
.faq .accordion-item
{
	border:0;
	margin-bottom:20px;
	box-shadow:0 5px 25px 0 rgba(0,0,0,.06);
	border-radius:10px
}
.faq .accordion-item:last-child
{
	margin-bottom:0
}
.faq .accordion-collapse
{
	border:0
}
.faq .accordion-button
{
	padding:20px 50px 20px 20px;
	font-weight:600;
	border:0;
	font-size:18px;
	line-height:24px;
	color:var(--color-default);
	text-align:left;
	background:#fff;
	box-shadow:none;
	border-radius:10px
}
.faq .accordion-button .num
{
	padding-right:10px;
	font-size:20px;
	line-height:0;
	color:var(--color-primary)
}
.faq .accordion-button:not(.collapsed)
{
	color:var(--color-primary);
	border-bottom:0;
	box-shadow:none
}
.faq .accordion-button:after
{
	position:absolute;
	right:20px;
	top:20px
}
.faq .accordion-body
{
	padding:0 40px 30px 45px;
	border:0;
	border-radius:10px;
	background:#fff;
	box-shadow:none
}
.recent-posts article
{
	box-shadow:0 4px 16px rgba(0,0,0,.1);
	background-color:#fff;
	padding:30px;
	height:100%;
	border-radius:10px;
	overflow:hidden
}
.recent-posts .post-img
{
	max-height:240px;
	margin:-30px -30px 15px -30px;
	overflow:hidden
}
.recent-posts .post-category
{
	font-size:16px;
	color:#6f6f6f;
	margin-bottom:10px
}
.recent-posts .title
{
	font-size:22px;
	font-weight:700;
	padding:0;
	margin:0 0 20px 0
}
.recent-posts .title a
{
	color:var(--color-default);
	transition:0.3s
}
.recent-posts .title a:hover
{
	color:var(--color-primary)
}
.contact .info-container
{
	background-color:var(--color-primary);
	height:100%;
	padding:20px;
	border-radius:10px 0 0 10px;
	box-shadow:0 2px 25px rgba(0,0,0,.1)
}
.contact .info-item
{
	width:100%;
	background-color:#2c8fd1;
	margin-bottom:20px;
	padding:20px;
	border-radius:10px;
	color:#fff
}
.contact .info-item:last-child
{
	margin-bottom:0
}
.contact .info-item i
{
	font-size:20px;
	color:#fff;
	float:left;
	width:44px;
	height:44px;
	background-color:rgba(255,255,255,.2);
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50px;
	transition:all 0.3s ease-in-out;
	margin-right:15px
}
.contact .info-item p
{
	padding:0;
	margin-bottom:0;
	font-size:14px
}
.contact .info-item:hover i
{
	background:#fff;
	color:var(--color-primary)
}
.contact .php-email-form
{
	width:100%;
	height:100%;
	background:#fdfbf7;
	box-shadow:0 2px 25px rgba(0,0,0,.1);
	padding:30px;
	border-radius:0 10px 10px 0
}
.contact .php-email-form .error-message
{
	display:none;
	color:#fff;
	background:#df1529;
	text-align:left;
	padding:15px;
	font-weight:600
}
.contact .php-email-form .error-message br+br
{
	margin-top:25px
}
.contact .php-email-form .sent-message
{
	display:none;
	color:#fff;
	background:#4598dd;
	text-align:center;
	padding:15px;
	font-weight:600
}
.contact .php-email-form .loading
{
	display:none;
	background:#fff;
	text-align:center;
	padding:15px
}
.contact .php-email-form .loading:before
{
	content:"";
	display:inline-block;
	border-radius:50%;
	width:24px;
	height:24px;
	margin:0 10px -6px 0;
	border:3px solid #059652;
	border-top-color:#fff;
	-webkit-animation:animate-loading 1s linear infinite;
	animation:animate-loading 1s linear infinite
}
.contact .php-email-form input
{
	border-radius:0;
	box-shadow:none;
	font-size:14px
}
.contact .php-email-form input[type=email]
{
	padding:12px 15px
}
.contact .php-email-form input[type=email]:focus
{
	border-color:var(--color-primary)
}
.contact .php-email-form button[type=submit]
{
	background:var(--color-primary);
	border:0;
	padding:14px 45px;
	color:#fff;
	transition:0.4s;
	border-radius:50px
}
.contact .php-email-form button[type=submit]:hover
{
	background:rgba(7, 20, 36,.8)
}
	@-webkit-keyframes animate-loading
{
	0%
{
	transform:rotate(0deg)
}
	100%
{
	transform:rotate(360deg)
}

}
	@keyframes animate-loading
{
	0%
{
	transform:rotate(0deg)
}
	100%
{
	transform:rotate(360deg)
}

}
.hero
{
	width:100%;
	position:relative;
	background:var(--color-primary);
	padding:60px 0 0 0
}
	@media (min-width:1365px)
{
.hero
{
	background-attachment:fixed
}

}
.hero h2
{
	font-size:48px;
	font-weight:700;
	margin-bottom:20px;
	color:#fff
}
.hero p
{
	color:rgba(255,255,255,.6);
	font-weight:400;
	margin-bottom:30px
}
	@media (max-width:640px)
{
.hero h2
{
	font-size:36px
}

}
.hero .icon-boxes
{
	padding-bottom:60px
}
	@media (min-width:1200px)
{
.hero .icon-boxes:before
{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:calc(50% + 20px);
	background-color:#fff
}

}
.hero .icon-box
{
	padding:30px 30px;
	position:relative;
	overflow:hidden;
	background:#ebefef;
	box-shadow:0 0 29px 0 rgba(0,0,0,.08);
	transition:all 0.3s ease-in-out;
	border-radius:8px;
	z-index:1;
	height:100%;
	width:100%;
	text-align:center
}
.hero .icon-box .title
{
	font-weight:700;
	margin-bottom:15px;
	font-size:24px
}
.hero .icon-box .title a
{
	color:#fff;
	transition:0.3s
}
.hero .icon-box .icon
{
	margin-bottom:20px;
	padding-top:10px;
	display:inline-block;
	transition:all 0.3s ease-in-out;
	font-size:48px;
	line-height:1;
	color:rgba(255,255,255,.6)
}
.hero .icon-box:hover
{
	background:#dddfdf
}
.hero .icon-box:hover .title a,.hero .icon-box:hover .icon
{
	color:#fff
}
.blog .posts-list article
{
	box-shadow:0 4px 16px rgba(0,0,0,.1);
	padding:30px;
	height:100%;
	border-radius:10px;
	overflow:hidden
}
.blog .posts-list .post-img
{
	max-height:240px;
	margin:-30px -30px 15px -30px;
	overflow:hidden
}
.blog .posts-list .post-category
{
	font-size:16px;
	color:#555;
	margin-bottom:10px
}
.blog .posts-list .title
{
	font-size:22px;
	font-weight:700;
	padding:0;
	margin:0 0 20px 0
}
.blog .posts-list .title a
{
	color:var(--color-default);
	transition:0.3s
}
.blog .posts-list .title a:hover
{
	color:var(--color-primary)
}
.blog .blog-details
{
	box-shadow:0 4px 16px rgba(0,0,0,.1);
	padding:30px;
	border-radius:10px
}
.blog .blog-details .post-img
{
	margin:-30px -30px 20px -30px;
	overflow:hidden;
	border-radius:10px 10px 0 0
}
.blog .blog-details .title
{
	font-size:28px;
	font-weight:700;
	padding:0;
	margin:20px 0 0 0;
	color:var(--color-default)
}
.blog .blog-details .content
{
	margin-top:20px
}
.blog .blog-details .content h3
{
	font-size:22px;
	margin-top:30px;
	font-weight:700
}
.blog .blog-details .content blockquote
{
	overflow:hidden;
	background-color:rgba(34,34,34,.06);
	padding:60px;
	position:relative;
	text-align:center;
	margin:20px 0
}
.blog .blog-details .content blockquote p
{
	color:var(--color-default);
	line-height:1.6;
	margin-bottom:0;
	font-style:italic;
	font-weight:500;
	font-size:22px
}
.blog .blog-details .content blockquote:after
{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:3px;
	background-color:var(--color-secondary);
	margin-top:20px;
	margin-bottom:20px
}
.blog .blog-details .meta-top
{
	margin-top:20px;
	color:#6c757d
}
.blog .blog-details .meta-top ul
{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	align-items:center;
	padding:0;
	margin:0
}
.blog .blog-details .meta-top ul li+li
{
	padding-left:20px
}
.blog .blog-details .meta-top i
{
	font-size:16px;
	margin-right:8px;
	line-height:0;
	color:var(--color-primary)
}
.blog .blog-details .meta-top a
{
	color:#6c757d;
	font-size:14px;
	display:inline-block;
	line-height:1
}
.footer
{
	font-size:14px;
	background-color:var(--color-primary);
	padding:20px 0;
	color:#fff
}
.footer .footer-info .logo
{
	line-height:0;
	margin-bottom:25px
}
.footer .footer-info .logo img
{
	max-height:40px;
	margin-right:6px
}
.footer .footer-info .logo span
{
	font-size:30px;
	font-weight:700;
	letter-spacing:1px;
	color:#fff;
	font-family:var(--font-primary)
}
.footer .footer-info p
{
	font-size:14px;
	font-family:var(--font-primary)
}
.footer .social-links a
{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:50%;
	border:1px solid rgba(255,255,255,.2);
	font-size:16px;
	color:rgba(255,255,255,.7);
	margin-right:10px;
	transition:0.3s
}
.footer .social-links a:hover
{
	color:#fff;
	border-color:#fff
}
.footer .footer-contact p
{
	line-height:26px
}
.footer .copyright
{
	text-align:center
}
.footer .credits
{
	padding-top:4px;
	text-align:center;
	font-size:13px
}
.footer .credits a
{
	color:#fff
}
.results_title
{
	padding-bottom:2%;
	padding-left:6%;
	color:#071424
}
.carousel-item
{
	height:25rem;
	background-color:silver;
	background-size:cover;
	background-position:center
}
.carousel_div
{
	text-align:center;
	padding:5% 50% 2% 0%;
	color:aliceblue
}
	@media (min-width:2000px)
{
.carousel_div
{
	text-align:center;
	padding:5% 30% 2% 0%;
	color:aliceblue
}

}
.navbar ul li a
{
	color: whitesmoke;
}
	@media (max-width:1279px)
{
.navbar ul li a
{
	color:#fff
}

}
.navbar ul li a:hover
{
	color: whitesmoke;
}
.twitter-embd
{
	width:100%;
	margin:auto
}
	@media (max-width:1279px)
{
.navbar ul li a
{
	color:#fff
}
.twitter-embd
{
	width:100%
}
.carousel-item
{
	height:18rem
}

}
.captions
{
	font-weight:700
}
	@media (max-width:700px)
{
.carousel-item
{
	height:14rem
}
.captions
{
	font-size:smaller
}

}
	@media (max-width:500px)
{
.carousel-item
{
	height:12rem
}
.captions
{
	font-size:small
}

}
.call-to-action .container
{
	background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../img/team.webp) center center;
	background-size:cover;
	padding:100px 60px;
	border-radius:15px;
	overflow:hidden
}
.call-to-action h3
{
	color:#fff;
	font-size:28px;
	font-weight:700;
	margin-bottom:20px
}
.call-to-action p
{
	color:#fff;
	margin-bottom:20px
}
.call-to-action .play-btn
{
	width:94px;
	height:94px;
	margin-bottom:20px;
	background:radial-gradient(var(--color-primary) 50%,rgba(7, 20, 36,.658) 52%);
	border-radius:50%;
	display:inline-block;
	position:relative;
	overflow:hidden
}
.call-to-action .play-btn:before
{
	content:"";
	position:absolute;
	width:120px;
	height:120px;
	-webkit-animation-delay:0s;
	animation-delay:0s;
	-webkit-animation:pulsate-btn 2s;
	animation:pulsate-btn 2s;
	-webkit-animation-direction:forwards;
	animation-direction:forwards;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-timing-function:steps;
	animation-timing-function:steps;
	opacity:1;
	border-radius:50%;
	border:5px solid rgba(7, 20, 36,.7);
	top:-15%;
	left:-15%;
	background:rgba(198,16,0,0)
}
.call-to-action .play-btn:after
{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-40%) translateY(-50%);
	width:0;
	height:0;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:15px solid #fff;
	z-index:100;
	transition:all 400ms cubic-bezier(.55,.055,.675,.19)
}
.call-to-action .play-btn:hover:before
{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-40%) translateY(-50%);
	width:0;
	height:0;
	border:none;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:15px solid #fff;
	z-index:200;
	-webkit-animation:none;
	animation:none;
	border-radius:0
}
.call-to-action .play-btn:hover:after
{
	border-left:15px solid var(--color-primary);
	transform:scale(20)
}
.call-to-action .cta-btn
{
	font-family:var(--font-primary);
	font-weight:500;
	font-size:16px;
	letter-spacing:1px;
	display:inline-block;
	padding:12px 48px;
	border-radius:50px;
	transition:0.5s;
	margin:10px;
	border:2px solid #fff;
	color:#fff
}
.call-to-action .cta-btn:hover
{
	background:var(--color-primary);
	border:2px solid var(--color-primary)
}
	@keyframes pulsate-btn
{
	0%
{
	transform:scale(.6,.6);
	opacity:1
}
	100%
{
	transform:scale(1,1);
	opacity:0
}

}


.logotipi
{
  
}