@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
*/


button::-moz-focus-inner {  border: 0;}
a:focus {     outline: none; }
button:focus {     outline: none; }
::-moz-focus-inner {border:0;}
:focus, :active {    outline: 0;    border: 0;}



select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(../images/small-down-arrow.png);
   background-repeat: no-repeat;
   background-position: 85% center;
}



@font-face {
font-family: 'PilatWide-Book';
font-style: normal;
font-weight: normal;
src: local('PilatWide-Book'), url('PilatWide-Book.woff') format('woff');
}



@font-face {
font-family: 'PilatWide-Light';
font-style: normal;
font-weight: normal;
src: local('PilatWide-Light'), url('PilatWide-Light.woff') format('woff');
}



@font-face {
font-family: 'PilatWide-Regular';
font-style: normal;
font-weight: normal;
src: local('PilatWide-Regular'), url('PilatWide-Regular.woff') format('woff');
}



@font-face {
font-family: 'PilatWide-Bold';
font-style: normal;
font-weight: normal;
src: local('PilatWide-Bold'), url('PilatWide-Bold.woff') format('woff');
}





@font-face {
font-family: 'PilatWide-Heavy';
font-style: normal;
font-weight: normal;
src: local('PilatWide-Heavy'), url('PilatWide-Heavy.woff') format('woff');
}




body {color: #04214a; margin: 0px; font-family: poppins; font-size: 15px; font-weight: 300; line-height: 26px; margin: 0px 0px 0px 0px; }

html {  scroll-behavior: smooth;}


a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none; color: #000;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; text-align: left;}

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box; }

.container {  width: 1280px;  padding:0px!important;}

.row {width:100%; max-width:100%; margin:auto; padding:0px!important;}

.justify {text-align:justify;}


h2 {font-size:48px;  margin:0px 0px 20px 0px; font-family: 'PilatWide-Bold'; font-weight:normal; text-align:center; text-transform:uppercase;}

