body{font-family:'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;overflow-x:hidden;line-height:1.6;color:#004C99}header{text-align:center;color:white;background:#036;padding:150px 0}header .container{padding-top:100px;padding-bottom:50px}header h1{font-size:4em;line-height:0.9em;font-weight:700;font-family:'Montserrat', sans-serif}header .intro-text .name{display:block;text-transform:uppercase;font-family:'Montserrat', sans-serif;font-size:2em;font-weight:700}header .intro-text .skills{font-size:1.25em;font-weight:300}header img{display:block;margin:0 auto 20px;border-radius:50%;width:200px;height:200px;border:7px solid white}.navbar-custom{background:#004C99;font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;font-weight:700;border:none}.navbar-custom .navbar-brand{color:white;font-size:1.5em}.navbar-custom .navbar-brand:hover,.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:active{color:white}.navbar-custom .navbar-nav{letter-spacing:1px}.navbar-custom .navbar-nav li a{color:white}.navbar-custom .navbar-nav li a:hover,.navbar-custom .navbar-nav li a:focus{color:#036}.navbar-custom .navbar-nav>li.active>a,.navbar-custom .navbar-nav>li>a.active{background-color:white;color:#036}.navbar-custom .navbar-nav>li.active>a:hover,.navbar-custom .navbar-nav>li>a.active:hover{color:#036;background-color:white}.navbar-custom.affix{position:fixed;top:0;width:100%;z-index:9999}.btn-primary{background-color:transparent;border:2px solid #036;color:#036;font-weight:700;font-size:20px;padding:20px 40px;border-radius:0;text-transform:uppercase;font-family:'Montserrat', sans-serif}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#036;color:white;border-color:#036}.btn-success{background-color:transparent;border:2px solid white;color:white;font-weight:700;font-size:20px;padding:20px 40px;border-radius:0;text-transform:uppercase;font-family:'Montserrat', sans-serif}.btn-success:hover,.btn-success:focus,.btn-success:active{background-color:white;color:#036;border-color:white}section{padding:100px 0}section h2{margin:0;font-size:3em;font-family:'Montserrat', sans-serif;font-weight:700;text-transform:uppercase}section.success{background:#036;color:white}#portfolio .portfolio-item{margin:0 0 30px;text-align:center}#portfolio .portfolio-item .portfolio-link{display:block;position:relative;margin:0 auto;text-decoration:none}#portfolio .portfolio-item .portfolio-link .portfolio-image-container{position:relative;width:200px;height:200px;margin:0 auto 15px;border-radius:20px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:all 0.3s ease}#portfolio .portfolio-item .portfolio-link .portfolio-image-container:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}#portfolio .portfolio-item .portfolio-link .portfolio-image-container .portfolio-image{width:100%;height:100%;object-fit:cover;display:block}#portfolio .portfolio-item .portfolio-link .portfolio-image-container .caption{background:rgba(0,51,102,0.9);position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;border-radius:20px}#portfolio .portfolio-item .portfolio-link .portfolio-image-container .caption:hover{opacity:1}#portfolio .portfolio-item .portfolio-link .portfolio-image-container .caption .caption-content{position:absolute;width:100%;height:auto;font-size:24px;text-align:center;top:50%;left:50%;transform:translate(-50%, -50%);color:white;display:flex;align-items:center;justify-content:center}#portfolio .portfolio-item .portfolio-link .portfolio-image-container .caption .caption-content i{margin:0;line-height:1}#portfolio .portfolio-item .portfolio-link .portfolio-title{color:#004C99;font-family:'Montserrat', sans-serif;font-weight:600;font-size:16px;margin:0;transition:color 0.3s ease}#portfolio .portfolio-item .portfolio-link:hover .portfolio-title{color:#036;text-decoration:none}@media (max-width: 767px){#portfolio .portfolio-item .portfolio-link .portfolio-image-container{width:160px;height:160px;border-radius:16px}#portfolio .portfolio-item .portfolio-link .portfolio-image-container .caption{border-radius:16px}#portfolio .portfolio-item .portfolio-link .portfolio-image-container .caption .caption-content{font-size:20px}#portfolio .portfolio-item .portfolio-title{font-size:14px}}@media (min-width: 992px){#portfolio .portfolio-item .portfolio-link .portfolio-image-container{width:220px;height:220px;border-radius:22px}#portfolio .portfolio-item .portfolio-link .portfolio-image-container .caption{border-radius:22px}#portfolio .portfolio-item .portfolio-link .portfolio-image-container .caption .caption-content{font-size:28px}}.portfolio-filter{margin-bottom:50px}.portfolio-filter .filter-btn{background-color:transparent;border:2px solid #036;color:#036;padding:8px 20px;margin:5px;font-family:'Montserrat', sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:1px;border-radius:25px;cursor:pointer;transition:all 0.3s ease}.portfolio-filter .filter-btn:hover{background-color:#036;color:white;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,51,102,0.3)}.portfolio-filter .filter-btn.active{background-color:#036;color:white;box-shadow:0 2px 10px rgba(0,51,102,0.3)}.portfolio-filter .filter-btn:focus{outline:none}.portfolio-grid .portfolio-item{transition:all 0.5s ease}.portfolio-grid .portfolio-item.hidden{opacity:0;transform:scale(0.8);pointer-events:none;position:absolute;visibility:hidden}.portfolio-grid .portfolio-item.visible{opacity:1;transform:scale(1);pointer-events:auto;position:relative;visibility:visible}@media (max-width: 767px){.portfolio-filter{margin-bottom:30px}.portfolio-filter .filter-btn{font-size:10px;padding:6px 15px;margin:3px}}.star-light,.star-primary{margin:25px 0 30px;padding:0;border:0;border-top:solid 5px;text-align:center;max-width:250px;margin-left:auto;margin-right:auto}.star-light:after,.star-primary:after{content:"\f005";font-family:FontAwesome;display:inline-block;position:relative;top:-0.8em;padding:0 0.25em;font-size:2em}.star-light{border-color:white}.star-light:after{color:white;background-color:#036}.star-primary{border-color:#004C99}.star-primary:after{color:#004C99;background-color:white}footer{color:white}footer h3{margin-bottom:30px;font-family:'Montserrat', sans-serif;font-weight:700;text-transform:uppercase}footer .footer-above{padding-top:50px;background-color:#004C99}footer .footer-col{margin-bottom:50px}footer .footer-below{padding:25px 0;background-color:#003f80}.btn-social{display:inline-flex;align-items:center;justify-content:center;height:50px;width:50px;border:2px solid white;border-radius:50%;font-size:20px;color:white;background-color:transparent;vertical-align:middle}.btn-social i,.btn-social svg{display:inline-block;line-height:1}.btn-social:hover,.btn-social:focus,.btn-social:active{color:#004C99;background-color:white;border-color:white}@media (max-width: 767px){section{padding:75px 0}section.first{padding-top:75px}header h1{font-size:2.5em}header .intro-text .name{font-size:1.75em}header .intro-text .skills{font-size:1.1em}}:root{--primary-color: #003366;--secondary-color: #004C99}header{background:#003366 !important}.navbar-custom{background:#004C99 !important}section.success{background:#003366 !important}.footer-above{background-color:#004C99 !important}.footer-below{background-color:#003a7a !important}.btn-primary{border-color:#003366 !important;color:#003366 !important}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:#003366 !important;border-color:#003366 !important}.text-primary{color:#036 !important}.bg-primary{background-color:#036 !important}.text-secondary{color:#004C99 !important}.bg-secondary{background-color:#004C99 !important}.border-primary{border-color:#036 !important}.border-secondary{border-color:#004C99 !important}a{color:#036}a:hover,a:focus{color:#001a33;text-decoration:none}#portfolio .portfolio-item .portfolio-link .caption{background:rgba(0,51,102,0.95) !important}.portfolio-modal .modal-dialog{margin:0;height:100%;width:auto;transform:translateZ(0);-webkit-transform:translateZ(0)}.portfolio-modal .modal-content{padding:100px 0;min-height:100%;border:none;border-radius:0;text-align:center;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;background-color:white;transform:translateZ(0);-webkit-transform:translateZ(0)}.portfolio-modal .modal-content h2{margin:0;font-size:3em;color:#036;font-family:'Montserrat', sans-serif;font-weight:700}.portfolio-modal .modal-content .modal-image{width:150px;height:150px;margin:30px auto;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.1);object-fit:cover;display:block}.portfolio-modal .modal-content .project-carousel{max-width:600px;margin:30px auto;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.portfolio-modal .modal-content .project-carousel .carousel{background:#f8f9fa}.portfolio-modal .modal-content .project-carousel .carousel .carousel-inner .item .video-container{position:relative;width:100%;height:400px;background:#000}.portfolio-modal .modal-content .project-carousel .carousel .carousel-inner .item .video-container .carousel-video{width:100%;height:100%;border:none}.portfolio-modal .modal-content .project-carousel .carousel .carousel-inner .item .image-container{height:400px;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.portfolio-modal .modal-content .project-carousel .carousel .carousel-inner .item .image-container .carousel-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:5px}.portfolio-modal .modal-content .project-carousel .carousel .carousel-indicators{bottom:10px}.portfolio-modal .modal-content .project-carousel .carousel .carousel-indicators li{background-color:rgba(255,255,255,0.5);border:1px solid #036}.portfolio-modal .modal-content .project-carousel .carousel .carousel-indicators li.active{background-color:#036}.portfolio-modal .modal-content .project-carousel .carousel .carousel-control{background:none}.portfolio-modal .modal-content .project-carousel .carousel .carousel-control.left,.portfolio-modal .modal-content .project-carousel .carousel .carousel-control.right{background-image:none;color:#036;font-size:24px}.portfolio-modal .modal-content .project-carousel .carousel .carousel-control.left:hover,.portfolio-modal .modal-content .project-carousel .carousel .carousel-control.left:focus,.portfolio-modal .modal-content .project-carousel .carousel .carousel-control.right:hover,.portfolio-modal .modal-content .project-carousel .carousel .carousel-control.right:focus{color:#004C99}.portfolio-modal .modal-content .project-carousel .carousel .carousel-control .glyphicon-chevron-left,.portfolio-modal .modal-content .project-carousel .carousel .carousel-control .glyphicon-chevron-right{font-size:24px;top:50%;margin-top:-12px}@media (max-width: 767px){.portfolio-modal .modal-content .project-carousel{margin:20px auto;max-width:100%}.portfolio-modal .modal-content .project-carousel .carousel .carousel-inner .item .video-container,.portfolio-modal .modal-content .project-carousel .carousel .carousel-inner .item .image-container{height:250px}.portfolio-modal .modal-content .project-carousel .carousel .carousel-control .glyphicon-chevron-left,.portfolio-modal .modal-content .project-carousel .carousel .carousel-control .glyphicon-chevron-right{font-size:18px}}.portfolio-modal .modal-content .project-details{margin-top:30px}.portfolio-modal .modal-content .project-details p{font-size:18px;line-height:1.6;color:#004C99;margin-bottom:20px}.portfolio-modal .modal-content .project-details .project-categories{margin-bottom:20px}.portfolio-modal .modal-content .project-details .project-categories strong{color:#036;font-family:'Montserrat', sans-serif;font-weight:700;font-size:16px;display:block;margin-bottom:10px}.portfolio-modal .modal-content .project-details .project-categories .category-badge{display:inline-block;background-color:#036;color:white;padding:4px 12px;margin:2px 4px;border-radius:15px;font-size:12px;font-weight:600;text-transform:uppercase;font-family:'Montserrat', sans-serif;letter-spacing:0.5px}.portfolio-modal .modal-content .project-details .project-categories .category-badge:hover{background-color:#004C99;transform:translateY(-1px);transition:all 0.2s ease}.portfolio-modal .modal-content .project-details .modal-buttons{margin-top:30px}.portfolio-modal .modal-content .project-details .modal-buttons .btn{margin:0 10px 10px 0;font-family:'Montserrat', sans-serif;font-weight:700;text-transform:uppercase;border-radius:0;font-size:16px;padding:15px 30px}.portfolio-modal .modal-content .project-details .modal-buttons .btn .fa{font-size:1.3em;margin-right:8px}@media (max-width: 767px){.portfolio-modal .modal-content{padding:50px 0}.portfolio-modal .modal-content h2{font-size:2em}.portfolio-modal .modal-content .project-details p{font-size:16px}.portfolio-modal .modal-content .project-details .modal-buttons .btn{margin:5px;padding:12px 25px;font-size:14px;width:100%;max-width:200px}.portfolio-modal .modal-content .project-details .modal-buttons .btn .fa{font-size:1.2em;margin-right:6px}.portfolio-modal .close-modal{width:50px;height:50px;top:15px;right:15px}.portfolio-modal .close-modal .lr{height:50px;margin-left:25px}.portfolio-modal .close-modal .lr .rl{height:50px}}.portfolio-modal .close-modal{position:absolute;width:75px;height:75px;background-color:transparent;top:25px;right:25px;cursor:pointer;z-index:1051}.portfolio-modal .close-modal:hover{opacity:0.3}.portfolio-modal .close-modal .lr{height:75px;width:1px;margin-left:35px;background-color:#004C99;transform:rotate(45deg);z-index:1051}.portfolio-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#004C99;transform:rotate(90deg);z-index:1052}.floating-label-form-group{position:relative;margin-bottom:0;padding-bottom:0.5em;border-bottom:1px solid #eeeeee}.floating-label-form-group input,.floating-label-form-group textarea,.floating-label-form-group select{z-index:1;position:relative;padding-right:0;padding-left:0;border:none;border-radius:0;font-size:1.5em;background:none;box-shadow:none !important;resize:none}.floating-label-form-group label{display:block;z-index:0;position:relative;top:2em;margin:0;font-size:0.85em;line-height:1.764705882em;vertical-align:middle;vertical-align:baseline;opacity:0;-webkit-transition:top 0.3s ease,opacity 0.3s ease;-moz-transition:top 0.3s ease,opacity 0.3s ease;-ms-transition:top 0.3s ease,opacity 0.3s ease;transition:top 0.3s ease,opacity 0.3s ease}.floating-label-form-group:not(:first-child){padding-left:14px;border-left:1px solid #eeeeee}.floating-label-form-group-with-value label{top:0;opacity:1}.floating-label-form-group-with-focus label{color:#036 !important}form .row:first-child .floating-label-form-group{border-top:1px solid #eeeeee}.btn-success{background-color:#036 !important;border-color:#036 !important;color:white !important;font-family:'Montserrat', sans-serif;font-weight:700;text-transform:uppercase;border-radius:0;font-size:18px;padding:20px 40px}.btn-success:hover,.btn-success:focus,.btn-success:active{background-color:#004C99 !important;border-color:#004C99 !important;color:white !important}.btn-instagram{background-color:#E4405F !important;border-color:#E4405F !important;color:white !important;font-family:'Montserrat', sans-serif;font-weight:700;text-transform:uppercase;border-radius:0;font-size:16px;padding:15px 30px}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active{background-color:#C13584 !important;border-color:#C13584 !important;color:white !important}.form-control:focus{border-color:#036 !important;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,51,102,0.6) !important;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,51,102,0.6) !important}select.form-control{height:auto !important;padding:10px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23003366' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}#contact{background-color:#f8f9fa}#contact h2{color:#036 !important;font-family:'Montserrat', sans-serif;font-weight:700}#contact .help-block{margin-top:10px}