@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('fonts/MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: bold;
    src: local('Myriad Pro Semibold'), url('fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: 700;
    src: local('Myriad Pro Semibold'), url('fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: bold;
    src: local('Myriad Pro Bold'), url('fonts/MYRIADPRO-BOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    src: local('Myriad Pro Bold'), url('fonts/MYRIADPRO-BOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: 400;
    src: local('Myriad Pro Light'), url('fonts/MyriadPro-Light.woff') format('woff');
}

html { 
    margin-top: 0 !important; 
}

body {
    overflow-x: hidden;
    font-family: 'Myriad Pro Regular';
}

.topfixed {

    position: relative;
    top: 0;
    z-index: 999;
    width: 100%;
    left: 0;
    background: #fff;
    box-shadow: 0 0 15px #00000017;
    padding-bottom: 1px;
}

.fs-2 {
    font-size: 2rem;
}

a:hover {
    text-decoration: none !important;
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: none;
}

.splash_title {
    font: normal normal normal 57px/59px 'Myriad Pro Regular';
    letter-spacing: -0.57px;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: 15px;
}

.splash_intro {
    text-align: center;
    font: normal normal 400 19px/25px 'Myriad Pro Light';
    letter-spacing: -0.19px;
    color: #FFFFFF;
    opacity: 1;
    width: 70%;
    margin: auto;
}

.splash-buttons a:first-child {
    background: #575756 0% 0% no-repeat padding-box;
    background: #575756 0% 0% no-repeat padding-box;
    border-radius: 24px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 18px/24px 'Myriad Pro Regular';
    letter-spacing: -0.18px;
    color: #FFFFFF;
    opacity: 1;
    padding: 15px 49px;
    text-decoration: none;
    margin-right: 20px;
}

.slick-dots {
    position: relative;
    margin-bottom: 72px;
}

.splash-buttons a:last-child {
    background: #fff 0% 0% no-repeat padding-box;
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 24px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 18px/24px 'Myriad Pro Regular';
    letter-spacing: -0.18px;
    color: #575756;
    opacity: 1;
    padding: 15px 49px;
    text-decoration: none;
}

.splash-buttons {
    left: 10%;
    right: 10%;
    text-align: center;
}

.splash-buttons a {
    margin: 0;
}

.splash-buttons a:hover {
    color: #FFFFFF;
    background: #EC6C27 0% 0% no-repeat padding-box;

}

nav .menu li a {
    font: normal normal normal 17px/20px 'Myriad Pro Regular';
    letter-spacing: -0.15px;
    color: #B1B1B1;
    opacity: 1;
    padding: 34px 16px;
    display: block;
}

.menu {
    margin: 0;
}

.slider-home {
    padding: 0;
}

.single-slide__header div {
    padding: 0 30px;
    min-height: 0;
}

.single-slide__header div.d-flex {
    padding: 0 30px;
}

.single-slide__header .title {
    font: normal normal bold 54px/56px 'Myriad Pro Bold';
    letter-spacing: -0.54px;
    color: #FFFFFF;
    opacity: 1;
}@media only screen and (max-width: 768px){    .single-slide__header .title {        color: #3c4646;    }}

.tabs-menu__homefirst {
    margin-top: 0 !important;
}

.single-slide__header p {
    font: normal normal 400 22px/30px 'Myriad Pro Light';
    letter-spacing: -0.22px;
    color: #FFFFFF;
    opacity: 1;
    width: 40%;
}

.single-slide__header div a {
    background: transparent linear-gradient(90deg, #ED7425 0%, #EA5D2B 90%, #EA5D2B 100%) 0% 0% no-repeat padding-box;
    border-radius: 24px;
    opacity: 1;
    font: normal normal normal 21px/28px Myriad Pro Regular;
    letter-spacing: -0.21px;
    color: #FFFFFF;
    padding: 13px 20px;
}

.tabs-menu li a {
    font: normal normal normal 31px/56px Myriad Pro Bold;
    letter-spacing: -0.31px;
    color: #D1D1D1;
    font-weight: 700;
    font-size: 29px !important;
}

.page-template-homepro-page .tabs-menu li a,
.page-template-home-page .tabs-menu li a {
    font-size: 26px !important; 
}

.tabs-menu li a.active {
    font: normal normal normal 31px/56px Myriad Pro Bold;
    letter-spacing: -0.31px;
    color: #575756;
    font-weight: 700;
    padding-bottom: 12px;
}

.single-triple__slide__desc {
    padding: 45px 52px;
}

.single-triple__slide__desc .title {
    font: normal normal normal 36px/38px Myriad Pro Bold;
    letter-spacing: -0.36px;
    color: #575756;
    font-weight: 700;
}

.single-triple__slide__desc p {
    font: normal normal 400 18px/24px Myriad Pro Light;
    letter-spacing: -0.18px;
    color: #575756;
    margin: 0;
    font-size: 15px;
}


.container__home .single-slide__whyfireangel{
    max-width: 550px;
    margin: 0px ;
}

/*.container__home .single-slide__whyfireangel,
.container__home .grid-table__img .left-grid,
.container__home .grid-table__img .single-grid-box,
.container__home .three-steps .casestudy__box
 {
    margin-left: 0 !important;
}*/

.title-section__range {
    margin-top: 69px;
    margin-bottom: 20px;
    color: #575756;
}

.corner-text {
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    color: #fff;
    background-color: #b9b3b3;
    padding: 10px;
    background: #D1D1D1 0% 0% no-repeat padding-box;
    border-radius: 3px;
    font: normal normal normal 22px/29px Myriad Pro Bold;
    letter-spacing: -0.22px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 21px;
}

.range__img__border {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.single-grid-box {
    border-radius: 6px;
    overflow: hidden;
}

.section_product_range__desc {
    padding: 24px 35px;
}

.section_product_range__desc h2 {
    font: normal normal normal 36px/38px Myriad Pro Regular;
    letter-spacing: -0.36px;
    color: #575756;
}

.section_product_range__desc p {
    margin: 0;
    font: normal normal 400 18px/24px Myriad Pro Light;
    letter-spacing: -0.18px;
    color: #575756;
    font-size: 15px;
    width: 80%;
}

.left-grid {

    border-radius: 6px;
    overflow: hidden;
}

.casestudy__box__title {
    font: normal normal bold 26px/37px Myriad Pro Bold;
    letter-spacing: -0.33px;
    color: #575756;
    margin-bottom: 30px;
}

.casestudy__box__desc {
    font: normal normal 400 20px/30px Myriad Pro Light;
    letter-spacing: -0.2px;
    color: #9D9D9C;
    margin-bottom: 30px;
}

.casestudy__box__author {
    font: normal normal normal 20px/27px Myriad Pro Bold;
    letter-spacing: -0.2px;
    color: #9D9D9C;
    font-weight: 700;
}

.casestudy__box__date {

    font: normal normal normal 20px/27px Myriad Pro Regular;
    letter-spacing: -0.2px;
    color: #9D9D9C;
}

.casestudy__box {
    padding: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 10px 12px 13px #00000014;
    border: 1px solid #9D9D9C;
    border-radius: 22px;
}

.casestudy__content {
    padding: 35px 30px;
}

.casestudy__box__reply {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #575756;
    font-size: 22px;
    transform: rotate(-180deg);
    z-index: 9999;
}

.casestudy__box img {
    border-radius: 10px;
}

.casestudy__box {
    position: relative;
}

.meet_the_team_home,
.partnerships_home, 
.casestudy__list {
    width: calc(100% + 30px);
    margin-left: -15px; 
    overflow: hidden; 
}

.meet_the_team_home .casestudy__box,
.partnerships_home .casestudy__box, 
.casestudy__list .casestudy__box{
    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% + 30px) !important;
}

.meet_the_team_home .slick-list,
.partnerships_home .slick-list,
.casestudy__list .slick-list{
    overflow: visible;
}






.i-gallery--arrow {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border: 0.5px solid #E9E9E9;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px
}

.i-gallery--arrow.slick-prev {

    width: 39px;
    height: 39px;
}

.i-gallery--arrow:hover {

    color: #575756;
    background: #f3f2f2 0% 0% no-repeat padding-box;
}

.i-gallery--buttons {
    display: flex;
    position: absolute;
    bottom: -42px;
    right: 40px;
}

.tab-content>.tab-pane {
    position: relative;
}

.slick-prev,
.slick-next {
    color: #9D9D9C;
    font-size: 20px;
    position: relative;
    top: 0;
    left: 0;
}

.slick-prev:before,
.slick-next:before {
    content: "";
}

.about-triple-circle .slick-slide {
    cursor: default;
}

.splash-intro {
    background-size: cover;
}

.ch__subtitle {
    font-size: 25px;
    color: #EA5B0C;
    margin-bottom: 20px;
    font-weight: 700;
}

.ch__title {
    font-size: 38px;
    color: #606060;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: 'Myriad Pro Bold';
    margin-top: 8px;
}

.ch__main {
    background: #F5F5F5;
}

.sb__title {
    font: normal normal bold 57px/55px Myriad Pro Bold;
    letter-spacing: -0.52px;
    color: #575756;
    display: flex;
    align-items: center;
}

.sb__title.sb__image {
    padding-left: 70px;
}

.sb__title.sb__image::before {
    content: '';
    width: 70px;
    height: 88px;
    display: inline;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
}

.sb__title.complete::before {
    background-image: url('/wp-content/themes/fireangel/images/protection.png');
}

.sb__title.mobile::before {
    background-image: url('/wp-content/themes/fireangel/images/mobile.png');
}

.sb__title.instant::before {
    background-image: url('/wp-content/themes/fireangel/images/instant.png');
}

.sb__title.reduces::before {
    background-image: url('/wp-content/themes/fireangel/images/reduces.png');
}

.sb__title.firerisk::before {
    background-image: url('/wp-content/themes/fireangel/images/firerisk.png');
}

.sb__desc {
    font: normal normal normal 20px/47px Myriad Pro Regular;
    letter-spacing: -0.18px;
    color: #575756;
    text-align: left;
    line-height: 1 !important;
    padding-top: 2px;
}

.sb__image + .sb__desc {
    padding-left: 70px;
    text-align: initial;
}

.sb__box {
    position: relative;
    text-align: center;
}

.btn-orange {
    color: #fff;
    font-size: 15px;
    padding: 6px 30px 4px;
    text-align: center;
    font-weight: 700;
    background: rgb(255, 113, 0);
    background: linear-gradient(310deg, rgba(255, 113, 0, 1) 0%, rgba(242, 136, 18, 1) 35%, rgba(255, 151, 69, 1) 100%);


    background: transparent linear-gradient(90deg, #ED7425 0%, #EA5D2B 90%, #EA5D2B 100%) 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 1;
    font: normal normal normal 15px/28px Myriad Pro Regular;
    letter-spacing: -0.21px;
    color: #FFFFFF !important;
}

.btn-white-empty {
    color: #fff;
    padding: 6px 20px;
    text-align: center;
    font-weight: 700;
    border: 1px solid #FFFFFF;
    border-radius: 14px;
    opacity: 1;
    font: normal normal normal 21px/28px Myriad Pro Regular;
    letter-spacing: -0.21px;
    color: #FFFFFF !important;
    font-size: 15px;
}

.sb__content {
    min-height: 97vh;
    display: flex;
    align-items: center;
}

.first-slider {
    padding: 250px 0 50px;
}

.sf__subtitle {
    font-size: 25px;
    color: #EA5B0C;
    margin-bottom: 20px;
}

.sf__title {
    font: normal normal normal 60px/62px Myriad Pro Bold;
    letter-spacing: -0.6px;
    color: #575756;
    margin-bottom: 20px;
    font-weight: 700;
}

.sb__content .row {
    flex-basis: 100%;
}

.sf__description {
    font-size: 34px;
    color: #72777D;
    line-height: 45px;
    font-family: 'Myriad Pro Light';
    font-weight: 400;
}

.first-slider .slick-dots {
    left: 0;
    bottom: 27px;
    text-align: left;
}

.first-slider .slick-dots li button {

    width: 50px;
    height: 4px;
    margin-right: 5px;
}

.first-slider .slick-dots li {

    width: 50px;
}

.middle-slider {
    min-height: 80vh;
    background-size: cover;
    background-position: center;
}

.mb__subtitle {
    margin-bottom: 30px;
    color: #EA5B0C;
    font-size: 21px;
}

.mb__title {
    font: normal normal bold 52px/54px Myriad Pro Bold;
    letter-spacing: -0.52px;
    color: #72777D;
    margin-bottom: 30px;
}

.mb__description {
    color: #72777D;
    font-size: 30px;
    margin-bottom: 30px;
    font-family: 'Myriad Pro Light';
    font-weight: 400;
}

.rft__title {
    font: normal normal normal 25px/33px Myriad Pro Bold;
    letter-spacing: -0.25px;
    color: #72777D;
    margin-bottom: 15px;
    font-weight: 700;
}

.rft__desc {
    font: normal normal 400 13px/17px Myriad Pro Light;
    letter-spacing: -0.12px;
    color: #72777D;
}

.middle-slider {
    padding: 100px 0;
    min-height: 100vh;
    background-size: contain;
    background-position: center;
    position: relative;
}

.slick-dots li button {
    padding: 2px;
}

.left-grid h3,
.left-grid p {
    background: none;
}

.left-grid h3 {
    font-weight: 700;
    font-family: 'Myriad Pro Bold';
}

.rft__scrolldown {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 40px;
    color: #72777D;
}

.middle-slider__pro .mb__title,
.middle-slider__pro .mb__description,
.middle-slider__pro .rft__title,
.middle-slider__pro .rft__desc {
    color: #575756;
}

.nb__content h3 {
    font: normal normal bold 27px/32px Myriad Pro Bold;
    letter-spacing: -0.27px;
    color: #575756;
    margin-bottom: 20px;
    font-weight: 700;
}

.nb__content p {
    font: normal normal 400 20px/26px Myriad Pro Light;
    letter-spacing: -0.2px;
    color: #575756;
    font-weight: 400;
}

.nb__content__title {
    font: normal normal normal 50px/62px Myriad Pro Bold;
    letter-spacing: -0.6px;
    color: #575756;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 700;
}

.sss__box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 12px 13px #00000014;
    border-radius: 22px;
    padding: 70px 58px;
    min-height: 508px;
}

.sss__subtitle {
    font: normal normal normal 20px/37px Myriad Pro Bold;
    letter-spacing: -0.21px;
    color: #EA5B0C;
    font-weight: 700;
    text-align: center;
    margin: 0;
}

.sss__title {
    text-align: center;
    font: normal normal normal 25px/39px Myriad Pro Regular;
    letter-spacing: -0.35px;
    color: #575756;
}

.sss__box img {
    margin: auto;
    border-radius: 50%;
    /* width: 190px;
    height: 190px; */
    margin-bottom: 20px;
}

.bb__subtitle {
    font: normal normal normal 25px/28px Myriad Pro Regular;
    letter-spacing: -0.25px;
    color: #949899;
}

.bb__description {
    font: normal normal 400 28px/45px Myriad Pro Light;
    letter-spacing: -0.34px;
    color: #72777D;
}

.bb__subtitle {
    font: normal normal normal 25px/28px Myriad Pro Regular;
    letter-spacing: -0.25px;
    color: #949899;
    margin-bottom: 30px;
}

.box-banner {
    padding: 150px 0;
}

.bb__content {
    padding: 40px;
    border-radius: 22px;
    opacity: 1;
    background: #fff;
    margin-left: 0px;

    border: 0.5px solid #E9E9E9;
    border-radius: 22px;
    box-shadow: 1px 12px 13px #00000014;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.secondsectiongrey {
    background: #F5F5F5;
    padding: 60px 0;
}

body.single-product .secondsectiongrey {
    padding: 30px 0;
}

body.single-product .secondsectiongrey__singleproduct {
    min-height: calc(100vh - 70px);
}

.secondsectiongrey.skew {
    background: linear-gradient(
        4deg,#f5f5f5 90%,#f5f5f5 20%,#f5f5f5 80%,transparent 80%);

}

.secondsectiongrey.skew-straight {
    background: linear-gradient(
        0deg,#f5f5f5 92%,#f5f5f5 20%,#f5f5f5 80%,transparent 80%);

}

.box-banner .row .col-md-6:first-child {
    padding-right: 0;
}

.box-banner .row .col-md-6:last-child {
    padding-left: 0;
}

.blog__singlepost__content__safety {
    padding-bottom: 50px;
}

.box-banner .row .col-md-6:first-child img {

    border: 0.5px solid #E9E9E9;
    border-radius: 22px;
    box-shadow: 1px 12px 13px #00000014;
}

.bb__description {
    margin-bottom: 0;
}

.ssss__subtitle {
    text-align: center;
    font: normal normal normal 21px/37px Myriad Pro Bold;
    letter-spacing: -0.21px;
    color: #575756;
    margin: 0;
    font-weight: 700;
    position: relative;
    z-index: 2;
}

.ssss__title {
    text-align: center;
    font: normal normal normal 35px/39px Myriad Pro Regular;
    letter-spacing: -0.35px;
    color: #575756;
    position: relative;
    z-index: 2;
}

.ssss__link {
    text-align: center;
    font: normal normal normal 18px/24px Myriad Pro Regular;
    letter-spacing: -0.18px;
    color: #EA5B0C;
    position: relative;
    z-index: 2;
}

.ssss__box {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    box-shadow: 1px 12px 13px #00000014;
    border: 0.5px solid #E9E9E9;
    border-radius: 22px;
    padding: 140px 0px;
    overflow: hidden;
    position: relative;
}

.ssss__link {
    font: normal normal normal 18px/24px Myriad Pro Regular;
    letter-spacing: -0.18px;
    color: #EA5B0C !important;
    text-align: center;
    display: block;
    position: relative;
    z-index: 2;
}

.ssss__box img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 22px;
}

.section-swipe-slider-second {
    padding: 50px 0 30px;
}

.section-swipe-slider {
    margin-top: 100px;
}

.connectedhomepage {
    padding-bottom: 100px;
}

.tabs-menu {
    margin-left: 0;
    border: none
}

.slick-dots li {
    width: 40px;
}

.shop__title {
    font-size: 38px;
    color: #606060;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: 'Myriad Pro Bold';
}

.shop__subtitle {
    font-size: 22px;
    color: #AAAAAA;
    margin-bottom: 40px;
}

.lsb__box {
    box-shadow: 1px 12px 13px #00000014;
    border-radius: 22px;
    overflow: hidden;
}

.lsb__title {
    font: normal normal normal 25px/28px Myriad Pro Bold;
    letter-spacing: -0.25px;
    color: #606060;
    font-weight: 700;
}

.lsb__subtitle {
    font: normal normal normal 18px/28px Myriad Pro Regular;
    letter-spacing: -0.18px;
    color: #606060;
    margin-bottom: 0;
    ;
}

.lsb__footer {
    padding: 50px 30px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}

.rsb__box {
    box-shadow: 1px 12px 13px #00000014;
    border-radius: 22px;
    padding: 17px 38px;
    position: relative;
    overflow: hidden;
}

.rsb__box img {
    border-radius: 10px;
}

.lsb__box__imgcont {
    position: relative;
}

.lsb__box__featured {
    position: absolute;
    bottom: 0;
    left: 0;
    background: transparent linear-gradient(90deg, #ED7425 0%, #EA5D2B 90%, #EA5D2B 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 3px 3px 0px;
    padding: 5px 10px;
    font-weight: 700;
    color: #fff;
    font-family: 'Myriad Pro Bold';
}

.rsb__box__title {
    font: normal normal normal 19px/21px Myriad Pro Bold;
    letter-spacing: -0.19px;
    color: #606060;
    font-weight: 700;
    margin-top: 16px;
    min-height: 42px;
}

.rsb__box__subtitle {
    font: normal normal normal 14px/21px Myriad Pro Regular;
    letter-spacing: -0.14px;
    color: #606060;
}

.rsb__box .overlay {
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
    height: 0;
    width: 0;
    visibility: hidden;
    border-radius: 22px;
}

.rsb__box:hover .overlay {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: rgb(96 96 96 / 81%);
    opacity: 1 !important;
    visibility: visible;
    transition: opacity 0.5s ease-in-out;
}

.sbs__subtitle {
    font: normal normal normal 22px/26px Myriad Pro Bold;
    letter-spacing: -0.22px;
    color: #606060;
    font-weight: 700;
    margin-bottom: 5px;
}

.sbs__title {
    font: normal normal normal 38px/46px Myriad Pro Bold;
    letter-spacing: -0.38px;
    color: #606060;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 700;
}

.sbs__extra {
    font: normal normal normal 24px/26px Myriad Pro Light;
    letter-spacing: -0.18px;
    color: #575756;
    margin-bottom: 25px;
}

.sbs__description {
    font: normal normal normal 18px/24px Myriad Pro Light;
    letter-spacing: -0.18px;
    color: #575756;
    margin-bottom: 50px;
}

.sbs__b__title {
    font: normal normal normal 17px/24px Myriad Pro Regular;
    letter-spacing: -0.17px;
    color: #575756;
    margin: 10px 0;
}

.sbs__b__desc {
    font: normal normal normal 15px/21px Myriad Pro Regular;
    letter-spacing: -0.15px;
    color: #AAAAAA;
}

.sp__navs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.sbb__subtitle {
    font-size: 25px;
    margin-bottom: 15px;
}

.dyno__color,
.dyno__color a:hover {
    color: #F29100;
}

.dyno__color.rauch,
.dyno__color.rauch a:hover,
.dyno__color.multiple_type,
.dyno__color.multiple_type a:hover {
    color: #E40521;
}

.dyno__color.co,
.dyno__color.co a:hover {
    color: #76B82A;
}

.dyno__color.rauchco,
.dyno__color.rauchco a:hover {
    color: #0093C8;
}

.dyno__color.zubehoer,
.dyno__color.zubehoer a:hover {
    color: #C6C6C6;
}

.sbb__title {
    color: #606060;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Myriad Pro Bold';
}

.sbb__description {
    color: #AAAAAA;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Myriad Pro Light';
}

.single-box {
    padding: 50px 60px;
    border-radius: 22px;
    border: 0.5px solid transparent;
}

.single-box__title {
    font: normal normal normal 21px/26px Myriad Pro Bold;
    letter-spacing: -0.21px;
    color: #575756;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

.single-box__description {
    font: normal normal normal 14px/23px Myriad Pro Regular;
    letter-spacing: -0.14px;
    color: #AAAAAA;
}

.single-box:hover,
.single-box.active {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    box-shadow: 1px 12px 13px #00000014;
    border: 0.5px solid #E9E9E9;
}

.section_banner {
    box-shadow: 1px 12px 13px #00000014;
    border-radius: 22px;
    padding: 44px 53px;
    margin: 50px 0;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    box-shadow: 1px 12px 13px #00000014;
    border: 0.5px solid #E9E9E9;
}

.sbsp__subtitle {
    color: #575756;
    font-size: 21px;
    margin: 0;
}

.sbsp__title {
    color: #575756;
    font-size: 33px;
    font-weight: 700;
    font-family: 'Myriad Pro Bold';
}

.sbsp__link.btn-orange {
    font-size: 17px;
    padding: 6px 20px;
    font-weight: 100;
}

.sbsp__description {
    color: #575756;
    font-size: 19px;
    line-height: 28px;
    font-weight: 400;
    font-family: 'Myriad Pro Light';
}

.section_product_range img {
    width: 100%;
}

.right-bottom--left-grid {
    margin-right: 10px;
    width: 40%;
}

.right-bottom-right-grid {
    width: 60%;
}

.section_product_range .corner-text {
    background: transparent linear-gradient(90deg, #ED7325 0%, #EA5D2B 100%) 0% 0% no-repeat padding-box;
    border-radius: 3px;
    font: normal normal normal 22px/29px Myriad Pro Regular;
    letter-spacing: -0.22px;
    color: #FFFFFF;
    border: none;
}

.section_product_range_title-section {
    font-size: 31px;
    color: #575756;
    font-weight: 700;
    margin-bottom: 40px;
    font-family: 'Myriad Pro Bold';
}

.tabs-menu li a.active {
    background-color: transparent;
}

.section_product_range .section_product_range__desc {
    padding: 19px 52px !important;
    padding-left: 30px !important;
}

.footer {
    background: #BABABA 0% 0% no-repeat padding-box;
    border: 0.5px solid #E9E9E9;
    padding: 50px 0;
    color: #fff;
}

.footer a {
    color: #fff;
    font-weight: 400;
    font-family: 'Myriad Pro Light';
}

.footer__title {
    font: normal normal normal 18px/35px Myriad Pro Bold;
    letter-spacing: -0.18px;
    color: #FFFFFF;
    font-weight: 700;
}

.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 28px;
}

.footer__desc {
    font: normal normal 400 14px/20px Myriad Pro Light;
    letter-spacing: -0.14px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.footer__sub {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    box-shadow: 1px 12px 13px #00000014;
    border-radius: 22px;
    font: normal normal 400 15px/19px Myriad Pro Light;
    letter-spacing: -0.15px;
    font-size: 15px;
    color: #9D9D9C;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__btn .btn {
    padding: 6px 20px;
    font-size: 15px;
    display: inline-block;
}

.footer__btn {
    flex-basis: 59%;
    text-align: right;
}

.footer__text {
    padding: 0 10px;
}

.footer__social {
    justify-content: flex-end;
    display: flex;
    margin-top: 18px !important;
}

.footer__social a {
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.footer__borderbottom {
    padding-bottom: 30px;
    border-bottom: 1px solid #FFFFFF;
}

.footer__copyrightlist a {
    font: normal normal normal 14px/24px Myriad Pro Bold;
    letter-spacing: -0.14px;
    color: #FFFFFF;
    font-weight: 700;
}

.footer__bottom {
    padding-top: 30px;
    font-weight: 500;
    font-size: 15px;
}

.tabs-menu li {
    margin-right: 45px;
    margin-bottom: 15px;
}

.why-fireangel {
    margin-right: -15px;
}

.why-fireangel .slick-list,
.section-swipe-slider .slick-list,
.section-swipe-slider-second .slick-list {
    padding: 0 20% 0 0 !important;
}

.tab-content__right {
    margin-left: 20% !important;
}

/* .navbar {
    margin-left: 8%!important;
} */
.single-slide__whyfireangel img {
    width: 100%;
}

.left-grid img {
    width: 100%;
}

.right-bottom-grid{
    margin-top: 10px;
}

.right-bottom-grid img,
.right-top-grid img {
    width: 100%;
    height: 100%;
}

.three-steps {
    padding: 50px 0;
}

.casestudy__box img {
    width: 100%;
}

.change__profile {
    font: normal normal normal 17px/20px Myriad Pro Regular;
    letter-spacing: -0.15px;
    color: #AAAAAA !important;
}

.change__profile.active {
    font-weight: 700;
    color: #EC6C27 !important;
    font-family: 'Myriad Pro Bold';
    border-bottom: 2px solid #EC6C27 !important;
}

.search {
    color: #AAAAAA;
}

.custom-logo {
    width: 209px;
}

nav .menu {
    justify-content: space-evenly;
}

.navbar-text a {

    padding: 34px 16px;
}

.bg-light {
    background-color: #ffffff !important;
    padding: 0;
}

.nopadding {
    padding: 0;
}

.faq-link {
    font-weight: 700;
    font-family: 'Myriad Pro Bold';
    text-align: center;
    font-size: 20px;
    margin-top: 20px;

}

.faq-link a {

    color: #6E6E6E;
}

.single-product-slider {
    padding: 0 0 0;
}

.post,
.page {
    margin: 0;
}

.single-box2 {
    padding: 50px 60px;
    border-radius: 22px;
    border: 0.5px solid transparent;
}

.single-box {
    text-align: center;
}

.single-box img {
    margin: auto;
}

.nav-tabs__prod.tabs-menu li a {
    font-size: 16px !important;
    font-weight: 500;
}

.nav-tabs__prod.tabs-menu {
    margin-top: 0;
}

.contact__title {
    color: #575756;
    font-weight: 700;
    font-size: 38px;
    margin-top: 0;
    margin-bottom: 40px;
    font-family: 'Myriad Pro Bold';
}

.contact {
    padding: 100px 0 0
}

.contact__box__title {
    color: #B1B1B1;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Myriad Pro Bold';
    margin-bottom: 16px;
}

.contact__box__subtitle {
    font: normal normal 400 18px/24px Myriad Pro Light;
    letter-spacing: -0.18px;
    color: #B1B1B1;
}

header.second {

    background-color: #f8f8f8 !important
}

.tab-content>.tab-pane:not(.active),
.pill-content>.pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}

.navtabs__contact {
    background: #F8F8F8;
    box-shadow: 1px 12px 13px #00000014;
    border-radius: 22px;
    padding: 30px;
    margin: 50px 0;
}


.navtabs__contact .nav-tabs {
    margin: 0;
}

.navtabs__contact .nav-tabs .nav-item {
    flex-basis: 50%;
    text-align: center;
}

.navtabs__contact .nav-tabs .nav-item h5, .navtabs__contact .nav-tabs .nav-item h2 {
    font-size: 31px;
    color: #EA5B1D;
    font-weight: 700;
    font-family: 'Myriad Pro Bold';
    margin-bottom: 15px;
}

.navtabs__contact .nav-tabs .nav-item p {
    color: #B1B1B1;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Myriad Pro Light';
}

.navtabs__contact .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

    border-color: #fff;
}

.navtabs__contact .tab-content {
    background: #fff;
    padding: 30px;
}

.navtabs__contact .nav-tabs {
    border-bottom: none;
}

.tab-content .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #DADADA;
}

label {
    width: 100%;
}

.singuppage .btn-orange-form {
    width: 31%;
}

.singuppage .sup__title_tab {
    color: #575756 !important;
    margin-top: 25px;
}

.tab-content label {
    font: normal normal normal 14px/17px Myriad Pro Bold;
    letter-spacing: -0.13px;
    color: #575756;
    margin-bottom: 30px;
    font-weight: 700;
    font-family: 'Myriad Pro Bold';
}

::-webkit-input-placeholder {
    /* Edge */
    color: #E9E9E9;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #E9E9E9;
}

::placeholder {
    color: #E9E9E9;
}

.navtabs__contact__rules {
    font-size: 14px;
    color: #575756;
    text-align: right;
    font-family: 'Myriad Pro Light';
    font-weight: 400;
}

.navtabs__contact__rules a {
    color: #EA5D2B;
}

.btn-orange-form {
    background: transparent linear-gradient(90deg, #ED7425 0%, #EA5D2B 90%) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font: normal normal normal 18px/21px Myriad Pro Bold;
    letter-spacing: -0.18px;
    color: #FFFFFF;
    padding: 15px 25px;
    font-weight: 700;
    font-family: 'Myriad Pro Bold';
    width: 49%;
    height: 59px;
}

.btn-silver-form {

    background: #B1B1B1 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font: normal normal normal 18px/21px Myriad Pro Bold !important;
    letter-spacing: -0.18px !important;
    color: #FFFFFF;
    padding: 15px 25px;
    font-weight: 700 !important;
    width: 49%;
    height: 59px;
}

.custom-file-upload input[type="file"] {
    display: none;
}

.custom-file-upload {
    display: inline-block;
    color: #FFFFFF !important;
}

.custom-file-upload {
    margin: 0 !important;
}

.hero {
    padding: 150px 0;
    background: #F5F5F5;
    display: flex;
    align-items: center;
    min-height: calc(100vh - 112px);
}

.hero__title {
    color: #575756;
    font-size: 42px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.hero__description {
    color: #72777D;
    font-size: 34px;
    line-height: 45px;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: 'Myriad Pro Light';
}

.ap__bm__subtitle {
    font: normal normal normal 25px/28px Myriad Pro Regular;
    letter-spacing: -0.25px;
    color: #EA5B0C;
    margin-bottom: 20px;
}

.ap__bm__title {
    font: normal normal normal 60px/62px Myriad Pro Bold;
    letter-spacing: -0.6px;
    color: #575756;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    margin-bottom: 30px;
}

.ap__bm__description {
    font: normal normal 400 34px/45px Myriad Pro Light;
    letter-spacing: -0.34px;
    color: #72777D;
}

.ap__bm {
    padding: 100px 0;
    background: #F5F5F5;
}

.community_and_team {
    padding: 50px 0;
    background: #F8F8F8;
}

.community_and_team__box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 12px 13px #00000014;
    border-radius: 22px;
    overflow: hidden;
    max-height: 219px;
}

.community_and_team__content {
    padding: 49px 50px;
    text-align: center;
}

.community_and_team__title {
    font: normal normal normal 20px/23px Myriad Pro Bold;
    letter-spacing: -0.2px;
    color: #606060;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
}

.community_and_team__subtitle {
    font: normal normal normal 14px/23px Myriad Pro Regular;
    letter-spacing: -0.14px;
    color: #606060;
    margin-bottom: 15px;
}

.community_and_team__box__meet {
    padding: 22px;
}

.slider-team {
    padding: 12px 30px;
    background: #F5F5F5;
    text-align: center;
}

.slider-team__full_name {
    font: normal normal normal 14px/23px Myriad Pro Regular;
    letter-spacing: -0.14px;
    color: #606060;
    margin: 0
}

.slider-team__workplace {
    font: normal normal normal 12px/23px Myriad Pro Bold;
    letter-spacing: -0.12px;
    color: #606060;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
}

.slider-team img {
    margin: auto;
    margin-bottom: 20px;
}

.slider-team__title_icon {
    text-align: center;
    font: normal normal normal 20px/23px Myriad Pro Bold;
    letter-spacing: -0.2px;
    color: #606060;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    width: 140px;
    margin-top: 20px;
    margin: auto;
}

.community_and_team__box__meet img {
    margin: auto;
}

.community_and_team__box__meet .i-gallery--arrow {
    width: 39px;
    height: 39px;

}

.community_and_team__box__meet .i-gallery--buttons {
    display: flex;
    position: absolute;
    top: 65%;
    right: 0;
    width: 100%;
    transform: translateY(-50%);
    bottom: 0;
}

.community_and_team__box__meet__box {
    position: relative;
}

.community_and_team__box__meet .i-gallery--arrow.slick-prev {
    position: absolute;
    left: 25px;
}

.community_and_team__box__meet .i-gallery--arrow.slick-next {
    left: auto;
    right: 25px;
    position: absolute;
}

.slider-embrace__main {
    padding: 50px 0;
    background: #F8F8F8;
}

.slider-embrace__title {
    text-align: center;
    font: normal normal 700 21px/26px Myriad Pro Bold !important;
    letter-spacing: -0.21px;
    color: #575756;
    margin-bottom: 20px;
}

.container__slider-main .sss__box,
.ssss__box,
.single-grid-box img,
.section_product_range .left-grid {

    border: 2px solid transparent;
}

.container__slider-main .sss__box:hover,
.ssss__box:hover,
.single-grid-box:hover img,
.section_product_range .left-grid:hover {

    border: 2px solid #ED7425;
}

.section_product_range .left-grid {

    border-radius: 20px;
}

.section_product_range .left-grid:hover h3 {
    color: rgba(255, 111, 27, 0.863);
}

.ssss__box img {
    opacity: 25%;
    transition: 0.5s ease all;
}

.ssss__box:hover img {
    opacity: 100%;
    transition: 0.5s ease all;
}

.slider-embrace__description {
    text-align: center;
    font: normal normal normal 14px/23px Myriad Pro Regular;
    letter-spacing: -0.14px;
    color: #AAAAAA;
}

.slider-embrace__img img {
    /* width: 110px;
    height: 110px; */
    margin: auto;
    border-radius: 50%;
}

.slider-embrace__description {
    text-align: center;
    font: normal normal 400 14px/23px Myriad Pro Light;
    letter-spacing: -0.14px;
    color: #AAAAAA;
}

.slider-embrace__main {
    position: relative;
}

.slider-embrace__main .i-gallery--arrow {
    width: 39px;
    height: 39px;

}

.slider-embrace__main .i-gallery--buttons {
    display: flex;
    position: absolute;
    top: 65%;
    right: 0;
    width: 100%;
    transform: translateY(-50%);
    bottom: 0;
}

.community_and_team__box__meet__box {
    position: relative;
}

.slider-embrace__main .i-gallery--arrow.slick-prev {
    position: absolute;
    left: 25px;
}

.slider-embrace__main .i-gallery--arrow.slick-next {
    left: auto;
    right: 25px;
    position: absolute;
}

.bs__menu {
    margin: 0;
    margin-bottom: 40px;
}

.bs__menu a {
    font: normal normal normal 18px/30px Myriad Pro Regular;
    letter-spacing: -0.16px;
    color: #AAAAAA;
    margin: 0 10px;
    border-bottom: 2px solid transparent;
    padding-bottom: 10px;
}

.bs__menu .active a {
    font: normal normal normal 18px/30px Myriad Pro Regular;
    letter-spacing: -0.16px;
    color: #606060;
    border-bottom: 2px solid #EA5D2B;
}

.kh__page {
    padding: 70px 0;
}

.khc__sidebar {
    box-shadow: 1px 12px 13px #00000014;
    border-radius: 22px;
    padding: 37px 33px;
}

.khc__sidebar h3 {
    color: #575756;
    font-size: 26px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    margin-bottom: 15px;
}

.khc__sidebar a {
    font: normal normal normal 18px/25px Myriad Pro Regular;
    letter-spacing: -0.16px;
    color: #9D9D9C;
}

.khc__sidebar li {
    margin-bottom: 15px;
}


.khc__sidebar.mobile li {
    margin-bottom: 0;
}

.khc__sidebar img {
    margin-right: 10px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: #a99d9c;
}

.casestudy__box__khc {
    border: 0;
    margin-bottom: 30px;
}

.casestudy__content__footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.casestudy__content__footer__details {
    font: normal normal normal 15px/27px Myriad Pro Regular;
    letter-spacing: -0.15px;
    color: #9D9D9C;
    display: flex;
    align-items: center;
}


.casestudy__content__footer__details span {
    color: #ED7425;
    font-weight: 700;
    font-family: 'Myriad Pro Bold';
}

.casestudy__content__footer__href a {
    position: relative;
    color: #575756;
    font-size: 22px;
    transform: rotate(-180deg);
    z-index: 9999;
}

.casestudy__content__footer__icon {
    margin-right: 10px;
}

.videoPosts .casestudy__box__title {
    font: normal normal bold 26px/30px Myriad Pro Regular;
    margin: 0;
}

.videoPosts .casestudy__box img {
    width: auto;
}

.videoPosts .casestudy__content__footer {
    justify-content: start;
}

.videoPosts .casestudy__content {
    padding-left: 0;
    padding-bottom: 15px;
}

.casestudy__box__khc__img {
    width: 100% !important;
}

.casestudy__box__post .casestudy__content {
    padding-bottom: 15px;
}

.casestudy__box__post .casestudy__box__title {
    font-size: 24px;
    line-height: 30px;
}

.casestudy__box__post .casestudy__box__title {
    font: normal normal bold 24px/30px Myriad Pro Bold;
    margin-bottom: 0;
}

.casestudy__box__post,
.casestudy__box__postsidebar {
    margin-bottom: 30px;
}

.featured__tech__tag {
    background: transparent linear-gradient(90deg, #ED7425 0%, #EA5D2B 90%, #EA5D2B 100%) 0% 0% no-repeat padding-box;
    border-radius: 9px;
    padding: 5px 15px;
    font: normal normal normal 15px/27px Myriad Pro Bold;
    letter-spacing: -0.15px;
    color: #FFFFFF;
    margin-bottom: 20px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    display: inline-block;
}

.featured__tech__title {
    font: normal normal normal 26px/37px Myriad Pro Bold;
    letter-spacing: -0.26px;
    color: #575756;
    margin-bottom: 20px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
}

.featured__tech__description {
    font: normal normal normal 15px/27px Myriad Pro Regular;
    letter-spacing: -0.15px;
    color: #9D9D9C;
}

.featured__tech {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 12px 13px #00000014;
    border-radius: 22px;
}

.featured__tech__content {
    background: #F0F0EF 0% 0% no-repeat padding-box;
    border-radius: 15px;
    border: 10px solid white;
}

.featured__tech__box {
    padding: 52px 54px;
}

.lastest__news {
    box-shadow: 1px 12px 13px #00000014;
    border: 1px solid #707070;
    border-radius: 22px;
    padding: 30px 20px
}

.lastest__news h3 {
    color: #575756;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;

    font-size: 23px;
    line-height: 37px;
}

.lastest__news__footer {
    display: flex;
    align-items: center;
    color: #9D9D9C;
    font-size: 11px;
    line-height: 19px;
}

.lastest__news__footer div:first-child {
    flex-basis: 60%;

}

.lastest__news__footer div:last-child {
    flex-basis: 40%;

}

.lastest__news__footer a {

    padding: 4px 14px;
}

.faq {

    padding: 50px 0;
}

.faq .faq-content h1 {
    font-size: 31px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    color: #575756;
    border-bottom: 4px solid #ED7425;
    padding-bottom: 10px;
    display: inline-block;
}

.faq .faq-content h2 {
    font-size: 22px;
    color: #AAAAAA;
    margin-bottom: 40px;
}

.card-header {
    border: 1px solid #F5F5F5;
    border-radius: 20px;
    background: #fff;
    border-radius: 20px !important;
    box-shadow: 0px 3px 12px #00000008;
}

[data-toggle="collapse"] .fa:before {
    content: "\f106";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f107";
}

.card-header button {
    color: #6E6E6E;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
}

.accordion>.card {
    border: none;
    margin-bottom: 10px;
}

.card-body {

    border: 1px solid #F5F5F5;
    border-radius: 20px;
    background: #fafafa;
    border-radius: 20px !important;
    box-shadow: 0px 3px 12px #00000008;
    margin-top: 10px;
    margin-left: 50px;
    color: #B1B1B1;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    font-family: 'Myriad Pro Light';
}

.card-body p {
    margin: 0;
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: 0;
}

.about {
    padding: 50px 0;
    background: #F5F5F5;
}

.about__title {
    font-size: 38px;
    text-align: center;
    color: #606060;
    margin-bottom: 40px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
}

.about__box__title {
    font: normal normal normal 20px/23px Myriad Pro Bold;
    letter-spacing: -0.2px;
    color: #606060;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
}

.about__box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 12px 13px #00000014;
    border-radius: 22px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
}

.about__box__content {
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
    width: 0;
    height: 0;
}

.about__box:hover .about__box__content {
    display: flex;
    position: absolute;
    top: 0;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    left: 15px;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    border-radius: 22px;
    opacity: 1;
}

.about__box__content .about__box__title,
.about__box__content .about__box__desc,
.about__box__content div {
    flex-basis: 100%;
}

.about__box__footer {
    padding: 20px;
}

.about__box__content .about__box__desc2 {
    margin: 15px 0;
    font: normal normal 400 14px/20px Myriad Pro Light;
    letter-spacing: -0.14px;
    color: #AAAAAA;
}

.aboutSlider .casestudy__box__title {
    margin-top: 53px;
}

.about__box__desc {
    font: normal normal normal 14px/23px Myriad Pro Regular;
    letter-spacing: -0.14px;
    color: #606060;
}

.aboutSlider .casestudy__box {
    border: none;
    overflow: hidden;
    padding: 0;
}

.aboutSlider__mainimg {
    width: 100%;
}

.aboutSlider .casestudy__box__title {
    font: normal normal bold 26px/34px Myriad Pro Regular;
    margin-bottom: 15px;
}

.aboutSlider .casestudy__box__desc {
    font: normal normal normal 15px/20px Myriad Pro Regular;
}

.aboutSlider .i-gallery--arrow {
    width: 39px;
    height: 39px;
}

.casestudy__box__desc__popular {
    font-size: 15px;
    color: #9D9D9C;
}

.casestudy__box__desc__popular span {
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
}

.aboutSlider .i-gallery--buttons {
    bottom: 0px;
}

.blog {
    padding: 50px 0;
}

.blog__title {
    color: #575756;
    font-size: 26px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
}

.videoPosts2 .casestudy__box__title {
    font: normal normal bold 20px/26px Myriad Pro Regular;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;

}

.videoPosts2 .casestudy__content__footer__details {
    font: normal normal normal 11px/17px Myriad Pro Regular;
}


.videoPosts2 .casestudy__box {
    margin: 0 10px
}

.videoPosts2 .casestudy__content__footer__details span {
    color: #9D9D9C;
}

.videoPosts2 {
    padding-bottom: 20px;
    border-bottom: 0.5px solid #DADADA;
    margin-bottom: 20px;
}

.blog__title .i-gallery--buttons {
    position: relative;
    bottom: -19px !important;
    right: 0;
}

.blog__title .i-gallery--arrow {
    width: 39px;
    height: 39px;
    background-color: #fff;
}

.casestudy__box__khc2 {
    margin-bottom: 27px;
    margin-top: 0;
}


.casestudy__box__khc2 .casestudy__box__title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;

}

.casestudy__box__khc2 .casestudy__content__footer {
    justify-content: start;
}

.casestudy__box__khc2 .casestudy__content {
    padding-left: 0;
}

.casestudy__box__khc__img2 {
    overflow: hidden;
    height: 177px;
    min-height: 177px;
}

.blog .casestudy__content {
    padding-top: 0;
}

.blog__tags {
    box-shadow: 1px 12px 13px #00000014;
    border-radius: 22px;
    padding: 37px 33px;
}
.modal .blog__tags {
    box-shadow: none;
}

.blog__tags h3 {
    color: #575756;
    font-size: 26px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    margin-bottom: 15px;
}

.blog .casestudy__box__desc {
    font-family: 'Myriad Pro Light';
    letter-spacing: 0;
}

.download {
    padding: 50px 0;
    background: #F8F8F8;
}

.download__subtitle {
    color: #616160;
    font-size: 22px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    margin-bottom: 24px;
}

.download__title {
    color: #575756;
    font-size: 40px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    margin-bottom: 20px;
}

.download__description {
    color: #585856;
    font-size: 18px;
    font-family: 'Myriad Pro Light';
    font-weight: 400;
}

.download__more h3 {
    font-size: 26px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    color: #575756;
    text-align: center;
    margin-bottom: 40px;
}

.download__more {
    padding: 50px 0;
}

.download .form-control {
    background: transparent;
}

.download .btn-orange-form {
    padding: 10px 12px;
    height: 50px;
    width: 64%;
}

.download .i-gallery--buttons {
    top: 64%;
}

.sup {
    padding: 50px 0 0;
}

.sup__title {
    color: #575756;
    font-size: 38px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    margin-bottom: 20px;
}

.sup__title_tab {
    color: #575756;
}

.support-search-modal {
    display: none;
}

.support-search-modal.active {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    border-radius: 2rem 0 2rem 2rem;
    background-color: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, .2);
    padding: 3rem 2rem;
    z-index: 20;
}

.support-search-modal input[type="search"] {
    width: 100%;
    border: 1px solid #eb6728;
}

.menu-menu-container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.footer__title span {
    display: none;
}

.post__subtitle {
    font-size: 22px;
    color: #616160;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    margin-bottom: 0;
}

.post__title {
    color: #575756;
    font-size: 40px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    line-height: 67px;
    margin-bottom: 20px;
    margin-top: 0;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.post__description {
    color: #585856;
    font-size: 18px;
    font-family: 'Myriad Pro Light';
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
}

.post__post_author, .post__post_published {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    font: normal normal normal 17px/24px Myriad Pro Regular;
    letter-spacing: -0.17px;
    color: #9D9D9C;
}


.post__social {
    justify-content: end;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.post__social a {
    border: 1px solid #A8A8A8;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    color: #A8A8A8;
}

.blog__singlepost {
    padding: 80px 0 10px;
    border-bottom: 1px solid #f8f8f8;
}

.blog__singlepost__lead {
    margin-bottom: 40px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    font-size: 26px;
    color: #575756;
}

.blog__singlepost__content {
    color: #575756;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}

.blog__singlepost__content blockquote {
    margin: 0;
    padding-left: 30px;
    border-left: 1px solid #575756;
}

.related__articles {
    padding: 55px 0;
}


.related__articles h3 {
    text-align: center;
    color: #575756;
    font-size: 26px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    margin-bottom: 30px;
}

.related__articles__content {
    position: relative;
}

.related__articles__box {
    display: flex;
    /* align-items: center; */
}

.related__articles__img {
    flex-basis: 40%;
}

.related__articles__img img {
    border-radius: 10px;
}

.related__articles__desc {
    padding: 15px;
    flex-basis: 60%;
}

.related__articles__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* .sbs__icons_and_small_title img {
    width: 75px;
    height: 75px;
} */

.quality__title {
    font-size: 17px !important;
    line-height: 24px;
}

.quality__text {
    color: #AAAAAA;
    font-size: 15px;
    line-height: 21px;
}

.woocommerce img,
.woocommerce-page img {
    border-radius: 20px;
}

body.single-product .left-grid img {
    border-radius: 0;
}

body.single-product .card-header button {
    font-family: 'Myriad Pro Regular';
    font-weight: 500;
    outline: none;
}

.product-heading {
    position: relative;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 40px;
}

.product-heading:after {
    content: '';
    position: absolute;
    background-color: rgba(255, 111, 27, 0.863);
    height: 4px;
    width: 100%;
    bottom: -8px;
    left: 0;
}

.related__articles__desc p {
    font: normal normal bold 17px/24px Myriad Pro Regular;
    letter-spacing: -0.17px;
    color: #9D9D9C;
    margin: 0;
}

.related__articles__desc a.related__articles__box__link {
    font: normal normal normal 14px/18px Myriad Pro Regular;
    letter-spacing: -0.14px;
    color: #9D9D9C;
}

.related__articles__desc a.related__articles__box__title {
    font: normal normal 700 17px/18px Myriad Pro Bold;
    letter-spacing: -0.14px;
    color: #9D9D9C;
}

.related__articles__list li {
    margin: 0 15px;
}


.related__articles__content .i-gallery--buttons {
    display: flex;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    bottom: auto !important;
    width: 100%;
    justify-content: space-between;
}

.related__articles__content .i-gallery--arrow {
    width: 39px;
    height: 39px;
}

.related__articles__content .i-gallery--arrow.slick-prev {
    left: -45px;
}

.related__articles__content .i-gallery--arrow.slick-next {
    left: auto;

    right: -45px;
}

.embed-container {}

.files-container h3 {
    letter-spacing: -0.21px;
    color: #575756;
    margin-bottom: 10px;
}

.files-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.files-container ul a {

    color: #575756;
}

.files-container {
    margin-bottom: 20px;
    border: 1px solid #5757561c;
    padding-bottom: 10px;
    display: inline-block;
    padding: 10px;
}

.top__navbar {
    text-align: right;
    padding-right: 16px;
    color: #aaaaaa;
}

.top__navbar a {


    font: normal normal normal 17px/20px Myriad Pro Regular;
    letter-spacing: -0.15px;
    color: #AAAAAA;
}

.about__wcs {
    padding: 50px 0;
    background: #f8f8f8;
    border-bottom: 1px solid #DADADA;
}

.casestudy__box__about .casestudy__box__title {
    font: normal normal bold 26px/34px Myriad Pro Regular;
    padding-right: 20px;

}

.casestudy__box__about .casestudy__box__desc {
    font: normal normal normal 15px/27px Myriad Pro Regular;
}

.about__wcs .casestudy__box {
    border: none;
    margin-bottom: 33px;
    margin-top: 0;
    min-height: 434px;
}

.casestudy__box .col-md-6 > img {
    min-height: 400px;
    height: 100%;
    object-fit: cover;
    object-position: top left;
}

.about__wcs .i-gallery--buttons {
    bottom: -24px;
}

.about__wcs .i-gallery--arrow.slick-next {
    width: 46px;
    height: 46px;
}

.about__wcs .i-gallery--arrow.slick-prev {
    width: 30px;
    height: 30px;
}

.about__conectedhome {
    box-shadow: 1px 12px 13px #00000014;
    border: 1px solid #707070;
    border-radius: 22px;
    padding: 23px 20px;
    margin-top: 20px;
    position: relative;
}

.about__conectedhome img {
    position: absolute;
    top: 0;
}

.about__wcs .khc__sidebar {
    padding: 24px 33px !important;
}

.about__wcs .khc__sidebar.desktop {
    padding: 24px 5px 24px 15px !important;
    min-height: 272px;
    justify-content: center;
}

.about__conectedhome__title {
    font-size: 20px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    color: #575756;
    line-height: 22px;
    margin-bottom: 20px;
}

.about__conectedhome .btn-orange {
    padding: 0px 9px;
}

.about__opinion {
    padding: 50px 0;
}

.about__opinion {
    text-align: center;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    font-size: 25px;
    background: #f8f8f8;
}

.about__opinion img {
    margin: 0 10px;
}

.about__wcs__title {
    color: #575756;
    font-size: 38px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    margin-bottom: 50px;
}

.secondsectiongrey__singleproduct {
    min-height: calc(100vh - 112px);
    display: flex;
}

.technology__downlink {
    font-size: 49px;
    color: #fff !important;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.technology__menu {
    box-shadow: 1px 12px 13px #00000014;
    border-radius: 28px 0px 0px 28px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
    transition: 0.5s ease all;
    background: #DBDBDB;
}

.technology__menu:hover {

    background: #FFFFFF 0% 0% no-repeat padding-box;
    position: relative;
    right: 0;
    transition: 0.5s ease all;
}

.technology__menu__name {
    font: normal normal bold 24px/26px Myriad Pro Regular;
    letter-spacing: -0.24px;
    color: #575756;
}

.technology__menu__box {
    position: absolute;
    right: 0;
    top: 36%;
}

.technology__menu__img {
    margin-right: 30px;
}

.angle-down-arrow:before {
    content: '';
    background-image: url(/wp-content/themes/fireangel/images/tech_down_arrow.svg);
    height: 18px;
    width: 34px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

main.technologymain {
    position: relative;
}

.supportmodal {
    position: fixed;
    right: 40px;
    bottom: 40px;
}

.navtabs__contact .btn-silver-form,
.navtabs__contact .btn-orange-form {
    padding: 10px 25px;
    height: 50px;

}

.faq__contact {
    background: #f8f8f8;
}

.faq__contact h3 {
    margin-bottom: 40px;
}

.blog__tags .tag {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 6px;
    font-size: 12px;
    color: #9D9D9C;
    padding: 4px 12px;
    margin: 4px;
    white-space: inherit;
    display: inline-block;
}

.blog__tags .tag a {
    text-transform: capitalize;
    color: #9D9D9C;
}

.blog__tags .tag:hover,
.blog__tags .tag.active {
    background: #EC6C27 0% 0% no-repeat padding-box;
}

.blog__tags .tag:hover a,
.blog__tags .tag.active a {
    color: #fff;
}

.blog__tags h3 {
    font: normal normal normal 17px/20px Myriad Pro Regular;
    letter-spacing: -0.15px;
    color: #AAAAAA;
}

.blog__tags .form-control, .mobile-search input[name="search"]{
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border: 0.5px solid #E9E9E9;
    border-radius: 5px;
    padding: 12px;
    border-right: none;
}
.mobile-search input[name="search"]{
    background: #EC6C27 0% 0% no-repeat padding-box;
}
.mobile-search input[name="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgb(195, 195, 195);
}
.mobile-search input[name="search"]::-moz-placeholder { /* Firefox 19+ */
    color: rgb(195, 195, 195);;
}
.mobile-search input[name="search"]:-ms-input-placeholder { /* IE 10+ */
    color: rgb(195, 195, 195);;
}
.mobile-search input[name="search"]:-moz-placeholder { /* Firefox 18- */
    color: rgb(195, 195, 195);;
}
.mobile-search input[name="search"]{
    padding:30px 15px;
    font-size: 1.1em;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 12px 0 0 12px;
}

.blog .casestudy__box__khc {
    margin-bottom: 30px !important;
    margin-left: 0;
    margin-right: 0;
}

.nav-prev {
    display: flex;
    justify-content: space-between;
    width: 72%;
    font-weight: 600;
}

.nav-prev a {

    color: #565657;
}

.videoPosts2 .slick-track .casestudy__box {
    margin: 10px;
}

.blog__tags .input-group-text, .mobile-search .input-group-text {
    background: whitesmoke;
    border: 0.5px solid #E9E9E9;
    border-left: none;
    padding: 0;
}

.blog__tags .input-group-text button, .mobile-search button[type="submit"] {
    border: none;
    color: #606060;
    background: whitesmoke;
}
.mobile-search button[type="submit"] {
    height: 100%;
    width: 60px;
    background-color: #EC6C27;
    color: #fff;
    border-radius: 12px;
}
.mobile-search input[name="search"] + .input-group-prepend .input-group-text {
    background: #fff;
    border-radius: 0 12px 12px 0;
}

.download__more .related__articles__img {
    flex-basis: 50%;
}

.download__more .related__articles__desc {
    flex-basis: 50%;
}

.download__more .i-gallery--buttons {
    top: 64%;
}

.download label:focus-within {
    color: #EA5B1D;
}

.knowledge__download {
    height: 259px; /*NOT 260PX to hide border */
    border: 0.5px solid #E9E9E9;
}

.lastest__news ::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.lastest__news ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px;
}

/* Handle */
.lastest__news ::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 10px;
}

.woocommerce-loop-product__title {
    margin-top: 22px;
    font: normal normal normal 17px/24px Myriad Pro Bold;
    letter-spacing: -0.17px;
    color: #575756;
}

.product-type-simple p {
    font: normal normal 400 17px/24px Myriad Pro Light;
    letter-spacing: -0.17px;
    color: #575756;
}

.product-type-simple img {
    border: 1px solid #f2f2f2;
    border-radius: 5%;
}

.about__list .casestudy__box__reply {
    top: auto;
    bottom: 39px;
}

.page__style {}

.page__style__header {
    padding: 50px 0;
}

.page__style__header h2 {
    color: #575756;
    font-size: 40px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    line-height: 67px;
    margin-bottom: 20px;
    margin-top: 0;
}

.page__style__desc {
    padding: 40px 0;
    column-count: 2 !important;
}

.left-side-banner .btn,
.overlay .btn {
    font-weight: 400;
    font-family: 'Myriad Pro Light';
}

.nav.nav-tabs,
.tab-pane ul,
.section-swipe-slider-second ul {
    max-width: 1120px;
}

.three-steps .i-gallery--buttons {
    bottom: -100px;
}

#tab3 .i-gallery--buttons {
    bottom: -65px;
}

.first-slider img {
    border-radius: 10px;
}

.technology__menu__box {
    display: none;
}

.guide__hub .casestudy__box__desc {
    font: normal normal normal 15px/27px Myriad Pro Regular;
    letter-spacing: -0.2px;
    color: #9D9D9C;
    margin-bottom: 30px;
}

.about__wcs .casestudy__box__author {
    font: normal normal 700 15px/27px Myriad Pro Bold;
    letter-spacing: -0.15px;
    color: #9D9D9C;
}

.about__wcs .casestudy__box__date {

    font: normal normal normal 15px/27px Myriad Pro Regular;
    letter-spacing: -0.15px;
    color: #9D9D9C;
}

.card {
    background: none;
}

.navtabs__contact label:focus-within {
    color: #EA5B1D;
}

.main-banner.main-banner__connected {
    background: #fbfbfb;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: none;
    color: #9D9D9C;
}

@media only screen and (max-width: 768px) {
    .single-slide__header div.d-flex {
        padding: 0 !important;
        margin-left: 0px !important;
    }

    .single-slide__header div {
        padding: 100px 15px;
    }

    .single-slide__header p {
        width: 100%;
    }

    .single-slide__header div {
        background: #F5F5F5 !important;
        border-radius: 0;
    }

    .single-slide__header h2,
    .single-slide__header p {
        color: #575756;
    }

    .tabs-menu li a.active {
        font: normal normal normal 20px/26px Myriad Pro Regular;
    }

    .tab-content__right,
    .section-swipe-slider,
    .section-swipe-slider-second {
        margin-left: 2% !important;
    }

    .single-triple__slide__desc h2 {
        font: normal normal normal 30px/38px Myriad Pro Regular;
    }

    .single-triple__slide__desc {
        padding: 25px 15px;
    }

    .tabs-menu li a {
        font-size: 20px !important;
        font: normal normal normal 20px/26px Myriad Pro Regular;
    }

    .grid-table__img {
        flex-wrap: wrap;
    }

    .tabs-menu li {
        margin-right: 5px;
    }

    .three-steps {
        padding: 20px 0;
    }

    .footer__desc {
        margin: 25px 0;
    }

    .footer__sub {
        display: none;
    }

    .footer__copyrightlist {
        justify-content: start;
    }

    .footer__copyrightlist a {
        padding: 0 5px;
    }

    .footer__bottom {
        font-size: 14px;
    }

    .footer ul.footer__social {
        justify-content: center;
        display: flex;
    }

    .ch__title {
        font-size: 30px;
    }

    .sb__title {
        font: normal normal bold 30px/35px 'Myriad Pro Bold';
    }

    .sb__desc {
        font: normal normal normal 12px/25px Myriad Pro Regular;
    }

    .sf__title {
        font: normal normal normal 30px/32px Myriad Pro Regular;
    }

    .sf__description {
        font-size: 20px;
        line-height: 27px;
    }

    .middle-slider {
        background: #fff !important
    }

    .middle-slider .btn {
        margin-bottom: 30px;
    }

    .nb__content__title {
        font: normal normal normal 30px/32px Myriad Pro Regular;
    }


    .bb__subtitle {
        font: normal normal normal 20px/9px Myriad Pro Regular;
        color: #EA5B0C;
    }

    .bb__title {
        font-size: 30px;
    }

    .bb__description {
        font: normal normal normal 20px/30px Myriad Pro Regular;
    }

    .box-banner {
        padding: 20px 0;
    }

    .section-swipe-slider-second {
        margin-left: 0% !important;
    }

    .casestudy__content {
        padding: 35px 15px;
    }

    nav .menu {
        list-style: none;
        display: block;
    }

    nav .menu li a {
        padding: 11px 16px;

        font: normal normal normal 17px/20px Myriad Pro Regular;
        letter-spacing: -0.15px;
        color: #AAAAAA;
        font-weight: 600;
        position: relative;
    }

    nav .menu li a {
        border-bottom: 1px solid #E9E9E9;
    }

    nav .menu {
        list-style: none;
        display: block;
        padding: 0;
    }

    /* .navbar {
            margin-left: 0%!important;
        } */

    nav .menu li a::after {
        position: absolute;
        right: 0;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0da";
    }

    .navbar-text {
        display: none;
    }

    .footer__title span {
        display: inline;
        cursor: pointer;
        font-size: 18px;
        color: #FFFFFF;
        opacity: 0.8;
    }

    .footer__menu {
        display: none;
    }

    .footer__menu.in {
        display: block;
    }

    .footer__bottom img {
        margin: 0 0 20px;
    }

    .footer__bottom .col-md-4:nth-child(2) {
        text-align: left !important;
        order: -1;
    }

    .videoPosts2 {
        margin-bottom: 0;
        border-bottom: none;
    }
}

.home-sb-boxes .sb__box__container, .pro-sb-boxes .sb__box__container {
    background: rgba(255,255,255,0.7);
    padding: 20px;
    border-radius: 15px;
    align-items: center;
    width: 100%;
}

@media screen and (min-width: 992px){
    .left-grid {
        margin-left: 0;
        margin-right: 10px;
    }
}

@media screen and (max-width: 992px){
    .left-grid {
        margin-left: 0;
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1200px){
    .single-slide__header .container { 
        max-width: 100%;
    }
}

@media screen and (min-width: 601px){
    body.admin-bar { 
        margin-top: 32px !important;
    }
}

@media screen and (max-width: 600px){
    #wpadminbar {
        position: relative;
    }

    .footer__copyrightlist {
        justify-content: start;
    }
}