/** work grid code overide **/

#work .col-lg-1, #work .col-lg-10, #work .col-lg-11, #work .col-lg-12, #work .col-lg-2, #work .col-lg-3, #work .col-lg-4, #work .col-lg-5, #work .col-lg-6, #work .col-lg-7, #work .col-lg-8, #work .col-lg-9, #work .col-md-1, #work .col-md-10, #work .col-md-11, #work .col-md-12, #work .col-md-2, #work .col-md-3, #work .col-md-4, #work .col-md-5, #work .col-md-6, #work .col-md-7, #work .col-md-8, #work .col-md-9, #work .col-sm-1, #work .col-sm-10, #work .col-sm-11, #work .col-sm-12, #work .col-sm-2, #work .col-sm-3, #work .col-sm-4, #work .col-sm-5, #work .col-sm-6, #work .col-sm-7, #work .col-sm-8, #work .col-sm-9, #work .col-xs-1, #work .col-xs-10, #work .col-xs-11, #work .col-xs-12, #work .col-xs-2, #work .col-xs-3, #work .col-xs-4, #work .col-xs-5, #work .col-xs-6, #work .col-xs-7, #work .col-xs-8, #work .col-xs-9
{
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-top: 7.5px;
    margin-bottom: 7.5px;
}

@media(min-width:768px)
{
  .header .logo-wrap {
    padding: 0px 0 0 0;
  }
}

