@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Josefin+Slab');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Arvo');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url('https://fonts.googleapis.com/css?family=Oswald');


html, body {
	 background-color:#fff;
	margin: 0; padding: 0; overflow-x:hidden;
}

/*   navbar  */
#customNav{
	position:fixed;
	background-color:rgba(0,0,0,.7);
}
#customNav a{
		font-family:'Arvo';
	  color:rgb(255,255,255);
		font-weight: bold;
}
@media (max-width: 500px){
 .navbar-brand{
	 font-size:17px!important;
 }
}

#customSubNav{
  background-color:rgba(0,0,0,0);
	border-radius:4px;
}
#customSubNav a{
	color:rgb(255,255,255);
	background-color:rgba(0,0,0,0.7);
}
#customSubNav a:hover{
	color:rgb(255,255,255);
	background-color:rgba(0,0,0,1);
}

.brandLogo-main{
	margin:0 0 0 0;
	padding:0px 15px 0px 45px;

}
.brandLogo-main img{
	top:0;
	height:55px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.brandLogo{
	margin:0 0 0 0;
	padding:15px 25px 15px 0;

}
.brandLogo img{
	top:0;
	height:40px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.dropdown a{
	font-family:'Ubuntu'!important;
	font-size:17px;
}
.dropdown-menu a{
	font-family:'Arvo'!important;
	font-size:15px;
}
.navbar-brand {
	font-family:Arvo;
	font-size: 25px;
}


.navbar	 {
    background-color:rgba(0,0,0,0.3);

}
.navbar-inverse a{
	color:rgb(0,0,0);
}
#brandName a{

	font-size:25px;
}
#brandName a:hover{

text-shadow: 0 0 1px rgba(255,255,255,1) , 0 0 2px rgba(255,255,255,1) , 0 0 3px rgba(255,255,255,1) , 0 0 4px #ff00de , 0 0 7px #ff00de , 0 0 8px #ff00de , 0 0 10px #ff00de ;
}

/* navbar ends here*/

/* First Slide*/
.slideCunt{
	 width:100vw;
	 height:100vh;
	 background-color:rgba(0, 0, 0, 0);
	 overflow:hidden;
}

.navigate{
	position:absolute;
  top:50vh;
	right:10vh;
	color:white;
	font-family:Ubuntu;
	font-size:3vh;

}

.navigator{
	position:absolute;
	top:50vh;
	z-index:10;
	width:100%;
}
.next .prev{
	position:absolute;
	size:50px;
	color:white;
}
.next{
	left:10vw;
}
.prev{
	right:10vw;
}


.slides img{
	width:100vw;
	height:100vh;

}
.title{
	position:absolute;
	margin-top:20vh;
	margin-left:10vh;
	width:25vw;
	display:inline;
	text-align: center;
	font-family: Oswald;
	font-weight:bold;
	font-size:3em;
	color:black;
}

.description{

	position:absolute;
	margin-top:30vh;
	height:auto;

	margin-left: 10vw;
	font-size:4vh;
	font-family:Oswald;
	text-align:center;
	color:black;
	background-color: rgba(255, 255, 255, 0.8);

}
.description ul{
	text-align: left!important;
}
.title .description text{
	color:black;

}

.description a{
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 25px #228DFF, 0 0 30px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF	;
}

.textDesc{
	position:absolute;
	margin-top:0vh;
	padding-top:20vh;
	background-color:rgba(255, 255, 255, 0);
	height:100vh;

	text-align: center;
	font-family: Oswald;
}
.textDesc h1{
	font-size: 5vh;
	font-weight: bold;
	color:black;
}
.textDesc p{
  padding-top:10vh;
	padding-bottom:10vh;
	font-size: 4vh;
	font-weight: lighter;
	color:black;
	background-color:rgba(255, 255, 255, 0.5);


}
#secondCunt{
	background-color:#74AFAD;
  height:auto;
}
.secondCuntCols{
	margin-top: 25px;
	margin-bottom:25px;
	background-color: rgba(255,255,255,0.3);\
	padding:10px 10px 10px 10px;

}
.secondCuntCols h1,h3{
	text-align: center;
}
.secondCuntCols img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	height:130px;
	margin-bottom:10px;
}

.logoCol{
	position:absolute;
	margin-top:0vh;
	padding-top:30vh;
	background-color:rgba(255, 255, 255, 0);
	height:100vh;

	text-align: center;
	font-family: Oswald;

}
.logoCol h1,h3{
	text-align: center;
}
 @media (min-width: 501px){
	 .logoCol img {
	display:block;
	margin-left:0;
	margin-right:auto;
	width:80%;
	height:50vh;
	margin-bottom:10px;
	 }
	 }

 @media (max-width: 501px){
	 .logoCol img {
	display:none;
	margin-left:0;
	margin-right:auto;
	width:80%;
	height:50vh;
	margin-bottom:10px;
	 }
	 }	 
