/*
 * Template Name: Careers
 */

/*******************************************************
*
* Body
*
*******************************************************/

#inner-page-wrapper{
	margin-bottom: 0;
	z-index: unset;
}
#inner-page-wrapper > .container{
	width: 100%;
	padding: 0 0;
}

.inner-container {
    max-width: 1180px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 10;
}

.outer-container {
    max-width: 1322px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 10;
}

.full-container {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 10;
}

.ip-title {
    text-align: center;
    text-transform: uppercase;
}

.ip-title .small {
    display: block;
    font-size: 16px;
    color: #005686;
    letter-spacing: 0.39em;
    margin-bottom: 10px;
}

.ip-title h2 {
    font-size: 64px;
    letter-spacing: 0.05em;
    color: #231f20;
    font-weight: 500;
}

.ip-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 60px;
    background: transparent;
    border: 1px solid #231f20;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.15em;
    color: #231f20;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.ip-btn:hover {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: #fff;
}

.page-template-careers .ip-banner {
    display: none;
}

.ip-careers {
    position: relative;
    width: 100%;
}

.ip-custom-banner {
    position: relative;
    width: 100%;
}

.ipcb-img {
    position: relative;
    font-size: 0;
    overflow: hidden;
}

.ipcb-img canvas {
    width: 100%;
    display: block;
    min-height: 649px;
}

.ipcb-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    max-width: none;
}

.ipcb-img:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 2;
    background: url(../../images/careers/banner-overlay.png) no-repeat top center/ cover;
    background-size: 100% 100%;
}

.ipcb-content {
    position: absolute;
    left: 0;
    top: 40.77809798270893%;
    width: 100%;
    z-index: 10;
    pointer-events: none;
}

.ipcb-left {
    max-width: 626px;
    width: 48.82995319812793%;
    position: relative;
    pointer-events: auto;
}

.ipcb-title.ip-title {
    text-align: left;
}

.ipcb-title.ip-title .small {
    color: #fff;
}

.ipcb-title.ip-title h2 {
    color: #fff;
    font-size: 54px;
}

.ipcb-right {
    position: absolute;
    left: 0;
    /* bottom: -23.26656394453005%; */
    bottom: -151px;
    z-index: 11;
    width: 100%;
    pointer-events: none;
}

.ipcb-contact {
    width: 48.82995319812793%;
    margin: 0 0 0 auto;
    background: #fff;
    position: relative;
    pointer-events: auto;
    -webkit-box-shadow: 0px 13px 13px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 13px 13px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 13px 13px 0px rgba(0, 0, 0, 0.1);
}

.ipcb-contact h3 {
    width: 100%;
    height: 62px;
    text-transform: uppercase;
    background: #00a9df;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 27px;
    color: #fff;
    letter-spacing: 0.05em;
}

.ipcbc-inner {
    /* padding: 60px 30px 55px; */
    padding: 30px 30px 50px;
}

.ipcbc-contact {
    max-width: 515px;
    margin: 0 auto;
    position: relative;
}

.gsn-form {
    position: relative;
    width: 100%;
}

.gsn-form input {
    width: 100%;
    padding: 14px 3px;
    border: none;
    border-bottom: 1px solid#b2b2b2;
    outline: 0;
    font-size: 14px;
    color: #9c9c9c;
    letter-spacing: 0.024em;
}

.gsn-form select {
    width: 100%;
    padding: 14px 3px;
    border: none;
    border-bottom: 1px solid#b2b2b2;
    outline: 0;
    font-size: 14px;
    color: #9c9c9c;
    letter-spacing: 0.024em;
    background: transparent url(../../images/careers/arrow.png) no-repeat right -10px center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

.gsn-form label {
    font-size: 14px;
    color: #3d3d3d;
    letter-spacing: 0.024em;
    display: block;
    font-weight: 500;
}

.gsn-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

.gsn-flex:first-of-type {
    margin-bottom: 20px;
}

.gsn-flex label {
    width: 100%;
    margin-bottom: 14px;
}

.gsn-flex > div {
    width: 50%;
}

.gsn-fname {
    padding-right: 15px;
}

.gsn-name {
    padding-left: 15px;
}

.gsn-licensed {
    margin-bottom: 45px;
}

.gsn-licensed label {
    margin-bottom: 14px;
}

.gsn-radio > label {
    margin-bottom: 20px;
}

#gsn-hear {
    column-count: 2;
    width: 100%;
    display: block;
}

