figure table { margin: auto;width: 70%; text-align: left;}
#header-wrap {background-color: #0C3C60 !important;}
#primary-menu ul li > a { color:#fff;}
#primary-menu ul li.current > a, #primary-menu ul li:hover > a { color: #97add8;}
#content p {
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 1rem;

}
#content .container { }
.home-page { text-align: justify;}
.home-page p {text-align: justify !important;}

.container ul {margin-left: 30px; font-size: 16px;}
#footer.dark, .dark #footer { background-color: #0C3C60 !important;}
.dark #copyrights {
    color: #FFF;}
.heading-block h1 { color: #fffdfd;
    font-size: 44px !important;
}
.heading-block h4 {
    color: #fffdfd;
    font-size: 18px !important;
    font-weight: normal;
}
.heading-block h2, .fancy-title h3 {
    color: #0C3C60;
}
.icon-reorder { color: #fff;}
.pdt10 { padding-top: 10% !important;}
.pdt10px { padding-top: 10px !important;}
.pdt24 { padding-top: 24px !important;}
.pdt40 { padding-top: 40px !important;}
.pdt80 { padding-top: 80px !important;}
.mgt10 { margin-top: 12% !important;}
.mgt24 { margin-top: 6% !important;}
.spacer25 { height: 25px !important; clear: both;}
.spacer35 { height: 35px !important; clear: both;}

.social-icon { display: none !important; top: 77%;
    position: absolute;
    left: 44%;}
.icon-linkedin { color: #02538F;}
.team-image:hover .social-icon{ display: block !important; z-index: 3;}
.team-desc { text-align: justify !important;}
.team-image img { border: 2px #0C3C60 solid;padding: 2px;}
.team-image-div:hover .overlay-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    z-index: 2;
    text-align: center;
    background-color: rgb(0, 0, 0);
}
.team-title span { color: #0C3C60 !important; }

#header.full-header #primary-menu>ul {
    padding-right:0px !important; padding-left: 0px !important; margin-right: 0px !important;}
#header.full-header #logo { padding-right: 0px !important; margin-right: 0px !important; }
#primary-menu ul li>a { padding: 39px 8px;}
body.stretched #header.full-header .container { padding: 0 10px;}
.vertical-middle { padding-top: 6% !important;}
.vertical-middle p { color: #FFFFFF; font-size: 16px;}
.home-logo { padding-top: 2% !important;}
.pen-blue { color: #0C3C60; background-color: #FFF;}
p i strong, p span strong { color: #0C3C60;}

#intro {
    width: 100%;
    position: relative;
    background: url(/frontend/images/slider/home-banner.jpg) center bottom no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 400px 0 0 0;
}

.padd-section {
    padding-bottom: 100px !important;
    padding-top: 80px;
    background-color: #fff;
    width: 82%;
    margin: 43% auto 0 auto;
}

.padd-inner-section {
    padding-bottom: 100px !important;
    padding-top: 80px;
    background-color: #fff;
    width: 82%;
    margin: 25% auto 0 auto;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #logo a.retina-logo img { height: 52px;width: auto;margin-top: 20px;}
    #primary-menu > ul > li:hover { color: #97add8 !important;}
    .heading-block h1 { color: #fffdfd;
        font-size: 24px !important;
    }
    .heading-block h4 {
        color: #fffdfd;
        font-size: 10px !important;
        font-weight: normal;
    }
    .heading-block img { width: 150px !important;}
    .vertical-middle { top: 110% !important;}
    #primary-menu ul li.current > a, #primary-menu ul li:hover > a { color: #97add8;}
}

@media (min-width:576px)
{
    .container{max-width:540px}
}

@media (min-width:768px)
{
    .container{max-width:720px}
    .full-header { position: absolute !important; top: 0; right: 0; left: 0;}
    #footer { position: absolute !important; bottom: 0; width: 100%;}
    .home-page { padding: 0 3% 0 3%}
}

@media (min-width:992px)
{
    .container{max-width:960px}
    .home-page { padding: 0 3% 0 3%}
}

@media (min-width:1200px)
{
    .container{max-width:1140px}
    .home-page { padding: 0 3% 0 3%}
    .vertical-middle { margin-top: 0px !important;}
}

@media only screen and (min-resolution: 2dppx) {
    #logo a.retina-logo img { height: 52px;width: auto;margin: 20px auto;}
    #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
        height: 40px !important;
        width: auto;
        margin: 5px auto;
    }
    .home-page { padding: 0 3% 0 3%}
}