/*-----------------------------------------------------------------------------------*/
/*  Accordion
/*-----------------------------------------------------------------------------------*/
.accordion .accordion-title {
    position: relative;
    display: block;
    border: 1px solid #f0f0f0;
    margin-bottom: 6px;
    border-radius: 2px;
}
.accordion .accordion-title h3 {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1;
}
.accordion .accordion-title a {
    display: block;
    padding: 11px 15px 7px;
    color: inherit;
    background-color: #F8f8f8;
}
.accordion .accordion-title a i {
    font-size: 22px;
    margin-right: 5px;
}
.accordion .accordion-title span {
    position: absolute;
    background: url('../images/plus_minus.png') 0px -24px no-repeat;
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 7px 7px;
    right: 0;
}
.accordion .accordion-title.active span {
    background: url('../images/plus_minus.png') 0px 0px no-repeat;
}

.accordion .accordion-title.active a i {
}
.accordion .accordion-inner {
    padding: 7px 10px 10px 15px;
    display: none;
    margin: -7px 0 6px;
    border: 1px solid #f0f0f0;
}
.accordion .accordion-inner div {
    margin-left: 45px;
    padding: 0px 5px 10px 10px;
    margin-bottom: 6px;
}
/*-----------------------------------------------------------------------------------*/
/*  Alert Messages
/*-----------------------------------------------------------------------------------*/
.alert-message {
    position: relative;
    border: 1px solid #ddd;
    display: block;
    background-color: #F9F9F9;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    font-weight: bold;
    padding: 15px 40px;
    /*margin-bottom: 20px;*/
    margin-bottom: 40px;
    border-radius: 4px;

    overflow-wrap: break-word;
    word-wrap: break-word;
}

    .alert-message.top-page {
        margin-bottom: 40px;
    }

.alert-message.warning {
    background-color: #fbf6e3;
    border-color: #efd877;
    color: #c4a80a;
}
.alert-message.warning a {
    color: #c4a80a;
}
.alert-message.success {
    background-color: #e9f2d2;
    border-color: #c0da66;
    color: #88b12b;
}
.alert-message.success a {
    color: #88b12b;
}
.alert-message.error {
    background-color: #ffe9e9;
    border-color: #e99f9f;
    color: #d25c5a;
}
.alert-message.error a {
    color: #d25c5a;
}
.alert-message.info {
    background-color: #dbe9f3;
    border-color: #9fc2dd;
    color: #468bbf;
}
alert-message.info a {
    color: #468bbf;
}
.alert-message p {
    margin: 0;
    padding: 0;
}
.alert-message span.close {
    display: block;
    padding: 10px 15px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 0.5;
}
.alert-message span.close:hover {
    opacity: 1;
}



/*--------------------------------------------------------------------------*/
/*  BUTTONS
/*--------------------------------------------------------------------------*/
.button {
    -webkit-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);
    box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);
    padding: 13px 24px;
    font-size: 13px;
    font-weight: bold;
    text-shadow: none;
    border: 0 none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #ffffff;
    cursor: pointer;
    background-color: #FFD600;
    height: 40px;
    line-height: 40px !important;
}

/*--------------------------------------------------------------------------*/
/*  CALLOUT BOX
/*--------------------------------------------------------------------------*/
.callout {
    margin: 0;
    display: block;
    background: #F8f8f8;
    padding:20px;
    border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.04) !important;
    border-left: 3px solid #FFD600;
}
    .callout.no-border {
        border-left: 1px solid rgba(0, 0, 0, 0.04) !important;
    }

.callout .callout-button {
    margin: 20px 10px 10px;
    float: right;
}
.callout .callout-content {
    float: left;
}
.callout .callout-content p {
}
.callout a.button {
    margin: 0;
    text-align: center;
}
.callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
    line-height: 1.3;
    margin: 0 0 0px 0 !important;
}

