/* Darkgreen #27ae60 */

/* lightgreen #4cd964 */

/* Utilities */
.no-padding{padding: 0px};
.no-paddingTop{padding-top: 0px};
.no-paddingBottom{padding-bottom: 0px};

.no-margin{margin: 0px};
.no-marginTop {
    margin-top: 0px;
}
.no-marginBottom{margin-bottom: 0px};

.mt-1{margin-top: 10px}
.mt-2{margin-top: 20px}
.mt-4{margin-top: 40px}

.mb-1{margin-bottom: 10px}
.mb-2{margin-bottom: 20px}
.mb-4{margin-bottom: 40px}

.uppercase {text-transform: uppercase}

.n-ml-2{margin-left: -20px}
.t-in-line {white-space: nowrap;}
.strong-dark > strong { color: #2c3e50 }
.img-neg-right {
    margin: 0px -20px 0px 20px;
}

.no-decoration {
    text-decoration: none !important;
    color: inherit !important;
}
.mx-0{
    margin-left: 0;
    margin-right: 0;
}
.shadow-box {
    box-shadow: 2px 2px 18px 6px rgba(0, 0, 0, 0.12);
}
.greenBold {
    font-size: 18px;
    font-weight: 900;
    word-wrap: break-word;
    color: #27ae60;
    margin-top: -3px;
}
.background-f7f7f7 {
    background: #f7f7f7;
}

h5.micositeheading strong {
    text-transform: uppercase;
    position: relative;
}
.science-secondary-header ul li {
    float: left !important;
    margin-bottom: -5px;
}

h5.micositeheading strong::after {
    content: '';
    width: 35px;
    height: 25px;
    left: 0;
    position: absolute;
    display: inline-block;
    border-bottom: 5px solid #27ae60;
}

.media.product {
    padding: 20px 25px;
    text-decoration: none;
    color: inherit;
    display: block;
    /* box-shadow: 0px 0px 5px 1px #ccc;*/
    border: none;
    transition: 0.2s box-shadow ease-in;
}
.mw-200{
    max-width: 200px;
}
.media.product:hover {
    box-shadow: 0px 0px 15px 3px #ccc !important;
    border: none;
    z-index: 999;
}

a.media.product .tile_icon_contaianer img {
    height: 50px;
    margin: 0;
    float: left;
    margin-top: 25px;
    margin-right: 10px;
    transition: all .2s linear;
}

.viewTests {
    padding-top: 0px;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    color: #27AE60;
    font-family: montserrat;
    font-weight: 600;
    text-transform: uppercase;
}

.viewTests .glyphicon {
    transition: 0.2s all ease-in;
    position: relative;
    left: 10px;
    top: 0;
}

.media-body {
    padding-left: 15px;
    padding-top: 10px;
}

.media-body span.glyphicon-chevron-right {
    margin-left: -5px;
}

.media-body:hover
 span.glyphicon-chevron-right{
    transform: translateX(10px);
    transition: all 0.2s;
}

.sm-r-arrow {
    padding-left: 5px;
    color: #27ae60;
    font-size: 14px;
}
.col-6-tiles {
    margin-bottom: 30px;
}
.nav-tab .btn-tab {
    background-color: #f5f5f5;
    width: 100%;
    color: #2c3e50;
    padding: 10px;
}
.nav-tab.active .btn-tab {
    background: #27ae60;
    color: white;
    box-shadow: 4px 5px 10px #3333333b;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: inherit;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #27ae60;
    border: 1px solid none;
    border-bottom-color: transparent;
    cursor: default;
    padding: 11px;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    
    overflow: hidden;
}
ul#header-nav > .nav>li>a:hover, ul#header-nav > .nav>li>a:focus {
    background-color: transparent !important;
}

.nav-tabs>li {
    float: left;
    margin-bottom: 0px;
}
.nav-tabs>li>a:hover {
    border: none;
    overflow: hidden;
}
.nav-tabs>li>a:hover {
    border: none;
    overflow: hidden;
    padding: 11px;
}

.nav-tabs {
    border: 0px;    
}

.nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 3px;
}

.pt-1 {
    padding-top: 10px;
}

.pb-2 {
    padding-bottom: 20px;
}

.pb-4 {
    padding-bottom: 40px;
}

.btn-white-green {
    border-color: white;
    background: transparent;
    transition: .3s linear;
}

img.micosite-images {
    max-width: 100%;
}
img.micosite-images.large {
    max-width: 100%;
}
strong.primary {
    color: #58af61;
}

