/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 10 2023 | 05:41:47 */
.login h1 a {background-image:url(/wp-content/uploads/2023/06/logo_n.png) !important;}
li {list-style:none;}
a {outline:none;}
.site-content .ast-container,.site-header .ast-container {max-width:none !important;}
.ast-container, .ast-container-fluid {padding-left:0;padding-right:0;}
.fp-watermark {display:none;}
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {text-decoration: none;}
#wpadminbar {position:fixed;}
#header {position:absolute;z-index:999;width:100%;animation-delay:14.5s !important;animation:headerDown 2s forwards;transform:translatey(-200px);}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {padding:0;}
.absolute {position:absolute;pointer-events:none;}
body.admin-bar #header {top:32px;}
body {overflow:hidden;}
.ast-main-header-nav-open .mobile-menu-toggle-icon svg {fill:#000 !important;}
.ast-main-header-nav-open {overflow:hidden !important;}
.ast-main-header-nav-open header {background:#fff;}
.ast-main-header-nav-open #content {filter: brightness(0.4);pointer-events:none;}
.ast-header-break-point .main-navigation .stack-on-mobile li {text-align:center;}
.ast-header-break-point .main-navigation .stack-on-mobile li a {color:var(--main-color) !important;font-size:1.6rem;font-weight:500;}
#content {transition:all .45s;-webkit-transition:all .45s;}
.overflowHidden {overflow:hidden;}
header {visibility:hidden;transition:.2s all !important;-webkit-transition:.2s all !important;opacity:0}
.fp-viewing-MAIN header {visibility:visible;opacity:1;}
.elementor-10 .elementor-element.elementor-element-8e4565e .elementor-heading-title {text-decoration:none;}
.underline a,span.underline,a.underline {border-bottom:1px #fff solid;}


@media (min-width: 922px){
.fp-overflow {display:flex;height:100% !important;align-content:center;align-items: center;}
}
header {animation-delay:14.5s !important;animation:headerDown 2s forwards;transform:translatey(-200px);}
.ast-site-identity .site-title a {font-weight:500;}
.ast-main-header-nav-open .ast-site-identity .site-title a {color:var(--sub-color);}
.upToScroll {width:90px !important;height:90px;border-radius:90px;overflow:hidden;filter: drop-shadow(2px 2px 7px rgba(0, 0, 1, 0.5));}

/*weather*/
.weather {display:none;}

.mainTitle:after {position:absolute;content:"";display:block; border-right:2px solid #fff;width:0; animation:upDown infinite 1.5s ease-in-out; left:50%;height:64px;transform:translatey(300px);animation-delay:14.5s !important;opacity:0;transition:1s all;-webkit-transition:1s all;bottom:0;}

@media (max-width: 922px) {
	.mainTitle:after {transform:translatey(200px)}
}

/*nav menu*/
.navMenu {float:right;font-size:1.5rem;}
.navMenu a {color:#fff;font-weight:500;padding: 0 25px;}
.navMenu a:hover {color:var(--sub-color);}
.navMenu ul {display:flex;justify-content: end;}

/*footer*/
.fp-section.footer {height:auto;}


/* vedieo */
iframe {max-width:none;}
.mainVideo {width: 100%;height: 100vh;display: table;z-index: 1; position: relative;overflow:hidden;display:flex;align-items: center;}
.pause,.play {margin-left:3px;cursor: pointer;}
.fit {position:absolute;bottom:0;right:0;}
.leftC > div{justify-content: center !important;}
@media screen and (min-width: 1024px) and (max-width: 1700px) {
	.leftC > div > div:nth-child(1),.mainCo1 {margin-left:50rem;margin-right:50rem;}
}

.absolute {position:absolute;z-index:10;width:100%;}
p {display: block;margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px;margin-inline-end: 0px;}
.entry-content p {margin-bottom:0;}

/* vedieo end */

.sideMenu{position:fixed;right:0;top:50%;}

/* Content */
.serviceTab .elementor-column > .elementor-widget-wrap div {transition:all .5s;}
/*.serviceTab .elementor-column:hover > .elementor-widget-wrap div {transform:translatey(-3px);}*/

.cultureTab .elementor-column {transition:scale 1s;-webkit-transition:scale 1s;cursor:pointer;}
.cultureTab .elementor-column > .elementor-widget-wrap img {transition:all 0.5s;}
.cultureTab .elementor-column:hover > .elementor-widget-wrap img {animation:shake2 .5s infinite linear;}

.cultureTab .elementor-column.on:hover {border:2px solid var(--sub-color);border-radius:20px;background:#fff;}
.cultureTab .elementor-column .mouseOver {visibility:hidden;max-height:0;overflow:hidden;transition:all 1s;-webkit-transition:all 1s;opacity:0}
.cultureTab .elementor-column:hover .mouseOver {visibility:visible;max-height:300px;opacity:1}

.portfolioList ul {display:flex;justify-content:start;align-content:start;flex-wrap:wrap; max-height:540px;overflow-y:auto;box-sizing:border-box;padding-inline-start: 0px;}
.clientList ul {display:flex;justify-content:center;align-content:start;flex-wrap:wrap; max-height:545px;overflow-y:auto;box-sizing:border-box;padding-inline-start: 0px;}
@media screen and (max-width: 922px) {
	.clientList ul {justify-content:center;}
}
.portfolioList ul::-webkit-scrollbar,.clientList ul::-webkit-scrollbar,.newsList ul::-webkit-scrollbar {width:6px;}
.portfolioList ul::-webkit-scrollbar-thumb,.newsList ul::-webkit-scrollbar-thumb {background-color: var(--main-color);background-clip: padding-box;border-radius: 10px;}
.clientList ul::-webkit-scrollbar-thumb {background-color:#B9FBFF;background-clip: padding-box;border-radius: 10px;}
.portfolioList ul::-webkit-scrollbar-track,.clientList ul::-webkit-scrollbar,.newsList ul::-webkit-scrollbar-track {background-color: #ececec;border-radius: 10px;}

.portfolioList ul li {width:calc(33.33% - 25px);margin-right:25px;margin-bottom:25px;position:relative;border-radius:20px;overflow:hidden;cursor:pointer;}
@media screen and (max-width: 544px) {
	.portfolioList ul li {width:46%;margin-right:4%;margin-bottom:4%;}
	.clientList ul li {width: 23%;margin-right: 2% !important;}
	.clientList ul li img {width:100%;}
}

@media (max-width:921px) {
	.newsList ul li .kboard-latest-title,.newsList ul li .kboard-content,.newsList ul li .kboard-latest-date {padding-left:20px;padding-right:20px;}
	.portfolioList ul li .kboard-list-thumbnail {max-height:150px;}
}
.portfolioList ul .kboard-list-thumbnail img {width:100%;}
.portfolioList ul li .overay {width: 100%;height: 100%;position: absolute;display: block; background:#192C68E6;opacity:0;transition:all .45s; -webkit-transition:all .45s;border-radius:20px;}
.portfolioList ul li:hover .overay {opacity:1;}
.portfolioList ul li .kboard-list-thumbnail { transition:all .45s; -webkit-transition:all .45s;height:180px;background-size:cover;background-position:center;}

.portfolioList ul li:hover {box-shadow: 18px 18px 32px rgba(0, 0, 0, 0.4);}
.portfolioList ul .kboard-latest-title {position: absolute;bottom: 20px;left: 15px; color:#fff;font-weight:400;font-size:1.6rem !important;opacity:0;transition:all .45s; -webkit-transition:all .45s; line-height:1.3}
.portfolioList ul .kboard-latest-title span {font-size:1.1rem !important; font-weight:200;}
.portfolioList ul li:hover .kboard-latest-title {opacity:1;}
.portfolioList table,.portfolioList tr,.portfolioList td {border:0 !important;}
#kboard-thumbnail-latest table td {padding:0;}
.clientList ul li {position:relative;padding:9px 14px;border:1px solid #fff;border-radius:10px;margin-right:21px;margin-bottom:17px;overflow:hidden;cursor:pointer;}
/*.clientList ul li:after {opacity: .4;position: absolute; bottom: 3%;left: 50%;background: #6BB0B4;width: 300px;height: 300px;margin-left: -150px;margin-bottom: -301px;transform-origin: 50% 48%;border-radius: 43%;transition-duration: 0.75s;transition-property: margin-bottom;transition-timing-function: ease;content:"";}
.clientList ul li:hover:after {animation: rotation 4000ms infinite linear;margin-bottom: -250px;} */
.newsList ul {display:flex;flex-wrap:wrap;width:100%;justify-content:start;padding-inline-start: 0px;max-height:550px;align-content:start;overflow-y:auto;box-sizing:border-box;padding-right:27px;}
@media (max-width: 922px) {
	.newsList ul li {width:100% !important;margin-left:0 !important;margin-bottom:30px !important;}
	.clientList ul li:hover:after {margin-bottom: -270px;}
}
.newsList ul li {width:calc(50% - 37px);margin-left:37px;margin-bottom:85px;color:#222;position:relative;border-top:2px solid #222;}
.newsList .kboard-default-cut-strings {font-size:1.6rem;font-weight:600;padding-top:10px;}
.newsList .kboard-content.on .content-view {display: table;}
.newsList .kboard-content .content-view {font-size:1.4rem;font-weight:300;padding-top:10px;min-height:70px;max-height:70px;overflow:hidden;line-height:2rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsList .kboard-latest-date {font-size:1.4rem;font-weight:500;color:var(--main-color);padding-top:10px;}
.elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-video-container {border-radius:20px;}

.folding {position:absolute;width:10px;height:7px;background:url(/wp-content/uploads/2023/06/ico_arr_down.svg);right:0;transition: .45s all; -webkit-transition:.45s all;cursor:pointer;}
.newsList .kboard-content.on .folding {transform:rotate(180deg)};










@keyframes rotation2 {
  0% { transform:rotate(0deg);}
  100% { transform:rotate(-360deg);}
}
 


/* edit */

.portfolioEdit,.clientEdit,.newsEdit {position: fixed;left: 20%;width: 60% !important;visibility:hidden;opacity:0;transition:all .45s; -webkit-transition:all .45s;z-index:2;transform:translatey(10px);}
.portfolioEdit.on,.clientEdit.on,.newsEdit.on {visibility:visible;opacity:1;transform:translatey(0);}
.editBtn {display:none;z-index:1;}
.editBtn a {cursor:pointer}
.admin-bar .editBtn {display:block;}
#kboard-thumbnail-editor,#kboard-default-editor {background:#fff; padding:30px; border-radius:20px;border:2px var(--main-color) solid;}
#kboard-thumbnail-editor .imgSize,#kboard-default-editor .imgSize {font-size:1.4rem;color:#a9a9a9;padding-left:10px;}

.mainTitle2 { animation: mainfadeout 1s forwards; animation-delay:9.5s !important; }
.mainTitle3 { animation: mainfadeout 1s forwards; animation-delay:9.5s !important; }
.mainTitle3 > div {animation: fadeInUp 1.25s forwards;animation-delay:3s !important;opacity:0;}
.mainTitle2 > div {animation: fadeInUp 1.25s forwards;animation-delay:4.5s !important;opacity:0;}

#first > div > div > div {height:100%;align-items: center;}
#first > div > div > div > div {height:100%;}

.inlineBorder > div:after {position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);content:"";border-radius:30px;border: 2px solid #fff;pointer-events:none;}


/* Side Menu */
.menuToggle {color:#fff;display: flex;align-items: flex-start;gap: 10px;float:right;font-size: 1.1rem;margin-right:25px;cursor:pointer;filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));transition:all .45s;-webkit-transition:all .45s;font-weight:600;}
.menuToggle .menuBtn {width:30px;height:17.5px;}
.menuToggle .menuBtn span {height:2px;background:#fff;display:block;transition:all .45s;-webkit-transition:all .45s;}
.menuToggle .menuBtn span:nth-child(1) {width:30px;}
.menuToggle .menuBtn span:nth-child(2) {width:15px;margin-top:8.75px;}
.menuToggle .menuBtn span:nth-child(3) {width:22.5px;margin-top:8.75px;}
.menuToggle:hover .menuBtn span:nth-child(2),.menuToggle:hover .menuBtn span:nth-child(3) {width:30px;}
.menuToggle:hover {color:var(--main-color);filter: drop-shadow(0 0 2px rgba(0,0,0,0))}
.menuToggle:hover .menuBtn span {background:var(--main-color);}

.sideMenu {visibility:hidden;transition:all .45s;-webkit-transition:all .45s;width:400px;background:#fff;position:fixed;height:100%;right:0;top:0;z-index:1000;transform:translatex(400px);filter:drop-shadow(0 -4px 10px rgba(0,0,0,0.25));padding:180px 0 0 100px;}
.sideMenu.on {visibility:visible;transform:translatex(0)}
.fullOveray {visibility:hidden;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:all .45s;-webkit-transition:all .45s;top:0;left:0;z-index:999;}
.fullOveray.on {visibility:visible; opacity:1;}
.sideMenu .menuToggle {filter:drop-shadow(0 0 2px rgba(0,0,0,0));color:#000;position:fixed; top:63px;right:25px;}
.sideMenu .menuToggle .menuBtn {margin-top:4px;}
.sideMenu .menuToggle .menuBtn span {background:#000;}
.sideMenu .menuToggle .menuBtn span:nth-child(1) {width:30px;transform:rotate(45deg) translateY(6.25px);}
.sideMenu .menuToggle .menuBtn span:nth-child(2) {width:30px;transform:rotate(-45deg) translateY(-6.25px);}
.sideMenu .main-navigation ul {display:flex;flex-wrap:wrap;align-content: start;}
.sideMenu .main-navigation ul li {width:100%;margin-bottom:40px;}
.sideMenu .main-navigation ul li a {font-size:2rem;font-weight:600;color:#000;outline:none;}
.sideMenu .main-navigation ul li a:hover {color:var(--sub-color);}

.fadeInUp.hide {opacity:0;}
.fadeInUp {opacity:1;transition:opacity .4s;-webkit-transition:opacity .4s;}

.dropShadow img,.dropShadow svg {filter:drop-shadow(2px 4px 10px rgba(0,0,0,0.6))}

@media (min-width:544px) {
	.rightBorder:after {position:absolute;right:0;height:100px;width:1px;background:#d9d9d9;content:"";top: calc(50% - 50px);}
	.rightBorder:hover:after {width:0;}
}




@media (max-width:921px) {

/*	.elementor-section.elementor-section-height-full {height:auto;}
.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]), .fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]), .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]) {min-height:100vh;} */
	.footer {min-height:auto !important;}
	.dropShadow img,.dropShadow svg {filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.8));}
}


@keyframes cloud {
	0% {transform:translateX(15px);}
	50% {transform:translateX(35px);}
	100% {transform:translateX(15px);}
}

@keyframes sun {
	0% {transform:translatey(-55px) translateX(-35px) ;}
	50% {transform:translatey(-55px) translateX(-55px) ;}
	100% {transform:translatey(-55px) translateX(-35px) ;}
}



@keyframes mainfadeout {
	0% {opacity:1}
	99% {opacity:0;}
	100% {opacity:0;display:none;visibility:hidden;}
}


@keyframes rotation {
	0% {transform:rotate(0);}
	100% {transform:rotate(360deg);}
}

@keyframes upDown {
	0% {opacity:1;height:0;bottom:0;}
	50% {opacity:1;height:64px ;bottom:-64px;}
	100% {height:0;opacity:1;bottom:-64px;}
}

@keyframes shake2 {
	0% {transform:scale(1.05) rotate(-3deg); }
	50% {transform:scale(1.05) rotate(3deg);}
	100% {transform:scale(1.05) rotate(-3deg);}
}

@keyframes headerDown {
	0% {transform:translatey(-200px); }
	100% {transform:translatey(0); }
}
.rotate img {animation:rotation infinite 30s linear;}


.cls-13 {animation:gradientColor 4s linear infinite;animation-delay:0;}
.cls-9 {animation:gradientColor 4s linear infinite;animation-delay:.33s;}
.cls-5 {animation:gradientColor 4s linear infinite;animation-delay:.66s;}
.cls-11 {animation:gradientColor 4s linear infinite;animation-delay:.99s;}
.cls-7 {animation:gradientColor 4s linear infinite;animation-delay:1.32s;}
.cls-2 {animation:gradientColor 4s linear infinite;animation-delay:1.65s;}
.cls-12 {animation:gradientColor 4s linear infinite;animation-delay:1.98s;}
.cls-8 {animation:gradientColor 4s linear infinite;animation-delay:2.31s;}
.cls-4 {animation:gradientColor 4s linear infinite;animation-delay:2.64s;}
.cls-10 {animation:gradientColor 4s linear infinite;animation-delay:2.97s;}
.cls-6 {animation:gradientColor 4s linear infinite;animation-delay:3.3s;}
.rotateColor {animation:gradientColor 4s linear infinite;animation-delay:3.63s;}

@keyframes gradientColor {
	0% {opacity:1;}
	8.3% {opacity:.95;}
	16.6% {opacity:.85;}
	24.9% {opacity:.75;}
	33.2% {opacity:.7;}
	41.5% {opacity:.62;}
	49.8% {opacity:.55;}
	58.1% {opacity:.5;}
	66.4% {opacity:.45;}
	74.7% {opacity:.4;}
	83% {opacity:.28;}
	91.3% {opacity:.2;}
	100% {opacity:1;}
}