@charset "UTF-8";

/*@font-face {
  font-family: 'Gotham-Medium';
  src: url("../fonts/montserrat-semibold-webfont.woff2") format("woff2"), 
  url("../fonts/montserrat-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/montserrat-medium-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratthin';
    src: url('../fonts/montserrat-thin-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Gotham-Light';
    src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: 'montserrat-semibold';
    src: url("../fonts/montserrat-semibold-webfont.woff2") format("woff2"), 
    url("../fonts/montserrat-semibold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
      font-family: 'montserrat-medium';
      src: url('../fonts/montserrat-medium-webfont.woff2') format('woff2'),
      url('../fonts/montserrat-medium-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  
  }
  
  @font-face {
      font-family: 'montserratthin';
      src: url('../fonts/montserrat-thin-webfont.woff2') format('woff2'),
      url('../fonts/montserrat-thin-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  
  }
@font-face {
  font-family: 'Gotham-Bold';
  src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Bold.otf')  format('opentype'),
  url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf')  format('truetype'), url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Medium';
  src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Medium.otf')  format('opentype'),
  url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf')  format('truetype'), url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Light';
  src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Light.otf')  format('opentype'),
  url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf')  format('truetype'), url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Book.otf')  format('opentype'),
  url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf')  format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

li,
ul {
    margin: 0;
    padding: 0
}

.section-title.br h2:after,
.section-title.br h3:after,
.utilities ul:after {
    left: 100%
}

.header-top .search-form .btn:hover,
.header-top .search-form input:active,
.header-top .search-form input:focus,
a,
li {
    outline: 0
}

.section-solution .counter-wrapper em,
.tooltip {
    font-style: normal
}

.inner-spotlight,
.news-list figure,
.section-title.br,
.spec-wrapper,
.utilities {
    overflow: hidden
}

@font-face {
    font-family: network;
    src: url(../fonts/network.eot?66062110);
    src: url(../fonts/network.eot?66062110#iefix) format("embedded-opentype"), url(../fonts/network.woff2?66062110) format("woff2"), url(../fonts/network.woff?66062110) format("woff"), url(../fonts/network.ttf?66062110) format("truetype"), url(../fonts/network.svg?66062110#network) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: network;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tooltip,
a,
li {
    text-decoration: none
}

@font-face {
    font-family: 'Gotham-Light';
    src: url(../fonts/montserrat-regular-webfont.woff2) format("woff2"), url(../fonts/montserrat-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url(../fonts/montserrat-bold-webfont.woff2) format("woff2"), url(../fonts/montserrat-bold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima_nova_ltsemibold;
    src: url(../fonts/proxima_nova_semibold-webfont.woff2) format("woff2"), url(../fonts/proxima_nova_semibold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima_nova_rgbold;
    src: url(../fonts/proxima_nova_bold-webfont.woff2) format("woff2"), url(../fonts/proxima_nova_bold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima_nova_ltlight;
    src: url(../fonts/proxima_nova_light-webfont.woff2) format("woff2"), url(../fonts/proxima_nova_light-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima_nova_rgregular;
    src: url(../fonts/proxima_nova_regular-webfont.woff2) format("woff2"), url(../fonts/proxima_nova_regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima_nova_ththin;
    src: url(../fonts/proxima_nova_thin-webfont.woff2) format("woff2"), url(../fonts/proxima_nova_thin-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.icon-search:before {
    content: '\e800'
}

.icon-specarrow:before {
    content: '\e801'
}

.icon-left-open-mini:before {
    content: '\e802'
}

.icon-right-open-mini:before {
    content: '\e803'
}

.icon-left-open:before {
    content: '\e804'
}

.icon-right-open:before {
    content: '\e805'
}

.icon-down-open:before {
    content: '\e806'
}

.icon-up-open:before {
    content: '\e807'
}

.icon-down-open-mini:before {
    content: '\e808'
}

.icon-up-open-mini:before {
    content: '\e809'
}

.icon-left-open-big:before {
    content: '\e80a'
}

.icon-right-open-big:before {
    content: '\e80b'
}

.icon-right-open-1:before {
    content: '\e80c'
}

.icon-left-open-1:before {
    content: '\e80d'
}

.icon-mail:before {
    content: '\e80e'
}

.icon-share:before {
    content: '\e80f'
}

.icon-ok:before {
    content: '\e810'
}

.icon-twitter:before {
    content: '\f309'
}

.icon-facebook:before {
    content: '\f30c'
}

.icon-gplus:before {
    content: '\f30f'
}

.icon-linkedin:before {
    content: '\f318'
}

.icon-instagram:before {
    content: '\f32d'
}
.icon-youtube{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-youtube:before {
    content: "\f16a";
    font-family: FontAwesome;
}
.icon-date:before {
    width: 16px;
    height: 16px;
    background: url(../images/icon-date.png) no-repeat;
    content: '';
    display: inline-block
}

.breadcrumb>li+li:before,
.btn.more:before {
    content: '\e801'
}

body {
    font-family: 'Gotham-Light', sans-serif;
    /*padding-top: 91px;*/
    padding-top: 56px;
}

li {
    list-style: none
}

a,
li {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

a:focus,
a:hover,
li:focus,
li:hover {
    text-decoration: none;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    outline: 0
}

.cut-rel {
    position: static
}

.alpha {
    padding-right: 0!important
}

.omega {
    padding-left: 0!important
}

.ui-loader {
    display: none
}

p {
    color: #003366
}

.btn {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.rose-bg .download, .rose-bg .btn-back {
	background-color:#FFF!important;
	color: #000!important;
	float: right;
	padding: 6px 35px 6px 12px;
	margin:0;
	position:relative;
}

.rose-bg .download::after {
	content:"";
	background-image: url(../images/icon-download.png);
	background-position: 0 bottom;
	background-repeat: no-repeat;
	background-size: 84%;
	width: 20px;
	height: 20px;
	position:absolute;
	right:4px;
	top:-1px;
	bottom:0;
	margin: auto;
}
	

.rose-bg .btn-back {
	color: #FFF!important;	
	background-color: #003366!important;	
	padding: 6px 12px;
	margin-right:10px;
}

.nvideo .content-wrap  h2 {
	float: left;
}

.nvideo .content-wrap:after {
	content:"";
	width:100%;
	clear:both;
	display: block;
}

.page-logo img {
    height: 28px;
    margin-top: 22px;
}

.dpo .ng-spotCaption {
    bottom: auto;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.dpo .ng-spotCaption .title-1 strong {
    font-size: 42px;
    line-height: 50px;
    display:block;
}

.dpo .ng-spotCaption .title-1 a {
    font-weight: normal;
    font-size: 22px;
    color: #002B58;
}

.dpo .ng-spotCaption .title-1 a:hover {
    color: #FF6666;

}

.dpo .helping-ecommerce {
    background: #f3f3f3;
}

.dpo .helping-ecommerce .container {
    background: #FFF;
    padding: 60px;
}

.dpo .helping-ecommerce img {
	max-width: 240px;
}

.dpo .helping-ecommerce p {
    font-size: 16px;
}

.dpo .helping-ecommerce h2 {
    font-family: 'Gotham-Medium';
    font-size: 29px;
    color: #1C3664;
}

.dpo .eqheight figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dpo .imgDpoMid img {
    width: 100%;
    object-fit: cover;
    visibility: hidden;
}

.dpo .imgDpoMid figure {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dpo .benefts-wrapeper {
    padding-bottom: 60px;
}

.dpo .benefts-wrapeper .benifit-top {
    background: #f3f3f3;
    padding: 65px 70px;
}

.dpo .benefts-wrapeper h2 { 
 	font-family: 'Gotham-Medium';
    text-transform: uppercase;
    color: #1C3664;
    padding-bottom: 50px;
    display:block;
}

.dpo .benefts-wrapeper .text-center h3 {
    color: #1C3664;
    padding: 20px 0;
    margin: 0;
    display:block;
}

.dpo .benefts-wrapeper .text-center p {
    font-size: 14px;
    margin: 0;
}

.dpo .benefts-wrapeper .text-center img {
    height: 71px;
}

.dpo .btn-click-here {
    font-size: 14px;
    background: #FF6666;
    color: #fff;
    float: right;
    position: relative;
    text-transform:uppercase;
    width:auto;
    padding:15px;
}

.dpo .btn-click-here::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #FFF;
    position: absolute;
    top: 33px;
    right: -1px;
    transform: rotate(90deg);
    transition: background-color 0.3s ease-out;
}

.dpo .btn-click-here:hover {
    background: #002e5d;
    color: #fff;
}

/*----------------------DPO group-----------------------*/

.dpo-group {
    padding: 0;
}

/* .dpo-group .page-logo img {
    height: inherit!important;
} */


.dpo-group .container {
    max-width: 1232px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.dpo-group .container::before, .dpo-group .container::after {
    content: none;
}

.d-flex {
    display: flex;  
    flex-flow: row nowrap;
}

.dpo-group .main-header {
    position: static;
}

.dpo-group .main-header .container {
    max-width: 1396px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    align-items: center;
}

.dpo-group .logo-network img {
    max-width: 300px;
    width: 100%;
}

.dpo-group .logo-dpo-group img {
    max-width: 260px;
    width: 100%;
}

.dpo-group .logo-dpo-group {
    padding-left: 22px;
}

.dpo-group .logo-network, .dpo-group .logo-dpo-group {
    display: block;
    position: relative;
}


.dpo-group .pay-form-wrapper {
    background: url(../images/bgDPOGroup.JPG) no-repeat center top;
    background-size: cover;
    padding: 80px 0;
}

.DPO-group-left img {
    max-width: 234px;
}

.DPO-group-left h1 {
    font-family: 'Gotham-Bold';
    font-size: 32px;
    color: #002B58;
    line-height: 38px;
    margin-top: 40px;
    display: block;
}

.DPO-group-left span {
    font-family: 'Gotham-book';
    font-size: 27px;
    font-weight: normal;
    display: block;
}

.DPO-group-left p {
    font-family: 'Gotham-book';
    font-size: 15px;
    line-height: 18px;
    padding: 50px 78px 0 0;
    display: block;
}

.DPO-group-right fieldset {
    margin-bottom: 25px;
}

.DPO-group-right label {
    font-family: 'Gotham-Medium';
    font-size: 14px;
    text-transform: uppercase;
    color: #1B3564;
    position: relative;
    padding: 0 22px 0 0;
    display: inline-block;
}


.DPO-group-right label::after {
    content: "*";
    font-family: 'Gotham-book';
    font-size: 25px;
    color: #F16666;
    line-height: 0px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 6px;
    right: 0;
}

.DPO-group-right ::-webkit-input-placeholder {
    color: #A7A9AC;
    opacity: 1; 
    -webkit-transition: opacity .25s; 
    transition: opacity .25s; 
  }  
.DPO-group-right :-moz-placeholder { 
    opacity: 1; 
    -moz-transition: opacity .25s; 
    transition: opacity .25s; 
  } 
.DPO-group-right::-moz-placeholder { 
    opacity: 1; 
    -moz-transition: opacity .25s; 
    transition: opacity .25s; 
  } 
.DPO-group-right:-ms-input-placeholder { 
    opacity: 1; 
    -ms-transition: opacity .25s; 
    transition: opacity .25s; 
  } 
.DPO-group-right::placeholder { 
    opacity: 1; 
    transition: opacity .25s; 
  } 
      
.DPO-group-right input:focus::-webkit-input-placeholder { 
    opacity: 0; 
  } 
.DPO-group-right input:focus:-moz-placeholder { 
    opacity: 0; 
  }
.DPO-group-right input:focus::-moz-placeholder { 
    opacity: 0; 
} 
.DPO-group-right input:focus:-ms-input-placeholder { 
    opacity: 0; 
} 
.DPO-group-right input:focus::placeholder { 
    opacity: 0; 
} 

.DPO-group-right input[type="text"], .DPO-group-right input[type="email"], .DPO-group-right input[type="number"], .DPO-group-right input[type="tel"], .DPO-group-right select  {
    font-family: 'Gotham-Light';
    font-size: 14px;
    border: none;
    width: 100%;
    margin-bottom: 20px;
    padding: 16px 15px 17px;
}

.g-recaptcha {
    position: relative;
}

#recapErr48040000154794007 {
    position: absolute!important;
}

.DPO-group-right input[type="submit"], .DPO-group-right .btn-reset {
    font-family: 'Gotham-Medium';
    font-size: 23px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    background: #F16666;
    border: none;
    width: 100%;
    padding: 10px 15px 11px;
}

.DPO-group-right .btn-reset{
    background: #002B58
}

.dpo-group  .d-none {
    display: none;
}

.DPO-group-right input[type="submit"] {
    font-family: 'Gotham-Medium';
    font-size: 23px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    background: #F16666;
    border: none;
    width: 100%;
    padding: 10px 15px 11px;
}


.DPO-group-right input[type=number]::-webkit-inner-spin-button, 
.DPO-group-right input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

.DPO-group-right input[type="text"]:focus, .DPO-group-right input[type="email"], .DPO-group-right input[type="number"], .DPO-group-right input[type="tel"] {
    outline: none;
}

.DPO-group-right .submit {
    justify-content: flex-end;
}

.dpo-group .customers-checkout-wrapper {
    background: #F2F2F2;
}

.dpo-group .customers-checkout-wrapper .container {
    background: #FFF;
    max-width: 1375px;
    padding: 70px 80px;
}

.dpo-group .customers-checkout-wrapper h2 {
    font-family: 'Gotham-Medium';
    font-size: 30px;
    color: #1B3564;
}

.dpo-group .customers-checkout-wrapper .container:not(:last-child) span {
    font-family: 'Gotham-book';
    font-size: 17px;
    color: #1B3564;
}

.dpo-group .top-spacing {
    padding:0 80px 60px!important;
}

.dpo-group .customers-checkout-items figure {
    max-width: 135px;
    width: 100%;
    padding-right: 35px;
}

.dpo-group .customers-checkout-items {
    padding-right: 85px;
}

.dpo-group.customers-checkout-items p {
    font-family: 'Gotham-book';
    font-size: 17px;
}

.dpo-group .customers-checkout-items h3 {
    font-family: 'Gotham-Medium';
    font-size: 20px;
    color: #1B3564;
    margin-bottom: 20px;
}

.dpo-group .right-content {
    padding-right: 0;
}

.dpo-group .row-wrapper:not(:last-child) p{
    margin-bottom: 40px;
}

.dpo-group .pay-form-wrapper .row:nth-child(3) .col-md-6:last-child label::after {
    content: none;
}

.dpo-group .logo-dpo-group::before {
    content: "";
    background: #e6e6e6;
    width: 1px;
    height: 43px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*--------------------invoice----------------------*/

.invoice-wrapper {
    background: #FFF;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #818181;
}

.invoice-wrapper h1  {
    font-family: 'Gotham-Medium';
    font-size: 35px;
    text-align: center;
    display: block;
}

.invoice-header {
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #b67e7d;
    overflow: hidden;
}


.invoice-common-wrapper {
    padding: 0 50px;
}

.invoice-address {
    padding: 35px 0 0;
}

.invoice-address-left, .invoice-address-right {
    font-family: 'Gotham-book';
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    flex: 1;
    padding: 0 20px 0 50px;
    margin-bottom: 15px;
}

.invoice-address-left {
    color: #3c91b0;
}

.spacer {
    width: 50px;
    display: flex;
    align-items: center;
}

.invoice-address-left::before, .invoice-address-right::before {
    content: "";
    position: absolute;
    left: 0;
    color: #000;
}

.invoice-address-left::before {
    content: "To"; 
    text-transform: capitalize;
    font-weight: bold;
}

.invoice-address-right::before {
    content: "From"; 
    text-transform: capitalize;
    font-weight: bold;
}

.color {
    color: #3c91b0;
}

.invoice-number {
    font-size: 15px;
    margin-bottom: 15px;
    
    max-width: 325px;
    width: 100%;
}

.invoice-number span {
    color: #000;
    font-weight: bold;
    display: block;
}

.invoice-number em {
    color: #000;
    font-style: normal;
    font-weight: bold;
}

.invoice-common-wrapper h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
}

.invoice-common-wrapper table {
    width: 100%;
    border: 1px solid #000;
    margin-bottom: 10px;
}

.invoice-common-wrapper thead td {
    font-size: 14px;
    text-align: center;
    padding: 10px;
    border: 1px solid #000;  
}

.invoice-common-wrapper tbody td {
    font-family: 'Gotham-book';
    border: 1px solid #000;  
    padding: 10px;
    text-align: right;
}

.invoice-common-wrapper tbody td::before {
    content: attr(data-title);
    font-weight: bold;
    display: none;
}

.invoice-common-wrapper tbody tr td:first-child {
    text-align: left;
}

.invoice-common-wrapper p span {
    color: #3c91b0;
}

.invoice-common-wrapper p.text-content {
    font-family: 'Gotham-book'!important;
    font-size: 13px;
    font-style: italic;
}

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

/*---------------POS Landing-------------------*/

.pos-landing .logo-network img {
    height: 28px!important;
    margin-right: 23px;
    margin-left: -13px;
    margin-top: 0;
}
.pos-landing .main-header .container {
    max-width: 1235px;
    padding: 15px 20px!important;
}
.pos-landing .logo-dpo-group img {
    height: 40px!important;
    position: relative;
    top:10px;
}

.pos-landing .DPO-group-left p {
    padding: 50px 0 0 0;
}

.pos-landing .main-header .container {
    padding-left: 20px;
    padding-right: 20px;
}

.pos-landing .DPO-group-right input[type="text"], .pos-landing .DPO-group-right input[type="email"], .pos-landing .DPO-group-right input[type="number"], .pos-landing .DPO-group-right input[type="tel"], 
.pos-landing .DPO-group-right select {
    font-size: 14px;
    height: 40px;
    margin-bottom: 20px;
    padding: 6px 12px 6px 15px;
    border-radius: 4px;
}

.pos-landing .mb-3 {
    margin-bottom: 18px !important;
}

.pos-landing .DPO-group-right input[type="submit"], .pos-landing .DPO-group-right .btn-reset {
    font-size: 16px;
    padding: 10px 15px;
}

.pos-landing .pay-form-wrapper {
    background: url(../images/bg-n-genius-form.jpg) no-repeat center center;
    background-size: cover;
}

.pos-landing .pay-form-wrapper .container {
    max-width: 1234px;
}

.pos-landing .DPO-group-left ul {
    margin: 0;
    padding: 25px 0;
    list-style: none;
}

.pos-landing .DPO-group-left li {
    width: 122px;
}

.pos-landing .DPO-group-left li:not(:last-child){
    margin: 0 35px 0 0;
}

.pos-landing .DPO-group-left h1 {
    margin: 0;
}

.pos-landing .DPO-group-left li figcaption {
    font-family: 'Gotham-Book';
    font-size: 15px;
    line-height: 17px;
    color: #003366;
    padding: 20px 0 0;
}

.pos-landing .ngenuis-talks {
    background-color: #F6F6F6!important;
}

.ngenuis-talks ul {
    max-width: 998px;
    width:100%;
    justify-content: space-between;
    margin: 0 auto;
    padding: 50px 0 0;
    list-style: none;
}

.ngenuis-talks li {
    align-items: center;
    display: flex;
}

.ngenuis-talks li:not(:last-child){
    margin-right: 40px;
}

.ngenuis-talks li img {
    max-width: 100%;
}

.ngenuis-talks p {
    font-family: 'Gotham-book';
    font-size: 17px;
    color: #1B3564;
    text-align: center;
    margin: 50px 0 0;
    display: block;
}

.ngenuis-talks p strong {
    font-family: 'Gotham-Medium';
}

.pos-landing .noimg::after {
    display: none!important;
}

.pos-landing .text-grey {
	font-size:25px;
	text-align:center;
	color: #002B58;
}
.pos-landing .text-grey span {
	display:block;
}
.pos-landing .pos-success {
	align-items: center;
}

/*--------------Customer update-----------------*/

.customer-update.dpo .ng-spotCaption .title-1 strong {
    font-family: "Gotham-Bold";
    font-size: 32px;
    line-height: 35px;
}
.update-top {
    font-size: 20px;
    color: #1c3664;
    background: #ededed;
}
.update-top .container {
    background: #FFF;
    padding: 35px 60px;
}

.update-form {
    background: #fff;
}

.update-form .container {
    background: #ededed;
     padding: 60px 60px;
}

.update-form h2 {
    font-family: "Gotham-Bold";
    font-size: 26px;
    color: #f16666;
} 

.update-form span {
    font-family: "Gotham-book";
    font-size: 20px;
    color: #1c3664;
}

.update-form .mid {
    font-size: 18px;
    margin: 30px 0 0;
    display: block;
}

.update-form h3 {
    font-family: "Gotham-Medium";
    font-size: 23px;
    color: #1c3664;
    margin-bottom: 30px;
}
.form-wrap {
    padding-top: 0!important;
}
.form-wrap .row {
    justify-content: space-between;
}
.form-wrap label {
    font-family: 'Gotham-Medium';
    font-size: 14px;
    text-transform: uppercase;
    color: #1B3564;
    position: relative;
    margin: 0 0 10px;
    padding: 0 22px 0 0;
    display: inline-block;
}
.form-wrap input[type="text"], #merchantid {
    font-family: "Gotham-Medium";
    font-size: 14px;    
    height: 40px;
    border: none;
    width: 100%;
    margin-bottom: 20px;
    padding: 6px 12px 6px 15px;
    border-radius: 4px;
}
.form-wrap input[type="text"]::placeholder,.form-wrap input:read-only, #merchantid:read-only {
    color: #838489;
}
.form-wrap input[type="text"]:focus, #merchantid:focus {
    outline: 0;
}
.form-wrap input:read-only {
    background-color: #e3e3e3;
    border: 1px solid #CCC; 
}
#merchantid {
    max-width: 300px;
}
.update-form h4 {
    font-family: "Gotham-bold"; 
    font-size: 14px ;
    color: #1B3564;
    margin: 30px 0;
}
.update-form input[type="submit"] {
    font-family: 'Gotham-Medium';
    font-size: 18px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    background: #F16666;
    border: none;
    margin: 30px 0 0;
    max-width: 324px;
    width: 100%;
    padding: 10px 15px 11px;
    border-radius: 4px;
}
/*-------------------E commorce----------------------*/
.e-landing .pay-form-wrapper .container {
    max-width: 1252px;
}
.e-landing.pos-landing .pay-form-wrapper {
    background: url(../images/bg-ecom-form.jpg) no-repeat center center;
    background-size: cover;
}
.e-landing .DPO-group-left p {
    padding: 30px 0 0;
  }
  
  .e-landing .DPO-group-left li {
    width: 180px;
  }
  
  .e-landing .DPO-group-left li {
    width: 180px;
  }
  
  .e-landing input[type="text"], .e-landing input[type="email"], .e-landing input[type="number"],.e-landing input[type="submit"] {
    border-radius: 4px;
  }
  
  .e-landing .ngenuis-talks {
    background-color: #FFF!important;
  }
  
  .e-landing .ngenuis-talks strong {
    font-size: 17px;
    font-family: "Gotham-Bold";
    color: #1B3564;
    margin-top: 20px;
    display: block;
  }
  
  .e-landing  .ngenuis-talks ul {
    justify-content: center;
  }
  
  .e-landing  .ngenuis-talks li:not(:last-child) {
    margin-right: 60px;
  }
  .e-landing .nbd-adcb strong {
    display:inline-block;
  }
  .e-landing  .ecommerce-application {
    background-color: #f6f6f6!important;
  }
  .e-landing .customers-checkout-items figure {
    text-align: center;
    max-width: 108px;
  }
  .e-landing .customers-checkout-items p {
    font-size: 17px;
    width: 100%;
  }
@media only screen and (max-width:992px) {
/*.nvideo .content-wrap  h2 {
	float: none!important;
}*/
 

.rose-bg .download, .rose-bg .btn-back {
	float: left!important;	
	margin-top: 10px;
	
}

.rose-bg .btn-back {
	margin-left:10px;
	margin-right: 0;
}

.dpo .benefts-wrapeper .text-center:not(:last-child) {
    padding-bottom: 50px;
}

.dpo .eqheight figure, .dpo .eqheight {
    min-height: auto!important;
}

.dpo .eqheight figure {
    padding-top: 30px;
}

.dpo .benefts-wrapeper .text-center h3 {
    padding: 20px 0;
}

.dpo .benefts-wrapeper h2 {
    padding-bottom: 30px;
    margin: 0;
}

.dpo .helping-ecommerce figure img {
	max-width: 230px;
}

}

.btn.red {
    background: #FF6666;
    color: #fff
}

.btn.red.btn-send {
    /*font-size: 22px;
    color: #fff;
    font-family: 'Gotham-Bold';
    text-shadow: 1px 1px 1px #333;
    padding: 8px 44px*/
    font-size: 18px;
    color: #fff;
    font-family: 'Gotham-Medium';
    padding: 10px 60px;
}

.btn.more {
    font-size: 18px;
    line-height: 22px;
    position: relative;
    color: #fff;
    padding-right: 20px;
    padding-left: 0
}

.btn.blue.more {
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
    padding-right: 30px
}

.btn.blue.more:before {
    right: 10px
}

.btn.blue.more:hover {
    background: #FF6666;
    color: #fff
}

.btn.blue.more:hover:before {
    color: #fff
}

.btn.more:before {
    font-family: network;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12.5px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.btn.more:hover {
    color: #003366
}

.btn.more:hover:before {
    color: #003366;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.btn.green {
    background: #a0b66f;
    color: #fff
}

.navbar-toggle {
    z-index: 5;
    position: absolute;
    top: 12px;
    right: 15px;
    margin: 0;
}

.section,
.section>.container {
    z-index: 1;
    position: relative
}

.section-title.br h2:before,
.section-title.br h3:before,
.utilities ul:before {
    right: 100%
}

.navbar-toggle span {
    background: #FF6666
}

.navbar-toggle.collapsed span {
    background: #000
}

.show-more {
    background: url(../images/icon-more.png) no-repeat;
    width: 52px;
    height: 52px;
    display: inline-block;
    margin: 0 auto
}

.white {
    background-color: #fff
}

.blue {
    background-color: #003366
}

.lightBlue {
    background-color: #16a9cf
}

.lightBlue1 {
    background-color: #43b5e6
}

.skyBlue {
    background-color: #4cb7e3
}

.lightGreen {
    background-color: #a7ab3c
}

.rose {
    background-color: #FF6666
}

.green {
    background-color: #a0b66f
}

.col-green {
    color: #a0b66f
}

.col-blue {
    color: #003366
}

.col-lightBlue1,
.col-rose {
    color: #FF6666
}

.col-white {
    color: #fff
}

.lightBlue.br {
    background-color: transparent;
    border: 1px solid #4cb7e3;
    color: #4cb7e3
}

.page-title {
    padding-bottom: 15px
}

.page-title h1,
.page-title h2 {
    font-size: 50px;
    line-height: 50px;
    font-family: 'Gotham-Light';
    margin: 0;
    color: #fff;
    text-align: center
}

@media only screen and (max-width:991px) {
    .page-title h1,
    .page-title h2 {
        font-size: 24px;
        line-height: 26px
    }
}

@media only screen and (max-width:640px) {
    .page-title {
        padding-bottom: 10px
    }
}

.breadcrumb {
    background: 0 0;
    margin: 0;
    padding: 0;
    text-align: center
}

.breadcrumb .active {
    color: #fff
}

.breadcrumb>li+li:before {
    font-family: network;
    color: #fff;
    font-size: 10px
}

.utilities {
    padding-top: 30px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center
}

.utilities ul {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}

.utilities ul:after,
.utilities ul:before {
    content: '';
    width: 1000px;
    height: 1px;
    background: #fff;
    top: 50%;
    display: block;
    position: absolute;
    margin-top: -4px
}

.utilities li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.utilities li a {
    width: 34px;
    height: 34px;
    border: 1px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    background: #FF6666
}

.utilities li a:hover {
    background: #fff;
    color: #003366;
    border-color: #003366
}

.section-title {
    color: #003366;
    font-family: 'Gotham-Light';
    margin-bottom: 15px
}

.section-title h2 {
    font-size: 30px;
    margin: 0
}

.section-title h3 {
    font-size: 35px;
    margin: 0
}

.section-title.br {
    position: relative;
    text-align: center;
    margin: 0 auto 60px
}

.section-title.br h2,
.section-title.br h3 {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    padding-right: 30px
}

.section-title.br h2:after,
.section-title.br h2:before,
.section-title.br h3:after,
.section-title.br h3:before {
    width: 1000px;
    position: absolute;
    content: '';
    background: #003366;
    height: 1px;
    top: 50%;
    margin-top: -.5px
}

@media only screen and (max-width:640px) {
    .utilities {
        padding-top: 10px
    }
    .section-title.br h2,
    .section-title.br h3 {
        font-size: 18px;
        padding-left: 5px;
        padding-right: 5px
    }
}

.section-title+p {
    color: #003366;
    margin-bottom: 60px;
    display: none
}

h2,
h3,
h4,
h5 {
    margin: 0 0 15px
}

h2.br,
h3.br,
h4.br,
h5.br {
    position: relative;
    padding-bottom: 10px
}

h2.br:before,
h3.br:before,
h4.br:before,
h5.br:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background: #FF6666;
    width: 30px;
    content: ''
}

h2.br.text-center:before,
h3.br.text-center:before,
h4.br.text-center:before {
    left: 50%;
    margin-left: -15px
}

.section {
    padding-top: 55px;
    padding-bottom: 55px
}

.second-section {
    padding-top: 0!important
}

ul.text-left li {
    text-align: left;
    text-align-last: left
}

.spec-wrapper {
    position: relative;
    z-index: 0
}

.spec {
    position: absolute;
    z-index: 0
}

.spec.news-spec-1 {
    right: 0;
    top: -100px
}

.spec.news-spec-2 {
    left: -50px;
    bottom: 50px
}

.spec.news-spec-3 {
    right: -160px;
    top: 150px
}

.spec.news-spec-4 {
    left: 0;
    bottom: 0
}

@media (max-width:767px) {
    .spec {
        display: none!important
    }

    .dpo .benefts-wrapeper h2 {
        text-align: center;
    }

    .dpo .benifit-bottom {
        text-align: center;
    }

    .dpo .btn-click-here {
        float: none;
		display: inline-block;
    }

    .dpo .helping-ecommerce .container {
        padding: 50px 40px;
    }
    
    .dpo .imgDpoMid img {
        height: 250px;
    }

    
.dpo .ng-spotCaption .title-1 a {
    margin-top: 15px;
    display: inline-block;
}

.dpo .benifit-top img {
    max-width: 40%;
}

/*-----------------dpo-group-----------------------------*/

.dpo-group .DPO-group-left p {
    padding: 0 0 20px;
}

.dpo-group .customers-checkout-wrapper .container {
    padding: 50px 40px;
}

.dpo-group .top-spacing {
    padding: 0 40px 50px!important;
}

.DPO-group-right input[type="submit"] {
    font-size: 18px;
    margin-top: 20px
}

.dpo-group .customers-checkout-items {
    padding-right: 0
}


.dpo-group .row-wrapper:last-child .right-content {
    margin-top: 40px!important;
}


/*------------------invoice--------------------*/

.invoice-common-wrapper thead {
    display: none;
}
.invoice-common-wrapper tbody td {
    display: block;
}
.invoice-common-wrapper tbody td::before {
    text-align: left;
    display: block;
}

.invoice-common-wrapper tbody tr:nth-child(odd) {
    background: #e5e5e5;
}

.invoice-address.d-flex, .registration-wrapper.d-flex {
    flex-direction: column;
}

.spacer {
    display: none;
}

.invoice-wrapper h1 {
    font-size: 28px;
}

.invoice-header {
    padding: 0 15px;
}

.invoice-common-wrapper {
    padding: 0 35px;
}
.form-wrap .d-flex {
    flex-direction: column;
}
.update-form .container {
    padding: 30px;
}
}

.default {
    margin-bottom: 30px
}

.default li {
    padding-left: 20px;
    position: relative;
    font-size: 13px;
    line-height: 16px;
    color: #003366
}

.default li:before {
    font-family: network;
    content: '\e801';
    color: #FF6666;
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0
}

.section-newsletter .btn-holder,
.section-newsletter .input-holder {
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 15px
}

.section-newsletter .input-holder {
    width: 270px
}

@media only screen and (max-width:480px) {
    .section-newsletter .btn-holder,
    .section-newsletter .btn-holder input,
    .section-newsletter .input-holder,
    .section-newsletter .input-holder input {
        width: 100%
    }
    .page-logo img {
    margin: 14px 0 0 22px!important
    }
}

.section-newsletter input {
    height: 48px;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    color: #003366
}

.section-newsletter .btn {
    height: 48px;
    padding-right: 70px;
    position: relative;
    font-size: 26px
}

.section-newsletter .btn:before {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    font-size: 20px
}

.form .input-holder {
    padding-bottom: 30px;
}

.form .input-holder.mandatory label {
    position: relative;
    padding-right: 20px
}

.form .input-holder.mandatory label:before {
    content: '*';
    display: inline-block;
    color: red;
    position: absolute;
    right: 0;
    top: -5px;
    font-size: 20px;
    font-family: Arial
}

.form label {
    display: inline-block;
    clear: both;
    color: #003366;
    vertical-align: top;
    font-size: 13px
}

.form label.error {
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 10px;
    color: #e93b49;
    font-weight: 400
}

.form input[type=email],
.form input[type=file],
.form input[type=password],
.form input[type=tel],
.form input[type=text],
.form select,
.form textarea {
    width: 100%;
    height: 50px;
    border: none;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px
}

.form input[type=file].error,
.form input[type=tel].error,
.form input[type=password].error,
.form input[type=text].error,
.form select .error,
.form textarea.error {
    border: 1px dashed #e93b49
}

.form textarea {
    height: 235px;
    padding: 10px
}

.form input[type=checkbox],
.form input[type=radio] {
    width: 23px;
    height: 23px;
    margin: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.form .checkbox-holder {
    position: relative
}

.form .checkbox-holder label {
    padding-left: 10px;
    padding-top: 4px;
}

.form .checkbox-holder a {
    display: inline-block;
    margin-left: -20px;
    position: relative;
    top: -7px;
    font-weight: bold;
    color: #003366;
    font-size: 13px;
}
.form .checkbox-holder input {
    opacity: 0;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.form .checkbox-holder span.select {
    z-index: 0;
    width: 22px;
    height: 22px;
    background: url(../images/btn-checkbox.png) 0 -23px no-repeat;
    position: absolute;
    left: 0
}

.form .checkbox-holder.checked span.select {
    background-position: 0 0
}

.form .selectboxit-container {
    display: block
}

.form .selectboxit-container .selectboxit {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width: 100%!important;
    height: 50px;
    background: #fff;
    box-shadow: none;
    border: none
}

.form .selectboxit-container .selectboxit span {
    height: 50px;
    line-height: 50px
}

.form .selectboxit-container .selectboxit .selectboxit-text {
    max-width: 100%!important
}

.form .selectboxit-container .selectboxit:focus,
.form .selectboxit-container .selectboxit:hover {
    background: #fff
}

.form .selectboxit-container .selectboxit-options {
    left: 0;
    right: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.form .selectboxit-container .selectboxit-options>.selectboxit-focus>.selectboxit-option-anchor {
    background: #FF6666
}
label.radio{
  cursor: pointer;
  margin: 0;
  position: relative;
  padding: 3px 0 0 31px;
  margin-right: 15px;
  margin-bottom: 18px;
}
label.radio input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
label.radio span{
  position: absolute;
  top: 2px;
  left: 0;
  width: 22px;
  height: 22px;
  background: #fff url(../images/checkbox-1.png) 0 0 no-repeat;
}
label.radio span::after{
  content: '';
  position: absolute;
  background: #3a3a3a;
  left: 3px;
  top: 3px;
  display: none;
}
#enquiryform label.radio span{
    background-image: url('../images/checkbox-2.png');
}
label.radio input:checked ~ span{
  background-position: 0 -22px;
}
label.radio input:checked ~ span::after{
  display: block;
}
header {
    position: fixed;
    z-index: 3;
    width: 100%;
    top: 0;
    left: 0;
}

header .row>div {
    position: static
}

@media only screen and (max-width:768px) {
    header {
        padding-bottom: 6px;
     
        z-index: 3
    }
  header .header-bottom a {
    margin-left: -21px;
}  
}

@media only screen and (max-width:480px) {
    header .page-logo {
        width: 70%;
        display: inline-block
    }
}

.header-top {
    background: #003366;
    color: #fff;
    position: relative;
    z-index: 3
}

.header-top .container {
    text-align: right
}

@media only screen and (max-width:991px) {
    .header-top {
        display: none
    }
    .header-top .container {
        text-align: left
    }
}

.header-top .container>div {
    border-left: 1px solid #395075;
    display: inline-block;
    vertical-align: top;
    height: 48px;
    line-height: 48px
}

.header-top .container>div:first-child {
    border-left: none
}

.header-top a {
    color: #fff
}

.header-top .search-form form>div {
    display: inline-block;
    vertical-align: top;
    line-height: 30px
}

.header-top .search-form input {
    background: 0 0;
    border: none;
    height: 48px;
    padding-left: 15px;
    padding-right: 0;
    font-size: 12px;
    min-width: 290px
}

@media only screen and (max-width:991px) {
    .header-top .search-form input {
        min-width: auto
    }
}

.header-top .search-form .btn {
    height: 48px;
    border: none;
    margin: 0;
    width: 60px;
    background: 0 0;
    color: #FF6666;
    font-size: 24px
}

.header-top .selectboxit-container {
    display: block
}

.header-top .selectboxit-container .selectboxit-options a,
.header-top .selectboxit-container span {
    max-width: 100%!important;
    height: 48px;
    line-height: 48px
}

.header-top .selectboxit-container .selectboxit-text {
    min-width: 78px;
    padding-right: 60px;
    text-align: left
}

.header-top .selectboxit-container .selectboxit {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width: 100%!important;
    background: 0 0;
    border: none
}

.header-top .selectboxit-container .selectboxit:focus,
.header-top .selectboxit-container .selectboxit:hover {
    color: #FF6666
}

.header-top .selectboxit-container .selectboxit:focus .selectboxit-arrow-container:before,
.header-top .selectboxit-container .selectboxit:hover .selectboxit-arrow-container:before {
    top: -7px
}

.header-top .selectboxit-container .selectboxit:focus .selectboxit-arrow-container:after,
.header-top .selectboxit-container .selectboxit:hover .selectboxit-arrow-container:after {
    bottom: -7px
}

.header-top .selectboxit-container .selectboxit-options {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    left: 0;
    right: 0
}

.header-top .selectboxit-container .selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor {
    background: #FF6666;
    height: auto
}

.header-top .selectboxit-container .selectboxit-options a,
.header-top .selectboxit-container .selectboxit-options span {
    height: 30px;
    line-height: 30px
}

.header-top .selectboxit-container .selectboxit-arrow-container:after,
.header-top .selectboxit-container .selectboxit-arrow-container:before {
    font-family: network;
    color: #9eaabd;
    position: absolute;
    right: 10px;
    font-size: 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.header-top .selectboxit-container .selectboxit-arrow-container:before {
    content: '\e807';
    top: -5px
}

.header-top .selectboxit-container .selectboxit-arrow-container:after {
    content: '\e806';
    bottom: -5px
}

.header-bottom .page-nav>ul>li>a:before,
.nav-tabs>li>a:before,
.section-newsletter:before,
.section-services .item .inner:before,
.top-nav li a:before {
    content: ''
}

.header-top .selectboxit-container .selectboxit-arrow-container i {
    display: none
}

.header-top .btn-wrapper {
    height: 48px;
    line-height: 34px;
    font-size: 18px;
    font-family: 'Gotham-Light';
    padding-left: 30px;
    padding-right: 30px
}
.top-nav {
    text-align: right;
}
@media (max-width: 767px){
    .for-login-menu .header-bottom{
        padding-top: 38px;
    }
    .alert-info{
        position: fixed;
        padding: 0;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
        margin: 0;
    }
}
.top-nav li {
    display: inline-block;
    padding-left: 15px
}
.top-nav li a{
    font-weight: bold;
    text-transform: uppercase;
}
.top-nav li a:before {
    background: url(../images/arrow-1.png) no-repeat;
    width: 6px;
    height: 9px;
    display: inline-block;
    margin-right: 10px
}

.top-nav li a.active,
.top-nav li a:hover {
    color: #FF6666
}

@media only screen and (max-width:768px) {
    .top-nav {
        text-align: left
    }
    .top-nav li {
        font-size: 12px;
        padding-right: 5px
    }
    .top-nav li a {
        padding-right: 0
    }
    .top-nav li a:before {
        margin-right: 5px
    }
}

.header-bottom {
    background: #fff;
    padding-top: 0px
}

.header-bottom a {
    font-size: 14px;
    color: #003366;
}

.header-bottom .page-nav {
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
    font-family: 'Gotham-Bold';
    position: relative
}

@media (min-width:768px) {
    .header-bottom .page-nav {
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }
}

@media (max-width:991px) {
    .header-bottom .page-nav {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding-left: 0
    }
}

.header-bottom .page-nav>ul {
    text-align: right;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center
}

.header-bottom .page-nav>ul>li {
    display: inline-block;
    /*padding: 10px 8px 40px*/
    padding: 18px 13px 14px;
}

@media only screen and (max-width:991px) {
    .header-bottom .page-nav>ul>li {
        padding-bottom: 30px
    }
    .header-bottom .page-nav>ul {
        text-align: left
    }
    .about-circles,
    .section h4,
    .section-title {
        text-align: center!important;
    }
    .search-lists h3 {
        text-align: left!important;
    }
    .wrap-mangament .team-list .fig-content p{
        text-align: center;
    }
}

.header-bottom .page-nav>ul>li>a {
    white-space: nowrap;
    position: relative;
    padding-bottom: 12px;
    font-family: 'Gotham-Light';
    font-weight: 700
}

.safari .header-bottom .page-nav>ul>li>a,
.tooltip {
    font-weight: 400
}

.header-bottom .page-nav>ul>li>a:before {
    width: 54px;
    height: 4px;
    background: #FF6666;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -27px;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

@media (max-width:767px) {
    .header-bottom .page-nav>ul>li>a:before {
        display: none
    }
    .header-bottom .page-nav>ul>li>a {
        font-size: 14px
    }
    .header-bottom .page-nav .subnav .title,
    .header-bottom .page-nav .subnav .title a {
        font-size: 13px!important
    }
    .header-bottom .page-nav .subnav li a {
        font-size: 11px!important
    }
}

.header-bottom .page-nav>ul>li.active>a,
.header-bottom .page-nav>ul>li:hover>a {
    color: #FF6666
}

.header-bottom .page-nav>ul>li.active>a:before,
.header-bottom .page-nav>ul>li:hover>a:before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

@media only screen and (max-width:1199px) {
    /*.header-bottom .page-nav>ul>li {
        padding-left: 5px;
        padding-right: 5px
        }*/

        .header-bottom .page-nav>ul>li>a {
            font-size: 14px
        }

        .dpo .inner-spotlight .ng-spotCaption {
            position: absolute;
            bottom: auto;
          }
    }

    @media only screen and (max-width:991px) {
        .header-bottom .page-nav .subnav .container {
            width: 100%
        }
    }

    .header-bottom .page-nav .subnav ul {
        justify-content: center
    }

    .header-bottom .page-nav .subnav li {
        float: none;
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative;
        vertical-align: top
    }

    @media only screen and (min-width:1299px) and (max-width:1499px) {
        .header-bottom .page-nav .subnav li {
            width: 125px
        }
    }

    @media only screen and (min-width:768px) and (max-width:1298px) {
        .header-bottom .page-nav .subnav li {
            width: 104px
        }
    }

    .header-bottom .page-nav .subnav li .icon {
        padding-bottom: 10px;
        min-height: 55px
    }

    .header-bottom .page-nav .subnav li .icon img {
        margin: 0 auto;
        max-height: 50px
    }

    .header-bottom .page-nav .subnav li span {
        font-size: 12px;
        line-height: 14px;
        display: block
    }

    .header-bottom .page-nav .subnav li a {
        position: static
    }

    @media only screen and (min-width:1199px) and (max-width:1299px) {
    /*.header-bottom .page-nav>ul>li {
        padding-left: 5px;
        padding-right: 5px
        }*/
        .header-bottom .page-nav .subnav li a {
            padding: 0 12px
        }
    }

    @media only screen and (min-width:991px) and (max-width:1198px) {
        .header-bottom .page-nav .subnav li a {
            padding: 0 12px
        }
    }

    @media only screen and (min-width:320px) and (max-width:768px) {
        .team-list .item-inner img {
            width: 100%
        }
        .team-list .gridder-list {
            height: auto!important
        }
    }

    @media only screen and (max-width:991px) {
        .header-bottom .page-nav .subnav li a {
            padding: 0 8px
        }
        .owl-carousel .container-wrapper .ng-title.online-payment{margin-top:0px !important;}
    }

    .header-bottom .page-nav .subnav li.active>a,
    .header-bottom .page-nav .subnav li.select>a,
    .header-bottom .page-nav .subnav li:hover>a {
        background: #FF6666;
        color: #fff
    }

    @media only screen and (max-width:767px) {
        .related-list .item-inner h2 {
            font-size: 14px
        }
        .related-list .item-inner p {
            font-size: 11px
        }
        .header-bottom .page-nav>ul,
        .header-bottom .page-nav>ul>li {
            display: block
        }
        .header-bottom .page-nav {
            padding: 0;
            margin: 3px 0 0;
            background: #003366;
            position: absolute;
            left: 0;
            right: 0
        }
        .header-bottom .page-nav>ul {
            padding-bottom: 20px
        }
        .header-bottom .page-nav>ul>li {
            display: block;
            padding: 5px 10px
        }
        .header-bottom .page-nav>ul>li>a {
            display: block;
            color: #fff;
            padding: 0
        }


    }

    .page-spotlight {
        position: relative
    }

    .page-spotlight .item img {
        position: relative;
        z-index: 1
    }

    .page-spotlight .milestone img {
        margin-top: 100px
    }

    .page-spotlight .item .container {
        position: relative;
        z-index: 2
    }

    .page-spotlight .item .container .caption {
        position: absolute;
        right: 15px;
        top: calc(25vh);
        max-width: 30%
    }

    @media (max-width:1299px) {
        .page-spotlight .item .container .caption {
            max-width: 50%;
            top: 15px
        }
    }

    .page-spotlight .item .container .caption h2 {
        font-size: 30px;
        color: #fff
    }

    .page-spotlight .owl-nav> button,
    .section-testimonial .owl-nav > button {
        position: absolute;
        top: 50%;
        margin-top: -33px;
        border: none;
        background: transparent;

    }
    .page-spotlight .owl-nav> button svg path {
        stroke: #036!important;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out
    }
    .page-spotlight .owl-nav> button:hover svg path {
        stroke: #FF6666!important;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out
    }

    .owl-nav button {
        border: 0;
        background: transparent;
    }

    .page-spotlight .owl-nav> .owl-prev {
        left: 70px
    }

    .page-spotlight .owl-nav> .owl-next {
        right: 70px
    }

    .page-spotlight.whoweare .owl-nav>div.owl-prev,
    .section-testimonial .owl-nav>div.owl-prev {
        left: -30px
    }

    .page-spotlight.whoweare .owl-nav>div.owl-next,
    .section-testimonial .owl-nav>div.owl-next {
        right: -30px
    }

    .section-testimonial .owl-nav>div.owl-next,
    .section-testimonial .owl-nav>div.owl-prev {
        top: 30%
    }

    @media (max-width:767px) {
        .page-spotlight .owl-nav>div.owl-prev,
        .section-testimonial .owl-nav>div.owl-prev {
            left: 0
        }
        .page-spotlight .owl-nav>div.owl-next,
        .section-testimonial .owl-nav>div.owl-next {
            right: 0
        }
        .page-spotlight .item .container .caption {
            max-width: 100%
        }
.page-spotlight .owl-nav>div, .section-testimonial .owl-nav>div {
    margin-top: -28px;
}



        .page-spotlight .item .container .caption h2 {
            font-size: 16px
        }
    }

    .page-spotlight.whoweare .owl-nav>div svg path {
        stroke: #000!important
    }

    .page-spotlight .owl-nav>div svg path {
        stroke: #036!important;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out
    }

    .page-spotlight .owl-nav>div:hover svg path {
        stroke: #FF6666!important;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out
    }

    #to {
        background: url(../images/btn-to.png) no-repeat;
        width: 64px;
        height: 64px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -32px;
        margin-bottom: -32px;
        z-index: 2;
        cursor: pointer
    }

    .section-solution h2,
    .section-solution p {
        font-family: 'Gotham-Light';
        margin-bottom: 50px
    }

    .inner-spotlight img {
        width: 100%;
        min-height: 224px
    }

    .inner-spotlight .spot-content {
        /* position: absolute; */
        bottom: 0px;
        left: 0;
        right: 0;
        display: block;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .inner-spotlight a {
        color: #fff
    }

    .section-solution {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .section-solution h2 {
        font-size: 42px;
        color: #003366;
        text-align: center
    }

    @media only screen and (max-width:767px) {
        .newsmob {
            padding: 0px 15px;
        }
        .section-solution h2 {
            font-size: 22px;
            line-height: 24px
        }
    }

    .section-solution p {
        font-size: 13px
    }

    .section-solution .counter-wrapper em,
    .section-solution .counter-wrapper span {
        font-size: 34px;
        line-height: 26px;
        color: #FF6666
    }

    .map-aside,
    .section-about h4,
    .section-solution .counter-wrapper {
        font-family: 'Gotham-Light'
    }

    .section-solution .counter-wrapper p {
        font-size: 18px;
        line-height: 20px;
        color: #FF6666
    }

    .section-solution .counter-wrapper ul {
        text-align: center
    }

    .section-solution .counter-wrapper li {
        background: url(../images/bg-counter.png) center no-repeat;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        width: 180px;
        height: 142px;
        margin-left: 24px;
        margin-right: 24px;
        padding-top: 40px
    }

    .solution-list {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .solution-list ul {
        display: table;
        width: 100%
    }

    .solution-list li {
        display: table-cell;
 /*       float: none;*/
        vertical-align: top
    }

    .solution-list .icon {
        margin-bottom: 40px;
        height: 100px
    }

    .solution-list .icon img {
        margin: 0 auto
    }

    .solution-list a {
        color: #003366
    }
	.webinar-wrap ul.solution-list li h3 {
	margin-top:20px;
}
	
	
	.webinar-wrap ul.solution-list li h3 a {
	font-size: 14px;
	font-weight: bold;
	display:block;
}

    .solution-list a:hover {
        color: #FF6666
    }

    .solution-list span {
        font-size: 25px;
        line-height: 27px;
        text-align: center;
        display: block
    }
	
	.webinar-wrap ul.solution-list li a {
	position: relative;
	width:100%;
	height:100%;
	display:block;
}

.webinar-wrap ul.solution-list li figure a::before {
	content:"";
	background: url(../images/icon-play.png) no-repeat center center;
	width: 64px;
	height: 64px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	opacity: 0;
	-o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
	cursor:pointer;
	z-index:10;
}

.webinar-wrap ul.solution-list li:hover figure a::before, .webinar-wrap ul.solution-list li:hover figure a::after {
	opacity:1;
}


    @media only screen and (max-width:991px) {
        .inner-spotlight .spot-content {
            bottom: 15px
        }
        .solution-list li span {
            font-size: 16px;
            line-height: 18px
        }
    }

    @media only screen and (max-width:768px) {
        .solution-list {
            text-align: center
        }
        .solution-list li {
            display: inline-block;
            float: none;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 30px
        }
    }

    .section-about {
        background: url(../images/bg-about.jpg) no-repeat;
        background-size: cover;
        color: #fff;
        padding-top: 70px;
        padding-bottom: 70px
    }

    .section-about h2 {
        margin-bottom: 24px
    }

    .section-about h4 {
        font-size: 21px;
        margin-top: 0;
        margin-bottom: 18px
    }

    .section-about p {
        font-size: 13px;
        line-height: 18px
    }

    .about-box {
        background: url(../images/bg-box.png) right bottom no-repeat #FF6666;
        padding: 30px 30px 90px
    }

    .section-services .spec {
        left: 0;
        bottom: -50px
    }

    .section-services .row {
        margin-left: -4px;
        margin-right: -4px
    }

    .section-services .item {
        padding: 0 4px 8px
    }

    .section-services .item figure img {
        width: 100%
    }

    .section-services .item .item-inner {
        position: relative
    }

    .section-services .item h2 {
        margin: 0;
        position: absolute;
        color: #fff;
        top: 30px;
        left: 40px
    }

    .section-services .item h2.br:before {
        transition: all 1s ease-in-out
    }

    .section-services .item:hover h2.br:before {
        width: 100%;
        transition: all 1s ease-in-out
    }

    .section-services .item:hover .inner {
        opacity: 1;
        transition: all .7s ease-out
    }

    .section-services .item:hover .inner a {
        color: #fff
    }

    .section-services .item:hover .inner:before {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: all 1.5s ease-out
    }

    .section-services .item:hover .inner h2.br:before {
        width: 100%;
        transition: all 1s ease-in-out
    }

    .section-services .item:hover .inner p {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: all 1s ease-out
    }

    .section-services .item .inner,
    .section-services .item .inner:before {
        position: absolute;
        bottom: 0;
        transition: all .7s ease-out;
        left: 0;
        right: 0;
        top: 0
    }

    .section-services .item:hover .inner .more {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    .section-services .item .inner {
        background: #16a9cf;
        color: #fff;
        padding: 30px 40px;
        opacity: 0
    }

    .section-services .item .inner a {
        color: #fff
    }

    .section-services .item .inner:before {
        background: url(../images/bg-box.png) right bottom no-repeat;
        z-index: 0;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    .section-services .item .inner h2.br {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 35px
    }

    .section-services .item .inner h2.br:before {
        background: #003366;
        transition: all 1s ease-in-out
    }

    .section-services .item .inner p {
        font-size: 18px;
        line-height: 23px;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
        transition: all .7s ease-out
    }

    .section-services .item .inner .more {
        position: absolute;
        left: 40px;
        bottom: 10px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .section-services .item .inner .more:hover {
        color: #003366
    }

    @media only screen and (max-width:480px) {
        .section-services .item {
            width: 100%
        }
    }

    .section-newsletter {
        background: url(../images/blue-pattern.png) #003366;
        color: #fff;
        position: relative
    }

    .section-newsletter:before {
        background: url(../images/news-spec.png) center right no-repeat;
        position: absolute;
        z-index: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 25%
    }

    .section-newsletter h3 {
        color: #fff;
        font-size: 32px
    }

    .section-newsletter .section-title {
        padding-bottom: 60px
    }

    .section-newsletter .form {
        text-align: center;
        margin-bottom: 10px
    }

    .news-list {
        margin-top: 35px
    }

    .news-list .item {
        padding-left: 15px;
        padding-right: 15px;
        display: block
    }

    .news-list .item a {
        color: #fff
    }
    .resource-list .item > a figure{
        display: block;
        position: relative;
    }
    .resource-list .item > a figure:before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #FF6666;
        z-index: 1;
        opacity: 0;
        /*transition: all 0.3s;*/
    }
    .resource-list .item > a:hover figure:before{
        opacity: .8;
    }
    .news-list .item:hover .inner {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        transition: all .3s ease-in-out
    }

    .news-list .item:hover figcaption {
        background: #000;
        background: -webkit-linear-gradient(rgba(254, 87, 92, 0.8), rgba(254, 87, 92, 0.8));
        background: -o-linear-gradient(rgba(254, 87, 92, 0.8), rgba(254, 87, 92, 0.8));
        background: -moz-linear-gradient(rgba(254, 87, 92, 0.8), rgba(254, 87, 92, 0.8));
        background: linear-gradient(rgba(254, 87, 92, 0.8), rgba(254, 87, 92, 0.8));
        transition: all .3s ease-in-out
    }

    .news-list figure {
        height: 265px
    }

    .news-list figcaption {
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 17px;
        top: 0;
        background: rgba(0, 0, 0, .1);
        background: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, .1));
        background: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, .1));
        background: -moz-linear-gradient(transparent 0%, rgba(0, 0, 0, .1));
        background: linear-gradient(transparent 0%, rgba(0, 0, 0, .1));
        transition: all .3s ease-in-out
    }

    .event-list figcaption {
        background: rgba(0, 0, 0, .2);
        background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .2));
        background: -o-linear-gradient(transparent, rgba(0, 0, 0, .2));
        background: -moz-linear-gradient(transparent, rgba(0, 0, 0, .2));
        background: linear-gradient(transparent, rgba(0, 0, 0, .2))
    }

    .news-list figcaption p {
        color: #fff
    }

    .news-list figcaption .inner {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px 30px;
        font-size: 14.5px;
        color: #fff;
        opacity: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: all .3s ease-in-out
    }

    .news-list figcaption .date {
        font-size: 11px;
        position: relative;
        padding-left: 22px
    }

    .news-list figcaption .date:before {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -10px
    }

    .news-list .owl-dots {
        text-align: center;
        margin-top: 30px
    }

    .news-list .owl-dots .owl-dot {
        display: inline-block;
        float: none;
        vertical-align: top
    }

    .news-list .owl-dots .owl-dot span {
        display: block;
        width: 15px;
        height: 15px;
        background: rgba(12, 42, 91, .5);
        margin-left: 5px;
        margin-right: 5px
    }

    .news-list .owl-dots .owl-dot.active span {
        background: #003366
    }

    .content-news .item {
        margin-bottom: 30px
    }

    @media only screen and (max-width:480px) {
        .content-news .item {
            width: 100%
        }
    }

    .content-news .news-list figure img {
        width: 100%
    }

    .content-news .btn-holder {
        display: block;
        width: 100%;
        clear: both
    }

    .media-tab .nav-tabs {
        padding-bottom: 70px
    }

    .nav-holder {
        margin-left: -.5px;
        margin-right: -.5px
    }

    .nav-tabs {
        border: none
    }

    .nav-tabs>li>a {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        line-height: 35px;
        color: #fff;
        position: relative;
        margin: 0 .5px;
        border: none
    }

    .nav-tabs.small>li>a,
    .tab-links.small>li>a {
        font-size: 14px;
        line-height: 18px
    }

/*.nav-tabs>li>a:before {
    border: 21px solid transparent;
    position: absolute;
    top: 100%;
    margin-top: -50px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
    }*/
    .nav-tabs>li>a:before {
    /*border: 21px solid transparent;
    position: absolute;
    top: 100%;
    margin-top: -50px;
    left: 100%;
    margin-left: -20px;
    width: 0;
    height: 0;*/
    /*transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;*/
}

.nav-tabs>li .icon {
    position: absolute;
    right: 30px;
    top: 25px
}

.nav-tabs>li.active>a {
    border: none
}

.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background: #FF6666;
    color: #fff;
    border: none;
    margin: 0
}

.nav-tabs>li.active>a:before {
    margin-top: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.nav-tabs>li.active>a,
.nav-tabs>li:focus>a,
.nav-tabs>li:hover>a {
    color: #fff
}

@media only screen and (max-width:991px) {
    .nav-tabs>li a {
        font-size: 18px;
        padding-left: 20px
    }
}

@media only screen and (max-width:640px) {
    .media-tab {
        padding-top: 15px
    }
    .media-tab .nav-tabs {
        padding-bottom: 15px
    }
    .nav-tabs>li {
        display: block;
        width: 100%
    }
    .nav-tabs>li a {
        display: block;
        font-size: 20px;
        line-height: 22px
    }
    .nav-tabs>li a .icon {
        width: 30px
    }
    .nav-tabs>li.active>a:before {
        display: none
    }
}

.map-aside {
    font-size: 14px
}

.country-list a:before,
.map-aside a:before {
    content: '\e801';
    font-family: network
}

.map-aside li:first-child a {
    border-top: 1px solid #e4e4e4
}

.map-aside li.active a,
.map-aside li:hover a {
    color: #FF6666
}

.map-aside a {
    display: block;
    color: #003366;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    padding-top: 5px;
    padding-bottom: 5px
}

.map-aside a:before {
    position: absolute;
    right: 0;
    color: #e8ebef
}

.country-list a {
    color: #003366
}

.country-list a:before {
    opacity: 0
}

.country-list li {
    display: inline-block;
    position: absolute
}

.country-list li.hover a,
.country-list li:hover a {
    color: #e93b49
}

.map {
    position: relative
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto
}

.ui-tooltip {
    padding: 5px 20px;
    background: #003366;
    color: #fff;
    display: inline-block!important;
    z-index: 99
}

.content-about {
    position: static
}

.content-about .container {
    position: relative;
    z-index: 1
}

.content-about h2:before {
    background: #FF6666
}

@media only screen and (max-width:640px) {
    .content-about h2 {
        font-size: 20px
    }
    .content-about h3 {
        font-size: 16px;
        line-height: 18px
    }
}

.content-about h2 {
    margin-bottom: 30px;
    font-size: 40px
}

.box-vision,
.box-vision-wrapper {
    margin-bottom: 60px
}

.box-vision {
    border: 1px solid #213964;
    border-left: none;
    border-right: none;
    color: #213964;
    padding: 30px;
    position: relative;
    height: 206px;
    display: table-cell;
    vertical-align: middle
}

.breadcrumb>li,
.page-nav>ul {
    vertical-align: top
}

.box-vision:after,
.box-vision:before {
    content: '';
    position: absolute;
    top: -1px;
    width: 102px;
    height: 206px
}

.box-vision:before {
    right: 100%;
    background: url(../images/spec-border-1.png) no-repeat
}

@media only screen and (max-width:757px) {
    .box-vision {
        border: 1px solid #213964
    }
    .box-vision:after,
    .box-vision:before {
        display: none
    }
}

.box-vision:after {
    left: 100%;
    background: url(../images/spec-border-2.png) no-repeat
}

.box-vision h2 {
    margin-bottom: 20px
}

.box-vision p {
    font-size: 18px
}

@media only screen and (max-width:991px) {
    .content-about .eqHeight {
        height: auto!important
    }
}

.content-about .news-spec-2 {
    top: auto;
    bottom: 10%
}

.content-about .news-spec-3 {
    top: 5%;
    bottom: auto
}

.box-content {
    padding: 50px;
    font-size: 13px;
    background-repeat: no-repeat;
    background-position: right bottom
}

.box-content strong {
    font-size: 18px;
    font-weight: 400
}

.box-content p {
    font-size: 14px;
    line-height: 20px
}

@media only screen and (max-width:640px) {
    .box-content {
        padding: 30px
    }
}

.content-solution p {
    font-size: 15px;
    line-height: 18px
}

.solutions-list .item-inner {
    position: relative;
    text-align: left
}

.solutions-list .item-inner:before {
    content: '\e801';
    font-family: network;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: 20px;
    font-size: 22px;
    color: #fff;
    display: inline-block;
    height: 25px;
    width: 20px;
    z-index: 3;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    line-height: 26px
}

.solutions-list .item-inner:after {
    width: 0;
    height: 0;
    content: '';
    display: inline-block;
    border: 10px solid transparent;
    border-top-color: #FF6666;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    opacity: 0
}

.solutions-list figure {
    position: relative;
    z-index: 0
}

.solutions-list .fig-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    padding: 30px;
    background: 0 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}


.btn.mobileback{
    display: none;
}
.btn.desktopback{
    display: block;
}
@media (max-width: 767px) {

.btn.mobileback{
    display: block;
}
.btn.desktopback{
    display: none;
}

}


@media only screen and (max-width:420px) {
    .solutions-list .fig-content {
        padding: 15px
    }
}

.solutions-list .fig-content:before {
    background: url(../images/bg-box.png) right bottom no-repeat;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    transition: all .7s ease-out;
    opacity: 0
}

.solutions-list .fig-content a,
.solutions-list .fig-content p {
    color: #fff
}

.solutions-list .fig-content h3 {
    font-size: 25px;
    padding-bottom: 30px;
    margin-bottom: 30px
}

@media only screen and (max-width:420px) {
    .solutions-list .fig-content h3 {
        margin-bottom: 15px;
        padding-bottom: 15px
    }
}

.solutions-list .fig-content h3:before {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.solutions-list .fig-content p {
    font-size: 17px
}

.solutions-list .item {
    width: 33.33333%
}

.solutions-list .item figure img {
    width: 100%
}

.solutions-list .item.selectedItem .item-inner:before,
.solutions-list .item:hover .item-inner:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    line-height: 26px
}

.solutions-list .item.selectedItem .item-inner:after,
.solutions-list .item:hover .item-inner:after {
    opacity: 1
}

.solutions-list .item.selectedItem .fig-content,
.solutions-list .item:hover .fig-content {
    background: #FF6666;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.solutions-list .item.selectedItem .fig-content:before,
.solutions-list .item:hover .fig-content:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: all .7s ease-out;
    opacity: 1
}

.nav-tabs>li>a:before,
.solutions-list .item:hover .item-inner:after {
    opacity: 0
}

.solutions-list .item.selectedItem h3:before,
.solutions-list .item:hover h3:before {
    background: #003366;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

@media only screen and (max-width:1199px) {
    .solutions-list .item {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px
    }
}

.gridder {
    margin: 60px 0 0;
    padding: 0;
    list-style-type: none;
    font-size: 0
}

.gridder-list,
.gridder-show,
.team-list .item {
    font-size: 16px
}

.gridder-list,
.team-list .item {
    display: inline-block;
    vertical-align: top;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 8px;
    cursor: pointer;
    float: none
}

@media (max-width:768px) {
    .gridder-expanded-content .col-md-12 {
        width: 96%;
        margin-left: 2%
    }
}

.gridder-show {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: left
}

.gridder-show figure {
    padding-bottom: 30px
}

.gridder-show h2 {
    font-size: 40px;
    line-height: 50px;
    color: #FF6666
}

.marginbttm20 {
    margin-bottom: 20px!important
}

.gridder-show h2.br:before {
    background: #FF6666!important
}

.gridder-show h3 {
    font-size: 25px;
    line-height: 27px;
    color: #FF6666
}

.gridder-show h4 {
    font-size: 15px;
    line-height: 17px
}

.gridder-show .box-content p {
    font-size: 14px;
    line-height: 18px;
    color: #003366;
    display: block
}

.gridder-content {
    display: none
}

.footer-bottom li,
.footer-bottom p,
.footer-bottom ul,
.footer-nav ul,
.gridder-close {
    display: inline-block
}

.gridder-close {
    background: url(../images/btn-close.png) no-repeat;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 15px;
    top: 45px;
    z-index: 5
}

.content-contact .box-holder {
    margin-top: 30px;
    margin-bottom: 60px
}

.content-contact .title {
    font-size: 15px;
    padding-bottom: 10px
}

.content-contact .title-large {
    font-size: 18px;
    padding-bottom: 5px
}

.content-contact p {
    font-size: 14px;
    margin-bottom: 0;
    color: #003366
}

.content-contact p.addres {
    color: #003366
}

.content-contact .col-lightblue {
    color: #FF6666
}

.content-contact .address,
.content-contact .helpline {
    position: relative
}

.content-contact .helpline p {
    font-size: 14px
}

.content-contact table td {
    padding-left: 10px
}

.content-contact table td:first-child {
    padding-left: 0
}

.content-contact .tab-pane {
    background: url(../images/grey-pattern.png) #edeff3;
    padding: 50px
}
.content-contact.external-wrap .tab-pane{background:#edeff3; padding: 30px 50px 50px 50px;}
.grey {
    background: #edeff3;
    padding: 30px
}

@media screen and (max-width:767px) {
    .content-contact .tab-pane {
        padding: 20px
    }
}

footer {
    font-size: 13px;
    font-family: 'Gotham-Light';
    background: #f4f4f4
}

footer a,
footer p {
    color: #717171;
    margin: 0
}

footer .title,
footer .title a {
    color: #003366
}

footer .title {
    font-size: 16px;
    padding-bottom: 5px
}

.btn.blue,
.btn.rose,
.faq h4,
.footer-bottom,
.footer-bottom a,
.footer-bottom p {
    color: #fff
}

.footer-nav {
    line-height: 20px;
    margin-left: 20px;
}

.footer-nav ul {
    float: left;
    padding-right: 18px;
    padding-bottom: 15px;
}

.footer-nav ul:first-child {
    padding-left: 0
}

.footer-top {
    padding-top: 30px;
    padding-bottom: 15px
}

.footer-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #464747
}

@media only screen and (max-width:640px) {
    footer .footer-logo img {
        margin: 0 auto
    }
    .footer-bottom {
        text-align: center
    }
}

.footer-bottom li {
    padding-left: 5px
}
.footer-nav li {
    position: relative;
    padding: 0 15px 0 0;
}
.footer-nav li:after {
    position: absolute;
    width: 1px;
    background: #fff;
    height: 13px;
    right: 5px;
    top: 2px;
    content: "";
}
.footer-nav li:last-child:after {
    display: none;
}
.footer-bottom .developer {
    text-align: right
}

.footer-bottom .developer a {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 5px
}

@media only screen and (max-width:640px) {
    .footer-bottom .developer {
        text-align: center
    }
}

.directors-list .fig-caption,
.management-list .fig-caption {
    background: #FF6666;
    padding: 10px;
    color: #fff
}

.directors-list article,
.management-list article {
    margin-bottom: 30px
}

.management-list article {
    display: block
}

.management-list article .inner {
    border: 1px solid #ccc;
    float: left;
    clear: both;
    padding: 30px 15px
}

.management-list .fig-details {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.directors-list figure,
.management-list figure {
    border: 1px solid #ddd;
    border-bottom: none
}

.management-list figure {
    border: none
}

.directors-list .fig-caption .name,
.management-list .fig-caption .name {
    font-family: 'Gotham-Bold'
}

.header-bottom .page-nav>ul>li.ex-nav,
.selectboxit-container * {
    font-family: 'Gotham-Light';
    white-space: normal;
}
.selectboxit-container .selectboxit-options a.selectboxit-option-anchor{
 height: auto!important;
 line-height: 25px;
 white-space: normal;
}
.selectboxit-container span.selectboxit-option-icon-container {
    white-space: normal;
}
.directors-list .fig-caption p,
.management-list .fig-caption p {
    margin: 0
}

.img-center {
    display: block;
    margin: 0 auto
}

.stick-sub {
    display: block!important
}

.container {
    padding-left: 0;
    padding-right: 0
}



section.wrap-about .light-bg > .container{
    overflow: hidden;
}

@media only screen and (max-width:768px) {
    .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.industry-solution {
    padding-top: 0;
    padding-bottom: 20px
}

.equal-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.equal-row>[class*=col-] {
    display: flex;
    flex-direction: column
}

.faq h4 {
    padding: 10px;
    background: #003366
}

.faq article {
    margin-bottom: 15px;
    border: 1px solid #ccc
}

.faq article p {
    padding-left: 10px;
    padding-right: 10px
}

.img-left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.page-nav>ul {
    display: inline-block
}

/* .header-bottom .page-nav>ul>li.ex-nav:hover a:before, */
.header-bottom .selectboxit-container .selectboxit-arrow-container i,
.selectboxit .selectboxit-option-icon-container {
    display: none
}

.header-bottom .page-nav>ul>li.ex-nav {
    padding: 5px 0 0 10px;
}

.header-bottom .page-nav>ul>li.ex-nav a {
    padding-bottom: 0;
    padding-top: 0
}

.header-bottom .page-nav>ul>li:hover .btn.rose {
    color: #003366
}

.header-bottom .page-nav>ul>li .selectboxit-container .selectboxit {
    border-radius: 0;
    background: 0 0;
    border: 1px solid #b6bfcd
}

.header-bottom .selectboxit-container .selectboxit-options a,
.header-bottom .selectboxit-container span {
    margin-top: 1px;
    height: 39px;
    line-height: 39px
}

.header-bottom .selectboxit-container .selectboxit-text {
    padding-right: 20px
}

@media (max-width:768px) {
    .header-bottom .selectboxit-container .selectboxit-text {
        color: #9eaabd
    }
}

.header-bottom .selectboxit-container .selectboxit-options {
    border-radius: 0;
    left: 0;
    right: 0
}

.header-bottom .page-nav>ul>li .selectboxit-container .selectboxit-options a,
.header-bottom .page-nav>ul>li .selectboxit-container .selectboxit-options span {
    height: 30px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0
}

.header-bottom .selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor {
    background: #003366
}

.header-bottom .selectboxit-container .selectboxit-arrow-container:after,
.header-bottom .selectboxit-container .selectboxit-arrow-container:before {
    font-family: network;
    color: #9eaabd;
    position: absolute;
    right: 5px;
    font-size: 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.about-circles .circle,
.about-circles .circle p,
.section-testimonial .name,
.section-testimonial h3,
.section-testimonial p {
    font-family: 'Gotham-Light'
}

.header-bottom .selectboxit-container .selectboxit-arrow-container:before {
    content: '\e807';
    top: -5px
}

.header-bottom .selectboxit-container .selectboxit-arrow-container:after {
    content: '\e806';
    bottom: -5px
}

.about-circles li {
    padding: 0 13px 30px;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width:640px) {
    .about-circles li {
        float: none
    }
}

.about-circles .circle {
    width: 212px;
    height: 212px;
    overflow-x: hidden;
    background: #f3f5f7;
    border-radius: 50%;
    padding: 35px 45px 45px 40px;
    text-align: left;
    display: table-cell;
    vertical-align: middle
}

.about-circles .circle p {
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #183564;
    margin: 0
}

.about-circles .circle p span,
.about-circles .circle p span.counter {
    color: #FF6666;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: 700
}

.services-slider .owl-nav>div {
    position: absolute;
    top: 50%;
    margin-top: -22px
}

.services-slider .owl-nav .owl-prev {
    left: -60px
}

.services-slider .owl-nav .owl-next {
    right: -60px
}

.section-services {
    padding-top: 0
}

.services-slider .owl-dots {
    text-align: center;
    padding-top: 30px
}

.services-slider .owl-dots .owl-dot {
    padding: 0 5px;
    display: inline-block
}

.services-slider .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    display: block;
    background: #98add0
}

.services-slider .owl-dots .owl-dot.active span {
    background: #315ca2
}

.section-testimonial {
    background: url(../images/blue-pattern1.png) #003366;
    color: #fff;
    position: relative
}

.section-testimonial p {
    font-size: 16px;
    position: relative;
    color: #fff
}

.section-testimonial .name {
    font-size: 14px;
    color: #798daf;
    padding-top: 10px
}

.section-testimonial p:before {
    content: '';
    background: url(../images/icon-testi.png) no-repeat;
    width: 43px;
    height: 43px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 100%
}

.testi-slider .item {
    padding-left: 40px;
    padding-right: 40px
}

.section-testimonial .owl-carousel .owl-stage-outer {
    padding-top: 50px
}

.footer-top .btn-wrapper,
.newsletter,
.social {
    padding-top: 10px
}

.social {
    font-size: 20px
}

.social li {
    display: inline-block;
    /*float: left;*/
    padding-right: 5px
}
.social li:after {
    display: none;
}
.social a {
    width: 35px;
    height: 35px;
    border: 1px solid #16a9cf;
    color: #16a9cf;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.newsletter input[type=text] {
    height: 35px;
    width: 100%;
    border: 1px solid #e4342f;
    padding-left: 35px
}

.newsletter .cell-wrapper {
    display: table;
    width: 100%
}

.newsletter .cell {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 0
}

.newsletter .input-holder {
    position: relative
}

.newsletter .input-holder:before {
    font-family: network;
    content: '\e80e';
    position: absolute;
    left: 10px;
    top: 5px;
    color: #e4342f;
    font-size: 18px
}

.newsletter .btn-holder {
    width: 36px;
    height: 36px
}

.newsletter .btn {
    height: 35px
}

.newsletter::-webkit-input-placeholder {
    color: #e4342f
}

.newsletter::-moz-placeholder {
    color: #e4342f
}

.newsletter:-ms-input-placeholder {
    color: #e4342f
}

.newsletter:-moz-placeholder {
    color: #e4342f
}

.contact-grid {
    padding-left: 10%
}

body,
html {
    overflow: auto!important
}

@media only screen and (max-width:991px) {
    .contact-grid {
        padding-left: 15px
    }
}

@media screen and (max-width:768px) {
    .footer-bottom,
    .footer-bottom .developer {
        text-align: center
    }
}

.subnav .cell-wrapper {
    display: table;
    width: 100%;
    background: #fff
}

.subnav .cell-wrapper .cell {
    display: table-cell;
    vertical-align: top;
    float: none;
    position: relative
}

.subnav .cell-wrapper .cell:before {
    top: 30px;
    bottom: 30px;
    content: '';
    width: 1px;
    left: 0;
    position: absolute;
    display: block;
    background: #FF6666
}

.box-content:before,
.nav-tabs>li:before {
    content: '\e801'
}

.subnav .cell-wrapper .cell:first-child:before {
    display: none
}

.header-bottom .page-nav .subnav .title,
.header-bottom .page-nav .subnav .title a {
    font-size: 14px;
    color: #003366;
    white-space: nowrap;
    position: relative
}

.header-bottom .page-nav .subnav .title:before {
    font-family: network;
    content: '\e801';
    position: absolute;
    left: -20px;
    top: 0;
    color: #FF6666;
    font-size: 14px
}

.header-bottom .page-nav .subnav {
    background: 0 0;
    position: absolute;
    top: 100%;
    text-align: left;
    left: 0;
    right: auto;
    font-family: 'Gotham-Light'
}

.box-content:before,
.listStyle-2 li:before,
.nav-tabs>li:before {
    font-family: network
}

@media screen and (max-width:991px) {
    /*.header-bottom .page-nav>ul>li {
        position: relative
    }*/
    .header-bottom .page-nav .subnav {
        left: 0!important;
        right: 0!important;
        margin-left: 0!important
    }
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-bottom .page-nav .subnav .cell-wrapper {
        display: flex;
    }
    .header-bottom .page-nav .subnav .cell-wrapper .cell {
        display: block;
        padding: 15px
    }
}

.header-bottom .page-nav .subnav ul {
    display: block;
    white-space: nowrap
}

.header-bottom .page-nav .subnav li {
    display: block;
    padding: 0;
    width: auto;
    height: auto;
    text-align: left
}

.header-bottom .page-nav .subnav li a {
    display: block;
    padding: 5px;
    border: none;
    color: #003366;
    border-top: 1px dotted #003366;
    font-size: 13px;
    white-space: nowrap;
    text-transform: uppercase;
}

.header-bottom .page-nav .subnav ul>li>a:hover {
    color: #fff
}

.green.br p,
.lightBlue1.br p {
    color: #213964
}

.lightBlue1.br {
    background: 0 0;
    border: 1px solid #43b5e6
}

.lightBlue1.br h2:before {
    background: #4cb7e3
}

.green.br {
    background: 0 0;
    border: 1px solid #a0b66f
}

.green.br h2:before {
    background: #a0b66f
}

.box-content {
    position: relative
}

.box-content:before {
    position: absolute;
    left: -15px;
    top: 10px;
    color: #FF6666;
    font-size: 30px;
    padding: 5px;
    background: #fff
}

.lightBlue1.box-content:before {
    color: #4cb7e3
}

.green.box-content:before {
    color: #a0b66f
}

.h4 {
    font-size: 20px;
    line-height: 1.3em
}

.blue.br {
    background: 0 0;
    border: 1px solid #092659
}

.rose.br {
    background: 0 0;
    border: 1px solid #FF6666
}

.nav-tabs>li.active>a:hover:before,
.nav-tabs>li>a:before {
    border-top-color: #FF6666
}

h2.col-blue.br:before {
    background: #1a3665
}

.content-contact .address,
.content-contact .helpline {
    padding: 40px
}

.more-details a {
    color: #003366;
    display: inline-block;
    margin-bottom: 10px
}

.more-details p {
    color: #FF6666
}

.nav-tabs>li {
    padding: 0;
    position: relative
}

.nav-tabs>li:before {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -21px;
    font-size: 30px;
    color: #fff;
    z-index: 2;
    display: none
}

.nav-tabs>li.active:before {
    transform: rotate(90deg)
}

.nav-tabs>li>a {
    font-size: 25px;
    padding: 19px 60px 19px 19px;
    background: #003366
}

@media screen and (max-width:991px) {
    .nav-tabs>li>a {
        font-size: 18px
    }
}

@media screen and (max-width:640px) {
    .nav-tabs>li {
        position: relative;
        z-index: 1;
        margin-bottom: 1px
    }
    .nav-tabs>li.active {
        z-index: 2
    }
}

.nav-tabs>li.active>a,
.nav-tabs>li:focus>a,
.nav-tabs>li:hover>a,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    background: #FF6666
}

.nav-tabs>li.active>a:before {
    opacity: 1
}

img.full {
    width: 100%
}

.content-overview .section-title h2 {
    font-size: 40px
}

.content-overview .h4 {
    margin-bottom: 50px
}

.box-content {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px
}

.box-content p {
    color: #003366;
    margin-bottom: 20px;
    font-size: 13.5px;
}


.listStyle-2 li {
    padding-left: 30px;
    position: relative;
    padding-bottom: 10px
}

.listStyle-2 li:before {
    position: absolute;
    display: inline-block;
    left: 0;
    text-align: center
}

.features-list {
    padding-top: 20px
}

.features-list .item {
    display: table;
    width: 100%;
    margin-bottom: 20px
}

.features-list .item p {
    margin: 0
}

.features-list .item .cell {
    display: table-cell;
    float: none;
    vertical-align: middle
}

.features-list .item .icon {
    width: 90px;
    height: 90px;
    background: rgba(67, 181, 230, .1);
    border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    transition: all .3s ease-in-out
}

.content-whoWeAre .box-content .listStyle-1 p,
.listStyle-1 li span {
    vertical-align: top;
    display: inline-block
}

.features-list .item:hover .icon {
    background: rgba(240, 96, 97, .1);
    transition: all .3s ease-in-out
}

.features-list .item .icon-wrapper {
    width: 90px
}

.features-list .item .icon img {
    margin: 0 auto
}

.features-list .item .content p {
    padding-left: 20px;
    color: #1b3766
}

.features-list .item .content a {
    color: #1b3766
}

.features-list .item .content a:hover,
.features-list .item:hover .content a {
    color: #FF6666
}

.fix-icons {
    position: fixed;
    right: 10px;
    z-index: 10
}

.fix-icons ul li {
    padding-bottom: 5px
}

.fix-icons li a {
    text-align: center
}

.fix-icons li a.glyphicon-earphone {
    height: 180px
}

.fix-icons li a span {
    display: inline-block;
    float: left;
    font-family: 'Gotham-Light', sans-serif;
    transform: rotateZ(-90deg);
    position: relative;
    left: -53px;
    top: 60px;
    height: 20px
}

/* .fix-icons li a.sales-enqury {
    height: 180px;
    padding: 26px 10px 10px
    } */

    .fix-icons li a.sales-enqury span {
        left: -35px;
        top: 40px
    }

    @media (max-width:991px) {
        .management-list article {
            margin-bottom: 30px;
            float: left;
            clear: both
        }
    }

    .management-list .fig-details {
        height: 4.5em
    }

    .management-list .fig-details .btn {
        margin-top: 10px
    }

    .management-list .fig-caption {
        margin-bottom: 10px;
        height: 5em
    }

    .team-list .gridder-list,
    .team-list .item {
        height: 400px;
        margin-bottom: 8px
    }

    .team-list .fig-content {
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        color: #003366;
        background: #fff;
        border: 1px solid #003366;
        border-top: none;
        padding: 10px;
        height: 97px;
        overflow: hidden
    }

    .team-list .item-inner {
        background: #e1e1e1
    }
    .team-list .item-inner figure img.img-responsive {
        width: 100%;
    }
    .team-list .fig-content h4 {
        font-size: 18px;
        color: #003366;
        font-family: 'Gotham-Light';
        padding: 10px 0 0;
        margin-bottom: 5px
    }

    .team-list .fig-content p {
        font-size: 12px;
        color: #FF6666;
        padding: 0 0 10px
    }

    .content-team .gridder-show {
        background: 0 0;
        padding: 0
    }

    .title.br:before,
    .title.col-blue.br:before {
        background: #003366
    }

    .content-team .gridder-show h4 {
        color: #003366;
        font-size: 20px
    }

    .content-team .gridder-show h2 {
        font-size: 40px;
        line-height: 42px
    }

    .title.br {
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 30px
    }

    .title.br:before {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 4px;
        width: 30px;
        content: ''
    }

    @media (max-width:991px) {
        .title.br:before {
            left: 50%;
            margin-left: -15px
        }
    }

    .team-list .selectedItem .fig-content {
        background: #FF6666;
        border: 1px solid #FF6666
    }

    .team-list .selectedItem .fig-content h4,
    .team-list .selectedItem .fig-content p {
        color: #fff!important
    }

    .tab-contentInner {
        margin-top: 60px
    }

    .listStyle-1 li span {
        font-size: 50px;
        line-height: 50px
    }

    .content-whoWeAre .box-content.lightBlue1.br p,
    .content-whoWeAre ul.col-lightBlue1 p {
        color: #4cb7e3
    }

    .content-whoWeAre .box-content .listStyle-1 li {
        float: left;
        clear: both;
        width: 100%;
        padding-bottom: 30px
    }

    .content-whoWeAre .box-content .listStyle-1 span {
        display: inline-block;
        float: left;
        padding-right: 15px
    }

    .tab-links>li>a {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        line-height: 35px;
        position: relative;
        margin: 0 .5px 1px;
        border: none
    }

    .tab-links>li.active>a:hover:before,
    .tab-links>li>a:before {
        border-top-color: #FF6666
    }

    .tab-links>li {
        padding: 0;
        position: relative
    }

    .tab-links>li:before {
        font-family: network;
        content: '\e801';
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -21px;
        font-size: 30px;
        color: #fff;
        z-index: 2
    }

    .tab-services .item-inner:before,
    .testi-list .item:before,
    body:before {
        content: ''
    }

    .tab-links>li.active:before {
        transform: rotate(90deg)
    }

    .tab-links>li>a {
        font-size: 25px;
        padding: 19px 60px 19px 19px;
        background: #003366;
        display: block;
        color: #fff
    }

    @media screen and (max-width:991px) {
        .tab-links>li>a {
            font-size: 18px
        }
    }

    @media screen and (max-width:640px) {
        .tab-links>li {
            position: relative;
            z-index: 1;
            margin-bottom: 1px
        }
        .tab-links>li.active {
            z-index: 2
        }
    }

    .tab-links>li.active>a,
    .tab-links>li:focus>a,
    .tab-links>li:hover>a,
    .tab-links>li>a:focus,
    .tab-links>li>a:hover {
        background: #FF6666;
        color: #fff
    }

    .tab-links>li>a:before {
        opacity: 0
    }

    .tab-links>li.active>a:before {
        opacity: 1
    }

    .testimonial .fig-caption {
        height: auto
    }

    .testimonial .fig-details {
        height: auto;
        -webkit-line-clamp: inherit
    }

    .blue-tab.nav-tabs>li p,
    .tab-services .item-inner h4 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .blue-tab.nav-tabs>li {
        padding-left: 5px;
        padding-right: 5px;
        position: relative
    }

    .blue-tab.nav-tabs>li.active:hover>a,
    .blue-tab.nav-tabs>li.active>a {
        background: #1a3665;
        color: #fff
    }

    .blue-tab.nav-tabs>li.active>a:hover {
        margin: 0
    }

    .blue-tab.nav-tabs>li:before {
        display: none
    }

    .blue-tab.nav-tabs>li p {
        color: #1a3665;
        display: -webkit-box;
        height: 2.5em
    }

    .blue-tab.nav-tabs>li.active p {
        color: #fff
    }

    .blue-tab.nav-tabs>li .icon {
        position: absolute;
        right: 30px;
        top: 50%;
        margin-top: -28px
    }

    .blue-tab.nav-tabs>li>a {
        background: 0 0;
        color: #1a3665;
        border: 1px solid #1a3665;
        margin: 0;
        padding-right: 30%;
        font-size: 22px;
        line-height: 24px
    }

    .blue-tab.nav-tabs>li.active>a:hover,
    .blue-tab.nav-tabs>li:hover>a,
    .blue-tab.nav-tabs>li>a:hover {
        margin: 0;
        border: none;
        border: 1px solid #1a3665
    }

    .blue-tab.nav-tabs>li.active>a,
    .blue-tab.nav-tabs>li.active>a:hover {
        border: 1px solid #1a3665
    }

    .tab-services .item-inner {
        border: 1px solid #1a3665;
        padding: 20px 30% 20px 20px;
        position: relative;
        width: 100%;
        background: #fff
    }

    .tab-services .item-inner:before {
        border: 21px solid transparent;
        border-top-color: #1a3665;
        position: absolute;
        top: 100%;
        margin-top: -20px;
        left: 50%;
        margin-left: -20px;
        opacity: 0;
        width: 0;
        height: 0;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out
    }

    .tab-services .selectedItem .item-inner:before {
        margin-top: 0;
        opacity: 1;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out
    }

    .contactUs-form,
    body,
    body.form-on #contactUs-form,
    body.reqform-on #req-form2 {
        -webkit-transition: all .5s cubic-bezier(1, 0, 0, 1);
        -moz-transition: all .5s cubic-bezier(1, 0, 0, 1);
        -o-transition: all .5s cubic-bezier(1, 0, 0, 1)
    }

    #req-form2 {
        display: none;
    }

    .tab-services .selectedItem .item-inner {
        background: #1a3665
    }

    .tab-services .item-inner .icon {
        position: absolute;
        right: 30px;
        top: 50%;
        margin-top: -28px
    }

    .tab-services .item-inner .icon img {
        width: 56px
    }

    .tab-services .item-inner .icon img.on {
        display: block
    }

    .tab-services .item-inner .icon img.off,
    .tab-services .selectedItem .item-inner .icon img.on {
        display: none
    }

    .tab-services .selectedItem .item-inner .icon img.off {
        display: block
    }

    .tab-services .item-inner h4 {
        font-size: 22px;
        line-height: 24px;
        color: #1a3665;
        display: -webkit-box;
        height: 1.5em
    }

    .tabcampaign .tab-services .item-inner h4 {
        height: 2.5em
    }

    .tab-services .selectedItem .item-inner h4,
    .tab-services .selectedItem .item-inner p {
        color: #fff
    }

    .tab-services .content {
        display: inline-block
    }

    .testi-list strong,
    body:before {
        display: block
    }

    .tab-services>.row {
        margin-left: -4px;
        margin-right: -4px
    }

    .gridder-show {
        background: 0 0;
        padding: 15px
    }

    .content-tabServices .gridder-show {
        padding-left: 4px;
        padding-right: 4px
    }

    .content-tabServices .gridder-close {
        top: 60px
    }

    .img-circle {
        width: 238px;
        height: 238px;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto 30px
    }

    .inner-spotlight {
        background-repeat: no-repeat;
        /*background-position: top center;*/
        background-position: top left;
        background-size: cover;
        /* padding-top: 18%; */
    /*min-height: 420px;
    max-height: 420px;*/
    min-height: 420px;
    max-height: 420px;
}

body.steptocleanposterminals .inner-spotlight .container{
        min-height: 420px;
    max-height: 420px;
}


.paybylinksignup .inner-spotlight{min-height: 340px;}
@media (max-width:1600px) {
    .inner-spotlight {
        background-position: top center;
    }
}
@media (max-width:1199px) {
    .inner-spotlight {
        /*background-repeat: no-repeat;*/
        background-position: 60% 100%;
        /*background-size: cover;*/
        /* padding-top: 18%; */
        
    }
}
@media (max-width:767px) {
    .inner-spotlight {
        min-height: 220px;
        max-height: 290px;
    }
    .chairmans-message{
        background-position: 70% 100% !important;
    }
}
.ng-contents .inner-spotlight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
}
@media all and (-ms-high-contrast:none){
    .ng-contents .inner-spotlight, .paybylinksignup .inner-spotlight, .merchantreferrals .inner-spotlight, .merchantreferral .inner-spotlight, .partnerreferrals .inner-spotlight, .partnerreferral .inner-spotlight{
        height: 350px;
    }
}
.salesenqwrap .form .checkbox-holder label {
    padding-left: 6px;
    font-size: 11px;
    float: none;

}

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

.contactUs-form {
    width: 100%;
    max-width: 300px;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    overflow: auto;
    margin-right: -600px;
    transition: all .5s cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

body,
body.form-on #contactUs-form,
body.reqform-on #req-form2 {
    margin-right: 0;
    transition: all .5s cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

body.form-on,
body.reqform-on,
body:before {
    -webkit-transition: all .5s cubic-bezier(1, 0, 0, 1);
    -moz-transition: all .5s cubic-bezier(1, 0, 0, 1);
    -o-transition: all .5s cubic-bezier(1, 0, 0, 1)
}

body.form-on,
body.reqform-on {
    /* margin-right: 300px; */
    transition: all .5s cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

#contactUs-form a.close,
#req-form2 a.close {
    background: #e93b49;
    width: 25px;
    height: 25px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    position: absolute;
    top: 10px;
    right: 10px
}

body:before {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    background: rgba(0, 45, 92, 0.5);
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all .5s cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

body.form-on:before,
body.reqform-on:before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s cubic-bezier(1, 0, 0, 1);
    -moz-transition: all .5s cubic-bezier(1, 0, 0, 1);
    -o-transition: all .5s cubic-bezier(1, 0, 0, 1);
    transition: all .5s cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

.contactwrap {
    padding-top: 0!important
}

.testi-list .item {
    width: 100%;
    text-align: justify;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative
}

.testi-list .item:before {
    width: 108px;
    height: 7px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #FF6666
}

.testi-foot {
    clear: both;
    text-align: left
}

.testi-foot .name {
    color: #FF6666
}

.award-wrap {
    padding-bottom: 30px
}

.location-holder .tab-content {
    position: relative;
    z-index: 1
}

.page-spotlight .item img.img-mobile {
    display: none
}

@media (max-width:768px) {
    .page-spotlight .item img {
        display: none
    }
    .page-spotlight .item img.img-mobile {
        display: block
    }
}
@media (max-width:767px) {
    .page-spotlight .item img.img-mobile {
     /* height: 30vh;*/
 }
}

html.mobile,
html.mobile body {
    overflow: auto!important
}

html.mobile .spec {
    display: none!important
}

@media (min-width:767px) {
    .contactUs-form.contForm.salesenqwrap {
        margin-right: -600px;
        max-width: 600px
    }
    body.form-on {
        /* margin-right: 600px */
    }
}

@media only screen and (max-device-width:480px) {
    #recaptcha,
    #recaptcha1,
    #recaptchasale {
        transform: scale(.77);
        -webkit-transform: scale(.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}

.dropdown-menu {
    margin: 0;
    border: none
}

.dropdown-menu,
.navbar-nav .open .dropdown-menu {
    padding: 0;
    float: none
}

.dropdown,
.dropup,
.nav>li {
    position: static
}

.navbar-nav {
    margin: 0
}

.content-contact .nav>li>a:hover,
.location-holder .nav>li>a:hover {
    background: #FF6666
}

.content-contact .nav>li>a,
.location-holder .nav>li>a {
    padding: 19px 60px 19px 19px
}

.content-contact .nav>li,
.location-holder .nav>li {
    position: relative
}

@media (max-width:767px) {
    .navbar-nav .dropdown-menu {
        display: none!important
    }
    .navbar-nav .open .dropdown-menu {
        display: block!important
    }
}

.a2a_wide a,
a.a2a_i,
i.a2a_i {
    font-size: 13px!important
}

.cell-wrapper {
    display: table
}

.cell-wrapper .cell {
    display: table-cell;
    float: none
}

@media only screen and (max-width:768px) {
    .cell-wrapper,
    .cell-wrapper .cell {
        display: block
    }
    .search-overlay-full .cell-wrapper .cell {
        display: table-cell
    }
}

.search-wrapper input {
    background: #084c8c
}

.search-wrapper .btn {
    border-left: 1px solid #EEE
}

.selectboxit-container .selectboxit-options {
    -webkit-border-radius: 0;
    border-radius: 0;
    min-width: 100%!important
}

.selectboxit-container,
.selectboxit-container .selectboxit {
    width: 100%
}

.selectboxit-container .selectboxit {
    width: 100%!important
}

.search-overlay-full {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, .94);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

.search-overlay-full.show {
    opacity: 1;
    visibility: visible
}

.search-overlay-full.show .cell-wrapper {
    width: 100%
}

.search-overlay-full.show .search-wrapper {
    width: 60%;
    margin: -35px auto 0;
    top: 50%;
    position: relative
}

.search-wrapper input {
    width: 100%
}

.search-overlay-full.show #search-close {
    position: absolute;
    right: 50px;
    top: 70px;
    height: 26px;
    color: #FFF;
    font-size: 30px
}

.search-overlay-full.show .form input {
    height: 70px;
    padding-left: 30px
}

.search-overlay-full.show .form .btn {
    height: 70px;
    top: -2px
}

.search-overlay-full.show #searchnow {
    font-size: 30px
}

.search-overlay-full.show .searching {
    text-indent: -9999px;
    height: 100px;
    background: url(../images/loading.gif) no-repeat;
    margin: 20px 0
}

#search {
    position: relative;
    padding: 8px 5px 9px;
    background: 0 0;
    border: 1px solid #b6bfcd;
    font-size: 20px;
    line-height: 16px;
    color: #CCC
}

.serach-wrap input {
    width: 228px;
    height: 32px;
    border: 1px solid #ccc;
    float: left;
    font-size: 11px;
    padding: 10px
}

/* .serach-wrap .cell-wrapper .cell {
    float: left
    } */

    .search-box {
        background: #fff;
        height: auto;
        padding: 15px 20px;
        position: absolute;
        right: 1px;
        top: 77px;
        display: none;
        width: 296px;
        border: 2px solid #003366;
        z-index: 50;
        -webkit-box-shadow: 0 0 9px 0 rgba(19, 48, 48, .5);
        -moz-box-shadow: 0 0 9px 0 rgba(19, 48, 48, .5);
        box-shadow: 0 0 9px 0 rgba(19, 48, 48, .5)
    }

    .search-box:before {
        top: -24px;
        right: 12px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #003366;
        border-width: 12px;
        margin-left: -12px
    }

    .search-box button.btn {
        float: left;
        background: 0 0;
        padding: 0 0 0 6px;
        line-height: 30px;
        font-size: 16px
    }

    @media (max-width:767px) {
        #search {
            display: none!important
        }
        .serach-wrap input {
            width: 100%;
            height: 40px;
        }
        .search-box {
            position: relative;
            margin-top: 10px;
            left: 0;
            right: 0;
            width: 100%;
            background: 0 0;
            top: 0;
            padding: 0;
            display: block!important
        }
        .search-box button.btn {
            background: #fff;
            padding: 5px;
            line-height: 22px;
            font-size: 16px;
            margin: -1px 0 0;
            border: none
        }
        .serach-wrap .cell-wrapper {
            display: table;
            width: 100%
        }
        .serach-wrap .cell-wrapper .cell {
            float: none;
            display: table-cell;
            vertical-align: top
        }
        .serach-wrap .btn-holder {
            width: 32px
        }
    }

    .listStyle-2 li:before,
    .listStyle-2.col-lightBlue1 li:before {
        content: '';
        border-radius: 0;
        width: 0;
        height: 0;
        top: 3px;
        border: 7px solid transparent;
        border-left-color: #003366
    }

    .utilities .icon-mail:before {
        font-family: FontAwesome;
        content: "\f003"
    }

    .fix-icons li a.btn-req.tooltips p,
    .fix-icons li a.sales-enqury.tooltips p {
        color: #FFF;
        line-height: 30px;
        text-align: center;
        font-family: 'Gotham-Light', sans-serif
    }

    .fix-icons li a.btn-req.tooltips p:after,
    .fix-icons li a.sales-enqury.tooltips p:after {
        content: '';
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        top: 50%;
        left: 100%
    }

    .cursor-text {
        cursor: text
    }

    address {
        margin-bottom: 0
    }

    .carousel-inner {
        width: 70%;
        margin: 0 auto
    }

    .carousel-control.left,
    .carousel-control.right {
        background: 0 0
    }

/* .fix-icons li a.sales-enqury.tooltips {
    position: relative;
    height: 45px!important;
    padding: 10px 10px 10px 9px !important;
    border-radius: 60px;
    font-size: 17px;
    width: 45px
    } */

    .fix-icons li a.sales-enqury.tooltips p {
        position: absolute;
        width: 150px;
        background: #003366;
        height: 30px;
        font-size: 14px;
        visibility: hidden;
        border-radius: 6px
    }

    .fix-icons li a.sales-enqury.tooltips p:after {
        position: absolute;
        margin-top: -8px;
        width: 0;
        height: 0;
        border-left: 8px solid #003366
    }

    .fix-icons li a:hover.sales-enqury.tooltips p {
        visibility: visible;
        opacity: .8;
        right: 100%;
        top: 50%;
        margin-top: -15px;
        margin-right: 15px;
        z-index: 999
    }

/* .fix-icons li a.btn-req.tooltips {
    position: relative;
    height: 45px!important;
    padding: 10px 10px 10px 9px !important;
    border-radius: 60px;
    font-size: 17px;
    width: 45px
    } */

    .fix-icons li a.btn-req.tooltips p {
        position: absolute;
        width: 160px;
        background: #FF6666;
        height: 30px;
        font-size: 14px;
        visibility: hidden;
        border-radius: 6px
    }

    .fix-icons li a.btn-req.tooltips p:after {
        position: absolute;
        margin-top: -8px;
        width: 0;
        height: 0;
        border-left: 8px solid #FF6666
    }

    .fix-icons li a:hover.btn-req.tooltips p {
        visibility: visible;
        opacity: .8;
        right: 100%;
        top: 50%;
        margin-top: -15px;
        margin-right: 15px;
        z-index: 999
    }

/* .fix-icons li a {
    height: 60px!important;
    padding: 13px 10px 10px!important;
    border-radius: 60px;
    font-size: 25px;
    width: 60px
    } */

    .box-content .carousel-control.left:before,
    .box-content .carousel-control.right:before {
        font-family: network;
        color: #FF6666;
        font-size: 40px;
        top: 50%;
        margin-top: -20px;
        position: absolute
    }

    .mobile-system .panel-heading a,
    .related-list .item a,
    .related-list .item p {
        color: #fff
    }

    .fix-icons {
        bottom: 20%
    }

    .box-content .carousel-control.left:before {
        content: '\e80a'
    }

    .box-content .carousel-control.right:before {
        content: '\e80b'
    }

    .wrap-text>div {
        float: none;
        pointer-events: none
    }

    .header-bottom .page-nav .subnav ul ul {
        position: absolute;
        left: 100%;
        background: #fff;
        padding: 10px;
        top: 0;
        display: none
    }

    .header-bottom .page-nav .subnav ul li:hover ul {
        display: block
    }

    @media (max-width:768px) {
        .header-bottom .page-nav .subnav ul ul {
            position: relative;
            left: 0;
            right: 0
        }
        .team-list {
            text-align: center
        }
    }

    header.sticky {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #fff
    }

    @media (max-width:767px) {
        .fix-icons {
            bottom: 10%
        }
    }

    .mobile-system .panel-default>.panel-heading {
        background: #003366
    }

    .mobile-system .panel-title {
        text-align: left!important
    }

    .mobile-system .panel-body {
        background: url(../images/grey-pattern.png) #edeff3
    }

    .mobile-system .panel-body .text-right {
        text-align: left
    }

    .mobile-system .panel-body .btn-send {
        margin-top: 15px
    }

    .contForm.salesenqwrap .form textarea {
        height: 160px;
        padding: 10px
    }

    .contForm.salesenqwrap .form .input-holder {
        padding-bottom: 15px
    }

    .contForm.salesenqwrap h2.text-left {
        font-size: 25px
    }

    #enquiryform label.word-wrap {
        line-height: 24px
    }

    .form #enquiryform label.word-wrap input[type=checkbox],
    .form #enquiryform label.word-wrap input[type=radio] {
        float: left;
        margin: 0 7px 0 0
    }

    @media only screen and (max-width:767px) {
        .gridder-list,
        .team-list .item {
            width: 100%;
            height: auto;
        }
        .content-tabServices .gridder-close {
            right: 35px
        }
        .box-vision {
            width: 100%;
            display: inline-block;
            height: auto
        }
    }

    .subnav .cell-wrapper .cell {
        padding: 15px 40px 35px;
    }

    .header-bottom .page-nav .subnav li a {
        line-height: 15px
    }

    .m-h-400 {
        min-height: 400px
    }

    .related-list .item {
        height: 170px;
        padding: 15px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 15px;
        transition: all 1.5s ease-out;
        background: url(../images/blue-pattern1.png) #003366;
        color: #fff
    }

    .related-list {
        margin-bottom: 30px;
        margin-left: -5px;
        margin-right: -5px
    }

    .related-list .item:hover {
        background: #16a9cf;
        transition: all 1.5s ease-out
    }

    .related-list .item .item-inner:before {
        position: absolute;
        bottom: 0;
        transition: all .7s ease-out;
        left: 0;
        right: 0;
        top: 0;
        content: '';
        opacity: 0;
        background: url(../images/bg-box.png) right bottom no-repeat;
        z-index: 0;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    .related-list .item:hover .item-inner:before {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: all 1.5s ease-out
    }

    .header-bottom .page-nav .subnav li li:last-child a {
        border-bottom: 1px dotted #003366
    }

    .cont-inner {
        padding: 20px
    }

    .blue-pattern {
        background: url(../images/blue-pattern1.png) #003366;
        color: #fff
    }

    .mt-6 {
        margin-top: 60px
    }

    .chairman-box p {
        position: relative
    }

    .chairman-box p:before {
        content: '';
        background: url(../images/icon-testi.png) no-repeat;
        width: 43px;
        height: 43px;
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: 100%
    }

    .section-news .item .block-wrap {
        transition: all .3s ease-out;
        background: url(../images/blue-pattern1.png) #003366;
        color: #fff
    }

    .section-news .item .block-wrap p {
        color: #fff;
        line-height: 20px
    }

    .section-news .item .block-wrap .item-inner:before {
        position: absolute;
        bottom: 0;
        transition: all .7s ease-out;
        left: 0;
        right: 0;
        top: 0;
        content: '';
        opacity: 0;
        background: url(../images/bg-box.png) right bottom no-repeat;
        z-index: 0;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    .section-news .item .block-wrap:hover .item-inner:before {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: all 1.5s ease-out
    }

    .section-news .item .block-wrap a.info {
        /*display: inline-block;*/
        text-decoration: none;
        padding: 10px 35px;
        background: 0 0;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        cursor: pointer;
        color: #fff;
        text-transform: uppercase;
        border: 2px solid #fff
    }

    .clearfix {
        clear: both
    }

      .eupopup-container {
            background-color: #003366;
        color: #ffffff;
        padding: 5px 20px;
        font-size: 12px;
        line-height: 1.2em;
        text-align: center;
        display: none;
        z-index: 1100
    }

    .eupopup-container-top,
    .eupopup-container-fixedtop {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .eupopup-container-fixedtop {
        position: fixed
    }

    .eupopup-container-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0
    }

    .eupopup-container-bottomleft {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 300px
    }

    .eupopup-container-bottomright {
        position: fixed;
        bottom: 10px;
        right: 10px;
        width: 300px
    }


    .eupopup-closebutton {
        font-size: 16px;
        font-weight: 100;
        line-height: 1;
        color: #a2a2a2;
        filter: alpha(opacity=20);
        position: absolute;
        font-family: helvetica, arial, verdana, sans-serif;
        top: 0;
        right: 0;
        padding: 5px 10px
    }

    .eupopup-closebutton:hover,
    .eupopup-closebutton:active {
        color: #fff;
        text-decoration: none
    }

    .eupopup-head {
        font-size: 1.2em;
        font-weight: 700;
        padding: 7px;
        color: #fff
    }

    .eupopup-body {
        color: #ffffff;
    }

        .eupopup-container .eupopup-body {
    color: #fff;
}


    .eupopup-buttons {
        padding: 7px 0 5px
    }

    .eupopup-button_1 {
        color: #ffffff;
        font-weight: 700;
        font-size: 14px
    }

    .eupopup-button_2 {
        color: #ffffff;
        font-weight: 400;
        font-size: 12px
    }

    .eupopup-button {
        margin: 0 10px
    }

    .eupopup-button:hover,
    .eupopup-button:focus {
        text-decoration: underline;
        color: #FF6666
    }

    .eupopup-color-inverse {
        color: #000;
        background-color: rgba(255, 255, 255, 0.9)
    }

    .eupopup-color-inverse .eupopup-head {
        color: #000
    }

body .eupopup-style-compact {
    text-align: center;
    padding: 28px 30px 28px 20px;
    line-height: 15px;
    font-size: 14px;
}

    .eupopup-style-compact .eupopup-head,
    .eupopup-style-compact .eupopup-body,
    .eupopup-style-compact .eupopup-buttons {
        display: inline;
        padding: 0;
        margin: 0
    }

 .eupopup-style-compact .eupopup-button {
    margin: 0 5px;
    font-size: 15px;
}


    ul.style-1 li {
        padding-left: 15px;
        position: relative
    }

    ul.style-1 li:before {
        content: "\f101";
        font-family: FontAwesome;
        position: absolute;
        left: 0;
        top: 0
    }

    .section-news .item .block-wrap figcaption {
        background: #003366
    }

    .section-news .item .block-wrap img {
        opacity: 0
    }

    .related-list .style-1.half li {
        width: 50%;
        float: left
    }

    .news-list .block-wrap figcaption .inner {
        opacity: 1;
        transform: translateY(-10px)
    }

    .copyright {
        /* padding-top: 15px */
        padding-top: 10px
    }

    .news-list figure img {
        width: 380px;
        height: 375px
    }

    .section-news .item .block-wrap {
        /*height: 256px;*/
        overflow: hidden
    }

    .news-list figcaption {
        bottom: 0
    }

    .news-list figure {
        height: 375px
    }

    .news-list .item:hover .block-wrap figcaption {
        background: #16a9cf
    }

/*.news-list .item .block-wrap figcaption:before {
    position: absolute;
    bottom: 0;
    transition: all .7s ease-out;
    left: 0;
    right: 0;
    top: 0;
    background: url(../images/bg-box.png) right bottom no-repeat;
    z-index: 0;
    content: '';
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px)
    }*/

    .news-list .item:hover .block-wrap figcaption:before {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: all 1.5s ease-out
    }

    .time-slider {
        background: url(../images/bg-slider1.png) no-repeat center;
        background-size: 150%;
        height: 820px;
        width: 100%
    }

    .time-slider .owl-stage-outer {
        margin-left: -5px;
        margin-right: -20px;
        padding-left: 3%;
        padding-right: 3%;
        overflow: visible
    }

    .time-slider .item {
        position: relative;
        height: 820px;
        padding-left: 15px;
        padding-right: 15px
    }

    .time-slider .owl-item {
        opacity: 0
    }

    .time-slider .owl-item.active {
        opacity: 1
    }

    .time-slider .icon {
        height: 88px;
        position: absolute;
        width: 88px;
        top: 41%;
        left: 50%;
        margin-left: -44px
    }

    .time-slider .icon-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .time-slider .icon-caption {
        position: absolute;
        bottom: 0;
        width: 220px;
        left: 50%;
        margin-left: -130px
    }

    .time-slider .item.bottom .icon-caption {
        bottom: auto
    }

    .time-slider .bottom .icon-caption {
        margin-bottom: 0!important
    }

    .time-slider .item img {
        width: auto;
        display: block;
        position: absolute;
        left: -17px;
        right: 0;
        bottom: 0
    }

    .time-slider .item.bottom img {
        bottom: auto;
        top: 0
    }

    .time-slider .year {
        font-size: 38px;
        text-align: center
    }

    .time-slider p,
    .time-slider li {
        font-size: 14px;
        color: #000;
        text-align: center
    }

    .time-slider li {
        position: relative;
        padding-left: 15px;
        padding-bottom: 5px
    }

    .time-slider li:before {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #8A8F92;
        position: absolute;
        left: 0;
        top: 5px
    }

    .time-slider hr {
        border-top: 2px solid #333;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
        width: 40px
    }

    .time-slider hr.hr-green {
        border-color: #A7AC19
    }

    .time-slider hr.hr-orange {
        border-color: #F39522
    }

    .time-slider .owl-nav>div,
    .time-slider .owl-nav>div {
        position: absolute;
        top: 50%;
        margin-top: -50px
    }

    .time-slider .owl-nav>div.owl-prev {
        left: -30px
    }

    .time-slider .owl-nav>div.owl-next {
        right: -30px
    }



    .text-center {
        text-align: center
    }

    .box-vision-wrapper {
        display: inline-block
    }

    .box-vision {
        min-width: 610px
    }

    @media (max-width: 610px) {
        .box-vision {
            min-width: 100%
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .section-services .item .inner p {
            font-size: 14px;
            line-height: 18px
        }
    }

    .header-bottom .page-nav>ul {
        padding-left: 0px
    }

    .header-bottom .page-nav>ul:first-child {
        padding-left: 0;
        width: 100%
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-bottom .page-nav>ul {
            padding-left: 0
        }
        .header-bottom .page-nav>ul>li.ex-nav {
            padding-left: 2px
        }
    /*.header-bottom .page-nav>ul>li {
        padding-left: 10px;
        padding-right: 10px
        }*/
    }

    @media only screen and (max-width: 1199px) {
        .header-bottom .page-nav>ul>li>a {
            font-size: 11px
        }
        .header-bottom .page-nav>ul>li.ex-nav a {
            padding-bottom: 12px;
            padding-top: 12px
        }
    }

    @media (min-width: 992px) {
        .address-col-4 {
            width: 33.33333333%;
            float: left
        }
    }

    .contactwrap strong {
        font-weight: 700
    }

    .contactwrap p.addres strong {
        line-height: 25px
    }

    .header-bottom .page-nav>ul>li.ex-nav small {
        font-size: 90%
    }

    .header-bottom .page-nav>ul>li.ex-nav a.btn {
        font-size: 12px;
        padding: 2px 6px
    }

    .global-presence {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: flex-start
    }

    .global-presence img {
        width: 100%;
        height: 100%
    }

    h5.head-h5 {
        font-size: 24px;
        margin: 0 0 15px;
        position: relative;
        padding: 0 0 10px
    }

    p.h4 {
        font-size: 20px;
        line-height: 1.3em;
        display: inherit;
        margin: 10px 0
    }

    @media only screen and (max-device-width:480px) {
        .g-recaptcha {
            transform: scale(.77);
            -webkit-transform: scale(.77);
            transform-origin: 0 0;
            -webkit-transform-origin: 0 0
        }
    }


    .col-blue2{
       background-color: #4eb8e7;
   }
   .col-orange2{
       background-color: #ed8f39;
   }
   .col-green2{
    background-color: #aaaf46;
}

.production-set.features-list .item .icon-wrapper {
    width: 100%;
}
a.enquiry {
    color: #ff6565;
}
.production-set.features-list .icon-wrapper{
    position: absolute;
    width: 125px!important;
    line-height: 115px;
    height: 125px;
    border-radius: 100px;
    background-color: #fff;
    text-align: center;
    left: 50%;
    margin-left: -65px;
    top: 71px;
}

.production-set.features-list .cell {
    display: inline-block;
    min-height: 390px;
    width: 100%;
    vertical-align: middle;
}
.production-set.features-list .icon-wrapper img{
    margin: 0 auto;
    vertical-align: middle;
    display: inline-block;
    line-height: 25px;
}
.production-set.features-list h2 {
    width: 100%;
    padding: 25px 25px 63px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    margin: 0 0 35px;
}

.production-set.features-list .cell{
    padding: 75px 95px 35px 35px;
    color: #fff;    
}
.production-set.features-list h2:before {
 display: none;
}
.production-set.features-list .item .content a {
    color: #ffffff;
}
.production-set.features-list li:before {
    font-family: network;
    border: none;
    content: '\e801';
    border-radius: 0;
    font-size: 11px;
    width: 0;
    height: 0;
    top: 2px;
    color: #fff;
}
.production-set.features-list .listStyle-2 li {
    padding-left: 15px;
    position: relative;
    padding-bottom: 20px;
}
.production-set.features-list .item .content a:hover {
    color: #000;
}

#partnerform h3, #merchantform h3 {
    font-size: 18px;
    font-weight: bold;
    color: #f15f60;
}
h3.br-blue:before{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 30px;
    content: '';
    background: #003465;
}

/* .item-inner h5.head-h5, .item-inner p{
    text-align: center;
}
h5.br:before {
    position: absolute;
    left: 160px;
    bottom: 0;
    height: 4px;
    background: #FF6666;
    width: 30px;
    content: '';
    } */
/* .section-services .item .inner h2.br{
    text-align: center;
    } */
/* .section-services .item h2{
    text-align: center;
    } */
/* .nav-holder {
    position: relative;
}
ul.nav.nav-tabs:before {
    background: url(../images/star.jpg); ;
    position: absolute;
    z-index: 999;
    height: 77px;
    width: 81px;
    } */

    .star-logo {
        display: inline-block;
        margin-right: 20px;
    }
    .heading-tab h2{
       font-size: 30px;
       margin: 0px;
       line-height: 2;
       font-weight: bold;
   }
   .external-wrap .heading-tab h2{ color:#FF6666; font-weight:normal;}
   .clear{
       clear: both;
   }
   .new-change .col-lightBlue1 {
    color: #003366;
}

.new-change .listStyle-2 li:before, .listStyle-22.col-lightBlue1 li:before{
    position: absolute;
    left: -15px;
    top: -4px;
    color: #FF6666;
    font-size: 14px;
    padding: 5px;
    font-family: network;
    border: none;
    content: '\e801';
}
.new-change .listStyle-2 li {
    padding-left: 10px;
    position: relative;
    padding-bottom: 10px;
    padding-top: 4px;
}
.header-bottom .page-nav>ul.blue-btn-top {
    justify-content: flex-end;
}
.features-list .item .icon {
    background: transparent;
    border-radius: 0%;
    width: 100px;
    height: 100px;
}

@media only screen and (max-width: 1199px) {

    .production-set.features-list h2 {
        width: 100%;
        padding: 25px 20px 63px;
        text-align: center;
        color: #fff;
        font-size: 22px;
    }

    .production-set.features-list .cell{
       padding: 75px 25px 35px 25px;
       color: #fff; 
   }

}
@media only screen and (max-width: 767px) {
   .header-bottom .page-nav {
       overflow-y: visible;
       padding: 0 30px;
   }
   .features-list.ngeniuslist .item{min-height:inherit !important;} 
/*  .heading-tab h2{
    font-size: 30px;
   margin: 0px;
   line-height: 2;
   font-weight: bold;
}
*/
}

.section-channel {
    position: relative;
}
.section-channel ul {
    width: 100%;
    height: 360px;
}
.section-channel ul li {
    padding-left: 20px;
    position: relative;
    z-index: 2;
}
@media (max-width: 991px) {
    .section-channel ul li {
        max-width: 250px;
    }
}
.section-channel ul li a {
    color: #1b3766;
}
.section-channel ul li:before {
    position: absolute;
    left: -15px;
    top: -4px;
    color: #FF6666;
    font-size: 14px;
    padding: 5px;
    font-family: network;
    border: none;
    content: '\e801';
}
.section-channel .channel-center {
    width: 100%;
    z-index: 1;
}
@media (max-width: 991px) {
    .section-channel .channel-center {
        max-width: 100%;
    }
}
.section-channel .channel-center:before {
    display: none;
}
.section-channel .channel-center img {
    margin: 0 auto;
}
.section-channel .channel-left-center {
    position: absolute;
    left: 0;
    top: 50%;
}
.section-channel .channel-right-top {
    position: absolute;
    right: 0;
    top: 20%;
}
.section-channel .channel-right-bottom {
    position: absolute;
    right: 0;
    bottom: 30%;
}
.section-channel ul li:after {
    content: '';
    width: 110%;
    top: 100%;
    height: 1px;
    background: #EC8B2F;
    position: absolute;
    left: 0;
    margin-top: 10px;
}
.section-channel .channel-center:after {
    display: none;
}
.section-channel .channel-left-center:after {
    background: #A9AF40;
}
.section-channel .channel-right-top:after {
    left: auto;
    right: 0;
}
.section-channel .channel-right-bottom:after {
    left: auto;
    right: 0;
    background: #44B7E5;
}
@media (max-width: 575px) {
    .section-channel ul {
        height: auto;
        text-align: center;
    }
    .section-channel ul li {
        max-width: 100%;
    }
    .section-channel .channel-left-center,
    .section-channel .channel-right-top,
    .section-channel .channel-right-bottom {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        padding-bottom: 30px;
    }
}
input[type=file] {
    display: block;
    padding-top: 13px;
}
.fix-icons li a.sales-enqury.tooltips {
    line-height: 0;
}
/* .fix-icons li a.fix-mail.tooltips {
    line-height: 24px;
    } */
    .fix-icons li a.inn-enqury.tooltips p {
       background-color: #16a9cf;
   }
   .fix-icons li a.inn-enqury.tooltips p:after {
       border-left: 8px solid #16a9cf;
   }

   h2.col-orng.br.text-center sup {
    font-size: 50%;
    top: -1em;
}

.features-list .item .content1 p{
    padding-left: 0px;
    padding-bottom: 10px;
}
.features-list .item .cell-change{
    vertical-align: top;    
}
.content1 {
 /*  padding-left: 20px; */
}
.features-list .item .ico-change{
    background: transparent;
    vertical-align: top;
}
.features-list .item:hover .ico-change {
    background: transparent; 
    /* transition: all .3s ease-in-out;
    filter: brightness(100%) hue-rotate(520deg); */
}
.col-orng{
    color: #ff6565;
}
.features-list .item .content1 a:hover, .features-list .item:hover .content1 a {
    color: #003465;
}

.listStyle-2-2 li:before, .listStyle-2-2.col-lightBlue1 li:before {
    content: '';
    border-radius: 5px;
    width: 0;
    height: 0;
    top: 3px;
    border: 3px solid transparent;
    border-color: #003366;
} 

/* .section-services .item h2 sup {
    top: -2.2em;
    font-size: 8px;
    } */

    sup {
        top: -2.5em;
        font-size: 30%;
    }

    .border-box{
       border: 1px solid #ff6565;
       padding: 20px;
       margin-top: 40px;
       text-align: center;
   }
   p.head-cnt a {
    color: #ff6565 !important;
}
.box-txt{
    /* padding-bottom: 50px; */
    font-size: 16px;
    margin-bottom: 0px;
}
.box-txt a{
    color: #ff6565;
}

.inginusform{
    /* background: linear-gradient(to bottom, #0c2b5a 0%, #f15f60 100%); */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff6565+0,0c2b5a+100 */
    background: rgb(255,101,101, .8); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,101,101,.8) 0%, rgba(12,43,90,.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,101,101,.8) 0%,rgba(12,43,90,.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,101,101,.8) 0%,rgba(12,43,90,.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6565', endColorstr='#0c2b5a',GradientType=0 ); /* IE6-9 */
    padding: 25px 25px 5px 25px;
    /* opacity: .5;  */
}
.inginusform  label{
    color: #fff;
}
/* .inginusform >.fancybox-skin {
    background: linear-gradient(to bottom, #0c2b5a 0%, #f15f60 100%);
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    } */
    textarea.txt-box {
        height: 150px;
    }
    .btn-blu.btn-send {
        font-size: 18px !important;
        color: #fff;
        font-family: 'Gotham-Bold';
        text-shadow: 1px 1px 1px #333;
        /* padding: 8px 44px; */
        padding: 12px 44px !important;
        float: right;
        background: #0c2b5a;
    }
    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 0 0;
        -moz-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
    }
    .features-list.ngeniuslist .item{min-height: 245px;}
    .gold-pm{    border-top: 1px solid;
        padding: 10px;
        border-bottom: 1px solid;
        font-weight: bold;
        width: 70%;
        text-align: center;
        display: inline-block;
        border-color: #812166;    color: #FF6666;
        font-size: 20px;}
        .gold-pm01{border-top: 1px solid;border-color: #003366; display: inline-block; width:70%; margin:0px;}






        /*--------------21062018------------*/




        body.faq-popup .spec-wrapper{
           z-index: 1;
       }
       body.faq-popup footer{
           z-index: 0;
       }



       .p-b-0{
           margin: 0px;
       }
       .border-box1{
           border: 1px solid #ff6565;
           padding: 20px;
           margin-top: 40px;
           text-align: center;
           border-left: 0px;
       }

       .spec {
        z-index: -1;
    }

    .sec-pad{
       padding-top: 55px;
       padding-bottom: 120px;
   }
   .support-start h3{
       font-size: 30px;
   }
   .support-start h4{
       font-size: 20px;
       margin-bottom: 20px;
       text-align: left !important;
       line-height: 25px;
       color: #0c2b5a;
   }
   .support-start p{
       font-size: 14px;
       margin-bottom: 0px;
       margin-top: 10px;
   }
   p.started-txt{
       font-size: 17px; 
       /* padding-bottom: 40px; */
   }
   .support-start figure{
       margin-top: 20px;
       border: 1px solid #ececec;
   }

   .br-border {
    border-bottom: 1px solid #e8e8e8;
    margin: 40px 0px;
}



.section-tit{
    /* font-family:'Gotham-Bold';*/
    font-family: 'Gotham-Light';
    font-size: 36px;
    text-align: center;
    color: #0c2b5a;
}
.section-description{
    text-align: center;
    font-family: 'Gotham-Light';
    font-size: 16px;
}
.section-header{
    margin-bottom: 50px;
}
.section-bg .box {
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    background: #fff;
    transition: 0.4s;
}
.section-bg .box:hover {
    background: #ecf7fc;
}
.section-bg .icon {
    float: left;
}
.section-bg .icon i {
    color: #666666;
    font-size: 80px;
    transition: 0.5s;
    line-height: 0;
}
.section-bg h4 {
    /* margin-left: 110px;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px; */
    margin-left: 120px;
    font-weight: 700;
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 90px;
    color: #0c2b5a;
}
/* .section-bg .box h4.title{
    color: #0c2b5a
    } */
/* .section-bg .box h4.title:hover {
    color: #1e87b5;
    } */
    .section-bg p.description {
        font-size: 14px;
        margin-left: 110px;
        margin-bottom: 0;
        line-height: 24px;
    }
    .section-bg .icon {
        width: 90px;
        height: 90px;
        background: rgba(67,181,230,.1);
        border-radius: 50%;
        display: table;
        vertical-align: middle;
        text-align: center;
        transition: all .3s ease-in-out;
        margin-left: 10px;
    }
    .section-bg .icon figure {
     height: 90px;
     width: 100%;
     display: table-cell;
     vertical-align: middle;
     white-space: nowrap;
 }
 .section-bg .icon img {
    margin: 0 auto;
}


/* .section-bg .icon i:before {
    background: #1dc8cd;
    background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ion-ios-stopwatch-outline:before {
    content: "\f4b4";
    } */






    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 30px;
        text-decoration: none;
        font-size: 18px;
        color: #0c2b5a;
    }

    .more-less {
        float: right;
        color: #0c2b5a;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

    .panel-body p{
       margin: 10px 0px;
   }

   .panel-body h4{
       margin: 15px 0px;
       text-align: left !important;
       line-height: 25px;
   }

   .panel-body figure{
       margin: 30px 0px;
   }


   @media only screen and (max-width: 767px) {
       .panel-title > a {
          font-size: 16px;
          text-align: left;
          line-height: 25px;
      }
      .more-less{
       margin-left: 25px;
   }
}
@media only screen and (max-width: 768px) {
    .panel-title > a {
        text-align: left;
    }
}


/* ==== */




.tabs-left-support/*, .tabs-right*/ {
  border-bottom: none;
  padding-top: 2px;
  margin-bottom: 60px;
}
.tabs-left-support {
  /* border-right: 1px solid #ddd; */
}
/* .tabs-right {
  border-left: 1px solid #ddd;
  } */
  .tabs-left-support>li/*, .tabs-right>li*/ {
      float: none;
      margin-bottom: 2px;
  }
  .tabs-left-support>li {
      margin-right: -1px;
  }
/* .tabs-right>li {
  margin-left: -1px;
  } */
  .tabs-left-support>li.active>a,
  .tabs-left-support>li.active>a:hover,
  .tabs-left-support>li.active>a:focus {
      border-bottom-color: #ddd;
      border-right-color: transparent;
  }

  .tabs-left-support>li.active>a:hover:before, .tabs-left-support>li>a:before{
   border-top-color: transparent;
}

/*.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
  }*/
  .tabs-left-support>li>a {
      /* border-radius: 4px 0 0 4px; */
      /* margin-right: 0; */
      display:block;
      font-size: 18px;
      padding: 13px 30px;
      margin:0px; 
      line-height: 23px;
      font-size: 14px;
      font-family: proxima_nova_ltsemibold;
  }
  .nav-tabs>li.active>a{
   background: #ff6565;
}
.external-wrap .nav-tabs>li.active>a{ background:#edeff3; padding:19px;}

.tab-supports h2{
    color: #0c2b5a;
}
.tab-supports h4{
    color: #f15f60;
    margin-bottom: 20px;
    text-align: left !important;
    line-height: 25px;
}

.tab-supports h3 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 25px;
    color: #0c2b5a;
}

.tab-supports figure{
    margin: 30px 0px;
}

.tab-supports p{
    margin-bottom: 0px;
    margin-top: 15px;
}

.tab-supports ul li{
    list-style: circle;
    margin-left: 15px;
    color: #003366;
    padding-bottom: 5px;
    padding-top: 5px;
}

.table-support{
    margin-top: 25px;
    margin-bottom: 25px;
}

.domain-txt{
    color: #0c2b5a;
}

.table-support th{
    color: #0c2b5a;
}

.table-support td{
    color: #0c2b5a;
    font-size: 14px;
}

.btn-online {
    margin-top: 30px;
    margin-bottom: 10px;
}

a.btn-txt-online {
    background: #0c2b5a;
    color: white;
    border: none;
    padding: 15px;
}
a.btn-txt-online:hover {
    background: #f15f60;
    color: white;
}


/* 
.sticky-webstore{
    position: fixed;
    top: 0;
    } */
    .sticky-webstore {
        position: fixed;
        top: 120px;
        width: 16%;
    }



/*.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
  }*/
/* .vertical-text {
  margin-top:50px;
  border: none;
  position: relative;
}
.vertical-text>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.vertical-text>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.vertical-text>li.active>a,
.vertical-text>li.active>a:hover,
.vertical-text>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.vertical-text.tabs-left-support {
  left: -50px;
  } */
/*.vertical-text.tabs-right {
  right: -50px;
}
.vertical-text.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  }*/
/* .vertical-text.tabs-left-support>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  } */



/* ----- v CAN BE DELETED v -----
body {
    background-color: #26a69a;
}
*/
/* .demo {
    padding-top: 60px;
    padding-bottom: 60px;
}
*/







/* -------------------------------- 

Main components 

-------------------------------- */
/* header {
  position: relative;
  height: 180px;
  line-height: 180px;
  text-align: center;
  background-color: #a9c056;
}
header h1 {
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
}
@media only screen and (min-width: 1024px) {
  header {
    height: 240px;
    line-height: 240px;
  }
  header h1 {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 300;
  }
  } */

/* .cd-faq {
  width: 90%;
  max-width: 1024px;
  margin: 2em auto;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.cd-faq:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .cd-faq {
    position: relative;
    margin: 4em auto;
    box-shadow: none;
  }
  } */


  .cd-faq-trigger::after, .cd-faq-trigger::before {
      content: '';
  }
  .cd-close-panel::after, .cd-close-panel::before {
      content: '';
  }

  .cd-faq-categories a {
      position: relative;
      display: block;
      overflow: hidden;
      height: 50px;
      line-height: 50px;
      padding: 0 28px 0 16px;
  /* background-color: #4e5359;
  border-bottom: 1px solid #555b61; */
  background-color: #0c2b5a;
  border-bottom: 1px solid #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  white-space: nowrap;  
  text-overflow: ellipsis;
  font-family:proxima_nova_rgregular;
}
.cd-faq-categories a::before, .cd-faq-categories a::after {
  /* plus icon on the right */
  position: absolute;
  top: 50%;
  right: 16px;
  display: inline-block;
  height: 1px;
  width: 10px;
  background-color: #7f868e;
}
.cd-faq-categories a::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cd-faq-categories li:last-child a {
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  .cd-faq-categories {
    width: 20%;
    float: left;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); */
}
.cd-faq-categories a {
    font-size: 14px;
    font-family:proxima_nova_ltsemibold;
    /* font-size: 0.8125rem; */
    /* font-weight: 600; */
    padding-left: 24px;
    padding: 0 24px;
    -webkit-transition: background 0.2s, padding 0.2s;
    -moz-transition: background 0.2s, padding 0.2s;
    transition: background 0.2s, padding 0.2s;
}
.cd-faq-categories a::before, .cd-faq-categories a::after {
    display: none;
}
.no-touch .cd-faq-categories a:hover {
    /* background: #555b61; */
    background: #ff8181;
}
.no-js .cd-faq-categories {
    width: 100%;
    margin-bottom: 2em;
}
}
@media only screen and (min-width: 1024px) {
  .cd-faq-categories {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    z-index: 2;
}
.cd-faq-categories a::before {
    /* decorative rectangle on the left visible for the selected item */
    display: block;
    top: 0;
    right: auto;
    left: 0;
    height: 100%;
    width: 3px;
    background-color: #ff6565;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.cd-faq-categories .selected {
    /* background: #42464b !important; */
    background: #ff6565 !important;
}
.cd-faq-categories .selected::before {
    opacity: 1;
}
.cd-faq-categories.is-fixed {
    /* top and left value assigned in jQuery */
    position: fixed;
    /* margin-top: 100px; */
}
.no-js .cd-faq-categories {
    position: relative;
}
}

.cd-faq-items {
  position: fixed;
  height: 100%;
  width: 90%;
  top: 0;
  /* top: 16%;
  bottom: 0; */
  right: 0;
  background: #ffffff;
  padding: 0 5% 1em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) translateX(100%);
  -moz-transform: translateZ(0) translateX(100%);
  -ms-transform: translateZ(0) translateX(100%);
  -o-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
.cd-faq-items.slide-in {
  -webkit-transform: translateZ(0) translateX(0%);
  -moz-transform: translateZ(0) translateX(0%);
  -ms-transform: translateZ(0) translateX(0%);
  -o-transform: translateZ(0) translateX(0%);
  transform: translateZ(0) translateX(0%);
}
.no-js .cd-faq-items {
  position: static;
  height: auto;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (min-width: 768px) {
  .cd-faq-items {
    position: static;
    height: auto;
    width: 78%;
    float: right;
    overflow: visible;
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    padding: 0;
    background: transparent;
}
}
@media only screen and (min-width: 1024px) {
  .cd-faq-items {
    float: none;
    width: 100%;
    padding-left: 220px;
}
.no-js .cd-faq-items {
    padding-left: 0;
}
}

.cd-close-panel {
  position: fixed;
  top: 5px;
  right: -100%;
  display: block;
  height: 30px;
  width: 30px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 9999;
  /* border: 1px solid #6c7d8e; */
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: right 0.4s;
  -moz-transition: right 0.4s;
  transition: right 0.4s;
}
.cd-close-panel::before, .cd-close-panel::after {
  /* close icon in CSS */
  position: absolute;
  top: 13px;
  left: 5px;
  display: inline-block;
  height: 3px;
  width: 18px;
  background: #6c7d8e;
}
.cd-close-panel::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-close-panel::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-close-panel.move-left {
  right: 0;
  top: 20%;
}
@media only screen and (min-width: 768px) {
  .cd-close-panel {
    display: none;
}
}

.cd-faq-group {
  /* hide group not selected */
  display: none;
}
.cd-faq-group.selected {
  display: block;
}
.cd-faq-group .cd-faq-title {
  background: transparent;
  box-shadow: none;
  margin: 1em 0;
}
.no-touch .cd-faq-group .cd-faq-title:hover {
  box-shadow: none;
}
.cd-faq-group .cd-faq-title h2 {
  text-transform: uppercase;
  font-size: 14px;
  font-family:proxima_nova_rgbold;
  /* font-size: 0.75rem;
  font-weight: 700; */
  color: #bbbbc7;
  letter-spacing: 1px;
}
.no-js .cd-faq-group {
  display: block;
}
@media only screen and (min-width: 768px) {
  .cd-faq-group {
    /* all groups visible */
    display: block;
}
.cd-faq-group > li {
    background: #ffffff;
    margin-bottom: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}
.no-touch .cd-faq-group > li:hover {
    box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
}
.cd-faq-group .cd-faq-title {
    margin: 2em 0 1em;
}
.cd-faq-group:first-child .cd-faq-title {
    margin-top: 0;
}
}

.cd-faq-trigger {
  position: relative;
  display: block;
  margin: 1.6em 0 .4em;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .cd-faq-trigger {
    font-size: 22px;
    font-family:proxima_nova_ltlight;
    /* font-size: 1.5rem;
    font-weight: 300; */
    margin: 0;
    padding: 24px 72px 24px 24px;
    color: #0c2b5a;
}
.cd-faq-trigger::before, .cd-faq-trigger::after {
    /* arrow icon on the right */
    position: absolute;
    right: 24px;
    top: 50%;
    height: 2px;
    width: 12px;
    background: #bbbbc8;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.cd-faq-trigger::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 32px;
}
.cd-faq-trigger::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.content-visible .cd-faq-trigger::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.content-visible .cd-faq-trigger::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
}

.cd-faq-content p {
  font-size: 16px;
  font-family:proxima_nova_rgregular;
  /* font-size: 0.875rem; */
  line-height: 1.4;
  /* color: #6c7d8e; */
  color: #435261;
}
@media only screen and (min-width: 768px) {
  .cd-faq-content {
    display: none;
    padding: 0 24px 30px;
}
.cd-faq-content p {
    line-height: 1.5;
    /* margin-bottom: 0px; */
}
.no-js .cd-faq-content {
    display: block;
}
}

ul.faq-edu li{
    list-style: circle;
    list-style-position: inside;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #435261;
    font-family: proxima_nova_rgregular;
    font-size: 16px;
}
.list-faq{
    font-family:proxima_nova_ltsemibold;
}

@media only screen and (max-width: 767px) {
    .cd-faq-items {
     padding: 33% 5% 1em !important;
 }
 .sec-pad{
   padding-top: 55px;
   padding-bottom: 55px;
}
}
a.btn-round {
    border-radius: 50px;
    display: inline-block;
    width: auto;
    padding: 10px 30px;
    box-shadow: 0 0 0 1px rgba(41,41,41,0.2) inset, inset 0 -100px 0 rgba(41,41,41,0);
}

a.btn-round:hover {
    box-shadow: 0 0 0 1px rgba(41,41,41,0) inset, inset 0 -100px 0 rgba(41,41,41,0.06), 0 4px 6px 0 rgba(0,0,0,0.1), 0 1px 10px 0 rgba(0,0,0,0.06), 0 2px 4px -1px rgba(0,0,0,0.18);
}

.online-btn-wrapper a.btn-round {
    margin: 5px 10px;
    padding: 5px 30px;
    width:auto;
    text-transform: uppercase;

}
.btn.lightBlue {
    color: #fff;
}
.light-green{
    background-color: #39b6ad;
    color: #003366;
}
.rose-bg{
    background-color: #FF6666;
    color: #fff!important;
}
.btn-online .btn.blue.btn-round{
    color:#39b6ad !important;
}
.box-holder {
    display: block;
    text-align: center;
}
.box-holder .border-box {
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
    padding: 20px;
    margin-bottom: 30px;
    border: none;
    box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
    background: #fff;
    transition: 0.4s;
    display: inline-block;
    width: 20%;
}
.box-holder.lightbluebg .border-box{background: #FF6666; color:white;}
.online-btn-wrapper a.login{color:#1b3766;}
.box-holder a,
.box-holder a.enquiry {
    font-size: 18px;
    line-height: 20px;
    color: #0c2b5a;
}
.box-holder .border-box:hover {
    background: #003366;
    color: #fff;
}

.btn-back {
    margin-bottom: 15px;
    width: auto !important;
    display: inline-block !important;
}
.btn-back i {
    padding-right: 10px;
}

.tabs-left-support>li.back {
    margin-bottom: 15px;
}
.tab-content.tab-supports {
    padding-top: 80px;
}

@media (min-width: 768px) {
    .cd-faq-items {
        padding-top: 65px;
    }
}

.btn.scrolltop-faq,
.btn.scrolltop-tab {
    position: absolute;
    right: -50px;
    bottom: 7px;
}



.box-holder.support-btn .border-box {   
    border: none;
    box-shadow: none;
    font-family: proxima_nova_ltsemibold;
    background: none;
    border-radius: 60px;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #f1f4f7;
    background-repeat: no-repeat;
    width: 222px;
    background-position: 19px center;
    padding: 15px 30px 15px 62px;
}

.box-holder.support-btn .border-box{
   background-image: url(../images/support-ico.png);
}

.box-holder.support-btn .border-box.request-btn{
   background-image: url(../images/call-back-ico.png);
}

.box-holder.support-btn .border-box:hover{
    background-color: #FF6666;
    color: #ffffff;
}



/*--- PRICING ---*/

/* ----- Tickets Starts -----*/

.green-tick{
    color: #31c269;
    margin-right: 15px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
    width: 10%;
}

.pricing-bg{
    background: #f0f4f7;
}

.main-pricing h1{
    font-size:36px;
    padding-bottom: 25px;
    margin: 0;
    text-align: center;
}


.tickets-padding{
    padding:50px 25px;
}



.white-bg-price{
    background: white;
}

.text-center-wthree {
    text-align: center;
    margin-top: 44px;
}

.para-a{
    margin:0 auto;
    text-align:center;
    /* padding:100px 25px; */
    display: block;
    vertical-align: middle;
    width: 100%;

    /* letter-spacing: 2px; */
}

.verticlal-price{
    display: table-cell;
    padding: 50px 0 25px 25px;
    position: relative;
    height: 100%;
    width: 100%;
    float: left;
}

.para-a h5{
  margin: 0px;
  padding: 4px 0px 35px 0px;
  font-size: 58px;
  font-family: proxima_nova_ltsemibold;
  color: #002e5d;
  position: relative;
  float: left;
  line-height: 30px;
  display: block;
  width: auto;
}


.cal-icon-3m{
    float: left;
    width: 85px;
    height: 150px;
    margin-right: 15px;
    background: url(../images/cal-1.png) no-repeat 0 0;
    background-size: contain;
}

.cal-icon-6m{
 float: left;
 width: 85px;
 height: 150px;
 margin-right: 8px;
 background: url(../images/cal-2.png) no-repeat 0 0;
 background-size: contain;
}

.cal-icon-12m{
  float: left;
  width: 85px;
  height: 150px;
  margin-right: 8px;
  background: url(../images/cal-3.png) no-repeat 0 0;
  background-size: contain;
}



/* .para-a span {
    position: absolute;
    left: 100px;
    } */
/* .para-a h5:before{
    content: 'AED';
    color: black;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    } */

    .para-a sup {
        position: absolute;
        top: 12px;
        left: 100%;
        font-size: 33px;
        color: #002e5d;
        font-family: proxima_nova_rgbold;
    }

/* .para-a span{
font-size:24px;
padding-right:10px;
} */

.para-a p{
    margin: 0 auto;
    padding: 0px;
    text-align: left;
    color: #002e5d;
    font-size: 13px;
    /* letter-spacing: 3px; */
    padding-bottom: 7px;
    width: 100%;
    float: left;
}

.para-a h3{
    background: #ebf6fc;
    padding: 10px;
    width: 50%;
    margin: 0 auto;
    font-size: 16px;
    font-family: proxima_nova_ltsemibold;
    margin-top: 50px;
}

.para-a article{
 font-size: 12px;
 margin: 0;
 font-family: proxima_nova_ltsemibold;
 color: #002e5d;
}

/* .grid1a-w3l h3, .grid2a h3, .grid3a h3 {
    padding: 0px;
    margin:0px;
    padding-bottom: 10px;
    text-align: center;
    font-size:40px;
    color: rgba(97, 86, 241, 1);
    } */

    .para-b-w3ls{
       /*padding:50px;*/
       padding: 100px 5px 50px 5px;
   }
   .brd-price {
    border-right: 2px solid #f4f4f4;
}
.para-b-w3ls p{
    margin: 0px;
    /* margin-bottom:20px; */
    padding: 10px 0px;
    color: #000;
}


/* .grid1b p, .grid2b p, .grid3b p{
    margin: 0 5%;
    padding: 10px 0px;
    padding-left: 20px;
    letter-spacing: 2.5px;
    text-align: left;
    color: #fff;
    font-size: 20px;
}

.grid1b span, .grid2b span, .grid3b span{
    font-size: 20px;
    color: rgba(247, 34, 71, 0.75);
    font-weight: 600;
    } */

    a.sign-up {
        padding: 5px 25px;
        background: #39b6ad;
        text-decoration: none;
        border-radius: 23px;
        text-transform: uppercase;
        color: #002e5d;
        font-size: 15px;
        left: 50%;
        position: absolute;
        margin-left: -107px;
        font-family: proxima_nova_ltsemibold;
        letter-spacing: .5px;
        bottom: 11%;
        width: 210px;
    }
    a.sign-up:hover{
        background: #fe6568;
        color: #fff;
        text-decoration: none;
    }




    #tabs4 {
       margin: 0 auto;
       margin-bottom: 40px;
   }

   #tabs4 ul{
       margin: 0 auto;
       text-align: center;
       margin:0px;
       padding: 0px;
   }

   #tabs4 li {
    display: inline-block;
}

#tabs4 li a {
    display: block;
    padding: 2px 32px 0;
    background: #fff;
    text-decoration: none;
    color: #002e5d;
    border-radius: 13px;
    font-size: 12px;
    line-height: 20px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    /* letter-spacing: 2px; */ 
}

#tabs4 li a:hover {
    background: #39b6ad;
    color: #002e5d;
}

.tabulous_active {
    background: #39b6ad !important;
    color: #002e5d !important;
    border: 1px solid #39b6ad !important;
}
#tabs_container { 
    padding:40px 0 0;
    position: relative;
}

#tabs-1,#tabs-2,#tabs-3 {
    width: 100%;
    margin: 0 auto;
    padding:0px;
}


.tabulousclear {
    display: block;
    clear: both;
}

#tabs-1 h4,#tabs-2 h4,#tabs-3 h4{
    padding:0px;
    margin:0px;
    padding-bottom:30px;
    font-size:30px;
    color:#fff;
}

.transition {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.make_transist {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.hidescale {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
}

.showscale {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hideleft {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.showleft {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hidescaleup {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.showscaleup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hideflip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transform: rotatey(-90deg) scale(1.1);
    -moz-transform: rotatey(-90deg) scale(1.1);
    -o-transform: rotatey(-90deg) scale(1.1);
    -ms-transform: rotatey(-90deg) scale(1.1);
    transform: rotatey(-90deg) scale(1.1);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.showflip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;

    -webkit-transform: rotatey(0deg) scale(1);
    -moz-transform: rotatey(0deg) scale(1);
    -o-transform: rotatey(0deg) scale(1);
    -ms-transform: rotatey(0deg) scale(1);
    transform: rotatey(0deg) scale(1);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.tabulousclear {
    display: block;
    clear: both;
    }        /*  ------ Tickets Tabs Ends  -------------*/





    @media only screen and (max-width: 991px) {
        .para-b-w3ls {
            padding: 20px;
        }
    }

    @media only screen and (max-width: 768px) {
      .tickets-padding{
       padding:50px 0px;
   }
}

@media only screen and (max-width: 767px) {
  .eqHeight{
     height: auto !important;
 }
 .para-b-w3ls {
   padding: 25px 25px;
   margin-top: 10px;
}
.para-a {
   padding: 50px 0px;
}
#tabs4 li a {
    margin-top: 3px;
}

#tabs_container{
    padding: 470px 0 0;
}

}
.col-lightBluenew{color:#337ab7;}
.NICS h2.br:before{background:#a9af37;}

.spec-wrapper.white h3, .spec-wrapper.white h4{
    color: #0c2b5a;
}
.btn-back {
    margin-bottom: 30px;  
}

.spec-wrapper {
    z-index: 2;
}
.brochure-dwnld{
    border: 2px solid #003465;
}
.brochure-dwnld h4{
    text-align: center;
    padding-top: 25px;
}
a.btn-dwnld {
    width: 100%;
}
.img-dwnld {
    margin: 0 auto;
    margin-top: 25px;
}
.brochure-dwnld:hover{
    background: #003366;
    border: 2px solid #FF6666;
}
.brochure-dwnld a h4{
    color: #f15f60;
}


.my-video-dimensions {
    width: 100% !important;
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #01050a;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}



.col-rose{
    color:#FF6666;
}
.section-title-go h2{
    font-size: 40px;

}
.section-title-go h6{
    font-size: 18px;
    
}
.section-go p{
    font-size: 14px;

}
p.txt-go{
    font-size: 20px;
    font-weight: 500;
    padding-top: 20px;
    margin-bottom: 15px;
    line-height:1.3em;
}
.txt-head-go{
    color: #39b6ad;
    line-height: 30px;
}

body.goonline-body .spot-content .page-title, body.goonline-body .spot-content .breadcrumb, body.goonline-body .spot-content .utilities ul:after, body.goonline-body .spot-content .utilities ul:before {
    display: none;
}




@media only screen and (max-width: 767px){
    body.goonline-body .inner-spotlight01 {
        background-repeat: no-repeat;
        background-position: center;
        background-position-x: 10%;
        background-size: contain;
        /* padding-top: 12%; */
        min-height: 200px;
        max-height: 420px;

    }
    body.goonline-body .inner-spotlight {
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        /* padding-top: 12%; */
        min-height: 140px;
        width: 100%;
        max-height: 420px;
    }
}

.content-right{
    text-align: left;
    display: inline;
    float: left;
    width: 57%;
}
.content-right span{
    float: left;
    width: 100%;
    text-align: left;
    font-family: proxima_nova_ltlight;
    font-size: 25px;
    display: block;  
}

.semi-round{
    background: #f3f4f6;
    width: 100%;
    float: left;
    border-radius: 0px 10px 0px;
    padding: 10px;
}


.semi-round span {
    float: left;
    width: 100%;
    text-align: left;
    font-family: proxima_nova_ltsemibold;
    font-size: 17px;
    display: block;
    color: #39b6ad;
}


.tick p{
    display: block;
    padding: 0 0 14px 30px;
    background: url(../images/tick-bg.jpg)no-repeat 0 0;
    color: #002e5d;
}

body.goonline-body .utilities {
    padding-top: 130px;
}

@media only screen and (max-width: 767px){

    .verticlal-price {
        padding: 10px 0 25px 25px;   
    }
    a.sign-up {   
        left: 125px;
        position: absolute;
        margin-left: 0;   
        bottom: -7%;
    }
    body.goonline-body .utilities {
     margin: 0;
     text-align: center;
     position: absolute;
     top: 16%;
     width: 100%;
 }

}

h3.inside-txt {
    display: inline;
    margin-left: 25px;
    /*    border-bottom: 2px solid #f15f60;*/
}
h3.inside-txt1 {
    display: inline;
    /*margin-left: 25px;*/
    /*    border-bottom: 2px solid #f15f60;*/
}
.mar-25{
    margin-top: 20px;
}
.br-bt-go{
    position: relative;
}
.br-bt-go:before {
    position: absolute;
    left: 4px;
    bottom: -8px;
    height: 4px;
    background: #FF6666;
    width: 50px;
    content: '';
}

.form label.error {
    position: absolute;
    left: auto;
    top: 0;
    font-size: 10px;
    color: #e93b49;
    font-weight: 400;
    right: 15px;
}
.web-abs{
    position: static;
}
.abs {
    position: absolute;
    bottom: 0;
    top: auto;
}


@media only screen and (max-width: 767px){
    .section-bg .icon {
        margin: 0 auto;
       margin-bottom: 20px;
       float: none;
   }
   .section-bg h4 {
      margin-left: 0px;
      line-height: 25px;
  }
}
.relative{position: relative;}
h2.col-blue.brcenter.br:before{left:50%;}


.about-circles .circle p {
    font-size: 15px;
}
.terms-ncare p {
    font-size: 13px;
    color: #717171;
    line-height: 20px;}
    .terms-ncare .section-title h2 {
        font-size: 24px;
        color: #717171;
        padding-bottom: 5px;}

        /* 17/10/2018 */

        .ngenius-wrapper {
           background: #062f5d; 
           background: -moz-linear-gradient(45deg, #062f5d 0%, #FF6666 86%, #FF6666 86%, #FF6666 100%); 
           background: -webkit-linear-gradient(45deg, #062f5d 0%,#FF6666 86%,#FF6666 86%,#FF6666 100%); 
           background: linear-gradient(45deg, #062f5d 0%,#FF6666 86%,#FF6666 86%,#FF6666 100%); 
           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062f5d', endColorstr='#FF6666',GradientType=1 ); 
       }
       .ngenius-wrapper p {
           color: #fff;
       }
       .ngenius-wrapper .content {
           padding: 30px 50px;
           background: rgba(0, 45, 92, 0.2);
       }
       .ngenius-wrapper .content.white {
        background: #fff;
    }
    @media (max-width: 575px) {
        .ngenius-wrapper .content {
            padding: 30px 15px;
        }
    }
    .ngenius-wrapper .content p,
    .ngenius-slider p {
       font-size: 16px;
       line-height: 22px;
       font-family:'Gotham-Light';
   }
   .ngenius-wrapper h4,
   .ngenius-wrapper .content h4,
   .ngenius-slider h4 {
    font-size: 24px;
    line-height: 26px;
    color: #fff;
    /*font-family: 'Gotham-Medium';*/
    font-family: 'Gotham-Light';
    /* margin-bottom: 0; */
}
.ngenius-wrapper .content h3 {
    font-size: 30px;
    line-height: 32px;
    color: #fff;
    /*font-family: 'Gotham-Medium';*/
    font-family: 'Gotham-Light';
    /* margin-bottom: 0; */
}
.acq-listing {
    /* background: #fff; */
    /* padding: 0 30px; */
    color: #003366;
    margin-bottom: 80px;
}
.acq-listing > ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}
.acq-listing > ul > li {
    /* padding: 15px 30px; */
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
}
@media (max-width: 991px) {
    .acq-listing > ul > li {
        flex: 0 0 50%;
        margin-bottom: 15px;
    }
    .acq-listing li:nth-child(2n + 1) .list-footer {
        border-left: none;
    }
}
@media (max-width: 575px) {
    .acq-listing li .list-footer {
        border-left: none;
    }   
}
@media (max-width: 575px) {
    .acq-listing > ul > li {
        flex: 0 0 100%;
    }
}
.acq-listing > ul > li .wrapper {
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
}
.acq-listing > ul > li .cover {
    border-left: 1px solid rgba(0, 45, 92, 0.05);
    position: relative;
    background: #fff;
    /* margin:  0 -15px; */
    padding: 15px 30px;
    /* height: 89%; */
}
.acq-listing > ul > li:first-child {
    border-left: none;
}
.acq-listing .icon {
    margin-bottom: 30px;
}
.acq-listing h4 {
    font-family: 'Gotham-Bold';
    font-size: 19px;
    line-height: 24px;
    color: #003366;
    min-height: 48px;
}
.acq-listing > ul > li li {
    position: relative;
    padding-left: 10px;
}
.acq-listing > ul > li li a:before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    content: '';
    background: #003366;
    position: absolute;
    left: 0;
    top: 7px;
}
.acq-listing a {
    color: #003366;
}
.acq-listing > ul > li li:hover a {
    color: #FE6569;
    text-decoration: underline;
}
.acq-listing > ul > li li:hover a:before {
    background: #FE6569;    
}
.acq-listing p {
    font-family:'Gotham-Light';
    font-size: 16px;
}
.acq-listing .list-footer {
    /* position: absolute; */
    left: 0;
    top: 100%;
    background: rgba(0, 45, 92, 0.2);
    left: 0;
    right: 0;
    text-align: center;
    border-left: 1px solid #fff;
}
.acq-listing .list-footer:hover {
    background: #FE6569;
}
.acq-listing > ul > li:first-child .list-footer {
    border-left: none;
}
.acq-listing .list-footer .more:before {
    font-family: 'network';
    content: '\e803';
    font-size: 24px;
    top: 50%;
    margin-top: -9px;
}
.acq-listing .list-footer .more {
    font-family: 'Gotham-Bold';
    font-size: 16px;
    line-height: 18px;
    padding: 15px;
}
.acq-listing .list-footer .more:hover,
.acq-listing .list-footer .more:hover:before {
    color: #fff;
}

.drop {
    position: relative;
    padding-right: 15px;
}
.drop:before {
    content: '\e806';
    font-family: 'network';
    position: absolute;
    right: 5px;
    top: 6px;
    font-size: 18px;
}
.header-bottom .page-nav .new-drop ul ul {
    position: relative;
    left: auto;
    right: auto;
}
.header-bottom .page-nav .new-drop ul ul a {
    border: none !important;
    padding-left: 10px;
    position: relative;

    text-transform: capitalize;
}
.header-bottom .page-nav .new-drop ul ul a:before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    content: '';
    background: #003366;
    position: absolute;
    left: 0;
    top: 10px;
}
.header-bottom .page-nav .new-drop ul ul li:hover a,
.header-bottom .page-nav .new-drop ul ul li.active a {
    text-decoration: underline;
    color: #FF6666;
    background: transparent;
}
.header-bottom .page-nav .new-drop ul ul li:hover a:before,
.header-bottom .page-nav .new-drop ul ul li.active a:before {
    background: #FF6666;
}
.header-bottom .page-nav .new-drop li a.drop {
    padding-right: 15px;
    min-width: 220px;
    text-transform: uppercase;
}

.header-bottom .page-nav .new-drop li ul {
    display: none;
    padding: 0;
    padding-left: 20px;
}
.header-bottom .page-nav .new-drop ul li:hover ul {
    display: none;
}

.fix-icons .icon-email:before {
    content: '';
    width:  32px;
    height: 22px;
    background: url('../images/email-1.svg') no-repeat center;
    margin: 0 auto;
}
.fix-icons .icon-callback:before {
    content: '';
    width:  32px;
    height: 36px;
    background: url('../images/icon-callback.svg') no-repeat center;
    margin: 0 auto;
}
.fix-icons {
    bottom: auto;
    top: 0;
    right: 0;
    background: #FF6666;
    padding: 20px 0px;
    padding-bottom: 5px;
    /* position: relative; */
    transition: all .5s cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);

    display: none;
}
.form-on .fix-icons,
.reqform-on .fix-icons {
    right: 600px;
    transition: all .5s cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
@media (max-width: 1350px) {
    .fix-icons {
        top: 100px;
    }
}
@media (max-width: 900px) and (min-width: 768px) {
    .fix-icons {
        top: 150px;
    }
}
@media (max-width: 575px) {
    .fix-icons {
        top: 112px;
    }
}
.fix-icons:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #FF6666;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}
.fix-icons:after {
    height: 20px;
    background: #FF6666;
    width: 38px;
    position: absolute;
    top: 100%;
    content: '';
    right: 0;
}
.fix-icons ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items:  center;
    justify-content:  center;
}
.fix-icons li a.tooltips {
    position: relative;
}

.col-blue {
    color: #003366;
}
.col-red {
    color: #FF6666;
}
.ngenius-slider .col-red {
    color: #FF6666;
}

.ng-title {
    /*font-size: 30px;
    line-height: 32px;
    font-family: 'Gotham-Medium';*/
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 40px;

    font-family: 'Gotham-Light';
        transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}
.owl-carousel .container-wrapper .ng-title {
    padding-top: 53px;
            transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}
.owl-carousel .container-wrapper .ng-title.online-payment{margin-top:260px;}

@media (max-width: 575px) {
    .ng-title {
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 30px;
    }
}
.ngenius-slider {
    /* padding-bottom: 60px; */
}
.ngenius-slider h4 {
    color: #003366;
    font-family: 'Gotham-Medium';
    /* text-transform: uppercase; */
}
.ng-top {
    background: #fff;
}
.ng-top .container-wrapper {
    padding: 55px 55px 0;
    background-size: cover;
    background-position: top right;
}
.addon-slider-wrapper .ng-top .container-wrapper {
    padding-bottom: 55px;
}


@media (max-width: 1199px) {
    .ng-top .container-wrapper {
        background-position: top left;
    }
}
.ng-bottom {
    background: rgba(0, 45, 92, 0.05);
    padding: 25px 0 100px;
}
@media (max-width: 767px) {
    .ng-bottom {
        padding-bottom: 10px;
    }
}
.features-inner {
    background: #fff;
    padding: 10px 50px;
}
@media (max-width: 575px) {
    .features-inner {
        padding: 30px 15px;
    }
}
.features-wrapper .item {
    padding-top: 15px;
    padding-bottom: 15px;
    border-left: 1px solid rgba(0, 45, 92, 0.15);
    border-top: 1px solid rgba(0, 45, 92, 0.15);
    margin-bottom: -1px;
}
.features-wrapper .item .inner {
    /* padding: 20px; */
}
.features-wrapper .item:first-child,
.features-wrapper .item:nth-child(4n) {
    border-left: none;
}
.features-wrapper .item:first-child + .item,
.features-wrapper .item:first-child + .item+ .item,
.features-wrapper .item:first-child {
    border-top: none;
    border-bottom: 1px solid rgba(0, 45, 92, 0.15);
}


.features-inner .smart-bundle .item:first-child,
.features-inner .smart-bundle .item:nth-child(3n) {
    border-left: none;
}
.features-inner .smart-bundle .item:nth-child(4n) {
    border-left: 1px solid rgba(0, 45, 92, 0.15);
}

.features-inner .smart-bundle .item:first-child + .item,
.features-inner .smart-bundle .item:first-child + .item+ .item,
.features-inner .smart-bundle .item:first-child {
    border-top: none;
    border-bottom: 1px solid rgba(0, 45, 92, 0.15);
}
.features-inner .smart-bundle .item:nth-child(3n) {
    border-bottom: none!important;
}






.features-wrapper .item h4 {
    font-family: 'Gotham-Bold';
    font-size: 20px;
    line-height: 24px;
    color: #FF6666;
}
.features-wrapper .item h4 a {
    color: #FF6666;
}
.features-wrapper .item .icon {
    margin-bottom: 20px;
}
.features-wrapper .item a,
.features-wrapper .item li {
    color: #003366;
}
.features-wrapper .item p a{ font-size:14px;}
.features-wrapper .item li a {
    padding-left: 10px;
    display: block;
    cursor: default;
}
.features-wrapper .item li a:before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    content: '';
    background: #003366;
    position: absolute;
    left: 0;
    top: 7px;
}
.features-wrapper .item li {
    position: relative;
    /* padding-left: 10px; */
}
/*.features-wrapper .item li:hover a {
    color: #FE6569;
    text-decoration: underline;
    }*/
/*.features-wrapper .item li:hover a:before {
    background: #FE6569;    
    }*/

    .features-inner .row {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
    }
    .features-inner .row .item {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    @media (max-width: 991px) {
        .features-inner .row .item {
            flex: 0 0 50%;
            max-width: 50%;       
        }
        .features-wrapper .item:nth-child(2n+1) {
            border-left: none;
        }
        .features-wrapper .item:nth-child(4n) {
            border-left: 1px solid rgba(0, 45, 92, 0.15);
        }
        .features-wrapper .item:first-child + .item+ .item {
            /* border-bottom: 1px solid rgba(0, 45, 92, 0.15); */
        }
    }
    @media (max-width: 575px) {
        .features-inner .row .item {
            flex: 0 0 100%;
            max-width: 100%;       
        }
        .features-wrapper .item {
            border-left: none !important;
        }
    }
    .features-wrapper .item .icon img {
        width: auto;
        height: 71px;
    }

    .ngenius-slider-wrapper {
        position: relative;
    }
    .ngenius-nav .container {
    /* max-width: 1200px;
    margin: 0 auto; */
    position: relative;
}
.ngenius-nav .nav {
    position: absolute;
    z-index: 2;
    margin-top: -20px;
}
.addon-slider-wrapper .ngenius-nav .nav {
    /* top: 50% !important; */
}
.ngenius-nav .nav a {
    width: 65px;
    height: 40px;
    display: block;
}
.ngenius-nav .nav-prev a {
    background: url('../images/ng-slide-prev.svg') no-repeat 0 0;
}
.ngenius-nav .nav-prev a:hover {
    background: url('../images/ng-slide-prev-hover.svg') no-repeat 0 0;
}
.ngenius-nav .nav-prev {
    left: -90px;
}
.ngenius-nav .nav-next a {
    background: url('../images/ng-slide-next.svg') no-repeat 0 0;
}
.ngenius-nav .nav-next a:hover {
    background: url('../images/ng-slide-next-hover.svg') no-repeat 0 0;
}
.ngenius-nav .nav-next {
    right: -90px;
}
@media (max-width: 1399px) {
    .ngenius-nav .nav-next {
        right: -70px;
    }
    .ngenius-nav .nav-prev {
        left: -70px;
    }
}
@media (max-width: 1299px) {
    .ngenius-nav .nav-prev {
        left: 0px;
    }
    .ngenius-nav .nav-next {
        right: 0px;
    }   
}

.ngenius-slider .owl-nav button {
    background: transparent;
    border: 0;
}

.ngenius-slider .owl-dots {
    counter-reset: dots;
    max-width: 1200px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: right;
}

.ngenius-slider .owl-dot {
    position: relative;
    right: 0;
    top: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #f2f4f6;
    text-align: center;
    padding-top: 3px;
}
.ngenius-slider .owl-dot button {
    background: transparent;
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.ngenius-slider .owl-dot button:focus {
    display:none;
  } 
.ngenius-slider .owl-dot.active  {
    background: #FF6666;
}
.ngenius-slider .owl-dot:before {
    counter-increment:dots;
    content: counter(dots);
    position: absolute;
    text-indent: -9999px;
}

.n-solution {
    padding-top: 30px;
}
.solution-slider .owl-item,
.issuer-slider .owl-item {
    padding: 0 5px;
}
.solution-slider .item,
.issuer-slider .item {
    background: #003366;
    padding: 30px;
}
.issuer-slider .item {
    padding: 48px 30px;
    height: 200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.issuer-slider .item > a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
.solution-slider .item:hover {
    background: #062f5d; 
    background: -moz-linear-gradient(45deg, #062f5d 0%, #FF6666 86%, #FF6666 86%, #FF6666 100%); 
    background: -webkit-linear-gradient(45deg, #062f5d 0%,#FF6666 86%,#FF6666 86%,#FF6666 100%); 
    background: linear-gradient(45deg, #062f5d 0%,#FF6666 86%,#FF6666 86%,#FF6666 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062f5d', endColorstr='#FF6666',GradientType=1 ); 
}
.issuer-slider .item:hover {
    background: #FF6666;
}
.solution-slider .item figure,
.issuer-slider .item figure {
    margin-bottom: 32px;
}
.issuer-slider .item figure {
    margin: 0;
    padding-right: 20px;
}
.solution-slider .owl-nav button, .owl-dots button {
    background: transparent;
    border: 0;
}
.solution-slider .item figure img,
.issuer-slider .item figure img {
    height: 74px;
    width: auto;
}
.solution-slider h4,
.issuer-slider h4 {
    color: #fff;
    text-transform: uppercase;
}
.issuer-slider h4 {
    margin: 0;
    font-size: 32px;
    font-family: 'Gotham-Bold';
}
.issuer-slider button {
    background: transparent;
    border: 0;
}
@media (max-width: 1199px) {
    .ngenius-slider .owl-dots {
        max-width: 970px;
        margin-left: -485px;
    }
}
@media (max-width: 991px) {
    .ngenius-slider .owl-dots {
        max-width: 750px;
        margin-left: -375px;
    }
}
@media (max-width: 767px) {
    .ngenius-slider .owl-dots {
        width: 100%;
        /* left: auto; */
        max-width: 100%;
        margin-left: 0px;
        /* right: auto; */
        position: absolute;
        text-align: center;
    }
}
.ngenius-slider .owl-dot {
    /* position: absolute; */
    right: 0;
    top: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #f2f4f6;
    text-align: center;
    padding-top: 3px;
}
.ngenius-slider .owl-dot.active {
    background: #FF6666;
}
.ngenius-slider .owl-dot:before {
    counter-increment:dots;
    content: counter(dots);
}

.n-solution {
    padding-top: 30px;
}
.solution-slider .owl-item,
.issuer-slider .owl-item {
    padding: 0 5px;
}
.solution-slider .item,
.issuer-slider .item {
    background: #003366;
    padding: 30px;
}
.issuer-slider .item {
    padding: 48px 30px;
    height: 200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.issuer-slider .item > a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
.solution-slider .item:hover {
    background: #062f5d; 
    background: -moz-linear-gradient(45deg, #062f5d 0%, #FF6666 86%, #FF6666 86%, #FF6666 100%); 
    background: -webkit-linear-gradient(45deg, #062f5d 0%,#FF6666 86%,#FF6666 86%,#FF6666 100%); 
    background: linear-gradient(45deg, #062f5d 0%,#FF6666 86%,#FF6666 86%,#FF6666 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062f5d', endColorstr='#FF6666',GradientType=1 ); 
}
.issuer-slider .item:hover {
    background: #FF6666;
}
.solution-slider .item figure,
.issuer-slider .item figure {
    margin-bottom: 32px;
}
.issuer-slider .item figure {
    margin: 0;
    padding-right: 20px;
}
.solution-slider .item figure img,
.issuer-slider .item figure img {
    height: 74px;
    width: auto;
}
.solution-slider h4,
.issuer-slider h4 {
    color: #fff;
    text-transform: uppercase;
}
.issuer-slider h4 {
    margin: 0;
    font-size: 32px;
    font-family: 'Gotham-Bold';
}
@media (max-width: 1199px) {
    .issuer-slider h4 {
        font-size: 18px;
    }
}
.solution-slider .owl-nav .owl-next,
.solution-slider .owl-nav .owl-prev,
.issuer-slider .owl-nav .owl-next,
.issuer-slider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -21px;
    font-size: 30px;
    color: #003366;
}
.solution-slider .owl-nav .owl-next:before,
.solution-slider .owl-nav .owl-prev:before,
.issuer-slider .owl-nav .owl-next:before,
.issuer-slider .owl-nav .owl-prev:before {
    font-family: 'network';
}
.solution-slider .owl-nav .owl-next,
.issuer-slider .owl-nav .owl-next {
    right: -30px;
}
@media (max-width: 991px) {
    .solution-slider .owl-nav .owl-next,
    .issuer-slider .owl-nav .owl-next {
        right: 15px;
        color: #fff;
    }   
}
.solution-slider .owl-nav .owl-next:before,
.issuer-slider .owl-nav .owl-next:before {
    content: '\e80b';
}
.solution-slider .owl-nav .owl-prev,
.issuer-slider .owl-nav .owl-prev {
    left: -30px;
}
@media (max-width: 991px) {
    .solution-slider .owl-nav .owl-prev,
    .issuer-slider .owl-nav .owl-prev {
        left: 15px;
        color: #fff;
    }   
}
.solution-slider .owl-nav .owl-prev:before,
.issuer-slider .owl-nav .owl-prev:before {
    content: '\e80a';
}


.signup-wrapper {
    /* position: absolute; */
    /* bottom: 40px; */
    left: 0;
    right: 0px;
    z-index: 3;
    text-align: right;
}

.featured-style-2.features-wrapper .item:nth-child(4n) {
    border-left: 1px solid rgba(0, 45, 92, 0.15);
    /* border-top: none; */
}
.featured-style-2.features-wrapper .item:nth-child(4) {
    border-top: none;
}
.featured-style-2.features-wrapper .item:nth-child(5n) {
    border-left: none;
}

@media (min-width: 992px) {
    .features-inner .row .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (min-width: 768px) {
    .features-inner .row .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.ng-top figure img {
    height: 648px;
    width: auto;
    object-fit: contain;
    object-position: bottom;
}

.online-solution .container-wrapper {
    padding: 55px 50px;
    min-height: 650px;
}
@media (max-width: 575px) {
    .online-solution .container-wrapper {
        padding: 30px 15px;
    }
}
.online-solution .ng-bottom {
    padding-top: 0;
}

.col-skyblue {
    color: #00C6B0 !important;
}
.skyblue {
    background: #00C6B0;
}
.col-yellow {
    color: #F0C300 !important;
}
.btn.skyblue {
    background: #00C6B0;
    color: #fff;
}
.media-title {
    margin-bottom: 30px;
}
.media-title .icon img {
    height: 54px;
    /* width: 80px; */
    object-fit: contain;
    object-position: left;
    width: auto;
}
.media-list {
    padding-top: 30px;
    padding-bottom: 30px;
}
.media-list .media-title .icon img {
    width: 52px;
    height: auto;
    /* height: 40px; */
}
.media {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
.media .icon {
    padding-right: 20px;
}
.media .content {
    padding: 0;
    background: transparent;
}
.media h4 {
    margin-bottom: 0;
}
.media h6 {
    font-size: 16px;
    font-family: 'Gotham-Medium';
}
.media h4.col-red {
    color: #FF6666;
}
.media h4.col-blue {
    color: #003366;
}


ul.ngList-1 li {
    padding-left: 35px;
    position: relative;
    padding-bottom: 10px;
    color: #003366;
    font-size: 16px;
}
ul.ngList-1 li:before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/icon-ok.svg') no-repeat 0 0;
    background-size: cover;
}

ul.ngList-2 li {
    padding-left: 35px;
    position: relative;
    padding-bottom: 10px;
    color: #003366;
    font-size: 16px;
}
ul.ngList-2 li:before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/icon-ok-2.svg') no-repeat 0 0;
    background-size: cover;
}

ul.ngList-3 li {
    padding-left: 35px;
    position: relative;
    padding-bottom: 10px;
    color: #003366;
    font-size: 16px;
}
ul.ngList-3 li:before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/icon-ok-3.svg') no-repeat 0 0;
    background-size: cover;
}

ul.ngDot-1 li {
    padding-left: 10px;
    position: relative;
    padding-bottom: 10px;
    color: #003366;
    font-size: 16px;
}
.ngDot-1 ul li:before,
.ngDot-1 .ngDot-1 li:before {
    width: 6px;
    height: 2px;
    border-radius: 0;
    content: '';
    background: #003366;
    position: absolute;
    left: 0;
    top: 9px;
}
ul.ngDot-1 li:before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    content: '';
    background: #003366;
    position: absolute;
    left: 0;
    top: 7px;
}
@media (max-width: 767px) {
    ul.ngList-1,
    ul.ngList-2,
    ul.ngList-3,
    ul.ngDot-1 {
        margin-bottom: 15px;
    }
}

.online-solution .features-wrapper .item h4 a {
    color: #00C6B0;
}

.light-grey {
    background: #e6ebef;
}
.light-grey.btn {
    color: #003366;
}
.white {
    background: #fff;
}
.white.btn {
    color: #003366;
}

.signup-wrapper .btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items:  center;
    margin-left: 5px;
    height: 54px;
}
@media (max-width: 767px) {
/*    .signup-wrapper {
        position: relative;
        bottom: 0;
        background: rgba(0, 45, 92, 0.05);
        }*/
/*    .signup-wrapper .btn {
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0;
        border: 1px solid rgba(0, 45, 92, 0.05);
        }*/
    }
    .signup-wrapper .btn i {
        height: 32px;
        width: 32px;
        margin-right: 10px;
    }
    .signup-wrapper .btn:hover,
    .signup-wrapper .btn.active {
        background: #003366;
        color: #fff;
    }
    .signup-wrapper .btn-signup:hover {
        background: #FF6666;
    }

    .signup-wrapper .btn.ng-login i {
        background: url('../images/icon-login.svg') no-repeat 0 0;
    }
    .signup-wrapper .btn.ng-login:hover i,
    .signup-wrapper .btn.ng-login.active i {
        background: url('../images/icon-login-hover.svg') no-repeat 0 0;
    }
    .signup-wrapper .btn.pricing i {
        background: url('../images/icon-pricing.svg') no-repeat 0 0;
    }
    .signup-wrapper .btn.pricing:hover i,
    .signup-wrapper .btn.pricing.active i {
        background: url('../images/icon-pricing-hover.svg') no-repeat 0 0;
    }
    .signup-wrapper .btn.callback i {
        background: url('../images/icon-callback-1.svg') no-repeat 0 0;
    }
    .signup-wrapper .btn.callback:hover i,
    .signup-wrapper .btn.callback.active i {
        background: url('../images/icon-callback-1-hover.svg') no-repeat 0 0;
    }

    .signup-wrapper .btn.white.enquiry10 i {
        background: url('../images/icon-callback-1.svg') no-repeat 0 0;
    }
    .signup-wrapper .btn.white.enquiry10:hover i,
    .signup-wrapper .btn.white.enquiry10.active i {
        background: url('../images/icon-callback-1-hover.svg') no-repeat 0 0;
    }



    .signup-wrapper .btn.support i {
        background: url('../images/icon-support.svg') no-repeat 0 0;
    }
    .signup-wrapper .btn.support:hover i,
    .signup-wrapper .btn.support.active i {
        background: url('../images/icon-support-hover.svg') no-repeat 0 0;
    }

    .signup-wrapper .btn img {
        max-height: 32px;
        width: 30px;
        margin-right: 10px;
    }
    .signup-wrapper a.btn {
        padding-right: 30px;
    }
    .btn-holder {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
    .signup-wrapper .btn-signup {
        margin-right: 0px;
    }
    @media (max-width: 767px) {
/*    .signup-wrapper .btn-signup {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
        }*/
    }

    .mt-3 {
        margin-top: 30px !important;
    }
    .mb-3 {
        margin-bottom: 30px !important;
    }
    .my-3 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .spec-title {
        margin: 30px 0;
        padding-left: 50px;
    }
    @media (max-width: 575px) {
        .spec-title {
            padding-left: 15px;
        }
    }
    .popup-wrapper {
        display: none;
    }
    .features-inner {
        position: relative;
    }
    .popup-wrapper .verticlal-price {
        position: static;
    }
    .price-tab {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        font-size: 16px;
        text-transform: uppercase;
    }
    .price-tab li {
    /* padding-left: 3px;
    padding-right: 3px; */
    padding-top: 0;
    padding-bottom: 0;
    border-left: 1px solid rgba(0, 45, 92, 0.2);
}
.price-tab li:first-child {
    border-left: none;
}
.price-tab > li > a {
    color: rgba(0, 45, 92, 0.2);
    padding-top: 0;
    padding-bottom: 0;
}
.price-tab .active a,
.price-tab li a:focus,
.price-tab li a:hover {
    color: #00C6B0;
    background: transparent;
}
.popup-wrapper .text-center-wthree {
    margin-top: 60px;
}
.popup-wrapper .sign-up {
    position: relative;
    left: auto;
    margin: 0;
    width: 100%;
    border-radius: 0;
    height: 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-wrapper ul.ngList-2 li {
    padding-bottom: 15px;
}
.popup-wrapper .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 10px;
    font-size: 30px;
    background: rgba(0, 45, 92, 0.05);
    opacity: 1;
    color: #003366;
}
.save {
    background: rgba(0, 45, 92, 0.05);
    padding: 10px;
    position: relative;
    margin-top: 15px;
}
.save:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-left: none;
}
.save:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    border: 10px solid transparent;
    border-top-color: #fff;
    border-right: none;
}
.save h6 {
    margin: 0;
}
.save small {
    font-size: 10px;
}

.features-wrapper .spec-content {
    padding: 30px 50px;
}

.inner-spotlight .container {
    position: relative;
}
.ng-spotCaption {
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 15px; */
    /*padding-left: 50px;*/
}
.ng-spotCaption {
position: absolute;
    bottom: calc(33%);
    left: 15px;
    padding-left: 0;
}


body.steptocleanposterminals .ng-spotCaption {
    bottom: calc(22%);
   }

body.video .ng-spotCaption, body.resourcecenter .ng-spotCaption  {
    bottom: calc(-250px);
}

.ng-spotCaption h1 {
    /*font-size: 40px;*/
    font-size: 44px;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .ng-spotCaption h1 {
        font-size: 24px;
        margin-top: 60px;
        line-height: 34px;
    }
    .inner-spotlight .container {
        margin-left: 0px;
        margin-right: 15px;
    }
}
.ng-spotCaption h1.title-2 {
    /*font-family: 'Gotham-Bold';*/
    font-family: 'Gotham-Medium';
    text-shadow: 0px 0px 5px #ffffff;
}
.ng-spotCaption h1.title-1 {
    font-family: 'Gotham-Light';
    text-shadow: 0px 0px 5px #ffffff;
}
.ng-spotCaption h1.title-1 strong {
    /*font-family: 'Gotham-Bold';*/
    font-family: 'Gotham-Medium';
    text-shadow: 0px 0px 5px #ffffff;
}
.ng-spotCaption h1.title-1 strong sup {
    top: -15px;
}
.ng-spotCaption h4 {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-shadow: 0px 0px 6px #ffffff;
}
.ng-spotCaption figure img {
    width: auto;
    min-height: auto;
}
/* @media (max-width: 1299px) {
    .inner-spotlight {
        padding-top: 28%;
    }
    } */
/* @media (max-width: 991px) {
    .inner-spotlight {
        padding-top: 40%;
    }
    } */
    @media (max-width: 767px) {
        body.goonline-body .inner-spotlight {
            /* padding-top: 28%; */
            background-size: cover;
        }
        .ng-spotCaption {
            padding-left: 50px;
        }
        .ng-spotCaption figure img {
            max-width: 150px;
        }

body.steptocleanposterminals .ng-spotCaption {
    bottom: calc(22%);
    width: 308px;
}
        
    }
    @media (max-width: 575px) {
        .ng-spotCaption {
            padding-left: 15px;
        }
    }
    @media (max-width: 575px) {
        body.goonline-body .inner-spotlight {
            /* padding-top: 58%; */
        }
    }

    .issuer-wrapper {
        background: #FF6666;
    }

    h3.sub-title {
        font-size: 22px;
        font-family: 'Gotham-Bold';
    }
    .bl-1 {
        border-left: 1px solid rgba(0, 45, 92, 0.05);
    }
    @media (max-width: 767px) {
        .bl-1 {
            border-left: none;
        }   
    }

    .froud-slider-wrapper .ngenius-nav .nav {
        margin-top: -120px;
    }
    @media (max-width: 767px) {
        .froud-slider-wrapper .ngenius-nav .nav {
            margin-top: -20px;
        }   
    }

    .ex-nav .btn {
        width: 40px;
        height: 40px;
        border: none;
        border: none;
        background: rgba(0, 45, 92, 0.05);
        text-align: center;

        position: relative;
        padding: 8px 5px 9px;
        /* border: 1px solid #b6bfcd; */
        font-size: 20px;
        line-height: 16px;
        color: #CCC;
    }
    .header-bottom .page-nav>ul>.ex-nav a:before {
        position: relative;
        left: auto;
        margin: 0;
        width: 24px;
        height: 24px;
        opacity: 1;
        padding: 0;
        transform: none;
    }
    .icon-search {
        width: 40px;
        height: 40px;
        border: none;
    }
    #search {
        border: none;
        background: rgba(0, 45, 92, 0.05);
    }
    .icon-search:before {
        background: url('../images/icon-search.svg') no-repeat center;
        content: '';
        width: 24px;
        height: 24px;
    }
    .icon-user:before {
        background: url('../images/icon-user.svg') no-repeat center !important;
        content: '';
        width: 24px;
        height: 24px;
        padding: 8px 5px 9px;
    }
    .header-bottom .page-nav>ul>li.ex-nav a.btn {
    /* width: 24px;
    height: 24px; */
    padding: 8px 5px 9px;
    transition: none;  
}
.icon-user:hover:before {
    background: url('../images/icon-user.svg') no-repeat center !important;
    content: '';
    width: 24px;
    height: 24px;
    /* display: block;
    opacity: 1;
    visibility: visible;
    bottom: auto;
    margin: 0;
    top: auto; */
    transition: none;
    padding: 0;
}
.header-bottom .page-nav>ul>li>a {
    text-transform: uppercase;
    cursor: pointer;
}
.header-bottom .page-nav>ul>li.dropdown:first-child a {
    cursor: default;
}

.header-bottom .page-nav>ul>li.dropdown:first-child .subnav a{
   cursor: pointer;
}
.footer-bottom {
    background: #003366;
}
.num-style-1 {
    counter-reset: my-badass-counter;
    font-size: 16px;
}
.num-style-1 li {
    color: #003366;
    position: relative;
    padding-left: 35px;
    min-height: 30px;
    margin-bottom: 15px;
}
.num-style-1 li:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #FF6666;
    color: #fff;
    text-align: center;
    display: flex;
    align-items:  center;
    justify-content:  center;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
}

hr.full {
    width: 100%;
}
.addon-tabs {
    padding-top: 30px;
}
.addon-tabs a {
    background: rgba(0, 45, 92, 0.2);
    color: #FF6666;
    position: relative;
    font-size: 24px;
    font-family: 'Gotham-Medium';
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .addon-tabs a {
        font-size: 14px;
    }
.addon-tabs {
 display: block;
}

}


.addon-tabs a:before {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    top: 15px;
    background: rgba(0, 45, 92, 0.2);
    width: 15px;
}
.addon-tabs a:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    border: 15px solid transparent;
    border-bottom-color: rgba(0, 45, 92, 0.2);
    border-top: none;
    border-left: none;
}
.addon-tabs .active a {
    background: #fff;
}
.addon-tabs .active a:before {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    top: 15px;
    background: #fff;
    width: 15px;
}
.addon-tabs .active a:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    border: 15px solid transparent;
    border-bottom-color: #fff;
    border-top: none;
    border-left: none;
}
.addon-tabs li.active:hover a,
.addon-tabs li.active:focus a,
.addon-tabs li.active a:focus {
    background: #fff;
}
.addon-tabs {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
}
.addon-tabs li {
    /* display: inline-block; */
    z-index: 1;
    /* float: left; */
    position: relative;
}
.addon-tabs li:hover a,
.addon-tabs li:focus a {
    background: rgba(0, 45, 92, 0.2);
}
.addon-tabs .active {
    z-index: 2;
}
.addon-tabs li a {
    padding-left: 55px;
    padding-right: 55px;
}

@media (max-width: 767px) {
.addon-tabs li {
    display: inline-block;
    float: left;
     width: 48%;
}
}
@media (max-width: 575px) {
    .addon-tabs li a {
    padding-left: 10px;
    padding-right: 15px;
    }
.addon-tabs li:nth-child(2) a, .addon-tabs li:nth-child(3) a, .addon-tabs li:nth-child(4) a, .addon-tabs li:last-child a  {
    padding-left: 27px;
}

}

.footer-logo {
    float: right;
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
.addon-tabs a {
    font-size: 20px;

}
.addon-tabs li a {
    padding-left: 57px;
    padding-right: 56px;
}
}



@media (max-width: 991px) {
    .footer-logo {
        float: none;
        display: block;
        text-align: center;
    }   
}
.footer-logo img {
    height: 26px;
}
.social-blue a {
    width: 35px;
    height: 35px;
    background: #003366;
    color: #fff;
    display: flex;
    align-items:  center;
    justify-content:  center;
    font-size: 20px;
    border: none;
}
footer .social-blue a{
    border: 1px solid #003366;
    background: none;
    color: #003366;
}
footer .social-blue a:hover{
    color: #FF6666;
}
.landing-title {
    padding-left: 30px;
}
.landing-title h2 {
    font-size: 36px;
    font-family: 'Gotham-Light';
}
@media (max-width: 991px) {
    .landing-title h2 {
        font-size: 30px;
    }
}
.landing-title strong {
    font-family: 'Gotham-Bold';
}
.landing-subtitle {
    font-size: 28px;
    font-family: Gotham-Medium;
    padding-left: 30px;
}

.section-help {
    padding-bottom: 0;
}
.help-list .cell-wrapper {
    width: 100%;
    table-layout: fixed;
}
.help-list .cell {
    background-repeat: no-repeat;
    background-size: cover;
}
.help-list .item {
    padding: 30px;
    height: 360px;
    position: relative;
}
.help-list .item:before {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background: #FF6666;
    opacity: 0.8;
    z-index: 1;
    opacity: 0;
    transition: all 0.5s;
}
.help-list .item:hover:before {
    left: 0%;
    opacity: 0.8;
    transition: all 0.3s;
}
.help-list .item h4 {
    font-size: 28px;
    font-family: 'Gotham-Light';
    position: relative;
    z-index: 2;
}
.help-list .item:hover h4 {
    color: #fff;
}
@media (max-width: 991px) {
    .help-list .item h4 {
        font-size: 20px;
        text-align: left !important;
    }
}
.help-list .item h4 strong {
    font-family: Gotham-Medium;
}

.why-list figure img {
    height: 226px;
    display: block;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .why-list figure img {
        /*height: 100px;*/
        height: 201px;
        object-fit: contain;
    }
}
.why-list figcaption {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Gotham-Light';
    color: #003366;
}
@media (max-width: 767px) {
    .why-list figcaption {
        font-size: 14px;
    }
}
.why-list figcaption strong {
    font-family: Gotham-Medium;
}
.why-slider .cell-wrapper {
    width: 100%;
    table-layout: fixed;
}
.why-slider .cell {
    border-right: 1px solid rgba(0, 45, 92, 0.15);
    padding: 0 30px;
}
@media (max-width: 767px) {
    .why-slider .cell {
        border: none;
        border-bottom: 1px solid rgba(0, 45, 92, 0.15);
        padding: 30px;
    }
}
.landing-grey {
    background: rgba(0, 45, 92, 0.05);
}
.why-slider .owl-nav .owl-next, 
.why-slider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    font-size: 26px;
    color: #003366;
    margin-top: -73px;
}
.why-slider .owl-nav .owl-next:before, 
.why-slider .owl-nav .owl-prev:before {
    font-family: network;
}
.why-slider .owl-nav .owl-prev {
    left: -60px;
}
.why-slider .owl-nav .owl-prev:before {
    content: '\e80a'
}
.why-slider .owl-nav .owl-next {
    right: -60px;
}
@media (max-width: 1199px) {
    .why-slider .owl-nav .owl-prev {
        left: 15px;
    }
    .why-slider .owl-nav .owl-next {
        right: 15px;
    }   
}
.why-slider .owl-nav .owl-next:before {
    content: '\e80b'
}

.med-title {
    margin-bottom: 30px;
}
.med-title h2 {
    font-size: 40px;
    font-family: 'Gotham-Light';
    margin: 0;
}
@media (max-width: 991px) {
    .med-title h2 {
        font-size: 20px;
    }
}
.med-title h2 strong {
    font-family: 'Gotham-Bold';
}
.med-title {
    align-items:  center;
    padding-left: 30px;
}
.med-title .icon img {
    height: 80px;
    /* width: 80px; */
    object-fit: contain;
    object-position: left;
    width: auto;
}
.section-clientSay {
    background: rgba(0, 45, 92, 0.05);   
}
.say-slider .item {
    padding-left: 30px;
    padding-right: 30px;
    border-right: 1px solid #fff;
}
.say-slider p {
    /* font-size: 22px; */
    font-size: 16px;
    font-family: 'Gotham-Light';
}
@media (max-width: 767px) {
    .say-slider p {
        font-size: 14px;
    }
}
.say-slider h6 {
    font-size: 16px;
    color: #FF6666;
    font-family: 'Gotham-Bold';
}
.say-slider .owl-nav .owl-next, 
.say-slider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    font-size: 26px;
    color: #003366;
}
.say-slider .owl-nav .owl-next:before, 
.say-slider .owl-nav .owl-prev:before {
    font-family: network;
}
.say-slider .owl-nav .owl-prev {
    left: -60px;
}
.say-slider .owl-nav .owl-prev:before {
    content: '\e80a'
}
.say-slider .owl-nav .owl-next {
    right: -60px;
}
@media (max-width: 1199px) {
    .say-slider .owl-nav .owl-prev {
        left: 15px;
    }
    .say-slider .owl-nav .owl-next {
        right: 15px;
    }   
}
.say-slider .owl-nav .owl-next:before {
    content: '\e80b'
}

.new-news figure img {
    height: 375px;
    object-fit: cover;
    object-position: center;
}
.new-news figure {
    height: 375px;
}
.section-news {
    padding-top: 0;
}
.section-news .med-title {
    margin-top: 30px;
}

.new-news .owl-nav .owl-next, 
.new-news .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    font-size: 26px;
    color: #003366;
}
.new-news .owl-nav .owl-next:before, 
.new-news .owl-nav .owl-prev:before {
    font-family: network;
}
.new-news .owl-nav .owl-prev {
    left: -60px;
}
.new-news .owl-nav .owl-prev:before {
    content: '\e80a'
}
.new-news .owl-nav .owl-next {
    right: -60px;
}
@media (max-width: 1199px) {
    .new-news .owl-nav .owl-prev {
        left: 15px;
    }
    .new-news .owl-nav .owl-next {
        right: 15px;
    }   
}
.new-news .owl-nav .owl-next:before {
    content: '\e80b'
}

.main-title {
    padding-left: 55px;
    text-transform: uppercase;
}
footer .title {
    text-transform: uppercase;
    font-family: 'Gotham-Medium';
    font-size: 14px;
}
footer a {
    color: #003366;
}

.enquiry-form .checkbox-holder span.select {
    background: url('../images/checkbox-1.png') no-repeat 0 0;
}
.enquiry-form .checkbox-holder.checked span.select {
    background-position: 0 -22px;
}
.enquiry-form .input-holder label {
    text-transform: uppercase;
}
.contForm h2.text-left {
    font-size: 30px;
    font-family: 'Gotham-Light';
    color: #FF6666;
}
.contForm h2.text-left strong {
    font-family: 'Gotham-Bold';
}
.contactUs-form {
    max-width: 600px;
}
.captcha-holder {
    transform: scale(0.8);
    transform-origin: left top;
}
.disabled {
    opacity: 0.25;
}

.contactUs-form .close {
    /* display: none; */
}

.header-bottom .page-nav>ul>.dropdown >a {
    display: inline-block;
    position: relative;
    /*padding-right: 30px;*/
}
.header-bottom .page-nav>ul>.dropdown >a .down {
    position: absolute;
    /*right: 0;*/
    right: -30px;
    top: 0;
    width: 20px;
    /*height: 20px;*/
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-bottom .page-nav>ul>.dropdown >a .down:before {
    font-family: network;
    content: '\e803';
}
.address-row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}
.enquiry-form .input-holder {
    padding-bottom: 15px;
}

.form-on .fix-icons .btn-req,
.reqform-on .fix-icons .btn-cont {
    cursor: not-allowed;
    opacity: .65;
    pointer-events: none;
}

sup.top-reg {
    top: -13px;
    font-size: 18px;
}
.dropdown-menu sup {
    top: -5px;
    font-size: 12px;
}
sup {
    top: -5px;
    font-size: 7px;
}


@media only screen and (max-width: 767px){
    .header-bottom .page-nav>ul>.dropdown >a .down {
       right: -20px;
   }
}




/*======= Updated ========*/

/*vision-mission*/
.content-vis-mis{
    background: #f4f4f4;
    margin-bottom: 55px;    
}
.vis-mis-wrap{
    background: #fff;
}
.content-vis-mis figure{
    display: flex;    
    padding-top: 35px;
    justify-content: center;
}
.content-vis-mis figure img{
    align-items: center;
}
.content-vis-mis figcaption h1{
    color: #FF6666;
    font-size: 40px;
    font-family: 'Gotham-Medium';
    text-transform: uppercase;
}
.content-vis-mis figcaption p{
    color: #002E5D;
    font-size: 20px;
    font-family: 'Gotham-Light';
}
.content-vis-mis figcaption.vis{
    position: relative;
    top: -50px;
}
.content-vis-mis figcaption.mis{
    position: relative;
    top: -50px;
}
.border-vis{
    position: relative;
}
.border-vis:before{
    content: "";
    position: absolute;
    right: 0;
    top: 30px;
    width: 3px;
    height: 265px;
    border-right: 2px solid #f4f4f4;
}
@media (max-width: 767px) {
    .content-vis-mis figcaption h1{
        font-size: 30px;
    }
    .content-vis-mis figcaption p{
        font-size: 18px;
    }
    .border-vis:before{
        border: none;
    }
}



/*campaigns*/
.rose-bg{
    background: #FF6666;
}
.dark-rose-bg{
    background: #cc4a51;
}
.content-wrap{
    padding: 50px;
}
.external-wrap .content-wrap{
    padding: 30px 50px;
}
.content-wrap h3, .content-wrap p{
    color: #fff !important;
}
.light-bg{
 /*background: #f4f4f4*/; 
 background: #f1f4f7;
 margin-bottom: 50px;
 /*padding-bottom: 50px;*/
}
.newtab-contentInner {
    margin-top: 0px;
}
.newtab-contentInner .item-inner{
    padding: 15px 30px 15px 30px;
    border: none;
    background: #fff;
}
.newtab-contentInner .icons {
    margin-bottom: 20px;
}
.newtab-services .item-inner .content h4{
    color: #41b6e6;
    font-size: 24px;
    /*font-weight: bold;*/
    min-height: 55px;
    font-family: 'Gotham-Medium';
}
.newtab-services .item-inner .content p{
    font-size: 16px;
    color: #002E5D;
    line-height: 20px;
}
.newtab-contentInner .item-inner:hover{
    background: #1d3258;   
}
.newtab-services .item-inner:hover .content p{
    color: #fff;
}

.newtab-contentInner .selectedItem .item-inner{
    background: #1d3258;   
}
.newtab-services .selectedItem .item-inner .content p{
    color: #fff;
}
.wrap-serv{
    margin-left: -19px;
    margin-right: -19px;    
}
.wrap-serv .gridder-list{
    padding-bottom: 25px;
}
.wrap-serv .gridder-show{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 5px;
}
.box-content .carousel-control.left:before, .box-content .carousel-control.right:before{
    color: #002e5d;
}
.wrap-serv .gridder-close {
    background: url(../images/close-slide.jpg) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 5px;
    top: 0px;
    z-index: 1;
}
.wrap-serv .gridder-show .box-content{
    margin-top: 0px;
    background: #fff;
    padding-bottom: 0px;
}
.wrap-serv .gridder-show .box-content:before{
    position: unset;
    content: unset;
}
.wrap-serv .gridder-show .box-content h2{
    color: #41b6e6;    
    font-size: 36px;
    /*font-family: 'Gotham-Medium';*/
    font-family: 'Gotham-Medium';
}
.box-content .wrap-slider{
    background: #f2f4f7;
    padding: 50px;
}
.box-content .wrap-slider h3{
    color: #41b6e6;    
    font-size: 24px;
    text-transform: uppercase;
    /*font-weight: bold;*/
    font-family: 'Gotham-Medium';
}
.box-content .wrap-slider h4{
    color: #002e5d;    
    font-size: 18px;
}
.gridder-show .box-content p{
    font-size: 16px;
    line-height: 22px;
}
.box-content .wrap-slider strong{
    font-weight: bold;
}
.box-content .carousel-control.left:before{
    left: 0;
    margin-left: -40px;
}
.box-content .carousel-control.right:before{
    right: 0;
    margin-right: -40px;
}
.box-content .carousel-inner{
    width: 100%;
}
.box-content .carousel-control{
    width: auto;
}



.spec-wrapper.white .wrap-about .compilence-mobile{
display: none;
} 


@media (max-width: 991px) {
    .content-wrap{
        padding: 50px 10px;
    }
    .external-wrap .content-wrap{
        padding: 20px 15px;
    }
    .external-wrap .content-wrap h2 {
        font-size: 22px;
    }
    .newtab-services .item-inner .content h4{
        min-height: unset;
    }   
.spec-wrapper.white .wrap-about .light-bg{
display: none;
} 
.spec-wrapper.white .wrap-about .compilence-mobile{
display: block;
} 
.spec-wrapper.white .wrap-about .compilence-mobile figure.light-bg{
display: block;
text-align: center;
} 
.spec-wrapper.white .wrap-about .compilence-mobile figure.light-bg img.img-responsive{
margin: 0 auto;
} 
}


/*who we are*/
.content-wrap h2{
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Gotham-Medium';
}
.content-wrap h3{
    font-size: 20px;
    /*text-transform: uppercase;*/
    font-family: 'Gotham-Medium';
}
.content-wrap p{
    font-size: 16px;
    /* font-size: 20px;*/
    /*line-height: 28px;*/
    line-height: 24px;
    /*font-family: 'Gotham-Light';*/
    font-family: 'Gotham-Light';
}
.wrap-about .time-slider .year{
    font-size: 42px;
    /*font-family: 'Gotham-Medium';*/
    font-family: 'Gotham-Medium';
    color: #FF6666;
    text-align: center;
}
.wrap-about .time-slider hr.hr-green {
    border-color: #ffffff;
    margin: 0;
}
.wrap-about .time-slider li {
    position: relative;
    padding-left: 15px;
    padding-bottom: 10px;
    color: #002e5d;
    font-size: 16px;
}
.wrap-about .time-slider li:before{
    /*content: unset;
    position: unset;*/
    display: none;
}
.wrap-about .time-slider {
    /*background: url(../images/bg-slider1.png) no-repeat center;*/
    /*background: #fff url(../images/line-who.jpg) no-repeat center;*/
    background: #fff url(../images/line-who-we.png) no-repeat center;
    /*background-size: 150%;*/
    background-size: 100%;
    /*height: 820px;*/
    height: 784px;
    width: 100%;
    /*background: #fff;*/
}
.wrap-about .time-slider .owl-nav>div.owl-prev {
    left: 0px;
}
.wrap-about .time-slider .owl-nav>div.owl-next {
    right: 0px;
}
.wrap-about .time-slider .owl-nav>div, .wrap-about .time-slider .owl-nav>div {
    position: absolute;
    top: 50%;
    margin-top: -25px;
}


/*Management*/
.wrap-mangament .nav-tabs>li.active>a:before{
    display: none;
}
.wrap-mangament .tab-contentInner {
    margin-top: 1px;
}
/*.gridder-list, */.wrap-mangament .team-list .item{
    /*padding-left: 0;
    padding-right: 0;*/
    padding-left: 5px;
    padding-right: 5px;    
    padding-bottom: 10px;
    margin-bottom: 0px;
}
.wrap-mangament .team-list .fig-content{
    border: 1px solid #ffffff;
}
.wrap-mangament .tab-content{
    margin-top: 1px;
}
.wrap-manage{
    margin-left: -20px;
    margin-right: -20px;
}
.wrap-mangament .team-list .fig-content{
    text-align: left;
}
.wrap-mangament .team-list .gridder-list, .wrap-mangament .team-list .item {
    height: 380px;
    margin-bottom: 22px;
}
.wrap-mangament .team-list .fig-content h4{
    padding: 0px;
    font-size: 20px;
    /*font-family: 'Gotham-Medium';*/
    /*font-family: 'Gotham-Bold';*/
    font-family: 'Gotham-Medium';
    color: #FF6666;
}
.wrap-mangament .team-list .fig-content p{
    color: #003366;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.wrap-mangament .team-list .selectedItem .fig-content {
    border: 1px solid #FF6666;
}
.wrap-mangament .team-list .selectedItem .fig-content h4{
    color: #fff!important;
}
.wrap-mangament .team-list .selectedItem .fig-content p{
    color: #003366!important;
}

.wrap-mangament .nav-tabs li a{
    font-size: 24px;
    text-transform: uppercase;
    /*font-family: 'Gotham-Medium';*/
    font-family: 'Gotham-Medium';
    background: #ffffff;
    color: #ff6565;
    display: block;
    padding: 15px 30px;
    position: relative;
}
.wrap-mangament .nav-tabs li.active a {
    background: #ff6565;
    color: #fff;
    display: block;
    padding: 15px 30px;
}
.wrap-mangament .nav-tabs li.active a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.wrap-mangament .nav-tabs li.shaper-1 a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f1f4f7;
    position: absolute;
    top: 0;
    left: 95%;
}
.wrap-mangament .nav-tabs li.shaper-1.active a:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0px 0px 20px;
    border-color: #ff6665 transparent transparent transparent;
    position: absolute;
    top: 0;
    right: 100%;
}
.wrap-mangament .nav-tabs li.shaper-1.active a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f1f4f7;
    position: absolute;
    top: 0;
    left: 95%;
}










.wrap-mangament .nav.keypeople-wrap li a{
    font-size: 24px;
    text-transform: uppercase;
    /*font-family: 'Gotham-Medium';*/
    font-family: 'Gotham-Medium';
    background: #ffffff;
    color: #ff6565;
    display: block;
    padding: 15px 30px;
    position: relative;
}
.wrap-mangament .nav.keypeople-wrap li.active a {
    background: #ff6565;
    color: #fff;
    display: block;
    padding: 15px 30px;
}
.wrap-mangament .nav.keypeople-wrap li.active a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.wrap-mangament .nav.keypeople-wrap li.shaper-1 a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f1f4f7;
    position: absolute;
    top: 0;
    left: 95%;
}
.wrap-mangament .nav.keypeople-wrap li.shaper-1.active a:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0px 0px 20px;
    border-color: #ff6665 transparent transparent transparent;
    position: absolute;
    top: 0;
    right: 100%;
}
.wrap-mangament .nav.keypeople-wrap li.shaper-1.active a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f1f4f7;
    position: absolute;
    top: 0;
    left: 95%;
}

.wrap-mangament .nav.keypeople-wrap>li {
    padding: 0;
    position: relative;
    float: left;
    margin-bottom: -1px;
}
.wrap-mangament .nav.keypeople-wrap .senior-wrap{
   margin-left: 6px;
}


/*.wrap-mangament .nav-tabs li a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
    }*/

/*.wrap-mangament .nav-tabs li a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #000;
    position: absolute;
    top: 0;
    left: 0;
    }*/

/*.wrap-mangament .nav-tabs li .box-1 a{
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Gotham-Medium';
    background: #ffffff;
    color: #ff6565;
    display: block;
    padding: 15px 30px;
}
.nav-tabs li.active .box-1 a {
    background: #ff6565;
    color: #fff;
    display: block;
    padding: 15px 30px;
}
.nav-tabs li .box-1{
    position: relative;
}
.nav-tabs li .box-1:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.nav-tabs li .box-1:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.nav-tabs li .box-2:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f4f4f4;
    position: absolute;
    top: 0;
    right: 0;
    }*/
    .wrap-mangament .box-content {
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        background: #fff;    
        padding: 20px 30px;
    }
    .wrap-mangament .box-content:before {
        position: unset;
        content: unset;
    }
    .wrap-mangament .gridder-show{
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .wrap-mangament .box-content h2{
        font-size: 30px;
        margin-bottom: 3px;
        font-family: 'Gotham-Bold';
    }
    .wrap-mangament .box-content h4{
        font-size: 16px;
        padding-bottom: 0px;
        font-family: 'Gotham-Light';
    }
    .wrap-mangament .gridder-show .box-content p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
        font-family: 'Gotham-Light';
    }
    .wrap-mangament .box-content .title.br {
        position: relative;
        padding-bottom: 5px;
        margin-bottom: 15px;
    }
    .wrap-mangament .box-content .title.br:before {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        width: 100%;
        content: '';
        background: #d9e0e7;
    }
    .wrap-mangament .gridder-padding{
        position: relative;
    }
    .wrap-mangament .gridder-close {
        background: url(../images/close-slide.jpg) no-repeat;
        width: 40px;
        height: 40px;
        position: absolute;
        right: -10px;
        top: 0px;
        z-index: 1;
    }
    .space-wrap{
        padding-left: 5px;
        padding-right: 5px;
    }

    @media (max-width: 1199px) {
        .wrap-mangament .team-list .gridder-list, .wrap-mangament .team-list .item {
        /*height: 310px;
        margin-bottom: 22px;*/
        height: auto;
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
    .wrap-mangament .gridder-show {
        margin-top: 75px;
        margin-bottom: 10px;
    }
}


/*compliance*/
.bg-darklight{
    background: #e5eaef;
}

.wrap-about .wrap-boxer{
    padding: 0px 0px 50px 0px;
}
.wrap-about .wrap-boxer .box-content {
    background: unset;  
}
.wrap-about .wrap-boxer .box-content:before {
    position: unset;
    content: unset;
}
.wrap-about .wrap-boxer .box-content{
    margin-top: 0px;
    padding-top: 50px;
    padding-bottom: 0px;
}
.wrap-about .wrap-boxer .box-content h3{
    text-transform: uppercase;
    font-family: 'Gotham-Medium';
    min-height: 50px;
    color: #FF6666;
}
.wrap-about .wrap-boxer .box-content p{
    margin-bottom: 10px;
}
ul.comp-list li{
    color: #003366;
    list-style: circle;
    margin-left: 14px;
    padding-left: 5px;
    padding-bottom: 8px;
}
.col-border {
    border-left: 1px solid #d9e0e8;
    border-right: 1px solid #d9e0e8;    
}
.box-image figure img{
    display: block;
    margin: 0 auto;
}
.py-3 {
    padding-top: 30px;
    padding-bottom: 30px;
}
/*.wrap-about .wrap-boxer */.box-content:before{
    display: none;
}


/*contact*/
.contacts-forms .tab-content .enquiry-form {
    /*background: url(../images/grey-pattern.png) #edeff3;*/
    /*background: #f1f4f7;*/
    background: #efefef;
    padding: 50px;
}
.wrap-contact .box-holders h2{
    text-transform: uppercase;
    /*font-family: 'Gotham-Medium';*/
    color: #002e5d;
    font-family: 'Gotham-Medium';
}
.wrap-contact .box-content{
    background: #fff;
    margin-top: 10px;
}
.wrap-contact .box-content:before{
    position: unset;
    content: unset;
}
.wrap-contact .box-content .title{
    font-family: 'Gotham-Light';
    color: #FF6666;
    font-size: 32px;
    margin-bottom: 15px;
}
.wrap-contact .box-content .wrap-strong strong{
    display: block;
    margin-bottom: 10px;
    font-size: 22px;
    /*font-family: 'Gotham-Medium';*/
    font-family: 'Gotham-Medium';
}
.wrap-contact .box-content .sub-title strong{
    /*font-family: 'Gotham-Medium';*/
    color: #FF6666;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: 'Gotham-Medium';
}
.wrap-contact .box-content .email-address address p{
    margin-bottom: 5px;
}
.wrap-contact .box-content .email-address span{
    font-size: 18px;
    /*font-family: 'Gotham-Medium';*/
    font-family: 'Gotham-Medium';
    display: inline-block;
}
.wrap-contact .box-content .email-address span:last-child {
    font-family: 'Gotham-Book';
    font-size: 14px;
    padding: 15px 0 0;
}
.wrap-contact .box-content .wrap-strong figure{
    margin-bottom: 15px;
}
.wrap-contact .box-content .wrap-strong img{
    height: 75px;
}
/*.border-cnt-r{
    border-right: 1px solid #d9e0e8;    
}
.border-cnt-l{
    border-left: 1px solid #d9e0e8;    
    }*/

    .bord-cnt{
        position: relative;
    }
    .bord-cnt:before{
        position: absolute;
        content: '';
        height: 265px;
        width: 1px;
        background: #d9e0e8;;
        top: 0;
        right: 0;
    }
    .bord-cntbg{
        position: relative;
    }
    .bord-cntbg:before{
        position: absolute;
        content: '';
        height: 310px;
        width: 1px;
        background: #d9e0e8;;
        top: 0;
        left: 0;
    }
    .bord-btm{
        position: relative;
        padding: 25px 0px;
    }
    .bord-btm:before{
        position: absolute;
        content: '';
        height: 1px;
        width: 100%;
        background: #d9e0e8;;
        bottom: 0;
        right: 0;
        margin-bottom: 25px;
    }

    .contact-holder .nav-tabs>li>a:before {
        border: none;
        position: unset;
        content: unset;
        transition: unset;
    }
    .contact-holder .nav-tabs>li>a:before {
       border: unset; 
       position: unset; 
       top: unset; 
       margin-top: unset; 
       left: unset; 
       margin-left: unset; 
       width: unset; 
       height: unset; 
       transition: unset; 
       -webkit-transition: all .3s ease-in-out; 
       -moz-transition: all .3s ease-in-out;
   }
   .contact-holder .nav-tabs>li>a{
    position: relative;
    font-size: 24px;
    padding: 19px 60px 19px 19px;
    background: #f1f4f7;
    text-transform: uppercase;
    color: #002e5d;
    margin: 0px;
    font-family: 'Gotham-Medium';
}

.contact-holder .nav-tabs>li.active>a{
    background: #FF6666;
    color: #fff;
}
.contact-holder .nav-tabs li.active a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f1f4f7;
    position: absolute;
    top: 0;
    right: 0;
}
.contact-holder .nav-tabs li.shaper-1 a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #ffffff;
    position: absolute;
    top: 0;
    left: 95%;
    opacity: 1;
}
.contact-holder .nav-tabs li.shaper-1.active a:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0px 0px 20px;
    border-color: #FF6666 transparent transparent transparent;
    position: absolute;
    top: 0;
    right: 100%;
}
.contact-holder .nav-tabs li.shaper-1.active a:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #ffffff;
    position: absolute;
    top: 0;
    left: 95%;
}




/*.contact-holder .nav-tabs>li .box-1{
    position: relative;
}
.contact-holder .nav-tabs>li .box-1:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f1f4f7;
    position: absolute;
    top: 0;
    left: 100%;
}
.contact-holder .nav-tabs>li .box-2:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
    }*/


    /*contact form*/

    .forms-holder .nav-tabs>li>a{
        position: relative;
        font-size: 24px;
        padding: 19px 60px 19px 19px;
        background: #f1f4f7;
        text-transform: uppercase;
        color: #002e5d;
        margin: 0px;
        font-family: 'Gotham-Medium';
    }
    .forms-holder .nav-tabs>li>a.box{
        background: #e4e9ee;
    }
    .forms-holder .nav-tabs>li.active>a{
        background: #FF6666;
        color: #fff;
    }
    .forms-holder .nav-tabs li.active a:before {
        content: '';
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-left: 0px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #e4e9ee;
        position: absolute;
        top: 0;
        left: 100%;
    }
    .forms-holder .nav-tabs>li>a.box:before {
        content: '';
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-left: 0px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #f1f4f7;
        position: absolute;
        top: 0;
        /*right: 100%;*/
        left: 95%;
        opacity: 1;
    }
    .forms-holder .nav-tabs>li>a.box:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-left: 0px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #e4e9ee;
        position: absolute;
        top: 0;
        right: 100%;
        opacity: 1;
    }
    .forms-holder .nav-tabs li.shaper-1.active a:after{
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0px 0px 20px;
        border-color: #FF6666 transparent transparent transparent;
        position: absolute;
        top: 0;
        right: 100%;
    }
    .forms-holder .nav-tabs li.shaper-1.active a:before{
        content: '';
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-left: 0px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #ffffff;
        position: absolute;
        top: 0;
        left: 95%;
    }
    .forms-holder .nav-tabs li.shaper-1 a:before {
        content: '';
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-left: 0px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #ffffff;
        position: absolute;
        top: 0%;
        left: 95%;
        opacity: 1;
    }
    .forms-holder .nav-tabs li.shaper-2.active a:after{
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0px 0px 20px;
        border-color: #FF6666 transparent transparent transparent;
        position: absolute;
        top: 0;
        right: 100%;
    }
    .forms-holder .nav-tabs li.shaper-2.active a:before{
        content: '';
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-left: 0px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #f1f4f7;
        position: absolute;
        top: 0;
        left: 95%;
    }
    .forms-holder .nav-tabs>li.active>a{
        background: #FF6666;
        color: #fff;
    }

    .btn.red.btn-send.contact-send {
        float: right;
    }

    @media (max-width: 767px){
       .forms-holder .nav-tabs>li>a.box:before{
          position: unset;
          border-right: unset;
      }
      .forms-holder .nav-tabs>li>a.box:after{
          position: unset;
      }
      .forms-holder .nav-tabs li.shaper-1 a:before{
          position: unset;
          border-right: unset;
      }
      .contact-holder .nav-tabs li.shaper-1 a:before{
          position: unset;
          border-right: unset;
      }
      .forms-holder .nav-tabs>li>a {
       padding: 19px 19px 19px 19px;
   }
   .contacts-forms .tab-content .enquiry-form{
      padding: 25px;
  }
}
@media (max-width: 991px){
    .bord-cnt:before {
       position: unset;
   }
   .bord-cntbg:before {
       position: unset;
   }    
   .btn.red.btn-send.contact-send {
       font-size: 16px;
       padding: 10px 26px;
       float: left;
   }
}
@media (max-width: 1199px){
    .forms-holder .nav-tabs>li>a {
       font-size: 18px;
   }
   .contact-holder .nav-tabs>li>a {
       font-size: 18px;
   }
}



.wrap-heads{
    margin-top: 50px
}
.title-2 > span{
    font-family: 'Gotham-Light';   
    text-shadow: 0px 0px 5px #ffffff;
}
.title-2 > div {
    text-shadow: 0px 0px 5px #ffffff;
}
.news-list h3{
    font-family: 'Gotham-Medium';
    padding-left: 50px;
    font-size: 30px;
}
.btn.red.btn-send .fa-angle-right{
    font-size: 23px;
    margin-left: 10px;
}
.pagination-wrap .pagination>.active>a{
    background-color: #fe575c;
    border-color: #fe575c;
    color: #0c2b5a;
}
.pagination-wrap .pagination>li>a, .pagination-wrap .pagination>li>span{
    color: #0c2b5a;
    background-color: #f2f4f7;
    border: 1px solid #f2f4f7;
}
.pagination-wrap .pagination>li:first-child>a, .pagination-wrap .pagination>li:first-child>span{
    border-radius: 0px;
}
.pagination-wrap .pagination>li:last-child>a, .pagination-wrap .pagination>li:last-child>span{
    border-radius: 0px;
}
.icon-date:before {
    filter: brightness(0) invert(1);
}

.news-details .pad-warp{
    padding: 50px 50px;
}
.news-details .content-wraper{
    margin-top: 50px;
}
.news-details .content-wraper h4{
    font-family: 'Gotham-Medium';
    font-size: 24px;
    color: #FF6666;
}
.news-details .content-wraper p{
    color: #003366;
    font-size: 16px;
}
.news-details h3{
    font-family: 'Gotham-Medium';
    font-size: 36px;   
}
.news-details h3 span{
    font-family: 'Gotham-Light';
}
.news-details .wrap-text{
    position: relative;
    min-height: 265px;
    padding-bottom: 65px;
}
.news-details h5{
    font-family: 'Gotham-Medium';
    /*font-size: 20px;   */
    font-size: 14px;   
    color: #FF6666;
    border-top: 2px solid rgba(0, 45, 92, 0.1);
    padding: 10px 0px;
    border-bottom: 2px solid rgba(0, 45, 92, 0.1);
    margin: 0;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.news-details h5 span{
    font-family: 'Gotham-Light';
}


/*events-details*/
.events-details .pad-warp{
    padding: 50px 50px;
}
.events-details .content-wraper{
    margin-top: 50px;
}
.events-details .content-wraper h4{
    font-family: 'Gotham-Medium';
    font-size: 24px;
    color: #FF6666;
}
.events-details .content-wraper p{
    color: #003366;
    font-size: 16px;
}
.events-details h3{
    font-family: 'Gotham-Medium';
    font-size: 36px;   
}
.events-details h2{
    font-family: 'Gotham-Light';
    color: #002E5D;
}
.events-details .wrap-text{
    position: relative;
    min-height: 265px;
    padding-bottom: 65px;
}
.events-details h4{
    font-family: 'Gotham-Medium';
    font-size: 20px;   
    color: #FF6666;
    /*border-top: 2px solid rgba(0, 45, 92, 0.1);*/
    padding: 10px 0px;
    /*border-bottom: 2px solid rgba(0, 45, 92, 0.1);*/
    margin: 0;
    text-transform: uppercase;
    /*position: absolute;
    bottom: 0;
    width: 100%;*/
}
.events-details h4 span{
    font-family: 'Gotham-Light';
}

.events-details h5{
    font-family: 'Gotham-Light';
    font-size: 20px;   
    color: #FF6666;
    border-top: 2px solid rgba(0, 45, 92, 0.1);
    padding: 10px 0px;
    border-bottom: 2px solid rgba(0, 45, 92, 0.1);
    margin: 0;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.white-bg{
    background: #fff;
}
.pad-eve{
    padding: 50px 50px;
}
.mar-eve{
    padding: 50px 50px;
    margin-bottom: 40px;
}
.event-clients h1{
    font-family: 'Gotham-Medium';
    font-size: 24px;   
    color: #FF6666;
    text-transform: uppercase;
    margin-bottom: 40px;
    margin-top: 0;
}
.event-clients figure{
    margin-bottom: 25px;
}
.event-clients p{
    font-size: 16px;
    font-family: 'Gotham-Light';
    color: #002E5D;
}
.event-clients p a{
    color: #FF6666;
}
.bord-eve{
    border-bottom: 1px solid rgba(0, 45, 92, 0.1);
    margin-top: 50px;
    margin-bottom: 50px;
}
.med-title .icon1 {
    margin-right: 30px;
}


.light-txt{
    font-family: 'Gotham-Light';
}
.light-txt span{
    /*font-family: 'Gotham-Bold';*/
    font-family: 'Gotham-Medium';
}
.chairman-wrap h4{
    color: #FF6666 !important;
    /*font-family: 'Gotham-Medium';*/
    font-family: 'Gotham-Medium';
    font-size: 30px;
    text-transform: uppercase;
}
.chairman-wrap p{
    font-size: 16px;
    font-family: 'Gotham-Light';
}
.chairman-wrap p.chairman-name {
    margin-top: 30px;
}
.chairman-wrap p.chairman-name strong{
    color: #FF6666;
    /*font-family: 'Gotham-Medium';*/
    font-weight: normal;
    font-family: 'Gotham-Medium';
    font-size: 20px;    
}
.chairman-wrap p.chairman-name span{
    font-family: 'Gotham-Light';
    font-size: 16px;
}
.policy-txt{
    padding: 25px 50px;
    font-family: 'Gotham-Medium';
    margin: 0;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 28px;
}
.policy-box{
    background: #fff;
    padding: 50px;
}
.col-green{
    color: #ed8b00 !important;
    font-family: 'Gotham-Medium';
    text-transform: uppercase;
    font-size: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.col-green figure{
    margin-right: 25px;
}
.policy-box{
    color: #002E5D;
    font-size: 16px;
}
.policy-box span{
    color: #ed8b00;
    font-family: 'Gotham-Medium';
    margin-bottom: 5px;
    display: block;
    font-size: 18px;
}
.bord-policy{
    border-left: 2px solid #f2f2f2;
}
.pad-policy-left{
    padding-left: 50px;
}
.pad-policy-right{
    padding-right: 50px;
}

.wrap-map{
    position: relative;
}
.map-head{
    position: absolute;
    right: 0;
    bottom: 0;
}
.map-head h1{
    color: #002E5D;
    position: relative;
    font-size: 16px;
    font-family: 'Gotham-Light';
    margin: 0;
    padding-left: 35px;        
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 20px;
}
.map-head h1:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background: #FF6666;
}
.map-head h2{
    color: #002E5D;
    position: relative;
    font-size: 16px;
    font-family: 'Gotham-Light';
    margin: 0;
    padding-left: 35px;        
    padding-top: 4px;
    padding-bottom: 4px;
}
.map-head h2:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;    
    width: 25px;
    height: 25px;
    background: #AAB6C1;
}


/*technology*/

.tech-wrap{
    background: white;
    padding: 50px;
}
.tech-wrap h3{
    /*    text-transform: uppercase;*/
    color: #FF6666 !important;
    /*font-family: 'Gotham-Medium';*/
    font-family: 'Gotham-Medium';
    margin-bottom: 25px;
    font-size: 24px;
}
.tech-wrap p{
    font-family: 'Gotham-Light';
    font-size: 16px;
}
p.head-one{    
    color: #002E5D;
    /*font-family: 'Gotham-Bold';*/
    font-family: 'Gotham-Medium';
    margin-bottom: 25px;
    font-size: 22px;
}
.bord-tech-tp{
    border-top: 2px solid #d9e0e8;
    margin: 35px 0px;
}
.tech-wrap .listStyle-tech li{
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
    font-family: 'Gotham-Light';
    font-size: 14px;
    color: #002E5D;
}
.tech-wrap .listStyle-tech li:before/*, .tech-wrap .listStyle-2.col-lightBlue1 li:before*/{
    content: '';
    position: absolute;
    background: url(../images/tick-teck.png);
    width: 24px;
    height: 25px;
    top: 0;
    left: 0;
    /*border-radius: 0;
    width: 0;
    height: 0;
    top: 3px;
    border: 7px solid transparent;
    border-left-color: #003366;*/
}
.tech-pad-btm{
    padding-bottom: 50px;
}




/*Regional Presence*/
.map-holder{
    position: relative;    
    overflow: hidden;
}
.view-point .pointer{
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.view-point.show .pointer{
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.view-point .loc-detail figure{
    margin-bottom: 10px;
}
.view-point .loc-detail span{
    color: #FF6666;
    font-size: 14px;
    font-family: 'Gotham-Medium';
}
.view-point .loc-detail address{
    color: #002E5D;
    font-size: 12px;
    font-family: 'Gotham-Light';
    margin-top: 3px;
}
.view-point .loc-detail .map-dir{
    margin-top: 10px;
    pointer-events: fill;
}
.view-point .loc-detail .map-dir figcaption{
    color: #002E5D;
    font-family: 'Gotham-Medium';
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.view-point .loc-detail .map-dir figure{
    margin-bottom: 0px;
}

.closed-btn{
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    pointer-events: fill;
}
img#ImageMaps{
    z-index: -1;
}

.tab-view{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 1;
}

/*Nigeria*/
.tab-view li.view-point.Nigeria{
    position: relative;
    left: 50px;
    top: 305px;
    pointer-events: none;
}
.view-point.Nigeria .map-mark{
    opacity: 0;
    position: absolute;
    top: -106px;
    left: 200px;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    transition-timing-function: ease-in;
    transition: 0.2s;
}
.view-point.Nigeria.show .map-mark{
    opacity: 1;
    transition: 0.25s;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.view-point.Nigeria .loc-detail{
    opacity: 0;
    position: absolute;
    width: 230px;
    left: 0px;
    background-color: #f1f4f7;
    padding: 10px;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.view-point.Nigeria.show .loc-detail{
    opacity: 1;
    left: 30px;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    position: relative;
}

/*Egypt*/
.tab-view li.view-point.Egypt{
    position: relative;
    left: 250px;
    top: 156px;
    pointer-events: none;
}
.view-point.Egypt .map-mark{
    opacity: 0;
    position: absolute;
    top: -112px;
    left: 164px;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    transition-timing-function: ease-in;
    transition: 0.2s;
}
.view-point.Egypt.show .map-mark{
    opacity: 1;
    transition: 0.25s;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.view-point.Egypt .loc-detail{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 230px;
    left: 0px;
    background-color: #f1f4f7;
    padding: 10px;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.view-point.Egypt.show .loc-detail{
    opacity: 1;
    visibility: visible;
    left: 30px;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    position: relative;
}



/*Jordan*/
.tab-view li.view-point.Jordan{
    position: absolute;
    left: 300px;
    top: 90px;
    pointer-events: none;
}
.view-point.Jordan .map-mark{
    opacity: 0;
    position: absolute;
    top: -69px;
    left: 170px;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    transition-timing-function: ease-in;
    transition: 0.2s;
}
.view-point.Jordan.show .map-mark{
    opacity: 1;
    transition: 0.25s;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.view-point.Jordan .loc-detail{
    opacity: 0;
    position: absolute;
    width: 230px;
    left: 0px;
    background-color: #f1f4f7;
    padding: 10px;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.view-point.Jordan.show .loc-detail{
    opacity: 1;
    left: 30px;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    position: relative;
}


/*UAE*/
.tab-view li.view-point.UAE{
    /*position: relative;*/
    position: absolute;
    left: 450px;
    top: 150px;
    pointer-events: none;
}
.view-point.UAE .map-mark{
    opacity: 0;
    position: absolute;
    top: -61px;
    left: 165px;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    transition-timing-function: ease-in;
    transition: 0.2s;
}
.view-point.UAE.show .map-mark{
    opacity: 1;
    transition: 0.25s;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.view-point.UAE .loc-detail{
    opacity: 0;
    position: absolute;
    width: 230px;
    left: 0px;
    background-color: #f1f4f7;
    padding: 10px;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.view-point.UAE.show .loc-detail{
    opacity: 1;
    left: 30px;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    position: relative;
}


/*Africa*/
.tab-view li.view-point.Africa{
    position: relative;
    left: 300px;
    top: 229px;
    pointer-events: none;
}
.view-point.Africa .map-mark{
    opacity: 0;
    position: absolute;
    top: 294px;
    left: 100px;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    transition-timing-function: ease-in;
    transition: 0.2s;
}
.view-point.Africa.show .map-mark{
    opacity: 1;
    transition: 0.25s;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.view-point.Africa .loc-detail{
    opacity: 0;
    position: absolute;
    width: 230px;
    left: 0px;
    background-color: #f1f4f7;
    padding: 10px;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.view-point.Africa.show .loc-detail{
    opacity: 1;
    left: 30px;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    position: relative;
}
/*UAE*/
.tab-view li.view-point.saudi{
    /*position: relative;*/
    position: absolute;
       left: 470px;
    top: 64px;
    pointer-events: none;
}
.view-point.saudi .map-mark{
    opacity: 0;
    position: absolute;
       top: 9px;
    left: 45px;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    transition-timing-function: ease-in;
    transition: 0.2s;
}
.view-point.saudi.show .map-mark{
    opacity: 1;
    transition: 0.25s;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.view-point.saudi .loc-detail{
    opacity: 0;
    position: absolute;
    width: 230px;
    left: 0px;
    background-color: #f1f4f7;
    padding: 10px;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.view-point.saudi.show .loc-detail{
    opacity: 1;
  left: -120px;
    top: 85px;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    position: relative;
}



.view-point.hide .loc-detail, .view-point.hide .map-mark{
    opacity: 0;
}

@media (min-width:1200px){
    .map-holder{
        padding-left: 200px;
    }
}
@media (max-width:1199px) {    
    /*.view-point.Nigeria .map-mark{
        left: 29%;
    }
    .tab-view li.view-point.Egypt{
        left: 25%;
    }
    .view-point.Egypt .map-mark{
        left: 34%;
    }
    .tab-view li.view-point.Jordan{
        left: 68.5%;
    }
    .tab-view li.view-point.UAE{
        left: 65%;
    }
    .view-point.UAE .map-mark{
        left: 220px;
    }
    .view-point.Africa .map-mark{
        left: 34%;
        }*/
    }
    @media (max-width:991px) {
        .tab-view li.view-point.Nigeria{
            top: 240px;
            left: 0;
        }
        .tab-view li.view-point.Egypt{
            top: 50px;
            left: 165px;
        }
        .tab-view li.view-point.Jordan{
            top: 45px;
            right: 0;
        }
        .tab-view li.view-point.UAE{
            top: 150px;
            right: 0;
        }
        .tab-view li.view-point.Africa{
            top: 450px;
            left: 100px;
        }

        .wrap-map {
            margin-top: 125px;
        }

        .view-point.Nigeria .map-mark{
            display: none;
        }
        .view-point.Egypt .map-mark{
            display: none;
        }
        .view-point.Jordan .map-mark{
            display: none;
        }
        .view-point.UAE .map-mark{
            display: none;
        }
        .view-point.Africa .map-mark{
            display: none;
        }

    }

    @media (max-width:767px) {
        .tab-view li.view-point.Nigeria{
            top: 0;
            left: 0;
        }
        .tab-view li.view-point.Egypt{
            top: 0;
            left: 0;
        }
        .tab-view li.view-point.Jordan{
            top: 0;
            right: 0;
        }
        .tab-view li.view-point.UAE{
            top: 0;
            right: 0;
        }
        .tab-view li.view-point.Africa{
            top: 0;
            left: 0;
        }

        .map-head h1{
            font-size: 12px;
        }
        .map-head h2{
            font-size: 12px;
        }
    }
    @media (max-width: 1400px){
       .inner-spotlight{min-height:350px; max-height:360px;}
   }



   .mob-loc-wrap{
       display: none;
   }
   .desk-loc-wrap{
       display: block;
   }
   @media (max-width: 991px){
       .desk-loc-wrap{
          display: none;
      }
      .mob-loc-wrap{
          position: relative;
          width: 100%;
          top: 0;
          left: 0;
          display: block;
      }
      .mob-loc-wrap .panel-default > .panel-heading{
          background: #FF6666;
          border-color: #FF6666;
      }
      .panel-title > a{
          color: #fff;
          padding: 15px;
      }
      img#ImageMaps {
          opacity: .4;
      }

      .bord-policy{
       border-left: none;
   }
   .pad-policy-left {
       padding-left: 15px;
   }
}
@media (max-width: 767px){
    img#ImageMaps {
       padding-bottom:30px;
   }
   .brd-price{
    border-right: none;
}

.policy-box {
   padding: 15px;
}
.col-green{
  display: block;       
}
.col-green figure {
   margin-bottom: 20px;
}
}



/*who-we-are slider update*/
.time-slider .icon {
/*    height: 88px;
    position: absolute;
    width: 88px;
    top: 41%;
    left: 50%;
    margin-left: -44px;*/
    width: auto;
    height: auto;
    position: relative;
    top: 60%;
    left: 15%;
    margin-left: 0;
}
.time-slider .icon-caption {
    position: absolute;
    /*    bottom: 0;*/
    width: 210px;
    /*    left: 50%;*/
    /*    margin-left: -130px;*/
    left: 0%;
    margin-left: 0;
    bottom: 0px;
    margin-bottom: 250px !important;
}
.time-slider .item img{
    /*left: 0;*/
}
.item.bottom .icon {
    position: relative;
    top: 35%;
    left: 20%;
    margin-left: 0;
}
.time-slider .bottom .icon-caption {
    margin-top: 180px;
    margin-left: -40px;
}

.wrap-about .time-slider .year{
    font-size: 35px;
}
.wrap-about .time-slider li{
    padding-left: 0;
    font-size: 14px;
}

.time-slider .item.bottom .icon-caption.mt-change{
    margin-top: 140px!important;
}
/*career*/
.bt-search{
    width: 100%;
    height: 50px;
}
.position-box{
    border: 2px solid rgba(193, 203, 215, 0.3);
    display: flex;
    align-items: center;
    padding: 20px;
    margin-bottom: 20px;
}
.position-box h1{
    font-size: 30px;
    margin-top: 0;
    font-family: 'Gotham-Light';
}
.position-box p{
    font-size: 16px;
    margin-bottom: 0;
    font-family: 'Gotham-Medium';
    color: #fe575c;
}
.position-box p i{
    padding-right: 5px;
    font-size: 20px;
}
.position-box button.btn.btn-primary{
    width: 100%;
    background: #fe585d;
    border: 1px;
    padding: 15px 10px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}
.position-box button.btn.btn-primary:focus, .position-box button.btn.btn-primary:hover {
    background-color: #cc4a51;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}
.postion-forms input, .postion-forms span.selectboxit.form-control.selectboxit-enabled.selectboxit-btn{
    border-radius: 0;
    height: 50px;
    line-height: 50px;
    padding: 0px 15px;
}
.postion-forms .selectboxit-container .selectboxit-options a, .postion-forms .selectboxit-container span{
    line-height: 50px;
    height: 45px;
}
@media (max-width: 767px){

    .postion-forms input, .postion-forms span.selectboxit-container.selectboxit-container {
        margin-bottom: 10px;
    }
    .position-box {
        display: block;
    }
    .position-box button.btn.btn-primary{
        margin-top: 15px;
    }    
}


.position-txt {
    padding: 25px 50px;
    font-family: 'Gotham-Medium';
    margin: 0;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 28px;
}
.position-detail ul li {
    line-height: 30px;
    font-family: 'Gotham-Light';
    list-style: circle;
    list-style-position: inside;
    font-size: 18px;
}
.position-detail ul li span {
    font-family: 'Gotham-Medium';
    display: inline-block;
    font-size: 18px;
}
.position-detail h1{
    font-family: 'Gotham-Light';
    font-size: 30px;
}
.position-form {
    border: 2px solid rgba(193, 203, 215, 0.3);
    /*display: flex;
    align-items: center;*/
    padding: 20px;
    margin-top: 30px;
}




.wrap-text .btn.red {
    float: right;
}
.spec-wrapper.white h3{
    clear: both;
}



@media only screen and (max-width: 991px) {
    .contactwrap .box-content .address-col-4 figure, .contactwrap .box-content .bord-cntbg figure {
        width: 50px;
        margin: 0 auto 13px;
    }
    .news-list figure img {
        height: auto;
    }
    .news-list figure {
        height: 195px;
    }
}

@media only screen and (max-width: 767px) {
    .news-list figure {
        height: 305px;
    }
}


@media only screen and (max-width: 640px) {
    .content-about h3 {
        line-height: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .news-list figure {
        height: auto;
    }
    .news-list figure img {
        height: auto;
    }
}


/*26122018*/
.career-wrap h2{
    color: #FF6666 !important;
    font-family: 'Gotham-Medium';
    font-size: 30px;
    text-transform: uppercase;
}

.career-wrap .sort-form, .career-wrap .apply-form  {
    background: #efefef;
    padding:15px 27px;
    margin: 10px 0 0;
}

.career-wrap .apply-form  {  
    padding:40px 45px;
    margin: 10px 0 0;
}
.career-wrap .sort-form  .btn.red.btn-send {
    padding: 11px 10px;
    margin-top: 23px;
    text-shadow: none;
    width: 100%;
}


.career-wrap .input-holder.mandatory label {
    position: relative;
    padding-right: 20px;
}

.career-wrap .input-holder label {
    text-transform: uppercase;
    display: inline-block;
    clear: both;
    color: #003366;
    vertical-align: top;
    font-family: 'Gotham-Light', sans-serif;
    font-size: 13px;
}
.career-wrap .selectboxit-container .selectboxit {
    padding: 0 10px;
}
.career-wrap .col-md-5,.career-wrap .col-md-3, .career-wrap .col-md-1{
    padding-left: 8px;
    padding-right: 8px;
}

.career-wrap h3{
    color: #FF6666 !important;
    font-family: 'Gotham-Medium';
    font-size: 18px;
    text-transform: uppercase;
    margin-left: -8px;
}

.career-list{
    margin-top: 35px;
}
.career-list li{
    margin-bottom:30px;
}
.career-list li .career-bx{
    min-height: 330px;
    border: 1px solid #dddfe1;
    padding: 30px;
}

.career-list li .career-bx.past-date {
    min-height: 330px;
    border: 2px solid #ea0909;
    padding: 30px;
}

.career-list li .career-bx h2{
    color: #003366!important;
    font-size: 18px;
    margin-bottom: 15px;
}

.career-list li .career-bx ul{
    margin: 0px 0 10px;
}
.career-list li .career-bx li{
    margin: 0px;
    display: block; 
    color: #5d6985;
    font-size: 14px;
}
.career-list li .career-bx .btn{
    padding: 10px 25px;
    margin-right: 10px;
    margin-top: 20px;
}

.career-list li .career-bx .btn.light{
    background-color: #e4e9ee;
    color: #003366;
}

.career-wrap h4 {
    color: #003366!important;
    font-size: 18px;
    margin-bottom: 15px;
    font-family: 'Gotham-Medium';
    text-transform: uppercase;
}
.career-wrap span.loc, .career-wrap span.ref, .career-wrap span.dat {
    color: #003366!important;
    font-size: 15px;
    margin-bottom: 10px;
    font-family: 'Gotham-Medium';
    display: inline-block;
    margin-right: 10px;   
}
.career-wrap span.loc strong, .career-wrap span.ref strong, .career-wrap span.dat strong {
 font-weight: bold;  
}
.career-wrap .apply-form  .btn.red.btn-send{
    padding: 8px 20px;
    margin-top: 23px;
    text-shadow: none;
    width: auto;
    float: right;
}
.career-wrap .apply-form .captcha-wrap {
    float: left;
    position: absolute;
    right: 170px;
    top: 9px;
}


.job-description .wrap-grey{
    background-color: #efefef;
    padding: 40px 25px;
    margin: 15px 0 0;
}
.job-description .wrap-grey h4{
   margin-bottom: 25px;
}

.job-description .wrap-grey ul{
    background-color: #efefef;
    padding:0px;
}
.job-description .wrap-grey li{
    position: relative;
    padding: 0 0 0 25px;
    margin: 0 0 20px;
    line-height: 22px;
    font-size: 14px;
    color: #003366;
}
.job-description .wrap-grey li:before{
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #FF6666;
    position: absolute;
    left: 0px;
    content: "";
    top: 5px;
}
.apply-btn{
    padding: 10px 28px;
    margin: 35px 0 0;
}


/*26122018*/




a.enquiry span {
    color: #ffffff;
}
.wrap-customer{
    background:transparent;
}

.customr-bx{
    background-color: #fff;
    padding: 35px 40px 40px;
    margin: 35px 0;
}
.customr-bx .section-title h2 {
    margin: 0 0 15px;
    text-align: left;
}

body.pop-up-online-solutions .fancybox-wrap{
    opacity: 1!important;
}
.customer-slider.owl-carousel .owl-item img{width:70%;}

.search-lists .item-inner {
    min-height: 200px;
    border-bottom: 1px solid #f66;
    padding: 0 0 25px;
    margin: 0 0 35px;
}
.search-lists .item-inner h3 a {
    color: #0c2b5a;
    font-size: 20px;
    line-height: 23px;

}

.ngenius-nav{
    display: none;
}

.ngenius-slider .owl-nav div{
   position: absolute;
   top: 630px;
   margin-top: 0px;
   background-repeat: no-repeat;
   background-position: 0 0;   
   width: 65px;
   height: 40px;
}

.ngenius-slider .owl-prev{
   background-image: url(../images/ng-slide-prev.svg);
   left: 15%;
}
.ngenius-slider .owl-prev:hover {
   background-image: url(../images/ng-slide-prev-hover.svg);
}


.ngenius-slider .owl-next{
   background-image: url(../images/ng-slide-next.svg);
   right: 15%;
}
.ngenius-slider .owl-next:hover{
   background-image: url(../images/ng-slide-next-hover.svg);
}
.ngenius-slider .owl-nav .disabled{
    opacity: 0.3;
    cursor: default;
}

/*.header-bottom .page-nav .new-drop li > ul{
   height: 0px;
       transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.header-bottom .page-nav .new-drop li.view-nav > ul{
   height: auto;
    display: block;
       transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
    }*/
    .customer-slider .owl-nav .owl-prev, .customer-slider .owl-nav .owl-next{
        position: absolute;
        top: 50%;
        margin-top: -28px;
        font-size: 30px;
        color: #003366;
        width: 15px;
    } 



    .customer-slider .owl-nav .owl-prev {
        left: -30px;
        background-image: none;
    }
    .customer-slider .owl-nav .owl-next {
        right: -30px;
        background-image: none;
    }
    .customer-slider .owl-nav .owl-prev:before{

        font-family: 'network';
        content: '\e80a';
    }

    .customer-slider .owl-nav .owl-next:before{

        font-family: 'network';
        content: '\e80b';
    }


    @media only screen and (max-width: 1699px) {
        .ngenius-slider .owl-prev {  
            left: 7%;
        }
        .ngenius-slider .owl-next{
           right: 7%;
       }
   }

   @media only screen and (max-width: 1399px) {
    .ngenius-slider .owl-prev {  
        left: 0%;
    }
    .ngenius-slider .owl-next{
       right: 0%;
   }
}
@media only screen and (max-width: 1199px) {
    .section-news .item .block-wrap a.info {
        display: block;
        font-size: 12px;
    }
}


@media only screen and (max-width: 991px) {

    .wrap-customer {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .ng-top .container-wrapper {
        background-position: top center;
        background-size: cover;
        min-height: 330px;
    }
    .home-slider .owl-nav svg{
        width: 16px;
    }


/*    .page-spotlight .owl-nav>div{
       top:35%;
   }*/
   .fix-icons{

     padding: 7px 4px 0;
 }
 .fix-icons:before {
    display: none;
}
.fix-icons li a.sales-enqury.tooltips {
    line-height: 0;
    padding: 0;
}
.fix-icons .icon-email:before {
 width: 20px;    
}
.fix-icons .icon-callback:before {
   content: '';
   width: 20px;
   height: 24px;
}
.fix-icons li a.tooltips {
    padding: 0;
}
.fix-icons:after {
 display: none;
}
.fix-icons ul li {
    padding-bottom: 5px;
}
.fix-icons {
    top: 118px;
}
.ng-spotCaption h1.title-1 strong sup{
    font-size: 10px;
}
.footer-bottom li{
    position: relative;
}
.footer-bottom li:after{
    position: absolute;
    width: 1px;
    background: #fff;
    height: 13px;
    right: 5px;
    top: 2px;
    content: "";
}
.footer-bottom li:last-child:after{
    display: none;
}
.ngenius-slider .owl-next, .ngenius-slider .owl-prev, .ngenius-slider .owl-next:hover, .ngenius-slider .owl-prev:hover{

    background-image: none;  
}

.ngenius-slider .owl-nav .owl-next {
    right: 15px;
    color: #003366;
    font-size: 30px;
    width: auto;
}
.ngenius-slider .owl-nav .owl-prev {
    left: 15px;
    color: #003366;
    font-size: 30px;
    width: auto;
}
.ngenius-slider .owl-nav .owl-prev:before {
    content: '\e80a';
}
.ngenius-slider .owl-nav .owl-next:before {
    content: '\e80b';
}

.ngenius-slider .owl-nav div:before{
    font-family: 'network';
}
.form .input-holder.mandatory label {
    float: left;
}
.enquiry-form .input-holder label {
    float: left;
}
.navbar-toggle {
   right: -4px;
   margin-right: 0;
}
.customr-bx {
    background-color: #fff;
    padding: 30px 15px 30px;
    margin: 35px 0;
}
.customer-slider .owl-nav .owl-next {
    right: -20px;

}
.customer-slider .owl-nav .owl-prev {
    left: -20px;

}
.ng-top .container-wrapper {
    background-image: none!important;
    background-color: rgba(0, 45, 92, 0.05);
    min-height: 0px;
}
.ngenius-slider .container-wrapper .col-red {
    color: #13315d;
}
.form .checkbox-holder label {
    padding-left: 31px;
    float: left;
}
.form .checkbox-holder sup {
    font-size: 10px;
}
.ngenius-slider .ng-top figure img {
    height: 310px;
    width: auto;
    object-fit: contain;
    object-position: bottom;
}
.ngenius-wrapper h4,
.ngenius-wrapper .content h4,
.ngenius-slider h4 {
    font-size: 24px;
    line-height: 26px;   
}
.goonline-body .title-2{display:none;}
.inner-spotlight{ background-position:50% 100%;}
.news-list h3{text-align:center; padding-left:0px;}
.ng-contents.pop-up-online-solutions .inner-spotlight{ background-position:45% 100%;}
.ng-contents.pop-up-card-processing-solutions .inner-spotlight{ background-position:59% 100%;}
.ng-contents.pop-up-integratedsolutions .inner-spotlight{ background-position:59% 100%;}
}


.checkbox-holder sup {
 font-size: 10px;
}

.form .checkbox-holder label {
    padding-left: 28px;
    padding-top: 4px;
    float: left;
    position: relative;
    z-index: 2;
    font-size: 11px;
}

.online-solution .features-wrapper .features-inner.smart-bundle .item h4 a {
    color:#FF6666;
} 
.online-solution .features-wrapper .features-inner.smart-bundle a.btn {
    background: #003366;
    color: #fff;
} 
.form .checkbox-holder.error label {
    border: 1px dashed #e93b49;
}
/*.online-solution #book-10 .ng-bottom {
    padding: 0;
    margin: 0px;
}
.online-solution #book-10 .signup-wrapper {
    left: 0;
    right: 0px;

    z-index: 3;
    background: #f2f4f7;
    text-align: right;
    padding: 0px;
    }*/
    body.paymentsolutions .signup-wrapper.acquirer-wrap, body.acquirerservices .signup-wrapper.acquirer-wrap,  body.integratedsolutions .signup-wrapper.acquirer-wrap  {
        position: absolute;
        bottom: -52px;
        left: 0;
        right: 0px;
        z-index: 3;
        text-align: right;
    }



    @media only screen and (max-width: 767px) {
        body.paymentsolutions .features-inner, body.acquirerservices .features-inner, body.integratedsolutions .features-inner {
            margin-bottom: 85px;
        }
        body.paymentsolutions .signup-wrapper.acquirer-wrap .container{
            padding: 0px;
        }
        body.acquirerservices .signup-wrapper.acquirer-wrap .container{
            padding: 0px;
        }
        body.integratedsolutions .signup-wrapper.acquirer-wrap .container{
            padding: 0px;
        }

        .ngenius-slider .owl-nav div {
            margin-top: 0px;
            top: 153px;
        }
    }


/*.online-solution #book-10 .signup-wrapper a.btn {
    padding-right: 30px;
    top: 40px;
    }*/

    @media only screen and (max-width: 991px) {
        .form .checkbox-holder label {
            padding-left: 30px;
            float: left;
            position: relative;
            z-index: 2;
        }

        .salesenqwrap .form .checkbox-holder label {
           position: relative;
           z-index: 2;
           float: left;
           padding-left: 30px;
           font-size: 12px;
       }

       .radio-holder {
        text-align: left;
    }
    .contactwrap p.addres strong {
        display: block;
    }
    .form .checkbox-holder label br{
        display: none;
    }
    .header-bottom .top-nav {
        text-align: right;
        position: absolute;
        top: 10px;
        right: 15px;
        width: 100%;
    }
    .header-bottom .top-nav li {
        padding-left: 5px;
    }
    .header-bottom .top-nav li a:before {
        display: none;
    }

}

@media only screen and (max-width: 767px) {
    .form .checkbox-holder label {
        padding-left: 26px;
        font-size: 12px;
    }
}

.flag-container .country-list{
    width: 490px;
}
.flag-container .country-list li {
   float: left;
   width: 100%;
   position: static;
}

@media only screen and (max-width: 575px) {
    .ngenius-slider .owl-nav div {
        margin-top: 0px;
        top: 133px;
    }
    .fix-icons {
        top: 100px;
    }
    .help-list .item{height:260px;}
}

@media screen and (min-width:100px) and (max-width:764px)
{
    .support-faq
    {
        display:none;
    }
}


body.login-page aside{
    background: #003366;
    min-height: 375px;
    padding: 22px;

}
body.login-page aside li a{
    display: block;
    padding: 10px 0 10px 25px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #fff;
    position: relative;
}
body.login-page aside li a:before{
    font-family: network;
    content: '\e803';
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -16px;
    font-size: 25px;
    color: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

body.login-page aside li:hover a, body.login-page aside li.active a {
    background-color: #2f6ca9;
    padding: 10px 0 10px 30px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

body.login-page aside li:hover a:before, body.login-page aside li.active a:before {
   left: 10px;
   transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out
}

body.login-page .contact-card.grey {
    padding: 35px 25px 0;
}

.btn-wrapper.btn-change{
    padding-top: 23px;
}
.contact-card.grey{
    padding: 12px;
}

p.submit-message{
 text-align: center;
 padding: 100px 0;
 font-size: 16px; 
}

#login_form .input-holder {
    padding-bottom: 10px;
}

#forpass{
    color: #000;
    display: block;
    margin: 0 0 10px;
    cursor: pointer;
}

.activation-wrap .container {
 text-align: center;
}
.activation-wrap .container .aside-nav{
    width: 100%;
    text-align: center;
}
.activation-wrap .container  .col-md-12{
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #078211;
    font-size: 21px;
}

.activation-wrap .container .btn{
    margin: 25px 0;
}
.register-wrap.contact-card{
   padding: 35px;
}



.content-vis-mis {
    padding-bottom: 50px;
}


.mobile-view{
    display: none!important;
}
.desktop-view{
    display: block!important;
}



.why-slider-mobile .cell-wrapper {
    width: 100%;
    table-layout: fixed;
}
.why-slider-mobile .cell {
    border-right: 1px solid rgba(0, 45, 92, 0.15);
    padding: 0 30px;
}
@media (max-width: 767px) {
    .why-slider-mobile .cell {
        border: none;
        border-bottom: 1px solid rgba(0, 45, 92, 0.15);
        padding: 30px;
    }
    .morenews a {
        padding: 10px 10px;
        font-size: 12px;  
    }
}

.why-slider-mobile .owl-nav .owl-next, 
.why-slider-mobile .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    font-size: 26px;
    color: #003366;
        margin-top: -73px;
}
.why-slider-mobile .owl-nav .owl-next:before, 
.why-slider-mobile .owl-nav .owl-prev:before {
    font-family: network;
}
.why-slider-mobile .owl-nav .owl-prev {
    left: -60px;
}
.why-slider-mobile .owl-nav .owl-prev:before {
    content: '\e80a'
}
.why-slider-mobile .owl-nav .owl-next {
    right: -60px;
}
@media (max-width: 1199px) {
    .why-slider-mobile .owl-nav .owl-prev {
        left: 15px;
    }
    .why-slider-mobile .owl-nav .owl-next {
        right: 15px;
    }   
}
.why-slider-mobile .owl-nav .owl-next:before {
    content: '\e80b'
}

.why-slider-mobile .landing-subtitle {
    text-align: center;
}

/*==========================new=================*/
.btn-wrap
{
    margin:0;
}
.sales-wrap
{
    border-right:#ccc 1px solid;
    padding:0px;
}
.sales-wrap-2
{
    border:none;
}
.sales-wrap figcaption
{
    text-align:center;
    margin-bottom: 10px;
    font-size: 22px;
    font-family: 'Gotham-Medium';
    text-transform:uppercase;
    color:#002e5d;
}
.sales-wrap figure img {
    width:100%;
    max-width:413px;
}
.btn-signup {
    background: #002e5d;
    color: #fff;
    position: relative;
    text-transform:uppercase;
    width:auto;
    padding:15px;
}
.sales-wrap {
    position: relative;
}
.sales-wrap > a {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.sales-wrap:hover .btn-signup {
    background:#FF6666;
    color: #fff;
}

.sales-wrap .btn-signup{
    width: 100%;
}
.signup-wrapper .btn-signup {
    background: #FF6666;
    color: #fff;
    position: relative;
    text-transform:uppercase;
    width:auto;
    padding:15px;
}
.signup-wrapper .btn-signup:hover {
    background:#002e5d;
    color: #fff;
}
.signup-wrapper .btn-signup:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f2f4f7;
    position: absolute;
    top: 33px;
    right: -1px;
    transform: rotate(90deg);

}
h2.br:before, h3.br:before, h4.br:before, h5.br:before{
    display: none;
}

/*==========================new=================*/

/*.footer-nav{
    margin-left: 5%;
    }*/
    .search-box {
        border: none;
    }
    
    @media (max-width: 991px) {
        .sales-wrap {
            border-right: none;
            border-top: #ccc 1px solid;
            padding: 0px;
        }
    }

    .content-contact.inginusform{
        background: #f1f4f7!important;
        padding: 0px;
    }
.content-contact.inginusform.no-title{
    padding: 50px 0 0 ;
}
    .content-contact.inginusform label {
        color: #163d69;
    }

   .inginusform {
    background: #f1f4f7!important;
}
.fancybox-overlay{
    background:rgba(0,0,0,0.5);
}
.content-contact.inginusform  h3{
    background: #fff;
    padding: 25px 25px 15px;
    color: #ff383e;
    text-transform: uppercase;
    font-family: 'Gotham-Medium';
}
.content-contact.inginusform  h4.col-blue {
    color: #ff383e;
    margin-top: 20px;
}

.content-contact.inginusform .form.enquiry-form {
    padding: 7px 25px;
}
.content-contact.inginusform .form.enquiry-form textarea {
    height: 110px;
}
.content-contact.inginusform .form.enquiry-form label.radio {
    margin-bottom: 0;
}

.content-contact.inginusform .form.enquiry-form input {
    padding-left: 15px;
}

.content-contact.inginusform .form.enquiry-form .col-sm-4{
    padding-right: 0px;
    padding-left: 9px;

}


@media (max-width: 991px){
    .content-contact.inginusform .form.enquiry-form .btn.red.btn-send.contact-send {
        margin-right: 15px;
        margin-top: 15px;
        float: right;
    }
}
.content-contact.inginusform .form.enquiry-form .checkbox-holder label {
    font-size: 11px;
}

.content-contact.inginusform .form.enquiry-form .input-holder label {
    padding-left: 15px;
}

.content-contact.inginusform .form.enquiry-form input::-webkit-input-placeholder {
    color: #163d69;
}

.content-contact.inginusform .form.enquiry-form input::-moz-placeholder {
    color: #163d69;
}

.content-contact.inginusform .form.enquiry-form input:-ms-input-placeholder {
    color: #163d69;
}

.content-contact.inginusform .form.enquiry-form input:-moz-placeholder {
    color: #163d69;
}
.content-contact.inginusform .form.enquiry-form textarea::-webkit-input-placeholder {
    color: #163d69;
}

.content-contact.inginusform .form.enquiry-form textarea::-moz-placeholder {
    color: #163d69;
}

.content-contact.inginusform .form.enquiry-form textarea:-ms-input-placeholder {
    color: #163d69;
}

.content-contact.inginusform .form.enquiry-form textarea:-moz-placeholder {
    color: #163d69;
}
.content-contact.inginusform .selectboxit-container .selectboxit{
  color: #163d69;
}
.contact-grid {
    padding-left: 10%
}

.content-contact.inginusform .selectboxit-container .selectboxit span {
    padding-left: 10px;
}

.content-contact.inginusform .form.enquiry-form .input-holder label {
    padding-left: 15px;
}
.m-top{

    padding-top: 20px;
}

@media (max-width: 767px) {

    .section.location-holder .container{
        z-index: 2;
    }
    .salesenqwrap .form .checkbox-holder label {
        padding-left: 25px;
        font-size: 11px;
    }
/*.mobile-system{
display: none;
}*/
.contactUs-form.contForm.salesenqwrap.grey {
    padding: 15px;
}
.page-spotlight.inner-spotlight   {
    background-position: 72% 100%;
}
.sales-wrap {
    border-right: none;
    border-top: none;
    padding: 0px;
    margin: 0 0 25px;
}
.content-contact.inginusform .form.enquiry-form {
    padding: 10px;
}
.content-contact.inginusform .form.enquiry-form .checkbox-holder label {
    padding-left: 21px;
    padding-top: 2px;
}

.content-contact.inginusform .form.enquiry-form .checkbox-holder span.select {
    background: url('../images/checkbox-mobile.png') no-repeat 0 0;
    width: 15px;
    height: 15px;
}
.content-contact.inginusform .form.enquiry-form .checkbox-holder.checked span.select {
    background-position: 0 -15px;
}
.content-contact.inginusform .form.enquiry-form .col-sm-4 {
    padding-right: 0;
    padding-left: 15px;
}
.resourcecenter .page-spotlight.inner-spotlight{ background-position:34% 100%;}
.video .page-spotlight.inner-spotlight{ background-position:37% 100%;}
.merchantreferral .page-spotlight.inner-spotlight{ background-position:50% 100%;}
.resourcecenter .news-list{margin-top:0px;}
}

.morenews{text-align:right; margin-top:30px;}
.morenews a{    text-decoration: none;
    padding: 10px 35px;
    background: 0 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    color: #003366;
    text-transform: uppercase;
    border: 2px solid #003366;
    margin-top: 20px;}
    .morenews a:hover{background:#1ca7ce; color:white;}

    #login_form input[type=text], #login_form input[type=password] {
        height: 40px;
    }
    #login_form .btn.red.btn-send {
        margin: 0 0 20px;
    }

    #login_form{
       font-family: 'Gotham-Light', sans-serif;
       color: #003366;
   }
   
   #login_form h4{
       color: #003366;

   }
   #login_form a{
       font-family: 'Gotham-Light', sans-serif;
       color: #003366;
   }

   .section>.container {
    padding-left: 50px;
}

.section.contact-holder>.container {
    padding-left: 0px;
}

body.home .section>.container {
    padding-left: 0px;
}

body.googlepaymentagreement .section>.container {
    padding-left: 0px;
}




@media (max-width: 991px) {
    .section>.container {
        padding-left: 15px;
    }
    body.login-page aside {
        min-height: 0;
    }
    .career-wrap .apply-form {
        padding: 20px 15px;
    }
    .career-wrap h2 {
        font-size: 22px;
    }
    .career-wrap h4 {
        font-size: 16px;
        text-align: left!important;
    }
    .form textarea {
        height: 90px;
    }
    .career-wrap .apply-form .captcha-wrap {
     float: left;
     position: static;  
     right: 0px;
     top: 9px;    
 }
}

@media (max-width: 767px) {
    .fancybox-wrap {
        width: 100%!important;
        left: 0px!important;
    }
    .fancybox-inner{
        width: 100%!important;
    }
    .fancybox-close {
        top: 0px;
        right: 0; 
    }
    .header-bottom .top-nav {
        top: 5px;
    }
    .header-bottom .top-nav a {
        font-size: 12px;
    }

    .intl-tel-input .country-list .country {
        padding: 5px 10px!important;
        display: inline-block!important;
        position: static!important;
        width: 100%!important;
    }
}

.features-inner .row .item:last-child{
    display: none!important;
}


/*.online-solution #book-10 .signup-wrapper.acquirer-wrap .btn-holder, .online-solution #book-11 .signup-wrapper.acquirer-wrap .btn-holder {
    display: inline-block;
    display: inline-block;
    display: inline-block;
    display: inline-block;
    display: inline-block;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: 0;
      position: absolute;
    right: 0;
    bottom: -2px;
}
.online-solution #book-11 .signup-wrapper.acquirer-wrap .btn-holder {
   bottom: -10px;
}
*/


/*.online-solution #book-10 .signup-wrapper.acquirer-wrap>.container, .online-solution #book-11 .signup-wrapper.acquirer-wrap>.container{

  background: #fff;
    height: 68px;
    position: absolute;
    width: 100%;
    left: 0;
}
.online-solution #book-11 .signup-wrapper.acquirer-wrap>.container{
    height: auto;
    }*/

    .morenews a.info {
        margin-right: 15px;
    }

    .careers-loglist {
        display: inline-block;
        margin: 10px 0;
    }

    .careers-loglist li {
        float: left;
        margin-right: 10px;
    }
    .careers-loglist li a {
        float: left;
        padding: 8px 15px;
        background-color: #003366;
        color: #fff;
    }
    .careers-loglist li a:hover {
        background-color: #FF6666;
        color: #fff;
    }

    nav.footer-nav #accordion-foot li{
        float: left;
        width: 100%;
    }
    nav.footer-nav #accordion-foot li.title a{
        cursor: default;
    }
/*.signup-wrapper.acquirer-wrap .btn-signup{

    position: relative;
    right: -15px;
    bottom: -60px;
    }*/

    .team-list .item-inner a{
        cursor:pointer;
    }

    .header-bottom .page-nav>ul>li.nav-on .subnav {
        display: block !important;
    }

    .footer-nav li ul {
        padding-bottom: 0;
    }
    .landing-grey .content-vis-mis, .landing-grey .section-why.white{ padding-bottom:0px; margin-bottom:0px;}
    .landing-grey .content-vis-mis figcaption h1{font-size:30px;}


    body.ng-contents.pop-up-card-processing-solutions .features-inner {
        padding: 50px;
    }
    body.ng-contents.pop-up-card-processing-solutions .mt-3.main-title{
        margin-top: 20px !important;
    }

    body.home .vis-mis-wrap {
        background:rgba(223,226,233);
        padding-top: 50px;
    }
    body.home .border-vis {
        position: relative;
        border-right: 1px solid #d9e0e7;
    }

    body.home .why-slider.desktop-view {
        padding-bottom: 35px;
    }

/*#directors .team-list .item-inner a{
    cursor: default;
    }*/
    body.home .content-vis-mis figure img {
        align-items: center;
        width: 160px;
        height: 190px;
    }

    .why-list.why-slider.owl-carousel .owl-stage-outer:after{
       width: 5px;
       height: 100%;
       background-color: #fff;
       right: 0px;
       top: 0px;
       position: absolute;
       z-index: 2;
       content: "";
   }
   body.compliance .wrap-about .compilence-mobile{
    display: none;
}

body.detailnpage .btn.red.mobileback{
    display: none;
}

.tech-wrap sup {
    top: -18px;
    font-size: 16px;
    right: -2px;
}

body.search .spec.news-spec-2, body.search .spec.news-spec-3{
    display: none!important;
}

/*.content-vis-mis {
    padding-top: 55px;
    }*/

    body.visionmissionvalue .landing-title h2 {
        margin: 27px 0 0;
    }
    @media (max-width: 991px) {

        body.compliance .wrap-about .compilence-mobile{
            display: block;
        }
        body.compliance .wrap-about .light-bg{
            display: none;
        }

        body.compliance .wrap-about .compilence-mobile .light-bg{
            display: block;
        }
        body.compliance .wrap-about .compilence-mobile .box-content {
            margin-top: 0;
        }
        body.compliance .wrap-about .compilence-mobile figure.light-bg{
            margin-bottom: 0px!important;
            text-align: center;
        }
        body.compliance .wrap-about .compilence-mobile figure.light-bg img{
            margin: 0 auto;
        }
        .award-wrap {
            padding-bottom: 30px;
            padding-top: 30px;
        }
        .customer-slider.owl-carousel .owl-item img {
            margin: 0 auto;
        }
        body.detailnpage .wrap-text .btn.red {
            display: none;
        }
        body.detailnpage .btn.red.mobileback {
            display: block;
            float: right;
            margin-top: -35px;
        }
        body.detailnpage .spec-wrapper.white h3 {
            margin: 15px 0;
        }
        body.goonline-bodydomains .panel-title > a {
          color: #0c2b5a;
      }
      .save h6 {
        margin: 0;
        font-size: 20px;
    }
    .header-bottom .page-nav>ul>li.active>a, .header-bottom .page-nav>ul>li>a:hover {
        color: #FF6666;
    }
}

@media (max-width: 767px) {
    body.networkinternationalappointssimonhaslamchiefexecutiveofficer .page-spotlight.inner-spotlight {
        background-position: 57% 100%;
    }
    body.networkinternationalappointssimonhaslamchiefexecutiveofficer .news-details .pad-warp {
        padding:20px;
    }
    .news-details h3 {
        font-size: 26px;
    }
    .news-details .wrap-text {
        min-height: auto;
    }
    body.networkinternationalappointssimonhaslamchiefexecutiveofficer .news-details .container.light-bg.pad-warp .col-md-12{
        padding: 0px;
    }
    body.whoweare .page-spotlight.inner-spotlight {
        background-position: 43% 100%;
    }
    .chairman-wrap h4 {
        font-size: 22px;
        text-transform: uppercase;
    }
    .tech-wrap {
        padding: 15px;
    }
    body.compliance .page-spotlight.inner-spotlight {
        background-position: 49% 100%;
    }
    body.regionalpresence .page-spotlight.inner-spotlight {
        background-position: 55% 100%;
    }
    body.mediacenter .page-spotlight.inner-spotlight {
        background-position: 60% 100%;
    }
    body.events .page-spotlight.inner-spotlight, body.detailnpage .page-spotlight.inner-spotlight {
        background-position: 31% 100%;
    }
    .header-bottom .page-nav .subnav .cell-wrapper {
        display: block;
        padding: 0 10px;
    }
    .header-bottom .page-nav .subnav .cell-wrapper .cell {
        padding: 0;
        width: 100%;
    }
    .header-bottom .subnav .cell-wrapper .cell:before{
display: none;
    }
    .header-bottom .page-nav>ul>li.ex-nav {
        padding: 0 10px;
    }
    body.contactus .page-spotlight.inner-spotlight {
        background-position: 50% 100%;
    }
    body.merchantsolutions .page-spotlight.inner-spotlight {
        background-position: 49% 100%;
    }
    body.ng-contents.paymentsolutions .page-spotlight.inner-spotlight {
        background-position: 52% 100%;
    }
    body.ng-contents.pop-up-integratedsolutions.integratedsolutions .inner-spotlight {
        background-position: 77% 100%;
    }
    body.ng-contents.pop-up-integratedsolutions.integratedsolutions .ng-spotCaption {
        padding-left: 33%;
    }
    body.termscondition .page-spotlight.inner-spotlight {
        background-position: 27% 100%;
    }
    body.ng-contents.loyaltysolutions .page-spotlight.inner-spotlight {
        background-position: 68% 100%;
    }
    body.ng-contents.addonsolutions .page-spotlight.inner-spotlight, body.ng-contents.fraudsolutions .page-spotlight.inner-spotlight {
        background-position: 54% 100%;
    }
    body.ng-contents.issuerservices .page-spotlight.inner-spotlight {
        background-position: 52% 100%;
    }
    body.ng-contents.acquirer-swrap.acquirerservices .page-spotlight.inner-spotlight {

        background-position: 52% 100%;

    }
    body.campaigns .page-spotlight.inner-spotlight {
        background-position: 52% 100%;
    }

    body.policy .page-spotlight.inner-spotlight {
     background-position: 59% 100%;
 }

 body.ng-contents.pop-up-card-processing-solutions.cardprocessingsolutions .page-spotlight.inner-spotlight,.financialsummary .page-spotlight.inner-spotlight {
     background-position: 52% 100%;
 }
 body.detailnpage .page-spotlight.inner-spotlight {
    background-position: 58% 100%;
}

body.ng-contents.pop-up-card-processing-solutions.cardprocessingsolutions .ng-spotCaption {
    padding-left: 15px;
    margin-bottom: 0px;
        left: 15px;
}
body.ng-contents.pop-up-card-processing-solutions.cardprocessingsolutions .ng-spotCaption h1 {
    font-size: 24px;
    margin-top: 20px;
    line-height: 34px;
}
/*.signup-wrapper.acquirer-wrap .btn-signup {
    position: absolute;
    right: -15px;
    bottom: -29px;
    }*/

    .time-slider .item.bottom .icon-caption {
        bottom: 100%;
    }
    .solution-slider.owl-carousel, .issuer-slider.owl-carousel{
        margin: 0 0 25px;
    }

/*
body.integratedsolutions .signup-wrapper.acquirer-wrap .btn-signup {
    position: relative;
    right: -50px;
    bottom: 0;
    }*/
    .time-slider .bottom .icon-caption {
        margin-left: 0;
    }
    .header-bottom .page-nav>ul>li.merchantsol-wrap .subnav.dropdown-menu.new-drop,
    .header-bottom .page-nav>ul>li.issuersol-wrap .subnav.dropdown-menu.new-drop  {
        /*display: none!important;*/
    }
    body.ng-contents.pop-up-online-solutions.onlinesolutions .features-wrapper .container{
        padding: 0px;
    }
    body.ng-contents.pop-up-online-solutions.onlinesolutions .features-wrapper .container h4.mt-3{
        padding: 0 15px;
    }
    body.ng-contents.pop-up-online-solutions.onlinesolutions .owl-nav{
        display: none;
    }
.header-bottom .page-nav>ul>li.nav-on .subnav.dropdown-menu.new-drop{
     display: block !important;
     opacity: 1;
     max-height: 500px;
     top:32px;
}
}
@media (max-width: 627px) {
    .wrap-mangament .nav.keypeople-wrap>li {
        float: left;
        width: 100%;
    }
    .wrap-mangament .nav.keypeople-wrap li a {
        font-size: 20px;  
    }
    .wrap-mangament .nav.keypeople-wrap li.active a:before {
        content: '';
        border-right: 20px solid #f1f4f7;
    }
    .features-inner {
        padding: 30px 15px 70px;
    }
/*.signup-wrapper.acquirer-wrap .btn-signup {
    position: absolute;
    right: -15px;
    bottom: -70px;
    }*/
    body.integratedsolutions .features-inner {
        padding: 30px 15px 10px;
    }
/*body.integratedsolutions .signup-wrapper.acquirer-wrap .btn-signup {
    position: relative;
    right: -15px;
    bottom: 0;
    }*/
}
.home .help-list .cell-wrapper{
    display: block;
}
.home .cell-wrapper a.cell{
    float: left;
    display: block;
    width: 100%;
}
@media (min-width: 768px){
    .home .cell-wrapper a.cell{
        width: 50%;
    }
}
.footer-nav li { clear:both;}

.header-bottom .page-nav>ul > li > a:after {
    font-family: network;
    content: '\e803';
    position: absolute;
    right: -22px;
    top: 0;
    width: 20px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-bottom .page-nav>ul>.dropdown >a .down{
    display: none;
}
.header-bottom .page-nav>ul > li:last-child > a:after{
    display: none;
}
.header-bottom .page-nav>ul>li>a{
    display: inline-block;
    position: relative;
}

.alert-info {
    color: #FF6666;
    text-align: center;
    font-weight: bold;
}
.videolist .video-image a{
    display: block;
    position: relative;
}
.videolist .col-sm-4:only-child {
    margin: auto;
    float: none;
}
.videolist .video-image a:before{
    background: url(../images/play.png) no-repeat center center;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -32px 0 0 -32px;
    height: 64px;
    width: 64px;
    opacity: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}
.videolist .video-image a:hover:before{ opacity: 1;  }
.videolist .video-image{
    margin: 0 0 20px;
    min-height: 265px;
}
.videolist img{
    width: 100%;
}
.videolist-header{
    padding: 30px 0 15px;
}
.videolist-header h2{
    color: #FF6666;
    font-size: 27px;
    margin: 0;
}
.videolist h3{
    color: #003366;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    min-height: 57px;
}
.videolist h3 a{
    color: #003366;
}
.section-video{
    background: #01050a;
}
/*.section-video .video-wrapper{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.section-video video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }*/

    .mejs__container{
        width: 100% !important;
        height: 100% !important;
        padding-bottom: 56.25%;
    }
    .mejs__container video{
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
    .mejs__layers > div{
        width: 100% !important;
        height: 100% !important;
    }
    .mejs__mute>button{
        background: url('../images/volume.png') no-repeat center center;
        width: 25px;
    }
    .mejs__unmute>button{
        background: url('../images/mute.png') no-repeat center center;
        width: 25px;
    }
    .mejs__fullscreen-button{
        float: right;
        margin-left: auto;
    }
    .mejs__fullscreen-button>button{
        background: url('../images/fullscreen.png') no-repeat center center;
        width: 24px;
        height: 24px;
    }
    .mejs__overlay-button, .mejs__overlay:hover>.mejs__overlay-button{
        background: url('../images/play.png') no-repeat center center;
    }
    .mejs__overlay-loading-bg-img{
        /*background: url('../images/video-loading.png') no-repeat center center;*/
    }
    .mejs__volume-handle{
        display: none;
    }
    .mejs__time{
        font-weight: normal;
    }
    .mejs__controls{
        background: rgba(0, 0, 0, 0.4);
        height: 60px;
        padding-top: 15px;
    }
    .mejs__volume-button>.mejs__volume-slider{
        left: 20px;
    }
    .mejs__volume-current, .mejs__volume-handle{
        background: rgba(230, 9, 9, 0.9);
    }
    .mejs__time-current{
        width: 100%;
    }
    .mejs__time-rail{
        margin: 0;
        padding: 0;
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        top: 0;
    }
    .mejs__time-loaded{
        background: rgba(255, 255, 255, 0.6);
    }
    .mejs__time-total{
        margin: 0;
        height: 2px;
        overflow: hidden;
    }
    .mejs__time-buffering{
        display: none;
    }
    .view-options{
        float: right;
    }
    .view-options span{
        margin-left: 7px;
    }

    div.video-js{
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 0 !important;
        height: 0 !important;
        width: 100% !important;
    }
    div.video-js video{
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
      div.video-wrapper{
    position: relative;
  }
  div.video-wrapper:after {
   position: absolute;
   /* background-image: url(../images/video-load.gif);*/
   background-position: center;
   width: 50px;
   height: 50px;
   content: "";
   z-index: 1;
   pointer-events: none;
   left: 50%;
   top: 50%;
   margin-left: -50px;
   margin-top: -50px;
}

  div.video-wrapper.playing:after, div.video-wrapper.paused:after{
display: none;
content: "";
  }
    .video-wrapper .video-js .vjs-control-bar{ height: 55px; padding-top: 15px; }
    .video-js .vjs-progress-control .vjs-progress-holder{ margin: 0; }
    .video-wrapper .video-js .vjs-progress-control{ height: 2px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
        .video-wrapper .video-js .vjs-volume-control{ width: 60px !important; visibility: visible !important; opacity: 1 !important;}
        .vjs-play-progress:before{
            display: none;
        }
        .vjs-play-control{order:1;}
        .vjs-remaining-time {order: 2;display: none;}
        .vjs-current-time{order: 2;display: block !important;}
        .video-js .vjs-volume-panel{order: 3; margin: -4px 0 0; }
        .video-js .vjs-fullscreen-control{order: 4; margin: -8px 0 0 auto;}
        .vjs-volume-level:before{display: none;}
        .video-js .vjs-volume-level { background: #FF6666; }
        .vjs-icon-volume-mid:before,
        .vjs-icon-volume-high:before{ content: ''; 
        background: url('../images/volume.png') no-repeat center center; }
        .vjs-volume-panel .vjs-icon-placeholder:before, .vjs-fullscreen-control .vjs-icon-placeholder:before{display: none;}
        .vjs-volume-panel .vjs-icon-placeholder{
            width: 25px; height: 25px; display: block; 
            background: url('../images/volume.png') no-repeat center center;
            margin: -7px 0 0 8px;}
            .vjs-vol-0 .vjs-icon-placeholder{  background: url('../images/mute.png') no-repeat center center; }
            .vjs-fullscreen-control .vjs-icon-placeholder{
                display: block;
                width: 30px;
                height: 30px;
                background: url('../images/fullscreen.png') no-repeat center center;
            }
            .video-js .vjs-big-play-button,
            .video-js:hover .vjs-big-play-button{
                background-color: none !important;
                background: url('../images/play.png') no-repeat center center;
                border: 0;
                left: 50%;
                top: 50%;
                width: 64px;
                height: 64px;
                margin: -32px 0 0 -32px;
            }
            .vjs-icon-play:before{
                display: none;
                content: '';
            }
            .video-wrapper > video{
                opacity: 0;
            }
            .video-js .vjs-big-play-button span{ display: none; }
            .back-list a{
                color: #003366;
                font-weight: bold;
            }
            .back-list a:before{
                font-family: network;
                content: '\E804';
                margin: -2px 10px 0 0;
                float: left;
            }
            .back-list a:hover{
                color: #FF6666;
            }
            button:focus {outline:0 !important; }
            @media (min-width: 768px){
                .ngenius-slider .owl-nav{
                    height: 60px;
                    margin: auto;
                    position: absolute;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    top: 620px;
                }
                .addonsolutions .ngenius-slider .owl-nav{
                    top: 350px;
                }
                .paymentsolutions .ngenius-slider .owl-nav{
                    top: 673px;
                }
                .ngenius-slider .owl-nav div{
                    top: 10px;
                }
                .ngenius-slider .owl-nav .owl-prev{
                    left: -70px;
                }
                .ngenius-slider .owl-nav .owl-next{
                    right: -70px;
                }
                .videolist-wrapper.listview .videolist{
                    padding: 0;
                }
                .videolist-wrapper.listview .col-sm-4{
                    width: 100%;
                }
                .videolist-wrapper.listview .col-sm-4 h3{
                    overflow: hidden;
                    padding: 30px;
                }
                .videolist-wrapper.listview .col-sm-4 .video-image{
                    float: left;
                    width: 25%;
                }
            }
            @media (min-width: 768px){
                .back-list{
                    float: right;
                }
                .ngenius-slider .owl-nav{
                    width: 720px;
                }
            }
            @media (min-width: 769px){
                .ngenius-slider .owl-nav{
                    width: 750px;
                }
            }
            @media (min-width: 992px){
                .ngenius-slider .owl-nav {
                    width: 970px;
                }
            }
            @media (min-width: 1200px){

                .video-js .vjs-volume-panel{margin: -4px 0 0 200px; }
                .ngenius-slider .owl-nav {
                    width: 1200px;
                }
                .videolist-header{
                    padding: 40px 0 25px;
                }
            }

            @media (min-width: 1375px){
                .ngenius-slider .owl-nav .owl-prev{
                    left: -82px;
                }
                .ngenius-slider .owl-nav .owl-next{
                    right: -82px;
                }
            }
            @media (max-width: 1374px) and (min-width: 1200px){
                /*.ngenius-slider .owl-nav,
                .paymentsolutions .ngenius-slider .owl-nav,
                .addonsolutions .ngenius-slider .owl-nav{
                    top: 580px;
                }*/
                .ngenius-slider .owl-nav .owl-prev{
                    left: 0px;
                }
                .ngenius-slider .owl-nav .owl-next{
                    right: 0px;
                }
            }
            @media (max-width: 1120px) and (min-width: 992px){
                .ngenius-slider .owl-nav,
                .addonsolutions .ngenius-slider .owl-nav{
                    top: 580px;
                }
                .ngenius-slider .owl-nav .owl-prev{
                    left: 10px;
                }
                .ngenius-slider .owl-nav .owl-next{
                    right: 10px;
                }
            }
            @media (max-width: 900px) and (min-width: 768px){
                .ngenius-slider .owl-nav,
                .addonsolutions .ngenius-slider .owl-nav{
                    top: 580px;
                }
                .paymentsolutions .ngenius-slider .owl-nav{
                    top: 800px;
                }
                .ngenius-slider .owl-nav .owl-prev{
                    left: 10px;
                }
                .ngenius-slider .owl-nav .owl-next{
                    right: 10px;
                }
            }

            .jo-des-wrap{
                border: 2px solid #003366;
                display: block;
                width: 100%;
                float: left;
                padding: 15px;
                margin: 0 0 15px;
            }
            .job-titles{
             width: 100%;
             float: left;
         }
         .job-titles ul{
           width: 100%;
           float: left;
       }
       .job-titles ul li{
          width: 100%;
          float: left;
          margin: 0;
          padding: 0;
      }
      .job-titles ul li h3{
        background-color: #003366;
        color: #fff!important;
        font-size: 15px;
        padding: 13px 10px!important;
        border-bottom: 2px solid #fff;
        width: 25%;
        min-height: 50px;
        margin: 0;
        float: left;
    }

    .job-titles ul li p{
        background-color: #fff;
        float: left;
        margin: 0px;
        width: 75%;
        color: #000;
        font-size: 18px;
        padding: 11px 10px;
        border-bottom: 2px solid #003366;
        min-height: 50px;
    }

    .jo-des-wrap h2{
       border-top: 5px solid #FF6666;
       background-color: #003366;
       color: #fff!important;
       margin: 15px 0 16px!important;
       padding: 7px 10px;
       float: left;
       width: 100%;
       margin: 0px;
       font-size: 18px;

   }

   @media (max-width: 767px){
    .view-options{
        display: none;
    }
    .job-titles ul li h3, .job-titles ul li p  {
        width: 100%;   
    }

    .back-list{
        display: block;
        margin-bottom: 30px;
    }
}
@media (min-width: 600px){
    .videolist{
        padding-top: 25px;
        padding-bottom: 25px;
    }
    /*.videolist:nth-child(2n){
        background: #dee1e8;
    }
    .videolist:nth-child(3n){
        background: #e6eaef;
        }*/
    }
    @media (max-width: 767px){
        .videolist .col-sm-4{
            float: left;
            width: 33.333%;
        }
        .videolist h3{
            font-size: 13px;
            font-weight: normal;
        }

        .form .checkbox-holder a {
            top: -7px;
            color: #003366;
            font-size: 12px;
            font-weight: bold;
        }

    }
    @media (max-width: 599px){
        .videolist .col-sm-4{
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .videolist .col-sm-4{
            float: none;
            width: 100%;
        }
        .videolist h3{
            margin-bottom: 15px;
        }
        .videolist .col-sm-4:nth-child(2n){
            background: #dee1e8;
        }
        .videolist .col-sm-4:nth-child(3n){
            background: #e6eaef;
        }
        .view-options{
            display: none;
        }
    }
    .news-list.resource-list{
        margin: 0;
    }
    .resource-list figcaption,
    .resource-list .item:hover figcaption{
        background: none;
        position: static;
    }
    .resource-list figcaption .inner{
        position: static;
        padding: 0 0 10px;
        opacity: 1;
    }
    .resource-list .item:hover .inner{
        transform: none;
    }
    .resource-list figcaption p{
        color: #003366;
        font-size: 24px;
        text-transform: uppercase;
        font-family: 'Gotham-Medium';
    }

    .features-inner.n-geniusonline  .item:nth-child(3n) {
        border-left: none;
    }
    .features-inner.n-geniusonline  .item:nth-child(4n) {
        border-left: 1px solid rgba(0, 45, 92, 0.15);
    }
    .features-inner.n-geniusonline .item:nth-child(5n) {
        border-left: none;
    }
    .features-inner.n-geniusonline  .item:nth-child(6n) {
        border-left: 1px solid rgba(0, 45, 92, 0.15);
    }
    .features-inner.n-geniusonline  .item:nth-child(6n) {
        border-left: 1px solid rgba(0, 45, 92, 0.15);
    }
     
    .features-inner.n-geniusonline .item:nth-child(7n){
    border-left: none;

    }
    .features-inner.n-geniusonline .row .item:last-child {
        flex: 0 0 100%;
        max-width: 100%;
        border-top: 1px solid rgba(0, 45, 92, 0.15);
        border-left: none;
        display: block!important;
        margin-top: 15px;
    }

    .page-spotlight .item {
       position: relative;
   }
   .page-spotlight .item video {
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-left: 9px;*/
    /*min-width: 101%;
    min-height: 100%;*/
    width: 100%;
    max-height: 100%;
    /*transform: translateX(-50%) translateY(0%);*/
    background-size: cover;
    transition: 1s opacity;
    z-index: 1;
}

.owl-item.cloned video{
    height: 0;
}
.owl-item.cloned.active video{
    height: auto;
}
.page-spotlight .mobile-video{
    display: none;
}
.page-spotlight .item .ckeditor-html5-video{
    position: relative;
}

.page-spotlight .item .ckeditor-html5-video:before{
    position: absolute;
    content: "";
    width: 5px;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 2;
    pointer-events: none;
    background-color: #e5e9ec;
}
.page-spotlight .item .ckeditor-html5-video:after{
    position: absolute;
    content: "";
    width: 5px;
    height: 100%;
    right: 0px;
    top: 0px;
    pointer-events: none;
    z-index: 2;
    background-color: #f7eeec;
}


.popup-terms span {
    background: none!important;
}
.popup-terms h2 {
    color:#003366;
}

.popup-terms table{
    width: 100%!important;
    margin: 25px 0!important;
    float: left;
}
.popup-terms ul{
    width: 100%!important;
    margin: 15px 0!important;
    list-style: none;
    float: left;
}
.popup-terms li{
    display: block;
    position: relative;
    padding: 0 0 10px 17px;
}
.popup-terms li:before{
    position: absolute;
    content: ".";
    color: #003366;
    font-size: 60px;
    left: 0px;
    top: -5px;
    line-height: 0;
}
.header-bottom .page-nav .subnav li img{
    margin: -3px 0 0 5px;
}
.features-inner.n-geniusonline sup, .ng-contents.pop-up-online-solutions.onlinesolutions sup{font-size:11px;}
@media (max-width: 768px){
    .page-spotlight .desktop-video{
        display: none;
    }
    .page-spotlight .mobile-video{
        display: block;
    }
}

.error{
    border: 1px dashed #e93b49!important;
}


.header-bottom .page-nav .subnav {
   transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out
}

.header-bottom .page-nav .subnav.drop-up{
    height: 0px!important;
    overflow: hidden!important;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}
/*  ----------  Menu dropdown ------------*/
.page-nav .subnav.dropdown-menu{
    background: #fff;
    position: absolute;
    /*top: 92px;*/
    top:74px;
    left: 0;
    width: auto;
    max-height: 0;
    overflow: hidden;
    display: block;
    opacity: 0;
}
.page-nav .subnav.dropdown-menu.open{
    max-height: 500px;
    opacity: 1;
    overflow: visible;
}
.subnav .cell-wrapper .cell{
    width: 380px;
    display: block;
}
.dropdown-menu .cell-wrapper{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
.header-bottom .page-nav > ul > li.dropdown:last-child .subnav.dropdown-menu {
    right: 90px;
    width: 250px;
    left: auto;
}
/*span.close-drop{
    background-image: url(../img/btn-gnb-close.png);
    }*/
    span.close-drop {
        cursor: pointer;
        z-index: 5;
        padding: 12px;
        border-radius: 50%;
        background-position: center center;
        position: absolute;
        right: -27px;
        width: 13px;
        height: 13px;
        top: 2px;
        background: #FF6666 url(../img/btn-close-white.png) no-repeat center center;
        display: none;
    }

    body.whitepapers .col-md-11.col-md-push-0.text-center{
        text-align-last: left;
        text-align: left;
    }
    body.whitepapers .col-lightBluenew {
        color: #ff6666;
        text-align: left;
        text-align-last: left;
    }
    body.whitepapers .col-md-push-2 {
        left: 0;
    }
    body.whitepapers .img-dwnld {
        margin: 0 auto;
        margin-top: 0px;
    }
    body.whitepapers .spec-wrapper.white h4, body.whitepapers .spec-wrapper.white h4 a  {
        color: #ff6666;
    }
    body.whitepapers .brochure-dwnld:hover {
        background: #fff;
        border: 2px solid #FF6666;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
    }
    body.whitepapers .brochure-dwnld{
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out
    }
    body.whitepapers  .btn-dwnld{
        background: #036;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out
    }

    body.whitepapers  .btn-dwnld:hover{
        background: #FF6666;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out
    }
    body.whitepapers .brochure-dwnld:hover .btn-dwnld  {
       background: #FF6666;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
    }
.touch .page-nav .subnav.dropdown-menu ul ul{
    opacity: 0;
    max-height: 0;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.touch .page-nav .subnav.dropdown-menu .nav-on ul{
    display: block !important;
    opacity: 1;
    max-height: 500px;
}
@media screen and (max-width:991px){
    .header-bottom .page-nav .subnav {
        left: 0!important;
        right: 0!important;
        margin-left: 0!important
    }
    .page-nav .subnav.dropdown-menu{
        top: 79px;
    }
    .drop:before{
        transform: rotate(0deg);
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
    }
    .nav-on > .drop:before{
        transform: rotate(-180deg);
    }
}
@media (max-width: 767px){
    .page-nav .subnav.dropdown-menu {
        position: static;
    }
    .page-nav .subnav.dropdown-menu.open{
        margin-top: 10px;
    }
    .external-wrap .heading-tab h2{font-size:28px;}
    .content-contact.external-wrap .tab-pane{
        padding: 20px 15px 30px 15px;
    }
    .content-contact.external-wrap .checkbox-holder a.various,
    .partnerreferral .checkbox-holder a.various{
        margin: 5px 0;
    }
    .external-wrap .nav-tabs>li.active>a{
        padding: 10px 0;
    }
    .external-wrap .heading-tab h2, .partnerreferral .heading-tab h2 {
        line-height: 1.3;
    }
    .external-wrap .checkbox-holder, .partnerreferral .checkbox-holder{
        float: left;
        width: 100%;
        margin: 3px 0;
    }
    section.external-wrap, section.external-wrap > .container{
        padding: 0;
    }
    .externalbankreferral .page-spotlight.inner-spotlight{
        background-position: 55% 100%;
    }
    .paybylinksignup .title-2 .col-red{font-size:18px;}
    .paybylinksignup .navbar-toggle, .partnerreferral .navbar-toggle, .merchantreferral .navbar-toggle{display:none;}
}
.tech-wrap.privacy-wrap h3{margin:15px 0px 20px 0px;}
.tech-wrap.privacy-wrap h2{color:#FF6666; margin:20px 0px;}
.tech-wrap.privacy-wrap a.privacylink{color:#FF6666;}
.ngeniousline{color: #FF6666;
    border-top: 1px solid rgba(0, 45, 92, 0.15);
    padding-top: 10px;}
.ngeniousline a{color:#003366;}
.fancybox-skin {
    background: #f1f4f7!important;
    padding: 15px!important;
}
#uploadForm h2{
    margin: 0 0 20px;
}
#uploadForm label{
    display: block;
    margin: 0 0 10px;
}
#uploadForm input{
    border: #d0d0d0 1px solid;
    margin: 0 0 20px;
    width: 300px;
}
#uploadForm .progress{
    background: none;
    border: #0099ff 1px solid;
    height: auto;
    padding: 1px;
    margin: 20px 0;
    width: 100%;
    max-width: 300px;
}
#uploadForm .progress-bar{
    background-color: #FF6666;
    height: 12px;
    font-size: 12px;
    line-height: 1.2;
}
#uploadForm .percent{
    color: #000;
    font-size: 12px;
    line-height: 1.2;
}
#uploadForm .btnSubmit{
    border: 0;
    width: auto;
}
body.uploadfiles header{
    position: relative !important;
}
body.uploadfiles .header-bottom{
    padding: 0 0 20px;
}
.vjs-poster{display: none;}
.external-wrap > .container{
    padding-left: 0;
}
.external-wrap .content-wrap h2{
    margin: 0;
}
.partnerbankreferral .inner-spotlight, .videoupload .inner-spotlight, .paybylinksignup .inner-spotlight, .merchantreferrals .inner-spotlight, .merchantreferral .inner-spotlight, .partnerreferrals .inner-spotlight, .partnerreferral .inner-spotlight{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.partnerbankreferral .spot-content.inner-spotlight, .videoupload .spot-content.inner-spotlight, .paybylinksignup .spot-content.inner-spotlight, .merchantreferrals .spot-content.inner-spotlight, .merchantreferral .spot-content.inner-spotlight, .partnerreferrals .spot-content.inner-spotlight, .partnerreferral .spot-content.inner-spotlight{
    display: none;
}
.title-red .content-wrap {
    padding: 40px 50px;
}
.title-red .content-wrap h2{
    margin: 0;
    font-family: 'Gotham-Light', sans-serif;
}
.title-red .content-wrap h2.lower{
    text-transform: initial;
}
@media (max-width: 991px){
    .title-red .content-wrap {
        padding: 20px 15px;
    }
    .title-red .content-wrap h2{
        font-size: 22px;
    }
}

.tab-content .alert.alert-success{
    min-height: 160px;
    display: table;
    width: 100%;
    text-align: center;background:#003366;
  }
.tab-content .alert.alert-success h3{
vertical-align: middle;
height: 100%;
width: 100%;
text-align: center;
white-space: nowrap;
display: table-cell;color:white;
  }
@media (min-width: 768px){
    .paybylinksignup .title-2 .col-red{
        font-size: 30px;
    }
}
.paybylinksignup .title-2 .col-red{
    text-transform: uppercase;
}
.paybylinksignup h1.title-2{
    margin: 0;
}
.paybylinksignup .header-bottom{padding-top:0px;}
.paybylinksignup .spec-title{margin:15px 0}
.ngenius .inner-spotlight {
    display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
}
.ngenius .inner-spotlight .spot-content, .resourcecenter .inner-spotlight .spot-content, body.video .inner-spotlight .spot-content {
    display: none;
}
.ngenius .videolist-header .bg-title {
    background: #f9f9fa;
    padding: 30px;
}
.ngenius .videolist-header h2 {
    color: #003366;
    text-transform: uppercase;
}
.ngenius .videolist-header {
    padding: 0;
}
.ngenius .page-spotlight.inner-spotlight {
    background-position: 32% 100%;
}
@media (min-width: 768px){
    .ngenius .videolist-header .bg-title .btn {
        margin: -8px 20px 0 0;
    }
}
/* Covid message*/
.covid19message .wrap-heads, .steptocleanposterminals .wrap-heads{
    margin-top: 100px;
}
.covid19message h2{
    font-size: 36px;
}
/*.covid19message h1{
    font-size: 40px;
}*/
.covid19message h2 strong{
    font-family: 'Gotham-Bold';
}
.covid19message .light-bg, .steptocleanposterminals .light-bg{
  background: #f1f4f7;
  margin-bottom: 0;
}
.covid19message .light-bg2, .steptocleanposterminals .light-bg2{
  background: #f9f9fa;
  color: #003366;
}
.covid19message .light-bg3{
    background: #e0e4ec;
}
.covid19message .bg-4{
    background: #ecedf2;
}
.covid19message .bg-5{
    background: #e6e6ed;
}
.covid19message .say-slider .owl-item{
  padding: 40px 60px;
}
.covid19message .say-slider .item{
  border: 7px solid #f16667;
  padding: 15px 15px 8px;
  text-align: center;
  display:-webkit-box;
  display:-ms-flexbox;
  -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;display:flex;
}
.covid19message .say-slider p.blank{display: none;}
.covid19message .say-slider .owl-item:before,
.covid19message .say-slider .owl-item:after{
  background: url('https://www.network.ae/public/frontend/images/quote.svg') no-repeat;
  content: '';
  width: 79px;
  height: 57px;
  position: absolute;
}
.covid19message .say-slider h6{
  color: #003366;
  margin: auto 0 0;
}
.covid19message .say-slider h6 span{
    display: block;
    margin: 5px 0 0;
    font-family: 'Gotham-Light';
}
.covid19message .say-slider .owl-item:before{
  left: 10px;
  top: 30px; 
}
.covid19message .say-slider .owl-item:after{
  right: 10px;
  bottom: 30px; 
  transform: rotate(180deg);
}
.covid19message .say-slider .item:before,
.covid19message .say-slider .item:after{
  border-left: 7px solid #f16667;
  background: #f3f3f6;
  content: '';
  width: 60px;
  height: 60px;
  position: absolute;
}
.covid19message .say-slider .item:before{
  right: 37px;
  top: 12px;
  transform: rotate(-49deg); 
}
.covid19message .say-slider .item:after{
  left: 37px;
  bottom: 13px;
  transform: rotate(132deg);
}
.covid19message .help-list{
  margin-bottom: 40px;
}
.list-steps{
  color: #003366;
  margin-bottom: 20px;
}
.list-steps img{
  margin-right:  10px;
  -ms-flex-negative:0;
  flex-shrink: 0;
  width: 67px;
}
.list-steps li{
  margin: 0 0 20px;
  display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.covid19message .inner-spotlight, .steptocleanposterminals .inner-spotlight{
    max-height: 350px;
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
    align-items: center;
}
.steptocleanposterminals .spot-content.inner-spotlight{
    display: none;
}
.wrap-circle{
  padding: 50px 50px 15px;
  font-size: 16px;
}
.wrap-clinic{
  background: url('../images/map-bg.png') no-repeat center center;
  background-size: cover;
  display: -webkit-box;display: -ms-flexbox;display: flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding: 20px 0 60px;
}
.wrap-clinic .circle{
  background: url('../images/circle-red.svg') no-repeat;
  background-size: 100%;
  width: 275px;
  height: 275px;
  padding: 15px;
  margin: 10px auto;
  position: relative;
}
.wrap-clinic .circle:before{
  background: url('../images/lines-red.svg') no-repeat;
  background-size: 100%;
  content: '';
  position: absolute;
  left: -40px;
  top: 25px;
  width: 72px;
  height: 20px;
  z-index: 0;
}
.wrap-clinic .circle-2{
  background-image: url('../images/circle-blue.svg');
}
.wrap-clinic .circle-2:before{
  background-image: url('../images/lines-blue.svg');
  top: auto;
  bottom: 25px;
}
.wrap-clinic .circle-3{
  background-image: url('../images/circle-blue2.svg');
  background-position: center 4px;
}
.wrap-clinic .circle-3:before{
  background-image: url('../images/lines-blue2.svg');
}
.wrap-clinic .circle .inner{
  background: #f16667;
  border-radius: 50%;
  border: 2px solid #df5f60;
  box-shadow: 10px 10px 15px rgba(0,0,0,.25);
  padding: 24px;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}
.wrap-clinic .circle-2 .inner{
  background: #42b7e6;
  border-color: #3daad6;
}
.wrap-clinic .circle-3 .inner{
  background: #1a3564;
  border-color: #18315d;
}
.wrap-clinic .circle .inner p, .wrap-clinic .circle .inner h3{
  color: #fff;  
}
.wrap-clinic h3{
  font-family: 'Gotham-Bold';
  font-size: 20px;
  margin: 0 0 5px;
}
.wrap-clinic .owl-nav div{
    position: absolute;
    top: 43%;
    font-size: 26px;
    color: #003366;
}
.wrap-clinic .owl-nav div:before{
    font-family: network;
}
.wrap-clinic .owl-nav .owl-next{
    right: 0;
}
.wrap-clinic .owl-nav .owl-prev{
    left: 0;
}
.wrap-clinic .owl-nav .owl-next:before{
    content: '\e80b';
}
.wrap-clinic .owl-nav .owl-prev:before{
    content: '\e80a';
}
.steptocleanposterminals .columns{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.steptocleanposterminals .col-item{
    padding: 40px;
    width: 50%;
}
.steptocleanposterminals .bottom .col-item{
    padding-top: 0;
}
.steptocleanposterminals .top .col-item{
    padding-bottom: 0;
}
.steptocleanposterminals .columns:nth-child(2) .col-item{
    padding-top: 20px;
    padding-bottom: 20px;
}
.steptocleanposterminals .col-item:last-child{
    background: #f0f0f1;
}
@media (min-width: 767px) and (max-width: 991px){
  .wrap-clinic .circle{
    margin: 5px auto;
    padding: 12px;
  }
  .wrap-clinic .circle .inner{
    padding: 18px;
  }
  .wrap-clinic .circle .inner p{
    font-size: 12px;
  }
  .wrap-clinic .circle .inner h3{
    font-size: 15px;
  }
  .wrap-clinic .circle{
    width: 225px;
    height: 225px;
  }
}
@media (max-width: 1199px){
  .wrap-clinic .circle:before{
    left: -10px;
  }
}
@media (max-width: 767px){
    .steptocleanposterminals .columns{
        display: block;
    }
    .steptocleanposterminals .columns.top, .steptocleanposterminals .columns.bottom{
        display: none;
    }
    .steptocleanposterminals .col-item{
        padding: 20px;
        width: 100%;
    }
    .covid19message .page-spotlight .container{
        display: block;
    }
    .covid19message .inner-spotlight{
        background-position: 38% 100%;
    }
    .covid19message .say-slider .owl-item.active{
        z-index: 1;
    }
    .covid19message .say-slider p, .covid19message .say-slider h6{
        position: relative;
        z-index: 2;
    }
    .covid19message .say-slider h6{
        padding: 0 15px;
    }
    .say-slider h6{font-size:15px;}
  .wrap-circle{
    padding: 15px;
  }
  .wrap-clinic{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
    flex-direction: column;
  }
  .wrap-clinic .circle{
    margin: 5px auto;
  }
  .covid19message .ng-spotCaption h1, .steptocleanposterminals .ng-spotCaption h1{
    margin: 0;
  }
}
@media (max-width: 575px){
    .covid19message .say-slider{
        padding: 15px;
    }
    .covid19message .say-slider .owl-nav .owl-prev{
        left: 7px;
    }
    .covid19message .say-slider .owl-nav .owl-next{
        right: 7px;
    }
    .covid19message .say-slider .owl-item{
        padding: 10px;
    }
    /*.covid19message .say-slider .item{
        padding: 15px;
    }*/
    .covid19message .say-slider .owl-item:before {
        left: -7px;
        top: -12px;
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
    }
    .covid19message .say-slider .owl-item:after {
        right: -10px;
        bottom: -2px;
        -webkit-transform: rotate(180deg) scale(.6);
        -ms-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6);
    }
    .covid19message .say-slider .item:before {
        right: -12px;
        top: -18px;
    }
    .covid19message .say-slider .item:after {
        left: -13px;
        bottom: -17px;
    }
}
@media (min-width: 768px){
    .steptocleanposterminals .d-md-none{
        display: none;
    }
}
@media (min-width: 1200px){
    .steptocleanposterminals .tech-wrap.light-bg2 .col-lg-6:last-child:before{
        content: '';
        background: #fff;
        position: absolute;
        left: -2px;
        top: 0;
        width: 5px;
        height: 100%;
    }
    .list-steps li{
        min-height: 60px;
    }
}
@media (min-width: 1300px){
    .wrap-clinic{
        padding: 20px 40px 60px;
    }
    .covid19message .say-slider{
        padding: 0 40px;
    }
}
@media (min-width: 1400px){
    .covid19message .wrap-heads{
        margin-top: 150px;
    }
}
.covid19message .inner-spotlight .spot-content {
    display: none;
}
/* End Covid message*/
.nvideo .content-wrap{padding:15px;}
.nvideo .content-wrap h2{margin-bottom:0px;}
.owl-nav .disabled{
    cursor: default;
}

/*---------------------------------------------*/

.inner-spotlight .owl-nav div{
  border-radius: 0px;
  border:none;
  width: 56px;
  height: 56px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  text-align: center;
  line-height: 56px;
  margin-top: -33px;
}

.inner-spotlight .owl-nav div:before { 
    content: "\f107";
    font-family: FontAwesome;
    color: #002e5d;
    position: absolute;
    font-size: 58px;
    transform: rotate(-90deg);
} 
.inner-spotlight .owl-nav div.owl-prev{
  transform: rotate(-180deg);
  left: 15px;
}
.inner-spotlight .owl-nav div.owl-next{
  right: 15px;
}


body.ng-contents .inner-spotlight .ng-spotCaption {
position: absolute;
    /*bottom: calc(-70px);*/
    bottom: calc(-120px);
    left: 0px;
    padding-left: 0px;
    width: 100%;
}


.inner-spotlight .ng-spotCaption .ng-img{max-width:372px;}
body.prepaidcardsolutions .inner-spotlight .ng-spotCaption {
position: absolute;
     bottom: calc(195px);
    left: 0px;
    padding-left: 0px;
    width: 100%;
}
.inner-spotlight p{
    color: #FF6666;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Gotham-Medium';
    letter-spacing: -1px;
}
.inner-banner p{
    color: #FF6666;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Gotham-Medium';
    letter-spacing: -1px;
}
.inner-spotlight h2{
     font-family: 'montserratthin';
    font-weight: bold;
  font-size: 70px;
  color: #002e5d;
  margin: 0 0 15px;
      line-height: 50px;
}
.inner-spotlight h3{
    font-family: 'Gotham-Bold';
    font-size: 65px;
    color: #FF6666;
    margin: 0 0 15px;
}
.bg-grey{
  background-color: #f2f2f2;
}
.top-content-sec{
  padding:0px;
}
.bg-white{
  background-color: #fff;
}
.p-50{
  padding: 50px 65px;
}
.top-content-sec h2{
    font-size: 30px;
    line-height: 32px;
    color: #113c68;
    font-family: 'Gotham-Medium';
    margin: 0 0 18px;
}

.top-content-sec p {
    font-size: 16px;
    line-height: 22px;
    color: #274770;
    font-family: 'Gotham-Light';
}

.top-content-sec .btn{
    background-color: #FF6666;
    padding: 3px 20px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 20px;
    display: inline-block;
    margin: 5px 0;
    font-family: 'Gotham-Medium';
}
.top-content-sec .btn:hover{
    background-color: #274770;
    color: #fff;
}

.ceo-wrap{
  padding: 190px 0;
  background-image: url(../images/sub-banner-new1.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.ceo-wrap h2{
    font-family: 'Gotham-Light';
    font-size: 38px;
    color: #274770;
    margin: 0 0 20px
}
.ceo-wrap h2 strong{
      font-family: 'Gotham-Medium';   
}
.ceo-wrap p{
      font-family: 'Gotham-Medium';   
    font-size: 18px;
    color: #274770;
}

.how-it-warp h2{
    font-family: 'Gotham-Light';
    font-size: 38px;
    color: #ff595e;
    margin: 0 0 20px;
    line-height:30px;
}
.how-it-warp h2 strong{
      font-family: 'Gotham-Medium';  
      display: block;
}
.how-it-warp h3{
    font-family: 'Gotham-Medium';  
    font-size: 23px;
    color: #274770;
    margin: 0 0 20px
}
.how-it-warp p {
    font-size: 16px;
    line-height: 22px;
    color: #274770;
    font-family: 'Gotham-Light';
}
.red-bg{
  background-color: #FF6666;
}
.dark-grey-bg{
  background-color: #e6eaef;
}
.benefits-list-wrap .dark-grey-bg{
  background-color: #ccd5df;
}

body.loyaltysolutionsnew .benefits-list-wrap .dark-grey-bg{
  background-color: #e6ebef;
}


.cards-list-wrap h3{
      font-family: 'Gotham-Medium';  
    font-size: 23px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.cards-list-wrap p{
    font-family: 'Gotham-Medium';
    font-size: 14px;
    color: #fff;
    margin: 0 0 10px;
    line-height: 21px;
}

.cards-list-wrap a{
font-family: 'Gotham-Light';
    font-size: 15px;
    color: #fff;
    margin: 22px 0 10px;
    display: inline-block;
}
.downlink{
font-family: 'Gotham-Light';
    color: #fff;
    font-size: 17px;
    padding: 0 0 14px;
    position: relative;
    margin: 15px 0 0;
    cursor: pointer;
}
.downlink:after{
 content: "\f107";
 font-family: FontAwesome;
 position: absolute;
 width: 100%;
 text-align: center;
 bottom: 0px;
 left: 0px;
}
 .cards-list-wrap .row > .col-md-6{
padding-left: 30px;
}  
.cards-list-wrap .row > .col-md-6:first-child{
position: relative;
padding-left: 15px;
}
 .cards-list-wrap .collapse-bx .row.first-row > .col-md-6:first-child:after {
    height: 140px;
    width: 1px;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0px;
    right: 0px;
    }
 .cards-list-wrap .collapse-bx.full-view .row.first-row > .col-md-6:first-child:after {
    display: none;
    }    
.benefits-list-wrap h2{
font-family: 'Gotham-Medium';
    color: #274770;
    margin: 0 0 22px;
}

.benefits-list-wrap .dark-grey-bg .row .col-md-4:nth-child(2){
  position: relative;
}
.benefits-list-wrap .dark-grey-bg .row .col-md-4:nth-child(2):before{
    height: 100%;
    width: 1px;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0px;
    left: -5px;
}
.benefits-list-wrap .dark-grey-bg .row .col-md-4:nth-child(2):after{
    height: 100%;
    width: 1px;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0px;
    right: 0px;
}


.benefits-list-wrap ul{
position: relative;
}
.benefits-list-wrap li {
    width: 100%;
    float: left;
    min-height: 110px;
}

.benefits-list-wrap li figure {
    float: left;
    width: 33%;
    margin-right: 14px;
    margin: 0;
    padding: 0;
}
.benefits-list-wrap li .figcaption {
float: left;
    width: 64%;
    font-family: 'Gotham-Light';
    font-size: 15px;
    color: #274770;
    margin: 0 0 10px;
    line-height: 21px;
    padding-top: 10px;
}


.collapse-bx .first-view{

  display: none;

  }
.collapse-bx.full-view .first-view{

  display: block;

  }
 .cards-list-wrap .collapse-bx.full-view .first-view.scond-row.row .col-md-6:first-child{
    position: relative;
  }
 .cards-list-wrap .collapse-bx.full-view .first-view.scond-row.row .col-md-6:first-child:after {
      height: 124%;
    width: 1px;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0px;
    right: 0px;
    } 
  .cards-list-wrap .collapse-bx.full-view .downlink{
  width: 150px;
  height: 50px;
  text-indent: 0px;
  color: transparent;
}

.cards-list-wrap .collapse-bx.full-view .downlink:after{
  transform: rotate(180deg);
  color: #fff;
  bottom: 21px;
      text-indent: 0;
}
.card-list-down li {
    position: relative;
    padding-left: 23px;
}
.card-list-down li:before{
content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    width: auto;
    text-align: center;
    top: -5px;
    left: 4px;
    font-size: 16px;
    color: #fff;
    transform: rotate(270deg);
}
.card-list-down li h4{
    color: #fff;
    font-family: 'Gotham-Medium';
    font-size: 13px;
}
.card-list-down li p{
    color: #fff;
    font-family: 'Gotham-Light';
    font-size: 12px;
}
.prepaid-solution-wrap{
padding: 50px 0;
}
.prepaid-solution-wrap h2 {
    font-family: 'Gotham-Light';
    font-size: 38px;
    color: #ff595e;
    margin: 0 0 40px;
    line-height: 37px;
}
.prepaid-solution-wrap h2 strong {
    font-family: 'Gotham-Medium';
    display: block;
}
.pl-50{
padding-left: 80px;
}
ul.solution-list li{
 margin: 0 0 25px; 
}
ul.solution-list li figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  cursor: default;
}
ul.solution-list li figure h2{
  color: #002e5d;
    font-family: 'Gotham-Medium';
    font-size: 25px;  
    position: absolute;
    left:0px;
    top: 0px;
    padding: 20px;
    z-index: 1;
        -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
ul.solution-list li:hover figure h2{
  opacity: 0;
        -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
ul.solution-list li figure figcaption{
 position: absolute;
 top: 100%;
 height: 100%;
 width: 100%;
 opacity: 0;
 z-index: 2;
 padding: 20px;
 cursor: default;
 background-color: rgba(255,88,93,0.8);
 left: 0px; 
    line-height: 29px; 
 font-size: 24px;
     font-family: 'Gotham-Medium';
 color: #fff;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
ul.solution-list li:hover figure figcaption{
 top: 0;
 height: 100%;
 width: 100%;
  cursor: default;
 opacity: 1; 
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}


.mobile-view{
  display: none;
}

.desktop-view{
    display: block;
}


 body.prepaidcardsolutions  .inner-spotlight {
     min-height: 560px;
    max-height: 560px;
}

/*loyalty---wrap----*/
body.loyalty-wrap .inner-banner .ng-spotCaption {
    position: absolute;
    bottom: calc(33%);
    left: 0px;
    padding-left: 0px;
    width: 100%;
}
body.loyalty-wrap .inner-banner h2{
     font-family: 'Gotham-Medium';
    font-weight: normal;
  font-size: 70px;
  color: #002e5d;
  margin: 0 0 15px;
      line-height: 50px;
}
body.loyalty-wrap .inner-banner h2 span{
     font-family: 'Gotham-Medium';
    font-weight: normal;
  font-size: 70px;
  color: #ff5959;
  margin: 0 0 15px;
      line-height: 50px;
}
body.loyalty-wrap .ceo-wrap {
    padding: 50px 0;
    background-image: url(../images/sub-banner2.jpg);
    min-height: 490px;
}
.collapse-bx .first-view1{
  display: none;
}
.collapse-bx .first-view2{
  display: none;
}
.collapse-bx .click-view1.full-view1 .first-view1{
  display: block;
}
.collapse-bx .click-view2.full-view2 .first-view2{
  display: block;
}
.downlink1{
font-family: 'Gotham-Light';
    color: #fff;
    font-size: 17px;
    padding: 0 0 14px;
    position: relative;
    margin: 15px 0 0;
    cursor: pointer;
}
.downlink1:after{
 content: "\f107";
 font-family: FontAwesome;
 position: absolute;
 width: 100%;
 text-align: center;
 bottom: 0px;
 left: 0px;
}
.downlink2{
font-family: 'Gotham-Light';
    color: #fff;
    font-size: 17px;
    padding: 0 0 14px;
    position: relative;
    margin: 15px 0 0;
    cursor: pointer;
}
.downlink2:after{
 content: "\f107";
 font-family: FontAwesome;
 position: absolute;
 width: 100%;
 text-align: center;
 bottom: 0px;
 left: 0px;
}

body.loyalty-wrap .cards-list-wrap .click-view1.full-view1 .downlink1{
  width: 150px;
  height: 50px;
  text-indent: 0px;
  color: transparent;
}

body.loyalty-wrap .cards-list-wrap .click-view1.full-view1 .downlink1:after{
  transform: rotate(180deg);
  color: #fff;
  bottom: 21px;
      text-indent: 0;
}

body.loyalty-wrap .cards-list-wrap .click-view2.full-view2 .downlink2{
  width: 150px;
  height: 50px;
  text-indent:0px;
  color: transparent;
}

body.loyalty-wrap .cards-list-wrap .click-view2.full-view2 .downlink2:after{
  transform: rotate(180deg);
  color: #fff;
  bottom: 21px;
      text-indent: 0;
}

body.loyalty-wrap .cards-list-wrap .collapse-bx .row.first-row > .col-md-6:first-child:after {
    display: none;
    }
body.loyalty-wrap .cards-list-wrap .collapse-bx.full-view .row.first-row > .col-md-6:first-child:after {
    display: none;
    }    
body.loyalty-wrap .cards-list-wrap .collapse-bx .row.first-row{
  position: relative;
  overflow: hidden;
}
body.loyalty-wrap .cards-list-wrap .collapse-bx .row.first-row:after {
height: 70%;
    width: 2px;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    content: "";
    bottom: 0px;
    left: 50%;
    }
body.loyalty-wrap .bx-card-list{
  text-align: center;
}
body.loyalty-wrap .bx-card-list figure{
  text-align: center;
}
body.loyalty-wrap .bx-card-list figure img{
margin: 0 auto;
}

body.loyalty-wrap .cards-list-wrap .row .col-md-6{
  text-align: center;
}
body.loyalty-wrap .cards-list-wrap h3 {
    font-family: 'Gotham-Light';
    font-size: 20px;   
}
body.loyalty-wrap .cards-list-wrap p {
    font-family: 'Gotham-Light';

}


body.loyalty-wrap .benefits-list-wrap .dark-grey-bg{
  background-color: #e6ebef;
}
body.loyalty-wrap .benefits-list-wrap li {
    width: 100%;
    float: left;
    min-height: 180px;
}
body.loyalty-wrap .benefits-list-wrap li .figcaption {
    font-family: 'Gotham-Medium';
    font-size: 15px;
    color: #274770;
    margin: 0 0 20px;
    float: left;
}
body.loyalty-wrap .benefits-list-wrap li figure {
    float: left;
    width: 35%;
}
body.loyalty-wrap .benefits-list-wrap h2 {
    margin: 0 0 50px;
}

body.loyalty-wrap .solution-wrap h2 {
    margin: 0 0 50px;
    font-family: 'Gotham-Medium';
    color: #274770;
    margin: 0 0 50px;
}
.solution-wrap{
padding: 40px 0;
}

.solution-wrap li{
  text-align: center;
}

.solution-wrap li:before {
    height: 100%;
    width: 1px;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0px;
    left: -5px;
}
.solution-wrap li:first-child:before {
 display: none;
}
.solution-wrap li figure{
    text-align: center;
    display: block;
    margin: 0 0 30px;
}
.solution-wrap li figure img{
margin: 0 auto;
}
.solution-wrap li .figcaption{
    font-family: 'Gotham-Medium';
    font-size: 18px;
    color: #274770;
    margin: 0 0 20px;
    display: block;
    padding: 0 40px;
}



@media only screen and (max-width: 991px) {
body.loyalty-wrap .cards-list-wrap .collapse-bx .row.first-row:after{
  
 display: none;
}
}
@media only screen and (max-width: 767px) {
    .mobile-view{
        display: block!important;
    }
    .desktop-view{
        display: none!important;
    }

body.loyalty-wrap .cards-list-wrap .desktop-view{
  display: block!important;
}


}


/*loyalty---wrap----*/


@media (max-width: 1199px) {
.inner-spotlight h2 {
      font-size: 54px;
    line-height: 30px;
}
.inner-spotlight h3 {
      font-size: 47px;
}
.inner-spotlight .ng-spotCaption {
    position: absolute;
    bottom: calc(23%);
  }
}


@media (max-width: 991px) {
.desktop-view.full-view .row.scond-row {
    display: flex!important;
}
.desktop-view .first-view.scond-row{
   display: none;
}
.p-50 {
    padding: 20px 25px;
}
.pl-50 {
    padding-left: 15px;
}
ul.solution-list li figure h2 {
    font-size: 19px;
     padding: 10px;
}
ul.solution-list li figure figcaption {
    padding: 10px;   
    line-height: 24px;
    font-size: 18px;
}
.inner-spotlight h2 {
    font-size: 37px;
    line-height: 30px;
}
.inner-spotlight .container {
    padding-right: 50px;
    padding-left: 50px;
}
.inner-spotlight h3 {
    font-size: 38px;
}
}
@media (max-width: 767px) {

.ceo-wrap {
    padding: 100px 0;
    background-position: 0% 0px;
}
.mobile-view{
  display: block;
}

.desktop-view{
    display: none;
}
.inner-spotlight h2 {
    font-size: 26px;
    line-height: 20px;
    text-shadow: 5px 1px 10px rgba(255, 255, 255, 1);
}
.inner-spotlight h3 {
    font-size: 30px;
    text-shadow: 5px 1px 10px rgba(255, 255, 255, 1);
}
.top-content-sec h2 {
    font-size: 25px;
    line-height: 27px;
    margin: 0 0 18px;
}
.ceo-wrap h2 {
    font-size: 29px;
    color: #1a3e6d;
}
.ceo-wrap p {
    font-size: 16px;
        color: #1a3e6d;
}
.how-it-warp h2 {
      font-size: 30px;
    line-height: 29px;
}
.p-50 {
    padding: 20px;
}
.prepaid-solution-wrap h2 {
    font-size: 30px;
    margin: 0 0 23px;
    line-height: 30px;
}
.prepaid-solution-wrap {
    padding: 25px 0;
}
.benefits-list-wrap li figure {
    float: left;
    width: 85px;
}
ul.solution-list  {
 padding-top: 0px;
}
ul.solution-list li {
    margin: 0 0 25px;
    width: 100%;
}
ul.solution-list li figure {
    width: 100%;
}
ul.solution-list li figure img {
    width: 100%;
}
.inner-spotlight p, .inner-banner p  {
    font-size: 16px;
    text-shadow: 5px 1px 10px rgba(255, 255, 255, 1);
}
body.loyalty-wrap .benefits-list-wrap li {
    min-height: 0;
    margin: 0 0 25px;
}
}



/*loyalty-responsive*/
@media (max-width: 1299px) {
body.loyalty-wrap .inner-banner h2 {
    font-size: 58px;
     line-height: 43px;
}
body.loyalty-wrap .inner-banner h2 span {
    font-size: 58px;
    line-height: 43px;
}
}
@media (max-width: 1199px) {
body.loyalty-wrap .benefits-list-wrap li figure {
    float: left;
    width: 35%;
    padding-right: 10px;
}
body.loyalty-wrap .benefits-list-wrap li .figcaption {
    font-size: 12px;
}
body.loyalty-wrap .solution-wrap li .figcaption {
    font-size: 14px;
    padding: 0 10px;
}
}
@media (max-width: 991px) {
body.loyalty-wrap ul.solution-list li figure h2 {
    font-size: 16px;
    padding: 10px;
    line-height: 20px;
}
}

@media (max-width: 768px){
body.loyalty-wrap .page-spotlight .item img {
    display: block;
}
}



@media (max-width: 767px) {
body.loyalty-wrap .inner-banner h2 span {
    font-size: 32px;
    line-height: 22px;
}
body.loyalty-wrap .ceo-wrap {
    min-height: 200px;
    background-position: 0;
    background-size: cover;
}
body.loyalty-wrap .benefits-list-wrap .dark-grey-bg .row .col-md-4:nth-child(2):before{
  display: none;
}
.benefits-list-wrap .dark-grey-bg .row .col-md-4:nth-child(2):after {
  display: none;
}
.solution-wrap li {
    padding-top: 15px;
}
.solution-wrap li:first-child:before {
    height: 1px;
    width:100%;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0px;
    left:0px;
    display: block;
}
.solution-wrap li:before {
    height: 1px;
    width:100%;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0px;
    left:0px;
}

body.loyalty-wrap .inner-banner .ng-spotCaption {
    bottom: calc(2%);
  }
body.loyalty-wrap .inner-banner h2 {
    font-size: 28px;
    line-height: 13px;
}
body.loyalty-wrap .inner-banner h2 span {
    font-size: 26px;
    line-height: 17px;
}
body.loyalty-wrap .top-content-sec h2 {
    font-size: 21px;
    line-height: 23px;
    margin: 0 0 18px;
}
body.loyalty-wrap .benefits-list-wrap li .figcaption br, 
body.loyalty-wrap ul.solution-list li figure h2 br,
body.loyalty-wrap ul.solution-list li figure figcaption br{
    display: none;
}
body.loyalty-wrap ul.solution-list li figure h2, 
body.loyalty-wrap ul.solution-list li figure figcaption {
     text-align: left;
 
}
body.loyalty-wrap .solution-wrap li {
    padding-top: 15px;
    padding-bottom: 15px;
}
body.loyalty-wrap .solution-wrap li figure {
     margin: 0 0 10px;
}
body.loyalty-wrap ul.solution-list {
    padding-top: 0px;
    padding-bottom: 0;
}
body.loyalty-wrap .benefits-list-wrap h2 {
    margin: 0 0 20px;
    font-size: 23px;
}
body.loyalty-wrap .solution-wrap h2 {
    margin: 0 0 0;
    font-size: 25px;
}
}
/*loyalty-responsive*/

.issuer-slider.owl-carousel .owl-stage-outer{
    height: auto!important;
}


section.section-video .video-wrapper{
display: block;
}

section.section-video .mob-video-wrapper{
    display: none;
}



@media (max-width: 1199px){
section.section-video .video-wrapper{
display: none;
}

section.section-video .mob-video-wrapper{
    display: block;
}

section.section-video .mob-video-wrapper video.mob-video {
  width: 100%;
}

}



html.safari section.section-video .mob-video-wrapper{
    display: block;
}
html.no-smil section.section-video .mob-video-wrapper video.mob-video,
html.safari section.section-video .mob-video-wrapper video.mob-video{
 width: 100%;    
}


html.safari section.section-video .video-wrapper{
    display: none;
}

html.no-smil section.section-video .mob-video-wrapper{
    display: none;
}
html.no-smil section.section-video .video-wrapper{
        display: block;
}


@media (max-width: 767px){

.signup-wrapper a.btn {
    padding-right: 13px;
    padding: 15px;
    display: inline-flex;
}
.btn.btn-signup.enquiry10 {
width: 180px;
}
.signup-wrapper .btn img {
    width: 30px;
    margin-right: 5px;
    display: inline-block;
}
.signup-wrapper .btn span {
    white-space: pre-line;
}
}

.ngenius-slider .item .features-wrapper .n-geniusonline .icon img{
    width: auto;
    height: auto;
}
.features-wrapper .item .icon {
    height: 72px;
}


.owl-carousel.feature-slider .owl-nav>div {
    position: absolute;
    top: 35%;
}

.row.owl-carousel.feature-slider{
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.owl-carousel.feature-slider .owl-nav>div.owl-next {
    right: 10px;
}
.owl-carousel.feature-slider .owl-nav>div.owl-prev {
    left: 10px;
}

/*----issuance---21-10-2020*/

body.card-issuance .inner-banner p {
      margin-bottom: 25px;
}

body.card-issuance .inner-banner h2{
  font-family: 'Gotham-Light';
    font-weight: normal;
  font-size: 70px;
  color: #002e5d;
       margin: 0 0 18px;
    line-height: 50px;
}
body.card-issuance .inner-banner h2 span{
  font-family: 'Gotham-Bold';
    font-weight: normal;
  font-size: 70px;
  color: #ff5959;
  margin: 0 0 15px;
      line-height: 50px;
}

body.card-issuance .top-content-sec h2{
  font-family: 'Gotham-Medium';
}
/*body.card-issuance .top-content-sec p {
  font-family: 'Gotham-Medium';
}*/

body.card-issuance .how-it-warp h3 {
    font-size: 23px;
    line-height: 27px;
}

body.card-issuance .bg-grey {
    background-color: #f2f2f2;
}

body.card-issuance .how-it-warp p {
    font-size: 19px;
    line-height: 30px; 
}


.features-inner.n-geniusonline.no-full-width .row .item:last-child {
flex: 0 0 50%;
    max-width: 50%;
    border-top: 1px solid rgba(0, 45, 92, 0.15);
    border-left: none;
    display: block!important;
    margin-top: 0;
    border-left: 1px solid rgba(0, 45, 92, 0.15);

}

.real-time figure {
 text-align: center;
 position: relative; 
 display: block; 
}

body.card-issuance .how-it-warp.real-time p{
font-family: 'Gotham-Light';
    font-size: 20px;
    line-height: 30px;    
}

.real-time figure span {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #FF6666;
    border-radius: 46px;
    line-height: 40px;
    color: #fff;
    font-size: 23px;
    left: 0;
    font-family: 'Gotham-Medium';
    top: -22px;
}
.real-time figcaption {
    text-align: left;
    padding: 0 33px 0 0;
    color: #002e5d;
font-family: 'Gotham-Light';
    font-size: 18px;
    line-height: 23px;
}

.real-time figure  {
    text-align: center;
    margin: 50px 0;
    padding: 0 18px;
    min-height: 85px;
}


body.card-issuance .cards-list-wrap .red-bg h2 {
    color: #fff;
    font-size: 34px;
font-family: 'Gotham-Light';
    margin: 0 0 34px;
}
body.card-issuance .cards-list-wrap .red-bg h2 span{
   font-family: 'Gotham-Bold';
    margin: 0;
}


body.card-issuance .cards-list-wrap p {
    font-family: 'Gotham-Medium';
    font-size: 14px;
    color: #fff;
    margin: 0 0 10px;
    line-height: 21px;
}
body.card-issuance .cards-list-wrap p {
    font-family: 'Gotham-Light';
}
body.card-issuance .red-dark-bg {
    background-color: #f2565d;
}


body.card-issuance .downlink{
font-family: 'Gotham-Light';
    color: #fff;
    font-size: 17px;
    padding: 0 0 14px;
    position: relative;
    margin:0px 0 15px;
    cursor: pointer;
        width: 150px;
    height: 50px;
    text-indent: 0px;

}
body.card-issuance .downlink:after{
content: "Learn More";
    width: auto;
      font-family: 'Gotham-Light';
    border: 1px solid #fff;
    text-align: center;
    position: absolute;
    width: 134px;
    text-align: center;
    bottom: 0px;
    left: 0px;
    padding: 5px 15px;
}


body.card-issuance .downlink2{
font-family: 'Gotham-Light';
    color: #fff;
    font-size: 17px;
    padding: 0 0 14px;
    position: relative;
    margin: 0 0 15px;
    cursor: pointer;
        width: 150px;
    height: 50px;
    text-indent: 0px;
}
body.card-issuance .downlink2:after{
    content: "Learn More";
     font-family: 'Gotham-Light';
    width: auto;
    border: 1px solid #fff;
    text-align: center;
    position: absolute;
    width: 134px;
    text-align: center;
    bottom: 0px;
    left: 0px;
    padding: 5px 15px;
}

body.card-issuance .cards-list-wrap .click-view.full-view .downlink{
  width: 150px;
  height: 50px;
  text-indent: 0px;
  font-family: 'Gotham-Light';
}

body.card-issuance .cards-list-wrap .click-view.full-view .downlink:after{
 content: "Close";
  font-family: 'Gotham-Light';
}

body.card-issuance .cards-list-wrap .click-view2.full-view2 .downlink2:after {
    content: "Close";
        transform: rotate(0deg);
    color: #fff;   
    text-indent: 0;
}


body.card-issuance .cards-list-wrap .click-view2.full-view2 .downlink2{
  width: 150px;
  height: 50px;
  text-indent:0px;
    font-family: 'Gotham-Light';
}

body.card-issuance .cards-list-wrap .click-view2.full-view2 .downlink2:after{
 content: "Close";
   font-family: 'Gotham-Light';
   bottom: 0;
}

body.card-issuance .cards-list-wrap .red-dark-bg .row.first-row > .col-md-6:first-child:after {
    display: none;
    }
body.card-issuance .cards-list-wrap .red-dark-bg.full-view .row.first-row > .col-md-6:first-child:after {
    display: none;
    }    
body.card-issuance .cards-list-wrap .red-dark-bg .row.first-row{
  position: relative;
  overflow: hidden;
}
body.card-issuance .cards-list-wrap .red-dark-bg .row.first-row:after {
height: 70%;
    width: 2px;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    content: "";
    bottom: 0px;
    left: 50%;
    }
body.card-issuance .bx-card-list{
  text-align: center;
}
body.card-issuance .bx-card-list figure{
  text-align: center;
}
body.card-issuance .bx-card-list figure img{
margin: 0 auto;
}

body.card-issuance .cards-list-wrap .row .col-md-6{
  text-align: center;
}
body.card-issuance .cards-list-wrap h3 {
    font-family: 'Gotham-Light';
    font-size: 20px;   
}
body.card-issuance .cards-list-wrap p {
    font-family: 'Gotham-Light';

}
body.card-issuance .cards-list-wrap .bx-card-list h3{
  font-family: 'Gotham-Bold';
    color: #fff;
    margin: 0 0 5px;
    font-size: 0px;
    text-transform: uppercase;
    font-size: 18px;
}
body.card-issuance .cards-list-wrap .bx-card-list h2{
  font-family: 'Gotham-Bold';
    color: #fff;
    margin: 0 0 30px;
    font-size: 0px;
    text-transform: uppercase;
    font-size: 22px;
}

body.card-issuance .cards-list-wrap .red-bg p {
    text-align: left;
    padding: 0 33px 0 0;
    color: #ffffff;
    font-size: 21px;
    line-height: 28px;
}
body.card-issuance .benefits-list-wrap .dark-grey-bg{
  background-color: #f2f2f2;
}
body.card-issuance .benefits-list-wrap li {
    width: 100%;
    float: left;
    min-height:0px;
}
body.card-issuance .benefits-list-wrap li .figcaption {
  font-family: 'Gotham-Light';
    font-size: 16px;
    color: #274770;
    margin: 0 0 20px;
    float: left;
    padding-top: 0px;
        width: 63%;
    padding-left: 15px;
   
}
body.card-issuance .benefits-list-wrap li .figcaption br{
    display:none;
}
body.card-issuance .benefits-list-wrap li .figcaption h4 { 
      font-family: 'Gotham-Medium';
    margin: 0 0 10px;
    line-height: 21px;
    font-size: 17px;
   
}
body.card-issuance .benefits-list-wrap .col-md-4 ul li:first-child .figcaption{
     min-height: 195px;
}


body.card-issuance .benefits-list-wrap li figure {
    float: left;
    width: 35%;
    text-align: right;
}
body.card-issuance .benefits-list-wrap li figure img {
   float: right;
}
body.card-issuance .benefits-list-wrap h2 {
    margin: 0 0 50px;
}

body.card-issuance .solution-wrap h2 {
    margin: 0 0 50px;
    font-family: 'Gotham-Medium';
    color: #274770;
    margin: 0 0 50px;
}

body.card-issuance .first-view.scond-row, body.card-issuance .first-view2.scond-row  {
    display: none;
}


ul.model-list{
  display:  block;

}
ul.model-list li{
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Gotham-Light';
    position: relative;
    text-align: left;
    padding: 0 0 0 17px;
}
ul.model-list li:before {
    content: ".";
    font-size: 53px;
    position: absolute;
    left: 0px;
    top: -40px;
    color: #fff;
}


body.card-issuance .benefits-list-wrap h2 {
    margin: 0 0 50px;
}

.dark-grey-bg {
    background-color: #e6eaef;
}
body.card-issuance .why-issuance-wrap h2 {
    font-family: 'Gotham-Medium';
    color: #274770;
    margin: 0 0 50px;
}


body.card-issuance .col-md-3 .click-box{
overflow: hidden;
position: relative;
cursor: pointer;
padding: 0 35px 0 0
}

body.card-issuance .col-md-3 .click-box:before {
height: 100%;
    width: 1px;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0px;
    right: 0;
    z-index: 72;

}
body.card-issuance .col-md-3:last-child .click-box:before {
display: none;

}


body.card-issuance .click-box h3 {
    font-family: 'Gotham-Medium';
    font-size: 19px;
    color: #274770;
    margin: 0 0 20px;
    line-height: 24px;
}
body.card-issuance .click-box .more-plus{
    width: 25px;
    height: 25px;
    background-color: #fd515c;
    font-size: 28px;
    text-align: center;
    border-radius: 40px;
    padding-left: 1px;
    line-height: 28px;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 0;
    pointer-events: none;
      -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
body.card-issuance .click-box.click-box-view .more-plus{
transform: rotate(-134deg);
    padding-bottom: 0px;
    padding-top: 0px;
    text-indent: 0px;
    padding-right: 2px;
    line-height: 29px;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
html.no-websqldatabase.no-cssreflections body.card-issuance .click-box .more-plus{
        line-height: 28px;
}
body.card-issuance .click-box ul.list-view-bx{
  display: none;
}

body.card-issuance .why-issuance-wrap h2 {
    font-family: 'Gotham-Medium';
    color: #274770;
     margin: 0 0 50px;
}


body.card-issuance .list-view-bx li{
position: relative;
    margin: 0 0 15px;
    padding: 0 0 0 20px;
    font-size: 15px;
    color: #274770;
    line-height: 19px;
}
body.card-issuance .list-view-bx li:before{
    background-image: url(../images/left-arow-issu.png);
    width: 9px;
    height: 13px;
    content: "";
    position: absolute;
    left: 0px;
    top: 4px;
}


body.card-issuance .ceo-wrap {
    padding: 50px 0;
    background-image: url(../images/sub-banner-issuance.jpg);
    min-height: 490px;
}
@media (max-width: 1199px) {

body.card-issuance .inner-banner h2 {
    font-size: 45px;
     line-height: 50px;
         margin: 0 0 0;
}
body.card-issuance .inner-banner h2 span {
      font-size: 45px;
    line-height: 36px;
}
body.card-issuance .top-content-sec h2 {
    font-size: 26px;
    line-height: 29px;
    margin: 0 0 18px;
}
body.card-issuance .how-it-warp h3 {
    font-size: 20px;
    line-height: 26px;
}
}
@media (max-width: 991px) {

body.card-issuance .cards-list-wrap .red-dark-bg .row.first-row:after {
display: none;
}
body.card-issuance .cards-list-wrap .row .col-md-6.click-view{
    margin: 0 0 39px;
    border-bottom: 2px solid rgba(255,255,255,0.5);
    padding-bottom: 20px;
}

body.card-issuance .col-md-3 .click-box:before {
    height: 1px;
    width: 100%;
    bottom: 0px;
    right: 0;
    z-index: 72;
}
body.card-issuance .col-md-3 .click-box {
     padding: 0 0px 0 0;
    margin: 0 0 20px;
}

body.card-issuance .benefits-list-wrap li figure {
    float: left;
    width: 100px;
    text-align: right;
}
body.card-issuance .benefits-list-wrap li .figcaption {
    padding: 0 0 0 15px;
    min-height: 0!important;
    margin: 0 0 0;
}
body.card-issuance .benefits-list-wrap li {
    min-height: 0;
}
.real-time .col-md-3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 18px;

}
.real-time figure {
    margin: 38px 0 15px;
    min-height: 71px;
}
body.card-issuance .top-content-sec h2 {
    font-size: 21px;
    line-height: 24px;
}
body.card-issuance .top-content-sec h2 br, 
body.card-issuance .cards-list-wrap p br{
display: none;
}

}
@media (max-width: 767px) {

body.card-issuance .benefits-list-wrap li .figcaption {
    min-height: 0px;
}

body.card-issuance .inner-banner .ng-spotCaption {
    bottom: calc(7%);
}

body.card-issuance .inner-banner h2 {
    font-size: 28px;
    line-height: 29px;
    margin: 0 0 0;
}
body.card-issuance .inner-banner p {
    margin-bottom: 0;
}
body.card-issuance .why-issuance-wrap h2 {
    margin: 0 0 27px;
    font-size: 23px;
}
body.card-issuance .inner-banner h2 span {
    font-size: 29px;
    line-height: 29px;
}
body.card-issuance .why-issuance-wrap h2 {
    font-family: 'Gotham-Medium';
    color: #274770;
    margin: 0 0 50px;
    font-size: 23px;
}
body.ng-contents .inner-spotlight .ng-spotCaption {
    left: 15px;
}
body.ng-contents.pop-up-online-solutions.onlinesolutions .page-spotlight.inner-spotlight {
    background-position: 50% 100%;
}
.height-auto {
    height: auto!important;
    max-width: 100%;
}
}


/*----issuance---21-10-2020*/



/*safecall-page*/
.safecall-wrap .cell-wrapper a.cell{
  width: 50%;
  float: left;
  display: block;  
}

.inner-spotlight.safecall-wrap .wrap-heads {
  margin-top: 0;
}
.inner-spotlight.safecall-wrap .ng-spotCaption {
  bottom: auto;
  left: 15px;
  top: 60%;
  margin-top: -20px!important;
}
.inner-spotlight.safecall-wrap .ng-spotCaption h1 {
  font-size: 39px;
  
}
.inner-spotlight.safecall-wrap {
  background-position: bottom center;
}

.section.safecall-wrap>.container {
  padding-left: 0;
}
.safecall-wrap.dont-wrap{
  background-color: #f3f3f6;
  padding: 25px 0;
}
.safecall-wrap.dont-wrap .features-wrapper .item{
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  overflow: hidden;
}
.safecall-wrap.dont-wrap .features-wrapper .item:nth-child(4n) {
  flex: 100%;
  max-width: 100%;
}

.safecall-wrap.dont-wrap .features-wrapper .report-grey{
  background-color: #f3f3f6;
  padding: 25px;
  width:100%;
}
.safecall-wrap.dont-wrap .features-wrapper .report-grey h2{
 color: #003366;
 font-family: 'Gotham-Medium';
 font-size: 17px;
 text-decoration: underline;
 margin: 0 0 10px;

}
.safecall-wrap.dont-wrap .features-wrapper .contry-contact-list{
  margin: 0 0 0 20px;
  display: block;
}
.safecall-wrap.dont-wrap .features-wrapper .contry-contact-list li {
  width: 48%;
  display: flex;
  height: 17px;
  margin: 0 0 5px;
  font-size: 14px;
  color: #003366;
  float: left;
}
.safecall-wrap.dont-wrap .features-wrapper .contry-contact-list li p {
 color: #003366;
 font-family: 'Gotham-Medium';
 font-size: 13px;
}
.safecall-wrap.dont-wrap .features-wrapper .report-grey a {
 color: #003366;
 font-family: 'Gotham-Medium';
 font-size: 13px;
}
.safecall-wrap.dont-wrap .features-wrapper .contry-contact-list li p:first-child {
 padding-right: 15px;
}
.safecall-wrap.dont-wrap h4 {
  color: #003366;
  font-family: 'Gotham-Medium';
  font-size: 24px;
  line-height: 26px; 
  margin: 0 0 20px;
  /* text-transform: uppercase; */
}
.safecall-wrap.dont-wrap .features-wrapper .item .inner h4{
  margin: 0 0 10px;
  font-size: 20px;
}
.safecall-wrap .wrap-content-bx{
  display: block;
  cursor: pointer;
/*  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;*/
}
.on-click-more{
  pointer-events: none;
  display: block;
  margin: 0 0 5px;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
.safecall-wrap .wrap-content-bx.bg-green .on-click-more{
  display: none;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
.safecall-wrap .wrap-content-bx .wrap-hide{
  overflow: hidden;
  cursor: default;
        display: none;
/*  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;*/
}
.safecall-wrap .wrap-content-bx.open-cnt .wrap-hide{
/*  height: auto;
  opacity: 1;*/
  overflow: hidden;
/*  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;*/
}

.know-more-wrap{
  background-color: #ffffff;
  padding:35px 0;
}
.cld-bx{
  width: 100%;
  padding: 25px;
  min-height: 220px;
  background: #062f5d;
  background: -moz-linear-gradient(45deg, #062f5d 0%, #FF6666 86%, #FF6666 86%, #FF6666 100%);
  background: -webkit-linear-gradient(
    45deg
    , #062f5d 0%,#FF6666 86%,#FF6666 86%,#FF6666 100%);
  background: linear-gradient(
    45deg
    , #062f5d 0%,#FF6666 86%,#FF6666 86%,#FF6666 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062f5d', endColorstr='#FF6666',GradientType=1 );

}
.cld-bx .icon{
  display: block;
  margin: 10px 0 0;
}
.cld-bx a{
  color: #fff;
  display: block;
  font-size: 16px;
  margin: 20px 0;
}
.cld-bx a strong{
 font-family: 'Gotham-Medium';
 font-weight: normal;
}
.grey-bx{
  background-color: #f3f3f6;
  padding: 25px;
  min-height: 220px;
  width:100%;
}
.grey-bx h3{
  color: #003366;
  font-family: 'Gotham-Medium';
}
.grey-bx address p{
  margin: 0;
} 
.know-more-wrap .grey-bx h4{
  color: #ff585d!important;
  font-family: 'Gotham-Medium';
  display: block;
  font-weight: 700;
  margin: 15px 0;
  font-size: 22px;
}

.page-spotlight.inner-spotlight.mob-spot.safecall-wrap{
display: none;
}

.safecall-wrap.dont-wrap .features-wrapper .item:nth-child(4n) .inner .icon img{
height: 60px;
}

@media (max-width: 1400px){
  .inner-spotlight.safecall-wrap {
    min-height: 380px;
    max-height: 400px;
  }
  .inner-spotlight.safecall-wrap .ng-spotCaption {
    margin-top: -60px;
}
}
@media screen and (max-width: 991px){
  .safecall-wrap.dont-wrap .features-wrapper .container {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }
  .section.safecall-wrap>.container {
    padding-left: 15px;
  }
.safecall-wrap.dont-wrap .features-wrapper .item:nth-child(4n) {
    flex: 100%;
    max-width: 100%;
    border-left: none;
}
  .safecall-wrap.dont-wrap .features-wrapper .contry-contact-list li {
    width: 100%;
    height: auto;  
  }
  .safecall-wrap.dont-wrap .features-wrapper .contry-contact-list {
    margin: 0px;
    display: block;
  }
  .grey-bx, .cld-bx {
    min-height: 0;
    margin: 0 0 15px;
  }
  section.safecall-wrap.section-help{
    padding-top: 25px;    
  }

}
@media (max-width:767px){

  .inner-spotlight.safecall-wrap {
    background-position: bottom right;
  }
  .inner-spotlight.safecall-wrap {
    background-repeat: no-repeat;
    background-size: cover;
background-position: right top;

        min-height: 335px;
    max-height: 370px;
}
 .page-spotlight.inner-spotlight.safecall-wrap{
    display: none;
  }
  .page-spotlight.inner-spotlight.mob-spot.safecall-wrap{
display: block;   
}
.inner-spotlight.safecall-wrap .ng-spotCaption {
    top: 0;
    margin-top: 52%!important;
    width: 100%;
    text-align: center;
    padding: 0;
    left: 0;
}
  .inner-spotlight.safecall-wrap .ng-spotCaption h1 {
    font-size: 29px;
  }
.safecall-wrap.dont-wrap h4.main-title {
    padding-left: 0;
    font-size: 18px;
}
.safecall-wrap .cell-wrapper a.cell{
  width: 100%;
}
}
@media (min-width: 1401px){
  .inner-spotlight.safecall-wrap {
    min-height: 500px;
    max-height: 400px;
  }
}

/*safecall-page*/


body.newsletters .col-lightBluenew.br.text-center {
    text-align: justify;
    text-align-last: left;
    color: #ff6666;
    text-align: left;
    text-align-last: left;
}


body.newsletters .spec-wrapper.white .col-md-push-2 {
    left: 0!important;
}
.brochure-dwnld {
    border: 2px solid #003465;
}
.spec-wrapper.white h4 {
    color: #0c2b5a;
}

.brochure-dwnld h4 {
    text-align: center;
    padding-top: 25px;
}
.brochure-dwnld.newsletters-dwnld h4 a {
    color: #ff6666;
}
a.btn-dwnld {
    width: 100%;
}
.brochure-dwnld.newsletters-dwnld:hover {
    background: #ffffff;
    border: 2px solid #FF6666;
}
.brochure-dwnld.newsletters-dwnld:hover h4 a {
    color: #ff6666;
}
.brochure-dwnld.newsletters-dwnld:hover .btn.blue.btn-dwnld {
    background: #ff6666;
    color: #fff;
}
.resource-back {
    position: absolute;
    width: 100%;
    top: 15%;
    left: 0;
    z-index: 2;
}



#click-auto{
    height: 1px;
    font-size: 0;
    padding: 0;
    line-height: 0;
    opacity: 0;
    border: none;
    overflow: hidden;
    margin: 0;
    position: absolute;
}

/*05-04-2021*/
.enquiry-form .input-holder.assign-check > label{
        text-transform: inherit;
}
.enquiry-form .input-holder.assign-check .radio-holder {
        padding-top: 15px;
}
.enquiry-form .input-holder.assign-check .radio-holder label{
      text-transform: inherit;
    padding-right: 20px;
    padding-top: 3px;
    padding-left: 5px;
}
.enquiry-form .input-holder.assign-check .col-md-8.input-holder .col-md-3{
      text-align: right;  
}
.enquiry-form .input-holder.assign-check .col-md-8.input-holder label{
    padding-top: 15px;
  
}


@media (max-width: 991px) {
.enquiry-form .input-holder.assign-check .col-md-8.input-holder label {
     float: left;
    width: 100%;
    text-align: left;
}
.enquiry-form .input-holder.assign-check .radio-holder {
    display: flex;
    width: 100%;
}
}

/*05-04-2021*/

.speak-icon {
    position: fixed !important;
    z-index: 9;
    bottom: 55px;
    top: auto;
    right: 0;
    padding: 20px 0px;
        padding-bottom: 20px;
    padding-bottom: 5px;
    position: relative;
    transition: all .5s cubic-bezier(1, 0, 0, 1);
        transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.speak-icon .icon-speak:before {
    content: '';
    width: 150px;
    height:203px;
    background: url('../images/speak-icon.svg') no-repeat center;
    margin: 0 auto;
}

/*24-05-2021*/

.fancybox-skin {
    background: transparent!important;
}
.fancybox-close {
    top: 22px;
    right: 22px;   
}
/*24-05-2021*/


body.npaymlist{
       padding-top: 0px!important;
}



/*---------------faq-tech-------------*/

.faq-category-list ul.solution-list li {
    margin: 0 0 25px;
    display: inline-block;
    float: left;
}
.faq-category-list ul.solution-list li figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  cursor: default;
}
.faq-category-list ul.solution-list li figure h2{
  color: #002e5d;
    font-family: 'Gotham-Medium';
    font-size: 25px;  
    position: absolute;
    left:0px;
    top: 0px;
    padding: 20px;
    z-index: 1;
        -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
.faq-category-list ul.solution-list li:hover figure h2{
  opacity: 0;
        -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
.faq-category-list ul.solution-list li figure figcaption{
 position: absolute;
 top: 100%;
 height: 100%;
 width: 100%;
 opacity: 0;
 z-index: 2;
 padding: 20px;
 cursor: default;
 background-color: rgba(255,88,93,0.8);
 left: 0px; 
    line-height: 29px; 
 font-size: 24px;
     font-family: 'Gotham-Medium';
 color: #fff;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
.faq-category-list ul.solution-list li:hover figure figcaption{
 top: 0;
 height: 100%;
 width: 100%;
  cursor: default;
 opacity: 1; 
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}


/* Accordion
================================================== */
.acc {
  margin: 0 auto;
  max-width: 100%;
}

.acc .acc__card:nth-child(odd) {
  background: #dadce3;
}

.acc .acc__card:nth-child(even) {
  background: #e2e4eb;
}

.acc__card {
  margin:0;
  position: relative;
}

.acc__title {
background: transparent;
    color: #002d5c;
    cursor: pointer;
    display: block;
    padding: 28px 80px ;
    position: relative;
    font-size: 16px;
    text-align: left;
    font
    line-height: 31px;
    font-family: 'Gotham-Medium';
}



.acc__title::before {
    color: #002d5c;
 font-size: 16px;
    line-height: 31px;
    font-family: 'Gotham-Medium';
    content: "Q.";
    position: absolute;
  left: 52px;
    top: 27px;
}
.acc__title::after {
width: 35px;
    height: 35px;
    border: 2px solid #ff6666;
    position: absolute;
    border-radius: 25px;
    color: #ff6666;
    font-size: 38px;
    text-align: center;
    text-indent: 2px;
    line-height: 35px;
    right: 50px;
    font-family: 'Gotham-Light';
    content: "+";
        top: 24px;

}
.acc__title.active::after {
  content: "-";
      font-size: 43px;

}

.acc__panel {
  background: transparent;
    color: #002d5c;
    cursor: pointer;
    padding: 0px 80px 20px 80px;
    position: relative;
    display: none;
    font-size: 17px;
    text-align: left;
      font-family: 'Gotham-Light';
}
.acc__panel:before {
    color: #ff6666;
    font-size: 16px;
      font-family: 'Gotham-Medium';
    content: "A.";
    position: absolute;
    left: 52px;
    top: 0px;
}



.spotlight-wrap.faq-tech{
  position: relative;
}

.spotlight-wrap.faq-tech .img-fluid{
  width: 100%;
}

.spotlight-wrap.faq-tech .faq-overlay {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 50%;
    margin-top: -72px;
}
.faq-caption-wrap{
  display: block;
}


.faq-caption-wrap h2{
    font-family: 'Gotham-Light';
    font-size: 38px;
    padding: 0;
    line-height: 42px;
    color: #061c5c;}

.faq-caption-wrap h2 strong{
background: transparent;
    color: #002d5c;
    cursor: pointer;
    display: block;
    position: relative;
    font-size: 44px;
    text-align: left;
    font-family: 'Gotham-Medium';
    line-height: 49px;
    font-weight: normal;
    letter-spacing: 0;
}
.faq-caption-wrap h2 strong.col-red {
 color: #FF6666;
 margin: 0;
 padding: 0;
  }  

.faq-content-reg {
background: #e05e60;
}
.faq-content-reg .content {
    padding: 25px 60px 20px 50px;
background: #f26667;
}


.faq-content-reg .content p {
    font-size: 18px;
    line-height: 28px;
    color: #fff;    
      font-family: 'Gotham-Light';
}
.faq-content-reg .content h2 {
    font-family: 'Gotham-Light';
    text-transform: uppercase;
    font-weight: normal;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
        font-size: 25px;
}

.faq-wrap{
  background-color: #eef0f5;

}
.faq-wrap .content{
    padding: 0px;
}

.faq-category-list{
  padding: 70px 0;
}
body.faq-tech .faq-category-list ul.solution-list li{
    padding-top: 0px;
    padding-bottom: 0px;
}
.faq-category-list ul.solution-list li figure h2{
    color: #002e5d;
    font-family: 'Gotham-Medium';
    font-size: 28px;
    position: absolute;
    line-height: 35px;
    left: 0px;
    top: 0px;
    padding: 20px;
  z-index: 1;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}

.faq-category-list ul.solution-list li figure figcaption{
 
 line-height: 35px; 
 font-size: 28px; 
}

.faq-category-list ul.solution-list li figure figcaption a {
    color: #ffffff;
    position: absolute;
    width: 100%;
    height: 100%;
}
.faq-help-wrap{
  background-color: #ecedef;
  padding: 0px;
}
.wrap-help-content{
  background-color: #f4f4f4;
      padding: 45px 80px 40px;
      position: relative;

}
.faq-help-wrap .signup-wrapper{
    position: absolute;
    bottom:auto;
    width: 100%;
    top: 0px;
    right: 0px;
    z-index: 3;
    text-align: right;
}
.faq-help-wrap .signup-wrapper .btn-holder {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.faq-help-wrap .signup-wrapper .btn.btn-signup {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-left: 5px;
    height: 54px;
        font-family: 'Gotham-Medium';

    margin-right: 0px;
    background: #FF6666;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    width: auto;
    padding: 15px;
        padding-right: 30px;
}

.faq-help-wrap .signup-wrapper .btn.btn-signup:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f2f4f7;
    position: absolute;
    top: 33px;
    right: -1px;
    transform: rotate(90deg);

}

    .faq-help-wrap .signup-wrapper .btn.btn-signup:hover {
    background: #002e5d;
    color: #fff;
}
.faq-help-wrap .signup-wrapper .btn.btn-signup span{
  margin-left: 10px;
}
.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.faq-help-wrap .signup-wrapper .btn img{
    margin-right: 0px;
}
.help-cont .bg-white {
    background-color: #ffffff;
    padding: 35px;
    text-align: center;
    border-radius: 25px;
    margin: 20px 0;
}
.help-cont{
  display: none;
}
.help-cont p{
font-size: 16px;
    line-height: 25px;
    font-family: 'Gotham-Light';
    color: #123167;
}
.help-cont h4{
font-size: 18px;
    line-height: 22px;
   font-family: 'Gotham-Bold';
    color: #123167;
}



.help-cont .bg-white span{
color: #ed6066;
 font-size: 16px;
    line-height: 25px;
    font-family: 'Gotham-Light';
    margin: 0 0 25px;
    display: block;
}
.help-cont .bg-white ul{
  display: flex;
  margin:  0px;

}
.help-cont .bg-white ul li {
    width: 50%;
    text-align: center;
    padding: 0 15px;
}
.help-cont .bg-white ul li img{
margin: 0 auto;
    min-width: 215px;
}
.help-cont .bg-white a.fa-youtube-play {
    color: #1e3666;
    position: relative;
    height: 73px;
    display: block;
}

.help-cont .bg-white a.fa-youtube-play:after {
/*    background-image: url(../images/youtube.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;*/
    width: 75px;
    height: 55px;
    content: "";
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
    position: absolute;
}

   .faq-info p{
    width: 100%;
    float: left;
   }
  .faq-info ul{
    margin: 20px 0;
    float: left;
    width: 100%;
  }

.faq-info li{
  width: 400px;
  float: left;
  margin: 0 0 20px;
  font-size: 16px;
    line-height: 25px;
    font-family: 'Gotham-Light';
    color: #123167;
}

.faq-info a {
    font-family: 'Gotham-Bold';
    color: #123167;
    font-size: 18px;
}



.faq-tech .acc__panel ul{
  display: block;
}
.faq-tech .acc__panel li{
display: block;
    position: relative;
    padding-left: 20px;
    font-family: 'Gotham-Medium';
    margin: 0 0 12px;
    font-size: 13px;
}
.faq-tech .acc__panel, .faq-tech .acc__panel p {
      font-family: 'Gotham-Medium';
          font-size: 13px;
          color: #002d5c;
              line-height: 25px;
}
.faq-tech .acc__panel p a {
          color: #002d5c;
          text-decoration: underline;
}
.faq-tech .acc .acc__card:nth-child(odd) {
    background: #f4f3f8;
}
.faq-tech .acc .acc__card:nth-child(even) {
    background: #efeef4;
}
.faq-tech .acc__panel li:before{
    position: absolute;
    left: 0px;
    top: 4px;
    background-image: url(../images/bullet-arow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 10px;
    height: 16px;
    content: "";
}

.faq-tech .acc__title {
     font-size: 18px;
    line-height: 27px;
}

.faq-tech .acc__title::before {
    font-size: 21px;
}
.faq-tech .acc__panel:before {
left: 52px;
    top: -3px;
}
section.back-wrap {
    position: relative;
    width: 100%;
    left: 0;
   /* margin-bottom: -34px;*/
}

section.back-wrap .container {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}


section.back-wrap .btn.fwrap {
    position: absolute;
    top: 20px!important;
    right: 25px;
    background: #003366;
    color: #ffffff;
}
section.back-wrap .btn.fwrap:hover {
 background: #003366;
    color: #fff;
}
section.faq-category-list .row.solution-list{
       padding-top: 0px;
    padding-bottom:0px; 
}

@media (max-width: 1199px) {
.spotlight-wrap.faq-tech .overlay {
     margin-top: -139px;
}

.faq-caption-wrap h2 {
      padding: 0;
}

.help-cont .bg-white ul li img {
    min-width: 0;
    max-width: 100%;
}
}

@media (max-width: 991px) {
.spotlight-wrap.faq-tech {
    position: relative;
    height: 300px;
}
.spotlight-wrap.faq-tech img {
    height: 100%;
    object-fit: cover;
    /* float: right; */
    object-position: 77% bottom;
}
.faq-caption-wrap h2 {
    font-size: 28px;
   line-height: 25px;

}
.faq-caption-wrap h2 strong {
    font-size: 25px;
        line-height: 37px;

 }
 .faq-caption-wrap h2 strong br {
 display: none;
 }
 .faq-content-reg .content {
    padding: 30px 20px 40px;
}
.faq-content-reg .content h2 {
    font-size: 24px;
    line-height: 25px;
   }

   .spotlight-wrap.faq-tech .faq-overlay {
    margin-top: 6px;
   }

}

@media (max-width: 767px) {
.help-cont .bg-white ul {
    display: block;
    margin: 0px;
}
.help-cont .bg-white ul li {
    padding: 0;
    width: 100%;
    margin: 0 0 13px;
}
.faq-content-reg .content h2 {
    font-size: 19px;
    line-height: 23px;
}
.faq-content-reg .content p {
font-size: 24px;
    line-height: 31px;
}
.faq-wrap .container{
  padding: 0;
}
.faq-content-reg .content {
    padding: 15px;
}

.faq-tech .acc__title {
    font-size: 15px;
    line-height: 23px;
    padding: 28px 55px 28px 45px;
}
.faq-tech .acc__title::before {
    font-size: 17px;
     left: 19px;
    top: 23px;
       line-height: 32px;
}
.acc__title::after {
    width: 25px;
    height: 25px;
    font-size: 28px;
    text-indent: 0px;
    line-height: 24px;
    top: 30px;
    right: 15px;
}
.faq-tech .acc__panel, .faq-tech .acc__panel p {
    font-size: 14px;
     padding: 0px 20px 16px 23px;
}
.faq-tech .acc__panel:before {
    left: 21px;
    top: 0px;
}
.wrap-help-content {
    padding: 70px 15px 30px;
   }

section.back-wrap .btn.fwrap {
    position: absolute;
    top: -34px;
    right: 15px;
}
.spotlight-wrap.faq-tech .faq-overlay {
    margin-top: -32px; 
} 
}

/*---------------faq-tech-------------*/

.p-3{
    padding-top: 30px;
    padding-bottom: 30px;
}
.pb-3{
    padding-bottom: 30px;
}

.wrap-about .right-left-wrap .wrap-boxer .box-content {
    margin-top: 0px;
    padding-top: 50px;
    padding-bottom: 0px;
    padding-left: 0;
}

.wrap-about .right-left-wrap .wrap-boxer .box-image { 
    padding-top: 50px;   
}

.image-height img{
    height:130px;
    }
.pt-5{
padding-top: 54px;
}
.pt-5 .inner {
padding: 0 50px 0 0;
}

.footer-bottom .col-md-10 {
    width: 90.333333%;
}
.footer-bottom .col-md-2 {
    width: 9.666667%;
}
.footer-bottom .copyright p{
    padding-left: 20px;
    margin:0px;
}
.footer-bottom .footer-nav {
      margin-left: 30px;
}
.footer-bottom .footer-nav li {
    position: relative;
    padding: 0 15px 0 0;
}
.footer-bottom .footer-logo {
    padding-top: 3px;
}
.safecall-wrap .cell-wrapper a.cell{
    cursor: default;
}
.section.whistleblower-wrap>.container{
    padding-left: 0px;
}
@media (max-width: 1199px) {
.footer-bottom .footer-nav {
    margin-left: 20px;
}
.footer-bottom .copyright p{
    padding-left: 20px;
    margin:0 0 9px;
}
}



ul.list-italic {
    padding: 0 0 0 18px;
    margin: 25px 0;
}

ul.list-italic li {
    list-style: disc;
    font-style: italic;
    font-size: 18px;
    font-weight: bold;
    color: #036;
    margin: 0 0 4px;
}
ul.list-italic li:marker {
    font-size: 25px;
}



/*30-06-2021*/


.whistleblower-wrap {
 background: #062f5d; 
 background: -moz-linear-gradient(45deg, #062f5d 0%, #FF6666 86%, #FF6666 86%, #FF6666 100%); 
 background: -webkit-linear-gradient(45deg, #062f5d 0%,#FF6666 86%,#FF6666 86%,#FF6666 100%); 
 background: linear-gradient(45deg, #062f5d 0%,#FF6666 86%,#FF6666 86%,#FF6666 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062f5d', endColorstr='#FF6666',GradientType=1 ); 
 padding-top: 0;
}
.whistleblower-wrap .speak-colomn {
    position: relative;
}    
.whistleblower-wrap .speak-colomn img{
    position: absolute;
    left: 20px;
    top: 0px;
}


.whistleblower-wrap p {
color: #fff;
    padding-left: 120px;
    padding-top: 40px;
    margin-left: -36px;
    font-size: 16px;
}
.whistleblower-wrap .content {
 padding: 30px 50px;
 background: rgba(0, 45, 92, 0.2);
}


.whistleblower-wrap ul {
    display: block;
    margin: 25px 0 15px;
    padding-left: 24px;
}

.whistleblower-wrap li {
    display: block;
    margin: 0 0 3px;
    color: #fff;
    font-size: 15px;
}
/*30-06-2021*/



section.back-wrap{
  z-index: 2;
}
     {
    position: absolute;
    right: 10%;
    top: 20PX;
}


.download-click {
    position: absolute;
    right: 10%;
    top: 20PX;
}
.dnld-clk{
    background-color: #fff;
    padding: 7px 41px 8px 10px;
    color: #000000;
    font-family: 'Gotham-Medium';
    font-size: 13px;
    position: relative;
    cursor: pointer;
}
.download-list{
  position: absolute;
display: none;
  top: 100%;
      width: 100%;

}


.download-list li{
margin: 0;
}
.download-list li a{
background-color: #efeef4;
    color: #000000;
    font-family: 'Gotham-Medium';
    font-size: 11px;
    padding: 8px 10px;
    display: block;
    border-bottom: 1px solid #e4e3e8;

}

.dnld-clk i {
    position: absolute;
    right: 10px;
    top: 5px;
}

@media (max-width: 768px){
.download-click {
    right: 19%;
    top: -33PX;
}
}   


/*26-7-2021*/

.section.web-content .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.section.web-content .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

@media (max-width: 767px){
.section.web-content .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}


body.card-track-wrap .web-banner .ng-spotCaption{
    width: 100%;
}
body.card-track-wrap .web-banner .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
body.card-track-wrap .web-banner h2{
     font-family: 'Gotham-Medium';
    font-weight: normal;
  font-size: 40px;
  color: #002e5d;
  margin: 0px;
      line-height: 50px;
}
body.card-track-wrap .web-banner h2 span{
     font-family: 'Gotham-Medium';
    font-weight: normal;
  font-size: 40px;
  color: #ff5959;
  margin: 0px;
      line-height: 50px;
}

body.card-track-wrap .web-banner figure img {
    width: 100%;
    object-fit: cover;
}

body.card-track-wrap .web-banner p {
      color: #132e5e;
    text-transform: inherit;
    font-size: 24px;
font-family:'Gotham-Medium';
    letter-spacing: 0;
    margin: 0;
}
body.card-track-wrap .web-banner p strong {
     font-family: 'Gotham-Medium';
     font-weight: normal;
}
.webinar-wrap .web-content{
    margin: 0px;
    padding-top: 0px;
}


.wrap-bg-red-title{
    background-color: #e05e5f;
}
.lgt-rd{
    background-color: #f26565;
    padding: 25px 0;
}

.spec-wrapper.white h3.col-white{
    color: #ffffff;
        padding-left: 50px;
        margin: 0;
            font-family: 'Gotham-Medium';
    padding-left: 50px;
}
.web-list {
    padding: 50px 0;
}
.webinar-list li a{
display: block;
padding: 25px;
background-color: #f6f8f7;
font-size: 20px;
    font-family: 'Gotham-Medium';
color: #1b3564;
text-transform: uppercase;
}
.webinar-list li i{
margin-right: 20px;
}
.webinar-list li:first-child {
padding-right: 30px;
}
.webinar-list li:last-child {
padding-left: 30px;
}
.webinar-wrap .web-content .media-tab{
    padding-left: 50px;
    padding-right: 50px;
}
.webinar-wrap ul.solution-list {
 padding: 50px 0; 
}
.webinar-wrap ul.solution-list li{
 margin: 0 0 25px; 
}
.webinar-wrap ul.solution-list li figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.webinar-wrap ul.solution-list li figure h2{
  color: #002e5d;
    font-family: 'Gotham-Medium';
    font-size: 25px;  
    position: absolute;
    left:0px;
    top: 0px;
    text-align: left;
    padding: 20px;
    z-index: 1;
        -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
.webinar-wrap ul.solution-list li:hover figure h2{
  opacity: 0;
        -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
.webinar-wrap ul.solution-list li figure figcaption{
 position: absolute;
 top: 100%;
 height: 100%;
 width: 100%;
 opacity: 0;
 z-index: 2;
 padding: 20px;
 background-color: rgba(255,88,93,0.8);
 left: 0px; 
    line-height: 29px; 
 font-size: 24px;
     font-family: 'Gotham-Medium';
 color: #fff;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
.webinar-wrap ul.solution-list li:hover figure figcaption{
 top: 0;
 height: 100%;
 width: 100%;
 opacity: 1; 
 text-align: left;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.webinar-wrap ul.solution-list li figure img{
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.page-spotlight.webinar-spot h2 p {
    color: #ff585d!important;
 font-family: 'Gotham-Medium';
    font-weight: normal;
    font-size: 40px;
    color: #002e5d;
    margin: 0px;
    line-height: 50px;
}

.webinar-wrap.agenda-wrap .content {
    padding: 40px 50px;
}
.webinar-wrap.agenda-wrap .content h3{
color: #1b3564;
    margin: 0 0 20px;
    font-family: 'Gotham-Medium';
  }
.agenda-list{
  display: block;
}
.agenda-list li{
position: relative;
    padding: 0 0 0 28px;
    margin: 0 0 13px;
    font-family: 'Gotham-Medium';
    font-size: 16px;
    color: #1b3564;
}
.agenda-list li:before{
    position: absolute;
    background-image: url(../images/webinar-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    content: "";
    left: 0px;
    top: 0px;

}
.agenda-wrap .grey-bg{
  background-color: #f3f4f5;
  padding: 45px;
  margin: 0 0 50px;
}
.agenda-wrap .grey-bg li{
  margin-bottom: 30px;
}
.agenda-wrap .grey-bg li .bg-bx{
background-color: #ffffff;
padding: 25px;
height: 100%;
}
.agenda-wrap .grey-bg li i{
display: block;
margin: 0 0 20px;
}
.agenda-wrap .grey-bg li p{
   font-family: 'Gotham-Medium';
    font-size: 16px;
    color: #1b3564;
    display: block;
}
.agenda-wrap .grey-bg li p strong{

   font-family: 'Gotham-Medium';
    font-size: 18px;
    font-weight: normal;
    color: #f66b65;    
}
.agenda-wrap .grey-bg li p a{
   font-weight: normal;
    color: #f66b65;    
}

a.btn.red.fwrap {
    position: absolute;
    top: -4px;
    right: 35px;
    background: #003366;
    font-family:  'Gotham-Light', sans-serif;
    color: #ffffff;
}
a.btn.red.fwrap:hover {
   opacity: 0.8;
}
.col-md-12{
width: 100%;
}

@media (max-width: 991px){
.webinar-list li:first-child {
padding-right: 15px;
}
.webinar-list li:last-child {
padding-left: 15px;
}
.pos-landing input[type="text"], .pos-landing input[type="email"], .pos-landing input[type="number"], .pos-landing input[type="tel"], .pos-landing select {
    margin-bottom: 20px;
}
.pos-landing #crmWebToEntityForm .mb-3 {
    margin: 0!important;
}
.pos-landing .g-recaptcha {
    margin-left: 0;
}

.pos-landing #recapErr48040000154794007 {
    position: absolute;
    left: 0
}
.pos-landing .DPO-group-right input[type="submit"] {
    font-size: 18px;
    margin-top: 20px;
}
}
@media (max-width: 767px){
.webinar-list li a {
    font-size: 14px;
 
}
.webinar-list li i img {
    width: 65px;
}
.webinar-list li i {
    margin-right: 13px;
}
.webinar-list li {
    padding-right: 15px;
    margin-bottom: 15px;
    padding-left: 15px;
    width: 100%;
}
.webinar-wrap .web-content .media-tab {
    padding-left: 15px;
    padding-right: 15px;
}
.spec-wrapper.white h3.col-white {
    padding-left: 19px;
    font-size: 16px;
    padding-right: 90px;
}
body.card-track-wrap .web-banner img {
    height: 310px;
    display: block;
}

.agenda-wrap .grey-bg li {
    width: 100%;
}

body.card-track-wrap .page-spotlight.webinar-spot .web-banner figure img {
    object-position: 42%;
}
body.card-track-wrap.webinar .page-spotlight.webinar-spot .web-banner figure img,
body.card-track-wrap.upcoming .page-spotlight.webinar-spot .web-banner figure img,
body.card-track-wrap.completed .page-spotlight.webinar-spot .web-banner figure img {
    object-position: 62%;
}
              

body.card-track-wrap.webintegrationmerchantportalwalkthrough .page-spotlight.webinar-spot .web-banner figure img,
body.card-track-wrap.paybylinkmerchantportalwalkthrough .page-spotlight.webinar-spot .web-banner figure img
 {
    object-position: 51%;
}    

body.card-track-wrap.webinar .page-spotlight.webinar-spot .web-banner .ng-spotCaption,
body.card-track-wrap.upcoming .page-spotlight.webinar-spot .web-banner .ng-spotCaption,
body.card-track-wrap.completed .page-spotlight.webinar-spot .web-banner .ng-spotCaption {
    bottom: calc(74%);
  }
  body.card-track-wrap.webintegrationmerchantportalwalkthrough .page-spotlight.webinar-spot .web-banner .ng-spotCaption,
    body.card-track-wrap.paybylinkmerchantportalwalkthrough .page-spotlight.webinar-spot .web-banner .ng-spotCaption
   {
    bottom: calc(11%);
  }
.page-spotlight.webinar-spot h2 p {
       font-size: 27px;
    line-height: 35px;
}
.spec-wrapper.white h3.col-white {
       padding-left: 19px;
    font-size: 19px;
}
.webinar-wrap.agenda-wrap .content {
    padding: 25px 15px;
}
.agenda-wrap .grey-bg {
    padding:25px 25px 0;
}
}

/*29-06-2021   webinar*/

/*05-07-2021*/

body.walletpaymentagreements .ng-spotCaption .col-red {
    color: #003366;
}
ul.wallet-list a{
    display: block;
    padding: 20px 25px 20px 25px;
    color: #003366;
    background-color: #f6f7f8;
    text-align: left;
/*    background-image: url(../images/wallet-download-ico1.png);
    background-position: 92% center;
    background-repeat: no-repeat;*/
    font-size: 17px;
    font-family: 'Gotham-Medium';
    line-height: 21px;    
}

@media (max-width: 767px){

body.walletpaymentagreements .ng-spotCaption h1 {
    line-height: 29px;
}
body.walletpaymentagreements .inner-spotlight .ng-spotCaption {
    bottom: calc(63%);
}
}


.color-grey-bg{
    background: #f4f4f4;
}

.new-but.signup-wrapper a.btn {
    margin-top: 15px;
}
.new-but.signup-wrapper .col-sm-3:nth-child(2) .btn-signup:before {
       border-right: 20px solid #844b61;
}
.new-but.signup-wrapper .col-sm-3:nth-child(3) .btn-signup:before {
     border-right: 20px solid #b15564;

}
.new-but.signup-wrapper .col-sm-3 .btn-signup span{
    font-size: 18px;
    font-family: 'Gotham-Medium';
}
@media (max-width: 1199px){
.new-but.signup-wrapper a.btn {
    padding-left: 22px;

}
.new-but.signup-wrapper .col-sm-3 .btn-signup span {
    font-size: 14px;
}
}
@media (max-width: 767px){
 .row.new-but.signup-wrapper  {
       padding-bottom: 13px;
 } 
 .new-but.signup-wrapper a.btn {
      width: 100%;
    padding-left: 45px;
}
.new-but.signup-wrapper .col-sm-3:nth-child(3) .btn-signup:before {
    border-right: 20px solid #764862;
}
 .new-but.signup-wrapper h4 {
    text-align: left;
}
}

body.apissueragreement .spec-wrapper .section>.container {
    padding-left: 0px;
}


/*26-7-2021*/




body.cybersourcerestapireference header .header-bottom .col-md-9,
body.cybersourcerestapireference footer .footer-top,
body.cybersourcerestapireference .speak-icon{
    display: none;
}
body.cybersourcerestapireference .content-wrap{
    position: relative;
}
body.cybersourcerestapireference .content-wrap h2 {
    padding-right: 150px;
}
body.cybersourcerestapireference .content-wrap .btn.red {
    background: #ffffff;
    color: #000000;
    position: absolute;
    right: 15px;
    top: 14px;
    padding: 6px 35px 6px 12px;
}
body.cybersourcerestapireference .content-wrap .btn.red:after {
content: "";
position: absolute;
right: 5px;
background-image: url(../images/download-ico-mrchnt.svg);
width: 22px;
height: 21px;
top: 5px;
}

@media (max-width: 767px){
    .page-logo img {
        height: 28px;
    margin: -7px 0 10px;
    }
body.cybersourcerestapireference .content-wrap {
    position: relative;
    padding: 15px 15px 36px;
    text-align: center;
}
body.cybersourcerestapireference .content-wrap h2 {
    padding-right: 0;
    font-size: 18px;
}
body.cybersourcerestapireference .content-wrap .btn.red {
    position: relative;
    right: auto;
    margin: 0 auto;
}
.pos-landing .logo--group {
    text-align: center;
}

.pos-landing .main-header .logo-network {
    margin-bottom: 0;
    margin-right: 0;
    text-align: center;
}

.pos-landing header {
    padding-bottom: 0;
}

.pos-landing .ngenuis-talks ul {
    flex-flow: column wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
}

.pos-landing .ngenuis-talks li {
    margin-bottom: 15px;
}

.pos-landing .ngenuis-talks li img {
    max-width: 75%;
}

.pos-landing .ngenuis-talks li:not(:last-child) {
    margin-right: 0;
}

.pos-landing .ngenuis-talks p {
    margin-top: 15px;
}

.pos-landing  .pay-form-wrapper {
    padding: 50px 0 20px;
}

.pos-landing .DPO-group-left ul {
    padding-bottom: 30px;
    padding-top: 0;
}

.pos-landing .DPO-group-left p {
    padding: 30px 0 20px;
}

.pos-landing .DPO-group-left li:not(:last-child) {
    margin: 0 20px 0 0;
}
.pos-landing .DPO-group-right input[type="submit"] {
    font-size: 18px;
    margin-top: 20px;
}
.pos-landing .g-recaptcha {
    transform:scale(1);
}
}


body.detailnpage .content-wraper sup {
    top: -5px;
    font-size: 12px;
}

.time2021 img {
	width: 266px!important;
	top: -245px;
	left: -64px!important
}

@media (max-width: 576px){
    .dpo .ng-spotCaption .title-1 strong {
        font-size: 35px;
        line-height: 35px;
    }

    .btn-click-here {
        font-size: 16px;
    }

    .dpo .ng-spotCaption .title-1 a {
        font-size: 18px;
    }
	
	.video .page-spotlight.inner-spotlight {
		background-position: 52% 100%!important;
    }
    
    .dpo-group .DPO-group-left h1 {
        font-size: 28px;
        line-height: 30px;
    }

    .dpo-group .DPO-group-left h1 span {
        padding-bottom: 10px;
        display: block;
    }

    .dpo-group .customers-checkout-wrapper h2 {
        font-size: 26px;
    }

    .dpo-group .d-flex {
        flex-direction: column;
    }

    .dpo-group .main-header .container {
        padding: 0;
    }

    .dpo-group .main-header  figure {
        width: 100%;
        text-align: center
    }

    .dpo-group .logo-dpo-group img, .dpo-group .logo-network img {
        max-width: 240px;
        display: inline;
    }

    .dpo-group .logo-dpo-group {
        border: 0;
        padding: 0;
    }
    
    .DPO-group-right input[type="submit"] {
        font-size: 18px;
        margin-top: 0
    }

    .dpo-group .customers-checkout-items figure {
        padding-bottom: 15px
    }
    .ngenuis-talks ul { 
        flex-flow: column wrap!important;
        flex-direction: row!important;
    }
    .pos-landing .main-header figure {
        width: auto;
    }

    .pos-landing .DPO-group-left ul {
        flex-direction: row;
    }

    img.img-responsive.visaimage {
        position: static;
        max-width: 62%;
    }  
    .pos-landing .main-header .container {
        flex-flow: row
    }
    .pos-landing .logo-dpo-group::before {
        height: 35px;
        display: block;
    }
    
    .pos-landing  .main-header figure {
        width: auto;
    }

    .pos-landing .logo-dpo-group img {
        padding: 2px 10px 7px 19px;
    }
    .pos-landing .logo-dpo-group img {
        margin: 0 0 -13px;
    }
  
    .pos-landing header .page-logo {
        width: 100%;
    }
    .pos-landing .logo-dpo-group img {
        top:0;
    }
    
}
@media screen and (max-width:1250px){
    .pos-landing .logo-network img {
        margin-left: -7px;
    }
}

    

/*24-08-2021---Network Commercial Card Webpage*/


.commercial-card-page .media-title .icon img {
    height: 111px;
}
.commercial-card-page .content.white .media-title h2{

  font-family: 'montserrat-semibold';
  color: #fe595d;
  font-size: 24px;
  text-transform: uppercase;
}

.issuer-benifit-list{
    display: block;
    text-align: center;
    margin: 35px -15px;
}
.issuer-benifit-list li{
  float: left; 
   width: 20%;
  padding: 0 15px 0px;
  position: relative;
  cursor: pointer;
  border-right: 1px solid #e4e8eb;
}
.issuer-benifit-list li:last-child{
  border-right:none;
}

.issuer-benifit-list li h4{
    font-family: 'montserrat-medium'!important;
    color: #fe595d!important;
    font-size: 17px!important;
    text-transform: uppercase;
    margin: 0 0 15px;
    text-align: left;
    line-height: 21px!important;
    height: 60px;
}

.issuer-benifit-list li a.more-lern{
  display: block;
  width: 100%;
  padding: 0 15px;
  position: relative;
  border:1px solid #002f5f;
  padding: 10px 15px;
  text-align: center;
  font-family: 'montserrat-medium';
color: #002f5f;
font-size: 16px;
/*text-transform: uppercase;*/
position: relative;
pointer-events: none;
}

.issuer-benifit-list li a.more-lern:after {
    content: '\e806';
    font-family: 'network';
    position: absolute;
    right: 9px;
    top: 8px;
     color: #fe595d;
    font-size: 18px;
    transform: rotate(-90deg);
}

.issuer-benifit-list li.down a.more-lern:after {
    transform: rotate(0deg);
}
.issuer-benifit-list li .drop-down-list{
    display: none;
    text-align: left;
    padding: 10px;
}
.issuer-benifit-list li .drop-down-list p{
   color: #002f5f;
}
.ngenius-wrapper.commercial-card-page .content.white p {
    color: #002f5f;

}
.ngenius-wrapper.commercial-card-page h4, .ngenius-wrapper.commercial-card-page .content h4, .ngenius-wrapper.commercial-card-page h4 {
  font-family: 'montserrat-semibold';
  font-size: 24px;
  color: #ffffff;
  text-transform: uppercase;
}
.ngenius-wrapper.commercial-card-page .content h2{
      font-family: 'montserrat-semibold';
  font-size: 30px;
  color: #ffffff;
  text-transform: uppercase;
}
.ngenius-wrapper.commercial-card-page .content.white h2{
  color: #fe595d;

}
body.cardprocessingsolutionsnew .owl-carousel .container-wrapper .ng-title{
  font-size: 47px;
    line-height: 52px;  
}
body.cardprocessingsolutionsnew .ngenius-wrapper.commercial-card-page .content.white h3 {
    font-size: 23px;
    line-height: 31px;
    margin: 45px 0 30px;
    color: #003366;
    font-family: 'montserrat-semibold';
}
ul.growth-rate-list {
    width: 100%;
    float: left;
    margin: 0 0 25px;
}
ul.growth-rate-list li {
    float: left;
    width: 320px;
	display:flex;
	align-items: center;
}
ul.growth-rate-list li figure{
    float: left;
    margin-right: 10px;
}
ul.growth-rate-list li figcaption{
    float: left;
    padding-top: 6px;

}
ul.growth-rate-list li figcaption h2{
margin: 0;
}
.issuer-wrapper.commercial-card-page small {
     color: #003366;
     width: 100%
}

.rest-grey-wrap.whatwe-wrap small{
    width: 100%;
    float: left;
    margin: 25px 0;
}
.rest-grey-wrap{
    background-color: #f3f4f8;
}

.card-pro-list{
    display: block;
    text-align: center;
    margin: 35px -15px;
}
.card-pro-list li {
float: left;
    width: 14%;
    padding: 0 0px 0px;
    position: relative;
    text-align: left;
    cursor: pointer;
    border-right: 1px solid #e4e8eb;
}
.card-pro-list li:last-child{
  border-right:none;
}

.card-pro-list li h4{
    font-family: 'montserrat-medium'!important;
    color: #fe595d!important;
    font-size: 17px!important;
    text-transform: uppercase;
    margin: 0 0 15px;
    text-align: left;
    line-height: 21px!important;
    height: 60px;
}

.card-pro-list li a.more-lern{
  display: block;
  width: 100%;
  padding: 0 15px;
  position: relative;
  border:1px solid #f3f4f8;
   background-color: #f3f4f8;
  padding: 10px 15px;
  text-align: center;
  font-family: 'montserrat-medium';
color: #002f5f;
font-size: 16px;
/*text-transform: uppercase;*/
position: relative;
pointer-events: none;
}

.card-pro-list li a.more-lern:after {
    content: '\e806';
    font-family: 'network';
    position: absolute;
    right: 9px;

    top: 8px;
     color: #fe595d;
    font-size: 18px;
    transform: rotate(-90deg);
}

.card-pro-list li.down a.more-lern:after {
    transform: rotate(0deg);
}
.card-pro-list li .down-list{
    display: none;
    text-align: left;
    padding: 10px;
}
.card-pro-list li .down-list p{
   color: #002f5f;
}

.whatwe-wrap .main-title-bx{
    padding: 0 50px;
}
.whatwe-wrap .main-title-bx h2{
    font-size: 24px;
    line-height: 31px;
    margin: 15px 0;
    color: #002b59;
    text-transform: uppercase;
    font-family: 'montserrat-semibold';
}

.ngenius-wrapper.commercial-card-page.whatwe-wrap .content.white h2 {
    color: #fe595d;
    font-size: 24px;
}
.ngenius-wrapper.commercial-card-page.whatwe-wrap .card-pro-list h4{
    font-family: 'montserrat-semibold';
    font-size: 17px;
    color:#002b59!important;
    text-transform:inherit;
    padding: 0 15px;
        margin: 0 0 25px;

}
.card-pro-list li figure{
    padding: 0 15px;
    margin: 0 0 12px;
    height: 50px;
}

.issuer-table-container{
    display: block;
    margin: 0px 0 30px;
    overflow: auto;  
    width: 100%;  
}

.issuer-table-wrap{
width:1050px;
float: left;   
}
.issuer-table-wrap td{
color: #002b59!important;
font-size: 14px;
     padding: 7px 3px;
}
.issuer-table-wrap .title-head td{
font-family: 'montserrat-semibold';
    font-size: 14px!important;
    color: #002b59!important;
    vertical-align: top;
    line-height: 16px;
}

.issuer-table-wrap tr{
    background-color: #ffffff;
}
.issuer-table-wrap tr:nth-child(even){
    background-color: #f4f5f7;
}
.issuer-table-wrap td img {
    width: 18px;
    height: 18px;
}
.issuer-table-wrap .title-head td.col-red{
    color: #FF6666!important;
}

.commercial-card-page hr{
    width: 100%;
}
.issuer-table-container{
    display: none;
}
.compare-wrap h4{
position: relative;
    padding: 0 20px 30px 0!important;
    font-family: 'montserrat-semibold';
    font-size: 17px!important;
    color: #002b59!important;
    text-transform: uppercase;
    padding: 0 15px;
    display: inline-block;
}
.compare-wrap h4 i{
position: absolute;
    right: -9px;
    top: -4px;
}
.compare-wrap.down h4 i{
   position: absolute;
    right: -8px;
    top: -4px;
    transform: rotate(-404deg);
}

.info-tick{
    width: 100%;
    float: left;
    margin: 25px 0;
}
  .info-tick img {
    width: 20px;
    height: 20px;
    margin-top: -6px;
    margin-right: 5px;
}

.ngenius-wrapper.commercial-card-page.whatwe-wrap .content.greybg{
    background-color: #e6ebef!important;
}

.ngenius-wrapper.commercial-card-page.whatwe-wrap .content.greybg.added-value h2 {
    color: #fe595d;
    font-size: 24px;
    margin: 0 0 40px;
}
.va-box {
    margin: 0 0 30px;
    padding: 0 70px 0 0;
}
.va-box figure{
    margin: 0 0 30px;
}
.va-box h3 {
    position: relative;
    padding: 0!important;
    font-family: 'montserrat-semibold'!important;
    font-size: 20px!important;
    color: #002b59!important;
    text-transform: inherit;
    padding: 0 15px;
    line-height: 25px!important;
}
.va-box p{
    color: #002b59!important;   
}
.com-brnifit-list{
    display: block;
    border-right: 1px solid #e4e8eb;
    padding:0px;
}
.com-brnifit-list li {
    display: flex;
    margin: 0 0 25px;
    width: 100%;
}
.com-brnifit-list li figure {
    float: left;
    margin: 0 15px 0 0;
    width: 60px;
}
.com-brnifit-list li figure img{
    max-width: 74px;

}
.com-brnifit-list li figcaption {
float: left;
    width: auto;
    font-family: 'montserrat-semibold'!important;
    font-size: 15px!important;
    color: #002b59!important;
}

.content.white.comm-benifit-wrap .row .col-md-4:last-child .com-brnifit-list{
        border-right:none;
}
.commercial-card-page .final-benifit.content.white {
   padding:0 50px 30px;
}
.commercial-card-page .final-benifit .media-title .icon img {
    height: 61px;

}
.commercial-card-page .final-benifit h4.col-blue{
    color: #002b59!important;
    text-transform: inherit;
}
body.cardprocessingsolutionsnew .issuer-slider .item figure img {
    height: 90px;
    width: auto;
}
body.cardprocessingsolutionsnew .issuer-slider .item h4 {
    margin: 0;
    font-size: 37px;
    text-transform: inherit;
}

body.cardprocessingsolutionsnew .ng-spotCaption {
    bottom: calc(27%);
}
@media (max-width: 1499px){
body.cardprocessingsolutionsnew .ng-spotCaption {
    bottom: calc(7%);
}
}

@media (max-width: 991px){
.issuer-benifit-list li {
    float: left;
    width: 50%;
    margin: 0 0 35px;
}
.issuer-benifit-list li h4{
    height: 40px;
}
ul.growth-rate-list li {
    margin: 0 0 30px;
}
.card-pro-list li {
    width: 50%;
    border-right: 1px solid #e4e8eb;
    border-left: 1px solid #e4e8eb;
    margin: 0 0 30px;
}
.card-pro-list li h4 {
     height: auto;
}
.com-brnifit-list li figcaption {
    padding-top: 10px;
}
body.cardprocessingsolutionsnew .issuer-slider .item h4 {
    margin: 0;
    font-size: 31px;
}
body.cardprocessingsolutionsnew .owl-carousel .container-wrapper .ng-title {
    font-size: 27px;
    line-height: 32px;
}
}
@media (max-width: 767px){
.issuer-benifit-list li {
    float: left;
    width: 100%;
    margin: 0 0 35px;
}
.card-pro-list li {
    width: 100%; 
}
}
/*24-08-2021---Network Commercial Card Webpage*/




 .content-wrap h4 {
    font-family: "Arial",serif;
    color: #333!important;
    font-weight: bold

}

.WordSection1 h4 {
    text-align: center;
}

.content-wrap .MsoBodyText, .content-wrap .MsoBodyText span, .content-wrap .TableParagraph span, .content-wrap .MsoBodyText a, .apissueragreement p, .apissueragreement p span  {
    font-family: "Arial",serif;
    color: #333!important;
}

.customer-payment-language {
    background: #f6f6f6;
    width: 100%;
}
.ng-top .customer-payment-language figure img {
    height: auto!important;
}

.customer-payment-language.customers-checkout-wrapper .container {
  background:   #F6F6F6!important;
  position: relative;
  z-index: 1;
  padding-left: 0;
  padding-right: 0;
}

.customer-payment-language.customers-checkout-wrapper .container::before, .customer-payment-language.customers-checkout-wrapper .container::after {
    content: "";
    background:   #F6F6F6!important;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -1;
}
.customer-payment-language.customers-checkout-wrapper .container::before {
    left: 0;
    width: 100vw;
}

.customer-payment-language.customers-checkout-wrapper .container::after {
    right: 0;
    width: 100vw;
}

.dpo-group .ng-top {
    overflow: hidden;
}

@media (max-width: 767px){
    .header-bottom .page-nav>ul>li.dropdown:first-child .subnav a, .header-bottom .page-nav .new-drop li a.drop, .header-bottom .page-nav .subnav li a {
        margin-left: 0;
    }
    .ng-top .customer-payment-language figure img {
        height: 39px!important;
    }
    .dpo-group .ngenius-slider .container {
        padding: 0!important;
    }
    .page-spotlight {
        position: relative;
        z-index: 2;
    }
    .page-spotlight .item img.img-mobile {
        object-fit: cover;
    }
    .page-spotlight .owl-nav {
        position: absolute;
    bottom: -33px;
    width: 100%;
    height: 33px;
    }
    .page-spotlight .owl-nav> button {
        top: auto;
        height: 27px;
        bottom: 4px;
    }
    .home-slider .owl-nav svg {
        width: 16px;
        height: 28px;
    }
    .ngenius-slider .owl-nav button.owl-next:before, .ngenius-slider .owl-nav button.owl-prev:before {
        display: none;
    }
}
    
    @media (max-width: 576px){
        .ng-top .customer-payment-language figure img {
            height: 16px!important;
        }

        .ng-top .customer-payment-language .ngenuis-talks li:not(:last-child) {
            margin-right: 0;
        }
        .customer-payment .container-wrapper {
            padding-left: 50px;
            padding-right: 50px
        }
    }