@import url('bootstrap.min.css');
@import url('animate.min.css');

* {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

header,
footer,
article,
section,
hgroup,
nav,
figure {
    display: block;
    margin: 0px;
    padding: 0px;
}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    transition: all 0.5s ease-in-out 0s;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

a,
button {
    text-decoration: none;
    outline: none;
    transition: all 0.5s ease-in-out 0s;
    color: #222222;
}

i.fa {
    transition: all 0.5s ease-in-out 0s;
}

p,
td,
input,
label,
form,
h1,
h2,
h3,
h4,
h5,
h6,
a {
    padding: 0px;
    margin: 0px;
    border: none;
    text-decoration: none;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
input[type="tel"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    transition: all 0.5s ease-in-out 0s;
    outline: none;
    resize: none;
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
    outline: none;
    cursor: pointer;
}

.clear {
    clear: both;
}

.vm {
    vertical-align: middle;
}

.relative {
    position: relative;
}

.left {
    float: left;
}

.right {
    float: right !important;
}


/*placeholder css*/


/* input::-webkit-input-placeholder {
		opacity:1 !important;
		 font-weight: 300;
		 color:#9b9b9b;
}
.searchbox input::-webkit-input-placeholder{
		color:#d4d8e4 !important;
}
input::-moz-placeholder {
		opacity:1 !important;
		 font-weight: 300;
		 color:#9b9b9b;
}
input:-ms-input-placeholder {
		opacity:1 !important;
		 font-weight: 300;
		 color:#9b9b9b;
}
input:-moz-placeholder {
		opacity:1 !important;
		 font-weight: 300;
		 color:#9b9b9b;
}

textarea::-webkit-input-placeholder {
	opacity:1 !important;
	 font-weight: 300;
	 color:#9b9b9b;
}
textarea::-moz-placeholder {
	opacity:1 !important;
	 font-weight: 300;
	 color:#9b9b9b;
}
textarea:-ms-input-placeholder {
	opacity:1 !important;
	 font-weight: 300;
	 color:#9b9b9b;
}
textarea:-moz-placeholder {
	opacity:1 !important;
	 font-weight: 300;
	 color:#9b9b9b;

} */

.parent-pageid-10 .career-inquiry-form-wrapper .ginput_container input,
.txt-fld input::-webkit-input-placeholder {
    opacity: 1 !important;
    font-weight: 500;
    color: rgba(0, 0, 0, .25);
    font-family: 'Brandon Grotesque';
    text-transform: uppercase;
}

.parent-pageid-10 .career-inquiry-form-wrapper .ginput_container input,
.txt-fld input::-moz-placeholder {
    opacity: 1 !important;
    font-weight: 500;
    font-family: 'Brandon Grotesque';
    color: rgba(0, 0, 0, .25);
    text-transform: uppercase;
}

.parent-pageid-10 .career-inquiry-form-wrapper .ginput_container input,
.txt-fld input:-ms-input-placeholder {
    opacity: 1 !important;
    font-weight: 500;
    font-family: 'Brandon Grotesque';
    color: rgba(0, 0, 0, .25);
    text-transform: uppercase;
}

.parent-pageid-10 .career-inquiry-form-wrapper .ginput_container input,
.txt-fld input:-moz-placeholder {
    opacity: 1 !important;
    font-weight: 500;
    color: #000;
    color: rgba(0, 0, 0, .25);
    text-transform: uppercase;
}

.parent-pageid-10 .career-inquiry-form-wrapper .ginput_container textarea,
.txt-fld textarea::-webkit-input-placeholder {
    opacity: 1 !important;
    font-weight: 500;
    font-family: 'Brandon Grotesque';
    text-transform: uppercase;
    color: rgba(0, 0, 0, .25);
}

.parent-pageid-10 .career-inquiry-form-wrapper .ginput_container textarea,
.txt-fld textarea::-moz-placeholder {
    opacity: 1 !important;
    font-weight: 500;
    font-family: 'Brandon Grotesque';
    text-transform: uppercase;
    color: rgba(0, 0, 0, .25);
}

.parent-pageid-10 .career-inquiry-form-wrapper .ginput_container textarea,
.txt-fld textarea:-ms-input-placeholder {
    opacity: 1 !important;
    font-weight: 500;
    font-family: 'Brandon Grotesque';
    color: rgba(0, 0, 0, .25);
    text-transform: uppercase;
}

.parent-pageid-10 .career-inquiry-form-wrapper .ginput_container textarea,
.txt-fld textarea:-moz-placeholder {
    opacity: 1 !important;
    font-weight: 500;
    color: rgba(0, 0, 0, .25);
    font-family: 'Brandon Grotesque';
    text-transform: uppercase;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../font/BrandonGrotesque-Regular.woff2') format('woff2'), url('../font/BrandonGrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../font/BrandonGrotesque-Bold.woff2') format('woff2'), url('../font/BrandonGrotesque-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../font/BrandonGrotesque-Medium.woff2') format('woff2'), url('../font/BrandonGrotesque-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../font/BrandonGrotesque-Thin.woff2') format('woff2'), url('../font/BrandonGrotesque-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../font/BrandonGrotesque-Light.woff2') format('woff2'), url('../font/BrandonGrotesque-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'InkaBText-Black';
    src: url('../font/33310A_0_0.eot');
    src: url('../font/33310A_0_0.eot?#iefix') format('embedded-opentype'), url('../font/33310A_0_0.woff2') format('woff2'), url('../font/33310A_0_0.woff') format('woff'), url('../font/33310A_0_0.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'InkaBText-BlackItalic';
    src: url('../font/33310A_1_0.eot');
    src: url('../font/33310A_1_0.eot?#iefix') format('embedded-opentype'), url('../font/33310A_1_0.woff2') format('woff2'), url('../font/33310A_1_0.woff') format('woff'), url('../font/33310A_1_0.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'InkaBText-Bold';
    src: url('../font/33310A_2_0.eot');
    src: url('../font/33310A_2_0.eot?#iefix') format('embedded-opentype'), url('../font/33310A_2_0.woff2') format('woff2'), url('../font/33310A_2_0.woff') format('woff'), url('../font/33310A_2_0.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'InkaBText-BoldItalic';
    src: url('../font/33310A_3_0.eot');
    src: url('../font/33310A_3_0.eot?#iefix') format('embedded-opentype'), url('../font/33310A_3_0.woff2') format('woff2'), url('../font/33310A_3_0.woff') format('woff'), url('../font/33310A_3_0.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'InkaBText-Medium';
    src: url('../font/33310A_4_0.eot');
    src: url('../font/33310A_4_0.eot?#iefix') format('embedded-opentype'), url('../font/33310A_4_0.woff2') format('woff2'), url('../font/33310A_4_0.woff') format('woff'), url('../font/33310A_4_0.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'InkaBText-MediumItalic';
    src: url('../font/33310A_5_0.eot');
    src: url('../font/33310A_5_0.eot?#iefix') format('embedded-opentype'), url('../font/33310A_5_0.woff2') format('woff2'), url('../font/33310A_5_0.woff') format('woff'), url('../font/33310A_5_0.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'InkaBText-RegularItalic';
    src: url('../font/33310A_6_0.eot');
    src: url('../font/33310A_6_0.eot?#iefix') format('embedded-opentype'), url('../font/33310A_6_0.woff2') format('woff2'), url('../font/33310A_6_0.woff') format('woff'), url('../font/33310A_6_0.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Inka B Text Rg';
    src: url('../font/InkaBText-Regular.woff2') format('woff2'), url('../font/InkaBText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* @font-face {
    font-family: 'Inka B Text Rg';
    src: url('../font/IInkaBText-RegularItalic.woff2') format('woff2'),
        url('../font/IInkaBText-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
} */

@font-face {
    font-family: 'Uniform';
    src: url('../font/Uniform-Regular2.woff2') format('woff2'), url('../font/Uniform-Regular2.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Uniform ExtCond';
    src: url('../font/Uniform-ExtraCondensed.woff2') format('woff2'), url('../font/Uniform-ExtraCondensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*ends css*/

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: normal;
    color: #000000;
    font-weight: 400;
    font-family: 'Brandon Grotesque';
}


/*selection color*/

::-moz-selection {
    background: #000;
    color: #ffffff;
}

::-webkit-selection {
    background: #000;
    color: #ffffff;
}

::selection {
    background: #000;
    color: #ffffff;
}


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

p {
    line-height: 1.6;
    font-size: 25px;
    margin-bottom: 15px;
    font-family: 'Inka B Text Rg';
}

p:last-child {
    margin-bottom: 0;
}

h1 {
    font-size: 88px;
    line-height: 1;
    margin-bottom: 46px;
    font-family: 'Inka B Text Rg';
}

h2 {
    font-size: 80px;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 35px;
    font-family: 'Inka B Text Rg';
}

h3 {
    font-size: 70.5px;
    line-height: 1.28;
    margin-bottom: 12px;
    font-family: 'Inka B Text Rg';
}

h4 {
    font-size: 25px;
    line-height: normal;
    font-family: 'Brandon Grotesque';
}

h5 {
    font-size: 22px;
    line-height: normal;
    font-family: 'Brandon Grotesque';
}

h6 {
    /* font-size: 16px; */
    font-size: 20px;
    line-height: normal;
    font-family: 'Brandon Grotesque';
    letter-spacing: 2.5px;
    font-weight: bold;
}

a:hover,
a:focus {
    text-decoration: none;
    color: inherit;
}

.full_width {
    width: 100%;
    float: left;
}

.container {
    max-width: 1570px;
    margin: 0 auto;
}

.mg-bt-0 {
    margin-bottom: 0;
}

header {
    float: left;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
    background: #fff;
}

.logo {
    float: left;
}

.logo a {
    display: block;
    width: 162px;
    margin-bottom: -1px;
}

.top-right {
    float: right;
    margin-top: 0px;
}

.top-right ul li {
    display: inline-block;
    margin-right: 33px;
}

.top-right ul li:last-child {
    margin-right: 0;
}

.top-right ul li a {
    font-size: 16px;
    letter-spacing: 1.5px;
    line-height: normal;
    padding: 19px 22px 18px 21px;
    position: relative;
    display: inline-block;
    transition: all 0.2s ease-in-out;
}

.top-right ul li a:after {
    position: absolute;
    left: 40%;
    right: 40%;
    margin: 0 auto;
    bottom: 0px;
    width: auto;
    height: 3px;
    transition: all 0.2s ease-in-out;
    background: #e52225;
    content: '';
    visibility: hidden;
    opacity: 0;
    background-size: 100%;
}

.top-right ul li a:hover:after {
    left: 0;
    right: 0;
    transition: all 0.2s ease-in-out;
    visibility: visible;
    opacity: 1;
}

.top-right ul li.active a,
.top-right ul li a:hover {
    color: #000;
    font-weight: bold;
}

header .container {
    position: initial;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fbf6ef;
    width: 100%;
    left: 0;
    z-index: 1;
}

.main-banner {
    float: left;
    width: 100%;
    position: relative;
}

.main-banner figure {
    position: relative;
}

.main-banner figure img {
    width: 100%;
}

.l-pd {
    padding: 194px 0 223px;
}

.bg-blue {
    background: #a9d2d5;
}


/*btn css*/


/* .view-more{}
.view-more a{padding:18px 28px; border: solid 2px #fff; letter-spacing: 1.92px;   font-size: 15.4px; font-weight:bold; transition:all 0.5s ease-in-out;   line-height: normal; display:inline-block; vertical-align:middle; position:relative;  z-index:0;}
.view-more a:after{position:absolute; left:0; right:0; top:95%; bottom:0; opacity:0; content:''; visibility:hidden; z-index:-1; transition:all 0.5s ease-in-out; background-size:100% 100%;}
.view-more a:hover:after{transition:all 0.5s ease-in-out; top:0; visibility:visible; opacity:1;}
.view-more a i{margin-left:5px; display:inline-block; vertical-align:middle; margin-top:-9px; transition:all 0.0s ease-in-out; filter:brightness(1) invert(0); transform:translateX(0px);}
 */


/* .wt a{color:#fff; border-color:#fff; transition:all 0.5s ease-in-out; position:relative;}
.wt a i{transition:all 0.5s ease-in-out; filter:brightness(0) invert(1); transform:translateX(0px);}
.wt a:hover{color:#fff; border-color:#e52225; transition:all 0.5s ease-in-out;}
.wt a:after{background:#e52225; background-size:100% 100%; position:absolute; left:0; right:0; top:95%; bottom:0; opacity:0; content:''; visibility:hidden; z-index:-1; transition:all 0.5s ease-in-out; }
.wt a:hover:after{transition:all 0.5s ease-in-out; top:0; visibility:visible; opacity:1;}
.wt a:hover i{transition:all 0.5s ease-in-out; filter:brightness(0) invert(1); transform:translateX(6px);}  */


/* .red a{color:#e52225; border-color:#e52225;  transition:all 0.5s ease-in-out; }
.red a:hover{color:#fff; border-color:#000; transition:all 0.5s ease-in-out; }
.red a i{transition:all 0.5s ease-in-out; transform:translateX(0px);}
.red a:hover i{transition:all 0.5s ease-in-out; filter:brightness(0) invert(1); transform:translateX(6px);}
.red a:after{background:#000; background-size:100% 100%; position:absolute; left:0; right:0; top:95%; bottom:0; opacity:0; content:''; visibility:hidden; z-index:-1; transition:all 0.5s ease-in-out; }
.red a:hover:after{transition:all 0.5s ease-in-out; top:0; visibility:visible; opacity:1;} */


/*end btn css*/

.read-more {}

.read-more a {
    height: 46px;
    padding: 9px 87px 9px 12px;
    border: 2px solid transparent;
    display: inline-block;
    position: relative;
    text-align: center;
    display: inline-flex;
    align-items: center;
}

.read-more a span {
    font-size: 12.4px;
    font-weight: bold;
    letter-spacing: 1.92px;
    line-height: normal;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
}

.read-more a i {
    display: inline-block;
    vertical-align: middle;
    transition: all 0.0s ease-in-out;
    filter: brightness(1) invert(0);
    transform: translateX(0px);
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    right: 20px;
    width: 60px;
}

.read-more a:hover {
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.read-more a:hover i {
    margin-right: -15px;
    transition: all 0.3s ease-in-out;
}

.wt a {
    border-color: #fff;
    z-index: 0;
}

.wt a span {
    color: #fff;
}

.wt a i {
    filter: brightness(0) invert(1);
    transition: all 0.3s ease-in-out;
}

.wt a:hover {
    border-color: #fff;
    transition: all 0.3s ease-in-out;
}

.wt a:hover span {
    color: #000000;
    margin-left: 0;
    transition: all 0.5s ease-in-out;
}

.wt a:after {
    background: #fff;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 95%;
    bottom: 0;
    opacity: 0;
    content: '';
    visibility: hidden;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.wt a:hover:after {
    transition: all 0.3s ease-in-out;
    top: 0;
    visibility: visible;
    opacity: 1;
}

.wt a:hover i {
    transition: all 0.3s ease-in-out;
    filter: brightness(0) invert(1);
    transform: translateX(30px) translateY(-50%);
}

.red a {
    border-color: #e52225;
    z-index: 0;
}

.red a span {
    color: #e52225;
}

.red a i {
    filter: brightness(1) invert(0);
    transition: all 0.3s ease-in-out;
}

.red a:hover {
    border-color: #e52225;
    transition: all 0.3s ease-in-out;
}

.red a:hover span {
    color: #fff;
    margin-left: 0;
    transition: all 0.3s ease-in-out;
}

.red a:after {
    background: #e52225;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 95%;
    bottom: 0;
    opacity: 0;
    content: '';
    visibility: hidden;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.red a:hover:after {
    transition: all 0.3s ease-in-out;
    top: 0;
    visibility: visible;
    opacity: 1;
}

.red a:hover i {
    transition: all 0.3s ease-in-out;
    filter: brightness(1) invert(0);
    transform: translateX(30px) translateY(-50%);
}

.full-img figure {
    position: relative;
}

.full-img figure img {
    width: 100%;
}

.slide-btm {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 40px;
    text-align: center;
    display: none;
}

.slide-btm a {
    display: block;
}

.hm-about-us {
    /*float:left; */
    width: 100%;
}

.hm-about-us h1 {
    font-size: 64px;
}

.hm-about-outer p {
    margin-bottom: 0px;
}

.hm-about-outer {
    max-width: 1086px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.social-icons ul li a img {
    padding: 0;
    margin: 0;
}

.customwrapper {
    width: 100%;
    float: left;
}

.bringing-brand-sec {
    /*float:left;*/
    width: 100%;
}

.bringing-brand-sec.full-img {
    height: 100vh;
}

.bringing-brand-sec.full-img figure {
    height: 100vh;
}

.bringing-brand-sec.full-img figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-left-cont {
    position: fixed;
    left: 18px;
    top: auto;
    z-index: 1;
}

.img-left-cont p {
    font-size: inherit;
    font-family: inherit;
}

.img-left-cont a {
    color: #fff;
    letter-spacing: 2.64px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    transform: rotate(-90deg) translateX(-100%);
    transform-origin: top left;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}

.img-left-cont a:hover {
    color: #E52225;
    transition: all 0.25s ease-in-out;
}

.img-left-cont a i {
    margin-left: 10px;
    font-size: 22px;
    position: relative;
    top: 3px;
    transition: all 0.0s ease-in-out;
}

.social-icons {
    position: absolute;
    top: -120px;
    right: 65px;
    z-index: 1;
}

.social-icons ul li {
    display: block;
    margin-bottom: 40px;
}

.social-icons ul li:last-child {
    margin-bottom: 0;
}

.social-icons ul li a {
    display: block;
    width: 34px;
    height: 34px;
    text-align: center;
    transform: translatey(0px);
    transition: all 0.2s ease-in-out;
}

.social-icons ul li a img {
    filter: brightness(0) invert(1);
    transition: all 0.1s ease-in-out;
}

.social-icons ul li a:hover img {
    filter: brightness(1) invert(0);
    transition: all 0.1s ease-in-out;
}

.social-icons ul li:last-child {
    margin-bottom: 0;
}

.homesocial a span {
    color: #fff;
    font-size: 22px !important;
    transition: all 0.25s ease-in-out;
}

.homesocial a:hover span {
    color: #E52225;
    transition: all 0.25s ease-in-out;
}

.sticky-social-links li a {
    padding: 0px;
    transition: all 0.25s ease-in-out;
}

.sticky-social-links li a span {
    transition: all 0.25s ease-in-out;
}

.sticky-social-links li a:hover span {
    transition: all 0.25s ease-in-out;
}

.sticky-social-links {
    bottom: 58px;
}

.sticky-social-links li {
    margin-top: 29px;
}

.sticky-social-links {
    right: 18px;
}

.sticky-social-links ul li:last-child {
    display: none;
}

.scroll-to-top a {
    color: #fff;
}

.scroll-to-top {
    right: 18px;
}

.bringing-brand-sec .mob-img {
    display: none;
}

.bringing-brand-sec figure {
    position: relative;
}

.bringing-brand-sec figure:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/overlay-bg.svg) no-repeat;
    content: '';
    background-size: cover;
}

.social-icons ul li a img {
    width: auto !important;
    height: 100%;
}

.banner-on-txt {
    position: absolute;
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 116px;
    z-index: 1;
}

.banner-on-txt h6 {
    margin-bottom: 6px;
    color: #fff;
}

.banner-on-txt h3 {
    color: #fff;
    font-size: 60px;
}

.banner-on-txt p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    max-width: 60%;
    margin-bottom: 0;
    float: left;
    line-height: normal;
    line-height: 1.4;
}

.banner-on-txt .read-more {
    position: absolute;
    right: 0;
    bottom: 0;
}

.contact-with-us {
    float: left;
    width: 100%;
    background: #fbf6ef;
    padding: 127px 0 177px;
    display: inline-block;
    margin-top: -10px;
}

.cont-with-outer {
    max-width: 50%;
    width: 100%;
    float: left;
}

.cont-with-content {
    max-width: 560px;
    width: 100%;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
}

.cont-with-content h2 {
    margin-bottom: 53px;
}

.cont-with-outer h4 {
    font-size: 26px;
    line-height: 1.38;
    letter-spacing: 2.21px;
    font-weight: 500;
    color: #e62124;
    margin-bottom: 9px;
}

.cont-with-outer p {
    letter-spacing: normal;
    line-height: 1.31;
    padding-right: 00px;
    font-family: 'Inka B Text Rg';
    font-size: 18px;
}

.contact-form-outer {
    max-width: 50%;
    width: 100%;
    display: inline-block;
    float: right;
    position: relative;
}

.contact-form-inner {
    max-width: 666px;
    width: 100%;
    float: left;
}

.parent-pageid-10 .career-inquiry-form-wrapper .ginput_container input,
.contact-form-inner .txt-fld input {
    font-size: 16px;
    color: #000;
    border: none;
    border-bottom: .5px solid #000;
    padding-bottom: 9px;
    width: 100%;
    background: transparent;
    line-height: normal;
    font-weight: 500;
    letter-spacing: 1.29px;
    font-family: 'Brandon Grotesque';
}

.contact-form-inner .txt-fld {
    margin-bottom: 84px;
}

.parent-pageid-10 .career-inquiry-form-wrapper .ginput_container textarea,
.contact-form-inner .txt-fld textarea {
    /* background-image: -webkit-linear-gradient(left, #fbf6ef 0px, transparent 0px), -webkit-linear-gradient(right, #fbf6ef 0px, transparent 0px), -webkit-linear-gradient(#fbf6ef 47px, #ccc 0, #000 0px, #000 0px);
	background-image: -moz-linear-gradient(left, #fbf6ef 0px, transparent 0px), -moz-linear-gradient(right, #fbf6ef 0px, transparent 0px), -moz-linear-gradient(#fbf6ef 47px, #ccc 0, #000 0px, #000 0px);
	background-image: -ms-linear-gradient(left, #fbf6ef 0px, transparent 0px), -ms-linear-gradient(right, #fbf6ef 0px, transparent 0px), -ms-linear-gradient(#fbf6ef 47px, #ccc 0, #000 0px, #000 0px);
	background-image: -o-linear-gradient(left, #fbf6ef 0px, transparent 0px), -o-linear-gradient(right, #fbf6ef 0px, transparent 0px), -o-linear-gradient(#fbf6ef 47px, #ccc 0, #000 0px, #000 0px);
	background-image: linear-gradient(left, #fbf6ef 0px, transparent 0px), linear-gradient(right, #fbf6ef 0px, transparent 0px), linear-gradient(#fbf6ef 47px, #ccc 0, #000 0px, #000 0px); */
    /* background-size: 100% 100%, 100% 100%, 100% 48px ; letter-spacing:normal; */
    line-height: 44px;
    background-image: -webkit-linear-gradient(top, transparent, transparent 43px, #000 0);
    background-image: linear-gradient(to bottom, transparent, transparent 43px, #000 0);
    background-size: 100% 44px;
    height: 138px;
    font-size: 16px;
    color: #000;
    border: none;
    width: 100%;
    overflow: hidden;
    font-weight: 500;
}

.contact-form-inner .txt-fld textarea {
    background-image: none;
    border-bottom: .5px solid #000;
    ;
}

.contact-form-inner .gform_wrapper {
    position: relative;
}

.contact-form-inner .ginput_container_textarea {
    margin-top: -10px;
    letter-spacing: 1.29px;
}

.contact-form-inner .txt-fld:last-child {
    margin-bottom: 0px;
}

.sub-btn {
    float: right;
    position: absolute;
    bottom: -0px;
    right: 0;
}

.sub-btn button {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.19;
    letter-spacing: 1.33px;
    color: #e52225;
    outline: none;
    position: relative;
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
}

.sub-btn button:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;
    height: 1px;
    width: 100%;
    background: #e52225;
    content: '';
    background-size: 100% 100%;
    transition: all 0.5s ease-in-out;
}

.sub-btn button:hover {
    color: #000;
}

.sub-btn button:hover:after {
    background: #000;
    transition: all 0.5s ease-in-out;
}

footer {
    float: left;
    width: 100%;
    background: #000000;
    padding: 111px 0 174px;
}

.page-id-10 .footer {
    margin-top: -6px;
}

.foot-1 p,
.foot-2 p,
.foot-1 a,
.foot-2 a,
.foot-1 p,
.foot-2 p a {
    font-size: 18px;
    line-height: 1.61;
    letter-spacing: normal;
    font-family: 'Brandon Grotesque';
    color: #FFF;
    margin-bottom: 0;
}

.foot-2 h4,
.foot-1 h4 {
    margin-bottom: 0px;
    color: #fff;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1.33px;
    font-family: 'Brandon Grotesque';
}

.foot-1 p {
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.61;
    letter-spacing: normal;
    font-family: 'Brandon Grotesque';
}

.foot-1 a {
    color: #fff;
    display: inline-block;
    font-size: 25px;
    color: #fff;
    font-size: 18px;
    line-height: 1.61;
    letter-spacing: normal;
    font-family: 'Brandon Grotesque';
}

.foot-2 a:hover,
.foot-1 a:hover {
    color: #e52225;
}

.foot-2 ul li {
    display: block;
    margin-bottom: 80px;
}

.foot-2 ul li h4 {
    margin-bottom: 7px;
}

.foot-2 ul li:last-child {
    margin-bottom: 0;
}

.foot-2 ul li a {
    color: #fff;
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1.61;
    font-family: 'Inka B Text Rg';
}

.footer-btm .mid-container .row {
    justify-content: center;
}

@media screen and (max-width: 1200px) {
    .contact-form-inner .txt-fld textarea {
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    .contact-form-inner .txt-fld textarea {
        font-size: 12px;
    }
}

@media screen and (max-width: 800px) {
    .contact-form-inner .txt-fld textarea {
        font-size: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .footer-btm .mid-container .row {
        justify-content: flex-start;
    }

    .foot-2 h4,
    .foot-1 h4 {
        margin-bottom: 0 !important;
    }
}

.footer-btm .mid-container .mid-container__item {
    margin: 0 10px;
}

.footer-btm {
    padding: 12px 0 60px;
    float: left;
    width: 100%;
    background: #000000;
}

.footer-btm-left p {
    line-height: normal;
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.61;
    color: #6a6a6a;
    font-weight: 400;
    font-family: 'Brandon Grotesque';
}

.footer-btm-left p a {
    color: #6a6a6a;
    font-family: 'Brandon Grotesque';
}

.footer-btm-left p a:hover {
    color: #e52225;
}

.f-btm a {
    color: #6a6a6a;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.61;
    font-family: 'Brandon Grotesque';
}

.f-btm a:hover {
    color: #e52225;
}

.f-list {
    display: none;
    width: 100%;
}

.f-list ul li {
    display: inline-block;
    margin-right: 26px;
}

.f-list ul li:last-child {
    margin-right: 0;
}

.f-list ul li a {
    font-weight: 400;
    color: #6a6a6a;
    display: block;
    font-size: 18px;
    line-height: 1.61;
    font-family: 'Brandon Grotesque';
}

.f-list ul li a:hover {
    color: #e52225
}

.mob-toggle {
    display: none;
}

.mob-toggle a {
    padding: 6px;
    display: block;
}


/*about page*/

.about-banner {
    float: left;
    width: 100%;
    position: relative;
}

.about-banner-content {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 220px;
}

.about-banner-content h1 {
    font-size: 100px;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #fff;
    margin-bottom: 0;
}

.about-ext-cont {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 2;
    background: #1a1217;
    padding-top: 156px;
    margin-bottom: -195px;
}

.about-ext-cont h5 {
    font-size: 22px;
    font-family: 'InkaBText-BoldItalic';
    line-height: 22px;
    margin-bottom: 67px;
    letter-spacing: 4.4px;
    color: #fff;
}

.about-ext-cont i {
    display: block;
    position: relative;
    z-index: 1;
}

.about-ext-cont i img {
    width: auto;
}


/* .about-ext-cont:after{position:absolute; left:0; right:0; bottom:-150px; height:250px; background:url(../images/shadow-img.png) no-repeat; background-size:100% 100%; content:'';  z-index:0;} */

.hide {
    display: none !important;
}

.fires-are-buit-sec {
    float: left;
    width: 100%;
    background: #1b1217;
    padding: 496px 0 499px;
    height: 100vh;
    text-align: center;
}

.fires-are-buit-sec h2 {
    font-size: 69px;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #000;
    margin-bottom: 0;
}

.fires-are-buit-inside {
    float: left;
    width: 100%;
    background: #1a1217;
    text-align: center;
    padding: 497px 0 499px;
}

.fires-are-buit-inside h2 {
    font-size: 70px;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #fff;
    margin-bottom: 0;
}

.fires-are-buit-inside h2 em {
    font-style: italic;
}


/* .we-are-speak-sec:after{position:absolute; left:0; right:0; bottom:-200px; height:400px; background:url(../images/shadow-img.png) no-repeat; background-size:100% 100%; content:'';  z-index:1;} */

.we-are-speak-sec {
    float: left;
    width: 100%;
    padding: 314px 0 0px;
    background: #1a1217;
    position: relative;
}

.we-are-speak-outer {
    margin-bottom: 325px;
    float: left;
    width: 100%;
}

.we-are-speak-left {
    max-width: 316px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.we-are-speak-left h5 {
    font-size: 22px;
    line-height: 25px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: bold;
}

.we-are-speak-right {
    max-width: 1220px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: -10px;
}

.we-are-speak-right-outer {
    max-width: 1144px;
    width: 100%;
}

.we-are-speak-right-outer h3 {
    font-size: 42px;
    line-height: 55px;
    letter-spacing: -0.2px;
    color: #fff;
}

.with-shadow-oly {
    position: relative;
    z-index: 0;
}


/*.with-shadow-oly:before{position:absolute; left:0; right:0; top:70px; height:260px; background:url(../images/shadow-img.png) no-repeat; background-size:100% 100%; content:'';  z-index:1;}*/


/* .section-3.abt-middle-img figure img{ height:auto; object-fit:contain;}  */

.abt-middle-img {
    float: left;
    width: 100%;
    position: relative;
}

.abt-middle-cont {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    margin-top: 5px;
}

.top-60 {
    top: 63%;
}

.abt-middle-cont-outer {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
}

.abt-middle-cont h1 {
    font-size: 80px;
    line-height: normal;
    letter-spacing: -2px;
    color: #fff;
    cursor: pointer;
    margin-bottom: 0;
}

.abt-middle-cont p {
    color: #fff;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: -0.52px;
    margin-top: 24px;
    font-family: 'Inka B Text Rg';
}

.abt-middle-img p,
.abt-middle-img .hover-img {
    display: block;
}

.abt-middle-img .simple-img {
    display: none;
}

.abt-middle-img p,
.abt-middle-img.hover-img {
    display: block;
}

.with-overlay {
    position: relative;
}

.with-overlay:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/with-oly.png) no-repeat;
    background-size: cover;
    background-position: center;
    content: '';
}

.all-in-one {
    float: left;
    width: 100%;
    background: #fbf6ef;
    padding: 482px 0 600px;
}

.all-in-one .about-ext-cont {
    margin-bottom: 163px;
    text-align: center;
    padding-top: 0;
    background: transparent;
}

.all-in-one .about-ext-cont h5 {
    color: #000;
}

.say-something-sec {
    float: left;
    width: 100%;
    background: transparent;
    padding: 0;
    margin-top: 40px;
    margin-bottom: 60px;
}

.say-something-sec h2 {
    margin-bottom: 0;
    font-size: 175px;
    line-height: normal;
    letter-spacing: -3.5px;
    color: #000000;
    position: relative;
    margin-bottom: 76px;
}

.say-something-sec h2 em {
    font-style: italic;
}

.say-something-sec h2:after {
    position: absolute;
    width: 1570px;
    left: 0;
    height: 1px;
    background: #000;
    background-size: 100% 100%;
    content: '';
    right: 0;
    bottom: -60px;
    margin: 0 auto;
    display: block;
}

.say-something-sec h2:last-child {
    margin-bottom: 0;
}

.say-something-sec h2:last-child:after {
    display: none;
}

.we-serv-outer {
    float: left;
    width: 100%;
}

.we-serv-box {
    float: left;
    width: 100%;
    margin-bottom: 154px;
    position: relative;
}

.we-serv-box figure {
    max-width: 629px;
    /* width: 630px; */
    width: 48%;
    float: left;
}

.we-serv-box figure img {
    width: 100%;
}

.we-serv-cont {
    max-width: 629px;
    /* width: 100%; */
    width: 48%;
    float: left;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 1px solid #000;
}

.we-serv-cont h4 {
    font-weight: 500;
    color: #a9d2d5;
    margin-bottom: 40px;
    letter-spacing: -0.2px;
}

.we-serv-cont h3 {
    font-size: 51px;
    line-height: 1.21;
    margin-bottom: 40px;
    letter-spacing: -1.02px;
    color: #000;
}

.we-serv-cont p {
    font-family: 'Inka B Text Rg';
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.4px;
    color: #000;
    padding-bottom: 118px;
    max-width: 90%;
}

.we-serv-box:nth-child(2n) figure {
    float: right;
}

.we-serv-box:nth-child(2n) .we-serv-cont {
    left: 0;
    right: auto;
}

.we-serv-box:last-child {
    margin-bottom: 0;
}

.fom-cost-to-cost {
    margin-top: -302px;
    margin-bottom: 487px;
}

.cost-to-cost-sec {
    float: left;
    width: 100%;
    background: #a9d2d5;
}

.cost-to-cost-sec figure {
    position: relative;
    margin-bottom: 108px;
}

.cost-to-cost-sec figure img {
    width: 100%;
}

.cost-to-cost-cont {
    text-align: center;
}

.cost-to-cost-cont h1 {
    font-size: 70px;
    line-height: normal;
    letter-spacing: -0.2px;
    margin-bottom: 26px;
}

.cost-to-cost-cont p {
    font-size: 24px;
    line-height: 40px;
    max-width: 70%;
    margin: 0 auto;
    font-family: 'Inka B Text Rg';
    color: #000;
    margin-bottom: 104px;
}


/* .cost-to-cost-cont .read-more{display:inline-block;} */


/* .cost-to-cost-cont .read-more a{ display:inline-block; height:77px;  padding:23px 100px 23px 30px;  text-decoration:none !important;} */

.cost-to-cost-cont .read-more a:after {
    display: none !important;
}


/* .cost-to-cost-cont .read-more a span{font-size:22px;} */

.cost-to-cost-cont .read-more a:hover span {
    margin-left: 0;
}


/* .cost-to-cost-cont .read-more a i{right:25px;} */

.cost-to-cost-cont .read-more a:hover i {
    margin-right: -30px;
}

.how-we-do {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 105px 0 138px;
}

.how-we-do figure {
    max-width: 1080px;
    margin: 0 auto;
}

.middle-wrapper a {
    text-decoration: none;
}

.spark-abt h3 a {
    text-decoration: none;
}

.about-us-contact-us {
    padding-top: 323px;
    float: left;
    width: 100%;
    background: #a9d2d5;
    padding-bottom: 220px;
}

.about-us-contact-us .contact-form-inner .txt-fld {
    margin-bottom: 62px;
}

.about-us-contact-us .contact-form-inner .txt-fld:last-child {
    margin-bottom: 0;
}

.about-us-contact-us .contact-with-us {
    background: transparent;
    padding: 0;
}

.about-us-contact-us .contact-form-inner .txt-fld textarea {
    line-height: 58px;
    background-image: -webkit-linear-gradient(top, transparent, transparent 57px, #000 0);
    background-image: linear-gradient(to bottom, transparent, transparent 57px, #000 0);
    background-size: 100% 58px;
    height: 180px;
    background-color: #a9d2d5;
}

.about-us-contact-us .cont-with-outer {
    margin-top: -17px;
}

.center-line-sec {
    padding: 324px 0 379px;
    float: left;
    width: 100%;
    background: transparent;
    text-align: center;
}

.center-line-sec figure {
    width: auto;
}

.center-line-sec figure img {
    width: auto;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .red a:hover {
        color: #e52225;
    }

    .wt a {
        color: #e52225;
        background: #fff;
    }
}


/*new added css*/

.ex-bg-sec {
    /*float:left;*/
    width: 100%;
    height: 392px;
    background: #d1e8e9;
}

.guiding-org-sec {
    float: left;
    width: 100%;
    background: #fbf6ef;
}

.guiding-org-outer {
    background: #fff;
    position: relative;
    margin-top: -218px;
    overflow: hidden;
}

.guiding-org-left {
    max-width: 50%;
    display: inline-block;
    width: 100%;
    padding: 42px 50px 57px 62px;
    height: 435px;
}

.guiding-org-left h3 {
    font-family: 'Inka B Text Rg';
    font-size: 55px;
    line-height: 1.18;
    letter-spacing: normal;
    margin-bottom: 22px;
    color: #000;
}

.guiding-org-left p {
    font-size: 22px;
    line-height: 1.45;
    color: #000;
    margin-bottom: 84px;
}

.guiding-org-right {
    max-width: 50%;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    float: right;
    height: 435px;
}

.guiding-org-right figure {
    width: 100%;
    height: 435px;
}

.guiding-org-right figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.more-news-sec button.link-btn a,
.link-btn {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.33px;
    line-height: 1.19;
    color: #e62124 !important;
    position: relative;
    padding-bottom: 0px;
    position: relative;
}

.more-news-sec button.link-btn a:before,
.link-btn:before {
    position: absolute;
    width: 100%;
    right: 0;
    border-bottom: 1px solid #e62124;
    content: '';
    bottom: -11px;
    transition: all 0.2s ease-in-out;
}

.more-news-sec button.link-btn a:hover:before,
.link-btn:hover:before {
    right: 0;
    transition: all 0.2s ease-in-out;
    width: 0;
}

.link-btn i {
    font-size: 22px;
    display: inline-block;
    margin-left: 5px;
    font-style: normal;
    position: relative;
    transition: all 0.2s ease-in-out;
    right: 0;
}

.link-btn:hover i {
    right: -4px;
    transition: all 0.2s ease-in-out;
}

.more-news-sec button.link-btn a:after {
    content: ">";
    display: inline-block;
    right: 2px;
    position: absolute;
    -webkit-transition: right 0.2s ease 0s;
    transition: right 0.2s ease 0s;
    color: #E52225;
}

.page-id-6400 .more-news-sec .link-btn:before {
    display: none;
}

.page-id-6400 .more-news-sec .link-btn a {
    padding-right: 15px;
}

.page-id-6400 .more-news-sec .link-btn a:hover:after {
    right: -5px;
    transition: all 0.2s ease-in-out;
}

.spark-abt {
    padding: 187px 0 179px;
}

.spark-abt h3 {
    font-family: 'Inka B Text Rg';
    line-height: 1.33;
    letter-spacing: normal;
    font-size: 36px;
    max-width: 1248px;
    margin: 0 auto;
    text-align: center;
}

.spark-abt h3 a {
    color: #e62528;
    display: inline-block;
    line-height: 48px;
    position: relative;
}

.spark-abt h3 a:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    background: #e62528;
    height: 2px;
    content: '';
    background-size: 100% 100%;
    transition: all 0.5s ease-in-out;
}

.spark-abt h3 a:hover {
    color: #000;
}

.spark-abt h3 a:hover:after {
    background: #000;
    transition: all 0.5s ease-in-out;
}

.with-btm-bdr {
    border-bottom: 1px solid #000;
}

.news-sec {
    padding: 111px 0 80px;
    float: left;
    width: 100%;
}

.news-sec h3 {
    text-align: center;
    font-size: 60px;
    line-height: 1.08;
    letter-spacing: normal;
    margin-bottom: 90px;
}

.news-box {
    max-width: 31.2%;
    margin-right: 45px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.news-box:last-child {
    margin-right: 0;
}

.news-box figure {
    margin-bottom: 35px;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    background-size: cover !important;
}


/* .news-box figure img{width:100%;  height:276px; object-fit:content;} */

.news-box-cont h6 {
    color: #e62124;
    margin-bottom: 12px;
    font-weight: 500;
    line-height: 1.19;
    letter-spacing: 1.33px;
}

.news-box-cont h4 {
    display: inline-block;
    letter-spacing: normal;
    line-height: 1.08;
    font-size: 37px;
    margin-bottom: 22px;
    font-family: 'Inka B Text Rg';
}

.news-box-cont p {
    line-height: 1.45;
    /* font-size: 20px; */
    font-size: 22px;
    letter-spacing: normal;
}

.more-news-sec {
    float: left;
    width: 100%;
    margin-top: 78px;
    text-align: right;
}

.more-news-sec .link-btn {
    border-bottom: none;
    padding-bottom: 0;
    border: none;
}

.more-news-sec .link-btn i {
    font-size: 18px;
}

.color-1 {
    color: #e62528;
    border-color: #e62528
}

.color-2 {
    color: #e92b2d;
    border-color: #e92b2d
}

.color-3 {
    color: #ec3233;
    border-color: #ec3233
}

.our-approch-sec {
    padding: 315px 0 338px;
    float: left;
    width: 100%;
    background: #1a1217;
}

.our-approch-outer {
    max-width: 1337px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.our-approch-outer h3 {
    font-size: 40px;
    line-height: 1.61;
    letter-spacing: -0.8px;
    color: #efe7df;
    font-family: 'Inka B Text Rg';
}

.our-approch-outer h3 span {
    font-family: 'Brandon Grotesque';
    font-size: 34.5px;
    letter-spacing: 2.59px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.our-approch-outer h3 em {
    font-style: normal;
    font-size: 34.5px;
    font-family: 'Brandon Grotesque';
    font-weight: 500;
    letter-spacing: 2.59px;
    color: #fff;
}

div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 20%;
    padding: 50px;
    font-size: 20px;
}


/* Main Menu sub */


/*  -----------Submenu----------*/

.subnav {
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0px;
    text-align: center;
    background: #fbf6f2;
    padding: 66px 0;
    margin-top: 0px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    z-index: -1;
    display: none;
}

.subnav ul {
    max-width: 1570px;
    margin: 0 auto;
}

.subnav ul li {
    border-right: 1px solid rgba(0, 0, 0, 0.53);
    padding: 21px 0px 11px;
    margin: 0;
    width: 20%;
    float: left;
}

.subnav ul li img {
    width: 254px;
    height: 143px;
    object-fit: cover;
}

.subnav ul li a {
    text-transform: initial;
    font-weight: 400 !important;
}

.subnav .mainabout li a {
    text-transform: initial;
}

.subnav li a:hover {
    font-weight: normal !important;
}

.subnav ul li:last-child {
    border-right: none;
}

.subnav ul li .nav_subtitle {
    color: #e62124;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-top: 19px;
    margin-bottom: 8px;
    letter-spacing: 1.16px;
    line-height: 1.36;
}

.subnav ul li .nav_subheading {
    font-size: 35px;
    margin: 0 auto;
    font-family: 'Inka B Text Rg';
    line-height: 1;
    max-width: 282px;
    letter-spacing: normal;
    transition: all 0.5s ease-in-out;
}

.subnav .mainabout li .nav_subtitle {
    font-size: 50px;
    margin: 0 auto;
    font-family: 'Inka B Text Rg';
    line-height: 1.43;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 9px;
    font-weight: normal;
    letter-spacing: 0;
    transition: all 0.5s ease-in-out;
}

.subnav .mainabout li {
    padding: 49px 0;
}

.subnav .mainabout li .nav_subheading {
    font-size: 18px;
    color: #000000;
    font-family: 'Inka B Text Rg';
    letter-spacing: 0;
    line-height: 1.61;
}

.subnav .mainabout li a:after {
    display: none;
}

.subnav .mainabout li:last-child {
    border-right: none;
}

.top-right ul li .subnav a {
    padding: 0;
}

.top-right ul li:hover .subnav {
    visibility: visible;
    opacity: 1;
    transition: all ease-in-out .2s;
    margin-top: 0px;
    display: block;
    box-shadow: 0 10px 9px rgb(0, 0, 0, 0.1);
}

.subnav ul li:first-child {
    margin-left: -15px;
}

.subnav .mainabout li:first-child {
    margin-left: 0;
}

.subnav ul li a figure {
    position: relative;
}

.subnav ul li a figure:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    ;
    background: rgba(0, 0, 0, 0.3);
    content: '';
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}

.subnav ul li a:hover figure:after {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}

.subnav ul li a:hover .nav_subheading {
    color: #e62124;
    transition: all 0.5s ease-in-out;
}

.subnav .mainabout li a:hover .nav_subheading {
    color: #e62124;
}

.subnav .mainabout li a:hover .nav_subtitle {
    color: #e62124;
    transition: all 0.5s ease-in-out;
}


/*Gravity form additonal css*/

.contact-with-us .gform_footer .top_label button:after {
    display: none;
}

.contact-form-inner label.gfield_label {
    display: none;
}

.contact-form-inner .charleft.ginput_counter {
    display: none;
}

.contact-with-us .gform_footer span i {
    margin-left: 7px;
    font-style: normal;
    font-size: 18px;
}


/*.gform_footer {
    float: right;
    position: relative;
    bottom: -30px;
    right: 0%;
}*/

.contact-with-us .gform_footer {
    float: right;
    position: absolute;
    bottom: 17px;
    right: -16%;
    min-height: initial;
}


/* .link-btn{font-size: 16px; font-weight:500; letter-spacing:1.33px; line-height:1.19;  color:#e62124 !important; position:relative; padding-bottom:0px;  position:relative;}
.link-btn:before{position:absolute; width:100%;  right:0; border-bottom:1px solid #e62124;  content:''; bottom:-11px; transition: all 0.2s ease-in-out;}
.link-btn:hover:before{ right:0; transition:all 0.2s ease-in-out; width:0;}
.link-btn i{font-size:22px; display:inline-block; margin-left:5px; font-style:normal; position:relative;  transition:all 0.2s ease-in-out; right:0;}
.link-btn:hover i{right:-4px; transition:all 0.2s ease-in-out;}

 */

.career-inquiry-form-wrapper .gform_footer .btn,
.contact-with-us .gform_footer .btn {
    float: right;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 1.19;
    letter-spacing: 1.33px;
    color: #e52225;
    outline: none;
    position: relative;
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
}

.career-inquiry-form-wrapper .gform_footer .btn {
    padding-right: 15px;
    position: relative;
    right: auto;
    left: 0;
}

.career-inquiry-form-wrapper .gform_footer .btn span {
    text-transform: uppercase;
}

a.btn,
.social-share-links ul li a.btn {
    font-size: 16px !important;
    font-weight: 500;
    line-height: 1.19;
    letter-spacing: 1.33px;
    padding: 0;
    padding-right: 15px;
    text-transform: uppercase;
}

a.btn:focus {
    box-shadow: none;
}

a.btn:before {
    border-bottom: 1px solid #E52225;
    bottom: -8px;
}

.isContentArea .layout-headline-3 .right-col .social-share-links li {
    margin-bottom: 20px;
}

.back-to-careers a {
    text-transform: uppercase;
}

.career-inquiry-form-wrapper .gform_footer .btn:before,
.contact-with-us .gform_footer .btn:before {
    position: absolute;
    width: 100%;
    right: 0;
    border-bottom: 1px solid #e62124;
    content: '';
    bottom: -11px;
    transition: all 0.2s ease-in-out;
}

.career-inquiry-form-wrapper .gform_footer .btn:hover:before,
.contact-with-us .gform_footer .btn:hover:before {
    right: 0;
    transition: all 0.2s ease-in-out;
    width: 0;
}

.contact-with-us .gform_footer .btn i {
    display: inline-block;
    margin-left: 5px;
    font-style: normal;
    position: relative;
    transition: all 0.2s ease-in-out;
    right: 0;
}

.contact-with-us .gform_footer .btn:hover i {
    right: -4px;
    transition: all 0.2s ease-in-out;
}

.gform_wrapper textarea.large {
    height: 138px;
    width: 100%;
}

.gfield_error {
    padding: 12px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-left-color: #E52225;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
    border-bottom: 1.5px solid #790000 !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}

.gform_wrapper div.validation_error {
    color: #790000;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: 700;
    margin-bottom: 10px;
    border-top: none !important;
    border-bottom: none !important;
    padding: 0;
    clear: both;
    width: 100%;
    text-align: left;
}

.validation_message {
    color: #790000;
}

.gform_confirmation_message h3 {
    font-size: 45.5px;
    line-height: 1;
    margin-bottom: 0px;
    font-family: 'Inka B Text Rg';
}

.gform_heading {
    display: none;
}

.gform_wrapper li.hidden_label input {
    margin-top: 0px !important;
}

a img.alignnone {
    margin: -15px 20px 0 0;
}


/*Gravity form additonal css-------End --*/

.video-block .video-overlay {
    width: calc(100% + 1px) !important;
}


/*Video player css*/


/*.solution-intro {
    position: relative;
}*/

section.solution-intro {
    margin-top: 0px;
}

.solution-intro .solution-img .video-container {
    display: flex;
    height: 0;
    justify-content: center;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}

.solution-intro .solution-img .video-container .video-wrapper {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: center center;
    width: 100%;
    z-index: 2;
}

.solution-intro .solution-img .video-container .video-wrapper .playhead {
    margin: auto;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    opacity: 1;
    position: absolute;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution-intro .solution-img .video-container .video-wrapper video.-visible {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.solution-intro .solution-img .video-container .video-wrapper video.player-loop {
    z-index: 2;
}

.solution-intro .solution-img .video-container .video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
}

.solution-img video {
    display: block;
    height: auto;
    transition: all .7s ease-in-out;
    width: 100%;
}

.solution-intro .solution-img .video-container .video-wrapper video.-hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.solution-intro .solution-img .video-container .video-wrapper video.player-main {
    z-index: 1;
}

.solution-intro .solution-img .video-container .video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
}

.solution-img video {
    display: block;
    height: auto;
    transition: all .7s ease-in-out;
    width: 100%;
}

.solution-intro .solution-img .video-container .video-wrapper .playhead {
    margin: auto;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    opacity: 1;
    position: absolute;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all-in-on-top-container .scroll-test {
    font-size: 22px;
    font-family: 'InkaBText-BoldItalic';
    line-height: 22px;
    margin-bottom: 67px;
    letter-spacing: 4.4px;
}


/*.page-template-about-page .contact-form-inner .txt-fld textarea {
	background-image: -webkit-linear-gradient(left, #fbf6ef 0px, transparent 0px), -webkit-linear-gradient(right, #fbf6ef 0px, transparent 0px), -webkit-linear-gradient(#fff 47px, #ccc 0, #000 0px, #000 0px);
    }*/

.icon-blue a span {
    color: #a9d2d5;
}

.icon-blue .img-left-cont a {
    color: #a9d2d5;
}

.icon-blue .img-left-cont a:hover {
    color: #e62528;
}

.more-news-sec {
    display: none;
}

.scroll-to-top {
    text-align: center;
}

.scroll-to-top a {
    background-image: none;
    transition: all 0.25s ease-in-out;
    text-transform: uppercase;
}

.scroll-to-top span {
    display: block;
    font-size: 44px;
    text-align: center;
    padding-top: 0px;
    margin-top: -9px;
    position: relative;
    top: 4px;
}

.scroll-to-top em {
    font-style: normal;
    font-weight: bold;
    color: #fff;
    margin-top: 2px;
    font-size: 17px;
    position: relative;
    top: 3px;
    transition: all 0.25s ease-in-out;
}

.scroll-to-top a:hover {
    color: #E52225;
    transition: all 0.25s ease-in-out;
}

.scroll-to-top a:hover em {
    color: #E52225;
    transition: all 0.25s ease-in-out;
}

.scroll-to-top a:hover span {
    color: #E52225;
    transition: all 0.25s ease-in-out !important;
}

.icon-blue a em {
    color: #a9d2d5;
    transition: all 0.25s ease-in-out;
}

.icon-blue a:hover em {
    color: #E52225;
    transition: all 0.25s ease-in-out;
}


/* .sticky-social-links.isStuck li:last-child{display:block;} */

.scroll-to-top a:hover {
    opacity: 1;
}

.news-sec .more-news-sec {
    display: block;
}


/* .all-in-on-top-container .about-ext-cont{background:transparent !important;} */


/*.aboutus  .contact-with-us{background:#a9d2d5;}

.about-us-contact-us .gform_footer {
    float: right;
    position: absolute;
    bottom: 52px!important;
    right: -16%;
    min-height: initial;
}*/


/*********************************about page animation- start*********************************/

.animation-container.fix {
    position: fixed;
    width: 100%;
}

.about-banner-container {
    z-index: 1;
}

.hidden {
    z-index: -1;
    opacity: 0;
}

.fix-center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.about-banner {
    overflow: hidden;
}

.about-banner figure img {
    height: 100vh;
    object-fit: cover;
}

.about-banner-container {
    z-index: 500;
}

.fires-are-buit-sec .background {
    background: #1b1217;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 0;
}

.fires-are-buit-sec-container {
    z-index: 400;
}

.fires-are-buit-sec>.fix-center {
    z-index: 410;
}

.fires-are-buit-sec .text-1,
.fires-are-buit-sec .text-2,
.fires-are-buit-sec .text-3 {
    opacity: 0;
    top: 50%;
    position: fixed;
    left: 50%;
    padding-top: 50px;
    transform: translateY(-50%) translateX(-50%);
}

.fires-are-buit-sec .text-2 {
    color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%) translateX(0%);
}

.fires-are-buit-sec .text-3 {
    width: 100%;
    text-align: left;
}

.fires-are-buit-sec .we-are-speak-outer {
    margin-bottom: 0;
}

.about-ext-cont-container {
    margin-bottom: 0;
    z-index: 375;
    background: #1a1217;
    overflow: hidden;
}

.about-ext-cont-container h5 {
    font-size: 22px;
    font-family: 'InkaBText-BoldItalic';
    line-height: 22px;
    margin-bottom: 67px;
    letter-spacing: 4.4px;
    color: #fff;
}

.about-ext-cont-container .about-ext-cont {
    position: fixed;
    top: 0;
    bottom: 0;
}

.about-ext-cont-container .scroll-test {
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
    display: table;
    position: fixed;
    z-index: 999;
    text-align: center;
}

.about-ext-cont-container .line {
    width: 1px;
    position: fixed;
    margin-top: 50px;
    background: #ec342e;
    left: 50%;
}

.all-in-on-top-container {
    margin-bottom: 0;
    z-index: 275;
    background: #fbf6ef;
    height: 100%;
}

.all-in-on-top-container .about-ext-cont {
    background: #fff;
}

.all-in-on-top-container .about-ext-cont h5 {
    color: #000;
}

.all-in-on-top-container .all-in-one {
    padding-top: 140px;
    position: fixed;
    top: 0;
    bottom: 0;
}

.all-in-on-top-container .line {
    width: 1px;
    position: fixed;
    margin-top: 50px;
    background: #ec342e;
    left: 50%;
}

.all-in-on-top-container .about-ext-cont {
    position: fixed;
    top: 0;
    bottom: 0;
}

.all-in-on-top-container .scroll-test {
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
    display: table;
    position: fixed;
    z-index: 999;
    text-align: center;
}

@media only screen and (max-width:640px) {
    .all-in-on-top-container {
        top: 0;
    }

    .all-in-on-top-container .scroll-test {
        width: 90%;
    }

    section.solution-intro {
        margin-top: 59px;
    }
}

.abt-middle-img-container figure {
    position: relative;
}

.abt-middle-img-container figure .bg {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
}

.abt-middle-img-container {
    margin-bottom: 0;
    z-index: 300;
}

.abt-middle-img-container .section-1 {
    z-index: 310;
}

.abt-middle-img-container .section-2 {
    z-index: 306;
}

.abt-middle-img-container .section-3 {
    z-index: 303;
}

.abt-middle-img-container .section-1,
.abt-middle-img-container .section-2,
.abt-middle-img-container .section-3 {
    position: fixed;
    top: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
}

.abt-middle-img-container .text {
    opacity: 0;
}

.abt-middle-img-container .hover-txt {
    opacity: 0;
    display: block !important;
}

.we-serv-cont {
    border-bottom: none;
}

.we-serv-cont-inner {
    position: relative;
    overflow: hidden;
}

.we-serv-cont-inner .bottom-line {
    position: absolute;
    bottom: 0;
    width: 0px;
    left: 0;
    height: 1px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.7);
    transition: all 1s ease-in-out;
}

.we-serv-cont-inner .bottom-line.active {
    width: 800px;
}

.footer-btm,
footer,
.all-in-one,
.about-us-contact-us,
.cost-to-cost-sec {
    position: relative;
}

.say-something-sec-container {
    overflow: hidden;
    background: #a9d2d5;
    clear: both;
    position: relative;
    padding: 190px 0;
}

.say-something-sec-container .say-something-sec {
    float: none;
}

.say-something-sec h2 {
    white-space: nowrap;
    margin-bottom: 0px;
}

.say-something-sec h2::after {
    display: none;
}

.say-something-sec hr {
    border-bottom: 1px solid #000;
    margin: 20px auto;
    max-width: 1570px;
}

.fires-are-buit-sec .text-1 {
    width: 100%;
}

.our-approch-outer h3 {
    color: #fff;
}

.abt-middle-img figure img {
    height: 100vh;
    object-fit: cover;
}

.cost-to-cost-cont .read-more a:hover {
    background: #e52225;
}

.fom-cost-to-cost {
    margin-top: -302px;
    margin-bottom: 180px;
}

.fires-are-buit-sec .text-1 {
    top: 50%;
}

.page-template-about-page .contact-with-us {
    padding-top: 0px;
    float: left;
    width: 100%;
    background: #a9d2d5;
    padding-bottom: 220px;
    position: relative;
}


/******************************about page animation- ENd****************************************/


/*brand page*/

.h3 {
    font-size: 60px;
    line-height: 1.08;
    letter-spacing: normal;
    color: #000000;
}

.brand-banner {
    position: relative;
}

.brand-banner .about-banner-content {
    bottom: 105px;
}

.brand-des {
    padding: 220px 0 242px;
    text-align: center;
}

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

.brand-des h3 {
    font-size: 60px;
    line-height: 1.08;
    color: #000000;
    max-width: 1260px;
    margin: 0 auto;
}

.down-scroll {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -35px;
    text-align: center;
}

.down-scroll a {
    width: 60px;
    height: 34px;
    display: inline-block;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.down-scroll a img {
    width: 100%;
    height: 100%;
}

.brands-outer {
    float: left;
    width: 100%;
}

.brand-box {
    position: relative;
}

.brand-box figure {
    position: relative;
    padding-bottom: 56.54%;
    overflow: hidden;
    background-size: cover !important;
}

.brand-box figure:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/overlay-bg.svg) no-repeat;
    background-size: auto;
    content: '';
    background-size: cover;
}

.brand-box-content {
    max-width: 700px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 97px;
    text-align: center;
}

.brand-box-content h6 {
    font-weight: 500;
    margin-bottom: 44px;
    color: #fff;
    text-transform: uppercase;
}

.brand-box-content h3 {
    font-size: 40px;
    line-height: 1.08;
    margin-bottom: 17px;
    color: #fff;
    font-family: 'Inka B Text Rg';
}

.brand-box-content p {
    font-size: 18px;
    line-height: 1.61;
    color: #fff;
    max-width: 77%;
    margin: 0 auto;
    margin-bottom: 54px;
}

.brand-box-content .read-more a {
    height: 46px;
    padding: 9px 87px 9px 12px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #fff;
    font-family: 'Brandon Grotesque';
}

.brand-box-content .read-more a i {
    right: 20px;
    width: 52px;
    top: 47%;
}


/* .brand-box-content .read-more a span{margin-left:-55px;} */

.brand-box-content .read-more a:hover span {
    margin-left: 0;
}

.brand-box:nth-child(2n) .brand-box-content {
    left: auto;
    right: 101px;
}

.gallery-row {
    float: left;
    width: 100%;
}

.gallery-left {
    width: 50%;
    float: left;
}


/*.gallery-left figure{width:100%; height:948px; position:relative;}*/

.gallery-left figure {
    padding-bottom: 111.9%;
    position: relative;
    overflow: hidden;
    background-size: cover !important;
}

.gallery-left figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-right {
    width: 50%;
    float: right;
    position: relative;
}

.gallery-right figure {
    padding-bottom: 55.95%;
    position: relative;
    overflow: hidden;
    background-size: cover !important;
}

.gallery-right figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-cont {
    position: absolute;
    left: 44px;
    right: 50px;
    bottom: 32px;
    z-index: 2;
}

.gallery-cont h6 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #fff;
}

.gallery-cont h4 {
    font-size: 36px;
    line-height: 1.11;
    letter-spacing: normal;
    font-family: 'Inka B Text Rg';
    max-width: 60%;
    float: left;
    color: #fff;
    margin-bottom: 0;
}

.ar-btn {
    float: right;
}

.ar-btn a {
    width: 80px;
    height: 46px;
    display: block;
    border: solid 1px #ffffff;
}

.isContentArea .gallery-cont h4 {
    margin-bottom: 0;
}

.gallery-row:nth-child(2) .gallery-left {
    float: right;
}

.gallery-row:nth-child(2) .gallery-right {
    float: left;
}


/* .gallery-row:nth-child(2) .gallery-left figure{height:944px;}
.gallery-row:nth-child(3) .gallery-left figure{height:946px;} */

.gallery-row:last-child .gallery-left {
    float: left;
}


/* .gallery-row:last-child .gallery-left figure{height:474px;} */


/*.gallery-row:last-child .gallery-right figure{height:474px;}*/

.brand-capabilities {
    float: left;
    width: 100%;
    padding: 80px 0 40px;
}

.brand-capabilities h3 {
    font-size: 60px;
    line-height: 1.08;
    color: #e52225;
    margin-bottom: 18px;
    text-align: center;
    font-family: 'Inka B Text Rg';
}

.brand-capabilities .mid-container {
    max-width: 1640px;
}

.box-btm-bdr {
    border-bottom: 1px solid #000;
}

.brand-capability-outer {
    float: left;
    width: 100%;
}

.brand-capability-box {
    max-width: 775px;
    width: 100%;
    text-align: left;
    float: left;
    padding-bottom: 50px;
    padding-top: 93px;
}

.brand-capability-box h6 {
    font-weight: 500;
    letter-spacing: 1.33px;
    line-height: 1.19;
    margin-bottom: 53px;
    color: #e62124;
}

.brand-capability-box h5 {
    font-size: 26px;
    line-height: 1.38;
    letter-spacing: 2.21px;
    font-weight: 500;
    margin-bottom: 23px;
    text-transform: uppercase;
}

.brand-capability-box p {
    /* font-size: 18px; */
    font-size: 20px;
    line-height: 1.61;
    color: #000000;
    max-width: 85%;
    min-height: 116px;
}

.addresses {
    margin-top: 32px;
    padding-bottom: 0px;
    min-height: 140px;
}

.addresses h6 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 1.29px;
    color: #000000;
}

.brand-capability-box:nth-child(2n) {
    float: right;
}

.our-partners {
    float: left;
    width: 100%;
    padding: 80px 0 0px;
}

.our-partners .container {
    max-width: 1640px;
}

.our-partners h3 {
    margin-bottom: 80px !important;
    text-align: center;
    font-size: 40px;
    line-height: 1.08;
    letter-spacing: normal;
    color: #000000;
    font-family: 'Inka B Text Rg';
}

.our-partner-outer {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 70px;
}

.our-partner-outer ul li {
    display: inline-block;
    margin-right: 0px;
    width: 15%;
    vertical-align: middle;
    text-align: center;
    margin-right: 180px;
    margin-top: 150px;
}

.our-partner-outer ul li figure {
    display: inline-block;
    vertical-align: middle;
    height: auto;
}

.our-partner-outer ul li figure img {
    width: 70%;
    height: auto;
    vertical-align: middle;
}

.our-partner-outer ul li:first-child,
.our-partner-outer ul li:nth-child(2),
.our-partner-outer ul li:nth-child(3),
.our-partner-outer ul li:nth-child(4) {
    margin-top: 0;
}

.our-partner-outer ul li:nth-child(4n) {
    margin-right: 0;
}

.our-partner-outer ul li:last-child {
    margin-right: 0;
}

.cmg-soon {
    position: relative;
}

.cmg-soon a {
    width: 187px;
    height: 54px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #fff;
    display: inline-block;
    line-height: 54px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1.33px;
}

.cmg-soon a i {
    display: none;
}

.bg-tras {
    border-bottom: 1px solid transparent;
}

.social-outer .brand-capability-box:last-child {
    padding-bottom: 0;
}


/* champing-page  */

.head-description-content h3 {
    font-size: 40px;
    line-height: 1.18;
    letter-spacing: normal;
    color: #000;
    font-family: 'Inka B Text Rg';
}

.isContentArea .head-description-content h3 {
    margin-bottom: 0;
}

.head-description-content p {
    margin-top: 60px;
}

.champing-banner {
    float: left;
    width: 100%;
}

.head-description {
    float: left;
    width: 100%;
}

.head-description-content {
    max-width: 1186px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.head-description-content h6 {
    margin-bottom: 60px;
    font-weight: 500;
    line-height: 1.19;
    letter-spacing: 1.33px;
    text-transform: uppercase;
}


/*.head-description-content h3{margin-bottom:60px;}*/

.head-description-content p {
    /* font-size: 18px; */
    font-size: 20px;
    line-height: 1.61;
    color: #000000;
    letter-spacing: normal;
}


/*.project-description{float:left; width:100%;   }*/

.project-outer {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding: 88px 0 77px;
}

.project-box {
    display: inline-block;
    text-align: center;
    margin-right: 109px;
    width: 350px;
    vertical-align: top;
}

.project-box h2 {
    font-size: 90px;
    font-weight: 500;
    -webkit-text-stroke: 1px #e52225;
    background-color: rgba(216, 216, 216, 0);
    font-family: Uniform ExtCond;
    font-stretch: extra-condensed;
    line-height: 1;
    letter-spacing: 1.51px;
    padding-bottom: 14px;
    display: inline-block;
    color: rgba(216, 216, 216, 0);
    border-bottom: 1px solid #e52225;
    margin-bottom: 11px;
}

.project-box h6 {
    color: #e62124;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: 1.33px;
    text-transform: uppercase;
    max-width: 100%;
    margin: 0 auto;
}

.youtube-section {
    float: left;
    width: 100%;
    margin-top: 121px;
    position: relative;
}

.youtube-section-cont {
    position: absolute;
    left: 0;
    right: 0;
    top: 48%;
    transform: translatey(-50%);
    margin: auto;
    text-align: center;
}

.youtube-section-cont h4 {
    font-size: 32px;
    /*font-size:500; */
    letter-spacing: 2.72px;
    line-height: 1.13;
    color: #ffffff;
    margin-bottom: 50px;
}

.youtube-section-cont a {
    width: 92px;
    height: 92px;
    display: inline-block;
}

.youtube-section-cont a img {
    width: 100%;
    height: 100%;
}

.champ-inner .gallery-left figure {
    height: 1080px;
}

.champ-inner .gallery-right {
    height: 1080px;
}

.small-desc {
    float: left;
    width: 100%;
    text-align: center;
}

.small-desc h4 {
    font-size: 36px;
    line-height: 1.33;
    color: #000000;
    font-family: 'Inka B Text Rg';
    margin-bottom: 0;
}

.padding-lg {
    padding: 128px 0;
}

.img-sec {
    float: left;
    width: 100%;
}

.champ-inner .gallery-row:last-child .gallery-right,
.champ-inner .gallery-row:last-child .gallery-left figure {
    height: 1080px;
}

.champ-inner .gallery-row:last-child .gallery-right figure {
    height: 50%;
}

.tranffic-sec {
    padding: 220px 0 200px;
}

.tranffic-sec h4 {
    max-width: 1351px;
    margin: 0 auto;
}

.leveraging-fashion-sec {
    float: left;
    width: 100%;
    padding: 207px 0 188px;
    text-align: center;
}

.leveraging-fashion-sec h3 {
    margin-bottom: 24px;
}

.leveraging-fashion-sec p {
    margin-bottom: 70px;
    line-height: 1.61;
}

.leveraging-fashion-sec .read-more a {
    text-transform: uppercase;
}

.releted-work {
    float: left;
    width: 100%;
    padding: 164px 0 100px;
    text-align: center;
    background: #fbf6ef;
}

.releted-work-outer {
    max-width: 1550px;
    margin: 0 auto;
    width: 100%;
    margin-top: 90px;
}

.releted-work-outer .gallery-cont {
    text-align: left;
    z-index: 1;
}

.releted-work-outer .gallery-cont h4 {
    max-width: 70%;
    text-align: left;
}

.releted-work-outer .gallery-cont h6 {
    margin-bottom: 18px;
}

.releted-work .more-news-sec {
    float: none;
    margin: 0 auto;
    margin-top: 40px;
    display: inline-block;
}

.releted-work-outer .gallery-row figure {
    z-index: 0;
    height: 100%;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    background-size: cover !important;
}

.releted-work-outer .gallery-row:last-child .gallery-right figure {
    height: 100%;
}


/* .gallery-2-columns-same-size .span_1_of_2:after, .gallery-row  figure:after,  .releted-work-outer .gallery-row figure:after{position:absolute; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,.3); content:'';  opacity:0; visibility: hidden; transition:all 0.25s ease-in-out; } */

.is_overlay:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
    content: '';
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
}

.gallery-2-columns-same-size .span_1_of_2 {
    position: relative;
}

.gallery-2-columns-same-size .span_1_of_2:hover:after,
.gallery-row figure:hover:after,
.releted-work-outer .gallery-row figure:hover:after {
    opacity: 1;
    visibility: visible;
    transition: all 0.25s ease-in-out;
}

.releted-work .more-news-sec {
    max-width: 1550px;
    margin-top: 40px;
}

.nav-cont {
    position: absolute;
    left: 45px;
    top: 45px;
    z-index: 1;
}

.nav-cont a {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 1.75px;
    color: #fff;
    text-transform: uppercase;
}

.animated-text-sec {
    overflow: hidden;
    float: left;
    width: 100%;
    background: #fbf6ef;
    padding-bottom: 50px;
}

.animated-text-sec a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0px;
    width: 256px;
    height: 62px;
    border: solid 1px #000000;
    line-height: normal;
    position: relative;
    font-family: 'Brandon Grotesque';
    transition: all 0.0s ease-in-out;
}

.animated-text-sec a span {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.19;
    letter-spacing: 1.33px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
    font-weight: 500;
    text-transform: uppercase;
}

.animated-text-sec a i {
    position: absolute;
    top: 11%;
    transform: translateY(-50%);
    right: 26px;
    display: inline-block;
    filter: contrast(0%);
    transition: all 0.00s ease-in-out;
}

.animated-text-sec .say-something-sec h2 {
    letter-spacing: -4.5px;
}

.animated-text-sec font {
    margin-right: 24px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}

.animated-text-sec .say-something-sec h2 {
    text-align: center;
}

.animated-text-sec h2.active,
.animated-text-sec h2:hover {
    color: #e52225;
}

.animated-text-sec h2.active a,
.animated-text-sec h2:hover a {
    border-color: #e52225;
    color: #e52225;
    transition: all 0.01s ease-in-out;
}

.animated-text-sec h2.active i,
.animated-text-sec h2:hover i {
    filter: contrast(1000%);
    transition: all 0.02s ease-in-out;
}

.ar-link-btn {
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
}

.ar-link-btn a {
    width: 85px;
    height: 49px;
    border: 1px solid #fff;
    position: relative;
    display: block;
}

.ar-link-btn a i {
    position: absolute;
    left: 0;
    right: 0;
    top: 47%;
    transform: translatey(-50%);
    width: 60%;
    margin: 0 auto;
}

.ar-link-btn a img {
    width: 100%;
}

.ar-link-btn {
    position: absolute;
    right: 49px;
    bottom: 40px;
    z-index: 9;
}

.ar-link-btn.wt a:hover i {
    transform: translateX(35px) translateY(-50%);
}

.gallery-row figure:hover .ar-link-btn {
    opacity: 1;
    visibility: visible;
    transition: all 0.25s ease-in-out;
}


/*Extra CSS*/

.textIsRed {
    color: #e62124;
}

.textIsBlack {
    color: #000000;
}

.isBlue {
    /*	background-color: #a9d2d5;*/
    background: rgba(169, 209, 212, 0.2);
}

.isBeige {
    background-color: #FBF6EF;
}

.gallery-mixed-size-photo-text .col,
.gallery-2-columns-same-size .col {
    padding: 0;
}

.wrapper {
    clear: both;
}


/*Extra CSS*/

.project-description {
    float: left;
    width: 100%;
    clear: both;
}


/*social case study*/

.graph-section {
    float: left;
    width: 100%;
}

.graph-section-left {
    max-width: 750px;
    width: 100%;
    float: left;
}

.graph-section-left figure {
    width: 100%;
    height: 100%;
}

.graph-section-right {
    max-width: 42%;
    width: 100%;
    float: right;
    padding-top: 80px;
}

.graph-section-right-content {
    float: left;
    width: 524px;
    height: 393px;
    position: relative;
}

.graph-section-right-content figure {
    position: absolute;
    left: 70px;
    top: -36px;
    right: -70px;
    width: 508px;
    height: 375px;
}

.graph-section-right-content i {
    position: absolute;
    right: 46px;
    bottom: -135px;
    width: 215px;
    height: 214px;
    display: block;
}

.graph-section-right-cont {
    margin-top: 68px;
    float: left;
    width: 80%;
    max-width: 100%;
}

.graph-section-right-cont p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 1.29px;
    font-family: 'Brandon Grotesque';
    text-transform: uppercase;
}

.s-case-study {
    padding: 213px 0 193px;
}

.s-case-study h4 {
    max-width: 1320px;
    margin: 0 auto;
}

.change-diffrence {
    background: #fff;
}

.change-diffrence .graph-section-left {
    float: right;
}

.change-diffrence .graph-section-right {
    float: left;
    margin-left: 80px;
    margin-top: 54px;
}

.change-diffrence .graph-section-right-content {
    background: transparent;
}

.change-diffrence .graph-section-right-content i {
    right: auto;
    left: 25px;
    bottom: auto;
    top: -80px;
}

.change-diffrence .graph-section-right-content figure {
    left: auto;
    right: auto;
    width: 100%;
    height: 444px;
}

.change-diffrence .graph-section-right-cont {
    margin-top: 50px;
}

.half-img-sec {
    float: left;
    width: 100%;
}

.half-left-side {
    float: left;
    width: 50%;
}

.half-left-side figure {
    width: 100%;
    height: 635px;
}

.half-right-side {
    float: right;
    width: 50%;
}

.half-right-side figure {
    width: 100%;
    height: 635px;
}

.half-right-side figure img,
.half-left-side figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-padding-top {
    padding-top: 0px;
}

.bg-white {
    background: #fff;
}

.graph-section:nth-child(3) .graph-section-right-content figure {
    top: -85px;
}

.play-btn {
    width: 92px;
    height: 92px;
    background-image: url('../images/play-ic.svg');
    background-size: 27px 47px;
    background-repeat: no-repeat;
    background-position: 54% 50%;
    display: inline-block;
    /* @extend %hoverTrans;*/
    border: none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-56px, -56px);
    /* &:hover {@include hoverFade(0.6);*/
}

.play-btn,
.plyr--video button.plyr__play-large {
    width: 92px;
    height: 92px;
    display: inline-block;
    background: transparent;
    background-image: url('../images/play-ic.svg');
    background-size: 100% 100%;
    border-radius: 0;
    top: 54%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.video-block-wrapper .videoStarted h4 {
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease-in-out;
}

.video-block-wrapper h4 {
    position: absolute;
    left: 0;
    right: 0;
    top: 41%;
    transform: translateY(-50%);
    z-index: 9;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 2.72px;
    line-height: 1.13;
    color: #FFFFFF;
    margin-bottom: 50px;
    font-size: 32px;
    text-transform: uppercase;
}

.layout-sub-heading-1 p {
    font-size: 36px;
    line-height: 1.33;
    color: #000000;
    font-family: 'Inka B Text Rg';
    margin-bottom: 0;
}

.layout-sub-heading-1 p br {
    display: none;
}

.head-description-content p {
    font-size: 20px;
    line-height: 1.61;
    margin-bottom: 50px;
}

.head-description-content .read-more a {
    text-transform: uppercase;
}

.head-description-content p a {
    text-decoration: underline;
    transition: all 0.2s ease-in-out;
}

.head-description-content p a:hover {
    color: #E52225;
    transition: all 0.2s ease-in-out;
}

.isContentArea .layout-sub-heading-1 p {
    font-size: 36px;
    line-height: 1.33;
    font-family: 'Inka B Text Rg';
}

.isContentArea .layout-sub-heading-1 p .s1 {
    font-size: 50px;
}

.img-block.disabled.isLightGray {
    background: rgba(169, 209, 212, 0.2);
    z-index: 0;
    height: 100%;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    background-size: cover !important;
}

.project-box:last-child {
    margin-right: 0;
}

.isContentArea {
    float: left;
    width: 100%;
}

.gallery-2-columns-same-size {
    float: left;
    width: 100%;
}

.text_right .brand-box-content {
    left: auto;
    right: 101px;
}

.layout-logo-image-grid {
    float: left;
    width: 100%;
}

.large-cls .desktop-hero {
    min-height: 100vh;
    background-size: cover;
}


/* .single-projects .hero.desktop-hero{min-height:472px; } */

.hero-wrapper {
    position: relative;
    z-index: 1;
}

.hero-wrapper .hero-headline {
    top: auto !important;
    bottom: 105px !important;
    position: absolute !important;
    max-width: 1680px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}

.hero-wrapper .hero-headline h1 span {
    font-size: 100px;
    line-height: normal;
    margin-bottom: 0;
    color: #fff;
    background: transparent;
    font-family: 'Inka B Text Rg';
    padding: 0 0px;
    font-weight: 400;
    line-height: normal;
}

.hero-wrapper .hero-headline h1 {
    max-width: inherit;
    margin: 0 auto;
}

.hero_overlay .hero {
    position: relative;
    z-index: 0;
}

.hero_overlay .hero:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image: linear-gradient(to bottom, transparent, transparent 20%, rgba(0, 0, 0, 0.6));
    content: '';
}

.our-partners .isCentered h3:last-child {
    margin-bottom: 80px;
}

.isContentArea .our-partners ul li {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.gallery-row.right_layout .gallery-right {
    float: left;
}

.box-btm-bdr:last-child {
    border: none;
}

.soon {
    position: absolute;
    top: 32px;
    left: 44px;
    text-align: center;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1.33px;
    text-transform: uppercase;
}

.gallery-2-columns-same-size .span_1_of_2:hover .ar-link-btn {
    opacity: 1;
    visibility: visible;
    transition: all 0.25s ease-in-out;
}

.large-image {
    position: relative;
}

.large-box-content {
    position: absolute;
    left: 37px;
    bottom: 30px;
}

.gallery-cont.large_image_larger_font h4,
.gallery-cont.bottom_image_larger_font h4,
.gallery-cont.top_image_larger_font h4,
.large-box-content h3 {
    color: #fff;
    font-size: 60px;
    line-height: 1.08;
    font-family: 'Inka B Text Rg';
    font-weight: 400;
}

.gallery-cont.large_image_larger_font h4,
.gallery-cont.bottom_image_larger_font h4,
.gallery-cont.top_image_larger_font h4 {
    margin-bottom: 0;
}

.large-image .ar-link-btn {
    bottom: 30px;
}

.large-image:hover .ar-link-btn {
    opacity: 1;
    visibility: visible;
    transition: all 0.25s ease-in-out;
}

.large-image-box {
    float: left;
    width: 100%;
}

.box-btm-bdr:nth-last-child(2) {
    border: none;
}

.text_left .soon {
    left: 40px;
}

.text_right .soon {
    right: 40px;
    left: auto;
}

.gallery-2-columns-same-size .gallery-cont .g-btn-link,
.gallery-cont .g-btn-link {
    float: left;
    width: 100%;
    display: block;
    position: relative;
}

.gallery-2-columns-same-size .gallery-cont .g-btn-link span,
.gallery-cont .g-btn-link span {
    width: 85px;
    height: 49px;
    border: 1px solid #fff;
    display: block;
    float: right;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
    z-index: 0;
    position: absolute;
    right: 0;
    bottom: 5px;
}

.gallery-2-columns-same-size .gallery-cont .g-btn-link span i,
.gallery-cont .g-btn-link span i {
    position: absolute;
    left: 0;
    right: 0;
    top: 47%;
    transform: translatey(-50%);
    width: 60%;
    margin: 0 auto;
    filter: brightness(0) invert(1);
    transition: all 0.5s ease-in-out;
}

.gallery-2-columns-same-size .span_1_of_2:hover .gallery-cont .g-btn-link span,
.gallery-row figure:hover .gallery-cont .g-btn-link span {
    visibility: visible;
    opacity: 1;
    transition: all 0.25s ease-in-out;
}

.gallery-2-columns-same-size .gallery-cont .g-btn-link span:after,
.gallery-cont .g-btn-link span:after {
    background: #fff;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 95%;
    bottom: 0;
    opacity: 0;
    content: '';
    visibility: hidden;
    z-index: -1;
    transition: all 0.5s ease-in-out;
    display: none;
}

.gallery-2-columns-same-size .gallery-cont .g-btn-link:hover span:after,
.gallery-cont .g-btn-link:hover span:after {
    transition: all 0.5s ease-in-out;
    top: 0;
    visibility: visible;
    opacity: 1;
}

.gallery-2-columns-same-size .gallery-cont .g-btn-link:hover i,
.gallery-cont .g-btn-link:hover i {
    transform: translateX(00px) translateY(-50%);
}

.releted-work-outer .gallery-cont {
    max-width: 100%;
}

.releted-work-outer .gallery-cont h4 {
    max-width: 85%;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    80% {
        transform: translateY(-0px);
    }
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}


/*our team */

.layout-sub-heading-2 {
    float: left;
    width: 100%;
}

.layout-sub-heading-2 .section-headline {
    text-align: center;
}

.isContentArea .cost-sec h3 {
    font-size: 60px;
    line-height: 1.08;
    letter-spacing: normal;
    font-weight: 400;
    font-family: 'Inka B Text Rg';
    margin-bottom: 37px;
}

.isContentArea .cost-sec p {
    /* font-size: 18px; */
    font-size: 20px;
    line-height: 1.6;
    font-family: 'Inka B Text Rg';
    max-width: 1121px;
    margin: 0 auto;
    text-align: center;
}

.our-team .gallery-image {
    padding-bottom: 0;
    height: 945px;
}

.team-members {
    float: left;
    width: 100%;
}

.team-member {
    position: relative;
    margin-top: 30px;
    z-index: 0;
}

.cursor {
    cursor: pointer;
}

.isContentArea .team-member .team-member-label {
    padding: 0;
    position: absolute;
    left: 27px;
    right: 27px;
    bottom: 24px;
    z-index: 1;
}

.isContentArea .team-member .team-member-label h4 {
    color: #fff;
    font-size: 36px;
    line-height: 1.11;
    font-family: 'Inka B Text Rg';
}

.isContentArea .team-member-grid .team-member {
    padding-bottom: 0;
}

.isContentArea .team-member-grid .team-member p {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1.33px;
    color: #ffffff;
    text-transform: uppercase;
}

.team-member .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: rgba(0, 0, 0, .6);
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}

.team-member:hover .overlay {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}

.team-member .overlay .read-more {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    text-align: center;
}

.team-member .overlay .read-more a {
    text-transform: uppercase;
    height: 54px;
    padding: 14px 90px 15px 30px;
}

.team-member .overlay .read-more a span {
    font-weight: 500;
}


/*modal popup css*/

.fancybox-container .team-member-bio-box {
    max-width: 1062px;
    margin: 0 auto;
    padding: 62px;
    text-align: center;
    background: #ecf7f6;
}

.team-member-bio-box .modal-heading h2 {
    font-size: 36px;
    color: #e52225;
    font-family: 'Inka B Text Rg';
    line-height: 1.11;
    font-weight: 400;
    margin-bottom: 12px;
}

.team-member-bio-box .modal-heading h3 {
    font-size: 16px;
    letter-spacing: 1.29px;
    color: #000000;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 37px;
}

.team-member-bio-box p {
    font-size: 18px;
    line-height: 1.61;
    font-family: 'Inka B Text Rg';
    color: #000000;
}

.fancybox-container .team-member-bio-box .fancybox-close-small::after {
    background: transparent;
    color: #E52225;
    font-size: 40px;
    position: absolute;
    top: 0;
    right: 0;
}

.team-member-bio-box .fancybox-close-small {
    width: auto;
    height: auto;
}


/*stocked page*/

.isContentArea .copy-image-2-col-split .text-block .inner {
    overflow: hidden;
    padding: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    height: auto;
}

.isContentArea .copy-image-2-col-split .text-block {
    max-width: 82%;
}

.isContentArea .copy-image-2-col-split .text-block h4 {
    font-weight: 500;
    letter-spacing: 1.33px;
    line-height: 1.19;
    margin-bottom: 8px;
    color: #e62124;
    font-size: 16px;
    text-transform: uppercase;
}

.isContentArea .copy-image-2-col-split .text-block h3 {
    font-size: 60px;
    line-height: 1.08;
    letter-spacing: normal;
    font-weight: 400;
    margin-bottom: 33px;
    font-family: 'Inka B Text Rg';
}

.isContentArea .copy-image-2-col-split .text-block p {
    line-height: 29px;
    font-size: 20px;
}

.isContentArea .copy-image-2-col-split .text-block h6 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 1.29px;
    color: #000000;
    border-bottom: 1px solid #000;
    padding-bottom: 97px;
}

.isContentArea .copy-image-2-col-split .text-block.text_right {
    position: relative;
    float: right;
}


/* .page-id-6473 .layout-sub-heading-2   p{color:#E52225;}
.page-id-6473 .layout-sub-heading-2:nth-child(2) p{color:#000;} */


/*career page*/

.careers .isContentArea .icon-card-grid .card-list {
    display: inline-block;
}

.careers .isContentArea .icon-card-grid .card-list .card {
    display: inline-block;
    background: rgba(174, 207, 210, 0.2);
    padding: 65px 72px 58px;
    text-align: center;
    margin-top: 11px;
    border: none;
}

.careers .isContentArea .icon-card-grid .card-list .span_4_of_12 {
    width: calc(97.88% / 3);
}

.careers .isContentArea .icon-card-grid .card-list .col {
    margin-right: 1.06%;
    margin-left: 0;
}

.careers .isContentArea .icon-card-grid .card-list .col:nth-child(3n) {
    margin-right: 0;
    float: right;
}

.careers .isContentArea .icon-card-grid .card-text h3 {
    font-size: 26px;
    line-height: 1.38;
    letter-spacing: 2.21px;
    margin-bottom: 23px;
    font-family: 'Brandon Grotesque';
    font-weight: 500;
    text-transform: uppercase;
}

.careers .isContentArea .icon-card-grid .card-inner {
    padding-bottom: 0;
}

.careers .isContentArea .icon-card-grid .card-text p {
    font-family: 'Inka B Text Rg';
    font-size: 18px;
    line-height: 1.61;
}

.careers .isContentArea .icon-card-grid .card-text {
    margin-bottom: 0;
}

.careers .isContentArea .copy-2-column-left-heading .item-row h4 {
    font-size: 16px;
    color: #000000;
    line-height: 1.75;
    letter-spacing: 1.29px;
    font-family: 'Brandon Grotesque';
    text-transform: uppercase;
}

.careers .isContentArea .copy-2-column-left-heading .item-row h3 {
    font-size: 45px;
    font-family: 'Inka B Text Rg';
    line-height: 1.11;
    color: #000000;
    letter-spacing: normal;
}

.careers .isContentArea .icon-card-grid .card-inner .col {
    margin-left: 0;
}

.careers .copy-2-column-left-heading .col {
    margin-left: 0;
}

.careers .social-media-box-cont-right p {
    margin-bottom: 23px;
}

.careers .btn-row a {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Brandon Grotesque';
    padding: 0;
    padding-right: 15px;
    text-transform: uppercase;
}

.careers .isContentArea .copy-2-column-left-heading .item-row.hasTopBorder {
    border-top: 1px solid #000;
}

.careers .head-description-content .read-more a {
    text-transform: uppercase;
}

.careers .isContentArea .copy-2-column-left-heading .item-row .btn-row {
    margin-top: 18px;
}

.careers .head-description .head-description-content h4 {
    font-size: 36px;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    font-family: 'Inka B Text Rg';
    margin-bottom: 60px;
}

.careers .isContentArea .layout-headline-4 h2 {
    font-family: 'Inka B Text Rg';
}

.careers .contact-with-us {
    display: none;
}


/*contact us*/

.page-id-6510 .gallery-outer {
    float: left;
    width: 100%;
    position: relative;
}

.page-id-6510 .gallery-right {
    padding: 200px 84px 160px;
    background: rgba(169, 210, 213, 0.6);
    height: 100%;
    position: relative;
}

.page-id-6510 .gallery-right-content {
    max-width: 545px;
    width: 100%;
}

.page-id-6510 .gallery-right,
.page-id-6510 .gallery-left {
    min-height: 100vh;
    height: 100vh;
}

.page-id-6510 .gallery-left figure img {
    height: 100vh;
    object-fit: cover;
}

.page-id-6510 .isContentArea .gallery-right h1 {
    font-size: 80px;
    line-height: 65px;
    font-family: 'Inka B Text Rg';
    padding-bottom: 65px;
    border-bottom: solid 1px #000000;
    margin-bottom: 53px;
}

.page-id-6510 .isContentArea .footer-block ul {
    margin-left: 0px;
    list-style-type: none;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.page-id-6510 .isContentArea .footer-block ul li {
    margin-left: 0;
    list-style-type: none;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.page-id-6510 .isContentArea .footer-block ul {
    float: left;
    width: 45%;
}

.page-id-6510 .isContentArea .footer-block ul:nth-child(2n) {
    float: right;
    padding-left: 20px;
}

.page-id-6510 .isContentArea .footer-block .footer-contact-phone-number {
    display: none;
}

.page-id-6510 .isContentArea .footer-block ul li p {
    margin-bottom: 0;
}

.careers-box .item-row {
    padding-bottom: 81px;
}

.page-id-6510 .isContentArea .footer-block ul li h4 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.33px;
    color: #e52225;
    font-family: 'Brandon Grotesque';
    text-transform: uppercase;
    margin-bottom: 7px;
}

.page-id-6510 .isContentArea .footer-block ul li p,
.page-id-6510 .isContentArea .footer-block ul li p a {
    font-size: 18px;
    line-height: 1.61;
    color: #000;
    font-family: 'Inka B Text Rg';
}

.page-id-6510 .isContentArea .footer-block ul li p a:hover {
    color: #e52225;
}

.page-id-6510 .isContentArea .footer-block ul {
    margin-bottom: 39px;
}

.page-id-6510 .isContentArea h6 {
    color: #e52225;
    letter-spacing: 1.33px;
    font-weight: 500;
    font-size: 16px;
    position: absolute;
    bottom: 96px;
    left: 84px;
    text-transform: uppercase;
}

.page-id-6510 .isContentArea .footer-location {
    float: left;
    width: 100%;
    padding-top: 45px;
    border-top: solid 1px #000000;
    margin-top: 30px;
}

.page-id-6510 .isContentArea .footer-location ul li {
    margin-left: 20px;
    margin-left: 0px;
    list-style-type: none;
    width: 45%;
    float: left;
}

.page-id-6510 .isContentArea .footer-location ul li:last-child {
    float: right;
    padding-left: 20px;
}

.page-id-6510 .isContentArea .footer-location ul li:first-child {
    float: left;
    padding-left: 0;
}

.page-id-6510 .isContentArea .footer-location ul li h4 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.33px;
    color: #e52225;
    font-family: 'Brandon Grotesque';
    text-transform: uppercase;
    margin-bottom: 10px;
}

.page-id-6510 .isContentArea .footer-location ul li a,
.page-id-6510 .isContentArea .footer-location ul li p {
    font-size: 18px;
    line-height: 1.38;
    font-family: 'Inka B Text Rg';
    margin-bottom: 0;
}


.page-id-6510 .middle-wrapper {
    min-height: auto !important;
}

.contact-with-us .gform_footer .btn:after {
    display: none;
}

.read-more.wt.c-soon a {
    cursor: unset;
    padding: 9px 30px 15px 30px;
}

.read-more.wt.c-soon a:after {
    display: none;
}

.read-more.wt.c-soon a span {
    color: #fff;
    text-transform: uppercase;
    margin: 0;
}


/*new page*/

.short-by-filter {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 0px;
}

.short-by-filter label {
    float: left;
    margin-right: 15px;
    font-size: 18px;
    line-height: 1.61;
    letter-spacing: 1px;
    color: #000000;
    text-transform: uppercase;
}

.short-by-filter ul {
    display: inline-block;
}

.short-by-filter ul li {
    margin-right: 15px;
    display: inline-block;
}

.short-by-filter ul li:last-child {
    margin-right: 0;
}

.short-by-filter ul li a {
    position: relative;
    font-size: 18px;
    line-height: 1.61;
    letter-spacing: 1px;
    color: #000000;
    text-transform: uppercase;
    display: block;
    transition: all 0.2s ease-in-out;
}

.short-by-filter ul li a:after {
    position: absolute;
    left: 40%;
    right: 40%;
    margin: 0 auto;
    bottom: 0px;
    transition: all 0.5s ease-in-out;
    background: #e52225;
    visibility: hidden;
    opacity: 0;
    background-size: 100% 100%;
    content: '';
    height: 2px;
}

.short-by-filter ul li.active a:after,
.short-by-filter ul li a:hover:after {
    left: 0;
    right: 0;
    transition: all 0.2s ease-in-out;
    visibility: visible;
    opacity: 1;
}

.short-by-filter ul li a:hover {
    font-weight: bold;
    color: #000;
}

.short-by-filter ul li.active a {
    font-weight: bold;
    color: #e52225;
}

.page-id-6400 .news-box {
    margin-top: 100px;
}

.page-id-6400 .more-news-sec button:first-child {
    float: left;
}

.page-id-6400 .more-news-sec button:first-child a {
    padding-left: 15px;
    padding-right: 0;
}

.page-id-6400 .more-news-sec button.link-btn:first-child a::after {
    content: '<';
    left: 0;
    right: auto;
    transition: all 0.2s ease-in-out;
}

.page-id-6400 .more-news-sec button:first-child a:hover:after {
    left: -4px;
    transition: all 0.2s ease-in-out;
}

.page-id-6400 .more-news-sec button:first-child a:before {
    right: auto;
    left: 0;
    transition: all 0.2s ease-in-out;
}

.page-id-6400 .more-news-sec button:first-child a:hover:before {
    left: 0;
    right: auto;
    transition: all 0.2s ease-in-out;
}

.page-id-6400 .more-news-sec button:last-child {
    float: right;
}


/* .postid-3700 .head-description-content .read-more a{ width: 240px;} */

.layout-sub-heading-2.quote-sec p {
    text-transform: uppercase;
    font-family: 'Brandon Grotesque';
    font-weight: 500;
    font-size: 16px;
    line-height: 1.19;
    letter-spacing: 1.33px;
}

.parent-pageid-10 .isContentArea .layout-headline-3 .right-col h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.19;
    letter-spacing: 1.33px;
    text-transform: uppercase;
}

.parent-pageid-10 .isContentArea .layout-headline-3 .right-col .intro-sidebar-text p {
    font-size: 18px;
    font-family: 'Inka B Text Rg';
}

.parent-pageid-10 .isContentArea .copy-2-column-left-heading .item-row h3 {
    font-size: 36px;
    line-height: 40px;
    font-family: 'Inka B Text Rg';
}

.careers .isContentArea .section-text p,
.parent-pageid-10 .isContentArea .section-text ul li {
    /* font-size: 18px; */
    font-size: 20px;
    line-height: 29px;
}

.careers .isContentArea .copy-2-column-left-heading .item-row .section-text {
    padding-top: 30px;
}

.parent-pageid-10 .isContentArea .section-headline h2 {
    color: #000;
    font-size: 60px;
    line-height: 1.08;
    letter-spacing: normal;
    font-weight: 400;
    font-family: 'Inka B Text Rg';
}

.parent-pageid-10 .isContentArea .layout-headline-3 p {
    font-size: 18px;
}

.parent-pageid-10 .isContentArea .layout-headline-3 h3 {
    font-size: 36px;
    line-height: 40px;
    font-family: 'Inka B Text Rg'
}

.parent-pageid-10 .contact-with-us {
    display: none;
}

.parent-pageid-10 .career-inquiry-form-wrapper h2 {
    font-size: 80px;
    line-height: 1;
    letter-spacing: normal;
    font-family: 'Inka B Text Rg';
}

.parent-pageid-10 .career-position-intro {
    padding-top: 150px !important;
}

.parent-pageid-10 .isContentArea .copy-2-column-left-heading .item-row.hasTopBorder {
    border-color: #000;
}

.parent-pageid-10 .isContentArea .career-inquiry-form-wrapper .ginput_container_textarea {
    margin-top: -5px;
}

.parent-pageid-10 .isContentArea .copy-2-column-left-heading .item-row.hasTopBorder:first-child {
    border: none;
}


/*.parent-pageid-10 .copy-2-column-left-heading .col{margin-left: 0;}*/

.parent-pageid-10 .isContentArea .copy-2-column-left-heading .item-row .section-text {
    padding-top: 30px;
}

.careers .isContentArea .icon-card-grid .card-icon-box .card-icon {
    width: 212px;
    height: 194px;
}

.large_font_section_description p {
    font-size: 36px;
    line-height: 1.33;
}

.page-id-5627 .say-something-sec-container .say-something-sec {
    margin-bottom: 0;
}

.page-id-5627 .say-something-sec-container {
    padding: 0 0 260px;
}

.parent-pageid-10 .isContentArea .copy-2-column-left-heading .item-row .section-text ul li {
    margin-left: 0;
}

.parent-pageid-10 .isContentArea .copy-2-column-left-heading .item-row .section-text {
    padding-top: 8px;
}

.parent-pageid-10 .isContentArea .copy-2-column-left-heading .item-row .section-text {
    padding-top: 8px;
}

.parent-pageid-10 .isContentArea .copy-2-column-left-heading .item-row .section-text {
    padding-top: 8px;
}

.scroll-top-wrapper,
.sticky-social-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    display: inline-block;
}


/* .page .scroll-to-top em, .page .scroll-to-top a{color: #000;}
.single-projects  .scroll-to-top em, .single-projects  .scroll-to-top a{color: #000;}
.page .img-left-cont a, .single-projects .img-left-cont a {color: #000;}
.home .img-left-cont a , .home .scroll-to-top a , .home .scroll-to-top em{color:#fff;}*/


/*
.page-id-6510  .sticky-social-links,.page-id-6510  .scroll-to-top-helper  , .page-id-6510  .scroll-to-top{display:none !important;}*/

.icon-blue a span:hover {
    color: #e62528;
}

.abt-middle-img-container figure {
    position: relative;
    margin-top: 60px;
}

.video-wrapper .hero-headline {
    z-index: 999;
}

.get-touch {
    bottom: 228px;
}

.sticky-social-links.icon-blue.get-touch.linksAreBlack.isStuck {
    left: 0;
    bottom: 260px;
}

.sticky-social-links.isStuck.isVisible.get-touch .img-left-cont {
    position: absolute;
}

.sticky-social-links.isStuck.isVisible.get-touch .img-left-cont p {
    display: block ruby;
    white-space: nowrap;
}

.career-inquiry-form-wrapper {
    margin-bottom: -6px;
}

.hero-wrapper .hero-headline h3 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.33px;
    color: #ffffff;
    font-family: 'Brandon Grotesque';
    text-transform: uppercase;
    margin-bottom: 0px;
}

.large-image figure {
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    background-size: cover !important;
}

.large-image figure:hover::after {
    opacity: 1;
    visibility: visible;
    transition: all 0.25s ease-in-out;
}

.banner-video {
    float: left;
    width: 100%;
    height: 100vh;
}

.banner-video .solution-img .video-container {
    display: flex;
    height: 0;
    justify-content: center;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}

.banner-video .solution-img .video-container .video-wrapper {
    height: 100vh;
    position: relative;
    width: 100%;
    z-index: 2;
}

.banner-video .solution-img .video-container .video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.banner-video .solution-img video {
    display: block;
    height: auto;
    transition: all .7s ease-in-out;
    width: 100%;
}

.banner-video .solution-img .video-container .video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
}

header {
    background: rgba(255, 255, 255, 1) !important;
}

.homwrap .solution-intro {
    margin-top: 0px;
    padding-top: 0px !important;
}

.subnav:hover .mainheaderwrap {
    background: #fff;
}


/* 05-04-2022 Dated CSS */

.home section.footercontactmainsection.maininner-footer {
    display: none;
}

.home header.mainheaderwrap.bg-t {
    background-color: transparent !important;
}

.home header.mainheaderwrap.bg-w {
    background-color: #fff !important;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #e52225;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #c01417;
}

html {
    scroll-behavior: smooth;
}

.sections_list {
    position: fixed;
    top: 50%;
    right: 30px;
    z-index: 999;
    transform: translate(0%, -50%);
}

.sections_list li {
    display: block;
    margin-bottom: 10px;
}

.sections_list li:nth-last-child(1) {
    margin: 0;
}

.sections_list li a {
    width: 6px;
    height: 6px;
    background: rgb(53, 53, 53);
    display: block;
    border-radius: 50%;
    transition: all 0.5s ease;
}

.sections_list li a.active {
    transform: scale(1.5);
    background-color: #000;
}

.sections_list li a:hover {
    transform: scale(1.5);
    background-color: #000;
}

section.footercontactmainsection.maininner-footer .gform_submission_error.hide_summary,
.contact-with-us .contact-form-inner .gform_validation_errors h2.gform_submission_error {
    font-size: 15px;
    font-family: 'Brandon Grotesque';
    line-height: normal;
}

.home .custompagewrap .section.aboutsec.hm-about-us,
.home .section.guiding-org-sec.section_0,
.home .section.guiding-org-sec.newsfullsec.section_0 {
    min-height: calc(100vh - 60px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* .home .footercontactmainsection {
    height: 100vh;
} */

.home .footercontactmainsection .contact-with-us {
    padding: 10px 0 130px;
    height: 65%;
    display: flex;
    align-items: flex-end;
}

.section.guiding-org-sec.newsfullsec .news-sec {
    padding: 0;
}

.single-post .isContentArea p,
.single-thoughts .isContentArea p {
    font-size: 22px;
}

.home .section.guiding-org-sec.section_0 {
    min-height: auto !important;
    padding: 80px 0;
}

.home .contact-with-us {
    display: none !important;
}

@media screen and (max-width: 1440px) {

    .isContentArea .copy-image-2-col-split .text-block p,
    .head-description-content p,
    .isContentArea .cost-sec p,
    .brand-capability-box p,
    .news-box-cont p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1200px) {

    .single-post .isContentArea p,
    .single-thoughts .isContentArea p {
        font-size: 20px;
    }
}

@media screen and (max-width: 992px) {
    .hero.desktop-hero {
        padding-bottom: 56.25%;
        margin-top: 60px;
    }
}

@media(max-width:767px) {
    .home .footercontactmainsection .contact-with-us {
        height: 85%;
    }

    .single-post .isContentArea p,
    .single-thoughts .isContentArea p {
        font-size: 18px;
    }

    .we-serv-box:nth-child(2n) figure {
        float: left;
    }
}

@media(max-width:480px) {
    .sections_list {
        right: 20px;
    }

    .home .custompagewrap .footercontactmainsection .contact-with-us {
        padding-bottom: 50px;
    }

    .page-id-6473 .head-description-content .read-more a {
        transform: inherit !important;
    }

    .isContentArea .copy-image-2-col-split .text-block p,
    .head-description-content p,
    .isContentArea .cost-sec p,
    .brand-capability-box p,
    .news-box-cont p {
        font-size: 16px;
    }
}


.home .section .fadeineffect {
    opacity: 0 !important;
    animation-name: unset;
    animation-duration: unset;
    animation-fill-mode: unset;
    animation-name: unset;
    transition: all 1s ease;
}

.home .section.active .fadeineffect {
    opacity: 1 !important;
    animation-name: unset;
    animation-duration: unset;
    animation-fill-mode: unset;
    animation-name: unset;
}

/* .home .section.guiding-org-sec.section_0 {
    min-height: calc(100vh - 60px) !important;
    padding: 0;
} */

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