/*
Theme Name: SC3D - 2020 v1
Theme URI: 
Author: Click Click Media
Author URI: http://clickclick.media/
Description: This is a custom wordpress theme for Supercheap3D Website
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sc3d2019
K.A.A.L
*/
.styled-number input[type=number] {
  -webkit-appearance: none;
}
.styled-number input[type=number]::-webkit-inner-spin-button,
.styled-number input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.header {
  z-index: 9990;
  z-index: 1004;
}

.modal-open .modal {
  z-index: 9994;
}

.modal-backdrop {
  z-index: 9992;
}

.site-loader {
  z-index: 9999;
}

/* Request a Quotation */


/* Hide get started section */
#footer .get-started {
    display: none;
}
@media (min-width: 992px) {
  .header .bottom .right .primary-menu .sub-menu {
      display: none;
      position: fixed;
      padding: 0 20px;
      list-style: none;
      top: unset;
      left: 0;
      text-align: left;
      background-color: #fff;
      min-width: 100%;
      width: 100vw;
  }
  .header .bottom .right .primary-menu .sub-menu .sub-menu-inner{
      display: flex;
      justify-content: flex-start;
      padding-top: 1%;
      padding-bottom: 1%;
      padding-left: 8%;
  }
  .header .bottom .right .primary-menu .sub-menu .sub-menu-inner .sub-menu-heading{
      color: #bbc1d3;
      padding: 15px 0;
      text-transform: uppercase;
      font-weight: 400;
  }
  .header .bottom .right .primary-menu .sub-menu .sub-menu-inner .sub-menu-item{
      padding: 10px 0;
  }
  .header .bottom .right .primary-menu .sub-menu .sub-menu-inner .sub-menu-left{
      padding-top: 50px;
      padding-right: 50px;
      padding-bottom: 50px;
  }
  .header .bottom .right .primary-menu .sub-menu .sub-menu-inner .sub-menu-right{
      position: relative;
      height: auto;
      width: 75%;
  }
  .header .bottom .right .primary-menu .sub-menu .sub-menu-inner .sub-menu-right .sub-menu-right-single{
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      display: flex;
      justify-content: space-between;
      visibility: hidden;
  }
  .header .bottom .right .primary-menu .sub-menu .sub-menu-inner .sub-menu-right .sub-menu-right-single:first-child{
      visibility: visible;
  }
  .header .bottom .right .primary-menu .sub-menu .sub-menu-inner .sub-menu-right .sub-menu-right-single .sub-menu-right-content{
      width: 40%;
      flex: 0 0 40%;
      padding-left: 25px;
      padding-right: 75px;
  }
  .header .bottom .right .primary-menu .sub-menu .sub-menu-inner .sub-menu-right .sub-menu-right-single .sub-menu-right-image{
      width: 58%;
      flex: 0 0 58%;
  }
  .header .bottom .right .primary-menu .sub-menu .sub-menu-inner .sub-menu-right .sub-menu-right-single .sub-menu-right-image img{
      width: 100%;
      height: 100%;
  }
  .header .bottom .right .primary-menu > .menu-item.menu-item-has-children:after {
      display: none !important;
  }
}

#sidepanel .mobile-menu .menu-item .toggle-menu.close:after, #sidepanel .mobile-menu .menu-item .toggle-menu.open:after {
  color: red;
}
.sub-menu-right-content{
  padding-top: 50px;
}
.location-list{
  display: none;
}
.location-current{
  color: #E0E7FF;
  line-height: 24px;
  font-size: 16px;
  display: block;
  padding-left: 25px;
  cursor: pointer;
}
.location-drop-down{
  position: relative;
}
.location-list{
  position: absolute;
  background-color: #e0e7ff;
  right: 0;
  margin-top: 8px;
  padding: 50px 25px;
  top: 100%;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  z-index: 100;
}
.location-list.active{
  display: block !important;
}
.location-list p{
  margin-bottom: 20px;
  font-weight: 700;
}
.location-list a{
  display: block;
}
.location-current .icon-sphere{
  display: inline-block;
  padding-left: 3px;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?xkep9p');
  src:  url('fonts/icomoon.eot?xkep9p#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?xkep9p') format('truetype'),
    url('fonts/icomoon.woff?xkep9p') format('woff'),
    url('fonts/icomoon.svg?xkep9p#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sphere:before {
  content: "\e9c9";
}


@media (min-width: 992px){
  .header .bottom .right .primary-menu > .menu-item a {
      padding: 40px 5px;
          font-size: 12px;
  }
  .header .bottom .right .primary-menu > .menu-item.menu-item-has-children {
      padding-right: 0px;
  }

}
@media (min-width: 1100px){
  .header .bottom .right .primary-menu > .menu-item a {
      padding: 40px 10px;
          font-size: 14px;
  }

}
@media (min-width: 1200px){
  .header .bottom .right .primary-menu > .menu-item a {
          font-size: 16px;
  }

}

@media (min-width: 1270px){
  .header .bottom .right .primary-menu > .menu-item a {
      padding: 40px 15px;
          font-size: 16px;
  }
  
}
@media (max-width: 1270px){
  .header .bottom .right .primary-menu .sub-menu .sub-menu-inner {

      padding-left: 15px;
  }
  .header .bottom .right .inner-tbl {
      margin: 0;
      width: 100%;
  }
  .header .bottom .left .site-logo {
      margin-left: 0;
  }
  .header .bottom .right .primary-menu .sub-menu .sub-menu-inner .sub-menu-heading{
      padding: 10px 0;
  }
  .header .top .call {
      margin-left: 16px;
  }
}

.covid-text a:hover,
.covid-text a{
    color: white;
}

.renders-gallery .bottom .renders-list .render-item .video-bg {
    height: 12.1875rem !important;
    width: 100% !important; 

} 
@media screen and (min-width: 480px) {
    .renders-gallery .bottom .renders-list .render-item .video-bg {
        height: 13.75rem !important; 
    } 
}
@media screen and (min-width: 576px) {
    .renders-gallery .bottom .renders-list .render-item .video-bg {
        height: 15.625rem !important;
    } 
    
}
@media screen and (min-width: 768px) {
    .renders-gallery .bottom .renders-list .render-item .video-bg {
      height: 11.5625rem !important; }
}
@media screen and (min-width: 992px) {
    .renders-gallery .bottom .renders-list .render-item .video-bg {
        height: 15.625rem !important; 
    }
}
@media screen and (min-width: 1200px) {
    .renders-gallery .bottom .renders-list .render-item .video-bg {
      height: 18.75rem !important; 
    } 
}