html,body{

  position:relative;

  height:100%;

  padding: 0 !important;

  margin: 0 !important;



}

.wrapper {

    display: table;

    width: 100%;

    height: 100%;

}

a {

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  color: #01366a;

  outline: none !important;

}

a:hover, a:active, a a:visited {

  color: #024283;

  text-decoration: none !important;

}



address {

  line-height: 20px;

}



abbr {

  border-bottom: 1px dotted;

  color: #767676;

}



blockquote {

  border: none;

  clear: both;

  display: table;

  margin: 0;

  padding: 20px;

}

blockquote figure {

  float: left;

}

blockquote figure img {

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  border: 3px solid #fff;

}

blockquote .paragraph-wrapper {

  padding-left: 40px;

}

blockquote .paragraph-wrapper header {

  color: #012951;

  margin-bottom: 10px;

}

blockquote .paragraph-wrapper footer {

  color: #767676;

}

blockquote .paragraph-wrapper {

  display: table-cell;

  vertical-align: middle;

}

.question {

	width: 266px;

	margin:auto 0;

	padding:11px;

	font-size: 15px;

	line-height: 18px;

	color:#fff;

  border: 2px solid #e2e2e2;

  background-color:#76cfd5;

}

.heady-heading {

	width: 266px;

	margin:auto 0;

	padding:12px;

	font-size: 17px;

	line-height: 18px;

	color:#fff;

	border:none;}



  body {

    -webkit-font-smoothing: antialiased;

    background-color: #fff;

    color: #767676;

    font-family: 'lato', 'Arial', sans-serif;

    font-size: 12px;

    overflow-x: hidden;

  }



  h1 {

    display: inline-block;

    font-size: 29px;

    margin-bottom: 24px;

    margin-top: 0;

    position: relative;

  }

  h1:after {

    background-color: #c5c5c5;

    bottom: -15px;

    content: "";

    height: 2px;

    left: 0;

    width: 30px;

    position: absolute;

    z-index: 0;

  }



  h2 {

    display: inline-block;

    font-size: 24px;

    margin-bottom: 18px;

    margin-top: 15px;

    position: relative;

  }

  h2:after {

    background-color: #c5c5c5;

    bottom: -13px;

    content: "";

    height: 2px;

    left: 0;

    width: 30px;

    position: absolute;

    z-index: 0;

  }



  h3 {

    font-size: 20px;

    line-height: 26px;

    margin: 1px 0 4px 0;

    color:#d7e1ea;

  }

  h4 {

    font-size: 14px;

  }

  p {

    color: #ddeaf2;

    font-size: 15px;

    line-height: 21px;

    margin-top: 0;

  }

  p.homie{

   color:#767676;

   font-size: 15px;

   margin-top: 20px;

   margin-bottom: 12px;

   line-height: 20px; 

 }

 p.highlight {

   color: #50b6bd;

   font-size: 16px;

   margin-right: 20px;

   margin-top: 14px;

   margin-bottom:20px;

   line-height: 22px;

 }



 ul {

  padding-left: 36px;

  font-size: 15px;

  line-height: 19px;

  margin-top: 10px;

}

ul li {

  padding: 3px 0;

  list-style-type:square;

  color: #767676;

  font-size: 15px;

  line-height: 19px;

}

ul.list-links {

  color: #d9d9d9;

}

ul.list-links a {

  display: inline-block;

  position: relative;

  left: 10p;

  padding: 3px 0;

}

ul.list-links a:hover {

  left: 3px;

}



/************

  A

  ************/

  .author-block {

    background-color: whitesmoke;

    clear: both;

    display: table;

    margin: 20px 0;

    padding: 20px;

  }

  .author-block figure {

    float: left;

  }

  .author-block figure img {

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    border: 3px solid #fff;

    width: 80px;

  }

  .author-block .paragraph-wrapper {

    padding-left: 25px;

  }

  .author-block .paragraph-wrapper header {

    color: #012951;

    margin-bottom: 10px;

  }

  .author-block .paragraph-wrapper p {

    color: #767676;

  }

  .author-block .paragraph-wrapper {

    display: table-cell;

    vertical-align: middle;

  }

  .author-block .paragraph-wrapper header {

    font-size: 18px;

    margin-bottom: 0;

  }

  .author-block .paragraph-wrapper figure {

    display: block;

    width: 100%;

    margin-bottom: 10px;

  }

  .author-block.course-speaker {

    background-color: transparent;

    border-bottom: 1px solid #e2e2e2;

    margin-bottom: 20px;

    padding-bottom: 30px;

  }

  .author-block.course-speaker:last-child {

    border-bottom: none;

  }

  .author-block.member-detail {

    background-color: transparent;

    padding: 0;

  }

  .author-block.member-detail figure img {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    border: none;

    width: 160px;

  }

  .author-block.member-detail .paragraph-wrapper h2 {

    font-size: 34px;

    font-weight: bold;

    margin: 0 0 5px 0;

  }

  .author-block.member-detail .paragraph-wrapper h2:after {

    display: none;

  }

  .author-block.member-detail .paragraph-wrapper h3 {

    margin-bottom: 20px;

  }

  .author-block.member-detail .paragraph-wrapper figure {

    font-size: 14px;

    float: none;

  }

  .author-block.member-detail .paragraph-wrapper .quote {

    font-family: "Georgia", serif;

    font-style: italic;

    font-size: 18px;

  }

  .author-block.member-detail .icons {

    margin-bottom: 30px;

    margin-top: 5px;

  }

  .author-block.member-detail .icons i {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);

    opacity: 0.6;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    color: #252525;

    display: inline-block;

    font-size: 18px;

    margin-left: 15px;

    padding: 2px 5px;

    margin: 0px;

  }

  .author-block.member-detail .icons i:hover {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

  }



  .account-block {

    padding: 40px 60px;

    margin: 50px 0;

  }



  .author-carousel {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFUlEQVQImWNgQAOfPn36T3UBBgYGAO4dEyr8+rCnAAAAAElFTkSuQmCC) repeat;

  }



  .author {

    background-color: whitesmoke;

  }

  .author.has-dark-background {

    background-color: #012951;

  }

  .author.has-dark-background .paragraph-wrapper header {

    color: #fff !important;

  }

  .author.has-dark-background .paragraph-wrapper footer {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);

    opacity: 0.6;

    color: #fff !important;

  }



/************

  B

  ************/

  .background {

    height: 100%;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

    overflow: hidden;

  }



  .block {

    padding-top: 20px;

    padding-bottom: 20px;

    position: relative;

    overflow: hidden;

  }



  .blog-listing-post {

    margin-bottom: 80px;

  }

  .blog-listing-post .blog-thumbnail {

    height: 140px;

    width: 100%;

    overflow: hidden;

    position: relative;

    text-align: center;

  }

  .blog-listing-post .blog-thumbnail .blog-meta {

    background-color: #252525;

    color: #767676;

    bottom: 0;

    left: 0;

    padding: 10px;

    position: absolute;

    z-index: 1;

  }

  .blog-listing-post .blog-thumbnail .blog-meta .fa {

    margin-right: 5px;

  }

  .blog-listing-post .blog-thumbnail .image-wrapper img {

    width: 100%;

  }

  .blog-listing-post .read-more {

    margin-bottom: 40px;

  }



  .blog-detail img {

    margin: 20px 0;

    max-width: 100%;

  }

  .blog-detail .blog-detail-header h2 {

    color: #012951;

    margin: 20px 0;

  }

  .blog-detail .blog-detail-header h2:after {

    display: none;

  }

  .blog-detail .blog-detail-header .blog-detail-meta {

    color: #767676;

  }

  .blog-detail .blog-detail-header .blog-detail-meta > span {

    margin-right: 20px;

  }

  .blog-detail .blog-detail-header .blog-detail-meta .fa {

    margin-right: 5px;

  }

  .blog-detail #share-post .icons {

    color: #767676;

  }

  .blog-detail #share-post .icons a {

    color: #767676;

    font-size: 18px;

    padding: 2px 5px;

    vertical-align: middle;

  }



  .breadcrumb {

    background-color: transparent;

    font-size: 11px;

    margin-bottom: 0px;

    margin-top: 20px;

    padding: 0;

  }

  .breadcrumb li a {

    color: #767676;

  }