/*--------------------------------------------------------------------------*/
/*  CLIENTS LOGO LIST
/*--------------------------------------------------------------------------*/
.client-logos {
    width: 100%;
    text-align: center;
    float: left;
    padding: 20px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
}
.client-logos img {
    display: inline;
    max-width: 110px;
}
.client-logos a img {
    opacity: 1;
    filter: alpha(opacity=100);
}
.client-logos a img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/* ------------------------------------------------------------------------ */
/* FANCY HEADER
/* ------------------------------------------------------------------------ */
.fancy-header {
    width: 100%;
    margin: 30px 0 20px;
    position: relative;
    clear: both;
    display: block;
    z-index: 1;
    text-align:center;
}
.fancy-header:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e8e8e8;
    left: 0;
    top: 50%;
    z-index: -1;
}
.fancy-header span {
    font-size: 11px;
    padding: 5px 10px;
    background: #ffffff;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    font-family: 'HelveticaNeue Light', Helvetica, Arial, sans-serif;
    font-style: italic;
    border: 1px solid #e8e8e8;
}

/* ------------------------------------------------------------------------ */
/* FANCY HEADER ALT
/* ------------------------------------------------------------------------ */
.fancy-header-alt {
    width: 100%;
    margin: 30px 0 20px;
    position: relative;
    clear: both;
    display: block;
    z-index: 1;
    text-align:center;
}
.fancy-header-alt:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e8e8e8;
    left: 0;
    top: 50%;
    z-index: -1;
}
.fancy-header-alt span {

    padding: 5px 10px;
    background: #ffffff;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    font-family: 'BebasNeueRegular', sans-serif;
    font-size: 44px;
    text-transform: uppercase;
    border: 1px solid #e8e8e8;
    color: #0f80f1;


}

/*-----------------------------------------------------------------------------------*/
/*  FANCY HEADER 2
/*-----------------------------------------------------------------------------------*/
.fancy-header2 {
    margin-bottom: 30px;
    text-align:center;
}
.fancy-header2 h4, .fancy-header2 h3 {
    line-height: 0.8;
    margin-bottom: 0px;
}
/*-----------------------------------------------------------------------------------*/
/*  FULL WIDTH BLOCK
/*-----------------------------------------------------------------------------------*/

.fullwidth {
    padding: 20px 95px 0;
    margin: 30px 0 0px 0;
}
.fullwidth.grey {
    background-color: #f5f5f5;
}

.detail1 {
    background-image: url('../images/detail/rocket.v1.png');
    background-size: auto 289px;
    /*background-position: top -2px left -224px;*/
    background-position: top 50% left -264px;
    background-repeat: no-repeat;

    /*padding-bottom: 100px;*/

    /*background-color: rgba(255, 255, 255, .5);*/
}

.detail1-right {
    background-image: url('../images/detail/rocket-white.png');
    background-size: auto 311px;
    background-position: top 50% right -172px;
    background-repeat: no-repeat;

    /*padding-bottom: 100px;*/

    /*background-color: rgba(255, 255, 255, .5);*/
}

/*Two rows of boxes*/
.detail.double {
    background-size: auto 395px;
    background-position: top 50% left -383px;
}


.detail2-center {
    background-image: url('../images/detail/circular.png');
    background-position: center center;
    background-size: 60%;
}



/*.detail1 {
    background-image: url('../images/detail/rocket.png');
    background-size: auto 300px; /* width, height
    background-position: top 0px left -200px;
    background-repeat: no-repeat;

    padding-bottom: 100px;

    background-color: rgba(255, 255, 255, .5);
}*/



/*-----------------------------------------------------------------------------------
/*  MILESTONE COUNT
/*-----------------------------------------------------------------------------------*/

.milestone-count {
    font-family: 'Open Sans', "Times New Roman", Times, serif;
    font-size: 80px;
    line-height: 1.2;
    padding: 0;
    margin-bottom: 20px;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}


/*-----------------------------------------------------------------------------------*/
/*  Blockquotes & Pullquotes
/*-----------------------------------------------------------------------------------*/
blockquote {
    margin: 0 0 20px 0;
    padding: 0;
}
blockquote p {
    margin: 0 !important;
    padding: 5px 0 5px 15px;
    border-left: 4px solid #FFD600;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: lighter;
    font-size: 18px;
    line-height: 1.2;
}
.pullquote {
    width: 260px;
    margin: 15px 0 !important;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;


    font-weight: lighter;
    font-size: 18px;
    line-height: 1.2;
}
.pullquote.align-left {
    float: left;
    padding: 0px 15px;
    border-left: 4px solid #FFD600;
}
.pullquote.align-right {
    float: right;
    padding: 0px 15px;
    text-align: right;
    border-right: 4px solid #FFD600;
}

