/* GENERAL
-------------------------------------------------- */
h1 { cursor:default; margin: 0; font-size: 1.6em; font-style: italic; font-weight: bold; text-shadow: 1px 1px 0 rgba(51, 51, 51, 0.33); }
h2 { cursor:default; margin: 0; font-size: 1.5em; }
h2 { font-style: italic; font-weight: bold; background-color: #FFF; padding: 5px 0 1em 0; margin-bottom: 1em; }

h2.witharrow { padding: 1em 0 2em 2em; margin-bottom: 52px; }
h2.witharrow:after {background: no-repeat 0 0; display: block; width: 48px; height: 95px; position: absolute; content: ""; margin-left: -39px; margin-top: 3px; }


section h4 { margin-left: 1em; }
#container h1 { font-weight: bold; background-color: transparent; background-color: #FFF;padding: 1em 0; margin-bottom: 0; }

.alert { font-weight: bold; }

/* HEADER
-------------------------------------------------- */
.site-header { position: relative; z-index: 100000000000000; top: 0; left: 0; width: 100%; border-bottom: 2px solid; margin-bottom: 2em; }
.navbar {width: 100%; color: #FFF; border-radius: 0; margin:0;}
.main-navigation {font-family: "Open Sans Condensed", Helvetica, sans-serif; clear: both; margin: 0 auto; min-height: 40px; position: relative; }
.site-header .home-link {color: #FFF; text-decoration: none; float: left; padding: 8px 20px 8px 0px; }
.site-title { font-size: 20px; font-weight: bold; line-height: 1; margin: 0; }
.menu-menu-right { float: right; margin-right: 10px;padding: 8px 20px 8px 0px; }
.menu-menu-right > h1{ color: #fff;margin-top: 10px;}
.btn-registered{    
  color: #FFFFFF;
  background-color: #E64141;
  padding: 8px 16px;
}
.btn-registered:hover {
  color: #fff;
  background-color: #102240;
  text-decoration: none;
}
/* FOOTER
-------------------------------------------------- */
footer { text-align: center; font-size: 90%; color: #CACACA; margin-bottom: 2em; }
footer a { color: #CACACA; }

/* FORM
------------------------------------------------- */
section { background-color: #F5F5F5; padding: 0; margin-bottom: 2em; overflow: hidden; }
section h2 span { padding: .2em .5em; border-radius: 100%; background-color: #000; color:#fff; font-style: normal; }
section#why h2 span { padding: 0; border-radius: 0; background-color: transparent; }
section#question h2 span { font-size: 90%; padding: .3em; }
section p { padding:1em; }

.list_nl { padding:1em 1em 0; margin-bottom: 0; list-style: none; }
.list_nl li {  border: 1px solid #E0E0E0; overflow: hidden; padding: .5em; background-color: #FFF; margin-bottom: 1em; }
.list_nl li input { display: inline-block; margin-right: 5px; float: left;}
.list_nl li img   { display: inline-block; margin-right: 5px;float: left; width: 20px; height: 20px;}
.list_nl li label { cursor: pointer; display: inline; }
.list_nl li small { display: block; color: #8F8F8F; font-weight: normal;  margin-right: 10px }

.list_nl li.selected small,
.list_nl li.selected .nl_description { color: white; }
.list_nl li.selected {
  color: #fff;
  border-color: #205f82; cursor: pointer;
  background: #5AADDE;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#5AADDE),color-stop(100%,#1D93D8));
  background: -webkit-linear-gradient(top,#5AADDE 0,#1D93D8 100%);
  background: -moz-linear-gradient(top,#5aadde 0,#1d93d8 100%);
  background: -ms-linear-gradient(top,#5aadde 0,#1d93d8 100%);
  background: -o-linear-gradient(top,#5aadde 0,#1d93d8 100%);
  background: linear-gradient(to bottom,#5AADDE 0,#1D93D8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5AADDE',endColorstr='#1D93D8',GradientType=0);
}

.list_nl_element { display: inline-block; vertical-align: top }
.list_nl_element .glyphicon { font-size: 120%; }
.list_nl_element.nl_description { color: #8F8F8F; font-weight: normal; font-size: 90%; }

@media (max-width: 768px) { .list_nl_element small { padding:0; margin-bottom: 5px; } }

form section fieldset { padding: 1em; width: 33%; float:left; }
form section fieldset label { display: block }
form section fieldset label > span { color: red; margin-left: 3px; }
form section fieldset label .form-control { width: 90%; }
label.has-error { color: red; }

fieldset.text input { float: left; margin-right: 5px; }
fieldset.text label { font-size:90%; font-weight: normal; margin-bottom:1em; }

fieldset .button,
button.calltoaction,
fieldset button {
  text-transform: uppercase;
  padding: .5em;
  border: 1px solid #F8C335;
  font-weight: bold;
  background: #fee300; /* Old browsers */
  background: -moz-linear-gradient(top, #fee300 0%, #d0c008 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fee300), color-stop(100%,#d0c008)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fee300 0%,#d0c008 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fee300 0%,#d0c008 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fee300 0%,#d0c008 100%); /* IE10+ */
  background: linear-gradient(to bottom, #fee300 0%,#d0c008 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee300', endColorstr='#d0c008',GradientType=0 ); /* IE6-9 */
}

button.calltoaction[disabled] { opacity: .6 }

section#login { text-align: center; padding: 2em; }
section#login label+label { padding-left:2em; }
@media (max-width: 768px) { section#login label+label { padding-left:0; } }

.alert.alert-float{ position: fixed; top: 10%; z-index: 10000; }
.alert ul { list-style: none; padding-left: 0; }

/* BLOCS
------------------------------------------------- */
form section#why { padding:0; margin-right: 8.333333333333332%; font-weight: bold; display: inline-block; }
form section#why-subscribing { padding:0; margin-right: 8.333333333333332%; display: inline-block; }
form section#why h2 { margin-bottom: .5em; }
form section#why li { margin-bottom: .5em; }

section#question { padding:0; display: inline-block; }
section#question p { padding: 0 1em; }

#edit-email{
  position: absolute;
  top: 150px;
  right: 60px;
  cursor: pointer;
  color: #8F8F8F;
  font-size: 120%;
}
.modal-header .close {
  margin-top: -12px;
  margin-right: 6px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: none!important;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-clip: padding-box;
  outline: 0;
}
#waitingMsg{
  font-size: 11px;
  color: #428bca;
}
#waitingMsg span{
  font-size: 120%;
  color: #8F8F8F;
}
#msgAlert{
  font-size: 13px!important;
  font-weight: bold!important;
}