body {
    font-family: Camphor,Open Sans,Segoe UI,sans-serif !important;
	overflow-x: hidden;
    background-color:#fff;
    font-size: 14px;
}


::-moz-selection { background: #ffe701; color: #161a31; text-shadow: none; }
::selection { background: #ffe701; color: #161a31; text-shadow: none; }


/*@font-face {
    font-family: 'camphorregular';
    src: url('../fonts/camphorregular.eot');
    src: url('../fonts/camphorregular.eot') format('embedded-opentype'),
         url('../fonts/camphorregular.woff2') format('woff2'),
         url('../fonts/camphorregular.woff') format('woff'),
         url('../fonts/camphorregular.ttf') format('truetype'),
         url('../fonts/camphorregular.svg#camphorregular') format('svg');
}
@font-face {
    font-family: 'proxima_nova_cn_rg';
    src: url('../font/ProximaNovaCond-Regular.eot');
    src: url('../font/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/ProximaNovaCond-Regular.woff') format('woff'),
        url('../font/ProximaNovaCond-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/
/* Common CSS
   ========================================================================== */
ol, ul {list-style: none;}
a, .btn{transition: all 0.5s ease;}
a:active, a:hover, a:focus, .btn:focus, .btn:active, .btn:hover {outline: 0;}


a{color: #1a0dab; text-decoration: none; }
a:focus, a:hover { color: #1a0dab;  text-decoration: underline;}

b, strong {font-weight: bold;}

small {font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em; }

img { border: 0; vertical-align: middle;}
.img-responsive{ margin: auto;}

hr { box-sizing: content-box; height: 0; }

*:focus { outline: 0;}
h1, h2{ font-weight: bold;margin: 0px}

.row { overflow: hidden; }


.container { max-width: 1130px; width: 100%;}
.row-eq-height{ display: flex; display: -moz-flex; display: -ms-flex; }
.forward_heading{
	margin:50px auto;
	width:360px;
	text-align: center;
}
.forward_heading h3{
	font-size:26px;
}

.forward_heading h3::after {

    content: '';
    display: block;
    background: #85c525;
    height: 4px;
    width: 100%;
    margin: 5px auto 0;
    }
#bigTriangleColor path {
    fill: #fff;
    stroke: #85919d;
    stroke: #fff;
    stroke-width: 0.15;
}
#bigTriangleColor2 path {
    fill: #f5f5f5;
    stroke: #f5f5f5;
    
    stroke-width: 0.15;
}
.cust-section .light-box{
	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
	height:180px;
	border-radius: 5px;
	margin-bottom:15px;
	margin-top:15px;
	padding:25px auto 25px auto;
	
	}
	.quote-section{
		display:none;
	}
	.cust-section .testimonial-logo{
		max-height:130px;
		margin:auto;
		 
	}
	
	.intro {
    height: 95%;
    padding: 0;
}

@font-face {
    font-family: Camphor;
    font-weight: 600;
    font-style: italic;
    src: url(/fonts/camphor-ss/600-bold-italic.woff2) format('woff2'), url(/fonts/camphor-ss/600-bold-italic.woff) format('woff')
}

@font-face {
    font-family: Source Code Pro;
    font-weight: 400;
    src: url(/fonts/sourcecodepro-ss/SourceCodePro-Medium.woff2) format('woff2'), url(/fonts/sourcecodepro-ss/SourceCodePro-Medium.woff) format('woff')
}

@font-face {
    font-family: Source Code Pro;
    font-weight: 600;
    src: url(/fonts/sourcecodepro-ss/SourceCodePro-Bold.woff2) format('woff2'), url(/fonts/sourcecodepro-ss/SourceCodePro-Bold.woff) format('woff')
}

@font-face {
    font-family: Flow-Block;
    src: url(/fonts/flow/flow-block.woff) format('woff')
}

@font-face {
    font-family: Flow-Rounded;
    src: url(/fonts/flow/flow-rounded.woff) format('woff')
}

@font-face {
    font-family: Flow-Circular;
    src: url(/fonts/flow/flow-circular.woff) format('woff')
}

.container,
.container-fluid,
.container-lg,
.container-wide,
.container-xl {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%
}

.container,
.container-lg {
    max-width: 1040px
    /*max-width: 990px*/
}

.container-wide,
.container-xl {
    max-width: 1160px
}

.common-SuperTitle {
    font-weight: 300;
    font-size: 45px;
    line-height: 60px;
    color: #32325d;
    letter-spacing: -.01em
}

@media (min-width:670px) {
    .common-SuperTitle {
        font-size: 50px;
        line-height: 70px
    }
}

.common-PageTitle {
    font-weight: 400;
    font-size: 34px;
    line-height: 43px;
    color: #32325d
}

@media (min-width:670px) {
    .common-PageTitle {
        font-size: 40px;
        line-height: 50px
    }
}

.common-PageSubtitle {
    font-weight: 300;
    font-size: 34px;
    line-height: 43px;
    color: #6772e5
}

@media (min-width:670px) {
    .common-PageSubtitle {
        font-size: 40px;
        line-height: 50px
    }
}

.common-IntroText {
    font-weight: 400;
    font-size: 21px;
    line-height: 31px;
    color: #525f7f
}

@media (min-width:670px) {
    .common-IntroText {
        font-size: 24px;
        line-height: 36px
    }
}

.common-BodyTitle {
    font-weight: 500;
    font-size: 19px;
    line-height: 28px;
    color: #32325d
}

.common-BodyText {
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: #6b7c93
}

.common-UppercaseTitle {
    font-size: 20px;
    line-height: 31px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em
}

@media (min-width:670px) {
    .common-UppercaseTitle {
        font-size: 22px;
        line-height: 33px
    }
}

.common-Uppercase {
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em
}

.common-AlignRight {
    text-align: right
}

.common-NoWrap {
    white-space: nowrap
}

.common-ProductLockup,
.common-ProductLockupBack {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:670px) {
    .common-ProductLockup,
    .common-ProductLockupBack {
        font-size: 28px;
        line-height: 38px
    }
}

.common-ProductLockup .icon,
.common-ProductLockupBack .icon {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    margin-right: 20px
}

@media (min-width:670px) {
    .common-ProductLockup .icon,
    .common-ProductLockupBack .icon {
        width: 72px;
        height: 72px
    }
}

.common-ProductLockupBack {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 20px;
    transition: color .1s
}

.common-ProductLockupBack:before {
    font: normal 48px/24px StripeIcons;
    content: '\279D';
    transform: scaleX(-1);
    width: 36px;
    text-align: right;
    position: relative;
    top: -6px;
    transition: color .1s
}

.common-ProductLockupBack .icon {
    width: 48px;
    height: 48px
}

.common-ProductLockupBack .hover-fillDark,
.common-ProductLockupBack .hover-fillLight {
    transition: fill .1s
}

.common-ProductLockupBack .hover-strokeDark,
.common-ProductLockupBack .hover-strokeLight {
    transition: stroke .1s
}

.common-ProductLockupBack:hover .hover-fillLight {
    fill: #8898aa
}

.common-ProductLockupBack:hover .hover-fillDark {
    fill: #32325d
}

.common-ProductLockupBack:hover .hover-strokeLight {
    stroke: #8898aa
}

.common-ProductLockupBack:hover .hover-strokeDark {
    stroke: #32325d
}

.common-Link {
    color: #6772e5;
    font-weight: 500;
    transition: color .1s ease;
    cursor: pointer
}

.common-Link:hover {
    color: #32325d
}

.common-Link:active {
    color: #000
}

.common-Link--arrow:after {
    font: normal 16px StripeIcons;
    content: '\2192';
    padding-left: 5px
}

.common-Link--arrowL:before {
    display: inline-block;
    font: normal 16px StripeIcons;
    content: '\2192';
    transform: rotate(180deg);
    margin-right: 5px;
    vertical-align: -2px
}

.common-Uppercase.common-Link--arrow:after {
    content: '\279C'
}

.common-InvertedText .common-BodyTitle,
.common-InvertedText .common-PageSubtitle,
.common-InvertedText .common-PageTitle,
.common-InvertedText .common-SuperTitle,
.common-InvertedText .common-Uppercase,
.common-InvertedText .common-UppercaseTitle {
    color: #fff
}

.common-InvertedText .common-IntroText {
    color: #c4f0ff
}

.common-InvertedText .common-BodyText {
    color: #9cdbff
}

.common-InvertedText .common-Link,
.common-Link--white {
    color: #fff
}

.common-InvertedText .common-Link:hover,
.common-Link--white:hover {
    color: #c4f0ff
}

.common-InvertedText .common-Link:active,
.common-Link--white:active {
    color: #87bbfd
}

.common-Button {
    white-space: nowrap;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    background: #fff;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    color: #6772e5;
    text-decoration: none;
    transition: all .15s ease
}

.common-Button:hover {
    color: #7795f8;
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
}

.common-Button:active {
    color: #555abf;
    background-color: #f6f9fc;
    transform: translateY(1px);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08)
}

.common-Button--default {
    color: #fff;
    background: #6772e5
}

.common-Button--default:hover {
    color: #fff;
    background-color: #7795f8
}

.common-Button--default:active {
    color: #e6ebf1;
    background-color: #555abf
}

.common-Button--dark {
    color: #fff;
    background: #32325d
}

.common-Button--dark:hover {
    color: #fff;
    background-color: #43458b
}

.common-Button--dark:active {
    color: #e6ebf1;
    background-color: #32325d
}

.common-Button--disabled {
    color: #fff;
    background: #aab7c4;
    pointer-events: none
}

.common-ButtonIcon {
    display: inline;
    margin: 0 5px 0 0;
    position: relative
}

.common-ButtonGroup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px
}

.common-ButtonGroup .common-Button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 10px
}

.StripeBackground {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    transform: skewY(-12deg);
    pointer-events: none
}

.StripeBackground .stripe {
    position: absolute;
    top: auto;
    left: 0;
    right: 0
}

.StripeBackground .stripe.pattern {
    overflow: hidden
}

.StripeBackground .stripe.pattern:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1000px;
    top: -1000px;
    transform: skew(0, 12deg)
}

.common-Card {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    padding: 30px;
    box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)
}

@media (min-width:880px) {
    .common-Card {
        padding: 50px
    }
}

.common-BetaBadge {
    display: inline;
    position: relative;
    height: 18px;
    margin-left: 11px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 2px 6px 2px 7px;
    text-transform: uppercase;
    color: #8898aa;
    background-color: rgba(136, 152, 170, .15)
}

