/*  
Theme Name: Integral Pro
Theme URI: https://www.themely.com/themes/integral/
Author: Themely
Author URI: https://www.themely.com/
Description: Integral Pro is a powerful one page business theme for professionals, agencies and businesses. Its strength lies in displaying content on a single page in a simple and elegant manner. It's super easy to customize and allows you to create a stunning website in minutes. It boasts a rich color scheme with light and dark sections accented with blue, green and red. FEATURES INCLUDED: Options panel (Live Customizer) with control over color, size, fonts, buttons, layout, logo, backgrounds and much more. Also ecommerce compatibility (Woocommerce), responsive fluid layout (mobile-friendly), parallax effect, translation ready (WPML), Mailchimp & ConstantContact forms supported, 500+ Google Fonts, 600+ high-quality vector icons (Fontawesome), image popup lighbox, carousel slider, Contact Form 7 supported and sticky menu. Integral is perfect for freelancer, agency, corporate, business, personal, portfolio, blog and even photography websites. See the demo here: http://demo.themely.com/integral/
Version: 1.2.6
Tags: one-column, two-columns, featured-images, custom-menu, right-sidebar, full-width-template, theme-options, custom-colors, custom-background, translation-ready, rtl-language-support, threaded-comments, portfolio, photography, blog, custom-header, sticky-post, e-commerce, education, entertainment
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: integral
*/
/* Table of Contents
==================================================
    #Body
    #Common
    #Top Navigation
    #Hero
    #Brands
    #Features
    #Slider
    #Projects Grid
    #Testimonials
    #Services
    #Pricing Tables
    #Call to Action
    #About
    #Skills
    #Team
    #Newsletter
    #Contact
    #Copyright
    #Inner page Content
    #Woocommerce
    #Font Awesome Icons
    #Responsive (Media Queries)
    #Custom CSS


/* Body
================================================== */

