@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&display=swap');

	body{
		font-family: "Overpass", sans-serif;
		font-size: 16px;
		color: #6B6E7A;
		line-height: 1.6;
		font-weight: 400;
		font-style: normal;
	}
	*,ul,ol{
		margin:0;
		padding:0;
	}
	ul,ol{
		list-style-type: none;
	}
	a{
		color: inherit;
		text-decoration: none;
	}
	a:hover,a:focus{
		color: #000000;
		outline: none;
		text-decoration: none;
	}
	h1,h2,h3,h4,h5,h6{
		color: #1a1819;
		font-weight: 500;
		margin-top: 0;
		margin-bottom: 15px;
		line-height: 1.1;
	}
	h1,.h1{
		font-size: 52px;
	}
	h2,.h2{
		font-size: 46px;
	}

	.bg-light-gray{
		background-color: #666666;
	}
	.bg-gray{
		background-color: #4d4d4d;
	}
	.bg-dark-gray{
		background-color: #333333;
	}

    #stuck_container {
    	-webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    .isStuck{
    	-webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;    
        background-color: #fff!important;
        -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2);
    }
	.top-contact-list,
	.social-link{
		display: inline-block;
		vertical-align: middle;
		
	}
	.social-link{	
		display: flex;
		justify-content: end;
	}
	.top-contact-list li,
	.social-link li{
		display: inline-block;
		vertical-align: top;
	}
	.top-contact-list li{
		color: #000;
		margin-left: 30px;
	}
	.top-contact-list li:first-child{
		margin-left: 0;
	}
	.top-contact-list li i{
		margin-right: 6px;
		vertical-align: middle;
	}
	.top-contact-list li a:hover{
		color: #000;
	}
	.logo{
		display: inline-block;
		margin: 0 auto;
	}
	.mobile-menu{
		display: none;
	}
	.nav-wrapper{
		display: block;
		text-align: right;
	}
	.navigation > li{
		display: inline-block;
		vertical-align: middle;
		position: relative;
		margin-right: 14px;
	}
	.navigation > li:last-child{
		margin-right: 0;
	}
	.navigation li.dropdown > .dropdown-menu{
		opacity: 0;
		position: absolute;
		top: 130%;
		left: 0;
		width: 250px;
		z-index: 999;
		background-color: #fff;
		visibility: hidden;
		border-radius: 0;
		box-shadow: none;
		border: 0;
		padding:0;
		margin:0;
		border-bottom: 0;
		transition: all 500ms ease;
		display: block;	
	}
	.navigation li.dropdown > .dropdown-menu li{
		border-bottom: 1px solid #e6e6e6;
		margin-right: 0;
	}
	.navigation li.dropdown > .dropdown-menu li:last-child{
		border-bottom: none;
	}
	.navigation li.dropdown > .dropdown-menu li a{
		background-color: #ffffff;
		padding:10px 15px;
		color: #000;
	}
	.navigation li.dropdown:hover > .dropdown-menu{
		top: 100%;
		opacity: 1;
		visibility: visible;
	}
	.navigation > li:first-child{
		display: none;
	}
	.navigation a{  
		line-height: 1;    
		color: #858AA1;
		overflow: hidden;
		position: relative;
		display: block;
		transition: all 500ms ease 0s;	
		font-family: "Teko", Sans-serif;
		font-size: 15px;
		font-weight: 600;
		text-transform: uppercase;
		padding: 0px 11px;

	}
	.navigation li.dropdown > a{
		padding-right:35px;
	}
	.navigation > li.dropdown > a:after {
		font-family:"bootstrap-icons";
		content: "\F282";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 12px;
	/*    display: block;*/
		font-size: 14px;
		transition: all 500ms ease 0s;
	}
	.navigation li:hover a,
	.navigation li:focus a,
	.navigation li.active a{
		color: #a9a9a9;
	}
	.navigation li.dropdown > .dropdown-menu li a:hover,
	.navigation li.dropdown > .dropdown-menu li a:focus,
	.navigation li.dropdown > .dropdown-menu li.active a{
		color: #fff;
		background-color: #000;
	}
	.slider-wrapper{
		position: relative;
		/*height: 65vh;*/
	}

	.carousel {
		position: relative;
		height: 100%;
	}

	.carousel-inner {
		position: relative;
		width: 100%;
		overflow: hidden;
		height: 100%!important;
	}

	.footer-tittle{
		font-size: 20px;
		text-transform: uppercase;
		margin-bottom: 20px;
		color: #ffffff;
		font-weight: 500;
	}

	.footer-menu li {
		margin-bottom: 4px;
		color: #ffffff;
	}

	.footer-menu li a {
		position: relative;
		color: #ffffff;
		display: block;
		padding: 3px 0 3px 16px;
		display: inline-block;
	}

	.footer-menu li a:before {
		position: absolute;
		top: 3px;
		left: -4px;
		content: '\F285';
		font-family: "bootstrap-icons";
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.icon-box-info{
		display: flex;
		gap: 10px;
		margin-bottom: 10px;
	}

	.footer-padding{
		padding: 80px 50px;
	}

	.footer-logo img{
		width: 200px;
	}

	.address-box .address-icon-holder1 i {
		width: 45px;
		height: 45px;
		display: inline-block;
		line-height: 50px;
		font-size: 18px;
		font-weight: 400;
		color: #fff;
	}

	.address-box .address-icon-holder1::before {
		border: 1px dashed #fff;
		position: absolute;
		content: '';
		width: 45px;
		height: 45px;
		display: inline-block;
		border-radius: 50%;
		-webkit-animation: sticker-rotate 20s linear infinite;
		animation: sticker-rotate 20s linear infinite;
	}

	.footer-logo-sec{	
		text-align: center;
	}

	.bg-color1{
		background-color: #111;
	}

	button.wh-ap-btn {
		outline: none;
		width: 60px;
		height: 60px;
		border: 0;
		background-color: #2ecc71;
		padding: 0;
		border-radius: 100%;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		cursor: pointer;
		transition: opacity 0.3s, background 0.3s, box-shadow 0.3s;
	}

	button.wh-ap-btn::after {
		content: "";
		background-image: url("../images/whtsapp.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 60%;
		width: 100%;
		height: 100%;
		display: block;
		opacity: 1;
	}

	button.wh-ap-btn:hover {
		opacity: 1;
		background-color: #20bf6b;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	}

	.wh-api {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 9;
	}

	.wh-fixed {
		margin-right: 15px;
		margin-bottom: 15px;
	}

	.wh-fixed > a {
		display: block;
		text-decoration: none;
	}

	button.wh-ap-btn::before {
		content: "Chat with me";
		display: block;
		position: absolute;
		margin-left: -130px;
		margin-top: 16px;
		line-height: 20px;
		height: 35px;
		background: #49654e;
		color: #fff;
		font-weight: 400;
		font-size: 16px;
		border-radius: 3px;
		width: 0;
		opacity: 0;
		padding: 0;
		transition: opacity 0.4s, width 0.4s, padding 0.5s;
		padding-top: 7px;
		border-radius: 30px;
		box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
	}

	.wh-fixed > a:hover button.wh-ap-btn::before {
		opacity: 1;
		width: auto;
		padding-top: 7px;
		padding-left: 10px;
		padding-right: 10px;
		width: 120px;
	}

	/* animacion pulse */

	.whatsapp-pulse {
		width: 60px;
		height: 60px;
		right: 10px;
		bottom: 0;
		background: #10b418;
		position: fixed;
		text-align: center;
		color: #ffffff;
		cursor: pointer;
		border-radius: 50%;
		z-index: 99;
		display: inline-block;
		line-height: 65px;
	}

	.whatsapp-pulse:before {
		position: absolute;
		content: " ";
		z-index: -1;
		bottom: -15px;
		right: -15px;
		background-color: #10b418;
		width: 90px;
		height: 90px;
		border-radius: 100%;
		animation-fill-mode: both;
		-webkit-animation-fill-mode: both;
		opacity: 0.6;
		-webkit-animation: pulse 1s ease-out;
		animation: pulse 1.8s ease-out;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	}

	@-webkit-keyframes pulse {
		0% {
			-webkit-transform: scale(0);
			opacity: 0;
		}
		25% {
			-webkit-transform: scale(0.3);
			opacity: 1;
		}
		50% {
			-webkit-transform: scale(0.6);
			opacity: 0.6;
		}
		75% {
			-webkit-transform: scale(0.9);
			opacity: 0.3;
		}
		100% {
			-webkit-transform: scale(1);
			opacity: 0;
		}
	}

	@keyframes pulse {
		0% {
			transform: scale(0);
			opacity: 0;
		}
		25% {
			transform: scale(0.3);
			opacity: 1;
		}
		50% {
			transform: scale(0.6);
			opacity: 0.6;
		}
		75% {
			transform: scale(0.9);
			opacity: 0.3;
		}
		100% {
			transform: scale(1);
			opacity: 0;
		}
	}

	.slider-tittle {
		position: relative;
		color: #FFFFFF;
		font-size: 70px;
		text-transform: uppercase;
		line-height: 1em;	
		display: inline-block;	
	}

	.slider-text {
		color: #FFFFFF;
		font-size: 20px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 5px;
	}

	.carousel-caption{
		position: absolute;
		width: 90%;
		height: auto;
		top: 50%;
		left: 50%;
		bottom: auto;
		transform: translate(-50%, -50%);
		z-index: 99;	
		padding: 50px;
		border-radius: 20px;
	}

	.slider-before:before {
		position: absolute;
		width: 50px;
		height: 50px;
		top: -25px;
		left: -25px;
		content: "";
		border-top: 8px solid #fff;
		border-left: 8px solid #fff;	
	}

	.slider-after:after {
		position: absolute;
		width: 50px;
		height: 50px;
		bottom: -14px;
		right: -25px;
		content: "";
		border-bottom: 8px solid #fff;
		border-right: 8px solid #fff;
	}

	.banner-btn{
		background-color: #212529;
		padding: 20px 35px;
		display: inline-block;
		border: 0;
		color: #fff;
		transition: 0.5s;
	}

	.banner-btn:hover{
		background-color: rgb(102 102 102);	
		color: #fff;
	}

	.slider-wrapper:before{
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		content: "";
		background-color: #00000077;
		z-index: 2;
	}

	.carousel-control-next, .carousel-control-prev {
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 99;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 15%;
		padding: 0;
		color: #fff;
		text-align: center;
		background: 0 0;
		border: 0;
		opacity: .5;
		transition: opacity .15s ease;
	}
    .testi-box {
        background: linear-gradient(to bottom right, #6B6A6A 19%, #7F7D7D 45%, #BCBCBC 100%);
        padding: 20px;
        color: #fff;
        border-radius: 10px;
        border: 5px solid #fff;
        margin-bottom: 30px;
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    }
    .testi-box h4 {
        color: #fff;
    }
    .testi-box i {
        color: #f8b703;
    }
    .gallery-single {
        position: relative;
        margin-bottom: 30px;
    }
    .gallery-single__img-box {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }
    .gallery-single__overlay {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 100%;
        height: 0%;
        left: 0;
        bottom: 0;
        z-index: 1;
        background-color: rgba(var(--trevlo-black5-rgb, 39, 48, 52), 0.85);
        transition: all 0.5s ease;
        border-radius: 10px;
    }
    .gallery-single:hover .gallery-single__overlay {
        top: 0;
        height: 100%;
    }
    .gallery-single__btn {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        width: 64px;
        height: 64px;
        border-radius: 11px;
        font-size: 28px;
        background-color: #fff;
        opacity: 0;
        transition: all 500ms ease;
    }
    .gallery-single:hover .gallery-single__overlay {
        top: 0;
        height: 100%;
    }
    .gallery-single:hover .gallery-single__btn {
        opacity: 1;
    }
    .logoswrap .img1{
        max-width:105px;
    }
    .logoswrap .img2{
        max-width:130px;
    }
    .logoswrap img {
        vertical-align: middle;
    }
	.service-box{
		position: relative;
		display:block;
	}

	.service-box:before{
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		content: "";
		background:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.712));
		z-index: 1;
	}

	.service-img{
		width: 100%;
		height: 450px;
	}

	.service-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.service-content{
		padding: 10px 30px;
		position: absolute;
		width: 100%;	
		bottom: 0;	
		color: #fff;
		z-index: 2;
		transition-duration: 250ms;
		transition-property: all;
		transition-timing-function: ease-in-out;
	}

	.service-content i{
		color: #fff;
		font-size: 30px;	
		opacity: 0;
		transition-duration: 250ms;
		transition-property: all;
		transition-timing-function: ease-in-out;
	}

	.service-box:hover .service-content i{
		opacity: 1;	
	}

	.service-box:hover .service-content{
		bottom: 25px;
	}

	.border-right{
		border-right: 1px solid grey;
	}

	.footer-link a{
		color: #fff;
	}

	.footer-link a:hover{
		color: #fff;
	}

	.home-parallax{
		position: relative;
		overflow: hidden;
		/*padding:300px 0;*/
	}
	.parallax-window {
		height: 550px;
		background: transparent;
		display: table;
		width: 100%;
	}
	.home-page .parallax-window{
		height: 100vh;
	}
	.home-slide{
		text-align: center;
		position: relative;
		display: table-cell;
		height: 100%;
		vertical-align: middle;
	}
	.home-parallax .container{
		position: relative;
		z-index: 5;
	}
	.home-parallax .overlap:before{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: '';
		background: rgba(0,0,0,0.6);
		z-index: 1;
	}

	.list1 li,
	.list2 li,
	.areas-list li{
		padding: 0px 0 15px 26px;
		position: relative;
	}
	.list1 li:before,
	.list2 li:before,
	.areas-list li:before{
		position: absolute;
		top: 0;
		left: 0;
		content: '\F133';
		font-family: "bootstrap-icons";
		font-size: 18px;
		color: #6b6a6a;
	}
	.areas-list li:before{
		content: '\F3E7';
	}
	.areas-list2 li{
		padding: 10px 15px;
		background: linear-gradient(to bottom right, #6B6A6A 45%, #ABABAB 89%);
		color: #fff;
		border-radius: 50px;
		box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	}
	.areas-list2 li i{
		padding-right: 10px;
		color: #fff;
	}
	.areas-list2 li a:hover,
	.areas-list2 li a:focus{
		color: #e5e5e5;
	}

	.list2 li:before{
		color: #ca4421;
	}

	.list3{
	margin-left: 16px;
	}
	.list3 li{
	list-style-type: decimal;
	padding-bottom:18px;
	}

	.bg-color5 {
		background-color: #6b6a6a;
	}
	.layoutone {
		margin-bottom: 50px;
	}
	.bgimg-overlay {
		left: 0;
		top: -15px;
		z-index: 0;
		width: 96%;
		margin-bottom: 0;
		margin-left: 25px;
		border: 5px double #444444;;
		background-position: 0px 0px;
		background-size: auto;
		position: absolute;
		height: 100%;
	}
	.bg-color5 {
		background-color: #6b6a6a;
	}
	.layoutone-content{
		margin-top: 0;
		margin-left: -50px;
	}
	.arrow-left {
		transform: rotate(-180deg);
	}
	.about-left-item{
		position: relative;
		padding-right: 40px;
	}
	.left-img-wrap{
		position: relative;
		padding-bottom: 66px;
	}
	.about-left-item .inner-img {
		position: absolute;
		bottom: 0;
		right: 0px;
	}
	.about-left-item .left-img-wrap .left-img-1 img {
		border-bottom-left-radius: 150px;
		box-shadow: 0px 0px 20px 5px rgb(193 193 193 / 63%);
	}
	.about-left-item .inner-img img {
		border-radius: 50%;
		border: 10px solid #fff;
		box-shadow: 0px 0px 20px 5px rgb(193 193 193 / 63%);
	}
	.ch-choose-img-wrap {
		display: flex;
		align-items: flex-end;
		overflow: hidden;
		position: relative;
	}
	.ch-choose-img-wrap .choose-img-left {
		padding-bottom: 60px;
		position: relative;
	}
	.ch-choose-img-wrap .choose-img-left::before {
		position: absolute;
		left: 0;
		bottom: 30px;
		width: 196px;
		height: 5px;
		background: #6b6a6a;
		content: "";
		animation: bounceLeftToRight 8s infinite;
	}
	@keyframes bounceLeftToRight {
	0%, 100% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(30%);
	}
	}
	.ch-choose-img-wrap .choose-img-right {
		margin-left: -50px;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 1;
	}
	.ch-choose-img-wrap .choose-img-right img,
	.ch-choose-img-wrap .choose-img-left img{
		border: 5px solid #b1b1b1;
		border-radius: 5px;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	}


	.section-p-y-5{
		padding-top: 5rem !important;
		padding-bottom: 5rem !important;
	}

	.bg-color6 {
		background-color: #e9e9e9;
	}

	.link--yaku {
		color: #D3D3D3;
		font-weight: 400;
		text-transform: uppercase;
		font-size: 10em;
		overflow: hidden;
		padding: 0 0 10px;
	}
	.link--yaku span {
		display: inline-block;
		position: relative;
		-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
		transform: perspective(1000px) rotate3d(0,1,0,0deg);
		-webkit-transition: -webkit-transform 0.5s, color 0.5s;
		transition: transform 0.5s, color 0.5s;
	}
	.link--yaku:hover span {
		color:#bababa;
		-webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);
		transform: perspective(1000px) rotate3d(0,1,0,360deg);
	}
	.link--yaku span:nth-child(4),
	.link--yaku:hover span:first-child {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}
	.link--yaku span:nth-child(3),
	.link--yaku:hover span:nth-child(2) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}
	.link--yaku span:nth-child(2),
	.link--yaku:hover span:nth-child(3) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.link--yaku span:first-child,
	.link--yaku:hover span:nth-child(4) {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}
	.bg2section.overlap:before{
		background: rgb(0 0 0 / 93%);
	}
	#metro-touch-slider .overlap:before{
		background: rgb(0 0 0 / 73%);
	}
	.opacitylarge-text {
		position: absolute;
		left: 0;
		top: 44px;
		font-size: 70px;
		text-transform: uppercase;
		/* -webkit-transform: translate(-50%, -50%); */
		/* transform: translate(-50%, -50%); */
		letter-spacing: .02em;
		margin-top: 0;
		font-weight: 800;
		color: transparent;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: rgba(159, 159, 159, .4117647059);
		opacity: 0.5;
		line-height: 1.2;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	.opacitylarge-text-two {
		position: absolute;
		right: 0;
		bottom: 0;
		font-size: 70px;
		text-transform: uppercase;
		/* -webkit-transform: translate(-50%, -50%); */
		/* transform: translate(-50%, -50%); */
		letter-spacing: .02em;
		margin-top: 0;
		font-weight: 800;
		color: transparent;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: rgba(159, 159, 159, .4117647059);
		opacity: 0.5;
		line-height: 1.2;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	.imgwrap-testimonial {
		position: relative;
	}
	.bg-patch-testi {
		position: relative;
		overflow: hidden;
	}
	.bg-patch-testi::before {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.9);
		content: "";
		margin: 0 auto;
		border-radius: 0;
	}
	.imtestimonial img {
		width: 300px;
		height: auto;
		margin: 0 auto;
		border-radius: 20px;
		border: 2px solid #ddd;
		z-index: 2;
		position: relative;
		box-shadow: rgb(11 11 11) 3px 20px 30px -10px;
		background: #111;
		padding: 25px;
	}
	.callon i{
		background: linear-gradient(-45deg, #5d605e, #111, #2f2f2f, #646665, #2d2f2e);
		border-radius: 50%;
		width: 45px;
		height: 45px;
		font-size: 20px;
		display: inline-block;
		text-align: center;
		line-height: 45px;
		color: #fff;
	}
	.text-full-dark{
		color: #000000;
	}
	.contactfooter-inner{
		padding-top: 30px;
	}
	.link--surinami {
		position: relative;
		font-weight: 300;
		color: #3A4945;
		font-size: 20px;
		padding: 0 ;
		display: inline-block;
		border-top: 1px solid rgb(221 221 221 / 20%);
	}
	.link--surinami::before,
	.link--surinami::after {
		content: '';
		width: 100%;
		height: 2px;
		z-index: -1;
		background: #fff;
		position: absolute;
		-webkit-transform: scale3d(0,1,1);
		transform: scale3d(0,1,1);
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}
	.link--surinami::before {
		right: 0;
		top: 0;
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
	}
	.link--surinami::after {
		left: 0;
		bottom: 0;
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
	}
	.link--surinami:hover::before,
	.link--surinami:hover::after {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
	.link--surinami span {
		position: relative;
		-webkit-transition: color 0.5s;
		transition: color 0.5s;
	}
	.link--surinami:hover span {
		color: transparent;
	}
	.link--surinami span::before,
	.link--surinami span::after {
		position: absolute;
		color: #fff;
		opacity: 0;
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
		transition: transform 0.5s, opacity 0.5s;
	}
	.link--surinami span::before {
		content: attr(data-letters-l);
		left: 0;
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0);
	}
	.link--surinami span::after {
		content: attr(data-letters-r);
		right: 0;
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0);
	}
	.link--surinami:hover span::before,
	.link--surinami:hover span::after {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.specialpara{
		color: #111111;
		font-size: 25px;
		font-weight: 800;
		line-height: 1.1;
		text-align: center;
		margin-bottom: 0;
		padding: 25px 15px;
		/* text-shadow: -1px 0px 5px rgb(0 0 0 / 55%); */
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.45) inset;
		text-transform: uppercase;
	}
	.innercurvebox{
		padding: 25px 25px 45px 105px;
	}
	.imgcurve{
		position: relative;
		z-index: 1;
	}

	.tp-about-2-thumb{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 46.2%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.tp-about-2-shape-1 {
		position: absolute;
		bottom: -45px;
		right: -35px;
		z-index: -1;
	}
	.tp-about-2-shape-2 {
	  position: absolute;
	  top: 40px;
	  right: -12px;
	  animation: tptranslateY2 2.5s infinite alternate;
	}
	 @keyframes tptranslateY2{
		0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	  }
	  100% {
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px);
	  }
	}
	
	.img-sec img{
		border-radius: 5px 50px 5px 50px; 
		border: 5px solid #fff;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
	}
	.img-sec2 img{
		border: 10px double #6b6a6a;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
	}
	
	.tp-about-2-thumb2{
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 46.2%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;;
	}

	.list1-new li{
		padding: 20px;
		background-color: transparent;
		border: 5px double #444444;
		/* min-height: 120px; */
		margin-bottom: 20px;
	}
	.list1-new li i{
		color: #6b6a6a;
		padding-right: 6px;
	}
	.list1-new2 li{
		padding: 20px;
		background-color: transparent;
		border: 5px double #444444;
		/* min-height: 150px; */
		margin-bottom: 20px;
	}
	.list1-new2 li i{
		color: #6b6a6a;
		padding-right: 6px;
	}
	
	.list-sec1{
		padding: 20px;
		background: linear-gradient(to bottom right, #6B6A6A 40%, #7F7D7D 73%, #BCBCBC 100%);
		margin-bottom: 30px;
		border-radius: 10px;
		color: #fff;
		min-height: 250px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	}
	.list-sec1 h4{
		color: #fff;
	}
	.list-sec1 h4 a:hover,
	.list-sec1 h4 a:focus{
		color: #c7c7c7;
	}

	.address-box .address-icon-holder {
		float: left;
		margin-right: 15px;
		color: #fff;
		font-size: 25px;
		width: auto;
		height: auto;
		line-height: inherit;
		background-color: transparent;
		border-radius: 100%;
		text-align: center;
		position: relative;
	}
	.address-box .address-content {
		position: relative;
		overflow: hidden;
		color: #898989;
		/*line-height: 45px;*/
	}
	.footer-widget p {
		color: #fff;
	}
	.address-box .address-icon-holder i{
		width: 45px;
		height: 45px;
		display: inline-block;
		line-height: 50px;
		font-size: 18px;
		font-weight: 400;
	}
	.address-box .address-icon-holder::before{
		border: 1px dashed #fff;
		position: absolute;
		content: '';
		width: 45px;
		height: 45px;
		display: inline-block;
		border-radius: 50%;
		-webkit-animation: sticker-rotate 20s linear infinite;
		animation: sticker-rotate 20s linear infinite;
	}
	.address-box.icon01 .address-content{
			color: #000000;
	}
	
	.address-box.icon01 .address-icon-holder{
		float: left;
		margin-right: 15px;
		color: #fff;
		font-size: 25px;
		width: auto;
		height: auto;
		line-height: inherit;
		background: linear-gradient(-45deg, #5d605e, #111, #2f2f2f, #646665, #2d2f2e);
		border-radius: 30px !important;
		text-align: center;
		position: relative;
	}
	.address-box.icon01 .address-icon-holder::before{
		display: none;
	}
	
	.bg-box{
		background-color: #f1f1f1;
		padding: 30px;
		border-radius: 10px;
		border-top: 5px solid #000;
	}

	.border-box{
		border-radius: 10px;
		border: 5px solid #6b6a6a;
		padding: 20px;
		margin-bottom: 30px;
		min-height: 300px;
	}
	.border-box2{
		border-radius: 10px;
		border: 5px double #6b6a6a;
		padding: 20px;
		margin-bottom: 30px;
		min-height: 250px;
	}
	.border-box3{
		border-radius: 10px;
		border: 3px dashed #6b6a6a;
		background-color: #f3f3f3;
		padding: 20px;
		margin-bottom: 30px;
		min-height: 300px;
	}

	.sitemap-list li{
		border-left: 1px solid #838181;
		padding:10px 0 10px 30px;
		position: relative;
	}
	.sitemap-list li:before{
		position: absolute;
		top: 20px;
		left: 0;
		width: 20px;
		height: 1px;
		background-color: #838181;
		content: '';
	}
	.sitemap-list li a:hover,
	.sitemap-list li a:focus{
		color: #4e4e4e;
	}
	.sliderform {
	  box-shadow: 0 10px 30px 3px rgba(0, 0, 0, 0.19);
	  background: #fff;
	  padding: 35px 35px 40px;
	  border-top: 8px solid #000;
	  border-radius: 5px;
	}
	
	.submit-icon {
	    display: none;
	}
	.submit-icon.rotating-show{
      display:inline-block;
      vertical-align: middle;
    }
    @-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 2s linear infinite;
	    -moz-animation: rotating 2s linear infinite;
	    -ms-animation: rotating 2s linear infinite;
	    -o-animation: rotating 2s linear infinite;
	    animation: rotating 2s linear infinite;
	}
	@media (min-width: 1200px) and (max-width: 1360px) {
		.about-left-item .inner-img {
			bottom: -108px;
		}
		.carousel-caption {	
			width: 70%;		
		}

		.slider-tittle {		
			font-size: 60px;		
		}

		.border-box {
			min-height: 356px;
		}
		.border-box3{
			min-height: 320px;
		}
	}

	@media (min-width: 990px) and (max-width: 1199px) {
		.carousel-caption {	
			width: 70%;		
		}
		.slider-tittle {
			font-size: 50px;
		}
	}

	@media (min-width: 220px) and (max-width: 991px) {
		.areas-list2 li {
			margin-bottom: 20px;
		}

		.tp-about-2-thumb2 {
			position: static;			
			width: 100%;			
		}

		.tp-about-2-thumb {
			position: static;			
			width: 100%;	
			margin-bottom: 20px;		
		}

		.section-p-y-5 {
			padding-top: 1.5rem !important;
			padding-bottom: 1.5rem !important;
		}

		.parallax.m-parallax-bg {
			background-image: none !important;
			height: auto !important;
			min-height: 100% !important;
		}

		.about-left-item .inner-img{
			display: none;
		}
		
		.footer-widget{
			margin-bottom: 40px;
		}

		.footer-logo-sec{
			margin-bottom: 40px;
			text-align: left;
		}

		.carousel-caption {		
			width: 80%;		
		}
		
		.slider-wrapper {
			position: relative;
			height: 100%;
		}
		.mobile-menu {
			display: block;
			font-size: 20px;
			background: #000;
			padding: 8px 20px;
			color: #fff;
			cursor: pointer;
			margin: 0 auto;
			text-align: left;
		}
		
		.mobile-menu i {
			float: right;
		}
		
		.nav-wrapper {
			position: fixed;
			top: 0;
			right: -300px;
			width: 255px;
			height: 100%;
			overflow-x: scroll;
			z-index: 999;
			border-radius: 0;
			-webkit-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all 0.5s;
			background-color: #000000;
			padding: 0;
		}
		
		.navigation {
			text-align: left;
		}
		
		.nav-wrapper.open {
			right: 0;
		}
		
		.navigation>li {
			display: block;
			margin: 0;
			border-bottom: 1px solid #000000;
		}
		
		.navigation>li:first-child {
			display: block;
		}
		
		.navigation>li:before {
			display: none;
		}
		
		.navigation li a {
			padding: 10px 20px;
			color: #fff;
			text-transform: none;
		}
		
		.navigation li:hover>a,
		.navigation li:focus>a,
		.navigation li.active>a {
			background-color: #6f6f6f;
			color: #ffffff;
		}
		
		.navigation>li.dropdown>a:after {
			right: 20px;
		}
		
		.navigation li.dropdown>.dropdown-menu,
		.navigation li.dropdown:hover>.dropdown-menu {
			position: static;
			top: 0;
			visibility: visible;
			opacity: 1;
			width: 100%;
			float: none;
		}
		
		.navigation li.dropdown>.dropdown-menu li a {
			padding: 10px 10px 10px 30px;
		}

		.border-box{
			min-height: auto;
		}
		.border-box2{
			min-height: auto;
		}
		.border-box3{
			min-height: auto;
		}
		
	}

	@media (min-width: 768px) and (max-width: 991px) {
		.slider-tittle {		
			font-size: 40px;		
		}

		.slider-text {		
			font-size: 17px;		
		}

		.slider-before:before {	
			width: 40px;
			height: 40px;	
			border-top: 5px solid #fff;
			border-left: 5px solid #fff;	
		}
		
		.slider-after:after {		
			width: 40px;
			height: 40px;	
			border-bottom: 5px solid #fff;
			border-right: 5px solid #fff;
		}

		.headingh1 {
			font-size: 40px;
			line-height: 1.1;
			margin-bottom: 15px;
		}
		
	}

	@media (min-width: 576px) and (max-width: 767px) {
		h2, .h2 {
			font-size: 35px;
		}

		.headingh1 {
			font-size: 40px;
			line-height: 1.1;
			margin-bottom: 15px;
		}
		.banner-btn {		
			padding: 11px 22px;		
		}

		.slider-tittle {		
			font-size: 29px;		
		}

		.slider-text {		
			font-size: 12px;		
		}

		.top-contact-list, .social-link {
			display: block;
			vertical-align: middle;			
			text-align: center;
		}

		.footer-padding {
			padding: 63px 35px;
		}

		.slider-before:before {	
			width: 40px;
			height: 40px;	
			border-top: 5px solid #fff;
			border-left: 5px solid #fff;	
		}
		
		.slider-after:after {		
			width: 40px;
			height: 40px;	
			border-bottom: 5px solid #fff;
			border-right: 5px solid #fff;
		}
		
	}

	@media (min-width: 320px) and (max-width: 575px) {

		.address-box .address-content, .header-contact .address-content a {
			font-size: 15px;
			line-height: 30px;
		}

		.address-box .address-icon-holder i {			
			display: none;
		}

		.bg-box {
			padding: 15px;
			margin-bottom: 30px;
		}
	
		
		h2, .h2 {
			font-size: 30px;
		}

		.headingh1 {
			font-size: 25px;
			line-height: 1.1;
			margin-bottom: 15px;
		}
		.logo{
			display: table !important;
			margin: 0 auto;
			text-align: center;
		}
		.slider-before:before {	
			top: -15px;
			left: -14px;
			width: 20px;
			height: 20px;	
			border-top: 5px solid #fff;
			border-left: 5px solid #fff;	
		}
		
		.slider-after:after {
			bottom: -9px;
			right: -14px;		
			width: 20px;
			height: 20px;	
			border-bottom: 5px solid #fff;
			border-right: 5px solid #fff;
		}

		.banner-btn {
			padding: 6px 14px;
			font-size: 10px;
		}

		.slider-tittle {		
			font-size: 19px;
			padding-top: 0;	
			margin-bottom: 5px;		
		}

		.slider-text {		
			font-size: 10px;
			margin-bottom: 5px;		
			letter-spacing: 2px;
		}


		.top-contact-list, .social-link {
			display: block;
			vertical-align: middle;			
			text-align: center;
		}

		.top-contact-list li {
			color: #000;
			margin-left: 11px;
		}

		.carousel-caption {
			width: 95%;
		}

		.carousel-caption {		
			padding: 4px 35px;	
		}

		/* .slider-before:before {		
			border-top: 4px solid #fff;
			border-left: 4px solid #fff;
		}

		.slider-after:after {		
			border-bottom: 4px solid #fff;
			border-right: 4px solid #fff;
		} */

		.footer-padding {
			padding: 77px 10px 20px;
		}
		
		
	}