* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

a:empty {
    visibility: none;
}

.gallery:after {
    content: "";
    display: block;
    clear: both;
}

.gallery-item {
    float: left;
}

.gallery-caption {
    background: transparent !important;
    border: none !important;
}


/* Buttons */

a.commonBtn,
.contactForm input[type=submit],
.quickQuote input[type="submit"],
.pd2ContactForm input[type="submit"],
.MTcontactForm input[type="submit"],
.MTcatForm input[type="submit"],
.MTcontactPageForm input[type="submit"],
.contactFormBtn input[type="submit"],
.fluentform button[type="submit"] {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 18px 30px;
    border-radius: 40px;
    text-decoration: none !important;
    background: #163692;
    border: 1px solid #163692;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    transition: all .3s;
}

a.blueBtn {
    background: #009de6;
    border: 1px solid #009de6;
}

a.commonBtn:hover,
.contactForm input[type=submit]:hover,
.quickQuote input[type="submit"]:hover,
.pd2ContactForm input[type="submit"]:hover,
.MTcontactForm input[type="submit"]:hover,
.MTcatForm input[type="submit"]:hover,
.MTcontactPageForm input[type="submit"]:hover,
.contactFormBtn input[type="submit"]:hover {
    background: #333;
    border: 1px solid #333;
    color: #fff !important;
}

.fluentform button[type="submit"] {
    background: #163692 !important;
}

.fluentform button[type="submit"]:hover {
    background: #333 !important;
    border: 1px solid #333;
}

.contactFormBtn input[type="submit"] {
    min-width: 130px;
    padding: 15px 30px;
}

a.sliderBtn {
    padding: 15px 35px;
    color: #fff !important;
}

a.minwidth185 {
    min-width: 185px;
}

a.minwidth245 {
    min-width: 245px;
}

a.minwidth265 {
    min-width: 265px;
}

.contactForm input[type=submit],
.MTcontactForm input[type="submit"],
.MTcatForm input[type="submit"],
.MTcontactPageForm input[type="submit"] {
    min-width: 145px;
}

a.sliderBtn {
    color: #fff !important;
}

a.whiteBtn {
    color: #163692;
    background: #fff;
}

a.whiteBtn:hover {
    color: #fff;
}

.doubleBtn a.commonBtn {
    margin: 0 10px;
}

.fileUpload {
    display: inline-block;
    background: #fff;
    cursor: pointer;
    padding: 10px 45px 10px 25px;
    border-radius: 40px;
    border: 1px solid #009de6;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.fileUpload:before {
    position: absolute;
    content: '';
    top: 10px;
    right: 15px;
    width: 22px;
    height: 21px;
    background: url(../img/uploadfile.png) 0 0 no-repeat #fff;
}

.fileUploadBtn {
    background: transparent;
    border: none;
    padding: 0;
    color: #000;
    font-size: 14px;
}

.fileUpload input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}


/* Colors */

.greySection {
    background: #f6f6f6;
}

.darkGreySection {
    background: #e9e9e9;
}

.blueSection {
    background: #009de6;
}

.ltBlueSection {
    background: #f4f6f9;
}

.clrWhite {
    color: #fff !important;
}

.clrBlue {
    color: #009de6 !important;
}


/* Header */

.headerTopbar {
    background: #000;
    padding: 10px 0;
}

.headerTopbar ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.headerTopbar ul li {
    display: inline-block;
    position: relative;
}

.headerTopbar ul li.email {
    padding: 0 25px;
}

.headerTopbar ul li.email:before {
    position: absolute;
    content: '';
    top: 7px;
    left: 0;
    width: 15px;
    height: 10px;
    background: url(../img/emailicon.jpg) 0 0 no-repeat;
}

.headerTopbar ul li a {
    color: #fff;
}

.headerTopbar ul li a:hover {
    color: #009de6;
}

.goTranslate {
    display: inline-block;
    margin-top: 6px;
}

.headerTopbar .commonBtn {
    font-size: 13px;
    padding: 5px 10px;
}

.main-header-bar {
    position: relative;
}

ul.astra-megamenu>li>a {
    font-weight: 600;
}

.ast-mm-widget-item {
    padding: 10px !important;
}

.astra-megamenu.sub-menu>li {
    border-right: 1px solid #dadada !important;
}

.astra-megamenu.sub-menu>li:last-child {
    border-right: none !important;
}


/* Sticky Contact */

.stickyContacts {
    position: fixed;
    content: '';
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.3) !important;
    z-index: 99;
}

.stickyContacts ul {
    margin: 0 !important;
    padding: 20px 0 !important;
    list-style-type: none;
}

.stickyContacts ul li a {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 2;
}

.stickyContacts ul li a span {
    position: absolute;
    top: 0;
    right: -400px;
    width: 300px;
    height: 100%;
    background: #009de6;
    border-radius: 25px;
    color: #fff;
    padding: 10px 55px 10px 15px;
    transition: all .3s;
    z-index: -1;
    visibility: hidden;
}

.stickyContacts ul li a:hover span {
    right: 0;
    visibility: visible;
}

.stickyContacts ul li a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/sidebarsprit.png) 0 0 no-repeat;
}

.stickyContacts ul li.email a:before {
    background-position: 12px 17px;
}

.stickyContacts ul li.mobile a:before {
    background-position: 12px -80px;
}

.stickyContacts ul li.wechat a:before {
    background-position: 11px -133px;
}

.stickyContacts ul li.whatsapp a:before {
    background-position: 14px -178px;
}


/* Footer */

.footer-adv-overlay {
    padding: 0 0 50px !important;
}

.col1 {
    padding-top: 70px;
}

.footerText {
    font-size: 14px;
    line-height: 21px;
}

ul.footerSocial li {
    display: inline-block;
}

ul.footerSocial li.text {
    font-size: 16px;
    font-weight: 700;
    color: #082152;
}

ul.footerSocial li a {
    display: block;
    margin: 0 5px;
}

ul.footerSocial li a:hover {
    opacity: 0.8;
}

.footer-adv-overlay .widget-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px !important;
}

.footer-adv-overlay ul.menu li {
    margin: 0 20px 15px 0;
    display: inline-block;
}

.footer-adv-overlay ul.menu li a {
    display: block;
    font-size: 16px;
    line-height: 21px;
}

ul.footerDetails {
    position: relative;
}

ul.footerDetails li {
    font-size: 16px;
    line-height: 21px;
    padding: 2px 0 2px 30px;
    position: relative;
}

ul.footerDetails li.phone,
ul.footerDetails li.email {
    margin-bottom: 20px;
}

ul.footerDetails li.address {
    width: 100%;
}

ul.footerDetails li:before {
    position: absolute;
    content: '';
    top: 2px;
    left: 0;
    width: 22px;
    height: 22px;
    background: url(../img/footersprite.png) 0 0 no-repeat;
}

ul.footerDetails li.email:before {
    background-position: 0 2px;
}

ul.footerDetails li.phone:before {
    background-position: 0 -26px;
}

ul.footerDetails li.address:before {
    background-position: 0 -56px;
}

.col2 .widget,
.col3 .widget,
.col4 .widget {
    margin: 0 0 20px;
}

.ast-small-footer-wrap {
    padding: 25px 0;
    border-top: 1px solid #dfe1f2;
}

.footerTopBar {
    background: url(../img/contactbarbg.jpg) center no-repeat;
    background-size: cover;
}

.footerTopBarText {
    max-width: 600px;
    color: #fff;
}

.footerTopBarBtn {
    text-align: right;
}


/* Home */

ul.homeSlider {
    margin: 0 auto !important;
    max-width: 550px;
    padding: 0 !important;
    list-style-type: none;
    position: relative;
    z-index: 1;
}

ul.homeSlider li.slick-slide {
    outline: none;
}

ul.homeSlider ul.slick-dots,
ul.lp7s3Slider ul.slick-dots,
ul.pc3ProductDetailSlider ul.slick-dots {
    margin: 15px 0 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
}

ul.homeSlider ul.slick-dots li,
ul.lp7s3Slider ul.slick-dots li,
ul.pc3ProductDetailSlider ul.slick-dots li {
    outline: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-indent: -999999px;
    width: 10px;
    height: 10px;
    background: #d0d0d0;
    border-radius: 100%;
    margin: 0 2px;
}

ul.homeSlider ul.slick-dots li.slick-active,
ul.lp7s3Slider ul.slick-dots li.slick-active,
ul.pc3ProductDetailSlider ul.slick-dots li.slick-active {
    background: #009de6;
}

.iconList ul {
    padding: 0 !important;
    margin: 0;
    list-style-type: none;
    position: relative;
}

.iconList ul li {
    font-size: 16px;
    line-height: 22px;
    color: #3e3e3e;
    padding-left: 20px;
    margin-bottom: 20px !important;
    position: relative;
}

.iconList ul li:before {
    position: absolute;
    content: '';
    top: 4px;
    left: 0;
    width: 13px;
    height: 13px;
    background: url(../img/listicon.png);
}

.homeSection1 .iconList ul li {
    font-weight: 500;
}

.homeSection2 h2 {
    color: #009de6;
    margin-bottom: 30px;
}

.homeSection2 h2 b {
    display: block;
    font-size: 24px;
    color: #222222;
    margin-top: 15px;
}

.section2Img {
    max-width: 550px;
    margin: 0 auto;
}

.productBox {
    display: inline-block;
    max-width: 370px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.productImg {
    overflow: hidden;
}

.productImg a {
    display: block;
    transition: all 0.3s;
}

.productImg a:hover {
    transform: scale(1.1);
}

.productContent {
    padding: 25px 0 0;
    background: #fff;
}

.productTitle a {
    font-size: 22px;
    color: #222222;
    line-height: 32px;
    font-weight: 500;
}

.productTitle a:hover {
    color: #009de6;
}

.productText {
    font-size: 16px;
    color: #222222;
    line-height: 22px;
}

.productText a {
    font-weight: 600;
}

.homeSection4 p {
    font-size: 16px;
    color: #494949;
    line-height: 28px;
}

.dblBtn a {
    margin: 0 8px;
}

.homeSection6 {
    border-top: 3px solid #009de6;
}

.videoImg {
    text-align: center;
}

.videoImg a {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.pc3Section4 .videoImg a {
    overflow: inherit;
}

.videoImg a:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 110px;
    height: 110px;
    margin: -55px 0 0 -55px;
    background: url(../img/playicon.png) 0 0 no-repeat;
    transition: all .3s;
}

.videoImg a:hover:before {
    transform: scale(1.1);
}

.sec6Box {
    display: inline-block;
    max-width: 370px;
    background: #fff;
    padding: 70px 24px 50px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
}

.sec6Title {
    font-size: 24px;
    line-height: 28px;
    color: #009de6;
    font-weight: 600;
    padding-bottom: 15px;
}

.sec6Text {
    font-size: 16px;
    line-height: 22px;
    color: #222222;
}

.sec6Box:hover {
    background: #009de6;
}

.sec6Box:hover .sec6Title,
.sec6Box:hover .sec6Text {
    color: #fff;
}

.featuredBox {
    display: inline-block;
    max-width: 370px;
}

.featuredImg {
    border-radius: 10px;
    overflow: hidden;
}

.featuredTitle {
    font-size: 22px;
    font-weight: 500;
    color: #009de6;
    padding: 25px 0 10px;
}

.faqSection {
    position: relative;
}

.faqSection:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 982px;
    min-height: 100%;
    background: #009de6;
}

.homeContactSection h2 {
    margin-bottom: 45px;
}

.formWrapper {
    max-width: 490px;
    margin: 0 auto;
}

.contactForm input[type="text"],
.contactForm input[type="email"],
.contactForm textarea {
    width: 100%;
    border: 1px solid #bfbfbf;
    border-radius: 7px;
    overflow: hidden;
    background: #fff;
    font-size: 14px;
    color: #363636;
    line-height: 18px;
    margin-bottom: 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.contactForm textarea {
    min-height: 210px;
    max-height: 210px;
}

.contactForm input[type="text"]::placeholder,
.contactForm input[type="email"]::placeholder,
.contactForm textarea::placeholder {
    color: #363636 !important;
    font-size: 14px;
}

.faqWrapper {
    padding-left: 50px;
    counter-reset: step-counter;
    z-index: 1;
    position: relative;
}

.accordionWraper .accordion {
    position: relative;
    color: #fff;
    padding: 10px 35px 10px 40px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    border: 1px solid #fff;
    border-radius: 10px;
    background: transparent;
    min-height: 60px;
    overflow: hidden;
    position: relative;
    counter-increment: step-counter;
    transition: all .3s;
}

.accordionWraper .active .accordion {
    margin-bottom: 0;
    border-bottom: none;
    border-radius: 10px 10px 0px 0px;
}

.accordionWraper .accordion:before {
    position: absolute;
    content: '+';
    top: 0;
    right: 15px;
    text-align: center;
    font-size: 34px;
    line-height: 55px;
    color: #fff;
}

.accordionWraper .active .accordion:before {
    content: '-';
}

.accordionWraper .accordion:after {
    position: absolute;
    content: counter(step-counter)" )";
    top: 10px;
    left: 13px;
    font-size: 16px;
    color: #fff;
}

.accordionWraper .panel {
    padding: 15px;
    display: none;
    background: transparent;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: left;
    border: 1px solid #fff;
    border-top: none;
    border-radius: 0 0 10px 10px;
    margin-bottom: 15px;
    position: relative;
}

.accordionWraper .panel p {
    font-size: 14px;
    line-height: 18px;
}

.sec5Box {
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
}

.sec5Img {
    width: 102px;
    height: 102px;
    float: left;
    border: 1px solid #f6f6f6;
    border-radius: 100%;
    overflow: hidden;
}

.sec5Content {
    width: calc(100% - 102px);
    padding-left: 10px;
    float: left;
}

.sec5Title {
    font-size: 18px;
    line-height: 22px;
    color: #009de6;
    font-weight: 500;
    margin-bottom: 10px;
}

.sec5Text {
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}


/* About */

.bannerWraper {
    position: relative;
}

.bannerImg {
    text-align: center;
}

.bannerImg img {
    width: 100%;
}

.bannerWraper .bannerContent {
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 1170px;
    margin-top: 6%;
}

.bannerOverlay {
    padding: 20px 20px 40px;
}

.bannerImg {
    text-align: center;
}

.bannerImg img {
    width: 100%;
}

.bannerText {
    font-size: 1.8vw;
    line-height: 2.5vw;
    color: #fff;
}

.bannerText ul,
.bannerText ol {
    margin: 0 !important;
}

.bannerHeading {
    font-size: 4vw;
    line-height: 4vw;
    color: #fff;
}

.categoryBanner .bannerHeading {
    padding-bottom: 20px;
}

.bannerBtn a.commonBtn {
    min-width: 215px;
}

.aboutList ul {
    padding: 0;
    margin: 0 0 20px !important;
    list-style-type: none;
    border-radius: 5px;
    position: relative;
}

.aboutList ul li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    padding-left: 30px;
    margin-bottom: 20px;
    position: relative;
}

.aboutList ul li:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 15px;
    height: 19px;
    background: url(../img/abtlisticon.png);
}

.aboutProductDetails h2 {
    margin-bottom: 20px;
}

.aboutContactForm {
    max-width: 1020px;
    margin: 0 auto;
}

.aboutContactForm input[type="textarea"] {
    min-height: 360px;
    max-height: 360px;
}

.wpcf7 form .wpcf7-response-output {
    float: left;
    width: 100%;
}

.wpcf7-not-valid-tip {
    float: left;
    width: 100%;
    text-align: left;
}

.wpcf7 form>div,
.wpcf7 form>p {
    margin-bottom: 0 !important;
}

.wpcf7 .ajax-loader {
    margin: 0 !important;
}


/* Category */

.categorySection1 {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.cBannerContent {
    padding-top: 90px;
    padding-bottom: 90px;
}

.chevronList ul {
    padding: 0 !important;
    margin: 0;
    list-style-type: none;
    position: relative;
}

.chevronList ul li {
    font-size: 28px;
    line-height: 30px;
    color: #fff;
    font-weight: 300;
    padding-left: 25px;
    margin-bottom: 15px;
    position: relative;
}

.chevronList ul li:before {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 9px;
    height: 16px;
    background: url(../img/listarrows.png);
}

.categoryFormSection {
    position: relative;
    z-index: 1;
    padding: 90px 0;
}

.categoryForm {
    margin: 0 auto;
    background: rgba(255, 255, 255, .2);
    padding: 20px;
}

.cFormTitle {
    font-size: 24px;
    font-weight: 500;
}

.categoryForm input[type="text"],
.categoryForm input[type="email"],
.categoryForm textarea {
    width: 100%;
    background: transparent;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 12px;
    color: #fff;
}

.categoryForm textarea {
    min-height: 135px;
    max-height: 135px;
}

.categoryForm input[type="text"]::placeholder,
.categoryForm input[type="email"]::placeholder,
.categoryForm textarea::placeholder {
    color: #fff;
    font-size: 16px;
}

.categoryForm input[type="submit"] {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    min-width: 138px;
    font-weight: 500;
    padding: 20px 10px;
    border-radius: 5px;
}

.videoBox {
    max-width: 550px;
    margin: 0 auto;
}

.videoBox a {
    display: block;
    position: relative;
}

.videoBox a:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -38px 0 0 -37px;
    width: 75px;
    height: 76px;
    background: url(../img/playicon.png);
    transition: all .3s;
}

.videoBox a:hover:before {
    transform: scale(1.1);
}

.tabsWrapper {
    padding: 20px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
}

.tabsWrapper ul.tabs {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    background: #fff;
}

.tabsWrapper ul.tabs li {
    display: inline-block;
    padding: 0 0 15px;
    color: #009de6;
    font-size: 18px;
    font-weight: 500;
    margin-right: 40px;
    border-bottom: 3px solid transparent;
    transition: all .3s;
    cursor: pointer;
    position: relative;
}

.tabsWrapper ul.tabs li.current {
    color: #009de6;
    border-bottom: 3px solid #009de6;
}

.tabsWrapper .tab-content {
    display: none;
    padding: 40px 0 0;
}

.tabsWrapper .tab-content.current {
    display: block;
}

.relatedProductImg {
    overflow: hidden;
    padding: 7px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .1);
    position: relative;
}

.relatedProductTitle a {
    font-size: 24px;
    line-height: 26px;
    font-weight: 500;
}

.redCircleList ul {
    padding: 0 !important;
    margin: 0;
    list-style-type: none;
    position: relative;
}

.redCircleList ul li {
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}

.redCircleList ul li:before {
    position: absolute;
    content: '';
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #009de6;
    border-radius: 100%;
}

.quickQuote {
    padding: 45px 30px 50px;
    border: 1px solid #e1eaec;
    background: url(../img/qqbg.png) right top 20px no-repeat #f3f3f3;
    margin: 0 auto;
    width: 100%;
    max-width: 370px;
}

.quickQuoteTitle {
    font-size: 22px;
    line-height: 24px;
    color: #171717;
    font-weight: 500;
    margin-bottom: 20px;
}

.quickQuote input[type="text"],
.quickQuote input[type="email"],
.quickQuote textarea {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e1eaec !important;
    padding: 15px;
    font-size: 15px;
    color: #636363;
}

.quickQuote textarea {
    min-height: 155px;
    max-height: 155px;
}

.quickQuote input[type="submit"] {
    padding: 12px 15px;
    min-width: 120px;
}

.fluentform .ff-el-group {
    margin-bottom: 10px !important;
}

.ff-el-input--label {
    display: none;
}

.fluentform .ff-el-group.fileUpload {
    margin: 0 !important;
    padding-top: 10px;
}

body .fluentform .ff_upload_btn.ff-btn {
    background: #fff;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    padding: 10px 45px 10px 25px;
    border-radius: 40px;
    border: 1px solid #009de6;
    position: relative;
}

body .fluentform .ff_upload_btn.ff-btn:before {
    position: absolute;
    content: '';
    top: 8px;
    right: 10px;
    width: 22px;
    height: 21px;
    background: url(../img/uploadfile.png) 0 0 no-repeat #fff;
}

.categoryProductSection .productBox .productContent {
    padding: 25px 0 0;
}


/* Contact */

.contactBox {
    display: inline-block;
    max-width: 270px;
    position: relative;
}

.contactImg {
    display: inline-block;
    margin-bottom: 25px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}

.contactTitle {
    font-size: 24px;
    line-height: 24px;
    color: #009de6;
    font-weight: 500;
    padding-bottom: 20px;
}

.contactTitle a {
    font-size: 24px;
    line-height: 24px;
    color: #009de6;
}

.contactText,
.contactText a {
    font-size: 20px;
    line-height: 30px;
    color: #494949;
}

.contactSection2 h2 {
    margin-bottom: 30px;
}

.contactSection2 {
    overflow: hidden;
}

.cPageformSection {
    position: relative;
    z-index: 1;
}

.cPageformSection:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 2000px;
    height: 2000px;
    background: #f7f7f7;
    z-index: -1;
}

.contactSection2 .contactForm {
    padding: 40px 25px;
}

.locationSection {
    padding-left: 60px !important;
}

.locationImg {
    border: 2px solid #d7d7d7;
    padding: 4px;
    max-width: 550px;
}


/* Detail */

.productSliderWraper {
    max-width: 640px;
    margin: 0 auto;
}

ul.detailProductSlider,
ul.pc3ProductDetailSlider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none
}

ul.detailProductSlider .slick-slide,
ul.pc3ProductDetailSlider .slick-slide {
    outline: none;
    overflow: hidden;
    margin: 0;
    max-height: 450px;
    text-align: center;
}

ul.detailProductSlider .slick-slide img,
ul.pc3ProductDetailSlider .slick-slide img {
    display: inline-block;
}

ul.productSliderPager {
    margin: 35px -10px 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.productSliderPager .slick-slide {
    margin: 0 10px;
    outline: none;
    max-height: 99px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

ul.productSliderPager .slick-slide a {
    outline: none;
    display: block;
}

ul.productSliderPager .slick-arrow {
    position: absolute;
    top: 50%;
    width: 13px;
    height: 26px;
    padding: 0;
    margin-top: -13px;
    text-indent: -999999px;
    border: none;
    background: url(../img/pd2sliderarrows.png) 0 0 no-repeat transparent;
    z-index: 2;
}

ul.productSliderPager .slick-prev {
    left: -20px;
}

ul.productSliderPager .slick-next {
    right: -20px;
    background-position: -13px 0;
}

.pd6liderWraper {
    max-width: 625px;
}

.pd6liderWraper ul.detailProductSlider .slick-slide {
    max-height: 320px;
}

.pd6liderWraper ul.productSliderPager .slick-slide {
    max-height: 70px;
}

.diamondList ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
    position: relative;
}

.diamondList ul li {
    font-size: 16px;
    line-height: 22px;
    color: #636363;
    font-weight: 500;
    padding-left: 20px;
    margin-bottom: 15px;
    position: relative;
}

.diamondList ul li:before {
    position: absolute;
    content: '';
    top: 6px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #aeaeae;
    transform: rotate(45deg);
}

.catalogTitle a {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    color: #009de6;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: 2px solid #009de6;
}

.dProductBox {
    display: inline-block;
    max-width: 270px;
}

.dProductImg {
    overflow: hidden;
    border-radius: 20px;
}

.dProductImg a {
    display: block;
    transition: all 0.3s;
}

.dProductImg a:hover {
    transform: scale(1.1);
}

.dproductTitle a {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    margin: 15px 0 0;
}


/* Sticky Form */

#stickyForm {
    width: 240px;
    background: #fff;
    position: fixed;
    bottom: 40px;
    left: 20px;
    z-index: 9;
    display: none;
    border: 1px solid #dadada;
}

.stickyForm,
.existPopupForm {
    padding: 5px 15px 15px;
}

.closeForm,
.closeExistPopup {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #333;
}

.stickyFormHeading h3,
.existPopupHeading h3 {
    margin: 0;
    padding: 15px 10px;
    background: #009de6;
    color: #fff;
    text-align: center;
    font-size: 16px;
    word-spacing: 5px;
}

.stickyFormHeading p {
    padding: 10px 0px 5px;
    margin: 0;
    text-align: center;
    font-size: 13px;
    color: #61676d;
    box-shadow: inset 0 5px 7px -5px #333;
}

.stickyForm input[type="text"],
.stickyForm input[type="email"],
.stickyForm textarea {
    border: 1px solid #dedede;
    background: none;
    font-size: 14px;
    width: 100%;
    display: block;
    padding: 5px;
}

.stickyForm input[type="text"],
.stickyForm input[type="email"] {
    height: 28px;
}

.stickyForm textarea {
    height: 75px;
    padding-top: 12px;
}

.stickyForm input[type="submit"] {
    height: 42px;
    width: 100%;
    background: #009de6;
    color: #fff;
    border: none;
    border-bottom: 3px solid #0289c7 !important;
    font-size: 20px;
}

.stickyForm input[type="submit"]:hover {
    background: #0289c7;
}


/* Exist Popup */

.popupOverlay {
    position: relative;
    display: none;
}

.popupOverlay.activeExitPopup {
    display: block;
}

.popupOverlay {
    position: fixed;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 999;
}

#existPopup {
    width: 340px;
    background: #fff;
    position: fixed;
    top: -1000px;
    left: calc(50% - 170px);
    z-index: 1000;
    border: 1px solid #dadada;
    transition: all .2s;
}

#existPopup.active {
    top: 200px;
}

.existPopupForm input[type="text"],
.existPopupForm input[type="email"],
.existPopupForm textarea {
    padding: 12px;
    height: auto;
    position: relative;
}

.existPopupForm textarea {
    height: 125px;
}


/* Blog */

.ast-article-post,
.single .ast-article-single {
    margin-bottom: 40px !important;
    padding: 35px !important;
    border: none !important;
}

.ast-blog-featured-section {
    margin-top: 0 !important;
}

.blog .entry-title,
.archive .entry-title {
    margin-bottom: 0 !important;
}

.blog .read-more a,
.archive .read-more a {
    color: #fff;
    line-height: 50px;
    white-space: nowrap;
    vertical-align: middle;
    display: block;
    text-align: center;
    background-color: #009de6;
    border-color: #009de6;
    font-size: 1rem;
    font-weight: 100 !important;
    margin: 0 !important;
    border-radius: 4px !important;
    transition: all .2s ease-in-out;
    line-height: 1;
    padding: 15px 0;
}

.blog .read-more a:hover,
.archive .read-more a:hover {
    background-color: #0289c7;
    border-color: #0289c7;
}

.ast-separate-container .ast-archive-description,
.ast-separate-container .ast-author-box {
    padding: 15px !important;
}

.blog .entry-content,
.archive .entry-content {
    display: block;
}


/* Sidebar */

.sidebar-main .widget-title {
    background: #009de6;
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    margin: 0;
}

.sidebar-main .widgetBox {
    background: #fff;
    padding: 20px;
}

.sidebarWidget1 {
    background: #f1f1f1;
    padding: 20px;
    border: 1px solid #dadada;
}

.sidebarAuthorImg {
    max-width: 170px;
    border-radius: 100%;
    overflow: hidden;
}

