@import url("response.css");

body{margin: 0; padding: 0; background: #f5f5f5; -webkit-user-select:none; font-family: "ArimaMadurai-ExtraBold";}
img{-webkit-user-drag:none;}
@font-face{font-family: "ArimaMadurai-ExtraBold"; src:url("../fonts/ArimaMadurai-ExtraBold.ttf");}
.top{padding: 12px 0; border-bottom: 1px solid #dadada; position: fixed; background: #f5f5f5; z-index: 999;}
.t-right{text-align: right;}
.header{padding: 0 10px !important;}
.t-left{text-align: left;}
.navi{margin: 9px 0 0 0; padding: 0;}
.navi li{display: inline-block;}
.navi li a{display: inline-block; color: #3d3d3d;  text-transform: uppercase; padding: 10px 20px; border-radius: 5px;}
.navi li a:hover{background: #f0394d; color: #fff; transition:0.3s;}
.head{margin: 100px 0 0 0;}
.box{background: #eaeaea; padding: 3px 0; margin: 10px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; box-shadow:inset 0 0 10px #e5e5e5;}
.call{ border-right: 1px solid #bcbcbc; font-size: 30px; color: #71994f; padding: 8px 0 0 0;}
.call img{vertical-align: top;}
.call2{ border-left: 1px solid #fff; font-size: 20px; text-align: center; color: #3d3d3d; padding: 14px 0;}
.social{margin:5px 0; padding: 5px 0 0 0; text-align: center;}
.social li{display: inline-block;}
.social li a:hover{-webkit-filter:brightness(140%);}
.display{margin: 20px 0;}
.rotate{overflow: hidden; margin:7px 0 0 0;}
.rotate img{animation: pawan linear 15s infinite;}
@keyframes pawan
{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -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}
}
.welcome{color: #e8374b; text-align: center; font-size: 50px; text-transform: capitalize;}
.welcome-p{color: #ffff00; text-align: center; font-size: 50px; text-transform: capitalize;}
.welcome-a{text-align: center; font-size: 24px; text-transform: capitalize; color: #fff;}
.welcome2{text-align: center; font-size: 24px; text-transform: capitalize;}
.top-line{font-size: 16px; color: #555555; padding: 0 200px; text-align: center; line-height:30px;}
.all{margin: 50px 0; border: 1px solid #dadada;}
.prob{padding:15px; border-right: 1px solid #dadada; background: url(../images/back.jpg) 0 600px no-repeat;}
.image img{border-radius: 100%; padding: 10px; box-shadow:0 3px 0 #eee; border: 1px dashed #dadada;}
h4{font-size: 25px; text-transform: capitalize; margin: 0; padding:15px 0 0 0; text-align: center; color: #e8374b;}
.cont{color: #515151; text-align: center; line-height: 30px;}
.btn{margin: 0 0 10px 0; padding: 0; text-align: center;}
.btn a{background: #e8374b; color: #fff; text-transform: capitalize; font-size: 22px; padding: 3px 20px; border-radius: 5px;}
.btn a:hover{background: #000; -webkit-transition:0.5s;}
.prob:hover .image img{box-shadow: none; border: 4px dashed #fff;  background: #fff; background-clip:padding-box;}
.prob:hover h4{color: #ffff00;}
.prob:hover .cont{color: #fff;}
.prob:hover{background: url(../images/back.jpg) 0 0px no-repeat; -webkit-transition:0.4s;}
.prob:hover .btn a{background: #ffff00; color: #000;}
.l-dis{padding: 0 20px 0 0;}
.our{font-size: 40px; color: #017e99; text-transform: capitalize;}
.margin{margin: 15px 0;}
.photo{padding: 5px;}
.photo img{padding:10px; border: 1px solid #e3e3e3;}
h3{margin: 0; padding: 0 0 0 15px; text-transform: capitalize; font-size: 25px;}
.cont2{color: #515151; line-height: 30px; padding: 0 0 0 15px;}
h1{margin: 0; padding: 0;}
h1 a{color: #e8374b; text-transform: capitalize; font-size: 40px;}
.tagline{font-size: 18px;}
.content{color: #515151; line-height: 30px;}
h2{color: #017e99; text-transform: capitalize;}
.form{background:-webkit-radial-gradient(#f0394d, #b62333); padding: 15px; border-radius: 3px;}
.send{font-size: 28px; color: #ffff00; text-transform: uppercase; text-align: center;}
.send2{font-size: 18px; color: #fff;  text-transform: capitalize; text-align: center; margin: 0 0 20px 0;}
.txt{height: 45px; border: none; border-radius: 100px; margin: 0 0 12px 0;}
.txt2{height: 45px; border: none; border-radius: 10px; margin: 0 0 12px 0;}
.button{background: #ffff00; font-family: "ArimaMadurai-ExtraBold"; text-transform: uppercase; border-radius: 100px; cursor: pointer; outline: none; border: none; font-size: 16px; padding: 6px 20px 1px 20px;}
.ser{padding: 10px;}
.title{background: url(../images/title.png) no-repeat; color: #fff; font-size: 22px; text-transform: capitalize; padding: 10px 0 9px 15px; margin: 0 0 10px 0;}
.height{padding: 8px; background: #ececec; border:1px solid #e6e6e6;}
.item{padding:0 5px;}
.list-item{border: none; font-size: 14px; border-bottom: 1px dashed #eeeeee; padding: 8px 0 8px 35px; background:#fff url(../images/icon.png) no-repeat 10px 11px;}
.list-item:hover{background: #bc2536; color: #fff; padding: 8px 0 8px 15px;}
.available{box-shadow: inset 0 0 10px #dbdbdb; padding: 10px;}
.r-call{color: #3d3d3d;  font-size: 16px; text-transform: capitalize;}
.r-call2{color: #e8374b; margin: -5px 0 0 0;  font-size: 28px; text-transform: capitalize;}
.bottom{border-bottom: 1px dashed #ccc; padding: 0 0 5px 0; margin: 10px 0 5px 0;}
.marg{padding: 20px 0; overflow: hidden; background: #e8374b url("../images/testimonials.png");}
.footer{padding:0 0 15px 0;}
.f-in{background: #e8374b; margin: 0 0 20px 0;}
.navi2{text-align: center; margin: 0; padding: 0;}
.navi2 li{display: inline-block;}
.navi2 li a{display: inline-block; border-left: 1px solid #b92738; border-right: 1px solid #ff7383; color: #fff; text-transform: capitalize; padding: 15px 20px 10px 20px; font-size: 20px;}
.navi2 li a:hover{background: #ffcc00; color: #000;}
.f-box{padding: 0 7px;}
.f-call{color: #3d3d3d;}
.f-call2{color: #3d3d3d; font-size:25px; padding: 0 0 2px 0;}
.f-call3{color: #3d3d3d; font-size:18px; padding: 0 0 10px 0;}
.f-call4{color: #3d3d3d; font-size:15px; padding: 0 0 12px 0; word-wrap: break-word;}
.f-title{color: #e8374b; text-transform: capitalize; font-size: 25px; margin: 0 0 20px 0; padding: 0 0 7px 0; border-bottom: 1px dashed #dadada;}
.available2 img{box-shadow: inset 0 0 10px #dbdbdb; padding:10px; margin: 0 0 20px 0;}
.f-list{margin: 0 ; padding: 0;}
.f-list li{color: #3d3d3d; padding: 1px 0; } 
.f-list li span{font-size: 12px !important;}
.end{background: #3d3d3d; color: #fff; padding: 6px 0 0 0; text-align: center;}
.content ul{margin: 0; padding: 0;}
.content ul li{list-style-type: square; list-style-position: inside;}
.content a{color: red;}
.content strong{color: #000;}
.c-call2{font-size: 35px; padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px dashed #ccc; word-wrap: break-word;}
.c-call3{font-size: 22px; padding: 2px 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px dashed #ccc; word-wrap: break-word;}
.italic{background: -webkit-radial-gradient(#f0394d, #b62333); color: #fff; font-style: italic; padding: 15px; border-radius: 5px;}
.italic strong{color: #ffff00;}



@media(max-width: 786px){
	.top{padding: 0; position: relative;}
	.navi li{width: 100%;}
	.navi li a{width: 100%;}
	.empty{display: none;}
	.t-right,.t-left{text-align: center; padding: 0; }
	.logo{margin: -240px 0 0 0;}
	.t-right{margin: 100px 0 0 0;}
	.navi{margin: 0;}
	.navi li a{border-bottom: 1px solid #dadada; padding: 14px 0;}
	.head{margin: 20px 0;}
	.call,.call2{border: none; text-align: center;}
	.call2{padding: 10px 0 0 0; text-align: center;}
	.box{padding: 10px 0;}
	.top-line,.photo{padding: 0;}
	.prob,.prob:hover{background: #e8374b; margin: 5px 0; border-radius: 5px;}
	h4{color: #ffff00;}
	.all{border: none;}
	.cont{color: #fff;}
	.btn a{background: #ffff00; color: #000;}
	.image img{box-shadow: none; border: 4px dashed #fff; background: #fff; background-clip:padding-box;}
	.l-dis{padding: 0; margin: 10px 0;}
	h3,.cont2{text-align: center; padding: 10px 0 0 0;}
	.our{text-align: center; margin: 20px 0 0 0;}
	.ser{padding: 10px 0; }
	.item{padding: 0;}
	.list-item,.list-item:hover{padding: 15px 0 15px 35px; color: #3d3d3d; background:#fff url(../images/icon.png) no-repeat 10px 17px;}
	.r-call,.r-call2{text-align: center;}
	.r-call{margin: 15px 0 0 0;}
	blockquote{padding: 0 24px; text-align: left !important; margin: 20px 18px !important; padding: 0 38px !important;}
	.navi2 li{width: 100%;}
	.navi2 li a{width: 100%; padding: 15px 0; border: none; border-top: 1px solid #b92738; border-bottom: 1px solid #ff7383; }
	.f-box{padding: 10px 0;}
	.available2{width: 33%;}
}



@media (max-width:10000px) and (min-width:2800px){
	.main{width:30%;}
}
@media (max-width:5000px) and (min-width:2800px){
	.main{width: 30%;}
}
@media (max-width: 2800px) and (min-width:2500px){
	.main{width: 50%;}
}
@media (max-width: 2500px) and (min-width:2200px){
	.main{width: 40%;}
}
@media (max-width: 2200px) and (min-width:1800px){
	.main{width: 60%;}
}
@media (max-width: 1800px) and (min-width:1500px){
	.main{width: 80%;}
}







.phone-message
{
	width: 60px;
	position:fixed;
	z-index:999;
	bottom:0px;
	left:5px;
	
}
.phone-message1
{
	width: 60px;
	position:fixed;
	z-index:999;
	bottom:0px;
	Right:5px;
	

}