/*--------------------------------------------------------------------------*/
/*  SERVICE ICON BOX
/*--------------------------------------------------------------------------*/
.service-box {
    margin: 0 0 0px 0;
    text-align: center;
    padding: 20px 10px;
    border: 1px solid #f0f0f0;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #ffffff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;

}
.service-box:hover {
    box-shadow: 0px 1px 12px rgba(0,0,0,0.3);
    background: #FFD600;
    color: #ffffff;
    border: 1px solid transparent;
}
.service-box .service-icon {
    width: 80px;
    height: auto;
    font-size: 70px;
    margin: 15px auto;
    padding: 25px 20px;
    text-align: center;
    display: block;
    text-align: center;
    border-radius: 50%;
    background: #ffd600;
    color: #ffffff;
    border: 4px solid #ffffff;
    box-shadow: 0px 0px 0px 3px #ffd600;
}
.service-box:hover .service-icon {
    border: 4px solid #ffd600;
    box-shadow: 0px 0px 0px 3px #ffffff;
    background: #ffffff;
    color: #ffd600;
}
.service-description {
    margin-bottom: 30px;
}
.service-box ul li {
    font-weight: bold;
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px dashed #e0e0e0;
}
.service-box ul li:last-child {
    border: none;
    margin: 0;
    padding: 0;
}


/*--------------------------------------------------------------------------*/
/*  SERVICE IMAGE BOX
/*--------------------------------------------------------------------------*/
.service-features {
    text-align: center;
}
.service-features h3 {
    padding-top: 20px;
    margin-bottom: 4px;
}
.service-features .img-container {
    padding: 25px 45px;
    border-radius: 3px;
    background: #FFD600;
    width: 120px;
    margin: 0 auto;
    position: relative;
}

.service-features .img-container i {
    font-size: 84px;
    color: #ffffff;
}
.service-features .img-container:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 15px solid #ffd600;
    border-bottom: 0px solid transparent !important;
    border-right: 20px solid transparent !important;
    border-left: 20px solid transparent !important;
    left: 50%;
    bottom: -15px;
    margin-left: -20px;
}



/*--------------------------------------------------------------------------*/
/*  SERVICE IMAGE BOX -j
/*--------------------------------------------------------------------------*/

.service-features-j {
    /*text-align: center;*/
    padding-bottom: 80px;

    /*font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 14px;
    /*color: blue;*/
}

.service-features-j.boxed {
    border: 1px solid #f3f3f3;
    padding: 20px;
}

.service-features-j.grey {
    border: 1px solid #f7f7f7;
    background-color: #fbfbfb;
    padding: 20px;
}

.detail.double .row.first .service-features-j  {
    padding-bottom: 50px;
}

/*.service-features-j.no-bottom-padding {
    padding-bottom: 0px !important;
}
*/


.service-features-j h3 {
    padding-top: 30px;
    margin-bottom: 4px;



}

.service-features-build-j .img-container > h3,
.service-features-j .img-container > h3 {

    /* Keeps the text centered. See plans */
    line-height: 35px;
    position: relative;

    /*
    The follwing has been removed and moved to ".vert-align"
    because after the angularjs implementation on the order
    page it was no longer needed. For whatever reason.
    */
    /*top: 50%;*/
    /*transform: translateY(-50%);*/

}

.generic-features-j .img-container h3,
.service-features-j .img-container h3 {
    padding-top: 0px;
    margin-bottom: 0px;
    /*display: inline-block;*/
    vertical-align: middle;
    letter-spacing: 0px;
}

.generic-features-j .img-container h3 span.little,
.service-features-j .img-container h3 span.little {
    font-size: 18px;
    display: block;
    line-height: 25px;
    margin-top: 3px;
}
.generic-features-j .img-container,
.service-features-j .img-container {
    padding: 20px 45px 25px 45px;
    border-radius: 3px;
    background: #FFFFFF;
    /*width: 120px;*/
    margin: 0 auto;
    position: relative;
    color: #fff;
    height: 68px;
    line-height: 68px;
    cursor: pointer;
}

.service-features-j .img-container.half-with-icon {
    height: 145px;
}

.service-features-j .img-container.half-with-icon .product-icons {
    margin-top: 10px;
    margin-bottom: 0px;
}

.service-features-j.boxed .product-icons {
    padding-top: 10px;
}

