@font-face {
    font-family: 'Poppins Bold';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
    url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins Light';
    src: url('../fonts/poppins-light-webfont.woff2') format('woff2'),
    url('../fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins Medium';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
    url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
    url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
	font-family: 'Poppins', sans-serif;
	color: #444;
}

a{
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
    outline: 0;
}

a:hover, a:active, a:focus {
    outline: 0;
}

strong{
	font-family: "Poppins Medium", sans-serif;
}

/* circles animation */
.anim-circle{
	position: absolute;
	border-radius: 100%;
	background-color: #eaeef0;
	z-index: -1;
	-webkit-animation: anim-circle-01-400 60s infinite;
	-moz-animation:    anim-circle-01-400 60s infinite;
	-o-animation:      anim-circle-01-400 60s infinite;
	animation:         anim-circle-01-400 60s infinite;
}

.anim-circle.big{
	width: 400px;
	height: 400px;
}

.anim-circle.small{
	width: 250px;
	height: 250px;
}

.anim-circle.big.left{
	bottom: 50px;
	left: -200px;
	animation-timing-function: linear;
}

.anim-circle.big.right{
	top: 50px;
	right: -200px;
	animation-direction: reverse;
	animation-timing-function: linear;
}

.anim-circle.small.left{
	top: 50px;
	left: 25%;
	animation-timing-function: linear;
	animation-direction: reverse;
}

.anim-circle.small.right{
	bottom: 50px;
	right: 25%;
	animation-timing-function: linear;
}

@-webkit-keyframes anim-circle-01-400 {
	0%  { transform: translateY(0);}
	44% { opacity: 1}
	47% { opacity: 0}
	49% { transform: translateY(-100%); }
	51% { transform: translateY(100%); }
	53% { opacity: 0;}
	56% { opacity: 1;}
	100%{ transform: translateY(0);}
}
@-moz-keyframes anim-circle-01-400 {
	0%  { transform: translateY(0);}
	44% { opacity: 1}
	47% { opacity: 0}
	49% { transform: translateY(-100%); }
	51% { transform: translateY(100%); }
	53% { opacity: 0;}
	56% { opacity: 1;}
	100%{ transform: translateY(0);}
}
@-o-keyframes anim-circle-01-400 {
	0%  { transform: translateY(0);}
	44% { opacity: 1}
	47% { opacity: 0}
	49% { transform: translateY(-100%); }
	51% { transform: translateY(100%); }
	53% { opacity: 0;}
	56% { opacity: 1;}
	100%{ transform: translateY(0);}
}
@keyframes anim-circle-01-400 {
	0%  { transform: translateY(0);}
	44% { opacity: 1}
	47% { opacity: 0}
	49% { transform: translateY(-100%); }
	51% { transform: translateY(100%); }
	53% { opacity: 0;}
	56% { opacity: 1;}
	100%{ transform: translateY(0);}
}

.mobile-show{
	display: none;
}

p a {
	color: #9ac740;
}

.button{
	min-width: 150px;
	min-height: 40px;
	padding: 10px 35px;
	color: #FFF !important;
	border-radius: 5px;
	font-family: 'Poppins Bold', sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
}

.button:hover{
	box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
	-moz-box-shadow:    rgba(0, 0, 0, 0.24) 0 3px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}

.button.big{
	min-height: 60px;
}

.button.green{
	background-color: #9ac740;
}

.button.green:hover{
	/*background-color: #759731;*/
	background-color: #FFF;
	color: #9ac740 !important;
}

.button.blue{
	background-color: #133c64;
}

.button.blue:hover{
	/*background-color: #759731;*/
	background-color: #FFF;
	color: #133c64 !important;
}

h1{
	color: #444;
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 30px;
	font-family: 'Poppins Medium', sans-serif;
}

h2{
	color: #444;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 20px;
	font-family: 'Poppins Medium', sans-serif;
}

p{
	font-size: 16px;
	color: #666;
	line-height: 20px;
}

p.big{
	font-size: 18px;
	width: 85%;
	line-height: 24px;
	margin-bottom: 20px;
}

.dark{
	color: #444;
}

.slideIn{
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.form-control{
	border-color: #ececec;
	font-size: 14px;
	line-height: 30px;
}

.form-control:focus{
	border-color: #444;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control::placeholder{
	color: #ccc;
}

.form-control.valid{
    border-color: #9ac740;
}

.form-control.unvalid{
    border-color: red;
}

.form-error{
    font-size: 12px;
    margin: 5px 10px;
    color: red;
}

.mailing-alert{
    margin-top: 20px;
    font-size: 18px;
    font-family: 'Poppins Bold', sans-serif;
}

.mailing-alert.error{
    color: red;
}

.mailing-alert.ok{
    color: #9ac740;
}

.mailing-alert i{
    font-weight: 800;
    margin-right: 5px;
}

header{
	position: fixed;
	width: 100%;
	height: 100px;
	background-color: transparent;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	display: flex;
	z-index: 10;
}

header.scroll{
	background-color: #FFF;
	height: 70px;
	box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
	-moz-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
	-webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}

header.scroll .logo img{
	width: 130px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

header#header-manual{
	position: relative;
}

header .container, header .container-fluid{
	display: flex;
}

header .mobile-header{
	align-self: center;
}
header .logo{
    display: flex;
    align-items: stretch;
}
header .logo img{
	width: 160px;
    height: auto;
}

header .logo .text{
    font-size: 16px;
    color: #888888;
    display: flex;
    padding-left: 20px;
    margin-left: 23px;
    border-left: 1px solid #bbb;
    align-items: center;
    font-family: 'Poppins Light', sans-serif;
}

header .links{
	margin-left: auto;
	align-self: center;
}

header .links ul{
	display: flex;
	align-items: center;
}

header .links a{
	text-decoration: none;
	color: #444;
	margin-left: 50px;
}

header .links a:hover{
	color: #9ac740;
}

header .burger{
	display: none;
	width: 30px;
    margin: 5px 0 5px auto;
    position: relative;
}

header .burger span{
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 2px;
	background-color: #9ac740;
	display: flex;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 1;
}

header .burger span:nth-child(2){
	top: 9px;
}

header .burger span:nth-child(3){
	bottom: 0;
}

header.open .burger span:nth-child(1){
	transform: rotate(45deg);
	top: 9px;
}

header.open .burger span:nth-child(2){
	opacity: 0;
}

header.open .burger span:nth-child(3){
	transform: rotate(-45deg);
	bottom: 9px;
}

footer{
	background-color: #2a323a;
	padding-top: 70px;
}

footer .footer-top{
	padding-bottom: 20px;
}

footer hr{
	border-top: 1px solid #ccc;
	margin: 0;
}
footer h3{
	color: #FFF;
	font-size: 19px;
	margin-bottom: 15px;
	font-family: 'Poppins Medium', sans-serif;
}

footer ul{
	line-height: 23px;
}

footer ul li a{
	color: #aaa;
	text-decoration: none;
	font-size: 14px;
}

footer ul li a:hover{
	color: #FFF;
}

footer .footer-bottom{
	padding-top: 10px;
	padding-bottom: 10px;
}

footer .footer-bottom .language{
	display: flex;
	position: relative;
	align-items: center;
}

footer .footer-bottom .language .language-button{
	cursor: pointer;
	display: flex;
	align-items: center;
}

footer .footer-bottom .language .actual{
	color: #FFF;
	font-family: 'Poppins Light', sans-serif;
	font-size: 12px;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	display: flex;
	align-items: center;
}

footer .footer-bottom .language .actual .icon-globe{
	font-size: 16px;
	padding-right: 8px;
}

footer .footer-bottom .language .actual .icon-arrow-up{
	font-size: 8px;
	padding: 0 5px;
	display: none;
}

footer .footer-bottom .language .language-button.active .icon-arrow-up{
	transform: rotate(180deg);
}

footer .footer-bottom .language .language-button.active .actual{
	color: #9ac740;
}

footer .footer-bottom .language .language-list{
	position: absolute;
	opacity: 0;
	left: 0;
	top: -98px;
	background-color: #2a323a;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px;
	min-width: 100px;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

footer .footer-bottom .language .language-list.active{
	opacity: 1;
	visibility: visible;
	display: none !important;
}

footer .footer-bottom .language .language-list ul{
	line-height: 18px;
}

footer .footer-bottom .language .language-list ul li a{
	font-size: 12px;
	color: #ccc;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}

footer .footer-bottom .language .language-list ul li a:hover{
	color: #9ac740;
}

footer .footer-bottom .socials{
	text-align: right;
}

footer .footer-bottom .socials a{
	margin-left: 8px;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	color: #FFF;
	font-size: 18px;

}

footer .footer-bottom .socials a:hover{
	color: #9ac740;
}

section.ind-01{
	background: url("../img/index/bg01.jpg") #f2f4f6 center 25% no-repeat;
	background-size: cover;
	padding-top: 15vh;
    padding-bottom: 10vh;
}

section.ind-01 h1{
	margin-top: 80px;
}

section.ind-01 .item-container{
	position: relative;
	width: 100%;
	height: 521px;
}

@-webkit-keyframes anim-ind01-item {
	from  { opacity: 0;transform: translateY(-50%)}
	to { opacity: 1;transform: translateY(0%)}
}
@-moz-keyframes anim-ind01-item {
	from  { opacity: 0;}
	to { opacity: 1;}
}
@-o-keyframes anim-ind01-item {
	from  { opacity: 0;}
	to { opacity: 1;}
}
@keyframes anim-ind01-item {
	from  { opacity: 0;transform: translateY(10px)}
	to { opacity: 1;transform: translateY(0%)}
}

ul.big{
    font-size: 18px;
    color: #666666;
    line-height: 32px;
    list-style: square;
    padding-left: 1em;
}

section.ind-01 .templates h3{
    font-size: 45px;
    font-family: 'Poppins Bold', sans-serif;
    position: absolute;
    top: 50px;
    right: 40px;
}

section.ind-01 .templates span{
    font-size: 22px;
    color: #6a6a6a;
    font-family: 'Poppins Light', sans-serif;
    position: absolute;
    top: 95px;
    right: 40px;
}

section.ind-01 .templates a.button{
    position: absolute;
    bottom: 30px;
    right: 40px;
}

section.ind-01 .guru, section.ind-01 .fashion{
    transform: translateX(8px);
    position: relative;
}

section.ind-01 .guru h3{
    color: #6b7b84;
}

section.ind-01 .fashion{
    margin-top: 20px;
}

section.ind-02{
	padding-top: 80px;
	padding-bottom: 110px;
	position: relative;
	overflow: hidden;
}

section.ind-02 .item{
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
	-moz-box-shadow:    rgba(0, 0, 0, 0.24) 0 3px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
	padding: 35px 20px 25px 20px;
	text-align: center;
	margin: 0 5px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

section.ind-02 .item h2{
	font-size: 28px;
	font-family: 'Poppins Medium', sans-serif;
}

section.ind-02 .item .line{
	display: flex;
	width: 75px;
	height: 4px;
	background-color: #9ac740;
	margin: 15px auto 25px auto;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

section.ind-02 .item p{
	text-align: left;
	font-family: 'Poppins Light', sans-serif;
	line-height: 20px;
	font-size: 15px;
	min-height: 85px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

section.ind-02 .item ul li{
	background-image: url("../img/index/check.svg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	margin-left: 10px;
	text-align: left;
	background-size: 13px;
	line-height: 24px;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

section.ind-02 .item p.price{
	margin-top: 35px;
	text-align: center;
	margin-bottom: 20px;
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	min-height: auto;
}

section.ind-02 .item.active{
	background-color: #9ac740;
	color: #FFF;
}

section.ind-02 .item.active p .dark{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

section.ind-02 .item.active h2,section.ind-02 .item.active p, section.ind-02 .item.active p .dark{
	color: #FFF;
}

section.ind-02 .item.active .line{
	background-color: #FFF;
}

section.ind-02 .item.active ul li{
	background-image: url("../img/index/check_white.svg");
	color: #FFF;
}

section.ind-02 .item .mobile-show{
	padding-top: 10px;
	margin-top: 5px;
	border-top: 1px solid #eee;
	color: #9ac740;
 }

section.ind-02 .item .mobile-show svg{
	height: 10px;
	fill: #9ac740;
	width: 10px;
}

section.ind-02 .item .mobile-show .less svg{
	transform: rotate(180deg);
}

section.ind-02 .item .mobile-show .more, section.ind-02 .item .mobile-show .less{
	display: none;
}
section.ind-02 .item .mobile-show .active{
	display: block;
}

section.ind-03{
	background: url("../img/index/bg02.jpg") #f2f4f6 center center no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

section.ind-03 .text{
	padding-top: 150px;
	padding-bottom: 80px;
}

section.ind-03 .images{
	position: absolute;
	right: 0;
}

section.ind-03 .ref-anim{
	position: relative;
	display: flex;
	flex-direction: column;
	-webkit-animation: anim-ref 140s infinite;
	-moz-animation:    anim-ref 140s infinite;
	-o-animation:      anim-ref 140s infinite;
	animation:         anim-ref 140s infinite;
	animation-timing-function: linear;
}

section.ind-03 .ref01{
	top: -120px;
}

section.ind-03 .ref02{
	top: -80px;
	animation-direction: reverse;
}

section.ind-03 .ref03{
	top: -240px;
}

@-webkit-keyframes anim-ref {
	0%  { transform: translateY(0);}
	100%{ transform: translateY(-50%);}
}
@-moz-keyframes anim-ref {
	0%  { transform: translateY(0);}
	100%{ transform: translateY(-50%);}
}
@-o-keyframes anim-ref {
	0%  { transform: translateY(0);}
	100%{ transform: translateY(-50%);}
}
@keyframes anim-ref {
	0%  { transform: translateY(0);}
	100%{ transform: translateY(-50%);}
}

section.ind-04{
	padding-top: 80px;
	padding-bottom: 10px;
	position: relative;
	overflow: hidden;
}

section.ind-04 .first{
	height: 50%;
	width: 100%;
	top: 0;
	position: absolute;
	z-index: -1;
}

section.ind-04 .second{
	height: 50%;
	width: 100%;
	bottom: 0;
	position: absolute;
	z-index: -1;
}

section.ind-04 .row{
	justify-content: space-evenly;
	padding-bottom: 70px;
}

section.ind-04 .text{
	align-self: center;
}

section.ind-04 .text h2{
	max-width: 80%;
}

section.ind-04 img{
	max-height: 300px;
    width: auto;
}

section.ind-04 .right{
	text-align: right;
}

section.ind-04 .right h2, section.ind-04 .right p.big{
	margin-left: auto;
}

section.ind-05{
    display: none;
    background-color: #eaeef0;
    padding-top: 50px;
    padding-bottom: 40px;
}

section.ind-05 h3{
    padding-bottom: 60px;
    font-size: 25px;
    font-family: 'Poppins Medium', sans-serif;
}

section.ind-05 .item{
    background-color: #FFF;
    border-radius: 10px;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    -moz-box-shadow:    rgba(0, 0, 0, 0.24) 0 3px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    margin-bottom: 10px;
}

section.ind-05 p{
    line-height: 26px;
    font-size: 18px;
}

section.ind-05 span{
    display: block;
}

section.ind-05 span.author{
    margin: 25px 0 5px 0;
    font-size: 18px;
    color: #9ac740;
    font-family: "Poppins Medium", sans-serif;
}

section.ind-05 span.brand{
    font-size: 14px;
    color: #aaa;
}

section.ind-06{
	background-color: #FFF;
	padding-top: 50px;
	padding-bottom: 50px;
}

section.ind-06 h3{
	padding-bottom: 60px;
	font-size: 25px;
	font-family: 'Poppins Medium', sans-serif;
}

section.ind-06 .row{
	display: flex;
	height: 50px;
	position: relative;
	overflow: hidden;
}

section.ind-06 .row .gradient{
    background: transparent;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 2%, rgba(255,255,255,0) 98%, rgba(255,255,255,1) 100%);
    z-index: 1;
}

section.ind-06 .slider{
	position: absolute;
	display: flex;
	-webkit-animation: anim-cus 70s infinite;
	-moz-animation:    anim-cus 70s infinite;
	-o-animation:      anim-cus 70s infinite;
	animation:         anim-cus 70s infinite;
	animation-timing-function: linear;
	transform: translate(0,0)
}

section.ind-06 .slider .slide{
	text-align: center;
	align-self: center;
}

section.ind-06 .slide img{
	max-height: 50px;
	padding: 0 20px;
    width: auto;
}

@-webkit-keyframes anim-cus {
	0%  { transform: translateX(0);}
	100%{ transform: translateX(-131%);}
}
@-moz-keyframes anim-cus {
	0%  { transform: translateX(0);}
	100%{ transform: translateX(-131%);}
}
@-o-keyframes anim-cus {
	0%  { transform: translateX(0);}
	100%{ transform: translateX(-131%);}
}
@keyframes anim-cus {
	0%  { transform: translateX(0);}
	100%{ transform: translateX(-131%);}
}

section.sec-01{
	padding-top: 80px;
	height: 300px;
	display: flex;
	align-items: center;
	background-color: #eaeef0;
}

section.sec-01 h1{
	margin-bottom: 0;
	font-size: 40px;
	line-height: 45px;
	text-align: center;
}

section.sec-02{
	padding-top: 40px;
	padding-bottom: 40px;
}

section.sec-02 p{
	font-family: 'Poppins Light', sans-serif;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 20px;
	text-align: justify;
}

section.error{
    padding-top: 50px;
    padding-bottom: 100px;
    height: 100vh;
}

section.error h1{
    font-size: 220px;
    font-family: 'Poppins Medium', sans-serif;
    line-height: 220px;
    color: #9ac740;
    margin-bottom: 50px;
}

section.error h1 span{
    color: #cdd5db;
}

section.error h2{
    font-size: 60px;
    margin-bottom: 80px;
}

section.error p{
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 28px;
}

section.error a{
    margin-top: 80px;
}

table.prices tr td{
	border-top: 1px solid #eee;
}

table.prices th, table.prices td{
	text-align: center;
	font-size: 14px;
	font-family: 'Poppins Light', sans-serif;
	line-height: 23px;
	padding-left: 20px;
	padding-right: 20px;
	width: 23%;
	vertical-align: middle;
}

table.prices th:nth-child(1),table.prices td:nth-child(1){
	text-align: left;
	width: 31%;
}

table.prices th:nth-child(3),table.prices td:nth-child(3){
	background-color: #f6f7f8;
}

table.prices th .month{
	font-size: 14px;
	font-family: 'Poppins Light', sans-serif;
}

table.prices td svg{
	width: 15px;
}

table.prices td svg path{
	fill: #9ac740;
}

table.prices .head{
	font-size: 16px;
	font-family: 'Poppins Medium', sans-serif;
	line-height: 33px;
	padding-left: 10px;
}

section.contact-us{
	background-color: #f6f7f8;
	padding: 40px 0;
	text-align: center;
	border-top: 1px solid #f1f1f1;
}

section.contact-us.white{
	background-color: #FFF;
}

section.contact-us h2{
	margin-bottom: 10px;
}

section.contact-us p{
	font-family: 'Poppins Light', sans-serif;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 25px;
}

section.contact-us form{
	text-align: left;
	position: relative;
}

section.contact-us form label{
	color: #444;
	font-size: 14px;
	font-family: 'Poppins Medium', sans-serif;
	margin-top: 15px;
	margin-left: 10px;
}

section.contact-us form textarea{
	height: calc(100% - 36px);
}

section.contact-us form input[type=submit]{
	margin-top: 25px;
}

section#obch-podm p{
	font-family: 'Poppins Light', sans-serif;
	font-size: 15px;
	line-height: 25px;
}

section#obch-podm h2{
	margin-top: 40px;
}

section#obch-podm h3{
	margin-top: 10px;
	margin-bottom: 15px;
}

section#obch-podm img{
	margin-top: 10px;
	margin-bottom: 20px;
}

section#obch-podm p strong{
	color: #444;
}

section#obch-podm .termol ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
}

section#obch-podm .termol ol > li {
	display: table;
	counter-increment: item;
	margin-bottom: 10px;
	font-family: 'Poppins Light', sans-serif;
	line-height: 20px;
	font-size: 14px;
	text-align: justify;
}

section#obch-podm .termol ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;
	font-family: 'Poppins Medium', sans-serif;
	font-size: 30px;
	color: #444;
}

section#obch-podm .termol li ol > li:before {
	content: counters(item, ".") " ";
	font-weight: normal;
	font-size: 14px;
	color: #444;
}

section#obch-podm .termol h2{
	margin-top: 40px;
	text-align: left;
}