.work .work-popup-content button
{
  background-image: linear-gradient(to top, #f43b47 -200%, #453a94 100%);
  background:#333;
  border: none;
  
  border-radius: 5px;
  margin-top: 15px;
  box-shadow: 1px 1px 3px -1px rgba(0,0,0,.66);
  color: #fff;
  transition:all ease-out 0.3s;
}

.work .work-popup-content button:hover
{
  background-image: linear-gradient(to top, #f43b47 -200%, #453a94 100%);
 
}

.work .work-popup-content button a
{
  color:#fff;
  padding: 7.5px 15px;
  display:block;
  line-height:1.5;
  letter-spacing:.025em;
  font-weight:500;

}

.full-img
{
  display:block;
  width: 80%;
  margin: 15px auto;
}

.img-100
{
  display:block;
  width: 100%;
  margin: 15px auto;
}

.description
{
  padding:30px 0 0 30px;
  margin:0 auto;
}

.description h1
{line-height:1;text-transform:capitalize;font-size: 30px;}

@media(min-width:768px)
{
  .description h1
{line-height:1;text-transform:capitalize;font-size: 3.5vw;}

}

@media(min-width:1400px)
{
  .description h1
{line-height:1;text-transform:capitalize;font-size: 40px;}

}

.description h1 small
{
display:block;  
font-size:40%;
margin-top:.5em;
padding-bottom:.5em;

}

.description p
{/* column-count: 2; */text-align: justify;/* column-gap: 2em; */max-width: 400px;/* font-size: 14px; */letter-spacing: 0.015em;}


.hr-divider
{
  margin: 3vw -30px;
  border-top: 1.5px solid #ddd;
  clear: both;
}


.list-acomp
{
  margin-top: 3.5vw;
}

.list-acomp ul
{

}

.list-acomp ul li
{
 padding: 10px 0;
 color: #777;
}

@-webkit-keyframes fade {
  0%   { opacity: 1; }
  25%   { opacity: 0; }
  50% { opacity: 0; }
  75%   { opacity: 1; }
  100% { opacity: 1; }
}
@-moz-keyframes fade {
  0%   { opacity: 1; }
  25%   { opacity: 0; }
  50% { opacity: 0; }
  75%   { opacity: 1; }
  100% { opacity: 1; }
}
@-o-keyframes fade {
  0%   { opacity: 1; }
  25%   { opacity: 0; }
  50% { opacity: 0; }
  75%   { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes fade {
  0%   { opacity: 1; }
  25%   { opacity: 0; }
  50% { opacity: 0; }
  75%   { opacity: 1; }
  100% { opacity: 1; }
}

.fade-opacity
{
  position:absolute;
  -webkit-animation: fade 10s infinite; /* Safari 4+ */
  -moz-animation:    fade 10s infinite; /* Fx 5+ */
  -o-animation:      fade 10s infinite; /* Opera 12+ */
  animation:         fade 10s infinite; /* IE 10+, Fx 29+ */
}

/** animations page code **/


    .triangle-body
    {
      position:relative;
      font-family: 'helvetica';
      margin:0 0 0 0;
      padding:0 0 0px 0;
      /* border: 5px solid #ddd; */
    }

@-webkit-keyframes triangle {
  
  0%
  {
    transform:scale(0,0);
  }

  3%
  {
    transform:scale(1.33,1.33);
  }

  4%
  {
    transform:scale(1,1);
  }

  7%
  {
    transform:rotate(-135deg);
  }

  9%
  {
    transform:rotate(-120deg);
  }

  12%
  {
    transform:rotate(0deg);
  }

  14%
  {
    transform:rotate(0deg);
  }

  17%
  {
    transform:rotate(135deg);
  }

  19%
  {
    transform:rotate(120deg);
  }

  22%
  {
    transform:rotate(0deg);
  }

  24%
  {
    transform:rotate(0deg);
  }

  27%
  {
    transform:scale(2,1);
  }

  30%
  {
    transform:scale(2.2,1);
  }

  32%
  {
    transform:scale(2,1);
  }

  34%
  {
    transform:scale(2,1);
  }

  37%
  {
    transform:scale(2,2.2);
  }

  39%
  {
    transform:scale(2,2);
  }

  41%
  {
    transform:scale(2,2);
  }

  43%
  {
    transform:scale(0.8,2);
  }

  46%
  {
    transform:scale(1,2);
  }

  48%
  {
    transform:scale(1,2);
  }

  51%
  {
    transform:scale(1,0.8);
  }

  53%
  {
    transform:scale(1,0.8);
  }

  55%
  {
    transform:scale(1,1);
    fill:#000;
    stroke:transparent;
    stroke-width=0;
  }

  58%
  {
    transform:scale(1,1);
    fill:#000;
    stroke:transparent;
    stroke-width=0;
  }

  61%
  {
    fill:transparent;
    stroke:#000;
    stroke-width=15;
  }

  64%
  {
    fill:transparent;
    stroke:#f00;
    stroke-width=15;
  }

  65%
  {
    fill:transparent;
    stroke:#0f0;
    stroke-width=15;
  }

  67%
  {
    fill:transparent;
    stroke:#00f;
    stroke-width=15;
  }

  69%
  {
    fill:navy;
    stroke:#fff;
    stroke-width=0;
    transform:scale(1,1);
  }

  75%
  {
    fill:navy;
    transform:scale(2,2);
  }

  77%
  {
    fill:#333;
    transform:scale(2,2);
  }

  80%
  {
    fill:#333;
    transform:scale(2,2);
  }

  83%
  {
    fill:#333;
    transform:scale(2,2);
  }

  85%
  {
    fill:#00ffff;
    transform:scale(2,2);
  }

  88%
  {
    fill:#00ffff;
    transform:scale(2,2);
    transform: skewX(0deg);
  }
  90%
  {
    transform:scale(2,2);
      transform: skewX(55deg);
  }

  92%
  {
      transform: skewX(50deg);
    transform:scale(1,1);
  }

  99%
  {
      transform: skewX(0deg);
    transform:scale(0,0);
  }

  100%
  {
    transform:scale(0,0);
  }

  
}


.box {
  
  position:relative;
      display:block;
      width:100%;
      margin:0 auto;
      padding:125px 0;
      overflow:visible;
}

.box svg
{
  display:block;
  margin:0 auto;
  overflow:visible;
  height:150px;
  width:150px;
  -moz-animation:triangle 20s infinite;
  -webkit-animation:triangle 20s infinite;
  animation:triangle 20s infinite;
    -ms-transform-origin: 50% 50%; /* IE 9 */
    -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
    transform-origin: 50% 60%;
}


/** 9.11 anomation **/

/**  styling for the 9/11 homepage  **/

#home-9-11-takeover
{
  background:#000;
  color:#fff;
  font-family: "geomanist-light", "helvetica", arial, sanserif;
  overflow:hidden;
  padding: 0;
}

#home-9-11-takeover .content-wrapper
{
  max-width: 700px;
}

@media(min-width:992px)
{
  #home-9-11-takeover .content-wrapper
  {
    margin: 0px auto;
  }
}

#home-9-11-takeover .content-wrapper .animation-9-11
{
  padding: 60px 0;
  position:relative;
  overflow:hidden;
}


#home-9-11-takeover .content-wrapper .animation-9-11 .scene-1,
#home-9-11-takeover .content-wrapper .animation-9-11 .scene-2 section,
#home-9-11-takeover .content-wrapper .animation-9-11 .scene-3 section
{
  max-width: 500px;
  margin:0 auto;
  width: 75%;
  position:relative;
  overflow:hidden;
}


/** scene-1 **/


@-webkit-keyframes scene-1 
{
  0% { opacity: 1; }
   50% { opacity: 1; }
    51% { opacity: 0; }
       99% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes scene-1 
{
  0% { opacity: 1; }
   50% { opacity: 1; }
    51% { opacity: 0; }
       99% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes scene-1 
{
  0% { opacity: 1; }
   50% { opacity: 1; }
    51% { opacity: 0; }
       99% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes scene-1 
{

  0% { opacity: 1; }
   50% { opacity: 1; }
    51% { opacity: 0; }
       99% { opacity: 0; }
    100% { opacity: 1; }
}

#home-9-11-takeover .content-wrapper .animation-9-11 .scene-1
{
    opacity:0;
  -webkit-animation: scene-1 20s infinite; /* Safari 4+ */
  -moz-animation:   scene-1  20s infinite; /* Fx 5+ */
  -o-animation:      scene-1 20s infinite; /* Opera 12+ */
  animation:        scene-1  20s infinite; /* IE 10+, Fx 29+ */ 
}


#home-9-11-takeover .content-wrapper .animation-9-11 .scene-2,
#home-9-11-takeover .content-wrapper .animation-9-11 .scene-3
{
  position:absolute;
  clear:both;
  display:block;
  width:100%;
  top:100px;
  left:0;
  opacity: 0;
  }


/** scene-2 **/


@-webkit-keyframes scene-2 
{
  0% { opacity: 0; }
   50% { opacity: 0; }
    62.5% { opacity: 1; }
    75% { opacity:0; }
}
@-moz-keyframes scene-2 
{
  0% { opacity: 0; }
   50% { opacity: 0; }
    62.5% { opacity: 1; }
    75% { opacity:0; }
}
@-o-keyframes scene-2 
{
  0% { opacity: 0; }
   50% { opacity: 0; }
    62.5% { opacity: 1; }
    75% { opacity:0; }
}
@keyframes scene-2 
{
  0% { opacity: 0; }
   50% { opacity: 0; }
    62.5% { opacity: 1; }
    75% { opacity:0; }
}

  #home-9-11-takeover .content-wrapper .animation-9-11 .scene-2
  {
        opacity:0;
  -webkit-animation: scene-2 20s infinite; /* Safari 4+ */
  -moz-animation:   scene-2  20s infinite; /* Fx 5+ */
  -o-animation:      scene-2 20s infinite; /* Opera 12+ */
  animation:        scene-2  20s infinite; /* IE 10+, Fx 29+ */     
  }


@media(min-width:768px)
{
    #home-9-11-takeover .content-wrapper .animation-9-11 .scene-2 img
    {
      display:inline-block;
      width: 100%;
    }
}



/** scene-3 **/


@-webkit-keyframes scene-3 
{
    0% { opacity: 0; }
  75% { opacity:0; }
  87.5% { opacity:1; }
  100% { opacity: 0; }
}
0-moz-keyframes scene-3 
{
   0% { opacity: 0; }
  75% { opacity:0; }
  87.5% { opacity:1; }
  100% { opacity: 0; }
}

@keyframes scene-3 
{

  0% { opacity: 0; }
  75% { opacity:0; }
  87.5% { opacity:1; }
  100% { opacity: 0; }
}

  #home-9-11-takeover .content-wrapper .animation-9-11 .scene-3
  {
            opacity:0;
  -webkit-animation: scene-3 20s infinite; /* Safari 4+ */
  -moz-animation:   scene-3  20s infinite; /* Fx 5+ */
  -o-animation:      scene-3 20s infinite; /* Opera 12+ */
  animation:        scene-3  20s infinite; /* IE 10+, Fx 29+ */   
  }


@media(min-width:768px)
{
    #home-9-11-takeover .content-wrapper .animation-9-11 .scene-3 img
    {
      display:inline-block;
      width: 100%;
    }
}


#home-9-11-takeover .content-wrapper .animation-9-11 .scene-1 .nine,
#home-9-11-takeover .content-wrapper .animation-9-11 .scene-1 .slash,
#home-9-11-takeover .content-wrapper .animation-9-11 .scene-1 .eleven
{
  width:31%;
  float:left;
}




/** nine **/


@-webkit-keyframes nine 
{
  45%   { opacity: 0; }
  55% { opacity: 1; }
   85% { opacity: 1; }
    95% { opacity: 0; }
}
@-moz-keyframes nine 
{
  45%   { opacity: 0; }
  55% { opacity: 1; }
   85% { opacity: 1; }
    95% { opacity: 0; }
}
@-o-keyframes nine 
{
 45%   { opacity: 0; }
  55% { opacity: 1; }
   85% { opacity: 1; }
    95% { opacity: 0; }
}
@keyframes nine 
{
 20%   { opacity: 0; }
  30% { opacity: 1; }
   65% { opacity: 1; }
    75% { opacity: 0; }
}



#home-9-11-takeover .content-wrapper .animation-9-11 .scene-1 .nine
{
  position:relative;
  left:5%;

  opacity:0;

  -webkit-animation: nine 10s infinite; /* Safari 4+ */
  -moz-animation:   nine  10s infinite; /* Fx 5+ */
  -o-animation:      nine 10s infinite; /* Opera 12+ */
  animation:        nine  10s infinite; /* IE 10+, Fx 29+ */ 
}


/** slash **/

@-webkit-keyframes slash
{

   0%   
     {
    -ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0);           
     }


  16% 
  { 
    -ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: scale(1.05,1.05); /* Safari */
    transform: scale(1.05,1.05); 
  }

    17.5% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); 
  }

  85% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); 
  }

   90% 
  { 
    -ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: scale(1.05,1.05); /* Safari */
    transform: scale(1.05,1.05); 
  }
  
}

@-moz-keyframes slash
{

   0%   
     {
    -ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0);           
     }


  16% 
  { 
    -ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: scale(1.05,1.05); /* Safari */
    transform: scale(1.05,1.05); 
  }

    17.5% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); 
  }

  85% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); 
  }

   90% 
  { 
    -ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: scale(1.05,1.05); /* Safari */
    transform: scale(1.05,1.05); 
  }

}

