/*header start*/
.mb-10{
    margin-bottom:10px;
}
.mb-0{
    margin-bottom:0px;
}

.nav-access{
    font-family: 'Libre Franklin', sans-serif;
    font-size: 15px !important;
    font-weight: 700 !important;
}
/*header end*/

/*footer start*/
.footer-block-dark{
    background-color:#91d991;
    padding: 100px 0px 0px;
}
.footer-block-white{
    background-color:#f1f1f1;
    padding: 100px 0px 0px;
}
.footer-logo-box{
    padding-left: 90px;
}
.footer-logo{
    max-height:60px;
}
.copyright-style{
    padding-left: 90px;
}
/*footer end*/
.small-only {display:none;}
.mt-20 {margin-top:20px !important;}
.mb-20 {margin-bottom:20px !important;}
/*slideshow start*/

/* Slideshow container */
.slideshow-container {
    width: 100%;
    position: relative;
    margin: auto;
    -webkit-transform: translate3d(0,0,0);
}
.mySlides {
    display: none;
    -webkit-transform: translate3d(0,0,0);
}
.slide-design-img {
    -webkit-transform: translate3d(0,0,0);
}
img {vertical-align: middle;}


/* Next & previous buttons */


/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */


/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
    letter-spacing: 10px;
}

/* Fading animation */
.fade-custom {
    animation-name: fade;
    animation-duration: 1.5s;
}




@keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .prev, .next,.text {font-size: 11px}
}

.slideshow-dir-box{
    display:inline-block;
}
/*slideshow end*/


.explore-link{
    color: #fff !important;
}
.explore-link>i{
    margin-left:10px;
}

.color-white{
    color:#fff;
}
.color-black{
    color:#000 !important;
}
.color-green{
    color:#346c34 !important;
}

.flt-rg{
    float:right;
}

.mb-25{
    margin-bottom: 25px !important;
}

.simple-block{
    padding: 45px 0 !important;
}
.block-no-space{
    padding: 0 !important;
}

.intro-column{
    padding-right:0px;
    padding-left:0px;
}

.title-header{
    font-size:30px !important;
    line-height: 35px !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 5px !important;
}

.title-border{
    border-bottom: 1.5px solid;
    margin-top:5px;
    margin-bottom:5px;
}

.subtitle-header{
    font-size:25px !important;
    line-height: 35px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
}

.std-text{
    font-size:12px !important;
    font-family:'Libre Franklin',sans-serif !important;
    line-height:25px !important;
}

.no-top{
    top:20 !important;
}
.bottom-20{
    bottom:20px !important;
}

.text-left{
    text-align:left;
}

.display-in-block{
    display:inline-block;
}
.f1-background-color{
    background-color:#f1f1f1 !important;
}

.mySlides-design {display: none}
img {vertical-align: middle;}

.slideshow-container-design{
    max-width: 1000px;
    position: relative;
    margin: auto;
}

#number-slide-img-design-facility{
    text-align: center;
    width: 100px;
    padding: 0;
    letter-spacing: 5px;
    color: #fff;
}
#number-slide-img-design-facility2{
    text-align: center;
    width: 100px;
    padding: 0;
    letter-spacing: 5px;
    color: #fff;
}
.text-ideation-head{
    font-size:20px !important;
    font-weight:bold;
    text-decoration:underline;
}
.slide-design-idea-img{
    height:350px;
    width:100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.design-idea-block{
    background-color:#3a3a3c;
    padding: 50px 0;
}
.title-ideation{
    padding: 0;
    margin-bottom:20px;
}
.design-idea-info-column{
    padding: 0px 25px 0px 80px;
}
.slideshow-design-pointer-box{
    position: absolute;
    top: -30px;
    float: right;
    padding: 0px 25px 0px 80px;
}

/*button custom*/
.button-85 {
  padding: 0.6em 2em;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  background: #111;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-85:before {
  content: "";
  background: linear-gradient(
    45deg,
    #ff0000,
    #ff7300,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #7a00ff,
    #ff00c8,
    #ff0000
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius: 10px;
}

@keyframes glowing-button-85 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.button-85:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #222;
  left: 0;
  top: 0;
  border-radius: 10px;
}
#whatsapp_footer{
    position:fixed;
    bottom:50px;
    right:10px;
    display: block;
    z-index: 20;
    text-align:center;
}

#whatsapp_link_ico{
    width:80px;
    height:80px;
    background-image:url('../../img/wa-icon.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    margin-right:auto;
    margin-left:auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius:50%;
}

#whatsapp_link_ico:hover{
    box-shadow: rgba(0, 142, 2, 0.35) 0px 5px 15px;
}

#whatsapp_link_text{
    font-size:11px;
    font-weight:bold;
    color:#fff;
    display:block;
    margin-top:5px;
}
.promotion-block{
    height:400px;
}
.promotion-img{
    height:350px;
    width:100%;
    background-size:contain;
    background-position:center;
    background-color:#346c34;
    background-repeat:no-repeat;
}

.marketing-pic{
    max-height:350px;
    border-radius:50%;
}

