/*slider*/

.sppb-slide-item-bg { min-height: 600px; height: 700px;}

@media (max-width: 991px) {
  .sppb-slide-item-bg { min-height: 400px; height: 500px;}
}

.sppb-slideshow-fullwidth-item-text .sppb-col-sm-6 { max-width: 100%; flex: 0 0 100%; }

.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-slideshow-fullwidth-item-text-wrap { max-width: 600px; }

.sppb-slideshow-fullwidth-item-text-wrap .sppb-fullwidth-title { line-height: 1.3 !important; }

.sppb-slideshow-fullwidth-item-text-wrap .sppb-fullwidth-title strong { color: #d80017 !important; }

.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-slideshow-sub-title {  font-size: 42px; line-height: 1; letter-spacing: 2px; font-weight: 500; margin-bottom: 0px; color: #000; }

.sppb-slide-item-bg .slide-img-wrapper { margin-left: -200px; margin-right: 0px; }

.sppb-col-6.slide-img-wrap { display: none;}

.sppb-slide-item-bg .slide-img-wrapper:before { display: none; }

.sppb-slide-item-bg:before { display: none; }

.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-fw-slider-button-wrapper { margin-top: 30px;}

.sppb-slider-fullwidth-wrapper .customNavigation a { background-color: rgba(255, 255, 255, 0.3);}


@media (max-width: 992px) {
	.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-slideshow-sub-title { font-size: 24px; line-height: 1.3; margin-bottom: 15px; letter-spacing: 1px; }
  	.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title { font-size: 46px !important; }
  	.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-fw-slider-button-wrapper { margin-top: 10px; }
  	.sppb-slide-item-bg .slide-img-wrapper { margin-left: -140px !important; margin-top: 50px; }
	.sppb-slide-item-bg .slide-img-wrapper img { margin-left: 130px; }
}


.sppb-btn.sppb-btn-link {
    background: transparent !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1;
    padding: 15px 30px !important;
    border-radius: 0px;
    border: 0;
    position: relative;
}

.sppb-btn.sppb-btn-link:before {content: "";position: absolute;background: #da2f27;width: 100%;height: 100%;top: 0;left: 0;transform: skewX(-20deg);z-index: -1;}

.sppb-btn.sppb-btn-link:after {
    content: "";
    position: absolute;
    background: #878787;
    width: 10px;
    height: 100%;
    transform: skewX(-20deg);
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.5s;
}

.sppb-btn.sppb-btn-link:hover:after {
    width: 100%;
}

.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title {
    font-size: 46px !important;
    color: #000;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 0px;
    margin-bottom: 30px !important;
}

@media(max-width:767px){
.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title {
    font-size: 28px !important;
}}


.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .details {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 50px;
}

@media(max-width:767px){
.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .details {
    font-size: 14px;
}}

.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .details {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 50px;
    color: #000;
}

.home-slide .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg:after {content: "";position: absolute;background: linear-gradient(90deg, rgba(255, 255, 255, 0.8)20%, transparent);width: 100%;height: 100%;top: 0;}

.sppb-slider-item-wrapper {
    position: relative;
}

.sppb-slider-item-wrapper:before {
    content: "";
    position: absolute;
    background: url(/images/00_TORQU3/home/home-slide-slope.png) no-repeat scroll center center / cover;
    width: 100%;
    height: 100px;
    bottom: 0px;
    z-index: 2;
}

.sppb-slider-fullwidth-wrapper .owl-controls .owl-dots .owl-dot.active span {
    background: #000 !important;
}

.sppb-slider-fullwidth-wrapper .owl-controls .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border: 2px solid #d80017;
}

.sppb-slider-fullwidth-wrapper .owl-controls .owl-dots .owl-dot span:before {
    background-color: #d80017;
}

/*end of slider*/

/*title-style-001*/

.title-style-001 strong {
    color: #d80017;
}

.title-style-001 h3 {
    line-height: 1.5;
}

/*end of title-style-001*/

/*title-style-002*/

.title-style-002 {
    position: relative;
}


.title-style-002:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 90%;
    background: #e8d19c;
    left: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*end of title-style-002*/

/*title-style-003*/

.title-style-003 {
    position: relative;
}

@media (min-width: 768px) {
.title-style-003:before {
    position: absolute;
    content: "";
    width: 8%;
    height: 180%;
    background: #e8d19c;
    right: 0;
    top: 0;
}}

/*end of title-style-003*/

/*home-icon*/

.home-icon img {
    width: 120px;
}

/*end of home-icon*/

/*title-style-004*/

.title-style-004 {
    position: relative;
}

.title-style-004:before {
    position: absolute;
    content: "";
    background: #e8d19c;
    width: 100px;
    height: 5px;
    left: 0;
    right: 0;
    margin: auto;
    top: 70px;
}

/*end of title-style-004*/

/*home-tabs*/

.home-tabs .sppb-nav-lines > li.active > a, .home-tabs .sppb-nav-lines > li.active > a:hover, .home-tabs .sppb-nav-lines > li.active > a:focus {
    color: #252525 !important;
    border-bottom: 2px solid #e8d19c !important;
}

@media (min-width: 768px) {
  .home-tabs .sppb-nav-lines { justify-content: center; display: flex; }
}

@media (max-width: 767px) {
  .sppb-nav-lines>li { width: 50%; text-align: center; }
}

.sppb-nav-lines>li>a { padding: 0 0 10px 0; margin: 15px 15px 0 15px; font-size: 12px; color: #000; position: relative; }

.sppb-nav-lines>li>a:after { content: ""; position: absolute; background: #e8d19c; width: 0px; height: 2px; bottom: -2px; left: 0; transition: 0.5s ease; }

.sppb-nav-lines>li:hover a:after { width: 100%; }

/*end of home-tabs*/

.sec-style-001 .sppb-row { align-items: flex-end; }

.sec-style-001 .sppb-addon-single-image-container:before { content: ""; position: absolute; border: 2px dashed #f68f66; width: 100%; height: 100%; right: -80px; top: -30px; z-index: -1; }

.sec-style-001 .sppb-addon-single-image-container:after { content: url('/images/0_BabyKeith/home/pattern-001.png'); position: absolute; top: -50px; right: -140px; }

.text-style-001:before { content: url('/images/0_BabyKeith/home/pattern-002.png'); position: absolute; top: -85px; right: -50px; }


@media (max-width:767px) {
  .sec-style-001 .sppb-addon-single-image-container:before { right: -20px; top: 50px; }
  .sec-style-001 .sppb-addon-single-image-container:after { right: -40px; }
}

.sec-style-002 .sppb-addon-single-image-container:before { content: ""; position: absolute; border: 2px dashed #2ab9ea; width: 100%; height: 100%; right: -30px; bottom: -30px; z-index: -1; }

.sec-style-002 .sppb-addon-single-image-container:after { content: url('/images/0_BabyKeith/home/pattern-003.png'); position: absolute; bottom: -50px; left: -140px; }

@media (max-width: 991px) {
  .sec-style-002 .sppb-addon-single-image-container:after { bottom: -60px; left: -60px; }
}

/*feature*/

.home-feature-style img { width: 100px; }

.home-feature-style strong { font-size: 30px; line-height: 30px; color: #2ab9ea; }

.home-feature-style .sppb-addon-text { line-height: 22px; letter-spacing: 1px; }

.home-feature-style .sppb-text-center:after { display: none; }

.home-feature-style { position: relative; }

.home-feature-style:before { content: ""; position: absolute; background: #f5f5f5; width: 130px; height: 130px; border-radius: 100px; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

/*end of feature*/


/*cta*/

.cta-style { padding: 50px; border: 2px dashed #2ab9ea; }

.cta-style img { width: 150px; }

@media (min-width: 768px) {
  .cta-style:before { content: url(/images/0_BabyKeith/home/cta-pattern-001.png); position: absolute; top: -60px; right: -80px; }
  .cta-style:after { content: url(/images/0_BabyKeith/home/cta-pattern-002.png); position: absolute; bottom: -50px; left: -50px; }
}

@media (max-width: 767px) {
  .cta-style { padding: 30px 20px; }
}
  
/*home-feature-box*/

.home-feature-box {
    position: relative;
}

.home-feature-box h3 a {
    position: absolute;
    content: "";
    padding: 15px 30px;
    color: #FFF;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
}

.home-feature-box:before {
    position: absolute;
    content: "";
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.8)10%, transparent);
    width: 100%;
    height: 25%;
    bottom: 0;
    left: 0;
    transition: 0.5s;
}

.home-feature-box:hover:before {
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.8)10%, #87878766);
    height: 100%;
}


.home-feature-box h3.sppb-addon-title.sppb-feature-box-title {
  margin: 0;
}

/*end of home-feature-box*/

/*home-icon-002*/

.home-icon-002 img { width: 130px; }

.home-icon-002 { padding: 5px; border-radius: 5px; box-shadow: 0px 0px 5px #00000050; }

.home-icon-002 h3 { background: linear-gradient(180deg, #db2e28, #9e0d09); padding: 10px; border-radius: 5px; border: 3px solid #9e0d09; }

.home-icon-002 h3 a { color: #fff; }

/*end of home-icon-002*/


.home-icon-003 img {
    width: 180px;
    transition: 0.5s;
  	margin-left: 20px;
}

.home-icon-003:hover img {
    opacity: 0.5;
}

.home-icon-003 h3 {
    margin-top: 20px;
}

.home-icon-003 h3 a {
    background: transparent !important;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 15px 30px;
    border-radius: 0px;
    border: 0;
    position: relative;
}

.home-icon-003 h3 a:before {content: "";position: absolute;background: #d80017;width: 100%;height: 100%;top: 0;left: 0;transform: skewX(-20deg);z-index: -1;}

.home-icon-003 h3 a:after {
    content: "";
    position: absolute;
    background: #878787;
    width: 10px;
    height: 100%;
    transform: skewX(-20deg);
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.5s;
}

.home-icon-003 h3 a:hover:after {
    width: 100%;
}

.home-icon-003:hover h3 a:after {
    width: 100%;   
}