ol,ul{
	padding-left:1.2em
}
.section .con{
	padding: 0 50px;
}
.section .fp-tableCell{
	vertical-align: middle;
}
.section .btn{
	background-color: #FF0048;
	border-radius: 50px;
	color :#fff;
	padding: 10px 30px;
	outline:none;
	box-shadow:none;
}

.whatdoyouwannado {
	background-color: #FFBA01;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10000000000;
	top:-200%;
	transition:top .2s;
	-webkit-transition:top .2s
}
.whatdoyouwannado.active{
	top:0;
}
.whatdoyouwannado .wrapper{
	background:#fff;
	padding: 15px 30px 0;
	position: relative;
	max-width:75%;
	margin:auto;
}
.whatdoyouwannado .br{
	border-right: 1px solid #333333;
	padding-right:30px
}

.whatdoyouwannado .top .btnclose{
	padding:8px 0 0px;
	margin-left :0;
	font-size:22px;
	color:#000
}
.whatdoyouwannado .top .logo{
	font-size: 18px;
	font-family: 'AB';
	color : #000;
	padding:12px 0 0px;
}
.whatdoyouwannado h1{
	font-family: 'AB';
	font-size: 80px;
	line-height: 70px;
}

.whatdoyouwannado form{
	margin-top:30px
}
.whatdoyouwannado .btn-form{background-color: #FF0048;
    padding: 5px 30px 5px 15px;
    color: #fff;
    border-radius: 0 30px 0 0;
    display: inline-block;
    text-decoration: none;
    margin-top: 30px;
    margin-left: -30px
}
.whatdoyouwannado .form-control{
	outline:none;
	box-shadow:none;
	border: 1px solid #000;
	border-right: none;
	border-radius:15px 0 0 15px ;
}
.whatdoyouwannado .input-group .in span{
	border: 1px solid #000;
	text-align: center;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border-radius: 0 15px 15px 0;
	color : #FF0048;
	background-color: #fff;
}
.whatdoyouwannado .input-group .in span img{
	width: 15px;
}

.whatdoyouwannado .close{
	opacity: unset !important;
	position: absolute;
	top: 15px;
    right: 15px;
    line-height: 1;
    color: #000;
}
.whatdoyouwannado .close img{
	width: 30px;
	text-decoration: none;
}
.whatdoyouwannado .info{
	padding:0 30px
}
.whatdoyouwannado .st{
	font-size: 20px;
}
.whatdoyouwannado .step{
	position:relative;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding:30px 0
}
.whatdoyouwannado .step:after{
}
.whatdoyouwannado .step span{
	background-color: #A505AC;
	height: 70px;
	width: 70px;
	line-height: 70px;
	display: inline-block;
	border-radius: 50%;
	color : #fff;
	position:relative;
	z-index:1
}
.whatdoyouwannado .step .column{
	position: relative;
}
.whatdoyouwannado .step .column:first-child:after{
	position:absolute;
	z-index:0;
	top:32px;
	left:50%;
	right:-25%;
	height:5px;
	content:" ";
	border-top-style: dotted;
	border-top-color: #000;
	border-top-width:5px;
	margin-left:40px;
	margin-right:10px
}
.whatdoyouwannado .step .column:nth-child(2):after{
	position:absolute;
	z-index:0;
	top:12px;
	right:50%;
	margin-right:37px;
	content:"\f0da";
	font-family:FontAwesome;
	font-size:30px;
	color:#000
}
.whatdoyouwannado .step .column:nth-child(2):before{
	position:absolute;
	z-index:0;
	top:32px;
	left:50%;
	right:0%;
	height:5px;
	content:" ";
	border-top-style: dotted;
	border-top-color: #000;
	border-top-width:5px;
	margin-right:5px
}
.whatdoyouwannado .step .column:last-child:before{
	position:absolute;
	z-index:0;
	top:32px;
	left:0%;
	right:50%;
	height:5px;
	content:" ";
	border-top-style: dotted;
	border-top-color: #000;
	border-top-width:5px;
	margin-right:40px
}
.whatdoyouwannado .step .column:last-child:after{
	position:absolute;
	z-index:0;
	top:12px;
	right:50%;
	margin-right:38px;
	content:"\f0da";
	font-family:FontAwesome;
	font-size:30px;
	color:#000
}
.whatdoyouwannado .job h2{
	font-family: 'AL';
	font-size: 80px;
	line-height:80px
}


