@font-face {
    font-family: Taub_Sans;
    src: url(../fonts/Taub_Sans/TaubSans_OfficeSet_TTF/TaubSans-Regular.ttf);
}

h1 {
    font-family: Taub_Sans;
    color: #7d3520;
    text-align: center;
    font-size: 60px;
}
.block_content{
	padding-top: 25px;
	padding-bottom: 25px;
}

#banner{
	background-image: url('../images/adpsps_hero__gradient_cropp.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 700px;
	color: #fff;
}
#interval0{
	
}
#services{
	
}
#expert .container{
	padding-bottom: 25px;
	padding-top: 25px;
}
#interval{
	background-color: #f2f2f2;
}
#interval2{
	background-color: #fff;
}
#protection{
	background-color: #f2f2f2;
}
#faq{
	background-color: #f2f2f2;
}
#faq h1{
	padding-bottom: 50px;
}
.accordion-item{
	margin-bottom: 10px;
}
.container{
	padding: 50px;
}
header .container, #header.container{
	padding: 10px;
	padding-bottom: 0px;
}
footer{
	background-color: #54565a;
	color: #fff;
	font-size: 13px;
	padding-top: 20px;
}
footer a{
	color: #fff;
}
footer h3{
	padding-bottom: 10px;
	font-weight: lighter;
	font-size: 14px;
	font-weight: bold;
}
strong, li span{
	color: #7d3520;
}

.responsive {
  max-width: 100%;
  height: auto;
}
body{
	font: "TaubSans Regular";
	font-size: 18px;
}
.navbar a.nav-link{
	color:#000000;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
.call_button{
	font-size: 18px;
	background-color: #000;
	color: #fff;
}
#banner .mask{
	background: linear-gradient(
    to bottom,
    hsla(0, 0%, 0%, 0) 50%,
    hsla(0, 0%, 0%, 0.5)
  );
}
.sup { vertical-align: super; }
.info {
	color: #fff;
	background-color: #be9a90;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	border-radius: 50%;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 5px;
}
.text-white{
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 30px;
}
.text-white h1{
	text-align: left;
}
.bottom-10 {
  bottom: 10px !important;
}
.top-75 {
  top: 75% !important;
}
h1.mb-3{
	font-size: 60px;
	color: #000;
}
#banner h1.mb-3{
	color: #fff;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
h2.accordion-header, .accordion-button{
	font-size: 24px;
}
#interval0{
	font-size: 24px;
}
.footer_modal{
	font-size: 14px;
}
.modal-xl{
	font-size: 18px;
}
.modal-xl .col-md-4{
	font-size: 16px;
}
.modal-xl .col-md-4 a{
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
.modal-xl .col-md-8{
	padding-left: 30px;
}
.modal-xl .col-md-8 h1{
	font-size: 24px;
	color: #7d3520;
}
.modal-xl h1{
	font-size: 24px;
	text-align: left;
	padding-top: 20px;
}
.modal-xl h2{
	font-size: 18px;
	padding-bottom: 10px;
}
.modal-xl p, .modal-xl li{
	font-size: 15px;
}
.modal-footer p{
	font-size: 12px;
}

#team h1{
	font-size: 60px;
}
#team h4{
	font-size: 24px;
	color : #7D3520;
}
#team h5{
	Font-height:18px;
	color : #000000;
}
.ol_protection{
	list-style-type: none;
}
.ol_protection li{
	min-height: 85px;
	padding-left: 95px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top: 0px;
	font-size: 18px;
	display: inline-block;
}
#protection p, #team p{
	font-size: 18px;
}
.ol_protection li.li_422{
	height: 95px;

}
.li_931{
	background-image: url('../images/checkmark.png');
	background-position: left;
	background-repeat: no-repeat;
}
.li_422{
	background-image: url('../images/checkmark.png');
	background-position: left;
	background-repeat: no-repeat;
	height: 85px;
}
.li_83{
	background-image: url('../images/checkmark.png');
	background-position: left;
	background-repeat: no-repeat;
}
.ol_protection li h1{
	font-size: 38px;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
.ol_protection li p{
	font-size: 18px;
}
#ourinsights{

}
#ourinsights h2{
	font-size: 20px;
}
#ourinsights h1{
	text-align: left;
	font-size: 42px;
}
#interval {
	text-align: center;
}
#interval h3, #interval2 h3{
	font-size: 24px;
	text-align: center;
	padding-bottom: 10px;
}
.left, h1.left{
	text-align: left;
}
#services h2{
	font-size: 38px;
	color: #7d3520;
	font-weight: lighter;
}
.cols p{
	margin-bottom: 0.8rem;
}
.cols .col-md-6 {
	padding:0px;
}
.cols .col-md-6 .col-md-12{
	padding-left: calc(var(--bs-gutter-x));
	margin-left: 15px;
	margin-right: 30px;
	padding-right: calc(var(--bs-gutter-x));
}
.col_intern{
	padding: calc(var(--bs-gutter-x)*0.5);
}
.wrapper {
	position: relative;
	width: 100%;
}

.wrapper::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-image: radial-gradient(
		circle at 36% 48%,
		#2F0D01,
		rgba(47, 13,1, 0.32) 87%,
		rgba(0, 0, 0, 0)
	);
}

video {
	width: 100%;
	aspect-ratio: 4/3;
}
.viewport-header {
  position: relative;
  height: 100vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#expert h1, #expert h2, #expert h3, #expert h4{
	color: #fff;
	text-align: center;
}


#expert{
	/*background-image: url('../images/trusted_back.png');*/
}
#expert {
  position: relative;
  background-color: black;
  height: 50vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

