/*
* Stylesheet versione 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

body {
    font-family: 'Raleway', sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: 300;
	margin:0px;
	overflow-x: hidden;
}

p {
    font-size: 16px; 
    line-height: 1.6em;
    letter-spacing: 2.05px;
    font-weight: 300;
}

h1{ 
    font-size: 50px;
    line-height: 1.2em;
    font-weight:300;
    letter-spacing: 2.85px
}

h2{
    font-size: 36px;
    line-height: 1.2em;
    font-weight:300;
    letter-spacing: 2.85px
} 

h3 { 
    font-size: 32px; 
    line-height: 1.2em; 
    font-weight:300; 
    letter-spacing: 1.4px
}

h4 { font-size: 24px; line-height: 1.4em; font-weight:300;}

h5 { font-size: 18px; line-height: 1.4em; font-weight:500;}


.dark-theme .main,
.dark-theme .side-bar a,
.ligth-theme{
	color:#000A12;
}

.dark-theme{
	color:#fff;
	background-color: #1F2D3D;
    
}


.logo-text {
    font-size: 32px;
    font-weight: 400;
    line-height: 52px;

}

.logo{
	max-height:54px;
	margin-top:auto;
	margin-bottom:auto;
    vertical-align:sub;
    transition: all 0.2s ease;
    
}

a:hover img.logo
{
    filter: none !important;
}

.dark-theme .profile-ico,
.dark-theme .logo{
    filter: saturate(0) brightness(10);
}

.light-theme .profile-ico,
.light-theme .logo{
    filter: saturate(0) brightness(10);
}

.terms-conditions-css .profile-ico,
.privacy-css .profile-ico,
.compliance-css .profile-ico,
.solutions-css .profile-ico,
.light-theme .sticky .profile-ico,
.light-theme .sticky .logo{
    filter: saturate(0) brightness(0);
}




a{
	text-decoration: none;
	transition: 0.3s;
    color:#1F2D3D;
    letter-spacing: 2.05px
}

.dark-theme a:hover,
.light-theme a:hover{
	color:#2D8EFF;
}

.light-theme .menu a:hover{
	color:#2D8EFF;
}
 
.dark-theme a{
	color:#fff;
}

.dark-theme .menu a:hover{
	color:#2D8EFF;
}


.sticky {
  position: fixed;
      
  top: 0px;
  width: 100%;
  z-index: 100;
}

.dark-theme .sticky{
	background-color: rgba(17, 15, 35, 0.9 );
}

.light-theme  .sticky{
	background-color: rgba(245, 245, 245, 0.8 );
}
 
.light-theme .sticky a{
    color:#1F2D3D;
}
.light-theme .sticky a:hover{
    color:#2D8EFF;
}

.thank-you-css.dark-theme a:hover{
	color:#2D8EFF;
}

.thank-you-css.dark-theme a{
	color:#1F2D3D;
}

.home-css header a {
    color:#fff;
}

#page-fadein, .fadein, .fadeup, .fadeleft, .faderight{ opacity:0;}

.black-row{
    background-color: #1F2D3D;
}

.float-right{
    float: right;
    clear: both;
    width: 60%;
}
.float-left{
    /*float: left;*/
    clear: both;
    width: 60%;
}
.spacer {
    display: block;
    height: 100px;
    width: 100%;
}


.sub-info{
    background: #fff;
    box-shadow: 0px 2px 14px #1F2D3D;
}

.sub-info p{
    letter-spacing: normal;
    text-align: justify;
}


.breadcrumb{
	min-height:70px;
	font-size:12px;
    margin-top: 32px;
}

.dark-theme .breadcrumb{
	display:none;
}

.after-grow-down{
	opacity:0;
}


.light-theme article {
	margin: 20px 200px;
	padding: 30px 100px 100px 100px;
	max-width: 955px;
}

.box-light {
	margin: 20px 20%;
	box-shadow: 0px 10px 22px -4px #e0e0e0;
	max-width: 955px;
	padding: 8px 64px;
	background-color:#fff; 
}


header{ 
	max-height:120px;
	width: 100%; 
	position:absolute;
    z-index: 20000;
	margin-bottom:250px;
    transition: all 0.6s ease;
}

.wrap-header
{ 
	max-width: 1170px;
	margin-left:auto;
	margin-right:auto;
	padding:24px 16px; 

}
.wrap-footer
{ 
	padding-bottom:50px;
    background: #110F23;
}

.menu{
	float:right;
	transition: 0.5s;
	z-index:100;
}

.menu .active-menu{
	color:#247FC5 !important;
}

.menu .icon {
    display: none;
    font-size:28px;
    padding:0px;
    margin: 0px 12px;
}

.dropdown{
    display: inline-flex;
    flex-direction: column;
    margin-right:4px;
}
.dropdown-content{
    position: absolute;
    height: 0px;
    padding-top:36px;
    top:18px;
    overflow: hidden;
    transition: all 0.6s ease;
}

.dropdown:hover .dropdown-content{
    height: auto !important;
    
}
.dropbtn{
    position: relative;
    z-index: 10;
}

.menu .dropdown-content a {
    padding: 4px 18px;
    text-decoration: none;
    display: block;
    text-align: left;
    margin:4px 0px;
}

