@font-face {
 font-family: "CosmicLove";
 src: url('../fonts/web-fonts/CosmicLove.ttf' ); 
 src: url('../fonts/web-fonts/CosmicLove.ttf' ) format("truetype");
}

@font-face {
 font-family: "Nudi-16-k";
 src: url('../fonts/web-fonts/Nudi-16-k.ttf' ); 
 src: url('../fonts/web-fonts/Nudi-16-k.ttf' ) format("truetype");
}

@font-face {
 font-family: "Nudi-01-e";
 src: url('../fonts/web-fonts/Nudi-01-e.ttf' ); 
 src: url('../fonts/web-fonts/Nudi-01-e.ttf' ) format("truetype");
}



html {
  scroll-behavior: smooth;
}

.body-bg{
	padding: 0;
	margin: 0;
	background: url(../images/bg1.jpg) repeat-y;
	background-size: cover;
	font-family: var(--font-primary);
	font-size: var(--font-body-1);
	/*height:4488px;*/
	overflow-x: hidden;
	animation: animatedBackground 20s linear infinite alternate;
}

h1 {
    font-size: var(--h1);
    color: var(--color-choco);
    font-weight: var(--font-weight-100);
    line-height: var(--line-height-b3);
    margin:0;
}

h2 {
    font-size: var(--h2);
    color: var(--color-choco);
    font-weight: var(--font-weight-100);
    line-height: var(--line-height-b3);
    margin:0;
}

p{
    font-family: var(--font-secondary);
	font-size: var(--font-body-3);
	font-weight: var(--font-weight-600);
	line-height: var(--line-height-b3);
	text-align: justify;
}


.anchor-link{font-family: var(--font-secondary);font-size: var(--font-body-1);font-weight: var(--font-weight-600);}

.btn-style1{
    font-family: var(--font-secondary);
	background: var(--color-golden);
	color: var(--color-white);
	border-radius: var(--border-radius-18);
	font-size: var(--font-body-1);
    font-weight: var(--font-weight-100);
	transition: var(--transition-03);
	padding: 10px 25px 1px 25px;
}

.btn-style1:hover{
	background: var(--color-choco);
	color: var(--color-white);
}

.btn-style2{
    font-family: var(--font-secondary);
	background: var(--color-choco);
	color: var(--color-white);
	border-radius: var(--border-radius-18);
	font-size: var(--font-body-1);
    font-weight: var(--font-weight-100);
	transition: var(--transition-03);
	padding: 10px 25px 1px 25px;
}

.btn-style2:hover{
	background: var(--color-golden);
	color: var(--color-white);
}

.bg-pale-green{background: var(--color-pale-green);}
.bg-pale-orange{background: var(--color-pale-orange);}
.bg-pale-yellow{background: var(--color-pale-yellow);}

.bg-pale-green2{background: var(--color-pale-green2);}
.bg-pale-orange2{background: var(--color-pale-orange2);}
.bg-pale-yellow2{background: var(--color-pale-yellow2);}