/************

  C

  ************/

  .calendar h2:after {

    display: none;

  }

  .calendar .fc-button {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    background-color: transparent;

    background-image: none;

    border: 2px solid #c5c5c5;

    height: 40px;

    line-height: inherit;

    padding: 9px 10px;

  }

  .calendar .fc-button:hover {

    background-color: rgba(0, 0, 0, 0.05);

    color: #76cfd5;

  }

  .calendar .fc-button.fc-corner-left {

    border-right: transparent;

  }

  .calendar .fc-button.fc-corner-right {

    border-left: transparent;

  }

  .calendar .fc-button.fc-state-active {

    text-shadow: none;

    background-color: #012951;

    color: #fff;

    border-color: #012951;

  }

  .calendar .fc-view-basicDay .fc-event-inner {

    border-bottom: 1px solid whitesmoke;

    padding: 15px;

  }

  .calendar .fc-view-month .fc-event-inner {

    margin-bottom: 10px;

    height: 35px;

    overflow: hidden;

  }

  .calendar .fc-view-month .fc-event-inner:after {

    content: "...";

    position: relative;

  }

  .calendar .fc-text-arrow {

    font-size: 18px;

    position: relative;

    top: -5px;

  }

  .calendar .fc-content .fc-view .fc-event-container .fc-event {

    border: none;

    background-color: transparent !important;

    color: #01366a !important;

    font-size: 12px;

    padding: 0px 5px;

  }

  .calendar .fc-content .fc-view .fc-event-container .fc-event:hover {

    color: #76cfd5 !important;

  }

  .calendar .fc-content .fc-day-number {

    background-color: rgba(0, 0, 0, 0.01);

    color: rgba(0, 0, 0, 0.3);

    float: none;

    font-size: 14px;

    padding: 5px;

  }

  .calendar .fc-content .fc-day-header {

    background-color: whitesmoke;

    padding: 10px 0;

  }

  .calendar .fc-content .fc-widget-header {

    border-color: transparent;

    border-bottom-color: rgba(0, 0, 0, 0.05);

  }

  .calendar .fc-content .fc-widget-content {

    border-color: rgba(0, 0, 0, 0.05);

  }

  .calendar .fc-content .fc-state-highlight {

    border: 2px solid #76cfd5;

    background-color: transparent;

  }

  .calendar .fc-content .fc-state-highlight .fc-day-number {

    color: #76cfd5;

  }

  .calendar .fc-content .fc-event-inner {

    margin-bottom: 20px;

  }



  .link-calendar {

    color: #252525;

    font-size: 12px;

    font-weight: bold;

  }

  .link-calendar:after {

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'fontawesome';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    color: #76cfd5;

    content: "\f067";

    display: inline-block;

    font-size: 13px;

    margin-left: 5px;

    position: relative;

    top: 1px;

  }



  .connect-block .nav-pills li.active a {

    background-color: #76cfd5;

    color: #fff;

    position: relative;

  }

  .connect-block .nav-pills li.active a:after {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

  }

  .connect-block .nav-pills li.active a:hover {

    background-color: #76cfd5;

  }

  .connect-block .nav-pills li a {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    font-size: 14px;

  }

  .connect-block .nav-pills li a:hover {

    background-color: rgba(0, 0, 0, 0.05);

  }

  .connect-block .nav-pills li a:after {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    opacity: 0;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    width: 0px;

    height: 0px;

    border-style: solid;

    border-width: 4px 0 4px 5px;

    border-color: transparent transparent transparent #76cfd5;

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    right: -5px;

  }

  .connect-block .nav-pills li i {

    font-size: 18px;

    vertical-align: middle;

    margin-right: 10px;

  }



  .disable-join .btn {

    display: none;

  }

  .disable-join .course-start {

    display: none !important;

  }

  .disable-join .count-down-wrapper .count-description {

    display: none;

  }



  .course-count-down {

    padding-bottom: 5px;

    position: relative;

  }

  .course-count-down .count-down-wrapper {

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 15px;

  }

  .course-count-down .count-down-wrapper > span {

    position: relative;

  }

  .course-count-down .count-down-wrapper .count-divider {

    color: #76cfd5;

    margin: 0 15px;

    bottom: 4px;

  }

  .course-count-down .count-down-wrapper .count-description {

    color: #767676;

    font-size: 10px;

    font-weight: normal;

    text-transform: uppercase;

    position: absolute;

    left: 0;

    bottom: -15px;

  }

  .course-count-down a {

    line-height: 35px;

    position: absolute;

    z-index: 0;

    top: 10px;

    right: 0;

  }

  .course-count-down .course-start {

    color: #767676;

    display: block;

    margin-bottom: -5px;

  }



  .count-down > div {

    display: block !important;

    height: 100% !important;

    width: 100% !important;

    position: relative !important;

    margin-bottom: 30px !important;

  }

  .count-down > div canvas {

    width: 100% !important;

  }

  .count-down > div input {

    bottom: 0 !important;

    font-family: inherit !important;

    color: #fff !important;

    font-size: 60px !important;

    font-weight: normal !important;

    left: 0 !important;

    right: 0 !important;

    top: -50px !important;

    margin: auto !important;

    margin: auto !important;

  }



  .course-detail h2, .event-detail h2 {

    font-size: 18px;

  }

  .course-detail hr, .event-detail hr {

    margin: 10px 0;

  }

  .course-detail > section, .event-detail > section {

    margin-bottom: 40px;

  }

  .course-detail .author-block, .event-detail .author-block {

    margin-bottom: 20px;

    padding: 20px;

  }

  .course-detail .author-block header, .event-detail .author-block header {

    font-size: 18px;

  }

  .course-detail .author-block .author-picture img, .event-detail .author-block .author-picture img {

    max-width: inherit;

    width: 80px;

  }

  .course-detail .author-block .paragraph-wrapper, .event-detail .author-block .paragraph-wrapper {

    padding-left: 25px;

  }

  .course-detail .author-block .paragraph-wrapper header, .event-detail .author-block .paragraph-wrapper header {

    margin-bottom: 0 !important;

  }

  .course-detail .author-block .paragraph-wrapper p, .event-detail .author-block .paragraph-wrapper p {

    font-size: 12px;

  }

  .course-detail .author-block .paragraph-wrapper figure, .event-detail .author-block .paragraph-wrapper figure {

    display: block;

    font-size: 12px;

    margin-bottom: 10px;

    width: 100%;

  }

  .course-detail .author-block.invited-person, .event-detail .author-block.invited-person {

    background-color: transparent;

    border-bottom: 1px solid #e2e2e2;

    margin-bottom: 20px;

    padding-bottom: 10px;

  }

  .course-detail .author-block.invited-person:last-child, .event-detail .author-block.invited-person:last-child {

    border: none;

    margin-bottom: 0;

  }

  .course-detail .course-category, .event-detail .course-category {

    color: #767676;

    margin: 5px 0;

  }

  .course-detail .course-category a, .event-detail .course-category a {

    margin-left: 5px;

  }

  .course-detail .course-date, .course-detail .event-date, .event-detail .course-date, .event-detail .event-date {

    color: #012951;

    font-size: 24px;

    margin: 0;

  }

  .course-detail .course-date:after, .course-detail .event-date:after, .event-detail .course-date:after, .event-detail .event-date:after {

    display: none;

  }

  .course-detail .course-summary, .event-detail .course-summary {

    margin-right: 30px;

  }

  .course-detail .course-summary i, .event-detail .course-summary i {

    color: #c5c5c5;

    margin-right: 5px;

  }

  .course-detail .tab-content, .event-detail .tab-content {

    border: 2px solid #e2e2e2;

    position: relative;

    top: -2px;

    padding: 20px;

  }

  .course-detail .tab-content .gallery-list li, .event-detail .tab-content .gallery-list li {

    height: 95px;

    width: 95px;

  }

  .course-detail .tab-pane .course-speaker, .event-detail .tab-pane .course-speaker {

    padding-bottom: 10px;

  }

  .course-detail .tab-pane .course-speaker:last-child, .event-detail .tab-pane .course-speaker:last-child {

    border: none;

    margin-bottom: 0;

  }



  .course-image, .event-image {

    height: 165px;

    overflow: hidden;

    text-align: center;

    width: 100%;

  }

  .course-image .image-wrapper, .event-image .image-wrapper {

    left: 100%;

    margin-left: -200%;

    position: relative;

  }

  .course-image .image-wrapper img, .event-image .image-wrapper img {

    height: 165px;

    width: auto;

  }



  .course-joined {

    font-size: 18px;

  }

  .course-joined i {

    color: #76cfd5;

    margin-right: 5px;

  }



  .course-list-table .course-title {

    font-weight: bold;

  }

  .course-list-table .length {

    width: 15%;

  }

  .course-list-table .starts {

    width: 15%;

  }

  .course-list-table .status {

    width: 20%;

  }

  .course-list-table thead tr th {

    border-color: #76cfd5;

    color: #252525;

    font-size: 14px;

    font-weight: normal;

  }

  .course-list-table tbody tr:hover th {

    background-color: whitesmoke;

  }

  .course-list-table tbody tr.status-completed {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

    opacity: 0.5;

  }

  .course-list-table tbody tr.status-in-progress .status {

    color: #76cfd5;

  }

  .course-list-table tbody tr th {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    color: #767676;

    font-weight: normal;

    padding: 15px 10px;

  }

  .course-list-table tbody tr th i {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

    opacity: 0.5;

    width: 20px;

  }



  .course-schedule-block {

    border-bottom: 1px solid #e2e2e2;

    margin-bottom: 30px;

    padding-bottom: 10px;

    position: relative;

  }

  .course-schedule-block:last-child {

    border: none;

    margin-bottom: 0;

  }

  .course-schedule-block.course-completed header, .course-schedule-block.course-completed .schedule-list {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);

    opacity: 0.4;

  }

  .course-schedule-block .course-completed-tag {

    color: #76cfd5;

    position: absolute;

    right: 0;

    top: 0;

  }

  .course-schedule-block .course-completed-tag i {

    margin-right: 5px;

  }

  .course-schedule-block h4 {

    color: #012951;

    font-size: 18px;

    font-weight: bold;

    margin: 0;

  }

  .course-schedule-block h4:before {

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'fontawesome';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    bottom: 3px;

    color: #76cfd5;

    content: "\f133";

    display: inline-block;

    font-size: 12px;

    margin-right: 6px;

    position: relative;

    left: -1px;

  }

  .course-schedule-block .schedule-list li {

    padding-bottom: 0;

    padding-left: 10px;

    position: relative;

  }



  .search-box {

    background-color: whitesmoke;

    display: table;

    margin-bottom: 40px;

    padding: 20px;

    width: 100%;

  }

  .search-box header {

    border-bottom: 1px solid rgba(0, 0, 0, 0.05);

    margin-bottom: 15px;

  }

  .search-box header h2 {

    color: #012951;

    margin-top: 0;

    margin-bottom: 15px;

  }

  .search-box header h2:after {

    display: none;

  }

  .search-box header .fa {

    color: #76cfd5;

    font-size: 24px;

    margin-right: 10px;

  }

  .search-box .checkbox {

    display: inline-block;

    float: left;

    margin-top: 10px;

    padding-left: 0;

  }

  .search-box form .form-group {

    width: 32%;

    margin-right: 10px;

    margin-bottom: 10px;

  }

  .search-box form .form-group:last-child {

    margin-right: 0px;

  }

  .search-box .btn {

    margin-right: 2px;

  }

  .search-box #event-search-form .form-group {

    width: 49%;

  }



  .course-thumbnail {

    padding-bottom: 40px;

  }

  .course-thumbnail .image {

    width: 100%;

    overflow: hidden;

    height: 230px;

    text-align: center;

  }

  .course-thumbnail .image .image-wrapper {

    left: 100%;

    margin-left: -200%;

    position: relative;

  }

  .course-thumbnail .image .image-wrapper a {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

  }

  .course-thumbnail .image .image-wrapper a img {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    height: 230px;

    width: auto;

  }

  .course-thumbnail .image .image-wrapper a:hover:after {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

  }

  .course-thumbnail .image .image-wrapper a:hover img {

    -moz-transform: scale(1.07, 1.07);

    -ms-transform: scale(1.07, 1.07);

    -webkit-transform: scale(1.07, 1.07);

    transform: scale(1.07, 1.07);

  }

  .course-thumbnail .description hr {

    margin: 10px 0;

  }

  .course-thumbnail .description .course-meta {

    color: #767676;

    margin-bottom: 15px;

  }

  .course-thumbnail .description .course-meta > span {

    margin: 0 5px;

  }

  .course-thumbnail .description .course-meta .fa {

    color: #252525;

    margin-right: 5px;

  }

  .course-thumbnail.small {

    display: table;

    padding-bottom: 30px;

  }

  .course-thumbnail.small h3 {

    font-size: 12px;

    margin-bottom: 10px;

    margin-top: 0;

  }

  .course-thumbnail.small .image {

    float: left;

    height: 80px;

    width: 80px;

  }

  .course-thumbnail.small .image .image-wrapper a img {

    height: 80px;

  }

  .course-thumbnail.small .description {

    padding-left: 100px;

  }

  .course-thumbnail.small .description hr {

    margin: 5px 0;

  }

  .course-thumbnail.small .description .btn {

    border: none;

    min-height: inherit;

    padding: 0;

  }

  .course-thumbnail.small .description .btn:hover {

    background-color: transparent;

    color: #76cfd5;

  }



/************

  D

  ************/

  .divider {

    background-color: #c5c5c5;

    height: 1px;

    width: 30px;

    margin: 10px 0;

  }



  .discussion-list {

    list-style: none;

    padding-left: 0;

  }

  .discussion-list .author-block {

    margin: 0 0 10px 0;

  }

  .discussion-list .author-block .comment-controls {

    color: rgba(0, 0, 0, 0.4);

    font-size: 11px;

  }

  .discussion-list .author-block .comment-controls span {

    margin-right: 20px;

  }

  .discussion-list .discussion-child {

    list-style: none;

    padding-left: 30px;

  }