section#obch-podm .termol a{
	color: #9ac740;
}

section.sec-02 .variants-container{
	display: flex;
	border-bottom: 1px solid #eee;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 40px;
	justify-content: space-between;
	position: relative;
}

section#cenik .variants-container .active-line{
	width: 100px;
	background-color: #9ac740;
	position: absolute;
	height: 5px;
	border-radius: 5px;
	bottom: -3px;
	left: 0;
	right: auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

section#cenik .variants-container span{
	display: flex;
	cursor: pointer;
	color: #ccc;
	font-family: 'Poppins Light', sans-serif;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
	padding: 0 10px;
}

section#cenik .variants-container span:hover{
	color: #888;
}

section#cenik .variants-container span.active{
	display: flex;
	cursor: pointer;
	color: #9ac740;
}

section#cenik table.variant1 .var2{
	display: none;
}

section#cenik table.variant2 .var1{
	display: none;
}

table.prices h3{
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 20px;
	color: #9ac740;
	font-family: 'Poppins Light', sans-serif;
	padding-top: 15px;
}

section#cenik .price{
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 10px;
	font-family: 'Poppins Medium', sans-serif;
	display: block;
	min-height: 28px;
}

section#cenik p{
	font-size: 13px;
	font-family: 'Poppins Light', sans-serif;
	text-align: center;
	margin-bottom: 0;
}