#section0 h1{
	font-size: 90px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
	font-family: 'AB';
	line-height: 80px;
}
#section0 .items_v2{
	height:100vh;
	padding:100px 15px 150px
} 
#section0 .items_v2 .txt{
	width:100%;
	position:relative;
	left:50%;
	transform:translate(-50%,0);
	margin-top:5px
} 
#section0 .items_v2 .txt > div{
	position:absolute;
	top:0;
	left:33%;
	width:67%;
	padding:0 14px;
	font-family: 'AB';
	font-size: 24px;
	line-height: 24px;
	color:#000;
	text-align:center;
	opacity:0
} 
#section0 .items_v2 .txt > div.active{
	opacity:1
} 
#section0 .items_v2 .cont{
	width:100%;
	height:100%;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
#section0 .items_v2 .cont .item_v2{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:7px;
	transition:all 1s;
	-webkit-transition:all 1s
}
#section0 .items_v2 .cont .item_v2 > div{
	position:absolute;
	top:7px;
	left:7px;
	bottom:7px;
	right:7px;
	background-color: rgb(229,229,229);
	background-color: linear-gradient(90deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(229,229,229,1) 100%);
	background-position:center bottom;
	background-size:contain;
	background-repeat:no-repeat;
}
#section0 .items_v2 .cont .item_v2 > div img{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	transition:all 1s;
	-webkit-transition:all 1s
}
#section0 .items_v2 .cont .item_v2_1{
	top:0;
	left:0;
	width:34%;
	height:50%;
}
#section0 .items_v2 .cont .item_v2_1 > div img:last-child{
	opacity:0
}
#section0 .items_v2 .cont .item_v2_2{
	top:0;
	left:33%;
	width:67%;
	height:100%;
}
#section0 .items_v2 .cont .item_v2_2 > div img:first-child{
	opacity:0
}
#section0 .items_v2 .cont .item_v2_3{
	top:50%;
	left:0;
	width:34%;
	height:50%;
}
#section0 .items_v2 .cont .item_v2_3 > div img:last-child{
	opacity:0
}


#section0 .items_v2 .cont .item_v2_1 > div:last-child{
	opacity:0
}
#section0 .items_v2 .cont .item_v2_3 > div:last-child{
	opacity:0
}
#section0 .items_v2 .cont .item_v2_2 > div:first-child{
	opacity:0
}
#section0 .items_v2 .cont .item_v2_2 > div:last-child{
	background-color:#ffba03
}

#section0 .itemmobile{
	text-align:center
}
#section0 .itemmobile  .txt2{
	position:relative
}
#section0 .itemmobile h2{
	font-size: 16px;
	line-height: 16px;
	margin-top:40px
}
#section0 .itemmobile  .txt2 h2:nth-child(2){
	position:absolute;
	right:0;
	top:0;
	width:100%;
	margin-top:0;
	opacity:0
}
#section0 .itemmobile img{
	width:100%;
	margin-bottom:-30px
}
#section0 .itemmobile .flip{
	position:relative;
}

#section0 .itemmobile .flip > div{
	transform-style: preserve-3d
}
#section0 .itemmobile .flip .front{
	width: 100%;
	backface-visibility: hidden;
	position:relative;
	z-index:20;
	overflow:hidden;
	background-color:#ffba03;
	background-position:center bottom;
	background-size:contain;
	background-repeat:no-repeat;
}
#section0 .itemmobile .flip  .back{
	top:0;
	right:0;
	position: absolute;
	height: 100%;
	width:100%;
	backface-visibility: hidden;
	z-index:10;
	overflow:hidden;
	background-color: rgb(229,229,229);
	background-color: linear-gradient(90deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(229,229,229,1) 100%);
	background-position:center bottom;
	background-size:contain;
	background-repeat:no-repeat;
}
#section0 .itemmobile .flip .back{
	transform: rotateY( 180deg )
}
#section0 .itemmobile:hover .flip > div{
	animation:flip-2-ver-right-1 .5s forwards;
	-webkit-animation:flip-2-ver-right-1 .5s forwards;
}
#section0 .carousel .indicator{
	text-align:center;
	position:absolute;
	left:0;
	width:100%;
	top:0
}
#section0 .carousel .indicator a{
	display:inline-block;
	width:16px;
	height:16px;
	position:relative;
	text-decoration:none;
}
#section0 .carousel .indicator a:after{
	position:absolute;
	top:3px;
	left:3px;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#b3b3b3;
	content:" "
}
#section0 .carousel .indicator a.active:after{
	background:#000;
}


