html, body {
    height: 100%;
    width: 100%;
}

div.body {
    min-height:100%;
    position:relative;
}


.body-list #header .header-social-icons, .body-list #header .header-nav-top {
    text-align: center;
    float: initial !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.body-list #header .header-nav-top { margin: 25px auto 0 auto; width: 60px; }
.body-list #header .header-social-icons { margin-top: 30px; }
.body-list #header .header-nav-top .dropdown-menu { min-width: 52px; border-radius: 4px; }
.body-list .main { background: #f9f9f9; }
.body-list .sngular-tool {
    max-width: 200px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

.body-list .tool-upper-logo {
    max-width: 150px;
}

.body-list .tool-logo {
    max-width: 150px;
}

.body-list .sngular-tool p {
    font-size: 10px;
    line-height: 16px;
    margin-top: 20px;
    margin-bottom: 0px;
    color: #3C3C3C;
}

.body-list .tool-box {
    text-align:center;
    background-color:#f9f9f9;
    padding:15px;
    padding-top:15px;
    padding-bottom:15px;
    border-radius:4px;
    display:block;
    min-height: 345px;
}

.body-list a.tool-box:hover, .body-list a.tool-box:focus {
    text-decoration:none;
}

.body-list #footer .footer-copyright, .body-list #footer {
    background-color: #777;
    border-top: 2px solid #636363;
}

.body-list .logo {
    margin: 0 auto;
    max-width: 200px;
}

.body-list .tool-button {
    height: 25px;
    padding: 1px 35px 0 35px;
}

ul.share-buttons {
    list-style: none;
    padding: 0;
}

ul.share-buttons li {
    display: inline;
}

ul.share-buttons a:hover {
    text-decoration: none;
}

.align-center {
    text-align: center !important;
}

.way-img {
    border-radius: 10px;
    margin-bottom: 30px;
    width: 100%;
}

.features-way {
    clear: both;
}

.text-center {
    text-align: center !important;
}

.go-to-sda {
    background-color: #F7F7F7;
    border-radius: 10px;
    color: black;
    padding: 10px;
}

.go-to-sda i {
    color: #002C75;
    font-size: 15px;
    margin-left: 10px;
}

.testimonial .testimonial-author strong {
    padding-top: 0;
}


@media (max-width:1199px) {
    .header-body {
    }
    div.featured-box.article .box-content {
        
    }
}

@media (max-width:991px) {
    .clients {
        margin-left:0px;
        margin-bottom:40px;
    }
    html.sticky-header-negative.sticky-header-active #header .header-logo {
        padding-top:0px;
    }
    .we-offer {
        font-size:0.8em;
    }
    #footer {
        margin-top:-14px;
    }

    .header-body {
        background-position-y:0px !important;
    }
}

@media (max-width:767px) {
    .offer-grid-element {
        /*width:33.33333%;*/
    }

    #header .header-body {
        background: none;
        background-color: #0b65b1;
    }


    .tp-fullwidth-forcer {
        display:none !important;
    }

    .we-offer {
        font-size:0.6em;
    }

    div > .we-offer {
        min-height:180px;
        max-height:180px;
    }


    article.post-large .post-date,
    article.post-large .post-image {
        margin-left: 0;
    }

    article.post-large {
        margin-left: 0;
    }

    article.post .post-date {
        float:right;
    }


    .article .article-content {
        margin-bottom: 50px !important;
    }

    .body-list .tool-box {
        min-height: 0;
    }

    .body-list .sngular-tool {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border: 1px solid #999;
        border-radius: 4px;
        max-width: 300px;
    }

}


/*--------BOOTCAMP------------*/

.your-challenge {
    background-color: rgb(246, 246, 247);
    padding: 30px 10px 60px;
}

.ul-bootcamp-menu {
    list-style-type: none;
    padding-left: 0;
    text-align: center;
    width: 100%;
}

.ul-bootcamp-menu li {
    border-bottom: 1px solid #d8d8d8;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 0 84px 30px 0;
    text-transform: uppercase;
}

.ul-bootcamp-menu li:last-child {
    margin-right: 0;
}

.ul-bootcamp-menu li a {
    color: #777 !important;
    text-decoration: none;
}

.ul-bootcamp-menu li:hover {
    border-bottom-color: #002C75;
    color: #002C75 !important;
    cursor: pointer;
}

.ul-bootcamp-menu li a:hover {
    color: #002C75 !important;
}

.full-width {
    width: 100%;
}

.challenge-accepted {
    margin: 20px 0;
    text-align: right;
    width: 100%;
}

.challenge-accepted a {
    background-color: #23527c;
    color: white;
    display: block;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 15px 40px;
    text-align: center;
    text-decoration: none;
}

