/*------------------
                       7 ) Profile Page
                      ------------------*/

/* ( a ) Story of Glory */

.profile-page .image-container {
    background: url(../img/about_us_featured.png);
    background-size: cover;
    background-position: bottom;
}

.services {
    text-align: center;
    padding: 15px;
    -webkir-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.facts {
    /*background: url(../img/about_us_video.png);*/
    /*background-attachment: fixed;*/
    margin-bottom: 20px;
}

.facts-overlay {
    padding: 40px;
    background-color: #579BD9;
}

.facts i {
    color: #ffffff;
    margin-bottom: 20px;
}

.facts p {
    color: #fff;
}

.facts p.count {
    font-size: 29px;
}

.team-member-box {
    background-color: #f3f3f3;
    border: 1px solid #F3f3f3;
    margin-bottom: 50px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.team-member-box h4 {
    margin-bottom: 5px;
    margin-top: 15px;
    /*font-size: 18px;*/
    font-size: 1.5em;
}

.team-member-box p {
    color: #a3a2a2;
}

.team-member-box:hover {
    box-shadow: 3px 5px 9px #dfdfdf;
}

.video {
    box-shadow: 2px 5px 9px #dfdfdf;
}

.video iframe {
    width: 560px; 
    height: 315px;
}

.about-us-desc p:first-child {
    font-size: 17px;
}

.about-us-desc p:last-child {
    -webkit-column-count: 2;/* Chrome, Safari, Opera */
    -moz-column-count: 2;/* Firefox */
    column-count: 2; 
    -webkit-column-gap: 30px;/* Chrome, Safari, Opera */ 
    -moz-column-gap: 30px;/* Firefox */ 
    column-gap: 30px;
    font-size: 14px;
}

/* First, define the common wrapper elements 
   Padding-top is for the fixed height header of the embedded content */

.youtubeWrapper {
    /*position: relative;*/
    padding-top: 30px; 
    height: 0; 
    /*overflow: hidden;*/
    padding-bottom: 56.25%;
}
    
/* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */    
.youtubeWrapper iframe,
.youtubeWrapper object,
.youtubeWrapper embed {
    /*position: absolute;*/
    top: 0;
    left: 0;
    /*width: 100%;*/
    /*height: 100%;*/
}

.profile-page .footer {
    background-color: #446A89;
}

/*.profile-page .footer a{
    color: #ccc;
}
.profile-page .footer a:hover{
    color: #FFF;
}*/