section#podpora{
	background-color: #F8F8F8;
}

section#podpora .item{
	display: block;
	text-align: center;
	padding: 30px 20px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 3px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 15px;
	text-decoration: none;
	background-color: #FFF;
	margin-bottom: 25px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #888;
}

section#podpora .item:hover{
	background-color: #9ac740;
	border-color: #9ac740;
	box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
	-moz-box-shadow:    rgba(0, 0, 0, 0.16) 0 1px 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
	color: #FFF;
}

section#podpora .item span{
	display: block;
}

section#podpora .item .icons{
	display: block;
	font-size: 45px;
}

section#podpora .item .title{
	margin-top: 30px;
	font-size: 16px;
	font-family: 'Poppins Light', sans-serif;
}

section.manual .search-01 {
	padding-top: 30px;
	background: #f6f7f8;
	text-align: center;
}

section.manual .search-01 h2{
	margin-bottom: 0;
}

section.manual .search-02 {
	padding: 10px 0;
	background: #f6f7f8;
	border-bottom: 1px solid #eee;
	text-align: center;
	position: sticky;
	top: 0;
	z-index: 2;
}

section.manual .search-02 input{
	max-width: 420px;
	margin: auto;
}

section.manual .sidebar {
	position: sticky;
	top: 70px;
	left: 0;
	line-height: 2;
	border-right: 1px solid #eee;
	height: 100%;
	padding-left: 15px;
	padding-top: 10px;
}