* {
    outline: none!important;
}
body {
    font-family: Open Sans;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.3px;
}
body p {
    margin-bottom: 25px;
}
body section {
    padding: 66px 0;
}
a {
    color: #00aded;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a:hover,
a:focus {
    color: #00aded;
    text-decoration: underline;
}

/* Common
================================================== */

/* Headings */

.h1,
.h2,
.h3,
h1,
h2,
h3,
h4 {
    font-weight: 600;
    letter-spacing: 1.25px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 50%;
}
h2.bigtitle {
    font-weight: 600;
    position: relative;
    text-align: center;
    font-size: 64px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
h2.bigtitle span {
    background: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}
h2.bigtitle:before {
    background: #ddd;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 45%;
    width: 100%;
}
h2.bigtitle:before {
    left: 0;
}
h2.bigtitle:after {
    background: #ddd;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 55%;
    width: 100%;
}
h2.bigtitle:after {
    left: 0;
}
h2.smalltitle {
    font-weight: 600;
    position: relative;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 50px;
}
h2.smalltitle span {
    background: #00aded;
    display: block;
    height: 2px;
    margin: 20px auto 0;
    width: 100px;
}
h2.smalltitle:before {
    left: 0;
}
h2.bigtitle_dark {
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 64px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 40px;
}
h2.bigtitle_dark span {
    background: #1c1c1c;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}
h2.bigtitle_dark:before {
    background: #666;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 45%;
    width: 100%;
}
h2.bigtitle_dark:before {
    left: 0;
}
h2.bigtitle_dark:after {
    background: #666;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 55%;
    width: 100%;
}
h2.bigtitle_dark:after {
    left: 0;
}
h2.smalltitle_dark {
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 50px;
}
h2.smalltitle_dark span {
    background: #fff;
    display: block;
    height: 2px;
    margin: 20px auto 0;
    width: 100px;
}
h2.smalltitle_dark:before {
    left: 0;
}
.heading .fa {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #00aded;
    display: block;
}
.heading .subtitle {
    width: 100%;
    opacity: 0.75;
    display: block;
    font-weight: 300;
    text-align: center;
    margin-bottom: 40px;
    margin-top: -20px;
    font-size: 18px;
}
.vertical-align {
    display: flex;
    align-items: center;
}

/* New Buttons */

.btn-secondary {
    border: 2px solid #e8e8e8;
    color: #e8e8e8;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
}
.btn-secondary:hover {
    color: #3a3a3a;
    background: #e8e8e8;
}
.btn-primary,
.contact input[type="submit"],
#mc-embedded-subscribe-form .button,
.ctct-embed-signup .ctct-button {
    background: #00aded;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 2px;
    padding: 12px 16px;
    text-transform: uppercase;
    border: 0 none;
}
.btn-primary:hover {
    color: #3a3a3a;
    background: #e8e8e8;
    border: 0;
}
.btn-primary:active {
    color: #3a3a3a;
    background: #e8e8e8;
    border: 0;
}
.btn-primary:-moz-focus-inner,
input:-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Old Buttons */

.btn-ot {border:2px solid #e8e8e8;border-radius:4px;color:#e8e8e8;display:inline-block;font-size:15px;font-weight:400;text-transform:uppercase;text-decoration:none;cursor:pointer;letter-spacing:2px;line-height:normal;padding:10px 16px;}
.btn-ot:hover {color:#3a3a3a;background:#e8e8e8;border:2px solid #e8e8e8;border-radius:4px;}
.btn-not, .contact input[type="submit"], #mc-embedded-subscribe-form .button, .ctct-embed-signup .ctct-button {background: #00aded;border:0;color:#fff;display:inline-block;font-size:15px;font-weight:400;text-transform:uppercase;text-decoration:none;cursor:pointer;margin-bottom:20px;line-height:normal;letter-spacing:2px;padding:12px 16px;border-radius:4px;}
.btn-not:hover {color:#3a3a3a;background:#e8e8e8;border:0;}
.btn-not:active {color:#3a3a3a;background:#e8e8e8;border:0;}
.btn-not:-moz-focus-inner, input:-moz-focus-inner {border:0;padding:0;}

/* Dark Overlay */

.blacklayer {
    background: rgba(0, 0, 0, 0.5) url('images/bg-strip.png') repeat scroll 0 0;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* Section Backgrounds */

.dark {
    background-color: #1c1c1c;
    color: #888;
}
.lite {
    background-color: #fff;
    color: #333;
}
.dark .heading .fa {
    color: #fff;
}

/* Other */

.variations label {
    color: #333;
}
.spacer {
    height: 70px;
}

/* Custom Classes */

.no-padding-left {
    padding-left: 0px;
}
.no-padding-right {
    padding-right: 0px;
}
.no-padding-bottom {
    padding-bottom: 0px;
}
.no-padding-top {
    padding-top: 0px;
}
.no-padding {
    padding: 0px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.margin-bottom-50 {
    margin-bottom: 50px;
}

/* Image Hover Effect */

.hovereffect {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.hovereffect:hover img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/* Boostrap image circle override for Chrome */

.img-circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-perspective: 1px;
}

/* Top Navigation
================================================== */

.navbar {
    margin-bottom: 0px;
}
.navbar-fixed-top {
    border-width: 0;
}
.navbar-default .navbar-brand {
    height: auto;
    line-height: 1.3;
    font-size: 28px;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #13151a;
}
.navbar-default .site-title {
    margin: 0;
}
.navbar-default {
    background: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    height: auto;
    width: 100%;
    z-index: 1000;
}
.navbar-default li a,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a {
    color: #161616;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    background: none;
    transition: all 0.25s ease 0s;
    border-bottom: 2px solid transparent;
}
.navbar-default li a:hover,
.navbar-default .navbar-nav > li > a:hover {
    border-bottom: 2px solid;
    border-bottom-color: #00aded;
}
.navbar-default li:last-child a,
.navbar-default .dropdown-menu li a {
    margin-right: 0;
}
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background: none;
    text-decoration: none;
}
.navbar-default .navbar-nav > li > a {
    padding: 0px;
}
.navbar-default .navbar-nav > li {
    margin-left: 40px;
}
.navbar-default .navbar-nav > li.active a {
    border-bottom-color: #00aded;
}
.navbar-default .navbar-nav {
    padding-top: 23px;
}
.navbar-default .navbar-nav li.menu-item-has-children a {
    margin-bottom: 23px;
}
.navbar-default .navbar-nav .dropdown li > a {
    line-height: 28px;
    border-bottom: none;
    margin-bottom: 0px;
}
.navbar-default .navbar-toggle {
    margin-top: 17px;
}
.navbar-default .navbar-nav .current_page_item:not(.active) a,
.navbar-default .navbar-nav .active .dropdown-menu li > a,
.navbar-default .navbar-nav li.current-menu-parent .dropdown-menu li > a,
.navbar-default .navbar-nav li.current_page_parent .dropdown-menu li > a,
.navbar-default .navbar-nav .dropdown-toggle {
    border-bottom: 0 !important;
}
.navbar-default .navbar-nav ul.dropdown-menu li > ul.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.navbar-default .navbar-nav ul.dropdown-menu li:hover > ul.dropdown-menu,
ul.dropdown-menu li:focus > ul.dropdown-menu {
    display: block;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: none;
}

/* Hero (Welcome)
================================================== */

.hero {
    background-size: cover;
    position: relative;
    -webkit-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
    padding: 190px 0 150px;
}
.hero h1 {
    font-family: Cabin;
    font-size: 120px;
    line-height: 120px;
    letter-spacing: 1.25px;
    color: #fff;
    font-weight: 400;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    text-align: center;
    margin: 0 0 20px;
    padding: 0;
}
.hero h2 {
    font-family: Cabin;
    font-size: 90px;
    line-height: 90px;
    letter-spacing: 1.25px;
    color: #fff;
    font-weight: 400;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    text-align: center;
    margin: 0 0 50px;
}
.hero .lead {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 0 0 50px;
}
.hero .lead p {
    margin-bottom: 5px;
}
.hero.masterslider {
    padding: 60px 0 0 0;
}
.masterslider .carousel .master-slider-inner {
    position: absolute;
    text-align: center;
    top: 120px;
    z-index: 10;
}

/* Brands
================================================== */

.brands {
    background: #eeeeee;
    padding: 30px 0;
}
.brands img {
    padding: 0 10px;
}

/* Features
================================================== */

.features .feature {
    padding-left: 50px;
    margin-bottom: 20px;
}
.features .feature i {
    left: 15px;
    position: absolute;
    top: 0;
    display: inline-block;
    color: #f64744;
    font-size: 28px;
}
.features .feature h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
}
.features .feature p {
    opacity: 0.75;
}
.features .feature .fimage {
    margin-bottom: 15px;
    max-width: 100%;
}

/* Work
================================================== */


/* Project Single 
================================================== */

.project-single .project {
    height: 963px;
}
.project-single .project {
    padding-bottom: 50px;
}
.project-single .project:last-child {
    padding-bottom: 0px;
}
.project-single .flexslider {
    margin-bottom: 40px !important;
    -webkit-box-shadow: 0 8px 6px -6px grey;
    -moz-box-shadow: 0 8px 6px -6px grey;
    box-shadow: 0 8px 6px -6px grey;
}
.project-single .description {
    position: relative;
}
.project-single .description .details {
    font-weight: bold;
    background: #F3F3F3;
    padding: 25px 30px;
    margin-bottom: 25px;
}
.project-single .description .details span {
    font-weight: normal;
    font-style: italic;
    opacity: 0.7;
}
.project-single .description .details p {
    margin-bottom: 20px;
}
.project-single .description .details p:last-child {
    margin-bottom: 0px;
}

/* Projects Grid
================================================== */

.projects-grid img {
    width: 100%;
    border-radius: 3px;
}
.projects-grid h3 {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-top: 5px;
}
.projects-grid .grid {
    margin-bottom: 50px;
}
.projects-grid .grid p {
    margin-bottom: 0px;
}
.projects-grid .grid .thumbnail.active,
.projects-grid .grid .thumbnail:focus,
.projects-grid .grid .thumbnail:hover {
    border-color: #00aded;
}
.projects-grid .fancybox-thumb {
    display: inline-block;
    position: relative;
}
.projects-grid .fancybox-thumb img {
    float: none !important;
    margin: 0 !important;
    vertical-align: top;
}
.projects-grid .fancybox-thumb span {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 250ms linear 0s;
    width: 100%;
    border-radius: 3px;
}
.projects-grid .fancybox-thumb span:before {
    background: #5cb85c url("images/icons.png") no-repeat scroll 11px -108px;
    content: "";
    display: block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
}
html.ie8 .projects-grid .fancybox-thumb span:before {
    display: none;
}
.projects-grid .fancybox-thumb:hover span {
    opacity: 1;
}
html.ie8 .projects-grid .fancybox-thumb:hover span:before {
    display: block;
}
/* Stats
================================================== */

.stats {
    background: #00aded;
    text-align: center;
    color: #fff;
}
.stats .number,
.stats .fa {
    display: block;
    font-size: 48px;
    font-weight: 300;
    line-height: 52px;
}
.stats .number {
    margin: 15px 0;
}
.stats p {
    margin: 0;
}

/* Clients
================================================== */

.clients img {
    padding: 10px;
}

/* Testimonials
================================================== */

.testimonials {
    background-size: cover;
    position: relative;
    -webkit-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
    padding: 100px 0 110px 0;
    z-index: 200;
}
.testimonials h2 {
    color: #fff;
    text-shadow: 1px 1px 2px #333;
    text-align: center;
    letter-spacing: 2.5px;
}
.testimonials blockquote {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    font-weight: 300;
    text-shadow: 1px 1px 2px #333;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    padding: 0 80px;
    position: relative;
    border: 0;
}
.testimonials small {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-shadow: 1px 1px 2px #333;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.testimonials .flex-control-nav {
    position: relative;
    margin-top: 30px;
}
.testimonials .flex-direction-nav {
    display: none;
}
.testimonials blockquote:before,
.testimonials blockquote:after {
    position: absolute;
    font-weight: 300;
    font-size: 4em;
    font-family: Georgia, serif;
    color: #ccc;
    top: 60%;
}
.testimonials blockquote:after {
    content: '”';
    right: 30px;
}
.testimonials blockquote:before {
    content: '“';
    left: 30px;
}
.testimonials img {
    max-width: 100px;
    margin-top: 20px;
    -webkit-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
}

/* Services
================================================== */

.services h3 {
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
}
.services .feature {
    text-align: center;
    margin: 20px 0 20px 0;
}
.services .feature h2 {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #fff;
}
.services .feature span {
    display: inline-block;
    font-size: 80px;
    margin-bottom: 30px;
    color: #fff;
}
.services .feature .fimage {
    margin-bottom: 30px;
    max-width: 100%;
}

/* Pricing Tables
================================================== */

.pt {
    border: 2px solid #fff;
    margin: 0 20px 20px 0;
    border-radius: 3px;
    text-align: center;
}
.pt_title {
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    color: #fff;
    padding: 10px;
}
.pt_main {
    background: #fff none repeat scroll 0 0;
    font-size: 28px;
    font-weight: 700;
    padding: 20px 0;
    text-transform: uppercase;
    color: #333;
}
.pt_main span {
    color: #a0a0a0;
    font-size: 14px;
    padding-top: 5px;
    display: block;
}
.pt_list {
    padding: 0;
    margin: 0;
}
.pt_list li {
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #333;
    line-height: 38px;
}
.pt_button {
    text-align: center;
    padding: 20px 0;
}

/* Call to Action
================================================== */

.calltoaction {
    background-size: cover;
    padding: 80px 0 90px 0;
    position: relative;
    -webkit-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
}
.calltoaction h2 {
    color: #fff;
    text-shadow: 1px 1px 2px #333;
    text-align: center;
    letter-spacing: 2.5px;
}
.calltoaction p {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-shadow: 1px 1px 2px #333;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 10px 0 0 0;
}
.calltoaction small {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-shadow: 1px 1px 2px #333;
    text-align: center;
    display: inline-block;
    width: 100%;
}

/* Call to Action 2
================================================== */

.calltoaction2 {
    background: #00aded;
    color: #fff;
}
.calltoaction2 h2 {
    margin-top: 0px;
    color: #fff;
}
.calltoaction2 p {
    margin-bottom: 0px;
}
.calltoaction2 .cta-button {
    margin-top: 10px;
}

/* About
================================================== */


/* Skills
================================================== */

.skills .progress {
    border-radius: 0;
    height: 32px;
}

/* Team
================================================== */

.team .t-name {
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    margin: 0px;
    padding: 20px 0 10px;
    font-weight: 600;
}
.team .t-type {
    font-size: 16px;
    color: #00aded;
    text-align: center;
    padding: 0 0 5px;
    font-style: italic;
}
.team ul.socials {
    text-align: center;
    margin: 0;
    padding: 10px 0 10px 0;
}
.team ul.socials li {
    list-style: none;
    display: inline-block;
}
.team ul.socials li a {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 24px;
    text-align: center;
    color: #414141;
}
.team ul.socials li a:hover {
    opacity: 0.75;
}
.team p {
    text-align: center;
}
.team .img-circle {
    max-height: 230px;
    max-width: 230px;
}

/* Blog
================================================== */

.home-blog-entry-text h3 > a {
    color: #1b1b1b;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.25px;
}
.home-blog-entry-date .pagemeta {
    padding: 0;
}
.home-blog-entry-date .pagemeta li {
    color: #b5b8bf;
    display: inline-block;
    font-size: 14px;
    margin: 0 10px 0 0;
}

/* Tweets
================================================== */

.tweets {
    background: #00aded;
    color: #fff;
}
.tweets .widgettitle {
    display: none;
}
.tweets .fa {
    color: #fff;
    font-size: 48px;
}
.tweets li.widget {
    list-style: none;
}
.tweets .tweets-list-container {
    width: 100%;
    overflow: hidden;
    height: 80px;
    text-align: right;
}
.tweets .tweet-list {
    position: relative;
    list-style: none;
    padding: 0;
}
.tweets .tweet-list li {
    padding-bottom: 0px;
    font-size: 16px;
    list-style: none;
}
.tweets .tweet-list li a {
    color: #fff;
    text-decoration: underline;
}
.tweets .tweet-list li p {
    margin: 0;
    padding: 0;
}
.tweets .tweet-list.twitter-logo li {
    background: url('../img/tweet.png') no-repeat;
    padding-left: 40px;
    background-position-y: 2px;
}
.tweets .tweet-list.twitter-logo li.profile-image {
    background: none;
}
.tweets .tweet-list li.profile-image {
    padding-left: 60px;
    min-height: 60px;
}

/* Newsletter
================================================== */

.newsletter {
    padding: 100px 0 110px 0;
    position: relative;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.4) inset;
}
.newsletter h2 {
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 2px #333;
    text-align: center;
    letter-spacing: 2.5px;
}
.newsletter p {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 0;
    text-align: center;
    text-shadow: 1px 1px 2px #333;
    width: 100%;
    text-align: center;
    margin;
    0;
}

/*Mailchimp & ConstantContact Form Styles*/

#mc-embedded-subscribe-form,
.ctct-embed-signup form {
    background: transparent !important;
    color: #fff;
    text-align: center;
}
#mc-embedded-subscribe-form .mc-field-group {
    width: 100% !important;
}
#mc-embedded-subscribe-form label,
.ctct-embed-signup form label {
    color: #fff;
}
#mc-embedded-subscribe-form .mc-field-group .email,
#mc-embedded-subscribe-form input[type="text"],
.ctct-embed-signup form input[type="text"] {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 42px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 60%;
    margin: 0 auto 20px auto;
    letter-spacing: 1px;
}
#mc-embedded-subscribe-form .mc-field-group .email:focus,
#mc-embedded-subscribe-form input[type="text"]:focus,
.ctct-embed-signup form input[type="text"]:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
#mc-embedded-subscribe-form input[type="submit"],
.ctct-embed-signup .ctct-button {
    background-color: #00aded;
    border: 0;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    letter-spacing: 2px;
    border-radius: 4px;
}
#mc-embedded-subscribe-form input[type="submit"]:hover,
.ctct-embed-signup .ctct-button:hover {
    color: #333;
    background-color: #fff;
}
#mce-responses,
.ctct-embed-signup #success_message {
    color: #fff !important;
    width: 100% !important;
}
.ctct-embed-signup #success_message {
    margin: 20px 0;
    display: block;
    border: 1px solid #fff;
    padding: 5px;
}

/* Contact
================================================== */

.contact input[type="text"],
.contact input[type="email"] {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.contact textarea {
    height: 130px;
    width: 100%;
    color: #333;
    border-radius: 5px;
    border: none;
    color: #333;
    padding: 10px;
}
.contact h3 {
    margin-top: 0;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
}
.contact span {
    padding-right: 6px;
    display: inline-block;
}
.info {
    padding-bottom: 20px;
}
.contact ul.socials {
    margin: 0;
    padding: 10px 0 10px 0;
}
.contact ul.socials li {
    list-style: none;
    display: inline-block;
    margin-right: 3px;
}
.contact ul.socials li a {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 24px;
    color: #fff;
    text-align: center;
}
.contact ul.socials li a:hover {
    opacity: 0.75;
}
.contact label {
    font-weight: normal;
}
.contact input[type="submit"] {
    background-color: #f1f1f1;
    border-radius: 4px;
    color: #555555;
    font-size: 14px;
    font-weight: normal;
    margin-left: 0;
    padding: 4px 14px;
}
.contact input[type="submit"]:hover {
    background: #747474;
    color: #373737;
}
.contact .wpcf7-not-valid-tip {
    color: #858585;
    font-size: 80%;
}
.contact .wpcf7-validation-errors {
    border-color: inherit;
}

/* Copyright
================================================== */

.copyright {
    background: #111;
    padding: 30px 0;
    text-align: center;
}
.copyrightinfo {
    font-size: 14px;
    color: #888888;
}
.copyright a {
    color: #858585;
    text-decoration: underline;
}
.copyright p {
    margin-bottom: 0px;
}
.copyright .scroll-top {
    float: right;
}

/* Inner Page Content
================================================== */

.content {
    padding: 70px 0 50px 0;
}
.content h2 {
    letter-spacing: 0px;
    padding-bottom: 10px;
}
.content h2:after {
    background: #00aded none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin-top: 20px;
    width: 25px;
}
.content h2 a {
    color: #1c1c1c;
}
.content h2 a:hover {
    text-decoration: none;
}
.content .pagemeta {
    display: block;
    list-style: outside none none;
    padding: 0 0 5px;
    margin-bottom: 20px;
}
.content .pagemeta li {
    color: #b5b8bf;
    display: inline-block;
    font-size: 14px;
    margin: 0 10px 0 0;
    text-transform: uppercase;
}
.content .pagemeta li a {
    color: #b5b8bf;
}
.content .pagemeta li i {
    margin-right: 5px;
}
.content ul,
.content li,
.content blockquote {
    font-size: 16px;
    line-height: 24px;
}
.content .alignleft {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}
.content .aligncenter {
    float: none;
    margin: auto;
    display: block;
}
.content .alignright {
    float: right;
    margin-left: 20px;
    margin-top: 5px;
}
.content .post {
    margin-bottom: 40px;
    padding-bottom: 10px;
}
.content .page-header {
    margin-top: 0px;
    border-bottom: 0;
}
.content .page-header h1 {
    margin-top: 0px;
}
.content .page-header h2 {
    color: #b5b8bf;
    font-size: 16px;
}
.content .page-header h2:after {
    background: none;
    margin: 0;
    padding: 0;
    height: 0;
}

/* Sidebar */

.sidebar {
    margin: 70px 0 50px 0;
    border-left: 1px solid #efefef;
    padding-left: 25px;
}
.sidebar li {
    list-style: none;
}
.sidebar li ul {
    padding-left: 0;
    margin-bottom: 30px;
}
.sidebar li ul li {
    padding: 4px 0 4px 22px;
    background: url(images/bullet.png) no-repeat 0 9px;
}
.sidebar li ul li a {
    color: #666;
    font-size: 14px;
}
.sidebar li ul li a:hover {
    color: #333;
}
.sidebar h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 18px;
    text-transform: uppercase;
}
.sidebar h2:after {
    background: #00aded none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin-top: 10px;
    width: 25px;
}
.sidebar .textwidget {
    color: #666;
    font-size: 14px;
}

/* Calendar Widget */

#wp-calendar {
    width: 100%;
}
#wp-calendar caption {
    text-align: right;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
}
#wp-calendar thead {
    font-size: 14px;
}
#wp-calendar thead th {
    padding: 0 15px 10px 15px;
}
#wp-calendar tbody {
    color: #aaa;
}
#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    padding: 8px;
}
#wp-calendar tbody td:hover {
    background: #fff;
}
#wp-calendar tbody .pad {
    background: none;
}
#wp-calendar tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
}
#wp-calendar tfoot #prev {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px;
}

