/*!
 * Start Bootstrap - Creative v5.0.1 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */
 body,html {
width:100%;
height:100%;
}

body {
font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;
}

hr {
max-width:50px;
border-color:#f05f40;
border-width:3px;
}

hr.light {
border-color:#fff;
}

a {
color:#f05f40;
-webkit-transition:all .2s;
transition:all .2s;
}

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 {
color:rgba(255,255,255,.7);
}

section {
padding:8rem 0;
}

.section-heading {
margin-top:0;
}

#mainNav {
/*border-bottom:1px solid rgba(33,37,41,.1);*/
/*bc tous22 ungu #6660aa*/
background-color:#3b3467;
/* TUTUP SCU 22_01_19 background-color:#138180;*/
font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
-webkit-transition:all .2s;
transition:all .2s;
}

#mainNav .navbar-brand {
font-weight:700;
text-transform:uppercase;
color:#f05f40;
font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
font-size:.9rem;
font-weight:700;
text-transform:uppercase;
color:#fff;
}


#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;
}

header.masthead {
padding-top:10rem;
padding-bottom:calc(10rem-56px);
background-image:url(../img/header.jpg);
background-position:center center;
background-size:cover;
}

header.masthead hr {
margin-top:30px;
margin-bottom:30px;
}

header.masthead h1 {
font-size:2rem;
}

header.masthead p {
font-weight:300;
}

.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,.9);
-webkit-transition:all .2s;
transition:all .2s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
position:absolute;
top:50%;
width:100%;
-webkit-transform:translateY(-50%);
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 {
font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
padding:0 15px;
}

.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:0;
}

.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:active,.btn-primary:focus,.btn-primary:hover {
color:#fff;
background-color:#ee4b28!important;
}

.btn-primary:active,.btn-primary:focus {
-webkit-box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important;
box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important;
}

a:hover,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover {
color:#f05f40;
}

::-moz-selection,::selection {
color:#fff;
background:#212529;
text-shadow:none;
}

img::-moz-selection,img::selection {
color:#fff;
background:0 0;
}

@media min-width992px{
#mainNav {
/*TUTUP SCU background-color:transparent;*/
background-color:#a52d2d;

border-color:transparent;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link {
padding:.5rem 1rem;
}

#mainNav.navbar-shrink {
border-bottom:1px solid rgba(33,37,41,.1);
background-color:#fff;
}

#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus {
color:#25aae1;
}

header.masthead {
height:100vh;
min-height:650px;
padding-top:0;
padding-bottom:0;
}

header.masthead h1 {
font-size:3rem;
}

#mainNav .navbar-brand,#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
color:rgba(255,255,255,.7);
}

#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover {
color:#fff;
}

#mainNav.navbar-shrink .navbar-brand,#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover {
color:#f05f40;
}
}

@media min-width768px{
header.masthead p {
font-size:1.15rem;
}

.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;
}
}

@media min-width1200px{
header.masthead h1 {
font-size:4rem;
}
}