@-o-keyframes slash
{

   0%   
     {
    -ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0);           
     }


  16% 
  { 
    -ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: scale(1.05,1.05); /* Safari */
    transform: scale(1.05,1.05); 
  }

    17.5% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); 
  }

  85% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); 
  }

   90% 
  { 
    -ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: scale(1.05,1.05); /* Safari */
    transform: scale(1.05,1.05); 
  }

}

@keyframes slash 
{
  0%   
     {
    -ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0);           
     }


  16% 
  { 
    -ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: scale(1.05,1.05); /* Safari */
    transform: scale(1.05,1.05); 
  }

    17.5% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); 
  }

  85% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); 
  }

   90% 
  { 
    -ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: scale(1.05,1.05); /* Safari */
    transform: scale(1.05,1.05); 
  }
}



/** rotate **/

@-webkit-keyframes rotate
{
  0%   
     {
   -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);         
     }

 


  15% 
  { 
    -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);
  }

  21% 
  { 
    -ms-transform: rotate(-1deg); /* IE 9 */
          -webkit-transform: rotate(-1deg); /* Safari */
          transform: rotate(-1deg);
  }

   23.5% 
   { 
    -ms-transform: rotate(0deg); /* IE 9 */
          -webkit-transform: rotate(0deg); /* Safari */
          transform: rotate(0deg);
  }

   86% 
   { 
    -ms-transform: rotate(0deg); /* IE 9 */
          -webkit-transform: rotate(0deg); /* Safari */
          transform: rotate(0deg);
  }

    90% 
  { 
    -ms-transform: rotate(68deg); /* IE 9 */
          -webkit-transform: rotate(68deg); /* Safari */
          transform: rotate(68deg);
  }

  93% 
  { 
    -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);
  }
}
@-moz-keyframes rotate 
{
  0%   
     {
   -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);         
     }

 


  15% 
  { 
    -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);
  }

  21% 
  { 
    -ms-transform: rotate(-1deg); /* IE 9 */
          -webkit-transform: rotate(-1deg); /* Safari */
          transform: rotate(-1deg);
  }

   23.5% 
   { 
    -ms-transform: rotate(0deg); /* IE 9 */
          -webkit-transform: rotate(0deg); /* Safari */
          transform: rotate(0deg);
  }

   86% 
   { 
    -ms-transform: rotate(0deg); /* IE 9 */
          -webkit-transform: rotate(0deg); /* Safari */
          transform: rotate(0deg);
  }

    90% 
  { 
    -ms-transform: rotate(68deg); /* IE 9 */
          -webkit-transform: rotate(68deg); /* Safari */
          transform: rotate(68deg);
  }

  93% 
  { 
    -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);
  }
}
@-o-keyframes rotate 
{
  0%   
     {
   -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);         
     }

 


  15% 
  { 
    -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);
  }

  21% 
  { 
    -ms-transform: rotate(-1deg); /* IE 9 */
          -webkit-transform: rotate(-1deg); /* Safari */
          transform: rotate(-1deg);
  }

   23.5% 
   { 
    -ms-transform: rotate(0deg); /* IE 9 */
          -webkit-transform: rotate(0deg); /* Safari */
          transform: rotate(0deg);
  }

   86% 
   { 
    -ms-transform: rotate(0deg); /* IE 9 */
          -webkit-transform: rotate(0deg); /* Safari */
          transform: rotate(0deg);
  }

    90% 
  { 
    -ms-transform: rotate(68deg); /* IE 9 */
          -webkit-transform: rotate(68deg); /* Safari */
          transform: rotate(68deg);
  }

  93% 
  { 
    -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);
  }
}
@keyframes rotate 
{
  0%   
     {
   -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);         
     }

 


  15% 
  { 
    -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);
  }

  21% 
  { 
    -ms-transform: rotate(-1deg); /* IE 9 */
          -webkit-transform: rotate(-1deg); /* Safari */
          transform: rotate(-1deg);
  }

   23.5% 
   { 
    -ms-transform: rotate(0deg); /* IE 9 */
          -webkit-transform: rotate(0deg); /* Safari */
          transform: rotate(0deg);
  }

   86% 
   { 
    -ms-transform: rotate(0deg); /* IE 9 */
          -webkit-transform: rotate(0deg); /* Safari */
          transform: rotate(0deg);
  }

    90% 
  { 
    -ms-transform: rotate(68deg); /* IE 9 */
          -webkit-transform: rotate(68deg); /* Safari */
          transform: rotate(68deg);
  }

  93% 
  { 
    -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);
  }
}


