/*
Theme Name: Latihan Fisik
Theme URI: ronggobramantyo@gmail.com
Description: Theme untuk latihanfisik.com
Author: Dhimas Ronggobramantyo
Author URI: https://vintagiodesign.com
Version: 1.0
Tags: clean, blog, two-columns, fixed-width, custom-menu
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/* Global Defaults
=====================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
b, strong, th { font-weight: bold; }
em, i { font-style: italic; }
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


a, a:active, a:visited { color: #2d99c9;  }
a:hover { color: #29ccad; }

/* Global Elements
=====================================================================*/

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size:15px;
	background:#fff;
    color:#000;
	min-height: 100%;
	position: static;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
}
html {
    scroll-behavior: smooth;
}
.skiplink{
	display:none;
}
.clear {
	clear: both;
}
img {
	max-width: 100%;
    height:auto;
    font-style:italic;
    background-repeat: no-repeat;
    background-size:cover;
    vertical-align: middle;
}

/* Start CSS Coding
=====================================================================*/
#breadcrumbs li:before {
    font-family: 'Font Awesome 7 Free' !important;
}
#header-featured h2,
.link-website,
#intro-text h1,
#intro-homepage h2,
.row-feature h3,
#price-homepage h3,
.sub-title {
    font-family: "Nunito", serif;
}
#nav {
    font-family: "Nunito", sans-serif;
}


.open-menu, .close-menu, .close-menu-big {
    display: none;
    cursor: pointer;
}
#menu-toggle {
    display: none;
}
.menu-button-container {
    display: none;
    cursor: pointer;
}
.mobile {
    display: none;
    position: relative;
}
.admin-bar #main-header {
    top:32px;
}
#main-header {
    height:90px;
    width:100%;
    margin: 0;
    background: #fff;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1000;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#logo {
    width:300px;
    height:35px;
    background: url(images/logo.png) no-repeat;
    background-size:300px 35px;
    text-indent:-9999px;
    display: block;
    margin:25px 30px 0 50px;
    position: relative;
    z-index: 1;
    float:left;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
#main-header.small {
    isolation: isolate;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2), 
              inset 0 4px 20px rgba(255, 255, 255, 0.3);    
    background: none;
    top:20px;
    margin:0 4%;
    width:92%;
    border-radius:50px;
    height:70px;
}
#main-header.small::after {
    content: '';
  position: absolute;
  width:100%;
  height:70px;
  inset: 0;
  z-index: -1;
  border-radius: 0px;
  backdrop-filter: blur(4px) contrast(1) saturate(180%);
  -webkit-backdrop-filter: blur(4px) contrast(1) saturate(180%);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
}
#main-header.small::before {
    content: '';
    width:100%;
  height:70px;
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 0px;
  box-shadow: inset 0 0 20px -5px #ffffff;
  background-color: rgba(255, 255, 255, 0.7);
}
#main-header.hidden {
    top:-90px;
    box-shadow:none;
}
#main-header.small #header-right {
    height:70px;
    margin:0 15px 0 0;
}
#main-header.small #button-try {
    margin:15px 0 0 0;
    height:40px;
    line-height: 40px;
}
#main-header.small #logo {
    width:214px;
    height:25px;
    background-size:214px 25px;
    margin-top:22px;
    margin-left:30px;
}
#main-header.small #nav-main {
    height:70px;
}
#main-header.small #nav-main li {
    height: 70px;
}
#main-header.small #nav-main li a {
    height: 70px;
    line-height: 70px;
}
#main-header.small {
    isolation: isolate;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2), 
              inset 0 4px 20px rgba(255, 255, 255, 0.3);    
    background: none;
}
#main-header.small::after {
    content: '';
  position: absolute;
  width:100%;
  height:70px;
  inset: 0;
  z-index: -1;
  border-radius: 70px;
  backdrop-filter: blur(4px) contrast(1) saturate(180%);
  -webkit-backdrop-filter: blur(4px) contrast(1) saturate(180%);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
}
#main-header.small::before {
    content: '';
    width:100%;
    height:70px;
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 70px;
    box-shadow: inset 0 0 20px -5px #ffffff;
    background-color: rgba(255, 255, 255, 0.7);
}

#main-header.small #line-gradient {
    background: linear-gradient(0.25turn, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
    height:1px;
    width:100%;
    z-index: 2;
    bottom:0;
    left:0;
    position: absolute;
}
.wrapper {
    max-width:1200px;
    margin:0 auto;
    position: relative;
    padding:0 30px;
}
#nav {
    float: left;
    margin: 0;
}
#nav-main {
    list-style: none;
    padding:0;
    height:90px;
    float:left;
    margin:0;
}
#nav-main li {
    float:left;
    height:90px;
    position: relative;
    margin:0 1px;
}
#nav-main li a {
    display: block;
    height:90px;
    line-height: 90px;
    font-size:18px;
    text-decoration: none;
    padding:0 12px;
    color: #115f7a;
}
#nav-main li.current-menu-item a:before,
#nav-main li.current-menu-parent a:before {
    content:"";
    width:30px;
    height:3px;
    position: absolute;
    z-index: 1;
    left:50%;
    margin-left:-15px;
    bottom:17px;
    background: #29ccad;
}
#nav-main li:hover a {
    color:#2d99c9;
}