.tile_icon {
    margin: 0 auto;
}

._title-link::after {
    font-family: 'Glyphicons Halflings';
    content: "\002b";
    position: absolute;
    right: 15px;
    color: #4cd964;
}

._title-link._bb-tab::after {
    font-family: 'Glyphicons Halflings';
    content: "\e094";
    position: absolute;
    right: 15px;
    color: #4cd964;
}

._title-link-active::after {
    font-family: 'Glyphicons Halflings';
    content: "\2212";
    position: absolute;
    right: 15px;
    color: #fff;
}

._title-link-active._bb-tab::after {
    font-family: 'Glyphicons Halflings';
    content: "\e093";
    position: absolute;
    right: 15px;
    color: #fff;
}

.panel-heading.active {
    background: #27ae60 !important;
    color: #fff !important;
    box-shadow: 2px 2px 4px rgba(31, 31, 31, 0.52);
}

.viewTests.left-view {
    display: block;
    text-align: left;
}

img.img-left {
    display: block;
}
.text-left {
    text-align: left;
    position: relative;
    z-index: 1;
}

.text-line::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    height: 1px;
    margin-left: 10px;
    width: calc(100% - 15em);
    z-index: 1;
    background: #c5c5c5;
}

.test-heading {
    font-family: Lato, serif;
    font-weight: 500;
}
.media-body-test {
    padding: 10px 15px;
    border: 1px solid #27ae60;
    border-radius: 3px;
}

.media-body-test > h4 {
    height: 50px;
    font-size: 18px !important;
    line-height: 1.1;
    color: #2c3e50;
}
.marginTop50 {
    margin-top: 50px;
}
.relative {
    position: relative;
}
/* 
.media-body-test:hover {
    transition: all 0.3s;
    background: #27ae60;
    border: 2px solid #27ae60;
    color: #fff !important;
} */

.media-body-test:hover h4{
    transition: all 0.3s;
    color: #fff !important;
}
a.media:hover {
    border-radius: 3px;
    transition: all 0.4s;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
}
a.media {
margin-bottom: 20px;}

.media-body-test:hover {
    background: #27ae60;
    color: #fff !important;
}

img.img-left {
    margin: 0;
}

.p-col{
    color: #27ae60
}

.common-tile {
    padding: 15px;
    font-size: 115%;
    color: #000;
    margin: 30px 10px;
    background: #c9eedf;
    overflow: hidden;
    width: calc(100% - 300px);
    margin: 0 auto;
}
.padBottom50{
    padding-bottom: 50px;
}


.icon-carousel {
    border: none;
}

.carousel-control {
    position: absolute;
    top: 33%;
    left: 0;
    bottom: 0;
    width: 0%;
    z-index: 1;
    color: #27ae60;
    opacity: 1;
}
.carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #27ae60;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90);
}

ul.custom-list {
    padding-left: 20px;
    color: #27ae60;
}


ul.custom-list p {
    color: #7f8c8d;
}

.em-space {
    height: 42px;
}


img.tile_icon.large {
    height: 70px !important;
}

.jumbotron.main.microsite .container img.img-responsive {
    margin: auto;
}


p.dot {
    padding-bottom: 0px;
    margin-bottom: 5px;
}
p.dot::before {
    content: "• ";
    color: #58af61;
}

.bg-image-examination{
    background: url(/prelogin/resources/images/microsite/oes/oss/background.jpg) no-repeat left bottom;
    background-origin: border-box;
    background-position: center;
    background-size: cover;
    padding: 10px 0px 50px 0px;
    width: 100%;
    overflow: hidden;
}

.bg-image-examination.ch{
    background-image: url(/prelogin/resources/images/microsite/CH/green-background.jpg) no-repeat left bottom;
}
.bg-image-examination.feedback {
    background-image: url(/prelogin/resources/images/pages/360/green.jpg) !important;
}
.underline {
    border-bottom: 1px solid #fff;
    display: inline-block;
    padding-bottom: 5px;
}
.underline.dark {
    border-color: #2c3e50;
}

.bg-green {
    background: #27ae60
}

.bg-green.inverse {
    background: #27ae60;
    height: 150px;
    margin-top: -115px;
}
.center-img {
    margin: 0 auto;
    text-align: center;
    display: block
}

.q-heading {
    margin-left: 20px;
}

