/* Padding */
.section-padding{padding:100px 0;}
@media screen and (max-width:1199.98px){
    .section-padding{padding:90px 0;}
}
@media screen and (max-width:991.98px){
    .section-padding{padding:80px 0;}
}
@media screen and (max-width:767.98px){
    .section-padding{padding:70px 0;}
}


/* START BLOCK: Video Banner 01 */
.video-banner-01{display:block; position:relative; width:100%; height:87vh; overflow:hidden;}
.video-banner-01 .video-comp{
    display:block; position:absolute; height:80vh; width:auto; top:0; left:0;
}
.video-banner-01 .video-comp, .video-banner-01 .gif-comp{
    display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); 
    pointer-events:none;
}
.video-banner-01 .gif-comp{display:none;}
.video-banner-01 .filter{
    position:absolute; top:0; bottom:0; left:0; right:0; pointer-events:none; 
    background:rgba(0,0,0,.7); transition:all 0.7s ease-out 0s;
}
.preload .video-banner-01 .filter{background:rgba(0,0,0,1)}
.video-banner-01 .flex-wrapper{display:flex; height:calc(100% - 40px); margin-top:40px; align-items:center;}
.video-banner-01 .wrapper{display:block; width:100%; padding:20px; position:relative; text-align:center;}
.video-banner-01 .title{text-transform:uppercase; color:#fff; font-weight:300; margin-bottom:15px;}
.video-banner-01 .desc{color:#fff; font-weight:200; margin-bottom:50px;}
@media screen and (max-width:991.98px){
    .video-banner-01 .video-comp{display:none;}
    .video-banner-01 .gif-comp{display:block;}
}
@media screen and (max-aspect-ratio:1920/1080){
    .video-banner-01 .video-comp, .video-banner-01 .gif-comp{height:100vh; width:auto;}
}
@media screen and (min-aspect-ratio:1920/1080){
    .video-banner-01 .video-comp, .video-banner-01 .gif-comp{width:100vw; height:auto;}
}
/* END BLOCK: Video Banner 01 */
/* START BLOCK: Video Banner 02 */
.video-banner-02{padding-top:45px; padding-bottom:45px; display:block; width:100%; overflow:hidden;}
.video-banner-02 .pp-video-container, .video-banner-02 .img-container{max-width:calc(100% - 330px);}
.video-banner-02 .img-container{width:100%; height:600px;}
.video-banner-02 .img-container .img-bg{
    width:100%; height:100%; background-size:cover!important; background-position:center!important;
}
.video-banner-02 .flex-container{
    display:flex; align-items:center; position:absolute; top:0; bottom:0; 
    left:calc(100% - 400px); right:0;
}
.video-banner-02 .text-container{
    position:relative; width:100%; overflow:hidden; padding:50px; background:#fff;
    border-radius:4px; box-shadow:rgba(0, 0, 0, 0.12) 0px 5px 10px 0px;
}
.video-banner-02 .text-container .title{font-size:32px; font-weight:200;}
.video-banner-02 .text-container p{margin:25px 0 15px 0; font-size:16px; line-height:1.9; opacity:.85;}
@media screen and (max-width:1199.98px){
    .video-banner-02 .img-container{height:520px;}
    .video-banner-02 .text-container{padding:25px 35px 30px 35px;}
    .video-banner-02 .text-container .title{font-size:27px; font-weight:300;}
    .video-banner-02 .text-container p{margin:22px 0 10px 0; font-size:15px;}
}
@media screen and (max-width:991.98px){
    .video-banner-02 .img-container{height:450px;}
    .video-banner-02 .pp-video-container, .video-banner-02 .img-container{max-width:calc(100% - 200px);}
    .video-banner-02 .text-container .title{font-size:23px;}
    .video-banner-02 .text-container p{margin:17px 0 0 0; font-size:14px;}
}
@media screen and (max-width:767.98px){
    .video-banner-02{padding-top:25px; padding-bottom:25px;}
    .video-banner-02 .pp-video-container, .video-banner-02 .img-container{max-width:100%;}
    .video-banner-02 .img-container{height:300px;}
    .video-banner-02 .flex-container{display:block; position:relative; left:0;}
    .video-banner-02 .text-container{background:none; box-shadow:none;}
}
/* END BLOCK: Video Banner 02 */


/* START BLOCK: Client Block 01 */
.client-block-01{display:flex; align-items:center; height:100%; padding-bottom:30px;}
.client-block-01 .client img{
    display:block; width:80%; max-width:124px; height:auto; margin:0 auto; padding-top:30px;
    -webkit-filter:grayscale(100%); filter:grayscale(100%); transition:.4s all;
}
.client-block-01 .client img:hover{-webkit-filter:grayscale(0%); filter:grayscale(0%);}
@media screen and (max-width:1199.98px){
    .client-block-01{padding-bottom:55px;}
    .client-block-01 .client img{padding-top:55px;}
}
@media screen and (max-width:767.98px){
    .client-block-01{padding-bottom:65px;}
    .client-block-01 .client img{padding-top:65px; max-width:100px;}
}
/* END BLOCK: Client Block 01 */
/* START BLOCK: Client Block 02 */
.client-block-02{padding-top:50px; padding-bottom:50px;}
.client-block-02 > h2{text-transform:uppercase; margin:0; text-align:center;}
.client-block-02 .client-container{margin-top:50px;}
.client-block-02 .client{border-bottom:1px solid #eee; padding-top:25px;}
.client-block-02 .client .img-container{display:flex; height:100%; align-items:center;}
.client-block-02 .client .img-container img{
    display:block; max-width:180px; max-height:150px; margin:0 auto 25px auto;
}
.client-block-02 .client .text-container{padding-bottom:25px;}
.client-block-02 .client .title{font-size:24px; margin-bottom:10px;}
.client-block-02 .client p{margin:0; line-height:1.8;}
/* START BLOCK: Client Block 02 */
/* START BLOCK: Client Block 03 */
.client-block-03 h1{width:100%; text-align:center; text-transform:uppercase; margin:0 0 60px 0;}
.client-block-03 .carousel{position:relative; width:100%; overflow:hidden;}
.client-block-03 .slide{outline:none;}
.client-block-03 .slide > .img-container{
    display:block; position:relative; width:100%; padding:30% 0 0 0; outline:none;
}
.client-block-03 .slide .img-wrapper{
    position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center;
    justify-content:center;
}
.client-block-03 .slide img{
    display:block; width:auto; max-width:calc(100% - 20px); height:auto; max-height:calc(100% - 20px);
}
.client-block-03 .arrows{
    position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center;
    justify-content:space-between; pointer-events:none;
}
.client-block-03 .arrows > button{
    position:relative; background:#bcbec0; margin:0; width:50px; height:100%; overflow:hidden;
    font-size:0; color:rgba(0,0,0,0); border:none; box-shadow:none; outline:none; cursor:pointer;
    display:flex; align-items:center; justify-content:center; pointer-events:all; transition:opacity .3s;
}
.client-block-03 .arrows > button:hover{opacity:.8;}
.client-block-03 .arrows > button::after{
    content:'\f053'; font-family:'Font Awesome 5 Pro'; font-weight:900; color:#fff; font-size:22px;
}
.client-block-03 .arrows > button.slick-next::after{content:'\f054';}
/* END BLOCK: Client Block 03 */


/* START BLOCK: Intro Block 01 */
.intro-block-01{padding:140px 0 140px 0;}
.intro-block-01 h1{margin-bottom:5px;}
.intro-block-01 h3{font-weight:200;}
.intro-block-01 img{display:block; width:78%; height:auto; margin:65px auto 0 auto; border-radius:5px;}
.intro-block-01 .btn-container{margin-top:40px;}
.intro-block-01 .btn-headline{
    opacity:1!important; font-size:12px; font-weight:500; letter-spacing:1px;
    text-transform:uppercase; position:relative;
}
.intro-block-01 .btn-headline i{
    position:absolute; top:1.5px; right:-20px; transition:all 0.5s ease 0s; pointer-events:none;
}
.intro-block-01 .btn-headline:hover i{right:-28px;}
@media screen and (max-width:1199.98px){
    .intro-block-01{padding:100px 0 100px 0;}
    .intro-block-01 img{width:100%; margin-top:50px;}
}
@media screen and (max-width:767.98px){
    .intro-block-01{padding:55px 0 55px 0;}
    .intro-block-01 img{width:100%; margin-top:40px;}
    .intro-block-01 .btn-container{margin-top:30px;}
}
/* END BLOCK: Intro Block 01 */
/* END BLOCK: Intro Block 02 */
.intro-block-02{margin:90px 0;}
.intro-block-02 .title{font-weight:200; max-width:660px; margin:0px auto 30px auto;}
.intro-block-02 .tagline{
    margin:-20px auto 30px auto; text-align:center; font-size:18px; letter-spacing:.1px; opacity:.85;
}
.intro-block-02 p{
    font-weight:200; font-size:16px; letter-spacing:0.24px; line-height:2; max-width:744px; 
    margin:0px auto; color:#4a5259;
}
@media screen and (max-width:767.98px){
    .intro-block-02{margin:65px 0;}
}
/* END BLOCK: Intro Block 02 */
/* END BLOCK: Intro Block 03 */
.intro-block-03{padding-top:100px; padding-bottom:100px;}
.intro-block-03 .title{
    font-size:56px; line-height:75px; letter-spacing:-0.64px; margin:0 0 45px 0;
}
.intro-block-03 .title2{margin:0 0 40px 0;}
.intro-block-03 p{
    position:relative; font-weight:200; font-size:20px; letter-spacing:0.24px; line-height:2; 
    width:100%; max-width:804px; padding:0; margin:0px auto; color:#4a5259;
}
.intro-block-03.with-quote p{padding:0 30px;}
.intro-block-03 p .quote-left, .intro-block-03 p .quote-right{
    display:block; position:absolute; width:25px; height:auto;
}
.intro-block-03 p .quote-left{top:0; left:0;}
.intro-block-03 p .quote-right{bottom:22px; right:0;}
.intro-block-03 .speaker{
    font-weight:300; font-size:16px; letter-spacing:0.24px; line-height:2; color:#8e8f93;
    margin:35px 0 0 0;
}
.intro-block-03 .btn-container{padding-top:35px;}
@media screen and (max-width:991.98px){
    .intro-block-03 .title{font-size:47px; line-height:63px; letter-spacing:-0.5px;}
}
@media screen and (max-width:767.98px){
    .intro-block-03 .title{font-size:39px; line-height:53px; letter-spacing:-0.35; margin:0 0 40px 0;}
    .intro-block-03 p{font-size:18px; letter-spacing:0.18px; line-height:1.9;}
    .intro-block-03 .speaker{margin:30px 0 0 0;}
}
/* END BLOCK: Intro Block 03 */


/* START BLOCK: Detail Block 01 & 02 */
.detail-block-01, .detail-block-02{padding:70px 0;}
.detail-block-01 .main-img, .detail-block-02 .main-img{
    display:block; width:72%; height:auto; border-radius:5px; margin:-35px auto 0 20%;
}
.detail-block-02 .main-img{margin:-35px 20% 0 auto;}
.detail-block-01 .text-wrapper{margin-right:36%;}
.detail-block-02 .text-wrapper{margin-left:36%;}
.detail-block-01 .title, .detail-block-02 .title{font-weight:200; margin-bottom:30px;}
.detail-block-01 .desc, .detail-block-02 .desc{font-weight:200;}
.detail-block-01 .client, .detail-block-02 .client{overflow:hidden; margin-top:22px;}
.detail-block-01 .user-icon, .detail-block-02 .user-icon{
    float:left; display:block; width:52px; height:52px; margin-right:15px;
}
.detail-block-01 .client-text, .detail-block-02 .client-text{
    float:left; display:block; width:calc(100% - 67px);
}
.detail-block-01 .name, .detail-block-02 .name{
    font-size:12px; letter-spacing:0.049em; line-height:1.33; text-transform:uppercase;
}
.detail-block-01 .name span, .detail-block-02 .name span{margin-left:6px;}
.detail-block-01 .brand, .detail-block-02 .brand{
    display:block; width:auto; height:25px; margin-top:10px;
}
.detail-block-01 .btn-container, .detail-block-02 .btn-container{margin:0 0 35px 0;}
.detail-block-01 .btn-headline, .detail-block-02 .btn-headline{
    opacity:1!important; font-size:12px; font-weight:500; letter-spacing:1px;
    text-transform:uppercase; position:relative;
}
.detail-block-01 .btn-headline i, .detail-block-02 .btn-headline i{
    position:absolute; top:1.5px; right:-20px; transition:all 0.5s ease 0s; pointer-events:none;
}
.detail-block-01 .btn-headline:hover i, .detail-block-02 .btn-headline:hover i{right:-28px;}
@media screen and (max-width:1199.98px){
    .detail-block-01 .main-img{margin:-35px auto 0 0; width:90%;}
    .detail-block-02 .main-img{margin:-35px 0 0 auto; width:90%;}
    .detail-block-01 .text-wrapper{margin-right:0;}
    .detail-block-02 .text-wrapper{margin-left:0;}
    .detail-block-01 .btn-container, .detail-block-02 .btn-container{margin:-5px 0 30px 0;}
}
@media screen and (max-width:991.98px){
    .detail-block-01, .detail-block-02{padding:60px 0;}
    .detail-block-01 .title, .detail-block-02 .title{margin-bottom:25px;}
}
@media screen and (max-width:767.98px){
    .detail-block-01, .detail-block-02{padding:0; margin:60px 0;}
    .detail-block-01 .main-img{margin:0 auto 0 0; width:95%;}
    .detail-block-02 .main-img{margin:0 0 0 auto; width:95%;}
    .detail-block-01 .btn-container, .detail-block-02 .btn-container{margin:-5px 0 25px 0;}
}
@media screen and (max-width:575.98px){
    .detail-block-01 .main-img, .detail-block-02 .main-img{margin:0 auto; width:100%; max-width:360px;}
    .detail-block-02{display:-webkit-flex; -webkit-flex-wrap:wrap-reverse; display:flex; flex-wrap:wrap-reverse;}
    .detail-block-01 .title, .detail-block-02 .title{font-weight:200; margin:30px 0 15px 0;}
    .detail-block-01 .btn-container, .detail-block-02 .btn-container{margin:0 0 25px 0;}
}
/* END BLOCK: Detail Block 01 & 02 */
/* START BLOCK: Detail Block 03 */
.detail-block-03{padding:140px 0;}
.detail-block-03 > h2{
    max-width:660px; margin:0 auto 30px auto; font-weight:200; letter-spacing:0;
    font-size:calc(30px + ((14 * (100vw - 375px)) / 1065)); line-height:1.35;
}
.detail-block-03 > p{
    max-width:680px; margin:0 auto 90px auto; font-size:16px; letter-spacing:0.24px; line-height:2; font-weight:200;
}
.detail-block-03 .dot{display:block; width:16px; height:16px; margin:0 auto 40px auto;}
.detail-block-03 .header{font-size:24px; letter-spacing:-0.55px; line-height:1.5; font-weight:400; margin-bottom:22px;}
.detail-block-03 .desc{
    max-width:360px; margin:auto; font-size:16px; letter-spacing:0.24px; line-height:2;
}
@media screen and (max-width:767.98px){
    .detail-block-03{padding:80px 0;}
    .detail-block-03 > h2{margin-bottom:25px;}
    .detail-block-03 > p{margin-bottom:0;}
    .detail-block-03 .dot{width:10px; height:10px; margin:50px auto 30px auto;}
}
/* END BLOCK: Detail Block 03 */


/* START BLOCK: Call to Action 01 */
.call-to-action-01{padding:45px 20px;}
.call-to-action-01 .flex-wrapper{display:flex; min-height:calc(65vh - 70px); align-items:center;}
.call-to-action-01 .heading{line-height:2; letter-spacing:1.5px; font-weight:300; font-size:12px; margin:0 0 35px 0;}
.call-to-action-01 h2.text-lg{font-weight:200; max-width:860px; margin:0.2em auto 1.35em auto;}
/* END BLOCK: Call to Action 01 */
/* START BLOCK: Call to Action 02 */
.call-to-action-02{padding:45px 20px; background:#323a45;}
.call-to-action-02.bg-bdark{background:#1f2532;}
.call-to-action-02 .flex-wrapper{display:flex; min-height:calc(68vh - 70px); align-items:center;}
.call-to-action-02 h2{max-width:100%!important; font-size:32px; margin-bottom:25px;}
.call-to-action-02 .heading{
    line-height:2; letter-spacing:1.5px; font-weight:300; font-size:12px; 
    margin:35px 0 0 0; opacity:.6;
}
.call-to-action-02 h2.text-lg{font-weight:200; max-width:860px; margin:0.2em auto 1.35em auto;}
.call-to-action-02 .contents{
    display:flex; width:100%; flex-wrap:wrap; justify-content:space-evenly; align-items:center;
}
.call-to-action-02 .content{display:block; max-width:calc((100% - 80px) / 2 * 1.15);}
.call-to-action-02 .content:nth-child(2){max-width:calc((100% - 80px) / 2 * 0.85);}
.call-to-action-02 h1{font-size:56px; margin:0; text-transform:uppercase; color:#fff;}
.call-to-action-02 p{
    font-size:18px; font-weight:500; color:#fff; letter-spacing:.4px; margin:10px 0 0 0; line-height:1.7;
}
.call-to-action-02 label{
    font-size:18px; font-weight:500; color:#fff; letter-spacing:.4px; margin:0; line-height:1.7;
}
.call-to-action-02 input{
    width:100%; margin:5px 0 10px 0; border:0; box-shadow:none; font-size:18px; font-weight:400;
    color:#000; letter-spacing:.4px; line-height:1.7; padding:20px;
}
.call-to-action-02 .btn{text-transform:uppercase; width:auto;}
/* END BLOCK: Call to Action 02 */


/* START BLOCK: Pure Image Banner */
.pure-img-banner{position:relative; display:block; width:100%; height:100vh; overflow:hidden;}
.pure-img-banner.init-top{height:calc(100vh - 80px);}
.pure-img-banner .img-bg{
    display:block; width:100%; height:100%;
    background-position:center!important; background-size:cover!important;
}
.pure-img-banner .img-bg::after{
    content:''; position:absolute; top:0; bottom:0; left:0; right:0;
    background-image:linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0));
}
.pure-img-banner.no-gradient .img-bg::after{background-image:none;}
.pure-img-banner .decor{position:absolute; font-size:76px; color:#fff; line-height:1.2; letter-spacing:.75px;}
.pure-img-banner .decor .text{position:relative; z-index:2;}
.pure-img-banner .decor sup{font-size:19%; top:-42px; font-weight:300;}
.pure-img-banner .decor1{top:25px; left:25px;}
.pure-img-banner .decor2{
    bottom:50px; right:0; font-size:45px; font-weight:400; letter-spacing:.8px; line-height:1.25;
}
.pure-img-banner .decor2 .wrapper{position:relative; background:#004f7f; padding:20px 25px 30px 10px;}
.pure-img-banner .decor2 .skew-bg{
    content:''; position:absolute; top:0; bottom:0; left:-70px; right:0; background:#004f7f;
    transform:skew(-37deg); z-index:1;
}
@media screen and (max-width:1199.98px){
    .pure-img-banner .decor sup{top:-38px;}
    .pure-img-banner .decor1{font-size:66px;}
    .pure-img-banner .decor2{font-size:40px;}
}
@media screen and (max-width:991.98px){
    .pure-img-banner .decor sup{top:-32px;}
    .pure-img-banner .decor1{font-size:58px;}
    .pure-img-banner .decor2{font-size:36px;}
    .pure-img-banner .decor2 .wrapper{padding:20px 25px 20px 10px;}
    .pure-img-banner .decor2 .skew-bg{left:-50px;}
}
@media screen and (max-width:767.98px){
    .pure-img-banner .decor sup{top:-17px;}
    .pure-img-banner .decor1{font-size:30px;}
    .pure-img-banner .decor2{font-size:26px;}
    .pure-img-banner .decor2 .skew-bg{left:-45px;}
}
@media screen and (max-width:559.98px){
    .pure-img-banner .decor sup{top:-16px;}
    .pure-img-banner .decor1{font-size:26px;}
    .pure-img-banner .decor2{font-size:24px;}
}
/* END BLOCK: Pure Image Banner */


/* START BLOCK: Category Block 01 */
.category-block-01{
    display:block; width:100%; min-height:calc(100vh - 80px); padding:24px; overflow:hidden;
}
.category-block-01 > .inner-wrapper{
    display:flex; align-items:center; width:100%; height:100%; min-height:calc(100vh - 128px);
    background:#fafafa;
}
.category-block-01 .text-container{width:48%; padding-bottom:90px;}
.category-block-01 .text-container .text-wrapper{
    display:block; width:100%; max-width:480px; margin:0 auto; padding:40px; color:#818181;
}
.category-block-01 .title{font-size:38px; line-height:1.25; font-weight:300; letter-spacing:.6px;}
.category-block-01 p{
    font-size:17px; line-height:1.7; font-weight:400; letter-spacing:.6px;
    margin:27px 0 0 0; color:rgb(129,129,129,.75);
}
.category-block-01 .btn{text-transform:uppercase; margin-top:5px;}
.category-block-01 .img-container{width:52%;}
.category-block-01 .img-container img{display:block; width:100%; margin:0 auto;}
@media screen and (max-width:1199.98px){
    .category-block-01 .text-container{width:46%; padding-bottom:70px;}
    .category-block-01 .img-container{width:54%;}
    .category-block-01 .title{font-size:32px;}
}
@media screen and (max-width:991.98px){
    .category-block-01 > .inner-wrapper{display:block;}
    .category-block-01 .text-container, .category-block-01 .img-container{width:100%; padding:0;}
    .category-block-01 .text-container .text-wrapper{
        max-width:640px; text-align:center; padding:110px 25px 35px 25px;
    }
    .category-block-01 .title{font-size:28px; letter-spacing:.45px;}
    .category-block-01 p{font-size:16px;}
    .category-block-01 .img-container img{max-width:600px; margin-bottom:40px;}
}
@media screen and (max-width:767.98px){
    .category-block-01 .text-container .text-wrapper{padding:85px 20px 35px 20px;}
    .category-block-01 .title{font-size:26px;}
    .category-block-01 p{font-size:15px;}
}
@media screen and (min-width:991.98px){
    .category-block-01.reverse > .inner-wrapper{
        flex-wrap:wrap-reverse; flex-direction:row-reverse;
    }
}
/* END BLOCK: Category Block 01 */


/* START BLOCK: Table Block 01 */
.table-block-01{display:block; position:relative; margin:90px auto;}
.table-block-01 > h3{
    display:block; font-size:26px; font-weight:700; clear:both; margin:0 0 40px 0; width:100%;
    text-align:center; letter-spacing:-1.5px; color:#323a45;
}
.table-block-01 .table-row{
    clear:both; height:92px; border-bottom:1px solid #e9ebec; cursor:pointer; padding:0; margin:0;
}
.table-block-01 .table-row:first-child{border-top:1px solid #e9ebec;}
.table-block-01 .text{transition:.25s all;}
.table-block-01 .table-row-wrapper{height:92px; cursor:pointer; z-index:-1; transition:.35s all;}
.table-block-01 .table-row:hover .table-row-wrapper{
    z-index:3; padding-right:1%; padding-left:1%; box-shadow:15px 15px 15px rgba(0,0,0,.2);
    -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);
}
.table-block-01 .table-row-wrapper > .title{
    float:left; width:40%; font-size:22px; font-weight:700; display:block; margin-right:2.35765%;
    letter-spacing:-.4px; color:#252b33; margin-right:2.5%;
}
.table-block-01 .table-row-wrapper > .desc{
    float:left; display:block; width:35%; font-size:15px; font-weight:500; color:#8a959e; margin-right:2.5%;
}
.table-block-01 .table-row-wrapper > .desc img{
    display:block; float:left; width:30px; height:30px; margin:31px 10px 31px 0; border-radius:15px;
}
.table-block-01 .table-row-wrapper > .desc .text{display:block; float:left; width:calc(100% - 40px);}
.table-block-01 .table-row-wrapper > .action{display:block; float:left; width:20%;}
.table-block-01 .table-row-wrapper > .action .text{text-align:right; font-size:14px;}
.table-block-01 .table-row-wrapper > .action .btn{
    min-width:90px; padding:5px 20px 7px; line-height:24px; text-align:center;
    border-radius:40px; font-size:14px; letter-spacing:1px; font-weight:600;
}
.table-block-01 .table-row:hover .text{color:#fff;}
.table-block-01 .table-container .table-row:nth-child(n+11){
    opacity:0; max-height:0; overflow:hidden; pointer-events:none; transition:.75s all;
}
.table-block-01 .table-container .table-row.show:nth-child(n+11){
    opacity:1; max-height:300px; overflow:inherit; pointer-events:all;
}
.table-block-01 .btn-container{margin-top:110px; text-align:center;}
.table-block-01 .btn-container .btn{
    font-size:18px; font-weight:700; border-radius:25px; clear:both; padding:10px 50px; 
}
@media screen and (max-width:991.98px){
    .table-block-01 .table-row:nth-child(2){border-top:1px solid #e9ebec;}
    .table-block-01 .table-row-wrapper{height:100%; overflow:hidden; padding:7.5% 3.5%;}
    .table-block-01 .table-row-wrapper > .title, .table-block-01 .table-row-wrapper > .desc,
    .table-block-01 .table-row-wrapper > .action{
        display:block; float:none; clear:both; width:100%; padding:0; margin:0;
        line-height:1.2; text-align:center;
    }
    .table-block-01 .table-row-wrapper > .desc img{display:block; float:none; clear:both; margin:16px auto 10px auto;}
    .table-block-01 .table-row-wrapper > .desc .text{
        display:block; float:none; clear:both; width:100%; margin:0 0 18px 0;
    }
    .table-block-01 .table-row-wrapper > .action .text{text-align:center;}
}
@media screen and (max-width:767.98px){
    .table-block-01 .table-row{height:auto;}
    .table-block-01 .table-row:nth-child(2){border-top:1px solid transparent;}
    .table-block-01 .table-row-wrapper{padding:25px 0 30px 0;}
}
@media screen and (min-width:991.98px){
    .table-block-01 .text{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:92px;}
}
@media screen and (min-width:767.98px) and (max-width:991.98px){
    .table-block-01 .table-row{height:250px; flex:0 0 48.8%; max-width:48.8%;}
    .table-block-01 .table-row:nth-child(odd){margin:0 1.2% 0 0; clear:both;}
    .table-block-01 .table-row:nth-child(even){margin:0 0 0 1.2%;}
    .table-block-01 .table-row-wrapper > .desc .text{max-height:65px; overflow:hidden;}
}
/* END BLOCK: Table Block 01 */
/* START BLOCK: Table Block 02 */
.table-block-02{padding-top:65px; padding-bottom:80px;}
.table-block-02 .nav{display:block; border:none; text-align:center; margin-bottom:15px;}
.table-block-02 .nav .nav-item{display:inline-block;}
.table-block-02 .nav .nav-item .nav-link{
    border:none; font-size:32px; font-weight:700; letter-spacing:-1.5px; color:#c1c7d0; padding:8px 27px;
}
.table-block-02 .tab-content{display:block; width:100%; overflow:hidden; margin:5px 0;}
.table-block-02 .tab-content .found-count{margin-top:20px;}
.table-block-02 .content-found{
    display:block; width:100%; overflow:hidden; opacity:.95; border-bottom:2px solid #dee2e6;
    transition:all .25s ease-in-out;
}
.table-block-02 .content-found:hover{opacity:1;}
.table-block-02 .content-found > a{display:block; width:100%; padding:30px 0; overflow:hidden;}
.table-block-02 .content-found .date{
    float:left; font-size:22px; color:#afb7c4; width:200px; transition:all .25s ease-in-out;
}
.table-block-02 .content-found .detail{
    float:left; width:calc(100% - 200px); padding-top:5px; line-height:1.75; transition:all .25s ease-in-out;
}
@media screen and (max-width:767.98px){
    .table-block-02 .nav .nav-item .nav-link{font-size:26px; letter-spacing:-1.2px; padding:8px 22px;}
    .table-block-02 .content-found .date{font-size:18px; width:145px;}
    .table-block-02 .content-found .detail{width:calc(100% - 145px); padding-top:0;}
}
@media screen and (max-width:559.98px){
    .table-block-02 .nav .nav-item .nav-link{font-size:24px; letter-spacing:-1.1px; padding:8px 20px;}
    .table-block-02 .content-found .date{float:none; width:100%; margin-bottom:15px;}
    .table-block-02 .content-found .detail{float:none; width:100%; font-weight:300; letter-spacing:.25px;}
}
/* END BLOCK: Table Block 02 */
/* START BLOCK: Table Block 03 */
.table-block-03{padding-top:65px; padding-bottom:80px;}
.table-block-03 .event-table th, .table-block-03 .event-table td{vertical-align:middle;}
.table-block-03 .event-table .btn.round{
    text-transform:uppercase; font-size:10.5px; padding:13px 18px!important;
}
.table-block-03 .event-table tbody{border-bottom:1px solid #dee2e6;}
.table-block-03 .found-count{margin-top:20px;}
/* END BLOCK: Table Block 03 */


/* START BLOCK: Carousel Banner 01 */
.carousel-banner-01{display:block; position:relative; width:100%; height:100vh; overflow:hidden;}
.carousel-banner-01 .carousel-indicators{margin:0; bottom:45px;}
.carousel-banner-01 .carousel-indicators li{
    display:inline-block; margin:0 10px; width:12px; height:12px; border-radius:6px; border:0;
    opacity:1; transition:.3s background;
}
.carousel-banner-01 .carousel-item{position:relative; width:100%; height:100vh;}
.carousel-banner-01 .carousel-item .img-container{
    display:block; width:100%; height:100vh; background-size:cover!important;
    background-position:center!important; -webkit-filter:grayscale(100%); filter:grayscale(100%);
}
.carousel-banner-01 .carousel-item .filter{
    display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:.6;
    background-image:linear-gradient(to right, #1640c9, #4286f4);
}
.carousel-banner-01 .carousel-item .text-wrapper{
    position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center;
}
.carousel-banner-01 .carousel-item .text-wrapper > .wrapper{
    display:block; text-align:center; margin:auto;
}
.carousel-banner-01 h6{
    font-size:17px; font-weight:400; margin-bottom:10px; letter-spacing:.02em; color:#fff;
}
.carousel-banner-01 h2{
    font-size:80px; font-weight:800; line-height:1; letter-spacing:0; color:#fff;
    max-width:64%; margin:auto;
}
.carousel-banner-01 .btn-container{margin-top:55px;}
.carousel-banner-01 .btn{
    font-size:16px; font-weight:600; padding:11px 50px 14px; border-radius:27px;
}
@media screen and (max-width:1199.98px){
    .carousel-banner-01 h2{max-width:72%;}
}
@media screen and (max-width:991.98px){
    .carousel-banner-01 h2{font-size:56px; max-width:77%;}
}
@media screen and (max-width:767.98px){
    .carousel-banner-01 h2{font-size:37px; max-width:100%;}
}
/* END BLOCK: Carousel Banner 01 */
/* START BLOCK: Carousel Banner 02 */
.carousel-banner-02{display:block; position:relative; width:100%; height:100vh; overflow:hidden;}
.carousel-banner-02 .carousel-indicators{margin:0; bottom:45px;}
.carousel-banner-02 .carousel-indicators li{
    display:inline-block; margin:0 10px; width:12px; height:12px; border-radius:6px; border:0;
    opacity:1; transition:.3s background;
}
.carousel-banner-02 .carousel-item{position:relative; width:100%; height:100vh;}
.carousel-banner-02 .carousel-item .img-container{
    display:block; width:100%; height:100vh; background-size:cover!important;
    background-position:center!important;
}
.carousel-banner-02 .carousel-item .text-wrapper{
    position:absolute; top:40px; bottom:0; left:0; right:0; display:flex;
}
.carousel-banner-02 .carousel-item .text-wrapper > .wrapper{display:block; margin:auto;}
.carousel-banner-02 .carousel-item .text-container{width:100%; max-width:460px; margin:0 5%;}
.carousel-banner-02 h1{
    font-size:58px; font-weight:300; line-height:1.25; margin:0; letter-spacing:.02em;
}
.carousel-banner-02 p{
    font-size:21px; font-weight:200; line-height:1.65; letter-spacing:.2px; 
    margin:35px 0 0 0; opacity:.8;
}
.carousel-banner-02 .sub{
    font-size:16px; font-weight:200; line-height:1.65; letter-spacing:.2px; margin:20px 0 0 0;
}
.carousel-banner-02 .btn-container{margin-top:20px;}
@media screen and (max-width:991.98px){
    .carousel-banner-02 h1{font-size:54px;}
    .carousel-banner-02 p{font-size:19px;}
    .carousel-banner-02 .sub{font-size:15px;}
}
@media screen and (max-width:767.98px){
    .carousel-banner-02 .carousel-item .text-container{margin:0;}
    .carousel-banner-02 h1{font-size:48px;}
    .carousel-banner-02 p{font-size:17px;}
    .carousel-banner-02 .sub{font-size:14px;}
}
/* END BLOCK: Carousel Banner 02 */


/* START BLOCK: Feature Block 01 */
.feature-block-01{
    display:block; position:relative; margin:90px auto 45px auto; padding-bottom:45px; overflow:hidden;
}
.feature-block-01 > h3{
    display:block; font-size:26px; font-weight:700; clear:both; margin:0 0 40px 0; width:100%;
    text-align:center; letter-spacing:-1.5px; color:#323a45;
}
.feature-block-01 .feature-container{display:block; position:relative; width:100%;}
.feature-block-01 .feature-container .feature{
    display:block; float:left; position:relative; width:calc(95.28% / 3);
    margin:0 2.36% 25px 0; overflow:visible;
}
.feature-block-01 .feature-container .feature:last-child{margin:0 0 25px 0;}
.feature-block-01 .feature-inner{
    display:block; position:relative; width:100%; height:600px; cursor:pointer;
    box-shadow:0 0 30px rgba(0,0,0,0); padding:45px 40px; transition:.3s all;
}
.feature-block-01 .feature-inner *{color:#fff;}
.feature-block-01 .feature-inner .img-background{
    display:block; position:absolute; top:0; bottom:0; left:0; right:0;
    background-size:cover!important; background-position:center!important;
    -webkit-filter:grayscale(100%); filter:grayscale(100%); z-index:-1;
}
.feature-block-01 .feature-inner .filter, .feature-block-01 .feature-inner .filter-dark{
    display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1;
}
.feature-block-01 .feature-inner .filter{background-image:linear-gradient(to right, #1640c9, #4286f4); opacity:.6;}
.feature-block-01 .feature-inner .filter-dark{background:#000; opacity:0; transition:.3s opacity;}
.feature-block-01 .feature-inner:hover{transform:scale(1.035); box-shadow:0 0 30px rgba(0,0,0,.2);}
.feature-block-01 .feature-inner:hover .filter-dark{opacity:.25;}
.feature-block-01 .feature-inner h3{
    font-size:17px; font-weight:500; margin-bottom:10px; letter-spacing:.02em; line-height:23px;
}
.feature-block-01 .feature-inner h4{
    font-size:26px; font-weight:600; line-height:1.21; letter-spacing:-.5px;
}
.feature-block-01 .feature-inner .info{display:block; position:absolute; bottom:45px; max-width:65%;}
.feature-block-01 .feature-inner .info p{font-size:16px; font-weight:600; line-height:24px;}
@media screen and (max-width:1399.98px){
    .feature-block-01 .feature-inner{height:460px;}
    .feature-block-01 .feature-inner .info{max-width:71%;}
}
@media screen and (max-width:767.98px){
    .feature-block-01 .feature-container .feature, .feature-block-01 .feature-container .feature:last-child{
        float:none; clear:both; width:100%; max-width:370px; margin:0 auto 25px auto;
    }
}
/* END BLOCK: Feature Block 01 */
/* START BLOCK: Feature Block 02 */
.feature-block-02{display:block; position:relative; width:100%; overflow:hidden; background:#000; z-index:-1;}
.feature-block-02 .bg-container{
    display:block; position:absolute; top:0; left:0; width:100vw; min-height:100vh; overflow:hidden;
}
.feature-block-02 .bg-container > .wrapper{display:block; position:relative; width:100%; min-height:100vh; overflow:hidden;}
.feature-block-02 .bg-container .feature{display:block; position:absolute; width:100%; min-height:100vh; overflow:hidden;}
.feature-block-02 .bg-container .feature .img-background{
    display:block; position:relative; width:100%; height:82vh; background-repeat:no-repeat!important;
    background-position:center!important; background-size:cover!important;
}
.feature-block-02 .filter{display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:#000; opacity:.6;}
.feature-block-02 .content-container{
    display:flex; align-items:center; position:relative; width:100%; overflow:hidden; padding:180px 10vw; 
    min-height:150vh; color:#fff;
}
.feature-block-02 .num{font-size:calc(104px + ((26 * (100vw - 375px)) / 1065)); font-weight:200; line-height:1.35;}
.feature-block-02 .num sup{
    font-size:calc(46px + ((11 * (100vw - 375px)) / 1065)); text-transform:uppercase; vertical-align:super; top:0;
}
.feature-block-02 .num .small{letter-spacing:0.24px; text-transform:uppercase; font-size:14px;}
.feature-block-02 .num-desc{font-size:14px; line-height:1.85; font-weight:100;}
.feature-block-02 .right-container{padding-left:60px;}
.feature-block-02 .title{
    font-size:calc(32px + ((34 * (100vw - 375px)) / 1065)); line-height:1.3; font-weight:100; margin:17px 0 24px 0;
}
.feature-block-02 .desc{
    font-size:calc(16px + ((4 * (100vw - 375px)) / 1065)); line-height:2; letter-spacing:0.24px; font-weight:300;
}
.feature-block-02 .client-container{display:block; width:100%; max-width:460px; margin:120px 0 0 auto;}
.feature-block-02 .client-container .testimonial{
    font-size:calc(15px + ((14 * (100vw - 375px)) / 1065)); letter-spacing:0.24px; line-height:1.5;
    font-weight:200; margin-bottom:30px; position:relative; z-index:2;
}
.feature-block-02 .client{display:block; position:relative; z-index:1;}
.feature-block-02 .client .user-icon{
    display:block; position:absolute; top:-130px; left:-235px; height:280px; width:auto; z-index:1;
}
.feature-block-02 .client-text{padding-left:80px;}
.feature-block-02 .client-text .name{
    letter-spacing:1px; line-height:1.65; font-size:11px; text-transform:uppercase; font-weight:600;
}
.feature-block-02 .client-text .brand{display:block; height:25px; width:auto; margin-top:12px;}
@media screen and (max-width:1199.98px){
    .feature-block-02 .content-container{padding:180px 0;}
}
@media screen and (max-width:991.98px){
    .feature-block-02 .num-desc{max-width:260px;}
    .feature-block-02 .right-container{padding-left:15px;}
    .feature-block-02 .title{margin:35px 0 15px 0;}
    .feature-block-02 .client .user-icon{top:-70px; left:-175px; height:220px;}
}
@media screen and (max-width:767.98px){
    .feature-block-02 .content-container{padding:75px 0;}
    .feature-block-02 .client-container{margin:80px 0 0 auto;}
    .feature-block-02 .client-container .testimonial{margin-bottom:22px;}
    .feature-block-02 .client .user-icon{float:left; position:relative; top:0; left:0; width:75px; height:75px;}
    .feature-block-02 .client-text{padding-left:90px;}
    .feature-block-02 .client-text .name{line-height:2;}
    .feature-block-02 .client-text .name span{display:block;}
    .feature-block-02 .client-text .brand{height:20px; margin-top:10px;}
}
/* END BLOCK: Feature Block 02 */
/* START BLOCK: Feature Block 03 */
.feature-block-03{display:block; padding-top:20px; padding-bottom:20px; overflow:hidden;}
.feature-block-03 .img-container, .feature-block-03 .img-background{height:420px;}
.feature-block-03 .img-container{width:56%;}
.feature-block-03 .text-container{width:44%;}
.feature-block-03 .img-container .img-background{
    display:block; width:100%; background-position:center!important; background-size:cover!important;
}
.feature-block-03 .text-container{height:auto;}
.feature-block-03 .text-container .wrapper{
    font-size:16px; border-left:3px solid #fcd411; max-width:67%; padding:0 25px; margin:auto;
}
.feature-block-03 .text-container .title{
    font-size:23px; line-height:1.4; letter-spacing:-0.32px; font-weight:900; margin:0;
    margin-bottom:12px; text-transform:uppercase;
}
.feature-block-03 .text-container p{
    font-size:15px; line-height:1.7; letter-spacing:0.11px; font-weight:200; margin:0;
}
@media screen and (max-width:1199.98px){
    .feature-block-03 .img-container, .feature-block-03 .img-background{height:360px;}
    .feature-block-03 .text-container .wrapper{max-width:85%; margin:0 0 0 auto;}
}
@media screen and (max-width:991.98px){
    .feature-block-03 .img-container, .feature-block-03 .img-background{height:300px;}
    .feature-block-03 .img-container{width:52%;}
    .feature-block-03 .text-container{width:48%;}
    .feature-block-03 .text-container .wrapper{max-width:90%;}
    .feature-block-03 .text-container .title{font-size:21px;  margin-bottom:10px;}
    .feature-block-03 .text-container p{font-size:14px;}
}
@media screen and (max-width:767.98px){
    .feature-block-03 .img-container, .feature-block-03 .img-background{height:200px;}
    .feature-block-03 .img-container, .feature-block-03 .text-container{width:100%;}
    .feature-block-03 .text-container .wrapper{max-width:100%; padding:20px 0 10px 0; border-left:0;}
}
@media screen and (min-width:767.98px){
    .feature-block-03{display:flex; align-items:center;}
    .feature-block-03.sm-reverse{flex-wrap:wrap-reverse; flex-direction:row-reverse;}
}
/* END BLOCK: Feature Block 03 */
/* START BLOCK: Feature Block 04 */
.feature-block-04{padding-top:80px; padding-bottom:80px;}
.feature-block-04 .feature-container{display:block; width:100%; overflow:hidden;}
.feature-block-04 .feature{
    display:block; float:left; width:calc((100% - 48px) / 3); margin:12px 24px 12px 0;
}
.feature-block-04 .feature:nth-child(3n){margin-right:0;}
.feature-block-04 .feature:nth-child(3n+1){clear:both;}
.feature-block-04 .feature .img-container, .feature-block-04 .feature .img-bg{
    display:block; width:100%; height:260px; overflow:hidden;
}
.feature-block-04 .feature .img-bg{
    background-position:center!important; background-size:cover!important; transition:.75s all;
    -webkit-filter:grayscale(100%); filter:grayscale(100%); opacity:.95;
}
.feature-block-04 .feature:hover .img-bg{-webkit-filter:grayscale(0%); filter:grayscale(0%); opacity:1;}
.feature-block-04 .feature .img-container{margin-bottom:12px;}
.feature-block-04 .feature .icon{display:block; height:58px; width:auto; margin:42px 0 20px 0;}
.feature-block-04 .feature .title{font-size:32px; font-weight:200;}
.feature-block-04 .feature .title2{font-size:20px; font-weight:400;}
.feature-block-04 .feature p{margin-top:12px; font-size:14px; line-height:1.9; opacity:.85;}
.feature-block-04 .feature .date{
    margin:12px 0 0 0; letter-spacing:.5px; font-size:14px; line-height:1;
    font-weight:500; color:#b4b8bb;
}
.feature-block-04 .feature .btn-container{padding:25px 0 55px 0;}
.feature-block-04 .feature .btn-container .btn{padding:17px 27px!important; font-size:11px;}
.feature-block-04 .pagination-container{display:block; width:100%; text-align:center; padding:40px 0 20px 0;}
.feature-block-04 .pagination-container .pagination{display:inline-block;}
@media screen and (max-width:1399.98px){
    .feature-block-04 .feature .img-container, .feature-block-04 .feature .img-bg{height:220px;}
    .feature-block-04 .feature .icon{height:54px; margin:40px 0 18px 0;}
}
@media screen and (max-width:1199.98px){
    .feature-block-04 .feature .img-container, .feature-block-04 .feature .img-bg{height:190px;}
    .feature-block-04 .feature .icon{height:50px; margin:38px 0 16px 0;}
    .feature-block-04 .feature .title{font-size:27px; font-weight:300;}
    .feature-block-04 .feature .title2{font-size:18px;}
    .feature-block-04 .feature p{line-height:1.7;}
    .feature-block-04 .feature .btn-container .btn{padding:14px 24px!important;}
}
@media screen and (max-width:991.98px){
    .feature-block-04 .feature .img-container, .feature-block-04 .feature .img-bg{height:140px;}
    .feature-block-04 .feature .icon{height:44px; margin:32px 0 15px 0;}
    .feature-block-04 .feature .title{font-size:23px;}
    .feature-block-04 .feature p{margin-top:8px;}
}
@media screen and (max-width:767.98px){
    .feature-block-04{padding-top:25px; padding-bottom:25px;}
    .feature-block-04 .feature{float:none; width:100%; margin:35px 0;}
    .feature-block-04 .feature .img-container, .feature-block-04 .feature .img-bg{height:150px;}
    .feature-block-04 .feature .icon{height:50px; margin:22px 0 10px 0;}
    .feature-block-04 .feature .title{font-size:28px;}
    .feature-block-04 .feature .title2{font-size:20px;}
    .feature-block-04 .feature .btn-container .btn{padding:16px 26px!important;}
}
/* END BLOCK: Feature Block 04 */
/* START BLOCK: Feature Block 05 */
.feature-block-05{padding-top:65px; padding-bottom:55px;}
.feature-block-05 h2{color:#54565b; font-size:22px;}
.feature-block-05 .feature-slots{margin-top:60px;}
.feature-block-05 .feature-slot .img-container{
    display:flex; align-items:center; width:100%; height:140px;
}
.feature-block-05 .feature-slot .img-container img{
    display:block; width:100%; max-width:160px; max-height:140px; margin:auto;
}
.feature-block-05 .feature-slot .tag{color:#616265; font-weight:400; margin:7px 0 18px 0;}
/* END BLOCK: Feature Block 05 */
/* START BLOCK: Feature Block 06 */
.feature-block-06{padding-top:80px; padding-bottom:80px;}
.feature-block-06 .slide{position:relative; padding:0 20px; overflow:hidden; outline:none;}
.feature-block-06 .slide::after{
    content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,.6);
    cursor:pointer; pointer-events:all; transition:.4s all;
}
.feature-block-06 .slide.slick-active::after{opacity:0; pointer-events:none;}
.feature-block-06 .slide a{text-decoration:none; outline:none;}
.feature-block-06 .img-bg{
    height:500px; background-position:center!important; background-size:cover!important;
}
@media screen and (max-width:1399.98px){
    .feature-block-06 .img-bg{height:420px;}
}
@media screen and (max-width:1199.98px){
    .feature-block-06 .img-bg{height:360px;}
}
@media screen and (max-width:991.98px){
    .feature-block-06 .slide{padding:0 15px;}
    .feature-block-06 .img-bg{height:310px;}
}
@media screen and (max-width:767.98px){
    .feature-block-06 .slide{padding:0 10px;}
    .feature-block-06 .img-bg{height:250px;}
}
@media screen and (max-width:575.98px){
    .feature-block-06 .slide{padding:0 7px;}
    .feature-block-06 .img-bg{height:185px;}
}
/* END BLOCK: Feature Block 06 */
/* START BLOCK: Feature Block 07 */
.feature-block-07{padding-top:80px;}
.feature-block-07 .title{
    font-size:56px; line-height:75px; letter-spacing:-0.64px; margin:0 0 30px 0;
}
.feature-block-07 p{
    position:relative; font-weight:200; font-size:20px; letter-spacing:0.24px; line-height:2; 
    width:100%; max-width:804px; padding:0 30px; margin:0 auto 50px auto;
}
.feature-block-07 .product-container{display:block; width:100%; overflow:hidden;}
.feature-block-07 .product{
    display:flex; align-items:center; float:left; width:50%; height:260px; overflow:hidden;
}
.feature-block-07 .product .img-container{display:block; width:50%; height:100%; overflow:hidden;}
.feature-block-07 .product .img-container .img-bg{
    width:100%; height:100%; transition:.4s all;
    background-size:cover!important; background-position:center!important;
}
.feature-block-07 .product .img-container:hover .img-bg{transform:scale(1.15);}
.feature-block-07 .product .text-container{display:block; width:50%; padding:25px;}
.feature-block-07 .product .text-container .ptitle{
    font-weight:400; font-size:28px; line-height:1.25; color:#212529; letter-spacing:.4px;
}
.feature-block-07 .product .text-container .ptitle sup{font-size:40%; top:-13px;}
.feature-block-07 .product .text-container .pdesc{
    font-size:12px; font-weight:300; color:#212529; text-transform:uppercase; opacity:.5;
    letter-spacing:1.5px; line-height:1.7; margin:17px 0 0 0;
}
@media screen and (max-width:991.98px){
    .feature-block-07 .title{font-size:47px; line-height:63px; letter-spacing:-0.5px;}
    .feature-block-07 .product{width:100%;}
}
@media screen and (max-width:767.98px){
    .feature-block-07 .title{font-size:39px; line-height:53px; letter-spacing:-0.35; margin:0 0 50px 0;}
    .feature-block-07 p{font-size:18px; letter-spacing:0.18px; line-height:1.9;}
}
@media screen and (max-width:575.98px){
    .feature-block-07 .product{display:block; height:auto;}
    .feature-block-07 .product .img-container, .feature-block-07 .product .text-container{width:100%;}
    .feature-block-07 .product .img-container{height:200px;}
    .feature-block-07 .product .text-container{padding:35px 25px;}
}
@media screen and (min-width:991.98px){
    .feature-block-07 .product:nth-child(3), .feature-block-07 .product:nth-child(4){
        flex-wrap:wrap-reverse; flex-direction:row-reverse;
    }
}
@media screen and (min-width:575.98px) and (max-width:991.98px){
    .feature-block-07 .product:nth-child(2), .feature-block-07 .product:nth-child(4){
        flex-wrap:wrap-reverse; flex-direction:row-reverse;
    }
}
/* END BLOCK: Feature Block 07 */
/* START BLOCK: Feature Block 08 */
.feature-block-08{padding-top:80px;}
.feature-block-08 .title{font-size:50px; line-height:1.5; letter-spacing:-0.25px; margin:0 0 30px 0;}
.feature-block-08 p{
    position:relative; font-weight:200; font-size:20px; letter-spacing:0.24px; line-height:2; 
    width:100%; max-width:900px; padding:0 25px; margin:0 auto 50px auto;
}
.feature-block-08 .feature-container{display:block; width:100%; overflow:hidden;}
.feature-block-08 .feature{
    display:block; position:relative; float:left; width:50%; height:400px; overflow:hidden;
    background-size:cover!important; background-position:center!important; z-index:0;
}
.feature-block-08 .feature .filter{
    position:absolute; top:0; bottom:0; left:0; right:0; opacity:.25; z-index:-1;
    pointer-events:none; transition:.3s opacity;
}
.feature-block-08 .feature:hover .filter{opacity:.5;}
.feature-block-08 .feature .flex-container{display:flex; align-items:center; width:100%; height:100%;}
.feature-block-08 .feature .wrapper{padding:20px 100px;}
.feature-block-08 .feature .ftitle{font-weight:600; font-size:42px; line-height:1.25; letter-spacing:1px;}
.feature-block-08 .feature .fdesc{
    font-size:22px; font-weight:300; letter-spacing:.25px; line-height:1.6; margin:15px 0 0 0;
}
.feature-block-08 .feature .btn-container{padding-top:35px;}
@media screen and (max-width:1199.98px){
    .feature-block-08 .feature{height:360px;}
    .feature-block-08 .feature .wrapper{padding:20px 65px;}
    .feature-block-08 .feature .ftitle{font-size:40px;}
}
@media screen and (max-width:991.98px){
    .feature-block-08 .feature{height:340px;}
    .feature-block-08 .feature .wrapper{padding:25px 45px;}
    .feature-block-08 .feature .ftitle{font-size:38px;}
    .feature-block-08 .feature .fdesc{font-size:20px;}
}
@media screen and (max-width:767.98px){
    .feature-block-08 .feature{width:100%; height:auto;}
    .feature-block-08 .feature .wrapper{padding:40px 25px;}
    .feature-block-08 .feature .ftitle{font-size:38px;}
    .feature-block-08 .feature .fdesc{font-size:20px;}
}
/* END BLOCK: Feature Block 08 */
/* START BLOCK: Feature Block 09 */
.feature-block-09{margin:90px 0;}
.feature-block-09 .title{font-weight:200; max-width:660px; margin:0px auto 30px auto;}
.feature-block-09 p{
    font-weight:200; font-size:16px; letter-spacing:0.24px; line-height:2; max-width:744px; margin:0px auto;
}
.feature-block-09 .features{
    display:flex; flex-wrap:wrap; justify-content:center; width:calc(100% + 24px); margin:30px -12px 20px -12px;
}
.feature-block-09 .feature{position:relative; width:25%; padding:12px;}
.feature-block-09 .feature > .wrapper{position:relative; display:block; width:100%;}
.feature-block-09 .feature .img-container{
    position:relative; display:block; width:100%; padding:66% 0 0 0; transition:opacity .25s;
}
.feature-block-09 .feature .img-container:hover{opacity:.7;}
.feature-block-09 .feature .img-bg{
    position:absolute; top:0; bottom:0; left:0; right:0;
    background-position:center!important; background-size:cover!important;
}
.feature-block-09 .feature .ftitle{
    font-weight:500; text-transform:uppercase; color:#2d2d2d; font-size:16px;
    letter-spacing:1px; margin:12px 0 0 0;
}
.feature-block-09 .feature .fdesc{
    font-weight:300; font-size:14px; letter-spacing:0.24px; line-height:1.45;
    margin:10px 0 15px 0; color:#9fa1a7;
}
@media screen and (max-width:991.98px){
    .feature-block-09 .feature{width:calc(100% / 3);}
}
@media screen and (max-width:767.98px){
    .feature-block-09 .feature{width:50%;}
}
@media screen and (max-width:519.98px){
    .feature-block-09 .feature{width:100%;}
}
/* END BLOCK: Feature Block 09 */
/* START BLOCK: Feature Block 10 */
.feature-block-10 h1{width:100%; text-align:center; margin:0; text-transform:uppercase;}
.feature-block-10 .features{
    display:flex; width:100%; flex-wrap:wrap; justify-content:space-evenly; margin:30px 0 0 0;
}
.feature-block-10 .feature{
    display:block; width:calc((100% - 60px) / 3); max-width:340px; text-align:center;
}
.feature-block-10 .feature > .wrapper{display:block; width:100%; position:relative; padding:30px 0 0 0;}
.feature-block-10 .feature .img-container{
    display:block; position:relative; width:100%; padding:100% 0 0 0; outline:none;
}
.feature-block-10 .feature .img-wrapper{
    position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center;
    justify-content:center;
}
.feature-block-10 .feature .img-wrapper > img{
    display:block; width:auto; max-width:calc(100% - 20px); height:auto; max-height:calc(100% - 20px);
}
.feature-block-10 .feature .name{
    display:block; width:100%; color:#646464; font-size:29px; font-weight:800; text-transform:uppercase;
    margin:15px 0 0 0;
}
.feature-block-10 .feature p{margin:10px 0 0 0;}
.feature-block-10 .feature .btns{margin:22px 0 0 0;}
.feature-block-10 .feature .btn{text-transform:uppercase;}
@media screen and (max-width:991.98px){
    .feature-block-10 .features{justify-content:space-between;}
    .feature-block-10 .feature{width:calc((100% - 60px) / 2); max-width:320px;}
    .feature-block-10 .feature:nth-child(3){margin-left:auto; margin-right:auto;}
    .feature-block-10 .feature .name{font-size:26px;}
}
@media screen and (max-width:767.98px){
    .feature-block-10 .feature{width:calc((100% - 40px) / 2); max-width:340px;}
    .feature-block-10 .feature .name{font-size:22px;}
}
@media screen and (max-width:559.98px){
    .feature-block-10 .feature{width:100%; max-width:100%;}
    .feature-block-10 .feature .img-container{padding:80% 0 0 0;}
}
/* END BLOCK: Feature Block 10 */


/* START BLOCK: Social Block 01 */
.social-block-01{margin:70px 0 95px 0;}
.social-block-01 h4{
    font-size:16px; font-weight:500; margin-bottom:30px; text-transform:uppercase; color:#90a4ae;
}
.social-block-01 .btn{
    display:inline-block; font-weight:500; padding:0; border-radius:30px; background:#fff;
    -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; box-shadow:none;
    -webkit-align-items:center; -ms-flex-align:center; align-items:center; text-transform:uppercase;
    font-size:14px; width:180px; height:60px; line-height:60px; margin:0 20px 14px 20px; transition:.2s all;
}
.social-block-01 .btn i{font-size:21px; margin:0 14px 0 0;}
.social-block-01 .btn.btn-tw{color:#55acee; border:1px solid #55acee;}
.social-block-01 .btn.btn-tw:hover{background:#55acee;}
.social-block-01 .btn.btn-fb{color:#405d9b; border:1px solid #405d9b;}
.social-block-01 .btn.btn-fb:hover{background:#405d9b;}
.social-block-01 .btn.btn-ln{color:#0077b5; border:1px solid #0077b5;}
.social-block-01 .btn.btn-ln:hover{background:#0077b5;}
.social-block-01 .btn:hover{color:#fff;}
/* END BLOCK: Social Block 01 */


/* START BLOCK: Banner Block 01 */
.banner-block-01{margin-top:50px; margin-bottom:50px; overflow:hidden;}
.banner-block-01 .pp-h-stylish1{margin-bottom:0;}
.banner-block-01 .title{
    font-size:38px; font-weight:200; letter-spacing:-0.5px; line-height:1.3333; margin:22px 0 17px 0;
}
.banner-block-01 .detail-container{display:block; width:100%; margin-top:0;}
.banner-block-01 .detail-container .pp-video-container,
.banner-block-01 .detail-container .img-container{display:block; width:100%; margin-left:0;}
.banner-block-01 .detail-container .img-container img{display:block; width:100%; height:100%;}
.banner-block-01 .detail-container .detail{display:block; width:100%; padding-left:0;}
.banner-block-01 .detail-container .detail .wrapper{display:block; width:100%;}
.banner-block-01 .detail-container .detail p{
    font-weight:200; color:#4a5259; letter-spacing:-0.16px; line-height:1.65; margin:0 0 35px 0;
    font-size:calc(16px + ((24 * (100vw - 320px)) / 1600));
}
@media screen and (min-width:767.98px){
    .banner-block-01 .title{margin:26px 0 0 -4px; line-height:1.33333; letter-spacing:-1.1px;}
    .banner-block-01 .detail-container{
        display:flex; flex-wrap:wrap-reverse; flex-direction:row-reverse; margin-top:80px;
    }
    .banner-block-01 .detail-container .pp-video-container,
    .banner-block-01 .detail-container .img-container{display:block; width:68%; margin-left:calc(50% - 50vw)}
    .banner-block-01 .detail-container .detail{display:flex; flex:1; align-items:center; width:38%; padding-left:80px;}
    .banner-block-01 .detail-container .detail p{margin:0 0 45px 0;}
}
@media screen and (min-width:575.98px){
    .banner-block-01 .title{font-size: calc(40px + ((44 * (100vw - 375px)) / 1545));}
}
@media screen and (max-width:1199.98px){
    .banner-block-01 .detail-container .detail p{margin:0 0 40px 0;}
}
@media screen and (max-width:991.98px){
    .banner-block-01 .detail-container{margin-top:50px;}
    .banner-block-01 .detail-container .detail{padding-left:45px;} 
    .banner-block-01 .detail-container .detail p{margin:0 0 30px 0;}
}
@media screen and (max-width:767.98px){
    .banner-block-01 .container > .box-container{width:100%; padding:0;}
    .banner-block-01 .detail-container{margin-top:0;}
    .banner-block-01 .detail-container .pp-video-container,
    .banner-block-01 .detail-container .img-container, .banner-block-01 .detail-container .detail{
        display:block; width:100%; margin:0; padding:0;
    }
    .banner-block-01 .detail-container .pp-video-container,
    .banner-block-01 .detail-container .img-container{width:100vw; margin:45px calc(50% - 50vw);}
}
@media screen and (max-width:559.98px){
    .banner-block-01 .detail-container .pp-video-container,
    .banner-block-01 .detail-container .img-container{margin:45px -25px;}
}
/* END BLOCK: Banner Block 01 */
/* START BLOCK: Banner Block 02 */
.banner-block-02{display:flex; width:100%; height:100vh; padding:90px 0 40px 0; align-items:center;}
.banner-block-02 > .wrapper{display:block; position:relative; width:100%; overflow:hidden; text-align:center;}
.banner-block-02 .suptitle{
    font-size:12px; line-height:16px; letter-spacing:0.5px; text-transform:uppercase;
    font-weight:600; margin:0 0 16px 0;
}
.banner-block-02 .icon img{display:block; height:70px; width:auto; margin:auto;}
.banner-block-02 .title{font-size:56px; line-height:75px; letter-spacing:-0.64px; margin:25px 0 20px 0;}
.banner-block-02 p{
    font-size:16px; line-height:28px; letter-spacing:0.12px; font-weight:300;
    max-width:680px; margin:auto;
}
.banner-block-02 .btn-container{margin-top:10px;}
@media screen and (max-width:991.98px){
    .banner-block-02 .title{font-size:47px; line-height:63px; letter-spacing:-0.5px;}
}
@media screen and (max-width:767.98px){
    .banner-block-02 .title{font-size:39px; line-height:53px; letter-spacing:-0.35;}
}
/* END BLOCK: Banner Block 02 */
/* START BLOCK: Banner Block 03 */
.banner-block-03{
    display:block; width:100%; height:320px;
    background-size:cover!important; background-position:center!important;
}
.banner-block-03 .flex-container{display:flex; align-items:center; width:100%; height:100%;}
.banner-block-03 .text-container{position:relative;}
.banner-block-03 h1{font-weight:700; font-size:48px; line-height:1.2; letter-spacing:-.4px;}
/* END BLOCK: Banner Block 03 */
/* START BLOCK: Banner Block 04 */
.banner-block-04 > .container{display:block; width:100%; margin-top:0;}
.banner-block-04 .slide-container{display:block; position:relative; width:100%; margin-left:0;}
.banner-block-04 .slide-container .slide{
    background-size:cover!important; background-position:center!important; opacity:0;
    -webkit-filter:grayscale(100%); filter:grayscale(100%); z-index:1;
    position:absolute; top:0; bottom:0; left:0; right:0; transition:.6s all;
}
.banner-block-04 .slide-container .slide.active{
    opacity:1; -webkit-filter:grayscale(0%); filter:grayscale(0%); z-index:10;
}
.banner-block-04 .sslide-container{width:100%; overflow:hidden; margin-top:35px;}
.banner-block-04 .sslide-container .sslide{
    display:block; float:left; width:calc((100% - 28px) / 3); height:115px; margin:0 14px 0 0;
    cursor:pointer; background-size:cover!important; background-position:center!important;
    opacity:.45; -webkit-filter:grayscale(100%); filter:grayscale(100%); transition:.3s all; 
}
.banner-block-04 .sslide-container .sslide:last-child{margin:0!important;}
.banner-block-04 .sslide-container .sslide:hover, .banner-block-04 .sslide-container .sslide.active{
    opacity:1; -webkit-filter:grayscale(0%); filter:grayscale(0%);
}
.banner-block-04 .detail{display:block; width:100%; padding:40px 0 45px 0;}
.banner-block-04 .detail .wrapper{display:block; width:100%;}
.banner-block-04 .detail .title{font-size:34px; font-weight:200;}
.banner-block-04 .detail p{margin-top:16px; font-size:16px; line-height:1.9; opacity:.9;}
@media screen and (min-width:991.98px){
    .banner-block-04 > .container{
        display:flex; flex-wrap:wrap-reverse; flex-direction:row-reverse; margin-top:80px;
    }
    .banner-block-04 .slide-container{display:block; width:77%; margin-left:-17%;}
    .banner-block-04 .detail{display:flex; flex:1; align-items:center; width:38%; padding-left:80px;}
}
@media screen and (max-width:1399.98px){
    .banner-block-04 .sslide-container .sslide{height:95px;}
}
@media screen and (max-width:1199.98px){
    .banner-block-04 .detail{padding:30px 0 35px 50px;}
    .banner-block-04 .detail .title{font-size:30px; font-weight:300;}
    .banner-block-04 .detail p{margin-top:15px; font-size:15px;}
    .banner-block-04 .sslide-container{margin-top:25px;}
    .banner-block-04 .sslide-container .sslide{height:85px;}
}
@media screen and (max-width:991.98px){
    .banner-block-04{padding-top:40px; padding-bottom:40px;}
    .banner-block-04 .detail{display:block; width:100%; padding:0 0 14px 0;}
    .banner-block-04 .slide-container{height:325px;}
}
@media screen and (max-width:767.98px){
    .banner-block-04 .detail .title{font-size:28px;}
    .banner-block-04 .detail p{margin-top:8px; font-size:14px; line-height: 1.7;}
    .banner-block-04 .sslide-container{margin-top:18px;}
    .banner-block-04 .slide-container{height:280px;}
}
@media screen and (max-width:559.98px){
    .banner-block-04 .detail{padding:0 0 10px 0;}
    .banner-block-04 .slide-container{height:200px;}
    .banner-block-04 .sslide-container .sslide{height:70px;}
    .banner-block-04 .sslide-container .sslide{
        width:calc((100% - 20px) / 3); height:70px; margin:0 10px 0 0;
    }
}
/* END BLOCK: Banner Block 04 */
/* START BLOCK: Banner Block 05 */
.banner-block-05 > .container{display:block; width:100%; margin-top:0; display:flex;}
.banner-block-05 .slide-container{
    display:block; position:relative; margin-left:calc(50% - 50vw); width:65%; overflow:hidden;
}
.banner-block-05 .slide-container .slide{
    background-size:cover!important; background-position:center!important; opacity:0;
    -webkit-filter:grayscale(100%); filter:grayscale(100%); z-index:1; overflow:hidden;
    position:absolute; top:0; bottom:0; left:0; right:0; transition:.6s all;
}
.banner-block-05 .slide-container .slide.active{
    position:relative; opacity:1; -webkit-filter:grayscale(0%); filter:grayscale(0%); z-index:10;
}
.banner-block-05 .slide-container .img-container{display:block; position:relative; width:1005;}
.banner-block-05 .slide-container .img-container img{display:block; width:100%; height:auto;}
.banner-block-05 .slide-container .pp-video-container{position:absolute; top:0; height:100%;}
.banner-block-05 .slide-container .text{
    color:#fff; padding:30px 25px 0 25px; font-size:21px; font-weight:300; letter-spacing:.75px;
    text-align:center;
}
.banner-block-05 .detail{display:block; width:42%; padding:0 0 0 60px;}
.banner-block-05 .detail .wrapper{display:block; width:100%;}
.banner-block-05 .detail .title{font-size:34px; font-weight:200;}
.banner-block-05 .detail p{margin-top:16px; font-size:16px; line-height:1.9; opacity:.9;}
.banner-block-05 .sslide-container{width:100%; overflow:hidden; margin-top:35px;}
.banner-block-05 .sslide-container .sslide{
    display:block; float:left; width:calc((100% - 28px) / 3); height:115px; margin:0 14px 0 0;
    cursor:pointer; background-size:cover!important; background-position:center!important;
    opacity:.45; -webkit-filter:grayscale(100%); filter:grayscale(100%); transition:.3s all; 
}
.banner-block-05 .sslide-container .sslide:last-child{margin:0!important;}
.banner-block-05 .sslide-container .sslide:hover, .banner-block-05 .sslide-container .sslide.active{
    opacity:1; -webkit-filter:grayscale(0%); filter:grayscale(0%);
}
@media screen and (max-width:1399.98px){
    .banner-block-05 .sslide-container .sslide{height:95px;}
}
@media screen and (max-width:1199.98px){
    .banner-block-05 .slide-container .text{padding:25px 20px 0 20px; font-size:19px;}
    .banner-block-05 .detail{padding:30px 0 35px 50px;}
    .banner-block-05 .detail .title{font-size:30px; font-weight:300;}
    .banner-block-05 .detail p{margin-top:15px; font-size:15px;}
    .banner-block-05 .sslide-container{margin-top:25px;}
    .banner-block-05 .sslide-container .sslide{height:85px;}
}
@media screen and (max-width:991.98px){
    .banner-block-05 .slide-container .text{padding:23px 0 0 0; font-size:18px;}
    .banner-block-05{padding-top:40px; padding-bottom:35px;}
    .banner-block-05 > .container{flex-wrap:wrap-reverse;}
    .banner-block-05 .slide-container{margin-left:0; width:100%;}
    .banner-block-05 .detail{width:100%; padding:0 0 14px 0;}
    .banner-block-05 .sslide-container .sslide{height:135px;}
}
@media screen and (max-width:767.98px){
    .banner-block-05 .slide-container .text{padding:21px 0 0 0; font-size:17px;}
    .banner-block-05{padding-top:30px; padding-bottom:25px;}
    .banner-block-05 .detail .title{font-size:28px;}
    .banner-block-05 .detail p{margin-top:8px; font-size:14px; line-height: 1.7;}
    .banner-block-05 .sslide-container{margin-top:18px;}
    .banner-block-05 .sslide-container .sslide{height:110px;}
}
@media screen and (max-width:559.98px){
    .banner-block-05 .slide-container .text{padding:18px 0 0 0; font-size:16px;}
    .banner-block-05 .detail{padding:0 0 10px 0;}
    .banner-block-05 .sslide-container .sslide{height:70px;}
    .banner-block-05 .sslide-container .sslide{
        width:calc((100% - 20px) / 3); height:70px; margin:0 10px 0 0;
    }
}
/* END BLOCK: Banner Block 05 */
/* START BLOCK: Banner Block 06 */
.banner-block-06{width:100%; overflow:hidden;}
.banner-block-06 .carousel{position:relative; width:100%; overflow:hidden;}
.banner-block-06 .slide{outline:none;}
.banner-block-06 .slide > .wrapper{display:block; width:100%; outline:none;}
.banner-block-06 .slide img{display:block; width:100%; height:auto}
.banner-block-06 .dots{position:absolute; bottom:10px; left:0; right:0;}
.banner-block-06 .dots > .slick-dots{
    padding:0; margin:0; width:100%; display:flex; justify-content:center; list-style:none;
}
.banner-block-06 .dots > .slick-dots li{margin:0 5px;}
.banner-block-06 .dots > .slick-dots li button{
    width:18px; height:18px; border-radius:50%; overflow:hidden; background:#fff; color:rgba(0,0,0,0);
    box-shadow:none; padding:0; margin:0; position:relative; border:2px solid #fff; outline:none;
}
.banner-block-06 .dots > .slick-dots li.slick-active button{background:#fcd411; border-color:#fcd411;}
/* END BLOCK: Banner Block 06 */
/* START BLOCK: Banner Block 07 */
.banner-block-07{width:100%; overflow:hidden;}
.banner-block-07 .carousel{position:relative; width:100%; overflow:hidden;}
.banner-block-07 .slide{outline:none;}
.banner-block-07 .slide > .wrapper{
    display:flex; align-items:center; width:100%; height:74vh; outline:none;
    background-size:cover; background-position:right center;
}
.banner-block-07 .slide .text-container{padding:0 5%;}
.banner-block-07 .slide h1{color:#fff; text-transform:uppercase; margin:0;}
.banner-block-07 .slide .btns{margin:20px 0 0 0;}
.banner-block-07 .slide .btn{text-transform:uppercase;}
.banner-block-07 .arrows{
    position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center;
    justify-content:space-between; pointer-events:none;
}
.banner-block-07 .arrows > button{
    position:relative; background:rgba(0,0,0,0.55); margin:5px; width:36px; height:50px; overflow:hidden;
    font-size:0; color:rgba(0,0,0,0); border:none; box-shadow:none; outline:none; cursor:pointer;
    display:flex; align-items:center; justify-content:center; pointer-events:all; transition:opacity .3s;
}
.banner-block-07 .arrows > button:hover{opacity:.8;}
.banner-block-07 .arrows > button::after{
    content:'\f053'; font-family:'Font Awesome 5 Pro'; font-weight:900; color:#fff; font-size:22px;
}
.banner-block-07 .arrows > button.slick-next::after{content:'\f054';}
.banner-block-07 .slide .animate{opacity:0; transform:translateY(3rem); transition:all .75s;}
.banner-block-07 .slide.slick-active .animate{
    opacity:1; transform:translateY(0); transition-delay:var(--delay);
}
.preload .banner-block-07 .slide .animate{opacity:0!important; transform:translateY(5rem)!important;}
/* END BLOCK: Banner Block 07 */


/* START BLOCK: Landing Page 01 */
.landing-page-01 .left-section, .landing-page-01 .right-section{min-height:100vh;}
.landing-page-01 .left-section{padding:0 50px 70px 0;}
.landing-page-01 .left-section .btn-back{display:block; line-height:70px; font-size:22px;}
.landing-page-01 .left-section{
    background:linear-gradient(to left, rgb(238,238,238), rgb(255,255,255) 40px), rgb(255,255,255);
}
.landing-page-01 .left-section > .wrapper{max-width:80%; margin:auto;}
.landing-page-01 .left-section .header{
    font-size:35px; font-weight:100; letter-spacing:-0.55px; line-height:1.5;
}
.landing-page-01 .left-section .pp-list{margin-top:60px;}
.landing-page-01 .left-section .pp-list li{margin-bottom:40px;}
.landing-page-01 .right-section{padding:70px 0 70px 50px;}
.landing-page-01 .right-section > .wrapper{max-width:350px; margin:auto;}
.landing-page-01 .right-section .header{
    font-size:36px; letter-spacing:-0.55px; line-height:1.5; font-weight:200; margin:0 0 40px 0;
}

.landing-page-01 .clients{display:flex; align-items:center; height:100%; width:100%;}
.landing-page-01 .clients .client{width:20%;}
.landing-page-01 .clients .client img{
    display:block; width:70%; max-width:90px; height:auto; margin:0 auto; padding-top:35px;
    -webkit-filter:grayscale(100%); filter:grayscale(100%); transition:.4s all;
}
.landing-page-01 .clients .client img:hover{-webkit-filter:grayscale(0%); filter:grayscale(0%);}

@media screen and (max-width:991.98px){
    .landing-page-01 .left-section > .wrapper{max-width:100%;}
    .landing-page-01 .left-section .header{font-size:calc(24px + ((20 * (100vw - 375px)) / 1065));}
    .landing-page-01 .right-section .header{font-size:33px;}
}
@media screen and (max-width:767.98px){
    .landing-page-01 .left-section, .landing-page-01 .right-section{min-height:0; background:none;}
    .landing-page-01 .left-section, .landing-page-01 .right-section{padding:20px 0;}
    .landing-page-01 .right-section{padding-bottom:60px;}
    .landing-page-01 .right-section > .wrapper{max-width:100%;}
    .landing-page-01 .right-section .header{font-size:24px; margin:0 0 40px 0;}
}
/* END BLOCK: Landing Page 01 */


/* START BLOCK: Contact Block 01 */
.contact-block-01{padding-top:90px; padding-bottom:90px;}
.contact-block-01 .left-section, .contact-block-01 .right-section{min-height:100vh;}
.contact-block-01 .left-section .header{
    font-size:35px; font-weight:100; letter-spacing:-0.55px; line-height:1.5;
}
.contact-block-01 .left-section .pp-list{margin-top:40px;}
.contact-block-01 .left-section .pp-list li{margin-bottom:25px;}
.contact-block-01 .right-section .header{
    font-size:36px; letter-spacing:-0.55px; line-height:1.5; font-weight:200; margin:0 0 40px 0;
}
@media screen and (max-width:991.98px){
    .contact-block-01 .left-section .header{font-size:calc(24px + ((20 * (100vw - 375px)) / 1065));}
    .contact-block-01 .right-section .header{font-size:33px;}
}
@media screen and (max-width:767.98px){
    .contact-block-01 .left-section, .contact-block-01 .right-section{min-height:0; background:none;}
    .contact-block-01 .left-section, .contact-block-01 .right-section{padding-top:20px; padding-bottom:20px;}
    .contact-block-01 .right-section{padding-bottom:60px;}
    .contact-block-01 .right-section .header{font-size:24px; margin:0 0 40px 0;}
}
/* END BLOCK: Contact Block 01 */


/* START BLOCK: Content Block 01 */
.content-block-01{display:block; max-width:80%; margin:auto;}
.content-block-01 .header-section{padding:85px 0 30px 0; text-align:center;}
.content-block-01 .header-section h1{
    letter-spacing:0.34px; color:#323a45; text-transform:none; font-size:44px; 
    line-height:1; font-weight:300;
}
.content-block-01 .header-section p{
    margin:35px 0 0 0; color:#b2b4b6; text-transform:uppercase; letter-spacing:1px; 
    font-size:16px; line-height:1; font-weight:500;
}
.content-block-01 .body-section{
    padding:80px 0; font-size:18px; font-weight:300; line-height:1.8em; color:#8a959e; opacity:.95;
}
.content-block-01 .body-section p{
    font-size:18px; line-height:1.8em; color:#747c83; margin:0 0 25px 0;
}
.content-block-01 .body-section ul{margin:0 0 45px 20px; padding:0; list-style:none;}
.content-block-01 .body-section li{
    position:relative; font-size:18px; color:#8a959e; line-height:30px; margin:0; padding:0 0 20px 0;
}
.content-block-01 .body-section li::before{
    content:''; position:absolute; top:9px; left:-20px; width:6px; height:6px;
    background:#8a959e; border-radius:3px;
}
.content-block-01 .body-section .title{
    text-decoration:underline; font-weight:700; font-size:19px; text-transform:uppercase;
}
.content-block-01 .body-section .subtitle{font-weight:600; font-size:19px;}
.content-block-01 .body-section strong{font-weight:600;}
.content-block-01 .body-section .speaker{color:#60646b; padding-top:20px; font-style:italic; font-weight:600;}
.content-block-01 .body-section .speaker span{display:block; font-weight:200; line-height:1.2;}
@media screen and (max-width:1199.98px){
    .content-block-01{max-width:86%;}
}
@media screen and (max-width:991.98px){
    .content-block-01{max-width:88%;}
}
@media screen and (max-width:767.98px){
    .content-block-01{max-width:100%;}
    .content-block-01 .header-section{padding:85px 0 15px 0;}
    .content-block-01 .header-section h1{font-size:40px; line-height:1.2;}
}
/* END BLOCK: Content Block 01 */
/* END BLOCK: Content Block 02 */
.content-block-02{padding-top:50px; padding-bottom:50px;}
.content-block-02 h1{display:flex; align-items:center; height:100%;}
.content-block-02 .text-wrapper{max-width:85%; margin-left:auto;}
.content-block-02.on-right .text-wrapper{margin-left:0; margin-right:auto;}
.content-block-02 .title{margin:0 0 15px 0; font-weight:600;}
.content-block-02 p{margin:0; font-size:21px; font-weight:200; line-height:1.7; opacity:.9;}
@media screen and (max-width:1199.98px){
    .content-block-02 .text-wrapper{max-width:90%;}
}
@media screen and (max-width:991.98px){
    .content-block-02 .title{margin:0 0 12px 0;}
    .content-block-02 p{font-size:20px;}
}
@media screen and (max-width:767.98px){
    .content-block-02{padding-top:25px; padding-bottom:25px;}
    .content-block-02 .text-wrapper{max-width:100%;}
    .content-block-02 .title{margin:20px 0 12px 0;}
    .content-block-02 p{font-size:18px;}
}
/* END BLOCK: Content Block 02 */
/* START BLOCK: Content Block 03 */
.content-block-03{padding:45px 0 90px 0;}
.content-block-03 .header-section{padding-bottom:60px;}
.content-block-03 .header-section .title{font-size:32px;}
.content-block-03 .header-section .social-container{margin:18px 0;}
.content-block-03 .header-section .date{
    margin:15px 0 0 0; text-transform:uppercase; letter-spacing:.5px; font-size:17px;
    line-height:1; font-weight:500; color:#b2b4b6;
}
.content-block-03 .content-section{color:#121212; font-weight:300; line-height:2; font-size:16px;}
.content-block-03 .content-section a:not(.btn){color:#0b4a7e;}
.content-block-03 .content-section .img-center{
    display:block; width:100%; max-width:570px; height:auto; margin:15px auto 20px auto;
}
@media screen and (max-width:991.98px){
    .content-block-03 .header-section .title{font-size:28px;}
}
@media screen and (max-width:767.98px){
    .content-block-03 .header-section .title{font-size:25px;}
}
@media screen and (max-width:559.98px){
    .content-block-03 .header-section .title{font-size:22px;}
    .content-block-03 .content-section{font-size:15px;}
}
/* END BLOCK: Content Block 03 */
/* START BLOCK: Content Block 04 */
.content-block-04 h1{width:100%; text-align:center; margin:0; text-transform:uppercase;}
.content-block-04 p{margin:10px auto 0 auto; width:100%; max-width:840px; text-align:center;}
.content-block-04 .contents{
    display:flex; width:70%; flex-wrap:wrap; justify-content:space-evenly; margin:30px auto 0 auto;
}
.content-block-04 .content{display:block; max-width:250px; text-align:center;}
.content-block-04 .content h2{width:100%; text-align:center; margin:0;}
.content-block-04 .content .desc{
    font-size:26px; font-weight:400; color:#000; letter-spacing:-.4px; margin:5px 0 0 0; line-height:1.25;
}
.content-block-04 .btns{margin:40px 0 0 0; text-align:center;}
@media screen and (max-width:1199.98px){
    .content-block-04 .contents{width:100%;}
    .content-block-04 .content .desc{font-size:24px; letter-spacing:-.35px;}
}
@media screen and (max-width:991.98px){
    .content-block-04 .contents{justify-content:space-between;}
    .content-block-04 .content .desc{font-size:21px; letter-spacing:-.3px;}
}
@media screen and (max-width:767.98px){
    .content-block-04 .content{width:calc((100% - 40px) / 3);}
    .content-block-04 .content .desc{font-size:17px; letter-spacing:-.25px;}
}
/* END BLOCK: Content Block 04 */


/* START BLOCK: Grid Block 01 */
.grid-block-01{padding-top:100px; padding-bottom:20px; max-width:88%; margin:auto;}
.grid-block-01 .grid-wrapper{
    display:block; position:relative; width:100%; max-width:315px; overflow:hidden; margin:auto;
    padding-bottom:80px;
}
.grid-block-01 .grid-wrapper .img-container{position:relative; overflow:hidden;}
.grid-block-01 .grid-wrapper .img-container .bg-img{
    display:block; width:100%; height:345px; -webkit-filter:grayscale(100%); filter:grayscale(100%);
    background-position:center!important; background-size:cover!important; transition:.3s all;
}
.grid-block-01 .grid-wrapper:hover .img-container .bg-img{opacity:.6;}
.grid-block-01 .grid-wrapper .img-container::after{
    content:''; position:absolute; top:0; bottom:0; left:0; right:0; mix-blend-mode:soft-light;
}
.grid-block-01 .grid-wrapper .img-container.normal{border-radius:4px;}
.grid-block-01 .grid-wrapper .img-container.normal .bg-img{
    -webkit-filter:grayscale(0%); filter:grayscale(0%); opacity:1!important;
}
.grid-block-01 .grid-wrapper .img-container.normal:hover .bg-img{transform:scale(1.15);}
.grid-block-01 .grid-wrapper .img-container.normal::after{display:none;}
.grid-block-01 .grid.grid-color-1 .img-container::after{background:#4d3e97;}
.grid-block-01 .grid.grid-color-2 .img-container::after{background:#fc3768;}
.grid-block-01 .grid.grid-color-3 .img-container::after{background:#2a6a25;}
.grid-block-01 .title{
    font-size:24px; line-height:1.5em; letter-spacing:-0.32px; font-weight:400; 
    margin-top:15px; color:#101011;
}
.grid-block-01 .subtitle{
    font-size:11px; line-height:1.7; margin:10px 0 20px 0; letter-spacing:0.5px;
    text-transform:uppercase; font-weight:600;
}
.grid-block-01 .grid.grid-color-1 .subtitle{color:#4d3e97;}
.grid-block-01 .grid.grid-color-2 .subtitle{color:#fc3768;}
.grid-block-01 .grid.grid-color-3 .subtitle{color:#2a6a25;}
.grid-block-01 p{font-size:15px; line-height:1.7; letter-spacing:0.11px; font-weight:200;}
@media screen and (max-width:1199.98px){
    .grid-block-01{max-width:100%;}
    .grid-block-01 .grid-wrapper{max-width:290px;}
    .grid-block-01 .grid-wrapper .img-container .bg-img{height:320px;}
}
@media screen and (max-width:767.98px){
    .grid-block-01{padding-top:65px;}
    .grid-block-01 .grid-wrapper{max-width:100%; padding-bottom:65px;}
    .grid-block-01 .grid-wrapper .img-container{max-width:260px; margin:auto;}
    .grid-block-01 .grid-wrapper .img-container .bg-img{height:280px;}
    .grid-block-01 .title{font-size:23px;}
    .grid-block-01 p{font-size:14px;}
}
/* END BLOCK: Grid Block 01 */
/* END BLOCK: Grid Block 02 */
.grid-block-02{display:flex; position:relative; width:100%; overflow:hidden; padding:12px;}
.grid-block-02 .grid{width:calc(100% / 3); height:380px; padding:12px;}
.grid-block-02 .grid .inner-grid{
    display:flex; align-items:center; width:100%; height:100%; background:#fafafa;
    background-position:center!important; background-size:cover!important;
}
.grid-block-02 .grid .inner-grid .wrapper{width:100%; padding:20px 35px; text-align:center;}
.grid-block-02 .grid .icon{
    display:block; width:70px; height:70px; padding:0; margin:0 auto 20px auto;
    background:#fff; border-radius:35px; text-align:center;
}
.grid-block-02 .grid .icon i{font-size:27px; color:orange; line-height:70px;}
.grid-block-02 .grid .info{color:#818181; font-size:24px; line-height:1.45;}
.grid-block-02 .grid p{margin:12px 0 0 0; font-size:16px; opacity:.85;}
.grid-block-02 .grid .btn{
    font-size:10.5px; line-height:0; letter-spacing:0.1071em; overflow-wrap:break-word;
    padding:23px 28px!important; border-radius:999em; text-transform:uppercase; margin-top:22px;
}
@media screen and (max-width:1199.98px){
    .grid-block-02 .grid .inner-grid .wrapper{padding:20px 25px;}
    .grid-block-02 .grid .info{font-size:22px;}
}
@media screen and (max-width:991.98px){
    .grid-block-02{display:block;}
    .grid-block-02 .grid{width:100%; height:auto;}
    .grid-block-02 .grid .inner-grid .wrapper{padding:20px 20px;}
    .grid-block-02 .grid .info{font-size:21px;}
}
/* END BLOCK: Grid Block 02 */
/* END BLOCK: Grid Block 03 */
.grid-block-03{display:block; position:relative; width:100%; overflow:hidden; padding:12px;}
.grid-block-03 .grid{display:block; float:left; width:calc(100% / 3); height:400px; padding:12px;}
.grid-block-03 .grid .inner-grid{width:100%; height:100%; background:#fafafa;}
.grid-block-03 .grid .inner-grid .wrapper{width:100%; padding:40px 30px; text-align:center;}
.grid-block-03 .grid .img-container{
    display:block; width:100%; max-width:300px; height:160px; margin:0 auto 30px auto;
    border:1px solid #818181;
}
.grid-block-03 .grid .img-container .img-bg{
    width:100%; height:100%; background-position:center!important; background-size:cover!important;
}
.grid-block-03 .grid .info{color:#818181; font-size:18px; line-height:1.75;}
@media screen and (max-width:1399.98px){
    .grid-block-03 .grid{height:425px;}
    .grid-block-03 .grid .info{font-size:17px;}
}
@media screen and (max-width:1199.98px){
    .grid-block-03 .grid{height:410px;}
    .grid-block-03 .grid .inner-grid .wrapper{padding:35px 25px;}
    .grid-block-03 .grid .info{font-size:16px;}
}
@media screen and (max-width:991.98px){
    .grid-block-03 .grid{width:100%; height:auto;}
    .grid-block-03 .grid .inner-grid .wrapper{padding:35px 20px 30px 20px;}
}
/* END BLOCK: Grid Block 03 */


/* START BLOCK: Slide Block 01 */
.slide-block-01{
    display:block; position:relative; width:100vw; height:100vh; padding:85px 10px; overflow:hidden;
    background-size:cover!important; background-position:center!important;
}
.slide-block-01 .logo{display:block; height:58px; width:auto; margin:0 auto;}
.slide-block-01 .text-container{display:block; max-width:540px; margin:28px auto 0 auto; text-align:center;}
.slide-block-01 .title{
    color:#3b4450; text-transform:uppercase; letter-spacing:1px; font-size:44px; 
    line-height:1.5em; font-weight:600;
}
.slide-block-01 .desc{margin:32px 0; font-size:30px; line-height:1.5em; font-weight:100;}
.slide-block-01 .headline{
    margin:0; font-size:12px; line-height:1.5em; font-weight:600; color:#747c83;
    text-transform:uppercase; letter-spacing:1px;
}
@media screen and (max-width:559.98px){
    .slide-block-01 .title{font-size:35px; font-weight:500;}
    .slide-block-01 .desc{margin:22px 0; font-size:20px;}
}
/* END BLOCK: Slide Block 01 */


/* START BLOCK: Search Block 01 */
.search-block-01{padding-top:65px; padding-bottom:80px;}
.search-block-01 > .title{margin-bottom:60px;}
.search-block-01 .tab-content{display:block; width:100%; overflow:hidden; margin:5px 0;}
.search-block-01 .tab-content .found-count{margin-top:20px;}
.search-block-01 .content-found{
    padding:25px 0; border-bottom:2px solid #dee2e6; opacity:.8; transition:.25s all;
}
.search-block-01 .content-found:hover{opacity:1;}
.search-block-01 .content-found .title{font-size:22px; margin-bottom:6px;}
.search-block-01 .content-found .learn-more{font-weight:900;}

.search-block-01 .product-container{
    display:block; width:calc(100% + 30px); margin:15px -15px 0 -15px; overflow:hidden;
}
.search-block-01 .product-container .product{
    float:left; display:block; width:calc(100% / 5); padding:0 15px; margin-bottom:45px;
    border-right:1px solid #eee;
}
.search-block-01 .product-container .product:nth-child(5n){border-color:transparent;}
.search-block-01 .product-container .product .img-container{
    display:flex; align-items:center; position:relative; width:100%; height:160px; overflow:hidden; 
    margin-bottom:5px; outline:none;
}
.search-block-01 .product-container .product .img-container img{
    display:block; max-width:calc(90% - 20px); max-height:160px; margin:auto; transition:.5s all;
}
.search-block-01 .product-container .product .img-container:hover img{
    -webkit-filter:grayscale(100%); filter:grayscale(100%);
}
.search-block-01 .product-container .product .title{
    font-size:14px; font-weight:600; letter-spacing:0.24px; line-height:1.35;
}
.search-block-01 .product-container .product .subtitle{
    color:#a3a3a3; font-size:12px; letter-spacing:.42px; font-weight:400;
}
.search-block-01 .product-container .product .price{
    font-size:20px; line-height:1.4; letter-spacing:-0.25px; font-weight:400; margin:8px 0 12px 0;
}
.search-block-01 .product-container .product .btn-container{padding:0;}
.search-block-01 .product-container .product .btn-container .btn{
    border-radius:0; font-size:13px; padding:7px 10px; width:100%;
}
@media screen and (max-width:1199.98px){
    .search-block-01 .product-container .product{width:calc(100% / 4);}
    .search-block-01 .product-container .product:nth-child(5n){border-color:#eee;}
    .search-block-01 .product-container .product:nth-child(4n){border-color:transparent;}
    .search-block-01 .product-container .product .img-container{height:160px;}
    .search-block-01 .product-container .product .img-container img{max-height:160px;}
}
@media screen and (max-width:991.98px){
    .search-block-01 .product-container .product{width:calc(100% / 3);}
    .search-block-01 .product-container .product:nth-child(4n){border-color:#eee;}
    .search-block-01 .product-container .product:nth-child(3n){border-color:transparent;}
    .search-block-01 .product-container .product .img-container{height:175px;}
    .search-block-01 .product-container .product .img-container img{max-height:175px;}
}
@media screen and (max-width:767.98px){
    .search-block-01 .product-container .product{width:calc(100% / 2);}
    .search-block-01 .product-container .product:nth-child(3n){border-color:#eee;}
    .search-block-01 .product-container .product:nth-child(2n){border-color:transparent;}
}
@media screen and (max-width:559.98px){
    .search-block-01 .product-container .product{
        clear:both; float:none; width:100%; margin:0; padding-top:20px; padding-bottom:20px;
        border-right:0!important; border-bottom:1px solid #eee!important; overflow:hidden;
    }
    .search-block-01 .product-container .product .img-container{
        float:left; width:125px; height:125px; margin:0 25px 0 0;
    }
    .search-block-01 .product-container .product .img-container img{max-width:125px; max-height:125px;}
    .search-block-01 .product-container .product .product-content{float:left; width:calc(100% - 155px);}
    .search-block-01 .product-container .product .product-content .btn-container{max-width:180px;}
}
/* END BLOCK: Search Block 01 */


/* START BLOCK: Product Feature Block 01 */
.pfeature-block-01{display:flex; width:100%; overflow:hidden; align-items:center;}
.pfeature-block-01 .feature{
    display:block; width:20%; padding:10px 0; color:#777777; font-size:13px; letter-spacing:.42px;
    line-height:25px; transition:.3s opacity;
}
.pfeature-block-01 .feature:hover{opacity:.65;}
.pfeature-block-01 .feature:nth-child(2){padding-left:2%;}
.pfeature-block-01 .feature:nth-child(3){text-align:center;}
.pfeature-block-01 .feature:nth-child(4), .pfeature-block-01 .feature:nth-child(5){text-align:right;}
.pfeature-block-01 .feature:nth-child(4){padding-right:2%;}
@media screen and (max-width:767.98px){
    .pfeature-block-01{display:none;}
}
/* END BLOCK: Product Feature Block 01 */


/* START BLOCK: Product Detail Block 01 */
.pdetail-block-01{padding-top:60px; padding-bottom:85px;}
.pdetail-block-01 .preview-container, .pdetail-block-01 .pselector-container{
    display:block; position:relative; width:100%; overflow:hidden; padding:0 1px;
}
.pdetail-block-01 .preview-container .slide-wrapper{
    display:flex; align-items:center; height:440px; overflow:hidden;
}
.pdetail-block-01 .preview-container .slide-wrapper img{
    display:block; max-width:100%; max-height:440px; margin:auto; cursor:pointer;
}
.pdetail-block-01 .preview-container .slick-slide{outline:none;}
.pdetail-block-01 .preview-container > .arrows{
    position:absolute; top:0; bottom:0; left:-45px; right:-45px; opacity:0; transition:all .3s;
    display:flex; align-items:center; justify-content:space-between; pointer-events:none;
}
.pdetail-block-01 .preview-container:hover > .arrows{opacity:1; left:0; right:0;}
.pdetail-block-01 .preview-container > .arrows button{
    position:relative; border:none; box-shadow:none; color:rgba(0,0,0,0); outline:none;
    width:68px; height:88px; padding:0; background:rgba(255,255,255,0); pointer-events:all;
}
.pdetail-block-01 .preview-container > .arrows button::after{
    font-family:'Font Awesome 5 Pro'; font-weight:900; font-size:42px; color:#000;
    position:absolute; top:13px; opacity:.5;
}
.pdetail-block-01 .preview-container > .arrows button.slick-prev::after{content:'\f053'; left:20px;}
.pdetail-block-01 .preview-container > .arrows button.slick-next::after{content:'\f054'; right:20px;}
.pdetail-block-01 .preview-container > .arrows button:hover::after{opacity:.8;}

.pdetail-block-01 .pselector-container{margin-top:20px;}
.pdetail-block-01 .pselector-container .slide-wrapper{
    display:flex; align-items:center; border:1px solid #dadee2; height:76px; overflow:hidden;
}
.pdetail-block-01 .pselector-container .slide-wrapper img{
    display:block; max-width:calc(100% - 20px); max-height:56px; margin:auto; cursor:pointer;
}
.pdetail-block-01 .pselector-container .slick-slide{opacity:1; outline:none;}
.pdetail-block-01 .pselector-container .slick-current{opacity:1;}
.pdetail-block-01 .pselector-container > .arrows{
    position:absolute; top:0; bottom:0; left:-45px; right:-45px; opacity:0; transition:all .3s;
    display:flex; align-items:center; justify-content:space-between; pointer-events:none;
}
.pdetail-block-01 .pselector-container:hover > .arrows{opacity:1; left:0; right:0;}
.pdetail-block-01 .pselector-container > .arrows button{
    position:relative; border:none; box-shadow:none; color:rgba(0,0,0,0); outline:none;
    width:56px; height:100%; padding:0; background:rgba(255,255,255,0); pointer-events:all;
}
.pdetail-block-01 .pselector-container > .arrows button::after{
    font-family:'Font Awesome 5 Pro'; font-weight:900; font-size:36px; color:#000;
    position:absolute; top:13px; opacity:.5;
}
.pdetail-block-01 .pselector-container > .arrows button.slick-prev::after{content:'\f053'; left:15px;}
.pdetail-block-01 .pselector-container > .arrows button.slick-next::after{content:'\f054'; right:15px;}
.pdetail-block-01 .pselector-container > .arrows button:hover::after{opacity:.8;}
.pdetail-block-01 .pdetail > .inner-wrapper{display:block; width:88%; margin-left:auto;}
.pdetail-block-01 .pdetail .ptitle{
    font-size:23px; line-height:1.4; letter-spacing:-0.32px; font-weight:400; margin:0;
}
.pdetail-block-01 .pdetail .subtitle{
    color:#a3a3a3; font-size:13px; letter-spacing:.42px; line-height:25px; margin-top:5px;
}
.pdetail-block-01 .pdetail .subtitle > span{font-weight:600; color:#646464;}
.pdetail-block-01 .pdetail .price-container{margin-top:15px; align-items:center;}
.pdetail-block-01 .pdetail .price-container .price{
    font-size:25px; line-height:1.4; letter-spacing:-0.32px; font-weight:400; margin:0;
}
.pdetail-block-01 .pdetail .price-container .rating{font-size:14px; text-align:right;}
.pdetail-block-01 .pdetail .price-container .stars, .pdetail-block-01 .pdetail .price-container .rating-num{
    display:inline-block;
}
.pdetail-block-01 .pdetail .price-container .stars{color:#fcd411;}
.pdetail-block-01 .pdetail .price-container .rating-num{color:#646464;}
.pdetail-block-01 .pdetail .btn-container{display:flex; align-items:center; overflow:hidden;}
.pdetail-block-01 .pdetail .btn-container > *{float:left;}
.pdetail-block-01 .pdetail .btn-container .btn{
    border-radius:0; font-size:13px; padding:9px 15px; width:310px; max-width:calc(100% - 186px);
}
.pdetail-block-01 .pdetail .btn-container .tagline{
    max-width:186px; padding:0 0 0 25px; text-transform:uppercase; font-weight:700; line-height:1.2;
}
.pdetail-block-01 .pdetail .pdesc{
    font-size:15px; line-height:1.7; letter-spacing:0.11px; font-weight:200; margin-top:25px;
}
.pdetail-block-01 .pspec-container{display:block; margin:0; padding:0; list-style:none; margin-top:25px;}
.pdetail-block-01 .pspec-container .pspec > a{
    display:block; position:relative; width:100%; color:#222; padding:1rem 1rem 1rem 0; font-size:.875rem;
    border-bottom:solid 1px #dadee2; text-transform:uppercase; transition:.35s opacity;
}
.pdetail-block-01 .pspec-container .pspec > a:hover{opacity:.5;}
.pdetail-block-01 .pspec-container .pspec > a::before{
    content:'\f0d7'; font-family:'Font Awesome 5 Pro'; font-weight:900; color:#b3b3b3;
    position:absolute; top:19px; right:6px; font-size:10px;
}
.pdetail-block-01 .pspec-container .pspec .pspec-detail{display:none; overflow:hidden;}
.pdetail-block-01 .pspec-detail > .wrapper{padding:15px; overflow:hidden;}
.pdetail-block-01 .pspec-detail ul{
    padding:0; margin:0; list-style:none; color:#7f8c8d; font-size:15px; line-height:1.7; 
    letter-spacing:0.11px; font-weight:300;
}
.pdetail-block-01 .pspec-detail li{position:relative; padding-left:19px; margin:0 0 10px 0;}
.pdetail-block-01 .pspec-detail li::before{
    content:''; position:absolute; top:12px; left:0; width:4px; height:4px;
}
.pdetail-block-01 .pspec-detail .pp-video-container{
    display:block; float:left; width:220px; height:130px; border-radius:4px;
}
.pdetail-block-01 .pspec-detail .table td, .pdetail-block-01 .pspec-detail th{
    font-size:14px; text-align:center;
}
.pdetail-block-01 .pspec-detail .table td:first-child, .pdetail-block-01 .pspec-detail th:first-child{
    text-align:left;
}
.pdetail-block-01 .social-container{width:100%; overflow:hidden; margin-top:35px; text-align:center;}
.external-amazon{
    display:block; padding-top:1.75rem; color:#222; font-size:.875rem; text-transform:uppercase; 
    text-align:center; transition:.35s opacity;
}
.external-amazon:hover{color:#222; opacity:.5;}
.external-amazon img{display:inline-block; height:34px; width:auto; margin-left:10px;}
.pdetail-block-01 .quantity-container{display:flex; margin:1.5rem 0 0 0;}
.pdetail-block-01 .quantity-selector{display:flex;}
.pdetail-block-01 .quantity-selector .quantity-down, .pdetail-block-01 .quantity-selector .quantity-up{
    width:2.5rem; height:2.875rem; border:.125rem solid #9c9c9c; color:#9c9c9c; font-size:1.25rem;
    line-height:2.875rem; text-align:center; cursor:pointer; transition:opacity .25s;
}
.pdetail-block-01 .quantity-selector .quantity-down{border-right:0;}
.pdetail-block-01 .quantity-selector .quantity-up{border-left:0;}
.pdetail-block-01 .quantity-selector .quantity-down:hover, 
.pdetail-block-01 .quantity-selector .quantity-up:hover{opacity:.7;}
.pdetail-block-01 [name="quantity"]{
    border:.125rem solid #9c9c9c; text-align:center; font-size:1.25rem; padding:0 .25rem; 
    border-radius:0!important; line-height:2.875rem; height:2.875rem; width:5.625rem; outline:none;
}
.pdetail-block-01 [name="quantity"]::-webkit-inner-spin-button, 
.pdetail-block-01 [name="quantity"]::-webkit-outer-spin-button{ 
    -webkit-appearance:none; margin:0; 
}
.pdetail-block-01 .quantity-container .btns{padding:0 0 0 .5rem;}
.pdetail-block-01 .quantity-container .btn{
    padding:0 1.125rem; height:2.825rem; line-height:2.825rem; font-size:.8125rem; text-transform:uppercase;
    font-family:'Helvetica'; font-weight:600; letter-spacing:.03rem;
}
@media screen and (max-width:1199.98px){
    .pdetail-block-01 .preview-container .slide-wrapper{height:400px;}
    .pdetail-block-01 .preview-container .slide-wrapper img{max-height:400px;}
}
@media screen and (max-width:991.98px){
    .pdetail-block-01 .preview-container .slide-wrapper{height:300px;}
    .pdetail-block-01 .preview-container .slide-wrapper img{max-height:300px;}
    .pdetail-block-01 .pdetail > .inner-wrapper{width:92%;}
    .pdetail-block-01 .pdetail .ptitle{font-size:22px;}
    .pdetail-block-01 .pdetail .btn-container{display:block;}
    .pdetail-block-01 .pdetail .btn-container .btn{width:100%; max-width:100%;}
    .pdetail-block-01 .pdetail .btn-container .tagline{
        width:100%; max-width:100%; padding:10px 0 0 0; text-align:center;
    }
}
@media screen and (max-width:767.98px){
    .pdetail-block-01 .preview-container .slide-wrapper{height:310px;}
    .pdetail-block-01 .preview-container .slide-wrapper img{max-height:310px;}
    .pdetail-block-01 .pdetail > .inner-wrapper{width:100%;}
    .pdetail-block-01 .pdetail{margin-top:35px;}
    .pdetail-block-01 .pdetail .ptitle{font-size:25px;}
    .pdetail-block-01 .pdetail .btn-container{display:flex;}
    .pdetail-block-01 .pdetail .btn-container .tagline{max-width:186px; padding:0 0 0 25px; text-align:left;}
}
@media screen and (max-width:559.98px){
    .pdetail-block-01 .preview-container .slide-wrapper{height:260px;}
    .pdetail-block-01 .preview-container .slide-wrapper img{max-height:260px;}
    .pdetail-block-01 .pdetail .price-container .rating{text-align:left;}
    .pdetail-block-01 .pdetail .btn-container{display:block;}
    .pdetail-block-01 .pdetail .btn-container .tagline{max-width:100%; padding:10px 0 0 0; text-align:center;}
}
/* END BLOCK: Product Detail Block 01 */


/* START BLOCK: Related Product Block 01 */
.rproduct-block-01{padding-top:45px; padding-bottom:40px;}
.rproduct-block-01 .rproduct-container{margin-top:15px;}
.rproduct-block-01 .rproduct{padding:12px;}
.rproduct-block-01 .rproduct .img-container{
    display:flex; align-items:center; position:relative; width:100%; height:200px; overflow:hidden; 
    margin-bottom:5px; outline:none;
}
.rproduct-block-01 .rproduct .img-container img{
    display:block; max-width:calc(90% - 20px); max-height:200px; margin:auto; transition:.5s all;
}
.rproduct-block-01 .rproduct .img-container:hover img{transform:scale(1.25);}
.rproduct-block-01 .rproduct .title{
    font-size:14px; font-weight:600; letter-spacing:0.24px; line-height:1.35;
}
.rproduct-block-01 .rproduct .subtitle{
    color:#a3a3a3; font-size:12px; letter-spacing:.42px; font-weight:400;
}
.rproduct-block-01 .rproduct .price{
    font-size:20px; line-height:1.4; letter-spacing:-0.25px; font-weight:400; margin:8px 0 12px 0;
}
.rproduct-block-01 .rproduct .btn-container{padding:0;}
.rproduct-block-01 .rproduct .btn-container .btn{
    border-radius:0; font-size:13px; padding:7px 10px; width:100%;
}
.rproduct-block-01 .dots{margin-top:23px;}
.rproduct-block-01 .dots .slick-dots{
    display:block; position:relative; width:100%; overflow:hidden; padding:0; margin:0; list-style:none;
    text-align:center;
}
.rproduct-block-01 .dots .slick-dots > li{
    display:inline-block; margin:2px 6px; width:14px; height:14px; border-radius:7px;
    background:#eaeaea; overflow:hidden;
}
.rproduct-block-01 .dots .slick-dots > li button{opacity:0;}
@media screen and (max-width:1399.98px){
    .rproduct-block-01 .rproduct .img-container{height:170px;}
    .rproduct-block-01 .rproduct .img-container img{max-height:170px;}
}
@media screen and (max-width:1199.98px){
    .rproduct-block-01 .rproduct .img-container img{max-width:calc(100% - 20px);}
}
@media screen and (max-width:767.98px){
    .rproduct-block-01 .rproduct .img-container{height:185px;}
    .rproduct-block-01 .rproduct .img-container img{max-height:185px;}
}
@media screen and (max-width:559.98px){
    .rproduct-block-01 .rproduct .img-container{margin-bottom:10px;}
}
/* END BLOCK: Related Product Block 01 */
/* START BLOCK: Related Product Block 02 */
.rproduct-block-02{padding-top:55px; padding-bottom:80px;}
.rproduct-block-02 .header{
    width:100%; text-align:center; color:#828282; margin:0 0 40px 0;
    font-size:28px; letter-spacing:.6px;
}
.rproduct-block-02 .rproduct-container{margin-top:15px;}
.rproduct-block-02 .rproduct{padding:8px; outline:none;}
.rproduct-block-02 .rproduct > .inner-wrapper{
    background:#f4f4f4; background:#fff; padding:10px 20px 25px 20px; transition:.3s all;
    border:1px solid #eaeaea;
}
.rproduct-block-02 .rproduct > .inner-wrapper:hover{
    box-shadow:0 0 10px rgba(0,0,0,.2);
}
.rproduct-block-02 .rproduct .img-container{
    display:flex; align-items:center; position:relative; width:100%; height:200px; overflow:hidden; 
    margin-bottom:10px; outline:none;
}
.rproduct-block-02 .rproduct .img-container img{
    display:block; max-width:calc(90% - 20px); max-height:200px; margin:auto; transition:.5s all;
}
.rproduct-block-02 .rproduct .title{
    font-size:15px; font-weight:300; letter-spacing:0.24px; line-height:1.6; color:#727272;
    text-align:center; min-height:115px;
}
.rproduct-block-02 .rproduct .title > .sub{font-size:12px; letter-spacing:.42px; opacity:.8;}
.rproduct-block-02 .rproduct .price{
    font-size:17px; line-height:1.4; letter-spacing:-0.25px; font-weight:400;
    margin:0 0 25px 0; color:#727272; text-align:center;
}
.rproduct-block-02 .rproduct .btn-container{padding:0; text-align:center;}
.rproduct-block-02 .rproduct .btn-container .btn{
    font-size:10.5px; line-height:0; letter-spacing:0.1071em; overflow-wrap:break-word;
    padding:23px 28px!important; border-radius:999em; text-transform:uppercase; margin-top:3px;
}
.rproduct-block-02 .dots{margin-top:23px;}
.rproduct-block-02 .dots .slick-dots{
    display:block; position:relative; width:100%; overflow:hidden; padding:0; margin:0; list-style:none;
    text-align:center;
}
.rproduct-block-02 .arrows{
    position:absolute; top:50%; left:-40px; right:-40px; display:flex; justify-content:space-between;
}
.rproduct-block-02 .dots .slick-dots > li{
    display:inline-block; margin:2px 6px; width:14px; height:14px; border-radius:7px;
    background:#eaeaea; overflow:hidden;
}
.rproduct-block-02 .dots .slick-dots > li button{opacity:0;}
@media screen and (max-width:1399.98px){
    .rproduct-block-02 .rproduct .img-container{height:170px;}
    .rproduct-block-02 .rproduct .img-container img{max-height:170px;}
}
@media screen and (max-width:1199.98px){
    .rproduct-block-02 .rproduct .img-container img{max-width:calc(100% - 20px);}
}
@media screen and (max-width:767.98px){
    .rproduct-block-02 .rproduct .img-container{height:185px;}
    .rproduct-block-02 .rproduct .img-container img{max-height:185px;}
}
@media screen and (max-width:559.98px){
    .rproduct-block-02 .rproduct .img-container{margin-bottom:10px;}
}
/* END BLOCK: Related Product Block 02 */
/* START BLOCK: Related Product Block 03 */
.rproduct-block-03{padding-top:55px; padding-bottom:80px;}
.rproduct-block-03 .header{
    width:100%; text-align:center; color:#828282; margin:0 0 40px 0;
    font-size:28px; letter-spacing:.6px;
}
.rproduct-block-03 .desc{
    font-weight:200; font-size:16px; letter-spacing:0.24px; line-height:2; max-width:744px; 
    margin:-20px auto 30px auto; color:#4a5259; text-align:center;
}
.rproduct-block-03 .rproduct-container{margin-top:15px;}
.rproduct-block-03 .rproduct-container > .slides{display:flex; flex-wrap:wrap; justify-content:center;}
.rproduct-block-03 .rproduct{width:calc(100% / 5); padding:8px; outline:none;}
.rproduct-block-03 .rproduct > .inner-wrapper{
    background:#f4f4f4; background:#fff; padding:10px 20px 25px 20px; transition:.3s all;
    border:1px solid #eaeaea; position:relative;
}
.rproduct-block-03 .rproduct > .inner-wrapper:hover{box-shadow:0 0 10px rgba(0,0,0,.2);}
.rproduct-block-03 .rproduct .img-container{
    display:flex; align-items:center; width:100%; height:200px; overflow:hidden; 
    margin-bottom:10px; outline:none;
}
.rproduct-block-03 .rproduct .img-container img{
    display:block; max-width:calc(90% - 20px); max-height:200px; margin:auto; transition:.5s all;
}
.rproduct-block-03 .rproduct .img-container .product-tag{
    display:block; position:absolute; right:0; top:0; width:56px; height:auto; pointer-events:none;
}
.rproduct-block-03 .rproduct .img-container .product-tag-left{
    display:block; position:absolute; left:0; top:0; width:56px; height:auto; pointer-events:none;
}
.rproduct-block-03 .rproduct .title{
    font-size:15px; font-weight:300; letter-spacing:0.24px; line-height:1.6; color:#727272;
    text-align:center; min-height:115px;
}
.rproduct-block-03 .rproduct .title > .sub{font-size:12px; letter-spacing:.42px; opacity:.8;}
.rproduct-block-03 .rproduct .price{
    font-size:17px; line-height:1.4; letter-spacing:-0.25px; font-weight:400;
    margin:0 0 25px 0; color:#727272; text-align:center;
}
.rproduct-block-03 .rproduct .btn-container{padding:0; text-align:center;}
.rproduct-block-03 .rproduct .btn-container .btn{
    font-size:10.5px; line-height:0; letter-spacing:0.1071em; overflow-wrap:break-word;
    padding:23px 28px!important; border-radius:999em; text-transform:uppercase; margin-top:3px;
}
.rproduct-block-03 > .btn-container{padding:0; text-align:center;}
.rproduct-block-03 > .btn-container .btn{
    font-weight:500; font-size:12px!important; line-height:0; letter-spacing:.1071em!important; 
    overflow-wrap:break-word; padding:29px 50px!important; border-radius:999em; text-transform:uppercase;
}
@media screen and (max-width:1399.98px){
    .rproduct-block-03 .rproduct .img-container{height:170px;}
    .rproduct-block-03 .rproduct .img-container img{max-height:170px;}
}
@media screen and (max-width:1199.98px){
    .rproduct-block-03 .rproduct{width:calc(100% / 4);}
    .rproduct-block-03 .rproduct .img-container img{max-width:calc(100% - 20px);}
}
@media screen and (max-width:991.98px){
    .rproduct-block-03 .rproduct{width:calc(100% / 3);}
}
@media screen and (max-width:767.98px){
    .rproduct-block-03 .rproduct{width:calc(100% / 2);}
    .rproduct-block-03 .rproduct .img-container{height:185px;}
    .rproduct-block-03 .rproduct .img-container img{max-height:185px;}
}
@media screen and (max-width:559.98px){
    .rproduct-block-03 .rproduct{width:100%;}
    .rproduct-block-03 .rproduct .img-container{margin-bottom:10px;}
}
/* END BLOCK: Related Product Block 03 */


/* START BLOCK: Product List Content Block 01 */
.plist-block-01{padding-top:160px; padding-bottom:60px;}
.plist-block-01 .navigator-tab{
    position:absolute; top:128px; left:0; right:0; margin:0; padding:15px 0; z-index:96;
    background:#fff; border-bottom:1px solid #eee;
}
.plist-block-01 .navigator-tab.sticky{position:fixed; top:94px;}
.plist-block-01 .navigator{display:block; width:100%; overflow:hidden;}
.plist-block-01 .navigator .sort-container{float:left; display:flex; width:250px; padding:2px 0;}
.plist-block-01 .navigator .sort-container label{
    min-width:75px; text-transform:uppercase; font-weight:700; line-height:36px; 
    font-size:15px; margin:0; padding:0;
}
.plist-block-01 .navigator .sort-container select.form-control{height:34px;}
.plist-block-01 .navigator .pagination-container{
    float:left; width:calc(100% - 327px); overflow:hidden; text-align:center;
}
.plist-block-01 .navigator .pagination-container .pagination{display:inline-block;}
.plist-block-01 .navigator .view-container{float:left; width:77px;}
.plist-block-01 .navigator .tab-container{float:left; display:none;}
.plist-block-01 .product-display, .plist-block-01 .product-display > .inner-wrapper{
    display:block; position:relative; width:100%; overflow:hidden; transition:.5s all;
}
.plist-block-01 .filter-container{float:left; display:block; width:290px; padding-right:40px;}
.plist-block-01 .filter-container .filter-wrapper{
    display:block; position:relative; width:100%; overflow:hidden;
}
.plist-block-01 .filter-panel{display:block; margin:0; padding:0; list-style:none;}
.plist-block-01 .filter-panel .filter-slot > a{
    display:block; position:relative; width:100%; color:#222; padding:1rem 1rem 1rem 0; font-size:.875rem;
    border-bottom:solid 1px #dadee2; text-transform:uppercase; transition:.35s opacity;
}
.plist-block-01 .filter-panel .filter-slot > a:hover{opacity:.5;}
.plist-block-01 .filter-panel .filter-slot > a::before{
    content:'\f0d7'; font-family:'Font Awesome 5 Pro'; font-weight:900; color:#b3b3b3;
    position:absolute; top:19px; right:6px; font-size:10px;
}
.plist-block-01 .filter-panel .filter-slot .filter-detail{
    max-height:0; overflow:hidden; transition:.4s all;
}
.plist-block-01 .filter-panel .filter-slot.active .filter-detail{max-height:400px;}
.plist-block-01 .filter-panel .filter-slot .filter-detail > .wrapper{
    padding:15px; overflow:hidden;
}
.plist-block-01 .filter-detail .form-group{margin-bottom:0!important;}
.plist-block-01 .product-container{float:left; display:block; width:calc(100% - 275px); margin-right:-15px;}
.plist-block-01 .product-container .product{
    float:left; display:block; width:calc(100% / 4); padding:0 15px; margin-bottom:45px;
    border-right:1px solid #eee;
}
.plist-block-01 .product-container .product:nth-child(4n){border-color:transparent;}
.plist-block-01 .product-container .product .img-container{
    display:flex; align-items:center; position:relative; width:100%; height:160px; overflow:hidden; 
    margin-bottom:5px; outline:none;
}
.plist-block-01 .product-container .product .img-container img{
    display:block; max-width:calc(90% - 20px); max-height:160px; margin:auto; transition:.5s all;
}
.plist-block-01 .product-container .product .img-container:hover img{
    -webkit-filter:grayscale(100%); filter:grayscale(100%);
}
.plist-block-01 .product-container .product .img-container .product-tag, .product-container .product .img-container .product-tag{
    display:block; position:absolute; right:0; top:0; width:56px; height:auto; pointer-events:none;
}
.plist-block-01 .product-container .product .img-container .product-tag-left, .product-container .product .img-container .product-tag-left{
    display:block; position:absolute; left:0; top:0; width:56px; height:auto; pointer-events:none;
}
.plist-block-01 .product-container .product .title{
    font-size:14px; font-weight:600; letter-spacing:0.24px; line-height:1.35;
}
.plist-block-01 .product-container .product .subtitle{
    color:#a3a3a3; font-size:12px; letter-spacing:.42px; font-weight:400;
}
.plist-block-01 .product-container .product .price{
    font-size:20px; line-height:1.4; letter-spacing:-0.25px; font-weight:400; margin:8px 0 12px 0;
}
.plist-block-01 .product-container .product .btn-container{padding:0;}
.plist-block-01 .product-container .product .btn-container .btn{
    border-radius:0; font-size:13px; padding:7px 10px; width:100%;
}
.plist-block-01 .product-container .product .product-sdesc{ display:none; }
.product-container .product .title a {    color: #0b4a7e !important; }
@media screen and (max-width:1399.98px){
    .plist-block-01 .product-container .product{width:calc(100% / 3);}
    .plist-block-01 .product-container .product:nth-child(4n){border-color:#eee;}
    .plist-block-01 .product-container .product:nth-child(3n){border-color:transparent;}
    .plist-block-01 .product-container .product .img-container{height:170px;}
    .plist-block-01 .product-container .product .img-container img{max-height:170px;}
}
@media screen and (max-width:1199.98px){
    .plist-block-01 .navigator .sort-container{width:225px;}
    .plist-block-01 .navigator .pagination-container{width:calc(100% - 302px);}
    .plist-block-01 .filter-container{width:255px; padding-right:30px;}
    .plist-block-01 .product-container{width:calc(100% - 240px);}
    .plist-block-01 .product-container .product .img-container{height:160px;}
    .plist-block-01 .product-container .product .img-container img{max-height:160px;}
}
@media screen and (max-width:991.98px){
    .plist-block-01{padding-top:142px;}
    .plist-block-01 .navigator-tab{top:105px;}
    .plist-block-01 .navigator-tab.sticky{top:71px;}
    .plist-block-01 .navigator .sort-container{display:none;}
    .plist-block-01 .navigator .pagination-container{width:calc(100% - 77px); text-align:left;}
    .plist-block-01 .filter-container{width:225px; padding-right:20px;}
    .plist-block-01 .product-container{width:calc(100% - 210px);}
    .plist-block-01 .product-container .product{width:calc(100% / 2);}
    .plist-block-01 .product-container .product:nth-child(4n){border-color:#eee;}
    .plist-block-01 .product-container .product:nth-child(3n){border-color:#eee;}
    .plist-block-01 .product-container .product:nth-child(2n){border-color:transparent;}
    .plist-block-01 .product-container .product .img-container{height:175px;}
    .plist-block-01 .product-container .product .img-container img{max-height:175px;}
}
@media screen and (max-width:767.98px){
    /* .plist-block-01 .navigator-tab{position:absolute; top:0;} */
    .plist-block-01 .navigator .pagination-container{width:calc(100% - 40px); text-align:right;}
    .plist-block-01 .navigator .tab-container{display:block; width:40px;}
    .plist-block-01 .navigator .view-container{display:none;}
    .plist-block-01 .product-display > .inner-wrapper{
        display:flex; width:calc(100% + 305px); transform:translate3d(-305px,0,0);
    }
    .plist-block-01 .product-display > .inner-wrapper.active{transform:translate3d(0,0,0);}
    .plist-block-01 .filter-container{width:290px; min-width:290px; padding-right:30px;}
    .plist-block-01 .product-container{width:calc(100% + 30px); margin-right:-30px;}
}
@media screen and (max-width:559.98px){
    .plist-block-01{padding-top:80px;}
    /* .plist-block-01 .navigator-tab{padding-top:10px; padding-bottom:10px;} */
    .plist-block-01 .navigator .pagination-container{width:calc(100% - 25px);}
    .plist-block-01 .navigator .tab-container{width:25px;}
    .plist-block-01 .product-container .product{
        clear:both; float:none; width:100%; margin:0; padding-top:20px; padding-bottom:20px;
        border-right:0!important; border-bottom:1px solid #eee!important; overflow:hidden;
    }
    .plist-block-01 .product-container .product .img-container{
        float:left; width:125px; height:125px; margin:0 25px 0 0;
    }
    .plist-block-01 .product-container .product .img-container img{max-width:125px; max-height:125px;}
    .plist-block-01 .product-container .product .product-content{float:left; width:calc(100% - 155px);}
    .plist-block-01 .product-container .product .product-content .btn-container{max-width:180px;}
}
@media screen and (min-width:767.98px){
    .plist-block-01 .product-container.list-view .product{
        clear:both; float:none; width:100%; border-right:0!important; border-bottom:1px solid #eee;
        margin:0; padding-top:15px; padding-bottom:15px; overflow:hidden; clear:both;
    }
    .plist-block-01 .product-container.list-view .product .img-container{
        float:left; width:180px; height:180px; margin:0 30px 0 0;
    }
    .plist-block-01 .product-container.list-view .product .img-container img{
        max-width:180px; max-height:180px;
    }
    .plist-block-01 .product-container.list-view .product .product-content{
        float:left; width:calc(100% - 210px);
    }	
    .plist-block-01 .product-container.list-view .product .product-content .btn-container{
        max-width:225px;
    }
}
@media screen and (min-width:991.98px){
	.plist-block-01 .product-container.list-view .product .product-content{
        float:left; /*width:calc(100% - 210px);*/width: auto; max-width: calc(58% - 210px); min-width: 300px;
    }
	.plist-block-01 .product-container.list-view .product .product-sdesc{
            width: auto;    max-width: calc(60% - 210px);    display: inline-block;    margin-left: 20px;    font-weight: lighter;    font-size: 12px;    line-height: 16px;    color: #222;    margin-top: 30px;    text-align: justify;    max-height: 100px;    overflow: hidden;    float: right;
	} 
}
/* END BLOCK: Product List Content Block 01 */


/* START: Header 01 */
.header-01 .headers{position:relative; width:100%; overflow:hidden;}
.header-01 .carousel{width:100%; height:100%;}
.header-01 .header{
    display:flex; align-items:center; width:100%; height:calc(100vh - var(--topnav-h));
    background-position:center!important; background-size:cover!important;
}
.header-01 .header .container{display:none; width:100%; text-align:center; padding:0 0 3.75rem 0;}
.header-01 .header[tabindex='0'] .container{display:block;}
.header-01 .htitle{
    font-size:4.875rem; color:#fff; text-transform:uppercase; font-weight:500; letter-spacing:.11rem;
    line-height:1.1;
}
.header-01 .hdesc{
    font-size:1.625rem; color:#fff; text-transform:uppercase; font-weight:400; letter-spacing:.14rem;
    margin:1rem 0 0 0;
}
.header-01 .btns{text-align:center; margin:6rem 0 0 0;}
.header-01 .btn{
    font-size:.875rem; text-transform:uppercase; letter-spacing:.075rem; padding:.9375rem 1.875rem;
}
.header-01 .dots{position:absolute; bottom:1.75rem; left:0; right:0;}
.header-01 .dots .slick-dots{display:flex; justify-content:center; margin:0; padding:0; list-style:none;}
.header-01 .dots .slick-dots li{line-height:0;}
.header-01 .dots .slick-dots button{
    background:#fff; box-shadow:none; outline:none; color:transparent; border:none; overflow:hidden;
    width:1rem!important; height:1rem!important; border-radius:50%; margin:0 .375rem; padding:0!important;
}
.header-01 .dots .slick-dots .slick-active button{background:var(--pcolor);}
@media screen and (max-width:1199.98px){
    .header-01 .htitle{font-size:4.5rem; letter-spacing:.1rem;}
    .header-01 .hdesc{font-size:1.5rem; letter-spacing:.13rem;}
}
@media screen and (max-width:991.98px){
    .header-01 .htitle{font-size:4rem; letter-spacing:.085rem;}
    .header-01 .hdesc{font-size:1.375rem; letter-spacing:.1rem; margin:1.25rem 0 0 0;}
}
@media screen and (max-width:767.98px){
    .header-01 .htitle{font-size:3.5rem; letter-spacing:.075rem;}
    .header-01 .hdesc{font-size:1.25rem; letter-spacing:.085rem;}
}
@media screen and (max-width:767.98px){
    .header-01 .htitle{font-size:3.125rem;}
}
/* END: Header 01 */
/* START: Header 02 */
.header-02{
    position:relative; width:100%; overflow:hidden; height:calc(100vh - var(--topnav-h));
    display:flex; align-items:center;
}
.header-02 > .parallax-bg{
    display:block; position:absolute; top:0; left:0; width:100vw; height:120vh; will-change:transform;
    background-position:center top!important; background-size:cover!important;
}
.header-02.container{display:block; padding:0 0 3.75rem 0;}
.header-02 .htitle{
    font-size:4rem; color:#fff; font-weight:500; letter-spacing:.1rem; line-height:1.1;
    width:100%; text-align:center;
}
.header-02 .hdesc{
    font-size:1.5rem; color:#fff; text-transform:uppercase; font-weight:300; letter-spacing:.14rem;
    margin:2rem auto 0 auto; width:100%; text-align:center;
}
.header-02 .btns{text-align:center; margin:6rem 0 .5rem 0;}
.header-02 .btn{
    font-size:.875rem; text-transform:uppercase; letter-spacing:.075rem; padding:.9375rem 1.875rem;
    border:0!important;
}
@media screen and (max-width:1199.98px){
    .header-02 .htitle{font-size:3.75rem; letter-spacing:.075rem;}
    .header-02 .hdesc{font-size:1.375rem; letter-spacing:.1rem;}
    .header-02 .btns{margin:5.5rem 0 .5rem 0;}
}
@media screen and (max-width:991.98px){
    .header-02 .htitle{font-size:3.375rem; letter-spacing:.065rem;}
    .header-02 .hdesc{font-size:1.25rem; letter-spacing:.08rem; width:80%;}
    .header-02 .btns{margin:5rem 0 .5rem 0;}
}
@media screen and (max-width:767.98px){
    .header-02 .htitle{font-size:3.125rem; letter-spacing:.06rem;}
    .header-02 .hdesc{font-size:1.125rem; letter-spacing:.07rem; width:90%;}
    .header-02 .btns{margin:4.5rem 0 .5rem 0;}
}
@media screen and (max-width:519.98px){
    .header-02 .htitle{font-size:2.75rem; letter-spacing:.05rem;}
    .header-02 .hdesc{font-size:1rem; letter-spacing:.06rem; width:100%;}
}
/* END: Header 02 */
/* START: Header 03 */
.header-03{position:relative; width:100%; overflow:hidden; height:75vh; display:flex; align-items:center;}
.header-03 > .parallax-bg{
    display:block; position:absolute; top:0; left:0; width:100vw; height:120vh; will-change:transform;
    background-position:center top!important; background-size:cover!important;
}
/* END: Header 03 */
/* START: Header 04 */
.header-04 .headers{position:relative; width:100%; overflow:hidden;}
.header-04 .carousel{width:100%; height:100%;}
.header-04 .header{position:relative; width:100%;}
.header-04 .header .img-link > img{
    display:block; width:100%; height:auto; outline:none;
}
.header-04 .dots{position:absolute; bottom:1rem; left:0; right:0;}
.header-04 .dots .slick-dots{display:flex; justify-content:center; margin:0; padding:0; list-style:none;}
.header-04 .dots .slick-dots li{line-height:0;}
.header-04 .dots .slick-dots button{
    background:#ababab; box-shadow:none; outline:none; color:transparent; border:none; overflow:hidden;
    width:1rem!important; height:1rem!important; border-radius:50%; margin:0 .375rem; padding:0!important;
}
.header-04 .dots .slick-dots .slick-active button{background:var(--pcolor);}
.header-04 .headers > .arrows{
    position:absolute; top:0; bottom:0; left:-45px; right:-45px; opacity:0; transition:all .3s;
    display:flex; align-items:center; justify-content:space-between; pointer-events:none;
}
.header-04 .headers:hover > .arrows{opacity:1; left:0; right:0;}
.header-04 .headers > .arrows button{
    position:relative; border:none; box-shadow:none; color:rgba(0,0,0,0); outline:none;
    width:68px; height:88px; padding:0; background:rgba(255,255,255,0); pointer-events:all;
}
.header-04 .headers > .arrows button::after{
    font-family:'Font Awesome 5 Pro'; font-weight:900; font-size:42px; color:#000;
    position:absolute; top:13px; opacity:.5;
}
.header-04 .headers > .arrows button.slick-prev::after{content:'\f053'; left:20px;}
.header-04 .headers > .arrows button.slick-next::after{content:'\f054'; right:20px;}
.header-04 .headers > .arrows button:hover::after{opacity:.8;}
/* END: Header 04 */


/* START: Content 01 */
.content-01{background-position:center!important; background-size:cover!important;}
.content-01 > .wrapper{display:flex; width:100%; overflow:hidden;}
.content-01 .content{
    width:50%; height:calc(100vh - var(--topnav-h)); display:flex; align-items:center;
    padding:5.75rem 3.5rem; margin:0;
}
.content-01 .content > .text-container{display:block; width:100%; max-width:30rem; margin:0 auto;}
.content-01 .content .ctitle{
    font-size:2.125rem; color:#fff; font-weight:600; line-height:1.28; letter-spacing:.06rem;
}
.content-01 .content .cdesc{
    font-size:1.625rem; color:#fff; font-weight:100; line-height:1.35; letter-spacing:.05rem;
    margin:2rem 0 0 0;
}
.content-01 .btns{margin:2rem 0 0 0; padding:0;}
.content-01 .btns > a{
    font-size:1.0625rem; color:#fff; font-weight:500; letter-spacing:.05rem; text-decoration:underline;
    line-height:1.85;
}
.content-01 .img-container{
    width:50%; position:relative; background-position:center!important; background-size:cover!important;
}
@media screen and (max-width:1199.98px){
    .content-01 .content .ctitle{font-size:2rem; letter-spacing:.055rem;}
    .content-01 .content .cdesc{font-size:1.5rem; letter-spacing:.045rem;}
}
@media screen and (max-width:991.98px){
    .content-01 .content{padding:4rem 2.5rem;}
    .content-01 .content .ctitle{font-size:1.75rem; letter-spacing:.05rem;}
    .content-01 .content .cdesc{font-size:1.25rem; letter-spacing:.04rem;}
    .content-01 .btns > a{font-size:1rem;}
}
@media screen and (max-width:767.98px){
    .content-01 > .wrapper{flex-wrap:wrap;}
    .content-01 .content{width:100%; height:auto; padding:2.75rem 1.5rem;}
    .content-01 .content .ctitle{font-size:1.5rem; letter-spacing:.04rem;}
    .content-01 .content .cdesc{font-size:1.125rem; letter-spacing:.035rem;}
    .content-01 .img-container{width:100%; height:60vw;}
}
/* END: Content 01 */
/* START: Content 02 */
.content-02{background-position:center!important; background-size:cover!important;}
.content-02 > .wrapper{display:flex; width:100%; overflow:hidden;}
.content-02 .content{
    width:50%; height:calc(100vh - var(--topnav-h)); display:flex; align-items:center;
    padding:5.75rem 3.5rem; margin:0;
}
.content-02 .content > .text-container{display:block; width:100%; max-width:30rem; margin:0 auto;}
.content-02 .content .ctitle{
    font-size:2.125rem; color:#fff; font-weight:600; line-height:1.28; letter-spacing:.06rem;
}
.content-02 .content .cdesc{
    font-size:1.625rem; color:#fff; font-weight:100; line-height:1.35; letter-spacing:.05rem;
    margin:2rem 0 0 0;
}
.content-02 .btns{margin:2rem 0 0 0; padding:0;}
.content-02 .btns > a{
    font-size:1.0625rem; color:#fff; font-weight:500; letter-spacing:.05rem; text-decoration:underline;
    line-height:1.85;
}
.content-02 .img-container{
    width:50%; position:relative; background-position:center!important; background-size:cover!important;
}
@media screen and (max-width:1199.98px){
    .content-02 .content .ctitle{font-size:2rem; letter-spacing:.055rem;}
    .content-02 .content .cdesc{font-size:1.5rem; letter-spacing:.045rem;}
}
@media screen and (max-width:991.98px){
    .content-02 .content{padding:4rem 2.5rem;}
    .content-02 .content .ctitle{font-size:1.75rem; letter-spacing:.05rem;}
    .content-02 .content .cdesc{font-size:1.25rem; letter-spacing:.04rem;}
    .content-02 .btns > a{font-size:1rem;}
}
@media screen and (max-width:767.98px){
    .content-02 > .wrapper{flex-wrap:wrap-reverse;}
    .content-02 .content{width:100%; height:auto; padding:2.75rem 1.5rem;}
    .content-01 .content .ctitle{font-size:1.5rem; letter-spacing:.04rem;}
    .content-02 .content .cdesc{font-size:1.125rem; letter-spacing:.035rem;}
    .content-02 .img-container{width:100%; height:60vw;}
}
/* END: Content 02 */
/* START: Content 03 */
.content-03{padding:1.75rem 0; background:var(--scolor);}
.content-03 .contents{width:80%; margin:0 auto; display:flex; align-items:center;}
.content-03 .img-container{padding-right:4.5rem;}
.content-03 .img-container img{display:block; width:16rem; height:auto;}
.content-03 .text-container{font-size:1.125rem; color:#fff; font-weight:300; line-height:1.6;}
@media screen and (max-width:1199.98px){
    .content-03 .contents{width:90%;}
    .content-03 .img-container{padding-right:3.5rem;}
}
@media screen and (max-width:991.98px){
    .content-03 .contents{width:100%;}
    .content-03 .img-container{padding-right:2.5rem;}
    .content-03 .img-container img{width:12rem;}
    .content-03 .text-container{font-size:1rem;}
}
@media screen and (max-width:767.98px){
    .content-03 .contents{flex-wrap:wrap;}
    .content-03 .img-container{padding-right:0; width:100%;}
    .content-03 .img-container img{margin:0 auto;}
    .content-03 .text-container{margin:1rem 0 0 0; width:100%; text-align:center;}
}
/* END: Content 03 */
/* START: Content 04 */
.content-04{padding:60px 0; background-size:cover; background-position:center;}
.content-04 .text-container{
    display:block; width:100%; max-width:800px; margin:0 auto; color:#fff; text-align:center;
}
.content-04 h1{
    width:100%; text-align:center; color:#fff; font-size:25px; line-height:1.15; letter-spacing:.4px;
    font-family:'Helvetica'; margin:0 0 10px 0;
}
.content-04 a.link{
    font-size:17px; text-decoration:underline; color:#fff; margin:0; font-weight:200; opacity:.75;
}
@media screen and (max-width:767.98px){
    .content-04{padding:50px 0;}
    .content-04 h1{font-size:21px; letter-spacing:.3px;}
    .content-04 a.link{font-size:16px;}
}
/* END: Content 04 */


/* START: Call to Action 01 */
.call-01{padding-top:5rem; padding-bottom:5rem;}
.call-01 > .container{display:flex; align-items:center; justify-content:space-between;}
.call-01 .text-container{display:flex; justify-content:center; width:60%; max-width:calc(100% - 20rem);}
.call-01 .ctitle{
    font-size:2.25rem; color:#fff; font-weight:100; line-height:1.4; letter-spacing:.05rem;
}
.call-01 .btns{width:40%; min-width:20rem; text-align:center;}
.call-01 .btn{
    font-size:.875rem; text-transform:uppercase; letter-spacing:.075rem; padding:.9375rem 1.875rem;
}
@media screen and (max-width:991.98px){
    .call-01 > .container{flex-wrap:wrap;}
    .call-01 .text-container{width:100%; max-width:100%; text-align:center;}
    .call-01 .ctitle{font-size:2rem; letter-spacing:.045rem;}
    .call-01 .btns{width:100%; margin:2.5rem 0 0 0;}
    .call-01 .btn{font-size:.75rem; letter-spacing:.065rem;}
}
@media screen and (max-width:767.98px){
    .call-01 .ctitle{font-size:1.625rem; letter-spacing:.025rem;}
}
/* END: Call to Action 01 */

/* START: Checkout 01 */
.checkout-01{padding:4.25rem 0;}
.checkout-01 .title{font-size:2.375rem; color:var(--pcolor); letter-spacing:-.02rem;}
.checkout-01 .steps{
    counter-reset:cartflag; display:flex; flex-wrap:wrap; width:100%; margin:3rem 0 0 0; pointer-events:none;
}
.checkout-01 .steps .step{
    position:relative; display:block; outline:none; padding:.375rem .75rem .375rem 2.5rem; font-size:.9375rem;
    font-weight:500; border:1px solid #ccc; letter-spacing:.02rem;
}
.checkout-01 .steps .step.active{background:var(--pcolor); border-color:var(--pcolor); color:#fff;}
.checkout-01 .steps .step:first-child{border-radius:.25rem 0 0 .25rem;}
.checkout-01 .steps .step:last-child{border-radius:0 .25rem .25rem 0;}
.checkout-01 .steps .step::before{
    counter-increment:cartflag; content:counter(cartflag); border-radius:100%; border:1px solid #ccc;
    width:1.625rem; height:1.625rem; line-height:1.625rem; position:absolute; top:.25rem; left:.375rem; 
    background:#fff; font-weight:600; color:#000; text-align:center; font-size:.875rem;
}
.checkout-01 .process-btns{
    display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; margin:.75rem 0 0 0;
}
.checkout-01 .process-btns > *{display:flex; flex-wrap:wrap; margin:0 -.125rem;}
.checkout-01 .process-btns .btn{
    margin:.125rem; font-size:.9375rem; letter-spacing:.035rem; border-radius:.25rem;
}
.checkout-01 .cart-table{margin:2rem 0 .5rem 0; width:100%;}
.checkout-01 .cart-table th{
    border-bottom:3px solid var(--pcolor); color:var(--pcolor); padding:.5rem 0; letter-spacing:.02rem;
    text-align:center;
}
.checkout-01 .cart-table th:first-child{min-width:26rem; max-width:calc(100% - 30rem); text-align:left;}
.checkout-01 .cart-table th:nth-child(2), .checkout-01 .cart-table th:nth-child(3){
    width:10rem; min-width:7rem;
}
.checkout-01 .cart-table th:last-child{width:10rem; min-width:7rem; text-align:right;}
.checkout-01 .cart-table td{padding:.75rem 0; border-bottom:1px solid #e0e0e0; vertical-align:top;}
.checkout-01 .cart-table tr:last-child td{border-bottom:3px solid var(--pcolor);}
.checkout-01 .cart-table .pimg{display:block; width:8rem; height:auto;}
.checkout-01 .cart-table .pname{color:var(--pcolor); font-size:1.0625rem; font-weight:600; margin:.5rem 0 0 0;}
.checkout-01 .cart-table .pdesc{font-size:.875rem; color:#777; font-weight:300; margin:.5rem 0 0 0;}
.checkout-01 .cart-table td:nth-child(1){max-width:calc(100% - 30rem); padding-right:1rem;}
.checkout-01 .cart-table td:nth-child(2){text-align:center; width:10rem;}
.checkout-01 .cart-table td:nth-child(3), .checkout-01 .cart-table td:nth-child(4){text-align:center; padding:.75rem .5rem; width:10rem;}
.checkout-01 .cart-table td:nth-child(5){text-align:right; width:10rem;}
.checkout-01 .cart-table td input{
    border:.0625rem solid #eee; text-align:center; font-size:1rem; padding:0 .25rem; border-radius:.25rem;
    line-height:1.75rem; height:1.75rem; width:100%; outline:none; background:#eee; transition:all .25s;
}
.checkout-01 .cart-table td input:focus, .checkout-01 .cart-table td input:active{
    border-color:var(--pcolor); background:#fff;
}
.checkout-01 .summary-container{display:block; width:100%; max-width:28rem; margin:1.625rem 0 0 auto;}
.checkout-01 .summary-container .coupon-container{display:flex;}
.checkout-01 .summary-container .coupon-container input{
    width:calc(100% - 9rem); border:.0625rem solid #eee; font-size:1rem; padding:0 .75rem;
    border-radius:.25rem 0 0 .25rem; outline:none; background:#eee; transition:all .25s;
}
.checkout-01 .summary-container .coupon-container input:focus,
.checkout-01 .summary-container .coupon-container input:active{border-color:var(--pcolor); background:#fff;}
.checkout-01 .summary-container .coupon-container .btn{
    width:9rem; margin:0; font-size:.9375rem; letter-spacing:.035rem; border-radius:0 .25rem .25rem 0;
}
.checkout-01 .summary-table{margin:1.25rem 0 0 0; width:100%;}
.checkout-01 .summary-table tbody{
    font-size:1.125rem; font-weight:600; border-top:3px solid var(--pcolor); border-bottom:2px solid var(--pcolor);
}
.checkout-01 .summary-table tbody td{padding:.3125rem 0;}
.checkout-01 .summary-table tbody tr:first-child td{padding-top:.875rem;}
.checkout-01 .summary-table tbody tr:last-child td{padding-bottom:.875rem;}
.checkout-01 .summary-table tfoot{border-bottom:3px solid var(--pcolor); font-size:1.375rem; font-weight:600;} 
.checkout-01 .summary-table tfoot td{padding:.75rem 0;}
.checkout-01 .summary-table td:nth-child(2){text-align:right;}
.checkout-01 .summary-container .btns{margin-top:1.25rem; text-align:right;}
.checkout-01 .summary-container .btn{font-size:.9375rem; letter-spacing:.035rem; border-radius:.25rem;}
.checkout-01 .accept-payments{
    width:100%; text-align:right; margin:3.25rem 0 0 0; color:#777; font-size:.875rem; font-weight:300;
    letter-spacing:.02rem;
}
.checkout-01 .accept-payments i{font-size:1.375rem;}
.checkout-01 .accept-payments i.fa-cc-visa{color:#1A1F71;}
.checkout-01 .accept-payments i.fa-cc-mastercard{color:#CC0000;}
.checkout-01 .accept-payments i.fa-cc-discover{color:#588CA7;}
.checkout-01 .accept-payments i.fa-cc-amex{color:#002663;}
.checkout-01 .accept-payments i.fa-cc-paypal{color:#003087;}
.checkout-01 .checkout-form{margin:2.5rem 0 0 0; width:100%; max-width:50rem;}
.checkout-01 .checkout-form .sep{width:100%;}
.checkout-01 .checkout-form .fields hr{width:100%; margin:1.5rem .625rem;}
.checkout-01 .checkout-form .ftitle{
    width:100%; padding:0 .625rem; margin:.5rem 0 1.625rem 0; font-size:1.625rem; color:var(--pcolor);
}
.checkout-01 .checkout-form .fields{display:flex; flex-wrap:wrap; width:calc(100% + 1.25rem); margin:0 -.625rem;}
.checkout-01 .checkout-form .fields > .fields{width:100%; margin:0;}
.checkout-01 .checkout-form .field{width:50%; padding:0 .625rem; margin:0 0 1.5rem 0;}
.checkout-01 .checkout-form .field.is-full{width:100%;}
.checkout-01 .checkout-form .field.is-one-thirds{width:calc(100% / 3);}
.checkout-01 .checkout-form .field label{
    font-family:'Helvetica'; font-size:.9375rem; font-weight:400; letter-spacing:.015rem;
}
.checkout-01 .checkout-form .control input[type=text], .checkout-01 .checkout-form .control input[type=email],
.checkout-01 .checkout-form .control input[type=number], .checkout-01 .checkout-form .control select,
.checkout-01 .checkout-form .control textarea{
    display:block; margin:0; width:100%; max-width:100%; font-size:1rem; font-weight:500; line-height:1.45; 
    height:auto; padding:.5rem .875rem; color:#353535; border:1px solid #f4f4f4; background-color:#f4f4f4;
    border-radius:.25rem; box-shadow:none; outline-style:none; transition:all .2s ease 0s;
}
.checkout-01 .checkout-form .control input[type=text]:focus, .checkout-01 .checkout-form .control input[type=text]:active,
.checkout-01 .checkout-form .control input[type=email]:focus, .checkout-01 .checkout-form .control input[type=email]:active,
.checkout-01 .checkout-form .control input[type=number]:focus, .checkout-01 .checkout-form .control input[type=number]:active,
.checkout-01 .checkout-form .control select:focus, .checkout-01 .checkout-form .control select:active,
.checkout-01 .checkout-form .control textarea:focus, .checkout-01 .checkout-form .control textarea:active{
    border-color:var(--pcolor); background:#fff;
}
.checkout-01 .checkout-form .control input[type=text].error, .checkout-01 .checkout-form .control input[type=email].error,
.checkout-01 .checkout-form .control input[type=number].error, .checkout-01 .checkout-form .control select.error,
.checkout-01 .checkout-form .control textarea.error{color:#dc3545!important; border-color:#dc3545!important;}
.checkout-01 .checkout-form .control label.error{
    font-size:.8125rem; font-weight:600; color:#dc3545; margin:.125rem 0 0 0;
}
.checkout-01 .checkout-form .control.checkbox{display:flex;}
.checkout-01 .checkout-form .control.checkbox input[type=checkbox]{margin:.375rem 0 0 0;}
.checkout-01 .checkout-form .control.checkbox label{padding:0 0 0 .5rem; margin:0; cursor:pointer;}
.checkout-01 .checkout-form .btns{margin-top:1.5rem;}
.checkout-01 .checkout-form .btn{
    font-size:.9375rem; letter-spacing:.035rem; border-radius:.25rem; padding:.625rem 1.5rem;
}
.checkout-01 .info-container{
    display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin:1.75rem 0 0 0;
    border-top:1px solid #eee; border-bottom:1px solid #eee; padding:.5rem 0;
}
.checkout-01 .info-container .info{margin:.75rem 0;}
.checkout-01 .info-container .ititle{font-size:1.5rem; color:var(--pcolor);}
.checkout-01 .info-container .idesc{
    margin:.625rem 0 0 0; font-family:'Helvetica'; font-size:1rem; font-weight:400; letter-spacing:.015rem;
    color:#666; line-height:1.65;
}
.checkout-01 .confirm-container{margin:1.875rem 0 0 0;}
.checkout-01 .confirm-container .btns{text-align:center;}
.checkout-01 .confirm-container .btn{
    font-size:1rem; letter-spacing:.035rem; border-radius:.25rem; padding:.75rem 1.875rem;
}
@media screen and (max-width:767.98px){
    .checkout-01 .title{font-size:2rem; letter-spacing:-.01rem;}
}
@media screen and (max-width:579.98px){
    .checkout-01 .checkout-form .ftitle{font-size:1.5rem;}
    .checkout-01 .checkout-form .field, .checkout-01 .checkout-form .field.is-full,
    .checkout-01 .checkout-form .field.is-one-thirds{width:100%;}
}
/* END: Checkout 01 */