.challenge-accepted a:hover {
    opacity: .8;
    cursor: pointer;
}

.colored-line {
    border-bottom: 2px solid #23527c;
    height: 3px;
    margin: auto;
    margin-left: -2500px;
}

.clear {
    clear: both;
    padding-bottom: 25px;
}


.challenges {
    border-bottom: 1px solid;
    display: block;
    margin-right: 15px;
    margin-bottom: 15px;
}

.challenges:hover {
    border-color: #005aa1;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.75);
    /*ul.share-buttons a:hover {
        height: 80px;
        margin: 20px 10px;
        width: 45%;
    }*/
}

.icons-challenge {
    border-radius: 100%;
    border: 1px solid #005aa1;
    color: #005aa1;
    font-size: 35px;
    margin: 20px;
    padding: 22px;
}

.icons-reward {
    background-color: rgb(246, 246, 247);
    border-radius: 100%;
    border: 1px solid #005aa1;
    color: #005aa1;
    font-size: 35px;
    margin: 20px;
    padding: 22px 22px 22px 18px;
}

.icons-reward:hover {
    background-color: #005aa1;
    color: rgb(246, 246, 247);
}

.icons-challenge:hover {
    background-color: #005aa1;
    color: white;
}

.areas {
    background-color: rgb(246, 246, 247);
    padding: 15px;
}

.experts {
    background-color: white;
    margin: 10px 5px;
    padding: 15px;
}

.img-expert {
    display: inline-block;
}

.info-expert {
    display: inline-block;
    top: 50%;
    transform: translateY(25%);
}

.info-expert-title {
    color: #2c5a9d;
    font-weight: bold;
}

.info-expert-name {
    color: #444;
    font-weight: bold;
}

.expert-ssnn {
    list-style-type: none;
    padding-left: 0;
}

.expert-ssnn-type {
    display: inline-block;
}

.expert-ssnn-type-separator {
    margin: 0 5px;
}

.why-sngular {
    background-attachment: fixed;
    background-image: url("/assets/img/sngular/bootcamp/imag_porque_medianet.jpg");
    /*background-repeat: no-repeat;*/
    background-size: 100%;
    padding: 15px;
    width: 100%;
}

.text-white {
    color: white;
}

.registration-form {
    background-color: rgb(246, 246, 247);
    padding: 20px;
}

.input-text-form {
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    margin: 5px 0;
    padding: 7px 10px;
    width: 100%;
}

