/*** General CSS ***/

.btn,

.slider-btn a,

#sp_qc_submit {

    font-size: 18px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #fff !important;

    background-color: rgba(0,0,0,0);

    border-radius: 0;

    padding: 18px 35px 18px 35px;

    border: none;

    display: inline-block;

}

.btn:hover,

.btn.black {

    background: #0000 !important;

}



/*** Header Area ***/

/* Header Menu */

#sp-header {

    top: 0;

    height: inherit;

    width: 100%;

    border-top: 2px solid;

    z-index: 2;

    box-shadow: none;

    position: fixed;

}

#sp-header.header-sticky {

    position: fixed;

    background: #0000;

    border-top: 2px solid;

    top: 0;

  	box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);

    padding: 0;

}

body.com-content #sp-header,

body:not(.home) #sp-header {

    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);

    position: static;

    background: #00000;

    border-top: 2px solid;

}

body:not(.home) #sp-header.header-sticky {

    position: fixed;    

}

.sp-megamenu-parent > li > span,

.sp-megamenu-parent > li > a {

    width: 100%;

    position: relative;

    text-transform: uppercase;

}

.sp-megamenu-parent > li > span {

  	color: #fff;

}

.sp-megamenu-parent > li a {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

.sp-megamenu-parent > li li a:hover {

    padding-left: 7px!important;

}

.sp-megamenu-parent > li li a:before {

    content: '+';

    left: -25px;

    width: 20px;

    position: relative;

    color: #001659;

    font-size: 18px;

    font-weight: 400!important;

    line-height: inherit;

    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    opacity: 0;

}

.sp-megamenu-parent > li li a:hover:before {

    opacity: 1;

    left: -5px;

}

.sp-megamenu-parent > li.active > a {

    font-weight: 600;

}

.sp-megamenu-parent > li > span:before,

.sp-megamenu-parent > li > a:before {

    content: " ";

    display: block;

    width: 0px;

    height: 2px;

    right: 0;

    margin: 0 auto;

    left: 0;

    position: absolute;

    bottom: 13px;

    -webkit-transition: 0.4s ease-in-out;

    -moz-transition: 0.4s ease-in-out;

    -ms-transition: 0.4s ease-in-out;

    -o-transition: 0.4s ease-in-out;

    transition: 0.4s ease-in-out;

}

.sp-megamenu-parent > li:hover > a:before,

.sp-megamenu-parent > li.active > a:before,

.sp-megamenu-parent > li:hover > span:before {

    width: 50px;

}



/* Canvas Menu */

.offcanvas-menu .offcanvas-inner .menu-child > li a {

    padding: 12px 10px !important;

    border-bottom: 1px solid rgba(197, 153, 153, 0.21);

    display: inherit;

}

.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {

    font-size: 15px;

    font-weight: 500;

}

.burger-icon>span {

    background-color: #fff;

}

.offcanvas-menu > .align-items-center {

    background: #000;

}

.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {

    background-color: #fff;

}



/*** Block Styles ***/

/*** Title ***/

.title h2 {

    color: #0B1315;

    font-size: 50px;

    font-weight: 500;

    position: relative;

    padding-bottom: 30px;

    margin-bottom: 30px;

}

.title h2:before {

    position: absolute;

    content: '';

    width: 100px;

    height: 5px;

    border-top: 5px double;

    left: 0;

    bottom: 0;

}

.title.white h2 {

    color: #fff;

}

.title.center h2:before {

    right: 0;

    margin: 0 auto;

}

.title p {

    font-size: 19px;

}



/*** About Us ***/

.about-list {

    padding: 0;

    margin: 0;

    list-style-type: none;

}

.about-list li {

    line-height: 40px;

}

.about-list li strong {

    display: none;

}

.about-list li em {

    padding-right: 10px;

}



/*** Testimonial ***/

.testimonial-item strong {

    display: none;

}

.testimonial-item p {

    color: #1f2025;

    margin-top: 10px;

    font-size: 25px;

}

.testimonial-item.custom p {

    color: #1f2025;

    font-family: "Source Serif Pro";

    font-size: 19px;

}

.testimonial-img .pull-left {

    text-align: right;

}

.testimonial-img img {

    border-radius: 50%;

}



/*** Taste ***/

.taste-colum .clearfix {

    float: left;

    width: 33%;

}

.taste-img {

    padding-bottom: 30px;

}

.taste-item.title h2 {

    font-size: 30px;

    font-weight: 600;

}

.taste-item.title p {

    color: #1F2025;

    font-size: 16px;

    font-weight: 300;

    line-height: 1.8em;

}

.taste-img img {

    width: 100%;

}



/*** starters ***/

.starters-colum .clearfix {

    float: left;

    width: 48%;

    margin-right: 4%;

    margin-bottom: 30px;    

}

.starters-colum .clearfix:nth-child(2n) {

    margin-right: 0;

}

.starters-item-title {

    width: 70%;

    float: left;

}

.starters-item-price h3 {

    font-size: 23px;

    font-weight: 300;

}

.starters-item-price {

    width: 30%;

    float: left;

    text-align: right;

}



/*** Video ***/

.title-video {

    font-size: 50px;

    font-weight: 600;

    text-transform: uppercase;

}

.work {

    z-index: 2!important

}

.work .sppb-row > div:nth-child(1) {

    position: relative;

    z-index: 2;

}

.video-left .clearfix:nth-child(n+2) {

    display: inline-block;

}

.video {

    min-width: 80px;

    min-height: 80px;

    position: absolute;

    top: 42%;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

}

#video-popup-container {

    display:none;

    position: fixed;

    z-index: 996;

    width: 60%;

    left: 50%;

    margin-left: -30%;

    top: 20%;

    background-color: #fff;

}