/* Start CSS POPUP Menu
=====================================================================*/
#nav ul ul {
    position:absolute;
    z-index:2000;
    display:none;
    width:250px;
    margin: 0;
    top: 90px;
    left:0;
    background:none;
    float: none;
    text-align: left;
    background: #115f7a;
    padding: 10px 0;
    border-radius:0 0 5px 5px;
}
#main-header.small #nav ul ul {
    top:70px;
}
#nav ul li ul li,
#main-header.small #nav ul li ul li {
    display: block;
    float: none;
    width:250px;
    height:auto;
    padding: 0;
    position:relative;
    margin: 0;
    box-shadow: none;
}
#nav ul li ul li:last-child {
    border:none;
}
#nav ul li ul li:after {
    display: none;
}
#nav ul ul ul {
    position:absolute;
    z-index:1300;
    display:none;
    width:240px;
    margin: 0;
    top: 0;
    left:240px;
}
#nav ul li ul li.current-menu-item:before,
#nav ul li ul li.current-menu-parent:before {
    display: none;
}
#nav ul li ul li ul li {
    display: inline;
    float: left;
    padding: 0;
    margin: 0 0 1px 0;
    height:auto;
}
#nav #nav-main li ul li a, #nav #nav-main li ul li a:link, #nav #nav-main li ul li a:visited {
    width:210px;
    height:auto;
    line-height: 1.4;
    float:none;
    display: block;
    text-transform:none;
    border:none;
    padding:10px 20px;
    letter-spacing: 0;
    margin:0;
    font-size:16px;
    color:#ddd;
    font-weight: normal;
}
#nav #nav-main li:hover ul li a:hover, #nav #nav-main li ul li a:hover {
    color:#fff;
    background: none;
}
#nav #nav-main li:hover ul li:hover {
    box-shadow: none;
    background: none;
}
nav#nav li:hover ul ul,
nav#nav li li:hover ul ul
{display:none;}


nav#nav li:hover ul,
nav#nav li li:hover ul
{display:block;}
nav#nav li:focus-within ul,
nav#nav li li:focus-within ul
{display:block;}
/* End CSS Drop Down Menu */


#header-right {
    height:90px;
    float:right;
    margin:0 40px 0 0;
}
#separator {
    height:90px;
    margin:0 0 70px 0;
}
#button-try {
    height:50px;
    border-radius:30px;
    background: #115f7a;
    font-size:18px;
    color:#fff;
    display: inline-block;
    line-height: 50px;
    padding:0 25px;
    font-weight: bold;
    margin:20px 0 0 0;
    text-decoration: none;
    position: relative;
    z-index: 1;
}
#button-try:hover {
    background: #2d99c9;
}

#isometric {
    position: relative;
    overflow: hidden;
    height:620px;
    margin-top:-70px;
    background: #2d99c9;
    background: -moz-linear-gradient(top, #29ccad 0%, #2d99c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29ccad), color-stop(100%,#2d99c9));
    background: -webkit-linear-gradient(top, #29ccad 0%,#2d99c9 100%);
    background: -o-linear-gradient(top, #29ccad 0%,#2d99c9 100%);
    background: -ms-linear-gradient(top, #29ccad 0%,#2d99c9 100%);
    background: linear-gradient(to bottom, #29ccad 0%,#2d99c9 100%);
}
#isometric-3d {
    width:1200px;
    height:500px;
    transform-style: preserve-3d; 
    transform: translateX(33vw) translateY(-340px) rotateX(45deg) rotateZ(45deg);
    position: relative; z-index: 2;
}
#list-film-isometric {
    list-style: none;
    margin:0 0 0 320px;
    width: 1200px;
    height: 2100px;
}
#list-film-isometric li {
    width:350px;
    height:199px;
    padding:17px;
    display: inline-block;
}
#list-film-isometric li.hidden a {
    display: none;
}
#list-film-isometric li a {
    position: relative;
    z-index: 2;
    display: block;
    width:350px;
    height:199px;
}
#list-film-isometric li a img {
    position: absolute;
    width:350px;
    height:199px;
    top:0;
    left:0;
    border-radius:5px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
#list-film-isometric li a span {
    font-size: 12px;
    position: absolute;
    left:-15px;
    z-index: -1;
    bottom: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    color: #fff;
    letter-spacing:1px;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}
