-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@font-face {
font-family: 'FontAwesome';
src: url(//formsteel.co.nz/wp-content/themes/formsteel/fonts/fontawesome-webfont.eot?v=4.7.0);
src: url(//formsteel.co.nz/wp-content/themes/formsteel/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0)
format('embedded-opentype'), url(//formsteel.co.nz/wp-content/themes/formsteel/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),
url(//formsteel.co.nz/wp-content/themes/formsteel/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),
url(//formsteel.co.nz/wp-content/themes/formsteel/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
url(//formsteel.co.nz/wp-content/themes/formsteel/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
@keyframes slideIn {
0%{
transform: translateY(-100%);
}
100%{
transform: translateY(0);
}
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.animation-element.slide-left {
opacity: 0;
-moz-transition: all 500ms linear;
-webkit-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
-moz-transform: translate3d(-100px, 0px, 0px);
-webkit-transform: translate3d(-100px, 0px, 0px);
-o-transform: translate(-100px, 0px);
-ms-transform: translate(-100px, 0px);
transform: translate3d(-100px, 0px, 0px);
}
.hs-form-required{
display:none;
}
.hs-email div.input,.hs-email,.hs-submit{
display:inline-block;
}
#email-bcdc5a56-5bea-4b65-b02b-b97f30597829,input.hs-input{
display:inline-block;
padding:5px 10px;
width:240px;
border:none;
height:40px;
}
.hs-button{
display:inline-block;
border:none;
color:#fff;
text-transform:uppercase;
padding:8px 15px;
font-weight:bold;
background-color:#000;
}
.animation-element.slide-left.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.animation-element.slide-fade {
opacity: 0;
-moz-transition: all 500ms linear;
-webkit-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
}
.animation-element.slide-fade.in-view {
opacity: 1;
}
.thenametho{
max-width:200px;
display:block;
} .composite_floor_new {
width: 100% !important;
background-color: #f4bd19;
color: #000 !important;
}
.composite_floor_new_pdf {
width: 190px;
display: inline-block;
background-color: #f4bd19;
color: #000;
margin-top: 10px; line-height: 20px !important;
text-align: center; cursor: pointer;
margin-bottom: 10px;
min-height: 80px;
float: left;
margin: 10px 8px 0 0;
padding: 10px 5px 10px 10px !important;
}
.composite_floor_new_pdf a {
color: #000;
text-decoration: none; 
font-size: 16px;
}
.composite_floor_new_pdf .fa-download:before {
margin-right: 20px;
color: #000 !important;
}
.new_floor_img {
min-height: 478px;
}
.new_flooring_right_text {
float: left;
width: 35%;
margin: 10px 20px 5px 0;
padding: 0;
}
.new_flooring_img_right img{
width: 55%;
}
.new_flooring_img_right {
margin: 5px 14px 35px 0;
}
.new_flooring_right_text h4 {
color: #000;
font-weight: bold;
} .animation-element.slide-right {
opacity: 0;
-moz-transition: all 500ms linear;
-webkit-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
-moz-transform: translate3d(100px, 0px, 0px);
-webkit-transform: translate3d(100px, 0px, 0px);
-o-transform: translate(100px, 0px);
-ms-transform: translate(100px, 0px);
transform: translate3d(100px, 0px, 0px);
}
.animation-element.slide-right.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
body{
font-family: frank-new, sans-serif;
font-style: normal;
font-weight: 300;   font-size:15px;
line-height:26px;
}
p{
font-weight: 500;
}
input[type=submit],button{
text-transform: uppercase !important;
}
.ninty{
width: 90%;
margin: 5rem auto;
padding: 2%;
}
.ninty h3{
FONT-SIZE: 30PX;
font-weight: 600;
}
.ninty p{
margin-top: 20px;
}
.ninty a{
color:black;
}
.why-content{ background-color: #080808;
padding-top: 40px;
color: #f4bd19;
}
.why-content h1{
margin-top:0px;
margin-bottom:40px;
}
.why-points{
position: absolute;
left: 15%;
top: 20%;
width:70%;
color:white;
}
.why-points2{
position: absolute;
left: 15%;
font-weight:500;
bottom: 30%;
width:70%;
}
.blog-points{
position: absolute;
left: 15%;
font-weight:500;
width:70%;
}
.blog-individual{
width: 70%;
margin: auto;
font-size:18px;
line-height: 32px;
}
.blog-individual h3{
font-size: 20px;
text-transform: uppercase;
}
.blog-individual strong{
text-transform: uppercase;
}
.blog-individual h2{
font-size: 30px;
text-transform: uppercase;
}
.common-banner{
max-height: 37rem !important;
width: auto !important;
}
.common-banner-container{
color:#f4bd19;
text-align: center;
}
.common-banner-container p{
margin-top: 20%;
}
.warranty-left{
float: right;
}
h1{
text-transform: uppercase;
}
.why-points h3{
font-weight: 800;
color: #f4bd19;
}
.blogintro img{
max-width:100%;
height: auto !important;
}
.our-content{
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://formsteel.co.nz/wp-content/uploads/2019/04/Formsteel.jpg);
color: white; }
.common-container{ margin: auto;
}
.common-quote{
width: 100%;
padding: 1% 10%;
margin: auto;
background: lightgray;
}
.common-quote h1{
margin-top: 40px;
margin-bottom: 6rem;
}
.common-quote h2{
font-weight: 300;
font-size: 35px;
line-height:45px;
}
.common-phone{
padding: 5rem;
background-color:#000;
background-position: center;
color:#f4bd19;
background-repeat:no-repeat;
background-size:cover;
text-align: center
}
.common-phone h1{
margin-top: 3rem;
font-size: 60px;
font-weight: 600;
}
.common-phone h2{
margin-top: 0rem;
font-size:40px;
font-weight: 300;
}
.common-logos{
margin-top: 3em;
}
.common-logos{
}
.wpcf7 {
width: 80%;
}
.productrangeinner{
width: 80%;
margin: auto;
}
.fullyellow{
display:block;
position:relative;
float:none;
padding:5% 5% 5% !important;
width:100%;
}
.square {
float:left;
position: relative;
margin:0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover; overflow: hidden;
}
.equal{
width: 33.33%;
padding-bottom: 15%; }
.equal50{
width: 50%; }
.equal30{
width: 33.33%; padding: .2em;
}
.equal11{
width: 50%;
height: 0;
padding-bottom: 42%;
}
.equalsq {
width: 33.33%;
height: 0;
padding-bottom: 33%;
}
.rectangle{
width: 25%;
padding-bottom : 30%;
}
.eighty{
width: 80%;
margin: auto;
}
.textoverlay{
background-color:rgba(0,0,0,0.6);
color:#fff;
position:absolute;
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;
}
.downloads{
width: 100%;
height: 37rem;
background: #f4bd19;
background-position:top right;
padding-top: 7em;
text-align: center;
color: white;
}
.downloads p{
width: 30%;
color:#f4bd19;
margin: auto;
}
.fa-download:before{
margin-right:20px;
color:#f4bd19 !important;
}
.downloads .btn{
background-color:#000 !important;
color:#f4bd19;
max-width:300px;
text-align:center;
font-size:25px !important;
padding: 15px 40px !important;
border:none !important;
line-height:34px !important;
white-space: normal;
}
.downloads .btn i{
display:block;
font-size:43px !important;
}
.downloads .btn i:before{
font-size:43px !important;
}
.downloads h1{
font-weight: 600;
}
.smallsq img {
max-width:100%;
}
.yellowthough a{
color:#111 !important;
}
.nopadding{
padding:0px !important;
}
.bigYellow{ height:650px;
background-position: center center;
background-repeat:no-repeat;
background-size:cover !important; animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
-webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
.video-background { width: 100%; position: absolute;
left: 0;
top: 0;
}
.frontPage .bigYellow{  height: 40vw;
background-image: url(https://formsteel.co.nz/wp-content/uploads/2019/04/home-header-image.jpg);
background-repeat:no-repeat;
background-size:cover;
padding-top: 15%;
padding-left: 5%;
}
.img-overlay { top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.68);
}
.img-overlay2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: .5s ease;
background-color: rgba(0, 0, 0, 0.49);
background-image: linear-gradient(#00000000,#000000);
}
.text-overlay2{
position: absolute;
top: 0;
left: 0px;
width: 100%; padding: 3rem;
transition: .5s ease;
background-color: #887f7fad;
display: none;
color: white;
overflow:auto;
}
.text-overlay2::-webkit-scrollbar { width: 0 !important }
.text-overlay2 { overflow: -moz-scrollbars-none; }
.text-overlay2 { -ms-overflow-style: none; }
.text-overlay2 .text{
font-size: 30px;
color: #f4bd19;
margin-bottom: 1.5rem;
font-weight: 400;
}
.middle {
transition: .5s ease; position: absolute;
bottom: 15%; left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.closeme,.closeme2,.closeme3,.closeme4{
float:right;
margin-top:-7px;
margin-right:-7px;
cursor:pointer;
color:#f4bd19;
line-height:14px;
padding:5px;
background-color:#000;
}
.middle .text{
font-size: 25px;
font-weight: 400;
line-height:30px;
color: #eee;
}
.popUp{
position:fixed;
bottom:10%;
left:50%;
margin-left:-200px;
width:400px;
padding:20px 20px 40px;
background-color:#f4bd19;
z-index:999;
text-align:center;
display:none;
}
.popUpWhy,.popUpWhy2,.popUpWhy3{
position:fixed;
bottom:40%;
left:50%;
margin-left:-200px;
width:400px;
padding:20px 20px 40px;
background-color:#f4bd19;
z-index:999;
text-align:center;
display:none;
}
.footernav ul li{
list-style:none;
margin:0px;
padding:0px;
text-transform: uppercase;
}
.footernav ul {
padding:0px;
margin:0px;
}
.four{
padding:20%;
}
.popupText{
font-size:90px;
font-weight:600;
line-height:95px;
color:#fff;
}
.popUp p,.popUpWhy p,.popUpWhy2 p,.popUpWhy3 p{
margin-bottom:20px;
}
.popupSubText{
font-size:30px;
font-weight:600;
line-height:35px;
text-transform: uppercase;
margin-bottom:20px !important;
display:block;
}
.popupinput{
display:inline-block;
vertical-align: top;
height:40px;
width:240px;
border:none;
padding:10px;
}
.blackbtn{
background-color:#000;
border:none !important;
margin:0px !important;
color:#f4bd19;
display:inline-block;
}
.hero-text{
margin-top:150px;
background-color:rgba(0,0,0,0.7);
padding:25px;
max-width:500px;
font-size:70px;
font-weight: 600;
line-height:70px;
color:#eee;
}
.hero-text2{
font-size:70px;
font-weight: 600;
line-height:70px;
}
.hero-text .subtextbanner{
font-size:20px;
line-height:28px !important;
color:#f4bd19;
font-weight:normal !important;
display:block;
margin-top:20px;
padding:0px !important;
font-family:frank-new, sans-serif;
}
.topdownloads{
border:1px solid #f4bd19;
width:180px;
display:inline-block;
color:#f4bd19;
margin-top:30px !important;
font-size:18px !important;
line-height:25px !important;
text-align:center;
padding:10px !important;
cursor:pointer;
}
.topdownloads:hover{
background-color:#f4bd19;
color:#000;
}
.topdownloads:hover i{
color:#000 !important;
}
.topdownloads:hover .fa-download:before {
color:#000 !important;
}
.topdownloads i{
font-size:30px;
margin:0px !important;
padding:0px !important;
}
.topdownloads i:before{
padding-right:0px;
margin-right:0px;
}
.box{
right: 30%;
background-color: #f4bd19;
color: #000000;
padding: 20px;
}
a.boxclose{
float: right;
margin-top: -30px;
margin-right: -30px;
cursor: pointer;
color: #000;
border: 1px solid #fbfbfb;
border-radius: 30px;
background: #ffffff;
font-size: 30px; display: inline-block;
line-height: 0px;
padding: 11px 3px;
}
.boxclose:before {
content: "×";
}
.box-content{
margin-top: 20%;
font-size: 25px;
font-weight: 400;
}
.lilcircle{
float:right;
margin-left:20px;
padding:5px;
border:2px solid #f4bd19;
height:40px;
width:40px;
border-radius:40px;
margin-top:0px;
font-size:23px;
text-align: center;
padding-left:9px;
}
.box-content .btn {
background: black;
float: right;
}
.angled{
height: 20em;
position:relative;
overflow:hidden;
background-repeat:no-repeat; background-size: 50% 130%!important;
}
.angled:after{
content:'';
position:absolute;
top:0; right:25%;
width:100%; height:100%;
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:100% 0;
-webkit-transform:skewX(30deg);
-ms-transform:skewX(30deg);
transform:skewX(160deg);
}
.anglee{
position: relative; text-align:right;
padding-right:40px;  background-color: rgba(0,0,0,0.5);
color:#f4bd19;
font-size:17px;
line-height:20px;
padding-top:10px;
padding-bottom:7px;
margin-right:-20px;
transform: skewX(160deg);
}
.anglee > * { transform: skewX(-160deg); }
.right{
float:right;
}
.anglee p{
padding-left:2em;
}
.sidesticks a{
color: black;
text-decoration: none;
cursor: pointer;
}
.yellow:after{
background-color: #f4bd19;
}
.white:after{
background-color: #fff;
}
.blogs{
background-color:lightgrey;
padding: 1% 10% 5%;
}
.searchandfilter{
background: #f1f0ef;
margin-bottom: 4%;
text-align: center;
}
.searchandfilter input,select{
width:80%;
height: 38px;
}
.google-maps iframe {
top: 0;
left: 0;
width: 100% !important;
}
select:after{
font-family: FontAwesome;
content: '\f107';
font-size: 28px;
position: absolute;
top: 12px;
right: 20px;
color: #434B67;
pointer-events: none;
}
.searchandfilter ul{
width:100%;
}
.searchandfilter li{
width:33.33%;
margin-bottom: 2%;
}
.searchandfilter input[type="submit"]{
background-color: #eee;
border: 1px solid #ddd;
color: #333;
font-size: 1em;
}
.searchandfilter input[type="submit"]:hover{
background-color: #ddd;
border: 1px solid #ccc;
cursor: pointer;
}
.blog-small{
width: 100%;
}
.wonderplugincarousel-container{
margin-top: 3em;
margin-bottom: 40px;
}
.close{position:absolute; right:-25px; top:-25px;}
.square:hover .middle .text{
color: #f4bd19;
}
.rectangle:hover .team{
display:none;
}
.square:hover .middle {
transition: .5s ease;
opacity: 1;
}
.square:hover .img-overlay2 {
transition: .5s ease;
opacity: 0;
}
.square:hover .text-overlay2 {
display:block;
transition: .5s ease;
}
.first-div, .second-div{
position: absolute;
top: 0;
width: 55%;
padding-left: 2em;
padding-top: 1em;
color: black;
text-align: left;
z-index: 999;
}
.second-div h2{
color:black !important;
}
.speed-content {
position: absolute;
bottom: 20%;
left: 15%;
}
.speed-top-content{
background:lightgrey;
}
.speed-color-content{
position: absolute;
bottom: 1em;
left: 1em;
color:white;
}
.speed-content h1{
color:white;
font-weight: 400;
}
.speed-range-container{
margin: 6em 7em;
}
.speed-range-container .row{
margin-top: 4em;
}
.speed-range p{
margin: 0 0 0px;
}
.speed-range img{
width:100%;
}
.speed-range:hover .speed-content h1{
color:#f4bd19;
transition: transform .4s ease;
}
.speed-sub{
display:none;
background:black;
color:white;
text-align: center;
padding: .5rem;
font-weight: 400;
}
.speed-range:hover .speed-sub{
background:#f4bd19;
transition: transform .4s ease;
}
.speed-optional{
text-align: center;
margin: 6em 0em;
background-color:lightgray;
padding:30px 0px 70px;
} .aero-content{
position: absolute;
top: 9em;
}
.aero-color-content{
position: absolute;
bottom: 1em;
left: 1em;
color:white;
}
.aero-content h1{
color:white;
font-weight: 400;
}
.aero-range p{
margin: 0 0 0px;
}
.aero-range img{
width:100%;
}
.aero-range:hover .aero-content h1{
color:#f4bd19;
transition: transform .4s ease;
}
.aero-sub{
background: #00000073;
color: white;
padding: 0 2em;
}
.aero-range:hover .aero-sub{
background:#f4bd19;
color:black;
transition: transform .4s ease;
}
.yellow-grid{
background-color: #f4bd19;
}
.story-grid{ padding: 0% 10%;
padding-top: 5%;  
}
.story-grid h3{
font-size:40px;
line-height:45px;
font-weight: 600;
}
.short-story{
padding: 50px;
background: lightgray;
}
.short-story p{
margin: 0;
font-size: 40px;
line-height: 1;
}
.no-padding{
padding-left: 0px;
padding-right: 0px;
}
.box__right, .box__left, .box__top, .box__bottom, .box__center {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
line-height: inherit;
transition: transform .4s ease;
}
.box__right:before, .box__left:before, .box__top:before, .box__bottom:before, .box__center:before {
position: absolute;
content: ''; width: 70.71%;
height: 70.71%;
transform: rotate(45deg);
}
.box__right:hover, .box__left:hover, .box__top:hover, .box__bottom:hover, .box__center:hover {
transform: translateX(0);
z-index: 1;
}
.box__right:hover:before, .box__left:hover:before, .box__top:hover:before, .box__bottom:hover:before, .box__center:hover:before {
width: 100%;
height: 100%;
transform: none;
}
.box__right {
background-color: rgba(0, 0, 0, 0.7);
transform: translateX(100%);
}
.box__right:before {
right: 100%;
bottom: 0;
transform-origin: 100% 100%;
}
.box__right:hover ~ .box__center {
transform: translateX(-100%);
}
.box__left {
background-color: rgba(0, 0, 0, 0.7);
transform: translateX(-100%);
}
.box__left:before {
left: 100%;
transform-origin: 0 0;
}
.box__left:hover ~ .box__center {
transform: translateX(100%);
}
.box__top {
background-color: rgba(0, 0, 0, 0.7);
transform: translateY(-100%);
}
.box__top:before {
top: 100%;
right: 0;
transform-origin: 100% 0;
}
.box__top:hover ~ .box__center {
transform: translateY(100%);
}
.box__bottom {
background-color: rgba(0, 0, 0, 0.7);
transform: translateY(100%);
}
.box__bottom:before {
bottom: 100%;
left: 0;
transform-origin: 0 100%;
}
.box__bottom:hover ~ .box__center {
transform: translateY(-100%);
}
.box__center {
background: orange;
z-index: -1;
}
.testimonials{
width: 100%;
background-image: linear-gradient(#0000008c,#000000),url(https://formsteel.co.nz/wp-content/uploads/2019/04/Formsteel33.jpg);
background-position: bottom;
background-color: rgba(0, 0, 0, 0.49);
height: 20em;
padding-top: 20px;
}
#wonderplugincarousel-container-3 .amazingcarousel-hover{
display:none !important;
}
.yellowcolour{
color:#f4bd19 !important;
}
h1,h2,h3{
font-family: frank-new, sans-serif;
FONT-SIZE: 40PX;
font-weight: 600;
line-height:45px;
font-style: normal;
}
h1{
font-size:40px;
line-height:50px;
margin-bottom:30px;
margin-top: 40px;
font-weight: 600;
}
.overlayprocess{
position:absolute; top:30%;
left:0%;
color:#fff;
width:100%;
}
.overlayprocess h2{
font-size: 50px;
font-weight: 500;
text-transform: uppercase;
line-height: 60px;
margin-bottom: 2rem;
}
.process{
width:100%;
padding:40px 0px;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
-webkit-transition: all 3.8s ease-in-out;
-moz-transition: all 3.8s ease-in-out;
-o-transition: all 3.8s ease-in-out;
-ms-transition: all 3.8s ease-in-out;
transition: all 3.8s ease-in-out;
height:100vh;
width:100vw;
opacity:0.7;
}
.process-quote{
width: 60%;
margin: auto;
}
.process-quoteLast{
width: 100%;
}
.map{
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
height:600px;
margin-top:-100px;
}
.section{
background-color:#111;
}
.processzoom{
transform: scale(1.03);
}
.greyServices h2{
font-size:40px;
line-height:50px;
margin-bottom:30px;
}
#slideshow {
margin: 0 auto;
position: relative;
width:100%;
height: auto;
margin-top:-20px;
}
#slideshow img{
max-width:100%;
border-radius:5px;
}
.herotextpadding{
margin-left:10%;
}
#slideshow > div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}
.textoverlay .title{
font-size:50px;
font-family: frank-new, sans-serif;
font-weight: 700;
font-style: normal;
position:absolute;
bottom:0px;
padding-left:20px;
left:0px;
line-height:60px;
padding-top:40px;
padding-bottom:40px;
text-align:left;
color:#fff; width:600px; }
.nav{
position:fixed;
width:100%;
z-index:999;
background-color:#111;
padding:10px 0px;
-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;
}
@keyframes fadein {
from { margin-top: -500px; }
to   { margin-top: 0px }
} @-moz-keyframes fadein {
from { margin-top: -500px; }
to   { margin-top: 0px }
} @-webkit-keyframes fadein {
from { margin-top: -500px; }
to   { margin-top: 0px }
} @-ms-keyframes fadein {
from { margin-top: -500px; }
to   { margin-top: 0px }
} @-o-keyframes fadein {
from { margin-top: -500px; }
to   { margin-top: 0px }
}
.mobileMenu{
display:none;
}
.fourth video{
width:auto;
}
.fourth:hover .textoverlay{
background-color:rgba(0,0,0,0.3);
}
.big{
width:60% !important;
}
.blogsmall img{
max-width:100%;
}
.blogsmall {
display:block;
overflow:hidden;
position:relative;
}
.blogs .btn{
margin-top:40px;
background-color: black;
border:none;
}
.blog-date
{
margin-top: 2%;
}
.btn{
margin: 0 1.5rem;
border:1px solid #fafff9;
border-radius:0px;
color: #fafff9;
font-size:17px;
line-height:27px;
text-transform: uppercase;
}
.btn:hover{
background-color:#fff;
color: #f4bd19;
}
.btn .fontawesomeicon{
display:inline-block;
margin-left:5px;
}
.btn.invert {
background-color: #fff;
border: 1px solid #fafff9;
color: #f4bd19;
}
.btn.invert:hover{
background-color: #f4bd19;
color:#fff;
}
.footer .btn{
background-color:#f4bd19;
display:inline-block;
vertical-align: top;
margin-top:7px;
}
.socials .fontawesomeicon{
font-size:35px;
margin-right:10px;
}
.footer b {
font-family: frank-new, sans-serif;
font-weight: 700;
font-style: normal;
}
.alignright{
text-align:right;
}
.bottomfooter{
background-color:#444;
font-size:13px;
line-height:18px;
padding:5px 0px;
color:#fff;
}
.bottomfooter a{
font-weight:bold;
}
.footer .form-control{
max-width:200px;
display:inline-block;
margin-top:8px;
height:39px;
border:none !important;
}
.form-control{
border-radius:0px;
}
.footer .fontawesomeicon{
color:#f4bd19;
}
.overlay{
background-color:rgba(0,0,0,0.6);
color:#fff;
font-family: frank-new, sans-serif;
font-weight: 700;
font-style: normal;
width:100%;
top:0px;
position:absolute;
font-size:20px;
cursor:pointer;
line-height:30px;
text-align:center;
padding:6vw 2vw 7vw;
-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;
}
.planTop .unslider{
margin-top:27px;
}
.footerlogo{
max-width:200px;
height:auto;
}
.footer{
background-color:#111;
padding:50px 0px;
color:#fff;
font-size: 12px;
}
a{
color:#f4bd19;
}
.blogsmall:hover .overlay{
background-color:rgba(0,0,0,0.3);
}
.clear{
display:block;
clear:both;
}
.fourth{
width:33.3%;
display:inline-block;
margin-right:-5px;
overflow:hidden;
border-right:5px solid #111;
cursor:pointer !important;
position:relative;
-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;
opacity:0;
background-color:#111;
}
.servicesNav{
width:100%;
padding:0px 0px 20px;
text-align:center;
display:none;
}
.servicesNav li{
list-style:none;
display:inline-block;
}
.servicesNav ul{
padding-left:0px;
margin-left:0px;
}
.servicesNav li a{
color:#fff;
text-transform: uppercase;
position:relative;
display:block;
overflow:hidden;
width:300px;
height:200px;
}
.blogintro .btn{
margin-top:30px;
}
.blogpage{
width:80%;
margin:auto;
margin-top: 4%;
margin-bottom:4%;
}
.insidePage img{
max-width:100%;
height:auto; }
.blogintro{
padding-bottom:50px;
}
.insidePage img{
display: block;
max-width:100%;
height:auto;
}
.onblogpage{
color: #9396a3;
font-weight: 600;
}
.insidePage{
padding:10% 0px 10%;
}
.case_studies-template-default .insidePage,.formsteel_services-template-default .insidePage{
padding-bottom:0px !important;
}
.servicesNav li a:hover .menu-image-title{
background-color:rgba(0,0,0,0.2);
}
.servicesNav li a .menu-image-title{
position:absolute;
background-color:rgba(0,0,0,0.5);
color:#fff;
width:100%;
top:0px;
left:0px;
padding:4vw 0px 5vw;
font-family: frank-new, sans-serif;
font-weight: 700;
font-style: normal;
-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;
}
.mobImg{
display:none;
}
.servicesNav li a img{
min-width:300px;
min-height:200px;
max-height:200px;
height:auto;
width:auto;
display:block;
height:auto !important;
}
.sub-menu{ }
ul li ul {
visibility: hidden;
opacity: 0;  width: 20rem;
position: absolute;
transition: all 0.5s ease; padding: .5rem;
background-color:#111111;
left: 0;
display: none;
text-align: left;
}
ul li:hover > ul,
ul li ul:hover,ul li:hover > .sub-menu {
visibility: visible;
opacity: 1;
transition-duration: 0.5s;
transition-property: opacity, transform;
display: block;
}
ul li ul li {
clear: both;
width: 100%;
}
ul li ul li:not(:last-child){
border-bottom: 2px solid #ffffff;
}
.mainmenu li ul li a{
font-size: 15px;
font-weight: 100;
padding: 5px;
}
.mainmenu li ul li a:focus {
background-color:#f4bd19;
color:black !important;
}
.white{
background-color:#fff;
width:100%; }
.fourth.fadedIn{
opacity:1;
}
.formvideo{
width:100%;
height:auto;
}
.service{
padding:30px 30px;
}
.greyServices .fontawesomeicon{
font-size:30px;
line-height:30px;
}
.greyServices .btn .fontawesomeicon{
font-size:17px;
line-height:17px;
}
.small{
width:20%;
}
.greyServices{
background-color:#eee;
padding:80px 0px;
}
.homepageInfo{
padding-right:50px;
}
.fullPage{
width:100%;
overflow:hidden;
}
.fullCategories{
background-color:#111;
text-align: center;
}
.serviceItem img{
max-width:100%;
}
.unslider-nav{
display:none;
}
.unslider-arrow{
display:none;
}
.testimonialSection{
background-color:#efefef;
padding:80px 0px;
margin-top:80px;
}
.testimonial {
font-family: frank-new, sans-serif;
font-weight: 700;
font-style: normal;
font-size:20px;
line-height:30px;
padding-left:70px;
padding-right:70px;
position:relative;
}
.testimonial:before{
content:'\f10d';
font-family: 'FontAwesome';
position:absolute;
left:0px;
font-size:60px;
color:#f4bd19;
}
.form-control{
width:100%;
}
.slider2 img{
width:100%;
}
.yellow .form-control{
background-color:#bbb;
border:none;
margin-top:10px;
}
.yellow .btn{
background-color:#fff;
border:none;
}
.testimonialSection video{
width:630px;
height:350px;
}
label{
width:100%;
}
.testimonialAuthor{
text-align:right;
margin-top:20px;
font-size:20px;
line-height:28px;
}
.tesitmonialVideo{
text-align:center;
}
.testimonial:after{
content:'\f10e';
position:absolute;
font-family: 'FontAwesome';
font-size:60px;
right:0px;
color:#f4bd19;
bottom:0px;
}
.foogallery .fg-caption{
background-color:rgba(255,205,0,0.6);
}
.inpage-gallery{
margin-top: 4rem;
margin-bottom: 7rem;
}
.serviceItem {
margin-bottom:50px;
text-align:center;
cursor:pointer;
padding-bottom:0px;
}
.bottomDesc{
padding:10px 10px 30px 10px;
background-color:#efefef;
}
.brochure{
margin-top: -10%;
margin-bottom: -25%;
margin-left: -15%;
width:120%;
}
.yellow{
background-color:#333;
padding:60px 0px;
text-align:center;
background-repeat:no-repeat;
color:#999;
}
.yellow h2,.yellow .fontawesomeicon {
color: #f4bd19;
}
.yellow h3{
color:#bbb;
}
.deepgrey .btn{
background-color:#f4bd19;
}
.deepgrey h2{
color:#f4bd19;
}
.deepgrey{
background-color:#333;
padding:80px 0px;
text-align:center;
color:#fff !important;
}
.footeryellow{
background-color: #f4bd19;
padding: 80px 0px;
text-align: center; }
.footer h3{
FONT-SIZE: 12PX;
}
.labelinline{
width:40%;
display:inline-block;
margin-right:10px;
}
.leftAlign{
text-align:left;
}
.serviceItem:hover .bottomDesc{
background-color:#ddd;
}
.mainmenu li{
display:inline-block;
position: relative;
list-style:none;
}
.mainmenu{
margin-top:10px;
margin-bottom:10px;
display: -webkit-inline-box;
}
.mainmenu ul{ margin-left:0px;
}
.mainmenu li a{
color:#eee;
text-transform: uppercase;
display:block;
padding:10px 10px;
text-decoration:none;
letter-spacing:1px;
font-size: 15px;
font-weight: 600;
}
.mainmenu li a:hover{
color:#f4bd19;
}
.centered{
text-align:center;
}
.homePoint{
margin-top:60px;
}
.homePoint .fontawesomeicon{
font-size:60px;
line-height:80px;
}
.positionTitle{
font-size:20px;
display:block;
font-weight:bold;
}
.team{
transition: .5s ease; position: absolute;
bottom: -4.6rem;
padding: 2rem; left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); width: 100%;
color: white;
background: #0c0c0cad;
}
.team .name{
font-size: 25px;
text-transform: uppercase;
font-weight: 400;
}
#wpcf7-f5-o1 .form-control{
background-color:#eee;
}
#wpcf7-f5-o1 .btn{
background-color:#f4bd19;
float:right;
border:none;
}
.team img{
max-width:100%;
}
.meetTheTeam{ background-color: black;
}
img.alignright{
float:right;
margin-left:50px;
}
.aboutabove{
margin-top:80px;
}
.logo{
max-width:230px;
margin-top:5px;
margin-bottom:5px;
}
.container{ width:100%;
padding-left: 0px;
padding-right: 0px;
}
.fg-item{
width:49%;
inline-block;
}
.locationdiv{
padding: 10%;
}
@media (min-width: 1300px) and (max-width: 1700px){   .overlay{
padding:5vw 2vw;
}
.textoverlay .title{
width:350px;
}
}
@media (min-width: 1300px) {
.blogdesclg{ }
.smalldesc{ }
.smalldesc h3{
text-transform: uppercase;
}
.smalldesc .btn{
background: black;
}
.blogs .btn .readmore { position: absolute;
bottom: 2px;
}
}
@media (max-width: 1300px) {
.why-points2{
position: absolute;
left: 10%;
bottom: 10%;
width:75%;
}
.blog-points{
position: absolute;
left: 15%; width:70%;
}
}
@media (min-width: 991px) and (max-width: 1300px) {
.common-banner-container p{
margin-top: 25%;
}
h1, h2, h3,.story-grid h3{
font-size:30px;
line-height:35px;
}
.downloads p{
width:50%;
}
.story-grid{
padding:3%;
}
.logo{
margin-right:0% !important;
}
.fg-item{
width:47%;
inline-block;
}
.overlayprocess{
bottom:25%;
}    .footer .form-control{
max-width:186px;
}
.textoverlay .title{
font-size:28px;
line-height:35px;
}
.overlay{
padding:12vw 30px 14vw;
font-size:20px;
line-height:29px;
}
.mainmenu li a{
padding:5px;
}
.white{ }
.testimonials{
padding-top:1px;
}
.insidePage {
padding-top:200px;
}
.blogs{
padding-top:30px;
}
.blogsmall{
margin-bottom:20px;
}
.hero-text2{
font-size:50px;
line-height:55px;
}
.testimonialSection video{
max-width:100%;
height:220px;
}
.why-points2{
font-size:13px;line-height:20px;
}
.blog-points{
font-size:13px;line-height:20px;
}
}
@media (min-width: 769px){
.text-overlay2 {
height: 100%; 
}
}
@media (min-width: 769px) and (max-width: 991px) {
.why-points2{
font-size:13px;line-height:20px;
left:5%;
width:85%;
}
.blog-points{
font-size:13px;line-height:20px;
left:5%;
width:85%;
}
body{
font-size:14px;
line-height:21px;
} .testimonials{
padding-top:1px;
}
.blogs{
padding-top:0px;
}
.hero-text2{
font-size:50px;
line-height:55px;
}
.fg-item{
width:47%;
inline-block;
}
.container{
width:100%; }
.testimonialSection video{
max-width:100%;
height:180px;
}
.wonderplugincarousel-container{
margin-top:0px;
}
.box{
display: none;
}   h1, h2, h3,.story-grid h3{
font-size:28px;
line-height:33px;
margin-bottom:2px;
}
.common-phone h2,.common-quote h2{
font-size:30px;
line-height:40px;
}
.overlay{
padding:8vw 30px 9vw;
font-size:20px;
line-height:29px;
}
.logo{
max-width:160px;
float:left;
padding-bottom:0px;
margin-left:10px;
}
.mainmenu li a{
padding-bottom:5px;
padding-top:5px;
}
.nav{
position:absolute;
width:100%;
}
.footer .btn{
font-size:14px;
padding:6px 5px;
line-height:18px;
height:auto;
}
.footer{
font-size:13px;
}
.footer .form-control{
height:30px;
max-width:123px;
}
.footerlogo{
max-width:150px;
}
.mainmenu{
display:none;
background-color:rgba(0,0,0,0.8);
position:absolute;
margin-left:-15px;
top:57px;
width:100%;
}
.mainmenu li {
display:block;
}
.mobileMenu{
float:right;
display:block;
color:#fff;
font-size:28px;
margin-right:17px;
margin-top:10px;
cursor:pointer;
}
.blogsmall{
margin-bottom:20px;
}
.textoverlay .title{
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
left:30px;
}
.sub-menu{
display:block;
}
.fourth{
width:100%;
height:200px !important;
}
.sub-menu a {
color:#f4bd19 !important;
}
.textoverlay{
height:200px !important;
}
.white{ }
.fullCategories{ margin-top:0px;
}
.yellow{
padding:40px 0px;
}
.homePoint{
margin-top:20px;
font-size:14px;
line-height:18px;
}
.downloads p{
width:60%;
}
.homePoint h3{
font-size:19px;
line-height:25px;
}
.greyServices{
padding:60px 0px;
}
.brochure {
margin-top:-45px;
}
.greyServices h2{
font-size:27px;
line-height:38px;
}
.deepgrey{
padding:30px 0px;
}
.servicesNav{
display:none !important;
}
.mobImg{
display:block;
max-width:100%;
min-width:100%;
}
.sub-menu{
position:relative;
visibility: visible;
width:100%;
opacity:1 !important;
}
.sub-menu li {
text-align:center;
border-bottom:none !important;
}
.fourth video{
display:none;
}
.big,.small{
width:100% !important;
}
.fourth video{
width:100% !important;
height:auto !important;
}
.insidePage{
padding-top:100px;
}
.testimonial{
font-size:15px;
padding-left:30px;
padding-right:30px;
line-height:22px;
}
.testimonial:before,.testimonial:after{
font-size:25px;
line-height:30px;
}
.testimonialAuthor{
font-size:16px;
line-height:22px;
}
img.alignright{
margin-left:10px;
height:auto;
}
.story-grid{
padding:0% 3%;
}
iframe#hs-form-iframe-0{
margin:0 auto;
}
.text-overlay2 .text{
font-size:30px;
}
}
@media (max-width: 769px) {
.common-banner-container p {
margin-top: 5%;
text-align: left;
padding-right: 1rem;
}
.process-quote{
line-height:25px;
}
.middle{
top: 50%;
}
.ninety{
padding:5%;
}
.warranty-img{
display:none !important;
}
.common-banner-container {
width: 100% !important;
}
.speed-content h1 {
font-size: 30px;
line-height: 32px;
}
.equal50 {
width: 100%; 
padding-bottom: 1%; 
}
.equal {
width: 100%;
padding-bottom: 24%;
}
.insidePage .row img{
margin-top: 2rem;
}
.downloads p{
width:75%;
}
.blog-individual {
width: 100%;
}
.common-quote h2,.common-phone h2{
font-size:25px;
line-height:32px;
}
.downloads{
padding-top:10vw;
}
.mainmenu{
width:100%;
overflow:hidden;
}
.story-grid{
padding:10px 30px;
}
ul#menu-main-menu{
padding:0px;
}
img.alignright{
margin-left:0px;
margin-bottom:30px;
height:auto;
}
#hs-form-iframe-0{
max-width:260px !important;
margin:0 auto;
}
.structfoot{
display:none;
}
.hero-text2{
font-size:30px;
line-height:35px;
}    .box{
display: none;
}
.bigYellow{
padding-top:86px !important;
background-size:cover !important;
}
#menu-main-menu{
margin-left:0px;
padding-left:0px;
}
#wonderplugincarousel-2 blockquote{
font-size:12px;
line-height:16px;
}
.mainmenu {
margin-top:0px;
}
.team{
margin-bottom:20px;
}
.testimonial{
font-size:15px;
padding-left:30px;
padding-right:30px;
line-height:22px;
}
.video-background{
top:65px !important;
}
.wonderplugincarousel-container{
margin-top:0px !important;
}
.testimonial:before,.testimonial:after{
font-size:25px;
line-height:30px;
}
.container{
width:300px !important; 
}
.speed-range-container {
margin: 0;
}
.testimonialAuthor{
font-size:16px;
line-height:22px;
}
.testimonialSection video{
max-width:100%;
height:220px;
}
.fg-item{
width:100%;
inline-block;
}
.mobilenopadd{
padding-left:5px !important;
padding-right:5px !important;
}
.container{ padding:0px;
}
.downloads{
height:200px;
}
.common-phone h2{
font-size:30px;
line-heihgt:35px;
}
.common-phone h1{
font-size:40px;
}
div.wpforms-container-full .wpforms-form .wpforms-one-fourth{
width:100% !important;
padding-left:0px !important;
margin:0px !important;
}
.downloads h1{
margin-top:10px;
}
.downloads .btn{
width:100%;
font-size:16px !important;
line-height:20px !important;
padding:5px 10px !important;
margin-bottom:5px;
}
.downloads .btn i{
display:inline-block;
font-size:20px !important;
line-height:20px !important;
margin-left:10px;
}
.downloads .btn i:before{
font-size:20px !important;
}
body{
font-size:14px;
line-height:20px;
}
.overlayprocess{
bottom:10%;
}
.mobileMenu{
float:right;
display:block;
color:#fff;
font-size:28px;
margin-top:18px;
margin-right:20px;
cursor:pointer;
}
.textoverlay .title{
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
left:30px;
font-size:20px;
}
h1,.story-grid h3{
font-size:20px;
line-height:30px;
margin-bottom:10px;
}
.sub-menu{
display:block;
}
.fourth{
width:100%;
height:200px !important;
}
.big,.small{
width:100% !important;
}
.fourth video{
width:100% !important;
height:auto !important;
}
.sub-menu a {
color:#f4bd19 !important;
}
.textoverlay{
height:200px !important;
}
.white{ }
.fullCategories{
margin-top:78px;
}
.nav{
position:absolute;
}
.logo{
max-width:150px;
padding-bottom:10px;
float:left;
margin-left:20px;
}
.common-banner-container img.common-banner{
margin-top:0px !important;
min-height:140px !important;
height:140px !important;
width:auto !important;
max-width:130% !important;
}
.servicesNav{
display:none !important;
}
.mainmenu{
display:none;
background-color:rgba(0,0,0,0.8);
position:absolute;
margin-left:0px;
top:67px;
width:100%;
padding:0px;
left:0px;
margin:0px !important;
}
.service{
padding:0px;
}
.mainmenu li {
display:block;
}
.homePoint .fontawesomeicon{
font-size:40px;
line-height:50px;
}
#slideshow{
height:200px;
}
.homePoint{
margin-top:20px;
}
.amazingcarousel-nav{
overflow:hidden;
}
.inpage-gallery{
margin-bottom:10px;
}
.brochure{
max-width:80%;
margin:0 auto;
margin-top:0px;
display:block;
}
.bottomfooter{
text-align:center !important;
}
.thenametho{
max-width:100%;
}
.topdownloads i{
font-size:20px;
margin-left:10px !important;
}
.topdownloads p{
display:inline-block;
padding-bottom:0px;
margin-bottom:0px;
}
.bottomfooter .alignright{
text-align:center;
}
.hero-text{
font-size:23px;
line-height:29px;
}
h2,.greyServices h2,.overlayprocess h2{
font-size:20px;
line-height:25px;
}
.topdownloads{
width:100%;
font-size:13px !important;
padding:10px 10px !important;
line-height:17px !important;
margin-top:5px !important;
}
.topdownloads i{
display:inline-block;
float: right;
}
.hero-text .subtextbanner{
font-size:15px;
line-height:20px !important;
padding-top:0px;
margin-top:5px;
}
.footer .form-control{
max-width:189px;
}
.hero-text{
margin-top:0px;
}
.bigYellow{
height:300px;
}
.socials{
margin-top:20px;
}
.labelinline{
width:100%;
}
.blogsmall{
margin-bottom:20px;
}
.ninty{
margin:0px 0px;
}
.overlay{
padding:70px 20px;
}
.fourth video{
display:none;
}
.equal11{
width:100%;
padding-bottom:81%;
padding-top:20px;
}
.hero-text{
padding:10px;
}
h3,.ninty h3{
font-size:18px;
line-height:23px;
}
.yellow,.greyServices,.deepgrey{
padding:30px 0px;
}
.process-quote{
width:100%;
}
.overlayprocess{
top:15%;
}
.mobImg{
display:block;
max-width:100%;
min-width:100%;
}
.insidePage{
padding-top:80px;
padding-bottom:40px;
} .wpcf7-form{
margin-top:50px;
}
.popUp p,.popUpWhy p,.popUpWhy2 p,.popUpWhy3 p{
margin-bottom:0px;
}
#email-bcdc5a56-5bea-4b65-b02b-b97f30597829{
width:170px;
}
.popUp,.popUpWhy,.popUpWhy2,.popUpWhy3{
bottom:10%;
width:300px;
margin-left:-150px;
}
.ninty{
width:100%;
}
.mainmenu ul{
position:relative;
width:100%;
opacity:1 !important;
visibility:visible !important;
}
.mainmenu ul li{
text-align:center !important;
border-bottom:none !important;
}
.mainmenu ul li a{
padding:3px 0px;
}
.equal11{
height:auto !important;
padding-bottom:20px;
min-height:300px;
}
.popupText{
font-size:50px;
line-height:55px;
}
.popupSubText{
font-size:20px;
line-height:25px;
}
.nav{
padding:0px !important;
}
.herotextpadding{
margin-left:0px;
}
.square{
overflow:auto;
}
.why-points2{
position:relative;
padding-top: 5%;
}
.blog-points{
position:relative;
padding-top: 5%;
}
.rectangle{
width:100%;
height:300px;
background-size: contain;
}
}
@media (max-width: 400px) {
.equal{
width:100%;
}
}
.aligned-row {
display: flex;
flex-flow: row wrap;
&::before {
display: block;
}
}html.fp-enabled,
.fp-enabled body {
margin: 0;
padding: 0;
overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.fp-slide {
float: left;
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index:1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout:fixed;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
overflow: hidden;
position: relative;
}
.fp-scroller{
overflow: hidden;
}
.iScrollIndicator{
border: 0 !important;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
}
#fp-nav.fp-right {
right: 17px;
}
#fp-nav.fp-left {
left: 17px;
}
.fp-slidesNav{
position: absolute;
z-index: 4;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
left: 0 !important;
right: 0;
margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
bottom: 17px;
}
.fp-slidesNav.fp-top {
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position:relative;
}
.fp-slidesNav ul li {
display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background: #333;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
width: 10px;
height: 10px;
margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
height: auto !important;
}