diff --git a/css/agency.css b/css/agency.css index 811fd42..147f41f 100644 --- a/css/agency.css +++ b/css/agency.css @@ -5,7 +5,7 @@ */ body { overflow-x: hidden; - font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif; } + font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif; } p { line-height: 1.75; } @@ -21,9 +21,9 @@ h3, h4, h5, h6 { - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; } + font-weight: 700; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } section { padding: 100px 0; } @@ -33,23 +33,23 @@ section { margin-bottom: 15px; } section h3.section-subheading { font-size: 16px; - font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: none; - font-style: italic; font-weight: 400; - margin-bottom: 75px; } + font-style: italic; + margin-bottom: 75px; + text-transform: none; + font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; } @media (min-width: 768px) { section { padding: 150px 0; } } ::-moz-selection { - text-shadow: none; - background: #fed136; } + background: #fed136; + text-shadow: none; } ::selection { - text-shadow: none; - background: #fed136; } + background: #fed136; + text-shadow: none; } img::selection { background: transparent; } @@ -63,133 +63,133 @@ body { #mainNav { background-color: #222222; } #mainNav .navbar-toggler { - border: 0; - color: white; - background-color: #fed136; font-size: 12px; - text-transform: uppercase; - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; + right: 0; padding: 13px; - right: 0; } + text-transform: uppercase; + color: white; + border: 0; + background-color: #fed136; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } #mainNav .container { padding: 0; } #mainNav .container .navbar-brand { color: #fed136; - font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive; } + font-family: 'Kaushan Script', 'Helvetica Neue', Helvetica, Arial, cursive; } #mainNav .container .navbar-brand:hover, #mainNav .container .navbar-brand:focus, #mainNav .container .navbar-brand:active, #mainNav .container .navbar-brand.active { color: #fec503; } #mainNav .container .navbar-nav .nav-item .nav-link { font-size: 90%; - padding: 0.75em 0; - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; font-weight: 400; + padding: .75em 0; letter-spacing: 1px; - color: white; } + color: white; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } #mainNav .container .navbar-nav .nav-item .nav-link:hover, #mainNav .container .navbar-nav .nav-item .nav-link.active { color: #fed136; } @media (min-width: 992px) { #mainNav { - background-color: transparent; padding: 25px 0; - -webkit-transition: padding 0.3s; - -moz-transition: padding 0.3s; - transition: padding 0.3s; - border: none; } + -webkit-transition: padding .3s; + -moz-transition: padding .3s; + transition: padding .3s; + border: none; + background-color: transparent; } #mainNav .navbar-brand { font-size: 1.75em; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - transition: all 0.3s; } + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; } #mainNav .navbar-nav .nav-item .nav-link { padding: 1.1em 1em !important; } #mainNav.navbar-shrink { - background-color: #222222; - padding: 0; } + padding: 0; + background-color: #222222; } #mainNav.navbar-shrink .navbar-brand { - padding: 12px 0; - font-size: 1.25em; } } + font-size: 1.25em; + padding: 12px 0; } } header.masthead { + text-align: center; + color: white; background-image: url("../img/header-bg.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; - background-size: cover; -o-background-size: cover; - text-align: center; - color: white; } + background-size: cover; } header.masthead .intro-text { padding-top: 100px; padding-bottom: 50px; } header.masthead .intro-text .intro-lead-in { - font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-style: italic; font-size: 22px; + font-style: italic; line-height: 22px; - margin-bottom: 25px; } + margin-bottom: 25px; + font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; } header.masthead .intro-text .intro-heading { - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; font-size: 50px; + font-weight: 700; line-height: 50px; - margin-bottom: 25px; } + margin-bottom: 25px; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } @media (min-width: 768px) { header.masthead .intro-text { padding-top: 300px; padding-bottom: 200px; } header.masthead .intro-text .intro-lead-in { - font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-style: italic; font-size: 40px; + font-style: italic; line-height: 40px; - margin-bottom: 25px; } + margin-bottom: 25px; + font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; } header.masthead .intro-text .intro-heading { - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; font-size: 75px; + font-weight: 700; line-height: 75px; - margin-bottom: 50px; } } + margin-bottom: 50px; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } } .service-heading { margin: 15px 0; text-transform: none; } #portfolio .portfolio-item { - margin: 0 0 15px; - right: 0; } + right: 0; + margin: 0 0 15px; } #portfolio .portfolio-item .portfolio-link { - cursor: pointer; - display: block; position: relative; + display: block; max-width: 400px; - margin: 0 auto; } + margin: 0 auto; + cursor: pointer; } #portfolio .portfolio-item .portfolio-link .portfolio-hover { - background: rgba(254, 209, 54, 0.9); position: absolute; width: 100%; height: 100%; + -webkit-transition: all ease .5s; + -moz-transition: all ease .5s; + transition: all ease .5s; opacity: 0; - transition: all ease 0.5s; - -webkit-transition: all ease 0.5s; - -moz-transition: all ease 0.5s; } + background: rgba(254, 209, 54, 0.9); } #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover { opacity: 1; } #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content { + font-size: 20px; position: absolute; + top: 50%; width: 100%; height: 20px; - font-size: 20px; - text-align: center; - top: 50%; margin-top: -12px; + text-align: center; color: white; } #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i { margin-top: -12px; } @@ -199,17 +199,17 @@ header.masthead { #portfolio .portfolio-item .portfolio-caption { max-width: 400px; margin: 0 auto; - background-color: white; + padding: 25px; text-align: center; - padding: 25px; } + background-color: white; } #portfolio .portfolio-item .portfolio-caption h4 { - text-transform: none; - margin: 0; } + margin: 0; + text-transform: none; } #portfolio .portfolio-item .portfolio-caption p { - font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-style: italic; font-size: 16px; - margin: 0; } + font-style: italic; + margin: 0; + font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; } #portfolio * { z-index: 2; } @@ -219,32 +219,32 @@ header.masthead { margin: 0 0 30px; } } .portfolio-modal .modal-dialog { - margin: 0; + max-width: none; height: 100%; - max-width: none; } + margin: 0; } .portfolio-modal .modal-content { + min-height: 100%; + padding: 100px 0; + text-align: center; + border: none; border-radius: 0; background-clip: border-box; -webkit-box-shadow: none; - box-shadow: none; - border: none; - min-height: 100%; - padding: 100px 0; - text-align: center; } + box-shadow: none; } .portfolio-modal .modal-content h2 { - margin-bottom: 15px; - font-size: 3em; } + font-size: 3em; + margin-bottom: 15px; } .portfolio-modal .modal-content p { margin-bottom: 30px; } .portfolio-modal .modal-content p.item-intro { - margin: 20px 0 30px; - font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; font-style: italic; - font-size: 16px; } + margin: 20px 0 30px; + font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .portfolio-modal .modal-content ul.list-inline { - margin-bottom: 30px; - margin-top: 0; } + margin-top: 0; + margin-bottom: 30px; } .portfolio-modal .modal-content img { margin-bottom: 30px; } .portfolio-modal .modal-content button { @@ -252,108 +252,108 @@ header.masthead { .portfolio-modal .close-modal { position: absolute; - width: 75px; - height: 75px; - background-color: transparent; top: 25px; right: 25px; - cursor: pointer; } + width: 75px; + height: 75px; + cursor: pointer; + background-color: transparent; } .portfolio-modal .close-modal:hover { - opacity: 0.3; } + opacity: .3; } .portfolio-modal .close-modal .lr { - height: 75px; + /* Safari and Chrome */ + z-index: 1051; width: 1px; + height: 75px; margin-left: 35px; - background-color: #222222; - transform: rotate(45deg); - -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); - /* Safari and Chrome */ - z-index: 1051; } + -ms-transform: rotate(45deg); + transform: rotate(45deg); + background-color: #222222; } .portfolio-modal .close-modal .lr .rl { - height: 75px; + /* Safari and Chrome */ + z-index: 1052; width: 1px; - background-color: #222222; - transform: rotate(90deg); - -ms-transform: rotate(90deg); + height: 75px; /* IE 9 */ -webkit-transform: rotate(90deg); - /* Safari and Chrome */ - z-index: 1052; } + -ms-transform: rotate(90deg); + transform: rotate(90deg); + background-color: #222222; } .portfolio-modal .modal-backdrop { - opacity: 0; - display: none; } + display: none; + opacity: 0; } .timeline { - list-style: none; + position: relative; padding: 0; - position: relative; } + list-style: none; } .timeline:before { + position: absolute; top: 0; bottom: 0; - position: absolute; - content: ""; - width: 2px; - background-color: #f1f1f1; left: 40px; - margin-left: -1.5px; } + width: 2px; + margin-left: -1.5px; + content: ''; + background-color: #f1f1f1; } .timeline > li { - margin-bottom: 50px; position: relative; - min-height: 50px; } + min-height: 50px; + margin-bottom: 50px; } .timeline > li:before, .timeline > li:after { - content: " "; - display: table; } + display: table; + content: ' '; } .timeline > li:after { clear: both; } .timeline > li .timeline-panel { - width: 100%; - float: right; - padding: 0 20px 0 100px; position: relative; + float: right; + width: 100%; + padding: 0 20px 0 100px; text-align: left; } .timeline > li .timeline-panel:before { - border-left-width: 0; - border-right-width: 15px; + right: auto; left: -15px; - right: auto; } + border-right-width: 15px; + border-left-width: 0; } .timeline > li .timeline-panel:after { - border-left-width: 0; - border-right-width: 14px; + right: auto; left: -14px; - right: auto; } + border-right-width: 14px; + border-left-width: 0; } .timeline > li .timeline-image { - left: 0; - margin-left: 0; - width: 80px; - height: 80px; position: absolute; z-index: 100; - background-color: #fed136; + left: 0; + width: 80px; + height: 80px; + margin-left: 0; + text-align: center; color: white; - border-radius: 100%; border: 7px solid #f1f1f1; - text-align: center; } + border-radius: 100%; + background-color: #fed136; } .timeline > li .timeline-image h4 { font-size: 10px; - margin-top: 12px; - line-height: 14px; } + line-height: 14px; + margin-top: 12px; } .timeline > li.timeline-inverted > .timeline-panel { float: right; - text-align: left; - padding: 0 20px 0 100px; } + padding: 0 20px 0 100px; + text-align: left; } .timeline > li.timeline-inverted > .timeline-panel:before { - border-left-width: 0; - border-right-width: 15px; + right: auto; left: -15px; - right: auto; } + border-right-width: 15px; + border-left-width: 0; } .timeline > li.timeline-inverted > .timeline-panel:after { - border-left-width: 0; - border-right-width: 14px; + right: auto; left: -14px; - right: auto; } + border-right-width: 14px; + border-left-width: 0; } .timeline > li:last-child { margin-bottom: 0; } .timeline .timeline-heading h4 { @@ -369,26 +369,26 @@ header.masthead { .timeline:before { left: 50%; } .timeline > li { - margin-bottom: 100px; - min-height: 100px; } + min-height: 100px; + margin-bottom: 100px; } .timeline > li .timeline-panel { - width: 41%; float: left; + width: 41%; padding: 0 20px 20px 30px; text-align: right; } .timeline > li .timeline-image { + left: 50%; width: 100px; height: 100px; - left: 50%; margin-left: -50px; } .timeline > li .timeline-image h4 { font-size: 13px; - margin-top: 16px; - line-height: 18px; } + line-height: 18px; + margin-top: 16px; } .timeline > li.timeline-inverted > .timeline-panel { float: right; - text-align: left; - padding: 0 30px 20px 20px; } } + padding: 0 30px 20px 20px; + text-align: left; } } @media (min-width: 992px) { .timeline > li { @@ -401,8 +401,8 @@ header.masthead { margin-left: -75px; } .timeline > li .timeline-image h4 { font-size: 18px; - margin-top: 30px; - line-height: 26px; } + line-height: 26px; + margin-top: 30px; } .timeline > li.timeline-inverted > .timeline-panel { padding: 0 20px 20px; } } @@ -421,11 +421,11 @@ header.masthead { padding: 0 100px 20px 20px; } } .team-member { - text-align: center; - margin-bottom: 50px; } + margin-bottom: 50px; + text-align: center; } .team-member img { - height: 225px; width: 225px; + height: 225px; border: 7px solid white; } .team-member h4 { margin-top: 25px; @@ -437,8 +437,8 @@ header.masthead { section#contact { background-color: #222222; background-image: url("../img/map-image.png"); - background-position: center; - background-repeat: no-repeat; } + background-repeat: no-repeat; + background-position: center; } section#contact .section-heading { color: white; } section#contact .form-group { @@ -454,27 +454,27 @@ section#contact { border-color: #fed136; box-shadow: none; } section#contact ::-webkit-input-placeholder { - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; font-weight: 700; - color: #eeeeee; } + color: #eeeeee; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } section#contact :-moz-placeholder { + font-weight: 700; + color: #eeeeee; /* Firefox 18- */ - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; - color: #eeeeee; } + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } section#contact ::-moz-placeholder { + font-weight: 700; + color: #eeeeee; /* Firefox 19+ */ - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; - color: #eeeeee; } + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } section#contact :-ms-input-placeholder { - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; font-weight: 700; - color: #eeeeee; } + color: #eeeeee; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } section#contact .text-danger { color: #e74c3c; } @@ -484,32 +484,32 @@ footer { footer span.copyright { font-size: 90%; line-height: 40px; - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - text-transform: none; } + text-transform: none; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } footer ul.quicklinks { font-size: 90%; - margin-bottom: 0; line-height: 40px; - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - text-transform: none; } + margin-bottom: 0; + text-transform: none; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } ul.social-buttons { margin-bottom: 0; } ul.social-buttons li a { - display: block; - background-color: #222222; - height: 40px; - width: 40px; - border-radius: 100%; font-size: 20px; line-height: 40px; + display: block; + width: 40px; + height: 40px; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; color: white; + border-radius: 100%; outline: none; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - transition: all 0.3s; } + background-color: #222222; } ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active { background-color: #fed136; } @@ -517,32 +517,32 @@ ul.social-buttons { color: #fed136 !important; } .btn-primary { + font-weight: 700; color: white; - background-color: #fed136; border-color: #fed136; - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; } + background-color: #fed136; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } .btn-primary:focus, .btn-primary.focus { color: white; - background-color: #fec503; - border-color: #b48b01; } + border-color: #b48b01; + background-color: #fec503; } .btn-primary:hover { color: white; - background-color: #fec503; - border-color: #f6bf01; } + border-color: #f6bf01; + background-color: #fec503; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: white; - background-color: #fec503; - border-color: #f6bf01; } + border-color: #f6bf01; + background-color: #fec503; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: white; - background-color: #dcab01; - border-color: #b48b01; } + border-color: #b48b01; + background-color: #dcab01; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } @@ -550,42 +550,42 @@ ul.social-buttons { fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { - background-color: #fed136; - border-color: #fed136; } + border-color: #fed136; + background-color: #fed136; } .btn-primary .badge { color: #fed136; background-color: white; } .btn-xl { - color: white; - background-color: #fed136; - border-color: #fed136; - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; - border-radius: 3px; font-size: 18px; - padding: 20px 40px; } + font-weight: 700; + padding: 20px 40px; + border-radius: 3px; + color: white; + border-color: #fed136; + background-color: #fed136; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } .btn-xl:focus, .btn-xl.focus { color: white; - background-color: #fec503; - border-color: #b48b01; } + border-color: #b48b01; + background-color: #fec503; } .btn-xl:hover { color: white; - background-color: #fec503; - border-color: #f6bf01; } + border-color: #f6bf01; + background-color: #fec503; } .btn-xl:active, .btn-xl.active, .open > .btn-xl.dropdown-toggle { color: white; - background-color: #fec503; - border-color: #f6bf01; } + border-color: #f6bf01; + background-color: #fec503; } .btn-xl:active:hover, .btn-xl:active:focus, .btn-xl:active.focus, .btn-xl.active:hover, .btn-xl.active:focus, .btn-xl.active.focus, .open > .btn-xl.dropdown-toggle:hover, .open > .btn-xl.dropdown-toggle:focus, .open > .btn-xl.dropdown-toggle.focus { color: white; - background-color: #dcab01; - border-color: #b48b01; } + border-color: #b48b01; + background-color: #dcab01; } .btn-xl:active, .btn-xl.active, .open > .btn-xl.dropdown-toggle { background-image: none; } @@ -593,8 +593,8 @@ ul.social-buttons { fieldset[disabled] .btn-xl:hover, fieldset[disabled] .btn-xl:focus, fieldset[disabled] .btn-xl.focus { - background-color: #fed136; - border-color: #fed136; } + border-color: #fed136; + background-color: #fed136; } .btn-xl .badge { color: #fed136; background-color: white; } diff --git a/css/agency.min.css b/css/agency.min.css index b3d336b..1f5716c 100644 --- a/css/agency.min.css +++ b/css/agency.min.css @@ -2,4 +2,4 @@ * Start Bootstrap - Agency v4.0.0-alpha (http://startbootstrap.com/template-overviews/agency) * Copyright 2013-2017 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE) - */body{overflow-x:hidden;font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif}p{line-height:1.75}a{color:#fed136}a.active,a:active,a:focus,a:hover{color:#fec503}h1,h2,h3,h4,h5,h6{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700}section{padding:100px 0}section h2.section-heading{font-size:40px;margin-top:0;margin-bottom:15px}section h3.section-subheading{font-size:16px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:none;font-style:italic;font-weight:400;margin-bottom:75px}@media (min-width:768px){section{padding:150px 0}}::-moz-selection{text-shadow:none;background:#fed136}::selection{text-shadow:none;background:#fed136}img::selection{background:0 0}img::-moz-selection{background:0 0}body{-webkit-tap-highlight-color:#fed136}#mainNav{background-color:#222}#mainNav .navbar-toggler{border:0;color:#fff;background-color:#fed136;font-size:12px;text-transform:uppercase;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;padding:13px;right:0}#mainNav .container{padding:0}#mainNav .container .navbar-brand{color:#fed136;font-family:"Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive}#mainNav .container .navbar-brand.active,#mainNav .container .navbar-brand:active,#mainNav .container .navbar-brand:focus,#mainNav .container .navbar-brand:hover{color:#fec503}#mainNav .container .navbar-nav .nav-item .nav-link{font-size:90%;padding:.75em 0;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:1px;color:#fff}#mainNav .container .navbar-nav .nav-item .nav-link.active,#mainNav .container .navbar-nav .nav-item .nav-link:hover{color:#fed136}@media (min-width:992px){#mainNav{background-color:transparent;padding:25px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s;border:none}#mainNav .navbar-brand{font-size:1.75em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}#mainNav .navbar-nav .nav-item .nav-link{padding:1.1em 1em!important}#mainNav.navbar-shrink{background-color:#222;padding:0}#mainNav.navbar-shrink .navbar-brand{padding:12px 0;font-size:1.25em}}header.masthead{background-image:url(../img/header-bg.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;text-align:center;color:#fff}header.masthead .intro-text{padding-top:100px;padding-bottom:50px}header.masthead .intro-text .intro-lead-in{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:22px;line-height:22px;margin-bottom:25px}header.masthead .intro-text .intro-heading{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;font-size:50px;line-height:50px;margin-bottom:25px}@media (min-width:768px){header.masthead .intro-text{padding-top:300px;padding-bottom:200px}header.masthead .intro-text .intro-lead-in{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:40px;line-height:40px;margin-bottom:25px}header.masthead .intro-text .intro-heading{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;font-size:75px;line-height:75px;margin-bottom:50px}}.service-heading{margin:15px 0;text-transform:none}#portfolio .portfolio-item{margin:0 0 15px;right:0}#portfolio .portfolio-item .portfolio-link{cursor:pointer;display:block;position:relative;max-width:400px;margin:0 auto}#portfolio .portfolio-item .portfolio-link .portfolio-hover{background:rgba(254,209,54,.9);position:absolute;width:100%;height:100%;opacity:0;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:#fff}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}#portfolio .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;background-color:#fff;text-align:center;padding:25px}#portfolio .portfolio-item .portfolio-caption h4{text-transform:none;margin:0}#portfolio .portfolio-item .portfolio-caption p{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px;margin:0}#portfolio *{z-index:2}@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px}}.portfolio-modal .modal-dialog{margin:0;height:100%;max-width:none}.portfolio-modal .modal-content{border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;border:none;min-height:100%;padding:100px 0;text-align:center}.portfolio-modal .modal-content h2{margin-bottom:15px;font-size:3em}.portfolio-modal .modal-content p{margin-bottom:30px}.portfolio-modal .modal-content p.item-intro{margin:20px 0 30px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px}.portfolio-modal .modal-content ul.list-inline{margin-bottom:30px;margin-top:0}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .modal-content button{cursor:pointer}.portfolio-modal .close-modal{position:absolute;width:75px;height:75px;background-color:transparent;top:25px;right:25px;cursor:pointer}.portfolio-modal .close-modal:hover{opacity:.3}.portfolio-modal .close-modal .lr{height:75px;width:1px;margin-left:35px;background-color:#222;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051}.portfolio-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#222;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052}.portfolio-modal .modal-backdrop{opacity:0;display:none}.timeline{list-style:none;padding:0;position:relative}.timeline:before{top:0;bottom:0;position:absolute;content:"";width:2px;background-color:#f1f1f1;left:40px;margin-left:-1.5px}.timeline>li{margin-bottom:50px;position:relative;min-height:50px}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li .timeline-panel{width:100%;float:right;padding:0 20px 0 100px;position:relative;text-align:left}.timeline>li .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline>li .timeline-image{left:0;margin-left:0;width:80px;height:80px;position:absolute;z-index:100;background-color:#fed136;color:#fff;border-radius:100%;border:7px solid #f1f1f1;text-align:center}.timeline>li .timeline-image h4{font-size:10px;margin-top:12px;line-height:14px}.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 20px 0 100px}.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline>li:last-child{margin-bottom:0}.timeline .timeline-heading h4{margin-top:0;color:inherit}.timeline .timeline-heading h4.subheading{text-transform:none}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media (min-width:768px){.timeline:before{left:50%}.timeline>li{margin-bottom:100px;min-height:100px}.timeline>li .timeline-panel{width:41%;float:left;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{width:100px;height:100px;left:50%;margin-left:-50px}.timeline>li .timeline-image h4{font-size:13px;margin-top:16px;line-height:18px}.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 30px 20px 20px}}@media (min-width:992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image h4{font-size:18px;margin-top:30px;line-height:26px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media (min-width:1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}.timeline>li .timeline-image h4{margin-top:40px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}.team-member{text-align:center;margin-bottom:50px}.team-member img{height:225px;width:225px;border:7px solid #fff}.team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}.team-member p{margin-top:0}section#contact{background-color:#222;background-image:url(../img/map-image.png);background-position:center;background-repeat:no-repeat}section#contact .section-heading{color:#fff}section#contact .form-group{margin-bottom:25px}section#contact .form-group input,section#contact .form-group textarea{padding:20px}section#contact .form-group input.form-control{height:auto}section#contact .form-group textarea.form-control{height:236px}section#contact .form-control:focus{border-color:#fed136;box-shadow:none}section#contact ::-webkit-input-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#eee}section#contact :-moz-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#eee}section#contact ::-moz-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#eee}section#contact :-ms-input-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#eee}section#contact .text-danger{color:#e74c3c}footer{padding:25px 0;text-align:center}footer span.copyright{font-size:90%;line-height:40px;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;text-transform:none}footer ul.quicklinks{font-size:90%;margin-bottom:0;line-height:40px;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;text-transform:none}ul.social-buttons{margin-bottom:0}ul.social-buttons li a{display:block;background-color:#222;height:40px;width:40px;border-radius:100%;font-size:20px;line-height:40px;color:#fff;outline:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#fed136}.text-primary{color:#fed136!important}.btn-primary{color:#fff;background-color:#fed136;border-color:#fed136;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#fec503;border-color:#b48b01}.btn-primary:hover{color:#fff;background-color:#fec503;border-color:#f6bf01}.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{color:#fff;background-color:#fec503;border-color:#f6bf01}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover{color:#fff;background-color:#dcab01;border-color:#b48b01}.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#fed136;border-color:#fed136}.btn-primary .badge{color:#fed136;background-color:#fff}.btn-xl{color:#fff;background-color:#fed136;border-color:#fed136;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;border-radius:3px;font-size:18px;padding:20px 40px}.btn-xl.focus,.btn-xl:focus{color:#fff;background-color:#fec503;border-color:#b48b01}.btn-xl:hover{color:#fff;background-color:#fec503;border-color:#f6bf01}.btn-xl.active,.btn-xl:active,.open>.btn-xl.dropdown-toggle{color:#fff;background-color:#fec503;border-color:#f6bf01}.btn-xl.active.focus,.btn-xl.active:focus,.btn-xl.active:hover,.btn-xl:active.focus,.btn-xl:active:focus,.btn-xl:active:hover,.open>.btn-xl.dropdown-toggle.focus,.open>.btn-xl.dropdown-toggle:focus,.open>.btn-xl.dropdown-toggle:hover{color:#fff;background-color:#dcab01;border-color:#b48b01}.btn-xl.active,.btn-xl:active,.open>.btn-xl.dropdown-toggle{background-image:none}.btn-xl.disabled.focus,.btn-xl.disabled:focus,.btn-xl.disabled:hover,.btn-xl[disabled].focus,.btn-xl[disabled]:focus,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl.focus,fieldset[disabled] .btn-xl:focus,fieldset[disabled] .btn-xl:hover{background-color:#fed136;border-color:#fed136}.btn-xl .badge{color:#fed136;background-color:#fff} \ No newline at end of file + */body{overflow-x:hidden;font-family:'Roboto Slab','Helvetica Neue',Helvetica,Arial,sans-serif}p{line-height:1.75}a{color:#fed136}a.active,a:active,a:focus,a:hover{color:#fec503}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section{padding:100px 0}section h2.section-heading{font-size:40px;margin-top:0;margin-bottom:15px}section h3.section-subheading{font-size:16px;font-weight:400;font-style:italic;margin-bottom:75px;text-transform:none;font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif}@media (min-width:768px){section{padding:150px 0}}::-moz-selection{background:#fed136;text-shadow:none}::selection{background:#fed136;text-shadow:none}img::selection{background:0 0}img::-moz-selection{background:0 0}body{-webkit-tap-highlight-color:#fed136}#mainNav{background-color:#222}#mainNav .navbar-toggler{font-size:12px;right:0;padding:13px;text-transform:uppercase;color:#fff;border:0;background-color:#fed136;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}#mainNav .container{padding:0}#mainNav .container .navbar-brand{color:#fed136;font-family:'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive}#mainNav .container .navbar-brand.active,#mainNav .container .navbar-brand:active,#mainNav .container .navbar-brand:focus,#mainNav .container .navbar-brand:hover{color:#fec503}#mainNav .container .navbar-nav .nav-item .nav-link{font-size:90%;font-weight:400;padding:.75em 0;letter-spacing:1px;color:#fff;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}#mainNav .container .navbar-nav .nav-item .nav-link.active,#mainNav .container .navbar-nav .nav-item .nav-link:hover{color:#fed136}@media (min-width:992px){#mainNav{padding:25px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s;border:none;background-color:transparent}#mainNav .navbar-brand{font-size:1.75em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}#mainNav .navbar-nav .nav-item .nav-link{padding:1.1em 1em!important}#mainNav.navbar-shrink{padding:0;background-color:#222}#mainNav.navbar-shrink .navbar-brand{font-size:1.25em;padding:12px 0}}header.masthead{text-align:center;color:#fff;background-image:url(../img/header-bg.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header.masthead .intro-text{padding-top:100px;padding-bottom:50px}header.masthead .intro-text .intro-lead-in{font-size:22px;font-style:italic;line-height:22px;margin-bottom:25px;font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif}header.masthead .intro-text .intro-heading{font-size:50px;font-weight:700;line-height:50px;margin-bottom:25px;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}@media (min-width:768px){header.masthead .intro-text{padding-top:300px;padding-bottom:200px}header.masthead .intro-text .intro-lead-in{font-size:40px;font-style:italic;line-height:40px;margin-bottom:25px;font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif}header.masthead .intro-text .intro-heading{font-size:75px;font-weight:700;line-height:75px;margin-bottom:50px;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}}.service-heading{margin:15px 0;text-transform:none}#portfolio .portfolio-item{right:0;margin:0 0 15px}#portfolio .portfolio-item .portfolio-link{position:relative;display:block;max-width:400px;margin:0 auto;cursor:pointer}#portfolio .portfolio-item .portfolio-link .portfolio-hover{position:absolute;width:100%;height:100%;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;opacity:0;background:rgba(254,209,54,.9)}#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{font-size:20px;position:absolute;top:50%;width:100%;height:20px;margin-top:-12px;text-align:center;color:#fff}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}#portfolio .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;padding:25px;text-align:center;background-color:#fff}#portfolio .portfolio-item .portfolio-caption h4{margin:0;text-transform:none}#portfolio .portfolio-item .portfolio-caption p{font-size:16px;font-style:italic;margin:0;font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif}#portfolio *{z-index:2}@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px}}.portfolio-modal .modal-dialog{max-width:none;height:100%;margin:0}.portfolio-modal .modal-content{min-height:100%;padding:100px 0;text-align:center;border:none;border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none}.portfolio-modal .modal-content h2{font-size:3em;margin-bottom:15px}.portfolio-modal .modal-content p{margin-bottom:30px}.portfolio-modal .modal-content p.item-intro{font-size:16px;font-style:italic;margin:20px 0 30px;font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif}.portfolio-modal .modal-content ul.list-inline{margin-top:0;margin-bottom:30px}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .modal-content button{cursor:pointer}.portfolio-modal .close-modal{position:absolute;top:25px;right:25px;width:75px;height:75px;cursor:pointer;background-color:transparent}.portfolio-modal .close-modal:hover{opacity:.3}.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#222}.portfolio-modal .close-modal .lr .rl{z-index:1052;width:1px;height:75px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);background-color:#222}.portfolio-modal .modal-backdrop{display:none;opacity:0}.timeline{position:relative;padding:0;list-style:none}.timeline:before{position:absolute;top:0;bottom:0;left:40px;width:2px;margin-left:-1.5px;content:'';background-color:#f1f1f1}.timeline>li{position:relative;min-height:50px;margin-bottom:50px}.timeline>li:after,.timeline>li:before{display:table;content:' '}.timeline>li:after{clear:both}.timeline>li .timeline-panel{position:relative;float:right;width:100%;padding:0 20px 0 100px;text-align:left}.timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li .timeline-image{position:absolute;z-index:100;left:0;width:80px;height:80px;margin-left:0;text-align:center;color:#fff;border:7px solid #f1f1f1;border-radius:100%;background-color:#fed136}.timeline>li .timeline-image h4{font-size:10px;line-height:14px;margin-top:12px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 100px;text-align:left}.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li:last-child{margin-bottom:0}.timeline .timeline-heading h4{margin-top:0;color:inherit}.timeline .timeline-heading h4.subheading{text-transform:none}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media (min-width:768px){.timeline:before{left:50%}.timeline>li{min-height:100px;margin-bottom:100px}.timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px}.timeline>li .timeline-image h4{font-size:13px;line-height:18px;margin-top:16px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}}@media (min-width:992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image h4{font-size:18px;line-height:26px;margin-top:30px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media (min-width:1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}.timeline>li .timeline-image h4{margin-top:40px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}.team-member{margin-bottom:50px;text-align:center}.team-member img{width:225px;height:225px;border:7px solid #fff}.team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}.team-member p{margin-top:0}section#contact{background-color:#222;background-image:url(../img/map-image.png);background-repeat:no-repeat;background-position:center}section#contact .section-heading{color:#fff}section#contact .form-group{margin-bottom:25px}section#contact .form-group input,section#contact .form-group textarea{padding:20px}section#contact .form-group input.form-control{height:auto}section#contact .form-group textarea.form-control{height:236px}section#contact .form-control:focus{border-color:#fed136;box-shadow:none}section#contact ::-webkit-input-placeholder{font-weight:700;color:#eee;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section#contact :-moz-placeholder{font-weight:700;color:#eee;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section#contact ::-moz-placeholder{font-weight:700;color:#eee;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section#contact :-ms-input-placeholder{font-weight:700;color:#eee;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section#contact .text-danger{color:#e74c3c}footer{padding:25px 0;text-align:center}footer span.copyright{font-size:90%;line-height:40px;text-transform:none;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}footer ul.quicklinks{font-size:90%;line-height:40px;margin-bottom:0;text-transform:none;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}ul.social-buttons{margin-bottom:0}ul.social-buttons li a{font-size:20px;line-height:40px;display:block;width:40px;height:40px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;color:#fff;border-radius:100%;outline:0;background-color:#222}ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#fed136}.text-primary{color:#fed136!important}.btn-primary{font-weight:700;color:#fff;border-color:#fed136;background-color:#fed136;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}.btn-primary.focus,.btn-primary:focus{color:#fff;border-color:#b48b01;background-color:#fec503}.btn-primary:hover{color:#fff;border-color:#f6bf01;background-color:#fec503}.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{color:#fff;border-color:#f6bf01;background-color:#fec503}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover{color:#fff;border-color:#b48b01;background-color:#dcab01}.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{border-color:#fed136;background-color:#fed136}.btn-primary .badge{color:#fed136;background-color:#fff}.btn-xl{font-size:18px;font-weight:700;padding:20px 40px;border-radius:3px;color:#fff;border-color:#fed136;background-color:#fed136;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}.btn-xl.focus,.btn-xl:focus{color:#fff;border-color:#b48b01;background-color:#fec503}.btn-xl:hover{color:#fff;border-color:#f6bf01;background-color:#fec503}.btn-xl.active,.btn-xl:active,.open>.btn-xl.dropdown-toggle{color:#fff;border-color:#f6bf01;background-color:#fec503}.btn-xl.active.focus,.btn-xl.active:focus,.btn-xl.active:hover,.btn-xl:active.focus,.btn-xl:active:focus,.btn-xl:active:hover,.open>.btn-xl.dropdown-toggle.focus,.open>.btn-xl.dropdown-toggle:focus,.open>.btn-xl.dropdown-toggle:hover{color:#fff;border-color:#b48b01;background-color:#dcab01}.btn-xl.active,.btn-xl:active,.open>.btn-xl.dropdown-toggle{background-image:none}.btn-xl.disabled.focus,.btn-xl.disabled:focus,.btn-xl.disabled:hover,.btn-xl[disabled].focus,.btn-xl[disabled]:focus,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl.focus,fieldset[disabled] .btn-xl:focus,fieldset[disabled] .btn-xl:hover{border-color:#fed136;background-color:#fed136}.btn-xl .badge{color:#fed136;background-color:#fff} \ No newline at end of file diff --git a/package.json b/package.json index a0b8de1..bd3d3b6 100644 --- a/package.json +++ b/package.json @@ -27,7 +27,7 @@ }, "dependencies": { "bootstrap": "^4.0.0-alpha.6", - "font-awesome": "^4.6.3", + "font-awesome": "4.7.0", "jquery": "^3.2.1", "jquery.easing": "^1.4.1", "tether": "^1.4.0" @@ -35,10 +35,10 @@ "devDependencies": { "browser-sync": "^2.18.8", "gulp": "^3.9.1", - "gulp-clean-css": "^3.0.4", - "gulp-header": "^1.8.7", + "gulp-clean-css": "3.2.0", + "gulp-header": "1.8.8", "gulp-rename": "^1.2.2", "gulp-sass": "^3.1.0", "gulp-uglify": "^2.1.2" } -} +} \ No newline at end of file diff --git a/scss/_bootstrap-overrides.scss b/scss/_bootstrap-overrides.scss index 207aec9..ebb5b4a 100644 --- a/scss/_bootstrap-overrides.scss +++ b/scss/_bootstrap-overrides.scss @@ -4,16 +4,16 @@ } .btn-primary { + font-weight: 700; @include button-variant(white, $theme-primary, $theme-primary); @include heading-font; - font-weight: 700; } .btn-xl { + font-size: 18px; + font-weight: 700; + padding: 20px 40px; + border-radius: 3px; @include button-variant(white, $theme-primary, $theme-primary); @include heading-font; - font-weight: 700; - border-radius: 3px; - font-size: 18px; - padding: 20px 40px; } diff --git a/scss/_contact.scss b/scss/_contact.scss index e1ad7fb..37eb009 100644 --- a/scss/_contact.scss +++ b/scss/_contact.scss @@ -2,8 +2,8 @@ section#contact { background-color: $gray-darker; background-image: url('../img/map-image.png'); - background-position: center; background-repeat: no-repeat; + background-position: center; .section-heading { color: white; } @@ -25,26 +25,26 @@ section#contact { box-shadow: none; } ::-webkit-input-placeholder { - @include heading-font; font-weight: 700; color: $gray-lighter; + @include heading-font; } :-moz-placeholder { + font-weight: 700; + color: $gray-lighter; /* Firefox 18- */ @include heading-font; - font-weight: 700; - color: $gray-lighter; } ::-moz-placeholder { + font-weight: 700; + color: $gray-lighter; /* Firefox 19+ */ @include heading-font; - font-weight: 700; - color: $gray-lighter; } :-ms-input-placeholder { - @include heading-font; font-weight: 700; color: $gray-lighter; + @include heading-font; } .text-danger { color: $theme-danger; diff --git a/scss/_footer.scss b/scss/_footer.scss index 57aaab3..5e68872 100644 --- a/scss/_footer.scss +++ b/scss/_footer.scss @@ -5,15 +5,15 @@ footer { span.copyright { font-size: 90%; line-height: 40px; - @include heading-font; text-transform: none; + @include heading-font; } ul.quicklinks { font-size: 90%; - margin-bottom: 0; line-height: 40px; - @include heading-font; + margin-bottom: 0; text-transform: none; + @include heading-font; } } @@ -21,18 +21,18 @@ ul.social-buttons { margin-bottom: 0; li { a { - display: block; - background-color: $gray-darker; - height: 40px; - width: 40px; - border-radius: 100%; font-size: 20px; line-height: 40px; + display: block; + width: 40px; + height: 40px; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; color: white; + border-radius: 100%; outline: none; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - transition: all 0.3s; + background-color: $gray-darker; &:hover, &:focus, &:active { diff --git a/scss/_global.scss b/scss/_global.scss index 5db1c41..5f5a267 100644 --- a/scss/_global.scss +++ b/scss/_global.scss @@ -24,8 +24,8 @@ h3, h4, h5, h6 { - @include heading-font; font-weight: 700; + @include heading-font; } section { @@ -37,11 +37,11 @@ section { } h3.section-subheading { font-size: 16px; - @include serif-font; - text-transform: none; - font-style: italic; font-weight: 400; + font-style: italic; margin-bottom: 75px; + text-transform: none; + @include serif-font; } } @@ -53,13 +53,13 @@ section { // Highlight color customization ::-moz-selection { - text-shadow: none; background: $theme-primary; + text-shadow: none; } ::selection { - text-shadow: none; background: $theme-primary; + text-shadow: none; } img::selection { diff --git a/scss/_masthead.scss b/scss/_masthead.scss index c115c6c..383f837 100644 --- a/scss/_masthead.scss +++ b/scss/_masthead.scss @@ -1,28 +1,28 @@ // Styling for the masthead header.masthead { + text-align: center; + color: white; background-image: url('../img/header-bg.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; @include background-cover; - text-align: center; - color: white; .intro-text { padding-top: 100px; padding-bottom: 50px; .intro-lead-in { - @include serif-font; - font-style: italic; font-size: 22px; + font-style: italic; line-height: 22px; margin-bottom: 25px; + @include serif-font; } .intro-heading { - @include heading-font; - font-weight: 700; font-size: 50px; + font-weight: 700; line-height: 50px; margin-bottom: 25px; + @include heading-font; } } } @@ -33,18 +33,18 @@ header.masthead { padding-top: 300px; padding-bottom: 200px; .intro-lead-in { - @include serif-font; - font-style: italic; font-size: 40px; + font-style: italic; line-height: 40px; margin-bottom: 25px; + @include serif-font; } .intro-heading { - @include heading-font; - font-weight: 700; font-size: 75px; + font-weight: 700; line-height: 75px; margin-bottom: 50px; + @include heading-font; } } } diff --git a/scss/_mixins.scss b/scss/_mixins.scss index 0741c0a..a2d786b 100644 --- a/scss/_mixins.scss +++ b/scss/_mixins.scss @@ -1,84 +1,77 @@ // Mixins - // Bootstrap Button Variant - @mixin button-variant($color, $background, $border) { - color: $color; - background-color: $background; - border-color: $border; - - &:focus, - &.focus { color: $color; - background-color: darken($background, 10%); + border-color: $border; + background-color: $background; + &:focus, + &.focus { + color: $color; border-color: darken($border, 25%); - } - &:hover { - color: $color; - background-color: darken($background, 10%); - border-color: darken($border, 12%); - } - &:active, - &.active, - .open > &.dropdown-toggle { - color: $color; - background-color: darken($background, 10%); - border-color: darken($border, 12%); - - &:hover, - &:focus, - &.focus { - color: $color; - background-color: darken($background, 17%); - border-color: darken($border, 25%); + background-color: darken($background, 10%); } - } - &:active, - &.active, - .open > &.dropdown-toggle { - background-image: none; - } - &.disabled, - &[disabled], - fieldset[disabled] & { - &:hover, - &:focus, - &.focus { - background-color: $background; - border-color: $border; + &:hover { + color: $color; + border-color: darken($border, 12%); + background-color: darken($background, 10%); + } + &:active, + &.active, + .open > &.dropdown-toggle { + color: $color; + border-color: darken($border, 12%); + background-color: darken($background, 10%); + &:hover, + &:focus, + &.focus { + color: $color; + border-color: darken($border, 25%); + background-color: darken($background, 17%); + } + } + &:active, + &.active, + .open > &.dropdown-toggle { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus, + &.focus { + border-color: $border; + background-color: $background; + } + } + .badge { + color: $background; + background-color: $color; } - } - - .badge { - color: $background; - background-color: $color; - } } // Background Cover Mixin - @mixin background-cover { - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - -o-background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; } // Font Mixins - @mixin serif-font { - font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; } @mixin script-font { - font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive; + font-family: 'Kaushan Script', 'Helvetica Neue', Helvetica, Arial, cursive; } @mixin body-font { - font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif; } @mixin heading-font { - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } diff --git a/scss/_navbar.scss b/scss/_navbar.scss index 8fc9ea5..05d4a8e 100644 --- a/scss/_navbar.scss +++ b/scss/_navbar.scss @@ -2,14 +2,14 @@ #mainNav { background-color: $gray-darker; .navbar-toggler { - border: 0; - color: white; - background-color: $theme-primary; font-size: 12px; - text-transform: uppercase; - @include heading-font; - padding: 13px; right: 0; + padding: 13px; + text-transform: uppercase; + color: white; + border: 0; + background-color: $theme-primary; + @include heading-font; } .container { padding: 0; @@ -27,11 +27,11 @@ .nav-item { .nav-link { font-size: 90%; - padding: 0.75em 0; - @include heading-font; font-weight: 400; + padding: .75em 0; letter-spacing: 1px; color: white; + @include heading-font; &:hover, &.active { color: $theme-primary; @@ -44,17 +44,17 @@ @media(min-width:992px) { #mainNav { - background-color: transparent; padding: 25px 0; - -webkit-transition: padding 0.3s; - -moz-transition: padding 0.3s; - transition: padding 0.3s; + -webkit-transition: padding .3s; + -moz-transition: padding .3s; + transition: padding .3s; border: none; + background-color: transparent; .navbar-brand { font-size: 1.75em; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - transition: all 0.3s; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; } .navbar-nav { .nav-item { @@ -64,11 +64,11 @@ } } &.navbar-shrink { - background-color: $gray-darker; padding: 0; + background-color: $gray-darker; .navbar-brand { - padding: 12px 0; font-size: 1.25em; + padding: 12px 0; } } } diff --git a/scss/_portfolio.scss b/scss/_portfolio.scss index a39adba..3e2f612 100644 --- a/scss/_portfolio.scss +++ b/scss/_portfolio.scss @@ -1,34 +1,34 @@ // Styling for the portfolio section #portfolio { .portfolio-item { - margin: 0 0 15px; right: 0; + margin: 0 0 15px; .portfolio-link { - cursor: pointer; - display: block; position: relative; + display: block; max-width: 400px; margin: 0 auto; + cursor: pointer; .portfolio-hover { - background: fade-out($theme-primary, .1); position: absolute; width: 100%; height: 100%; + -webkit-transition: all ease .5s; + -moz-transition: all ease .5s; + transition: all ease .5s; opacity: 0; - transition: all ease 0.5s; - -webkit-transition: all ease 0.5s; - -moz-transition: all ease 0.5s; + background: fade-out($theme-primary, .1); &:hover { opacity: 1; } .portfolio-hover-content { + font-size: 20px; position: absolute; + top: 50%; width: 100%; height: 20px; - font-size: 20px; - text-align: center; - top: 50%; margin-top: -12px; + text-align: center; color: white; i { margin-top: -12px; @@ -43,18 +43,18 @@ .portfolio-caption { max-width: 400px; margin: 0 auto; - background-color: white; - text-align: center; padding: 25px; + text-align: center; + background-color: white; h4 { - text-transform: none; margin: 0; + text-transform: none; } p { - @include serif-font; - font-style: italic; font-size: 16px; + font-style: italic; margin: 0; + @include serif-font; } } } @@ -73,35 +73,35 @@ .portfolio-modal { .modal-dialog { - margin: 0; - height: 100%; max-width: none; + height: 100%; + margin: 0; } .modal-content { + min-height: 100%; + padding: 100px 0; + text-align: center; + border: none; border-radius: 0; background-clip: border-box; -webkit-box-shadow: none; box-shadow: none; - border: none; - min-height: 100%; - padding: 100px 0; - text-align: center; h2 { - margin-bottom: 15px; font-size: 3em; + margin-bottom: 15px; } p { margin-bottom: 30px; } p.item-intro { + font-size: 16px; + font-style: italic; margin: 20px 0 30px; @include serif-font; - font-style: italic; - font-size: 16px; } ul.list-inline { - margin-bottom: 30px; margin-top: 0; + margin-bottom: 30px; } img { margin-bottom: 30px; @@ -112,41 +112,41 @@ } .close-modal { position: absolute; - width: 75px; - height: 75px; - background-color: transparent; top: 25px; right: 25px; + width: 75px; + height: 75px; cursor: pointer; + background-color: transparent; &:hover { - opacity: 0.3; + opacity: .3; } .lr { - height: 75px; - width: 1px; - margin-left: 35px; - background-color: $gray-darker; - transform: rotate(45deg); - -ms-transform: rotate(45deg); - /* IE 9 */ - -webkit-transform: rotate(45deg); /* Safari and Chrome */ z-index: 1051; + width: 1px; + height: 75px; + margin-left: 35px; + /* IE 9 */ + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + background-color: $gray-darker; .rl { - height: 75px; - width: 1px; - background-color: $gray-darker; - transform: rotate(90deg); - -ms-transform: rotate(90deg); - /* IE 9 */ - -webkit-transform: rotate(90deg); /* Safari and Chrome */ z-index: 1052; + width: 1px; + height: 75px; + /* IE 9 */ + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + background-color: $gray-darker; } } } .modal-backdrop { - opacity: 0; display: none; + opacity: 0; } } diff --git a/scss/_team.scss b/scss/_team.scss index 0e59229..96a212d 100644 --- a/scss/_team.scss +++ b/scss/_team.scss @@ -1,10 +1,10 @@ // Styling for the team section .team-member { - text-align: center; margin-bottom: 50px; + text-align: center; img { - height: 225px; width: 225px; + height: 225px; border: 7px solid white; } h4 { diff --git a/scss/_timeline.scss b/scss/_timeline.scss index b6f5105..650bccd 100644 --- a/scss/_timeline.scss +++ b/scss/_timeline.scss @@ -1,82 +1,82 @@ // Styling for the timeline section .timeline { - list-style: none; - padding: 0; position: relative; + padding: 0; + list-style: none; &:before { + position: absolute; top: 0; bottom: 0; - position: absolute; - content: ""; - width: 2px; - background-color: #f1f1f1; left: 40px; + width: 2px; margin-left: -1.5px; + content: ''; + background-color: #f1f1f1; } > li { - margin-bottom: 50px; position: relative; min-height: 50px; + margin-bottom: 50px; &:before, &:after { - content: " "; display: table; + content: ' '; } &:after { clear: both; } .timeline-panel { - width: 100%; - float: right; - padding: 0 20px 0 100px; position: relative; + float: right; + width: 100%; + padding: 0 20px 0 100px; text-align: left; &:before { - border-left-width: 0; - border-right-width: 15px; - left: -15px; right: auto; + left: -15px; + border-right-width: 15px; + border-left-width: 0; } &:after { - border-left-width: 0; - border-right-width: 14px; - left: -14px; right: auto; + left: -14px; + border-right-width: 14px; + border-left-width: 0; } } .timeline-image { - left: 0; - margin-left: 0; - width: 80px; - height: 80px; position: absolute; z-index: 100; - background-color: $theme-primary; - color: white; - border-radius: 100%; - border: 7px solid #f1f1f1; + left: 0; + width: 80px; + height: 80px; + margin-left: 0; text-align: center; + color: white; + border: 7px solid #f1f1f1; + border-radius: 100%; + background-color: $theme-primary; h4 { font-size: 10px; - margin-top: 12px; line-height: 14px; + margin-top: 12px; } } &.timeline-inverted > .timeline-panel { float: right; - text-align: left; padding: 0 20px 0 100px; + text-align: left; &:before { - border-left-width: 0; - border-right-width: 15px; - left: -15px; right: auto; + left: -15px; + border-right-width: 15px; + border-left-width: 0; } &:after { - border-left-width: 0; - border-right-width: 14px; - left: -14px; right: auto; + left: -14px; + border-right-width: 14px; + border-left-width: 0; } } &:last-child { @@ -106,29 +106,29 @@ left: 50%; } > li { - margin-bottom: 100px; min-height: 100px; + margin-bottom: 100px; .timeline-panel { - width: 41%; float: left; + width: 41%; padding: 0 20px 20px 30px; text-align: right; } .timeline-image { + left: 50%; width: 100px; height: 100px; - left: 50%; margin-left: -50px; h4 { font-size: 13px; - margin-top: 16px; line-height: 18px; + margin-top: 16px; } } &.timeline-inverted > .timeline-panel { float: right; - text-align: left; padding: 0 30px 20px 20px; + text-align: left; } } } @@ -147,8 +147,8 @@ margin-left: -75px; h4 { font-size: 18px; - margin-top: 30px; line-height: 26px; + margin-top: 30px; } } &.timeline-inverted > .timeline-panel {