/*!
 * Start Bootstrap - Agency v4.0.0-beta (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;
  background-color: #000;
}
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;

  }
  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 .navbar-brand{color:#fed136;font-family:'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive}
  #mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fec503}
  #mainNav .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 .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item .nav-link:hover{color:#fed136}

  @media (min-width:992px){
    #mainNav{padding-top:25px;padding-bottom:25px;-webkit-transition:padding-top .3s,padding-bottom .3s;-moz-transition:padding-top .3s,padding-bottom .3s;transition:padding-top .3s,padding-bottom .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-top:0;padding-bottom:0;background-color:#222}
    #mainNav.navbar-shrink .navbar-brand{font-size:1.25em;padding:12px 0}
}
 .masthead{
  position: relative;
}
 .masthead .intro-text{
  position: absolute;
  margin-top:10%;
  color:#fff;
  padding-left:10%;
}
 .masthead .intro-text .intro-lead-in{
  font-size:22px;
  font-style:italic;
  line-height:12px;
  margin-bottom:25px;
  font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif ;
  width:50%;
  text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.85);
}
.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-shadow: 4px 4px 5px rgba(0, 0, 0, 1);
}

@media (min-width:768px){
  header.masthead .intro-text .intro-lead-in{
    font-size:20px;
    font-style:italic;
    line-height:28px;
    margin-bottom:25px;
    font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif;
    text-align:left;
  }
  header.masthead .intro-text .intro-heading{
    font-size:50px;
    font-weight:700;
    line-height:10px;
    margin-bottom:50px;
    text-align: left;
    font-style: italic;
    font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif;
  }
}
.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}

#video_background {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  z-index: -1000;
  width: 100%

}
#video_pattern {
  background:#fff;
  position: fixed;
  opacity: 0.8;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.padding-0 {
  padding-left: 0!important;
  padding-right: 0!important;
}
.margin-0 {
  margin-left: 0!important;
  margin-right: 0!important;
}
.nav-quilates {
  background-color: rgba(0,0,0,0.65);
  width: 100%;
  min-height:200px;
  position: absolute;
  bottom:5%;
  left:0;
  right:0;
  padding: 2%
}
.btn-xl {
    font-size: 18px;
    padding: 14px 30px;
    border-radius: 2px;
    color: #fff;
    border-color: #fff;
    background-color: rgba(255,255,255,0.35);
    font-family: "abril-text", Georgia, serif!important;
    width: 100%;
    margin: 2%;
}
.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
}
@media (max-width:768px) {
  .nav-quilates {
    bottom: initial;
    background-color: rgba(0,0,0,0.9);
  }
  header.masthead .intro-text .intro-lead-in {
    font-size: 13px;
    font-style: italic;
    line-height: 18px;
    margin-bottom: 25px;
    font-family: 'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif;
    width: 69%;
  }
  header.masthead .intro-text .intro-heading {
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
    font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
  }
  header.masthead .intro-text {
    bottom: -6%;
    padding-left: 0;
    padding: 3%;
  }
}