@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700&display=swap');
@import url('https://use.fontawesome.com/releases/v5.8.2/css/all.css');
/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/
img, object, iframe {max-width: 100%;}

a {color: #707070}
a:hover {color: #707070}

body {overflow-x: hidden;}

body { font-size: 100%; font-family: 'Roboto', segoe, sans-serif; background: url("../images/back.jpg") no-repeat center top; background-position: 100% auto;}

.TopHead { border-bottom: 30px solid #DBDBDB; padding: 15px 0 15px; background-color: #000}

.navbar {font-size: 18px; font-weight: 700}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { margin: 0 0 15px; padding: 3px 0}

h2, .h2 { font-size: 20px; color: #EBB400;}
h2::before, .h2::before {content: ''; background-image: url("../images/icon-header.png"); background-repeat: no-repeat; width: 79px; height: 58px; display: inline-block; vertical-align: middle}
h2 em, .h2 em{ color: #000; font-style: normal}
h3, .h3 { font-size: 30px;}
h4, .h4 {color: #BB6106; font-size: 17px;}

.navbar-nav-New a { color: transparent !important;
  display: inline-block;
  position: relative;
  text-decoration: none !important;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;

  -webkit-perspective: 800px;
          perspective: 800px;
}
.navbar-nav-New .nav-item-new a {color:#707070 !important }
.navbar-nav-New .nav-link {padding: 0}
.navbar-nav-New a::before {
    bottom: 0;
    color: #707070 !important;
    content: attr(data-linktext);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .2s ease-out, -webkit-transform .4s cubic-bezier(.2,1.5,1,1);
    transition: opacity .2s ease-out, -webkit-transform .4s cubic-bezier(.2,1.5,1,1);
    transition: transform .4s cubic-bezier(.2,1.5,1,1), opacity .2s ease-out;
    transition: transform .4s cubic-bezier(.2,1.5,1,1), opacity .2s ease-out, -webkit-transform .4s cubic-bezier(.2,1.5,1,1);
}

.navbar-nav-New a::after {
    bottom: 0;
    color: #000;
    content: attr(data-linktext);
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-.6em) rotateX(90deg);
    transform: translateY(-.6em) rotateX(90deg);
    -webkit-transition: opacity .2s ease-out, -webkit-transform .4s cubic-bezier(.2,1.5,1,1);
    transition: opacity .2s ease-out, -webkit-transform .4s cubic-bezier(.2,1.5,1,1);
    transition: transform .4s cubic-bezier(.2,1.5,1,1), opacity .2s ease-out;
    transition: transform .4s cubic-bezier(.2,1.5,1,1), opacity .2s ease-out, -webkit-transform .4s cubic-bezier(.2,1.5,1,1);
}

.navbar-nav-New a:hover::before {
  opacity: 0;
  -webkit-transform: translateY(.6em) rotateX(-90deg);
          transform: translateY(.6em) rotateX(-90deg);
  -webkit-transition: opacity .2s ease-out,
              -webkit-transform .4s cubic-bezier(.2,1.5,1,1);
  transition: opacity .2s ease-out,
              -webkit-transform .4s cubic-bezier(.2,1.5,1,1);
  transition: transform .4s cubic-bezier(.2,1.5,1,1),
              opacity .2s ease-out;
  transition: transform .4s cubic-bezier(.2,1.5,1,1),
              opacity .2s ease-out,
              -webkit-transform .4s cubic-bezier(.2,1.5,1,1);
}


.navbar-nav-New a:hover::after {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: opacity .2s ease-out,
              -webkit-transform .4s cubic-bezier(.2,1.5,1,1);
  transition: opacity .2s ease-out,
              -webkit-transform .4s cubic-bezier(.2,1.5,1,1);
  transition: transform .4s cubic-bezier(.2,1.5,1,1),
              opacity .2s ease-out;
  transition: transform .4s cubic-bezier(.2,1.5,1,1),
              opacity .2s ease-out,
              -webkit-transform .4s cubic-bezier(.2,1.5,1,1);
}

.container {text-align: justify}
.LogoHeader { background-color: #f1cd05; padding: 10px; text-align: center; margin: 20px 0; border-radius: 10px;}
.LogoHeader2 {border-radius: 0; margin: 0 0 20px; padding: 22px 0}
.ContaintWrapper { padding: 30px 15px}


.Back-1 { background-color: #ffeb7f; padding: 20px 0}
.IconCircle { background-color: #000; padding: 5px; width: 65px; height: 65px; border-radius: 50%; color: #EBD300; font-size: 35px; display: inline-block; vertical-align: middle; margin: 0 0 10px}

.boxicon {border: 1px solid #000; padding: 25px; margin-top: 0; border-top-width: 4px; border-top-color: rgba(211,118,0,1.00); position: relative; top:0;
	-moz-transition: all .3s cubic-bezier(0,.01,.27,1);
    transition: all .3s cubic-bezier(0,.01,.27,1);background-color: rgba(255,255,255,0.16)
}


.boxicon:hover {  top: -25px !important; border-top-color:rgba(146,31,0,1.00);
	-moz-transition: all .3s cubic-bezier(0,.01,.27,1);
    transition: all .3s cubic-bezier(0,.01,.27,1);
	background-color: rgba(255,255,255,0.86); 
}


.IconBoxGrid {padding-top: 10px;}

.boxicon:hover::before {background-color: #fff; display: block;}

.whiteText {color: #fff}
.Back-2 { padding: 35px 0;
	background: #d59e07;
	background: -webkit-gradient(linear, left top, left bottom, from(#d59e07), color-stop(86.19%, #ecb100), to(#c59805));
    background: -webkit-linear-gradient(#d59e07 0%, #ecb100 86.19%, #c59805 100%);
    background: -o-linear-gradient(#d59e07 0%, #ecb100 86.19%, #c59805 100%);
    background: linear-gradient(#d59e07 0%, #ecb100 86.19%, #c59805 100%);
}
.Back-3 { background: #4A4A4A}

.text-shadow {text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);}

.testimonial-sect {padding: 50px 0; text-align: center}
.testimonial-sect p {margin-bottom: 2px; text-align: center}
.testimonial-sect .profileImg {width: 100px; height: 100px;  margin: 0 auto 20px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.2);
    overflow: hidden;
    text-align: center; }
.testimonial-sect .profileImg img {height: auto; max-width: 100%; width: 100%;vertical-align: middle;}
.Name {font-weight: bold}
.testimonial-sect .carousel-item {background-color: #fff;}

.testimonial-sect .carousel.carousel-fade .carousel-item {display: block; opacity: 0; transition: opacity ease-out .7s;}
.testimonial-sect .carousel.carousel-fade .carousel-item.active { opacity: 1 !important;}
.testimonial-sect .carousel .carousel-indicators {bottom: 10px;}
.testimonial-sect .carousel .carousel-indicators > li {background-color: #666; border: none;}
.testimonial-sect .carousel .carousel-indicators > li.active {background-color: #0e146d; border: none;}
.testimonial-sect .carousel .carousel-indicators > li{width: 12px; height: 12px; margin: 0 6px; 	border-radius: 6px;}
.testimonial-sect .carousel-indicators .active{margin: 0 4px;}

.testimonial-sect .carousel {padding-bottom: 60px;}

.copyright {padding: 20px 5px; color: #fff; text-align: center; background-color: #000}
.copyright .container {text-align: center}
.copyright a{ color: #fff;}

.navbar-toggler {background-color: rgba(255,255,255,0.84); color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.1); cursor: pointer}
.bg-light {background-color: transparent !important;}

@media (max-width: 991px) {
	.navbar-nav-New .nav-link {padding: 2px 0; margin: 8px 0 0; border-bottom: 1px solid #fff; display: block;}
	.navbar-nav-New a::before {color: #fff !important}
	.TopHead {padding: 1px;}
	.nav-item-new {display: none !important}
}



/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	.navbar-expand-lg .navbar-nav .nav-link {margin-right: .4rem; margin-left: .4rem;}
	.IconBoxGrid .col-md-4 {margin: 0 1.5%;}
	.IconBoxGrid .col-md-4 {-ms-flex: 0 0 30.333333%; flex: 0 0 30.333333%; max-width: 30.333333%;}
	
	h2, .h2 { font-size: 32px;}
	h3, .h3 { font-size: 45px;}
	h4, .h4 { font-size: 22px;}
	
	.TopHead {background-color: transparent}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.Back-2 { padding: 75px 0;}
	.copyright .col-md-6:first-child { text-align: left}
	.copyright .col-md-6:last-child { text-align: right}
}