.header-navbar-space {
    /* font-family: 'Gotham';  */
    background: #141414 !important; line-height: 1.2 !important;
}

.pp-title {font-size: 30px; font-weight: 600; letter-spacing: 1.3px;}
.pp-title2 {font-size: 36px; letter-spacing: 1.3px;}
.pp-title3 {font-size: 36px; font-weight: 500; letter-spacing: 1.2px; line-height: 1.12;}
.pp-title4 {font-size: 26px; font-weight: 900; margin-bottom: 10px;}
.pp-title5 {font-size: 34px; font-weight: 500; line-height: 1.12;}
.pp-title6 {font-size: 44px; font-weight: 500; line-height: 1.12;}
.center {display: block; width: 100%; text-align: center;}
.pp-cb-box {padding: 0 25px;}

sup {font-weight: 400;}
sup.normal {font-size: 10px; top: -5px;}
sup.large {font-size: 12px; top: -8px;}
sup.xlarge {font-size: 12px; top: -10px;}

.videoThumbnail {border-radius: 5px;}
.videoThumbnail::after {
    background: url(/img/icons/download-icon.png) no-repeat; background-position: center center;
}

.btn-round {font-weight: 400; font-size: 14px; padding: 12px 20px; width: 152px; border-radius: 24px;}
.btn-square {font-size: 12px; font-weight: 300; padding: 9px 23px; border-radius: 5px;}

