/*
Theme Name: AIA
Version: 1.0
Text Domain: aia
*/

/* --------------- Header -------------------*/
html{overflow-x:hidden}
body{font-family: 'Lato', sans-serif;font-size: 16px; overflow-x:hidden}
img {height: auto; max-width: 100%;}
figure {margin: 1em 0;}
table {margin: 0 0 1.5em; width: 100%;}
h1,
h2,
h3,
h4,
h5,
h6{font-family: 'Fira Sans', sans-serif;}

a{transition: all 0.5s ease;}
a:hover{color:#56bdff; text-decoration:none}

/* Alignments */
.alignleft {display: inline; float: left; margin-right: 1.5em;}
.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

a img.alignright {float: right; margin: 0.313rem 0 1.25rem 1.25rem;}
a img.alignnone {margin: 0.313rem 1.25rem 1.25rem 0;}
a img.alignleft {float: left; margin: 0.313rem 1.25rem 1.25rem 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.wp-caption.alignnone {margin: 0.313rem 1.25rem 1.25rem 0;}
.wp-caption.alignleft {margin: 0.313rem 1.25rem 1.25rem 0;}
.wp-caption.alignright {margin: 0.313rem 0 1.25rem 1.25rem;}

/* 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;}

embed,
iframe,
object {max-width: 100%;}

/* --------------- Header -------------------*/
.site-header{position:relative; z-index:999}
.bg-light{background-color: #fff;}

.navbar {width: 100%;padding: 20px;}
.navbar .collapse li{padding: 0 20px;}
.navbar .navbar-nav .nav-link{color:#0009;font-family: 'Poppins-regular', sans-serif;font-size: 18px;}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus{color:#56bdff!important}
.navbar .navbar-nav .dropdown-menu{border:0; top:80px; padding:10px; border-radius:0}
.navbar .navbar-nav .dropdown-menu li{float:left; width:100%}
.navbar .navbar-nav .dropdown-menu a{color:#0009; float:left; padding:5px 0; width:100%}
.navbar .navbar-nav .dropdown-menu a:hover{color:#56bdff;}

/* --------------- Content -------------------*/
#page-title{padding:100px 0; position:relative;}
#page-title:before{background:rgba(0,0,0,0.6); content:''; display:block; height:100%; position:absolute; top:0; left:0; width:100%;}
#page-title .container{position:relative}
#page-title h1{color:#fff; text-align:center; text-transform:uppercase; z-index:999}

#page-content{padding:60px 0;}

/* --------------- Home -------------------*/
/* Slider */
.kc_elm{padding-top: 250px;padding-bottom: 250px;}

.hero-slider .slick-dots {height: 15px; left: auto; margin: 0; position: absolute; right:0;padding:0; text-align: center; bottom:10%; width:100%;}
.hero-slider .slick-dots li {display: inline-block; margin: 0 5px; vertical-align: top;}
.hero-slider .slick-dots li button {background-color:#fff; border:0; border-radius: 50%; display: block; height: 15px; line-height: 0; padding: 0; text-indent: -9999px; width: 15px;}
.hero-slider .slick-dots li.slick-active button {background-color:  #6b9fce;}
.hero-slider .kc_title {color:#fff; font-family: 'Lato', sans-serif; font-size:18px; margin:0 0 0; text-transform:uppercase;text-align: left; letter-spacing: 7px;}
.hero-slider .kc_subtitle {color:#fff;font-family: 'Fira Sans', sans-serif, sans-serif; font-size:100px; font-weight:600; line-height:100px; margin:20px 0;text-align: left; letter-spacing: 1px;}
.hero-slider .kc_under{color: #fff;font-family: 'Poppins-regular', sans-serif;font-size: 36px;text-align: left;}
.hero-slider section[data-kc-fullheight]{height:700px;}
.hero-slider p {color: #ffffff; font-size: 18px; margin-bottom: 30px;} 
.hero-slider .btn{border-color:#fff; color:#fff; font-size:20px; padding:15px 0;  text-align:center; text-transform:uppercase; width:270px}
.hero-slider .btn:hover{background:transparent}
.hero-slider .kc-title-wrap {border-left: 4px #4FC1F0 solid;padding: 0 40px 0 0;}
.hero-slider .slick-dotted.slick-slider{margin-bottom:0}

.hero-slider .slick-arrow {background:none; border:0; cursor:pointer; bottom:50%; height: 50px; margin:0; padding: 0; outline:none; position: absolute; text-align: center; width: 50px; z-index: 11; transition: 0.3s; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;}
.hero-slider .slick-arrow:active,
.hero-slider .slick-arrow:focus{outline:none;}
.hero-slider .slick-prev {right:none; left:50px;}
.hero-slider .slick-next {right:50px; left:none;}
.hero-slider .slick-prev:before, 
.hero-slider .slick-next:before{display:none}
.hero-slider .slick-arrow i {color:white; display: block; font-size:50px; line-height: 50px;}
.hero-slider .slick-arrow:hover i {color: #4FC1F0;}

.hero-single-slide {position: relative;}
.hero-single-slide > section {padding: 240px 0 240px;}
.hero-single-slide .kc-elm * {-o-animation-duration: 1s; -ms-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; -moz-animation-duration: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -o-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.hero-slider .kc-title-wrap {margin:0 50px;padding: 0 0 0 10px;}
.hero-slider .kc_button {background-color: #4fc1f0; border: 2px solid #4fc1f0; border-radius: 3px; color: #ffffff; font-weight: 600; text-transform: uppercase;}

.slick-active .slider-progress {display:none; position: absolute; background: rgba(79, 193, 240, 0.70); animation-name: timebartop; -o-animation-duration: 5s; -ms-animation-duration: 5s; -moz-animation-duration: 5s; -webkit-animation-duration: 5s; animation-duration: 5s; animation-timing-function: ease-in-out;}
.slick-active .kc-elm .kc_title {-o-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -o-animation-delay: .5s; -ms-animation-delay: .5s; -moz-animation-delay: .5s; -webkit-animation-delay: .5s; animation-delay: .5s;}
.slick-active .kc-elm .kc_subtitle {-o-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -o-animation-delay: .8s; -ms-animation-delay: .8s; -moz-animation-delay: .8s; -webkit-animation-delay: .8s; animation-delay: .8s; padding-right:0;}
.slick-active .kc-elm .btn { -o-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -o-animation-delay: .8s; -ms-animation-delay: .8s; -moz-animation-delay: .8s; -webkit-animation-delay: .8s; animation-delay: .8s; padding-right:0;}
.slick-active .kc-elm .kc_under {-o-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -o-animation-delay: 1.1s; -ms-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s; animation-delay: 1.1s;}
.slick-active .kc-elm img {-o-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -o-animation-delay: 1.1s; -ms-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s; animation-delay: 1.1s;}
.slick-active .kc-elm .kc-title-wrap{-o-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -o-animation-delay: .5s; -ms-animation-delay: .5s; -moz-animation-delay: .5s; -webkit-animation-delay: .5s; animation-delay: .5s;}
.slick-active .slider-progress.bar-left {left: 0; bottom: 0; width: 5px; -webkit-animation-name: timebarleft; -moz-animation-name: timebarleft; -ms-animation-name: timebarleft; animation-name: timebarleft;}
.slick-active .slider-progress.bar-top {left: 0; top: 0; height: 5px; -webkit-animation-name: timebartop; -moz-animation-name: timebartop; -ms-animation-name: timebartop; animation-name: timebartop;}
.slick-active .slider-progress.bar-bottom {left: 0; bottom: 0; height: 5px; -webkit-animation-name: timebarbottom; -moz-animation-name: timebarbottom; -ms-animation-name: timebarbottom; animation-name: timebarbottom;}
.slick-active .slider-progress.bar-right {right: 0; bottom: 0; width: 5px; -webkit-animation-name: timebarright; -moz-animation-name: timebarright; -ms-animation-name: timebarright; animation-name: timebarright;}

@-webkit-keyframes timebarleft {
    from {height: 0;}
    to {height: 100%;}
}
@keyframes timebarleft {
    from {height: 0;}
    to {height: 100%;}
}

@-webkit-keyframes timebartop {
    from {width: 0;}
    to {width: 100%;}
}
@keyframes timebartop {
    from {width: 0;}
    to {width: 100%;}
}

@-webkit-keyframes timebarbottom {
    from {width: 0;}
    to {width: 100%;}
}
@keyframes timebarbottom {
    from {width: 0;}
    to {width: 100%;}
}

@-webkit-keyframes timebarright {
    from {height: 0;}
    to {height: 100%;}
}
@keyframes timebarright {
    from {height: 0;}
    to {height: 100%;}
}

@-webkit-keyframes btnAnimationIn {
    0% {-webkit-transform: scaleY(0.02); transform: scaleY(0.02);}
    50% {-webkit-transform: scaleY(0.02);transform: scaleY(0.02); width: 100%;}
    100% {-webkit-transform: scaleY(1); transform: scaleY(1); width: 100%;}
}
@keyframes btnAnimationIn {
    0% {-webkit-transform: scaleY(0.02); transform: scaleY(0.02);}
    50% {-webkit-transform: scaleY(0.02); transform: scaleY(0.02); width: 100%;}
    100% {-webkit-transform: scaleY(1); transform: scaleY(1); width: 100%;}
}

/* Good Product */
.good-product{width: 100%;background:#16489D;padding: 60px 0;}
.good-product .award{display: flex;}
.good-product .award h4{color: #fff;font-family: 'Poppins', sans-serif;font-size: 20px;}
.good-product .award p{color:#fff;}
.good-product .award .image{padding:0 30px 0 0; width:220px}
.good-product .award .image img{width:100%;}

/* Expert */
#about{width: 100%; padding:60px 0; clear: both; border-bottom: 1px #000 solid;}
#about img{width: 100%;}

/* our product */
#product{width: 100%;height: auto;clear: both;padding:30px 0;}
#product h1{font-size:40px; text-align: center;padding:20px 0;}
#product p{text-align: center;padding:0 0 25px;}
#product .detail{color:#212529;}
#product .detail p{text-align: left;}
#product .detail h3{font-size:24px; margin:0 0 20px; padding:0;font-family: 'Fira Sans', sans-serif;}
#product .image {position: relative; width: 100%;}
#product .image img {margin:0 0 20px; width: 100%;}
#product .image__img{display: block;width: 100%;} 
#product .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(44, 44, 44, 0.6);color:#fff;text-align: center;justify-content: center;display:flex;flex-direction: column;font-size: 30px;font-weight: bold;opacity: 0;transition: opacity 0.80s ;}
#product .text:hover{opacity: 1;}

/* CTA */
.wood{background:linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60)), transparent url('image/bg-cta.jpg') center center/cover no-repeat scroll; border-top:5px solid #2EB6E8; width: 100%;padding: 95px;}
.wood h1{font-family: 'Satisfy', cursive;font-size:55px;text-align: center;color:#E8EBED;}

/* Gallery */
#home-gallery{width: 100%;background: #16489D;padding: 60px 0;}
#home-gallery h1{color: #fff;text-align: center;}
#home-gallery img{width: 100%;margin: 0 auto;}
#home-gallery .gallery-slide{width: 100%;height: 100%;padding: 30px 0;}
#home-gallery .slick-slide{padding: 0 20px!important;}
#home-gallery .gallery-slide .slick-prev,
#home-gallery .gallery-slide .slick-next{display: none!important;}
#home-gallery .gallery-slide .slick-slide:focus{outline: none!important;}
#home-gallery .gallery .slick-track {margin-left: -690px!important}
#home-gallery .slick-dots li button{height:20px; padding:0; width:20px}
#home-gallery .slick-dots li button:before{color:#fff; content:'\f111'; font-family:'Font Awesome 5 Free'; font-size:16px; font-weight:400; opacity:1;}
#home-gallery .slick-dots li.slick-active button:before{color:#fff; content:'\f111'; font-family:'Font Awesome 5 Free'; font-weight:700; opacity:1;}


/* Contact */
#contact {width: 100%;clear: both;padding: 60px 0;}
#contact .form-head {margin: 0 auto;display: block;width: 100%;}
#contact .form-head img{display: inline-block;}
#contact .form-head h4{display: inline-block;font-size: 35px;float:right;font-family: 'Fira Sans-regular', sans-serif;color: #656565;padding:10px 0;}
#contact .form-head form{padding: 40px 0;}
#contact .form-head .form-control{border:1px solid #CECECE; border-radius:0;}
#contact .form-head .btn{border:2px solid #CECECE; border-radius:0;padding:20px;width: 200px;border: 2px solid #ced4da}

/* ---------------------- Gallery ----------------------- */
#page-gallery{padding:60px 0;}
#page-gallery .gallery{float:left; margin:0 0 30px; width:100%}
#page-gallery .gallery a{color:#212529; display:none}
#page-gallery .gallery a:hover{text-decoration:none}
#page-gallery .gallery a.main-image{display:block;}
#page-gallery .gallery a img{width:100%}
#page-gallery .gallery a h3{color:#212529; font-family: 'Fira Sans', sans-serif; font-size:24px; margin:20px 0 0; padding: 0;}

/* ---------------------- News ----------------------- */
#page-news{padding:60px 0;}
#page-news .news{float:left; margin:0 0 30px; width:100%;}
#page-news .news h2{color:#212529; font-family: 'Fira Sans', sans-serif; font-size:24px; margin:0 0 20px; min-height: 58px;}
#page-news .news h2 a{color:#212529;}
#page-news .news .thumbnail{float:left; margin:0 0 20px; width:100%}
#page-news .news .thumbnail img{float:left; margin:0; width:100%}

#page-news-detail{padding:60px 0;}
#page-news-detail .news-date{color:#74ccef; border-right:1px solid #74ccef; float:left; line-height:22px; text-align:center; width:100%}
#page-news-detail .news-date span.day{float:left; font-size:30px; font-weight:bold; margin:0 0 5px; width:100%}
#page-news-detail .news-date span.month{float:left; font-size:18px; font-weight:bold; width:100%}
#page-news-detail .news-date span.year{float:left; font-weight:bold; width:100%}
#page-news-detail h2{margin:0 0 20px}
#page-news-detail .thumbnail{float:left; margin:0 0 20px; width:100%}
#page-news-detail .widget-title{color:#74ccef; margin:0 0 20px; text-transform:uppercase;}
#page-news-detail .latest-news{float:left; margin:0 0 10px; width:100%}
#page-news-detail .latest-news h4 {font-size:18px; line-height:26px; margin:0;}
#page-news-detail .latest-news h4 a{color:#212529;}


/* ---------------------- Pagination ----------------------- */
.wp-pagenavi{text-align:center}
.wp-pagenavi a, 
.wp-pagenavi span{color:#0009; padding:5px 10px}
.wp-pagenavi a:hover, 
.wp-pagenavi span.current{border-color:#0009;}

/* ---------------------- Footer ----------------------- */
.top-footer{width: 100%;background:#292929;padding: 70px 0;border-bottom: 2px #656565 solid;}
.top-footer h4{color:#fff;font-weight: bold;border-bottom: 2px #656565 solid; width: 35%;padding:0 0  10px;}
.top-footer p {color: #fff;font-size: 18px;}
.top-footer .about{width: 100%;margin-right: 200px;}
.top-footer .social p{color: #46B4E8;line-height: 30px;margin: 0;}
.top-footer .social span{color: #fff;padding:10px 0 0;}
.top-footer .col-media{float: right;}

.copyright{width: 100%;background:#292929;padding:20px 0;display: flex;}
.copyright p{color: #fff; margin:0; padding:0; font-size: 20px;width: 100%;}
.copyright ul.social{list-style: none;display: flex;float: right; margin:0}
.copyright ul.social li{display:inline-block}
.copyright ul.social i{font-size:40px;color: #fff;padding:0 5px;}
.copyright ul.social i:hover{color:#46B4E8}

.floating-whatsapp{background:#01E676; bottom:30px; color:#fff; font-size:30px; line-height:50px; height:50px; text-align:center; position:fixed; right:30px; width:50px; border-radius:50px}
.floating-whatsapp:hover{color:#fff}

/* ---------------------- Responsive ----------------------- */
@media (max-width:769px){
    .navbar .collapse li{padding: 0;}
    .navbar .navbar-nav{margin-top:20px}
    .navbar .navbar-nav .nav-link{text-align:center}
    .navbar .navbar-nav .dropdown-menu a{text-align:center}
    .hero-slider .kc_title,
    .hero-slider .slick-active .kc-elm .kc_title{font-size:15px}
    .hero-slider .kc_subtitle{font-size:50px!important; line-height: 50px;}
    .hero-slider .kc_under {font-size:20px;}
    .hero-slider .slick-next{right:10px}
    .hero-slider .slick-prev{left:10px}
    .hero-slider .slick-arrow i{font-size:30px; line-height:30px;}
    .good-product .award{display: block; margin:0 0 30px;}
    .good-product .award .image{padding:0; width:100%}
    .good-product .award .image img{display: block; margin: 0 auto 20px; padding:0; height:60px; width:auto}
    .good-product .award p,
    .good-product .award h4{text-align: center!important;}
    #about img{margin:0 0 30px}
    #about h1{font-size:30px}
    #product h1{font-size:30px}
    #contact .form-head p{float:none!important;display: block!important;}
    #home-gallery .slick-track {margin-left: 0!important;}
    #page-news-detail .news-date{border:0}
    .top-footer h4{text-align:center; margin:0 auto 20px; width:100%}
    .top-footer .about{margin-right:0; text-align:center}
    .top-footer .social{text-align:center}
    .copyright .d-flex{display: block!important;}
    .copyright .order-1{float:left; width:100%}
    .copyright .order-2{float:left; width:100%}
    .copyright p{text-align: center;}
    .copyright ul.social{display:block; padding: 0; margin:0 0 20px; text-align:center; width:100%}
}