/* General */
html { -ms-overflow-style: scrollbar;  }
html,body {
    -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden!important;
}
body { font: 16px/1.6 'Raleway', Arial, Helvetica, sans-serif; color: #fff; text-align: center; background: #222;  }
img { border: 0; max-width: 100%;  }
.alltrans,.owl-nav > button,.owl-nav > button:after,.round-img:after,.form-control,.owl-dot,.subscribe-row,.close-btn,.close-btn:before,.close-btn:after,.tag-btn,.btn {
    -webkit-transition: all 0.4s ease; transition: all 0.4s ease;
}
a { color: #fff; text-decoration: none;  }
a:hover,a:focus { color: #fff; outline: none; text-decoration: underline;  }

:: -webkit-input-placeholder { color: #fff !important; opacity: 1;  }
:: -moz-placeholder { color: #fff !important; opacity: 1;  }
: -ms-input-placeholder { color: #fff !important; opacity: 1;  }
: -moz-placeholder { color: #fff !important; opacity: 1;  }

@media screen and (-ms-high-contrast:active), (-ms-high-contrast: none) {
    a:active { background-color: transparent;  }
}

p { margin: 0 0 20px;  }
h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin: 0 0 20px; font-weight: 600; text-transform: uppercase;  }
h2 { font-size: 48px!important; font-family: 'Shadows Into Light', cursive;  }
h3 { font-size: 30px; font-weight: 600;  }
h4 { font-size: 22px; font-weight: 600;  }
h5 { font-size: 20px; margin-bottom: 10px; font-weight: 600;  }
h6 { font-size: 18px; margin-bottom: 10px; font-weight: 600;  }
figure { margin: 0;  }
.opacity-no { opacity: 1 !important;  }
.title-block { font-size: 24px; text-transform: uppercase; font-weight: 300; }

.fancy-type { font-family: 'Shadows Into Light', cursive;  }

.round-img, .round-img-top { margin: 0 auto 40px; position: relative;  }
.round-img img { border-radius: 10px; -webkit-box-shadow: 0 0 40px rgba(0,0,0,.3); box-shadow: 0 0 40px rgba(0,0,0,.3);  }
.round-img-top img { border-radius: 10px 10px 0px 0px;  }

/* wrap and full body stuff */
#site-wrap:after {
    content: '';
    opacity: 0.75;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #4096ee;
    background: -moz-linear-gradient(top, #4096ee 0%, #39ced6 100%);
    background: -webkit-linear-gradient(top, #4096ee 0%,#39ced6 100%);
    background: linear-gradient(to bottom, #4096ee 0%,#39ced6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#39ced6',GradientType=0 );
}

body::before {
    content: ' ';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: -1;
}

body.fp-viewing-home::before { background: url('../images/jack-and-rain-03292016.jpg') bottom;  }
body.fp-viewing-about::before { background: url('../images/shelby-sophie-nordhouse.jpg') bottom; background-size: cover;  }
body.fp-viewing-portfolio::before { background: url('../images/jack-and-rain-03292016.jpg') bottom;  }
body.fp-viewing-contact::before { background: url('../images/alaska-trip.jpg') bottom;  }

body.fp-viewing-contact #site-wrap:after { background: #000; background: -moz-linear-gradient(top, #000 0%, #000 100%); background: -webkit-linear-gradient(top, #000 0%,#000 100%); background: linear-gradient(to bottom, #000 0%,#000 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 );  }

.fp-scrollable { height: calc(100vh - 200px) !important;  }
#fp-nav ul li a span { display: none;  }
#fullpage { z-index: 99;  }

.next-section { display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;  }
.next-section span { margin-top: 15px; display: block; text-transform: uppercase; font-size: 14px; font-weight: 500;  }
.next-section i:hover { opacity: 1;  }

.section-inner { padding: 20px 30px 0;  }


/* pre loader */
.preloader { background: -moz-linear-gradient(top, #4096ee 0%, #39ced6 100%); background: -webkit-linear-gradient(top, #4096ee 0%,#39ced6 100%); background: linear-gradient(to bottom, #4096ee 0%,#39ced6 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#39ced6',GradientType=0 ); height: 100%; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; text-align: center;  }
.preloader-horse { left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute;  }

/* header */
#header { position: fixed; left: 0; right: 0; top: 0; z-index: 999;  }
#hamburger-icon { z-index: 9999; width: 50px; height: 25px; position: relative; display: block; margin: 50px auto 25px auto;  }
#hamburger-icon .line { display: block; background: #ecf0f1; width: 50px; height: 6px; position: absolute; left: 0; border-radius: 3px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;  }
#hamburger-icon .line.line-1 { top: 0;  }
#hamburger-icon .line.line-2 { top: 50%;  }
#hamburger-icon .line.line-3 { top: 100%;  }
#hamburger-icon:hover .line-1, #hamburger-icon:focus .line-1 { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px);  }
#hamburger-icon:hover .line-3, #hamburger-icon:focus .line-3 { transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px);  }
#hamburger-icon.active .line-1 { transform: translateY(12.5px) translateX(0) rotate(45deg); -webkit-transform: translateY(12.5px) translateX(0) rotate(45deg); -moz-transform: translateY(12.5px) translateX(0) rotate(45deg);  }
#hamburger-icon.active .line-2 { opacity: 0;  }
#hamburger-icon.active .line-3 { transform: translateY(-12.5px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-12.5px) translateX(0) rotate(-45deg); -moz-transform: translateY(-12.5px) translateX(0) rotate(-45deg);  }
.nav-toggle { cursor: pointer;  }
#navigation { position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,0.9);  }
#navigation-wrap { position: fixed; background: #17a2b8; width: 30%; height: 100%; top: 0px; right: 0px; padding-top: 50px;  }
@media (max-width: 767px) {
    #navigation-wrap { width: 100%;  }
}
#navigation a, #navigation a:visited { font-size: 28px; color: #FFF;  }
#navigation a:hover, #navigation a:active, #navigation a:focus { color: #17a2b8; background: #FFF;  }

/* home */
.tagline { font-size: 32px; display: block; text-transform: uppercase; font-weight: 300; line-height: 1.2; letter-spacing: 0.02em; font-family: 'Shadows Into Light', cursive;  }

h1 { font-weight: 700; font-size: 120px; margin-bottom: 10px; letter-spacing: 0.02em; font-family: 'Shadows Into Light', cursive;  }

/* about */
.about-contentbox { margin-top: 20px; text-align: left; line-height: 1.8;  }
.about-contentbox span { font-size: 24px; text-transform: uppercase; font-weight: 300;  }
.about-contentbox h2 { font-size: 32px; text-transform: uppercase; font-weight: 700;  }

/* portfolio */
.portfolio-carousel .owl-stage-outer { background: #FFF; text-align: center; color: #000;  }
.portfolio-carousel .item .thumb { background-position: center center !important; background-size: contain !important; background-repeat: no-repeat !important; width: 70%; display: inline-block;  }
.portfolio-carousel { position: relative;  }
.portfolio-carousel .owl-nav { position: absolute; color: #000; font-size: 48px; color: #EAEAEA; width: 100%; height: 100%; z-index: 99999; top: 0px; padding-top: 15%;  }
.portfolio-carousel .owl-nav .owl-next { float: right; margin-right: 20px;  }
.portfolio-carousel .owl-nav .owl-next:after { content: "\f054"; font: normal normal normal 48px/1 FontAwesome;  }
.portfolio-carousel .owl-nav .owl-prev { float: left; margin-left: 20px;  }
.portfolio-carousel .owl-nav .owl-prev:after { content: "\f053"; font: normal normal normal 48px/1 FontAwesome;  }
.portfolio-carousel .owl-dots { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: relative;  }
.portfolio-carousel .owl-dots:after { content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; width: 60%; height: 1px; background: #eeeeee; z-index: -1;  }
.portfolio-carousel .owl-dots .owl-dot { width: 11px; height: 11px; border-radius: 50%; background: #eeeeee; margin: 0 50px;  }
.portfolio-carousel .owl-dots .owl-dot.active { background: #49e3ce; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);  }
.item { position: relative;  }
.client-label { font-size: 24px; text-transform: uppercase;  }
.caption .badge { text-transform: uppercase;  }

@media (max-width: 767px) {
    .portfolio-carousel .owl-stage-outer { padding-top: 30px; }
    .portfolio-carousel .item .thumb { width: 95%;  }
    .portfolio-carousel .owl-dots .owl-dot { margin: 0 15px;  }
    .client-label { font-size: 16px;  }
    .client-label span.text-muted { display: block;  }
    .portfolio-carousel .owl-nav { display: none;  }
 }

/* contact */
.input-field { margin-bottom: 15px;  }
.form-control { color: #fff; border: none; background: rgba(0,0,0,.8); border: 1px solid rgba(250,250,250,0.5);  }
.form-control:focus { box-shadow: none; outline: none; background: rgba(0,0,0,1); border: 1px solid rgba(250,250,250,1); color: #fff;  }
textarea { height: 130px; padding-top: 15px;  }

/* bootstrap overwrite */
.btn { text-transform: uppercase; font-weight: bold; }
.btn.d-block { width: 100%; }


/* responsive stuff */
@media only screen and (max-width: 1440px) {
    h1 { font-size: 100px; margin-bottom: 20px;  }
    h1:before { margin: 20px auto 5px;  }
    .tagline { font-size: 26px;  }
    .wide-col-laptop { -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%;  }
    h1, h2 { font-size: 56px; line-height: 1.05; margin-bottom: 10px;  }
    .title-block p { line-height: 1.6;  }
    .title-block { margin-bottom: 25px;  }
    .round-img { margin-right: 15px;  }
}

@media (max-width: 767px) {
    body.fp-viewing-home::before {
        background-image: url('../images/jacky-boy-trimmed.gif');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    body.fp-viewing-about::before { background: green; }
    body.fp-viewing-portfolio::before { background: yellow; }
    body.fp-viewing-contact::before { background: black; }

    .tagline { font-size: 20px; }
}