/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    width: 100%;
    height: 100%;
}

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

hr {
    max-width: 50px;
    border-color: #f05f40;
    border-width: 5px;
    position:relative;
}

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

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

a:hover,
a:focus {
    color: #eb3812;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    position:relative;
}

p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
}

.bg-primary {
    background-color: #f05f40;
}

.bg-dark {
    color: #fff;
    background-color: #222;
}

.text-faded {
    color: rgba(255,255,255,.7);
}

section {
    padding: 100px 0;
}

aside {
    padding: 50px 0;
}

.no-padding {
    padding: 0;
}
.navbar-collapse {
    position:absolute;
    right:15px;
    top:50px;
    overflow:hidden;
    margin:0;
}
    .navbar-collapse.in
    {
        overflow:visible;
    }
.navbar-default {
    border-color: rgba(34,34,34,.05);
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    -webkit-box-shadow: 0px 8px 17px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 8px 17px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 8px 17px 0px rgba(0,0,0,0.35);
}

.navbar-default .navbar-header .navbar-brand {
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
    color: #f05f40;
    position:relative;
    padding:12%;
    float:none;
    width:10%;
    max-width:120px;
    width:auto;
    box-sizing:border-box;
    display:block;
    height:auto;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
    background:#fff;
    border:5px solid #f05f40;
    border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
    -webkit-box-shadow: 0px 8px 17px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 17px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 17px 0px rgba(0,0,0,0.75);
}
.navbar-header {
    text-align:center;
    float:none;
    height:auto;
}
    .navbar-header .container {
        position:relative;
        box-sizing:border-box;
    }
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #eb3812;
}
.navbar-brand img {
    float:none;
    width:100%;
}
.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #222;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #f05f40;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #f05f40!important;
    background-color: transparent;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}
.navbar-nav {
    float:none;
}
@media(min-width:768px) {
    .navbar-collapse {
        position:absolute;
        right:15px;
    top:40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}
    .navbar-default {
        border-color: rgba(255,255,255,.3);
    }

    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255,255,255,.7);
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #fff;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: rgba(0,0,0,.7);
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #000;
    }

    .navbar-default.affix {
        border-color: rgba(34,34,34,.05);
        background-color: #fff;
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 14px;
        color: #f05f40;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #eb3812;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        /*color: #222;*/
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #f05f40;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 1000px;
}

header {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
    /*background-image: url(../img/bg1.jpg);*/
    background-color:#1bbc9b;
    background-position: bottom;
    background-repeat:no-repeat;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;*/
    padding-top:100px;
}
    p.normal-text
    {
        font-size:1.5vw;
        padding:0 20%;
        text-shadow:
        0px 3px 5px rgba(0,0,0,1),
        -1px -1px 0  rgba(0,0,0,1),  
        1px -1px 0  rgba(0,0,0,1),
        -1px 1px 0px  rgba(0,0,0,1),
        1px 1px 0px  rgba(0,0,0,1);
        letter-spacing:-0.05em;
    }
    @media(max-width: 768px)
{
     p.normal-text
    {
        font-size: 20px;
    }
.intro-text.span-width br
{
    display:none;
}
}
header .header-content {
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
    margin-top:50px !important;
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255,255,255,.7);
}

@media(min-width:768px) {
    header {
        min-height: 100%;
    }

    header .header-content {
        position: absolute;
        top: 50%;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
    }
}

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

.service-box {
    margin: 50px auto 0;
    max-width: 400px;
}

@media(min-width:992px) {
    .service-box {
        margin: 20px auto 0;
    }
}

.service-box p {
    margin-bottom: 0;
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(240,95,64,.9);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 45px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category.pad-top {
        padding-top:25px;
} 
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category + .project-category
{
    padding-top:10px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}


.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category a.btn {
    margin-bottom:0;
    text-transform: none;
    font-size: 15px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.32);
}
@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;
    }
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #f05f40;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.btn-default {
    border-color: #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #222;
    background-color: #f2f2f2;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
}

.btn-primary {
    border-color: #f05f40;
    color: #fff;
    background-color: #f05f40;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #ed431f;
    color: #fff;
    background-color: #ee4b28;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #f05f40;
    background-color: #f05f40;
}

.btn-primary .badge {
    color: #f05f40;
    background-color: #fff;
}

