/*======================================================
*
*   GENERAL STYLES
*
======================================================*/

.default-container {
    padding-top: 100px;
    padding-bottom: 100px;
}

.default-container .cta-link {
    line-height: 38px;
}

.icon-image {
    margin: 0 auto;
    width: 120px;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.flex-box {
    flex-basis: 50%;
    padding-right: 80px;
    padding-left: 30px;
    align-self: center;
}


/*======================================================
*
*   TWO COLUMN BLOCK
*
======================================================*/

.text-left {
    text-align: left;
    padding: 0 40px;
}

.overlay {
/*    padding-right: 70px;*/
}

.text-left .cta-link {
/*
    margin-bottom: 50px;
    border: 0; 
    padding: 0;
*/
}

.text-left .cta-link:hover {
/*    border: 0;*/
}

.text-left .cta-link span {
    border-bottom: 2px solid #6653d5;
    padding-bottom: 10px;
}

.text-left .cta-link.teal span,
.text-left .cta-link:hover span {
    border-bottom: 2px solid #00cbd0;
    padding-bottom: 10px;
}

.text-left .cta-link.teal:hover span {
    border-bottom: 2px solid #6653d5;
    padding-bottom: 10px;
}


/*======================================================
*
*   HAPTICS BLOCK
*
======================================================*/

.haptics:first-child {
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

.haptics:nth-child(2) {
    border-bottom: 1px solid #d1d1d1;
}

.haptics:nth-child(3) {
    border-right: 1px solid #d1d1d1;
}

.flex-box.haptics {
    padding: 30px;
}

.haptics-title {
    text-align: center;
    padding: 0px 300px 50px;
}

.detail_title {
    text-decoration: none;
    color: #3e3e3f;
    margin: 10px 0;
    font-size: 18px;
    font-weight: 800;
    display: block;
    padding: 0 115px;
}

.detail_description {
    padding: 0 53px;
}



/*======================================================
*
*   BANNER BLOCK
*
======================================================*/

.banner {
    height: 75vh!important;
}

.banner_title {
    text-align: center;
    font-size: 40px;
}



/*======================================================
*
*   INTRO BLOCK
*
======================================================*/

.intro{
    padding-top: 50px;
}
.intro .container{
    margin-top: -150px;
}

.intro h2 {
    font-size: 40px;
    padding-bottom: 10px;
}

.intro .intro-wrapper {
    padding: 100px 150px;
}




/*======================================================
*
*   SIX CONTENT BLOCK
*
======================================================*/

.flex-box.six-content {
    flex-basis: 33%;
    align-self: center;
    padding: 0;
}

.flex-box.six-content:first-child,
.flex-box.six-content:nth-child(2) {
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

.flex-box.six-content:nth-child(3) {
    border-bottom: 1px solid #d1d1d1;
}

.flex-box.six-content:nth-child(4),
.flex-box.six-content:nth-child(5) {
    border-right: 1px solid #d1d1d1;
}

.six-title{
    padding: 0 0 20px;
    text-align: center
}

.six .six-desc {
    padding: 0px 190px;
    text-align: center;
}

.six h4 {
    padding: 0 60px;
}

.six p {
    padding: 0 20px;
}

.icon-image {
    margin-top: 15px;
}

.flex-box.six-content a {
	color: #00b9ba;
	text-decoration: underline;
}

.flex-box.six-content:nth-child(7), 
.flex-box.six-content:nth-child(8),
.flex-box.six-content:nth-child(9) {
	border-top: 1px solid #d1d1d1;
}

.flex-box.six-content:nth-child(7), 
.flex-box.six-content:nth-child(8) {
	border-right: 1px solid #d1d1d1;
}

/*======================================================
*
*   CTA BLOCK
*
======================================================*/

.cta .container {
    background-color: #252525;
    position: relative;
    margin: 50px auto 50px;
    width: 45%;
}

.cta .flex-wrap {
    padding: 30px;
}

.cta .flex-wrap {
    padding: 30px;
}

.cta .flex-box:first-child {
    flex-basis: 30%;
}

.cta .flex-box:nth-child(2) {
    flex-basis: 68%;
    padding-left: 105px;
    text-align: left;
}

.cta a {
    margin: 25px 0;
/*    width: 40%;*/
}

.cta img {
    width: 250px;
    position: absolute;
    top: 0;
    margin: -50px;
}

.cta span {
    font-size: 20px;
}

.cta a span {
    font-size: 15px;
    color: #fff;
}


/*======================================================
*
*   FEATURED POST BLOCK
*
======================================================*/

.featured-post h2 {
    padding: 0 180px 20px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -45px!important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -45px!important;
}


.featured-post .slider-container {
    padding: 0 85px;
}

.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23454545'%2F%3E%3C%2Fsvg%3E") !important;
  background-size: 27px 30px!important;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23454545'%2F%3E%3C%2Fsvg%3E") !important;
  background-size: 27px 30px!important;
}

.featured-post .section-slider {
    background: none;
}

@media screen and (min-width: 768px) {
.page-template-default .case-block {
        padding-top: 100px;
}
}



/*======================================================
*
*   CONTACT FORM BLOCK
*
======================================================*/

.contact-container {
    padding: 200px 0;
}

@media screen and (max-width: 767px) {
    .contact-container {
        padding: 100px 0;
    }
}

.form h2 {
    padding: 0 300px;
}




















/*======================================================
*
*   RESPONSIVE STYLE
*
======================================================*/


/* 1366 SCREENS
--------------------------------------------- */

@media screen and (max-width: 1366px) {
    
    .cta .container {
        width: 70%;
    }
    
    .banner {
        height: auto!important;
        padding: 100px 5%;
    }
    
}


/* 1024 SCREENS
--------------------------------------------- */

@media screen and (max-width: 1024px) {
    
    .cta .container {
        width: 85%;
    }
    
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 30px!important;
        top: 55%!important;
    }
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 30px!important;
        top: 55%!important;
    }
    
    .featured-post h2 {
        padding: 0;
    }
    
    .haptics-title {
        padding: 50px 0;
        max-width: 70%;
        margin: auto;
    }
    
}



