@charset "utf-8";

body {margin:0; padding:0; font-family: 'Montserrat', sans-serif;}

header {padding:15px 0;}
.top_bt {background:#fff; border:1px solid #dedede; border-radius:5px; padding:10px; box-shadow:1px 1px #dedede;}
.green_number {color:#28993d; font-size:14px; font-weight:700;}
.green_number:hover {text-decoration:none; color:#51c366}
.hide_desk {display:none;}
.hide_mobile {display:inline;}

.hero_section {background:#f6f8f7 url('../images/diploma-oss.jpg') no-repeat center right; background-size:cover; min-height:600px; padding:40px 0;}

h1 {font-size:34px; font-weight:700; font-family:'Merriweather', serif; color:#3d4586; line-height:40px;}
h2 {font-size:40px; font-weight:700; font-family:'Merriweather', serif; color:#3d4586; line-height:50px;}
h3 {font-size:36px; font-weight:700; font-family:'Merriweather', serif; color:#3d4586; margin-bottom:40px;}
.blu_section h3 {color:#fff}
.blu_section .lists_box_content h3 {color:#3d4586;}
.card h5 {font-size:20px; font-weight:700; font-family:'Merriweather', serif; color:#3d4586; padding:10px 0; margin-bottom:0;}
.hero_subline  {font-size:30px; font-weight:700; font-family:'Merriweather', serif; color:#3d4586; line-height:30px; }
.register_form_box {position:relative; margin-top:30px;}
.register_form_container {background:#fff; padding:30px; border:1px solid #dedede; border-radius:5px; position:absolute; box-shadow: 0 6px 10px 1px rgba(0,0,0,0.12);}

.slogan_section {padding:350px 0 50px 0;}
.slogan_box {padding:50px; background:#243f61;  border-radius:20px;}
p.slogan_txt {font-style:italic; font-size:30px; color:#fff; margin-bottom:0;}

.benefit_section {padding:40px 0;}
.benefit_row {padding:50px 0;}
.benefit_row .card {padding:20px; border-radius:5px; border:1px solid #dedede;  box-shadow: 0 6px 10px 1px rgba(0,0,0,0.12);}

.form-control {height:auto; padding:10px; margin-bottom:3px; }
.privacy_text {font-size:11px; color:#3f3f40;}
.bt_green {background:#71d6ff; border-radius:10px; color:#3f3f40; text-transform:uppercase; font-size:18px; font-weight:700; display:block; padding:10px; border:none; width:100%; margin:10px 0;}
.benefit_txt {color:#525253; font-size:16px;}
.benefit_list {margin:30px 0; list-style:none; padding:0;}
.benefit_list li {margin:10px 0; font-size:18px; color:#525253}
.fa-check-circle {color:#3d4586;}
.bt_blu  {background:#71d6ff; border-radius:10px; color:#3f3f40; text-transform:uppercase; font-size:18px; font-weight:700; display:inline-block; padding:15px; border:none; text-align:center; margin:10px 0;}
.bt_blu:hover {text-decoration:none;}
.bt_blu_big  {background:#71d6ff; border-radius:10px; color:#3f3f40; text-transform:uppercase; font-size:18px; font-weight:700; display:inline-block; padding:15px; border:none; text-align:center; margin:10px 0; width:90%;}
.bt_blu_big:hover {text-decoration:none;}

.white_section {padding:50px 0;}
.blu_section {padding:50px 0; background:#243f61; margin:50px 0; min-height:800px;}
.blu_section_box {color:#fff; font-size:18px; line-height:1.5em; padding:30px 0;}

.lists_box {margin:30px 0; position:relative; }
.lists_box_content {padding:40px; background:#fff; position:absolute; width:100%; box-shadow: 0 6px 10px 1px rgba(0,0,0,0.12);}
.list_box_boxes {padding:50px 0;}

.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:16px; color:#243f61}

.latest-course aside h4 {font-size:18px; font-weight:bold; color:#243f61}

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

.last_block {margin-top:1530px}

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}



.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) {
.hide_mobile {display:none;}
.hide_desk {display:inline;}
.logo {max-width:150px}
.hero_section {background-size:contain; min-height:auto; background-position:top center; }
h1 {font-size:30px; padding-top:90px; text-align:center; line-height:30px;}
.hero_subline { text-align:center; font-size:20px;}
.hero_desc {text-align:center; font-size:16px;}
.register_form_box {margin-top:20px;}
.register_form_container {position:static; padding:20px;}
.slogan_section {padding:30px 0;}
.slogan_box {padding:20px 0;}
p.slogan_txt {font-size:20px;}
h2, h3 {font-size:26px; line-height:normal;}
.benefit_section, .benefit_row, .white_section, .blu_section_box, .list_box_boxes {padding:20px 0;}
.bt_blu  {display:block;}
.lists_box_content {position:static; padding:20px}
.lists_box, .last_block {margin:20px 0;}
.white_section img {margin-bottom:20px;}
}