#list-film-isometric li:hover span {
    opacity: 1;
    -webkit-transform: translate3d(0,15px,0);
    transform: translate3d(0,15px,0);
}
#list-film-isometric li a::before {
    content: '';
    pointer-events: none;
    position: absolute;
    z-index: -1;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    opacity: 0.6;
    background: rgba(0,0,0,0.8);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.8);
    -webkit-transform: translateZ(-1px) scale(0.95);
    transform: translateZ(-1px) scale(0.95);
    -webkit-transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#list-film-isometric li:hover a::before {
    opacity: 0.2;
    box-shadow: 0 0 20px 10px rgba(0,0,0,0.8);
    -webkit-transform: translateZ(-1px) scale(1);
    transform: translateZ(-1px) scale(1);
}
#list-film-isometric li:hover img {
    top:-21px;
    left:-21px;
}
#intro-text {
    position: absolute;
    z-index: 1;
    bottom:0;
    width:1200px;
    left:50%;
    margin-left:-600px;
    pointer-events: none;
}
#intro-text h1 {
    width:58%;
    color:#fff;
    font-size:46px;
    font-weight: bold;
    margin:0 0 50px 0;
}
#intro-homepage h2,
.sub-title {
    font-size:36px;
    text-align: center;
    color:#115f7a;
    margin:0 20% 40px 20%;
    position: relative;
    padding:0 0 30px 0;
}
#intro-homepage h2:after,
.sub-title:after {
    content:"";
    width:70px;
    height: 3px;
    background: #115f7a;
    position: absolute;
    bottom:0;
    left:50%;
    margin-left:-35px;
}
.full-white {
    padding:80px 0;
}
.robot-1 {
    background-image:url(images/robot-01.png);
    background-repeat:no-repeat;
    background-position:98% 100%;
    background-size:300px 252px;
}
#text-intro {
    font-size:20px;
    color:#333;
    line-height: 1.4;
    margin:0 15% 40px 15%;
    text-align: center;
}
#text-intro mark,
#price-homepage mark {
    background: linear-gradient(-100deg, hsla(48,92%,75%,.3), hsla(48,92%,75%,.7) 95%, hsla(48,92%,75%,.1));
    border-radius: 1em 0;
    padding: .5rem;
    font-weight: bold;
}
#group-feature {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2rem;
    margin: 0 0 70px;
}
.row-feature {
    display: flex;
    flex-flow: column nowrap;
    background: rgba(255,255,255,.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid #b9d2dd;
    border-radius: 5px;
    box-shadow: 0 3px 0 0 #b9d2dd;
    position: relative;
}
.row-feature:hover {
    border-color:#b9d2dd;
    box-shadow: 0 3px 0 0 #b9d2dd, 0 1px 1px rgba(185, 210, 221, 0.075) inset, 0 5px 10px rgba(185, 210, 221, 0.6);
}
.row-feature a {
    display: block;
    text-decoration: none;
    padding:20px;
    color:#333;
}
.row-feature a:hover, .row-feature a:hover h3 {
    color:#4f97c4;
}
.row-feature a i {
    color:#4f97c4;
    font-size:36px;
    margin:0 0 15px 0;
}
.row-feature h3 {
    color:#111;
    font-size:22px;
    font-weight: bold;
    margin:0 0 15px 0;
}
.row-feature p {
    font-size:18px;
    line-height: 1.4;
}
#text-feature {
    font-size:22px;
    color:#111;
    line-height: 1.4;
    width:90%;
}
.full-grey {
    padding:80px 0;
    background: #edf5f8;
}
#price-homepage h3 {
    color:#115f7a;
    font-size:30px;
    margin:0 0 30px 0;
}
#price-homepage p {
    font-size:18px;
    color:#333;
    line-height: 1.4;
    margin:0 0 20px 0;
}
#price-homepage ul {
    list-style: none;
    margin-bottom:20px;
    font-size:18px;
    color:#333;
    line-height: 1.5;
}
#price-homepage ul li i {
    font-size:22px;
    color:#80b03b;
    position: absolute;
    z-index: 1;
    left:0;
    top:2px;
}
#price-homepage ul li {
    position: relative;
    padding-left:30px;
}
#button-more-price {
    display: inline-block;
    height:60px;
    color:#fff;
    text-decoration: none;
    background: #115f7a;
    border-radius:30px;
    line-height: 60px;
    padding:0 30px;
    margin:30px 0 20px 0;
    font-size:20px;
}
#button-more-price:hover {
    background: #4f97c4;
}
.robot-2 {
    background-image:url(images/robot-02.png);
    background-repeat:no-repeat;
    background-position:10px 100%;
    background-size:300px 377px;
}
.static-page.margin-left {
    margin-left:170px;
}

/* Harga
=====================================================================*/
.table-scroll-container {
    position: relative;
    margin:0 0 40px 0;
}
.table-wrapper {
    overflow-x: auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
#table-compare {
    border-collapse: collapse;
    width: 100%;
    min-width: 600px;
    table-layout: fixed;
}
#table-compare th, 
#table-compare td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
}
#table-compare td {
    vertical-align:middle;
}
#table-compare td.align-left {
    text-align: left;
}
#table-compare td .winner {
    color:#67a23c;
    font-size:18px;
    font-weight: bold;
}
#table-compare td .rate-facility {
    font-size:24px;
    margin:0;
}
#table-compare td.sub-title-table,
#table-compare td:first-child.sub-title-table {
    text-align: center;
    background: #e4e9f2;
}
#table-compare th {
    background-color: #f0f0f0;
    font-weight: bold;
}
#table-compare thead th strong {
    display: block;
    margin:0 0 5px 0;
}
#table-compare thead th img {
    width:50%;
}
#table-compare th:first-child {
    background-color: #e0e0e0;
    text-align: left;
    position: sticky;
    left: 0;
    z-index: 2;
}
#table-compare td:first-child {
    background-color: #f1f3f7;
    text-align: left;
    position: sticky;
    left: 0;
    z-index: 1;
    font-weight: bold;
}
#table-compare tr:nth-child(even) td {
    background-color: #f1f3f7;
}
/* Overlay gradasi + panah */
.scroll-indicator {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    pointer-events: none;
    background: linear-gradient(to right, transparent, white 60%);
    transition: opacity 0.3s ease;
}