.label-input-file-form {
    background-color: #002C75;
    border-radius: 3px;
    font-weight: bold;
    margin: 5px 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

.label-input-file-form:hover {
    cursor: pointer;
    opacity: .8;
}

.input-file-form {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.input-textarea-form {
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    height: 220px;
    margin: 10px 0;
    padding: 7px 10px;
    resize: none;
    width: 100%;
}

#map {
    width: 100%;
    height: 220px;
}

.address {
    margin: 40px 0;
}

.address div p {
    margin-bottom: 0;
}

.colored-line-right {
    border-bottom: 2px solid #23527c;
    height: 3px;
    margin: 10px 0;
    /*margin-right: -1000px;*/
}

.address_phone,
.address_mail {
    margin-left: 10px;
}

.select-form {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    margin: 5px 0;
    padding: 7px 10px;
    width: 100%;
}

.more-experience,
.more-studies,
.new-it,
.investigate {
    margin: 20px 0;
}

.more-studies-container {
    width: 100%;
}

.more-studies-container span,
.new-it-container span,
.investigate-container span {
    float: left;
    /*width: 20%;*/
    margin-right: 20px;
}

.more-studies-container span input,
.new-it-container span input,
.investigate-container span input {
    margin-left: 5px;
}

.new-it,
.investigate,
.more-studies,
.more-experience,
.why-sngular-bootcamp,
.prioritize-professional,
.text-areas-form {
    padding: 0;
}

.submit-form {
    background-color: #23527c;
    border: 0;
    color: white;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 15px 0;
    padding: 10px;
    width: 100%;
}

.submit-form:hover {
    opacity: .8;
}

.how-you-learning {
    background: #F6F6F6;
    margin: 15px 0;
    padding: 20px;
    text-align: center;
}

.how-you-title {
    font-weight: bold;
}

.how-you-subtitle {
    color: #2c5a9d;
    font-weight: bold;
}

.how-you-container {
    padding: 30px 85px;
}

.how-you-learning-list {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}

.how-you-learning-list-li {
    display: inline-block;
}

.how-you-learning-list-li a {
    background: #dadadb;
    margin: 0 5px;
    opacity: .8;
    padding: 5px 10px;
    text-decoration: none;
}

.departament-bootcamp-list {
    list-style-type: none;
    padding-left: 0;
    text-align: center;
}

.list-bootcamp {
    border: 1px dashed rgba(0,0,0,0.2);
    display: inline-block;
    margin: 0 10px;
    text-align: center;
}

.list-bootcamp img {
    background-color: #f6f6f7;
    display: block;
    padding: 20px;
}

.list-bootcamp p {
    cursor: default;
    margin: 0;
    padding: 10px;
}

.departament-bootcamp-list-front p {
    background-color: #2c5a9d;
    color: white;
    font-weight: bold;
}

.departament-bootcamp-list-qa p {
    background-color: #0091db;
    color: white;
    font-weight: bold;
}

.departament-bootcamp-list-back p {
    background-color: #1fc3a5;
    color: white;
    font-weight: bold;
}

.departament-bootcamp-list-mobile p {
    background-color: #f6891e;
    color: white;
    font-weight: bold;
}

.departament-bootcamp-list-agile p {
    background-color: #aa2ea5;
    color: white;
    font-weight: bold;
}

.remove-underline:hover {
    text-decoration: none;
}

.why-sngular-list {
    border-left: 1px solid white;
    margin-left: 0;
    padding-left: 14px;
}

.registration-form-fieldset-inputs {
    padding: 0;
}

.sngular-bootcamp-title {
    margin-bottom: 0 !important;
}

.border-image {
    border: 3px solid #D0D0D0;
    border-radius: 5px;
}

@media(min-width: 768px) {
    .experts {
        display: inline-block;
        height: 455px;
        margin-top: 0;
        width: 48%;
    }

    .expert1 {
        float: left;
    }

    .your-challenge {
        padding: 30px 85px 60px;
    }

    .challenges {
        width: 45%;
    }

    .registration-form {
        padding: 30px 70px;
    }

    .more-experience,
    .more-studies,
    .new-it,
    .investigate {
        height: 80px;
        margin: 20px 10px;
        width: 45%;
    }

    .more-experience legend {
        margin-bottom: 10px;
    }

    .more-studies,
    .investigate {
        float: right;
    }

    .special_experts {
        height: 660px;
    }
}

@media(min-width: 768px) and (max-width: 992px) {
    .your-challenge {
        height: 1150px;
    }

    .why-sngular {
        padding: 20px 110px;
    }

    .challenges:nth-child(2n) {
        float: right;
        margin-right: 0;
    }


    .your-reward,
    .challenge-accepted,
    .areas-selection {
        padding: 0 85px;
    }
}

@media(min-width: 768px) and (max-width: 1200px) {
    .challenges h6 {
        height: 45px;
    }

    .challenges p {
        height: 125px;
    }
}

@media(min-width: 992px) {
    .your-challenge {
        height: inherit;
        padding: 30px 61px 60px;
    }

    .ul-bootcamp-menu li {
        margin-right: 53px;
    }

    .challenge-accepted {
        float: right;
        width: 40%;
    }

    .how-you-learning {
        display: inline-block;
        float: left;
        height: 315px;
        margin: 0 15px;
        padding: 20px 0;
        width: 45%;
    }

    .how-you-learning p {
        padding: 20px 0;
    }

    .how-you-learning-list-li {
        font-size: 11px;
    }

    .how-you-learning-paragraph {
        margin: 20px 0;
    }

    .why-sngular {
        padding: 60px 55px;
    }

    .registration-form-fieldset-inputs {
        margin-bottom: 20px;
        margin-right: 15px;
        width: 48%;
    }

    .input-textarea-form  {
        height: 188px;
        margin-top: 5px;
        width: 50%;
    }

    #map {
        width: 75%;
    }

    .address {
        margin: 0;
    }

    .input-textarea-form-it,
    .input-textarea-form-pro {
        width: 98%;
    }

    .input-textarea-form-pro {
        float: right;
    }

    .submit-form {
        width: 25%;
    }

    .challenges {
        margin-right: 10px;
        width: 24%;
    }

    .challenges:last-child {
        margin-right: 0;
    }

    .how-you-learning-training {
        float: right !important;
    }

    .experts {
        height: 400px;
    }

    .special_experts {
        height: 550px;
    }


}

@media(max-width: 992px) {
    .ul-bootcamp-menu li {
        width: 100%;
    }

    .ul-bootcamp-menu li a {
        display: block;
    }
}

@media(min-width: 1200px) {
    .challenges p {
        font-size: 13px;
        height: 110px;
    }

    .challenges h6 {
        height: 40px;
    }

    .registration-form,
    .how-you-container,
    .your-reward,
    .your-challenge,
    .areas,
    .why-sngular {
        padding: 20px 150px;
    }

    .ul-bootcamp-menu li {
        margin-right: 60px;
    }
}

@media(min-width: 1400px) {
    .special_experts {
        height: 505px;
    }
}