@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0')
    format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'National-Thin';
    src: url('fonts/National-Thin.eot?#iefix') format('embedded-opentype'),  url('fonts/National-Thin.otf')  format('opentype'),
    url('fonts/National-Thin.woff') format('woff'), url('fonts/National-Thin.ttf')  format('truetype'), url('fonts/National-Thin.svg#National-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}


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

@font-face {
    font-family: 'National-Regular';
    src: url('fonts/National-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/National-Regular.otf')  format('opentype'),
    url('fonts/National-Regular.woff') format('woff'), url('fonts/National-Regular.ttf')  format('truetype'), url('fonts/National-Regular.svg#National-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Stag-Book';
  src: url('fonts/Stag-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/Stag-Book.otf')  format('opentype'),
	     url('fonts/Stag-Book.woff') format('woff'), url('fonts/Stag-Book.ttf')  format('truetype'), url('fonts/Stag-Book.svg#Stag-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
.social{
    font-family: 'FontAwesome';
    font-size:35px !important;
    color:#000 !important;
    display:inline-block;
    margin-left:4px;
    margin-right:4px;
    text-decoration:none;
    opacity:0;
    padding-bottom:0px;
        -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.social:hover{
    color:#b52822 !important;
    text-decoration:none !important;
}
.social.slideUp{
    opacity:1;
    padding-bottom:0px;
    margin-bottom:0px !important;
}
.socialouter{
     margin-top:30px;
    display:inline-block;
    position:fixed;
    bottom:15px;
    left:15px;
    z-index:900;
}
.socialouter.homesocial .social{
    color:#fff !important;
}
.knightshield{
    max-width:450px;
    margin-left:200px;
    margin-top:0px;
}
.valuesouter{
    margin-bottom:70px;
}
.vrgal{
    position:relative;
    z-index:1;
    background-image:url('img/instead.jpg');
}
.topslide{
    position:relative;
}
.topslide h1{
    width:100%;
    text-align:center;
    height:100px;
    margin-top:130px;
}
.specs{
    margin-left:20px;
}
.rangearea{
    background-color:#fff;
    position:relative;
}
.cta{
    background: #00b0ca; /* For browsers that do not support gradients
    background: -webkit-linear-gradient(#2f98ca, #00b0ca); /* For Safari 5.1 to 6.0
    background: -o-linear-gradient(#2f98ca, #00b0ca); /* For Opera 11.1 to 12.0
    background: -moz-linear-gradient(#2f98ca, #00b0ca); /* For Firefox 3.6 to 15
    background: linear-gradient(#2f98ca, #00b0ca);  Standard syntax  */
    padding:180px 0px 150px;
    color:#fff;
    text-align:center;
    font-size:50px;
    letter-spacing:2px;
    font-family:'Stag-Book';
}
.cta .btn{
    background-color:#fff !important;
    color:#000 !important;
    margin-top:60px !important;
    border:none !important;
    border-radius:5px !important;
}

.rangearea{
    padding:0px 0px 110px;
}
.rangeimg img{
    max-width:100%;
    height:auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.rangeimg:hover img{
    transform:scale(1.1);
}
.ticks{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
      -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    max-width:280px;
}
.replacementVideo{
    display:none;
    background-image:url('img/instead.jpg');
    height:100%;
    background-position:center;
    background-repeat:no-repeat;
    position:fixed;
    z-index:-1;
    background-size:cover;
    width:100%;
}
.replace2{
    height:1000px;
    width:100%;
    margin-left:-15px;
    display:none;
    background-image:url('img/instead.jpg');
    background-position:center;
    background-repeat:no-repeat;
    position:fixed;
    z-index:-1;
    background-size:cover;
}
.large{
    display:block;
    font-size:80px;
    line-height:70px;
    text-align:center;
    margin-bottom:10px;
    width:100%;
}
.everything{
    width:100%;
    overflow:hidden;
}
.small{
    display:block;
    font-size:20px;
    width:100%;
    text-align:center;
}
.menuSide{
    display:none;
}
.about{
    padding:200px 0px 400px;
    height:auto;
}
.second{
    padding:271px 200px 370px;
    height:auto;
}
.overGal{
    position:absolute;
    top:0;
    z-index:80;
    width:100%;
    margin-left:0px;
    left:0%;
    background-color:rgba(0,0,0,0.35);
    padding:400px 50px;
    text-align:center;
    color:#fff;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.overGal p {
    margin-top:30px;
    margin-bottom:50px;
}

.menuSide{
    position:fixed;
    height:2000px;
    right:0px;
    width:60px;
    z-index:100;
}
.overGal a.btn{
    color:#fff !important;
}
h1 span:nth-child(even) {
    display:inline-block;
    margin-left:100px;
}
.man{
    border-radius:50%;
    max-width:100%;
    height:auto !important;
    float:right;
    opacity:0;
    margin-top:50px;
    margin-bottom:-50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.manin{
    opacity:1;
    margin-top:0px;
    margin-bottom:0px;
}
.sssnext, .sssprev{
    display:none !important;
}

h1{
   font-family: 'Stag-Book' !important;
    font-size:70px !important;
    line-height:80px !important;
    color:#000;
    position:relative;
    z-index:60;
    letter-spacing:4px !important;
    margin-bottom:30px !important;
}
.teamall{
    min-height:1500px;
}
.extrapadding{
    padding-left:60px;
    padding-right:60px;
}
.overGal h1{
    color:#fff;
    font-size:50px;
    letter-spacing:3px;
}
.vrvi{
    min-width:100%;
    width:110%;
}
.home h1{
    word-spacing: nowrap;
}
.vrvi{
    height:1000px;
width:auto;
    object-fit: fill;
    margin-bottom:-10px;
}

.specitems{
    display:block;
    margin-bottom:50px;
    margin-top:30px;
}
.floorplannerinfo{
    margin-top:30px;
    margin-bottom:50px;
}
h2{
    font-family: 'Stag-Book' !important;
    font-size:55px !important;
    letter-spacing:2px !important; 
    line-height:66px !important;
    margin-bottom:15px !important;
    letter-spacing:2px;
}
h3{
    font-family: 'National-Regular' !important;
    font-size:27px !important;
    text-transform:uppercase;
    letter-spacing:2px !important;
    line-height:32px !important;
    margin-top:0px !important;
    margin-bottom:15px !important;
}
h2.ser{
    font-size:68px !important;
    line-height:70px !important;
    letter-spacing:7px !important;
}
.entry{
    position:relative;
    padding-bottom:0px;
}
.entry a{
    margin-top:10px;
}
/*.rangearea:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: -50px;
  overflow: visible;
  width: 100%;
  height: 100px;
  background: #fff;
  z-index: 2;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}*/
.nopadding{
    padding:0px !important;
}
.right{
    text-align:right;
}
.rightSide{
    padding-top:180px;
    padding-right:0px;
}
.ppinfo{
    background-color:#fff;
    display:Block;
    position:relative;
    padding:200px 0px;
}
.ppage{
    width:100%;
}
.wide{
    display:block;
    width:100%;
}

.render{
    position:relative;
    margin-top:70px;
    margin-bottom:140px;
}
.section{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center; 
    height:auto;
    width:100%;
}

body{
    font-family: 'National-Thin' !important;
    background-color:#fff !important;
    color:#58595b !important;
    font-size:18px;
    line-height:27px;
    letter-spacing:0.8px !important;
}
.holding{
    background-color:#efefef !important;
}
.holdinglogo{
    display:inline-block;
    max-width:700px;
}
.info{
    padding:400px 0px;
}

.productrangeinner{
    padding:120px 0px 0px;
}

.info h1{
    margin-bottom:40px;
}
iframe{
    /* border-radius:100%; */
}
.love{
    color: #b52822;
}
.onebiglongassdiv{
    height:3000px;
    display:Block;
}

.handbuilttext{

    opacity:0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.handbuilttextinside{
    margin-right:0px;
    margin-left:0px;
    opacity:1;
}
.handbuilt{
    max-width:530px;
    margin-left:280px;
    height:400px;
    margin-right:0px;
    margin-top:231px;
    transform:rotate(22deg);
    position:relative;
    z-index:30;
    margin-bottom:-10%;
     -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
/*.handbuiltinside{
    margin-left:-250px;
    opacity:1;
    margin-right:0px;
}*/
.test .testimonial{
    opacity:0;
    margin-left:200px;
    margin-right:-200px;
        -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.ecodesk{
    max-width:140%;
    margin-top:-10%;
    height:auto;
}
.test h2{
    opacity:0;
    margin-left:200px;
    margin-right:-200px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
h2.testim,.test .testimonialim {
    opacity:1;
    margin-left:0px;
    margin-right:0px;
}
.desk{
    max-width:100%;
    margin-top:-20px;
    position:relative;
    z-index:40;
    height:auto !important;
   min-width:90%;
      -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;

}
.bottomprod{
    padding:100px 0px 140px;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    background-color:#efefef !important;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
    position:relative;
    width:100%; 
}
.pink {
    color:red !important;
}
.green{
    color:#b1dbb4 !important;
}
.blue{
    color:#505d9c !important;
}
.yellow{
    color:#e6dc17 !important;
}
.teamprod{
    padding-top:0px;
}
.first{ 
    padding:0px 0px 140px;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    background-color:#efefef !important;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
    position:relative;
    width:100%; 
}
.floorplanipad{
    width:1000px;
    opacity:0;
    height:864px;
    background-size:1000px 864px;
    margin-left:-200px;
    margin-right:100px;
    margin-top:-150px;
    position:relative;
    z-index:60;
    background-image:url('img/background.jpg');
    display:block;
        -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    background-color:#fff !important;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}
.floorplanipadin{
    margin-left:-100px;
    margin-right:0px;
    opacity:1;
}
.eco2{
    position:relative;
    background:url('img/leaf2.png') 25px 50px;
    top:0;
    width:100%;
    z-index:0;
      height:100%;
      background-size: calc(150% + 50px);
    width:100%;
}
.eco h1{
    color:#333;
}
.eco{
    padding:200px 0px 400px 200px;
    color:#333;
    position:relative;
    background:url('img/leaf.png') -25px -50px;
    top:0;
    width:100%;
    z-index:0;
      height:100%;
      background-size: calc(150% + 50px);
    width:100%;
}
.first:after{
    content: '';
  position: absolute;
  left: 0;
  bottom: -100px;
  overflow: visible;
  width: 100%;
  height: 250px;
  background: #efefef;
  z-index: 2;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}
.first:before,.bottomprod:before,.ppinfo:before{
    content: '';
  position: absolute;
  left: 0;
  top: -200px;
  overflow: visible;
  width: 100%;
  height: 250px;
  background: #efefef;
  z-index: 1;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}
.selectionButtons{
    margin-top:50px;
}
.stagetop{
    margin-top:140px;
}

@keyframes slideInRightside {
  0% {
      margin-top:200px;
      margin-bottom:-200px;
      opacity:0;
  }
  100% {
      margin-top:0px;
      margin-bottom:0px;
      opacity:1;
  }
}
@keyframes slideInRightside1 {
  0% {
      margin-left:-2000px;
      margin-right:2000px;
      opacity:0;
  }
  100% {
      margin-left:0px;
      margin-right:0px;
      opacity:1;
  }
}

.outerRightSide h2{
    position:relative;
    animation: 1s ease-out 0s 1 slideInRightside1;
}
.sidetwoshape{
    content: '';
    display:none;
  position: absolute;
  left: 0;
  top: 0px;
  overflow: visible;
  width: 190px;
  height: 1600px;
    margin-left:-139px;
  background: #fff;
  z-index: 1;
  -webkit-transform: skewX(5deg);
  -moz-transform: skewX(5deg);
  -ms-transform: skewX(52deg);
  -o-transform: skewX(5deg);
  transform: skewX(5deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}
.bottomprod:after{
    display:none;
}
.firstslide{
    margin-left:-25% !important;
    opacity:1 !important; 
}
.secondslide{
    margin-right:0px !important;
    opacity:1 !important; 
    margin-left:10% !important;
}
.info h2{
    margin-bottom:40px;
}
.info .btn{
    font-size:17px !important;
    letter-spacing:1px !important;
    padding:10px !important;
    margin-top:40px;
}
.pullright{
    float:right !important;   
}
.imgHover{
    opacity:0;
    background-color:rgb(255,255,255);
    position:absolute;
   top:0px;
    width:100%;
    margin-left:15px;
    margin-right:15px;
    padding-top:30%;
    padding-bottom:50%;
    text-transform:uppercase;
    font-size:16px;
    letter-spacing:1.6px;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    left:0px;
    z-index:60;
    height:460px;
    color:#333;
    text-align:center;
}

.imageRight{
    width:70%;
    height:1200px;
    background-size:cover;
    background-repeat:no-repeat;
    position:Absolute;
    top:0px;
}
.deskclass{
    border:50px solid #000; 
}
.inspo a:hover .imgHover{
    opacity:0;
}
strong, b{
  font-family: 'National-Regular';
    font-weight:normal;
}
.inspo, .range{
    overflow:hidden;
}
.sectiondesk{
    background-color:#fff;
    position:relative;
    padding:20px 0px 90px;
    width:100%;
    margin-top:161px;
    display:block;
    z-index:9;
}
.clear{
    clear:both;
    display:block;
    width:100%;
}
.sectiondesk:before{
    content: '';
  position: absolute;
  left: 0;
  top: -200px;
  overflow: visible;
  width: 100%;
  height: 250px;
  background: #fff;
  z-index: -1;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}
.floorplan:before{
    content: '';
  position: absolute;
  left: 0;
  top: -200px;
  overflow: visible;
  width: 100%;
  height: 250px;
  background: #ddd;
  z-index: 2;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}
.floorplan {
    padding:100px 0px 200px;
    background-color:#ddd;
    position:relative;
}
.sectiondesk:after{
    content: '';
  position: absolute;
  left: 0;
  bottom: -100px;
  overflow: visible;
  width: 100%;
  height: 250px;
  background: #fff;
  z-index: 2;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}
/*.sectiondesk:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: #000;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: skew(-45deg);
  -ms-transform: skew(-45deg);
  transform: skew(-45deg);
  z-index: -1;
}*/
.range {
    padding:50px;
    font-size:13px;
    display:none;
    background-color:rgba(255,255,255,0.8);
   padding-top:100%;
    padding-bottom:100%;
    line-height:23px;
}
.insidePage h1{
    opacity:0;
    margin-top:-60px;
    margin-bottom:90px !important;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.insidePage h1.in{
    opacity:1;
    margin-top:0px;
    margin-bottom:30px !important;
}
.overGal h1,.overGal h1.in{
    font-size:59px !important;
    line-height:66px !important;
    margin-bottom:10px !important;
}

.range .btn{
    margin-top:30px;
}
.inspogal{
    padding:100px 30px 0px;
}

.inspgall{
    display:block;
    opacity:0;
    margin-bottom:30px;
    overflow:hidden;
         -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.inspgall:hover .imgHover{
    opacity:1; 
}
.insposhow{
    opacity:1;
}
.ranges:hover{
    text-decoration:none;
}
.ranges:hover .displayProductHover{
    background-color:#eee;
}
.ranges:hover img{
    transform:scale(1.2);
}

.ranges img{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.resource{
    min-height:19vw !important;
}
.displayProduct .displayProductHover{
    opacity:1;
    background-color:#efefef;
    width:100%;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position:relative;
    text-align:center;
    padding:40px 0px;
    color:#58595b !important;
    height:250px;
    display:block;
}
.displayProduct .displayProductHover span{
    max-width:60%;
    display:Block;
    margin:0 auto;
}
.displayProduct:hover .displayProductHover {
    opacity:1;
}
.displayProduct{
    position:relative;
    overflow:hidden;
    margin-bottom:30px;
    display:block;
    opacity:0;
    background-color:#efefef;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.displayProductIn{
    opacity:1;
}
.inspo img,.range img{
    max-width:100%;
    width:100%;
    height:auto !important;
    margin-bottom: 0px;
    display:block;
}
.inspo,.range {
    position:relative;
}
.inspo a:hover img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity:1;
}
.slideSection a{
    color:#fff;
    text-decoration:none !important;
    display:inline-block;
    letter-spacing:2px;
    font-size:22px;
}
.slideSection a:hover{
    color:#b52822;
}
.pinbutton{
    position:absolute;
}
.icons,.icon{
    display:inline-block;
    font-family: 'FontAwesome';
    font-size:22px;
    color:#777 !important;
    margin-right:8px;
    margin-left:8px;
}
.icon{
    color:#fff !important;
    font-size:16px;
}
.higher{
    margin-top:-220px;
    text-align:Center;
    height:900px;
    position:relative;
    z-index:-1;
    background-size:1200px auto;
    background-repeat:repeat-y;
    width:2400px;
    margin-left:-100px;
}
.higher.chairh{
    margin-top:-40px;
}
.higher img{
    max-height:600px;
 }
.inspopage{
    padding-top:10px;
}
.socials{
    display:block;
    margin-top:20px;

}
.teaminfo{
    position:absolute;
    color:#000;
}
.floorplanner{
    width:90%;
    margin-left:10%;
    margin-top:-40px;
}
.teaminfo{
    width:30%;
    left:50px;
    padding:50px;
    bottom:50px;
    background-color:rgba(255,255,255,0.7);
    text-align:left;
}
.fullPage{
    position:fixed;
    width:100%;
    height:1000px;
    background-color:#fff;
    display:none;
    top:0px;
    z-index:150;
    left:0%;
    padding:0px 0px;
}
.fun{
    display:block;
    width:100%;
    overflow:hidden;
}
.stage{
    margin-top:0px;
    padding-bottom:0px !important;
    position:absolute;
    top:0px;
    width:100%;
}
.logo{
    max-width:50px;
    margin-right:20px;
    margin-left:30px;
    margin-top:0px;
    position:relative;
    z-index:80;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.sidetwo{
    
}
.logomain{
    max-width:540px;
    margin-bottom:40px;
}

@keyframes slideInFromTop {
  0% {
    opacity:0;
      margin-top:-100px;
      margin-bottom:140px;
  }
  100% {
    margin-bottom:40px;
      margin-top:0px;
      opacity:1;
  }
}

.logomain{  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 1s ease-out 0s 1 slideInFromTop;
    opacity:1;
      margin-bottom:40px;
      margin-top:0px;
}


.firstInstance{
    opacity:0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    position:relative;
    z-index:50;
    margin-left:30px;
}
.secondInstance{
    opacity:0;
    margin-left:-300px;
    margin-right:300px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.teamsales{
    padding-bottom:200px;
}
.secondIns{
    margin-left:0px;
    margin-right:0px;
    opacity:1;
}
.firstIns{
    opacity:1;
    
}
.firstImg,.secondImg{
    max-width:123%;
    margin-left:-60%;
    z-index:5;
    opacity:0;
    margin-top:-11%;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.secondImg{
    margin-top:0%;
    width:100%;
    margin-right:-100%;
    margin-left:100%;
    max-width:100%;
}
.firstImgAb{
    margin-top:-29%;
}
.ecoContent{
    margin-left:-200px;
    margin-right:200px;
    opacity:0;
        -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.ecoContentatt{
    margin-left:0px;
    margin-right:0px;
    opacity:1;
}
.funinner{
    height:600px;
    display:block;
    max-width:100%;
    transform:scale(1.1);
    background-position:center 0px;
    width:800px;
    background-image:url('img/1_0.png');
    background-repeat:no-repeat;
    margin:0 auto;
}
.funtop .funinner{
    background-image:url('img/0_2.jpg');
    height:600px;
    width:800px;
    transform:scale(1.1);
    background-size:800px auto;
}
a {outline:0 !important;}
@keyframes fadeInChair{
  0% {
    opacity:0;
      margin-bottom:-100px;
      margin-top:100px;
  }
  100% {
      opacity:1;
      margin-top:0px;
      margin-bottom:0px;
  }
}
.slideSection{
    color:#fff !important;
    margin-top:100px;
    width:800px;
    position:absolute;
    left:50%;
    top:50%;
    height:340px;
    margin-top:-200px;
    margin-left:-400px;
}

.slideSection h1{
    color:#fff !important;   
}
.slideSection p{
    margin-bottom:30px;
}
.slideSection .btn{
    border:1px solid #fff !important;
    background-color:transparent !important;
}
.funtop{  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 1s ease-out 0.7s 1 fadeInChair;
      margin-bottom:0px;
      margin-top:40px;
    opacity:0;
    animation-fill-mode: forwards;  
}


.scene{
    max-width:100%;
}
.stage h2{
    font-weight:bold;
    letter-spacing:2px !important;
    font-family: 'National-Thin' !important;
    z-index:60;
    color:#fff !important;
    position:relative;
    font-size:30px !important;
    padding-bottom:30px;
}
@keyframes slideInFromToph {
  0% {
    opacity:0;
      margin-top:-100px;
      margin-bottom:140px;
  }
  100% {
    margin-bottom:40px;
      margin-top:0px;
      opacity:1;
  }
}

.stage h2{  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 1s ease-out 0s 1 slideInFromToph;
      margin-bottom:40px;
      margin-top:0px;
}
.smTitle{
    opacity:0;
    text-align:center;
    width:100%;
    position:absolute;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    z-index:80;
    top:50%;
    font-size:22px;
    margin-top:-25px;
    height:50px;
    font-family: 'National-Thin';
}

.center{
    text-align:center;
}
.firstImgOuter:hover .smTitle{
    display:block;
    opacity:1;
}
.firstImgOuter,.secondImgOuter{
    height:400px;
    width:100%;
    position:relative;
    z-index:50;
    margin-top:40px;
}

.bannerText{
    text-align:bottom;
    height:1000px;
    position:relative;
}
.bannerText .texttitle{
    position:absolute;
    bottom:50px;
    font-size:90px;
    line-height:100px;
    text-transform:uppercase;
    left:40px;
    letter-spacing:1.5px !important;
}
.fullPage video{
    width:100%;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
    background-size: cover;
    transition: 1s opacity;
}
.mainBanner video{
   position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
    
}
.center{
    
}
.bannerText .texttitle b{
    font-size:20px;
}
.vrshowlink,.floorplannerlink{
    position:relative;
    opacity:0;
    text-align:center;
    font-size:18px;
    animation: 1s ease-out 1s 1 slideInRightside;
    animation-fill-mode: forwards;
}
.fontaw{
    font-family:'FontAwesome';
}
.vrshowlink{
    padding-top:20px;
    color:#fff;
    font-size:18px;
    letter-spacing:2px;
    display:inline-block;
    z-index:100;
}

.vrshowlink a,.floorplannerlink a{
    color:#fff;
    text-decoration:none !important;
    font-family: 'National-Regular';
    text-transform:uppercase;
    padding:10px 15px;
    display:inline-block;
    border-radius:5px;
    margin-top:5px;
    background-color:#00b0ca;
}
.vrshowlink a:hover{
    color:#fff;
    background-color: #2f98ca;
}
.floorplannerlink{
    position:absolute;
    bottom:40px;
    right:40px;
    font-size:18px;
    letter-spacing:2px;
    display:none;
    color:#fff;
}
.header{
    padding:10px 0px 0px;
    position:fixed;
    z-index:90; 
    width:100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.header.white{
    background-color:rgba(255,255,255,1);
}
.header.white .logo{
    max-width:30px;
    margin-top:5px;
    height:auto !important;
}
.fullwidth{
    width:100%;
    margin-bottom:20px;
}
.mainimg{
    max-width:40%;
    margin-left:-20%;
    left:50%;
    margin-top:20%;
}
.fullSpecImage{
    margin-bottom:100px;
    text-align:center;
}
.resourceout{
    padding:50px 40px 80px;
    width:100%;
}
.headerblock{
    height:80px;
    display:block;
}
.container{
    width:80% !important;
}
.mainmenu ul {
    padding:0px;
    margin:0px;
}
.mainBanner{
    width:100%;
    padding-bottom:0px;
    height:1000px;
    opacity:1;
    position:relative;
    overflow:hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.menuiconouter{
    margin-right:30px;
    margin-top:30px;
    position:Absolute;
}
.menuIcon{
    border-bottom:3px solid #58595b;
    display:inline-block;
    height:25px;
    width:35px;
    cursor:pointer;
    float:right;
    position:relative;
    z-index:110;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.home .menuIcon,.page-id-172 .menuIcon{
    border-bottom:3px solid #fff;
}

.menuIcon:before{
    display:block;
    content:'';
    margin-bottom:-2px;
    width:35px;
    border-bottom:3px solid #58595b;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.menuIcon:after{
    display:block;
    content:'';
    margin-top:10px;
    width:35px;
    margin-bottom:-10px;
    border-top:3px solid #58595b;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.home .menuIcon:before,.page-id-172 .menuIcon:before{
    border-bottom:3px solid #fff;
}
.home .menuIcon:after,.page-id-172 .menuIcon:after{
    border-top:3px solid #fff;
}
.teamcross{
    border-bottom:2px solid #fff;
    display:inline-block;
    height:25px;
    width:35px;
    cursor:pointer;
    float:right;
    position:relative;
    top:60px;
    right:50px;
    color:#fff;
    z-index:80;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.teamcross:before{
    display:block;
    content:'';
    margin-bottom:10px;
    width:35px;
    border-bottom:2px solid #fff;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cross{
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    margin-right:-10px;
    margin-top:-7px;
}
.cross:before{
    -ms-transform: rotate(-90deg);
    margin-top:24px;
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}
.cross:after{
    opacity:0;
}
.hideBanner{
    opacity:0;
}

.insidePage{
    width:100%;
    padding-top:150px; 
}

.mainmenu{
    padding-top:4px;
    z-index:70;
    text-align:center;
    width:100%;
    left:0px;
    padding:1vh 40px 0px 20px;
}
.mainmenu ul li {
    list-style:none;
    padding:0px;
    display:inline-block;
    margin:0px;
   margin-right:-30px;
    position:relative;
    margin-left:30px;
    opacity:0;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.designicon{
    font-family: 'FontAwesome';
    font-size:30px;
    line-height:35px;
    color:#666;
    margin-bottom:0px;
    background-image:url('img/bg.png');
    width:60px;
    display:block;
    padding-top:10px;
    height:68px;
    margin:0 auto;
    margin-top:30px;
    text-align:center;
    background-repeat:no-repeat;
}
.serv{
    position:relative;
    z-index:40;
}
.mainmenu ul li.slideIn{
    opacity:1;
    margin-right:0px;
    margin-left:0px;
}
.range img{
    width:100% !important;
    height:auto !important;
}
.mainmenu ul li ul {  
    padding:0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display:none;
    min-width:200px;
    position:absolute;
    left:0px;
    margin-top:0px;
    text-align:left;
    background-color:rgba(255,255,255,1);
    z-index:900;
}
.homemenu ul li ul{
    background-color:rgba(0,0,0,0.3);
}
.mainmenu ul li ul li{
    display:block;
    width:100%;
    margin-left:15px;
    margin-right:15px;
    cursor:pointer;
}

.mainmenu ul li ul li a:hover{
       transform:none;
}
.mainmenu ul {
    display:inline-block;
    width:auto !important;
}

.mainmenu ul li a {  
    display:block;
    width:100%;
    text-decoration:none !important;
    letter-spacing:1.5px;  
    font-weight:bold;
    padding:7px 10px 11px;
    width:100%;
    color:#000 !important;
     font-family: 'National-Thin' !important;
    font-size:20px;
    text-transform:uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mainmenu.homemenu ul li a {
    color:#fff !important;
}
.mainmenu ul li ul li a,.mainmenu.homemenu ul li ul li a{
    font-size:18px;
    padding:3px 10px;
    color:#000;
    font-family: 'National-Thin';
    font-weight:bold;
}
.centered{
    text-align:center;
    display:block;
}
.activecat{
    background-color:#ccc;
}
.menulog{
    max-width:80px;
    margin-bottom:30px;
    margin-top:-100px;
    opacity:0;
        -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-bottom:130px;
}
.menulog.growlogo{
    opacity:1;
    margin-top:0px;
    margin-bottom:30px;
}
.mainmenu ul ul li a:hover{
    text-decoration:none !important;
    color:#000 !important;
    background-color:#efefef;
}
.mainmenu ul li.menu-item-has-children:hover ul{
    display:block;
}
ul.inspocat{
    margin:0px;
    display:inline-block;
    padding:0px;
    width:100%;
    margin-top:30px;
    text-align:center;
}
ul.inspocat li{
    text-align:center;
    opacity:0;
    list-style:none;
    padding:0px;
    display:inline-block;
    margin:0px;
    margin-left:-40px;
    margin-right:40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.inspocat li.liin{
    margin-left:0px;
    margin-right:0px;
    opacity:1;
}
.productbuild{
    position:relative;
    margin-top:100px;
    text-align:Center;
}
.productbuild .mainimg{
    position:absolute;
}
.checkit{
    border:2px solid #fff;
    margin:0 auto;
     background-color:rgba(0,0,0,0.2);
    width:340px;
    position:absolute;
    text-align:center;
    margin-left:-170px;
    bottom:80px;
    display:inline-block;
    padding:10px 60px;
    left:50%;
    text-transform:uppercase;
    color:#ffffff;
    font-family:'National-Regular' !important;
}
.checkit:hover{
    color:#fff;
    text-decoration:none !important;
   
}
.checkit .icon{
    color:#999 !important;
}
ul.inspocat li span{
    display:block;
    cursor:pointer;
    border:1px solid #777;
    border-radius:0px;
    color:#333;
    text-transform:uppercase;
    padding:0px 10px;
    font-size:15px;
    margin:10px;
}
.btn{
    background-color:#00b0ca !important;
    border:none !important;
    border-radius:5px !important;
    font-family:'National-Regular' !important;
    letter-spacing:2px !important;
    color:#fff !important;
    text-transform:uppercase !important;
    padding:10px 15px !important;
    font-size:20px !important;
}
.resellerbtn{
    color:#fff !important;
    border:none !important;
    font-size:14px;
    border-radius:5px !important;
    background-color:#333 !important;
    border:none !important;
    border-radius:5px !important;
    font-family:'National-Regular' !important;
    padding:3px 15px !important;
    float:right;
    text-decoration:none !important;
    margin-right:14px;
    margin-top:15px;
}
.mainBannerOverlay{
    width:100%;
    position:absolute;
    background-color:rgba(0,0,0,0.3);
    z-index:6;
}
.mainBannerOverlay.hold{
    background-color:rgba(0,0,0,0.5);
}
.searching input{
    background-color:#333;
    border:none !important;
    color:#fff;
    padding:5px 10px;
}
.searching button {
    background-color:#222;
    border:none !important;
    color:#fff;
    padding:5px 10px;
}
.searching {
    margin-top:30px;

}
.selectionButtons{
    position:absolute;
    bottom:50px;
}
.thin:hover,.thin.activebutton{
    background-color:rgba(0,0,0,0.8) !important;
    color:#fff !important;
    border-color:#b52822 !important;
    width:800px !important;
}
.sectioninfo p{
    margin-top:15px;   
    margin-bottom:15px;
}
.sectioninfo{
    text-transform:none;
    width:100%;
    overflow:hidden;
    display:block;
    height:0px;
    white-space: normal;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.activebutton .sectioninfo, .btn:hover .sectioninfo{
    height:200px;

}
.thin{
    background-color:transparent;
    border:1px solid #58595b;
    color:#fff !IMPORTANT;
}
.teamall .inspoall{
    height:380px;
}
ul.inspocat li a:hover{
    background-color:#777;
    color:#fff;
    text-decoration:none !important;
}
.btndiv{
    display:block;
    width:100%;
    clear:both;
    text-align:right;
}
.btndiv h2{
    margin-bottom:0px !important;
    padding-bottom:0px !important;
}
.btndiv .thin{
    width:400px;
    border:none !important;
    padding:40px 40px !important;
    text-align:left;
    float:right;
    -webkit-transition: all 0.5s ease-in-out;
    margin-bottom:20px;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-right:0px;
}
.locationtitle{
    display:block;
    height:66px;
}
.greyish{
    background-color:#efefef;
    padding:50px 0px;
}
.locationtitle h3{
    font-size:25px !important;
    line-height:30px !important;
    letter-spacing:1px !important;
}

@media (min-width: 992px) and (max-width: 1700px) {  /*Small Desktop*/
    .knightshield{
        margin-left:20px;
        margin-top:70px;
    }
    .btn{
        font-size:17px;
        letter-spacing:1px;
    }
    .higher{
        transform:scale(0.6);
        -webkit-transform-origin: 0 0;
        width:194%;
        margin-top:0px;
        margin-bottom:-200px;
        margin-left:-65px;
    }
    .about{
        padding:150px 0px 280px;
        height:auto;
    }
    .first:before, .bottomprod:before, .ppinfo:before{
        height:160px;
        top:-140px;
    }
    .first:after{
        height:130px;
        bottom:-30px;
    }
    .slideSection{
        height:300px;
        margin-top:-150px;
    }
    .displayProduct .displayProductHover{
        padding:3vw 0px;
        height:240px;
        font-size:15px;
        line-height:20px;
    }
    .socialouter{
        bottom:10px;
    }
    .first{
        padding:0px 0px 80px;
    }
    .displayProduct .displayProductHover span{
        max-width:90%;
    }
    .render{
        margin-bottom:0px;
    }
    .sectiondesk:after{
        height:150px;
    }
    .floorplan:before{
        height:150px;
        top:-50px;
    }
    .floorplanner{
        margin-top:0px;
    }
    .second{
        padding:165px 0px 310px;
    }
    .teaminfo{
        width:40%;
    }
    .vrshowlink{
        left:25px;
        bottom:25px;
    }
    .floorplannerlink{
        right:25px;
        bottom:25px;
    }
    .mainmenu ul li a{
        font-size:20px;
        line-height:25px;
        padding:5px;
    }
    .mainmenu ul li ul li  a{
        font-size:18px;
        line-height:25px;
    }
    h1{
        font-size:75px !important;
        line-height:75px !important;
        margin-bottom:10px !important;
    }
    h2{
        font-size:43px !important;
        line-height:43px !important;
    }
    h3{
        margin-top:0px;
        font-size:24px !important;
    }
    .resource{
        min-height:20vh !important;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .higher{
        transform:scale(0.5);
        width:265%;
    }
    .locationtitle{
        height:68px;
    }
}
@media (min-width: 769px) and (max-width: 991px) { /*Tablet*/
    .mainmenu ul li a{
        padding-left:5px;
        padding-right:5px;
    }
    .resource{
        min-height:20vh !important;
    }
    h1{
        font-size:45px !important;
        line-height:55px !important;
    }
     .displayProduct .displayProductHover{
        padding:50px 0px 100px !important;
    }
    .displayProduct .displayProductHover span{
        max-width:90%;
    }
    .about{
        padding:150px 0px 280px;
        height:auto;
    }
    .fun{
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform:scale(0.8);
    }
    .knightshield{
        margin-left:20px;
    }
    .first:before, .bottomprod:before, .ppinfo:before{
        height:160px;
        top:-140px;
    }
    .render{
        margin-top:60px;
        margin-bottom:119px;
    }
    .higher{
        transform:scale(0.6);
        -webkit-transform-origin: 0 0;
        width:1000px;
        margin:0 auto;
        display:inline-block;
        margin-top:0px;
        height:800px;
        margin-bottom:-300px;
    }
    .cta{
        font-size:45px;
    }
    .teamall{
        min-height:800px;
    }
    .teaminfo{
        width:50%;
    }
    .second{
        padding:100px 0px 240px;
    }
    .featherlight .featherlight-image{
        max-width:100% !important;
    }
    .first:after{
        height:130px;
        bottom:-30px;
    }
    .sectiondesk{
        margin-top:54px;
        padding-top:40px;
        padding-bottom:100px;
    }
    .floorplan:before{
        height:80px;
        top:-141px;
    }
    .floorplanner{
        margin:0 auto;
        margin-top:50px;
    }
    .floorplan{
        padding-top:0px;
    }
    .desk{
        padding-bottom:50px;
    }
    .sectiondesk:after{
        height:100px;
        bottom:-80px;
    }
    .sectiondesk:before{
        height:100px;
        top:-80px;
    }
    .first{
        padding:0px 0px 80px;
    }
    h2{
        font-size:43px !important;
        line-height:43px !important;
    }
    h3{
        margin-top:0px;
        font-size:24px !important;
    }
}

@media (max-width: 769px) { /*Mobile*/
    .menuSide{
        display:block;
        width:100%;
        height:Auto !important
    }
    .container{
        width:320px !important;
    }
    .menuiconouter{
        right:10px;
        margin-right:0px;
        margin-top:10px;
    }
    .menuIcon{
        float:right;
        margin-right:0px;
    }
    ul.sub-menu{
        padding-top:10px;
        padding-bottom:10px;
        max-width:90%;
        margin-left:5% !important;
    }
    .about{
        padding-bottom:200px;
    }
    .cta .btn{
        margin-top:30px;
    }
    .cta{
        font-size:26px;
        line-height:36px;
        padding:60px 0px;
    }
    .cta .btn{
        margin-top:20px !important;
    }
    .mobhidden{
        position:absolute;
        width:100%;
        min-height:100vh;
        display:none;
        padding-top:10vh;
        left:0px;
        background-color:#000;
        padding-left:0px;
        margin-left:0px;
    }
    .mobhidden ul{
        padding-left:0px;
        margin-left:0px;
    }
    .mobhidden li{
        width:100%;
        list-style:none;
        padding:0px;
        text-align:center;
        margin:0px;
    }

    .mobhidden li ul li{
        display:inline-block !important;
        padding-left:10px;
        padding-right:10px;
        width:auto !important;
    }
    .mobhidden li a{
        color:#fff;
        font-size:28px;
        line-height:38px;
    }
    .mobhidden li ul li a{
        font-size:20px;
        line-height:30px;
    }
    .header{
        display:none;
    }
    .slideSection{
        width:100%;
        margin-left:0px;
        left:0px;
    }
    .logomain{
        max-width:70%;
        margin-bottom:5px;
    }
    .stage h2{
        font-size:20px !important;
        padding-bottom:10px;
    }
    .vrshowlink{
        bottom:80px;
        left:0px;
        text-align:center;
        width:100%;
        padding:0px;
    }
    .floorplannerlink .icon,.vrshowlink .icon{
        margin-right:0px;   
    }
    .mainmenu ul li a{
        font-size:28px;
    }
    h1,.overGal h1, .overGal h1.in{
        font-size:40px !important;
        line-height:43px !important;
        margin-bottom:10px;
    }
    .mainmenu ul li ul li a{
        font-size:23px;
    }
    .displayProductHover{
        position:relative !important;
        display:block;
        height:auto !important;
        opacity:1 !important;
    }
    .menulog{
        max-width:41px;
    }
    .vrgal video{
        display:none;
    }
    .insidePage{
        padding-top:100px;
    }
    .overGal{
        position:relative !important;
        bottom:0px !important;
        padding-top:160px;
        padding-bottom:160px;
    }
    .sectiondesk{
        margin-top:82px;
    }
    .mainmenu ul li ul li a{
        padding:5px;
        font-size:17px;
    }
    .sectiondesk:before,.floorplan:before,.first:before,.bottomprod:before{
        height:100px;
        top:-92px;
    }
    .sectiondesk:after,.first:after{
        height:100px;
        bottom:-15px;
    }
    .teamsales{
        padding-top:20px;
    }
    .inspogal{
        padding-left:0px;
        padding-right:0px;
        padding-top:20px;
    }
    .render{
        margin-top:20px;
        margin-bottom:86px;
    }
    .displayProduct .displayProductHover span{
        max-width:90%;
    }
    .entry{
        padding-bottom:56px;
    }
    .floorplan{
        padding-top:0px;
    }
    .teaminfo{
        width:80%;
        padding:10px;
        left:10%;
    }
    .teamcross{
        top:20px;
        right:20px;
    }
    .second{
        padding:100px 0px 150px;

    }
    .valuesouter{
        margin-bottom:0px;
    }
    .overGal{
        width:100%;
        margin-left:0px;
        left:0px;
    }
    .btn{
        font-size:15px !important;
    }
    .higher{
        display:none;
    }
    .mainmenu{
        padding-left:10px;
        padding-right:10px;
    }
    .slideSection {
        top:60%;
        max-width:100%;
        width:90%;
        margin-left:0px;
        left:5%;
    }
    .mainmenu ul li a{
        padding:5px;
    }
    .about{
        padding-top:100px;
        height:auto !important;
    }
    .floorplannerlink{
        left:0px;
        bottom:20px;
        text-align:center;
        width:100%;
        padding:0px;
    }
    .knightshield{
        margin: 0 auto !important;
        display:block;
        padding-top:20px;
        max-width:40%;
    }
    h2{
        font-size:35px !important;
        line-height:35px !important;
    }
    .featherlight .featherlight-image{
        max-width:95%;
    }
    .floorplanner{
        margin-top:40px;
    }
    h3{
        margin-top:0px;
        font-size:19px !important;
        line-height:26px !important;
    }
    .mobsocial{
        display:block;
        margin-top:20px;
        text-align:center !important;
    }
    #wrapper {
        background: url(path_to_your_image) #000!important;
        background-size: cover;
    }
    .replacementVideo{
        display:block;
    }
    .btn{
        padding:5px 10px !important;
        letter-spacing:1px !important;
    }
    .productrangeinner{
        padding-top:50px;
    }
    video { display: none; }
    .socials2{
        font-family: 'FontAwesome';
        font-size:35px !important;
        color:#fff !important;
        display:inline-block;
        margin-left:4px;
        margin-right:4px;
        text-decoration:none;
        padding-bottom:0px;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }
    .social{
        display:none;
    }
}