@font-face {
  font-family: "nunito_sanslight";
  src: url("../fonts/nunitosans-light-webfont.woff2") format("woff2"),
    url("../fonts/nunitosans-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "slickerregular";
  src: url("../fonts/slicker-webfont.woff2") format("woff2"),
    url("../fonts/slicker-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "nunito_sansregular";
  src: url("../fonts/nunitosans-regular-webfont.woff2") format("woff2"),
    url("../fonts/nunitosans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "source_sans_proregular";
  src: url("../fonts/sourcesanspro-regular-webfont.woff2") format("woff2"),
    url("../fonts/sourcesanspro-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Arial Nova";
  src: url("../fonts/ArialNova.woff2") format("woff2"),
    url("../fonts/ArialNova.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gill Sans Nova";
  src: url("../fonts/GillSansNova-Bold.woff2") format("woff2"),
    url("../fonts/GillSansNova-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

html,
body {
  height: 100%;
}
body {
  position: relative;
  font-family: "Arial Nova" !important;
  font-size: 14px;
  overflow-x: hidden;
  /* background-image: url('../img/1.png'); */
  background-repeat: no-repeat;
  background-size: cover !important;
  background-attachment: fixed;
  background-color: #ffffff !important ;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
  background-position: 100%;
  overflow-y: hidden;
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}

.canvas-wrapper {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.canvas-wrapper canvas {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

header {
  position: relative;
  display: flex;
  height: 100vh;
  width: 100%;
}
header .logo {
  position: relative;
  display: block;
  margin: auto;
  max-width: 420px;
}
#fdcMain {
  display: none;
}
.fdc-loader {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background: linear-gradient(80deg, #909090, #fff, #fff, #fff);
  text-align: center;
  z-index: 1000;
}
.fdc-loader img {
  position: relative;
  top: 30%;
  width: 30%;
}
.logo-wrap img {
  position: relative;
  top: 3em;
  width: 200px;
  left: 60%;
}
.blast {
  opacity: 0;
}

.blast-root {
  opacity: 1;
}
.fdc-text-container {
  position: absolute;
  top: 22em;
  left: 7%;
  font-family: "slickerregular";
  text-align: left;
  width: 50%;
  z-index: 0;
}
.logo-wrap.zoomIn.animated {
  z-index: 0;
}
h1.title {
  font-size: 2.5em;
  text-transform: uppercase;
  color: #898989;
  letter-spacing: 2px;
  line-height: 40px;
}
.fdc-full-menu {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.lines.line-top {
  width: 50%;
}
.hamburguer:hover .lines.line-top {
  width: 100%;
}
.hamburguer:hover .lines.line-bottom {
  width: 50%;
}
.close-hamburguer .lines {
  background-color: #898989;
  width: 100% !important;
}
.fdc-bottom-container {
  position: absolute;
  bottom: 10%;
  left: 7%;
  z-index: 2;
}
.fdc-col.fdc-right {
  position: absolute;
  right: 0;
  top: 0;
}
.fdc-home-container {
  width: 100%;
  height: 100vh;
  background-color: #fff;
}
.fdc-right-block {
  height: 100%;
}
.fdc-col.fdc-bottom {
  position: absolute;
  bottom: 0;
  right: 4%;
  text-align: center;
}
.fdc-col.fdc-top {
  position: absolute;
  top: 0;
}
.fdc-col.fdc-bottom img {
  width: 58%;
}
.fdc-col.fdc-top img {
  width: 88%;
}
.fdc-bar {
  width: 50px;
  height: 5px;
  background: #000;
  margin-bottom: 5px;
  transition: all 450ms ease-in;
}
.fdc-bottom-container:hover .fdc-bar {
  width: 100%;
  transition: all 450ms ease-in;
}
.fdc-bottom-container {
  cursor: pointer;
}
.fdc-container {
  width: 100%;
  float: left;
  /* height: 100vh; */
}
.fdc-main {
  padding-top: 0px;
}
.fdc-header nav.navbar.navbar-inverse {
  /* background: linear-gradient(70deg, #e5ecf2,#fff, #e5ecf2); */
  background: transparent;
  border: none;
  /* box-shadow: 0px 0px 10px #bdd3ff; */
  box-shadow: none;
  margin-bottom: 0;
}
.fdc-full-menu .hamburguer {
  z-index: 1031;
}
.fdc-full-menu.ham .hamburguer .lines {
  background-color: #898989;
}
.fdc-full-menu.ham .hamburguer {
  margin: 1.5em 3em;
}
.fdc-brand {
  width: 120px;
}
.fdc-header .navbar-nav {
  width: 100%;
  text-align: center;
}

.fdc-header .navbar-inverse .navbar-nav > li > a {
  padding: 5px;
}
.fdc-top-img {
  text-align: center;
  position: relative;
}
.fdc-full-menu.ham {
  z-index: 1;
}
.fdc-half {
  display: inline;
  width: 50%;
  float: left;
 
}
.fdc-left-img.fdc-half {
  position: absolute;
  top: 200px;
  left: 0;
}
.fdc-mid-img.fdc-half {
  position: absolute;
  top: 200px;
  right: 0;
}
.fdc-col-full {
  min-height: 720px;
}
.fdc-mid-img img {
  position: relative;
  top: 0px;
  left: 30%;
  width: 60%;
}
.fdc-left-img img {
  position: relative;
  top: 0px;
  left: 10%;
  width: 60%;
}
.mouse.fdc-over {
  overflow-y: auto;
  background: url("../img/bg-newfdc.jpg") !important ;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center !important;
}
.fdc-bottom {
  width: 100%;
  text-align: center;
  position: relative;
}
.fdc-bottom-img img {
  width: 40%;
  position: relative;
  margin-top: -20%;
  z-index: -1;
}
.fdc-top-text {
  position: absolute;
  top: 8%;
  width: 100%;
}
.fdc-top-text .title {
  font-family: "slickerregular";
  color: #000;
}
.fdc-top-text.zoomIn.animated {
  animation-duration: 2s;
  animation-delay: 1s;
}
.fdc-bottom .fdc-top-text {
  top: 0%;
}
.fdc-bottom .fdc-top-text .title {
  font-size: 2em;
}
.parallax {
  /* The image used */
  background-image: url("../img/bg.png");

  /* Set a specific height */
  min-height: 560px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* transform: skew(-6deg) rotate(-6deg); */
}
.aboutus .parallax {
  min-height: 800px;
}
.no-padd {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.fdc-second-full {
  position: relative;
  width: 100%;
  min-height: 440px;
  margin-top: 0px;
}
.fdc-half-wid {
  width: 50%;
  float: left;
  display: inline;
}
.fdc-vision-block {
  position: absolute;
  width: 100%;
  top: 0px;
}
.fdc-align-center {
  text-align: center !important;
}
.fdc-vision-img {
  width: 100%;
  padding-top: 7em;
  filter: drop-shadow(2px 2px 4px #ffffff);
}
.fdc-content {
  color: #000;
  padding: 20px;
  text-align: justify;
  font-size: 14px;
  width: 87%;
  margin-bottom: 0;
  padding-bottom: 0;
}
.fdc-about-height .fdc-content {
  width: 100%;
}
.fdc-second-header {
  /* padding: 20px 20px 0px 20px; */
  color: #898989;
}
.fdc-second-header .fdc-bar {
  background-color: #898989;
  margin-top: 10px;
}
.fdc-vision-h {
  font-family: "slickerregular";
  font-size: 20px;
}
.fdc-content-2 {
  font-size: 18px;
  padding: 20px;
  text-align: center;
  color: #000;
  font-weight: bold;
  width: 80%;
  margin: auto;
  padding-bottom: 35px;
}
img.fdc-box {
  width: 100%;
  height: 400px;
  transition: all 450ms ease-in;
}
.fdc-mar-btm-20 {
  margin-bottom: 20px;
}
.fdc-br-r {
  border-right: 1px solid #fff;
}
.fdc-br-b {
  border-bottom: 1px solid #fff;
}
.fdc-block {
  /* position: absolute;
  top: 5em; */
  text-align: center;
  font-size: 2.2em;
  color: #fff;
  font-family: "slickerregular";
  width: 100%;
  padding: 0px 30px;
}
img.fdc-box:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: all 450ms ease-in;
}
.fdc-fo-full {
  position: relative;
  width: 100%;
  min-height: 400px;
  clear: both;
  /* background-image: linear-gradient(to bottom, #dde9ed 0%, #dde9ed 10vw, #dde9ed 10vw, transparent 100%); */

  float: left;
  margin-top: 50px;
}
.fdc-fo-full:before {
  background-image: url("../img/fdc-lower.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  opacity: 0.6;
  content: "";
}
.fdc-fo-content {
  font-size: 14px;
  padding: 20px;
  color: #000;
  text-align: justify;
}
.fdc-fv-header h2 {
  text-align: center;
  font-family: "slickerregular";
  padding-bottom: 20px;
}
.fdc-fv-img-con {
  text-align: center;
}
.fdc-fv-img-con img {
  width: 60px;
  /* filter: drop-shadow(0px 0px 10px #7a8f9e); */
}
.fdc-fv-subtitle {
  text-align: center;
  font-family: "slickerregular";
  padding-bottom: 0px;
  min-height: 60px;
  color: #000;
}

.fdc-fv-full {
  position: relative;
  width: 100%;
  min-height: 430px;
  clear: both;
  /* background-image: linear-gradient(to bottom, #dde9ed 0%, #dde9ed 10vw, #dde9ed 10vw, transparent 100%); */

  float: left;
}
.fdc-fv-full::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0;
  /* background-image: url('../img/peaky.jpg'); */
  z-index: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}
/* .fdc-fv-full::after {
  -webkit-clip-path: polygon(50% 0%, 0 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0 100%, 100% 100%);
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 100%;
  top: 0px;
  background: linear-gradient(90deg, #898989, #dedede);
  opacity: 0.5;
  box-shadow: 0px 110px 110px #000000;
  content: "";
} */
.fdc-fv-block-con {
  width: 100%;
  margin: auto;
  text-align: center;
  color: #898989;
  padding-left: 0%;
  margin-bottom: 20px;
}
.fdc-fv-block-con h3 {
  font-size: 2.5em;
  /* font-weight: bold; */
  font-family: "slickerregular";
  text-transform: uppercase;
}
.fdc-fv-read p {
  cursor: pointer;
}
.modal-open.mouse.fdc-over {
  overflow: hidden;
}
.about .modal-dialog {
  width: 90%;
}
.about .modal-content {
  float: left;
  background-image: url(../img/fdc-detailbg-5.png);
  background-size: 40%;
  background-repeat: repeat;
}
.about .modal-title {
  font-family: "slickerregular";
}
.fdc-about-block {
  /* position: absolute;
  top: 7%; */
  min-height: 400px;
  left: 0;
  width: 100%;
  z-index: 0;
}
.fdc-col-block img {
  width: 50% !important;
  margin: auto;
  text-align: center;
  filter: grayscale(100%) brightness(100%);
}
.fdc-ab-col {
  text-align: center;
}
.fdc-pro-name-block p {
  /* color: #fff; */
  color: #262626;
  margin-bottom: 0px;
}
.centerin {
  display: flex;
  width: 100%;
  margin: 0 auto;
}

.centerin > div.slide {
  margin: 0 auto;
}

.fdc-pro-name {
  font-family: "slickerregular";
  font-size: 1.5em;
  margin-bottom: 10px !important;
}

/* slick start*/
.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: block;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* slick end */

.fdc-third-full-1 {
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  min-height: 430px;
  z-index: 10;
  background-image: url("../img/fdc-sec-bg.png");
  background-size: 55%;
  background-repeat: repeat;
  background-position: 100% 100%;
  margin-top: 10px;
}
.fdc-th-container {
  text-align: right;
  float: left;
  width: 100%;
}
img.fdc-box-img-1 {
  width: 55%;
}
.fdc-th-container-right img.fdc-box-img-1 {
  width: 40%;
}
.fdc-mar-minus {
  margin-left: -100px;
}
.fdc-sec-name {
  position: absolute;
  left: 7%;
  top: 14%;
  font-size: 30px;
  width: 220px;
  text-align: center;
  font-family: "slickerregular";
  text-transform: uppercase;
}
img.fdc-box-detail-1 {
  width: 60%;
  filter: grayscale(100%) brightness(100%);
  border-radius: 50px;
}
.fdc-detail-h1 {
  /* font-family: 'slickerregular';
    text-transform: uppercase; */
  font-size: 1em;
  color: #000;
}
.fdc-detail-text {
  margin-top: 0em;
  float: left;
  width: 100%;
  text-align: left;
  color: #004392;
  /* text-shadow: 0px 10px 10px #898989; */
}
.fdc-de-content-block {
  min-height: 700px;
  background-image: url("../img/fdc-detailbg-1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  width: 100%;
  float: left;
}
.fdc-detail-container-1 .fdc-third-full-1 {
  background: none;
}
.fdc-de-container {
  text-align: center;
  padding-top: 50px;
}
.fdc-de-container-1{
  text-align: center;
}
.fdc-detail-text h3 {
  color: #000;
  text-shadow: none;
  margin-bottom: 15px;
}
.fdc-text-box {
  padding-right: 20px;
  text-align: justify;
  font-size: 16px;
}
.fdc-de-bg {
  background-image: url("../img/fdc-detailbg-3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.fdc-mar-right {
  margin-right: 40px;
  padding-right: 40px !important;
}
.fdc-col-block {
  cursor: pointer;
  outline: none;
}
.fdc-sub-img {
  width: 70%;
  /* clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
  -webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
  filter: blur(4px); */
  border-radius: 10px;
}
.fdc-sub-block.fdc-sub-none {
  float: none;
  margin: auto;
}
.fdc-sub-block {
  text-align: center;
}
.fdc-sub-title {
  width: 50%;
  font-size: 18px;
  font-weight: bold;
  margin: 21px auto;
}
.sub-tit {
  font-size: 16px;
}

h2.fdc-sub-name {
  position: absolute;
  top: 46%;
  width: 65%;
  text-align: center;
  left: 17%;
  color: #000;
  font-weight: bold;
  /* text-shadow: 0px 0px 10px #000; */
  cursor: pointer;
  font-size: 1.2em;
}
.fdc-sub-bg {
  background-image: url("../img/fdc-detailbg-5.png");
  background-size: 55%;
  background-repeat: repeat;
  background-position: 100% 100%;
  float: left;
  width: 100%;
  background-attachment: fixed;
}
.fdc-sub-con .modal-content {
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  float: left;
}
body .modal-backdrop.in {
  opacity: 0.8;
}
body .modal-backdrop {
  background-color: #ffffff;
  background: linear-gradient(70deg, #fff, #e8e5e5);
}
.fdc-sub-con .modal-title {
  font-family: "slickerregular";
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.fdc-sub-con .fdc-bottom-img img {
  width: 35%;
}
/* input field start*/
.fdc-sub-con .col-3 {
  float: left;
  width: 47.33%;
  margin: 40px 1%;
  position: relative;
} /* necessary to give position: relative to parent. */

.fdc-sub-con input[type="text"] {
  color: #333;
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 1px;
  background-color: transparent;
  outline: none;
}
.effect-1,
.effect-2,
.effect-3 {
  border: 0;
  padding: 7px 0;
  border-bottom: 3px solid #ccc;
}

.effect-1 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #3399ff;
  transition: 0.4s;
}
.effect-1:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
}

.effect-2 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #3399ff;
  transition: 0.4s;
}
.effect-2:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
  left: 0;
}

.effect-3 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 99;
}
.effect-3 ~ .focus-border:before,
.effect-3 ~ .focus-border:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #3399ff;
  transition: 0.4s;
}

.effect-3 ~ .focus-border:after {
  left: auto;
  right: 0;
}
.effect-3:focus ~ .focus-border:before,
.effect-3:focus ~ .focus-border:after {
  width: 50%;
  transition: 0.4s;
}
.form-full {
  margin-bottom: 25px;
  float: left;
  width: 100%;
}
.form-group .btn.fdc-sub-btn {
  background: linear-gradient(70deg, #dedede, #ffffff);
  border: none;
  padding: 10px 20px;
  box-shadow: -10px 10px 10px #909090;
  outline: none;
  font-weight: bold;
}
/* input field end */

/* input radio*/
.radiocontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radiocontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #2196f3;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .checkmark {
  background-color: #2196f3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radiocontainer .checkmark:after {
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/* input radio end */

.news-content .fdc-top-text {
  top: 25%;
}
.news-content .fdc-top-text h1 {
  color: #fff;
}
.navigation-wrapper {
  /* margin:1rem 0 6rem; */
}
.fdc-link-wrapper {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: calc(100% - 14rem);
  max-width: 128rem;
}
.news-content .fdc-link-li {
  display: inline-block;
  text-align: center;
  position: relative;
  width: 49.28571%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  transition: color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  min-width: 124px;
  float: left;
}
.fdc-link-li a {
  /* padding: 4.5rem 0 0 !important; */
  min-height: 80px;
  font-family: "slickerregular";
  font-size: 2.5em;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.news-content .nav-pills > li.active > a {
  background-color: transparent;
}
.news-content .nav-pills > li > a {
  background-image: url("../img/txt-bg-4.png");
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 0px 20px #585858;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background-color: transparent !important;
}
.nav > li > a:focus,
.nav > li > a:hover {
  background-color: transparent !important;
}
.fdc-link-wrapper h3 {
  font-family: "slickerregular";
  margin-bottom: 20px;
  margin-top: 10px;
}
.fdc-news-con-block {
  font-size: 14px;
  text-align: justify;
}

.grid {
  display: grid;
  padding: 0.93819vmin 2.12778vmin;
  filter: drop-shadow(2px 2px 5px);
  width: 140px;
  position: absolute;
  top: 3%;
  left: 26%;
  transform: scale(0.5) rotate(40deg);
}

.s3gon {
  --m: calc(0.5 * (1 - var(--p0, 1) * var(--p1, 1)));
  --p: calc(2 * var(--m) - 1);
  grid-row: var(--ridx);
  grid-column: var(--cidx, var(--n-rows));
  position: relative;
  margin: calc(-0.93819vmin - (1 - var(--m)) * 1.87639vmin) -2.12778vmin;
  width: 7.50555vmin;
  height: 7.50555vmin;
  background: currentcolor;
  color: #ececec;
  clip-path: polygon(
    calc(50% * (1 + 0)) calc(50% * (1 + var(--p) * -1)),
    calc(50% * (1 + 0.86603)) calc(50% * (1 + var(--p) * 0.5)),
    calc(50% * (1 + -0.86603)) calc(50% * (1 + var(--p) * 0.5)),
    calc(50% * (1 + 0)) calc(50% * (1 + var(--p) * -1)),
    calc(50% + (50% - 2px) * 0) calc(50% + (50% - 2px) * var(--p) * -1),
    calc(50% + (50% - 2px) * -0.86603) calc(50% + (50% - 2px) * var(--p) * 0.5),
    calc(50% + (50% - 2px) * 0.86603) calc(50% + (50% - 2px) * var(--p) * 0.5),
    calc(50% + (50% - 2px) * 0) calc(50% + (50% - 2px) * var(--p) * -1)
  );
  animation: size 1s infinite alternate;
  animation-delay: calc(var(--cidx) * -1s / var(--n-cols));
  animation-duration: 1s, 2s;
  animation-name: size, cinv, fill;
  animation-timing-function: ease-in, steps(1), ease-out;
}
.s3gon:nth-child(odd) {
  --p1: -1;
}

@keyframes size {
  95%,
  100% {
    transform: scale(0);
  }
}
@keyframes fill {
  95%,
  100% {
    clip-path: polygon(
      calc(50% * (1 + 0)) calc(50% * (1 + var(--p) * -1)),
      calc(50% * (1 + 0.86603)) calc(50% * (1 + var(--p) * 0.5)),
      calc(50% * (1 + -0.86603)) calc(50% * (1 + var(--p) * 0.5)),
      calc(50% * (1 + 0)) calc(50% * (1 + var(--p) * -1)),
      calc(50% + (50% - 50%) * 0) calc(50% + (50% - 50%) * var(--p) * -1),
      calc(50% + (50% - 50%) * -0.86603)
        calc(50% + (50% - 50%) * var(--p) * 0.5),
      calc(50% + (50% - 50%) * 0.86603) calc(50% + (50% - 50%) * var(--p) * 0.5),
      calc(50% + (50% - 50%) * 0) calc(50% + (50% - 50%) * var(--p) * -1)
    );
  }
}
@keyframes cinv {
  50% {
    color: #fff;
  }
}

.fdc-mid-img .grid {
  left: 45%;
}

/* tri angle animation*/

.canvas {
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 500px;
  min-width: 500px;
  margin: auto;
  z-index: -1;
  transform: scale(0.7);
}

.triangle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  border-bottom: 5px solid;
  transform-origin: 50% 71%;
  transform: translate(-50%, -50%);
}
.triangle,
.triangle::after,
.triangle::before {
  border-radius: 5px;
}
.triangle::after,
.triangle::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.triangle::before {
  left: 0;
  border-left: 5px solid;
  transform-origin: calc(0% + 5px) calc(100% - 5px);
  transform: translateY(5px) rotate(30deg);
}
.triangle::after {
  right: 0;
  border-right: 5px solid;
  transform-origin: calc(100% - 5px) calc(100% - 5px);
  transform: translateY(5px) rotate(-30deg);
}

@keyframes triangle-rotation-1 {
  0%,
  10% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  20%,
  30% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.975);
  }
  50% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.975);
  }
  60%,
  80% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0grad) scale(1);
  }
}
.triangle:nth-child(1) {
  animation: triangle-rotation-1 5s infinite;
}

@keyframes triangle-rotation-2 {
  0%,
  10% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  20%,
  30% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.875);
  }
  50% {
    transform: translate(-50%, -50%) rotate(30deg) scale(0.875);
  }
  60%,
  80% {
    transform: translate(-50%, -50%) rotate(-15deg) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0grad) scale(1);
  }
}
.triangle:nth-child(2) {
  animation: triangle-rotation-2 5s infinite;
}

@keyframes triangle-rotation-3 {
  0%,
  10% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  20%,
  30% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.775);
  }
  50% {
    transform: translate(-50%, -50%) rotate(60deg) scale(0.775);
  }
  60%,
  80% {
    transform: translate(-50%, -50%) rotate(-30deg) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0grad) scale(1);
  }
}
.triangle:nth-child(3) {
  animation: triangle-rotation-3 5s infinite;
}