section.manual .sidebar ul ul {
	padding-left: 5px;
}

section.manual .sidebar li a {
	display: inline-block;
	color: #bbb;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

section.manual .sidebar li a{
	font-size: 16px;
}

section.manual .sidebar li ul li{
	line-height: 1;
}

section.manual .sidebar li.active a{
	color: #444;
}

section.manual .sidebar li ul a{
	color: #ccc;
	font-size: 14px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
    padding: 3px 0 3px 5px;
    font-family: 'Poppins Light', sans-serif;
}

section.manual .sidebar li.active ul li a{
	color: #ccc;
}

section.manual .sidebar li ul a:hover,section.manual .sidebar li.active ul li a:hover{
	color: #888;
}

section.manual .sidebar ul li ul a.active{
	color: #444;
	font-family: 'Poppins', sans-serif;
}

section.manual h3{
	color: #444;
	font-size: 23px;
	line-height: 25px;
	margin-bottom: 15px;
	margin-top: 25px;
	font-family: 'Poppins Medium', sans-serif;
	display: flex;
	align-items: center;
}

section.manual#manual-01{
	background: #f6f7f8;
	padding-top: 40px;
	padding-bottom: 0;
}

section.manual#manual-01 h3{
	margin-top: 0;
	margin-bottom: 25px;
}