.btn {
    border: 0;
    border-radius: 300px;
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
}

.btn-xl {
    padding: 15px 30px;
}

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

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

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

body {
    webkit-tap-highlight-color: #222;
}

/* lp creatives */

/* header */
header {
    overflow:hidden;
}
.logo-container {
    position:relative;
    float:left;
}
.navbar-default {
    background:repeat-x 50% 100% transparent;
    box-shadow:none;
    border-bottom:0;
    padding-bottom:20px;
}
.affix.navbar-default {
    background-color:transparent;
}
.page-description {
    position:absolute;
    color:rgba(0,0,0,0.75);
    top:40%;
    left:120%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width:400px;
    text-align:left;
}
.navbar-default .nav > li {
    margin-left:-5px;
}
.navbar-default .nav > li > a, .affix.navbar-default .nav > li > a,
    .navbar-default .nav > li.active a,
    .navbar-default .nav > li.active a:hover,
    .navbar-default .nav > li > a:focus
     {
    margin-left:0px;
    margin-right:0;
    align-self:center;
    padding:1rem 1rem;
    transition:all .5s ease;
    color:#ffffff;
    font-size:3vw;
    letter-spacing:-0.08em;
    outline:none;
    box-shadow: 5px 5px 0px hsla(0,0%,0%,.2);
    border-radius: 255px 25px 225px 15px/15px 225px 15px 255px;
    box-sizing:border-box;
    font-family: 'Patrick Hand SC', cursive;
    font-weight:bold;
    text-transform:none !important;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    border:solid 7px #1bbc9b;
    /* WebKit (Safari/Chrome) Only */
  -webkit-text-stroke: 0px black;
  -webkit-text-fill-color: #FFFFFF;
  text-shadow:
    0px 0px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
  box-shadow:2px 8px 4px -6px hsla(0,0%,0%,.3);
  background-color:#1bbc9b;
}
    .navbar-default .nav > li.active {
        z-index:1;
    }
    .navbar-default .nav > li.active a, .navbar-default .nav > li > a:focus {
        font-size:3.2vw;
    }
@media(min-width:1400px) {
    .navbar-default .nav > li > a
    {
        /*font-size:42px;*/
    }
}
    @media(max-width:1200px) {
        .page-description
    {
        display:none;
    }
 }
@media(max-width:990px) {
    .navbar-default .nav > li > a
    {
        font-size:3.5vw;
    }
        .page-description
    {
        display:none;
    }
}

    
    .navbar-default .nav > li:nth-of-type(2) a, 
    .navbar-default .nav > li:nth-of-type(2).active a,
    .navbar-default .nav > li:nth-of-type(2).active a:hover,  
    .navbar-default .nav > li:nth-of-type(2) > a:focus {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
        background-color:#e94d3e;
        border-color:#e94d3e;
    }
    .navbar-default .nav > li:nth-of-type(3) a, 
    .navbar-default .nav > li:nth-of-type(3).active a, 
    .navbar-default .nav > li:nth-of-type(3).active a:hover, 
    .navbar-default .nav > li:nth-of-type(3) > a:focus {
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        transform: rotate(-2deg);
        background-color:#f1c40f;
        border-color:#f1c40f;
    }
    .navbar-default .nav > li:nth-of-type(4) a, 
    .navbar-default .nav > li:nth-of-type(4).active a, 
    .navbar-default .nav > li:nth-of-type(4).active a:hover,
    .navbar-default .nav > li:nth-of-type(4) > a:focus {
        -webkit-transform: rotate(12deg);
        -moz-transform: rotate(12deg);
        -o-transform: rotate(12deg);
        transform: rotate(12deg);
        background-color:#3598db;
        border-color:#3598db;
    }
    .navbar-default .nav > li:nth-of-type(5) a, 
    .navbar-default .nav > li:nth-of-type(5).active a,
    .navbar-default .nav > li:nth-of-type(5).active a:hover,  
    .navbar-default .nav > li:nth-of-type(5) > a:focus {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
        background-color:#1bbc9b;
        border-color:#1bbc9b;
    }
    .navbar-default .nav > li:nth-of-type(6) a, 
    .navbar-default .nav > li:nth-of-type(6).active a, 
    .navbar-default .nav > li:nth-of-type(6).active a:hover, 
    .navbar-default .nav > li:nth-of-type(6) > a:focus {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
        background-color:#e94d3e;
        border-color:#e94d3e;
    }
    .navbar-default .nav > li a:hover{
         box-shadow:5px 10px 7px -10px hsla(0,0%,0%,.5);
        -webkit-transform: rotate(-7deg);
        -moz-transform: rotate(-7deg);
        -o-transform: rotate(-7deg);
        transform: rotate(-7deg);
        background:#fff !important;
        color:#ffffff;
    }