.generic-features-j.light .img-container,
.service-features-j.light .img-container {
    color: #0f80f1;
}

.generic-features-j .img-container i,
.service-features-j .img-container i {
    font-size: 84px;
    color: #ffffff;
}

.service-features-j p {
    margin-bottom: 0;
    /*text-align: justify;*/
    line-height: 18px;
    margin-top: 15px;
}

.service-features-j .description {
    margin-top: 30px;
}

/* Sets the height of the "what we do" info boxes so the "learn more" labels line up */
#what-we-do .service-features-j p {
    min-height: 162px;
}

.service-features-j.light p {
    line-height: 21px;
    /*padding-bottom: 70px;*/
    /*font-family: HelveticaNeue;*/
}

.generic-features-j .img-container:after,
.service-features-j .img-container:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 15px solid #ffd600;
    border-bottom: 0px solid transparent !important;
    border-right: 20px solid transparent !important;
    border-left: 20px solid transparent !important;
    left: 50%;
    bottom: -15px;
    margin-left: -20px;
}

.generic-features-j .img-container.no-point:after,
.service-features-j .img-container.no-point:after {
    border: none;
}


.generic-features-j .img-container.big-font h3,
.service-features-j .img-container.big-font h3,
.service-features-build-j .img-container.big-font h3 {
    font-size: 23px;
}

.service-features-j.light .hider {
    color: #fff;
    overflow: visible;
}

.service-features-j li {
    line-height: 30px;

}

.one_half .img-container.large {
    height: 145px;
    line-height: 145px;
    text-align: center;
    /*font-size: */
}
.one_half .img-container.large h3 {
    font-size: 52px;
    /*line-height: 72px;*/
    /*text-align: center;*/
}
/*.test {
    border: 4px solid #ffffff;
    box-shadow: 0px 0px 0px 3px #0f80f1;
}*/





/*--------------------------------------------------------------------------*/
/*  SERVICE IMAGE BOX FOR BUILD -j
/*--------------------------------------------------------------------------*/

.service-features-build-j {
    text-align: center;
    padding-bottom: 0px;
    /*color: blue;*/
}


/*.service-features-build-j.selected {
    background-color: #4bc3ff;
}
*/



.detail.double .row.first .service-features-build-j  {
    padding-bottom: 50px;
}


.service-features-build-j h3 {
    padding-top: 30px;
    margin-bottom: 4px;
    padding-bottom: 3px;
}


.service-features-build-j h3 span.sub {
    font-size:12px;
    font-weight: normal;
}

.service-features-build-j .img-container h3 {
    padding-top: 0px;
    margin-bottom: 0px;
    /*line-height: 33px;*/
    display: inline-block;
    vertical-align: middle;
    line-height: normal;

    font-size: 16px; /*Added this just so the test data would fit*/
}

/*Added this to shorten the line height for two lines of text */
.service-features-build-j .img-container h3.double-line {
    line-height: 23px;
}

.service-features-build-j .img-container h3.voice.double-line {
    line-height: 20px;
}


.service-features-build-j .img-container h3.triple-line {
    line-height: 17px;
}

.service-features-build-j .img-container {
    /*padding: 0px 45px 1px 45px;*/ /*was this. this smallness made no sense*/
    padding: 0px 25px 1px 25px;
    border-radius: 3px;
    background: #FFD600;
    /*width: 120px;*/
    margin: 0 auto;
    position: relative;
    color: #fff;
    height: 68px;
    line-height: 68px;
    cursor: pointer;
}

/*Added this for the times we're tight on space*/
.service-features-build-j.tight .img-container {
        padding: 0px;
}

.service-features-build-j.light .img-container {
    color: #0f80f1;
}


.service-features-build-j .img-container i {
    font-size: 84px;
    color: #ffffff;
}

.service-features-build-j p {
    margin-bottom: 0;
    /*text-align: justify;*/
    line-height: 18px;
    margin-top: 15px;
}

/* Sets the height of the "what we do" info boxes so the "learn more" labels line up */
#what-we-do .service-features-build-j p {
    min-height: 162px;
}

.service-features-build-j.light p {
    /*padding-bottom: 70px;*/
    font-family: HelveticaNeue;
}