.sidebarAuthorName {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.sidebarWidget1 a.commonBtn {
    padding: 8px 25px;
}

.sidebarWidgetBtn {
    width: 100%;
    max-width: 370px;
}


/* Xyz PSD */

h2.sepHead {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

h2.sepHead:before {
    position: absolute;
    content: '';
    bottom: -15px;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    height: 3px;
    background: #009de6;
}

.xyzSlider {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

.xyzSlider .slick-slide {
    outline: none;
    margin: 0 5px;
    ;
}

.xyzSlideTitle {
    font-weight: 600;
    color: #000;
    margin: 15px 0 5px;
}

.xyzSlider .slick-arrow {
    position: absolute;
    top: 90px;
    margin-top: -22px;
    width: 44px;
    height: 44px;
    background: url(../img/sliderhoverarrows.png) 0 0 no-repeat;
    text-indent: -99999999px;
    border: none;
    z-index: 2;
    padding: 0;
}

.xyzSlider .slick-prev {
    background-position: 0 0;
    left: -45px;
}

.xyzSlider .slick-prev:hover {
    background: url(../img/sliderarrows.png) 0 0 no-repeat;
    background-position: 36px 0px;
}

.xyzSlider .slick-next {
    background-position: -44px 0px;
    right: -45px;
}

.xyzSlider .slick-next:hover {
    background: url(../img/sliderarrows.png) 0 0 no-repeat;
    background-position: -44px 0px;
}

.xyzProductSection h2 b {
    color: #009de6;
}

.xyzSectionText p {
    font-size: 24px;
    line-height: 28px;
}

.xyzProductBox {
    display: inline-block;
    max-width: 370px;
    border: 1px solid #ebeaea;
}

.xyzProductImg {
    overflow: hidden;
}

.xyzProductImg a {
    display: block;
    transition: all .3s;
}

.xyzProductImg a:hover {
    transform: scale(1.1);
}

.xyzProductTitle {
    position: relative;
    padding: 45px 0 25px;
}

.xyzProductTitle a {
    font-size: 20px;
    line-height: 36px;
    color: #032527;
}

.xyzProductTitle:before {
    position: absolute;
    content: '';
    top: 25px;
    left: 50%;
    margin-left: -32px;
    width: 64px;
    height: 2px;
    background: #009de6;
}

.xyzProductText {
    padding: 20px 20px 5px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    background: #f6f6f6;
    width: 100%;
    max-width: 340px;
    margin: 0 auto -70px;
}

.xyzSeperator {
    border-top: 1px solid #dcdcdc;
}

.xyzSection5 h2 b {
    display: block;
    color: #009de6;
    padding-bottom: 10px;
}

.xyzFeaturedPointImg {
    width: 88px;
    float: left;
    border-radius: 100%;
    overflow: hidden;
    margin-top: 5px;
}

.xyzFeaturedPointContent {
    width: calc(100% - 88px);
    float: left;
    padding-left: 25px;
}

.xyzFeaturedPointTitle {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    padding: 0 0 13px;
    margin: 0 0 15px;
    position: relative;
}

.xyzFeaturedPointTitle:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 62px;
    height: 2px;
    background: #fff;
}

.xyzFeaturedPointText {
    text-align: left;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

.xyzFeaturedPointSection {
    background: #009de6;
}


/* About 2 */

.about2Banner .bannerContent {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 9%;
}

.bannerHeading {
    font-weight: 600;
}

.about2Sec1Wrapper {
    padding: 65px 10px 20px;
    border: 1px solid #cccccc;
    border-radius: 7px;
    background: #e9e9e9;
}

.about2SecTitle {
    font-size: 40px;
    font-weight: 700;
    color: #009de6;
    padding-bottom: 20px;
}

.about2SecBoxWrapper {
    position: relative;
}

.about2SecBoxWrapper:before {
    position: absolute;
    content: '';
    top: -10px;
    right: 0;
    width: 1px;
    height: 80px;
    background: #cccccc;
}

.about2SecBoxWrapper4:before {
    display: none;
}

.timelineWrapper {
    position: relative;
}

.timelineWrapper:before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    margin-left: -3px;
    width: 6px;
    height: 100%;
    background: rgba(0, 157, 230, .6);
}

.timelineBox {
    padding: 20px 30px 30px;
    position: relative;
}

.timelineBoxLeft {
    box-shadow: 1px 8px 15px 0px rgba(0, 0, 0, .1);
    margin-right: 20px;
}

.timelineBoxRight {
    box-shadow: -3px 8px 15px 0px rgba(0, 0, 0, .1);
    margin-left: 20px;
}

.timelineBoxLeft .timelineTitle,
.timelineBoxLeft .timelineText {
    text-align: right;
}

.timelineBox:before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -12px;
}

.timelineBoxLeft:before {
    right: -12px;
    border-left: 12px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.timelineBoxRight:before {
    left: -12px;
    border-right: 12px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.timelineBox:after {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #009de6;
}

.timelineBoxLeft:after {
    right: -43px;
}

.timelineBoxRight:after {
    left: -43px;
}

.timelineTitle {
    font-weight: 600;
    color: #009de6;
    padding-bottom: 10px;
}

.about2Section4 {
    position: relative;
    background: #f1f1f1;
}

.about2Section4:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff;
}

.about2Sec5Box {
    display: inline-block;
    padding: 50px 20px 20px;
    max-width: 370px;
    min-height: 280px;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, .1);
    position: relative;
}

.about2Sec5Box:before {
    position: absolute;
    content: '';
    top: 0;
    left: 10px;
    width: 32px;
    height: 46px;
    background: url(../img/checkflag.jpg);
}

.about2Sec5Title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    padding-bottom: 20px;
}


/* Landing Page 2 */

.LP2Section1 h1 b,
.LP2Section2 h2 b {
    color: #009de6;
    font-weight: 500;
}

.LP2ProductBox {
    padding-bottom: 29px;
    margin-bottom: 27px;
    border-bottom: 1px solid #ebebeb;
}

.LP2ProductImg {
    width: 370px;
    float: left;
    border: 2px solid #d8d8d8;
}

.LP2ProductContent {
    width: calc(100% - 370px);
    float: left;
    padding-left: 30px;
}

.LP2ProductTitle {
    font-size: 26px;
    line-height: 30px;
}

.LP2ProductTitle span {
    color: #009de6;
}

.LP2dblBtn a {
    margin: 0 5px;
    padding-top: 12px;
    padding-bottom: 12px;
    min-width: 200px;
    position: relative;
}

.LP2dblBtn a.redBtn {
    padding-left: 30px;
    background: #da251c;
}

.LP2dblBtn a.redBtn:hover {
    background: #333;
}

.LP2dblBtn a.blueBtn {
    padding-right: 30px;
}

.LP2dblBtn a.redBtn:before {
    position: absolute;
    content: '';
    top: 14px;
    left: 25px;
    width: 19px;
    height: 17px;
    background: url(../img/downloadicon.png);
    transition: all 0.3s;
}

.LP2dblBtn a.redBtn:hover:before {
    top: 18px;
}

.LP2dblBtn a.blueBtn:before {
    position: absolute;
    content: '';
    top: 18px;
    right: 25px;
    width: 11px;
    height: 11px;
    background: url(../img/doublearrow.png);
    transition: all 0.5s;
}

.LP2dblBtn a.blueBtn:hover:before {
    right: 10px;
}

.LP2Section2 {
    position: relative;
}

.LP2Section2:before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    margin-left: -36px;
    border-top: 32px solid #fff;
    border-left: 36px solid transparent;
    border-right: 36px solid transparent;
}

.LP2featuredProductBox {
    display: inline-block;
    max-width: 270px;
}

.LP2featuredProductImg {
    position: relative;
    overflow: hidden;
}

.LP2FeaturedProductExtra {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(40, 97, 172, 0.8);
    text-align: center;
    padding-top: 18%;
    display: none;
}

.LP2featuredProductBox:hover .LP2FeaturedProductExtra {
    display: block;
}

.LP2FProductExtraTitle {
    color: #fff;
    font-weight: 600;
    padding-top: 10px;
}

.LP2FeaturedProductTitle {
    padding: 23px 0 17px;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #cacaca;
}

.LP2featuredProductBox:hover .LP2FeaturedProductTitle {
    border-bottom: 1px solid #009de6;
}


/* Simple Product Category */

.productMenu .widget-title {
    font-size: 30px;
    font-weight: 600;
    background: #009de6;
    padding: 20px 10px;
    color: #fff;
    margin: 0 !important;
}

.productMenu {
    background: #f1f1f1;
}

.productMenu ul.menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
}

.productMenu ul.menu>li>a {
    background: #dadada;
    padding: 15px 10px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    display: block;
}

.productMenu ul.menu>li>a:hover {
    background: #009de6;
    color: #fff;
}

.productMenu ul.sub-menu {
    padding: 0 10px !important;
    margin: 0 !important;
    list-style-type: none;
}

.productMenu ul.sub-menu>li {
    padding: 0 !important;
}

.productMenu ul.sub-menu>li>a {
    font-size: 14px;
    padding: 8px 0;
    display: block;
    border-bottom: 1px dashed #009de6;
    transition: all .3s;
}

.productMenu ul.sub-menu>li>a:hover {
    padding-left: 20px;
}

.productMenu ul.sub-menu>li:last-child>a {
    border-bottom: none;
}

#menu-product-sidebar-menu>li>ul.sub-menu {
    display: none;
}

#menu-product-sidebar-menu>li.menu-item-has-children>a {
    position: relative;
    padding-right: 25px;
}

#menu-product-sidebar-menu>li.menu-item-has-children>a:before {
    position: absolute;
    content: "\e900";
    top: 18px;
    right: 5px;
    font-family: Astra;
    font-size: 14px;
    color: #000;
    transform: rotate(270deg);
    transition: all .3s;
}

#menu-product-sidebar-menu>li.menu-item-has-children>a:hover:before {
    color: #fff;
}

#menu-product-sidebar-menu>li.menu-item-has-children.active>a:before {
    transform: rotate(0deg);
}

.productMenuSection .quickQuote {
    margin-top: 35px;
}

.LP3Section1 {
    border-bottom: 1px dashed #dadada;
}

.LP3ProductBox {
    display: inline-block;
    transition: all .3s;
}

.LP3ProductImg {
    overflow: hidden;
}

.LP3ProductImg a {
    display: block;
    transition: all 0.3s;
}

.LP3ProductImg a:hover {
    transform: scale(1.1);
}

.LP3ProductTitle {
    min-height: 68px;
}

.LP3ProductTitle a {
    display: inline-block;
    color: #000;
    padding: 15px 0 5px;
    font-weight: 600;
}

.LP3ProductTitle a:hover {
    color: #009de6;
}

.LP3ProductText p {
    margin-bottom: 8px !important;
}

.LP3ProductBtn a.commonBtn {
    padding: 8px 15px;
}

.LP3ProductBtn {
    visibility: hidden;
}

.LP3ProductBox:hover .LP3ProductBtn {
    visibility: visible;
}

.LP3Section2 {
    background: top center no-repeat;
}

.LP3FeaturedBox {
    display: inline-block;
    max-width: 370px;
}

.LP3FeaturedImg {
    display: inline-block;
    overflow: hidden;
    border-radius: 100%;
}

.LP3FeaturedTitle {
    font-weight: 700;
    padding: 10px 0;
}

.LP3Section3 {
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(217, 217, 217, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(217, 217, 217, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(217, 217, 217, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=0);
    /* IE6-9 */
}

.pc3TotalProducts {
    padding: 7px 8px;
    background: #f5f5f5;
    display: inline-block;
}

.pageNo a {
    padding: 10px;
    border: 1px solid #009de6;
    font-size: 14px;
    display: inline-block;
    line-height: 1;
    min-width: 36px;
    margin: 0 2px;
    text-align: center;
}

.pageNo a:hover,
.pageNo .current {
    background: #009de6;
    color: #fff;
}

.pageNo .current {
    padding: 8px 10px 9px;
    height: auto;
    margin: 0;
    position: relative;
    border: 1px solid #009de6;
    display: inline-block;
    min-width: 36px;
    text-align: center;
    line-height: 1;
}


/* Youtube Responsive */

.youtube-player {
    position: relative;
    padding-bottom: 63%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("../img/txzc70f.png") no-repeat;
    cursor: pointer;
}

.videoWidth {
    margin: 0 auto;
}

.width400 {
    width: 400px;
}

.width500 {
    width: 500px;
}

.width600 {
    width: 600px;
}

.width700 {
    width: 700px;
}


/* Popup Form */

#contactPopUpForm .quickQuote {
    padding: 15px;
    width: 340px;
}

#contactPopUpForm input[type=text],
#contactPopUpForm input[type=email],
#contactPopUpForm textarea {
    padding: 10px;
    background: #fff;
    border: 1px solid #dadada !important;
}

table tr th {
    background: #f1f1f1;
}

table tr:nth-child(odd) td {
    background: #f1f1f1;
}


/* Home 2 */

.h3CertificateWrapper {
    width: 100%;
    max-width: 730px;
    margin: -30px auto 0;
    padding: 13px 20px;
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1);
    background: #fff;
    position: relative;
    z-index: 1;
}

.h3Certificates ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
}

.h3Certificates ul li {
    display: inline-block;
    margin: 0 19px 0 0;
}

.h3CertificateTitle {
    font-size: 24px;
    font-weight: 700;
}

ul.h3Slider {
    margin: 0 auto !important;
    padding: 0 !important;
    list-style-type: none;
    position: relative;
    z-index: 1;
    max-width: 570px;
}

ul.h3Slider li.slick-slide {
    outline: none;
}

ul.h3Slider ul.slick-dots {
    margin: 0 !important;
    padding: 10px 0 0 !important;
    list-style-type: none;
    text-align: center;
    background: #fff;
    line-height: 0px;
    display: inline-block;
    border-radius: 50px;
    background: #fff;
    min-width: 58px;
    bottom: 15px;
    left: 50%;
    margin-left: -29px !important;
    position: absolute;
}

ul.h3Slider ul.slick-dots li {
    outline: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-indent: -999999px;
    width: 9px;
    height: 9px;
    background: transparent;
    border: 1px solid #009de6;
    border-radius: 100%;
    margin: 0 1px;
}

ul.h3Slider ul.slick-dots li.slick-active {
    background: #009de6;
}

.h3PageDetails ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
    position: relative;
}

.h3PageDetails ul li {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    padding-left: 35px;
    margin-bottom: 15px;
    position: relative;
}

.h3PageDetails ul li:before {
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    width: 19px;
    height: 15px;
    background: url(../img/h3checkicon.png);
}

.h3Section1 {
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, .1);
}

.h3ProductBox {
    display: inline-block;
    max-width: 370px;
}

.h3ProductImg {
    border: 4px solid #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.h3ProductImg a {
    display: block;
    transition: 0.3s;
}

.h3ProductImg a:hover {
    transform: scale(1.1);
}

.h3ProductTitle {
    padding: 40px 0 5px;
}

.h3ProductTitle a {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.h3Section3 h2 span {
    font-size: 17px;
    color: #009de6;
    display: block;
}

.h3VideoBox {
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
}

.h3VideoBox a,
.h3Sec9VideoImg a {
    display: block;
    position: relative;
}

.h3VideoBox a:before,
.h3Sec9VideoImg a:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -34px;
    width: 67px;
    height: 67px;
    background: url(../img/h3playicon.png);
    transition: all 0.3s;
}

.h3VideoBox a:hover:before,
.h3Sec9VideoImg a:hover:before {
    transform: scale(1.1);
}

.h3BorderSection {
    border-top: 2px solid #f2f2f2;
}

.h3Sec4Subheading {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

a.transparentBtn {
    background: transparent;
    border: 1px solid #009de6;
    color: #009de6;
}

a.transparentBtn:hover {
    color: #fff;
}

.h3Section5VideoBox,
.h3Sec8VideoBox {
    display: inline-block;
    max-width: 270px;
}

.h3Section5Img,
.h3Sec8VideoImg {
    border: 4px solid #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.h3Section5Img a {
    display: block;
    transition: 0.3s;
}

.h3Section5Img a:hover {
    transform: scale(1.1);
}

.h3Section5Title a {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #333;
}

.h3Section5Text .tableScroll {
    overflow-x: visible;
}

.h3Section5Text table {
    margin: 10px 0 15px !important;
    border: none;
}

.h3Section5Text table td,
.h3Section5Text table th {
    border: none;
    padding: 0;
}

.h3Section5Text table th {
    width: 120px;
}

.h3FeaturedImg {
    max-width: 200px;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}

.h3FeaturedContent {
    width: calc(100% - 200px);
    float: left;
    padding-left: 20px;
}

.h3FeaturedTitle {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #333;
    padding-bottom: 20px;
}

.h3Section7 {
    background: center 0 no-repeat;
    background-size: cover;
}

.h3Sec8VideoImg a {
    display: block;
    position: relative;
}

.h3Sec8VideoImg a:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -26px 0 0 -26px;
    width: 53px;
    height: 53px;
    background: url(../img/h3playiconsm.png);
    transition: all 0.3s;
}

.h3Sec8VideoImg a:hover:before {
    transform: scale(1.1);
}

.h3Sec8VideoTitle {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #333;
}

.h3Sec9VideoBox {
    display: inline-block;
    max-width: 570px;
}

.h3Sec9VideoImg {
    padding: 4px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.h3Sec9VideoTitle {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #333;
}

.h3Sec9VideoImg a {
    display: block;
    transition: all 0.3s;
}

.h3ContactSection {
    background: url(../img/h3accordicon.png) top 100px left 20px no-repeat;
}

.h3ContactSection {
    counter-reset: step-counter;
}

.h3ContactSection .accordionWraper .accordion,
.h3ContactSection .accordionWraper .panel {
    color: #333;
    border: 1px solid #009de6;
    background: #fff;
}

.h3ContactSection .accordionWraper .accordion:before,
.h3ContactSection .accordionWraper .accordion:after {
    color: #333;
}


/* Product Category 2 */

.pc2Banner {
    position: relative;
}

.pc2BannerContentWraper {
    position: absolute;
    padding-top: 4%;
    top: 0;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 830px;
}

.pc2BannerContent {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    padding: 50px 30px;
}

.pc2BannerTitle {
    font-size: 2.9vw;
    line-height: 3.5vw;
    color: #fff;
    font-weight: 700;
}

.pc2BannerTitle b {
    display: block;
    font-size: 2.1vw;
}

.pc2BannerBtn {
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: -100px;
}

.sectionShadow {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .1);
}

.pc2ProductBox,
.pc2FeaturedProductBox {
    display: inline-block;
    max-width: 370px;
}

.pc2ProductBox {
    text-align: left;
}

.pc2ProductImg,
.pc2FearturedProductImg {
    padding: 4px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.pc2ProductImg a,
.pc2FearturedProductImg a {
    display: block;
    transition: all 0.3s;
}

.pc2ProductImg a:hover,
.pc2FearturedProductImg a:hover {
    transform: scale(1.1);
}

.pc2ProductTitle a,
.pc2FeaturedProductTitle a {
    font-size: 20px;
    font-weight: 600;
}

.pc2Section4 {
    border-top: 1px solid #cbcbcb;
}

.pcSection4 .tableScroll {
    overflow-x: inherit;
}

.pcSection4 table {
    border: none;
}

.pcSection4 table th,
.pcSection4 table td {
    border: none;
    padding: 3px;
}

.pcSection4 table th {
    width: 20%;
}

.pcSection4 table td {
    width: 30%;
}

.pc2TabsWrapper {
    border: 1px solid #ededed;
    border-radius: 5px;
    overflow: hidden;
}

.pc2TabsWrapper ul.tabs {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    background: #fbfbfb;
    position: relative;
}

.pc2TabsWrapper ul.tabs li {
    display: inline-block;
    padding: 20px 25px;
    color: #6a6b6b;
    font-size: 16px;
    transition: all .3s;
    border: none;
    cursor: pointer;
}

.pc2TabsWrapper ul.tabs li.current {
    background: #009de6;
    color: #fff;
    border: none;
}

.pc2TabsWrapper .tab-content {
    display: none;
    background: #fff;
    padding: 25px 15px 15px;
}

.pc2TabsWrapper .tab-content.current {
    display: block;
}

.pc2CatalogBox {
    max-width: 270px;
    margin: 0 auto;
}

.pc2CatalogImg {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 8px 8px 0px 0px #d5d5d5;
    display: inline-block;
}


/* Product Detail 2 */

.productSliderWraper {
    max-width: 650px;
    margin: 0 auto;
}

ul.productSlider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none
}

ul.productSlider .slick-slide {
    outline: none;
    border-radius: 8px;
    overflow: hidden;
}

.pd2Details h1 {
    font-size: 28px !important;
}

.pd2Section1 .tableScroll {
    overflow-x: inherit;
}

.pd2Section1 table {
    border: none;
}

.pd2Section1 table th,
.pd2Section1 table td {
    border: none;
}

.pd2Section4Details ul li {
    margin-bottom: 5px;
}

.pd2RelatedProductSection {
    border-top: 1px solid #dfdfdf;
}

.pd2ProductBox,
.pd2RelatedProductBox {
    display: inline-block;
    max-width: 270px;
}

