body,html {
 width:100%;
 height:100%
}
body {
 font-family:'Merriweather','Helvetica Neue',Arial,sans-serif
}
hr {
 max-width:50px;
 border-width:3px;
 border-color:#f05f40
}
hr.light {
 border-color:#fff
}
a {
 color:#f05f40;
 -webkit-transition:all 0.2s;
 -moz-transition:all 0.2s;
 transition:all 0.2s
}
a:hover {
 color:#f05f40
}
h1,h2,h3,h4,h5,h6 {
 font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
.bg-primary {
 background-color:#f05f40 !important
}
.bg-dark {
 background-color:#212529 !important
}
.text-faded {
 opacity:0.7
}
section {
 padding:8rem 0
}
.section-heading {
 margin-top:0
}
::-moz-selection {
 color:#fff;
 background:#212529;
 text-shadow:none
}
::selection {
 color:#fff;
 background:#212529;
 text-shadow:none
}
img::selection {
 color:#fff;
 background:transparent
}
img::-moz-selection {
 color:#fff;
 background:transparent
}
#mainNav {
 border-bottom:1px solid rgba(33, 37, 41, 0.1);
 background-color:#fff;
 font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
 -webkit-transition:all 0.2s;
 -moz-transition:all 0.2s;
 transition:all 0.2s
}
#mainNav .navbar-brand {
 font-weight:700;
 text-transform:uppercase;
 color:#f05f40;
 font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
 color:#f05f40
}
#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
 font-size:0.9rem;
 font-weight:700;
 text-transform:uppercase;
 color:#212529
}
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover {
 color:#f05f40
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active {
 color:#f05f40 !important;
 background-color:transparent
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover {
 background-color:transparent
}
@media (min-width: 992px) {
 #mainNav {
  border-color:transparent;
  background-color:transparent
 }
 #mainNav .navbar-brand {
  color:rgba(255, 255, 255, 0.7)
 }
 #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
  color:#fff
 }
 #mainNav .navbar-nav>li.nav-item>a.nav-link {
  padding:0.5rem 1rem
 }
 #mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
  color:rgba(255, 255, 255, 0.7)
 }
 #mainNav .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover {
  color:#fff
 }
 #mainNav.navbar-shrink {
  border-bottom:1px solid rgba(33, 37, 41, 0.1);
  background-color:#fff
 }
 #mainNav.navbar-shrink .navbar-brand {
  color:#f05f40
 }
 #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
  color:#f05f40
 }
 #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link, #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus {
  color:#212529
 }
 #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover {
  color:#f05f40
 }
}
header.masthead {
 padding-top:10rem;
 padding-bottom:calc(10rem - 56px);
 background-image:url('/img/header.jpg');
 background-position:center center;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover
}
header.masthead
hr {
 margin-top:30px;
 margin-bottom:30px
}
header.masthead
h1 {
 font-size:2rem
}
header.masthead
p {
 font-weight:300
}
header.masthead
.overlay {
 position:absolute;
 top:0;
 left:0;
 z-index:0;
 width:100%;
 height:100%
}
header.masthead .bgrad-sherbert {
 background:#833ab4;
 background:linear-gradient(42deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 70%, rgba(252, 176, 69, 1) 100%)
}
header.masthead .bgrad-haze {
 background:#52e2dd;
 background:linear-gradient(90deg, #52e2dd, #8120c9)
}
header.masthead .bgrad-coral {
 background:#ff4ce9;
 background:linear-gradient(42deg, rgba(255, 76, 233, 1) 0%, rgba(255, 176, 71, 1) 100%)
}
header.masthead .bgrad-aqua {
 background:#00d2ff;
 background:linear-gradient(42deg, #00d2ff 0%, #3a47d5 100%)
}
header.masthead .bgrad-cucumber {
 background:#e3ffe7;
 background:linear-gradient(42deg, #e3ffe7 0%, #d9e7ff 100%)
}
header.masthead .bgrad-fuego {
 background:#f09433;
 background:linear-gradient(42deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}
header.masthead
.op100 {
 opacity:1 !important
}
header.masthead
.op95 {
 opacity:0.95 !important
}
header.masthead
.op90 {
 opacity:0.9 !important
}
header.masthead
.op85 {
 opacity:0.85 !important
}
header.masthead
.op80 {
 opacity:0.8 !important
}
header.masthead
.op75 {
 opacity:0.75 !important
}
header.masthead
.op70 {
 opacity:0.7 !important
}
header.masthead
.op65 {
 opacity:0.65 !important
}
header.masthead
.op60 {
 opacity:0.6 !important
}
header.masthead
.op55 {
 opacity:0.55 !important
}
header.masthead
.op50 {
 opacity:0.5 !important
}
header.masthead
.op45 {
 opacity:0.45 !important
}
header.masthead
.op40 {
 opacity:0.4 !important
}
header.masthead
.op35 {
 opacity:0.35 !important
}
header.masthead
.op30 {
 opacity:0.3 !important
}
header.masthead
.op25 {
 opacity:0.25 !important
}
header.masthead
.op20 {
 opacity:0.2 !important
}
header.masthead
.op15 {
 opacity:0.15 !important
}
header.masthead
.op10 {
 opacity:0.1 !important
}
header.masthead
.op5 {
 opacity:0.05 !important
}
@media (min-width: 768px) {
 header.masthead
p {
  font-size:1.15rem
 }
}
@media (min-width: 992px) {
 header.masthead {
  height:100vh;
  min-height:650px;
  padding-top:0;
  padding-bottom:0
 }
 header.masthead
h1 {
  font-size:3rem
 }
}
@media (min-width: 1200px) {
 header.masthead
h1 {
  font-size:4rem
 }
}
.service-box {
 max-width:400px
}
.portfolio-box {
 position:relative;
 display:block;
 max-width:650px;
 margin:0
auto
}
.portfolio-box .portfolio-box-caption {
 position:absolute;
 bottom:0;
 display:block;
 width:100%;
 height:100%;
 text-align:center;
 opacity:0;
 color:#fff;
 background:rgba(240, 95, 64, 0.9);
 -webkit-transition:all 0.2s;
 -moz-transition:all 0.2s;
 transition:all 0.2s
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
 position:absolute;
 top:50%;
 width:100%;
 transform:translateY(-50%);
 text-align:center
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
 padding:0
15px;
 font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
 font-size:14px;
 font-weight:600;
 text-transform:uppercase
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
 font-size:18px
}
.portfolio-box:hover .portfolio-box-caption {
 opacity:1
}
.portfolio-box:focus {
 outline:none
}
@media (min-width: 768px) {
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  font-size:16px
 }
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size:22px
 }
}
.text-primary {
 color:#f05f40 !important
}
.btn {
 font-weight:700;
 text-transform:uppercase;
 border:none;
 border-radius:300px;
 font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
.btn-xl {
 padding:1rem 2rem
}
.btn-primary {
 background-color:#f05f40;
 border-color:#f05f40
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
 color:#fff;
 background-color:#ee4b28 !important
}
.btn-primary:active,.btn-primary:focus {
 box-shadow:0 0 0 0.2rem rgba(240, 95, 64, .5) !important
}