.page-not-found-header{
    color:#fff !important;
    font-size: 34px !important;
    position: absolute;
}
.blog-block{
    padding: 145px 60px !important;
}
.blog-header-title{
    display:inline-block;
    width:50%;
    text-align:left;
    color: #0787ee;
    font-size: 24px;
    font-weight: 600;
}
.blog-header-keyword{
    font-size:15px;
    font-weight:300;
    color:#000;
}
#search-btn-submit{
    display:none;
}
.hide-search-keyword{
    display:none;
}
.show-search-keyword{
    display:block;
}
.blog-header-searching{
    display:inline-block;
    float:right;
}

.invitation-form-block{
    height:inherit !important;
    padding: 50px 50px !important;
    color: #000;
}
.request-btn-block{
    padding: 0 60px !important;
}
.btn-0-right{
    right:0;
}
.asterik-class{
    color:red;
    font-size:8px;
}

/*search button*/
.search-container{
    background: #fff;
    height: 32px;
    border-radius: 30px;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.8s;
    box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}

.search-container:hover > .search-input{
    width: 400px;
}

.search-container .search-input{
    background: transparent;
    border: none;
    outline:none;
    width: 0px;
    font-weight: 500;
    font-size: 16px;
    transition: 0.8s;

}
.search-container .search-btn .fas{
    color: #0787ee;
}

.btn-clear-search{
    background-color: red;
    color: #fff;
    border-radius: 50%;
    padding: 2px 5px;
    font-size: 12px;
    margin-left: 5px;
}

.btn-clear-search:hover{
    color: #0787ee;
    background-color:transparent;
}
.blog-header-block{
    margin-bottom: 50px;
}

