/* DEVELOPERS */


/*FONTS*/
@font-face {
  font-family: 'Whitney';
  src: url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/Whitney-Light.eot");
  src: url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/Whitney-Light.woff2") format("woff2"), url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/Whitney-Light.woff") format("woff"), url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/Whitney-Light.ttf") format("truetype"), url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/Whitney-Light.svg#Whitney-Light") format("svg"), url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/Whitney-Light.eot?#iefix") format("embedded-opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'DIN-b';
  src: url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/dinb____.eot");
  src: url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/dinb____.eot?#iefix") format("embedded-opentype"), url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/dinb____.woff2") format("woff2"), url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/dinb____.woff") format("woff"), url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/dinb____.ttf") format("truetype"), url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/dinb____.svg#din-boldregular") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'DIN-r';
  src: url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/dinr____.eot");
  src: url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/dinr____.eot?#iefix") format("embedded-opentype"), url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/dinr____.woff2") format("woff2"), url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/dinr____.woff") format("woff"), url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/dinr____.ttf") format("truetype"), url("https://junar-cdn-brandings.s3.amazonaws.com/files/ARSAT/fonts/dinr____.svg#din-regularregular") format("svg");
  font-weight: normal;
  font-style: normal;
}



/*GENERAL*/
body, .layout, .content{background:#f4f4f4 !important;}
body a{color:#447dc2 !important;}
.brandingHeader,
.brandingFooter{background:#fff;}
.brandingHeader{border-bottom: 1px solid #3e98ec;}


/*TITULAR*/
.sectionTitle{color:#3e99ec !important;font-size:33px !important;line-height:normal !important;padding-top:35px;position:relative;top:15px;}
.sectionTitleContainer {background: none;padding: 60px 60px 20px;font-family:DIN-r, Helvetica, Arial, sans-serif;}
.sectionTitleWrapper{background: none;border: 0;}
.sectionTitleInner {width: auto;margin: 0;padding: 0;}

body .pageTitleContainer h2 {width:auto;font-size: 22px !important;font-weight: normal !important;font-family: Whitney, Helvetica, Arial, sans-serif;font-family: DIN-r, Helvetica, Arial, sans-serif;background: none;z-index:230;line-height:normal;position:absolute;top:-75px;color:#a5a5a6 !important;font-size:18px;line-height:normal;}

.content{margin-top:160px;position:relative;border-top:1px solid #dcd2d3;background: #f4f4f4;}

.sectionTitleContainer{position: absolute;top:-161px;left:0;width:100%;padding:0 60px;height:160px;background:#fff;}

.columns{width:100% !important;padding:20px 60px 40px 60px;background:transparent;}
.rightContent .buttonBig{background:rgba(54, 99, 167, 0.7) !important;font:bold 14px Arial, Helvetica, sans-serif !important;line-height:30px !important;border:none !important;border-radius:0 !important;}
.rightContent .buttonBig:hover{background:rgba(54, 99, 167, 1) !important;}


.boxAPI .step1{width:33.3%;}
.boxAPI .step2{width:33.3%;}
.boxAPI .step3{width:33.3%;}

.boxAPI .step3 .stepInner{padding-left:0;padding-right:20px;}
.boxAPI .step2 .stepInner{padding-left:20px;padding-right:20px;}
.boxAPI .step3 .stepInner{padding-left:20px;padding-right:0;}

.boxAPI .step{background:transparent !important;border:0 !important;height:auto !important;}
.boxAPI .step1 .stepInner{padding:9px 10px 0 0 !important;}
.boxAPI .step1 .boxAPITitle .text{width:70%}

.boxAPI .step .boxAPITitle h3{color:#60656b !important;font-size:25px;font-family:DIN-b, Helvetica, Arial, sans-serif;}
.boxAPI .step .boxAPITitle p{color:#60656b !important;font-size:16px !important;padding-top:10px;font-family:Whitney, Helvetica, Arial, sans-serif;}
.boxAPI .step .boxAPITitle .br{display:inline;}
.boxAPI .step .boxAPITitle .number{margin-top:0;background:none !important;color:#3e99ec !important;margin-top:5px;margin-right:10px;border:2px solid #3e99ec;width:63px;height:63px;padding-bottom: 0;line-height: 63px;border-radius: 63px;font-family:DIN-b, Helvetica, Arial, sans-serif !important;}
.boxAPI .step .boxAPITitle{border-bottom:1px solid #a9abaf;margin-bottom:40px;}
.boxAPI .step, 
.boxAPI .step .boxAPITitle .number{transition:none !important;}
.boxAPI .step:hover .boxAPITitle .number{color: #639acf !important;text-shadow:none;}

.boxAPI .step .bar{display:none;}

.boxAPI .step .bar .barBullet{background:#717175 !important;border:6px solid #9a999d !important;border-radius:50%;height:11px !important;right:-9px !important;top:-6px !important;width:11px !important;}
.boxAPI .step1 .bar .barBullet{background:#3663a7 !important;border:6px solid #8c98c7 !important;}

.boxAPI .step:hover .bar .barInner{background:#c54832 !important;height:12px !important;transition:all 0.3s ease-in-out 0s;}
.boxAPI .step1 .bar .barInner{width:204px !important;}
.boxAPI .step3 .bar .barInner{width:255px !important;}

.boxAPI .step .description{font-size:18px;line-height:normal;font-family:DIN-r, Helvetica, Arial, sans-serif;}
.boxAPI .step .description code{background:none !important;margin-top:20px;font-size:17px;line-height:normal;color:#000;}
.boxAPI .step .description .blue,
.boxAPI .step .description .red{color:inherit !important;}

.confirmationOverlay{font-family:DIN-r, Helvetica, Arial, sans-serif;background-attachment: inherit !important;background-clip: inherit !important;background-color: inherit !important;background-image:none !important;background-origin: inherit !important;background-position: 20px 20px !important;background-repeat: no-repeat !important;background-size: 216px 150px !important;min-height: 155px;height: inherit !important;padding: 20px 40px 40px !important;}
.ao-popup-overlay .In .confirmationOverlay h5{color:#5b5b5e !important;margin: 0 20px !important;padding: 0 0 10px 0 !important;}
.ao-popup-overlay .In p{padding: 12px 20px 5px !important;}
.confirmationOverlay .key{padding-bottom: 5px !important;color: rgba(54, 99, 167, 1);}
.confirmationOverlay ul{padding:10px 20px !important;}

.confirmationOverlay li{font-size:14px;}

body .onlineSupport,
body .shareContainer{display:none !important;}

.leftContent p{display:none;}
.pageTitleContainer .button {position: absolute;top: -82px;left: auto;margin: 0;z-index: 300;right: 60px;width: 270px;height: 52px;line-height: 48px;font-size: 18px !important;border-width:2px !important;}
.pageTitleContainer .rightContent {width: auto;height: auto;background: none;margin-top: 0;position: static !important;}

/*FOOTER*/
body .layoutInner{padding-bottom:0 !important;}
.brandingFooter{border-top:1px solid #dbd2d3;}



/* GO BACK LINK */
.goBackLink{position: absolute;top: 20px;font-size: 14px;font-family: DIN-r, Helvetica, Arial, sans-serif;left:60px;}


/*SUBMENU*/
body{position:relative;min-width:998px;}
.menu-trigger:focus{outline:none;}
.menuOpen{width:65px;height:64px;background:#fff;position:absolute;top:0;right:0;z-index:99997;}
.menuOpen .menu-trigger {border: none;background: none;width: 25px;height: 25px;position: absolute;top: 20px;right: 20px;cursor: pointer; }
.menuOpen .menu-trigger span {position: absolute;top: 50%;left: 0;width: 100%;height: 4px;margin-top: -2px;background-color: #003461;border-radius: 5px; }
.menuOpen .menu-trigger span:after,
.menuOpen .menu-trigger span:before {content: "";position: absolute;top: -10px;left: 0;width: 100%;height: 100%;background-color: #003461;border-radius: 5px;transition: all .2s; }
.menuOpen .menu-trigger span:before {top: 10px; }
.menuOpen .menu-trigger:hover span:after {top: -12px; }
.menuOpen .menu-trigger:hover span:before {top: 12px; }
.menuClose{width:85px;height:85px;background:#fff;position:absolute;top:0;right:0;z-index:99999;display:none;}
.menuClose .menu-trigger{position: absolute;top: 30px;right: 30px;width: 34px;height: 34px;cursor: pointer;border: none;background: transparent;}
.menuClose .menu-trigger:after,
.menuClose .menu-trigger:before{content: "";position: absolute;top: -5px;left: 14px;width: 5px;height: 44px;background-color: #467ec1;border-radius: 5px;transform: rotate( 45deg );transition: all .2s;}
.menuClose .menu-trigger:before{transform: rotate( -45deg );}
.menuClose .menu-trigger:hover:after{transform: rotate( -45deg );}
.menuClose .menu-trigger:hover:before{transform: rotate( -135deg );}
.iframeSubMenu{position:absolute;z-index:99998;top:0;width:100%;left:0;display:none;}