.light-theme .dropdown-content a:hover{
    background: #f8f8f8;
}

.dark-theme .dropdown-content a:hover{
    background: #1F2D3D;
}

.light-theme .dropdown:hover .dropdown-content  {
    background: #fff;
    box-shadow: 0px 10px 12px rgba(0,0,0,0.5);
}
.dark-theme .dropdown:hover .dropdown-content  {
    background: #110F23;
    box-shadow: 0px 10px 12px rgba(0,0,0,0.5);
}


.fa-caret-down {
    margin-left: 8px;
}


footer a{
	color:#fff;
}

footer a:hover{
	color:#247FC5 !important;
}


.privacy { 
	margin: 20px 10px;
}
.privacy a{
	margin: 0px 30px;
}
.menu a{
	margin: 15px;
	padding:5px;
	font-size: 14px;
}


.center-items{
    display: flex;
    flex-direction: column;
}

.white{
    color:white;
} 

.accent{
    color: #2D8EFF;
}

a.button-nav,
button,
a.button-main { 
    background: #2D8EFF;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 300;
    padding: 16px 48px;
    border-radius: 8px;
    border: 0.75px solid #2D8EFF;
    cursor: pointer;
    transition: all 0.6s ease;
}

button.button-login {
    background: #2D8EFF;
    color: #FFF; 
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 100;
    padding: 16px 48px;
    border-radius: 8px;
    letter-spacing: 2px;
    margin:auto 0px; 
    
}

button.border-button
{
    background: transparent;
    color: #2D8EFF; 
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 100;
    padding: 16px 48px;
    border-radius: 8px;
    letter-spacing: 2px;
    margin:auto 0px; 
    border: 1px solid #2D8EFF;
}



a.button-nav{
    position: relative;
    padding: 16px 120px 16px 16px;
}


a.button-nav::after{
    position: absolute;
    content: "";
    border: 0.75px solid #fff;
    background: #D8D8D8;
    height: 0px;
    right: 22px;
    width: 64px; 
    top:22px;
}


button:hover,
a.button-main:hover,
a.button-nav:hover{
    background: #52A2FF;
    color:#fff;
}

button:active,
a.button-nav:active,
a.button-main:active{
    background: #1872DB;
}

button {font-size:16px;}

.row.home-header{
    padding-top:160px;
    background: url(../img/shildr-main.jpg);
    background-position: top;
    background-size: cover;
}

.home-css .breadcrumb{display: none;}
.home-css .wrap, .home-css article {margin-top: 0px;padding-top: 0px;}


.row.solutions-header{
    padding-top:160px; 
    background: url(../img/features.jpg);
    background-position: top;
    background-size: cover;
}

.solutions-css .breadcrumb{display: none;}
.solutions-css .wrap, .solutions-css article {margin-top: 0px;padding-top: 0px;}

.solutions-css .logo{ filter: saturate(0) brightness(0);}


.row.compliance-header{ 
    padding-top:160px; 
    background: url(../img/compliance.jpg);
    background-position: top;
    background-size: cover;
    position: relative;
}

.compliance-css .breadcrumb{display: none;}
.compliance-css .wrap, .compliance-css article {margin-top: 0px;margin-bottom:0px;padding-top: 0px;padding-bottom: 0px;}

.privacy-css header .logo,
.terms-conditions-css header .logo,
.compliance-css header .logo{ filter: saturate(0) brightness(0);}

.sub-title{
    margin-top: 360px;
    transition-delay: all 0.6s; 
}


.wrap 
{ 
	max-width: 1280px; 
	margin: 50px auto; 
	padding: 30px 40px; 
	text-align: left; 
}

.wrap-more{
    max-width:940px;
    margin: 50px auto; 
	padding: 30px 40px; 
	text-align: left; 
}


footer{
	background-color:#182330;
	text-align:center;
	padding-top: 50px;
	border-top: solid 1px rgba(255,255, 255, 0.6);
	color:#fff;
	width: 100%;
}

.social{
	margin-bottom:20px;
	color:#fff;
} 
.social img{
	height:20px;
}


.social a{
	margin: 10px;
	transition: 0.3s;
}

 
.rotate {
    position:relative;

}

.rotate div:not(.rotor) {
    position: relative;
    z-index: 2;
}

 
.rotate .rotor {
    background-image: url(../img/solar-system.svg);
    background-size:contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1; 
    height: 1180px;
    width: 100%;
    top:32px;
    border-radius: 50%;
}
 

.info-box{
    display: flex;
    justify-content: space-between;
    align-items:start;
}

.info-box h3{ margin-top: 0px;margin-bottom: 0px;  }

.info-box img {margin-right: 24px;}
.info-box p{font-size: 14px; text-align: left}

.shildr-info p{font-size: 14px;}