/************

  E

  ************/

  .events .event {

    border-bottom: 1px solid rgba(0, 0, 0, 0.05);

    margin-bottom: 30px;

    padding-bottom: 30px;

  }

  .events .event:last-child {

    border-bottom: none;

    margin-bottom: 0;

  }

  .events .event aside {

    padding-left: 80px;

  }

  .events .event aside header {

    font-size: 18px;

    margin-bottom: 8px;

  }

  .events .event aside .additional-info {

    color: #767676;

    font-size: 12px;

    margin-bottom: 10px;

  }

  .events .event aside .description p {

    margin: 0 0 10px 0;

  }

  .events .event .date {

    background-color: #012951;

    color: #fff;

    float: left;

    height: 70px;

    overflow: hidden;

    width: 70px;

  }

  .events .event .date .day {

    bottom: 15px;

    font-size: 60px;

    font-weight: bold;

    position: relative;

    right: -12px;

  }

  .events .event .date .month {

    font-size: 14px;

    padding-top: 5px;

    text-align: center;

    text-transform: uppercase;

  }

  .events.grid .event {

    margin-bottom: 40px;

    padding-bottom: 50px;

  }

  .events.grid .event .btn {

    position: absolute;

    bottom: 0;

    margin-bottom: 50px;

  }

  .events.images .event aside {

    padding-left: 190px;

  }

  .events.images .event .event-thumbnail {

    display: inline-block;

    float: left;

    position: relative;

  }

  .events.images .event .event-thumbnail .date {

    bottom: -10px;

    position: absolute;

    right: -10px;

  }

  .events.images .event .event-thumbnail .event-image {

    height: 165px;

    width: 165px;

    overflow: hidden;

    text-align: center;

    position: relative;

  }

  .events.images .event .event-thumbnail .event-image:last-child {

    margin-right: 0;

  }

  .events.images .event .event-thumbnail .event-image .image-wrapper {

    position: relative;

    left: 100%;

    margin-left: -200%;

    position: relative;

  }

  .events.images .event .event-thumbnail .event-image .image-wrapper img {

    height: 100%;

    width: auto;

  }

  .events.featured .event aside {

    padding-left: 0;

  }

  .events.featured .event aside header {

    font-size: 14px;

  }

  .events.featured .event .event-thumbnail {

    float: none;

    margin-bottom: 20px;

  }

  .events.featured .event .event-thumbnail .event-image {

    width: 100%;

  }

  .events.small .link-calendar {

    float: right;

    position: relative;

    top: 25px;

  }

  .events.small .event {

    border: none;

    margin-bottom: 40px;

    padding: inherit;

  }

  .events.small .event aside header {

    font-size: 14px;

  }

  .events.small .event aside .additional-info {

    color: #767676;

    font-size: 12px;

    margin-bottom: 0px;

  }

  .events.small .event .date {

    background-color: #c5c5c5;

  }

  .events.small .event.nearest .date {

    background-color: #012951;

  }

  .events.small .event.nearest-second .date {

    background-color: #76cfd5;

  }



/************

  F

  ************/

  .featured-course {

    padding-bottom: 40px;

  }

  .featured-course .image {

    border-bottom: 5px solid #76cfd5;

    width: 100%;

    overflow: hidden;

    height: 263px;

    text-align: center;

  }

  .featured-course .image .image-wrapper {

    left: 100%;

    margin-left: -200%;

    position: relative;

  }

  .featured-course .image .image-wrapper a {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

  }

  .featured-course .image .image-wrapper a img {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    height: 263px;

    width: auto;

  }

  .featured-course .image .image-wrapper a:hover:after {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

  }

  .featured-course .image .image-wrapper a:hover img {

    -moz-transform: scale(1.07, 1.07);

    -ms-transform: scale(1.07, 1.07);

    -webkit-transform: scale(1.07, 1.07);

    transform: scale(1.07, 1.07);

  }

  .featured-course .description hr {

    margin: 10px 0;

  }

  .featured-course .description .course-meta {

    color: #767676;

    margin-bottom: 15px;

  }

  .featured-course .description .course-meta > span {

    margin: 0 5px;

  }

  .featured-course .description .course-meta .fa {

    color: #252525;

    margin-right: 5px;

  }



/************

  G

  ************/

  .gallery-list {

    clear: both;

    display: table;

    list-style: none;

    padding: 0;

    margin: 12px 0 4px 4px;

  }

  .gallery-list li {

    float: left;

    margin-bottom: 7px;

    margin-right: 12px;

    height: 100px;

    width: 100px;

    overflow: hidden;

    text-align: center;

    position: relative;

    padding: inherit;

  }

  .gallery-list li:last-child {

    margin-right: 0;

  }

  .gallery-list li a {

    position: relative;

    left: 100%;

    margin-left: -200%;

    position: relative;

  }

  .gallery-list li a:after {

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'fontawesome';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    -webkit-transition: 0.6s;

    transition: 0.6s;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    opacity: 0;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    color: #fff;

    content: "\f06e";

    display: inline-block;

    font-size: 16px;

    position: absolute;

    width: 30px;

    height: 30px;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    background-color: #252525;

    padding-top: 7px;

    margin-top: -7px;

  }

  .gallery-list li a:hover:after {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

  }

  .gallery-list li a:hover img {

    -moz-transform: scale(1.08, 1.08);

    -ms-transform: scale(1.08, 1.08);

    -webkit-transform: scale(1.08, 1.08);

    transform: scale(1.08, 1.08);

  }

  .gallery-list li a img {

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    height: 100%;

    width: auto;

  }



  .gallery {

    display: block;

    line-height: 0;

    text-align: justify;

  }

  .gallery:after {

    content: '';

    display: inline-block;

    width: 100%;

    vertical-align: top;

  }

  .gallery a {

    display: inline-block;

    margin-bottom: 7px;

    position: relative;

    vertical-align: top;

  }

  .gallery img {

    vertical-align: top;

  }



/************

  H

  ************/

  #home {

    margin-bottom: 0;

  }



  #homepage-slider {

    position: relative;

    z-index: 0;

  }

  #homepage-slider .flexslider {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    height: 600px;

    overflow: hidden;

    border: none;

    margin: 0;

  }

  #homepage-slider .flexslider figure {

    height: 600px;

    position: absolute;

    width: 100%;

    text-align: center;

  }

  #homepage-slider .flexslider figure .inner {

    vertical-align: middle;

  }

  #homepage-slider .flexslider h2 {

    display: block;

    color: rgba(255, 255, 255, 0.6);

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 10px;

    text-transform: uppercase;

  }

  #homepage-slider .flexslider h2:after {

    display: none;

  }

  #homepage-slider .flexslider h1 {

    border: 4px solid rgba(255, 255, 255, 0.6);

    color: #fff;

    font-size: 80px;

    font-weight: bold;

    padding: 15px 20px;

    text-transform: uppercase;

  }

  #homepage-slider .flexslider h1:after {

    display: none;

  }

  #homepage-slider .flexslider ul li {

    padding: 0;

  }

  #homepage-slider .flexslider .flex-direction-nav .flex-next, #homepage-slider .flexslider .flex-direction-nav .flex-prev {

    background-color: #fff;

    height: 30px;

    width: 30px;

  }

  #homepage-slider .flexslider .flex-direction-nav .flex-next:before, #homepage-slider .flexslider .flex-direction-nav .flex-prev:before {

    display: none;

  }

  #homepage-slider .flexslider .flex-direction-nav .flex-next:after, #homepage-slider .flexslider .flex-direction-nav .flex-prev:after {

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'lato';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    color: #252525;

    font-size: 16px;

    position: absolute;

    right: 11px;

    top: 6px;

    z-index: 2;

  }

  #homepage-slider .flexslider .flex-direction-nav .flex-next:after {

    content: "\f105";

  }

  #homepage-slider .flexslider .flex-direction-nav .flex-prev:after {

    content: "\f104";

    right: 12px;

  }



/************

  I

  ************/

  .image-carousel .owl-buttons {

    bottom: 12px;

    position: absolute;

    right: 28px;

  }

  .image-carousel .owl-buttons .owl-prev, .image-carousel .owl-buttons .owl-next {

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    background-color: #76cfd5;

    display: inline-block;

    height: 30px;

    width: 30px;

    position: relative;

  }

  .image-carousel .owl-buttons .owl-prev:after, .image-carousel .owl-buttons .owl-next:after {

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'fontawesome';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    color: #fff;

    display: inline-block;

    font-size: 16px;

    position: absolute;

    padding: 7px 13px;

  }

  .image-carousel .owl-buttons .owl-prev:hover, .image-carousel .owl-buttons .owl-next:hover {

    background-color: #50b6bd;

  }

  .image-carousel .owl-buttons .owl-next:after {

    content: "\f105";

  }

  .image-carousel .owl-buttons .owl-prev:after {

    content: "\f104";

  }



/************

  J

  ************/

/************

  K

  ************/

  .knob {

    border: none;

    background-color: transparent;

  }



/************

  L

  ************/

  .latest-course {

    margin-bottom: 40px;

  }

  .latest-course aside {

    padding-left: 85px;

  }

  .latest-course aside .course-meta {

    color: #767676;

    margin-bottom: 15px;

  }

  .latest-course aside .course-meta > span {

    margin-right: 5px;

  }

  .latest-course aside .course-meta .fa {

    color: #252525;

    margin-right: 5px;

  }

  .latest-course p {

    color: #c5c5c5;

  }

  .latest-course hr {

    margin: 5px 0;

  }

  .latest-course .image {

    float: left;

    width: 70px;

    overflow: hidden;

    height: 70px;

    text-align: center;

  }

  .latest-course .image .image-wrapper {

    left: 100%;

    margin-left: -200%;

    position: relative;

  }

  .latest-course .image .image-wrapper img {

    height: 70px;

    width: auto;

  }



  .learning-material {

    margin-bottom: 40px;

  }

  .learning-material .learning-material-picture img {

    float: left;

    width: 70px;

  }

  .learning-material .learning-material-description {

    padding-left: 90px;

  }

  .learning-material .learning-material-description h4 {

    font-weight: bold;

  }

  .learning-material .learning-material-description p {

    margin-top: 10px;

  }



  .logos {

    display: block;

    line-height: 0;

    margin-top: 10px;

    text-align: justify;

  }

  .logos:after {

    content: '';

    display: inline-block;

    width: 100%;

  }

  .logos .logo {

    display: inline-block;

    margin-bottom: 7px;

    position: relative;

  }

  .logos .logo a {

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

    opacity: 0.8;

    padding: 10px;

  }

  .logos .logo a:hover {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

  }



/************

  M

  ************/

  .map-wrapper {

    width: 100%;

    height: 100%;

  }



  .my-profile .profile-avatar {

    float: left;

  }

  .my-profile article {

    padding-left: 120px;

  }

  .my-profile article .my-profile-table {

    margin-bottom: 20px;

    width: 100%;

  }

  .my-profile article .my-profile-table tbody tr td {

    vertical-align: middle;

    height: 40px;

  }

  .my-profile article .my-profile-table tbody tr td.bio {

    vertical-align: text-top;

  }

  .my-profile article .my-profile-table tbody tr td.title {

    font-weight: bold;

    width: 130px;

    padding-right: 30px;

  }

  .my-profile article .my-profile-table tbody tr td .input-group {

    margin-bottom: 0px;

    display: inline-block;

  }

  .my-profile article .my-profile-table tbody tr td .input-group input[type="text"], .my-profile article .my-profile-table tbody tr td .input-group textarea {

    border-color: transparent;

    background-color: transparent;

    color: #252525;

    padding-left: 0;

  }

  .my-profile article .my-profile-table tbody tr td .input-group input[type="text"]:hover, .my-profile article .my-profile-table tbody tr td .input-group textarea:hover {

    border-color: #c5c5c5;

    padding-left: 9px;

  }



/************

  N

  ************/

  .nav-tabs {

    border-bottom: 2px solid #e2e2e2;

    position: relative;

    z-index: 1;

  }

  .nav-tabs > li {

    margin-bottom: -2px;

    padding: 0;

  }

  .nav-tabs > li a {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    border-color: transparent;

    border-width: 2px !important;

    color: #767676;

  }

  .nav-tabs > li a:hover {

    background-color: transparent;

    border-width: 2px;

  }

  .nav-tabs > li.active a {

    border-color: #e2e2e2 #e2e2e2 #fff;

    border-width: 2px;

    color: #252525;

  }

  .nav-tabs > li.active a:hover {

    border-color: #e2e2e2 #e2e2e2 #fff;

    border-width: 2px;

  }



  .news-small article {

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    color: #c5c5c5;

    margin-bottom: 15px;

    padding-bottom: 15px;

  }

  .news-small article:last-child {

    border: none;

  }

  .news-small article header {

    padding-left: 15px;

  }

  .news-small article i {

    margin-right: 5px;

  }

  .news-small article .date {

    margin-bottom: 10px;

  }



  .newsletter {

    border: 2px solid whitesmoke;

    margin-bottom: 20px;

    padding: 20px;

  }

  .newsletter .input-group {

    margin-bottom: 0px;

  }