@keyframes triangle-rotation-4 {
  0%,
  10% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  20%,
  30% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.675);
  }
  50% {
    transform: translate(-50%, -50%) rotate(90deg) scale(0.675);
  }
  60%,
  80% {
    transform: translate(-50%, -50%) rotate(-45deg) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0grad) scale(1);
  }
}
.triangle:nth-child(4) {
  animation: triangle-rotation-4 5s infinite;
}

@keyframes triangle-rotation-5 {
  0%,
  10% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  20%,
  30% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.575);
  }
  50% {
    transform: translate(-50%, -50%) rotate(120deg) scale(0.575);
  }
  60%,
  80% {
    transform: translate(-50%, -50%) rotate(-60deg) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0grad) scale(1);
  }
}
.triangle:nth-child(5) {
  animation: triangle-rotation-5 5s infinite;
}

@keyframes triangle-rotation-6 {
  0%,
  10% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  20%,
  30% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.475);
  }
  50% {
    transform: translate(-50%, -50%) rotate(150deg) scale(0.475);
  }
  60%,
  80% {
    transform: translate(-50%, -50%) rotate(-75deg) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0grad) scale(1);
  }
}
.triangle:nth-child(6) {
  animation: triangle-rotation-6 5s infinite;
}

@keyframes triangle-rotation-7 {
  0%,
  10% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  20%,
  30% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.375);
  }
  50% {
    transform: translate(-50%, -50%) rotate(180deg) scale(0.375);
  }
  60%,
  80% {
    transform: translate(-50%, -50%) rotate(-90deg) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0grad) scale(1);
  }
}
.triangle:nth-child(7) {
  animation: triangle-rotation-7 5s infinite;
}

