@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: 'Nokora', sans-serif;
}
header {
	width: 100%;
	float: left; /*position:fixed; top:0px; left:0;*/
}
.topheader i {
	color: #fff;
}
.topheader {
	width: 100%;
	float: left;
	padding: 7px 0px;
	background: #2c72b5;
}
.topheader ul {
	padding: 0px;
	margin: 0px;
}
.topheader ul li {
	list-style: none;
	display: inline-table;
	color: #fff;
}
.topheader ul li a {
	color: #fff;
	text-decoration: none;
}
.topheader ul.socialicon li a {
	padding: 0px 12px;
}
.bottomheader {
	width: 100%;
	float: left;
}
.bottomheader ul li a {
	font-size: 17px;
	font-weight: 500;
	color: #000;
}
.bottomheader .coffeeus {
	margin: 0px;
	padding: 0px;
}
.bottomheader .coffeeus li {
	list-style: none;
}
.bottomheader .coffeeus li a {
	text-decoration: none;
	background: #0066ac;
	color: #fff;
	padding: 10px 15px;
	border-radius: 5px;
}
.slidersec {
	width: 100%;
	float: left;
	padding: 60px 0;
	background: #2c72b5 url(../img/bg.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.formtop {
	width: 100%;
	float: left;
	padding: 30px;
	background: rgb(255 255 255 / 99%);
	border-radius: 10px;
	border: 1px solid #0072df;
}
.formtop h3 {
	width: 100%;
	float: left;
	margin: 0px;
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px;
}
.formtop .form-control {
	min-height: 45px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 0px;
}
.aboutus {
	width: 100%;
	float: left;
	padding: 60px 0;
}
.aboutus h2 {
	font-size: 45px;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
}
.aboutus p {
	font-size: 16px;
	font-weight: 500;
}
.rotating-text {
	font-weight: 600;
	font-size: 36px;
	color: white;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.rotating-text h1 {
	font-size: 26px;
    font-weight: 300;
    color: #fff;
}
.rotating-text h1 span {
    float: left;
    width: 100%;
    font-size: 45px;
    font-weight: 700;
}
.rotating-text p {
	margin: 0;
	vertical-align: top;
	height: 60px;
}
.rotating-text p .word {
	position: absolute;
	display: flex;
	opacity: 0;
}
.rotating-text p .word .letter {
	transform-origin: center center 25px;
}
.rotating-text p .word .letter.out {
	transform: rotateX(90deg);
	transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2);
}
.rotating-text p .word .letter.in {
	transition: 0.38s ease;
}
.rotating-text p .word .letter.behind {
	transform: rotateX(-90deg);
}
.rotating-text a {
	font-size: 20px;
	font-weight: 500;
	background: #fff;
	padding: 10px 40px;
	display: inline-table;
	margin-top: 10px;
	text-decoration: none;
	color: #000;
	border-radius: 4px;
}
.productslider {
	float: left;
	width: 100%;
	padding: 60px 0;
	background: #2c72b5;
}
.itemshow {
	background: #fff;
	margin: 0 15px;
}
.itemshow img {
	width: 100%;
}
.itemshow h5 {
	font-size: 16px;
	text-align: center;
	padding: 5px 0;
	color: #000;
}
.productslider h2 {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	text-align:center; margin-bottom:20px;
}
.produslider {
	position: relative;
}

