
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, footer, header, nav, section { display: block; }
figcaption, figure, main{ display: block; }
figure{ margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active,a:hover{outline-width:0}
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: inherit; font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -.25em;font-size: 9px; }
sup { top: -.5em; font-size: 9px;}
audio,video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
img { border-style:none; }
svg:not(:root) { overflow: hidden;}
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; margin: 0; color: inherit; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{ border-style:none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin:0 2px; padding: .35em .625em .75em; }
legend { box-sizing: border-box; color:inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{ height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;}
details, menu { display: block; }
summary { display:list-item }
canvas { display: inline-block; }
template { display: none; }
[hidden] { display: none; }
optgroup { font-weight: 700 }
table { border-collapse: collapse; border-spacing: 0; }
td, th, ul, ol, h1, h2, h3, h4, h5 { padding: 0;margin:0;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
iframe { border: 0; }

/*-----------*/

@font-face {
    font-family: 'GalanoGrotesque-Medium';
    src: url('../font/GalanoGrotesque-Medium.eot');
    src: url('../font/GalanoGrotesque-Medium.eot') format('embedded-opentype'),
        url('../font/GalanoGrotesque-Medium.woff2') format('woff2'),
        url('../font/GalanoGrotesque-Medium.woff') format('woff'),
        url('../font/GalanoGrotesque-Medium.ttf') format('truetype'),
        url('../font/GalanoGrotesque-Medium.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque-SemiBold';
    src: url('../font/GalanoGrotesque-SemiBold.eot');
    src: url('../font/GalanoGrotesque-SemiBold.eot') format('embedded-opentype'),
        url('../font/GalanoGrotesque-SemiBold.woff2') format('woff2'),
        url('../font/GalanoGrotesque-SemiBold.woff') format('woff'),
        url('../font/GalanoGrotesque-SemiBold.ttf') format('truetype'),
        url('../font/GalanoGrotesque-SemiBold.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque-Light';
    src: url('../font/GalanoGrotesque-Light.eot');
    src: url('../font/GalanoGrotesque-Light.eot') format('embedded-opentype'),
        url('../font/GalanoGrotesque-Light.woff2') format('woff2'),
        url('../font/GalanoGrotesque-Light.woff') format('woff'),
        url('../font/GalanoGrotesque-Light.ttf') format('truetype'),
        url('../font/GalanoGrotesque-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque-Bold';
    src: url('../font/GalanoGrotesque-Bold.eot');
    src: url('../font/GalanoGrotesque-Bold.eot') format('embedded-opentype'),
        url('../font/GalanoGrotesque-Bold.woff2') format('woff2'),
        url('../font/GalanoGrotesque-Bold.woff') format('woff'),
        url('../font/GalanoGrotesque-Bold.ttf') format('truetype'),
        url('../font/GalanoGrotesque-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GalanoGrotesque';
    src: url('../font/GalanoGrotesque-Regular.eot');
    src: url('../font/GalanoGrotesque-Regular.eot') format('embedded-opentype'),
        url('../font/GalanoGrotesque-Regular.woff2') format('woff2'),
        url('../font/GalanoGrotesque-Regular.woff') format('woff'),
        url('../font/GalanoGrotesque-Regular.ttf') format('truetype'),
        url('../font/GalanoGrotesque-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


body, html, .container, .content, section {/*height: 100%;*/margin: 0;padding: 0;font-family: 'GalanoGrotesque', sans-serif;}


/*-- fontawesome --*/
.fa {display: inline-block;font:normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size:23px;}
.fa-bars:before {content: "\f0c9";font-size:25px;color:#fff;}
.fa-times:before {content: "\f00d";font-size:25px;}
.fa-long-arrow-right {font-size:20px;margin: 0px 0 0 6px;float: right;}
.fa-long-arrow-right:before {content: "\f178";}
.fa-angle-double-right:before {content: "\f101";}
.fa-arrow-right:before {content: "\f061";font-size:13px;color:#999;-webkit-text-stroke:1px #fff; margin-left: 3px;}

#footer .sociallink {width:100%;text-align:center;border-top:1px solid #e0e0e0; padding: 5px 0 10px 0;}
#footer .sociallink li {list-style:none;display:inline-block;padding:10px 30px;}
#footer .sociallink li a {font-size:26px;color:#999;text-decoration:none;}
#footer .footerlink {width:100%;text-align:center;border-bottom:1px solid #b9b9b9; padding:26px 0;}
#footer .footerlink li {list-style:none;display:inline-block;padding:5px 0 20px 0;margin-bottom: 15px;}
#footer .footerlink li a {font-size:14px;color:#676766;text-decoration:none;}
#footer .sociallink li a:hover , #footer .footerlink li a:hover {color:#002532;}

/*-- Common Style ---*/
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}
.MT10 {margin-top:10px !important;}
.MT50 {margin-top:50px !important;}
.MT80 {margin-top:80px !important;}
.MB18 {margin-bottom:18px !important;}
.mainWrap {width:1280px;margin:0 auto;}

#part-bg, #product-bg, #whyAgl-bg, #acct-bg, #knowledge-bg, #abans-group-bg, #product-banner, #globl-eqtbg {height:550px;background-attachment: fixed;background-size:cover;position: relative;z-index: -64;background-repeat:no-repeat;}
#part-bg {background-image: url(../image/partnerBg.jpg);background-position:center -300px;}
#product-bg {background-image: url(../image/product-bg.jpg);background-position:center -170px;}
#whyAgl-bg {background-image:url(../image/whyAgl-bg.jpg);background-position:center center;}
#acct-bg {background-image:url(../image/acct-bg.jpg);background-position:center -415px;}
#knowledge-bg {background-image:url(../image/knowledge-bg.jpg);background-position:center -100px;}
#abans-group-bg {background-image:url(../image/abans-group-bg.jpg);background-position:center -100px;}
#product-banner {background-image:url(../image/product-banner.jpg);background-position:center -100px;}


.cl1 {float: left;width: 10%;}
.cl2 {float: left;width: 20%;}
.cl3 {float: left;width: 30%;}
.cl4 {float: left;width: 40%;}
.cl5 {float: left;width: 50%;}
.cl6 {float: left;width: 60%;}
.cl7 {float: left;width: 70%;}
.cl8 {float: left;width: 80%;}
.cl9 {float: left;width: 90%;}
.cl10 {float: left;width: 100%;}



/*--header--*/
.header {}
#bannerWrap {max-height:850px;overflow:hidden;position:relative;}
#InbannerWrap {max-height:550px;overflow:hidden;position:relative;}
#InbannerWrap .video-overlay {background-color: rgba(2,72,105,.40);}

video {position:relative; min-width: 100%; min-height:auto; width: 100%; height: auto; z-index: -100;/*top:50%;left:50%;transform: translateX(-50%) translateY(-50%);top: -142px;*/background: url() 0 0 no-repeat;background-size:cover;transition:1s opacity;top: -75px;}
.video-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(2,72,105,.35); z-index:-50;}
#header-sroll {position:fixed;height:100px;left:0;top:0;float:left;width:100%;z-index:999;}
#header-sroll.small {background:#002532;height:auto;padding-bottom:14px;}
#header-sroll.small .logo img {height:100px;}
#header-sroll .logo img {height:100px;}
#header-sroll.small .headRw1 {margin:12px 0 10px 0;padding:0 0 10px 0;}
#header-sroll.small .acctWrap {margin: 5px 0;}
#header-sroll.small nav ul li a:before {top:-11px;}
#header-sroll.small .nav-dropdown:before {top:-41px;}



.prodVid {margin-top:-70px;}

.breadcrumb {list-style:none;color:#6d6d6d;font-size:14px;font-weight:100;margin:12px 0 -20px 0;border-bottom:1px dashed #e3e3e3;padding-bottom: 10px;}
.breadcrumb li {display:inline-block;padding-right:8px;}
.breadcrumb li:after {content:"/";padding-left:10px;color:#ccc;}
.breadcrumb li:last-child {/*font-weight:bold;*/color:#999;}
.breadcrumb li:last-child:after {content:"";}
.breadcrumb li a {text-decoration:none;color:#ccc; text-decoration:none;color:#6d6d6d;font-size:13px;position:relative;overflow: hidden;-webkit-transition:.5s;transition:.5s;}
.breadcrumb li a:after {position: absolute;-webkit-transition: .5s;transition: .5s;content: '';width: 0;left: 50%;bottom: 0;height:1px;background:#666; right: 0;left: auto;}
.breadcrumb li a:hover:after {width: 100%;left: 0;}




.headRw1 {margin:25px 0 12px 0;border-bottom:1px solid rgba(255, 255, 255, .4);padding:0 0 20px 0;float:left;width:100%;}
.logo {float:left;}
.acctWrap {float:right;margin:10px 0;display: none;}
.acctWrap ul {padding:0;margin:0;}
.acctWrap ul li {padding:0;margin:0;display:inline-block;list-style:none;}
.acctWrap ul li a {font-size:14px;color:#fff;text-decoration:none;margin:0 5px;border:2px solid #eda342;padding:2px 11px 8px 11px;background:none;}
.acctWrap ul li a:hover {background:#eda342;color:#fff;}
.acctWrap ul li:last-child a:hover {border:2px solid #eda342;padding:2px 11px 8px 11px;background:none;color:#fff;}
.acctWrap ul li:last-child a {background:#eda342;color:#fff;border:2px solid #eda342;}


.nav-container {}
nav {float:left;}
nav ul {list-style: none;margin: 0;padding: 0;}
nav ul li {float: left;position: relative;text-transform:uppercase;font-size:14px;letter-spacing:2px;border-right:1px solid rgba(255, 255, 255, .4);padding:0 20px;font-family: 'GalanoGrotesque',sans-serif;}
nav ul li:first-child {padding-left:8px;}
nav ul li:last-child {padding-right:0;border:0;}

nav ul li a {/*position: relative;*/}
nav ul li a:before {content: "";position: absolute;width:100%;height:3px;top:-13px;left:0;background-color:#eda342;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
nav ul li a:hover:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);}

.nav-dropdown:before {content: "";position: absolute;width:100%;height:3px;top:-39px;left:0;background-color:#eda342;visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.nav-dropdown:after {content: "";position: absolute;width:100%;height:3px;top:0;left:0;background-color:#eda342;visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}


nav ul li a, nav ul li a:visited {display:block;color:#fff;text-decoration: none;}
/*nav ul li a:hover, nav ul li a:visited:hover {border-top:3px solid #3abca7;}*/
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {padding-left: 4px;content: ' ▾';}
.nav-dropdown {position: absolute;display: none;z-index: 1;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);background: rgba(255, 255, 255, 0.25);margin-top: 10px;width:100%;left:0;}
nav ul li ul li {width:100%;padding:0 !important;border-bottom: 1px solid rgba(255, 255, 255, .4); border-right: 0;}
nav ul li ul li a {padding:10px;line-height: 20px;}
nav ul li ul li a:before  {height:0;width:0;}
nav ul li ul li a:hover {background: rgba(255, 255, 255, 0.25);}
/* Mobile navigation */
.nav-mobile {display: none;position: absolute;top:15px;right:8px;/*background: #262626;*/height: 70px;width: 70px;transition: all 300ms ease-in-out;}
.small .nav-mobile {top:-4px;}
#header-sroll.small .nav-dropdown {box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);background:#002532;margin-top:14px;}


#nav-toggle {position: absolute;left: 18px;top: 22px;cursor: pointer;padding: 10px 35px 16px 0px;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor: pointer;border-radius: 1px;height: 5px;width: 35px;background: #ffffff;position: absolute;display: block;content: '';transition: all 300ms ease-in-out;}
#nav-toggle span:before {top: -10px;}
#nav-toggle span:after {bottom: -10px;}
#nav-toggle.active span {background-color: transparent;}
#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0;}
#nav-toggle.active span:before {transform: rotate(45deg);}
#nav-toggle.active span:after {transform: rotate(-45deg);}

.bannerCnt {float:left;margin:15% 0 0 0;width:100%;position:absolute;top:0;z-index:9;}
.banTag {float:left;width:450px;}
.banTag h1, #InbannerWrap .bannerCnt h1 {font-size:75px;font-weight:100;font-family: 'GalanoGrotesque-Bold',sans-serif;color:#fff;line-height:60px;margin:35px 0 30px 0;text-shadow:1px 1px 2px #002532;}
.banTag h4, #InbannerWrap .bannerCnt h4 {font-size:24px;font-weight:100;font-family: 'GalanoGrotesque-Light',sans-serif;color:#fff;line-height:24px;text-shadow:1px 1px 2px #002532;}

#InbannerWrap .bannerCnt {text-align:center;}
#InbannerWrap .bannerCnt h1 {margin: 35px 0 40px 0;}
#InbannerWrap .bannerCnt h1:after{content:'';position:absolute;left:0;right:0;top:105px;margin:18px auto;width:34px;height:2px;background:#fff;}


/* Table Styles */
/*.table-wrapper{margin:5px;float:right;color:#fff;}
.fl-table {border: none;border-collapse: collapse;max-width: 100%;white-space: nowrap;background: rgba(2, 72, 105, 0.53);display:block;padding:25px;}
.fl-table td, .fl-table th {text-align: center;padding:8px;width:70px;}
.fl-table td {font-size:14px;font-weight:normal;}
.fl-table thead th {font-weight:600;border-bottom:1px solid #fff;font-size:17px;}
.fl-table thead th:nth-child(odd) {color: #ffffff;background: #324960;}
.fl-table tr:nth-child(even) { background: #F8F8F8;}*/

/* Table Styles */
.table-wrapper{margin:0 40px;float:right;/*width:650px;*/color:#fff;display:none;}
.spredRed {background-color:#b32620;}
.spredGreen {background-color:#67b20b;}
.spredRed, .spredGreen {padding: 8% 5%; width: 90%;float: left;margin-top: -7%;}
.ui-jqgrid { /*position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;touch-action: manipulation;border: none; border-collapse: collapse; max-width: 100%; white-space: nowrap;  */  background: rgba(2, 72, 105, 0.53); display: block;padding:0 4%;width:100% !important;}
/*.ui-jqgrid div { line-height: normal}*/
.ui-jqgrid table {border-collapse: separate;border-spacing: 0;border-width: 0;border-style: none;width:100% !important;}
.ui-jqgrid .ui-jqgrid-htable th {font-weight: 600;border-bottom: 1px solid #fff;font-size: 17px;padding-bottom:15px !important;}
.ui-jqgrid table td {font-size:14px;}
.ui-jqgrid-view, .ui-jqgrid-hdiv, .ui-jqgrid-bdiv {width:100% !important;}
.ui-jqgrid .ui-jqgrid-htable th, .ui-jqgrid table td {text-align:center;padding:5px 3px;width:70px !important;float:left;}

.cntHeader {width:100%;text-align:center;margin:0 auto;}
.cntHeader h2, .cntHeaderN h2 {font-family:'GalanoGrotesque-Medium',sans-serif;font-size:28px;color:#002532;text-transform:uppercase;position: relative;display:inline-block;margin-bottom:30px;}
.cntHeader h2:after, .cntHeaderN h2:after {content:'';position:absolute;left:0;right:0;top:40px;margin:18px auto;width:34px;height:2px;background:/*#c79d55*/#ccc;}
.cntHeader h2 span, .cntHeaderN h2 span {font-family:'GalanoGrotesque-light',sans-serif;}
.cntHeader p {font-family:'GalanoGrotesque',sans-serif;font-size:16px;color:#666;text-align:center;margin:25px auto;padding:0;line-height: 25px;}

.leftcntHeader {width:100%;text-align:left;margin:0 auto;}
.leftcntHeader h2 {font-family:'GalanoGrotesque-Medium',sans-serif;font-size:28px;color:#002532;text-transform:uppercase;position: relative;display:inline-block;margin-bottom:30px;}
.leftcntHeader h2:after{content:'';position:absolute;left:0;right:0;top:40px;margin:15px 0;width:34px;height:2px;background:/*#c79d55*/#ccc;}
.leftcntHeader h2 span {font-family:'GalanoGrotesque-light',sans-serif;}
.leftcntHeader p {font-family:'GalanoGrotesque',sans-serif;font-size:16px;color:#666;width:85%;text-align:left;padding:0;line-height: 25px;}


p {width:100%;}
.innercnt2 {margin:40px 0;float: left;width: 100%;}


#about, #newsArt, .innercnt, #CustomerSupport {margin: 80px 0;float: left;width: 100%;}
#about-sec article {background:#f8f8f8;width:225px;float:left;margin:45px 8px;text-align:center;padding:30px 10px;min-height:232px;}
#about-sec article h3 {color:#024869;font-size:19px;text-transform:uppercase;font-family:'GalanoGrotesque-Light',sans-serif;margin:30px 0;min-height: 50px;}
#about-sec article a {color:#024869;font-size:16px;text-transform:uppercase;font-family:'GalanoGrotesque-semibold',sans-serif;text-decoration:none;padding: 0 8px 5px 8px;}
/*#about-sec article a:hover {background:#eda341;color:#fff;font-family:'GalanoGrotesque-Light',sans-serif;}*/
#about-sec .owl-item:last-child article  {margin-right:0;}
#about-sec article a span {margin:0;}
#about-sec article a span:after {content: ' \00BB';font-size:28px;position:relative;top:2px;font-family:'GalanoGrotesque',sans-serif;}
#about-sec article a:hover span {margin:0 -15px 0 15px; }
#about p {width:85%;font-size: 20px;}
#about-sec article:hover {background:/*#3abca7*/ #0273ab;}
#about-sec article a:hover, #about-sec article:hover h3, #about-sec article:hover a {color:#fff;}

.fca-icn {background:url(../image/sprite.png) -15px -10px no-repeat; display:block;width:64px;height:85px;margin:0 auto;}
#about-sec article:hover .fca-icn {background-position:-15px -95px}
.supprt-icn {background:url(../image/sprite.png) -107px -10px no-repeat; display:block;width:70px;height:85px;margin:0 auto;}
#about-sec article:hover .supprt-icn {background-position:-107px -95px}
.spred-icn {background:url(../image/sprite.png) -208px -10px no-repeat; display:block;width:62px;height:85px;margin:0 auto;}
#about-sec article:hover .spred-icn {background-position:-208px -95px}
.fast-icn {background:url(../image/sprite.png) -300px -10px no-repeat; display:block;width:70px;height:85px;margin:0 auto;}
#about-sec article:hover .fast-icn {background-position:-300px -95px}
.desk-icn {background:url(../image/sprite.png) -399px -10px no-repeat; display:block;width:64px;height:85px;margin:0 auto;}
#about-sec article:hover .desk-icn {background-position:-399px -95px}

.brand-icn {background:url(../image/sprite.png) -593px -6px no-repeat; display:block;width:75px;height:85px;margin:0 auto;}
.client-icn {background:url(../image/sprite.png) -497px -7px no-repeat; display:block;width:62px;height:85px;margin:0 auto;}
.margin-icn {background:url(../image/sprite.png) -704px -5px no-repeat; display:block;width:62px;height:85px;margin:0 auto;}

.funds-icn {background:url(../image/sprite.png) -789px -1px no-repeat; display:block;width:75px;height:90px;margin:0 auto;}
#about-sec article:hover .funds-icn {background-position: -789px -95px}
.balProt-icn {background:url(../image/sprite.png) -888px -1px no-repeat; display:block;width:71px;height:89px;margin:0 auto;}
#about-sec article:hover .balProt-icn {background-position: -888px -95px}
.education-icn {background:url(../image/sprite.png) -983px -5px no-repeat; display:block;width:67px;height:85px;margin:0 auto;}
#about-sec article:hover .education-icn {background-position: -983px -95px}


#CustomerSupport p {text-align:justify;}

/*transition*/
.logo, .acctWrap, .headRw1, .navigation, #about-sec article a span, #platforms article, #platforms article a, #newsArt article a span, #newsArt .morenews, .fca-icn, .supprt-icn, .spred-icn, .fast-icn, #about-sec, .desk-icn, .funds-icn, .balProt-icn, .education-icn {-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
/*transition*/

#platforms {background:url(../image/platformBg2.jpg) center 0 no-repeat;width:100%;padding:0 0 45px 0;float:left;height:650px;background-size:cover;}
#platforms .cntHeader {text-align:left;margin:60px 0 35px 0;}

#platforms .cntHeader h2 {color:#4fb0c9;font-size:35px;line-height:38px;font-weight: 800;letter-spacing: 1px;}
#platforms .cntHeader h2  span {color:#fff;font-weight:100;}
#platforms .cntHeader h2:after {height:0;}

#about .owl-theme .owl-dots {padding:0;top: 47%;}
#about .owl-theme .owl-nav [class*='owl-'] {background:none;border:0;}
#about .owl-nav span {color:#ccc;}
#about .owl-nav button.owl-prev {left: -34px;}
#about .owl-nav button.owl-next {right: -34px;}





.platformtab {width:100%;float: none; list-style: none; padding: 0;}
.platformtab:after {content: '';display: table; clear: both;}
.platformtab input[type=radio] { display:none;}
.platformtab label {display: block;float: left;width:120px;text-align: center;cursor: pointer;-webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */transition: all 0.5s;font-size:20px;text-transform:uppercase;font-family:'GalanoGrotesque-semibold',sans-serif;padding:5px 30px 10px 10px;margin:0;text-transform:uppercase;background:#eff0f2;color:#888;}
.platformtab label span {display: inline-block;}
.platformtab label i {margin-right:7px;color: #0273aa;}
.platformtab label:hover {color: #fff;background:#eda342;}
.platformtab label:hover i, .platformtab [id^="tab"]:checked + label i {color: #fff;}
.platformtab-content {display: none;width: 100%;float: left;padding:25px 10px; box-sizing: border-box;font-family: 'GalanoGrotesque',sans-serif; font-size: 16px;color: #fff;text-align:left;line-height:1.5;text-align:justify;}

.platformtab-content * {-webkit-animation: scale 0.7s ease-in-out;-moz-animation: scale 0.7s ease-in-out;animation: scale 0.7s ease-in-out;}
@keyframes scale {
  0% {transform: scale(0.9); opacity: 0; }
  50% {transform: scale(1.01);opacity: 0.5;}
  100% {transform: scale(1);opacity: 1;}
}
.platformtab [id^="tab"]:checked + label {background:#0273aa;color: #fff;}
#tab1:checked ~ #tab-content1, #tab2:checked ~ #tab-content2, #tab3:checked ~ #tab-content3 {display: block;}
@media (min-width: 768px) {
    .platformtab i { padding: 5px;margin-right: 10px;}
    .platformtab label span {display: inline-block;}
}
.platformtab ul {font-family:'GalanoGrotesque',sans-serif;font-size:15px;margin:22px 0 30px 24px;}
.platformtab ul li {line-height:20px;list-style:none;position:relative;padding: 0 0 10px 0;}
.platformtab ul li:before {content: "";position: absolute;left: -20px; top:1px;width: 0; height: 0; border: 5px solid transparent; border-bottom-color:#eda341;}
.platformtab ul li:after {content: ""; position: absolute;left: -20px;top:11px;width: 0;height: 0; border: 5px solid transparent; border-top-color:#eda341;}

.platformtab .MTcl1 {float:left;width:30%;}
.platformtab .MTcl2 {float:left;width:70%;text-align:right;margin-top:-100px;}

.dwnBtn {float:left;}
.dwnBtn a {padding:10px 20px; float: left;border-radius: 3px;margin:10px 20px 0 0;line-height: 36px;text-decoration: none;background: -webkit-gradient(linear, right top, left top, color-stop(50%, #0183a3), color-stop(50%, #eda341));background: linear-gradient(to left, #0183a3 50%, #eda341 50%);background-size: 200% 100%;background-position: right bottom;cursor: pointer;-webkit-transition: all ease .3s;transition: all ease .3s;color: #fff;}
.dwnBtn a:hover {background-position: left bottom;color: #002c39;}
.dwnBtn a i {font-size:30px;margin:0 10px 0 0;float:left;}

/*--- Step Form ------------------*/
#multistepsform {width:1000px;margin:50px auto;text-align: center;position: relative;}
#multistepsform fieldset {background: white;border: 0 none;border-radius: 3px;/*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);*/padding: 20px 30px;box-sizing:border-box;width: 80%;margin:0;position: relative;}
#multistepsform fieldset:not(:first-of-type) {display: none;}

/*#multistepsform input, #multistepsform textarea {padding:8px 12px 10px 15px;border:1px solid #dbdbdb;border-radius: 3px;margin:6px;width: 48%;box-sizing: border-box;color: #2c3e50;font-size: 15px;float: left;}*/
#multistepsform input:focus, #multistepsform textarea:focus {border-color:#43a047;outline: none;color: #637373;}

#multistepsform .action-button {width: 100px;background: #ff9a76;font-weight: bold;color: #fff;transition: 150ms;border: 0 none;border-radius: 1px;cursor: pointer;padding: 10px 5px;margin: 10px 5px;float: none;}
#multistepsform .action-button:hover, #multistepsform .action-button:focus {box-shadow: 0 0 0 2px #f08a5d, 0 0 0 3px #ff976;color: #fff;}
#multistepsform .fs-title {font-size: 18px;text-transform: uppercase;color: #2c3e50;margin-bottom: 30px;}
#multistepsform .fs-subtitle {font-weight: normal;font-size:15px;color: #666;margin-bottom: 20px;}
#multistepsform #progressbar {margin-bottom:10px;/*overflow: hidden;*/counter-reset: step;height: 60px;}
#multistepsform #progressbar li {list-style-type: none;color: #679b9b;font-size:15px;width: 33.33%;float: left;position: relative;}
#multistepsform #progressbar li:before {content: counter(step);counter-increment: step;width:29px;line-height:22px;display: block;font-size:20px; color: #fff;background: #679b9b;border-radius: 3px;margin: 0 auto 5px auto;padding-bottom: 7px;}
#multistepsform #progressbar li:after {content: "";width: 100%;height: 2px;background: #679b9b;position: absolute;left: -50%;top:15px;z-index: -1;}
#multistepsform #progressbar li:first-child:after {content: none;}
#multistepsform #progressbar li.active {color: #eda342;}
#multistepsform #progressbar li.active:before, #multistepsform #progressbar li.active:after {background:#eda342;color: white;}


#multistepsform input, #multistepsform textarea, #multistepsform select {outline: none;border: none; background: none;}
#multistepsform .form-row {width:44%;float: left;padding: 0 3%;height: 80px;}
#multistepsform .form-row > label, #multistepsform .form-row .label-row > label {display: inline-block; box-sizing: border-box; color: #5F5F5F;width:100%; text-align: left;vertical-align: top;margin:15px 0 0 3px;font: bold 15px sans-serif;}
#multistepsform .form-row .label-row {width: 100%;margin:30px 0;}
#multistepsform .form-row .label-row > label {width: 85%;float: left; margin: 0;}
#multistepsform .form-row > label .subtitle {display: inline-block; box-sizing: border-box; color: #bdbdbd;width:100%; text-align: left;vertical-align: top;margin:0;font: 100 13px sans-serif;}
#multistepsform .form-row > label span {font-size: 14px; color: red; margin-right: -9px;}
#multistepsform input, #multistepsform textarea, #multistepsform select {color: #5f5f5f;box-sizing: border-box;width:100%;padding:10px 12px 5px 3px;border-bottom:2px solid #eee;font-size: 15px;font-family: sans-serif;float: left;-webkit-transition:.5s;transition:.5s}
#multistepsform input::placeholder, #multistepsform textarea::placeholder, #multistepsform select::placeholder {color:#bdbdbd;}
#multistepsform select {padding:10px 12px 5px 0; }

#multistepsform .title {color:#535353;font-size:15px;font-weight:bold;margin:30px 0 10px 3%;background:#f0f0f0;padding:8px 20px;float: left;width: 90%;}
#multistepsform input[type=checkbox] {width: 20px; float: left; margin: 2px 10px 0 0;}



#paymentMet {background:#f8f8f8;padding: 80px 10px;}
#paymentMet a {background:#fff;text-align:center;float:left;margin:50px 0 25px 0;}
#paymentMet img {width:80%;}


#newsArt {}
#newsArt article {background:#fff;box-shadow: 0px 2px 30px #e1e1e1;padding: 20px 30px;float: left;margin: 60px 22px; width: 25%;min-height: 60px;font-family:'GalanoGrotesque-semibold',sans-serif;}
#newsArt article h4 {color:#002532;font-size:16px;height:55px;}
#newsArt article a {color:#0273aa;font-size:15px;text-transform:uppercase;text-decoration:none;width: 100%;float: left;}
.long-arrow-right {display: block;width: 9px;height: 9px;border-top: 1px solid #0273aa;border-left: 1px solid #0273aa;float: right;}
.long-arrow-right {transform: rotate(135deg);}
.long-arrow-right::after {content: "";display: block;width:1px;height:20px;background-color: #0273aa;transform: rotate(-45deg) translate(6.6px, 2px);left: 0;top: 0;}
#newsArt article a span {margin: 6px 25px 0 0;}
#newsArt article a:hover span {margin: 6px 0 0 0; }
#newsArt .morenews {color:#0273aa;font-size:16px;text-transform:uppercase;text-decoration:none;float: right;margin:10px 30px;font-family:'GalanoGrotesque-semibold',sans-serif;}
#newsArt .morenews:hover {margin:0 30px 20px 0;}


#createAcct {height:230px;margin-top:20px;display: none;}
#createAcct .cl1, #createAcct .cl2 {float:left;width:50%;height:100%;text-align:center;transition: all 0.3s ease-in-out;}
#createAcct .cl1 {background-color:#002532;position: relative;background-size:cover;background-position:0 85%;}
#createAcct .cl2 {background:url(../image/createliveBg.jpg) 0 0 no-repeat #002532;background-size:cover;position: relative;}

#createAcct h2 {font-family:'GalanoGrotesque-light',sans-serif;font-size:38px;color:#fff;text-transform:uppercase;position: relative;display:inline-block;margin:8% 0 6% 0;width:100%;}
#createAcct h2 span {font-family:'GalanoGrotesque-semibold',sans-serif;}
#createAcct a {text-decoration:none;text-transform:uppercase;color:#fff;font-family:'GalanoGrotesque-semibold',sans-serif;font-size:16px;border:2px solid #fff;padding:7px 23px 12px 23px;}

#createAcct .cl1:hover {background-image:url(../image/createdemoBg.jpg);}
#createAcct.cl1:hover ~ #createAcct .cl2 {background-image:none;}
#createAcct .cl2:before {}

#globl-eqt .bannerCnt {text-align: left;margin: 11% 0 0 0;}
#globl-eqtbg {background: url("../image/globl-EqutiesBg.png") no-repeat left 20% bottom -30px #024869; }
#globl-eqt #InbannerWrap .bannerCnt h1 {font-size: 55px;font-family: 'GalanoGrotesque';}
#globl-eqt #InbannerWrap .bannerCnt h1:after {height: 0px;}
#globl-eqt #InbannerWrap {max-height: 600px;}
#globl-eqt #globl-eqtbg {height: 600px;}
#globl-eqt .bannerCnt h4 {position: relative;}
#globl-eqt .bannerCnt h4:after {content: '';position: absolute;left: 0;top: 100%; margin:30px auto;width: 45px;height:3px; background:#eda342;}
#globl-eqt .cntHeaderN {text-align: left;}
#globl-eqt .cntHeaderN h2:after{top: 80px;margin: 0;width: 40px;height: 3px;}
.gEqt-points {display: inline-block;}
.gEqt-points ul li {background: #f5f7f7;color:#505050;text-decoration: none;font-size:20px;list-style: none;width: 360px;padding:18px 20px;display:table;height: 50px;margin: 10px;float: left;border-radius: 8px;line-height:22px;}
.gEqt-points ul li img {display:table-cell;vertical-align: middle;margin: 0 15px 0 0;}
.gEqt-points ul li span {display: table-cell;vertical-align: middle;width: 80%;}


.typing{display:block;color:#05ccc2;font-size: 18px;font-weight: 100;margin:80px 0 0 0;width:600px;line-height: 22px;}
.typing::after {content: '';height: 100%;padding: 2px;margin-left:5px;background-color:#05ccc2;animation: typing 1.2s ease infinite;}
span.typed-cursor {display:none;}
@keyframes typing {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
#typer {margin:65px 0 0 0;width:470px;font-size:21px;color: darkturquoise;font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";}




/* Owl Carousel - Core*/
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */position: relative;z-index: 1; }
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;-moz-backface-visibility: hidden;/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;/* fix for flashing background */-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);   -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative;min-height: 1px;float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
/*.owl-carousel .owl-item img { display: block; width: 100%; }*/
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {cursor: pointer;cursor: hand; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none;    -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded {    display: block; }
.owl-carousel.owl-loading {    opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item {visibility: hidden; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab {cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
/* No Js */
.no-js .owl-carousel {display: block; }
/* Owl Carousel - Animate Plugin*/
.owl-carousel .animated {animation-duration: 1000ms;animation-fill-mode: both; }
.owl-carousel .owl-animated-in {z-index: 0; }
.owl-carousel .owl-animated-out {z-index: 1; }
.owl-carousel .fadeOut {animation-name: fadeOut; }
@keyframes fadeOut {
0% {opacity: 1; }
100% {opacity: 0; } }
/*	Owl Carousel - Auto Height Plugin*/
.owl-height {transition: height 500ms ease-in-out; }
/*Owl Carousel - Lazy Load Plugin*/
.owl-carousel .owl-item .owl-lazy {opacity: 0;transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; }
/*	Owl Carousel - Video Plugin*/
.owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000; }
.owl-carousel .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;background: url("") no-repeat;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {-ms-transform: scale(1.3, 1.3);transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {display: none; }
.owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: contain;transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {position: relative;z-index: 1;height: 100%;width: 100%; }
.owl-theme .owl-nav {-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {color: #FFF;font-size: 14px;margin: 5px;padding: 4px 7px;background: #D6D6D6;display: inline-block;cursor: pointer;width:32px;}
.owl-theme .owl-nav [class*='owl-']:hover {background: #869791;color: #FFF;text-decoration: none; }
.owl-theme .owl-nav .disabled {opacity: 0.5;cursor: default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px; }
.owl-theme .owl-dots {text-align: center;-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;*display: inline; }
.owl-theme .owl-dots .owl-dot span {}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #002532; }

.owl-nav button {position: absolute;top: 50%;background-color: #002532;color: red;margin: 0;transition: all 0.3s ease-in-out;}
.owl-nav button.owl-prev {left: 0;}
.owl-nav button.owl-next {right: 0;}
.owl-dots {text-align:center;padding-top: 15px;}
.owl-dots button.owl-dot {width: 10px;height: 10px;margin: 5px 2px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;transition: opacity 200ms ease;border-radius: 30px; border:0;padding:0;}
.owl-dots button.owl-dot.active {background-color: #002532;}
.owl-dots button.owl-dot:focus {outline: none;}
.owl-nav button {position: absolute;top: 50%;transform: translateY(-50%);}
.owl-nav span { font-size: 70px;position: relative;top: -5px;}
.owl-nav button:focus {outline: none;}

#paymentMet-sec {width:96%;margin:0 auto;}
#paymentMet-sec .owl-nav button {background-color:#3abca7;border: 0;height: 25px;width: 25px; border-radius: 30px;padding: 0;top: 45%;}
#paymentMet-sec .owl-nav span {font-size:30px;line-height:20px;}
#paymentMet-sec .owl-nav button.owl-prev {left: -45px;}
#paymentMet-sec .owl-nav button.owl-next {right: -45px;}
#paymentMet-sec .owl-nav button:hover {background-color:#eda341;}



.keyBenefits, .fcawrap {width:100%;padding:45px 0;float: left; height:auto;background:url(../image/world-map-dot.png) center center no-repeat #002532;}
.keyBenefits .leftcntHeader {margin: 0 0 0 12px;}
.keyBenefits .leftcntHeader h2 {color:#fff;}
.keyBenefits .leftcntHeader h2:after {background:#eda341;}
.keyBenefits article, .fcawrap article {width:28%;float:left;height:130px;margin: 0 30px;transition: transform 100ms ease; }
.keyBenefits article h5, .fcawrap article h5 {font-family:'GalanoGrotesque-light',sans-serif;font-size:16px;color:#fff;width:85%;text-align:left;padding:0;line-height:20px;margin:10px 0 0 0;}
.keyBenefits article div, .fcawrap article div {float:left;}
.keyBenefits article div img, .fcawrap article div img {width:75px;margin: 0 0 0 -5px;}
.keyBenefits article p, .fcawrap article p {color:#fff;font-size:15px;/*text-transform:uppercase;*/font-family:'GalanoGrotesque',sans-serif;padding:0;margin: 10px 0 0 18px;float: left;width:65%;text-align:left;}
/*.keyBenefits article:nth-child(4), .keyBenefits article:nth-child(5), .keyBenefits article:nth-child(6) {margin-top:35px;}*/
.keyBenefits article:hover, .fcawrap article:hover {-ms-transform: scale(1.1, 1.1);transform: scale(1.2, 1.2);}
.keyBenefits article:hover:nth-child(1) {-ms-transform: scale(1, 1);transform: scale(1, 1);}
.keyBenefits .cntHeader h2, .keyBenefits .cntHeader p {color:#fff;}
.keyBenefits .cntHeader {margin-bottom: 60px;}


.fcawrap {height:auto;background:url(../image/world-map-dot.png) center 50px no-repeat #002532;margin-top:-60px;}
.fcawrap article {height: 100px;padding: 0 5%;width: 35%;margin: 10px 32px;}
.fcawrap article p {font-size:18px;}

.addfeature {background:#f8f8f8;float:left;width:100%;color:#666;margin-top: 30px;}
.addfeature h4 {font-size:24px;text-transform:uppercase;font-family:'GalanoGrotesque',sans-serif;padding:0;margin: 10px 0;text-transform:uppercase;}
.addfeature ul {font-family:'GalanoGrotesque',sans-serif;font-size:16px;margin:22px 0 30px 24px;}
.addfeature ul li {line-height:20px;list-style:none;position:relative;padding: 0 0 8px 0;}
.addfeature ul li:before {content: "";position: absolute;left: -20px; top:1px;width: 0; height: 0; border: 5px solid transparent; border-bottom-color:#0273aa;}
.addfeature ul li:after {content: ""; position: absolute;left: -20px;top:11px;width: 0;height: 0; border: 5px solid transparent; border-top-color:#0273aa;}
.addfeature article {float:left;margin:-73px 0 0 0;width:50%;}
.addfeature article:nth-child(1), .addfeature article:nth-child(3){width:25%;}
.addfeature article:nth-child(2) {text-align:center;}

.Mt5tabs {width:100%;float: none; list-style: none; padding: 0;margin:100px auto;}
.Mt5tabs:after {content: '';display: table; clear: both;}
.Mt5tabs input[type=radio] { display:none;}
.Mt5tabs label {display: block;float: left;width:30%;text-align: center;line-height: 2;cursor: pointer;-webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */transition: all 0.5s;font-size:22px;text-transform:uppercase;font-family:'GalanoGrotesque',sans-serif;padding: 8px 0 11px 0;margin: 10px 20px;text-transform:uppercase;background:#f8f8f8;color:#024869;border: 1px solid #e4e4e4;}
.Mt5tabs label span {display: none;}
.Mt5tabs label i {margin-right:7px;color: #0273aa;}
.Mt5tabs label:hover {color: #fff;background:#3abca7;}
.Mt5tabs label:hover i, .Mt5tabs [id^="tab"]:checked + label i {color: #fff;}
.Mt5tab-content {display: none;width: 100%;float: left;padding:30px; box-sizing: border-box;background-color:#ffffff;font-family: 'GalanoGrotesque',sans-serif; font-size: 16px;color: #666;text-align:left;line-height: 25px;text-align:justify;margin-top: 30px;}

.Mt5tab-content * {-webkit-animation: scale 0.7s ease-in-out;-moz-animation: scale 0.7s ease-in-out;animation: scale 0.7s ease-in-out;}
@keyframes scale {
  0% {transform: scale(0.9); opacity: 0; }
  50% {transform: scale(1.01);opacity: 0.5;}
  100% {transform: scale(1);opacity: 1;}
}
.Mt5tabs [id^="tab"]:checked + label {background:#3abca7;border-bottom:1px solid #3abca7;color: #fff;}
#tab1:checked ~ #tab-content1, #tab2:checked ~ #tab-content2, #tab3:checked ~ #tab-content3 {display: block;}
@media (min-width: 768px) {
    .Mt5tabs i { padding: 5px;margin-right: 10px;}
    .Mt5tabs label span {display: inline-block;}
    .Mt5tabs {}
}

.MT5Wrap {float:left;width:100%;margin-bottom:10px;}

.Mt5tabs h2 {font-family: 'GalanoGrotesque',sans-serif;font-size: 28px;color: #002532;}
.Mt5tabs h3 {font-family: 'GalanoGrotesque-light',sans-serif;font-size: 20px;color: #666;margin: 5px 0 25px 0;}

.Mt5tabs ul {font-family:'GalanoGrotesque',sans-serif;font-size:16px;margin:22px 0 30px 24px;}
.Mt5tabs ul li {line-height:20px;list-style:none;position:relative;padding: 0 0 8px 0;}
.Mt5tabs ul li:before {content: "";position: absolute;left: -20px; top:1px;width: 0; height: 0; border: 5px solid transparent; border-bottom-color:#eda341;}
.Mt5tabs ul li:after {content: ""; position: absolute;left: -20px;top:11px;width: 0;height: 0; border: 5px solid transparent; border-top-color:#eda341;}

.Mt5tabs .MTcl1 {width:45%;float:left;;}
.Mt5tabs .MTcl2 {width:48%;float:left;margin:-105px 0 0 7%;text-align:center;}
/*.Mt5tabs .MTcl2 img {width:100%;}*/

.platformtab-content .dwnBtn a {padding:9px 20px 12px 20px; float: left;border-radius: 3px;margin:10px 20px 0 0;line-height:28px;text-decoration: none;background: -webkit-gradient(linear, right top, left top, color-stop(50%, #0183a3), color-stop(50%, #eda341));background: linear-gradient(to left, #0183a3 50%, #eda341 50%);background-size: 200% 100%;background-position: right bottom;cursor: pointer;-webkit-transition: all ease .3s;transition: all ease .3s;color: #fff;}
.platformtab-content .dwnBtn a:hover {background-position: left bottom;color: #fff;}
.platformtab-content .dwnBtn a i {font-size:30px;margin:0 10px 0 0;float:left;}

.slideCont {background: url(../image/chairman-bg.jpg) top center;border-bottom: 2px solid #ececec;border-top: 2px solid #ececec;width:100%;padding:35px 0;float: left; height:auto;text-align:center;}
.slideCont h5 {font-size:25px;line-height: 26px;color:#024869;margin: 0 0 25px 0;}
.slideCont p, .slideCont a {font-size: 18px;line-height: 26px;color:#666;}
.slideCont a {color:#0273aa;text-decoration:none;}

#spreadWarp {background:#f8f8f8;padding:80px 0;float:left;width: 100%;}
#spreadWarp .table-wrapper {float:left;margin:0;}



.aglwrap {width:100%;height:auto;float:left;background:#024869;}
.aglwrap .cl2 {width:44%;float:left;background:url(../image/aglwrapBg.jpg); height:316px;padding: 40px 0;margin: 0 auto;background-attachment: fixed; background-size: cover;}
.aglwrap .cl1 {padding:40px 5% 40px 10%;width:41%;float:left;}
.aglwrap .cl1 p {margin:20px auto;text-align: justify;color:#fff;}


.agwrap {width:100%;height:auto;float:left;background:#024869;}
.agwrap .cl2 {width:44%;float:left;background:url(../image/agbg.jpg) center right; height:350px;padding: 40px 0;margin: 0 auto;background-attachment: fixed; background-size: cover;}
.agwrap .cl1 {padding:40px 5% 40px 10%;width:41%;float:left;}
.agwrap .cl1 p {margin:20px auto;text-align: justify;color:#fff;}
.agwrap .cntHeader {text-align:left;}
.agwrap .cntHeader h2 {color:#fff;}
.agwrap .cntHeader h2:after {right:auto;background:#fff;}



#companies {margin:30px 0 10px 0;}
#companies article {text-align:center;/*margin:10px;*/padding:20px;text-decoration:none;display:inline-block;width:252px;height:210px;}
#companies article:after {content: "";background:#ececec;position:absolute;bottom:25%;left:0;height:45%;width: 1px;}
#companies img {border:2px solid #fff;/*border-radius:50%;*/}
#companies h4 {color:#102128;font-size:18px;margin:5px 0 10px 0;font-weight: 500;height: 45px;}
#companies a {font-family:'GalanoGrotesque',sans-serif;background-color: #002532;color:#fff;padding:11px 24px 13px 24px;border-radius:20px;display:inline-block;text-decoration: none;font-size:12px;margin:10px 0;line-height:14px;width:70px;}
#companies a:hover, #companies article .active {border:1px solid #002532;background-color:transparent;color:#002532;}
#companies article .active span {display:none;}
#companies article .active:after {content: "Know less";display: block;}
#companies article:hover, #companies .boxshd {}
#companies .boxshd img {border:2px solid #999;border-radius:50%;}


#companies .owl-theme .owl-dots {padding:0;top: 47%;}
#companies .owl-nav [class*='owl-'] {background:none;border:0;top: 40%;}
#companies .owl-nav span {color:#ccc;}
#companies .owl-nav button.owl-prev {left: -50px;}
#companies .owl-nav button.owl-next {right: -50px;}


.advntFIX {width:100%;float:left;}
.advntFIX .cl1, .advntFIX .cl2 {min-height:335px;float:left;background: #ececeb;padding:30px 50px;width:40%;margin:20px 14px;}
.advntFIX .cl1 {}
.advntFIX .cl2 {}
.advntFIX .cl1 ul {padding:5px 0;}
.advntFIX .cl1 ul li {padding:5px 0;list-style:none;width: 100%;float: left;}
.advntFIX .cl1 ul li i {margin:4px 15px 10px 0;color:#0273aa;float:left;display: inline-block;}
.advntFIX .cl1 ul li span {float:left;width:92%;}
.advntFIX .cl2 ul {padding-left:20px;}
.advntFIX .cl2 ul li {line-height:20px;list-style:none;position:relative;padding:3px 0 8px 8px;font-size:15px;}
.advntFIX .cl2 ul li:before {content: "";position: absolute;left: -20px; top:6px;width: 0; height: 0; border: 5px solid transparent; border-bottom-color:#024869;}
.advntFIX .cl2 ul li:after {content: ""; position: absolute;left: -20px;top:16px;width: 0;height: 0; border: 5px solid transparent; border-top-color:#024869;}

.notewrap .red {color:#da3d31;}
.notewrap p {font-size: 16px; margin: 10px 15px; color: #666;}
.notewrap h5 {font-size: 20px; margin: 35px 15px 16px 15px;color: #0273aa;}
.notewrap a {color:#da3d31;}



.grid {position: relative;clear: both;margin:50px auto;list-style: none;text-align: center;float:left;}
/* Common style */
.grid figure {position: relative;float: left;overflow: hidden;margin: 10px 8px;/* min-width: 230px; */width: 100%;height: 360px;width:240px;/* height: auto; */background: #3085a3;text-align: center;cursor: pointer;}
.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}
.grid figure figcaption {padding:45% 20px;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-box-sizing: border-box; box-sizing: border-box;}
.grid figure figcaption::before, .grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption, .grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;font-weight: 300;}
.grid figure h2 span {font-weight: 800;}
.grid figure h2, .grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px;font-size: 68.5%;}

figure.effect-ming {background: #002532;}
figure.effect-ming img {opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
figure.effect-ming figcaption::before {position: absolute;top:25%;right: 30px;bottom: 25%;left: 30px;border: 2px solid #fff;box-shadow: 0 0 0 150px rgba(0,37,50,0.2);content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale3d(1.4,1.4,1);transform: scale3d(1.4,1.4,1);background:url(../image/logobg.png) center center no-repeat;}
	
figure.effect-ming h2 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s; position: absolute; bottom: 0; left: 0; right: 0; background: #002532; color: #fff; padding:12px 0 18px 0;font-size:20px;}
figure.effect-ming p {padding:35px 5px;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.5);transform: scale(1.5);color:#fff;}
figure.effect-ming:hover h2 {-webkit-transform: scale(0.9);transform: scale(0.9);color:#fff;position:relative;background: none;font-size:24px;}
figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}

figure.effect-ming:hover figcaption {background-color: rgba(58,52,42,0);}
figure.effect-ming:hover img {opacity: 0.4;}
figure.effect-ming h2:after {height:0;}

/* Media queries */
@media screen and (max-width: 50em) {
	.content {padding: 0 10px;text-align: center;}
	.grid figure {display: inline-block;float: none;margin: 10px auto;width: 100%;}
}

.prdgrayBg {background:#f8f8f8;margin:20px 0 0 0 !important;padding: 10px 0 70px 0;}
.mapcnt {background:url("../image/mapBg.png") no-repeat 20% 0 #f8f8f8;margin:20px 0 0 0 !important;padding: 10px 0 10px 0;height:460px;}
.mapcnt h3 {font-family: 'GalanoGrotesque-Light';font-size:28px;text-transform: uppercase;/*line-height: 40px;*/ color: #002532;margin-top:26%;}


.prdtWrap {position: relative;margin:100px 0 10px 0;float:left;}
.prdtWrap .cntHeader {padding:50px 75px;background:#fff/*#0273aa*/;box-shadow:1px 1px 6px rgba(0,0,0,.2); z-index: 2;width:35%;margin:20px 0 0 7%;position:relative;float:left;}
.prdtWrap .cntHeader h3 {font-size:42px;color:#002532;}
.prdtWrap .cntHeader p {font-size:15px;line-height:23px;}
.prdtWrap .cntHeader p, .prdtWrap .cntHeader h3 {text-align:justify;}
.prdtImgWrap {width:54%;position: absolute;right:5%;top:-50px;z-index: 0;}
.prdtImgWrap img {width:100%;}
.prdCnt {width:88%;margin:20px 0 0 7%;text-align: justify;color: #666;float:left;}
.prdtWrap ul, .prdCnt ul {margin:0 0 0 22px;}
.prdtWrap ul li, .prdCnt ul li {line-height:20px;padding:3px 0 10px 2px;font-size:15px;text-align: left;color: #666;list-style-image:url(../image/AbanIcn.jpg);}
/*.prdtWrap ul li, .prdCnt ul li {line-height:20px;list-style:none;position:relative;padding:3px 0 8px 35px;font-size:15px;text-align: left;color: #666;}
.prdtWrap ul li:before, .prdCnt ul li:before {content: "";position: absolute;left: 5px; top:6px;width: 0; height: 0; border: 5px solid transparent; border-bottom-color:#0273aa;}
.prdtWrap ul li:after, .prdCnt ul li:after {content: ""; position: absolute;left:5px;top:16px;width: 0;height: 0; border: 5px solid transparent; border-top-color:#0273aa;}*/
.prdCnt h4 {margin: 35px 0 0 0; font-size: 20px;color: #002532;}

.prdtWrap .dwnBtn a {padding:2px 25px 7px 25px; float: left;border-radius: 3px;margin:10px 20px 0 0;line-height: 36px;text-decoration: none;background: -webkit-gradient(linear, right top, left top, color-stop(50%, #3abca7), color-stop(50%, #0273aa));background: linear-gradient(to left, #3abca7 50%, #0273aa 50%);background-size: 200% 100%;background-position: right bottom;cursor: pointer;-webkit-transition: all ease .3s;transition: all ease .3s;color: #fff;}
.prdtWrap .dwnBtn a:hover {background-position: left bottom;color: #fff;}


#beniIB, #beniwl {margin: 80px 0;float: left;width: 100%;}
#beniIB .cntHeader h2, #beniwl .cntHeader h2 {text-transform:capitalize;}
#beniIB-sec article {width: 190px; float: left;margin: 45px 8px;text-align: center; transition: all .2s;overflow: hidden;height:225px; padding:20px 25px;position: relative;background:#f8f8f8;}
#beniIB-sec article h3, #beniwl-sec article h3 {color: #666;font-size:14px;font-family: 'GalanoGrotesque-Light',sans-serif;margin: 30px 0;}
#beniIB-sec article:hover, #beniwl-sec article:hover {transform: scale(1.1);box-shadow:0px 1px 20px 7px rgba(29,49,68,.10);z-index: 9999;border-right: 0;background-color: #fff;text-align: center;}

#beniwl-sec {float:left;margin:40px 0 5px 0;}
#beniwl-sec article {width:250px;float:left;margin:10px;text-align:center; transition: all .2s;overflow: hidden;height:165px; padding:30px 25px;position: relative;background:#f8f8f8;}

.aildata p {border-bottom: 1px dashed #ccc;padding:0 0 20px 0;}
.aildata p:last-child {border:0;padding:0;}


/* Global Equt ------------------*/
.season_tabs {position: relative;min-height: 360px; /* This part sucks */clear: both;margin:50px auto;width: 1100px;}
.season_tab {float: left;clear: both;}
.season_tab label {position: relative;margin-left: -1px;cursor: pointer;border-radius: 15px;float: left; padding:10px 25px;left: 1px;width: 315px;height: 130px;}
.season_tab [type=radio] {display: none;}
.season_content {position: absolute;top: 0;left:50%;background: white;right: 0;bottom: 0;text-align: center;}
.season_content span {animation: 0.5s ease-out 0s 1 slideInFromTop;}
[type=radio]:checked ~ label {background: #f5f5f5; z-index: 2;}
[type=radio]:checked ~ label ~ .season_content {z-index: 1;}
.season_tab .numbr {font-family: 'GalanoGrotesque-SemiBold';color: #30c3d0;font-size: 140px;float: left;width: 100px;line-height: 76px;text-align: center;}
.season_tab .stpTxt {font-family: 'GalanoGrotesque-SemiBold'; color: #092531;font-size:22px; text-align: left;float: left;width: 200px;line-height:20px;    margin: 15px 0 0 10px;}
.season_tab .stpTxt span {font-family: 'GalanoGrotesque';color: #505050; font-size:19px;font-style: italic; margin-top:12px;float: left;width: 180px;}

.glbMob {background: #0273ab;color: #fff; padding: 30px 50px;border-radius: 30px;z-index: 4;position: relative;}
.glbMob h2, .glbweb h2 {color:#fff;}
.glbMob h2:after, .glbweb h2:after {top:50px !important;height: 2px !important;background: #fff;}
.glbweb {background:#024869;color: #fff; padding:100px 50px 40px 50px;margin: -65px 0 0 0; z-index: -1;}

.container { margin: 0 auto;padding:30px;}
.accordion .accordion-item {border-bottom: 1px solid #e5e5e5;}
.accordion .accordion-item button[aria-expanded=true] {border-bottom: 1px solid #024869;}
.accordion button {position: relative;display: block;text-align: left;width: 100%;padding: 1em 0;color: #7288a2;font-size:18px;font-weight: 400; border: none;background: none;outline: none;}
.accordion button:hover, .accordion button:focus { cursor: pointer;color: #024869;}
.accordion button:hover::after, .accordion button:focus::after {cursor: pointer;color: #024869;border: 1px solid #024869;}
.accordion button .accordion-title {padding: 1em 1.5em 1em 0;}
.accordion button .icon {display: inline-block;position: absolute;top: 18px;right: 0;width: 22px;height: 22px;border: 1px solid;border-radius: 22px;}
.accordion button .icon::before {display: block;position: absolute;content: "";top:10px;left:6px;width: 10px;height: 2px;background: currentColor;}
.accordion button .icon::after {display: block;position: absolute;content: "";top: 6px;left:10px;width: 2px;height: 10px;background: currentColor;}
.accordion button[aria-expanded=true] {color: #024869;}
.accordion button[aria-expanded=true] .icon::after {width: 0;}
.accordion button[aria-expanded=true] + .accordion-content {opacity: 1;max-height: 9em;transition: all 200ms linear;will-change: opacity, max-height;}
.accordion .accordion-content {opacity: 0;max-height: 0; overflow: hidden;transition: opacity 200ms linear, max-height 200ms linear;will-change: opacity, max-height;}
.accordion .accordion-content p {font-size: 1rem;font-weight: 300;margin: 2em 0;text-align: left;}


.responsive-tabs {}
.responsive-tabs dt {cursor: pointer;text-transform: capitalize;width:203px;padding:12px 0 16px 0;cursor: pointer;font-weight:300;font-size:16px;border:1px solid #002532;-webkit-border-radius:4px;border-radius:4px;text-align:center;margin:0 0 0 10px;color:#002532;background:-webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(50%, #0273ab));background: linear-gradient(to left, #fff 50%, #0273ab 50%);background-size: 200% 100%;background-position: right bottom;-webkit-transition: all ease .3s;transition: all ease .3s;}
.responsive-tabs dt:hover, .responsive-tabs .active  {background-position: left bottom;color: #fff;border-color: #0273ab;}
.responsive-tabs dt:first-child {margin-left:0;}
.responsive-tabs .active + dd {display: block;}
.responsive-tabs dd {display: none;padding: 0.5em;}
.responsive-tabs-placeholder { display: none; font-family: 'GalanoGrotesque',sans-serif; }
.responsive-tabs-placeholder h2 {font-size: 28px; color: #002532;margin:5px 0 30px 0;float:left;width:100%;}
.responsive-tabs-placeholder h4 {font-size:17px; color:#102128;margin:30px 0 8px 0;float:left;width:100%;}
.responsive-tabs-placeholder p, .responsive-tabs-placeholder ul li {font-size: 16px;color: #666;text-align: left;line-height:22px; text-align: justify; margin:0;float:left;width:100%;}
.responsive-tabs-placeholder ul {padding:0;margin: 10px 0 0 25px;float: left;}.responsive-tabs-placeholder ul {padding:0;margin: 10px 0 0 25px;float: left;}
.responsive-tabs-placeholder ul li {padding:5px 0 0 0;margin:0;position:relative;list-style:none;}
.responsive-tabs-placeholder ul li:before {content: "";position: absolute;left: -20px; top:8px;width: 0; height: 0; border: 5px solid transparent; border-bottom-color:#0273ab;}
.responsive-tabs-placeholder ul li:after {content: ""; position: absolute;left: -20px;top:18px;width: 0;height: 0; border: 5px solid transparent; border-top-color:#0273ab;}
.responsive-tabs-placeholder strong {color: #002532;}
.responsive-tabs-placeholder ul li ul li::after {border:0}
.responsive-tabs-placeholder ul li ul li::before {content: "";position: absolute;left: -25px;top:15px;height: 5px;width: 5px;border: 1px solid #eda342;border-width: 2px 2px 0 0;transform: rotate(45deg);}

.acctTble {width:100%;margin: 25px auto; float: left;}
.acctTble ul {display:flex;top:0px;z-index:10;}
.acctTble li {list-style:none;flex:1;}
.acctTble li:last-child {border-right:1px solid #DDD;}
.acctTble button {width:100%;cursor: pointer;border: 1px solid #DDD;border-right:0;border-top:0;padding:12px 20px; background:#0097CF;font-size:14px;color:#fff;text-transform: uppercase;}
.acctTble li.active button {background:#024869;color:#fff;}
.acctTble table { border-collapse:collapse; table-layout:fixed; width:100%; }
.acctTble tr:nth-child(odd) {background:#fff;}
.acctTble tr:nth-child(even) {background:#f8f8f8;}
.acctTble th { background:#f8f8f8; }
/*td, th {height:53px}*/ 
td+td, th+th {display:none;}
.acctTble td, .acctTble th { border:1px solid #DDD; padding:18px 40px; empty-cells:show; text-align:center; }
.acctTble tr td:first-child {text-align:left;}

.acctTble td.default {display:table-cell;}
.bg-purple {/*border-top:3px solid #024869#A32362*/;background:#024869 !important;color:#fff;}
.bg-blue {/*border-top:3px solid #0097CF;*/background:#0097CF !important;color:#fff;}
.bg-cyan {/*border-top:3px solid #3bbca8;*/background:#3bbca8 !important;color:#fff;}

.sep {background:#F5F5F5;font-weight:bold;}
.redA {color:#da3d31;}
.txt-hd {font-size: 22px;font-weight: 600;text-transform: uppercase; }
.txt-l { font-size:20px; font-weight:bold; }
.txt-top { position:relative; top:-9px; left:-2px; }
.tick { font-size:18px; color:#2CA01C; }
.cross { font-size:18px; color:#a02c1c; }
.hide { /*border:0; background:none;*/}
.acctTble .dwnBtn a {padding: 18px 20px 24px 20px;margin: 10px 0 7px 35px;line-height: 0;}

@media (min-width: 640px) {
 .acctTble  ul {display:none;}
 .acctTble td, .acctTble th {display:table-cell !important;}
  .acctTble td, .acctTble th {width: 330px;}
  .acctTble td, .acctTble td, .acctTble th, .acctTble th {width: auto;}
}



@media only screen and (min-width: 768px) {
	.responsive-tabs {}
	.responsive-tabs dt {float: left;}
	.responsive-tabs .active + dd {display: none;}
	.responsive-tabs-placeholder {clear: both;display: block;padding: 10px;margin-top:30px;float: left;}
}



.whyPnts article {text-align:left;padding:15px 2%;background:#f8f8f8;width:96%;float:left;margin:10px 0;}
.whyPnts article h2 {font-family: 'GalanoGrotesque',sans-serif;font-size: 28px;color: #002532;margin-bottom: 10px;}
.whyPnts article p {font-family: 'GalanoGrotesque',sans-serif;font-size: 16px;color: #666;margin:5px 0; padding: 0;line-height:21px;text-align: justify;}
.whyPnts article .cl1 {width:75px;float:left;margin:15px;}
.whyPnts article .cl2 {width:88%;float:left;margin:15px 10px;}

.whyPnts article div span {float:left;}

.ailPnts article {text-align:left;padding:15px 2%;background:#f8f8f8;width:44%;float:left;margin:50px 1% 10px 1%;}
.ailPnts article p {font-family: 'GalanoGrotesque',sans-serif;font-size: 16px;color: #666;margin:5px 0; padding: 0;line-height:21px;text-align: justify;}
.ailPnts article .cl1 {width:24%;float:left;margin:0;text-align:center;}
.ailPnts article .cl2 {width:65%;float:left;margin:15px 10px;}
.ailPnts article .cl1 img {width:105px;}


/*-- Contact --- */
.contactfrm {margin: 50px 0 80px 0;display: inline-block; width: 100%;border:1px solid #ececec;}
.cnctDat {float:left;width:45%;position:relative;}
.Gmap {float:left;width:55%;}
.Gmap iframe {width:100%;height:842px;}

.contWrap {background:#024869/*url(../images/contact-bg.jpg) 0 0 no-repeat*/;padding:10%;width:80%;float:left; border:0 solid #ececec;text-align: left;}
.contWrap .cl1, .contWrap .cl2 {float:left;width:186px;}
.contWrap .cl1 {float:left;border-right:1px dashed #ececec;margin-right:42px;padding-right:42px;}

.contWrap p {font-size:20px;font-weight:400;margin: 30px 0 15px 0;}
.contWrap ul {margin:5px 0;padding:0;}
.contWrap ul li, .contWrap ul li a {font-size:16px;font-weight:500;list-style:none;margin:5px;color:#fff;}
.contWrap ul li a {text-decoration:none;position:relative;overflow: hidden;-webkit-transition:.5s;transition:.5s;font-size: 14px;font-family:Arial, Helvetica, sans-serif;}
.contWrap ul li a:after {position: absolute;-webkit-transition: .5s;transition: .5s;content: '';width: 0;left: 50%;bottom: 0;height:1px;background:#ececec; right: 0;left: auto;}
.contWrap ul li a:hover:after {width: 100%;left: 0;}
.contWrap h3  {font-family:'GalanoGrotesque',sans-serif;font-size:24px;color:#fff/*#002532*/;text-transform:uppercase;position: relative;display:inline-block;margin:0 0 45px 0;font-weight:500;}
.contWrap h3:after{content:'';position:absolute;left:0;right:0;top:100%;margin:18px 4px;width:40px;height:2px;background:#3bbca8;}
.contWrap ul li .brdBtm {border-bottom: 1px dashed #ececec;width:180px;display: inline-block;margin: 15px 0;}

#errorBox {color:#2CA01C !important;position: absolute;bottom: 20px;width: 100%;left: 0; text-align: center;}

/* Forms -----*/
#contact {background:#F9F9F9;padding:10%;width:80%;float:left; border:1px solid #ececec;}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"], #contact input[type="submit"]  {font-size:14px;color:#535353;box-sizing: border-box; padding: 12px 15px; border-bottom: 1px solid #dbdbdb;border:0;width:100%;}
fieldset { border: medium none !important; margin: 0 0 10px; min-width: 100%; padding: 0; width: 100%;color:#535353;text-align:center;}
#contact input::placeholder, #contact textarea::placeholder {color:#a7a7a7;}
#contact textarea {height: 100px;max-width: 100%;resize: none;}
#contact button[type="submit"], #contact input[type="submit"] {cursor: pointer;width:150px;border: none;background: #024869;margin:18px 0 0 0;padding: 13px 26px 15px 26px;color: #fff;border-radius: 20px;font-size:14px;line-height:16px;}
#contact button[type="submit"]:hover, #contact input[type="submit"]:hover {background:#4CAF50;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background-color 0.3s ease-in-out;}
#contact input:focus, #contact textarea:focus, #contact button:focus {outline: 0;background:#e5e5e5;-webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;}
::-webkit-input-placeholder {color: #535353;}
:-moz-placeholder {color: #535353;}
::-moz-placeholder {color:#535353;}
:-ms-input-placeholder {color:#535353;}
#lblErrorMessage {color:Red;font-size:13px}
#lblMsg {color:#43a047;font-size:23px;padding:21px 0 0 0;width:100%;text-align:center;display:inline-block;}


.mobwrap {width: 46%;float:left;position:relative;margin-left:15%;}
.mobwrap img {width:120% !important;position:relative;z-index:2;}
.mobwrap > video {position:absolute;top: 28px;z-index: 1;width: 72%;left: 23px;}

/*Ad Popup */
#bkgOverlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;height: 100%; width: 100%;margin: 0;padding: 0;background:rgba(0,37,50,0.8);z-index: 9998;display: none;}
#delayedPopup{display: none;position: fixed;width:auto;top:50%;left:50%;margin-left:-260px;margin-top:-280px;z-index:9999;border:5px solid #fff;height: 500px;}
#btnClose {display:block;text-decoration:none;color:#000;font-size:18px;position: absolute;right:0;top:0;background:#fff;padding:0px 0px 11px 16px;border-radius: 0 0 0 50px;font-weight: bold;height: 20px;width: 20px;}
#btnClose:hover {color:#30c3d0;background:#fff;}

.app-form .title {color:#535353;font-size:15px;font-weight:bold;margin:30px 0 10px 0;text-align:left;background:#f0f0f0;padding:8px 20px;}
.app-form input, .app-form textarea, .app-form select {outline: none;border: none;}
.app-form{padding:25px 0;box-sizing: border-box;font: bold 14px sans-serif; text-align: left;}
.app-form .form-row {text-align: left;margin-bottom:7px;}
.app-form .form-title-row{text-align: center;margin-bottom: 55px;}
.app-form .form-row > label {display: inline-block;box-sizing: border-box;color: #5F5F5F;width:215px;text-align: right; vertical-align: top; padding: 12px 25px;}
.app-form input{color:#5f5f5f;box-sizing: border-box; width:240px;padding:12px 12px 12px 2px;border-bottom: 1px solid #dbdbdb;}
.app-form input:focus, .app-form textarea:focus {outline: 0;border-bottom:1px solid #57b846; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
.app-form input[type=radio], .app-form input[type=checkbox]{box-shadow: none; width: auto;}
.app-form input[type=checkbox]{margin-top: 13px;}
.app-form select{background-color: #ffffff;color:  #5f5f5f;box-sizing: border-box;width:240px;padding: 12px 8px;border: 1px solid #dbdbdb;}
.app-form textarea{color: #5f5f5f;box-sizing: border-box;width: 240px;height: 80px;font: normal 13px sans-serif;padding:12px 12px 12px 2px;border-bottom: 1px solid #dbdbdb;resize: vertical;}
.app-form .form-radio-buttons{display: inline-block;vertical-align: top;}
.app-form .form-radio-buttons > div{margin-top: 10px;}
.app-form .form-radio-buttons label span{margin-left: 8px;color: #5f5f5f;font-weight: normal;}
.app-form .form-radio-buttons input{width: auto;}
.app-form button{display: block;border-radius: 2px;background-color:  #6caee0;color: #ffffff;font-weight: bold;padding: 14px 22px;border: 0;margin: 40px 183px 0;}
.app-form .form-row > label span {font-size:14px;color: red;margin-right:-9px;}
.sub-head {color:#535353;font-size:15px;font-weight:bold;margin:35px 0 10px 20px;text-align: left;border-bottom: 1px dashed #DBDBDB;}
.app-form p {padding:0 20px;}
.label-row {display: inline-block;/*padding:0 24px;*/ width:31%;  margin-left: 20px;}
.label-row p {padding:0;}
.app-form ul {margin:0 0 0 15px;list-style:none;padding:0; font-size:14px;font-weight:normal;}
.app-form ul li {padding:4px 25px; text-indent:-17px;}
.app-form ul li::before {content:"\2022"; color:#e84849;padding-right:6px;font-weight:900;}


.app-form input[type="submit"], .app-form button {cursor: pointer;width:120px;border: none;background: #4CAF50;color: #FFF;margin: 0 0 5px;padding: 10px;font-size: 15px;}
.app-form  input[type="submit"]:hover, .app-form button:hover {background: #43A047;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background-color 0.3s ease-in-out;}


.registfrm {width:100%;float:left;background: #F9F9F9;}
.registfrm .cl1 {width:56%;float:left;padding:5% 6%;position:relative;}
.registfrm .cl1 h2 {font-family: 'GalanoGrotesque',sans-serif;font-size: 28px;color: #002532;margin-bottom:15px;}
.registfrm .cl2 {width:24%;float:left;background:url(../image/registfrm-bg.jpg) center center no-repeat;display:block;height:553px; background-size: cover;padding:4%;}
.registfrm .cl2 h2 {font-family: 'GalanoGrotesque',sans-serif;font-size:28px;color: #fff/*#002532*/;text-transform: uppercase;position: relative;display: inline-block; margin:5px 0 15px 5px;font-weight: 500;}
.registfrm .cl2 ul {margin:5px;padding:0;}
.registfrm .cl2 ul li {font-size:16px;font-weight:100;list-style:none;margin:8px 0 0 22px;color:#fff;border-bottom: 1px dotted #fff; padding: 0 0 5px 0;width: 198px;position:relative;}
.registfrm .cl2 ul li::before {content: "";position: absolute;left:-18px;top:9px;height:5px;width: 5px;border: 1px solid #fff;border-width: 2px 2px 0 0;transform: rotate(45deg);}


.registfrm-row input, .registfrm-row textarea, .registfrm-row select {outline: none;border: none;background:none;}
.registfrm-row {padding:10px 0;box-sizing: border-box;font: bold 14px sans-serif; text-align: left;float: left;    width: 50%;height: 63px;}
.registfrm-row2 {padding:10px 0;box-sizing: border-box;font: bold 14px sans-serif; text-align: left;float: left;    width:90%;}

.registfrm-row {text-align: left;}
.registfrm-row input, .registfrm-row select {color:#5f5f5f;box-sizing: border-box; width:80%;padding:12px 12px 12px 2px;border-bottom: 1px solid #dbdbdb;}
.registfrm-row input:focus, .registfrm-row textarea:focus {outline: 0;border-bottom:1px solid #57b846; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
.registfrm-row input[type=radio], .registfrm-row input[type=checkbox]{box-shadow: none; width: auto;}
.registfrm-row input[type=checkbox]{margin-top: 13px;}
/*.registfrm-row select{background-color: #ffffff;color:  #5f5f5f;box-sizing: border-box;width:240px;padding: 12px 8px;border: 1px solid #dbdbdb;}*/
.registfrm-row textarea{color: #5f5f5f;box-sizing: border-box;width: 240px;height: 80px;font: normal 13px sans-serif;padding:12px 12px 12px 2px;border-bottom: 1px solid #dbdbdb;resize: vertical;}
.registfrm-row .form-radio-buttons{display: inline-block;vertical-align: top;}
.registfrm-row .form-radio-buttons > div{margin-top: 10px;}
.registfrm-row .form-radio-buttons label span{margin-left: 8px;color: #5f5f5f;font-weight: normal;}
.registfrm-row .form-radio-buttons input{width: auto;}
.app-form button{display: block;border-radius: 2px;background-color:  #6caee0;color: #ffffff;font-weight: bold;padding: 14px 22px;border: 0;margin: 40px 183px 0;}

.registfrm p {font-family: 'GalanoGrotesque',sans-serif;font-size:15px;color: #666;text-align: left;text-align: justify;margin-top:10px;}
.registfrm .input-group {font-family: 'GalanoGrotesque',sans-serif;font-size:14px;color: #666;text-align: left;text-align: justify;font-weight: 100;line-height: 15px; margin: 0;}
.registfrm .input-group #terms {margin: 3px 10px 30px 4px;float: left;}

.submtbtn button[type="submit"], .submtbtn input[type="submit"] {cursor: pointer;width:150px;border: none;background:#024869;margin:15px 0 -10px 0;padding:12px 26px 16px 26px;color: #fff;border-radius:3px;font-size:16px;float:left;}
.submtbtn button[type="submit"]:hover, .submtbtn input[type="submit"]:hover {background:#4CAF50;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background-color 0.3s ease-in-out;}
.submtbtn a {color: #666;font-size: 16px;font-weight: bold;text-decoration: none;margin: 25px 0 0 17px;float: left;position:relative;-webkit-transition:.5s;transition:.5s;}
.submtbtn a:hover {color:#4CAF50;}
.submtbtn a:after {position: absolute;-webkit-transition: .5s;transition: .5s;content: '';width: 0;left: 50%;bottom:-5px;height:1px;background:#4CAF50; right: 0;left: auto;}
.submtbtn a:hover:after {width: 100%;left: 0;}
.indiceList {text-transform:uppercase;}
.openAccount {width:100%;text-align:center;margin:20px 0;}
.openAccount a {padding:20px 40px;display:inline-block;border-radius: 3px;margin:30px 10px;line-height: 36px;text-decoration: none;background: -webkit-gradient(linear, right top, left top, color-stop(50%, #0183a3), color-stop(50%, #eda341));background: linear-gradient(to left, #0183a3 50%, #eda341 50%);background-size: 200% 100%;background-position: right bottom;cursor: pointer;-webkit-transition: all ease .3s;transition: all ease .3s;color: #fff;}
.openAccount a:hover {background-position: left bottom;color: #002c39;}
.openAccount a i {font-size:40px;margin:0 15px 0 0;float:left;}

.ailwrap {background:#f8f8f8;margin:50px 0 0 0;float: left;width: 100%;padding:80px 0;}
.ailchart {float:left;margin-right:50px;}
.ailchart img {border:15px solid #fff;}
.ailTable {float:left;width:50%;}
.ailTable table {background: #fff;color:#fff;width:100%;}
.ailTable table, .ailTable thead, .ailTable tbody, .ailTable tfoot, .ailTable tr, .ailTable td, .ailTable th {text-align: center;margin: auto;padding: 1rem;border:1px solid #fff;}
.ailTable thead {background:#002432;font-size:18px;}
.ailTable tbody, .ailTable tfoot {background: #62c0a5;}
.ailTable tbody tr:nth-child(even) {background:#3cb7c6;}

.ailTable ul {font-size:14px;margin:50px 0 0 35px;}
.ailTable span {color: #0273ab; font-size: 16px; padding: 0; margin-left: -20px;font-weight: bold;letter-spacing: 1px;} 
.ailTable ul li {padding:10px 0 0 0;margin:0;position:relative;list-style:none;}
.ailTable ul li:before {content: "";position: absolute;left: -20px; top:12px;width: 0; height: 0; border: 5px solid transparent; border-bottom-color:#0273ab;}
.ailTable ul li:after {content: ""; position: absolute;left: -20px;top:22px;width: 0;height: 0; border: 5px solid transparent; border-top-color:#0273ab;}


.abprofile h5 {font-family: 'GalanoGrotesque-light',sans-serif;font-size: 20px;color: #666;margin: 5px 0;text-align:left;}
.abprofile_cont {padding: 50px 75px;background: #fff/*#0273aa*/; box-shadow: 2px 8px 6px rgba(0,0,0,.2); z-index: 2; width:76.5%; margin: -87px 0 0 7%; position: relative; float: left;}
.abprofile_cont p {font-family: 'GalanoGrotesque',sans-serif;font-size: 15px; color: #666; text-align: justify; margin: 23px auto;padding: 0;line-height: 25px;}
.abprofile .prdtWrap .cntHeader {box-shadow: 2px 8px 6px rgba(0,0,0,.2);}


.pdfdownld {width:95%;margin:0 auto;}
.pdfdownld ul li {list-style: none;border-bottom: 1px dashed #ccc;padding:18px;}
.pdfdownld ul li a {font-size: 18px;color: #002532;text-decoration: none;}
.pdfdownld .fa, .pdfdownld .fas {color: #0273ab;font-size: 22px; margin: 4px 8px 0 0px; float: left;}


.disclaimWrap .cntHeader p {text-align: justify;font-size: 15px;}
.disclaimWrap .cntHeader h4 {text-align:left;font-family: 'GalanoGrotesque-light',sans-serif;font-size: 20px;color: #024869; margin:15px 0; float: left; width: 100%;}
.disclaimWrap .brdBtm {border-bottom: 1px dashed #DBDBDB;margin: 20px 0; width: 100%; float: left;}


.affilWrap {background:#f8f8f8;width:100%;margin: 30px 0 0 0;padding: 70px 0;}
.affilWrap ul {padding:0;margin: 50px auto; display: inline-block;}
.affilWrap ul li {padding: 20px 25px;list-style: none;background: #002c39; width:115px; height: 125px;margin: 8px;float: left;}
.affilWrap ul li h4 {font-family: 'GalanoGrotesque',sans-serif;font-size:40px;color: #fff;margin: 5px 0;text-align:left;}
.affilWrap ul li p {font-family: 'GalanoGrotesque-light',sans-serif;font-size:15px;color: #fff;margin: 5px 0;text-align:left;}

/*-- Sitemap ---*/
.sitemapwrap {width:100%;margin:30px 0;float:left;}
.sitemap {width:31%;margin:10px 15px 10px 0;padding:0 5px;float: left; background:transparent;}
.sitemap h1 {font-size:22px;  font-weight:800;margin:20px 0 10px 0;}
.sitemap ul {padding:0 5px;}
.sitemap ul li {font-size:15px;font-weight:300;line-height:160%;  display: block;  text-decoration: none;  padding:5px 0 5px 0; list-style: none;border-bottom: 1px solid #e0e0e0;}
.sitemap ul li:last-child{}
.sitemap ul li a {text-decoration:none;color:#444;}
/*#navlist li a:hover {}*/
.sitemap ul li:after{content:"*"!important;float:right;}

#tecbannerWrap {background: #002532;height: 200px;}
.techAnalysis {width:100%;float:left;}
.techAnalysis #cl1 {width:65%;float:left;padding:20px 15px;position:relative;}
.techAnalysis #cl1 .techdata {float:left;    padding: 30px 0;width: 100%;border-bottom: 2px solid #f5f5f5;}
.techAnalysis #cl1 .techdate {text-align: center;width: 62px;font-size: 37px;text-transform: uppercase;line-height: 32px;float: left;color: #666;    background: #f5f5f5;height: 100px;}
.techAnalysis #cl1 .techdate span {font-size: 20px;border-top: 1px solid #666;border-bottom: 1px solid #666;float: left; margin: 10px 0 10px 10px;    line-height: 0; height: 17px;padding-top: 10px;}
.techAnalysis #cl1 .techdate b {font-size: 16px; font-weight: 500; float: left; margin: 2px 0 0 10px;line-height: 0; color: #666;} 
.techAnalysis #cl1 .techCont {font-size: 15px;color: #666;text-align: left;/* line-height: 22px; */text-align: justify;text-decoration:none;float: left;width: 87%;margin: 5px 20px;}
.techAnalysis #cl1 .techCont span {font-size: 18px;color: #102128;text-decoration:underline;margin-bottom: 10px;float: left;width: 100%;font-weight: bold;}

.techAnalysis #cl1 h2 {font-family: 'GalanoGrotesque',sans-serif;font-size: 28px;color: #002532;margin-bottom:15px;}
.techAnalysis .cl2 {width:24%;float:left;background:url(../image/registfrm-bg.jpg) center center no-repeat;display:block;height:553px; background-size: cover;padding:4%;}
.techAnalysis .cl2 h2 {font-family: 'GalanoGrotesque',sans-serif;font-size:28px;color: #fff/*#002532*/;text-transform: uppercase;position: relative;display: inline-block; margin:5px 0 15px 5px;font-weight: 500;}
.techAnalysis .cl2 ul {margin:5px;padding:0;}
.techAnalysis .cl2 ul li {font-size:16px;font-weight:100;list-style:none;margin:8px 0 0 22px;color:#fff;border-bottom: 1px dotted #fff; padding: 0 0 5px 0;width: 198px;position:relative;}
.techAnalysis .cl2 ul li::before {content: "";position: absolute;left:-18px;top:9px;height:5px;width: 5px;border: 1px solid #fff;border-width: 2px 2px 0 0;transform: rotate(45deg);}

.techAnalysis .cl3 {width:61%;float:left;padding:5px 40px;position:relative;}
.techAnalysis .cl3 h4 {font-family: 'GalanoGrotesque-light',sans-serif;font-size:28px;color: #102128;margin: 5px 0;text-align:left;}
.techAnalysis .cl3 span {color:#666;font-size:14px;background: #f5f5f5;padding: 3px 10px 7px 10px;margin: 7px 0 0;float: left;}
.techAnalysis p {font-family: 'GalanoGrotesque',sans-serif;font-size:15px;color: #666;text-align: left;text-align: justify;margin-top:15px;line-height:20px;}
.techAnalysis .cl3 img {width: 100%;margin: 20px 0 10px 0;}
.tecDisclaim p {font-size:14px;font-weight:600;}
.techAnalysis .tecDisclaim span {font-size:10px;font-weight:600;background:none;padding: 0;line-height: 13px; text-align: justify;}

.techAnalysis #cl4 {width:65%;float:left;padding:10px 15px;position:relative;}
.techAnalysis #cl4 .techdata {float:left;padding:20px 25px;width:42%;background:#f5f5f5;margin:8px;}
.techAnalysis #cl4 .techdate {text-align: center;width: 62px;float: left; background: #f5f5f5;height: 100px;}
.techAnalysis #cl4 .resdata {float:left;padding:20px 25px;width:91%;background:#f5f5f5;margin:8px;}
.techAnalysis #cl4 a  {font-size:20px;color: #102128;text-decoration:none;float: left;width: 100%;font-weight: bold;text-align:left;}
.techAnalysis #cl4 span {font-size: 15px;color: #666;float: left;margin:7px 0 0 0;font-weight:100;}
.fa-file-pdf {color: #e2574c;font-size: 35px;float: left;height: 41px;margin: 6px 25px 0 0;}
.techAnalysis #cl4 sup {top:-7px;font-size: 12px;margin: 0 0 0 2px;}
.techAnalysis #cl4 a:hover, .techAnalysis #cl4 a:hover span, .techAnalysis #cl4 a:hover .fa-file-pdf {background:#0273ab;color:#fff;}
.techAnalysis #cl4 .responsive-tabs-placeholder {padding: 0;margin-top: 10px;}
/* Pagination */
#pagingControls {margin:25px 0 0 0;float:left;}
#pagingControls a {text-decoration:none;}
.hide{display: none;}
a.btn.disabled, fieldset[disabled] a.btn {pointer-events: none;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed;opacity: 0.65;filter: alpha(opacity=65);-webkit-box-shadow: none;    box-shadow: none;}
.btn {border-width: 2px;}
.btn-sm, .btn-group-sm>.btn {padding: 6px 9px; font-size: 13px;line-height: 1.5;border-radius: 3px;}
.btn-success {color: #ffffff;background-color: #18bc9c;border-color: #18bc9c;}
.btn-default {color: #ffffff;background-color: #95a5a6;border-color: #95a5a6;}
.btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;-ms-touch-action: manipulation;   touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap; padding:5px 15px 9px 15px;font-size: 15px; line-height: 1.42857143; border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/* footer */
#footer { background:#f1f1f1;color:#666;padding:20px 10px;}
#footer .footerlink {width:100%;text-align:center;border-bottom:1px solid #b9b9b9; padding:26px 0;}
#footer .footerlink li {list-style:none;display:inline-block;padding:10px 30px;}
#footer .footerlink li a {font-size:15px;color:#676766;text-decoration:none;}
#footer .sociallink li a:hover , #footer .footerlink li a:hover {color:#002532;}
#footer .copyright {font-size:14px;color:#676766;text-align:center;padding:20px 0 0 0;border-top: 1px solid #e0e0e0;}
#footer .copyright a {color:#002532;text-decoration:none;}
.footrisk {width:100%;float:left;border-top: 1px solid #e0e0e0;  padding: 10px 0;}
#footer p {font-size:11px;text-align:center;}

.footcont {width:275px;float:right;padding:0}
.footcont ul {margin:15px 0;padding:0;font-family:Arial, Helvetica, sans-serif;}
.footcont ul li, .footcont ul li a {font-size:16px;font-weight:500;list-style:none;margin:5px 0;color:#676766;}
.footcont ul li a {text-decoration:none;position:relative;overflow: hidden;-webkit-transition:.5s;transition:.5s;}
.footcont ul li .brdBtm {border-bottom: 1px dashed #e0e0e0;width:180px;display: inline-block;margin:5px 0;}

.botsitemap {width:925px;margin:0 0 20px 0;float:left;padding: 0;border-right: 1px dashed #e0e0e0;}
.botsitemap .fotsitemap {width:160px;margin:0 15px 0 0;padding:0 5px;float: left; background:transparent;}
.botsitemap .fotsitemap h6, .footcont h6 {font-size:15px;font-weight:800;margin:20px 0 5px 0;text-transform: uppercase;color: #002532;}
.botsitemap .fotsitemap ul {padding:0;}
.botsitemap .fotsitemap ul li {font-weight:300;display: block;  text-decoration: none;padding:3px 0; list-style: none;border:0;}
.botsitemap .fotsitemap ul li:last-child{}
.botsitemap .fotsitemap ul li a {text-decoration:none;color: #676766;font-size: 14px;font-family:Arial, Helvetica, sans-serif;position:relative;overflow: hidden;-webkit-transition:.5s;transition:.5s}
.botsitemap .fotsitemap ul li a:after {position: absolute;-webkit-transition: .5s;transition: .5s;content: '';width: 0;left: 50%;bottom: 0;height:1px;background:#676766; right: 0;left: auto;}
.botsitemap .fotsitemap ul li a:hover:after {width: 100%;left: 0;}

.Navacct ul li { padding: 0 !important;margin: 2px 0;background: #eda342;width: 49.5%; display: inline-block; text-align: center; border: 0;}


/*----- MAP--------*/
.map-container {padding:10px 5px;position: relative;  display: inline-block;}
.map-container img {width: 100%;}
.map-container .point {cursor: pointer;position: absolute;width:12px;height:12px;background-color: #00acc1;border-radius: 50%;transition: all 0.3s ease;  will-change: transform, box-shadow;transform: translate(-50%, -50%);box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);animation: pulse 3s infinite;}
.map-container .point:hover {animation: none;transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);}
.map-container .UK {top:22%;left:45%;}
.map-container .Europe {top: 24%;left: 48%;}
.map-container .singapore {top: 56%;left:78%;}
.map-container .canada {top:20%;left:15%;}
.map-container .sweden {top:13%;left:50%;}
.map-container .USA {top: 32%;left: 12%;}
.map-container .norway {top:17%;left:48%;}
.map-container .china {top:35%;left: 76%;}
.map-container .hongkong {top:42%;left:81%;}
.map-container .rusia {top: 16%;left: 67%;}
.map-container .india {top: 41%;left: 69%;}
.map-container .japon {top: 34%;left: 86%;}
.map-container .australia {top: 72%;left: 86%;}

.tippy {}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 172, 193, 0.5);
  }
  70% {
    box-shadow: 0 0 0 25px rgba(0, 172, 193, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 172, 193, 0);
  }
}



/* Responsive */

@media only screen and ( max-width: 1400px ) {
#bannerWrap {max-height:650px;}


}

@media only screen and ( max-width: 1300px ) {
#about-sec {width: 96%;margin: 0 auto;}
.mainWrap {width:96%;}
.Mt5tabs label {width: 28%;}
.platformtab {width: 96%;}
.botsitemap {width: 78%;}
.botsitemap .fotsitemap { width: 16%;}
.footcont {width: 20%;}
.advntFIX .cl1, .advntFIX .cl2 {width: 38%;}
.grid figure {height: auto;width: 18%;}
.fcawrap article {width: 34%;}
.platformtab .MTcl2 img {width: 100%;} 
nav ul li {letter-spacing:1px;}



}


@media only screen and ( max-width: 1280px ) {

   nav ul li {letter-spacing:0;} 
   .Gmap,.cnctDat {width:100%;}
   .Gmap iframe {height:400px;}
   .contWrap {width:38%;padding: 30px;}
   #contact {width:52%;padding: 30px;}
   .contactfrm {border:0;}
   
    
}


@media only screen and ( max-width: 1240px ) {
	.contWrap {width:56%;}
   #contact {width:30%;}
   .techAnalysis #cl4 .techdata {width:35%;}
	
}

@media only screen and ( max-width: 1180px ) {
    #bannerWrap {max-height:520px;}
#part-bg, #product-bg, #whyAgl-bg, #acct-bg, #knowledge-bg, #abans-group-bg, #product-banner {height: 450px;}
#platforms .cntHeader {margin: 35px 0;}
.platformtab-content {line-height:unset;}
#platforms {padding: 0 0 15px 0;height: auto;}
.advntFIX .cl1, .advntFIX .cl2 {width: 35%;}
#InbannerWrap { max-height:360px;}
nav ul li {padding: 0 40px;}


}

@media only screen and ( max-width: 1080px ) {
nav ul li {padding: 0 33px;}
#bannerWrap { max-height: 490px;}    
#about, #newsArt, .innercnt, #CustomerSupport {margin: 30px 0;}
#about-sec article {width: 90%;}
#about-sec article h3 {font-size: 17px;}
.keyBenefits article, .fcawrap article { width: 26%;}
#beniIB-sec article h3, #beniwl-sec article h3 {margin: 30px 32px;float: left; width:82%;font-size: 15px;}
#beniIB-sec article div, #beniwl-sec article div {width: 65px;float: left;}
#beniIB-sec article, #beniwl-sec article {height: auto;width: 93%;margin:5px;text-align: left;}
#beniIB-sec article:hover, #beniwl-sec article:hover {transform: scale(0.95);}
.fcawrap {margin: 0;}
.keyBenefits article, .fcawrap article {width: 25%; padding: 0;}
.fcawrap article p {font-size: 14px;}
.whyPnts article .cl2 {width: 80%;}
.whyPnts article h2 {font-size: 23px;}
.whyPnts article p {font-size: 14px;line-height: 16px;}
.techAnalysis #cl1 .techCont { width: 78%;}
.techAnalysis #cl1 { width: 60%;}


}

@media only screen and ( max-width: 1024px ) {
nav ul li {padding: 0 27px;}

}

@media only screen and ( max-width: 980px ) {
.banTag h1 {font-size:60px;line-height: 50px;margin: 35px 0 15px 0; }
.banTag h4 {font-size: 18px;}
.keyBenefits article, .fcawrap article { width: 40%;height: 101px;}
.addfeature article img {width: 100%;}
#InbannerWrap { max-height:320px;}
.banTag h1, #InbannerWrap .bannerCnt h1 {font-size: 50px;margin: 35px 0 15px 0;}
#InbannerWrap .bannerCnt h1:after {top: 85px;}
 #InbannerWrap .bannerCnt h4 {font-size: 20px;}
.txt-hd {font-size: 16px;}
#acct-bg {background-position: center -200px;}
nav ul li {padding: 0 23px;}
.techAnalysis #cl4 {width: 60%;}



}


@media only screen and ( max-width: 920px ) {
.botsitemap {width: 68%;}
.botsitemap .fotsitemap { width: 15%;margin: 0 10px 0 0;}
.footcont {width: 28%;}
.prdtImgWrap {right: 1%;}
.prdtWrap .cntHeader {margin: 20px 0 0 1%;}
figure.effect-ming h2 {font-size: 16px;}
.grid {margin: 30px auto;}
#beniIB, #beniwl {margin: 40px 0;}
.abprofile_cont {width: 80%;margin: 0 0 0 1%;}
.agwrap .cl1 {padding: 40px 5%; width: 90%;}
.agwrap .cl2 {height: 80px;width: 100%;}
.affilWrap ul {margin: 0 auto;}
.abprofile_cont {width: 75%;}
.techAnalysis .cl2 {width: 28%;}
.techAnalysis .cl2 {height: auto;}
.acctWrap {display: none;} 
.nav-mobile {display: block;}
  nav {width: 100%; padding:0;}
  nav ul {display: none;}
  nav ul li {float: none;}
  nav ul li a {padding: 15px;line-height: 20px;}
  nav ul li ul li a {padding-left: 30px;}
 .nav-dropdown {position: static;}
.nav-list li {border-bottom: 1px solid rgba(255, 255, 255, .2);border-right: 0;}
nav ul li a:hover:before {visibility: visible;-webkit-transform: scaleX(0);transform: scaleX(0);}
nav ul li a:hover {background:rgba(255, 255, 255, .2);}
#header-sroll.small {padding-bottom: 0;}
.headRw1 {border-bottom: 0;}
#header-sroll.small .headRw1 {margin: 15px 0 5px 0;}
nav {background: #002532;width: 100%;float: left;padding:0 20px 0 20px;margin: -15px 0 0 -20px;}
.nav-dropdown:after, .nav-dropdown:before {height: 0;}
nav ul li {padding: 0 !important; }
.small nav {margin-top:0; }
.contWrap {width:55%;}
.registfrm .cl1 {padding:50px;}
.techAnalysis #cl4 .techdata {width:80%;}




}



@media screen and (min-width: 921px) {
.Navacct {display: none;}
  .nav-list {
    display: block !important;
  }
.contWrap .cl1 {margin-right: 35px; padding-right: 35px;}  
  
}


@media only screen and ( max-width:840px ) {
.logo, .acctWrap {width: 100%;text-align:center;}
.logo {border-bottom: 1px solid rgba(255, 255, 255, .4);padding-bottom: 15px;}
.headRw1 {border:none;}
#header-sroll.small .logo img {width:60%;}
#bannerWrap {max-height: 400px;}
.platformtab-content {font-size: 14px;}
.platformtab .MTcl1 {width: 50%;}
.platformtab .MTcl2 {width: 50%;margin-top:10px;}
.platformtab .MTcl2 img {width: 130%;margin-left: -92px;}
#createAcct {margin-top: 0;}
.botsitemap .fotsitemap ul li {padding: 0;}
.Mt5tabs label {width: 27%;}
.advntFIX .cl1, .advntFIX .cl2 { width: 84%; min-height: 100%;}
.aglwrap .cl1 {padding: 40px 5% 40px 5%;width: 90%;}
.aglwrap .cl2 {    height: 80px;width: 100%;}
p {width: 98%; font-size: 14px; line-height: 18px;}
figure.effect-ming h2 {font-size: 15px;}
.grid figure {margin: 10px 6px;}
.prdtWrap .cntHeader {width: 50%;}
#beniIB-sec article h3, #beniwl-sec article h3 {width: 75%;margin: 15px 28px;}
.ailPnts article {padding: 0px 2%;width: 92%;margin: 5px 1%;}
.techAnalysis #cl1 .techCont { width: 75%;    font-size: 14px;}
.techAnalysis #cl1 .techdata {padding: 15px 0;}
.techAnalysis #cl1 .techCont span {font-size: 16px;}
.techAnalysis .cl2 ul li { font-size: 14px;width: 185px;}
#contact {width:28%;}
.contWrap .cl1 {margin-right:25px; padding-right:25px;}  
.registfrm .cl1 {width:45%;}
.registfrm .cl2 {width:30%;}


}



@media only screen and (max-width: 768px) {
 
#createAcct h2 { font-size: 34px;margin: 8% 0 12% 0;}
.botsitemap .fotsitemap {width: 20%;margin: 0 14px 0 0;}
.advntFIX .cl1, .advntFIX .cl2 {padding: 20px 34px;margin: 20px 6px;}
.prdtWrap .cntHeader { width: 55%;padding: 40px 50px;}
.grid figure {width: 25%;}
.txt-hd { font-size: 14px;}
.acctTble td, .acctTble th {font-size: 14px;padding: 14px 20px;}
.acctTble .dwnBtn a {padding: 8px 20px 14px 20px;line-height: 14px;}
.responsive-tabs dt:first-child {margin:0;}
.responsive-tabs dt {margin: 0;border-radius: 0;width: 100%;}
.whyPnts article .cl2 { width: 75%;}
.techAnalysis .cl2 {display: none;}
.techAnalysis #cl1 {width: 96%;}
.techAnalysis #cl1 .techCont {width: 84%;}
.contWrap .cl1 {margin-right:12px; padding-right:12px;} 
.techAnalysis #cl4 { width: 100%;padding:0;}
.techAnalysis #cl4 .techdata {width: 90%;}


}


@media only screen and (max-width: 690px) {
video {top:0;}
#about p { width: 85%; font-size: 17px;}
#about-sec {width: 92%;}
.platformtab .MTcl2 img {width: 156%;margin-left: -119px;}
#platforms .cntHeader h2 {margin: 0;}
.botsitemap .fotsitemap ul li a {font-size: 12px;}
.footcont ul li, .footcont ul li a, .botsitemap .fotsitemap h6, .footcont h6 {font-size: 14px;}
.botsitemap .fotsitemap h6, .footcont h6 {margin-top: 15px;}
.botsitemap .fotsitemap {width: 100px;}
.botsitemap {width: 65%;}
.footcont {width: 30%;}
.keyBenefits article, .fcawrap article {width: 90%;height: 82px;margin: 0 0 0 10%;}
.addfeature article:nth-child(1), .addfeature article:nth-child(3), .addfeature article { width: 100%;text-align: center;margin: 0;}
.addfeature ul li:before, .addfeature ul li:after {display: none;}
.addfeature ul li { padding: 7px 0;border-bottom: 1px solid #e0e0e0; width: 70%; margin: 0 auto;}
.addfeature article img {width: 70%;}
.Mt5tabs label {margin: 0px -1px ; width: 33%;}
.Mt5tab-content {padding: 10px;}
.Mt5tabs .MTcl1, .Mt5tabs .MTcl2 {width: 100%;margin: 0;}
.Mt5tabs .MTcl2 img {width:52%;}
.cntHeader p {font-size: 14px;line-height: 20px;}
.cntHeader h2 {font-size: 24px;margin-bottom: 20px;}
.cntHeader h2:after {top: 25px;}
#beniIB-sec article, #beniwl-sec article {    padding: 10px 15px;}
.techAnalysis #cl1 .techdate {font-size: 28px;line-height: 25px;height: 85px;}
.techAnalysis #cl1 .techdate span {font-size: 18px;    height: 15px;margin: 7px 0 7px 10px;}
.banTag h1 {font-size: 45px;line-height: 35px; margin:20px 0 10px 0;}
.banTag h4 {font-size: 14px;}
.registfrm .cl1, .registfrm .cl2 {width:90%;padding:5%;}
.registfrm .cl2  {height:250px;}
.registfrm .cl2 ul li {width:300px;}
.registfrm-row textarea {width:81%;}



}


@media only screen and ( max-width:640px ) {
.logo img {height: 70px;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {height: 3px;width: 30px;}
#nav-toggle span:before { top: -9px;}
#nav-toggle span:after { bottom: -9px;}
#nav-toggle {top: 16px;}
.banTag {width: 255px;}
#platforms .cntHeader h2 {text-align: center;width: 100%;}
.platformtab { width: 98%; margin: 0 auto;}
.platformtab .MTcl1,.platformtab .MTcl2 {width: 100%;}
.platformtab .MTcl2 img {width: 75%; margin-top: -137px;}
.platformtab label {    width: 42%;}
#InbannerWrap {max-height: 320px;}
.bannerCnt {margin: 25% 0 0 0;}
.prdtWrap {margin: 70px 0 10px 0;}
.prdgrayBg { padding: 10px 0 50px 0;}
.grid {    margin: 10px auto;}
.grid figure {   width: 30%;}
.slideCont h5 {font-size: 20px;}
.slideCont p, .slideCont a {font-size: 16px;line-height: 20px;}
.slideCont {padding: 25px 0;}
.prdtWrap .cntHeader h3 { font-size: 36px;}
.prdtWrap .cntHeader p {font-size: 14px;line-height: 20px;}
.prdtImgWrap {display:none;}
.prdtWrap .cntHeader, .abprofile_cont {width:88%; padding: 30px 30px;}
.ailTable, .ailchart img {width: 100%;}
.ailTable table {width: 140px;float: left;}
.ailTable table, .ailTable thead, .ailTable tbody, .ailTable tfoot, .ailTable tr, .ailTable td, .ailTable th {padding: 5px 0 12px 0;
 font-size: 14px;}
.ailTable ul {font-size: 12px;margin: 5px 0 0 40px;width: 50%;float: left;}
.ailwrap {padding: 30px 0;}
.techAnalysis #cl1 .techCont {width: 79%;}
.contWrap {width:90%;}
.contWrap .cl1 {margin-right:12%; padding-right:12%;} 
#contact {width: 89.8%;}
.app-form {width:100%;}
.app-form textarea, .app-form input {width:50%;}
.app-form .form-row > label {width:45%;}
.label-row {width: 94%;margin: 4px;}
.app-form select {width:80%;}
.app-form p {width: 90%;text-align: center;}
.app-form .form-row {text-align: center;}
.prdtWrap {margin:0;}


	
	
}


@media only screen and ( max-width:560px ) {
.cntHeader h2 {font-size: 26px;    margin-bottom: 18px;}
#about p {font-size: 15px;}      
#about-sec article {    margin:5px 8px 15px 8px;}
#createAcct {height: 180px;}
#createAcct h2 {font-size: 24px;}
#createAcct a {font-size: 13px;}
.botsitemap {width: 58%;}
.footcont {width: 40%;}
#beniIB-sec article h3, #beniwl-sec article h3 {font-size: 14px; width: 65%;}
.affilWrap ul li {width: 35%;height: 85px;    padding: 10px 25px;margin: 5px;}
.affilWrap ul li h4 {font-size: 35px;margin: 0;}
.affilWrap ul li p {font-size: 14px;line-height: 14px;}
.abprofile_cont p {font-size: 14px; line-height: 20px;}
.whyPnts article .cl1 {width: 70px;}
.whyPnts article .cl2 {width: 70%;}
.techAnalysis #cl1 .techCont {width: 75%;margin: 5px 10px;}
.contWrap .cl1, .contWrap .cl2 {width:100%;    text-align: center;}
.contWrap .cl1 {border-bottom: 1px dashed #ececec; margin-bottom: 20px; padding-bottom: 20px;border-right:0;margin-right:0; padding-right:0;}
.contWrap h3:after {margin: 18px 24px;}
.techAnalysis #cl4 .techdata {width: 84%;}
.prdtWrap .cntHeader, .abprofile_cont {width:82%;}
#footer .sociallink li {padding: 10px 20px;}

}

/* Smartphones (portrait and landscape) ----------- */
     

@media screen and (max-width: 480px) {
.logo img {height: 70px;}
.mainWrap {width: 91%;}
.Navacct ul li {width: 49%;}
.bannerCnt {margin: 12% 0 0 0;}
.banTag {width: 155px;}
.banTag h1 {font-size: 29px;line-height: 22px; margin: 80px 0 6px 0;}
.banTag h4 { font-size: 14px;line-height: 14px;}
.platformtab label {    width: 40.5%;}    
.botsitemap .fotsitemap {display: none;}           
.botsitemap .fotsitemap:last-child {display: block;width: 98%;}
.botsitemap {width:45%;}
.footcont {width: 44%;}
.platformtab label {width: 40%;}
#about p {width: 94%;}
video {width: 115%;}
#InbannerWrap .bannerCnt h1 {margin: 30% 0 40px 0;font-size: 55px;}
#InbannerWrap .bannerCnt h1:after {top: 72%;}
.grid figure { width: 46%; margin: 4px 4px;}
#beniIB-sec article h3, #beniwl-sec article h3 {width: 58%;}
#beniIB h2:after, #beniwl h2:after {top: 54px;}
.bg-cyan, .bg-blue {background: none !important;}
.acctTble button {line-height: 12px;height: 52px;}
.whyPnts article .cl2 {width: 94%;text-align: center;margin: 10px;}
.whyPnts article .cl1 {width: 100%;margin: 0px;}
.whyPnts article {padding: 10px 2%;   margin: 3px 0;}
.whyPnts article h2 {font-size: 18px;}
.registfrm-row {width:96%;}
.registfrm-row input, .registfrm-row select,.registfrm-row textarea {width:100%;}
.openAccount a {line-height:none;}
#footer .sociallink li {padding: 10px 15px;}


}

@media screen and (max-width: 440px) {

.platformtab label {width: 39%;}   
.platformtab .MTcl2 {display: none;}
#platforms {background-position: -16px 0;}
#createAcct .cl1, #createAcct .cl2 {width: 100%;}
.dwnBtn {text-align: center;width: 100%;}
.platformtab-content .dwnBtn a {float: none;}
.nav-mobile {right:-4px;}



     
}

@media screen and (max-width: 414px) {
.bannerCnt { margin: 8% 0 0 0;}
.botsitemap {width: 38%;}
.footcont {width: 55%;}
.nav-mobile {top:10px;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {width:25px;}


}


@media screen and (max-width: 380px) {
 #header-sroll.small .logo img {width: 70%;}   
.platformtab label {width: 37%;}
.nav-mobile {right:-7px;}


}
    
@media screen and (max-width: 360px) {
    
#footer .sociallink li {padding: 10px;}

}


@media screen and (max-width: 320px) {
  
    
}


