.clearfix:after { content: ''; display: block; clear: both }
.ellipsis { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?3gmmot"); src: url("../fonts/icomoon.eot?3gmmot#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?3gmmot") format("truetype"), url("../fonts/icomoon.woff?3gmmot") format("woff"), url("../fonts/icomoon.svg?3gmmot#icomoon") format("svg"); font-weight: normal; font-style: normal }
[class*=" icon-"], [class^=icon-] { font-family: 'icomoon'!important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-keyboard_arrow_up:before { content: "\e90e" }
.icon-keyboard_arrow_right:before { content: "\e90f" }
.icon-keyboard_arrow_left:before { content: "\e910" }
.icon-keyboard_arrow_down:before { content: "\e911" }
.icon-close:before { content: "\e90d" }
.icon-volume-control-phone:before { content: "\e90c" }
.icon-mobile:before { content: "\e90a" }
.icon-mobile-phone:before { content: "\e90a" }
.icon-phone:before { content: "\e90b" }
.icon-circle:before { content: "\e900" }
.icon-caret-right:before { content: "\e901" }
.icon-caret-left:before { content: "\e902" }
.icon-caret-up:before { content: "\e903" }
.icon-caret-down:before { content: "\e904" }
.icon-twitter:before { content: "\e905" }
.icon-arrow-right:before { content: "\e906" }
.icon-arrow-left:before { content: "\e907" }
.icon-arrow-down:before { content: "\e908" }
.icon-arrow-up:before { content: "\e909" }
.mb5 { margin-bottom: 5px!important }
.mb10 { margin-bottom: 10px!important }
.mb15 { margin-bottom: 15px!important }
.mb20 { margin-bottom: 20px!important }
.mb25 { margin-bottom: 25px!important }
.mb30 { margin-bottom: 30px!important }
.mt5 { margin-top: 5px!important }
.mt10 { margin-top: 10px!important }
.mt15 { margin-top: 15px!important }
.mt20 { margin-top: 20px!important }
.mt25 { margin-top: 25px!important }
.mt30 { margin-top: 30px!important }
.ml5 { margin-left: 5px!important }
.ml10 { margin-left: 10px!important }
.ml15 { margin-left: 15px!important }
.ml20 { margin-left: 20px!important }
.ml25 { margin-left: 25px!important }
.ml30 { margin-left: 30px!important }
.mr5 { margin-right: 5px!important }
.mr10 { margin-right: 10px!important }
.mr15 { margin-right: 15px!important }
.mr20 { margin-right: 20px!important }
.mr25 { margin-right: 25px!important }
.mr30 { margin-right: 30px!important }
.pt5 { padding-top: 5px!important }
.pt10 { padding-top: 10px!important }
.pt15 { padding-top: 15px!important }
.pt20 { padding-top: 20px!important }
.pt25 { padding-top: 25px!important }
.pt30 { padding-top: 30px!important }
.pr5 { padding-right: 5px!important }
.pr10 { padding-right: 10px!important }
.pr15 { padding-right: 15px!important }
.pr20 { padding-right: 20px!important }
.pr25 { padding-right: 25px!important }
.pr30 { padding-right: 30px!important }
.pb5 { padding-bottom: 5px!important }
.pb10 { padding-bottom: 10px!important }
.pb15 { padding-bottom: 15px!important }
.pb20 { padding-bottom: 20px!important }
.pb25 { padding-bottom: 25px!important }
.pb30 { padding-bottom: 30px!important }
.pl5 { padding-left: 5px!important }
.pl10 { padding-left: 10px!important }
.pl15 { padding-left: 15px!important }
.pl20 { padding-left: 20px!important }
.pl25 { padding-left: 25px!important }
.pl30 { padding-left: 30px!important }
.black{ color: #000000; text-decoration: none!important; }
@media (max-width:991px) {
.container, [class*=" col-"], [class^=col-] { padding-left: 15px; padding-right: 15px }
.row { margin-left: -15px; margin-right: -15px }
}
[type], a, button { -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease }
body, html { height: 100% }
.d-table { margin: 0; width: 100%; display: table; table-layout: fixed }
.d-table>[class*=" col-"], .d-table>[class^=col-] { float: none; display: table-cell; vertical-align: middle }

@media (max-width:767px) {
.d-table>[class*=" col-"], .d-table>[class^=col-] { display: block }
}
.list-inline, .list-unstyled { list-style: none }
div[style*=" background-"], div[style^=background-] { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat }
div[style*=" background-"] img, div[style^=background-] img { opacity: 0 }
.nice-radio { cursor: pointer; position: relative; display: inline-block; vertical-align: top }
.nice-radio * { cursor: pointer }
.nice-radio [type] { top: 0; left: 0; z-index: 3; opacity: 0; position: absolute }
.nice-radio [type]:checked~.area, .nice-radio [type]:focus~.area, .nice-radio [type]:hover~.area { border-color: #faa532 }
.nice-radio [type]:focus~.area, .nice-radio [type]:hover~.area { outline: dotted 1px }
.nice-radio [type]:checked~.area:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.nice-radio .area { display: block; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; position: relative; font-size: 0; line-height: 0; border-radius: 100%; width: 22px; height: 22px; border: solid 2px #bfbfbf }
.nice-radio .area:before { content: ''; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); background: #faa532; border-radius: 100%; top: 2px; left: 2px; right: 2px; bottom: 2px; position: absolute }
#wrapper { display: table; overflow: hidden; position: relative; table-layout: fixed; width: 100%; height: 100% }
#wrapper > main { width: 100%; display: table-cell; vertical-align: top }
.error-page #wrapper > main { vertical-align: middle; }
.container { width: auto; max-width: 1250px }
.bg-gray { background-color: #F5F6F8; }
.w100 { width: 100%!important }
.btn-primary.btn-twitter { padding: 0 }
#header { z-index: 100; background: #fff; position: relative; width: 100%; height: 1%; display: table-header-group }
.error-page #header { box-shadow: 0 0 6px 2px rgba(0,0,0,0.1); }
#header h1 { margin: 0 }
#header.fixed { -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1) }
.home-page #header { opacity: 0 }
body.loaded #header { opacity: 1 }
.navbar-default { margin: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; min-height: inherit }
.navbar-default .navbar-nav>li { margin: 0 0 0 40px }
.navbar-default .navbar-nav>li>a { font-weight: 700; position: relative; padding: 38px 7px 29px; letter-spacing: 0.15rem; font-size: 16px; line-height: 1.25 }
.navbar-default .navbar-nav>li.active>a:before, .navbar-default .navbar-nav>li.open>a:before, .navbar-default .navbar-nav>li>a:focus:before, .navbar-default .navbar-nav>li>a:hover:before { width: 100% }
.navbar-default .navbar-collapse { border: 0; -webkit-box-shadow: none; box-shadow: none }
.navbar-default h1 { float: left; padding: 27px 0 25px; max-width: 253px }
.navbar-default .navbar-brand { padding: 0; width: auto; height: auto }
.navbar-default .navbar-brand img { display: block; width: 100%; height: auto }
.navbar-default .navbar-toggle { margin: 1px 0 0; border-width: 2px; position: relative; width: 38px; height: 38px; border-color: transparent }
.navbar-default .navbar-toggle .icon-bar { left: 9px; position: absolute; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease }
.navbar-default .navbar-toggle .icon-bar:nth-child(2) { top: 8px }
.navbar-default .navbar-toggle .icon-bar:nth-child(3) { top: 12px }
.navbar-default .navbar-toggle .icon-bar:nth-child(4) { top: 19px }
.navbar-default .navbar-toggle .icon-bar+.icon-bar { margin-top: 3px }
.navbar-default .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) { opacity: 0 }
.navbar-default .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 16px }
.navbar-default .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(4) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 13px }
.navbar>.container-fluid .navbar-brand, .navbar>.container .navbar-brand { margin: 0 }
.lang-drop { padding: 29px 0 0; margin: 0 15px 0 27px }
.lang-drop .caret { top: 50%; margin: 0; left: 50%; position: absolute; border-top-color: #000; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) }
.lang-drop .caret-holder { color: #000; position: relative; margin: 0 0 0 -4px; text-align: center; border-radius: 2px; display: inline-block; vertical-align: middle; width: 21px; height: 35px; font-size: 18px; line-height: 35px }
.lang-drop .dropdown-toggle { display: inline-block; vertical-align: top; padding: 0 0 0 10px; position: relative }
.lang-drop .dropdown-toggle:after { left: 0; right: 0; bottom: -3px; height: 5px; content: ''; z-index: 1001; display: none; background: #fff; position: absolute }
.lang-drop .dropdown-toggle img[src*="flag2.png"] { top: 2px; position: relative }
.lang-drop .dropdown-toggle:focus, .lang-drop .dropdown-toggle:hover, .lang-drop.open>.dropdown-toggle { background: #fff; -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05) }
.lang-drop.open .dropdown-toggle:after { display: block }
.lang-drop .dropdown-menu { margin: 0; width: 160px; padding: 5px; border-width: 0; list-style: none; border-radius: 1px; -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05) }
.lang-drop .dropdown-menu a { display: block; color: #010202; padding: 9px 10px; font-size: 12px; line-height: 1.41667 }
.lang-drop .dropdown-menu a>* { display: inline-block; vertical-align: middle }
.lang-drop .dropdown-menu a .flag { margin: 0 10px 0 0 }
.lang-drop .dropdown-menu:active, .lang-drop .dropdown-menu:focus, .lang-drop .dropdown-menu a:hover, .lang-drop .dropdown-menu li.active>a { background-color: #f9f9f9 }
.lang-drop .dropdown-menu li+li { margin: 5px 0 0 }
.lang-drop .dropdown-menu li.active>a:active, .lang-drop .dropdown-menu li.active>a:focus, .lang-drop .dropdown-menu li.active>a:hover { color: #010202 }
#nav-contact-us { display: none!important }
.hero-blokc { color: #fff; text-align: center; white-space: nowrap; font-size: 18px; line-height: 1.67; background: #006442 url(./../images/banner.png) no-repeat 50% 50%/cover }
.hero-blokc.atm-locator-block { background: #006442 url(./../images/banner2.jpg) no-repeat 50% 50%/cover }
.hero-blokc.atm-locator-block:before { height: 160px }
.hero-blokc.atm-locator-block h2 { margin: 0 }
.hero-blokc.atm-locator-block>.container { margin: 0 }
.hero-blokc>* { text-align: left; white-space: normal }
.hero-blokc:before { content: ''; width: 1px; height: 534px }
.hero-blokc:before, .hero-blokc>.container { display: inline-block; vertical-align: top }
.hero-blokc>.container { padding-top: 60px }
.hero-blokc>.container:after { display: block; width: 1036px }
.hero-blokc h2 { margin: 0 0 44px; font-weight: 400; line-height: 1.76; letter-spacing: -0.02rem; font-size: 27px; line-height: 1.46 }
.hero-blokc h2 sup { font-size: 65% }
.home-page .hero-blokc { opacity: 0; -webkit-transition: opacity 1.5s ease; -o-transition: opacity 1.5s ease; transition: opacity 1.5s ease }
.home-page .hero-blokc .container { max-width: 1060px }
.home-page .hero-blokc h2 { opacity: 0; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; transition: opacity 1s ease, -webkit-transform 1s ease; -o-transition: opacity 1s ease, transform 1s ease; transition: opacity 1s ease, transform 1s ease; transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease }
.home-page .hero-blokc p { opacity: 0; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; transition: opacity 1s ease, -webkit-transform 1s ease; -o-transition: opacity 1s ease, transform 1s ease; transition: opacity 1s ease, transform 1s ease; transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease }
.hero-blokc .btn-default { color: #fff; padding: 13px; background: none; min-width: 185px; overflow: hidden; padding: 17px 20px; border-color: #fff; position: relative; font-size: 15px; line-height: 19px; text-transform: uppercase }
.hero-blokc .btn-default:before { content: ''; z-index: -1; border-radius: 2px; top: 0; left: 0; right: 0; bottom: 0; position: absolute; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; background: #faa532; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%) }
.hero-blokc .btn-default:focus, .hero-blokc .btn-default:hover { border-color: #faa532 }
.hero-blokc .btn-default:focus:before, .hero-blokc .btn-default:hover:before { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.hero-blokc .btn-holder { text-align: right; padding-top: 8px }
body.loaded .hero-blokc, body.loaded .hero-blokc h2, body.loaded .hero-blokc p { opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0) }
.hero-blokc.banner, .hero-blokc.contacts, .hero-blokc.faq-banner, .hero-blokc.how-it-works { background-image: url(./../images/banner-faq.png) }
.hero-blokc.banner:before, .hero-blokc.contacts:before, .hero-blokc.faq-banner:before, .hero-blokc.how-it-works:before { height: 160px }
.hero-blokc.banner>.container, .hero-blokc.contacts>.container, .hero-blokc.faq-banner>.container, .hero-blokc.how-it-works>.container { margin: 0; vertical-align: middle }
.hero-blokc.banner h2, .hero-blokc.contacts h2, .hero-blokc.faq-banner h2, .hero-blokc.how-it-works h2 { margin: 0 }
.hero-blokc.how-it-works { background-image: url(./../images/banner-how-it-works.png); background-position: 50% -121px }
.hero-blokc.contacts { background-image: url(./../images/banner-contacts.png) }
.hero-blokc.banner { background-image: url(./../images/banner-simple.png) }
.login-info { color: #4a4a4a; position: relative; margin: 0 0 58px; font-size: 17px; line-height: 1.67 }
.login-info fieldset { min-width: 0; display: block }
.login-info .container { max-width: 1036px; border-radius: 5px; padding: 30px 15px 40px; background-color: #ffffff; border: solid 1px #f2f2f2; -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.06) }
.login-info h2 { margin: 0 0 5px; color: #257c59; font-weight: 600; font-size: 28px; line-height: 1.76 }
.login-info p { margin: 0 0 10px }
.login-info .header { color: #808080; padding: 0 0 26px; font-size: 17px; line-height: 1.67; opacity: 0; -webkit-transition: opacity 1s ease 1s; -o-transition: opacity 1s ease 1s; transition: opacity 1s ease 1s }
.home-page .hero-blokc{ margin-bottom:-340px;}
body.loaded .login-info .header { opacity: 1 }
.login-info .card-holder { margin: 0 0 41px }
.login-info .col-holder { margin-bottom: 0 }
.login-info .card-col:first-child .label-holder { margin: 0 7% 0 auto }
.login-info .card-col+.card-col:before { top: 0; left: 0; width: 1px; content: ''; bottom: 0; position: absolute; background: #edebe6 }
.login-info .label-holder { margin: 0 0 0 7.2%; overflow: hidden; max-width: 358px; position: relative; border-radius: 5px; border: solid 1px #edebe6; -webkit-transition: -webkit-box-shadow 0.25s ease; transition: -webkit-box-shadow 0.25s ease; -o-transition: box-shadow 0.25s ease; transition: box-shadow 0.25s ease; transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease }
.login-info .label-holder:hover { -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1) }
.login-info .img-holder { z-index: 1; position: relative; margin: 0 auto }
.login-info .img-holder>label { margin: 0; z-index: 2; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; position: absolute }
.login-info .img-holder>img { -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-transition-duration: 5s; -o-transition-duration: 5s; transition-duration: 5s }
.login-info .footer { padding: 15px 14px 16px 18px }
.login-info .nice-radio { vertical-align: middle }
.login-info .number { color: #000; font-weight: 500; margin: 0 0 0 7px; display: inline-block; vertical-align: middle; font-size: 21px; line-height: 1 }
.login-info .links { max-width: 70%; margin: 10px 0 0 10px; font-size: 12px; line-height: 1.33 }
.login-info .links li { margin: 0 0 0 10px; letter-spacing: 0.065rem }
.login-info .links a { color: #9b9b9b }
.login-info .links a:focus, .login-info .links a:hover { color: #000 }
.login-info [data-type=submit], .login-info [type=submit] { height: 58px; font-size: 17px; min-width: 320px; position: relative; padding: 0 78px 0 10px; letter-spacing: -0.03rem; text-transform: uppercase; -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15) }
.login-info [data-type=submit] .icon-arrow-right, .login-info [type=submit] .icon-arrow-right { top: 0; right: 0; position: absolute; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; font-size: 90%; line-height: 58px; width: 67px; height: 100%; border-left: rgba(255, 255, 255, 0.2) solid 1px }
.login-info [data-type=submit]:focus .icon-arrow-right, .login-info [data-type=submit]:hover .icon-arrow-right, .login-info [type=submit]:focus .icon-arrow-right, .login-info [type=submit]:hover .icon-arrow-right { -webkit-animation: jerk 0.75s alternate infinite; animation: jerk 0.75s alternate infinite; background: #da8005 }
.login-info [data-type=submit] { line-height: 56px }
.login-info div[data-view] { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s }
@-webkit-keyframes jerk {
50% {
text-indent:10px
}
}
@keyframes jerk {
50% {
text-indent:10px
}
}
#notices-block { top: 50%; right: 0; z-index: 101; color: #281300; background: #fff; text-align: left; position: fixed; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; font-size: 14px; line-height: 1.71; display: block!important; border: solid 1px #bfbfbf; overflow: visible!important; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); width: 350px; height: 400px!important }
#notices-block.show,
#notices-block[aria-expanded=true] { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) }
#notices-block .well { max-height: 100%; padding: 25px 20px; overflow-y: auto }
#notices-block h3 { color: #faa532; margin: 0 0 16px; font-size: 24px; line-height: 1.42 }
#notices-block p { margin: 0 }
#notices-block p+p { margin: 24px 0 0 }
#notices-block .btn-default { top: 0; right: 100%; color: #4a4a4a; padding: 0 14px; background: #fff; overflow: hidden; min-width: inherit; position: absolute; margin: 37px -37px 0 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-size: 18px; line-height: 1.25; border: solid 1px #e8e8e8; border-top-width: 0; border-radius: 0 0 4px 4px; width: 115px; height: 40px; text-transform: capitalize; -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1) }
#notices-block .btn-default:before { content: ''; z-index: -1; border-radius: 2px; top: 0; left: 0; right: 0; bottom: 0; position: absolute; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; background: #faa532; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%) }
#notices-block .btn-default:focus, #notices-block .btn-default:hover, #notices-block.show .btn-default { color: #fff; background: #faa532; border-color: #faa532 }
	#notices-block .btn-default:focus:before, #notices-block .btn-default:hover:before, #notices-block.show .btn-default:before { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.infoarea { color: #808080; padding: 0 0 57px; font-size: 16px; line-height: 1.875 }
.infoarea .article { border-right: solid 1px #e7e9f0 }
.infoarea .article:last-child { border-width: 0 }
.infoarea .box { padding: 10px 20px 0 30px }
.infoarea .box.no-border { border: 0 }
.infoarea a[href*="tel:"] { color: #808080 }
.infoarea a[href*="tel:"]:focus, .infoarea a[href*="tel:"]:hover { color: #faa532 }
.infoarea .ico-holder { min-height: 63px; margin: 0 0 32px }
.infoarea .ico-holder img { display: block }

@media (max-width:767px) {
.infoarea .ico-holder img { margin: 0 auto }
}
.infoarea h2 { color: #404040; margin: 0 0 23px; font-size: 18px; line-height: 1.1; text-transform: uppercase }
.infoarea p { margin: 0 }
.list-bullet-arrow { margin: 0; padding: 0; list-style: none; font-size: 18px; line-height: 1.67 }
.list-bullet-arrow li { position: relative; padding: 14px 0 4px 34px }
.list-bullet-arrow li:before { left: 0; top: 18px; content: ''; position: absolute; width: 11px; height: 17px; background: url(../../images/arrow.png) no-repeat }
.list-bullet-arrow li>a { font-weight: 700; display: inline-block; vertical-align: top; color: #faa532; font-size: 20px; line-height: 1.25; text-transform: uppercase }
.list-bullet-arrow li>a:focus, .list-bullet-arrow li>a:hover { color: #da8005 }
.list-bullet-arrow p { margin: 0 0 10px }
.atm-locator { color: #4a4a4a; padding: 64px 0; font-weight: 400; font-size: 18px; line-height: 1.88889 }
.atm-locator .holder { max-width: 710px }
.atm-locator h3 { color: #000; font-weight: 400; margin: 36px 0; font-size: 36px; line-height: 1.22 }
.atm-locator p { margin: 0 0 24px }
.atm-locator .img-holder { margin: 0 35px 0 0; position: relative; border-radius: 5px; width: 172px; height: 172px; border: solid 1px rgba(216, 216, 216, 0.75) }
.atm-locator .img-holder a { width: 100%; height: 100%; display: block }
.atm-locator .img-holder img { top: 50%; display: block; margin: 0 auto; position: relative; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) }
.atm-locator .textbox { overflow: hidden; font-weight: 500; font-size: 17px; line-height: 1.88235 }
.atm-locator .textbox p { margin: 0 }
.atm-locator .add-info { border-radius: 10px; background-color: #fff; padding: 46px; border: solid 1px rgba(216, 216, 216, 0.75) }
.atm-locator h4 { max-width: 86%; color: #006442; font-weight: 500; margin: 0 0 34px; font-size: 20px; line-height: 1.65 }
.atm-locator h4 sup { font-size: 76.471% }
.list-number { margin: 0; padding: 0; list-style: none; counter-reset: my-sec-counter }
.list-number li { color: #4a4a4a; position: relative; padding: 0 0 0 27px; font-size: 15px; line-height: 1.46667 }
.list-number li+li { margin: 14px 0 0 }
.list-number li:before { top: 0; left: 0; content: ''; color: #faa532; font-weight: 500; position: absolute; counter-increment: my-sec-counter; content: counter(my-sec-counter) }
.atm-surcharge { color: #4a4a4a; overflow: hidden; position: relative; background: #e9e9e9; padding: 72px 0 89px; font-size: 20px; line-height: 1.6 }
.atm-surcharge .container { z-index: 3; position: relative }
.atm-surcharge header { max-width: 846px }
.atm-surcharge h2 { color: #006442; font-weight: 400; margin: 0 0 18px; font-size: 36px; line-height: 1.22 }
.atm-surcharge p { margin: 0 0 56px }
.atm-surcharge .bg-text { left: -24%; z-index: 2; bottom: -42px; font-weight: 700; position: absolute; font-size: 260px; line-height: 1; color: rgba(51, 51, 51, 0.02) }
.list-logos { margin: 0 -10px }
.list-logos:after, .list-logos:before { content: " "; display: table }
.list-logos:after { clear: both }
.list-logos li { width: 25%; float: left; padding: 0 10px 23px }
.list-logos a { font-size: 0; line-height: 0; display: block; background: #fff; text-align: center; position: relative; white-space: nowrap; -webkit-box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.08) }
.list-logos a:before, .list-logos a img { display: inline-block; vertical-align: middle }
.list-logos a:before { content: ''; width: 1px; height: 207px }
.list-logos a img { height: auto; max-width: 100% }
.list-logos a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.useful-info { color: #4a4a4a; padding: 56px 0 50px; font-size: 18px; line-height: 30px }
.useful-info .box { max-width: 510px; position: relative }
.useful-info h2 { color: #000; font-weight: 400; margin: 0 0 50px; font-size: 36px; line-height: 1.38 }
.useful-info h3 { z-index: 3; color: #006442; margin: 0 0 22px; font-weight: 500; position: relative; font-size: 24px; line-height: 1.4 }
.useful-info p { margin: 0 0 18px; font-weight: 500; letter-spacing: -0.02rem }
.useful-info .number { left: 0; top: -50px; color: #000; opacity: 0.03; font-weight: 700; position: absolute; font-size: 118px; line-height: 1 }
.useful-info.how-it-works { font-size: 16px; line-height: 1.63 }
.useful-info.how-it-works .box { padding-right: 50px }
.useful-info.how-it-works .number { color: #fff; opacity: 0.5; top: -60px }
.useful-info.how-it-works .list { font-size: 16px; line-height: 1.5 }
.list { margin: 0; padding: 0; list-style: none; font-weight: 300 }
.list li { position: relative; padding: 0 0 0 23px }
.list li+li { margin: 15px 0 0 }
.list li:before { left: 0; top: 7px; color: #257c59; content: "\e906"; position: absolute; font: 70%/1 'icomoon' }
.list a { font-weight: 500 }
.contacts-info { color: #4a4a4a; padding: 50px 0 75px; font-size: 18px; line-height: 1.67 }
/* .contacts-info .holder { max-width: 678px } */
.contacts-info h3 { color: #006442; margin: 0 0 20px; font-size: 25px; line-height: 1.76 }
.contacts-info p { margin: 0; }
.contacts-info .info a { font-weight: 500; display: inline-block; vertical-align: top; font-size: 26px; line-height: 32px;margin-left: 10px; }
.contacts-info .icon-phone { color: #fff; text-align: center; width: 70px; height: 70px; border-radius: 100%; margin: 1px 18px 0 0; font-size: 24px; line-height: 60px; background: #faa532; border: solid 5px rgba(255, 255, 255, 0.5) }
.contacts-info .numbers { overflow: hidden }
.contacts-info .title { color: #000; display: block; font-size: 16px; font-weight: 600; margin: 0 0 14px;line-height: 20px; }
.contacts-info .img-holder { padding: 15px 0 0;}
.customers-services { color: #4a4a4a; padding: 60px 0 50px; font-size: 18px; line-height: 1.44 }
.customers-services header { padding: 0 0 24px }
.customers-services h3 { color: #000; margin: 0 0 14px; font-size: 24px; line-height: 1.83 }
.customers-services p { margin: 0 0 24px }
.customers-services .cs-box { height: 100% }
.customers-services .sameHeight>div { margin: 0 0 32px }
.customers-services-inner h3 { color: #006442; margin: 0 0 20px; font-size: 25px; line-height: 1.76 }
.cs-box { display: block; margin: 0 10px; text-align: center; border-radius: 10px; background-color: #fff; padding: 36px 15px 28px; border: solid 1px rgba(216, 216, 216, 0.75) }
.cs-box:focus, .cs-box:hover { -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1) }
.cs-box .ico-holder { margin: 0 0 15px; min-height: 40px }
.cs-box .ico-holder img { display: block; margin: 0 auto }
.cs-box .title { color: #000; display: block; margin: 0 0 16px; font-weight: 600; font-size: 16px; line-height: 1.25 }
.cs-box .number { display: block; color: #006442; font-size: 32px; line-height: 1 }
.availability { padding: 50px 0 }
.availability h3 { color: #006442; margin: 0 0 12px; font-weight: 500; font-size: 24px; line-height: 1.63 }
.availability h4 { color: #000; margin: 0 0 41px; font-weight: 400; font-size: 36px; line-height: 1.22 }
.availability .bullet-dashed { margin: 0 0 15px }
.availability .address-info { text-align: center; margin: 55px 0 15px; border-radius: 10px; padding: 0 15px 35px; background-color: #ffffff }
.availability .ico-holder { top: -42px; margin: 0 0 -16px; position: relative }
.availability .ico-holder img { display: block; margin: 0 auto }
.availability h5 { margin: 0 0 16px; font-weight: 500; font-size: 19px; line-height: 1.25 }
.availability address { color: #4a4a4a; margin: 0 auto; display: block; max-width: 258px; font-size: 18px; line-height: 1.44 }
.availability address .sub-title { display: block; margin: 0 0 26px }
.bullet-dashed { color: #4a4a4a; margin: 0; padding: 0; list-style: none; font-size: 18px; line-height: 1.33333 }
.bullet-dashed li { position: relative; padding: 0 0 0 21px }
.bullet-dashed li+li { margin: 18px 0 0 }
.bullet-dashed li:before { left: 0; top: 12px; content: ''; position: absolute; width: 9px; height: 3px; background-color: #faa532 }
.faqs { padding: 60px 0; line-height: 1.6 }
.faqs h2, .faqs h3 { font-weight: 500; margin: 0 0 30px }
.faqs h3 { margin-top: 30px }
.faqs p { margin: 0 0 20px }
.faqs .set { padding: 0 0 15px; margin: 0 0 15px; border-bottom: solid 1px #f1f1f1 }
.faqs .set.no-bdr { border-width: 0; padding-bottom: 0 }
.faqs .question { font-size: 16px; font-weight: 500; margin: 0 0 10px }
.faqs .question.no-bdr { border-width: 0; padding-bottom: 0 }
.faqs table .list li { padding: 0 }
.faqs table .list li:before { display: none }
.faqs .list { margin: 0 0 10px }
.faqs .list li { padding-left: 25px }
.faqs .list li+li { margin: 9px 0 0 }
.faqs .list li:before { top: 6px }
.faqs .list .list { margin: 15px 0 }
.faqs .list .list li { padding-left: 15px }
.faqs .list .list li+li { margin: 5px 0 0 }
.faqs .list .list li:before { top: 5px; content: '\e901' }
.faqs .list-logos { padding: 0; width: 100%; display: table; margin: 30px auto; table-layout: fixed }
.faqs .list-logos li { padding: 0; float: none; position: relative; display: table-cell; vertical-align: middle; border: 1px solid #ddd }
.faqs .list-logos li+li a { margin: 0 0 0 -1px }
.faqs .list-logos a { padding: 10px; -webkit-box-shadow: none; box-shadow: none }
.faqs .list-logos a:hover { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important }
.faqs .list-logos a:before { height: 90px }

@media (min-width:768px) {
.faqs .list-logos img { max-width: 70% }
.faqs .list-logos img[alt="Privileged Status"] { max-width: 70px }
.faqs .list-logos img[alt="Alliance One"] { max-width: 80px }
.faqs .list-logos img[alt="Money Pass"] { max-width: 80px }
.faqs .list-logos img[alt="MasterCard ATM Alliance"] { max-width: 80px }
}
.faqs .table td, .faqs .table th { padding: 12px 20px }
.faqs .table .table-header td, .faqs .table th { font-size: 16px; color: #fff; background: #257c59; border-color: rgba(255, 255, 255, 0.2) }
.faqs .table ul { padding: 0 0 0 14px }
.faqs .table .list { margin: 0; padding: 0 }
.faqs .table .header { font-size: 16px }
.faqs .table .bg-yellow { color: #fff; border-width: 0; background: #faa532; text-align: center; }
.faqs .table.bold-value td:last-child { font-weight: 500 }
.terms-conditions { padding: 60px 0; font-size: 13px; line-height: 20px; letter-spacing: 0.01rem }
.terms-conditions.privacy-section { padding: 40px 0 15px }
.terms-conditions h2, .terms-conditions h3, .terms-conditions h4 { font-weight: 500; margin: 0 0 15px }
.terms-conditions p { margin: 0 0 30px }
.terms-conditions .list, .terms-conditions ol { margin: 0 0 30px }
.terms-conditions .list p, .terms-conditions ol p { margin: 0 0 15px }
.terms-conditions ol { padding: 0 0 0 15px }
.terms-conditions ol.main-list { padding: 0 }
.terms-conditions .list-none { margin: 0; padding: 0; list-style: none }
.terms-conditions .list li:before { top: 6px }
.terms-conditions .ordered-list li+li { margin: 15px 0 0 }
.terms-conditions .table td, .terms-conditions .table th { padding: 12px 20px }
.terms-conditions .table .bg-green, .terms-conditions .table .table-header td, .terms-conditions .table th { font-size: 16px; color: #fff; background: #257c59; border-color: rgba(255, 255, 255, 0.2) }
.terms-conditions .table ul { padding: 0 0 0 14px }
.terms-conditions .table .list { margin: 0; padding: 0 }
.terms-conditions .table .bg-yellow { color: #fff; border-width: 0; background: #faa532 }
.terms-conditions .table.bold-value td:last-child { font-weight: 500 }
.main-list { margin: 0; padding: 0; list-style: none; counter-reset: my-sec-counter; }
.main-list>li { position: relative; padding-left: 36px }
.main-list>li+li { margin: 20px 0 0 }
.main-list>li:before { top: 3px; left: 0; font-size: 24px; font-weight: 500; position: absolute; counter-increment: my-sec-counter; content: counter(my-sec-counter, upper-roman) ". " }
.intro { color: #4a4a4a; padding: 68px 0; font-size: 18px; line-height: 1.6; background: url(./../images/grid.jpg) no-repeat 100% 50% }
.intro h2 { color: #006442; font-size: 16px; margin: 0 0 12px; font-weight: 700 }
.intro h2 sup { font-size: 87.5% }
.intro h3 { color: #000; margin: 0 0 25px; font-weight: 400; font-size: 36px; line-height: 1.22 }
.intro p { margin: 0 0 44px }
.intro .btn { padding: 13px 20px; min-width: 238px; border-radius: 2px; text-transform: uppercase }
.intro .img-holder img { display: block; margin: 0 auto }
[lang=es] .intro .btn { padding: 13px 36px }
#dialog-cards { text-align: center; white-space: nowrap }
#dialog-cards .modal-dialog { width: auto; max-width: 900px; text-align: left; white-space: normal }
#dialog-cards .modal-dialog, #dialog-cards:before { display: inline-block; vertical-align: middle }
#dialog-cards.modal:before { content: ''; height: 100%; margin-right: -4px }
#dialog-cards .close { top: 8px; right: 8px; color: #777; padding: 0; background: #eee; position: absolute; width: 32px; height: 32px; font-size: 18px; line-height: 32px }
#dialog-cards .close:focus, #dialog-cards .close:hover { color: #fff; background: #faa532 }
#dialog-cards .close span { position: relative }
#dialog-cards .login-info { margin: 0; padding: 0 }
#dialog-cards .login-info .container { position: relative; padding: 20px 15px 30px }
#dialog-cards .login-info .header { font-size: 14px; max-width: 90%; margin: 0 auto; padding: 0 15px 15px }
#dialog-cards .login-info .card-holder { margin: 0 0 30px }
#dialog-cards .login-info h2 { font-size: 24px }
#dialog-cards .login-info .label-holder { max-width: 300px; margin: 0 0 0 15px }
#dialog-cards .login-info .card-col:first-child .label-holder { margin: 0 10px 0 auto }
#dialog-cards .login-info .number { font-size: 18px }
#dialog-cards .login-info [data-type] { height: auto; font-size: 15px; min-width: 260px; line-height: 48px; font-weight: 600; padding: 0 58px 0 10px }
#dialog-cards .login-info [data-type] .icon-arrow-right { width: 48px; line-height: 48px }
.card-selection-msg { left: 50%; opacity: 0; color: #fff; bottom: 100%; width: 190px; font-size: 13px; background: #333; font-weight: 500; padding: 8px 15px; margin: 0 0 -15px; visibility: hidden; border-radius: 3px; position: absolute; white-space: nowrap; pointer-events: none; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -ms-transform: translate(-50%, 0) }
.card-selection-msg:after { top: 100%; left: 50%; content: ''; margin: 0 0 0 -5px; position: absolute; border-width: 5px 5px 0; border-style: dashed solid; border-color: #333 transparent transparent }
.no-card-selected .card-selection-msg { opacity: 1; visibility: visible; margin-bottom: 7px }
html[lang="es"] .card-selection-msg { white-space: normal; }
[lang=es] #notices-block .btn-default { width: 160px; margin: 59px -59px 0 0 }
[lang=es] .login-info .links { text-align: right }
[lang=es] .login-info [data-type=submit], [lang=es] .login-info [type=submit] { padding: 0 88px 0 20px }
.loader { z-index: 5000; top: 0; left: 0; right: 0; bottom: 0; position: absolute; position: fixed; display: none!important; -webkit-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; background: #fff url(../images/grid.jpg) no-repeat 100% 100%/50% 50% }
/* .page-loaded .loader { } */
.loader .loader-holder { top: 50%; left: 50%; height: 100px; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) }
.loader .circle { top: 0; left: -60%; background: #444; position: absolute; width: 100px; height: 100px; border-radius: 100%; -webkit-animation: circle 3s ease alternate infinite; animation: circle 3s ease alternate infinite; background: url(../images/img-loader.jpg) no-repeat 50% 50%/cover }
.loader .circle:after, .loader .circle:before { top: 0; left: 0; content: ''; position: absolute; border-radius: 100%; border: solid 5px }
.loader .circle:after { top: -10px; left: -10px; right: -10px; bottom: -10px; position: absolute; border-color: #867d3f #867d3f transparent transparent; -webkit-animation: bdr 3s alternate infinite; animation: bdr 3s alternate infinite }
.loader .circle:before { display: none; top: -20px; left: -20px; right: -20px; bottom: -20px; position: absolute; border-color: transparent transparent #093 #093 }
.loader img { top: 50%; z-index: 1; display: block; position: relative; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -ms-transform: translate(0, -50%) }
.TNC-dialog { padding: 0 !important; }
.TNC-dialog .scroll-holder { height: auto !important; max-height: 90vh; border: solid #fff; border-width: 20px 0; }
.TNC-dialog .scroll-holder > .holder { padding: 20px 30px 20px 20px; }
.TNC-dialog .slimScrollDiv { height: auto !important; }
.TNC-dialog .terms-conditions { padding: 0; }
.TNC-dialog .modal-dialog { width: auto; max-width: 1036px; }
.TNC-dialog h2 { font-size: 20px; }
.TNC-dialog h3 { font-size: 17px; font-weight: bold; margin: 0px 0px 5px; }
.TNC-dialog h4 { font-size: 15px; }
.TNC-dialog .main-list > li:before { font-size: 15px; top: 0; }
.TNC-533 h3 { margin-bottom: 15px; }
.TNC-533 a { text-decoration: underline; }
.modal-open { padding: 0 !important; }
.close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; }
button.close { top: 5px; right: 15px; z-index: 15; -webkit-appearance: none; padding: 0; cursor: pointer; background: none; border: 0; position: absolute; }
@-webkit-keyframes circle {
50% {
background-color:#23e904;
-webkit-transform:scale(1.3);
transform:scale(1.3);
-webkit-box-shadow:0 0 0 6px #716b30;
box-shadow:0 0 0 6px #716b30
}
to {
background-color:#83fd70;
left:110%
}
}
@keyframes circle {
50% {
background-color:#23e904;
-webkit-transform:scale(1.3);
transform:scale(1.3);
-webkit-box-shadow:0 0 0 6px #716b30;
box-shadow:0 0 0 6px #716b30
}
to {
background-color:#83fd70;
left:110%
}
}
@-webkit-keyframes bdr {
50% {
-webkit-transform:rotate(2000deg) scale(1.3);
transform:rotate(2000deg) scale(1.3);
opacity:0.5;
border-width:2px
}
}
@keyframes bdr {
50% {
-webkit-transform:rotate(2000deg) scale(1.3);
transform:rotate(2000deg) scale(1.3);
opacity:0.5;
border-width:2px
}
}
[data-view] { opacity: 0; -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; transition: opacity 1s ease, -webkit-transform 1s ease; -o-transition: transform 1s ease, opacity 1s ease; transition: transform 1s ease, opacity 1s ease; transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease }
[data-view][data-view=slideInLeft] { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) }
[data-view][data-view=slideInRight] { -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0) }
[data-view][data-view=slideInUp] { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%) }
[data-view].animated { opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0) }
[alt=p] { top: 0; left: 0; position: absolute }
[alt=p]+#wrapper { z-index: 2; opacity: 0.65 }
.footer-area { height: 1%; width: 100%; overflow: hidden; position: relative; display: table-footer-group }
.footer-aside { color: #adadad; padding: 56px 0; background-color: #404040 }
.footer-aside h3 { color: #fff; font-size: 18px;line-height: 22px; margin: 0 0 30px; font-weight: 500; text-transform: uppercase }
.footer-aside p { margin: 0 }
.footer-aside .helpline { min-height: 105px; margin: -5px 0 30px }
.footer-aside .timing { color: #faa532; margin: 0 0 11px; font-size: 18px; line-height: 1.5 }
.footer-aside .tel { color: #adadad; font-weight: 300; font-size: 26px; line-height: 1.09 }
.footer-aside .tel sub { bottom: 0; font-size: 14px; line-height: 1.71 }
.footer-aside .outside-customers a, .footer-aside .tel a { color: #adadad }
.footer-aside .outside-customers a:focus, .footer-aside .outside-customers a:hover, .footer-aside .tel a:focus, .footer-aside .tel a:hover { opacity: 0.7 }
.footer-aside .outside-customers { font-weight: 300; font-size: 16px; line-height: 2.14 }
.footer-aside .btns-holder { margin-top: 20px!important }
.footer-aside .btns-holder .btn-default { color: #fff; border-width: 0!important; padding: 3px 17px; margin: 0 15px 0 0; font-size: 14px; line-height: 30px }
.footer-aside .btns-holder .btn-default .icon-twitter { font-size: 130%; margin: 5px 5px 0 0; display: inline-block; vertical-align: top }
.footer-aside .btns-holder .btn-default:focus, .footer-aside .btns-holder .btn-default:hover { opacity: 1 }
.footer-aside .btns-holder .btn-twitter { padding: 0; margin: 0 15px 0 0; border-width: 0!important; background: none }
.footer-aside .btns-holder .btn-twitter img { display: block }
.footer-aside .btns-holder .btn-twitter:hover { opacity: 0.7 }
.footer-nav { font-size: 14px; line-height: 1.28571 }
.footer-nav .no-bullet li { padding: 0 }
.footer-nav .no-bullet li:before { display: none }
.footer-nav li {position: relative; padding: 0 0 0 20px; font-size: 18px; line-height: 22px; font-weight: 300; color: #fff; }

.footer-nav li:before  { top: 8px; left: 0; content: ''; position: absolute; width: 6px; height: 6px; background: #faa532; border-radius: 100% }
.footer-nav li+li { margin: 8px 0 0 }
.footer-nav a { color: #fff; border-bottom: solid 1px rgba(255, 255, 255, 0.4); font-size: 16px; line-height: 30px; font-weight: 300; }
.footer-nav a:focus, .footer-nav a:hover { opacity: 0.7; border-bottom: 0 } 
.footer-nav .btn-block { margin: 20px 0 0 }
.footer-nav .btn-block+.btn-block { margin: 23px 0 0 }
.footer-nav .btn-default { z-index: 2; color: #adadad; font-size: 16px; background: none; overflow: hidden; padding: 7px 14px; position: relative; border-radius: 4px; border-color: #9b9b9b; color: #faa532 }
.footer-nav .btn-default:before { content: ''; z-index: -1; border-radius: 2px; top: 0; left: 0; right: 0; bottom: 0; position: absolute; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; background: #faa532; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%) }
.footer-nav .btn-default:focus, .footer-nav .btn-default:hover { opacity: 1; color: #fff }
.footer-nav .btn-default:focus:before, .footer-nav .btn-default:hover:before { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
#footer { color: #404040; padding: 23px 0; font-size: 9px; line-height: 20px; }
#footer .container { max-width: 920px }
#footer p { margin: 0 }
.error-container { font-size: 18px; padding:  100px 0; }
.error-container .img-holder { margin: 0 0 46px; }
.error-container .img-holder img { margin: 0 auto; }
.error-container .container { padding: 30px; max-width: 720px; }
.error-container h2 { font-weight: 500; margin: 0 0 20px; font-size: 37px; }
.error-container p { margin: 0 0 33px; }
.error-container .btn { font-size: 15px; text-transform: uppercase; padding: 12px 37px; }
.welcome-section{ position:relative; z-index:1; display:none;}
.welcome-section .container{  max-width:1036px; height: 50px;  border-top-left-radius: 4px; border-top-right-radius: 4px;  background:url('./../images/bg-welcome-new.png') top left no-repeat #c42020; position:relative;}
.welcome-section .container p{   font-size: 21px;  font-weight: normal;  font-style: normal;  font-stretch: normal;  line-height: 1.14; letter-spacing: normal;  text-align: center;  color: #ffffff; margin:0; line-height:48px;}
.close-welcome{ font-size:0; width:20px; height:20px; background: url('./../images/close-cross.png') center center no-repeat rgba(0, 0, 0, 0.15); position:absolute; top:50%; right:10px; margin-top:-10px; border-radius:100%;}
.close-welcome:hover,
.close-welcome:focus{ background-color:rgba(0,0,0,0.5);}
.welcome-section.msg-show ~ .login-info .container {border-top-left-radius:0; border-top-right-radius:0; }
.circlelist { list-style:circle; }
.TNC-dialog h4.text-italic { font-style: italic; margin: 0px 0px 7px; }


@media (min-width:769px) {
	.footer-nav h3 { pointer-events: none }
	.footer-nav .collapse, .footer-nav ul { height: auto!important; display: block!important }
}

@media (max-width:1500px) {
	.hero-blokc.how-it-works { background-position: 50% 50% }
}

@media (max-width:1440px) {
	.navbar-default h1 { padding: 16px 0 0; max-width: 230px }
	.header-es .navbar-default .navbar-nav > li > a {font-size: 13px; padding: 24px 4px; letter-spacing: 0.7px;}
	.header-es .lang-drop {margin: 0 15px 0 15px !important;}
	.header-es .lang-drop a {font-size: 11px;padding: 8px 10px;}
	.navbar-default .navbar-nav>li>a { font-size: 15px; padding: 24px 7px }
	.lang-drop { padding: 16px 0 0 }
	.hero-blokc:before { height: 484px; vertical-align: middle }
	.home-page .hero-blokc:before { vertical-align: middle }
	.hero-blokc>.container { margin: 0; padding-top: 0; max-width: 990px; vertical-align: middle }
	.home-page .hero-blokc>.container { padding-top: 60px; vertical-align: top; padding-bottom: 15px; max-width: 984px }
	.hero-blokc h2 { font-size: 24px; margin: 0 0 24px; line-height: 1.35 }
	.hero-blokc .btn-default { min-width: 172px; padding: 12px 20px }
	.hero-blokc.atm-locator-block>.container { vertical-align: middle }
	.home-page .hero-blokc {    margin-bottom: -310px;} 
	.login-info .container{ max-width: 960px; padding: 21px 15px 32px }
	.welcome-section .container{ max-width:960px; }
	.login-info .header { font-size: 15px; padding: 0 0 12px }
	.login-info h2 { font-size: 24px; margin: 0 0 -3px }
	.login-info .card-holder { margin: 0 0 30px }
	.login-info .card-col:first-child .label-holder { margin: 0 10% 0 auto }
	.login-info .label-holder { margin: 0 0 0 10%; max-width: 320px }
	.login-info .links li { margin: 0 0 0 5px }
	.login-info .number { font-size: 16px; margin: 2px 0 0 3px }
	.login-info [data-type=submit], .login-info [type=submit] { height: 50px; font-size: 15px; min-width: 280px; font-weight: 600; padding-right: 60px; letter-spacing: normal; -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15) }
	.login-info [data-type=submit] .icon-arrow-right, .login-info [type=submit] .icon-arrow-right { width: 50px; line-height: 49px }
	.login-info [data-type=submit] { line-height: 48px }
	.login-info .footer { padding: 10px }
	.atm-locator h3 { margin: 10px 0 25px; font-size: 36px }
	.atm-locator .add-info { padding: 40px }
	.atm-locator h4 { margin: 0 0 17px }
	.faqs { line-height: 1.7 }
	.faqs h2, .faqs h3 { margin: 0 0 20px }
	.faqs h3 { margin-top: 35px }
	.atm-surcharge { padding: 60px 0 89px }
	.atm-surcharge h2 { font-size: 36px }
	.footer-aside { padding: 48px 0 52px }
	.footer-aside .btns-holder { margin-top: 20px!important }
	.nice-radio .area { width: 18px; height: 18px }
}

@media (max-width:1180px) {
	.hero-blokc>.container:after { width: 740px }
	.hero-blokc h2 br { display: none }
	.atm-locator .add-info { padding: 30px 20px }
	.atm-locator h4 { max-width: none }
	#notices-block { height: 320px }
}

@media (max-width:1066px) {
	.list-logos a img { max-width: 80% }
	.intro .img-holder img { margin: 30px 0 0 auto }
}

@media (max-width:1024px) {
	.container, [class*=col-], [class^=col-] { padding-left: 30px; padding-right: 30px }
	.row { margin-left: -30px; margin-right: -30px }
	.navbar-default h1 { max-width: 230px }
	.header-es .navbar-default h1 {max-width: 160px !important;}
	.navbar-default .navbar-nav>li { margin: 0 0 0 20px }
	.navbar-default .navbar-nav>li>a { font-size: 14px }
	.hero-blokc:before { height: 494px }
	.hero-blokc .btn-default { font-size: 15px; min-width: 155px; padding: 12px 10px }
	.login-info { margin-bottom: 58px }
	.login-info .container { -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.06) }
	.login-info h2 { font-size: 24px }
	.login-info .header { font-size: 15px }
	.login-info [data-type=submit], .login-info [type=submit] { height: 50px; font-size: 15px; min-width: 250px; padding: 0 58px 0 10px }
	.login-info [data-type=submit] .icon-arrow-right, .login-info [type=submit] .icon-arrow-right { width: 50px; line-height: 48px }
	.login-info [data-type=submit] { line-height: 48px }
	.infoarea { padding: 0 0 52px; font-size: 15px; line-height: 1.6 }
	.infoarea .box { padding: 20px 15px }
	.infoarea h2 { font-size: 16px; margin: 0 0 15px }
	.infoarea .ico-holder img { max-width: 55px }
	.infoarea .ico-holder img[src*="images/ic-safe.svg"] { width: 50px }
	.atm-locator { padding: 40px 0; font-size: 16px; line-height: 1.875 }
	.atm-locator h3 { font-size: 26px; margin: 0 0 30px }
	.atm-locator p { margin: 0 0 44px }
	.atm-locator .textbox { font-size: 16px }
	.atm-locator h4 { font-size: 18px; margin: 0 0 20px }
	.atm-locator .add-info { padding: 20px; margin: 0 15px 0 0 }
	.atm-locator .img-holder { width: 150px; height: 150px }
	.atm-locator .img-holder img { max-width: 100px }
	.atm-surcharge { padding: 40px 0; font-size: 16px }
	.atm-surcharge header { max-width: none }
	.atm-surcharge h2 { font-size: 30px }
	.atm-surcharge p { margin: 0 0 40px }
	.useful-info { padding: 40px 0; font-size: 16px }
	.useful-info h2 { font-size: 30px; margin: 0 0 40px }
	.useful-info h3 { font-size: 22px; line-height: 1.5 }
	.useful-info p { font-weight: 400 }
	.useful-info .number { top: -40px; font-size: 100px }
	.useful-info.how-it-works { font-size: 15px; line-height: 22px }
	.useful-info.how-it-works p { font-weight: 500 }
	.useful-info.how-it-works .list { font-weight: 400; font-size: 100% }
	.list-number li { font-size: 14px }
	.intro { font-size: 16px; padding: 68px 0 56px }
	.intro .img-holder { margin: 0 30px 0 0 }
	.intro p { margin: 0 0 36px }
	.intro h3 { font-size: 30px }
	.intro .img-holder img { margin: -5px 0 0 auto }
	.faqs .list-logos a:before { height: 120px }
	.footer-aside h3 { font-size: 16px }
	.footer-aside .tel { font-size: 24px }
	.footer-nav .btn-default { font-size: 14px }
	[lang=es] .navbar-default .navbar-nav>li { margin: 0 }
	[lang=es] .lang-drop { margin: 0 0 0 10px }
	.contacts-info .info a { font-size: 25px; }
}
@media (min-width:992px) {
	.contacts-info .holder {
	  max-width: 678px;
	}
}

@media (max-width:991px) {
	#header { padding: 0 }
	#header .container { padding-top: 8px; padding-bottom: 8px }
	.navbar-default .navbar-nav>li { margin: 0 }
	.navbar-default .navbar-header { float: left; margin: 0 }
	.navbar-default h1 { padding: 6px 0 0; max-width: 165px }
	.navbar-default .navbar-collapse { clear: both; float: none!important; margin: 0 -40px }
	.navbar-default .navbar-nav { margin: 15px 0 0; padding: 10px 0; border-top: solid 2px rgba(0, 0, 0, 0.05) }
	.navbar-default .navbar-nav>li>a { padding: 10px 30px; letter-spacing: 0 }
	.navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li.active>a:focus, .navbar-default .navbar-nav>li.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #000; background: #f1f3f4 }
	.lang-drop { margin: 2px 0 0; padding: 0 }
	.infoarea { font-size: 15px }
	.infoarea .box { padding: 0; border-width: 0; margin: 0 30px 30px 0 }
	.infoarea .ico-holder { margin: 0 0 15px }
	.footer-aside .client-info { text-align: center; padding-bottom: 25px }
	.footer-aside .helpline { margin: 0 0 15px }
	.list-logos li { width: 33.333% }
	.atm-locator h3 { margin: 0 0 15px }
	.atm-locator .textbox { font-size: 15px }
	.atm-locator .img-holder { width: 110px; height: 110px; margin: 0 15px 0 0 }
	.atm-locator .img-holder img { max-width: 80px }
	.atm-surcharge .bg-text { left: -30%; font-size: 210px; white-space: nowrap }
	.footer-nav ul { margin: 0 }
	.footer-nav ul:after { display: block; content: ''; height: 30px }
	.login-info { margin: 0 0 40px }
	.home-page .hero-blokc {    margin-bottom: -150px;}
	.login-info .container,
	.welcome-section .container{ margin: 0 30px }
	.login-info .links { width: 100%; max-width: none; margin: 10px 0 0; text-align: left }
	.login-info .links li { padding: 0; margin: 0 10px 0 0 }
	.cs-box .number { font-size: 28px }
	.contacts-info, .customers-services { font-size: 16px }
	.contacts-info h3, .customers-services h3 { font-size: 22px; line-height: 1.4 }
	.availability { font-size: 16px }
	.availability h3 { line-height: 1.4 }
	.availability h4 { font-size: 30px; line-height: 1.3 }
	.useful-info h3 { font-size: 20px; line-height: 1.4 }
	.useful-info .number { top: -30px; font-size: 80px }
	.useful-info.how-it-works .box { padding-right: 0 }
	.faqs .list-logos { display: block }
	.faqs .list-logos li { margin: -1px 0 0 -1px; display: block; float: left }
	.faqs .list-logos li+li a { margin: 0 }
	.faqs .list-logos a { margin: 0 }
	.faqs .list-logos a:before { height: 120px }
	.intro h3 { font-size: 30px }
	.intro .img-holder img { margin: 60px 0 0 auto }
	.infoarea .article { border: 0 }
	.footer-aside h3 { margin: 0 0 20px }
	.error-container { padding: 50px 0; font-size:  16px; }
	.error-container h2 { font-size: 30px; }
	.contacts-info .img-holder { max-width: 310px; margin: 40px auto 0; margin-top: 40px;}
}

@media (max-width:770px) {
	.hero-blokc>.container:after { width: auto }
}

@media (max-width:768px) {
	.navbar-default .navbar-nav { padding-bottom: 0 }
	.navbar-default .navbar-nav>li>a { font-weight: 500 }
	.hero-blokc { font-size: 15px }
	.hero-blokc:before { height: 380px }
	.hero-blokc h2 { font-size: 24px }
	.login-info { padding: 0 0 40px; font-size: 14px; line-height: 1.25 }
	.login-info h2 { margin: 0 0 10px; font-size: 22px; line-height: 1.2 }
	.login-info .header { max-width: 90%; font-size: 14px; margin: 0 auto; padding: 0 15px 20px }
	.login-info .container { padding-bottom: 32px }
	.login-info .label-holder { margin: 0 }
	.login-info .card-col:first-child .label-holder { margin: 0 }
	.list-bullet-arrow { font-size: 16px }
	.list-bullet-arrow li>a { font-size: 18px }
	.faqs { padding: 40px 0 25px }
	.faqs, .terms-conditions, .terms-conditions.privacy-section { padding-top: 35px }
	.faqs { padding-bottom: 15px }
	.terms-conditions { padding-bottom: 0 }
	.terms-conditions.privacy-section { padding-bottom: 0 }
	.terms-conditions h2 { line-height: 1.4 }
	.footer-aside { padding: 32px 0 25px }
	.footer-aside .client-info { margin-bottom: 25px; border-bottom: solid 1px rgba(0, 0, 0, 0.1) }
	.footer-nav h3 { cursor: pointer; position: relative; padding: 0 40px 0 0 }
	.footer-nav h3:after { top: 0; right: -5px; content: '\e90f'; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; position: absolute; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); font: 24px/1 'icomoon'!important }
	.footer-nav h3[aria-expanded=true]:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
}

@media (max-width:767px) {
	#header, #wrapper, #wrapper>main, .footer-area { display: block; width: auto; height: auto }
	.hero-blokc { text-align: center }
	.hero-blokc:before { height: 300px; margin: 0 -5px 0 0 }
	.hero-blokc>.container { margin: 0; text-align: center; vertical-align: middle }
	.hero-blokc>.container .row>div { width: 100% }
	.home-page .hero-blokc>.container { padding-top: 20px; padding-bottom: 20px; vertical-align: middle }
	.hero-blokc h2 { font-size: 20px; margin: 0 0 30px; text-align: center }
	.hero-blokc .btn-default { padding: 10px; min-width: 145px }
	.hero-blokc .btn-holder { text-align: center; padding-top: 0 }
	.login-info { padding: 0 }
	.login-info .header { padding: 0 0 20px; font-size: 15px }
	.login-info h2 { font-size: 18px; line-height: 1.5 }
	.login-info .card-col { padding: 0 10px; margin-bottom: 20px }
	.login-info .card-col:first-child .label-holder { margin: 0 auto }
	.login-info .card-col+.card-col:before { display: none }
	.login-info .label-holder { margin: 0 auto }
	.login-info .card-holder { margin: 0 0 15px }
	.login-info [data-type=submit], .login-info [type=submit] { height: 50px; font-size: 14px; min-width: inherit; padding-right: 50px }
	.login-info [data-type=submit] .icon-arrow-right, .login-info [type=submit] .icon-arrow-right { line-height: 50px; width: 40px; height: 48px }
	.login-info [data-type=submit] { line-height: 48px }
	.login-info .footer { padding: 15px 14px 12px 18px }
	.login-info { margin: 0 0 40px 0 }
	.login-info .btn-holder { padding: 0 }
	.login-info [data-type] { margin: 0 auto; display: block; max-width: 320px }
	#notices-block { position: absolute; font-size: 11px; line-height: 1.25; width: 260px; height: 260px!important }
	#notices-block .well { padding: 20px }
	#notices-block .well:after { content: ''; display: block; height: 25px }
	#notices-block h3 { font-weight: 500; margin: 0 0 10px; font-size: 16px; line-height: 1.2 }
	#notices-block p+p { margin: 10px 0 0 }
	#notices-block .btn-default { height: 30px; line-height: 15px; margin: 42px -41px 0 0 }
	.infoarea { text-align: center }
	.infoarea .article { margin: 0 0 30px; border: 0 }
	.infoarea .box { padding: 10px 0; border-width: 0; max-width: 80%; margin: 0 auto; height: auto!important }
	.infoarea p br { display: none }
	.infoarea .article:last-child { margin: 0 }
	.infoarea .article:last-child .box { padding-bottom: 0 }
	.atm-locator { padding: 40px 0; font-size: 16px }
	.atm-locator h3 { font-size: 24px; margin: 0 0 30px }
	.atm-locator .img-holder { margin: 0 0 15px; border-radius: 10px }
	.atm-locator .textbox { clear: both; overflow: visible }
	.atm-locator .add-info { margin: 15px 0 0 }
	.atm-surcharge .bg-text { font-size: 140px }
	.atm-surcharge, .useful-info { padding: 40px 0; font-size: 15px }
	.atm-surcharge h2, .useful-info h2 { font-size: 24px; margin: 0 0 40px }
	.useful-info>.container>.row>div:last-child .box { margin-bottom: 30px }
	.atm-locator p { margin: 0 0 30px }
	.atm-locator .img-holder { width: auto; text-align: center; float: none!important }
	.atm-locator .textbox p { margin: 0 0 10px }
	.list-logos a:before { height: 157px }
	.useful-info { padding: 40px 0 0 }
	.useful-info h3 { font-size: 20px }
	.useful-info .box { margin: 0 0 60px }
	.useful-info .number { top: -30px; opacity: 0.05; font-size: 80px }
	.footer-aside .outside-customers br { display: none }
	.footer-aside h3 { margin: 0 0 20px }
	.footer-aside .helpline { min-height: 85px }
	.footer-aside .outside-customers { max-width: 90%; margin: 0 auto }
	.footer-nav .btn-block { width: 48%; margin: 0; display: inline-block; vertical-align: top }
	.footer-nav .btn-block+.btn-block { margin: 0; text-align: right }
	.footer-nav ul:after { height: 15px }
	.footer-nav #list-nav-1>.row>div:last-child { margin: 0 0 40px }
	.intro { padding: 35px 0 }
	.intro h3 { font-size: 24px }
	.intro p { margin: 0 0 30px }
	.intro .img-holder { margin: 10px 24px 40px 0 }
	.intro .img-holder img { margin: 0 auto }
	.contacts-info .info { max-width: 340px; margin: 0 auto 18px; }
	.contacts-info .info a { font-size: 24px }
	.contacts-info .title { font-size: 15px }
	.contacts-info .numbers { padding: 0; }
	.contacts-info .img-holder { max-width: 310px; margin: 20px auto 0; }
	#dialog-cards.modal:before { margin-right: -6px; display: none }
	#dialog-cards .login-info .container { margin: 0 }
	#dialog-cards .login-info .header { padding: 15px 0 15px }
	#dialog-cards .login-info [data-type] { font-size: 14px; font-weight: 500; line-height: 36px; min-width: inherit; padding: 0 46px 0 10px }
	#dialog-cards .login-info [data-type] .icon-arrow-right { width: 36px; height: auto; line-height: 36px }
	#dialog-cards .login-info .card-col { padding: 0 }
	#dialog-cards .login-info .card-col:first-child, #dialog-cards .login-info .card-col:last-child { margin: 0 }
	#dialog-cards .login-info .card-col:first-child .label-holder, #dialog-cards .login-info .card-col:last-child .label-holder { margin: 0 auto 15px }
	#dialog-cards .login-info h2 { font-size: 18px }
	#dialog-cards .login-info .number { font-size: 16px }
	.main-list > li { padding-left: 26px; }
	.terms-conditions h2 { font-size: 20px; line-height: 1.4 }
	.main-list > li:before, .terms-conditions h3 { font-size: 18px; line-height: 1.3 }
	.terms-conditions h4 { font-size: 16px; line-height: 1.3 }
	.main-list > li:before { top: 0; }
	[lang=es] #notices-block .btn-default { font-size: 16px; margin: 64px -65px 0 0 }
	[lang=es] .login-info .links { text-align: left }
	[lang=es] .login-info [data-type], [lang=es] .login-info [type=submit] { width: 100%; display: block; max-width: 300px; padding: 0 20px }
	[lang=es] .login-info [data-type] .icon-arrow-right, [lang=es] .login-info [type=submit] .icon-arrow-right { display: none }
	.error-container { padding: 30px 0; font-size:  14px; }
	.error-container h2 { font-size: 24px; }
	.error-container .btn { font-size: 14px; padding:  12px 15px }
	.home-page .hero-blokc{margin-bottom:40px;}
}

@media (max-width:480px) {
	#header { padding: 10px 0 }
	#header .container { padding: 0 15px }
	.navbar-default h1 { padding: 10px 0 0; max-width: 150px }
	.lang-drop { margin: 2px 0 0 }
	.hero-blokc.atm-locator-block:before { height: 160px }
	.atm-locator h3 { margin: 0 0 20px; font-size: 22px }
	.atm-surcharge h2 { margin: 0 0 20px }
	.list-logos li { width: 50% }
	.infoarea .article { margin: 0 0 20px }
	.intro .img-holder img { max-width: 80% }
	.login-info .btn-holder { padding: 0 }
	.login-info [data-type] { max-width: 86% }
	#dialog-cards .login-info .card-holder { margin: 0 20px 18px }
	#dialog-cards .login-info [data-type] { max-width: 300px }
	.footer-aside h3 { font-size: 16px }
	.footer-nav { font-size: 13px }
	.footer-area .btns-holder { margin-top: 18px!important }
	[lang=es] .footer-aside .btns-holder .btn-default { width: 174px; display: block; margin: 0 0 15px }
	[lang=es] .intro .btn { font-size: 13px; font-weight: 600; padding: 13px 12px; min-width: inherit }
	.lang-drop a {font-size: 10px !important;padding: 7px !important;}
	.lang-drop ul {margin: 3px 0px 0px 0px;}
	.lang-drop ul li span.flag {display: none;}
	.lang-drop a span.text {margin:0 !important;}

}
@media (max-width:479px) {
	.welcome-section .container p{ font-size: 14px !important; line-height: 17px; margin: 8px 0 !important;}
	.welcome-section .container{ height:auto;}
	.close-welcome{ right:5px; margin-top:-15px; }	
}
/* modal style */
.modal.show,
.modal-open .modal.show { opacity: 1; }
.modal-backdrop.fade.show { opacity: 0.65 }
.modal-backdrop ~ .modal-backdrop { display: none !important; }
.modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
}
.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
}
.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
/* end modal style */

.alert-warning-msg {
	z-index: 2;
	color: #fff;
	margin: 0 auto;
	font-size: 20px;
	line-height: 26px;
	max-width: 1036px;
	position: relative;
	padding: 11.5px 15px;
	text-align: center;
	border-radius: 5px 5px 0 0;
	transition: opacity 0.25s ease 0s;
}

.economic-impact-msg{
	opacity: 0;
	background: #eb2a2b;
}

.covid-msg {
	opacity: 0;
	background: #faa531;
	border-radius:0;
}

.alert-warning-msg .close-warning {font-size:0;}

.page-loaded .alert-warning-msg { opacity: 1; }
.alert-warning-msg a { text-decoration: underline; color: #fff;font-size:19px; font-weight:500; }
.alert-warning-msg a:hover, .covid-msg a:focus { text-decoration: none; }
.welcome-section.msg-show ~ .covid-msg {
	border-radius: 0;
}
.covid-msg ~ .login-info .container { border-radius: 0 0 5px 5px; }



/* contact us css by DH*/
.hero-blokc.how-it-works.contact-section{
	background-image: url(./../images/contact-us-banner.png);
	background-position: center;
}
section.contact-us-section {
	padding: 35px 0 48px;
}
section.contact-us-section .custom-container {
	max-width: 1070px;
	margin: 0 auto;
}
.contact-us-section .section-heading {
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
	color: #006442;
	font-weight: 500;
	margin: 0 0 28px;
}
.contact-us-section .section-heading img {
	position: relative;
	top: -1px;
	left: 4px;
}
.contact-us-section .section-heading span {
	margin: 0 0 0 15px;
}
.contact-us-section .sub-heading {
	font-size: 24px;
	line-height: 1.333;
	color: #404040;
	font-weight: 500;
	text-align: center;
	margin: 0 0 79px;
}
.contact-box-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin: 0 0 60px;
}
.contact-box-wrapper .contact-box:nth-of-type(1) {
	margin: 0 40px 0 0;
}
.contact-box {
	border: 2px solid #E2E2E2;
	border-radius: 8px;
	max-width: 515px;
	width: 100%;
}
.contact-box .contact-box-inner {
	padding: 68px 70px 52px;
	position: relative;
}
.card-extension {
	font-size: 32px;
	line-height: 1.25;
	color: #006442;
	font-weight: 600;
	position: absolute;
	top: -23px;
	right: 0;
	left: 0;
	width: 140px;
	margin: 0 auto;
	text-align: center;
	background: #fff;
}
.card-img-wrapper {
	width: 310px;
	margin: 0 auto 70px;
}
.card-img-wrapper img {
	width: 100%;
	max-width: 100%;
}
.contact-info-wrapper {
	padding: 0 0 0 33px;
	margin: 0;
	list-style: none;
}
.contact-info-wrapper li {
	margin: 0 0 56px;
}
.contact-info {
	display: flex;
	align-items: center;
}
.contact-info .contact-icon {
	margin: 0 48px 0 0;
	max-width: 40px;
}
.contact-info .contact-icon img {
	max-width: 100%;
	width: 100%;
}
.contact-info .contact-info-content h5 {
	font-size: 16px;
	line-height: 1.25;
	font-weight: 500;
}
.contact-info .contact-info-content h5 {
	font-size: 16px;
	line-height: 1.25;
	font-weight: 500;
	margin: 0 0 15px;
}
.contact-info .contact-info-content a {
	font-size: 28px;
	line-height: 1.214;
	font-weight: 400;
}
.contact-info .contact-info-content a:hover,
.contact-info .contact-info-content a:focus{
	color: #faa532;
}
.contact-box-footer {
	padding: 82px 36px 40px 31px;
	background: #F5F6F8;
	text-align: center;
	position: relative;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.contact-location {
	width: 80px;
	height: 80px;
	background: #fff;
	border: 1px solid #F5F6F8;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -38px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.contact-box-footer h6 {
	font-size: 19px;
	line-height: 1.473;
	font-weight: 500;
	margin: 0 0 15px;
}
.contact-box-footer p {
	font-size: 18px;
	line-height: 1.444;
	font-weight: 400;
	margin: 0 0 26px;
	color: #4A4A4A;
}
.contact-box-footer p:last-child{
	margin: 0;
}
.contact-box-footer p span {
	display: block;
}
.contact-box-footer p sup {
	font-size: 10px;
}
.handle-call-section .sub-heading {
	text-align: left;
	margin: 0 0 31px;
}
.listing-wrapper {
	display: flex;
	align-items: flex-start;
}
ul.calls-listing {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 18px;
	line-height: 1.666;
	font-weight: 400;
	color: #4A4A4A;
	width: 515px;
}
.listing-wrapper .calls-listing:first-child {
	margin: 0 29px 0 0;
}
.calls-listing li {
	padding: 0 0 0 22px;
	margin: 0 0 12px;
	position: relative;
}
.calls-listing li::before {
	content: '';
	width: 9px;
	height: 3px;
	background: #FAA532;
	position: absolute;
	left: 0;
	top: 15px;
}
.mobile-tab-list{
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
}
/* end contact us css DH*/

/*--QA vertical align fix*/
.main-list .table > thead > tr > th,
.main-list .table > thead > tr > td,
.main-list .table > tbody > tr > th,
.main-list .table > tbody > tr > td,
.main-list .table > tfoot > tr > th,
.main-list .table > tfoot > tr > td {
	vertical-align: middle;
}
.arrow-right-big {    font-size: 24px;    line-height: 1;    position: relative;    top: 2px;    margin-left: 3px;}
/*--QA vertical align fix*/

/* -- Lang Dropdown : start -- */
.lang-drop > ul { display: flex; }
.lang-drop a { color: #010202; font-size: 12px; font-weight: 400; border: solid #DEDEDE; border-width: 1px 0 1px 1px;border-radius: 2px 0 0 2px; padding: 9px 12px; }
.lang-drop ul li:last-child a { border-width: 1px 1px 1px 0; border-radius: 0 2px 2px 0; } 
.lang-drop a:hover { color: #010202; }
.lang-drop li.active {background-color: #ffff;box-shadow: none; }
.lang-drop a span.text { margin-left: 6px; }
.lang-drop li:not(.active) {background-color: #f1f1f1;}
.lang-drop li:not(.active) a .text {opacity: 0.6}
.lang-drop a.btn:focus{color:#010202;}
.header-es .navbar-default .navbar-nav > li { margin: 0 0 0 10px; }
.contacts h2 { font-weight: 500; font-size: 34px;line-height: 42px; }
.contacts-info .numbers a {color: #FAA532;;}
.mb-0 { margin-bottom: 0 !important; }
.signup-info .card-section .numbers {display: flex;justify-content: center;}
.contacts-info strong {color:#000000;font-weight: 600;}
.contacts-info .img-holder .img-responsive {margin-top: 18px;}
.contacts-info .signup-info {display: flex;align-items: center;}
.contacts-info .card-section {display: flex;justify-content: end;}

/* -- Lang Dropdown : end -- */


@media (max-width:1440px) {
	.covid-msg, .economic-impact-msg { max-width: 960px; }
}
@media(max-width: 1365px){
	section.contact-us-section .custom-container{
		padding: 0 30px;
	}
	.contact-box .contact-box-inner {
		padding: 68px 30px 52px;
		position: relative;
	}
	.contact-info .contact-icon {
		margin: 0 30px 0 0;
	}
	.contact-info-wrapper {
		padding: 0 0 0 45px;
	}
}
@media (max-width: 1023px){
	.card-img-wrapper {
		width: 100%;
		margin: 0 auto 40px;
	}
	.contact-box-wrapper .contact-box:nth-of-type(1) {
		margin: 0 20px 0 0;
	}
	.contact-box .contact-box-inner {
		padding: 44px 20px 25px;
		position: relative;
	}
	.contact-info-wrapper {
		padding: 0;
	}
	.contact-info-wrapper li {
		margin: 0 0 40px;
	}
	.contact-info .contact-icon {
		margin: 0 20px 0 0;
		max-width: 32px;
	}
	.contact-info .contact-info-content h5 {
		font-size: 14px;
		line-height: 1.25;
		margin: 0 0 10px;
	}
	.contact-info .contact-info-content a {
		font-size: 22px;
	}
	.calls-listing li::before {
		top: 11px;
	}
	.listing-wrapper .calls-listing:first-child {
		margin: 0 10px 0 0;
	}
	.contact-box-footer {
		padding: 60px 20px 30px 20px;
	}
	.contact-location {
		width: 74px;
		height: 74px;
		top: -34px;
	}
	.contact-box-footer p {
		font-size: 16px;
		line-height: 1.4;
		margin: 0 0 20px;
	}
}
@media (max-width:991px) {
	.alert-warning-msg {padding: 11.5px 45px;}
	.covid-msg, .economic-impact-msg{ margin: 0 30px; font-size: 1.1em; }
	.covid-msg a, .economic-impact-msg a {font-size:1em;}
}
@media (max-width:768px) {
	.alert-warning-msg {padding: 11.5px 35px;}
	.covid-msg, .economic-impact-msg { font-size: 0.9em; line-height: 1.25; }
	.alert-warning-msg .close-warning {     right: 8px;margin-top: 0;top: 9px; }

	.hero-blokc.how-it-works.contact-section {
		background-position: 43% 0;
	}
	.contact-box-wrapper {
		margin: 0 0 53px;
		position: relative;
	}
	.card-extension{
		display: none;
	}
	section.contact-us-section {
		padding: 25px 0 42px;
	}
	.contact-us-section .section-heading {
		font-size: 14px;
		line-height: 1.714;
		margin: 0 0 19px;
	}
	.contact-us-section .sub-heading {
		font-size: 18px;
		line-height: 1.555;
		padding: 0 10px;
		margin: 0 0 46px;
	}
	section.contact-us-section .custom-container {
		padding: 0 28px;
		position: relative;
	}
	.contact-box-wrapper .contact-box:nth-of-type(1) {
		margin: 0;
	}
	.mobile-tab-list {
		font-size: 24px;
		line-height: 1.333;
		color: #006442;
		font-weight: 600;
		display: flex;
		justify-content: center;
		width: 240px;
		position: absolute;
		top: -15px;
		left: 0;
		right: 0;
		margin: 0 auto;
		background: #fff;
		z-index: 1;
	}
	.mobile-tab-list li a{
		color: rgba(117, 117, 117, 0.3);
	}
	.mobile-tab-list li a.activelink,
	.mobile-tab-list li a.activelink:hover,
	.mobile-tab-list li a.activelink:focus{
		color: #006442;
	}
	.mobile-tab-list li:first-child {
		margin: 0 32px 0 0;
		position: relative;
	}
	.mobile-tab-list li:first-child::after {
		content: '';
		width: 2px;
		height: 16px;
		background: #E2E2E2;
		position: absolute;
		right: -19px;
		top: 8px;
	}
	.contact-box .contact-box-inner {
		padding: 34px 20px 50px;
	}
	.card-img-wrapper {
		margin: 0 auto 57px;
	}
	.contact-info-wrapper {
		padding: 0 0 0 11px;
	}
	.contact-info .contact-icon {
		margin: 0 36px 0 0;
	}
	.contact-info .contact-info-content h5 {
		margin: 0 0 12px;
	}
	.contact-info .contact-info-content a {
		font-size: 24px;
		line-height: 1.208;
	}
	.contact-location {
		top: -37px;
	}
	.contact-box-footer {
		padding: 69px 20px 30px 20px;
	}
	.contact-box-footer h6 {
		margin: 0 0 18px;
	}
	.contact-box-footer p {
		font-size: 18px;
		line-height: 1.444;
		margin: 0 0 20px;
	}
	.contact-box-footer p {
		margin: 0 0 26px;
	}
	.contact-us-section .handle-call-section .sub-heading {
		text-align: left;
		margin: 0 0 34px;
		font-size: 24px;
		line-height: 1.416;
		padding-right: 80px;
		padding-left: 0;
	}
	.listing-wrapper{
		flex-direction: column;
	}
	ul.calls-listing{
		width: 100%;
	}
	.calls-listing li::before {
		top: 15px;
		left: 1px;
	}
	.contacts-info .card-section {
		justify-content: center !important;
		/* margin-bottom: 30px; */
	}
	.contacts-info .signup-info {
		display: block;
	}

}
/* all.css : end */