<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
 
@font-face {
    font-family: 'TisaOT';
    src: url('fonts/TisaOT.woff2.html') format('woff2'),
        url('fonts/TisaOT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'EurostileExt';
    src: url('fonts/eurostileext-reg-webfont.woff2.html') format('woff2'),
         url('fonts/eurostileext-reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AkkuratLight';
    src: url('fonts/Akkurat-Light.woff2.html') format('woff2'),
        url('fonts/Akkurat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AkkuratBold';
    src: url('fonts/Akkurat-Bold.woff2.html') format('woff2'),
        url('fonts/Akkurat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
 
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0; padding: 0;
}


body{ font-family:AkkuratLight; font-size: 18px; background-color: #f7f9fc;  margin: 0; overflow-x:hidden; color:#9A9B9B; }

img{ max-width: 100%; }

ul{ padding: 0; margin: 0; }

li{ list-style: none; }

a{ text-decoration: none; position: relative; z-index: 2; color:#1C72B8; }

textarea{ resize: none; }
 
*,
*:focus{ -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; }


h1,

h2,

h3,

h4,

h5,

h6{ font-family:TisaOT; color: #212121; margin:0; padding:0; }

h1,

.h1{ font-size: 65px; letter-spacing: 3px; line-height: 1.1; }

h2,

.h2{ font-size: 50px; letter-spacing: 2px; line-height: 1.1; }

h3,

.h3{ font-size: 34px; letter-spacing: 2px; line-height: 1; }

h4,

.h4{ font-size: 24px;  letter-spacing: 1px; }

h5,

.h5{ font-size: 20px;  letter-spacing: .5px; }

h6,

.h6{ font-size: 18px;  letter-spacing: .5px; }

canvas{ opacity: .4; position: fixed; left: 0; top: 0; }
 
p{ font-size: 18px; line-height: 34px; font-weight: 300; margin:0; padding:0; }

p a{ color: #9A9B9B; }


p.leadText,

.leadText{ font-size: 24px; line-height: 40px; font-weight: 300; }

.smallText{ font-size: 15px; line-height: 22px; }

.primary-color{ color: #1C72B8; }

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

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

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

.float-left{ float: left; }

.float-right{ float: right; }

.clearfix:after{ content: ""; clear: both; display: block; }

.overflowHiddenScroll{ overflow: hidden; margin-right: 17px; }

.overflowHidden{ overflow: hidden; }

.foottitle{ color: #212121; font-family:EurostileExt; font-size: 14px; letter-spacing: 1px;   }


#mainLogo{ width: 56px; position: fixed;  left:5%; top: 40px; z-index: 11;  transform: translateX(-50%); } 

#mainLogo img{ width: 100%; display: none; }

#header #mainLogo img#mainlogoWhite{ display: none; }

#header #mainLogo img#mainlogo{ display: block; }

#header.active #mainLogo img#mainlogo,

#header.headerWhite #mainLogo img#mainlogo{ display: none; }

#header.active #mainLogo img#mainlogoWhite,

#header.headerWhite #mainLogo img#mainlogoWhite{ display: block; }

#mainMenuLink{ font-size:12px; text-align: center; display: block; position: fixed; left: 5%; top: 50%; transform: translate(-50%, -50%);  width: 54px; height: 40px; cursor: pointer; z-index: 14; color: #1C72B8; transition: all .3s; user-select: none; -webkit-user-select: none; letter-spacing: 2px; font-family: EurostileExt; }

#mainMenuLink label{ cursor: pointer; }

#mainMenuLink span { display: block; position: absolute;  left: 0; bottom: 12px; width: 100%; height: 2px; background-color: #1C72B8; transition: all .3s; }

#mainMenuLink span:before,

#mainMenuLink span:after{ content: ''; width: 100%; height: 100%; position: absolute; background-color: #1C72B8; left: 0; transition: all .3s; }

#mainMenuLink  span:before{ top: -6px; }

#mainMenuLink  span:after{ top: 6px; }

#mainMenuLink.active,

#header.headerWhite #mainMenuLink{ color: #fff  !important; }

#header.headerWhite #mainMenuLink span,

#header.headerWhite #mainMenuLink span:before,

#header.headerWhite #mainMenuLink span:after{ background-color: #fff }

#mainMenuLink.active span{ background-color: transparent !important; transform: scale(.8); bottom:8px !important; left:3px !important;}

#mainMenuLink.active  span:before{ background-color: #fff !important; 	top: 0; transform: rotate(135deg); }

#mainMenuLink.active  span:after{ background-color: #fff !important; top: 0; transform: rotate(225deg); }

#mainMenu{ width: 100vw; height: 100vh; z-index: 10; position: fixed; left: -100vw; top: 0; background-image: linear-gradient(to bottom right, #0f1012, #181b90);
   -webkit-backface-visibility: hidden;
    overflow: hidden;
    backface-visibility: hidden; 
	transition:all .2s ease; 
	-webkit-transition:all .2s ease; 
}

#mainMenu.hideWhileReady{ visibility: hidden; }

#mainMenu.active{ visibility: visible; left: 0; }

#mainMenuLogo{ 	width: 56px; position: absolute; left:5%; top: 40px; z-index: 8; transform: translateX(-50%); }

#mainMenuLogo img{ width: 100%; }

#mainMenuNav{ width: 100%; position: absolute; left: 0; white-space: nowrap; top: 0;  }

#mainMenuNavIn{ max-width: 100%; position: relative; height: 100vh; margin: 0 0 0 8%;  } 

#mainMenuNav .mCSB_container &gt; ul{ text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

 #mainMenuNav ul li{ margin: 0 60px; padding: 14px 0; list-style: none; display: inline-block; position: relative; text-align: left;   }
 

#mainMenuNav ul li a{ font-size: 84px; font-family: AkkuratBold; text-transform: uppercase; font-weight:600; line-height: 1.1; color: #fff; text-decoration: none; transition: color .3s ease-in-out; }

#mainMenuNav ul li.active div &gt; a,

#mainMenuNav ul#mainUL &gt; li:hover div &gt; a{ color: #1C72B8; }

#mainMenuNav ul li span{ color: #1C72B8; font-family:EurostileExt; position: absolute; left: 10px; top: 8px; font-size: 12px; letter-spacing: 1px; display: block; }

#mainMenuNav ul li ul{   max-height: 0; position: absolute; left: 0px; top: 100%; margin: 0; visibility: hidden; overflow: hidden; opacity: 0; transition: opacity .6s ease-in-out; }

#mainMenuNav ul li ul li{ display: block; margin: 0; padding: 0 0 15px 16px; position: relative; }

#mainMenuNav ul li ul li a{ font-size: 23px; color: #fff !important; line-height:35px; }

#mainMenuNav ul li ul li a:hover{ color: #1C72B8 !important; }

#mainMenuNav ul li ul li.hasSubMenu:before{ content: ""; width: 14px; height: 14px; position: absolute; left: 0; top: 5px; background-image: url(../images/right-arrow.svg); background-position: no-repeat;  background-size: 100%; }

#mainMenuNav ul li ul li.openSubMenu:before{ background-image: url(http://netsolbeta.com/netsoltech/investors/images/right-arrow-2.svg); }

#mainMenuNav ul li ul li.openSubMenu &gt; a{ color: #1C72B8;  }

#mainMenuNav ul li ul li ul{ position: static; margin: 0;  }

#mainMenuNav ul li ul li ul li{ display: block; margin: 0; padding: 0 0 6px; }

#mainMenuNav ul li ul li ul li a{ font-size: 16px; font-weight:400; }

#mainMenuNav ul li.openSubMenu div &gt; ul{ max-height: 300px; visibility: visible; opacity: 1; padding-bottom: 10px; padding-top: 6px; }


.menuVector{ display: none; width: 100%; opacity: .3; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%); max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.menuVector#netsolVector{ display: block; }

#scrollToView{  position: absolute; right: 3%; margin-right: -3px; bottom: 20px; padding-right: 22px; text-transform: uppercase; color: #fff; letter-spacing: 2px; font-size: 12px; font-weight: 300; font-family:EurostileExt; }

#scrollToView:after{ content: ""; position: absolute; right: 0; top: -2px; width: 16px; height: 16px; background: url(../images/down-arrow.svg) no-repeat; transform: rotate(-90deg); background-size: 100% auto; }

#mainNavContactUs{ position: absolute; z-index: 1; font-size: 0; right: 3%;  top: 67px;   }

#mainNavContactUs a{ margin: 0; }

.mainNavSmartLink{ position: absolute; z-index: 1; left: 3%;  bottom: 40px; }


.container{ width:80%; margin:0 auto; }


.formField{ position:relative; margin-bottom: 20px; }

.formField .formFieldIn{ border-bottom:1px solid rgba(255,255,255, .5); height:50px;}

.formField.withBtn .formFieldIn{ padding-right:28px; }
 
.formField label,

.selectField{ display:block; position:relative; text-transform: uppercase; height:50px; margin:0; padding-top:14px; padding-bottom:2px; cursor:text; transition:all .2s ease-in-out;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.formField label span,

.selectField span{ position:absolute; left:0; top:18px; text-align:left; width:100%; overflow:hidden; display:block; font-size:14px; transition:all .2s ease-in-out; color:#fff; white-space:nowrap; z-index:0; }

.formField label span small{ color:red; }

.formField input[type="text"],

.formField textarea,

.formField input[type="password"],

.selectField .select-selected{ background:none; width:100%; height:35px; line-height:35px; border:0; padding:0; color:#fff; font-size:20px; position:relative; z-index:1; font-weight:400; font-family: inherit; } 

.formField.textArea label{ height:66px; }

.formField.textArea .formFieldIn{ height:66px; }
 
.formField.textArea textarea{ height:50px; resize:none; } 
 
.formField.filled label span,

.formField.focus label span,

.selectField span{ top:0px; font-size:12px; color: rgba(255,255,255, .6);  }


.formField.darkStyle label span,

.formField.darkStyle.focus label span,

.formField.darkStyle.filled label span{ color: #1C72B8; }

.formField.focus .formFieldIn{  border-color: rgba(255,255,255, 1); }

.formField.disabled label{ cursor:default; }

.formField.disabled label span,

.formField.disabled label strong,

.formField.disabled input,

.formField.disabled select{ color:#868e96; }

.formField.error  .formFieldIn{ border-bottom:1px solid #dc3545;  }

.formField.error.focus .formFieldIn{ border-width:2px;  }

.formField.error label span{ color:#dc3545; }

.selectField { position: relative; }

.selectField .select-selected{ cursor: pointer; user-select: none; }

.selectField select { display: none; }
 
.selectField .select-selected:after { position: absolute; content: ""; top: 10px; right: 10px; width: 16px; height: 16px; display: block;  background: url(../images/down-arrow.svg) no-repeat;   background-size:100%;   transition: all .1s linear; }
 
.selectField .select-selected.select-arrow-active:after { transform: rotate(-180deg); }
 
.selectField .select-items { position: absolute; /*background-color: #fff;*/ top: 100%; left: 0; right: 0; z-index: 5; }

.selectField .select-items div{ color: #fff; padding: 8px 16px; border: 1px solid #fff; border-bottom: 0; border-color:#fff; cursor: pointer; user-select: none; text-align:center;}

.selectField .select-items div:last-child{ border-bottom: 1px solid #fff; }

.selectField .select-hide { display: none; }

.select-items div:hover, .same-as-selected { background-color:#fff; color:#1C72B8 !important; }

.formField.darkStyle .formFieldIn{ border-color: #1C72B8; }


.formField.darkStyle input[type="text"],

.formField.darkStyle textarea,

.formField.darkStyle input[type="password"],

.formField.darkStyle .selectField .select-selected{ color: #1C72B8; }

.formField.darkStyle .selectField .select-selected:after{ background-image: url(../images/down-arrow-2.svg); }

.formField.darkStyle .selectField .select-items div{ color: #fff; border-color: rgba(255, 255, 255, 0.1) ; }

.formField.darkStyle .selectField .select-items{ background: #1C72B8;  }


.btn{ font-family: AkkuratBold; padding: 0px 24px; margin-right: 8px; font-size: 16px; height: 50px; line-height: 50px; min-width:160px; text-align:center; font-weight: 600; position:relative; overflow: hidden; color: #1C72B8; border: 1px solid #1C72B8; border-radius: 40px; cursor: pointer; background: #fff;  display: inline-block;  transition: all .3s; text-transform: uppercase; }

.btn.btn-small{ height: 40px; line-height: 38px; font-size:14px; min-width:110px; }

.btn.btn-tag{ height: 20px; line-height: 20px; font-size: 10px; min-width: auto; margin-right: 4px; padding: 0 18px; background:#C0C0C0; border:none; color:#333; float:left; margin-bottom:7px;}

.tag-area-height{display:inline-block; height:50px; margin-top:20px;}

.btn.btn-white{ color: #fff; border-color: #fff; background: none; }

.btn:hover,.btn.active{ color:#fff; background:#1C72B8; }

.btn.btn-white:hover,

.btn.btn-white.active{ color: #1C72B8; background:#fff; }

.btn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, .5);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}

@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}

.btn:focus:not(:active)::after {
  animation: ripple 1s ease-out;
}


.bgSection{ position: relative; }

.bgSection,

.bgSection h1,

.bgSection h2,

.bgSection h3,

.bgSection h4,

.bgSection p,

.bgSection a,

.colorWhite{ color: #fff; }

.breadCrumb{ padding:84px 0 40px 0px; }

.breadCrumb p{ font-size: 16px !important; color: #212121; display: inline-block; font-family:EurostileExt;}

.breadCrumb p span{ color: #9A9B9B; }  

.breadCrumb p a{ color: #1C72B8; text-decoration: underline; font-weight: 600; position: relative;}

.breadCrumb p a:hover{ text-decoration: none; }


.pageTitleSection { margin: 0px 0 50px; }

.pageTitleSection img{ width: 100%; max-width: none; }

.pageTitleSectionIn{ max-width: 60% !important;  }

.pageTitleSection.withVector .pageTitleSectionIn { margin-top: -73px; }

.pageTitleSection h1{ display: inline-block; margin-bottom: 25px; }

.pageTitleSection p{ font-size: 28px; display: block; padding-bottom:30px; font-weight: 300; line-height: 44px; }

.pageTitleSection p a{ text-decoration: underline; }

.pageTitleSection a.btn{ margin-bottom:30px; }


.newsListingHead{ padding-bottom: 40px; }

.newsListingHead h3{ float: left; }

.newsListingHead a{ float: right; color: #1C72B8; font-family: EurostileExt; text-transform: uppercase; margin-top: 12px; font-size: 12px; }




.newsListing{ margin: 0 -2% 60px; display: flex; flex-wrap: wrap; }

.newsList{ float: left; width: 25%; padding: 0 2%; margin-bottom: 2vw; display: flex; }

.newsListIn{ width: 100%; border-radius: 10px; position: relative; overflow: hidden; background: #fff; box-shadow: 0 0px 6px rgba(0,0,0, .2); }

.newsList img{ width: 100%; display: block; }
 
.newsListText{ padding: 8%; width: 100%; transition: all .3s; }

.newsListText h4{ min-height: 90px; margin-bottom: 20px; }

.newsListText h6{ min-height: 140px; margin-bottom: 20px; }

.newsListText label{ font-size: 18px; color: #1C72B8; font-weight: 600;  }

.newsListText small{ font-size: 14px; display: block; margin-bottom: 10px; }

.newsListText p{ margin-bottom: 5px; }

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

.aboutMainRoundBox{ padding: 2.6%; margin-bottom: 80px; border-radius: 15px; position: relative; background-size: cover; background-image: url(../images/aboutBg2.png); }

.aboutMainRoundBox.articleBgSection{ background-image: url(../images/article.jpg); }

.aboutMainRoundBox.articleBgSection .aboutMainRoundBoxTop{ padding-bottom: 2%; }

.aboutMainRoundBox.articleBgSection .aboutMainRoundBoxTop label{ padding-bottom: 8%; }

.aboutMainRoundBox h1{ margin-bottom: 25px; }

.aboutMainRoundBoxTop{ padding-top: 8%; padding-bottom: 6%; }

.aboutMainRoundBoxTop h2{ margin-bottom: 20px; }

.aboutMainRoundBoxTop label{ font-family: EurostileExt; font-size: 12px;  letter-spacing: 2px; color: #fff; text-transform: uppercase; padding:0 0 12%; display: block; }
 
.aboutMainRoundBoxTopLeft{ width: 62%; float: left; }

.aboutMainRoundBoxTopRight{ float: right; padding-top: 25px; }

.aboutMainRoundBoxTopRight span:first-child{ margin-bottom: 2px; }

.aboutMainRoundBoxTopRight span{ display: block; margin-bottom: 10px; }

.aboutMainRoundBoxTopRight span img{ display: block; width: 70px; margin: auto; }
 
.investorsListingMain{ padding: 0 0 20px; }

.investorsListingMain h2{ margin-bottom: 60px; }

 
.investorsListing{ margin: 0 -2% 40px; display: flex; flex-wrap: wrap; }

.investorsList{ float: left; width: 50%; padding: 0 2% 0%; margin-bottom: 3vw; display: flex; }
 
.investorsListIn{ width: 100%; padding: 2vw 7%; border-radius: 10px; position: relative; overflow: hidden; background: #fff; box-shadow: 0 0px 6px rgba(0,0,0, .2); }
 
.investorsList h3{ margin-bottom: 14px; }
  

#windowScrollDown,

#requestDemo{ position: fixed;  bottom: 20px; z-index: 8; cursor: pointer; text-align: center; }

.overflowHiddenScroll #requestDemo { right: calc(5% + 16px); }

#windowScrollDown{ left: 5%; transform: translateX(-50%);  }

#windowScrollDown span{ display: block; margin-top: -48px; -webkit-animation: scrollDown 1.3s infinite; animation: scrollDown 1.3s infinite; }

@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(15px);
    opacity: 0;
  }
}
@keyframes scrollDown {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}

#requestDemo { right: 5%; transform: translateX(50%); }
  

#menuSmartNav{ width: 100px; height: 100px; margin-left: -50px; text-transform: uppercase; padding-top: 36px;  z-index: 1; display: block; font-size: 12px;  color: #fff; font-family:EurostileExt;  text-align: center; line-height: 1.3; border: 2px solid #fff; border-radius: 50%; position: absolute; left: 50%; bottom: 40px; display: block;  transition: all .3s; }

#menuSmartNav:hover{ background:#fff; color: #1C72B8;  }
  
.model-window{ width: 100%; height: 100%; overflow: hidden auto; position: fixed; left: 0; top: 0; z-index: 20; display: none; }

.model-overlay{ width: calc(100% - 0px); height: 100%; position: fixed; left: 0; top: 0; z-index: 9; background: rgba(0, 0, 0, 0.6); }

.model-content{ width:100%; width: 700px; max-width: 90%; margin:60px auto; padding: 25px; position: relative; box-shadow: 0 0 10px rgba(0,0,0, .2); background: #fff; border-radius: 8px; z-index: 12; }

.model-content.middleCenter{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.model-content.modal-large{ width: 1000px;}

.model-content.modal-medium{ width: 700px;}

.model-content.modal-small{ width: 400px;}

.model-content.modal-small p{ line-height: 24px; }

.close-window{ display: block; cursor: pointer; position: absolute;  right: 10px; top: 10px; width: 16px; height: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; transition-delay: .1s;  }

#hidePrivacyPolicy {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: -2px;
    border: 1px solid #1C72B8;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    transition: all .2s;
}

#hidePrivacyPolicy:hover{ background: #1C72B8; }

.close-window:before,

.close-window:after,

#hidePrivacyPolicy:before,

#hidePrivacyPolicy:after{ content: ''; width: 100%; height: 2px; top: 8px; position: absolute; background-color: #212121; left: 0;  transition: all .2s; }

.close-window:before,

#hidePrivacyPolicy:before{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.close-window:after,

#hidePrivacyPolicy:after{ -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg);   transform: rotate(225deg); }

#hidePrivacyPolicy:before,

#hidePrivacyPolicy:after{ width: 14px; left: 4px; top: 10px; }

#hidePrivacyPolicy:hover:before,

#hidePrivacyPolicy:hover:after{ background-color: #fff; }


#mainRequestDemo .close-window:before,

#mainRequestDemo .close-window:after{ background: #fff; }
 

#headerLang{ width: auto; position: absolute; right: 5%; transform: translateX(50%); top: 30px;  z-index: 1;/* font-family:EurostileExt;*/}

#headerLang .formField{ margin: 0; }

#headerLang .select-selected{ font-weight: 600; font-size: 16px; text-align:right; padding-right:24px;}

#headerLang .selectField .select-selected:after{ right: 0; }

#headerLang .selectField .select-items{ width: 110px; left: auto; right: 0; }

#headerLang .selectField .select-items div{ font-size: 15px; }

#headerLang .selectField{ padding: 0; height: 35px; }

#headerLang .formFieldIn{ height: 35px; border-color: transparent;   }
 
.gradientBg{ background-image: linear-gradient(to bottom right, #0f1012, #181b90) !important; }

.demo-form-bg{ z-index: 3; }

.termsCheck { padding-left: 20px; position: relative; margin-bottom: 20px; }

.termsCheck input{ position: absolute; left: 0; top: 0; margin: 4px 0px; }


#mainMenuNavIn{ overflow: hidden; left: 0 !important; top: 0 !important; cursor: grab; }

#mainMenuNav ul#mainUL{ width: 360vw; font-size: 0;  position: absolute; left: 0 !important; top: 50% !important; transform: translateY(-50%); transition: all 1200ms; -webkit-transition: all 1200ms; }

#mainMenuNav ul#mainUL &gt; li{ width: 50vw; text-align: center; margin: 0; }

#mainMenuNav ul#mainUL &gt; li &gt; div{ display: inline-block; position: relative; }

#mainMenuNav ul li a{ font-size: 140px; }

#mainMenuNavIn.grabbing{ cursor: grabbing; }


#footer{ width: 100%; background: #fff; padding: 60px 0 0; position: relative; }

#footerInner{ max-width: 80%; margin: auto; }

.footerContents{ display: flex; flex-wrap: wrap;  }

.footerContents h4{ color: #212121; font-family: EurostileExt; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 15px; }

.footerContents p{ font-size: 16px; color: #9B9B9A; line-height: 32px; }

.footerContents p label{ width: 90px; display: inline-block; }

.footerContents p br{ display: block !important; }

.footerContents ul li a{ font-size: 16px; color: #9B9B9A; line-height: 32px; }

.footerContents ul li a:hover{ text-decoration: underline; }

.footerContents ul li a img{ float: right; }

.footerCol{ margin-bottom: 40px; border-top:#D7D9DA solid 1px; width: 20%; padding-top: 50px; margin-left: 4%; }

.footerCol:first-child{ margin-left: 0; width: 28%; }


#copyRights{ border-top:#D7D9DA solid 1px; padding: 40px 0;  }

#copyRights p, #copyRights a{ font-size: 16px; color: #9B9B9A; line-height: 22px; }

#copyRights a:hover{ text-decoration: underline; }
 

.demo-form-bg &gt; .flt-lft.mgntop20{ float: none !important; }
 
.demo-form-bg &gt; .flt-rgt.mgntop20{ position: absolute; right: 20px; top: 0; }

.demo-form-content{ padding: 0 70px 40px; display: flex; }

.demo-form-content .getInTouchFormLeft{ width: 50%; padding-right: 15px; }

.demo-form-content .getInTouchFormRight{ width: 50%; padding-left: 15px; }


#mainRequestDemo .model-content{ background: #1C72B8;  }

#mainRequestDemo .demo-form-content{ padding: 20px 40px 20px; }
 
.btnContainer{ font-size: 0; }

#privacyPolicy{ width: 100%; opacity: 0; visibility: hidden; position: fixed; left: 0; bottom: 0;  z-index: 8; text-align: center; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); padding: 10px; transition: all .3s; }
 
#privacyPolicy.active{ opacity: 1; visibility: visible; }

#privacyPolicy p{ position: relative; padding-right: 40px; display: inline-block; color: #212121; }

.g-recaptcha{ margin-bottom: 20px; }



.companyInfo{ display: flex; }

.companyInfoCol{ width: 50%; }

.companyInfoCol p{ margin-bottom: 20px; }

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


.financialInfo{ display: flex; position: relative; }

.financialInfoCol{ width: 50%;  }

.financialInfoCol p{ margin-bottom: 0px; line-height: 24px; }

.financialInfoCol p a{ color: #1C72B8; font-size: 14px; }

.financialInfo .btn{ position: absolute; left: 0; bottom: 0; }

.financialInfoDetail{ display: flex; }
 
.financialInfoDetail .financialInfoDetailCol:first-child{ width: 60%; }


.companyInfoClassification{ display: flex; padding-bottom: 60px;  }

.companyInfoClassificationCol{ width: 33.3%; }
@media (max-width: 1199px) {
  .companyInfoClassificationCol{ width: 100% !important; }  
  .companyInfoClassification {
      display: block;
  }
}

.companyInfoClassificationCol h4{ margin-bottom: 20px; }

.companyInfoClassificationCol p{ margin-bottom: 20px; line-height: 28px; }



.scrollAcross{ display: none;}

.scrollAcross p{ color: #1C72B8; font-size: 10px; text-transform: uppercase; font-family: EurostileExt; }

.corporateGovernanceMainParent{ position: relative; }

.corporateGovernanceMain{}

.corporateGovernance{ display: flex; padding-bottom: 3px; }

.corporateGovernanceCol{   width: 25%;  flex-grow: 1; text-align: center; }

.corporateGovernanceCol:first-child{ text-align: left; }

.corporateGovernance p{ font-size: 16px; line-height: 24px; white-space: nowrap; }

.corporateGovernanceCol img{ max-width: 20px; }

.corporateGovernanceHead{ padding-bottom: 30px; }

.corporateGovernanceHead .corporateGovernanceCol:first-child p{ font-size: 12px; }

.corporateGovernanceHead .corporateGovernanceCol img{ max-width: 14px; }


.sharePerformanceText{ display: block; }


.sharePerformanceDetail{ display: flex; margin-bottom: 20px; }

.sharePerformanceDetail p{ margin-bottom: 0; line-height: 24px; }

.sharePerformanceDetail h3{ line-height: 0.6; }

.sharePerformanceCol{ width: 50%; }

.investorsList .spLastUpdate{ padding-top: 30px; margin-bottom: 15px ; }


.secFilingsFilter{ margin-bottom: 40px; font-size:0; position: relative; }

.secFilingsFilter a{ margin-bottom: 8px;  }


.secFilingsMain{ position: relative; }

.secFilings{  }

.secFilingsList{ display: flex; padding: 18px 0; border-bottom: 1px solid #ccc; }

.secFilingsList.secFilingsListHead { border: 0; }

.secFilingsListCol{ width: 12%; }

.secFilingsListCol:nth-child(3){ width: 40%; }

.secFilingsList p{ line-height: 22px; }


.pagination{ display: flex; flex-grow: 1;  margin-top: 40px; margin-bottom: 80px; }

.pagination span{ color: #1C72B8; display: inline-block; vertical-align: top; font-weight: bold; margin-right: 8px; }

.pagination .btn.btn-small{ min-width: 0; }

.pagination &gt; div{ flex-grow: 1; }

.paginationLeft{}

.paginationRight{ text-align: right; }

.paginationMid{ text-align: center; }

 </pre></body></html>