/* 88 ,ad8888ba, 88 88 88 d8"' `"8b 88 88 88 d8' 88 88 88 88 88 88 88 88 88 88 88 Y8, 88 88 88 Y8a. .a8P Y8a. .a8P 88 `"Y8888Y"' `"Y8888Y"' ...----.... ..-:"'' ''"-.. .-' '-. .' . . '. .' . . . . .''. .' . . . . . . . ..:. .' . . . . . . .. . . ....::. .. . . . . . . .. . ....:IA. .: . . . . . . .. . .. .. ....:IA. .: . . .. . . . . .. . ... ....:.:VHA. '.. . .. . . . . .. . .. . .....:.::IHHB. .:. . . . . . . . . . . ...:.:... .......:HIHMM. .:.... . . ."::"'.. . . . .:.:.:II;,. .. ..:IHIMMA ':.:.. ..::IHHHHHI::. . . ...:.::::.,,,. . ....VIMMHM .:::I. .AHHHHHHHHHHAI::. .:...,:IIHHHHHHMMMHHL:. . VMMMM .:.:V.:IVHHHHHHHMHMHHH::..:" .:HIHHHHHHHHHHHHHMHHA. .VMMM. :..V.:IVHHHHHMMHHHHHHHB... . .:VPHHMHHHMMHHHHHHHHHAI.:VMMI ::V..:VIHHHHHHMMMHHHHHH. . .I":IIMHHMMHHHHHHHHHHHAPI:WMM ::". .:.HHHHHHHHMMHHHHHI. . .:..I:MHMMHHHHHHHHHMHV:':H:WM :: . :.::IIHHHHHHMMHHHHV .ABA.:.:IMHMHMMMHMHHHHV:'. .IHWW '. ..:..:.:IHHHHHMMHV" .AVMHMA.:.'VHMMMMHHHHHV:' . :IHWV :. .:...:".:.:TPP" .AVMMHMMA.:. "VMMHHHP.:... .. :IVAI .:. '... .:"' . ..HMMMHMMMA::. ."VHHI:::.... .:IHW' ... . . ..:IIPPIH: ..HMMMI.MMMV:I:. .:ILLH:.. ...:I:IM : . .'"' .:.V". .. . :HMMM:IMMMI::I. ..:HHIIPPHI::'.P:HM. :. . . .. ..:.. . :AMMM IMMMM..:...:IV":T::I::.".:IHIMA 'V:.. .. . .. . . . 'VMMV..VMMV :....:V:.:..:....::IHHHMH "IHH:.II:.. .:. . . . . " :HB"" . . ..PI:.::.:::..:IHHMMV" :IP""HHII:. . . . . .'V:. . . ..:IH:.:.::IHIHHMMMMM" :V:. VIMA:I.. . . . .. . . .:.I:I:..:IHHHHMMHHMMM :"VI:.VWMA::. .: . .. .:. ..:.I::.:IVHHHMMMHMMMMI :."VIIHHMMA:. . . .: .:.. . .:.II:I:AMMMMMMHMMMMMI :..VIHIHMMMI...::.,:.,:!"I:!"I!"I!"V:AI:VAMMMMMMHMMMMMM' ':.:HIHIMHHA:"!!"I.:AXXXVVXXXXXXXA:."HPHIMMMMHHMHMMMMMV V:H:I:MA:W'I :AXXXIXII:IIIISSSSSSXXA.I.VMMMHMHMMMMMM 'I::IVA ASSSSXSSSSBBSBMBSSSSSSBBMMMBS.VVMMHIMM'"' I:: VPAIMSSSSSSSSSBSSSMMBSSSBBMMMMXXI:MMHIMMI .I::. "H:XIIXBBMMMMMMMMMMMMMMMMMBXIXXMMPHIIMM' :::I. ':XSSXXIIIIXSSBMBSSXXXIIIXXSMMAMI:.IMM :::I:. .VSSSSSISISISSSBII:ISSSSBMMB:MI:..:MM ::.I:. ':"SSSSSSSISISSXIIXSSSSBMMB:AHI:..MMM. ::.I:. . ..:"BBSSSSSSSSSSSSBBBMMMB:AHHI::.HMMI :..::. . ..::":BBBBBSSBBBMMMB:MMMMHHII::IHHMI ':.I:... ....:IHHHHHMMMMMMMMMMMMMMMHHIIIIHMMV" "V:. ..:...:.IHHHMMMMMMMMMMMMMMMMHHHMHHMHP' ':. .:::.:.::III::IHHHHMMMMMHMHMMHHHHM" "::....::.:::..:..::IIIIIHHHHMMMHHMV" "::.::.. .. . ...:::IIHHMMMMHMV" "V::... . .I::IHHMMV"' '"VHVHHHAHHHHMMV:"' 88888888ba 88888888888 88888888888 88888888ba 88 888b 88 ,ad8888ba, 88 "8b 88 88 88 "8b 88 8888b 88 d8"' `"8b 88 ,8P 88 88 88 ,8P 88 88 `8b 88 d8' 88aaaaaa8P' 88aaaaa 88aaaaa 88aaaaaa8P' 88 88 `8b 88 88 88""""""' 88""""" 88""""" 88""""""' 88 88 `8b 88 88 88888 88 88 88 88 88 88 `8b 88 Y8, 88 88 88 88 88 88 88 `8888 Y8a. .a88 88 88888888888 88888888888 88 88 88 `888 `"Y88888P" */ /* Theme Name: TIM Theme URI: https://www.timfrascone.com Description: I build brands. Version: 1.0 Author: TIM Author URI: https://www.timfrascone.com */ /* DEBUG */ #scrolltopnav { background-color: #fff !important; color: black; text-align: center; border-radius: 2px; padding: 5px 5px; border: 0; outline: 0; right: 20px; bottom: 20px; height: auto; position: fixed; z-index: 9999; text-align: center; letter-spacing: .2em !important; font-size: .5em !important; line-height: 10px !important; } .scrolltopnavi { display: none !important; } .scrolltopnavi img { width: 20px; height: 20px; } #prev-item { margin-left: 10px; float: left; background-color: #fff; border-radius: 2px; } #next-item { margin-right: 10px; float: right; background-color: #fff; border-radius: 2px;} #project-nav p { margin-bottom: 0 !important; letter-spacing: .2em !important; font-size: .5em !important; } #project-nav { text-align: center; border-radius: 2px; border: 0; outline: 0; left: 0; top: 7px; width: 100%; position: fixed; z-index: 9998; } .project-navi { display: none !important; / } .a-project-nav { vertical-align: middle !important; } .a-project-nav img { width: 20px; height: 20px; margin-top: 2px; } .a-project-nav-prev { float: left; } .a-project-nav-next { float: right; } img#wpstats { display: none !important; } /* DEBUG */ figure video { width: 100%; padding: 5em 0; } #video-box { width: 800px; margin: 0 auto; } header { margin-top: 7.5rem !important; } .main { margin-top: 10em !important; } .headline { font-size: 24px; line-height: 1.75rem; /* margin: 0 0 5rem; */ position: fixed; top: 0; /* left: 0; */ width: 300px; left: 50%; margin-left: -150px !important; /* background-color: #fff; */ /* width: 200px; */ padding: 30px 0; z-index: 9999; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } #headline-bg { position: fixed; top: 0; left: 0; background-color: #fff; height: 90px; width: 100%; z-index: 9997; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .headline a { font-family: 'Poppins', sans-serif !important; } .typing-container { width: auto; margin: 0 auto; } #slideshowbox { padding: 5rem; } @media screen and (max-width:40rem){ #slideshowbox { padding: 2rem; } #contain-type { margin-top: 50px; } } #contain-type { width: 80%; height: 100px; margin: 0 auto; margin-bottom: 4em; text-align: center; } .text-js { opacity: 0; margin: 0 auto; font-size: 2em; } .cursor { opacity: 0; display: block; position: absolute; height: 100%; top: 0; right: -5px; width: 2px; /* Change colour of Cursor Here */ background-color: black; z-index: 1; -webkit-animation: flash 0.5s none 30 alternate; animation: flash 0.5s none 30 alternate; } @-webkit-keyframes flash { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes flash { 0% { opacity: 1; } 100% { opacity: 0; } } * { margin: 0; padding: 0; boz-sizing: border-box; /* font-family: "Open Sans", sans-serif; */ } .grid-cell-md-9, .grid-cell-md-15 { width: 100% !important; } #swipe img { width: 100px; } @media screen and (min-width:40rem){ #swipe { display: none !important; } .text-js { font-size: 5em; } } .grid-top{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.grid-bottom{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.grid-center{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.grid-stretch{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.grid-justify-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.grid-justify-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.grid-justify-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.grid-justify-space{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.grid-row{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.grid-row-reverse{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.grid-column{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.grid-column-reverse{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;} .intro h2 { text-align: center; } @media screen and (min-width:0){.grid-sm-1 > [class~=grid-cell]{width:calc(100% * .08333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-sm-2 > [class~=grid-cell]{width:calc(100% * .16666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-sm-3 > [class~=grid-cell]{width:calc(100% * .25 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-sm-4 > [class~=grid-cell]{width:calc(100% * .3333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-sm-5 > [class~=grid-cell]{width:calc(100% * .4166666666666667 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-sm-6 > [class~=grid-cell]{width:calc(100% * .5 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-sm-7 > [class~=grid-cell]{width:calc(100% * .5833333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-sm-8 > [class~=grid-cell]{width:calc(100% * .6666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-sm-9 > [class~=grid-cell]{width:calc(100% * .75 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-sm-10 > [class~=grid-cell]{width:calc(100% * .8333333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-sm-11 > [class~=grid-cell]{width:calc(100% * .9166666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-sm-12 > [class~=grid-cell]{width:calc(100% * 1 - 2.5rem);min-width:0;margin:0 1.25rem;}}@media screen and (min-width:40rem){.grid-md-1 > [class~=grid-cell]{width:calc(100% * .08333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-md-2 > [class~=grid-cell]{width:calc(100% * .16666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-md-3 > [class~=grid-cell]{width:calc(100% * .25 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-md-4 > [class~=grid-cell]{width:calc(100% * .3333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-md-5 > [class~=grid-cell]{width:calc(100% * .4166666666666667 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-md-6 > [class~=grid-cell]{width:calc(100% * .5 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-md-7 > [class~=grid-cell]{width:calc(100% * .5833333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-md-8 > [class~=grid-cell]{width:calc(100% * .6666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-md-9 > [class~=grid-cell]{width:100%;min-width:0;margin:0 1.25rem;}.grid-md-10 > [class~=grid-cell]{width:calc(100% * .8333333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-md-11 > [class~=grid-cell]{width:calc(100% * .9166666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-md-12 > [class~=grid-cell]{width:calc(100% * 1 - 2.5rem);min-width:0;margin:0 1.25rem;}}@media screen and (min-width:60rem){.grid-lg-1 > [class~=grid-cell]{width:calc(100% * .08333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-lg-2 > [class~=grid-cell]{width:calc(100% * .16666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-lg-3 > [class~=grid-cell]{width:calc(100% * .25 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-lg-4 > [class~=grid-cell]{width:calc(100% * .3333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-lg-5 > [class~=grid-cell]{width:calc(100% * .4166666666666667 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-lg-6 > [class~=grid-cell]{width:calc(100% * .5 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-lg-7 > [class~=grid-cell]{width:calc(100% * .5833333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-lg-8 > [class~=grid-cell]{width:calc(100% * .6666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-lg-9 > [class~=grid-cell]{width:calc(100% * .75 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-lg-10 > [class~=grid-cell]{width:calc(100% * .8333333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-lg-11 > [class~=grid-cell]{width:calc(100% * .9166666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-lg-12 > [class~=grid-cell]{width:calc(100% * 1 - 2.5rem);min-width:0;margin:0 1.25rem;}}@media screen and (min-width:75rem){.grid-xlg-1 > [class~=grid-cell]{width:calc(100% * .08333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xlg-2 > [class~=grid-cell]{width:calc(100% * .16666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xlg-3 > [class~=grid-cell]{width:calc(100% * .25 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xlg-4 > [class~=grid-cell]{width:calc(100% * .3333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xlg-5 > [class~=grid-cell]{width:calc(100% * .4166666666666667 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xlg-6 > [class~=grid-cell]{width:calc(100% * .5 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xlg-7 > [class~=grid-cell]{width:calc(100% * .5833333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xlg-8 > [class~=grid-cell]{width:calc(100% * .6666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xlg-9 > [class~=grid-cell]{width:calc(100% * .75 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xlg-10 > [class~=grid-cell]{width:calc(100% * .8333333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xlg-11 > [class~=grid-cell]{width:calc(100% * .9166666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xlg-12 > [class~=grid-cell]{width:calc(100% * 1 - 2.5rem);min-width:0;margin:0 1.25rem;}}@media screen and (min-width:90rem){.grid-xxlg-1 > [class~=grid-cell]{width:calc(100% * .08333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xxlg-2 > [class~=grid-cell]{width:calc(100% * .16666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xxlg-3 > [class~=grid-cell]{width:calc(100% * .25 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xxlg-4 > [class~=grid-cell]{width:calc(100% * .3333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xxlg-5 > [class~=grid-cell]{width:calc(100% * .4166666666666667 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xxlg-6 > [class~=grid-cell]{width:calc(100% * .5 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xxlg-7 > [class~=grid-cell]{width:calc(100% * .5833333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xxlg-8 > [class~=grid-cell]{width:calc(100% * .6666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xxlg-9 > [class~=grid-cell]{width:calc(100% * .75 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xxlg-10 > [class~=grid-cell]{width:calc(100% * .8333333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xxlg-11 > [class~=grid-cell]{width:calc(100% * .9166666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-xxlg-12 > [class~=grid-cell]{width:calc(100% * 1 - 2.5rem);min-width:0;margin:0 1.25rem;}}.grid-cell-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start;}.grid-cell-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end;}.grid-cell-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center;}@media screen and (min-width:0){.grid-cell-sm-1{width:calc(100% * .08333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-sm-1{margin-left:calc(100% * .06) !important}.grid-cell-sm-2{width:calc(100% * .16666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-sm-2{margin-left:calc(100% * .16666666666666666 + (2.5rem / 2)) !important}.grid-cell-sm-3{width:calc(100% * .25 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-sm-3{margin-left:calc(100% * .25 + (2.5rem / 2)) !important}.grid-cell-sm-4{width:calc(100% * .3333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-sm-4{margin-left:calc(100% * .3333333333333333 + (2.5rem / 2)) !important}.grid-cell-sm-5{width:calc(100% * .4166666666666667 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-sm-5{margin-left:calc(100% * .4166666666666667 + (2.5rem / 2)) !important}.grid-cell-sm-6{width:calc(100% * .5 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-sm-6{margin-left:calc(100% * .5 + (2.5rem / 2)) !important}.grid-cell-sm-7{width:calc(100% * .5833333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-sm-7{margin-left:calc(100% * .5833333333333334 + (2.5rem / 2)) !important}.grid-cell-sm-8{width:calc(100% * .6666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-sm-8{margin-left:calc(100% * .6666666666666666 + (2.5rem / 2)) !important}.grid-cell-sm-9{width:calc(100% * .75 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-sm-9{margin-left:calc(100% * .75 + (2.5rem / 2)) !important}.grid-cell-sm-10{width:calc(100% * .8333333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-sm-10{margin-left:calc(100% * .8333333333333334 + (2.5rem / 2)) !important}.grid-cell-sm-11{width:calc(100% * .9166666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-sm-11{margin-left:calc(100% * .9166666666666666 + (2.5rem / 2)) !important}.grid-cell-sm-12{width:calc(100% * 1 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-sm-12{margin-left:calc(100% * 1 + (2.5rem / 2)) !important}}@media screen and (min-width:40rem){.grid-cell-md-1{width:calc(100% * .08333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-md-1{margin-left:calc(100% * .06) !important}.grid-cell-md-2{width:calc(100% * .16666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-md-2{margin-left:calc(100% * .16666666666666666 + (2.5rem / 2)) !important}.grid-cell-md-3{width:calc(100% * .25 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-md-3{margin-left:calc(100% * .25 + (2.5rem / 2)) !important}.grid-cell-md-4{width:calc(100% * .3333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-md-4{margin-left:calc(100% * .3333333333333333 + (2.5rem / 2)) !important}.grid-cell-md-5{width:calc(100% * .4166666666666667 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-md-5{margin-left:calc(100% * .4166666666666667 + (2.5rem / 2)) !important}.grid-cell-md-6{width:calc(100% * .5 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-md-6{margin-left:calc(100% * .5 + (2.5rem / 2)) !important}.grid-cell-md-7{width:calc(100% * .5833333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-md-7{margin-left:calc(100% * .5833333333333334 + (2.5rem / 2)) !important}.grid-cell-md-8{width:calc(100% * .6666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-md-8{margin-left:calc(100% * .6666666666666666 + (2.5rem / 2)) !important}.grid-cell-md-9{width:100% !important;min-width:0;margin:0 1.25rem;}.grid-cell-offset-md-9{margin-left:calc(100%) !important; } /*.grid-cell-offset-md-9{margin-left:calc(100% * .75 + (2.5rem / 2)) } !important */.grid-cell-md-10{width:calc(100% * .8333333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-md-10{margin-left:calc(100% * .8333333333333334 + (2.5rem / 2)) !important}.grid-cell-md-11{width:calc(100% * .9166666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-md-11{margin-left:calc(100% * .9166666666666666 + (2.5rem / 2)) !important}.grid-cell-md-12{width:calc(100% * 1 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-md-12{margin-left:calc(100% * 1 + (2.5rem / 2)) !important}}@media screen and (min-width:60rem){.grid-cell-lg-1{width:calc(100% * .08333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-lg-1{margin-left:calc(100% * .06) !important}.grid-cell-lg-2{width:calc(100% * .16666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-lg-2{margin-left:calc(100% * .16666666666666666 + (2.5rem / 2)) !important}.grid-cell-lg-3{width:calc(100% * .25 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-lg-3{margin-left:calc(100% * .25 + (2.5rem / 2)) !important}.grid-cell-lg-4{width:calc(100% * .3333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-lg-4{margin-left:calc(100% * .3333333333333333 + (2.5rem / 2)) !important}.grid-cell-lg-5{width:calc(100% * .4166666666666667 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-lg-5{margin-left:calc(100% * .4166666666666667 + (2.5rem / 2)) !important}.grid-cell-lg-6{width:calc(100% * .5 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-lg-6{margin-left:calc(100% * .5 + (2.5rem / 2)) !important}.grid-cell-lg-7{width:calc(100% * .5833333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-lg-7{margin-left:calc(100% * .5833333333333334 + (2.5rem / 2)) !important}.grid-cell-lg-8{width:calc(100% * .6666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-lg-8{margin-left:calc(100% * .6666666666666666 + (2.5rem / 2)) !important}.grid-cell-lg-9{width:calc(100% * .75 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-lg-9{margin-left:calc(100% * .75 + (2.5rem / 2)) !important}.grid-cell-lg-10{width:calc(100% * .8333333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-lg-10{margin-left:calc(100% * .8333333333333334 + (2.5rem / 2)) !important}.grid-cell-lg-11{width:calc(100% * .9166666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-lg-11{margin-left:calc(100% * .9166666666666666 + (2.5rem / 2)) !important}.grid-cell-lg-12{width:calc(100% * 1 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-lg-12{margin-left:calc(100% * 1 + (2.5rem / 2)) !important}}@media screen and (min-width:75rem){.grid-cell-xlg-1{width:calc(100% * .08333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xlg-1{margin-left:calc(100% * .06) !important}.grid-cell-xlg-2{width:calc(100% * .16666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xlg-2{margin-left:calc(100% * .16666666666666666 + (2.5rem / 2)) !important}.grid-cell-xlg-3{width:calc(100% * .25 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xlg-3{margin-left:calc(100% * .25 + (2.5rem / 2)) !important}.grid-cell-xlg-4{width:calc(100% * .3333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xlg-4{margin-left:calc(100% * .3333333333333333 + (2.5rem / 2)) !important}.grid-cell-xlg-5{width:calc(100% * .4166666666666667 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xlg-5{margin-left:calc(100% * .4166666666666667 + (2.5rem / 2)) !important}.grid-cell-xlg-6{width:calc(100% * .5 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xlg-6{margin-left:calc(100% * .5 + (2.5rem / 2)) !important}.grid-cell-xlg-7{width:calc(100% * .5833333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xlg-7{margin-left:calc(100% * .5833333333333334 + (2.5rem / 2)) !important}.grid-cell-xlg-8{width:calc(100% * .6666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xlg-8{margin-left:calc(100% * .6666666666666666 + (2.5rem / 2)) !important}.grid-cell-xlg-9{width:calc(100% * .75 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xlg-9{margin-left:calc(100% * .75 + (2.5rem / 2)) !important}.grid-cell-xlg-10{width:calc(100% * .8333333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xlg-10{margin-left:calc(100% * .8333333333333334 + (2.5rem / 2)) !important}.grid-cell-xlg-11{width:calc(100% * .9166666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xlg-11{margin-left:calc(100% * .9166666666666666 + (2.5rem / 2)) !important}.grid-cell-xlg-12{width:calc(100% * 1 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xlg-12{margin-left:calc(100% * 1 + (2.5rem / 2)) !important}}@media screen and (min-width:90rem){.grid-cell-xxlg-1{width:calc(100% * .08333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xxlg-1{margin-left:calc(100% * .06) !important}.grid-cell-xxlg-2{width:calc(100% * .16666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xxlg-2{margin-left:calc(100% * .16666666666666666 + (2.5rem / 2)) !important}.grid-cell-xxlg-3{width:calc(100% * .25 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xxlg-3{margin-left:calc(100% * .25 + (2.5rem / 2)) !important}.grid-cell-xxlg-4{width:calc(100% * .3333333333333333 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xxlg-4{margin-left:calc(100% * .3333333333333333 + (2.5rem / 2)) !important}.grid-cell-xxlg-5{width:calc(100% * .4166666666666667 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xxlg-5{margin-left:calc(100% * .4166666666666667 + (2.5rem / 2)) !important}.grid-cell-xxlg-6{width:calc(100% * .5 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xxlg-6{margin-left:calc(100% * .5 + (2.5rem / 2)) !important}.grid-cell-xxlg-7{width:calc(100% * .5833333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xxlg-7{margin-left:calc(100% * .5833333333333334 + (2.5rem / 2)) !important}.grid-cell-xxlg-8{width:calc(100% * .6666666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xxlg-8{margin-left:calc(100% * .6666666666666666 + (2.5rem / 2)) !important}.grid-cell-xxlg-9{width:calc(100% * .75 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xxlg-9{margin-left:calc(100% * .75 + (2.5rem / 2)) !important}.grid-cell-xxlg-10{width:calc(100% * .8333333333333334 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xxlg-10{margin-left:calc(100% * .8333333333333334 + (2.5rem / 2)) !important}.grid-cell-xxlg-11{width:calc(100% * .9166666666666666 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xxlg-11{margin-left:calc(100% * .9166666666666666 + (2.5rem / 2)) !important}.grid-cell-xxlg-12{width:calc(100% * 1 - 2.5rem);min-width:0;margin:0 1.25rem;}.grid-cell-offset-xxlg-12{margin-left:calc(100% * 1 + (2.5rem / 2)) !important}}* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0} ul,li{list-style-type:none}html{overflow-x:hidden} body { font-family: 'Poppins', sans-serif; /* background:#000;color:#fff; */ } h1,h2,h3,h4,h5,h6 { font-family: 'Poppins', sans-serif !important; } h3 { color: #fff; } /* body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'LB',georgia,times,serif;font-size:16px;background:#000;color:#fff} @font-face{font-family:'AG';font-weight:400;src:url("/assets/fonts/ag/ag.woff2") format('woff2'),url("/assets/fonts/ag/ag.woff") format('woff'),url("/assets/fonts/ag/ag.ttf") format('truetype')} @font-face{font-family:'AG';font-weight:600;src:url("/assets/fonts/ag/ag-b.woff2") format('woff2'),url("/assets/fonts/ag/ag-b.woff") format('woff'),url("/assets/fonts/ag/ag-b.ttf") format('truetype')} @font-face{font-family:'LB';font-weight:400;src:url("/assets/fonts/lb/lb.woff2") format('woff2'),url("/assets/fonts/lb/lb.woff") format('woff'),url("/assets/fonts/lb/lb.ttf") format('truetype')}@font-face{font-family:'LB';font-style:italic;font-weight:400;src:url("/assets/fonts/lb/lb-i.woff2") format('woff2'),url("/assets/fonts/lb/lb-i.woff") format('woff'),url("/assets/fonts/lb/lb-i.ttf") format('truetype')} @font-face{font-family:'LB';font-weight:600;src:url("/assets/fonts/lb/lb-b.woff2") format('woff2'),url("/assets/fonts/lb/lb-b.woff") format('woff'),url("/assets/fonts/lb/lb-b.ttf") format('truetype')} h1,h2,h3,h4,h5,h6{font-family:'AG',-apple-system,BlinkMacSystemFont,'helvetica neue',helvetica,ubuntu,roboto,noto,'segoe ui',arial,sans-serif;margin:0} p{font-family:'LB',georgia,times,serif;font-size:1rem;line-height:1.6875rem;margin-bottom:2rem;} */ p{ font-family: 'Poppins', sans-serif !important; font-size:1rem;line-height:1.6875rem;margin-bottom:2rem;} p a{text-decoration:underline} a{/*color:#fff;*/ color: #000;text-decoration:none} .main{margin:2rem auto 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-webkit-flex;display:-ms-flexbox;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column} .container{margin:0 1.5rem} .headline{/* font-size:1.125rem; line-height:1.5625rem; */ margin:0 0 2.5rem; /* text-align: right; */} .animated{-webkit-animation-duration:900ms;-moz-animation-duration:900ms;-o-animation-duration:900ms;-ms-animation-duration:900ms;animation-duration:900ms;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;-ms-animation-name:fadeIn;animation-name:fadeIn}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;-ms-animation-name:fadeOut;animation-name:fadeOut} @media screen and (min-width:40rem){.main{margin:9rem auto 0;max-width:92%}.container{margin:0 0}.headline{/* font-size:1.375rem;line-height:1.75rem;*/margin:0 0 5rem}}@media screen and (min-width:100rem){.main{max-width:1600px}}@-moz-keyframes fadeIn{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}to{opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes fadeIn{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}to{opacity:1;-ms-filter:none;filter:none}}@-o-keyframes fadeIn{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}to{opacity:1;-ms-filter:none;filter:none}}@keyframes fadeIn{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}to{opacity:1;-ms-filter:none;filter:none}}@-moz-keyframes fadeOut{from{opacity:1;-ms-filter:none;filter:none}to{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@-webkit-keyframes fadeOut{from{opacity:1;-ms-filter:none;filter:none}to{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@-o-keyframes fadeOut{from{opacity:1;-ms-filter:none;filter:none}to{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}@keyframes fadeOut{from{opacity:1;-ms-filter:none;filter:none}to{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}.detail{font-family: 'Poppins', sans-serif !important; padding:3.75rem 0 0;width:100%;}.detail h4{margin:0 0 2rem}.detail ul li{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-webkit-flex;display:-ms-flexbox;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:0 0 16px;}.detail ul li:last-child{margin:0}.detail ul li .left,.detail ul li .right{-webkit-box-flex:auto;-moz-box-flex:auto;-o-box-flex:auto;box-flex:auto;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto}.detail ul li .left{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;font-size:1.125rem;font-weight:600;}.detail ul li .left a{/* color:#fff; */ color: #000;text-decoration:none}.detail ul li .right{text-align:right;font-size:1rem;font-weight:600}.detail ul li .bottom{margin:.25rem 0 0;color:$grey-60;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 100%;-ms-flex:1 100%;flex:1 100%;font-size:1rem;font-weight:400;color:#bababa} @media screen and (min-width:40rem){.detail{padding:6.5rem 0; /* width:calc(100% * 0.4166666666666667 - 2.5rem) */ } }.projects{position:relative;padding:0;margin:0;display:table-row;overflow-x:scroll;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-overflow-scrolling:touch;font-size:0;-webkit-box-flex:1;-webkit-box-align:baseline;-moz-box-align:baseline;-o-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;width:100%;}.projects .project-title{display:none}.projects .project-container{display:table-cell;position:relative;font-size:0;height:520px;vertical-align:top;}.projects .project-container .project-group{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-webkit-flex;display:-ms-flexbox;display:-ms-flexbox;display:box;display:flex}.projects .project-container .project{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(1000px);-moz-transform:perspective(1000px);-o-transform:perspective(1000px);-ms-transform:perspective(1000px);transform:perspective(1000px);will-change:transform;width:720px;height:560px;display:block;/* color:#fff; */ position:relative;}.projects .project-container .project .js-tilt-glare-inner{height:100}.projects .project-container .project .project-image{position:absolute;top:0;left:0;bottom:0;right:0;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center center;background-repeat:none}.projects .project-container .project h3{position:absolute;left:40px; bottom: 24px; z-index:1;font-size:11vw;/* color:#fff; */;}.projects .project-container .project h3.dark{ color:#000;} @media screen and (min-width:40rem){.projects{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-webkit-flex;display:-ms-flexbox;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:start;align-items:start;overflow-x:inherit;font-size:0;}.projects .project-title{display:block;position:absolute; /* -webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg); */font-size:1.125rem;left:-120px;top:64px}.projects .project-container{display:block;position:relative;height:auto;}.projects .project-container .project-group{display:block}.projects .project-container .project{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(1000px);-moz-transform:perspective(1000px);-o-transform:perspective(1000px);-ms-transform:perspective(1000px);transform:perspective(1000px);margin-bottom:2.5rem;will-change:transform;height:0;width:100%;}.projects .project-container .project:hover h3{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateZ(100px) scale(1);-moz-transform:translateZ(100px) scale(1);-o-transform:translateZ(100px) scale(1);-ms-transform:translateZ(100px) scale(1);transform:translateZ(100px) scale(1)}.projects .project-container .project h3{font-size:2.5vw;line-height:2.5rem;-webkit-transform:translateZ(100px) scale(.98);-moz-transform:translateZ(100px) scale(.98);-o-transform:translateZ(100px) scale(.98);-ms-transform:translateZ(100px) scale(.98);transform:translateZ(100px) scale(.98);-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;-ms-transition:all 300ms ease;transition:all 300ms ease;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.projects .project-container .project.hayden5{padding-bottom:84.84848484848484%;}.projects .project-container .project.hayden5 h3{left:10%;bottom:9%}.projects .project-container .project.susanpenzner{padding-bottom:155.55555555555557%;}.projects .project-container .project.susanpenzner h3{left:13%;bottom:9%}.projects .project-container .project.eddieeddie{padding-bottom:121.73913043478262%;}.projects .project-container .project.eddieeddie h3{left:11.8%;bottom:9%}.projects .project-container .project.morganlane{padding-bottom:78.26086956521739%;}.projects .project-container .project.morganlane .project-image{background-position:center right}.projects .project-container .project.morganlane h3{left:11.8%;bottom:10.5%}.projects .project-container .project.modelfit{padding-bottom:171.42857142857142%;}.projects .project-container .project.modelfit h3{left:11.8%;bottom:8%}.projects .project-container .project.ms4{padding-bottom:52.83018867924528%;}.projects .project-container .project.ms4 h3{left:8%;bottom:10%}.projects .project-container .project.gilded-lily{padding-bottom:52.83018867924528%;}.projects .project-container .project.gilded-lily h3{left:8%;bottom:10%}} .paging-wrapper{width:100%}.pagination{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-webkit-flex;display:-ms-flexbox;display:-ms-flexbox;display:box;display:flex;margin-top:7.5rem;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;font-size:0;width:100%;}.pagination .pagination-item{width:50%;height:100px;position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-webkit-flex;display:-ms-flexbox;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-transition:all 900ms cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:all 900ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:all 900ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:all 900ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 900ms cubic-bezier(0.215, 0.61, 0.355, 1);}.pagination .pagination-item:hover{width:55%}.pagination .pagination-item.is-inactive:hover{width:50%}.pagination .pagination-item.prev{height:5rem;-webkit-transform:scaleX(-1) !important;-moz-transform:scaleX(-1) !important;-o-transform:scaleX(-1) !important;-ms-transform:scaleX(-1) !important;transform:scaleX(-1) !important}.pagination .pagination-item .pagination-image{background-color:rgba(255,255,255,0.1);position:absolute;top:0;bottom:0;left:0;right:0;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-repeat:none;background-position:center;z-index:-1;opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.pagination .pagination-item .pagination-text{padding:16px 24px;}.pagination .pagination-item .pagination-text.dark{color:#000}.pagination .pagination-item .pagination-text h3{font-size:4.5vw;line-height:2.5vw;display:none}.pagination .pagination-item .pagination-text h4{font-size:6vw;line-height:5.1vw;margin-bottom:.5rem;}.pagination .pagination-item .pagination-text h4 span{display:none} @media screen and (min-width:40rem){.pagination .pagination-item{height:180px;}.pagination .pagination-item.prev{height:8.75rem}.pagination .pagination-item .pagination-text h3{font-size:2.5vw;line-height:2.5vw;display:block}.pagination .pagination-item .pagination-text h4{font-size:1.2vw;line-height:1.2vw;margin-bottom:.5rem;}.pagination .pagination-item .pagination-text h4 span{display:inline}}.intro h2{margin:0 0 5rem;font-size:9.8vw;line-height:10.8vw}h4{font-size:1.375rem}.ending{margin:5rem 0 2.5rem;font-family: 'Poppins', sans-serif !important;}.ending h4{margin:0 0 1rem}.ending a{font-size:1.125rem;font-weight:600;/* color:#fff; */ color: #000;text-decoration:none;margin-right:.75rem;}.ending a:last-child{margin:0} @media screen and (min-width:40rem){.intro h2{margin:0 0 9rem;font-size:6.5vw;line-height:7.3vw}.ending{margin:2.5rem 0;text-align:left;}.ending h4 a{font-size:1.375rem}}.hero{position:relative;margin-bottom:3.5rem;width:100%;}.hero .hero-image{-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center center;background-repeat:none;padding-bottom:70%}h1{font-size:2.5rem}h2{font-size:1.125rem;margin-bottom:1rem}.description{margin-top:1.5rem;margin-bottom:7.5rem}figure{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-webkit-flex;display:-ms-flexbox;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:2.5rem;background-color:#f9f9f9;position:relative;}figure img,figure {width:100%;margin:1.5rem auto}figure.full img{max-width:100%;margin:0 auto}figure .video-wrapper{position:relative;width:90%;height:0;padding-bottom:50%;margin:1.5rem auto;}figure .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.credits{margin-top:4rem} @media screen and (min-width:40rem){.hero{margin-bottom:7.5rem;}.hero .hero-image{padding-bottom:52.83018867924528%}figure{margin-bottom:3.5rem;}figure .app-bar{position:absolute;margin:5rem 0 0 11%;width:78%;height:1.7vw;background-color:#d8d8d8;top:-1.7vw;left:0;z-index:1}figure img, /* figure { max-width:78%; margin:5rem auto} */ figure .video-wrapper{width:78%;/*padding-bottom:44%;*/margin:5rem auto}.credits{margin-top:7.5rem}} .shrink { font-size: 1em !important; }