@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');


/*menufix*/
#menufix{width: 100%;  top:0; background:#FFF; moz-transition: all 1s ease-in-out;
	o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; webkit-transition: all 1s ease-in-out; 
	border-bottom:solid 2px #dddddd; position:fixed; opacity:0;}
#menufix.active_more {z-index:1000;	position:fixed;	opacity:100; }
#menufix.active {z-index:1000;	position:fixed;	opacity:100;}
/*end of menufix*/

/*------headerTop------*/
.headerTop{background:#FFF; width:100%; margin:0 auto; /*border-bottom:solid 2px #ebebeb;*/ padding:3px 0;}
ul.listOne{margin:0; padding:0; float:right;}
ul.listOne li{display:block; color:#000; text-decoration:none; font-weight:normal; font-size:18px; line-height:30px;
	padding:0 5px;	font-family: 'Open Sans', sans-serif;  float:left; margin-top:20px;}
ul.listOne li a{color:#FFF;}	
.fa{color:#09F;}
/* social icon */
.social-icon {padding: 0; float:right; margin:5px 0;}
.social-icon li {list-style: none; display: inline-block;  padding: 0;}
.social-icon li a {border-radius: 10%;  color: #fff;
  font-size: 14px;  width: 20px;  height: 20px;  line-height: 20px;  text-align: center;
  text-decoration: none;  transition: all 0.4s ease-in-out;  margin-right: 4px;
  top: 0;  position: relative;  padding: 0;}
.social-icon li a:hover { /*background: #F6D76B;*/ top: 5px;}
/* end of social icon */
/*------headerTop------*/

/*--------banner----------*/
.bannerouter{width:100%; margin:0 auto; overflow:hidden;}
/*--------banner----------*/


/*--------jumbotron----------*/
.jumbotron{background:#fff;}
.jumbotron h1{font-family: 'Open Sans', sans-serif; font-size:24px; line-height:40px;}
span.red{color:#F00;}
/*--------jumbotron----------*/


/*------panelone---------*/
.panelOne{background:#f1f3f4; margin:0 auto; padding:40px 0; width:100%;}
.panelOne_text{background:#FFF; margin:0 auto; overflow:hidden; padding:20px;}
.panelOne_text h2{font-family: 'Open Sans', sans-serif; font-size:30px; line-height:36px; color:#000; margin-bottom:30px;}
.panelOne_text p{font-family: 'Open Sans', sans-serif; font-size:16px; line-height:40px; color:#000; text-align:justify;}
.panelOne_textLeft{width:50%; float:left; margin:0;}
.panelOne_textRight{width:50%; float:right; margin:0; }

.btn3{background:#06F; margin:20px auto; padding:10px 20px; border-radius:20px; font-family: 'Open Sans', sans-serif;
font-size:16px; line-height:20px; color:#FFF; text-align:center; display:inline-block;}
.btn3:hover{background:#06C; color:#FFF; text-decoration:none;}
.bluetext{color:#06F; font-size:50px;}
/*------panelone---------*/

/*-------------panel two-----------------*/

.panelTwo{background-attachment: fixed;  background-clip: initial;
    background-color: rgba(0, 0, 0, 0);  background-image:url(../images/bg3.png); background-origin: initial; 
	background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding:30px 0;}

.panelTwo h2{font-family: 'Open Sans', sans-serif; font-size:40px; line-height:60px; color:#06F; text-align:center; margin:0;}
.panelTwo p{font-family: 'Open Sans', sans-serif; font-size:16px; line-height:40px; color:#FFF; text-align:center; margin:0;}

/*--------productbox----------*/

.productbox{background:#FFF; width:100%; margin:10px auto; overflow:hidden; display:block; border-radius:10px; border:solid 1px #0057bf;}
.productbox_image{ width: 100%;  margin: 0 auto;  overflow: hidden;  /*max-height: 250px; min-height: 250px;*/ }
.productbox_image img{width:100%; margin:0 auto; display:block; transition:.2s;}
.productbox_image:hover img{transform: scale(1.2); transition:.2s;}
.productbox_text{width:100%; background-color: #0057bf; }

.blue_line{width:50px; height:3px; background:#09F; margin:0 auto 30px auto; }
span.black{font-size:12px; color:#000; }

/*--------productbox----------*/
/*-------------panel two-----------------*/

/*-------------panel three-----------------*/

.panelThree{background-attachment: fixed;  background-clip: initial;
    background-color: rgba(0, 0, 0, 0);  background-image:url(../images/quote-bg.jpg); background-origin: initial; 
	background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding:30px 0;}

/*-------------panel three-----------------*/

/*-------------panel four-----------------*/
.panelFour{background-attachment: fixed;  background-clip: initial;
    background-color: rgba(0, 0, 0, 0);  background-image:url(../images/quote-bg.jpg); background-origin: initial; 
	background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding:30px 0; margin:10px auto;}

.panelFour h2{ font-family: 'Open Sans', sans-serif; font-size:40px; line-height:60px; text-align:center; color:#1c90f7; 
margin:0 0 30px 0; }
.panelFour p{background:#0057bf; font-family: 'Open Sans', sans-serif; font-size:16px; line-height:40px; text-align:center; color:#fff; margin:0;}
.panelfourbox{background:#eaeaea; width:100%; margin:10px auto; overflow:hidden; border:solid 1px #2c3e50; display:block; }
.panelfourbox img{ margin:10px auto; display:block; padding:10px; }
.panelfourbox:hover{text-decoration:none;}
.panelfourbox i{font-size:50px; text-align:center; width:100%; line-height:80px; color:#333; }
span.white{color:#fff;}
/*-------------panel four-----------------*/

/*--------videobox----------*/
.videobox{background:#FFF; margin:0 auto; overflow:hidden; padding:10px 0;}
/*--------videobox----------*/



/*--------footer----------*/
.footer{background:#063277; width:100%; margin:0 auto; border-top:solid 2px #0be3ca; padding:40px 0;}
.footer h2{font-family: 'Open Sans', sans-serif; font-size:14px; line-height:24px; color:#FFF; margin:0; border-bottom:dotted 1px #FFF;}
.footer p{font-family: 'Open Sans', sans-serif; font-size:12px; line-height:20px; color:#FFF; margin-top:5px;}

ul.listTwo{padding:0;}
ul.listTwo li{list-style:none; padding:0;}
ul.listTwo li a{font-family: 'Open Sans', sans-serif; font-size:12px; line-height:30px; color:#FFF;}
ul.listTwo li a:hover{text-decoration:underline;}

.footerbottom{background:#0be3ca; width:100%; margin:0 auto; padding:20px 0;}
.footerbottom p{font-family: 'Open Sans', sans-serif; font-size:16px; line-height:20px; color:#FFF; text-align:center; margin:0;}

.socials-icons {overflow:hidden; margin:10px auto; padding:0; }
.socials-icons a{ width: 30px; height: 30px; border-radius: 50%; border: 2px solid #06C; background-color: #FFF; float: left;  
color: white; padding-top: 1px; font-size: 16px; text-align:center; margin-left:15px; margin-bottom:5px;}

.facebook:hover{ color: #333; text-decoration:none;}
.twitter:hover{  color: #333; text-decoration:none;}
.youtube:hover{ color: #333; text-decoration:none;}

.trackerDiv{ width:40px; height:40px; margin:15px 0 0 0;  }
/*--------footer----------*/

/*-----------------------------------end of home page-------------------------------- -----------*/


/*------------inner page -----------*/
.banner_inner{width:100%; margin:0 auto ; overflow:hidden;}
.banner_inner img{width:100%; margin:0 auto; display:block;}

/*------------about us -----------*/
.about_us{background:#f1f3f4; margin:0 auto; padding:40px 0; width:100%;}
.about_us_text{background:#FFF; margin:0 auto; overflow:hidden; padding:20px;}
.about_us_text h2{font-family: 'Open Sans', sans-serif; font-size:30px; line-height:36px; color:#000; margin-bottom:30px;}
.about_us_text h3{font-family: 'Open Sans', sans-serif; font-size:18px; line-height:36px; color:#06F; margin-bottom:10px;}
.about_us_text h4{font-family: 'Open Sans', sans-serif; font-size:18px; line-height:36px; color:#F00; margin-bottom:10px;}
.about_us_text p{font-family: 'Open Sans', sans-serif; font-size:16px; line-height:40px; color:#000; text-align:justify;}
.about_us_text img{width:100%; margin:10px 0;}

ul.listThree{padding:0;}
ul.listThree li{background:url(../images/arrow.png) no-repeat 0 8px; list-style:none; font-family: 'Open Sans', sans-serif; 
font-size:14px; line-height:30px; color:#000;  padding:0 0 0 20px;}
.pic{border:solid 1px #999; margin:20px auto; display:block; }

.quality_profile_text{background:#FFF; margin:0 auto; overflow:hidden; padding:20px;}
.quality_profile_text h2{font-family: 'Open Sans', sans-serif; font-size:30px; line-height:36px; color:#000; margin-bottom:30px;}
.quality_profile_text h3{font-family: 'Open Sans', sans-serif; font-size:18px; line-height:36px; color:#06F; margin-bottom:10px;}
.quality_profile_text p{font-family: 'Open Sans', sans-serif; font-size:16px; line-height:40px; color:#000; text-align:justify;}
/*------------about us -----------*/

/*------------gallery -----------*/
.gallery{background:#FFF; margin:0 auto; overflow:hidden; padding:20px;}
.gallery h2{font-family: 'Open Sans', sans-serif; font-size:30px; line-height:36px; color:#000; margin-bottom:30px;}
.gallery h3{font-family: 'Open Sans', sans-serif; font-size:18px; line-height:36px; color:#06F; margin-bottom:10px;}
.gallery p{font-family: 'Open Sans', sans-serif; font-size:16px; line-height:40px; color:#000; text-align:justify;}
/*------------gallery -----------*/

/*------------contact -----------*/
.contact_Left{width:50%; float:left; margin:0;}
.contact_Right{width:48%; float:right; margin:0; padding:0 1%; margin-bottom:10px; }

.form-control{background:#FFF; border:solid 1px #cccccc; box-shadow:none; border-radius:0!important;}
.red{color:#F00;}
.formbtn{background:#09F; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; padding:5px 10px; 
display:inline-block; border:none; margin:10px 0; color:#FFF;}
.formbtn:hover{background:#066;}
label{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal;}
/*------------contact -----------*/

/*------------product -----------*/
.product{background:#FFF; width:100%; padding:50px 0; margin:0 auto; overflow:hidden;}
.product h2{font-family: 'Open Sans', sans-serif; font-size:30px; line-height:60px; color:#2a2a2a; text-align:center; margin:0;}
.product p{font-family: 'Open Sans', sans-serif; font-size:14px; line-height:30px; color:#FFF; text-align:center; margin:0;}
.product_image{width: 100%;  margin: 0 auto;  overflow: hidden;  /*max-height: 250px; min-height: 250px;*/ position:relative;
border: 2px solid #b6b4af;}
.product_image img{width:100%; margin:0 auto; display:block; transition:.2s;}
.product_image:hover img{transform: scale(1.2); transition:.2s;}
.product_image_overlay{width:100%; position:absolute; background-color: rgba(21, 21, 21, 0.3); left:0; bottom:0; z-index:1;}
/*------------product -----------*/

/*------------product details-----------*/
.product_details{background:#FFF; margin:0 auto; width:100%;}
.product_details_text{background:#fafafa; margin:25px auto; overflow:hidden; padding:0 15px;}
.product_details_text h2{font-family: 'Open Sans', sans-serif; font-size:24px; line-height:36px; margin:20px 0; color:#000; 
text-transform:uppercase; }
.product_details_text p{font-family: 'Open Sans', sans-serif; font-size:14px; line-height:20px; margin:10px 0; color:#666; 
text-align:justify;}
.product_details_text h3{font-family: 'Open Sans', sans-serif; font-size:22px; line-height:36px; color:#ca315f; margin:10px 0;}
.product_details_text h5{font-family: 'Open Sans', sans-serif; font-size:16px; line-height:40px; color:#FFF; text-align:center; margin:0;}


.product_details_textLeft{width:50%; float:left; margin:0;}
.product_details_textLeft img{width:100%; margin:0 auto;}
.product_details_textRight{width:50%; float:right; margin:0; padding:30px;}

.tableone{margin:10px 0;}
.tableone td{border:solid 1px #999; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:24px; color:#333; padding:5px; 
text-align:center;}
/*------------product details-----------*/



@media (max-width: 1023px) {
	ul.listOne li{ font-size:16px;}
	.panelTwo p{font-size:14px; }
}



@media (max-width: 768px) {
	.logo{}
	.logo img{margin:0 auto; display:block;}
	ul.listOne{float:left; display:none!important;}
	ul.listOne li{margin-top:0;}
	
	.social-icon {float:left;}
	.panelOne_textLeft{width:100%; }
	.panelOne_textRight{width:100%; padding:20px;}
	.bluetext{color:#06F; font-size:40px;}

	.about_us_text h2{font-size:20px; line-height:36px;}
	.panelTwo p{font-size:14px; }
	
	.contact_Left{width:100%;}
	.contact_Right{width:100%; }

	.product_details_textLeft{width:100%; }
	.product_details_textRight{width:100%; }
}

@media (max-width: 500px) {
	.logo{}
	.logo img{margin:0 auto; display:block;}
	ul.listOne{float:left; display:none!important;}
	ul.listOne li{margin-top:0;}
	
	.social-icon {float:left;}
	.panelOne_textLeft{width:100%; }
	.panelOne_textRight{width:100%; padding:20px;}
	.bluetext{color:#06F; font-size:40px;}
	
	.panelTwo p{ font-size:12px;}
	.panelFour p{font-size:12px;  }

	.about_us_text h2{font-size:22px; line-height:30px;}
	.about_us_text h4{font-size:16px; }
	
	.contact_Left{width:100%;}
	.contact_Right{width:100%; }

	.product_details_textLeft{width:100%; }
	.product_details_textRight{width:100%; }

}


@media (min-width: 769px) {

}