section.manual#manual-01 ul li{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 16px;
	font-family: 'Poppins Light', sans-serif;
}

section.manual#manual-01 ul li a{
	color: #777;
	text-decoration: none;
}

section.manual#manual-01 ul li a:hover{
	color: #444;
}

section.manual#manual-01 ul li.space{
	margin-bottom: 20px;
}

section.manual#manual-01 .square{
	width: 40px;
	height: 40px;
}

section.manual#manual-01 .square img{
	width: 28px;
}

section.manual#manual-02{
	padding-top: 0;
	padding-bottom: 0;
}

section.manual .square{
	width: 30px;
	height: 30px;
	border-radius: 5px;
	margin-right: 10px;
	display: flex;
}

section.manual .square img{
	margin: auto;
	width: 24px;
}

section.manual .square.orange{
	background-color: #f1a11f;
}

section.manual .square.gray{
	background-color: #666666;
}

section.manual .square.red{
	background-color: #c93c38;
}

section.manual .square.purple{
	background-color: #7254a3;
}

section.manual .square.green{
	background-color: #079f49;
}

section.manual .square.blue{
	background-color: #0189d3;
}

section.manual p{
	line-height: 22px;
	margin-bottom: 10px;
}

section.manual img{
	margin-bottom: 15px;
}

