.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ba1f24;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fa183d;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #fa183d;
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0,0,0,0.75);
}
.ads{border:1px solid #FFA92F;border-radius: 8px;padding:10px;}.adspb{float: right; font-size: xx-small;}.adsp{background: #FFF; color: #ffa92f;}.adst a{color: #660099; font: 15px aril, sans-serif; margin:0px 0px 3px; padding: 4px 0px 0px;}.adsl{color: #202124; font: 13px aril, sans-serif; padding: 1px 0px 0px;}.adsd{color: #202124; font: 13px aril, sans-serif; padding: 1px 0px 0px;}.clear{padding:5px}
.form-wrapper{margin:10px;	}.asteriskField{color:#DE0720;}			.form-wrapper label{		display:block;		font-size:14px;	}		.form-wrapper input[type=text], .form-wrapper input[type=email]{
	margin-bottom:5px;		width:180px;		height:20px;		border:1px solid #eeeeee;	}	.form-wrapper span{		color:#ee0000;	}		.form-wrapper input[type=submit]{		display:block;		margin-top:5px;		border:0px;		background:#ee0000;		color:#ffffff;		height:30px;		border-radius:5px;	}		.form-wrapper input[type=submit]:hover{		background:#ee0022;	}		.form-wrapper textarea{		border:1px solid #eeeeee;	}		#loading-img{		display:none;	}		
.response_msg{		margin-top:10px;		font-size:13px;		background:#AFFF75;		color:#000000;		width:100%;		padding:3px;		display:none;	}
.carousel-indicators .active{ background: #31708f; } .content{ margin-top:20px; } .adjust1{ float:left; width:100%; margin-bottom:0; } .adjust2{ margin:0; } .carousel-indicators li{ border :1px solid #ccc; } .carousel-control{ color:#31708f; width:5%; } .carousel-control:hover, .carousel-control:focus{ color:#31708f; } .carousel-control.left, .carousel-control.right { background-image: none; } .media-object{ margin:auto; margin-top:15%; } @media screen and (max-width: 768px) { .media-object{ margin-top:0; } }
/** client logos **/
#clients {  display: block;  margin-bottom: 15px;}
#clients .clients-wrap {  display: block;  width: 700px;  margin: 0 auto;  overflow: hidden;}
#clients .clients-wrap ul {  display: block;  list-style: none;  position: relative;}
#clients .clients-wrap ul li {  display: block;  float: left;  position: relative;  width: 140px;  height: 55px;  line-height: 55px;  text-align: center;}
#clients .clients-wrap ul li img {  vertical-align: middle;  max-width: 100%;  max-height: 100%;  -webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear;  transition: all 0.3s linear;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";  filter: alpha(opacity=65);   opacity: 0.65;}
#clients .clients-wrap ul li img:hover {  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);   opacity: 1.0;}
.w3-card-4{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;}
.w3-container .w3-blue{display:table;clear:both;padding:0.01em;}
.w3-blue{padding:10px;color:#fff!important;background-color:#2196F3!important}
.dactive{background: #98fc80;padding:5px;margin-left: 10px;margin-right: 10px;}
#cont {display: none; }
.show:focus + .hide {display: inline; }
.show:focus + .hide + #cont {display: block;}
#more {display: none;}
.rating-box {  position:relative;  vertical-align: middle;  font-size: 1.5em;  font-family: FontAwesome;  display:inline-block;  color: #F68127;}
.rating-box:before{    content: "\f006 \f006 \f006 \f006 \f006";  }
.rating-box .rating {    position: absolute;    left:0;    top:0;    white-space:nowrap;    overflow:hidden;    color: #F68127;  }
  .rating-box .rating:before {      content: "\f005 \f005 \f005 \f005 \f005";    }
  
  @keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 50px rgba(0, 0, 0, 0);
  }
}

.example-1
{
color: #fff;
  background: rgba(30, 144, 255, 0.6);
  border-radius: 5%;
  animation: shadow-pulse 1s infinite;
}
p{font-size:16px;text-align:justify;}
#resp-table {
        width: 100%;
        display: table;
    }
    #resp-table-body{
        display: table-row-group;
    }
    .resp-table-row{
        display: table-row;
    }
    .table-body-cell{
        display: table-cell;
        border: 1px solid #dddddd;
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
    }
.notepaper {  position: relative;  margin: 30px auto;  padding: 29px 20px 20px 45px;  width: 90%;  line-height: 30px;  color: #6a5f49;  text-shadow: 0 1px 1px white;
  background-color: #f2f6c1;
  background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  border: 1px solid #c3baaa;  border-color: rgba(195, 186, 170, 0.9);  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}
.notepaper:before, .notepaper:after {  content: '';  position: absolute;  top: 0;  bottom: 0;}
.notepaper:before {  left: 28px;  width: 2px;  border: solid #efcfad;  border-color: rgba(239, 207, 173, 0.9);  border-width: 0 1px;}
.notepaper:after {  z-index: -1;  left: 0;  right: 0;  background: rgba(242, 246, 193, 0.9);  border: 1px solid rgba(170, 157, 134, 0.7);  -webkit-transform: rotate(2deg);  -moz-transform: rotate(2deg);  -ms-transform: rotate(2deg);  -o-transform: rotate(2deg);  transform: rotate(2deg);}
.quote {  font-family: Georgia, serif;  font-size: 14px;}
.curly-quotes:before, .curly-quotes:after {  display: inline-block;  vertical-align: top;  height: 30px;  line-height: 48px;  font-size: 50px;  opacity: .2;}
.curly-quotes:before {  content: '\201C';  margin-right: 4px;  margin-left: -8px;}
.curly-quotes:after {  content: '\201D';  margin-left: 4px;  margin-right: -8px;}
.quote-by {  display: block;  padding-right: 10px;  text-align: right;  font-size: 13px;  font-style: italic;  color: #84775c;}
.lt-ie8 .notepaper {  padding: 15px 25px;}
.vclass{ padding-left:15px; font-color:green;}
.link {  visibility: hidden; height: 0px; max-height:0px; overflow: hidden; }
#iao {width:100%;color:#ffffff;text-align:center;
  margin:0px;background-color: #2d9907;font-weight: 700; font-size:16px; line-height: 1.5;}
 #offer {width:100%;color:#ffffff;text-align:center;
  margin:0px;background-color: #cc1db8;font-weight: 700; font-size:16px; line-height: 1.5;}
.testimonials {  border: 2px solid #ccc;  background-color: #eee;  border-radius: 15px;  padding: 16px;  margin: 16px 0}
.testimonials::after {  content: "";  clear: both;  display: table;}
.testimonials img {  float: left;  margin-right: 20px;  border-radius: 10%;}
.testimonials span {  font-size: 20px;  margin-right: 15px;}
@media (max-width: 500px) {  .testimonials {      text-align: center;  }  .testimonials img {      margin: auto;      float: none;      display: block;  }}
.testimonial-p{color: #c73401;font-size: 20px; font-family: FontAwesome;    }
.highlight {    background-color: rgb(247, 235, 102);    color: black;}
hr {    height: 2px;    background-color: rgb(73, 195, 44);    border-width: initial;    border-style: none;    border-color: initial;    border-image: initial;}
.rtitle {            color: Green;              font-size: 4rem;  margin-top: 10vh;         }
div.scroll {            margin: 4px, 4px;            padding: 4px;            background-color: whight;            width: 100%;            height: 710px;            overflow-x: hidden;            overflow-y: auto;            text-align: justify;        }
.autoscrollable-wrapper {            border: 2px solid #ccc;  overflow: auto;  max-height: 800px;  display: flex;  flex-direction: column;}
 .faq-question {
 cursor: pointer;
 padding: 10px;
 background-color: #f9f9f9;
 border: 1px solid #ddd;
 margin-bottom: 5px;
 font-weight: 900;
 font-size: 14px;
            font-weight: bold;
            color: #4CAF50;
            text-transform: uppercase;
            font-family: Arial, sans-serif;
 }
 .faq-answer {
 display: none;
 padding: 10px;
 border: 1px solid #ddd;
 background-color: #fff;
 font-size: 16px; 
 }
button.back-to-top{
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
	height: 0px;
  width: 0px;
  overflow: hidden;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
  color: transparent;
	clear: both;
  visibility: hidden;
  position: fixed;
  cursor: pointer;
  display: block;
  border: none;
  right: 50px;
	bottom: 5px;
  font-size: 0px;
  outline: 0 !important;
  z-index: 99;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
button.back-to-top:hover,
button.back-to-top:active,
button.back-to-top:focus,{
  outline: 0 !important;
}
button.back-to-top::before,
button.back-to-top::after {
  content: "";
    display: block;
    vertical-align: middle;
    border-bottom: solid 10px #EA5D5F;
    border-left: solid 10px transparent;
    line-height: 0;
    border-right: solid 10px transparent;
    height: 0;
    margin: 18px auto 0;
    width: 0;
  border-radius:20px;
  visibility: hidden;
}
button.back-to-top.show::after,
button.back-to-top.show::before{
  visibility: visible;
}
button.back-to-top::after {
  border-bottom-color:#fff;
      position: relative;
  top:-24px;
}
button.back-to-top.show {
  display: block;
  background: #fff;
  color: #00ab6c;
  font-size: 25px;
  right: 25px;
	bottom: 15px;
  height: 50px;
  width: 50px;
  visibility: visible;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
button.back-to-top.show:active {
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
}