#home-9-11-takeover .content-wrapper .animation-9-11 .scene-1 .slash
{
  width:40%;
       -ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0); 

    -webkit-animation: slash 10s infinite; /* Safari 4+ */
  -moz-animation:    slash 10s infinite; /* Fx 5+ */
  -o-animation:      slash 10s infinite; /* Opera 12+ */
  animation:         slash 10s infinite; /* IE 10+, Fx 29+ */ 

}



#home-9-11-takeover .content-wrapper .animation-9-11 .scene-1 .slash img
{
      -ms-transform: rotate(67deg); /* IE 9 */
          -webkit-transform: rotate(67deg); /* Safari */
          transform: rotate(67deg);

           -webkit-animation: rotate 10s infinite; /* Safari 4+ */
  -moz-animation:    rotate 10s infinite; /* Fx 5+ */
  -o-animation:      rotate 10s infinite; /* Opera 12+ */
  animation:         rotate 10s infinite; /* IE 10+, Fx 29+ */ 
}


@media(min-width:768px)
{
  #home-9-11-takeover .content-wrapper .animation-9-11 .scene-1 .slash img
  {
    display:inline-block;
    height:356px;
  }
}



/** eleven **/

@-webkit-keyframes eleven 
{
      0%   
  { 
    -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
  }
  30%   
  { 
    -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
   }
  40% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
     }
  75% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
  85% 
  { 
    -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform:scale(1,0);
    transform: scale(1,0);
   }
}
@-moz-keyframes eleven 
{
     0%   
  { 
    -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
  }
  30%   
  { 
    -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
   }
  40% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
     }
  75% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
  85% 
  { 
    -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform:scale(1,0);
    transform: scale(1,0);
   }
}
@-o-keyframes eleven 
{
    0%   
  { 
    -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
  }
  30%   
  { 
    -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
   }
  40% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
     }
  75% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
  85% 
  { 
    -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform:scale(1,0);
    transform: scale(1,0);
   }
}
@keyframes eleven 
{
  0%   
  { 
    -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
  }
  30%   
  { 
    -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
   }
  40% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
     }
  75% 
  { 
    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
  85% 
  { 
    -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform:scale(1,0);
    transform: scale(1,0);
   }
}


