/* Start:/local/templates/turnonheart/css/style.css?175191349434379*/
* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: 'Rubik', sans-serif;
font-size: 14px;
line-height: 17px;
color: #000;
}
html {
scroll-behavior: smooth;
}
a {
font-family: 'Rubik', sans-serif;
font-size: 14px;
line-height: 17px;
color: #000;
text-decoration: none;
}
.th-width {
max-width: calc(100vw - 80px);
margin: 0 auto;
}
.th-header {
display: flex;
justify-content: space-between;
padding-top: 45px;
align-items: center;
}
.th-header-main {
padding-bottom: 400px;
background: url('/images/about.png') no-repeat center 50px / 50%;
}
.th-header-nomain {
padding-bottom: 40px;
}
.th-header > div:nth-child(1) {
display: flex;
align-items: center;
}
.th-header-link {
display: flex;
align-items: center;
}
.th-header-link a {
display: inline-block;
margin-left: 20px;
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
text-align: right;
}
.th-slogan {
font-family: "Exo 2";
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
margin-left: 20px;
}
.th-logo img {
width: 130px;
}
.th-btn {
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #EE8041;
border: solid 2px #EE8041;
padding: 13px 35px;
border-radius: 60px;
background: #fff;
transition: all 0.5s ease-in-out;
}
.th-btn-large {
display: inline-block;
background: #fff;
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 29px;
text-align: center;
color: #EE8041;
border: solid 4px #EE8041;
padding: 23px 61px;
border-radius: 80px;
transition: all 0.5s ease-in-out;
}
.th-btn-inv {
background: linear-gradient(270deg, #EF6B32 1.67%, #EF8343 40.08%, #F7AB32 100%);
border-radius: 80px;
padding: 14px 35px;
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #FFF8F3 !important;
text-decoration: none !important;
}
.th-header-info {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
text-align: right;
color: rgba(0, 0, 0, 0.4);
margin-top: 10px;
}
.th-header-info b {
font-weight: bold;
color: rgba(0, 0, 0, 0.4);
}
.th-block-1 {
text-align: center;
}
.th-block-1-h {
font-family: "Exo 2";
font-style: normal;
font-weight: bold;
font-size: 64px;
line-height: 68px;
justify-content: center;
display: flex;
align-items: center;
}
.th-block-1-h img {
margin: 15px 15px 0 15px;
}
.th-block-1-t {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 28px;
/* or 140% */
text-align: center;
margin-top: 30px;
margin-bottom: 60px;
}
.th-btn-2 {
background: linear-gradient(270deg, #EF6B32 1.67%, #EF8343 40.08%, #F7AB32 100%);
border-radius: 80px;
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 29px;
text-align: center;
color: #FFF8F3;
padding: 27px 61px;
box-shadow: 0px 0px 0px 9px #fff inset;
border: solid 1px #EE8041;
transition: all 0.5s ease-in-out;
}
.th-banner {
background: url('/images/mask.png') no-repeat center center / cover, linear-gradient(90deg, #F7AB32 0%, #EF6B32 100%);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
height: 500px;
margin-top: 80px;
position: relative;
}
.th-banner-head {
font-family: "Exo 2";
font-style: normal;
font-weight: bold;
font-size: 140px;
line-height: 168px;
text-align: center;
color: #FFFFFF;
text-shadow: 0px 4px 30px #FFCE1F;
padding: 20px 0 0px 0;
}
.th-diagram {
display: flex;
justify-content: center;
align-items: flex-end;
position: absolute;
bottom: 0;
width: 100%;
}
.th-diagram > div {
width: 132px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.th-diagram > div:hover {
opacity: 0.7;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.th-diagram > div:nth-child(1) {
height: 49px;
background: #F7AD4B;
}
.th-diagram > div:nth-child(2) {
height: 130px;
background: #FAC588;
}
.th-diagram > div:nth-child(3) {
height: 83px;
background: #F5A165;
}
.th-diagram > div:nth-child(4) {
height: 212px;
background: #FDEAD8;
}
.th-diagram > div:nth-child(5) {
height: 174px;
background: #FBD4B5;
}
.th-diagram > div:nth-child(6) {
height: 104px;
background: #F5A165;
}
.th-diagram > div:nth-child(7) {
height: 130px;
background: #F7B388;
}
.th-diagram > div:nth-child(8) {
height: 60px;
background: #F2864B;
}
.th-banner-text {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 36px;
text-align: center;
color: #FFFFFF;
}
.th-line {
width: calc(200% / 3 - 40px);
height: 1px;
border-top: solid 1px #EE8041;
margin: -20px auto 20px auto;
}
.th-block-2 {
display: flex;
margin: 120px auto 0 auto;
}
.th-block-2 > div {
width: calc(100% / 3);
text-align: center;
padding: 0 20px;
}
.th-block-2 > div > div:nth-child(1) {
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 36px;
text-align: center;
}
.th-block-2 > div > div:nth-child(2) {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 28px;
text-align: center;
margin: 15px 0 20px 0;
height: 90px;
}
.th-block-2 > div > div:nth-child(3) {
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #EE8041;
border: solid 2px #EE8041;
border-radius: 25px;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
background: white;
}
.th-submenu {
display: flex;
justify-content: center;
margin: 30px auto;
}
.th-submenu > div {
width: calc(100vw / 1280 * 132);
padding: 0 10px;
cursor: pointer;
font-family: "Exo 2";
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 13px;
text-align: center;
position: relative;
transition: all 0.5s ease-in-out;
}
.th-submenu > div > div {
position: absolute;
display: none;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(247, 171, 50, 0.16);
border-radius: 4px;
padding: 10px;
width: 200px;
z-index: 2;
top: -10px;
left: -30px;
}
.th-submenu > div > div b {
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
font-size: 10px;
line-height: 13px;
}
.th-submenu > div > div span {
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
}
.th-events-items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 40px 0;
}
.th-event-empty {
cursor: pointer;
width: 32%;
border-radius: 10px;
margin-bottom: 30px;
padding-bottom: 30px;
box-shadow: 0px 4px 20px rgba(247, 171, 50, 0.25);
display: flex;
justify-content: space-between;
flex-direction: column;
transition: all 0.2s ease-in-out;
}
.th-event-empty:hover {
box-shadow: 2px 6px 30px rgba(247, 171, 50, 0.65);
}
.th-event-empty > div:nth-child(1) {
font-family: Rubik;
font-style: normal;
font-weight: 300;
font-size: 200px;
line-height: 237px;
text-align: center;
color: rgba(0, 0, 0, 0.03);
width: 246px;
height: 246px;
border: 4px dashed #F7F7F7;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 50px auto 50px auto;
}
.th-event-empty > div:nth-child(2) {
font-family: Exo 2;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 36px;
text-align: center;
}
.th-event {
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
width: 32%;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: 0px 4px 20px rgba(247, 171, 50, 0.25);
transition: all 0.2s ease-in-out;
}
.th-event:hover {
box-shadow: 2px 6px 30px rgba(247, 171, 50, 0.65);
}
.th-event-footer {
background: linear-gradient(90deg, #F7AB32 0%, #EF6B32 100%);
box-shadow: 0px 4px 20px rgba(247, 171, 50, 0.16);
border-radius: 0px 0px 10px 10px;
height: 11px;
}
.th-event-stat {
padding: 0px 10px;
margin-bottom: 10px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 12px;
color: #777777;
}
.th-event-stat span {
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-align: right;
color: #000000;
}
.th-event-info {
display: flex;
padding: 20px 10px;
align-items: center;
}
.th-event-info > div:nth-child(1) img {
border-radius: 50%;
margin: 0 15px 0 0;
width: 55px;
height: 55px;
}
.th-event-info > div:nth-child(2) > div:nth-child(1) {
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 30px;
padding-bottom: 8px;
}
.th-event-info > div:nth-child(2) > div:nth-child(2) {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 24px;
}
.th-event-photo {
border-radius: 10px 10px 0 0;
position: relative;
height: 350px;
}
.th-event-photo div {
background: linear-gradient(270deg, #EF6B32 7.22%, #F7AB32 100%);
box-shadow: 0px 4px 20px rgba(186, 98, 16, 0.5);
border-radius: 15px;
padding: 7px 11px;
display: inline-block;
left: 10px;
top: 10px;
position: absolute;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 12px;
color: #FFFFFF;
}
.th-events {
margin: 100px auto 0 auto;
}
.th-head {
font-family: "Exo 2";
font-style: normal;
font-weight: bold;
font-size: 64px;
line-height: 77px;
text-align: center;
}
.th-about {
text-align: center;
}
.th-about > div:nth-child(1) {
font-family: "Exo 2";
font-style: normal;
font-weight: bold;
font-size: 64px;
line-height: 77px;
text-align: center;
}
.th-about > div:nth-child(2) {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 28px;
text-align: center;
max-width: 800px;
margin: 50px auto 40px auto;
}
.th-about > a {
font-family: "Roboto";
font-style: normal;
font-weight: normal;
font-size: 34px;
line-height: 40px;
text-align: center;
color: #EE8041;
}
.th-about-wrap {
background: #FEFAF3;
padding: 90px 0 80px 0;
}
.th-about-wrap-2 {
padding: 90px 0 80px 0;
}
.th-more {
margin: 40px auto 100px auto;
text-align: center;
}
.th-footer {
display: flex;
margin: 0px auto;
padding: 50px 0;
justify-content: space-between;
align-items: center;
}
.th-footer-wrap {
background: #fff;
}
.th-footer > div:nth-child(1) {
display: flex;
align-items: center;
width: 40%;
}
.th-footer > div:nth-child(2) {
text-align: center;
width: 20%;
}
.th-footer > div:nth-child(2) > a:nth-child(1) {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 30px;
text-align: center;
}
.th-footer-mail {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 30px;
text-align: center;
color: #EE8041;
}
.th-footer > div:nth-child(3) {
text-align: right;
width: 40%;
}
.th-footer > div:nth-child(3) a {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
text-decoration: underline;
}
.th-event-add {
max-width: 820px;
margin: 0 auto;
text-align: center;
}
.th-event-add-h1 {
font-family: "Exo 2";
font-style: normal;
font-weight: bold;
font-size: 64px;
line-height: 77px;
text-align: center;
color: #000000;
margin: 60px 0 20px 0;
}
.th-event-add-text {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 28px;
text-align: center;
color: #000000;
border-bottom: 1px solid #EE8041;
display: inline-block;
padding-bottom: 5px;
}
.th-form-row {
display: flex;
margin: 0 0 45px 0;
}
.th-form-row a {
font-size: 16px;
line-height: 19px;
text-decoration: underline;
color: #ff5100;
}
.th-form-row > div:nth-child(1) {
width: 40%;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
text-align: left;
padding: 0 60px 0 0;
}
.th-form-row > div:nth-child(2) {
width: 60%;
text-align: left;
}
.th-form-row > div:nth-child(2) input[type='text'], .th-form-row > div:nth-child(2) > textarea {
background: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
border-radius: 2px;
padding: 16px 27px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #000000;
width: 100%;
}
.th-form-row > div:nth-child(2) > textarea {
height: 180px;
}
.th-select {
position: relative;
}
.th-select select {
-webkit-appearance: none;/* Chrome */
-moz-appearance: none;/* Firefox */
appearance: none;/* убираем дефолнтные стрелочки */
background: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
border-radius: 2px;
padding: 16px 27px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
width: 100%;
cursor: pointer;
color: #666;
}
.th-select option {
-webkit-appearance: none;/* Chrome */
-moz-appearance: none;/* Firefox */
appearance: none;/* убираем дефолнтные стрелочки */
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
}
.th-select:before {
content: " ";
display: block;
right: 18px;
top: 23px;
height: 0;
width: 0;
position: absolute;
border-top: 8px solid #000;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
pointer-events: none;
}
.th-event-add-box {
background: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
border-radius: 2px;
padding: 16px 27px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #000000;
width: 100%;
margin-bottom: 15px;
}
.th-event-add-box > div:nth-child(1) {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #000000;
margin-bottom: 8px;
}
.th-event-add-box > div:nth-child(2) {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #000000;
opacity: 0.3;
}
.th-event-add-box textarea {
background: none;
border: 0px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #000000;
width: 100%;
margin-top: 8px;
height: 40px;
}
.th-select-date {
background: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
border-radius: 2px;
padding: 16px 27px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #666;
display: inline-block;
cursor: pointer;
}
.th-form-row-first {
margin-top: 50px;
}
.th-avatar {
display: flex;
align-items: center;
cursor: pointer;
}
.th-avatar > div:nth-child(1) {
background: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.1);
width: 85px;
height: 85px;
border-radius: 50%;
margin-right: 25px;
}
.th-avatar > div:nth-child(2) {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 140%;
}
.th-avatar > div:nth-child(2) p {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 18px;
color: #fff;
background: linear-gradient(270deg, #EF6B32 1.67%, #EF8343 40.08%, #F7AB32 100%);;
display: inline-block;
border-radius: 10px;
padding: 7px 15px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
margin-bottom: 10px;
}
.th-avatar span {
color: #aaa;
}
.th-event-add-btn {
padding: 30px 0 80px 0;
}
.th-form-row-btn {
text-align: center;
margin-bottom: 80px;
}
.th-form-row-btn * {
margin: 0 10px;
}
.th-form-row-last {
padding-bottom: 50px;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.th-radio {
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #000;
}
.th-radio input {
margin-right: 15px;
}
.th-checkbox {
/*
display: flex;
justify-content: flex-start;
align-items: center;
align-items: center;
*/
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #000;
padding-bottom: 3px;
border-bottom: solid 1px #fff;
}
.th-checkbox input {
margin-right: 15px;
}
.th-footer-div {
border-bottom: solid 1px #EE8041;
height: 1px;
}
.th-soc-share {
display: flex;
justify-content: space-between;
}
.th-soc-share a {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
display: flex;
align-items: center;
text-align: center;
color: #000000;
background: #FFFFFF;
box-shadow: 0px 4px 10px rgba(247, 171, 50, 0.16);
border-radius: 70px;
width: 50px;
height: 50px;
justify-content: center;
}
.th-link-share {
display: flex;
justify-content: space-between;
padding: 20px 20px;
background: #fff;
}
.th-link-share input {
width: 100%;
margin-right: 10px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
display: flex;
align-items: center;
}
.th-link-share a {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #EE8041;
}
.th-share {
display: flex;
justify-content: center;
background: #FEF9F2;
border-radius: 10px;
max-width: 1000px;
text-align: center;
margin: 0 auto 50px auto;
padding: 50px 0;
}
.th-share > div:nth-child(1) {
width: 35%;
margin: 0 30px;
text-align: left;
}
.th-share > div:nth-child(2) {
width: 40%;
margin: 0 30px;
text-align: left;
}
.th-share > div > div:nth-child(1) {
font-family: "Exo 2";
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 36px;
color: #000000;
margin-bottom: 15px;
}
.th-event-preview-btn {
padding: 50px 0 60px 0;
}
.th-preview-image {
background: url('/images/picture.png') no-repeat center center / cover;
height: 400px;
}
.th-preview-info {
/* height: 600px;*/
background: url('/images/circles.png') no-repeat center 110% / 90%;
margin: 0;
}
.th-preview-back {
position: absolute;
width: 100%;
height: 302px;
background: linear-gradient(90deg, #F7AB32 0%, #EF6B32 100%);
transform: rotate(-180deg);
z-index: -1;
}
.th-preview-info-block {
text-align: center;
}
.th-preivew-avatar {
background: url('/images/avatar.png') no-repeat center center / cover;
width: 138px;
height: 138px;
border-radius: 50%;
display: inline-block;
margin-top: -69px;
}
.th-preview-name {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 28px;
text-align: center;
color: #FFFFFF;
margin: 10px 0 0px 0;
}
.th-preview-title {
font-family: "Exo 2";
font-style: normal;
font-weight: bold;
font-size: 64px;
line-height: 64px;
text-align: center;
color: #FFFFFF;
text-shadow: 0px 4px 30px #FFCE1F;
}
.th-preview-reason {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 28px;
text-align: center;
color: #FFFFFF;
margin-top: 10px;
}
.th-preview-stat {
margin: 100px 0 130px 0;
display: flex;
justify-content: center;
align-items: center;
}
.th-preview-stat > div {
margin: 0 25px;
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 36px;
color: #000000;
}
.th-preview-stat > div span {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 28px;
text-align: center;
color: #000000;
}
.th-ask {
color: #EE8041;
border: solid 3px #EE8041;
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
width: 38px;
height: 38px;
border-radius: 50%;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
margin-left: 7px;
}
.th-flex {
display: flex;
align-items: center;
}
.th-preview-text {
max-width: 820px;
margin: 20px auto 50px auto;
}
.th-preview-text-head {
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 36px;
text-align: center;
color: #000000;
margin: 10px 0 50px 0;
}
.th-preview-text-body, .th-preview-text-body a, .th-preview-text-body u{
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 28px;
color: #000000;
}
.th-preview-text-body a {
text-decoration: underline;
}
.th-body-circles {
background: url('/images/circles2.png') no-repeat center top / 100%;
background-blend-mode: screen;
}
.th-ok {
text-align: center;
margin: 50px 0 0 0;
}
.th-ok-head {
font-family: "Exo 2";
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 36px;
text-align: center;
color: #000000;
margin: 40px 0 20px 0;
}
.th-ok-text {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 21px;
line-height: 143.4%;
text-align: center;
color: #000000;
margin: 0 0 60px 0;
}
.th-hidden {
display: none;
}
.th-video, .th-photo {
cursor: pointer;
}
.th-switch {
width: 200px;
height: 90px;
border-radius: 45px;
background: linear-gradient(270deg, #878787, #EDEDED, #F49739, #E83F3B);
background-size: 400% 400%;
background-position: 100% 0%;
position: relative;
margin: 0 auto;
transition: all 1.5s ease-in-out;
}
.th-switch div {
display: flex;
position: absolute;
align-items: center;
justify-content: center;
background: #fff;
width: 110px;
height: 110px;
border-radius: 50%;
border: solid 3px #C1C0C0;
top: -10px;
left: 0px;
box-shadow: 0 1px 6px rgba(115,96,89,0.4);
transition: all 1.5s ease-in-out;
}
.th-switch div img {
margin-top: 5px;
width: 80px;
opacity: 0.6;
transition: all 1.5s ease-in-out;
}
.th-switch.on {
animation: gradient 1.5s ease-in-out;
animation-fill-mode: forwards;
}
@keyframes gradient {
0% {
background-position: 100% 0%;
}
100% {
background-position: 0% 0%;
}
}
.th-switch.on div {
box-shadow: 0 1px 6px rgba(201,84,24,0.7);
border: solid 3px #F07F34;
left: 100px;
}
.th-switch.on div img {
opacity: 1;
}
.th-payments {
text-align: center;
margin-bottom: 160px;
}
.th-payments-head {
margin: 80px 0 60px 0;
font-family: "Exo 2";
font-style: normal;
font-weight: bold;
font-size: 64px;
line-height: 77px;
text-align: center;
color: #000000;
}
.th-payments-item {
max-width: 820px;
display: flex;
justify-content: space-between;
padding: 25px 40px;
border: 1px solid #EE8041;
border-radius: 40px;
margin: 0 auto 30px auto;
}
.th-payments-item > div:nth-child(1) {
width: 40%;
text-align: left;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 28px;
}
.th-payments-item > div:nth-child(1) span {
font-family: "Rubik";
font-style: italic;
font-weight: normal;
font-size: 17px;
line-height: 20px;
}
.th-payments-item > div:nth-child(2) {
width: 30%;
text-align: left;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
}
.th-payments-item > div:nth-child(3) {
width: 30%;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 28px;
text-align: right;
}
.th-pay {
background: #FEFAF3;
padding: 90px 0 80px 0;
}
.th-wm820 {
max-width: 820px;
margin: 0 auto 40px auto;
}
.th-pay-head {
font-family: "Exo 2";
font-style: normal;
font-weight: bold;
font-size: 64px;
line-height: 77px;
text-align: center;
color: #000000;
}
.th-pay-box {
background: #FFFFFF;
box-shadow: 0px 8px 30px rgba(247, 171, 50, 0.16);
border-radius: 10px;
max-width: 1000px;
margin: 70px auto 60px auto;
display: flex;
padding: 30px 0;
}
.th-pay-box > div:nth-child(1) {
width: 30%;
text-align: right;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
padding-top: 15px;
}
.th-pay-box > div:nth-child(2) {
width: 70%;
text-align: left;
padding-left: 60px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 21px;
line-height: 130.9%;
padding-right: 60px;
}
.th-select-amount {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.th-select-amount input {
/*
background: #FFFFFF;
border: 1px solid rgba(238, 128, 65, 0.2);
*/
box-sizing: border-box;
border-radius: 40px;
height: 50px;
padding: 15px 5px !important;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
text-align: center;
/* color: #B3B3B3; */
color: #fff;
width: 130px;
}
.th-btn-switch {
display: flex;
align-items: center;
background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(247, 171, 50, 0.2);
border-radius: 40px;
}
.th-btn-switch > * {
cursor: pointer;
padding: 15px 29px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
text-align: center;
border-right: solid 1px rgba(238, 128, 65, 0.1);
}
.th-btn-switch > *:first-child {
border-radius: 40px 0 0 40px;
}
.th-btn-switch > *:last-child {
border-radius: 0 40px 40px 0;
border-right: none;
}
.th-btn-switch-active {
background: linear-gradient(270deg, #EF6B32 7.22%, #F7AB32 100%);
color: white;
}
.th-form-row > div:nth-child(1) span {
color: #999;
}
.th-comment {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #B2AFAA;
}
.th-ask {
position: relative;
}
.th-ask-view {
display: none;
right: 0;
top: 0;
position: absolute;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(247, 171, 50, 0.16);
border-radius: 4px;
width: 200px;
padding: 15px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 13px;
color: #000;
text-align: left;
z-index: 200;
}
.th-ask-view b {
font-weight: bold;
}
.th-progress {
height: 6px;
background: rgba(0, 0, 0, 0.1);;
margin: 30px 0 7px 0;
}
.th-progress div {
height: 6px;
background: #F6A734;
}
.th-progress-stat {
display: flex;
justify-content: space-between;
}
.th-progress-stat > div:nth-child(2) {
text-align: right;
}
.th-progress-stat div {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 13px;
color: #BBBBBB;
}
.th-progress-stat div span {
font-size: 10px;
line-height: 13px;
color: #000;
}
.th-btn-share {
position: relative;
}
.th-share-box {
z-index: 200;
display: none;
position: absolute;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(247, 171, 50, 0.16);
border-radius: 4px;
width: 370px;
padding: 20px;
top: 70px;
left: -50px;
}
.th-share-box > div:nth-child(1) {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.th-share-box > div:nth-child(1) a {
display: flex;
align-items: center;
justify-content: center;
background: #F7AB32;
border-radius: 50px;
color: white;
width: 50px;
height: 50px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
margin: 0;
}
.th-share-box > div:nth-child(2) {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
display: flex;
align-items: center;
color: #000000;
display: flex;
justify-content: space-between;
background: #FAFAFA;
border: 1px solid rgba(0, 0, 0, 0.1);
box-sizing: border-box;
border-radius: 2px;
padding: 16px 10px;
}
.th-share-box > div:nth-child(2) > * {
margin: 0;
}
.th-share-box > div:nth-child(2) > input {
width: 100%;
margin-right: 10px;
}
.th-share-box > div:nth-child(2) > a {
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #EE8041;
}
.th-preview {
margin-top: 10px;
}
.error {
border-color: red !important;
border-width: 2px !important;
}
.error-box {
border-bottom: solid 3px red !important;
}
.input-hidden {
width: 0px !important;
padding: 0 !important;
border: 0 !important;
margin: 0 !important;
}
[required], .th-checkbox {
transition: all 0.3s ease-in-out;
}
#container {
width: 70px;
height: 35px;
overflow: hidden;
position: absolute;
top: calc(50% - 17px);
left: calc(50% - 35px);
}
#loader {
width: 70px;
height: 70px;
border-style: solid;
border-top-color: #FFF;
border-right-color: #FFF;
border-left-color: transparent;
border-bottom-color: transparent;
border-radius: 50%;
box-sizing: border-box;
animation: rotate 3s ease-in-out infinite;
transform: rotate(-200deg)
}
@keyframes rotate {
0% { border-width: 10px; }
25% { border-width: 3px; }
50% {
transform: rotate(115deg);
border-width: 10px;
}
75% { border-width: 3px;}
100% { border-width: 10px;}
}
.loader {
position: fixed;
background: rgba(235, 205, 86, 0.7);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
display: none;
}
.th-preview-image {
display: none;
}
.up {
position: fixed;
width: calc(100vw / 1280 * 50);
height: calc(100vw / 1280 * 50);
color: #fff;
background: linear-gradient(270deg, #EF6B32 1.67%, #EF8343 40.08%, #F7AB32 100%);
display: flex;
align-items: center;
justify-content: center;
border-radius: calc(100vw / 1280 * 25);
right: calc(100vw / 1280 * 25);
bottom: calc(100vw / 1280 * 120);
font-size: calc(100vw / 1280 * 22);
cursor: pointer;
}
.th-hint {
color: #EE8041;
border: solid 2px #EE8041;
font-family: "Exo 2";
font-style: normal;
font-weight: 600;
border-radius: 50%;
display: inline-block;
align-items: center;
text-align: center;
justify-content: center;
margin-left: 7px;
position: relative;
padding: calc(100vw / 1280 * 0) 0 0 0;
font-size: calc(100vw / 1280 * 14);
line-height: calc(100vw / 1280 * 17);
width: calc(100vw / 1280 * 22);
height: calc(100vw / 1280 * 22);
cursor: pointer;
}
.th-hint div {
position: absolute;
display: none;
transition: all 0.3s ease-in-out;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(247, 171, 50, 0.16);
border-radius: 4px;
width: 200px;
padding: 15px;
font-family: "Rubik";
font-style: normal;
font-weight: normal;
font-size: calc(100vw / 1280 * 12);
line-height: calc(100vw / 1280 * 15);
color: #000;
text-align: left;
z-index: 200;
}
.th-hint:hover div {
display: block;
}
.th-preview-txt {
color: #fff;
font-size: calc(100vw / 1280 * 14);
line-height: calc(100vw / 1280 * 17);
}
h3, h4 {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 26);
margin-bottom: 10px;
}
.th-ptype {
font-size: 15px;
}
.th-ptype label {
background: url('/images/bank.png') no-repeat left 0px;
padding-left: 30px;
margin-left: 10px;
}
.th-ptype #ptype2 {
}
.th-popup-overlay {
display: none;
position: fixed;
z-index: 1000;
background: RGBA(0,0,0,0.6);
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.th-popup {
display: none;
position: fixed;
z-index: 1001;
background: #fff;
left: calc(50% - 160px);
top: 10%;
width: 320px;
padding: 20px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.th-popup-close {
position: absolute;
right: 20px;
top: 20px;
font-size: 40px;
cursor: pointer;
}
.th-popup input {
display: block;
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
border-bottom: solid 2px #aaa;
background: #f9f9f9;
padding: 10px 10px;
box-sizing: border-box;
font-size: 16px;
line-height: 20px;
}
.th-popup strong {
display: block;
margin-bottom: 10px;
font-size: 16px;
line-height: 20px;
padding-right: 20px;
}
.th-popup .th-btn {
display: inline-block;
}
.popup-error {
border-bottom: solid 2px #f00 !important;
}
.pg-logo {
width: 150px;
margin-left: 15px;
}
.th-ptype-flex {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.th-ptype-flex > div {
margin-right: 30px;
}
.th-crop-overlay {
display: none;
position: fixed;
z-index: 1000;
background: RGBA(0,0,0,0.6);
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.th-crop {
display: none;
position: fixed;
z-index: 1001;
background: #eee;
left: 10%;
top: 10%;
width: 80%;
height: 80%;
padding: 20px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.th-crop img {
margin: 0 auto;
width: auto;
height: auto;
object-fit: contain;
max-height: 400px;
}
.jcrop-holder {
background-color: #fff;
border: none;
margin: 0 auto;
}
.th-crop-btn {
display: flex;
justify-content: space-around;
}
.th-crop-img {
margin: 20px 0;
}
.th-crop-title {
text-align: center;
font-size: 18px;
}
.th-about b {
font-weight: bold;
font-size: 16px;
line-height: 1.3;
}
.th-about .th-link {
font-size: 16px;
line-height: 1.3;
}
/* End */
/* Start:/local/templates/turnonheart/css/style_mob.css?16260811527719*/
.th-mobile {
display: none;
}
.th-diagram-mobile {
display: none;
}
@media only screen and (max-width: 1279px) {
.th-width {
max-width: calc(100vw - 40px);
}
.th-block-2 > div > div:nth-child(2) {
height: 130px;
}
.th-block-2 > div > div:nth-child(1) {
height: 70px;
}
.th-event-photo {
height: 250px;
}
.th-event-empty > div:nth-child(1) {
font-size: 100px;
line-height: 130px;
width: 150px;
height: 150px;
}
}
@media only screen and (max-width: 1023px) {
.th-width {
max-width: calc(100vw - 40px);
}
.th-header-link {
flex-wrap: wrap;
justify-content: flex-end;
}
.th-header-link a.th-btn {
margin-top: 30px;
}
.th-header {
align-items: flex-start;
padding-top: 20px;
}
.th-header-main {
padding-bottom: 430px;
background-size: 80%;
}
.th-block-1-t br {
display: inline;
}
.th-block-2 > div > div:nth-child(2) {
font-size: 18px;
line-height: 23px;
}
.th-event, .th-event-empty {
width: 48%;
}
.th-footer {
flex-wrap: wrap;
}
.th-footer > div:nth-child(2) {
order: 0;
width: 100%;
margin-bottom: 20px;
}
.th-footer > div:nth-child(1) {
order: 1;
}
.th-footer > div:nth-child(3) {
order: 1;
}
.th-header-nomain {
padding-bottom: 20px;
}
.th-event-add-h1 {
margin-top: 20px;
}
.th-share {
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 20px;
}
.th-share > div:nth-child(1) {
width: 60%;
}
.th-share > div:nth-child(2) {
margin-top: 20px;
width: 60%;
}
.th-share > div > div:nth-child(1) {
text-align: center;
}
.th-preview-stat > div {
font-weight: 600;
font-size: 24px;
line-height: 29px;
}
.th-preview-text-body {
padding: 0 20px;
}
.th-payments {
padding: 0 20px;
margin-bottom: 60px;
}
.th-pay-box > div:nth-child(1) {
width: 17%;
}
.th-pay-box {
margin: 30px 0px;
}
.th-pay {
padding: 0 20px;
}
}
@media only screen and (max-width: 767px) {
h4 {
font-size: 22px;
margin-bottom: 20px;
}
.th-width {
max-width: calc(100vw - 20px);
}
.th-header > div:nth-child(2) {
display: none;
}
.th-header {
align-items: center;
}
.th-header .th-slogan {
display: none;
}
.th-header-main {
padding-bottom: 290px;
background-size: 100%;
}
.th-block-1-h {
font-size: 28px;
line-height: 33px;
}
.th-block-1-h img {
width: 50px;
margin: 5px 10px 0 10px;
}
.th-event, .th-event-empty {
width: 100%;
}
.th-block-2 > div {
width: 100%;
height: 250px;
display: flex;
align-items: flex-end;
transition: all 0.5s ease-in-out;
}
.th-block-2 > div > div:nth-child(1) {
display: none;
transition: all 0.5s ease-in-out;
}
.th-block-2 > div > div:nth-child(2) {
display: none;
transition: all 0.5s ease-in-out;
}
.th-block-2 > div.active > div:nth-child(1) {
display: block;
position: absolute;
width: calc(100vw - 60px);
left: 20px;
margin-top: -200px;
}
.th-block-2 > div.active > div:nth-child(2) {
display: block;
position: absolute;
width: calc(100vw - 60px);
left: 20px;
margin-top: -40px;
}
.th-block-2 > div > div:nth-child(3) {
color: #ffe0a1;
border: solid 2px #ffe0a1;
cursor: pointer;
}
.th-block-2 > div.active > div:nth-child(3) {
color: #EE8041;
border: solid 2px #EE8041;
}
.th-block-2 {
margin-top: 90px;
}
.th-footer > div:nth-child(1) {
width: 100%;
}
.th-footer > div:nth-child(3) {
width: 100%;
text-align: center;
margin-top: 15px;
}
.th-banner-head {
font-size: 69px;
line-height: 83px;
}
.th-banner-text {
font-size: 24px;
line-height: 28px;
}
.th-banner {
padding: 0 10px 20px 10px;
height: auto;
}
.th-submenu {
display: none;
}
.th-head {
font-size: 26px;
line-height: 31px;
}
.th-diagram {
display: none;
}
.th-diagram-mobile {
display: block;
background: #FFFFFF;
box-shadow: 0px 8px 44px rgba(255, 206, 31, 0.71);
border-radius: 10px;
padding: 20px 26px;
margin-top: 10px;
}
.th-diagram-mobile > div {
font-family: "Exo 2";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 140%;
color: #000000;
margin-bottom: 25px;
}
.th-diagram-mobile > div > div {
border-radius: 15px;
height: 10px;
margin-bottom: 8px;
}
.th-diagram-mobile > div:nth-child(1) > div {
width: 49px;
background: #F7AD4B;
}
.th-diagram-mobile > div:nth-child(2) > div{
width: 130px;
background: #FAC588;
}
.th-diagram-mobile > div:nth-child(3) > div{
width: 83px;
background: #F5A165;
}
.th-diagram-mobile > div:nth-child(4) > div{
width: 212px;
background: #FDEAD8;
}
.th-diagram-mobile > div:nth-child(5) > div{
width: 174px;
background: #FBD4B5;
}
.th-diagram-mobile > div:nth-child(6) > div{
width: 104px;
background: #F5A165;
}
.th-diagram-mobile > div:nth-child(7) > div{
width: 130px;
background: #F7B388;
}
.th-diagram-mobile > div:nth-child(8) > div{
width: 60px;
background: #F2864B;
}
.th-events {
margin-top: 50px;
}
[href='#menu'] {
font-size: 40px;
font-family: sans-serif;
color: #444;
}
.th-mobile {
display: block;
}
.th-form-row {
flex-direction: column;
margin-bottom: 30px;
}
.th-form-row > div:nth-child(1) {
width: 100%;
margin-bottom: 10px;
}
.th-form-row > div:nth-child(2) {
width: 100%;
}
.th-form-row-btn > * {
display: block;
margin-bottom: 20px;
}
.th-event-add-h1 {
font-size: 26px;
line-height: 31px;
}
.th-event-add-text {
font-size: 14px;
line-height: 28px;
}
.th-share > div:nth-child(1) {
width: 95%;
}
.th-share > div:nth-child(2) {
width: 95%;
}
.th-share {
margin: 0 10px;
}
.th-preview-name {
font-size: 18px;
line-height: 28px;
}
.th-preview-title {
font-size: 40px;
line-height: 48px;
}
.th-preview-stat {
flex-direction: column;
margin-bottom: 40px;
}
.th-preview-stat > div {
margin-bottom: 15px;
}
.th-preview-info {
background-size: 300%;
height: auto;
}
.th-preview-text {
margin-top: 50px;
}
.th-payments-item {
flex-direction: column;
}
.th-payments-item > div:nth-child(1) {
width: 100%;
}
.th-payments-item > div:nth-child(2) {
width: 100%;
}
.th-payments-item > div:nth-child(3) {
width: 100%;
}
.th-payments-head {
margin: 30px 0;
font-size: 26px;
line-height: 31px;
}
.th-pay-head {
font-size: 26px;
line-height: 31px;
}
.th-pay {
padding: 0 10px;
}
.th-pay-box {
flex-direction: column;
}
.th-pay-box > div:nth-child(1) {
width: 100%;
text-align: center;
margin: 0 0 20px 0;
}
.th-pay-box > div:nth-child(2) {
width: 100%;
padding: 0 20px;
}
.th-btn-switch {
flex-wrap: wrap;
margin: 0 10px;
}
.th-btn-switch > div {
width: 50%;
border-bottom: solid 1px rgba(238, 128, 65, 0.1);
}
.th-btn-switch >input {
width: 100%;
border-radius: 0 0 40px 40px;
}
.th-btn-switch > *:last-child {
border-radius: 0 0 40px 40px;
}
.th-btn-switch > *:first-child {
border-radius: 40px 0 0 0;
}
.th-btn-switch > *:nth-child(2) {
border-radius: 0 40px 0 0;
}
.th-header > div:nth-child(2) {
display: none;
position: absolute;
background: #fff;
width: 100%;
left: 0;
top: 70px;
padding: 40px 30px;
}
.th-close-btn {
position: absolute;
left: 25px;
top: 30px;
font-size: 55px;
}
.th-logo img {
width: 70px;
}
.th-preview-name {
margin: 0;
}
}
/* End */
/* Start:/local/templates/turnonheart/css/style_big.css?159249735613478*/
@media only screen and (min-width: 1320px) {
.th-header-main {
padding-bottom: calc(100vw * 0.28);
background-size: 47%;
}
.th-logo img {
width: calc(100vw / 1280 * 130);
}
.th-slogan {
font-size: calc(100vw / 1280 * 12);
line-height: calc(100vw / 1280 * 14);
margin-left: calc(100vw / 1280 * 20);
}
.th-header-link a {
font-size: calc(100vw / 1280 * 16);
line-height: calc(100vw / 1280 * 19);
margin-left: calc(100vw / 1280 * 20);
}
.th-header-info {
font-size: calc(100vw / 1280 * 16);
line-height: calc(100vw / 1280 * 19);
margin-top: calc(100vw / 1280 * 10);
}
.th-block-1-h {
font-size: calc(100vw / 1280 * 64);
line-height: calc(100vw / 1280 * 68);
}
.th-block-1-h img {
width: calc(100vw / 1280 * 90);
margin-top: calc(100vw / 1280 * 15);
}
.th-block-1-t {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 28);
width: 60%;
margin: 0 auto;
margin-top: calc(100vw / 1280 * 30);
margin-bottom: calc(100vw / 1280 * 60);
}
.th-btn-2 {
font-size: calc(100vw / 1280 * 24);
line-height: calc(100vw / 1280 * 29);
padding: calc(100vw / 1280 * 27) calc(100vw / 1280 * 61);
}
.th-btn {
font-size: calc(100vw / 1280 * 16);
line-height: calc(100vw / 1280 * 19);
padding: calc(100vw / 1280 * 13) calc(100vw / 1280 * 35);
}
.th-block-2 > div > div:nth-child(1) {
font-size: calc(100vw / 1280 * 30);
line-height: calc(100vw / 1280 * 36);
}
.th-block-2 > div > div:nth-child(2) {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 28);
margin: calc(100vw / 1280 * 15) 0 calc(100vw / 1280 * 20) 0;
height: calc(100vw / 1280 * 90);
}
.th-block-2 > div > div:nth-child(3) {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 24);
width: calc(100vw / 1280 * 40);
height: calc(100vw / 1280 * 40);
border-radius: 50%;
}
.th-line {
margin-top: calc(100vw / 1280 * -20);
}
.th-banner {
height: calc(100vw / 1280 * 500);
}
.th-submenu > div {
font-size: calc(100vw / 1280 * 10);
line-height: calc(100vw / 1280 * 13);
}
.th-submenu > div > div {
width: calc(100vw / 1280 * 200);
}
.th-diagram > div {
width: calc(100vw / 1280 * 132);
}
.th-head {
font-size: calc(100vw / 1280 * 64);
line-height: calc(100vw / 1280 * 77);
}
.th-event-photo {
height: calc(100vw / 1280 * 300);
}
.th-event-photo div {
font-size: calc(100vw / 1280 * 10);
line-height: calc(100vw / 1280 * 12);
}
.th-event-info {
padding: calc(100vw / 1280 * 20) calc(100vw / 1280 * 10);
}
.th-event-info > div:nth-child(2) > div:nth-child(1) {
font-size: calc(100vw / 1280 * 30);
line-height: calc(100vw / 1280 * 30);
}
.th-event-info > div:nth-child(2) > div:nth-child(2) {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 24);
}
.th-event-stat {
font-size: calc(100vw / 1280 * 10);
line-height: calc(100vw / 1280 * 12);
padding: 0 calc(100vw / 1280 * 10);
margin-bottom: calc(100vw / 1280 * 10);
}
.th-event-stat span {
font-size: calc(100vw / 1280 * 16);
line-height: calc(100vw / 1280 * 19);
}
.th-event-empty > div:nth-child(1) {
font-size: calc(100vw / 1280 * 200);
line-height: calc(100vw / 1280 * 237);
width: calc(100vw / 1280 * 240);
height: calc(100vw / 1280 * 240);
}
.th-about > div:nth-child(1) {
font-size: calc(100vw / 1280 * 64);
line-height: calc(100vw / 1280 * 77);
}
.th-about > div:nth-child(2) {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 28);
margin: calc(100vw / 1280 * 50) auto calc(100vw / 1280 * 40) auto;
max-width: calc(100vw / 1280 * 800);
}
.th-about > a {
font-size: calc(100vw / 1280 * 34);
line-height: calc(100vw / 1280 * 40);
}
.th-footer > div:nth-child(2) > a:nth-child(1) {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 30);
}
.th-footer-mail {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 30);
}
.th-footer > div:nth-child(3) a {
font-size: calc(100vw / 1280 * 16);
line-height: calc(100vw / 1280 * 24);
}
.th-event-add {
max-width: calc(100vw / 1280 * 828);
}
.th-event-add-h1 {
font-size: calc(100vw / 1280 * 64);
line-height: calc(100vw / 1280 * 77);
margin: calc(100vw / 1280 * 60) 0 calc(100vw / 1280 * 20) 0;
}
.th-event-add-text {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 28);
margin-bottom: calc(100vw / 1280 * 5);
}
.th-form-row > div:nth-child(1) {
font-size: calc(100vw / 1280 * 18);
line-height: calc(100vw / 1280 * 21);
}
.th-avatar > div:nth-child(2) {
font-size: calc(100vw / 1280 * 14);
}
.th-form-row > div:nth-child(2) input[type='text'], .th-form-row > div:nth-child(2) > textarea, .th-select-date, .th-form-row select {
font-size: calc(100vw / 1280 * 16);
line-height: calc(100vw / 1280 * 19);
padding: calc(100vw / 1280 * 16) calc(100vw / 1280 * 27);
}
.th-event-add-box > div:nth-child(1), .th-event-add-box > div:nth-child(2), .th-event-add-box textarea, .th-radio, .th-checkbox {
font-size: calc(100vw / 1280 * 16);
line-height: calc(100vw / 1280 * 19);
}
.th-event-add-box textarea {
height: calc(100vw / 1280 * 40);
}
.th-btn-inv {
font-size: calc(100vw / 1280 * 16);
line-height: calc(100vw / 1280 * 19);
padding: calc(100vw / 1280 * 14) calc(100vw / 1280 * 35);
}
.th-preview-image {
height: calc(100vw / 1280 * 400);
}
.th-preview-info {
/*
height: calc(100vw / 1280 * 600);
*/
}
.th-preview-back {
height: calc(100vw / 1280 * 302);
}
.th-preivew-avatar {
height: calc(100vw / 1280 * 138);
background-size: cover;
width: calc(100vw / 1280 * 138);
margin-top: calc(100vw / 1280 * -138 / 2);
}
.th-preview-name {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 28);
margin: calc(100vw / 1280 * 10) 0 calc(100vw / 1280 * 0) 0;
}
.th-preview-title {
font-size: calc(100vw / 1280 * 64);
line-height: calc(100vw / 1280 * 64);
}
.th-preview-reason {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 28);
margin-top: calc(100vw / 1280 * 10);
}
.th-preview-stat {
margin: calc(100vw / 1280 * 100) 0 calc(100vw / 1280 * 130) 0;
}
.th-preview-stat > div {
font-size: calc(100vw / 1280 * 30);
line-height: calc(100vw / 1280 * 36);
margin: 0 calc(100vw / 1280 * 25);
}
.th-form-row-btn * {
margin: 0 calc(100vw / 1280 * 10);
}
.th-btn-large {
font-size: calc(100vw / 1280 * 24);
line-height: calc(100vw / 1280 * 29);
padding: calc(100vw / 1280 * 23) calc(100vw / 1280 * 61);
}
.th-preview-text {
margin: calc(100vw / 1280 * 20) auto calc(100vw / 1280 * 50) auto;
max-width: calc(100vw / 1280 * 820);
}
.th-preview-text-head {
font-size: calc(100vw / 1280 * 30);
line-height: calc(100vw / 1280 * 36);
margin: calc(100vw / 1280 * 10) 0 calc(100vw / 1280 * 50);
}
.th-preview-text-body, .th-preview-text-body a, .th-preview-text-body u {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 28);
}
.th-share {
max-width: calc(100vw / 1280 * 1000);
margin: 0 auto calc(100vw / 1280 * 50) auto;
padding: calc(100vw / 1280 * 50) 0;
}
.th-share > div:nth-child(1) {
margin: 0 calc(100vw / 1280 * 30);
}
.th-share > div:nth-child(2) {
margin: 0 calc(100vw / 1280 * 30);
}
.th-share > div > div:nth-child(1) {
font-size: calc(100vw / 1280 * 30);
line-height: calc(100vw / 1280 * 36);
margin-bottom: calc(100vw / 1280 * 15);
}
.th-soc-share a {
font-size: calc(100vw / 1280 * 15);
line-height: calc(100vw / 1280 * 18);
height: calc(100vw / 1280 * 50);
width: calc(100vw / 1280 * 50);
}
.th-share > div > div:nth-child(1) {
font-size: calc(100vw / 1280 * 30);
line-height: calc(100vw / 1280 * 36);
margin-bottom: calc(100vw / 1280 * 15);
}
.th-link-share {
padding: calc(100vw / 1280 * 20) calc(100vw / 1280 * 20);
}
.th-link-share input {
font-size: calc(100vw / 1280 * 12);
line-height: calc(100vw / 1280 * 14);
}
.th-link-share a {
font-size: calc(100vw / 1280 * 15);
line-height: calc(100vw / 1280 * 18);
}
.th-share-box {
width: calc(100vw / 1280 * 370);
padding: calc(100vw / 1280 * 20);
top: calc(100vw / 1280 * 70);
left: calc(100vw / 1280 * -50);
}
.th-share-box > div:nth-child(1) {
margin-bottom: calc(100vw / 1280 * 30);
}
.th-share-box > div:nth-child(2) {
font-size: calc(100vw / 1280 * 12);
line-height: calc(100vw / 1280 * 14);
padding: calc(100vw / 1280 * 16) calc(100vw / 1280 * 10);
}
.th-share-box > div:nth-child(1) a {
font-size: calc(100vw / 1280 * 15);
line-height: calc(100vw / 1280 * 18);
height: calc(100vw / 1280 * 50);
width: calc(100vw / 1280 * 50);
}
.th-share-box > div:nth-child(2) > a {
font-size: calc(100vw / 1280 * 15);
line-height: calc(100vw / 1280 * 18);
}
.th-preview-stat > div span {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 28);
}
.th-payments {
margin-bottom: calc(100vw / 1280 * 160);
}
.th-payments-head {
font-size: calc(100vw / 1280 * 64);
line-height: calc(100vw / 1280 * 77);
margin: calc(100vw / 1280 * 80) 0 calc(100vw / 1280 * 60) 0;
}
.th-payments-item {
max-width: calc(100vw / 1280 * 820);
padding: calc(100vw / 1280 * 25) calc(100vw / 1280 * 40);
margin: 0 auto calc(100vw / 1280 * 30) auto;
}
.th-payments-item > div:nth-child(1) {
font-size: calc(100vw / 1280 * 24);
line-height: calc(100vw / 1280 * 28);
}
.th-payments-item > div:nth-child(2) {
font-size: calc(100vw / 1280 * 14);
line-height: calc(100vw / 1280 * 17);
}
.th-payments-item > div:nth-child(3) {
font-size: calc(100vw / 1280 * 24);
line-height: calc(100vw / 1280 * 28);
}
.th-payments-item > div:nth-child(1) span {
font-size: calc(100vw / 1280 * 17);
line-height: calc(100vw / 1280 * 20);
}
.th-pay {
padding: calc(100vw / 1280 * 90) 0 calc(100vw / 1280 * 80) 0;
}
.th-pay-head {
font-size: calc(100vw / 1280 * 64);
line-height: calc(100vw / 1280 * 77);
}
.th-pay-box {
max-width: calc(100vw / 1280 * 1000);
margin: calc(100vw / 1280 * 70) auto calc(100vw / 1280 * 60) auto;
padding: calc(100vw / 1280 * 30) 0;
}
.th-wm820 {
max-width: calc(100vw / 1280 * 820);
margin: 0 auto calc(100vw / 1280 * 40) auto;
}
.th-checkbox input {
width: calc(100vw / 1280 * 15);
height: calc(100vw / 1280 * 15);
}
.th-comment {
font-size: calc(100vw / 1280 * 16);
line-height: calc(100vw / 1280 * 19);
}
.th-pay-box > div:nth-child(1) {
font-size: calc(100vw / 1280 * 18);
line-height: calc(100vw / 1280 * 21);
padding-top: calc(100vw / 1280 * 15);
}
.th-pay-box > div:nth-child(2) {
padding-left: calc(100vw / 1280 * 60);
font-size: calc(100vw / 1280 * 21);
padding-right: calc(100vw / 1280 * 60);
}
.th-select-amount {
margin-bottom: calc(100vw / 1280 * 30);
}
.th-btn-switch > * {
padding: calc(100vw / 1280 * 15) calc(100vw / 1280 * 29);
font-size: calc(100vw / 1280 * 18);
line-height: calc(100vw / 1280 * 21);
}
.th-select-amount input {
padding: calc(100vw / 1280 * 15) calc(100vw / 1280 * 5) !important;
font-size: calc(100vw / 1280 * 18);
line-height: calc(100vw / 1280 * 21);
height: calc(100vw / 1280 * 50);
width: calc(100vw / 1280 * 130);
}
.th-ok {
padding: calc(100vw / 1280 * 50) 0 0 0;
}
.th-ok-head {
font-size: calc(100vw / 1280 * 30);
line-height: calc(100vw / 1280 * 36);
margin: calc(100vw / 1280 * 40) 0 calc(100vw / 1280 * 20) 0;
}
.th-ok-text {
font-size: calc(100vw / 1280 * 21);
margin: 0 0 calc(100vw / 1280 * 60) 0;
}
.th-ask-view {
width: calc(100vw / 1280 * 200);
padding: calc(100vw / 1280 * 15);
font-size: calc(100vw / 1280 * 10);
line-height: calc(100vw / 1280 * 13);
}
.th-progress-stat div span {
font-size: calc(100vw / 1280 * 13);
line-height: calc(100vw / 1280 * 15);
}
.th-form-row a {
font-size: calc(100vw / 1280 * 16);
line-height: calc(100vw / 1280 * 19);
}
.th-ask {
font-size: calc(100vw / 1280 * 20);
line-height: calc(100vw / 1280 * 24);
width: calc(100vw / 1280 * 38);
height: calc(100vw / 1280 * 38);
}
.th-event-preview-btn {
padding: calc(100vw / 1280 * 50) 0 calc(100vw / 1280 * 60) 0;
}
.th-popup {
left: calc(50% - 100vw / 1280 * 160);
width: calc(100vw / 1280 * 320);
padding: calc(100vw / 1280 * 20);
}
.th-popup-close {
right: calc(100vw / 1280 * 20);
top: calc(100vw / 1280 * 20);
font-size: calc(100vw / 1280 * 40);
}
.th-popup input {
margin-bottom: calc(100vw / 1280 * 20);
margin-top: calc(100vw / 1280 * 20);
padding: calc(100vw / 1280 * 10) calc(100vw / 1280 * 10);
font-size: calc(100vw / 1280 * 16);
line-height: calc(100vw / 1280 * 20);
}
.th-popup strong {
margin-bottom: calc(100vw / 1280 * 10);
font-size: calc(100vw / 1280 * 16);
line-height: calc(100vw / 1280 * 20);
padding-right: calc(100vw / 1280 * 20);
}
.pg-logo {
width: calc(100vw / 1280 * 150);
margin-left: calc(100vw / 1280 * 15);
}
}
/* End */
/* Start:/local/templates/turnonheart/css/datepicker.material.css?15194232004546*/
.datepicker {
display: inline-block;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.datepicker table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 0;
}
.datepicker table th,
.datepicker table td {
width: calc(100% / 7);
padding: 0;
}
.datepicker table th {
color: #90CAF9;
text-transform: uppercase;
font-size: 0.5rem;
line-height: 4;
font-weight: bold;
text-align: center;
}
.datepicker__wrapper {
color: #333;
border-radius: 0.125rem;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0.5rem;
position: relative;
z-index: 1;
background: white;
border: 1px solid #2196F3;
width: 16rem;
}
.datepicker__wrapper::after {
content: '';
display: table;
clear: both;
}
.datepicker:not(.is-inline) .datepicker__wrapper {
box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2);
margin: 0.25rem 0;
}
.datepicker__header {
position: relative;
text-align: center;
background: #2196F3;
padding: 0.25rem;
margin: -0.5rem -0.5rem 0;
}
.datepicker__title {
display: inline-block;
padding: 0.25rem;
font-size: 0.875rem;
line-height: 1.5rem;
font-weight: bold;
color: white;
}
.datepicker__prev,
.datepicker__next {
display: block;
cursor: pointer;
position: relative;
outline: none;
width: 2rem;
height: 2rem;
border-radius: 50%;
background: no-repeat center / 60%;
font-size: 0;
}
.datepicker__prev:hover,
.datepicker__next:hover {
background-color: #1E88E5;
}
.datepicker__prev {
float: left;
background-image: url('data:image/svg+xml,');
}
.datepicker__next {
float: right;
background-image: url('data:image/svg+xml,');
}
.datepicker__prev.is-disabled,
.datepicker__next.is-disabled {
pointer-events: none;
cursor: default;
opacity: 0.4;
}
.datepicker__time {
padding: 0.5rem 1rem;
margin: 0 -0.5rem;
font-size: 0.75rem;
text-align: right;
background: #E3F2FD;
border-bottom: 1px solid #BBDEFB;
}
.datepicker__label {
margin-right: 1rem;
color: rgba(0,0,0,0.4);
float: left;
}
.datepicker__field {
display: inline-block;
margin: 0 0.125rem;
color: #333;
width: 2ch;
}
.datepicker__field span {
display: block;
width: 100%;
}
.datepicker__day {
color: #333;
}
.datepicker__day div {
cursor: pointer;
display: block;
box-sizing: border-box;
border: 0;
margin: 0;
background: transparent;
position: relative;
border-radius: 50%;
}
.datepicker__day div::after {
content: '';
display: block;
border-radius: 50%;
padding-top: 100%;
position: relative;
background: inherit;
z-index: 1;
}
.datepicker__day div:hover,
.datepicker__day.is-highlighted div {
background: #E3F2FD;
}
.datepicker__day.is-today {
color: #2196F3;
}
.datepicker__day.is-today div::after {
box-shadow: inset 0 0 0 1px currentColor;
}
.datepicker__day.is-today.is-disabled.is-selected div::after,
.datepicker__day.is-today.is-otherMonth.is-selected div::after {
box-shadow: none;
}
.datepicker__day.is-selected div {
background: #2196F3;
}
.datepicker__day.is-selected:hover div::after {
background: #1E88E5;
}
.datepicker__day.is-selected .datepicker__daynum {
font-weight: bold;
color: white;
}
.datepicker__day.is-selected + .is-selected div::before,
.datepicker__day.is-highlighted + .is-highlighted div::before {
content: '';
position: absolute;
top: 0; left: -50%;
width: 100%;
height: 100%;
background: inherit;
z-index: 0;
}
.datepicker__day.is-disabled,
.datepicker__day.is-otherMonth {
cursor: default;
pointer-events: none;
color: #BBDEFB;
}
.datepicker__day.is-disabled.is-selected .datepicker__daynum,
.datepicker__day.is-otherMonth.is-selected .datepicker__daynum {
color: rgba(0,0,0,0.2);
}
.datepicker__day.is-disabled.is-selected div,
.datepicker__day.is-otherMonth.is-selected div,
.datepicker__day.is-disabled.is-selected + .is-selected div::before,
.datepicker__day.is-otherMonth.is-selected + .is-selected div::before {
background: #E3F2FD;
}
.datepicker__daynum {
position: absolute;
top: 50%; left: 0;
width: 100%;
font-size: 0.75rem;
line-height: 1rem;
margin-top: -0.5rem;
text-align: center;
z-index: 2;
}
/* End */
/* Start:/local/templates/turnonheart/css/lightgallery.min.css?155663054620462*/
.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(/local/templates/turnonheart/css/../fonts/lg.eot?n1z373);src:url(/local/templates/turnonheart/css/../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(/local/templates/turnonheart/css/../fonts/lg.woff?n1z373) format("woff"),url(/local/templates/turnonheart/css/../fonts/lg.ttf?n1z373) format("truetype"),url(/local/templates/turnonheart/css/../fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(/local/templates/turnonheart/css/../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(/local/templates/turnonheart/css/../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(/local/templates/turnonheart/css/../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(/local/templates/turnonheart/css/../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(/local/templates/turnonheart/css/../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:101050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(/local/templates/turnonheart/css/../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
/* End */
/* Start:/local/templates/turnonheart/css/jquery.Jcrop.min.css?13598519932102*/
/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(/local/templates/turnonheart/css/Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}
/* End */
/* Start:/local/templates/turnonheart/template_styles.css?17128368974807*/
.th-library-lists {
display: flex;
padding: 40px 0;
justify-content: center;
}
.th-library-lists a {
width: calc((100% - 90px) / 4);
margin-right: 30px;
display: block;
border-radius: 10px;
box-shadow: 3px 3px 8px rgba(247, 171, 50, 0.65);
position: relative;
padding: 20px;
}
.th-library-lists a:hover {
box-shadow: 5px 5px 16px rgba(247, 171, 50, 0.85);
}
.th-library-lists a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(90deg, #F7AB32 0%, #EF6B32 100%);
box-shadow: 0px 4px 20px rgba(247, 171, 50, 0.16);
border-radius: 0px 0px 10px 10px;
height: 11px;
}
.th-library-lists a:nth-child(4n+4) {
margin-right: 0px;
}
.th-library-lists a font {
display: block;
text-align: center;
width: 30px;
color: #EF6B32;
font-size: 22px;
}
.th-library-lists a font img {
width: 18px;
margin-top: 5px;
}
.th-library-lists a span {
display: flex;
height: 200px;
padding: 0 20px 20px;
align-items: center;
justify-content: center;
font-size: 22px;
line-height: 1.3;
}
.th-library-desc {
max-width: 800px;
margin: 0 auto;
text-align: left;
padding: 40px 0 60px;
font-size: 22px;
line-height: 1.3;
}
.th-library-desc a {
font-size: 22px;
line-height: 1.3;
text-decoration: underline;
}
.th-library-desc img {
height: 82px;
width: 82px;
object-fit: cover;
border-radius: 50%;
float: left;
margin: 0 30px 0 0;
}
.th-faqs {
max-width: 900px;
margin: 0 auto;
}
.th-faqs > div {
margin-bottom: 10px;
}
.th-faqs > div > header {
background: linear-gradient(270deg, #EF6B32 1.67%, #EF8343 40.08%, #F7AB32 100%);
text-align: left;
font-size: 20px;
color: #000;
padding: 21px 60px 18px 30px;
position: relative;
cursor: pointer;
line-height: 1.3;
}
.th-faqs > div > header:after {
content: '›';
position: absolute;
right: 20px;
top: 10px;
font-size: 40px;
color: #fff;
transform: rotate(90deg);
transition: all 0.3s ease-in-out;
}
.th-faqs > div > section {
display: none;
font-size: 18px;
line-height: 1.3;
padding: 20px;
background: #fff;
text-align: left;
border: solid 1px #EF8343;
}
.th-faqs > div.active > header:after {
transform: rotate(270deg);
}
.th-faqs > div.active > section {
display: block;
}
h2 {
text-align: center;
margin: 0px auto 30px;
padding-top: 30px;
font-size: 24px;
max-width: 900px;
}
.th-library-video {
display: flex;
padding: 40px 0;
}
.th-library-video a img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 10px 10px 0 0;
position: relative;
}
.th-library-video a size {
position: absolute;
width: 50px;
height: 50px;
color: #fff;
background: linear-gradient(270deg, #EF6B32 1.67%, #EF8343 40.08%, #F7AB32 100%);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
top: 75px;
left: calc(50% - 25px);
font-size: 22px;
transform: rotate(90deg);
}
.th-library-video a span {
display: block;
padding: 15px 30px 10px;
font-size: 18px;
font-weight: bold;
text-align: left;
}
.th-library-video a font {
display: block;
padding: 0px 30px 30px;
font-size: 14px;
text-align: left;
}
.th-library-video a {
width: calc((100% - 90px) / 4);
margin-right: 30px;
display: block;
border-radius: 10px;
box-shadow: 3px 3px 8px rgba(247, 171, 50, 0.65);
position: relative;
}
.th-library-video a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(90deg, #F7AB32 0%, #EF6B32 100%);
box-shadow: 0px 4px 20px rgba(247, 171, 50, 0.16);
border-radius: 0px 0px 10px 10px;
height: 11px;
}
.th-library-video a:nth-child(4n+4) {
margin-right: 0px;
}
.th-library-pic {
display: flex;
flex-wrap: wrap;
}
.th-library-pic > div {
width: calc((100% - 60px) / 3);
margin-right: 30px;
margin-bottom: 30px;
}
.th-library-pic > div img {
width: 100%;
height: 370px;
object-fit: cover;
}
.th-library-pic > div:nth-child(3n+3) {
margin-right: 0px;
}
.th-library-ul ul {
}
.th-library-ul.nodisc ul {
list-style-type: none;
}
.th-library-ul.nodisc ul li {
list-style-type: none;
}
.th-library-ul p {
text-align: left;
font-size: 17px;
line-height: 1.2;
}
.th-library-ul ul li {
text-align: left;
margin-left: 18px;
margin-bottom: 20px;
font-size: 17px;
line-height: 1.2;
}
.th-ok-head.center {
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.th-library-pic > div {
width: 100%;
margin-right: 0px;
}
.th-library-video a {
width: 100%;
margin-right: 0px;
}
.th-library-lists a {
width: 100%;
margin-right: 0px;
}
.th-header > div:nth-child(2) {
z-index: 100;
}
}
/* End */
/* /local/templates/turnonheart/css/style.css?175191349434379 */
/* /local/templates/turnonheart/css/style_mob.css?16260811527719 */
/* /local/templates/turnonheart/css/style_big.css?159249735613478 */
/* /local/templates/turnonheart/css/datepicker.material.css?15194232004546 */
/* /local/templates/turnonheart/css/lightgallery.min.css?155663054620462 */
/* /local/templates/turnonheart/css/jquery.Jcrop.min.css?13598519932102 */
/* /local/templates/turnonheart/template_styles.css?17128368974807 */