/* Pagination */

.nav-links span,
.nav-links a {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 3px;
}
.nav-links span {
    background-color: #ddd;
    color: #666;
}

/* Comments */

.comment-list {
    padding-left: 0;
}
.comment-list,
.comment-list li {
    list-style: none;
}
.bypostauthor {}

/* Media */

.wp-caption {} 
.wp-caption-text {} 
.gallery-caption {}

/* Accessibility - Text meant only for screen readers */

.screen-reader-text {} 
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {}
/* Other */

.sticky {}

/* Author Info */

#author-info {
    border-top: 1px solid #efefef;
    display: block;
    margin: 0 0 60px;
    padding: 60px 0 0;
}
#author-info p {
    margin: 0;
}
#author-info .author-image {
    border-radius: 4px;
    float: left;
    height: 80px;
    margin: 2px 30px 0 0;
    overflow: hidden;
    width: 80px;
}
#author-info .author-image img {
    display: block;
    height: 80px;
    width: 80px;
}
#author-info .author-bio {
    overflow: hidden;
}
#author-info .author-bio h4 {
    color: #666666;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 0 10px;
    text-transform: uppercase;
}
.author-archive #author-info {
    background: #f9f9f9 none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    margin: 0 0 60px;
    padding: 30px;
}

/* Sharebox */

