/*
Theme Name: CPL
Theme URI: 
Author: Redsignal
Author URI: http://redsignal.biz
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: CPL
*/

/* ------------------------ 
   Typography and Reset CSS
   ------------------------ */
*, *:after, *:before{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
* { max-height: 100000px; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }
body {
    margin: 0;
    min-width: 320px;
    color: #333;
    font: 18px/26px 'Archivo Narrow', Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    background: #fff;
}
p{
    margin: 0 0 1.2em;
}
img {
    vertical-align: top;
    border-style: none;
}
a {
    text-decoration: none;
    color: #f77d06 ;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
a>*{
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
a:hover,
a:focus,
a:active {
    color: #888;
    text-decoration: none;
}
*:focus { outline: none !important; }
input,
textarea,
select {
    font: 100% 'Archivo Narrow', Arial, sans-serif;
    vertical-align: middle;
    color: #666;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 0;
}
input:focus::-webkit-contacts-auto-fill-button{ opacity: 0; }
input::-ms-clear { display: none; }
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    -webkit-appearance: none;
    height: 51px;
    padding: 14px 17px 0;
    border: none;
    width: 100%;
    background: #fff;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 0;
    border: 0;
}
textarea {
    -webkit-appearance: none;
    height: 178px;
    padding: 17px;
    border: none;
    width: 100% !important;
    background: #fff;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}
select:focus::-ms-value {
    background-color: #fff; 
    color: #666;
}
input[type="number"] { -moz-appearance:textfield; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
::-webkit-input-placeholder {
    color: #666;
    text-transform: uppercase;
}
:-moz-placeholder {
    color: #666;
    opacity: 1;
    text-transform: uppercase;
}
::-moz-placeholder {
    color: #666;
    opacity: 1;
    text-transform: uppercase;
}
:-ms-input-placeholder {
    color: #666;
    text-transform: uppercase;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1171b7;
    font-family: 'Archivo Narrow', Arial, sans-serif;
    font-weight: 600;
    margin: 0 0 15px;
}
h1 {
    font-size: 65px;
    line-height: 70px;
}
h2 {
    font-size: 40px;
    line-height: 45px;
}
h3 {
    font-size: 32px;
    line-height: 36px;
}
h4 {
    font-size: 24px;
    line-height: 27px;
}
h5 {
    font-size: 20px;
    line-height: 23px;
}
h6 {
    font-size: 18px;
    line-height: 21px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: #333; }
blockquote,
q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table thead {}
table tbody {}
table tr th {
    font-weight: 300;
    color: #8c8c8c;
    padding: 15px 15px 15px 0;
}
table tbody tr td { padding: 15px 15px 15px 0;}
table tfoot tr td {}
p:empty{display: none;}
/* ----------- 
   Rich Editor
   ----------- */

.rich_editor_text h1,
.rich_editor_text h2,
.rich_editor_text h3,
.rich_editor_text h4,
.rich_editor_text h5 {
    margin-bottom: 10px;
}
.rich_editor_text p,
.rich_editor_text ul,
.rich_editor_text ol {
    margin-bottom: 10px;
}
.rich_editor_text ul {
    float: none;
    list-style: disc;
    margin-left: 0px;
}
.rich_editor_text .liststyle ul { padding-left: 0px; }
.rich_editor_text ol {
    list-style-type: decimal;
    margin-left: 0px;
    padding-left: 25px;
}
.rich_editor_text li { float: none; }
.rich_editor_text ul ul {
    list-style-type: circle;
    margin-bottom: 0;
    padding: 0 0 0 25px;
}

/* --------------- 
   Wordpress Reset
   --------------- */

.alignnone { margin: 0; }
.aligncenter,
div.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright {
    float: right;
    margin: 0 0 20px 40px;
}
.alignleft {
    float: left;
    margin: 0 40px 20px 0;
}
a img.alignright {
    float: right;
    margin: 0 0 20px 40px;
}
a img.alignnone {
    margin: 0;
}
a img.alignleft {
    float: left;
    margin: 0 40px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.screen-reader-text{display: none;}
/* Style For Rest of the theme */
#wrapper{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.container{
    max-width: 1261px;
    padding: 0 15px;
    margin: 0 auto !important;
    position: relative;
    z-index: 10;
}
.container:after{
    clear: both;
    content: '';
    display: block;
}
.top-bar{
    background: #0d5a92;
}
.top-bar a{
    color: #fff;
}
.top-bar a:hover{opacity: 0.8;}
.top-bar .tel-link{
    float: left;
    margin: 7px 0 0 9px;
    font-size: 22px;
    line-height: 24px;
}
.top-bar .tel-link img{
    vertical-align: middle;
    margin: -5px 21px 0 0px;
}
.top-bar ul{
    margin: 0;
    padding: 0;
    list-style: none;
    letter-spacing: -0.32em;
}
.top-bar ul li{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    margin: 0 0 0 4px;
}
.top-bar .align-right{
    text-align: right;
}
.top-bar a{
    display: block;
}
.top-bar a.job{
    background: #fe9b02;
    padding: 5px 13px 9px 18px;
}
.top-bar a.job .fa{
    font-size: 15px;
    margin: -2px 0 0 10px;
    vertical-align: middle;
}
.top-bar a.language{
    background: #0d5a92;
    padding: 4px 0 8px 26px;
}
.top-bar a.language .fa{
    height: 100%;
    width: 36px;
    position: relative;
    margin: -1px 0 0 8px;
    padding: 0 11px 0 0;
    vertical-align: middle;
}
.top-bar a.language .fa:after{
    content: '';
    border-left: 1px solid #c2daec;
    position: absolute;
    top: -6px;
    bottom: -7px;
    left: 0;
}
.top-bar .social-icons{
    margin: 0 8px 0 4px;
    border-left: 1px solid #fff;
    padding: 0 0 0 8px;
}
.top-bar .social-icons li{
    margin: 0 0 0 1px;
}
.social-icons .fa{
    display: block;
    padding: 6px;
    text-align: center;
    width: 33px;
}
.social-icons .fa-youtube{
    background: #c5362c;
}
.social-icons .fa-twitter{
    background: #558ac7;
}
.social-icons .fa-facebook{
    background: #38589b;
}
.social-icons .fa-linkedin{
    background: #0178b7;
}
.logo{
    float: left;
    width: 145px;
    position: relative;
    z-index: 2;
    margin: 0 0 0 9px;
}
.logo a,
.logo img{
    display: block;
    height: auto;
    width: 100%;
}
#header{
    position: relative;
    padding: 10px 0;
    z-index: 100;
}
#nav{
    float: left;
    width: 100%;
    margin: 0 0 0 -154px;
    padding: 34px 0 0 170px;
}
.main-navigation{
    margin: 0 -20px;
    padding: 0;
    list-style: none;
    letter-spacing: -0.32em;
    font-size: 23px;
    line-height: 28px;
    text-align: right;
}
.main-navigation>li{
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 18px;
    position: relative;
}
.main-navigation>li>a{
    color: #333;
    display: block;
    position: relative;
    padding: 0 0 13px;
}
.main-navigation>li.current-menu-item>a,
.main-navigation>li:hover>a,
.main-navigation>li>a:hover{
    color: #0d5a92;
}
.main-navigation li.menu-item-has-children>a:after{
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    height: 8px;
    width: 8px;
    margin: 0 0 0 -4px;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.main-navigation li.menu-item-has-children li.menu-item-has-children>a:after{
    left: 10px; 
    margin: 0; 
    bottom: 12px;
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
}
.main-navigation>li .sub-menu{
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    text-align: left;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    background: rgba(255,255,255,0.9);
    display: none;
    width: 250px;
    font-size: 20px;
    line-height: 25px;
}
.sub-menu li{
    margin: 0 0 5px;
    position: relative;
}
.sub-menu li a{
    display: block;
    padding: 5px 10px 5px 30px;
    color: #0d5a92;
    position: relative;
}
.sub-menu li:hover>a,
.sub-menu li>a:hover{color: #333;}
.main-navigation>li:hover>.sub-menu{
    display: block;
}
.main-navigation>li .sub-menu .sub-menu{
    left: 100%;
    right: auto;
    top: 0;
}
.sub-menu>li:hover>.sub-menu{
    display: block;
}
.main-banner{
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 71px 0 92px;
    position: relative;
    /*color: #0d5a92;*/
    color: white;
}
.main-banner:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
}
.main-banner.home{padding: 0;}
.main-banner.home .container{
    position: relative;
    z-index: 2;
    padding-bottom: 86px;
    padding-top: 50px;
}
.main-banner.home .banner-holder{
    letter-spacing: -0.32em;
}
.main-banner.home .banner-holder>*{
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}
.main-banner .text-area{
    width: 56%;
    padding: 45px 15px 30px 0;
    border-right: 1px solid #fff;
    margin: 0 -1px 0 0;
}
.white{
    color: #fff;
}
.main-banner h1{
    margin: 0 0 33px;
}
.main-banner.home h1{
    position: relative;
    padding: 60px 0 0;
    margin: 0 0 50px;
}
.main-banner.home h1:before{
    display: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 1px;
    background: #fe9b02;
}
.main-banner.home h1:after{
    content: '';
    position: absolute;
    top: 100%;
    right: 50%;
    height: 10px;
    width: 10px;
    margin: 80px -60px 0 0;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 110px 110px #fff;
    -moz-box-shadow: 0 0 110px 110px #fff;
    box-shadow: 0 0 110px 110px #fff;
}
.main-banner .sub-text{
    display: block;
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    margin: 0 0 50px;
}
.btn:hover{
    color: #fff;
    background: none;
}
.btn:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    background: url('images/icon-arrow.png') no-repeat;
    width: 29px;
    height: 20px;
    -webkit-transform: translateY(-45%);
       -moz-transform: translateY(-45%);
        -ms-transform: translateY(-45%);
         -o-transform: translateY(-45%);
            transform: translateY(-45%);
}
.btn.invert{
    border-color:#fe9b02;
    background: #fff;
    color: #fe9b02;
}
.btn.invert:after{
    background-image: url('images/icon-arrow-2.png');
}
.main-banner .service-area{
    border-left: 1px solid #fff;
    width: 44%;
    padding: 45px 27px 30px 104px;
}
.main-banner .service-area h2 .holder:before{display: none;}
.btn.find-job {
    background: none;
    display: block;
    margin: 0 0 26px -4px;
    font-size: 20px;
    line-height: 32px;
    border: none;
    padding: 10px 30px 10px 12px;
    position: absolute;
    top: 0;
    right: 0;
}
.btn.find-job:after{
    right: 0px;
    -webkit-transform: scale(0.6) translateY(-70%);
       -moz-transform: scale(0.6) translateY(-70%);
        -ms-transform: scale(0.6) translateY(-70%);
         -o-transform: scale(0.6) translateY(-70%);
            transform: scale(0.6) translateY(-70%);
}
.btn.find-job:hover{
    background: #1171b7;
}
.find-job .icon-search{
    position: relative;
    float: left;
    width: 55px;
    margin: 3px 33px 0 0;
}
.find-job .icon-search:after{
    content: '';
    position: absolute;
    right: 0;
    top: -7px;
    width: 1px;
    background: #fe9b02;
    height: 50px;
}
.main-banner h2{
    font-size: 33px;
    line-height: 38px;
    overflow: hidden;
    margin: 0 0 25px;
}
.main-banner h2 .holder{
    position: relative;
    padding: 0 20px 0 0;
}
.main-banner h2 .holder:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    height: 1px;
    background: #fff;
    width: 100%;
    margin: 2px -9999px 0 0;
    padding: 0 9999px 0 0;

}
.services-list{
    margin: 0 -11px;
    padding: 0 0 0 4px;
    list-style: none;
    letter-spacing: -0.32em;
    text-align: center;
}
.services-list li{
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    position: relative;
    padding: 10px 11px 11px 10px;
}
.services-list li:nth-child(2n):after{
    content: '';
    position: absolute;
    background: rgba(255,255,255,0.45);
    top: 25px;
    bottom: 25px;
    width: 1px;
    left: 0; 
}
.services-list li:nth-child(n+3):before{
    content: '';
    position: absolute;
    background: rgba(255,255,255,0.45);
    top: 0;
    right: 25px;
    height: 1px;
    left: 25px; 
}
.services-list a{
    display: block;
    border: 1px solid #fff;
    border-radius: 5px;
    background: rgba(89,155,205,0.9);
    min-height: 154px;
    font-size: 28px;
    line-height: 32px;
    padding: 28px 15px 15px;
    color: #fff;
}
.services-list li:nth-child(3n+1) a{
    background: #1071b6;
}
.services-list li:nth-child(3n+1) a:hover,
.services-list a:hover{
    color: #fff;
    background: #fe9b02;
}
.services-list a .img-holder{
    height: 60px;
    white-space: nowrap;
    margin: 0 0 19px;
}
.services-list a .img-holder:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 -5px;
    width: 1px;
    height: 100%;
}
.services-list a .img-holder img{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
.sectors-section{
    padding: 33px 0 36px;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
}
.sectors-section .container{
    max-width: 1420px;
}
.sectors-section h2{
    font-weight: normal;
    margin: 0 0 43px;
}
.sectors-section h2 .black{
    color: #333;
}
.single-cplsectors .wpb_wrapper .view-jobs{margin-top: 0;}
h2 .holder{
    position: relative;
    padding: 0 0 40px;
    display: inline-block;
}
h2 .holder:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #fff url('images/icon-logo.png') no-repeat center;
    width: 48px;
    height: 23px;
    margin: 0 0 0 -33px;
    z-index: 2;
}
h2 .holder:after{
    content: '';
    bottom: 0;
    height: 3px;
    background: #d0d7e3;
    position: absolute;
    left: 50%;
    margin: 0 0 9px -80px;
    width: 143px;
}
.sectors-section p{margin: 0 0 50px;}
.sectors-section .sector-list{
    letter-spacing: -0.32em;
    margin: 0 -12px 15px;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
}
.sector-list li{
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 12px 25px;
    max-width: 150px;
}
.sector-list a{
    display: block;
    color: #0d5a92;
    text-transform: uppercase;
}
.sector-list .img-holder{
    border-radius: 50%;
    background: #0d5a92;
    height: 125px;
    width: 125px;
    white-space: nowrap;
    margin: 0 auto 15px;
}
.sector-list .img-holder:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px;
    margin: 0 0 0 -5px;
}
.sector-list .img-holder img{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    height: auto;
    max-width: 100%;
}
.sector-list a:hover .img-holder{
    background: #fe9b02;
}
.sectors-section .section-holder .container{
    max-width: 1250px;
}
.sectors-section a.view-all{
    font-size: 18px;
    line-height: 20px;
    min-width: 200px;
    border: 2px solid #0d5a92;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    border-radius: 3px;
    color: #0d5a92;
}