.gsn-radio .wpcf7-form-control-wrap {
    width: 100%;
}

#gsn-hear .wpcf7-list-item {
    display: block;
    margin-left: 0;
    margin-bottom: 10px;
}

#gsn-hear .wpcf7-list-item label {
    color: #686868;
    font-size: 14px;
    letter-spacing: 0.024em;
    display: flex;
    align-items: center;
    width: max-content;
}

#gsn-hear .wpcf7-list-item label input[type="radio"] {
    width: 0;
    opacity: 0;
    visibility: hidden;
    height: 0;
}

#gsn-hear .wpcf7-list-item-label {
    display: flex;
    align-items: center;
}

#gsn-hear .wpcf7-list-item-label:before {
    width: 14px;
    height: 14px;
    background: transparent;
    border: 1px solid #000;
    margin-right: 9px;
    border-radius: 50px;
}

#gsn-hear input[type="radio"]:checked ~ .wpcf7-list-item-label:before {
    background: #000;
}

.gsn-send {
    margin: 45px auto 0;
    position: relative;
    max-width: 229px;
}

.gsn-send input {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 60px;
    background: transparent;
    border: 1px solid #231f20;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.15em;
    color: #231f20;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.gsn-send input:hover {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: #fff;
}

.ipcbc-contact .wpcf7-response-output {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 10px auto 0 !important;
    font-size: 12px;
    padding: 10px !important;
}

.gsn-send .wpcf7-spinner {
    margin: 0;
    position: absolute;
}

.ipcbc-contact .use-floating-validation-tip .wpcf7-not-valid-tip {
    font-size: 12px;
    width: max-content;
    max-width: 100%;
    position: absolute;
    top: 50%;
}

.ip-breadcrumbs {
    padding: 15px 0;
    color: #231f20;
    font-size: 14px;
}

.ip-breadcrumbs .breadcrumb_last strong {
    font-weight: 400;
}

.ipc-video {
    position: relative;
    padding: 190px 0 50px;
}

.ipcv-video canvas {
    width: 100%;
    display: block;
}

.ipcv-video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ipcv-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 449px;
    background: url(../../images/careers/video-bg.jpg) no-repeat center center/cover;
}

.ipcv-bg:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(255,255,255,0.75);
}

.ipcv-title.ip-title {
    margin-bottom: 60px;
}

.ipcv-title.ip-title h2 {
    font-size: 51px;
}

.ipcv-video {
    max-width: 890px;
    margin: 0 auto;
    position: relative;
}

.ipc-sft {
    padding: 105px 0 80px;
    position: relative;
    background: url(../../images/careers/sft-bg.jpg) no-repeat center center/ cover;
}

.ipc-sft:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(35 31 32 / 90%);
}

.ipcsft-title.ip-title {
    margin-bottom: 45px;
}

.ipcsft-title.ip-title .small, .ipcsft-title.ip-title h2 {
    color: #fff;
}