#section1 .title{
	padding:100px 15px
}
#section1 h1{
	font-size: 90px;
	font-family: 'AB';
	line-height: 90px;
}
#section1 h2{
	font-family: 'AB';
	font-size: 28px;
	line-height: 28px;
}
#section1 p{
	font-family: 'AR';
    font-size: 15px;
	position:relative;
	margin-bottom:5px
}
#section1 p span{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	opacity:0;
	-webkit-transition:opacity .5s;
	-transition:opacity .5s;
}
#section1 .item1 .description > div{
	display:none
}
#section1 .item1 .description div.current{
	display:block
}
#section1 .title .txt .purple{
	color : #A505AC;
	font-family: 'AB';
	margin-bottom:5px
}
#section1 .img1 {
	height:100vh;
	padding:100px 15px;
}
#section1 .img1 .cont{
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
#section1 .img1 img{
	width:100%
}

#section1 .img2 {
	height:100vh;
	padding:100px 15px;
}
#section1 .img2 .cont{
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
#section1 .img2 .imgabs{
	position:absolute;
	width:100%;
	top:0%;
	left:0%;
}
#section1 .img2 .float{
	position:absolute;
	width:100%;
	top:0%;
	left:0%;
	-webkit-animation: float 6s ease-in-out infinite;
	animation: float 6s ease-in-out infinite;
}
#section1 .img2 .float0{
	-webkit-animation-delay:0s;
	animation-delay:0s
}
#section1 .img2 .float1{
	-webkit-animation-delay:1s;
	animation-delay:1s
}
#section1 .img2 .float2{
	-webkit-animation-delay:2s;
	animation-delay:2s
}
#section1 .img2 .float3{
	-webkit-animation-delay:3s;
	animation-delay:3s
}
#section1 .img2 .float4{
	-webkit-animation-delay:4s;
	animation-delay:4s
}
#section1 .img2 .img71{
	position:absolute;
	width:20%;
	height:25%;
	top:14%;
	left:65%;
	transform-origin:47% 63%;
	-webkit-transform-origin:47% 63%;
	transition:2s;
	-webkit-transition:2s
}
#section1 .img2 .img71.anim2{
	transform:rotate(360deg)
}
#section1 .img2 .img71.anim{
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
}
#section1 .img2 .ic{
	position:absolute;
	width:15%;
	height:19%;
	border-radius:50%;
	transition:all .5s;
	-webkit-transition:all .5s;
	-webkit-transition:all .5s;
	z-index:10;
	text-decoration:none
}
#section1 .img2 svg{
	z-index:11;
	position:relative;
	pointer-events:none
}
#section1 .img2 #kincir{
	transform-origin:74.51103% 28.86770%;
	-webkit-transform-origin:74.51103% 28.86770%;
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
}
#section1 .img2 .ic > img{
	width:66%;
	margin-left:17%;
	margin-top:17%;
	transition:all .5s
}
#section1 .img2 .ic > img.on{
	position:absolute;
	top:0;
	left:0;
	width:66%;
	opacity:0
}
#section1 .img2 .ic1{
	top:12%;
	left:11%;
}
#section1 .img2 .ic2{
	top:0%;
	right:5%;
}
#section1 .img2 .ic3{
	top:69%;
	left:12%;
}
#section1 .img2 .ic4{
	top:65%;
	left:80%;
}
#section1 .img2 .ic5{
	top:35%;
	left:50%;
}
#section1 .img2 .ic:hover,#section1 .img2 .ic.active{
	background:#a505ac
}
#section1 .img2 .ic:hover > img,#section1 .img2 .ic.active > img{
	opacity:0
}
#section1 .img2 .ic:hover > img.on,#section1 .img2 .ic.active > img.on{
	opacity:1
}
#section1 .desc2{
	position:relative;
	overflow:hidden;
	height:100%;
}
#section1 .desc2 div{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:none
}
#section1 .desc2 div.current{
	display:block
}
svg{
	overflow:visible
}
#who-we-are-svg #rocket_container{
	-webkit-animation: float2 3s ease-in-out infinite;
	animation: float2 3s ease-in-out infinite;
}
#section1 .item1 .img1 .cta{
	-webkit-animation: float2 3s ease-in-out infinite;
	animation: float2 3s ease-in-out infinite;
	position:absolute;
	top:4%;
	left:41%;
	width:14%;
	height:12%;
	display:inline-block;
	text-decoration:none;
	background:#000;
	border-radius:50%;
	opacity:0
}
#who-we-are-svg #rocket_container.hover circle{
	fill:#a505ac!important;
	stroke:#fff!important;
}
#who-we-are-svg #rocket_container.hover #rocket path,#who-we-are-svg #rocket_container.hover #rocket line{
	stroke:#fff!important
}
#who-we-are-svg #circle1{
	-webkit-animation: who-we-are-anim-rotate1 50s linear infinite;
	animation: who-we-are-anim-rotate1 50s linear infinite;
	transform-origin:48% 62%;
	-webkit-transform-origin:48% 62%;
}
#who-we-are-svg #circle1_1,#who-we-are-svg #circle1_2,#who-we-are-svg #circle1_3,#who-we-are-svg #circle1_4,#who-we-are-svg #circle1_5,#who-we-are-svg #circle1_6{
	-webkit-animation: who-we-are-anim-rotate2 50s linear infinite;
	animation: who-we-are-anim-rotate2 50s linear infinite;
}
#who-we-are-svg #circle1_1{
	transform-origin:23% 32%;
	-webkit-transform-origin:23% 32%;
}
#who-we-are-svg #circle1_2{
	transform-origin:74% 32%;
	-webkit-transform-origin:74% 32%;
}
#who-we-are-svg #circle1_3{
	transform-origin:92% 61%;
	-webkit-transform-origin:92% 61%;
}
#who-we-are-svg #circle1_4{
	transform-origin:75% 93%;
	-webkit-transform-origin:75% 93%;
}
#who-we-are-svg #circle1_5{
	transform-origin:23% 93%;
	-webkit-transform-origin:23% 93%;
}
#who-we-are-svg #circle1_6{
	transform-origin:4% 61%;
	-webkit-transform-origin:4% 61%;
}
#who-we-are-svg #circle2{
	-webkit-animation: who-we-are-anim-rotate2 50s linear infinite;
	animation: who-we-are-anim-rotate2 50s linear infinite;
	transform-origin:48% 62%;
	-webkit-transform-origin:48% 62%;
}
#who-we-are-svg #circle2_1,#who-we-are-svg #circle2_2,#who-we-are-svg #circle2_3{
	-webkit-animation: who-we-are-anim-rotate1 50s linear infinite;
	animation: who-we-are-anim-rotate1 50s linear infinite;
}
#who-we-are-svg #circle2_1{
	transform-origin:35% 51%;
	-webkit-transform-origin:35% 51%;
}
#who-we-are-svg #circle2_2{
	transform-origin:66% 59%;
	-webkit-transform-origin:66% 59%;
}
#who-we-are-svg #circle2_3{
	transform-origin:46% 76%;
	-webkit-transform-origin:46% 76%;
}
@keyframes who-we-are-anim-rotate1 {
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes who-we-are-anim-rotate1 {
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes who-we-are-anim-rotate2 {
    100% {transform: rotate(-360deg);}
}
@-webkit-keyframes who-we-are-anim-rotate2 {
    100% {-webkit-transform: rotate(-360deg);}
}
#who-we-are-svg #man1{
	-webkit-animation:who-we-are-anim-rotate3 2s linear infinite;
	animation:who-we-are-anim-rotate3 2s linear infinite;
	transform-origin:70% 76%;
	-webkit-transform-origin:70% 76%;
}
@keyframes who-we-are-anim-rotate3 {
    0% {transform:translate(0,0) rotate(0);}
    50% {transform:translate(0,0) rotate(-150deg);}
    100% {transform:translate(0,0) rotate(0);}
}
@-webkit-keyframes who-we-are-anim-rotate3 {
    0% {-webkit-transform:translate(0,0) rotate(0);}
    50% {-webkit-transform:translate(0,0) rotate(-150deg);}
    100% {-webkit-transform:translate(0,0) rotate(0);}
}
#who-we-are-svg #man2{
	-webkit-animation:who-we-are-anim-rotate4 2s linear infinite;
	animation:who-we-are-anim-rotate4 2s linear infinite;
	transform-origin:26% 76%;
	-webkit-transform-origin:26% 76%;
	animation-delay:1s;
	-webkit-animation-delay:1s;
}
@keyframes who-we-are-anim-rotate4 {
    0% {transform:translate(0,0) rotate(0);}
    50% {transform:translate(0,0) rotate(150deg);}
    100% {transform:translate(0,0) rotate(0);}
}
@-webkit-keyframes who-we-are-anim-rotate4 {
    0% {-webkit-transform:translate(0,0) rotate(0);}
    50% {-webkit-transform:translate(0,0) rotate(150deg);}
    100% {-webkit-transform:translate(0,0) rotate(0);}
}