.navbar-nav a.lined.thick{
         border:solid 7px #41403E;
      }
.navbar-nav a.dotted.thick{
         border:dotted 5px #41403E;
      }
.navbar-nav a.dashed.thick{
        border:dashed 5px #41403E;
      }
.navbar-nav a.lined.thin{
         border:solid 2px #41403E;
      }
.navbar-nav a.dotted.thin{
         border:dotted 2px #41403E;
      }
.navbar-nav a.dashed.thin{
        border:dashed 2px #41403E;
      }

/* /header */
.intro-text {
    font-size:30px;
    margin-bottom:35px;
    margin-top:35px;
}
.smaller-text
{
    font-size:20px;
    margin-bottom:35px;
}
    .intro-text.span-width {
        font-size:2.5vw;
        padding:0 10%;
        text-shadow:
        0px 3px 5px rgba(0,0,0,1),
        -1px -1px 0  rgba(0,0,0,1),  
        1px -1px 0  rgba(0,0,0,1),
        -1px 1px 0px  rgba(0,0,0,1),
        1px 1px 0px  rgba(0,0,0,1);
        letter-spacing:-0.05em;
    }
@media(max-width: 768px)
{
     .intro-text.span-width
    {
        font-size: 30px;
    }
.intro-text.span-width br
{
    display:none;
}
}
h1, h2 {
    font-family: 'Patrick Hand SC', cursive;
    font-weight:bold;
    color:#fff;
    padding-top:100px;
    -webkit-text-fill-color: #FFFFFF;
  -webkit-text-stroke: 0px black;
   color: white;
   letter-spacing:-0.03em;
   transition:all .5s ease;
   text-shadow:
       10px 10px 10px rgba(0,0,0,0.85),
        -1px -1px 0  rgba(0,0,0,0.85),  
        1px -1px 0  rgba(0,0,0,0.85),
        -1px 1px 0px  rgba(0,0,0,0.85),
        1px 1px 0px  rgba(0,0,0,0.85);
}
h1
{
    margin-top:0;
}
h2 {
    font-size:7vw;
    text-align:center;
    padding-top:50px;
    padding-bottom:50px;
}