.lg-cols,
.lg-grid,
.lg-rows,
.md-cols,
.md-grid,
.md-rows,
.sm-cols,
.sm-grid,
.sm-rows,
.xs-cols,
.xs-grid,
.xs-rows {
    display: -ms-flexbox;
    display: flex;
    margin: -20px
}

.feature-block {
    -ms-flex: 1;
    flex: 1;
    padding: 20px;
    position: relative
}

.xs-cols {
    -ms-flex-direction: row;
    flex-direction: row
}

.xs-cols .feature-block {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.xs-rows {
    -ms-flex-direction: column;
    flex-direction: column
}

.xs-rows .feature-block {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.xs-grid {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xs-grid .feature-block {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media (min-width:670px) {
    .sm-cols {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .sm-cols .feature-block {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .sm-rows {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .sm-rows .feature-block {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .sm-grid {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sm-grid .feature-block {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media (min-width:880px) {
    .md-cols {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .md-cols .feature-block {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .md-rows {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .md-rows .feature-block {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .md-grid {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .md-grid .feature-block {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media (min-width:1040px) {
    .lg-cols {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .lg-cols .feature-block {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .lg-rows {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .lg-rows .feature-block {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .lg-grid {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .lg-grid .feature-block {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

.xs-icon-top .icon {
    margin: 10px 0 20px -3px
}

.xs-icon-left {
    padding-left: 50px
}

.xs-icon-left .icon {
    position: absolute;
    left: -24px;
    top: 7px
}

@media (min-width:670px) {
    .sm-icon-top {
        padding-left: 0
    }
    .sm-icon-top .icon {
        position: static;
        margin: 10px 0 20px -3px
    }
    .sm-icon-left {
        padding-left: 50px
    }
    .sm-icon-left .icon {
        position: absolute;
        left: -24px;
        top: 7px
    }
}

@media (min-width:880px) {
    .md-icon-top {
        padding-left: 0
    }
    .md-icon-top .icon {
        position: static;
        margin: 10px 0 20px -3px
    }
    .md-icon-left {
        padding-left: 50px
    }
    .md-icon-left .icon {
        position: absolute;
        left: -24px;
        top: 7px
    }
}

@media (min-width:1040px) {
    .lg-icon-top {
        padding-left: 0
    }
    .lg-icon-top .icon {
        position: static;
        margin: 10px 0 20px -3px
    }
    .lg-icon-left {
        padding-left: 50px
    }
    .lg-icon-left .icon {
        position: absolute;
        left: -24px;
        top: 7px
    }
}

.feature-block h3,
.feature-block p {
    margin-bottom: 10px
}

.feature-block h3:last-child,
.feature-block p:last-child {
    margin-bottom: 0
}

.feature-block .icon {
    width: 48px;
    height: 48px
}

.common-FlagIcon:before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 15px;
    background: url(/img/v3/common/flagIcons.svg?5);
    background-position: -504px -40px;
    vertical-align: -2px;
    margin-right: 12px
}

.common-FlagIcon--ad:before {
    background-position: -10px -10px
}

.common-FlagIcon--ae:before {
    background-position: -41px -10px
}

.common-FlagIcon--ag:before {
    background-position: -72px -10px
}

.common-FlagIcon--am:before {
    background-position: -103px -10px
}

.common-FlagIcon--ar:before {
    background-position: -134px -10px
}

.common-FlagIcon--at:before {
    background-position: -165px -10px
}

.common-FlagIcon--au:before {
    background-position: -196px -10px
}

.common-FlagIcon--be:before {
    background-position: -227px -10px
}

.common-FlagIcon--bf:before {
    background-position: -258px -10px
}

.common-FlagIcon--bg:before {
    background-position: -289px -10px
}

.common-FlagIcon--bo:before {
    background-position: -320px -10px
}

.common-FlagIcon--br:before {
    background-position: -351px -10px
}

.common-FlagIcon--ca:before {
    background-position: -382px -10px
}

.common-FlagIcon--cd:before {
    background-position: -413px -10px
}

.common-FlagIcon--cg:before {
    background-position: -444px -10px
}

.common-FlagIcon--ch:before {
    background-position: -475px -10px
}

.common-FlagIcon--cl:before {
    background-position: -506px -10px
}

.common-FlagIcon--cm:before {
    background-position: -10px -35px
}

.common-FlagIcon--cn:before {
    background-position: -41px -35px
}

.common-FlagIcon--co:before {
    background-position: -72px -35px
}

.common-FlagIcon--cz:before {
    background-position: -103px -35px
}

.common-FlagIcon--de:before {
    background-position: -134px -35px
}

.common-FlagIcon--dj:before {
    background-position: -165px -35px
}

.common-FlagIcon--dk:before {
    background-position: -196px -35px
}

.common-FlagIcon--dz:before {
    background-position: -227px -35px
}

.common-FlagIcon--ee:before {
    background-position: -258px -35px
}

.common-FlagIcon--eg:before {
    background-position: -289px -35px
}

.common-FlagIcon--es:before {
    background-position: -320px -35px
}

.common-FlagIcon--eu:before {
    background-position: -351px -35px
}

.common-FlagIcon--fi:before {
    background-position: -382px -35px
}

.common-FlagIcon--fr:before {
    background-position: -413px -35px
}

.common-FlagIcon--ga:before {
    background-position: -444px -35px
}

.common-FlagIcon--gb:before {
    background-position: -475px -35px
}

.common-FlagIcon--gm:before {
    background-position: -506px -35px
}

.common-FlagIcon--gt:before {
    background-position: -10px -60px
}

.common-FlagIcon--hk:before {
    background-position: -41px -60px
}

.common-FlagIcon--hn:before {
    background-position: -72px -60px
}

.common-FlagIcon--ht:before {
    background-position: -103px -60px
}

.common-FlagIcon--hu:before {
    background-position: -134px -60px
}

.common-FlagIcon--id:before {
    background-position: -165px -60px
}

.common-FlagIcon--ie:before {
    background-position: -196px -60px
}

.common-FlagIcon--il:before {
    background-position: -227px -60px
}

.common-FlagIcon--in:before {
    background-position: -258px -60px
}

.common-FlagIcon--iq:before {
    background-position: -289px -60px
}

.common-FlagIcon--ir:before {
    background-position: -320px -60px
}

.common-FlagIcon--it:before {
    background-position: -351px -60px
}

.common-FlagIcon--jm:before {
    background-position: -382px -60px
}

.common-FlagIcon--jo:before {
    background-position: -413px -60px
}

.common-FlagIcon--jp:before {
    background-position: -444px -60px
}

.common-FlagIcon--kg:before {
    background-position: -475px -60px
}

.common-FlagIcon--kn:before {
    background-position: -506px -60px
}

.common-FlagIcon--kp:before {
    background-position: -10px -85px
}

.common-FlagIcon--kr:before {
    background-position: -41px -85px
}

.common-FlagIcon--kw:before {
    background-position: -72px -85px
}

.common-FlagIcon--kz:before {
    background-position: -103px -85px
}

.common-FlagIcon--la:before {
    background-position: -134px -85px
}

.common-FlagIcon--lb:before {
    background-position: -165px -85px
}

.common-FlagIcon--lc:before {
    background-position: -196px -85px
}

.common-FlagIcon--ls:before {
    background-position: -227px -85px
}

.common-FlagIcon--lu:before {
    background-position: -258px -85px
}

.common-FlagIcon--lv:before {
    background-position: -289px -85px
}

.common-FlagIcon--mg:before {
    background-position: -320px -85px
}

.common-FlagIcon--mk:before {
    background-position: -351px -85px
}

.common-FlagIcon--ml:before {
    background-position: -382px -85px
}

.common-FlagIcon--mm:before {
    background-position: -413px -85px
}

.common-FlagIcon--mt:before {
    background-position: -444px -85px
}

.common-FlagIcon--mx:before {
    background-position: -475px -85px
}

.common-FlagIcon--na:before {
    background-position: -506px -85px
}

.common-FlagIcon--ne:before {
    background-position: -10px -110px
}

.common-FlagIcon--ng:before {
    background-position: -41px -110px
}

.common-FlagIcon--ni:before {
    background-position: -72px -110px
}

.common-FlagIcon--nl:before {
    background-position: -103px -110px
}

.common-FlagIcon--no:before {
    background-position: -134px -110px
}

.common-FlagIcon--nz:before {
    background-position: -165px -110px
}

.common-FlagIcon--om:before {
    background-position: -196px -110px
}

.common-FlagIcon--pa:before {
    background-position: -227px -110px
}

.common-FlagIcon--pe:before {
    background-position: -258px -110px
}

.common-FlagIcon--pg:before {
    background-position: -289px -110px
}

.common-FlagIcon--ph:before {
    background-position: -320px -110px
}

.common-FlagIcon--pk:before {
    background-position: -351px -110px
}

.common-FlagIcon--pl:before {
    background-position: -382px -110px
}

.common-FlagIcon--pt:before {
    background-position: -413px -110px
}

.common-FlagIcon--py:before {
    background-position: -444px -110px
}

.common-FlagIcon--qa:before {
    background-position: -475px -110px
}

.common-FlagIcon--ro:before {
    background-position: -506px -110px
}

.common-FlagIcon--ru:before {
    background-position: -10px -135px
}

.common-FlagIcon--rw:before {
    background-position: -41px -135px
}

.common-FlagIcon--sa:before {
    background-position: -72px -135px
}

.common-FlagIcon--se:before {
    background-position: -103px -135px
}

.common-FlagIcon--sg:before {
    background-position: -134px -135px
}

.common-FlagIcon--sl:before {
    background-position: -165px -135px
}

.common-FlagIcon--sn:before {
    background-position: -196px -135px
}

.common-FlagIcon--so:before {
    background-position: -227px -135px
}

.common-FlagIcon--sv:before {
    background-position: -258px -135px
}

.common-FlagIcon--td:before {
    background-position: -289px -135px
}

.common-FlagIcon--tj:before {
    background-position: -320px -135px
}

.common-FlagIcon--tl:before {
    background-position: -351px -135px
}

.common-FlagIcon--tr:before {
    background-position: -382px -135px
}

.common-FlagIcon--tz:before {
    background-position: -413px -135px
}

.common-FlagIcon--ua:before {
    background-position: -444px -135px
}

.common-FlagIcon--us:before {
    background-position: -475px -135px
}

.common-FlagIcon--ve:before {
    background-position: -506px -135px
}

.common-FlagIcon--vn:before {
    background-position: -10px -160px
}

.common-FlagIcon--xx:before {
    background-position: -41px -160px
}

.common-FlagIcon--ye:before {
    background-position: -72px -160px
}

.globalNav {
    font-family: Camphor, Open Sans, Segoe UI, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    z-index: 500;
    height: 50px;
    perspective: 2000px
}

.globalNav ul {
    padding: 0;
    margin: 0
}

.globalNav li {
    list-style: none
}

.globalNav a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #6772e5;
    transition: color .1s
}

.globalNav a:hover {
    color: #32325d
}

.globalNav>.container-lg {
    padding: 0
}

.globalNav .navRoot {
    position: relative
}

.globalNav .navSection.logo {
    position: absolute;
    top: 0;
    left: 0
}

.globalNav .navSection.primary,
.globalNav .navSection.secondary {
    display: none
}

@media (min-width:670px) {
    .globalNav .navSection.primary,
    .globalNav .navSection.secondary {
        display: -ms-flexbox;
        display: flex
    }
}

.globalNav .navSection.primary {
    -ms-flex-pack: center;
    justify-content: center
}

.globalNav .navSection.secondary {
    position: absolute;
    top: 0;
    right: 0
}

.globalNav .navSection.mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:670px) {
    .globalNav .navSection.mobile {
        display: none
    }
}

.globalNav.compact .navRoot {
    display: -ms-flexbox;
    display: flex
}

.globalNav.compact .navSection.logo {
    position: static;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav.compact .navSection.secondary {
    position: static
}

.globalNav .rootLink {
    display: inline-block;
    height: 50px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 17px;
    line-height: 50px;
    font-weight: 400;
    margin: 0;
    padding: 0 10px
}

@media (min-width:670px) {
    .globalNav .rootLink {
        padding: 0 calc(10px + (100vw - 670px) * .040541)
    }
}

@media (min-width:1040px) {
    .globalNav .rootLink {
        padding: 0 25px
    }
}

.globalNav .navSection.logo .rootLink {
    padding-left: 20px!important
}

.globalNav .navSection.secondary .rootLink:last-child {
    padding-right: 20px!important
}

.globalNav .navSection.primary .rootLink {
    font-weight: 500
}

.globalNav .colorize {
    color: #6772e5;
    transition: color .1s ease
}

.globalNav .colorize.active,
.globalNav .colorize:hover {
    color: #32325d
}

.globalNav .hasDropdown {
    cursor: default
}

.globalNav .item-home h1 {
    line-height: 50px;
    font-size: 20px;
    margin: 0;
    color: inherit
}

.globalNav .item-home svg {
    vertical-align: -5px
}

.globalNav .item-home svg path {
    fill: currentColor
}

.globalNav .item-dashboard:after {
    font: normal 16px StripeIcons;
    content: '\279E';
    padding-left: 1px
}

.globalNav .dropdownRoot {
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 50px;
    pointer-events: none;
    transform: rotateX(-15deg);
    transform-origin: 50% -50px;
    opacity: 0;
    will-change: transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .25s;
    display: none
}

@media (min-width:670px) {
    .globalNav .dropdownRoot {
        display: block
    }
}

.globalNav.dropdownActive .dropdownRoot {
    opacity: 1;
    pointer-events: auto;
    transform: none
}

.globalNav .dropdownBackground {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
    width: 380px;
    height: 400px;
    transform: translateX(0);
    transform-origin: 0 0
}

.globalNav .alternateBackground,
.globalNav .dropdownBackground {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    transition-property: transform;
    transition-duration: .25s
}

.globalNav .alternateBackground {
    right: 0;
    height: 1000px;
    background: #f6f9fc
}

.globalNav .dropdownArrow {
    position: absolute;
    top: -6px;
    left: 0;
    margin: 0 0 0 -6px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-radius: 4px 0 0 0;
    background: #fff;
    box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
    will-change: transform;
    transition-property: transform;
    transition-duration: .25s
}

.globalNav .dropdownContainer {
    overflow: hidden;
    width: 500px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0);
    will-change: transform, width, height;
    transition-property: transform, width, height;
    transition-duration: .25s
}

.globalNav .dropdownSection {
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .25s;
    background: red
}

.globalNav .dropdownSection.active {
    opacity: 1;
    transform: translateX(0)
}

.globalNav .dropdownSection.left {
    transform: translateX(-150px)
}

.globalNav .dropdownSection.right {
    transform: translateX(150px)
}

.globalNav.dropdownActive .dropdownSection.active {
    pointer-events: auto
}

.globalNav.noDropdownTransition .alternateBackground,
.globalNav.noDropdownTransition .dropdownArrow,
.globalNav.noDropdownTransition .dropdownBackground,
.globalNav.noDropdownTransition .dropdownContainer,
.globalNav.noDropdownTransition .dropdownSection {
    transition: none
}

.globalNav .dropdownContent {
    position: absolute;
    top: 0;
    left: 0
}

.globalNav .linkGroup {
    padding: 20px 35px
}

.globalNav .linkContainer {
    display: block;
    padding: 9px 0
}

.globalNav .linkTitle {
    margin: 0;
    color: #6772e5;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .025em
}

.globalNav .linkSub {
    font-size: 15px;
    line-height: 22px;
    color: #6b7c93;
    margin: 5px 0 0;
    display: block
}

.globalNav .linkSub,
.globalNav .linkTitle {
    transition: color .1s
}

.globalNav .linkContainer:hover .linkTitle,
.globalNav .linkTitle:hover {
    color: #32325d
}

.globalNav .linkContainer:hover .linkSub {
    color: #424770
}

.globalNav .hover-fillDark,
.globalNav .hover-fillLight {
    transition: fill .1s
}

.globalNav .hover-strokeDark,
.globalNav .hover-strokeLight {
    transition: stroke .1s
}

.globalNav .linkContainer:hover .hover-fillLight {
    fill: #8898aa
}

.globalNav .linkContainer:hover .hover-fillDark {
    fill: #32325d
}

.globalNav .linkContainer:hover .hover-strokeLight {
    stroke: #8898aa
}

.globalNav .linkContainer:hover .hover-strokeDark {
    stroke: #32325d
}

.globalNav .linkIcon {
    white-space: nowrap
}

.globalNav .linkIcon svg {
    margin: 0 12px -3px -1px
}

.globalNav .withIcon {
    padding-left: 28px
}

.globalNav .withIcon .linkTitle {
    margin-left: -28px
}

.globalNav .new-badge {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    background: #6772e5;
    transition: background .15s;
    border-radius: 10px;
    padding: 0 5px;
    height: auto;
    top: auto;
    box-shadow: none
}

.globalNav .linkContainer:hover .new-badge {
    background: #32325d
}

.globalNav .productsGroupPrimary,
.globalNav .productsGroupSecondary {
    margin: -5px -10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.globalNav .productsGroupPrimary>li,
.globalNav .productsGroupSecondary>li {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex
}

.globalNav .productsGroupPrimary .linkContainer,
.globalNav .productsGroupSecondary .linkContainer {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.globalNav .productsGroupPrimary .linkContainer {
    padding: 16px 8px
}

.globalNav .productsGroupPrimary svg {
    width: 48px;
    height: 48px
}

.globalNav .productsGroupPrimary .productLinkContent {
    -ms-flex: 1;
    flex: 1;
    margin-left: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.globalNav .productsGroupSecondary .linkContainer {
    padding: 14px 8px 14px 12px
}

.globalNav .productsGroupSecondary svg {
    width: 22px;
    height: 22px
}

.globalNav .productsGroupSecondary .productLinkContent {
    -ms-flex: 1;
    flex: 1;
    margin-left: 15px
}

.globalNav .productsGroupSecondary .linkTitle {
    display: inline
}

.globalNav .productsGroupSecondary .linkSub {
    display: inline;
    margin: 0 0 0 10px
}

.globalNav .prodsubGroup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 2px solid #fff
}

.globalNav .prodsubGroup .linkContainer {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 13px 30px
}

.globalNav .prodsubGroup .linkSub {
    margin: 0 0 0 10px
}

.globalNav .item-subscriptions .linkTitle {
    color: #24b47e
}

.globalNav .item-connect .linkTitle {
    color: #3297d3
}

.globalNav .item-sigma .linkTitle {
    color: #8f6ed5
}

.globalNav .item-connect .new-badge {
    background: #3297d3
}

.globalNav .item-relay .linkTitle {
    color: #e25950
}

.globalNav .item-atlas .linkTitle {
    color: #e39f48
}

.globalNav .item-radar .linkTitle {
    color: #b76ac4
}

.globalNav .item-sigma .new-badge {
    background: #8f6ed5
}

.globalNav .documentationGroup .linkSub {
    max-width: 250px
}

.globalNav .documentationArticles {
    font-size: 15px;
    line-height: 26px;
    margin: 15px 20px 10px 28px;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.globalNav .documentationArticles>ul {
    margin-right: 40px
}

.globalNav .documentationArticles>ul:last-child {
    margin-right: 0
}

.globalNav .documentationArticles h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .025em;
    margin: 0 0 3px;
    color: #8898aa
}

.globalNav .blogPosts {
    margin: 5px 10px 5px 28px
}

.globalNav .blogPosts a {
    display: block;
    white-space: nowrap;
    padding: 5px 0
}

.globalNav .blogPosts a:after {
    content: '\27A2';
    font: normal 16px StripeIcons;
    margin-left: 6px;
    vertical-align: -3px
}

.globalNav .blogPosts .title {
    font-size: 15px;
    line-height: 22px;
    display: inline-block;
    white-space: nowrap;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top
}

.globalNav .blogPosts .title.new {
    font-weight: 500
}

.globalNav .blogPosts .new-badge {
    vertical-align: -1px
}

.globalNav .blogPosts a:hover .new-badge {
    background: #32325d
}

.globalNav .navSection.mobile .rootLink {
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: relative;
    padding: 0 30px
}

.globalNav .navSection.mobile .rootLink h2 {
    color: inherit
}

.globalNav .navSection.mobile .rootLink h2,
.globalNav .navSection.mobile .rootLink h2:after,
.globalNav .navSection.mobile .rootLink h2:before {
    position: absolute;
    width: 24px;
    height: 3px;
    border-radius: 1px;
    background: currentColor
}

.globalNav .navSection.mobile .rootLink h2 {
    font-size: 0;
    left: 13px;
    top: 23px
}

.globalNav .navSection.mobile .rootLink h2:after,
.globalNav .navSection.mobile .rootLink h2:before {
    content: '';
    left: 0
}

.globalNav .navSection.mobile .rootLink h2:before {
    top: -9px
}

.globalNav .navSection.mobile .rootLink h2:after {
    top: 9px
}

.globalNav .popup {
    position: absolute;
    left: 10px;
    top: 5px;
    right: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: none;
    perspective: 2000px
}

.globalNav .popupContainer {
    background: #fff;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    line-height: 40px;
    white-space: nowrap;
    -ms-flex-positive: 1;
    flex-grow: 1;
    transform: scale(.95);
    transform-origin: 100% 0;
    opacity: 0;
    will-change: transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .25s
}

.globalNav .navSection.mobile.globalPopupActive .popupContainer {
    transform: none;
    opacity: 1;
    pointer-events: auto
}

.globalNav .popup a {
    display: block
}

.globalNav .popupCloseButton {
    position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    height: 51px;
    font-size: 0;
    cursor: pointer
}

.globalNav .popupCloseButton:after,
.globalNav .popupCloseButton:before {
    content: '';
    position: absolute;
    background: #6772e5;
    border-radius: 1px;
    left: 14px;
    right: 14px;
    top: 24px;
    height: 3px;
    transform: rotate(45deg);
    transition: background .1s
}

.globalNav .popupCloseButton:after {
    transform: rotate(-45deg)
}

.globalNav .popupCloseButton:hover:after,
.globalNav .popupCloseButton:hover:before {
    background: #32325d
}

.globalNav .mobileSignIn {
    background: #f6f9fc;
    display: block;
    padding: 12px 30px;
    font-weight: 600
}

.globalNav .mobileSignIn:after {
    font: normal 16px StripeIcons;
    content: '\279C';
    margin-left: 6px
}

.globalNav .mobileProducts {
    padding: 20px 0 15px
}

.globalNav .mobileProducts h4 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .025em;
    color: #8898aa;
    text-transform: uppercase;
    margin: -5px 0 0 30px
}

.globalNav .mobileProductsList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.globalNav .mobileProductsList>ul {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav .mobileProductsList>ul:last-child {
    -ms-flex-positive: 3;
    flex-grow: 3
}

.globalNav .mobileProductsList a {
    padding: 0 30px;
    font-size: 20px;
    font-weight: 500;
    line-height: 50px
}

.globalNav .mobileProductsList a:hover {
    color: #32325d
}

.globalNav .mobileProductsList a svg {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 15px 0 -3px;
    vertical-align: -5px
}

.globalNav .mobileProductsList .item-subscriptions {
    color: #24b47e
}

.globalNav .mobileProductsList .item-connect {
    color: #3297d3
}

.globalNav .mobileProductsList .item-relay {
    color: #e25950
}

.globalNav .mobileProductsList .item-sigma {
    color: #8f6ed5
}

.globalNav .mobileProductsList .item-atlas {
    color: #e39f48
}

.globalNav .mobileProductsList .item-radar {
    color: #b76ac4
}

.globalNav .mobileProductsList .new-badge {
    vertical-align: 3px
}

.globalNav .mobileSecondaryNav {
    border-top: 2px solid #f6f9fc;
    padding: 15px 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.globalNav .mobileSecondaryNav>ul {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav .mobileSecondaryNav>ul:last-child {
    -ms-flex-positive: 3;
    flex-grow: 3
}

.globalNav .mobileSecondaryNav a {
    padding: 0 20px;
    min-width: 100px
}

.productNav {
    font-family: Camphor, Open Sans, Segoe UI, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 70px;
    right: 0;
    z-index: 499;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 0
}

.productNav>.container-lg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.productNav .separator {
    position: absolute;
    width: calc(100% - 40px);
    height: 1px;
    top: -16px;
    background-color: currentColor;
    opacity: .1;
    pointer-events: none
}

.productNav a.home {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600
}

.productNav a.home svg {
    display: block
}

.productNav a.home span {
    margin-left: 12px
}

.productNav .mask-container {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 -20px 0 20px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 20px, #000 calc(100% - 20px), transparent 100%)
}

.productNav .mask-container,
.productNav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.productNav ul {
    padding: 0 0 10px;
    margin-bottom: -10px;
    overflow: auto;
    line-height: 30px;
    -webkit-overflow-scrolling: touch;
    -webkit-mask-image: linear-gradient(180deg, #000, #000 calc(100% - 10px), transparent calc(100% - 10px), transparent 100%)
}

.productNav ul::-webkit-scrollbar {
    display: none
}

.productNav li {
    list-style: none;
    padding: 0 10px
}

.productNav li:first-child {
    padding-left: 20px
}

.productNav li:last-child {
    padding-right: 20px
}

@media (min-width:420px) {
    .productNav li {
        padding: 0 15px
    }
}

@media (min-width:670px) {
    .productNav li {
        padding: 0 20px
    }
}

.productNav a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #6772e5;
    transition: color .1s;
    white-space: nowrap
}

.productNav a:hover {
    color: #32325d
}

.productNav a.external:after {
    font: normal 16px StripeIcons;
    content: '\279E';
    padding-left: 5px
}

.productNav .colorize {
    color: #6772e5;
    transition: color .1s ease
}

.productNav .colorize.active,
.productNav .colorize:hover {
    color: #32325d
}

html[lang=ja] .productNav ul {
    white-space: nowrap
}

.globalFooter {
    font-family: Camphor, Open Sans, Segoe UI, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f6f9fc;
    position: relative
}

.globalFooter.withCards {
    background: transparent;
    overflow: hidden;
    padding-top: 500px;
    margin-top: -480px;
    pointer-events: none
}

.globalFooter.withCards>* {
    pointer-events: auto;
    position: relative
}

.globalFooter.withCards:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 600px;
    height: 2000px;
    background: #f6f9fc;
    transform: skew(0, -12deg)
}

.globalFooterCards .container-xl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px auto;
    padding: 0 5px
}

a.globalFooterCard,
div.globalFooterCard {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 15px;
    z-index: 499;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 40px 40px 40px 120px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
    transition-property: color, background-color, box-shadow, transform;
    transition-duration: .15s
}

a.globalFooterCard:after,
div.globalFooterCard:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #aab7c4;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s
}

@media (min-width:670px) {
    a.globalFooterCard,
    div.globalFooterCard {
        -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
        padding-left: 100px
    }
}

@media (min-width:880px) {
    a.globalFooterCard,
    div.globalFooterCard {
        padding-left: 120px
    }
}

a.globalFooterCard:hover,
div.globalFooterCard:hover {
    color: #32325d!important;
    transform: translateY(-2px);
    box-shadow: 0 18px 35px rgba(50, 50, 93, .1), 0 8px 15px rgba(0, 0, 0, .07)
}

a.globalFooterCard:active,
div.globalFooterCard:active {
    transform: translateY(2px);
    box-shadow: 0 11px 20px rgba(50, 50, 93, .1), 0 6px 11px rgba(0, 0, 0, .08)
}

a.globalFooterCard:active:after,
div.globalFooterCard:active:after {
    opacity: .15
}

a.globalFooterCard img,
a.globalFooterCard svg,
div.globalFooterCard img,
div.globalFooterCard svg {
    position: absolute;
    width: 130px;
    height: 130px;
    left: -35px;
    top: calc(50% - 65px)
}

@media (min-width:670px) {
    a.globalFooterCard img,
    a.globalFooterCard svg,
    div.globalFooterCard img,
    div.globalFooterCard svg {
        left: -50px
    }
}

@media (min-width:880px) {
    a.globalFooterCard img,
    a.globalFooterCard svg,
    div.globalFooterCard img,
    div.globalFooterCard svg {
        left: -35px
    }
}

a.globalFooterCard svg .hover-fillDark,
a.globalFooterCard svg .hover-fillLight,
div.globalFooterCard svg .hover-fillDark,
div.globalFooterCard svg .hover-fillLight {
    transition: fill .15s
}

a.globalFooterCard svg .hover-strokeDark,
a.globalFooterCard svg .hover-strokeLight,
div.globalFooterCard svg .hover-strokeDark,
div.globalFooterCard svg .hover-strokeLight {
    transition: stroke .15s
}

a.globalFooterCard:hover svg .hover-fillDark,
div.globalFooterCard:hover svg .hover-fillDark {
    fill: #32325d
}

a.globalFooterCard:hover svg .hover-fillLight,
div.globalFooterCard:hover svg .hover-fillLight {
    fill: #8898aa
}

a.globalFooterCard:hover svg .hover-strokeDark,
div.globalFooterCard:hover svg .hover-strokeDark {
    stroke: #32325d
}

a.globalFooterCard:hover svg .hover-strokeLight,
div.globalFooterCard:hover svg .hover-strokeLight {
    stroke: #8898aa
}

a.globalFooterCard h2,
div.globalFooterCard h2 {
    margin: 0 0 5px;
    white-space: normal
}

a.globalFooterCard p,
div.globalFooterCard p {
    margin: 5px 0 0
}

a.globalFooterCard.card-pricing,
div.globalFooterCard.card-pricing {
    color: #24b47e
}

a.globalFooterCard.card-documentation,
div.globalFooterCard.card-documentation {
    color: #b76ac4
}

a.globalFooterCard.card-subscriptions,
div.globalFooterCard.card-subscriptions {
    color: #24b47e
}

a.globalFooterCard.card-connect,
div.globalFooterCard.card-connect {
    color: #3297d3
}

a.globalFooterCard.card-relay,
div.globalFooterCard.card-relay {
    color: #e25950
}

a.globalFooterCard.card-atlas,
div.globalFooterCard.card-atlas {
    color: #e39f48
}

a.globalFooterCard.card-radar,
div.globalFooterCard.card-radar {
    color: #b76ac4
}

a.globalFooterCard.card-sigma,
div.globalFooterCard.card-sigma {
    color: #8f6ed5
}

.globalFooterCTA {
    padding: 50px 0;
    border-bottom: 2px solid rgba(207, 215, 223, .25)
}

@media (min-width:670px) {
    .globalFooterCTA .container-lg {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.globalFooterCTA .buttons,
.globalFooterCTA .content {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}

.globalFooterCTA .title {
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
    color: #32325d;
    margin: .75em 0
}

.globalFooterCTA .subtitle {
    font-weight: 300;
    color: #6772e5;
    display: block
}

@media (min-width:670px) {
    .globalFooterCTA .common-ButtonGroup {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.globalFooterNav {
    padding: 65px 0 55px;
    color: #8898aa;
    line-height: 30px;
    font-size: 15px;
    white-space: nowrap
}

.globalFooterNav ul {
    padding: 0;
    margin: 0
}

.globalFooterNav li {
    list-style: none
}

.globalFooterNav .container-lg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:880px) {
    .globalFooterNav .container-lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.globalFooterNav a {
    text-decoration: none;
    color: inherit;
    transition: color .1s
}

.globalFooterNav a:hover {
    color: #32325d
}

.globalFooterNav .metaNav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 20px
}

@media (min-width:880px) {
    .globalFooterNav .metaNav {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 20px
    }
}

.globalFooterNav .metaNav>li {
    margin-right: 20px
}

.globalFooterNav .metaNav .select {
    position: relative;
    perspective: 2000px;
    z-index: 499
}

.globalFooterNav .metaNav .rootLink {
    color: #6772e5;
    font-weight: 600;
    cursor: pointer
}

.globalFooterNav .metaNav .rootLink:hover {
    color: #32325d
}

.globalFooterNav .metaNav .rootLink svg {
    display: inline-block;
    vertical-align: -1px;
    margin: 0 7px 0 -2px
}

.globalFooterNav .metaNav .rootLink svg path {
    fill: currentColor
}

.globalFooterNav .metaNav .select.globalPopupActive .rootLink {
    color: #32325d
}

@media (min-width:880px) {
    .globalFooterNav .metaNav .country {
        margin-bottom: 5px
    }
}

.globalFooterNav .metaNav .space {
    -ms-flex-positive: 2;
    flex-grow: 2
}

.globalFooterNav .metaNav .copyright {
    margin-right: 0;
    color: #cfd7df
}

.globalFooterNav .siteNav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:670px) {
    .globalFooterNav .siteNav {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:880px) {
    .globalFooterNav .siteNav {
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

.globalFooterNav .siteNav .column {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-bottom: 20px
}

@media (min-width:670px) {
    .globalFooterNav .siteNav .column {
        -ms-flex-preferred-size: auto!important;
        flex-basis: auto!important;
        margin-right: 40px
    }
}

@media (min-width:880px) {
    .globalFooterNav .siteNav .column {
        margin-right: 30px
    }
}

@media (min-width:1040px) {
    .globalFooterNav .siteNav .column {
        margin-right: 40px
    }
}

.globalFooterNav .siteNav .column:last-child {
    margin-right: 0
}

.globalFooterNav .siteNav .splitColumn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.globalFooterNav .siteNav li {
    margin-right: 40px
}

.globalFooterNav .siteNav li.long-link {
    margin-right: 20px
}

.globalFooterNav .siteNav .column:last-child li {
    margin-right: 0
}

.globalFooterNav .siteNav h4 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    margin: 0 0 5px
}

.globalFooterNav .siteNav strong {
    font-weight: 500
}

.globalFooterNav .popup {
    position: absolute;
    bottom: 40px;
    left: -5px;
    z-index: 1000;
    font-size: 15px;
    line-height: 26px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
    pointer-events: none;
    transform: rotate3d(1, 1, 0, 15deg);
    transform-origin: 0 100%;
    opacity: 0;
    will-change: transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .25s
}

@media (min-width:1160px) {
    .globalFooterNav .popup {
        left: -65px
    }
}

.globalFooterNav .popup:before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 30px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    border-radius: 20px 0 3px 0;
    background: #fff
}

@media (min-width:1160px) {
    .globalFooterNav .popup:before {
        left: 60px
    }
}

.globalFooterNav .globalPopupActive {
    z-index: 1000!important
}

.globalFooterNav .globalPopupActive .popup {
    transform: none;
    opacity: 1;
    pointer-events: auto
}

.globalFooterNav .optionList {
    color: #525f7f;
    white-space: nowrap
}

.globalFooterNav .optionList a {
    border-radius: 4px;
    display: block;
    line-height: 36px;
    padding: 0 15px;
    transition: color .1s, background-color .1s
}

.globalFooterNav .optionList a:hover {
    background-color: #f6f9fc;
    color: #32325d
}

.globalFooterNav .optionList a:active {
    background-color: #e6ebf1
}

.globalFooterNav .optionList .selected {
    font-weight: 600;
    color: #32325d
}

.globalFooterNav .optionList .selected>span:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin: 0 6px 0 -2px;
    background: url(/img/v3/common/footer/select/checkmark.svg)
}

.globalFooterNav .badge {
    font-size: 10px;
    line-height: 10px;
    color: #aab7c4;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    font-style: normal;
    padding: 2px 3px 1px;
    border-radius: 4px;
    border: 1px solid #e6ebf1;
    display: inline-block;
    vertical-align: 1px;
    margin-left: 8px
}

.globalFooterNav .languagePicker {
    padding: 10px 5px
}

.globalFooterNav .countryPicker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.globalFooterNav .countryPicker:before {
    background: #f6f9fc
}

@media (min-width:670px) {
    .globalFooterNav .countryPicker {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .globalFooterNav .countryPicker:before {
        background: #fff
    }
}

.globalFooterNav .columns,
.globalFooterNav .sidebar {
    display: -ms-flexbox;
    display: flex
}

.globalFooterNav .sidebar {
    background: #f6f9fc;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:670px) {
    .globalFooterNav .sidebar {
        border-radius: 0 5px 5px 0
    }
}

.globalFooterNav .sidebar .optionList a:hover {
    background-color: rgba(230, 235, 241, .5)
}

.globalFooterNav .sidebar .optionList a:active {
    background-color: rgba(207, 215, 223, .5)
}

.globalFooterNav .countryList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: calc(100vw - 40px);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.globalFooterNav .countryList h4 {
    margin: 0 0 5px
}

.globalFooterNav .countryList h4 a {
    line-height: 36px;
    padding: 0 15px;
    text-transform: uppercase;
    color: #6772e5;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .025em
}

.globalFooterNav .countryList h4 a:hover {
    color: #32325d
}

.globalFooterNav .countryList h4 a:after {
    font: normal 16px StripeIcons;
    content: '\2192';
    margin-left: 6px
}

.globalFooterNav .globalLink {
    border-top: 2px solid #fff;
    padding: 30px 40px
}

.globalFooterNav .globalLink:hover {
    color: #424770
}

.globalFooterNav .globalLink:hover strong {
    color: #32325d
}

.globalFooterNav .globalLink strong {
    display: block;
    color: #6772e5;
    font-weight: 500;
    transition: color .1s
}

.globalFooterNav .globalLink strong:after {
    font: normal 16px StripeIcons;
    content: '\2192';
    margin-left: 6px
}

.cookie-notification-container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: none;
    z-index: 1100
}

@media (min-width:420px) {
    .cookie-notification-container {
        bottom: 10px
    }
}

.cookie-notification-container.shown {
    display: block
}

.cookie-notification-container.dismissed,
.cookie-notification-container.shown.dismissed {
    display: none
}

.cookie-notification {
    background: rgba(246, 249, 252, .9);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    font-size: 15px;
    color: #424770;
    margin: 0 auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
    .cookie-notification {
        background: rgba(246, 249, 252, .75);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }
}

@media (min-width:420px) {
    .cookie-notification {
        border-radius: 4px
    }
}

.cookie-notification .cookie-notification-copy {
    padding: 8px 5px 8px 15px
}

.cookie-notification .dismiss-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    outline: none;
    overflow: hidden;
    text-indent: -9999px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 40px;
    height: 40px;
    color: #8898aa;
    transition: color .15s;
    cursor: pointer
}

.cookie-notification .dismiss-button:after,
.cookie-notification .dismiss-button:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40%;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transform: translate(-50%, -50%) rotate(45deg)
}

.cookie-notification .dismiss-button:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.cookie-notification .dismiss-button:hover {
    color: #32325d
}

.size-bigger {
    font-size: 35px;
    margin-top: -5px;
    font-weight: normal !important;
    color: #fff;
    letter-spacing: 1px;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}
.intro-body {
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0%;
    right: 0;
    top: 0;
    height: 255px;
    text-align: center;
}
.newmd11{
	width:100%;
}

.btn-circlenew {
    width: 175px;
margin-top: 20px;
padding: 12px 16px;
border: 2px solid #ffffff !important;
font-size: 20px !important;
color: #fff;
background: transparent;
height: auto !important;
   
}

#belowheaderdiv{
	
	background: #262c38;

margin-top: -60px;
position: absolute;
width: 100%;

z-index: 9;
min-height: 190px;
}

.globalFooterCTA .buttons, .globalFooterCTA .contentnew {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}

.globalFooter .globalFooterCTA {
    padding-top: 150px;
}

.taglinenew #tag{
	
	
	font-size: 18px;
color: #ffe900 !important;

text-align: center;
margin-top: 40px;
font-weight: bold;
margin-bottom: 25px;
}

.taglinenew #tag span{
	
color: #fff !important;

font-weight: normal !important;
	
}
.icoregister{
	
	    width: 64%;
    text-align: center;
    
    margin: auto;
    
}

.icoregister .form-control {
    display: inline;
    width: 67%;
    height: 50px;
    padding: 15px 16px;
        font-size: 18px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ddd;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.registerSection .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

main header .stripes {

    top: -28px;

}
main header .road-map {
   
    height: 700px;
   
    
}

.btn{ border: 0; border-radius: 5px; -webkit-border-radius: 5px;height: 49px; font-size: 18px; font-weight: 600;}
.btn-primary{ background: #fc6f43;}
.btn-primary:hover{ background: #cb5731;}

.btn.btn-yellow{    vertical-align: top;
    background: #ffe701;
    color: #121c32;
    text-transform: uppercase;
    font-size: 15px;
    height: 49px;}
.btn.btn-yellow:hover{  
    background: #121c32;
    color: #ffe701;}

/* color Css
	==========================================*/
	.txtYellow{ color: #ffe701;}
	
	
/*.registerSection{background: #262c38; text-align: center; padding: 3em 0;}*/
.registerSection {
    background: #262c38;
    text-align: center;
    padding: 3em 0;
    position: absolute;
    width: 100%;
    margin-top: -60px;
    z-index: 9;
}
.registerSection h3{ font-size: 16px; color: #fff; margin-bottom:20px; margin-top:0px }
.registerSection h3 span{font-weight: bold;}
.registerSection .form-control{    background: #d0cbc8; border: 1px solid #fff; border-radius: 5px; color: #fff; display: inline-block; font-weight: bold; font-size: 16px; max-width: 423px; height: 49px; width: 100%;  padding: 10px 15px; margin-right:8px;}

/*** Market Section **/
.marketSection{ background: #f8f9fd; position:relative; padding: 3em 0; text-align: center;}
.marketSection:before { content: "";
    background: #f8f9fd;
    height: 50px;
    width: 102%;
    display: block;
    transform: rotate(-1.5deg);
    position: absolute;
    right: -3px;
    top: -26px;    z-index: -1;}
.marketSection h3{    color: #636468; 
    font-size: 40px;
    margin-bottom: 26px;}
.marketSection h4{    color: #727273;
    max-width: 583px;
    margin: auto;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 5em;}
.marketSection .marketList{    position: relative;
    z-index: 2;}
.marketSection .marketList .marketItem{    background: #fff;
    max-width: 308px;
    margin: auto auto 20px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 21px rgba(0,0,0,0.1);}
.marketSection .marketList .marketItem img{ max-width:100%;}
.marketSection .marketList .marketItem .detail {
    min-height: 170px;
}


.darkGreySection{ background: #52576b; position:relative; min-height:130px;    margin-top: -90px;}
.darkGreySection:before {
       content: "";
    background: #52576b;
    height: 84px;
    width: 102%;
    display: block;
    transform: rotate(-3deg);
    position: absolute;
    right: -3px;
    top: -44px;
    z-index: 1;}
	.darkGreySection:after {
        content: "";
    background: #52576b;
    height: 84px;
    width: 102%;
    display: block;
    transform: rotate(-3deg);
    position: absolute;
    left: -3px;
    bottom: -44px;
    z-index: -1;}


.darkGreySection.second{
	background: #fff;
	
}

.darkGreySection.second:before{
	background: #fff;
	
}

.darkGreySection.second:after{
	background: #fff;
	
}

.title{    text-align: center;
    margin-bottom: 50px;}
.title h2{    background: #fff;
    border-radius: 5px;
    width: auto;
    display: inline-block;
    padding: 14px 1.5em;
    min-height: 86px;
    font-size: 44px;
    box-shadow: 0px 1px 20px rgba(0,0,0,0.3);
    font-weight: normal;}


.supportingSection{ padding-top: 12px; }
.supportingSection .title{margin-bottom: 122px;}
.supportingSection .title h2{   font-size: 26px;
min-height: 90px;
max-width: 605px;
padding: 34px 1.5em;
width: 100%;}


.networkSection{ background: #f8f9fd; position:relative;margin-top: 90px;
    text-align: center;}
.networkSection:before {
    content: "";
    background: #f8f9fd;
    height: 50px;
    width: 102%;
    display: block;
    transform: rotate(-1.5deg);
    position: absolute;
    right: -3px;
    top: -26px;    z-index: -1;}

.networkSection .carousel{    max-width: 826px;
    margin: -90px auto 40px;
    }
	
	.networkSection .carousel .carousel-inner {
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 240px;
}
.networkSection .carousel .item .image {
    float: left;
	width: 48%;
}
.networkSection .carousel .item .image img {
    max-width: 100%;height: auto;
}
.networkSection .carousel .item .caption {
     float: left;
    color: #7d8fa3;
    width: 52%;
    text-align: left;
    padding: 40px 30px 0 35px;
    position: relative;
    height: 100%;
    min-height: 240px;
    line-height: 21px;
}

.registerSection::before {
    content: "";
    background: #262c38;
    height: 84px;
    width: 100%;
    display: block;
    transform: rotate(-3deg);
    position: absolute;
    right: -3px;
    top: -35px;
    z-index: 1;
}

section.network {
    position: relative;
    padding: 250px 0;
    background-color: #f6f9fc;
    margin-top: -41px;
}
.common-Button {
    white-space: nowrap;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    background: #fff;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    color: #6772e5;
    text-decoration: none;
    transition: all .15s ease;
}
.networkSection .carousel .item .caption .caption-logo{ margin-bottom:22px;}
.networkSection .carousel .item .caption:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 52px;
    height: 102%;
    transform: rotate(8deg);
    top: -1px;
    left: -33px;
}
.networkSection .carousel .carousel-control{     background: #5f6ee2;
    border: 1px solid #fff;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    line-height: 36px;
    top: 45%;}
.networkSection .carousel .carousel-control.left{ left: -18px;}
.networkSection .carousel .carousel-control.right{ right: -18px;}
.networkSection .carousel .carousel-control.right img{    transform: rotate(180deg);}


.networkSection .buttonnew{    float: left;
    width: 50%;
    text-align: left;
    padding: 18em 0px 0px 70px;
}
.networkSection .buttonnew .btn{background: #ffffff; color: #475bd9;  height: 57px;  min-width: 243px; font-size: 18px;font-weight: bold; text-transform: uppercase; line-height: 46px; box-shadow: 0px 3px 7px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,0.1);}
.networkSection .networkLogo .logoImg{float: left; width: 50%; margin-left: -80px;}

.networkSection .networkLogo .logoImg img{ max-width: 100%;}

.darkGreySection.second{ min-height: 120px; margin-top: 12px;}

.teamSection { padding-bottom:8em;}
.teamSection h4{ color: #727273; max-width: 680px; text-align: center;  margin: auto auto 5em; font-size: 22px; line-height: 32px; }
.teamSection .teamList{ position: relative;  z-index: 2;}
.teamSection .teamList .teamItem{ background: #ffffff; max-width: 308px; margin: auto auto 20px; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; /*box-shadow: 0px 9px 24px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 9px 24px rgba(0,0,0,0.1);*/

background-color: #fff;
border-radius: 4px;
box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
transition-property: color, background-color, box-shadow, transform;
transition-duration: .15s;
}
.teamSection .teamList .teamItem img{ max-width:100%;}
.teamSection .teamList .teamItem .detail { color: #7f8d9e; font-size: 16px; text-align: center; line-height: 23px; padding: 3em 10px;}

 /* RESPONSIVE CSS
   ========================================================================== */
@media (max-width:1200px){
.networkSection{ padding: 0 15px;}
.networkSection .networkLogo{ margin-bottom: 7px;}
.networkSection .networkLogo .logoImg{margin-left: 0;}
}
@media (max-width:980px){
.darkGreySection{ min-height: 130px;}
.networkSection{ padding: 0 15px;}
.networkSection .networkLogo .logoImg{margin-left: 0;}
.marketSection h4, .teamSection h4 { margin-bottom: 3em; }
.networkSection .carousel .item .caption{padding: 20px 30px 0 25px;}
.networkSection .carousel .item .caption br{ display: none;}

.networkSection .networkLogo{ margin-bottom: 10px;}
}
@media (max-width:767px){
.header .navbar-nav { margin-top: 0; margin-bottom: 0; }

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border-color: #ffffff; background-color: #ffffff; margin: 8px 0 0; }
.navbar-default li { position: relative; display: block; border-bottom: 1px solid rgba(0,0,0,0.1);}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; background: #fff; margin-top: 10px; position: absolute; width: 100%; }
.header .navbar-nav > li> a,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #777;}
.header .navbar-nav.navbar-language { margin: 0; position: absolute; right: 48px; top: 28px; }
.header li.language { padding: 0px 15px 15px; border-bottom: 0; }
.header .navbar-language .open.language .dropdown-menu>li>a{ color: #ffffff; padding: 5px 0; text-align: center;}
.header .introDesc h1 { color: #ffffff; font-size: 34px; line-height: 46px; }
.header .introDesc h3{    line-height: 27px;}
.registerSection .form-control{ max-width:320px;}

.darkGreySection{ min-height: 112px;}

.marketSection h3{    font-size: 30px;}
.marketSection h4, .teamSection h4 { font-size: 16px; line-height: 28px; margin-bottom: 2em; }
.supportingSection .title { margin-bottom: 4em; }
.supportingSection .title h2 { font-size: 25px; min-height: 100%; padding: 20px 1.5em; }

.networkSection { padding: 0 15px; }
.networkSection .carousel .item .image, .networkSection .carousel .item .caption { width: 100%; min-height: 100%; }
.networkSection .carousel .carousel-inner{ padding: 10px 0; height:auto;}
.networkSection .networkLogo .logoImg { margin-left: 0; width: 100%; }
.networkSection .buttonnew { width: 100%; text-align: center; padding: 2em 0px 7em 0; }

.darkGreySection.second { min-height: 68px; }
}
@media (max-width:640px){
.registerSection .form-control{ max-width:230px;}
}
@media (max-width:480px){
.header .logo{ padding-right: 135px; }
.registerSection .form-control { max-width: 100%; margin-bottom: 15px; }
.registerSection {
    background: #262c38;
    text-align: center;
    padding: 3em 0;
    position: absolute;
    width: 100%;
    margin-top: 0px;
    z-index: 9;
}
section.network .logos {
    visibility: visible;
    position: relative !important;
    width: 100% !important;
    height: 400px !important;
    overflow: hidden;
}
section.network {
    position: relative;
    
    background-color: #f6f9fc;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 20px;
}
.darkGreySection.second {
    min-height: 120px !important;
    margin-top: 12px;
}
.supportingSection .img-responsive{
	
	margin: auto 0px !important;
	margin-bottom: -6px !important;
}
.supportingSection{ padding-top: 12px; }
.supportingSection .title{margin-bottom: 122px;}


.supportingSection .carousel{    max-width: 688px;
    margin: auto;}
	/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #fff; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




.globemap{ position: relative; max-width: 688px; margin: auto;}
.globemap .pin { background: #666ee8; width: 15px; height: 15px; display: block; border-radius: 100%; position: absolute; top: 0px; right: 0; transition-duration: 1s; z-index: 2; }
.globemap .pin:before{ content: ""; position: absolute; z-index: 3; top: -18px; left: -18px; width: 50px; height: 50px; border-radius: 100%; -webkit-border-radius: 100%; background: rgba(102, 110, 232,0.4); animation: signal 2s infinite ease-out; }
.globemap .pin:after { content: ""; position: absolute; z-index: 4;  top: -18px; left: -18px; width: 50px; height: 50px; text-indent: 25px; line-height: 20px;}
.globemap .pin:hover:after, .globemap .pin:focus:after { content: attr(data-location); }
@keyframes signal {
  0% { transform: scale(0); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: scale(1); opacity: 0; }
}
.globemap.map1 .pin1 { left: 49%; top: 52%;}
.globemap.map1 .pin2 { left: 71%; top: 49%;}
.globemap.map1 .pin3 { left: 80%; top: 50%; }

.globemap.map2 .pin1 { left: 49%; top: 52%;}
.globemap.map2 .pin2 { left: 36%; top: 55%;}
.globemap.map2 .pin3 { left: 77%; top: 26%; }
.globemap.map2 .pin4 { left: 17%; top: 59%; }

.globemap.map3 .pin1 { left: 49%; top: 52%;}
.globemap.map3 .pin2 { left: 78%; top: 29%;}

.globemap.map4 .pin1 { left: 26%; top: 53%;}
.globemap.map4 .pin2 { left: 49%; top: 52%;}
.globemap.map4 .pin3 { left: 62%; top: 47%;}

}
    .navbar-nav li.language a.dropdown-toggle {
        border: 1px solid #6c757f;
    background: transparent;
    border-radius: 5px;
    width: 68px;
    height: 32px;
    padding: 4px 23px;
    /* color: #fff; */
    margin-top: 8px;
}


.navbar-nav li.language .glyphicon {
    color: #bfc5cd;
    font-size: 12px;
    top: 3px;
    float: right;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-menu-down::before {
    content: "\e259";
}

.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 36px;
}
.navbar-nav li.language .dropdown-menu {
    min-width: 57px;
    /*background: transparent;*/
    box-shadow: none;
    /*border: 1px solid #6c757f;*/
   /* color: #fff;*/
    width: 56px;
}

.newico{
	
	
	    margin-left: 0px;
    width: 205px;
    display: inline;
    padding: 17px 17px !important;
    background: #ffe900;
    color: #000;
    text-transform: uppercase;
    border: navajowhite;
    font-weight: bold;
    font-size: 16px;
}


.btn-circlenew:hover{ background: #fff; color: #000;}

section.description {
    
    padding: 0px !important;
}

.btn.btn-yellow{    vertical-align: top;
    background: #ffe701;
    color: #121c32;
    text-transform: uppercase;
    font-size: 15px;
    height: 49px;}
.btn.btn-yellow:hover{  
    background: #121c32;
    color: #ffe701;}

/* color Css
	==========================================*/
	.txtYellow{ color: #ffe701;}



/* Header CSS
  ========================================================================== */  
.header{ background:url(../images/banner.jpg) no-repeat; background-size: cover; overflow:hidden; min-height: 490px;}

.header .logo img{max-width: 100%; vertical-align: top;}
.header .navbar-default { background-color: transparent; border-color: transparent; margin-bottom: 75px; padding-top: 18px;}

.header .navbar-nav > li> a{ color: #ffffff; font-size: 14px; padding: 15px; text-transform: uppercase; position: relative;}

.header .navbar-nav li a:hover,.header .navbar-nav li a:focus, .header .navbar-nav li.active { outline: none; background: transparent; text-decoration: none;color: #ffe701; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background-color: transparent; }

.header .navbar-nav li.dropdown .dropdown-toggle .caret{ margin: 0px 0px 0px 6px; } 

.header .navbar-nav.navbar-language{ float: right; margin: 12px 15px 0 20px; }
.header li.language a.dropdown-toggle{ border: 1px solid #6c757f;  background: transparent; border-radius: 5px; -webkit-border-radius: 5px; width: 58px; height: 26px; padding: 2px 8px; display: block; color: #fff; }
.header li.language  .glyphicon {color: #bfc5cd; font-size: 12px; top: 3px; float: right;}
.header li.language .dropdown-menu{ min-width: 57px; background: transparent; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #6c757f; border-top: 0px; padding: 0px; color: #fff; width: 56px; }
.header li.language .dropdown-menu li{border-bottom: 1px solid #6c757f;}
.header li.language .dropdown-menu li:last-child{border-bottom: 0px;}
.header li.language .dropdown-menu a{ color: #fff; text-decoration: none;}


.header .introDesc{ text-align: center; max-width: 726px; margin: auto;}
.header .introDesc h1{ color: #ffffff; font-size: 36px; line-height: 53px; font-weight: normal; margin-bottom: 20px;}
.header .introDesc h3{ font-size: 18px; color: #fff; display: block; font-weight: 400;    margin-bottom: 46px;}
.header .introDesc a.btn{ border: 2px solid #fff;  min-width: 195px; height: 52px; color: #fff; line-height: 36px; font-size: 20px; font-weight: normal;}	
.header .introDesc a.btn:hover{ background: #fff; color: #000;}

.registerSection{background: #262c38; text-align: center; padding: 3em 0;}
.registerSection h3{ font-size: 16px; color: #fff; margin-bottom:20px; }
.registerSection h3 span{font-weight: bold;}
.registerSection .form-control{    background: #d0cbc8; border: 1px solid #fff; border-radius: 5px; color: #fff; display: inline-block; font-weight: bold; font-size: 16px; max-width: 423px; height: 49px; width: 100%;  padding: 10px 15px; margin-right:8px;}


/*** Market Section **/
.marketSection{ background: #f8f9fd; position:relative; padding: 3em 0; text-align: center;}
.marketSection:before { content: "";
    background: #f8f9fd;
    height: 50px;
    width: 102%;
    display: block;
    transform: rotate(-1.5deg);
    position: absolute;
    right: -3px;
    top: -26px;    z-index: -1;}
.marketSection h3{    color: #636468; 
    font-size: 40px;
    margin-bottom: 26px;}
.marketSection h4{    color: #727273;
    max-width: 583px;
    margin: auto;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 5em;}
.marketSection .marketList{    position: relative;
    z-index: 2;}
.marketSection .marketList .marketItem{    background: #fff;
    max-width: 308px;
    margin: auto auto 20px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 21px rgba(0,0,0,0.1);}
.marketSection .marketList .marketItem img{ max-width:100%;}
.marketSection .marketList .marketItem .detail {
    min-height: 170px;
}


.darkGreySection{ background: #52576b; position:relative; min-height:200px;    margin-top: -90px;}
.darkGreySection:before {
       content: "";
    background: #52576b;
    height: 140px;
    width: 102%;
    display: block;
    transform: rotate(-3deg);
    position: absolute;
    right: -3px;
    top: -44px;
    z-index: 1;}
	.darkGreySection:after {
        content: "";
    background: #52576b;
    height: 160px;
    width: 102%;
    display: block;
    transform: rotate(-3deg);
    position: absolute;
    left: -10px;
    bottom: -44px;
    z-index: -1;}




.title{    text-align: center;
    margin-bottom: 50px;}
.title h2{    background: #fff;
    border-radius: 5px;
    width: auto;
    display: inline-block;
    padding: 14px 1.5em;
    min-height: 86px;
    font-size: 50px;
    background-color: #fff;
border-radius: 4px;
box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
transition-property: color, background-color, box-shadow, transform;
    font-weight: normal;}


.supportingSection{ padding-top: 12px; }
.supportingSection .title{margin-bottom: 122px;}


.supportingSection .carousel{    max-width: 688px;
    margin: auto;}
	/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #fff; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




.globemap{ position: relative; max-width: 688px; margin: auto;}
.globemap .pin { background: #666ee8; width: 15px; height: 15px; display: block; border-radius: 100%; position: absolute; top: 0px; right: 0; transition-duration: 1s; z-index: 2; }
.globemap .pin:before{ content: ""; position: absolute; z-index: 3; top: -18px; left: -18px; width: 50px; height: 50px; border-radius: 100%; -webkit-border-radius: 100%; background: rgba(102, 110, 232,0.4); animation: signal 2s infinite ease-out; }
.globemap .pin:after { content: ""; position: absolute; z-index: 4;  top: -18px; left: -18px; width: 50px; height: 50px; text-indent: 25px; line-height: 20px;}
.globemap .pin:hover:after, .globemap .pin:focus:after { content: attr(data-location); }
@keyframes signal {
  0% { transform: scale(0); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: scale(1); opacity: 0; }
}
.globemap.map1 .pin1 { left: 49%; top: 52%;}
.globemap.map1 .pin2 { left: 71%; top: 49%;}
.globemap.map1 .pin3 { left: 80%; top: 50%; }

.globemap.map2 .pin1 { left: 49%; top: 52%;}
.globemap.map2 .pin2 { left: 36%; top: 55%;}
.globemap.map2 .pin3 { left: 77%; top: 26%; }
.globemap.map2 .pin4 { left: 17%; top: 59%; }

.globemap.map3 .pin1 { left: 49%; top: 52%;}
.globemap.map3 .pin2 { left: 78%; top: 29%;}

.globemap.map4 .pin1 { left: 26%; top: 53%;}
.globemap.map4 .pin2 { left: 49%; top: 52%;}
.globemap.map4 .pin3 { left: 62%; top: 47%;}



.networkSection{ background: #f8f9fd; position:relative;margin-top: 89px;
    text-align: center;}
.networkSection:before {
    content: "";
    background: #f8f9fd;
    height: 50px;
    width: 102%;
    display: block;
    transform: rotate(-1.5deg);
    position: absolute;
    right: -3px;
    top: -26px;    z-index: -1;}

.networkSection .carousel{    max-width: 826px;
    margin: -90px auto 40px;
    }
	
	.networkSection .carousel .carousel-inner {
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 240px;
}
.networkSection .carousel .item .image {
    float: left;
	width: 48%;
}
.networkSection .carousel .item .image img {
    max-width: 100%; height: auto;
}
.networkSection .carousel .item .caption {
     float: left;
    color: #7d8fa3;
    width: 52%;
    text-align: left;
    padding: 40px 30px 0 25px;
    position: relative;
    height: 100%;
    min-height: 240px;
    line-height: 21px;
}
.networkSection .carousel .item .caption .caption-logo{ margin-bottom:22px;}
.networkSection .carousel .item .caption:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 52px;
    height: 102%;
    transform: rotate(8deg);
    top: -1px;
    left: -33px;
}
.networkSection .carousel .carousel-control{     background: #5f6ee2;
    border: 1px solid #fff;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    line-height: 36px;
    top: 45%;}
.networkSection .carousel .carousel-control.left{ left: -18px;}
.networkSection .carousel .carousel-control.right{ right: -18px;}
.networkSection .carousel .carousel-control.right img{    transform: rotate(180deg);}


.networkSection .button{    float: left;
    width: 50%;
    text-align: left;
    padding: 18em 0px 0px 70px;
}
.networkSection .button .btn{background: #ffffff; color: #475bd9;  height: 57px;  min-width: 243px; font-size: 18px; text-transform: uppercase; line-height: 46px; box-shadow: 0px 3px 7px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,0.1);}
.networkSection .networkLogo .logoImg{float: left; width: 50%; margin-left: -80px;}

.networkSection .networkLogo .logoImg img{ max-width: 100%;}

.darkGreySection.second{ min-height: 120px; margin-top: 12px;}

.teamSection { padding-bottom:8em;}
.teamSection h4{ color: #727273; max-width: 680px; text-align: center;  margin: auto auto 5em; font-size: 22px; line-height: 32px; }
.teamSection .teamList{ position: relative;  z-index: 2;}
.teamSection .teamList .teamItem{ background: #ffffff; max-width: 308px; margin: auto auto 20px; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; background-color: #fff;
border-radius: 4px;
box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
transition-property: color, background-color, box-shadow, transform;
transition-duration: .15s;}
.teamSection .teamList .teamItem img{ max-width:100%;}
.teamSection .teamList .teamItem .detail { color: #7f8d9e; font-size: 16px; text-align: center; line-height: 23px; padding: 2em 10px;}

 /* RESPONSIVE CSS
   ========================================================================== */
@media (max-width:1200px){
.networkSection{ padding: 0 15px;}
.networkSection .networkLogo{ margin-bottom: 7px;}
.networkSection .networkLogo .logoImg{margin-left: 0;}
}
@media (max-width:980px){
.darkGreySection{ min-height: 130px;}
.networkSection{ padding: 0 15px;}
.networkSection .networkLogo .logoImg{margin-left: 0;}
.marketSection h4, .teamSection h4 { margin-bottom: 3em; }
.networkSection .carousel .item .caption{padding: 20px 30px 0 25px;}
.networkSection .carousel .item .caption br{ display: none;}

.networkSection .networkLogo{ margin-bottom: 10px;}
}
@media (max-width:767px){
.header .navbar-nav { margin-top: 0; margin-bottom: 0; }

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border-color: #ffffff; background-color: #ffffff; margin: 8px 0 0; }
.navbar-default li { position: relative; display: block; border-bottom: 1px solid rgba(0,0,0,0.1);}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; background: #fff; margin-top: 10px; position: absolute; width: 100%; }
.header .navbar-nav > li> a,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #777;}
.header .navbar-nav.navbar-language { margin: 0; position: absolute; right: 48px; top: 28px; }
.header li.language { padding: 0px 15px 15px; border-bottom: 0; }
.header .navbar-language .open.language .dropdown-menu>li>a{ color: #ffffff; padding: 5px 0; text-align: center;}
.header .introDesc h1 { color: #ffffff; font-size: 34px; line-height: 46px; }
.header .introDesc h3{    line-height: 27px;}
.registerSection .form-control{ max-width:320px;}

.darkGreySection{ min-height: 112px;}

.marketSection h3{    font-size: 30px;}
.marketSection h4, .teamSection h4 { font-size: 16px; line-height: 28px; margin-bottom: 2em; }
.supportingSection .title { margin-bottom: 4em; }
.supportingSection .title h2 { font-size: 25px; min-height: 100%; padding: 20px 1.5em; }

.networkSection { padding: 0 15px; }
.networkSection .carousel .item .image, .networkSection .carousel .item .caption { width: 100%; min-height: 100%; }
.networkSection .carousel .carousel-inner{ padding: 10px 0; height:auto;}
.networkSection .networkLogo .logoImg { margin-left: 0; width: 100%; }
.networkSection .button { width: 100%; text-align: center; padding: 2em 0px 7em 0; }

.darkGreySection.second { min-height: 68px; }
}
.supportingSection .slide {
    display: block;
}
@media (max-width:640px){
.registerSection .form-control{ max-width:230px;}
}
@media (max-width:480px){
.header .logo{ padding-right: 135px; }
.registerSection .form-control { max-width: 100%; margin-bottom: 15px; }
}

section.users {
    position: relative;
    padding: 0px;
    z-index: 2;
    overflow: hidden;
    pointer-events: none;
    margin-top: -85px;
}
section.network .logos {
    visibility: visible;
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0px;
    right: calc(50% + 160px);
}
.nav.common-Button--default {
    color: #fff;
    background: rgb(82, 87, 107) !important;
}
.common-Link:hover{
	
	text-decoration: none;
}
section.users .user-details .common-Card {
    
    margin-top: 0px;
    
}
section.network .common-Button {
    margin-top: 25px;
    text-decoration: none;
}

.registerSection::after {
    content: "";
    background: #262c38;
    height: 47px;
    width: 102%;
    display: block;
    transform: rotate(-1deg);
    position: absolute;
    right: -3px;
    
    z-index: 1;
    bottom: -12px;
}

.teamSection .teamList .teamItem {
    margin: auto auto 30px;
    box-shadow: 0 11px 35px rgba(50, 50, 93, .1);
}

.common-Card {
    box-shadow: 0 15px 35px rgba(50, 50, 93, .1);
    margin-bottom: 40px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: Camphor,Open Sans,Segoe UI,sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.careerpage {

	padding: 35px 0;

}

.heading_bottom_design {

}

.whiteboxes {

	border-radius: 12px;

	padding: 50px 20px 30px 30px;

	-webkit-backdrop-filter: blur(10px);

	backdrop-filter: blur(10px);

	background-color: rgba(255, 255, 255, 0.7);

	box-shadow: 0 9px 54px 0 #e8eef2;

	margin-bottom: 20px;
	margin-top: 20px;

}

.careerpage a:hover {
    text-decoration: none;
}

.whiteboxes p {

	margin: 0 !important;

	font-size: 14px;

	color: #0f3660;

	opacity: 0.4;

}

.whiteboxes h3 {

	margin: 0;

	font-size: 22px;

}



.header_border::after {

	content: "";

	height: 3px;

	width: 90px;

	display: block;

	background: #114bd6; /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */



	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNGJkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNGIxZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(left, #114bd6 0%, #04b1fc 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(left, #114bd6 0%, #04b1fc 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to right, #114bd6 0%, #04b1fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114bd6', endColorstr='#04b1fc', GradientType=1 ); /* IE6-8 */

	margin-top: 10px;
	    margin-left: 3px;

}

.fifty_per {

	margin: auto;

	width: 60%

}

.whitemixshadow {

	-webkit-box-shadow: inset 1px -90px 70px -3px rgba(252,252,253,1);

	-moz-box-shadow: inset 1px -90px 70px -3px rgba(252,252,253,1);

	box-shadow: inset 1px -90px 70px -3px rgba(252,252,253,1);
	min-height: 500px

}

.requestb{
	    background: transparent;
    border: 1px solid #82d3db;
    color: #82d3db !important;
    /* padding-left: 10px; */
    /* padding-right: 17px; */
    height: 32px;
    /* border: 1px solid #6c757f; */
    background: transparent;
    border-radius: 5px;
    width: auto;
    height: 32px;
    padding: 4px 16px !important;
    /* color: #fff; */
    margin-top: 8px;
}

@media (min-width: 768px){
.careerpage .row{ overflow: hidden;}
}

@media only screen and (max-width: 400px) {

		.forward_heading{
			margin:50px auto;
			width:300px;
			text-align: center;
		}
		.forward_heading h3{
			font-size:20px;
		}
		
		section.network .logos {
    visibility: visible;
    position: relative !important;
width: 100% !important;
height: 400px !important;
    top: 0;
    left: 0px;
    right: calc(50% + 160px);
}


	}

@media (max-width:480px){
	
	.intro {
    margin-top: -150px !important;
}
	}
	
	
	
	
	
	/********** Copy only below CSS****/


.form-embed { overflow: hidden;padding-bottom:50px; }
.form-embed .image { width: 40%; float: right; margin: 25px auto; }
.form-embed .image img{max-width: 100%;}
.form-embed .formcontent { width: -webkit-calc(55% - 45px); width: calc(55% - 45px); float:left; }
.form-embed .title-contents { text-align: left; }
.form-embed .title-contents h2{ font-size: 30px; margin-bottom: 0.65em; font-weight: 400; line-height: 1.333; color: #3b3f43; }
.form-embed .title-contents p{ color: #808285; margin-bottom: 1em; font-weight: 400; font-size: 18px; line-height: 1.666666; }
.form-box {  color: #666666; margin: 75px 0 1em; }
.form-box .form-field{ line-height: 1.4em; padding-bottom: 20px; }
.form-box .form-field label { float: left; padding: 3px 0 0 0; width: 220px; color: #939aa8; font-size: 13px; font-weight: normal; }
.form-box .form-field.required label{ font-weight: bold;}
.form-box .form-field.error label{ color: #8b0000;}
.form-box .erromsg{font-size: 13px; padding-bottom: 20px; color: #8b0000; }
.form-box .erromsg:empty{ display: none;}
.form-box .form-field .form-input{ margin-left: 220px; padding-left: 17px;}
.form-box .form-field.required .form-input{ background: url(/media/img/HarborLogo/required.gif) no-repeat top left;}
.form-box .form-field .field { font-weight: normal; margin-right: 5px; padding: 2px; border-radius: 10px; max-width: 200px; width:100%; }
.form-box .form-button input{margin-right: 5px; padding: 2px; font-size: 14px; letter-spacing: .03em; font-weight: 400; color: #efefef; background: linear-gradient(141deg, #f9221a 20%, #ad0584 75%); border: none; border-radius: 20px; width: 135px ; height: 40px; cursor: pointer;}
.form-box .form-field select.field{ box-shadow: 0px 1px 0px #9A9A9A inset;}
@media (max-width:767px) {
    .form-embed .image{ width: 100%; text-align:center;}
	.form-embed .formcontent { width: 100%;}
}
@media (max-width:640px) {
.form-box .form-field .form-input { margin-left: 0; margin-top: 10px;}
	.form-box .form-field label {float: none; width: 100%;}
	.form-box .form-field .field {margin-right: 0; max-width: 100%; width: 100%; }
	.form-box .form-field.checkfield label{ width: auto; display: inline-block; }
	.form-box .form-field.checkfield .form-input{ width: auto;display: inline-block; padding-left: 0; margin: 0; position: relative; top: 3px; }
}


.globalFooter .globalFooterCTA{
	-ms-flex: 1 1 100%;
flex: 1 1 100%;
    flex-basis: 100%;
margin: 15px;
z-index: 499;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
padding: 15px 39px 15px 50px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
transition-property: color, background-color, box-shadow, transform;
transition-duration: .15s;

width: 80%;
margin: auto;
}

.globalFooter .globalFooterCTA {
    width: 75%;
}

.common-Button:hover {
    text-decoration: none;
    
    }
    
    .globalFooter .globalFooterCTA .buttons {
    margin-top: 15px !important;
}