#section2 .title{
	padding:100px 15px
}
#section2 h1{
	font-size: 90px;
	font-family: 'AB';
	line-height: 90px;
}
#section2 h2{
	font-family: 'AB';
	font-size: 28px;
	line-height: 28px;
}
#section2 p{
	font-family: 'AR';
    font-size: 15px;
}
#section2 h5{
	font-family: 'AB';
	margin-bottom:5px
}
#section2 .description > div{
	display:none
}
#section2 .description div.current{
	display:block
}
#section2 .img1 {
	height:100vh;
	padding:100px 15px;
}
#section2 .img1 .cont{
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
#section2 .img1 img{
	width:100%
}
#section2 .img1 .cont .leader{
	position:absolute;
	top:0;
	left:0;
	width:23%;
	height:25%;
	display:inline-block;
	border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	text-decoration:none;
	/*
	background:#000;
	background: -moz-linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(205,205,205,1) 0%, rgba(152,152,152,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(205,205,205,1) 0%, rgba(152,152,152,1) 100%);
	background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(205,205,205,1) 0%, rgba(152,152,152,1) 100%);
	*/
}
#section2 .img1 .cont .leader > span{	
	background: -moz-linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(205,205,205,1) 0%, rgba(152,152,152,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(205,205,205,1) 0%, rgba(152,152,152,1) 100%);
	background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(205,205,205,1) 0%, rgba(152,152,152,1) 100%);
	width:76%;
	height:76%;
	position:relative;
	top:12%;
	left:12%;
	display:inline-block;
	border-radius:50%;
	-webkit-border-radius:50%;
	overflow:hidden
}
#section2 .img1 .cont .leader > span > span{
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	display:inline-block;
}
#section2 .img1 .cont .leader:hover{
	-webkit-filter:unset;
	filter:unset;
	background:#ffbb05
}
#section2 .img1 .cont .leader1{
	top:51%;
	left:0;
}
#section2 .img1 .cont .leader1 > span > span{
	background-image:url(../img/leader1-removebg-preview.png)
}
#section2 .img1 .cont .leader2{
	top:0;
	left:34%;
}
#section2 .img1 .cont .leader2 > span > span{
	background-image:url(../img/leader2-removebg-preview.png)
}
#section2 .img1 .cont .leader3{
	top:34%;
	left:77%;
}
#section2 .img1 .cont .leader3 > span > span{
	background-image:url(../img/leader3-removebg-preview.png)
}
#section2 .img1 .cont .leader4{
	top: 65%;
    left: 5%;
}
#section2 .img1 .cont .leader4 > span > span{
	background-image:url(../img/leader4-removebg-preview.png)
}
#the-leaders-svg .circle{
	-webkit-animation:the-leaders-svg-circle-movement 20s linear infinite;
	animation:the-leaders-svg-circle-movement 20s linear infinite;
}
@keyframes the-leaders-svg-circle-movement {
    0% {transform:translate(77%,-17%); fill:#EE1E4D}
    33% {transform:translate(34%,-51%); fill:#983594}
    66% {transform:translate(7%,15%); fill:#FDBA12}
    100% {transform:translate(77%,-17%); fill:#EE1E4D}
}
@-webkit-keyframes the-leaders-svg-circle-movement{
    0% {transform:translate(77%,-17%); fill:#EE1E4D}
    33% {transform:translate(34%,-51%); fill:#983594}
    66% {transform:translate(7%,15%); fill:#FDBA12}
    100% {transform:translate(77%,-17%); fill:#EE1E4D}
}

.coldesktop{
	display:block
}
.colmobile{
	display:none
}
#section2 .titlemobile{
	display:none;
}
#section2 .titledesktop h1{
	display:block;
}
#section2 .titledesktop h2{
	display:block;
}
@media only screen and (orientation:portrait) {
	.coldesktop{
		display:none
	}
	.colmobile{
		display:block
	}
	.header{
		display:none
	}
	.headermobile{
		display:block
	}
	#section1 .item1 .title{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#section1 .item1 .img1{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#section1 .item2 .title{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#section1 .item2 .img2{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#section2 .titlemobile{
		display:block;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#section2 .img1{
		display:block;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-ms-flex-order: 1;
		order: 1;
	}
	#section2 .titledesktop{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-ms-flex-order: 7;
		order: 7;
	}
	#section2 .titledesktop h1{
		display:none;
	}
	#section2 .titledesktop h2{
		display:none;
	}
}

@media only screen and (max-width: 1366px) {
	#section0.section h1{
		font-size:75px;
		line-height:75px;
	}
}
@media only screen and (max-width: 1150px) {
	#section0.section h1{
		font-size:60px;
		line-height:60px;
	}
}
@media only screen and (max-width: 950px) {
	#section0.section h1{
		font-size:50px;
		line-height:50px;
	}
}
@media only screen and (max-width: 800px) {
	#section0.section h1{
		font-size:40px;
		line-height:40px;
	}
}
@media only screen and (orientation:portrait) {
	.section .fp-tableCell{
		vertical-align:top
	}
	.section .con{
		padding:60px 15px 0
	}
	.section .btn{
		padding:5px 20px;
		font-size:14px
	}
	.whatdoyouwannado{
		padding-top:0
	}
	.whatdoyouwannado .left{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.whatdoyouwannado .right{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-top:30px
	}
	.whatdoyouwannado > .wrapper{
		padding:0 15px;
		max-width:100%;
		background:none
	}
	.whatdoyouwannado h1{
		font-size:40px;
		line-height:40px
	}
	.whatdoyouwannado .br{
		border-right:none;
		padding:0 30px
	}
	.whatdoyouwannado .form-control{
		border:none;
		background:rgba(0,0,0,.2);
		color:#fff
	}
	.whatdoyouwannado .input-group .in{
		margin-left:0
	}
	.whatdoyouwannado .input-group .in span{
		border:none;	
		background:rgba(0,0,0,.2);
	}
	.whatdoyouwannado .form-control::-webkit-input-placeholder { /* Edge */
	  color: #fff;
	}
	.whatdoyouwannado .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #fff;
	}
	.whatdoyouwannado .form-control::placeholder {
	  color: #fff;
	}
	.whatdoyouwannado .btn-form{
		border-radius:15px;
		margin-left:0;
		margin-top:15px
	}
	.whatdoyouwannado .st{
		padding-left:15px
	}
	.whatdoyouwannado .step{
		border-bottom:0
	}
	.whatdoyouwannado .info{
		padding:0 15px
	}
	.whatdoyouwannado .step .column:first-child:after{
		position:absolute;
		z-index:0;
		top:32px;
		left:50%;
		right:-25%;
		height:5px;
		content:" ";
		border-top-style: dotted;
		border-top-color: #000;
		border-top-width:2px;
		margin-left:40px;
		margin-right:10px
	}
	.whatdoyouwannado .step .column:nth-child(2):after{
		position:absolute;
		z-index:0;
		top:11px;
		right:50%;
		margin-right:37px;
		content:"\f0da";
		font-family:FontAwesome;
		font-size:30px;
		color:#000
	}
	.whatdoyouwannado .step .column:nth-child(2):before{
		position:absolute;
		z-index:0;
		top:32px;
		left:50%;
		right:0%;
		height:5px;
		content:" ";
		border-top-style: dotted;
		border-top-color: #000;
		border-top-width:2px;
		margin-right:2px
	}
	.whatdoyouwannado .step .column:last-child:before{
		position:absolute;
		z-index:0;
		top:32px;
		left:0%;
		right:50%;
		height:5px;
		content:" ";
		border-top-style: dotted;
		border-top-color: #000;
		border-top-width:2px;
		margin-right:40px
	}
	.whatdoyouwannado .step .column:last-child:after{
		position:absolute;
		z-index:0;
		top:11px;
		right:50%;
		margin-right:38px;
		content:"\f0da";
		font-family:FontAwesome;
		font-size:30px;
		color:#000
	}
	
	#section0 h1{
		font-size:36px;
		line-height:36px
	}
	#section1 .title{
		padding:0 15px
	}
	#section1 .img1{
		padding:0 50px;
		margin-top:50px;
		height:auto;		
	}
	#section1 .img1 .cont{
		width:100%!important;
		height:auto!important;
		top:0;
		left:0;
		transform:translate(0,0)
	}
	#section1 .img2{
		padding:0 15px;
		height:auto;		
	}
	#section1 .img2 .cont{
		width:100%!important;
		height:auto!important;
		top:0;
		left:0;
		transform:translate(0,0)
	}
	#section1 h2{
		font-size:36px;
		line-height:36px
	}
	#section1 h1{
		font-size:36px;
		line-height:36px
	}
	#section1 .carousel-item{
		margin-bottom:50px
	}
	#section1 .desc2{
		padding-bottom:0
	}
	#section2 .title{
		padding:0 15px
	}
	#section2 .description{
		padding-bottom:150px
	}
	#section2 .img1{
		padding:0 15px;
		height:auto;		
	}
	#section2 .img1 .cont{
		width:100%!important;
		height:auto!important;
		top:0;
		left:0;
		transform:translate(0,0)
	}
	#section2 h2{
		font-size:36px;
		line-height:36px
	}
	#section2 h1{
		font-size:36px;
		line-height:36px
	}
}



