@charset "utf-8";
/* CSS Document */
body {font-family: 'Open Sans', sans-serif;}
header {border-top:5px solid #85D8CE; padding:20px 0 20px 0; border-bottom:1px solid #dedede;}

.top_page_sx {left: 1px; overflow: hidden; position: relative; width:50%; display:block; height:820px; }
.top_page_dx {width:50%; display:block; padding: 0; height: 820px; overflow: hidden; float:right;
background: #085078;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #085078, #85D8CE);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #085078, #85D8CE); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.photo-bg {background-image: url(../images/diploma-ipssar.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:28px; margin-top:40px;}
.top_page h2 {color:#fff; font-size:24px; margin-top:10px;}
.benefit_box {border:1px solid #dedede; padding:15px;border-radius:5px; background:#fff;}
.benefit_block  h2 {color:#fff;}
.benefit_headline {font-size:18px; min-height:60px; }
 ul.benefit_list {margin:30px 0 0 0; padding:0;}
.benefit_list li {margin:10px; font-size:16px;}
.benefit_txt {font-size:16px;}

.top_page_dx .big_text {color:#fff; font-size:24px;}
.top_page_dx .small_text {color:#fff; font-size:16px; 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:8px; height:auto; color:#fff;}
.privacy_text {font-size:11px; color:#fff; padding-top:10px; margin-left:22px;}
.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: #085078;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #85D8CE, #085078);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #85D8CE, #085078); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.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:#ea6645;}
.benefit_block {padding:40px 0; background:#085078;}
.promo_block {padding:40px 0 40px 0; background:#085078;}
.promo_block .advice {font-size:36px; color:#fff; font-weight:700;  letter-spacing:2px;}

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

.top_space {margin-top:40px;}
.featured-course {min-height:514px;}

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;}

.latest-course {
  margin-bottom: 40px;
}
.latest-course aside {
  padding-left: 112px;
}
.latest-course aside .course-meta {
  color: #767676;
  margin-bottom: 15px;
}

.latest-course aside p {font-size:13px;}

.latest-course aside h4 {font-size:16px; font-weight:bold;}

.latest-course aside .course-meta > span {
  margin-right: 5px;
}
.latest-course aside .course-meta .fa {
  color: #252525;
  margin-right: 5px;
}
.latest-course p {
  color: #474747;
}
.latest-course hr {
  margin: 5px 0;
}
.latest-course .image {
  float: left;
  width: 92px;
  overflow: hidden;
  height: 92px;
  text-align: center;
}
.latest-course .image .image-wrapper {
  left: 100%;
  margin-left: -200%;
  position: relative;
}
.latest-course .image .image-wrapper img {
  height: 92px;
  width: auto;
}
.featured-course p {font-size:14px;}
.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%; }

#barra {
	left:0;
	top:150px;
	box-shadow:1px 1px 3px #CCCCCC;
	width:72px;
	border-radius:0 5px 5px 0;
	}

#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;
}

.call_mobile {display:none;}

.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%; display:none;}
	.top_page_dx {height:auto; width:100%}
	.top_page_dx .blockquote {max-width:100%; width:100%; margin:0; padding:0 15px 0 15px; height:auto;}
	.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;}
	#countdown-container {display:none;}
	.benefit_box {margin-bottom:10px;}
	h1 {margin-top:20px; text-align:center;}
	.top_page_dx  h2, .top_page_dx .small_text {text-align:center;}
	input[type=submit]{width:100%; margin-bottom:10px;}
	.pull-right {float:none;}
	.top_page_dx {overflow:auto;}
	.photo-bg {background-size:contain; background-repeat:no-repeat;}
	.benefit_headline {min-height:auto;}
	ul.benefit_list {margin:30px 15px 30px 15px;}
	input[type=submit]  {background:#de5c31; font-weight:700; border-radius:5px; border:1px solid #fff;}
}