/************

  O

  ************/

/************

  P

  ************/

  .panel-group .panel {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-width: 2px;

    border-color: #e2e2e2;

  }

  .panel-group .panel .panel-heading {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    background-color: whitesmoke;

    padding: 0;

    position: relative;

  }

  .panel-group .panel .panel-heading:hover {

    background-color: #ebebeb;

  }

  .panel-group .panel .panel-heading:before {

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'fontawesome';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    bottom: 3px;

    color: #fff;

    content:"\f067";

    display: inline-block;

    font-size: 18px;

    position: absolute;

    top: 16px;

    left: 16px;

  }

  .panel-group .panel .panel-heading h4 {

    color: #252525;

    font-size: 14px;

    background-color: #76cfd5;

  }

  .panel-group .panel .panel-heading h4 a {

    display: block;

    padding: 13px 13px 13px 35px;

  }

  .panel-group .panel .panel-heading h4 a:hover, .panel-group .panel .panel-heading h4 a:active, .panel-group .panel .panel-heading h4 a:focus {

    color: inherit;

    text-decoration: none;

  }

  .panel-group .panel .panel-collapse .panel-body {

    border-top: 2px solid #e2e2e2;

    font-size: 14px;

    line-height:19px;

    color: #767676;

  }



  .pagination {

    margin: 40px 0;

  }

  .pagination li a {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    border: 2px solid rgba(0, 0, 0, 0.4);

    color: #252525;

    font-size: 14px;

    margin-left: 10px;

    padding: 10px 16px;

  }

  .pagination li a:hover {

    background-color: transparent;

    border: 2px solid rgba(0, 0, 0, 0.8);

    color: #252525;

  }

  .pagination li.active a {

    background-color: #012951;

    border: 2px solid #012951;

  }

  .pagination li.active a:hover, .pagination li.active a:focus, .pagination li.active a:active {

    background-color: #012951;

    border: 2px solid #012951;

  }

  .pagination li:first-child a, .pagination li:last-child a {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

  }



  .details-accordion {

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    cursor: pointer;

    color: #012951;

    float: right;

    position: absolute;

    right: 0;

    top: 15px;

  }

  .details-accordion:hover {

    color: #76cfd5;

  }

  .details-accordion .fa {

    color: #76cfd5;

    margin-left: 5px;

    position: relative;

    top: 1px;

  }



  .details-accordion-content .inner {

    background-color: whitesmoke;

    padding: 10px;

    margin-bottom: 10px;

  }

  .details-accordion-content .inner .time, .details-accordion-content .inner p {

    margin-bottom: 10px;

  }



  .professor-thumbnail {

    border: 2px solid whitesmoke;

    padding: 8px;

    margin-bottom: 10px;

  }

  .professor-thumbnail aside {

    margin-left: 90px;

  }

  .professor-thumbnail aside header {

    font-size: 14px;

    font-weight: bold;

  }

  .professor-thumbnail aside header figure {

    color: #767676;

    font-size: 12px;

    font-weight: normal;

    margin-bottom: 3px;

  }

  .professor-thumbnail .show-profile {

    color: #252525;

    font-size: 11px;

  }

  .professor-thumbnail .professor-image {

    float: left;

    font-weight: bold;

  }



  .profile-avatar {

    overflow: hidden;

    text-align: center;

    width: 100px;

  }

  .profile-avatar .image-wrapper {

    left: 100%;

    margin-left: -200%;

    position: relative;

  }

  .profile-avatar .image-wrapper img {

    height: 100px;

    width: auto;

  }



  .progress {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    background-color: #f0f0f0;

    margin-bottom: 10px;

  }

  .progress .progress-bar {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    background-color: #76cfd5;

  }



  .price-box {

    border: 2px solid whitesmoke;

    text-align: center;

  }

  .price-box h3 {

    font-size: 24px;

    font-weight: bold;

  }

  .price-box figure {

    color: #012951;

    text-transform: uppercase;

  }

  .price-box .price {

    color: #012951;

    font-size: 48px;

    font-weight: bold;

    margin-bottom: 0;

  }

  .price-box .btn {

    margin: 20px 0;

  }

  .price-box .features {

    list-style: none;

    padding: 0;

    margin-top: 20px;

    margin-bottom: 0;

  }

  .price-box .features li {

    border-top: 2px solid whitesmoke;

    padding: 15px;

  }

  .price-box .features li .fa {

    color: #c5c5c5;

    font-size: 18px;

  }

  .price-box .features li .fa.available {

    color: #76cfd5;

  }

  .price-box.recommended {

    border: 4px solid #012951;

    position: relative;

    top: -2px;

  }



/************

  Q

  ************/

/************

  R

  ************/

  .rating-individual {

    margin-bottom: 10px;

  }



  .rating-user {

    display: inline-block;

  }

  .rating-user #hint {

    margin-top: 20px;

    height: 20px;

  }



  .read-more {

    color: #252525;

    display: inline-block;

    font-size: 14px;

    font-weight: bold;

    margin-top: 10px;

  }

  .read-more:after {

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'fontawesome';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    color: #fff;

    content: "\f18e";

    display: inline-block;

    font-size: 16px;

    margin-left: 5px;

    position: relative;

    top: 2px;

  }



/************

  S

  ************/

  #homepage-carousel {

    padding-top: 30px;

  }

  #homepage-carousel .homepage-carousel-wrapper {

    color: #fff;

    position: relative;

  }

  #homepage-carousel .homepage-carousel-wrapper:after {

    background-color: #011c38;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    z-index: -1;

    top: -30px;

    width: 3000px;

  }

  #homepage-carousel .homepage-carousel-wrapper .slider-content h1 {

    font-size: 30px;

    line-height: 36px;

    margin-bottom: 30px;

    margin-left: 0;/*new  changes*/

    margin-top: 30px;  /*new changes*/

  }

  #homepage-carousel .homepage-carousel-wrapper .slider-content h1:after {

    display: none;

  }

  #homepage-carousel .homepage-carousel-wrapper .slider-content p {

    margin-left: 0px;

    margin-right: 0px;/*new changes*/

    padding-bottom: 30px;

  }



/************

  T

  ************/

  .tab-content {

    padding-top: 20px;

    position: relative;

    top: -2px;

  }



  th.headerSortUp {

    position: relative;

    cursor: pointer;

  }

  th.headerSortUp:before {

    display: none;

  }

  th.headerSortUp:after {

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'fontawesome';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    color: #252525;

    content: "\f0de";

    display: inline-block;

    font-size: 12px;

    position: absolute;

    right: 10px;

    top: 12px;

    z-index: 2;

  }



  th.headerSortDown {

    position: relative;

    cursor: pointer;

  }

  th.headerSortDown:before {

    display: none;

  }

  th.headerSortDown:after {

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'fontawesome';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    color: #252525;

    content: "\f0dd";

    display: inline-block;

    font-size: 12px;

    position: absolute;

    right: 10px;

    top: 12px;

    z-index: 2;

  }



  th.header {

    position: relative;

    cursor: pointer;

  }

  th.header:before {

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'fontawesome';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    color: #c5c5c5;

    content: "\f0dc";

    display: inline-block;

    font-size: 12px;

    position: absolute;

    right: 10px;

    top: 12px;

    z-index: -10;

  }



  .tag {

    background-color: transparent;

    border: 2px solid #c5c5c5;

    color: #252525;

    font-weight: bold;

    padding: 5px 10px;

  }



  .social-post header {

    font-size: 14px;

    border-bottom: 1px solid #c5c5c5;

    margin-bottom: 15px;

    padding-bottom: 10px;

  }

  .social-post figure {

    font-size: 12px;

    margin-bottom: 5px;

  }

  .social-post a {

    text-decoration: underline;

  }



/************

  U

  ************/

  .universal-button {

    display: table;

    margin-bottom: 10px;

    padding: 10px;

    position: relative;

    width: 100%;

  }

  .universal-button:hover, .universal-button:focus, .universal-button:active {

    color: #fff;

  }

  .universal-button h3 {

    display: table-cell;

    font-size: 15px;

    margin: 0px;

    vertical-align: middle;

  }

  .universal-button.framed {

    background-color: transparent;

    border: 2px solid #395065;

    color: #012951;

  }

  .universal-button.framed h3{

    color: #395065;

  }

  .universal-button.framed i {

    color: #fff;

  }



/************

  V

  ************/

/************

  W

  ************/

/* .wrapper {

  overflow: hidden;

  } */



/************

  X

  ************/

/************

  Y

  ************/