@keyframes triangle-rotation-8 {
  0%,
  10% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  20%,
  30% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.275);
  }
  50% {
    transform: translate(-50%, -50%) rotate(210deg) scale(0.275);
  }
  60%,
  80% {
    transform: translate(-50%, -50%) rotate(-105deg) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0grad) scale(1);
  }
}
.triangle:nth-child(8) {
  animation: triangle-rotation-8 5s infinite;
}

@keyframes triangle-rotation-9 {
  0%,
  10% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  20%,
  30% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.175);
  }
  50% {
    transform: translate(-50%, -50%) rotate(240deg) scale(0.175);
  }
  60%,
  80% {
    transform: translate(-50%, -50%) rotate(-120deg) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0grad) scale(1);
  }
}
.triangle:nth-child(9) {
  animation: triangle-rotation-9 5s infinite;
}

.triangle--aqua,
.triangle--aqua::before,
.triangle--aqua::after {
  border-color: #ffffff;
}

.triangle--gold,
.triangle--gold::before,
.triangle--gold::after {
  border-color: #4a616b;
}

.triangle--tomato,
.triangle--tomato::before,
.triangle--tomato::after {
  border-color: #ffffff;
}

/* tri angle animation end*/

.map-container-7 {
  overflow: hidden;
  padding-bottom: 40.25%;
  position: relative;
  height: 0;
}
.map-container-7 iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

