/* MAK Capital */ /* font-family:'Avenir Next W01'; 500 - regular 600 - medium 800 - bold */ /* global styles */ @media screen and (max-device-width:767px){body{-webkit-text-size-adjust:100%}} *{margin:0;padding:0} body{overflow-x:hidden;font-size:16px;color:#000;font-family:'Avenir Next W01',Arial;font-weight:500;background:url(/i/bg.jpg) no-repeat center bottom;background-size:cover} #contact{background-color:#FFF;background:url(/i/bg_contact.jpg) no-repeat center bottom;background-size:cover} body.preload *{ -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important; transition:none !important; } body.fontWait h1,body.fontWait h2,body.fontWait h3,body.fontWait h4,body.fontWait h5,body.fontWait p,body.fontWait a,body.fontWait b,body.fontWait span{opacity:0} /* Shared */ #mobileDeviceAlert{display:none;opacity:1;position:absolute;top:0;left:0;width:1px;height:1px;z-index:-100;pointer-events:none} .italic{font-style:italic;text-transform:initial} .cover{background-size:cover;background-position:center center;background-repeat:no-repeat} .relative{position:relative;top:0px;left:0px} .noWidows{display:inline-block !important} #ce-highlight{z-index:100} a{text-decoration:none;cursor:pointer} center{position:absolute;top:0px;left:0px;right:0px;bottom:0px} .table{display:table} .tableCell{display:table-cell} .content{max-width:none;margin:0;margin-left:120px;margin-right:4%;text-align:left} #container .content{padding-left:235px} .fullWidth{width:100%;max-width:1020px} .phone,.tablet{display:none} p{} .verticalCenter{position:relative;left:0%;top:50%;transform:translate(0,-50%)} .horizontalCenter{position:relative;left:50%;top:0;transform:translate(-50%,0)} .biAxleCenter{transform:translate(-50%,-50%)} .lowercaseMe{text-transform:lowercase} .section{position:relative;top:0;left:0} #ce-highlight{z-index:108} /* Disclaimer Popup */ #cover{background:#000;position:fixed;width:100%;height:100%;left:0;top:0px;opacity:0;filter:alpha(opacity=00);z-index:-101;transition:opacity .2s ease-out,z-index 0s ease .2s} #cover.active{z-index:104;opacity:0.5;filter:alpha(opacity=50);transition:opacity .2s ease-out} .disclaimer-exit{background:url(/i/btn-close.png) no-repeat center center;background-size:contain;display:block;width:44px;height:44px;position:absolute;top:0px;right:0px;cursor:pointer} .disclaimerPopup{position:fixed;top:50%;left:50%;background-color:#FFFFFF;max-width:960px;width:92%;max-height:600px;height:92%;z-index:-102;text-align:left;opacity:0;filter:alpha(opacity=00);transition:opacity .15s ease-out,z-index 0s ease .15s;-ms-transform:translate(-50%,-50%);/* IE 9 */ -webkit-transform:translate(-50%,-50%);/* Chrome,Safari,Opera */ transform:translate(-50%,-50%)} .disclaimerPopup.active{display:block;z-index:105;opacity:1;filter:alpha(opacity=100);transition:opacity .2s ease-out} .disclaimerPopup .discCont{position:absolute;top:0;left:0;width:calc(92% - 10px);height:calc(100% - 54px - 30px);padding:0 4%;margin-top:54px;margin-bottom:30px;text-align:justify;overflow-y:auto;margin-right:10px} .discBU{font-size:1.1em;font-weight:500;margin-top:25px;margin-bottom:8px;font-weight:bold} .discLittleCont .discBU:first-child{margin-top:0} .discR{color:#53585A;font-size:1.125em;line-height:1.5em;margin-bottom:14px} .biggerSp{color:#53585A;font-size:1.875em;line-height:1.3em;font-weight:500;padding:0 60px 23px 0px} .discNum{padding-left:24px;position:relative;top:0;left:0} .discNum span{position:absolute;top:0;left:0} /* Header */ #mobileMenuCover{display:none} #header{position:absolute;top:0;left:0;width:100%;z-index:21;background-color:transparent;transition:background-color .4s ease-out} #header .content{} #header .headerBottomLine{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#fafafa;opacity:.3} #header td{position:relative;top:0;left:0} .logoCont{position:relative;top:0;left:0;height:119.5px;width:178px;margin:25px 0 25px 0} .logo{background-repeat:no-repeat;background-position:left center;background-size:contain;background-image:url(/i/logo.svg);position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .4s ease-out} /* Formatting */ #container{position:absolute;top:0;left:0;width:100%;padding-top:235px} #menuBarLeft{position:absolute;top:235px;left:0;width:322px} #menuBarLeft p{text-transform:uppercase;width:100%;text-align:left;height:30px;vertical-align:top;font-size:1.125em;letter-spacing:3px;margin-bottom:10px} #menuBarLeft p span{display:inline-block} #menuBarLeft p a{text-decoration:none;color:black;padding-left:3px} #menuBarLeft .lineCont{width:120px;height:20px;top:3px} #menuBarLeft .lineActual{height:1px;width:100%;background-color:#C3A461;position:absolute} #menuBarLeft .circleOrange{opacity:0;width:13px;height:13px;background-color:#C3A461;border-radius:50%;position:relative;top:0;left:0;margin-right:4px} #menuBarLeft .circleWhite{display:block;width:7px;height:7px;background-color:#FFF;border-radius:50%;position:absolute;top:50%;left:50%;margin-left:-4px;margin-top:-4px} #menuBarLeft p.sel{} #menuBarLeft p.sel .lineCont{width:167px} #menuBarLeft p.sel .lineActual{height:3px} #menuBarLeft p.sel .circleOrange{opacity:1} #menuBarLeft p.sel a{color:#212D6D;font-weight:800;padding-left:17px} h1,h2,h3{color:#212D6D;text-transform:uppercase} h2{font-size:1.125em;font-weight:600;letter-spacing:2px;line-height:1.5em} h1{font-size:4.5em;position:relative;top:0;left:-4px;margin-bottom:25px} .pReg{font-size:1em;line-height:1.8em;letter-spacing:1px;max-width:620px;margin-bottom:17px} h3{font-size:2.25em;letter-spacing:3px;margin-bottom:59px} #contact-left,#contact-right{display:inline-block} #contact-left{width:200px} #contact-right{margin-left:21px;width:330px} #contact-email{color:inherit} /* Footer */ #footer{position:absolute;bottom:25px;left:0;width:100%;display:block} #footer p{color:#FFF;font-size:0.875em;line-height:1.3em;text-transform:uppercase;color:#D9DBDB;letter-spacing:2px} #footer p span{padding:0 25px 0 27px} /* Contact */ .cLeft{float:left;width:calc(36% - 60px)} .cRight{float:right;width:64%} .boldP{color:#222C6D;font-weight:bold;text-transform:uppercase;letter-spacing:1px} .addressP{margin-bottom:15px} .spacer{height:40px} .contactMapContainer{position:relative;top:0;right:0;width:100%;height:500px;background-color:#EBF1F3} .contactActualMap{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#EBF1F3} .gmnoprint,.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom,.gm-style-cc,.contactActualMap a div img{display:none} /* Request */ #request #container{padding-top:126px} #request #menuBarLeft{display:none} #request form[name=reset]{margin:30px 0 54px 0;margin-left:4%;margin-right:4%} #request form td input[name=PASSWORD]{margin:15px 0} #request form td input[name=PASSWORD2]{margin:15px 0 30px 0} #request form td input[type=button],#request form td input[type=submit]{margin-top:36px;border:none;color:#FFF;text-transform:uppercase;background-color:#212D6D;font-weight:400;font-size:.75em;line-height:46px;letter-spacing:4px;display:inline-block;padding:0 57px 0 61px;cursor:pointer} #request .side{margin-left:4%;margin-right:4%} #request .leftSide{margin-bottom:14px;margin-top:0px;padding-top:0px} #request .rightSide{margin-bottom:56px} #request #interestedTable .rightCol input[type=text],#request #interestedTable .rightCol input[type=password]{margin-left:14px;margin-top:15px;margin-bottom:15px} #request #interestedTable .rightCol input[name=CELL_PHONE]{margin-bottom:7px} #request #interestedTable .rightCol span{display:inline-block;margin-left:14px} #request #interestedTable .rightCol input[type=submit]{margin-left:14px} #request .note{font-weight:500;margin-bottom:7px;color:#212D6D} @media screen and (max-height:950px) /*and (-webkit-min-device-pixel-ratio:2) */ { /* Contact */ .contactMapContainer{height:450px} } @media screen and (max-height:900px) /*and (-webkit-min-device-pixel-ratio:2) */ { /* Contact */ .contactMapContainer{height:400px} } @media screen and (max-width:1400px) /*and (-webkit-min-device-pixel-ratio:2) */ { /* General */ #container{padding-top:200px} #menuBarLeft{top:200px} } @media screen and (max-width:1300px) /*and (-webkit-min-device-pixel-ratio:2) */ { /* Contact */ .cLeft{width:calc(40% - 30px)} .cRight{width:60%} /* Footer */ #footer{bottom:16px} } @media screen and (max-width:1200px) /*and (-webkit-min-device-pixel-ratio:2) */ { /* Contact */ .cLeft{width:calc(50% - 30px)} .cRight{width:50%} } @media screen and (max-width:1024px) /*and (-webkit-min-device-pixel-ratio:2) */ { /* General */ /* Header */ #menuBarLeft{display:none} .btn-menu{display:block;width:30px;height:30px;position:absolute;z-index:9;top:48px;right:0} .btn-menu span{width:100%;height:2px;background-color:#27276B;transition:all .4s ease-out;display:block;position:absolute;left:0} .btn-menu span.ul{transform-origin:center center;transform:rotate(0deg);top:10px} .btn-menu span.ll{transform-origin:center center;transform:rotate(0deg);top:20px} .btn-menu.sel span.ul{left:3px;transform-origin:center center;transform:rotate(45deg) translate(0,7px)} .btn-menu.sel span.ll{left:3px;transform-origin:center center;transform:rotate(-45deg) translate(0,-7px)} #mobileMenuCover{display:block;position:fixed;top:0px;left:0px;width:100%;height:1%;background-color:#FFF;z-index:-200;overflow-y:auto;opacity:0;transition:opacity .2s ease-out,z-index 0s ease .2s,height 0s ease .2s} #mobileMenuCover.menuOpen{z-index:1000;height:100%;opacity:1;transition:opacity .2s ease-out} #mobileMenuCover .content{height:100%} .mobileMenuContainer{position:relative;top:0;left:0;width:calc(100% - 36px);padding-top:24px;padding-bottom:27px} #mobileMenuCover .menuItem{font-size:3em;line-height:1em;padding:15px 0;color:#6B737B;display:block;font-weight:300} #mobileMenuCover .menuItem.sel{color:#212D6D} #mobileMenuCover .btn-menu span,.headerChangeColor .btn-menu span{background-color:#6B737B} #mobileMenuCover .menuItem.withSubMenu{padding-bottom:4px} #mobileMenuCover .menuItemSub{line-height:1.2em;font-size:2em;padding:0 0 4px 15px;color:#6B737B;display:block;font-weight:300} /* General */ .content{margin:0 4%} #container .content{padding-left:0} h3{margin-bottom:40px} /* Footer */ } @media screen and (max-width:767px) /*and (-webkit-min-device-pixel-ratio:2) */ { body{font-size:14px} #header,#container,center,#footer{position:relative} #container{padding-top:30px;padding-bottom:94px} #footer{bottom:8px} #footer p span{padding:0 6px 0 8px;line-height:1.4em} h1{font-size:3.5em} h2{margin-bottom:7px} h3{margin-bottom:31px} /* Contact */ .cLeft,.cRight{width:100%;float:none} .cRight{margin-top:42px} .contactMapContainer{height:300px} #contact-right{margin-left:0} #container .content { margin-top: -300px; } } @media screen and (max-width:767px) and (orientation:portrait) { #home #footer,#home center{position:absolute} } /******* UPDATE PSW *******/ #update_pw center ,#reset_pw center {position: relative;} #update_pw #logo img,#reset_pw #logo img {max-width: 200px;} #update_pw header,#reset_pw header {background:#fff; margin-top: 0; padding: 20px 0;} #update_pw header::after, #reset_pw header::after {display: none;} #update_pw header .content,#reset_pw header .content {height:90px; justify-content: center;} #update_pw section h1,#reset_pw section h1 {margin-bottom: 0.6em; font-size: 2rem;line-height: 1em; text-align: left; display: inline-block; color: #000;} #update_pw section p,#reset_pw section p {margin: 0;} #update_pw section p span,#reset_pw section p span {color:#ff0000;} #update_pw section .content,#reset_pw section .content {width: auto; max-width:1100px; margin: 3rem 5% 0 5%; text-align: center; z-index: 1000;} #update_pw section .form-buttons a,#reset_pw section .form-buttons a {cursor: pointer; transition: all 0.25s ease; display: inline-block; padding: 1em 2em; color: #000; border: 1px solid #1a326f; margin-right: 2em; font-weight: 400; text-transform: uppercase; font-size: 1em; letter-spacing: 0.075em} #update_pw section .form-buttons a:hover,#reset_pw section .form-buttons a:hover {color:#fff; background: #1a326f; border: solid 1px #1a326f;} #update_pw section .form-buttons,#reset_pw section .form-buttons {margin-top: 2rem;} #update_pw section .fx-field input,#reset_pw section .fx-field input,#update_pw section .fx-field textarea,#reset_pw section .fx-field textarea {border: 1px solid #00000080; font-size: 1.125em; padding: 0.5em; width:100%; color: #000;} #update_pw section .fx-field,#reset_pw section .fx-field {margin-right: 5%; margin-bottom: 2rem;} #update_pw section label,#reset_pw section label {font-size: 1.125em; color:#abb7c4; background:#fff; left: 0.5em; padding: 0 0.25em;} #update_pw section textarea,#reset_pw section textarea {resize:none; height: 10em;} #update_pw section .fx-msg,#reset_pw section .fx-msg {left: 0 !important; top: 100% !important; color:#ff0000; font-size: 0.875em;} #update_pw section .fx-input:focus ~ label,#reset_pw section .fx-input:focus ~ label,#update_pw section .fx-input.hasData ~ label,#reset_pw section .fx-input.hasData ~ label {left: 0.75em;} #update_pw section,#reset_pw section {padding: 3em 0;} #update_pw,#reset_pw {background:#fff;}