@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css");

main {
  min-width: 320px;
  max-width: 800px;
  padding:15px 0px 0px;
  margin: 0 auto;
  background: #fff;
}

section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 25px;
  font-weight: 700;
  text-align: center;
  color: #222;
  border: 1px solid transparent;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  border: 1px solid #ddd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label[for*='1']:before {
}

label[for*='2']:before {
}

label[for*='3']:before {  content: '\f16b';}
label[for*='4']:before {  content: '\f1a9';}
label:hover {  color: #000;  cursor: pointer;}
input:checked + label {
  color: #fff;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;
  background-color:#505050;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#resp-table {white-space:nowrap;width: 100%;display: table;font-size:14px;font color:#0000;}
#resp-table td {  height: 28px;} 
#content1 p{line-height:2.1}
#content1,#content2,#content3,#content4,#content5 {margin:0;padding:0}
#content2 #TTT2,#content3 #TTT2{margin:0;}
#content2 a,#content3 a {margin-left:-8px;}
#content1 a,#content2 a,#content3 a,#content4 a,#content5 a {font-size:13px;color:#000;}
#resp-table th,#resp-table td, #resp-table a  {color:black; }
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content3 {
  display: block;
}

@media only screen and (min-width: 768px) {#resp-table {width: 70%;} }

@media screen and (max-width: 650px) {
  label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 25px;
  font-weight: 700;
  text-align: center;
  color: #222;
  border: 1px solid transparent;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  background-color:#f1f1f1;
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}
}
@media screen and (max-width: 400px) {
 label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 5px;
  font-weight: 100;
  text-align: center;
  color: #222;
  border: 1px solid transparent;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
   background-color:#f1f1f1;
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}
}
.center-elem { margin: auto; width: 50%; padding-bottom: 10px}
.center { text-align: center; }
@media screen and (max-width: 780px) { .center-elem { margin: 4px;width: 90%;} }

.right { text-align: right}
.left { text-align: left}
.float-right { float: right;}
.float-left { float: left;}
.clear-right {clear:right}
.clearfix::after { content: ""; clear: both; display: table;}

.footerLink { font:16px;padding-top:25px;font-weight:300;}.footerLink a{ padding-right:20px }.footerLink a:hover{ color:#FF5A00;}
	aside {background:#eee!important;padding:4px;}
	.widget {padding:1em .65em 0;}.widget a{font-size:.9em;line-height:1em}.media .date{padding:2px 8px;}
	.blog-meta {color: #0408d8;font-size:.9em; } .blog-meta p{position:relative;margin-top:-1em; }
.disclaimer {margin-top:10px;font-size:0.9em;text-align:justify}
 @media (min-width:768px) {.disclaimer {width:90%;}} @media (max-width:768px) {.footerLink a {font-weight:400} }
.round {padding:0;width:50px;height:50px;}
#topBtn { position: fixed;bottom: 3.2em;right: 20px;z-index: 99;font-size: 18px;border: none;outline: none;background-color: blue;color: white;
/*    background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); */
  cursor: pointer;opacity: 0.6;padding: 12px;display: block;text-decoration: none;-
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
  border-radius: 35px;display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#topBtn:hover { background-color: orange;/*#555;*/}

.heading-color {
  background: -webkit-linear-gradient(to right, #1613bd 0%, #d915b5 50%,#ea7ea2 100%);
  background: -moz-linear-gradient(to right, #1613bd 0%, #d915b5 50%,#ea7ea2 100%);
  background: linear-gradient(to right, #1613bd 0%, #d915b5 50%,#ea7ea2 100%);
  background-clip:text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-background-clip {
  background: -webkit-linear-gradient(to right, #e8d33f, #06D6A0, #e8d33f);
  background: -moz-linear-gradient(to right, #e8d33f, #06D6A0, #e8d33f);
  background: linear-gradient(to right, #e8d33f, #06D6A0, #e8d33f);
  background-clip:text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-background-clip p {
  background: -webkit-linear-gradient( to right,#ddd 0%,#ea7ea2 100%);
  background: -moz-linear-gradient( to right,#ddd 0%,#ea7ea2 100%);
  background: linear-gradient( to right,#ddd 0%,#ea7ea2 100%);
  background-clip:text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.readbtn .btn {
	padding:6px 12px;font-size:18px;
	border-radius: 4px; /* background-color: #f4511e; */
  border: none;width: 150px;transition: all 0.5s;margin: 5px;
}
.btn span,.btn-link:hover span,.btn-link span,.btn-link:hover span { cursor: pointer;display: inline-block;position: relative; transition: 0.5,.btn-link:hoer span:afters; }
.btn span:after,.btn-link span:after { content: '\00bb'; position: absolute; opacity: 0;top: 0; right: -20px; transition: 0.5s; }
 .btn:hover span,.btn-link:hover span {padding-right: 18px;}
.btn:hover span:after,.btn-link:hover span:after { opacity: 1;right: 0;}
		
.btn-link {
	display: inline-block;	
  border: 2px solid #04AA6D; 
  padding: 4px 7px; /* Add some padding */
  cursor: pointer; /* Add a pointer cursor on mouse-over */
  font-size:0.9rem;
  color: #04AA6D;;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
   border-radius: 4px;
  background-color: #fff;     /* #f4511e; */
	  -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  width: 225px; margin: 4px;
  transition: all 0.5s;
}
.info:hover {  color: #FFFFFF;background: #0b7dda;} / #2196F3;*/
.warning {background-color: #ff9800;}

/*** For Testimonial auto slider ***/
.testimonial-slider {
  max-width: 400px;
  margin: auto;
  padding: 30px;
  text-align: center; background: #fff; border-radius: 10px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1); font-family: 'Segoe UI', sans-serif; position: relative; }

.slides-container { position: relative; }
.slide { display: none; opacity: 0; transition: opacity 0.6s ease-in-out; flex-direction: column; align-items: center; }
.slide.active { display: flex; opacity: 1; }
.slide img { width: 100px; height: 100px; border-radius: 50%; margin-bottom: 15px; object-fit: cover; }
.slide p { font-style: italic; font-size: 16px; color: #333; margin-bottom: 10px; }
.slide h4 { margin: 5px 0; font-size: 18px; color: #222; }
.slide span { font-size: 14px; color: #777; }
.dots { display: flex; justify-content: center; margin-top: 20px; }
.dot { height: 12px; width: 12px; margin: 0 6px; background-color: #ccc; border-radius: 50%; display: inline-block; cursor: pointer; transition: background-color 0.3s; }
.dot.active { background-color: #333; }

/* Responsive */
@media screen and (max-width: 600px) {
  .slide p { font-size: 15px; }
  .slide h4 { font-size: 16px; }
  .slide img { width: 80px; height: 80px; }
}