@media(max-width:1400px) {
    h1, h2 {
    font-size: 9vw;
    }
}
@media(max-width:1100px) {
    h1, h2 {
    font-size: 12vw;
    }
}
@media(max-width:900px) {
    h1, h2 {
        font-size: 15vw;
        text-shadow:
       5px 5px 5px rgba(0,0,0,0.85),
        -1px -1px 0  rgba(0,0,0,0.85),  
        1px -1px 0  rgba(0,0,0,0.85),
        -1px 1px 0px  rgba(0,0,0,0.85),
        1px 1px 0px  rgba(0,0,0,0.85);
    }
}
h2.red {
    color:rgba(230,74,59,1);
    -webkit-text-fill-color:rgba(230,74,59,1);
}
h2.yellow {
    color:rgba(241,196,15,1);
    -webkit-text-fill-color:rgba(241,196,15,1);
}
h2.green {
    color:rgba(28,188,155,1);
    -webkit-text-fill-color:rgba(28,188,155,1);
}
h2.blue {
    color:rgba(241,196,15,1);
    -webkit-text-fill-color:rgba(23,152,219,1);
}
.classname {

}
@-webkit-keyframes rotate360 {
from { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}
@-moz-keyframes rotate360 {
from { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}
@-o-keyframes rotate360 {
from { -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}
@keyframes rotate360 {
from { transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}
h2 > span {
        position:relative;
        z-index:10;
    }
    h2 > [class*='fa']:nth-of-type(1) {
        
        position:absolute;
        font-size:15vw;
        color:#f1c40f;
        -webkit-text-fill-color:#f1c40f;
        left:50%;
        top:50%;
        -webkit-transform: translate(-50%, -60%);
        -ms-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%);
        text-shadow:
        0px 0px 10px rgba(0,0,0,0.45),
        -1px -1px 0  rgba(0,0,0,0.45),  
        1px -1px 0  rgba(0,0,0,0.45),
        -1px 1px 0px  rgba(0,0,0,0.45),
        1px 1px 0px  rgba(0,0,0,0.45);
    }
        h2 > [class*='fa-']:nth-of-type(2), 
        h2 > [class*='fa-']:nth-of-type(3), 
        h2 > [class*='fa-']:nth-of-type(4),
        h2 > [class*='fa-']:nth-of-type(5),
        h2 > [class*='fa-']:nth-of-type(6),
        h2 > [class*='fa-']:nth-of-type(7),
        h2 > [class*='fa-']:nth-of-type(8),
        h2 > [class*='fa-']:nth-of-type(9),
        h2 > [class*='fa-']:nth-of-type(10) {
            color:#fff;
            -webkit-text-fill-color:#fff;
            left:60%;
            top:60%;
            -webkit-transform: rotate(20deg);
            -moz-transform: rotate(20deg);
            -o-transform: rotate(20deg);
            transform: rotate(20deg);
            font-size:5vw;
            z-index:2;
            opacity:0.85;
            position:absolute;
            -webkit-animation: rotate360 10s infinite linear;
            -moz-animation: rotate360 10s infinite linear;
            -o-animation: rotate360 10s infinite linear;
            animation: rotate360 10s infinite linear;
        }
        h2 > [class*='fa-']:nth-of-type(3) {
            left:40%;
            top:10%;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            font-size:3vw;
            z-index:3;
            -webkit-animation: rotate360 6s infinite linear;
            -moz-animation: rotate360 6s infinite linear;
            -o-animation: rotate360 6s infinite linear;
            animation: rotate360 6s infinite linear;
        }
        h2 > [class*='fa-']:nth-of-type(4) {
            left:55%;
            top:0%;
            -webkit-transform: rotate(65deg);
            -moz-transform: rotate(65deg);
            -o-transform: rotate(65deg);
            transform: rotate(65deg);
            font-size:3.5vw;
            z-index:4;
            -webkit-animation: rotate360 7s infinite linear;
            -moz-animation: rotate360 7s infinite linear;
            -o-animation: rotate360 7s infinite linear;
            animation: rotate360 7s infinite linear;
        }
        h2 > [class*='fa-']:nth-of-type(5) {
            left:10%;
            top:30%;
            -webkit-transform: rotate(25deg);
            -moz-transform: rotate(25deg);
            -o-transform: rotate(25deg);
            transform: rotate(25deg);
            font-size:2vw;
            z-index:5;
            -webkit-animation: rotate360 2s infinite0 linear;
            -moz-animation: rotate360 2s infinite linear;
            -o-animation: rotate360 2s infinite linear;
            animation: rotate360 2s infinite linear;
        }
        h2 > [class*='fa-']:nth-of-type(6) {
            left:90%;
            top:45%;
            -webkit-transform: rotate(-25deg);
            -moz-transform: rotate(-25deg);
            -o-transform: rotate(-25deg);
            transform: rotate(-25deg);
            font-size:1.85vw;
            z-index:5;
            -webkit-animation: rotate360 1s infinite linear;
            -moz-animation: rotate360 1s infinite linear;
            -o-animation: rotate360 1s infinite linear;
            animation: rotate360 1s infinite linear;
        }
        h2 > [class*='fa-']:nth-of-type(7) {
            left:20%;
            top:65%;
            -webkit-transform: rotate(-15deg);
            -moz-transform: rotate(-15deg);
            -o-transform: rotate(-15deg);
            transform: rotate(-15deg);
            font-size:2.5vw;
            z-index:5;
            -webkit-animation: rotate360 4.5s infinite linear;
            -moz-animation: rotate360 4.5s infinite linear;
            -o-animation: rotate360 4.5s infinite linear;
            animation: rotate360 4.5s infinite linear;
        }
        h2 > [class*='fa-']:nth-of-type(8) {
            left:80%;
            top:25%;
            -webkit-transform: rotate(-10deg);
            -moz-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
            font-size:2.5vw;
            z-index:5;
            -webkit-animation: rotate360 4.5s infinite linear;
            -moz-animation: rotate360 4.5s infinite linear;
            -o-animation: rotate360 4.5s infinite linear;
            animation: rotate360 4.5s infinite linear;
        }
        h2 > [class*='fa-']:nth-of-type(9) {
            left:30%;
            top:45%;
            -webkit-transform: rotate(-17deg);
            -moz-transform: rotate(-17deg);
            -o-transform: rotate(-17deg);
            transform: rotate(-17deg);
            font-size:3.5vw;
            z-index:5;
            -webkit-animation: rotate360 7s infinite linear;
            -moz-animation: rotate360 7s infinite linear;
            -o-animation: rotate360 7s infinite linear;
            animation: rotate360 7s infinite linear;
        }
        h2 > [class*='fa-']:nth-of-type(10) {
            left:66%;
            top:65%;
            -webkit-transform: rotate(-30deg);
            -moz-transform: rotate(-30deg);
            -o-transform: rotate(-30deg);
            transform: rotate(-30deg);
            font-size:2.5vw;
            z-index:6;
            text-shadow:
            0px 0px 15px rgba(0,0,0,0.45),
            -1px -1px 0  rgba(0,0,0,0.45),  
            1px -1px 0  rgba(0,0,0,0.45),
            -1px 1px 0px  rgba(0,0,0,0.45),
            1px 1px 0px  rgba(0,0,0,0.45);
            -webkit-animation: rotate360 1.5s infinite linear;
            -moz-animation: rotate360 1.5s infinite linear;
            -o-animation: rotate360 1.5s infinite linear;
            animation: rotate360 1.5s infinite linear;

        }
.portfolio-box {
    box-shadow: 20px 60px 34px -10px hsla(0,0%,0%,.2);
    border-radius: 255px 25px 225px 15px/15px 225px 15px 255px;
    border:10px solid rgba(240,240,240,1);
    box-sizing:border-box;
    overflow:hidden;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
    box-shadow:5px 10px 7px -10px hsla(0,0%,0%,.5);
    box-sizing:border-box;
    margin:-10px -10px 25px -10px;
    z-index:0;
    transition:all 0.15s ease-in-out;
}
    .portfolio-box:hover {
        -webkit-transform: rotate(0deg) !important;
        -moz-transform: rotate(0deg) !important;
        -o-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        box-shadow:0px 0px 25px 25px hsla(0,0%,0%,.25);
        z-index:2;
    }
    .container-fluid div > div:nth-of-type(2n) .portfolio-box {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
        z-index:1;
    }
    .container-fluid div > div:nth-of-type(3n) .portfolio-box {
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
        -o-transform: rotate(-9deg);
        transform: rotate(-9deg);
        z-index:1;
    }
    .container-fluid div > div:nth-of-type(4n) .portfolio-box {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
        z-index:1;
    }
    .container-fluid div > div:nth-of-type(5n) .portfolio-box {
        -webkit-transform: rotate(7deg);
        -moz-transform: rotate(7deg);
        -o-transform: rotate(7deg);
        transform: rotate(7deg);
    }
    .container-fluid div > div:nth-of-type(6n) .portfolio-box {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
    .container-fluid div > div:nth-of-type(7n) .portfolio-box {
        -webkit-transform: rotate(-9deg);
        -moz-transform: rotate(-9deg);
        -o-transform: rotate(-9deg);
        transform: rotate(-9deg);
        z-index:1;
    }

.portfolio-box.green:hover .portfolio-box-caption {
    background-color:rgba(28,188,155,0.85);
}
.portfolio-box.red:hover .portfolio-box-caption {
    background-color:rgba(230,74,59,0.85);
}
.portfolio-box.yellow:hover .portfolio-box-caption {
    background-color:rgba(241,196,15,0.85);
}
.portfolio-box.blue:hover .portfolio-box-caption {
    background-color:rgba(23,152,219,0.85);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-family: 'Patrick Hand SC', cursive !important;
    font-weight:bold;
    text-transform:none !important;
    -webkit-text-stroke: 0px black;
    -webkit-text-fill-color: #FFFFFF;
    font-size:50px;
    line-height:0.85em;
    text-shadow:
        0px 0px 0 #000,
        -1px -1px 0 #000,  
        1px -1px 0 #000,
        -1px  1px 0 #000,
        1px  1px 0 #000,
        -1px  1px 0 #000,
        1px  1px 0 #000,
        -1px  1px 0 #000,
        1px  1px 0 #000;
    letter-spacing:-0.01em;
}
#gallery .portfolio-box
{
    max-height:300px;
    padding-top:65%;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(45deg, #ffffff 0%, #eeeeee 21%, #eeeeee 46%, #eeeeee 46%, #dbdbdb 74%, #eeeeee 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #ffffff 0%,#eeeeee 21%,#eeeeee 46%,#eeeeee 46%,#dbdbdb 74%,#eeeeee 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #ffffff 0%,#eeeeee 21%,#eeeeee 46%,#eeeeee 46%,#dbdbdb 74%,#eeeeee 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-sizing:border-box;
    
}
    #gallery .portfolio-box img
    {
        position:absolute;
        top:50%;
        transform: translateY(-50%);
        max-width:100%;

    }
    #gallery .portfolio-box.portrait img
    {
        top:0%;
        transform: translateY(-8%);
    }
.bg-primary {
    background-color:rgba(230,74,59,1);
    -webkit-box-shadow: inset 0px 0px 60px 5px rgba(255,255,255,0.15);
    -moz-box-shadow: inset 0px 0px 60px 5px rgba(255,255,255,0.15);
    box-shadow: inset 0px 0px 60px 5px rgba(255,255,255,0.15);
}
.bg-secondary {
    /*background-image: url(../img/bg2.jpg);*/
    background-color:#1bbc9b;
    background-position: bottom;
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    -webkit-box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.75);
}
section {
    -webkit-box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.25);
}
header {
    -webkit-box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 60px 5px rgba(0,0,0,0.75);
}
html {
    overflow-x:hidden;
}
.text-primary {
    color:rgba(230,74,59,1);
}
.btn-primary {
    margin-bottom:35px;
}
.img-responsive.fit
{
    width:100%;
}
#shows:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top:100%;
    top: 100%;
    left: 0%;
    z-index: -1;
    background:50% 50% no-repeat;
    /*background-image: url(/img/radial.png);*/
    -webkit-animation: rotate360 200s infinite linear;
    -moz-animation: rotate360 200s infinite linear;
    -o-animation: rotate360 200s infinite linear;
    animation: rotate360 200s infinite linear;
    background-size:cover;
    opacity:0.35;
}
#shows .row > [class*#col-]:nth-of-type(){
    float:left;
    clear:left;
}
.full-size-rotate-360
{
    -webkit-animation: rotate360 200s infinite linear;
    -moz-animation: rotate360 200s infinite linear;
    -o-animation: rotate360 200s infinite linear;
    animation: rotate360 200s infinite linear;
    position:absolute;
    width:2000px;
    height:2000px;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

/* twitter */
.tweets { background: #f1f1f1; display: block; }

 .tweet { display: block; padding: 10px; }

 .tweets .alt { background: #fff; }

 .tweet-banner { color: #fff; text-align: center; background-size:cover; }
 .tweet-banner a { color: #fff; }

 .tweet-banner img { border-radius: 50%; margin: 0 auto; }

 .tweet-banner .shadow {
    padding: 50px;
    content: "";
    position: relative;
    width: 100%;
    bottom: 0;
    height: 100%;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
 }

 span.pretty-date { font-size: 0.6em; }
/* /twitter */

/* feature */
.feature
{
    position:absolute;
    right:15%;
    top: 10%;
    transform: translateY(-10%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width:9vw;
    height:9vw;
    background:#f1c40f;
    border:3px solid #fff;
    background-position: bottom;
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    -webkit-box-shadow: 0px 0px 60px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 60px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 60px 5px rgba(0,0,0,0.75);
    *-webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    transform: rotate(9deg);
}
    .feature:before
    {
        content:"\f005";
        font-family:"FontAwesome";
        font-size:12vw;
        position:absolute;
        top:0;
        left:0;
        color:#f1c40f;
        z-index:0;
        -moz-transform: rotate(18deg), translate(-54%, -56%);
        -o-transform: rotate(18deg), translate(-54%, -56%);
        transform: rotate(18deg), translate(-74%, -76%);
    }
    .feature:after
    {
        content:"\f005";
        font-family:"FontAwesome";
        font-size:10vw;
        position:absolute;
        top:0;
        left:0;
        color:#f1c40f;
        z-index:1;
        -moz-transform: rotate(9deg), translate(-26%, -20%);
        -o-transform: rotate(9deg), translate(-26%, -20%);
        transform: rotate(9deg), translate(-26%, -20%);
    }
.feature span
{
    font-size:1.5vw;
    line-height:1em;
    position:absolute;
    width:100%;
    text-align:center;
    top:50%;
    transform: translateY(-170%);
    text-shadow:
       3px 3px 3px rgba(0,0,0,0.85),
        -1px -1px 0  rgba(0,0,0,0.85),  
        1px -1px 0  rgba(0,0,0,0.85),
        -1px 1px 0px  rgba(0,0,0,0.85),
        1px 1px 0px  rgba(0,0,0,0.85);
    z-index:2;
}
    .feature span + span
    {
        transform: translateY(-30%);
        font-size:2.5vw;
        line-height:0.8em;
    }
/* /feature */

/* header video */
header {
    position:relative;
}
.fill-parent {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.75);
    box-shadow:rgba(0,0,0,0.85) 0px 0px 250px inset;
}
header p, header a {
    position:relative;
}
/* /header video */

/* overrides */
@media(max-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, 
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category a.btn {
        font-size:12px;
    }
}
@media(max-width:400px) {
    .col-xxs-12 {
        width:100%;
    }
}
/* /overrides */

/* 2019 */
.shallow .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size:35px;
}
.shallow .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category.pad-top {
    padding-top:10px;
}
.btn.red {
    background-color:rgba(230,74,59,1);
}
.btn.yellow {
    background-color:rgba(241,196,15,1);
}
.btn.green {
    background-color:rgba(28,188,155,1);
}
.btn.blue {
    background-color:rgba(241,196,15,1);;
}
section {
    background-size:cover;
}
@media(max-width:900px) {
    .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;
    }
}
.navbar-default .nav > li:nth-of-type(7) a {
    border-color:#f1c40f;
    background-color:#f1c40f;
}
.navbar-default .nav > li:nth-of-type(8) a {
    border-color:#3598db;
    background-color:#3598db;
}
@media (max-width: 990px) {
    .navbar-default .nav > li > a, .affix.navbar-default .nav > li > a, .navbar-default .nav > li.active a, .navbar-default .nav > li.active a:hover, .navbar-default .nav > li > a:focus {
        font-size: 2.5vw;
    }
}
 .navbar-default .nav > li > a, .affix.navbar-default .nav > li > a, .navbar-default .nav > li.active a, .navbar-default .nav > li.active a:hover, .navbar-default .nav > li > a:focus {
        font-size: 2.5vw;
    }
.navbar-default .navbar-header .navbar-brand {
    z-index:10;
}
#suppliers {
    background-color:#333;
}
#gallery .portfolio-box img.v-align-top {
    top:0;
    transform:translate(0,0);
}

.portfolio-box.script {
    position:relative;
}
.portfolio-box.script .script-name {
    position:absolute;
    bottom:0%;
    display:block;
    width:100%;
    left:0;
    z-index:1;
    text-align:center;
    padding:10px;
    background:rgba(255,255,255,0.75);
    border-top:10px solid rgba(240,240,240,1);
    margin:0px;
    box-sizing:border-box;
    margin:0px;
    box-shadow:0 0 10px rgba(0,0,0,0.25);
}
.portfolio-box.script .script-name h4 {
    font-family: 'Patrick Hand SC', cursive !important;
    font-weight: bold;
    text-transform: none !important;
    -webkit-text-stroke: 0px black;
    -webkit-text-fill-color: #FFFFFF;
    font-size: 35px;
    line-height: 0.85em;
    text-shadow: 0px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    letter-spacing: -0.01em;
    margin-top:0;
    padding-top:0;
}
.portfolio-box.script .script-name p {
    padding:0;
    margin:0;
    color:#000;
    font-size:12px;
}
/* /2019 */

/* 2021 */
.center-blocks {display:block; width:100%; text-align:center; position:relative;}
.center-blocks > [class*='col'] {display:inline-block; float:none;}
/* /2021 */