@charset "utf-8";
/* CSS Document */

body {
	background:#fff;
	font-family: 'CalibriRegular';
	font-size:15px;
	font-weight:normal;
	color:#3a3a3a;
	line-height:24px;
	height:100vh;
} 
a {
	color:#000;
}
a:link {
	-webkit-transition: all 0.25s;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
	text-decoration: none;
 }

.container.header
{
	background:#fafafa;
	position:relative;
	border-bottom:8px solid #1e5eac;
	
}
.footer{width: 100%;}
.container.header img
{
	width:auto; 
	height:auto;/*margin: 0 auto;*/
}
.container.header .logo_two img
{
	width:100%;
	max-width:350px;
	height:auto;
}


.menu_main
{
	font-family: 'castletligregular';
	font-size:19px;
	position:absolute;
	bottom:0px;
	right:0px;

}
.menu_main ul
{
	float:right;
	text-align:right;
	
}
.menu_main li
{
	display:inline;
	list-style:none;
	padding:0px;
	margin:0px;
	text-align:left
	
}
 
 .menu_main li a
 {
	 color:#62808f;
	 text-transform:uppercase;
	 padding:27px 15px;
	 font-weight: bold;
  } 
  
   .menu_main li li a
   {
	   	 padding:15px 15px;

   }

 .menu_main li a:hover, .menu_main li a.active
 {
	 background:url(images/menu_hover.jpg) bottom left repeat-x;
	 background-color:transparent !important;
 }
.navbar-brand
{
	display:none;
}
.navbar
{
	border:none;
	background:none !important;
	
	
	margin:0px;
}
.container.boxes_main
{
	position:relative;
 	z-index:99999999999999999999;
	height:auto;
	
}
.container.boxes_main ul.row {
text-align: center;
position: absolute;
width: 99%;
bottom: 0;
margin: 0px 0px 0px 1%;
clear: both;
padding: 0px;
display: block;
left: 0px;
}

.container.boxes_main ul.row li.box
{
	overflow:hidden;
	position:relative;
	list-style:none;
	padding-right: 0px;
padding-left: 0px;
}


.container.boxes_main ul.row li.box .box_container
{
	padding:0px;
 }
.container.boxes_main ul.row li.box .box_img
{
	margin: 0px;
/* background: #FFFFFF; */
padding: 0px;
width:40%;
}
.container.boxes_main ul.row li.box .box_img img
{
	width:100%;
	height:auto;
}

.container.boxes_main ul.row li.box .box_text_main

{
	padding: 0px;
margin: 0px;
width: 60%;
min-height: 250px;
position: absolute;
top: 75%;
left: 40%;
	-webkit-transition: all 0.25s;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
	text-decoration: none;

 }
 .container.boxes_main ul.row li.box:hover .box_text_main
{
	top: 0%;
	
	-webkit-transition: all 0.25s;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
	text-decoration: none;
	
}
.container.boxes_main ul.row li.box .box_text
{
	background: #1e5eac;
margin: 0px;
height: auto;
min-height:300px;
color:#fff;
right: 0px;
padding: 4%;
width:92%;
text-align:left;	
}
.container.boxes_main ul.row li.box .box_text h3
{
	margin:2% 0px 10px 0px;
	font-size:18px;
	text-transform:uppercase;
	padding:0px;
}
.container.boxes_main ul.row li.box .box_text a
{
	color:#fff;
}

.container.enquiry
{
	color:#62808f;
	font-size:15px;
		margin:8px 0 0px 0;

}
.container.enquiry .enq
{
	padding:5px 15px;
	border-radius:5px 5px 0 0;
	color:#fff;
	font-size:16px;
	background:#7fc241;
	float:left;
	margin-right: 20px;
}

.container.enquiry span
{
padding-top: 5px;
float: left;}


