/* landing page css */
@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff'),
        url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff'),
        url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html {
	overflow-x: hidden	;
}
body{
	color: #252c37;
	font-family: 'Century Gothic', sans-serif;
	font-weight: bold;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden	;
}

h1,h2,h3,h4,h5,h6{
	
	font-family: 'Century Gothic', sans-serif;
	font-weight: 700;
}

p{
	margin:0;
	padding:0;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: rgba(33,37,41,0.5);
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

a:hover,a:active,a:focus {
	outline: 0;
	text-decoration: none;
}

.row{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
:active {
	outline: none;
}
:focus {
	outline:none;
	outline-width: 0;
}

::-moz-focus-inner {
	border:0;
}
.btn, .form-control,
.form-control:focus {
	border-radius: 0px !important;
	box-shadow: none !important;
	outline: none !important;
}
/* header */
/* navigation */

.navbar {
	margin-top: 40px;
	border: 0;
	border-radius:0;
	box-shadow: none;
	background:transparent;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.navbar.comeup {margin-top: 0;background: rgba(0,0,0,0.9);}
.navbar.comeup .navbar-brand>img {
	width: 75%;
}
.navbar-default .navbar-nav>li>a {
	padding: 25px 18px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a.nav-btn-outline {
	border-radius: 12px;
	border:1px solid #ffffff;
	color: #ffffff;
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	padding: 6px 15px;
    margin-top: 18px;
}

.navbar-default .navbar-toggle .icon-bar {background: #eeeeee;}
.navbar-default .navbar-toggle {border-radius: 0;}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus{background: transparent;}

.navbar-brand>img {
	width: 100%;
	max-width: 370px;
}

/* secondary menu */

.secondary-menu {
	position: fixed;
	z-index: 99999;
	width: 100%;
	background: rgba(0,0,0,0.9);
}
.secondary-menu .sm-left {
	float: left;
	text-align: left;
}

.secondary-menu .sm-left a {
	color: #fec107;
    font-weight: bold;
    letter-spacing: 1px;
}

.secondary-menu .sm-right {
	float: right;
	text-align: right;
}

.secondary-menu .sm-left,
.secondary-menu .sm-right {
	line-height: 40px;
	color: #fff;
}

.secondary-menu .sm-social-link a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: rgba(0,0,0,0.3);
}
.navbar .dropdown-menu {
	background-color: #555;
	box-shadow: 15px 22px 50px -17px rgba(100,100,100,0.31);
	position: absolute;
    top: 50px;
    border-radius: 0;
    border: none;
}
.navbar .dropdown-menu li a {
	font-size: 16px;
	/* color: #D8152E; */
    padding: 6px 15px;
    font-weight: bold;
}
.navbar .dropdown-menu li a:hover {
	background-color: #ffffff;
	color: #212529!important;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
	width: 200px;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu>.dropdown-menu {
	display: none!important;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block!important;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-left-color: #fff;
    margin-top: 5px;
    margin-right: 0px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
/* banner */

/* banner slider */
.bg-banner {
	width: 100%;
	height: calc(100vh + 200px);
	background-repeat: no-repeat; background-size: cover;
background-position: center;
}
.banner .carousel .item{
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-duration: 3s;
  -moz-animation-delay: 0.5s;
  -ms-animation-duration: 3s;
  -ms-animation-delay: 0.5s;
  -o-animation-duration: 3s;    
  -o-animation-delay: 0.5s;    
  animation-duration:3s;
  animation-delay:0.5s;
}
.banner .carousel .carousel-caption h2,
.banner .carousel .carousel-caption h3 {
	text-shadow: none;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 1s;
  -moz-animation-duration: 2s;
  -moz-animation-delay: 1s;
  -ms-animation-duration: 2s;
  -ms-animation-delay: 1s;
  -o-animation-duration: 2s;    
  -o-animation-delay: 1s;    
  animation-duration:2s;
  animation-delay:1s;
}

.banner .carousel .carousel-caption h2 i {
	font-size: 64px;
  display: inline-block;
  margin-right: 12px;
}

.banner .carousel .carousel-caption p{
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 1s;
  -moz-animation-duration: 2s;
  -moz-animation-delay: 1s;
  -ms-animation-duration: 2s;
  -ms-animation-delay: 1s;
  -o-animation-duration: 2s;    
	-o-animation-delay: 1s;      
  animation-duration:2s;
  animation-delay:1s;
}

.banner .carousel .carousel-caption .caro-outline-btn{
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 2.5s;
  -moz-animation-duration: 2s;
  -moz-animation-delay: 2.5s;
  -ms-animation-duration: 2s;
  -ms-animation-delay: 2.5s;
  -o-animation-duration: 2s;    
  -o-animation-delay: 2.5s;    
  animation-duration:2s;
  animation-delay:2.5s;
}

.banner .carousel .carousel-control{
	position: absolute;
	top: 45%;
	margin-top: -25px;
	display: inline-block;
	font-size: 18px;
	text-align: center;
	background: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
	border:0;
	opacity: 1;
	text-shadow: none;
	width: 5%;
}
.banner .carousel .icon-chevron {
	width: 30px;
	height: 42px;
	display: inline-block;
	background-size: cover;
}
.banner .carousel .icon-chevron.chevron-right {

	background: url('../images/landing/icons/ttc_che_right.svg') no-repeat 0 0;
}

.banner .carousel .icon-chevron.chevron-left {

	background: url('../images/landing/icons/ttc_che_left.svg') no-repeat 0 0;
}

.banner .slide-one, .banner .slide-two {
	bottom: inherit;
    top: 48%;
    text-align: left;
    right: 10%;
    left: auto;
}
.banner .slide-one h2, .banner .slide-two h2 {
	margin-bottom: 15px;
	font-size: 52px;
	line-height: 52px;
	font-weight: bold;
	color: #fff;
}
.green-text {
	color: #4CAF50;
}
.red-text {
	color: #D8152E;
}
.yellow-text {
	color: #FFC107;
}
.black-text {
	color:#212529;
}
.white-text {
	color: #ffffff;
}
/* backgrounds */
.yellow-bg {
	background-color: #FFC107;
}
.gray-bg {
	background-color: rgba(33,37,41,0.1);
}

.banner .slide-one h3, .banner .slide-two h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 400;
}

.banner .slide-one .caro-outline-btn,
.banner .slide-two .caro-outline-btn {
	display: inline-block;
	margin-top: 15px;
	padding: 6px 22px;
	font-size: 22px;
	background: transparent;
	border: 2px solid #ffffff;
	color: #fff;
	font-weight: bold;
	border-radius: 12px;
	text-shadow: none;
}

/* default heading */

.default-heading,
.default-heading-shadow {
	text-align: center;
	margin-bottom: 40px;
}

.default-heading h2,
.default-heading-shadow h2 {
	position: relative;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 30px;
	padding: 25px 30px;
	font-size: 45px;
	text-transform: uppercase;
}

.default-heading h2:after,
.default-heading-shadow h2:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(240, 253, 255, 0);
	border-width: 20px;
	margin-left: -20px;
}

.default-heading-shadow h2 {color: #fff;}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating {
  -webkit-animation: rotating 8s linear infinite;
  -moz-animation: rotating 8s linear infinite;
  -ms-animation: rotating 8s linear infinite;
  -o-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite;
}

.text-white {
    color: white !important;
}

/* global classes */
.px-0 {
	padding-left: 0;
	padding-right: 0;
}
.py-1 {
	padding-top:16px;
	padding-bottom: 16px;
}
.px-1 {
	padding-right: 16px;
	padding-left: 16px;
}
.py-2 {
	padding-top:32px;
	padding-bottom: 32px;
}
.px-2 {
	padding-right: 32px;
	padding-left: 32px;
}
.py-3 {
	padding-top:48px;
	padding-bottom: 48px;
}
.px-3 {
	padding-right: 48px;
	padding-left: 48px;
}
.mt-1 {
	margin-top: 16px;	
}
.mt-2 {
	margin-top: 32px;	
}
.mt-3 {
	margin-top: 48px;	
}
.mb-1 {
	margin-bottom: 16px;	
}
.mb-2 {
	margin-bottom: 32px;	
}
.mb-3 {
	margin-bottom: 48px;	
}
/* margin */
.my-0{
	margin-top:0px;
	margin-bottom: 0px;
}
.my-1 {
	margin-top:16px;
	margin-bottom: 16px;
}
.mx-1 {
	margin-right: 16px;
	margin-left: 16px;
}
.my-2 {
	margin-top:32px;
	margin-bottom: 32px;
}
.mx-2 {
	margin-right: 32px;
	margin-left: 32px;
}
.my-3 {
	margin-top:48px;
	margin-bottom: 48px;
}
.mx-3 {
	margin-right: 48px;
	margin-left: 48px;
}
.pt-1 {
	padding-top: 16px;	
}
.pt-2 {
	padding-top: 32px;	
}
.pt-3 {
	padding-top: 48px;	
}
.pt-4 {
	padding-top: 2.3rem;	
}
.pt-5 {
	padding-top: 3rem!important;	
}
.pb-1 {
	padding-bottom: 16px;	
}
.pb-2 {
	padding-bottom: 32px;	
}
.pb-3 {
	padding-bottom: 48px;	
}
/* borders */
.b-0 {
	border: none!important;
}
.align-self-center {
	align-items: center;
}
.font-20 {
	font-size: 20px;
}
/* forms */
.d-inline-block {
	display: inline-block;
}
.enquiry-form-container .form-control {
	height: 48px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: bold;
	color: #212529;
	border: none;
	border-right: 4px solid rgba(69,69,69,0.5);
   }
   .submit-btn {
	height: 48px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: bold;
	color: #ffffff;
	background-color: #4CAF50;
	border: none;
	width: 100%;
   }
/* hero */

.hero .hero-content {
	text-align: center;
}

.hero-content h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 36px;
}
.sec-card-main {
	height: 180px;
	width: 100%;
	background: url('../images/landing/icons/oval_shape.svg') no-repeat;
	background-position: center;
}
.sec-card-main > img {
	display: block;
	margin: 0 auto;
}
.sec-card-container {
	padding: 20px;
	background-color: #ffffff;
	box-shadow: 15px 22px 50px -17px rgba(100,100,100,0.31);
	height: 100%;
	transition: transform 0.1s;
	transition-timing-function: linear;
	margin: 0 2px;

}
.sec-card-container:hover {
	transform: scale(1.075);
	transition-timing-function: linear;
  z-index: 1;
  position: relative;
} 

.sec-card-header {
	font-size: 24px;
	font-weight: 700;
	line-height: 29px;
}
.unique-service .sec-card-container {
	padding: 0;
}
.unique-service .sec-card-container .sec-card-header,.unique-service .sec-card-container .sec-card-content {
	padding-left: 20px;
	padding-right: 20px;
}
.feature-exp,#unique {
	position: relative;
}
.feature-exp .fixed-bg-height{
	height: 300px;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.thir-card-container {
	padding: 0 20px 20px 20px;
	background-color: #ffffff;
	box-shadow: 15px 22px 50px -17px rgba(100,100,100,0.31);
	height: 100%;
	transition: transform 0.1s;
	transition-timing-function: linear;
	/* padding-bottom: 0; */
	
}
.thir-card-container:hover {
	transform: scale(1.01);
	transition-timing-function: linear;
  z-index: 1;
  position: relative;
}
.thir-media-content {
	/* background: red; */
	border-radius: 50%;
	height: 80px;
    width: 80px;
    margin: 0 auto;
    top: 10%;
    position: relative;
    
}
.thir-media-content > img {
	width: 100%;
}
.thir-card-header {
	font-size: 24px;
	font-weight: 700;
	line-height: 29px;
	text-transform: uppercase;
}
.a-href-outline {
	font-size: 12px;
	color: #212529!important;
	text-transform: uppercase;
	font-weight: bold;
	padding:6px 20px;
	border: 1px solid #FFC107;
	float: right;
}
#services {
	position: relative;
} 
.service-bg {
	background: url('../images/landing/services_bg.svg') no-repeat center;
	background-size: 100%;
}
.fiv-card-container {
	padding: 20px;
	background-color: #ffffff;
	box-shadow: 15px 22px 50px -17px rgba(100,100,100,0.31);
	height: 100%;
	transition: transform 0.1s;
	transition-timing-function: linear;
}
.fiv-card-container:hover {
	transform: scale(1.01);
	transition-timing-function: linear;
  z-index: 1;
  position: relative;
  background-color: #FFC107;
  cursor: pointer;
}
.fiv-card-img > img{
	width: 80px;
	height: 80px;
}
.fiv-card-content {
	font-size: 18px;
	font-weight: bold;
	color: #212529;
}
.achivers-container {
	margin: 0 auto;

}
.achiver {
	display: inline-block;
	margin: 15px;
}
.achiver > img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.ach-name {
	color: #D8152E;
	font-size: 18px;
}
.ach-select {
	color: #212529;
	font-size: 14px;
}


/* testimonial */
.testmonial-bg {
	background: url('../images/landing/testimonial_bg.svg') no-repeat center;
	background-size: 100%;
}
.testimonial-wrapper {
	width: 75%;
	margin: 0 auto;
}
.testimonial_btn,.testimonial_btn:active,.testimonial_btn:hover {
	background-color: transparent;
	border: none;
	width: 32px;
	height: 32px;
	/* transition: ease-in 3s; */
}
.textimonial-name {
	font-size: 32px;
}
.testi-left {
	background: url('../images/landing/icons/ttc_che_left.svg') no-repeat 0 0;
	background-size: contain;
	width: 32px;
    height: 32px;
	display: inline-block;
	transition: ease-in 0.2s;
}
.testi-left:hover {
	transform: translateX(-20px);
	transition: ease-in 0.2s;
}
.testi-right {
	background: url('../images/landing/icons/ttc_che_right.svg') no-repeat 0 0;
	background-size: contain;
	width: 32px;
    height: 32px;
	display: inline-block;
	transition: ease-in 0.2s;
}
.testi-right:hover {
	
	transform: translateX(20px);
	transition: ease-in 0.2s;
}
/* Back to top */

.totop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 104400;
}

.totop a, .totop a:visited{
	display: block;
	width: 50px;
	height: 50px;
	background-color: #D8152E;
	color: #fff !important;
	text-align: center;
	font-size: 20px;
	line-height: 50px;
	border-radius: 2px;
}

  /* footer stylings */
  .ft-logo .img-fluid{
	max-width: 100%;
  }

  .footer-bg {
	background-color: #1D272F;
   }
   .social-icons {
	   margin: 20px auto;
	 justify-content: space-between;
	 display: flex;
   }
   .location {
	 font-family: 'Century Gothic';
	 font-size: 16px;
	 letter-spacing: 1px;
	 font-weight: 700;
	 line-height: 21px;
   }
   .f-contact-number {
	 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	 font-size: 14px;
	 font-weight: 700;
	 line-height: 19px;
	 color: #ffffff;
   }
   .quick-links {
	 font-family: 'Century Gothic';
	 font-size: 20px;
	 letter-spacing: 1px;
	 font-weight: 700;
	 line-height: 31px;
	 color: #ffffff;
   }
   .privay-content {
	 color: #686868;
	 font-family: "Segoe UI";
	 font-size: 18px;
	 font-weight: 400;
	 line-height: 24px;
   }
   .text-yellow {
	color: #FFC107;
   }
   .text-left {
	text-align: left!IMPORTANT;
   }
   .d-flex {
	   display: flex;
	   justify-content: space-between;
   }
   .dots-bg-alignment-right-ver.top-25.right-5 {
    position: absolute;
    top: 90%;
    right: 0;
    z-index: -1;
   }
   .dots-bg-alignment-left-ver.top-15 {
	position: absolute;
    top: -15%;
    z-index: -1;
   }
/* headstylings */
.cr-head h2{
    font-family: 'Century Gothic';
  font-size: 28px;
  /* font-weight: 700; */
  line-height: 53px;
  text-align: center;
  text-transform: uppercase;
}

.footer-privacy-links li {
	display: inline-block;
	margin: 0px 10px;
	text-align: right;
}

/*
 * Responsive CSS 
 */

/*
 * Mobile phones 
 */
 @media only screen and (min-width: 768px) {
	.dropdown:hover .dropdown-menu {
	  display: block;
	}
  }

@media (max-width: 575px){
	/* .banner .slide-one h3, .banner .slide-two h3, */
	/* .banner .slide-one .btn, .banner .slide-two .btn {display: none !important;} */
	.bg-banner {
		height: calc( 26vh + 70px)!important;
	}
}

/*
 * Tablets 
 */
@media (max-width: 767px){
	.navbar-default .navbar-collapse {
		border-color: rgba(0,0,0,0.15);
		box-shadow: none;
	}
	
	.navbar-default .navbar-brand {padding-top: 5px;}
	.navbar-default .navbar-brand>img {max-width: 300px;}
	
	.navbar, .navbar.comeup { margin-top: 0; padding: 10px 0; background: rgba(0,0,0,0.9);}
	header .navbar-default .navbar-nav>li>a, header .navbar-default .navbar-nav>li.active>a,
	header .navbar-default .navbar-nav>li.active>a:hover, header .navbar-default .navbar-nav>li>a:hover	{ 
		padding-top: 8px;
		padding-bottom: 8px;
		background: none;
	}
	.navbar .navbar-nav {margin-top: 0;}
	.secondary-menu {display: none;}
	.bg-banner {
		height: calc( 45vh + 70px);
	}
	.banner .slide-one, .banner .slide-two {top: 12.5vh!important;
		left: 5vw;
		padding: 0;
	}
	.banner .carousel .carousel-control {display: none;}
	.banner .slide-one h2, .banner .slide-two h2 {font-size: 26px !important;
		line-height: 26px;
		margin: 0;}
	/* .banner .slide-one h2 i, .banner .slide-two h2 i {font-size: 40px !important;} */
	.banner .slide-one h3, .banner .slide-two h3 {font-size: 16px !important;margin: 0;
		line-height: 24px;}
	.banner .slide-one .btn, .banner .slide-two .btn {
		padding: 8px 12px;
		font-size: 14px;
	}
	.main-landing-wrapper {
		top: 69px;
    margin-bottom: 50px;
	}
	.banner .slide-one .caro-outline-btn, .banner .slide-two .caro-outline-btn {
		font-size: 14px;
		margin-top: 5px;
	}
		.testimonial-wrapper {
			width: 100%;
		}
		
.img-responsive {
	max-width: 100%;
}
.enquiry-form-container .col-md-3 {
	width: 100%;
	padding: 0 12px;
}
.enquiry-form-container .form-control {
	border-right: none;
}
.submit-btn {
	margin-top: 12px;
}
.fiv-card-wrapper .col-md-4{
	width: 100%;
}
.fiv-card-container .col-md-3 {
	width: 33%;
}

.fiv-card-container .col-md-9 {
	width: 67%;
}
.testmonial-bg {
	background-size: cover;
}
.testimonial-wrapper .carousel-inner{
text-align: center;
}
.testimonial-wrapper .col-md-3 {
	margin: 0 auto;
}
.feature-exp .fixed-bg-height {
	height: 400px;
}
}

/*
 * Desktop 
 */
@media (max-width: 991px){
	.banner .slide-one, .banner .slide-two {top: 130px;}
}

@media (max-width: 1100px){ 
}