#home-9-11-takeover .content-wrapper .animation-9-11 .scene-1 .eleven
{
  width:29%;
  position:absolute;
  display:block;
  right:0;
  bottom:0;

    -ms-transform-origin: 50% 100%; /* IE 9 */
    -webkit-transform-origin: 50% 100%; /* Chrome, Safari, Opera */
    transform-origin: 50% 100%;

        -ms-transform: scale(1,0); /* IE 9 */
    -webkit-transform: scale(1,0); /* Safari */
    transform: scale(1,0);

  -webkit-animation: eleven  10s infinite; /* Safari 4+ */
  -moz-animation:    eleven  10s infinite; /* Fx 5+ */
  -o-animation:      eleven  10s infinite; /* Opera 12+ */
  animation:         eleven  10s infinite; /* IE 10+, Fx 29+ */ 

}



/** space man css **/

/**
#########################

spaceman

#########################
**/

body
{
  margin:0;
  padding:0;
}

.space-man-creative
{
  background: #e3e3e3;
  overflow: hidden;
}

@media(min-width:768px)
{
  .space-man-creative
  {
  margin-bottom: 30px;
  }
}



.space-man-creative a
{
  overflow:hidden;
  display:block;
  position: relative;
  padding: 60px 15px 15px;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 44%, rgba(0,0,0,0.12) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,0.12) 100%);
  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,0.12) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1f000000',GradientType=1 );
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0.2) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 63%,rgba(0,0,0,0.2) 100%);
  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 63%,rgba(0,0,0,0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 );
}

.space-man-creative a .type-2016
{
  position:relative;
  padding:0 15px;
  z-index:1;
  width: 90%;
  margin: 0 auto;
  display: block;
}

/** animations **/

/** marque **/

@keyframes marqueeScroll 
{
  0% {
    margin-left: 66vw;
  }
  100% {
    margin-left: -90vw;
  }
}

@-moz-keyframes marqueeScroll 
{
  0% {
    margin-left: 66vw;
  }
  100% {
    margin-left: -90vw;
  }
}

@-webkit-keyframes marqueeScroll 
{
  0% {
    margin-left: 66vw;
  }
  100% {
    margin-left: -90vw;
  }
}

/** vert-up-down **/


@keyframes vert-up-down 
{
   0% {

    margin-top:-2vw;
    

  }

  50% {

    margin-top:10vw;
    -ms-transform: rotate(22deg); /* IE 9 */
    -webkit-transform: rotate(22deg); /* Safari */
    transform: rotate(22deg);
    
  }
  

  100% {

    margin-top:-2vw;
    
  }

}

@-moz-keyframes vert-up-down
{
   0% {

    margin-top:-2vw;
    
    -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Safari */
    transform: rotate(3deg);
  }

  50% {

    margin-top:8.5vw;
    -ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Safari */
    transform: rotate(-3deg);
    
  }
  

  100% {

    margin-top:-2vw;
    -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Safari */
    transform: rotate(3deg);
    
  }
}

@-webkit-keyframes vert-up-down 
{
   0% {

    margin-top:-2vw;
    
  }

  50% {

    margin-top:8.5vw;
    
  }
  

  100% {

    margin-top:-2vw;
    
  }
}

/** end **/

.space-man-creative a .spaceman
{
  position:absolute;
  z-index:5;
  top: 0;
  left:50%;
  width: 40vw;
  max-width:300px;
  height:auto;
  display:block;
  height:100%;
  -webkit-animation: marqueeScroll linear 20s infinite;
  -moz-animation:marqueeScroll linear 20s infinite;
  animation:marqueeScroll linear 20s infinite;
}

.space-man-creative a .spaceman img
{
  height:auto;
  display:block;
  width: 33vw;
  margin:0 auto;
  max-width: 233px;
  -webkit-animation: vert-up-down ease-in-out 5s infinite;
  -moz-animation: vert-up-down ease-in-out 5s infinite;
  animation: vert-up-down ease-in-out 5s infinite;
}