.service-features-build-j .img-container:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 15px solid #ffd600;
    border-bottom: 0px solid transparent !important;
    border-right: 20px solid transparent !important;
    border-left: 20px solid transparent !important;
    left: 50%;
    bottom: -15px;
    margin-left: -20px;
}


.service-features-build-j .img-container.no-point:after {
    border: none;
}

.service-features-build-j.light .hider {
    color: #fff;
}




/*-----------------------------------------------------------------------------------*/
/*  Skill Bar
/*-----------------------------------------------------------------------------------*/
.skillbar {
    width: 100%;
    height: 25px;
    display: block;
    background: rgba(0,0,0,0.04);
    margin-bottom: 10px;
    position: relative;
}
.skillbar .skill-percentage {
    background: #FFD600;
    display: block;
    width: 0%;
    height: 25px;
}
.skill-title {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    padding: 5px 10px;
    color: #ffffff;
    z-index: 1;
    background: transparent;
}
/*-----------------------------------------------------------------------------------*/
/*  Tabs
/*-----------------------------------------------------------------------------------*/
.tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 1px;
}
.tab {
    float: left;
    margin-right: -1px;
}
.tab a {
    color: inherit;
    border: 1px solid #e8e8e8;
    display: block;
    padding: 10px 20px 10px 15px;
    background-color: #f8f8f8;

}
.tab a:hover {
    background: #ffffff;
}
.tab a i {
    display: inline-table;
    font-size: 18px;
    padding: 0 7px 0 10px;
    margin-right: 0px;
    line-height: 0;
    vertical-align: text-bottom;
}
.tab a.selected {
    background: #ffffff;
    border-bottom-color: #fff;
    font-weight:bold;
    box-shadow: 0px -3px 0px 0px #FFD600;
}
.tab a.selected i {
}
.panel {
    border: 1px solid #e8e8e8;
    clear: both;
    padding: 10px 10px 0px 15px;
}

/*--------------------------------------------------------------------------*/
/*  TEAM MEMBER
/*--------------------------------------------------------------------------*/
.member-role {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e8e8e8;
    clear:both;
}

.member-role h1 {
    line-height:1;
    margin-bottom:0px;
    display:inline-block;
}
.member-role h4 {
    line-height:1;
    font-size:26px;
}

.team-member {
    display:inline-block;
    width: 33.33%;
    text-align: center;
    /*margin-left:-4px;*/
}
.team-member.team-one {
    width: 80%;
}
.team-member.team-two {
    width: 50%;
}
.team-member.team-four {
    width: 25%;
}
.team-member.team-five {
    width: 20%;
}
.team-member .team-thumb {
    /*line-height: 0;*/
}
.team-member .team-thumb img {
    width: 100%;
    height: auto;
}
.team-member .team-desc {
    padding: 10px;
    font-size: 14px;
    /*margin-left: -1px;*/
    border: 1px solid #e8e8e8;
    border-top: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background:#ffffff;
}
/*.team-member:hover .team-desc {
    background:#ffd600;
    color:#ffffff;
}*/
.team-member .team-desc h4 {
    margin-bottom: 5px;
    font-size: 16px;
}
.team-member .team-desc h5 span {
    font-size: 12px;
    font-weight: normal;
    color: #aaa;
}
.team-member .team-desc a {
    font-weight: normal;
    display: block;
    font-size: 13px;
    margin-top: 0px;
}
.team-member .team-desc a span i {
    color: #3CF;
    margin-right: 5px;
}
/*--------------------------------------------------------------------*/
/*  MODAL POPUP SHORTCODE
/*--------------------------------------------------------------------*/
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: white;
    background-color: rgba(255,255,255,0.98);
}
.modal {
    position: fixed;
    top: 10%;
    left: 0;
    z-index: 1050;
    width: 100%;
    overflow: auto;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
    text-align:left;
}


.modal .close {
    float: right;
    font-size: 24px;
    font-weight: bold;
    line-height: 18px;
    color: #ffffff;
    background:#ffd600;
    width:40px;
    height:40px;
    line-height:40px;
    -webkit-border-radius:50%;
    -mox-border-radius:50%;
    border-radius:50%;
    margin: 0px 0 -40px;
    text-align:center;
    z-index:1000;

}

.member-bio {
    overflow-y:auto;
    text-align:center;
}

.member-bio .member-description {
    text-align:left;
}