.scroll-indicator::after {
    content: "➜";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 20px;
    color: #555;
    animation: blink 2s infinite;
}
@keyframes blink {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}
#table-compare td i {
    font-size:20px;
}
#table-compare td.green i,
#table-compare td.green strong {
    color:#80b03b;
}
#table-compare td.red i {
    color:#b41f1f;
}
#table-compare td s {
    font-size:14px;
    color:#999;
}
#table-compare td strong {
    font-size:20px;
}
#table-compare td .discount {
    display: block;
    font-size:18px;
    margin:5px 0 0 0;
    color:#115f7a;
}
.full-white.no-top {
    padding-top:0;
}
.robot-3 {
    background-image:url(images/robot-03.png);
    background-repeat:no-repeat;
    background-position:98% 100%;
    background-size:400px 384px;
}
.title-faq {
    background: none;
    border: none !important;
    font-size:20px;
    font-weight:normal;
    color:#4f97c4;
    border-top:1px solid #ddd !important;
    border-radius: 0;
    padding:16px 0 16px 20px;
    margin:0;
    outline: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
.title-faq:hover {
    background:#4f97c4;
    color:#fff;
    padding-left:20px;
}
.title-faq.ui-state-active:hover {
    background:none;
    color:#073e68;
    padding-left:0;
}
.title-faq.ui-state-active {
    font-weight: bold;
    padding-left:0;
}
.ui-accordion .ui-accordion-header .ui-icon {
    position: relative !important;
    left: auto !important;
    top: auto !important;
}
.ui-accordion .ui-accordion-header .ui-icon {
    width:32px;
    height:32px;
    border-radius:16px;
    float:right;
    background:#4f97c4 url(images/arrow-faq-down.png) no-repeat 50% 12px !important;
    background-size:14px 10px !important;
    margin:-5px 10px 0 0 !important;
}
.title-faq.ui-state-active span {
    opacity: 0;
}
.robot-4 {
    background-image:url(images/robot-04.png);
    background-repeat:no-repeat;
    background-position:98% 100%;
    background-size:300px 403px;
}
.robot-5 {
    background-image:url(images/robot-05.png);
    background-repeat:no-repeat;
    background-position:99% 100%;
    background-size:300px 203px;
}

/* Registrasi
=====================================================================*/
#main-title {
    font-size:34px;
    color:#115f7a;
    font-weight: bold;
    margin:0 0 30px 0;
}
#form-registration {
    margin:0 0 40px 0;
}
#form-registration label {
    display: block;
    margin:0 0 5px 0;
    color:#111;
    font-size:18px;
}
#form-registration .input {
    height: 38px;
    line-height: 38px;
    width: 90%;
    background: #fff;
    border: 1px solid #d0d0d0;
    padding: 0 5px;
    outline: none;
    font-size: 16px;
    border-radius:5px;
}
#form-registration .input.small {
    width:40%;
}
#form-registration .input:read-only{
    background-color: #ddd;
}
.box-form {
    margin:0 0 30px 0;
    clear:both;
}
.box-form h4 {
    font-size:20px;
    color:#111;
    font-weight: bold;
    margin:0 0 20px 0;
}
#form-registration .input.textarea {
    line-height: auto;
    height:100px;
    margin:0 0 5px 0;
}
#wordCount {
    font-size:15px;
    color:#666;
}
.checkbox-container {
    width:300px;
    height:360px;
    display: block;
    background: #fff;
    border:1px solid #d0d0d0;
    padding:20px;
    overflow: scroll;
}
#form-registration .checkbox-container checkbox,
#form-registration .radio-container radio {
    margin:0 5px 0 0;
}
#form-registration .checkbox-container label,
#form-registration .radio-container label {
    display: inline-block;
    float:none;
    font-size:16px;
}
#form-registration .checkbox-container label span {
    color:#777;
}
#form-registration .checkbox-container div,
#form-registration .radio-container div {
    margin:0 0 2px 0;
    position: relative;
}
#form-registration .checkbox-container div.child-checkbox {
    margin-left:15px;
}
#form-registration .checkbox-container.program .checkbox {
    position: absolute;
    z-index: 1;
    left:0;
    top:0;
}
#form-registration .checkbox-container.program label {
    margin-left:27px;
}
.box-form-left {
    width:47%;
    float:left;
    margin:0 0 30px 0;
}
.box-form-right {
    width:47%;
    float:right;
    margin:0 0 30px 0;
}
#form-registration .file {
    width: 76%;
    color: #666;
    padding: 2%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    margin:0 0 20px 0;
}
#form-registration .file[type=file]::file-selector-button {
    margin-right: 20px;
    border: none;
    background: #073e68;
    padding: 10px 20px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    border:1px solid #073e68;
}
#form-registration .file[type=file]::file-selector-button:hover {
    background: #fff;
    color:#073e68;
}
#form-registration label .asterisk,
#form-contact .asterisk {
    color:#e84d73;
}
.link-help {
    position: relative;
    margin-left:5px;
}
.popup-help {
    position: absolute;
    z-index: 10;
    background: #f6f6f6;
    width:300px;
    padding:20px;
    border-radius:5px;
    left:30px;
    top:-10px;
    font-size:14px;
    line-height: 1.4;
    color:#888;
    display: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    height:35px;
}
.select2-search--dropdown {
    padding:10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #115f7a transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #115f7a transparent;
}
.select2-container--open .select2-dropdown--below {
    border:1px solid #9c9593;
    border-radius: 5px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #115f7a;
}
.select2-results__option {
    padding:10px;
}