.sharebox {
    display: block;
    margin: -20px 0 60px;
    padding: 0;
}
.sharebox ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.sharebox ul li {
    float: left;
    line-height: 1 !important;
    margin: 0 22px 0 0;
    padding: 0;
}
.sharebox ul li a {
    color: inherit;
    display: block;
    float: left;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
}
.sharebox ul li i {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 0 3px 0 0;
}

/* Comments */

.comments-area {
    border-top: 1px solid #efefef;
    margin: 0;
    padding: 60px 0 0;
}

/* Woocommerce
================================================== */

.woocommerce-page .woocommerce {
    margin-top: 30px;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #review_form #submit {} 
.woocommerce .product {
    margin-top: 20px;
}
.woocommerce h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 18px;
    text-transform: uppercase;
}
.woocommerce h2:after {
    background: #00aded none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin-top: 10px;
    width: 25px;
}
.woocommerce .textwidget {
    color: #666;
    font-size: 14px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    font-weight: normal;
    padding: 0.518em 1em 0.618em 1em;
}
.woocommerce #reviews h3 {
    margin-bottom: 10px;
}
.woocommerce span.onsale {
    line-height: 2.85em;
}
.woocommerce .input-text {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.woocommerce .input-text:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
    border-top: none;
}

/* Font Awesome Icons
/* Override the default properties for all 480+ icons.
/* Make sure to add "!important" to your styles if you have set a color in theme options panel.
================================================== */

