/* Custom CSS */
body{
	font-family: 'Roboto', sans-serif;
	margin:0;
	font-size:14px;
}

ul{list-style:none;margin:0;padding:0;}

h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto', sans-serif;
	font-weight:inherit;
}

.text-right{text-align:right}
input.error{border-color:rgb(185, 74, 72) !important}

header{padding:5px 0}
header a{text-decoration:none}
header .w3-bar .w3-bar-item{padding:4px 16px;}
header ul{padding:5px 0;text-align:right}
header ul li{display:inline-block;margin:0 5px;}

section{padding:50px 0;}
section.white{background:#ffffff}
section.gray{background:#fafafa}
.content-heading{margin-bottom:40px}

section#hero{
	background:url(../img/banner.jpg) no-repeat center top /cover;
	/* min-height:580px; */
	padding:24px 0 !important;
}
section#hero h2{color:#fff;font-size:3em;margin-top:0px;/* margin-bottom:20px */}
section#hero h4{color:#fff;font-size:1.7em;margin:0 auto;/* margin-bottom:40px;width:80%; */font-weight:300}
.demoBtn{display:block;width:230px;border-radius:100px;margin:0 auto}
section#hero .w3-row-padding>.w3-col{padding:0 30px}

section#slogan{background:#f2f2f2}
/* section#slogan .w3-content{padding:0 15px;}
section#schedule .w3-content{padding:0 15px;} */

section#whyclaimbook{padding-bottom:0;}
section#whyclaimbook h3{margin-top:0}
section#whyclaimbook h6{font-weight:500;color:#00aeef}

section#features/* , section#clients */{/* background:#fafafa */padding-top:0}
section#features .w3-row-padding>.w3-col{padding:0 20px}
section#features ul li{color:rgba(0,0,0,0.7);margin:10px 0}
section#features ul li i{display:table-cell;width:32px}
section#features ul li span{display:table-cell}
/* Slideshow container */
.mySlides {display: none}
img {vertical-align: middle;}
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  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}
}

#schedule form{/* width:600px;margin:0 auto */}

section#clients{padding:24px 0;}
section#clients .content-heading{margin-bottom:0;}
section#clients ul{text-align:center}
section#clients ul li{display:inline-block;background:#fff;padding:16px;margin:8px;}
section#clients ul li:hover{border-color:#fff !important}

.testimonial span{color:rgba(0,0,0,0.7);font-size:12px;}

section#awards{
	background:url(../img/awards_bg.jpg) no-repeat center bottom /cover;
	color:#fff;
}
section#awards .w3-row-padding>.w3-col{padding:0 40px}

section#action{/* background:#fafafa;color:#fff */padding-top:0;}
.demoBtn{display:block;width:230px;border-radius:100px;margin:0 auto}
.demoBtn2{border-radius:100px;display:block;margin:0 auto;width:250px;}

.help-block.form-error{font-size:12px!important}

#featured-products{background:#333;color:#ffffff;}
#featured-products h4{color:#6ec8e9;}
#featured-products .w3-col{padding:0 24px}

footer{background:#00aeef;color:#fff;font-size:12px;padding:10px 15px;}
footer p{margin:0;}
footer .links{text-align:right;/* padding:5px 0; */}
footer .links a{text-decoration:none;font-size:12px;}

/* Media Query */
@media only screen and (max-width: 568px){
	header, header ul{text-align:center}
	header .w3-bar .w3-bar-item{float:none;margin-bottom:16px;}
	#schedule form{width:100%}
	footer,
	footer .links{text-align:center}
}