/**
 * Theme Name:   Space
 * Author:       Germanos
 * Version:      5.0
 * Description:  Commercial Spaceflight Federation
 **/

/* -----------------------------------------
   WordPress Core Classes
   ----------------------------------------- */
   .alignnone {margin: 0 1em 1em 0;}
   .alignright {float:right; margin:0 0 1em 1em}
   .alignleft {float:left; margin:0 1em 1em 0}
   .aligncenter {display: block; margin-left: auto; margin-right: auto}
   .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption.alignnone {margin: 0 1em 1em 0;}
.wp-caption.alignleft {float:left; margin:0 1em 1em 0}
.wp-caption.alignright {float:right; margin:0 0 1em 1em}
.wp-caption-text {  }
.sticky {  }
.gallery-caption {  }
.bypostauthor {  }
body#tinymce.wp-editor {
    font-family: Arial, Helvetica, sans-serif;
    margin: 10px;
}
body#tinymce.wp-editor a {
    color: #4CA6CF;
}
/* -----------------------------------------
   General fixes
   ----------------------------------------- */
   #wpadminbar {
    opacity: 0.3;
    transition: 0.2s opacity linear;
    -webkit-transform: translateZ(0);
}
#wpadminbar:hover, 
#wpadminbar:focus{ opacity: 1; }
body {-webkit-font-smoothing: antialiased; background: #fff; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
input[type=button] {	
    -webkit-appearance: none;
    -moz-appearance:none;
}

/* Placeholder Styling */
::-webkit-input-placeholder { color: #333; }
::-moz-placeholder          { color: #333; }
:-ms-input-placeholder      { color: #333; }
input:-moz-placeholder      { color: #333; }

/* Input Styling */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea { /* STYLES GO THERE */ }
embed, iframe, object { max-width: 100%; }

button:focus { outline: none; }

/* Align Middle */
.align-middle {
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}
/*Centered FlexBox crossbrowser*/
.centered-flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}

/* -----------------------------------------
   Typography
   ----------------------------------------- */

   @font-face {
    font-family: 'DIN Alternate Black';
    src: url('css/fonts/din-black-webfont.eot');
    src: url('css/fonts/din-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('css/fonts/din-black-webfont.woff') format('woff'),
    url('css/fonts/din-black-webfont.ttf') format('truetype'),
    url('css/fonts/din-black-webfont.svg#din_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Alternate Bold';
    src: url('css/fonts/din-bold-webfont.eot');
    src: url('css/fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('css/fonts/din-bold-webfont.woff') format('woff'),
    url('css/fonts/din-bold-webfont.ttf') format('truetype'),
    url('css/fonts/din-bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Alternate Light';
    src: url('css/fonts/din-light-webfont.eot');
    src: url('css/fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('css/fonts/din-light-webfont.woff') format('woff'),
    url('css/fonts/din-light-webfont.ttf') format('truetype'),
    url('css/fonts/din-light-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Alternate Medium';
    src: url('css/fonts/din-medium-webfont.eot');
    src: url('css/fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('css/fonts/din-medium-webfont.woff') format('woff'),
    url('css/fonts/din-medium-webfont.ttf') format('truetype'),
    url('css/fonts/din-medium-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Alternate Regular';
    src: url('css/fonts/din-regular-webfont.eot');
    src: url('css/fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('css/fonts/din-regular-webfont.woff') format('woff'),
    url('css/fonts/din-regular-webfont.ttf') format('truetype'),
    url('css/fonts/din-regular-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a:focus {outline:none;}
p:empty {display: none;}
body,p,a {font-family: 'DIN Alternate Regular', sans-serif;}
h1,h2,h3,h4,h5,h6 {font-family: 'DIN Alternate Light', sans-serif; }
h1{
   text-align: center;
   font-family: 'DIN Alternate Regular', sans-serif;
   margin-bottom: 60px;
   line-height: 40px;
   color: #4c4c4c;
}
img.alignright {float:right; margin:0 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
h1, h2 { font-size: 48px; }
h3 { font-size: 34px; }
h4 {}
p { font-size: 18px; }

/* -----------------------------------------
    Clearfix
    ----------------------------------------- */
    .clearfix:before, .clearfix:after {
        content: "\0020";
        display: block; 
        height: 0; 
        overflow: hidden;
    }
    .clearfix:after { clear: both; }
    .clearfix { zoom: 1; }

/* ------------------------------------
    Basic Styles
    ------------------------------------- */
    .row { max-width: 1220px; }

    .onepage-pagination {
        right: 30px;
    }
    .onepage-pagination li a.active:before {
        border: none;
        background: #fff;
        margin-top: 0;
    }
    .onepage-pagination li a:before {
        width: 10px;
        height: 10px;
        background: rgba(255,255,255,.5);
        right: 2px;
    }

    body.viewing-page-3 .onepage-pagination li a:before {
        background: rgba(191,191,191,.4);
    }
    body.viewing-page-3 .onepage-pagination li a.active:before {
        background: #bfbfbf;
    }

    body.viewing-page-5 .onepage-pagination li a:before {
        background: rgba(191,191,191,.4);
    }
    body.viewing-page-5 .onepage-pagination li a.active:before {
        background: #bfbfbf;
    }
    body.viewing-page-6 .onepage-pagination li a:before {
        background: rgba(191,191,191,.4);
    }
    body.viewing-page-6 .onepage-pagination li a.active:before {
        background: #bfbfbf;
    }

    .ghost-btn-white {
        display: inline-block;
        padding: 10px 55px;
        color: #fff;
        border: 2px solid #fff;
        font-size: 20px;
        transition:         all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
        font-family: 'DIN Alternate Medium', sans-serif;
    }
    .ghost-btn-white:hover, .ghost-btn-white:focus {
        background: #fff;
        color: #4c4c4c;
    }

    .ghost-btn-black {
        display: inline-block;
        padding: 10px 55px;
        color: #4c4c4c;
        border: 2px solid #4c4c4c;
        font-size: 20px;
        transition:         all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
        font-family: 'DIN Alternate Medium', sans-serif;
        text-decoration: none !important;
    }
    .ghost-btn-black:hover, .ghost-btn-white:focus {
        background: #4c4c4c;
        color: #fff;
    }

/* ------------------------------------
    Header Styles
    ------------------------------------- */

    header {
        position: fixed;
        width: 100%;
        background: #fff;
        top: 0;
        left: 0;
        z-index: 999;
        -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.25);
        -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.25);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,0.25);
    }
    body.page-template-template-home header {
        top: -82px;
    }
    .menu-logo-link {
        display: inline-block;
        width: 160px;
        height: 66px;
    }

    .menu-logo-link svg {
        width: 160px;
        height: 66px;
    }

    /* WP Login */
    .wp-form-box {
        display: none;
        position: fixed;
        background: rgba(255,255,255,.7);
        width: 100%;
        height: 100vh;
        left: 0;
        top: 0;
        z-index: 900;
        overflow: hidden;
        text-align: left;
        padding-top: 82px;
    }
    .wp-form-block {
        background: #fff;
        padding: 30px 50px 110px 50px;
        position: relative;
    }
    .wp-form-block h3 {
        color: #5a5858;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
        font-size: 32px;
    }
    .wp-form-block h5 {
        color: #5a5858;
        text-align: center;
        font-family: 'DIN Alternate Regular', sans-serif;
        font-size: 18px;
        margin-bottom: 40px;
    }
    .vertical-login {
        display: block;
        position: relative;
        top: 50%;
        -o-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    #inline-form p {
        margin: 0;
    }
    #inline-form input {
        margin: 0;
        box-shadow: none;
        border-color: #bababa;
    }
    #inline-form label {
        color: #737373;
        margin-bottom: 2px;
        text-transform: uppercase;
    }
    #inline-form .login-username {
        width: 50%;
        float: left;
        padding-right: 7px;
    }
    #inline-form .login-password {
        width: 50%;
        padding-left: 7px;
        margin-left: 50% !important;
    }
    #inline-form .login-remember { display: none; }
    #inline-form .login-submit {
        text-align: center;
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
    }
    #inline-form .login-submit input[type=submit] {
        border: none;
        background: #575757;
        color: #fff;
        box-shadow: none;
        padding: 9px 56px;
        transition:         all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
    }
    #inline-form .login-submit input[type=submit]:focus, #inline-form .login-submit input[type=submit]:hover {
        background: #4c4c4c;
    }
    #inline-form .forgot-pass {
        position: relative;
        left: calc(50% + 7px);
        color: #4c4c4c;
        display: inline-block;
        font-size: 12px;
        border-bottom: 1px solid #000;
        padding-bottom: 1px;
    }
    #login-close {
        width: 16px;
        height: 16px;
        position: absolute;
        right: 17px;
        top: 17px;
    }
    #login-close:before {
        content: '';
        width: 22px;
        height: 1px;
        z-index: 9;
        position: absolute;
        bottom: 8px;
        left: -3px;
        background: #4c4c4c;
        transform: rotate(-136deg);
        -moz-transform: rotate(-136deg);
        -webkit-transform: rotate(-136deg);
        -o-transform: rotate(-136deg);
        -ms-transform: rotate(-136deg);
    }
    #login-close:after {
        content: '';
        width: 22px;
        height: 1px;
        z-index: 9;
        position: absolute;
        bottom: 8px;
        left: -3px;
        background: #4c4c4c;
        transform: rotate(136deg);
        -moz-transform: rotate(136deg);
        -webkit-transform: rotate(136deg);
        -o-transform: rotate(136deg);
        -ms-transform: rotate(136deg);
    }
/* ------------------------------------
    Content Styles
    ------------------------------------- */

    .svg-example svg {
        width: 444px;
        height: 182px;
        margin: 200px auto 0 auto;
        display: block;
    }

    /* ==== HOME TEMPLATE ==== */
    .main section {
        height: 100vh;
    }
    .main-logo-link {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .main-logo-link svg,
    .main-logo-link img {
        width: 223px;
        height: 200px;
    }
    .logo-shadow-box {
        position: relative;
    }
    .logo-shadow {
        display: block;
        margin: 0 auto;
    }
    .logo-row {
        display: block;
        position: relative;
        top: 65%;
        -o-transform: translate(0, -65%);
        -moz-transform: translate(0, -65%);
        -webkit-transform: translate(0, -65%);
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
    }
    .space-content {
        color: #fff;
        text-align: center;
        padding: 0 200px;
    }
    .space-content h3 {
        padding: 0 62px;
        margin-bottom: 26px;
    }
    .space-content p {
        font-size: 20px;
        line-height: 27px;
    }

    .space-content a.ghost-btn-white {
        margin-top: 55px;
    }
    .blue-space-section .blue-space {
        height: 50%;
    }
    .blue-space-section .issues-text-block {
        text-align: center;
        height: 50%;
        color: #acacac;
        position: relative;
    }
    .blue-space-section .issues-text-block h2 {
        margin-bottom: 30px;
    }
    .blue-space-section .issues-text-block p {
        padding: 0 240px;
        font-size: 20px;
        line-height: 27px;
    }
    .down-arrow {
        position: absolute;
        bottom: 30px;
        display: inline-block;
        width: 63px;
        height: 63px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        color: #8f9090;
        left: calc(50% - 31px);
        /*animation: bounce 3s infinite ease-in-out;*/
        /*-webkit-animation: bounce 3s infinite ease-in-out;*/
        transition:         all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
    }
    .down-arrow:hover {
        background: rgba(0,0,0,.5);
    }
    .down-arrow span {
        position: absolute;
        top: 65px;
        right: -15px;
        width: 90px;
        display: none;
        text-align: center;
        color: #fff;
        transition:         all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
    }
    .down-arrow:before {
        content: '';
        width: 26px;
        height: 2px;
        position: absolute;
        top: 32px;
        left: 8px;
        background: #fff;
        transform:rotate(30deg);
        -moz-transform:rotate(30deg);
        -webkit-transform:rotate(30deg);
        -o-transform:rotate(30deg);
        -ms-transform:rotate(30deg);
    }
    .down-arrow:after {
        content: '';
        width: 26px;
        height: 2px;
        position: absolute;
        top: 32px;
        right: 8px;
        background: #fff;
        transform:rotate(-30deg);
        -moz-transform:rotate(-30deg);
        -webkit-transform:rotate(-30deg);
        -o-transform:rotate(-30deg);
        -ms-transform:rotate(-30deg);
    }
    @-webkit-keyframes bounce {
        0%, 20%, 60%, 100%  { -webkit-transform: translateY(0); }
        40%  { -webkit-transform: translateY(-20px); }
        80% { -webkit-transform: translateY(-10px); }
    }

    .down-arrow.white:after, .down-arrow.white:before {
        background: rgba(255,255,255,.75);
    }
    .down-arrow.black:after, .down-arrow.black:before {
        background: rgba(0,0,0,.75);
    }
    .down-arrow.black span {
        color: rgba(0,0,0,.75);
    }

    .mission-block {
        color: #4c4c4c;
    }
    .mission-block h2 {
        margin-bottom: 20px;
    }
    .mission-block p {
        font-size: 20px;
        line-height: 27px;
        padding-right: 250px;
    }
    .mission-block .ghost-btn-black {
        margin-top: 38px;
    }
    .home-last-news-box .space-man {
        height: 50%;
    }
    .home-last-news-box .last-news {
        height: 50%;
    }
    .last-news h3 {
        text-align: center;
        color: #959595;
        font-family: 'DIN Alternate Regular', sans-serif;
        margin-bottom: 40px;
    }
    .last-news h5 {
        color: #636363;
        font-size: 17px;
        display: inline-block;
        font-family: 'DIN Alternate Regular', sans-serif;
        padding-right: 12px;
        position: relative;
        margin-bottom: 15px;
    }
    .last-news h5:after {
        content: '';
        width: 1px;
        height: 16px;
        background: #636363;
        position: absolute;
        right: 5px;
        top: 4px;
    }
    .last-news h6 {
        color: #a1a1a1;
        font-size: 17px;
        display: inline-block;
        font-family: 'DIN Alternate Regular', sans-serif;
        margin-bottom: 15px;
    }
    .last-news p {
        font-size: 22px;
        color: #636363;
        padding-right: 35px;
        line-height: 28px;
    }
    .last-news .read-more-link {
        color: #a1a1a1;
        display: inline-block;
        border-bottom: 1px solid #a1a1a1;
        padding-bottom: 1px;
    }
    .author-date {
        margin: 15px 0 20px 0;
    }
    .author-date span {
        text-transform: uppercase;
        font-weight: 700;
    }
    .home-bottom-box .job-opp {
        height: 50%;
        text-align: center;
    }
    .home-bottom-box .job-opp h3 {
        text-align: center;
        color: #fff;
    }
    .home-bottom-box .job-opp .ghost-btn-white {
        margin-top: 40px;
    }
    .home-bottom-box .footer {
        border-top: 5px solid #fff;
        height: 50%;
        background: #4CA6CF;
    }
    .home-bottom-box .footer h4 {
        font-family: 'DIN Alternate Bold', sans-serif;
        color: #4c4c4c;
        font-size: 28px;
        margin-bottom: 20px;
    }
    .footer .input-group {
        width: 500px;
    }
    .footer .footer-email {
        border: none;
        box-shadow: none;
        height: 56px;
        padding-left: 15px;
        color:#737373;
        font-size: 18px;
        font-family: 'DIN Alternate Medium', sans-serif;
    }
    .footer .footer-email::-webkit-input-placeholder {color:#737373; font-size: 18px; font-family: 'DIN Alternate Medium', sans-serif; }
    .footer .footer-email::-moz-placeholder          {color:#737373; font-size: 18px; font-family: 'DIN Alternate Medium', sans-serif; }/* Firefox 19+ */
    .footer .footer-email:-moz-placeholder           {color:#737373; font-size: 18px; font-family: 'DIN Alternate Medium', sans-serif; }/* Firefox 18- */
    .footer .footer-email:-ms-input-placeholder      {color:#737373; font-size: 18px; font-family: 'DIN Alternate Medium', sans-serif; }

    .footer input[type=submit] {
        height: 56px;
        font-size: 18px;
        color: #fff;
        font-family: 'DIN Alternate Medium', sans-serif;
        width: 145px;
        background: #737373;
    }
    .footer input[type=submit]:hover {
        background: #4d4d4d;
    }
    .footer .social-icons {
        margin: 40px 0 0 0;
        padding: 0;
        display: inline-block;
    }
    .footer .social-icons li {
        display: inline-block;
        list-style: none;
        margin-right: 20px;
    }
    .footer .social-icons li a {
        color: #737373;
        font-size: 34px;
        transition:         all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
        text-align: center;
    }
    .footer .social-icons li a:hover {
        color: #4d4d4d;
    }
    .footer .copyrights {
        color: #737373;
        font-family: 'DIN Alternate Bold', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        padding-top: 40px;
    }
    .footer-menu-box {
        text-align: right;
    }
    .footer-menu {
        display: inline-block;
        margin: 0;
    }
    .footer-menu li {
        list-style: none;
    }
    .footer-menu li a {
        display: inline-block;
        font-size: 21px;
        color: #4c4c4c;
        font-family: 'DIN Alternate Medium', sans-serif;
        border-bottom: 1px solid transparent;
    }
    .footer-menu li a:hover, .footer-menu li a:focus {
        border-bottom: 1px solid #4c4c4c;
    }
    #mc_embed_signup div.mce_inline_error {
        margin: 0 !important;
        position: absolute !important;
    }
    /* About Page */
    #about-slider {
        margin: 0;
    }
    #about-slider .slick-dots {
        bottom: 20px;
    }
    #about-slider .slick-slide {
        height: 100vh;
        padding-top: 70px;
    }
    #about-slider .slick-dots li button:before {
        font-size: 10px;
        color: #fff;
    }
    #about-slider .slick-dots li.slick-active button:before {
        color: #fff;
        opacity: 0.9;
    }
    #about-slider h1 { color: #4c4c4c; }

    #about-slider p {
        font-size: 20px;
        line-height: 27px;
        color: #4c4c4c;
        font-family: 'DIN Alternate Regular', sans-serif;
    }

    /* Boards */

    .board-box h3 {
        font-family: 'DIN Alternate Regular', sans-serif;
        text-align: center;
        margin: 60px 0;

    }
    .board-box {
        font-size: 0;
        text-align: center;
    }
    .board-box .column {
        display: inline-block;
        float: none !important;
        vertical-align: top;
        font-size: 18px;
        margin-bottom: 70px;
    }
    .zoom-img {
        overflow: hidden;
    }
    .zoom-img > img {
        width: 100%;
        display: block;
    }
    .employee-box h4 {
        font-family: 'DIN Alternate Medium', sans-serif;
        font-size: 28px;
        margin: 24px 0 0 0;
        color: #4c4c4c;
    }
    .employee-box h5 {
        font-family: 'DIN Alternate Regular', sans-serif;
        font-size: 22px;
        margin: 0;
        color: #4c4c4c;
        line-height: 1;
    }
    .employee-box > button {
        display: inline-block;
        border-bottom: 1px solid #999999;
        color: #999999;
        padding-bottom: 2px;
        font-size: 20px;
        margin-top: 26px;
        transition:         all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
    }
    .employee-box button:hover, .employee-box button:focus {
        color: #4c4c4c;
        border-color: #4c4c4c;
        outline: none;
    }
    .full-bio {
        position: fixed;
        background: #fff;
        width: 100%;
        height: 100vh;
        left: -100%;
        top: 0;
        z-index: 900;
        overflow-y: scroll;
        text-align: left;
        padding-top: 110px;
    }
    .full-bio .row {
        margin: 0 auto;
    }
    .bio-content h4 {
        margin: 0;
    }
    .bio-content p {
        font-size: 16px;
        line-height: 20px;
    }
    .bio-text {
        margin-top: 30px;
    }
    .bio-buttons {
        margin: 0 30px 50px 30px;
    }
    .bio-photo {
        cursor: pointer;
        transition:         all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
    }
    .bio-photo:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .bio-buttons > div {
        width: 50%;
        float: left;
    }
    .bio-back-box button {
        position: relative;
        color: #4c4c4c;
        padding-left: 15px;
    }
    .bio-back-box button:hover, .bio-back-box button:focus {
        outline: none;
    }
    .bio-back-box button:before {
        content: "\f104";
        font-family: FontAwesome;
        position: absolute;
        top: 1px;
        left: 0;
        color: #4c4c4c;
    }
    .bio-close-box {
        text-align: right;
    }
    .bio-close-box button {
        width: 32px;
        height: 32px;
        position: relative;
    }
    .bio-close-box button:before {
        content: '';
        position: absolute;
        top: 16px;
        left: -4px;
        width: 40px;
        height: 1px;
        background: #4c4c4c;
        transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
    }
    .bio-close-box button:after {
        content: '';
        position: absolute;
        top: 16px;
        left: -4px;
        width: 40px;
        height: 1px;
        background: #4c4c4c;
        transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
    }

    .about-text-content {
        padding: 50px 0 20px 0;
        color: #041f31;
    }
    .about-text-content h3 {
        font-family: 'DIN Alternate Medium', sans-serif;
        margin-bottom: 40px;
    }
    .about-text-content h4 {
        font-size: 24px;
        font-family: 'DIN Alternate Medium', sans-serif;
        margin-bottom: 30px;
    }
    .about-text-content p {
        font-size: 19px;
        line-height:27px;
        font-family: 'DIN Alternate Medium', sans-serif;
        margin-bottom: 30px;
    }
    .about-text-content a {
        color: #041f31;
        font-family: 'DIN Alternate Medium', sans-serif;
        transition:         all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
    }
    .about-text-content a:focus, .about-text-content a:hover {
        color: #999;
    }

    /* Members */
    .vh-header {
        height: 100vh;
        color: #fff;
    }
    .mem-text-content {
        padding: 50px 0;
    }
    .mem-text-title {
        text-align: center;
        font-family: 'DIN Alternate Regular', sans-serif;
        margin-bottom: 60px;
        line-height: 40px;
        color: #4c4c4c;
    }
    .mem-text-content p {
        color: #4c4c4c;
        font-family: 'DIN Alternate Regular', sans-serif;
        font-size: 20px;
        line-height: 26px;
    }
    .mem-text-content h4 {
        font-family: 'DIN Alternate Regular', sans-serif;
        color: #4c4c4c;
    }
    .mem-text-content a {
        color: #4c4c4c;
        text-decoration: underline;
    }

    .members-block {
        padding: 50px 0 20px 0;
    }
    .members-list {
        display: block;
        text-align: left;
        font-size: 0;
    }
    .members-list .column {
        display: inline-block;
        float: none !important;
        margin-bottom: 50px;
    }
    .members-link {
        display: block;
        cursor: pointer;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4;
        opacity: 0.4;
        transition:         all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
    }
    .members-link:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    .members-link img {
        width: 100%;
        display: block;
        position: relative;
        top: 50%;
        -o-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .members-title {
        color: #4c4c4c;
        font-family: 'DIN Alternate Regular', sans-serif;
        text-align: center;
        margin-bottom: 70px;
    }
    .full-member {
        position: fixed;
        background: #fff;
        width: 100%;
        height: 100vh;
        left: -100%;
        top: 0;
        z-index: 900;
        overflow-y: scroll;
        text-align: left;
        padding-top: 110px;
        font-size: 18px;
    }
    .full-member .row {
        margin: 0 auto;
    }
    .members-buttons {
        margin: 0 30px 50px 30px;
    }
    .members-buttons > div {
        float: left;
    }
    .members-back-box {
        width: 70%;
    }
    .members-back-box button {
        position: relative;
        color: #4c4c4c;
        padding-left: 15px;
    }
    .members-back-box button:hover, .members-back-box button:focus {
        outline: none;
    }
    .members-back-box button:before {
        content: "\f104";
        font-family: FontAwesome;
        position: absolute;
        top: 1px;
        left: 0;
        color: #4c4c4c;
    }
    .members-close-box {
        text-align: right;
        width: 30%;
    }
    .members-close-box button {
        width: 32px;
        height: 32px;
        position: relative;
    }
    .members-close-box button:before {
        content: '';
        position: absolute;
        top: 16px;
        left: -4px;
        width: 40px;
        height: 1px;
        background: #4c4c4c;
        transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
    }
    .members-close-box button:after {
        content: '';
        position: absolute;
        top: 16px;
        left: -4px;
        width: 40px;
        height: 1px;
        background: #4c4c4c;
        transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
    }
    .members-content p {
        font-size: 18px;
        line-height: 24px;
    }
    .members-content h4 {
        margin: 0 0 20px 0;
        font-family: 'DIN Alternate Medium', sans-serif;
        font-size: 28px;
        color: #4c4c4c;
    }
    .big-img-box {
        padding: 30px 0;
    }
    .ind-content p {
        font-size: 20px;
    }
    .ind-content h2 {
        margin-bottom: 40px;
    }
    .ind-content .ghost-btn-white {
        margin-top: 50px;
    }
    .news-archive-block {
        background: #f2f2f3;
        padding: 60px 0;
    }
    .news-archive-block h3 {
        margin-bottom: 20px;
        font-family: 'DIN Alternate Regular', sans-serif;
    }
    .news-archive-block p {
        font-size: 20px;
    }

    /* Archive Slider */
    #news-archive {
        margin: 60px 0 40px 0;
        padding: 0 50px;
    }
    #news-archive .slick-slide {
        padding: 0 30px;
    }
    #news-archive .slick-slide ul {
        margin: 0;
        padding: 0;
    }
    #news-archive .slick-slide ul li {
        list-style: none;
        padding: 2px 0;
        margin: 0;
    }
    #news-archive .slick-slide ul li a {
        color: #999;
        font-size: 20px;
        display: inline-block;
        line-height: 20px;
        padding-bottom: 1px;
        border-bottom: 1px solid transparent;
        transition:         all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
    }
    #news-archive .slick-slide ul li a:focus, #news-archive .slick-slide ul li a:hover {
        color: #4c4c4c;
        border-bottom: 1px solid #4c4c4c;
    }
    #news-archive .slick-prev, #news-archive .slick-next {
        width: 24px;
        height: 64px;
        top: 42%;
    }
    #news-archive .slick-next:before {
        content: '';
        width: 40px;
        height: 1px;
        position: absolute;
        top: 15px;
        left: -8px;
        background: #4c4c4c;
        transform:rotate(56deg);
        -moz-transform:rotate(56deg);
        -webkit-transform:rotate(56deg);
        -o-transform:rotate(56deg);
        -ms-transform:rotate(56deg);
    }
    #news-archive .slick-next:after {
        content: '';
        width: 40px;
        height: 1px;
        position: absolute;
        bottom: 15px;
        left: -8px;
        background: #4c4c4c;
        transform:rotate(-56deg);
        -moz-transform:rotate(-56deg);
        -webkit-transform:rotate(-56deg);
        -o-transform:rotate(-56deg);
        -ms-transform:rotate(-56deg);
    }
    #news-archive .slick-prev:before {
        content: '';
        width: 40px;
        height: 1px;
        position: absolute;
        top: 15px;
        left: -8px;
        background: #4c4c4c;
        transform:rotate(126deg);
        -moz-transform:rotate(126deg);
        -webkit-transform:rotate(126deg);
        -o-transform:rotate(126deg);
        -ms-transform:rotate(126deg);
    }
    #news-archive .slick-prev:after {
        content: '';
        width: 40px;
        height: 1px;
        position: absolute;
        bottom: 15px;
        left: -8px;
        background: #4c4c4c;
        transform:rotate(-126deg);
        -moz-transform:rotate(-126deg);
        -webkit-transform:rotate(-126deg);
        -o-transform:rotate(-126deg);
        -ms-transform:rotate(-126deg);
    }
    .slick-next { right: 0; }
    .slick-prev { left: 0; }

    /* News */
    .news-posts {
        padding: 60px 0;
    }
    .news-posts h3 {
        text-align: center;
        color: #4c4c4c;
        font-family: 'DIN Alternate Regular', sans-serif;
        margin-bottom: 80px;
    }
    .news-posts h5 {
        color: #636363;
        font-size: 17px;
        display: inline-block;
        font-family: 'DIN Alternate Regular', sans-serif;
        padding-right: 12px;
        position: relative;
        margin-bottom: 15px;
    }
    .news-posts h5:after {
        content: '';
        width: 1px;
        height: 16px;
        background: #636363;
        position: absolute;
        right: 5px;
        top: 4px;
    }
    .news-posts h6 {
        color: #a1a1a1;
        font-size: 17px;
        display: inline-block;
        font-family: 'DIN Alternate Regular', sans-serif;
        margin-bottom: 15px;
    }
    .news-posts p {
        font-size: 22px;
        color: #636363;
        padding-right: 35px;
        line-height: 28px;
    }
    .news-posts .read-more-link {
        color: #a1a1a1;
        display: inline-block;
        border-bottom: 1px solid #a1a1a1;
        padding-bottom: 1px;
    }
    .news-list .column {
        margin-bottom: 80px;
    }
    .event-content h2 {
        margin-bottom: 40px;
    }
    .event-pay-btn {
        margin: 30px 0;
    }

    .slide-window {
        position: fixed;
        background: #fff;
        width: 100%;
        height: 100vh;
        left: -100%;
        top: 0;
        z-index: 900;
        overflow-y: scroll;
        text-align: left;
        padding-top: 110px;
        font-size: 18px;
    }
    .slide-window .row {
        margin: 0 auto;
    }
    .slide-window-buttons {
        margin: 0 30px 50px 30px;
    }
    .slide-window-buttons > div {
        float: left;
    }
    .slide-window-back-box {
        width: 70%;
    }
    .slide-window-back-box button {
        position: relative;
        color: #4c4c4c;
        padding-left: 15px;
    }
    .slide-window-back-box button:hover, .slide-window-back-box button:focus {
        outline: none;
    }
    .slide-window-back-box button:before {
        content: "\f104";
        font-family: FontAwesome;
        position: absolute;
        top: 1px;
        left: 0;
        color: #4c4c4c;
    }
    .slide-window-close-box {
        text-align: right;
        width: 30%;
    }
    .slide-window-close-box button {
        width: 32px;
        height: 32px;
        position: relative;
    }
    .slide-window-close-box button:before {
        content: '';
        position: absolute;
        top: 16px;
        left: -4px;
        width: 40px;
        height: 1px;
        background: #4c4c4c;
        transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
    }
    .slide-window-close-box button:after {
        content: '';
        position: absolute;
        top: 16px;
        left: -4px;
        width: 40px;
        height: 1px;
        background: #4c4c4c;
        transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
    }
    .html5gallery-car-list-1 {
        margin-left: 15px !important;
    }
    .html5gallery-thumbs-1, .html5gallery-thumbs-2 {
        margin-left: 0 !important;
    }
    .html5gallery-tn-1, .html5gallery-tn-2 {
        opacity: 0.5 !important;
    }
    .html5gallery-right-1, .html5gallery-right-2 {
        background: none !important;
        right: -100px !important;
        left: auto !important;
        width: 24px !important;
        height: 64px !important;
    }
    .html5gallery-right-1:before, .html5gallery-right-2:before {
        content: '';
        width: 40px;
        height: 1px;
        position: absolute;
        top: 15px;
        left: -8px;
        background: #4c4c4c;
        transform:rotate(56deg);
        -moz-transform:rotate(56deg);
        -webkit-transform:rotate(56deg);
        -o-transform:rotate(56deg);
        -ms-transform:rotate(56deg);
    }
    .html5gallery-right-1:after, .html5gallery-right-2:after {
        content: '';
        width: 40px;
        height: 1px;
        position: absolute;
        bottom: 15px;
        left: -8px;
        background: #4c4c4c;
        transform:rotate(-56deg);
        -moz-transform:rotate(-56deg);
        -webkit-transform:rotate(-56deg);
        -o-transform:rotate(-56deg);
        -ms-transform:rotate(-56deg);
    }
    .html5gallery-left-1, .html5gallery-left-2 {
        background: none !important;
        left: -100px !important;
        width: 24px !important;
        height: 64px !important;
    }
    .html5gallery-left-1:before, .html5gallery-left-2:before {
        content: '';
        width: 40px;
        height: 1px;
        position: absolute;
        top: 15px;
        left: -8px;
        background: #4c4c4c;
        transform:rotate(126deg);
        -moz-transform:rotate(126deg);
        -webkit-transform:rotate(126deg);
        -o-transform:rotate(126deg);
        -ms-transform:rotate(126deg);
    }
    .html5gallery-left-1:after, .html5gallery-left-2:after {
        content: '';
        width: 40px;
        height: 1px;
        position: absolute;
        bottom: 15px;
        left: -8px;
        background: #4c4c4c;
        transform:rotate(-126deg);
        -moz-transform:rotate(-126deg);
        -webkit-transform:rotate(-126deg);
        -o-transform:rotate(-126deg);
        -ms-transform:rotate(-126deg);
    }
