@charset "utf-8";


@font-face {
    font-family: 'Harriet Display';
    src: url('../fonts/HarrietDisplay-Regular.eot');
    src: url('../fonts/HarrietDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HarrietDisplay-Regular.woff2') format('woff2'),
        url('../fonts/HarrietDisplay-Regular.woff') format('woff'),
        url('../fonts/HarrietDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harriet Display';
    src: url('../fonts/HarrietDisplay-Bold.eot');
    src: url('../fonts/HarrietDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HarrietDisplay-Bold.woff2') format('woff2'),
        url('../fonts/HarrietDisplay-Bold.woff') format('woff'),
        url('../fonts/HarrietDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harriet Display';
    src: url('../fonts/HarrietDisplay-BoldItalic.eot');
    src: url('../fonts/HarrietDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HarrietDisplay-BoldItalic.woff2') format('woff2'),
        url('../fonts/HarrietDisplay-BoldItalic.woff') format('woff'),
        url('../fonts/HarrietDisplay-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Harriet Display';
    src: url('../fonts/HarrietDisplay-MediumItalic.eot');
    src: url('../fonts/HarrietDisplay-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HarrietDisplay-MediumItalic.woff2') format('woff2'),
        url('../fonts/HarrietDisplay-MediumItalic.woff') format('woff'),
        url('../fonts/HarrietDisplay-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Bl';
    src: url('../fonts/ProximaNova-Black.eot');
    src: url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Black.woff2') format('woff2'),
        url('../fonts/ProximaNova-Black.woff') format('woff'),
        url('../fonts/ProximaNova-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff'),
        url('../fonts/ProximaNova-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('../fonts/ProximaNova-Extrabld.eot');
    src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('../fonts/ProximaNova-Extrabld.woff') format('woff'),
        url('../fonts/ProximaNova-Extrabld.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Light.woff2') format('woff2'),
        url('../fonts/ProximaNova-Light.woff') format('woff'),
        url('../fonts/ProximaNova-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff'),
        url('../fonts/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Italic.eot');
    src: url('../fonts/Calibri-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri-Italic.woff2') format('woff2'),
        url('../fonts/Calibri-Italic.woff') format('woff'),
        url('../fonts/Calibri-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-BoldItalic.eot');
    src: url('../fonts/Calibri-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri-BoldItalic.woff2') format('woff2'),
        url('../fonts/Calibri-BoldItalic.woff') format('woff'),
        url('../fonts/Calibri-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Bold.eot');
    src: url('../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri-Bold.woff2') format('woff2'),
        url('../fonts/Calibri-Bold.woff') format('woff'),
        url('../fonts/Calibri-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Light.eot');
    src: url('../fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri-Light.woff2') format('woff2'),
        url('../fonts/Calibri-Light.woff') format('woff'),
        url('../fonts/Calibri-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff'),
        url('../fonts/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-LightItalic.eot');
    src: url('../fonts/Calibri-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri-LightItalic.woff2') format('woff2'),
        url('../fonts/Calibri-LightItalic.woff') format('woff'),
        url('../fonts/Calibri-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}



/* Default Reset Css Starts Here
===============================================================*/
*, *:after, *:before { box-sizing: border-box; }
html,body,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,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;box-sizing: border-box;}
article,aside,figure,footer,header,nav,section,details,summary{display:block;}
img,object,embed{max-width:100%;}
html{overflow-y:scroll;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
th{font-weight:bold;vertical-align:bottom;}
td{font-weight:normal;vertical-align:top;}
hr{display:block;height:1px;border:0;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
pre{white-space:pre; /* CSS2 */white-space:pre-wrap; /* CSS 2.1 */white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */word-wrap:break-word; /* IE */}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;}
select,input,textarea{font:99% sans-serif;}
table{font-size:inherit;}
small{font-size:85%;}
strong{font-weight:bold;}
td,td img{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre,code,kbd,samp{font-family:monospace,sans-serif;}
.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer;}
button,input,select,textarea{ margin:0; }
input[type=text], input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: 0; }

input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number] , textarea, select { padding: 16px 12px; font-size: 23px; line-height: 21px; color: #333333; background-color: #e7e7e7; border: 1px solid #e7e7e7; font-family: 'Calibri'; font-weight: normal; width: 100%; border-radius: 0; }
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, textarea:focus, select:focus, input[type=tel]:focus  { border-color:#333333; }

input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333333; position: relative; opacity: 1; }

input[type=text]::-moz-placeholder , input[type=email]::-moz-placeholder , input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder , textarea::-moz-placeholder , select::-moz-placeholder, input[type=number]::-moz-placeholder
{ /* Firefox 19+ */   color: #333333; position: relative; opacity: 1; }

input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, input[type=number]:-ms-input-placeholder  
 { /* IE 10+ */
  color: #333333; position: relative; opacity: 1; }

input[type=text]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=tel]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, input[type=number]:-ms-input-placeholder  { /* Firefox 18- */   color: #333333; position: relative; opacity: 1; }


.investor-opportunities-text form input::-webkit-input-placeholder { color: #666; }
.investor-opportunities-text form input::-moz-placeholder { color: #666; }
.investor-opportunities-text form input:-ms-input-placeholder { color: #666; }
.investor-opportunities-text form input:-moz-placeholder { color: #666; }
  

/* make buttons play nice in IE */
button,input[type=button]{width:auto;overflow:visible;}
button:focus,textarea:focus,input:focus{outline:none;}

/* Let's Clear Some Floats
===================================================*/
.cf:before,.cf:after{content:"\0020";display:block;height:0;overflow:hidden;}
.cf:after{clear:both;}
.cf{zoom:1;}

.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -18px; margin-left: -18px; }
.row > div { min-height: 1px; padding-right: 18px; padding-left: 18px; }
.col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }


/* Default Css Start Here
===================================================*/
body { padding-top: 0; font-family: 'Calibri'; }
body.admin-bar { padding-top: 65px; }
/* ~~~~~ Typography ~~~~~ */
h1{ font-size: 100px; line-height: 106px; font-family: 'Calibri'; font-weight: bold; }
h2{ font-size: 72px; line-height: 72px;  font-family: 'Calibri'; font-weight: 400; }
h3{font-size: 52px; line-height: 72px; font-family: 'Calibri'; font-weight: 400; }
h4{font-size: 42px; line-height: 42px; font-family: 'Calibri'; }
h5{font-size: 36px; line-height: 36px; font-family: 'Calibri'; }
h6 {font-size: 26px; line-height: 26px; font-family: 'Calibri'; } 

p { font-size: 36px; line-height: 60px; font-family: 'Calibri'; font-weight: normal; }
img{max-width:100%; }
a { font-size: 18px; color: #333333; font-family: 'Calibri'; font-weight: normal; }
a:hover { color: #5d93b6; }
a{ -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; }
a:focus,a:hover{outline:none; }
ol { padding:15px 0 15px 20px; }
ul { padding: 15px 0; }
ol li { color: #54565A; font-family: 'Calibri'; font-weight: normal; font-size: 16px; line-height: 22px;  padding-bottom: 10px; }
ul > li { color: #333333;  font-family: 'Calibri'; font-weight: normal; font-size: 16px; line-height: 22px;  padding-bottom: 10px; position: relative; padding-left: 22px; }
ul li:after { content: ""; display: inline-block; height: 8px; width: 8px; border-radius: 50%; overflow: hidden; background-color: #54565A; position: absolute; left: 0; top: 7px; padding-left: 0; }
a { color: #185A7D; }	
a:hover { color: #54565A; }	
.d-flex{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex; flex-wrap: wrap; }
.align-items-center { align-items:center; }
.justify-center{ justify-content:center; }
.bg-cover{ background-size:cover; background-repeat:no-repeat; background-position:center center; }
.wrapper { overflow: hidden; position: relative; }
input[type=text],input[type=text], input[type=email], input[type=password], input[type=tel], textarea, select { /* Remove First */ -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: 0; }
button, input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; }
input[type=number] { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }
.container { max-width: 1565px; width: 100%; margin: 0 auto; padding: 0 15px; }
.container-bigger { max-width: 1709px; width: 100%; margin: 0 auto; padding: 0 15px; }
.common-banner { height: 100vh; position: relative; }
.bg-overlay:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #666666; display: block; opacity: 0.3; z-index: 1; }

.banner-video.bg-overlay:after { position: fixed; }

.page-template-about-us .common-banner { height: 100vh; } 
.btn-common { background-color: #FFFFFF; color: #333333; font-size: 24px; line-height: 30px; text-transform: uppercase; border: 4px solid #333333; transition: 0.5S all ease-in-out; 
    font-family: 'Calibri'; font-weight: normal; border-radius: 0; letter-spacing: 0.5px; text-decoration: none; min-width: 297px; padding: 17px 15px; }
.btn-common:hover { background-color: #333333; color: #ffffff; border-color: #333333; }
.common-banner .content-block { position: absolute; /*width: 1100px;*/ width: 1290px; margin: 0 auto; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 0 18px; z-index: 11; max-width: 100%; }
.common-banner .content-block h1 { color: #FFFFFF; letter-spacing: -3px; font-family: 'Calibri'; font-weight: bold; }
.common-banner .content-block p {color: #FFFFFF; padding-top: 15px; font-family: 'Calibri'; font-weight: bold;}
.container-bigger.logininner { margin-bottom: 30px; }

/* Header Css Start Here
===================================================*/
header { position: fixed; width: 100%; top: 0; left: 0; display: flex; align-items: center; background-color: transparent; z-index: 1111; transition: 0.3s all ease-in-out; padding: 11px 0 0; }
/*.home header, .page-template-about-us header { background-color: transparent; }*/
header.nobanner, body.fixheader header { background-color: #002047; }
.page-template-invester-partner header { background-color: #002047; }
header.nobanner + * { margin-top: 80px; }
.page-template-about-us header.nobanner { background-color: #002047; }
.bg-full-cover { height: 100vh; width: 100%; position: fixed; left: 0; top: 0; }
.hero-banner.bg-overlay .banner-video:after { content: ""; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #666666; display: block; opacity: 0.5; z-index: 1; }


header nav { width: 100%; height: 100%; }
header { background-color:#002047; }
.enumenu_ul li a { font-size: 22px; line-height: 44px; color: #FFFFFF; text-transform: uppercase; font-family: 'Calibri'; font-weight: bold; display: block; padding: 0; text-decoration: none; letter-spacing: 0.05em; }
.enumenu_ul li:after { display: none; }
.enumenu_ul.desk ul { background: #fff; margin-left: 0; padding: 0; min-width: 300px; padding: 0; min-width: 100%; text-align: center; padding: 8px 0; }
.enumenu_ul.desk ul li a { font-size: 22px; line-height: 24px; color: #999999; text-transform: uppercase; font-family: 'Calibri'; font-weight: bold; }
.enumenu_ul > li:hover > a, .enumenu_ul > li.active > a { background: transparent none repeat scroll 0 0; color: rgba(211, 211, 211, 0.3); }
.enumenu_ul li.current-menu-item a { color: rgba(211, 211, 211, 0.3); }
.enumenu_ul.desk ul li:hover > a { background: transparent; color: #0A2041; }
.logo a { display: inline-block; width: 100%; }  
.logo img { width: 100%; }
.logo { padding: 0 0 0 8px; width: 100%; }
.header-lt { width: 320px; }
.header-rt { width: calc(100% - 320px); text-align: right; padding: 0 67px 0 0; }
.header-wrap { display: flex; flex-wrap: wrap; align-items: center; width: 100%; justify-content: space-between; max-width: 1805px; margin: 0 auto; padding: 0 20px; }

/* Home page Css Start Here
===================================================*/
.banner-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.youtube-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden }
.video_con { position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
.player-src-outer { height: 100%; width: 100%; z-index: 0; position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none }
.player-src { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); position: absolute; width: 100%; height: 100% }
.youtube-wrapper iframe { position: absolute; min-width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: none; }
.vimeo-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden }
.vimeo-wrapper iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.html-video-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden }
.html-video-wrapper video { position: absolute; display: block; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover }
.hero-banner { position: relative; width: 100%; height: 100vh; }
.hero-banner .content-block { position: absolute; width: 1100px; margin: 0 auto; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 0 18px; z-index: 11; }
.hero-banner .content-block h1 { color: #FFFFFF; letter-spacing: -3px; }
.hero-banner .content-block p { color: #FFFFFF; padding-top: 15px;  font-family: 'Calibri'; font-weight: bold; }
.scroll-to-view { position: absolute; border: 220px; text-align: center; z-index: 1; bottom: 160px; margin: 0 auto; left: 0; right: 0; z-index: 11; }

.hero-banner .slider-block { position: absolute; width: 100%; height: 100%;; margin: 0 auto; text-align: center; padding: 0; z-index: 11; }
.hero-banner .slider-block .slick-list, .hero-banner .slider-block .slick-track { height: 100%; width: 100%; } 
.hero-banner .slider-main .content-block { position: absolute; width: 1100px; margin: 0 auto; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 0 18px; z-index: 111; max-width: 100%; }

.scroll-to-view span { color: #FFFFFF; position: relative; text-transform: uppercase;  font-family: 'Calibri'; font-weight: bold; letter-spacing: 1px; font-size: 22px; line-height: 44px; }
.scroll-to-view:after { content: ""; display: block; width: 1px; height: 190px; background-color: #FFFFFF; position: absolute; left: 0; right: 0; margin: 0 auto; top: 100%; }
.mission-statement-block { padding: 122px 0 116px; background-color: #FFFFFF; position: relative; z-index: 1; }
.mission-statement-block h2 { color: #333333; font-size: 56px; line-height: 72px; 
    font-family: 'Calibri'; font-weight: 400; text-align: center; padding-bottom: 22px; max-width: 1250px; width: 100%; margin: 0 auto; }
.mission-statement-block p { text-align: center; padding-top: 22px; color: #333333; max-width: 1340px; margin: 0 auto; width: 100%; font-family: 'Calibri'; font-weight: 300; }
.mission-statement-block h6 { color: #333333; font-size: 22px; line-height: 44px;  font-family: 'Calibri'; font-weight: bold; text-align: center; letter-spacing: 1px; padding-bottom: 42px; }
.mission-statement-block:before { content: ""; display: block; width: 1px; height: 100px; background-color: #99ccff; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
.mission-statement-block:after { content: ""; display: block; width: 45px; height: 1px; background-color: #99ccff; position: absolute; top: 100px; left: 0; right: 0; margin: 0 auto; }

/* Portfolio Css Start Here
===================================================*/
.portfolio-main { padding: 90px 0 170px; position:relative; overflow:hidden; }
.portfolio-main .top-content strong { text-align: left; display: block; color: #333333; font-size: 22px; line-height: 44px; font-family: 'Calibri'; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 1px; }
.portfolio-main .top-content h1 { color: #333333; font-family: 'Calibri'; font-weight: normal; font-size: 56px; line-height: 72px; text-align: left; padding-bottom: 33px; }
.portfolio-main .top-content p { text-align: left; color:#333333; font-weight: 300; font-family: 'Calibri'; }
.portfolio-main .top-content .col-12 { max-width: 1288px; margin: 0 auto; width: 100%; }
.portfolio-main .top-content { padding-bottom: 103px; padding-left: 105px; padding-top: 113px; position: relative; }
.portfolio-lists .inner { text-align: center; position: relative; padding: 10px; padding-bottom: 59.1%; display: flex; }
.portfolio-lists .inner a { position: absolute; height: 100%; width: 100%; left: 0; top: 0; display: block; z-index: 11; }
.portfolio-lists .inner:after { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; display: block; background-color: #020202; opacity: 0.25; transition: 0.5s all ease-in-out; }
.portfolio-lists .inner:hover:after { opacity: 0.5; }
.portfolio-lists .inner h2 { color: #FFFFFF; font-size: 33px; line-height: 61px; 
    font-family: 'Calibri'; font-weight: bold; width: 100%; letter-spacing: 0.06em; }
.portfolio-lists .inner p { color: #FFFFFF; font-size: 25px; line-height: 33px; font-family: 'Calibri'; font-weight: normal; letter-spacing: 0.06em; width: 100%; position: relative; top: -11px; }
.portfolio-lists .col-4 { margin-bottom: 37px; }
.portfolio-lists .inner div { position: absolute; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; top: 52%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; z-index: 1; padding: 10px; }
.portfolio-main .container-bigger { padding: 0 32px; }

/* Individual Portfolio Css Start Here
===================================================*/
.individual-portfolio-main { padding: 139px 0 180px; }
.individual-portfolio-main .individual-slider .image-banner { padding-bottom: 28.91vw; outline: none; }
.individual-portfolio-main .content-block strong { text-transform: uppercase; color: #333333; font-size: 20px; line-height: 24px; font-family: 'Calibri'; font-weight: bold; }
.individual-portfolio-main .content-block span { color: #333333; font-size: 20px; line-height: 24px; font-family: 'Calibri'; font-weight: 300; }
.individual-portfolio-main .content-block span a { text-decoration: none; color: #333333; font-size: 20px; line-height: 24px; font-family: 'Calibri'; font-weight: 300; }
.individual-portfolio-main .content-block span a:hover { color: #5d93b6; }
.individual-portfolio-main .lists li span { padding-left: 8px; }
.individual-portfolio-main h1 { color: #333333; font-size: 50px; line-height: 72px; font-family: 'Calibri'; font-weight: normal; padding-bottom: 15px; padding-left: 13px; }
.individual-portfolio-main .address { padding-bottom: 20px; }
.individual-portfolio-main .address strong { width: 100%; display: block; }
.individual-portfolio-main .lists { padding: 0; }
.individual-portfolio-main .lists li { padding: 0 0 24px; }
.individual-portfolio-main .lists li:after { display: none; }
.individual-portfolio-main .content-block p { color: #333333; font-size: 20px; line-height: 24px; 
    font-family: 'Calibri'; font-weight: 300; padding-bottom: 23px; }
.individual-portfolio-main .slider-block { width: 56%; padding-left: 33px; }
.individual-portfolio-main .content-block { width: 44%; padding-left: 40px; }
.individual-portfolio-main .individual-slider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); height: 84px; width: 48px; border: 0; background-color:rgba(0, 0, 0, 0.25); display: flex; align-content: center; border-radius: 0; font-size: 0; z-index: 1; transition: 0.5s all ease-in-out; }
.individual-portfolio-main .individual-slider .slick-arrow:hover { background-color:rgba(0, 0, 0, 0.5); }
.individual-portfolio-main .individual-slider .slick-arrow.slick-prev { left: 0; background-image: url(../images/slider-left-arrow.png); background-size: cover; background-size: 18px; background-repeat: no-repeat; background-position: center center; }
.individual-portfolio-main .individual-slider .slick-arrow.slick-next { right: 0; background-image: url(../images/slider-right-arrow.png); background-size: cover; background-size: 18px; background-repeat: no-repeat; background-position: center center; }


/* Invester partner Css Start Here
===================================================*/
.invester-partner-banner { background-color: #FFFFFF; position: relative; padding: 132px 0 119px; min-height: 600px; }
.invester-partner-banner .banner-bg { position: absolute; left: 0; top: 0; height: 100%; width: 100%;display: block; } 
.invester-partner-banner .content { text-align: center; max-width: 1014px; width: 100%; margin: 0 auto; padding: 0 18px; position: relative; z-index: 1; }
.invester-partner-banner .content img { margin: 0 auto;  }
.invester-partner-banner .content h1 {color: #333333; font-family: 'Calibri'; font-weight: bold; font-size: 36px; line-height: 30px; text-transform: uppercase; margin-top: 30px; letter-spacing: 3px; word-spacing: 5px; }
.invester-partner-banner .content .btn-block { margin-top: 64px; }
.invester-partner-banner:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #FFFFFF; opacity: 0.25; }
body.page-template-invester-partner { padding-top: 97px; }

/* About us Css Start Here
===================================================*/
.page-template-about-us header.nobanner + .aboutus-main { padding-top: 140px; }
.aboutus-main { padding: 91px 0 100px; }
.aboutus-main .top-content strong { text-align: center; display: block; color: #333333; font-size: 22px; line-height: 44px; font-family: 'Calibri'; font-weight: bold; text-transform: uppercase; margin-bottom: 41px; letter-spacing: 1px; }
.aboutus-main .top-content h2 { color: #333333; font-family: 'Calibri'; font-weight: normal; font-size: 46px; line-height: 62px; text-align: center; padding-bottom: 31px; }
.aboutus-main .top-content p { text-align: center; font-weight: 300; font-family: 'Calibri'; }
.aboutus-main .top-content p:not(:first-of-type) { padding-top: 20px; }
.aboutus-main .top-content .col-12 { max-width: 1278px; margin: 0 auto; width: 100%; }
.ata-glance { position: relative; overflow: hidden; }
.ata-glance .container-bigger { position: relative; z-index: 1; }
.ata-glance:after { content: ""; display: block; width: 100%; height: 100%; background-color: #f2f4eb; position: absolute; left: 0; top: 17%; }
.ata-glance strong { display: block; color: #333333; font-size: 22px; line-height: 44px; 
    font-family: 'Calibri'; font-weight: bold; text-transform: uppercase; letter-spacing: 3.5px; }
.ata-glance h2 { color: #333333; font-family: 'Calibri'; font-weight: normal; font-size: 72px; line-height: 72px; padding-bottom: 66px; letter-spacing: -2px; }
.ata-glance-main { background-color: #88a7c9; padding: 66px 72px 56px; position: relative; align-items: center; }
.ata-glance-main:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../images/about-galance-pattern-bg.png); background-size: cover; background-repeat: no-repeat ; }
.ata-glance h3 { color: #5d93b6; font-family: 'Calibri'; font-weight: normal; font-size: 120px;
/*line-height: 72px;*/  line-height: 92px; padding-bottom: 18px; letter-spacing: 0.3px; }
.ata-glance-main .image { width: 45.7%; position: absolute; z-index: 11; padding-bottom: 30%; left: 7%; top: 30.8%; }
.ata-glance-main .glance-content { width: 56.3%; padding: 49px 80px 73px; background-color: #FFFFFF; position: relative; z-index: 1; margin-left: auto; }
.ata-glance-main .glance-content ul { padding: 0 0 51px 127px; }
.ata-glance-main .glance-content ul li { width: 50%; padding: 42px 0 0 0; }
.ata-glance-main .glance-content ul li:nth-child(even) { padding-left: 57px; }
.ata-glance-main .glance-content ul li:nth-child(even):before { left: 52px; }
.ata-glance-main .glance-content ul li:after { display: none; }
.ata-glance-main .glance-content ul li:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  width: 81px; height: 8px; background-color: #9fcbd0; }
.ata-glance-main .glance-content ul li span { display: block; color: #333333; font-size: 22px; line-height: 30px; font-family: 'Calibri'; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
.ata-glance-main .glance-content ul li:nth-child(1), .ata-glance-main .glance-content ul li:nth-child(2)
{ margin-bottom: 66px; }
.ata-glance-main .glance-content ul li:nth-child(4) { padding-top: 24px; }
.ata-glance-main .glance-content ul li:nth-child(4) span:first-of-type { padding-bottom: 13px; }
.who-we-are-main { position: relative; background-color: #f2f4eb; padding: 60px 0; align-items: center; display: flex; flex-wrap: wrap;  }
.who-we-are-main .who-we-are-images { width: 32.52%; display: flex; align-items: center; z-index: 1; margin-top: 0.2%; padding-right: 14px; }
.who-we-are-main .who-we-are-content { background-color: #FFFFFF; width: 66.5%; padding: 62px 66px 38px 83px; margin-left: auto; }
.who-we-are-main .who-we-are-content > strong { display: block; color: #333333; font-size: 22px; line-height: 44px; font-family: 'Calibri'; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
.who-we-are-main .who-we-are-content h2 { display: block; color: #333333; font-size: 72px; line-height: 72px; font-family: 'Calibri'; font-weight: normal; padding-bottom: 18px; letter-spacing: 0px;text-transform: capitalize; }
.who-we-are-main .who-we-are-content .main-list { padding: 0; margin: 0 -10px; }
.who-we-are-main .who-we-are-content .main-list .box { width: calc(33.33% - 20px); margin: 10px; background-color: #edefe2; display: flex; align-items: flex-start; padding: 0; min-height: 350px; }
.who-we-are-main .who-we-are-content .main-list .box:first-child, .who-we-are-main .who-we-are-content ul li:nth-.who-we-are-main .who-we-are-content .main-list .box:nth-child(3) { margin-bottom: 27%; }
.who-we-are-main .who-we-are-content .main-list .box:after { display: none; }
.who-we-are-main .who-we-are-content .main-list .box div { padding: 30px 27px 34px; }
.who-we-are-main .who-we-are-content .main-list .box strong { display: block; color: #333333; font-size: 20px; line-height: 24px; font-family: 'Calibri';font-weight: bold; text-transform: uppercase; padding-bottom: 12px; letter-spacing: 0.06em; }
.who-we-are-main .who-we-are-content .main-list .box.full-img { width: 83.83%; padding-bottom: 23.23%; display: block; min-height: auto; position: relative; left: -11%; margin: 20px; }
.who-we-are-main .who-we-are-content p { display: block; color: #333333; font-size: 22px; line-height: 28px; font-family: 'Calibri'; font-weight: normal; }
.who-we-are-images .first-img { width: 38.2%; padding-bottom: 75%; margin-right: 16px; }
.who-we-are-images .second-img { width: 55.81%; padding-bottom: 89.6%; }
.about-single-image { padding: 53px 0 73px; position: relative; }
.about-single-image:after { content: ""; display: block; width: 100%; height: 42%; background-color: #f2f4eb; position: absolute; left: 0; top: 0; }
.about-single-image .image { padding-bottom: 58.20%; position: relative; z-index: 1; }
.about-precident-vcprecident strong { display: block; color: #333333; font-size: 22px; line-height: 44px; 
    font-family: 'Calibri'; font-weight: bold; text-transform: uppercase; padding-bottom: 8px; letter-spacing: 1.2px; }
.about-precident-vcprecident h3 { color: #333333; font-family: 'Calibri'; font-weight: normal; font-size: 42px; line-height: 52px; padding-bottom: 22px; max-width: 1332px; width: 100%; }
.about-precident-vcprecident p { color: #333333; font-family: 'Calibri'; font-weight: normal; padding: 0 0 18px; font-size: 28px; line-height: 36px; }
.about-precident-vcprecident a { color: #5d93b6; font-family: 'Calibri'; font-weight: bold; font-size: 18px; line-height: 56px; text-decoration: none; text-transform: uppercase; }
.about-precident-vcprecident a:hover, .aboutus-main .top-content a:focus { opacity: 0.5; }
.about-precident-vcprecident a img { padding-right: 12px; }
.about-relationship-block { padding: 128px 0; position: relative; }
.about-relationship-block .container { text-align: center; max-width: 1200px; }
.about-relationship-block strong { display: block; color: #333333; font-size: 22px; line-height: 44px; 
    font-family: 'Calibri'; font-weight: bold; text-transform: uppercase; padding-bottom: 18px; text-align: center; letter-spacing: 1px; }
.about-relationship-block h2 { color: #333333; font-family: 'Calibri'; font-weight: normal; font-size: 56px; line-height: 72px; padding-bottom: 44px; }
.about-relationship-block p { font-family: 'Calibri'; font-weight: 300; } 
.about-precident-vcprecident .container > div { padding-bottom: 70px; }
body.page-template-about-us { padding-top: 0; }

.about-relationship-block .partner-slider { padding-top: 76px; } 
.about-relationship-block .partner-slider .slick-track { text-align: center; }
.about-relationship-block .partner-slider .slick-track .items { display: inline-block; vertical-align: middle; margin: 0 34px; float: none; }

/* Contact us Css Start Here
===================================================*/
.contact-us-main { padding: 82px 0 85px; }
.contact-us-main .container { max-width: 1720px; }
.contact-us-main .contact-left { width: 30.80%; padding-top: 46px; }
.contact-us-main .contact-form { width: 65.5%; margin-left: auto; }
.contact-us-main .contact-left h2 { font-size: 27px; line-height: 30px; 
font-family: 'Calibri'; font-weight: bold; color: #333333; text-transform: uppercase; padding-bottom: 41px; }
.contact-us-main .address span { font-size: 27.5px; line-height: 33px; 
    font-family: 'Calibri'; font-weight: 300; color: #333333; }
.contact-us-main .mail-contact a { padding-bottom: 0; text-decoration: none; display: block; width: fit-content;     display: flex; align-items: center; }
.contact-us-main .mail-contact a small { font-size: 28px; line-height: 30px; 
    font-family: 'Calibri'; font-weight: 300; color: #333333; padding-left: 10px; }
.contact-us-main .mail-contact { padding-top: 40px; }
.contact-us-main .mail-contact a i, .contact-us-main .mail-contact a small { transition: 0.5s all ease-in-out; }
.contact-us-main .mail-contact a:hover i, .contact-us-main .mail-contact a:hover small { color: #5d93b6; }
.contact-us-main .mail-contact a i { font-size: 26px; color: #333333; }
#map { display:none; padding-bottom: 80.3%; margin-top: 70px; position: relative; }
#map a, #map iframe { height: 100%; width: 100%; position: absolute; left: 0; top: 0; display: block; }
.contact-us-main .contact-form h1 { font-size: 56px; line-height: 72px; color: #333333; font-family: 'Calibri'; font-weight: normal; text-align: center; padding-bottom: 8px; }
.contact-us-main .contact-form p { text-align: center; padding: 0 45px; line-height: 53px; color: #333; font-weight: 300; font-family: 'Calibri'; }
.contact-us-main .contact-form form { margin: 0 -20px; display: flex; flex-wrap: wrap; padding: 43px 20px 0; }
.contact-us-main .contact-form .form-group { padding: 0 10px; width: 50%; margin-bottom: 42px; }
.contact-us-main .contact-form .form-group.full { width: 100%; margin: 0;	 }
.contact-us-main .contact-form .form-group.textarea-cust textarea { height: 107px; resize: none; }
.contact-us-main .contact-form form input[type=submit] { border: 4px solid #333333; transition: 0.5S all ease-in-out; font-size: 24px; line-height: 21px; min-width: 224px; padding: 15px 34px; background-color: #FFFFFF; border-radius: 0; text-transform: uppercase; font-family: 'Calibri'; font-weight: normal; }
.contact-us-main .contact-form form input[type=submit]:hover, .contact-us-main form .form-group input[type=submit]:focus { border-color: #333333; background-color: #333333; color: #FFFFFF; }
.contact-us-main .contact-form .form-group.details p { font-size: 21px; line-height: 21px; text-align: left; }
.contact-us-main .contact-form .form-group.textarea-cust { margin-bottom: 0; }
.contact-us-main .contact-form .form-group.details { margin-bottom: 12px; margin-top: 12px; }
.contact-form h2 { text-align: center; text-transform: uppercase; font-size: 22px; line-height: normal;
    font-family: 'Calibri'; font-weight:bold; color: #333; }
.contact-us-main .contact-form .form-group.details p { padding: 0 0 0 10px; font-size: 24px; }
.investor-relations { max-width: 850px; width: 100%; margin: 0 auto; padding-top: 64px; }
.investor-person-text { width: calc(100% - 247px); padding: 0 0 0 55px; }
.investor-person-bg { padding: 0 0 0 10px; }
.investor-person { display: flex; flex-wrap: wrap; max-width: 750px; margin: 50px auto 0px; width: 100%; align-items: center; }
.investor-relations p { font-size: 36px; }
.investor-relations p a { font-size: 36px; color: #3366cc; }
.investor-relations p a:hover { color:#333; }
.investor-relations h3 { font-family: 'Calibri'; font-weight:bold; font-size:34px; color:#333333; }
.contact-us-main .contact-form .investor-person-text h4 { color:#333333; }
.contact-us-main .contact-form .investor-person-text p { font-size: 30px; padding: 0; text-align: left; }
.contact-us-main .contact-form .investor-person-text p a { font-size: 30px; color: #333333; text-decoration: none; font-family: 'Calibri'; font-weight: 300; }
.contact-us-main .contact-form .investor-person-text p a:last-child { font-family: 'Calibri'; font-weight:bold; }
.contact-us-main .contact-form .investor-person-text p a:hover { color:#3366cc; }
.contact-us-main .contact-form .investor-person-text p a { word-break: break-all; }
.page-template-invester-login .login-sec { margin: 0; }

/*Development & Construction Css Start Here*/
.page-template-development-construction .common-banner .content-block { width: 1440px; }
.development-construction-sec { padding: 91px 0 117px; }
.development-construction-sec .top-content .col-12 { max-width: 1448px; margin: 0 auto; width: 100%; }
.development-container h1 { color: #333333; font-family: 'Calibri'; font-weight: normal; font-size: 56px; line-height: 72px; text-align: center; padding-bottom: 10px; max-width: 1240px; width: 100%; margin: 0 auto; }
.development-construction-sec .top-content strong { text-align: center; display: block; color: #333333; font-size: 22px; line-height: 44px; font-family: 'Calibri'; font-weight: bold; text-transform: uppercase; margin-bottom: 25px; letter-spacing: 1px; }
.development-construction-sec .top-content p:not(:first-of-type) { padding-top: 20px; color: #333333; font-family: 'Calibri'; font-weight: 300; }
.development-construction-sec .top-content p { text-align: center; }

.site-location-sec { position: relative; padding: 75px 0 104px; }
.site-location-sec:before { content:""; background-image:url(../images/site-location-pattern.png); width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.site-location-text h2 { color: #fff; font-family: 'Calibri'; font-weight:normal; font-size: 56px; line-height:normal; margin: 0 0 21px 0; }
.site-location-text p { color:#fff; font-size: 30px; line-height: 52px; font-family: 'Calibri'; font-weight:normal; }
.site-location-text { max-width: 1140px; text-align: center; width: 100%; margin: 0 auto; position: relative; z-index: 1; }
.construction-text { padding: 126px 130px 177px 197px; }
.construction-text h3 { font-size: 56px; margin: 0 0 20px 0; color:#333; }
.construction-text p { color:#333; font-family: 'Calibri'; font-weight: 300; }

.construction-list { display: flex; flex-wrap: wrap; }
.construction-list-lt { width: 46%; order: 2; }
.construction-list-rt { width: 54%; background-color: #f2f4eb; }
.construction-bg { margin: 0 0 0 -92px; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 100%; }

/*.construction-bg video { object-fit: cover; width: 100%; height: auto;  display: block; top: 50%; transform: translateY(-50%); position: relative; }*/

.construction-bg iframe { object-fit: cover; width: 100%; height: 100%; min-width: 100%; min-height: 100%; margin: auto 0; display: block; top: 0; transform: none; left: 0; max-height: 100%; max-width: 100%; }

.construction-list .video-tab-cnt { position: relative; }
.construction-list .video-tab-cnt .banner-video > div { position: relative; object-fit: cover; width: 100%; height: 100%; max-height: calc(100% - 100px); top: 50%; transform: translateY(-50%); }

.construction-list .video-tab-cnt .banner-video > div .video_con { object-fit: cover; width: 100%; height: 100%; }

.construction-list .video-tab-cnt .banner-video > div .video_con .player-src-outer { object-fit: cover; width: 100%; height: 100%; }

/*.construction-list .video-tab-cnt .banner-video { position: relative; width: 100%; height: 100%;     max-height: 80%;
    top: 50%; transform: translateY(-50%); }*/

.construction-list .video-tab-cnt .banner-video > div .video_con .player-src-outer .player-src {  object-fit: cover; width: 100%; height: 100%; }

.construction-list:nth-of-type(2n) .construction-list-lt { background-color: #f2f4eb; }
.construction-list:nth-of-type(2n) .construction-list-rt { background-color: transparent; }

.portfolio-grid-sec { padding: 94px 0 119px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.portfolio-grid-text { max-width: 780px; margin: 0 auto; width: 100%; text-align: center; padding:0 15px; }

.portfolio-grid-text h3 { color: #fff; font-size: 56px; line-height: normal; margin: 0 0 6px 0; }

.portfolio-grid-text p { color: #fff; font-size: 30px; font-family: 'Calibri'; font-weight:normal; }

.portfolio-grid-text a { display: inline-block; vertical-align: top; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 20px; border: 1px solid #fff; padding: 9px 37px; margin: 24px 0 0 0; font-family: 'Calibri'; font-weight:bold; }
.portfolio-grid-text a:hover { background-color:#fff; color:#002047; }

/*New video*/
.construction-list .video-tab-cnt { display: none; width: 100%; object-fit: cover; height: 100%; }
.construction-list .video-tab-cnt.show { display: block; }
.construction-list .video-tabs-links ul li a { color: #333; font-family: 'Calibri'; font-weight: 300; } 
.construction-list .video-tabs-links li:after { display: none; }
.construction-list .video-tabs-links li { padding-left: 0px; }
.construction-list .video-tabs-links li a { color: #333; font-family: 'Calibri'; font-weight: 300; text-decoration: none; font-size: 20px; transition: 0.1s all ease-in-out; }
.construction-list .video-tabs-links li.active a { font-size: 28px; font-weight: 700; }
/*.construction-text ul { padding: 100px 0; }*/
.construction-list .video-tabs-links li:hover a { color: #002047; }

/*Invester Login Css Start Here*/
.invester-login-sec { padding: 0 0 330px 0; }
.form-login-section { padding: 349px 20px 0 70px; }
.invester-login-map { width: 100%; height: 100%; position: absolute; left: 0; background-repeat: no-repeat; top: 0; max-width: 910px; background-size: contain; background-position:top center; }
.form-login-section p { font-size: 34px; line-height: 52px; color:#333333; margin: 0 0 80px 0; text-align: left; font-family: 'Calibri'; font-weight: 300; }
.form-login-section p small { font-size: 34px; line-height: 52px; font-family: 'Calibri'; font-weight: 400;  }
.form-login-section p a { font-size: 34px; color:#333333; text-decoration: none; }
.form-login-section p.status { margin: 0; color:#da0404; }
.form-login-section p a:hover { color:#5d93b6; }

/*Investor Relations Css Start Here*/
.investor-relations-list { display: flex; flex-wrap: wrap; }
.investor-relations-list:nth-of-type(2n) { margin:-40px 0;}
.investor-relations-lt { width: 39.8%; order: 2; position: absolute; right: 120px; z-index: 0; }
.investor-relations-rt { width: 70.8%; background-color: rgba(242, 244, 235, 0.7); }
.investor-relations-list:nth-of-type(2n) .investor-relations-lt { order: 1; right: inherit; left: 120px; width: 42.8%; }
.investor-relations-list:nth-of-type(2n) .investor-relations-rt { order:2; background-color: rgba(242,244,235,0.5); margin: 0 0 0 auto; }
.investor-relations-text { padding: 213px 60px 275px 197px; max-width: 990px; width: 100%; }
.investor-relations-text h3 { font-size: 56px; margin: 0 0 27px 0; line-height: normal; color:#333333; }
.investor-relations-text p { color:#333333; font-family: 'Calibri'; font-weight: 300; }
.investor-relations-bg { margin: 104px 0 0 -44px; }
.investor-relations-list:nth-of-type(2n) .investor-relations-lt .investor-relations-bg { margin: 92px 0 0 0; }
.investor-relations-list:nth-of-type(2n) .investor-relations-rt .investor-relations-text { padding: 183px 177px 183px 60px; max-width: 990px; width: 100%; margin: 0 0 0 auto; }

.investor-opportunities-sec { padding: 117px 0; background-size: cover; background-repeat: no-repeat; background-position: top center; }
.investor-opportunities-text { max-width: 1535px; margin: 0 auto; width: 100%; text-align:center; }
.investor-opportunities-text h2 { font-size: 56px; margin: 0 0 22px 0; line-height: normal; color:#333333; }
.investor-opportunities-text p { line-height: 1.6; margin: 0 0 30px 0; color: #333333; font-family: 'Calibri'; font-weight: 300; }
.investor-opportunities-text form { max-width: 1270px; width: 100%; margin: 57px auto 0; display:flex; flex-wrap:wrap; justify-content: center; }
.investor-opportunities-text form .form-group { width: 50%; display: inline-block; vertical-align: top; padding: 0 8px 40px; }
.investor-opportunities-text form input[type=text], .investor-opportunities-text form input[type="tel"], .investor-opportunities-text form input[type="email"] { background-color: #fff; border: 1px solid #cccccc; padding: 14px 14px 14px; color:#666666; }
.investor-opportunities-text form .form-group.full { width: 100%; padding: 13px 0 0; }
.investor-opportunities-text form .form-group label { font-size: 22px; color: #333333; 
    font-family: 'Calibri'; font-weight:bold; display: block; margin: 0 0 15px 0; }
.wpcf7-form .wpcf7-checkbox input[type=checkbox] { position: relative; visibility: hidden; display: none; }
.form-group .wpcf7-list-item span:before { content:''; -webkit-appearance: none; background-color: transparent; border: 1px solid #8c8c8c; padding: 9px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 8px; margin-top: -5px; }
.form-group .wpcf7-list-item input:checked + span:after { content: ''; display: block; position: absolute; top: 10px; left: 7px; width: 6px; height: 14px; border: solid #283a42; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.form-group span.wpcf7-list-item { position:relative; margin: 0 52px 0 0; }
.form-group span.wpcf7-list-item span { font-size: 22px; color: #283a42; font-weight: normal; font-family: 'Calibri'; }
.wpcf7-form-control-wrap { display:block; }
.form-group span.wpcf7-list-item label {
    margin: 0;
}
.form-group span.wpcf7-form-control-wrap { justify-content: center; width: auto; display: flex; flex-wrap: wrap; }
.investor-opportunities-text form .form-group em { font-style: italic; font-size: 23px; line-height: normal;
    font-family: 'Calibri';  font-weight:normal; color:#333333; }
.form-group span.wpcf7-form-control-wrap.InvestmentLocations { margin: 0 0 15px 0; }
.investor-opportunities-text form input[type="submit"] { font-size: 30px; font-family: 'Calibri'; font-weight: bold; background-color: #002047; color: #fff; padding: 11px 95px; margin: 37px 0 10px 0; letter-spacing: 1px; border:1px solid transparent; }
.investor-opportunities-text form input[type="submit"]:hover { border-color:#002047; background-color:transparent; color:#002047; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; }
.investor-relations.opportunities-investor { max-width: 900px; margin: 18px auto 0; }
.investor-relations.opportunities-investor h3 { font-weight: 300; font-size: 36px; } 
.investor-relations.opportunities-investor .investor-person { margin: 10px auto 0; max-width: 780px; }
.investor-relations.opportunities-investor .investor-person p, .investor-relations.opportunities-investor .investor-person p a { font-size: 30px; color:#333333; line-height: 53px; text-decoration: none; }
.investor-relations.opportunities-investor .investor-person p a:hover { color: #3366cc; }
.investor-relations.opportunities-investor .investor-person p a { font-family: 'Calibri'; font-weight: 300; }
.investor-relations.opportunities-investor .investor-person p a:last-child { font-weight:bold; }
.investor-relations.opportunities-investor .investor-person .investor-person-text > p:first-of-type {  font-family: 'Calibri'; font-weight: 300;  }
.login-sec { padding: 278px 0 286px; background-position: 100% 100%; background-size: cover; background-repeat: no-repeat; }
.top-heading-text h2 { font-size: 60px; font-family: 'Calibri'; font-weight:bold; text-align: center; line-height: normal; text-transform: uppercase; letter-spacing: -1.7px; margin: 0 0 32px 0; color:#333333; }

.login-sec .login-wrap-sec { max-width: 1270px; margin: 0 auto; width: 100%; }
.login-sec .login-wrap .col-4 { padding: 0; max-width: 358px; width: 100%; }
.login-text { background-color: #fff; padding: 38px 50px 38px 27px; }
.login-text h3 { font-size: 20px; font-family: 'Calibri'; font-weight:bold; }
.login-wrap { display: flex; flex-wrap: wrap; justify-content: center; }
.login-text h3 { font-size: 20px; font-family: 'Calibri'; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; line-height: normal; margin: 0 0 14px 0; color:#333333; }
.login-text p { font-size: 22px; font-family: 'Calibri'; font-weight: normal; line-height: 28px; color:#333333; }
.login-sec .login-wrap .col-4:nth-of-type(2n) { margin: 0 96px; }
.download-btn a { display: inline-block; vertical-align: middle; background-color: #333333; color: #fff; font-size: 24px; text-transform: uppercase; text-decoration: none; padding: 5px 27px; font-family: 'Calibri'; font-weight: bold; letter-spacing: 1.2px; }
.download-btn a:hover { background-color:#002047; }
.download-btn { margin: 29px 0 0 0; }

.portfolio-top-wrap {
    display: flex;
    flex-wrap: wrap;
}
.portfolio-map-bg {
    width: 100%;
    height: 2000px;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    top: -992px;
    max-width: 1260px;
    background-size: cover;
    background-position: top center;
}
.portfolio-catagory ul li a {
    font-size: 22px;
    color: #999999;
    text-transform: uppercase;
    text-decoration: none;
	font-family: 'Calibri'; font-weight: bold;
	letter-spacing: 1px;
}
.portfolio-catagory ul li {
    padding: 0;
    list-style-type: none;
	margin: 0 48px 0 0;
}
.portfolio-catagory ul li:last-child { margin:0; }
.portfolio-catagory ul li.active a { color:#3d5aa0; }
.portfolio-catagory ul li a:hover { color:#3d5aa0; }
.portfolio-catagory ul li:after { display:none; }
.portfolio-catagory ul { padding: 0; display: flex; flex-wrap: wrap; }
.portfolio-main .portfolio-map-wrap { padding-bottom: 124px; }
.portfolio-catagory { margin: 73px 0 0 0; }

.video-box-wrap { border: 1px solid #fff; padding: 17px; background-color: #fff; max-width: 1318px; margin: 0 auto; width: 100%; }

.video-box { position: relative; padding-bottom: 57.2%; }

.video-box img { display: block; cursor: pointer; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; width:100%; }

.video-box iframe { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.portfolio-video { padding: 72px 0; }
.video-box h3 { top: 49%; position: absolute; margin: 0; left: 0; transform: translateY(-50%); right: 0; margin: 0 auto; text-align: center; font-size: 120px; color: #fff; text-transform: uppercase; font-family: 'Calibri'; font-weight: 300; letter-spacing: 0.50px; }

.video-box button { position: absolute; top: 62%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0 auto; background-color: transparent; border: 0; cursor: pointer; padding: 0; text-align: center; }

.video-box button img { width: 80px; height: 80px; position: relative; }
.video-box button:hover img { opacity:0.5; }

.enumenu_ul ul li.current-menu-item a { color: #0A2041; }

/* 404 Contact us Css Start Here
===================================================*/
.error-404.not-found { padding: 80px 0; text-align: center; text-transform: uppercase;font-family: 'Calibri'; font-weight: bold; }
.error-404.not-found h1 { color: #333333; padding-bottom: 25px; font-family: 'Calibri'; font-weight: bold; font-size: 112px; line-height: normal; }
.error-404.not-found h2 { color: #333333; padding-bottom: 5px; font-size: 28px; text-transform: capitalize; font-family: 'Calibri'; font-weight: normal; line-height: 45px; }
.error-404.not-found h2 a { color: #333333; }
.error-404.not-found h2 a:focus, .error-404.not-found h2 a:hover { color: #5d93b6; }


/* News media Css Start Here
===================================================*/
.news-media-content { padding: 70px 0 120px; }
.news-media-lists .container { max-width: 1708px; }
.news-media-content .container { text-align: center; max-width: 1070px; }
.news-media-content .container h2 { font-size: 56px; line-height: 72px; font-family: 'Calibri'; font-weight: bold; padding-bottom: 25px; }
.news-media-content .container p { font-size: 36px; line-height: 56px; font-family: 'Calibri'; font-weight: normal; }
.news-media-lists { padding: 63px 0; background-color: #f2f4eb; }

.news-media-list-row { margin: 0 -20px; }
.news-media-list-row .news-box { width: calc(33.33% - 40px); background-color: #FFFFFF; margin: 50px 20px; overflow: hidden; -ms-flex: unset; flex: inherit; max-width: none; }
.news-media-list-row .news-box .news-img { padding-bottom:56.20%; background-size: cover; background-repeat: no-repeat; } 
.news-media-list-row .news-box .news-box-detail { padding: 21px 32px; } 
.news-media-list-row .news-box .news-box-detail strong { color: #360f0f; font-size: 20px; line-height: 34px;  font-family: 'Calibri'; font-weight: bold; padding-bottom: 6px; text-transform: uppercase; display: block; } 
.news-media-list-row .news-box .news-box-detail h2 { color: #002047; font-size: 32px; line-height: 34px;  font-family: 'Calibri'; font-weight: bold; padding-bottom: 13px; text-transform: uppercase; } 

.news-media-list-row .news-box .news-box-detail p { color: #002047; font-size: 24px; line-height: 36px;  font-family: 'Calibri'; font-weight: normal; padding-bottom: 20px; } 

.news-media-list-row .news-box .news-box-detail a { color: #002047; font-size: 20px; line-height: 34px;  font-family: 'Calibri'; font-weight: bold; display: inline-block; text-decoration: none; } 
.news-media-list-row .news-box .news-box-detail a:hover { opacity: 0.5; }


/* News media Details Css Start Here
===================================================*/
.news-media-details-top { padding: 100px 0 75px; }
.news-media-details-top .container > a { color: #002047; font-size: 20px; line-height: 34px;  font-family: 'Calibri'; font-weight: bold; margin-bottom: 50px; text-transform: uppercase; text-decoration: none; display: inline-block; transition: 0.3s all ease-in-out;  }
.news-media-details-top .container > a:hover { opacity: 0.5; }
.news-media-details-top .wrap { max-width: 1144px; margin: 0 auto; }
.news-media-details-top .wrap strong { color: #333333; font-size: 24px; line-height: 44px;  font-family: 'Calibri'; font-weight: bold; padding-bottom: 20px; text-transform: uppercase; display: block;  text-align: center; }

.news-media-details-top .wrap h2 { color: #333333; font-size: 56px; line-height: 72px;  font-family: 'Calibri'; font-weight: normal; display: block; text-align: center; max-width: 874px; width: 100%; margin: 0 auto; padding-bottom: 55px; }
.news-media-details-top .wrap figure { max-width: 944px; width: 100%; margin: 0 auto; text-align: center; padding-bottom: 60px; }
.news-media-details-top .wrap p { color: #333333; font-size: 36px; line-height: 56px;  font-family: 'Calibri'; font-weight: normal; padding-bottom: 50px; }
.news-media-details-top .wrap p:last-of-type { padding-bottom: 0; }
.news-media-details-top .wrap a { color: #002047; font-size: 20px; line-height: 34px;  font-family: 'Calibri'; font-weight: bold; padding-top: 50px; text-transform: uppercase; text-decoration: none; display: block; width: fit-content; text-align: center; margin: 0 auto; transition: 0.3s all ease-in-out; }
.news-media-details-top .wrap a:hover { opacity: 0.5; }
.news-media-lists .title { text-align: center; } 
.news-media-lists .title h2 { color: #333333; font-size: 24px; line-height: 44px;  font-family: 'Calibri'; font-weight: bold; padding-bottom: 20px; text-transform: uppercase; display: block;  text-align: center; } 
.news-media-lists.details-page-cust .news-media-list-row .news-box { padding-top: 50px; }

/* Team Css Start Here
===================================================*/
.team-top-main { padding: 91px 0 100px; }
.team-top-main .content .wrap { max-width: 1060px; margin: 0 auto; width: 100%; }
.team-top-main .content strong { text-align: center; display: block; color: #333333; font-size: 22px; line-height: 44px; font-family: 'Calibri'; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; }
.team-top-main .content h2 { color: #333333; font-family: 'Calibri'; font-weight: normal; font-size: 46px; line-height: 62px; text-align: center; padding-bottom: 31px; }
.team-top-main .content p { text-align: center; font-weight: 300; font-family: 'Calibri'; }

.companies-leadership { padding: 70px 0; background-color: #f8f9f5; }
.companies-leadership .title h2 { position: relative; padding-bottom: 25px; color: #333333; font-size: 56px; line-height: 72px; font-family: 'Calibri'; font-weight: bold; display: inline-block; text-align: center; margin: 0 auto; }
.companies-leadership .title h2:after { content: ""; display: block; width: 168px; height: 8px; background-color: #9fcbd0; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.companies-leadership .container, .building-group-leadership .container { max-width: 1680px; }

.companies-leadership .row-companies-leadership { margin: 0 -20px; padding-top: 30px; }
.companies-leadership .row-companies-leadership .leadership { width: calc(25% - 40px); margin: 30px 20px; overflow: hidden; padding: 0; position: relative; }

.companies-leadership .row-companies-leadership .leadership > a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }

.companies-leadership .row-companies-leadership .leadership .image { height: 487px; position: relative; transition: 0.3s all ease-in-out; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.companies-leadership .row-companies-leadership .leadership:hover .image { -webkit-filter: grayscale(0); filter: grayscale(0); }

.companies-leadership .row-companies-leadership .leadership .content h3 { color: #333333; font-family: 'Calibri'; font-weight: bold; font-size: 40px; line-height: 36px; display: block; width: 100%; margin-bottom: 5px; }

.companies-leadership .row-companies-leadership .leadership .content strong { color: #999999; font-family: 'Calibri'; font-weight: bold; font-size: 28px; line-height: 36px; display: block; width: 100%; }

.companies-leadership .row-companies-leadership .leadership .content { padding: 25px 0; }
.companies-leadership .row-companies-leadership .leadership .content a { color: #5e93b7; font-family: 'Calibri'; font-weight: bold; font-size: 20px; line-height: 34px; transition: 0.3s all ease-in-out; text-decoration: none; margin-top: 15px; display: inline-block; }
.companies-leadership .row-companies-leadership .leadership .content a:hover { opacity: 0.6; }


.building-group-leadership { padding: 70px 0; }
.building-group-leadership .title h2 { position: relative; padding-bottom: 25px; color: #333333; font-size: 56px; line-height: 72px; font-family: 'Calibri'; font-weight: bold; display: inline-block; text-align: center; margin: 0 auto; }
.building-group-leadership .title h2:after { content: ""; display: block; width: 168px; height: 8px; background-color: #9fcbd0; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.companies-leadership .container { max-width: 1680px; }

.building-group-leadership .row-building-group-leadership { margin: 0 -20px; padding-top: 30px; }
.building-group-leadership .row-building-group-leadership .leadership { width: calc(25% - 40px); margin: 30px 20px; overflow: hidden; padding: 0; position: relative; }

.building-group-leadership .row-building-group-leadership .leadership > a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }

.building-group-leadership .row-building-group-leadership .leadership .image { height: 487px; position: relative; transition: 0.3s all ease-in-out; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.building-group-leadership .row-building-group-leadership .leadership:hover .image {  -webkit-filter: grayscale(0); filter: grayscale(0); }
.building-group-leadership .row-building-group-leadership.leadership .content h3 { color: #333333; font-family: 'Calibri'; font-weight: bold; font-size: 40px; line-height: 36px; display: block; width: 100%; margin-bottom: 5px; }
.building-group-leadership .row-building-group-leadership .leadership .content strong { color: #999999; font-family: 'Calibri'; font-weight: bold; font-size: 28px; line-height: 36px; display: block; width: 100%; }
.building-group-leadership .row-building-group-leadership .leadership .content { padding: 25px 0; }
.building-group-leadership .row-building-group-leadership .leadership .content a { color: #5e93b7; font-family: 'Calibri'; font-weight: bold; font-size: 20px; line-height: 34px; transition: 0.3s all ease-in-out; text-decoration: none; margin-top: 15px; display: inline-block; }
.building-group-leadership .row-building-group-leadership .leadership .content a:hover { opacity: 0.6; }
.building-group-leadership .row-building-group-leadership .leadership .content h3 { color: #333333; font-family: 'Calibri'; font-weight: bold; font-size: 40px; line-height: 36px; display: block; width: 100%; margin-bottom: 5px; }
.building-group-leadership .row-building-group-leadership .leadership .content strong { color: #999999; font-family: 'Calibri'; font-weight: bold; font-size: 28px; line-height: 36px; display: block; width: 100%; }

.leadership-popup { background-color: #f4f4f4; padding: 60px 140px; max-width: 1550px; width: 100%; margin: 0 auto; }
.leadership-popup .inner-block { width: 100%; }
.leadership-popup .inner-block .img-block img { width: 100%; height: auto; }
.leadership-popup .inner-block .left-content-block { width: 40%; padding-top: 40px; }
.leadership-popup .inner-block .img-block { width: 60%;  padding-left: 10%; }
.leadership-popup .inner-block .left-content-block h3 { color: #333333; font-family: 'Calibri'; font-weight: bold; font-size: 40px; line-height: 36px; display: block; width: 100%; margin-bottom: 5px; }

.leadership-popup .inner-block .left-content-block strong { color: #999999; font-family: 'Calibri'; font-weight: bold; font-size: 28px; line-height: 36px; display: block; width: 100%; }

.leadership-popup .inner-block .left-content-block p { color: #333333; font-family: 'Calibri'; font-weight: normal; font-size: 24px; line-height: 42px; }

body .mfp-bg { z-index: 11111; background: #002047; }
body .mfp-wrap { z-index: 11111; }

.leadership-popup .mfp-close { color: #FFFFFF; opacity: 1; z-index: 1; font-size: 60px; font-weight: normal; font-family: 'Calibri'; right: -50px; top: -5px; transition: 0.3s all ease-in-out; }
.leadership-popup .mfp-close:hover { opacity: 0.5; }

/* Styles for dialog window */
#small-dialog { background: white; padding: 20px 30px; text-align: left; max-width: 400px; margin: 40px auto; position: relative; }


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}


/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* Career page Css Start Here
===================================================*/
.carrear-slider { position: relative; background-color: #88a7c9; padding: 94px 0 88px; }
.carrear-slider:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/testimonial-pattren.png); }
.carrear-slider .small-centered { position: relative; z-index: 1; text-align: center; }
.carrear-slider .small-centered strong { color: #FFFFFF; font-size: 24px; line-height: 44px; text-transform: uppercase; font-family: 'Calibri'; font-weight: bold; max-width: 1310px; width: 100%; margin: 0 auto; letter-spacing: 0.06em; }
.carrear-slider .small-centered h2 { color: #FFFFFF; font-size: 56px; line-height: 72px; font-family: 'Calibri'; font-weight: bold; max-width: 1310px; width: 100%; margin: 0 auto; padding-top: 15px; }
.carrear-slider .small-centered h3 { color: #FFFFFF; font-size: 40px; line-height: 36px; font-family: 'Calibri'; font-weight: bold; padding-bottom: 20px; max-width: 1310px; width: 100%; margin: 0 auto;  }

.carrear-slider .small-centered p { color: #FFFFFF; font-size: 34px; line-height: 52px; font-family: 'Calibri'; font-family: 'Calibri'; padding: 10px 0; max-width: 1310px; width: 100%; margin: 0 auto; }
.carrear-slider .small-centered .person-nav {  max-width: 1535px; width: 100%; margin: 0 auto; padding-top: 68px; }
.carrear-slider .small-centered .person-nav .slick-list { margin: 0 -30px; }
.carrear-slider .small-centered .person-nav .person-image { margin: 0 30px; }
.carrear-slider .small-centered .person-nav .person-image > div { height: 260px; width: 260px; border-radius: 50%; cursor: pointer; margin: 0 auto; filter: grayscale(100%); }

.carrear-slider .small-centered .person-nav .person-image.slick-current > div { filter: grayscale(0); }


.carrear-slider .small-centered { max-width: 1850px; width: 100%; margin: 0 auto; }
.carrear-slider .small-centered .data-person .slick-track { display: flex; align-items: center; }
.carrear-slider .small-centered .data-person .slick-arrow { position: absolute; top: 59.4%; background-color: transparent; border: 0; box-shadow: none; font-size: 0; z-index: 1; background-size: contain; background-position: center; background-repeat: no-repeat;  width: 36px; height: 62px; }
.carrear-slider .small-centered .data-person .slick-arrow.slick-prev { background-image: url(../images/slider-left-arrow.png);  background-position: center;  left: -10px; }
.carrear-slider .small-centered .data-person .slick-arrow.slick-next { background-image: url(../images/slider-right-arrow.png); right: -10px; }
.careers-img-content { padding: 180px 0 150px; position: relative; }
.careers-img-content:after { content: ""; display: inline-block; width: 59.3%; background-color: #f2f4eb; position: absolute; height: 100%; left: 0; top: 0; }

.careers-img-content .content-block { max-width: 52%; flex: 0 0 52%; }
.careers-img-content .img-block   { max-width: 48%; flex: 0 0 48%; }

.careers-img-content .row { position: relative; z-index: 1; }
.careers-img-content .row .img-block .bg-cover { padding-bottom: 64.2%; max-width: 789px; margin-top: 34px; }
.careers-img-content .row .content-block h2 { font-size: 56px; line-height: 72px; color: #333333; font-family: 'Calibri'; font-weight: bold; }
.careers-img-content .row .content-block h3 { font-size: 44px; line-height: 52px; color: #333333; font-family: 'Calibri'; font-weight: bold; max-width: 550px; width: 100%; padding: 12px 0 48px; }
.careers-img-content .row .content-block p { font-size: 36px; line-height: 56px; color: #333333; font-family: 'Calibri'; font-weight: normal; width: 100%; }

.bannerafter-content-main { padding: 60px 0 92px; }
.bannerafter-content-main strong { text-align: center; display: block; color: #333333; font-size: 24px; line-height: 60px; font-family: 'Calibri'; font-weight: bold; text-transform: uppercase; margin: 0; letter-spacing: 0.06em; }
.bannerafter-content-main h2, .subcontractors-vendors-block h2 { color: #333333; font-family: 'Calibri'; font-weight: bold; font-size: 56px; line-height: 72px; text-align: center; padding: 7px 0 33px; margin: 0 auto; max-width: 538px; width: 100%; }
.bannerafter-content-main p { font-size: 36px; line-height: 56px; color: #333333; font-family: 'Calibri'; font-weight: normal; text-align: center; padding-bottom: 0; }
.bannerafter-content-main .careers-content-wrap { max-width: 1350px; margin: 0 auto; width: 100%; }
.bannerafter-content-main .careers-content-wrap .btn-block { text-align: center; padding-top: 46px;  }
.bannerafter-content-main .careers-content-wrap .btn-block a { display: inline-block; vertical-align: middle; background-color: #002047; color: #fff; font-size: 28px; line-height: 22px; text-transform: uppercase; text-decoration: none; padding: 18px 40px; font-family: 'Calibri'; border: 1px solid transparent;  font-weight: bold; letter-spacing: 2.8px; word-spacing: 3.5px; }
.bannerafter-content-main .careers-content-wrap .btn-block a:hover { border-color: #002047; background-color: transparent; color: #002047; }



/* Footer Css Start Here
===================================================*/
footer { background-color: #002047; padding: 90px 0 64px; position: relative; z-index: 1; }
footer:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(../images/new-footer-pattern.png); background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 1; }
footer .footer-bottom { border-top: 1px solid #ffffff; padding-top: 18px; }
footer .footer-bottom P { color: #ffffff; font-size: 14px; line-height: 22px; font-family: 'Calibri';
    font-weight: bold; padding-right: 12px; }
footer .footer-bottom a { color: #ffffff; font-size: 14px; line-height: 22px;font-family: 'Calibri'; font-weight: bold; position: relative; padding: 0 10px; text-decoration: none; }
footer a:hover { color: #5d93b6; }
footer .footer-bottom a:before { content: ""; background-color: #ffffff; position: absolute; width: 1px; height: 12px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; }
.footer-top .logo-block { width: 43.3%; }
.footer-top .footer-menu { width: 21.16%; padding: 77px 15px 0 60px; position: relative; }
.footer-top .our-partner { width: 17.16%; position: relative; padding: 74px 0 0 35px; }
.footer-top .social-block { width: 18.16%; padding:20px 0 0 51px; }
.footer-top .logo-block .left-logo { width: 53%; }
.footer-top .logo-block .right-logo { width: 47%; padding: 79px 0 0 35px; }
.footer-top .logo-block .left-logo p { color: #FFFFFF; font-size: 20px; line-height: 30px;  font-family: 'Calibri'; font-weight: 300; }
.footer-top .logo-block .left-logo a.footer-logo { width: 100%; margin-bottom: 18px; display: block; }
.footer-top .logo-block .left-logo a.footer-logo img { width: 95%;}
.footer-top .logo-block .right-logo span { color: #FFFFFF; font-size: 20px; line-height: 32px; font-family: 'Calibri'; font-weight: 400; display: block; padding-bottom: 26px; }
.footer-top .footer-menu ul { position: relative; padding: 0; }
.footer-top .footer-menu ul li { padding: 0; }
.footer-top .footer-menu ul:before { content: ""; display: block; height: 96%; width: 1px; background-color: #FFFFFF;  position: absolute; top: 52%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: -47px; }
.footer-top .footer-menu ul:after { content: ""; display: block; height: 96%; width: 1px; background-color: #FFFFFF;  position: absolute; top: 52%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -24px; }
.footer-top .logo-block .right-logo a { color: #FFFFFF; width: fit-content; display: block; text-decoration: none; }
.footer-top .logo-block .right-logo a:first-of-type { margin-bottom: 6px; }
.footer-top .logo-block .right-logo a small { color: #FFFFFF; font-size: 16px; line-height: 30px;
    font-family: 'Calibri'; font-weight: bold; }
.footer-top .logo-block .right-logo a small, .footer-top .logo-block .right-logo a i { transition: 0.5s all ease-in-out; }
.footer-top .logo-block .right-logo a:hover small, .footer-top .logo-block .right-logo a:hover i { color: rgba(211, 211, 211, 0.3); }
.footer-top .logo-block .right-logo a i { margin-right: 10px; font-size: 18px; width: 18px; }
.footer-top .footer-menu ul li:after { display: none; }
.footer-top .footer-menu ul li a { color: #FFFFFF; font-size: 18px; line-height: 33px; font-family: 'Calibri'; font-weight: bold; text-decoration: none;  }
.footer-top .our-partner a { color: #FFFFFF; font-size: 18px; line-height: 35px;font-family: 'Calibri'; font-weight: 300; text-decoration: none; display: block; width: fit-content; }
.footer-top .our-partner strong { color: #FFFFFF; font-size: 18px; line-height: 38px;font-family: 'Calibri'; font-weight: bold; text-decoration: none; text-transform: uppercase; padding-bottom: 8px; display: block; }
.footer-top .bottom-social a { color: #FFFFFF; font-size: 18px; line-height: 35px; font-family: 'Calibri'; font-weight: bold; text-decoration: none; display: block; width: fit-content; }
.footer-top .bottom-social a:hover, .footer-top .our-partner a:hover { color: rgba(211, 211, 211, 0.3); }
.footer-top .top-social strong { color: #FFFFFF; font-size: 18px; line-height: 36px; font-family: 'Calibri';
    font-weight: bold; text-decoration: none; text-transform: uppercase; padding-bottom: 6px; display: block; }
.footer-top .top-social a { text-decoration: none; color: #FFFFFF; }
.footer-top .top-social a:not(:last-child) { padding-right: 22px; }
.footer-top .top-social a:hover, .footer-top .footer-menu ul li a:hover { color: rgba(211, 211, 211, 0.3); }
.footer-top .bottom-social { padding-top: 97px; padding-left: 6px; }
footer .footer-top .container { max-width: 1580px; padding: 0 15px; }
footer .footer-top { padding-bottom: 77px; }
footer .footer-top, footer .footer-bottom { position: relative; z-index: 1; }
footer .container-bigger { max-width: 1723px; }
footer .footer-bottom .container-bigger > a { margin-left: auto; text-decoration: none; }
footer .footer-bottom .container-bigger > a:before { display: none; }
/*.player-src{ width: calc((100vh - 2rem) * 1.77777778); min-width: 100%; }*/

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { display: none !important; }
.wpcf7-not-valid-tip { color: #ff0000; font-size: 16px; font-family: 'Calibri'; font-weight: normal; display: block; width: 100%; }
.wpcf7 form.sent .wpcf7-response-output { border: 0; color: #008000; }

.body-accordian { padding: 10px 0; display: none; }
.form-login-section form { text-align:center; }
.form-login-section h3 { text-align: left; color: #333333; font-family: 'Calibri'; font-weight: normal; font-size: 56px; line-height: 72px; padding-bottom: 25px; }
.form-login-section form input { margin-bottom: 25px; }
.form-login-section form input[type="text"], .form-login-section form input[type="password"] { color: #999999; font-family: 'Calibri'; font-weight: normal; padding: 14px 10px 14px 10px; font-size: 24px; border: 1px solid #cccccc; background-color: transparent; margin-bottom: 37px; }
.form-login-section form input[type=submit] { 
border: 4px solid #002047; transition: 0.5S all ease-in-out; font-size: 28px; line-height: 21px; padding: 7px 70px; border-radius: 0; text-transform: uppercase; background-color: #002047; color: #fff; margin: 8px auto;
    font-family: 'Calibri'; font-weight: bold; width: auto; letter-spacing: 1.3px; }
.form-login-section form input[type=submit]:hover, .form-login-section form input[type=submit]:focus { border-color: #002047; background-color: transparent; color: #002047;     -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

/* Career oppertunities page Css Start Here
===================================================*/
.career-opp-main { background-color: #f2f4eb; padding: 195px 0 170px; }
.career-opp-main .title-block h1 { position: relative; padding-bottom: 27px; color: #333333; font-size: 56px; line-height: 72px; font-family: 'Calibri'; font-weight: bold; display: inline-block; text-align: center; margin: 0 auto 25px; width: 100%; text-transform: uppercase; }
.career-opp-main .slider-block { padding-top: 41px; }
.career-opp-main .title-block h1:after { content: ""; display: block; width: 168px; height: 8px; background-color: #88a7c9; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.career-opp-main .title-block p { line-height: 56px; color: #333333; max-width: 1200px; width: 100%; margin: 0 auto; text-align: center; padding-bottom: 40px; }
.career-opp-slider .slick-list { margin-left: -15px; margin-right: -15px; }
.career-opp-slider .itemopp { background-color: #FFFFFF; padding: 47px 40px 45px; margin: 0 15px;position: relative; overflow: hidden; } 
.career-opp-slider .itemopp:before { content: ""; display: block; width: 100%; height: 8px; position: absolute; left: 0; top: 0; background-color: #002047; }
.career-opp-slider h2 { position: relative; color: #002047; font-size: 36px; line-height: 36px; font-family: 'Calibri'; font-weight: bold; display: block; margin-bottom: 19px; }
.career-opp-slider p { font-size: 24px; line-height: 32px; color: #333333; max-width: 1200px; width: 100%; margin: 0 auto; padding-bottom: 70px; font-family: 'Calibri'; font-weight: normal; }
.career-opp-slider a { font-size: 20px; line-height: 34px; color: #5e93b7; max-width: 1200px; width: 100%; margin: 0 auto; padding-bottom: 0; font-family: 'Calibri'; font-weight: bold; text-transform: uppercase; transition: 0.3s all ease-in-out; position: absolute; bottom: 45px; left: 42px; }
.career-opp-slider a:hover { color: #999999; }
.career-opp-slider .slick-track { display: flex !important; }
.career-opp-slider .slick-slide { height: inherit !important; }
.career-opp-slider .slick-arrow { position: absolute; top: 53.5%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-color: transparent; border: 0; padding: 0; width: 46px; height: 36px; background-image: url(../images/arrow-new-cp.png); background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 0; transition: 0.3s all ease-in-out; }
.career-opp-slider .slick-arrow:hover { opacity: 0.5; }
.career-opp-slider .slick-arrow.slick-prev { left: -92px; }
.career-opp-slider .slick-arrow.slick-next { right: -92px; background-image: url(../images/arrow-right-new-cp.png); }

/* Form
===================================================*/
.apply-online-form .gf_progressbar_wrapper { padding: 0 15px; }
.apply-online-form .gform_wrapper.gravity-theme .gf_progressbar_title { font-size: 20px; line-height: normal; font-family: 'Calibri'; font-weight: bold; margin-bottom: 12px; }
.apply-online-form .gform_wrapper.gravity-theme .gf_progressbar_title span { font-family: 'Calibri'; font-weight: bold; }
.apply-online-form .gform_wrapper .gf_progressbar .percentbar_custom, .apply-online-form .gform_wrapper .gf_progressbar { border-radius: 0 !important; }
.apply-online-form { padding: 130px 0 80px; }
.apply-online-form .gform_wrapper .gform_page .gform_fields { display: flex; flex-wrap: wrap; grid-column-gap: unset; grid-row-gap: unset; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .two-col { width: 50%; padding: 0 15px; margin-bottom: 25px; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .full-textarea { width: 100%; padding: 0 15px; margin-bottom: 25px; }
.apply-online-form .gform_wrapper .gform_page .gform_fields  .upload-file-block { width: 100%; padding: 0 15px; margin-bottom: 25px; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .main-heading { width: 100%; padding: 0 15px; margin: 25px 0; display: flex; flex-wrap: wrap; align-items: center; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .main-heading h3 { font-family: 'Calibri'; font-weight: bold; font-size: 56px; line-height: 72px; color: #333333; text-transform: uppercase; width: 100%; }

.apply-online-form .gform_wrapper .gform_page .gform_fields .main-heading strong { font-family: 'Calibri'; font-weight: bold; font-size: 26px; line-height: 30px; color: #333333; /*text-transform: uppercase;*/ width: 100%; }

.apply-online-form .gform_wrapper .gform_page .gform_fields .sub-heading { width: 100%; padding: 0 15px; margin: 25px 0 15px; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .sub-heading h4 { font-family: 'Calibri'; font-weight: bold; font-size: 36px; line-height: 46px; color: #333333; text-transform: uppercase; }

.apply-online-form .gform_page .gform_fields input[type=text], .apply-online-form .gform_page .gform_fields input[type=email], .apply-online-form .gform_page .gform_fields input[type=password], .apply-online-form .gform_page .gform_fields input[type=tel], .apply-online-form .gform_page .gform_fields input[type=number], .apply-online-form .gform_page .gform_fields textarea, .apply-online-form .gform_page .gform_fields select { padding: 16px 12px; font-size: 23px; width: 100%; border-radius: 0; }
.apply-online-form .gform_page .gform_fields .two-col > label, .apply-online-form .gform_page .gform_fields .two-col > .gfield_label { font-family: 'Calibri'; font-weight: bold; font-size: 20px; line-height: 20px; color: #333333; display: block; margin-bottom: 10px; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .gfield_radio > div > [type="radio"] { opacity: 0; visibility: hidden; position: absolute; left: 0; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .yes-no-radio .gfield_radio { display: flex; flex-wrap: wrap; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .yes-no-radio .gfield_radio > div { position: relative; min-width: 100px; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .gfield_radio > div { margin: 3px 0; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .gfield_radio > div > label { width: 100%; display: block; padding-left: 25px; font-family: 'Calibri'; font-weight: normal; font-size: 18px; line-height: 20px; color: #333333; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .gfield_radio > div { position: relative; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .gfield_radio > div > label:before { content: ''; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; border: 1px solid #002047; border-radius: 100%; background: #fff; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .gfield_radio > div > [type="radio"]:checked + label:after { content: ''; width: 18px; height: 18px; background: #002047; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.apply-online-form .gform_confirmation_wrapper { padding: 180px 0; }
.apply-online-form .gform_wrapper .gform_fields .radio-block .gfield_radio { display: flex;
    flex-wrap: wrap; }
.apply-online-form .gform_wrapper .gform_fields .radio-block .gfield_radio > div { margin-right: 15px;  }
.apply-online-form .gform_wrapper .gform_fields .radio-block .gfield_radio > div > label { width: auto; max-width: none; }
.apply-online-form .gform_confirmation_wrapper .gform_confirmation_message { color: #333333; font-family: 'Calibri'; font-weight: bold; font-size: 50px; line-height: normal; text-align: center; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .full-textarea textarea.large { height: 200px; }
.apply-online-form .gform_wrapper .gform_fields .full-textarea .gfield_label { font-family: 'Calibri'; font-weight: bold; font-size: 18px; line-height: 20px; color: #333333; display: block; }

.apply-online-form .gform_wrapper .gform_page > .gform_page_footer { padding: 0 15px; }
.apply-online-form .gform_wrapper .gform_page > .gform_page_footer input[type="button"], .apply-online-form .gform_wrapper .gform_page > .gform_page_footer input[type="submit"] { border: 4px solid #333333; transition: 0.5S all ease-in-out; font-size: 24px; line-height: 21px; min-width: 124px; padding: 15px 34px; background-color: #FFFFFF; border-radius: 0; text-transform: uppercase; font-family: 'Calibri'; font-weight: normal; color: #333333; margin-right: 15px; }
.apply-online-form .gform_wrapper .gform_page > .gform_page_footer input[type="button"]:focus, .apply-online-form .gform_wrapper .gform_page > .gform_page_footer input[type="button"]:hover { border-color: #333333;
background-color: #333333; color: #FFFFFF; }
.apply-online-form .gform_wrapper .gform_page > .gform_page_footer input[type="submit"]:focus, .apply-online-form .gform_wrapper .gform_page > .gform_page_footer input[type="submit"]:hover { border-color: #333333;
background-color: #333333; color: #FFFFFF; }
.apply-online-form .gform_wrapper.gravity-theme .gfield_validation_message { color: #ff0000; font-size: 16px; font-family: 'Calibri'; font-weight: normal; display: block; width: 100%; background-color: transparent; border: 0; padding: 0; }
.apply-online-form .gform_validation_errors { width: calc(100% - 30px); margin: 45px auto 25px; background-color: transparent; border: 0; }
.apply-online-form .gform_wrapper.gravity-theme .instruction.validation_message { color: #ff0000; font-size: 16px; font-family: 'Calibri'; font-weight: normal; display: block; width: 100%; background-color: transparent; border: 0; padding: 0; }
.apply-online-form .gform_wrapper h2.gform_submission_error { color: #ff0000; font-size: 16px; font-family: 'Calibri'; font-weight: bold; display: block; width: 100%; background-color: transparent; border: 0; padding: 0; } 

.apply-online-form .gform_wrapper .gform_page .gform_fields .check-form .gfield_checkbox > div { position: relative; display: flex; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .check-form { padding: 0 15px; margin-bottom: 25px; }
.apply-online-form .gform_wrapper .gform_page .gform_fields .check-form .gfield_checkbox > div > input[type="checkbox"] { opacity: 0; visibility: hidden; position: absolute; left: 0; }

.apply-online-form .gform_wrapper .gform_page .gform_fields .check-form .gfield_checkbox > div > label { width: 100%; display: block; padding-left: 25px; font-family: 'Calibri'; font-weight: normal; font-size: 18px; line-height: 20px; color: #333333; font-weight: bold; position: relative; }

.apply-online-form .gform_wrapper .gform_page .gform_fields .check-form .gfield_checkbox > div > label:before { content: ''; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border: 1px solid #002047; border-radius: 0; background: #fff; }

.apply-online-form .gform_wrapper .gform_page .gform_fields .check-form .gfield_checkbox > div > input[type="checkbox"] + label:after { opacity: 0; visibility: hidden; content: '\2713'; font-size: 16px; color: #002047; transition: 0.3s all ease-in-out; font-size: 16px; position: absolute; height: 18px; width: 18px; top: 5px; left: 3px; }

.apply-online-form .gform_wrapper .gform_page .gform_fields .check-form .gfield_checkbox > div > input[type="checkbox"]:checked + label:after { opacity: 1; visibility: visible; }



/* Chief financial office page Css Start Here
===================================================*/
.chif-financial-officer { padding: 93px 0 33px; }
.chif-financial-officer .container { max-width: 1328px; }
.chif-financial-officer h1 { position: relative; padding-bottom: 34px; color: #333333; font-size: 56px; line-height: 72px; font-family: 'Calibri'; font-weight: bold; display: inline-block; text-align: center; margin: 0 auto 105px; width: 100%; text-transform: uppercase; }
.chif-financial-officer h1:after { content: ""; display: block; width: 168px; height: 8px; background-color: #88a7c9; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.chif-financial-officer p { font-size: 30px; line-height: 44px; color: #333333; padding-bottom: 31px; font-family: 'Calibri'; font-weight: normal; }
.chif-financial-officer .top-back { text-align: right; max-width: 1710px; width: 100%; margin: 0 auto; padding: 0 15px 28px; }
.chif-financial-officer .back { display: inline-block; border: 1px solid #002047; text-align: center; color: #002047; text-decoration: none; font-family: 'Calibri'; font-weight: normal; font-size: 14px; line-height: normal;
padding:8px 20px; position: relative; }
.chif-financial-officer .back img { display: inline-block; vertical-align: middle; margin-left: 9px; transition: 0.3s all ease-in-out; }
.chif-financial-officer .back:hover img { transform: translateX(-5px); -webkit-transform: translateX(5px); } 
.chif-financial-officer h2 { font-size: 36px; line-height: 36px; color: #002047; font-family: 'Calibri'; font-weight: bold; display: block; margin: 25px 0 18px; }
.chif-financial-officer ul { padding: 3px 0 34px 12px; }
.chif-financial-officer ul li { font-size: 30px; line-height: 44px; color: #333333; font-family: 'Calibri'; font-weight: normal; position: relative; padding: 0 0 0 34px; }
.chif-financial-officer ul li:after { top: 18px; }
.chif-financial-officer .apply-block { text-align: center; padding-top: 50px; }
.chif-financial-officer .apply-block h3 { font-size: 30px; line-height: 44px; color: #002047; font-family: 'Calibri'; font-weight: bold; padding: 12px 0 36px 0; border-top: 2px solid #223e60; border-bottom: 2px solid #223e60; width: 100%; display: block; text-align: center; margin-bottom: 55px; }
.chif-financial-officer .apply-block h3 a { text-decoration: none; transition: 0.3s all ease-in-out; font-size: 30px; line-height: 44px; color: #002047; font-family: 'Calibri'; font-weight: bold; }
.chif-financial-officer .apply-block h3 a:hover { color: #333333; }

.chif-financial-officer .apply {  display: inline-block; background-color: #88a7c9; border: 1px solid #88a7c9; text-align: center; color: #FFFFFF; text-decoration: none; font-family: 'Calibri'; font-weight: bold; font-size: 28px; line-height: 23px; padding:17px 62px;position: relative;  transition: 0.3s all ease-in-out;text-transform:uppercase; }
.chif-financial-officer .apply:hover { background-color: #002047; border-color: #002047; }
.chif-financial-officer .bottom-back { text-align: right; max-width: 1710px; width: 100%; margin: 0 auto; padding: 57px 15px 28px; }

.page-template-careers class .common-banner { display: none; }
.legally-req {
    max-width: calc(100% - 410px);
    padding: 0 15px;
}
footer .footer-bottom .test p {
    font-weight: 400;
    padding: 0;
}
footer .footer-bottom .test p a:hover {
    opacity: 0.5;
}
footer .footer-bottom .legally-req P { font-weight: 400; }
footer .footer-bottom .legally-req p a { font-weight: 400;
    padding: 0;  }
footer .footer-bottom .legally-req p a:before {
    display: none;
    padding: 0;
    font-weight: 400;
}
/* instructional video page Css Start Here
===================================================*/

/*Tabing Css Start Here*/
.tabs-wrap ul.tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    list-style-type: none;
}

.tabs-wrap ul.tabs li {
    list-style-type: none;
    padding: 10px 20px;
    font-size: 22px;
    line-height: normal;
    background-color: #002047;
    color: #fff;
    margin: 0 10px;
    border-radius: 50px;
    cursor: pointer;
	border: 1px solid #002047;
}

.tabs-wrap ul.tabs li:after {
    content: "";
    display: none;
    padding: 0;
}
.tab-content {
    display: none;
} 
.tab-content.current {
    display: block;
}
.tabs-wrap .development-container {
    text-align: center;
}
.tabs-wrap ul.tabs li:hover {
	background-color: transparent;
	color: #002047;
}
.tabs-wrap ul.tabs li.current {
	background-color: transparent;
	color: #002047;
}
.tabs-wrap .development-container .apply-online-form {
    text-align: left;
	padding: 40px 0 0;
}
.tabs-wrap .development-container a {
    padding: 16px 20px;
    font-size: 22px;
    line-height: 22px;
    background-color: #002047;
    color: #fff;
    margin: 30px 10px 0;
    border-radius: 50px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
	border: 1px solid #002047;
}
.tabs-wrap .development-container a:hover {
	background-color: transparent;
	color: #002047;
}
.subcontractors-vendors-block {
    padding: 60px 0 0 0;
}
 

.instructional-video-section { padding: 100px 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.video-blocks{font-size: 0;display: block;}
.video-wrapper{position: relative; display: none;}
.video-wrapper.active{display: block;}
.video-sec {width: 55%; z-index: 123; position: absolute; left: inherit; top: 0; padding: 70px 0;margin: 0 0 0 auto;}
.video-inside{overflow: hidden; position: relative; z-index: 0; width: 100%; height: 100%; padding-bottom: 56.25%;}
.video-sec iframe,
.video-sec video{width: 100%; height: 100%; position: absolute;
 top: 0; left: 0; right: 0; margin: 0 auto;
    object-fit: cover;}
.video-content-right{width: 50%;padding: 65px 40px 40px 150px;
    margin-left: auto;background: #edefe2;border-radius: 8px 8px 0 0;border-top:5px solid #0020475c;
    border-left:3px solid #002047;min-height: 620px}
.video-content-right p {font-size: 18px;line-height: 1.3;padding-bottom: 20px}
.content{background-color:#f9f4ec;border: 2px solid #ffff;display:none;
    border-radius: 0 0 10px 10px;border-top: none;padding: 10px 15px;font-size: 18px;}
.content p{ margin: 0;color: #333;padding: 0}
.set{position: relative;width: 100%;height: auto;margin-bottom: 5px}
.set > a{display: block; padding: 10px 15px; text-decoration: none;font-size: 21px;
    line-height: 1.3;
    font-weight: 600; border-bottom: 1px solid #ddd; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear;background: #645d54; color: #fff;border-radius: 10px}
.set > a i{float: left;margin-top: 4px;margin-right: 24px;margin-bottom: 8px;font-weight: 400}
.set > a.active{background-color:#002047;border-radius: 10px 10px 0 0}

.resource-content{padding: 10px 0 10px 0; border-left: 5px solid #002047; margin: 20px 0; border-radius: 10px; padding-left: 20px;} 
.resource-content h4{font-size: 26px; font-weight: 700;color:#002047;margin-bottom: 10px}
.resource-content ul{padding: 0;margin: 0}
.resource-content ul li{list-style: none}
.resource-content ul li:after{width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #002047;
    border-radius: 0;
    background: transparent;
    top: 3px;}
.resource-content ul li a{font-size: 18px;color: #002047}
.resource-content ul li a
.resource-content ul li a:hover{color: #5d93b6}

.video-content-block{padding: 100px 0}
.video-content-block .video-content{display: flex;flex-wrap: wrap;align-items: center;}
.video-content .video-bg{width: 50%;padding-right: 50px}
.video-bg .video-inner{overflow: hidden; position: relative; z-index: 0; width: 100%; height: 100%; padding-bottom: 57.25%;}
.video-bg .video-inner iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; object-fit: cover;}
.video-content .content-block{width: 50%;padding-left: 50px}
.video-content-block .video-wrapper {
    display: block;
}.video-content-block .video-content-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.video-content-right h4{    font-size: 26px;
    font-weight: 700;
    color: #002047;
    margin-bottom: 10px;
    line-height: 1;
}

.tab-content h2{max-width:100%}

#slide1 .resource-content ul li:first-child a{font-weight: 700;}
#slide2 .resource-content ul li:nth-child(2) a{font-weight: 700;}
#slide3 .resource-content ul li:last-child a{font-weight: 700;}
#slide4 .resource-content ul li:first-child a{font-weight: 700;}
#slide5 .resource-content ul li:nth-child(2) a{font-weight: 700;}
#slide6 .resource-content ul li:last-child a{font-weight: 700;}


@media (max-width: 1199px){
   
    .video-content-right{padding: 40px 30px 40px 80px}
    .instructional-video-section{padding: 50px 0}
.video-content-block {
    padding: 50px 0;
}
}
@media (max-width: 991px){
    .video-content-right{width: 100%;padding: 20px 0;border-top:none;border-left:none;min-height: inherit;}
    .video-wrapper{padding: 20px;background: #edefe2;border-top:5px solid #0020475c;border-radius: 10px 10px 0 0}
    .video-sec{width: 100%;padding: 0;position: relative;}
    .video-content .video-bg{width: 100%;margin-bottom: 30px;padding-right: 0}
    .video-content .content-block{padding-left:0;width: 100%;}
    .set > a {
    
    font-size: 19px;
    line-height: 1.3;
    
}
}

@media (max-width: 400px){
    .video-inside{padding-bottom: 57.25%}
}