body {font-family: 'Open Sans', sans-serif; background-color: #41194D; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}



/***** Header Start ***/
.tm-header {width: 100%; height: 180px; position: relative; z-index: 300;}
.tm-header::before {content: ""; width: 100%; height: 1px; background-color: rgba(0,0,0,.1); position: absolute; left: 0; top: 50%;}
.tm-header__logo {position: relative; z-index: 5;}
.tm-header__logo img {height: 120px;}
.tm-header__icons {position: relative; z-index: 10;}
.tm-header__icons .icon {font-size: 16px; width: 50px; transition: all 300ms; position: relative; margin-left: 10px; cursor: pointer; height: 50px; border-radius: 50px; background-color: #ffffff; display: flex; justify-content: center; align-items: center;}
.tm-header__icons .icon svg {width: 1em; height: 1em;}
.tm-header__icons .icon g {stroke: #41194D;}
.tm-header__icons .icon--language::before { content: attr(data-language); position: absolute; left: -20px; top: 50%; transform: translateY(-50%); color: #fff; font-size: 11px; font-weight: 800; }
.tm-header__icons .icon--share {position: relative;}
.tm-header__icons .icon--share__box {position: absolute; left: 0; top: 50px; padding-top: 10px; transform: translateY(20px); visibility: hidden; opacity: 0; transition: all .5s cubic-bezier(.75,0,.25,1);}
.tm-header__icons .icon--share__box-inner {padding: 3px; font-si width: 50px; height: 144px; border-radius: 50px; background-color: #ffffff;}
.tm-header__icons .icon--share__box a {width: 44px; height: 44px; margin-bottom: 3px; transition: all 300ms; border-radius: 46px; display: flex; justify-content: center; align-items: center;}
.tm-header__icons .icon--share__box a:last-child {margin-bottom: 0;}
.tm-header__icons .icon--share__box a:hover {background-color: rgba(0,0,0,.1); transition: all 300ms;}
.tm-header__icons .icon--share:hover .icon--share__box {visibility: visible; transition: all .5s cubic-bezier(.75,0,.25,1); transform: translateY(0); opacity: 1;}
.hamburger {padding: 0; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible;}
.hamburger-box {width: 20px; height: 20px; display: inline-block; position: relative;}
.hamburger-inner {display: block; top: 50%; margin-top: -1px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 20px; height: 2px; background-color: #5C266D; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block;}
.hamburger-inner::before {top: -6px;}
.hamburger-inner::after {bottom: -6px;}
.hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spin .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;}
.hamburger--spin .hamburger-inner::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spin.is-active .hamburger-inner {transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--spin.is-active .hamburger-inner::before {top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;}
.hamburger--spin.is-active .hamburger-inner::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--spin:focus {outline: none !important;}

@media (max-width: 991px) {
    .tm-header__icons .icon--share {display: none;}
    .tm-header__logo img {height: 100px;}
    .tm-header {height: 140px;}
}
/***** Header Finish ***/





/***** Mobile Menu Start ***/
.tm-mobile-nav {width: 100%; height: 100vh; padding-top: 180px; display: flex; background-color: #5C266D; position: fixed; left: 0; top: 0; z-index: 200; transition: transform 1s cubic-bezier(.75,0,.25,1),visibility 0s 1s; transform: translateY(-100%) translateZ(0); visibility: hidden;}
.tm-mobile-nav.active {visibility: visible; transition: transform 1s cubic-bezier(.75,0,.25,1); transform: translateY(0) translateZ(0);}
.tm-mobile-nav::before {content: ""; width: 100%; height: 180px; background-color: #512261; position: absolute; left: 0; top: 0; transition: transform 1s cubic-bezier(.75,0,.25,1),visibility 0s 1s; transform: translateY(-100%) translateZ(0); visibility: hidden;}
.tm-mobile-nav.active::before {visibility: visible; transition: transform 1s cubic-bezier(.75,0,.25,1); transform: translateY(0) translateZ(0); transition-delay: .5s;}
.tm-mobile-nav--inner {flex: 1;}
.tm-mobile-nav .nav {width: 100%; transition: opacity .2s ease-in-out; opacity: 0;}
.tm-mobile-nav.active .nav {opacity: 1; transition: opacity 1s ease-in; transition-delay: 1s;}
.tm-mobile-nav .nav-item {transition: all 600ms; margin-bottom: 3px; position: relative;}
.tm-mobile-nav .nav-item::before {content: ""; width: 100%; height: 1px; background-color: rgba(0,0,0,.1); position: absolute; left: 0; bottom: -2px;}
.tm-mobile-nav .nav-item:last-child::before {content: none;}
.tm-mobile-nav .nav-item:hover {background-color: rgba(0,0,0,.1); transition: all 100ms;}
.tm-mobile-nav .nav-link {font-size: 46px; color: rgba(255,255,255,.3); font-weight: 300; letter-spacing: -1px; transition: all 300ms;}
.tm-mobile-nav .nav-item:hover .nav-link, .tm-mobile-nav .nav-item .nav-link.active {color: rgba(255,255,255,1);}

@media (max-width: 991px) {
    .tm-mobile-nav .nav-link {font-size: 28px;}
    .tm-mobile-nav {padding-top: 140px;}
    .tm-mobile-nav::before {height: 140px;}
}

@media (max-width: 575px) {
    .tm-mobile-nav .nav-link {font-size: 23px;}
}
/***** Mobile Menu Finish ***/





.tm-main {margin-top: -180px;}
.tm-home__intro {width: 100%; padding-top: 180px; height: calc(100vh - 160px); background-color: #5C266D; background-image: url(../img/nelka-bg.png); background-position: right 120px top; background-repeat: no-repeat;}
.tm-home__intro--caption {height: calc(100% - 80px);}
.tm-home__intro--caption h1 {font-size: 36px; font-weight: 300; color: #fff;}
.tm-home__intro--details {position: relative; width: 100%; height: 80px;}
.tm-home__intro--details .inner {position: absolute; left: 0; bottom: -40px; width: 100%;}
.tm-home__intro--details .inner .container {display: flex; justify-content: start;}
.tm-home__intro--details .inner .box {width: 200px; height: 80px; border-radius: 3px; transition: all 300ms; background-color: #ffffff; padding: 30px; display: flex; align-content: center;}
.tm-home__intro--details .inner .box-inner {display: flex; justify-content: space-between; align-items: center; width: 100%; font-size: 16px;}
.tm-home__intro--details .inner .box-inner h2 {font-size: 16px; font-weight: 600; margin: 0; padding: 0; color: #522261;}
.tm-home__intro--details .inner .box-inner svg {width: 1em; height: 1em;}
.tm-home__intro--details .inner .box-inner path {fill: #E65B29;}
.tm-home__intro--details .inner a {color: inherit; text-decoration: none;}
.tm-home__intro--details .inner a:first-child {margin-right: 15px;}

@media (min-width: 992px) {
    .tm-home__intro--details .inner .box:hover {box-shadow: 0 30px 60px rgba(0,0,0,.3); transform: translateY(-10px);}
}

@media (max-width: 991px) {
    .tm-home__intro {height: 100%;}
    .tm-home__intro--caption {padding-top: 30px; height: 100%; text-align: center;}
    .tm-home__intro--details {height: 100%; padding: 30px 0;}
    .tm-home__intro--details .inner {position: static;}
    .tm-home__intro--details .inner .container {justify-content: center !important;}
}

@media (max-width: 575px) {
    .tm-home__intro--details .inner .container {flex-direction: column;}
    .tm-home__intro--details .inner a:first-child {margin-right: 0; margin-bottom: 15px;}
    .tm-home__intro--details .inner .box {width: 100%;}
    .tm-home__intro--caption h1 {font-size: 28px;}
    .tm-home__intro--details {padding-left: 15px; padding-right: 15px;}
}





.tm-page--heading {width: 100%; padding-top: 180px; background-color: #5C266D; background-image: url(../img/nelka-bg.png); background-position: right 120px top; background-repeat: no-repeat;}
.tm-page--heading__inner {max-width: 960px; padding: 30px 15px 45px 15px; margin:  0 auto; text-align: center;}
.tm-page--heading__inner h1 {color: #fff; margin: 0; padding: 0; font-weight: 300; letter-spacing: -1px; font-size: 46px;}


@media (max-width: 575px) {
    .tm-page--heading__inner {padding: 15px 0 30px 0;}
    .tm-page--heading__inner h1 {font-size: 28px; font-weight: 400;}
}



.tm-page--content {background-color: #ffffff;}
.tm-page--content .container {position: relative;}
.tm-page--content .container::before, .tm-page--content .container::after {content: ""; width: 1px; height: 100%; background-color: rgba(0,0,0,.05); position: absolute; top: 0;}
.tm-page--content .container::before {left: 0;}
.tm-page--content .container::after {right: 0;}

.content--list {margin: 15px 0;}
.content--list li {padding: 10px 0;}

.tm-page--inner {max-width: 960px; padding: 80px 0; margin: 0 auto;}
.tm-page--inner h3 {font-family: 'Open Sans', sans-serif; margin-top: 30px; margin-bottom: 15px; font-weight: 700; font-size: 22px; letter-spacing: -.3px;}

@media (max-width: 991px) {
    .tm-page--inner {padding-top: 60px; padding-bottom: 60px;}
}

@media (max-width: 767px) {
    .tm-page--inner {padding-top: 30px; padding-bottom: 30px;}
}





.tm-tabs {padding: 10px; background-color: rgba(0,0,0,.03);}
.tm-tabs--inner {border: 1px solid #5C266D; background-color: #E3DDE5;}
.tm-tabs--link {font-size: 13px; font-weight: 600; position: relative;}
.tm-tabs--link .nav-link {padding: 30px 10px; text-align: center; display: block; border-radius: 0; border: 0; color: #41194D;}
.tm-tabs--link .nav-item {flex-grow: 1; max-width: 100%; flex-basis: 0;}
.tm-tabs--link .nav-tabs .nav-item.show .nav-link, .tm-tabs--link .nav-tabs .nav-link.active {color: #41194D;}
.tm-tabs--link .nav-item:nth-child(2) {border-left: 1px solid rgba(0,0,0,.05); border-right: 1px solid rgba(0,0,0,.05);}
.tm-tabs--content {background-color: #fff; padding: 30px; font-size: 14px;}
.tm-tabs--content table:last-child {margin-bottom: 0;}

@media (max-width: 991px) {
    .tm-tabs .nav-tabs {display: block;}
    .tm-tabs--link .nav-link {padding: 20px 10px;}
}

@media (max-width: 767px) {
    .tm-tabs--content {padding: 15px;}
    .tm-tabs--link .nav-link {padding: 15px 10px;}
}

@media (max-width: 575px) {
    .tm-tabs--link .nav-link {padding: 10px;}
}





.tm-accordion {background-color: #ECE8ED; padding: 10px;}
.tm-accordion .card {border: none; margin-bottom: 10px; border-radius: 0;}
.tm-accordion .card:last-child {margin-bottom: 0;}
.tm-accordion .card-header {border: none; border-radius: 0; padding: 0;}
.tm-accordion .card-header .btn {width: 100%; display: flex; align-items: center; text-align: left; background-color: #fff; color: #000; padding: 30px; font-size: 22px; font-weight: 400; text-decoration: none; border-radius: 0; border: none;}
.tm-accordion .card-header .btn svg {width: 1em; height: 1em; margin-right: 10px;}
.tm-accordion .card-body {padding: 30px;}


@media (max-width: 575px) {
    .tm-accordion {padding: 3px;}
    .tm-accordion .card {margin-bottom: 3px;}
    .tm-accordion .card-header .btn {white-space: normal; padding: 15px; font-size: 18px; flex-direction: column; justify-content: flex-start; align-items: start;}
    .tm-accordion .card-header .btn svg {display: none;}
    .tm-accordion .card-body {padding: 15px;}
}






.tm-footer {width: 100%; padding-top: 60px; background-color: #522261;}
.tm-footer--inner {width: 100%; height: 100px; background-color: #41194D; font-size: 12px; color: #fff; display: flex; align-items: center;}
.tm-footer--inner .container {display: flex; align-items: center; justify-content: start;}
.tm-footer--inner span {padding-left: 10px;}
.tm-footer--inner .nav {padding-left: 10px;}
.tm-footer--inner a {color: rgba(255,255,255,.5); font-size: 13px; text-decoration: none; transition: all 300ms; padding: 0 5px;}
.tm-footer--inner a:hover {color: rgba(255,255,255,1);}

@media (max-width: 991px) {
    .tm-footer {padding-top: 0;}
    .tm-footer--inner {height: 100%; padding: 30px;}
    .tm-footer--inner .container {display: block;}
    .tm-footer--inner .nav {padding: 10px 0 0 0;}
    .tm-footer--inner a {padding: 0 10px 0 0;}
    .tm-footer--inner span {display: block; padding-left: 0;}
}








.tm-background-overlay {position: fixed; z-index: 190; top: -1000%; left: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; opacity: 0; transition: opacity 1s ease, top 0s ease 1s;}
.tm-background-overlay.active {opacity: .75; transition: opacity .8s ease, top 0s ease 0s; top: 0;}




@media screen and (max-width: 767px) {
    table {border: 0;}
    table caption {font-size: 1.3em;}
    table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
    table tr {border-bottom: 1px solid #ddd; display: block; margin-bottom: .625em;}
    table td {border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right;}
    table td:before {content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase;}
    table td:last-child {border-bottom: 0;}
    .table-bordered {border: none;}

    table:last-child {margin-bottom: 0;}

}