section.manual .no-result{
	text-align: center;
	display: none;
	padding-top: 15px;
}

section.manual .no-result p{
	text-align: center;
}

section.manual .contents{
	padding-top: 30px;
	padding-left: 15px;
	padding-right: 15px;
}

section.manual .contents ul, section.manual .contents ol{
	margin-bottom: 15px;
	margin-top: 20px;
	padding-left: 25px;
	color: #888;
	line-height: 24px;
	font-size: 15px;
}

section.manual .contents a{
	color: #9ac740;
}

section.manual .contents ul{
	list-style-type: disc;
}

section.manual .contents ol{
	list-style-type: decimal;
}

section.manual .contents ul ol,section.manual .contents ul ul{
	margin-top: 0;
	font-size: 14px;
}

section.manual .contents li{
	font-family: 'Poppins Light', sans-serif;
}

section.manual .contents a.to-top{
	width: 70px;
	height: 70px;
	display: flex;
	background: #f6f7f8;
	align-items: center;
	place-content: center;
	position: sticky;
	top: calc(100vh - 100px);
	margin-left: auto;
	opacity: 0.5;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	text-decoration: none;
	color: #444;
	z-index: 1;
	float: right;
}

section.manual .contents a.to-top:hover{
	opacity: 1;
	box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
	-moz-box-shadow:    rgba(0, 0, 0, 0.16) 0 1px 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
}

