/*
Theme Name: JFDI
Theme URI: http://www.jfdi.asia
Author: Reiner Evangelista
Author URI: http://www.creativeweblogic.com
Description: 2016 web design layout.
Version: 1.0
*/

@import 'https://fonts.googleapis.com/css?family=Bitter:400i,600';


body {
    font: 400 13px "Helvetica",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #333333;
    background: #ffffff;
    overflow-y: scroll;
    overflow-x: hidden;
}


/*TYPOGRAPHY
--------------------------------------------------*/
h1 {
    font-size: 2.1em;
    font-weight: 600;
}

h2 {
    font-size: 1.6em;
    font-weight: 600;
    letter-spacing: -0.035em;
}

h3 {
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: -0.035em;
}

p {
    line-height: 2;
    margin-bottom: 20px;
}

blockquote {
    font-size: 1em;
    background: #f8f8f8;
    padding: 20px;
    margin-left: 15px;
    border-left: 5px solid #a0ce4e
}

.highlight {
    font-family: "Bitter", serif;
    font-size: 1.15em;
    font-weight: 400i;
    line-height: 1.5;
    text-align: justify;
    color: #478c0e;
    display: block;
    margin-bottom: 30px;
}


/*BUTTONS
--------------------------------------------------*/
.btn-gray {
    min-width: 140px;
    font-size: 0.85em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    letter-spacing: -0.015em;
    color: #448e0b;
    background: #eeeeee;
    padding: 12px 15px;
    margin-top: 30px;
    border-radius: 4px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.btn-gray:hover {
    color: #448e0b;
    background: #dddddd
}

.btn-red-big {
    min-width: 150px;
    font-size: 1.25em;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    background: #cc091f;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.btn-red-big:hover {
    color: #ffffff;
    background: #a30719
}

.btn-red-small {
    min-width: 150px;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    background: #cc091f;
    padding: 6px 15px;
    border-radius: 4px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.btn-red-small:hover {
    color: #ffffff;
    background: #a30719
}

.btn-green-big {
    min-width: 150px;
    font-size: 1.25em;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    background: #3a8c00;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.btn-green-big:hover {
    color: #ffffff;
    background: #2c7900
}

.btn-green-small {
    min-width: 150px;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    background: #3a8c00;
    padding: 6px 15px;
    border-radius: 4px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.btn-green-small:hover {
    color: #ffffff;
    background: #2c7900
}



/*HEADER
--------------------------------------------------*/
header {
    width: 100%;
    position: relative;
}

header .container {
    width: 75%;
    padding: 0
}

header .type-image {
    width: 100%; height: 100vh;
    background-color: #000;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: center top !important;
    background-size: cover !important;
}

header .type-,
header .type-none,
header .type-video {
    border-bottom: 1px solid #f1f1f1;
}

/*Navigation*/
header .navigation {
    width: 100%;
    padding: 60px 0 30px 0;

    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

header .navigation ul.menu {
    padding: 0;
    margin: 0;

    display: -webkit-box;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-align-items: baseline;
    align-items: baseline;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

header .navigation ul.menu li {
    list-style: none;
    margin-left: 30px;
    position: relative;
}

header .navigation ul.menu li a {
    font-size: 1.15em;
    font-weight: 600;
    text-decoration: none;
    color: #333333;
}

header .navigation ul.menu li a:hover {
    color: #cc091f;
    text-shadow: 0 0 5px #ffffff;
}

header .navigation ul.menu li.btn-nav a {
    color: #ffffff;
    background: #cc091f;
    padding: 12px 20px;
    margin-right: 12px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .navigation ul.menu li.btn-nav a:hover {
    text-shadow: none;
    color: #ffffff;
    background: #3a8c00;
}

header .type-image .navigation {
    border: 0
}

header .type-image .navigation ul.menu li a {
    font-size: 1.15em;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff;
}

header .type-image .navigation ul.menu li:hover a {
    text-shadow: 0 0 5px #ffffff;
}

header .type-image .navigation ul.menu li.btn-nav a {
    color: #ffffff;
    background: rgba(255,255,255,0.25);
    padding: 12px 20px;
    margin-right: 12px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .type-image .navigation ul.menu li.btn-nav a:hover {
    text-shadow: none;
    color: #ffffff;
    background: rgba(255,255,255,0.4);
}

header .navigation ul.menu li.btn-nav a:after {
    content: url('img/frog.png');
    position: absolute; right: -22px; top: 0
}

/*Dropdown*/
header .navigation ul.menu .dropdown-menu {
    background: rgba(102,102,102, 0.75);
    padding: 15px 15px 10px 15px;
    margin-top: 20px;
    border: 0;
    border-radius: 6px;
}

header .navigation ul.menu .dropdown-menu:before {
    width: 0; height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent rgba(102,102,102, 0.75) transparent;
    position: absolute; left: 15px; top: -10px;
    z-index: 5;
    content: ''
}

header .navigation ul.menu .dropdown-menu li {
    width: 100% !important;
    padding: 0;
    margin: 0 !important;
    display: block
}

header .navigation ul.menu .dropdown-menu li a {
    font-size: 0.9em !important;
    line-height: 2 !important;
    text-shadow: none !important;
    text-transform: none !important;
    color: #FFF !important;
    background: none !important;
    padding: 0 !important;
}

header .navigation ul.menu .dropdown-menu li a:hover {
    color: #eadbb2 !important;
    background: none;
}

header .navigation ul.menu .dropdown-menu li.active a,
header .navigation ul.menu .dropdown-menu li.active a:hover {
    color: #eadbb2;
    background: none;
}

/*Mobile*/
header .navigation .mobile {
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

/*Content*/
header h1 {
    font-size: 2.5em;
    line-height: 1.3em;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
    letter-spacing: 0;
    color: #ffffff;
    margin-bottom: 30px;
}

header p {
    font-size: 1.45em;
    line-height: 1.5em;
    color: #ffffff;
}

header .content-left {
    width: 100%; height: 75vh;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

header .content-left .textarea {
    width: 60%; height: auto;
    text-align: right;
    padding-right: 15px
}

header .content-left h1 {
    text-align: left;
}

header .content-left p {
    text-align: left;
    padding-right: 25%;
}

header .content-right {
    width: 100%; height: 75vh;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

header .content-right .textarea {
    width: 60%;
    text-align: left;
    padding-left: 15px
}

header .content-right h1 {
    text-align: right;
}

header .content-right p {
    text-align: right;
    padding-left: 25%;
}

header .content-left .cw-form {
    width: 40%;
    padding: 15px 0 30px 0;
    margin-left: 15%;
}

header .content-right .cw-form {
    width: 40%;
    padding: 15px 0 30px 0;
}

header .content-center {
    width: 100%; height: 75vh;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

header .content-center .textarea {
    width: 60%;
    text-align: center;
}

header .content-center h1,
header .content-center p {
    text-align: center;
}


/*Button Down*/
header .button-down {
    width: 100%;
    text-align: center;
    position: absolute; bottom: 30px
}

header .button-down .btn-down {
    font-size: 2.5em;
    color: rgba(255,255,255,0.5);
    display: inline-block;
    cursor: pointer;

    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;

    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .button-down .btn-down:hover {
    color: #e2001a
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

/*Banner Video*/
#my-video {
    width: 100% !important; height: auto !important;
    border-bottom: 1px solid #f1f1f1;
    display: block;
    position: relative;
}

#my-video video {
    width: 100% !important; height: auto !important;
    position: static;
}

#my-video .vjs-hidden,
#my-video.vjs-playing .vjs-big-play-button {
    display: none;
}

#my-video .vjs-big-play-button {
    width: 60px; height: 60px;
    background: #64a132;
    margin-left: -30px;
    margin-top: -30px;
    border: 0;
    border-radius: 100%;
    position: absolute; left: 50%; top: 50%;
}

#my-video .vjs-big-play-button:hover {
    background: #47761f
}

#my-video .vjs-big-play-button:before {
    content: 'e072';
    font-family: 'Glyphicons Halflings';
    font-size: 2em !important;
    color: #ffffff;
}

#my-video .vjs-big-play-button .vjs-control-text {
    display: none;
}


/*CONTENT
--------------------------------------------------*/
.cw-main {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.cw-main .spacer {
    width: 100%; height: 60px;
}

.cw-main .wrapper {
    width: 73%;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.cw-main .wrapper.fullwidth {
    width: 100%;
}

.cw-main img {
    max-width: 100%; height: auto;
}

.cw-main hr {
    border-color: #e2e2e2 !important;
    margin: 15px 0;
}

.cw-main .video {
    margin-top: 15px;
    margin-bottom: 45px;
}

.cw-main .video .video-caption {
    font-size: 12px;
    font-style: italic;
    text-align: center;
    color: #808080;
    margin-top: 15px
}

.cw-main .bg-gray {
    width: 100%;
    background: #f4f4f4;
    padding-top: 60px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.cw-main .content-block {
    margin-top: 45px
}

.cw-main .content {
    width: 75%;
    margin: 0 0 60px 0;
}

.cw-main .content p {
    text-align: justify;
}

.cw-main .content p iframe {
    display: block;
    margin: 0 auto !important;
}

.cw-main .content ul,
.cw-main .content ol {
    margin-bottom: 45px;
}

.cw-main .content ul li,
.cw-main .content ol li {
    line-height: 2;
    text-align: justify;
    margin-bottom: 15px;
}


/*Feature List*/
.cw-main .feature-list {
    margin: 40px 0;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.cw-main .feature-list .holder {
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}

.cw-main .feature-list .item {
    font-size: 1.05em;
    font-weight: bold;
    margin: 15px 0;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.cw-main .feature-list .item .icon {
    width: 30px;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
}

.cw-main .feature-list .blue { color: #4ea5ce }
.cw-main .feature-list .green { color: #4ac49d }
.cw-main .feature-list .orange { color: #feae22 }
.cw-main .feature-list .red { color: #f16868 }


/*Testimonials*/
.cw-main .testimonials {
    width: 100%; min-height: 250px;
    background: #3a8c00;
    margin-bottom: 60px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.cw-main .testimonials .item {
    width: 75%; height: 250px;
    padding: 40px 0;
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.cw-main .testimonials .message {
    width: 100%;
    font-size: 1.15em;
    font-family: "Bitter", serif;
    font-weight: 600;
    line-height: 1.75;
    color: #ffffff;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.cw-main .testimonials .person {
    width: 50%;
    font-weight: 600;
    line-height: 1.25;
    text-transform: uppercase;
    color: #215700;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.cw-main .testimonials .person .image {
    margin-right: 10px;
}

.cw-main .testimonials .person .name {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.cw-main .testimonials .owl-controls {
    height: 100%;
    margin: 0 0 0 2%;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: absolute; left: 0; top: 0;
}

.cw-main .testimonials .owl-pagination {
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.cw-main .testimonials .owl-pagination .owl-page span {
    background: #2e7000;
}

.cw-main .testimonials .owl-pagination .owl-page.active span {
    background: #9dc680;
}

/*Alumni Frontpage Listing*/
.cw-main .alumni h3 {
    color: #cc091f;
    margin-top: 45px;
}

.cw-main .alumni-frontpage {
    margin: 52px -15px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}

.cw-main .alumni-frontpage .item {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.cw-main .alumni-frontpage .item img {
    margin-bottom: 15px;
}

.cw-main .alumni-frontpage .item:nth-child(even) {
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

/*Mentors Frontpage Listing*/
.cw-main .mentors-frontpage {
    margin: 0 -10px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
}

.cw-main .mentors-frontpage .item {
    width: 33.33%;
    text-align: center;
    padding: 0 10px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}

.cw-main .mentors-frontpage .item img {
    margin-bottom: 15px;
}

/*Faces of the Frogs*/
.cw-main .faces-of-the-frogs {
    width: 75%;
    margin: 0 0 60px 0;
}

.cw-main .faces-of-the-frogs .persons {
    margin: 0 -10px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
}

.cw-main .faces-of-the-frogs .persons .item {
    width: 33.33%;
    text-align: center;
    padding: 0 10px;
    margin: 30px 0;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}

.cw-main .faces-of-the-frogs .persons .item img {
    margin-bottom: 15px;
}

.cw-main .faces-of-the-frogs .persons .item .name {
    font-family: "Bitter", serif;
    font-size: 1.25em;
    font-weight: 600;
    color: #3e8c00;
    margin-bottom: 5px;
    display: block;
}

.cw-main .faces-of-the-frogs .persons .item .position {
    margin-bottom: 10px;
}

.cw-main .faces-of-the-frogs .persons .item .social {
    display: -webkit-box;
    display: flex;
}

.cw-main .faces-of-the-frogs .persons .item .social a {
    width: 30px;
    height: 24px;
    background-image: url("img/person-social.png");
    background-repeat: no-repeat;
    margin: 0 5px;
    display: block;
}

.cw-main .faces-of-the-frogs .twitter { background-position: 0 0 }
.cw-main .faces-of-the-frogs .twitter:hover { background-position: 0 -24px }
.cw-main .faces-of-the-frogs .linkedin { background-position: -30px 0 }
.cw-main .faces-of-the-frogs .linkedin:hover { background-position: -30px -24px }

/*Logos*/
.cw-main .logos {
    margin: 0 -15px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.cw-main .logos .item {
    padding: 15px
}


/*Mentors & Alumni Persons*/
.mentors-alumni-persons {
    margin: 0 -15px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mentors-alumni-persons .item {
    width: 16.66%;
    text-align: center;
    padding: 15px;
}

.mentors-alumni-persons .item .avatar {
    margin-bottom: 15px;
    display: inline-block;
    cursor: pointer;
}

.mentors-alumni-persons .item .avatar img,
.popup-body .avatar img {
    width: 90px; height: 90px;
}

.mentors-alumni-persons .item .name,
.popup-body .name {
    font-family: "Bitter", serif;
    font-size: 1em;
    font-weight: 600;
    color: #3e8c00;
    margin-bottom: 5px;
    display: block;
}

.mentors-alumni-persons .item .position,
.popup-body .position {
    font-size: 0.9em;
    line-height: 1.5;
}

.popup-body {
    text-align: center;
    padding: 15px;
}

.popup-body p {
    text-align: justify;
    margin: 15px 0 0 0;
}

.popup-body ul,
.popup-body ol {
    margin: 20px 0 30px 0;
}

.popup-body ul li,
.popup-body ol li {
    font-size: 0.9em;
    line-height: 1.5;
    text-align: justify;
    margin-bottom: 10px;
}

.popup-body .avatar {
    margin-bottom: 15px;
    display: inline-block;
}

.popup-body .country {
    width: 100%;
    text-align: left;
    margin-top: 30px;
    display: block;
}

/*Flex Column Icon*/
.flex-icon,
.flex-icon p {
    text-align: center !important;
}


/*Blog Engties*/
.cw-main .blog-entries .item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e2e2e2
}

.cw-main .blog-excerpt {
    display: -webkit-box;
    display: flex;
}

.cw-main .blog-excerpt .left {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.cw-main .blog-excerpt .right {
    min-width: 150px;
    margin-left: 30px;
}


/*Blog Meta*/
.cw-main .blog-meta {
    font-size: 12px;
    color: #999;
    margin-bottom: 30px;
}

.cw-main .blog-meta span {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    vertical-align: middle;
    align-items: center;
}

.cw-main .blog-meta span:before {
    font-family: 'Glyphicons Halflings';
    margin-right: 5px;
}

.cw-main .blog-meta .date:after,
.cw-main .blog-meta .topics:after {
    font-size: 15px;
    content: "/";
    margin: 0 10px;
}

.cw-main .blog-meta .date:before { content: "e109"; }
.cw-main .blog-meta .topics:before { content: "e042"; margin-right: 8px }
.cw-main .blog-meta .comments:before { content: "e111"; }

/*Blog Content*/
.cw-main .blog-content {
    padding-top: 45px;
}

/*Blog Social Share*/
.cw-main .blog-share {
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.cw-main .blog-share .fb-share-button {
    margin-right: 5px
}


/*SIDEBAR
--------------------------------------------------*/
.cw-main .sidebar {
    width: 27%;
    background: #f8f8f8;
}

.cw-main .sidebar .box {
    padding: 30px;
    padding-right: 30%;
    border-bottom: 1px solid #ebebeb;
}

.cw-main .sidebar .blog-content {
    text-align: center;
}

.cw-main .sidebar .blog-content p {
    text-align: justify;
}

.cw-main .sidebar .blog-recent-posts ul {
    padding: 0;
    margin: 0;
}

.cw-main .sidebar .blog-recent-posts ul li {
    line-height: 1.5;
    list-style: none;
    margin-bottom: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.cw-main .sidebar .blog-recent-posts ul li:before {
    content: "e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    margin-right: 5px;
}

.cw-main .sidebar .blog-topics .lists {
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}

.cw-main .sidebar .blog-topics .lists a {
    font-size: 0.8em;
    color: #ffffff;
    background: #409000;
    padding: 5px 10px;
    margin: 2px;
    border-radius: 50px;
    display: inline-block;
}

.cw-main .sidebar .blog-topics .lists a:hover {
    background: #000000
}

.cw-main .sidebar .box.facebook .fb-page {
    margin-top: 30px
}

.cw-main .sidebar .box.twitter {
    padding-left: 20px;
}

.cw-main .sidebar .box.social {
    padding-bottom: 120px;
    border-bottom: 0;
}

.cw-main .sidebar .box.social ul {
    padding: 0;
    margin: 0 -5px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cw-main .sidebar .box.social ul li {
    list-style: none;
    padding: 0 5px;
}

.cw-main .sidebar .box.social ul li a {
    min-width: 32px;
    min-height: 32px;
    background-image: url("img/social-circled.png");
    background-repeat: no-repeat;
    background-size: 32px 160px;
    display: inline-block;
    margin-bottom: 10px;
    opacity: 0.8;
}

.cw-main .sidebar .box.social ul li a:hover {
    opacity: 1
}

.cw-main .sidebar .box.social .facebook { background-position: 0 0 }
.cw-main .sidebar .box.social .twitter { background-position: 0 -32px}
.cw-main .sidebar .box.social .youtube { background-position: 0 -64px }
.cw-main .sidebar .box.social .google { background-position: 0 -96px }
.cw-main .sidebar .box.social .flickr { background-position: 0 -128px }


/*FORM
--------------------------------------------------*/
.cw-form h3 {
    margin-bottom: 20px
}

.cw-form .box {
    background: #ffffff;
    padding: 15px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

.cw-form .box .heading {
    padding: 15px 0 0 0;
}

.cw-form .box form {
    margin: 0
}

.cw-form .box p {
    padding: 0 !important;
}

.cw-form .box img {
    max-width: 100%;
    height: auto;
}


.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 50%
}


/*FLEX COLUMN 3
--------------------------------------------------*/
.flex-column {
    margin: 0 -15px;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex-column .item-2 {
    width: 50%;
    padding: 15px;
}

.flex-column .item-3 {
    width: 33.33%;
    padding: 15px;
}

.flex-column .item-4 {
    width: 25%;
    padding: 15px;
}

.flex-column i {
    font-family: "Bitter",serif;
    font-weight: 600;
    color: #5e9d29;
    margin-bottom: 15px;
    display: inline-block;
}

.flex-column .a.btn {
    color: #ffffff;
    opacity: 0.8
}

.flex-column a.btn:hover {
    color: #ffffff;
    opacity: 1
}


/*FREE ADVICE
--------------------------------------------------*/
.cw-free-advice {
    text-align: center;
    background: #e1e1e1;
    padding: 30px 0
}

.cw-free-advice .container {
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.cw-free-advice .container .image {
    margin-right: 30px;
}

.cw-free-advice .container .content {
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.cw-free-advice .container .content .btn-red-small {
    margin-top: 20px;
}


/*AS SEEN IN THE NEWS
--------------------------------------------------*/
.cw-as-seen {
    text-align: center;
    padding: 30px 0 60px 0
}

.cw-as-seen h2 {
    margin-bottom: 30px;
}

.cw-as-seen .logos {
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.cw-as-seen .logos .item {
    margin: 10px 20px;
}


/*MESSAGE
--------------------------------------------------*/
.cw-message {
    background: #e1e1e1;
    padding: 30px 0 20px 0;
}

.cw-message .container {
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}

.cw-message .btn {
    letter-spacing: 0;
    min-width: 200px;
    margin-top: 15px;
}


/*BUBBLES
--------------------------------------------------*/
.cw-bubbles {
    width: 100%;
    text-align: justify;
    color: #bbbbbb;
    background: #333333;
    padding: 45px 0;
    overflow: hidden;
}

.cw-bubbles .flex-column {
    margin: 0 -30px;
}

.cw-bubbles .flex-column .item-3 {
    padding: 0 30px;
}

.cw-bubbles .bubbles {
    margin: 20px 0 15px 0;
}

.cw-bubbles h2 {
    text-align: left;
    color: #5e9d29;
}

.cw-bubbles p {
    margin-bottom: 0;
}


/*TAKE THE LEAP
--------------------------------------------------*/
.cw-take-the-leap {
    width: 100%;
    text-align: center;
    color: #bbbbbb;
    background-color: #000;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: center top !important;
    background-size: cover !important;
    padding: 60px 0 45px 0;
}

.cw-take-the-leap .flex-column {
    margin: 0 -45px;
}

.cw-take-the-leap .flex-column .item-3 {
    padding: 0 45px;
}

.cw-take-the-leap h2 {
    font-size: 2em;
    color: #ffffff
}

.cw-take-the-leap h3 {
    color: #ffffff;
}

.cw-take-the-leap a.btn {
    color: #ffffff;
    opacity: 0.8;
}

.cw-take-the-leap a.btn:hover {
    opacity: 1;
}


/*FOR INVESTORS
--------------------------------------------------*/
.cw-for-investors {
    width: 100%;
    color: #bbbbbb;
    background-color: #000;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: center top !important;
    background-size: cover !important;
    padding: 60px 0 45px 0;
}

.cw-for-investors h2 {
    font-size: 2em;
    color: #5e9d29
}


/*FOOTER BANNER
--------------------------------------------------*/
.cw-footer-banner img {
    max-width: 100%; height: auto;
}


/*COMMENTS
--------------------------------------------------*/
.cw-comments {
    width: 75%;
    margin: 0 0 60px 0;
}

.cw-comments small a {
    color: #cc091f;
}

.cw-comments .comment-awaiting-moderation {
    color: #d9534f
}

.cw-comments .comment-form-comment {
    margin-bottom: 15px;
}

/* Navigation*/
.cw-comments .navigation {
    text-align: right;
}

.cw-comments .navigation strong {
    font-weight: 600;
}

.cw-comments .navigation a {
    font-size: 12px;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    padding: 1px 5px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: inline-block;
}

.cw-comments .navigation a:hover {
    background-color: #e6e6e6;
    border: 1px solid #adadad;
}

/*Items*/
.cw-comments ol {
    padding: 0;
    margin: 0 0 45px 0;
    border-bottom: 1px solid #f1f1f1;
}

.cw-comments ol ol {
    padding: 0 0 0 50px;
    margin: 0;
    border: 0;
}

.cw-comments ol li {
    list-style: none;
    border-top: 1px solid #f1f1f1;
}

.cw-comments .comment-body {
    padding: 15px 0 15px 50px;
    position: relative
}

.cw-comments .comment-author {
    margin-bottom: 3px;
}

.cw-comments .comment-author img {
    border-radius: 100%;
    position: absolute; left: 0
}

.cw-comments .comment-author .fn {
    font-family: "Bitter", serif;
    font-size: 1.25em;
    font-weight: 400i;
    color: #478c0e;
}

.cw-comments .comment-meta {
    margin-bottom: 30px;
}

.cw-comments .comment-meta a {
    font-size: 11px;
    color: #999
}

.no-content {
    margin: 0;
    border-top: 2px solid #f2f2f2;
}


/*PAGINATION
--------------------------------------------------*/
.cw-main .pagination li a {
    color: #409000;
}

.cw-main .pagination li.active a {
    color: #ffffff;
    background: #409000
}

.cw-main .pagination li a span {
    position: relative; top: -1px
}


/*404
--------------------------------------------------*/
.cw-404 {
    padding: 45px 0;
}

.cw-404 .container {
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
}


/*FOOTER
--------------------------------------------------*/
footer {
    color: #999999;
    padding: 45px 0 15px 0;
    border-top: 1px solid #f2f2f2;
}

footer .flex {
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

footer .flex .navigation {
    width: 30%;
    margin: 0 -30px;
    display: -webkit-box;
    display: flex;
}

footer .flex .navigation ul {
    padding: 0;
    padding: 0 30px;
}

footer .flex .navigation ul li {
    list-style: none;
}

footer .flex .navigation ul li a {
    font-size: 0.9em;
    line-height: 2;
    color: #999999
}

footer .flex .navigation ul li a:hover {
    color: #333333
}

footer .flex .information {
    width: 70%;
    text-align: right;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    }

footer .flex .information img {
    margin-bottom: 20px;
}

footer .flex .information p {
    font-size: 0.9em;
    line-height: 2;
}

footer .flex .social ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

footer .flex .social ul li {
    list-style: none;
    padding-right: 25px;
}

footer .flex .social ul li a {
    min-width: 25px;
    min-height: 24px;
    background-image: url("img/footer-social.png");
    background-repeat: no-repeat;
    background-size: 23px 260px;
    display: inline-block;
    margin: 0 auto;
}

footer .flex .social .facebook { background-position: 0 0}
footer .flex .social .facebook:hover { background-position: 0 -26px }
footer .flex .social .twitter { background-position: 0 -51px }
footer .flex .social .twitter:hover { background-position: 0 -77px }
footer .flex .social .youtube { background-position: 0 -105px }
footer .flex .social .youtube:hover { background-position: 0 -131px }
footer .flex .social .google { background-position: 0 -158px }
footer .flex .social .google:hover { background-position: 0 -184px }
footer .flex .social .flickr { background-position: 0 -211px }
footer .flex .social .flickr:hover { background-position: 0 -237px }


footer .copyright {
    text-align: center;
    padding-top: 60px;
}


/*MOBILE MENU BUTTON
--------------------------------------------------*/
header .btn-menu {
    background: rgba(0,0,0,0.15);
    padding: 3px 8px;
    margin: 0 0 0 30px;
    border: 1px solid #DDD;
    border-radius: 4px;
    display: block;
    z-index: 1000
}

header .btn-menu:hover {
    background: rgba(0,0,0,0.30);
    border-radius: 4px;
}

header .btn-menu .icon-bar {
    width: 18px; height: 2px;
    background: #333;
    margin: 4px 0;
    border-radius: 1px;
    display: block
}

header .type-image .btn-menu {
    background: rgba(255,255,255,0.25);
}

header .type-image .btn-menu:hover {
    background: rgba(255,255,255,0.50);
}

header .type-image .btn-menu .icon-bar {
    background: #FFF;
}


/*MOBILE NAVIGATION
--------------------------------------------------*/
.outer-nav ul.menu {
    padding: 0;
    margin: 45px 0 0 0;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.outer-nav ul.menu li {
    list-style: none;
    margin: 0 0 20px 0;
    position: relative;
}

.outer-nav ul.menu li a {
    font-size: 1em;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}

.outer-nav ul.menu li a:hover {
    text-shadow: 0 0 5px #ffffff;
}

.outer-nav ul.menu .dropdown-menu {
    background: none;
    padding: 10px 0 0 10px;
    border: 0;
    position: static;
}

.outer-nav ul.menu .dropdown-menu>li {
    margin: 0 0 10px 0;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.outer-nav ul.menu .dropdown-menu>li:before {
    content: "e080";
    font-family: 'Glyphicons Halflings';
    font-size: 8px;
    color: #ffffff;
    margin-right: 5px;
}

.outer-nav ul.menu .dropdown-menu>li>a {
    font-size: 0.8em;
    background: none;
    padding: 0;
}

.outer-nav ul.menu .dropdown-menu>li>a:hover {
    background: none
}


/*MOBILE NAVIGATION EFFECT
--------------------------------------------------*/
html, body, .perspective {
    width: 100%;
    height: 100%;
}

.perspective {
    background: #aaa;
    position: relative;
}

.container2 {
    background: #fff;
    min-height: 100%;
    position: relative;
    outline: 1px solid rgba(0,0,0,0);
    z-index: 10;
    -webkit-transform: translateZ(0) translateX(0) rotateY(0deg); /* reset transforms (Chrome bug) */
    transform: translateZ(0) translateX(0) rotateY(0deg);
}

.container2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    opacity: 0;
    background: rgba(0,0,0,0.2);
    /* the transition delay of the height needs to be synced with the container transition time */
    -webkit-transition: opacity 0.4s, height 0s 0.4s;
    transition: opacity 0.4s, height 0s 0.4s;
}

.wrapper2 {
    position: relative;
}

.component {
    margin: 0 auto;
    width: 60%;
    text-align: justify;
    font-size: 1.5em;
}

/* Modal view */
.perspective.modalview {
    position: fixed;
    -webkit-perspective: 1500px;
    perspective: 1500px;
}

.modalview .container2 {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.modalview .wrapper2 {
    -webkit-transform: translateZ(-1px); /* solves a rendering bug in Chrome on Windows */
}

.animate .container2::after {
    opacity: 1;
    height: 101%;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

/* Outer Nav */
.outer-nav {
    position: absolute;
    height: auto;
    font-size: 2em;
}

.outer-nav.vertical {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.outer-nav.horizontal {
    left: 50%;
    width: 75%;
    max-width: 1000px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.outer-nav.left {
    left: 25%;
}

.outer-nav.right {
    right: 25%;
}

.outer-nav.top {
    top: 25%;
}

.outer-nav.bottom {
    bottom: 25%;
}

.outer-nav a {
    white-space: nowrap;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.outer-nav.vertical a {
    display: block;
}

.outer-nav.horizontal a {
    margin: 15px 20px;
}

/* Effect airbnb */
.effect-airbnb {
    background: #000000;
}

.effect-airbnb .container2 {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.effect-airbnb.animate .container2 {
    -webkit-transform: translateZ(-1500px) translateX(100%) rotateY(-45deg);
    transform: translateZ(-1500px) translateX(100%) rotateY(-45deg);
}

.no-csstransforms3d .effect-airbnb.animate .container2 {
    left: 75%;
}

.effect-airbnb .outer-nav a {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-airbnb.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.effect-airbnb.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-airbnb.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-airbnb.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}

.effect-airbnb.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-airbnb.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-airbnb.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}


/* Media Queries */
@media screen and (max-width: 77em) {

    .outer-nav.top {
        top: 15%;
    }

    .outer-nav.bottom {
        bottom: 15%;
    }
}

@media screen and (max-width: 36.625em), screen and (max-height: 41.75em) {

    .outer-nav.top {
        top: 5%;
    }

    .outer-nav.bottom {
        bottom: 5%;
    }

    .outer-nav.horizontal {
        font-size: 1.7em;
        width: 6.2em;
    }

    .outer-nav.horizontal a {
        display: block;
        text-align: left;
    }

    /* Special Case */
    .effect-rotatetop .outer-nav.horizontal {
        width: 95%;
        bottom: auto;
        top: 50%;
    }

    .effect-rotatetop .outer-nav.horizontal a {
        display: inline-block;
    }

}

@media screen and (max-width: 31em), screen and (max-height: 36.2em) {
    .outer-nav.horizontal,
    .outer-nav.vertical {
        font-size: 1.2em;
        width: 6.8em;
    }

    .outer-nav.right {
        right: auto;
        left: 50%;
    }
}

@media screen and (max-height: 31.6em) {
    .outer-nav a {
        margin-bottom: 20px;
    }
}


/*MISCELLANEOUS
--------------------------------------------------*/
:focus {
    text-decoration: none !important;
    outline: none !important;
}

button,
.btn {
    transition: all 0.3s ease-in-out;
}

a {
    text-decoration: none;
    color: #409000;
    transition: all 0.3s ease-in-out;
}

a:hover {
    text-decoration: none;
    color: #000000;
}

.blog-table td {
    padding: 5px;
}

.force-center {
    text-align: center
}

.force-center p {
    text-align: center !important
}

.force-center img {
    margin: 0 auto
}


/*SOCIAL ICONS
--------------------------------------------------*/
/*Wordpress WYSIWYG Setting*/
.wp-caption,
.wp-caption * {
    background: none;
    padding: 0;
    margin: 0;
    border: 0;
}

.wp-caption p {
    font-size: 11px;
    font-style: italic;
    text-align: center !important;
    margin-top: 5px
}

img.centered, .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    max-width: 100%; height: auto;
    padding: 0;
    margin: 0 0 5px 20px;
    display: inline;
}

img.alignleft {
    max-width: 100%; height: auto;
    padding: 0;
    margin: 0 20px 5px 0;
    display: inline;
}

.alignright {
    margin: 0 0 5px 20px;
    float: right;
}

.alignleft {
    margin: 0 20px 5px 0;
    float: left;
}


@media handheld, only screen and (max-width: 1200px){
    body {
        font-size: 13px
    }

    /*TYPOGRAPHY (960)
    --------------------------------------------------*/
    p {
        font-size: 0.85em;
        line-height: 2;
        margin-bottom: 15px;
    }

    .highlight {
        margin-bottom: 25px;
    }

    .btn-gray {
        margin-top: 25px;
    }


    /*MAIN (960)
    --------------------------------------------------*/
    .cw-main .content {
        width: 85%;
    }

    .cw-main .sidebar .box {
        padding-right: 15%;
    }

    /*Testimonials*/
    .cw-main .testimonials .item {
        width: 80%;
    }

    /*Mentors & Alumni Persons*/
    .mentors-alumni-persons .item {
        width: 20%;
    }
}


@media (min-width: 768px) and (max-width: 979px) {
    body {
        font-size: 12px
    }

    /*HEADER (Tablet)
    --------------------------------------------------*/
    header .logo img {
        width: auto; height: 50px;
    }

    header .textarea {
        width: 75% !important;
    }

    header .content-left p {
        padding-right: 20%;
    }

    header .content-right p {
        padding-left: 20%;
    }


    /*MAIN (Tablet)
    --------------------------------------------------*/
    .cw-main .content {
        width: 90%;
    }

    /*Testimonials*/
    .cw-main .testimonials {
        width: 100%; min-height: 275px;
    }

    .cw-main .testimonials .item {
        min-height: 275px;
    }

    .cw-main .testimonials .person {
        width: 75%;
    }

    /*Alumni Frontpage Listing*/
    .cw-main .alumni-frontpage {
        padding: 0 15%;
        margin: 52px -15px;
        display: -webkit-box;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
    }

    /*Flex Column Icon*/
    .flex-column.flex-icon img {
        width: auto; height: 75px;
    }

    /*Blog Engties*/
    .cw-main .blog-excerpt .right {
        min-width: 125px;
        margin-left: 20px;
    }

    /*Sidebar*/
    .cw-main .sidebar .box {
        padding-right: 10%;
    }


    /*MISCELLANEOUS (Tablet)
    --------------------------------------------------*/
    .sm-margin-b30 {
        margin-bottom: 60px;
    }
}


@media only screen and (max-width: 767px) {
    body {
        font-size: 11px
    }

    /*TYPOGRAPHY (Mobile Landscape)
    --------------------------------------------------*/
    .btn-gray {
        margin-top: 20px;
    }


    /*HEADER (Mobile Landscape)
    --------------------------------------------------*/
    header .navigation {
        padding: 30px 0 30px 0;
    }

    header .textarea {
        width: 90% !important;
    }

    header .xs-fluid-height {
        height: auto !important;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    header .xs-fluid-height .textarea {
        width: 90% !important;
        text-align: center;
    }

    header .xs-fluid-height h1,
    header .xs-fluid-height p {
        text-align: center;
        padding: 0
    }

    header .xs-fluid-height .cw-form {
        width: 90%;
    }


    /*MAIN (Mobile Landscape)
    --------------------------------------------------*/
    .cw-main {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .cw-main .wrapper {
        width: 100%;
    }

    /*Testimonials*/
    .cw-main .testimonials {
        width: 100%; min-height: 250px;
    }

    .cw-main .testimonials .item {
        min-height: 250px;
    }

    .cw-main .testimonials .person {
        width: 80%;
    }

    /*Feature List*/
    .cw-main .feature-list .holder {
        display: -webkit-box;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .cw-main .feature-list .item {
        width: 25%;
        text-align: center;
        padding: 0 15px;
        margin: 0;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .cw-main .feature-list .item .icon {
        margin: 0 0 10px 0;
    }

    /*Alumni Frontpage Listing*/
    .cw-main .alumni-frontpage {
        width: 75%;
        margin: 0 auto;
    }

    /*Mentors & Alumni Persons*/
    .mentors-alumni-persons .item {
        width: 25%;
    }

    /*Flex Column Icon*/
    .flex-icon,
    .flex-icon p {
        text-align: left !important;
    }

    .flex-icon img {
        width: auto; height: 75px;
    }

    .flex-icon .item-3 {
        display: -webkit-box;
        display: flex;
    }

    .flex-icon .item-3 .wrap {
        text-align: left;
        padding-left: 15px;
    }

    .flex-icon .item-3 .wrap h3 {
        margin-top: 0;
    }

    /*Blog Engties*/
    .cw-main .blog-excerpt .right {
        min-width: 100px;
        margin-left: 15px;
    }


    /*SIDEBAR  (Mobile Landscape)
    --------------------------------------------------*/
    .cw-main .sidebar {
        width: 100%;
    }

    .cw-main .sidebar .box {
        text-align: center;
        padding: 20px;
        display: -webkit-box;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .cw-main .sidebar .box.facebook .fb-page {
        min-width: 340px;
    }

    .cw-main .sidebar .box.twitter {
        padding: 20px 10px
    }

    .cw-main .sidebar .blog-recent-posts ul li {
        -webkit-justify-content: center;
        justify-content: center;
    }

    .cw-main .sidebar .blog-recent-posts ul li:before {
        display: none;
    }


    /*FLEX COLUMN 3  (Mobile Landscape)
    --------------------------------------------------*/
    .flex-column {
        margin: 0 -15px;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .flex-column .item-3 {
        width: 100%;
    }


    /*MISCELLANEOUS (Mobile Landscape)
    --------------------------------------------------*/
    .sm-margin-b30 {
        margin-bottom: 60px;
    }
}


@media only screen and (max-width: 480px) {
    body {
        font-size: 11px
    }

    /*MAIN (Mobile Portrait)
    --------------------------------------------------*/
    /*Testimonials*/
    .cw-main .testimonials {
        width: 100%; min-height: 300px;
    }

    .cw-main .testimonials .item {
        min-height: 300px;
    }

    /*Feature List*/
    .cw-main .feature-list .item {
        width: 50%;
        margin-top: 15px;
    }

    /*Mentors & Alumni Persons*/
    .mentors-alumni-persons .item {
        width: 33.33%;
    }


    /*FOOTER (Mobile Portrait)
    --------------------------------------------------*/
    footer .flex {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    footer .flex .navigation {
        width: 100%;
    }

    footer .flex .navigation ul {
        -webkit-justify-content: center;
        justify-content: center;
    }

    footer .flex .navigation ul li {
        width: auto;
        list-style: none;
        padding: 0 10px;
    }

    footer .flex .information {
        width: 100%;
        text-align: center;
        align-items: center;
        margin-bottom: 30px;
    }

    footer .flex .social {
        margin-top: 15px;
    }
}