/************

  Z

  ************/

  .add-margin {

    margin-bottom: 20px;

  }



  .background {

    height: 100%;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

  }



  .background-color-primary {

    background-color: #012951;

  }



  .background-color-primary-darken {

    background-color: #011c38 !important;

  }



  .background-color-secondary {

    background-color: #76cfd5;

  }



  .background-color-grey-dark {

    background-color: #252525;

    }na



    .background-color-grey-light {

      background-color: #c5c5c5;

    }



    .background-color-grey-background {

      background-color: whitesmoke;

    }



    .block-dark-background {

      background-color: #012951;

      padding: 20px 30px;

    }



    .center {

      text-align: center !important;

    }



    .center-image {

      bottom: 0;

      display: inline-block !important;

      left: 0;

      margin: auto;

      right: 0;

      top: 0;

      position: absolute;

      width: inherit !important;

    }



    .element-framed {

      border: 2px solid whitesmoke;

      margin: 20px 0;

      padding: 20px;

    }

    .element-framed li {

      margin-left: 10px;

    }



    .font-color-light {

      color: #fff !important;

    }



    .font-color-dark {

      color: #252525 !important;

    }



    .font-color-primary {

      color: #012951 !important;

    }



    .font-color-secondary {

      color: #76cfd5 !important;

    }



    .font-color-grey-medium {

      color: #767676 !important;

    }



    .font-uppercase {

      text-transform: uppercase;

    }



    .has-dark-background {

      color: #fff;

    }

    .has-dark-background a {

      color: #fff;

    }

    .has-dark-background a:hover {

      color: #76cfd5;

    }

    .has-dark-background h2:after {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);

      opacity: 0.2;

      background-color: #fff;

    }

    .has-dark-background ul {

      color: #fff;

    }

    .has-dark-background p {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

      opacity: 0.8;

      color: #fff;

    }



    .has-opacity {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

      opacity: 0.5;

    }



    .has-subtitle {

      margin-bottom: -5px;

    }



    .link-icon {

      color: #252525;

    }

    .link-icon:hover {

      color: #012951;

    }

    .link-icon .fa {

      color: #76cfd5;

      margin: 0 5px;

      font-size: 18px;

      position: relative;

      top: 2px;

    }



    .menu-child-align-left {

      left: 0 !important;

    }



    .menu-child-align-right {

      right: 0 !important;

    }

    .menu-child-align-right:after {

      left: inherit !important;

      right: 30px !important;

    }



    .no-divider {

      margin-bottom: 15px;

    }

    .no-divider:after {

      display: none;

    }



    .regular-case {

      text-transform: none;

    }



    .reset-margin {

      margin: 0 !important;

    }



    .opacity-1 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);

      opacity: 0.01;

    }



    .opacity-2 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=2);

      opacity: 0.02;

    }



    .opacity-3 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=3);

      opacity: 0.03;

    }



    .opacity-4 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=4);

      opacity: 0.04;

    }



    .opacity-5 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=5);

      opacity: 0.05;

    }



    .opacity-6 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=6);

      opacity: 0.06;

    }



    .opacity-7 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=7);

      opacity: 0.07;

    }



    .opacity-8 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=8);

      opacity: 0.08;

    }



    .opacity-9 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=9);

      opacity: 0.09;

    }



    .opacity-10 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);

      opacity: 0.1;

    }



    .opacity-20 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);

      opacity: 0.2;

    }



    .opacity-30 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);

      opacity: 0.3;

    }



    .opacity-40 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);

      opacity: 0.4;

    }



    .opacity-50 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

      opacity: 0.5;

    }



    .opacity-60 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);

      opacity: 0.6;

    }



    .opacity-70 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

      opacity: 0.7;

    }



    .opacity-80 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

      opacity: 0.8;

    }



    .opacity-90 {

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);

      opacity: 0.9;

    }



    .stick-to-bottom {

      bottom: 0;

      position: absolute;

    }



    .table-wrapper {

      display: table;

      width: 100%;

      height: 100%;

    }



    .table-cell-wrapper {

      display: table-cell;

      vertical-align: middle;

    }



    .vertical-center {

      bottom: 0;

      margin: auto;

      top: 0;

      position: absolute;

    }



    .navigation-wrapper {

     padding-top: 0;

     margin-top: 0;

     color: #fff;

     position: relative;

   }

   .navigation-wrapper a {

    color: #fff;

  }

  .navigation-wrapper a:hover {

    color: #76cfd5;

  }

  .navigation-wrapper .background {

    background-color: #012951;

    overflow: hidden;

  }

  .navigation-wrapper .secondary-navigation-wrapper {

    background-color: rgba(0, 0, 0, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    padding: 5px 0;

    position: relative;

    height: 34px;

    line-height: 24px;

    overflow: hidden;

  }

  .navigation-wrapper .secondary-navigation-wrapper ul {

    margin-bottom: 0;

    float: right;

    display: inline-block;

  }

  .navigation-wrapper .secondary-navigation-wrapper ul li {

    display: inline-block;

    margin-left: 20px;

    padding: inherit;

  }

  .navigation-wrapper .secondary-navigation-wrapper ul li i {

    color: #76cfd5;

    margin-right: 5px;

  }





  .navigation-wrapper .primary-navigation-wrapper {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    padding: 30px 0px;

    position: relative;

  }

  .navigation-wrapper .primary-navigation-wrapper header {

    border: 0;

    margin-bottom: 0;

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    padding: 0;

    position: relative;

    margin-bottom: 20px;/*new changes*/

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand img {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    position: relative;

    margin: 0;

    padding: 0;

    z-index: 1;

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    background-color: #fff;

    content: "";

    height: 190px;

    width: 3000px;

    position: absolute;

    top: -30px;

    right: -80px;

    z-index: 0;

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:after {

    background-color: #FFF;

    background-position: 0;

    content: "";

    margin-top: 0;

    height: 215px;

    width: 3000px;

    position: absolute;

    top: 194px;

    overflow: hidden;

    right: -80px;

    z-index: 0;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav {

    padding: 0;

    position: relative;

    z-index: 99;

    margin-top: 0px;

  }



  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li {

    padding: inherit;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a {

    font-size: 14px;

    padding: 16px 10px;

    padding-left: 22px;

  }



  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a:last-child {

    padding-right: 0;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a:hover, .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a:focus, .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a:active {

    background-color: transparent;

    cursor: pointer;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a.has-child:after {

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'fontawesome';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    color: #fff;

    content: "\f107";

    display: inline-block;

    font-size: 10px;

    margin-left: 5px;

    margin-right: -10px;

    position: relative;

    top: 0px;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li.active a {

    color: #76cfd5;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li:hover .child-navigation {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

    visibility: visible;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    opacity: 0;

    -moz-transition: 0.2s;

    -o-transition: 0.2s;

    -webkit-transition: 0.2s;

    transition: 0.2s;

    background-color: #011529;

    visibility: hidden;

    position: absolute;

    top: 45px;

    min-width: 200px;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li {

    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

    padding: inherit;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li a {

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    background-color: transparent;

    color: #fff;

    display: block;

    text-transform: none;

    padding: 10px;

    white-space: nowrap;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li a:hover {

    background-color: #76cfd5;

    color: #fff;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li:first-child a:after {

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    border-color: transparent transparent #011529 transparent;

    border-style: solid;

    border-width: 0 7.5px 7px 7.5px;

    content: "";

    height: 0px;

    position: absolute;

    left: 30px;

    top: -7px;

    width: 0px;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li:first-child a:before {

    background-color: transparent;

    content: "";

    height: 7px;

    width: 100%;

    position: absolute;

    top: -7px;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li:first-child a:hover:after {

    border-color: transparent transparent #76cfd5 transparent;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation li:last-child {

    border: none;

  }



  .btn {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    background-color: #76cfd5;

    border: 2px solid transparent;

    color: #fff;

    font-weight: bold;

    /*min-height: 40px;*/

    outline: none !important;

    padding: 8px 18px;

  }

  .btn:active, .btn:focus {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: #fff;

  }

  .btn:hover {

    background-color: #e7532e;

    color: #fff;

  }

  .btn.btn-color-primary {

    background-color: #012951;

    color: #fff;

  }

  .btn.btn-color-primary:hover {

    background-color: #011c38;

  }

  .btn.btn-color-grey-dark {

    background-color: #252525;

    color: #fff;

  }

  .btn.btn-color-grey-dark:hover {

    background-color: #181818;

  }

  .btn.btn-color-grey-light {

    background-color: #c5c5c5;

    color: #252525;

  }

  .btn.btn-color-grey-light:hover {

    background-color: #b8b8b8;

  }

  .btn.btn-framed {

    background-color: transparent;

    border-color: #76cfd5;

    color: #76cfd5;

  }

  .btn.btn-framed:hover {

    background-color: #76cfd5;

    color: #fff;

  }

  .btn.btn-framed.btn-color-primary {

    border-color: #012951;

    color: #252525;

  }

  .btn.btn-framed.btn-color-primary:hover {

    background-color: #012951;

    color: #fff;

  }

  .btn.btn-framed.btn-color-primary {

    border-color: #012951;

    color: #012951;

  }

  .btn.btn-framed.btn-color-primary:hover {

    background-color: #012951;

  }

  .btn.btn-framed.btn-color-grey-dark {

    border-color: #252525;

    color: #252525;

  }

  .btn.btn-framed.btn-color-grey-dark:hover {

    background-color: #252525;

    color: white;

  }

  .btn.btn-framed.btn-color-grey-light {

    border-color: #c5c5c5;

    color: #252525;

  }

  .btn.btn-framed.btn-color-grey-light:hover {

    background-color: #c5c5c5;

  }

  .btn.btn-framed.btn-color-grey {

    border-color: #c5c5c5;

    color: #252525;

  }

  .btn.btn-framed.btn-color-grey:hover {

    background-color: #c5c5c5;

  }

  .btn.btn-framed.btn-color-white {

    border-color: #fff;

    color: #252525;

  }

  .btn.btn-framed.btn-color-white:hover {

    background-color: #fff;

    color: #252525 !important;

  }

  .btn.btn-small {

    font-size: 12px;

    min-height: 30px;

    padding: 5px 10px;

  }

  .btn.btn-large {

    font-size: 16px;

    padding: 12px 22px;

  }



  .input-group-btn .btn {

    margin-left: 20px !important;

  }



  input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="number"], textarea {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    background-color: whitesmoke;

    border: 2px solid #c5c5c5;

    font-size: 12px;

    min-height: 40px;

    padding: 10px 9px 9px 9px;

    width: 100%;

  }

  input[type="text"]:hover, input[type="email"]:hover, input[type="search"]:hover, input[type="password"]:hover, input[type="number"]:hover, textarea:hover {

    border: 2px solid #a6a6a6;

  }

  input[type="text"]:focus, input[type="text"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="number"]:focus, input[type="number"]:active, textarea:focus, textarea:active {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-color: #a6a6a6;

    background-color: #fff;

  }

  input[type="text"].has-dark-background, input[type="email"].has-dark-background, input[type="search"].has-dark-background, input[type="password"].has-dark-background, input[type="number"].has-dark-background, textarea.has-dark-background {

    background-color: rgba(255, 255, 255, 0.1);

    border: none;

    color: #fff;

  }

  input[type="text"].has-dark-background:hover, input[type="email"].has-dark-background:hover, input[type="search"].has-dark-background:hover, input[type="password"].has-dark-background:hover, input[type="number"].has-dark-background:hover, textarea.has-dark-background:hover {

    background-color: rgba(255, 255, 255, 0.15);

  }

  input[type="text"].has-dark-background:focus, input[type="text"].has-dark-background:active, input[type="email"].has-dark-background:focus, input[type="email"].has-dark-background:active, input[type="search"].has-dark-background:focus, input[type="search"].has-dark-background:active, input[type="password"].has-dark-background:focus, input[type="password"].has-dark-background:active, input[type="number"].has-dark-background:focus, input[type="number"].has-dark-background:active, textarea.has-dark-background:focus, textarea.has-dark-background:active {

    background-color: #fff;

    color: #252525;

  }



  input {

    outline: none !important;

  }



  .input-group {

    margin-bottom: 10px;

    position: relative;

    width: 100%;

  }



  .checkbox {

    padding-left: 0px;

  }



  .radio {

    padding-left: 0px;

  }



  .contact-form #form-status {

    color: green;

    line-height: 45px;

  }

  .contact-form #form-status #valid .icon {

    font-size: 24px;

    margin-right: 10px;

    vertical-align: middle;

  }

  .contact-form #form-status #invalid {

    color: red;

  }

  .contact-form label.error {

    background-color: red;

    bottom: -30px;

    color: #fff;

    font-size: 12px;

    left: 0;

    padding: 5px;

    position: absolute;

    z-index: 2;

  }

  .contact-form label.error:before {

    border-style: solid;

    border-width: 0 3.5px 5px 3.5px;

    border-color: transparent transparent red transparent;

    content: "";

    height: 0px;

    left: 5px;

    position: absolute;

    top: -5px;

    width: 0px;

  }



  .icheckbox {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    background-color: whitesmoke;

    border: 2px solid #c5c5c5;

    display: inline-block;

    height: 20px;

    margin-right: 10px;

    position: relative;

    width: 20px;

    top: -1px;

  }

  .icheckbox:after {

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    opacity: 0;

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'fontawesome';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    color: #252525;

    content: "\f00c";

    position: absolute;

    line-height: 15px;

    left: 2px;

  }

  .icheckbox.checked:after {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

  }



  .iradio {

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    position: relative;

    display: inline-block;

    vertical-align: middle;

    background-color: whitesmoke;

    border: 2px solid #c5c5c5;

    display: inline-block;

    height: 20px;

    margin-right: 10px;

    position: relative;

    width: 20px;

    top: -1px;

  }

  .iradio:after {

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    opacity: 0;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    width: 8px;

    height: 8px;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    content: "";

    background-color: #252525;

  }

  .iradio.checked:after {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

  }



  #form-status {

    margin-top: 10px;

    margin-left: 5px;

  }



  label.error {

    background-color: red;

    bottom: -30px;

    color: #fff;

    font-size: 12px;

    left: 0;

    padding: 5px;

    position: absolute;

    z-index: 2;

  }

  label.error:before {

    border-style: solid;

    border-width: 0 3.5px 5px 3.5px;

    border-color: transparent transparent red transparent;

    content: "";

    height: 0px;

    left: 5px;

    position: absolute;

    top: -5px;

    width: 0px;

  }



  .selectize-control {

    height: 40px;

  }



  .selectize-control .selectize-input {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    background: inherit;

    background-color: whitesmoke;

    border: 2px solid #c5c5c5;

    height: 40px;

    padding: 9px;

  }

  .selectize-control .selectize-input:after {

    cursor: pointer;

  }

  .selectize-control .selectize-input.full {

    background-color: whitesmoke;

  }

  .selectize-control .selectize-dropdown {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    background-color: whitesmoke;

    border-color: #c5c5c5;

    border-width: 2px;

    margin: -2px 0px 0px;

    width: 100% !important;

  }

  .selectize-control .selectize-input.focus {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .selectize-control .selectize-input.dropdown-active {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

  }

  .selectize-control .selectize-input input {

    font-size: 12px !important;

  }

  .selectize-control .selectize-dropdown [data-selectable] {

    padding: 8px;

  }

  .selectize-control .selectize-dropdown {

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .selectize-control .selectize-dropdown .active {

    color: #252525;

    background-color: rgba(0, 0, 0, 0.05);

  }

  .selectize-control.has-dark-background .selectize-input {

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    background: inherit;

    background-color: rgba(255, 255, 255, 0.1);

    border: 2px solid rgba(255, 255, 255, 0);

    height: 40px;

    padding: 9px;

  }

  .selectize-control.has-dark-background .selectize-input:hover {

    background-color: rgba(255, 255, 255, 0.15);

  }

  .selectize-control.has-dark-background .selectize-input.full {

    color: #fff;

  }

  .selectize-control.has-dark-background .selectize-input.full.focus {

    background-color: #fff;

    color: #252525;

  }

  .selectize-control.has-dark-background .selectize-input.full.focus.input-active {

    color: #252525;

  }

  .selectize-control.has-dark-background .selectize-input.not-full input {

    color: #fff;

  }

  .selectize-control.has-dark-background .selectize-input.not-full.focus.input-active {

    color: #252525;

    background-color: #fff;

  }

  .selectize-control.has-dark-background .selectize-input.not-full.focus.input-active input {

    color: #252525;

  }

  .selectize-control.has-dark-background .selectize-dropdown {

    background-color: #fff;

    border-color: whitesmoke;

    border-width: 2px;

    font-size: 12px !important;

    margin: -2px 0px 0px;

    width: 100% !important;

  }

  .selectize-control.has-dark-background .selectize-dropdown .selectize-dropdown-content .option {

    color: #252525;

  }



  .btn-input {

    display: block;

  }



  .btn-input .btn.form-control {

    text-align: left;

  }



  .btn-input .btn.form-control span:first-child {

    left: 10px;

    overflow: hidden;

    position: absolute;

    right: 25px;

  }



  .btn-input .btn.form-control .caret {

    margin-top: -1px;

    position: absolute;

    right: 10px;

    top: 50%;

  }



  #page-footer a {

    color: #fff !important;

  }

  #page-footer a:hover {

    color: #76cfd5 !important;

  }

  #page-footer abbr {

    color: #fff;

  }

  #page-footer h4 {

    color: #fff;

    display: inline-block;

    font-size: 24px;

    margin-bottom: 35px;

    margin-top: 10px;

    position: relative;

  }

  #page-footer h4:after {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);

    opacity: 0.2;

    background-color: #fff;

    bottom: -15px;

    content: "";

    height: 2px;

    left: 0;

    width: 30px;

    position: absolute;

    z-index: 0;

  }

  #page-footer ul {

    color: #fff;

  }

  #page-footer p {

    color: #fff;

    margin: 0;

  }

  #page-footer #footer-top {

    background-color: whitesmoke;



  }

  #page-footer #footer-top .footer-inner {

    display: table;

  }

  #page-footer #footer-top .footer-inner .footer-social {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

  }

  #page-footer #footer-top .footer-inner .footer-social figure {

    display: inline-block;

    font-size: 14px;

    vertical-align: top;

  }

  #page-footer #footer-top .footer-inner .footer-social .icons {

    display: inline-block;

  }

  #page-footer #footer-top .footer-inner .footer-social .icons i {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);

    opacity: 0.6;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    color: #252525;

    display: inline-block;

    float: left;

    font-size: 18px;

    margin-left: 15px;

    padding: 2px 10px;

    margin: 0px;

  }

  #page-footer #footer-top .footer-inner .footer-social .icons i:hover {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

  }

  #page-footer #footer-top .footer-inner .input-group {

    margin-bottom: 0;

  }

  #page-footer #footer-top .footer-inner .input-group input {

    width: 265px;

  }

  #page-footer #footer-content {

    color: #fff !important;

    position: relative;

    padding: 20px 0 16px 0;

  }

  #page-footer #footer-content .background {

    background-color: #012951;

  }

  #page-footer #footer-bottom {

    background-color: #012447;

    color: #fff;

    padding: 20px 0;

  }

  #page-footer #footer-bottom .footer-inner {

    display: table;

    width: 100%;

  }

  #page-footer #footer-bottom .footer-inner .copyright {

    display: table-cell;

    vertical-align: middle;

  }

  #page-footer #footer-bottom nav a {

    padding-top: 20px;

    padding-bottom: 20px;

  }

  #page-footer #footer-bottom nav a:hover, #page-footer #footer-bottom nav a:active, #page-footer #footer-bottom nav a:focus {

    background-color: transparent;

  }







  #page-content {

    display: table-row;

    height: 100%;

  }



  #page-footer {

    display: table-row;

  }



  .page-sub-page .wrapper .primary-navigation-wrapper, .page-homepage-courses .wrapper .primary-navigation-wrapper, .page-homepage-events .wrapper .primary-navigation-wrapper {

    z-index: 1;

  }

  .page-sub-page .wrapper .primary-navigation-wrapper .navbar-brand:before, .page-homepage-courses .wrapper .primary-navigation-wrapper .navbar-brand:before, .page-homepage-events .wrapper .primary-navigation-wrapper .navbar-brand:before {

    height: 110px;

  }

  .page-sub-page .wrapper .primary-navigation-wrapper .navbar-brand:after, .page-homepage-courses .wrapper .primary-navigation-wrapper .navbar-brand:after, .page-homepage-events .wrapper .primary-navigation-wrapper .navbar-brand:after {

    height: 10px;

    top: 80px;

  }



  .page-contact .wrapper #page-content section {

    margin-bottom: 30px;

  }

  .page-contact .wrapper #page-content textarea {

    min-height: 120px;

  }

  .page-contact .wrapper #page-content .icons {

    display: inline-block;

  }

  .page-contact .wrapper #page-content .icons i {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);

    opacity: 0.6;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    color: #252525;

    display: inline-block;

    float: left;

    font-size: 18px;

    margin-left: 15px;

    padding: 2px 10px;

    margin: 0px;

  }

  .page-contact .wrapper #page-content .icons i:hover {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

  }



  .page-blog-detail #related-articles .blog-listing-post {

    margin-bottom: 0;

    padding: 0;

  }

  .page-blog-detail #leave-reply textarea {

    min-height: 180px;

  }



  .page-landing-page .wrapper {

    display: block;

    height: auto;

    width: auto;

  }

  .page-landing-page #page-content {

    display: block;

    height: inherit;

  }

  .page-landing-page #page-footer {

    display: block;

    height: inherit;

  }



  .page-my-account h3 {

    margin-bottom: 20px;

  }



  .page-shortcodes article {

    border-bottom: 1px solid whitesmoke;

    margin-bottom: 40px;

    padding-bottom: 30px;

  }



  .page-course-listing-images .course-listing .row {

    margin-bottom: 60px;

  }



  .sidebar > aside {

    margin-bottom: 30px;

  }

  .sidebar > aside:first-child header h2 {

    margin-top: 10px;

  }

  .sidebar .author-block {

    clear: both;

    display: table;

    margin: 20px 0;

    padding: 15px;

  }

  .sidebar .author-block figure {

    float: left;

  }

  .sidebar .author-block figure img {

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    border: 3px solid #fff;

    width: 60px;

  }

  .sidebar .author-block article {

    padding-left: 25px;

  }

  .sidebar .author-block article header {

    color: #012951;

    margin-bottom: 10px;

  }

  .sidebar .author-block article p {

    color: #767676;

    line-height: 18px;

  }

  .sidebar .author-block .paragraph-wrapper {

    display: table-cell;

    vertical-align: middle;

  }

  .sidebar .author-block .paragraph-wrapper header {

    font-size: 16px;

    margin-bottom: 0;

  }

  .sidebar .author-block .paragraph-wrapper figure {

    display: block;

    width: 100%;

    margin-bottom: 10px;

  }



  .page-landing-page #homepage-slider {

    margin-top: 70px;

    height: 750px;

    overflow: hidden;

    text-align: center;

    position: relative;

  }

  .page-landing-page #homepage-slider .flexslider {

    height: 750px;

  }

  .page-landing-page #homepage-slider .flexslider .flex-direction-nav {

    display: none;

  }

  .page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-next, .page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-prev {

    background-color: #fff;

    height: 30px;

    width: 30px;

  }

  .page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-next:before, .page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-prev:before {

    display: none;

  }

  .page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-next:after, .page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-prev:after {

    text-shadow: none;

    -webkit-font-smoothing: antialiased;

    font-family: 'lato';

    speak: none;

    font-weight: normal;

    font-variant: normal;

    line-height: 1;

    text-transform: none;

    color: #252525;

    font-size: 16px;

    position: absolute;

    right: 11px;

    top: 6px;

    z-index: 2;

  }

  .page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-next:after {

    content: "\f105";

  }

  .page-landing-page #homepage-slider .flexslider .flex-direction-nav .flex-prev:after {

    content: "\f104";

    right: 12px;

  }

  .page-landing-page #homepage-slider .slides {

    padding-left: 0;

  }

  .page-landing-page #homepage-slider .landing-page-input {

    position: absolute;

    top: 270px;

    bottom: 0px;

    height: 50px;

    margin: auto;

    z-index: 3;

    right: 0px;

    left: 0px;

  }

  .page-landing-page #homepage-slider .landing-page-input .input-group {

    font-weight: bold;

    margin: auto;

    width: 550px;

  }

  .page-landing-page #homepage-slider .landing-page-input .input-group input {

    border: none;

    font-size: 18px;

    height: 70px;

    padding: 20px;

  }

  .page-landing-page #homepage-slider .landing-page-input .input-group .btn {

    font-size: 18px;

    height: 70px;

    margin-left: 0 !important;

    width: 70px;

  }

  .page-landing-page #homepage-slider .landing-page-input .input-group #form-status {

    position: absolute;

    color: #fff;

    width: 100%;

    left: 0;

    right: 0;

    margin-top: 15px;

  }

  .page-landing-page #homepage-slider .scroll-down {

    color: #fff;

    position: absolute;

    bottom: -60px;

    left: 0;

    right: 0;

    margin: auto;

  }

  .page-landing-page #homepage-slider .scroll-down .fa {

    font-size: 24px;

  }

  .page-landing-page .block {

    padding: 90px 0;

  }

  .page-landing-page .navbar-brand:after {

    display: none;

  }

  .page-landing-page .navbar-brand:before {

    height: 125px !important;

  }

  .page-landing-page #count-down .background {

    background-color: #011c38;

  }

  .page-landing-page #count-down h2 {

    color: #fff;

    margin-bottom: 60px;

    text-transform: uppercase;

  }

  .page-landing-page #count-down h2:after {

    display: none;

  }

  .page-landing-page .course-info h2 {

    color: #012951;

    font-size: 36px;

    margin: 0px;

  }

  .page-landing-page .course-info h2:after {

    display: none;

  }

  .page-landing-page .course-info .time {

    font-size: 24px;

  }

  .page-landing-page .course-info .length {

    font-size: 14px;

    margin-bottom: 30px;

  }

  .page-landing-page .author-carousel {

    background: none;

  }

  .page-landing-page .author-carousel .author {

    background-color: transparent;

  }

  .page-landing-page .author-carousel p {

    font-size: 14px;

  }

  .page-landing-page .author-carousel figure {

    font-size: 12px;

    font-weight: bold;

  }

  .page-landing-page .navigation-wrapper {

    background-color: #012951;

    position: fixed;

    width: 100%;

    z-index: 1;

  }

  .page-landing-page .navigation-wrapper .secondary-navigation-wrapper {

    display: none;

  }

  .page-landing-page .navigation-wrapper .primary-navigation-wrapper {

    padding: 12px 0px;

  }

  .page-landing-page .navigation-wrapper .primary-navigation-wrapper .navbar-brand:before {

    height: 100px !important;

  }

  .page-landing-page .pricing h3 {

    font-size: 24px;

    font-weight: bold;

  }

  .page-landing-page .pricing .features-description {

    bottom: 2px;

    display: block;

    list-style: none;

    padding: 0 30px 0 0;

    margin-top: 20px;

    margin-bottom: 0;

    position: absolute;

    width: 100%;

  }

  .page-landing-page .pricing .features-description li {

    border-top: 2px solid whitesmoke;

    color: #767676;

    font-size: 14px;

    font-weight: bold;

    padding: 15px 0;

  }

  .page-landing-page .navigation-fixed {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    background-color: #012951;

    padding: 10px 0px 5px 0px !important;

    position: fixed;

    width: 100%;

    top: 0;

    z-index: 999;

  }

  .page-landing-page .navigation-fixed .navbar-brand {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

  }

  .page-landing-page .navigation-fixed .navbar-brand img {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    max-height: 35px !important;

  }

  .page-landing-page .navigation-fixed .navbar-brand:before {

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    top: -65px !important;

  }



  .page-microsite .image-carousel .image-carousel-slide img {

    width: 100%;

  }

  .page-microsite .navigation-wrapper .branding {

   margin-top:0;

   padding-top: 0;

   padding-bottom: 57px;

 }

 .page-microsite .navigation-wrapper .branding .navbar-brand img {

  max-width: 200px;

}

