@font-face {
    font-family: 'JosefinSans';
    src: url('CinzelDecorative-Regular.ttf');
    src: url('fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-regular-webfont.woff') format('woff'),
         url('CinzelDecorative-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



h4.comingsoon {
	font-family: 'JosefinSans', sans-serif;
}


.beach {
	background-color: #d1ccbe;
}

.grey-text {
	color:rgba(153,153,153,1);
}

.left-padding {
	padding-left: 15px;
}

.text16 {
	font-size:16pt;
}
ol.d {list-style-type: lower-alpha;}

ol.c {list-style-type: lower-roman;}

ul.square {
	list-style-type: square;
	/*color: #26bfd1;*/
	font-size: 22px;
}

ul.square2 {
	font-family: 'Montserrat', sans-serif;
	list-style-type: square;
	/*color: #26bfd1;*/
	font-size: 15px;
	line-height: 1.2;
	font-weight: 400;
}



ul.bullet1 {
	list-style-image: url(../images/bullet002.png);
	text-decoration: none;
	font-weight: normal;
	color:#333333;
	font-size: 17px;
	padding-left: 20px;line-height: 1.2;
}

.cell-padding {
	padding-left: 30px;
}

.text-blue {
	color: #26bfd1;
}

.profile-bottom-margin {
	margin-bottom: 50px;
}

.dark-bg {
	background-color:#1a1a1a;
}

.newletter {
	width:100%;
	height:160px;
	background: #1a1a1a;
}

.rollOver-white a:hover{
	color: #fffff;
}

@media only screen and (max-width: 1024px) {
	.menu-logo {
		line-height: 80px;
	}

}


@media only screen and (max-width: 520px) {
	.logo {
		max-width: 300px;
	}

}


ul.myList2 {
		margin-left: 40px;
		font-size:16px;
	line-height: 1.3;
		list-style-type: square;
		list-style-image:url(../images/bullet002.png);
	/*color: #26bfd1;*/
	font-family: 'Montserrat', sans-serif;
	}


.leaf {
	position: absolute;
	top: 0px;
}

.bg-ESG{
	background-image:url("../images/ESG/bg001.jpg");
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	z-index: 1;
	background-size: cover;
	
}

.gradient-top {
	position: absolute;
	top: 0;
	z-index: 100;
}



.heading__title{
	font-size:34px;
	margin-bottom:18px;
	line-height: 1.3;
}

.service-item{
	position:relative;
	margin-bottom:30px;
	overflow:hidden;
	box-shadow:0 5px 83px 0 rgba(40,40,40,.08);
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}
.service-item .service__img{
	position:relative
}
.service-item .service__img:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	opacity:.4;
	-webkit-background-image:linear-gradient(top,rgba(27,26,26,.35),#1b1a1a 100%);
	-moz-background-image:linear-gradient(top,rgba(27,26,26,.35),#1b1a1a 100%);
	-ms-background-image:linear-gradient(top,rgba(27,26,26,.35),#1b1a1a 100%);
	-o-background-image:linear-gradient(top,rgba(27,26,26,.35),#1b1a1a 100%);
	background-image:linear-gradient(top,rgba(27,26,26,.35),#1b1a1a 100%)
}
.service-item .service__img img{
	width:100%;
	max-width:100%
}
.service-item .service__content{
	background-color:rgba(255,255,255,0.70);
	padding:40px 20px 40px 40px;
	min-height: 400px;
}
.service-item .service__icon{
	margin-bottom:30px
}
.service-item .service__icon i{
	font-size:65px;
	line-height:1;
	color:#ff7607
}
.service-item .service__title{
	font-size:21px;
	line-height:29px;
	margin-bottom:16px
}
.service-item .service__desc{
	font-size:14px;
	line-height:24px;
	margin-bottom:0
}
.service-item .btn__link{
	margin-top:19px
}
.service-item .btn__link i{
	display:inline-block;
	opacity:0;
	color:#ff7607;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
	-webkit-transform:translateX(-2px);
	-moz-transform:translateX(-2px);
	-ms-transform:translateX(-2px);
	-o-transform:translateX(-2px);
	transform:translateX(-2px)
}
.service-item:hover{
	box-shadow:0 5px 83px 0 rgba(40,40,40,.14);
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	transform:translateY(-10px)
}
.service-item:hover .service__icon{
	-webkit-animation:slideTopDown 1s infinite alternate;
	-moz-animation:slideTopDown 1s infinite alternate;
	-ms-animation:slideTopDown 1s infinite alternate;
	-o-animation:slideTopDown 1s infinite alternate;
	animation:slideTopDown 1s infinite alternate
}
.service-item:hover .btn__link i{
	opacity:1;
	-webkit-transform:translateX(5px);
	-moz-transform:translateX(5px);
	-ms-transform:translateX(5px);
	-o-transform:translateX(5px);
	transform:translateX(5px)
}
.service-item .service__overlay{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0;
	text-align:center;
	background-color:rgba(255,118,7,.9);
	-webkit-transition:all .5s linear;
	-moz-transition:all .5s linear;
	-ms-transition:all .5s linear;
	-o-transition:all .5s linear;
	transition:all .5s linear
}
.service-item:hover .service__overlay{
	opacity:1
}
.services-layout2 .heading__title,.services-layout3 .heading__title{
	line-height:48px
}
.services-layout3 .service-items-wrap{
	box-shadow:0 5px 83px 0 rgba(40,40,40,.08);
	overflow:hidden;
}
.services-layout3 .service-item{
	box-shadow:none!important;
	border-left:2px solid #eaeaea;
	margin-left:-2px;
	margin-bottom:0
}
.services-layout3 .service-item:hover{
	box-shadow:none;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}



.services-layout3 .zoom__icon{
	position:relative;
	z-index:3;
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.services-layout3 .zoom__icon:before{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:1px;
	height:20px;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-color:#fff
}
.services-layout3 .zoom__icon:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:1px;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-color:#fff
}
.services-carousel .owl-stage-outer{
	margin:-15px;
	padding:15px
}
.services-carousel .service-item{
	box-shadow:0 0 12px 0 rgba(40,40,40,.08)
}

.service-content-height {
	min-height: 420px;
}

@media only screen and (min-width:768px) and (max-width:991px){
	.service-item .service__icon{
		margin-bottom:15px
}
	.service-item .service__icon i{
		font-size:50px
}
	.service-item .service__title{
		font-size:18px;
		margin-bottom:10px
}
	.services-layout2 .heading__title,.services-layout3 .heading__title{
		line-height:40px
}
}
@media only screen and (min-width:320px) and (max-width:767px){
	.service-item .service__content{
		padding:20px
}
	.service-item .service__title{
		font-size:17px;
		margin-bottom:5px
}
	.service-item .service__icon{
		margin-bottom:10px
}
	.service-item .service__icon i{
		font-size:45px
}
	.services-layout2 .heading__title,.services-layout3 .heading__title{
		line-height:35px
}
}



/*Templte Custom Font */
    @font-face {
      font-family: 'icomoon';
      src:  url('../fonts/icomoon.eot?4vca3n');
      src:  url('../fonts/icomoon.eot?4vca3n#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?4vca3n') format('truetype'),
        url('../fonts/icomoon.woff?4vca3n') format('woff'),
        url('../fonts/icomoon.svg?4vca3n#icomoon') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: block;
    }
    
    [class^="icon-"], [class*=" icon-"] {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
       font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
    
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .icon-arrow-right2:before {
      content: "\e96d";
      transform: translateY(1px);
      display: inline-block;
      font-size:12px
     }

.spacer-big {
	background-color: rgba(253,253,253,00)
}

.pb100 {
	padding-bottom: 100px;
}
.pb80 {
	padding-bottom: 80px;
}

.text-caps{
	text-transform: capitalize;
}

.heading-icon {
	font-size: 12pt;
	color: rgba(0,234,216,1.00)
}

.main-parallax-section-main {
	/*min-height: 100vh;*/
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	
}

.main-parallax-section-main:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,0,10, 0.6);
}



.main-parallax-section-main2 {
	min-height: 75vh;
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	
}

.main-parallax-section-main3 {
	/*min-height: 100vh;*/
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	
}

.main-parallax-section-main3:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,0,10, 0.2);
}

.main-parallax-section-main4 {
	/*min-height: 100vh;*/
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	
}

.main-parallax-section-main4:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(161,207,99, 0.2);
}


.main-parallax-content {
	z-index: 50;
}
h1.main-parallax {
	line-height: 1;
}


.sr-button.button-1 { background: #1a1a1a; color: #ffffff; }
.sr-button.button-1:hover { background: rgba(0,0,0, 0.4); color: #ffffff; }
.text-light .sr-button.button-1 { background: #ffffff; color: #1a1a1a; }
.text-light .sr-button.button-1:hover { background: rgba(0,0,0, 0.4); color: #ffffff; }


.footer-address {
	/*color: rgba(255, 255, 255, .80);*/
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
}

.slide-text-shadow{
	text-shadow: 2px 2px 4px #000000;
}

.header-gradients {
	
	background-image: url("../images/white-gradient-top3.png");
	background-position: center right;
	background-repeat: repeat-x;
	width: 100%;
	z-index: 120;
	position: absolute;
	top: 0px;
	height: 190px;
		}

.header-gradients2 {
	background-position: center right;
	background-repeat: repeat-x;
	z-index: 99999999120;
	background-image: linear-gradient(45deg,
              rgba(245,70,66, 0.75),
              rgba(8,83,156, 0.75));
		
}

.bar3 {
	position: absolute;
	bottom: 0px;
	margin-top: -65px;
	z-index: 20;
	width: 100%;
}

h2.subtitle-1:after {
  content: '\2192';
  position: absolute;
  right: 0px;
  font-size: 0.9em;
}

/*
.topbar-nav a:hover {
	color: #89171a;
	font-weight: bold;
}
.topbar-nav a:active, a:focus, a:link {
	color: #1a1a1a;
}*/





@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .offcanva-btn {
    display: none;
  }
}

.tp-slider-btn {
  font-family: var(--tp-ff-heading);
  font-weight: 500;
  color: var(--tp-common-white);
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.tp-slider-btn:hover {
  color: var(--tp-common-white);
}
.tp-slider-btn:hover span svg:first-child, .tp-slider-btn:hover span i:first-child {
  opacity: 1;
  transform: translateZ(0);
}
.tp-slider-btn:hover span svg:last-child, .tp-slider-btn:hover span i:last-child {
  opacity: 0;
  transform: translateX(30px) translateY(0);
}
.tp-slider-btn span {
  position: relative;
  margin-right: 40px;
  font-size: 13px;
  color: var(--tp-common-white) !important;
  line-height: 27px;
  text-align: center;
  display: inline-block;
}
.tp-slider-btn span svg, .tp-slider-btn span i {
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.tp-slider-btn span svg:first-child, .tp-slider-btn span i:first-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateX(-20px) translateY(0);
}
.tp-slider-btn span svg:last-child, .tp-slider-btn span i:last-child {
  opacity: 1;
  display: block;
  transform: translateY(0) translateY(0);
}
.tp-slider-btn span::before {
  right: -22px;
  top: -23px;
  content: "";
  position: absolute;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 1px solid rgb(164, 20, 35, 0.6);
}

.slick-active .tp-slider-btn {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.slick-active .tp-slider-text,
.slick-active .tp-slider-text span,
.slick-active .tp-slider-title,
.slick-active .tp-slider-btn {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.mt-40{margin-top:40px}

.counter-value:after{
	content: '+';
}

.fa.icon-main {
	font-size: 32px;
}

.icon01:hover{
	color: #23e;
	font-size: 20px;
	opacity: 0.6;
	transition: all 0.4s ease;
}

.icon01:link{
	color: #fff;
	transition: all 0.4s ease;
}



.main-slide {
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	height:100vh;
	width:100%;
	position:relative;
	top:0px;left:0px;
	right:0px;
	bottom:0px;
	scrolling:none;
	z-index: 0;
	margin-bottom: -8px;
}



@media screen and (max-width: 1024px){
	
	.main-slide {
		
		position:relative;
	}
}

.bg-gradients {
	background-image: linear-gradient(to bottom right, #550c0e, #c11f24);
	/*background-image: linear-gradient(to bottom right, #e53055, #fccd33);*/
}
	
.column.smpadding { padding: 2px; }

.lineHeight1 {
	line-height: 1.2;
}

.main-intro {
	font-size: 24px;
}

.height-50 {
	min-height: 50vh;
}
.height-60 {
	min-height: 60vh;
}
.height-70 {
	min-height: 70vh;
}

.tagline2 {
	position: absolute;
	top: 30px;
	right: 50px;
	z-index: 1000;
}

.vision {
	font-family: 'Lora', Georgia;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	font-size: 26px; 
	line-height: 34px;
	letter-spacing: 0.03em;
	color: #1a1a1a;
	position: relative;
}
.core-value-bg {
	
	background-image: url("../images/coreValues-bg.jpg");
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	z-index: 2;
	background-size: cover;
}
.regNum {
	font-size: 10px;
}

.left-border {
	border-left: #EAEAEA solid 1px;
}

.bg-yellow {
	background-color: #de9247;
}
.project-brief {
	padding: 40px 30px;
}
.project-video-bg {
	background-color: rgba(0,0,0,0.5);
}
.nopadding {
	padding: 0;
}
p.clientTxt {
	line-height: 1.1;
	margin-top: 0px;
}
.client-small-txt {
	font-size: 11px;
	line-height: 1.1;
}
.column.bigpadding-project2 { padding-top: 5em; }

.portfolio-desc.awards {
	margin-top: 20px;
	text-align: center;
	padding-bottom: 50px;
}

.career-responsive-iframe {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 850px;
  border: none;
	overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
	-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

td.projects {
	text-align: left;
	padding: 10px;
	vertical-align: top;
}
td.projects-img {
	vertical-align: top;
}
td.projects-client {
	padding: 10px;
}

.main-text {
	font-weight: 400;
}

.widget.widget_menu ul.footer-menu a:link {
	font-weight: 500;
}
.bod h3 {
	font-size: 26px;
	line-height: 1.2;
}

.completed-projects-bg1 {
	background:#de9247;
}

.completed-projects-bg2 {
	background:#805c89;
}

.one-third.awards {
	padding-right:15px;
}

.piling-column {
	-webkit-column-count: 2;
    column-count: 2;
	line-height: 1;
}

.mainpage-column {
	-webkit-column-count: 2;
    column-count: 2;
}
	
	
@media screen and (max-width: 500px){
	
	.core-value {
		width: 100%;
		margin-left: -90px;
	}
}



	
@media screen and (max-width: 1000px){
	
	
.piling-column {
	-webkit-column-count: 1;
    column-count: 1;
}

	
	.mainpage-column {
	-webkit-column-count: 1;
    column-count: 1;
}
}