@charset "utf-8";
/*--
	Add your style here
--*/ 
.menu-wrap {
        right:0 !important;
	-webkit-transform: translate3d(320px,0,0);
	transform: translate3d(320px,0,0);
	visibility:hidden;
}

.show-menu .menu-wrap,
.show-menu .menu-inner ,
.show-menu .morph-shape  {
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0);
}
.show-menu .menu-wrap {
	right:0;
	opacity:1;
	visibility:visible;
}

.z3-whiteBg{
	z-index: 3;
	background-color: white;
}

.right-pos{
	text-align: right !important;
}

.right-pos *{
	text-align: right !important;
	margin-left: auto;
}

.right-pos h3::before{
	left: auto;
	right: 0px;
}

.right-pos .float-btn{
	float: right;
}

@media (min-width: 1066px) {
	.parallax-text.left-pos {
		left: calc(1 / 1066 * 100vw * (-385));
	}

	.parallax-text.right-pos {
		right: calc(1 / 1066 * 100vw * (-385));
	}

	.parallax-text p{
		max-width: calc(1 / 1066 * 100vw * 350);
	}
}

@media (min-width: 1400px) {
	.parallax-text.left-pos {
		left: -520px;
	}

	.parallax-text.right-pos {
		right: -520px;
	}

	.parallax-text p{
		max-width: 480px;
	}
}

.noshadow{
	box-shadow: none !important;
}

ol.heliref-list{
	list-style: decimal;
	padding-left: 20px;
}

ol.heliref-list li{
	text-align: left;
	font-size: 13px;
	line-height: 24px;
	padding-bottom: 10px;
	font-weight: 400;
	text-align: left;
}

ul.heliref-list{
	list-style: disc;
	padding-left: 20px;
}

ul.heliref-list li{
	text-align: left;
	font-size: 13px;
	line-height: 24px;
	padding-bottom: 10px;
	font-weight: 400;
	text-align: left;
}

@media (min-width: 1400px) {
	.heliref-list{
		max-width: 80%;
	}
}

.icons-wrapper-benefits{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.icons-wrapper-benefits .icon-benefit{
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	margin-right: 15px;
	text-align: center;
	max-width: 100px;
	align-items: center;
}

.icons-wrapper-benefits .icon-benefit img{
	width: 60px;
}

.icons-wrapper-benefits .icon-benefit h4{
	text-align: center;
	margin-bottom: 0px;
	font-weight: bold;
	padding-bottom: 0px;
	line-height: 115%;
}

.icons-wrapper-benefits .icon-benefit p{
	text-align: center !important;
	line-height: 115%;
}

.right-pos .icons-wrapper-benefits .icon-benefit{
	margin-left: 15px;
	margin-right: 0px;
}

.right-pos .icons-wrapper-benefits .icon-benefit img{
	margin-left: auto;
	margin-right: auto;
}

.right-pos .icons-wrapper-benefits .icon-benefit h4{
	margin-left: auto;
	margin-right: auto;
}

.right-pos .icons-wrapper-benefits .icon-benefit:first-child{
	margin-left: auto;
}

.clients-container h4{
	font-size: 3.0em;
	text-align: center;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	position: relative;
}

.clients-container h2{
	font-size: 3.0em;
	text-align: center;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	position: relative;
}

.clients-container p{
	font-size: 13px;
	text-align: center;
	margin-bottom: 15px;
}

.clients-container .clients-list.fl-wrap {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.clients-container .clients-list.fl-wrap .btn{
	float: none !important;
	display: inline-block;
	margin-top: 15px;
}

.clients-container .clients-list.fl-wrap ul{
	display: flex;
	justify-content: center;
}

.clients-container .clients-list a img{
	height: 60px;
	width: auto;
	margin: 10px;
	float: none;
}

.clients-container .clients-list li{
	width: auto;
	float: none;
}

.nav-holder nav li a {
	color: #29364A;
	font-size: 14px;
}

nav li a.act-link, .nav-holder nav li a:hover, nav.asl li a.act-scrlink {
	color: #006EDE;
}

nav li a.act-link:before, nav.asl li a.act-scrlink:before {
	background: #006EDE;
}

@media (min-width: 1066px) {
	.nav-holder nav li a {
		font-size: 9px;
	}
	.ml-60{
		margin-left: 30px !important;
	}
}

@media (min-width: 1300px) {
	.nav-holder nav li a {
		font-size: 14px;
	}
	.ml-60{
		margin-left: 60px !important;
	}
}

.fixed-title {
	color: #29364A;
}

body {
	color: #29364A;
	font-family: "Poppins", sans-serif;
}

.testi-item p {
	font-weight: 400;
}

.flat-btn{
	background-color: #FAAB00;
}

.btn:hover.flat-btn{
	background-color: #fa9600;
}

#subscribe-button {
	background: #FAAB00;
}

#subscribe-button:hover {
	background: #fa9600;
	cursor: pointer;
}