.shildr-info-div {
    background: radial-gradient(94.92% 94.92% at 0.22% 42.64%, #1958A1 0%, #2D8EFF 100%);;
    height: 500px;
    position: absolute;
    top:calc(50% - 150px);
    width: calc(50% - 300px);
    right: 0px;
    z-index: 0;
}

.owl-index-4 .shildr-info-div,
.owl-index-2 .shildr-info-div{
    background: radial-gradient(94.92% 94.92% at 0.22% 42.64%, #111820 0%, #1F2D3D 100%);
}

.owl-index-3 .shildr-info-div{
    background: radial-gradient(95.14% 95.14% at 100% 32.36%, #C1D2FF 0%, #EEF2FD 100%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
 
.shildr-info-2 {
    background: radial-gradient(94.92% 94.92% at 0.22% 42.64%, #1958A1 0%, #2D8EFF 100%);;
    height: calc(100% - 250px);
    position: absolute;
    top:250px;
    left: 24px;
    right: 0px;
    z-index: 0;
}

.owl-mobile-index-4 .shildr-info-2,
.owl-mobile-index-2 .shildr-info-div{
    background: radial-gradient(94.92% 94.92% at 0.22% 42.64%, #111820 0%, #1F2D3D 100%);
}

.owl-mobile-index-3 .shildr-info-2{
    background: radial-gradient(95.14% 95.14% at 100% 32.36%, #C1D2FF 0%, #EEF2FD 100%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.scene {
    perspective: 1000px;
    z-index: 2;
    position: relative;
}


.cube {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    z-index: 2;
}

.mockup {
    position: relative; 
    z-index: 1;
    transition: all 0.6s ease;
}

.mockup-right {
    position: absolute; 
    z-index: 1;
    transition: all 0.6s ease;
    transform: rotateY(90deg);
    top: 180px;
    left: 160px;
    opacity: 0;
}

.owl-index-3 .mockup{
     transform: translateZ(-60px) rotateY(-45deg);
}
.owl-index-3 .mockup-right{
    opacity: 1;
     transform: translateX(70px) translateZ(120px) rotateY(0deg);
}



.download-on-demand{
    opacity: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    transition: opacity 0.4s ease;
    margin-top:80px;
}
 
.download-on-demand a {color: #2C304C; font-size: 14px; letter-spacing: normal;}

.owl-index-3 .download-on-demand {opacity: 1;}


.owl-theme .owl-dots .owl-dot.active span{
    border: 1px solid #2D8EFF;
}
.owl-theme .owl-dots .owl-dot span{
    background: transparent !important;
    border: 1px solid #2C304C;
    margin: 8px
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: left !important;
}


.touch-section{
    background: url(../img/touch.jpg);
    background-position: center right;
    background-size: cover;
    padding: 220px 0px;
}

.solutions-css .row:not(.solutions-header) {padding-top: 0px;}

.orbits{
    display: block;
    position: absolute;
    width: 100%;
    height: 1800px; 
    top: 0px;
    background: url(../img/orbits.svg);
    background-repeat: no-repeat;
    z-index: 1;
}

.solutions-css .wrap,
.solutions-css article{margin-bottom: 0px; padding-bottom: 0px; }
 
.row.group-section { 
    background: url(../img/group.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 280px;
}


ul.corporate li{
    line-height: 2em;
    font-size: 24px; 
    text-indent: -30px;

} 
ul.corporate li::before{
    content: "";
    height: 10px;
    width: 10px;
    display: inline-block;
    margin-right: 20px;
    background-color: #2D8EFF;
    position: relative;
    top:-4px;
    left: 10px;
}


.half-right{
    background: #fff;
    width: 50vw;
    margin-bottom: 400px;
}


.alien-rotate .orbits-alien
{
    background-image: url(../img/alien-system.svg);
    background-size:contain;
    background-position: left;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1; 
    height: 1280px;
    width: 1280px; 
    top:-220px;
    left:-350px;

}
 
.sfuma{
    position:absolute;
    height: 600px;
    width: 100%;
    bottom:0px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.0001) 0%, rgba(66, 89, 112, 0.0001) 21.17%, #1F2D3D 54.02%);
    z-index: 0;
}

.home-header .spaziato-medio {position: relative; z-index: 1;}
.solutions-header .spaziato-medio {position: relative; z-index: 1;}

.main section {display: none; margin-left: 64px;}
.main section.active {display: block;}
.side-bar {width: 400px;display: table-cell; }

.help-center-css .side-bar{background: #F9FAFE;}

.dashboard-css .side-bar{background: #2C304C;}

.side-bar div{float: right;}
.main {display: table-cell; background: #fff; width: calc(100vw - 400px);vertical-align: top;}


.help-center-css .breadcrumb{display: none;}
.help-center-css .wrap, 
.help-center-css article, 
.help-center-css .row { margin-top: 0px; margin-bottom: 0px;padding-bottom: 0px;}

.request-upgrade-css .breadcrumb{display: none;}
.request-upgrade-css .wrap, 
.request-upgrade-css article, 
.request-upgrade-css .row { margin-top: 0px; margin-bottom: 0px;padding-bottom: 0px;}





a.tab {
    padding: 18px 10px 18px 48px;
    min-width: 160px;
}

a.tab.active{
    color:#EEF2FD; 
    font-weight: 700;
    background: #2D8EFF; 
    border-radius: 4px 0px 0px 4px; 
}

.faq-info { border-left: 4px solid #47476B; padding-left: 12px; max-width: 640px;}

.features-info h4,
.faq-info h4{ font-size:20px;margin-bottom: 0px; }

.features-info p,
.faq-info p{ font-size:16px; margin-top: 8px;line-height: 21px;}

.features-info { padding-left: 12px; max-width: 640px; display: flex; align-items: flex-end;}
.features-info img { width: 148px; height: 305px; margin: 64px 32px 0px 0px;}


.fourth-column{ 
	width:25vw;  
	display:table-cell; 
    margin:auto;
    margin-top:64px;
}

button[type=submit]{ float:right;}

input[type=text], [type=email], input[type=password], input[type=number], select, textarea {
    width: 100%;
    font-size: 16px;
    padding: 14px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 0.5px solid #1F2D3D;
    box-sizing: border-box;
    border-radius: 2px;
    font-family: 'Raleway', sans-serif;
}

.wrap-side-bar {
    display:flex; 
    flex-direction:column;
}

.price-dot{
    height: 54px;
    border: 0.5px solid #5F5E87;
    text-align: center;
    display: flex;
    justify-content: space-around;
}

.price-dot + .price-dot {border-top:none;}

div.price-dot img {
	margin-top: 18px;
	height: 18px;
}

.price-line{
    height: 50px;
    color: #1F2D3D;
    display: flex;
    align-content: center;
    background: linear-gradient(270deg, #EEF2FD 0%, rgba(248, 250, 255, 0.0001) 50%);
    margin:4px 0px;
    min-width: 340px;
}
.price-line p{font-size:16px;letter-spacing: 0.9px;}

.premium,
.on-premise,
.base {
    padding: 20px;
    width: 250px;
    box-shadow: 0px 6px 13px rgba(31, 45, 61, 0.100087);
    background: #fff;
    position: relative;
}


.base{
    border: 1px solid #FFA12D;
    margin-top: -268px;
}

.premium,
.on-premise{
    top: -180px; 
}

.optional{
    color: #1F2D3D;
    font-size:16px;
    font-weight: 700;
    line-height: 3.2em;
    background: #EEF2FD;
    margin: auto;
}


.table-cell{
    display:table-cell; 
    padding-left: 14px;
}
.table-cell.first{padding-left: 0px;}

.table-cell a{
    width: calc(100% - 96px);
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.price-box p{font-size:14px; color:#1F2D3D;letter-spacing: 0.8px;}
.price-box h4 {font-size: 21px; color:#2D8EFF; font-weight: 500;}

.most-popular{
    background: linear-gradient(180deg, #FFA12D 0%, #FE7400 100%);
    color:#fff;
    margin: 0px;
    padding: 12px;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    top:-268px;
}

.most-popular::after{
    content: url(../img/oval.svg);
    position: absolute;
    right: 24px;
    
}


.pricing-css .breadcrumb{display: none;}
.pricing-css .wrap, 
.pricing-css article, 
.pricing-css .row { margin-top: 0px; margin-bottom: 0px;padding-bottom: 0px;}

.pricing-css .wrap {padding-top:74px;}

.nascosto{display: none;}

.price-dot .testo{display: none; color:#1F2D3D; }



.profile-ico{
    position: relative;
    top:8px;
    transition: all 0.2s ease; 
}

.active-menu .profile-ico,
.dark-theme #navbar .profile-ico:hover,
.light-theme #navbar .profile-ico:hover{filter: none;}



.dashboard-css .breadcrumb{display: none;}
.dashboard-css .wrap, 
.dashboard-css article, 
.dashboard-css .row { margin-top: 0px; margin-bottom: 0px;padding-bottom: 0px;}
.dashboard-css .side-bar a {color:#fff;}


.dashboard-css section{margin-left: 120px;}


#logform label{font-size: 18px;}
#data-form input,
#logform input {height: 55px;font-size=18px;}
#logform .form-group{margin-top:24px;}



.company, .individual, .not-end-user{display: none;}
 
.set-company .company{display: block;}
.set-individual .individual {display: block;}
.set-not-end-user .not-end-user{display: block;}

.page-2 #page-two,
.page-1 #page-one{display: block;}
.page-2 #page-one,
.page-1 #page-two{display: none;}

.thank-you-css.dark-theme,
.register-css.dark-theme{
    color:#47476B;
}

.register-css .breadcrumb{display: none;} 
.register-css .wrap { margin: 0px auto; padding-bottom: 0px;}
.register-css .first-row { margin-top: 54px;}

.thank-you-css .breadcrumb{display: none;} 
.thank-you-css .wrap { margin: 0px auto; padding-bottom: 0px;}
.thank-you-css .first-row { margin-top: 54px;}

.login-css .breadcrumb{display: none;} 
.login-css .wrap { margin: 0px auto; padding-bottom: 0px;}
.login-css .first-row { margin-top: 54px;}


.check-container  {
    color: #fff;
    display: block;
    position: relative;
    padding: 92px 12px 12px 12px;
    background: #5F5E87; 
    cursor: pointer; 
    font-size: 18px;
    border-radius: 14px; 
    flex:1;
    margin-bottom:64px;
    margin-left:8px;
    margin-right: 8px;  
    
    
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.check-container:hover{
	color:#247FC5 !important;
}

.half{
    padding: 24px 12px 12px 12px;
    margin-bottom:14px;
} 



/* Hide the browser's default checkbox */
.chkbox input {
  position: absolute;
  opacity: 0; 
  cursor: pointer;
  height: 0;
  width: 0;  
}
 
/* On mouse-over, add a grey background color */
.check-container :hover input ~ .checkmark,
.check-container :hover input ~ .checkmark-big {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
input:checked + .check-container {
    background-color: #2C304C;
    color: #2D8EFF;
    font-weight: 600;
} 

.options-included{
    flex:1;
    margin-left:32px;
}
.options-included input{
    margin-top:12px;
}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}


.select-wrapper {
	position: relative;	
}
  
.select-wrapper:after {
	font-family: FontAwesome;
  	content: '\f107';
  	font-size: 28px;
  	position: absolute;
  	top: 20px;
  	right: 20px;
  	color: #1F2D3D;
  	pointer-events: none;
}

select::-ms-expand {
  display: none;
}

a.external{
    font-size:18px;
    color:#1F2D3D;
}

a.external:hover{
    color:#2D8EFF;
}

a.external::after{
    font-family: FontAwesome;
    content: '\f08e';
    margin-left: 8px;
    position: relative;
    top: 2px;
}


.number-input a {
    outline: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 2em;
    height: 2em;
    margin: auto 0px;;
    position: relative;
    padding:6px  20px;
}

.number-input a::before, 
.number-input a::after {
    display: inline-block;
    position: absolute;
    top:16px;
    content: '';
    width: 0.3rem;
    height: 18px;
    background: #a0a0a0;
    transform: translate(-50%, -50%) rotate(90deg);
}

.number-input a.plus::after {
    transform: translate(-50%, -50%);
}

.number-input a:active{background:#2D8EFF;}

.number-input input{text-align: center; width: auto;}


.terms-conditions-css ul, .terms-conditions-css  ul li,
.privacy-css ul, .privacy-css  ul li {
    list-style: disc;
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: 2.0px;
}

ul, ul li {
    list-style: none;
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: 2.0px;
}

.required:before{
	content:" * ";
	color:#247FC5;
    font-size:18px;
}


.full-width {
  position: relative;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}


ul.new-elenco{
    line-height: 2em;
    font-size: 16px;
    font-weight: 500;
}

ul.new-elenco li{
    line-height: 2em;
    font-size: 16px;
    font-weight: 500;
    text-indent: -30px;
    margin-bottom: 28px;
}
ul.new-elenco li::before{
    content: url('../img/punta.png');
    margin-right: 10px;
    position: relative;
    top:10px;
    left: 10px;
}


button.button-login:disabled:hover,
button.button-login:disabled{
    background: rgba(45,142,255,0.5);
    cursor: default;
}

.solutions-css footer .logo {
    filter: saturate(0) brightness(10);
}

.help-center-css.dark-theme .description a{ color: #1F2D3D;}
.help-center-css.dark-theme .description a:hover{ color: #2D8EFF;}

.description {transition: all 0.6s ease;overflow: hidden; height: auto;}

.faq-info:not(.expand) .description {height: 0px;}

.faq-info{cursor: pointer;}
 

.compliance-css ul.corporate li{
    font-size:16px;
    line-height: 1.8em;   
}

.compliance-css ul.corporate li:before{
    height: 4px;
    width: 4px;
}












.upload-button{
    color: #fff;
    font-size: 14px;
    padding: 8px 64px 8px 8px;
    background-image: linear-gradient(to bottom, #247FC5, #2300FF);
	border-image: linear-gradient(to bottom, rgba(64,139, 202, 0), rgba(64,139, 202, 0.6)) 1;
	border-style: solid;
	border-top: none;
	border-width: 1px;
	transition: 0.3s;
	cursor: pointer;
    white-space: pre;

}
.upload-button:after{
	font-family: FontAwesome;
	content:'\f176';
	border:solid 1px #fff;
	top:0px;
	left:60px;
	position: relative;
	padding: 4px 8px;
}




ul {
	padding-left: 0px; 
	line-height:1.4em;
} 

ol {
	padding-left: 14px; 
	line-height:1.4em;
} 


.data-info {
	max-width:450px;
	padding-left: 10px;
}

.data-info .check-container{
	font-size: 14px;
}


.data-info ul{
	list-style-type: none;
}


.data-info li:before{ content:"";}





::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(17, 15, 35, 0.5);
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(17, 15, 35, 0.5);
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(17, 15, 35, 0.5);
}


textarea {
	min-height:68px;
}



.form {
	max-width:500px;
	padding: 20px 0px;
}

.form a{
	color:#afd2ef;
	font-size:12px;
}
.form p{
	font-size:12px;
}

.register-form a { color:#afd2ef;}


.feature {
	text-align:center;
	padding: 60px 10px;
	margin: 0px 24px;
	float:left;
	width:26% !important;
}

.feature-more {
	padding: 20px 30px;
	margin: 0px 10px;
	float:left;
	line-height:1.4em;
	width:24% !important;
}

.wide{
	text-align:center;
	padding: 20px 20px;
	margin: 0px 0px;
}

.feature p {
	text-align:left !important;
}


.location{
	background-color:#110F23;
	display:flex;
	flex-flow:row;
	flex-wrap:wrap-reverse;
}
.map{
	width:542px;
	height: 434px;
}
.box-dark{
	background-color:#191a2f;
	padding:20px;
	margin: 24px 0px;
	border: 1px solid  #94C3EA;
}

.box-semi-dark{
	background-color:#282739;
	padding:20px;
	margin: 24px 0px;
	border: 1px solid  #FFF;
}

#wrap-map-master{
	width:100%;
	max-width:600px;
	margin:auto;
}
.special{
	padding-left:30px;
}
.box-semi-dark p, 
.box-dark p {
	font-size:18px;
	line-height:1.4em;
	margin:5px;
}

.grow-down {
	height:0px;
	width: 512px;
}

/*
* content
*/
.centered{
	text-align:center;
}

.lighten{
	background-image: linear-gradient(to bottom, #18172F, #110F23);
}

.lighten-scuro{
	background-image: linear-gradient(to bottom, #110F23, #191632);
}

.lighten-more{
	background-image: linear-gradient(to bottom, #18172F, rgba(17,15, 35, 0.85 ));
}

.lighten-linear{
	background-image: linear-gradient(to bottom, #18172F, rgba(33, 30, 90, 0 ));
}

.lighten-linear-h{
	background-image: linear-gradient(to right, rgba(33, 30, 90, 0 ), rgba(24, 22, 60, 0.55 ), rgba(17, 15, 35, 1 ) );
}

.lighten-linear-h2r{
	background-image: linear-gradient(to right, rgba(17, 15, 35, 1 ), rgba(17, 15, 35, 0.77 ) );
}

.lighten-linear-h2l{
	background-image: linear-gradient(to right, rgba(17, 15, 35, 0.77 ), rgba(17, 15, 35, 1 ) );
}
	
.gradient-title{
	font-size: 64px;
	line-height:1.4em;
	margin: 25px 0px;
	background-image: linear-gradient(to bottom, rgba(255,255, 255, 0.8 ), rgba(255,255, 255, 0.2 ));
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.gradient-text{
	font-size: 36px;
	line-height:1.10em;
	margin: 15px 0px;
	background-image: linear-gradient(to bottom, #247FC5, rgba(36,127, 197, 0 ));
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}

.circuit{
	background-image: url("../img/circuit.svg");
	background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left bottom;
	min-height:552px;
}
.circuit-reverse{
	background-image: url("../img/circuit-reverse.svg");
	background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right bottom;
	min-height:621px;
}

.open-positions ul{
	margin-top:0px;
}
.open-positions ul li{
	margin-bottom:10px;
}
.data-info label{
	margin-bottom:0px;
}




.page-title{ font-size:32px; font-weight: 700;}
.center-text { text-align:center;}
.dark-theme .page-title{ display: none;}
.margine-top{ margin-top:100px;}
.margine-bottom{ margin-bottom:100px;}


.titolo1 { font-size: 18px; line-height: 1.4em; margin-bottom: 24px; margin-top: 50px; font-weight:500;}


.light-theme .titolo1 { margin-top: 50px;}

.space { 
	padding-top:0px;
	padding-bottom:50px;
}

.row { 
	padding-top:50px;
	padding-bottom:30px;
	clear:both;
}
.first-row { 
	padding-top:20px;
	padding-bottom:50px;
	clear:both;
}

.full-height{
	min-height:940px;
}
.spaziato-medio{
	padding:40px 
}
 
.stretto { max-width:80%; }
.spaziato{
	padding:80px
}
.full-column{ width:100%; }

.half-column{ width:50%; display:table-cell; }

.spaziato-wide{ padding: 40px 100px; }


.third-container {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	height: 100%;
	flex-wrap: wrap;
	margin: auto;
	justify-content: center;
} 

.third-column{ 
	width:33%;  
	display:flex; 
	flex-direction: column; 
} 



.block-quote{
	background-image: url("../img/quote.svg");
	background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
}
.citazione{
	background-image: url("../img/quote-open.svg"), url("../img/quote-close.svg");
	background-repeat: no-repeat, no-repeat;
    background-attachment: scroll, scroll;
    background-position: left top, right bottom;
}
.brilliant-topleft{
	background-image: url("../img/bordo.svg");
	background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;

}
.brilliant-topright{
	background-image: url("../img/bordo-flip.svg");
	background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right top;

}

.thank-you-css .wrap{ padding-bottom:0px; margin-bottom:0px;}

.dwl-file {font-size: 12px;}

.app-icons-container{
    min-width: 220px;
    margin: 24px 0px;
    text-align: center;
}

.info-block{
    display:flex;
    align-items: flex-end;
}

.info-block > div {
    margin-left: 20px;
}

.info-block p,
.info-block h3 {
    margin-bottom:0px;;
}


.back::before{
    content: "";
    border: solid #247FC5;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-right: 20px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.back::after{
    content: "";
    width: 15px;
    border: solid #247FC5;
    border-width: 2px 0 0 0;
    display: inline-block;
    padding: 3px;
    position: relative;
    top:3px;
    left:-56px;
}
.back::before:hover,
.back::after:hover
{
    color:#F66537;
    background-color:#F66537;
}
.flex-row{ 
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.flex-row img{margin-top:32px;}


.flex-header{
    background:#DBEFFF;
}
.flex-table-row{
    border: 1px solid #c4c4c4;
    margin: 4px 0px;
}
  
.flex-table-row p,
.flex-header p{
    margin:0px;
    padding: 8px 12px;
    font-weight: 400;
}

.super-container{
    margin-top: 0px;
    display: block;
    justify-content: space-around;
    display: flex;
}






/*
* media 
*/
 
.board-mobile {display: none;}

.only-mobile {display: none;}

@media(min-width:1120px) 
{
    .side-bar{width: 30vw;}
    .main{width: 70vw;}
}
@media (max-width: 1120px)
{
    
    .light-theme article {margin: 0px 100px;padding: 0px 30px;}
    .light-theme .home-header {  background-position: 60% 0%; } 
    .light-theme .solutions-header {  background-position: 60% 0%; } 
    
    .side-bar{width: 280px;}
    .main{width: calc(100vw - 280px);}
     
    .table-cell,
    .nascosto{
        display: inline-flex;
        flex-direction: column;
        width: 48%;
        padding-left: 0px;
    }

    .premium, .on-premise{
        position: unset;
        margin-top:64px;
        width: unset;
    }
    .base {width: unset; }
    .price-line{margin: 2px 0px;}
    
    .price-container{
        margin-top: 0px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
    }
    .table-cell.legenda{
        margin-bottom:100px;
    }
    
/*	h3 { font-size: 32px; line-height: 1.2em; font-weight:normal; }
	.box-light { margin-left:10%;margin-right:10%; }
	.spaziato { padding: 80px 40px;}
	.spaziato-medio{ padding: 40px 20px;}
	.clear { display:none;}
	.feature { width:40% !important; }
	.feature-more{ width:80% !important; display:block; float:none; margin-left:auto; margin-right:auto;}
	.space-bottom{ display: none;}
	.home-css{background-size: auto, auto; }
	.who-we-are-css{background-size: auto, auto; }
	.how-we-innovate-css{background-size: auto, auto; }
	.privacy a{	margin: 0px 20px;}
	
	.gradient-title{ font-size: 48px;}
	.gradient-text{	font-size: 32px; }
	.who-we-are-css{background-image: none, url("../img/footer-background.png");}
	#page-fadein, .fadein, .fadeup, .fadeleft, .faderight { opacity:1;}
	.map{ width:70vw; height:400px;}
	#wrap-map-master{ width:70vw;}
	.special{ padding-left:0px;} 
    */
}
 
 
 
@media(max-width: 880px)
{
    .no-mobile{display: none; } 
    .only-mobile{ display: block;}
    
    .light-theme article { margin: 0px 4px;	padding: 0px 20px;	}
    .light-theme .solutions-header {  background-position: 90% 0%; background-repeat: no-repeat; background-size: auto 100%; } 
    .light-theme .compliance-header {  background-position:30% 0%; background-repeat: no-repeat; background-size: auto 100%; padding-bottom:0px; } 
    .light-theme .home-header {  background-position: 80% 0%; background-repeat: no-repeat; background-size: auto 100%; } 
    .sub-title { margin-top: 12px;}
    .half-column, .third-column, .fourth-column, .feature { width:100% !important; display:block; float:none; margin-left:auto; margin-right:auto; }
    .spaziato-wide { padding: 40px 50px; }
    .wrap{ padding: 20px 15px;  }
	.fadein, .fadeup, .fadeleft, .faderight, .after-grow-down { opacity:1;}
    h1 { font-size: 36px; line-height: 1.2em;}
    h2 { font-size: 24px; line-height: 1.2em;}
	h3 { font-size: 28px; line-height: 1.2em;}
    p{font-size: 14px;}
	.menu {margin-top:0px;}
	.menu a {display: none;}
	.menu a.icon { display: block; line-height: 1em; }
	
    .menu.responsive {position: relative; float:none; top:0px; }
	.menu.responsive .icon {
		position: absolute;
		right: 0px;
		top: -45px;
	}
	.menu.responsive a{
		float: none;
		display: block;
		text-align: left;
	}
    

    
    .dark-theme #navbar.responsive,
	.dark-theme .menu.responsive{ background-color: rgba(31, 45, 61, 1 );}
    .light-theme #navbar.responsive,
	.light-theme .menu.responsive { background-color: #fff; }
    
    .light-theme #navbar.responsive a { color: #1F2D3D;}
    .light-theme #navbar.responsive a:hover{ color:#2D8EFF; }
    
    .light-theme #navbar.responsive .logo {filter: saturate(0) brightness(0); transition: all 0s; }
    .dashboard-css .side-bar{background: #F9FAFE;}
    .dashboard-css .side-bar a:not(.active) {color:#1F2D3D; }
    
    .spaziato-medio{ padding: 40px 12px;}
	.spaziato{ padding: 40px 16px;}
    
    
    .shildr-info-div{display: none; }
    
    .float-left,
    .float-right{ 
        float: none; 
        margin: auto;
        width: 100%;
    }
    .mockup { 

        height: 450px;
    }
    
    .mockup-right { 
        left:0px;
        top: 106px;
        height: 330px;
    }
    #owl-carousel-mobile {padding-left:24px; }
    
    .owl-mobile-index-4 .shildr-info h3, 
    .owl-mobile-index-4 .shildr-info p,
    .owl-mobile-index-1 .shildr-info h3, 
    .owl-mobile-index-1 .shildr-info p,
    .owl-mobile-index-2 .shildr-info h3, 
    .owl-mobile-index-2 .shildr-info p
    { color:#fff; }
    .owl-theme .owl-dots .owl-dot span{
        border: 1px solid #fff;;
    }
    
    .solutions-header .spaziato-medio {margin-top: 300px;}
    
    .touch-section{
        background-position: right;
        padding: 0px 0px 500px 0px;
    }
    
    .half-right {
        width: 100%;
        margin-bottom:0px;
        margin-top:400px;
    }
    
    .side-bar{position: absolute;width: 100%;top:52px;}
    .wrap-side-bar {flex-direction: row; margin-left: 24px;margin-right: 24px; justify-content: space-between;align-items: stretch; }
    .main{width: 100vw;padding-top:84px;}
    .side-bar div{float: none;}
    a.tab{min-width: 54px;padding:8px 10px;text-align: center;}
    a.tab.active {border-radius: 4px 4px 0px 0px;}
    .main section{margin-left: 24px;margin-right: 24px;}
    
    .features-info {
        align-items: flex-start;
        flex-direction: column;
    }
    
    footer .wrap{margin: 50px 24px;}
    
    .include-wrap {flex-direction: column;}
    .options-included {margin-top: 32px;}
    /*
    .board-mobile{display: flex; flex-direction: column;}
    .board-desktop {display: none;}
    
	.stretto { max-width:100%;}

	.block-quote div {float:none !important;}

    
    .info-block{ align-items: flex-start;}
    .info-block div {margin-left: 0px;}
    
	.grow-down { display: inline-block;	height: 150px;	width: 340px; }
	.grow-150 {	display: inline-block;	height: 150px;	width: 340px; }

    
	.citazione{	background-image: url("../img/quote-open.svg"), none;}
	.circuit-reverse { min-height:400px;}	
	.circuit { min-height:400px;}	
	.who-we-are-css{background-image: none, url("../img/footer-background.png");}
	.map{ width:70vw; height:400px;}
	#wrap-map-master{ width:70vw;}
	.special{ padding-left:0px;}
	
   
    
    .dropdown{display: block;}
    .dropdown .fa-caret-down{display: none;}
    .dropdown-content{
        position: relative;
        display: block;
        height: auto;
        padding-top: 0px;
        padding-left: 36px;
        top: 0px;
        display: none;
    }
    .menu.responsive .dropdown-content{display: block;}
    
    .dark-theme .dropdown:hover .dropdown-content,
    .light-theme .dropdown:hover .dropdown-content  {
        box-shadow: none;
        background: transparent;
    }
    .dark-theme .dropdown-content a:hover,
    .light-theme .dropdown-content a:hover{
        background: transparent;
    }
    .dropbtn a{margin-bottom: 4px;}
    
    .super-button {
        width: 100%;
        margin-bottom: 30px;
    }
    .super-container{
        flex-direction: column;
    }
    .field-separator{margin-right: 0px;}
    */
}
@media (max-width: 600px)
{
    /*
    #article-shadow {display: none;}
    .row {flex-direction: column;}
	.login-button {margin-top: 20px;margin-right:auto; margin-left:auto; float:none; display:block;}
	.data-info { padding-left: 0px;}
	.map{ width:70vw; height:400px;}
	#wrap-map-master{ width:70vw;}
	.special{ padding-left:0px;}
	.upload-button { padding-right: 34px;}
	.upload-button::after{ left:30px;}
	.border-button{margin-left: auto; margin-right: auto; display: block; margin-bottom: 30px;}
	.message-ceo-css.light-theme article { margin: 10px;}
    */
    
    .legenda{display: none;}
    .table-cell {width: 100%;}
    .price-dot{justify-content: flex-start;min-height: 54px; height: auto;flex-direction: column;padding: 24px 0px;}
    .price-dot .testo{display: block;}
    
}
@media (max-width: 400px)
{
     .wrap-side-bar {margin-left: 8px;margin-right: 8px; justify-content: space-between}
    
    /*
	.spaziato-wide{ padding: 40px 10px; }
	.grow-down { display: inline-block;	height: 150px;	width: 80%; }
	.grow-150 {	display: inline-block;	height: 150px;	width: 80%; }
	.box-light { margin-left:0px;margin-right:0px; padding: 8px 14px; }
	.map{ width:70vw; height:300px;}
	#wrap-map-master{ width:70vw;}
	.special{ padding-left:0px;}
    */
}



/*
* 	Modal
*/
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
    display: flex;
	padding: 40px;
	border: 1px solid #888;
	width: 80%;
	max-width:700px;
    min-height: 400px;
    border-radius: 10px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}
.modal-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin: auto;
    /* margin-top: auto; */
    /* margin-bottom: auto; */
    flex-basis: 100%;
}
/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0} 
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

/* The Close Button */
.close {
	font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 20px;
    font-family: arial;
}

.close:hover,
.close:focus {
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	padding: 2px 16px;
	background-color: #fff;
	color: #000;
}

.modal-body {color: #000; background-color:#fff;}

.modal-footer {
	padding: 2px 16px;
	background-color: #fff;
	color: #232246;
}

.modal-header p,
.modal-body p{font-size: 18px;}

@media(max-width: 880px){
    .modal-header p,
    .modal-body p{font-size: 14px;}
}

img.fake_dashboard_icon {
    background: none;
    border: none;
    width: 0;
    height: 0;
    margin-left: 64px;
    margin-top: 24px;
    /*position: relative;
    top: 32px;*/
}