@charset "utf-8";
/* CSS Document */
body {font-family: 'Open Sans', sans-serif;}
header {border-top:5px solid #3d4586; padding:20px 0 20px 0; border-bottom:1px solid #dedede;}
.clear {border: 0 none; clear: both; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0;}

.top_page_sx {left: 1px; overflow: hidden; position: relative; width:50%; display:block; height:750px; }
.top_page_dx {width:50%; display:block; padding: 0; height: 750px; overflow: hidden; background:#3d4586;}
.photo-bg {background-image: url(../images/diploma-per-adulti.jpg); background-position: center left; background-size: cover; position:relative; width: 100%; height: 100%; text-align: center;}
table {display: table;}
.table-logo .table-cell-logo {vertical-align: middle;}
.table-cell {display: table-cell;}
.top_page_dx .blockquote {width: 100.1%; height: 100%; margin: 0 0 0 40px; max-width: 475px; vertical-align: middle; }
.top_page_dx .max-width {max-width: 480px; display: block; margin: 0 auto; position:relative;}

h1 {color:#fff; font-size:32px; margin-top:20px; }
h2  {color:#fff; font-size:22px; margin-top:0px; }

.top_page_dx .big_text {color:#fff; font-size:20px;}
.top_page_dx .small_text {color:#fff; font-size:15px; margin-bottom:15px;}
.white_block p, .grey_block p {font-size:16px; line-height:1.5em; margin-bottom:15px;}
p.headtext {margin:30px 0 30px 0; font-size:28px;}
p.blu_text {font-size:28px; font-weight:700; margin:30px 0 30px 0; color:#3d4586; line-height:normal;}


.form-control {background:#182e4a; margin-bottom:5px; font-size:16px; border:none; padding:10px; height:auto; color:#fff}
.privacy_text {font-size:11px; color:#fff; padding-top:10px;}
.privacy_text a {color:#fff; text-decoration:underline;}
.bt_green {background:#2cc949; padding:15px 25px 15px 25px; font-size:14px; color:#fff; margin-top:10px; border:none; text-transform:uppercase; width:100%;}
.bt_green:hover {background:#25ac3e;}

.call_action {padding:40px 0 40px 0; background:#3d4586;}
.call_action .advice {text-align:center; font-size:28px; color:#fff;}
.call_action a {display:block; background:#2cc949; padding:15px; text-align:center; font-size:24px; color:#fff; border-radius:5px; margin:20px auto 15px auto; width:400px;}
.call_action a:hover {background:#25ac3e; text-decoration:none;}


.white_block {padding:40px 0 40px 0; background:#fff;}
.grey_block {padding:40px 0 40px 0; background:#f4f4f4;}
.blue_block {padding:40px 0 40px 0; background:#263d5a;}
/* .promo_block {padding:40px 0 40px 0; background:#de5c31;} */
.promo_block {padding:40px 0 40px 0; background:#de5c31;}
.promo_block .advice {font-size:46px; color:#fff; font-weight:700; text-shadow:2px 2px #222; line-height: 42px}


.specs_box {margin:30px 0 30px 0;}

.top_space {margin-top:40px;}

footer {padding:20px; background:#364788;}
.credits_bar {border-top:1px solid #abb8c3; margin-top:10px; padding:10px 15px}
.credits_bar p, .credits_bar a {font-size:12px; color:#abb8c3}
.location_section {padding:25px 0; }
.location_section h6 {font-size:16px; color:#fff; font-weight: 700; text-transform: uppercase;}
.location_section p {font-size:16px; color:#abb8c3}

.blue_block .title_block {font-size:22px; color:#fff; margin:0 0 30px 0;}
.blue_block p {color:#fff; font-size:16px; text-align:justify;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin-bottom:15px;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cookieChoiceInfo {
    background: rgba(0,0,0,0.8) !important;
    color: #fff !important;
    padding: 10px !important;
    z-index: 9999 !important;
}


#cookieChoiceInfo > a {
    color: #fdd42b !important;
    font-weight: bold;
}

/* COUNTDOWN */
#countdown-container p {
	white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */;
}
#cont{
	position: relative;
	top:30px;
	width: 600px;
	margin: 0 auto;
}

#box #countdown-container{
	position:relative;
	margin:0;
}
@-moz-document url-prefix() {
	#box #countdown-container{
 	padding: 0;
  	}
}
#countdown-container .launch-text {
	width: 200px;
	margin: 5px 0 0 5px;
	display: inline-block;
	line-height: 22px;
	padding: 20px;
	font-family: 'SourceSansPro-Semibold', Georgia, times, serif;
	font-size: 24px;
	color: #ffffff;
	text-align: left;
	float:left;
}
#timer {
	display: inline-block;
    position: relative;
    top: 25%;
    left: 50%;
	margin-left: -200px;
}
ul#countdown li {
	float: left;
  	display: inline-block;
  	background: transparent url('../images/clock-bg.png') no-repeat left top;
  	width: 71px;
  	text-align: center;
  	margin-right: 10px;
}
ul#countdown li span {
  	font-family: 'Oswald', sans-serif;
  	font-weight: 400;
  	font-size: 3.1em;
  	color: #1f2225;
  	line-height: 70px;
  	position: relative;
  	text-shadow: 1px 1px 1px white;
  	text-align: center;
  	padding-right: 1px;
}
ul#countdown li span::before {
  	content: '';
  	width: 100%;
  	height: 1px;
  	border-top: 2px solid #e0e0e0;
  	position: absolute;
  	top: 50%;
  	text-align: center;
  	left: 1px;
}
ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
  	display: inline-block;
  	float: left;
  	font-family: 'Oswald', sans-serif;
  	font-weight: 300;
  	color: #fff;
  	text-transform: uppercase;
  	font-size: 14px;
   		*font-size:8px;
   		 font-size:10px\9;
  	text-align: center;
  	margin: 2px auto ;
  	letter-spacing: 1px;
  		*letter-spacing: 0px;
  		letter-spacing: 0px\9;
}
ul#countdown li p.timeRefDays {
	padding-left: 0;
}
ul#countdown li p.timeRefHours {
	padding-left: 12px;
	padding-left: 20px\9;
}
ul#countdown li p.timeRefMinutes {
	padding-left: 8px;
	padding-left: 15px\9;
}
ul#countdown li p.timeRefSeconds {
	padding-left: 7px;
		padding-left: 13px\9;
}

.align-self-center {
    align-self: center!important;
}
.align-items-center {
    align-items: center!important;
}
.flex { position:absolute;top:0;left:0;width:100%;height:540px;}
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 50px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 32px;
    box-shadow: 2px 2px 3px #17457a;
}
.fixed_button {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.my-float {
    margin-top: 16px;
}
.mobile_nav {display: none;}
.top_bt {background:#fff; border:1px solid #dedede; border-radius:5px; padding:7px; box-shadow:1px 1px #dedede; }

.where_section {padding:60px 0;}
.where_box {padding:20px 25px; border:1px solid #dedede; border-radius:10px; margin-bottom:10px;}
.where_box p {margin-bottom:0; font-size:18px;}


@media screen and (max-width: 768px) {
  .desktop_nav {display: none;}
  .mobile_nav {display: block; margin-top:10px}
  .float {
      position: fixed;
      width: 50px;
      height: 50px;
      bottom: 50px;
      right: 20px;
      background-color: #25d366;
      color: #FFF;
      border-radius: 50px;
      text-align: center;
      font-size: 32px;
      box-shadow: 2px 2px 3px #17457a;
  }
  .flex { position:absolute;top:0;left:0;width:100%;height:100%;}
  #barra {display:none;}
  header .number_phone {display:none;}
  .top_page_sx {height:auto; width:100%}
  .top_page_dx {height:auto; width:100%}
  .top_page_dx .blockquote {max-width:100%; width:100%; margin:0; padding:0 15px 0 15px;}
  .call_action a {width:260px;}
  .top_page_dx .max-width {max-width:100%; width:100%;}
  .privacy_text {float:none;}
  .badge_isu  {display:none;}
  .promo_block .advice {font-size:20px; line-height:20px;}
  #countdown-container {display:none;}
  input[type=submit] {width:100%; margin:10px 0; }
  .form-control {height:40px;}
}
.w-20 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

@media (min-width: 576px) {
  .w-sm-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 768px) {
  .w-md-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 992px) {
  .w-lg-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 1200px) {
  .w-xl-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}