.space-man-creative a .text-under-shadow
{
    width:100%;
    position:relative;
    height:3vw;
    top:0vw;
    opacity:.55;


background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 );
}

@media(min-width:1240px)
{


  .space-man-creative a .spaceman
{
  
  -webkit-animation: marqueeScroll linear 32s infinite;
  -moz-animation:marqueeScroll linear 32s infinite;
  animation:marqueeScroll linear 32s infinite;
}

.space-man-creative a .spaceman img
{


    -webkit-animation: vert-up-down ease-in-out 9s infinite;
   -moz-animation: vert-up-down ease-in-out 9s infinite;
   animation: vert-up-down ease-in-out 9s infinite;
}


}

.space-man-creative a .white-box
{
  background:#fff;
  background: rgba(255,255,255,0.95);
  padding:0.66vw 0;
  text-align:center;
  font-family: helvetica;
  text-transform:uppercase;
  letter-spacing: 3vw;
  font-size: 3vw;
  position: relative;
  z-index: 20;
  text-indent: 1em;
  top: -16vw;
  color: #000;
  box-shadow: 0 3px 15px -1px rgba(0,0,0,.15);
  font-weight: 700;
}

.space-man-creative a,
a:link {
    text-decoration: none;
}

@media(min-width:992px)
{
  .space-man-creative a .white-box
  {
    font-size:25px;
    letter-spacing:1.25em;
    padding:7.5px;
    top:-130px;
  }

}

.space-man-creative a .content-wrapper
{
  margin:0 auto;
  overflow:hidden;
  max-width: 800px;
  /* position:relative; */
  padding: 0;
  /* width: 90%; */
}


/** presidents day free shipping **/

/** start animations **/

@keyframes rock 
{
  0%, 100% { transform: rotate(-3deg) translateX(-5px); ; }
  50% { transform: rotate(1deg) translateX(3px);; }
}

@keyframes marquee 
{
  0% { right:-5%; }
  100% { right: 105%;} 
}

/** end animations **/

.presidents-day-header
{
 overflow:hidden;
 background:#000;
 position:relative;
 max-height: 500px;
 padding-top: 15px;
}

.presidents-day-header .content-wrapper
{
  padding:0 15px;
  overflow:hidden;
  position:relative;
  max-width:1200px;
  margin:0 auto;
  width: 90%;
}





.presidents-day-header .ship
{
  position:absolute;
  bottom: -3vw;
  z-index:5;
  width: 20%;
  max-width: 133px;
  animation: marquee 35s linear infinite;
  z-index:100;
}

@media(min-width:768px)
{
  .presidents-day-header .ship
  {
    bottom: -20px;
    animation: marquee 25s linear infinite;

  }
}

@media(min-width:992px)
{
  .presidents-day-header .ship
  {
    bottom: -20px;
    animation: marquee 55s linear infinite;

  }
}

@media(min-width:1400px)
{
  .presidents-day-header .ship
  {
    bottom: -16px;
    animation: marquee 65s linear infinite;

  }
}

.presidents-day-header .ship img
{
  display:block;
  width:100%;
  animation: rock 3s infinite ease-in-out;
  transform-origin: 66% 66%;
}

.presidents-day-header .type-wrapper
{
  font-size: 5vw;
}

.presidents-day-header .type-wrapper img
{
  width: 90%;
  margin: 20px auto 10px;
  display: block;
}

.presidents-day-header .type-wrapper h4
{
  color:#fff;
  color:rgba(255,255,255,.66);
  font-family:'geomanist-regular';
  font-size: 66%;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  color: #d6bc8f;
}

.presidents-day-header .washington,
 .presidents-day-header .lincoln
{
  width:50%;
  /* max-width: 266px; */
  display:block;
  float: left;
}

@media(min-width:768px)
{
  .presidents-day-header
  {
    max-height:none;
  }

  .presidents-day-header .content-wrapper
  {
    width:100%;
  }


  .presidents-day-header .type-wrapper
  {
    
    position:absolute;
    top:4vw;
    left:23%;
    width:55.5%;
  }

  .presidents-day-header .type-wrapper img
  {
  width: 100%;
  }

  .presidents-day-header .type-wrapper h4
  {
    position:absolute;
    left:0;
    bottom:-0.75em;
    display:block;
    font-size: 1.6vw;
    text-align:left;
    width:57%;
    line-height:1.33;
  }



 .presidents-day-header .washington,
 .presidents-day-header .lincoln
 {
    width:20%; 
 }


  .presidents-day-header .washington
  {
  }

  .presidents-day-header .lincoln
  {
    float:right;
  }

}


@media(min-width:1200px)
{
  .presidents-day-header
  {
   padding-top: 0;
  }

  .presidents-day-header .content-wrapper
  {

  }


  .presidents-day-header .type-wrapper
  {
    
    position:absolute;
    top:60px;
    left:260px;
    width:700px;
  }

  .presidents-day-header .type-wrapper h4
  {
    bottom:.9em;
    display:block;
    font-size:11.75px;
    text-align:left;
    width:500px;
  }



 .presidents-day-header .washington,
 .presidents-day-header .lincoln
 {
    width:215px; 
 }


}