.pd2ProductImg,
.pd2RelatedProductImg {
    padding: 4px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.pd2ProductImg a,
.pd2RelatedProductImg a {
    display: block;
    transition: all 0.3s;
}

.pd2ProductImg a:hover,
.pd2RelatedProductImg a:hover {
    transform: scale(1.1);
}

.pd2ProductTitle a,
.pd2RelatedProductTitle a {
    font-size: 20px;
    font-weight: 600;
}

.pd2ContactForm {
    max-width: 1022px;
    margin: 0 auto;
}

.pd2ContactForm input[type="text"],
.pd2ContactForm input[type="email"],
.pd2ContactForm textarea {
    width: 100%;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #bfbfbf;
    background: #fff;
    margin-bottom: 10px;
}

.pd2ContactForm textarea {
    min-height: 330px;
}

.pd2ContactForm input[type="submit"] {
    min-width: 118px;
}


/* Landing Page 4 */

.lp4BannreContentWraper {
    padding-top: 7%;
}

.lp4ProductBox {
    display: inline-block;
    max-width: 262px;
}

.lp4ProductImg,
.lp4SliderImg {
    border-radius: 5px;
    padding: 4px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.lp4ProductImg a,
.lp4SliderImg a {
    display: block;
    transition: all 0.3s;
}

.lp4ProductImg a:hover,
.lp4SliderImg a:hover {
    transform: scale(1.1);
}

.lp4ProductTitle a,
.lp4FeaturedTitle,
.lp4SliderTitle a {
    font-size: 20px;
    font-weight: 600;
}

.lp4FeaturedImg {
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    padding: 4px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.lp4FeaturedImg img {
    display: inline-block;
    border-radius: 100%;
}

.lp4SliderSection {
    border-top: 1px solid #cbcbcb;
}

.landingPage4Slider {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

.landingPage4Slider .slick-slide {
    outline: none;
    margin: 10px 15px;
    text-align: center;
}

.landingPage4Slider .slick-arrow {
    position: absolute;
    top: 30%;
    width: 56px;
    height: 56px;
    padding: 0;
    background: url(../img/lp4sliderarrows.png) 0 0 no-repeat;
    text-indent: -99999999px;
    border: none;
    z-index: 2;
}

.landingPage4Slider .slick-prev {
    background-position: 0px 0px;
    left: -58px;
}

.landingPage4Slider .slick-next {
    background-position: -56px 0px;
    right: -58px;
}

.landingPage4Slider .slick-prev:hover,
.landingPage4Slider .slick-next:hover {
    background: url(../img/lp4sliderarrowhvr.png);
}

.landingPage4Slider .slick-next:hover {
    background-position: -56px 0px;
}


/* Contact 2 */

.tcContactDetailWrapper {
    border-radius: 5px;
    background: #009de6;
    min-height: 567px;
}

.tcContactDetailContent,
.tcContactDetails {
    padding: 30px 20px 25px;
}

.tcContactDetailContent {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.tcContactDetailTitle {
    font-size: 24px;
    font-weight: 600;
}

.tcContactDetailWrapper ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
    position: relative;
}

.tcContactDetailWrapper ul li {
    position: relative;
    padding: 2px 0 2px 45px;
    margin-bottom: 15px;
}

.tcContactDetailWrapper ul li,
.tcContactDetailWrapper ul li a {
    font-size: 16px;
    color: #fff;
}

.tcContactDetailWrapper ul li:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: url(../img/tccontactsprite-1.png) 0 0 no-repeat;
}

.tcContactDetailWrapper ul li.email:before {
    width: 22px;
    height: 21px;
    background-position: 0px 0px;
}

.tcContactDetailWrapper ul li.whatsapp:before {
    width: 24px;
    height: 23px;
    background-position: 0px -22px;
}

.tcContactDetailWrapper ul li.phone:before {
    width: 22px;
    height: 22px;
    background-position: 0px -45px;
}

.tcContactDetailWrapper ul li.mobile:before {
    width: 18px;
    height: 32px;
    background-position: -3px -67px;
}

.tcContactDetailWrapper ul li.location:before {
    width: 24px;
    height: 27px;
    background-position: 0px -100px;
}


/* About 3 */

ul.taAboutProductSlider {
    margin: 0 auto !important;
    max-width: 363px;
    padding: 0 !important;
    list-style-type: none;
    position: relative;
    z-index: 1;
}

ul.taAboutProductSlider li.slick-slide {
    outline: none;
    margin: 10px;
}

ul.taAboutProductSlider ul.slick-dots {
    margin: 25px 0 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
}

ul.taAboutProductSlider ul.slick-dots li {
    outline: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-indent: -999999px;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    border: 1px solid #009de6;
    background: transparent;
    margin: 0 1px;
}

ul.taAboutProductSlider ul.slick-dots li.slick-active {
    background: #009de6;
}

.taAboutSliderImg {
    padding: 4px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.taAboutSliderTitle,
.taAboutSec3SliderTitle,
.taAboutVideoTitle {
    font-size: 20px;
    font-weight: 600;
}

.taAboutSection3 .youtube-player {
    padding-bottom: 76%;
}

.taAboutClientSection {
    border-top: 1px solid #cbcbcb;
}

.taAboutClientSlider {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

.taAboutClientSlider .slick-slide {
    outline: none;
    max-width: 166px;
    margin: 3px 15px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.taAboutClientSlider .slick-arrow {
    position: absolute;
    top: 50%;
    width: 13px;
    height: 23px;
    margin-top: -11px;
    padding: 0;
    background: url(../img/tasliderarrows.png) 0 0 no-repeat;
    text-indent: -99999999px;
    border: none;
    z-index: 2;
}

.taAboutClientSlider .slick-prev {
    background-position: 0px 0px;
    left: -35px;
}

.taAboutClientSlider .slick-next {
    background-position: -13px 0px;
    right: -35px;
}

.taAboutClientSlider .slick-prev:hover,
.taAboutClientSlider .slick-next:hover {
    background: url(../img/tasliderarrowshvr.png);
}

.taAboutClientSlider .slick-next:hover {
    background-position: -13px 0px;
}

.taAboutTeamBox {
    display: inline-block;
    max-width: 270px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    position: relative;
    padding: 70px 15px 35px;
}

.taAboutTeamImg {
    position: absolute;
    display: inline-block;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    top: -60px;
    left: 50%;
    margin-left: -60px;
}

.taAboutTeamImg img {
    border-radius: 100%;
}

.taTimelineBox {
    position: relative;
    margin-bottom: 70px;
}

.taAboutTeamTitle {
    font-size: 20px;
    font-weight: 600;
}

.taTimelineYear {
    position: absolute;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.taTimelineYearRight {
    top: 7px;
    left: -110px;
}

.taTimelineYearLeft {
    top: 7px;
    right: -110px;
}

.taTimelineBoxLeft .taTimelineText {
    text-align: right;
}

.taTimelineBoxLeft {
    padding-right: 15px;
}

.taTimelineBoxRight {
    padding-left: 15px;
}

.taTimelineBox:before {
    position: absolute;
    content: '';
    width: 167px;
    height: 117px;
    background: url(../img/timelinesprite.png);
}

.taTimelineBoxLeft:before {
    top: -30px;
    right: -170px;
}

.taTimelineBoxRight:before {
    top: -30px;
    left: -166px;
}

.taTimelineBox1:before,
.taTimelineBox14:before {
    background-position: 0 0;
}

.taTimelineBox2:before,
.taTimelineBox8:before {
    background-position: 0 -117px;
}

.taTimelineBox3:before,
.taTimelineBox9:before {
    background-position: 0 -237px;
}

.taTimelineBox4:before,
.taTimelineBox10:before {
    background-position: 0 -355px;
}

.taTimelineBox5:before,
.taTimelineBox11:before {
    background-position: 0 -474px;
}

.taTimelineBox6:before,
.taTimelineBox12:before {
    background-position: 0 -593px;
}

.taTimelineBox7:before,
.taTimelineBox13:before {
    background-position: 0 -711px;
}


/* Sino MTD Home */

.MThomeVideoBox {
    max-width: 570px;
    margin: -50px auto 0;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
}

.MThomeVideoBox a {
    display: block;
    position: relative
}

.MThomeVideoBox a:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -33px 0 0 -33px;
    width: 67px;
    height: 67px;
    background: url(../img/h3playicon.png);
    transition: all 0.3s;
}

.MThomeVideoBox a:hover:before {
    transform: scale(1.1);
}

.MTcertificatesTitle {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.homeCertificates ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
}

.homeCertificates ul li {
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 5px;
}

.MThomeSection1 h1 {
    text-transform: uppercase;
}

.MThomeSection1 h1 span,
.MThomeText span,
.MThomeFeaturedProducts h2 span,
.MTcatProductSection h2 span,
.MTaboutProductSection h2 span {
    color: #009de6;
}

.MThomeSection1 h1 span,
.MThomeFeaturedProducts h2 span,
.MTcatProductSection h2 span {
    display: block;
}

.MThomeText {
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
}

.MTcircleList ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
}

.MTcircleList ul li {
    padding-left: 30px;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
    position: relative;
}

.MTcircleList ul li:before {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid #009de6;
    border-radius: 100%;
}

.MThomeProductBox {
    display: inline-block;
    max-width: 370px;
}

.MThomeProductText ul li {
    margin-bottom: 10px;
}

.MThomeProductTitle {
    padding-left: 20px;
    margin: 15px 0;
    position: relative;
}

.MThomeProductTitle:before {
    position: absolute;
    content: '';
    top: 6px;
    left: 0;
    width: 4px;
    height: 24px;
    border-radius: 5px;
    background: #009de6;
}

.MThomeProductTitle a {
    font-weight: 600;
    color: #363636;
    font-size: 20px;
}

.MThomeProductImg {
    overflow: hidden;
}

.MThomeProductImg a {
    display: block;
    transition: all 0.3s;
}

.MThomeProductImg a:hover {
    transform: scale(1.1);
}

.MTfeaturedProductBox {
    display: inline-block;
    max-width: 270px;
}

.MTfeaturedProductImg {
    padding: 9px;
    border: 1px solid #c3c5c7;
    position: relative;
}

.MTfeaturedProductTitle {
    font-size: 20px;
    font-weight: 600;
    color: #363636;
}

.MTfeaturedProductText {
    font-size: 16px line-height: 22px
}

.MTborderSection {
    position: relative;
}

.MTborderSection:before {
    position: absolute;
    content: '';
    left: 50%;
    width: 1170px;
    height: 3px;
    margin-left: -585px;
    background: #009de6;
}

.MTborderSection:before {
    bottom: 0;
}

.MTwhyusTitle {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    padding-bottom: 15px;
}

.MTwhyusBox {
    padding-left: 70px;
    margin-bottom: 30px;
    position: relative;
}

.MTwhyusBox:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: url(../img/mthomespritebl.png);
}

.MTwhyusBox1:before {
    width: 51px;
    height: 33px;
    background-position: 0px 0px;
}

.MTwhyusBox2:before {
    width: 49px;
    height: 47px;
    background-position: 0 -33px;
}

.MTwhyusBox3:before {
    width: 49px;
    height: 50px;
    background-position: 0px -80px;
}

.MTwhyusBox4:before {
    width: 49px;
    height: 53px;
    background-position: -1px -130px;
}

.MTwhyusBtn {
    margin-left: 70px;
}

ul.MTwhyusSlider {
    margin: 0 auto !important;
    max-width: 470px;
    padding: 0 !important;
    list-style-type: none;
    position: relative;
    z-index: 1;
}

ul.MTwhyusSlider li.slick-slide {
    outline: none;
    border-radius: 3px;
    overflow: hidden;
}

ul.MTwhyusSlider ul.slick-dots,
ul.MTDSlider5 ul.slick-dots {
    margin: 20px 0 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
}

ul.MTwhyusSlider ul.slick-dots li,
ul.MTDSlider5 ul.slick-dots li {
    outline: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-indent: -999999px;
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 100%;
    margin: 0 1px;
    border: 1px solid #009de6;
}

ul.MTwhyusSlider ul.slick-dots li.slick-active,
ul.MTDSlider5 ul.slick-dots li.slick-active {
    background: #009de6;
}

.MTDSlider5 {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

.MTDSlider5 .slick-slide {
    outline: none;
    text-align: center;
}

.homeSliderLGwrapper {
    position: relative;
}

.homeSliderLGTitle {
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    letter-spacing: 2px;
    display: inline-block;
    background: #009de6;
    position: absolute;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1170px;
    padding: 22px 10px;
}

.homeSliderLGTitle:before {
    content: '';
    top: 0px;
    left: -30px;
    border-top: 80px solid #009de6;
    z-index: 1;
    border-left: 30px solid transparent;
    position: absolute;
}

.homeSliderLGTitle:after {
    content: '';
    top: 0px;
    right: -10px;
    border-bottom: 80px solid #009de6;
    z-index: 1;
    border-right: 10px solid transparent;
    position: absolute;
}

.MTslider5Btn {
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

ul.MTtradeSlider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    position: relative;
    z-index: 1;
}

ul.MTtradeSlider li.slick-slide {
    outline: none;
    margin: 5px 15px;
}

ul.MTtradeSlider ul.slick-dots {
    margin: 60px 0 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
}

ul.MTtradeSlider ul.slick-dots li {
    outline: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-indent: -999999px;
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 100%;
    border: 1px solid #009de6;
    margin: 0 1px;
}

ul.MTtradeSlider ul.slick-dots li.slick-active {
    background: #009de6;
}

.MTtradeBox {
    display: inline-block;
    max-width: 270px;
    cursor: pointer;
}

.MTtradeImg {
    overflow: hidden;
    border: 1px solid transparent;
}

.MTtradeTitle {
    font-size: 30px;
    letter-spacing: 3px;
    padding: 40px 0 25px;
}

.MTtradeBox:hover .MTtradeImg {
    border: 1px solid #1675aa;
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
}

.MTtradeTitle span {
    color: #009de6;
}

.MThomeContactForm {
    border-radius: 5px;
    box-shadow: -2px 2px 5px 2px rgb(0 0 0 / 10%);
    padding: 0 80px 55px;
}

.MThomeContactForm h2 {
    display: inline-block;
    padding: 0 25px;
    background: #fff;
    letter-spacing: 2px;
    position: relative;
    bottom: 18px;
}

.MThomeContactForm input[type="text"],
.MThomeContactForm input[type="email"],
.MThomeContactForm textarea,
.MTcontactPageForm input[type="text"],
.MTcontactPageForm input[type="email"],
.MTcontactPageForm textarea {
    width: 100%;
    border: none;
    border: 1px solid #d4d4d4;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 0;
}

.MThomeContactForm textarea,
.MTcontactPageForm textarea {
    min-height: 170px;
    border: 1px solid #d4d4d4;
    padding: 15px !important;
}


/* Sino MTD Detail */

.MTproductSliderWraper {
    max-width: 650px;
    margin: 0 auto;
}

ul.MTproductSlider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none
}

ul.MTproductSlider .slick-slide {
    outline: none;
    overflow: hidden;
    border-radius: 8px;
}

ul.MTproductSliderPager {
    margin: 30px 0 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.MTproductSliderPager .slick-slide {
    padding: 3px 15px;
    outline: none;
}

ul.MTproductSliderPager .slick-slide a {
    outline: none;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    border: 2px solid transparent;
}

ul.MTproductSliderPager .slick-current a {
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
}

ul.MTproductSliderPager .slick-arrow {
    position: absolute;
    top: 50%;
    width: 37px;
    height: 37px;
    padding: 0;
    margin-top: -18px;
    text-indent: -999999px;
    border: none;
    background: url(../img/mtproductsliderarrows.png) 0 0 no-repeat transparent;
    z-index: 2;
}

ul.MTproductSliderPager .slick-prev {
    left: -25px;
}

ul.MTproductSliderPager .slick-next {
    right: -25px;
    background-position: -37px 0;
}

.MTdetailSection1 h1 {
    font-size: 32px;
    line-height: 38px;
    color: #000;
}

.MTdetailSection1 h1 span {
    color: #009de6;
}

.MTdiamondList ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
    position: relative;
}

.MTdiamondList ul li {
    position: relative;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-weight: 500;
    padding-left: 25px;
    margin-bottom: 10px;
}

.MTdiamondList ul li:before {
    position: absolute;
    content: '';
    top: 6px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #009de6;
    transform: rotate(45deg);
}

.MTcatalogBox {
    max-width: 300px;
    margin: 0 auto;
    position: relative;
}

.MTcatalogBtn {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}

.MTDetailVideoSection .youtube-player {
    position: relative;
    padding-bottom: 44%;
    align-content
}

.MTdRelatedProductBox {
    display: inline-block;
    max-width: 270px;
}

.MTdRelatedProductImg {
    padding: 9px;
    border: 1px solid #c3c5c7;
    position: relative;
}

.MTdRelatedProductImg:before {
    position: absolute;
    content: '';
    top: 0;
    left: -1px;
    width: 270px;
    height: 9px;
    background: #fff;
}

.MTdRelatedProductImg:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: -1px;
    width: 270px;
    height: 9px;
    background: #fff;
}

.MTdRelatedProductTitle a {
    font-size: 20px;
    font-weight: 600;
    color: #363636;
}

.gallery-icon {
    display: inline-block !important;
}

.gallery-caption {
    background: #f19f14;
    margin: 0 10px !important;
}

.MTaboutEntrySection .MTaboutBannerDetails p {
    font-weight: 400;
}

ul.MTaboutFactorySlider {
    margin: 0 auto !important;
    padding: 0 !important;
    list-style-type: none;
    z-index: 1;
    max-width: 370px;
}

ul.MTaboutFactorySlider li.slick-slide {
    outline: none;
}

ul.MTaboutFactorySlider ul.slick-dots {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    float: right;
    position: relative;
    bottom: 15px;
}

ul.MTaboutFactorySlider ul.slick-dots li {
    outline: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-indent: -999999px;
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid #009de6;
    border-radius: 100%;
    margin: 0 1px;
}

ul.MTaboutFactorySlider ul.slick-dots li.slick-active {
    background: #009de6;
}

.MTfactorySliderTitle {
    font-size: 20px;
    font-weight: 500;
    color: #363636;
    padding-top: 20px;
}

ul.MTaboutClientSlider {
    margin: 0;
    padding: 0;
    position: relative;
}

ul.MTaboutClientSlider .slick-slide {
    outline: none;
    text-align: center;
    margin: 0 5px;
}

ul.MTaboutClientSlider .slick-arrow {
    position: absolute;
    top: 50%;
    width: 19px;
    height: 34px;
    margin-top: -17px;
    padding: 0;
    background: url(../img/mtclientsliderarws.png) 0 0 no-repeat;
    text-indent: -99999999px;
    border: none;
    z-index: 2;
}

ul.MTaboutClientSlider .slick-prev {
    background-position: 0px 0px;
    left: -30px;
}

ul.MTaboutClientSlider .slick-next {
    background-position: -19px 0px;
    right: -30px;
}


/* Contact */

.MTcontactBanner,
.tcBannerImg,
.au5Banner,
.lp4BannerImg {
    text-align: center;
}

.MTcontactBanner img,
.tcBannerImg img,
.au5Banner img,
.lp4BannerImg img {
    width: 100%;
}

.MTcontactDetailWrapper {
    background: #009de6;
}

.MTcontactDetailContent {
    padding: 40px 25px 30px;
}

.MTcontactDetailTitle {
    font-size: 50px;
    line-height: 30px;
    color: #fff;
    font-weight: 300;
    display: block;
    letter-spacing: 2px;
    padding-top: 15px;
}

.MTcontactDetailTitle span {
    font-size: 16px;
    display: block;
    padding-bottom: 15px;
}

.MTcontactDetailSep {
    border-bottom: 1px solid #fff;
}

.MTcontactDetails {
    padding: 35px 25px;
}

.MTcontactDetails ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
}

.MTcontactDetails ul li {
    position: relative;
    padding: 7px 0px 6px 40px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

.MTcontactDetails ul li a {
    color: #fff;
}

.MTcontactDetails ul li span {
    display: block;
    padding-top: 10px
}

.MTcontactDetails ul li:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 33px;
    height: 33px;
    background: url(../img/cu3contactsprite.png);
}

.MTcontactDetails ul li.email:before {
    background-position: 0px 0px;
}

.MTcontactDetails ul li.location1:before {
    background-position: 0px -33px;
}

.MTcontactDetails ul li.location2:before {
    display: none;
}

.MTcontactDetails ul li.whatsapp:before {
    background-position: 0 -66px;
    height: 32px;
}

.MTcontactDetails ul li.address:before {
    background-position: 0 -98px;
}

.MTcontactQuote {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 80px;
    padding: 40px 0 30px;
}

.MTcontactQuote:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 36px;
    height: 30px;
    background: url(../img/mtcontactquote.png);
}

.MTcontactQuote:after {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 36px;
    height: 30px;
    background: url(../img/contactquote.png);
    transform: scale(-1, -1);
}

.MTcontactPageForm {
    padding: 75px 40px 75px 40px;
}

.MTaboutContactWrapper {
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
}

.MTcontactDetailSection {
    padding: 0;
}

.MTformProductsTitle {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 20px 0 20px 15px;
}

.checkBoxLabel {
    display: inline-block;
}

.contactLabelRow {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.au4BannerLayer {
    padding: 20px 20px 0;
    background: rgba(0, 0, 0, .7);
}


/* Home Page 4 */

.textLink {
    text-align: right;
    font-weight: 600;
    font-size: 20px;
}

h2 span,
h3 span {
    color: #009de6;
}

.hp4Section2 {
    background-size: cover;
    background-position: center;
}

ul.hp4Slider,
ul.hp4Slider ul.slick-dots {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.hp4Slider ul.slick-dots {
    margin: 8px 0 0 !important;
    text-align: center;
}

ul.hp4Slider .slick-dots li {
    display: inline-block;
    text-indent: -999999px;
    padding: 0;
    background: #fff;
    border: 1px solid #009de6;
    width: 20px;
    height: 8px;
    margin: 0 2px;
}

ul.hp4Slider .slick-dots li.slick-active {
    background: #009de6;
}

.hp4ProductBox {
    display: inline-block;
}

.hp4ProductBox .hp4Image {
    overflow: hidden;
    transition: all .3s;
    border: 2px solid #e5eaf1;
}

.hp4ProductBox .hp4Image a {
    display: block;
}

.hp4ProductBox .hp4Image a:hover {
    transform: scale(1.1);
}

.hp4ProductBox .hp4Title {
    margin-top: 10px;
}

.hp4ProductBox .hp4Title a {
    color: #273d57;
    display: inline-block;
}

.hp4ProductBox .hp4Title a:hover {
    color: #277ce2;
}

.hp4SearchBar {
    background: #277ce2;
    background: -moz-linear-gradient(left, #277ce2 0%, #37afee 50%, #277ce2 100%);
    background: -webkit-linear-gradient(left, #277ce2 0%, #37afee 50%, #277ce2 100%);
    background: linear-gradient(to right, #277ce2 0%, #37afee 50%, #277ce2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#277ce2', endColorstr='#277ce2', GradientType=1);
}

.hp4SearchBar .searchTitle {
    font-size: 36px;
    font-weight: 600;
    font-style: italic;
    line-height: 40px;
}

.hp4Process {
    counter-reset: step-counter;
}

.hp4ProcessBox {
    padding: 20px 20px 1px;
    background: #fff;
    box-shadow: 0 0 7px rgb(0 0 0 / 5%);
    text-align: left;
}

.hp4ProcessBox .hp4Title {
    position: relative;
    margin: 30px 0 10px;
    counter-increment: step-counter;
}

.hp4ProcessBox .hp4Title:before {
    position: absolute;
    content: '0'counter(step-counter);
    top: -35px;
    left: 0;
    font-size: 32px;
    font-weight: 600;
    color: #009de6;
}

.hp4ProcessBox .hp4Title a {
    display: inline-block;
    color: #484848;
    font-size: 24px;
    font-weight: 600;
}

.hp4ProcessBox .hp4Text {
    font-size: 16px;
    padding-top: 10px;
}

.hp4Section4 {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
}

.hp4SliderBox {
    position: relative;
    padding: 90px 0 60px;
}

.hp4SliderBox:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 85%;
    height: 100%;
    background: #edf0f3;
}

.hp4QualityBox:before {
    background: #777c84;
}

.hp4QualityBox .hp4SliderBoxDetails {
    color: #fff;
}

.hp4SliderBoxDetails {
    padding: 0 60px 0 20px;
}

.hp4TeamSection {
    position: relative;
}

.hp4TeamSection:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 4000px;
    height: 520px;
    background: #edf0f3;
}

.hp4TeamBox {
    background: #fff;
    max-width: 320px;
    display: inline-block;
    box-shadow: 0 0 7px rgb(0 0 0 / 5%);
}

.hp4Team1 {
    text-align: left;
}

.hp4Team3 {
    text-align: right;
}

.hp4TeamImg {
    padding: 50px 50px 0;
}

.hp4TeamTitle {
    color: #009de6;
    font-weight: 600;
    margin: 10px 0;
    font-size: 22px;
    text-align: center;
}

.hp4TeamTitle span {
    font-size: 18px;
    display: block;
    color: #273d57;
}

.hp4TeamText {
    padding: 0 40px 20px;
    font-size: 16px;
    text-align: center;
}

.hp4ContactForm {
    box-shadow: 0 0 10px rgb(134 189 255 / 29%);
    padding: 50px;
    border-radius: 3px;
}

.hp4ContactForm input[type="text"],
.hp4ContactForm input[type="email"],
.hp4ContactForm textarea {
    width: 100%;
    border: none;
    background: #ecf3fc !important;
    padding: 12px;
    font-size: 16px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: none !important;
}

.hp4ContactForm input[type"text"]::placeholder,
.hp4ContactForm input[type"email"]::placeholder,
.hp4ContactForm textarea::placeholder {
    color: #8597ab;
}

.hp4ContactForm textarea {
    min-height: 180px;
}

.hp4ContactForm input[type="submit"] {
    width: 100%;
    border-radius: 10px;
    padding: 16px;
}

.hp4VideoText {
    padding-top: 20px;
}

.hp4CEO {
    text-align: right;
    font-weight: 600;
}

.hp4Video a:before {
    background: url(../img/videoplayicon.png) 0 0 no-repeat;
}

.hp4SearchBar .astra-search-shortcode {
    display: block;
}

.hp4SearchBar .search-form {
    border: none !important;
    line-height: 1 !important;
    border-radius: 5px !important;
    background-color: #e4ecf7 !important;
    width: 100%;
}

.hp4SearchBar .astra-search-icon::before {
    font-size: 34px;
}


/* Floor Scrubber Css */


/* Home */

.h5section1 {
    position: relative;
    margin-top: -50px;
}

.h5featuredPointsBox {
    display: inline-block;
    padding: 140px 30px 20px;
    position: relative;
    max-width: 370px;
    min-height: 266px;
    box-shadow: 3px 3px 3px 1px rgb(0 0 0 / 10%);
}

.h5featuredPointsBox1 {
    background: #fca601;
}

.h5featuredPointsBox2 {
    background: #91ad0e;
}

.h5featuredPointsBox3 {
    background: #c94c0f;
}

.h5featuredPointsBox:before {
    position: absolute;
    content: '';
    top: 25px;
    left: 50%;
    margin-left: -48px;
    width: 96px;
    height: 96px;
    background: url(../img/fs-sprite.png) #fff no-repeat;
    border-radius: 100%;
}

.h5featuredPointsBox1:before {
    background-position: 15px 21px;
}

.h5featuredPointsBox2:before {
    background-position: 20px -53px;
}

.h5featuredPointsBox3:before {
    background-position: 17px -123px;
}

.h5featuredPointsTitle {
    font-size: 22px;
    font-weight: 600;
}

.h5circleList ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
    position: relative;
}

.h5circleList ul li {
    font-size: 16px;
    line-height: 22px;
    padding-left: 20px;
    margin-bottom: 10px;
    color: #111111;
    font-weight: 600;
    position: relative;
}

.h5circleList ul li:before {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #009de6;
    border-radius: 100%;
    background: transparent;
}

.h5videoBox {
    max-width: 550px;
    margin: 0 auto;
}

.h5videoBox a {
    display: block;
    position: relative;
}

.h5videoBox a:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -34px;
    width: 67px;
    height: 67px;
    background: url(../img/h3playicon.png);
    transition: all 0.3s;
}

.h5videoBox a:hover:before {
    transform: scale(1.1);
}

.h5productHeading h2 {
    display: inline-block;
    padding: 0 25px;
    z-index: 1;
    position: relative;
    background: #fff;
}

.h5productHeading {
    display: block;
    padding: 0 25px;
    background: #fff;
    position: relative;
}

.h5productHeading:before {
    position: absolute;
    content: '';
    top: 30%;
    left: 0;
    width: 100%;
    border: 1px solid #bababa;
}

.h5productBox {
    display: inline-block;
    max-width: 370px;
}

.h5productImgWrapper {
    padding: 6px;
    background: #fff;
    border: 1px solid #dddedf;
    cursor: pointer;
}

.h5productImg {
    position: relative;
}

.h5productImg:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.h5productImg:hover:before {
    background: rgba(0, 0, 0, 0.4);
}

.h5productImg a {
    display: block;
}

.h5productTitle a {
    font-size: 22px;
    color: #233645;
    font-weight: 600;
}

.h5tabSection,
.h5section8 {
    border-top: 1px solid #bababa;
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%);
}

.h5TabsWrapper ul.tabs,
.h5TabsWrapper ul.tabs2 {
    margin: 0 0 30px !important;
    padding: 0 !important;
    list-style-type: none;
    border-bottom: 2px solid #bababa;
    text-align: left;
}

.h5TabsWrapper ul.tabs li,
.h5TabsWrapper ul.tabs2 li {
    display: inline-block;
    padding: 0 0 8px;
    margin-right: 20px;
    color: #233645;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s;
    cursor: pointer;
    position: relative;
}

.h5TabsWrapper ul.tabs li:before,
.h5TabsWrapper ul.tabs2 li:before {
    position: absolute;
    content: '';
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: transparent;
}

.h5TabsWrapper ul.tabs li.current,
.h5TabsWrapper ul.tabs2 li.current {
    color: #009de6;
}

.h5TabsWrapper ul.tabs li.current:before,
.h5TabsWrapper ul.tabs2 li.current:before {
    background: #009de6;
}

.h5TabsWrapper ul.tabs li.current:after,
.h5TabsWrapper ul.tabs2 li.current:after {
    position: absolute;
    content: '';
    bottom: -8px;
    left: 50%;
    margin-left: -6px;
    border-top: 6px solid #009de6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.h5TabsWrapper .tab-content,
.h5TabsWrapper .tab-content2 {
    display: none;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    padding: 20px;
}

.h5TabsWrapper .tab-content.current,
.h5TabsWrapper .tab-content2.current {
    display: block;
}

.pd7Section6 .h5TabsWrapper .tab-content2 {
    border-radius: 0;
}

.h5whyusSection {
    padding-top: 190px;
    position: relative;
    background: #228dc3;
}

.h5whyusSection:before {
    position: absolute;
    content: '';
    top: -40px;
    left: 0;
    width: 1920px;
    height: 190px;
    background: url(../img/h5whyusshape.jpg);
}

.h5whyusBox {
    padding-left: 115px;
    position: relative;
    min-height: 90px;
}

.h5whyusBox:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 96px;
    height: 96px;
    border: 3px solid #228dc3;
    box-shadow: 0px 0px 3px #fff;
    background: url(../img/fs-sprite.png) #fff no-repeat;
    border-radius: 100%;
}

.h5whyusBox1:before {
    background-position: 13px -202px;
}

.h5whyusBox2:before {
    background-position: 13px -282px;
}

.h5whyusBox3:before {
    background-position: 14px -361px;
}

.h5whyusBox4:before {
    background-position: 14px -445px;
}

.h5whyusBox5:before {
    background-position: 14px -519px;
}

.h5whyusBox6:before {
    background-position: 14px -590px;
}

.h5QuoteBox {
    margin-bottom: 20px;
}

.h5QuoteText {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    padding-bottom: 15px;
}

.h5QuoteName {
    font-size: 14px;
    color: #ff7b10;
}

.h5clientBox {
    display: inline-block;
    max-width: 270px;
}

.h5clientTitle {
    font-size: 22px;
    font-weight: 600;
    color: #112534;
}

.h5clientImg {
    padding: 6px;
    border: 2px solid #edeeee;
    border-radius: 2px;
}

.h5featuredProductBox {
    display: inline-block;
    padding: 6px;
    background: #fff;
    border: 2px solid #edeeee;
    border-radius: 2px;
    max-width: 370px;
}

.h5featuredProductTitle a {
    font-size: 22px;
    font-weight: 600;
    color: #233645;
}

.h5featuredProductText {
    color: #111;
}

.h5featuredProductLink a {
    display: inline-block;
    font-size: 14px;
    padding-right: 15px;
    position: relative;
}

.h5featuredProductLink a:before {
    position: absolute;
    content: "\e900";
    top: 1px;
    right: 0;
    font-family: Astra;
    font-size: 12px;
    transform: rotate(270deg);
    font-weight: 600;
}

.h5processSection {
    counter-reset: step-counter;
}

.h5processBox {
    display: inline-block;
    max-width: 270px;
    position: relative;
    counter-increment: step-counter;
}

.h5processBox:before {
    position: absolute;
    content: '';
    top: -20px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background: #009de6;
    border: 1px solid #fff;
    transform: rotate(45deg);
}

.h5processBox:after {
    position: absolute;
    content: counter(step-counter);
    top: -10px;
    left: 50%;
    margin-left: -6px;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

.h5processImg {
    border-radius: 15px;
    overflow: hidden;
    border: 4px solid #e8e8e8;
    max-width: 200px;
    margin: 0 auto;
}

.h5processTitle {
    font-size: 22px;
    font-weight: 600;
    color: #112534;
}


/* about */

.au5videoSection {
    border-top: 2px solid #bababa;
}

.au5sectionText {
    padding: 10px;
    position: relative;
}

.au5sectionText:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    background: transparent;
    border-top: 3px solid #009de6;
    border-left: 3px solid #009de6;
}

.au5teamImg {
    width: 200px;
    float: left;
    border: 4px solid #e8e8e8;
    border-radius: 10px;
    overflow: hidden;
}

.au5teamTitle {
    font-size: 22px;
    line-height: 24px;
    color: #112534;
    font-weight: 600;
}

.au5teamContent {
    width: calc(100% - 200px);
    float: left;
    padding: 15px 0 0 25px;
}

.au5contactForm {
    max-width: 970px;
    margin: 0 auto;
}

.au5contactForm input[type="text"],
.au5contactForm input[type="email"],
.au5contactForm textarea {
    margin-bottom: 5px !important;
    box-shadow: 2px 2px 7px 0px rgb(0 0 0 / 10%);
}

.au5contactForm textarea {
    height: 215px !important;
    padding: 15px;
    background: #fff;
}

ul.timelineSlider {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

ul.timelineSlider:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    margin-top: -5px;
    width: 100%;
    height: 10px;
    background: #e8e8e8;
}

li.au5TimelineBox {
    text-align: center;
    margin: 0 5px;
}

.au5TimelineYear {
    color: #233645;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.au5TimelineText {
    color: #111111;
    font-size: 14px;
    line-height: 22px;
}

.au5TimelineImg {
    display: inline-block;
    border: 7px solid;
    position: relative;
}

.au5TimelineImg:before {
    position: absolute;
    content: '';
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

.imgUpper .au5TimelineImg:before {
    bottom: -19px;
    border-top: 12px solid;
}

.imgLower .au5TimelineImg:before {
    top: -19px;
    border-bottom: 12px solid;
}

.au5TimelineImg:after {
    position: absolute;
    content: '';
    left: 50%;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    border: 3px solid;
    background: #fff;
    border-radius: 100%;
}

.imgUpper .au5TimelineImg:after {
    bottom: -65px;
}

.imgLower .au5TimelineImg:after {
    top: -56px;
}

.imgUpper .au5TimelineYear {
    padding-top: 50px;
    margin-top: 35px;
}

.imgLower .au5TimelineText {
    padding-bottom: 60px;
    min-height: 190px;
}

.imgLower .au5TimelineImg {
    color: #fca601;
    border-color: #fca601;
}

.imgUpper .au5TimelineImg {
    color: #00c0ff;
    border-color: #00c0ff;
}

ul.timelineSlider .slick-arrow {
    position: absolute;
    top: 50%;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    background: url(../img/timelinearrows.png) 0 0 no-repeat;
    text-indent: -999999999px;
    z-index: 4;
    padding: 0;
}

ul.timelineSlider .slick-prev {
    left: -60px;
}

ul.timelineSlider .slick-next {
    right: -60px;
    background-position: -34px 0;
}


/* Contact */

.cu4banner {
    padding-bottom: 150px;
}

.cu4BannerHeading {
    font-size: 33px;
    line-height: 38px;
    font-weight: 500;
    color: #233645;
    padding-bottom: 20px;
}

.cu4contactWrapper {
    margin-top: -100px;
    background: #fff;
}

.cu4contactForm {
    width: 660px;
    float: left;
    padding: 60px 35px 80px;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
}

.cu4contactDetails {
    width: 506px;
    float: left;
}

.cu4contactDetails {
    padding: 50px 30px 40px;
    background: #009de6;
}

.cu4formTitle {
    font-size: 33px;
    color: #333333;
    font-weight: 500;
    padding-bottom: 40px;
}

.cu4contactForm input[type="text"],
.cu4contactForm input[type="email"],
.cu4contactForm textarea {
    box-shadow: 2px 2px 7px 0px rgb(0 0 0 / 10%);
}

.cu4contactForm textarea {
    height: 215px;
    padding: 15px;
}

.cu4contactDetailHeading {
    font-size: 33px;
    font-weight: 500;
}

.cu4contactDetails ul {
    padding: 0 !important;
    margin: 60px 0 30px !important;
    list-style-type: none;
    position: relative;
}

.cu4contactDetails ul li {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding-left: 50px;
    margin-bottom: 25px;
    position: relative;
}

.cu4contactDetails ul li:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background: url(../img/cu4sprite.png);
}

.cu4contactDetails ul li.cu4contactDetail1:before {
    background-position: 0px 0px;
}

.cu4contactDetails ul li.cu4contactDetail2:before {
    background-position: 0 -36px;
}

.cu4contactDetails ul li.cu4contactDetail3:before {
    background-position: 0 -71px;
}

.cu4contactDetails ul li.cu4contactDetail4:before {
    background-position: 0 -108px;
}

.cu4contactDetails ul li span {
    display: block;
    font-weight: 300;
}

.cu4contactDetails ul li a {
    color: #fff;
}

.cu4contactDetails ul li a:hover {
    text-decoration: underline;
}

.cu4ceoBox {
    padding: 20px 0 13px;
    border-radius: 5px;
    background: #ff7b10;
}

.cu4ceoQuote {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    padding: 0 20px;
}

.cu4ceoName {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #228dc3;
    background: #f4f4f4;
    padding: 5px 20px;
}

.cu4ceoDesignation {
    font-size: 14px;
    color: #fff;
    padding: 0 5px;
}


/* Category */

.pc4section3 {
    border-top: 2px solid #bababa;
    border-bottom: 2px solid #bababa;
}

.pc4video {
    max-width: 100%;
}

.pc4supportImg {
    width: 193px;
    float: left;
    border: 4px solid #228dc3;
    box-shadow: 0px 0px 0px 2px #fff;
    border-radius: 15px;
    overflow: hidden;
}

.pc4supportContent {
    width: calc(100% - 193px);
    float: left;
    padding-left: 20px;
}

.pc4supportTitle {
    font-size: 22px;
    font-weight: 500;
    padding: 0 0 10px;
}

.pc4quickQuote {
    border-radius: 3px;
    border-top: 4px solid #009de6;
    padding: 45px 30px 60px;
    background: #fff;
}

.pc4quickQuoteTitle {
    font-size: 22px;
    font-weight: 500;
    color: #112534;
}

.fsContactForm input[type="text"],
.fsContactForm input[type="email"],
.fsContactForm textarea {
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin-bottom: 8px;
}

.fsContactForm input[type="text"],
.fsContactForm input[type="email"] {
    padding: 15px 15px 15px 45px;
}

.fsContactForm input[type="text"] {
    background: url(../img/fs-name-icon.png) #fff no-repeat center left 15px;
}

.fsContactForm input[type="email"] {
    background: url(../img/fs-mail-icon.png) #fff no-repeat center left 15px;
}

.fsContactForm textarea {
    background: #fff;
}

.pc4quickQuote textarea {
    height: 148px;
}

fsContactForm input[type="submit"] {
    min-width: 130px;
}

.hp5ProcessImg {
    border: 3px solid #dadada;
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
}

.hp5ProcessTitle {
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0 10px;
}


/* Detail */

.dp4productSliderWraper {
    max-width: 640px;
    margin: 0 auto;
}

ul.dp4productSlider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none
}