h3 {font-size:24px;  margin:0px 0px 20px 0px; font-family: 'PilatWide-Bold'; font-weight:normal; text-align:left; text-transform:uppercase; color:#9a2020;}

h5 {font-size:24px;  margin:0px 0px 10px 0px; font-family: 'PilatWide-Book'; font-weight:normal; text-align:left;  color:#04214a;}


.fullsize {width:100%; display:block; margin-bottom:30px;}













header {display:table; width:100%; left:0px; top:0px; position:fixed; z-index:10; background-color:#fff; z-index:101;}

.top-stripe {display:table; width:100%; padding:8px 0px; background-color:#04214a; color:#fff; font-family: 'PilatWide-Regular'; font-size:14px; letter-spacing:1px;}

.top-stripe a {color:#fff;}

.top-stripe a img {margin-right:5px; float:left;}

.top-email {display:inline-block; float:left;}

.top-phone {display:inline-block; float:right; font-size:14px;}

.logo {float:left; display:inline-block; margin:10px 0px; }

.logo img {width:206px; display:block; transition: all 0.5s ease-in 0s;}

.enquiry {float:right; background-color:#9a2020; color:#fff!important; padding:10px 20px; font-family: 'PilatWide-Bold'; font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-top:22px; transition: all 0.5s ease-in 0s;}

.enquiry:hover {color:#fff; background-color:#04214a;}

.header-gap {display:table; width:100%; height:135px;}

header.darker .logo {margin:3px 0px;}

header.darker .logo img {width:140px; display:block; transition: all 0.5s ease-in 0s;}

header.darker .enquiry {margin-top:3px; transition: all 0.5s ease-in 0s;}

header.darker  nav { 	margin:7px auto 0px auto; transition: all 0.5s ease-in 0s;}

header.darker {box-shadow:0px 0px 5px 1px #ccc;}



.top-email-mobile, .top-phone-mobile {display:none;}









.banner-tag-line {display:table; width:100%; background-image:url(../images/fog.png); background-position:center top; background-size:100% auto; position:absolute; width:100%; margin-top:-400px; padding-top:300px; }

.iso {display:table; width:100%; text-align:center;}

.iso img {display:block; width:150px; margin:auto;}

.e-catalogue {display:table; width:100%; text-align:center;}

.e-catalogue img {display:block; width:150px; margin:auto;}

.iso span, .e-catalogue span {display:block; font-size:20px; color:#9a2020; font-family: 'PilatWide-Book';}



.iso-mobile {display:none; width:46%; margin:2%; text-align:center; float:left; border:1px solid #ddd; padding:10px 0px 30px 0px;}

.iso-mobile img {display:block; width:100px; margin:auto; }

.e-catalogue-mobile {display:none; width:46%; margin:2%; text-align:center; float:left; border:1px solid #ddd; padding:10px 0px 30px 0px;}

.e-catalogue-mobile img {display:block; width:100px; margin:auto;}

.iso-mobile span, .e-catalogue-mobile span {display:block; font-size:14px; color:#9a2020; font-family: 'PilatWide-Book'; line-height:120%;}


/*.banner-tag-line h1 {text-align:center; font-size:150px;  font-family: 'PilatWide-Heavy'; font-weight:normal; margin:0px;}*/
.banner-tag-line h1 {text-align:center; font-size:88px;  font-family: 'PilatWide-Heavy'; font-weight:normal; margin:0px;}

.banner-tag-line h2 {text-align:center; font-size:48px;  font-family: 'PilatWide-Bold'; font-weight:normal; margin:0px;}

.banner-tag-line h3 {text-align:center; font-size:24px;  font-family: 'PilatWide-Light'; font-weight:normal; margin:10px 0px;}

.banner-tag-line h3 strong {font-family: 'PilatWide-Bold'; font-weight:normal;}








.product-range {display:table; width:100%; margin-top:250px; text-align:center;}

.video-holder {display:block; width:100%; background-color:#04214a; color:#fff; padding:0px; position:relative; height:400px; overflow:hidden;}

.product-range h2 {font-size:48px; color:#fff; margin:0px 0px 20px 0px; font-family: 'PilatWide-Bold'; font-weight:normal; text-transform:uppercase; }

.product-range a {display:inline-block; color:#fff; border:2px solid #fff; padding:10px 20px; margin:4px 1px; font-family: 'PilatWide-Bold'; font-weight:normal; font-size:16px;}

.product-range a:hover {background-color:#9a2020; border:2px solid #9a2020; color:#fff;}


.fullsize-video-holder { height: 100%; max-height:790px; overflow:hidden; display:block; }

.fullsize-video-holder div {width:100%;  display:block;   }

video {  width: 100%;  height: auto;}

.product-range-holder {position:absolute; background-color:rgb(0,0,0,0.6); padding:40px 40px 80px 40px; z-index:100;}













.products {display:table; width:100%; padding:60px 0px 0px 0px;}

.product-box {background-color:#f7f7f7; display:table; width:100%; padding-bottom:30px; transition: all 0.5s ease-in 0s; margin-bottom:30px; height:370px; border:1px solid #fff;}

.product-box a {display:block;}

.product-box img {padding:10px; width:100%; transition: all 0.5s ease-in 0s; margin:auto; display:block;}

.product-box span {display:block; text-align:center; font-family: 'PilatWide-Book'; font-weight:normal; font-size:18px; line-height:120%;  color:#04214a; transition: all 0.5s ease-in 0s;}

.product-box:hover { border:1px solid #ddd;}

.product-box:hover span {font-size:20px; transition: all 0.5s ease-in 0s;}

.product-box:hover img {padding:0px; transition: all 0.5s ease-in 0s;}

.col-sm-6 .product-box img  {float:left; margin-left:20px; max-width:280px;}

.col-sm-6 .product-box {height:330px;}

.col-sm-6 .product-box span  { text-align:left; padding-left:50px; margin-top:130px; display:inline-block;}







.aboutus {margin-top:30px; display:table; width:100%; margin-bottom:-100px;   }

.aboutus-pic {display:block; width:100%;}

.aboutus-pic2 {display:none; width:100%;}

.aboutus-content {background-color:#04214a; color:#fff; padding:40px 60px; height:480px;   }

.aboutus-content h2 {font-size:48px; color:#fff; margin:0px 0px 20px 0px; font-family: 'PilatWide-Bold'; font-weight:normal; text-transform:uppercase; text-align:left;}

.aboutus-content p {line-height:25px;}

.read-more {display:block; background-color:#9a2020; color:#fff; font-family: 'PilatWide-Book'; font-weight:normal; width:150px; text-align:center; padding:0px 0px 5px 0px; font-size:18px; line-height:45px; margin-top:30px; }

.read-more:hover {background-color:#fff; color:#04214a;}













.feature-box {display:table; width:100%; border:1px solid #aaa; padding:40px 20px; transition: all 0.5s ease-in 0s; background-color:rgb(0,0,0,0.2); margin-top:-100px;}
 
.feature-box img {display:block; width:100px; margin:auto;}

.feature-box span {display:block; text-align:center; color:#fff; font-family: 'PilatWide-Book'; font-weight:normal; font-size:16px; line-height:120%; margin-top:20px;}

.feature-box:hover {background-color:#9a2020; border:1px solid #9a2020;}

.feature-box-holder {display:table; margin-top:-150px; padding-bottom:0px; width:100%;}






.inside-banner {display:block; width:100%; overflow:hidden;}

.inside-banner img {display:block; width:100%;}

.center-text {text-align:center;}

.contact-email {display:block; margin:5px auto; width:310px; text-align:left; padding:10px; background-color:#9a2020; color:#fff!important; font-weight:600;}

.contact-phone {display:block; margin:5px auto; width:310px; text-align:left;  padding:10px; background-color:#9a2020; color:#fff!important; font-weight:600;}

.contact-email img, .contact-phone img {float:left; margin-right:10px;}

.textbox-1 {background-color:#f7f7f7; border:1px solid #ddd; padding:10px; font-family:poppins; font-size:14px; width:32.33%; float:left; margin:.5%;}

.textbox-2 {background-color:#f7f7f7; border:1px solid #ddd; padding:10px; font-family:poppins; font-size:14px; width:99%; float:left; margin:.5%; height:100px;}

.textbox-3 {background-color:#f7f7f7; border:1px solid #ddd; padding:10px; font-family:poppins; font-size:14px; width:99%; margin:5px 2px; }


.submit-button {display:block; background-color: #9a2020; border:0px; width:99%; margin:auto; color:#fff;  font-family: 'PilatWide-Bold'; letter-spacing:1px; font-weight:normal; font-size:16px; text-transform:uppercase; padding:10px;}

.product-page {display:table; width:100%; height:600px; padding:30px 0px; background-image:url(../images/bg.png); background-repeat:repeat-x; margin-bottom: -100px;}



.small-heading {font-size:30px; font-family: 'PilatWide-Bold'; color:#04214a; line-height:130%;}

.white-box {background-color:#fff; padding:0px; border:1px solid #ddd; display:table; width:100%; }

.product-list-box {background-color:#fff; padding:0px; border-top:1px solid #ddd;  display:table; width:100%;  transition: all 0.5s ease-in 0s;}

.product-list-box:hover {background-color:#f7f7f7; }

.product-list-box .product-image {width:280px; float:left; display:inline-block; border-right:1px solid #ddd;}

.product-list-box .product-image2 {width:220px; float:left; display:inline-block; margin-top:30px; padding: 0px 10px;}

.content-box {padding:25px; display:block;  width:100%;}

.hight{height:140px;}

.product-list-box .content-box {padding:25px; display:inline-block; float:left; width:calc(100% - 280px); }

.product-list-box .content-box h4 {font-family: 'PilatWide-Book'; margin:0px 0px 15px 0px; font-size:20px; color:#9a2020; line-height:140%;}

.product-list-box .content-box p {min-height:110px;}

.content-box .read-more, .content-box2 .read-more { line-height: 40px;  font-size: 16px;  padding: 0px;  font-size: 12px;  text-transform: uppercase;  letter-spacing: 1px; font-family: 'PilatWide-Bold';}

.content-box2 .read-more { margin-top:20px;   line-height: 40px;  font-size: 16px;  padding: 0px;  font-size: 12px;  text-transform: uppercase;  letter-spacing: 1px; font-family: 'PilatWide-Bold'; width:230px;    float: left;}

.content-box .read-more:hover, .content-box2 .read-more:hover {background-color:#04214a; color:#fff; }

.content-box2 .whatsapp-button {display:inline-block; padding:6px 15px 6px 6px; background-color: #25d366; margin-top:20px; color:#fff; font-size: 12px;  text-transform: uppercase;  letter-spacing: 1px; font-family: 'PilatWide-Bold'; margin-left:15px; width:230px;}

.content-box2 .whatsapp-button img {float:left; width:20px; margin:4px 10px 4px 4px;}

.content-box2 .whatsapp-button:hover {background-color:#1db857;}




.product-list-box2 {background-color:#fff; padding:0px; border-top:1px solid #ddd; border-right:1px solid #ddd;  display:table; width:50%;  transition: all 0.5s ease-in 0s; float:left;}

.product-list-box2:nth-child(odd) {border-right:0px;}

.product-list-box2:hover {background-color:#f7f7f7; }

.product-list-box2 .product-image {width:280px;  display:block; margin:auto; }

.product-list-box2 h4 {text-align:center;}

.product-list-box2 .read-more {display:block; margin:auto; margin-bottom:40px;}




.product-list-box3 {background-color:#fff; padding:0px; border-top:1px solid #ddd; border-right:1px solid #ddd;  display:table; width:33.33%;  transition: all 0.5s ease-in 0s; float:left;}

.product-list-box3:nth-child(4), .product-list-box3:nth-child(7), .product-list-box3:nth-child(10), .product-list-box3:nth-child(13), .product-list-box3:nth-child(16), .product-list-box3:nth-child(19), .product-list-box3:nth-child(22), .product-list-box3:nth-child(25) {border-right:0px;}

.product-list-box3:hover {background-color:#f7f7f7; }

.product-list-box3 .product-image {width:280px;  display:block; margin:auto; }

.product-list-box3 h4 {text-align:center;text-transform: capitalize;}

.product-list-box3 .read-more {display:block; margin:auto; margin-bottom:40px;}









.data-table {border-collapse:collapse; border:1px solid #04214a; width:100%;}

.data-table th {border:1px solid #04214a; font-size:12px; padding:5px;  line-height:120%; font-weight:400; background-color:#fff; text-align:center; font-weight:600; vertical-align:middle;}

.data-table td {border:1px solid #04214a; font-size:13px; padding:5px; line-height:120%; background-color:#fff; text-align:center;}

.product-list-box .content-box2 {padding:25px 25px 25px 0px; display:inline-block; float:left; width:calc(100% - 220px); }

.product-list-box .content-box2 h4 {font-family: 'PilatWide-Book'; margin:0px 0px 15px 0px; font-size:20px; color:#9a2020;}



.data-table2 {border-collapse:collapse; width:100%; display:none;}

.data-table2 th {border:1px solid #04214a; font-size:12px; padding:3px;  line-height:120%; font-weight:400; background-color:#fff; text-align:left; font-weight:600; vertical-align:middle;}

.data-table2 td {border:1px solid #04214a; font-size:13px; padding:3px;  line-height:120%; background-color:#fff; text-align:center;}





.box.active, .box.active:hover { background-color:#04214a; color:#fff; font-weight:500; padding-left:10px;}




.panel li .active {
    background-color:#04214a; color:#fff;
}




footer {display:block; width:100%;  background-image:url(../images/footer-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center top;  color:#ccc; }

.hline {display:table; width:100%; border-bottom:1px solid #bbb; margin-bottom:30px;}

footer a {color:#ccc; display:block; font-size:14px;}

footer a:hover {padding-left:10px; color:#fff; font-weight:400; }

footer h5 {font-family: 'PilatWide-Book'; font-size:20px; text-transform:uppercase; color:#fff; }

footer h5:after {content:''; width:30px; height:2px; background-color:#fff; display:block; margin:20px 0px;}

#footer-products a {display:inline-table; float:left; width:50%;}

.copyright { text-align:center; font-size:10px; font-family: 'PilatWide-Book'; text-transform:uppercase; letter-spacing:2px; margin-bottom:25px;  }

.copyright a {display:inline-block; font-size:10px; font-family: 'PilatWide-Book'; border-bottom:1px solid #bbb; color:#ccc;}

.copyright a:hover {padding:0px; color:#fff; border-bottom:1px solid #fff;}

.socialmedia {display:block;}

.socialmedia a {display:inline-table; float:left; margin-right:5px; opacity:0.5;}

.socialmedia a:hover {padding:0px; opacity:1.0;}

.vline { min-height:300px; background-image:url(../images/vline.png); background-repeat:repeat-y; background-position: top right;}

.fog1, .fog2 {display:block; width:100%;}






/* Scroll Top */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0px;
	right:0px;	
	z-index:111;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	padding:0;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 
	background-color: #9a2020;
}

.scroll a {padding:25px 0px 0px 0px; display:block; color:#fff; height:50px; width:50px;}

.scroll a span {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  display: block;
  margin:auto;
  animation: buttonarrow 0.6s infinite alternate ease-in-out;
}


@keyframes buttonarrow {
	0% {
		transform: translateY(0);
		opacity: 1.0
	}
	100% {
		transform: translateY(-0.5em);
		opacity: 1.0
	}
}

/* Scroll Top */









/* responsive menu */

.responsive-menu-icon { display:none;}


.responsive-menu-icon {
    display: block;
    cursor: pointer;
    background-color:#333;
    width: 56px;
    height: 56px;
    position: fixed;
    right: 0;
    top: 0px;
    padding: 17px;
    box-sizing: border-box;
    z-index: 10000;
    display: none;
    z-index: 1000;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}


/* responsive menu */







/* accordion */

.accordion {
  background-color: #9a2020;
  color: #fff;
  cursor: pointer;
  padding: 10px 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 14px;
  transition: 0.4s;
  font-family: 'PilatWide-Book';
  text-transform:uppercase;
  letter-spacing:1px;
}

.active, .accordion:hover {
  background-color: #9a2020;
}

.accordion:after {
  content: '\002B';
  color: #fff;
  font-family: 'poppins';
  float: right;
  margin-left: 5px;
  font-size:20px;
  display:none;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0px;
  background-color: white;
  max-height: auto;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border:0px;
}

.panel ul {margin:0px; padding:0px; border:1px solid #ddd;}

.panel li {list-style:none; font-size:14px;}

.panel li a {padding:8px; border-top:1px solid #ddd; display:block; color:#0d1451; font-size:14px; font-weight:500;}

.panel li a:hover {background-color:#eee; font-weight:500; color:#0d1451; padding-left:10px;}

/* accordion */













/* Popup */


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:10000;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
  display:table;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 20px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: normal;
  text-decoration: none;
  color: #9a2020;
  opacity:1.0;
}


/* Popup */


 @media only screen and (max-width:760px) {
     .popup{width: 85%!important;}
     .textbox-3{width:100%!important;}
 }