.fa-adjust {}
.fa-adn {}
.fa-align-center {}
.fa-align-justify {}
.fa-align-left {}
.fa-align-right {}
.fa-ambulance {}
.fa-anchor {}
.fa-android {}
.fa-angellist {}
.fa-angle-double-down {}
.fa-angle-double-left {}
.fa-angle-double-right {}
.fa-angle-double-up {}
.fa-angle-down {}
.fa-angle-left {}
.fa-angle-right {}
.fa-angle-up {}
.fa-apple {}
.fa-archive {}
.fa-area-chart {}
.fa-arrow-circle-down {}
.fa-arrow-circle-left {}
.fa-arrow-circle-o-down {}
.fa-arrow-circle-o-left {}
.fa-arrow-circle-o-right {}
.fa-arrow-circle-o-up {}
.fa-arrow-circle-right {}
.fa-arrow-circle-up {}
.fa-arrow-down {}
.fa-arrow-left {}
.fa-arrow-right {}
.fa-arrows {}
.fa-arrows-alt {}
.fa-arrows-h {}
.fa-arrows-v {}
.fa-arrow-up {}
.fa-asterisk {}
.fa-at {}
.fa-backward {}
.fa-ban {}
.fa-bar-chart {}
.fa-barcode {}
.fa-bars {}
.fa-bed {}
.fa-beer {}
.fa-behance {}
.fa-behance-square {}
.fa-bell {}
.fa-bell-o {}
.fa-bell-slash {}
.fa-bell-slash-o {}
.fa-bicycle {}
.fa-binoculars {}
.fa-birthday-cake {}
.fa-bitbucket {}
.fa-bitbucket-square {}
.fa-bold {}
.fa-bolt {}
.fa-bomb {}
.fa-book {}
.fa-bookmark {}
.fa-bookmark-o {}
.fa-briefcase {}
.fa-btc {}
.fa-bug {}
.fa-building {}
.fa-building-o {}
.fa-bullhorn {}
.fa-bullseye {}
.fa-bus {}
.fa-buysellads {}
.fa-calculator {}
.fa-calendar {}
.fa-calendar-o {}
.fa-camera {}
.fa-camera-retro {}
.fa-car {}
.fa-caret-down {}
.fa-caret-left {}
.fa-caret-right {}
.fa-caret-square-o-down {}
.fa-caret-square-o-left {}
.fa-caret-square-o-right {}
.fa-caret-square-o-up {}
.fa-caret-up {}
.fa-cart-arrow-down {}
.fa-cart-plus {}
.fa-cc {}
.fa-cc-amex {}
.fa-cc-discover {}
.fa-cc-mastercard {}
.fa-cc-paypal {}
.fa-cc-stripe {}
.fa-cc-visa {}
.fa-certificate {}
.fa-chain-broken {}
.fa-check {}
.fa-check-circle {}
.fa-check-circle-o {}
.fa-check-square {}
.fa-check-square-o {}
.fa-chevron-circle-down {}
.fa-chevron-circle-left {}
.fa-chevron-circle-right {}
.fa-chevron-circle-up {}
.fa-chevron-down {}
.fa-chevron-left {}
.fa-chevron-right {}
.fa-chevron-up {}
.fa-child {}
.fa-circle {}
.fa-circle-o {}
.fa-circle-o-notch {}
.fa-circle-thin {}
.fa-clipboard {}
.fa-clock-o {}
.fa-cloud {}
.fa-cloud-download {}
.fa-cloud-upload {}
.fa-code {}
.fa-code-fork {}
.fa-codepen {}
.fa-coffee {}
.fa-cog {}
.fa-cogs {}
.fa-columns {}
.fa-comment {}
.fa-comment-o {}
.fa-comments {}
.fa-comments-o {}
.fa-compass {}
.fa-compress {}
.fa-connectdevelop {}
.fa-copyright {}
.fa-credit-card {}
.fa-crop {}
.fa-crosshairs {}
.fa-css3 {}
.fa-cube {}
.fa-cubes {}
.fa-cutlery {}
.fa-dashcube {}
.fa-database {}
.fa-delicious {}
.fa-desktop {}
.fa-deviantart {}
.fa-diamond {}
.fa-digg {}
.fa-dot-circle-o {}
.fa-download {}
.fa-dribbble {}
.fa-dropbox {}
.fa-drupal {}
.fa-eject {}
.fa-ellipsis-h {}
.fa-ellipsis-v {}
.fa-empire {}
.fa-envelope {}
.fa-envelope-o {}
.fa-envelope-square {}
.fa-eraser {}
.fa-eur {}
.fa-exchange {}
.fa-exclamation {}
.fa-exclamation-circle {}
.fa-exclamation-triangle {}
.fa-expand {}
.fa-external-link {}
.fa-external-link-square {}
.fa-eye {}
.fa-eyedropper {}
.fa-eye-slash {}
.fa-facebook {}
.fa-facebook-official {}
.fa-facebook-square {}
.fa-fast-backward {}
.fa-fast-forward {}
.fa-fax {}
.fa-female {}
.fa-fighter-jet {}
.fa-file {}
.fa-file-archive-o {}
.fa-file-audio-o {}
.fa-file-code-o {}
.fa-file-excel-o {}
.fa-file-image-o {}
.fa-file-o {}
.fa-file-pdf-o {}
.fa-file-powerpoint-o {}
.fa-files-o {}
.fa-file-text {}
.fa-file-text-o {}
.fa-file-video-o {}
.fa-file-word-o {}
.fa-film {}
.fa-filter {}
.fa-fire {}
.fa-fire-extinguisher {}
.fa-flag {}
.fa-flag-checkered {}
.fa-flag-o {}
.fa-flask {}
.fa-flickr {}
.fa-floppy-o {}
.fa-folder {}
.fa-folder-o {}
.fa-folder-open {}
.fa-folder-open-o {}
.fa-font {}
.fa-forumbee {}
.fa-forward {}
.fa-foursquare {}
.fa-frown-o {}
.fa-futbol-o {}
.fa-gamepad {}
.fa-gavel {}
.fa-gbp {}
.fa-gears {}
.fa-gift {}
.fa-git {}
.fa-github {}
.fa-github-alt {}
.fa-github-square {}
.fa-git-square {}
.fa-glass {}
.fa-globe {}
.fa-google {}
.fa-google-plus {}
.fa-google-plus-square {}
.fa-google-wallet {}
.fa-graduation-cap {}
.fa-gratipay {}
.fa-hacker-news {}
.fa-hand-o-down {}
.fa-hand-o-left {}
.fa-hand-o-right {}
.fa-hand-o-up {}
.fa-hdd-o {}
.fa-header {}
.fa-headphones {}
.fa-heart {}
.fa-heartbeat {}
.fa-heart-o {}
.fa-history {}
.fa-home {}
.fa-hospital-o {}
.fa-h-square {}
.fa-html5 {}
.fa-ils {}
.fa-image {}
.fa-inbox {}
.fa-indent {}
.fa-info {}
.fa-info-circle {}
.fa-inr {}
.fa-instagram {}
.fa-ioxhost {}
.fa-italic {}
.fa-joomla {}
.fa-jpy {}
.fa-jsfiddle {}
.fa-key {}
.fa-keyboard-o {}
.fa-krw {}
.fa-language {}
.fa-laptop {}
.fa-lastfm {}
.fa-lastfm-square {}
.fa-leaf {}
.fa-leanpub {}
.fa-lemon-o {}
.fa-level-down {}
.fa-level-up {}
.fa-life-ring {}
.fa-lightbulb-o {}
.fa-line-chart {}
.fa-link {}
.fa-linkedin {}
.fa-linkedin-square {}
.fa-linux {}
.fa-list {}
.fa-list-alt {}
.fa-list-ol {}
.fa-list-ul {}
.fa-location-arrow {}
.fa-lock {}
.fa-long-arrow-down {}
.fa-long-arrow-left {}
.fa-long-arrow-right {}
.fa-long-arrow-up {}
.fa-magic {}
.fa-magnet {}
.fa-male {}
.fa-map-marker {}
.fa-mars {}
.fa-mars-double {}
.fa-mars-stroke {}
.fa-mars-stroke-h {}
.fa-mars-stroke-v {}
.fa-maxcdn {}
.fa-meanpath {}
.fa-medium {}
.fa-medkit {}
.fa-meh-o {}
.fa-mercury {}
.fa-microphone {}
.fa-microphone-slash {}
.fa-minus {}
.fa-minus-circle {}
.fa-minus-square {}
.fa-minus-square-o {}
.fa-mobile {}
.fa-money {}
.fa-moon-o {}
.fa-motorcycle {}
.fa-music {}
.fa-neuter {}
.fa-newspaper-o {}
.fa-openid {}
.fa-outdent {}
.fa-pagelines {}
.fa-paint-brush {}
.fa-paperclip {}
.fa-paper-plane {}
.fa-paper-plane-o {}
.fa-paragraph {}
.fa-pause {}
.fa-paw {}
.fa-paypal {}
.fa-pencil {}
.fa-pencil-square {}
.fa-pencil-square-o {}
.fa-phone {}
.fa-phone-square {}
.fa-picture-o {}
.fa-pie-chart {}
.fa-pied-piper {}
.fa-pied-piper-alt {}
.fa-pinterest {}
.fa-pinterest-p {}
.fa-pinterest-square {}
.fa-plane {}
.fa-play {}
.fa-play-circle {}
.fa-play-circle-o {}
.fa-plug {}
.fa-plus {}
.fa-plus-circle {}
.fa-plus-square {}
.fa-plus-square-o {}
.fa-power-off {}
.fa-print {}
.fa-puzzle-piece {}
.fa-qq {}
.fa-qrcode {}
.fa-question {}
.fa-question-circle {}
.fa-quote-left {}
.fa-quote-right {}
.fa-random {}
.fa-rebel {}
.fa-recycle {}
.fa-reddit {}
.fa-reddit-square {}
.fa-refresh {}
.fa-renren {}
.fa-repeat {}
.fa-reply {}
.fa-reply-all {}
.fa-retweet {}
.fa-road {}
.fa-rocket {}
.fa-rss {}
.fa-rss-square {}
.fa-rub {}
.fa-scissors {}
.fa-search {}
.fa-search-minus {}
.fa-search-plus {}
.fa-sellsy {}
.fa-server {}
.fa-share {}
.fa-share-alt {}
.fa-share-alt-square {}
.fa-share-square {}
.fa-share-square-o {}
.fa-shield {}
.fa-ship {}
.fa-shirtsinbulk {}
.fa-shopping-cart {}
.fa-signal {}
.fa-sign-in {}
.fa-sign-out {}
.fa-simplybuilt {}
.fa-sitemap {}
.fa-skyatlas {}
.fa-skype {}
.fa-slack {}
.fa-sliders {}
.fa-slideshare {}
.fa-smile-o {}
.fa-sort {}
.fa-sort-alpha-asc {}
.fa-sort-alpha-desc {}
.fa-sort-amount-asc {}
.fa-sort-amount-desc {}
.fa-sort-asc {}
.fa-sort-desc {}
.fa-sort-numeric-asc {}
.fa-sort-numeric-desc {}
.fa-soundcloud {}
.fa-space-shuttle {}
.fa-spinner {}
.fa-spoon {}
.fa-spotify {}
.fa-square {}
.fa-square-o {}
.fa-stack-exchange {}
.fa-stack-overflow {}
.fa-star {}
.fa-star-half {}
.fa-star-half-o {}
.fa-star-o {}
.fa-steam {}
.fa-steam-square {}
.fa-step-backward {}
.fa-step-forward {}
.fa-stethoscope {}
.fa-stop {}
.fa-street-view {}
.fa-strikethrough {}
.fa-stumbleupon {}
.fa-stumbleupon-circle {}
.fa-subscript {}
.fa-subway {}
.fa-suitcase {}
.fa-sun-o {}
.fa-superscript {}
.fa-table {}
.fa-tablet {}
.fa-tachometer {}
.fa-tag {}
.fa-tags {}
.fa-tasks {}
.fa-taxi {}
.fa-tencent-weibo {}
.fa-terminal {}
.fa-text-height {}
.fa-text-width {}
.fa-th {}
.fa-th-large {}
.fa-th-list {}
.fa-thumbs-down {}
.fa-thumbs-o-down {}
.fa-thumbs-o-up {}
.fa-thumbs-up {}
.fa-thumb-tack {}
.fa-ticket {}
.fa-times {}
.fa-times-circle {}
.fa-times-circle-o {}
.fa-tint {}
.fa-toggle-off {}
.fa-toggle-on {}
.fa-train {}
.fa-transgender {}
.fa-transgender-alt {}
.fa-trash {}
.fa-trash-o {}
.fa-tree {}
.fa-trello {}
.fa-trophy {}
.fa-truck {}
.fa-try {}
.fa-tty {}
.fa-tumblr {}
.fa-tumblr-square {}
.fa-twitch {}
.fa-twitter {}
.fa-twitter-square {}
.fa-umbrella {}
.fa-underline {}
.fa-undo {}
.fa-university {}
.fa-unlock {}
.fa-unlock-alt {}
.fa-upload {}
.fa-usd {}
.fa-user {}
.fa-user-md {}
.fa-user-plus {}
.fa-users {}
.fa-user-secret {}
.fa-user-times {}
.fa-venus {}
.fa-venus-double {}
.fa-venus-mars {}
.fa-viacoin {}
.fa-video-camera {}
.fa-vimeo-square {}
.fa-vine {}
.fa-vk {}
.fa-volume-down {}
.fa-volume-off {}
.fa-volume-up {}
.fa-weibo {}
.fa-weixin {}
.fa-whatsapp {}
.fa-wheelchair {}
.fa-wifi {}
.fa-windows {}
.fa-wordpress {}
.fa-wrench {}
.fa-xing {}
.fa-xing-square {}
.fa-yahoo {}
.fa-yelp {}
.fa-youtube {}
.fa-youtube-play {}
.fa-youtube-square {}