.ipcsft-flex {
    max-width: 942px;
    margin: 0 auto 50px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.ipcsft-item {
    max-width: 239px;
    width: 100%;
    text-align: center;
    height: 239px;
    margin-left: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #989797;
    padding: 15px;
    cursor: pointer;
}

.ipcsft-item:first-child {
    margin-left: 0;
}

.ipcsft-item h3 {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.05em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.ipcsft-item span {
    font-size: 21px;
    line-height: 36px;
    letter-spacing: 0.05em;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.ipcsft-item:hover h3 {
    opacity: 0;
    visibility: hidden;
}

.ipcsft-item:hover span {
    opacity: 1;
    visibility: visible;
}

.ipcsft-desc {
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.ipc-partners {
    padding: 120px 0 100px;
    position: relative;
    background: #00a9df;
}

.ipcp-title.ip-title {
    margin-bottom: 80px;
}

.ipcp-title.ip-title .small, .ipcp-title.ip-title h2 {
    color: #fff;
}

.ipcp-logos {
    max-width: 1133px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}

.ipcpl-wrap {
    margin: 0 -15px;
    position: relative;
    width: 13.50397175639894%;
}

.ipcpl-wrap:nth-child(even) {
    margin-top: 72px;
}

.ipcpl-item {
    position: relative;
    font-size: 0;
    margin-bottom: 10px;
}

.ipcpl-item canvas {
    display: block;
    width: 100%;
    background: url(../../images/careers/hexagon.png) no-repeat center center/ contain;
}

.ipcpl-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 10;
}

.ipcpl-logo img {
    width: auto;
    height: auto;
    max-width: 81.045752%;
}

.ipcpl-logo.post-studios img,
.ipcpl-logo.wral img,
.ipcpl-logo.bradey-law img{
    max-width: 70%;
}

.ipcpl-item.no-logo canvas {
    background: none;
}

.ipc-mt {
    padding: 60px 0;
    position: relative;
}

.ipcmt-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ipcmt-bg:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 0;
    background: url(../../images/careers/mt-bg.jpg) no-repeat center center/ cover;
    background-attachment: fixed;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.safari .ipcmt-bg:before {
    background-attachment: unset;
}

.ipcmt-bg:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    background: rgba(255,255,255,0.9);
}

.ipc-mt .outer-container {
    max-width: 1388px;
}

.ipcmt-box {
    padding: 80px 30px 50px;
    position: relative;
    background: #fff;
}

.ipcmtb-inner {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
}

.ipcmt-title.ip-title {
    margin-bottom: 65px;
}

.ipcmt-desc {
    margin-bottom: 70px;
    text-align: center;
}

.ipcmt-desc p {
    margin-bottom: 65px;
    font-size: 14px;
    line-height: 25px;
    color: #3d3d3d;
    letter-spacing: 0.024em;
    font-weight: 500;
}

.ipcmt-desc .highlight {
    font-size: 20px;
    font-weight: 600;
    color: #3d3d3d;
}

.ipcmt-logos {
    max-width: 724px;
    margin: 0 auto;
}

.ipcmtl-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ipcmtl-item {
    margin-bottom: 35px;
    width: auto;
    position: relative;
    font-size: 0;
}

.ipcmtl-item img {
    width: auto;
    height: auto;
}

.ipc-introducing {
    padding: 105px 0 30px;
    position: relative;
}

.ipci-title.ip-title {
    margin-bottom: 60px;
}

.ipci-desc {
    margin-bottom: 40px;
    text-align: center;
}

.ipci-desc p {
    margin-bottom: 20px;
    font-size: 14px;
    letter-spacing: 0.024em;
    line-height: 25px;
    color: #3d3d3d;
    font-weight: 500;
}

.ipci-desc p span {
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.ipci-desc p:last-child {
    margin-top: 30px;
}

.ipci-btn {
    max-width: 229px;
    margin: 0 auto;
}

.ipci-cta {
    margin-top: 70px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.icta-item {
    max-width: 387px;
    width: 100%;
    margin-left: 30px;
    position: relative;
    border-top: 8px solid #00a9df;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #231f20;
    color: #fff;
}

.icta-item:first-child {
    margin-left: 0;
    margin-top: 0;
}

.icta-item h3 {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 28px;
    font-weight: 600;
}

.ipc-bw {
    padding: 100px 0 0;
    position: relative;
}

.ipcbw-title.ip-title {
    margin-bottom: 55px;
}

.ipcbw-cta:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 71.93877551020408%;
    background: #231f20;
    content: '';
}

.bwcta-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.ipcbw-cta {
    position: relative;
    padding-bottom: 105px;
}

.bwcta-item-wrap {
    max-width: 215px;
    width: 100%;
    position: relative;
    margin-left: 20px;
}

.bwcta-item-wrap:first-child {
    margin-left: 0;
    margin-top: 0;
}

.bwcta-item {
    position: relative;
    text-align: center;
    color: #fff;
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.bwcta-item:hover {
    opacity: 0.8;
}

.bwcta-circle {
    margin-bottom: 20px;
    position: relative;
    font-size: 0;
}

.bwcta-circle canvas {
    width: 100%;
    display: block;
    background: #fff;
    border-radius: 50%;
}

.bwcta-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 10;
}

.bwcta-circle:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 89.30232558139535%;
    height: 89.30232558139535%;
    border-radius: 50%;
    border: 5px solid #00a9df;
    content: '';
}

.bwcta-icon i {
    display: block;
}

.lm-icon {
    width: 47px;
    height: 47px;
    background: url(../../images/careers/lm-icon.png) no-repeat center center/ contain;
}

.dmas-icon {
    width: 44px;
    height: 44px;
    background: url(../../images/careers/dmas-icon.png) no-repeat center center/ contain;
}

.ts-icon {
    width: 41px;
    height: 41px;
    background: url(../../images/careers/ts-icon.png) no-repeat center center/ contain;
}

.ms-icon {
    width: 42px;
    height: 42px;
    background: url(../../images/careers/ms-icon.png) no-repeat center center/ contain;
}

.tcs-icon {
    width: 50px;
    height: 50px;
    background: url(../../images/careers/tcs-icon.png) no-repeat center center/ contain;
}

.bwcta-item h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #fff;
}

.ipc-producers {
    padding: 110px 0 0;
    position: relative;
}

.ipcp-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 517px;
}