.q-heading::before {
    content: '';
    display: inline-block;
    width: 10px;
    background: mediumseagreen;
    height: 1.2em;
    position: absolute;
    left: -19px;
    top: 3px;
}

/* blog crousal */

.blogCarousal > .carousel {
    border: none;
    margin-bottom: 50px
}

.blogCarousal > .carousel > ol.carousel-indicators {
    bottom: -20px;
}
.blogCarousal > .carousel > .blog-controls {
    bottom: -30px;
}
.blogCarousal > .carousel > .blog-controls a.carousel-control {
    top: -60px;
}
.blogCarousal > .carousel > .blog-controls a.left.carousel-control {
    left: -30px;
}
.blogCarousal > .carousel > .blog-controls a.right.carousel-control {
    right: -30px;
}
/* Overay bg -image */

.bg-image-overlay {
    position: relative;
    margin-bottom: 30px;
}
.overlay-text {
    padding-top: 80px;
    padding-bottom: 40px;
    position: relative;
}

.overlay-text-inner {
    padding: 40px 50px;
}

img.overlay-img {
    width: 100%;
    min-height: 310px;
    position: absolute;
    z-index: 0;
}
.overlay-text-container {
    background: #fff;
    box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.11);
    border-radius: 5px;
    position: relative;
}
.text-center > img.img-responsive {
    margin: 0 auto;
}

/* tech L & D */
li.tab-border.active a {
    background: transparent !important;
    border: none !important;
    color: #2c3e50 !important;
    padding: 10px;
}

li.tab-border.active a {
    background: transparent !important;
    border: none !important;
    color: #2c3e50 !important;
}

.nav-tabs>li.tab-border>a.tab-border {
    border: none;
    overflow: hidden;
    padding: 10px;
    color: #2c3e50;
}
.nav-tabs>li.tab-border>a.tab-border:hover {
    border: none;
    overflow: hidden;
    padding: 10px;
    background: none;
    color: #2c3e50;
}
li.tab-border.active a.tab-border::after {
    content: '';
    display: inline-block;
    height: 5px;
    width: 100%;
    background: #4cda63;
}

.box-container {
    background: white;
    box-shadow: 5px 3px 25px rgba(0, 0, 0, 0.32);
    margin-top: -36px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 100px;

}

.no-marginTop {
    margin-top: 0px;
}

li.nav-tab.left {
    margin: 15px 0px;
}

p.green-info {
    color: #27ae5f;
}
p.green-info::after {
    content: url('/prelogin/resources/images/hacksite/L-D/information-icon.png');
    color: #27ae5f;
    padding-left: 5px;
}

/*  hackthone tab */
li.hackthone_tab {
    background: transparent !important;
    margin-right: 13px;
    
}


.nav-tabs>.hackthone_tab.active>a, .nav-tabs>.hackthone_tab.active>a:hover, .nav-tabs>.hackthone_tab.active>a:focus {
    color: #27ae5f;
    background-color: transparent;
    border: unset;
    border-bottom-color: transparent;
    cursor: default;
    padding: 8px;
    padding-bottom: 4px;
    padding-top: 150px;
}

.nav-tabs>li.hackthone_tab>a {
    color: #27AE60 !important;
    padding: 7px;
    overflow: hidden;
    margin: 0px;
    padding-top: 149px;
    z-index: 1000;
}

.nav-tabs>li.hackthone_tab>a:hover {
    border: none;
    overflow: hidden;
    padding: 8px;
    background: none !important;
    margin: 0px;
    padding-top: 150px;
}

li.active.hackthone_tab::after {
    margin-bottom: 20px;
    content: "";
    display: inline-block;
    height: 2px;
    background: #27AE60 ;
    width: calc(100% - 1em);
}

.negSpace {
    margin-top: -200px;
}
.hkTab {
    margin-top: 100px;
}
li#hackthone-tb1.hackthone_tab.active::before {
    content: url(/prelogin/resources/images/hacksite/hackathon/tab/1.png);
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}
li#hackthone-tb2.hackthone_tab.active::before {
    content: url(/prelogin/resources/images/hacksite/hackathon/tab/2.png);
    height: 100px;
    position: absolute;
    top: 0;
    left: -144px;
}