.sectors-section a.view-all:hover{
    border-color: #fe9b02;
    color: #fe9b02;
}
.sector-list.inner{
    font-size: 23px;
    line-height: 30px;
    text-align: center;
    margin: 0 0 44px;
    padding: 0;
}
.sector-list.inner li{
    max-width: 295px;
    vertical-align: top;
    width: 295px;
    margin: 0 0 5px;
    text-align: left;
}
.sector-list.inner .img-holder{
    width: 76px;
    height: 76px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px 0 0;
    text-align: center;
}
.sector-list.inner .img-holder img{
    -webkit-transform: scale(0.6);
       -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
         -o-transform: scale(0.6);
            transform: scale(0.6);
}
.sector-list.inner a{text-transform: capitalize;}
.sector-list.inner .caption{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 7px 14px;
    letter-spacing: 1px;
    max-width: 190px;
}
.sectors-section .section-holder{
    overflow: hidden;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
}
.section-holder .row{
    overflow: hidden;
    padding: 10px 0;
}
.section-holder .row:nth-child(odd){
    background-image: url('images/bg-sector-row.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
}
.section-holder .row .img-holder{
    float: left;
    padding: 0 0 0 10px;
    max-width: 550px;
}
.section-holder .row:nth-child(odd) .img-holder{
    float: right;
    padding: 0;
}
.section-holder img{
    display: block;
    height: 100%;
    max-width: 100%;
    width: 100%;
}
.section-holder .text-holder{
    overflow: hidden;
    padding: 44px 0 9px 40px;
}
.section-holder .row:nth-child(odd) .text-holder{
    padding: 28px 30px 28px 8px;
}
.section-holder h2{
    position: relative;
    padding: 0 0 11px;
    margin: 0 0 14px;
    font-weight: bold;
}
.section-holder h2:after{
    content: '';
    width: 49px;
    height: 1px;
    background-color: #fe9b02;
    position: absolute;
    left: 0;
    bottom: 0;
}
.section-holder p{
    margin: 0 0 74px;
}
.main-banner.sector-inner h1{
    color: #fff;
}
.main-banner.sector-inner h1 .icon-holder{
    display: inline-block;
    vertical-align: middle;
    height: 59px;
    width: 59px;
    overflow: hidden;
    border-radius: 50%;
    background: #1071b6;
    padding: 13px;
    margin: 0 20px 0 0;
}
.main-banner.sector-inner h1 .icon-holder img{
    max-width: 100%;
    height: auto;
}
.sector-details{
    position: relative;
    font-size: 20px;
    l/*ine-height: 40px;*/
    line-height: 25px;
}
.sector-details:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.95);
}
.sector-details h2{margin: 0 0 35px;}
.sector-details strong{color: #1071b6;}
/*.sector-details p{margin: 0 0 50px;}*/
.sector-details p {margin: 0 0 1.2em;}
/*.sector-details .btn:after{display: none;}*/
.sector-details .btn{
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    background: #fe9b02;
    border: 1px solid #fe9b02;
    font-weight: normal;
}
.sector-details .btn:hover{
    background: #fff;
    color: #fe9b02;
}
.sector-details .btn:hover:after{
    background:url("images/icon-arrow-orange.png");
}
.job-placeholder{
    border: 1px solid #1071b6;
    border-radius: 3px;
    padding: 14px;
    max-width: 395px;
}
.job-placeholder a{
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    color: #1071b6;
}
.job-placeholder a:hover{color: #333;}
.job-list{
    padding: 14px 0;
    margin: 0;
    list-style: none;
}
.job-list>li{
    margin: 0;
    overflow: hidden;
}
.job-list>li+li{margin: 33px 0 0;}
.job-list .job-logo{
    border: 1px solid #dee2e1;
    height: 75px;
    width: 75px;
    float: left;
    padding: 10px;
    margin: 0 11px 0 0;
}
.job-list .job-logo:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 -5px;
    width: 1px;
    height: 100%;
}
.job-list .job-logo img{
    height: auto;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.job-list .job-details{
    overflow: hidden;
    background: #f1f2f4;
    padding: 5px 12px 2px;
    text-align: right;
}
.job-list .job-title{
    display: block;
    font-size: 20px;
    line-height: 22px;
    text-align: left;
    color: #333;
    margin: 0 0 5px;
}
.job-list .job-title a{color: #333;}
.job-list .job-title a:hover{color: #1071b6;}
.job-list .job-meta{
    list-style: none;
    margin: 0 -14px -14px;
    padding: 0;
    letter-spacing: -0.32em;
    text-align: left;
    color: #1071b6;
    font-size: 15px;
    line-height: 17px;
}
.job-list .job-meta li{
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    padding: 0 14px;
}
.job-list a.view-more{
    color: #f57a01;
    font-size: 17px;
    line-height: 20px;
}
.job-list a.view-more:hover{color: #1071b6;}
a.more{
    border-radius: 5px;
    margin: 0 0 0 4px;
    background: #1071b6;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    padding: 10px  36px 10px 15px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
a.more:hover{
    background: #fe9b02;
}
a.more:after{
    content: '';
    position: absolute;
    top: 50%;
    margin: -6px 0 0;
    right: 10px;
    background: url('images/icon-arrow.png') no-repeat;
    background-size: cover;
    height: 14px;
    width: 20px;
}
.sectors-section.single img{
    max-width: 100%;
    height: auto;
    display: block;
}
.insight-section{
    position: relative;
    color: #fff;
    text-align: center;
    padding: 39px 0 35px;
    font-size: 25px;
    line-height: 30px;
    background-repeat: no-repeat;
    background-size: cover;
}
.insight-section:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(16,113,182,0.85);
    /*background: rgba(0,0,0,0.2);*/
}
.insight-section .container{
    position: relative;
    z-index: 2;
    max-width: 1682px;
}
.insight-section h2{
    color: #fff;
    margin: 0 0 22px;
    font-weight: normal;
}
.insight-section h2 .holder{
    position: relative;
    display: inline-block;
    padding: 0 20px;
}
.insight-section h2 .holder:after,
.insight-section h2 .holder:before{
    content: '';
    background: url('images/icon-insight.png') no-repeat;
    position: absolute;
    left: 100%;
    top: 0;
    width: 28px;
    height: 39px;
    margin: 0;
}
.insight-section h2 .holder:before{
    left: auto;
    right: 100%;
}
.insight-section h3{
    font-size: 20px;
    line-height: 22px;
    min-height: 42px;
    color: #fff;
    font-weight: normal;
    margin: 0 0 19px;
    text-transform: uppercase;
    padding: 0 50px 0 0;
    position: relative;
}
.insight-section h3 .img{
    position: absolute;
    top: -12px;
    right: 10px;
}
.insight-section h3 .spacer,
.insight-section h3 img{
    display: inline-block;
    vertical-align: middle;
}
.insight-section h3 .spacer{
    height: 2px;
    width: 70px;
    margin: 0 7px;
    position: relative;
}
.insight-section h3 .spacer>.spacer{
    background-color: #fff;
    margin: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.insight-section .slide:hover h3 .spacer>.spacer{
    opacity: 0;
    visibility: hidden;
}
.insight-section .insight-slider{
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    letter-spacing: -0.32em;
    margin: 0 0 54px;
    padding: 0 71px;
}
.insight-slider .slide{
    width: 479px;
    border-radius: 4px;
    background: #1065a5;
    padding: 23px 7px 25px 27px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 14px;
}
.insight-slider .row{
    overflow: hidden;
}
.insight-slider .img-holder{
    float: left;
    width: 159px;
    height: 106px;
}
.insight-slider .img-holder img{
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.insight-slider .text-holder{
    overflow: hidden;
    padding: 0 0 0 20px;
    margin: 0 0 -7px;
}
.insight-slider .title{
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px;
    min-height: 60px;
}
.insight-slider .slide .icon{
    position: absolute;
    top: 19px;
    right: 17px;
}
.insight-slider .slide:hover {
    background: #fff;
    color: #333;
}
.insight-slider .slide a{color: #fff !important;}
.insight-slider .slide:hover a{
    color: inherit !important;
}
.insight-slider .bottom-bar{
    text-align: right;
    padding: 0 19px 0 0;
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.insight-slider .bottom-bar a{
    color: #fe9b02;
    font: 900 14px/16px 'lato', Arial, sans-serif;
    visibility: hidden;
    opacity: 0;
    position: relative;
    left: -20px;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.insight-slider .slide:hover .bottom-bar a{
    visibility: visible;
    opacity: 1;
    left: 0;
}
.insight-section .btn{
    background: none;
    font-size: 20px;
    line-height: 26px;
    padding: 16px 58px;
}
.insight-section .btn:hover{
    border-color: #fe9b02;
    color: #fe9b02;
}
.insight-section .btn:after{
    display: none;
}
.insight-section p{
    margin: 0 0 54px;
}
.insight-section .insight-slider p{
    margin: 0 0 15px;
}
.slick-next,
.slick-prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
    background: url('images/icon-arrow-slide.png') no-repeat;
    width: 38px;
    height: 27px;
    text-indent: -9999px;
    overflow: hidden;
    border: none;
    margin: 0;
    -webkit-transform: translateY(-65%);
       -moz-transform: translateY(-65%);
        -ms-transform: translateY(-65%);
         -o-transform: translateY(-65%);
            transform: translateY(-65%);
}
.slick-next{
    right: 0;
    left: auto;
    margin: 0;
    -webkit-transform: rotate(180deg) translateY(11px);
       -moz-transform: rotate(180deg) translateY(11px);
        -ms-transform: rotate(180deg) translateY(11px);
         -o-transform: rotate(180deg) translateY(11px);
            transform: rotate(180deg) translateY(11px);
}
.slick-next:hover,
.slick-prev:hover{opacity: 0.8;}
.statics-section{
    text-align: center;
    padding: 63px 0 33px;
}
.statics-section .container{
    max-width: 1530px;
}
.statics-section h2{
    margin: 0 0 80px;
}
.black{
    color: #333;
}
.statics-section h2 .holder{
    position: relative;
    padding: 0 0 45px;
    display: inline-block;
}
.statics-section h2 .holder:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #fff url('images/icon-logo.png') no-repeat center;
    width: 48px;
    height: 23px;
    margin: 0 0 0 -33px;
    z-index: 2;
}
.statics-section h2 .holder:after{
    content: '';
    bottom: 0;
    height: 3px;
    background: #d0d7e3;
    position: absolute;
    margin: 0 0 9px -102px;
    width: 184px;
    left: 50%;
}
.stats-list{
    margin: 0 -32px;
    padding: 0;
    list-style: none;
    letter-spacing: -0.32em;
}
.stats-list li{
    margin: 0 28px 50px;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}
.stats-list .caption{
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
}
.numbers-box{
    text-align: center; 
    text-transform: uppercase;
    margin: 0 0 30px;
}
.progress-circle {
   position: relative;
   padding: 0;
   width: 200px;
   height: 200px;
   background-color: #ccd5f2; 
   border-radius: 50%;
   margin: 0 auto 35px;
}
.progress-circle:after{
    border: none;
    position: absolute;
    top: 4px;
    left: 4px;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 192px;
    height: 192px;
    background-color: white;
    content: " ";
}
/* Text inside the control */
.progress-circle span.inner-text {
    position: absolute;
    text-align: center;
    display: block;
    z-index: 2;
    font-size: 40px;
    line-height: 188px;
    color: #000;
    top: 8px;
    left: 8px;
    bottom: 8px;
    right: 8px;
    background: #fff;
    border-radius: 100%;
}
.left-half-clipper { 
   /* a round circle */
   border-radius: 50%;
   width: 200px;
   height: 200px;
   position: absolute; /* needed for clipping */
   clip: rect(0, 200px, 200px, 100px); /* clips the whole left half*/ 
   z-index: 1;
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
   clip: rect(auto,auto,auto,auto);
}
.value-bar {
   /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/ 
   position: absolute; /*needed for clipping*/
   clip: rect(0, 100px, 200px, 0);
   width: 200px;
   height: 200px;
   border-radius: 50%;
   border: 8px solid #5673d2; /*The border is 0.35 but making it larger removes visual artifacts */
   /*background-color: #4D642D;*/ /* for debug */
   box-sizing: border-box;
  
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
   /*Progress bar for the first 50%, filling the whole right half*/
   position: absolute; /*needed for clipping*/
   clip: rect(0, 200px, 200px, 100px);
   background-color: #5673d2;
   border-radius: 50%;
   width: 200px;
   height: 200px;
}
.progress-circle.over80.over50 .value-bar{border-color: #5673d2;}
.progress-circle.over80.over50 .first50-bar{
    background-color: #5673d2;
}
.progress-circle:not(.over50) .first50-bar{ display: none; }
/* Progress bar rotation position */
.progress-circle.p0 .value-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(119deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }
.case-section{
    background-repeat: no-repeat;
    background-size: cover;
    padding: 78px 0 50px;
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
}
.case-section:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(16,113,182,0.85);
}
.case-section .container{
    position: relative;
    z-index: 2;
    max-width: 1432px;
}
.case-section h2{
    font-weight: normal;
    color: #fff;
    margin: 0 0 37px;
}
.case-section p{
    margin: 0 0 72px;
}
.case-slider{
    letter-spacing: -0.32em;
    padding: 0 71px;
    margin: 0 0 50px;
}
.case-slider>*{
    letter-spacing: normal;
}
.case-slider .slide{
    display: inline-block;
    vertical-align: top;
    margin: 0 12px;
    border: 1px solid #fff;
    position: relative;
}
.case-slider img{
    display: block;
    height: auto;
    width: 100%;
}
.case-slider .caption{
    position: absolute;
    bottom: 9px;
    right: 9px;
    left: 9px;
    font-size: 20px;
    line-height: 23px;
    color: #fff;
    text-align: left;
    padding: 15px 17px;
    background: rgba(16,113,182,0.85);
}
.case-slider .slide:hover .caption{
    background: rgba(254,155,2,0.95);    
}
.case-section .btn{
    background: none;
    padding: 21px;
    line-height: 22px;
    font-size: 20px;
    min-width: 310px;
    height: 64px;
}
.case-section .btn:hover{
    color: #ffa00e;
    border-color: #ffa00e;
}
.case-section .btn:after{display: none;}
.request-bar{
    background-size: cover;
    text-align: left;
    background-repeat: no-repeat;
    color: #fff;
    padding: 42px 5px 57px;
    background-image:url('https://cpl.com/wp-content/uploads/2017/05/bg-request.jpg');
}
.request-bar .vc_column_container,
.request-bar .container{
    max-width: 1224px;
    float: none;
    margin:0 auto;
}
.request-bar h2{
    color: #fff;
    text-transform: uppercase;
    font-size: 34px;
    line-height: 40px;
    margin: 0 0 10px;
}
.request-bar .sub-text{
    display: block;
    font-size: 25px;
    line-height: 30px;
}
.request-bar .align-left{
    float: left;
    max-width: 58%;
}
.request-bar .align-right{
    float: right;
    padding: 12px 22px 0 0;
    max-width: 42%;
}
.request-bar .btn{
    color: #fff;
    background: #f77d06;
    border: 1px solid #f77d06;
    padding: 16px 28px;
    font-size: 24px;
}
.request-bar .btn:hover {
    color: #fe9b02;
    background: none;
    border-color: #fe9b02;
}
.request-bar .btn:after{
    display: none;
}
.location-section{
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-color: #f8f9fb;
    text-align: center;
    padding: 39px 0;
}
.location-section h2{
    margin: 0 0 75px;
    color: #333;
}
.location-section h2 .holder{
    position: relative;
    padding: 0 0 30px;
    display: inline-block;
}
.location-section h2 .holder:before{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    background: #f8f9fb url('images/icon-logo.png') no-repeat center;
    width: 48px;
    height: 23px;
    margin: 0 0 0 -20px;
    z-index: 2;
    -webkit-transform: scale(1.35);
       -moz-transform: scale(1.35);
        -ms-transform: scale(1.35);
         -o-transform: scale(1.35);
            transform: scale(1.35);
}
.location-section h2 .holder:after{
    content: '';
    top: 100%;
    height: 3px;
    background: #d0d7e3;
    position: absolute;
    margin: 9px 0 0 -86px;
    width: 184px;
    left: 50%;
}
.map-holder{
    position: relative;
    max-width: 910px;
    margin: 0 auto;
}
.map-holder>img{
    display: block;
    width: 100%;
    height: auto;
}
.map-pin{
    position: absolute;
    top: 0;
    left: 0;
}
.popup-opener{
    display: block;
    position: relative;
    z-index: 1;
}
.map-pin.popup-active .popup-opener{
    position: relative;
    display: block;
    top: -55px;
    left: -20px;
}
.map-pin.pin1{
    left: 45%;
    top: 19%;
}
.map-pin.pin2{
    left: 18%;
    top: 34%;
}
.map-pin.pin3{
    left: 25%;
    top: 41%;
}
.map-pin.pin4{
    left: 47%;
    top: 13%;
}.map-pin.pin5{
    left: 52%;
    top: 52%;
}
.map-pin.pin6{
    left: 55%;
    top: 21%;
}.map-pin.pin7{
    left: 68%;
    top: 30%;
}
.map-pin.popup-active{
    z-index: 99;
}
.map-pin.popup-active .popup-opener .non-active,
.map-pin:not(.popup-active) .popup-opener .active-pin{
    display: none;
}
.popup-holder{
    position: absolute;
    top: -150%;
    left: -40%;
    border: 1px solid #fe9b02;
    background: rgba(255,255,255,0.9);
    width: 450px;
    padding: 20px 55px 20px 25px;
    display: none;
    z-index: 10;
}
.map-pin.pin2 .popup-holder{
    left: -100px;
}
.map-pin.pin3 .popup-holder{
    left: -120px;
}
.popup-holder:after{
    clear: both;
    content: '';
    display: block;
}
.popup-holder .close{
    position: absolute;
    top: -15px;
    left: -15px;
}
.gm-style-iw + div{
    left: -12px;
    top: -12px !important;
    right: auto !important;
    width: 27px !important;
    height: 27px !important;
    background: url('images/icon-close.png') no-repeat;
}
.gm-style-iw + div>img{display: none;}
.wpgmp_infowindow .img-holder,
.popup-holder .img-holder{
    float: left;
    width: 195px;
}
.wpgmp_infowindow .img-holder img,
.popup-holder .img-holder img{
    display: block;
    width: 100%;
    height: auto;
}
.location-list{
    margin: 0;
    padding: 0 0 0 25px;
    list-style: none;
    overflow: hidden;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
}
.location-list li{
    margin: 0 0 5px;
}
.location-list a{
    color: #333;
    display: block;
    position: relative;
    padding: 0 25px 0 0;
}
.location-list a .email{
    position: absolute;
    right: 0;
    top: 0;
}
.vc_custom_1499925766946{padding-top: 0 !important;}
.vc_custom_1499925766946 .wpb_button, .vc_custom_1499925766946 .wpb_content_element, .vc_custom_1499925766946 ul.wpb_thumbnails-fluid > li {margin-bottom: 0;}
.cpl-video{
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.video-section{
    padding: 84px 0 136px;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
    color: #fff;
    overflow: hidden;
}
.video-section:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(64,138,189,0.9);
    z-index: 1;
}
.video-js .vjs-tech{object-fit: cover;}
.flexible {
  position:absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.video-section .container{
    position: relative;
    z-index: 2;
}
.video-section h2{
    color: #fff;
    font-size: 50px;
    line-height: 56px;
    margin: 0 0 55px;
}
.video-section .video-link{
    display: block;
    margin: 0 auto 41px;
    width: 71px;
}
.video-section .video-link:hover{opacity: 0.8;}
.video-section .video-link img{
    display: block;
}
.video-section .caption{
    font-family: 'PT Serif', serif;
    font-size: 18px;
    line-height: 20px;
}
.video-holder .close-video,
.video-section .close-video{
    font-size: 50px;
    line-height: 60px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,0.7);
    z-index: 10;
    display: none;
}
body.video-active-body{
    overflow: hidden;
}
.cpl-video.video-active{
    height: 100vh !important;
}
.cpl-video.video-active.video-section:before{
    display: none;
}
.cpl-video.video-active .close-video{display: block;}
.cpl-video.video-active .container{
    opacity: 0;
    visibility: hidden;
    z-index: -99;
}
.client-section{
    text-align: center;
    /*padding: 44px 0 27px;*/
    background: #f3f3f3;
}
.client-section .container{
    /*max-width: 1141px;*/
}
.client-section .clients-details .slider-holder{background: none;}
.client-section h2{
    color: #333;
    /*margin: 0 0 52px;*/
}
.client-section a.view-all{
    border: 2px solid #0d5a92;
    color: #0d5a92;
    min-width: 200px;
    padding: 20px;
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
}
.client-section a.view-all:hover{
    border-color: #f77d06;
    color: #f77d06;
}
.client-section .tabset{
    letter-spacing: -0.32em;
    margin: 0 -15px 20px;
    padding: 0;
    list-style: none;
}
.client-section .tabset li{
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    padding: 0 16px;
    width: 25%;
}
.client-section .tabset a{
    display: block;
    min-height: 159px;
    padding: 30px 30px 40px;
    background: #fff;
    position: relative;
}
.client-section .tabset a:after{
    content: '';
    position: absolute;
    top: 100%;
    width: 57px;
    height: 57px;
    background: url('images/icon-zoom.png') no-repeat;
    left: 50%;
    margin: -27px 0 0 -27px;
}
.client-section .tabset a.active:after{
    background: url('images/icon-arrow-round.png') no-repeat;
}
.client-section .tabset a img{
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 100%;
}
.client-section .tab-content{
    background: #fff;
    text-align: left;
    padding: 21px 10px 70px 52px;
    font-size: 16px;
    line-height: 26px;
}
.client-section .tab-content .header-bar{
    overflow: hidden;
    margin: 0 0 4px;
}
.header-bar .logo-holder{
    float: left;
    max-width: 43px;
    height: 50px;
    white-space: nowrap;
}
.header-bar .logo-holder:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin: 0 0 0 -5px;
}
.header-bar .logo-holder img{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    height: auto;
    max-width: 100%;
}
.client-section .tab-content .header-bar h3{
    overflow: hidden;
    font-size: 40px;
    line-height: 50px;
    color: #333;
    padding: 2px 0 0 15px;
    margin: 0;
    text-transform: capitalize;
}
.client-section .tab-content .row{
    overflow: hidden;
    letter-spacing: -0.32em;
    margin: 0 -10px;
}
.client-section .tab-content .col{
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 33.33%;
    padding: 0 10px;
}
.client-section .tab-content .col .text-area{
    background: #f3f3f3;
    padding: 28px 10px 15px 36px;
    font-size: 15px;
    line-height: 25px;
}
.client-section .tab-content .text-area p{
    margin: 0 0 8px; 
}
.client-section .tab-content h4{
    color: #333;
    margin: 0 0 26px -6px;
    font-size: 30px;
    line-height: 32px;
    font-weight: normal;
}
.client-section .tab-content h4 img,
.client-section .tab-content h4 span{
    display: inline-block;
    vertical-align: middle;
}
.client-section .tab-content h4 span{
    margin: 0 0 0 10px;
}
.client-section .tab-content .col a{
    text-transform: uppercase;
    color: #0f72b6;
}
.client-section .tab-content .col a:hover{
    color: #333;
}
.client-section .tab-content .col:last-child{
    padding: 14px 1px 0 10px;
    width: 31%;
}
.client-section .tab-content .col:last-child h4{
    color: #fa9404;
    margin: 0 0 4px;
    font-size: 26px;
}
.client-section .tab-content dl{
    font-size: 22px;
    line-height: 30px;
}
dl{
    margin: 0;
}
dl dt{
    float: left;
    color: #1071b6;
    margin: 0 6px 0 0;
}
dl dd{
    margin: 0;
}
.js-tab-hidden {
    display:block !important;
    left:-9999px !important;
    position: absolute !important;
    top:-9999px !important;
}
.event-section{
    background: #438bbf;
    color: #fff;
    text-align: center;
    padding: 33px 0 40px;
    background-repeat: no-repeat;
    background-size: cover;
}
.event-section .container{
    max-width: 1342px;
}
.event-section h2{
    color: #fff;
    margin: 0 0 52px;
    font-size: 43px;
    line-height: 48px;
}
.event-slider{
    letter-spacing: -0.32em;
    margin: 0 ;
    padding: 0 71px 40px;
}
a.view-all{
    border: 2px solid #fff;
    color: #fff;
    min-width: 200px;
    padding: 20px;
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
}
a.view-all:hover{
    border-color: #f77d06;
    color: #f77d06;
}
.event-slider .slide{
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 15px;
}
.event-slider .slide .holder{
    background: #fff;
    color: #333;
    text-align: left;
    overflow: hidden;
    padding: 38px 33px 21px 37px;
}
.event-slider .slide .img-holder{
    float: left;
    width: 161px;
    height: 109px;
    padding: 8px 0 0;
}
.event-slider .slide .img-holder a{
    display: block;
    height: 100%;
}
.event-slider .slide .img-holder img{
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.event-slider .slide .text-holder{
    padding: 0 0 40px 50px;
    font-size: 16px;
    line-height: 25px;
    overflow: hidden;
    position: relative;
}
.event-slider .slide h3{
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 19px;
}
.event-slider .slide p{
    margin: 0 0 6px;
}
.event-slider .slide .more{
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 20px;
    border-radius: 3px;
    border-bottom: 1px solid #333;
    background: #1889c1;
    position: absolute;
    bottom: 0;
    right: 0;
}
.event-slider .slide .more:after{
    display: none;
}
.event-slider .slide .more:hover{
    background-color: #fe9b02;
}
#footer{
    overflow: hidden;
    position: relative;
    color: #fff;
}
#footer a{color: #fff;}
#footer a:hover{color: #ccc;}
#footer h3{
    color: #fff;
    margin: 0 0 11px;
    font-size: 23px;
    line-height: 30px; 
}
.footer-holder{
    background: #16629e;
    padding: 69px 0 38px;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-holder .row{
    overflow: hidden;
    letter-spacing: -0.32em;
}
.footer-holder .col{
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 20%;
}
.footer-holder .col:last-child{
    width: 40%;
    padding: 0 0 0 11%;
}
#footer .footer-holder .col:last-child h3{
    margin: 0 0 25px;
}
#footer .bottom-bar{
    background: #1071b6;
    padding: 26px 0;
    overflow: hidden;
}
#footer .footer-text{
    float: right;
    max-width: 77%;
}
.copyright{
    float: left;
    max-width: 23%;
}
#footer .menu{
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    font-style: italic;
}
#footer .menu li{
    position: relative;
    padding: 0 0 0 38px;
    margin: 0 0 14px;
}
#footer .menu li:after{
    content: '';
    height: 6px;
    width: 6px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 5px;
}
.blog-list{
    margin: 0 0 0 -3px;
    padding: 0;
    list-style: none;
}
.blog-list li{
    margin: 0 0 20px;
}
.blog-list a{
    display: block;
    overflow: hidden;
    letter-spacing: -0.32em;
}
.blog-list .img-holder{
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #fff;
    width: 101px;
    margin: 7px 0 0;
    letter-spacing: normal;
}
.blog-list .img-holder img{
    display: block;
    height: auto;
    width: 100%;
}
.blog-list .text-holder{
    max-width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 15px;
    letter-spacing: normal;
}
#footer .bottom-bar .container{
    max-width: 1272px;
}
#footer .footer-holder .container{
    max-width: 1212px;
}
/* brand page styling */
.main-banner .container{ position: relative; }
.main-banner.brand{
    padding: 57px 0 100px;
}
.main-banner.brand h1{
    padding: 0;
    margin: 0 0 24px 16px;
}
.main-banner .desc{
    font-size: 25px;
    line-height: 30px;
    max-width: 814px;
    border-radius: 5px;
    color: #fff;
    background: rgba(16,113,182,0.7);
    padding: 17px 25px 1px;
    overflow: hidden;
    margin: 0 0 0 11px;
}
.main-banner .desc p{margin: 0 0 14px;}
.main-banner .back-page{
    position: absolute;
    right: 0;
    top: 100%;
    background: #3B71B7;
    color: #fff;
    padding: 10px 12px;
}
.about-cpl{
    text-align: center;
    padding: 29px 0 0;
}
.about-cpl .container{
    max-width: 1272px;
}
.about-cpl .heading-area{
    overflow: hidden;
}
.about-cpl .heading-area .container{
    overflow: hidden;
}
.about-cpl h2{
    margin: 0 0 29px;
}
.about-cpl .list-container{
    background-repeat: no-repeat;
    background-size: cover;
    padding: 59px 0 100px;
}
.group-list{
    margin: 0 auto;
    max-width: 1270px;
    padding: 0;
    letter-spacing: -0.32em;
}
.brand-box{
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 0 20px;
    text-align: left;
}
.brand-box a{
    display: block;
    background: #f6f4f4;
    color: #1071b6;
    font-size: 19px;
    line-height: 30px;
}
.brand-box img{
    display: block;
    width: 100%;
    height: auto;
}
.brand-box a .caption{
    display: block;
    position: relative;
    padding: 9px 50px 14px 20px;
}
.brand-box a .caption:after{
    content: '';
    position: absolute;
    top: 50%;
    margin: -12px 0 0;
    right: 22px;
    height: 21px;
    width: 21px;
    background: url('images/icon-small-arrow.png') no-repeat;
}
.brand-box a:hover{
    color: #333;
}
#main{
    position: relative;
    overflow: hidden;
    width: 100%;
}
/* contact page styles */
.contact-block div.wpcf7{
    position: absolute;
    top: 0;
    max-width: 1260px;
    margin: 0 auto;
    width: 100%;
    right: 0;
    left: 0;
    padding: 40px 15px 0;
}
.contact-block div.wpcf7 form{
    max-width: 568px;
    background: rgba(82,155,208,0.81);
    margin: 0 0 0 auto;
    padding: 10px 20px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    z-index: 99;
}
.contact-block div.wpcf7 h1{
    font-size: 30px;
    line-height: 40px;
    color: #fff;
}
.contact-block div.wpcf7 .wpcf7-form-control-wrap{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 0 7px 14px;
}
.contact-block div.wpcf7 input[type="text"],
.contact-block div.wpcf7 input[type="tel"],
.contact-block div.wpcf7 input[type="email"],
.contact-block div.wpcf7 textarea{
    height: 40px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 15px;
    font-weight: bold;
    border-radius: 3px;
}
.contact-block div.wpcf7 textarea{
    height: 147px;
    border-radius: 3px;
}
.contact-block div.wpcf7 .row{margin: 0 -7px;}
.contact-block div.wpcf7 .row.full .wpcf7-form-control-wrap{
    display: block;
    width: 100%;
}
.contact-block div.wpcf7 p{text-align: right; margin: 0;}
.contact-block div.wpcf7 button{
    background: #408dc5 !important;
    border: 1px solid #fff !important;;
    color: #fff !important;;
    border-radius: 3px;
    font-size: 16px !important;;
    line-height: 26px !important;;
    padding: 10px 69px 10px 23px !important;;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
.contact-block div.wpcf7 button:hover{
    background-color: #ff9c06;
}
.contact-block div.wpcf7 button:after{
    content: '';
    pointer-events: none;
    position: absolute;
    top: 13px;
    right: 15px;
    background: url('images/icon-contact.png') no-repeat;
    width: 35px;
    height: 21px;
}
.contact-block .mktoForm .mktoAsterix {
    color: #bf0000;
    float: left;
    padding: 8px 0 0 5px;
}
.contact-block .mktoForm .mktoLabel{color:#fff;}



.header-search .search-holder{position: relative;}
.header-search .search{ background: #fe9b02; color: #fff; width: 25px; height: 25px; line-height: 25px; font-size: 12px; text-align: center; border-radius: 50%;}
.header-search .holder{ position: absolute; right: 0; top: -3px; width: 280px; display: none;}
.header-search .btn-search{ border: 0; padding: 0; color: #fff; width: 25px; height: 25px; font-size: 12px; cursor: pointer; line-height: 25px; text-align: center; border-radius: 50%; background: #fe9b02;}
.header-search .search-hold{ float: left; width: 240px; position: relative; }
.header-search .search-hold:after{ left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 8px; margin-top: -8px; }
.header-search .search-input{ width: 100%; float: left; height: 30px; font-size: 14px; line-height: 28px; padding: 3px 15px 0; text-transform: capitalize !important;}
.searchpage{margin-bottom: 80px;}
.searchpage:after{background: rgba(16,113,182,0.85);}
.searchpage h1{font-size: 35px; margin: 0;}
.searchresultbox{display: inline-block;vertical-align: top;width: 49.7%;font-size: 15px;line-height: 1.4;padding: 0 15px;margin: 0 0 60px;}
.searchresultbox h2{ font-size: 20px; line-height: 1.2; margin: 0 0 5px;}
.searchresultbox .img-holder{ overflow: hidden; margin: 0 0 20px; }
.searchresultbox .img-holder img{ display: block; width: 100%; height: 290px; object-fit: cover;}
.searchresultbox .post-content{margin: 0 0 15px;}
.searchresultbox .h-readmore a{ color: #fff; text-transform: uppercase; font-size: 12px; line-height: 15px; padding: 10px 20px; border-radius: 3px; border-bottom: 1px solid #333; background: #1889c1; display: block; text-align: center; max-width: 200px; }
.searchresultbox .h-readmore a:hover{opacity: 0.9;}
.search-resultsbox .col-search{float: left;width: 1000px;margin: 0 -15px 0 -15px;}
.nav-links{text-align: center; margin-bottom: 50px;}
.nav-links .page-numbers.current{border-color: #3797dd; color: #333;}
.nav-links .page-numbers { display: inline-block; min-width: 50px; height: 50px; border: 1px solid #e1e1e1; color: #bcbcbc; font-size: 16px; line-height: 48px; vertical-align: middle; margin: 0 3px;}
.nav-links a.page-numbers:hover{border-color: #3797dd; color: #333;}
.nav-links span.page-numbers.dots { display: inline-block; vertical-align: middle; margin: 0 5px; border: 0;}
.nav-links a.page-numbers.prev,
.nav-links a.page-numbers.next{ padding: 0 30px;}
@media screen and (max-width:1335px){
    .search-resultsbox .col-search{width: 80%;}
}
@media screen and (max-width:1070px){
    .search-resultsbox .col-search{width: 76%;}
}
@media screen and (max-width:930px){
    .searchresultbox{width: 49.6%;}
    .search-resultsbox .col-search{width: 73%;}
    .searchresultbox .img-holder img{height: 210px;}
}
@media screen and (max-width:820px){
    .search-resultsbox .col-search{width: 71%;}
}
@media screen and (max-width: 767px){
    .search-resultsbox .col-search { width: auto; float: none;}
}
@media screen and (max-width: 570px){
    .searchresultbox{width: 100%; display: block;}
}
@media screen and (min-width:768px){
    style + .mktoFormRow .mktoFormCol{
        float: left;
        padding: 0 7px;
        width: 50% !important;
    }
    .mktoFormRow + .mktoFormRow{
        float: left;
        width: 50%;
        padding: 0 7px;
        clear: none !important;
    }
     .mktoFormRow:nth-child(7){
        float: none;
        width: 100%;
    }
    .mktoFormRow:nth-child(8) {
            width: 100%;
        }
        .mktoForm .mktoCheckboxList {
                width: auto !important;
        }
    .mktoCheckboxList #emailConsent {
        -webkit-appearance: checkbox;
    }
}
@media screen and (max-width:480px){
        .mktoForm .mktoFormRow:nth-child(8) .mktoLabel {
          float:right !important;
          width: 85% !important;
        }
        .mktoForm .mktoCheckboxList {
            width: auto !important;
          float:left !important;
          width:15% !important;
        }
        .mktoCheckboxList #emailConsent {
            -webkit-appearance: checkbox;
        }
}
.contact-block .mktoButtonWrap.mktoSimple{
    margin: 5px 0 4px 7px !important;
    display: block;
}
.wpgmp_map_container{
    z-index: 99;
}
/* About Us Page */
.about-us{
    padding: 45px 0 35px;
    font-size: 20px;
    line-height: 30px;
}
.about-us h2{
    font-weight: normal;
    text-align: center;
}
.blue{
    color: #1071b6;
}
.about-us p{
    margin: 0 0 35px;
}
.page-box{
    max-width: 247px;
    min-height: 197px;
    border-radius: 3px;
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto 30px;
}
.page-box:before{
    height: 4px;
    content: '';
    position: absolute;
    right: 10px;
    left: 10px;
    border-radius: 3px 3px 0 0;
    border-top: 1px solid #1e77b9;
    background-color: #f88311;
    bottom: 100%;
}
.page-box:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50px;
    height: 150px;
    right: 50px;
    border-radius: 50%;
    -webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.31);
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.31);
}
.page-box a{
    display: block;
    height: 100%;
    color: #fff;
    white-space: nowrap;
    background: rgba(80,166,230,0.95);
    border-radius: 3px;
    position: relative;
    z-index: 10;
    border: 3px solid #fff;
    font-size: 35px;
    line-height: 40px;
    padding: 10px;
}
.page-box a:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 195px;
    width: 1px;
    margin: 0 0 0 -5px;
}
.page-box a:hover{
    background: rgba(80,166,230,0.80);
}
.page-box a>.holder{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
.page-box .icon-holder{
    height: 74px;
    white-space: nowrap;
    margin: 0 0 24px;
}
.page-box .icon-holder:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px;
    margin: 0 0 0 -5px;
}
.page-box .icon-holder img{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
.page-box .caption{
    position: relative;
    display: block;
    padding: 0 40px;
}
.page-box .caption:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin: -8px 0 0;
    background: url('images/icon-arrow.png') no-repeat;
    background-size: cover;
    width: 22px;
    height: 15px;
}
.page-link-section .wpb_column{
    position: relative;
}
.page-link-section .wpb_column:after{
    content: '';
    position: absolute;
    right: 88%;
    top: 50%;
    height: 1px;
    width: 111px;
    background-color: #db4416;

}
.page-link-section .wpb_column:first-child:after{
    display: none;
}
.staff-section{
    padding: 50px 0 30px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.staff-section .container{
    max-width: 1300px;
}
.staff-section h2{
    margin: 0 0 50px;
    font-weight: normal;
}
.staff-section h2 .black{
    color: #333;
}
.staff-slider{
    padding: 0 54px 30px;
}
.staff-slider .slick-next,
.staff-slider .slick-prev{background-image:url('images/icon-arrow-blue.png');}
.staff-slide{
    max-width: 264px;
    margin: 0 16px;
}
.staff-slide .img-holder{
    position: relative;
    margin: 0;
}
.staff-slide .img-holder img{
    display: block;
    height: auto;
    width: 100%;
}
.staff-slide .img-holder:after{
    background: rgba(16,113,182,0.65);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    display: none;
}
.staff-section  .staff-slide .btn{
    display: none;
    background: none;
    border-color: #fff;
    color: #fff;
    font-size: 17px;
    line-height: 21px;
    padding: 13px;
    min-width: 143px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.staff-slide .btn:after{
    display: none;
}
.staff-slide:hover .img-holder:after,
.staff-slide:hover .btn{
    display: block;
}
.staff-slide .text-holder{
    background: #f8f8f8;
    padding: 20px 10px 57px;
    border-color: #ececec;
    border-style: solid;
    border-width: 0 2px 2px;
}
.staff-slide .title{
    display: block;
    font-size: 20px;
    line-height: 24px; 
    color: #1071b6;
    margin: 0 0 5px;
}
.staff-slide .designation{
    font-size: 15px;
    line-height: 18px;
    color: #333;
    display: block;
    margin: 0 0 15px;
}
.social-links{
    letter-spacing: -0.32em;
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 -1px 0 -2px;
}
.social-links li{
    display: inline-block;
    vertical-align: bottom;
    letter-spacing: normal;
    margin: 0 1px 0 2px;
}
.social-links a{display: block;}
.social-links a:hover{opacity: 0.8;}
.staff-section .btn{
    color: #1071b6;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    padding: 15px;
}
.staff-section .btn:after{
    display: none;
}
.staff-section .btn:hover{
    color: #fe9b02;
    border-color: #fe9b02;
}
.cpl-features{
    overflow: hidden;
}
.cpl-features .features-holder{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.cpl-features .left-block,
.cpl-features .right-block{
    display: table-cell;
    width: 50%;
    vertical-align: top;
    background-size: cover;
    background-repeat: no-repeat;
}
.cpl-features .left-block{
    padding: 73px;
}
.cpl-features h2{
    font-size: 65px;
    line-height: 70px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    background: rgba(16,113,182,0.70);
    border-radius: 3px;
    padding: 14px 44px 14px 24px;
    margin: 0 0 11px;
}
.cpl-features .sub-text{
    background: rgba(219,68,22,0.70);
    overflow: hidden;
    border-radius: 3px;
    padding: 15px 25px 5px;
    color: #fff;
    font-size: 20px;
    line-height: 29px;
}
.cpl-features .sub-text p{margin: 0 0 10px;}
.cpl-features .right-block{
    padding: 72px 57px 10px;
}
.features-list{
    padding: 0;
    margin: 0;
    list-style: none;
    max-width: 600px;
}
.features-list li{
    margin: 0 0 60px;
    position: relative;
    padding: 0 0 0 47px;
}
.features-list li:before{
    content: '';
    background: url('images/icon-tick.png') no-repeat;
    height: 30px;
    width: 33px;
    position: absolute;
    top: 5px;
    left: 0;
}
.features-list .title{
    font-size: 30px;
    line-height: 34px;
    display: inline-block;
    margin: 0 0 20px;
    position: relative;
    padding: 0 43px 0 0;
}
.features-list .title:after{
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    background: url('images/icon-chevron.png') no-repeat;
    width: 24px;
    height: 24px;
}
.features-list .title a{ color: #333; }
.features-list a{color: #1071b6;}
.features-list a:hover{color: #333;}
.values-section{
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 32px 0 20px;
}
.values-section h2{
    font-weight: normal;
    margin: 0 0 15px;
}
.values-section .sub-text{
    font-size: 20px;
    line-height: 30px;
    display: block;
    margin: 0 0 5px;
}
.values-section .col-holder{
    letter-spacing: -0.32em;
    max-width: 950px;
    margin: 0 auto;
}
.values-section .col{
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    text-align: justify;
    font-size: 16px;
    line-height: 30px;
    padding: 35px 10px 0;
}
.values-section .col.center{
    padding: 0 10px;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
    text-align-last: center;
}
.values-section h3{
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 12px;
}
.values-section h3.purple{color:#612363;}
.values-section h3.green{color:#80b826;}
.values-section h3.orange{color:#ec6b1f;}
.values-section h3.blue{color:#1baee3;}
.values-section h3.red{color:#c7232e;}
.values-section .col img{
    display: block;
    margin: 0 auto 16px;
    max-width: 100%;
    height: auto;
}
.values-section .col .text-box{
    padding: 0 0 20px;
}
.values-section .col p{
    margin: 0 0 20px;
}
.investors-section{
    text-align: center;
    padding: 50px 0 70px;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 15px;
    line-height: 30px;
}
.investors-section h2{
    color: #fff;
    font-weight: normal;
    margin: 0 0 30px;
}
.investors-section .col-holder{
    letter-spacing: -0.32em;
    margin: 0 -25px;
}
.investors-section .col{
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 0 25px;
    text-align: left;
}
.investors-section .img-holder{
    position: relative;
}
.investors-section .img-holder a:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    content: '';
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.investors-section .img-holder a:hover:after{ opacity: 1; }
.investors-section .img-holder a{
    display: block;
    position: relative;
}
.investors-section .img-holder img{
    display: block;
    width: 100%;
    height: auto;
}
.investors-section .text-holder{
    background: #fff;
    padding: 16px 16px 5px;
}
.corporate-section{
    overflow: hidden;
    font-size: 18px;
    line-height: 30px;
}
.corporate-section h2{
    color: #333;
    margin: 0 0 40px;
}
.corporate-section p{
    margin: 0 0 60px;
}
.corporate-section .btn{
    background: #1071b6;
    min-width: 286px;
}
.corporate-section .btn:hover{color: #333;}
.corporate-section .holder{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.corporate-section .left-block{
    background-size: cover;
    background-repeat: no-repeat;
}
.corporate-section .left-block,
.corporate-section .right-block{
    display: table-cell;
    vertical-align: top;
}
.corporate-section .right-block{
    background: #eee;
    padding: 50px 75px;
}
.clients-details{
    text-align: center;
    padding: 35px 0 0;
}
.clients-details h2{
    /*font-weight: normal;*/
    font-weight: 600;
}
.clients-details .slider-holder{
    background: #f5f6f8;
    padding: 40px 10px;
}
.logo-list-home,
.logo-list{
    margin: 0 auto;
    padding: 0 75px;
    list-style: none;
    letter-spacing: -0.32em;
    max-width: 1300px;
}
.logo-list-home{margin-bottom: 40px;}
.logo-list-home li,
.logo-list li{
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 10px;
    padding: 0 10px;
    width: 216px;
    height: 153px;
    border-radius: 5px;
    background: #fff;
    white-space: nowrap;
}
.logo-list-home li:after,
.logo-list li:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px;
    margin: 0 0 0 -5px;
}
.logo-list-home img,
.logo-list img{
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
.logo-list-home .slick-next, .logo-list-home .slick-prev{background-image:url('images/icon-arrow-blue.png');}
.logo-list .slick-next, .logo-list .slick-prev{background-image:url('images/icon-arrow-blue.png');}
.clients-inner h2{
    color: #333;
    font-weight: bold;
}
.clients-inner .slider-holder{background: none;}
.timeline-section{
    padding: 75px 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
.timeline-section .container{
    max-width: 1625px;
}
.timeline-section h2{
    font-weight: normal;
    margin: 0 0 150px;
}

.timeline{
    margin: 0;
    padding: 0 0 20px;
    list-style: none;
    letter-spacing: -0.32em;
}
.timeline .slide{
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 260px;
    position: relative;
    white-space: normal;
    padding: 0 20px 15px;
}
.timeline .slide:before{
    content: '';
    background: url('images/bg-timeline-item.png') repeat-x;
    height: 11px;
    width: 195px;
    position: absolute;
    left: -100px;
    top: 17px;

}
.timeline .slide:first-child:before{display: none;}
.timeline .img{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fd860d;
    white-space: nowrap;
    margin: 0 auto 35px;
    padding: 0 2px 4px 0;
}
.timeline .img:after{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin: 0 0 0 -5px;
    width: 1px;
    content: '';
}
.timeline .img img{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
.timeline .date{
    display: block;
    color: #1071b6;
    font-size: 30px;
    line-height: 32px;
    margin: 0 0 10px;
}
.timeline .timeline-opener{
    display: block;
    margin: 0 auto;
    background: url('images/icon-chevron.png') no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    position: relative;
    z-index: 10;
    overflow: hidden;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.timeline .timeline-opener.active{
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);   
}
.timeline .award-box{
    background: #f8f8f8;
    border-radius: 5px;
    box-shadow: 0 0 15px 5px rgba(10,10,10,0.2);
    padding: 15px 15px 0;
    overflow: hidden;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
    position: relative;
    top: -6px;
}
.timeline .award-box .award-title,
.timeline .award-box .award-detail{
    display: block;
    color: #1071b6;
    margin: 0 0 18px;
}
.timeline .award-box a{color: #1071b6;}
.timeline .award-box a:hover{color: #fd860d;}
/* Sidebar */
.blog-section .container{
    max-width: 1180px;
}
.main-banner.blog-banner{
    text-align: center;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
    padding: 95px 0 48px;
}
.main-banner.blog-banner h1{
    color: #fff;
    margin: 0 0 12px;
}
.blog-section{
    padding: 40px 0 60px;
}
#content{
    float: left;
    width: 100%;
    padding: 0 304px 0 0;
    margin: 0 -304px 0 0;
}
#sidebar{
    float: right;
    width: 232px;
}
#sidebar h3,
#sidebar h2{
    font-size: 25px;
    line-height: 35px;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 15px;
    margin: 0 0 48px;
}
#sidebar h3 span.border,
#sidebar h3:after,
#sidebar h2:after{
    content: '';
    position: absolute;
    height: 3px;
    width: 80px;
    background: #3797dd;
    bottom: -2px;
    left: 0;
}
.pis-ul li>p{margin: 0;}
.pis-ul,
.events-list{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.pis-ul li,
.events-list li{
    overflow: hidden;
    margin: 0 0 25px;
}
.pis-ul .pis-thumbnail,
.events-list .img-holder{
    float: left;
    width: 96px;
    height: 96px;
}
.pis-ul .pis-thumbnail img,
.events-list .img-holder img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.events-list .text-holder{
    padding: 0 0 0 14px;
    overflow: hidden;
    text-align: right;
}
.events-list .title{
    display: block;
    font-size: 18px;
    line-height: 25px;
    text-align: left;
    margin: 0 0 18px;
}
.events-list a{
    color: #f77d06;
    font-size: 16px;
    line-height: 18px;
}
.events-list a:hover{color: #333 !important;}
.events-box{
    margin: 0 0 12px;
}
.events-box .view-all{
    display: inline-block;
    vertical-align: top;
    border: 1px solid #000;
    padding: 10px 20px;
    min-width: 120px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}
.events-box .view-all:hover{
    border-color: #fd850d !important;
    color: #fd850d !important;
}
#nav_menu-2 .menu-sidebar-menu-container {
    margin: 0 0 40px;
}
.insight-nav,
#nav_menu-2 .menu{
    margin: 0;
    padding: 0 0 0 12px;
    list-style-type: none;
    font-size: 17px;
    line-height: 20px;
    text-transform: capitalize;
}
.insight-nav{margin: 0 0 40px;}
.insight-nav li,
#nav_menu-2 .menu li{
    position: relative;
    margin: 0 0 12px;
    padding: 0 0 0 7px;
}
.insight-nav li:before,
#nav_menu-2 .menu li:before{
    content: '';
    height: 2px;
    width: 2px;
    background: #333;
    position: absolute;
    top: 50%;
    margin: -1px 0 0;
    left: 0;
}
.insight-nav a:hover,
#nav_menu-2 .menu a:hover{color: #1071b6;}
.search-form .input-holder{
    border: 1px solid #fd850d;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    height: 49px;
    padding: 0 60px 0 0;
    margin: 0 0 17px;
    background: #fff;
}
.search-form input[type="search"]{
    color: #999;
    height: 100%;
    font-size: 18px;
    line-height: 27px;
    padding: 10px 17px;
    font-style: italic;

}
.search-form  button[type="submit"]{
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 25px;
    line-height: 47px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.search-form  button[type="submit"]:hover{color: #fd850d;}
.search-form .cta{
    border: none;
    border-radius: 5px;
    background: #fd850d;
    height: 57px;
    font-size: 18px;
    line-height: 27px;
    padding: 15px 68px 15px 17px;
    display: block;
    width: 100%;
    font-style: italic;
    color: #fff;
    cursor: pointer;
    text-align: left;
    position: relative;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.search-form .cta .fa{
    position: absolute;
    top: 0;
    right: 40px;
    font-size: 20px;
    line-height: 57px;
}
.search-form .cta:hover{
    color: #333;
}
.search-form input[type="search"]::-webkit-input-placeholder {
    color: #999;
    text-transform: none;
}
.search-form input[type="search"]:-moz-placeholder {
    color: #999;
    opacity: 1;
    text-transform: none;
}
.search-form input[type="search"]::-moz-placeholder {
    color: #999;
    opacity: 1;
    text-transform: none;
}
.search-form input[type="search"]:-ms-input-placeholder {
    color: #999;
    text-transform: none;
}
/* Blog Page Styling -- Pagination*/
nav.pagination{
    margin: 60px 0 0;
}
ul.page-numbers{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    letter-spacing: -0.32em;
}
ul.page-numbers li{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    margin: 0 5px;
}
ul.page-numbers a.page-numbers,
ul.page-numbers span.page-numbers{
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #e1e1e1;
    color: #bcbcbc;
    font-size: 16px;
    line-height: 48px;
}
ul.page-numbers a.page-numbers:hover,
ul.page-numbers span.current{
    border-color: #3797dd;
    color: #333;
}
ul.page-numbers a.page-numbers.prev,
ul.page-numbers a.page-numbers.next{
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
}
ul.page-numbers a.next:after{
    content: '';
    height: 10px;
    width: 10px;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    position: absolute;
    top: 19px;
    right: 20px;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
ul.page-numbers a.next:hover:after{
    border-bottom-color: #3797dd;
    border-right-color: #3797dd;
}
ul.page-numbers a.prev:after{
    content: '';
    height: 10px;
    width: 10px;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    position: absolute;
    top: 19px;
    left: 20px;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
}
ul.page-numbers a.prev:hover:after{
    border-bottom-color: #3797dd;
    border-right-color: #3797dd;
}
/* Blog Page Styling -- Post List */
.blog-section .row{
    margin: 0 -15px;
    letter-spacing: -0.32em;
}
.feature-post,
.post-holder{
    padding: 0 15px;
    margin: 0 0 30px;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #898989;
    overflow: hidden;
}
.post-holder:first-child{width: 66.66%;}
.post-holder .post-img{
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    -webkit-transition: all 0.25s linear;
       -moz-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
         -o-transition: all 0.25s linear;
            transition: all 0.25s linear;
}
.post-holder>a.img-link{
    display: block;
    overflow: hidden;
    height: 180px;
}
/*.post-holder:hover .post-img{
    -webkit-transform: rotate(4deg) scale(1.2);
       -moz-transform: rotate(4deg) scale(1.2);
        -ms-transform: rotate(4deg) scale(1.2);
         -o-transform: rotate(4deg) scale(1.2);
            transform: rotate(4deg) scale(1.2);
}*/
.feature-post:first-child .post-img,
.post-holder:first-child>a.img-link{height: 555px;}
.feature-post .post-content,
.post-holder .post-content{
    background: #fff;
    padding: 5px 11px 0 15px;
    border: 1px solid #eaeaea;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 220px;
}
.post-content > p{margin: 0 0 10px;}
.feature-post:first-child .post-content,
.post-holder:first-child .post-content{
    position: absolute;
    top: 15px;
    left: 30px;
    max-width: 263px;
    border: none;
    padding: 5px 11px 5px 15px;
}
.feature-post h2,
.post-holder h2{
    font-size: 19px;
    line-height: 30px;
    position: relative;
    min-height: 60px;
    white-space: nowrap;
    margin: 0 0 8px;
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 5px;
}
.feature-post h2 span.border,
.post-holder h2 span.border,
.feature-post h2:before,
.post-holder h2:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 3px;
    width: 45px;
    background: #3797dd;
}
.post-holder h2:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 60px;
    margin: 0 0 0 -5px;
}
.feature-post h2 a,
.post-holder h2 a{
    color: #333;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
.feature-post h2 a:hover,
.post-holder h2 a:hover{color: #3797dd;}
.post-holder h2 .fa{
    color: #fff;
    background: #3797dd;
    width: 24px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    margin: 0 10px 0 0;
    position: relative;
    top: -3px;
}
.feature-post:first-child h2,
.post-holder:first-child h2{
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 7px;
}
.post-holder:not(:first-child) h2 .fa{display: none;}
.post-holder:nth-child(2) .post-content{height: 375px;}
.feature-post .meta-box,
.post-holder .post-content .meta-box{
    display: table-footer-group;
    height: 1%;
}
.meta-list{
    margin: 0;
    padding: 10px 0 8px;
    list-style-type: none;
    border-top: 1px solid #eaeaea;
    letter-spacing: -0.32em;
    text-transform: capitalize;
}
.meta-list li{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    width: 59%;
    padding: 0 0 0 10px;
    text-align: right;
}
.meta-list li:first-child{
    text-align: left;
    padding: 0;
    width: 41%
}
.meta-list .fa{
    margin: 0 10px 0 0;
    color: #3797dd;
}
/* Insight Page */
.main-banner.insight-section:after{display: none;}
.main-banner.insight-section .container{max-width: 1175px;}
.main-banner.insight-section h1{
    color: #fff;
    margin: 0 0 15px;
}
.main-banner.insight-section h1 .holder{
    position: relative;
    padding: 0 58px;
    display: inline-block;
    vertical-align: middle;
}
.main-banner.insight-section h1 .holder:before,
.main-banner.insight-section h1 .holder:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background: url('images/icon-insight.png') no-repeat;
    height: 39px;
    width: 28px;
    margin: -20px 0 0;
}
.main-banner.insight-section h1 .holder:after{
    left: auto;
    right: 0;
}
.main-banner.insight-section .desc{
    background: none;
    max-width: 100%;
}
.insight-cat-list{
    margin: 0 -15px;
    padding: 10px 0 0;
    list-style: none;
    letter-spacing: -0.32em;
    font-size: 20px;
    line-height: 25px;
}
.insight-cat-list li{
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 15px;
    text-transform: capitalize;
}
.single-cplinsights .insight-cat-list{padding: 10px 0 30px;}
.widget .cat-list{
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: capitalize;
}
.widget .cat-list li{margin: 0 0 15px;}
.widget .cat-icon{
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}
.recent-insight{
    overflow: hidden;
    padding: 0 0 20px;
}
.recent-insight .insight-thumbnail{
    float: left;
    width: 100px;
    height: 100px;
}
.recent-insight .insight-text{
    overflow: hidden;
    padding: 0 0 0 15px;
}
.recent-insight .insight-title{
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 10px;
}
.recent-insight a{
    font-size: 14px;
    line-height: 16px;
}
.recent-insight .insight-thumbnail a{
    display: block;
    height: 100%;
}
.recent-insight .insight-thumbnail img{
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.cat-icon{
    width: 57px;
    height: 57px;
    overflow: hidden;
    margin: 0 auto 15px;
    border-radius: 100%;
}
.cat-icon img{
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}
.insight-cat-list li a{
    display: block;
    color: #fff;
}
.insight-cat-list li a:hover{color: #ccc;}
.feature-posts .row{
    letter-spacing: -0.32em;
    margin: 0 -16px;
}
.feature-posts .row+.row{padding-top:50px; }
.feature-posts{
    padding: 100px 0;
}
.feature-posts h2{
    margin: 0 0 40px;
    min-height: 95px;
}
.feature-post{
    padding: 0 16px;
    width: 25%;
    overflow: hidden;
}
.feature-post:first-child{
    width: 50%;
    min-height: 500px;
}
.feature-post .post-img{
    height: 178px;
    position: relative;
    overflow: hidden;
}
.feature-post .post-img .thumb{
    display: block;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
/*.feature-post:hover .post-img .thumb{
    -webkit-transform: rotate(4deg) scale(1.2);
       -moz-transform: rotate(4deg) scale(1.2);
        -ms-transform: rotate(4deg) scale(1.2);
         -o-transform: rotate(4deg) scale(1.2);
            transform: rotate(4deg) scale(1.2);
}*/
.feature-post .post-content{
    height: 253px;
    background: none;
}
.feature-post:nth-child(2) .post-content,
.feature-post:nth-child(3) .post-content{height: 380px;}
.feature-post .post-img .img{
    position: absolute;
    top: 15px;
    right: 15px;
    max-width: 54px;
    max-height: 54px;
}
.feature-post:first-child h2{border: none;}
.feature-post:first-child h2 a{color: #fff;}
.feature-post:first-child h2 a:hover{color: #ccc;}
.feature-post:first-child .post-content{
    display: block;
    color: #fff;
    height: auto;
    font-size: 15px;
    line-height: 27px;
    padding: 0;
}
.feature-post:first-child .inner-content{
    padding: 5px 20px 60px;
    background-color: rgba(0,0,0,0.5);
}
.feature-post:first-child .post-content a{color: #fff;}
.feature-post:first-child .post-content a:hover{color: #ccc;}
.feature-post:first-child .cat-name,
.feature-post:first-child h2:before,
.feature-post:first-child .post-content .meta-box{display: none;}
.feature-post .cat-name{
    min-width: 113px;
    border-radius: 3px;
    position: absolute;
    bottom: 13px;
    left: 13px;
    font-size: 15px;
    line-height: 21px;
    padding: 5px 13px;
    text-transform: capitalize;
    z-index: 99;
    color: #fff;
}
.feature-post .cat-name:hover{opacity: 0.9;}
.feature-post .post-content a{color: #888}
.feature-post .post-content a:hover{color: #333}
.cat-post{
    width: 50%;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    position: relative;
    margin: 0 0 35px;
    min-height: 500px;
}
.cat-post .post-img{
    height: 388px;
    overflow: hidden;
}
.cat-post .post-img .thumb{
    display: block;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
/*.cat-post:hover .post-img .thumb{
    -webkit-transform: rotate(4deg) scale(1.2);
       -moz-transform: rotate(4deg) scale(1.2);
        -ms-transform: rotate(4deg) scale(1.2);
         -o-transform: rotate(4deg) scale(1.2);
            transform: rotate(4deg) scale(1.2);
}*/
.cat-post .post-content{
    position: absolute;
    top: 110px;
    left: 40px;
    display: block;
    max-width: 250px;
    font-size: 15px;
    line-height: 27px;
    padding: 10px 20px 30px;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
}
.cat-post .post-content a{color: #fff;}
.cat-post .post-content a:hover{color: #ccc;}
.cat-post .post-header{margin: 0 0 15px; overflow: hidden;}
.cat-post .post-header a{display: inline-block; vertical-align: middle;}
.cat-post .cat-name{
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 10px;
    font-size: 20px;
    line-height: 22px;
    text-transform: capitalize;
}
.cat-post .spacer{
    width: 97px;
    height: 1px;
    background: #000;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 14px;
}
.cat-post h2 a{color: #fff;}
.cat-post h2{
    color: #fff;
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    position: relative;
}
.cat-post .text{position: relative; padding: 0 0 10px;}
.cat-post .text:before,
.cat-post h2:before{
    content: '';
    width: 44px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
}
/** Single Post / Blog Details **/
.single-post h1,
.single-post h2,
.single-post h3,
.single-post .main-banner{text-transform: uppercase;}
.cpl-single-post{
    position: relative;
    overflow: hidden;
    padding: 0 0 2px;
}
.cpl-single-post h2{
    /*text-transform: uppercase;*/
    text-transform: initial;
}
.cpl-single-post .cat-icon{
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}
.single-meta-list{
    margin: 0 -7px;
    padding: 0 0 20px;
    list-style: none;
    letter-spacing: -0.32em;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.single-meta-list .border,
.single-meta-list:after{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 4px;
    width: 50px;
    background: #1171b7;
}
.single-meta-list li{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}
.single-meta-list li{
    margin: 0 7px;
}
.single-meta-list .fa{
    margin: 0 5px 0 0;
    color: #1171b7;
}
.single-meta-list a:hover{color: #1171b7;}
.cpl-single-post .post-content{
    padding: 50px 0 0;
}
.cpl-single-post .img-holder{
    height: 320px;
    overflow: hidden;
}
.cpl-single-post .post-img{
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transition: all 0.25s linear;
       -moz-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
         -o-transition: all 0.25s linear;
            transition: all 0.25s linear;
}
/*.cpl-single-post:hover .post-img{
    -webkit-transform: rotate(4deg) scale(1.2);
       -moz-transform: rotate(4deg) scale(1.2);
        -ms-transform: rotate(4deg) scale(1.2);
         -o-transform: rotate(4deg) scale(1.2);
            transform: rotate(4deg) scale(1.2);
}*/
.cpl-single-post .post-img img{
    width: 100%;
    height: auto;
    display: block;
}
.cpl-single-post .text-holder{
    padding: 50px 0;
}
.post-social-share{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
    overflow: hidden;
}
.post-social-share ul{
    margin: 0 -7px;
    padding: 0;
    list-style: none;
    letter-spacing: -0.32em;
}
.post-social-share ul li{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    margin: 0 7px;
}
.post-social-share .fa{
    font-size: 30px;
    color: #1171b7;
}
.tag-list{
    float: left;
    max-width: 49%;
}
.tag-list a{
    border: 1px solid #ccc;
    display: block;
    padding: 5px 10px;
}
.post-share{
    float: right;
    max-width: 49%;
}
.post-share a{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
}
.tag-list a:hover,
.post-share a:hover{
    border-color:#1171b7;
    background: #1171b7;
    color: #fff;
}
.post-social-share a .fa{
    font-size: 15px;
    line-height: 30px;
    color: #ccc;
}
.post-social-share a:hover .fa{
    color: #fff;
}
.author-box{
    overflow: hidden;
    padding: 50px 0 0;
}
.author-box .author-img{
    float: left;
    height: 100px;
    width: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 20px 0 0;
}
.author-box .author-bio{
    overflow: hidden;
}
.author-box .title{
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 18px;
}
.author-box .author-name{
    display: block;
    text-transform: uppercase;
}
.author-meta{
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.author-meta ul{
    margin: 0 -5px;
    padding: 0;
    list-style: none;
    letter-spacing: -0.32em;
}
.author-meta ul li{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    margin: 0 5px;
}
.author-meta .author-contact{
    float: left;
    max-width: 49%;
}
.author-contact .fa{
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    margin: 0 10px 0 0;
    -webkit-transition: all 0.25s ease;
       -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
         -o-transition: all 0.25s ease;
            transition: all 0.25s ease;
}
.author-contact a:hover{color:#1171b7;}
.author-contact a:hover .fa{
    border-color:#1171b7;
    background: #1171b7;
    color: #fff;
}
.author-meta .author-sociallinks{
    float: right;
    max-width: 49%;
}
.author-sociallinks a{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
}
.author-sociallinks a .fa{
    font-size: 15px;
    line-height: 30px;
    color: #ccc;
}
.author-sociallinks a:hover .fa{
    color: #fff;
}
.author-sociallinks a:hover{
    border-color:#1171b7;
    background: #1171b7;
    color: #fff;
}
.author-details{
    padding: 50px 0 0;
}
/** Testimonial Section */
.testimonial-section{
    position: relative;
    text-align: center;
}
.testimonial-section h2{
    font-weight: normal;
    color: #333;
    margin: 0 0 48px;
}
.testimonial-holder{
    letter-spacing: -0.32em;
    margin: 0 -13px;
}
.testimonial{
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: 0 13px 15px;
    text-align: left;
    letter-spacing: normal;
}
.testimonial .inner-block{
    border: 1px solid #e9e7e8;
    border-top-color: #408dc5;
    padding: 13px 27px 5px;
}
.testimonial .header-block{
    overflow: hidden;
    padding: 0 0 25px;
}
.testimonial .img-holder{
    float: left;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    overflow: hidden;
}
.testimonial .img-holder img{
    display: block;
    height: auto;
    width: 100%;
}
.testimonial .heading-holder{
    overflow: hidden;
    padding: 10px 0 0 25px;
    text-transform: uppercase;
}
.testimonial .title{
    display: block;
}
.testimonial .designation{
    display: block;
    font-size: 16px;
    line-height: 18px;
}
.testimonial .testimonial-text{
    font-style: italic;
    font-size: 15px;
    line-height: 30px;
}

/** Services Page **/
.services-banner strong{color: #fe9b02;}
.services-banner p>strong{color: #fff;}
.services-banner h1{color: #fff;}
.services-banner .icon-holder{
    width: 57px;
    height: 57px;
    border-radius: 100%;
    background: #1071b6;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
    padding: 17px 0 0;
    text-align: center;
}
.services-banner .icon-holder img{
    max-width: 100%;
    height: auto;
}
.services-section{
    padding: 60px 0 20px;
    font-size: 20px;
    line-height: 40px;
}
.services-section .title{
    display: block;
    color: #fe9b02;
    font-size: 20px;
    line-height: 22px;
}
.service-categories{
    font-size: 20px;
    line-height: 25px;
}
.service-categories strong{color:#fe9b02;}
.service-cat-box{
    padding: 0 11px 27px;
}
.service-cat-box a{
    max-width: 251px;
    min-height: 157px;
    display: block;
    background: #408dc5;
    border-radius: 3px;
    color: #fff;
    position: relative;
    font-size: 25px;
    line-height: 30px;
    padding: 31px 4px 50px 19px;
    margin: 0 auto;
}
.service-cat-box a strong{color: #fff;}
.service-cat-box a:hover{background: #fe9b02;}
.service-cat-box a .view{
    position: absolute;
    bottom: 0;
    padding: 9px 33px 8px;
    right: 13px;
    left: 15px;
    text-align: right;
    border-top: 1px solid #fff;
    font-size: 20px;
    line-height: 22px;
}
.service-cat-box a .view:after{
    content: '';
    background: url('images/icon-arrow.png') no-repeat;
    background-size: contain;
    width: 25px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 11px;
}
.service-categories .vc_col-sm-3 .wpb_wrapper{margin: 0 -15px;}
.cpl-features.service-page .left-block{
    text-align: right;
    padding: 54px 25px;
}
.cpl-features.service-page .sub-text{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 30px;
    line-height: 32px;
    padding: 15px 35px 5px 50px;
}
.service-page .features-list{
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    max-width: 680px;
}
.cpl-features.service-page h2{
    font-size: 32px;
    line-height: 36px;
}
/* Team Detail Page */
.team-details{
    padding: 60px 0;
}
.single-team{
    overflow: hidden;
}
.single-team .img-holder{
    float: left;
    width: 40%;
    position: relative;
    height: 400px;
}
.single-team .img-holder img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-team .text-holder{
    overflow: hidden;
    padding: 0 0 0 40px;
}
.single-team h2{margin: 0;}
.single-team .designation{
    display: block;
    margin: 0 0 30px;
}
.single-team .social-bar{
    background: rgba(11, 79, 128, 0.7);
    bottom: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    left: 0;
    line-height: 1em;
    padding: 15px;
    position: absolute;
    right: 0;
}
.single-team .social-bar .text{
    float: left;
    padding: 7px 0 0;
}
.single-team .social-links{
    overflow: hidden;
    text-align: right;
}
.blog-enteries .blog-list{
    letter-spacing: -0.32em;
    margin: 0  -15px;
}
.blog-enteries .blog-list .img-holder{
    float: left;
    width: 150px;
    height: 100px;
}
.blog-enteries .img-holder a{height: 100%;}
.blog-enteries .img-holder img{
    height: 100%;
    object-fit: cover;
}
.blog-enteries .text-holder{
    display: block;
    overflow: hidden;
    max-width: inherit;
    padding: 0 0 0 30px;
}
.blog-enteries .blog-list li{
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 50%;
    padding: 0 15px 15px;
}
.blog-enteries .blog-list a{letter-spacing: normal;}
/* Insight Taxonomy Page */
.tax-insights-category #content{
    float: none;
    margin: 0;
    padding: 0;
}
.tax-insights-category .post-header{
    padding: 0 0 30px;
    letter-spacing: -0.32em;
    text-transform: capitalize;
}
.tax-insights-category .post-header>*{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    margin: 0 10px 0 0;
}
.tax-insights-category .cat-icon{margin: 0;}
.tax-insights-category .post-header .spacer{
    width: 100px;
    height: 2px;
}
.tax-insights-category .post-holder{
    width: 25%;
}
.tax-insights-category .post-holder:first-child{width: 50%; min-height: 360px;}
.tax-insights-category .post-holder:first-child .post-content{
    padding: 0;
    background: none;
}
.tax-insights-category .post-holder:first-child .inner-content{
    padding: 15px;
}
.tax-insights-category .post-holder:first-child .inner-content h2:before{display: none;}
.tax-insights-category .post-holder:first-child .meta-box{display: none;}
.tax-insights-category .post-holder:nth-child(2) .post-content{height: 220px;}
.tax-insights-category .post-holder:first-child > a.img-link{height: 400px;}
.tax-insights-category .post-holder .text{
    position: relative;
    padding: 0 0 1px;
}
.tax-insights-category .post-holder .text:before{
    height: 1px;
    width: 50px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
}
.tax-insights-category .post-content a{color: #888;}
.tax-insights-category .post-content a:hover{color: #333;}
.tax-insights-category .post-holder .text p {margin-bottom: 10px;}
/* Case Study Landing Page */
.main-banner.case_landing{
    text-align: center;
    color: #fff;
    padding: 40px 0;
}
.main-banner.case_landing:after{background: rgba(16,113,182,0.85);}
.main-banner.case_landing h1{color: #fff;}
.main-banner.case_landing p{margin: 0 0 50px;}
.btn{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    border: 1px solid #fff;
    background: #fe9b02;
    font-weight: bold;
    font-size: 25px;
    line-height: 29px;
    padding: 15px 59px 15px 19px;
    position: relative;
}
.serv-list{
    margin: 0 auto;
    padding: 0;
    list-style: none;
    letter-spacing: -0.32em;
    max-width: 664px;
}
.serv-list li{
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 25%;
    position: relative;
}
.serv-list li+li:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 35px;
    background: #629fca;
    top: 10px;
    left: 0;
}
.serv-list a{
    color:#fff;
    display: block;
}
.serv-list a:hover{
    color: #333;
}
.serv-list .img-holder{
    margin: 0 auto 10px;
    height: 53px;
    white-space: nowrap;
}
.serv-list .img-holder:after{
    content: '';
    height: 100%;
    margin: 0 0 0 -5px;
    width: 1px;
    display: inline-block;
    vertical-align: middle;
}
.serv-list .img-holder img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    white-space: normal;
}
.case-studies {
    padding: 30px 0;
}
.case-studies h2{
    position: relative;
}
.case-studies h3{
    margin: 0 0 30px;
}
.case-studies h3 .border,
.case-studies h2 .border{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.case-studies h3 .border:after,
.case-studies h2 .border:after{
    content: '';
    width: 249px;
    height: 1px;
    background: #1071b6;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: 5px 0 0 50px;
}
.featured-posts{
    letter-spacing: -0.32em;
    margin: 0 -16px 35px;
}
.featured-posts .featured-post{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 391px;
    padding: 16px;
    position: relative;
    letter-spacing: normal;
    overflow: hidden;
}
.featured-post a{
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.featured-post a .img-holder{
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
.featured-post .hover-box{
    position: absolute;
    top: 100%;
    left: 100%;
    margin: -62px 0 0 -62px;
    background: rgba(39,126,190,0.8);
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 62px;
    color: #fff;
}
.featured-post a:hover .hover-box{
    margin: 0;
    top: 50px;
    left: 50px;
}
.featured-post .hover-box h3{
    color: #fff;
}
.featured-post a .arrow{
    position: absolute;
    height: 62px;
    width: 62px;
    top: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    border-radius: 2px 0 0 0;
}
.featured-post a .arrow:after{
    height: 100%;
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    margin: 0 0 0 -5px;
}
.featured-post a .arrow img{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
.featured-posts .featured-post:after{
    content: '';
    height: 151px;
    width: 1px;
    position: absolute;
    bottom: 10px;
    right: 0;
    background: #267ebe;
}
.featured-post:nth-child(2) a .arrow{
    right: 0;
    left: auto;
   -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    border-radius: 0 2px 0 0;
}
.featured-post:nth-child(2) .hover-box{
    left: -62px;
    margin: -62px -62px 0 0;
    right: 100%;
}
.featured-post:nth-child(2) a:hover .hover-box{
    bottom: 0;
    left: 0;
    right: 50px;
}
.featured-posts .featured-post:nth-child(2):after{
    height: 1px;
    width: 151px;
    left: 10px;
    bottom: 0;
    right: auto;
}
.featured-post:nth-child(3) a .arrow{
    left: 0;
    bottom: 0;
    top: auto;
    right: auto;
   -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipY;
    -ms-filter: "FlipY";
}
.featured-post:nth-child(3) .hover-box{
    bottom: 100%;
    left: 100%;
    margin: 0 0 -62px -62px;
    right: 0;
    top: -62px;
}
.featured-post:nth-child(3) a:hover .hover-box{
    top: 0;
    right: 0;
    bottom: 50px;
    left: 50px;
}
.featured-posts .featured-post:nth-child(3):after{
    height: 1px;
    width: 151px;
    right: 10px;
    bottom: auto;
    top: 0px;
    border-radius: 0 0 0 2px;
}
.featured-post:nth-child(4) a .arrow{
    bottom: 0;
    right: 0;
    left: auto;
    top: auto;
   -moz-transform: scale(-1);
    -o-transform: scale(-1);
    -webkit-transform: scale(-1);
    transform: scale(-1);
    filter: Flip;
    -ms-filter: "Flip";
    border-radius: 0 0 2px 0;
}
.featured-post:nth-child(4) .hover-box{
    bottom: 100%;
    right: 100%;
    margin: 0 -62px -62px 0;
    left: -62px;
    top: -62px;
}
.featured-post:nth-child(4) .inner-box{
    position: absolute;
    right: 100%;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.featured-post:nth-child(4) a:hover .hover-box{
    top: 0;
    left: 0;
    bottom: 50px;
    right: 50px;
}
.featured-post:nth-child(4) a:hover .inner-box{
    right: auto;
}
.featured-posts .featured-post:nth-child(4):after{
    bottom: auto;
    top: 10px;
    right: auto;
    left: 0;
}
.case-studies .all-posts{
    letter-spacing: -0.32em;
    margin: 0 -14px;
}
.case-studies .post-box{
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    padding: 25px 14px;
    width: 25%;
}
.case-studies .post-box .post-holder{
    background-size: cover;
    background-repeat: no-repeat;
    height: 178px;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
}
.case-studies .post-box .hover-box{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(38,126,190,0.5);
    color: #fff;
    text-align: right;
    font-size: 20px;
    line-height: 22px;
    padding: 19px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
}
.case-studies .post-holder:hover .hover-box{
    opacity: 1;
    visibility: visible;
}
.case-studies .post-box .hover-box:after{
    content: '';
    height: 100%;
    vertical-align: bottom;
    display: inline-block;
    margin: 0 0 0 -5px;
}
.case-studies .post-box .text{
    display: inline-block;
    vertical-align: bottom;
    white-space: normal;
}
.case-studies .post-box .title{
    display: block;

}
.case-studies .post-box .more{
    display: inline-block;
    position: relative;
    border-top: 1px solid #fff;
    padding: 10px 28px 0 8px;
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 18px;
}
.case-studies .post-box .more:after{
    content: '';
    background: url('images/icon-down.png') no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 8px;
    width: 20px;
    height: 22px;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
}
/** Single Case Study Page **/
.case-details{overflow: hidden;}
.case-details .holder{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.case-details .left-block{
    display: table-cell;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 55px 20px 55px 130px;
    vertical-align: top;
}
.case-details .right-block{
    display: table-cell;
    width: 50%;
    vertical-align: top;
}
.case-details .deatils-box{
    background: #f6f3f3;
}
.case-details .detail-box{
    position: relative;
    padding: 20px 10px 0 76px;
    max-width: 650px;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}
.case-details .detail-box + .detail-box:after{
    content: '';
    position: absolute;
    width: 216px;
    height: 1px;
    background: #86a9cf;
    left: 76px;
    top: 0;
}
.case-details .detail-box .img{
    position: absolute;
    top: 15px;
    left: 20px;
}
.case-details .detail-box .img.img2{top:25px; left: 26px;}
.case-details .detail-box .img.img3{top:22px; left: 25px;}
.case-details h3{
    font-size: 30px;
    font-weight: normal;
    line-height: 32px;
    margin: 0 0 10px;
}
.case-details .video-holder{
    height: 630px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}
.case-details .video-holder:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.7);
    z-index: 99;
}
.case-details a.play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    line-height: 22px;
    color: #333;
    z-index: 100;
    -webkit-transform: translateY(-50%) translateX(-50%);
       -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
         -o-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
}
.video-holder.video-active:before,
.video-holder.video-active .play-btn{display: none;}
.video-holder.video-active .close-video{display: block;}
.video-holder.video-active .video-js .vjs-tech{object-fit: contain;}
.case-details .video-holder .vjs-big-play-button{display: none !important;}
.case-details a.play-btn .fa{
    display: block;
    color: #f87d06;
    font-size: 150px;
}
.case-details .title{
    display: inline-block;
    vertical-align: top;
    background: rgba(16,113,182,0.7);
    color: #fff;
    border-radius: 2px;
    overflow: hidden;
    font-size: 65px;
    line-height: 70px;
    padding: 14px;
    margin: 0 0 15px;
}
.case-details .short_description{
    background: rgba(219,68,22,0.7);
    color: #fff;
    font-size: 22px;
    line-height: 25px;
    padding: 12px 20px;
    border-radius: 2px;
    overflow: hidden;
}
.case-details .full_description{
    font-size: 16px;
    line-height: 30px;
    color: #333;
    padding: 18px 22px;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
}
.case-study-details{
    padding: 30px 50px;
}
.case-study-details .row{
    letter-spacing: -0.32em;
    margin: 0 -10px;
}
.case-study-details .study-box{
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 33.33%;
}
.case-study-details .study-box .frame{
    background: #f6f3f3;
    padding: 25px;
    min-height: 332px;
    position: relative;
}
.case-study-details .study-box:first-child .frame:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url('images/img27.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.05;
}
.case-study-details .study-box:first-child .frame>*{position: relative; z-index: 10;}
.case-study-details h4{
    font-size: 30px;
    line-height: 32px;
    font-weight: normal;
}
.case-study-details dt{
    font-weight: bold;
    padding: 11px 0 10px 20px;
}
.case-study-details dd{
    text-align: right;
    font-style: italic;
    color: #1171b8;
    padding: 11px 0 10px;
}
.case-study-details dd ~ dd{
    border-top: 1px solid #dfdbdb;
}
.case-study-details blockquote{
    background: #fff;
    overflow: hidden;
    margin: 0;
    padding: 20px 50px;
    font-size: 16px;
    line-height: 30px;
    font-style: italic;
    position: relative;
}
.case-study-details blockquote:after{
    content: '';
    background: url('images/icon-quotes.png') no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 255px;
    height: 163px;
    opacity: 0.07;
}
.case-study-details blockquote h4{font-style: normal;}
.case-study-details blockquote cite{
    display: block;
    text-align: right;
    font-weight: bold;
    position: relative;
    z-index: 10;
}
.case-study-details .stats-list{
    margin: 0;
    height: 100%;
}
.case-study-details .stats-list li{
    margin: 0 0 26px;
    width: 50%;
    padding: 0 10px 0 0;
    word-wrap: break-word;
}
.case-study-details h5{
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
    color: #333;
    margin: 0 0 20px;
}
.case-study-details .stats-list .value{
    color: #1171b7;
    font-size: 70px;
    line-height: 75px;
    font-weight: bold;
}
/* 404 Error Page */
.search-form-holder{
    max-width: 320px;
    margin: 20px 0 0 10px;
}
.search-form-holder a.cta{display: none;}
 /* Events Page and Details Page Style */
#tribe-events-pg-template, .tribe-events-pg-template{margin-bottom: 20px;}
.tribe-events-back a, .tribe-events-sub-nav a{
    border: 2px solid #0d5a92;
    border-radius: 3px;
    color: #0d5a92;
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    min-width: 200px;
    padding: 20px;
    vertical-align: top;
    text-align: center;
}
.tribe-events-back a:hover, .tribe-events-sub-nav a:hover{
    border-color: #fe9b02;
    color: #fe9b02;
}
.single-tribe_events .tribe-events-event-image{overflow: hidden;}
.single-tribe_events .tribe-events-event-image img{
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.tribe_events.type-tribe_events:hover .tribe-events-event-image img{
    -webkit-transform: scale(1.2) rotate(5deg);
       -moz-transform: scale(1.2) rotate(5deg);
        -ms-transform: scale(1.2) rotate(5deg);
         -o-transform: scale(1.2) rotate(5deg);
            transform: scale(1.2) rotate(5deg);
}
#tribe-events .tribe-events-button:hover, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover{
    background: #fe9b02 ;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd{line-height: 1;}
/* css fro view all directors page */
.staff-slide-all .img-holder {
    position: relative;
    margin: 0;
}
.staff-slide-all .text-holder {
    background: #f8f8f8 ;
    padding: 20px 10px 57px;
    border-color: #ececec ;
    border-style: solid;
    border-width: 0 2px 2px;
}
.staff-slide-all .title {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #1071b6 ;
    margin: 0 0 5px;
}
.staff-slide-all .designation {
    font-size: 15px;
    line-height: 18px;
    color: #333;
    display: block;
    margin: 0 0 15px;
}
.staff-section .staff-slide-all .btn {
    display: none;
    background: none;
    border-color: #fff;
    color: #fff;
    font-size: 17px;
    line-height: 21px;
    padding: 13px;
    min-width: 143px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.staff-slide-all:hover .img-holder::after, .staff-slide-all:hover .btn {
    display: block;
}
.staff-slide-all .img-holder::after {
    background: rgba(16,113,182,0.65);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ‘’;
    display: none;
}
.staff-slide-all {
  width:25%;
  float:left;
  max-width: 263px;
  margin: 0 16px 10px;
}
.staff-slide-all:nth-child(4n+0) {
  clear:right;
}
.staff-slide-all:nth-child(4n+1) {
  clear:left;
}
@media screen and (min-width:768px){
    .nav-opener{
        display: none;
    }
    .wpgmp_infowindow{
        width: 380px;
    }
    .single-tribe_events .tribe-events-single-event-title{
        font-size: 40px;
        line-height: 50px;
    }
    .tribe-events-schedule h2{
        font-size: 25px;
        line-height: 30px;
        color: #333;
    }
}
@media screen and (max-width: 1499px){
    .case-study-details .stats-list .value{
        font-size: 50px;
        line-height: 60px;
    }
    .case-study-details blockquote{padding: 20px;}
}
@media screen and (max-width: 1279px){
    .case-details .left-block{
        padding: 20px;
    }
    .case-study-details h5{
        font-size: 16px;
    }
    .case-study-details{
        padding: 20px 15px;
    }
    .case-study-details .stats-list .value{
        font-size: 40px;
        line-height: 60px;
    }
    .case-study-details .study-box .frame{padding: 15px;}
}
@media screen and (max-width: 1199px){
    .main-navigation li{
        margin: 0 10px 10px;
    }
    .main-banner .text-area{
        padding: 0 15px 0 0;
    }
    .main-banner .service-area{
        padding: 15px;
    }
    .case-section{
        padding: 70px 0;
    }
    .event-slider .slide .holder{
        padding: 15px;
    }
    .event-slider .slide .text-holder{
        padding: 0 0 40px 15px;
    }
    .cpl-features .left-block{
        padding: 50px;
    }
    #content{
        margin: 0 -254px 0 0;
        padding: 0 254px 0 0;
    }
    .service-cat-box a{
        font-size: 19px;
        line-height: 26px;
    }
    .tax-insights-category .post-holder{width: 50%;}
}
@media screen and (max-width: 1199px) and (min-width: 768px){
    .insight-slider .slide{
        padding: 20px 15px;
    }
    .insight-section h3{
        font-size: 16px;
        line-height: 18px;
    }
    .insight-slider .img-holder{
        float: none;
        margin: 0 auto;
    }
    .insight-slider .text-holder{
        padding: 15px 0 0;
    }
}
@media screen and (max-width: 1023px){
    .logo{
        margin: 0;
    }
    .main-navigation{
        font-size: 18px;
    }
    .main-navigation li{
        margin: 0 5px 10px;
        padding: 0;
    }
    .main-navigation>li .sub-menu{
        font-size: 15px;
        line-height: 22px;
    }
    .main-banner{
        padding: 50px 0;
    }
    .main-banner.home h1{
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 25px;
        padding: 25px 0 0;
    }
    .main-banner .sub-text{
        margin: 0 0 30px;
    }
    .main-banner.brand h1{
        margin: 0 0 24px;
    }
    .main-banner .desc{
        margin: 0;
    }
    .btn.find-job,
    .btn{
        font-size: 22px;
    }
    .services-list a{
        font-size: 20px;
        line-height: 22px;
    }
    .insight-section .insight-slider{
        padding: 0 30px;
    }
    .request-bar .align-right{
        padding: 12px 0 0;
    }
    .request-bar h2{font-size: 30px;}
    .case-section{
        font-size: 22px;
        line-height: 26px;
    }
    .popup-holder{
        left: -350px;
    }
    .map-pin.pin3 .popup-holder{left: -100px;}
    .client-section .tab-content{
        padding: 25px 15px;
    }
    .client-section .tab-content .col .text-area{
        padding: 15px;
    }
    .client-section .tab-content h4{
        font-size: 25px;
        margin: 0 0 15px;
    }
    .client-section .tab-content .col:last-child{
        padding: 0 0 0 10px;
    }
    .client-section .tab-content .col:last-child h4{
        font-size: 22px;
        line-height: 30px;
    }
    .client-section .tab-content dl{
        font-size: 18px;
        line-height: 28px;
    }
    .copyright,
    #footer .footer-text{
        float: none;
        max-width: 100%;
        padding: 0 0 10px;
        display: block;
    }
    .footer-holder .col{
        width: 23%;
    }
    .footer-holder .col:last-child{
        width: 31%;
        padding: 0 0 0 1%;
    }
    .sectors-section .sector-list{
        padding: 0;
    }
    .cpl-features .right-block,
    .cpl-features .left-block{padding: 15px;}
    .cpl-features h2{
        font-size: 55px;
        line-height: 60px;
    }
    .timeline-section{padding: 35px 0 0;}
    .timeline-section h2{margin: 0 0 30px;}
    .corporate-section .right-block{
        padding: 15px;
    }
    .staff-slide{max-width: 100%;}
    .post-holder{width: 50%;}
    .post-holder:first-child{width: 100%;}
    .post-holder:nth-child(2) .post-content{height: inherit;}
    .post-holder:first-child .post-content{
        width: auto;
        max-width: inherit;
        right: 30px;
    }
    .post-holder:first-child .post-img{height: 400px;}
    .feature-post{
        width: 50%;
    }
    .feature-post:nth-child(3) .post-content{height: 253px;}
    .testimonial{width: 50%;}
    .main-navigation>li .sub-menu{width: 210px;}
    .single-team .social-bar .text{
        float: none;
        display: block;
        padding: 0 0 7px;
    }
    .single-team .social-links{
        text-align: left;
    }
    .blog-enteries .blog-list li{width: 100%; display: block;}
    .feature-post:first-child .post-img, .post-holder:first-child > a.img-link{height: auto;}
    .case-details .detail-box{
        padding: 20px 10px 0 50px;
    }
    .case-details .detail-box + .detail-box::after{left: 50px;}
    .case-details .detail-box .img{left:10px !important;}
    .case-details .title{
        font-size: 55px;
        line-height: 60px;
    }
    .case-details .shot_description{
        font-size: 20px;
        line-height: 24px;
    }
    .case-study-details .study-box{
        width: 50%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .event-slider .slide .img-holder{
        float: none;
        margin: 0 auto;
    }
    .event-slider .slide .text-holder{
        padding: 10px 0 40px;
    }
    .event-slider .slide h3{
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 10px;
    }
    .case-slider{
        padding: 0 50px;
    }
    .case-slider .slide{
        margin: 0 5px;
    }
    .case-slider .caption{
        padding: 10px;
        font-size: 16px;
        line-height: 20px;
    }
    .single #content{
        margin: 0 0 15px;
        padding: 0;
        float: none;
    }
    .single #sidebar {
        float: none;
        width: 100%;
    }
}
@media screen and (max-width: 767px){
    body{
        font-size: 16px;
        line-height: 20px;
    }
    h2{
        font-size: 22px !important;
        line-height: 30px !important;
    }
    #header{
        padding: 15px 0;
        position: relative;
    }
    .logo{
        float: none;
        margin: 0 auto;
        width: 100px;   
    }
    #nav{
        float: none;
        margin: 0;
        padding: 0;
    }
    .nav-drop{
        height: 0;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
    .nav-active .nav-drop{
        height: 300px;
        overflow: auto;
        visibility: visible;
        opacity: 1;
    }
    .nav-opener{
        height: 24px;
        width: 30px;
        text-indent: -9999px;
        overflow: hidden;
        position: absolute;
        top: 25px;
        left: 30px;
    }
    .nav-opener span,
    .nav-opener:before,
    .nav-opener:after{
        height: 4px;
        width: 100%;
        position: absolute;
        background: #0d5a92;
        top: 0;
        left: 0;
    }
    .nav-opener:before,
    .nav-opener:after{
        content: '';
        top: 50%;
        margin: -2px 0 0;
    }
    .nav-opener:after{
        top: auto;
        bottom: 0;
        margin: 0;
    }
    .nav-active .nav-opener span,
    .nav-active .nav-opener:before,
    .nav-active .nav-opener:after,
    .nav-opener:hover span,
    .nav-opener:hover:before,
    .nav-opener:hover:after{
        background: #333;
    }
    .main-navigation{
        text-align: center;
        margin: 0;
        padding: 15px 0 0;
    }
    .main-navigation>li{
        margin: 0;
        display: block;
    }
    .main-navigation>li>a{
        padding: 6px 10px;
    }
    .main-navigation  li.menu-item-has-children > a:after{
        left: 5px;
        margin: 0;
        top: 16px;
        bottom: auto;
    }
    .main-navigation>li .sub-menu{
        position: static;
        text-align: center;
        width: 100%;
    }
    .main-banner.home .container{padding: 50px 15px 25px;}
    .main-banner.home,
    .main-banner{
        padding: 20px 0;
    }
    .main-banner h1{
        padding: 15px 0 0;
        margin: 0 0 15px;
        font-size: 30px;
        line-height: 40px;
    }
    .main-banner .sub-text{
        margin: 0 0 20px;
        font-size: 20px;
        line-height: 30px;
    }
    .main-banner .text-area{
        width: 100%;
        border: none;
        border-bottom: 1px solid #fff;
        display: block;
        padding: 0 0 15px;
    }
    .main-banner .service-area{
        border: none;
        padding: 15px 0 0;
        width: 100%;
        display: block;
    }
    .btn.find-job, .btn{
        font-size: 18px;
    }
    .main-banner h2{
        font-size: 25px;
        line-height: 32px;
        margin: 0 0 15px;
    }
    .sectors-section{
        font-size: 18px;
        line-height: 22px;
    }
    .sectors-section .sector-list{
        font-size: 12px;
        line-height: 16px;
    }
    .sector-list li{
        margin: 0 6px 15px;
        width: 90px;
    }
    .sector-list .img-holder{
        margin: 0 auto 5px;
        height: 75px;
        width: 75px;
        padding: 20px;
    }
    .sector-details{ padding: 16px 0 !important; }
    .footer-holder .col{
        width: 50%;
    }
    .footer-holder .col:last-child{
        width: 50%;
        padding: 0 0 0 1%;
    }
    .top-bar a.job{
        display: none;
    }
    .pin7 .popup-holder{
        left: auto;
        right: -60px;
    }
    .client-section .tab-content .col{
        width: 50%;
    }
    .client-section .tab-content .col:last-child{
        width: 100%;
        padding: 20px 10px;
    }
    .request-bar h2{
        font-size: 24px;
        line-height: 40px;
    }
    .request-bar .btn{
        font-size: 20px;
    }
    .footer-holder{
        padding: 25px 0;
    }
    .event-section{
        padding: 25px 0 10px;
    }
    .event-section h2{
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 25px;
    }
    .video-section{
        padding: 50px 0;
    }
    .video-section h2{
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 40px;
    }
    .case-section{
        padding: 25px 0 10px;
    }
    .case-section h2{
        margin: 0 0 25px;
    }
    .insight-section{
        padding: 25px 0;
    }
    .insight-section h2{
        margin: 0 0 25px;
    }
    .insight-section h3{
        font-size: 16px;
        line-height: 20px;
    }
    .case-section p{
        margin: 0 0 25px;
    }
    .map-pin{
        -webkit-transform: scale(0.7);
           -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
             -o-transform: scale(0.7);
                transform: scale(0.7);
    }
    .popup-holder{
        left: -220px;
        -webkit-transform: scale(0.9);
           -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
             -o-transform: scale(0.9);
                transform: scale(0.9);
    }
    .pin5 .popup-holder{
        left: -240px;
    }
    .insight-section .insight-slider,
    .case-slider,
    .event-slider{
        padding: 0 0 40px;
    }
    .event-slider .slick-next, .event-slider .slick-prev, .case-slider .slick-next, .case-slider .slick-prev, .insight-slider .slick-next, .insight-slider .slick-prev{
        top: auto;
        bottom: 0 !important;
        -webkit-transform: scale(0.6);
           -moz-transform: scale(0.6);
            -ms-transform: scale(0.6);
             -o-transform: scale(0.6);
                transform: scale(0.6);
    }
    .event-slider .slick-next, .case-slider .slick-next, .insight-slider .slick-next{
        -webkit-transform: scale(0.6) rotate(180deg);
           -moz-transform: scale(0.6) rotate(180deg);
            -ms-transform: scale(0.6) rotate(180deg);
             -o-transform: scale(0.6) rotate(180deg);
                transform: scale(0.6) rotate(180deg);
    }
    .location-section h2 .holder:before{
        background-color: transparent;
    }
    .main-banner.brand{
        padding: 25px 0;
    }
    .main-banner .desc{
        font-size: 16px;
        line-height: 20px;
    }
    .btn{
        padding: 15px 50px 15px 10px;
        font-size: 16px;
        line-height: 20px;
    }
    .btn:after{
        right: 10px;
    }
    .insight-section h2 .holder{
        padding: 0 10px;
    }
    .main-banner .sub-text{
        font-size: 18px;
        line-height: 25px;
    }
    .main-banner.home h1,
    .main-banner h1{
        font-size: 25px;
        line-height: 35px;
        margin: 0 0 10px;
        padding: 10px 0 0;
    }
    .sectors-section{
        padding: 20px 0;
        font-size: 16px;
        line-height: 20px;
    }
    .sectors-section h2{
        margin: 0 0 10px;
    }
    .sectors-section h2 .holder{
        padding: 0 0 30px;
    }
    .sectors-section p{
        margin: 0 0 20px;
    }
    .insight-section{
        font-size: 16px;
        line-height: 20px;
    }
    .insight-section p{
        margin: 0 0 20px;
    }
    .insight-section .btn{
        font-size: 16px;
        line-height: 20px;
    }
    .insight-section .insight-slider{
        margin: 0 0 25px;
    }
    .insight-slider .slide{
        margin: 0;
        padding: 30px 10px;
    }
    .insight-slider .img-holder{
        float: none;
        margin: 0 auto;
    }
    .insight-slider .text-holder{
        padding: 15px 0 0;
    }
    .insight-slider .slide .icon{
        top: 10px;
        right: 10px;
    }
    .case-section{
        font-size: 16px;
        line-height: 20px;
    }
    .case-section p{
        margin: 0 0 15px;
    }
    .insight-section .insight-slider,
    .request-bar .align-right,
    .request-bar .align-left{
        float: none;
        max-width: 100%;
    }
    .request-bar h2{
        font-size: 20px !important;
    }
    .request-bar .sub-text{
        font-size: 20px;
        line-height: 24px;
    }
    .request-bar{
        padding: 20px 15px 25px;
    }
    .event-slider .slide{
        padding: 0;
    }
    .event-slider .slide .img-holder{
        float: none;
        margin: 0 auto;
    }
    .event-slider .slide .text-holder{
        padding: 15px 0 40px;
    }
    .footer-holder .col:last-child,
    .footer-holder .col{
        width: 100%;
    }
    #footer .menu{
        margin: 0;
    }
    .client-section{
        padding: 0;
    }
    .client-section .tabset a{
        min-height: 60px;
        padding: 5px;
    }
    .client-section .tabset a:after{
        display: none;
    }
    .client-section .tab-content .header-bar h3{
        font-size: 18px;
        line-height: 22px;
    }
    .client-section .tab-content{
        font-size: 15px;
        line-height: 20px;
        padding: 25px 10px 5px;
    }
    .client-section .tab-content .col{
        width: 100%;
        margin: 0 0 10px;
    }
    .client-section .tab-content dl{
        font-size: 16px;
        line-height: 25px;
    }
    .client-section h2{
        margin: 0 0 15px;
    }
    .client-section .tab-content h4{
        font-size: 18px;
        line-height: 22px;
    }
    .request-bar .btn{
        font-size: 16px;
        line-height: 20px;
    }
    #footer h3{
        font-size: 20px;
        line-height: 30px;
    }
    .statics-section{
        padding: 20px 0;
    }
    .statics-section h2{
        margin: 0 0 40px;
    }
    .statics-section h2 .holder{
        padding: 0 0 30px;
    }
    .top-bar{
        padding: 10px 0;
        text-align: center;
    }
    .top-bar .tel-link{
        float: none;
        margin: 0;
        font-size: 18px;
        line-height: 22px;
    }
    .top-bar .align-right{
        text-align: center;
        padding: 10px 0 0;
    }
    .top-bar .social-icons{
        margin: 0 0 10px;
    }
    
    .header-search .btn-search{display: none;}
    .header-search .search-holder{position: static;}
    .header-search .holder{ transform: translateX(50%); right: 50%; width: 100%; top: 30px; z-index: 9;}
    .header-search .btn-search{display: none;}
    .header-search .search-hold{width: 100%;}
    .top-bar a.language{
        padding: 10px;
    }
    .top-bar a{
        display: inline-block;
        vertical-align: middle;
    }
    .top-bar .social-icons{margin: 0;}
    .about-cpl h2{margin: 0 0 35px;}
    h2 .holder{padding: 0 0 30px;}
    h2 .holder:before{
        width: 30px;
        margin: 0 0 0 -23px;
    }
    .about-cpl .list-container{
        padding: 20px 0;
    }
    .about-cpl{
        padding: 15px 0 0;
    }
    .brand-box a{
        font-size: 12px;
        line-height: 16px;
    }
    .brand-box a .caption{
        padding: 7px 18px 7px 7px;
    }
    .brand-box a .caption:after{
        margin: -10px 0 0;
        right: 2px;
        -webkit-transform: scale(0.7);
           -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
             -o-transform: scale(0.7);
                transform: scale(0.7);
    }
    .sectors-section .section-holder{
        font-size: 16px;
        line-height: 25px;
    }
    .section-holder .row .img-holder{
        float: none !important;
        padding: 10px 0 0;
        margin: 0 auto;
    }
    .section-holder .text-holder{
        padding: 10px 0 !important;
    }
    .sectors-section .section-holder h2{
        margin: 0 0 10px;
    }
    .sector-list.inner li{
        width: 95px;
        text-align: center;
        margin: 0 0 15px;
    }
    .sector-list.inner .caption{
        display: block;
        margin: 0;
    }
    .wpgmp_map{
        height: 320px !important;
    }
    .wpgmp_infowindow .img-holder{
        float: none;
        margin: 0 auto 10px;
    }
    .wpgmp_infowindow .location-list{
        padding: 0;
    }
    .contact-block div.wpcf7{
        position: static;
        padding: 0;
    }
    .contact-block div.wpcf7 form{
        max-width: 100%;
        padding: 15px;
    }
    .page-link-section .wpb_column::after{
        display: none;
    }
    .about-us{
        font-size: 15px;
        line-height: 20px;
        padding: 25px 0 15px;
    }
    .cpl-features .left-block, .cpl-features .right-block{
        display: block;
        width: 100%;
        padding: 15px;
    }
    .features-list .title{
        margin: 0 0 10px;
        font-size: 20px;
        line-height: 26px;
    }
    .features-list .title::after{top: 0;}
    .features-list li{margin: 0 0 10px;}
    .values-section .col{
        display: block;
        width: 100%;
        padding: 0;
        font-size: 15px;
        line-height: 20px;
    }
    .values-section .col .text-box{padding: 0;}
    .values-section .col.center{
        padding: 0;
        text-align-last: inherit;
    }
    .investors-section{
        padding: 20px 0;
        font-size: 14px;
        line-height: 20px;
    }
    .investors-section h2{margin: 0 0 15px;}
    .investors-section .col-holder{margin: 0;}
    .investors-section .col{
        display: block;
        width: 100%;
        padding: 0 0 20px;
    }
    .corporate-section{
        font-size: 16px;
        line-height: 20px;
    }
    .corporate-section .left-block, .corporate-section .right-block{
        display: block;
        width: 100%;
        min-height: 200px;
    }
    .corporate-section h2{margin: 0 0 10px;}
    .corporate-section p{margin: 0 0 20px;}
    .staff-section{padding: 25px 0;}
    .staff-section h2{margin: 0 0 20px;}
    .staff-slider{padding: 0 0 60px;}
    .logo-list-home .slick-next,
    .logo-list .slick-next,
    .staff-slider .slick-next{
        top: auto;
        bottom: 0;
        -webkit-transform: rotate(180deg) translateY(15px);
           -moz-transform: rotate(180deg) translateY(15px);
            -ms-transform: rotate(180deg) translateY(15px);
             -o-transform: rotate(180deg) translateY(15px);
                transform: rotate(180deg) translateY(15px);
    }
    .logo-list-home .slick-prev,
    .logo-list .slick-prev,
    .staff-slider .slick-prev{
        top: auto;
        bottom: 0;
    }
    .clients-details{padding: 12px 0 0;}
    .clients-details .slider-holder{padding: 20px;}
    .logo-list-home,
    .logo-list{
        padding: 0 0 60px;
        margin: 0;
    }
    .main-banner.blog-banner{
        padding: 25px 0;
        font-size: 15px;
        line-height: 20px;
    }
    .blog-section{padding: 25px 0;}
    #content{
        margin: 0 0 15px;
        padding: 0;
        float: none;
    }
    .post-holder:first-child .post-content{
        position: static;
        border: 1px solid #eee;
    }
    .post-holder:first-child .post-img{height: 180px;}
    .post-holder h2{min-height: 30px;}
    .post-holder h2:after{height: 30px;}
    nav.pagination{margin: 0;}
    #sidebar{
        float: none;
        width: 100%;
    }
    #nav_menu-2 .menu-sidebar-menu-container,
    #sidebar h3, #sidebar h2{margin: 0 0 20px;}
    .feature-posts{padding: 20px 0;}
    .feature-posts .row+.row{padding-top:0; }
    .feature-post:first-child,
    .feature-post{width: 100%;}
    .feature-post:first-child .post-content{position: static; max-width: 100%;}
    .feature-post:first-child .post-img,
    .feature-post:nth-child(2) .post-content{height: 253px;}
    .cat-post{width: 100%;}
    .testimonial{width: 100%;}
    h3 {
        font-size: 22px;
        line-height: 26px;
    }
    .sector-details {
        font-size: 15px;
        line-height: 30px;
    }
    .sector-details h2{margin: 0 0 20px}
    .sector-details p{margin: 0 0 20px;}
    .job-list .job-logo{margin: 0 auto 20px; float: none;}
    .job-list .job-meta{margin: 0 -14px;}
    .case-section .btn{min-width: 90%;}
    .job-list > li + li{margin: 20px 0 0;}
    .cpl-features.service-page .left-block{min-height: 200px;}
    .service-page .features-list{
        font-size: 18px;
        line-height: 25px;
    }
    .services-section{
        font-size: 16px;
        line-height: 25px;
        padding: 20px 0 0;
    }
    .cpl-features.service-page .sub-text{
        font-size: 19px;
        line-height: 27px;
        padding: 15px;
    }
    .features-list li:last-child{margin-bottom: 0;}
    .case-slider{margin: 0 0 20px;}
    .insight-cat-list .cat-icon{margin: 15px auto;}
    .single-team .img-holder{
        float: none;
        width: 100%;
    }
    .team-details{padding: 20px 0;}
    .single-team .text-holder{
        padding: 20px 0 0;
    }
    .single-team .designation{margin: 0 0 15px;}
    .tax-insights-category .post-holder,
    .tax-insights-category .post-holder:first-child{width: 100%;}
    .tax-insights-category .post-holder:first-child > a.img-link{height: auto;}
    .sectors-section a.view-all,
    .client-section a.view-all{padding: 10px 20px;}
    .featured-posts .featured-post{width: 100%;}
    .featured-posts .featured-post::after{display: none;}
    .case-studies .post-box{width: 100%; padding: 14px;}
    .case-details .right-block,
    .case-details .left-block{
        display: block;
        width: 100%;
    }
    .case-study-details .study-box{
        width: 100%;
        margin: 8px 0;
    }
    .case-study-details .study-box .frame{min-height: inherit;}
    .case-details .video-holder{height: 50vh;}
    .case-details .full_description{
        padding: 15px;
        line-height: 20px;
        font-size: 15px;
    }
    .case-details .detail-box{
        font-size: 15px;
        line-height: 20px;
    }
    .case-study-details dt{
        padding: 11px 0 10px;
    }
    .case-study-details blockquote{
        font-size: 15px;
        line-height: 20px;
    }
    .featured-posts{margin-bottom: 10px;}
    .case-studies h3{margin: 0 0 10px;}
    .case-studies h3 .border::after, .case-studies h2 .border::after{
        margin: 5px 0 0 15px;
        width: 100px;
    }
    .serv-list{
        font-size: 14px;
        line-height: 18px;
    }
    .featured-post .hover-box{padding: 65px 10px 10px 65px;}
    .featured-post:nth-child(2) .hover-box{padding: 65px 65px 10px 10px;}
    .featured-post:nth-child(3) .hover-box{padding: 65px 10px 10px 65px;}
    .featured-post:nth-child(4) .hover-box{padding: 65px 65px 10px 10px;}
    
}
@media screen and (max-width: 639px){
     .post-holder{
        width: 100%;
        margin: 0 0 20px;
    }
    .contact-block div.wpcf7 .wpcf7-form-control-wrap{width: 100%;}
    .contact-block div.wpcf7 h1{
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 10px;
    }
    .contact-block div.wpcf7 input[type="text"],
    .contact-block div.wpcf7 input[type="tel"],
    .contact-block div.wpcf7 input[type="email"],
    .contact-block div.wpcf7 textarea{
        font-size: 16px;
        font-weight: normal;
        line-height: 20px;
        padding: 10px 15px;
        height: 40px;
    }
    .contact-block div.wpcf7 input[type="submit"]{
        padding: 10px 50px 10px 15px;
        font-size: 18px;
        line-height: 22px;
    }
    .contact-block div.wpcf7 .btn-submit:after{
        top: 12px;
        right: 10px;
        -webkit-transform: scale(0.7);
           -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
             -o-transform: scale(0.7);
                transform: scale(0.7);
    }
    .staff-slide{max-width: 100%;}
    .cpl-single-post .text-holder,
    .author-box,
    .cpl-single-post .post-content{padding: 25px 0 0;}
    .author-meta .author-sociallinks,
    .author-meta .author-contact,
    .post-social-share ul{
        float: none;
        max-width: 100%;
        padding: 0 0 10px;
    }
    .author-meta,
    .post-social-share{padding: 10px 0 0;}
    .author-box .author-img{
        float: none;
        margin: 0 0 15px;
    }
    .author-details{padding: 20px 0;}
    .blog-enteries .blog-list .img-holder{float: none;}
    .blog-enteries .text-holder{padding: 15px 0 0;}
}
/* rf extra styles */
.view-jobs {
  padding: 20px 65px 20px 20px;
  text-align: center;
  background-image: url('images/icon-arrow.png');
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-color: #fe9b02 ;
  color: #fff;
  border: solid 1px #fe9b02 ;
  display: block;
  line-height: 26px;
  margin-top: 90px;
  border-radius: 4px;
}
.view-jobs:hover {
  color: #fe9b02 ;
  background-color: #fff;
  background-image: url('images/icon-arrow-orange.png');
}
.main-banner.home h1::after {
  display: none;
}
.main-banner h1 {
    color: white !important;
}
/* css fro view all directors page */
.staff-slide-all .img-holder {
    position: relative;
    margin: 0;
}
.staff-slide-all .text-holder {
    background: #f8f8f8 ;
    padding: 20px 10px 57px;
    border-color: #ececec ;
    border-style: solid;
    border-width: 0 2px 2px;
}
.staff-slide-all .title {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #1071b6 ;
    margin: 0 0 5px;
}
.staff-slide-all .designation {
    font-size: 15px;
    line-height: 18px;
    color: #333;
    display: block;
    margin: 0 0 15px;
}
.staff-section .staff-slide-all .btn {
    display: none;
    background: none;
    border-color: #fff;
    color: #fff;
    font-size: 17px;
    line-height: 21px;
    padding: 13px;
    min-width: 143px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.staff-slide-all:hover .img-holder::after, .staff-slide-all:hover .btn {
    display: block;
}
.staff-slide-all .img-holder::after {
    background: rgba(16,113,182,0.65);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ‘’;
    display: none;
}
.staff-slide-all {
  width:25%;
  float:left;
  max-width: 263px;
  margin: 0 16px 10px;
}
.staff-slide-all:nth-child(4n+0) {
  clear:right;
}
.staff-slide-all:nth-child(4n+1) {
  clear:left;
}
/* single stat for case stidies */
.study-box h5 {
  display: none;
}
.study-box strong h5 {
  display: block;
}
/*.case-study-details .stats-list li {
  display: none;
  width:100%;
}
*/
.case-study-details .stats-list li:only-child {
    text-align: center;
    height: 100%;
    white-space: nowrap;
    width: 100%;
}
.case-study-details .stats-list.twon li{
    text-align: center;
    height: 100%;
    white-space: nowrap;
}
.case-study-details .stats-list.twon li:after,
.case-study-details .stats-list li:only-child:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px;
    margin: 0 0 0 -5px;
}
.case-study-details .stats-list li:only-child h5{
    font-size: 30px;
    line-height: 35px;
}
.case-study-details .stats-list.twon strong.value{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
.case-study-details .stats-list li:only-child strong.value{
    font-size: 80px;
    line-height: 85px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}
.case-study-details .stats-list.threen li:last-child{
    width: 100%;
    text-align: center;
}
.case-study-details .study-box .frame {
    padding: 25px;
    min-height: 82px;
    height: 332px;
}
/* map markers */
.map-pin.pin15 {
    left: 46%;
    top: 57%;
}
.map-pin.pin2 {
    left: 20%;
    top: 36%;
}

.map-pin.pin4 {
    left: 24%;
    top: 44%;
}
.map-pin.pin5 {
    left: 26%;
    top: 44%;
}
.map-pin.pin6 {
    left: 47%;
    top: 44%;
}
.map-pin.pin7 {
    left: 43%;
    top: 51%;
}
.map-pin.pin8 {
    left: 32%;
    top: 86%;
}
.map-pin.pin9 {
    display: none;
}
.map-pin.pin10 {
    left: 16%;
    top: 39%;
}
.map-pin.pin11 {
    left: 16%;
    top: 36%;
}
.map-pin.pin12 {
    left: 17%;
    top: 32%;
}
.map-pin.pin13 {
    left: 18%;
    top: 38%;
}
.map-pin.pin14 {
    left: 20%;
    top: 31%;
}
.map-pin.pin16 {
    left: 22%;
    top: 67%;
}
.map-pin.pin17 {
    left: 48%;
    top: 54%;
}
.map-pin.pin19 {
    left: 35%;
    top: 51%;
}
.map-pin.pin18 {
    left: 31%;
    top: 45%;
}
.main-navigation #menu-item-20 .sub-menu .sub-menu {
    left: auto !important;
    right: 100% !important;
    top: 0;
}
.single-cplinsights .cpl-single-post h2,
.single-cplinsights .single-meta-list li a,
.single-cplinsights .single-meta-list li a i:before,
.single-cplinsights .single-meta-list li i:before,
.single-cplinsights h3 {
  color:#333 !important;
}
.single-cplinsights footer h3 {
  color:#fff !important;
}
.single-cplstaff .clients-details {
  display: none;
}
.highlight-box {
  padding:15px 15px 25px;
  background-color:rgba(16,113,182,0.7);
}
.highlight-box h2 {
    color:white;
}
/* mk form styles */
/*.mktoForm, .mktoFormCol, .mktoFieldWrap, .mktoField  {
  width:100% !important;
  margin-left:auto;
  margin-right:auto;
}
.mktoForm {
  padding:15px;
  background-color:rgba(255,255,255,0.8);
  margin: 0 0 0 auto;
  max-width: 680px;
}
.mktoForm .mktoGutter,
.mktoForm .mktoOffset{display: none !important;}
.mktoForm .mktoLabel{float: none !important;}
.mktoForm input[type="text"], .mktoForm input[type="url"], .mktoForm input[type="search"], .mktoForm input[type="email"], .mktoForm input[type="tel"], .mktoForm input[type="number"], .mktoForm input[type="date"], .mktoForm select.mktoField{
    border-radius: 2px !important;
    box-shadow: none !important;
    height: 40px;
    padding: 10px 15px !important;
    border: 1px solid rgba(16, 113, 182, 0.7)
}
.mktoForm textarea.mktoField{
    border-radius: 2px !important;
    box-shadow: none !important;
    height: 150px !important;
    padding: 10px 15px !important;
    border: 1px solid rgba(16, 113, 182, 0.7);   
}
.mktoButtonWrap.mktoSimple{margin: 0 0 0 7px !important;}
.mktoForm .mktoAsterix{
    float: left !important;
    margin-right: 5px; 
    padding: 10px 0 0 10px !important;
}
.mktoButtonWrap.mktoRound{
    margin-left: 0 !important;
    display: block;
}
.mktoForm .mktoButtonWrap.mktoRound .mktoButton{
    min-width: 120px;
    font-size: 16px;
    line-height: 20px;
}
@media screen and (max-width:480px){
    .mktoForm input[type="text"], .mktoForm input[type="url"], .mktoForm input[type="search"], .mktoForm input[type="email"], .mktoForm input[type="tel"], .mktoForm input[type="number"], .mktoForm input[type="date"], .mktoForm select.mktoField{
        border-radius: 2px !important;
        box-shadow: none !important;
        height: 40px !important;
        padding: 10px 15px !important;
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix{padding: 5px 0 0 5px !important;}
}*/
/* RF extra changes */
.parent-pageid-874 .statics-section {
  display:none;
}
.page-id-12 .about-us .container iframe {
  float:right;
  margin:0px 0px 10px 20px;
}
span.name, span.address, a.phone, a.email, a.website  {
  display:block;
  text-align: left;
  clear:both;
  float:none;
}
.location-holder {
  height:500px;
  overflow: scroll;
}
.popup-holder {
    padding: 20px;
}
.postid-681 .slider-holder .slick-track,
.postid-695 .slider-holder .slick-track,
.postid-79 .slider-holder .slick-track,
.postid-698 .slider-holder .slick-track,
.postid-699 .slider-holder .slick-track,
.postid-700 .slider-holder .slick-track,
.postid-88 .slider-holder .slick-track,
.postid-97 .slider-holder .slick-track,
.postid-702 .slider-holder .slick-track,
.postid-1846 .slider-holder .slick-track,
.postid-95 .slider-holder .slick-track {
  display:inline-block;
  margin:0px auto;
}
.page-template-cpl_contact_template .wpcf7 p {
    display:none;
}
.page-template-cpl_contact_template .wpcf7 p:nth-child(1) {
    display:block;
}
.set-height {
  height:248px;
  background-color: white;
  box-sizing: border-box;
  padding-top:40px;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}
.page-template-cpl_testimonials_template h2 .holder::after {
    height: 0px;
    background: none;
    left: 0%;
    margin: 0 0 0 0;
    width: 0px;
}
.page-template-cpl_testimonials_template h2 .holder::before {
    bottom: 0;
    left: 0%;
    background: none;
    width: 0px;
    height: 0px;
    margin: 0 0 0 0;
    z-index: 2;
}
.page-template-cpl_testimonials_template h2 .holder {
    position: relative;
    padding: 20px 0px 0px 0px;
    display: inline-block;
}
#ssba-classic-2 {
    width: auto !important;
    vertical-align: middle;
}
#ssba-classic-2>div {
    height: 30px;
}
.ssba, .ssba a {
    margin-right: 6px;
}
.post-share a {
    display: inline-block;
}
.ssba img {
    padding: 0 !important;
}
.mktoCheckboxList #privacyPolicyRead {
    -webkit-appearance: checkbox;
}
.job-cta-bar {
    background: #2485d4;
    color: #fff;
    font-size: 22px;
    padding: 15px 15px 20px;
}
.job-cta-bar p{
    color: #fff;
    font-size: 22px;
}
.cta-bar-btn {
    display: inline-block;
    margin: 0 15px;
}
.cta-bar-btn a {
    border: 2px solid #fff;
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
}
.text-center {
    text-align: center;
}
.cookie-bar {
    opacity: 1;
    background: #484848;
    color: #fff;
    padding: 10px 15px;
    font-size: 18px;
}
.cookie-bar p {
    color: #fff;
    font-size: 18px;
}
.cookie-right-side button {
    background: #f3521e;
    border: none;
    padding: 7px 25px;
    border-radius: 3px;
    font-weight: 700;
    margin-left: 15px;
	cursor: pointer;
}