html, body { height: 100% }
html, button, input, select, textarea { color: #222 }
body { color: #454545; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4; position: relative; overflow-x: hidden; }
::-moz-selection { background: #ffdba6; text-shadow: none; }
::selection { background: #ffdba6; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { max-width: 100%; vertical-align: middle; }
.map img { max-width: inherit }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: none }
input:focus, textarea:focus, button:focus { outline: none }
address { font-style: normal }
::-webkit-input-placeholder { color: #d91c5c }
:-moz-placeholder { color: #d91c5c }
::-moz-placeholder { color: #d91c5c }
:-ms-input-placeholder { color: #d91c5c }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
a:link, a:visited { color: #2d2e59; outline: none; text-decoration: none; -webkit-transition: color 0.15s ease-in; -moz-transition: color 0.15s ease-in; -o-transition: color 0.15s ease-in; transition: color 0.15s ease-in; }
a:hover, a:focus { color: #fc9706; text-decoration: none; }
a:focus { background-color: transparent }
.container { margin: 0 auto; width: 980px; }
.f-left { float: left !important }
.f-right { float: right !important }
.a-center { text-align: center !important }
.a-left { text-align: left !important }
.a-right { text-align: right !important }
.breadcrumb { color: #959595; font-size: 11px; text-transform: capitalize; }
.breadcrumb a:link, .breadcrumb a:visited { color: #959595 }
.breadcrumb a:hover { color: #b4cd41 }
/* document */
.document { text-align: justify }
.document h1 { font-size: 19px; font-weight: normal; margin: 0 0 10px; text-transform: capitalize; }
.document h2 { font-size: 17px; margin: 20px 0 0; }
.document h3 { font-size: 15px; color: #063c6e; margin: 20px 0 10px; }
.document h4 { font-size: 13px; font-weight: normal; margin: 20px 0 0; }
.document h5 { font-size: 11px; margin: 20px 0 10px; }
.document p { margin: 0 0 20px }
.document .f-right { margin: 0 0 10px 20px }
.document .f-left { margin: 0 20px 10px 0 }
/* Helper classes */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both }
.clearfix { *zoom: 1 }
.header-container { border-bottom: 2px solid #2d2e59; font-family: 'Roboto', sans-serif; }
.home-page .header-container { background: #fff; top: 0; position: fixed; width: 100%; z-index: 999; }
.logo { float: left; margin: 23px 0 18px; max-width: 334px; }
.btn-login { color: #2d2e59; display: block; float: right; margin-top: 15px; }
.header-right { float: right }
.nav { float: right; clear: right; margin-top: 9px; width: 615px; }
.menu_toggle { background: #273b5c; display: none; height: 30px; position: absolute; right: 0; text-align: center; top: 25px; width: 40px; }
.menu_toggle span { background: #fff; display: inline-block; height: 3px; margin: 13px 0; width: 30px; position: relative; }
.menu_toggle span:after,
.menu_toggle span:before { background: #fff; content: ""; height: 3px; left: 0; position: absolute; width: 100%; }
.menu_toggle span:after { bottom: -7px; }
.menu_toggle span:before { top: -7px; }
.menu_close { display: none; }
.menu { display: table; margin: 0 -15px 0 0; padding: 0; width: 100%; }
.menu li { display: table-cell; text-align: center; }
.menu a { display: block; padding: 12px 10px; position: relative; }
.menu a:after { background: #2d2e59; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); width: 100%; z-index: -1; }
.menu a:hover:after { -webkittransform: rotateX(0deg); transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); }
.menu a:hover { color: #ffba00; display: block; }
.menu .active a { background: #2d2e59; color: #ffba00; font-weight: 700; }
/* General Style */
[class*="title-"] { font-family: 'Roboto', sans-serif }
.title-1 { color: #00002c; display: inline-block; font-size: 18px; margin: 0; }
.title-2 { border-bottom: 1px solid #8c96a8; color: #2d2e59; font-size: 20px; margin: 0 0 30px; position: relative; text-transform: capitalize; }
.title-2 span { display: inline-block; position: relative; }
.title-2:after, .title-2 span:before { content: ""; left: 0; position: absolute; }
.title-2:after { background: #c5cbd4; bottom: -2px; height: 1px; width: 100%; }
.title-2 span:before { background: #70b3d7; bottom: -3px; height: 3px; width: 100%; z-index: 100; }
.container-wrap { height: auto; min-height: 100%; margin-bottom: -35px; }
.container-wrap.home-page { min-height: inherit; margin-bottom: 0 !important; }
.container-wrap.home-page.resize-height { height: auto !important; margin-bottom: 50px; }
.bn { position: relative }
.main { padding-bottom: 40px }
.home-page .main { padding-bottom: 0 !important; }
.bn img { width: 100% }
.main-wrap { min-height: 290px; padding: 50px 30px 30px; }
.footer-container { background: #273b5c; color: #96afda; font-size: 12px; width: 100%; width: 100%; z-index: 1000; }
.footer-container .container { padding: 10px 0; }
.footer-container a { color: #96afda }
.footer-container a:hover { color: #fff }
.footer-container p { margin: 0 }
.footer-container .footer-menu { float: left; list-style: none; margin: 0 0 0 -4px; padding: 3px 0 0; }
.footer-container .footer-menu li { border-right: 1px solid #7283a0; display: inline-block; line-height: 1; padding: 0 4px; }
.footer-container .footer-menu li.last { border-right: none }
.footer-container .footer-menu a:hover { }
.footer-container .copyright { float: right }
.verz { background: url(../img/verz-logo-2.png) right 0 no-repeat; display: inline-block; padding-right: 45px; }
/* Reveal Modals */
.term-modal { display: none; width: 754px; }
.reveal-modal-bg,
.fancybox-lock .fancybox-overlay { /*background: #444; background: rgba(0,0,0,.8); cursor: url(../img/close_cur.png),auto !important;*/ position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; }
.fancybox-close { display: none; }
.reveal-modal { background: #e6e8ed; background: rgba(230,230,230,0.85); color: #53637d; border: 3px solid #696b70; visibility: hidden; top: 100px !important; left: 50%; position: fixed; z-index: 101; }
.fancybox-skin { background: #e6e8ed; background: rgba(230,230,230,0.85); color: #53637d; border: 3px solid #696b70; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.reveal-modal h3 { font-size: 18px; margin: 10px 0 10px; text-align: center; }
.fancybox-inner .group-btn { float: right; margin-top: 13px; }
/* Enter page and term page = Index page */
.enter-page { background: #FFFFFF 0 0 no-repeat fixed; -webkit-background-size: cover; background-size: cover; height: 100%; width: 100%; overflow: hidden; }
.enter-page .header-container { border: none; margin-top: 100px; text-align: center; }
.enter-page .logo { background: #e0e2e8; float: none; max-width: inherit; padding: 10px 0; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 100%; }
.enter-page .logo a { display: block }
.btn-enter { color: #000; display: block; font-family: 'Ubuntu', sans-serif; font-size: 23px; margin: 27px 0; text-transform: uppercase; }
.btn-enter:link, .btn-enter:visited { color: #000 }
.enter-page .footer-container { background: #1d1d1c; bottom: 0; color: #545454; position: absolute; width: 100%; }
.enter-page .footer-menu li { border-color: #545454 }
.enter-page .footer-container a { color: #545454 }
.enter-page .footer-container a:hover { color: #b7b7b7 }
.enter-page .copyright { float: none; text-align: center; }
.enter-page .verz { background: url(../img/verz-logo-1.png) right 0 no-repeat }
.term-page .logo { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.term-page .btn-enter { display: none }
.term-page .reveal-modal-bg { background: none }
.term-modal.reveal-modal { height: 520px; visibility: hidden; margin-left: -377px; padding: 0 28px; text-align: justify; width: 754px; z-index: 101; }
.term-modal .modal-header { height: 54px; line-height: 54px; text-align: center; }
.term-modal .modal-content { background: #fff; border: 2px solid #707070; height: 410px; padding: 20px 28px; overflow-y: scroll; }
.term-page .group-btn { float: right; margin-top: 13px; }
.btn { background: #fff; border: 1px solid #c4c4c4; display: inline-block; font-family: 'Lato', sans-serif; font-size: 14px; height: 28px; line-height: 24px; padding: 0 15px; }
.btn:link, .btn:visited { color: #5c687c }
.btn:hover { background: #2d2e59; color: #fff; }
.f-group { margin-bottom: 15px }
.lb { color: #454545; float: left; font-size: 14px; font-weight: 400; display: block; margin-top: 4px; width: 100px; }
.text { background: #f8f8f8; border-radius: 5px; border: 1px solid #dbdbdb; height: 29px; line-height: 29px; padding: 0 10px; width: 100%; }
/* Home page */
.about-we { color: #5f5e5e; padding: 26px 0; text-align: center; }
.home-contact { background: #354052; border-top: #fff solid 60px; color: #fffefe; padding: 26px 0; text-align: center; width: 100%; }
.home-contact a { color: #fffefe }
.home-contact address { float: left; padding: 0 20px; position: relative; width: 500px; }
.home-contact span { background: url(../img/ico-add.png) 0 3px no-repeat; display: inline-block; padding-left: 16px; }
.home-contact p { float: left; margin: 0; padding: 0 20px; width: 180px; }
.home-contact p.tel span { background: url(../img/ico-tell.png) 0 4px no-repeat; padding-left: 18px; }
.home-contact p.mail { width: 289px }
.home-contact p.mail span { background: url(../img/ico-mail.png) 0 4px no-repeat; padding-left: 24px; }
.home-contact p.mail a:hover { color: #ffba00 }
.login-form { background: #fff; margin-left: -175px; padding: 0 20px 20px; }
.login-form h3 { font-size: 18px; font-weight: normal; margin: 20px 0; }
.login-form .forgot { display: block; float: left; margin-left: 100px; margin-top: 3px; }
.login-form .btn { float: right }
/* About page */
.footer-container, .footer-container a { color: #dedbdb }
/* Career page */
.career { padding: 0 135px }
.career > p { margin-bottom: 25px; text-align: center; }
.career table { background: #dfe5ee; width: 100%; }
.career thead { background: #52627d; color: #fff; font-family: 'Roboto', sans-serif; font-size: 13px; text-align: left; }
.career th { padding: 10px 17px 8px; width: 180px; }
.career th.first { padding-left: 28px; width: 450px; }
.career td { border-bottom: 1px solid #fff }
.career td.first { background: #4c5461; color: #70b3d7; font-size: 13px; font-weight: bold; padding: 18px 10px 18px 18px; }
.career td.last { color: #4c5461; padding: 18px 10px 18px 28px; }
.career-page .footer-container { background: #4c5461; color: #cccaca; }
.career-page .verz { background: url(../img/verz-logo-3.png) right 0 no-repeat }
/* Contact page */
.contact { padding: 0 50px }
.contact-image { float: left; width: 240px; }
.contact-info { float: left; width: 560px; }
.info { margin-bottom: 25px }
.info .col-1 { float: left; width: 50%; }
.info h4 { margin: 0 0 5px }
.info address { background: url(../img/ico-add-2.png) 0 2px no-repeat; padding-left: 14px; }
.info .col-2 { float: right; margin-top: 22px; text-align: right; width: 50%; }
.info p { background: url(../img/ico-tell-2.png) 0 1px no-repeat; display: inline-block; margin: 0; padding-left: 18px; }
.info .mail { background: url(../img/ico-email.png) 0 4px no-repeat }
.map { height: 244px; width: 100%; }
.map h3 { margin: 0 }
.map p { margin: 5px 0 }
.contact-form .group { margin-bottom: 37px; }
.contact-form .lb { width: 360px; }
.contact-form .group-txt { margin-left: 390px; }
.contact-form .million .text { float: right; width: 80%; }
.contact-form .checkbox input { display: block; float: left; margin-top: 3px; width: 30px; }
.select-investments {
display: inline-block;
width: 40%;
vertical-align: top;
padding-right: 30px;
min-width: 340px;
}
.investment-logo { height: 74px; display: flex; margin-bottom: 7px; margin-top: 7px; width: 100%;}
.investment-logo-link { display: inline-block; align-self: center; margin-right: auto; margin-left:auto; height: inherit; }
.investment-logo-img { max-width: 100%;max-height: 100%; }
.title-3 { border-bottom: 1px solid #7d7d7d; color: #454545; font-size: 15px; text-transform: uppercase; margin: 0 0 10px; }
h3.title-3 { border: none; }
.hidden { display: none; opacity: 0;}
textarea.text { height: 197px; line-height: 1.2; margin-bottom: 15px; padding: 10px; }
.btn-2 {
background: #e3e3e3; /* Old browsers */
background: -moz-linear-gradient(top, #e3e3e3 1%, #b3b3b3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e3e3e3), color-stop(100%,#b3b3b3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e3e3e3 1%,#b3b3b3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e3e3e3 1%,#b3b3b3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e3e3e3 1%,#b3b3b3 100%); /* IE10+ */
background: linear-gradient(to bottom, #e3e3e3 1%,#b3b3b3 100%); /* W3C */
border: 1px solid #dcdcdc; border-radius: 5px; color: #454545; font-size: 14px; float: right; padding: 10px 20px; }
.btn-2:hover { background: #dcdcdc; }
span.wpcf7-form-control-wrap {
display: block;
}
.group-txt span.wpcf7-not-valid-tip {top: 30px;}
.checkbox span.wpcf7-not-valid-tip {bottom: 0;
top: auto;
left: 0}
/* Responsive */
@media (min-width: 1366px) {
body { font-size: 15px }
}
@media (min-width: 1024px) {
.select-investments.last-col {
min-width: 310px;
padding-right: 0px;
width: 50%;
}
.select-investments .col-wrapper { }
.select-investments.last-col .col-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: column;
height: 440px;
}
.select-investments .col-wrapper.short {
height: 270px;
}
.select-investments.last-col .investment-logo {
width: 50%;
margin-right: 4px;
}
}
@media (max-width: 1366px) {
.container-wrap.home-page { margin-bottom: 20px; }
}
@media (max-width: 1280px) {
.container-wrap.home-page { margin-bottom: 0px; }
.term-modal.reveal-modal { height: 420px; }
.term-modal .modal-content { height: 310px; }
}
@media (max-width: 1024px) {
.container-wrap.home-page { margin-bottom: 0px; }
.nav { float: none; clear: none; width: auto; }
.menu_close { background: url(../img/btn_close.png) 0 0 no-repeat; cursor: pointer; display: inline-block; float: right; font-size: 20px; height: 30px; margin: 15px 30px 20px; text-indent: -9999px; width: 30px; }
.menu_toggle { cursor: pointer; display: block; }
.header-right { background: #000; display: none; height: 100%; position: fixed; left: 0; top: 0; width: 0; -moz-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; overflow-y: scroll; }
.header-right .btn-login { color: #fff; clear: right; display: block; float: none; margin-top: 0; padding: 12px 0; position: relative; text-align: center; }
.header-right .btn-login:after { background: #2d2e59; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); width: 100%; z-index: -1; }
.header-right .btn-login:hover:after { -webkittransform: rotateX(0deg); transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); }
.header-right .btn-login:hover { background: #2d2e59; color: #ffba00; }
.open .header-right { display: block; width: 280px; z-index: 999; }
.nav { margin-top: 0; }
.menu { display: block; margin-right: 0 }
.menu li { display: block; float: none; width: 100% !important; }
.menu li a { color: #fff; }
.open .overlay { background: rgba(0,0,0,.6); cursor: pointer; height: 100%; bottom: 0; left: 0; position: fixed; width: 100%; z-index: 100; }
.select-investments .spacer {
display: none;
}
}
@media (max-width: 1023px) {
.container { width: 920px }
/*.nav { width: 555px }*/
.container-wrap.home-page { margin-bottom: -40px; }
/*.home-contact { margin-top: 40px; }*/
.home-contact address { width: 473px }
.home-contact p.tel { width: 190px }
.home-contact p.mail { width: 257px }
.contact, .career { padding: 0 50px }
.contact-info { width: 520px }
.footer-container .footer-menu li.last { width: auto !important }
/* Investment-Logo */
}
@media (max-width: 979px) {
.header-container .container { position: relative; }
.header-right { float: none; max-width: 100%; }
/* .nav { float: none; width: 100%; }*/
.footer-container { height: auto }
.container { text-align: center; width: 800px }
.footer-container .footer-menu { float: none; width: 100%; }
.footer-container .copyright { float: none; margin-top: 10px; width: 100%; }
.contact-image { margin-top: 20px; }
.info .col-1 { margin-left: 0; }
.home-contact address { width: 420px }
.home-contact p.tel { width: 180px }
.home-contact p.mail { width: 197px }
.contact, .career { padding: 0 30px }
.contact-image, .contact-info { float: none; width: 100%; }
.contact-image { margin-bottom: 30px; text-align: center; }
.contact-form .group { margin-bottom: 20px; }
.contact-form .lb { margin-bottom: 10px; width: 100%; }
.contact-form .group-txt { margin-left: 0; }
}
@media (max-width: 839px) {
.container { width: 720px }
.home-contact { font-size: 12px; padding: 10px 0; }
.home-contact span { display: inline; padding: 5px 0 5px 16px; }
.home-contact address { float: none; padding: 0; width: 100%; }
.home-contact p.tel, .home-contact p.mail { float: none; margin-top: 5px; padding: 0; width: 100%; }
.term-modal { height: 100%; width: auto; }
.home-contact p.mail span { background-position: 0 6px; }
.term-modal.reveal-modal { left: 5%; margin-left: 0; width: 90%; }
.footer-container { font-size: 11px; text-align: center; }
.footer-container .footer-menu { float: none; }
.footer-container .footer-menu li { font-size: 11px; }
.footer-container .copyright { margin-top: 5px; }
}
@media (max-width: 768px) {
.container-wrap.home-page { margin-bottom: -40px; }
}
@media (max-width: 767px) {
.container { width: 600px }
.header-container .container { position: relative }
.btn-login { margin-top: 40px; position: absolute; right: 0; top: 0; }
/*.nav { float: none }*/
.contact, .career { padding: 0 20px }
/*.home-contact { margin-top: 30px; }*/
.reveal-modal { position: absolute }
.term-modal.reveal-modal { height: 70%; top: 10% !important; }
.term-modal .modal-content { height: calc(100% - 102px);}
}
@media (max-width: 640px) {
.container { width: 520px }
.logo { margin: 10px 0; max-width: 260px }
.btn-login { margin-top: 35px }
.contact, .career { padding: 0 10px }
.home-contact { border-top-width: 5px; }
.menu_toggle { cursor: pointer; display: block; margin-top: -15px; top: 50%; }
}
@media (max-width: 567px) {
.container { width: 420px }
.main-wrap { padding: 30px 10px }
.container-wrap { margin-bottom: -63px; }
/*.footer-container { line-height: 1.6 }
.footer-container .footer-menu li { line-height: 1.6 }*/
.enter-page .logo img { width: 70% }
.login-form { margin-left: -211px }
.info .col-1, .info .col-2 { float: none; width: 100%; }
.info .col-1 { margin-bottom: 20px }
}
@media (max-width: 479px) {
.container { width: 320px }
.logo { max-width: 220px }
.btn-login { margin-top: 30px }
.info .col-1, .info .col-2 { float: none; text-align: left; width: 100%; }
.career th { display: block; width: 100% !important; }
.career td { display: block; width: 100%; }
.term-modal.reveal-modal { height: 74%; top: 5% !important; }
.term-modal.reveal-modal { padding: 0 15px }
.term-modal .modal-content { padding: 10px }
.term-page .group-btn { margin-top: 3px }
.login-form { left: 0; margin-left: 10px; }
.container-wrap { margin-bottom: -87px; }
}
@media (max-width: 359px) {
.logo { max-width: 190px }
.container { width: 280px }
.login-form { margin-left: 5%; width: 90%; }
.login-form .forgot { margin-left: 0 }
}
.bn-home { background: #fff url(../img/loader.gif) no-repeat center center; position: relative; }
.bn-home ul, .bn-home ol { list-style: none; margin: 0; padding: 0; }
.bn-home ul li { background: no-repeat center center; background-size: cover; float: left; }
.bn-home .slides img { display: none; }
.bn-home .flex-control-paging { bottom: 10px; font-size: 0; left: 0; position: absolute; right: 0; text-align: center; z-index: 99; }
.bn-home .flex-control-paging li { display: inline-block; }
.bn-home .flex-control-paging li a { background: #fff; border: #fff solid 1px; border-radius: 100%; display: block; height: 10px; margin: 0 3px; text-indent: -1984em; width: 10px; }
.bn-home .flex-control-paging li a.flex-active, .bn-home .flex-control-paging li a:hover { background: none; }