/* Responsive
================================================== */

@media (min-width: 1200px) {
    ...
}

@media (max-width: 1024px) {
    .hero .text-left,
    .hero .text-right {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
}

@media (min-width: 980px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}

@media (max-width: 979px) {
    .hero h1 {
        font-size: 90px !important;
        line-height: 90px !important;
    }
    .hero h2 {
        font-size: 68px !important;
        line-height: 68px !important;
    }
    .her .container {
        height: auto;
    }
    .calltoaction .text-left,
    .calltoaction .text-right {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    
    .site-title {
        max-width: 75%;
    }
    .navbar-brand {
        padding-left: 15px;
    }
    .navbar-default {
        height: auto;
        min-height: 56px;
    }
    .navbar-default .navbar-nav {
        padding-top: 0;
    }
    .navbar-default .navbar-nav > li {
        margin-left: 0;
    }
    .navbar-default .navbar-nav > li.active a {
        border-bottom: none;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 0 15px 0 15px;
        line-height: 32px;
        border-bottom: 0;
    }
    .navbar-default .navbar-nav li.menu-item-has-children a {
        margin-bottom: 0;
    }
    .navbar-default li a:hover,
    .navbar-default .navbar-nav > li > a:hover {
        border-bottom: 0;
    }
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3,
    h4 {
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
    }
    .hero,
    .testimonials,
    .calltoaction,
    .newsletter {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center top !important;
    }
    .hero h1 {
        font-size: 80px !important;
        line-height: 80px !important;
    }
    .hero h2 {
        font-size: 60px !important;
        line-height: 60px !important;
    }
    .hero span {
        font-size: 20px !important;
        line-height: 32px;
    }
    h2.bigtitle,
    h2.bigtitle_dark {
        font-size: 46px !important;
    }
    .hero .text-left,
    .hero .text-right {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
    .calltoaction,
    .newsletter,
    .testimonials {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .tweets .fa {
        padding-bottom: 20px;
    }
    .calltoaction .text-left,
    .calltoaction .text-right {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
    .calltoaction2 p {
        margin-bottom: 25px;
    }
    .calltoaction2 .cta-button,
    .calltoaction2,
    .tweets,
    .tweets .tweets-list-container {
        text-align: center !important;
    }
    .clients img,
    .brands img,
    .stats .row > div {
        padding: 20px;
    }
    .pt {
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .content {
        padding: 20px 0 0px 0;
    }
    .sidebar {
        margin: 0px 0 20px 0;
        padding-left: 0;
        border-left: none;
    }
    .contact form {
        margin-top: 30px;
    }
}

@media (max-width: 480px) {
    .hero h1 {
        font-size: 60px !important;
        line-height: 60px !important;
    }
    .hero h2 {
        font-size: 45px !important;
        line-height: 45px !important;
    }
    .hero span {
        font-size: 18px !important;
        line-height: 28px;
    }
    h2.bigtitle,
    h2.bigtitle_dark {
        font-size: 36px !important;
    }
    h2.smalltitle,
    h2.smalltitle_dark {
        font-size: 24px !important;
    }
}

/* Browser Specific Media Queries
================================================== */
/* MS IE10 */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .hero,
    .testimonials,
    .calltoaction,
    .newsletter {
        background-attachment: scroll !important;
    }
}
/* MS Edge */

@supports (-ms-accelerator: true) {
    .hero,
    .testimonials,
    .calltoaction,
    .newsletter {
        background-attachment: scroll !important;
    }
}

/* Custom CSS
/* - Override the themes default styling here. You can also use the Custom CSS field in the Custom Code section of Integral Options.
================================================== */



#features > div {
    display:flex !important;
    flex-direction:row !important;
    justify-content: space-between !important;
}

#work > div > div {
    text-align: center !important;
    margin:0 auto !important;
}

#work > div > div > div:nth-child(2) > p:nth-child(1) > img {
    margin-top:30px !important;
}

p{
    font-size:14px !important;
}

#work {
    padding-top: none !important;
}



#welcome > div.container > div > div > div > p > img {
    content:url("http://www.wide.lu/wp-content/uploads/2016/10/2-1-e1476284815629.png");
}



#work {
    display:none;
}



#menu-item-455 {
    overflow:hidden;
}

#menu-item-455 > a {
    font-size:8px;
}

/*#team > div > div.row.multi-columns-row > div:nth-child(1) > div.hovereffect.img-circle.center-block > img {
    content:url("http://www.wide.lu/wp-content/uploads/2016/10/2970ffd.jpg");
}

#team > div > div.row.multi-columns-row > div:nth-child(2) > div.hovereffect.img-circle.center-block > img {
    content:url("http://www.wide.lu/wp-content/uploads/2016/10/083d9a2.jpg");
}*/

#team > div > div.row.multi-columns-row > div:nth-child(3) > div.hovereffect.img-circle.center-block > img {
    /*content:url("http://wide.lu/wp-content/uploads/2016/10/Untitled-design-14.png");*/
    filter: grayscale(100%);
}



/*Icons for partners
#clients > div > div.row.multi-columns-row > div:nth-child(1) > img {
    content: url("http://wide.lu/wp-content/uploads/2016/10/Untitled-design-17.png") !important;
    content: url("");
}

#clients > div > div.row.multi-columns-row > div:nth-child(2) > img {
    content: url("http://wide.lu/wp-content/uploads/2016/10/logo-erasmus-plus.png") !important;
}

#clients > div > div.row.multi-columns-row > div:nth-child(3) > img {
    content: url("http://wide.lu/wp-content/uploads/2016/10/Untitled-design-16.png") !important;
}

#clients > div > div.row.multi-columns-row > div:nth-child(4) > img {
    content:url("http://wide.lu/wp-content/uploads/2017/07/Fincorp_logo_2017_def.png");
}

#clients > div > div.row.multi-columns-row > div:nth-child(5) > img {
    content:url("http://wide.lu/wp-content/uploads/2017/06/logo-bil.jpg") !important;
}

#clients > div > div.row.multi-columns-row > div:nth-child(6) > img {
    content: url("http://wide.lu/wp-content/uploads/2016/10/BEECreative_logo.png");
}*/

.pedro {
    display:none !important;
}

/* Logos*/
#clients > div > div.row.multi-columns-row {
    
}

#clients > div > div.row.multi-columns-row > div:nth-child(3) > img {
    width:320px !important;
    padding-bottom:0 !important;
}


#clients > div > div.row.multi-columns-row div > img{
    max-height:140px !important;
}

#clients > div > div.row.multi-columns-row > div:nth-child(6) > img {
    max-height: 120px !important;
    margin-top:20px !important;
}
#clients > div > div.row.multi-columns-row > div:nth-child(2) > img {
    width:330px !important;
}




#containerAbout {
    width:100%!important;
    margin:auto !important;
}
#containerAbout div {
    padding:8px !important;
}
#aboutUp {
    width:100% !important;
}
#aboutUp h1 {
    font-size:16px !important;
    font-family:Open Sans !important;
    line-height:24px !important;
    text-align:justify !important;
    font-weight: 400 !important;
}
#containerInsideAbout{
    display:flex !important;
    flex-flow: row wrap !important;
}
#aboutLeft{
    width:50% !important;
}
#aboutRight{
    width:50% !important;
}
#aboutLeft p, #aboutRight p{
    font-size:16px !important;
    text-align: center !important;
}