section.manual strong{
	color: #444;
}

section.manual section div{
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	margin-bottom: 35px;
}

section.manual section div .highlight{
	background-color: #9ac740;
	color: #FFF;
}

section#seznam-funkci h3{
	margin-bottom: 20px;
	color: #444;
	font-family: 'Poppins Light', sans-serif;
}

section#seznam-funkci table.prices th,section#seznam-funkci  table.prices td{
	width: 20%;
}

section#seznam-funkci table.prices th:nth-child(1),section#seznam-funkci table.prices td:nth-child(1){
	width: 40%;
}

section#seznam-funkci table{
	display: none;
}

section#seznam-funkci .head{
	display: flex;
	justify-content: space-between;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #eee;
	text-decoration: none;
	background-color: #eee;
	margin: 15px 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #888;
	cursor: pointer;
}

section#seznam-funkci .head i{
	align-self: center;
}

section#seznam-funkci .head:hover,section#seznam-funkci .head.active{
	background-color: #9ac740;
	border-color: #9ac740;
	box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
	-moz-box-shadow:    rgba(0, 0, 0, 0.16) 0 1px 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
	color: #FFF;
}

section#seznam-funkci .head.active i{
	transform: rotate(180deg);
}

section#vyzkouset-01{
    background-size: contain;
    padding-bottom: 0;
    padding-top: 80px;
}

section#vyzkouset-01.guru{
    background: url("../img/vyzkouset/bg-guru.jpg") no-repeat center center;
    background-position: center 0%;
}

section#vyzkouset-01.fashion{
    background: url("../img/vyzkouset/bg-fashion.jpg") no-repeat center center;
}

section#vyzkouset-01 .image{
    margin-bottom: 0;
    margin-top: auto;
    display: flex;
}

section#vyzkouset-01 .buttons a{
    margin-bottom: 10px;
}

section#vyzkouset-01 .buttons{
    margin-bottom: 20px;
}