.ecoatVideo
{
	width:50%;
	display:block;
	margin-left:25%;
	margin-right:auto;
	height:auto;
	margin-bottom:50px;
}
	 
.thermoVideo
 {
	width:50%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	margin-bottom:50px;
}

.footerSec{
	height:40vh;
	width:100vw;

}

.footerSec{
	width:100%;
	height:auto;
	background-color: rgba(40,40,40, 1);
  overflow:hidden;
}
.mapHolder{
	padding-top:50px;
  height:100%;
	font-family: Oswald;
	color:white;
	text-align: center;
	overflow:hidden;
	padding-bottom:50px;
}
#map{
	border:2px 2px 2px 2px;
	top:2%;
	margin-left:5%;
	margin-right:auto;
	height:300px;

	overflow:hidden;
}
@media (max-width:720px){
	#map{
		margin-left:0px;
	}
}
.mediaLinks{
	padding-top:50px;
	float:left;
	height:100%;
	font-family: Oswald;
	color:white;
	text-align: center;
	overflow:hidden;

}
.mediaLinks a{
	length:80px;
	width: 80px;
}

.mediaLinks img{

	float:left;
	height:7vh;
	margin:10px 10px 10px 10px;

}
.icons{
	margin-left: 20px;
}




/* first slide-ends here*/

@-webkit-keyframes neon2 {
  from {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2121, 0 0 250px #ff2121, 0 0 30px #ff2121, 0 0 40px #ff2121, 0 0 50px #ff2121;
  }
  to {
    text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #228DFF, 0 0 12px #228DFF, 0 0 15px #228DFF, 0 0 20px #228DFF, 0 0 25px #228DFF;
  }
}

.fadeEff {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}




/*-----------------------------*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*-----------------------------products------------------------------*/
.HospitalDesc{
	margin-top:50px;
	background-color:#dfdce3;
	text-align: center;
}
.HospitalDesc img{

	width:100%;
	margin-left: auto;
	margin-right: auto;
}
.productsCunt{
	height:auto;
}

.img-holder img{
	height:auto;
	width:100%;
}
.text-holder{
	padding-top:5vh;
	padding-bottom:5vh;
}
.text-holder p{
	text-align: left;
	font-size:3vh;
}
.text-holder ul{
	text-align: left;
	font-size: 3vh;
}
.sri{
	font-weight:bold;
	color:navy;
}


/*            contact form's.                          */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

.contactCunt{
	background-color: #4abdac;
	margin-top:50px;
}
.contact-innerCunt{
	padding-top:75px;
	padding-bottom:75px;
}
.ccheader {
	margin: 0 auto;
	padding: 2em;
	text-align: center;
}

.ccheader h1 {
	margin: 0;
	font-weight: 300;
	font-size: 2.5em;
	line-height: 1.3;
    font-family:Pacifico;
}
.ccheader {
	margin: 0 auto;
	padding: 2em;
	text-align: center;
}

.ccheader h1 {
	padding-top:5vh;
	margin: 0;
	font-weight: 300;
	font-size: 2.5em;
	line-height: 1.3;
}

/* Form CSS*/
.ccform {
   margin: 0 auto;
    width: 75vw;
}
.ccfield-prepend{
	margin-bottom:1%;
	width:100%;
}

.ccform-addon{
	color:#BAE7A8;
    left:45%;
	padding:0.5%;
	width:100%;
	background:#FFFFFF;
	text-align:center;
}

.ccformfield {
	color:#000000;
	background:#FFFFFF;
	border:none;
	padding:1%;
	width:91.9%;
	display:block;
	font-family: 'Lato',Arial,sans-serif;
	font-size:14px;
}

.ccformfield {
	font-family: 'Lato',Arial,sans-serif;
}
.ccbtn{
	display:block;
	border:none;
	background:white;
	color:black;
	padding:1% 2%;
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
}
.ccbtn:hover{
	background:black;
	color:white;

}


/*end of contact form            */


/*technical Literature   */
.techLit {
	padding-top: 70px;
	padding-bottom: 50px;
	width:100%;
	text-align: center;
	background-color: #007849;
}
.techLit h3{
	font-size:5vh;
	color:white;
}
/*end of technical la=itrature*/

/*start of indistral*/
.industrialCunt{
	background-color:#f8eee7;
}
.prodDesc{
	padding:5px 5px 5px 5px;
	font-size:20px;
	font-weight: bold;
	font-family:Ubuntu;
  border-top:50px;
	background-color:#f4decb;


}
td{
	font-size:15px;
}


/*end of indistral*/
/*ral*/
.ralTable {
background-color: #dfdce3;
}

/*end of ral*/


.toolTip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.toolTip .toolTipText {
    visibility: hidden;
    width: 200px;
    background-color:#F0F8FF;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.toolTip:hover .toolTipText {
    visibility: visible;
}
.toolTip .toolTipText {
    top: -5px;
    right: 150%; 
}