/* Wrapper */

#wrapper>header {
    padding: 11em 0 2.25em 0;
}

#wrapper>header .inner {
    margin: 0 auto;
    width: 55em;
}

#wrapper>header h2 {
    border-bottom: solid 2px rgba(255, 255, 255, 0.125);
    font-size: 2em;
    margin-bottom: 0.8em;
    padding-bottom: 0.4em;
}

#wrapper>header p {
    font-family: Raleway, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 200;
    letter-spacing: 0.1em;
    line-height: 2;
    text-transform: uppercase;
}

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

    #wrapper>header {
        padding: 9em 0 6.25em 0;
        background-color: #2e3141;
        background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
        background-size: auto, cover;
        background-position: center, 0% 30%;
        margin-bottom: -6.5em;
    }

}

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

    #wrapper>header {
        padding: 11em 3em 7.375em 3em;
        background-size: auto, cover;
        background-position: center, 0% 0%;
        margin-bottom: -4.75em;
    }

    #wrapper>header .inner {
        width: 100%;
    }

}

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

    #wrapper>header {
        padding: 6.5em 2em 3em 2em;
        background-size: auto,
            125%;
        margin-bottom: -2.5em;
    }

    #wrapper>header h2 {
        font-size: 1.25em;
    }

    #wrapper>header p {
        font-size: 0.8em;
    }

    div.navbar-header {
        position: relative;
    }

    a.navbar-brand {
        width: 85%;
        position: absolute;
        text-align: center;
    }

    a.navbar-brand img {
        margin: 0 33%;
        /* padding-left:45%; */
        text-align: center;
        width: 150px;
        height: 34px;
    }
}

.wrapper {
    background-color: #2e3141;
    margin: 6.5em 0;
    position: relative;
}

.wrapper:before,
.wrapper:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
}

.wrapper:before {
    box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
}

.wrapper:after {
    box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
}

.wrapper:before,
.wrapper:after {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 6.5em;
    position: absolute;
    width: 100%;
}

.wrapper:before {
    left: 0;
    top: -6.5em;
}

.wrapper:after {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    bottom: -6.5em;
    left: 0;
}

.wrapper.alt:before {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.wrapper.alt:after {
    -moz-transform: scaleY(-1) scaleX(-1);
    -webkit-transform: scaleY(-1) scaleX(-1);
    -ms-transform: scaleY(-1) scaleX(-1);
    transform: scaleY(-1) scaleX(-1);
}

.wrapper .inner {
    padding: 3em 0 1em 0;
    margin: 0 auto;
    width: 55em;
}

.wrapper.style2 {
    background-color: #353849;
}

.wrapper.style2:before,
.wrapper.style2:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
}

.wrapper.style2:before {
    box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
}

.wrapper.style2:after {
    box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
}

.wrapper.style3 {
    background-color: #3d4051;
}

.wrapper.style3:before,
.wrapper.style3:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
}

.wrapper.style3:before {
    box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
}

.wrapper.style3:after {
    box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
}

.wrapper.style4 {
    background-color: #454858;
}

.wrapper.style4:before,
.wrapper.style4:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
}

.wrapper.style4:before {
    box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
}

.wrapper.style4:after {
    box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
}

.wrapper.style5 {
    background-color: #4d5060;
}

.wrapper.style5:before,
.wrapper.style5:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
}

.wrapper.style5:before {
    box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
}

.wrapper.style5:after {
    box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
}

.wrapper.style6 {
    background-color: #555867;
}

.wrapper.style6:before,
.wrapper.style6:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
}

.wrapper.style6:before {
    box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
}

.wrapper.style6:after {
    box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
}

.wrapper.spotlight {
    background-color: #4c5c96;
}

.wrapper.spotlight:before,
.wrapper.spotlight:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
}

.wrapper.spotlight:before {
    box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
}

.wrapper.spotlight:after {
    box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
}

.wrapper.spotlight .inner {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.wrapper.spotlight .image {
    border-radius: 100%;
    margin: 0 3em 2em 0;
    width: 22em;
    overflow: hidden;
    -ms-flex: 1;
}

.wrapper.spotlight .image img {
    border-radius: 100%;
    width: 100%;
}

.wrapper.spotlight .content {
    width: 100%;
    -ms-flex: 2;
}

.wrapper.spotlight:nth-child(2n - 1) .inner {
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: right;
}

.wrapper.spotlight:nth-child(2n - 1) .image {
    margin: 0 0 2em 3em;
}

.wrapper.spotlight.style2 {
    /* background-color: #45558d; */
    background-color: #408080;
}

.wrapper.spotlight.style2:before,
.wrapper.spotlight.style2:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23408080%3B' /%3E%3C/svg%3E");
}

.wrapper.spotlight.style2:before {
    /* box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d; */
    box-shadow: inset 0 -1px 0 0 #408080, 0 1px 0 0 #408080;
}

.wrapper.spotlight.style2:after {
    box-shadow: inset 0 -1px 0 0 #408080, 0 1px 0 0 #408080;
    /* box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d; */
}

.wrapper.spotlight.style3 {
    /* background-color: #3f4e85; */
    background-color: #619d9d;
}

.wrapper.spotlight.style3:before,
.wrapper.spotlight.style3:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23619d9d%3B' /%3E%3C/svg%3E");
}

.wrapper.spotlight.style3:before {
    /* box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85; */
    box-shadow: inset 0 -1px 0 0 #619d9d, 0 1px 0 0 #619d9d;
}

.wrapper.spotlight.style3:after {
    /* box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85; */
    box-shadow: inset 0 -1px 0 0 #619d9d, 0 1px 0 0 #619d9d;
}