#map {
  height: 100%;
}

.map-info-box {
  text-align: left;
}
.map-info-box p {
  margin: 0 0 8px;
}
.map-info-box i {
  padding-right: 0.5em;
  color: #cec9c9;
}
.map-head h3 {
  height: 64px;
  background: url(http://icons.iconarchive.com/icons/icons8/windows-8/64/Logos-Box-icon.png)
    81px center no-repeat;
  background-size: 64px auto;
  text-indent: -999em;
  margin: 12px 0 14px;
}
.map-address {
  font-weight: 300;
}
.map-email {
  font-weight: 400;
}

.btn-block.fdc-send-btn {
  margin: 10px 0px;
  background: linear-gradient(#f7feff, #f7efe4);
  color: #000000;
  font-weight: bold;
  font-size: 22px;
}
.form-address h3 {
  /* font-family: 'slickerregular'; */
  /* font-weight: bold; */
  margin-bottom: 20px;
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.form-address p {
  /* font-family: 'slickerregular'; */
  font-weight: 600;
  letter-spacing: 2px;
  font-size: 14px;
  line-height: 18px;
  color: #606060;
}
.fdc-contact-container h2 {
  font-size: 2.5em;
  font-family: "slickerregular";
  text-align: center;
  margin-bottom: 30px;
  color: #898989;
  margin-top: 0px;
  text-transform: uppercase;
}
.card-body .form-group.form-full {
  margin-bottom: 60px;
}
.fdc-footer {
  float: left;
  width: 100%;
  margin: 20px 0px;
  padding: 0px 10px;
  position: relative;
  z-index: 10;
  color: #909090;
}

.fdc-tri-animation svg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: -21%;
  margin: auto;
  width: 35%;
  transform: rotate(180deg);
}
#top polygon {
  fill: #d2dfe5;
  stroke: #fff;
  stroke-width: 3px;
  animation: 3s scale infinite alternate;
  animation-delay: 2s;
  transform-origin: 50% 50%;
}
#middle polygon {
  fill: rgba(137, 166, 193, 0.5);
  stroke: #fff;
  stroke-width: 2px;
  animation: 4s scale infinite alternate;
  animation-delay: 1s;
  transform-origin: 50% 50%;
}
#bottom polygon {
  fill: rgba(209, 224, 231, 0.5);
  stroke: #fff;
  stroke-width: 3px;
  animation: 5s scale infinite alternate;
  transform-origin: 50% 50%;
}