/* ------------------------------------
    Footer Styles
    -----------------------s-------------- */
    footer {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    footer h4 {
        font-family: 'DIN Alternate Bold', sans-serif;
        color: #4c4c4c;
        font-size: 28px;
        margin-bottom: 20px;
    }
    footer .input-group {
        width: 500px;
    }
    footer .footer-email {
        border: none;
        box-shadow: none;
        height: 56px;
        padding-left: 15px;
        color:#737373;
        font-size: 18px;
        font-family: 'DIN Alternate Medium', sans-serif;
    }
    footer .footer-email::-webkit-input-placeholder {color:#737373; font-size: 18px; font-family: 'DIN Alternate Medium', sans-serif; }
    footer .footer-email::-moz-placeholder          {color:#737373; font-size: 18px; font-family: 'DIN Alternate Medium', sans-serif; }/* Firefox 19+ */
    footer .footer-email:-moz-placeholder           {color:#737373; font-size: 18px; font-family: 'DIN Alternate Medium', sans-serif; }/* Firefox 18- */
    footer .footer-email:-ms-input-placeholder      {color:#737373; font-size: 18px; font-family: 'DIN Alternate Medium', sans-serif; }

    footer input[type=submit] {
        height: 56px;
        font-size: 18px;
        color: #fff;
        font-family: 'DIN Alternate Medium', sans-serif;
        width: 145px;
        background: #737373;
    }
    footer input[type=submit]:hover, footer input[type=submit]:focus {
        background: #4d4d4d;
    }
    footer .social-icons {
        margin: 40px 0 0 0;
        padding: 0;
        display: inline-block;
    }
    footer .social-icons li {
        display: inline-block;
        list-style: none;
        margin-right: 20px;
    }
    footer .social-icons li a {
        color: #737373;
        font-size: 34px;
        transition:         all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
        text-align: center;
    }
    footer .social-icons li a:hover {
        color: #4d4d4d;
    }
    footer .copyrights {
        color: #737373;
        font-family: 'DIN Alternate Bold', sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        padding-top: 40px;
    }
    body.page-id-4629 {
       padding-top: 150px;
   }
   body.page-id-4629>div{
       width: 100%;
       padding: 0 10px;
       margin: 0 auto;
       max-width: 1220px;
   }
   body.page-id-4629 footer{
       margin-top: 20px;
   }

   body .tablepress tfoot th, body .tablepress thead th{
       background: #737373;
       color: #fefefe
   }
   body .tablepress .sorting:hover, body .tablepress .sorting_asc, body .tablepress .sorting_desc, body .tablepress thead th:hover{
       background: #4d4d4d;
   }
   body .tablepress a{
    color: #4c4c4c;
    font-family: 'DIN Alternate Medium', sans-serif;
}
body .tablepress a:hover{
	text-decoration: underline;
	color: #4c4c4c;
}

body .paginate_button:hover:after, body .paginate_button:hover:before, body .dataTables_paginate a, body .paginate_button:after, body .paginate_button:before{
	color:  #4c4c4c;
    color: #4c4c4c;
}
body .paginate_button.disabled:after, body .paginate_button.disabled:before{
	color: #fff;
}
.sub_not_b_pad.mem-text-content{
   padding: 0 0 50px 0;
   margin-top: -35px;
}
.all_cats_team{
   max-width: 1220px;
   margin: 0 auto;
   padding: 10px 15px;
}
.all_cats_team button{
   padding: 10px 15px;
   font-size: 18px;
   color: #fff;
   font-family: 'DIN Alternate Medium', sans-serif;
   background: #737373;
   margin-right: 5px;
}
.all_cats_team button:hover{
   background: #4d4d4d;
}
.all_cats_team button.is-checked{
   background: #4d4d4d;
}
.grid-sizer{
	width: 33.3%;
}
.gutter-sizer{
	width: 0%;
}

/*Add Block*/
#amznCharityBanner iframe {
    margin: auto;
}

/*Log Out Btn*/
.cats-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.cats-wrapper .all_cats_team {
    margin: 0;
    padding: 0px 15px;
}
.log-out-btn a {
    display: inline-block;
    padding: 6px 15px;
    font-size: 18px;
    color: #fff;
    font-family: 'DIN Alternate Medium', sans-serif;
    background: #737373;
    margin-left: 5px;
}
.log-out-btn a:hover {
    background: #4d4d4d;
}

@media only screen and (max-width: 768px) {
    .cats-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cats-wrapper .all_cats_team {
        text-align: center;
        padding: 15px 15px;
    }
    .log-out-btn {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .all_cats_team button {
        margin-bottom: 5px;
    }
}


/*About Us Images*/
.zoom-img {
    max-height: 300px;
}
@media only screen and (max-width: 1100px) {
    .zoom-img {
        max-height: 280px;
    }
}

@media only screen and (max-width: 1024px) {
    .zoom-img {
        max-height: 310px;
    }
}
@media only screen and (max-width: 840px) {
   .zoom-img {
    max-height: 280px;
}
}

@media only screen and (max-width: 768px) {
   .zoom-img {
    max-height: 225px;
}
}

@media only screen and (max-width: 640px) {
   .zoom-img {
    max-height: 500px;
}
}

/*Margins*/
.p-3 {
  padding: 1rem;
}
.pb-3 {
  padding-bottom: 1rem;
}

.page-template-template-sarg {
  padding-top: 100px;
}

@media only screen and (min-width : 1024px) and (max-width : 1220px) {
  .page-template-template-sarg {
    padding-top: 140px;
  }
}

@media only screen and (max-width : 640px) {
  .page-template-template-sarg {
    padding-top: 50px;
  }  
}