@import 'head.spe.css';
body { padding-top: 0 !important; }

/*** ====================================================================Main Slider style====================================================================***/
.main-slider { position: relative; z-index: 10; overflow: hidden; background: #333; }
.main-slider .tp-dottedoverlay { background-color: rgba(0,0,0,0.10) !important; }
.main-slider .tp-caption { z-index: 5;transform:scale(0); }
.main-slider .text { font-weight: 400; line-height: 1.8em; color: #ffffff; font-size: 24px; }
.main-slider .text.light { color: #ffffff; }
.main-slider h1, .main-slider h2 { color: #fff; font-family: 'Times New Roman'; font-style: italic; font-weight: normal; text-shadow: rgba(0,0,0,0.9) 2px 2px 2px; }
.main-slider h1 { font-size: 42px; line-height: 1.2em; }
.main-slider h2 { font-size: 40px; line-height: 48px; }
.main-slider .btn-style-one, .main-slider .btn-style-two { min-width: 160px; padding: 15px 0; text-align: center; border-width: 2px !important; color: #fff; }
.main-slider .btn-style-one { background: #ff6a00; }
.main-slider .btn-style-two { background: #000; }
.main-slider .tp-bullets.preview3 .bullet { background: #a6a7ab !important; width: 1.8vw !important; min-width: 28px !important; height: 12px !important; border: 0px !important; border-radius: 2px !important; margin: 0px 8px; transform: skewX(-30deg); }
.main-slider .tp-bullets.preview3 .bullet:hover, .main-slider .tp-bullets.preview3 .bullet.selected { border-color: #f18d00 !important; background: #f18d00 !important; }

.main-slider .tparrows.preview3 { background: none !important; width: 54px !important; overflow: hidden; margin-top: -27px !important; height: 54px !important; display: none !important; }
.main-slider .tparrows.preview3::after { top: 0px; background-color: rgba(255,255,255,0.2); background-position: center; background-repeat: no-repeat; background-size: 80%; height: 54px !important; width: 54px !important; border-radius: 50%; }
.main-slider .tparrows.tp-leftarrow.preview3::after { content: ''; background-image: url('images/arrow-left.png'); }
.main-slider .tparrows.tp-rightarrow.preview3::after { content: ''; background-image: url('images/arrow-right.png'); }
.main-slider .tparrows.preview3.tp-leftarrow { left: 30px !important; }
.main-slider .tparrows.preview3.tp-rightarrow { right: 30px !important; }
.main-slider .tparrows.preview3:hover::after { background-color: #fc721e; }
.main-slider .tparrows.preview3 .tp-arr-iwrapper { visibility: hidden; opacity: 0; display: none; }
.main-slider .tp-bannertimer { display: none !important; }

.tp-bullets.hidebullets { opacity: 1 !important; }

@keyframes logomovie-1 {
	0% { height: 90px; margin-left: -40px; margin-top: -10px; }
	20% { height: 70px; margin-left: 0px; margin-top: -46px; }
	100% { height: 70px; margin-left: 0px; margin-top: -46px; }
}

@keyframes logomovie-2 {
	0% { height: 70px; margin-left: 0px; margin-top: -46px; }
	20% { height: 90px; margin-left: 40px; margin-top: -10px; }
	100% { height: 90px; margin-left: 40px; margin-top: -10px; }
}

@keyframes logomovie-3 {
	0% { height: 90px; margin-left: 40px; margin-top: -10px; }
	20% { height: 70px; margin-left: 0px; margin-top: 46px; }
	100% { height: 70px; margin-left: 0px; margin-top: 46px; }
}

@keyframes logomovie-4 {
	0% { height: 70px; margin-left: 0px; margin-top: 46px; }
	20% { height: 90px; margin-left: -40px; margin-top: -10px; }
	100% { height: 90px; margin-left: -40px; margin-top: -10px; }
}

.logo-movie-box { padding: 100px; }
.logo-movie { width: 100px; height: 100px; position: relative; transform: scale(0.2); }
.logo-movie > div { position: absolute; width: 20px; top: 50%; left: 50%; border-radius: 4px; transform: skewY(40deg); background: #E8941E; }
.logo-movie > div:nth-child(1) { animation: logomovie-1 5s ease-in infinite; }
.logo-movie > div:nth-child(2) { animation: logomovie-2 5s ease-in infinite; }
.logo-movie > div:nth-child(3) { animation: logomovie-3 5s ease-in infinite; }
.logo-movie > div:nth-child(4) { animation: logomovie-4 5s ease-in infinite; }


.home-1 {overflow:hidden;padding:80px 0;}
.home-1 .items {display:flex;flex-wrap:wrap;justify-content:space-between;}
.home-1 .item {width:32%;padding-bottom:50px;}
.home-1 .item .img {overflow:hidden;position:relative;border-radius:20px;}
.home-1 .item .img .num {position:absolute;left:50%;top:50%;margin:-60px;width:120px;height:120px;border-radius:100%;background:rgba(0,0,0,0.6);line-height:120px;font-size:36px;text-align:center;color:#fff;font-family:Arial;box-shadow:rgba(0,0,0,0.6) 0 0 80px;}
.home-1 .item .img .num::after {content:'+';}
.home-1 .item .img img {width:100%;}
.home-1 .item .txt-title,.home-1 .item .txt-content {line-height:1.4em;padding:0.5em 0;}


/*about us*/
.aboutUs { padding: 70px 0; }
.aboutUs .auto-box { overflow: hidden; position:relative;}
.aboutUs .auto-box .txt-title {}
.aboutUs .content p.link {margin-top:20px;}


.featured-projects { padding: 50px 0; }
.featured-projects .auto-box { overflow:hidden; }
.featured-prejects .alanscrollH {overflow:hidden;width:100%;padding-bottom:30px;}
.featured-projects-list { width:fit-content;display:flex;padding-bottom:30px;}
.featured-projects-list .item {display:block;width:520px;margin-left:20px;}
.featured-projects-list .item:first-child {margin-left:0;}
.featured-projects-list .item img { display: block; max-width: 100%;border-radius:20px; }
.featured-projects-list .item .txt {line-height:1.2em;padding:0.7em 0;font-weight:300;font-size:16px;}

.featured-projects .owl-theme .owl-controls .owl-dots { display: none !important; }
.featured-projects .owl-theme .owl-controls .owl-nav [class*="owl-"] { position: absolute; top: 50%;margin-top:-65px; display: inline-block; width: 50px; height: 50px; padding: 0px; color: #999; text-align: center; border-radius: 0px; border-radius: 100%; border: 1px solid #999; background-color:rgba(255,255,255,0.8) !important; }
.featured-projects .owl-theme .owl-controls .owl-nav [class*="owl-"] .aicf { font-size: 28px; line-height: 50px; }
.featured-projects .owl-theme .owl-controls .owl-nav [class*="owl-prev"] { left: 30px; }
.featured-projects .owl-theme .owl-controls .owl-nav [class*="owl-next"] { right: 30px; }
.featured-projects .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { background-color: #E8941E !important; color: #ffffff; border-color: #E8941E; }
.featured-projects .owl-carousel { padding-bottom:30px;padding-top:0px;}
.featured-projects .owl-carousel .item img { display: block; max-width: 100%; border-radius:20px;}
.featured-projects .owl-carousel .item .txt {line-height:1.2em;padding:0.7em 0;font-weight:300;font-size:16px;}

.testimonial-part { padding:50px 0 70px 0; background:#222;color:#eee;}
.testimonial-part .auto-box>.txt-title {width:fit-content;margin-left:auto;margin-right:auto;}
.testimonial-part .auto-box .txt-content {text-align:center;max-width:1010px;margin-left:auto;margin-right:auto;}
.testimonial-part .auto-box .name {font-family:'Wulkan Display Italic';letter-spacing:2px;}
.testimonial-part .auto-box .txt {font-size:22px;font-weight:200;}
.testimonial-part .auto-box p.link a {margin-left:auto;margin-right:auto;}

.testimonial-part .items {display:flex;flex-wrap:wrap;justify-content:space-between;}
.testimonial-part .item {width:49%;margin-top:2%;padding:20px;background:rgba(128,128,128,0.2);position:relative;padding-bottom:6em;box-shadow:rgba(0,0,0,0.8) 0 0 5px;}
.testimonial-part .item h6 {position:absolute;bottom:20px;left:0;right:0;line-height:1.5em;padding:0 20px;font-size:1.2em;}
.testimonial-part .item p {line-height:1.4em;font-size:16px;}

/*.our-process { padding:50px 0 80px 0; }
.our-process .auto-box>.txt-title {width:fit-content;}
.our-process .items { overflow: hidden; display: flex; flex-wrap: wrap; justify-content:space-between;}
.our-process .item { position: relative;width:32%;padding:20px 30px; overflow: hidden; background:#ddd; margin-top:2%;}
.our-process .item h6.txt-title {background:none !important;padding-left:0 !important;}
.our-process .item h6.txt-title em {margin-right:8px;}
*/
.home-footer {display:flex;color:#fff;}
.home-footer>div {width:50%;padding:150px 30px;text-align:center;align-content:end;}
.home-footer>div h6 {font-size:48px;line-height:1.5em;font-family:'Wulkan Display Italic';font-weight:normal;}
.home-footer>div.left-part {background:#353535;}
.home-footer>div.left-part p.link {margin-top:100px;}
.home-footer>div.right-part {background:#1c1c1c;}
.home-footer>div.right-part .txt-content {font-size:24px;}


@media only screen and (max-width:1640px) {
	/*about us*/
	.aboutUs { padding: 8vw 0; }
	/*.aboutUs .title { font-size: 1.375vw; padding: 1.8vw 0; }
	.aboutUs .content p { font-size: 1.2vw; }*/
}

@media only screen and (max-width:1366px){
	.home-footer>div.right-part .txt-content {font-size:22px;}
}

@media only screen and (max-width:1280px){
	.home-footer>div.right-part .txt-content {font-size:20px;}
}


@media only screen and (max-width:768px) {
	.main-slider .tp-bullets.preview3 .bullet {min-width:20px !important;height:10px !important;}

	.aboutUs .auto-box { padding-left:160px;}
	.aboutUs .auto-box .txt-title {width:150px;}

	.featured-projects-list .item {width:350px;}
}
@media only screen and (max-width:560px){
	.main-slider h1 {line-height:1.4em;}
	.main-slider h2 {line-height:1.8em;}
	.main-slider .tp-bullets.preview3 .bullet {min-width:18px !important;height:8px !important;}


	.aboutUs .auto-box { display: block; padding-left:8px;}
	.aboutUs .auto-box .txt-title {width:unset;position:relative;left:unset;}

	.aboutUs .content p.link-t {text-align:center;}
	.aboutUs .content p.link-t::before {margin-left:auto;margin-right:auto;}
	
	.featured-projects-list .item {width:300px;margin-left:10px;}
	.featured-projects-list .item .txt {font-size:14px;}

	.testimonial-part .auto-box .txt-content {font-size:14px;}

	.home-footer {display:block;}
	.home-footer>div {width:100%;padding:80px 0;}
	.home-footer>div.right-part .txt-content {padding-left:35px;padding-right:35px;}
}