body {   font-size:14px; text-align:justify; 
 }



 
 /*-------------h2-----------------*/
 h3 { font-size:28px;}
 h1, h2, h3, h4, h5, h6 { line-height:20px; font-weight:bold; line-height:30px; color:#2183c6;}
 /*----------------main-bg-----------*/
.carousel { border-bottom:3px solid #2183c6; border-top:3px solid #2183c6;}
 .top-bg { width:100%; background:#000; border-bottom:1px solid #999; float:right;  margin-top:0px !important; margin-bottom:0px; padding:0px 20px 0; }
  .main-bg1 { width:100%; background:#fff; margin:0px; padding:0px 20px;}
.email {  margin:5px 0px 0px !important; padding:0px 0px 0 0px; }
.email p, .email1 p, .email1 p a, .email p a { color:#fff; font-size:14px !important; text-decoration:none; text-align:left;}
 .hide { display:inline !important;}
.email p b, .email1 p b { color:#fff; font-size:14px;}
.email1 p a:hover, .email1 p a:hover { text-decoration:underline;color:#2183c6;}
.email1 p a { text-align:right !important; font-size:14px !important;}
.email1 { float:right !important; margin-top:15px !important; margin-bottom:0px !important;}
.top-bg li .fa { color:#fff ; float:left; margin-top:0px; padding:7px 5px 0px; font-size:20px;}
.top-bg li { display:inline !important; margin:0px;}
.top-bg { margin-bottom:0px;}
.logo { margin:0px;}
/*-------
/*--------------table--------------------*/
table { margin-bottom:30px; border:1px solid #ccc; margin-top:30px;}
td { padding:5px 10px;border:1px solid #ccc;}
.img { float:right; padding:2px; border:1px solid #ccc; margin-bottom:20px;}
blockquote { border-left:0px;}
/*------------------nav----------------------------*/
.navbar-toggle { border:2px solid #ccc !important; margin-top:23px;}
.navbar .navbar-right { float:right !important;}
.navbar {
	margin-bottom: 0;
	min-height: 51px;
	z-index: 999; width:100%;background:#fff;
	font-size: 13px !important; padding:5px 0px;
	clear: both; border:0px; 

	border-bottom: 1px solid #ccc;
	border-radius: 0;
}
.navbar ul {margin-top:2px !important;}
.navbar li a {
	margin-top: 26px;
	padding: 0px 15px;
	font-size: 19px !important;
	color: #333 !important;font-family: 'Nunito Sans', sans-serif;
	text-decoration: none;

}
.navbar li a, .navbar .navbar-brand {
	color: #333 !important;
}
.navbar-nav li a:hover, .navbar-nav li a:focus {
	color: #2183c6 !important;

}
.navbar-default .navbar-toggle {
	border-color: transparent;
	color: #fff !important;
	background: #fff !important;
}
.navbar-collapse li a {
	border-bottom: 0px;
}
.caret {
	color: #000;
}
.dropdown-menu {
	background:#eee !important;
	border: none; left:20px;
	box-shadow: none;
}
.navbar-right .dropdown-menu { left:0px; right:auto;}
.navbar ul .dropdown a:focus { background:none !important;}
.dropdown-menu>li>a {
	color: #333 !important; font-size:14px !important; padding:5px;

	border-bottom: 1px solid #555;
	margin-top: 0px !important;
}
.dropdown-menu>li>a:hover {
	background: #2183c6 !important;
	color: #fff !important;
}
.dropdown-toggle:focus, li.dropdown:focus, .dropdown.dropdown-toggle:focus {
	color: #fff !important;
}
.affix.navbar li .dropdown-menu>li>a { margin-top:0px !important;}
.affix {
	top: 0;
	height: auto;
	width: 100%;
	border-bottom: 5px solid #666;
}
.affix + .container-fluid {
	padding-top: 0px;
}
.affix .logo { width:70%;}
.affix.navbar ul {margin-top:0px !important;}
.affix.navbar li a {
	margin-top: 20px !important;}
/*--------------------slide-------------------*/
.rd-btn { border:1px solid #fff; border-radius:25px; margin:20px 0; background:none; color:#fff;} 
.carousel-caption { background:url(../images/captoon.png) repeat; padding:0px 0px; bottom:0px; margin:0px; color:#fff; width:80%;right:10%;left:10%;}
.carousel-caption h3 { font-size:38px; margin-bottom:30px; width:50%;   }
.carousel-caption p { font-size:18px;  width:55%; }
.carousel-indicators li { border:1px solid #2183c6;}
.carousel-caption h3, .carousel-caption p { color:#fff; border:none; text-shadow:0px 2px 1px #333;}
/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #333;
  }
}

/* Keyframes */
@-webkit-keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #eee;
    border-radius: 100%;
  }
  100% {
    background: #aaa;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}

/*---------------contant-------------*/
.in-content { width:100%; background:url(../images/content-bg.jpg) #2a2a2a no-repeat !important; color:#fff; padding-top:20px; padding-bottom:30px; margin-bottom:0px;}
.in-content p a, .contant p a { background:#fff; color:#2183c6; border:2px solid #2183c6; text-decoration:none; padding:8px 10px; font-size:16px;}
.in-content h2 { line-height:30px; color:#fff; padding:10px 0px; margin-top:20px; margin-bottom:10px;}
.contant h2 { border-bottom:1px solid #ccc; line-height:45px; padding-bottom:5px; margin-bottom:20px; z-index:99; position:relative; font-size:22px; margin-top:0px;}
.contant { padding:20px 20px;}
.contant h5 { font-size:18px;}
.img2 { float:left; border:1px solid #ccc; margin:5px;}
.client { background:#2183c6;margin-bottom:20px; padding:2px; border:1px solid #333; margin:10px; float:left;}
.read-more { border-radius:0px; padding:0px; width:150px; float:left;}
.read-more span .fa-angle-right { font-size:20px; padding:8px 10px; margin-top:0px !important; background:#0093dd; border-left:3px solid #015077; float:left;  color:#fff; transition:2s;text-decoration:none !important;}
.read-more span.rd-mr-btn { padding:7px 10px;  float:left; margin-top:0px; background:#ccc; font-size:16px; color:#666;}
.read-more span .fa-angle-right:hover { background:#2183c6; text-decoration:none !important;}
.contant h4 a { color:#2183c6;}
.tab-content { border:1px solid #ccc; border-top:0px; padding:10px 20px 20px;}
.tab-content h4 a {color:#2183c6;}
.content ul.nav-tabs { margin-top:30px !important;}
/*--------------service---------------------*/
.service { text-align:left;}
.service h6 { font-size:24px; padding:20px; margin:0px; width:100%; border:8px double #fff; text-align:center; padding:10px; background:#2183c6; color:#fff;
}
.service .col-sm-4 { margin:20px 0px;}
.icon-q { width:80px; height:80px; color:#2183c6; font-size:34px !important; padding-top:20px; border:2px solid #2183c6; text-align:center; transition:6s; border-radius:50%;}
.icon-q:hover { background:#2183c6; color:#fff; border-radius:50% 0px 50% 0;}
/*-----------------content----------------------*/
.content { padding:30px 0px;}
.content h2 { margin-bottom:20px;}
.content h3 { border-bottom:1px solid #CCC;}
.content .nav-tabs li a { color:#2183c6; font-size:18px;font-family: 'Barlow Condensed', sans-serif; letter-spacing:1px; font-weight:600; }
.content img { border:1px solid #2183c6;}

/*------------img overlay----------------*/
.box-img { width:100%; margin:20px 0px;  text-align:center}
.box-img .img {
  display: block;
  width: 100%;
  height: auto; margin:0px;
}

.box-img .overlay {
  position: absolute; margin:20px auto; 
  top: 0;
  bottom: 0; border-radius:8px;
  left: 0;
  right: 0;
  height: 94%;
  width:92%;
  opacity: 0;
  transition: .5s ease;
  background-color: #2183c6;
}

.box-img:hover .overlay {
  opacity: 1;
}

.box-img .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%; text-transform:uppercase;
  left: 45%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/*---------testimonial--------------*/
*{
   font-family: 'Poppins', sans-serif;
}
.testimonial { border:1px solid #ccc; margin-top:20px;  padding:0px 20px 40px;}
.testimonial_subtitle{
    color: #444;
    font-size: 13px;
}
  .testimonial_btn{
  
    color: #666 !important;
 }
 .testimonial .item h4 { color:#333;}
 .seprator {
    height: 2px;
    width: 56px;
    background-color: #444;
    margin: 7px 0 10px 0;
}
/*----------quality1----------------*/
.quality1 .fa { background:#2183c6; float:left; margin-right:20px; text-align:center; width:50px; height:50px; border-radius:50%; padding:12px; color:#fff; font-size:24px;}
.quality1 .col-sm-6 { text-align:left; padding-left:0px;}
.quality1 p { line-height:60px;}

/*----------------------------quality1-------------*/
.quality1 { border:1px solid #ccc; float:left;transition:2s !important; padding:10px 15px; margin:20px 0px; text-align:center;}

.quality1:hover { border:1px dashed #2183c6 !important; border-width:1px !important}
/*--------------------------strip-----------------------*/

.strip {  width:100%; margin:10px 0px; padding:0px; height:10px; background:#666;}
/*------------panel--------------------*/

a > .icon:hover,  .panel:hover .icon { background:#b01304; border-color:#b01304; color:#FFF;}



.icon{color:#FF8A00; border-color:#D7D7D7; transition:2s;}
a > .icon:hover, .services article:hover .icon{color:#FFFFFF; background-color:#FF8A00; border-color:#FF8A00;}
/*------------img----------------*/
.img { float:right; border:1px solid #CCC; border-radius:10px; padding:2px; margin-left:10px;}
/*-reach------------*/
.reach { margin:auto;}
/*--------bg-grey--------------------*/
.bg-grey { background:#f4f4f4; width:100%; }
/*------------------client-------------------*/
/*-----product--------------*/
.product { border-bottom:3px double #ccc; border-top:3px double #ccc; width:100%; padding:10px 10px 10px; float:left; margin:15px 0px; border-radius:30px;}
.prod { background:url(../images/pro-bg.jpg) repeat-x #e9e9e7; padding:0px 40px 0px; border-bottom:4px solid #2183c6; max-height:372px; margin-bottom:30px; margin-top:10px; }
.pro-img { margin:auto; border:1px solid #ccc; border-radius:10px; padding:2px;}
.prod p a { background:#2183c6; color:#fff; padding:8px 10px; font-size:16px; margin-left:30%;}
.pro-galry { 
     -webkit-transition: width 2s; /* Safari */
	  -moz-webkit-transition: width 2s; 
    transition: 2s; }
.pro-galry:hover {transform:translateY(-30px);}
.line { height:2px; border-bottom:1px dashed #666; margin-top:15px; float:left; width:100%;}
.download a { background:#2183c6; border-radius:10px 0px 10px; border:3px solid #fff; font-size:16px; width:200px; padding:5px 10px; color:#fff; border:3px double #fff;}
/*--------------gallery--------------*/
.img1 { padding:2px; border:1px solid #ccc; margin:10px 0px;}
.gallery figure {
	position: relative;
}
.gallery figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.gallery figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
/*=====================footer-bg==================*/

/*bg-black*/

.bg-black { background:#666; border-top:1px solid #333;}
.bg-black h4 { border-bottom:1px solid #CCC; color:#fff;}
.bg-black p, .bg-black p b, .bg-black p a { color:#fff;}

  td, th { padding:5px 10px; text-align:left;}
  table { margin:10px 10px 20px;}
   p b, p, li ,td { color:#666;}
  .sitemap ul { margin-left:5px !important; padding:0px !important;}
  .client ul li, .sitemap ul li, .sitemap ul li a { text-decoration:none; list-style:none !important; color:#fff; line-height:25px; font-family:Arial, Helvetica, sans-serif; }
  .sitemap ul li { margin-right:10px;}
  .sitemap ul li a:hover, .sitemap ul li:hover, .bg-grey p a:hover { color:#0CF !important; margin-right:0px;}
  .sitemap ul li a span { float:right;  font-size:18px;}
  .bg-black li a i { border:1px solid #FFF; color:#fff; width:28px; height:32px; padding:0px; line-height:32px !important; margin:13px 0px 0px  !important; transition:2s; text-align:center; }
	.bg-black li a i:hover { border-radius:40%; background:#018dda;margin-right:10px !important;}
.con p { color:#a9f2de;}
/*--------------footer-----------------------*/
footer {
	background: #333; 	padding: 5px 0px 0 !important;clear: both;
  	box-shadow: 3px 2px 10px #000; bottom:0PX; width:100%; position:relative;
}
foot-main {
	float: left;
	Width: 99%;
	Height: auto;
	text-decoration: none;
	line-Height: 19px !important;
	margin: 0px 0px 0 0px !important;
}
.foot-main h6 { color:#fff; font-size:20px; font-weight:normal !important; margin:35px 0px; font-family:"Times New Roman", Times, serif;}
.foot-main img {
	float: right; background:#fff;
	margin: 8px 0px 8px 0;
}
.foot-main p {
	color: #fff;
	font-size: 14px !important;
	opacity: 100% !important;
	float: left;
	text-align: left;
	margin: 22px 0 0 0px !important;
}
.foot-main p span { color:#fff;}
.social-icon { margin-top:28px;}
/*-----------------enquiry----------------------------*/

#contact {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#contact a {
	color: #666;
}
#contact h3 {
	Height: auto;
	text-align: center;
	width: 97%;
	margin: 5px 0px 15px 5px;
	background: none;
	padding: 0px 0px 0px 0px;
	border: none;
	text-align: left;
	color: #2183c6 !important;
	text-decoration: underline;
	font-size: 18px;
	font-weight: bold;
}
#contact td a {
	font-family: Arial, Helvetica, sans-serif;
	color: #666 !important;
	Width: auto;
	text-decoration: none;
	margin: 0px 0px 0px 2px;
}
#contact td i.fa { color:#00815 !important;}
#contact td {
	font-size: 14px;
}
#contact p {
	line-height: 25px;
	margin-left: 20px;
	width: 97%;
}
#contact td a:hover {
	text-decoration: underline;
	color: #1a3346;
}
#contact p b {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}
.gap {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 5px;
}
.map { border:1px solid #ccc; padding:4px;}
.button {

	width: 80px;
	border: none;
	cursor: pointer;
	color: #FFFFFF !important;
	font-family:Gotham !important;
	border: 1px solid #FFFFFF;
	font-weight: bold;
	box-shadow: 0px 3px 0px #262f34 !important;
	-moz-box-shadow: 0px 3px 0px #262f34 !important;
	-webkit-box-shadow: 0px 3px 0px #262f34 !important;
	float: right !important;
	margin-top: 4px !important;
	margin-right: 15px !important; line-height:30px;
	background: #2183c6; !important;
}
.button:hover {
	background: #333 !important; color:#fff !important;
}
.control-label {
	font-size: 15px;
	margin: 0px 0 0 0px; font-weight:normal;
	padding: 0px; line-height:14px;
}
.control-label span { color:#b21d1f; font-size:18px; margin:0px; padding:0px;}
.form-group {
	width: 100%;
	float: left;
}
.form-horizontal {
	width: 100%;
	float: left;
}
.enquiry_form {
	margin-left: 0px; float:right;
	padding: 20px 0px 10px 35px;
!important;
	float: left;
	width: 100%;
	opacity: 0.9; border:1px solid #CCC;
	border-radius: 20px;
	
}
.enquiry_form .txt_area1, .txt_box1, .select1 { width:100% !important;}
td a { text-decoration:none; color:#333}
/*----------------------contact-------------------------*/
 .contact h4 { color:#2183c6;}
  @media screen and (max-width: 360px) {
 .in-content h2 { font-size:19px !important;}
  }
 @media screen and (max-width: 480px) {
	 .social-icon { margin-bottom:60px !important;}
	 .hide { display:none !important;}
	 .email1 { float:none !important; text-align:center; margin-top:0px !important; margin-bottom:20px !important;}
.carousel-caption { display:none; }
.collapse { background:#fff; width:100%;}
.list-inline { float:left !important; margin-top:20px;}
.email p { text-align:center !important;}
.col-12 { padding:0px;}
.collapse li a { background:#fff; width:100% !important; margin-top:0px !important; line-height:30px !important;}
		.navbar li a{  border-bottom:1px solid #ccc; text-align:center;  }
		.navbar .navbar-right {  width:100% !important;}
		.hide { display:none !important;}
		.img { float:none; margin:10px auto 20px;}
		.in-content h2 { font-size:20px;}
		.prod {  padding:0px 30px 0px !important; margin:40px 0px !important; height:395px !important;}
.prod p a { background:#2183c6; color:#fff; padding:8px 10px; font-size:16px; margin-left:30% !important;}
.product1 .pro-img, .product1 .pro-img1  { border-radius:50%; padding:2px; border:1px solid #999; float:left; margin:0px 10px 0px 0px;}
.product1 h4 { margin-top:0px;}
.product1 { padding:0px;}
.product1 h3 { display:none;}
 .product1 .text-right, .product1 .text-left { text-align:left; border-bottom:1px solid #ccc; padding-bottom:20px; margin-top:20px;}
  .product1 .col-xs-12 { padding:0px !important;}
 }
@media screen and (max-width: 768px) {
	
	.logo { margin:auto !important; 	}
	
		.navbar li a {
	margin-top: 25px; 
	padding: 0px 5px !important;

	font-size: 13px !important;
	color: #333 !important;
	text-decoration: none;line-height:18px; 

}
.email1 { float:right !important; margin-top:5px !important; margin-bottom:10px !important;}
.social-icon { margin-bottom:30px;}
.navbar .navbar-right {  width:56%; float:right; font-size:12px !important;}
.rd-btn { border:1px solid #fff; border-radius:25px; margin:20px 0; background:none; color:#fff;} 
.prod {  padding:0px 20px 0px;}
.prod p a { background:#2183c6; color:#fff; padding:8px 10px; font-size:16px; margin-left:20%;}
}
	
	
/*---------products gallery-----------*/



 @media screen and (max-width: 380px) {

.newsletter { margin-top:20px; margin-bottom:20px; border:none;}
.news-button { border-radius:0px; padding:6px 4px; background:#00815d; border:1px solid #00815d !important;}
.news-button:hover  {background:#00816d;}
.newsletter .form-control { width:180px !important;}
.bg-black h2 { font-size:22px;}
.bg-black h2 span { font-size:20px !important;}
 }
 
 
	
/* Back to Top */
#backtotop {
	z-index: 999;
	display: inline-block;
	position: fixed;
	visibility: hidden;
	bottom: 20px;
	right: 20px;
	width: 36px;
	height: 32px;
	line-height: 26px;
	font-size: 16px;
	text-align: center;
	opacity: 0.2;
	text-decoration: none;
	background: #2183c6; opacity:0.8;
	color: #fff;
}
#backtotop i {
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit;
}
#backtotop.visible {
	visibility: visible;
	opacity: .5;
}
#backtotop:hover {
	opacity: 1; bottom:20px !important;}