/* GENERAL */

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 100px;
}



/* NAVBAR */

.navbar {
    margin-top: 30px;
    margin-bottom: 20px;
    background-color: transparent;
    border-color: transparent;
}

.navbar-brand img {
  height: 30px;
}

#mobile-navbar-collapse {
  text-align: right;
  border-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.navbar-inverse .navbar-nav li a {
  color: rgba(255, 255, 255, .6);
}

.underline {
  border-bottom: 1px solid rgba(255, 255, 255, .6);
}



/* HELPERS */

.title {
    font-family: 'Raleway', serif;
    font-weight: 900;
    letter-spacing: 0.03em;
    color: rgba(31, 48, 72, 0.7);
}

.title-big {
    font-size: 40px;
}

.title-medium {
    font-size: 28px;
}

.title-small {
    font-size: 20px;
}

.title-xsmall {
    font-size: 18px;
}

.highlight {
    font-family: 'Raleway', serif;
    font-weight: 100;
}

.text {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    line-height: 1.7em;
    color: rgba(31, 48, 72, 0.8);
}

.font-big {
    font-size: 24px;
    line-height: 1.6em;
}

.font-medium {
    font-size: 18px;
}

.font-small {
  font-size: 14px;
}

.font-white {
    color: #ffffff;
}

.font-white-opacity {
  color: rgba(255, 255, 255, 0.8);
}

.font-dark {
  color: #333333;
}

.font-opacity {
    color: rgba(255,255,255,0.7);
}

.font-space {
    line-height: 1.3em;
}

.font-space-medium {
  line-height: 1.6em;
}

.font-space-large {
  line-height: 2em;
}

.placeholder {
    background: #dddddd;
    height: 300px;
}

.margin-0 {
  margin: 0px;
}

.space {
  margin-bottom: 60px;
}

.space-bottom-20 {
  margin-bottom: 20px;
}

.space-bottom-100 {
  margin-bottom: 100px;
}

.space-bottom-80 {
  margin-bottom: 80px;
}

.space-top {
  margin-top: 60px;
}

.space-top-20 {
  margin-top: 20px;
}

.space-top-100 {
  margin-top: 100px;
}



/* Mobile */

#back-to-top {
  background-color: rgba(100, 100, 100, .4);
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  border-radius: 25px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#back-to-top span {
  margin-top: 15px;
}



/* HOMEPAGE */

.demo-background {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-right: 0px;
    padding-left: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b8ed4+0,1f3048+100 */
    background: #5b8ed4; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #5b8ed4 0%, #1f3048 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#5b8ed4), color-stop(100%,#1f3048)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #5b8ed4 0%,#1f3048 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #5b8ed4 0%,#1f3048 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #5b8ed4 0%,#1f3048 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #5b8ed4 0%,#1f3048 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b8ed4', endColorstr='#1f3048',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.demo-container{
}

.demo-caption {
    text-align: center;
    margin-top: 30px;
}

.demo-elements {
}

.demo-list {
    margin-top: 60px;
} /*  margin-top: 90px; con il bottone visibile*/


.list-group-item.active {
    background: rgba(58,91,136,0.9)
}

.list-group-item {
    margin-bottom: 15px;
    background: rgba(11,34,41,0.7);
    border: #0b2229;
}

a.list-group-item:hover {
    background-color: rgba(58,91,136,0.9);
    color: #ffffff;
}

a.list-group-item.active:hover {
    background-color: rgba(58,91,136,0.9);
    color: #ffffff;
}

a.list-group-item {
    color: rgba(255,255,255,0.7);
}

.btn-output {
  color: #ffffff;
  background: transparent;
  margin-left: 10px;
}

.btn-output:hover {
  background: rgba(11,34,41,0.7);
  color: #ffffff;
  border-color: rgba(11,34,41,0.9)
}

.demo-call-to-action {
    margin-top: 40px;
    font-size: 30px;
    font-weight: 900;
    padding: 20px 28px;
}

.demo-widget {
  display: none;
}

.demo-widget img{
    height: 650px;
}

.demo-selector {
    background: #f1f1f1;
}

.partner-logo-title {
    background: rgba(11,34,41,0.2);
    padding-top: 20px;
    padding-bottom:  20px;
}

.partner-logo {
    background: #ffffff;
    opacity: 1;
}