.produslider  ul.slick-dots {text-align: center; margin-top:20px;}
.produslider  ul.slick-dots li{display:inline-table; list-style:none; width:10px; height:10px; background:#fff; margin:0px 5px; border-radius:10px;}
.produslider  ul.slick-dots li button{font-size:6px; background:none; color:#fff; border:0;}
.produslider  ul.slick-dots li.slick-active{background:#00366a;}

.produslider1 ul.slick-dots {text-align: center; margin-top:20px;}
.produslider1  ul.slick-dots li{display:inline-table; list-style:none; width:10px; height:10px; background:#fff; margin:0px 5px; border-radius:10px;}
.produslider1  ul.slick-dots li button{display:none;}
.produslider1  ul.slick-dots li.slick-active{background:#00366a;}



.installation {
    padding: 60px 0;
    width: 100%;
    float: left;
}
.installation h2 {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
	text-align:center; margin-bottom:20px;
}

.installation p{color:#000; font-size:16px; text-align:center;margin:0px;}

.inst {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 17px 0px #0006;
    padding: 25px;
    min-height: 350px;
    margin-top: 30px;
    border-radius: 5px;
}
.inst p{margin-top:20px; font-size:16px;}

.certification{background:#fff;}
.certification h2{color:#000;}













.footer {
  padding: 100px 0px 0px;
  background-color: #2c72b5;
  float:left; width:100%;
}
.footer ul{margin:0px; padding:0px;}
.footer ul li{padding-left:15px; list-style:none;}

.footer .widget1 p {
  font-size: 15px;
  color: #fff;
  margin-top: 26px;
}

.footer .socialLinks {
  margin-top: 28px;
}

.socialLinks ul li {
  display: inline-block;
}

.socialLinks ul li a i {
  display: block;
  margin: 0 2px;
  width: 40px;
  height: 40px;
  background: #fafafa;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.socialLinks ul li a .fa-facebook-f {
  color: #4267b2;
}

.socialLinks ul li a .fa-twitter {
  color: #1da1f2;
}

.socialLinks ul li a .fa-instagram {
  color: #dd5044;
}

.socialLinks ul li a .fa-linkedin-in {
  color: #0177b5;
}

.socialLinks ul li a:hover i {
  color: #fff;
}

.socialLinks ul li a:hover .fa-facebook-f {
  background: #4267b2;
}

.socialLinks ul li a:hover .fa-twitter {
  background: #1da1f2;
}

.socialLinks ul li a:hover .fa-instagram {
  background: #dd5044;
}

.socialLinks ul li a:hover .fa-linkedin-in {
  background: #0177b5;
}
footer .logo {
  max-width: 200px;
}

.footer h5 {
  font-weight: 500;
  margin-bottom: 28px;
  text-transform: capitalize;
  font-weight: 600;
  color: #fff;
  font-size: 21px;
}

.footer .widget2 .media img {
  margin-right: 20px;
  max-width: 100px;
}
.footer .widget2 .media p {
  font-size: 15px;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: 600;
  line-height: 26px;
}

.footer .widget2 .media span {
  font-size: 12px;
  color: #ffb606;
  text-transform: uppercase;
  margin-top: 15px;
  display: block;
}

.footer .widget2 .media {
  margin-bottom: 20px;
}

.footer .widget3 ul li a,
.footer .widget4 ul li a {
  font-size: 15px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 13px;
  display: block;
}

.footer .widget3 ul li a:hover,
.footer .widget4 ul li a:hover,
.footer .widget2 a:hover p {
  color: #ffb606;
}

.footer .widget3 h5 {
  margin-bottom: 22px;
  font-weight: 600;
  color: #fff;
  font-size: 21px;
  line-height: 32px;
}

.footer .widget4 h5 {
  margin-bottom: 22px;
  font-weight: 600;
  color: #fff;
  font-size: 21px;
}

.copyRightArea {
  margin-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 25px 0px 28px;
}

.copyRightArea p {
  color: #fff;
  margin:0px;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

a,
a:active,
a:focus {
  color: #6f6f6f;
  text-decoration: none;
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
p.ddd {
    color: #fff;
	font-size:15px;
}

.sidebar-contact{
  position:fixed;
  top:50%;
  right:-350px;
  transform:translateY(-30%);
  width:350px;
  height:auto;
  padding:35px;
  background:#fff;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
  box-sizing:border-box;
  transition:0.5s;
  background: #0066ac;
      z-index: 999;
}
.sidebar-contact.active{
  right:0;
}
.sidebar-contact input,
.sidebar-contact textarea{
  width: 100%;
    height: auto;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.5);
    outline: none;
    font-size: 15px;
    padding: 10px 8px;
    border-radius: 0px;
}
.sidebar-contact h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 30px;
    font-weight: 600;
    color:#fff;
}
.sidebar-contact textarea{
  height:60px;
  resize:none;
}
.sidebar-contact input[type="submit"]{
  background:#004676;
  color:#fff;
  cursor:pointer;
  border:none;
  font-size:18px;
}
.toggle{
  position: absolute;
    height: 150px;
    width: 48px;
    text-align: center;
    cursor: pointer;
    background: #f00;
    top: 0;
    left: -48px;
    line-height: 194px;
    background: url(../img/enquire-n.png);
    background-size: contain;
}
/*.toggle:before{
  content:'\f003';
  font-family:fontAwesome;
  font-size:18px;
  color:#fff;
  background:url(../img/enquire-now.png);
}
.toggle.active:before{
  content:'\f00d';
}*/
.scroll {
    float: left;
    width: 100%;
    padding: 0px 20px;
}
@media(max-width:768px)
{
  /*.sidebar-contact{
    width:100%;
    height:100%;
    left:-100%;
  }
  .sidebar-contact .toggle{
    top:50%;
    transform:translateY(-50%);
    transition:0.5s;
  }
  .sidebar-contact.active .toggle
  {
    top:0;
    right:0;
    transform:translateY(0);
  }*/
  .scroll{
    width:100%;
    height:100%;
    overflow-y:auto;
  }
  .content{
    padding:50px 50px;
  }
}

.bottomheader li.nav-item {
    display: none;
}

.scroll14 .form-control{    min-height: 45px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 0px; margin: 10px 0;}

.rotating-text ul {
    padding: 0px 0px 0px 32px;
}
.rotating-text ul li {
    font-size: 17px;
    font-weight: 300;
}
.rotating-text p {
    margin: 0;
    vertical-align: top;
    height: auto;
    font-size: 18px;
    font-weight: 300;
}


.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	bottom: 90px;
    left: 20px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}
	
	.singlepro{width:100%; float:left; padding:60px 0;}
.singlepro h1 {font-size: 50px; text-align: left; margin:0px; padding:0px 0; font-weight:400;color: #0066ac; margin-bottom: 5px; font-family: 'Teko', sans-serif;}
.imgsha img {width: 100%; box-shadow: 0 0 15px #afafaf;}
.approx {font-size: 16px; color: #000; font-weight: 500;}
.approx span {font-size: 30px; color: #0066ac; font-weight: 600; font-family: 'Teko', sans-serif;}
.singlepro h6{font-size:26px; font-family: 'Teko', sans-serif; margin: 0px;}
.singlepro table {width: 100%; margin-top:10px;}
.singlepro table td{padding:6px 5px; border:1px solid #ccc; font-size:15px;}
.singlepro table tr td:nth-child(1){font-weight:600;}
.singlepro ul {padding:0px 0px 0px 18px; margin-top:10px;}
.singlepro ul li{padding:7px 0px; font-size:16px;}
	 @media (min-width:100px) and (max-width:767px){
		 button.navbar-toggler {
    display: none;
}
.topheader {
    text-align: center;
}
ul.socialicon {
    text-align: center;
}
.rotating-text h1 {
    font-size: 55px;
    font-weight: 700;
    color: #fff;
}
.rotating-text {
    margin-bottom: 70px;
    top: 0px;
    transform: translateY(0);
}
.formtop .form-control {
    min-height: 45px;
    font-size: 18px;
    border: 2px solid #ccc;
    border-radius: 0px;
}
.widget3 {
    margin-top: 30px;
}
.footer {
    padding: 50px 0px 0px;}
		 }