/*-----------------------------------------------------------------------------------
	Emil Salim's Resume Website
	About: Emil Salim's Resume Website
	Author: Emil Salim
	Version: 1.0
	Built with Blocs
-----------------------------------------------------------------------------------*/
body{margin:0;padding:0;  background:#111111;  overflow-x:hidden;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.page-container{overflow: hidden;} a,button{transition: background .3s ease-in-out;outline: none!important;} a:hover{text-decoration: none; cursor:pointer;}.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left: :0;right: 0;z-index:99999;} .blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} nav .dropdown-menu .nav-link{color:rgba(0,0,0,0.6)!important;} [data-bs-theme="dark"] nav .dropdown-menu .nav-link{color:var(--bs-dropdown-link-color)!important;} .bloc{width:100%;clear:both;background: 50% 50% no-repeat;padding:0 20px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position:relative;display:flex;}.bloc .container{padding-left:0;padding-right:0;position:relative;}.bloc-lg{padding:100px 20px;}.bloc-md{padding:50px 20px;}.d-bloc{color:rgba(255,255,255,.7);}.d-bloc button:hover{color:rgba(255,255,255,.9);}.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{border-color:rgba(255,255,255,.9);}.d-bloc .divider-h span{border-color:rgba(255,255,255,.2);}.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{color:rgba(255,255,255,.6);}.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{color:rgba(255,255,255,1);}.d-bloc .navbar-toggle .icon-bar{background:rgba(255,255,255,1);}.d-bloc .btn-wire,.d-bloc .btn-wire:hover{color:rgba(255,255,255,1);border-color:rgba(255,255,255,1);}.d-bloc .card{color:rgba(0,0,0,.5);}.d-bloc .card button:hover{color:rgba(0,0,0,.7);}.d-bloc .card icon{border-color:rgba(0,0,0,.7);}.d-bloc .card .divider-h span{border-color:rgba(0,0,0,.1);}.d-bloc .card .a-btn{color:rgba(0,0,0,.6);}.d-bloc .card .a-btn:hover{color:rgba(0,0,0,1);}.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{color:rgba(0,0,0,.7);border-color:rgba(0,0,0,.3);}.voffset{margin-top:30px;}.voffset-md{margin-top:50px;}.voffset-lg{margin-top:80px;}.navbar-dark .nav .dropdown-menu .nav-link{color: rgb(64, 64, 64);}.sticky-nav.sticky{position:fixed;top:0;z-index:1000;box-shadow:0 1px 2px rgba(0,0,0,.3); transition: all .2s ease-out;}.svg-menu-icon{fill: none;stroke: rgba(0,0,0,0.5);stroke-width: 2px;fill-rule: evenodd;}.navbar-dark .svg-menu-icon{stroke: rgba(255,255,255,0.5);}.menu-icon-thin-bars{stroke-width: 1px;}.menu-icon-thick-bars{stroke-width: 5px;}.menu-icon-rounded-bars{stroke-width: 3px;stroke-linecap: round;}.menu-icon-filled{fill: rgba(0,0,0,0.5);stroke-width: 0px;}.navbar-dark .menu-icon-filled{fill: rgba(255,255,255,0.5);}.navbar-toggler-icon{background: none!important;pointer-events: none;width: 33px;height: 33px;}.nav-special{overflow-y:scroll;}.nav-special .site-navigation{top:0;left:0;width:100%;position: relative!important;max-width: 100%!important;z-index: 1000;}.nav-special .nav > li{width:100%;background: none!important;border:0!important;}.nav-special.collapsing{-webkit-transition: none;transition: none;height:100%!important;background: none!important;}.nav-special .navbar-nav .dropdown-menu.show{position: relative!important;transform: none!important;float: none;width: 100%;margin-top: 0;background-color: transparent;-webkit-box-shadow: none;box-shadow: none;border: 0;}.nav-special .nav .dropdown-menu .nav-link{color:#FFF;}.blocsapp-special-menu{position: absolute;z-index:10000;}.nav-special.fullscreen-nav .caret,.nav-special.fullscreen-nav .dropdown-menu .dropdown .caret{border-width: 8px;}.nav-special .navbar-nav .show>.nav-link{color:#FFF;}.navbar-toggle{transition: all .1s linear;}.selected-nav{opacity: 0;transform: scale(0.3);transition: all .1s linear;}.close-special-menu{position: absolute;display: block;width: 25px;height:25px;top:16px;right:10px;z-index: 10000;}.nav-invert .sidebar-nav .close-special-menu{left:260px;}.close-special-menu .close-icon{display: block;width:100%;height:1px;transform: rotate(45deg);margin-top:12px;}.close-special-menu .close-icon:after{content:"";display:inherit;width:inherit;height:inherit;background: inherit;transform: rotate(90deg);}.lock-scroll{overflow:hidden;transition: background .3s linear;}.nav-special::-webkit-scrollbar{-webkit-appearance: none;width:0;height:0;}.nav-special .dropdown-menu .dropdown .caret{border-top-color: rgba(255,255,255,.8);border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;margin: 0 0 0 5px;float: none;}.blocsapp-special-menu .site-navigation.pull-right{float:none!important;}.close-special-menu .close-icon{background:#fff;}.blocsapp-special-menu blocsnav{background: #000;}.nav-special.sidebar-nav{position: fixed;right: -300px;top: 0;bottom: 0;width: 300px;z-index: 1000;transition: all .2s linear;}.nav-invert .nav-special.sidebar-nav{right: auto;left: -300px;} .nav-special.sidebar-nav .site-navigation{margin-top:15px;padding-left:15px;}.nav-special.sidebar-nav .nav > li a{color:rgba(255,255,255,.8);} .nav-special.sidebar-nav .nav > li a:hover{color:#FFF;} .open.nav-special.sidebar-nav{right: 0;transition: all .2s linear;}.nav-invert .open.nav-special.sidebar-nav{left: 0;transition: all .2s linear;}.navbar-toggler:focus{box-shadow:none;};.content-tint{z-index: -1;transition: background .2s linear;}.content-tint.on{display: block;position: fixed;right: 0;top: 0;bottom: 0;width: 100%;background: transparent;z-index: 1001;background:rgba(0,0,0,.4);}.content-tint.on:hover{background:rgba(0,0,0,.1);}.dropdown-menu .dropdown-menu{border:none}@media (min-width:576px){.navbar-expand-sm .dropdown-menu .dropdown-menu{border:1px solid rgba(0,0,0,.15);position:absolute;left:100%;top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{right:100%;left:auto}}@media (min-width:768px){.navbar-expand-md .dropdown-menu .dropdown-menu{border:1px solid rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.15);position:absolute;left:100%;top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{right:100%;left:auto}}@media (min-width:992px){.navbar-expand-lg .dropdown-menu .dropdown-menu{border:1px solid rgba(0,0,0,.15);position:absolute;left:100%;top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{right:100%;left:auto}}.mg-clear{margin:0;}.mg-sm{margin-top:10px;margin-bottom:5px;}.mg-md{margin-top:10px;margin-bottom:20px;}img.mg-sm,img.mg-md,img.mg-lg{margin-top: 0;}img.mg-sm{margin-bottom:10px;}img.mg-md{margin-bottom:30px;}img.mg-lg{margin-bottom:50px;}.btn-d,.btn-d:hover,.btn-d:focus{color:#FFF;background:rgba(0,0,0,.3);}button{outline: none!important;}.btn-sq{border-radius: 0px;}.icon-spacer{margin-right:5px;}.icon-sm{font-size:18px!important;}.icon-md{font-size:30px!important;}.icon-lg{font-size:60px!important;}.icon-xl{font-size:100px!important;}.icon-round{margin:0 auto;border:2px solid transparent;border-radius: 50%;padding: 32px 30px 26px 30px;min-width:80px;}.icon-round.icon-md,.icon-square.icon-md,.icon-rounded.icon-md{min-width: 92px;}.icon-round.icon-lg,.icon-square.icon-lg,.icon-rounded.icon-lg{min-width: 122px;}.icon-round.icon-xl,.icon-square.icon-xl,.icon-rounded.icon-xl{min-width: 162px;}.card-sq, .card-sq .card-header, .card-sq .card-footer{border-radius:0;}.card-rd{border-radius:30px;}.card-rd .card-header{border-radius:29px 29px 0 0;}.card-rd .card-footer{border-radius:0 0 29px 29px;}.card-columns .card {margin-bottom: 0.75rem;}@media (min-width: 576px) {.card-columns {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 1.25rem;-moz-column-gap: 1.25rem;column-gap: 1.25rem;orphans: 1;widows: 1;}.card-columns .card {display: inline-block;width: 100%;}}.divider-h{min-height: 1px;background-color:rgba(0,0,0,.2);margin: 20px 0;}.divider-half{width: 50%;}.dropdown-menu .divider-h{margin:0;}.form-control{border-color:rgba(0,0,0,.1);box-shadow:none;}.scroll-fx-in-range{will-change: opacity;}.scrollToTop{width:36px;height:36px;padding:5px;position:fixed;bottom:20px;right:20px;opacity:0;z-index:999;transition: all .3s ease-in-out;pointer-events:none;}.showScrollTop{opacity: 1;pointer-events:all;}.scroll-to-top-btn-icon{fill: none;stroke: #fff;stroke-width: 2px;fill-rule: evenodd;stroke-linecap:round;}h1,h2,h3,h4,h5,h6,p,label,.btn,a{font-family:"Helvetica";}.container{max-width:1170px;}h1{font-family:"Lato";font-weight:900;font-size:40px;line-height:48px;}h2{font-family:"Lato";font-weight:400;font-size:30px;line-height:38px;}h3{font-family:"Lato";font-weight:400;font-size:23px;line-height:31px;}p{font-family:"Lato";font-weight:400;font-size:16px;line-height:24px;}.resume-social-icon{width:35px;}.resume-color-hover:hover{color:#FF2600!important;border-color:#FF2600!important;background-color:transparent;text-shadow:0px 0px 0px #FF2600;}.resume-social-icon:hover{;}.resume-button{text-transform:uppercase;font-family:"Lato";font-weight:400;font-size:12px;margin-right:2px;margin-left:2px;background-color:transparent;border-style:solid;border-color:#A9A9A9!important;color:#FEFFFF!important;width:170px;line-height:22px;letter-spacing:0.03rem;border-width:1px 1px 1px 1px;}.navbar-nav li a{font-family:"Lato";font-weight:700;text-transform:uppercase;font-size:14px;line-height:22px;color:#FEFFFF!important;margin-right:5px;margin-left:5px;border-style:solid;background-color:transparent;border-color:rgba(0,0,0,0.0)!important;text-align:center;border-width:0px 0px 5px 0px;}h4{font-family:"Lato";font-weight:400;font-size:20px;line-height:28px;}.resume-section-title{font-family:"Lato";font-weight:900;text-transform:uppercase;font-size:35px;line-height:43px;}.resume-button-icon{margin-right:10px;}.resume-right-card{border-color:#EAEAEA!important;border-style:solid;border-width:0px 0px 0px 2px;}.resume-left-card{border-color:#EAEAEA!important;border-style:solid;border-width:0px 2px 0px 0px;}.resume-card-header{padding:2px 2px 2px 2px;}.navbar-nav li a:hover{border-color:#FF2600!important;}.sticky.sticky-nav{text-shadow:0px 0px 0px rgba(0,0,0,0.0);box-shadow:0px 0px 0px rgba(0,0,0,0.0);}.resume-header{padding-top:10px;padding-bottom:10px;}.resume-card-body{padding:28px 50px 28px 50px;}.resume-timeline-year{font-family:"Lato";font-weight:900;font-size:35px;}.resume-card-year{text-align:center;color:#FEFFFF!important;font-family:"Lato";font-weight:900;}.resume-year-column{padding:0px 0px 0px 0px;}.resume-exp-year{font-family:"Lato";font-weight:900;font-size:60px;}h5{font-size:14px;line-height:22px;}.resume-exp-column-margin{margin-top:28px;margin-bottom:28px;}.resume-work-icon{border-style:dotted;background-color:#212121;color:#FEFFFF!important;border-width:1px 1px 1px 1px;}.resume-work-icon:hover{border-style:solid;background-color:#212121;border-width:1px 1px 1px 1px;}.resume-skill-column{padding-top:28px;padding-bottom:28px;}.resume-portfolio-item{padding-top:14px;padding-bottom:14px;}.resume-contact-card{background-color:#111111;border-style:dotted;padding:70px 28px 70px 28px;border-width:1px 1px 1px 1px;}.resume-contact{padding-top:28px;padding-bottom:28px;}.resume-form-field{font-family:"Lato";font-weight:400;font-size:16px;line-height:24px;color:#FEFFFF!important;border-color:#929292!important;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;border-width:0px 0px 1px 0px;background-color:var(--swatch-var-3);}.resume-form-message{margin-bottom:14px;margin-top:14px;font-size:12px;line-height:20px;color:#EAEAEA!important;}.resume-form-card{background-color:#111111;padding:28px 50px 28px 50px;}.alert{background-color:transparent;box-shadow:0px 0px 0px rgba(0,0,0,0.0);text-shadow:0px 0px 0px rgba(0,0,0,0.0);font-family:"Lato";font-weight:400;text-align:center;font-size:14px;line-height:22px;color:#EAEAEA!important;border-radius:0px 0px 0px 0px;border-width:0px 0px 0px 0px;}.resume-button-color{padding-right:28px;padding-left:28px;text-transform:uppercase;font-size:14px;line-height:24px;color:#FEFFFF!important;font-family:"Lato";font-weight:700;}.form-control:focus{box-shadow:0px 0px 0px rgba(0,0,0,0.0);background-color:transparent;}.form-control:focus:hover{box-shadow:0px 0px 0px rgba(0,0,0,0.0);background-color:transparent;}.form-control:focus:active{box-shadow:0px 0px 0px rgba(0,0,0,0.0);background-color:transparent;}.resume-button-icon:active{;}.resume-contact-card:hover{background-color:#000000;}.resume-form-field:hover{background-color:transparent;color:#FEFFFF!important;}.resume-form-field:active{background-color:transparent;color:#FEFFFF!important;}.resume-form-message:active{color:#EAEAEA!important;}.resume-form-message:hover{color:#EAEAEA!important;}.blocsapp-special-menu blocsnav{background-color:#000000;}.h2-style{font-size:35px;}.form-control::placeholder{color:#E0E1E4!important;}:root{--swatch-var-5229:rgba(255,255,255,1.00);--swatch-var-2810:rgba(251,251,251,1.0);--swatch-var-4944:rgba(0,0,0,1.00);--swatch-var-3:rgba(17,17,17,1.00);--swatch-var-1936:rgba(255,38,0,1.00);--swatch-var-834:rgba(214,214,214,1.0);}.bgc-3{background-color:var(--swatch-var-3);}.bgc-4944{background-color:var(--swatch-var-4944);}.bgc-1936{background-color:var(--swatch-var-1936);}.bgc-2810{background-color:var(--swatch-var-2810);}.tc-2810{color:var(--swatch-var-2810)!important;}.tc-5229{color:var(--swatch-var-5229)!important;}.tc-1936{color:var(--swatch-var-1936)!important;}.tc-3{color:var(--swatch-var-3)!important;}.btn-c-1936{background:var(--swatch-var-1936);color:#FFFFFF!important;}.btn-c-1936:hover{background:#CC0000!important;color:#FFFFFF!important;}.icon-2810{color:var(--swatch-var-2810)!important;border-color:var(--swatch-var-2810)!important;}.icon-1936{color:var(--swatch-var-1936)!important;border-color:var(--swatch-var-1936)!important;}.icon-834{color:var(--swatch-var-834)!important;border-color:var(--swatch-var-834)!important;}.icon-5229{color:var(--swatch-var-5229)!important;border-color:var(--swatch-var-5229)!important;}@media (min-width: 576px) {  .bloc-xxl-sm{padding:200px 20px;}  .bloc-xl-sm{padding:150px 20px;}  .bloc-lg-sm{padding:100px 20px;}  .bloc-md-sm{padding:50px 20px;}  .bloc-sm-sm{padding:20px;}  .bloc-no-padding-sm{padding:0 20px;}}@media (min-width: 768px) {  .bloc-xxl-md{padding:200px 20px;}  .bloc-xl-md{padding:150px 20px;}  .bloc-lg-md{padding:100px 20px;}  .bloc-md-md{padding:50px 20px;}  .bloc-sm-md{padding:20px 20px;}  .bloc-no-padding-md{padding:0 20px;}}@media (min-width: 992px) {  .bloc-xxl-lg{padding:200px 20px;}  .bloc-xl-lg{padding:150px 20px;}  .bloc-lg-lg{padding:100px 20px;}  .bloc-md-lg{padding:50px 20px;}  .bloc-sm-lg{padding:20px;}  .bloc-no-padding-lg{padding:0 20px;}}@media (max-width: 1024px){  .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{ padding-left: 0;   padding-right: 0;  }}@media (max-width: 991px){  .container{width:100%;}  .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);}   .bloc-group, .bloc-group .bloc{display:block;width:100%;}}@media (max-width: 767px){  .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{ padding-left:0;padding-right:0;  }  .btn-dwn{   display:none;   }  .voffset{ margin-top:5px;  }  .voffset-md{ margin-top:20px;  }  .voffset-lg{ margin-top:30px;  }  form{ padding:5px;  }  .close-lightbox{ display:inline-block;  }  .blocsapp-device-iphone5{ background-size: 216px 425px; padding-top:60px; width:216px; height:425px;  }  .blocsapp-device-iphone5 img{ width: 180px; height: 320px;  }}@media (max-width: 991px){h1{font-size:35px;line-height:43px;}h2{font-size:28px;line-height:36px;}h3{font-size:22px;line-height:30px;}p{font-size:15px;line-height:23px;}.navbar-nav li a{margin-right:4px;margin-left:4px;font-size:13px;line-height:21px;text-align:center;}h4{font-size:19px;line-height:27px;}.resume-section-title{font-size:30px;line-height:38px;}.resume-header{padding-top:5px;padding-bottom:5px;background-color:#111111;}.resume-right-card{border-color:#C0C0C0!important;}.resume-left-card{border-color:#C0C0C0!important;}.resume-timeline-year{font-size:30px;}.resume-card-body{padding:20px 20px 20px 20px;}h5{font-size:14px;line-height:22px;}.resume-exp-year{font-size:40px;text-align:right;}.resume-skill-column{padding-top:14px;padding-bottom:14px;}.resume-contact{padding-top:14px;padding-bottom:14px;}.resume-contact-card{padding:50px 14px 50px 14px;}.resume-form-card{padding:16px 16px 16px 16px;}.voffset-md{margin-top:30px;}.mg-sm-md{margin-top:10px;margin-bottom:5px;}.mg-md-md{margin-top:10px;margin-bottom:20px;}}@media (max-width: 767px){h1{font-size:30px;line-height:38px;}h2{font-size:25px;line-height:33px;}h3{font-size:21px;line-height:29px;}p{font-size:14px;line-height:22px;}.navbar-nav li a{font-size:12px;line-height:20px;margin-right:2px;margin-left:2px;text-align:center;}h4{font-size:18px;line-height:26px;}.resume-section-title{font-size:28px;line-height:36px;}.blocsapp-special-menu blocsnav{background-color:#000000;}.resume-header{padding-top:3px;padding-bottom:3px;}.navbar-toggler-menu{float:right;}.close-special-menu .close-icon{background-color:#FEFFFF;}.close-special-menu .close-icon:hover{}.resume-button{font-family:"Lato";font-weight:400;font-size:12px;}.resume-right-card{border-left-width:0px;}.resume-left-card{border-right-width:0px;}h5{font-size:13px;line-height:21px;}.resume-exp-column-margin{margin-top:14px;margin-bottom:14px;}.resume-skill-column{padding-top:28px;padding-bottom:28px;}.resume-form-card{padding:28px 28px 28px 28px;}.resume-contact-card{padding-top:30px;padding-bottom:30px;}.p-style{opacity:1.0;}.sidebar-nav{width:230px!important;}.nav-special.sidebar-nav .nav > li{width:80%;}.nav-invert .sidebar-nav .close-special-menu{left:200px;}.voffset-sm{margin-top:30px;}.mg-sm-sm{margin-top:10px;margin-bottom:5px;}}@media (max-width: 575px){h1{font-family:"Lato";font-weight:900;font-size:28px;line-height:36px;}h2{font-size:23px;line-height:31px;}h3{font-size:20px;line-height:28px;}p{font-size:14px;line-height:22px;}h4{font-size:17px;line-height:25px;}.resume-section-title{font-size:25px;line-height:33px;}.resume-button{margin-top:2px;margin-bottom:2px;}.navbar-toggler-menu{float:right;}.navbar-nav li a{text-align:center;}.blocsapp-special-menu blocsnav{background-color:#000000;}.close-special-menu .close-icon{background-color:#FEFFFF;}h5{font-size:12px;line-height:20px;}.resume-skill-column{padding-top:14px;padding-bottom:14px;}.resume-form-card{padding:14px 14px 14px 14px;}.voffset-xs{margin-top:30px;}.mg-sm-xs{margin-top:10px;margin-bottom:5px;}.mg-md-xs{margin-top:10px;margin-bottom:20px;}}