ul.dp4productSlider .slick-slide {
    padding: 6px;
    border: 2px solid #e3e4e4;
    background: #fff;
    border-radius: 5px;
    outline: none;
    overflow: hidden;
}

ul.dp4productSliderPager {
    margin: 30px 0 0 !important;
    padding: 8px 15px !important;
    list-style-type: none;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    box-shadow: 3px 4px 5px 0px rgb(0 0 0 / 10%);
}

ul.dp4productSliderPager .slick-slide {
    padding: 0;
    outline: none;
}

ul.dp4productSliderPager .slick-slide a {
    margin: 0 6px;
    padding: 2px;
    border: 1px solid #e2e2e2;
    outline: none;
    display: block;
    overflow: hidden;
}

ul.dp4productSliderPager .slick-current a {
    border: 1px solid #009de6;
}

ul.dp4productSliderPager .slick-arrow {
    position: absolute;
    top: 50%;
    width: 19px;
    height: 34px;
    padding: 0;
    margin-top: -21px;
    text-indent: -999999px;
    border: none;
    background: url(../img/mtclientsliderarws.png) 0 0 no-repeat transparent;
    z-index: 2;
}

ul.dp4productSliderPager .slick-prev {
    left: -30px;
}

ul.dp4productSliderPager .slick-next {
    right: -30px;
    background-position: -19px 0;
}

.pd4DetailWrapper {
    border: 1px solid #e3e4e4;
    border-radius: 3px;
    background: #fff;
}

.pd4DetailHeading {
    padding: 40px 30px 5px;
    border-bottom: 1px solid #d8d8d8;
}

.pd4DetailContent {
    padding: 25px 30px 20px;
}

.dp4relatedProductTitle {
    font-size: 22px;
    font-weight: 500;
    color: #233645;
}

.dp4relatedProductTitle a {
    color: #233645;
}


/* Product Category 3 */

.pc3Banner .bannerContent {
    margin-top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.pc3Banner .bannerContainer {
    width: 100%;
}

.pc3BannerHeading {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    color: #fff;
}

.pc3BannerLayer {
    padding: 40px 20px 70px;
    background: rgba(0, 0, 0, 0.7);
}

.pc3BannerDetails p {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
}

.pc3BannerDetails ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
    position: relative;
}

.pc3BannerDetails ul li {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative;
}

.pc3BannerDetails ul li:before {
    position: absolute;
    content: '';
    top: 7px;
    left: 0;
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 100%;
}

.pc3Form {
    padding: 20px;
    background: rgba(0, 157, 230, .6);
}

.pc3FormTitle {
    font-size: 26px;
    line-height: 40px;
    color: #fff;
    padding-bottom: 50px;
}

.pc3Form input[type="text"],
.pc3Form input[type="email"],
.pc3Form input[type="tel"],
.pc3Form textarea {
    width: 100%;
    border: none;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0;
    padding: 0 0 15px !important;
    margin-bottom: 20px;
    color: #fff;
    background-color: transparent !important;
}

.pc3Form input[type="text"]:focus,
.pc3Form input[type="email"]:focus,
.pc3Form input[type="tel"]:focus,
.pc3Form textarea:focus {
    background-color: transparent !important;
}

.pc3Form input[type="text"]::placeholder,
.pc3Form input[type="email"]::placeholder,
.pc3Form input[type="tel"]::placeholder,
.pc3Form textarea::placeholder,
.pc3Form input[type="file"],
.cFileUpload {
    color: #fff !important;
}

.pc3Form textarea {
    height: 135px;
}

.pc3ProductSection h2 span {
    display: block;
}

.c1ProductBox {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(48, 49, 51, .2);
    max-width: 370px;
    display: inline-block;
}

.c1ProductContent {
    padding: 10px;
}

.c1ProductTitle {
    padding: 10px 0;
    font-size: 18px;
    color: #222;
    line-height: 28px;
    font-weight: 500;
}

.c1ProductTitle a {
    color: #222;
}

.c1ProductBox:hover .c1ProductTitle a {
    color: #009de6;
}

.c1ProductText {
    font-size: 16px;
    line-height: 24px;
}

.c1ProductBtn a {
    display: block;
    color: #009de6;
    background: #fff;
    border: solid 1px #009de6;
    border-radius: 5px;
    padding: 6px 15px;
    text-align: center;
}

.c1ProductBtn a:hover {
    background: #009de6;
    color: #fff;
}

.pc3RepeatSection ul,
ul.pc3s9List {
    position: relative;
}

.pc3RepeatSection ul:after,
ul.pc3s9List:after {
    content: "";
    display: block;
    clear: both;
}

.pc3RepeatSection ul li {
    margin-bottom: 10px;
}

.pc3Section4img,
.pc3Section3img {
    text-align: center;
}

.pc3SliderSection .pc3sProductCount {
    font-size: 28px;
}

ul.pc3ProductSlider,
ul.pc3ProductSlider ul.slick-dots,
ul.img3Slider,
ul.img4Slider,
ul.img6Slider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
}

ul.pc3ProductSlider .slick-slide,
ul.img3Slider .slick-slide,
ul.img4Slider .slick-slide,
ul.img6Slider .slick-slide {
    margin: 10px 15px;
}

ul.pc3ProductSlider .slick-arrow,
ul.img3Slider .slick-arrow,
ul.img4Slider .slick-arrow,
ul.img6Slider .slick-arrow {
    position: absolute;
    content: '';
    top: 50%;
    width: 23px;
    height: 19px;
    background: url(../img/pc3arrows.png) 0 0 no-repeat;
    padding: 0;
    text-indent: -999999999px;
    z-index: 1;
}

ul.pc3ProductSlider .slick-prev,
ul.img3Slider .slick-prev,
ul.img4Slider .slick-prev,
ul.img6Slider .slick-prev {
    left: -50px;
}

ul.pc3ProductSlider .slick-next,
ul.img3Slider .slick-next,
ul.img4Slider .slick-next,
ul.img6Slider .slick-next {
    right: -50px;
    background-position: -24px 0;
}

ul.pc3ProductSlider .slick-prev.slick-disabled {
    background-position: 0 -19px;
}

ul.pc3ProductSlider .slick-next.slick-disabled {
    background-position: -24px -19px;
}

ul.pc3ProductSlider .slick-arrow button,
ul.pc3ProductSlider ul.slick-dots li button {
    visibility: hidden;
}

ul.pc3ProductSlider ul.slick-dots {
    margin-top: 10px !important;
}

ul.pc3ProductSlider ul.slick-dots li {
    display: inline-block;
    padding: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #676767;
    border-radius: 100%;
    margin: 0 3px;
    position: relative;
}

ul.pc3ProductSlider ul.slick-dots li.slick-active {
    border-color: #009de6;
}

ul.pc3ProductSlider ul.slick-dots li.slick-active:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    background: #009de6;
}

.pc3s5ProductBox {
    padding: 25px 15px;
    background: #fff;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);
    border-radius: 8px;
    overflow: hidden;
}

.pc3s5ProductImg {
    width: 270px;
    float: left;
}

.pc3s5Content {
    width: calc(100% - 370px);
    float: left;
    padding-left: 30px;
}

.pc3s5ProductTitle {
    color: #000;
    font-size: 24px;
    font-weight: 600;
}

.pc3s5Btns a.commonBtn {
    margin: 0 5px;
}

.pc3s6Box {
    display: inline-block;
    max-width: 570px;
    text-align: left;
}

.pc3s6Img {
    position: relative;
    overflow: hidden;
}

.pc3s6Img a {
    display: block;
}

.pc3s6Box:hover .pc3s6Img a {
    transform: scale(1.1);
}

.pc3s6Caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background: rgba(0, 0, 0, .2);
    font-size: 18px;
    color: #fff;
}

.pc3s6Title {
    margin: 15px 0 8px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
}

.pc3s6Title a {
    color: #333;
}

.pc3s6Box:hover .pc3s6Title a {
    color: #009de6;
}

ul.pc3TestimonialSlider {
    margin: 0 !important;
    padding: 50px 0 0 !important;
    list-style-type: none;
    position: relative;
}

ul.pc3TestimonialSlider:before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    margin-left: -14px;
    width: 27px;
    height: 27px;
    background: url(../img/quoteicon.png) 0 0 no-repeat;
}

ul.pc3TestimonialSlider li.slick-slide {
    outline: none;
}

ul.pc3TestimonialSlider .pc3TestimonialBox {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

ul.pc3TestimonialSlider .pc3TestimonialText {
    font-style: italic;
}

ul.pc3TestimonialSlider .pc3TestimonialTitle {
    margin-top: 20px;
    font-weight: 600;
}

ul.pc3TestimonialSlider .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -36px;
    width: 37px;
    height: 71px;
    background: url(../img/testimonialarrow.png) 0 0 no-repeat;
    z-index: 1;
    padding: 0;
    text-indent: -999999999px;
}

ul.pc3TestimonialSlider .slick-prev {
    left: 0;
}

ul.pc3TestimonialSlider .slick-next {
    right: 0;
    transform: rotate(180deg);
}

ul.pc3TestimonialSlider .slick-dots {
    margin: 20px 0 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
}

ul.pc3TestimonialSlider .slick-dots li {
    display: inline-block;
    margin: 0 2px;
    padding: 0;
}

ul.pc3TestimonialSlider .slick-dots li button {
    width: 42px;
    height: 42px;
    padding: 0;
    background: transparent;
    color: #000;
}

ul.pc3TestimonialSlider .slick-dots li.slick-active button {
    background: #009de6;
    color: #fff;
}

.pc3s7Box {
    display: inline-block;
    width: 100%;
    max-width: 270px;
}

.pc3s7Img {
    display: inline-block;
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid #fff;
}

.pc3s7Title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin: 10px 0;
}

ul.pc3s9List {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.pc3s9List li {
    width: 24%;
    display: inline-block;
    margin: 8px 0;
    padding: 0 20px;
    text-align: center;
}

ul.pc3s9List li a {
    padding: 10px 0;
    font-size: 18px;
    display: block;
    color: #163692;
    background: #ffffffa1;
    margin: 0;
    border-radius: 30px;
}

ul.pc3s9List li a:hover {
    background: #163692;
    color: #fff;
}


/* Video Page */

.videoSection2Title {
    font-size: 20px;
    margin: 10px 0;
    font-weight: 600;
}

.videoCOntent,
.videoHeading {
    padding: 0 !important;
}

.videoBanner .bannerContent {
    padding: 0 !important;
}

.videoSection2Box {
    max-width: 370px;
    display: inline-block;
}


/* Home Page 6 */

.hp6Btn {
    display: inline-block;
    border: 2px solid #009de6;
    background: #009de6;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 13px 25px;
    min-width: 260px;
    text-align: center;
    border-radius: 5px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.5s;
}

a.blueBorder {
    background: transparent;
    color: #009de6;
}

a.whiteBorder {
    border-color: #fff;
}

.hp6Btn:hover {
    border: 2px solid #343434;
    background: #343434;
    color: #fff;
}

.hp6Section1 {
    background-position: center !important;
    background-repeat: no-repeat;
}

.hp6Section1Details h1 {
    margin-top: 35px;
}

.hp6ListArrow ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp6ListArrow ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
}

.hp6Section1Details ul li {
    margin-bottom: 20px;
}

.hp6ListArrow ul li:before {
    position: absolute;
    content: '';
    top: 10px;
    left: 0;
    width: 13px;
    height: 10px;
    background: url(../img/hp6checkicon1.png) 0 0 no-repeat;
}

.hp6s3Product {
    display: inline-block;
    background: #fff;
    max-width: 350px;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 40px;
}

.hp6s3ProductImg {
    display: inline-block;
    overflow: hidden;
}

.hp6s3ProductImg a {
    display: block;
    transition: all .3s;
}

.hp6s3Product:hover .hp6s3ProductImg a {
    transform: scale(1.1);
}

.hp6s3ProductTitle {
    margin: 10px;
}

.hp6s3ProductTitle a {
    font-size: 24px;
    font-weight: 700;
    color: #0f1126;
    display: inline-block;
}

.hp6s3Product:hover .hp6s3ProductTitle a {
    color: #009de6;
}

.hp6s3ProductText,
.hp6s3ProductBtn {
    padding: 10px 0;
}

ul.hp6Slider {
    margin: 0 auto !important;
    padding: 0 !important;
    list-style-type: none;
    position: relative;
    z-index: 1;
}

ul.hp6Slider li.slick-slide {
    outline: none;
}

ul.hp6Slider ul.slick-dots {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;
}

ul.hp6Slider ul.slick-dots li {
    outline: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-indent: -999999px;
    width: 18px;
    height: 18px;
    background: #e7edf2;
    border: 2px solid #e7edf2;
    margin: 0 5px;
}

ul.hp6Slider ul.slick-dots li.slick-active {
    background: #009de6;
}

.hp6Section4Wraper {
    position: relative;
}

.hp6Section4Content {
    position: absolute;
    top: 55px;
    left: 65px;
    max-width: 424px;
    min-height: 455px;
    padding: 35px 30px;
    background: rgba(255, 255, 255, .88);
    border-radius: 10px;
    z-index: 1;
}

.hp6Section4Content .title {
    font-size: 22px;
    font-weight: 700;
    color: #181818;
    margin-bottom: 15px;
}

.hp6Section4Content ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp6Section4Content ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    color: #343434;
}

.hp6Section4Content ul li:before {
    position: absolute;
    content: '';
    top: 10px;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background: #009de6;
}

.hp6s5FeaturedBox {
    border: 3px solid #eaeaea;
    display: inline-block;
    max-width: 524px;
    padding: 45px 50px;
    text-align: left;
}

.hp6s5ProductTitle {
    font-weight: 700;
    color: #747474;
    position: relative;
    padding-left: 15px;
    margin: 20px 0 10px;
}

.hp6s5ProductTitle:before {
    position: absolute;
    content: '';
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #009de6;
}

.hp6s5ProductHeading {
    font-size: 22px;
    font-weight: 700;
    color: #0f1126;
    margin-bottom: 10px;
}

.hp6s5ProductText {
    min-height: 165px;
}

.hp6s6Details ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp6s6Details ul li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 20px;
}

.hp6s6Details ul li:before {
    position: absolute;
    content: '';
    top: 8px;
    left: 0;
    width: 22px;
    height: 16px;
    background: url(../img/hp6checkicon2.png) 0 0 no-repeat;
}

.hp6s7Details {
    color: #000;
}

.hp6FaqWraper .accordiaBox {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 8px;
}

.hp6FaqWraper .accordion {
    color: #000000;
    font-weight: 600;
    padding: 11px 30px 11px 15px;
    position: relative;
}

.hp6FaqWraper .accordion:before {
    position: absolute;
    content: '+';
    top: 8px;
    right: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.hp6FaqWraper .accordiaBox.active .accordion:before {
    content: '-';
}

.hp6FaqWraper .panel {
    padding: 15px;
    border-top: 1px solid #e5e5e5;
    display: none;
}

.productFAQs .accordiaBox {
    border: 1px solid #dadada;
    margin-bottom: 15px;
    background: #fff;
}

.productFAQs .accordion {
    color: #000;
    font-weight: 500;
    padding: 8px 30px 8px 10px;
    position: relative;
    background: #dadada;
    cursor: pointer;
}

.productFAQs .accordion:before {
    position: absolute;
    content: '+';
    top: 2px;
    right: 15px;
    font-size: 26px;
    font-weight: 400;
    color: #000;
}

.productFAQs .accordiaBox.active .accordion:before {
    content: '-';
}

.productFAQs .panel {
    padding: 15px;
    display: none;
}

ul.hp6Slider li.slick-slide {
    position: relative;
}

.hp6s8Content {
    background: #009de6;
    display: inline-block;
    max-width: 230px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 10px 15px;
}

.hp6s8Content a {
    font-size: 20px;
    color: #fff;
    display: block;
}

.hp6Section1Details h1,
.hp6Section2Details h2,
.hp6Section6 h2,
.hp6s7Details h2 {
    font-size: 46px;
}

.hp6Section9 h2,
.hp6Section13 h2,
.hp6Section11 h2,
.hp6Section12 h2,
.hp6Section10 h2 {
    margin-bottom: 10px !important;
}

.hp6s9Text,
.hp6s11Text,
.hp6s13Text {
    font-size: 20px;
    text-transform: uppercase;
}

ul.hp6s9Slider,
ul.hp6s13Slider {
    margin: 0 -15px !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.hp6s9Slider li.slick-slide {
    margin: 0 15px;
    outline: none;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}

ul.hp6s9Slider .hp6s9Img img {
    display: inline-block;
}

ul.hp6s9Slider .slick-arrow,
ul.hp6s13Slider .slick-arrow {
    position: absolute;
    top: 50%;
    width: 19px;
    height: 34px;
    margin-top: -17px;
    background: url(../img/mtclientsliderarws.png) 0 0 no-repeat;
    padding: 0;
    z-index: 9;
    text-indent: -9999999999px;
}

ul.hp6s9Slider .slick-prev,
ul.hp6s13Slider .slick-prev {
    left: -30px;
}

ul.hp6s9Slider .slick-next,
ul.hp6s13Slider .slick-next {
    right: -30px;
    background-position: -19px;
    0;
}

.hp6s9Title {
    position: absolute;
    bottom: -60px;
    background: #009de6;
    text-align: center;
    padding: 10px;
    width: 100%;
    text-transform: uppercase;
    transition: all .3s;
}

ul.hp6s9Slider li.hps9Slide:hover .hps9Title {
    bottom: 0;
}

.hp6s9Title a {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

ul.hp6s13Slider {
    margin: 0 !important;
}

ul.hp6s13Slider li.slick-slide {
    outline: none;
    text-align: center;
    margin: 0 2px;
}

ul.hp6s13Slider li.slick-slide img {
    display: inline-block;
}

.hp6s11Box {
    display: inline-block;
    max-width: 370px;
    text-align: left;
}

.hp6s11ProductTitle {
    position: relative;
    padding: 10px 0 10px 55px;
    margin-top: 10px;
    font-size: 28px;
    font-weight: 700;
    color: #1e1e22;
}

.hp6s11ProductTitle:before {
    position: absolute;
    content: '';
    top: 11px;
    left: 0;
    width: 44px;
    height: 44px;
    background: url(../img/hp6checkicon3.png) 0 0 no-repeat;
}

.hp6s11Box2 .hp6s11ProductTitle:before {
    background-position: 0 -54px;
}

.hp6s11Box3 .hp6s11ProductTitle:before {
    background-position: 0 -106px;
}

.hp6s12Img {
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    border-radius: 10px;
    overflow: hidden;
}

.hp6s11ProductText ul li {
    font-size: 18px;
    color: #1e1e22;
    margin-bottom: 5px;
}

.hp6s12Text ul li {
    font-size: 18px;
    color: #1e1e22;
    margin-bottom: 5px;
}

.hp6s10Text {
    font-size: 18px;
    color: #1e1e22;
}

ul.hp6s10List {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
}

ul.hp6s10List li {
    width: 46%;
    float: left;
    margin: 0 2%;
}

ul.hp6s10List li a {
    background: #fff;
    display: block;
    box-shadow: 0 0 6px rgb(0 0 0 / 10%);
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 20px 0 20px 60px;
    font-size: 18px;
    font-weight: 700;
    color: #282828;
    position: relative;
}

ul.hp6s10List li a:before {
    position: absolute;
    content: '';
    top: 13px;
    left: 8px;
    width: 44px;
    height: 44px;
    background: url(../img/hp6checkicon4.png) 0 0 no-repeat;
}

ul.hp6s10List li a:hover {
    color: #009de6;
}

.hp6s10Btn a {
    display: inline-block;
    text-decoration: underline;
    font-size: 20px;
    font-weight: 700;
}

.hp6s10Btn a:hover {
    text-decoration: none;
}


/* Product Details 6 */

.pd6s1Slider {
    position: relative;
}

.pd6s1Slider .homeSlider {
    max-width: 850px;
}

.pd6s1Btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 5px 25px;
    background: #f33e3e;
    color: #fff;
    font-size: 22px;
    box-shadow: inset 0 0 10px #c10c0c;
    border: 2px solid #b70000;
    border-radius: 30px;
    line-height: 1;
}

.pd6s1Btn:hover {
    background: #dd2323;
    color: #fff;
}

.pd6s1DetailsTitle {
    color: #fff;
    background: #009de6;
    font-size: 18px;
    padding: 4px 10px;
}

.pd6s1DetailsBody {
    border: 1px solid #c9c9c9;
    padding: 30px;
    color: #3e3e3e;
}

a.pd6QuoteBtn {
    background: #f33e3e;
    color: #fff;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 8px;
    font-size: 22px;
    line-height: 1;
}

a.pd6QuoteBtn:hover {
    background: #dd2323;
    color: #fff;
}

.pd6s1Tabs {
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%);
    padding: 30px;
}

.pd6s1Tabs ul.tabs {
    border-bottom: 1px solid #a2a2a2;
    padding: 0 !important;
    margin: 0 0 20px !important;
}

.pd6s1Tabs ul.tabs li {
    display: inline-block !important;
    margin: 0 10px !important;
    padding: 3px 19px !important;
    border: 1px solid #a2a2a2 !important;
    border-bottom: none !important;
    background-color: #eee !important;
    color: #3e3e3e !important;
    cursor: pointer;
}

.pd6s1Tabs ul.tabs li.current {
    border: 1px solid #009de6 !important;
    border-bottom: none !important;
    background-color: #009de6 !important;
    color: #fff !important;
    line-height: inherit !important;
}

.pd6s1Tabs .tab-content {
    display: none;
}

.pd6s1Tabs .tab-content.current {
    display: block;
}


/* Landing Page 5 */

.lp5BannerHeading {
    font-size: 42px;
    line-height: 50px;
    font-weight: 600;
}

.lp5S1Content {
    padding: 70px 0 50px;
}

.lp5FPTitle {
    font-weight: 600;
    color: #000;
    position: relative;
    padding-left: 20px;
}

.lp5FPTitle:before {
    position: absolute;
    content: '\e901';
    top: 2px;
    left: 0;
    font-family: Astra;
    font-size: 14px;
    color: #009de6;
}

.lp5FPText {
    font-size: 14px;
}

.lp5Testimonial {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.lp5Review {
    margin-bottom: 10px;
}

.lp5Author {
    font-size: 14px;
    font-weight: 600;
}

.lp5Author img {
    max-width: 50px;
    border-radius: 100%;
    border: 2px solid #dadada;
    margin-right: 10px;
}

.lp5FAQs .accordiaBox {
    border-top: 1px solid #ebebeb;
}

.lp5FAQs .accordiaBox:last-child {
    border-bottom: 1px solid #ebebeb;
}

.lp5FAQs .accordion {
    color: #000;
    font-weight: 600;
    padding: 40px 30px 40px 0;
    position: relative;
    font-size: 20px;
}

.lp5FAQs .accordion:before {
    position: absolute;
    content: "\e900";
    top: 42px;
    right: 0;
    font-family: Astra;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    transform: rotate(270deg);
    transition: all .3s;
}

.lp5FAQs .accordiaBox.active .accordion:before {
    transform: rotate(0deg);
}

.lp5FAQs .panel {
    color: #000;
    display: none;
}


/* FAQs Page */

.serchPalette input[name="search"] {
    width: 100%;
    border: 1px solid #dadada;
    background: url(../img/search.png) 98% 10px no-repeat #fff;
}

.tempFAQsSection>h2 {
    font-weight: 700;
    font-size: 28px;
}

.tempFAQs .accordiaBox {
    border: 1px solid #ebebeb;
    border-bottom: none;
}

.tempFAQs .accordiaBox:last-child {
    border-bottom: 1px solid #ebebeb;
}

.tempFAQs .accordion {
    color: var(--ast-global-color-0);
    padding: 15px 30px 15px 15px;
    position: relative;
    cursor: pointer;
}

.tempFAQs .accordion:hover {
    text-decoration: underline;
}

.tempFAQs .accordion:before {
    position: absolute;
    content: '+';
    top: 2px;
    right: 15px;
    font-size: 26px;
    font-weight: 700;
    color: var(--ast-global-color-0);
    transition: all .3s;
}

.tempFAQs .accordiaBox.active .accordion:before {
    transform: rotate(45deg);
}

.tempFAQs .panel {
    padding: 15px;
    display: none;
}

.tempFAQsSidebar>h3 {
    font-size: 18px;
    line-height: 24px;
    position: relative;
    padding-left: 40px;
}

.tempFAQsSidebar>h3:before {
    position: absolute;
    content: '';
    top: -2px;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(../img/shareicon.png) 0 0 no-repeat #009de6;
    box-shadow: 0 0 0 10px rgb(0 0 0 / 5%);
    border-radius: 100%;
}

.tempFAQsSidebar ol li {
    margin-bottom: 10px;
}

.tempFAQsSidebar.divScroll.side-fixed {
    box-shadow: none;
}


/* Product Category 5 */

.pc5s5Content {
    background: #F2F2F2;
    padding: 30px 40px;
}

.pc5s5ContentRight {
    text-align: right;
}

.pc5s5Content .pc5s5SubTitle {
    text-transform: uppercase;
    color: #676767;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 8px;
}

.pc5s5Content .pc5s5Title {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 33px;
    margin-bottom: 16px;
}

.pc5s5Img {
    text-align: center;
}

.pc5Gallery {
    max-width: 370px;
    display: inline-block;
    position: relative;
}

.pc5GalleryImg {
    position: relative;
    overflow: hidden;
}

.pc5GalleryImg:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    opacity: .8;
    background: -webkit-linear-gradient(top, transparent, #000);
    background: linear-gradient(180deg, transparent, #000);
    z-index: 1;
}

.pc5GalleryImg a {
    display: block;
    transition: all 1.5s;
}

.pc5Gallery:hover .pc5GalleryImg a {
    transform: scale(1.3);
}

.pc5Gallery .pc5GalleryContent {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    color: #fff;
    padding: 0 20px 20px;
    font-weight: 600;
    z-index: 1;
}

.pc5GalleryTitle {
    color: #fff;
    font-size: 22px;
}

.pc5GalleryTitle a {
    color: #fff;
}

.pc5GalleryLink a {
    position: relative;
}

.pc5Gallery:hover .pc5GalleryLink a {
    color: #fff;
}

.pc5ScrollSection {
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 -4px 7px rgb(0 0 0 / 10%);
    padding: 15px 0;
}

.pc5ssContent {
    text-align: center;
}

.pc5ssContent ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.pc5ssContent ul li {
    display: inline-block;
    padding: 0 15px;
    position: relative;
}

.pc5ssContent ul li:not(:last-child):before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
}

.pc5ssContent ul li a {
    text-transform: uppercase;
    display: block;
    color: #676767;
    font-weight: 600;
    cursor: pointer;
}

.pc5ssContent ul li a:hover {
    color: #009de6;
}

.scrollTop {
    position: relative;
    padding-right: 30px !important;
}

.scrollTop:before {
    position: absolute;
    content: '\2191';
    top: -10px;
    right: 0;
    font-size: 38px;
    line-height: 1;
    font-weight: 600;
    color: #676767;
    transition: all .3s;
}

.scrollTop:hover:before {
    color: #009de6;
}

.pc5ScrollSection.fixed {
    position: fixed;
    top: 73px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
}

.logged-in .pc5ScrollSection.fixed {
    top: 105px;
}

.pc5BG {
    background: url(../img/pc5bg.jpg) 0 0 no-repeat;
    background-size: cover;
}


/* Product Details 7 */

body .pds1Heading {
    font-size: 48px;
    font-weight: 900;
    margin-bottom: 10px !important;
}

.pd7s1Link a {
    position: relative;
    padding-left: 25px;
}

.pd7s1Link a:before {
    position: absolute;
    content: '\2191';
    top: 0;
    left: 0;
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    color: #676767;
    transform: rotate(180deg);
}

.pd7s1Link a:hover,
.pd7s1Link a:hover:before {
    color: #009de6
}

.pd7s3Tabs {
    position: relative
}

.pd7s3Tabs ul.tabs {
    position: absolute;
    top: -90px;
    right: 0;
    margin: 0 !important;
    padding: 2px 4px 4px !important;
    list-style-type: none;
    text-transform: uppercase;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    border-radius: 16px;
}

.pd7s3Tabs ul.tabs li {
    display: inline-block;
    padding: 5px 16px;
    font-size: 12px;
    line-height: 16px;
    color: #676767;
    border-radius: 13px;
    outline: none;
    cursor: pointer;
}

.pd7s3Tabs ul.tabs li.current {
    background: #333;
    color: #fff;
}

.pd7s3Tabs .tab-content {
    display: none;
}

.pd7s3Tabs .tab-content.current {
    display: block;
}

.pd7s4Category {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    position: relative;
    padding-top: 20px;
}

.pd7s4Category:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 40px;
    height: 4px;
    background: #009de6;
}

.pd7s5Img {
    max-width: 80px;
    float: left;
}

.pd7s5Title {
    width: calc(100% - 80px);
    float: left;
    padding-left: 20px;
    font-weight: 600;
}

.pd7s6Tabs ul.tabs2 {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    position: relative;
}

.pd7s6Tabs ul.tabs2:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: -100%;
    width: 300%;
    height: 200px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
    z-index: -1;
}

