/* ===== ABOUT US PAGE STYLES ===== */
/* Page Title */
h1.page-tit {
    font-size: 2.7em;
    color: #fff;
    position: relative;
    margin-top: 0;
}

.page-title {
    font-size: 1.8em;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 50px;
}

.text-dark {
    color: #000!important;
}

/* Row & Columns */
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row:after,
.row:before {
    content: "";
    display: table;
    clear: both;
}

.cols-2, .cols-3, .cols-4, .cols-5, .cols-6, .cols-7, .cols-8, .cols-9, .cols-10, .cols-12 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 1px;
}

.cols-12 {
    width: 100%;
}

.cols-9 {
    width: 75%;
}

.cols-6 {
    width: 50%;
}

.cols-3 {
    width: 25%;
}

.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* Grey Boxes */
.grey-box {
    background: #212121;
    color: #fff;
    padding: 60px;
    border-radius: 6px;
}

.grey-box-2 {
    background: #101010;
    color: #fff;
    border-radius: 4px;
    padding: 52px;
}

.grey-box-2 > p {
    min-height: 78px;
}

.boxed-content {
    padding-left: 40px;
}

.boxed-content p:last-child {
    margin-bottom: 0;
}

.boxed-content .page-title {
    margin-bottom: 0;
}

.boxed-content p, .grey-box-2 p {
    color: #fff;
}

.grey-box-2 .page-title {
    margin-bottom: 0;
}

/* Spacing */
.space-medium {
    height: 30px;
}

.no-padding-top {
    padding-top: 0!important;
}

section {
    padding: 50px 0;
}

/* CTA Button */
.cta {
    display: inline-block;
    padding: 10px 19px;
    background: #ffc304;
    font-weight: 500;
    color: #000 !important;
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 1rem;
    cursor: pointer;
    text-decoration: none;
}

.cta:hover {
    background: #fff;
}

.searchbychar {
    text-decoration: none;
}

/* Social Lists */
ul.social-lists {
    padding: 0;
    list-style: none;
    margin-bottom: 10px;
}

.social-lists li {
    display: inline-block;
    line-height: normal;
    margin-bottom: 0;
}

.social-lists li a {
    display: inline-block !important;
    text-indent: -99999px;
    height: 30px;
    width: 30px;
    border: 1px solid #fff;
    padding: 8px;
    margin: 0 6px;
    border-radius: 100%;
    visibility: visible !important;
    opacity: 1 !important;
    orphans: unset !important;
    background-size: 50%;
    background-position: 50% 46%;
}

li.li a {
    background: url(https://insightscdn.manageengine.com/insights/sites/default/files/static/ft-linkedin.png) no-repeat 0 0;
    background-size: 50%;
    background-position: 50% 46%;
}

li.li a:hover {
    background-color: #0e76a8;
}

li.tw a {
    background: url(https://insightscdn.manageengine.com/insights/sites/default/files/static/ft-tw.png) no-repeat 0 3px;
    background-size: 45%;
    background-position: 50% 52%;
}

li.tw a:hover {
    background-color: #000;
}

li.fb a {
    background: url(https://insightscdn.manageengine.com/insights/sites/default/files/static/ft-fb.png) no-repeat 0 0;
    background-size: 42% !important;
    background-position: center;
}

li.fb a:hover {
    background-color: #4267b2;
}

li.in a {
    background: url(https://insightscdn.manageengine.com/insights/sites/default/files/static/ft-insta.png) no-repeat 0 0;
    background-size: 45%;
    background-position: center;
}

li.in a:hover {
    background: url(https://insightscdn.manageengine.com/insights/sites/default/files/static/ft-insta.png) no-repeat 0 0, linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) no-repeat;
    background-size: 45%, 100% !important;
    background-position: center;
}

li.yt a {
    background: url(https://insightscdn.manageengine.com/insights/sites/default/files/static/ft-yt.png) no-repeat 0 4px;
    background-size: 60%;
    background-position: center;
}

li.yt a:hover {
    background-color: red;
}

/* Newsletter Section */
.newsletter-section {
    padding: 50px 0;
}

.text-center {
    text-align: center;
}

/* Responsive */
@media only screen and (max-width: 1025px) {
    .cols-md-12 { width: 100%; }
    .cols-md-8 { width: 66.6%; }
    .cols-md-4 { width: 33.3%; }
    .cols-md-3 { width: 25%; }
}

@media only screen and (max-width: 650px) {
    .cols-sd-12 { width: 100%; }
    .cols-sd-9 { width: 75%; }
    .cols-sd-6 { width: 50%; }
    .cols-sd-3 { width: 25%; }
    .grey-box, .grey-box-2 { padding: 40px; }
    .boxed-content { padding-left: 0; }
    h1.page-tit { font-size: 2em; }
    .page-title { font-size: 1.5em; margin-bottom: 30px; }
}