.logo {
    height: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.logo-mobile {
  height: 35px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.alert-warning {
    background-color: rgba(255,255,255,0.8);
    color: rgba(11,34,41,0.9);
    border-color: #dddddd;
}

.close {
    opacity: 0.8;
}



/* HELP */

.note {
  margin-left: -170px;
  margin-right: 250px;
  font-family: 'Indie Flower', cursive;
}

.note p {
  font-size: 30px;
  margin-bottom: 0px;
  _color: rgba(255, 255, 255, 0.5);
  color: rgba(255, 235, 5, 0.8);
}

.note img {
  height: 50px;
  margin-bottom: 10px;
  opacity: .7;
}

.note-change-lang {
  margin-left: 0px;
  margin-right: 150px;
  margin-top: -690px;
  font-family: 'Indie Flower', cursive;
}

.note-change-lang p {
  font-size: 24px;
  margin-bottom: 0px;
  _color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 235, 5, 0.8);
}

.note-change-lang img {
  margin-left: 135px;
  margin-top: 10px;
  opacity: .7;
}

.note-tags {
  margin-left: 0px;
  margin-right: 150px;
  margin-top: -360px;
  font-family: 'Indie Flower', cursive;
}

.note-tags p {
  font-size: 24px;
  margin-bottom: 0px;
  _color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 235, 5, 0.8);
}

.note-tags img {
  margin-left: 145px;
  margin-top: 0px;
  opacity: .7;
}

.note-add-tags {
  margin-left: 0px;
  margin-right: 150px;
  margin-top: -190px;
  font-family: 'Indie Flower', cursive;
}

.note-add-tags p {
  font-size: 24px;
  margin-bottom: 0px;
  _color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 235, 5, 0.8);
}

.note-add-tags img {
  margin-left: 135px;
  margin-top: 0px;
  opacity: .7;
}

.note-save {
  margin-left: 0px;
  margin-top: -160px;
  font-family: 'Indie Flower', cursive;
}

.note-save p {
  font-size: 24px;
  margin-bottom: 0px;
  _color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 235, 5, 0.8);
}

.note-save img {
  margin-right: 55px;
  margin-top: 0px;
  opacity: .7;
}

.note-reset {
  margin-left: 20px;
  margin-top: -360px;
  font-family: 'Indie Flower', cursive;
  cursor: pointer;
}

.note-reset p {
  font-size: 24px;
  margin-bottom: 0px;
  color: rgba(255, 235, 5, 0.8);
}



/* WIDGET HOMEPAGE */

.widget-home-background {
    width: 300px;
    height: 533px;
    background-color: rgba(11,34,41,0.7);
    position: relative;
}

.widget-home-content {
    width: 80%;
    height: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

.widget-home-content img {
    height: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    opacity: 0.6;
}

.widget-home-content h2 {
    line-height: 1.2em;
}

.demo-desc {
    padding-top: 40px;
    padding-bottom: 40px;
}



/* FEATURES */

.container-features-nav {}

.container-features {
  padding-top: 60px;
}

.container-features p {
  line-height: 1.6em;
}



/* USE CASES */

.container-usecases-nav {}

.li-item-usecases {
  background-color: rgba(255, 255, 255, 0.2);
  border-left: .5px solid rgba(255, 255, 255, 0.2);
  border-right: .5px solid rgba(255, 255, 255, 0.2);
}

.li-item-usecases:last-child {
  border-top-right-radius: 4px;
  border-right: transparent !important;
}

.li-item-usecases:first-child {
  border-top-left-radius: 4px;
  border-left: transparent !important;
}

.li-item-usecases a {
  color: rgba(255, 255, 255, 1);
  font-weight: bold;
}

.nav .li-item-usecases a:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333;
  transition: background-color 0.5s ease,color 0.5s ease  !important;
  -webkit-transition: background-color 0.5s ease,color 0.5s ease !important;
  -moz-transition: background-color 0.5s ease,color 0.5s ease !important;
  -o-transition: background-color 0.5s ease,color 0.5s ease !important;
}

.container-usecases {
  padding-top: 100px;
}

.container-usecases img {
  width: 100% \9;
}