#form-registration .select2-container {
    width:40% !important;
}
#form-registration .select.address + .select2-container {
    width:25% !important;
}
#form-registration .select.small + .select2-container {
    width:15% !important;
}
#form-registration .row-number .input {
    width:30%;
}
#form-registration .select2-container--default .select2-selection--single {
    border-radius:5px;
    border:1px solid #e1e1e1;
}
#form-registration .select2-container .select2-selection--single {
    height:50px;
}
#form-registration .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}
#form-registration .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:48px;
}
#form-registration .select2-container--default .select2-selection--single .select2-selection__rendered {
    color:#666;
    font-size:16;  
    font-weight: 300;
    font-size:18px; 
}
.group-address {
    margin:0 0 10px 0;
}
.text-linkwebsite {
    float:left;
    font-size:16px;
    width:200px;
    margin:10px 0 0 0;
}
.link-website {
    font-size:16px;
    float:left;
    background: #ffedaf;
    padding:5px 10px;
    color:#111;
    margin:0 0 5px 0;
}
.link-website span {
    font-weight: bold;
    display: inline-block;
    padding:2px 4px;
    background: #fff7da;
    border-radius:5px;
    border:1px solid #ecd68b;
}
.button-check {
    padding:5px 8px;
    background:#fff;
    border:1px solid #115f7a;
    border-radius:3px;
    cursor: pointer;
}
.box-form .available {
    font-size:16px;
    color:#29ccad;
}
.box-form .not-available {
    font-size:16px;
    color:#e84d73;
}
#form-registration .input:focus,
#form-contact .input:focus,
#form-login .input:focus {
    border-color: rgba(41, 204, 173, 0.8);
    box-shadow: 0 1px 1px rgba(41, 204, 173, 0.075) inset, 0 0 8px rgba(41, 204, 173, 0.6);
    outline: 0 none;
}
#form-registration .button {
    height:60px;
    border-radius:30px;
    border:none;
    background: #115f7a;
    color:#fff;
    font-size:18px;
    padding:0 30px;
    font-size:20px;
    cursor: pointer;
    margin-top:20px;
}
#form-registration .button:hover {
    background: #2d99c9;
}
#result img {
    width:16px;
}
.alert {
    margin:0 0 20px 0;
    background: rgba(241,65,168,0.1);
    color:#de506e;
    font-size:16px;
    border:1px solid #de506e;
    border-radius:5px;
    padding:10px 20px;
    font-weight: 300;
}
.success {
    margin:0 0 20px 0;
    background: rgba(128,176,59,0.1);
    color:#80b03b;
    font-size:16px;
    border:1px solid #80b03b;
    border-radius:5px;
    padding:10px 20px;
    font-weight: 300;
}
#result {
    margin:0 0 0 5px;
}

/* Typography
=====================================================================*/
.static-page img {
    margin:5px 0 30px 0;
    height:auto;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}