/* MODAL CSS3 ANIMATIONS */
.loaded .animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    -ms-animation-duration: .6s;
    -o-animation-duration: .6s;
    animation-duration: .6s;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: .95;
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: .95;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: .95;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}
.columns .img-wrp {
    position: relative;
}
.img-wrp img {
    display: block;
}
.overlay-content {
    opacity: 0;
    filter: alpha(opacity=0);
    top: 30%;
}
.team-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    height: 100%;
    width: 100%;
}
.team-overlay .img-overlay {
    opacity: 0.8;
    filter: alpha(opacity=80);
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.img-overlay {
    background: #ffffff;
}
.overlay-content {
    text-align: center;
    position: absolute;
    top: 20%;
    width: 100%;
    z-index: 10;
    color:inherit;
    font-size:16px;
    font-family:'Oswald', sans-serif;
    font-weight:bold;
    text-transform:uppercase;
}

.overlay-content h4 {
    line-height:1.4;
}

.overlay-content a {
    color:inherit;
    line-height:1 !important;
}

.view-profile {
    padding:4px 10px;
    background:#ffd600;
    margin-top:4px;
    color:#ffffff !important;
}



/*-----------------------------------------------------------------------------------*/
/*  Toggle
/*-----------------------------------------------------------------------------------*/

.toggle .toggle-title {
    position: relative;
    display: block;
    border: 1px solid #f0f0f0;
    margin-bottom: 6px;
    border-radius: 2px;
}
.toggle .toggle-title h3 {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1;
    cursor: pointer;
}
.toggle .toggle-title.active h3 {
}
.toggle .toggle-inner {
    padding: 7px 10px 10px 15px;
    display: none;
    margin: -7px 0 6px;
    border: 1px solid #f0f0f0;
}
.toggle .toggle-inner div {
    max-width: 100%;
}
.toggle .toggle-title .title-name {
    display: block;
    padding: 11px 15px 7px;
    color: inherit;
    background-color: #F8f8f8;
}
.toggle .toggle-title a i {
    font-size: 22px;
    margin-right: 5px;
}
.toggle .toggle-title i {
    position: absolute;
    background: url('../images/plus_minus.png') 0px -24px no-repeat;
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 7px 7px;
    right: 0;
}
.toggle .toggle-title.active i {
    background: url('../images/plus_minus.png') 0px 0px no-repeat;
}


/*-----------------------------------------------------------------------------------*/
/*  JARROD MISC / Utilities
/*-----------------------------------------------------------------------------------*/
/*
.hider {
    overflow-y: hidden;
    max-height: 500px; /* approximate max height *

    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

*/


h4.doc {
    margin-top: 15px;
}


.hider {
    overflow: auto;
}

.hider.closed {
    display: none;
}

.width-140 {
    width:140px;
}

.width-500 {
    width: 500px;
}

/* Rates page -> table */
.stripe {
    background: #f8f8f8 ;
}

.zindex-10 {
    z-index: 10;
}


ul.square {
    list-style-type: square;
    text-align: left;
}

ul.disc {
    list-style-type: disc;
}

ul.circle {
    list-style-type: circle;
}

ul.square li {
    /*margin-left: 0;*/
    /*padding-left: 0;*/
}

ol.roman {
    list-style-type: lower-roman;
}

.text-center {
    text-align: center;


/*This stuff is probably needed it but should definitly not be in here.*/

/*    margin-bottom: 40px;
    margin-top: 10px;
    color: #0f80f1;*/
}

.text-center-alt {
    margin: 0 auto !important;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-bold {
    font-weight: bold !important;
}




.vert-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.intro-text {
    font-size: 14px;
}

/* See products.php page for example */
a.anchor {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}
    a.anchor.anchor-100 {
        top: -100px !important;
    }

    a.anchor.anchor-90 {
        top: -90px !important;
    }

    a.anchor.anchor-80 {
        top: -80px !important;
    }

/* Center table */
table.center, .center {
    margin-left:auto;
    margin-right:auto;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.vert-align {
    top: 50%;
    transform: translateY(-50%);

}


.jbutton {
    background-color: #0f80f1;
    padding: 10px 20px 1px 20px;
    border-radius: 4px;
    width: 100%;
    border: 0;
    cursor: pointer;
}
input.jbutton {
    padding: 7px 10px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;
}

input.jbutton.small {
    padding: 7px 10px;
    color: #fff;
    font-size: 11px;
}



    .jbutton.page {
        width: 300px;
        height: 60px;
    }

    .jbutton.action {
        width: 60px;
        margin-bottom: 20px;
        font-weight: bold;
         text-transform: uppercase;
    }

.jbutton:hover {
    background-color: #f1107a;
    transition: all 0.3s ease;
}


.jbutton.foot {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

    .jbutton a:hover {
        color: #fff;
    }

.jbutton.invert:hover {
    color: #fff;
    border: 1px solid #f3f3f3;
}



.pointer, .clickable {
    cursor: pointer;
}

.product-icons {
    width: 119px;
    margin-bottom: 5px;
}



.input-error {
    border: 1px solid red;
}

/*-----------------------------------------------------------------------------------*/
/*  JARROD AFFIX (Default) - Style.css has custom affixes
/*-----------------------------------------------------------------------------------*/

.stickem-container {
    position: relative;
}
.stickit {
    /*margin-left: 660px;*/
    position: fixed;
    top: 80px;
    /*width:240px;*/
    /*width:inherit;*/
}
.stickit-end {
    /*bottom: 0;*/
    /*position: absolute;*/
    /*right: 0;*/

}

.stickit #sidebar div {
    width: 260px;
}


/*-----------------------------------------------------------------------------------*/
/*  ANGULAR LIB AFFIX
/*-----------------------------------------------------------------------------------*/


/*.affix-top {
    top: 80px; // css to define
}

.affix-bottom {
    bottom: 0; // css to define
}
*/



/*-----------------------------------------------------------------------------------*/
/*  Google Map
/*-----------------------------------------------------------------------------------*/

.google-map {
    /*width: 578px;*/
    /*height: 180px;*/
    width: 100%;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}

/*-----------------------------------------------------------------------------------*/
/*  Google Recapture
/*-----------------------------------------------------------------------------------*/


    .g-recaptcha {
        display: inline-block;
    }


/*-----------------------------------------------------------------------------------*/
/*  Spinner / Loader
/*-----------------------------------------------------------------------------------*/

.loader {
/*    display:none;*/
}

.loader.address-loader {
    display: none;
    float: right;
    margin-top: -57px;
    margin-right: 11px;
}

/* Color change loader */

#color-cycle {
/*    animation: colorchange 5s linear infinite, fa-spin-j 2s infinite linear;
    -webkit-animation: colorchange 5s linear infinite, fa-spin-j 2s infinite linear;
    -moz-animation: colorchange 5s linear infinite, fa-spin-j 2s infinite linear;
    -o-animation: colorchange 5s linear infinite, fa-spin-j 2s infinite linear;*/

    animation: colorchange 5s linear infinite, fa-spin-j 2s infinite linear;
    -webkit-animation: colorchange 5s linear infinite, fa-spin-j 2s infinite linear;
    -moz-animation: colorchange 5s linear infinite, fa-spin-j 2s infinite linear;
    -o-animation: colorchange 5s linear infinite, fa-spin-j 2s infinite linear;
}



@keyframes fa-spin-j {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}




@keyframes colorchange
{
  0%,100% {color: #f1107a }
  50% {color: #1085e4 }


}


@keyframes colorchange-orig
{
  0%,100% {color: #1abc9c }
  5% {color: #2ecc71 }
  10% {color: #3498db }
  15% {color: #9b59b6 }
  20% {color: #34495e }
  25% {color: #16a085 }
  30% {color: #27ae60 }
  35% {color: #2980b9 }
  40% {color: #8e44ad }
  45% {color: #2c3e50 }
  50% {color: #f1c40f }
  55% {color: #e67e22 }
  60% {color: #e74c3c }
  65% {color: #ecf0f1 }
  70% {color: #95a5a6 }
  75% {color: #f39c12 }
  80% {color: #d35400 }
  85% {color: #c0392b }
  90% {color: #bdc3c7 }
  95% {color: #7f8c8d }
}





/*-----------------------------------------------------------------------------------*/
/*  ng-cloak fix
/*-----------------------------------------------------------------------------------*/

/*
  Allow angular.js to be loaded in body, hiding cloaked elements until
  templates compile.  The !important is important given that there may be
  other selectors that are more specific or come later and might alter display.
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}