@media(min-width:1400px)
{
  .presidents-day-header .ship
  {
   width:100px;
   bottom:-13px
  }

  .presidents-day-header .content-wrapper
  {
    max-width:1400px
  }


  .presidents-day-header .type-wrapper
  {
    position:absolute;
    top: 76px;
    left: 250px;
    width: 666px;
  }

  .presidents-day-header .type-wrapper h4
  {
    bottom: 0.8em;
    display:block;
    font-size: 11.25px;
    text-align:left;
    width:500px;
  }



 .presidents-day-header .washington,
 .presidents-day-header .lincoln
 {
    width:233px; 
 }


}

/** end **/


/**
              ######################
              ###################### 

              brand list modal styling 


              ######################
              ######################
              **/

              #brand-list-modal
              {
              background:rgba(0,0,0,.85);
              }

              @media(min-width:992px)
              {
                #brand-list-modal .modal-dialog
                {
                  width:992px
                }
              }

              #brand-list-modal .modal-content 
              {
                box-shadow:none;
                border:none;
                background:none;
              }

              #brand-list-modal  .modal-header
              {
               border:none
              }

              #brand-list-modal  .modal-footer
              {
                border:none
              }

              #brand-list-modal  .modal-body
              {
                overflow:hidden;
                padding: 15px 7.5px;
              }


              #brand-list-modal .modal-nav
              {
               text-align:center;
               width:100%;
               z-index:100;
               margin-bottom: 15px;
               padding-bottom:15px;
              }

              #brand-list-modal .col-xs-6,
              #brand-list-modal .modal-nav .col-md-6
              {
                padding:0
              }

              #brand-list-modal .modal-nav a
              {
                display:inline-block;
                background:#e3e3e3;
                background: rgba(255,255,255,1);
                color:#000;
                padding:5px 15px;
                border-radius:3px;
                margin:0.5%;
                width: 31%;
              }

              @media(min-width:550px)
              {
                #brand-list-modal .modal-nav a
                {
                  width:15%;
                }
              }


              #brand-list-modal .modal-nav a:hover
              {
                background:#fff;
              }


              #brand-list-modal h4
              {
                text-align:center;
                font-family:'geomanist-bold';
                text-transform:uppercase;
                color:#fff;
                font-size: 25px;
                width: 90%;
                margin: 25px auto 0;
              }

              #brand-list-modal ul li
              {
                padding:4px 0;
                display:block;
              }

              #brand-list-modal ul .small-heading
              {
               /* border-bottom:2px solid #fff; */
               /* margin-bottom:15px; */
               width: 100%;
               display: block;
              }

              #brand-list-modal ul .small-heading a
              {
                padding-bottom: 0;
                margin-bottom:0;
                background: #fff;
                border-bottom: none;
                color: #000;
                font-family: 'geomanist-black';
                border-radius: 0;
                width: 100%;
                display: block;
                padding: 2.05px 0 2.5px 10px;
              }

              #brand-list-modal ul li a
              {
                display:block;
                transition:all 0.15s;
                color:#fff;
                font-family:'geomanist-book';
                padding: 5px 5px 5px 10px;
                /* max-width:20em; */
                font-size: 13px;
                background:#00a1df;
                background: #000;
                border-radius:3px;
                text-transform: capitalize;
                letter-spacing: 0.05em;
              }

              #brand-list-modal .btn-default
              {
                margin:30px auto;
                display:block;
                position:relative;
                width:150px;
                background:#333;
                color:#fff;
                font-family:'geomanist-bold';
                letter-spacing:.1em;
                transition:all ease-out 0.33s;
              }


              #brand-list-modal .modal-header .close
              {
                color:#fff;
                font-size:30px;
                line-height:0.5;
                opacity:.8;
                position: absolute;
                right: 0;
                top: 0;
              }




              #brand-list-modal .view-all-shop
              {
                text-align:center;
                display:block;
                font-family: 'geomanist-medium';
                text-transform:uppercase;
                text-decoration:underline;
                padding:10px 0 0 0;
                transition:all ease-out 0.33s;
              }



              @media(min-width:992px)
              {

                #brand-list-modal ul li
                {
                  
                }

                #brand-list-modal ul li a
                {
                  
                  background:transparent;
                }

                #brand-list-modal ul li a:hover
                {
                  background:#00a1df;
                  border-radius:3px;
                }

                #brand-list-modal .btn-default:hover
                {
                  background:#00a1df;
                  letter-spacing:.25em;
                  cursor:pointer;
                }


                #brand-list-modal .view-all-shop:hover
                {
                  color:#fff;
                  letter-spacing:.1em;
                  text-decoration:none;
                }

              }

              /** end modal styling **/


              .button
              {
                 display:block;
                 padding: 10px;
                 border-radius:3px;
                 margin: 15px auto;
                 width: 80%;
                 max-width: 180px;
                 border: 2px solid #fff;
                 color: #fff;
                 text-align:center;
                 font-family:'geomanist-medium';
                 letter-spacing: .1em;
                 transition: all ease-out 0.2s;
              }

              @media(min-width:992px)
              {
                .button:hover
                {
                  
                  color:#fff;
                  background:#00a1df;
                  border-color:#00a1df;
                 
                }
              }

              /**
              #########################

              Black friday brand scroller

              #########################
              **/

              .black-friday-brands
              {

              }
              @media(min-width:768px)
              {
                .black-friday-brands
                {
                  margin:15px auto 30px;
                }
              }

              .black-friday-brands .content-wrapper
              {
                padding: 10px 15px;
                margin:0 auto;
                overflow:hidden;
                max-width: 1400px;
              }

              .black-friday-brands .content-wrapper a
              {
                display:block;
                overflow:hidden;
                width: 100%;
              }

              .black-friday-brands .content-wrapper .mobile-all-brands-button .button
              {
                border-color:#00a1df;
                color:#00a1df;
                margin-top: 30px;
                position: relative;
              }

              @media(min-width:768px)
              {
                .black-friday-brands .content-wrapper .mobile-all-brands-button .button
                {
                  display:none;
                }
              }

              .black-friday-brands .content-wrapper a img
              {
                width:100%;
                display:block;
              }

              .black-friday-brands .content-wrapper .brand-scroller-heading a img
              {
                width: 66%;
                margin: 5px auto 0;
                max-width:250px;
              }

              @media(min-width:768px)
              {
                .black-friday-brands .content-wrapper .brand-scroller-heading a img
                {
                  width:100%;
                  position:relative;
                  left:-10px;
                  top: 0;
                }
              }

              @media(min-width:992px)
              {
                .black-friday-brands .content-wrapper .brand-scroller-heading a img
                {
                  max-width:300px;
                  padding-top: 0;
                }
              }

              


              .black-friday-brands .content-wrapper .brand-scroller-heading a .button
              {
                display: none;
              }

              @media(min-width:768px)
              {
                .black-friday-brands .content-wrapper .brand-scroller-heading a .button
                {
                  display:block;
                  border-color: #00a1df;
                  color: #00a1df;
                  text-transform:capitalize;
                  letter-spacing:.05em;
                  padding: 5px;
                }
              }

              @media(min-width:992px)
              {
                .black-friday-brands .content-wrapper .brand-scroller-heading a .button
                {
                  padding:10px 0
                }

                .black-friday-brands .content-wrapper .brand-scroller-heading a .button:hover
                {
                  color:#fff;
                }
              }

              /** brands scroller **/
              .black-friday-brands .content-wrapper .brands-scroller
              {
                overflow:hidden;
                /* overflow-x:scroll; */
              }

              @media(min-width:768px)
              {
                .black-friday-brands .content-wrapper .brands-scroller
                {
                  overflow:hidden;
                  overflow-x:scroll;
                }


                .brands-scroller::-webkit-scrollbar
                  {
                    height:7px;
                    background:#e3e3e3;
                    border-radius:10px

                  }

                  .brands-scroller::-webkit-scrollbar-track {
                    background: none;
                  }

                  .brands-scroller::-webkit-scrollbar-thumb {
                    background: #999;
                    border: none;
                    box-shadow: none;
                    border-radius:10px;
                  }


              }

              .black-friday-brands .content-wrapper .brands-scroller section
              {
                overflow:hidden;
              }

              @media(min-width:768px)
              {
                .black-friday-brands .content-wrapper .brands-scroller section
                {
                  overflow:hidden;
                  width: 156vw;
                }
              }

              @media(min-width:992px)
              {
                .black-friday-brands .content-wrapper .brands-scroller section
                {
                  overflow:hidden;
                  width: 1575px;
                  padding-bottom: 10px;
                }
              }

          

              .black-friday-brands .content-wrapper .brands-scroller a
              {
                display:block;
                width:33%;
                max-width: 250px;
                float:left;
                padding: 5px;
              } 

              @media(min-width:768px)
              {
                .black-friday-brands .content-wrapper .brands-scroller a
                {
                  width: 17.33vw;
                  padding: 15px 7.5px;
                }
              }

              @media(min-width:992px)
              {
                .black-friday-brands .content-wrapper .brands-scroller a
                {
                  width: 169px;
                  padding: 12px 6px;
                }
              }

        

              .black-friday-brands .content-wrapper .brands-scroller a img
              {

              } 

              @media(min-width:992px)
              {
                .black-friday-brands .content-wrapper .brands-scroller a img
                {
                  border:3px solid transparent;
                  transition:all ease-out 0.33s;
                  border-radius:50%;
                } 

                  .black-friday-brands .content-wrapper .brands-scroller a:hover img
                  {
                    border-color:#ccc;
                  }
              }

              .black-friday-brands .content-wrapper .brands-scroller a h4
              {
                text-align:center;
                color:#000;
                display: none;
              } 

              @media(min-width:768px)
              {

                .black-friday-brands .content-wrapper .brands-scroller a h4
                {
                  display:block;
                  font-family:'geomanist-regular';
                  margin-top:10px;
                  margin-bottom:0;
                  padding:0;
                  font-size:13px;
                  letter-spacing: 0.05em;
                }

              }