@keyframes scale {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.5);
    transform: rotate(180deg);
  }
}

.fdc-tri-mid-animation svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 17%;
  right: 0;
  margin: auto;
}

.fdc-tri-mid-animation #top polygon {
  fill: #d2dfe5;
  stroke: #fff;
  stroke-width: 3px;
  animation: 2s scale2 infinite alternate;
  transform-origin: 50% 50%;
}

.fdc-tri-mid-animation #middle polygon {
  fill: rgba(137, 166, 193, 0.5);
  stroke: #fff;
  stroke-width: 3px;
  animation: 4s scale2 infinite alternate;
  animation-delay: 2s;
  transform-origin: 50% 50%;
}

.fdc-tri-mid-animation #bottom polygon {
  fill: rgba(209, 224, 231, 0.5);
  stroke: #fff;
  stroke-width: 3px;
  animation: 5s scale2 infinite alternate;
  transform-origin: 50% 50%;
}

@keyframes scale2 {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.5);
  }
}

.fdc-detail-ul ul,
.fdc-detail-ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.fdc-detail-ul ul {
  margin: 2em 0;
}

.fdc-detail-ul li {
  margin: 1em;
  margin-left: 3em;
}

.fdc-detail-ul li:before {
  content: "\f1b2";
  font-family: "FontAwesome";
  float: left;
  margin-left: -1.5em;
  color: #0074d9;
}
.fdc-detail-h2 {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
label.error {
  color: red;
}
input.effect-3.no-padd.col-md-12.col-xs-12.col-sm-12 {
  outline: none;
}
.effect-3 {
  outline: none;
}
body.custom-body {
  overflow-y: auto;
}
.fdc-form-group {
  width: 100%;
  float: left;
  display: inline;
}
.idr-page .form-group.form-full {
  margin-bottom: 25px;
}
.idr-page .barba-container {
  padding-top: 20px;
}
body.idr-page {
  overflow-y: auto;
}
body.custom-body .form-group.form-full {
  margin-bottom: 25px;
}
body.custom-body .barba-container {
  padding-top: 20px;
}
.fdc-form-group {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
span.form-control-wrap input,
span.form-control-wrap select {
  border: 1px solid #dedede;
  border-radius: 0px;
  box-shadow: none;
}
.pull-right.fdc-back-btn {
  position: absolute;
  top: 15px;
  right: 15px;
}
/** styles by Varman **/
ul.detail6-list li {
  list-style-type: square;
}

.mt-30 {
  margin-top: 30px;
}

.mt-50 {
  margin-top: 50px;
}

.font-weight-bold {
  font-weight: bold;
}

.fdc-gr-ul ul,
.fdc-gr-ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.fdc-gr-ul ul {
  margin: 2em 0;
}

.fdc-gr-ul li {
  margin: 1em;
  margin-left: 3em;
}

.fdc-gr-ul li:before {
  content: "\f111";
  font-family: "FontAwesome";
  float: left;
  margin-left: -1.5em;
  color: #0074d9;
}
.fdc-gr-ul li.no-list:before {
  content: none;
}
.site-main {
  text-align: center;
  position: relative;
  top: 15em;
}
h1.entry-title {
  color: #d4af37;
  font-size: 4em;
  font-family: "slickerregular";
}
.failed-pay {
  text-transform: uppercase;
  /* font-weight: bold; */
  margin-top: 30px;
  font-size: 1.6em;
}
.disabled {
  opacity: 0.3;
  cursor: none;
}
.fdc-bottom-ul li {
  float: left;
  list-style-type: none;
  padding: 0px 10px;
  cursor: pointer;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 2px;
  color: #000;
  line-height: 30px;
}
.fdc-bottom-ul li:last-child {
  border-right: none !important;
}
.fdc-btn-back {
  /* background: linear-gradient(70deg, #909090, #fff); */
  background: linear-gradient(70deg, #e5ecf2, #fff, #e5ecf2);
  border: none;
  width: 120px;
  padding: 10px;
  border-radius: 0px !important;
  /* box-shadow: 0px 0px 10px #919394; */
  box-shadow: 0 8px 6px -6px #4a4b4c;
  margin-bottom: 10px;
  color: #656262;
  text-transform: uppercase;
  letter-spacing: 2px;
  outline: none;
  font-family: "slickerregular";
}

.cookie-box {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  padding: 1rem 2rem;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1000;
}
.cookie-box--hide {
  opacity: 0;
  bottom: -100%;
}

.cookie-button {
  display: inline-block;
  cursor: pointer;
  padding: 0.65rem 0.85rem;
  margin-left: 0.45rem;
  color: #fff;
  font-size: 0.75rem;
  letter-spacing: 1px;
  background-image: linear-gradient(62deg, #1f334d 0%, #020202 100%);
  box-shadow: 0px 0px 10px #000;
  border-radius: 100px;
}

.cookie-box.slideInUp.animated {
  animation-duration: 2s;
  animation-delay: 3s;
}
.fdc-justify {
  text-align: justify;
}
.fdc-social-icon {
  width: 26px;
}
h1.fdc-general-header {
  font-size: 2.5em;
  text-transform: uppercase;
  text-indent: 3em;
  font-family: "slickerregular";
  color: #686868;
  letter-spacing: 2px;
}
.fdc-bottom-ul li {
  font-size: 12px;
  font-family: "nunito_sansregular";
}
#dir_Page .nav-pills > li > a {
  /* background-image: url(../img/faq-banner.jpg); */
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: transparent !important;
  color: #333;
}
#dir_Page .nav-pills > li.fdc-cor > a {
  /* background-image: url(../img/faq-banner.jpg); */
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: transparent !important;
  color: #333;
}
#myModal-5 .fdc-detail-ul li {
  text-align: justify;
}

#myModal-5 .fdc-detail-ul li ul li:before {
  content: "\f1b3";
  font-family: "FontAwesome";
  float: left;
  margin-left: -1.5em;
  color: #ff9b00;
}
#myModal-5 .fdc-detail-ul li ul li {
  margin-left: 0px;
}
.wow:first-child {
  visibility: hidden;
}
.faq-cop {
  font-size: 14px;
  text-align: justify;
}
#dir_Page .fdc-detail-ul li ul li {
  margin-left: 0px;
}
#dir_Page .fdc-link-wrapper h3 {
  text-align: center;
}
.fdc-fv-con p {
  text-align: justify;
  color: #000;
}
.fdc-spec-profile .fdc-col-block img {
  width: 35% !important;
}
.fdc-spec-profile .customer-logos .fdc-col-block img{
  width: 50% !important;
}
.fdc-coun-btn-container {
  float: left;
  width: 100%;
  text-align: center;
  margin: 20px auto;
  position: relative;
}
.fdc-coun-btn {
  background: linear-gradient(70deg, #e5ecf2, #fff, #e5ecf2);
  border: none;
  padding: 5px 20px 10px 20px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  outline: none;
  font-family: "slickerregular";
  line-height: 24px;
  min-height: 50px;
  border-radius: 100px 50px;
}

.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #eeeeee;
}