.pd7s6Tabs ul.tabs2 li {
    display: inline-block;
    color: #676767;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    padding: 16px 24px;
    border-bottom: 3px solid transparent;
}

.pd7s6Tabs ul.tabs2 li.current {
    color: #009de6;
    border-color: #009de6;
}

.pd7s6Tabs .tab-content2 {
    display: none;
    padding-top: 40px;
}

.pd7s6Tabs .tab-content2.current {
    display: block;
}

.pd7Section10 h3 {
    font-weight: 600;
}

.pd7Section10 ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.pd7Section10 ul li {
    position: relative;
    padding: 25px 0 25px 40px;
    border-top: 1px solid #e5e5e5;
}

.pd7Section10 ul li:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.pd7Section10 ul li:before {
    position: absolute;
    content: '';
    top: 26px;
    left: 10px;
    width: 20px;
    height: 24px;
    background: url(../img/playicon.png) 0 0 no-repeat;
}

.pd7Section10 ul li a {
    color: #676767;
    font-weight: 600;
}

.pd7Section10 ul li a:hover {
    color: #009de6;
}

.pds11Text {
    font-size: 26px;
    line-height: 42px;
}

.pd7s8Box {
    padding: 30px 40px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    background-color: #fff;
    margin-bottom: 15px;
}

.pd7s8Box>a {
    display: block;
    position: relative;
    padding-left: 110px;
}

.pd7s8Box>a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background: url(../img/downloadicon.png) center no-repeat #F4F4F4;
    border-radius: 100%;
    transition: all .3s;
}

.pd7s8DCategory,
.pd7s8Title,
.pd7s1Link a {
    font-weight: 600;
    color: #676767;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
}

.pd7s8DTitle {
    font-size: 24px;
    font-weight: 600;
    color: #333;
}

.pd7s8DFile {
    font-size: 14px;
    font-weight: 600;
    color: #676767;
}

.pd7s8Box>a:hover .pd7s8DCategory,
.pd7s8Box>a:hover .pd7s8DTitle {
    color: #009de6;
}

.pd7s8Box>a:hover:before {
    transform: rotate(360deg);
}

.pd7s8Text {
    font-size: 34px;
    line-height: 42px;
    font-weight: 600;
    color: #333;
}

.readmoreBtn {
    display: inline-block;
    padding-left: 25px;
    position: relative;
    font-weight: 600;
    color: #009de6;
}

.readmoreBtn:before {
    position: absolute;
    content: "\e900";
    top: -1px;
    left: 0;
    font-family: Astra;
    font-size: 18px;
    font-weight: 600;
    color: #009de6;
    transition: all .3s;
}

.readmoreBtn.read-more:before {
    transform: rotate(180deg);
}


/* Landing Page 6 */

.lp6Banner .bannerContent {
    margin-top: 10%;
}

.lp6Section1 h1 {
    font-weight: 800;
    font-size: 44px !important;
}

.lp6s1SubHeading {
    color: #009de6;
    font-size: 24px;
    padding: 10px 0 20px;
}

.lp6s2Box {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    background: #f7f7f7;
    margin-bottom: 30px;
}

.lp6s2Row1 {
    border-bottom: 1px solid #dfdfdf;
    padding: 20px 20px 25px;
}

.lp6s2Img {
    width: 110px;
    float: left;
}

.lp6s2Content {
    width: calc(100% - 110px);
    float: left;
    padding-left: 25px;
}

.lp6s2Heading {
    font-size: 30px;
    font-weight: 600;
    color: #111;
    margin-bottom: 15px;
}

.lp6s2SubHeading {
    color: #222222;
    padding-left: 35px;
    background: url(../img/lp6s2icon.png) 0 2px no-repeat;
    font-size: 18px;
}

.lp6s2Row2 {
    padding: 20px;
}

.lp6s2Title {
    font-size: 24px;
    font-weight: 600;
    color: #009de6;
    margin-bottom: 20px;
}

.lp6Sidebar #secondary {
    width: 100% !important;
    margin: 0;
    padding: 0 !important;
}


/* Home 7 */

.hp7Sep {
    width: 100%;
    max-width: 600px;
    height: 1px;
    margin: 0 auto;
    background: #bcbcbc;
    position: relative;
}

.hp7Sep:before,
.hp7List ul li:before {
    position: absolute;
    content: '';
    top: -5px;
    left: 50%;
    width: 11px;
    height: 11px;
    background: #009de6;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #009de6;
    transform: rotate(45deg);
}

.hp7List ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp7List ul li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}

.hp7List ul li:before {
    top: 6px;
    left: 0;
}

.hp7s2Content {
    position: relative;
}

.hp7s2Video {
    position: absolute;
    top: 0;
    left: 100%;
    width: 870px;
    height: 100%;
    overflow: hidden;
}

.hp7s2Video a:before {
    left: 100px;
}

.hp7s2Video:after {
    position: absolute;
    content: '';
    top: -15px;
    left: -55px;
    width: 100px;
    height: calc(100% + 40px);
    background: #fff;
    transform: rotate(10deg);
}

.hp7Section3,
.hp7Section6 {
    border-top: 1px solid #bfbfbf;
    position: relative;
}

.hp7Section3:before,
.hp7Section3:after,
.hp7Section6:before {
    position: absolute;
    content: '';
    width: 571px;
    height: 320px;
    background: url(../img/pattern.png) 0 0 no-repeat;
    z-index: -1;
}

.hp7Section3:before,
.hp7Section6:before {
    top: 0;
    left: 0;
}

.hp7Section3:after {
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}

.hp7s3Box {
    display: inline-block;
    max-width: 370px;
    background: #fff;
    border-bottom: 4px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    transition: all .3s;
    padding-bottom: 30px;
}

.hp7s3Box:hover {
    border-bottom: 4px solid #009de6;
}

.hp7s3Img {
    overflow: hidden;
}

.hp7s3Img a {
    display: inline-block;
}

.hp7s3Box:hover .hp7s3Img a {
    transform: scale(1.1);
}

.hp7s3Title {
    margin: 0 10px 10px;
}

.hp7s3Title a {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}

.hp7s3Box:hover .hp7s3Title a {
    color: #009de6;
}

.hp7s3Text {
    padding: 0 10px 15px;
}

.hp7s4Video {
    text-align: center;
}

.hp7s6Box,
.hp7s10Box {
    display: inline-block;
    max-width: 370px;
}

.hp7s6Title a,
.hp7s7Title,
.hp7s10Title a {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    margin: 15px 0 10px;
}

.hp7s7Title a {
    color: #000;
}

.hp7s6Box:hover .hp7s6Title a,
.hp7s7Box:hover .hp7s7Title a,
.hp7s10Box:hover .hp7s10Title a {
    color: #009de6;
}

.hp7s6Img {
    overflow: hidden;
}

.hp7s6Img a {
    display: inline-block;
}

.hp7s6Box:hover .hp7s6Img a,
.hp7s10Box:hover .hp7s10Img a {
    transform: scale(1.1);
}

.hp7s7Box {
    max-width: 570px;
    display: inline-block;
    text-align: left;
}

.hp7s7Img {
    display: inline-block;
    border: 1px solid #c9c9c9;
    padding: 5px;
    border-radius: 3px;
}

.hp7s7Img a {
    display: block;
}

.hp7s7Img a:before {
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    background-size: 100%;
}

.hp7Section8,
.hp7Section11 {
    position: relative;
    background-size: cover;
}

.hp7Section8:before,
.hp7Section11:before,
.hp12Section10:before,
.hp12Section5:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
}

.hp7s8Title,
.hp7s8Text,
.hp7s11Title,
.hp7s11Text {
    color: #fff !important;
}

.hp7s8SubTitle {
    color: #fccd48;
}

.hp7Section9 h3 b {
    color: #009de6;
}

.hp7s10Img {
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    overflow: hidden;
}

.hp7s10Img a {
    display: block;
}

.hp7s10box:hover .hp7s10Img a {
    transform: scale(1.1);
}

.hp7Section8,
.hp7Section11 {
    background-size: cover;
}

ul.hp7Brands {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.hp7Brands li {
    display: inline-block;
    padding: 0 8px 10px;
}


/* Home 8 */

.hp8s1Box {
    max-width: 370px;
    display: inline-block;
}

.hp8s1Img {
    display: inline-block;
}

.hp8s1Icon {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 1px solid #eee;
    background: #fff;
    transition: all .3s;
    z-index: 1;
}

.hp8s1Icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 0%;
    height: 0%;
    border-radius: 100%;
    background: #ccc;
    z-index: -1;
    transition: all .3s;
}