section#vyzkouset-01 h2{
    font-size: 45px;
    font-family: 'Poppins Bold', sans-serif;
    margin-top: 100px;
}

section#vyzkouset-01.guru h2{
    color: #6b7b84;
}

section#vyzkouset-01.fashion h2{
    color: #000;
}

section#vyzkouset-01 p{
    font-size: 20px;
    max-width: 80%;
    line-height: 30px;
    margin-top: 50px;
    text-align: left;
    margin-bottom: 60px;
}

section#vyzkouset-01 .buttons{
    display: flex;
    justify-content: space-between;
}

section#vyzkouset-01.universal.fashion{
    border-top: 5px solid #9ac740;
}

section#vyzkouset-01.universal.fashion .image{
    order: 2;
}

section#vyzkouset-01.universal.fashion .text{
    text-align: right;
}

section#vyzkouset-01.universal.fashion p{
    margin-left: 20%;
    text-align: right;
}


section#vyzkouset-02{
	padding-top: 90px;
	padding-bottom: 40px;
	background-color: #eaeef0;
}

section#vyzkouset-02 .media-item{
	padding: 0 30px;
	position: relative;
}

section#vyzkouset-02 .media-item img{
	width: 120px;
	position: absolute;
	top: -60px;
	left: -7px;
	opacity: 0.06;
}

section#vyzkouset-02 .media-item h3{
	margin-bottom: 10px;
	font-family: 'Poppins Medium', sans-serif;
}

section#vyzkouset-02 .media-item p{
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 0;
}

section#vyzkouset-03{
    background-size: contain;
    background: url("../img/vyzkouset/bg02.png") no-repeat 100%;
    border-bottom: 1px solid #F1F1F1;
}

section.vyzkouset-04 .button, section.vyzkouset-05 .button{
	width: 100%;
}

section.vyzkouset-05#seznam-funkci{
	padding-top: 0;
}

section.vyzkouset-05#seznam-funkci table{
	display: table;
}

section.vyzkouset-05#seznam-funkci table td, section.vyzkouset-05#seznam-funkci table th{
	width: 23%;
}

section.vyzkouset-05#seznam-funkci table td:nth-child(1),section.vyzkouset-05#seznam-funkci table th:nth-child(1){
	width: 31%;
}

section#reference{
	background-color: #F8F8F8;
}

section#reference ul.big{
    font-size: 17px;
    margin-bottom: 30px;
}
section#reference .item {
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 3px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 15px;
	text-align: center;
	margin-bottom: 35px;
	overflow: hidden;
}

section#reference .item:hover img{
	transform: scale(1.1);
}

section#reference .item img{
	border-radius: 5px 5px 0 0;
	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}

section#reference .item .text{
	padding: 15px 10px 30px 10px;
	background-color: #FFF;
	border-radius: 0 0 5px 5px;
	position: relative;
}

section#reference .item .text h2{
	margin-bottom: 0;
}

section#reference .item .text p{
	text-align: center;
}

section#reference .item .text a{
	color: #9ac740;
}

section.onas{
	padding-bottom: 0;
}

section.onas .text{
	position: relative;
	padding-bottom: 40px;
}

section.onas p strong{
	margin-top: 50px;
	font-size: 22px;
	color: #444;
}

section.onas p small{
	font-size: 10px;
	margin-top: -20px;
}

section.onas#onas-01 img{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 230px;
}

section.onas#onas-02{
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f6f7f8;
}

section.onas#onas-02 .img-container{
	height: 300px;
	background-color: #FFF;
	border: 1px solid #eee;
	margin-bottom: 20px;
}

section.onas#onas-02 .img-container a{
	padding: 30px;
	display: flex;
	height: 100%;
}

section.onas#onas-02 .img-container img{
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}

section.onas#onas-02 .img-container img.top{
	object-position: top;
}

section#kontakt .text{
	align-self: center;
}

section#kontakt .text p{
	margin-bottom: 0;
	line-height: 35px;
	font-family: 'Poppins Light', sans-serif;
}

section#kontakt .text i{
	margin-right: 10px;
}

section#aktualizace h2{
    margin-top: 20px;
}

section#aktualizace ul{
    line-height: 22px;
    list-style-type: disc;
    margin-left: 22px;
    margin-bottom: 10px;
}