.panel-default > .panel-heading {
  padding: 0;
  border-radius: 0;
  color: #212121;
  background-color: #fafafa;
  border-color: #eeeeee;
}

.panel-title {
  font-size: 14px;
}

.panel-title > a {
  display: block;
  padding: 15px;
  text-decoration: none;
}

.more-less {
  float: right;
  color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eeeeee;
}

.panel-group .panel a:focus,
.panel-group .panel a:hover {
  text-decoration: none;
}
.fdc-news-con-block .panel-default > .panel-heading {
  background: linear-gradient(70deg, #d0d0d0, #fff, #95abbc);
  border-color: #ddd;
}
.fdc-news-con-block .panel-title > a,
.panel-group .panel-title > a {
  font-family: "nunito_sansregular";
  font-weight: bold;
}
.panel-group .panel-default > .panel-heading {
  background: linear-gradient(70deg, #d0d0d0, #fff, #95abbc);
  border-color: #ddd;
}

#dir_Page .fdc-link-li {
  display: inline-block;
  text-align: center;
  position: relative;

  width: 49.28571% !important;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  transition: color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  min-width: 124px;
  float: left;
}
#dir_Page .fdc-link-li:first-child {
  padding-right: 10px;
}
.fdc-sec-header {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.fdc-sec-header h1.fdc-general-header {
  text-indent: 0px;
  text-align: center;
}
#Videos h1 {
  margin-top: 30px;
}
#dir_Page .panel-title .glyphicon {
  padding: 0px 10px;
}
.fdc-sub-full-1 {
  /* background-image: url(../img/sub-banner.jpg); */
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: transparent !important;
  width: 100%;
  height: 100%;
  float: left;
}
.fdc-sub-full-1 .fdc-sub-full {
  /* min-height: 630px; */
}
.fdc-sub-content .fdc-sub-title {
  color: #000;
  font-weight: normal;
  text-align: center;
}
#sub_Page .fdc-sub-content .fdc-sub-title {
  /* background: rgb(24, 44, 77,0.5); */
}
.fdc-sub-content h5.sub-tit {
  text-align: center;
  color: #000;
}
.fdc-sub-content h1.title {
  font-family: "slickerregular";
  text-align: center;
  color: #898989;
}
#Aboutus_Page .fdc-second-full {
  margin-top: 0px;
}
#Aboutus_Page .fdc-about-block {
  /* background-image: url(../img/about-banner.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent !important;
  float: left;
  background-attachment: fixed;
}

#dir_Page .fdc-news-full {
  /* background-image: url(../img/faq-banner.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent !important;
  /* padding: 2em 0px; */
  background-attachment: fixed;
}
#dir_Page .fdc-news-full .title {
  text-align: center;
  color: #898989;
  font-family: "slickerregular";
}
#dir_Page h3 {
  color: #000;
}
.fdc-news-box {
  margin: 10px;
  color: #fff;
  padding-bottom: 30px;
}