#aboutLeft h2{
    font-size:20px !important;
    text-align: center !important;
    color:#d3ae3d !important;
}
#aboutRight h2{
    font-size:20px !important;
    text-align: center !important;
    color:#d3ae3d !important;
}
#aboutBottom p {
    text-align: center !important;
    font-size: 16px !important;
}

#aboutBottom {
	margin: 0 auto !important;
}
 /* HIDE ALL EVENTS ICON 
}

#content > div > div.ch-header.ch-default > a.back {
    display:none;
}
*/



#features {
    padding-top:0 !important;
}






/*EVENTBRITE CHANGES*/
#lakshimiTechtalk, #lakshimiTechtalk iframe, #lakshimiTechtalk > p > iframe, #petitBambouMeditation, #petitBambouMeditation iframe, #petitBambouMeditation > p > iframe, #htmlCssEventChanges, #vaniaCssEventChanges, #missionCssEventChanges, #htmlCssEventChanges iframe, #htmlCssEventChanges > p > iframe, #vaniaCssEventChanges iframe, #vaniaCssEventChanges > p > iframe, #visionCssEventChanges iframe, #visionCssEventChanges > p > iframe{
	width:100% !important;
	height:280px !important;
    background-color:white;

}




/* Girls in Digital page-template-default page page-id-901 logged-in admin-bar _masterslider _ms_version_2.9.5 customize-support*/

/* Change the width of content container */
body.page-id-901 div#post-901 div.entry #girlsDigitalContainer {
}

/* This changes the background of the girls in digital page */
body.page-id-901 {
    background-image: url("http://wide.lu/wp-content/uploads/2017/11/background3.png");
    background-size: 100% 100%;
}

/* Changes navbar background color */
body.page-id-901 div.container-fluid {
    background-color: #fdb5ba !important;
}

/* Make all links a certain color */
body.page-id-901 p > a, 
body.page-id-901 p > span > a{
    color: #0054a6 !important;
    border-bottom: 2px solid #fdb5ba !important;
}

body.page-id-901 p > a:hover,
body.page-id-901 p > span > a:hover {
    text-decoration: none;
    color: #fdb5ba !important;
    border-bottom: 2px solid #0054a6 !important;
}

/* Change color of text selection */
body.page-id-901::selection {
  background: #fdb5ba; /* WebKit/Blink Browsers */
}
body.page-id-901::-moz-selection {
  background: #fdb5ba; /* Gecko Browsers */
}

/* Make navbar links a certain color (because they're influenced by the above rule) */
body.page-id-901 #menu-top-menu > li > a,
body.page-id-901 #menu-item-246 > ul > li > a {
    color: black;
}

/* Sets the logo for the girls in digital page */
body.page-id-901 > nav > div > div > div.navbar-header > h1 > a > img {
    content: url("http://wide.lu/wp-content/uploads/2017/11/girlsindigital-logo.png");
    max-width: 200px;
    max-height: 37px;
}

/* Flexbox for text content */
#girls-flexbox {
    display: flex;
    justify-content: space-around;
    flex-flow: row nowrap;
}

#girls-flexbox p {
    margin: 0 5px;
    text-align: center !important;
}

@media screen and (max-width: 414px) {
    #girls-flexbox {
        flex-flow: row wrap;
    }

    #girls-flexbox p {    
        margin: 15px 0 !important;
    }

    #girlsDigitalContainer {
        padding: 0 10px !important;
    }

    #girlsDigitalContainer > div:nth-child(1) > p:nth-child(1) > img {
        margin-top: 50px !important;
    }
}

#girlsDigitalContainer {
    width:700px !important; max-width:100% !important; background-color:red !important;
}

#post-901 > h2 {
    display:none;
}

#post-901 {
    padding-top:0;
}

body > div.spacer {
    display:none;
}

body > section.copyright.dark {
	display:none !important;
}






@media screen and (max-width: 1000px) {
    #clients > div > div.row.multi-columns-row {
    display:inline-block !important;
    }
    #welcome > div.container > div > div > div > p > img {
        
        max-width:300px !important;
        max-height:300px !important;
    }
    #clients > div > div.row.multi-columns-row img{
        max-height:60px !important;
    }
    #containerAbout {
    width:100% !important;
    }
}

@media screen and (max-width: 400px) {
    #containerAbout {
    width:100% !important;
    }
}

@media screen and (max-width: 500px) {
    #containerAbout {
    width:100% !important;
    }
}
@media screen and (max-width: 700px) {
    #containerAbout {
    width:100% !important;
    }
}
@media screen and (max-width: 900px) {
    #containerAbout {
    width:100% !important;
    }
}

@media screen and (max-width: 767px) {
    #clients > div > div.row.multi-columns-row img{
        max-height:90px !important;
    }
    #clients > div {
        text-align:center !important;
    }
    #lakshimiTechtalk, #lakshimiTechtalk iframe, #lakshimiTechtalk > p > iframe, #petitBambouMeditation, #petitBambouMeditation iframe, #petitBambouMeditation > p > iframe, #petitBambouMeditation #htmlCssEventChanges, #vaniaCssEventChanges, #missionCssEventChanges, #htmlCssEventChanges iframe, #htmlCssEventChanges > p > iframe, #vaniaCssEventChanges iframe, #vaniaCssEventChanges > p > iframe, #visionCssEventChanges iframe, #visionCssEventChanges > p > iframe{

    	height:450px !important;
    }

}







@media screen and (max-width: 799px) {
    #htmlCssFlyer {
    	width:100% !important;
    	height:auto !important;
    }
    #containerAbout {
	width:100% !important;

	display:flex !important;
	flex-flow: row wrap !important;
	}
	#content > div > div.chronosly-content-block > div.chronosly.perfil2.ch-default.ch-front.ch-dad2.ev-1270 > div.ev-box.both.content2 > div:nth-child(5) > div > div.ev-item.event_description > div > p:nth-child(15) {
		margin-top:50px !important;
	}
}





/* ===============================================================================
===============================================================================
ABOUT PAGE (incorporating partners, teams, contact, and volunteers)
Dec 20, 2017
Chris
===============================================================================
=============================================================================== */
/* Hide ABOUT heading that's shown by theme itself */
#post-1565 > h2:nth-child(1) {
display: none;
}

/* Set certain width for all containers */
#about_container,
#team_container,
#partner_container,
#volunteer_container,
#contact_container {
width: 80%;
margin: 0 auto 100px auto;
overflow: hidden;
}

/* ==========================================
MEDIA SCREEN BELOW
========================================== */
@media screen and (max-width: 990px) {
#about_container,
#team_container,
#partner_container,
#volunteer_container,
#contact_container {
width: 100%;
}
}
/* ==========================================
MEDIA SCREEN ABOVE
========================================== */

#team_container {
margin-bottom: -30px;
}

/* Center section headings and add border bottom */
#about_container h1,
#team_container h1,
#partner_container h1,
#volunteer_container h1,
#contact_container h1 {
text-align: center;
border-bottom: 3px solid #D5B238;
padding-bottom: 20px;
margin-bottom: 20px;
}

/* 
ABOUT SECTION
===============================================================================
*/
#about_container p {
text-align: center;
}

/* About Flexbox */
#about_container_flexbox {
display: flex;
flex-flow: row nowrap;
width: 100%;
}

#about_container_flexbox div {
padding: 10px;
width: 50%;
}

#about_container_flexbox div p {
text-align: justify;
}

/* ==========================================
MEDIA SCREEN BELOW
========================================== */
@media screen and (max-width: 990px) {
#about_container_flexbox {
flex-flow: column nowrap;
}

#about_container_flexbox div {
width: 100%;
margin: 0 auto;
}
}
/* ==========================================
MEDIA SCREEN ABOVE
========================================== */

#about_container_flexbox div h3 {
color: #D5B238;
text-align: center;
}

#three_pillars_flexbox {
display: flex;
flex-flow: row wrap;
justify-content: center;
width: 100%;
}

