/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
@font-face { font-family: 'Bebas Neue';  src: url('https://rogz.businesscom.ch/hubfs/rogz/Website/Fonts/BebasNeue-Regular.ttf') format('truetype');}
@font-face { font-family: 'Roboto Regular';  src: url('https://25501276.fs1.hubspotusercontent-eu1.net/hubfs/25501276/rogz/Website/Fonts/Roboto-Regular.ttf') format('truetype');}
@font-face { font-family: 'Roboto Italic';  src: url('https://25501276.fs1.hubspotusercontent-eu1.net/hubfs/25501276/rogz/Website/Fonts/Roboto-Italic.ttf') format('truetype');}
@font-face { font-family: 'Roboto Bold';  src: url('https://25501276.fs1.hubspotusercontent-eu1.net/hubfs/25501276/rogz/Website/Fonts/Roboto-Bold.ttf') format('truetype');}
@font-face { font-family: 'Roboto Bold Italic';  src: url('https://25501276.fs1.hubspotusercontent-eu1.net/hubfs/25501276/rogz/Website/Fonts/Roboto-BoldItalic.ttf') format('truetype');}
@font-face { font-family: 'Montserrat';  src: url('https://rogz.ch/hubfs/Fonts/rogz/Montserrat-Regular.ttf') format('truetype');}
@font-face { font-family: 'Caveat';  src: url('https://rogz.ch/hubfs/rogz/Website/Fonts/Caveat-VariableFont_wght.ttf') format('truetype');}

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.pwr-accordion__title, a.cta_button {
    font-family: Montserrat;
}

.hs-menu-item a {
    font-family: 'Montserrat' !important; 
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    position: relative;
    text-transform: uppercase;
    transform: translateZ(100px);
    transition: background .4s ease;
    z-index: 1000;
}
.cta_button:not(.pwr-cta--hubspot-style), .hs-submit {
    padding: 15px 36px 15px 36px;
    border-radius: 200px;
    font-weight: 700!important;
    font-size: 16px;
    letter-spacing: 1.5px;
    text-align: center;
    line-height: 16px;
    text-transform: uppercase;
}
/* hERO sLIDER   */
.pwr-hero--large {
    height: 500px;
}

.pwr-image-box__title {
    font-weight: 400;
    letter-spacing: none;
    text-transform: none;
}
span.pwr-step__title {
    font-family: 'Montserrat' !important; 
    font-size: 20px !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #0077c0;
}


span.pwr-rich-text p {
    font-family: 'Montserrat' !important; 
    font-size: 16px !important;
    font-weight: 400;
    letter-spacing: none;
    text-transform: none;
}
span.pwr-video-box__title {

    font-size: 40px !important;
    font-weight: 400;
    text-transform: uppercase;
    color: #0077c0;
    line-height:normal;
}

span.pwr-sec__title-intro {
    font-family: 'Caveat' !important; 
    font-size: 30px !important;
    line-height: 30px;
    color: #A7D600 !important;
}
.pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one .pwr-image-box__img {
    background-size: 170px;
    background-repeat: no-repeat;
}
.pwr-image-box__title {
    text-align: center;
    font-size: 40px !important;
    font-weight: 400;
    text-transform: uppercase;
    color: #0077c0;
}
.pwr-video-box__title {
    text-align: center;
    font-size: 20px !important;
    font-weight: 400;
    text-transform: uppercase;
    color: #0077c0;
    text-align: left;
}
.pwr-timeline-item__title {
    font-size: 30px !important;
}
.pwr-post-item__title {
    color: #0077c0;
}
#hs_cos_wrapper_header_blog .scroll .pwr-header-logo, #hs_cos_wrapper_header_blog .scroll .pwr-header-logo__img--sticky {
    max-width: 100%;
    height: auto;
}
span.pwr-image-box__title {  
    color: #fff !important;
}

.pwr-header-search{width:100%;}


/*-----------New-Navigation-2024-------------------------------*/

.head-new-top-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    width: 100%;
    background-color: #006FB9;
}
.rogz-head-pwr { margin-top:85px;}
.head-new-top {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 18px 0;
}

.head-new-top .page-center {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.site-logo {
    max-width: 240px;
    display: flex;
    flex-wrap: wrap;
}

.site-logo a {
    width: 100%;
    display: inline-block;
}

.site-logo a img {
    display: block;
    width: 100%;
}
.right-menu-rogz {
    width: calc(100% - 240px);
    padding-left: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.rogz-right-inner-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
}
/*----------------*/
.menu-icon {
    display: none;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 33px;
    font-size: 22px;
    padding: 10px 0;
}
.menu-icon .menu-box {
    width: 50px;
    height: 38px;
    margin-right: 20px;
    padding: 5px;
    position: absolute;
    right: 0;
    top:15px;
}
.menu-icon.active .menu-box {
    position: absolute;
    right: 0;
    transition: all 0.5s ease 0s;
}
.menu-icon .menu-box span {
    width: 100%;
    height: 4px;
    margin-bottom: 6px;
    background: #fff;
    display: block;
    border-radius: 2px;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s;
}
.menu-icon.active span:first-child {
    transform: rotate(45deg) translateY(7px) translateX(6px);
    -webkit-transform: rotate(45deg) translateY(7px) translateX(6px);
}

.menu-icon.active span:nth-child(2) {
    opacity: 0;
}
.menu-icon.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-7px) translateX(6px);
    -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px);
}