.ipcp-bg:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../../images/careers/agents-bg.jpg) no-repeat center center/ cover;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.ipcp-bg:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    background: rgb(35 31 32 / 90%);
}

.ipcp-agents {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pagent-item-wrap {
    max-width: 387px;
    margin-bottom: 40px;
    position: relative;
    width: 30.18720748829953%;
}

.pagent-item {
    display: block;
    position: relative;
    width: 100%;
    max-width: 387px;
    margin: 0 auto;
}

.pagent-img {
    position: relative;
    font-size: 0;
    width: 100%;
    overflow: hidden;
}

.pagent-img canvas {
    width: 100%;
    display: block;
}

.pagent-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
/*    width: 100%;*/
    width: 70%;
    height: auto;
}

.pagent-img:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 2;
    background: url(../../images/careers/agents-overlay.png) no-repeat bottom center/ cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.pagent-desc {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 10.46831955922865%;
    width: 100%;
    text-align: center;
}

.pagent-desc h3 {
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #fff;
}

.pagent-item:hover .pagent-img:before {
    opacity: 0.7;
}

.ipcp-content {
    position: relative;
    width: 100%;
    margin-top: 70px;
}

.ipcp-content .outer-container {
    max-width: 1520px;
}

.cpc-outer {
    position: relative;
    width: 100%;
    margin-top: 105px;
}
.cpc-outer[data-agent-id="249"],
.cpc-outer[data-agent-id="249"] ~ div {
    display: none;
}

.cpc-inner {
    max-width: 1342px;
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    z-index: 10;
}

.cpc-top {
    margin-bottom: 25px;
}

.cpc-title.ip-title {
    max-width: 820px;
    margin: 0 0 0 auto;
    text-align: left;
    width: 64.0405616224649%;
    white-space: nowrap;
}

.cpc-bottom {
    position: relative;
}

.cpc-bottom:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../../images/careers/agents-bg2.jpg) no-repeat center center/ cover;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.cpc-bottom:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(35 31 32 / 90%);
}

.cpc-right {
    padding: 80px 0 90px 15px;
    max-width: 820px;
    margin: 0 0 0 auto;
    width: 64.0405616224649%;
}

.cpc-right p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    letter-spacing: 0.024em;
    font-weight: 500;
}

.cpc-btn {
    margin-top: 45px;
    max-width: 229px;
}

.cpc-btn .ip-btn {
    color: #fff;
    border-color: #fff;
}

.cpc-btn .ip-btn:hover {
    border-color: var(--accent-color) !important;
    color: #fff !important;
}

.cpc-left {
    position: absolute;
    left: 0;
    top: -113px;
    max-width: 397px;
    width: 30.96723868954758%;
}

.cpci-wrap {
    position: relative;
    width: 100%;
}

.cpc-agent-wrap {
    position: relative;
    width: 100%;
}

.cpc-agent {
    position: relative;
    width: 97.48110831234257%;
    display: block;
    z-index: 10;
}

.cpca-img {
    position: relative;
    font-size: 0;
    width: 100%;
    overflow: hidden;
}