.container.footer
{
	background:#ebebeb;
	font-size:13px;
	padding:5px 0;
}
.container.footer p
{
	margin:0px;
	line-height:20px;
	padding: 10px 0;
}
.footer_right
{
	text-align:right;
	position:relative;
	
}
.skz-logo {
    padding-left: 100px;
    float: left;
}
.footer_right img
{
	top:-17px;
	right:20px;
/*	width:100%;*/
	height:auto;
	/**max-width:413px;**/
}
.footer_left
{
	padding-left:20px;
}
.banner{  border-bottom: 8px solid #1e5eac;}
.banner02{  border-bottom: 0px ;}
.container.banner img
{
	width:100%;
	height:auto;
}
.container.banner02 img
{
	width:100%;
	height:auto;
}
h1
{
	font-size:40px;
	color:#06C;
	border-bottom:1px dashed #666666;
	font-weight:normal;
		font-family: 'castletligregular';  

}
h2
{
	font-size:30px;
    text-align: center;
	border-bottom:1px dashed #0099CC;
	padding-bottom:5px;
		font-weight:normal;
			font-family: 'castletligregular';

}
.container.body
{
	padding:0 20px;
	border-bottom:5px solid #E8E8E8;
	padding-bottom:15px;
	margin-bottom:5px
	
}
.sidebar
{
	float:right;
	background:#1e5eac;
	/**min-width:300px;**/
	margin-top:60px;
	margin-bottom:15px;
	padding-bottom:10px;

	
	color:#fff;
	
	border-radius: 20px 0 20px 0;
	
	-webkit-transition: all 0.25s;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
	text-decoration: none;
	
}
.sidebar:hover
{
		background:#14529E;

	border-radius:  0 20px 0 20px;
	
	-webkit-transition: all 0.25s;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
	text-decoration: none;
}

.sidebar ul
{
	padding:0px;
	margin:0px;
}

.sidebar ul li
{
	float:none;
	clear:both;
	list-style:none;
}
.sidebar ul li a
{
	display:block;
	padding:7px;
	border-left:1px solid #09F;
	border-bottom:1px solid #06F;
	color:#fff;
	text-transform:uppercase;
	text-align: center;
	-webkit-transition: all 0.25s;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
	text-decoration: none;
}

.sidebar ul li a:hover
{
	display:block;
	padding-left:10px;
	border-left:3px solid #FFF;
	
	
	-webkit-transition: all 0.25s;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
	text-decoration: none;
}


.enq-top{
	/**margin-top:11px;**/
	  margin: 0 20px;
	
}




.products-img{

  width: 100%;
  height: auto;
  float: left;
  padding: 5px;border: 1px solid #ccc;border-radius: 5px;

}

.products-ul{
	margin:0px 0px 10px 20px;
	padding:0px;}


@media (max-width: 1305px) {
 
.menu_main
{
	 
 	font-size: 16px;
}

.grid figure {

  max-width:30%;

}

}


@media (max-width: 1199px) {
 
.menu_main
{
	 
	position:static;
}
.menu_main ul {
float: none;
text-align: center;
}
.menu_main li {
display: inline-block;
 
 
float: none;
}
.container.boxes_main ul.row li.box .box_text h3
	{
		margin:2% 0px 10px 0px;
		font-size:15px;
		text-transform:uppercase;
		padding:0px;
	}
	
	
.grid figure h2 {

  font-size: 18px;
 
}

}

@media (max-width: 992px) {
.container.boxes_main ul.row
	{
		position:static;
	}
	.container.boxes_main ul.row li.box .box_img {
margin: 0px;
/* background: #FFFFFF; */
padding: 0px;
width: 20%;
}
.container.boxes_main ul.row li.box .box_text_main {
padding: 0px;
margin: 0px;
width: 80%;
min-height: 250px;
position: absolute;
top: 1%;
left: 20%;
-webkit-transition: all 0.25s;
-moz-transition: all 400ms;
-o-transition: all 400ms;
-ms-transition: all 400ms;
transition: all 400ms;
text-decoration: none;
}

.container.boxes_main ul.row li.box .box_text_main:hover
{
	top: 1%;
}


.container.boxes_main ul.row li.box .box_text {
background: #1e5eac;
margin: 0px;
height: auto;
min-height: 300px;
color: #fff;
right: 0px;
padding: 4%;
width: 100%;
text-align: left;
}

.grid figure {
  max-width: 50%;
  margin: 8px 0.5%;
}

}

@media (max-width: 800px) {

.grid figure {

  max-width:44%;

}

}



@media (max-width: 767px) {
.flex-control-nav{display: none;} 

	
.menu_main li {
display: block;
float: none;
clear:both;
}
	
.menu_main {
position: static;
background: #F4F4F4;
border-top:2px solid #CCC;
}
	
	
.footer_right img
{
	position:static;
	top:0px;
	right:0px;
}
	.container.footer, .footer_right {
 
		text-align:center;
	}
	.flex-caption h1 {
margin: 10px 0px;
text-transform: uppercase;
font-size: 21px;
}


}
@media (max-width: 580px) {

		.container.boxes_main ul.row li.box .box_text p{
	display:none;
}

.grid figure {
  max-width: 100%;
  margin: 8px 0.5%;
}	
}
/**.flex-caption{background: url(images/bg.png) repeat;  margin: 0 15px;}**/
@media (max-width: 680px) {
.flex-caption{top: 3px;padding: 0px 25px;}
.flex-caption h1{font-size: 15px!important;}
}
.flex-caption h1{font-family: 'Dosis', sans-serif;color: #fff;font-size: 50px;}
.flex-control-paging li a{background: #fff;width: 14px;height: 14px;border-radius: 10px;}
.flex-control-paging li a.flex-active{background: #1E5EAC;}
.flex-control-nav li{margin:0 0px 0 5px;float: left;}
@media (max-width: 480px) {
.container.enquiry .enq{text-align: center;margin-right: 0;float: none;}
.container.enquiry span{text-align: center;}

.grid figure {
  max-width:100%;
  margin: 8px 0.5%;
}

}
.flex-caption{left: 0;}

@media (max-width: 1200px) {
 .flex-caption h1{font-size: 30px;}
}

.download{border: 1px solid #1e5eac;float: left;padding: 5px;margin-right: 10px;margin-bottom: 10px;}
.download p{text-transform: uppercase;text-align: center;padding-bottom: 0;margin-bottom: 0;color: #fff;background: #1e5eac;font-size: 12px;
	  padding: 0 5px;
}
.download img{margin: auto;}
p b{color: #06C;font-size: 18px;font-family: 'castletligregular';}
.flex-control-nav {
  width: 10%;
  position: absolute;
  bottom: 19px;
  text-align: center;
  right: 0;
  padding: 10px;
  border-radius: 5px;
  background: #7FC241;
  margin-right: 10px;
}
.margin{margin-top: 75px;}
.name{width: 100%;border: 1px dotted #ccc;padding-left: 15px;margin-bottom: 10px;height: 35px;}
.message{width: 100%;height: 100px;border: 1px dotted #ccc;margin-top: 5px;padding: 10px 0 0 15px;}
.send{padding: 5px 25px;background: #1E5EAC;color: #fff;border: none;text-transform: uppercase;  margin-top: 10px;margin-bottom: 10px;}
.right{padding: 5px;border: 1px solid #ccc;border-radius: 5px;}
h3{  font-family: 'castletligregular';margin-top: 0;color: #06C;font-weight: bold;  line-height: 35px;}

.navbar-default .navbar-nav > li > a{font-size: 16px;}

@media (max-width: 1340px) {
.flex-control-nav{width: 11%;}
}
@media (max-width: 1220px) {
.flex-control-nav{width: 12%;}
}
@media (max-width: 1200px) {
.flex-control-nav{width: 14%;}
}
@media (max-width: 990px) {
.flex-control-nav{width: 20%!important;}
}


@media (max-width: 767px) {

.container.header img {
  width: 100% !important;
  height: auto;
  margin: 0px auto;
  max-height:auto;
  max-width:100%;
}


}




@media (max-width: 640px) {
.flex-control-nav{width: 22%!important;}
}
@media (max-width: 540px) {
.flex-control-nav{width: 27%!important;}
}
@media (max-width: 500px) {
.flex-control-nav{width: 29%!important;}
}
@media (max-width: 460px) {
.flex-control-nav{width: 31%!important;}
}
@media (max-width: 360px) {
.flex-control-nav{width: 40%!important;}
}
@media (max-width: 320px) {
.flex-control-nav{width: 42%!important;}
}
@media (max-width: 1199px) {
.container.header img {
    width: 60%;
    height: auto;
    margin: 0px auto;}
 }
 @media (max-width: 480px) {
 	.container.header img {
    width: 100%;}
 }



 /*------------------- Update 01-8-2023-----------------*/

 .row_cataglogue
 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	
    gap: 3%;
 }


.catalogue-banner {
       background: #f0f7ff;
    padding: 80px 0;
}

 .col_catalogue
 {
		text-align: center;
		    margin: 40px 0px;
 }


 
 .col_catalogue img{
	max-width: 300px;
 }

 .button_catalogue a{
	background: url(images/menu_hover.jpg) bottom left repeat-x;
    background-color: transparent !important;
    
/*    background: rgb(247,251,255);*/
/*background: linear-gradient(90deg, rgba(247,251,255,1) 0%, rgba(187,219,255,1) 35%, rgba(187,219,255,1) 100%);*/

	padding: 12px 25px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #576e89;
}

.button_catalogue a:hover{
    opacity:.8;
}
.button_catalogue {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
   
	margin-top: 20px;
}
@media(max-width:1450px){
	.navbar-default .navbar-nav > li > a {
		font-size: 14px;
	}
}
@media(max-width:1350px){
.menu_main li a {
    padding: 27px 8px;
}
}
@media(max-width:1200px)
{
    .navbar-collapse.collapse {
    padding-left: 0;
    padding-right: 0;
}

.navbar-default .navbar-nav > li > a {
    font-size: 15px;
    padding: 10px;
}

}