#submit, .form-submit button {
	background: #FAAB00;
}

#submit:hover, .form-submit button:hover {
	background: #fa9600;
}

.clients-list a img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.social-wrap ul li a {
	color:#29364A;
}

.social-wrap ul li a:hover {
	color: #006EDE;
}

.footer-social li a {
	color: #29364A;
}

.footer-social li a:hover {
	color: #006EDE;
}

.to-top {
	background: #FAAB00;
}

.to-top:hover {
	background: #fa9600;
}

.prodlogo-svg{
	text-align: left;
}

.prodlogo-svg svg {
	margin-right: auto;
}

.right-pos .prodlogo-svg{
	text-align: right;
}

.right-pos .prodlogo-svg svg {
	margin-right: 0px;
}

.prodlogo-svg+h3::before{
	display: none;
}

.prodlogo-svg+h3::after{
	display: none;
}

.hero-item::before{
	display: none;
}

.hero-item h2 img{
	width: 200px;
}

@media (min-width: 1066px) {
	.hero-item h2 img{
		width: 300px;
		margin-bottom: 10px;
	}
}

.footer-logo {
	margin-bottom: 33px;
}

footer .footer-inner a:hover{
	color: #006EDE;
}

.header-section {
	background: #29364A;
}

.single-slider .swiper-button-prev, .single-slider .swiper-button-next {
	background: #fa9600;
}

#faqsec1 .testi-item.fl-wrap{
	background-color: rgba(0,0,0,0.5);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	padding-top: 15px;
	padding-bottom: 15px;
}

#faqsec1 .swiper-pagination.swiper-pagination-fraction{
	opacity: 0;
}

.pt-0{
	padding-top: 0px !important;
}

.pb-0{
	padding-bottom: 0px !important;
}

.variants-vrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.variants-vrapper .variant-single{
	text-align: center;
	padding: 10px;
	width: 150px;
	max-width: 150px;
}

.variants-vrapper .variant-single img{
	-webkit-box-shadow: 0px 0px 0px 1px #29364A;
	-moz-box-shadow: 0px 0px 0px 1px #29364A;
	box-shadow: 0px 0px 0px 1px #29364A;
	border: 3px solid white;
}

.partner-contact a:hover{
	color: #006EDE;
}

.partner-contact .box-item{
	width: 200px;
	height: 150px;
}

@media only screen and (max-width: 768px) {
	.hero-item {
		padding: 0 54px;
	}
	.slider-wrap .sw-button, .fs-gallery-wrap .sw-button {
		position: absolute;
		top: 50%;
		width: 20px;
		height: 70px;
	}

	.testi-item {
		padding: 0 50px;
	}

	.testilider {
		padding-left: 0px;
	}

	.testi-item h3{
		padding-bottom: 0px;
	}

	.single-slider .swiper-button-prev, .single-slider .swiper-button-next {
		width: 20px;
	}

	section.header-section .bg, section.header-section .overlay {
	   width: 60%;
	   opacity: 0.5;
	}
}

@media only screen and (max-width: 540px){
	.section-title h2, .hero-item h2 {
		font-size: 28px !important;
		line-height: 38px !important;
	}

	.parallax-text h3 {
		font-size: 28px;
		line-height: 38px;
	}

	.intro-text h2 {
		font-size: 28px;
		line-height: 38px;
		letter-spacing: 1px;
	}

	.pr-title {
		font-size:28px;
		line-height: 38px;
	}

	.clients-container h2 {
		font-size: 28px;
		line-height: 38px;
	}
}

@media only screen and (max-width: 1024px){
	.variants-vrapper {
		width: 100%;
	}
}

@media only screen and (max-width: 1330px){
	.variants-vrapper {
		width: 100%;
	}
}

@media only screen and (max-width: 1330px) and (min-width: 1024px){
	.variants-vrapper {
		width: 100%;
	}

	.pr-title {
		font-size: 2.5em;
	}
}

.content-wrap.about-wrap strong{
	font-weight: 700;
}

.variants-vrapper a.variant-single h4{
	color: #29364A;
}

.variants-vrapper a.variant-single h4.type{
	margin-bottom: 5px;
	font-weight: 700;
	color: #fa9600;
}

.variants-vrapper a.variant-single i.fa{
	color: #29364A;
	font-size: 60px;
	margin-bottom: 0px;
}

.tutorial-videos{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.mt-0{
	margin-top: 0px !important;
}

.mb-0{
	margin-bottom: 0px !important;
}

section.header-section h2 {
	text-transform: unset !important;
}

.blog-title-opt {
	background: #29364A;
}