.wrapper.spotlight.style4 {
    background-color: #39477c;
}

.wrapper.spotlight.style4:before,
.wrapper.spotlight.style4:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
}

.wrapper.spotlight.style4:before {
    box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
}

.wrapper.spotlight.style4:after {
    box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
}

.wrapper.spotlight.style5 {
    background-color: #324072;
}

.wrapper.spotlight.style5:before,
.wrapper.spotlight.style5:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
}

.wrapper.spotlight.style5:before {
    box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
}

.wrapper.spotlight.style5:after {
    box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
}

.wrapper.spotlight.style6 {
    background-color: #2d3a69;
}

.wrapper.spotlight.style6:before,
.wrapper.spotlight.style6:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
}

.wrapper.spotlight.style6:before {
    box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
}

.wrapper.spotlight.style6:after {
    box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
}

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

    .wrapper {
        margin: 4.75em 0;
    }

    .wrapper:before,
    .wrapper:after {
        height: 4.75em;
    }

    .wrapper:before {
        top: -4.75em;
    }

    .wrapper:after {
        bottom: -4.75em;
        left: 0;
    }

    .wrapper .inner {
        padding: 3em 3em 1em 3em;
        width: 100%;
    }

    .wrapper.spotlight .image {
        margin: 0 2em 2em 0;
        width: 32em;
    }

    .wrapper.spotlight:nth-child(2n - 1) .image {
        margin: 0 0 2em 2em;
    }

}

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

    .wrapper {
        margin: 2.5em 0;
    }

    .wrapper:before,
    .wrapper:after {
        height: 2.5em;
    }

    .wrapper:before {
        top: -2.5em;
    }

    .wrapper:after {
        bottom: -2.5em;
        left: 0;
    }

    .wrapper .inner {
        padding: 2em 2em 0.1em 2em;
    }

    .wrapper.spotlight .inner {
        -moz-align-items: -moz-flex-start;
        -webkit-align-items: -webkit-flex-start;
        -ms-align-items: -ms-flex-start;
        align-items: flex-start;
    }

    .wrapper.spotlight .image {
        width: 19em;
        margin: 0 1.75em 2em 0;
    }

    .wrapper.spotlight:nth-child(2n - 1) .image {
        margin: 0 0 2em 1.75em;
    }

}

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

    .wrapper.spotlight .inner {
        display: block;
    }

    .wrapper.spotlight .image {
        margin: 0 0 1em 0 !important;
        max-width: 85%;
        width: 12em;
    }

}

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

    .wrapper .inner {
        padding: 2em 1.5em 0.1em 1.5em;
    }

}

#two h2.major,
#three h2.major {
    color: white;
}

#two p,
#three p {
    font-size: 16px;
    color: white;
}

.services .item h4 {
    /* height:320px; */
    text-align: center;
    padding-bottom: 24px;
}

.services .item h4:after {
    /* height:320px; */
    content: " ";
    border: solid 2px #f1b65f;
    display: block;
    width: 35px;
    margin: 25px auto;

}

.services .item p {
    text-align: center;
    padding-bottom: 24px;
    color: #333;
}

.header-text h3 {
    color: #fff;
    font-size: 50px;
    font-weight: bold;
}

h2.sectionHeader {
    padding-top: 110px;
    margin-top: -110px;
}

@media(max-width: 767px) {
    .header-text h3 {
        font-size: 31px;
    }

    #two p,
    #three p {
        text-align: left;
        font-size: 14px;
    }

    #two .inner,
    #three .inner {
        padding-left: 23px;
        padding-right: 23px;
    }

    .services li {
        font-size: 14px;
    }

    ul {
        padding-left: 20px;
    }
}


/* ==========================================================================
Features
========================================================================== */
.features-wrapper, .team-wrapper { margin: 70px 0 0; }
.shadow { text-shadow: rgb(55, 181, 161) 1px 1px, rgb(55, 181, 161) 2px 2px, rgb(55, 181, 161) 3px 3px, rgb(55, 181, 161) 4px 4px, rgb(55, 181, 161) 5px 5px, rgb(55, 181, 161) 6px 6px, rgb(55, 181, 161) 7px 7px, rgb(55, 181, 161) 8px 8px, rgb(55, 181, 161) 9px 9px, rgb(55, 181, 161) 10px 10px, rgb(55, 181, 161) 11px 11px, rgb(55, 181, 161) 12px 12px, rgb(55, 182, 162) 13px 13px, rgb(55, 183, 163) 14px 14px, rgb(56, 184, 164) 15px 15px, rgb(56, 185, 165) 16px 16px, rgb(56, 186, 166) 17px 17px, rgb(57, 187, 167) 18px 18px, rgb(57, 188, 168) 19px 19px, rgb(57, 189, 169) 20px 20px, rgb(58, 191, 170) 21px 21px, rgb(58, 192, 171) 22px 22px, rgb(58, 193, 172) 23px 23px, rgb(59, 194, 173) 24px 24px, rgb(59, 195, 174) 25px 25px, rgb(59, 196, 175) 26px 26px, rgb(60, 197, 176) 27px 27px, rgb(60, 198, 177) 28px 28px, rgb(60, 199, 178) 29px 29px, rgb(61, 201, 179) 30px 30px; }
.icon { height: 175px; width: 175px; line-height: 175px; max-width: 100%; background: #EF8905; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; color: #fff; font-size: 55px; text-align: center; vertical-align: middle; position: relative; margin: 0 auto 50px; }

.features-wrapper .icon img{width:140px;}