/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*.index-touts__wrapper.m-0 .index-touts__item:nth-child(2),.index-touts__wrapper.m-0 .index-touts__item:nth-child(3){
    margin-left:0;
}

.index-touts__wrapper.m-0 .index-touts__item:nth-child(even) .index-touts__item__wrapper {
    padding-right: 0px;
    padding-left: 20px;
}*/

img,legend{
    border:0
}
legend,td,th{
    padding:0
}
a,body,mark{
    color:#000
}
body,html{
    min-height:100%
}
.accordion__header,.block-index__title,.block-index__title span,.block-management__left,.footer,.footer__title,.get-in-touch__image,.heritage__item,.hero,.hero__title,.index-brands,.index-csr__content,.index-csr__image,.index-csr__tag,.index-location,.index-touts__item__wrapper,.index-touts__wrapper,.investors__filter,.investors__sidebar,.masthead,.menu,.menu--search-open .menu-item__mobile--search span,.menu__sub-item__item--title,.relative,.stock-block,.stock-block__indicator,body,sub,sup{
    position:relative
}
.block-index__sub-title,.block-index__title,.footer__logo,.form__element--date-month input[type=text],.form__element--hours input[type=checkbox],.form__element--year input[type=text],.form__tabs ul,.txt-center{
    text-align:center
}
.footer__bottom,.get-in-touch,.index-brands__column:nth-child(even),.index-brands__column:nth-child(odd){
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal
}
.footer__bottom,.get-in-touch,.get-in-touch__item,.index-brands__column:nth-child(odd){
    -webkit-box-direction:normal
}
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent;
    text-decoration:none
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,optgroup,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
mark{
    background:#ff0
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
pre,textarea{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
.sidebar__open,body{
    overflow-x:hidden
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
table{
    border-collapse:collapse;
    border-spacing:0
}
@-webkit-keyframes searchform-fade{
    0%{
        opacity:0;
        -webkit-animation-timing-function:cubic-bezier(.67,0,.33,1);
        animation-timing-function:cubic-bezier(.67,0,.33,1)
    }
    100%{
        opacity:1
    }
}
@keyframes searchform-fade{
    0%{
        opacity:0;
        -webkit-animation-timing-function:cubic-bezier(.67,0,.33,1);
        animation-timing-function:cubic-bezier(.67,0,.33,1)
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes searchform-slide{
    0%{
        -webkit-transform:translate3d(100px,0,0);
        transform:translate3d(100px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);
        animation-timing-function:cubic-bezier(.11393,.8644,.14684,1)
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes searchform-slide{
    0%{
        -webkit-transform:translate3d(100px,0,0);
        transform:translate3d(100px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);
        animation-timing-function:cubic-bezier(.11393,.8644,.14684,1)
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@-webkit-keyframes menu-item-fade{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
        animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)
    }
    40%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
}
@keyframes menu-item-fade{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
        animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)
    }
    40%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
}
@-webkit-keyframes menu-item-searchhide{
    0%{
        opacity:0;
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
    60%{
        opacity:1
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
        animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)
    }
}
@keyframes menu-item-searchhide{
    0%{
        opacity:0;
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
    60%{
        opacity:1
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
        animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)
    }
}
@-webkit-keyframes searchhide{
    0%{
        opacity:1;
        -webkit-animation-timing-function:ease;
        animation-timing-function:ease
    }
    100%{
        opacity:0
    }
}
@keyframes searchhide{
    0%{
        opacity:1;
        -webkit-animation-timing-function:ease;
        animation-timing-function:ease
    }
    100%{
        opacity:0
    }
}
@-webkit-keyframes searchform-slideout{
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes searchform-slideout{
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@-webkit-keyframes menu-sub-item-show{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100px,0,0);
        transform:translate3d(100px,0,0);
        -webkit-animation-timing-function:ease;
        animation-timing-function:ease
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes menu-sub-item-show{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100px,0,0);
        transform:translate3d(100px,0,0);
        -webkit-animation-timing-function:ease;
        animation-timing-function:ease
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
*{
    box-sizing:border-box
}
::-moz-selection{
    background:#00b2ad
}
::selection{
    background:#00b2ad
}
::-ms-expand{
    display:none
}
html{
    font-size:62.5%
}
body{
    margin:0;
    font-size:14px;
    font-size:1.4rem;
    line-height:1.5em;
    background:#FFF
}
main{
    background:#fff
}
.button{
    text-transform:uppercase;
    background:#000;
    border:none;
    padding:15px;
    min-width:200px;
    outline:0
}
@media all and (max-width:414px){
    .button{
        width:100%
    }
}
.accordion__header,.menu__item,.no-user-select{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.accordion__header__image,.center-align-items,.footer__social,.get-in-touch__image,.heritage__time,.index-touts__wrapper--owl .owl-dots,.masthead,.menu-item__mobile--search{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.block-management__designation,.index-csr__link,.index-location__link,.index-touts__link,.raleway-family,body{
    font-family:Raleway,sans-serif
}
.block-index__title,.block-management__title,.careers__title,.heritage__hero-copy,.heritage__title,.hero__title,.index-brands__title,.index-csr__title,.index-location__title,.index-touts__title,.investors__menu__title,.investors__tout__title,.playfair-family{
    font-family:"Playfair Display",serif
}
.accordion,.accordion__item,.block,.block-franchise,.block-index,.block-index__item,.brand-latest-news,.brand-philosophy,.brand-philosophy__wrapper,.careers__description,.careers__form,.careers__title,.careers__wrapper,.container,.container-copy,.credit-rating,.footer,.footer__bottom,.footer__logo,.footer__nav,.footer__social,.footer__wrapper,.form,.form input[type=text],.form textarea,.form__dob,.form__element,.form__group,.form__group--vertalgn,.form__sub-title,.form__tabs,.form__title,.get-in-touch,.get-in-touch__wrapper,.header,.header__wrapper,.heritage__hero-copy,.heritage__image,.heritage__item,.heritage__wrapper,.hero,.hero__description,.hero__wrapper,.index-brands,.index-brands .right,.index-brands__item,.index-csr,.index-csr .right,.index-csr__content,.index-csr__content__wrapper,.index-csr__image,.index-csr__title,.index-location,.index-location__image,.index-touts,.index-touts .right,.index-touts__item__wrapper,.index-touts__wrapper,.index-touts__wrapper--owl .owl-dots,.investors__content,.investors__filter,.investors__filter__wrapper,.investors__filter__wrapper select,.investors__menu,.investors__menu__item,.investors__touts,.masthead,.menu,.menu-item__mobile,.menu-item__mobile--logo,.menu-item__mobile--search-view__input,.menu-item__mobile__searchform,.menu-item__mobile__wrapper,.menu__item--search-view__input,.menu__item__searchform,.menu__sub-item__wrapper,.width100,.wrapper,header,main{
    width:100%
}
.form__element--agree,.form__element--date-month,.form__element--half,.form__element--hours,.form__element--year,.index-csr__right,.index-location__wrapper,.index-touts__item,.width50{
    width:50%
}
.heritage__left-block,.index-csr__left,.index-location__left,.index-location__right,.width60{
    width:60%
}
.absolute,.accordion__header:after,.accordion__header:before,.accordion__header__download,.block-index__title:after,.heritage__item:not(:last-child):after,.heritage__time,.hero__title:after,.hero__wrapper,.index-csr__tag:not(:last-child):after,.index-csr__tags,.index-location__right,.index-touts__item--double,.index-touts__item--double .right,.investors__filter:after,.masthead-item--logo,.menu-item__mobile--hamburger,.menu-item__mobile--logo,.menu-item__mobile--search,.menu-item__mobile--search-view__button,.menu-item__mobile__search,.menu__item--search-view,.menu__item--search-view__button,.menu__sub-item,.menu__sub-item__item--title:after,.menu__sub-item__item--title:before{
    position:absolute
}
.accordion,.block,.block-franchise,.block-index,.block-index__item,.brand-latest-news,.brand-philosophy,.brand-philosophy__wrapper,.careers__form,.container,.container-copy,.credit-rating,.footer,.footer__bottom,.footer__nav,.footer__wrapper,.form,.form__dob,.form__element--agree,.form__element--half,.form__element--hours,.form__group,.form__group--vertalgn,.form__sub-title,.form__tabs,.form__title,.get-in-touch,.header,.header__wrapper,.heritage__hero-copy,.heritage__image,.heritage__item,.heritage__wrapper,.hero,.index-brands,.index-csr,.index-csr__content,.index-csr__content__wrapper,.index-csr__image,.index-csr__title,.index-location,.index-touts,.index-touts__item,.index-touts__item__wrapper,.index-touts__wrapper,.index-touts__wrapper--owl .owl-dots,.investors__content,.investors__filter,.investors__filter__wrapper,.investors__menu,.investors__sidebar,.investors__touts,.menu,.menu-item__mobile--hamburger,.pull-left,.wrapper,header,main{
    float:left
}
.index-location__wrapper,.pull-right{
    float:right
}
.block-management img,.brand-philosophy__images img,.fluid,.heritage__image img,.heritage__item__image img,.hero__image img,.index-brands img,.index-csr__image img,.index-location__image img,.index-touts__image,.index-touts__item--double .placholder,.investors__tout img,.masthead .placeholder,.menu-item__mobile--logo img{
    display:block;
    width:100%;
    height:auto
}
.accordion__item,.button,.cursor-pointer,.footer__links,.footer__sub-link,.index-csr__link,.index-csr__tag,.index-location__link,.index-touts__link,.investors__link,.investors__menu__item,.menu__item,.menu__sub-item__item--link{
    cursor:pointer
}
.base-container,.footer,.header__wrapper,.hero__wrapper,.wrapper{
    padding:0 60px
}
label.error {
    color: red;
}
@media all and (max-width:1366px){
    .base-container,.footer,.header__wrapper,.hero__wrapper,.wrapper{
        padding:0 50px
    }
}
@media all and (max-width:1250px){
    .base-container,.footer,.header__wrapper,.hero__wrapper,.wrapper{
        padding:0 40px
    }
}
@media all and (max-width:1200px){
    .base-container,.footer,.header__wrapper,.hero__wrapper,.wrapper{
        padding:0 30px
    }
}
@media all and (max-width:680px){
    body{
        font-size:13px;
        font-size:1.3rem
    }
    .base-container,.footer,.header__wrapper,.hero__wrapper,.wrapper{
        padding:0 20px
    }
}
.footer__social__item>span,.get-in-touch__image__elem,.investors__filter:after,.menu-item__mobile--search span,.menu-item__mobile--search-view__button span,.menu__item--search-view__button span,.menu__item__elem,.sprite{
    background-image:url(../images/sprite.png)
}
.accordion__header,.accordion__header__image,.block-franchise,.block-management__item,.block-management__wrapper,.brand-philosophy__wrapper,.careers__form,.careers__wrapper,.flex,.footer__bottom,.footer__nav,.footer__social,.form__dob,.form__group,.form__group--vertalgn,.form__tabs,.get-in-touch__image,.get-in-touch__item,.get-in-touch__wrapper,.heritage__time,.heritage__wrapper,.index-brands,.index-brands__column,.index-csr__content__wrapper,.index-csr__tags,.index-location,.index-location__right,.index-touts__item__wrapper,.index-touts__wrapper--owl .owl-dots,.investors__touts,.masthead,.menu,.menu__item,.menu__sub-item__wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    display:-webkit-flex
}
.wrapper--index{
    background:#efefef
}
.footer__links,.footer__sub-link,.footer__title:after,.footer__title:before,.front .menu-item__mobile--logo,.front .menu-item__mobile__wrapper,.front .menu__item--logo,.index-csr__tag,.investors__menu__item,.masthead,.menu,.menu-item__mobile,.menu-item__mobile--hamburger,.menu-item__mobile--hamburger span,.menu-item__mobile--hamburger span:after,.menu-item__mobile--hamburger span:before,.menu-item__mobile--search,.menu-item__mobile--search span,.menu-item__mobile--search-view__button span,.menu__item,.menu__item--search-view__button span,.menu__item--withchildren span:after,.menu__item--withchildren span:before,.menu__item__elem,.menu__sub-item__item--link,.menu__sub-item__item--title:after,.menu__sub-item__item--title:before,.stick-header.front .header__wrapper,.transitiond-default{
    transition:all .4s
}
.accordion__item{
    overflow:hidden;
    margin-bottom:20px
}
.accordion__item--active .accordion__header:before{
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0)
}
.accordion__item:last-child{
    margin-bottom:50px
}
.accordion__header{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
@media all and (max-width:1200px){
    .accordion__header{
        font-size:15px!important
    }
}
.accordion__header:after,.accordion__header:before{
    width:15px;
    height:1px;
    background:#9d9d9d;
    content:'';
    right:30px;
    top:50%;
    margin-top:-1px
}
.accordion__header:before{
    will-change:transform;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.accordion__header__title{
    padding-right:170px;
    line-height:1.5em
}
@media all and (max-width:768px){
    .accordion__item:last-child{
        margin-bottom:20px
    }
    .accordion__header{
        font-size:14px!important
    }
    .accordion__header:after,.accordion__header:before{
        right:20px;
        width:10px
    }
    .accordion__header__title{
        padding-right:30px
    }
}
.accordion__header__image{
    border-radius:100%;
    width:93px;
    height:93px;
    min-width:93px;
    overflow:hidden;
    margin-right:40px
}
@media all and (max-width:1280px){
    .accordion__header__image{
        width:63px;
        height:63px;
        min-width:63px;
        margin-right:30px
    }
}
@media all and (max-width:680px){
    .accordion__header__image{
        display:none
    }
}




.accordion__header__download{
    font-size:14px;
    right:130px
}
.accordion__content,.accordion__header{
    padding:30px 50px;
    background:#FFF
}
@media all and (max-width:1200px){
    .accordion__content,.accordion__header{
        padding:30px 50px 30px 30px
    }
}
@media all and (max-width:768px){
    .accordion__header__download{
        right:20px;
        bottom:20px
    }
    .accordion__content,.accordion__header{
        padding:20px 40px 20px 20px
    }
}
.accordion__content{
    border-top:1px solid #efefef;
    display:none
}
.form__group{
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:20px
}
.form__group--vertalgn{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:20px
}
.form__dob{
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    margin-bottom:20px
}
.form__tabs{
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.form__tabs ul{
    list-style-type:none;
    width:100%;
    -webkit-padding-start:0
}
.form__tabs ul li{
    display:inline-block;
    padding:0 10px
}
.form__tabs ul li a{
    display:block;
    background:#fff;
    font-size:35px;
    padding:35px;
    border-radius:45px;
    line-height:16px;
    border:1px solid #828383
}
.form__tabs .active-tab-bt a{
    background:#00b1ac;
    color:#fff;
    border:1px solid #00b1ac
}
.form__tabs .active-tab-bt p{
    color:#00b1ac
}
.form .each-tab-content{
    display:none
}
.form__element--half{
    width:calc(50% - 10px)
}
.form__element--agree{
    position:relative;
    width:100%
}
.form__element--agree label{
    position:relative;
    display:block;
    padding-left:30px
}
.form__element--agree input[type=checkbox]{
    position:absolute;
    left:0;
    top:6px;
    width:15px;
    height:15px;
    outline:0;
    text-align:center
}
.form__element--agree input[type=checkbox]:after{
    position:absolute;
    content:'';
    left:0;
    top:0;
    width:15px;
    height:15px;
    font-size:10px;
    font-weight:700;
    background:#fff;
    border:1px solid #000
}
.form__element--agree input[type=checkbox]:checked:after{
    content:'\2713'
}
.form__element--agree p{
    padding:0;
    margin:0
}
.form__element--hours{
    position:relative;
    width:100%
}
.form__element--hours label{
    position:relative;
    display:block;
    padding-left:30px
}
.form__element--hours input[type=checkbox]{
    position:absolute;
    left:0;
    top:6px;
    width:15px;
    height:15px;
    outline:0
}
.form__element--hours input[type=checkbox]:after{
    position:absolute;
    content:'';
    left:0;
    top:0;
    width:15px;
    height:15px;
    font-size:10px;
    font-weight:700;
    background:#fff;
    border:1px solid #000
}
.form__element--hours input[type=checkbox]:checked:after{
    content:'\2713'
}
.form__element--hours p{
    padding:4px 0 0;
    margin:0
}
.form__sub-title,.form__title{
    margin-bottom:10px;
    text-transform:uppercase
}
.form__element--date-month{
    width:60px
}
.form__element--year{
    width:80px
}
.form__title{
    font-size:18px;
    font-size:1.8rem;
    color:#000;
    line-height:1.5em
}
.form input[type=text],.form textarea{
    background:0 0;
    border:1px solid #9d9d9d;
    padding:15px;
    outline:0
}
.form textarea{
    height:150px;
    resize:none
}
.form__sub-title{
    font-size:14px;
    font-size:1.4rem;
    color:#868585
}
.scroll-fade{
    transition:all .8s .2s;
    opacity:0;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    will-change:transform
}
@media all and (max-width:1024px){
    .scroll-fade{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
.scroll-fade.in-view{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    line-height:1.5em
}
.h1,h1{
    font-size:72px;
    font-size:7.2rem
}
@media all and (max-width:1366px){
    .h1,h1{
        font-size:62px;
        font-size:6.2rem
    }
}
@media all and (max-width:1280px){
    .h1,h1{
        font-size:58px;
        font-size:5.8rem
    }
}
@media all and (max-width:768px){
    .h1,h1{
        font-size:48px;
        font-size:4.8rem
    }
}
@media all and (max-width:680px){
    .h1,h1{
        font-size:28px;
        font-size:2.8rem
    }
}
.accordion__header,.container-copy--top p,.font-size16,.index-csr__description,.investors__menu__item{
    font-size:16px;
    font-size:1.6rem
}
.header-copy,.hero__description,.investors__filter__wrapper select,.menu-item__mobile--search-view__input,.menu__item--search-view__input{
    font-size:18px;
    font-size:1.8rem
}
.h2,.heritage__hero-copy,.heritage__title,.investors__menu__title,h2{
    font-size:36px;
    font-size:3.6rem
}
@media all and (max-width:1200px){
    .h2,.heritage__hero-copy,.heritage__title,.investors__menu__title,h2{
        font-size:34px;
        font-size:3.4rem
    }
}
@media all and (max-width:1024px){
    .h2,.heritage__hero-copy,.heritage__title,.investors__menu__title,h2{
        font-size:28px;
        font-size:2.8rem
    }
    .container{
        background:#000
    }
}
@media all and (max-width:680px){
    .h2,.heritage__hero-copy,.heritage__title,.investors__menu__title,h2{
        font-size:22px;
        font-size:2.2rem
    }
}
.h3,h3{
    font-size:22px;
    font-size:2.2rem
}
@media all and (max-width:1250px){
    .h3,h3{
        font-size:20px;
        font-size:2rem
    }
}
@media all and (max-width:1080px){
    .h3,h3{
        font-size:18px;
        font-size:1.8rem
    }
}
@media all and (max-width:880px){
    .h3,h3{
        font-size:22px;
        font-size:2.2rem
    }
}
@media all and (max-width:414px){
    .h3,h3{
        font-size:16px;
        font-size:1.6rem
    }
}
.index-touts__image,.no-visible{
    visibility:hidden;
    opacity:0
}
.button,.font-white,.footer,.hero,.menu__item,::-moz-selection{
    color:#FFF
}
.button,.font-white,.footer,.hero,.menu__item,::selection{
    color:#FFF
}
.font-black,.investors__menu{
    color:#000
}
.accordion__header__download,.block-index__title,.careers__title,.font-teal,.footer__links:hover,.footer__sub-link:hover,.heritage__hero-copy,.heritage__title,.index-csr__link,.index-csr__link a,.index-csr__tag:hover,.index-location__link,.index-touts__link,.investors__link,.investors__menu__item--active,.investors__menu__item:hover,.investors__menu__title,.menu__sub-item__item--link:hover{
    color:#00b2ad
}
.block-index__sub-title,.font-gray,.get-in-touch__title{
    color:#303030
}
.container-copy--top p,.font-light,.menu-item__mobile--search-view__input,.menu__item--search-view__input{
    font-weight:300
}
.accordion__header,.block-management__designation,.font-regular,.heritage__title,.index-csr__tag,.investors__filter__wrapper select,.menu__item{
    font-weight:400
}
.block-index__sub-title,.font-medium,.get-in-touch__title{
    font-weight:500
}
.button,.font-semi-bold,.investors__menu__item,.investors__subtitle,.menu__sub-item__item--title{
    font-weight:600
}
.accordion__header__download,.block-management__title,.font-bold,.form__sub-title,.form__title,.index-brands__title,.index-csr__link,.index-csr__title,.index-location__link,.index-location__title,.index-touts__link,.index-touts__title,.investors__link,.investors__menu__title,.investors__tout__title{
    font-weight:700
}
.block-index__title,.font-bold-italic,.heritage__hero-copy{
    font-weight:700;
    font-style:italic
}
.front .header__wrapper,.front .menu-item__mobile__search,.front .menu-item__mobile__wrapper,.front .menu__item--search-view{
    background:0 0
}
.front header{
    margin-top:-90px
}
.front .menu__item--active.menu-item__mobile--search-view__button,.front .menu__item--active.menu__item--search-view__button,.front .menu__item--search.menu__item--active{
    opacity:0;
    visibility:hidden
}
.front .menu__item--logo{
    position:absolute;
    left:0;
    opacity:0;
    top:8px;
    -webkit-transform:translateX(-10px);
    -ms-transform:translateX(-10px);
    transform:translateX(-10px)
}
.front .menu-item__mobile{
    position:fixed;
    top:0
}
.front .menu-item__mobile--logo{
    opacity:0
}
.stick-header .header__wrapper{
    position:fixed;
    top:0;
    width:100%
}
.stick-header .menu-item__mobile__wrapper{
    position:fixed;
    top:0;
    background:#1c1c1c
}
.stick-header.front .header__wrapper,.stick-header.front .menu-item__mobile__search,.stick-header.front .menu__item--search-view{
    background:#1c1c1c
}
.stick-header.front .menu__item--logo{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
    opacity:1;
    transition-delay:.4s
}
.stick-header.front .menu{
    padding-left:120px;
    transition-delay:0s
}
.stick-header .menu-item__mobile--logo{
    opacity:1
}
.menu{
    transition:all .4s ease
}
.stock-block{
    color:#FFF;
    float:right;
    top:35px
}
@media all and (max-width:1200px){
    .front header{
        margin-top:-70px
    }
    .stock-block{
        top:25px
    }
}
@media all and (max-width:1024px){
    .front header{
        margin-top:0
    }
    .front .header{
        height:auto
    }
    .stick-header .header__wrapper{
        z-index:12
    }
    .stick-header.front .menu{
        padding-left:0
    }
    header{
        background:0 0
    }
    .stock-block{
        display:none
    }
}
.stock-block__indicator{
    display:inline-block;
    padding-left:20px
}
.stock-block__indicator:before{
    content:'';
    position:absolute;
    left:3px;
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    top:50%;
    margin-top:0
}
.stock-block__indicator--down{
    color:#9d0312
}
.stock-block__indicator--down:before{
    border-top:4px solid #9d0312
}
.stock-block__indicator--up{
    color:#249013
}
.stock-block__indicator--up:before{
    border-top:4px solid #249013;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.header{
    position:relative;
    z-index:3;
    height:90px
}
@media all and (max-width:1200px){
    .header{
        height:70px
    }
}
.header__wrapper{
    background:#1c1c1c
}
.nav__close{
    display:none
}
@media all and (max-width:1024px){
    .header{
        z-index:3;
        width:100%;
        height:60px
    }
    .header__wrapper{
        position:relative;
        z-index:12
    }
    .nav__close{
        display:block;
        position:absolute;
        left:20px;
        top:20px;
        width:30px;
        height:30px
    }
    .nav__close:after,.nav__close:before{
        content:'';
        position:absolute;
        width:20px;
        height:1px;
        background:#fff;
        -webkit-transform-origin:center;
        -ms-transform-origin:center;
        transform-origin:center;
        transition:all .4s cubic-bezier(.11393,.8644,.14684,1);
        left:50%;
        top:50%;
        margin-left:-20px;
        margin-top:-1px
    }
    .nav__close:after{
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    .nav__close:before{
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    main{
        position:relative;
        z-index:2
    }
    main:after{
        position:absolute;
        top:0;
        right:0;
        width:0;
        height:0;
        background:rgba(0,0,0,.9);
        content:'';
        opacity:0;
        transition:opacity .5s,width .1s .5s,height .1s .5s;
        z-index:1
    }
    .sidebar__open .menu{
        -webkit-transform:translateX(280px);
        -ms-transform:translateX(280px);
        transform:translateX(280px)
    }
}
.sidebar__open main:after{
    width:100%;
    height:100%;
    opacity:1;
    transition:opacity .5s
}
.sidebar__open .masthead{
    opacity:0
}
.menu{
    height:90px;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    max-width:880px
}
@media all and (max-width:1366px){
    .menu{
        max-width:780px
    }
}
@media all and (max-width:1200px){
    .menu{
        height:70px
    }
}
.menu__item{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    letter-spacing:.03em
}
.menu__item:hover{
    color:#00b2ad
}
@media all and (max-width:1024px){
    .menu{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0);
        will-change:transform;
        position:fixed;
        width:280px;
        left:-280px;
        top:0;
        height:100%;
        display:block;
        background:#000;
        opacity:1;
        overflow-y:auto;
        padding:40px 20px 20px
    }
    .menu__item{
        font-size:12px;
        margin:20px 0;
        font-weight:300;
        -webkit-tap-highlight-color:rgba(255,255,255,0)
    }
    .menu-item__mobile--search-view__button,.menu__item--search,.menu__item--search-view__button{
        display:none
    }
}
.menu-item__mobile--search-view__button span,.menu__item--search span,.menu__item--search-view__button span{
    background-position:-2px -5px
}
.menu__item--cart span{
    background-position:-3px -35px
}
@media all and (max-width:1024px){
    .menu__item--cart{
        display:none
    }
}
.menu__item--cart .menu__item__elem--close{
    background:0 0;
    position:absolute;
    opacity:0;
    visibility:hidden
}
.menu__item--cart .menu__item__elem--close:after,.menu__item--cart .menu__item__elem--close:before{
    content:'';
    position:absolute;
    width:15px;
    height:1px;
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center;
    top:50%;
    left:50%;
    margin-left:-5px;
    background:#fff
}
.menu__item--cart .menu__item__elem--close:after{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.menu__item--cart .menu__item__elem--close:before{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.menu-item__mobile--search span,.menu-item__mobile--search-view__button span,.menu__item--search-view__button span,.menu__item__elem{
    text-indent:-999px;
    overflow:hidden;
    display:inline-block;
    width:23px;
    height:25px;
    background-size:180px auto
}
.menu-item__mobile--search span:hover,.menu-item__mobile--search-view__button span:hover,.menu__item--search-view__button span:hover,.menu__item__elem:hover{
    opacity:.6
}
.menu-item__mobile__search,.menu__item--search-view{
    height:100%;
    background:#1c1c1c;
    padding-left:50px;
    will-change:opacity;
    width:calc(100% - 30px);
    opacity:0;
    visibility:hidden
}
.menu-item__mobile--search-view__button,.menu__item--search-view__button{
    background:0 0;
    outline:0;
    border:none;
    top:50%;
    margin-top:-15px;
    left:-40px
}
.menu-item__mobile--search-view__input,.menu__item--search-view__input{
    background:0 0;
    color:#FFF;
    outline:0;
    border:none
}
@media all and (max-width:1024px){
    .menu__item--withchildren span{
        width:100%;
        display:block;
        position:relative
    }
    .menu__item--withchildren span:after,.menu__item--withchildren span:before{
        content:'';
        position:absolute;
        right:0;
        top:50%;
        height:1px;
        width:6px;
        -webkit-transform-origin:right center;
        -ms-transform-origin:right center;
        transform-origin:right center;
        background:#FFF;
        border-radius:2px
    }
    .menu__item--withchildren span:after{
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    .menu__item--withchildren span:before{
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    .menu__item{
        display:block
    }
    .menu__item--logo{
        display:none
    }
}
.menu__item--logo img{
    max-width:75px
}
.menu__sub-item{
    left:-60px;
    width:100vw;
    background:rgba(0,0,0,.7);
    height:100vw;
    color:#000;
    top:90px;
    z-index:10;
    display:none;
    border-bottom:1px solid #eee
}
@media all and (max-width:1366px){
    .menu__sub-item{
        left:-50px
    }
}
@media all and (max-width:1250px){
    .menu__sub-item{
        left:-40px
    }
}
@media all and (max-width:1200px){
    .menu__item--logo img{
        max-width:55px
    }
    .menu__sub-item{
        left:-30px;
        top:70px
    }
}
@media all and (max-width:1024px){
    .menu__sub-item{
        position:static;
        left:0;
        background:#000;
        color:#fff;
        width:100%;
        padding:0;
        margin-top:20px;
        margin-bottom:20px;
        display:none;
        height:100%;
        border-bottom:none
    }
}
.menu__sub-item__wrapper{
    background:#FFF;
    padding:30px 60px
}
@media all and (max-width:1366px){
    .menu__sub-item__wrapper{
        padding:30px 50px
    }
}
@media all and (max-width:1250px){
    .menu__sub-item__wrapper{
        padding:30px 40px
    }
}
@media all and (max-width:1200px){
    .menu__sub-item__wrapper{
        padding:30px
    }
    .menu__sub-item__item--title{
        font-size:13px
    }
}
.menu__sub-item__item{
    margin-right:80px
}
@media all and (max-width:1366px){
    .menu__sub-item__item{
        margin-right:30px
    }
}
@media all and (max-width:1024px){
    .menu__sub-item__wrapper{
        display:block;
        padding:0;
        background:0 0
    }
    .menu__sub-item__item{
        margin-right:0
    }
}
.menu__sub-item__item--title{
    text-transform:uppercase;
    margin-bottom:8px
}
.menu__sub-item__item--title:after,.menu__sub-item__item--title:before{
    content:'';
    right:10px;
    top:50%;
    height:1px;
    width:6px;
    -webkit-transform-origin:right center;
    -ms-transform-origin:right center;
    transform-origin:right center;
    background:#FFF;
    border-radius:2px;
    margin-top:-1px;
    display:none
}
.menu__sub-item__item--title:after{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.menu__sub-item__item--title:before{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
@media all and (max-width:1024px){
    .menu__sub-item__item--title:after,.menu__sub-item__item--title:before{
        display:block
    }
    .menu__sub-item__item--title{
        font-size:11px;
        font-weight:300
    }
    .menu__sub-item__item--link{
        color:#fff
    }
}
.menu__sub-item__item--link{
    font-size:13px;
    margin-bottom:8px;
    display:block
}
@media all and (max-width:1200px){
    .menu__sub-item__item--link{
        font-size:12px;
        margin-bottom:5px
    }
}
.menu .menu__item--active .menu__sub-item__item--link,.menu .menu__item--active .menu__sub-item__item--title{
    -webkit-animation:menu-sub-item-show .4s both;
    animation:menu-sub-item-show .4s both
}
.menu .menu__item--active .menu__sub-item__item--link:nth-child(1),.menu .menu__item--active .menu__sub-item__item--title:nth-child(1){
    -webkit-animation-delay:20ms;
    animation-delay:20ms
}
.menu .menu__item--active .menu__sub-item__item--link:nth-child(2),.menu .menu__item--active .menu__sub-item__item--title:nth-child(2){
    -webkit-animation-delay:40ms;
    animation-delay:40ms
}
.menu .menu__item--active .menu__sub-item__item--link:nth-child(3),.menu .menu__item--active .menu__sub-item__item--title:nth-child(3){
    -webkit-animation-delay:60ms;
    animation-delay:60ms
}
.menu .menu__item--active .menu__sub-item__item--link:nth-child(4),.menu .menu__item--active .menu__sub-item__item--title:nth-child(4){
    -webkit-animation-delay:80ms;
    animation-delay:80ms
}
.menu .menu__item--active .menu__sub-item__item--link:nth-child(5),.menu .menu__item--active .menu__sub-item__item--title:nth-child(5){
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}
.menu .menu__item--active .menu__sub-item__item--link:nth-child(6),.menu .menu__item--active .menu__sub-item__item--title:nth-child(6){
    -webkit-animation-delay:120ms;
    animation-delay:120ms
}
.menu .menu__item--active .menu__sub-item__item--link:nth-child(7),.menu .menu__item--active .menu__sub-item__item--title:nth-child(7){
    -webkit-animation-delay:140ms;
    animation-delay:140ms
}
.menu .menu__item--active .menu__sub-item__item--link:nth-child(8),.menu .menu__item--active .menu__sub-item__item--title:nth-child(8){
    -webkit-animation-delay:160ms;
    animation-delay:160ms
}
.menu .menu__item--active .menu__sub-item__item--link:nth-child(9),.menu .menu__item--active .menu__sub-item__item--title:nth-child(9){
    -webkit-animation-delay:180ms;
    animation-delay:180ms
}
.menu .menu__item--active .menu__sub-item__item--link:nth-child(10),.menu .menu__item--active .menu__sub-item__item--title:nth-child(10){
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
@media all and (max-width:1024px){
    .menu__sub-item__wrap{
        display:none;
        padding-left:10px;
        margin-bottom:20px
    }
    .menu .menu__item--active .menu__sub-item__item--link,.menu .menu__item--active .menu__sub-item__item--title{
        -webkit-animation:none;
        animation:none
    }
    .menu .menu__item--active>span:before{
        -webkit-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        transform:rotate(135deg)
    }
}
.menu--search-open .menu-item__mobile__search,.menu--search-open .menu__item--search-view{
    visibility:visible;
    -webkit-animation:searchform-fade .4s .4s both;
    animation:searchform-fade .4s .4s both
}
.menu--search-open .menu-item__mobile__searchform,.menu--search-open .menu__item__searchform{
    -webkit-animation:searchform-slide 1s .4s both;
    animation:searchform-slide 1s .4s both
}
.menu--search-open .menu__item--animate{
    -webkit-animation:menu-item-fade .4s both;
    animation:menu-item-fade .4s both
}
.menu--search-open .menu__item--animate:nth-child(1){
    -webkit-animation-delay:210ms;
    animation-delay:210ms
}
.menu--search-open .menu__item--animate:nth-child(2){
    -webkit-animation-delay:175ms;
    animation-delay:175ms
}
.menu--search-open .menu__item--animate:nth-child(3){
    -webkit-animation-delay:140ms;
    animation-delay:140ms
}
.menu--search-open .menu__item--animate:nth-child(4){
    -webkit-animation-delay:105ms;
    animation-delay:105ms
}
.menu--search-open .menu__item--animate:nth-child(5){
    -webkit-animation-delay:70ms;
    animation-delay:70ms
}
.menu--search-open .menu__item--animate:nth-child(6){
    -webkit-animation-delay:35ms;
    animation-delay:35ms
}
.menu--search-show .menu-item__mobile__search,.menu--search-show .menu__item--search-view{
    visibility:visible;
    opacity:1
}
.menu--search-show .menu-item__mobile__searchform,.menu--search-show .menu__item__searchform{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.menu--search-show .menu__item--animate{
    opacity:0
}
.menu--search-show .menu__item--cart .menu-item__mobile--search span,.menu--search-show .menu__item--cart .menu-item__mobile--search-view__button span,.menu--search-show .menu__item--cart .menu__item--search-view__button span,.menu--search-show .menu__item--cart .menu__item__elem,.menu-item__mobile--search .menu--search-show .menu__item--cart span,.menu-item__mobile--search-view__button .menu--search-show .menu__item--cart span,.menu__item--search-view__button .menu--search-show .menu__item--cart span{
    opacity:0;
    visibility:hidden
}
.menu--search-show .menu__item--cart .menu__item__elem--close{
    opacity:1;
    visibility:visible
}
.menu--search-hide .menu-item__mobile__search,.menu--search-hide .menu__item--search-view{
    -webkit-animation:searchhide .4s both;
    animation:searchhide .4s both
}
.menu--search-hide .menu-item__mobile__searchform,.menu--search-hide .menu__item__searchform{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.menu--search-hide .menu__item--animate{
    -webkit-animation:menu-item-searchhide .4s both;
    animation:menu-item-searchhide .4s both
}
.menu--search-hide .menu__item--animate:nth-child(1){
    -webkit-animation-delay:35ms;
    animation-delay:35ms
}
.menu--search-hide .menu__item--animate:nth-child(2){
    -webkit-animation-delay:70ms;
    animation-delay:70ms
}
.menu--search-hide .menu__item--animate:nth-child(3){
    -webkit-animation-delay:105ms;
    animation-delay:105ms
}
.menu--search-hide .menu__item--animate:nth-child(4){
    -webkit-animation-delay:140ms;
    animation-delay:140ms
}
.menu--search-hide .menu__item--animate:nth-child(5){
    -webkit-animation-delay:175ms;
    animation-delay:175ms
}
.menu--search-hide .menu__item--animate:nth-child(6){
    -webkit-animation-delay:210ms;
    animation-delay:210ms
}
.menu-item__mobile{
    display:none;
    height:70px
}
@media all and (max-width:1024px){
    .menu-item__mobile{
        display:block
    }
}
@media all and (max-width:680px){
    .menu-item__mobile{
        height:60px
    }
}
.menu-item__mobile__wrapper{
    background:#1a1a1b;
    height:70px;
    z-index:11
}
@media all and (max-width:680px){
    .menu-item__mobile__wrapper{
        height:60px
    }
}
.menu-item__mobile--hamburger{
    width:40px;
    height:40px;
    z-index:4;
    top:18px;
    left:30px
}
@media all and (max-width:680px){
    .menu-item__mobile--hamburger{
        left:20px;
        top:13px
    }
}
.menu-item__mobile--hamburger span{
    position:relative;
    display:block;
    top:10px;
    will-change:margin;
    width:23px;
    background:#FFF;
    height:2px;
    border-radius:2px
}
.menu-item__mobile--hamburger span:after,.menu-item__mobile--hamburger span:before{
    background:#FFF;
    height:2px;
    border-radius:2px;
    content:'';
    position:absolute;
    will-change:transform
}
.menu-item__mobile--hamburger span:after{
    width:17px;
    top:5px
}
.menu-item__mobile--hamburger span:before{
    width:10px;
    top:10px
}
.menu-item__mobile--search{
    width:40px;
    height:40px;
    float:right;
    z-index:4;
    top:16px;
    right:30px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
@media all and (max-width:680px){
    .menu-item__mobile--search{
        right:12px;
        top:11px
    }
}
.menu-item__mobile--search span{
    background-position:-2px -5px
}
.menu-item__mobile--logo{
    max-width:50px;
    left:50%;
    margin-left:-25px;
    margin-top:-25px;
    top:50%
}
.menu-item__mobile__search{
    position:fixed;
    width:100%;
    background:#000!important;
    top:0;
    padding:40px;
    height:100%;
    opacity:0;
    visibility:hidden;
    will-change:opacity;
    z-index:1000
}
.sidebar__open .menu-item__mobile--hamburger{
    -webkit-transform:translateX(-20px);
    -ms-transform:translateX(-20px);
    transform:translateX(-20px);
    opacity:0;
    visibility:hidden
}
.sidebar__open .menu-item__mobile--search{
    -webkit-transform:translateX(20px);
    -ms-transform:translateX(20px);
    transform:translateX(20px);
    opacity:0
}
.menu--search-open .menu-item__mobile__search{
    opacity:1;
    visibility:visible
}
.menu--search-open .menu-item__mobile--hamburger{
    -webkit-transform:translateX(-20px);
    -ms-transform:translateX(-20px);
    transform:translateX(-20px);
    opacity:0;
    visibility:hidden
}
.menu--search-open .menu-item__mobile--search span{
    background:0 0;
    display:inline-block
}
.menu--search-open .menu-item__mobile--search span:after,.menu--search-open .menu-item__mobile--search span:before{
    position:absolute
}
.menu__sub-item__item--active .menu__sub-item__item--title:before{
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg)
}
.footer{
    z-index:1;
    background:#000
}
.footer__wrapper{
    padding:0 50px
}
@media all and (max-width:1200px){
    .footer__wrapper{
        padding:0
    }
}
.footer__nav{
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:50px 0;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media all and (max-width:1366px){
    .footer__item--logo img{
        max-width:120px
    }
}
@media all and (max-width:1024px){
    .footer__nav{
        display:block;
        padding:30px 0
    }
    .footer__item{
        width:25%;
        float:left
    }
    .footer__item--logo{
        width:100%!important;
        margin-bottom:20px;
        padding:0!important;
        border:none!important
    }
    .footer__item--logo img{
        max-width:90px
    }
    .masthead{
        z-index:2
    }
}
@media all and (max-width:880px){
    .footer__item{
        width:100%;
        border:1px solid #eee;
        margin-bottom:20px;
        border-radius:2px
    }
    .footer__logo{
        display:none
    }
}
.footer__item--mobile{
    border:none;
    padding:0 20px;
    display:none
}
@media all and (max-width:680px){
    .footer__item{
        margin-bottom:15px
    }
    .footer__item--mobile{
        padding:0 15px
    }
}
.footer__item--active .footer__title:after{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.footer__item--active .footer__title:before{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.footer__social{
    margin-top:5px
}
.footer__social__item{
    padding:0 15px
}
.footer__social__item>span{
    overflow:hidden;
    display:inline-block;
    width:23px;
    height:25px
}
.footer__social--fb span{
    background-position:-55px -13px
}
.footer__social--twitter span{
    background-position:-100px -13px
}
.footer__social--instagram span{
    background-position:-146px -13px
}
.footer__title{
    text-transform:uppercase;
    font-weight:500
}
.block-index__title,.index-csr__tag{
    text-transform:capitalize;
    position:initial;
}
@media all and (max-width:880px){
    .footer__title{
        padding:20px
    }
}
@media all and (max-width:680px){
    .footer__title{
        padding:15px
    }
}
.footer__title:after,.footer__title:before{
    content:'';
    position:absolute;
    width:10px;
    height:1px;
    background:#FFF;
    display:none;
    right:20px;
    top:45%
}
@media all and (max-width:880px){
    .footer__title:after,.footer__title:before{
        display:block
    }
}
.footer__title:after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right
}
.footer__title:before{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    right:24px
}
.footer__links,.footer__sub-link{
    padding:3px 0;
    display:block;
    color:#FFF
}
.footer__bottom{
    -webkit-flex-flow:row wrap;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    padding:30px 0;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-top:1px solid #FFF
}
.footer__sub-link{
    display:inline-block;
    margin-left:50px;
    padding:0
}
@media all and (max-width:680px){
    .footer__bottom{
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .footer__sub-link{
        margin-left:0;
        padding:0 10px
    }
    .footer__sub-text{
        margin-bottom:20px;
        width:100%;
        text-align:center
    }
}
.masthead-item--logo{
    padding:0 40px;
    z-index:2;
    top:50%;
    -webkit-transform:translate(-50%,-70%);
    -ms-transform:translate(-50%,-70%);
    transform:translate(-50%,-70%);
    left:50%
}
@media all and (max-width:1600px){
    .masthead-item--logo img{
        max-width:120px
    }
}
@media all and (max-width:1366px){
    .masthead-item--logo img{
        max-width:120px
    }
}
@media all and (max-width:1024px){
    .masthead-item--logo img{
        max-width:100px
    }
}
@media all and (max-width:880px){
    .masthead-item--logo img{
        max-width:140px
    }
}
@media all and (max-width:680px){
    .masthead-item--logo{
        -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
    }
    .masthead-item--logo img{
        max-width:110px
    }
    .slick-slide{
        width:395px;
        margin-right:20px
    }
}
@media all and (max-width:414px){
    .masthead-item--logo img{
        max-width:80px
    }
}
.slick-list{
    padding-left:0!important
}
.block-index{
    margin-top:50px
}
.block-index__title span{
    display:inline-block;
    padding:0 10px;
    z-index:1;
    background:#efefef
}
.block-index__title:after{
    content:'';
    height:1px;
    width:100%;
    background:#9d9d9d;
    bottom:12px;
    left:0
}
.block-index--white-bg span{
    background:#FFF
}
@media all and (max-width:1366px){
    .block-index{
        margin-top:35px
    }
}
@media all and (max-width:1250px){
    .block-index{
        margin-top:25px
    }
}
@media all and (max-width:680px){
    .block-index{
        margin-top:20px
    }
    .index-touts__wrapper--owl .owl-stage{
        padding-left:0!important;
        padding-right:0!important;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap
    }
}
.index-brands,.index-csr,.index-touts{
    margin-top:50px
}
.index-touts.no-margin,.no-margin.index-brands,.no-margin.index-csr{
    margin-top:0
}
.index-touts__wrapper--owl{
    margin-left:-20px;
    width:calc(100% + 40px)!important
}
.index-touts__wrapper--owl .index-touts__item{
    margin-bottom:10px;
    height:100%
}
.index-touts__wrapper--owl .owl-item:last-child{
    margin-right:0!important
}
.index-touts__wrapper--owl .owl-dots{
    margin:20px 0
}
.index-touts__wrapper--owl .owl-dot{
    width:10px;
    height:10px;
    background:#ababab;
    border-radius:100%;
    margin:0 3px
}
.index-touts__wrapper--owl .owl-dot.active{
    background:#00b2ad
}
.index-touts__wrapper--reverse .index-touts__item--double{
    left:auto;
    right:0
}
.index-touts__wrapper--reverse .index-touts__item:nth-child(2),.index-touts__wrapper--reverse .index-touts__item:nth-child(3){
    margin-left:0;
    margin-right:50%;
    padding-left:0;
    padding-right:20px
}
.index-touts__wrapper--reverse .index-touts__item:nth-child(2) .index-touts__item__wrapper,.index-touts__wrapper--reverse .index-touts__item:nth-child(3) .index-touts__item__wrapper{
    padding-left:0
}
.index-touts__wrapper--blocks .index-touts__item{
    margin-left:0!important
}
.index-touts__wrapper--blocks .index-touts__item:nth-child(odd) .index-touts__item__wrapper{
    padding-left:0;
    padding-right:20px!important
}
.index-touts__wrapper--blocks .index-touts__item:nth-child(even) .index-touts__item__wrapper{
    padding-right:0;
    padding-left:20px
}
.index-touts__wrapper--single .index-touts__item{
    width:100%;
    padding-left:0
}
.index-touts__wrapper--single .index-touts__item__wrapper{
    max-height:600px;
    padding-left:0!important
}
.index-touts__wrapper--single .index-touts__item__wrapper .left{
    width:calc(100% - 630px)
}
.index-touts__wrapper--single .index-touts__item__wrapper .right{
    width:630px
}
.index-touts__wrapper--matchSingle .index-touts__item{
    width:100%;
    padding-left:0
}
.index-touts__wrapper--matchSingle .index-touts__item .index-touts__item__wrapper{
    padding-left:0!important
}
.index-touts--nooverflow .index-touts__item:nth-child(2){
    margin-top:0
}
.index-touts--nooverflow .index-touts__item--double .index-touts__item__wrapper{
    max-height:100%
}
.block-management__title,.index-location__title,.index-touts__title{
    padding-bottom:20px;
    border-bottom:1px solid #9d9d9d;
    margin-bottom:20px
}
@media all and (max-width:1366px){
    .block-management__title,.index-location__title,.index-touts__title{
        padding-bottom:15px;
        margin-bottom:15px;
        line-height:1.2em
    }
    .index-touts__description{
        font-size:13px;
        line-height:1.3em
    }
}
@media all and (max-width:1080px){
    .block-management__title,.index-location__title,.index-touts__title{
        padding-bottom:10px;
        margin-bottom:10px
    }
}
.index-touts__item{
    margin-bottom:40px
}
@media all and (max-width:1200px){
    .index-touts__item{
        margin-bottom:30px
    }
}
.index-touts__item:nth-child(2){
    margin-top:50px
}
@media all and (max-width:1366px){
    .index-touts__item:nth-child(2){
        margin-top:43px
    }
}
@media all and (max-width:1080px){
    .index-touts__item:nth-child(2){
        margin-top:39px
    }
}
@media all and (max-width:880px){
    .index-touts__description{
        font-size:14px;
        line-height:1.4em
    }
    .index-touts__item{
        width:100%
    }
    .index-touts__item:nth-child(2){
        margin-top:0
    }
    .index-touts__item--double .index-touts__image{
        max-height:720px
    }
}
.index-touts__item--double{
    left:0;
    top:0;
    width:calc(50% - 20px);
    height:calc(342px * 2 + 40px)
}
.index-touts__item--double .placholder{
    display:none
}
.index-touts__item--double .index-touts__image{
    visibility:hidden;
    opacity:0
}
@media all and (max-width:768px){
    .index-touts__item--double .index-touts__image{
        max-height:630px
    }
}
@media all and (max-width:680px){
    .index-touts__description{
        font-size:12px
    }
    .index-touts__item{
        margin-bottom:20px
    }
    .index-touts__item--double .index-touts__image{
        max-height:540px
    }
}
.index-touts__item--double .index-touts__item__wrapper{
    padding-left:0!important;
    max-height:calc(100% + 50px);
    height:calc(100% + 50px);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%
}
@media all and (max-width:680px){
    .index-touts__item--double .index-touts__item__wrapper{
        max-height:400px;
        height:400px
    }
}
.index-touts__item--double .right{
    bottom:0;
    right:0;
    position:absolute;
    height:342px
}
@media all and (max-width:1600px){
    .index-touts__item--double .right{
        height:320px
    }
}
@media all and (max-width:1440px){
    .index-touts__item--double .right{
        height:300px
    }
}
@media all and (max-width:1366px){
    .index-touts__item--double .right{
        height:300px
    }
}
@media all and (max-width:1250px){
    .index-touts__item--double .right{
        height:270px
    }
}
@media all and (max-width:1080px){
    .index-touts__item--double .right{
        height:240px
    }
}
@media all and (max-width:880px){
    .index-touts__item--double .right{
        height:300px
    }
}
@media all and (max-width:680px){
    .index-touts__item--double .right{
        height:210px
    }
}
@media all and (max-width:1600px){
    .index-touts__item--double{
        height:calc(320px * 2 + 40px)
    }
}
@media all and (max-width:1440px){
    .index-touts__item--double{
        height:calc(300px * 2 + 40px)
    }
}
@media all and (max-width:1366px){
    .index-touts__item--double{
        height:calc(247px * 2 + 40px)
    }
}
@media all and (max-width:1250px){
    .index-touts__item--double{
        height:calc(267px * 2 + 40px)
    }
}
@media all and (max-width:1200px){
    .index-touts__item--double{
        width:calc(50% - 15px);
        height:calc(265px * 2 + 30px)
    }
}
@media all and (max-width:1080px){
    .index-touts__item--double{
        height:calc(235px * 2 + 30px)
    }
}
.index-touts__item:nth-child(2),.index-touts__item:nth-child(3){
    margin-left:50%;
}
.index-touts__item:nth-child(2) .index-touts__item__wrapper,.index-touts__item:nth-child(3) .index-touts__item__wrapper{
    padding-left:20px;
    padding-right:0!important
}
@media all and (max-width:1200px){
    .index-touts__item:nth-child(2) .index-touts__item__wrapper,.index-touts__item:nth-child(3) .index-touts__item__wrapper{
        padding-left:15px
    }
}
.index-touts__item:nth-child(even) .index-touts__item__wrapper{
    padding-right:20px
}
@media all and (max-width:1200px){
    .index-touts__item:nth-child(even) .index-touts__item__wrapper{
        padding-right:15px
    }
}
@media all and (max-width:880px){
    .index-touts__item--double{
        width:100%;
        height:100%;
        position:static
    }
    .index-touts__item:nth-child(2),.index-touts__item:nth-child(3){
        margin-left:0
    }
    .index-touts__item:nth-child(2) .index-touts__item__wrapper,.index-touts__item:nth-child(3) .index-touts__item__wrapper{
        padding-left:0
    }
    .index-touts__item:nth-child(even) .index-touts__item__wrapper{
        padding-right:0
    }
}
.index-touts__item:nth-child(odd) .index-touts__item__wrapper{
    padding-left:20px
}
@media all and (max-width:1200px){
    .index-touts__item:nth-child(odd) .index-touts__item__wrapper{
        padding-left:15px
    }
}
.index-touts__item__wrapper{
    position:relative;
    min-height:342px;
    max-height:342px
}
@media all and (max-width:1600px){
    .index-touts__item__wrapper{
        /*min-height:320px;*/
        min-height:400px;
        max-height:320px
    }
}
@media all and (max-width:1440px){
    .index-touts__item__wrapper{
        min-height:300px;
        max-height:300px
    }
}
@media all and (max-width:1366px){
    .index-touts__item__wrapper{
        min-height:250px;
        max-height:260px
    }
}
@media all and (max-width:1250px){
    .index-touts__item__wrapper{
        min-height:270px;
        max-height:270px
    }
}
.index-brands .left,.index-csr .left,.index-touts .left{
    width:calc(100% - 340px);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%
}
@media all and (max-width:1600px){
    .index-brands .left,.index-csr .left,.index-touts .left{
        width:calc(100% - 300px)
    }
}
@media all and (max-width:1440px){
    .index-brands .left,.index-csr .left,.index-touts .left{
        width:calc(100% - 280px)
    }
}
@media all and (max-width:1366px){
    .index-brands .left,.index-csr .left,.index-touts .left{
        width:calc(100% - 250px)
    }
}
@media all and (max-width:1250px){
    .index-brands .left,.index-csr .left,.index-touts .left{
        width:calc(100% - 250px)
    }
}
@media all and (max-width:1080px){
    .index-touts__item__wrapper{
        min-height:240px;
        max-height:240px
    }
    .index-brands .left,.index-csr .left,.index-touts .left{
        width:calc(100% - 220px)
    }
}
@media all and (max-width:880px){
    .index-touts__item:nth-child(odd) .index-touts__item__wrapper{
        padding-left:0
    }
    .index-touts__item__wrapper{
        min-height:100%;
        max-height:100%
    }
    .index-brands .left,.index-csr .left,.index-touts .left{
        width:calc(100% - 300px)
    }
}
@media all and (max-width:680px){
    .index-brands .left,.index-csr .left,.index-touts .left{
        width:185px
    }
}
.index-brands .right,.index-csr .right,.index-touts .right{
    width:340px;
    padding:30px 65px 30px 30px;
    background:#FFF
}
@media all and (max-width:1600px){
    .index-brands .right,.index-csr .right,.index-touts .right{
        width:300px
    }
}
@media all and (max-width:1440px){
    .index-brands .right,.index-csr .right,.index-touts .right{
        width:280px;
        padding:20px 45px 20px 20px
    }
}
@media all and (max-width:1366px){
    .index-brands .right,.index-csr .right,.index-touts .right{
        width:250px;
        padding:20px 35px 20px 20px
    }
}
@media all and (max-width:1250px){
    .index-brands .right,.index-csr .right,.index-touts .right{
        width:250px
    }
}
@media all and (max-width:1080px){
    .index-brands .right,.index-csr .right,.index-touts .right{
        width:220px;
        padding:20px 25px 20px 20px
    }
}
@media all and (max-width:880px){
    .index-brands .right,.index-csr .right,.index-touts .right{
        width:300px;
        padding:30px 65px 30px 30px
    }
}
@media all and (max-width:680px){
    .index-brands .right,.index-csr .right,.index-touts .right{
        width:230px;
        padding:20px
    }
}
.index-csr__link,.index-location__link,.index-touts__link{
    margin-top:15px
}
.index-location{
    margin-top:-70px;
    margin-bottom:50px
}
@media all and (max-width:1280px){
    .index-location{
        margin-top:-60px
    }
}
@media all and (max-width:1250px){
    .index-location{
        margin-top:-50px
    }
}
@media all and (max-width:980px){
    .index-location{
        margin-left:-180px;
        margin-right:-30px;
        width:calc(100% + 210px)
    }
}
@media all and (max-width:768px){
    .index-location{
        margin-left:-30px;
        width:calc(100% + 60px)
    }
}
@media all and (max-width:680px){
    .index-location{
        margin-bottom:20px;
        margin-left:0;
        display:block;
        width:100%
    }
}
.index-location .placeholder{
    max-width:560px;
    display:none
}
.index-location__left{
    z-index:1
}
@media all and (max-width:1080px){
    .index-location{
        margin-top:0
    }
    .index-location__left{
        width:65%
    }
}
@media all and (max-width:980px){
    .index-location__left{
        width:70%
    }
}
@media all and (max-width:768px){
    .index-location__left{
        width:65%
    }
}
@media all and (max-width:680px){
    .index-location__left{
        width:100%
    }
}
.index-location__right{
    right:0;
    bottom:0;
    background:#FFF;
    padding:50px 70px 50px 50px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media all and (max-width:1440px){
    .index-location__right{
        padding:30px 70px 30px 50px
    }
    .index-csr__image{
        margin-top:-50px
    }
}
@media all and (max-width:1280px){
    .index-location__right{
        padding:30px
    }
}
@media all and (max-width:980px){
    .index-location__right{
        width:50%;
        padding:30px 20px
    }
}
@media all and (max-width:768px){
    .index-location__right{
        width:60%;
        padding:50px 20px
    }
}
.index-csr{
    margin-bottom:50px
}
@media all and (max-width:680px){
    .index-location__right{
        width:100%;
        padding:20px;
        position:relative
    }
    .index-location__wrapper{
        width:100%
    }
    .index-csr{
        margin-bottom:20px
    }
}
.index-csr__image{
    margin-top:-50px
}
.index-csr__content{
    background:#FFF
}
.index-csr__content__wrapper{
    padding:50px 50px 80px
}
@media all and (max-width:980px){
    .index-csr__content__wrapper{
        padding:30px 30px 80px
    }
}
@media all and (max-width:680px){
    .index-csr__content__wrapper{
        padding:20px 20px 80px
    }
}
@media all and (max-width:414px){
    .index-location__title{
        font-size:17px
    }
    .index-csr__content__wrapper{
        padding:20px 20px 70px
    }
    .index-csr__title{
        font-size:16px;
        line-height:1.3em
    }
}
@media all and (max-width:768px){
    .index-csr__image{
        margin-top:-45px
    }
    .index-csr__left{
        width:40%;
        padding-right:20px
    }
    .index-csr__right{
        width:60%
    }
}
@media all and (max-width:360px){
    .index-csr__left{
        padding-right:10px
    }
}
.index-csr__title{
    max-width:310px
}
.index-csr__description{
    max-width:70%;
    line-height:1.7em
}
@media all and (max-width:1280px){
    .index-csr__description{
        max-width:80%;
        font-size:14px
    }
    .index-csr__tag{
        font-size:13px
    }
}
.index-csr__tags{
    bottom:0;
    left:50px;
    width:calc(100% - 100px);
    height:50px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    border-top:1px solid #9d9d9d
}
@media all and (max-width:980px){
    .index-csr__description{
        max-width:100%
    }
    .index-csr__tags{
        left:30px;
        width:calc(100% - 60px)
    }
}
@media all and (max-width:414px){
    .index-csr__tags{
        display:block
    }
    .index-csr__tag{
        font-size:11px
    }
}
@media all and (max-width:680px){
    .index-csr__tags{
        left:20px;
        width:calc(100% - 40px)
    }
    .index-csr__tags .index-csr__right{
        width:100%;
        height:100%;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.index-csr__tag{
    padding-right:30px
}
.index-csr__tag:not(:last-child):after{
    content:"";
    width:3px;
    height:3px;
    border-radius:50%;
    background:#FFF;
    right:12px;
    top:9px
}
.heritage__item:not(:last-child):after,.hero__title:after,.investors__filter:after{
    content:''
}
.index-csr__tag:hover{
    text-decoration:underline
}
.index-brands{
    margin-bottom:50px;
    opacity:1!important;
    -webkit-transform:translateY(0)!important;
    -ms-transform:translateY(0)!important;
    transform:translateY(0)!important;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media all and (max-width:680px){
    .index-brands{
        margin-bottom:20px;
        margin-top:20px
    }
}
.index-brands__column{
    width:19%
}
@media all and (max-width:980px){
    .index-csr__tag{
        padding-right:20px
    }
    .index-brands{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap
    }
    .index-brands__column{
        width:48%
    }
}
.index-brands__column:nth-child(even){
    -webkit-flex-flow:row wrap-reverse;
    -ms-flex-flow:row wrap-reverse;
    flex-flow:row wrap-reverse
}
.index-brands__column:nth-child(odd){
    -webkit-flex-flow:row wrap;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap
}
.index-brands__column:nth-child(1) .index-brands__item:nth-child(1){
    -webkit-transform:translate3d(-50px,-50px,0);
    transform:translate3d(-50px,-50px,0)
}
.index-brands__column:nth-child(1) .index-brands__item:nth-child(2){
    -webkit-transform:translate3d(-30px,-10px,0);
    transform:translate3d(-30px,-10px,0)
}
.index-brands__column:nth-child(2) .index-brands__item:nth-child(2){
    -webkit-transform:translate3d(0,-50px,0);
    transform:translate3d(0,-50px,0);
    transition-delay:.1s
}
.index-brands__column:nth-child(2) .index-brands__item:nth-child(1){
    -webkit-transform:translate3d(-30px,30px,0);
    transform:translate3d(-30px,30px,0)
}
.index-brands__column:nth-child(3) .index-brands__item:nth-child(1){
    -webkit-transform:translate3d(0,-60px,0);
    transform:translate3d(0,-60px,0);
    transition-delay:.2s
}
.index-brands__column:nth-child(3) .index-brands__item:nth-child(2){
    -webkit-transform:translate3d(-20px,40px,0);
    transform:translate3d(-20px,40px,0)
}
.index-brands__column:nth-child(4) .index-brands__item:nth-child(2){
    -webkit-transform:translate3d(0,-60px,0);
    transform:translate3d(0,-60px,0);
    transition-delay:.1s
}
.index-brands__column:nth-child(4) .index-brands__item:nth-child(1){
    -webkit-transform:translate3d(35px,30px,0);
    transform:translate3d(35px,30px,0)
}
.index-brands__column:nth-child(5) .index-brands__item:nth-child(1){
    -webkit-transform:translate3d(30px,-30px,0);
    transform:translate3d(30px,-30px,0)
}
.index-brands__column:nth-child(5) .index-brands__item:nth-child(2){
    -webkit-transform:translate3d(35px,30px,0);
    transform:translate3d(35px,30px,0);
    transition-delay:.1s
}
.index-brands__item{
    transition:all .8s .5s ease;
    will-change:transform;
    opacity:0;
    margin-bottom:25px
}
.index-brands__image{
    margin-bottom:15px
}
@media all and (max-width:414px){
    .index-brands__item{
        margin-bottom:15px
    }
    .index-brands__image{
        margin-bottom:10px
    }
}
.index-brands.scroll-fade.in-view .index-brands__item{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
@media all and (max-width:1024px){
    .hero{
        padding:30px 30px 0
    }
}
@media all and (max-width:680px){
    .hero{
        padding:20px 20px 0
    }
}
.hero__wrapper{
    top:0;
    left:0;
    height:100%;
    padding-top:10%
}
@media all and (max-width:1024px){
    .hero__wrapper{
        left:30px;
        padding-top:0;
        padding-bottom:60px;
        bottom:0;
        height:auto;
        top:auto
    }
}
@media all and (max-width:680px){
    .hero__wrapper{
        left:20px;
        width:calc(100% - 40px);
        padding-bottom:20px
    }
}
.hero__wrapper.scroll-fade.in-view .hero__description,.hero__wrapper.scroll-fade.in-view .hero__title{
    opacity:1
}
.hero__wrapper.scroll-fade.in-view .hero__title:after{
    width:100%;
    transition-delay:.2s
}
.hero__wrapper.scroll-fade.in-view .hero__description{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
    transition:all .8s .2s
}
.hero__title{
    padding-bottom:12px;
    margin-bottom:30px;
    opacity:0;
    display:inline-block
}
.hero__title:after{
    height:1px;
    width:0;
    right:0;
    bottom:0;
    background:#FFF;
    transition:width 1.8s ease
}
.hero__description{
    max-width:480px;
    letter-spacing:.04em;
    opacity:0;
    -webkit-transform:translate(0,20px);
    -ms-transform:translate(0,20px);
    transform:translate(0,20px)
}
@media all and (max-width:1366px){
    .hero__description{
        font-size:16px;
        font-size:1.6rem
    }
}
@media all and (max-width:680px){
    .hero__title{
        margin-bottom:20px
    }
    .hero__description{
        font-size:14px;
        font-size:1.4rem
    }
}
.block-franchise,.brand-latest-news,.brand-philosophy,.careers__form,.get-in-touch{
    margin-top:50px;
    margin-bottom:50px
}
.brand-philosophy__content{
    width:55%;
    padding:0 80px
}
@media all and (max-width:1024px){
    .block-franchise,.brand-latest-news,.brand-philosophy,.careers__form,.get-in-touch{
        margin-top:30px;
        margin-bottom:30px
    }
    .brand-philosophy__content{
        padding:0 50px 0 0
    }
}
@media all and (max-width:680px){
    .block-franchise,.brand-latest-news,.brand-philosophy,.careers__form,.get-in-touch{
        margin-top:10px
    }
    .brand-philosophy__wrapper{
        display:block
    }
    .brand-philosophy__content{
        width:100%;
        padding:0 30px
    }
}
.brand-philosophy__images{
    width:45%
}
@media all and (max-width:680px){
    .brand-philosophy__images{
        width:100%;
        padding:0 30px;
        margin-top:30px
    }
    .get-in-touch__wrapper{
        -webkit-transform:scale(.8);
        -ms-transform:scale(.8);
        transform:scale(.8)
    }
}
.brand-latest-news{
    margin-bottom:10px
}
.brand-latest-news .right{
    border:1px solid #efefef
}
.get-in-touch{
    -webkit-flex-flow:row nowrap;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap
}
.get-in-touch__wrapper{
    max-width:873px;
    margin:0 auto;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media all and (max-width:768px){
    .get-in-touch__wrapper{
        max-width:351px;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media all and (max-width:680px){
    .get-in-touch{
        margin:0
    }
}
.get-in-touch__item{
    -webkit-box-orient:vertical;
    -webkit-flex-flow:column wrap;
    -ms-flex-flow:column wrap;
    flex-flow:column wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.block-management__wrapper,.heritage__wrapper{
    -webkit-flex-flow:row wrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal
}
@media all and (max-width:768px){
    .get-in-touch__item{
        margin-bottom:20px
    }
}
.get-in-touch__image{
    width:97px;
    height:97px;
    background:#00b2ad;
    border-radius:100%
}
.get-in-touch__image__elem{
    display:inline-block
}
.get-in-touch__image--website{
    width:35px;
    height:35px;
    background-position:-4px -109px
}
.get-in-touch__image--fb{
    width:15px;
    height:31px;
    background-position:-65px -111px
}
.get-in-touch__image--twitter{
    width:36px;
    height:26px;
    background-position:-106px -113px
}
.get-in-touch__image--youtube{
    width:30px;
    height:29px;
    background-position:-168px -111px
}
.get-in-touch__image--instagram{
    width:25px;
    height:24px;
    background-position:-224px -115px
}
.get-in-touch__image--linkedin{
    width:22px;
    height:22px;
    background-position:-275px -115px
}
.get-in-touch__title{
    margin-top:20px
}
.block-franchise .form,.careers__form .form{
    margin-left:auto;
    margin-right:auto
}
.block-management__wrapper{
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.block-management__item{
    width:48%;
    margin-bottom:50px;
    border:1px solid #eee
}
.block-management__item:first-child{
    width:100%
}
.block-management__item:first-child .block-management__left,.block-management__item:first-child .block-management__right{
    width:48%
}
.block-management__item:first-child .block-management__right{
    padding-left:40px;
    padding-right:40px
}
@media all and (max-width:980px){
    .block-management__item{
        display:block;
        width:49%;
        margin-bottom:30px
    }
}
@media all and (max-width:414px){
    .block-management__item{
        width:100%;
        margin-bottom:20px
    }
}
@media all and (max-width:1500px){
    .block-management img{
        height:auto;
        width:100%;
        position:absolute;
        left:50%;
        top:0;
        -webkit-transform:translate(-50%,0);
        -ms-transform:translate(-50%,0);
        transform:translate(-50%,0)
    }
}
.block-management__left{
    width:45%;
    overflow:hidden
}
@media all and (max-width:980px){
    .block-management__left{
        width:100%;
        height:330px
    }
}
.block-management__right{
    width:55%;
    padding:30px
}
@media all and (max-width:1366px){
    .block-management__right{
        padding:20px
    }
}
@media all and (max-width:980px){
    .block-management__right{
        width:100%
    }
}
.block-management__designation{
    font-size:14px!important
}
@media all and (max-width:414px){
    .block-management__designation{
        font-size:12px!important
    }
}
.investors{
    margin-top:50px;
    margin-bottom:50px
}
.investors__sidebar{
    width:370px;
    margin-right:-370px;
    min-height:40vw
}
@media all and (max-width:1440px){
    .investors__sidebar{
        width:330px;
        margin-right:-330px
    }
}
@media all and (max-width:1280px){
    .investors__sidebar{
        width:300px;
        margin-right:-300px
    }
}
@media all and (max-width:1024px){
    .investors__sidebar{
        width:250px;
        margin-right:-250px
    }
}
.investors__wrapper{
    margin-left:370px;
    overflow:hidden
}
@media all and (max-width:1440px){
    .investors__wrapper{
        margin-left:330px
    }
    .investors__menu__item{
        font-size:14px
    }
}
@media all and (max-width:1280px){
    .investors__wrapper{
        margin-left:300px
    }
}
@media all and (max-width:1024px){
    .investors__wrapper{
        margin-left:250px
    }
}
@media all and (max-width:880px){
    .investors{
        margin-top:20px;
        margin-bottom:20px
    }
    .investors__sidebar{
        width:100%;
        margin-right:0;
        min-height:100%
    }
    .investors__wrapper{
        margin-left:0
    }
}
.investors__content{
    min-height:40vw;
    background:#f2f2f2;
    padding:50px 50px 0
}
@media all and (max-width:1250px){
    .investors__content{
        padding:40px 40px 0
    }
}
@media all and (max-width:1200px){
    .investors__content{
        padding:30px 30px 0
    }
}
@media all and (max-width:680px){
    .investors__content{
        padding:20px 20px 0
    }
}
.investors__subtitle{
    margin-bottom:45px
}
@media all and (max-width:768px){
    .block-management__left{
        height:280px
    }
    .investors__subtitle{
        margin-bottom:20px
    }
}
.investors__menu__item{
    /*margin-bottom:25px*/
    margin-bottom:10px
}
@media all and (max-width:1200px){
    .investors__menu__item{
        /*margin-bottom:15px*/
        margin-bottom:10px
    }
}
@media all and (max-width:880px){
    .investors__menu__item:last-child{
        margin-bottom:0
    }
}
.investors__menu__title{
    line-height:1.4em;
    margin-bottom:25px
}
.container-copy--top p,.heritage__title{
    line-height:1.5em
}
@media all and (max-width:880px){
    .investors__menu__title{
        margin-bottom:0;
        background:#00b2ad;
        color:#FFF;
        text-align:center;
        padding:10px;
        font-size:22px
    }
    .investors__menu__title span{
        display:inline-block;
        position:relative
    }
    .investors__menu__title span:after{
        content:'';
        position:absolute;
        right:-20px;
        width:0;
        height:0;
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-top:6px solid #fff;
        top:50%;
        margin-top:0
    }
}
.investors__menu--mobile-wrap{
    display:none;
    padding:20px 0
}
.investors__filter__wrapper select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0;
    outline:0;
    padding:20px;
    background:#FFF;
    border:none;
    cursor:pointer
}
.investors__filter{
    max-width:220px;
    min-width:220px;
    margin-right:20px;
    box-shadow:0 1px 3px 0 rgba(214,214,214,.4)
}
.investors__filter:after{
    width:12px;
    height:7px;
    background-position:-61px -59px;
    top:50%;
    margin-top:-3px;
    right:20px
}
.investors__touts{
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:50px;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap
}
@media all and (max-width:1250px){
    .investors__touts{
        margin-top:40px
    }
}
@media all and (max-width:1200px){
    .investors__filter__wrapper select{
        padding:15px;
        font-size:15px
    }
    .investors__touts{
        margin-top:30px
    }
}
@media all and (max-width:680px){
    .investors__filter__wrapper select{
        font-size:13px
    }
    .investors__filter{
        max-width:100%;
        min-width:100%;
        margin-right:0
    }
    .investors__filter:not(:last-child){
        margin-bottom:20px
    }
    .investors__touts{
        margin-top:20px
    }
}
.investors__tout{
    width:31%;
    float:left;
    margin-bottom:50px;
    background:#FFF
}
@media all and (max-width:1250px){
    .investors__tout{
        margin-bottom:40px
    }
}
@media all and (max-width:1200px){
    .investors__tout{
        margin-bottom:30px
    }
}
@media all and (max-width:1150px){
    .investors__tout{
        width:48%
    }
}
@media all and (max-width:680px){
    .investors__tout{
        margin-bottom:20px;
        width:100%
    }
}
.investors__tout__title{
    margin-top:10px;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #9d9d9d
}
@media all and (max-width:1250px){
    .investors__tout__title{
        margin-bottom:10px;
        padding-bottom:10px;
        font-size:18px
    }
}
.investors__links,.investors__tout__description{
    margin-bottom:20px
}
.investors__tout__content{
    background:#FFF;
    padding:20px
}
.investors__link{
    margin-bottom:5px
}
.boards-touts{
    margin-top:0
}
.accordion--investors{
    margin-top:50px
}
@media all and (max-width:1200px){
    .accordion--investors{
        margin-top:30px
    }
}
@media all and (max-width:768px){
    .accordion--investors{
        margin-top:20px
    }
}
.accordion--board{
    margin-bottom:30px
}
.container-copy{
    margin-bottom:50px
}
.container-copy p{
    margin-top:30px
}
.container-copy p:first-child{
    margin-top:0
}
.container-copy--top{
    margin-top:50px;
    margin-bottom:30px
}
@media all and (max-width:1280px){
    .container-copy--top{
        margin-top:30px;
        margin-bottom:20px
    }
    .container-copy--top p{
        font-size:15px
    }
}
@media all and (max-width:680px){
    .container-copy--top{
        margin-top:20px;
        margin-bottom:10px
    }
    .container-copy--top p{
        font-size:14px
    }
}
.credit-rating{
    background:#FFF;
    padding:50px
}
.credit-rating tr:not(:last-child) td{
    padding-bottom:30px
}
.form--investors{
    max-width:900px;
    margin-bottom:50px
}
@media all and (max-width:1200px){
    .form--investors{
        margin-bottom:30px
    }
}
@media all and (max-width:768px){
    .form--investors{
        margin-bottom:20px
    }
}
.form--action{
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:0
}
.accordion.press-accordion{
    margin-bottom:30px
}
@media all and (max-width:980px){
    .careers,.heritage{
        margin-top:50px
    }
    .heritage__left-block{
        width:100%
    }
}
.heritage__wrapper{
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    margin-bottom:50px
}
.heritage__right-block{
    width:40%
}
.heritage__item{
    max-width:70%;
    padding-left:80px
}
@media all and (max-width:1440px){
    .heritage__item{
        max-width:80%
    }
}
.heritage__item:not(:last-child){
    padding-bottom:70px
}
.heritage__item:not(:last-child):after{
    top:0;
    left:24px;
    width:1px;
    height:100%;
    background:#000;
    z-index:1
}
@media all and (max-width:680px){
    .careers,.heritage{
        margin-top:30px
    }
    .heritage__wrapper{
        margin-bottom:0
    }
    .heritage__item{
        max-width:90%;
        padding-left:60px
    }
    .heritage__item:not(:last-child):after{
        left:20px
    }
    .heritage__item:last-child:after{
        content:'';
        position:absolute;
        top:0;
        left:20px;
        width:1px;
        height:100%;
        background:#000;
        z-index:1
    }
    .heritage__item:last-child{
        padding-bottom:30px
    }
}
.heritage__item__image{
    display:none
}
@media all and (max-width:980px){
    .heritage__right-block{
        display:none
    }
    .heritage__item:not(:last-child){
        padding-bottom:30px
    }
    .heritage__item__image{
        display:block;
        margin-top:50px
    }
}
.heritage__item__image img{
    max-width:295px
}
.heritage__time{
    background:#000;
    color:#FFF;
    width:50px;
    height:50px;
    border-radius:100%;
    left:0;
    z-index:2
}
.heritage__content p:not(:last-child){
    margin-bottom:35px
}
.heritage__image img{
    max-width:500px
}
.heritage__image--first{
    margin-top:-50px
}
.heritage__hero-copy{
    line-height:1.5em;
    max-width:70%;
    margin-bottom:80px
}
@media all and (max-width:1440px){
    .heritage__hero-copy{
        max-width:85%
    }
}
@media all and (max-width:680px){
    .heritage__time{
        width:40px;
        height:40px;
        font-size:11px
    }
    .heritage__hero-copy{
        font-size:18px;
        max-width:100%
    }
}
.heritage__hero-copy--offset{
    margin-top:80px
}
.heritage__hero-copy--mobile{
    display:none;
    margin-bottom:0;
    margin-top:20px
}
@media all and (max-width:980px){
    .heritage__hero-copy--mobile{
        display:block
    }
    .heritage__item--careers{
        max-width:100%
    }
}
.icons,.sprite__icon{
    background:url(../images/icons.png) no-repeat
}
.sprite__icon{
    display:inline-block
}
.sprite__icon--icon1{
    background-position:-23px -17px;
    width:20px;
    height:34px
}
.sprite__icon--icon2{
    background-position:-69px -25px;
    width:31px;
    height:18px
}
.sprite__icon--icon3{
    background-position:-127px -19px;
    width:20px;
    height:30px
}
.sprite__icon--icon4{
    background-position:-178px -25px;
    width:30px;
    height:26px
}
.sprite__icon--icon5{
    background-position:-232px -24px;
    width:27px;
    height:29px
}
.sprite__icon--icon6{
    background-position:-288px -28px;
    width:36px;
    height:20px
}
.sprite__icon--icon7{
    background-position:-346px -20px;
    width:21px;
    height:32px
}
.sprite__icon--icon8{
    background-position:-394px -22px;
    width:27px;
    height:29px
}
.sprite__icon--icon9{
    background-position:-445px -25px;
    width:30px;
    height:26px
}
.sprite__icon--icon10{
    background-position:-21px -82px;
    width:24px;
    height:24px
}
.sprite__icon--icon11{
    background-position:-70px -80px;
    width:29px;
    height:29px
}
.sprite__icon--icon12{
    background-position:-122px -86px;
    width:30px;
    height:16px
}
.sprite__icon--icon13{
    background-position:-181px -79px;
    width:27px;
    height:27px
}
.sprite__icon--icon14{
    background-position:-234px -85px;
    width:26px;
    height:19px
}
.sprite__icon--icon15{
    background-position:-284px -80px;
    width:26px;
    height:28px
}
.sprite__icon--icon16{
    background-position:-340px -81px;
    width:28px;
    height:25px
}
.sprite__icon--icon17{
    background-position:-395px -80px;
    width:23px;
    height:30px
}
.sprite__icon--icon18{
    background-position:-438px -78px;
    width:22px;
    height:33px
}
.sprite__icon--icon19{
    background-position:-15px -137px;
    width:37px;
    height:14px
}
.sprite__icon--icon20{
    background-position:-77px -133px;
    width:28px;
    height:28px
}
.heritage__item--careers:after{
    display:none
}
@media all and (max-width:1024px){
    .heritage__item--careers{
        padding-left:20px;
        padding-right:20px
    }
}
@media all and (max-width:680px){
    .heritage__item--careers{
        padding-left:0;
        padding-right:0
    }
    .careers .heritage__item__image{
        margin-top:20px
    }
    .careers .heritage__item:last-child{
        padding-bottom:0
    }
}
.careers .heritage__wrapper{
    margin-bottom:0
}
@media all and (max-width:768px){
    .careers .block-franchise,.careers .brand-latest-news,.careers .brand-philosophy,.careers .careers__form,.careers .get-in-touch{
        margin-bottom:0
    }
}
.careers__wrapper{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap
}
.careers__item{
    width:50%;
    padding:0 80px
}
@media all and (max-width:1024px){
    .careers__item{
        padding:0 20px
    }
    .careers__title{
        font-size:22px
    }
}
.careers__item:not(:last-child){
    margin-bottom:80px
}
@media all and (max-width:1440px){
    .careers__item:not(:last-child){
        margin-bottom:50px
    }
}
@media all and (max-width:680px){
    .careers__item{
        padding-left:0;
        padding-right:0;
        width:100%;
        margin-bottom:20px!important
    }
}
.careers__title{
    max-width:80%;
    line-height:1.2em;
    margin-bottom:20px
}
@media all and (max-width:1440px){
    .careers__title{
        max-width:100%
    }
}
@media all and (max-width:680px){
    .careers__title{
        font-size:18px;
        margin-bottom:10px
    }
}
.careers__description{
    max-width:80%
}
@media all and (max-width:1440px){
    .careers__description{
        max-width:100%
    }
}
@media all and (max-width:980px){
    .heritage__content p{
        clear:left
    }
}

/* Added CSS [Start] */
.index-touts__item-nomargin:nth-child(2) .index-touts__item__wrapper {
    padding-left: 0px;
}
.index-touts__item-nomargin:nth-child(3) {
    margin-left: unset;
}
.index-touts__item-nomargin:nth-child(2) {
    margin-left: unset;
}
.load-more_item {
    float: left;
    width: 100%;
    margin: 30px 0px;
}
.load-more_image {
    float: left;
    width: 100%;
    text-align: center;
}
.load-more_image a {
    display: inline-block;
    width: 75px;
    height: 75px;
    border: 1px solid #00b2ad;
    background: #00b2ad url(./sites/default/files/down-arrow.png) no-repeat center;
    border-radius: 50%;
    text-align: center;
}
.load-more_image a:hover {
    border: 1px solid #00b2ad;
    background: #efefef url(./sites/default/files/down-arrow_hover.png) no-repeat center;
}
.load-more_text {
    float: left;
    width: 100%;
}
.load-more_text p {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}
/* Added CSS [End] */
/* video part */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-modal {
  position:fixed;
  display:none;
  padding-top:120px;
  width:100%;
  left:0px;top:0px;
  right:0px;bottom:0px;
  background:rgba(0, 0, 0, 0.8);
  z-index: 9;
}
.video-container {
  max-width:55%;
  margin:auto;
  background:#000;
}

.close-button{
    position: absolute;
    right: 240px;
    top: 122px;
    max-width: 35px;
    cursor: pointer;
}
.close-button img {
  width:100%;
}




@media(max-width:768px) {
  .video-container {
    max-width:90%;
    margin:auto;
  } 
  .close-button{
    position:absolute;
    right:10px;
    top:10px;
    max-width:20px;
  }
}


/*body {background: #222;}*/

/* leaf animations */

/* Defines the position and dimensions of the leafContainer div */
#leafContainer {position:relative;top:-50px;width:100%;text-align: right;z-index: 9999;}
/* Defines the appearance, position, and dimensions of the message div */


p {
  margin: 15px;
}

a
{
  color: #5C090A;
  text-decoration: none;
}

/* Sets the color of the "Dino's Gardening Service" message */
em 
{
    font-weight: bold;
    font-style: normal;
}

.phone {
  font-size: 150%;
  vertical-align: middle;
}

/* This CSS rule is applied to all div elements in the leafContainer div.
   It styles and animates each leafDiv.
*/
#leafContainer > div 
{
    position: absolute;
    width: 100px;
    height: 100px;
    
    /* We use the following properties to apply the fade and drop animations to each leaf.
       Each of these properties takes two values. These values respectively match a setting
       for fade and drop.
    */
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}

/* This CSS rule is applied to all img elements directly inside div elements which are
   directly inside the leafContainer div. In other words, it matches the 'img' elements
   inside the leafDivs which are created in the createALeaf() function.
*/
#leafContainer > div > img {
     position: absolute;
     width: 100px;
     height: 100px;

    /* We use the following properties to adjust the clockwiseSpin or counterclockwiseSpinAndFlip
       animations on each leaf.
       The createALeaf function in the Leaves.js file determines whether a leaf has the 
       clockwiseSpin or counterclockwiseSpinAndFlip animation.
    */
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-transform-origin: 50% -100%;
}


/* Hides a leaf towards the very end of the animation */
@-webkit-keyframes fade
{
    /* Show a leaf while into or below 95 percent of the animation and hide it, otherwise */
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}


/* Makes a leaf fall from -300 to 600 pixels in the y-axis */
@-webkit-keyframes drop
{
    /* Move a leaf to -300 pixels in the y-axis at the start of the animation */
    0%   { -webkit-transform: translate(0px, -50px); }
    /* Move a leaf to 600 pixels in the y-axis at the end of the animation */
    100% { -webkit-transform: translate(0px, 650px); }
}

/* Rotates a leaf from -50 to 50 degrees in 2D space */
@-webkit-keyframes clockwiseSpin
{
    /* Rotate a leaf by -50 degrees in 2D space at the start of the animation */
    0%   { -webkit-transform: rotate(-50deg); }
    /*  Rotate a leaf by 50 degrees in 2D space at the end of the animation */
    100% { -webkit-transform: rotate(50deg); }
}


/* Flips a leaf and rotates it from 50 to -50 degrees in 2D space */
@-webkit-keyframes counterclockwiseSpinAndFlip 
{
    /* Flip a leaf and rotate it by 50 degrees in 2D space at the start of the animation */
    0%   { -webkit-transform: scale(-1, 1) rotate(50deg); }
    /* Flip a leaf and rotate it by -50 degrees in 2D space at the end of the animation */
    100% { -webkit-transform: scale(-1, 1) rotate(-50deg); }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1824px) {

    .bbclass{ 
        margin-left: 54%;

    }
/* Styles */
}



/*CBG page styles START*/
/*Watch Banner 1st section*/
.watch-banner{
    line-height: 0;
}
.watch-banner-content{
    width: 450px;
    position: absolute;
    top: 50vh;
    right: 0px;
    margin-top: -100px;
}
.watch-banner-content h1{
    font-size: 45px;
    font-weight: bold;
    line-height: 1;
    color: white;
    font-family: auto;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.watch-banner-content p{
    color: white;
    font-size: 18px;
    /* letter-spacing: 1px; */
    line-height: 1.5;
    margin: 0px;
    padding-right: 70px;
    margin-top: 30px;
}
.watch-banner-content hr{
    height: 1px;
    border: none;
    background: white;
    width: 60%;
    margin-left: 0;
}







/*Watch history 2nd section*/
.watch-history{
    width: 100%;
}
.watch-history-content{
    width: 45%;
    float: left;
    background: #F4F4F4;
}

.watch-history-image{
    width: 55%;
    float: left;
}
.watch-history-content p{
    display: flex;
    align-items: center;
    justify-content: center;
    /*min-height: 350px;*/
    padding: 30px;
    font-size: 16px;
    font-weight: 500;
    /*color: white;*/
    line-height: 1.7;
    margin:0px;
}




/*Watch brands 4th section*/
.watch-brands .block-index__title span{ 
    background: transparent;
}
.watch-brands .block-index__sub-title{
    margin-bottom: 50px;
    clear: both;
    /* display: inline-block; */
    /* margin: 0 auto; */
    text-align: center;
    width: 100%
}
.all-watches{
    width: 100%;
    display: block;
}
.all-watches .single-watch{
    width: 32.33333333%;
    display: inline-block;
    margin-bottom: 30px;
    line-height: 0;
    float: left;
}
.all-watches .single-watch img{
    width: 100%
}
.image-100{
    width: 100%;
}
.together-img-content{
    width: 80%;
    margin: 0 auto;
}
.single-watch-content p{
    margin:0px;
    line-height: 1.5;
}
.all-watches .single-watch{
    display: none;
}

.single-watch-content h3{
    line-height: 1.5;
}
.single-watch-content{
    background: #F5F5F5;
    padding: 30px 20px;
    min-height: 230px;
}


.together-img{
    line-height: 0;
}
.watch-brands .block-index__title{
    clear: both;
    padding-top: 50px;
}
.load-products a{
    width: 100px;
    background-color: #00B2AD;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-weight: bold;
}
.load-products{
    display: block;
    margin: 50px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 90px;
}





/*Watch Forns*/
.fields-50 {
    width: 45%;
    display: inline-block;
    margin: 0 2%;
}
.fields-100{
    width: 94.5%;
    display: inline-block;
    margin: 0 2%;
}
.submit-btn{
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
.watch-form input, .watch-form textarea {
    width: 100%;
    padding: 16px 15px;
    margin: 8px 0;
    display: inline-block;
    border: 0px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 13px;
}
.watch-form input:focus{
    outline-color: #00B2AD !important;
    /* border: 1px solid; */
    outline: 1px solid;
}
.watch-form input[type=submit] {
    width: 100px;
    background-color: #00B2AD;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-weight: bold;
}

.watch-form input[type=button] {
    width: 100px;
    background-color: #00B2AD;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-weight: bold;
}
.watch-form h4{
    text-align: center;
    padding: 50px;
    clear: both;
    font-size: 25px;
}
.watch-form form{
    background: #F4F4F4;
    padding: 0px 50px 60px;
    width: 70%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
.watch-form input[type=submit]:hover {
    background-color: black;
}
.watch-form input[type=submit]:focus{
    outline: none;
}
.watch-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 1; /* Firefox */
}

.watch-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
}

.watch-form ::-ms-input-placeholder { /* Microsoft Edge */
    color: black;
}



/*Scroll Down style*/
@keyframes mymove {
    0% {bottom: 20px;}
    25% {bottom: 18px;}
    50% {bottom: 14px;}
    75% {bottom: 17px;}
    100% {bottom: 20px;}
}

.watch-scroll-down{
    margin:0 auto;
    text-align: center;
    position: fixed;
    left: calc(50vw - 50px);
    color: white;
    bottom: 20px;
    animation: mymove 1s infinite ease;
    /*cursor: pointer;*/
}
.watch-scroll-down img{
    width: 50px;
}
.watch-scroll-down > div{
    width: 100px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.watch-scroll-down p{
    color: white;
    margin: 0px;
}







/*Responsive styles*/
@media(min-width: 1800px){
    .watch-history-content p{
        font-size: 30px;
    }
}
@media(min-width: 1199px){
    .watch-banner-content{
        width: 40%;
    }
    .watch-history-content p{
        padding:30px 80px 30px 130px;
    }
}
@media(max-width: 1199px){
    .single-watch-content p{
        font-size: 12px;
    }
}

@media(max-width: 1024px){
    .watch-banner-content{
        top: 140px;
        width: 360px;
    }
}

@media(max-width: 993px){
    .watch-form form{
        width: 100%;
    }
    .single-watch-content{
        min-height: 250px;
    }
    .single-watch-content h3{
        font-size: 16px;
    }
    .together-img-content{
        width: 95%;
    }
    .watch-history-content p{
        font-size: 12px;
    }
}
@media(max-width: 767px){
    .watch-banner-content{
        top: 4.5%;
        /*left: 30px;*/
        width: 230px;
    }
    .watch-banner-content hr{
        width: 100%;
        margin-left: 0px;
    }
    .watch-banner-content{
        /*width: 300px;*/
    }
    .watch-banner-content h1{
        font-size: 20px;
        margin-bottom: 0px;
    }
    .watch-banner-content p{
        font-size: 12px;
        margin-top: 0;
    }
    .watch-scroll-down{
        display: none !important;
    }
    .watch-form h4 {
        padding: 0px;
        font-size: 15px;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .watch-form form{
        padding: 0px 10px 30px;
    }
    .fields-50 {
        width: 94.5%;
    }
    .watch-history-content{
        width: 100%;
    }
    .watch-history-image{
        width: 100%;
    }
    .watch-history-content p {
        font-size: 12px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 767px) and (min-width: 480px){
    .all-watches .single-watch{
        width: 49%;
    }
    .together-img-content{
        width: 90%;
    }
    .watch-banner-content{
        top: 4%;
    }
}
@media screen and (max-width: 767px) and (min-width: 600px){
    .all-watches .single-watch img{
        /*overflow: hidden;*/
        max-height: 240px;
    }
    .together-img{

    }
}
@media(max-width: 480px){

}
@media(max-width: 600px){
    .all-watches .single-watch{
        width: 100%;
    }
    .watch-banner-content{
        top: 2%;
    }
    .together-img-content{
        width: 100%;
    }
    .single-watch-content{
        min-height: initial;
    }
    .watch-brands .block-index__title{
        padding-top: 0px;
    }
}
@media(max-width: 479px){
    .watch-banner-content{
        top: 120px;
        width: 170px;
    }
    .watch-banner-content p{
        padding-right: 0px;
    }
    .watch-banner-image img{
        opacity: 0;
    }
    .watch-banner-image{
        background: url(https://www.titancompany.in/sites/all/themes/titancorporate/assets/images/cbg/watch_new_image.png);
        background-size: cover;
        background-position-x: -30px;
        transform: scale(1.2);
    }

    .single-watch-content{
        min-height: initial;
    }
}
@media (max-width: 479px) and (min-width: 420px){
    .watch-banner-content{
        top: 140px;
        width: 200px;
    }   
}

/*Swiper JS Styles*/
.single-watch .swiper-container {
    width: 100%;
}
.single-watch .swiper-button-next, .single-watch .swiper-button-prev{
    background-size: 18px 18px !important;
}
.single-watch .swiper-pagination-bullet{
    width: 20px;
    height: 5px;
    border-radius: 3px;
    background: #00b2ad;
    /*border: 1px solid #007aff;*/
    opacity: 0.3;
    outline: none;
}
.single-watch .swiper-pagination-bullet-active{
    width: 40px !important;
    background: #00b2adb8;
    opacity: 1;
}
.single-watch .swiper-pagination{
    text-align: left;
    left: 20px !important;
}





/*OTP DIV STYLES*/
section.otp-div input::-webkit-inner-spin-button, section.otp-div input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
section.otp-div input:focus, section.otp-div input.focus {
    border-color: black;
    outline: none;
    box-shadow: none;
}
.otp-div{
    width: 500px !Important;
    margin: 0 auto;
    text-align: center;
    background: #00B2AD;
    padding:60px 20px;
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin: 0 auto;
    color: white;
}
.otp-div h5{
    text-align: center;
    clear: both;
    font-size: 25px;
    margin-bottom: 30px;
}
.otp-div p{
    margin: 0px;
}
.otp-div h5 span{
    border-bottom: 1px solid;
}
.otp-div input {
    width: 40px;
    border-bottom: 2px solid;
    border-radius: 0px;
    background: transparent;
}
.watch-form .verify-resend input[type=submit]{
    background-color: white !important;
    color: grey;
    margin-top: 40px;
    width: 170px !important;
    font-size: 20px;
    text-transform: uppercase;
}
.resend-button a{
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
    color: white;
}
.watch-form input[type=submit]{
    width: initial !important;
}
.fields-50{
    position: relative;
}
.fields-50 span {
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 11px;
    color: red;
    cursor:pointer;
}
.fields-50 span.active {
    top: 17px;
}
.getting-otp.active{
    color: #00B2AD;
    cursor:initial;
}   
#otp-fixed{
    display: none;
}
#otp-fixed.active{
    display: block;
    position: fixed;
    top: 100px;
    z-index: 9999999;
    background: #00000078;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100vh;
    margin-top: 30px;
    padding-top: 100px;
}
.verified-img{
        width: 20px;
    position: relative;
    top: 5px;
}
@media(max-width: 600px){
    .otp-div{
        width: 100% !important;
        padding: 30px 20px;
    }
}


.swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
}
.swiper-pagination.disabled {
    display: none;
}


/*Mobile Number validation message*/
.watch-form em{
    display: none;
}
.watch-form em.active{
    position: absolute;
    bottom: -10px;
    left: 13px;
    font-size: 9px;
    color: red;
    display: block;
}
    /*CBG page styles END*/


.csr-main .index-touts__item:nth-child(2), .csr-main .index-touts__item:nth-child(3) {
    margin-left: 0%!important;
}
.index-touts__item:nth-child(even) .index-touts__item__wrapper {
    padding-right: 0;
}
@media all and (max-width:1600px){
    .index-touts__item__wrapper{
        min-height: 350px;
        max-height: 350px;
    }
}
@media screen and (max-width: 1250px) {
    .index-touts__item__wrapper {
        min-height: 300px !important;
        max-height: 400px !important;
    }
}

@media screen and (max-width: 767px) {
    .index-touts__item:nth-child(2), .index-touts__item:nth-child(3) {
        margin-left: 0%!important;
    }
    .index-touts__wrapper.m-0 .index-touts__item:nth-child(even) .index-touts__item__wrapper {
        padding-left: 0;
    }
}


/*New Styles*/
.investors__content {
    background: #ffffff;
    padding: 0px 30px;
}

.wrapper {
  overflow: auto;
}
.tableContainer {
    width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}
.tableContainer .investors__link {
    margin-bottom: 0;
}
.tableContainer a {
    display: inline-block;
    line-height: normal;
}
table {
  width: 100%;
  border-collapse: collapse;
}
tr {
    border-bottom: solid 4px #ffffff;
}
tr {
  background-color: #f2f2f2;
}
.tableResponsive {
    width: 100%;
    padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .tableResponsive {
        max-width: 500px;
        overflow: scroll hidden;
    }
}

table {
  min-width: 100%;
  border-spacing: 0;
}
thead tr {
    background: #6cadab;
}
thead tr th {
  color: #fff;
  width: 50px;
    height: 75px;
}
th,
td {
  padding: 14px 15px 6px;
  width: 50px;
  white-space: nowrap;
  margin: 0;
  vertical-align: middle;
  text-align: left;
}
th {
  text-align: left;
  border-left: 4px solid #fff;
    text-align: center;
}
.minor {
  background: #efefef;
}
thead .fixed {
    height: 42px;
    height: 73.5px;
    background: #6cadab;
}
tbody tr {
    background: #f2f2f2;
}
tbody td {
  border-left: 4px solid #ffffff;
  text-align: center;
  background: #e0f2fe;
}
.fixed {
    width: 70px;
    padding: 12px 15px;
    position: absolute;
    left: 0;
    top: auto;
    white-space: normal;
    margin-left: 0px;
    z-index: 1;
    background: #6cadab;
    color: #ffffff;
    text-align: center;
}
@media screen and (min-width: 767px) {
    .fixed {
        position: relative;
    }
}
/*cell fixed*/
/*tbody tr:nth-child(1) .fixed, tbody tr:nth-child(2) .fixed, tbody tr:nth-child(3) .fixed {
    background: #75b3f3
}
tbody tr:nth-child(4) .fixed,tbody tr:nth-child(5) .fixed, tbody tr:nth-child(6) .fixed {
    background: #f7cf84
}
tbody tr:nth-child(7) .fixed,tbody tr:nth-child(8) .fixed, tbody tr:nth-child(9) .fixed {
    background: #92cd8b
}
tbody tr:nth-child(10) .fixed,tbody tr:nth-child(11) .fixed, tbody tr:nth-child(12) .fixed {
    background: #ea817e
}
tbody tr:nth-child(13) .fixed, tbody tr:nth-child(14) .fixed, tbody tr:nth-child(15) .fixed {
    background: #75b3f3
}
tbody tr:nth-child(16) .fixed,tbody tr:nth-child(17) .fixed, tbody tr:nth-child(18) .fixed {
    background: #f7cf84
}
tbody tr:nth-child(19) .fixed,tbody tr:nth-child(20) .fixed, tbody tr:nth-child(21) .fixed {
    background: #92cd8b
}
tbody tr:nth-child(22) .fixed,tbody tr:nth-child(23) .fixed, tbody tr:nth-child(24) .fixed {
    background: #ea817e
}
tbody tr:nth-child(25) .fixed, tbody tr:nth-child(26) .fixed, tbody tr:nth-child(27) .fixed {
    background: #75b3f3
}
tbody tr:nth-child(28) .fixed,tbody tr:nth-child(29) .fixed, tbody tr:nth-child(30) .fixed {
    background: #f7cf84
}
tbody tr:nth-child(31) .fixed,tbody tr:nth-child(32) .fixed, tbody tr:nth-child(33) .fixed {
    background: #92cd8b
}
tbody tr:nth-child(34) .fixed,tbody tr:nth-child(35) .fixed, tbody tr:nth-child(36) .fixed {
    background: #ea817e
}*/
/*cell*/
/*tbody tr:nth-child(1) td, tbody tr:nth-child(2) td, tbody tr:nth-child(3) td {
    background: #e0f2fe
}
tbody tr:nth-child(4) td,tbody tr:nth-child(5) td, tbody tr:nth-child(6) td {
    background: #fdf2de
}
tbody tr:nth-child(7) td,tbody tr:nth-child(8) td, tbody tr:nth-child(9) td {
    background: #d8ecd6
}
tbody tr:nth-child(10) td,tbody tr:nth-child(11) td, tbody tr:nth-child(12) td {
    background: #f4e8e7
}
tbody tr:nth-child(13) td, tbody tr:nth-child(14) td, tbody tr:nth-child(15) td {
    background: #e0f2fe
}
tbody tr:nth-child(16) td,tbody tr:nth-child(17) td, tbody tr:nth-child(18) td {
    background: #fdf2de
}
tbody tr:nth-child(19) td,tbody tr:nth-child(20) td, tbody tr:nth-child(21) td {
    background: #d8ecd6
}
tbody tr:nth-child(22) td,tbody tr:nth-child(23) td, tbody tr:nth-child(24) td {
    background: #f4e8e7
}
tbody tr:nth-child(25) td, tbody tr:nth-child(26) td, tbody tr:nth-child(27) td {
    background: #e0f2fe
}
tbody tr:nth-child(28) td,tbody tr:nth-child(29) td, tbody tr:nth-child(30) td {
    background: #fdf2de
}
tbody tr:nth-child(31) td,tbody tr:nth-child(32) td, tbody tr:nth-child(33) td {
    background: #d8ecd6
}
tbody tr:nth-child(34) td,tbody tr:nth-child(35) td, tbody tr:nth-child(36) td {
    background: #f4e8e7
}*/


.fixed + td,
.fixed + th {
    padding-left: 65px;
}
[type="checkbox"] {
  float: left;
}
label {
  overflow: hidden;
  display: block;
  padding-left: 10px;
}
.stop-name {
  font-weight: bold;
}
.stop-loc {
  font-weight: normal;
}
.stop-no {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.is-hidden {
  display: none;
}

/*CSR Page*/
/*.index-touts__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
@media screen and (max-width: 1250px) {
    .index-touts__item__wrapper {
        min-height: 275px;
        max-height: 350px;
    }
}
@media screen and (max-width: 767px) {
    .index-touts__item__wrapper {
        max-height: 400px !important;
    }
}
.index-touts__item {
    width: 48%;
    margin: 1% !important;
}
@media screen and (max-width: 880px) {
    .index-touts__item {
        width: 100%;
    }
}
.index-touts__item:nth-child(2), .index-touts__item:nth-child(3) {
    margin-left: initial;
}
.index-touts__item:nth-child(odd) .index-touts__item__wrapper {
    padding-left: 0;
}


@media screen and (max-width: 767px) {
    .index-touts__item__wrapper {
        display: block;
    }
    .index-touts .left {
        width: 100% !important;
    }
    .index-brands .right, .index-csr .right, .index-touts .right {
        width: 100%;
        padding: 15px;

    }
}*/

@media screen and (max-width: 1250px) {
    .index-touts__item__wrapper {
        min-height: 300px !important;
        max-height: 400px !important;
    }
}


/* Added CSS - Subsidary Page [Start] */
.tableColors .fixed {
    background: #6cadab;
}
.tableColors th.second-cell {
    font-size: 14px;
}
.tableColors .fixed + td, .tableColors .fixed + th {
    padding-left: 20px;
}
.tableCompact .fixed {
    width: 100px;
}
.tableCompact thead tr th {
    width: 100px;
}

.investors__sidebar {
    width: 330px;
    margin-right: -330px;
}
.investors__wrapper {
    margin-left: 330px;
}

.investors__sidebar{
    width:330px;
    margin-right:-330px;
}
@media all and (max-width:1440px){
    .investors__sidebar{
        width:300px;
        margin-right:-300px
    }
}
@media all and (max-width:1280px){
    .investors__sidebar{
        width:270px;
        margin-right:-270px
    }
}
@media all and (max-width:1024px){
    .investors__sidebar{
        width:240px;
        margin-right:-240px
    }
}
.investors__wrapper{
    margin-left:300px;
    overflow:hidden
}
@media all and (max-width:1440px){
    .investors__wrapper{
        margin-left:300px
    }
}
@media all and (max-width:1280px){
    .investors__wrapper{
        margin-left:270px
    }
}
@media all and (max-width:1024px){
    .investors__wrapper{
        margin-left:240px
    }
}
@media all and (max-width:880px){
    .investors__sidebar{
        width:100%;
        margin-right:0;
        min-height:100%
    }
    .investors__wrapper{
        margin-left:0
    }
}

@media only screen and (max-width: 600px) {
    .tableColors .fixed + td, .tableColors .fixed + th {
        padding-left: 65px;
    }
    .tableCompact td.fixed, .tableCompact th.fixed {
        position: relative;
    }
    .tableCompact .wrapper {
        padding: 0px 20px 0px 0px;
    }
    .tableAlign .wrapper {
        padding: 0px 20px 0px 5px;
    }
}

.tableContainer tbody td {
    background-color: #e0f2fe;
}
/* Added CSS - Subsidary Page [End] */

/*.hero__wrapper.scroll-fade.in-view .hero__title:after {
    max-width:100%
}
.index-touts__item:nth-of-type(4) {
    padding-left:20px;
}

 

@media all and (max-width:1200){
    .index-touts__item:nth-of-type(4) {
        padding-left:15px!important;
    }
}
.index-touts__item:nth-child(2), .index-touts__item:nth-child(3) {
    margin-left:0;
}

.index-touts__item:nth-of-type(3){
    float:initial;
}

@media (max-width: 880px) {
    .index-touts__item:nth-of-type(4){
        margin-top:20px;
        padding-left:0;
    }
}*/

/*.m-0>.index-touts__item:nth-of-type(4) {
	padding-left:16px;
}*/

/*.index-touts__item:nth-child(2),.index-touts__item:nth-child(3){
    margin-left:0%;
}

 .index-touts__item--double {
	position:inherit;
}*/

.m-0 .index-touts__item:nth-of-type(4) {
    padding-left:16px;
}

 

.m-0 .index-touts__item:nth-child(2),.m-0 .index-touts__item:nth-child(3){
    margin-left:0%;
}

 

.m-0 .index-touts__item--double {
    position:inherit;
}

/*privacy Policy*/

#headingOne a:after {
 content: '\22C0';
    float: right;
    display: block;
    height: 10px;
    width: 10px;
    font-size: 2rem;
    transform: rotateX( 
-115deg
 );

}

.panel-title a  {
color: inherit;
pointer-events: none;
}
.panel-title {
cursor: pointer;
}

.panel-collapse {

    /* height: 0; */
    transition: height 0.7s;
    overflow: hidden;
}
.collapse {

height:0!important;
}
.panel-group .panel+.panel {
margin-top: 5px;
    padding: 2rem 0;
    border-color: #ddd;
    border: none;
    background-color: #fff;
    border: 1px solid transparent;
}

.panel {

    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.generic-page .panel:first-child {
padding-bottom: 2rem;
}

.arrow:after {
     transform: rotateX(
-64deg
)!important; 
}