.usecases-title {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.logo-usecases {
  height: 50px;
}

.logo-usecases-accenture {
  height: 70px;
}

.logo-usecases-trer {
  height: 70px;
}



/* FORM */

.form-mail {
    max-width: 400px;
    padding: 15px;
    margin: 0 auto;
}

.form-btn {
    margin-top: 30px;
}

.form-control {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 45px;
}

.form-copy {
    margin-top: 70px;
    margin-bottom: 50px;
}

.group-voted {
  visibility:hidden;
}

#language-select {visibility:hidden;}



/* ABOUT */

.about-container {
  background-image: url(../images/pattern.png);
  background-repeat: repeat;
  _background-color: #ececec;
  _border-bottom: 1px solid #ddd;
}

.img-small {
  height: 200px;
  width: 200px;
}

.img-team {
  margin-top: -70px;
  border: 6px solid white;
}

.thumb-team-background {
  height: 190px;
  border-bottom: 1px solid #ddd;
}



/* JOBS */

.text-jobs > p {
  margin-bottom: 1.5em;
}

.container-job-nav {}

.item-job {
}

.li-item-job {
  background-color: rgba(255, 255, 255, 0.2);
  border-left: .5px solid rgba(255, 255, 255, 0.2);
  border-right: .5px solid rgba(255, 255, 255, 0.2);
}

.li-item-job:last-child {
  border-top-right-radius: 4px;
  border-right: transparent !important;
}

.li-item-job:first-child {
  border-top-left-radius: 4px;
  border-left: transparent !important;
}

.li-item-job a {
  color: rgba(255, 255, 255, 1);
  font-weight: bold;
}

.nav .li-item-job a:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333;
  transition: background-color 0.5s ease,color 0.5s ease  !important;
  -webkit-transition: background-color 0.5s ease,color 0.5s ease !important;
  -moz-transition: background-color 0.5s ease,color 0.5s ease !important;
  -o-transition: background-color 0.5s ease,color 0.5s ease !important;
}

.li-item-job.active>a {
  background-image: url(../images/pattern.png) !important;
  border-bottom-color: rgb(237, 237, 237) !important;
}

.carousel-caption {
  right: 0%;
  left: 0%;
  padding-bottom: 30px;
  background-color: rgba(0, 0, 0, .5);
}

.carousel-indicators .active {
  background-color: rgba(255,255,255,.4);
}

.carousel-indicators li {
  border: 1px solid rgba(255,255,255,.4);
}

#carousel-mobile .carousel-indicators {
  bottom: 5px;
}

#carousel-mobile .carousel-indicators li {
  width: 5px;
  height: 5px;
}

#carousel-mobile .carousel-indicators .active {
  width: 6px;
  height: 6px;
}

#carousel-mobile .carousel-caption {
  bottom: 0px;
}



/* PRICING */

.chosen-container-single .chosen-single {
  height: 46px !important;
  font-size:18px !important;
}

select.form-control + .chosen-container.chosen-container-single .chosen-single {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background-image:none;
}

select.form-control + .chosen-container.chosen-container-single .chosen-single div {
    top:4px;
    color:#000;
}

select.form-control + .chosen-container .chosen-drop {
    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    margin: 2px 0 0;

}

select.form-control + .chosen-container .chosen-search input[type=text] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}

select.form-control + .chosen-container .chosen-results {
    margin: 2px 0 0;
    padding: 5px 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    margin-bottom: 5px;
}

select.form-control + .chosen-container .chosen-results li ,
select.form-control + .chosen-container .chosen-results li.active-result {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
    background-image:none;
}
select.form-control + .chosen-container .chosen-results li:hover,
select.form-control + .chosen-container .chosen-results li.active-result:hover,
select.form-control + .chosen-container .chosen-results li.highlighted
{
    color: #FFF;
    text-decoration: none;
    background-color: #428BCA;
    background-image:none;
}

select.form-control + .chosen-container-multi .chosen-choices {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height:auto;
    padding:5px 0;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice {

    background-image: none;
    padding: 3px 24px 3px 5px;
    margin: 0 6px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    background-color: #FFF;
    border-color: #CCC;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top:8px;
    right:6px;
}

select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices,
select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single,
select.form-control + .chosen-container .chosen-search input[type=text]:focus{
    border-color: #66AFE9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
}

select.form-control + .chosen-container-multi .chosen-results li.result-selected{
    display: list-item;
    color: #ccc;
    cursor: default;
    background-color: white;
}



/* FOOTER */

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 100px;
  background-color: #394046;
}

.footer-logo {
  height: 20px;
}

.footer p {
  margin: 0px;
}