.hp8s1Icon:hover:before {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.hp8s1Title,
.hp8s4Title {
    font-size: 22px;
    color: #009de6;
    font-weight: 600;
    margin-top: 15px;
}

.hp8Section2,
.hp8Section5,
.hp8Section8 {
    background-size: cover;
    color: #fff;
}

.hp8Section2 a.commonBtn:hover,
.hp8Section5 a.commonBtn:hover,
.hp8Section8 a.commonBtn:hover {
    border-color: #fff;
    color: #fff !important;
}

.hp8s2Video {
    display: inline-block;
}

.hp8s2Video a {
    display: block;
    border-radius: 100%;
}

.hp8s2Video a:hover {
    background: #009de6;
}

.hp8s4Box {
    max-width: 270px;
    display: inline-block;
}

.hp8s4Img {
    overflow: hidden;
}

.hp8s4Img a {
    display: block;
}

.hp8s4Box:hover .hp8s4Img a {
    transform: scale(1.1);
}

.hp8s5Text ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp8s5Text ul li,
.hp8s8List,
.hp8s9List {
    position: relative;
    margin-bottom: 15px;
    padding-left: 35px;
}

.hp8s5Text ul li:before,
.hp8s8List:before,
.hp8s9List:before {
    position: absolute;
    content: '';
    top: 7px;
    left: 0;
    width: 22px;
    height: 21px;
    background: url(../img/checklist.png) 0 0 no-repeat;
}

.hp8s5Text ul li b {
    display: block;
    font-size: 22px;
}

.hp8s5ImgWrapper {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.hp8s5ImgWrapper:before {
    position: absolute;
    content: '';
    bottom: -28px;
    right: -50px;
    width: 122px;
    height: 47px;
    background: url(../img/dots.png) 0 0 no-repeat;
    z-index: -1;
}

.hp8s5ImgWrapper .hp8s5Img {
    border-radius: 30px 0;
    border: 7px solid #fff;
    border-radius: 30px 0;
    overflow: hidden;
    transition: all .3s;
}

.hp8s5ImgWrapper .hp8s5Img:hover {
    border-radius: 0 30px;
}

.hp8QuickQuote {
    background: url(../img/hp8s6bg.jpg) 0 0 no-repeat;
    background-size: cover;
    color: #fff;
    padding: 40px 20px 60px;
}

.hp8QuickQuoteTitle {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

.hp8QuickQuote input[type="text"],
.hp8QuickQuote input[type="email"],
.hp8QuickQuote textarea {
    width: 100%;
    border: 1px solid #fff !important;
    border-radius: 3px;
    padding: 8px 10px;
    margin-bottom: 4px;
    background: transparent !important;
    color: #fff !important;
}

.hp8QuickQuote textarea {
    height: 130px;
}

.hp8QuickQuote input[type="text"]::placeholder,
.hp8QuickQuote input[type="email"]::placeholder,
.hp8QuickQuote textarea::placeholder {
    color: #fff !important;
}

.hp8QuickQuote input[type="text"]:focus,
.hp8QuickQuote input[type="email"]:focus,
.hp8QuickQuote textarea:focus {
    background: transparent !important;
}

.hp8QuickQuote .fluentform button[type=submit]:hover {
    background: transparent !important;
    border: 1px solid #fff;
}

.hp8s6Box {
    margin-bottom: 15px;
}

.hp8s6Icon {
    float: left;
    width: 74px;
    height: 74px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 100%;
    padding: 17px 0 0 18px;
}

.hp8s6Icon img {
    max-width: 38px;
}

.hp8s6Content {
    width: calc(100% - 74px);
    float: left;
    padding-left: 30px;
}

.hp8s6Title {
    font-size: 22px;
    font-weight: 600;
    color: #009de6;
}

.hp8s7Box {
    max-width: 570px;
    display: inline-block;
    text-align: left;
}

.hp8s7ImgWraper {
    position: relative;
    z-index: 1;
}

.hp8s7ImgWraper:before {
    position: absolute;
    content: '';
    width: 122px;
    height: 47px;
    background: url(../img/dots.png) 0 0 no-repeat;
    z-index: -1;
}

.hp8s7Box1 .hp8s7ImgWraper:before {
    top: -10px;
    left: -35px;
}

.hp8s7Box2 .hp8s7ImgWraper:before {
    bottom: -20px;
    right: -35px;
}

.hp8s7Img {
    overflow: hidden;
    border-radius: 30px 0;
    transition: all .3s;
}

.hp8s7Img:hover {
    border-radius: 0 30px;
}

.hp8s7Title {
    font-size: 28px;
    font-weight: 700;
    color: #009de6;
    margin: 20px 0 5px;
}

.hp8s7Text {
    min-height: 140px;
}

.hp8s8Text {
    font-size: 20px;
}

.hp8s8List,
.hp8s9List {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}

.hp8s9Text {
    font-size: 22px;
    color: #3b3b3b;
}

.hp8s9List {
    color: #009de6;
}

.hp8s9List:before {
    background: url(../img/checklist2.png) 0 0 no-repeat;
}

.hp8s11Box {
    max-width: 370px;
    display: inline-block;
    background: #fff;
}

.hp8s11Img {
    overflow: hidden;
}

.hp8s11Img a {
    display: block;
}

.hp8s11Box:hover .hp8s11Img a {
    transform: scale(1.1);
}

.hp8s11Content {
    padding: 20px;
}

.hp8s11Title {
    min-height: 60px;
}

.hp8s11Title a {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    color: #009de6;
}

.hp8s11Box:hover .hp8s11Title a {
    color: #000;
}

.hp8s11Text {
    line-height: 24px;
    min-height: 135px;
}

.hp8s11Link a {
    display: inline-block;
    color: #009de6;
    font-weight: 600;
    text-decoration: underline;
}

.hp8s11Box:hover .hp8s11Link a {
    color: #000;
    text-decoration: none;
}

ul.hp8s12Brands {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
}

ul.hp8s12Brands li {
    display: inline-block;
    margin: 0 5px 10px;
    text-align: center;
}

ul.hp8s10Slider,
ul.hp8s10Slider ul.slick-dots {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.hp8s10Slider li {
    margin: 0 5px;
}

ul.hp8s10Slider ul.slick-dots {
    text-align: center;
    margin-top: 15px !important;
}

ul.hp8s10Slider ul.slick-dots li {
    display: inline-block;
    margin: 0 2px;
    padding: 0;
    text-indent: -9999999999px;
    width: 15px;
    height: 15px;
    border: 1px solid #009de6;
    border-radius: 100%;
}

ul.hp8s10Slider ul.slick-dots li.slick-active {
    background: #009de6;
}

.hp8s10Box {
    background: #fff;
    padding: 30px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    margin: 10px;
}

.hp8s10Text {
    line-height: 24px;
    padding-top: 20px;
    position: relative;
    margin-bottom: 30px;
}

.hp8s10Text:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 18px;
    height: 15px;
    background: url(../img/quoteicon-1.png) 0 0 no-repeat;
}

.hp8s10Img {
    width: 72px;
    float: left;
    border-radius: 100%;
    overflow: hidden;
}

.hp8s10Content {
    width: calc(100% - 72px);
    float: left;
    padding-left: 20px;
    line-height: 1.2;
}

.hp8s10Name {
    font-weight: 700;
    color: #009de6;
}


/* About 6 */

.about6Banner .bannerVideo a {
    display: inline-block;
}

.bannerVideo a:hover {
    transform: scale(1.1);
}

.about6Banner .bannerText {
    padding-top: 20px !important;
}

.au6s2Box {
    position: relative;
    padding: 70px 20px 30px;
    background: #f1f1f1;
    border: 1px solid #dadadada;
    border-radius: 20px;
}

.au6s2Img {
    position: absolute;
    top: -50px;
    left: calc(50% - 54px);
    border-radius: 100%;
    overflow: hidden;
    border: 4px solid #fff;
    box-shadow: 0 0 0 5px #dadada;
}

.au6s2Title {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}

.au6s3Img {
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    border: 3px solid #fff;
}

.au6s3Text {
    font-size: 22px;
}

.au6s3Title {
    font-size: 40px;
    font-weight: 600;
    color: #009de6;
}

.au6s4Title {
    font-size: 26px;
}

.au6Section4 ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
}

.au6Section4 ul li {
    display: inline-block;
    margin: 0 8px 12px;
}

.au6s6Text {
    font-size: 22px;
}

.au6s6Img {
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
}

.au6s6Title {
    font-size: 22px;
    font-weight: 600;
    color: #009de6;
}

.au6s6Text,
.au6s6Text b {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.au6s6Text b {
    display: block;
    color: #999;
}


/* Home 9 */

.hp9s1Box {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    display: inline-block;
    max-width: 270px;
    border-radius: 30px;
    padding: 20px 20px 40px;
    text-align: left;
    transition: all .3s;
}

.hp9s1Box:hover {
    background: #009de6;
    color: #fff;
}

.hp9s1Title {
    margin: 10px 0;
}

.hp9s1Title a {
    font-size: 22px;
    color: #000000;
}

.hp9s1Box:hover .hp9s1Title a {
    color: #fff;
}

.hp9Section2,
.hp9Section6 {
    background-size: cover;
    position: relative;
}

.hp9s2List ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp9s2List ul:after {
    content: "";
    display: block;
    clear: both;
}

.hp9s2List ul li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 20px;
    color: #fff;
    width: 50%;
    float: left;
}

.hp9s2List ul li:before {
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    width: 22px;
    height: 21px;
    background: url(../img/checklist.png) 0 0 no-repeat;
}

.hp9s2List ul li a {
    color: #fff;
}

.hp9s2List ul li a:hover {
    color: #666;
}

.hp9s2Content {
    color: #fff;
}

.hp9s4Content .tableScroll {
    overflow-x: auto;
}

.hp9s4Content table,
.hp9s4Content table tr,
.hp9s4Content table th,
.hp9s4Content table td {
    border: none !important;
    background: none !important;
    font-weight: 500;
}

.hp9s4Content table th {
    text-align: right;
    color: #00307d;
}

.hp9Section5 .col20 {
    width: 20%;
}

.hp9s5Img {
    transition: all .3s;
}

.hp9s5Box:hover .hp9s5Img {
    transform: scale(1.1);
}

.hp9s5PaddTop {
    padding-top: 220px;
}

.hp9s5PaddTop .hp9s5Title {
    padding-top: 70px;
    font-size: 22px;
    color: #000;
    position: relative;
}

.hp9s5PaddTop .hp9s5Title:before,
.hp9s5PaddBottom .hp9s5Text:before {
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -5px;
    width: 9px;
    height: 46px;
    background: url(../img/hp9s5icon.png) 0 0 no-repeat;
}

.hp9s5PaddTop .hp9s5Title:before {
    top: 10px;
}

.hp9s5PaddBottom .hp9s5Text:before {
    bottom: 10px;
}

.hp9s5Title {
    font-size: 22px;
    color: #000;
}

.hp9s5PaddBottom .hp9s5Text {
    padding-bottom: 70px;
    position: relative;
}

.hp9Section6 {
    color: #fff;
}

.hp9s6Box {
    text-align: center;
}

.hp9s6Title {
    font-size: 40px;
}

.hp9s6VideoWraper {
    text-align: right;
}

.hp9s7Box {
    max-width: 370px;
    display: inline-block;
}

.hp9s7Img {
    border: 1px solid #e5e5e5;
    border-radius: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    overflow: hidden;
}

.hp9s7Img a {
    display: block;
}

.hp9s7Box:hover .hp9s7Img a {
    transform: scale(1.1);
}

.hp9s7Title {
    margin: 30px 0 10px;
}

.hp9s7Title a {
    color: #000;
    font-size: 22px;
    font-weight: 500;
}

.hp9s7Box:hover .hp9s7Title a {
    color: #009de6;
}

.hp9Section8 {
    position: relative;
}

.hp9Section8:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #009de6;
    z-index: -1;
}

.hp9s8Wraper {
    background: #f3f3f3;
    padding: 60px 60px 30px;
    border-radius: 30px;
}

.hp9s8Content {
    text-align: center;
    border-right: 1px solid #9e9e9e;
    padding-right: 20px;
}

.hp9s8Title {
    font-size: 22px;
    font-weight: 500;
    color: #000;
    margin: 40px 0 10px;
}

.hp9s8Text {
    font-size: 14px;
    color: #4b4b4b;
}

.hp9s8Wraper .homeSlider .slide {
    border-radius: 40px;
    overflow: hidden;
}

ul.hp9Testimonials {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.hp9Testimonials li.slide {
    margin: 0 15px;
    text-align: center;
    color: #fff;
    font-weight: 300;
}

ul.hp9Testimonials .slick-arrow {
    position: absolute;
    top: 70px;
    width: 56px;
    height: 56px;
    background: url(../img/lp4sliderarrowhvr.png) 0 0 no-repeat;
    text-indent: -99999999999px;
    padding: 0;
    z-index: 1;
}

ul.hp9Testimonials .slick-prev {
    left: -35px;
}

ul.hp9Testimonials .slick-next {
    right: -35px;
    transform: rotate(180deg);
}

.hp9s9Img {
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    margin: 40px 0 5px;
    border: 2px solid #009de6;
    box-shadow: 0 0 0 1px #fff;
}

.hp9s9Title b {
    font-size: 16px;
    display: block;
    font-weight: 400;
}

.hp9s7Text,
.hp9s10Text,
.hp9s11Text {
    font-size: 26px;
    font-weight: 300;
}

.hp9s10Box {
    max-width: 370px;
    display: inline-block;
    text-align: left;
}

.hp9s10Img {
    overflow: hidden;
}

.hp9s10Img a {
    display: block;
}

.hp9s10Box:hover .hp9s10Img a {
    transform: scale(1.1);
}

.hp9s10Title {
    margin: 20px 0 10px;
}

.hp9s10Title a {
    font-size: 22px;
    font-weight: 500;
    color: #000;
}

.hp9s10Box:hover .hp9s10Title a {
    color: #009de6;
}

.hp9s10Text2 {
    padding-left: 10px;
    position: relative;
}

.hp9s10Text2:before {
    position: absolute;
    content: '';
    top: 7px;
    left: 0;
    width: 3px;
    height: calc(100% - 10px);
    background: #009de6;
}

.hp9FAQs .accordiaBox {
    background: #fff;
    padding: 16px 20px;
    margin-bottom: 15px;
}

.hp9FAQs .accordion {
    color: #001620;
    font-weight: 500;
    padding-right: 20px;
    cursor: pointer;
    position: relative;
}

.hp9FAQs .accordion:before {
    position: absolute;
    content: "\e900";
    top: 0;
    right: 0;
    font-family: Astra;
    transform: rotate(0deg);
    font-size: 20px;
    font-weight: 700;
    color: #4b4b4b;
    transition: all .3s;
}

.hp9FAQs .accordiaBox.active .accordion:before {
    transform: rotate(180deg);
    color: #009de6;
}

.hp9FAQs .panel {
    display: none;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #009de6;
}

.hp9FAQs .accordiaBox.active .panel {
    display: block;
}

.hp9Section12 h2 {
    margin: 0 !important;
}

.hp9Section12 h2 b {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 56px;
}

ul.hp9Brands {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.hp9Brands li {
    display: inline-block;
    margin: 0 6px 12px;
}

.hp9Section13 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hp9Section4 ul.homeSlider,
.hp9Section8 ul.homeSlider {
    max-width: 570px;
}


/* Product Category 6 */

.pc6Banner .bannerContent {
    max-width: 600px;
}

.pc6Section1 {
    counter-reset: step-counter;
}

.pc6s1Box,
.pc6s4Box {
    display: inline-block;
    max-width: 370px;
    text-align: center;
    background: #fcfcfc;
    border-radius: 5px;
    padding: 80px 20px 20px;
    box-shadow: 0px 0px 4px 2px #efefef;
    counter-increment: step-counter;
    transition: all .3s;
}

.pc6s1Box:hover,
.pc6s4Box:hover {
    box-shadow: 2px 2px 8px 2px #dedede;
}

.pc6s1Box:before {
    position: absolute;
    content: counter(step-counter);
    top: 20px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    text-align: center;
    background: #009de6;
    border-radius: 100%;
    font-size: 24px;
    color: #fff;
}

.pc6s1Title,
.pc6s4Title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
}

.pc6s2Box,
.hp11s3Box {
    display: inline-block;
    max-width: 270px;
}

.pc6s2Img a,
.hp11s3Img a {
    display: block;
    position: relative;
}

.pc6s2Img .pc6s2Img2,
.hp11s3Img .hp11s3Img2 {
    display: none;
}

.pc6s2Box:hover .pc6s2Img2,
.hp11s3Box:hover .hp11s3Img2 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.pc6s2SKU {
    color: #acacac;
    font-size: 16px;
    line-height: 20px;
    margin: 15px 0 0;
    font-weight: 600;
}

.pc6s2Title a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.pc6s2Box:hover .pc6s2Title a,
.pc6s5Box:hover .pc6s5Title a,
.hp10s3Box:hover .hp10s3Title a {
    color: #009de6;
}

.pc6CTA a {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    text-align: center;
}

.pc6CTA a:before {
    position: absolute;
    content: "\e900";
    top: 2px;
    left: 0;
    width: 14px;
    height: 14px;
    background: #009de6;
    color: #fff;
    font-size: 10px;
    font-family: Astra;
    transform: rotate(270deg);
    border-radius: 100%;
    font-weight: 600;
    transition: all .3s;
}

.pc6CTA a:hover:before {
    transform: rotate(-90deg);
}

.pc6s4Box {
    padding: 20px;
}

.pc6s4Img {
    display: inline-block;
    max-width: 64px;
    margin-bottom: 15px;
}

ul.pc6s5Slider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
}

ul.pc6s5Slider li.slick-slide {
    margin: 10px 12px;
}

.pc6s5Box {
    display: inline-block;
    max-width: 290px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 1px #ececec;
    background-color: #fff;
    overflow: hidden;
    transition: all .3s;
    text-align: left;
}

.pc6s5Box:hover {
    box-shadow: 2px 2px 8px 2px #dedede;
}

.pc6s5Title {
    padding: 10px;
}

.pc6s5Title a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.pc6s5Link {
    padding: 0 10px 10px;
}

.pc6s5Link a,
.hp10s3Link a {
    display: inline-block;
    position: relative;
    padding-right: 15px;
}

.pc6s5Link a:before,
.hp10s3Link a:before {
    position: absolute;
    content: "\e900";
    top: 5px;
    right: 0;
    font-size: 12px;
    font-weight: 600;
    color: #009de6;
    font-family: Astra;
    transform: rotate(270deg);
    transition: all .3s;
}

.pc6s5Box:hover .pc6s5Link a {
    padding-right: 20px;
    color: #000;
}

.pc6s5Box:hover .pc6s5Link a:before,
.hp10s3Box:hover .hp10s3Link a,
.hp10s3Box:hover .hp10s3Link a:before {
    color: #000;
}

ul.pc6s5Slider ul.slick-dots,
ul.wus1Slider ul.slick-dots {
    margin: 10px 0 0 !important;
    padding: 0 !important;
    list-style-type: none;
    line-height: 1px
}

ul.pc6s5Slider ul.slick-dots li button,
ul.wus1Slider ul.slick-dots li button {
    display: none;
}

ul.pc6s5Slider ul.slick-dots li,
ul.wus1Slider ul.slick-dots li {
    width: 40px;
    height: 3px;
    background-color: #c1c7d0;
    display: inline-block;
    margin: 0 4px;
    border-radius: 4px;
}

ul.pc6s5Slider ul.slick-dots li.slick-active,
ul.wus1Slider ul.slick-dots li.slick-active {
    background-color: #000;
}

.pc6Banner {
    position: relative;
}

.pc6BannerContent {
    position: absolute;
    top: 0;
    margin-top: 5%;
    background: #fff;
    border-radius: 5px;
    padding: 35px;
    max-width: 520px;
}


/* Why Us */

.wus1Title {
    font-size: 20px;
    color: #000;
    text-align: left;
}

ul.wus1Slider {
    margin: 0 -15px !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.wus1Slider li.slide {
    margin: 0 15px;
}

.wuSection3 h2 {
    position: relative;
    z-index: 2;
}

.wus3Count {
    position: absolute;
    content: '0'counter(step-counter);
    top: -60px;
    left: 15px;
    color: #F2F2F2;
    font-size: 64px;
    font-weight: 700;
    z-index: 1;
}

.greySection .wus3Count {
    color: #e3e3e3;
}


/* Home 10 */

.hp10Section1 {
    border-bottom: 1px solid #dfdfdf;
}

.hp10s2Box {
    display: inline-block;
    max-width: 270px;
}

.hp10s2Img {
    display: inline-block;
    max-width: 88px;
}

.hp10s2Title,
.hp10s3Title a {
    font-size: 22px;
    color: #000;
    margin: 10px 0 5px;
}

.hp10CTA {
    text-align: right;
}

.hp10s3Box {
    display: inline-block;
    max-width: 370px;
    text-align: left;
    background: #fcfcfc;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 4px 2px #efefef;
    transition: all .3s;
}

.hp10s3Box:hover {
    box-shadow: 2px 2px 8px 2px #dedede;
}

.hp10s3Img {
    overflow: hidden;
}

.hp10s3Img a {
    display: block;
}

.hp10s3Box:hover .hp10s3Img a {
    transform: scale(1.1);
}

.hp10s3Content {
    padding: 20px;
}

.hp10s4Box {
    max-width: 570px;
}

.hp10Banner {
    padding: 70px 0 60px;
}

.hp10FAQs {
    border-radius: 5px;
    background: #ffffff;
    border: solid 1px #dfdfdf;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .1);
}

.hp10FAQs .accordiaBox {
    border-bottom: 1px solid #dfdfdf;
    padding: 15px 30px;
}

.hp10FAQs .panel {
    display: none;
}

.hp10FAQs .accordiaBox.active .panel {
    display: block;
}

.hp10FAQs .accordion {
    font-size: 22px;
    color: #03363D;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    padding: 10px 0;
}

.hp10FAQs .accordion:before {
    position: absolute;
    content: "\e900";
    top: 14px;
    right: 0;
    font-family: Astra;
    font-size: 16px;
    font-weight: 700;
    transform: rotate(0deg);
    transition: all .3s;
    color: #03363D;
}

.hp10FAQs .accordiaBox.active .accordion:before {
    transform: rotate(180deg);
}


/* Product Category 7 */

.pc7ScrollSection {
    text-align: center;
    background-color: #f2f2f2;
    font-size: 16px;
    padding: 14px 0;
    border-bottom: 1px solid #e6e6e6;
}

.pc7ScrollSection ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.pc7ScrollSection ul li {
    display: inline-block;
    padding: 0 12px;
    margin: 0;
}

.pc7ScrollSection ul li a {
    color: #42526E;
}

.pc7s4Img {
    border-radius: 111px 11px 111px 11px;
    box-shadow: 16px 16px #f3f3f3;
    overflow: hidden;
}

.pc7s4Box {
    display: inline-block;
    max-width: 370px;
    text-align: left;
}

.pc7s4Title {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    padding: 0 0 5px 30px;
    position: relative;
}

.pc7s4Title:before {
    position: absolute;
    content: '';
    top: 8px;
    left: 0;
    width: 23px;
    height: 19px;
    background: url(../img/checklist.png) 0 0 no-repeat;
}

.pc7s4CTA {
    text-align: right;
}

.pc7s3Tabs {
    background: #EBECF0;
}

.pc7s3Tabs ul.tabs {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.pc7s3Tabs ul.tabs li {
    display: inline-block;
    padding: 17px 20px;
    color: #111;
    border-bottom: 2px solid transparent;
    transition: all .3s;
}

.pc7s3Tabs ul.tabs li.current {
    border-color: #111;
}

.pc7s3TabsWraper .tab-content {
    display: none;
}

.pc7s3TabsWraper .tab-content.current {
    display: block;
}

.pc7s2Box,
.pc7s3Box {
    max-width: 270px;
}

.pc7PageNo {
    text-align: center;
    margin-top: 20px;
}

.pc7PageNo .page-numbers {
    margin: 0 5px 0 0;
    display: inline-block;
    background: #fff;
    border: 1px solid #999999;
    border-radius: 2px;
    color: #706f6c;
    font-size: 14px;
    width: 32px;
    line-height: 30px;
    text-align: center;
}

.pc7PageNo .page-numbers.current,
.pc7PageNo .page-numbers:hover {
    border: 1px solid #009de6;
}

.pc7PageNo .prev {
    width: 80px;
}

.pc7PageNo .next {
    width: 60px;
    margin: 0;
}


/* Language */

.langs1Title {
    font-size: 24px;
    color: #000;
    margin-bottom: 20px;
}

ul.langList {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.langList li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #555;
}

ul.langList li a:hover {
    background: #f5f5f5;
}

ul.langList li a img,
.langTranslate a img {
    max-width: 18px;
    margin-right: 10px;
    border-radius: 100%;
    overflow: hidden;
}

.langTranslate {
    display: inline-block;
}

.langTranslate a {
    position: relative;
    display: block;
    font-size: 16px;
    color: #000;
}

.langTranslate a:hover {
    color: #009de6;
}

.langTranslate a img {
    margin-right: 5px;
    max-width: 22px;
}


/* Home 11 */

.hp11s1Title {
    text-transform: uppercase;
}

ul.hp11s1Brands {
    margin: 0 !important;
    padding: 0 40px !important;
    list-style-type: none;
}

ul.hp11s1Brands li.slide {
    outline: none;
    padding: 0 15px;
}

ul.hp11s1Brands li.slick-slide img {
    display: inline-block;
}

.hp11s2BoxWrapper {
    padding: 35px 20px 35px 45%;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.hp11s2Title {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.hp11s3subHeading {
    font-size: 22px;
}

.hp11s3Box {
    text-align: left;
}

.hp11s3Img {
    position: relative;
}

.hp11s3ImgCaption {
    position: absolute;
    content: '';
    top: 10px;
    right: 10px;
    padding: 5px 12px 6px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #009de6;
    min-width: 90px;
}

.hp11s3Title {
    font-weight: 600;
    margin: 10px 0 0;
    text-transform: uppercase;
}

.hp11s4Box {
    position: relative;
    display: table;
    table-layout: fixed;
    height: 100%;
}

.hp11s4Box1 {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
    padding: 0 140px;
    color: #fff;
}

.hp11s4Box1 ul {
    margin-top: 40px !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp11s4Box1 ul li {
    margin-bottom: 25px;
    position: relative;
    padding-left: 35px;
}

.hp11s4Box1 ul li img.hp11s4Icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
}

.hp11s4Box1 ul li b {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.hp11s4Box2 {
    display: table-cell;
    vertical-align: top;
    width: 40%;
    text-align: center;
}

.hp11s4Box2Content {
    padding: 140px 70px 0;
}

.hp11s4Video a {
    display: inline-block;
    padding-left: 40px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.hp11s4Video a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(../img/h3playiconsm.png) 0 0 no-repeat;
    background-size: 100%;
    transition: all .3s;
}

.hp11s4Video a:hover:before {
    transform: scale(1.1);
}

.hp11s5Box {
    background: #ebf0f3;
    min-height: 385px;
    padding: 35px 20px 20px;
    text-align: left;
}

.hp11Quote img {
    height: 30px;
}

.hp11s5Title {
    padding: 10px 0;
    font-size: 22px;
    color: #000;
    line-height: 24px;
}

.hp11s5Btn {
    padding-top: 50px;
}

.hp11s6Box {
    position: relative;
    background: #fff;
    padding: 40px;
    z-index: 2;
}

.hp11s6BoxRight {
    margin-left: -240px;
}

.hp11s6BoxLeft {
    margin-right: -240px;
}

.hp11s6SubHeading {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}

.hp11s6Btn a {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    border-bottom: 1px solid #009de6;
    line-height: 1;
}

.hp11s6Btn a:hover {
    border-color: #000;
}

.hp11s6Btns {
    text-align: center;
}

.hp11s6Btns a.commonBtn {
    margin: 0 10px;
}

.hp11FAQs .accordiaBox {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-top: -1px;
    position: relative;
}

.hp11FAQs .accordion {
    color: #000;
    padding: 18px 20px 18px 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
    position: relative;
}

.hp11FAQs .accordion:before {
    position: absolute;
    content: '+';
    top: 10px;
    right: 0;
    font-size: 28px;
    font-weight: 400;
    color: #009de6;
    transition: all .3s;
}

.hp11FAQs .accordiaBox.active .accordion:before {
    transform: rotate(135deg);
}

.hp11FAQs .panel {
    display: none;
}

.hp11FAQs .accordiaBox.active .panel {
    display: block;
}

.hp11s8Brands ul {
    margin: 40px 0 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp11s8Brands ul li {
    display: inline-block;
}

.hp11s9Img {
    display: inline-block;
    max-width: 270px;
    overflow: hidden;
}

.hp11s9Img a {
    display: block
}

.hp11s9Img a:hover {
    transform: scale(1.1);
}

.hp11Section10,
.lp7Section8 {
    position: relative;
}

.hp11Section10:before,
.lp7Section8:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background: #000;
}

.hp11s10Box {
    display: table;
}

.hp11s10Left,
.hp11s10Right {
    display: table-cell;
    width: 50%;
}

.hp11s10Right {
    padding: 0 20px;
    vertical-align: middle;
}


/* Landing Page 7 */

.lp7Section1 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.lp7s1Text {
    font-size: 22px;
    text-transform: uppercase;
}

.lp7s2List ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.lp7s2List ul li {
    margin-bottom: 25px;
    padding: 10px 0 10px 70px;
    position: relative;
}

.lp7s2List ul li .lp7s2ListIcon {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -25px;
    width: 50px;
    height: 50px;
}

.lp7s3Box {
    display: inline-block;
    max-width: 270px;
}

.lp7s3Title {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
}

.lp7s3SliderWraper {
    max-width: 875px;
    margin: 0 auto;
}

ul.lp7s3Slider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.lp7s3Slider li {
    outline: none;
}

.lp7Section3a {
    position: relative;
}

.lp7Section3a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: #009de6;
}

.lp7s5Box {
    display: table;
    width: 100%;
}

.lp7s5Box1,
.lp7s5Box2 {
    display: table-cell;
    width: 50%;
}

.lp7s5Box1 {
    vertical-align: middle;
    padding: 0 100px;
}

.lp7s5Title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

.lp7s5Box1 h2 {
    color: inherit !important;
}

.lp7s6Box {
    max-width: 270px;
    display: inline-block;
    text-align: left;
}

.lp7s6Title {
    margin: 15px 0 5px;
}

.lp7s6Title a {
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
}

.lp7s6Title a:hover {
    color: #009de6;
}

.lp7s7BoxWraper {
    display: table;
    width: 100%;
}

.lp7s7Box {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding: 40px 30px;
    text-align: center;
}

.lp7s7Box1 {
    background: #f1f1f1;
}

.lp7s7Box2 {
    background: #dfdfdf;
}

.lp7s7Text {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.lp7s7Btn a {
    display: inline-block;
    position: relative;
    padding: 0 25px;
    font-weight: 600;
    text-transform: uppercase;
}

.lp7s7Btn a:before,
.lp7s7Btn a:after {
    position: absolute;
    content: "\e900";
    top: 2px;
    font-family: Astra;
    transform: rotate(270deg);
    font-size: 15px;
    color: #009de6;
    font-weight: 700;
    transition: all .3s;
}

.lp7s7Btn a:before {
    left: 0;
}

.lp7s7Btn a:after {
    right: 0;
    transform: rotate(90deg);
}

.lp7s7Btn a:hover:before {
    left: 8px;
    color: #000;
}

.lp7s7Btn a:hover:after {
    right: 8px;
    color: #000;
}


/* Home 12 */

.page-template-template-home12 #content a {
    text-decoration: underline;
}

.page-template-template-home12 .ast-sticky-active {
    background: #009de6;
}

.hp12s1Box {
    display: inline-block;
    max-width: 370px;
}

.hp12s1Img {
    width: 50px;
    float: left;
}

.hp12s1Content {
    width: calc(100% - 50px);
    float: left;
    padding-left: 15px;
}

.hp12s1Title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

.hp12s1Text {
    color: #acc6ff;
    font-size: 14px;
    font-weight: 300;
}

.hp12Section2 {
    position: relative;
}

.hp12Section2:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: #009de6;
}

.hp12Section3 {
    background-repeat: no-repeat;
    background-position: 0 center;
}

.hp12s3Content {
    font-size: 14px;
}

.hp12Section3 ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp12Section3 ul li {
    margin-bottom: 25px;
    padding-left: 35px;
    position: relative;
}

.hp12Section3 ul li:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 22px;
    height: 21px;
    background: url(../img/checklist2.png) 0 0 no-repeat;
}

.hp12s4Box {
    max-width: 320px;
    display: inline-block;
    text-align: left;
}

.hp12s4Img a {
    display: inline-block;
    position: relative;
}

.hp12s4Img a:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 0%;
    height: 0%;
    background: rgba(0, 0, 0, .4);
    transition: all .3s;
}

.hp12s4Box:hover .hp12s4Img a:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hp12s4Img a:after {
    position: absolute;
    content: "\e8b6";
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -15px;
    font-family: Astra;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    display: none;
}

.hp12s4Box:hover .hp12s4Img a:after {
    display: block;
}

.hp12s4Title {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 10px 0;
}

.hp12s4Title a {
    color: #000;
    text-decoration: none !important;
}

.hp12s4Box:hover .hp12s4Title a {
    color: #009de6;
}

.hp12Section5 {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hp12s4Text,
.hp12s5Text {
    font-size: 14px;
}

.hp12s5Box {
    max-width: 305px;
}

.hp12s5Title {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin: 20px 0 10px;
}

.hp12s5Text {
    color: #ccc;
}

ul.hp12s12brands {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
}

ul.hp12s12brands li {
    display: inline-block;
    margin: 0 5px 10px;
}

.hp12s8Content {
    padding: 20px 0 20px 55px;
}

.hp12s8Content ul {
    margin: 25px 0 15px !important;
    padding: 0 !important;
    list-style-type: none;
    position: relative;
}

.hp12s8Content ul:after {
    content: "";
    display: block;
    clear: both;
}

.hp12s8Content ul li {
    float: left;
    width: 50%;
    padding-left: 20px;
    margin-bottom: 30px;
    position: relative;
    color: #000;
    font-size: 18px;
}

.hp12s8Content ul li:before {
    position: absolute;
    content: '';
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #009de6;
    border-radius: 100%;
}

ul.hp12s9List {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.hp12s9List li {
    width: calc(33% - 20px);
    float: left;
    margin: 0 10px 15px;
    padding: 35px 10px;
    border: 2px solid #eaedf4;
    font-size: 18px;
    color: #060a12;
    text-align: center;
    transition: all .3s;
    background: 101% 101% no-repeat;
}

ul.hp12s9List li a {
    color: #060a12;
    text-decoration: none !important;
}

ul.hp12s9List li:hover {
    border: 2px solid #009de6;
    background: url(../img/s9listicon.png) 101% 101% no-repeat #009de6;
    color: #fff;
}

ul.hp12s9List li:hover a {
    color: #fff;
}

.hp12Form,
.quickQuote {
    box-shadow: 0 0 80px 13px rgba(141, 153, 204, .10);
    padding: 50px 35px 45px;
    border: 1px solid #ecf1f6;
}

.hp12FormTitle {
    font-size: 32px;
    font-weight: 700;
    color: #060a12;
    margin-bottom: 25px;
    text-align: center;
}

.hp12Form input[type="text"],
.hp12Form input[type="email"],
.hp12Form textarea,
.quickQuote input[type="text"],
.quickQuote input[type="email"],
.quickQuote textarea {
    width: 100%;
    background: #f5f7fb;
    border: 1px solid #f5f7fb !important;
    border-radius: 0 !important;
    padding: 20px;
    margin-bottom: 10px;
}

.hp12Form input[type="text"]:active,
.hp12Form input[type="email"]:active,
.hp12Form textarea:active,
.hp12Form input[type="text"]:focus,
.hp12Form input[type="email"]:focus,
.hp12Form textarea:focus,
.quickQuote input[type="text"]:active,
.quickQuote input[type="email"]:active,
.quickQuote textarea:active,
.quickQuote input[type="text"]:focus,
.quickQuote input[type="email"]:focus,
.quickQuote textarea:focus {
    background: #fff;
    border: 1px solid #ecf1f6;
}

.hp12Form input[type="text"]::placeholder,
.hp12Form input[type="email"]::placeholder,
.hp12Form textarea::placeholder,
.quickQuote input[type="text"]::placeholder,
.quickQuote input[type="email"]::placeholder,
.quickQuote textarea::placeholder {
    color: #b0b1b5;
}

.hp12Form textarea {
    height: 180px;
}

.quickQuote textarea {
    height: 120px;
}

.hp12Form input[type="submit"],
.quickQuote input[type="submit"] {
    display: block;
    width: 100%;
    padding: 24px;
}

.quickQuote {
    padding: 20px;
}

.quickQuoteTitle {
    font-size: 22px;
    font-weight: 600;
    color: #060a12;
    margin-bottom: 10px;
}

.quickQuote input[type=text],
.quickQuote input[type=email],
.quickQuote textarea {
    padding: 10px;
    margin-bottom: 8px;
    background: #fff;
    border: 1px solid #dadada !important;
}

.quickQuote .uploadBTNLabel {
    padding: 18px 45px 18px 25px;
}

.quickQuote input[type=submit] {
    padding: 18px;
}

.hp12Section6Content {
    padding: 30px 0 0 55px;
}

.hp12Section6 h2 b {
    color: #009de6;
}

.hp12s6Box {
    position: relative;
    padding: 20px 0 0;
}

.hp12s6Box:after,
.hp12s7List ul:after {
    content: "";
    display: block;
    clear: both;
}

.hp12s6Img {
    width: 40px;
    float: left;
}

.hp12s6Content {
    width: calc(100% - 40px);
    float: left;
    padding-left: 20px;
}

.hp12s6Title {
    font-size: 18px;
    color: #060a12;
    font-weight: 600;
    margin-bottom: 10px;
}

.hp12s6Text {
    font-size: 14px;
}

.hp12Section7,
.hp12Section11 {
    position: relative;
}

.hp12Section7:before,
.hp12Section11:before {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 85%;
    height: 60%;
    background: #f5f6f9;
}

ul.hp12s7Slider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.hp12s7Slider li {
    outline: none;
}

ul.hp12s7Slider .slick-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 61px;
    height: 61px;
    background: url(../img/s8arrow.png) 0 0 no-repeat;
    text-indent: -99999999px;
    z-index: 1;
    padding: 0;
}

ul.hp12s7Slider .slick-next {
    background-position: -61px 0;
    left: 70px;
}

ul.hp12s7Slider .slick-prev:hover {
    background-position: 0 -61px;
}

ul.hp12s7Slider .slick-next:hover {
    background-position: -61px -61px;
}

.hp12s7Img {
    position: relative;
}

.hp12s7Img .hp12s7Btn {
    position: absolute;
    bottom: 0;
}

.hp12s7Content {
    padding-top: 70px;
}

.hp12s7List {
    padding-top: 150px;
}

.hp12s7List ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    position: relative;
}

.hp12s7List ul li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 30px;
    width: 50%;
    float: left;
}

.hp12s7List ul li:before {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 18px;
    height: 12px;
    background: url(../img/checkicon2.png) 0 0 no-repeat;
}

.hp12Section11:before {
    width: 65%;
    height: 50%;
}

ul.hp12s11Slider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.hp12s11Slider li {
    outline: none;
    margin: 0 15px;
}

.hp12s11Box {
    position: relative;
}

.hp12s11Content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    color: #fff;
}

.hp12s11Title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

.hp12s11Text {
    display: none;
}

.hp12s11Box:hover .hp12s11Text {
    display: block;
}

.hp12s11Btn {
    position: absolute;
    bottom: 20px;
}

.hp12s11Btn .commonBtn {
    padding: 15px 30px;
    border-radius: 40px;
}

ul.hp12s11Slider .slick-arrow {
    position: absolute;
    content: "";
    left: calc(50% - 40px);
    bottom: -50px;
    width: 40px;
    height: 40px;
    background: url(../img/s11arrow.png) no-repeat;
    text-indent: -9999999px;
    padding: 0;
    z-index: 1;
}

ul.hp12s11Slider .slick-prev {
    border-right: 1px solid #cbcbcb;
    background-position: 0 10px;
}

ul.hp12s11Slider .slick-next {
    left: 50%;
    background-position: 0 12px;
    transform: rotate(180deg);
}

.hp12Section10 {
    position: relative;
    background-size: cover;
    background-position: center;
}

ul.hp12s10Slider {
    margin: 0 -15px !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp12s10Slider li {
    outline: none;
    margin: 0 15px;
}

.hp12s10Box {
    background: #fff;
    border-radius: 40px;
    padding: 30px;
}

.hp12s10Img {
    float: left;
    width: 80px;
    border-radius: 100%;
    overflow: hidden;
}

.hp12s10Content {
    width: calc(100% - 80px);
    float: left;
    padding: 0 0 0 20px;
}

.hp12s10Name {
    font-size: 20px;
    font-weight: 600;
    color: #060a12;
    margin-top: 12px;
}

.hp12s10Slider .slick-arrow {
    position: absolute;
    content: '';
    top: -70px;
    width: 35px;
    height: 25px;
    background: url(../img/s10arrow.png) no-repeat;
    text-indent: -9999999px;
    z-index: 1;
    padding: 0;
}

.hp12s10Slider .slick-prev {
    background-position: 0 4px;
    right: 50px;
}

.hp12s10Slider .slick-next {
    transform: rotate(180deg);
    background-position: 0 5px;
    right: 15px;
    border-right: 1px solid #fff;
}


/* Home 13 */

.page-template-template-home13 #content {
    background: #f6f7f9;
}

.hp13s1wrapper {
    max-width: 1400px;
    margin: 0 auto;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 0 20px rgba(157, 167, 188, .15);
    position: relative;
    margin-top: -80px;
    padding: 40px 0 5px;
}

.hp13s1wrapper h2 {
    font-size: 35px;
}

.hp13s1Link {
    text-align: right;
    text-transform: uppercase;
    padding-top: 10px;
}

.hp13s1Link a {
    font-weight: 700;
    padding-right: 25px;
    position: relative;
}

.hp13s1Link a:before {
    position: absolute;
    content: "\e900";
    top: 2px;
    right: 0;
    font-family: Astra;
    transform: rotate(270deg);
    font-size: 12px;
    font-weight: 600;
    color: #009de6;
    transition: all .3s;
}

.hp13s1Link a:hover:before {
    color: #000;
}

.hp13s1Box {
    display: inline-block;
    max-width: 340px;
    text-align: left;
}

.hp13s1Img {
    overflow: hidden;
    border-radius: 25px;
}

.hp13s1Img a {
    display: inline-block;
}

.hp13s1Box:hover .hp13s1Img a {
    transform: scale(1.1);
}

.hp13s1Title {
    padding: 25px 10px 15px;
}

.hp13s1Title a {
    color: #009de6;
    font-weight: 700;
    text-transform: uppercase;
}

.hp13s1Box:hover .hp13s1Title a {
    color: #000;
}

.hp13s1Text ul {
    margin: 0 !important;
    padding: 0 10px !important;
    list-style-type: none;
}

.hp13s1Text ul li {
    position: relative;
    padding-left: 12px;
    font-size: 14px;
    margin-bottom: 10px;
}

.hp13s1Text ul li:before {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #009de6;
}

.hp13s2Box {
    margin-bottom: 60px;
}

.hp13s2Img {
    border: 1px solid #c5cadb;
    display: inline-block;
    width: 132px;
    height: 132px;
    line-height: 130px;
    border-radius: 100%;
}

.hp13s2Title {
    margin-top: 15px;
}

.hp13s2Title a {
    color: #7d89a3;
    font-weight: 500;
}

.hp13s2Box:hover .hp13s2Title a {
    color: #000;
}

.hp13s3Btn {
    text-align: right;
    padding-top: 20px;
}

.hp13Section3 {
    position: relative;
}

.hp13Section3:before {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #eef1f6;
}

ul.hp13s3Slider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.hp13s3Slider li {
    outline: none;
}

ul.hp13s3Slider .slick-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 48px;
    background: url(../img/sliderarrow.png) 0 0 no-repeat;
    text-indent: -99999999px;
    z-index: 1;
    padding: 0;
}

ul.hp13s3Slider .slick-next {
    width: 51px;
    background-position: -50px 0;
    left: 70px;
}

ul.hp13s3Slider .slick-prev:hover {
    background-position: 0 -48px;
}

ul.hp13s3Slider .slick-next:hover {
    background-position: -50px -48px;
}

.hp13s3List {
    padding-top: 85px;
}

.hp13s3List ul {
    margin: 0 !important;
    padding: 20px 0 0 !important;
    list-style-type: none;
    position: relative;
}

.hp13s3List ul li,
.hp13s4Text ul li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px;
}

.hp13s3List ul li:before,
.hp13s4Text ul li:before {
    position: absolute;
    content: '';
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #009de6;
}

.hp13s4Box {
    display: inline-block;
    max-width: 550px;
    text-align: left;
}

.hp13s4Img {
    overflow: hidden;
}

.hp13s4Img a {
    display: block;
}

.hp13s4Box:hover .hp13s4Img a {
    transform: scale(1.1);
}

.hp13s4Title {
    padding: 25px 20px 15px;
}

.hp13s4Title a {
    color: #009de6;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.hp13s4Box:hover .hp13s4Title a {
    color: #000;
}

.hp13s4Text {
    padding: 0 20px;
}

.hp13s4Text ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp13s4Text ul li {
    margin-bottom: 10px;
}

.hp13Section5 {
    background: #eef1f6;
}

.hp13s5Box {
    position: relative;
    padding: 90px 5px 20px;
    margin: 0 14px 30px;
    width: 195px;
    height: 160px;
    float: left;
    font-size: 14px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(220, 224, 233, .5);
}

.hp13s5Box:before {
    position: absolute;
    content: '';
    top: 35px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    border-radius: 10px;
    background: url(../img/hp6checkicon2.png) center no-repeat #009de6;
}

.hp13s6Box {
    font-size: 14px;
    padding: 30px 30px 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(220, 224, 233, .5);
}

.hp13s6Text {
    min-height: 150px;
}

.hp13s6Img {
    overflow: hidden;
    border-radius: 100%;
    width: 80px;
    float: left;
}

.hp13s6Content {
    width: calc(100% - 80px);
    float: left;
    padding: 10px 0 0 15px;
}

.hp13s6Name {
    font-size: 18px;
    color: #009de6;
    font-weight: 600;
    margin-bottom: 5px;
}

.hp13Form {
    box-shadow: 0 0 80px 13px rgba(141, 153, 204, .10);
    padding: 50px 35px 45px;
    border: 1px solid #ecf1f6;
    background: #ffffff;
    border-radius: 30px;
}

.hp13Section7Content,
.hp13s7Img {
    padding-top: 40px;
}


/* Home 14 */

.hp14Section1 {
    max-width: 1400px;
    margin: 0 auto 120px;
    padding: 60px 0 15px;
    box-shadow: 0 0 20px rgba(152, 165, 191, .3);
    border-radius: 35px;
    position: relative;
    margin-top: -90px;
    background: #fff;
}

.hp14s1Box {
    max-width: 330px;
}

.hp14s1Title {
    color: #009de6;
    margin: 15px 0 20px;
    font-weight: 800;
    font-size: 18px;
    text-transform: uppercase;
}

.hp14s1Text {
    font-size: 14px;
    line-height: 21px;
}

.hp14Section2 {
    margin-bottom: 140px;
}

.hp14Sep {
    border-top: 3px solid #f1f3f7;
    margin-bottom: 45px;
}

.hp14Tabs ul.tabs {
    margin: 71px 0 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: right;
}

.hp14Tabs ul.tabs li {
    display: inline-block;
    margin-right: 20px;
    border-bottom: 3px solid transparent;
    font-size: 16px;
    font-weight: 600;
    color: #009de6;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-bottom: -3px;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.hp14Tabs ul.tabs li.current {
    border-bottom: 3px solid #009de6;
}

.hp14Tabs .tab-content {
    display: none;
}

.hp14Tabs .tab-content.current {
    display: block;
}

ul.hp14Event {
    margin: 0 !important;
    padding: 10px 0 0 !important;
    list-style-type: none;
}

ul.hp14Event li {
    text-transform: uppercase;
    font-weight: 600;
    color: #009de6;
    padding-left: 45px;
    margin-bottom: 18px;
    position: relative;
}

