*{
	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 h2 {
	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 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;
}



.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 .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 {
  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;
}
/*.toggle:before{
  content:'\f003';
  font-family:fontAwesome;
  font-size:18px;
  color:#fff;
  background:url(../img/enquire-now.png);
}
.toggle.active:before{
  content:'\f00d';
}*/
@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);
  }*/
}

.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);
	}
}

ul.slick-dots { display: none !important;}
	 @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;}
		
		 
		 
		 
		 
		 
		 
		 
		 
		.rotating-text h1 span {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
} 
		 
		 .topheader ul li {
    list-style: none;
    display: inline-table;
    color: #fff;
    font-size: 12px;
}
ul.socialicon {
    display: none;
}
    .rotating-text h1 {
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        text-align: center;
    }
    .rotating-text ul li {
    font-size: 10px;}
    .rotating-text p {
    margin: 0;
    vertical-align: top;
    height: auto;
    font-size: 10px;
    font-weight: 500;
}
.slidersec {padding: 20px 0;}
.rotating-text a {
    font-size: 12px;
    font-weight: 500;
    background: #fff;
    padding: 5px 48px;
    display: inline-table;
    margin-top: 10px;
    text-decoration: none;
    color: #000;
    border-radius: 4px;
    width: 100%;
    text-align: center;
}
    .rotating-text {
        margin-bottom: 10px;}
        .rotating-text a {
    display: none;
}
.formtop {
    width: 100%;
    float: left;
    padding: 10px;}
    .formtop h2 {width: 100%; float: left; margin: 0px; font-size: 20px; font-weight: 600; text-align: center; margin-bottom: 10px;}
    .formtop .form-control {min-height: 35px; font-size: 10px; border: 1px solid #ccc; border-radius: 0px;}
    .formtop {padding: 10px 10px 0px 10px;}
    .aboutus h2, .productslider h2, .installation h2, .productslider h2, .certification h2 {font-size: 20px;}
    a.navbar-brand img {width: 70%; height: auto; margin: 0 auto;}

.navbar-light .navbar-brand {color: rgba(0, 0, 0, 0.9);text-align: center;}
.aboutus p, .installation p, .footer .widget1 p, p.ddd, .footer .widget3 ul li a, .footer .widget4 ul li a {font-size: 11px;font-weight: 500;}
.footer .widget3 h5 {margin-bottom: 5px;font-weight: 600;color: #fff; font-size: 15px; line-height: 10px;}
    
 }
 
 
 
 
 
 
 .dccable .topheader ul li a,  .dccable .topheader ul li,  .dccable .formtop h2,  .dccable .rotating-text h1,  .dccable .rotating-text p,  .dccable .rotating-text a,  .dccable .aboutus p, .dccable .aboutus ul li a, .dccable .aboutus ul li, .dccable .whychoose ul li, .dccable .Insulationthickness table, .dccable .footer .widget1 p, .dccable p.ddd, .dccable .footer .widget3 ul li a, .dccable .footer .widget4 ul li a{font-family: "Jost", sans-serif;}
 .dccable h2, .dccable .bottomheader .coffeeus li a,  .dccable .footer .widget3 h5, .dccable .footer .widget4 h5{font-family: "Fjalla One", sans-serif;}
 .dccable .aboutus p,  .dccable ul li {font-size: 18px; font-weight: 300;}
 .dccable .whychoose {float: left; width: 100%; padding: 60px 0; background: #0064a8;}
 .dccable .whychoose h2, .dccable .whychoose ul li{color:#fff;} 
 .Insulationthickness {float: left; width: 100%; padding: 60px 0; background: #f1f1f1;}
 .Insulationthickness table {width: 100%;}
 .Insulationthickness table th {background: #0062a4; color: #fff; padding: 5px 0px;}
 .Insulationthickness table tr td {background: #ffffff; text-align: center; padding: 12px 0;}
 .Insulationthickness h2 {text-align: center; padding: 0; margin: 0px 0px 20px 0px;}
 .dccable .rotating-text h1 span {float: left; width: 100%; font-size: 85px; font-weight: 700;text-transform: uppercase;}
 .dccable .rotating-text h1 {float: left; width: 100%; font-size: 40px; }
 .dccable .formtop h2{font-size: 30px;font-family: "Fjalla One", sans-serif;}
.dccable .ab-img {width: 100%; float: left;}
.dccable .ab-img img{width: 100%; float: left;}
 
 .produ1slider .itemshow {background: none; margin: 10px 0px;}
 .produ1slider .itemshow h5 {background: #fff; font-weight: 700;}
 .singlepro12 {
    float: left;
    width: 100%;
    padding: 60px 0;
}
.esela12 h1 {
    font-size: 26px;
    margin: 0px 0px 10px 0px;
}
.esela12 h2 {
    margin: 25px 0px 4px 0px;
    font-size: 20px;
}
.esela12 p {
    font-size: 14px;
}
.esela12 th, .esela12 td {
    padding: 8px;
}
 
 .solarstructures {
    float: left;
    width: 100%;
    padding: 60px 0;
}
.solarstructures h2 {
    text-align: center;
}
.item54show img {
    width: 100%;
}
.item54show h5 {
    background: #2070b1;
    margin: 0px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 8px 0;
}
.item54show {
    border: 1px solid #ccc;
    border-radius: 15px;
    overflow: hidden;
    margin: 15px 0;
}