.hgrey:hover{color:#eee!important;}

form .ss-input[type="text"], form .ss-input[type="email"], form textarea.ss-input, form select.ss-input {
    background: #fff; border: 1px solid #c9c9c9; border-radius: 3px; font-weight: 400; color: #161616;
    padding: 10px 15px; margin: 10px 0;
}
form .ss-input[type="text"]:active, form .ss-input[type="text"]:focus,
form .ss-input[type="email"]:active, form .ss-input[type="email"]:focus,
form textarea.ss-input:active, form textarea.ss-input:focus,
form select.ss-input:active, form select.ss-input:focus {
    background: #fff !important;
}
::placeholder, ::-webkit-input-placeholder, :-ms-input-placeholder, 
::-ms-input-placeholder {color: #161616;}
.ss-input.name, .ss-input.email, .ss-input.phone, .ss-input.dollar, 
.ss-input.member {padding-left: 40px !important;}
.ss-input-icon {position: absolute; top: 21px; left: 30px; font-size: 17px;}


#banner-carousel {display: block; max-height: 100vh; overflow: hidden;}
.carousel.slide {display: block; position: relative; height: auto;}
.carousel-indicators {bottom: 2vw;}
.carousel-indicators li {
    width: 15px; height: 15px; border-radius: 50%; background: #272828; margin: 0 4px; cursor: pointer;
}
.carousel-indicators .active {background: #4d4e4e;}


.one-page-container {background: #fff; display: none; position: relative; width: 100%; overflow: hidden;}
.one-page-container.active {display: block;}


.user-choice-container {top: 11px; font-weight: 600; font-size: 9.5px; color: #e2e2e2;}
.user-choice-container > .wrapper {display: block; position: relative; width: 100%; overflow: hidden;}
.user-choice-container .choices > a {font-size: 13px; line-height: 1.8;}
.user-choice-container .choices > a.active {color: #ff6c00;}

.section-selector-container {
    color: #e2e2e2; font-size: 13px; font-weight: 400; letter-spacing: 1.25px; overflow: hidden;
    padding: 25px 25px 13px 25px;
}
.section-selector-container > .choice-container {margin: 20px 0 0 -20px;}
.section-selector-container > .choice-container > .choice {
    float: left; display: block; position: relative; border-right: 1px solid #e2e2e2; 
    margin-bottom: 5px; pointer-events: all; cursor: pointer;
}
.section-selector-container > .choice-container > .choice > a {padding: 0 23px;}
.section-selector-container > .choice-container > .choice.active {color: #ff6c00;}
.section-selector-container > .choice-container > .choice.active::after {
    content: ''; position: absolute; left: calc(50% - 12px); bottom: -20px; width: 0; height: 0;
    border-left: 12px solid transparent; border-right: 12px solid transparent;
    border-bottom: 12px solid #fff; clear: both;
}

.feature-section {
    display: block; width: 100%; position: relative; padding: 30px 25px 20px 25px; overflow: hidden;
}
.feature-section .we-serve img {display: block; width: 100%; max-width: 240px; height: auto;}
.feature-section .we-serve .bg-container > img {opacity: 0;}
.feature-section .we-serve .cover-container {
    max-width: 240px; max-height: 240px; overflow: hidden; margin-bottom: 10px;
}
.feature-section .we-serve .bg-container {
    display: block; cursor: pointer; 
    background-size: cover !important; background-repeat: no-repeat;
    -webkit-transition: all .5s; -moz-transition: all .5s;
    -o-transition: all .5s; transition: all .5s;
}
.feature-section .we-serve .bg-container:hover {
    -ms-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25);
    -o-transform: scale(1.25); transform: scale(1.25);
}
.feature-section .we-serve > p {font-weight: 600; margin-bottom: 15px; line-height: 1.2;}

.learn-more {font-size: 14px; font-weight: 600;}
.pp-cb-box .pp-cb-img-float-info {padding: 135px 15px 25px 55px;}
.pp-cb-box .pp-cb-img-float-info.cb-left {padding: 135px 55px 25px 15px}

#float-info1 {padding: 60px 15px 25px 15px;}
#float-info2 {padding: 70px 15px 25px 15px;}
#float-info3 {padding: 65px 15px 25px 15px;}

.client-section {padding: 40px 15px 40px 15px;}
.client-section .title {
    text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: .25px; margin-bottom: 12px;
}
.client-section .desc {font-size: 24px; line-height: 1.35; margin-bottom: 15px;}
.client-container {
    width: 100%; display: flex; overflow: hidden; text-align: center; align-items: center; 
    justify-content: center;
}
.client-container > .client {display: inline-block; margin: 10px 20px;}
.client-container > .client > img {display: block; max-width: 170px; max-height: 65px;}

.case-section {padding: 65px 15px 50px 15px;}
.contact-section {padding: 50px 15px 10px 15px; color:#000 !important;}
.contact-section .pp-title5, .contact-section p, .contact-section input[type="text"]::placeholder, .contact-section textarea::placeholder, .contact-section select::placeholder{ color:#000 !important; }
#contFormHolderPDetail, #contFormHolderPDetail h3, #contFormHolderPDetail p, #contFormHolderPDetail p, #contFormHolderPDetail input[type="text"]::placeholder, #contFormHolderPDetail textarea::placeholder, #contFormHolderPDetail select::placeholder{ color:#000 !important; }

.intro-section {padding: 50px 15px 45px 25px;}

.dw-store-container {display: block; position: relative; width: 100%; padding: 45px 15px 35px 15px;}
.dw-store-container .store {
    display: block; width: 100%; height: auto; margin: 0 auto; margin: 13px 0 28px 0;
}
.dw-store-container .dw-store-feature {margin-bottom: 10px;}
.dw-store-container .dw-store-feature .circle, .dw-store-container .dw-store-feature .detail {
    float: left;
}
.dw-store-container .dw-store-feature .circle {
    width: 110px; height: 110px; border-radius: 50%; background-image:url("../images/homepage/DW_VSoftware.png");
    /* -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .4s all; */
}
/* .dw-store-container .dw-store-feature .circle:hover {
    -webkit-filter: grayscale(0%); filter: grayscale(0%);
} */
.dw-store-container .dw-store-feature .detail {
    max-width: calc(100% - 120px); margin-left: 10px;
}
.dw-store-container .dw-store-feature .detail > p {font-size: 12px; margin: 5px 0 10px 0;}


.dw-gradient {
    position: relative; background: linear-gradient(-45deg, #f3a247, #ef7636); 
    width: 100%; overflow: hidden; color: #fff; padding: 20px 15px 20px 15px;
}
.dw-gradient > .wrapper {margin-left: 55%; max-width: 524px;}

.subtab-selector {color: #dbdbdb !important; transition: .2s color;}
.subtab-selector.active {color: #292929 !important;}
.subtab {display: none;}
.subtab.active {display: block;}

.subsubtab-selector {color: #dbdbdb !important; transition: .2s color;}
.subsubtab-selector.active {color: #292929 !important;}
.subsubtab {display: none;}
.subsubtab.active {display: block;}

.product-tab4 {width: 100%; margin-left: -25px;}
.product-tab4 tr {height: 270px;}
.product-tab4 td {overflow: hidden;}
.product-tab4 td:first-child {position: relative; width: 90px;}
.product-tab4 .label-tab {
    position: absolute; border-top: 3px solid #ff6c00; transform: rotate(-90deg)translate(-77px, -65px); 
    width: 233px; color: #b7b7b7; font-weight: 600; font-size: 28px; padding-top: 5px;
}

.product-tab4 .product-tab {display: block; position: absolute; overflow: hidden; width: calc(100% - 90px);}
.product-tab4 .product-tab > .product {display: block; float: left; width: calc(100% / 4);}
.product-tab4 .product-tab > .product > img {
    display: block; width: 100%; padding-left: 5px; 
}
.product-tab4 .product-tab > .product > .desc {
    color: #747474; font-weight: 900; font-size: 12px; margin-top: 6px; padding-left: 5px;
}

.pp-cb-float-img-container {height: 375px !important;}
#feature1 {padding: 0;}
#feature2 {padding: 0; margin-top: 60px;}
#feature3 {padding: 0 0 45px 0; margin-top: 60px;}


#gt-send-status {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,.6);
    z-index: 900; padding-top: calc((100vh - 200px) / 2); padding-left: calc((100vw - 600px) / 2);
    display: none; opacity: 0; pointer-events: none; transition: .6s opacity;
}
#gt-send-status.active {display: block; pointer-events: all; opacity: 1;}
#gt-send-status > .wrapper-flex {
    width: 600px; height: 240px; background: #fff; color: #777; border-radius: 8px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    font-size: 22px; font-weight: 300; line-height: 1.55; padding: 15px 30px 15px 30px;
    display: flex; align-items: center; position: relative;
}
#gt-send-status > .wrapper {display: block; position: relative; width: 100%;}
#gt-send-status .gt-close > img {
    position: absolute; top: 10px; right: 10px; display: block; width: 25px; height: auto;
}


.subsubtabOuterShadow{width:100%; min-height:200px; margin-bottom:40px; margin-top:40px;	}
.ip_analog_products_table{
    border-spacing: 10px; border-collapse: separate;
    /*-webkit-box-shadow: 4px 4px 30px 15px rgba(225,225,225,0.7);
    -moz-box-shadow: 4px 4px 30px 15px rgba(225,225,225,0.7);
    box-shadow: 4px 4px 30px 15px rgba(225,225,225,0.7);*/
}
.ip_analog_products_table td{ background:#dadada; padding:0;}
.ip_analog_products_table td img{ width:100%;}
.ip_analog_products_table td a{ text-decoration: none;}
.ip_analog_products_table td .desc{ width: 100%; float:left; text-align: center;padding-bottom: 15px; color:#555555; font-size:12px; line-height:20px; font-weight:600; text-transform:uppercase;}


.show-pc{display:block!important;} .show-phone{display:none!important;}


@media screen and (max-width: 1199.98px){
    .pp-title2, .pp-title3 {font-size: 34px}
    .pp-title5 {font-size: 32px;}
    .pp-title6 {font-size: 42px;}
    .feature-section .we-serve img {max-width: 200px;}
    .feature-section .we-serve .cover-container {max-width: 200px; max-height: 200px;}
    .pp-cb-box .pp-cb-img-float-info {padding: 55px 15px 25px 25px;}
    .pp-cb-box .pp-cb-img-float-info.cb-left {padding: 55px 25px 25px 15px}
    #float-info1 {padding: 55px 15px 25px 15px;}
    #float-info2 {padding: 30px 15px 25px 15px;}
    #float-info3 {padding: 40px 15px 25px 15px;}
    .dw-gradient > .wrapper {margin-left: calc(100% - 524px);}

    .pp-cb-float-img-container {height: 315px !important;}
    #feature2 {margin-top: 20px;}
    #feature3 {margin-top: 20px;}
}
@media screen and (max-width: 991.98px){
    p {font-size: 17px;}
    .pp-title {font-size: 27px; letter-spacing: 1.2px;}
    .pp-title2, .pp-title3 {font-size: 32px;}
    .pp-title5 {font-size: 30px;}
    .pp-title6 {font-size: 40px;}
    #float-info1 {padding: 35px 15px 25px 15px;}
    #float-info2 {padding: 20px 15px 25px 45px;}
    #float-info3 {padding: 35px 15px 25px 15px;}
    .dw-store-container .dw-store-feature {min-width: 100%;}
    .dw-store-container .dw-store-feature .circle {width: 80px; height: 80px;}
    .dw-store-container .dw-store-feature .detail {
        max-width: calc(100% - 95px); margin-left: 15px;
    }
    #DW-store-video {margin: 15px 0 30px 0 !important;}

    .dw-store-container {padding: 0px 15px 30px 15px;}
    .product-tab4 tr {height: 205px;}
    .product-tab4 .label-tab {
        transform: rotate(-90deg)translate(-43px, -43px);  width: 164px;
    }

    .feature-section {padding: 35px 25px 25px 25px !important;}
    .case-section {padding: 55px 15px 5px 15px !important;}
    .contact-section .ss-btn-container {text-align: left !important;}

    .pp-cb-float-img-container {height: 300px !important;}
    #feature2 {margin-top: 0;}
    #feature3 {margin-top: 0;}
}
@media screen and (max-width: 849.98px){
    #float-info2 {padding: 15px 15px 25px 45px;}
    #float-info3 {padding: 25px 0 25px 15px;}
    .show-pc{display:none!important;} .show-phone{display:block!important;}
}
@media screen and (max-width: 767.98px){
    .pp-cb-box {padding: 0 15px;}
    .pp-title {font-size: 26px; letter-spacing: 1.15px;}
    .pp-title2, .pp-title3 {font-size: 30px;}
    .pp-title4 {font-size: 24px;}
    .pp-title5 {font-size: 28px;}
    .pp-title6 {font-size: 38px;}
    .section-selector-container > .choice-container > .choice.active::after {display: none;}
    .pp-cb-box .pp-cb-img-float-wraper > img, .pp-cb-fw .pp-cb-img-float-wraper > img, 
    .pp-cb-box .pp-cb-img-float-wraper.cb-left > img, .pp-cb-fw .pp-cb-img-float-wraper.cb-left > img {
        max-width: 350px; margin: 0 auto;
    }
    #float-info1, #float-info2, #float-info3 {padding: 25px 15px 40px 15px;}
    .ss-btn-container {max-width: 350px;}
    .banner-sep-section .col1 {margin-bottom: 10px;}

    .banner-sep-section .col1 img {margin: 0 !important; max-width: 220px !important;}
    .banner-sep-section .col2 {max-width: 100% !important;}
    .banner-sep-section .col2 > div:first-child {font-size: 24px !important;}
    .banner-sep-section .col2 > div:nth-child(2) {font-size: 14px !important; margin-top: 10px !important;}

    .dw-store-container {padding: 30px 15px 30px 15px;}
    .product-tab4 td:first-child {width: 60px;}
    .product-tab4 .product-tab {width: calc(100% - 60px);}
    .product-tab4 tr {height: 165px;}
    .product-tab4 .label-tab {
        transform: rotate(-90deg)translate(-37px, -27px);  width: 125px; font-size: 16px;
    }

    .contact-section {padding: 50px 15px 45px 15px;}
    .pp-cb-float-img-container {height: auto !important;}
    #feature3 {padding: 0 0 10px 0;}
}
@media screen and (max-width: 575.98px){
    .pp-title {font-size: 25px; letter-spacing: 1.15px;}
    .user-choice-container {left: 15px;}
    .section-selector-container {padding: 17px 15px;}
    .intro-section {padding: 40px 15px 40px 15px;}
    .feature-section {padding: 30px 15px 20px 15px;}
    .dw-gradient > .wrapper {margin-left: 0;}

    .product-tab4 {display: block; width: 100%; margin-left: 0;}
    .product-tab4 tr {height: calc(25px + (100vw - 60px) * .3);}
    .product-tab4 td:first-child {display: none;}
    .product-tab4 .product-tab {width: calc(100% - 30px);}
    .product-tab4 .product-tab > .product > .desc {font-size: 11px;}
}


@media screen and (min-width:1199.98px){
    .pp-cb-box {max-width: 1230px;}
    .pp-cb-float-img-container .pp-cb-img-float-wraper > img {width: calc(45vw - 15px);}
    .pp-cb-box .pp-cb-img-float-wraper.cb-left > img {left: calc((1040px - 100vw) / 2 - 50px);}
}
@media screen and (min-width: 991.98px){
    .dw-store-container .dw-store-feature .special {position: absolute; left: 75px;}
    .dw-store-container .dw-store-feature .special > .circle, 
    .dw-store-container .dw-store-feature .special > .detail {float: none;}
    .dw-store-container .dw-store-feature .special > .circle {margin: 0 0 15px 15px;}
    .dw-store-container .dw-store-feature .special > .detail {max-width: 170px; margin-left: 0;}
}


.bg-gray-gradient{overflow:hidden; background-image:linear-gradient(to right, #bcbcbc, #fff, #bcbcbc)!important;}
.product img{transition:.35s all;}
.product:hover img{transform:scale(1.15);}

.feature-block-01{display:flex; align-items:center; width:100%; height:440px;}
.feature-block-01 .img-container{display:flex; align-items:center; width:45%; height:100%;}
.feature-block-01 .img-container img{
    display:block; max-width:100%; max-height:375px; margin:0 auto 0 0;
}
.feature-block-01 .text-container{
    width:55%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    padding:30px 0 30px 40px;
}
@media screen and (max-width:1199.98px){
    .feature-block-01{height:400px;}
    .feature-block-01 .img-container img{max-height:300px;}
}
@media screen and (max-width:991.98px){
    .feature-block-01{height:380px;}
    .feature-block-01 .img-container img{max-height:275px;}
}
@media screen and (max-width:767.98px){
    .feature-block-01{display:block; height:auto; padding-top:25px;}
    .feature-block-01 .img-container{display:block; width:100%;}
    .feature-block-01 .img-container img{width:100%; max-width:360px; height:auto; margin:0 auto;}
    .feature-block-01 .text-container{width:100%; padding:45px 0;}
}
@media screen and (min-width:767.98px){
    .feature-block-01.reverse{flex-wrap:wrap-reverse; flex-direction:row-reverse;}
    .feature-block-01.reverse .img-container img{margin:0 0 0 auto;}
    .feature-block-01.reverse .text-container{padding:30px 40px 30px 0;}
}
    
/* START: Banner 01 */
.banner-01 > .carousel, .banner-01 .slick-slide{position:relative; width:100%; height:calc(100vh - 200px);}
.banner-01 .slick-slide{position:relative; display:flex; align-items:center; justify-content:center;}
.banner-01 .slick-slide .img-bg{
    position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center;
}
.banner-01 .slick-slide .pp-cb-box{width:100%;}
.banner-01 .slick-slide .text-wrapper{padding:0;}
.banner-01 .slick-slide .items{display:flex; flex-wrap:wrap; width:calc(100% + 50px); margin:-15px -25px;}
.banner-01 .slick-slide .item{width:50%; padding:15px 25px; display:flex; align-items:center; flex-wrap:wrap;}
.banner-01 .slick-slide h1, .banner-01 .slick-slide h2{
    width:100%; text-align:center; font-family:'Raleway', 'Sarabun', sans-serif; color:var(--pcolor);
    font-size:84px; font-weight:900; line-height:1.3;
}
.banner-01 .slick-slide h2{
    color:#d8cfb5; font-family:'Playfair Display', serif, 'Chonburi', cursive; font-size:50px;
    margin:0 0 10px 0; font-weight:400;
}
.banner-01 .slick-slide .desc{
    width:100%; color:#fff; font-size:14px; line-height:1.6; font-weight:600; letter-spacing:.5px;
}
.banner-01 .slick-slide:nth-child(1) h1{margin:0 0 10px 0;}
.banner-01 .slick-slide:nth-child(1) h2{margin:0;}
.banner-01 .slick-slide .btns{width:100%; margin:20px 0 0 0; text-align:center;}
.banner-01 .slick-slide .btn{
    padding:10px 28px; font-size:12px; font-weight:500; font-family:'Raleway', 'Sarabun', sans-serif;
    letter-spacing:.4px; text-transform:uppercase; border-radius:1000px;
}
.banner-01 .dots{position:absolute; bottom:16px; left:0; right:0;}
.banner-01 .dots > .slick-dots{
    padding:0; margin:0; width:100%; display:flex; justify-content:center; list-style:none;
}
.banner-01 .dots > .slick-dots li{margin:0 7px;}
.banner-01 .dots > .slick-dots li button{
    width:15px; height:15px; border-radius:50%; overflow:hidden; background:#272828; cursor:pointer;
    box-shadow:none; padding:0; margin:0; position:relative; border:3px solid #272828; outline:none;
    color:#272828; font-size:0;
}
.banner-01 .dots > .slick-dots li.slick-active button{background:#4d4e4e; border-color:#4d4e4e;}

.banner-01 .slick-slide.banner0 .decor0{display:block; width:100%; max-width:560px; height:auto; margin:0 auto;}
.banner-01 .slick-slide.banner0 .decor1{position:absolute; width:130px; height:auto; bottom:15px; right:15px;}
.banner-01 .slick-slide.banner1 .text-wrapper{padding:0 0 75px 0;}
.banner-01 .slick-slide.banner1 .text-wrapper{padding-left:10%; width:100%; max-width:560px; margin:0;}
.banner-01 .slick-slide.banner1 .decor0{
    display:block; width:100%; max-width:410px; height:auto; margin:0 0 0 -17px;
}
.banner-01 .slick-slide.banner1 .desc{max-width:380px;}
.banner-01 .slick-slide.banner1 .btns{text-align:left;}
.banner-01 .slick-slide.banner2 .item:nth-child(1){width:60%;}
.banner-01 .slick-slide.banner2 .item:nth-child(2){width:40%;}
.banner-01 .slick-slide.banner2 .decor0{display:block; width:100%; height:auto;}
.banner-01 .slick-slide.banner2 .decor1, .banner-01 .slick-slide.banner2 .decor2{
    display:block; width:100%; max-width:280px; height:auto; margin:0 0 10px 0;
}
.banner-01 .slick-slide.banner2 .decor2{max-width:350px; margin:10px 0 0 0;}
.banner-01 .slick-slide.banner2 .desc{max-width:400px;}
.banner-01 .slick-slide.banner2 .btns{text-align:left;}
.banner-01 .slick-slide.banner3 .item:nth-child(1){width:45%;}
.banner-01 .slick-slide.banner3 .item:nth-child(2){width:55%;}
.banner-01 .slick-slide.banner3 .decor0, .banner-01 .slick-slide.banner3 .decor1{
    display:block; width:100%; max-width:250px; height:auto; margin:0 0 0 auto;
}
.banner-01 .slick-slide.banner3 .decor1{max-width:460px; margin:45px 0 15px 0;}
.banner-01 .slick-slide.banner3 .desc{max-width:400px;}
.banner-01 .slick-slide.banner3 .btns{text-align:left;}

@media screen and (max-width:1199.98px){
    .banner-01 .slick-slide h1{font-size:72px;}
    .banner-01 .slick-slide h2{font-size:44px;}
    .banner-01 .slick-slide.banner1 .text-wrapper{padding-left:5%;}
}
@media screen and (max-width:991.98px){
    .banner-01 > .carousel, .banner-01 .slick-slide{height:420px;}
    .banner-01 .slick-slide h1{font-size:60px;}
    .banner-01 .slick-slide h2{font-size:40px;}
    .banner-01 .slick-slide .desc{font-size:13px;}
    .banner-01 .dots{bottom:12px;}
    .banner-01 .dots > .slick-dots li{margin:0 5px;}
    .banner-01 .dots > .slick-dots li button{width:14px; height:14px;}
    
    .banner-01 .slick-slide.banner0 .text-wrapper{padding:0 0 40px 0;}
    .banner-01 .slick-slide.banner0 .decor0{max-width:440px;}
    .banner-01 .slick-slide.banner0 .decor1{width:120px;}
    .banner-01 .slick-slide.banner1 .text-wrapper{padding:0 0 50px 0;}
    .banner-01 .slick-slide.banner1 .decor0{max-width:320px; margin:0 0 0 -14px;}
    .banner-01 .slick-slide.banner1 .desc{max-width:400px;}
    .banner-01 .slick-slide.banner2 .item:nth-child(1){width:55%;}
    .banner-01 .slick-slide.banner2 .item:nth-child(2){width:45%;}
    .banner-01 .slick-slide.banner2 .decor1{max-width:220px;}
    .banner-01 .slick-slide.banner2 .decor2{max-width:350px;}
    .banner-01 .slick-slide.banner2 .desc{max-width:500px;}
    .banner-01 .slick-slide.banner3 .decor0{max-width:210px;}
    .banner-01 .slick-slide.banner3 .decor1{margin:25px 0 15px 0;}
}
@media screen and (max-width:767.98px){
    .banner-01 .slick-slide h1{font-size:48px;}
    .banner-01 .slick-slide h2{font-size:34px;}
    .banner-01 .dots > .slick-dots li button{width:13px; height:13px;}

    .banner-01 .slick-slide.banner0 .text-wrapper{padding:0 0 30px 0;}
    .banner-01 .slick-slide.banner0 .decor0{max-width:380px;}
    .banner-01 .slick-slide.banner0 .decor1{width:100px;}
    .banner-01 .slick-slide.banner1 .text-wrapper{padding:0 0 40px 0;}
    .banner-01 .slick-slide.banner1 .decor0{max-width:300px; margin:0 0 0 -12px;}
    .banner-01 .slick-slide.banner2 .text-wrapper{padding:0 0 25px 0;}
    .banner-01 .slick-slide.banner2 .item:nth-child(1){width:100%;}
    .banner-01 .slick-slide.banner2 .item:nth-child(2){width:100%;}
    .banner-01 .slick-slide.banner2 .item > .inner-wrapper{width:100%; max-width:320px; margin:0 auto;}
    .banner-01 .slick-slide.banner2 .decor0{max-width:220px; margin:0 auto;}
    .banner-01 .slick-slide.banner2 .decor1{max-width:190px;}
    .banner-01 .slick-slide.banner2 .decor2{max-width:260px;}
    .banner-01 .slick-slide.banner2 .desc{max-width:320px;}
    .banner-01 .slick-slide.banner2 .btns{margin:15px 0 0 0;}
    .banner-01 .slick-slide.banner3 .item:nth-child(1){width:40%;}
    .banner-01 .slick-slide.banner3 .item:nth-child(2){width:60%;}
    .banner-01 .slick-slide.banner3 .decor0{max-width:190px;}
}
@media screen and (max-width:567.98px){
    .banner-01 > .carousel, .banner-01 .slick-slide{height:400px;}
    .banner-01 > .carousel, .banner-01 .slick-slide{height:420px;}
    .banner-01 .slick-slide .text-wrapper{padding:40px 0 0 0;}
    .banner-01 .slick-slide h1{font-size:30px;}
    .banner-01 .slick-slide h2{font-size:26px;}
    .banner-01 .slick-slide .desc{font-size:12px;}
    
    .banner-01 .slick-slide.banner0 .decor0{max-width:82%;}
    .banner-01 .slick-slide.banner0 .decor1{width:90px;}
    .banner-01 .slick-slide.banner1 .text-wrapper{padding:0 0 60px 0;}
    .banner-01 .slick-slide.banner1 .decor0{max-width:280px;}
    .banner-01 .slick-slide.banner2 .decor1{max-width:180px;}
    .banner-01 .slick-slide.banner2 .decor2{max-width:240px;}
    .banner-01 .slick-slide.banner3 .text-wrapper{padding:0 0 40px 0;}
    .banner-01 .slick-slide.banner3 .item:nth-child(1){width:100%;}
    .banner-01 .slick-slide.banner3 .item:nth-child(2){width:100%;}
    .banner-01 .slick-slide.banner3 .decor0{max-width:130px; margin:0 auto;}
    .banner-01 .slick-slide.banner3 .decor1{margin:0 0 12px 0;}
    .banner-01 .slick-slide.banner3 .desc{text-align:center;}
    .banner-01 .slick-slide.banner3 .btns{margin:12px 0 0 0; text-align:center;}
}

.banner-01 .animated{transform:translateY(80px); opacity:0; transition:transform .8s, opacity .8s;}
.banner-01 .slick-slide.slick-active .animated{transform:translateY(0); opacity:1; transition-delay:var(--delay);}
.loadpage .banner-01 .animated{transform:translateY(80px)!important; opacity:0!important;}

.quicklink-container{padding-bottom: 0!important;}
.quicklink-container > .btn-black{ padding: 3px 12px!important; }
.top-supernav{height: 37px!important;}
.feature-03 .feature .text-wrapper{padding: 0!important;}
.top-nav-choices .nav-choice > .nav-choice-child.custom > .container{margin: 0!important;}

.table{ height: initial!important; }
.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr.selected-row > td,
.table-striped tbody > tr:nth-child(even) > th,
.table-striped tbody > tr.selected-row > th {
  background-color: #f9fafb;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #ffffff;
}
.tab-content{overflow: initial;}
ol, ul, li {
    list-style: inherit;
}

@media (min-width: 1200px){
	.container { max-width: 1170px!important; padding:0;}
}