/* ------------------------------
Foundation
------------------------------ */

body { overflow-x:hidden; font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif; }

.text-muted { color:#777; }
.text-primary { color:#fed136; }

p { font-size:14px; line-height:1.75; }
p.large { font-size:16px }
a,a:hover,a:focus,a:active,a.active { outline:0 }
a { color:#fed136; }
a:hover,a:focus,a:active,a.active { color:#fec503; }
h1,h2,h3,h4,h5,h6 { font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; font-weight:700; }
.img-centered { margin:0 auto }
.bg-light-gray { background-color:#f7f7f7; }
.bg-darkest-gray { background-color:#222; }
.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:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary { color:#fff; background-color:#fec503; border-color:#f6bf01; }
.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary { background-image:none }

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active { background-color:#fed136; border-color:#fed136; }
.btn-primary .badge { color:#fed136; background-color:#fff; }

/* ------------------------------ .navbar ------------------------------ */
.navbar-default { background-color: rgb(0,2,34); border-color:transparent; }
.navbar-default .navbar-brand { color: rgb(247,247,247); font-family:"Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive; }
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active { color:#fec503; }
.navbar-default .navbar-collapse { border-color:rgba(255,255,255,.02); }
.navbar-default .navbar-toggle { background-color:#fed136; border-color:#fed136; }
.navbar-default .navbar-toggle .icon-bar { background-color:#fff; }
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color:#fed136; }
.navbar-default .nav li a { font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; font-weight:400; letter-spacing:1px; color:#fff; }
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus { color:#fed136; outline:0; }
.navbar-default .navbar-nav>.active>a { border-radius:0; color:#fff; background-color:#fed136; }
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus { color:#fff; background-color:#fec503; }

@media (min-width:768px)
{
.navbar-default { background-color:transparent; padding:25px 0; -webkit-transition:padding .3s; -moz-transition:padding .3s; transition:padding .3s;
border:0; }
.navbar-default .navbar-brand { font-size:2em; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s }
.navbar-default .navbar-nav>.active>a { border-radius:3px; }
.navbar-default.navbar-shrink { background-color:#222; padding:10px 0; }
.navbar-default.navbar-shrink .navbar-brand { font-size:1.5em; }
}

/* ------------------------------ header ------------------------------ */
header { background: #222; color:#fff; }
header .intro-text { padding-top:100px; padding-bottom:50px; }
header .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 .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 { background-image:url(../img/bck-alanarch.jpg); background-repeat:none; background-attachment:scroll; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover; }
header .intro-text { padding-top:300px; padding-bottom:200px; }
header .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 .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; }
}

.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:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl { color:#fff; background-color:#fec503; border-color:#f6bf01
}
.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl { background-image:none; }
.btn-xl.disabled,.btn-xl[disabled],fieldset[disabled] .btn-xl,.btn-xl.disabled:hover,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl:hover,.btn-xl.disabled:focus,.btn-xl[disabled]:focus,fieldset[disabled] .btn-xl:focus,.btn-xl.disabled:active,.btn-xl[disabled]:active,fieldset[disabled] .btn-xl:active,.btn-xl.disabled.active,.btn-xl[disabled].active,fieldset[disabled] .btn-xl.active { background-color:#fed136; border-color:#fed136 }
.btn-xl .badge { color:#fed136; background-color:#fff }

/* ------------------------------ header ------------------------------ */
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; }
}

.service-heading { margin:15px 0; text-transform:none; }

/* ------------------------------ section#about-me ------------------------------ */
section#about-me { padding: 5em 0em;  margin: 0em 0em; }
.dark-faded-border { border: solid 5px rgba(0, 0, 0, 0.2); }
.img-centered { margin: 0 auto; }
.btn-social-dark { background-color: transparent; color: #3e444d; }

section#about-me img.dark-faded-border-small { width: 150px; margin-right: .5em; }

@media(min-width:768px) {
section#about-me img.dark-faded-border-small { width: auto; margin-right: normal; }
}

/* ------------------------------ #portfolio ------------------------------ */
#portfolio .row { display:flex; flex-wrap:wrap; }
#portfolio .portfolio-item { margin:0 0 15px; display:flex; flex-direction:column; }

#portfolio .portfolio-item .portfolio-link { 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 { width:100%; background-color:#fff; text-align:center; padding:25px; flex-grow:1; display:flex; flex-direction:column; justify-content:center; }
#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 }
}

/* ------------------------------ .timeline ------------------------------ */
.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:before,.timeline>li:after { 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 ------------------------------ */
.team-member { text-align:center; margin-bottom:50px; }
.team-member img { margin:0 auto; border:7px solid #fff; }
.team-member h4 { margin-top:25px; margin-bottom:0; text-transform:none; }
.team-member p { margin-top:0; }
aside.clients img { margin:50px auto; }

/* ------------------------------ section#contact ------------------------------ */
section#contact { background-color:#222; }
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:#bbb }
section#contact :-moz-placeholder { font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; font-weight:700;
color:#bbb; }
section#contact ::-moz-placeholder { font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; font-weight:700;
color:#bbb; }
section#contact :-ms-input-placeholder { font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; font-weight:700;
color:#bbb; }
section#contact .text-danger { color:#e74c3c }

/* ------------------------------ footer ------------------------------ */
footer { padding:25px 0; text-align:center; }
footer span.copyright { line-height:40px; font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; text-transform:none }
footer ul.quicklinks { margin-bottom:0; line-height:40px; font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase;
text-transform:none; }

/* ------------------------------ ul.social-buttons ------------------------------ */
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:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active { background-color:#fed136 }
.btn:focus,.btn:active,.btn.active,.btn:active:focus { outline:0 }

/* ------------------------------
Modals
------------------------------ */

/* ------------------------------ .portfolio-modal ------------------------------ */
.portfolio-modal .modal-content { border-radius:0; background-clip:border-box; -webkit-box-shadow:none; box-shadow:none; border:0; 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 .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; }

::-moz-selection { text-shadow:none; background: rgb(204,0,0) }
::selection { text-shadow:none; background: rgb(204,0,0); }
img::selection { background:0 0 }
img::-moz-selection { background:0 0 }
body { webkit-tap-highlight-color:#fed136; }

/* ------------------------------
Hacks
------------------------------ */
.navbar-default .navbar-brand-pronto { color: rgb(204,0,0); }
.navbar-default .navbar-toggle { background-color: rgb(204,0,0); border-color: rgb(204,0,0); }
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: rgb(204,0,0); }
.navbar-default .navbar-nav>.active>a { border-radius:0; color:#fff; background-color: rgb(204,0,0); }
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus { color:rgb(204,0,0); outline:0; }
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus { background-color:rgb(175,0,0); }

@media (min-width:768px)
{
.navbar-default .navbar-nav>.active>a { border-radius:3px; }
}

section#contact { background: rgb(0,2,34);  }

.btn-primary { background-color:rgb(204,0,0); border-color:rgb(204,0,0); }
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary { background-color: rgb(150,0,0); border-color: rgb(150,0,0); }

.btn-xl { color:#fff; background-color:rgb(204,0,0); border-color:rgb(204,0,0); }
.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl { color:#fff; background-color: rgb(204,45,45); border-color: rgb(175,0,0) }

.btn-xl.disabled,.btn-xl[disabled],fieldset[disabled] .btn-xl,.btn-xl.disabled:hover,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl:hover,.btn-xl.disabled:focus,.btn-xl[disabled]:focus,fieldset[disabled] .btn-xl:focus,.btn-xl.disabled:active,.btn-xl[disabled]:active,fieldset[disabled] .btn-xl:active,.btn-xl.disabled.active,.btn-xl[disabled].active,fieldset[disabled] .btn-xl.active { background-color:#fed136; border-color:#fed136 }
.btn-xl .badge { color:#fed136; background-color:#fff }

.text-primary { color: rgb(204,0,0); }

#portfolio .portfolio-item .portfolio-link .portfolio-hover { background:rgba(204,0,0,.9);  }