/* 768 SCREENS
--------------------------------------------- */

@media screen and (max-width: 767px) {
    
    .container {
/*        padding: 50px; */
        
        padding-left: 5%;
        padding-right: 5%;
    }
    
    .page-template-default .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .flex-box {
        flex-basis: 100%;
        padding: 0;
    }
    
    .text-left .default-container {
        padding: 0;
    } 
    
    .default-container {
        padding: 50px 5%;
    }
    
    .default-container img {
        width: 100%;
    }
    
    .default-container .cta-link {
/*        margin-bottom: 50px;*/
        display: inline-block;
    }
    
    .intro {
        padding: 0;
    }
    
    .intro .container {
        margin-top: 0;
    }
    
    .intro .intro-wrapper {
        padding: 0;
    }
    
    .haptics-title {
        padding: 0;
    }
    
    .haptics .flex-box {
        border-right: 0;
        border-bottom: 1px solid #d1d1d1;
    }
    
    .haptics .flex-box:last-child {
        border-bottom: 0;
    }
    
    .form h2 {
        padding: 0;
    } 
    
    .section-slider {
        padding: 50px 0;
    }
    
    .featured-post h2 {
        padding: 0
    } 
    
    .six .six-desc {
        padding: 0;
    }
    
    .flex-box.six-content {
        flex-basis: 100%;
        align-self: auto;
        padding-top: 20px;
        border: 0;
    }
    
    .flex-box.six-content:nth-child(odd) {
        border-bottom: 1px solid #bbb;
        border-right: 1px solid #bbb;
    }
    
    .flex-box.six-content:nth-child(even) {
        border-bottom: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        border-right: 0;
    }
    
    .flex-box.six-content:nth-child(5),
    .flex-box.six-content:last-child {
        border-bottom: 0;
    }
    
    .two-column .text-left {
        padding: 50px 5% 0;    
    }
    
    .two-column .container {
        padding: 50px 0;    
    }
    
    .cta .container {
        width: 100%;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .cta img {
        position: relative;
    }
    
    .cta .flex-box:first-child {
        flex-basis: 45%;
    }
    
    .cta .flex-box:nth-child(2) {
        flex-basis: 55%;
        padding-left: 20px;
    }
    
    .cta a {
/*        width: 50%;*/
    }
    
    .cta .flex-wrap {
        padding: 30px 0;
    }
    
}


/* 425 SCREENS
--------------------------------------------- */

@media screen and (max-width: 425px) {
    
    .banner_title {
        font-size: 30px;
        padding: 20px;
    }
    
    .text-left {
        padding: 0 40px;
    }
    
    .default-container img {
        width: 100%;
    }
    
    .featured-post .button-cta {
        min-width: 100%!important;
    }
    
    .haptics .container {
        padding: 0;
    }
    
    .flex-box .haptics {
        padding: 0;
    }
    
    .haptics-title {
        max-width: 100%;
    }
    
    .haptics .detail_title {
        padding: 0;
    }
    
    .haptics  .detail_description {
        padding: 0;
    }
    
    .six .container {
        padding: 0;
    }
    
    .flex-box.six-content {
        flex-basis: 100%;
        border-bottom: 1px solid #bbb!important;
        border-right: 0!important;
        padding: 45px 0 20px;
    }
    
    .flex-box.six-content:last-child {
        border-bottom: 0!important;
    }
    
    .cta .container .flex-box {
        flex-basis: 100%;
    }
    
    .cta img {
        margin: 0;
        width: 100%;
    }
    
    .cta .flex-box:nth-child(2) {
        padding: 20px 0;
        text-align: center;
    }
    
    .cta a {
        width: 100%;
    }
    
}



.padding-bottom-none {
    padding-bottom: 0;
}