.page-microsite .navigation-wrapper .branding .search {

  margin-top: 20px;

}

.page-microsite .navigation-wrapper .branding .search .input-group {

  width: 300px;

}

.page-microsite .navigation-wrapper .primary-navigation-wrapper {

  background-color: #012951;

  padding: 10px 0px;

}

.page-microsite .navigation-wrapper .primary-navigation-wrapper .navbar {

  min-height: inherit;

}

.page-microsite .navigation-wrapper .primary-navigation-wrapper .navbar li {

  margin-right: 25px;

}

.page-microsite .navigation-wrapper .primary-navigation-wrapper .navbar li a {

  padding: 10px 0;

}

.page-microsite .navigation-wrapper .primary-navigation-wrapper .navbar .social {

  line-height: 40px;

  float: right;

}

.page-microsite .navigation-wrapper .primary-navigation-wrapper .navbar .social .fa {

  font-size: 18px;

  margin-left: 15px;

}

.page-microsite .navigation-wrapper .secondary-navigation-wrapper {

  background-color: whitesmoke;

  color: #252525;

  font-size: 11px;

  padding: 5px 0;

}

.page-microsite #slider {

  background-color: #011c38;

  padding-bottom: 14px;

  padding-top: 14px;

}

.page-microsite #slider h1, .page-microsite #slider h2 {

  color: #fff;

}