.blog-content-block{
    height:350px;
    border:1px solid #0787ee;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding-right:0px;
    padding-left:0px;
    margin-bottom:30px;
}
.column-pic{
    width:49%;
    display: inline-block;
}
.thumbnail-pic{
    width:100%;
    height:348px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
.column-text{
    width:50%;
    display: inline-block;
    vertical-align: top;
    padding: 30px 30px;
}
.blog-content-author{
    margin-bottom:15px;
}
.blog-author-name{
    color: #000;
    display: block;
}
.blog-author-pic{
    width:50px;
    height:50px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-color:#b483c2;
    color:#fff;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    border-radius: 50%;
    font-size: 25px;
    padding: 8px 18px;
}
.blog-author-group{
    display:inline-block;
}
.blog-title{
    line-height: 30px;
    letter-spacing: 3px;
    color: #b483c2;
}
.content-number-views{
    margin-right:20px;
}
.content-number-comment{
    margin-right:20px;
}

.content-btn-love{
    float:right;
    color:red;
    transition: 0.6s ease;
}
.content-btn-love:hover{
    color: #fff;
    background-color: red;
    padding: 3px 5px 1px 5px;
    border-radius: 50%;
    margin-top: -3px;
}
.blog-content-number{
    bottom: 25px;
    position: absolute;
    width: 44%;
    padding-top: 10px;
    border-top: 1px solid #d3d3d3;
}

.share-box{
    color: #000;
    position: absolute;
    right: 40px;
    display: inline-block;
}

/*blog sharing*/
.share-box ul{
    list-style:none;
    margin:0;
}
.share-box > ul > li{
    float:left;
    position:relative;
}
.share-box ul li a{
    text-decoration:none;
    color:#000;
}
.share-box ul li:hover a{
    color:#b483c2;
}
.share-box ul ul{
    position: absolute;
    padding: 10px 20px;
    display: none;
    top: calc(100% - 5px);
    background: #ffff;
    right: 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.request-header-title{
    width:100% !important;
}

.share-box ul li:hover > ul{
    display:block;
}

.share-box ul ul li{
    width:max-content;
}
.blog-title-href{
    text-decoration:none;
    color:#b483c2;
}
.blog-title-href:hover{
    text-decoration:none;
    color:#9e4cb5;
}

.column-author > .blog-author-pic{
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #b483c2;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    border-radius: 50%;
    font-size: 18px;
    padding: 2px 10px;
}

.column-author > .blog-author-group > .blog-author-name{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: -webkit-baseline-middle;
    font-size: 18px;
}

.blog-detail-block{
    border: 1px solid #b483c2;
    padding: 25px 30px 35px 30px;
}
.blog-author-date{
    vertical-align: -webkit-baseline-middle;
    margin-left: 15px;
}
.column-author{
    margin-bottom:25px;
}

.column-content > h2{
    text-align:left;
    color:#b483c2;
    font-weight:600;
    margin-bottom:15px;
}

.blog-content{
    margin-bottom:20px;
}
.sharing-link{
    font-size:18px;
    color:#000;
    margin-right:10px;
}
.sharing-link:hover{
    color:#b483c2;
}

.column-content > .blog-content-number {
    bottom: 0;
    position: relative;
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #d3d3d3;
    margin-top: 20px;
}

.related-blog-image-content{
    width:100%;
    height:180px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.related-title{
    margin-top:45px;
    margin-bottom:25px;
    color:#b483c2;
    font-size:18px;
    font-weight:300;
}
.related-blog-parent-box{
    padding-right:0;
    padding-left:0;
}
.related-blog-box{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding-right: 0;
    padding-left: 0;
    width: 30%;
    margin-left: 15px;
    margin-right: 15px;
    border: 1px solid #b483c2;
}
.related-blog-info{
    min-height:150px;
    padding-left: 20px;
    padding-right: 20px;
}
.related-blog-info > h4{
    line-height: 25px;
    color: #b483c2;
    text-transform: uppercase;
}
.related-content-number{
    position: absolute;
    bottom: 15px;
    width:calc(100% - 45px);
    border-top:1px solid #d3d3d3;
    padding-top:15px;
}
.related-content-number > .content-btn-love{
    right:30px;
}
.comment-parent-box{
    margin-top:30px;
    border:1px solid #b483c2;
    padding: 25px 30px 35px 30px;
}
.comment-title{
    margin-bottom: 25px;
    color: #b483c2;
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 15px;
    border-bottom:1px solid #d3d3d3;
}
.comment-icon{
    display:inline-block;
    width:10%;
}
.comment-icon-detail{
    background-image:url('../../../../global/img/default-user-pic.png');
    background-size:cover;
    background-position:center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
}
.comment-type{
    display:inline-block;
    width:85%;
    vertical-align: top;
}

.btn-comment {
	display: inline-block;
	background: transparent;
	color: inherit;
	font: inherit;
	border: 0;
	outline: 0;
	padding: 0;
	transition: all 200ms ease-in;
	cursor: pointer;
}
.btn--primary {
    background: #b483c2;
    color: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
    border-radius: 2px;
    padding: 12px 36px;
}
.btn-comment:hover {
    background: darken(#7f8ff4, 4%);
}
.btn-comment:active {
    background: #7f8ff4;
    box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .2);
}

.btn--inside {
    margin-left: -50px;
    position: absolute;
    margin-top: 20px;
}

.form__field {
    width: 98%;
    background: #fff;
    color: #a3a3a3;
    font: inherit;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0 , .1);
    border: 0;
    outline: 0;
    padding: 22px 18px;
}

.comment-comment-box{
    margin-top:35px;
}
.comment-history{
    border-bottom:1px solid #d3d3d3;
    padding-bottom:10px;
}
.comment-history-icon{
    display:inline-block;
    color:#fff;
    background-color:#b483c2;
    border-radius:50%;
    padding:5px 8px;
    margin-right:20px;
}
.comment-history-text{
    display:inline-block;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: unset;
    border-radius: 4px;
    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 10%);
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 70px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 22px 30px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 68px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

/*loader styling start*/
.spinner {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: conic-gradient(#0000 10%,#ffffff);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 20px),#000 0);
    animation: spinner-zp9dbg 1s infinite linear;
}
 
 @keyframes spinner-zp9dbg {
    to {
       transform: rotate(1turn);
    }
 }
/*loader styling end*/
/*slideshow start*/
.w3-center .w3-bar{display:inline-block;width:auto}
.w3-center .w3-bar-item{text-align:center}
.w3-center{text-align:center!important}
.w3-container,.w3-panel{padding:0.01em 16px}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-container,.w3-panel{padding:0.01em 16px}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-large{font-size:18px!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);    z-index: 1;}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-border{}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-white{color:#000!important;background-color:rgba(191, 191, 191,75%) !important;}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:rgba(92, 92, 92,75%) !important;}
.w3-white:hover{background-color:rgba(92, 92, 92,100%) !important;}

.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
/*slideshow end*/

/*main start*/
.header-title{
    color:#4db6a5;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-weight: 600;
}
.title-in-block{
    color: #fff;
}
.center-title{
    text-align: center;
}
/*main end*/

.client-pic{
    max-width: 150px;
}
.opening-block{
    padding:15px 0 0 0;
}
.opening-box > h3{
    text-align: center;
    color: #4db6a5;
    font-weight: 600;
    padding-bottom: 15px;
    font-style: italic;
}
.opening-box > hr{
    border-top: 10px solid #4db6a5;
    width: 10%;
    margin-bottom: 5px;
    margin-top: 5px;
}
.simple-with-opening-block{
    padding: 0 !important;
}
.g-recaptcha {
    position: absolute !important;
    right: 11px;
    bottom: -15px;
    display: inline-block;
}
.badge {
    display: block;
    min-width: unset;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: left;
    white-space: normal;
    vertical-align: middle;
    background-color: #0a9ced;
    border-radius: 0;
    line-height: 16px;
    width: 100%;
}
.menu-item-has-children i {
    display:none;
}
.menu-item-has-children > ul > li > .row > div > a {
    display: inline-block;
    width: 33%;
    padding: 0 15px;
    text-align: center;
}
.menu-item-has-children > ul > li > .row > div > a:hover {
    background: #fff none repeat scroll 0 0;
}
.menu-item-has-children > ul > li > .row > div > a.badge {
    display: block;
    width: 100%;
    padding: 7px 15px;
    text-transform: uppercase;
}
.menu-item-has-children > ul > li > .row > div > a.badge:hover {
    background: #23527c none repeat scroll 0 0;
}