/*!
Theme Name: GenesisPlus
Author: WebDesaint 
Version: 1.0
Text Domain: genesisplus
*/

/* Fonts */
@font-face {
    font-family: 'tw_cen_mtbold';
    src: url('fonts/tw_cen_mt_bold-webfont.woff2') format('woff2'),
         url('fonts/tw_cen_mt_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tw_cen_mtregular';
    src: url('fonts/tw_cen_mt-webfont.woff2') format('woff2'),
         url('fonts/tw_cen_mt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* From http://codex.wordpress.org/CSS */

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,
div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float: right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}

a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.wp-caption {max-width: 96%; padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}

.gallery-item {display: inline-block; text-align: left; vertical-align: top; width: 50%;}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {-webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%;}
.gallery-item a img {display: block; -webkit-transition: -webkit-filter 0.2s ease-in; transition: -webkit-filter 0.2s ease-in; transition: filter 0.2s ease-in; transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.gallery-item a:hover img,
.gallery-item a:focus img {-webkit-filter: opacity(60%); filter: opacity(60%);}

.gallery-caption {display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0;}

.gallery-columns-1 .gallery-item {max-width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {display: none;}

.bypostauthor {font-weight: bold;}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}

/* GENERAL
============================================================================*/
html{overflow-x:hidden;}
body{background:#fff; color:#111; font-family:'tw_cen_mtregular', sans-serif; font-size:18px; font-weight:400; line-height:1.3em; overflow-x:hidden!important;}
h1,
h2,
h3,
h4{font-family:'tw_cen_mtbold', sans-serif;}
p{line-height:1.6em}

a{color:#FECC02; transition: all 0.4s ease;}
a:hover{text-decoration:none}

button{transition: all 0.4s ease;}

.container-fluid{padding:0 60px;}

@media (max-width:767px){
	.container-fluid{padding:0 15px;}
}

/* Preloader */
#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index:99999999;}
#status {width:200px; height:40px; position: absolute; left: 50%; top: 50%;  background-image: url(images/preloader-new.png); background-size:cover; background-repeat: no-repeat; background-position: center; margin:-20px 0 0 -100px;}

/* Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.section:before,
.section:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {content: ""; display: table; table-layout: fixed;}

.clear:after,
.section:after,
.site-header:after,
.site-content:after,
.site-footer:after {clear: both;}

/* Media
--------------------------------------------------------------*/
.wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0;}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {max-width: 100%;}

/* HEADER
============================================================================*/
#site-header {background: #fff; padding: 10px 0; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; transition: transform 0.4s ease, opacity 0.4s ease; opacity: 1; transform: translateY(0); box-shadow: 0 6px 16px rgba(25,25,25,.06);}
#site-header.fade-in-down {animation: fadeInDown 0.4s ease;}
#site-header.fade-in-up {animation: fadeInUp 0.4s ease;}

#site-header > .container-fluid{position:relative; z-index:999}
#site-header .logo img{height:60px}
#site-header .wa{color:#000; float:right; font-size:34px; margin:-5px 0 0;}
#site-header .wa:hover{color:#fff}

@keyframes fadeInDown {
  from {opacity: 0; transform: translateY(-20px);}
  to {opacity: 1; transform: translateY(0);}
}
@keyframes fadeInUp {
  from {opacity: 0; transform: translateY(20px);}
  to {opacity: 1; transform: translateY(0);}
}

#btn-menu{background:transparent; border:0; display:none; padding:0; font-size:26px; margin:0}
#btn-menu .icon-open{display:block; height:auto; width:40px}
#btn-menu .icon-close{display:none; height:auto; width:32px}
#btn-menu.active .icon-open{display:none;}
#btn-menu.active .icon-close{display:block;}

#menu-wrapper{display:block; position:relative; margin:0;}
#menu-wrapper ul{display:inline; float:right; list-style:none; margin:0; padding:0}
#menu-wrapper ul li{display:inline-block; margin-right:20px; position:relative}
#menu-wrapper ul li:last-child{margin-right:0}
#menu-wrapper ul a{color:#000; display:block; padding:12px 0; position:relative; text-align:left}
#menu-wrapper ul a:before{content: ''; bottom:0px; height:2px; width: 0%; left: 0; position: absolute; background-color: #000; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);}
#menu-wrapper ul li:hover > a:before{width: 100%;}
#menu-wrapper ul li a{float:left; font-family:'tw_cen_mtregular', sans-serif; font-size:26px;}
#menu-wrapper ul li a span{float:left}
#menu-wrapper ul li a span.sign{font-size:50%; margin:-8px 0 0px}
#menu-wrapper ul ul{background:#fff; display:none; position:absolute; top:100%; left:0; padding:12px; width:200px}
#menu-wrapper ul ul li{margin:0; padding:0 10px; width:100%}
#menu-wrapper ul ul li a{font-family:'tw_cen_mtregular', sans-serif; font-size:22px; padding:12px 0;}

@media (max-width:767px){
	#site-header{padding:10px 0}
	#site-header .logo img{height:50px}
	#btn-menu{display:block}
	#btn-menu .icon-open{display:block; height:auto; width:30px}
	#btn-menu .icon-close{display:none; height:auto; width:22px}
	#menu-wrapper{display:none; padding:15px 15px 15px; background:#fff; position:absolute; top:60px; left:0; width:100%; box-shadow: 0 6px 16px rgba(25,25,25,.06);}
	#menu-wrapper ul li {margin:0; width:100%}
	#menu-wrapper ul li a{font-size:26px; float:right}
	#menu-wrapper ul ul{position:relative; padding:12px 0; width:100%}
	#menu-wrapper ul ul li{padding:0}
	#menu-wrapper ul ul li a{font-size:22px; float:right}
}

/* HOME
============================================================================*/
#home-slider .home-slider .slick-slide{height:460px; width:100%; position:relative}
#home-slider .home-slider .slick-slide .slide-inner {position: relative; width: 100%; height: 100%;}
#home-slider .home-slider .slick-slide .bg-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
#home-slider .home-slider .slick-slide .video-toggle {background:transparent; border:0; position: absolute; bottom:42px; right:60px; z-index: 2; cursor: pointer;}
#home-slider .home-slider .slick-slide .video-toggle img{height:60px}
#home-slider .home-slider .slick-slide .content{position:absolute; bottom:80px; left:0; padding:0 60px; width:100%; z-index:99}
#home-slider .home-slider .slick-slide .content h1{color:#fff; font-family:'tw_cen_mtbold', sans-serif; font-size:36px; margin:0}
#home-slider .home-slider .slick-slide .content h1 a{color:#fff}
#home-slider .home-slider .slick-slide .content h4{color:#fff; font-size:22px; margin:0}
#home-slider .home-slider .slick-slide .content h4 a{color:#fff}
#home-slider .home-slider .slick-dots{bottom:40px; left:60px; text-align:left; width:50%}
#home-slider .home-slider .slick-dots li{margin:0 15px 0 0; padding:0}
#home-slider .home-slider .slick-dots li:last-child{margin:0}
#home-slider .home-slider .slick-dots li button{padding:0}
#home-slider .home-slider .slick-dots li button:before{opacity:1; font-size:18px; color:#979797}
#home-slider .home-slider .slick-dots li.slick-active button:before{opacity:1; color:#FFC900}

#home-view-project{padding:0 0 30px}
#home-view-project .container-fluid{position:relative; text-align:center}
#home-view-project h2{color:#FFCD00; font-family:'tw_cen_mtregular', sans-serif; font-size:70px; margin:0 0 10px; text-align:center}
#home-view-project .get-consultation{background:#FFCD00; border:0; color:#000; display:inline-block; font-family:'tw_cen_mtregular', sans-serif; font-size:26px; padding:15px 25px}
#home-view-project .get-consultation:hover{background:#fff}
#home-view-project .contact{list-style:none; margin:0; padding:0; text-align:center}
#home-view-project .contact li{display:inline-block; margin:0 20px 0 0}
#home-view-project .contact li:last-child{margin:0}
#home-view-project .contact a{color:#000; display:block; padding:15px}
#home-view-project .contact img{height:32px; margin:-4px 0 0}

#home-about{padding:30px 0;}
#home-about h2.section-title{font-size:100px; font-family:'tw_cen_mtregular', sans-serif; line-height:80px; margin:0}
#home-about h4{font-size:30px; font-family:'tw_cen_mtregular', sans-serif; text-align:right}
#home-about p{text-align:right}
#home-about .counter{margin:0 0 20px; text-align:center}
#home-about .counter h3{font-size:70px; margin:0; text-align:center;}
#home-about .counter h5{font-size:20px; margin:0; text-transform:uppercase; text-align:center;}
#home-about .map-area{position:relative; overflow:hidden}
#home-about .map-area .map{height:auto; width:100%}
#home-about .map-area .marker{height:26px; position:absolute}

#home-service{padding:30px 0}
#home-service .row {margin-left:-30px; margin-right:-30px}
#home-service .row > *{padding-left:30px; padding-right:30px}
#home-service h2.section-title{font-size:50px; font-family:'tw_cen_mtregular', sans-serif; margin:0 0 30px}
#home-service .service{color:#fff; float:left; padding:600px 20px 20px; width:100%;}
#home-service .service h3{font-size:50px; font-family:'tw_cen_mtregular', sans-serif; margin:0}
#home-service .service p{line-height:1.2}
#home-service .service a{background:#FFCD00; border:0; color:#000; display:inline-block; font-family:'tw_cen_mtregular', sans-serif; font-size:24px; padding:15px 25px}
#home-service .service a:hover{background:#fff}

#home-project{padding:30px 0}
#home-project h2.section-title{font-size:50px; font-family:'tw_cen_mtregular', sans-serif; margin:0 0 30px}

#home-project .project {display: block; aspect-ratio: 1 / 1; overflow: hidden; position: relative;}
#home-project .project img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
#home-project .project:hover img {transform: scale(1.1);}
#home-project .more-project{background:#FFCD00; border:0; color:#000; font-family:'tw_cen_mtregular', sans-serif; font-size:26px; padding:15px 25px}
#home-project .more-project:hover{background:#fff}

#home-testimoni{padding:30px 0}
#home-testimoni h2.section-title{font-size:50px; font-family:'tw_cen_mtregular', sans-serif; margin:0 0 30px}
#home-testimoni .testimonial-slider .slick-slide {margin: 0 15px;}
#home-testimoni .testimonial-slider .slick-list {margin: 0 -15px;}
#home-testimoni .testimonial-slider .slick-track {display: flex !important; align-items: stretch;}
#home-testimoni .testimonial-slider .slick-slide {height: auto; display: flex !important; flex: 1 0 auto;}
#home-testimoni .testimonial-slider .slick-slide > div {flex: 1; display: flex;}
#home-testimoni .testimonial-slider .slick-dots{bottom:-40px}
#home-testimoni .testimonial-slider .slick-dots li button:before{font-size:14px}
#home-testimoni .testimony{background:#fff; border:1px solid #B1B1B1; display:flex; justify-content: space-between; flex-direction: column; height:100%; padding:30px 30px; margin:0 0 30px}
#home-testimoni .testimony .row{margin-left:-10px; margin-right:-10px}
#home-testimoni .testimony .row > *{padding-left:10px; padding-right:10px}
#home-testimoni .testimony .profil{display:flex; flex-direction:row; gap:15px; width:52%; margin:0 auto}
#home-testimoni .testimony img{height:50px; float:right; width:auto}
#home-testimoni .testimony h4{font-family:'tw_cen_mtregular', sans-serif; font-size:20px; margin:0; text-align:left;}
#home-testimoni .testimony h5{font-family:'tw_cen_mtregular', sans-serif; font-size:14px; margin:0; text-align:left;}
#home-testimoni .testimony p{margin:0; text-align:justify}


#home-blog{padding:30px 0}
#home-blog h2.section-title{font-size:50px; font-family:'tw_cen_mtregular', sans-serif; margin:0 0 30px}
#home-blog .blog-post-title{font-family:'tw_cen_mtbold', sans-serif; font-size:20px}
#home-blog .blog-post-title a{color:#000}
#home-blog .read-more{color:#000}
#home-blog .thumb-col {flex: 0 0 120px; max-width: 120px;}
#home-blog .blog-thumb {margin:0 0 20px; position: relative; overflow: hidden; aspect-ratio: 16 / 9;}
#home-blog .blog-thumb img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block;}
#home-blog .blog-post:hover .blog-thumb img {transform: scale(1.1);}
#home-blog .pagination{gap:10px}
#home-blog .pagination .page-item button{background:transparent; border:0; padding:0}
#home-blog .pagination .page-item.active button{color:#FFCD00}

@media (min-width: 768px) {
	#home-blog .thumb-col {flex: 0 0 220px; max-width: 220px;}
}

#home-instagram{padding:30px 0}
#home-instagram h2.section-title{font-size:50px; font-family:'tw_cen_mtregular', sans-serif; margin:0 0 30px}
#home-instagram h4{font-family:'tw_cen_mtregular', sans-serif; font-size:22px}

@media (max-width:767px){
	#home-slider .home-slider .slick-slide{height:400px}
	#home-slider .home-slider .slick-slide .video-toggle {right:15px;}
	#home-slider .home-slider .slick-slide .video-toggle img{height:40px}
	#home-slider .home-slider .slick-slide .content{padding:0 15px}
	#home-slider .home-slider .slick-slide .content h1{font-size:26px;}
	#home-slider .home-slider .slick-slide .content h4{font-size:20px;}
	#home-slider .home-slider .slick-dots{left:15px}
	#home-slider .home-slider .slick-dots li{margin:0 5px 0 0;}
	#home-slider .home-slider .slick-dots li button:before{font-size:15px}

	#home-view-project h2{font-size:30px}
	#home-view-project .get-consultation{font-size: 20px; padding: 10px 20px;}
	
	#home-about h2.section-title{font-size:60px; line-height:50px; margin:0 0 20px}
	#home-about h4{font-size:24px; text-align:left;}
	#home-about p{text-align:left;}
	#home-about .counter h3{font-size:50px}
	#home-about .counter h5{font-size:16px}
	#home-about .map-area .marker{height:16px;}
	
	#home-service h2.section-title{font-size:40px; margin:0 0 20px}
	#home-service .row {margin-left:-15px; margin-right:-15px}
	#home-service .row > *{padding-left:15px; padding-right:15px}
	#home-service .service {margin:0 0 30px; padding:300px 20px 20px}
	#home-service .service h3{font-size:30px}
	#home-service .service a{font-size:18px; padding:10px 15px;}
	
	#home-project h2.section-title{font-size:40px; margin:0 0 20px}
	
	#home-testimoni h2.section-title{font-size:40px; margin:0 0 20px}
	
	#home-instagram h2.section-title{font-size:40px; margin:0 0 20px}
	
	#home-blog h2.section-title{font-size:40px; margin:0 0 20px}
}

/* ABOUT
============================================================================*/
#about-image img{height:auto; width:100%}

#about-description{padding:30px 0}
#about-description p{text-align:justify}

#about-projects{padding:30px 0}
#about-projects .map-area{position:relative; overflow:hidden}
#about-projects .map-area .map{height:auto; width:100%}
#about-projects .map-area .marker{height:26px; position:absolute}

#about-testimonials{padding:30px 0}
#about-testimonials .slick-slide{padding:0 40px}
#about-testimonials .slick-slide .review-bubble{bottom: 0; box-shadow: rgba(0, 0, 0, .09) 2px 2px 3px 0; box-sizing: border-box; color: #777; height: auto; left: 0; position: relative; right: 0; text-size-adjust: 100%; top: 0; column-rule-color: #fff; perspective-origin: 277.5px 69px; transform-origin: 277.5px 69px; background: #fff none repeat scroll 0 0 / auto padding-box border-box; border: 1px solid #f5f5f5; font-style: italic; margin: 0 0 25px; outline: #fff none 0; padding: 20px 25px 20px 48px;}
#about-testimonials .slick-slide .review-bubble:before{bottom: 47px; box-sizing: border-box; color: #bbb; content: '\201C'; display: block; height:70px; left: 55px; position: absolute; right: 515.391px; text-size-adjust: 100%; top: 35px; width: 24.6094px; column-rule-color: #bbb; perspective-origin: 12.2969px 48px; transform-origin: 12.2969px 48px; border: 0 none #bbb; font: normal normal normal normal 60px / 96px Georgia, serif; margin: -25px 0 0 -40px; outline: #bbb none 0;}
#about-testimonials .slick-slide .review-bubble:after{bottom: -30px; box-sizing: border-box; color: #fff; content: ''; display: block; height: 30px; left: 80px; position: absolute; right: 445px; text-size-adjust: 100%; width: 30px; column-rule-color: #fff; perspective-origin: 15px 15px; transform-origin: 15px 15px; filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, .0980392)); border-top: 30px solid #fff; border-right: 30px solid transparent; border-bottom: 0 solid transparent; border-left: 0 solid transparent; font: normal normal normal normal 13px / 20.8px "Helvetica Neue", Helvetica, Arial, sans-serif; outline: #fff none 0;}
#about-testimonials .slick-slide .review-bubble .star-wrapper{float:left;}
#about-testimonials .slick-slide .review-bubble span.star{width: 18px; height: 18px; background: gold; display: inline-block; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: bottom; margin-bottom: -2px;}
#about-testimonials .slick-slide .review-bubble span.star{-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22'%3E%3Cpath d='M20.429 8.14c0 0.221-0.16 0.43-0.319 0.589l-4.456 4.346 1.056 6.138c0.012 0.086 0.012 0.16 0.012 0.246 0 0.319-0.147 0.614-0.503 0.614-0.172 0-0.344-0.061-0.491-0.147l-5.512-2.897-5.512 2.897c-0.16 0.086-0.319 0.147-0.491 0.147-0.356 0-0.516-0.295-0.516-0.614 0-0.086 0.012-0.16 0.025-0.246l1.056-6.138-4.469-4.346c-0.147-0.16-0.307-0.368-0.307-0.589 0-0.368 0.381-0.516 0.687-0.565l6.163-0.896 2.762-5.586c0.11-0.233 0.319-0.503 0.602-0.503s0.491 0.27 0.602 0.503l2.762 5.586 6.163 0.896c0.295 0.049 0.688 0.196 0.688 0.565z'%3E%3C/path%3E%3C/svg%3E%0A");}
#about-testimonials .slick-slide .review-bubble span.star-o{-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22'%3E%3Cpath d='M13.959 12.522l3.757-3.646-5.181-0.761-2.32-4.69-2.32 4.69-5.181 0.761 3.757 3.646-0.896 5.169 4.641-2.443 4.628 2.443zM20.429 8.14c0 0.221-0.16 0.43-0.319 0.589l-4.456 4.346 1.056 6.138c0.012 0.086 0.012 0.16 0.012 0.246 0 0.331-0.147 0.614-0.503 0.614-0.172 0-0.344-0.061-0.491-0.147l-5.512-2.897-5.512 2.897c-0.16 0.086-0.319 0.147-0.491 0.147-0.356 0-0.516-0.295-0.516-0.614 0-0.086 0.012-0.16 0.025-0.246l1.056-6.138-4.469-4.346c-0.147-0.16-0.307-0.368-0.307-0.589 0-0.368 0.381-0.516 0.687-0.565l6.163-0.896 2.762-5.586c0.11-0.233 0.319-0.503 0.602-0.503s0.491 0.27 0.602 0.503l2.762 5.586 6.163 0.896c0.295 0.049 0.688 0.196 0.688 0.565z'%3E%3C/path%3E%3C/svg%3E");}
#about-testimonials .slick-slide .review-bubble span.star-empty{-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M22 8.53l-7.601-1.104-3.399-6.888-3.399 6.888-7.601 1.104 5.5 5.361-1.298 7.57 6.798-3.574 6.798 3.574-1.298-7.57 5.5-5.361zM11 16.188l-4.801 2.524 0.917-5.346-3.884-3.786 5.368-0.78 2.4-4.864 2.401 4.864 5.368 0.78-3.884 3.786 0.917 5.346-4.801-2.524z'%3E%3C/path%3E%3C/svg%3E");}
#about-testimonials .slick-slide .review-bubble span.star-full{-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M22 8.53l-7.601-1.104-3.399-6.888-3.399 6.888-7.601 1.104 5.5 5.361-1.298 7.57 6.798-3.574 6.798 3.574-1.298-7.57 5.5-5.361z'%3E%3C/path%3E%3C/svg%3E%0A");}
#about-testimonials .slick-slide .review-bubble span.star-half{-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M22 8.53l-7.601-1.104-3.399-6.888-3.399 6.888-7.601 1.104 5.5 5.361-1.298 7.57 6.798-3.574 6.798 3.574-1.298-7.57 5.5-5.361zM11 16.188l-0.020 0.011 0.020-12.263 2.401 4.864 5.368 0.78-3.884 3.786 0.917 5.346-4.801-2.524z'%3E%3C/path%3E%3C/svg%3E");}    
#about-testimonials .slick-slide .review-user{display:flex; gap:20px; align-items:center; margin:40px 0 0}
#about-testimonials .slick-slide .review-user .photo img{height:60px}
#about-testimonials .slick-prev{left:0; height:30px; width:30px; z-index:99}
#about-testimonials .slick-next{right:0; height:30px; width:30px; z-index:99}
#about-testimonials .slick-prev:before, 
#about-testimonials .slick-next:before{font-size:30px; color:#FECC02}

@media (max-width:767px){
	#about-projects .map-area .marker{height:16px;}
}

/* PROJECTS
============================================================================*/
#projects-title{padding:30px 0 30px}
#projects-title h1{color:#111; font-size:40px; margin:0;}
#projects-title h1 span{color:#111; margin-right:15px}

#projects-list{padding:30px 0}
#projects-list .grid {margin: -15px; display: flex; flex-wrap: wrap;}
#projects-list .grid-sizer,
#projects-list .grid-item {padding:0 15px; box-sizing: border-box;}
#projects-list .grid-sizer,
#projects-list .grid-item {width: 25%; margin:0 0 20px}
#projects-list .grid-item a{color:#111}
#projects-list .grid-item a .thumbnail {overflow: hidden; margin:0 0 10px}
#projects-list .grid-item a .thumbnail img {transition: transform 0.4s ease; display: block; width: 100%; height: auto;}
#projects-list .grid-item a:hover .thumbnail img {transform: scale(1.1);}
#projects-list .grid-item a span.title{color:#111; font-family:'tw_cen_mtbold', sans-serif; font-size:20px}
#projects-list .projects {display: block !important; visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; transition: opacity 0.4s ease;}  
#projects-list .projects.is-active {visibility: visible; opacity: 1; position: relative;}

@media (max-width: 1024px) {
	#projects-list .grid-sizer,
	#projects-list .grid-item {width: 33.333%;}
}
@media (max-width:767px){
	#projects-title h1{font-size:30px}
	#projects-list .grid-sizer,
	#projects-list .grid-item {width: 100%;}
}

/* PROJECT DETAIL
============================================================================*/
#project-title{padding:0}
#project-title .image{height:680px; width:100%} 
#project-title .container-fluid{padding-top:30px; padding-bottom:20px}
#project-title h1{color:#111; font-size:50px; margin:0; text-align:center;}
#project-title h3{color:#111; font-family:'tw_cen_mtregular', sans-serif; font-size:24px; margin:0; text-align:center}

#project-description{padding:30px 0}
#project-description .back-link {color:#111; display: inline-block; margin-top: 20px; font-weight: bold; text-decoration: none;}
#project-description .back-link::before {content: "← "; margin-right: 5px;}

@media (max-width:767px){
	#project-title .image{height:220px;} 
	#project-title .container-fluid{padding-top:30px; padding-bottom:0}
	#project-title h1{font-size:16px}
	#project-title h3{font-size:10px}
}

/* G+ ON MEDIA
============================================================================*/
#media-carousel{position:relative; padding:0}
#media-carousel .marquee-carousel {width: 100%; position: relative; height:340px;}
#media-carousel .marquee-carousel img {height: 100%; width: auto; display: inline-block; margin-right:0; }
#media-carousel .carousel-track {display: flex; height:340px; animation: scroll-left 20s linear infinite; white-space: nowrap;}
#media-carousel .container-fluid{position:absolute; left:0; bottom:30px}
#media-carousel .container-fluid h1{color:#B1B1B1}

@keyframes scroll-left {
	0% {transform: translateX(0%);}
	100% {transform: translateX(-50%);}
}

#media-title{padding:30px 0 30px}
#media-title h1{color:#111; font-size:40px; margin:0; text-align:center;}
#media-title h1 span{float:left}
#media-title h1 span.sign{font-size:50%; margin:2px 0 0px}

#media-list{padding:30px 0}
#media-list h2.section-title{font-size:50px; font-family:'tw_cen_mtregular', sans-serif; margin:0 0 30px}
#media-list .media{color:#111; float:left; margin:0 0 20px; width:100%}
#media-list .media .thumbnail {overflow: hidden; margin:0}
#media-list .media .thumbnail img {transition: transform 0.4s ease; display: block; width: 100%; height:250px;}
#media-list .media:hover .thumbnail img {transform: scale(1.1);}

@media (max-width:1399.98px){
	#media-list .media .thumbnail img {height:230px}
}
@media (max-width:1199.98px){
	#media-list .media .thumbnail img {height:190px}
}
@media (max-width:991.98px){
	#media-list .media .thumbnail img {height:210px}
}
@media (max-width:767.98px){
	#media-title h1{font-size:30px}
	#media-list h2.section-title{font-size:40px; margin:0 0 20px}
	#media-list .media .thumbnail img {height:210px}
}
@media (max-width:575.98px){
	#media-list .media .thumbnail img {height:220px}

}

/* CONTACT
============================================================================*/
#contact-map{margin:0}
#contact-map iframe{height:300px; width:100%}

#contact-detail{padding:30px 0}
#contact-detail h3{font-size:22px}
#contact-detail ul.contact{list-style:none; margin:0 0 40px; padding:0; float:left; width:100%; text-align:center}
#contact-detail ul.contact li{display:inline-block; margin:0 15px}
#contact-detail ul.contact li a{display:flex; align-items:center; gap:5px; color:#111; position:relative;}
#contact-detail ul.contact li a:before{content: ''; bottom:0px; height:2px; width: 0%; left: 0; position: absolute; background-color: #000; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);}
#contact-detail ul.contact li:hover > a:before{width: 100%;}
#contact-detail ul.contact li a img{height:28px; width:auto}
#contact-detail ul.sitemap{list-style:none; margin:0; padding:0; float:left; width:100%; text-align:center}
#contact-detail ul.sitemap a{color:#111;}

/* SINGLE PAGE
============================================================================*/
#page-title{padding:100px 0 30px}
#page-title h1{color:#fff; font-size:40px; margin:0; text-align:center;}

#page-content{padding:30px 0}
#page-content embed, 
#page-content iframe, 
#page-content object{margin:0 auto 20px!important;}

#page-content .back-link {color:#111; display: inline-block; margin-top: 20px; font-weight: bold; text-decoration: none;}
#page-content .back-link::before {content: "← "; margin-right: 5px;}

#page-content .post-navigation a{color:#000;}
#page-content .post-navigation .prev-post{float:left}
#page-content .post-navigation .prev-post a::before{content: "← "; margin-right: 5px;}
#page-content .post-navigation .next-post{float:right}
#page-content .post-navigation .next-post a::after{content: " →"; margin-left: 5px;}

@media (max-width:767px){
	#page-title{padding:60px 0 30px}
	#page-title h1{font-size:30px}
}

.post-meta {float:left; margin:0;  width:100%}
.post-meta .post-date{margin:0 5px 0 0}
.post-meta .views-count{margin:0 5px 0 0}
.post-meta .comment{margin:0 5px 0 0}
.post-meta .like-post-btn{background:#fff; border:0; margin:0 5px 0 0; padding:0; }
.post-meta .like-post-btn:disabled{color:red; opacity:1}
.post-meta .sharethis-inline-share-buttons {display:inline!important; margin:0 0 0 -2px!important;}
.post-meta .sharethis-inline-share-buttons .st-btn{height:19px!important; padding:0!important;}
.post-meta .sharethis-inline-share-buttons .st-btn:hover{top:0!important;}
.post-meta .sharethis-inline-share-buttons .st-btn img{top:2px!important;}
.post-meta .share{background:transparent; border:0; padding:0}
.post-meta .share-options{list-style:none; margin:0; padding:0; text-align:center}
.post-meta .share-options li{display:inline; margin:0 5px}
.post-meta .share-options li a{color:#000; font-size:30px}
.post-meta .share-options li a:hover{color:#c69c7f;}

/* FOOTER
============================================================================*/
#site-footer{padding:20px 0; z-index:999}
#site-footer .logo{float:right; height:30px}
#site-footer hr{border-color:#fff; float:left; margin:10px 0; opacity:1; width:100%}
#site-footer ul{list-style:none; margin:0; padding:0; float:right; text-align:center; width:100%}
#site-footer ul li{display:inline-block; margin:0 1px}
#site-footer ul li.text{font-size:20px; margin-right:5px}
#site-footer ul li.text span{text-transform:uppercase; float:left; margin-bottom:-9px;}
#site-footer ul li:last-child{margin:0}
#site-footer ul li img{height:28px; width:auto}

@media (max-width:767px){
	#site-footer{padding:15px 0}
	#site-footer .logo{float:right; height:20px}
	#site-footer ul li img{height:25px; width:auto}
}