/* libre-baskerville-regular - latin_latin-ext */
@font-face {
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/baskerville/baskerville-regular.eot'); /* IE9 Compat Modes */
    src: local('Libre Baskerville'), local('LibreBaskerville-Regular'),
    url('/fonts/baskerville/baskerville-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/baskerville/baskerville-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/baskerville/baskerville-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/baskerville/baskerville-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/baskerville/baskerville-regular.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}

/* libre-baskerville-italic - latin_latin-ext */
@font-face {
    font-family: 'Libre Baskerville';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/baskerville/baskerville-italic.eot'); /* IE9 Compat Modes */
    src: local('Libre Baskerville Italic'), local('LibreBaskerville-Italic'),
    url('/fonts/baskerville/baskerville-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/baskerville/baskerville-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/baskerville/baskerville-italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/baskerville/baskerville-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/baskerville/baskerville-italic.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}

/* libre-baskerville-700 - latin_latin-ext */
@font-face {
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/baskerville/baskerville-700.eot'); /* IE9 Compat Modes */
    src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'),
    url('/fonts/baskerville/baskerville-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/baskerville/baskerville-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/baskerville/baskerville-700.woff') format('woff'), /* Modern Browsers */
    url('/fonts/baskerville/baskerville-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/baskerville/baskerville-700.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/lato/lato-300.eot'); /* IE9 Compat Modes */
    src: local('Lato Light'), local('Lato-Light'),
    url('/fonts/lato/lato-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/lato/lato-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/lato/lato-300.woff') format('woff'), /* Modern Browsers */
    url('/fonts/lato/lato-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/lato/lato-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/lato/lato-regular.eot'); /* IE9 Compat Modes */
    src: local('Lato Regular'), local('Lato-Regular'),
    url('/fonts/lato/lato-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/lato/lato-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/lato/lato-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/lato/lato-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/lato/lato-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/lato/lato-700.eot'); /* IE9 Compat Modes */
    src: local('Lato Bold'), local('Lato-Bold'),
    url('/fonts/lato/lato-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/lato/lato-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/lato/lato-700.woff') format('woff'), /* Modern Browsers */
    url('/fonts/lato/lato-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/lato/lato-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* crimson-text-regular - latin */
@font-face {
    font-family: 'Crimson Text';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/crimson-text/crimson-text-regular.eot'); /* IE9 Compat Modes */
    src: local('Crimson Text Regular'), local('CrimsonText-Regular'),
    url('/fonts/crimson-text/crimson-text-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/crimson-text/crimson-text-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/crimson-text/crimson-text-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/crimson-text/crimson-text-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/crimson-text/crimson-text-regular.svg#CrimsonText') format('svg'); /* Legacy iOS */
}

* {
    font-family: 'Libre Baskerville',sans-serif;
    font-weight: 400;
}

html {
    font-size: 62.5%; /* 10px */
}

body {
    font-size: 1.6rem;
    position: relative;
}

header {
    min-height: 200px;
    background-size: cover;
    position: relative;
    padding-top: 10px;
}

header > div {
    position: relative;
    z-index: 1;
}

.bg-dark-blue {
    background: #14183e!important;
}

.bg-dark-red {
    background: #8c2131!important;
}

.bg-light-brown {
    background: #fcdeaa!important;
}

.bg-gold-brown {
    color:#957d56!important;
}

.color-gold-brown {
    color:#957d56!important;
}

.color-dark-red {
    color: #8c2131!important;
}

.text-white {
    color: #ffffff;
}

.nav-menu {
    position: relative;
    z-index: 1;
}
.nav-menu span {
    color: #ffffff;
    font-family: 'Lato',sans-serif;
    font-size: 2rem;
    vertical-align: middle;
}

.nav-menu .nav-toggler {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    width: 50px;
    position: relative;
    transition: .3s;
    margin-left: -4px;
}

.nav-menu .nav-menu-btn:hover {
    cursor: pointer;
}

.nav-menu .nav-toggler .toggler-icon {
    min-height: 2px;
    width: 24px;
    background: #ffffff;
    position: absolute;
}

.nav-menu .nav-toggler .toggler-icon:first-child {
    top: 16px;
    left: 50%;
    margin-left: -12px;
    transition: .3s;
}

.nav-menu .nav-toggler .toggler-icon:last-child {
    bottom:13px;
    left:50%;
    margin-left: -12px;
    transition: .3s;
}

.nav-menu .nav-menu-btn:hover .toggler-icon:first-child {
    width: 23px;
}

.nav-menu .nav-menu-btn:hover .toggler-icon:last-child {
    width: 34px;
}

.nav-menu-dropdown {
    background: #09091d;
    display: none;
    height: 100vh;
    left: 0!important;
    padding-top: 52px;
    position: absolute!important;
    top: 0!important;
    width: 100%;
    z-index: 100!important;
}

.menu-active {
    display: block!important;
}

.menu-active-element {
    color: #6f5a41!important;
}

.nav-menu-dropdown ul  {
    padding-left: 0;
    text-align: center;
}

.nav-menu-dropdown ul  li {
    list-style: none;
}

.nav-menu-dropdown ul li .text-size {
   font-size: 2rem
}

.nav-menu-dropdown ul li a {
    color: #ffffff;
    display: block;
    margin-bottom: 4rem;
    text-transform: uppercase;
}

.nav-list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nav-menu-dropdown .nav-menu-btn .toggler-icon:first-child {
    transform: rotate(-45deg);
    transform-origin: center;
    top: 1.85rem;
    left: 50%;
    margin-left: -1.71rem;
    transition: .3s;
}

.nav-menu-dropdown .nav-menu-btn .toggler-icon:last-child {
    transform: rotate(46deg);
    transform-origin: center;
    bottom: 19px;
    left: 50%;
    margin-left: -1.69rem;
    transition: .3s;
}

.nav-menu-dropdown .nav-menu-btn:hover .toggler-icon:first-child {
    transform: rotate(-132deg);
    width: 22px;
    margin-left: -17px;
}

.nav-menu-dropdown .nav-menu-btn:hover .toggler-icon:last-child {
    transform: rotate(137deg);
    width: 22px;
}

.nav-menu-dropdown .nav-menu span {
    margin-top: -4px;
    display: inline-block;
}

.year-of-creation  {
    display: none;
}

.head-block {
    padding: 30px 10px;
    text-align: center;
    margin-top: -250px;
}

.head-block h1 {
    color: #47290d;
    margin-top: 2rem;
    margin-bottom:2rem;
}

.main-head-block p > strong {
    color: #47290d;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 2.5rem;
    display: inline-block;
    font-weight: 300;
}

.main-head-block > p, .head-block-tet > p{
    font-size: 1.5rem;
    margin-bottom:0;
    line-height: 30px;
}

.head-block-tet > p {
    color: #ffffff;
    margin-top: 2rem;
}

.main-head-block p:last-child {
    font-size: 2rem;
}

.head-block p span {
    font-size: 2rem;
    display: block;
}

.block-content-column {
    margin-bottom: 5rem;
}

.content-block-text {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.content-block-text strong {
    display: block;
    margin-bottom: 2rem;
    font-size: 2rem;
}

.content-block-text p{
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 3rem;
}

.btn-main {
    background: #957d56;
    color: #ffffff;
    text-transform: uppercase;
    padding: 55px 10px;
    display: inline-block;
    transition: .3s;
    position: relative;
    width: 100%;
    z-index: 1;
    font-size: 1.6rem;
}

.btn-main:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(/img/icons/icon-arrow.png) no-repeat;
    width: 32px;
    height: 18px;;
    transform: translate(0%, -50%);
    transition: .3s;
}

.btn-main:hover {
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
    transition-property: background;
    transition-duration: .5s;
    transition-timing-function: linear;
    transition: .3s;
}

.btn-main:hover:after {
    right: 5px;
}

.brands-block {
    padding: 3rem;
    text-align: center;
}

.brands-block span {
    display: block;
    text-align: center;
    color: rgba(255,255,255,.5);
    font-family: 'Lato',sans-serif;
    font-size:1.1rem;
    line-height: 32px;
    text-transform: uppercase;
    letter-spacing: .17rem;
}


.brands-block img {
    display: block;
    margin: 2rem auto 2rem auto;

}

.brands .brands-img, .brands .brands-block {
    background-size:cover!important;
    min-height: 300px;
    background-repeat: no-repeat;
    background-position: center;
}

.brands .brands-block > div {
   width: 80%;
}

.brands-block p {
    color:#ffffff;
    font-size: 1.4rem;
    line-height: 3.2rem;
}

.brands-block a {
    color:rgba(255,255,255,.7);
}

#main-gtea {
    background: #8c2131;
    transition: .3s;
}

#main-tet {
    /*background: url('/img/bg-tet.png') center center #14183e;*/
    background: #14183e;
    transition: .3s;
}

/*#main-gtea:hover, #main-tet:hover {
    cursor: pointer;
    opacity: 0.9;
    transition: .3s;*/

.text-snippet {
    text-align: center;
    padding-top: 6rem;
    padding-bottom: 6rem;
    background: #f5f5f5;
}

.text-snippet p {
    color: #373737;
    font-size: 14px;
    /*font-style: italic;*/
    line-height: 38px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.text-snippet p {
    color: #373737;
    font-size: 14px;
    /*font-style: italic;*/
    line-height: 38px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.stay-in-touch {
    padding-top: 65px;
    padding-bottom: 32px;
    border-top: 1px solid rgba(0,0,0,.05);
}

.stay-in-touch > div > p > strong {
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 3rem;
    display: block;
    font-weight: 300;
}

.stay-in-touch-block {
    margin-bottom: 5rem;
}

.stay-in-touch-block img {
    display: block;
    margin: 0 auto;
}

.stay-in-touch-block > p {
    color: rgba(1,1,1,1);
    font-size: 14px;
    line-height: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
    display: block;
    text-align: center;
}

.stay-in-touch-block > p:nth-child(2) {
    color: rgba(1,1,1,.5);
    font-family: 'Lato',sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    margin-top: 2.5rem;
    text-transform: uppercase;
    letter-spacing: .17rem;
    display: block;
    text-align: center;
}

.phone-block a {
    color: rgba(1,1,1,1);
}

.phone-block {
    font-size: 1.4rem;
    margin-top:.5rem;
    margin-bottom: 1rem;
}

.mail-block {
    margin-top:.5rem;
    margin-bottom: 1rem;
}

.mail-block img, .phone-block img {
    display: inline-block;
}

.mail-block p, .phone-block p {
    display: inline-block;
    padding: 0;
}

.mail-block a {
    color: rgba(1,1,1,1);
}

.btn-contacts {
    background: #957d56;
    padding: 1.8rem ;
    display: block;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #ffffff;
    margin-top: 2rem;
    transition: .3s;
}

.btn-contacts:hover {
    background: #957d56;
    color:#ffffff;
    opacity: .8;
    text-decoration: none;
    cursor: pointer;
}

footer {
    background: #111122;
    padding-top: 6rem;
}

footer img {
    display: block;
    margin: 0 auto;
}

.footer-content {
    padding-bottom: 3rem;
}

.footer-content p {
    color: rgba(255,255,255,.3);
    text-align: center;
    width: 90%;
    margin: 0 auto;
    font-size: 1.3rem;
    padding-top: 2rem;
    line-height: 3rem;
    padding-bottom: 2rem;
}

.btn-footer a{
    text-align: center;
    color: #957d56;
    text-transform: uppercase;
    padding: 20px 30px 30px 30px;
    display: inline-block;
    transition: .3s;
    position: relative;
    z-index: 1;
    font-size: 1.2rem;
    text-decoration: none;
}

.btn-footer a:after {
    content: '';
    position: absolute;
    top: 45px;
    left: 50%;
    background: url(/img/icons/icon-arrow-brown.png) no-repeat;
    width: 32px;
    height: 18px;;
    transform: translate(-50%, 0);
    transition: .3s;
}

.btn-footer a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #957d56;
    transition-property: background;
    transition-duration: .5s;
    transition-timing-function: linear;
    transition: .3s;
    opacity: .8;
}

.btn-footer a:hover:after {
    left: 55%;
}

footer .copyright {
    border-top: 1px solid rgba(255,255,255,.1);

}

.copyright-block > div{
    padding: 10px ;
    font-size: 1.4rem;
    color: rgba(255,255,255,.2);

}

@media (min-width: 768px) {

    header {
        min-height: 600px;
    }

    .head-block {
        padding: 15px 10px;
    }

    .block-content-column {
        margin-bottom: 0;
    }

    .btn-main {
        padding: 55px 70px 55px 10px;
    }

    .brands .brands-block > div {
        width: 83%;
    }

    .text-snippet p {
        width: 85%;
    }

    .stay-in-touch-block img {
        margin: 0 ;
    }

    .stay-in-touch-block > p {
        text-align:left;
    }

    .stay-in-touch-block > p:nth-child(2) {
        text-align: left;
    }

    .btn-contacts {
        background: #957d56;
        padding: 1.5rem 5rem;
        display: inline-block;
        margin-top: 2rem;
    }

    .footer-content p{
        width: 80%;
    }

}

@media (min-width: 992px) {

    .block-compress {
        padding-left: 5rem;
        padding-right:5rem
    }

    .head-block {
        padding: 15px 10px;
        margin-top: -411px;
    }

    .main-content-block .head-block {
        margin-top: -435px;
    }

    .main-content-block .block-compress {
        padding-left: 0;
        padding-right:5rem
    }

    .content-block-text {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .btn-fluid-block-main {
        margin-top: -150px;
    }

    .brands .brands-img, .brands .brands-block {
        min-height: 500px;
    }

    .brands .brands-block > div {
        width: 80%;
    }

    .text-snippet {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .text-snippet p {
        width: 80%;
    }

    .stay-in-touch h2 {
        margin-bottom: 5rem;
        margin-left: 30px;
    }

    .footer-content p {
        width: 70%;
    }

}

@media (min-width: 1024px) {

    .brands .brands-block > div {
        width: 80%;
    }
}

@media (min-width: 1200px) {

    .brands .brands-img, .brands .brands-block {
        min-height: 600px;
    }

    .brands .brands-block > div {
        width: 75%;
    }

    .text-snippet p {
        width: 50%;
    }

    .stay-in-touch h2 {
        margin-left: -30px;
    }

    .footer-content p {
        width: 60%;
    }
}

@media (min-width: 1800px) {
    .year-of-creation  {
        position: absolute;
        top: 920px;
        right: 6rem;
        transform: rotate(90deg);
        transform-origin: center;
        display: block;
    }

    .year-of-creation p {
        color:rgba(21, 21, 21, .6);
        font-family: 'Lato',sans-serif;
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 40px;
        text-transform: uppercase;
        letter-spacing: 3px;
    }


    .brands .brands-img, .brands .brands-block {
        min-height: 800px;
    }

    .brands .brands-block > div {
        width: 50%;
    }

    .text-snippet p {
        width: 40%;
    }

}

/*TET tea page*/

.tet-block-content .head-block, .g-tea-block-content .head-block {
    padding: 3rem 4rem;
}

.g-tea-block-content .head-block {
    padding: 6rem 4rem;
}

.tet-block-content .head-block p, .g-tea-block-content .head-block p {
    line-height: 30px;
}

@media (min-width: 768px) {
    .tet-block-content .head-block, .g-tea-block-content .head-block {
        margin-top: -200px;
    }
}

.philosophy-brand {
    padding-top: 7rem;
    padding-bottom:7rem;
    /*background:url('/img/bg-tet.png')no-repeat center center #000030;*/
    background:#000030;
}

.philosophy-brand-g-tea-block > p, .philosophy-brand-tet-block > p {
    color:#ffffff;
    font-size: 2rem;
    margin-bottom: 2rem;
}

.philosophy-brand ul,.ul-direction {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 3rem;
}

.philosophy-brand ul li, .ul-direction li {
    color: #ffffff;
    position: relative;
    list-style: none;
    margin-bottom: 1rem;
    font-size:1.4rem;
    line-height: 3rem;
    letter-spacing: .05rem;
}

.philosophy-brand .ul-right-direction ul li, .ul-direction.ul-right-direction  ul li {
    padding-right: 10px;
    position: relative;
    text-align: right;
}

.philosophy-brand .ul-right-direction li:after, .ul-direction.ul-right-direction li:after {
   content: '';
    right: 0;
    top: 15px;
    background: #957d56;
    width: 2px;
    height: 2px;
    position: absolute;
}

.philosophy-brand .ul-left-direction ul li, .ul-direction.ul-left-direction ul li {
    padding-left: 10px;
    position: relative;
    text-align: left;
}

.philosophy-brand .ul-left-direction ul li:before, .ul-direction.ul-left-direction ul li:before  {
    content: '';
    left: 0;
    top:15px;
    background: #957d56;
    width: 2px;
    height: 2px;
    position: absolute;
}

.philosophy-brand .block-content-column {
    margin-bottom: 0;
}

.brand-site {
    text-align: center;
}

.brand-site > div {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.brand-site > div a {
    color:#957d56;
    text-transform: uppercase;
    display: block;
    position: relative;
    transition: .3s;
}

.brand-site > div a:after {
    content: '';
    position: absolute;
    top: 4px;
    right: 33px;
    background: url(/img/icons/icon-arrow-brown.png) no-repeat;
    width: 32px;
    height: 18px;;
    transition: .3s;
}

.brand-site > div a:hover {
    text-decoration: none;
    opacity: .7;
}

.brand-site > div a:hover:after {
    right: 25px;
}

.btn-fluid-block-tet {
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.brand-about-description {
    margin-top: 4rem;
    margin-bottom: 1rem;
}

.brand-about-description p {
    color: #4e4e4e;
    font-size: 1.4rem;
    line-height: 3.2rem;
    margin-bottom: 3rem;
}

.form-more-info-block h2 {
    color: #957d56;
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 3rem;
}

.form-more-info-block .form-block {
    background: #f5f5f5;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.form-more-info {
    padding: 3rem;
}

.form-more-info label {
    font-size: 1.4rem;
}

.form-more-info label span {
    color:#aa6f39;
}

.form-more-info input {
    padding: 2.3rem 2rem;
    font-size: 1.3rem;
    width: 100%;
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 2rem;
    outline: none;
}

.form-more-info input:focus {
    border: 1px solid rgba(149, 125, 86, .3);
    box-shadow: 0 0 12px -5px #957d56;
}

#form-more-info-email-invalid {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: .25rem;
    display: none;
    font-size: 1.3rem;
    margin-bottom: 0;
    outline: none;
    padding: 1.3rem 2rem;
    width: 95%;
}

#contacts-info-email-invalid {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: .25rem;
    display: none;
    font-size: 1.3rem;
    margin-bottom: 2rem;
    outline: none;
    padding: 1.3rem 2rem;
    width: 100%;
}

.form-more-info textarea {
    resize: none;
    width: 100%;
    outline: none;
    border: 1px solid rgba(0,0,0,.1);
    padding: 2rem;
    font-size: 1.3rem;
}

.form-more-info textarea:focus {
    border: 1px solid rgba(149, 125, 86, .3);
    box-shadow: 0 0 12px -5px #957d56;
}

.form-row {
    margin-right: 0;
    margin-left: 0;
}

.form-row > .col, .form-row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.row-flex-reverse {
    display: flex;
    flex-wrap: wrap-reverse;
}

.second-brand-g-tea {
    padding-top: 7rem;
    padding-bottom: 6rem;
    /* background: url('/img/tet/bg-another-brands-tet.jpg') center center no-repeat; */
    position: relative;
    text-align: center;
    display: block;
    transition: .3s;
}

.second-brand-g-tea:hover {
   text-decoration: none;
}

.second-brand-g-tea:after {
    content: '';
    position: absolute;
    top:0;
    left: 0;
    /* background: rgba(27, 27, 38, .92); */
    background: #8c2131;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.second-brand-g-tea:hover:after {
    /* background: rgba(27, 27, 38, .89); */
    background: rgba(140, 22, 49, .89);
}

.second-brand-text {
    position: relative;
    z-index: 1;
}

.second-brand-text p {
    color: rgba(255,255,255,.5);
    font-family: 'Lato',sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .17rem;
    margin-top: 2rem;
}

@media (min-width: 768px) {

    .nml-md-3 {
        margin-left: -3rem;
    }

    .nmr-md-3 {
        margin-right: -3rem;
    }

    .tet-block-content .block-content-column:nth-child(2) {
        margin-top: 14rem;
    }

    .brand-site > div a:after {
        content: '';
        right: 65px;
        width: 32px;
    }

    .brand-site > div a:hover:after {
        right: 55px;
    }

    .philosophy-brand ul {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 3rem;
    }

    .brand-site > div {
        padding-top: 0;
        padding-bottom: 0;
    }

    .brand-about-description {
        margin-top: 6rem;
        margin-bottom: 3rem;
    }

    .form-more-info-block h2 {
        font-size: 2.5rem;
    }

}

@media (min-width: 992px) {

    .nml-lg-3 {
        margin-left: -3rem;
    }

    .nml-lg-5 {
        margin-left: -5rem;
    }

    .nmr-lg-2 {
        margin-right: -2rem;
    }

    .nmr-lg-3 {
        margin-right: -3rem;
    }

    .nmr-lg-5 {
        margin-right: -5rem;
    }

    .philosophy-brand {
        padding-top: 11rem;
        padding-bottom: 11rem;
        margin-top: -40px;
    }

    .philosophy-brand ul li {
        margin-bottom: 2rem;
    }

    .philosophy-brand-g-tea-block > p, .philosophy-brand-tet-block > p {
        font-size:2.5rem;
        margin-top: 2rem;
        margin-bottom: 4rem;
    }

    .philosophy-brand {
        margin-top: -40px;
    }

    .brand-site > div {
        padding-left: 10rem;
    }

    .form-more-info {
        width: 90%;
    }

    .form-more-info input {
        width: 95%;
    }

    .form-more-info textarea{
        width: 98%;
    }

}

@media (min-width: 1024px) {

    .tet-block-content .block-content-column:nth-child(2) {
        margin-top: 12rem;
    }

    .brand-about-description {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }
}

@media (min-width: 1200px) {

    .nml-xl-3 {
        margin-left: -3rem;
    }

    .nml-xl-5 {
        margin-left: -5rem;
    }

    .nml-xl-6 {
        margin-left: -6rem;
    }

    .nmr-xl-3 {
        margin-right: -3rem;
    }

    .nmr-xl-5 {
        margin-right: -5rem;
    }

    .nmr-xl-6 {
        margin-right: -6rem;
    }

    .brand-about-description {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .form-more-info {
        width: 60%;
    }
}

@media (min-width: 1800px) {

    .form-more-info {
        width: 50%;
    }
}

/*g-tea page*/
.text-decoration {
    color: #957d56;
    font-size: 21px;
    font-style: italic;
    line-height: 32px;
    margin-top: 3rem;
    display: block;
}

.z-index-0 {
    z-index: 0;
}

.z-index-1 {
    z-index: 1;
}

.head-block-g-tea p {
    font-size: 1.5rem;
    margin-bottom: 0;
    line-height: 30px;
    color: #ffffff;
    margin-top: 3rem;
}

.second-brand-tet {
    padding-top: 4rem;
    padding-bottom:4rem;
    background: #000030;
    display: block;
    transition:.3s ;
}

.second-brand-tet:hover {
    text-decoration: none;
    opacity: .95;
}

.brand-about-description.brand-about-g-tea {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.brand-about-g-tea .list-brand-about {
    color: #000000;
}

.philosophy-brand-g-tea {
    padding-top: 7rem;
    padding-bottom:4rem;
    background:url('/img/g-tea/icon-g-tea-large.png')no-repeat center center #2e2e2e;
}

.brand-about-g-tea-block > p > strong {
    color: #373737;
    font-size: 25px;
    margin-bottom: 1rem;
    padding-right: 0;
    font-weight: 300;
    display: block;
    text-align: center;
}

.brand-about-g-tea-block > p {
    color: #957d56;
    margin-bottom: 1px;
    text-align: center;
}

.brand-about-g-tea-block > p:last-child {
    margin-bottom: 5rem;
}

.brand-about-g-tea ul li {
    color: #4e4e4e;
    font-size: 14px;
    font-weight: 400;
}

@media (min-width: 768px) {

    .philosophy-brand-g-tea {
        padding-bottom: 6rem;
    }

    .brand-about-description.brand-about-g-tea {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .brand-about-g-tea-block > p > strong {
        text-align: right;
    }

    .brand-about-g-tea-block > p {
        text-align: right;
    }
}

@media (min-width: 992px) {

    .philosophy-brand-g-tea {
        padding-bottom:7rem;

    }
}


/*contacts page*/
.contacts header {
    min-height: 0!important;
    padding-bottom:3rem;
    border-bottom: 1px solid rgba(1,1,1,.04);
}

.contacts .nav-menu .nav-toggler .toggler-icon {
    background: #957d56;
}

.contacts-form h2 {
    color: #4e4e4e;
    font-size: 2.8rem;
    font-weight: 400;
    margin-bottom: 3rem;
}

.contacts-form p {
    color: rgba(1,1,1,.6);
    font-size: 1.4rem;
    margin-bottom: 3rem;
    width: 80%;
}

.contacts-form {
    padding: 6.5rem 1rem 1rem 1rem;
}

.contacts-form label {
    font-size: 1.3rem;
    font-weight: 700;
}

.contacts-form label span {
    color:#aa6f39;
}

.contacts-form input, .contacts-form select {
    padding: 2.3rem 2rem;
    font-size: 1.3rem;
    width: 100%;
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 2rem;
    outline: none;
    color: #4e4e4e;
}

.contacts-form select {
    padding: 1.4rem 2rem;
}

.contacts-form .contacts-info-country option {
    padding: 2rem 2rem!important;
    box-shadow: none;
    color:red;
    display: block;
    background:#ffffff;
}

.contacts-form .contacts-info-country option {
    padding: 2rem 2rem!important;
    box-shadow: none;
    color:#000000;
    display: block;
    background:#ffffff;
}

.contacts-form input:focus {
    border: 1px solid rgba(149, 125, 86, .3);
    box-shadow: 0 0 12px -5px #957d56;
}

.contacts-form textarea {
    resize: none;
    width: 100%;
    outline: none;
    border: 1px solid rgba(0,0,0,.1);
    padding: 2rem;
    font-size: 1.3rem;
}

.contacts-form textarea:focus {
    border: 1px solid rgba(149, 125, 86, .3);
    box-shadow: 0 0 12px -5px #957d56;
}

.form-row {
    margin-right: 0;
    margin-left: 0;
}

.form-row > .col, .form-row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.contacts .stay-in-touch {
    border-top: 0;
}

.stay-in-touch-block > img {
    display: block;
    margin: 0 auto;
}

.stay-in-touch-block > p {
    text-align: center;
}

.stay-in-touch-block > p:nth-child(2) {
    text-align: center;
}

.stay-in-touch-block .phone-block, .stay-in-touch-block .mail-block {
    text-align: center;
}


@media (min-width: 992px) {
    .contacts-form {
        padding: 6.5rem 3rem 3rem 3rem;
    }

    .stay-in-touch-block > img {
        margin: 0 ;
    }

    .stay-in-touch-block > p {
        text-align: left;
    }

    .stay-in-touch-block > p:nth-child(2) {
        text-align: left;
    }

    .stay-in-touch-block .phone-block, .stay-in-touch-block .mail-block {
        text-align: left;
    }

}

#form-more-info-sent, #contacts-form-sent {
    display: none;
    text-align: center;

}

#form-more-info-sent div, #contacts-form-sent div {
    color: #957d56;
    font-size: 2.5rem;
    font-family: 'Libre Baskerville',sans-serif;
    font-weight:  normal;
    font-style: italic;
    letter-spacing: 1px;
}

@media (min-width: 768px) {
    #form-more-info-sent, #contacts-form-sent {
        height: 400px;
        position: relative;
        width: 100%;
    }

    #form-more-info-sent div, #contacts-form-sent div {
        top: 50%;
        transform: translate(0,-50%);
        left: 0;
        width: 100%;
        position: absolute;
    }
}