.bg-pale-green-border{border: 1px solid #a7c7a3;}
.bg-pale-orange-border{border: 1px solid #e1b492;}
.bg-pale-yellow-border{border: 1px solid #e7d7a4;}

.w100p{width:100px;}

.sec-mar-bot-100{margin-bottom: 100px;}
.sec-mar-bot-150{margin-bottom: 150px;}

.section-header{text-align: center;}
.section-header h1{line-height: 2.5rem;}
.section-header img{opacity: 0.5;}

.navbar-strip{background:rgb(255 255 255 / 40%);}
.nav-pills .logo{padding: 0px 80px;}
.nav-pills .nav-item{margin-top:10px;}
.nav-pills .nav-link{
    font-family: var(--font-secondary);
	color: var(--color-grey-black);
	font-weight: var(--font-weight-600);
	font-size: var(--font-body-3);
	padding: 1rem 1rem 0.5rem 1rem;
	min-width: 140px;
	text-align: center;
}
.nav-pills .nav-item .dropdown-menu{padding: 0rem 0;background-color: #262626;}
.nav-pills .nav-item .dropdown-menu .dropdown-item{font-family: var(--font-secondary);font-size: var(--font-body-2);padding: 0.75rem 1rem 0.25rem 1rem;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background: none;color: var(--color-black);
}
.nav-pills .dropdown-toggle::after{margin-left: 0.05em;}

.main-slider-img-column{margin-top: 60px;}
.main-slider-txt-column{margin-top: 130px;}

.home-main-slider{border:5px solid #626262;padding: 10px;z-index:1050;}

.home-slider-blue-splash{position: absolute;top:-90px;left:-90px;z-index:1040;}

.home-slider-orange-splash{position: absolute;bottom:-130px;right:-75px;z-index:1040;}


.home-proverb{line-height: var(--line-height-b1);color:var(--color-black);margin-top: 10px;}
.home-proverb-author{line-height: var(--line-height-b1);color:var(--color-black);font-weight: var(--font-weight-600);font-family: var(--font-secondary);font-size: var(--font-body-3);margin-top: 10px;}


.home-ox-fixed{position: absolute;right:-13px;bottom: -100px;}

.home-about-statue{background: rgb(169 211 171 / 50%);border-radius: 100%;}

.home-projects-section{padding: 100px 0px;background: rgb(251 205 170 / 60%);}
.home-project-img{position: relative;border:5px solid #626262;padding: 10px;z-index:1050;}
.brush-home-project-left{position: absolute;left:5px;bottom:-25px;z-index:1040;}
.brush-home-project-right{position: absolute;right:5px;top:-25px;z-index:1040;}

.home-project-box .text{text-align: center;margin-top: 40px;}

.testimonial-bg{
	background: url(../images/testimonial-bg.png) no-repeat;
	background-position:top center;
	height: 390px;
	text-align: center;
	margin-top: 50px;
}

#testimonial-slider{margin-top: 70px;}
#testimonial-slider .carousel-item img{border:2px solid #ffdc1c;width: 50px;}
#testimonial-slider .carousel-item h6{color: var(--color-white);margin:10px 0px 0px 0px;font-family: var(--font-secondary);font-size: var(--font-body-1);}
#testimonial-slider .carousel-item p{color: var(--color-white);font-family: var(--font-secondary);font-weight: var(--font-weight-normal);font-size: var(--font-body-2);}
#testimonial-slider .carousel-item small{color: var(--color-white);display: block;margin-top: 2px;font-family: var(--font-secondary);font-size: var(--font-body-m2);}

.home-visitors-person{position: absolute;left:100px;top:20px;}
.home-visitors-baby{position: absolute;right:100px;top:0;}

.footer-bg{background: rgb(255 249 191 / 40%) url(../images/bg2.png) repeat-x;padding: 70px 0px 20px 0px;}
.footer-bg h2{margin-bottom: 30px;}
.footer-bg img{margin-bottom: 20px;}
.footer-bg ul{margin: 0;padding: 0;}
.footer-bg ul li{list-style-type: none;}
.footer-bg ul li a{
    font-family: var(--font-secondary);
	font-size: var(--font-body-3);
	font-weight: var(--font-weight-600);
	line-height: var(--line-height-b3);
	color: var(--color-black);
	text-decoration: none;
	display: block;
	padding-bottom: 15px;
}
.footer-bg ul li a:hover{color: var(--color-choco);}
.footer-bg p a{color: var(--color-black);text-decoration: none;}
.footer-bg p a:hover{color: var(--color-choco);}
.footer-bg .social li{display: inline;}
.footer-bg .social li a{display: inline-block;}

.bottom-footer{background: rgb(179 179 179 / 20%);padding: 30px 0px 20px 0px;}
.bottom-footer a{color: var(--color-choco);text-decoration: none;transition: var(--transition-02);font-family: var(--font-secondary);font-weight: var(--font-weight-600);font-size: var(--font-body-3);}
.bottom-footer a:hover{color: var(--color-black);}



/*About*/
/*.inner-page-cover{margin-top: 60px;}
.inner-page-cover .pic{position: relative;border: 5px solid #626262;padding: 10px;z-index: 1020;}
.cover-blue-splash{position: absolute;top:200px;left:-100px;z-index:1010;}
.cover-orange-splash{position: absolute;bottom:150px;right:-65px;z-index:1010;}
.inner-page-cover .heading{position: absolute;z-index:1030;top:90px;text-align: center;width: 100%;}
.inner-page-cover .heading h3{width: 150px;height: 150px;border-radius:100%;display: inline-block;background: rgba(0,0,0,0.8);color:#fff;padding:68px 0px;font-size: 23px;}*/
.common-cover-section{border-top: 5px solid #626262;border-bottom: 5px solid #626262;padding: 10px 0px;}
.common-cover-section .bg{height: 300px;background-size: cover;text-align: center;}
.common-cover-section .bg .heading{display: inline-block;width: 150px;height: 150px;background: rgba(0,0,0,0.8);border-radius:5px 50px 5px 50px;margin-top:65px;}
.common-cover-section .bg .heading h3{font-family: var(--font-secondary);color:#fff;padding: 60px 0px;font-size: var(--font-body-4);}

.cover-about-bg{background: url(../images/about/cover.jpg) no-repeat;background-position: center center;}
.cover-projects-bg{background: url(../images/projects/cover.jpg) no-repeat;background-position: center center;}
.cover-gallery-bg{background: url(../images/gallery/cover.jpg) no-repeat;background-position: center center;}
.cover-making-bg{background: url(../images/making/cover.jpg) no-repeat;background-position: center center;}
.cover-contact-bg{background: url(../images/contact/cover.jpg) no-repeat;background-position: center center;}
.cover-founders-bg{background: url(../images/founders/cover.jpg) no-repeat;background-position: center center;}


.about-certificates img{border: 1px solid #c1c1c1;padding: 10px;border-radius: 15px;}
.about-vision-mission{/*background: var(--color-pale-orange);*/}
.vision-box{text-align: center;background: var(--color-pale-orange);padding: 50px 95px;}
.vision-box h1{
	background: url(../images/about/vm-bg.png) no-repeat;
	background-position: center center;
	padding-top: 32px;
}
.vision-box p{margin-top: 30px;height:100px;}
.dr-tbs{margin:45px 0px;}

.award-box{
	text-align: center;
	background: url(../images/about/award-icon.png) no-repeat;
	background-position: center center;
	height: 152px;
}

.award-box h2{color: var(--color-grey-black);padding-top: 60px;font-family: var(--font-secondary);font-size: var(--font-body-5);font-weight: var(--font-weight-600);}


/*Projects*/
.project-box-left{border-radius: 0px 300px 300px 0px;padding: 70px 0px;}
.project-box-left .left-img{margin-left: 60px;}
.project-box-right{border-radius: 300px 0px 0px 300px;padding: 70px 0px;}
.project-box-right .right-img{margin-left: 75px;}
.project-box h2{font-size: 35px;}


/*Contact Us*/
.form .form-group label{font-weight: bold;margin-bottom: 0px;font-family: var(--font-secondary);font-size: var(--font-body-1);}
.form .form-group .form-control{background: rgb(255 239 224 / 40%);padding: 0.775rem 0.75rem 0.375rem 0.75rem;border: 1px solid #c5c5c5;}
.form .form-group .form-control:focus{box-shadow:none;}

.contact-social{margin: 0;padding: 0;}
.contact-social li{display: inline;}
.contact-social li a{display: inline-block;}
.contact-address p a{color: var(--color-black);text-decoration: none;}
.contact-address p a:hover{color: var(--color-choco);}
/*.contact-map{border: 5px solid #626262;padding: 5px;}*/


/*Making*/
.making-box-l .bg{left:-30px;}
.making-box .bg{width: 100%;height: 100%;top: 30px;z-index:1040;border-radius: 10px;}
.making-box img{z-index:1050;}
.making-box-l img{border-radius: 10px 80px 10px 10px;}
.making-box-r img{border-radius: 80px 10px 10px 10px;}
.making-content-box{margin-top:100px;}
.making-content-box p{text-align:left;}
.making-box-r .bg{left:30px;}


/*gallery*/
#lightgallery a{margin-bottom: 25px;}
#lightgallery a img{max-width: 100%;}
.gallery-filters li input{opacity: 0;display: none;}
.gallery-filters li.btn{background:#8b451b;padding: 5px 10px 0px 10px;}
.gallery-filters li.btn:hover{background: #000;}
.gallery-filters li.btn.active{background: #000;}
.gallery-filters li.btn a{text-decoration: none;color: #fff;font-family: var(--font-secondary);}


/*chairman & founder*/
.tbs-name-box{
    margin-top: 10px;color: #000;text-align: center;padding: 30px 0px 0px 0px;border-radius: 40px 0px 40px 0px;background: #fff6b4;border: 1px solid #e3db9f;
}

.founder-tbs img{border: 5px solid rgb(167 167 167);padding: 10px;border-radius: 25px 100px 25px 100px;}
.tbs-name-box h4{margin-bottom: 5px;font-family: var(--font-secondary);font-weight: var(--font-weight-600);font-size: var(--font-body-4);}
.tbs-name-box h5{padding-bottom: 10px;font-family: var(--font-secondary);font-weight: var(--font-weight-600);font-size: var(--font-body-m1)}


/*animation*/
.floating-ox { 
    animation-name: floating-ox;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating-ox {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(5px, 5px); }
    100%   { transform: translate(0, -0px); }   
}


.floating-mother { 
    animation-name: floating-mother;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating-mother {
    0% { transform: rotate(-1deg); }
    50%  { transform: rotate(1deg); }
    100%   { transform: rotate(-1deg); }   
}


.floating-baby { 
    animation-name: floating-baby;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating-baby {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(5px, 10px); }
    100%   { transform: translate(0, 0px); }   
}


.floating-person { 
    animation-name: floating-person;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating-person{
    0% { transform: rotate(-1deg); }
    50%  { transform: rotate(1deg); }
    100%   { transform: rotate(-1deg);}
}


.floating-making-left { 
    animation-name: floating-making-left;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating-making-left{
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(-5px, 5px); }
    100%   { transform: translate(0, 0px); } 
}

.floating-making-right { 
    animation-name: floating-making-right;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating-making-right{
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(5px, 5px); }
    100%   { transform: translate(0, 0px); } 
}


.floating-splash-color { 
    animation-name: floating-splash-color;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating-splash-color{
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(4px, 3px); }
    100%   { transform: translate(0, 0px); }
}



@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 30%;
  }
}


#overlay_loading{
  position:fixed;transition: 1s 0.4s;top:0px;right:0px;width:100%;height:100%;
  background-color:rgba(255,255,255,0.9);
  background-image:url('../images/loading1.gif');
  background-repeat:no-repeat;
  background-position:center;
  z-index:10000000;
  filter: alpha(opacity=40);
}

#scroll {position:fixed;right:10px;bottom:30px;cursor:pointer;width:40px;height:40px;background-color:rgba(0,0,0,0.5);text-indent:-9999px;display:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:50%;z-index: 1090 !important;}
#scroll span {position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:8px solid transparent;border-bottom-color:#ffffff;}
#scroll:hover {background-color:rgba(0,0,0,0.8);opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}


.website-switcher button{
    position: fixed;
    background: #706f6e;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 1090 !important;
    color: white;
    font-size: 16px;
    text-decoration: none;
    padding: 5px 25px;
    transition: 0.2s;
    border:none;
}
.website-switcher .eng{left: -36px;top: 600px;}
.website-switcher .kan{left: -31px;top: 600px;}