.static-page img.imgframe {
    max-width:97.5%;
    border:5px solid #f3f6f8;
}
img.alignleft, .static-page img.alignleft {
    margin-right:35px;
    float:left;
}
img.alignright, .static-page img.alignright {
    margin-left:35px;
    float:right;
}
.static-page h1,
.static-page h2,
.static-page h3,
.static-page h4,
.static-page h5,
.static-page h6 {
    line-height: 1.3;
    color:#111;
}
.static-page h1 {
    font-size: 36px;
    margin: 30px 0;
}
.static-page h2 {
    font-size: 30px;
    margin: 25px 0;
}
.static-page h3 {
    font-size: 26px;
    margin: 22px 0;
}
.static-page h4 {
    font-size: 22px;
    margin: 25px 0;
}
.static-page h5 {
    font-size: 20px;
    margin: 30px 0;
}
.static-page h6 {
    font-size: 18px;
    margin: 36px 0;
}
.static-page p {
    margin: 0 0 24px;
    font-size: 18px;
    color: #333;
    line-height: 1.5;
}
#news-wrapper .static-page p:first-of-type:first-letter {
    float: left;
    line-height: 35px;
    font-size: 55px;
    color: #cf3a52;
    padding:5px 5px 5px 0;
    margin-right: 5px;
    margin-top:5px;
}
.static-page hr {
    border: 0;
    text-align: center;
    margin:40px 0;
}
.static-page hr:before {
    content: "\2022   \2022   \2022   \2022";
    font-size: 44px;
    color: #4f97c4;
}
.align-center {
    text-align: center;
}
.static-page ul, .static-page ol {
    margin: 0 0 24px 30px;
    line-height: 1.5;
    font-size: 18px;
    color:#333;
}
.static-page ul {
    list-style-position: outside;
}
.static-page ul li {
    position: relative;
    padding-left: 0;
    text-indent: 0;    
}
.static-page ul li::marker {
    color:#cf3a52;
}
.static-page blockquote {
    margin: 0 0 24px;
    line-height: 1.5;
    font-size: 20px;
    color:#111;
    font-weight: 300;
    padding:0 0 0 40px;
    position: relative;
    overflow:hidden;
}
.static-page blockquote:before {
    content:'\201C';
    font-size:90px;
    color:#fb94ae;
    line-height: 1.2;
    position: absolute;
    height:50px;
    left:0;
    top:-15px;
}
.static-page blockquote p {
    font-size:20px;
    line-height: 1.5;
    font-weight: 300;
}
.static-page blockquote cite {
    text-align: right;
    font-size: 16px;
    display: block;
}
pre {
    font-size: 16px;
    padding: 0 0 0 10px;
    margin: 0;
    background: #e7e7e7;
    border-left: 1px solid #b8b8b8;
    overflow: auto;
    overflow-y: hidden;
    line-height:1.6em;
    margin-top:1.6em;
    margin-bottom:1.6em;
    color:#686868;
    font-family: 'Courier New', 'Courier', serif;
}
pre code {
    margin: 0 0 0 20px; 
    padding: 18px 0;
    display: block;
}
.wp-block-embed-youtube .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.wp-block-embed-youtube .wp-block-embed__wrapper  iframe, .wp-block-embed-youtube .wp-block-embed__wrapper  object, .wp-block-embed-youtube .wp-block-embed__wrapper  embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wp-block-embed {
    margin: 0 0 40px 0;
}
.wp-block-image {
    margin: 0 0 40px 0;
    clear:both;
}
.wp-block-image img {
    margin-bottom:8px;
}
.wp-block-image figcaption {
    font-size: 14px;
    color: #333;
    text-align: center;
    font-weight: 300;
}
.wp-block-image .alignleft {
    width:40%;
    margin-right:60px;
}
.wp-block-image .alignright {
    width:40%;
    margin-left:60px;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    margin:0;
}
.static-page .wp-block-columns img {
    width:100%;
    max-width:100%;
    margin-left:0;
}
.static-page table {
    margin:0 0 10px 0;
    border-collapse: collapse;
    width: 100%;
}
.static-page table td, .static-page table th {
    border: 1px solid #ddd;
    padding: 10px;
}
.static-page table tr:nth-child(even){
    background-color: #f2f2f2;
}
.static-page table tr:hover {
    background-color: #ddd;
}
.static-page table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #1c8185;
    color: #fff;
}
.wp-block-table thead {
    border-bottom:1px solid #ddd !important;
}
.wp-block-file *+.wp-block-file__button {
    display: inline-block;
    padding:5px 10px;
}
.wp-block-file *+.wp-block-file__button:hover {
    color:#fff;
}
.static-page figcaption {
    font-size:16px;
    position: relative;
    color:#999;
    margin:20px 0 20px 0;
    padding:15px 0 0 0;
    font-weight: 300;
}
/*.static-page figcaption:before {
    content:"";
    height:1px;
    background: #d0d0d0;
    width:60px;
    position:absolute;
    top:0;
    left:0;
}*/

/* Footer
=====================================================================*/
#whatsapp-fly-container {
    width: max-content;
    margin-left: auto;
    position: sticky;
    right: 20px;
    bottom: 75px;
    display: block;
    width: max-content;
    margin-left: auto;
    z-index: 100;
    height:0;
}
#whatsapp-fly-button {
    display: block;
    width: 50px;
    height: 50px;
    background: #128c7e;
    color: #fff;
    font-size: 28px;
    text-align: center;
    line-height: 50px;
}
#main-footer {
    background: #115f7a;
    padding:40px 0;
}
#footer-top {
    width:30%;
    float:left;
}
#footer-left h5 {
    font-size:26px;
    color:#fff;
    line-height: 1.4;
    margin:0 0 15px 0;
}
#nav-social {
    list-style: none;
    margin:5px 0 0 20px;
    float:left;
}
#nav-social li {
    width:35px;
    height: 35px;
    margin:0 10px 10px 0;
    float:left;
}
#nav-social li a {
    width:35px;
    height:35px;
    display: block;
    font-size:17px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    color:#fff;
    border:1px solid #fff;
}
#nav-social li a:hover {
    background: #fff;
    color:#073e68;
}
#footer-right {
    width:65%;
    float:right;
}
#footer-right h5 {
    display: inline-block;
    font-size:16px;
    font-weight: bold;
    color:#fff;
    margin:0 10px 0 0;
}
#footer-right ul {
    list-style: none;
    display: inline-block;
    margin:0 0 15px 0;
}
#footer-right ul li {
    display: inline-block;
    margin:0 10px 0 0;
}
#footer-right ul li a {
    color:#fff;
    font-size:16px;
    text-decoration: none;
}
#footer-right ul li a:hover {
    text-decoration: underline;
}
#footer-right ul#nav-copyright {
    display: block;
    position: relative;
    padding:20px 0 0 0;
    margin:5px 0 0 0;
}
#footer-right ul#nav-copyright:before {
    content:"";
    width:50px;
    height:1px;
    background: #fff;
    position: absolute;
    z-index: 10;
    top:0;
    left:0;
}
#copyright {
    float:right;
    font-size:14px;
    color:#fff;
    margin:15px 0 0 0;
}
#footer-bottom img {
    float:left;
    width:210px;
    margin:10px 30px 0 0;
}
#nav-footer {
    list-style: none;
    margin:15px 0 0 0;
    float:left;
}
#nav-footer li {
    display: inline-block;
    margin:0 5px;
    font-size:16px;
}
#nav-footer li a {
    color:#fff;
    text-decoration: none;
}
#nav-footer li a:hover {
    text-decoration: underline;
}