.enumenu_ul .caret {
    color: #fff;
    margin-left: 7px;
}
.enumenu_ul {
    padding: 0px;
    list-style: none;
}
.enumenu_ul .hs-menu-wrapper > ul > li {
    display: inline-block;
    vertical-align: top;
    margin-right:20px;
    position: relative
}

.enumenu_ul .hs-menu-wrapper > ul > li:last-child { margin-right:0;}

.enumenu_ul .hs-menu-wrapper > ul > li > a {
    font-size: 16px;
    color: #fff;
    padding: 20px 0;
    display: inline-block;
    text-transform: capitalize;
    line-height: normal;
}

.enumenu_ul .hs-menu-wrapper > ul > li > a:hover,
.enumenu_ul .hs-menu-wrapper > ul > li.active > a {
    opacity: var(--opc-nav-hover);
}

.enumenu_ul .hs-menu-wrapper>ul>li>a.menubelow {
    padding-right: 15px;
}

.enumenu_ul .hs-menu-wrapper>ul>li>a.menubelow:after { right:0; color:#fff;}


.enumenu_ul  .hs-menu-wrapper > ul > li ul {
    display: none
}
.enumenu_ul .hs-menu-wrapper > ul > li ul li {
    width: 100%;
    margin: 0;
    list-style: none;
    position: relative;
}
.enumenu_ul.desk .hs-menu-wrapper > ul > li ul {
    top: 100% !important;
    z-index: 999;
    list-style: none;
    left: 0px;
    background: #fff;
    position: absolute;
    min-width: 150px;
    left: 0 !important;
    padding: 10px 0;
    margin: 0 !important;
}
/*Sub menu styles*/


.enumenu_ul.desk  .hs-menu-wrapper >  ul > li:hover > ul {
    display: block;
    opacity: 1;
}
.enumenu_ul.desk .sb-menu .sb-menu {
    left: 100%;
    top: 0;
}
.enumenu_ul.desk  .hs-menu-wrapper > ul > li ul li a {
    padding: 10px 10px;
    display: block;
    color: var(--clr-base-dk);
    font-size: 16px;
    text-align: left;
    margin:0;
}
.enumenu_ul.desk .hs-menu-wrapper > ul > li ul li:hover > a {
    background: transparent;
    opacity: .66;
}
.enumenu_ul .arrow {
    position: absolute;
    right: 20px;
    top: 5px;
    width: 30px;
    height: 30px;
    background: url('https://25501276.fs1.hubspotusercontent-eu1.net/hubfs/25501276/rogz/plus.png') no-repeat center center;
    cursor: pointer;
    z-index: 999
}
.enumenu_ul .arrow.up {
    background: url('https://25501276.fs1.hubspotusercontent-eu1.net/hubfs/25501276/rogz/minus.png') no-repeat center center
}






.rogz-right-inner-menu {  width: calc(100% - 50px); }



.language-switcher-box-head .globe_class {
    background-image: none;
    width: auto;
    height: auto;
    border-radius: 0;
    display: flex;
    justify-content: flex-end;
}

.language-switcher-box-head .globe_class ul.lang_list_class {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    transform: none;
    padding: 0;
    -webkit-transform: none;
}

.language-switcher-box-head .globe_class ul.lang_list_class:before {
    display: none;
}

.language-switcher-box-head .globe_class ul.lang_list_class li:before {
    display: none;
}

.language-switcher-box-head .globe_class ul.lang_list_class li {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
}

.language-switcher-box-head .globe_class ul.lang_list_class:after {
    display: none;
}

.language-switcher-box-head .globe_class ul.lang_list_class li:first-child {
    display: none;
}



.language-switcher-box-head {
    align-self: center;
    width: auto;
    text-align: right;
}
.language-switcher-box-head .globe_class ul.lang_list_class li a {
    padding-left: 40px;
    font-size: 0;
}


a.lang_switcher_link[data-language='fr']:before {
    background-image: url('https://l.baumer.com/hubfs/Flag/fr-fr.png');
    width: 18px;
    height: 12px;
    content: "";
    position: absolute;
    right: 0;
    top: 1px;
}

a.lang_switcher_link[data-language='de-ch']:before {
    background-image: url('https://l.baumer.com/hubfs/Flag/de-de.png');
    width: 18px;
    height: 12px;
    content: "";
    position: absolute;
    right: 0;
    top: 1px;
}


.language-switcher-box-head .globe_class ul.lang_list_class li a:hover {
    color: #0062ae;
}

.language-switcher-box-head .lang_switcher_class {
    display: none;
}
.hide-desk { display:none;}

/*----------Footer-Module----------------------*/


.footer-box {
    background-color: #006fb9;
    padding: 60px 0;
}

.footer-box .page-center {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.f-left-box {
    width: 20%;
}

.r-footer-box {
    width: calc(100% - 20%);
    padding-left: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.footer-logo {
    display: inline-block;
    width: 240px;
    margin-bottom: 100px;
}

.footer-logo a {
    display: inline-block;
    width: 100%;
}

.footer-bottom-text-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.footer-bottom-text-box p {
    color: #fff;
    margin:0 0 20px;
}

.footer-bottom-img {
    max-width: 120px;
    display: flex;
    flex-wrap: wrap;
}



.r-footer-box .middle-column-footer {
    display: flex;
    flex-wrap: wrap;
    width: 25%;
}

.news-letter-box {
    width: 44%;
}

.social-follow-icon {
    width: 28%;
    padding-left: 30px;
}

.middle-column-footer a {
    color: #fff;
    display: block;
    width: 100%;
    font-weight: 700;
    margin: 0 0 20px;
    padding: 0;
    line-height: normal;
}

.middle-column-footer a:last-child {
    margin-bottom: 0;
}


.news-letter-title * {
    color: #fff;
}

.news-letter-form .hs_email input {
    background-color: #fff;
    border: 0;
    padding: 15px 20px;
    border-radius: 50px;
    font-size: 16px;
    line-height: normal;
    width: 100%;
}

.news-letter-form input[type="submit"] {
    border: 2px solid #fff;
    border-radius: 50px;
}
.news-letter-form .hs_email label {
    display: none;
}
.news-letter-form ul.no-list.hs-error-msgs {
    list-style: none;
    padding: 0;
    margin: 0;
}

.news-letter-form ul.no-list.hs-error-msgs li label {
    color: #fff;
    font-size: 16px;
    margin: 10px 0 0;
    display: inline-block;
}

.social-follow-icon label {
    color: #fff;
    margin: 0 0 15px;
    display: inline-block;
    font-size:20px;
}
.social-follow-icon ul li a:hover {
    opacity: .66;
}
.news-letter-form .hs_email input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--clr-accent-lt);
    opacity:1;
}
.news-letter-form .hs_email input::-moz-placeholder { /* Firefox 19+ */{}
    color:var(--clr-accent-lt);
    opacity:1;
}
.news-letter-form .hs_email input:-ms-input-placeholder { /* IE 10+ */
    color:var(--clr-accent-lt);
    opacity:1;
}
.news-letter-form .hs_email input:-moz-placeholder { /* Firefox 18- */
    color:var(--clr-accent-lt);
    opacity:1;
}


.news-letter-form .submitted-message {
    color: #fff;
}

.news-letter-form form.hs-form .hs-submit { margin-top:20px; }

.hs_error_rollup {
    display: none;
}

.news-letter-form .hs_email input:focus {
    border: 0;
    outline: 0;
}


.footer-btn-wrap  .hs-button.primary.large {
    border: 2px solid #fff;
    border-radius: 50px;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-transform: inherit;
    padding: 15px 41px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 16px;
}

.footer-btn-wrap {
    display: flex;
    flex-wrap: wrap;
}

.middle-column-footer a:hover {
    opacity: .66;
}


.social-follow-icon ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.social-follow-icon ul li {
    margin-right: 14px;
}

.social-follow-icon ul li a {
    width: 30px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 100%;
    justify-content: center;
}

.social-follow-icon ul li:last-child {
    margin-right: 0;
}
.news-letter-form {
    margin: 35px 0 0;
}
.social-follow-icon ul li a svg {
    width: 13px;
    height: 13px;
    fill: #fff;
}

.news-letter-title p {
    line-height: 1.8;
}


/* System page  */


.pwr-sec-maintenance-error__title {
    font-size: 15rem;
    line-height: 1 !important;
}


/* blod changes  */


.pwr-3D-box__info-box {

    transform: none !important;
    transition: none !important;
}

.pwr--colored-box {
    background: transparent !important;
}

.pwr-3D-box--shaddow-on-hover:not(.body-container--blog-index .pwr-3D-box--shaddow-on-hover), .pwr-3D-box__sensor:not(.body-container--blog-index   .pwr-3D-box__sensor) {
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
}


/* .body-container--blog-index   .pwr-3D-box__sensor, .body-container--blog-index .pwr-3D-box--shaddow-on-hover {        transform: unset !important;
} */

.pwr-3D-box {
    transform: none !important;
    margin-bottom:25px;
}

.pwr-3D-box:hover {
    transform: none !important;
}

/* form css  */



input::-webkit-input-placeholder{color:#ccc;}

/* WebKit browsers */
input:-moz-placeholder{color:#ccc;}

/* Mozilla Firefox 4 to 18 */
input::-moz-placeholder{color:#ccc;}

/* Mozilla Firefox 19+ */
input:-ms-input-placeholder{color:#ccc;}

/* Internet Explorer 10+ */
textarea::-webkit-input-placeholder{color:#ccc;}

/* WebKit browsers */
textarea:-moz-placeholder{color:#ccc;}

/* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder{color:#ccc;}

/* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder{color:#ccc;}

/* Internet Explorer 10+ */



/*********************************************** remove auto fill yellow color ************************************/
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fff inset;-moz-box-shadow:0 0 0 100px #fff inset;box-shadow:0 0 0 100px #fff inset;color:#333;}

/*********************************************** Form CSS **********************************************/
.pwr-sec-form__content .hs_error_rollup{display:none;}
.pwr-sec-form__content form .hs-form-field{position:relative;}
.pwr-sec-form__content form ul.hs-error-msgs.inputs-list{position: relative;right: auto;list-style-type:none;background: transparent;margin:0;text-align: left;padding: 5px 0 0 0;}
.pwr-sec-form__content form ul.hs-error-msgs.inputs-list > li > label{font-weight:500;position:relative;z-index:9;}
.pwr-sec-form__content form ul.hs-error-msgs.inputs-list:after{content:'';width:8px;height:8px;position:absolute;display:inline-block;left:50%;background:#ff0000;margin-left:-6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;top:0;display: none;}
.pwr-sec-form__content input,.pwr-sec-form__content textarea,.pwr-sec-form__content select{border-radius:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"],textarea{-webkit-appearance:none;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
input[type="text"],input[type="tel"],input[type="email"]{-webkit-appearance:none!important;}
input[type="submit"]{cursor:pointer;transition:all 0.5s ease;}
textarea{overflow:auto;vertical-align:top;resize:none;}

/* -------- Forms --------- */
.pwr-sec-form__content .hs-form textarea,.pwr-sec-form__content .hs-form input[type="text"],.pwr-sec-form__content .hs-form input[type="password"],.pwr-sec-form__content .hs-form input[type="datetime"],.pwr-sec-form__content .hs-form input[type="datetime-local"], .pwr-sec-form__content .hs-form input[type="date"], .pwr-sec-form__content .hs-form input[type="month"],.pwr-sec-form__content .hs-form input[type="time"],.pwr-sec-form__content .hs-form input[type="week"],.pwr-sec-form__content .hs-form input[type="number"],.pwr-sec-form__content .hs-form input[type="email"],.pwr-sec-form__content .hs-form input[type="url"],.pwr-sec-form__content .hs-form input[type="search"],.pwr-sec-form__content .hs-form input[type="tel"],.pwr-sec-form__content .hs-form input[type="color"],.pwr-sec-form__content .hs-form select{line-height: normal;border-radius: 5px;padding: 10px 10px;width:100% !important;border: 1px solid;}
.pwr-sec-form__content .hs-form input:focus{outline:0;}
.pwr-sec-form__content .hs-form select{-webkit-appearance:none;background:transparent;}
.pwr-sec-form__content .hs-form-field > label{margin-bottom: 10px;}
.pwr-sec-form__content .hs-recaptcha{margin-bottom:30px;}
.pwr-sec-form__content .hs-form-field{position:relative;margin-bottom: 20px;}
.pwr-sec-form__content .hs-form input[type="checkbox"]{margin-right:25px;}
.pwr-sec-form__content .hs-form textarea{height:130px!important;resize:none!important;resize:none;width:100%!important;}
.pwr-sec-form__content .hs-form-field .input{display:table;width:100%;margin:0!important;}

.pwr-sec-form__content .hs-error-msgs{position:relative;}
.pwr-sec-form__content .hs-error-msgs li label{font-size:12px;line-height:14px;color:#DA0000;display: inline-block;}
.pwr-sec-form__content .hs-error-msgs li{list-style-type:none;display: inline-block;}
.pwr-sec-form__content .hs-form-checkbox{width:100%;float:left;list-style-type:none;}
.pwr-sec-form__content .hs-form-radio{width:33.3%;float:left;list-style-type:none;}
.pwr-sec-form__content .hs-form-checkbox input,.hs-form-radio input{margin-right:27px;}
.pwr-sec-form__content form .hs-richtext{text-align:center;}
.pwr-sec-form__content form{max-width:100%;width:100%;float:none!important;}
.pwr-sec-form__content form legend{margin-bottom:0;}
.pwr-sec-form__content .submitted-message{text-align:center;font-size:20px;overflow:hidden!important;line-height:normal;}

/* Form Two Col Section */
.pwr-sec-form__content .form-columns-2,.form-columns-1{max-width:100%!important;}
.pwr-sec-form__content .form-columns-2 > div{width:48%!important;}
.pwr-sec-form__content .form-columns-2 > div:first-child{float:left!important;}
.pwr-sec-form__content .form-columns-2 > div:last-child{float:right!important;}



.pwr-sec-form__content .pwr-sec-form__content .form-columns-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pwr-sec-form__content .hs-form-booleancheckbox:not(:last-child){margin-bottom:29px;}
.pwr-sec-form__content .hs-form-booleancheckbox label.hs-form-booleancheckbox-display{font-size:14px;font-weight:700;text-transform:uppercase;display:flex;flex-wrap:wrap;     cursor: pointer;}
.pwr-sec-form__content .hs-form-booleancheckbox-display .hs-input{display:none;}
.pwr-sec-form__content .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span{display:flex;flex-wrap:wrap;align-items:center;position:relative;margin: 0;}
.pwr-sec-form__content .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before{width: 20px;height: 20px;content:'';background-color: #fff;display:inline-block;margin-right:13px;transition:0.5s ease all;left: 0;position: absolute;top: 7px;border: 1px solid #000;border-radius: 3px;}
.pwr-sec-form__content .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:before{background-color: #fff;}
.pwr-sec-form__content .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after{content:'';position:absolute;left: 4px;width: 13px;height: 13px;top: 10px;border-radius:100%;transition:0.5s ease all;background-image: url('https://25501276.fs1.hubspotusercontent-eu1.net/hubfs/25501276/BusinessCom_May2022/images/tick-svgrepo-com.svg');background-size: 13px;background-repeat: no-repeat;}


.pwr-sec-form__content li.hs-form-booleancheckbox {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.pwr-sec-form__content ul.inputs-list {
    margin: 0;
    padding: 0;
}

.pwr-sec-form__content .hs-form-booleancheckbox label.hs-form-booleancheckbox-display {}

.legal-consent-container .hs-form-booleancheckbox-display p {margin-left: 30px !important;}
li.pwr-filter__list-item a.active {
    color: #fff!important;
    text-decoration: underline!important;
}

.body-container--blog-index  .pwr-post-item__author span {
    font-size: 16px;
    font-weight: 400;
}
/*-------------------------------------*/

.body-container--blog-index .pwr-3D-box__info-box {
    -webkit-transform: translateZ(25px) !important;
    transform: translateZ(25px) !important;
    transition: opacity .4s ease-in-out !important;

}

.body-container--blog-index .pwr--colored-box {
    background: transparent !important;
}







/* .body-container--blog-index .pwr-3D-box {
transform: perspective(1200px) scale(1) !important;
transform-style: preserve-3d !important;

} */

.body-container--blog-index .pwr-3D-box:hover {
    transform: perspective(1200px) scale(1.05) !important;
}

.body-container--blog-index .pwr-3D-box:hover .pwr-3D-box--shaddow-on-hover
box-shadow: 0 20px 40px rgba(0,0,0,.2) !important;

}
.body-container-wrapper--blog-post #pwr-progress-bar, .body-container-wrapper--blog-post progress {
    display: none !important;
}

span.rogz-date-custom:before, span.rogz-date-custom+.pwr-post-item__n-min-read:before {
    content: "|";
    padding: 0 10px 0 8px;
}
span.rogz-date-custom {
    color: var(--clr-text-lt);
    display: inline-block;
    font-family: var(--ff-accent);
    padding-bottom: 5px;
    text-transform: var(--tt-other);
    font-size: 16px;
    font-weight: 400;
}

.rogz-date-custom {
    transition: color 1s ease-in-out;
}
.pwr-post-item:not(.pwr-post-item--1col):hover .rogz-date-custom { color: var(--mod-bpp-clr-hover-box-txt); }




.pet-parent h5 { letter-spacing: 1.3px; font-family: var(--ff-text); font-weight: 700; }
.pet-parent h4 { font-family: var(--ff-text);font-weight: 700;text-transform: uppercase; letter-spacing: 1.5px; }
.pet-parent h6 { font-family: var(--ff-text);font-weight: 700;margin-bottom:0 }
.pet-parent h2 { color: #0e6fb8; }
.box-cloumn-section .inenr-box-column-section .heading-text h1.h2 { color: #0077c0; font-size: var(--fs-h2); font-weight: var(--fw-h2); letter-spacing: var(--ls-h2); line-height: var(--lh-h2); font-family: var(--ff-h2); }

/* Product Three Column Module */
.three-col-module{padding:96px 0 32px}
.text-center{text-align:center}
.three-col-module .info-txt{max-width:985px;margin:0 auto}
.three-col-list{display:flex;flex-wrap:wrap;align-items:flex-start}
.three-col-list{justify-content:center}
.three-col-list>div:nth-child(n+6){margin-top:30px}
.three-col-list>div{width:33.33%;padding:10px;text-align:center}
*+.three-col-list{margin-top:70px}
.three-col-list>div .col-item-title+p{margin-top:12px;margin-bottom:0}
.three-col-list>div *+.col-item-info-txt{margin-top:20px}
.three-col-list>div p{line-height:1.56}
.three-col-list>div .col-img img { max-width: 322px !important; width: 100%; }

/* Activity Three Column Module */
.activity-three-col-module{padding:96px 0 32px}
.activity-three-col-module .info-txt{max-width:985px;margin:0 auto}
.activity-three-col-list{display:flex;flex-wrap:wrap;align-items:flex-start}
.activity-three-col-item:hover{background-color:#0e6fb8;border-radius:10px}
.activity-three-col-item:hover *{color:#fff}
.activity-three-col-list{justify-content:center}
.activity-three-col-list>div:nth-child(n+4){margin-top:65px}
.activity-three-col-list>div{width:33.33%;padding:32px 16px;text-align:center}
*+.activity-three-col-list{margin-top:70px}
.activity-three-col-list>div .col-item-title+p{margin-top:20px;margin-bottom:0}
.activity-three-col-list>div *+.col-item-info-txt{margin-top:20px}
.activity-three-col-list>div p{line-height:1.25}
.activity-three-col-list>div:nth-child(n+4){margin-top:65px}
.activity-three-col-item:hover{background-color:#0e6fb8;border-radius:10px}
.activity-three-col-item:hover *{color:#fff}
.activity-three-col-list>div .col-img img { width: 125px !important; height: 125px !important; border-radius: 80px; max-width: 100% !important; object-fit: cover; object-position: center; }

/* Five Column Module */
.five-col-module{padding:64px 0 0}
.five-col-module .info-txt{max-width:985px;margin:0 auto}
.five-col-list{display:flex;flex-wrap:wrap;align-items:flex-start}
.five-col-list{justify-content:center}
.three-col-module .subtitle-txt+.info-txt{margin-top:12px}
.five-col-list>div:nth-child(n+6){margin-top:30px}
.five-col-list>div{width:calc(20%);padding:10px;text-align:center}
.title-v2+.subtitle-txt{margin-top:12px}
*+.five-col-list{margin-top:26px}
.five-col-list>div .col-item-title+p{margin-top:12px;margin-bottom:0}
.five-col-list>div *+.col-item-info-txt{margin-top:20px}
.five-col-list>div p{line-height:1.2}

/* Full width Two Column Slider Module */
.rage-slide-col-module{padding:64px 0 64px}
.rage-slide-col-module .info-txt{max-width:985px;margin:0 auto}
.subtitle-txt+.info-txt{margin-top:20px}
*+.rage-slide-col-list{margin-top:45px}
.rage-slide-col-list>div .col-item-title+p{margin-top:20px;margin-bottom:0}
.rage-slide-col-list>div *+.col-item-info-txt{margin-top:20px}
.rage-slide-col-list>div p{line-height:1.5}
.pet-parent .rage-slide-col-module * { color:#fff }
.rage-slide-col-item{display:flex;flex-wrap:wrap;max-width:904px;align-items:center;margin:0 auto}
.rage-slide-col-item>div{width:50%;padding:10px}
.rage-slide-col-item>div img{width:381px!important}
.rage-slide-col-item>div .col-img{text-align:center}
.rage-slide-col-item>div.col-img{text-align:center;display:flex;justify-content:center}
.pet-parent .rage-slide-col-list.owl-carousel .owl-nav{max-width:1134px;transform:translate(-50% ,-50%);left:50%}
.pet-parent .rage-slide-col-list.owl-carousel .owl-nav button.owl-next:after,.pet-parent .rage-slide-col-list.owl-carousel .owl-nav button.owl-prev:after{background-color:#fff;-webkit-mask-size:25px;mask-size:17px;width:27px;height:47px}
.pet-parent .rage-slide-col-list.owl-carousel .owl-nav button{width:20px;height:34px}
.rage-slide-col-item>div.col-img img { border-radius: 10px; }

/* Full width Multi Slider Module */
.multi-slide-col-module .info-txt { max-width: 898px; margin: 0 auto; }
.multi-slide-col-module { padding: 121px 0 96px; }
.hair-color-item , .multi-slide-col-item { max-width: 873px; margin: 0 auto; line-height: 0; }
.multi-slide-col-module .info-txt + div { margin-top: 60px; }
.multi-slide-col-module .subtitle-txt+.info-txt{margin-top:12px}
.multi-slide-col-list .col-item-info-txt p { margin: 0;line-height: 1.2;margin-top: 3px; }


.pet-parent .owl-nav{display:flex;flex-wrap:wrap;justify-content:space-between;position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%)}
.pet-parent .owl-nav button{width:11px;height:19px;box-sizing:border-box;position:relative;z-index:1}
.pet-parent .owl-nav button svg *{fill:#094B7B}
.pet-parent .owl-nav button span{line-height:0;font-size:0}
.pet-parent .owl-nav button:hover svg *{fill:#fff}
.pet-parent .owl-dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:18px;min-height:10px}
.pet-parent .owl-dots button.owl-dot{height:6px;line-height:0;margin:0 10px;width:6px;background-color:#848283!important;display:inline-block;position:relative}
.pet-parent .owl-dots button.owl-dot.active { background-color:  !important; width: 10px; height: 10px; }
.pet-parent .slide-list .nav-more .owl-nav{order:2}
.pet-parent .slide-list .nav-more .owl-dots{order:1}
.pet-parent .owl-nav button.owl-next:after{background-position:center;background-repeat:no-repeat;background-size:cover;content:"";height:22px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:13px;z-index:-1;background-color:#0e6fb8;-webkit-mask-image:url(https://info.proactioninternational.com/hubfs/Proaction%20Blog%202022/images/arrow-right.svg);mask-image:url(https://info.proactioninternational.com/hubfs/Proaction%20Blog%202022/images/arrow-right.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:11px;mask-size:11px;transition:.5s ease all}
.pet-parent .owl-nav button.owl-prev:after{background-position:center;background-repeat:no-repeat;background-size:cover;content:"";height:22px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:13px;z-index:-1;background-color:#0e6fb8;-webkit-mask-image:url(https://info.proactioninternational.com/hubfs/Proaction%20Blog%202022/images/arrow-left.svg);mask-image:url(https://info.proactioninternational.com/hubfs/Proaction%20Blog%202022/images/arrow-left.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:11px;mask-size:11px;transition:.5s ease all}

*+.history-tab-info-list { margin-top: 36px; }


.tab-module { padding: 75px 0; }
.history_tab_container h3.tab_drawer_heading { display: none; }

.full-width-module .cta-of a{padding:15px 36px;display:inline-block;background-color:#0077c0;color:#fff;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:1.1px;border-radius:50px;transition:all .3s}
.full-width-module .cta-of a:hover{background-color:#d93}
.full-width-module *+.cta-of{margin-top:35px}


.youtube-container{position:relative;padding-bottom:46.25%;padding-top:30px;overflow:hidden;max-width:1040px;margin:0 auto}
.youtube-image{position:absolute;top:0;left:0;width:100%;height:100%}
button.youtube-play:hover{opacity:1}
.youtube-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;line-height:0;padding-left:14px;width:95px;height:95px;color:#fff;border:none;border-radius:50%;background-color:transparent;z-index:9;cursor:pointer;border:4px solid #fff;opacity:.8}
.youtube-player{position:absolute;top:0;left:0;width:100%;height:100%}
.youtube-player iframe{width:100%!important;height:100%}
.full-width-video-module *+.youtube-container{margin-top:35px}
.full-width-video-module{padding-top:96px}

.tab-module .info-txt { max-width: 1046px; margin: 0 auto; }
.full-width-video-module .info-txt { max-width: 954px; margin-left: auto; margin-right: auto; }

.pwr-accordion__title { font-size: 24px; letter-spacing: 1.2px; font-weight: 500  !important; }
.five-col-list>div .col-img img { max-height: 82px !important; }
.five-col-list>div .col-img { width: 87px; text-align: center; margin-left: auto; margin-right: auto; height: 82px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.history_tab_container .tabContent .image img { max-width: 100% !important; width: 100%; }


.subtitle-txt h5, .subtitle-left-text h3, .title-content-section h3 {
    font-family: 'Caveat' !important;
    font-size: 30px !important;
    line-height: 30px;
    color: #A7D600 !important;
}

.subtitle-txt h5 { font-weight:400; }

.enumenu_ul.desk .hs-menu-wrapper > ul > li:nth-last-child(1) ul, .enumenu_ul.desk .hs-menu-wrapper > ul > li:nth-last-child(2) ul {
    min-width: 230px;
    left: -225px !important;
}
.enumenu_ul.desk .hs-menu-wrapper > ul > li ul li a {     white-space: normal;}

.power-custom-cta-new .pwr-cta--regular-solid-primary-background .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style) {
    border: 2px solid #fff;
}
.power-custom-cta-new .pwr-cta--regular-solid-primary-background .cta_button:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover {
    border: 2px solid;
}


@media(max-width:1300px){
    .r-footer-box {
        padding-left: 80px;
    }
}
@media(max-width:1250px){
    .site-logo { max-width:150px;}
    .right-menu-rogz {
        padding-left: 30px;
        width: calc(100% - 150px);
    }
    .social-follow-icon {
        width: 100%;
        padding-left: 0;
        margin:20px 0 0;
    }
    .news-letter-box {
        width: 75%;
    }
    .footer-box .page-center {
        margin: 0;
        padding: 0 40px;
    }
}

@media(max-width:1150px){
    .enumenu_ul {
        display: none
    }
    .menu-block {
        height: auto;
    }
    .menu-icon {
        display: block
    }

    .enumenu_ul .hs-menu-wrapper > ul > li {
        display: block;
        margin: 0px;
        padding: 0px;
        width: 100%;

    }
    .enumenu_ul .hs-menu-wrapper>ul>li>a {
        display: block;
        padding: 10px 30px !important;
        text-align: left;
        z-index: inherit;
    }
    .enumenu_ul {
        width: 100%;
    }
    .enumenu_ul .hs-menu-wrapper > ul > li ul {
        background: #fff;
        margin-right: 0 !important;
        border-radius: 0 !important;
        padding: 10px 0;
    }
    .enumenu_ul .hs-menu-wrapper > ul > li ul a {

        display: block;

        color: var(--clr-txt-nav-dk);

        padding: 10px 30px;
        text-align: left;

    }
    /* Push Menu */
    body.menuslide_push {
        position: relative;
    }
    body.menuslide_push.slidemenuLeft {
        left: 0;
        transition: left 0.5s;
        -webkit-transition: left 0.5s;
        -moz-transition: left 0.5s;
        -ms-transition: left 0.5s;
        -o-transition: left 0.5s;
    }
    body.menuslide_push.slidemenuRight {
        right: 0;
        transition: right 0.5s;
        -webkit-transition: right 0.5s;
        -moz-transition: right 0.5s;
        -ms-transition: right 0.5s;
        -o-transition: right 0.5s;
    }
    body.slidemenuRight .enumenu_ul {
        right: -100%
    }
    body.slidemenuRight.menu-open .enumenu_ul {
        right: 0;
    }
    body.slidemenuLeft .enumenu_ul {
        left: -100%
    }
    body.slidemenuLeft.menu-open .enumenu_ul {
        left: 0;
    }
    body.menuslide_push.slidemenuLeft.menu-open {
        left: 100%
    }
    body.menuslide_push.slidemenuRight.menu-open {
        right: 100%
    }
    body.menuslide_push .enumenu_ul,
    body.menuOverlap .enumenu_ul {
        background: #006FB9;
        display: block;
        height: 100%;
        max-height: 100%;
        width: 100%;
        overflow: auto;
        position: fixed;
        transition: all 0.5s ease 0s;
        max-width: 100%;
        top: 0;
        padding: 100px 0 65px;
    }

    .rogz-head-pwr {
        margin-top: 66px;
    }
    .menu-icon .menu-box {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        padding: 6px;
        position: absolute;
        right: 0;
        top: 17px;
    }
    .menu-icon .menu-box span {
        width: 100%;
        height: 2px;
        margin-bottom: 7px;
        background: #fff;
        display: block;
        border-radius: 0;
        transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s;
    }
    .menu-icon.active .menu-box {

        z-index: 1;
    }
    .language-switcher-box-head { display:none;}
    .hide-desk.language-switcher-box-head { display:block; margin:15px 0 0; width:33px;}
    .enumenu_ul .hs-menu-wrapper>ul>li>a.menubelow:after { display:none;}
    .language-switcher-box-head .globe_class {

        justify-content: flex-start;
    }
    .language-switcher-box-head .globe_class ul.lang_list_class li a {
        padding-left: 20px;
        font-size: 0;
    }
    .footer-logo { width:200px;}
    .pet-parent .rage-slide-col-list.owl-carousel .owl-nav { max-width: unset !important;  width: calc(100% + 54px); }
}


@media(max-width:991px){
    .r-footer-box {
        padding-left: 0;
        width: 100%;
        order: 1;
    }
    .f-left-box {
        width: 100%;
        order: 2;
    }

    .footer-logo {
        display: inline-block;
        width: 240px;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .footer-bottom-text-box p { width:100%; }
    .footer-box {
        padding: 40px 0;
    }
    .pwr-sec-form__content .form-columns-2>div {
        width: 100% !important;
    }
   .pet-parent .owl-nav { width: calc(100% + 42px); transform: translateY(-50%) translateX(-50%); left: 50%; }

}

@media(max-width:921px){
    .five-col-module { padding: 58px 0 0; }
    .three-col-module { padding: 87px 0 29px; }
    .activity-three-col-module { padding: 87px 0 29px; }
    .activity-three-col-list>div { padding: 29px 14px; }
    .tab-module { padding: 42px 0 58px; }
    .rage-slide-col-module { padding: 25px 0; }
    .full-width-video-module { padding-top: 87px; }
    .multi-slide-col-module { padding: 87px 0 68px; }
    .full-width-module { padding: 43px 0; }
    .multi-slide-col-item { display: flex; flex-direction: column; }
    .activity-three-col-list>div:nth-child(n+4) { margin-top: 40px; }
    
}


@media(min-width:768px){
    .tab_content_outer.sos { display:block!important }
    .history_tab_container p.tab_drawer_heading{display:none}
    .history-tab-info-list .tabTitle ul{list-style: none; margin: 0; padding: 0; display: flex; align-items: flex-start; overflow-x: auto;}
    .history-tab-info-list .tabTitle ul li{text-align: center; font-size: 19px; letter-spacing: 1.5px; font-weight: 700; padding: 20px 17px; border-radius: 10px; cursor: pointer; min-width: 150px; flex: 1;}
    .history-tab-info-list .tabTitle ul li.activeTab{background-color:#0e6fb8;color:#fff}
    .tabContent .image{background-color:#0e6fb8!important;padding:20px;border-radius:10px}
    *+.history_tab_container{margin-top:15px}
}
@media(max-width:767px){
    .r-footer-box .middle-column-footer {

        width: 100%;
    }
    .news-letter-box {
        width: 100%;
        margin: 50px 0 30px;
    } 

    .pwr-sec-maintenance-error__title {
        font-size: 8rem !important;
        line-height: 1 !important;
    }
    .body-container--blog-index .pwr-filter {
        display: none;
    }



    .history-tab-info-list ul.his-tabs{display:none}
    .history_tab_container{margin-top:0;padding-left:0;width:100%}
    .his-inner-tab{background-color:transparent;border:0;border-radius:0;box-shadow:none;max-width:100%;padding:0}
    .history_tab_container p.tab_drawer_heading{align-items: center; background: #0E6FB8; border-radius: 10px; cursor: pointer; display: block; display: flex; font-size: 16px; font-weight: 700; line-height: normal; padding: 20px 60px 20px 30px; position: relative; z-index: 9; margin: 0; color: #fff;letter-spacing: 1.5px;}
    .history_tab_container p.tab_drawer_heading:after{background-color:#fff;background-image:url(https://25501276.fs1.hubspotusercontent-eu1.net/hubfs/25501276/rogz/Website/Pet%20Parent/Image/v-icon.png);background-position:50%;background-repeat:no-repeat;border:1px solid #e6e7e8;border-radius:50%;content:"";height:37px;padding:8px;position:absolute;right:22px;transition:all .3s ease-in-out;width:37px;z-index:9;background-size: 25px;}
    .tab_content_outer{background: #0e6fb83b; border-bottom: 1px solid #f1f4f3; border-radius: 0 0 10px 10px; filter: drop-shadow(0 4px 9px rgba(36, 42, 56, .1)); padding: 30px 20px 20px 20px; position: relative; top: -8px;}
    .history_tab_container p.tab_drawer_heading{margin-top:15px}
    .history_tab_container p.tab_drawer_heading.activeAcdn:after{transform:rotate(180deg);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out}
    
    
    .five-col-list>div { width: 100%; padding: 10px 0; }
    .three-col-list>div { width: 100%; padding: 10px 0; }
    .activity-three-col-list>div { width: 100%; padding: 30px 14px; }
    .activity-three-col-list>div:nth-child(n+2) { margin-top: 0; }
    
    .rage-slide-col-item>div { width: 100%; }
    .five-col-list>div:nth-child(n+6) { margin-top: 0; }
    .three-col-list>div:nth-child(n+6) { margin-top: 0; }
    
    .five-col-module { padding: 48px 0 0; }
    .three-col-module { padding: 54px 0 29px; }
    .activity-three-col-module { padding: 35px 0 29px; }
    .tab-module { padding: 25px 0 44px; }
    .full-width-video-module { padding-top: 45px; }
    .multi-slide-col-module { padding: 45px 0 45px; }
    *+.three-col-list { margin-top: 30px; }
    *+.activity-three-col-list { margin-top: 30px; }
    
    .pwr-accordion__title { font-size: 19px; }
    
    .box-cloumn-section .inenr-box-column-section .heading-text h1.h2 { font-size: var(--fs-h2-tablet); }

}
@media(max-width:640px){
.history_tab_container p.tab_drawer_heading { font-size: 14px;  padding: 20px 50px 20px 20px;  }
    .history_tab_container p.tab_drawer_heading:after {  height: 30px;  right: 10px;  width: 30px;  background-size: 20px; }
}
@media(max-width:575px){
    .box-cloumn-section .inenr-box-column-section .heading-text h1.h2 {     font-size: var(--fs-h2-mobile); }
}
@media(max-width:480px){
.youtube-play { width: 60px; height: 60px; border: 3px solid; }
}