﻿@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600&display=swap');
/* Normalize.css
----------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}h2{font-size:1.5em;margin:0.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:0.83em;margin:1.67em 0;}h6{font-size:0.75em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:75%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

/* Generici
----------------------------------------------- */
*{position:relative}
html {height:100%;}
body {
    height: 100%;
	overflow-x:hidden;
    font-family:  'Rubik', Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #000;
    line-height: 1.5em;
    font-size: 16px;
    margin: 0;
    padding: 0;
    
}

img {border: 0;}
iframe {border: 0;}

a {color:#5858af; text-decoration:none; outline:none !important;}
a:hover {color:#3a2b99; text-decoration:none;}
p {margin:0 0 1em 0;}
strong, b {font-weight:600;}
ul{list-style:none; padding:0}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {display:block; color:#5858af; font-weight:300; margin:0 0 1em 0; line-height:1.2em; padding:0;}
h1 strong,.h1 strong,h2 strong,.h2 strong,h3 strong,.h3 strong,h4 strong,.h4 strong,h5 strong,.h5 strong,h6 strong,.h6 strong {font-weight:600;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;}

.fw-400{font-weight:400;}
.txt-shadow{text-shadow:0 0 3px rgba(18,22,35,0.4)}
.title-hide {text-indent:-9999px; font-size:0; height:0; margin:0;}
.nocompiled {border-color:#f00 !important;}
.nocompiled2 {padding:0 17px 0 0; color:#f00;}

/*animazioni generiche*/
header .top *, .h-focus *, .h-prods *, .h-news .news *{
-webkit-transition:all 600ms ease-out;
-moz-transition:all 600ms ease-out;
-o-transition:all 600ms ease-out;
-ms-transition:all 600ms ease-out;
transition:all 600ms ease-out;
}


/*estensione del container*/
@media (min-width:1600px){
	.container{max-width:1500px;}
}
@media (max-width:767px)  {
	.container{
		padding-right:var(--bs-gutter-x,1.5rem);
		padding-left:var(--bs-gutter-x,1.5rem);
	}
}

/*--------------------------------------------- 
  Generici
----------------------------------------------- */
/* reset icon font */
.bi-check-circle-fill::before {
    content: url(../images/bi-check-circle-fill.svg);
}
.bi-x-circle-fill::before {
    content: url(../images/bi-x-circle-fill.svg);
}

/* preload */
.preload{position:fixed; top:0; left:0; z-index:2000; width:100%; height:100%;}
.p-bg{position:fixed; width:100vw; height:100vh;}
.p-bg.bg-0{z-index:2100; display:flex; justify-content:center; align-items:center; background:#121623;}
.p-bg.bg-1{z-index:2090; background:#44cf84;}
.p-bg.bg-2{z-index:2080; background:#dd0045;}
.p-bg.bg-3{z-index:2070; background:#f87426;}
.preload .inner{width:100px; height:100px; transform-origin: 50% 50%;}

/* bottoni */
a.btn{text-decoration:none;}   
.btn{padding:12px 22px; border-radius:12px;}   
.btn-default{color:#fff; background-color:#6f6fce; border-color:#6f6fce;}   
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
color:#6f6fce; background-color:#fff; border-color:#6f6fce;
}	
.btn-default-outline{color:#6f6fce; background-color:transparent; border-color:#6f6fce;}   
.btn-default-outline:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
color:#fff; background-color:transparent; 
}	

/**/
hr{background-color:#d7d7f1; opacity:1}

/*--------------------------------------------- 
  Header
----------------------------------------------- */
header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    min-height: 100px;
    width: 100%;
	background:#121623;
}
header .logo {position: absolute; top: 30px; z-index: 883;}
header .calltoaction {position: absolute; right: 78px; top: 25px; z-index: 883;}
header .nav {position: absolute; right: 0; top: 25px; z-index: 883;}
@media (max-width: 767px){
	header .logo{width:160px}
	header .logo img{width:100%}
	header .calltoaction {right: 52px; top:28px}
	header .nav {top:28px}
	header .calltoaction .btn,
	header .nav .btn{padding:8px 14px; font-size:0.8rem}

}

/*--------------------------------------------- 
  Page
----------------------------------------------- */
main{padding:0; background: #232238;}
main h1,
main .h1 {font-size: calc(1.7rem + 1.5vw);}
main h2,
main .h2 {font-size: calc(1.5rem + 0.9vw);}
main h3,
main .h3 {font-size: calc(1.5rem + 0.6vw);}
main h4,
main .h4 {font-size: calc(1.5rem + 0.3vw);}
@media (min-width: 768px){
	main h1,
	main .h1 {font-size: 4rem;}
	main h2,
	main .h2 {font-size: 2rem;}
	main h3,
	main .h3 {font-size: 1.8rem;}
	main h4,
	main .h4 {font-size: 1.6rem;}
}
@media (min-width: 992px){
	main h1,
	main .h1 {font-size: 3rem;}
	main h2,
	main .h2 {font-size: 2.7rem;}
	main h3,
	main .h3 {font-size: 2.4rem;}
	main h4,
	main .h4 {font-size: 2rem;}
}
@media (min-width: 1200px){
	main h1,
	main .h1 {font-size: 5.5rem;}
	main h2,
	main .h2 {font-size: 4rem;}
	main h3,
	main .h3 {font-size: 3.5rem;}
	main h4,
	main .h4 {font-size: 2.5rem;}
}

/* section emoji */
/*----------------------------------------------- */
.sect-start{min-height:100vh; padding:60vh 0 0 0;}
.sect-start .json-animation{display:flex; height:50vh; justify-content: center;}
.sect-start .json-animation div{width:100%}

/* section device sai*/
/*----------------------------------------------- */
.sect-dev-sai{height:100vh; padding:100px 0; clear:both; overflow:hidden;}
.sect-dev-sai h4{color:#fff}
.sect-dev-sai .ghost{opacity:0;}
.sect-dev-sai .bg-bokeh{position:absolute; z-index:-1; opacity:0; top:0; left:0; width:100%; height:100%; background:url(../images/bg-bokeh.jpg) center center; background-size:cover;}
.sect-dev-sai .start-device-animation {max-width:1440px; height:100vh; margin:0 auto}
.sect-dev-sai .start-device-animation img,
.sect-dev-sai .end-device-animation img{max-width:100%}
.sect-dev-sai .end-device-animation {transform-origin: top center;}
.sect-dev-sai .start-device-animation .device-cover{position:absolute; z-index:100; top:0; width:100%; height:100%; text-align:center}
.sect-dev-sai .start-device-animation .device-screen{position:absolute; top:0; width:100%; height:100%; text-align:center}
.sect-dev-sai .end-device-container{position:absolute; top:0; left:0; width:100%; height:100vh; overflow:hidden; background: #00c9bf;}
.sect-dev-sai .end-device-animation {max-width:1320px; height:100%; margin:0 auto; top:-10%; overflow:hidden;}
.sect-dev-sai .end-device-animation .device-cover{position:absolute; aspect-ratio: 1 / 1; z-index:100; bottom:0; width:100%; text-align:center}
.sect-dev-sai .end-device-animation .device-cover img{position:absolute; z-index:100; bottom:0; left:50%; transform: translate(-50%, 0);}
.sect-dev-sai .end-device-animation .device-json{position:absolute; bottom:75px; aspect-ratio: 1 / 1; left:50%; width:100%; transform: translate(-50%, 0);}
.sect-dev-sai .end-device-animation .device-json #j-smartphone{position:absolute; aspect-ratio: 1 / 1; /*width:58.8%;*/ bottom:0; left:50%; transform: translate(-50%, 0);}

@media(max-width:1199px){
.sect-dev-sai .end-device-animation {height:70%;}
.sect-dev-sai .end-device-animation .device-json{bottom:45px;}
}
@media(max-width:991px){
.sect-dev-sai .end-device-animation .device-json{bottom:30px;}
.sect-dev-sai .end-device-animation .device-json #j-smartphone{width:calc(100% - 30px);}
}

@media(max-width:767px){
.sect-dev-sai .end-device-animation {height:60%;}
}


.section-s2{min-height:100vh; padding:0;}
.section-s2 .end-device-container{position:absolute; width:100%; min-height:100vh; background:#f0f}
.section-s2 .final-device img{max-width:100%}
.section-s2 .final-device .device-item{text-align:center}

/* section device status */
/*----------------------------------------------- */
.sect-dev-status-mob{display:none}
.sect-dev-status{min-height:calc(100vh - 100px); overflow-x:hidden; padding:50px 0; /*background:#ddd*/}
.sect-dev-status .devices{position:absolute; z-index:100; height:96%; width:100%; top:0; left:0;}
.sect-dev-status .devices div{height:100%;}
.sect-dev-status .devices img{height:100%; width:auto}
.sect-dev-status .devices .device-cover{position:absolute; z-index:100; top:0; left:0;}
.sect-dev-status .devices .device-screen{position:absolute; top:0; left:0;}
.sect-dev-status .devices .device-screen.s-1{z-index:90}
.sect-dev-status .devices .device-screen.s-2{z-index:80}
.sect-dev-status .devices .device-screen.s-3{z-index:70}
.sect-dev-status .bg-banner{position: absolute; bottom:0; left:0; height:50%; width:100%; padding:50px 0; /*background:#f0f*/}
.sect-dev-status .start-view,
.sect-dev-status .mid-view,
.sect-dev-status .end-view{position:absolute; top:0; left:0; height:100%; width:100%}
.sect-dev-status .top {overflow:hidden;}
.sect-dev-status .top,
.sect-dev-status .bottom {height:50%;}
.sect-dev-status .bottom div{height:100%}
.sect-dev-status .bottom .ico{display:flex; height:100%; align-items:center}
.sect-dev-status .top .h3{margin-bottom:0.5em}
.sect-dev-status .top .h4{color:#fff;}
.sect-dev-status .start-view .h3{color:#706ece;}
.sect-dev-status .start-view .top .txt{width:50%; padding-top:30px}
/*.sect-dev-status .start-view .bottom{background:#706ece;}*/
.sect-dev-status .start-view .bottom .ico{width:25%;}
.sect-dev-status .start-view .bottom .ico img{width:100%;}
.sect-dev-status .mid-view .h3{color:#e3134c;}
.sect-dev-status .mid-view .top .txt{width:40%; padding-top:30px}
/*.sect-dev-status .mid-view .bottom{background:#e3134c;}*/
.sect-dev-status .mid-view .bottom .ico{width:25%; margin:0 15% 0 0;}
.sect-dev-status .mid-view .bottom .ico img{width:100%;}
.sect-dev-status .end-view .h3{color:#00c9bf;}
.sect-dev-status .end-view .top .txt{width:50%; padding-top:30px}
/*.sect-dev-status .end-view .bottom{background:#00c9bf;}*/
.sect-dev-status .end-view .bottom .ico{width:25%;}
.sect-dev-status .end-view .bottom .ico img{width:100%;}


@media (max-width: 991px){
	.sect-dev-status{display:none}
	.sect-dev-status-mob{display:block}
	.sect-dev-status-mob .start-view,
	.sect-dev-status-mob .mid-view,
	.sect-dev-status-mob .end-view{margin-bottom:100px;}
	.sect-dev-status-mob .top .h3{font-size: 2.2em;}
	.sect-dev-status-mob .top .h4{color:#fff;}
	.sect-dev-status-mob .top .ico img{max-width:100%;}
	.sect-dev-status-mob .bottom {overflow:hidden}
	.sect-dev-status-mob .bottom .device-screen img{max-width:100%; z-index:1}
	.sect-dev-status-mob .start-view .h3{color:#706ece;}
	.sect-dev-status-mob .mid-view .h3{color:#e3134c;}
	.sect-dev-status-mob .end-view .h3{color:#00c9bf;}
	.sect-dev-status-mob .device-screen {padding-bottom:100px}
	.sect-dev-status-mob .device-screen:after {position:absolute; content:""; z-index:0; width:calc(100% + 120px); height:50%; left:-60px;bottom:0;}
	.sect-dev-status-mob .device-screen.s-1:after {background:#706ece}
	.sect-dev-status-mob .device-screen.s-2:after {background:#e3134c}
	.sect-dev-status-mob .device-screen.s-3:after {background:#00c9bf}

}
@media (min-width: 992px){
	.sect-dev-status h3,
	.sect-dev-status .h3 {font-size: 2rem;}
	.sect-dev-status h4,
	.sect-dev-status .h4 {font-size: 1.7rem;}
}
@media (min-width: 1200px){
	.sect-dev-status h3,
	.sect-dev-status .h3 {font-size: 3rem;}
	.sect-dev-status h4,
	.sect-dev-status .h4 {font-size: 2rem;}
}


/* section intro emoji */
/*----------------------------------------------- */
.sect-intro-emoji{padding: 100px 0 200px 0;}
.sect-intro-emoji h4{color:#fff;}

.sect-intro-emoji .ico-status-list li{display:inline-block; margin:15px;}
.sect-intro-emoji .ico-status-list li img{width:100px; height:auto;}

/* section emoji */
/*----------------------------------------------- */
.sect-emoji{padding: 100px 0;}
.sect-emoji .hat-emoji{margin-bottom:100px; color:#fff}
.sect-emoji .hat-emoji h3{color:#fff}
.sect-emoji .hat-emoji p{font-size:1.3em; line-height:1.8;}
.sect-emoji .heading h2{color:#fff; text-align:center}
.sect-emoji .row-emoji{display:flex; align-items:stretch; min-height:340px; border-bottom:1px solid #6f6fce}
.sect-emoji .row-emoji > div:first-child{border-right:1px solid #6f6fce}
.sect-emoji .row-emoji .emoji{display:flex; align-items:center; justify-content:center; width:40%; padding:40px}
.sect-emoji .row-emoji .emoji #j-scrigno,
.sect-emoji .row-emoji .emoji #j-sirena,
.sect-emoji .row-emoji .emoji #j-spia,
.sect-emoji .row-emoji .emoji #j-sfinge{width:65%; opacity:0.2}
.sect-emoji .row-emoji .caption{display:flex; align-items:center; width:60%; padding:40px}
.sect-emoji .row-emoji .caption p{font-size:1.3em; line-height:1.8; color:#fff; margin:0;}
@media(max-width:991px){
	.sect-emoji .row-emoji .emoji #j-scrigno,
	.sect-emoji .row-emoji .emoji #j-sirena,
	.sect-emoji .row-emoji .emoji #j-spia,
	.sect-emoji .row-emoji .emoji #j-sfinge{width:100%;}
}
@media(max-width:767px){
	.sect-emoji .hat-emoji p{font-size:1.1em;}
	.sect-emoji .row-emoji{flex-direction: column;}
	.sect-emoji .row-emoji > div:first-child{border-right:0;}
	.sect-emoji .row-emoji .emoji{order:0;}
	.sect-emoji .row-emoji .caption{order:1; padding-top:0;}
	.sect-emoji .row-emoji .emoji,
	.sect-emoji .row-emoji .caption{width:100%}
	.sect-emoji .row-emoji .caption p{font-size:1.1em;}

}

/* section sai */
/*----------------------------------------------- */
.sect-sai{padding: 100px 0 0 0;}
.sect-sai p{color:#fff; font-size:1.3em; line-height:1.8;}
.sect-sai h3{margin:0;}

@media(max-width:767px){
	.sect-sai p{font-size:1.1em;}
}


/* section why */
/*----------------------------------------------- */
.sect-why{padding:0 0 100px 0;}
.sect-why h3 span{color:#fff;}
.sect-why .table th{text-align:center; font-size:1.2em; color:#5858af;}
.sect-why .table th img{width:110px;}
.sect-why .table th img.logo-min{display:none}
.sect-why .table td{text-align:center; vertical-align:middle; color:#fff;}
.sect-why .table td .bi-x-circle-fill::before,
.sect-why .table td .bi-check-circle-fill::before{transform:scale(0.8)}
.sect-why .table tr td:nth-child(2) .bi-check-circle-fill::before{transform:scale(1.2)}
.sect-why .table tr td:first-child{text-align:left;}
.sect-why .table>:not(caption)>*>*{padding: 1.5rem 0.5rem; border:0}
.sect-why .hr td{padding:0}
.sect-why .hr td hr{opacity:1; margin:0; width:100%; background-color:#5858af}

@media(max-width:767px){
	.sect-why .table-responsive{overflow-x: hidden;}
	.sect-why .table th:nth-child(2){text-align:center;}
	.sect-why .table th img.logo-min{display:inline-block; width:36px;}
	.sect-why .table th img.logo-full{display:none}
	.sect-why .table th div{position: absolute; transform: rotate(-45deg)}
	.sect-why .table>:not(caption)>*>*{width:25%}
}


/* section nerd */
/*----------------------------------------------- */
.sect-nerd{padding: 100px 0;}
.sect-nerd p{color:#fff; font-size:1.5em; line-height:1.8;}
.sect-nerd .panel-nerd{padding:50px 80px; margin:30px 0; color:#232238; background:#9191e5}
.sect-nerd .panel-nerd p{color:#232238;}
.sect-nerd .panel-nerd p .bi{font-size:1.2em;}
.sect-nerd .panel-nerd .btn-accordion{width:100%; padding:20px; border-radius:50px; border:1px solid #232238; background: transparent;}
.sect-nerd .panel-nerd #flush-spiegone{padding-top:30px}
.sect-nerd .panel-nerd #flush-spiegone p{font-size:1.1em;}
.sect-nerd .panel-nerd #flush-spiegone td{border-color:#000}

@media(max-width:767px){
	.sect-nerd .panel-nerd{padding:30px;}
	.sect-nerd p{font-size:1.1em;}
	.sect-nerd .panel-nerd #flush-spiegone td{vertical-align:top}
}

/* partner */
/*----------------------------------------------- */
.sect-partner{padding: 0 0 100px 0; text-align:center;}
.sect-partner p small{color:#9191e5; text-transform:uppercase}
.sect-partner img{max-width:280px;}


/* page */
/*----------------------------------------------- */
.page{padding: 150px 0; color:#fff}

/*accordion*/
.page .accordion-item{border:0; color:#000}
.page .accordion-button:not(.collapsed){color:#000; background-color:#9191e5}
.page .accordion-button{color:#000; border-bottom: 1px solid #9091e5; background-color:#d7d7f1}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

/*form*/
.page .form-label{font-weight:400; font-size:1.2em}
.page .form-control,
.page .form-select {border-radius: 10px; border: 0; box-shadow: none; background-color: #d7d7f1;}
.page .form-check-input {width:1.2em; height:1.2em; margin-top:0.2em;}
.page .form-check-input[type=checkbox]{border-radius:1em;}
.page .form-check-input:checked {background-color: #6f6fce; border-color: #6f6fce;}
#srv_bar,
#srv_risto,
#srv_parr,
#srv_este{display:none; margin-bottom:30px;}
.contract-panel{height:250px; overflow-y:auto; padding:10px; border:1px dotted #6f6fce; font-size:0.7em; line-height:1;}


/* prefooter */
/*----------------------------------------------- */
.prefooter{padding:100px 0; background:#fff;}
.prefooter .h1 span{color:#9392e6}
.prefooter ul{text-align:center}
.prefooter ul li{display:inline-block; padding:0 20px;}
.prefooter ul li img{width:200px;}
@media(max-width:991px){
	.prefooter ul li img{width:170px;}
}
@media(max-width:767px){
	.prefooter ul li {width:100%; padding:15px 0;}
}


/* landing page */
/*----------------------------------------------- */
.page-lnd{padding: 100px 0 0 0; color:#fff}
.lnd-header-info{height:120px; background:url(../images/lnd/bg-lnd-header.png) top center;}
.event-date{display:flex; align-items: center; height:120px;}
.event-date > div{display:flex; align-items: center; width:50%}
.event-date > div:last-child{justify-content:right}
.event-date > div:first-child img{margin-right:10px}
.event-date > div:last-child img{margin-left:10px}
.event-date > div:last-child span{text-align:right}

.lnd-body{padding:0 0 100px 0; background:url(../images/lnd/bg-lnd-body.png) top left;}
.info-webinar{font-size:1.2em;}
.form-signup{padding:20px 0; margin-bottom:30px}
.form-signup .form-control{padding:.85rem 1.5rem; border-radius:30px; color:#fff; border:2px solid #fff; background:transparent}
.form-signup .form-control::placeholder {color: #68677a; opacity: 1;}
.form-signup .form-control:-ms-input-placeholder {color: #68677a;}
.form-signup .form-control::-ms-input-placeholder {color: #68677a;}
.form-signup .input-group-text{padding:.85rem 3.8rem; border-radius:30px; font-weight:600; border-color:#fff; background:#fff}
.form-signup .form-check-input{float:none; width:1.4em; height:1.4em}
.form-signup .form-check-label{padding:2px 10px;}

.plan-webinar {font-size:1.2em;}
.plan-webinar p{font-weight:400; text-align:center}
.plan-webinar ul{display:flex; flex-wrap: wrap; width:380px; margin:0 auto;}
.plan-webinar li{width:40%; padding:12px 0 12px 20px; margin:0 5%; border-top: 1px solid #68677a}
.plan-webinar li:nth-child(3),
.plan-webinar li:nth-child(4){border-bottom: 1px solid #68677a}
.plan-webinar li:before{position:absolute; left:0; top:10px; content:""; width:12px; height:24px; background:url(../images/lnd/arrow-green.svg) no-repeat center center}


@media(max-width:767px){
.lnd-body .container.reset{padding:0;}
.form-signup .form-control{border-radius:60px;}
.form-signup .input-group-text{width: 130px; padding:.85rem .8rem; white-space: pre-wrap; border-radius:60px;}
	    
    
}

/*--------------------------------------------- */
/* Footer
----------------------------------------------- */
footer {background:#242239}
footer .h1 {font-size: calc(1.7rem + 1.5vw);}
footer .h2 {font-size: calc(1.5rem + 0.9vw);}
footer .h3 {font-size: calc(1.5rem + 0.6vw);}
footer .h4 {font-size: calc(1.5rem + 0.3vw);}
@media (min-width: 768px){
	footer .h1 {font-size: 2.3rem;}
	footer .h2 {font-size: 2rem;}
	footer .h3 {font-size: 1.8rem;}
	footer .h4 {font-size: 1.6rem;}
}
@media (min-width: 992px){
	footer .h1 {font-size: 3rem;}
	footer .h2 {font-size: 2.7rem;}
	footer .h3 {font-size: 2.4rem;}
	footer .h4 {font-size: 2rem;}
}
@media (min-width: 1200px){
	footer .h1 {font-size: 4.5rem;}
	footer .h2 {font-size: 4rem;}
	footer .h3 {font-size: 3.5rem;}
	footer .h4 {font-size: 2.5rem;}
}

.f-top{color:#fff; padding:100px 0;}
.f-top .h2{color:#fff;}
.f-top .h4{color:#fff;}
.f-top .form-control{padding-left:0; border:0; color:#9f9fdd; border-bottom:2px solid #6f6fce; border-radius:0; box-shadow:none; background:transparent;}
.f-top .form-control:focus{border-color:#9f9fdd;}
.f-top .btn{width:100%}
.f-top ::placeholder {color:#6f6fce; opacity: 1;}
.f-top :-ms-input-placeholder {color:#6f6fce;}
.f-top .opt .form-label {display:block; margin-bottom:1rem; color:#6f6fce;}
.f-top .opt .form-check-label {color:#6f6fce;}
.f-top .opt .form-check:last-child {padding-bottom: 1rem; border-bottom:2px solid #6f6fce; }
footer .fse {position:relative; padding:15px 0; color:#262626; background:#fff}
footer .fse a{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
footer .fse img{height:80px; width:auto;}
footer .fse .fse-info{display: flex; justify-content: flex-end; align-items: center;}
footer .fse .fse-logo-mobile{display:none;}


@media(max-width:991px){
	.f-top .h2,
	.f-top .h4{text-align:center}
	footer .fse .fse-info{flex-direction: column;}
	footer .fse .fse-label{font-size:0.8em}
	footer .fse .fse-flag-eu{display:none;}
	footer .fse .fse-logo-mobile{display:block;}
	footer .fse .fse-logo-mobile img{max-width:100%; height:auto}
	footer .fse .fse-logo-desktop{display:none;}
}

.f-mid{color:#fff; padding:100px 0; background:#121623;}
.f-mid .info {list-style:none; display:flex; justify-content: space-between;}
.f-mid .info li:first-child{color:#9293e3;}
.f-mid a{color:#9293e3;}

.f-bottom{padding:30px 0;}
.f-bottom{padding:30px 0; color:#9293e3; background:#242436;}
.f-bottom p{margin:0;}
.f-bottom a{color:#9293e3;}
.f-bottom .social{margin:0; text-align:right}
.f-bottom .social li{display:inline-block; vertical-align:middle; padding:0 15px 0 0}
.f-bottom .social li img{width:18px; height:18px;}
.f-bottom .social li:last-child{padding-right:0}
@media(max-width:991px){
	.f-top .h2,
	.f-top .h4{text-align:center}
	.f-mid .info {flex-wrap:wrap;}
}
@media(max-width:767px){
	.f-mid .info {flex-wrap:wrap;}
	.f-mid .info li{width:100%}
	.f-bottom .social{margin:20px 0 0 0; text-align:left}

}

/*modal form*/
.syeew-modal {text-align:center}
.syeew-modal .modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}
.syeew-modal .modal-content{border-radius:20px; border:0; box-shadow:none}
.syeew-modal .modal-header {font-size:28px; padding: 30px 15px; border-bottom:0; border-radius:20px 20px 0 0; text-align:center;background:#e9e9f4}
.syeew-modal .modal-header .close{position: absolute; top:-10px; right:-10px; font-weight:300; color:#fff; text-shadow:none; opacity:1}
.syeew-modal .modal-header button.close{width:30px; height:30px; border-radius:50%; line-height: 0; border: 0; background:#9191e5}
.syeew-modal .modal-body .inner {padding:15px 60px}
.syeew-modal .modal-footer {padding:10px 15px; border-radius:0 0 20px 20px; text-align:center; background:#9191e5}
.syeew-modal .modal-footer span{display:block; width:100%; color:#fff; padding:10px;}
.syeew-modal .form-control{height:44px; text-align:center; border-radius:10px; border:1px solid e9e9f4; box-shadow:none; background:#e9e9f4}
.syeew-modal .btn{width:100%;}
@media screen and (min-width: 768px) { 
.syeew-modal:before {display: inline-block; vertical-align: middle; content:""; height: 100%;}
}

#msgReg-n,
#msgReg-webinar,
#msgReg {
    display: none;
    padding: 20px;
    margin-top: 20px;
    text-align: center;
    font-style: italic;
    border-top: 2px solid #fff;
}

.wapp-ico{position:fixed; z-index:1005; bottom:30px; right:30px}