ul.hp14Event li:before {
    position: absolute;
    content: '';
    top: -3px;
    left: 0;
    width: 22px;
    height: 21px;
    background: url(../img/checklist2.png) 0 0 no-repeat;
}

.hp14Section3 {
    padding: 85px 0;
    position: relative;
}

.hp14Section3:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 45%;
    height: 100%;
    background: #f9fafc;
}

.hp14s3Img {
    text-align: left;
    max-width: 650px;
}

.hp14s3Img a {
    display: block;
}

.hp14s3Text {
    padding-top: 80px;
}

.hp14s3Text ul,
.hp14s2Content ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp14s3Text ul li,
.hp14s2Content ul li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.hp14s3Text ul li:before,
.hp14s2Content ul li:before {
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/checkicon2.png) 0 0 no-repeat;
}

.hp14Section4 {
    margin: 110px 0;
}

.hp14s4Box {
    max-width: 400px;
    float: left;
    position: relative;
}

.hp14s4Box:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 1;
    display: none;
}

.hp14s4Box:hover:before,
.hp14s4Box:hover .hp14s4Title,
.hp14s4Box:hover .hp14s4Link a {
    display: block;
}

.hp14s4Title {
    position: absolute;
    width: 100%;
    bottom: 50px;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    z-index: 1;
    display: none;
}

.hp14s4Title a {
    color: #fff;
}

.hp14s4Link a {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 59px;
    height: 59px;
    background: url(../img/hp14s4icon.png) 0 0 no-repeat;
    text-indent: 9999999999px;
    z-index: 1;
    display: none;
}

.hp14Section5 {
    padding: 110px 0;
    position: relative;
}

.hp14Section5:before {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #009de6;
}

.hp14s5Text1 {
    padding: 20px 0;
    position: relative;
}

.hp14s5Text1:after,
.hp14Tabs2 ul.tabs2 li:after {
    content: "";
    display: block;
    clear: both;
}

.hp14s5Text1 ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp14s5Text1 ul li {
    float: left;
    width: 50%;
    padding-left: 25px;
    position: relative;
    margin-bottom: 12px;
    font-size: 14px;
}

.hp14s5Text1 ul li:before {
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(../img/checkicon2.png) 0 0 no-repeat;
    background-size: 100%;
}

.hp14s5Text2 {
    padding: 30px 0;
}

.hp14s5Btn a {
    display: inline-block;
    padding-right: 25px;
    position: relative;
    color: #009de6;
}

.hp14s5Btn2 a {
    color: #fff;
}

.hp14s5Btn a:before {
    position: absolute;
    content: '';
    top: 5px;
    right: 0;
    width: 12px;
    height: 12px;
    background: url(../img/arrow2.png) 0 0 no-repeat;
}

.hp14s5Btn2 a:before {
    background: url(../img/arrow.png) 0 0 no-repeat;
    background-size: 100%;
}

.hp14s6Img {
    position: relative;
    max-width: 480px;
    display: inline-block;
}

.hp14s6Btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.hp14Section6 {
    margin: 130px 0;
}

.hp14s6Text {
    padding-bottom: 30px;
}

.hp14s6List {
    padding-left: 25px;
    position: relative;
    margin-bottom: 25px;
    position: relative;
}

.hp14s6List:before {
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #009de6;
}

.hp14s6ListTitle {
    font-weight: 700;
    text-transform: uppercase;
    color: #009de6;
    margin-bottom: 15px;
}

.hp14Section7 {
    background: url(../img/hp14pattern.png) 70% 0 no-repeat;
}

.hp14s7Img a {
    display: inline-block;
}

.hp14Section8 {
    background: #009de6;
    margin: 70px auto 110px;
    max-width: 1400px;
    padding: 65px 0 35px;
    border-radius: 40px;
}

.hp14s8Img {
    display: inline-block;
    margin-bottom: 30px;
    border-radius: 100%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
}

.hp14s8Title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.hp14s8Text {
    font-size: 14px;
    color: #fff;
}

.hp14Section9 {
    margin-bottom: 130px;
}

.hp14Tabs2 ul.tabs2 {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp14Tabs2 ul.tabs2 li {
    display: block;
    max-width: 450px;
    border-radius: 15px;
    padding: 20px 45px;
    margin-bottom: 20px;
    cursor: pointer;
}

.hp14Tabs2 ul.tabs2 li.current {
    box-shadow: 3px 3px 25px -5px rgba(0, 0, 0, .1);
}

.hp14s9Img {
    float: left;
    width: 67px;
}

.hp14s9Content {
    float: left;
    width: calc(100% - 67px);
    padding: 6px 0 0 15px;
}

.hp14Tabs2 ul.tabs2 li .hp14s9Title {
    font-size: 18px;
    font-weight: 700;
    color: #009de6;
}

.hp14s9SubTitle {
    font-size: 14px;
}

.hp14Tabs2 .tab-content2 {
    display: none;
}

.hp14Tabs2 .tab-content2.current {
    display: block;
}

.hp14Tabs2 .tab-content2 .hp14s9Title {
    font-size: 24px;
    font-weight: 700;
    color: #009de6;
    margin-bottom: 5px;
}

.hp14Tabs2 .tab-content2 .hp14s9SubTitle {
    margin-bottom: 30px;
}

.hp14s10Box {
    max-width: 370px;
    display: inline-block;
    text-align: left;
}

.hp14s10Img {
    overflow: hidden;
}

.hp14s10Img a {
    display: block;
}

.hp14s10Box:hover .hp14s10Img a {
    transform: scale(1.1);
}

.hp14s10Title {
    margin-top: 15px;
}

.hp14s10Title a {
    font-size: 20px;
    font-weight: 700;
    color: #009de6;
}

.hp14s10Box:hover .hp14s10Title a {
    color: #191919;
}

.hp14Section11 {
    margin: 85px 0 60px;
}

ul.hp14Brands {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
}

ul.hp14Brands li {
    display: inline-block;
    margin: 0 8px 10px;
}

.hp14Section12 {
    background-position: center;
    background-size: cover;
    padding: 110px 0;
}

.hp14s12Btn {
    text-align: right;
}


/* Home 15 */

.hp15Section1 {
    padding: 110px 0 60px;
}

.hp15s1Img {
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.hp15s1Btn {
    position: absolute;
    bottom: 45px;
    right: 45px;
}

.hp15s1Text {
    margin-top: 50px;
}

.hp15s1Text ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp15s1Text ul li {
    font-size: 14px;
    font-weight: 600;
    color: #009de6;
    margin-bottom: 30px;
    padding: 13px 20px;
    border-radius: 40px;
    transition: all .3s;
}

.hp15s1Text ul li:hover {
    background: #009de6;
    color: #fff;
}

.hp15Col20 {
    width: 20% !important;
}

.hp15s2Title {
    color: #009de6;
    font-size: 35px;
    font-weight: 700;
}

.hp15s2Text {
    padding-top: 10px;
    color: #191919;
    font-weight: 600;
}

.hp15Section3 {
    padding: 70px 0 100px;
}

.hp15s3Box {
    display: inline-block;
    max-width: 370px;
    text-align: left;
}

.hp15s3Img {
    overflow: hidden;
}

.hp15s3Img a {
    display: block;
}

.hp15s3Box:hover .hp15s3Img a {
    transform: scale(1.1);
}

.hp15s3Title {
    font-size: 18px;
    font-weight: 700;
    color: #191919;
    margin-top: 12px;
}

.hp15s3Title a {
    color: #191919;
}

.hp15s3Box:hover .hp15s3Title a {
    color: #009de6;
}

.hp15Section4 {
    position: relative;
    padding-top: 90px;
    counter-reset: step-counter;
}

.hp15Section4:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 58%;
    height: 750px;
    background: #009de6;
    background: linear-gradient(to bottom, #009de6 0%, #daeaff 100%);
}

.hp15s4Box {
    display: inline-block;
    max-width: 570px;
    margin-bottom: 30px;
    position: relative;
    counter-increment: step-counter;
}

.hp15s4Box:before {
    position: absolute;
    content: '0'counter(step-counter);
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 60px;
    line-height: 1;
}

.hp15s4Content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 30px 30px 15px;
}

.hp15s4Title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.hp15s4Title a {
    color: #fff;
}

.hp15Section5 {
    max-width: 1550px;
    margin: 50px auto 0;
    border-radius: 55px;
    overflow: hidden;
    padding: 110px 0 90px;
    text-align: center;
    color: #191919;
}

.hp15s5Btn a.commonBtn,
.hp15s8Link a.commonBtn {
    background: #009de6;
    border: 5px solid #0289c7;
    border-radius: 10px;
    font-size: 16px;
    padding: 20px 30px;
}

.hp15s5Btn a.commonBtn:hover,
.hp15s8Link a.commonBtn:hover {
    background: #0289c7;
}

.hp15Section6 {
    padding-top: 110px;
}

.hp15s6Link {
    text-align: right;
}

.hp15s6Link a {
    display: inline-block;
    padding-right: 15px;
    position: relative;
}

.hp15s6Link a:before {
    position: absolute;
    content: "\e900";
    top: 3px;
    right: 0;
    font-family: Astra;
    font-size: 12px;
    font-weight: 700;
    color: #009de6;
    transform: rotate(270deg);
    transition: all .3s;
}

.hp15s6Link a:hover:before {
    right: -5px;
    color: #000;
}

.hp15s6Box {
    display: inline-block;
    max-width: 270px;
}

.hp15s6Img {
    box-shadow: 0 0 30px rgba(232, 234, 240, 1);
    overflow: hidden;
}

.hp15s6Img img {
    display: block;
    transition: all .3s;
}

.hp15s6Box:hover .hp15s6Img img {
    transform: scale(1.1);
}

.hp15s6Title {
    text-transform: uppercase;
    color: #191919;
    margin-top: 15px
}

.hp15Section7 {
    padding: 80px 0;
}

.hp15s7Box {
    display: inline-block;
    max-width: 570px;
}

.hp15s7Content {
    position: relative;
    width: calc(100% - 80px);
    margin: -70px auto 0;
    padding: 40px 40px 20px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    text-align: left;
}

.hp15s7Title {
    font-size: 24px;
    font-weight: 700;
    color: #191919;
    margin-bottom: 10px;
}

.hp15s7Box2 {
    margin-top: 60px;
}

.hp15Section8 {
    padding: 90px 0 60px;
}

.hp15s8Box {
    max-width: 370px;
    display: inline-block;
    text-align: left;
}

.hp15s8Img {
    border-radius: 30px;
    overflow: hidden;
}

.hp15s8Img a {
    display: block;
}

.hp15s8Box:hover .hp15s8Img a {
    transform: scale(1.1);
}

.hp15s8Title {
    margin: 20px 0 15px;
    font-size: 24px;
    font-weight: 700;
    color: #191919;
}

.hp15s8Title a {
    color: #191919;
}

.hp15s8Box:hover .hp15s8Title a {
    color: #009de6;
}

.hp15s8Text ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.hp15s8Text ul li {
    margin-bottom: 10px;
}

.hp15s8Link a.commonBtn {
    padding: 16px 30px;
}

.hp15Section9 {
    padding: 110px 0;
}

.hp15s9Box {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
}

.hp15s9Content {
    padding: 50px 70px;
}

.hp15s9Date,
.hp15PostDate {
    font-size: 18px;
    color: #9095a2;
    margin-bottom: 15px;
}

.hp15s9Title a {
    color: #191919;
}

.hp15s9Link a,
.hp15PostLink a {
    display: inline-block;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #009de6;
    position: relative;
}

.hp15s9Link a:before,
.hp15PostLink a:before {
    position: absolute;
    content: '';
    top: 7px;
    right: 0;
    width: 12px;
    height: 12px;
    background: url(../img/arrow2.png) 0 0 no-repeat;
    transition: all .3s;
}

.hp15s9Link a:hover:before,
.hp15PostLink a:hover:before {
    right: -5px;
}

.hp15PostWrapper {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
    border-top: 9px solid #009de6;
    padding: 35px 40px;
}

.hp15PostTitle {
    margin: 16px 0;
}

.hp15PostTitle a {
    font-size: 24px;
    font-weight: 600;
    color: #191919;
}

.hp15s9Title a:hover,
.hp15PostTitle a:hover {
    color: #009de6;
}

.hp15PostLink {
    margin-top: 30px;
}

.hp15PostText {
    font-size: 14px;
    line-height: 21px;
}

.hp15PostBox1 {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.hp15Section10 {
    margin-bottom: 70px;
}

ul.hp15brands {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.hp15brands li {
    display: inline-block;
}


/* Home 16 */

.hp16Section1 {
    padding: 90px 0 60px;
}

.hp16s1Content {
    padding: 60px 0 0 60px;
}

.hp16s2Box {
    float: left;
    max-width: 390px;
    position: relative;
}

.hp16s2Box:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 0%;
    height: 0%;
    background: rgba(0, 0, 0, .50);
    z-index: 1;
    transition: all .3s;
}

.hp16s2Box:hover:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hp16s2Title {
    position: absolute;
    content: '';
    top: 48%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    z-index: 2;
    display: none;
}

.hp16s2Title a {
    color: #fff;
}

.hp16s2Box:hover .hp16s2Title {
    display: block;
}

.hp16Section2 {
    padding-bottom: 110px;
}

.hp16Section3 {
    padding-top: 80px;
    position: relative;
    counter-reset: step-counter;
}

.hp16Section3:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 50%;
    height: 600px;
    background: #f9fafc;
    border-radius: 50px 0 0 50px;
}

.hp16s3Btn {
    text-align: right;
    padding-top: 40px;
}

.hp16s3Row {
    padding-bottom: 130px;
}

.hp16s3Img {
    display: inline-block;
    border-radius: 40px;
    overflow: hidden;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
}

.hp16s3RowLeft .hp16s3ImgWrapper {
    text-align: right;
}

.hp16s3RowRight .hp16s3Content {
    padding-left: 80px;
}

.hp16s3Content {
    font-size: 14px;
    font-weight: 300;
}

.hp16s3Content h4 {
    position: relative;
    counter-increment: step-counter;
    padding-top: 45px;
    margin-top: 35px;
    font-size: 22px;
}

.hp16s3Content h4:before {
    position: absolute;
    content: '0'counter(step-counter);
    top: 0;
    left: 0;
    font-size: 72px;
    font-weight: 700;
    line-height: 1;
    color: #f3f4f6;
    z-index: -1;
}

.hp16s3Text {
    max-width: 300px;
}

.hp16Section4 {
    max-width: 1600px;
    margin: 0 auto;
    border-radius: 60px;
    padding: 70px 0;
    background: #009de6;
    counter-reset: step-counter;
}

.hp16s4Box {
    display: block;
    max-width: 280px;
    position: relative;
    counter-increment: step-counter;
    color: #fff;
}

.hp16s4Box:before {
    position: absolute;
    content: counter(step-counter);
    bottom: -20px;
    right: -20px;
    font-size: 100px;
    font-weight: 800;
    line-height: 1;
    color: #6494ce;
    z-index: 1;
}

.hp16s4Title {
    font-size: 22px;
    font-weight: 600;
    margin: 30px 0 15px;
}

.hp16s4Text {
    min-height: 110px;
}

.hp16s4Text ul {
    margin: 0 !important;
}

.hp16s4Text ul li {
    font-size: 14px;
    font-weight: 300px;
    margin-bottom: 10px;
}

.hp16Section5 {
    margin: 120px 0;
}

.hp16s5Content {
    padding: 60px 0 0 45px !important;
}

.hp16s5Text ul {
    margin: 50px 0 30px !important;
    padding: 0 !important;
    list-style-type: none;
    position: relative
}

.hp16s5Text ul:after {
    content: "";
    display: block;
    clear: both;
}

.hp16s5Text ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #009de6;
    float: left;
    width: 50%;
}

.hp16s5Text ul li:before {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #009de6;
}

.hp16s5Cert {
    padding-top: 35px;
    border-top: 1px solid #dfe3ec;
}

.hp16Section6 {
    padding: 85px 0 60px;
    position: relative;
}

.hp16Section6:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #f9fafc;
    border-radius: 0 60px 60px 0;
    z-index: -1;
}

.hp16s6Box {
    display: inline-block;
    max-width: 370px;
    position: relative;
    border-radius: 40px;
    overflow: hidden;
}

.hp16s6Img a {
    display: block;
}

.hp16s6Box .hp16s6Img a:hover {
    transform: scale(1.1);
}

.hp16s6Title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, .3);
}

.hp16s6Title a {
    color: #fff;
}

.hp16Section7 {
    padding: 120px 0;
}

.hp16s7Box {
    margin-top: 70px;
    max-width: 550px;
}

.hp16s7Img {
    width: 76px;
    border-radius: 20px;
    overflow: hidden;
    float: left;
}

.hp16s7Content {
    width: calc(100% - 76px);
    float: left;
    padding: 20px 0 0 15px;
}

.hp16s7Title {
    font-size: 24px;
    font-weight: 700;
    color: #193e6d;
}

.hp16s7SubTitle {
    font-size: 14px;
    font-weight: 300;
}

.hp16s7Text {
    margin-top: 30px;
    padding-top: 30px;
    position: relative;
}

.hp16s7Text:before {
    position: absolute;
    content: '';
    top: 0;
    left: -12px;
    width: 60px;
    height: 46px;
    background: url(../img/quoteicon.png) 0 0 no-repeat;
}

.hp16Section9 {
    padding: 80px 0;
}

ul.hp16s9Brands {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

ul.hp16s9Brands li {
    outline: none;
    margin: 0 5px;
}

.hp16s8Box {
    display: inline-block;
    max-width: 560px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    text-align: left;
}

.hp16s8Img a {
    display: block;
}

.hp16s8Content {
    position: absolute;
    content: '';
    top: 60px;
    left: 45px;
    width: calc(100% - 90px);
    height: calc(100% - 120px);
    background: rgba(255, 255, 255, .3);
    padding: 70px 40px 40px;
    border-radius: 20px;
    color: #fff;
    backdrop-filter: blur(10px);
}

.hp16s8Title {
    font-size: 23px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.hp16s8Title:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 20px;
    height: 4px;
    background: #fff;
}

.hp16s8Title a {
    color: #fff;
}

.hp16s8Link {
    margin-top: 25px;
}

.hp16s8Link a {
    font-size: 14px;
    font-weight: 600;
    color: #009de6;
}

.hp16s8Box:hover .hp16s8Link a {
    color: #ffffff;
}


/* Home 17 */

.hp17Section1 {
    padding: 110px 0;
}

.hp17s1Title {
    font-size: 50px;
    font-weight: 600;
    color: #009de6;
}

.hp17s1SubTitle {
    font-size: 20px;
    font-weight: 700;
    color: #082152;
    margin: 10px 0;
}

.hp17s1Text {
    max-width: 180px;
}

.hp17Section3 {
    margin-bottom: 80px;
}

.hp17s3Box {
    max-width: 360px;
    display: inline-block;
}

.hp17s3Img {
    overflow: hidden;
}

.hp17s3Img a {
    display: block;
}

.hp17s3Box:hover .hp17s3Img a {
    transform: scale(1.1);
}

.hp17s3Title {
    font-size: 20px;
    font-weight: 600;
    color: #082152;
    margin-top: 20px;
}

.hp17s3Title a {
    color: #082152;
    position: relative;
    display: inline-block;
}

.hp17s3Box:hover .hp17s3Title,
.hp17s3Box:hover .hp17s3Title a {
    color: #009de6;
}

.hp17Section4 {
    padding: 110px 0 50px;
    background: #f5f8ff;
}

.hp17s4Text {
    max-width: 300px;
    color: #082152;
    margin-top: 20px
}

.hp17s4Box {
    margin-bottom: 30px;
    position: relative;
}

.hp17s4Box:after {
    content: "";
    display: block;
    clear: both;
}

.hp17s4Img {
    width: 82px;
    float: left;
}

.hp17s4Title {
    width: calc(100% - 82px);
    float: left;
    text-transform: uppercase;
    font-weight: 400;
    padding-left: 20px;
    color: #082152;
}

.hp17s4Title a {
    color: #082152;
}

.hp17s4Title a:hover {
    color: #009de6;
}

.hp17Section5 {
    padding: 110px 0;
}

ul.hp17s5Slider {
    margin: 0 !important;
    padding: 0 0 50px !important;
    list-style-type: none;
    position: relative;
}

ul.hp17s5Slider li {
    outline: none;
    margin: 0 15px;
}

ul.hp17s5Slider .slick-arrow {
    position: absolute;
    content: '';
    bottom: 0;
    width: 60px;
    height: 48px;
    background: url(../img/s5arrow.jpg) 0 0 no-repeat;
    z-index: 1;
    padding: 0;
    text-indent: -99999999px;
    border-radius: 0;
}

ul.hp17s5Slider .slick-prev {
    left: calc(50% - 60px);
}

ul.hp17s5Slider .slick-next {
    right: calc(50% - 60px);
    background-position: -60px 0;
}

ul.hp17s5Slider .slick-prev:hover {
    background-position: 0 -48px;
}

ul.hp17s5Slider .slick-next:hover {
    background-position: -60px -48px;
}

.hp17s5Box {
    position: relative;
}

.hp17s5Content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 25px;
}

.hp17s5Title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}

.hp17s5Title a {
    color: #fff;
}

.hp17s5Text {
    color: #fff;
    visibility: hidden;
    transition: all .3s;
}

.hp17s5Btn {
    position: absolute;
    bottom: 40px;
    visibility: hidden;
}

.hp17s5Box:hover .hp17s5Text,
.hp17s5Box:hover .hp17s5Btn {
    visibility: visible;
}

.hp17s6Box {
    max-width: 550px;
    display: inline-block;
    text-align: left;
}

.hp17s6Img {
    overflow: hidden;
}

.hp17s6Img a {
    display: block;
}

.hp17s6Box:hover .hp17s6Img a {
    transform: scale(1.1);
}

.hp17s6Title {
    font-size: 20px;
    font-weight: 700;
    color: #082152;
    margin: 15px 0 10px;
}

.hp17s6Title a {
    color: #082152;
}

.hp17s6Box:hover .hp17s6Title a {
    color: #009de6;
}

.hp17Section7 {
    margin: 60px 0 110px;
}

ul.hp17s7Slider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    position: relative;
}

ul.hp17s7Slider:before,
ul.hp17s7Slider:after {
    position: absolute;
    content: '';
    width: 73px;
    height: 72px;
    background: url(../img/quoteicon.png) 0 0 no-repeat;
}

ul.hp17s7Slider:before {
    top: -70px;
    left: -70px;
}

ul.hp17s7Slider:after {
    bottom: -40px;
    right: -80px;
    transform: rotate(180deg);
}

ul.hp17s7Slider li {
    outline: none;
    margin: 0 15px;
}

.hp17s7Box {
    background: #f7f9fc;
    padding: 30px 20px 20px;
    min-height: 180px;
    position: relative;
}

.hp17s7Box:after {
    content: "";
    display: block;
    clear: both;
}

.hp17s7Img {
    border-radius: 100%;
    overflow: hidden;
    width: 80px;
    float: left;
}

.hp17s7Content {
    width: calc(100% - 80px);
    float: left;
    padding-left: 20px;
}

.hp17s7Text {
    color: #082152;
    min-height: 100px;
}

.hp17Section8 {
    background: #163692;
}

.hp17FAQs {
    padding: 80px 0 40px;
}

.hp17FAQs .accordiaBox {
    padding-left: 50px;
    color: #fff;
    margin-bottom: 40px;
    position: relative;
}

.hp17FAQs .accordiaBox:before {
    position: absolute;
    content: "+";
    top: 0;
    left: 0;
    width: 31px;
    height: 31px;
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    transition: all .3s;
}

.hp17FAQs .accordiaBox.active:before {
    content: "-";
    background: #009de6;
}

.hp17FAQs .accordion {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    cursor: pointer;
    transition: all .3s;
}

.hp17FAQs .accordiaBox.active .accordion {
    color: #009de6;
}

.hp17FAQs .panel {
    display: none;
}

.hp17FAQs .accordiaBox.active .panel {
    display: block;
}

.hp17Form {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    padding: 50px;
    position: relative;
    margin-top: -90px;
}

.hp17FormTitle {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}

.hp17Form input[type="text"],
.hp17Form input[type="email"],
.hp17Form textarea {
    border: 2px solid #f0f1f9;
    width: 100%;
    padding: 14px 20px;
    margin: 0 0 20px;
    background: #fff;
}

.hp17Form textarea {
    min-height: 180px;
}

.hp17Form input[type="submit"] {
    width: 100%;
    padding: 20px;
    text-transform: uppercase;
    background: #039ee6;
    border-radius: 0;
    font-size: 18px;
    font-weight: 700;
}

.hp17Form input[type="submit"]:hover {
    background: #163692;
}

.hp17Section9 {
    margin: 110px 0;
}

.hp17s9Box {
    background: #f7f8fa;
    padding: 60px 74px 25px;
}

.hp17s9Title {
    font-size: 24px;
    font-weight: 600;
    color: #082152;
    margin: 5px 0 15px;
}

.hp17s9Title a {
    color: #082152;
}

.hp17s9Text {
    border-left: 2px solid #009de6;
    padding: 0 0 0 30px;
    margin-bottom: 20px;
}

.hp17s9Link {
    text-align: right;
    margin-top: 15px;
}

.hp17s9Box2 {
    border-top: 1px solid #dfe1f2;
    border-bottom: 1px solid #dfe1f2;
    padding: 30px 0 15px 30px;
    position: relative;
    margin-top: -1px;
}

.hp17s9Title2 {
    font-size: 20px;
    font-weight: 600;
    color: #082152;
    padding: 10px 0 15px;
}

.hp17s9Title2 a {
    color: #082152;
}

.hp17s9Title2 a:hover {
    color: #009de6;
}

.hp17Section10 {
    margin-bottom: 80px;
}

.hp17s10Slider {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    text-align: center;
}

.hp17s10Slider li {
    display: inline-block;
    margin: 0 44px 15px;
}


/* Media */

.visible-sm {
    display: none;
}

@media(min-width: 1200px) and (max-width: 1339px) {
    .hp11s4Box1 {
        padding: 0 60px;
    }
    .hp11s4Box2Content {
        padding: 140px 30px 0;
    }
}