/* CSS for Small laptop
=====================================================================*/
@media screen and (max-width: 1400px) {
    .wrapper {
        min-width:0;
        width:auto;
        padding:0 20px;
        height:auto;
    }
}
/* CSS for Small laptop
=====================================================================*/
@media screen and (max-width: 1200px) {
    .menu-button-container {
        display: block;
    }
    #menu-toggle:checked ~ #nav {
        display: block;
    }
    #menu-toggle:checked ~ .menu-button-container .menu-button {
        top:20px;
    }
    #menu-toggle ~ #nav {
        display: none;
    }
    #nav {
        position: fixed;
        left:0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: rgba(0, 0, 0, 0.8);
        overflow: hidden;
        transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -webkit-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        z-index:2000;
        margin:0;
        padding:0;
        display: none;
    }
    #nav-container {
        width:80%;
        height: 100%;
        box-shadow:3px 0 5px rgba(0,0,0,0.5);
        background: #fff;
        overflow: scroll;
        left:0;
        top: 0;
        z-index:2100;
        position: absolute;
    }
    .close-menu-big {
        text-indent: -9999px;
        display: block;
        height: 100%;
    }
    #nav,
    #main-header.small #nav {
        border: none;
        margin-top:0;
    }
    #nav-main,
    #main-header.small #nav-main {
      float: none;
      text-align: left;
      border: none;
      padding: 0;
      height: auto;
      margin-top:80px;
    }
    #nav-main li {
        height:auto;
        float:none;
        position: relative;
        display: block;
        border:none;
        background: none;
        box-shadow: none;
        font-size:14px;
        padding:0 20px;
        text-shadow:none;
    }
    #nav-main li:after {
        display: none;
    }
    #nav-main li.current-menu-item a:before,
    #nav-main li.current-menu-parent a:before {
        display: none;
    }
    #nav-main li a, #nav-main li:hover a, #nav-main li a:hover,
    #main-header.small #nav-main li a, #main-header.small #nav-main li:hover a, #main-header.small #nav-main li:hover a {
        height:auto;
        float:none;
        text-align: left;
        display: block;
        color:#2b2b2b;
        text-decoration: none;
        background: none;
        box-shadow: none;
        border: none;
        font-weight: bold;
        line-height:18px;
        padding:10px 10px;
        font-size:18px;
        -webkit-transition: none; 
        -moz-transition: none;
        transition: none; 
    }
    #nav-main li a:hover {
        background: none;
        padding:10px 10px;
    }
    #nav-main li:hover {
        background: none;
        box-shadow: none;
    }
    #nav-main li.current-menu-item a,
    #main-header.small #nav-main li.current-menu-item a,
    #nav-main li.current-menu-parent a,
    #main-header.small #nav-main li.current-menu-parent a {
        background: #4f97c4;
        border-radius: 5px;
        color:#fff;
        border:none;
        box-shadow:none;
        text-shadow:none;
        height:auto;
        padding:10px 10px;
        font-weight: normal;
    }
    #nav ul ul, #nav ul ul ul {
        position:relative;
        z-index:2000;
        display:block;
        width:auto;
        margin: 0 0 10px 0;
        top: auto;
        left:auto;
        background:none;
        padding:0;
        float: none;
        text-align: left;
        box-shadow: none;
        border:none;
    }
    #nav ul ul:before {
        display: none;
    }
    #nav ul li ul li, #nav ul li ul li ul li {
        height:auto;
        float:none;
        position: relative;
        display: block;
        width:auto;
        border:none;
    }
    #nav ul li ul li.menu-item-has-children ul {
        margin-left:15px;
    }
    #nav #nav-main li ul li a, #nav #nav-main li ul li a:link, #nav #nav-main li ul li a:visited,
    #main-header.small #nav #nav-main li ul li a, #main-header.small #nav #nav-main li ul li a:link, #main-header.small #nav #nav-main li ul li a:visited {
          width:auto;
          height:auto;
          text-transform: uppercase;
          border:none;
          background: none;
          margin:0;
          box-shadow:none;
          text-shadow:none;
          border:none;
          margin-left:10px;
          color:#000;
        padding:10px 10px;
        font-size:18px;
        font-weight: normal;
    }
    #nav #nav-main li:hover ul li a:hover, #nav #nav-main li ul li a:hover, #nav-main li.current-menu-item ul li a:hover, #nav-main li.current-menu-parent ul li a:hover,
    #main-header.small #nav #nav-main li:hover ul li a:hover, #main-header.small #nav #nav-main li ul li a:hover, #main-header.small #nav-main li.current-menu-item ul li a:hover, #main-header.small #nav-main li.current-menu-parent ul li a:hover {
      background: none;
      text-decoration: none;
      padding:10px 10px;
      color:#1c8185;
    }
    #nav-main li:hover, #nav-main li.current-menu-item, #nav-main li:hover, #nav-main li.current-menu-parent, #nav .menu ul li:hover, #nav .menu ul li.current-menu-item, #nav .menu ul li.current-menu-parent {
        background:none;
        box-shadow: none;
    }
    nav#nav li:hover ul ul,
    nav#nav li li:hover ul ul
        {display:block;}

    nav#nav li:hover ul,
    nav#nav li li:hover ul
        {display:block;}
    #nav:target {
        width: 100%;
    }
    .menu-button {
        text-decoration: none;
        display: block;
        width:50px;
        height: 50px;
        padding:0;
        position: absolute;
        z-index:2100;
        left:20px;
        top:20px;
        text-align: center;
        color:#4f97c4;
        font-size:28px;
        background: #fff;
        border:none;
        line-height: 55px;
    }
    #main-header.small .open-menu, #main-header.small .open-menu:link, #main-header.small .open-menu:visited {
        background: none;
        top:10px;
    }
    #logo,
    #main-header.small #logo {
        margin-left:85px;
    }
    #main-header.small {
        display: none;
    }
    
    #intro-text {
        width:98%;
        left:2%;
        margin:0;
    }
    #list-film-isometric {
        margin-left:200px;
    }
    #intro-text h1 {
        font-size:40px;
    }
}
/* CSS for iPad Landscape
=====================================================================*/
@media screen and (max-width: 1024px) {
    img,
    img[class*="align"],
    img[class*="wp-image-"] {
        max-width: 100% !important;
        height: auto !important;
    }
    .entry-content img,
    .comment-content img,
    .widget img {
        max-width: 100%; /* Fluid images for posts, comments, and widgets */
    }
    img.size-full {
        max-width: 100%;
        width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
    }
    #intro-homepage h2, .sub-title {
        margin:0 15% 40px 15%;
    }
    #text-intro {
        margin:0 10% 40px 10%;
    }
    #group-feature {
        grid-template-columns: 1fr 1fr;
    }
    #footer-bottom {
        text-align: center;
    }
    #footer-bottom img {
        float:none;
        margin:0 0 20px 0;
    }
    #nav-footer {
        float:none;
        margin:0 0 15px 0;
    }
    #nav-social {
        float:none;
        text-align: center;
    }
    #nav-social li {
        float:none;
        display: inline-block;
    }
    #copyright {
        float:none;
        text-align: center;
    }
    #form-registration .input.small {
        width:90%;
    }
    .button-check {
        margin-top:10px;
    }
}