.page-microsite #slider p {

  color: #fff;

}

.page-microsite #slider a {

  color: #fff;

}

.page-microsite #slider a:hover {

  color: #76cfd5;

}

.page-microsite #slider .slider-wrapper:after {

  background-color: transparent;

}

.page-microsite #slider .news-small article {

  border-bottom-color: rgba(255, 255, 255, 0.1);

}

.page-microsite #slider .news-small article header {

  padding-left: 0;

}

.page-microsite #slider .news-small article i {

  float: left;

  display: inline-block;

  position: relative;

  top: 3px;

}

.page-microsite #slider .news-small article a {

  padding-left: 20px;

  display: block;

}



@media screen and (min-width: 992px) and (max-width: 1199px) {

  .navigation-wrapper .primary-navigation-wrapper {

    padding: 15px 0px;

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:after, .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before {

    right: -40px;

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:after {

    top: 65px !important;

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before {

    top: -15px !important;

    height: 80px !important;

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand img {

    max-width: 180px;

  }



  .page-microsite #slider h1 {

    font-size: 24px !important;

  }

  

  #homepage-carousel .homepage-carousel-wrapper .slider-content p {

    margin-left: 0px;

    margin-right: 0px;

    padding-bottom: 12px;

  }

  #homepage-carousel .homepage-carousel-wrapper .slider-content h1 {

    margin-top: 0px;

    margin-bottom: 20px;

  }

}

@media  (max-width: 640px){

  .logo-img{

    height: 70px;

    width: 80px;

  }

  .image-carousel-slide .banner-img{

    width: 100%;

  }

  #homepage-carousel .homepage-carousel-wrapper .slider-content p {

    margin-left: 0px;

    margin-right: 0px;

    padding-bottom: 20px;

    padding-bottom: 0px;

  }

}