@media(min-width: 1200px) {
    .bannerHeading {
        font-size: 44px;
        line-height: 54px;
    }
    .bannerText {
        font-size: 22px;
        line-height: 24px;
    }
    .about6Banner .bannerHeading {
        font-size: 60px;
        font-weight: 800;
    }
    .about6Banner .bannerText {
        font-size: 30px;
        line-height: 32px;
    }
    .pc2BannerTitle {
        font-size: 40px;
        line-height: 48px;
    }
    .pc2BannerTitle b {
        font-size: 30px;
    }
    .hp13Col20 {
        width: 20%;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .faqWrapper {
        padding-left: 0;
    }
    .bannerWraper .bannerContent {
        max-width: 970px;
        margin-top: 4%;
    }
    .bannerText {
        padding: 5px 0 0;
    }
    .quickQuote {
        padding: 15px;
    }
    .xyzBanner .banerContentWrapper {
        padding-top: 2%;
    }
    .xyzBanner .banerContent {
        padding: 20px;
    }
    .about2Banner .bannerContent {
        padding-top: 9%;
    }
    .h3Sec4Content {
        padding-bottom: 30px;
    }
    .h3CertificateWrapper {
        margin: 30px auto 0;
    }
    .homeSliderLGTitle:before,
    .homeSliderLGTitle:after {
        display: none;
    }
    .page-template-template-home4 .site-content h1,
    .page-template-template-home4 .site-content h2 {
        font-size: 38px !important;
    }
    .hp4SearchBar .searchTitle {
        font-size: 32px;
    }
    .cu4contactForm,
    .cu4contactDetails {
        float: none;
        width: 100%;
    }
    .h5TabsWrapper ul.tabs li {
        margin-right: 10px;
    }
    .pc4quickQuote {
        padding: 15px;
    }
    .hp6Section1 {
        background: #fff !important;
        padding: 0;
    }
    .hp6Section1Img {
        margin-top: 30px;
    }
    .hp6Section1Details h1 {
        margin-top: 0;
    }
    .hp6s3Product {
        padding-bottom: 10px;
    }
    .hp6Section4Content {
        top: 25px;
        left: 40px;
        min-height: auto;
        padding: 20px;
    }
    .hp6s5FeaturedBox {
        padding: 20px;
    }
    ul.hp6s10List li a {
        font-size: 16px;
        font-weight: 500;
    }
    .hp6s11ProductTitle {
        font-size: 22px;
    }
    .hp6s11ProductTitle:before {
        top: 6px;
    }
    .hp6s12Img {
        width: 220px;
    }
    .hp6s12Title {
        width: calc(100% - 220px);
        padding: 40px 10px 0;
    }
    .hp6Section12 h2 {
        font-size: 34px !important;
    }
    .pc3Banner .cust-row {
        margin: 0 -15px !important;
    }
    .pc3Banner .bannerContent {
        max-width: 970px;
        margin-top: 0;
    }
    .pc3BannerHeading {
        font-size: 36px;
        line-height: 44px;
    }
    .pc3BannerLayer,
    .pc3Form {
        padding: 15px;
    }
    .pc3FormTitle {
        font-size: 22px;
        padding-bottom: 20px;
    }
    ul.detailProductSlider .slick-slide {
        max-height: 400px;
    }
    ul.productSliderPager .slick-slide {
        max-height: 82px;
    }
    .pd6liderWraper ul.productSliderPager .slick-slide {
        max-height: 56px;
    }
    .hp8QuickQuote {
        padding: 20px;
    }
    .hp8QuickQuoteTitle {
        font-size: 26px;
    }
    .hp9s1Box {
        border-radius: 15px;
        padding: 15px;
    }
    .hp9s8Wraper {
        padding: 30px 20px 30px;
    }
    .hp9Section12 h2 b {
        font-size: 48px;
    }
    .hp9s6VideoWraper {
        text-align: center;
    }
    .pc6BannerContent {
        margin-top: 2%;
        padding: 15px;
        max-width: 580px;
    }
    .pc3s5Content {
        width: calc(100% - 270px);
    }
    .hp11Section8 {
        text-align: center;
    }
    .hp11s4Box1 {
        padding: 0 50px;
    }
    .hp11s4Box2Content {
        padding: 100px 20px 0;
    }
    .hp11s6Box {
        padding: 20px;
    }
    .lp7s3Title,
    .hp11s3Title,
    .lp7s7Text {
        text-transform: none;
    }
    .lp7s5Box1 {
        padding: 10px 20px;
    }
    .hp12Section3 {
        background: #fff !important;
    }
    .hp12Section6Content,
    .hp12s8Content {
        padding: 0 0 0 15px;
    }
    .hp12s7Content {
        padding-top: 0;
    }
    .hp12s7List {
        padding-top: 40px;
    }
    .hp12Section7:before {
        width: 95%;
    }
    .hp12s7List ul li,
    .hp12s8Content ul li {
        margin-bottom: 10px;
        font-size: 14px;
    }
    ul.hp12s9List li {
        margin: 0 10px 10px;
        padding: 15px 5px;
    }
    .hp12s10Box {
        border-radius: 10px;
        padding: 10px;
    }
    .hp12s11Title {
        font-size: 24px;
    }
    .hp13Col20 {
        width: 20%;
    }
    .hp13s5Box {
        margin: 0 6px 10px;
        width: 170px;
    }
    .hp13s1wrapper {
        margin-top: 60px;
    }
    .hp13s4Title {
        padding: 25px 0 15px;
    }
    .hp13s4Text {
        padding: 0;
    }
    .hp13s6Box {
        padding: 20px;
    }
    .hp14Tabs ul.tabs {
        margin: 10px 0 0 !important;
    }
    .hp14s4Box {
        max-width: 333px;
    }
    .hp14Section1 {
        margin-top: 60px;
    }
    .hp15PostWrapper {
        padding: 15px;
    }
    .hp15s9Content {
        padding: 35px 50px;
    }
    .hp15PostBox1 {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    ul.hp15brands li {
        max-width: 235px;
    }
    .hp15s8Title,
    .hp15PostTitle a {
        font-size: 20px;
    }
    .hp15s1Text {
        margin-top: 0;
    }
    .hp15s2Title {
        font-size: 26px;
    }
    .hp16Section1 {
        padding: 70px 0 30px;
    }
    .hp16s1Content {
        padding: 0 0 0 15px;
    }
    .hp16Section2 {
        padding-bottom: 70px;
    }
    .hp16s2Box {
        max-width: 320px;
    }
    .hp16s3RowRight .hp13s3Content {
        padding-left: 15px;
    }
    .hp16s3Row {
        padding-bottom: 70px;
    }
    .hp16Section4 {
        border-radius: 0;
        padding: 40px 0;
    }
    .hp16Section5 {
        margin: 70px 0;
    }
    .hp16s5Content {
        padding: 0 0 0 15px !important;
    }
    .hp16s5Text ul {
        margin: 25px 0 15px !important;
    }
    .hp16s5Text ul li {
        padding-left: 15px;
        font-size: 16px;
    }
    .hp16s5Text ul li:before {
        top: 3px;
    }
    .hp16Section6 {
        padding: 55px 0 50px;
    }
    .hp16s6Title {
        padding: 25px;
    }
    .hp16Section7 {
        padding: 70px 0;
    }
    .hp16s7Box {
        margin-top: 50px;
    }
    .hp16s8Content {
        padding: 30px;
    }
    .hp16Section9 {
        padding: 40px 0 50px;
    }
    .hp17Section1 {
        padding: 70px 0;
    }
    .hp17s1Title {
        font-size: 40px;
    }
    .hp17s3Title {
        font-size: 16px;
    }
    .hp17s5Title {
        font-size: 20px;
    }
    .hp17s9Box {
        padding: 30px 30px 25px;
    }
    .hp17s9Box2 {
        padding: 15px 0 10px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
    .visible-sm {
        display: block !important;
    }
    ul.productSliderPager .slick-slide {
        max-height: 140px;
    }
    .pd6liderWraper ul.productSliderPager .slick-slide {
        max-height: 125px;
    }
    .au6s2Box {
        padding: 70px 10px 20px;
    }
    .hp14s4Box {
        max-width: 375px;
    }
}

@media(max-width: 991px) {
    .responsiveMargin {
        margin-top: 30px;
    }
    .faqWrapper {
        margin: 0 auto;
    }
    .footer-adv-overlay .col1 {
        margin-bottom: 30px;
    }
    .dblBtn a.commonBtn {
        margin: 0 10px;
    }
    .bannerWraper .bannerContent {
        margin-top: 6%;
    }
    .bannerBtn {
        display: none;
    }
    .formSection:before {
        display: none;
    }
    .contactPageWraper {
        background: #f5f5f5;
    }
    .featuredTitle {
        padding-top: 20px;
    }
    .sec6Box {
        padding: 20px 20px 0;
    }
    .sec5Box {
        margin: 0 0 30px;
    }
    .productContent {
        padding: 20px;
    }
    .faqWrapper {
        padding-left: 0;
    }
    .cBannerContent {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .categoryFormSection {
        padding: 10px 0;
    }
    .quickQuote {
        padding: 15px;
    }
    .cPageformSection:before {
        display: none;
    }
    .locationSection {
        padding-left: 15px !important;
    }
    .bannerWraper .bannerContent {
        max-width: 750px;
    }
    .bannerText {
        padding: 5px 0 0;
    }
    .bannerWraper .bannerContent {
        margin-top: 4%;
    }
    .xyzBanner .banerBtn {
        display: none;
    }
    .xyzBanner .banerText {
        padding: 30px 0 0;
    }
    .about2Banner .bannerContent {
        padding-top: 9%;
    }
    .about2SecBoxWrapper:before {
        display: none;
    }
    .timelineWrapper:before {
        display: none;
    }
    .timelineBox {
        margin: 0 0 30px;
    }
    .timelineBox:before,
    .timelineBox:after {
        display: none;
    }
    .timelineBoxLeft .timelineTitle,
    .timelineBoxLeft .timelineText {
        text-align: left;
    }
    .LP2ProductImg,
    .LP2ProductContent {
        width: 100%;
        float: none;
    }
    .LP2ProductContent {
        padding: 30px 0 0;
    }
    .LP2ProductImg {
        max-width: 370px;
    }
    .h3Sec4Content {
        padding-bottom: 30px;
    }
    .h3CertificateWrapper {
        margin: 60px auto 0;
    }
    .pc2BannerBtn {
        display: none;
    }
    .taAboutTeamBox {
        margin-bottom: 60px;
    }
    .MThomeContactForm {
        padding: 0 40px 55px;
    }
    .homeSliderLGTitle {
        font-size: 24px;
        line-height: 24px;
        padding: 12px 10px;
    }
    .homeSliderLGTitle:before,
    .homeSliderLGTitle:after {
        display: none;
    }
    .page-template-template-home4 .site-content h1,
    .page-template-template-home4 .site-content h2 {
        font-size: 38px !important;
    }
    .hp4SliderBox {
        padding: 30px 0;
    }
    .hp4SliderBoxDetails {
        padding: 0;
    }
    .hp4SliderBox:before {
        width: 100%;
    }
    .hp4Team1,
    .hp4Team3 {
        text-align: center;
    }
    .h5TabsWrapper ul.tabs li {
        margin-bottom: 15px;
    }
    .cu4contactForm,
    .cu4contactDetails {
        float: none;
        width: 100%;
    }
    .h5section1 {
        margin-top: 50px;
    }
    .pc4quickQuote {
        padding: 15px;
    }
    .hp6Section1Img {
        margin-top: 30px;
    }
    .hp6Section1 {
        background: #fff !important;
        padding: 0;
    }
    .hp6Section4Content {
        position: relative;
        top: 0;
        left: 0;
        max-width: 100%;
        min-height: auto;
        padding: 0;
    }
    .hp6s5FeaturedBox {
        padding: 15px;
    }
    .hp6s5ProductText {
        min-height: 215px;
    }
    .pc3Banner .bannerContent {
        margin-top: 0;
    }
    .pc3BannerHeading {
        font-size: 32px;
        line-height: 40px;
    }
    .pc3BannerLayer,
    .pc3Form {
        padding: 15px;
    }
    .pc3FormTitle {
        font-size: 22px;
        padding-bottom: 20px;
    }
    ul.pc3ProductSlider .slick-prev {
        left: 0;
    }
    ul.pc3ProductSlider .slick-next {
        right: 0;
    }
    .pd7s8Box {
        padding: 15px;
    }
    .pd7s8Box>a {
        padding-left: 95px;
    }
    .pd7s8DTitle {
        font-size: 20px;
    }
    .pd7s8Text {
        font-size: 26px;
        line-height: 36px;
    }
    .pc5ssContent ul li {
        padding: 5px 15px;
    }
    .pc3s5Content {
        padding-left: 15px;
        width: calc(100% - 270px);
    }
    ul.pc3TestimonialSlider .pc3TestimonialBox {
        padding: 0 40px;
    }
    .lp6Section1 h1 {
        font-size: 36px !important;
    }
    .lp6s2Heading {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .lp6s1SubHeading {
        font-size: 20px;
    }
    .hp7s2Video {
        position: relative;
        left: 0;
        width: 100%;
        margin-top: 30px;
    }
    .hp7s2Video a:after {
        display: none;
    }
    .hp7s2Video a:before {
        left: 50%;
    }
    .hp8s11Content {
        padding: 10px;
    }
    .hp8QuickQuote {
        padding: 20px;
    }
    .hp8s7Text {
        min-height: auto;
    }
    .hp9s6VideoWraper {
        text-align: center;
    }
    .hp9s8Content {
        border-right: none;
    }
    .pc6s1Box {
        padding: 80px 15px 15px;
    }
    .pc6s4Box {
        padding: 15px;
    }
    .pc6BannerContent {
        position: relative;
        top: inherit;
        margin-top: -40px;
        max-width: 570px;
        padding: 15px;
        box-shadow: 0px 0px 4px 2px #efefef;
    }
    .pc5ScrollSection {
        display: none;
    }
    .hp11s4Box {
        display: block;
    }
    .hp11s4Box1 {
        display: block;
        width: 100%;
        padding: 60px;
    }
    .hp11s4Box2 {
        padding: 0 60px;
    }
    .hp11s4Box2Content {
        padding: 60px 0 0;
    }
    .hp11s6Box {
        margin: 0;
        max-width: 670px;
    }
    .hp11s8Brands ul li {
        max-width: 140px;
    }
    .hp11s10Box {
        display: block;
        max-width: 570px;
        margin: 0 auto;
    }
    .hp11s10Left,
    .hp11s10Right,
    .lp7s7Box,
    .lp7s5Box1,
    .lp7s5Box2 {
        display: block;
        width: 100%;
    }
    .hp11s10Right {
        padding: 25px;
    }
    .hp11Section8 {
        text-align: center;
    }
    .hp11s8Brands ul li {
        margin-bottom: 10px;
    }
    .hp11FAQs .accordion {
        text-transform: none;
        letter-spacing: 0;
    }
    .lp7s7Box,
    .lp7s5Box1 {
        padding: 25px;
    }
    .lp7s1Text,
    .lp7s3Title,
    .hp11s3Title,
    .lp7s7Text,
    .lp7s6Title a {
        text-transform: none;
    }
    .hp12Section3 {
        background: #fff !important;
    }
    .hp12Section6Content,
    .hp12s8Content {
        padding: 0 0 0 15px;
    }
    .hp12s7Content {
        padding-top: 0;
    }
    .hp12s7List {
        padding: 10px 0;
    }
    .hp12Section7:before {
        width: 95%;
    }
    .hp12s7List ul li,
    .hp12s8Content ul li {
        margin-bottom: 10px;
        font-size: 14px;
    }
    ul.hp12s9List li {
        margin: 0 10px 10px;
        padding: 15px 5px;
        font-size: 16px;
    }
    .hp12s10Box {
        border-radius: 10px;
        padding: 10px;
    }
    ul.hp12s12brands {
        text-align: center;
    }
    ul.hp12s7Slider .slick-arrow {
        bottom: -65px;
    }
    .hp13s3List {
        padding-top: 0;
    }
    ul.hp13s3Slider .slick-arrow {
        bottom: -60px;
    }
    .hp13s1wrapper {
        margin-top: 60px;
    }
    .hp13s4Title {
        padding: 25px 0 15px;
    }
    .hp13s4Text {
        padding: 0;
    }
    .hp13s6Box {
        padding: 20px;
    }
    .hp14s1Box {
        max-width: 100%;
    }
    .hp14Tabs ul.tabs {
        margin: 10px 0 0 !important;
    }
    .hp14Section2 {
        margin-bottom: 80px;
    }
    .hp14Section6 {
        margin: 80px 0;
    }
    .hp14Section9 {
        margin-bottom: 70px;
    }
    .hp14s3Text {
        padding: 20px 0;
    }
    .hp14Section5:before {
        width: 100%;
        height: 46%;
    }
    .hp14s10Title a {
        font-size: 18px;
    }
    .hp14Section12 {
        padding: 80px 0;
        text-align: center;
    }
    .hp14s12Btn {
        text-align: center;
        margin-top: 30px;
    }
    .hp14Section3:before {
        width: 55%;
    }
    .hp14Section8 {
        border-radius: 0;
    }
    .hp14Section1 {
        margin-top: 60px;
    }
    .hp15s1Text {
        margin-top: 30px;
    }
    .hp15s1Text ul li {
        margin-bottom: 10px;
    }
    .hp15s2Title {
        font-size: 20px;
        font-weight: 600;
    }
    .hp15s2Text {
        font-weight: 400;
    }
    .hp15Section4:before {
        width: 100%;
        height: 460px;
    }
    .hp15s4Box:before {
        font-size: 40px;
    }
    .hp15s4Content {
        position: relative;
        color: #3a3c51;
        padding: 20px 0 0;
    }
    .hp15s4Title a {
        color: #3a3c51;
    }
    .hp15Section5 {
        padding: 50px 0;
    }
    .hp15s4Box {
        margin-bottom: 0;
    }
    ul.hp15brands li {
        margin-bottom: 10px;
    }
    .hp15s8Title,
    .hp15PostTitle a {
        font-size: 20px;
    }
    .hp15s8Title {
        min-height: 60px;
    }
    .hp15s7Box2 {
        margin-top: 30px;
    }
    .hp16Section1 {
        padding: 70px 0 30px;
    }
    .hp16s1Content {
        padding: 0 0 0 15px;
    }
    .hp16Section2 {
        padding-bottom: 70px;
    }
    .hp16s2Box {
        max-width: 360px;
    }
    .hp16s3RowRight .hp13s3Content {
        padding-left: 15px;
    }
    .hp16s3Row {
        padding-bottom: 70px;
    }
    .hp16Section4 {
        border-radius: 0;
        padding: 40px 0;
    }
    .hp16s3Btn {
        padding-top: 20px;
    }
    .hp16s3Content h4 {
        margin-top: 0;
    }
    .hp16s3Text {
        max-width: 100%;
    }
    .hp16Section5 {
        margin: 70px 0;
    }
    .hp16s5Content {
        padding: 0 0 0 15px !important;
    }
    .hp16s5Text ul {
        margin: 25px 0 15px !important;
    }
    .hp16s5Text ul li {
        padding-left: 15px;
        font-size: 16px;
    }
    .hp16s5Text ul li:before {
        top: 3px;
    }
    .hp16Section6 {
        padding: 55px 0 50px;
    }
    .hp16s6Title {
        padding: 20px;
        font-size: 16px;
    }
    .hp16Section7 {
        padding: 70px 0;
    }
    .hp16s7Box {
        margin-top: 50px;
    }
    .hp16s8Content {
        padding: 30px;
    }
    .hp16Section9 {
        padding: 40px 0 50px;
    }
    .hp16s3RowRight .hp16s3Content {
        padding-left: 0;
    }
    .hp17Section1 {
        padding: 70px 0;
    }
    .hp17s1Title {
        font-size: 40px;
    }
    .hp17Section3 {
        margin-bottom: 40px;
    }
    .hp17Section4 {
        padding: 70px 0 30px;
    }
    .hp17Section5 {
        padding: 70px 0;
    }
    .hp17FAQs {
        padding: 70px 0 0;
    }
    .hp17Form {
        margin-top: 0;
    }
    .hp17s9Box {
        padding: 30px 30px 25px;
    }
    .hp17s9Box2 {
        padding: 30px 0 15px;
    }
    .footerTopBarBtn {
        margin-top: 20px;
        text-align: left;
    }
    ul.footerDetails li.phone,
    ul.footerDetails li.email {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .hidden-xs {
        display: none;
    }
    .tabsWrapper {
        padding: 10px;
    }
    .tabsWrapper ul.tabs li {
        display: block;
        width: auto;
        margin: 0 0 15px;
        text-align: center;
    }
    .bannerWraper .bannerContent {
        max-width: 480px;
    }
    .h3Certificates ul li {
        margin: 20px 10px 0;
    }
    .pc2TabsWrapper ul.tabs li {
        width: auto;
        display: block;
    }
    .taTimelineBox {
        margin-bottom: 30px;
    }
    .pd2ContactForm textarea {
        min-height: 130px;
    }
    .MThomeContactForm {
        padding: 0 20px 45px;
    }
    .hp4SearchBar .searchTitle {
        font-size: 26px
    }
    .h5TabsWrapper ul.tabs li {
        display: block;
        width: auto;
        text-align: center;
        margin-right: 0 !important;
    }
    .cu4contactForm {
        padding: 15px;
    }
    .cu4contactDetails {
        padding: 15px;
    }
    .gallery-item {
        max-width: 100% !important;
    }
    .pc3Banner .bannerContent {
        position: relative;
        margin-top: -100px;
    }
    .pc3BannerHeading {
        font-size: 30px;
        line-height: 36px;
    }
    .pc3Banner .pc3BannerDetails {
        background: rgba(0, 0, 0, .6);
        padding: 15px;
    }
    .pc3Banner .pc3BannerDetails br {
        display: none;
    }
    .c1ProductBox {
        padding: 10px;
    }
    .hp6s5ProductText {
        min-height: auto !important;
    }
    ul.hp6s10List li {
        width: 100%;
        margin: 0;
    }
    .hp6s12Img {
        width: 220px;
    }
    .hp6s12Title {
        width: calc(100% - 220px);
    }
    .hp6s12Title a {
        font-size: 20px;
    }
    .hp6s3Product {
        padding-bottom: 10px;
    }
    .pd6s1Tabs,
    .pd6s1DetailsBody {
        padding: 15px;
    }
    .pd6s1Tabs ul.tabs li {
        display: block !important;
        margin: 0 !important;
    }
    .lp5BannerHeading {
        font-size: 34px;
        line-height: 40px;
    }
    ul.detailProductSlider .slick-slide {
        max-height: 320px;
    }
    ul.productSliderPager .slick-slide {
        max-height: 94px;
    }
    .pd6liderWraper ul.detailProductSlider .slick-slide {
        max-height: 290px;
    }
    .pd6liderWraper ul.productSliderPager .slick-slide {
        max-height: 88px;
    }
    .pd7s3Tabs ul.tabs {
        position: relative;
        top: 0;
        margin: 0 0 15px !important;
    }
    .pc3s5Content {
        padding: 20px 0 0 0;
        width: 100%;
    }
    .lp6s2Row1,
    .lp6s2Row2 {
        padding: 10px 10px 15px;
    }
    .lp6s2Heading {
        font-size: 22px;
        line-height: 28px;
    }
    .lp6s2SubHeading {
        font-size: 16px;
    }
    .footer-adv-overlay .widget-title {
        margin-bottom: 20px !important;
    }
    .dblBtn a.commonBtn {
        display: block;
        margin: 5px 0;
    }
    .hp9Section5 .col20 {
        width: 100%;
        margin-bottom: 30px;
    }
    .hp9s5PaddTop {
        padding-top: 0;
    }
    .hp9s6Box {
        text-align: left;
    }
    .hp9s7Title {
        margin: 10px 0;
    }
    .hp9s8Wraper {
        padding: 10px;
        border-radius: 10px;
    }
    ul.hp9Brands {
        text-align: center;
    }
    .pc6BannerContent {
        max-width: 480px;
    }
    .hp10s3Content {
        padding: 10px;
    }
    .hp10FAQs .accordiaBox {
        padding: 0 15px;
    }
    .hp10FAQs .accordion {
        font-size: 18px;
        line-height: 24px;
    }
    .hp10CTA {
        text-align: center;
        margin-top: 10px;
    }
    ul.pc6s5Slider ul.slick-dots li,
    ul.wus1Slider ul.slick-dots li {
        width: 20px;
    }
    .pc7s3Tabs ul.tabs li {
        padding: 12px 10px;
    }
    .hp11s2BoxWrapper {
        padding: 35px 20px 270px 20px;
    }
    .hp11s5Img,
    .hp11s5Btn {
        padding-top: 30px;
    }
    .hp12s1Box {
        max-width: 100%;
    }
    ul.hp12s9List li {
        width: calc(50% - 20px);
    }
    .headerTopbar ul li {
        margin-bottom: 15px;
    }
    .hp14Section1 {
        margin: 0 auto 40px;
        box-shadow: none;
    }
    .hp14Tabs ul.tabs li {
        margin: 0 0 10px;
        text-transform: none;
        display: block;
    }
    .hp14s4Box {
        float: none;
        margin: 0 auto;
    }
    .hp14Section4 {
        margin: 70px 0;
    }
    .hp14Section5 {
        padding: 60px 0;
    }
    .hp14s5Text1 ul li {
        width: 100%;
    }
    .hp15Section1 {
        padding: 70px 0 60px;
    }
    .hp15Col20 {
        width: 33% !important;
        float: left;
    }
    .hp15Section3 {
        padding: 60px 0 50px;
    }
    .hp15Section4 {
        padding-top: 50px;
    }
    .hp15Section6 {
        padding-top: 60px;
    }
    .hp15s7Content {
        margin: -40px auto 0;
        padding: 20px 20px 5px;
    }
    .hp15s8Title,
    .hp15s8Text {
        min-height: auto;
    }
    .hp15s9Content {
        padding: 15px;
    }
    .hp15PostWrapper {
        padding: 15px;
    }
    .hp15PostBox1 {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .hp16s2Box {
        max-width: 390px;
        margin: 0 auto;
        float: none;
    }
    .hp16s5Text ul li {
        width: 100%;
    }
    .hp17s4Box {
        margin-bottom: 0;
    }
    .hp17s4Title {
        padding: 30px 0 0 20px;
    }
}

@media(max-width: 479px) {
    .hidden-sXs {
        display: none;
    }
    .aboutList ul {
        padding: 15px 15px 1px !important;
    }
    .tabsWrapper ul.tabs li {
        padding: 0 0 15px;
        margin-right: 0;
        display: block;
    }
    .ast-article-post,
    .single .ast-article-single {
        padding: 15px !important;
    }
    .bannerWraper .bannerContent {
        max-width: 320px;
    }
    .xyzBanner .banerText {
        display: none;
    }
    .xyzFeaturedPointBox {
        padding-left: 0;
    }
    .LP2dblBtn a.commonBtn {
        margin: 5px 0;
    }
    .about2Sec5Box {
        min-height: auto;
    }
    .h3FeaturedImg,
    .h3FeaturedContent {
        width: auto;
        float: none;
    }
    .h3FeaturedContent {
        padding: 30px 0 0 0;
    }
    .h3CertificateWrapper {
        padding: 10px;
    }
    .h3Certificates ul li {
        margin: 20px 4px 0;
    }
    .pc2BannerContent {
        padding: 20px;
    }
    .taTimelineBoxLeft:before,
    .taTimelineBoxRight:before {
        top: 0px;
    }
    .taTimelineYearLeft,
    .taTimelineYearRight {
        top: 35px;
    }
    .MTcontactPageForm {
        padding: 30px 10px;
    }
    .MTnameField,
    .MTemailField {
        margin-bottom: 30px;
    }
    .labelContainer {
        margin-bottom: 20px;
    }
    .page-template-template-home4 .site-content h1,
    .page-template-template-home4 .site-content h2 {
        font-size: 34px !important;
    }
    .hp4SearchBar .searchTitle {
        font-size: 18px;
    }
    .hp4TeamImg {
        padding: 30px 30px 0;
    }
    .hp4ContactForm {
        padding: 15px;
    }
    .page-template-template-home4 .headerTopBar ul li.phone {
        margin: 0 0 20px;
    }
    .page-template-template-home4 .headerTopBar ul {
        text-align: center;
    }
    .au5teamImg,
    .au5teamContent,
    .pc4supportImg,
    .pc4supportContent {
        float: none;
    }
    .au5teamContent,
    .pc4supportContent {
        padding: 30px 0 0;
        width: 100%;
    }
    .cu4contactForm {
        padding: 30px 20px 40px;
    }
    .cu4contactDetails {
        padding: 30px 20px 30px;
    }
    .pd4DetailHeading {
        padding: 10px 10px 5px;
    }
    .pd4DetailContent {
        padding: 10px;
    }
    .hp6s11ProductTitle {
        font-size: 20px;
    }
    .hp6s12ResourceBox {
        max-width: 270px;
        margin: 0 auto;
    }
    .hp6s12Img {
        width: 270px;
    }
    .hp6s12Title {
        width: 100%;
        padding: 20px;
    }
    .hp6Section1Details h1,
    .hp6Section2Details h2,
    .hp6Section6 h2,
    .hp6s7Details h2 {
        font-size: 36px;
    }
    .hp6Btn {
        padding: 13px 10px;
    }
    a.pd6QuoteBtn {
        padding: 15px 15px;
    }
    .pc5s5Content {
        padding: 15px;
    }
    ul.detailProductSlider .slick-slide {
        max-height: 210px;
    }
    .pd6liderWraper ul.detailProductSlider .slick-slide {
        max-height: 200px;
    }
    .h5TabsWrapper .tab-content,
    .h5TabsWrapper .tab-content2 {
        padding: 10px;
    }
    .pc3s5Btns a.commonBtn {
        display: block;
        margin: 5px 0;
    }
    .lp6Section1 h1 {
        font-size: 32px !important;
    }
    .lp6s2Content {
        width: 100%;
        padding: 10px 0 0;
    }
    .doubleBtn a.commonBtn {
        margin: 0 0 10px;
        display: block;
    }
    .about6Banner .bannerText {
        display: none;
    }
    .pc3Banner2 .bannerText {
        display: none;
    }
    .hp9s1Box {
        border-radius: 15px;
        padding: 15px;
    }
    .hp9s2List ul li {
        width: 100%;
    }
    .hp9FAQs .accordiaBox {
        padding: 10px 10px;
        margin-bottom: 10px;
    }
    .bannerHeading {
        padding-bottom: 10px;
    }
    .pc6BannerContent {
        max-width: 320px;
    }
    .hp10Banner {
        padding: 30px 0 20px;
    }
    .pc7s3Tabs ul.tabs li {
        padding: 10px 0;
        display: block;
    }
    .hp11s6Box {
        padding: 15px;
    }
    .hp11s6Btns a.commonBtn {
        margin: 5px 2px;
    }
    .hp11s10Right {
        padding: 15px;
    }
    .hp12Section2:before {
        height: 10%;
    }
    .hp12Form {
        padding: 15px;
    }
    .hp12Form input[type=text],
    .hp12Form input[type=email],
    .hp12Form textarea {
        padding: 10px;
    }
    .hp12Form .uploadBTNLabel {
        padding: 25px 15px 25px 15px;
    }
    .hp12s7List ul li,
    .hp12s8Content ul li,
    ul.hp12s9List li {
        width: 100%;
    }
    .hp14Tabs ul.tabs li {
        margin-right: 0;
        display: block;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .hp14Tabs2 ul.tabs2 li {
        padding: 20px;
    }
    .hp15Col20 {
        width: 50% !important;
    }
    .hp15s7Content {
        margin: 20px 0 0;
        width: 100%;
    }
    .hp15s1Btn {
        bottom: 5px;
        right: 5px;
    }
    .hp16s8Content {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .3);
        padding: 20px;
        border-radius: 10px;
        margin-top: 20px;
    }
    .pc3BannerHeading {
        font-size: 26px;
        line-height: 32px;
    }
    .hp17Form {
        padding: 15px;
    }
    .hp17FormTitle {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .hp17Form input[type=submit] {
        padding: 15px;
        font-size: 16px;
    }
    .hp17Form textarea {
        min-height: 120px;
    }
    .hp17s9Box {
        padding: 15px 15px 15px;
    }
}