/*
  Theme Name: Genesis Appie
  Description: style for full width layout.
  Author: AP
  Author URI: 3dprinting.com
  Version: 2.8
 
  Template: genesis
  Template Version: 2.8
  
*/


.inner-wrap{width:100%;max-width:864px;margin:0 auto;padding:0 1rem;position: relative;}

.entry-content {
    visibility:visible;
    padding-bottom:3rem;
}

.page-newsletter .entry-content {
  padding-bottom:0;
}

.full-width-content .content {width:100%;border:none;float:none;}



/* service page */

.workflow-wrap{position:relative;width:100%;}

.coverwrap {height:100%;width:100%;}

.arrowblue.mdi-menu-down .material-icons::before {
    content: "\F035D";
    color: #0000ff;
    font-size: 64px;
    left: 50%;
    position: absolute;
    margin-left: -32px;
    top:-32px;
} 


.workflow-item{position:relative;padding-top:0rem;margin-bottom:1rem;padding-left:1rem;padding-right:1rem;}


.workflow-image,.workflow-text {width:100%;}
.workflow-image img {width:100%;padding:0;}


h2.workflow-title{font-family: proxima-nova;
-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
h3.workflow-subtitle{font-family: proxima-nova;margin-bottom:0.5rem;margin-top:4px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



@media screen and (min-width: 960px) {

.workflow-item{padding-top:2rem;padding-left:0;padding-right:0;}  

.workflow-item:last-child{padding-bottom:1rem;}
  
.workflow-image .coverwrap:after {
    width:calc(100% - 2rem);
}
  .main-line {
    background-color:#0000ff;
    display:block;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    right: 50%;
    top: 0;
    height: 100%;
    width: 2px;
}
.circle {
  display:block;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 50%;
    content: "";
    height: 18px;
    left: 50%;
    margin: 0 0 0 -9px;
    position: absolute;
    top: 0;
    width: 18px;
}
.workflow-image,.workflow-text {width:50%;}


.workflow-item-inner div:first-child{padding-right:2rem;}
/* .workflow-item-inner div:last-child{padding-left:2rem;} */

.workflow-item-inner.flex-md-row-reverse div:first-child{padding-right:0;padding-left:2rem}

.workflow-item-inner.flex-md-row-reverse div:last-child{padding-right:2rem;padding-left:0;}

.workflow-item-inner.flex-md-row-reverse .coverwrap:after {left:2rem;}
}


@media screen and (min-width: 600px) {
.workflow-image img {height:100%;width:100%;max-width:none;object-fit: cover!important;}
}

@media screen and (min-width: 960px) {
.workflow-item-inner {min-height:300px;}
}

@media screen and (min-width: 1264px) {
/* .workflow-image img {height:auto;}  */
.workflow-wrap{max-width:1200px;margin:0 auto;}
}

.outro {background:#fff;position:relative;}

/* contact form */

.diagonal.top:before {
    z-index: 3;
    position: absolute;
    content: "";
    pointer-events: none;
    left: -25%;
    width: 150%;
    height: 70%;
    background: inherit;
    transform: rotate(-3deg);
    background-color: #f5f5f5;
    margin-top:-40px;
}

#contactForm {
    position: relative;
    z-index: 4;
    background: #fff;
    box-shadow: 0 20px 40px rgba(0,0,0,.1);
    -moz-box-shadow: 0 20px 40px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.1);
    overflow: hidden;
}

#contactForm .mdl-textfield {width:100%;}

#contactForm .mdl-textfield textarea.mdl-textfield__input {min-height:140px;}

@media screen and (min-width: 600px) {
#contactForm {
    max-width: 864px;
    margin: 0 auto;
}
}

/* materials page */



.page-materials .banner-wrap:after{
top: -15%;
height: 120%;
width: 130%;
left: -30%;
}

.material-card .off{display:none!important;}

@media screen and (min-width: 960px) {
.material-card .cta{max-width:288px;}
}

.col-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col {
    width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
    max-width: 100%;
}