.cpca-img canvas {
    display: block;
    width: 100%;
}

.cpca-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
/*    width: 100%;*/
    width: 70%;
    height: auto;
}

.cpca-img:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 2;
    background: url(../../images/careers/agent-overlay2.png) no-repeat bottom center/ cover;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.cpc-agent:hover .cpca-img:before {
    opacity: 0.7;
}

.cpca-desc {
    position: absolute;
    left: 0;
    bottom: 8.413461538461538%;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.cpca-desc h3 {
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #fff;
}

.cpc-agent-wrap:after {
    position: absolute;
    right: 0;
    bottom: -4.567307692307692%;
    width: 97.48110831234257%;
    height: 100%;
    background: #00a9df;
    content: '';
    z-index: 1;
}

.cpc-title.ip-title .small {
    margin-bottom: 6px;
}

.cpc-outer:nth-child(even) .cpc-title.ip-title {
    margin: 0 auto 0 0;
}

.cpc-title.ip-title h2 {
    font-size: min(4.57vw, 64px);
}

.cpc-outer:nth-child(even) .cpc-left {
    left: unset;
    right: 0;
}

.cpc-outer:nth-child(even) .cpc-right {
    margin: 0 auto 0 0;
}

.cpc-outer:nth-child(even) .cpc-bottom:after {
    background: rgba(255,255,255,0.9);
}

.cpc-outer:nth-child(even) .cpc-right p {
    color: #3d3d3d;
}

.cpc-outer:nth-child(even) .cpc-btn .ip-btn {
    border-color: #231f20;
    color: #231f20;
}

/*new section*/
.cpc-title.ip-title.cpc-title-full {
    width: 100%;
    margin: 0;
    max-width: 100%;
    text-align: center;
}
.cpc-row {
    color: #ffff;
    padding: 90px 0;
}

.cpc-row h3 {
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.3em;
    text-transform: none;
    margin-bottom: 20px;
}

.cpc-row p {
    font-size: 1.2em;
    line-height: 1.5em;
}

.cpc-row .col-md-12 h3 {
    margin: 50px 0 0;
}

.cpc-videos-embed .outer-container {
    max-width: 1140px;
}
    .cpc-videos-embed {
        padding: 60px 0;
    }
        .cpc-videos-embed .embed-responsive {
            padding-top: 179%;
            margin: 15px auto;
        }

/*******************************************************
*
* Mobile styles and other media queries
*
*******************************************************/

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
    .ipcv-video iframe {
        width: 100%;
    }
    
    .ipcpl-wrap {
        margin: 0 -10px;
    }
    
    .ipcpl-item {
        margin-bottom: 10px;
    }
    
    .ipcpl-wrap:nth-child(even) {
        margin-top: 60px;
    }
    
    .ipcp-logos {
        max-width: 952px;
    }
    
    .bwcta-item h3 {
        font-size: 17px;
    }
    
    .cpca-desc h3 {
        font-size: 22px;
    }

    .pagent-desc h3 {
        font-size: 22px;
    }
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
    .ipcb-right {
        position: relative;
        bottom: 0;
        margin-top: 30px;
    }
    
    .ipcb-left {
        width: 100%;
        margin: 0 auto;
    }
    
    .ipcb-title.ip-title {
        text-align: center;
    }
    
    .ipcb-contact {
        width: 100%;
        max-width: 626px;
        margin: 0 auto;
    }
    
    .ipcsft-flex {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .ipcsft-item {
        margin-left: 0;
        margin-top: 20px;
    }
    
    .ipcsft-item:first-child {
        margin-top: 0;
    }
    
    .ipci-cta {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .icta-item {
        margin-left: 0;
        margin-top: 20px;
    }
    
    .bwcta-flex {
        /* flex-direction: column; */
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .bwcta-item-wrap {
        margin-left: 0;
        margin: 15px;
    }
    
    .ipcbw-cta:before {
        height: 82%;
    }
    
    .pagent-item-wrap {
        width: 50%;
        padding: 0 15px;
    }
    
    .cpc-title.ip-title {
        margin: 0 auto !important;
        width: max-content;
        white-space: normal;
        text-align: center;
    }
    
    .cpc-title.ip-title h2 {
        font-size: 50px;
    }
    
    .cpc-bottom {
        padding: 50px 0 80px;
    }
    
    .cpc-left {
        position: relative;
        top: unset;
        left: unset !important;
        width: 100%;
        margin: 0 auto;
        right: unset !important;
    }
    
    .cpc-right {
        padding: 60px 0 0;
        width: 100%;
        text-align: center;
        margin: 0 auto !important;
    }
    
    .cpc-btn {
        margin: 45px auto 0;
    }
    
    .cpc-outer {
        margin-top: 80px;
    }

    .ipcp-logos {
        flex-wrap: wrap;
        max-width: 400px;
        margin-top: 105px;
    }
    
    .ipcpl-wrap {
        width: 33.33%;
    }
    
    .ipcpl-item.no-logo {
        display: none;
    }
    
    .ipcpl-wrap:nth-child(even) {margin-top: -60px;}
    
    .ipcpl-wrap:nth-child(4) {
        margin-top: -125px;
    }
    
    .ipcpl-wrap:nth-child(5) {
        margin-top: -190px;
    }
    
    .ipcpl-wrap:nth-child(6) {
        margin-top: 0px;
    }
    
    .ipcpl-wrap:nth-child(7) {
        margin-top: -120px;
    }

    .ipcpl-wrap:nth-child(8) {
        margin-top: -190px;
    }    

    .ipcp-agents {
        justify-content: center;
    }
    .cpc-row .col-md-4 {
        margin-bottom: 60px;
    }
    .cpc-videos-embed .outer-container {
        max-width: 500px;
    }
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
    .ipcb-img canvas {
        min-height: 300px;
    }
    
    .ipcb-content {
        top: 50%;
        transform: translateY(-50%);
    }
    
    .ipcb-title.ip-title h2 {
        font-size: 36px;
    }
    
    .ipcv-title.ip-title h2 {
        font-size: 40px;
    }
    
    .ip-title h2 {
        font-size: 46px;
    }
    
    .ipcmtl-flex {
        flex-direction: column;
    }
    
    .bwcta-item-wrap {
        width: 100%;
    }
    
    .bwcta-flex {
        flex-direction: column;
    }
    
    .ipcbw-cta:before {
        height: 95%;
    }
    
    .ipcp-agents {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .pagent-item-wrap {
        width: 100%;
        padding: 0;
    }
    
    .cpc-title.ip-title {
        width: auto;
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 567px) {
    .inner-container, .outer-container {
        padding: 0 15px;
    }
    
    .ipcb-contact h3 {
        font-size: 20px;
    }
    
    .ipcbc-inner {
        padding: 60px 20px;
    }

    .ipcv-video canvas {
        min-height: 181px;
    }
    
    .gsn-flex {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .gsn-flex > div {
        width: 100%;
        padding: 0 !important;
    }
    
    .ipcv-title.ip-title h2 {
        font-size: 24px;
    }
    
    .ipc-video {
        padding: 50px 0;
    }
    
    .ipcv-title.ip-title {
        margin-bottom: 30px;
    }
    
    .ip-title h2 {
        font-size: 32px;
    }
    
    .ipcp-logos {
        max-width: 290px;
    }
    
    .ipcmt-box {
        padding: 80px 20px 50px;
    }
    
    .ip-title .small {
        font-size: 15px;
    }
    
    .icta-item h3 {
        font-size: 18px;
    }
    
    .cpc-inner {
        padding: 0;
    }
    
    .cpc-title.ip-title h2 {
        font-size: 32px;
    }
    
    .cpc-bottom {
        padding: 50px 15px 80px;
    }
    
    .ipcpl-wrap:nth-child(even) {
        margin-top: -48px;
    }
    
    .ipcpl-wrap {
        margin: 0 -7px;
    }
    
    .ipcpl-wrap:nth-child(4) {
        margin-top: -95px;
    }
    
    .ipcpl-wrap:nth-child(5) {
        margin-top: -143px;
    }
    
    .ipcpl-wrap:nth-child(6) {
        margin-top: 0;
    }
    
    .ipcpl-wrap:nth-child(7) {
        margin-top: -95px;
    }

    .ipcpl-wrap:nth-child(8) {
        margin-top: -142px;
    }
}