@media screen and  (min-width: 768px) and (max-width: 991px) {

  /*new changes */

  .primary-navigation-wrapper  .navbar-nav{

    margin: 0px 0px 0px;

    padding-top: 0px;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a{

    font-size: 13px;

  }

  

  .image-carousel-slide .banner-img{

    width: 100%;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a:first-child{

    padding-right: 0px;

  }

  

  

  .navigation-wrapper .primary-navigation-wrapper header nav {

    padding: 0;

    position: relative;

    z-index: 99;

    margin-top:0px;

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand img {

    height: 90px;

    width: 100px;

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand::before {

    top: -5px !important;

    height: 117px !important;

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand::after, 

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand::before {

    right: -6px;

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand::after{

    height: 0;

  }

  .primary-navigation-wrapper .home-ul{

    margin-left: 90px;

  }

  .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li a {

    font-size: 12px;

    padding: 12px 10px 0px 16px;

  }

  .wrapper {

    display: inherit !important;

    overflow: visible !important;

  }

  #page-content {

    display: inherit !important;

    height: auto !important;

  }

  #page-footer {

    display: inherit !important;

  }

  footer img {

    width: inherit;

    position: relative !important;

  }

  footer #footer-top .footer-inner {

    display: block;

    text-align: center;

  }

  .stick-to-bottom {

    position: relative;

  }

  /* new changes */

  .navigation-wrapper .primary-navigation-wrapper {

    padding: 5px 0px;

  }

  .navigation-wrapper .primary-navigation-wrapper header .navbar-brand {

    margin-bottom: 25px;

    padding-top: 5px;

  }

  

  

  /* .navigation-wrapper .primary-navigation-wrapper header .navbar-brand img {

    max-width: 180px;

    } */

    .navigation-wrapper .primary-navigation-wrapper .navbar-right {

      float: left !important;

    }



    .course-image, .event-image {

      margin-bottom: 20px;

    }



    .featured-course .btn {

      display: none;

    }

    .featured-course .stick-to-bottom {

      position: absolute !important;

    }

    .featured-course .image {

      height: 160px !important;

    }

    .featured-course .image .image-wrapper img {

      height: 160px !important;

    }



    .flexslider {

      height: auto !important;

    }

    .flexslider figure .inner {

      display: block !important;

    }

    .flexslider h1 {

      font-size: 28px !important;

    }

    .flexslider h2 {

      font-size: 18px !important;

    }



    .homepage-carousel-wrapper:after {

      display: none !important;

      background-color: transparent;

      width: 0 !important;

    }



    #homepage-carousel {

      background-color: #011c38;

      padding-bottom: 20px;

    }



    .stick-to-bottom {

      position: relative;

    }



    .slider-content h1 {

      font-size: 36px !important;

      line-height: 36px !important;

      margin-bottom: 25px !important;

    }



    .course-info h2 {

      font-size: 26px !important;

    }



    #page-footer {

      font-size: 11px !important;

    }

    #page-footer h4 {

      font-size: 16px !important;

    }



    #footer-content .logo {

      text-align: center;

      margin-bottom: 40px;

      position: relative !important;

    }

    #footer-content .logo img {

      position: relative !important;

    }



    .page-microsite .news-small {

      margin-top: 0px;

    }

    .page-microsite .navbar .social {

      display: none;

    }

    .page-microsite .navbar-nav li a {

      font-size: 12px !important;

    }



    .page-landing-page .navigation-fixed {

      padding: 0 !important;

    }

    .page-landing-page .navigation-wrapper .primary-navigation-wrapper {

      padding: 0 !important;

    }

    .page-landing-page .navigation-wrapper .primary-navigation-wrapper nav {

      float: right !important;

      padding: 15px 0 !important;

    }

    .page-landing-page .navigation-wrapper .primary-navigation-wrapper .navbar-brand:before {

      top: 0px !important;

    }

    .page-landing-page .navigation-wrapper .primary-navigation-wrapper .navbar-brand img {

      padding-top: 5px;

    }



    .navbar-header {

      float: none !important;

    }





    #landing-page-head-image {

      height: 500px;

    }

    #landing-page-head-image h1 {

      font-size: 50px;

      margin: 20px 50px;

    }



    .page-microsite #slider h1 {

      font-size: 24px !important;

    }



  }

  @media screen and (max-width: 767px) {

    body {

      font-size: 14px;

    }

    .image-carousel-slide .banner-img{

      width: 100%;

    }

    iframe{

      width: 100%;

    }

    #brand {

      padding-top: 0;	

      padding-bottom: 18px;

    }

    footer section {

      margin-bottom: inherit;

    }

    section {

      margin-bottom: 0 !important;

    }

    .author {

      margin-bottom:0px;

    }

    .account-block {

      padding: 0 !important;

    }

    .wrapper {

      display: inherit !important;

      overflow: visible !important;

    }

    #page-content {

      display: inherit !important;

      height: auto !important;

    }

    #page-footer {

      display: inherit !important;

    }

    .background img {

      display: none;

    }

    .block-dark-background {

      margin-left: -15px;

      margin-right: -15px;

    }

    .connect-block .nav-pills {

      margin-bottom: 20px;

    }

    .connect-block .tab-content .tab-pane > div {

      margin-bottom: 20px;

    }

    .blog-listing-post {

      margin-bottom: 0px !important;

    }

    .course-count-down .btn {

      margin: 10px 0 !important;

      width: 100% !important;

      position: relative !important;

      top: inherit !important;

    }

    .course-summary {

      display: block;

      margin-bottom: 10px;

    }

    .course-search-box .form-group {

      width: 100% !important;

    }

    .event-image, .course-image {

      margin-bottom: 20px;

      height: auto !important;

    }

    .event-image .image-wrapper, .course-image .image-wrapper {

      left: inherit !important;

      margin-left: inherit !important;

    }

    .event-image .image-wrapper img, .course-image .image-wrapper img {

      height: auto !important;

      width: 100% !important;

    }

    .events .event {

      margin-bottom: 20px !important;

      padding-bottom: 20px !important;

    }

    .events .event a {

      position: relative !important;

    }

    .events .event aside {

      padding-left: 60px;

    }

    .events .event .date {

      height: 50px;

      width: 50px;

    }

    .events .event .date .month {

      font-size: 10px;

    }

    .events .event .date .day {

      bottom: 11px;

      font-size: 42px;

      right: -12px;

    }

    .events.images .event aside {

      padding-left: 0;

    }

    .events.images .event aside .additional-info {

      margin-bottom: 20px;

    }

    .events.images .event .event-thumbnail {

      float: none;

      width: 100%;

      margin-bottom: 20px;

    }

    .events.images .event .event-thumbnail .event-image {

      height: inherit;

      width: 100%;

    }

    .events.images .event .event-thumbnail .event-image .image-wrapper {

      left: inherit;

      margin-left: inherit;

    }

    .events.images .event .event-thumbnail .event-image .image-wrapper img {

      height: inherit;

      width: 100%;

    }



    .featured-course .image {

      height: auto !important;

    }

    .featured-course .image .image-wrapper {

      left: inherit !important;

      margin-left: inherit !important;

    }

    .featured-course .image .image-wrapper img {

      width: 100% !important;

      height: auto !important;

    }



    .flexslider h1 {

      font-size: 18px !important;

    }

    .flexslider h2 {

      font-size: 14px !important;

    }

    .flexslider .flex-direction-nav {

      position: absolute !important;

      bottom: 90px;

      width: 100%;

    }

    .flexslider .flex-direction-nav .flex-prev {

      left: 20px;

    }

    .flexslider .flex-direction-nav .flex-next {

      right: 20px;

    }

    .flexslider .slides figure {

      height: 100% !important;

    }

    .flexslider .slides figure .inner {

      display: block !important;

      width: 100%;

    }

    .flexslider .slides img {

      width: auto !important;

      display: block;

      position: relative;

      z-index: -1;

      left: 100%;

      margin-left: -200%;

    }



    footer img {

      width: inherit;

      position: relative !important;

    }

    footer #footer-top .footer-inner {

      display: block;

      text-align: center;

    }

    footer #footer-top .footer-inner .footer-social {

      display: block !important;

      margin-bottom: 20px;

      width: 100%;

    }

    footer #footer-top .footer-inner .footer-social figure {

      display: block;

      margin-bottom: 10px;

    }

    footer #footer-top .footer-inner .footer-social .icons .fa {

      font-size: 30px;

      padding: 2px 20px;

    }

    footer #footer-top .footer-inner .search {

      float: none !important;

    }

    footer #footer-top .footer-inner .search .input-group input {

      width: 100% !important;

    }

    footer #footer-content aside {

      margin-bottom: 30px;

    }

    footer #footer-content .logo {

      display: block;

      text-align: center;

    }

    .logos {

      text-align: center;

    }

    .logos .logo {

      display: block;

      margin-bottom: 30px;

    }

    .logos .logo a img {

      width: inherit;

      max-width: 100%;

    }

    #landing-page-head-image {

      margin-top: 0;

    }

    #landing-page-head-image h1 {

      font-size: 24px !important;

    }

    #landing-page-head-image h2 {

      font-size: 18px !important;

    }

    #landing-page-head-image img {

      height: 100% !important;

      width: auto !important;

    }

    #landing-page-head-image .wrapper, #landing-page-head-image .inner {

      display: block !important;

    }

    .landing-page-input .input-group {

      width: calc(100% - 40px) !important;

    }

    .landing-page-input .input-group input {

      font-size: 14px !important;

    }

    .member-detail figure {

      float: none !important;

      display: block;

    }

    .member-detail .paragraph-wrapper {

      display: block !important;

      padding-left: 0 !important;

      margin-top: 20px;

    }

    .navigation-wrapper {

      top: 0;

    }

    .navigation-wrapper .primary-navigation-wrapper {

      padding: 10px 0px;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-nav {

      padding: 0 !important;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-nav .has-child:after {

      position: absolute !important;

      right: 45px;

      top: 17px !important;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-nav li {

      -moz-transition: 0.4s;

      -o-transition: 0.4s;

      -webkit-transition: 0.4s;

      transition: 0.4s;

      border-bottom: 1px solid rgba(255, 255, 255, 0.05);

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-nav li a {

      -moz-transition: 0.4s;

      -o-transition: 0.4s;

      -webkit-transition: 0.4s;

      transition: 0.4s;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-nav li a:hover {

      background-color: #76cfd5 !important;

      color: #fff !important;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-nav li.active a {

      color: #76cfd5;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-nav li:last-child {

      border: none;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-nav li:hover .child-navigation {

      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

      opacity: 1;

      height: auto !important;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-nav li .child-navigation {

      -moz-transition: 0.4s;

      -o-transition: 0.4s;

      -webkit-transition: 0.4s;

      transition: 0.4s;

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

      opacity: 0;

      visibility: visible !important;

      -moz-transition: 0.4s;

      -o-transition: 0.4s;

      -webkit-transition: 0.4s;

      transition: 0.4s;

      background-color: #000f1f !important;

      height: 0;

      min-width: inherit;

      overflow: hidden;

      position: relative !important;

      top: 0px !important;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-nav li .child-navigation li {

      margin-left: -5px;

      margin-right: -5px;

      padding: 0px 20px;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-nav li .child-navigation li a {

      padding-left: 20px !important;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-nav li .child-navigation li a:after {

      display: none;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-brand {

      padding: 5px;



    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:after {

      height: 19px;

      right: -15px;

      top: 60px !important;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before {

      right: -15px;

      height: 90px !important;

    }

  /* .navigation-wrapper .primary-navigation-wrapper header .navbar-brand img {

    max-width: 0px;

    } */

    .navigation-wrapper .primary-navigation-wrapper header .navbar-collapse {

      -moz-box-shadow: none;

      -webkit-box-shadow: none;

      box-shadow: none;

      border: 0;

      height: auto;

      background-color: #011529;

      max-height: inherit;

      margin-bottom: -15px;

      position: relative;

      overflow: hidden;

      margin-top: 10px;

      padding-bottom: 5px;

      position: relative;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-collapse:after {

      content: "";

      width: 0px;

      height: 0px;

      border-style: solid;

      border-width: 0 5px 8px 5px;

      border-color: transparent transparent #011529 transparent;

      position: absolute;

      top: -8px;

      right: 32px;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-collapse .navbar-nav {

      margin: 0px -15px;

      padding: 5px 0;

    }

    .navigation-wrapper .primary-navigation-wrapper header .navbar-collapse .navbar-nav li a {

      padding: 10px 30px;

    }

    .navigation-wrapper .primary-navigation-wrapper header .collapsing ul {

      -moz-transition: 0.4s;

      -o-transition: 0.4s;

      -webkit-transition: 0.4s;

      transition: 0.4s;

      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

      opacity: 0;

    }

    .navigation-wrapper .primary-navigation-wrapper header .collapse.in ul {

      -moz-transition: 0.4s;

      -o-transition: 0.4s;

      -webkit-transition: 0.4s;

      transition: 0.4s;

      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

      opacity: 1;

    }

    .navbar-toggle .icon-bar {

      background-color: #fff;

    }

    .nav-tabs > li {

      display: block !important;

      float: none !important;

    }

    .nav-tabs > li.active a {

      border-color: #e2e2e2 !important;

    }

    .navigation-wrapper .primary-navigation-wrapper header nav .navbar-nav li .child-navigation a {

      padding-left: 50px !important;

    }

    .pagination {

      margin: 20px 0;

    }

    .page-landing-page .navigation-wrapper .primary-navigation-wrapper {

      padding: 5px 0px !important;

    }

    .page-landing-page .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before {

      top: -35px !important;

    }

    .page-landing-page .background img {

      display: block !important;

    }

    .page-microsite .navbar-brand {

      height: auto !important;

      padding: 0 !important;

    }

    .page-microsite .navbar-brand img {

      max-width: 180px;

      padding-top: 5;

    }

    .page-microsite .navbar .social {

      display: none;

    }

    .page-microsite .search {

      display: none;

    }

    .page-microsite .image-carousel-slide {

      margin: 20px 0 30px 0;

      width: 100%;

    }

    .rating-user img, .rating-individual img {

      width: auto;

    }

    .secondary-navigation-wrapper {

      display: none;

    }

    .page-course-detail .secondary-navigation-wrapper, .page-course-listing .secondary-navigation-wrapper, .page-homepage-courses .secondary-navigation-wrapper, .page-my-account .secondary-navigation-wrapper {

      display: block !important;

    }

    .page-course-detail .secondary-navigation-wrapper .navigation-contact, .page-course-listing .secondary-navigation-wrapper .navigation-contact, .page-homepage-courses .secondary-navigation-wrapper .navigation-contact, .page-my-account .secondary-navigation-wrapper .navigation-contact {

      display: none;

    }

    .page-course-detail .secondary-navigation-wrapper .secondary-navigation li, .page-course-listing .secondary-navigation-wrapper .secondary-navigation li, .page-homepage-courses .secondary-navigation-wrapper .secondary-navigation li, .page-my-account .secondary-navigation-wrapper .secondary-navigation li {

      display: none;

    }

    .page-course-detail .secondary-navigation-wrapper .secondary-navigation li:first-child, .page-course-listing .secondary-navigation-wrapper .secondary-navigation li:first-child, .page-homepage-courses .secondary-navigation-wrapper .secondary-navigation li:first-child, .page-my-account .secondary-navigation-wrapper .secondary-navigation li:first-child {

      display: block !important;

    }

    .page-course-detail .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before, .page-course-listing .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before, .page-homepage-courses .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before, .page-my-account .navigation-wrapper .primary-navigation-wrapper header .navbar-brand:before {

      top: -10px !important;

      height: 70px !important;

    }

    section {

      margin-bottom: 30px;

    }

    .homepage-carousel-wrapper:after {

      display: none !important;

      background-color: transparent;

      width: 0 !important;

    }

    #homepage-carousel {

      background-color: #011c38;

      padding-bottom: 20px;

    }

    .stick-to-bottom {

      position: relative;

    }

    .author {

      text-align: center;

    }

    .author figure {

      display: block;

      float: none;

      margin-bottom: 20px;

    }

    .author figure img {

      width: inherit;

    }

    .author article {

      display: block;

      padding-left: 0;

    }

    .author article header {

      font-size: 14px;

    }

  }

  @-moz-document url-prefix() {

    th.headerSortUp:after {

      text-shadow: none;

      -webkit-font-smoothing: antialiased;

      font-family: 'fontawesome';

      speak: none;

      font-weight: normal;

      font-variant: normal;

      line-height: 1;

      text-transform: none;

      color: #252525;

      content: "\f0de";

      display: inline-block;

      position: relative;

      right: 10px;

      right: -15px;

      top: inherit;

    }



    th.headerSortDown:after {

      text-shadow: none;

      -webkit-font-smoothing: antialiased;

      font-family: 'fontawesome';

      speak: none;

      font-weight: normal;

      font-variant: normal;

      line-height: 1;

      text-transform: none;

      color: #252525;

      content: "\f0dd";

      display: inline-block;

      position: relative;

      right: 10px;

      right: -15px;

      top: inherit;

    }



    th.header:before {

      display: none;

    }

    th.header:hover:after {

      text-shadow: none;

      -webkit-font-smoothing: antialiased;

      font-family: 'fontawesome';

      speak: none;

      font-weight: normal;

      font-variant: normal;

      line-height: 1;

      text-transform: none;

      color: #c5c5c5;

      content: "\f0dc";

      display: inline-block;

      font-size: 12px;

      position: relative;

      right: 10px;

      right: -15px;

      top: inherit;

    }

    .navbar-toggle{

      margin-top: 19px;

    }



  }





  @media screen and (max-width: 380px) {

    body {

      font-size: 12px;

    }

    .container {

     margin-left: 0px;

   }

   .page-microsite .navigation-wrapper .branding {

    padding-bottom: 20px;

  }

  #brand {

    padding-top: 0;	

    padding-bottom: 18px;



  }

}

  @media screen and (max-width: 320px){

    .image-carousel-slide .banner-img{

      width: 100% !important;

    }

    .page-microsite .navigation-wrapper .branding {

      padding-bottom: 20px !important;

    }





  }



  @media screen and  (min-width:768px) {

    body{

      min-height: 200px;

    }

  }