.video a {

    font-size: 0;

    position: relative;

}

.video a:before {

    content: '';

    position: absolute;

    top: 44%;

    left: 39%;

    width: 95px;

    height: 95px;

    margin-top: -46.5px;

    margin-left: -47.5px;

    border-radius: 50%;

    z-index: 10;

    border: 5px solid #fff;

}

.video a:after {

    content: '';

    position: absolute;

    top: 50%;

    left: 57%;

    margin-top: -10.5px;

    margin-left: -7px;

    border: solid 11px transparent;

    border-left: solid 17px;

    border-left-color: #fff;

    z-index: 10;

}

#video-popup-close {

    cursor: pointer;

    position: absolute;

    right: -10px;

    top: -10px;

    z-index: 998;

    width: 25px;

    height: 25px;

    border-radius: 25px;

    text-align: center;

    font-size: 12px;

    background-color: #000;

    line-height: 25px;

    color: #fff;

    opacity: 1;

}

#video-popup-iframe-container {

    position: absolute;

    z-index: 997;

    width: 100%;

    padding-bottom: 56.25%;

    border: 2px solid #000;

    border-radius: 2px;

    background-color: #000;

}

#video-popup-iframe {

    z-index: 999;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: #000;

}

#video-popup-overlay {

    display: none;

    position: fixed;

    z-index: 995;

    top: 0;

    background-color: #000;

    opacity: 0.8;

    width: 100%;

    height: 100%;

    left: 0;

}

#video-popup-close:hover {

    color: #DE0023;

}

.btn-no-bg,

.btn-no-bg:hover {

    background: none;

    border: 0;

}



/*** Contact ***/

#sp-bottom3 em,

#sp-bottom2 em {

    padding-right: 15px;

    color: #fff !important;

}

#sp-bottom3 strong,

#sp-bottom2 strong,

.shrewd_solution_icon ul li strong {

    display: none;

}

.shrewd_solution_icon {

    margin-top: 30px;

}

.shrewd_solution_icon ul,

.shrewd_solution_icon ul li {

    display: inline-block!important;

    padding: 0px!important;

}

.shrewd_solution_icon ul li a {

    font-size: 16px;

    background: #fefefe;

    height: 43px;

    width: 43px;

    line-height: 46px;

    text-align: center;

    border-radius: 50%;

    margin: 0 2px;

    -webkit-transition: .5s;

    transition: .5s;

    box-shadow: 0 0 15px rgb(228 200 200 / 50%);

    display: inline-block;

}

.shrewd_solution_icon ul li a i {

    background: #44BAEB; 

}

#sp-footer {

    width: 100%;

    float: left;

}

.contact-test-colum .clearfix {

    float: left;

    width: 32%;

    margin-right: 1%;

    margin-bottom: 70px; 

}

.contact-test-colum .clearfix:last-child {

    width: 100%;

    margin-bottom: 0;

}

.contact-test-item h4 em,

.contact-test-item h6 em {

    padding-right: 10px;

}

.contact-test-item h4 strong,

.contact-test-item h6 strong {

    display: none;

}



/* Bottom Area */

#sp-footer, #sp-bottom {

  	text-align: center

}

#sp-bottom h3 {

    margin: 0 0 20px;

    font-size: 50px !important;

    font-weight: 400 !important;

    margin: 0 0 20px;

    line-height: 1em;

    position: relative;

    text-transform: capitalize;

}



/* Footer Copyright */





/*** Responsive Layout ***/

/* Tablet Landscape Layout */

@media (min-width: 1400px) {

    .sppb-row-container {

        max-width: 1320px;

    }

}

@media (min-width: 980px) and (max-width: 1199px) {



  

}

@media (min-width: 768px) {

  	.images-colum .clearfix {

        float: left;

        width: 20%;

    }



}

/* Tablet Portrait Layout */

@media (min-width: 768px) and (max-width: 979px) {



  

}



/* Mobile Standard Layout */

@media (max-width: 768px) {



  

}



/* Mobile Small Resolution */

@media (max-width: 480px) {



  

}



/*** Color Variables ***/

/* Get Variables */

:root {

    --background-color: currentColor;

    --background: currentColor;

    --text-color: currentColor;

}



/* General */

.btn, .btn.black:hover, .taste-img, .sp-megamenu-parent > li > span:before,

.sp-megamenu-parent > li > a:before {

  	background: var(--background-color)!important;

}  

#sp-bottom1 ul:hover .text, 

#sp-bottom1 ul:hover .icon em,

.title-video, 

.abilities-item i, 

.abilities-item h3, 

.title h3, 

.testimonial-item em, 

.contact-test-item h6, 

.contact-test-item h4, 

.services-item i, 

.services-item h3 {

    color: var(--text-color)!important;

}

.title h2:before {

  	border-color: var(--text-color)!important;

}