@media screen and (min-width: 960px) {

.col-md-8{
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-md-4{
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

}

.material-card img {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  border-radius: 10px;
}

.material-card .round img{ border-radius: 50%;}

.inner-material{position:relative;}

.skewbefore::before{
  height:100%;
  width: 102%;
  margin: 0 -1%;
  -moz-transform: rotate(-3deg) skew(-3deg);
    -o-transform: rotate(-3deg) skew(-3deg);
    -ms-transform: rotate(-3deg) skew(-3deg);
    -webkit-transform: rotate(-3deg) skew(-3deg);
    transform: rotate(-3deg) skew(-3deg);
    content:"";
    display:block;
  position: absolute;
  top: -30px;   
  left:0;
}

.skewbefore {position:relative;}


.banner-wrap .service-item-overlay:after {
    top: -15%;
    height: 120%;
    width: 130%;
    left: -30%;
}

.company-wrap p {color: #fff;margin-top:20px;}

.company .articles-wrap{margin-top:2rem;margin-bottom:2rem;position:relative;padding-bottom:2rem;}

.company-wrap h2 {
font-family: proxima-nova;
-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
color: #fff;
margin-bottom: 20px;
margin-top:0;
line-height: 3.125rem;
font-size:3rem;
}
.company-wrap h3{font-family: proxima-nova;margin:0;}
.company-wrap h4{font-family: proxima-nova;font-weight:300;font-style:italic;margin-bottom:0.5rem;margin-top:0;}

.banner-wrap{position:relative;width:100%;}

.banner-wrap img.bg {
  padding:0;
width: 100%;
    height: auto;
    min-height: 300px;
    height:300px;
    object-fit: cover;
}

@media screen and (min-width: 960px) {

    .banner-wrap img.bg {min-height:560px;height:560px;}

}    

@media screen and (min-width: 1600px) {

    .banner-wrap img.bg {min-height:800px;height:800px;}

}    

.banner-wrap img.companylogo {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
    z-index: 9;
}

.carbon-banner{background:#000;}

.spectroplast.skewbefore::before{z-index:2;}

.spectroplast.skewbefore::before,
.spectroplast.skewbefore{
   background:#161e2e;
 }


@media screen and (min-width: 960px) {
.company-wrap{position:absolute;background:transparent!important}
.company-wrap p{max-width:632px;}
.banner-wrap{height:560px;}
.banner-wrap img {width: 100%;
    height: auto;} 
.spectroplast.skewbefore::before{display:none;}


}


@media screen and (min-width: 1264px) {
.skewbefore::before{
      top: -70px;
}
}


@media screen and (min-width: 1600px) {

.banner-wrap{height:800px;}

}

.skew{
  -moz-transform: rotate(-3deg) skew(-3deg);
    -o-transform: rotate(-3deg) skew(-3deg);
    -ms-transform: rotate(-3deg) skew(-3deg);
    -webkit-transform: rotate(-3deg) skew(-3deg);
    transform: rotate(-3deg) skew(-3deg);
    margin: 0 -2px; 
   }
   
.unskew{
  -moz-transform: rotate(3deg) skew(3deg);
    -o-transform: rotate(3deg) skew(3deg);
    -ms-transform: rotate(3deg) skew(3deg);
    -webkit-transform: rotate(3deg) skew(3deg);
    transform: rotate(3deg) skew(3deg);
}
  
  


.material-text{border-bottom: 1px solid #161e2e;color: #161e2e!important;height:100%;} 
.material-text .mail {margin-top:auto;margin-left:0;}
h2.material-title{font-family: proxima-nova;
-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
h3.material-subtitle{font-family: proxima-nova;}
.company-wrap h4, 
h4.material-italic,
.caption-italic {
       font-family: proxima-nova;
       font-weight: 300;
       font-style: italic;
       margin-bottom: .5rem;
}
   
.caption-italic {display:block;width:100%;margin-top:0.5rem}
   
.material-card{
      position: relative;
       z-index: 2;
     margin:0 -2px;
}

.material-card img {width:100%;max-width:300px;margin:0 auto;} 

.material-card .v-card__text{height:100%;min-height:140px;}
.material-card .v-card__text a{color:rgba(0, 0, 0, 0.54);margin-left:8px;}
.material-card .v-card__text a:hover{color:#6200EA}
.material-card .v-card__text ul{list-style:none;padding:0;}


h3.text-h3,
h2.text-h3 {
    margin: 0;
    font-family: proxima-nova,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size:30px;
}  

@media screen and (min-width: 600px){
  
  h3.text-h3,
  h2.text-h3 {
       font-size:36px;
  }   

} 

.contactwrap {
  overflow: hidden;
    z-index: 2;
    position: relative;
    background: #fff;
}  

.round img {border-radius:50%;}

@media screen and (min-width: 480px) {
.material-text .mail {max-width:288px;}
}


/* @media screen and (min-width: 432px){
  .maxw {
      max-width: 400px;
      margin-left: auto;
      margin-right: auto;
  }
  }
  
  @media screen and (min-width: 960px){
  .maxw {
      max-width: 1200px;
  }
  } */


@media screen and (min-width: 960px) {
.inner-material{max-width:1200px;margin:0 auto;}
.material-card img{max-width:none;}
}

/* jobs */

.jobs{width:100%;}
p.job a,
p.job span{margin:1rem 0;}
.content p.job{border-bottom:1px solid #e5e5e5;margin:0;}

@media screen and (min-width: 960px) {

p.job a {width:50%;padding-right:1rem;}
p.job span{width:25%;padding:0 1rem;}

}


/* company profile */

.company .material-icons::before{
color: rgba(0,0,0,.54);
}

.company .banner-wrap .service-item-overlay:after {height:auto;}

.companyinfo {
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: wrap;
    width: 100%;
    flex-basis: 100%;
}
/*
.companyinfo p.company svg.circle {
background: #fafafa;
border: 1px solid #010a37;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 30px;
}
*/

.companyinfo p.company label{
font-weight:300;
margin-top:2rem;
    }
    

.companyinfo p.company {
 margin:2rem 0; 
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
box-sizing: border-box;
max-width: 100%;
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
 flex-direction:column;
 align-items:center;

}

@media screen and (min-width: 600px) {

.companyinfo p.company {
flex-basis: 33%;
max-width: 33%;
}

}    


.companyinfo strong {font-size:18px;}

.companyinfo .left {
  flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
box-sizing: border-box;
max-width: 100%;
padding-right:1rem;
}
.companyinfo .right {

flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
box-sizing: border-box;
max-width: 100%;

}

@media screen and (min-width: 600px) {
.companyinfo .right,
.companyinfo .left {
flex-basis: 50%;
max-width: 50%;
}

.companyinfo .right {padding-left:1rem;}


}

button.toggle-content[aria-expanded="true"]{
  background-color: #fff;
  position:absolute;
  bottom: 8px;

}

button.toggle-content[aria-expanded="true"]::before{
  display:none;
}

button.toggle-content {
    text-align: center;
    width: 288px;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 99;
    left: 50%;
    margin-left: -145px;
    color: #010a37;
    background:#fafafa;
    border: 1px solid #010a37;
    font-weight: bold;
    line-height:2rem;
    padding:0.5rem 0;
    border-radius:4px;
    font-size:16px;
}

button.toggle-content:hover {border-color:#0000ff;color:#0000ff;}

button.toggle-content:focus{outline:0;}
button.toggle-content:before{
    width: 832px;
    background: linear-gradient( transparent,white);
    content: "";
    display: block;
    height: 150px;
    position: absolute;
    z-index: 99999;
    top: -182px;
    opacity: 1;
    left: -272px;
}
button.toggle-content:hover{opacity:1;}

#more{padding-bottom: 1rem;}



.crunchify-social,
#respond.comment-respond{padding:0 1rem;}






.single-product.single .entry-content, 
.single-product.full-width-content .entry{position:relative;}


.single-product.full-width-content .entry::before{
  background-color: #ffffff!important;
  height:100%;
  width: 102%;
  margin: 0 -1%;
  -moz-transform: rotate(-3deg) skew(-3deg);
    -o-transform: rotate(-3deg) skew(-3deg);
    -ms-transform: rotate(-3deg) skew(-3deg);
    -webkit-transform: rotate(-3deg) skew(-3deg);
    transform: rotate(-3deg) skew(-3deg);
    content:"";
    display:block;
  position: absolute;
  top: -30px;   
  left:0;
}

@media screen and (min-width: 1264px) {
  .single-product.full-width-content .entry::before {
      top: -70px;
  }
  }



  .single-product .product-table-header {display:none;}

  .single-product .product-table-row {display:block;}
  
  .single-product .product-table-row span:first-child,
  .single-product .product-table-row span,
  .single-product .product-table-row span:nth-child(2) {width:100%;}
  
    .single-product .product-table-row span::before {
      display:block;  
        content: attr(data-label);
      text-align: left;
      width: 50%;
      margin: 0;
      float: left;
    }
  
  
    .single-product .product-table-row span::before {
      width: 100%;
      float: none;
    }
  

  
  /* .single-product .entry-content ul li span:first-child {color:#010a37;font-weight:bold;}   */

  .woocommerce.single .entry-content ul li {
    display:block;
    border-bottom:none;
    line-height: 2rem;
        padding: 12px 0;
        border-bottom:1px solid #e5e5e5;
        /*-webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;*/
    }
    
    .single-product .entry-content ul li span{width:100%;display:block;}
    
    .single-product .product-table-row:nth-child(odd) {background:#f5f5f5;}
    
    .single-product .product-table-row {padding:1rem;}
    
    .single-product .product-table-row span {margin-bottom:1rem;display:block;}
    
    .single-product .product-table-row:last-child {border-bottom:1px solid #e5e5e5;}
    
    .single-product .product-table-row span:last-child {margin-bottom:0;}
    
    .single-product .product-table-row span,
    .woocommerce.single .entry-content .product-data-table ul li{
     font-weight:normal;
    font-family: proxima-nova,Helvetica,Arial,sans-serif;
    }
    
    .single-product .product-table-row span::before{
        font-family: proxima-nova,Helvetica,Arial,sans-serif;
    
    }


/* single product breakpoint*/
@media only screen and (min-width: 960px) {

  .single-product .product-table-row span,
  .single-product .entry-content ul li span:first-child {margin-bottom:0;}  
  
  .woocommerce.single .entry-content ul li {
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
      -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  }    
  
  .single-product .product-table-row span::before{display:none;}
  
  
  
  .single-product .product-table-header,
  .single-product .product-table-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0;
    line-height:2rem;
  }
  
  .single-product .product-table-header span,
  .single-product .product-table-row span { 
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
      -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  }
  
  .single-product .product-table-header span,
  .single-product .product-table-row span{
  width: 25%;
  }
  
  .single-product .product-table-header span:nth-child(2),
  .single-product .product-table-row span:nth-child(2){
  width: 25%;
  }
  
  .single-product .product-table-header span:first-child,
  .single-product .product-table-row span:first-child {
  width: 50%;
  }
  
  .single-product .product-table-row span:nth-child(2),
  .single-product .product-table-row span:nth-child(3),
  .woocommerce.single .entry-content .product-data-table ul li {font-weight:300;}
  
  .content .product-data-table p {font-weight:300;margin:1rem 0;}
   
  .single-product .left-col a.lrev, .single-product .left-col a.lrev:visited {
      color: #1a0dab;
      padding-left:8px;
  }
  
  .woocommerce.single .entry-content .product-data-table ul {list-style-type:none;margin-bottom:1rem;}

}



.single-product .entry-content{max-width:864px;
  padding:1rem;
  margin-left:auto;margin-right:auto;margin-bottom:128px;}

  @media screen and (min-width: 1264px){
  .single-product .entry-content h2#details {margin-top:0;}

  .single-product .entry-content{max-width:864px;
    padding-left:1rem;
    padding-right:1rem;
    margin-left:auto;margin-right:auto;margin-bottom:128px;}
  }
  


.award-service-title {
  font-size: 24px;
  font-family: proxima-nova;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
  
.process label{margin-top:1rem;white-space:nowrap;
  font-weight:normal;
    font-family: proxima-nova,Helvetica,Arial,sans-serif;
}
  
p.arrowback {
      position: relative;
      width: 100%;
      max-width: 18px;
      height: 12px;
      margin: 19px 0px 26px -9px;
      background: #0000ff;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      left: 50%;
  }
  
  .arrowback:after {
      display: block;
      content: '';
      position: absolute;
      left: 100%;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 0 6px 6px;
      border-color: transparent transparent transparent #0000ff;
  }

@media screen and (min-width: 960px){
p.arrowback {
    max-width: 170px;
    margin: 19px 0;
    transform: rotate(0);
    left: 0;
}
.process div {width:25%;}
}
  
  .arrowfront {
      position: absolute;
      left: -6px;
  }
  
  .arrowfront:before {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 6px 6px 0;
      border-color: transparent #0000ff transparent transparent;
  }
  
  .arrowfront::after {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 6px 6px;
      border-color: transparent transparent #0000ff transparent;
  }

  .process svg,
  .process p,
  .process {position:relative;}

  .process .svgbg {
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #e5e5e5;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}


  
  
  
  @media only screen and (min-width: 960px) { 

    .award-service-title {
      font-size: 42px;
  }
/*     
   .workflow-wrap .revealme{width:100%;}
  
   .workflow-wrap .revealer {
      transition: all 1s ease;
      padding:0;
      height:100%;
      min-height:auto;
      overflow: hidden;
      max-width: 1000px;
      margin: 0;
      position: relative;
    }
    
    .workflow-wrap .revealme {
      transition: all 1s ease;
      opacity: 0;
    }
    
    .workflow-wrap .active .revealme {
      opacity: 1;
    }
    
    .workflow-wrap .revealme.fromleft {
      position: absolute;
      top:50%;
      transform: translate(0, -50%);
      left: -100%;
      padding-right:2rem;
      margin-top:0;
    }

   
    
    .workflow-wrap .active .revealme.fromleft {
      opacity: 1;
      left: 0;
      
    }
    
    .workflow-wrap .revealme.fromright {
      position: absolute;
      top:50%;
      transform: translate(0, -50%);
      right: -100%;
      padding-left:2rem;
      margin-top:0;
    }
    
    .workflow-wrap .active .revealme.fromright {
      opacity: 1;
      right: 0;
      
    } */

    .workflow-wrap .revealme.fromleft {
      padding-right:2rem;
    }
     
    .workflow-wrap .revealme.fromright {
      padding-left:2rem;
    }
  
    }

   /* marketplace */


.mp{box-shadow: 2px 2px 10px rgb(0 0 0 / 8%);border-radius: 2px;border:1px solid #e5e5e5;width:100%;}

.mp .info h3{margin-bottom:4px;}

.mpdescwrap,
.mpformwrap{width:100%}

.mpdescwrap ul li span{width:50%;display:inline-block;}

.mpdescwrap ul li{
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    display: block;
    border-bottom: none;
    line-height: 2rem;
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
}

.mpformwrap .mdl-checkbox__label {font-size:14px;}

.mpformwrap .mdl-textfield {
    width: 100%;
}

.mp:hover{
    box-shadow: 2px 2px 10px rgb(0 0 0 / 25%);
}

.mp-details{
    color: #1a0dab;
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    margin-top: 4px;
}

.mp-details:hover{color:#0000ff; cursor: pointer;}


.mp button.details {border: none;
    background: white;
    padding: 0;}
   
.mp .cta.contactseller span {margin-left:4px;}

.mp .cta.contactseller{
font-family: proxima-nova;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    color:white;
} 

.mp .cta.contactseller:hover{opacity:0.9;}

.mp .cta.contactseller svg {width:18px;margin-right:4px;margin-top: -1px;}
.mp small,
.mp small svg{color:#707070;}
.mp small svg{margin-top:-2px;width:14px;margin-right: 2px;
}
.modal {
    display: none;
    position: fixed;
    z-index: 8887;
    left: 0;
    top: 4rem;
    bottom: 4rem;
    width: 100%;
    height: 100%;
    overflow: auto;
    
    background-color: rgba(0, 0, 0, 0.5);
    
    transition: all 1s ease-in-out;
  
}  

.modal-content {
    width: 90%;
    margin: 10vh auto;
  
  }

.modal-top {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .modal-close {
    color: red;
    text-decoration: none;
    font-size: 28px;
    font-weight: 100;
  }
    .modal-close:hover,
    .modal-close:focus {
      text-decoration: none;
      cursor: pointer;
    }
  

  .modal-title {
    color: #FFF;
  }

  .effect {
    position: relative;
    overflow: hidden;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    width:100%;
    margin:0 auto;
}

.effect img {
	position: relative;
	opacity: .8
}


  .effect p.viewgallery {
    margin-bottom:0;  
    position: absolute;
    font-size: 16px;
    color: #fff;
    text-transform: none;
    opacity: 0;
    backface-visibility: hidden;
    transition: opacity .35s;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    line-height: 18px;
    padding: 3px 7px;
    background-color: rgba(0, 0, 0, .5);
    right: 5px;
    left: 5px;
	-webkit-clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);
	clip-path: polygon(7% 0, 100% 0, 93% 100%, 2% 100%)
}

.effect p.viewgallery {
	opacity: 1
}

.modal-content{background:#fff;padding:16px;}

@media (min-width: 432px) { 
.mp{max-width:400px;margin-left:auto;margin-right:auto;}
}  

@media (min-width: 600px) { 
.modal-content {
    margin: 10vh auto;
    padding: 16px;
    width: 600px;
    background: #FFF;
  }
  .modal-container {
   margin:0 auto;
      width: 400px;
 
    }
}
@media (min-width: 960px) { 

    .mp{max-width:none;}

    .mpdescwrap,
.mpformwrap{width:50%}

.sellerform.modal-content{overflow:hidden;box-sizing: content-box;}

.sellerform.modal-content,
.sellerform .modal-container {width:900px;}

    .effect p.viewgallery {
        opacity: 0
    }

    .modal-toggle:hover .effect p.viewgallery {
        opacity: 1
    }

    .mp .info{padding:0 16px;width:calc(100% - 390px);}
    .mp .contactseller{width:240px;}
    .effect img {
        width:150px;
      }
    
      .effect {
        max-height: 113px;}
     
}
    
@media (min-width: 1264px) {

.sellerform.modal-content,
.sellerform .modal-container {width:1200px;}
      
          .content .modal .controls button.glide__arrow--prev {margin-left:-74px;}
          .content .modal .controls button.glide__arrow--next {margin-right:-74px;}
    
    
}



.aptabs {
  margin-bottom: 16px;
}
.aptabs .nav-tabs {
  float: left;
  width: 100%;
  margin: 0;
  list-style-type: none;
  /* border-bottom: 1px solid #ddd; */
}
.aptabs .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.aptabs .nav-tabs > li > a {
  padding: 8px;
  font-size:16px;
  float: left;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: rgba(0,0,0,.54);
}

@media screen and (min-width: 480px) {
.aptabs .nav-tabs > li > a {
  padding: 10px;
  font-size:16px;
}
}
/*
.aptabs .nav-tabs > li > a:hover {
   border-color: #eee #eee #ddd; 
}
*/
.aptabs .nav-tabs > li.active > a, .aptabs .nav-tabs > li.active > a:hover, .aptabs .nav-tabs > li.active > a:focus {
  color: #6200ea;
  cursor: default;
  background-color: #f5f5f5;

}

.grey .aptabs .nav-tabs > li.active > a, .grey .aptabs .nav-tabs > li.active > a:hover, .grey .aptabs .nav-tabs > li.active > a:focus {
  background-color: #fff;
}

.aptabs .tab-content {
  float: left;
  width: 100%;
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
    font-weight: 400;
    min-height: 180px;
}
.aptabs .tab-content > .tab-pane {
  display: none;
}
.aptabs .tab-content > .tab-pane.active {
  display: block;
  padding: 2.5% 3.5%;
  background-color: #f5f5f5;
}
.aptabs.grey .tab-content > .tab-pane.active {
  background-color: #fff;
}
.aptabs .tab-content > .active {
  display: block;
}


/* media kit page*/


.page-media-kit .entry-content{position:relative;overflow:hidden;}
.page-media-kit .text-h2{
display:none;
}

.page-media-kit .media-h1{
font-family:proxima-nova,Helvetica,Arial,sans-serif;
font-weight:normal;
-webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
letter-spacing:1.5px;
text-transform:uppercase;
font-size:32px;
color:#82b1ff;
}
.page-media-kit .about-title{padding-left:1rem;padding-right:1rem;max-width:864px;
width:100%;
margin-left:auto;margin-right:auto;}
.page-media-kit .btn-wrap-home{max-width:864px;margin:0 auto;}
.page-media-kit .btn-wrap-home div{position:relative;}
.page-media-kit .btn-wrap-home::before{
background:#161e2e;
height: 100%;
    width: 102%;
    margin: 0 -1%;
    -moz-transform: rotate(-3deg) skew(-3deg);
    -o-transform: rotate(-3deg) skew(-3deg);
    -ms-transform: rotate(-3deg) skew(-3deg);
    -webkit-transform: rotate(-3deg) skew(-3deg);
    transform: rotate(-3deg) skew(-3deg);
    content: "";
    display: block;
    position: absolute;
    left: 0;
}
.page-media-kit .angle a.cta{background:#252f3f;color:#fff;border:none;}
.page-media-kit .angle a.cta:hover{background:#506078;color:#fff;border:none;}
.page-media-kit .angle .mdi-email .material-icons::before {color:#fff;
position: relative;
    top: 4px;
    margin-right: 8px;
}

.page-media-kit .founders img{
align-self: center;
width:50px;
border-radius:50%;
border:2px solid #fff;
 -webkit-filter: grayscale(100%); 
  filter: grayscale(100%);
margin-right:8px;
}

.page-media-kit .founders span {line-height:1;}

.page-media-kit .vcor p,
.page-media-kit .founders h4 {color: #d2d6dc;}
.page-media-kit .founders span.do {color:#6B7280;}
.page-media-kit .founders span.name {color:#fff;}
.page-media-kit .founders h4{
font-family:proxima-nova,Helvetica,Arial,sans-serif;
font-weight:normal;
text-transform:uppercase;
letter-spacing:1px;
}

.page-media-kit .revealme li {height:2.5rem;line-height:2.5rem;border-bottom:1px solid #e5e5e5;}

@media only screen and (min-width: 960px) { 
.page-media-kit .btn-wrap-home::before{display:none;}
.page-media-kit .btn-wrap-home{margin:0;}
.page-media-kit .revealme{width:100%;}
.page-media-kit .revealme li strong{float:right;margin-left:1rem;}
.page-media-kit .revealer {
  transition: all 1s ease;
  padding:0;
height:301px;
  overflow-x: hidden;
  max-width: 1000px;
  margin: 0;
  position: relative;
}

/* .page-media-kit .revealme {
  transition: all 1s ease;
  opacity: 0;
}

.page-media-kit .active .revealme {
  opacity: 1;
}

.page-media-kit .revealme.fromleft {
  position: absolute;
  top:50%;
  transform: translate(0, -50%);
  left: -100%;
}

.page-media-kit .active .revealme.fromleft {
  opacity: 1;
  left: 2%;
}

.page-media-kit .revealme.fromright {
  position: absolute;
  top:50%;
  transform: translate(0, -50%);
  right: -100%;
margin-top: 30px;
}

.page-media-kit .active .revealme.fromright {
  opacity: 1;
  right: 0;
} */


.page-media-kit .angle{padding-left:calc( (100% - 864px) / 2 + 16px );}
.page-media-kit .about-title{
max-width:none;
margin:0;
padding-right:0;
padding-left:calc( (100% - 864px) / 2 + 16px );
background:#f5f5f5;margin:0;height:64px;line-height:64px;}
.page-media-kit .left{float:left;width:70%;}
.page-media-kit h2.text-h2{
display:block;
font-family:proxima-nova,Helvetica,Arial,sans-serif;
font-size:48px;
color:#fff;}
.page-media-kit .angle{
background-image:url('../svg/angled-background.svg');
background-repeat: no-repeat;
background-size: 100% auto;background-position: -5px -5px;
height:calc(100vh - 128px);
position:relative;width:70%;
min-width: 480px;
background-color:transparent;
z-index:4;
}  

.page-media-kit .btn-wrap-home,.page-media-kit .vcor{min-height:auto;}

.page-media-kit .vcor{
  width:100%;
  max-width: 450px;
}
.page-media-kit .vcor a.cta {max-width:334px;}

@-webkit-keyframes scrollLarge {
  0% {
      transform: rotate(-13deg) translateY(0);
  }
  to {
      transform: rotate(-13deg) translateY(-1200px);
  }
}
@keyframes scrollLarge {
  0% {
      transform: rotate(-13deg) translateY(0);
  }
  to {
      transform: rotate(-13deg) translateY(-1200px);
  }
}
@-webkit-keyframes spin {
  0% {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(359deg);
  }
}
@-webkit-keyframes pulse {
  0% {
      opacity: 1;
  }
  50% {
      opacity: 0.5;
  }
  to {
      opacity: 1;
  }
}
@keyframes pulse {
  0% {
      opacity: 1;
  }
  50% {
      opacity: 0.5;
  }
  to {
      opacity: 1;
  }
}
.page-media-kit .spin {
  -webkit-animation: spin 0.5s linear infinite;
  animation: spin 0.5s linear infinite;
}
.page-media-kit .pulse {
  -webkit-animation: pulse 2s ease infinite;
  animation: pulse 2s ease infinite;
}

.page-media-kit .scroll-bg {
      -webkit-animation-name: scrollLarge;
      animation-name: scrollLarge;
      -webkit-animation-duration: 35s;
      animation-duration: 35s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
  }


  .page-media-kit .landing {
  background-size: 800px auto;
  background-repeat: repeat;
  height: 400%;
  width: 400%;
  top: -25%;
  left: -100%;
      max-height: none;
      position:absolute;
      will-change: transform;
  }
  

}


.single-product.full-width-content .landing-text {
  max-width: none;
}