#news_Page .fdc-news-full {
  /* background-image: url(../img/news-banner-3.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent !important;
  /* padding: 2em 0px; */
  min-height: 520px;
  float: left;
  width: 100%;
  background-attachment: fixed;
}

#news_Page h1.title {
  font-family: "slickerregular";
  text-align: center;
  color: #898989;
}
#news_Page .fdc-link-li:first-child {
  padding-right: 10px;
}

.fdc-news-con ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  list-style-position: inside;
}
.fdc-news-con li {
  position: relative;
  height: 45px;
  width: 320px;
  margin: 10px auto;
  padding-right: 30px;
  line-height: 40px;
  text-align: right;
  text-transform: uppercase;
  border-radius: 8px;
  color: #fff;
  /* overflow: hidden; */
  font-family: "slickerregular";
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  letter-spacing: 2px;
  font-size: 1.2em;
  cursor: pointer;
}
.fdc-news-con li:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(rgba(91, 97, 1, 0.66),rgb(218, 174, 88,1));
  transform: skew(45deg);
  z-index: -1;
}
.fdc-ani {
  transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
.fdc-news-btn-container {
  /* background: url(../img/news-banner-3.jpg); */
  margin: 10px;
  padding: 10px;
  min-height: 90px;
  background: linear-gradient(rgba(255, 255, 255, 0.7),rgba(0, 0, 0, 0.2));
    border-radius: 20px;
}
.fdc-news-back {
  position: absolute;
  top: -35px;
  right: 0;
}
.fdc-news-btn-container .fdc-news-con-block {
  font-size: 14px;
  text-align: justify;
  color: #000;
  padding: 10px;
}
.fdc-news-con li:hover {
  filter: drop-shadow(10px 10px 1px #fff);
}
.fdc-btn-back.fdc-news-back {
  background: linear-gradient(70deg, #dedede, #ffffff);
  border: none;
  padding: 10px 20px;
  box-shadow: -10px 10px 10px #909090;
  outline: none;
  font-weight: bold;
  border-radius: 5px !important;
}
h1.fdc-detail-h1.custom-h1 {
  font-size: 2em;
  font-weight: bold;
}
.customer-logos-3 .detail10_Link img {
  width: 15% !important;
}

.customer-logos-4 .slide .fdc-col-block img {
  /* width: 30% !important; */
  width: 80% !important;
}

.customer-logos-4 .centerin .slide .fdc-col-block img {
  width: 60% !important;
}
.slick-slider .slick-track,
.slick-slide {
  outline: none;
}
.detail-img {
  width: 40px;
  margin-right: 20px;
}

.fdc-d-ul ul,
.fdc-d-ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.fdc-d-ul ul {
  margin: 2em 0;
}

.fdc-d-ul li {
  margin: 1em;
  margin-left: 3em;
}

.fdc-d-ul li:before {
  content: "";
  font-family: "FontAwesome";
  float: left;
  margin-left: -1.5em;
  color: #0074d9;
  background: url(../img/large-gustavo-g-logo.png);
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.fdc-header-h3 {
  font-family: "source_sans_proregular";
}
.fdc-p-data {
  padding: 20px;
  float: left;
  width: 100%;
  border: 3px solid #ffca34;
}
.fdc-p-bg {
  background: #ffca34;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: bold;
}
.fdc-p-full {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.fdc-p-center {
  text-align: center;
}
.fdc-p-center {
  padding-top: 15px;
}
.sec-bg {
  background: url(../img/sec-pig.jpg);
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  float: left;
  height: 100%;
  position: relative;
}
.bg-slider {
  background: url(../img/sec-pig.jpg);
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  float: left;
  height: 100%;
  position: relative;
}
/* slider */
.carousel-content {
  color: black;
  display: flex;
  align-items: center;
}

#text-carousel {
  width: 100%;
  height: auto;
  padding: 50px;
  min-height: 600px;
}
#text-carousel .fdc-detail-ul li {
  color: #000;
  text-align: justify;
  font-size: 14px;
  margin-left: 1em;
}
.carousel-control.right,
.carousel-control.left {
  background-image: none !important;
}
.fdc-fv-con p {
  font-size: 14px;
}
#text-carousel .fdc-detail-ul li:before {
  color: #000;
}
#text-carousel .carousel-control {
  position: fixed;
  width: 6%;
}
/*16-4-2019*/
.fdc-full-content {
  float: left;
  width: 100%;
}
.fdc-over .fdc-full-content {
  padding-top: 0px;
}
.fdc-header .fdc-bottom-ul {
  padding: 10px 0px;
  float: left;
  width: 100%;
  margin-bottom: 0px;
}
/*17-4-2019*/
.topnav .fdc-heading-line {
  text-align: center;
  font-size: 1.5em;
  font-family: "slickerregular";
  padding-top: 10px;
  color: #898989;
  font-weight: bold;
}
.fdc-four-bl {
  width: 100%;
  min-height: 150px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.fdc-block {
  top: 0em;
  text-align: center;
  font-size: 16px;
  color: #fff;
  width: 100%;
  padding: 40px 30px;
  letter-spacing: 2px;
}
.fdc-bg-blk-1 {
  background: url(../img/d1.jpg);
  background-size: 100%;
}
.fdc-bg-blk-2 {
  background: url(../img/d2.jpg);
  background-size: 100%;
}
.fdc-bg-blk-3 {
  background: url(../img/d3.jpg);
  background-size: 100%;
}
.fdc-bg-blk-4 {
  background: url(../img/d4.jpg);
  background-size: 100%;
}
.fdc-mar-top {
  margin-top: 20px;
}
.dropdown-box {
  /* margin: 5px; */
  float: left;
  width: 100%;
  padding: 10px;
}
.dropdown-box ul li {
  float: none;
  padding: 5px 10px;
  margin: 3px 0px;
  background-color: #dedede;
  margin-bottom: 10px;
}

.dropdown-box ul li:last-child .fdc-global {
  background-color: #dedede;
  padding: 4px 0px;
}
li.fdc-heading-line:hover {
  color: #898989 !important;
}
.dropdown-box ul li:hover {
  background-color: #dedede;
  color: #898989;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  color: orangered;
}
.carousel-indicators li {
  border: 1px solid #000 !important;
}
.dropdown-box ul li.sub-menu-1 {
  float: left;
  width: 50%;
}
.fdc-global{
  background: #909090;
    padding: 5px;
    color: #fff;
}
.nav.navbar-nav  .dropdown-box ul li {
  text-align: left;
  font-size: 11px !important;
  padding: 10px 10px !important;

}
.fdc-second-header .title{
  font-family: "slickerregular";
  text-align: center;
  margin-bottom: 0px;
  font-weight: bold;
}
.aboutus.second-content.fdc-detail-container-1 p{
  text-align: justify;
}
.fdc-detail-ul li{
  text-align: justify;

}
h1.fdc-h-title {
  text-align: center;
  font-family: "slickerregular";
  font-size: 2em;
}
h3.fdc-s-title {
  text-align: center;
  font-family: "slickerregular";
  /* font-weight: bold; */
  font-size: 2.5em;
  color: #898989;
  text-transform: uppercase;
}
.fdc-header-logo{
  text-align: center;
}
img.fdc-faq-img {
  width: 70px;
  margin-top: -12px;
}
.navbar-inverse .navbar-toggle.fdc-nav-custom-btn{
  position: absolute;
  top: 0px;
  right: 0px;
}
.navbar-inverse .navbar-toggle.fdc-nav-custom-btn .icon-bar
{
  background-color: #000;
}
.centerin.fdc-usa-block .fdc-pro-name-block p {
  text-align: center;
}
.centerin.fdc-usa-block .slide .fdc-col-block img {
  width: 60% !important;
}

.to-uae .fdc-pro-name-block p {
  text-align:center !important;
}

/** temporary 19th feb 2021 **/
li#inviteeMenu {
    display: none;
}
/** temporary 19th feb 2021 **/