#three_pillars_flexbox div {
font-size: 18px;
text-align: center;
width: 33%;
font-weight: bold;
}

#three_pillars_flexbox div i {
color: #D5B238;
font-size: 25px;
}


/* 
VOLUNTEER SECTION
===============================================================================
*/
#volunteer_container img {
width: 100%;
}

#volunteer_container .right_pull {
text-align: right !important;
}

/* ==========================================
MEDIA SCREEN BELOW
========================================== */
@media screen and (max-width: 450px) {
#volunteer_container p {
text-align: justify;
}

#volunteer_container .right_pull {
text-align: justify !important;
}
}
/* ==========================================
MEDIA SCREEN ABOVE
========================================== */

#volunteer_container ul {
list-style: none;
}

#volunteer_container li {
padding-left: 1.3em;
}

#volunteer_container li:before {
content: "\f182";
color: #D5B238;
font-family: FontAwesome;
display: inline-block;
margin-left: -1.3em;
width: 1.3em;
}


/* 
TEAM SECTION
===============================================================================
*/
#team_flexbox {
display: flex;
flex-flow: row nowrap;
}

#team_flexbox div {
width: 33.3%;
text-align: center;
}

/* ==========================================
MEDIA SCREEN BELOW
========================================== */
@media screen and (min-width: 100px) and (max-width: 990px) {
#team_flexbox {
flex-flow: column nowrap;
}

#team_flexbox div {
width: 100%;
margin: 0 auto;
}
}
/* ==========================================
MEDIA SCREEN ABOVE
========================================== */

#team_flexbox img {
border-radius: 100%;
width: 200px;
height: 200px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

#team_flexbox img:hover {
filter: blur(2px);
}

#team_flexbox p {
padding: 10px;
text-align: justify;
}

#team_flexbox p.title {
text-align: center;
font-size: 20px;
font-style: italic;
color: #D5B238;
font-weight: bold;
}

#team_social_icons_flexbox {
display: flex;
flex-flow: row nowrap;
width: 290px;
margin: 0 auto;
justify-content: center;
text-align: center;
}

#team_social_icons_flexbox i {
margin: 0 5px;
}



/* 
PARTNER SECTION
===============================================================================
*/
#partner_flexbox_top,
#partner_flexbox_bottom {
display: flex;
flex-flow: row nowrap;
justify-content: center;
width: 100%;
margin: 10px 0;
}

#partner_flexbox_top img,
#partner_flexbox_bottom img {
width: 33%;
height: 100%;
max-height: 145px;
padding: 15px;
}

#partner_flexbox_bottom img.margin {
margin-top: 20px;
margin-left: 50px;
}

/* ==========================================
MEDIA SCREEN BELOW
========================================== */
@media screen and (min-width: 100px) and (max-width: 990px) {
#partner_flexbox_top,
#partner_flexbox_bottom {
flex-flow: column nowrap;
width: 100%;
}

#partner_flexbox_bottom .margin {
margin: 0 auto !important;
}

#partner_flexbox_top img,
#partner_flexbox_bottom img {
width: 50%;
margin: 0 auto;
height: 100%;
}
}
/* ==========================================
MEDIA SCREEN ABOVE
========================================== */


/* 
CONTACT SECTION
===============================================================================
*/
#contact_flexbox {
display: flex;
flex-flow: row nowrap;
width: 100%;
font-size: 20px;
}

#contact_flexbox div {
width: 50%;
}

#contact_flexbox i {
margin-right: 15px;
color: #D5B238;
}

#contact_flexbox i,
#contact_flexbox span {
margin-bottom: 10px;
}

#contact_flexbox address {
display: inline;
}

#social_icons_flexbox {
display: flex;
flex-flow: row nowrap;
justify-content: center;
}

#social_icons_flexbox a i {
color: black;
}

#social_icons_flexbox a:hover i {
color: #D5B238;
}

.wpcf7-submit {
border:none;
background-color: #D5B238;
padding: 10px;
color: white;
}

/* ==========================================
MEDIA SCREEN BELOW
========================================== */
@media screen and (min-width: 100px) and (max-width: 990px) {
#contact_flexbox {
flex-flow: column nowrap;
}

#contact_flexbox div {
text-align: center;
width: 100%;
margin: 0 auto;
}

#contact_flexbox label {
text-align: left;
}
}
/* ==========================================
MEDIA SCREEN ABOVE
========================================== */


/* ==========================================
HIDE SECTIONS FROM HOME PAGE
========================================== */

/*#clients, #team, #about, #features {
display:none !important;
}*/


/* ==========================================
FIX MENU ITEMS OVERFLOW
========================================== */

/*#menu-item-1604 > a {
font-size:9px !important;
letter-spacing: 0px !important;
padding-left:5px !important;
}

#menu-item-1603 > a {
letter-spacing: 0px !important;
padding-left:5px !important;
}*/

/* ==========================================
IT RESOURCES PAGE
========================================== */

#containerItResources {
	width:1000px;
	max-width: 80%;
	margin:0 auto;
}

b {
	border-bottom:2px solid #D3AE3D;
    margin-top:25px !important;
}

.listBoxes b {
	border-bottom: none;
margin-top:0;
}

.listBoxes {
	margin: 0 auto;
}

.flexboxItResources {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.flexboxItResources a{
	text-decoration: none;

}

.boxesWithHover {
	width:200px;
	height:200px;
	background-color: #D3AE3D;
	text-align: center;
	font-size:25px;
	line-height: 200px;
	margin:15px 15px;
  	border-radius:5px;
  	color:white;
}

.shadow2 {
	position:relative;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	transition-duration: 0.3s;
}

.shadow2:hover{
	background-color: white;
}

.shadow2:hover{
	color: #D3AE3D;
}

.shadow2:hover:before{
	  box-shadow: 0 23px 17px 0 #b5b5b5;
}

.shadow2:before{
  position:absolute;
  content:"";
  width:80%;
  top:140px;bottom:15px;left:20px;
  background-color:#D3AE3D;
  z-index:-1;
  -webkit-box-shadow:0 23px 17px 0 #D3AE3D;
  -moz-box-shadow:0 23px 17px 0 #D3AE3D;
  box-shadow: 0 23px 17px 0 #7c6720;
  -webkit-transform:rotate(-4deg);
  -moz-transform:rotate(-4deg);
  transform:rotate(-4deg);
  transition-duration: 0.3s;
}



.listBoxes {
	width:100%;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	border-radius:5px;
	margin:25px 15px;
	padding:15px;
	transition-duration: 0.3s;
}

.listBoxes:hover {
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.3) inset;
}

.listBoxes li {
	list-style-type: none;
	margin-bottom:10px;
}
#containerItResources > div:nth-child(7) > a:nth-child(2) > div > span
, #containerItResources > div:nth-child(7) > a:nth-child(7) > div > span, #containerItResources > div:nth-child(7) > a:nth-child(5) > div > span{
font-size:20px;
}

div.home-blog-entry-thumb.hovereffect > a > figure {
    max-height:277px;
}


/* ==========================================
 * Code for event section
 * Chris, January 16, 2018
 * ======================================= */
#team > div > div.row.multi-columns-row > div > div > ul {
	list-style-type: none;
	padding: 0;
}

#team > div > div.row.multi-columns-row > div > div > ul > li {
	box-shadow: 5px 5px 20px #d9d9d9;
	padding: 20px;
	text-align: center;
	margin-bottom: 15px;
	transition-duration: 1s;
}

/* On hover */
#team > div > div.row.multi-columns-row > div > div > ul > li:hover > h4 > a {
	color: #D3AE3E !important;
}

#team > div > div.row.multi-columns-row > div > div > ul > li:hover {
	transform: scale(1.03);
	box-shadow: 5px 4px 20px #b3b3b3;
}

/* Link color */
#team > div > div.row.multi-columns-row > div > div > ul > li > h4 > a {
	color: black !important;
	text-transform: uppercase;
}

@media screen and (min-width: 768px) {
	#team > div > div.row.multi-columns-row > div {
		width: 100% !important;
	}
	
	#team > div > div.row.multi-columns-row > div > div {
		width: 80% !important;
		margin: 0 auto !important;
	}
}