.slide-in-left{
	-webkit-animation: slide-in-left 1s;
	animation: slide-in-left 1s
}
/* ----------------------------------------------
 * Generated by Animista on 2019-12-26 2:45:46
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes swirl-in-fwd{0%{-webkit-transform:rotate(-540deg) scale(0);transform:rotate(-540deg) scale(0);opacity:0}100%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1}}@keyframes swirl-in-fwd{0%{-webkit-transform:rotate(-540deg) scale(0);transform:rotate(-540deg) scale(0);opacity:0}100%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1}}
@-webkit-keyframes rotate-out-2-cw{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotate-out-2-cw{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}
@-webkit-keyframes slide-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes slide-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@-webkit-keyframes slide-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}}@keyframes slide-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}}
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@-webkit-keyframes scale-out-center{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:1}}@keyframes scale-out-center{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:1}}
@-webkit-keyframes flip-2-ver-right-1{0%{-webkit-transform:translateX(0) rotateY(0);transform:translateX(0) rotateY(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}100%{-webkit-transform:translateX(100%) rotateY(-180deg);transform:translateX(100%) rotateY(-180deg);-webkit-transform-origin:0 50%;transform-origin:0 50%}}@keyframes flip-2-ver-right-1{0%{-webkit-transform:translateX(0) rotateY(0);transform:translateX(0) rotateY(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}100%{-webkit-transform:translateX(100%) rotateY(-180deg);transform:translateX(100%) rotateY(-180deg);-webkit-transform-origin:0 50%;transform-origin:0 50%}}
@-webkit-keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
@-webkit-keyframes fade-out-bck{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}}@keyframes fade-out-bck{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}}
@-webkit-keyframes flip-2-ver-left-1{0%{-webkit-transform:translateX(0) rotateY(0);transform:translateX(0) rotateY(0);-webkit-transform-origin:0 50%;transform-origin:0 50%}100%{-webkit-transform:translateX(-100%) rotateY(180deg);transform:translateX(-100%) rotateY(180deg);-webkit-transform-origin:100% 0;transform-origin:100% 0}}@keyframes flip-2-ver-left-1{0%{-webkit-transform:translateX(0) rotateY(0);transform:translateX(0) rotateY(0);-webkit-transform-origin:0 50%;transform-origin:0 50%}100%{-webkit-transform:translateX(-100%) rotateY(180deg);transform:translateX(-100%) rotateY(180deg);-webkit-transform-origin:100% 0;transform-origin:100% 0}}


@-webkit-keyframes vibrate-1-c {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1-c {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes rotate {
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes rotate {
    100% {-webkit-transform: rotate(360deg);}
}


@-webkit-keyframes float {
	0% {
		-webkit-transform: translatey(0px);
	}
	50% {
		-webkit-transform: translatey(-20px);
	}
	100% {
		-webkit-transform: translatey(0px);
	}
}
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
@-webkit-keyframes float2 {
	0% {
		-webkit-transform: translatey(0px);
	}
	50% {
		-webkit-transform: translatey(-5px);
	}
	100% {
		-webkit-transform: translatey(0px);
	}
}
@keyframes float2 {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-5px);
	}
	100% {
		transform: translatey(0px);
	}
}