#expert video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#expert .container {
  position: relative;
  z-index: 2;
}

#expert .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #692D1A;
  opacity: 0.85;
  z-index: 1;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  header {
    /*background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;*/

  }

  header video {
    display: none;
  }
}
#expert .mask{
	background-image: radial-gradient(circle at 36% 48%, #2F0D01, rgba(47, 13,1, 0.32) 87%, rgba(0, 0, 0, 0));
	height: 100%;
}
#expert h1{
	font-weight: bold;
}
#expert h2{
	padding-bottom: 50px;
}
#expert h3{
	font-size: 40px;
}
#expert h4{
	font-size: 22px;
	font-weight: lighter;
}

.vl {
  border-left: 1px solid white;
  height: 150px;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 0;
}
.card{
	min-height: 790px;
	height: 790px;
}
.address{
	background-image: url('../images/bio_icon_addressl.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.phone{
	background-image: url('../images/bio_icon_call.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 20px;
}
.email{
	background-image: url('../images/bio_icon_maill.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.web{
	background-image: url('../images/bio_icon_url.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.cols .col-md-6 .col-md-12 {
	 margin-left: 15px;
}



.width100{width: 100%}
.fm_formtalk h1.center{
	text-align: center;
}
.fm_formtalk h5{
	padding-top: 10px;
	margin-top: 15px;
}
.card{
	border: none;
}
.btn-secondary{
	font-size: 76px;
	font-weight: 300;
	padding: 0px;
	--bs-btn-color: #6c757d;
	--bs-btn-bg: none;
	--bs-btn-border-color: none;
	--bs-btn-hover-bg: none;
	--bs-btn-hover-border-color: none;
	color: #666;
	--bs-btn-focus-shadow-rgb: 130,138,145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #565e64;
	--bs-btn-active-border-color: #51585e;
	--bs-btn-active-shadow: inset 0 3px 5pxrgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #6c757d;
	--bs-btn-disabled-border-color: #6c757d;

	--bs-btn-hover-color: #666;
}

label.error.fail-alert {
	border: 2px solid red;
	border-radius: 4px;
	line-height: 1;
	padding: 2px 0 6px 6px;
	background: #ffe6eb;
}
input.valid.success-alert {
	border: 2px solid #4CAF50;
	color: green;
}
#navbarSupportedContent .navbar-nav{
	margin-right: 25px;
}
.tooltip-inner {
	background-color: white;
	color: black;
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
	border-top-color: white;
}
.navbar-brand{
	font-weight: bold;
}

#services ul {
  list-style: none;
  padding-left: 0;
}
#services li {
  position: relative;
  padding-left: 1.5em;  /* space to preserve indentation on wrap */
}
#services li:before {
  content: '';  /* placeholder for the SVG */
  position: absolute;
  left: 0;  /* place the SVG at the start of the padding */
  width: 1em;
  height: 1em;
  background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
  filter: invert(23%) sepia(69%) saturate(626%) hue-rotate(328deg) brightness(93%) contrast(95%);
}
.modal-xl h1.center{
	text-align: center;
	font-size: 60px;
	padding-bottom: 35px;
}

/* Custom style */
.accordion-button{
	padding-left: 30px;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%7d3520' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  filter: invert(25%) sepia(8%) saturate(5215%) hue-rotate(330deg) brightness(97%) contrast(94%);
  transform: scale(1) !important;
  background-position: left;
  position: absolute;
  left: 10px;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%7d3520' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  filter: invert(25%) sepia(8%) saturate(5215%) hue-rotate(330deg) brightness(97%) contrast(94%);
}
.col_intern p, .col_intern ul{
	padding-right: 30px;
}

@media (pointer: coarse) and (hover: none) {
	h1{
		font-size: 50px;
	}
	#banner{
		background-size: contain;
		min-height: 340px;
	}
	#banner .mask{
		background: none;
	}
	#banner h1.mb-3{
		color: #000;
		text-align: center;
		font-size: 36px;
	}
	#expert{
		height: 80vh;
		min-height: 770px;
	}

	.vl {
	  border-left:none;
	  border-top: 1px solid white;
	  height: 1;
	  position: absolute;
	  left: 0%;
	  margin-left: -3px;
	  top: 0;
	  width: 100%;
	}
	#team h1{
		font-size: 50px;
	}
	 h1.mb-3{
		font-size: 36px;
		color: #000;
	}
	#banner{
		height: 370px;
		display: block;
	}
	.navbar-brand{
		font-size: 16px;
	}
}



 #success_tic .page-body{
  /*max-width:300px;*/
  background-color:#FFFFFF;
  margin:10% auto;
}
 #success_tic .page-body .head{
  text-align:center;
}
/* #success_tic .tic{
  font-size:186px;
} */
#success_tic .close{
      opacity: 1;
    position: absolute;
    right: 0px;
    font-size: 30px;
    padding: 3px 15px;
  margin-bottom: 10px;
}
#success_tic .checkmark-circle {
  width: 150px;
  height: 150px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.checkmark-circle .background {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #7d3520;
  position: absolute;
}
#success_tic .checkmark-circle .checkmark {
  border-radius: 5px;
}
#success_tic .checkmark-circle .checkmark.draw:after {
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  animation-delay: 300ms;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-name: checkmark;
  -moz-animation-name: checkmark;
  animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#success_tic .checkmark-circle .checkmark:after {
  opacity: 1;
  height: 75px;
  width: 37.5px;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  border-right: 15px solid #fff;
  border-top: 15px solid #fff;
  border-radius: 2.5px !important;
  content: '';
  left: 35px;
  top: 80px;
  position: absolute;
}

@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@-moz-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}