/* CSS for iPad Portrait
=====================================================================*/
@media screen and (max-width: 800px) {
    
}

/* CSS for Smartphone, ex: iPhone, Android, Blackberry
=====================================================================*/
@media screen and (max-width: 650px) {
    #main-header .wrapper {
        padding:0 20px;
    }
    .menu-button {
        left:0;
    }
    #logo {
        width:170px;
        height:20px;
        background-size:170px 20px;
        margin-left:50px;
        margin-top:35px;
        margin-right:0;
    }
    #header-right {
        margin-right:20px;
    }
    #button-try {
        height:35px;
        line-height: 35px;
        font-size:15px;
        padding:0 13px;
        margin-top:25px;
    }
    #list-film-isometric li, #list-film-isometric li a {
        width:300px;
        height:171px;
    }
    #intro-text {
        width:96^;
        left:4%;
    }
    #intro-text h1 {
        width:90%;
        font-size:34px;
    }
    #list-film-isometric {
        margin-left:0;
        margin-top:100px;
    }
    #intro-homepage h2, .sub-title {
        margin:0 0 30px 0;
        font-size:30px;
    }
    #text-intro {
        margin:0 0 30px 0;
    }
    #group-feature {
        grid-template-columns: 1fr;
    }
    #text-feature {
        font-size:20px;
        width:100%;
    }
    .robot-1 {
        background-size: 150px 126px;
    }
    #button-more-price {
        display: block;
        font-size:18px;
        text-align: center;
        margin-bottom:60px;
    }
    #main-title {
        font-size:30px;
    }
    #table-compare td strong {
        font-size:18px;
        display: block;
    }
    .static-page.margin-left {
        margin-left:50px;
    }
    .robot-2 {
        background-size:160px 201px;
        background-position:-30px 100%;
    }
    .title-faq {
        font-size:18px;
        padding-left:10px;
    }
    .full-grey, .full-white {
        padding:110px 0;
    }
    .robot-3 {
        background-size: 200px 192px;
    }
    #form-registration .select.address + .select2-container {
        width:90% !important;
        margin-bottom:10px;
    }
    #form-registration .button {
        padding:0 20px;
        width:100%;
    }
}