li#hackthone-tb3.hackthone_tab.active::before {
    content: url(/prelogin/resources/images/hacksite/hackathon/tab/3.png);
    height: 100px;
    position: absolute;
    top: 0;
    left: -269px;
}
li#hackthone-tb4.hackthone_tab.active::before {
    content: url(/prelogin/resources/images/hacksite/hackathon/tab/4.png);
    height: 100px;
    position: absolute;
    top: 0;
    left: -397px;
}
.events-tiles a > .thumbnail {
    border: none;
}
.events-tiles a > .thumbnail > .caption {
    border: 2px solid #f7f7f7;
    border-top: none;
    padding-left: 20px;
}
.events-tiles a:hover > .thumbnail {
    box-shadow: 2px 8px 16px #b9b9b9;
    transition: .2s linear;
}

.thumbnail.blog {
    padding: 0px;
    height: 280px;
}
.blog-container a {
    text-decoration: none;
}
.thumbnail.blog:hover {
    transition: .3s linear;
    overflow: hidden;
    box-shadow: 1px 2px 10px #00000054;
}
.blog-container {
    margin: 0 25px;
}
.col-md-4.blog-container.m-0.col-xs-12.displayFlex {
    margin: 0 auto;
}

a.tile_link {
    text-decoration: none;
    color: inherit
}
.tile_shadowBox {
    padding: 25px 20px
}
.tile_shadowBox:hover {
    box-shadow: 0px 0px 35px 1px #ccc;
    transition: .2s linear;
}
/* Timeline */

.nopad.timeline {
    box-shadow: none;
}

.nopad.timeline .carousel {
    border: 0px;
}

.nopad.timeline .carousel-inner .timeline_img{
   width: 97%;
}

.nopad.timeline .carousel-indicators {
    position: absolute;
    left: 4%;
}

.nopad.timeline .carousel-indicators li {
    width: 22px;
    height: 22px;
    margin: 5px;
    text-indent: -999px;
    border-radius: 50px;
}
.nopad.timeline .carousel-indicators li.active {
    width: 22px;
    height: 22px;
    background-color: #4cd964 !important;
}

.timeline_container {
    position: relative;
}
.timeline_box-heading {
    position: relative;
}

.timeline_line {
    height: 500px;
    width: 1px;
    background: #ddd;
    position: absolute;
    right: 10px;
    top:10px;
    margin-top: 15px;
}

.timeline_box::before {
    content: "";
    display: inline;
    height: 26px;
    width: 26px;
    border-radius: 50px;
    background: #eee;
    left: -23px;
    position: absolute;
}

.timeline_box.ticked::before {
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    background: #27AE60;
    padding: 5px 7px;
    color: #fff;
    font-size: 12px;
}

.timeline_box.active .timeline_box-heading > h3 {
    color:  #27AE60;
    display: inline;
    position: relative;
}

.timeline_box.active .timeline_box-heading > h3::after {
    content: '';
    display: inline;
    color: #27AE60;
    height: 2px;
    width: 100%;
    background: #27AE60;
    position: absolute;
    top: 30px;
    left: 0px;
    z-index: 7;
}

.timeline_box-heading a {
    color: inherit;
    text-decoration: none;
}

div#fade-quote-carousel-timeline .carousel-indicators li {
    background: gray;
    border: transparent;
    cursor: default;
}

.tile-dir-arrow {
    position: relative;
}
.tile-dir-arrow:not(:last-child)::after {
    content: url(/prelogin/resources/images/microsite/TT/arrow.png);
    right: 0;
    position: absolute;
    top: 15%;
}

/* Override */
.carousel-inner img.mpptestimonialsImage {
    margin: 0px auto;
}

.case-study-heading {
    font-weight: bold !important;
    font-style: normal !important;
    color: #333 !important;
}
.icon-image {
    position: relative;
    width: 60px;
    padding-right: 15px; 
    margin-right: 15px;
    border-right: 1px solid #9b9b9b;
   
    }
.icon-image-text {
   width: 76%;
}

.nav-tile {
    background-color: #f4f4f4;
    padding: 0;
    border-radius: 10px;
}
.nav-tile:hover {
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.35);
}
.nav-tile-image {
    background-color: #e2e2e2;    
}
.nav-tile-image-top {
    height: 82px;
}
.nav-tile-image-bottom {
    height: 130px;
}
.nav-tile-image-right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.nav-tile-image-left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.style-bg-left {
    background-color: #2c3e50;
}
.style-bg-right {
    background-color: #f2f2f2;
}
.color-icon {
    height: 80px;
}

