/*!
 * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2017 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-width:3px;border-color:#f04079}
 hr.light{border-color:#fff}
 a{color:#f04079;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
 a:hover{color:#f04079}
 h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
 .bg-primary{background-color:#f04079!important}
 .bg-dark{background-color:#212129!important}
 .text-faded{color:rgba(255,255,255,.7)}
 section{padding:8rem 0}
 .section-heading{margin-top:0}::-moz-selection{color:#fff;background:#212129;text-shadow:none}::selection{color:#fff;background:#212129;text-shadow:none}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}
 body{-webkit-tap-highlight-color:#212129}
 #mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
 #mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#f04079;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
 #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#f04079}
 #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:#212129}
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#f04079}
 #mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#f04079!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,.7)}
 #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}
 #mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.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,.7)}
 #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{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff}
 #mainNav.navbar-shrink .navbar-brand{color:#f04079}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#f04079}
 #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212129}
 #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:#f04079}}
 header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(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}
 @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(94,25,47,.9);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .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:0}
 @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:#f04079!important}
 .btn{text-transform:uppercase;border:none;border-radius:10px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;font-size:1vw;white-space: normal}
 .btn-xl{padding:1rem 2rem}
 .btn-primary{font-weight:700;background-color:#f04079;border-color:#f04079}
 .btn-primary:hover{color:#fff;background-color:#ee2868!important;border-color:#ee2868!important}
 .btn-primary:active{box-shadow:0 0 0 .2rem;background-color:#f04079!important;border-color:#f04079!important}
  a.btn.btn-primary.btn-xl:active:focus,a.btn.btn-primary.btn-xl:focus{box-shadow:0 0 0 .2rem;background-color:#f04079!important;border-color:#f04079!important}
 .btn-secondary{color:#aaa;background-color:#000;border-color:#000; font-size:80%}
 .btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{color:#fff;background-color:#aaa; border-color:#aaa}
 .btn-order{color:#000;background-color:#ddd;border-color:#ddd;}
 .btn-order.active,.btn-order:active,.btn-order:focus,.btn-order:hover{color:#ddd;background-color:#f04079;border-color:#f04079;}
 .stripe-button-el{display:none!important}
/* I colori del sito sono #f05f40=rgba(240,95,24,.5), #212529, #ee4b28
   Provo a sostituirli con #f04079=rgba(94,25,47,.5), #212129, #ee2868 come suggerito da colorhexa.com
  */

  @media (max-width: 760px) {
    .btn{
        font-size:3.5vw;
    }

    .btn-order {
        padding: 8px 4px;
    }
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.hello {
    font-family:'Cookie',cursive;
    font-size: 200%;
    text-transform: capitalize;
}