.tab-icon {
    height: 36px;
}
.tab-icon-w {
    display: none;
}
@media only screen and (min-width: 990px) {
    .bg-style-jumbotron {
        background-image: linear-gradient(105deg, #2c3e50 0%,#2c3e50 45%,#f7f7f7 45%,#f7f7f7 100%);
    }
}
@media only screen and (max-width: 990px) {
    .bg-style-jumbotron-col {
        background-color: #2c3e50;
    }
}
@media only screen and (max-width: 767px) {
    .icon-tab-panel-heading {
        border: 1.5px solid #2c3e50 !important;
    } 
    .icon-tab-panel-heading > h4 {
        color: #2c3e50;
    }
    
    .icon-tab-panel-heading > h4{
        display: inline-block;
    }


}
.icon-tab.active .icon-tab-a .tab-icon-c {
    display: none;
}
.icon-tab.active .icon-tab-a .tab-icon-w {
    display: inline-block;
}

.icon-tab.active > .icon-tab-a{
    background-color: #2c3e50 !important;
    color: white !important;
}
.icon-tab.active > .icon-tab-a > span {
    color: white;
}

li.nav-tab.icon-tab > .icon-tab-a {
    border: 1.5px solid #2c3e50  !important;
    color:#2c3e50 !important;
    padding: 11px;
}

@media only screen and (max-width: 600px) {
    .icon-image-label {
        padding: 15px;
    }
   .icon-image {
       float: left;
       margin-right: 0px;
   }
   .icon-image-text {
       display: inline-block;
       text-align: left;
   }
 }

 .row-image {
     width: 60px;
}

@media (min-width: 768px) {
    .panel-heading {
      display: none;
    }
    .panel {
      border: none;
      box-shadow: none;
    }
    .panel-collapse {
      height: auto;
    }
    .panel-collapse.collapse {
      display: block;
    }
    .col-border-left {
        border-left:  1.5px solid #e2e2e2;
        padding-left: 30px;
     }
  }
  @media (max-width: 767px) {
    .carousel-control {
        position: absolute;
        top: 39%;
        left: 0;
        overflow: hidden;
        width: 10%;
    }
    .mobilePad-20 img {
        margin-top: 0px;
    }
    .panel-default>.panel-heading {
        text-decoration: none;
        color: #7f8c8d;
        background-color: #f5f5f5;
        border-color: transparent;
        position: relative;
    }
    h4.panel-title a {
        text-decoration: none;
        padding: 8px 0;
    }
    .tab-content .tab-pane {
      display: block;
      margin: 20px 0px;
    }
    .nav-tabs {
      display: none;
    }
    .panel-title a {
      display: block;
    }
    .panel {
        border: none;
        box-shadow: none;
      margin: 0;
      box-shadow: none;
      border-radius: 0;
      margin-top: -2px;
    }
    .tab-pane:first-child .panel {
      border-radius: 2px;
    }
    .tab-pane:last-child .panel {
      border-radius: 2px
    }

    .xs-margin-n-40 {
        margin-top: -40px;
    }
    section.slider {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .xs-left {
        text-align: left;
    }
    .xs-left .img-responsive {
        margin: 0;
    }
    img.tile_icon.large {
        height: 50px !important;
    }
    .tab-content {
        margin-top: -50px;
    }
    img.ul-icon {
        height: 50px;
        margin-right: 10px;
    }

    #carousel {
            border-top: none;
    }

    .testimonial-wrapper #carousel {
        padding: 0;
    }
    .common-tile {
        width: 100%;
    }

    .tab-content.box-container {
        box-shadow: unset;
        margin-bottom: 10px;
    }
    .panel-heading.border-tab {
        background: unset;
    }

    .timeline_box.active::before {
        content: '';
        background: none;
    }

    .timeline_box.active .timeline_box-heading > h3 {
       color: #333;
    }
    .timeline_box::before {
        content: "";
        background: none;
    }
    .timeline_box.active .timeline_box-heading > h3::after {
        content: '';
        color: inherit;
        background: none;
    }

    .no-xs-pb {
        padding-bottom: 0px !important;
    }
    .no-xs-pt {
        padding-top: 0px !important;
    }

    .no-xs-m {
        margin: 0;
    }
    .no-xs-mt {
        margin-top: 0px !important;
    }
    .no-xs-mb {
        margin-top: 0px !important;
    }
    .xs-text-left {
        text-align: left !important;
    }
    .xs-text-center {
        text-align: center !important;
    }

    .tile-dir-arrow:not(:last-child)::after {
        content: '';
        display: inline;
    }
  }