/***********************************************************************/
 /**     FONTS                                                      *****/
/*=====================================================================*/
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/open-sans/open-sans.woff2') format('woff2'),
        url('../fonts/open-sans/open-sans.woff') format('woff');
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto.woff2') format('woff2'),
        url('../fonts/roboto/roboto.woff') format('woff');
}
@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/roboto/roboto-bold.woff2') format('woff2'),
        url('../fonts/roboto/roboto-bold.woff') format('woff');
}
@font-face {
    font-family: 'Icomoon';
    src: url('../fonts/icomoon/icomoon.eot') format('embedded-opentype'),
        url('../fonts/icomoon/icomoon.ttf') format('truetype'),
        url('../fonts/icomoon/icomoon.woff') format('woff'),
        url('../fonts/icomoon/icomoon.svg') format('svg');
}
@font-face {
    font-family: 'Heebo Thin';
    src: url('../fonts/heebo/Heebo-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Heebo Light';
    src: url('../fonts/heebo/Heebo-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Heebo ExtraLight';
    src: url('../fonts/heebo/Heebo-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Heebo Regular';
    src: url('../fonts/heebo/Heebo-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Heebo Medium';
    src: url('../fonts/heebo/Heebo-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Heebo SemiBold';
    src: url('../fonts/heebo/Heebo-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Heebo Bold';
    src: url('../fonts/heebo/Heebo-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Heebo ExtraBold';
    src: url('../fonts/heebo/static/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Heebo Black';
    src:  url('../fonts/heebo/Heebo-Black.ttf') format('truetype');
}
@-webkit-keyframes autofill {
  to {
    background: transparent;
  }
}
@keyframes autofill {
  to {
    background: transparent;
  }
}

  /***********************************************************************/
 /**     HTML Fundamental                                           *****/
/*=====================================================================*/
html { line-height: 1.7; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { width: 100%; height: auto; line-height: 1.7; font-weight: 400; font-size: 0.9em;
    font-family: 'Open Sans', sans-serif; background: #ffffff; overflow-x: hidden;
    -webkit-font-smoothing: subpixel-antialiased; -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%; margin: 0; }
hr { clear: both; width: 100%; height: 2px; border: 0; box-sizing: content-box; overflow: visible; }
address { margin: 0 0 1em 0; font-style: italic; }
dt { font-weight: 700; }
dd { margin: 0 0 1.2em 0; }
blockquote { position: relative; margin: 1em 0; padding: 1em; }
blockquote > :last-child { margin-bottom: 0; }
ul, ol { margin: 0; padding: 0 0 0.25em 1em; }
ol ol, ul ul { margin: 0; padding: 0 0 0.25em 1em; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin-bottom: 0; }
[dir="rtl"] ul, [dir="rtl"] ol { text-align: right; }
[dir="rtl"] ol ol, [dir="rtl"] ul ul { padding: 0 1em 0.25em 0; text-align: right; }
[dir="ltr"] ul, [dir="ltr"] ol { padding: 0 0 0.25em 1em; text-align: left;}
[dir="ltr"] ol ol, [dir="ltr"] ul ul { padding: 0 0 0.25em 1em; text-align: left;}
li { padding: 4px 0; }
* {position: relative;}
.toolbar-tab{
  position: initial;
}
table { width: 100%; margin-bottom: 1.2em; border-spacing: 0; border-collapse: collapse;
    margin-top: 30px; background: whitesmoke; border-radius: 10px; }
thead { background: skyblue; }
th, tr, td { vertical-align: middle; word-break: break-all;}
th { margin: 0; padding: 5px; text-shadow: none; }
td { padding: 5px; text-align: center; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"],
input[type="search"], textarea { background: transparent; padding: 10px; -webkit-transition: border 0.5s ease-in-out;
    transition: border 0.5s ease-in-out; border-radius: 10px; text-align: center;
    width: 80%; margin: 0 auto; display: block; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus,
input[type="password"]:focus, input[type="search"]:focus, textarea:focus { outline: 0; }
textarea { width: 100%; overflow: auto; -webkit-transition: border 0.3s linear;
    transition: border 0.3s linear; vertical-align: top; }
textarea, input[type="password"], input[type="text"] { border-color: black; border-style: solid;
    border-width: 1px; border-radius: 2px;}
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%;
    line-height: 1.6; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, .button, [type="button"], [type="reset"], [type="submit"],
.request-password-link { cursor: pointer; color: black; border: 0; font-weight: bold;
    border-style: inset; border-color: gray; border-radius: 9px; padding: 0 10px;
    background: lightgray; opacity: 0.8; border-width: thin; }
button:hover, .button:hover, [type="button"]:hover, [type="reset"]:hover,
[type="submit"]:hover, .request-password-link:hover { box-shadow: -5px 5px 5px grey;
    background-color: dodgerblue; }
button::-moz-focus-inner, .button::-moz-focus-inner, [type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none;
    padding: 0; }
button:-moz-focusring, .button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring { outline: 0; }
button[disabled], .button[disabled], html input[disabled] { cursor: not-allowed;
    opacity: 0.7; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
input { line-height: normal; }
input, textarea { max-width: 100%; }
input:-webkit-autofill { -webkit-animation-name: autofill; animation-name: autofill;
    -webkit-animation-fill-mode: both; animation-fill-mode: both; }
[type="checkbox"], [type="radio"] { padding: 0; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; box-sizing: border-box; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { margin: 0 0 10px 0; padding: 0.35em 0.5em 0.5em 0; }
fieldset > :last-child { margin-bottom: 0; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%;
    padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
optgroup { font-weight: bold; }
select { padding: 4px 0; }
label[for] { cursor: pointer; display: block;}

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Bold', sans-serif; font-weight: 700; font-style: normal;
    line-height: 1.6; margin: 0; }
h1 { font-size: 2.2em; }
h2 { font-size: 2em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
p { margin: 0 0 1em 0; }
b, strong { font-weight: bolder;  }
dfn, cite { font-style: italic; }
del { text-decoration: line-through; }
small { font-size: 80%; }
big { font-size: 125%; }
em { font-style: normal;  }
a { background-color: transparent; text-decoration: none; -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;   }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;  }
kbd { margin: 0; padding: 0 5px; }
pre { overflow: auto; margin: 1em 0; padding: 1em; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
tt, var { font-family: monospace, monospace; font-style: italic; }
mark { color: #ffffff; text-shadow: none; }
acronym[title], abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted; }
abbr, acronym { cursor: help; }
::-moz-selection { color: yellowgreen;  }
::selection { color: yellowgreen;  }

  /***********************************************************************/
 /**     REGION COMPONENTS                                          *****/
/*=====================================================================*/
aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav,
section { display: block; }
summary {  display: list-item; cursor: pointer; }
header { vertical-align: middle; }
.page-wrapper { background-repeat: no-repeat; background-position: center; background-size: cover;
    min-height: 930px;}
.container { position: relative; }
.block, .block-title, .block-content { position: relative; margin: auto; }
.clear { position: relative; }
.section { width: 100%; clear: both; padding: 1.6em 0; }
.header-section { padding: 0}
#block-th770kind-theme-local-tasks { width: auto; display: inline-block; }

  /***********************************************************************/
 /**    NAV                                                         *****/
/*=====================================================================*/
nav {}
nav:not(#toolbar-bar):not(.toolbar-lining) li, #block-top-menu li { position:relative; width: auto; display: inline-block; padding: 10px 0; text-align: center;
    vertical-align: middle; font-size: 14px; }
nav li:hover { font-weight: bold; }
  /***********************************************************************/
 /**     ICONS                                                      *****/
/*=====================================================================*/
[class^="icon-"], [class*=" icon-"] { font-family: 'Icomoon' !important; speak: none;
    font-style: normal; font-weight: normal; font-variant: normal; text-transform: none;
    line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-document:before { content: "\e914"; }
.icon-menu:before { content: "\e913"; }
.icon-add_comment:before { content: "\e910"; }
.icon-vimeo:before { content: "\e912"; }
.icon-comments:before { content: "\e911"; }
.icon-exclamation-circle:before { content: "\e90e"; }
.icon-exclamation-triangle:before { content: "\e90f"; }
.icon-check-square:before { content: "\e90d"; }
.icon-hashtag:before { content: "\e90c"; }
.icon-calendar:before { content: "\e90a"; }
.icon-user:before { content: "\e90b"; }
.icon-search:before { content: "\e909"; }
.icon-vk:before { content: "\e900"; }
.icon-github:before { content: "\e901"; }
.icon-whatsapp:before { content: "\e902"; }
.icon-telegram:before { content: "\e903"; }
.icon-youtube:before { content: "\e904"; }
.icon-linkedin:before { content: "\e905"; }
.icon-instagram:before { content: "\e906"; }
.icon-twitter:before { content: "\e907"; }
.icon-facebook:before { content: "\e908"; }

  /***********************************************************************/
 /**     MEDIA                                                      *****/
/*=====================================================================*/
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
/*img, a img { max-width: 100% !important; height: auto; margin: 0; padding: 0; border: 0;
    border-style: none; vertical-align: middle; }*/
svg:not(:root) { overflow: hidden; }
figure { max-width: 100%; height: auto; margin: 1em 0; border: 0; }
.align-left { margin: 1em 1em 1em 0; }
.align-right { margin: 1em 0 1em 1em; }
.align-center { margin-top: 1em; margin-bottom: 1em; }
figcaption { padding: 4px; font-size: 0.8em; text-align: center; }
.image-field { margin: 0 0 1em 0; }

  /***********************************************************************/
 /**     FORM                                                       *****/
/*=====================================================================*/
form { margin-bottom: 1em; max-width: 500px; margin: auto; padding: 20px; border-radius: 20px;
    background-color: white; border-top-color: blue; border-top-style: solid; border-top-width: 25px;
    opacity: 1; box-shadow: 0 0 20px grey; }
form input { display: inline-block; border-radius: 10px;}
form label[for],
form label { display: inline-block; font-weight: bold; }
form summary { text-align: right; line-height: 30px; font-size: 16px; color: royalblue;
    background-color: ghostwhite; border-radius: 10px; margin: 5px; }
form select { width: 100%; border-radius: 5px; background-color: lightyellow; }
form .form-item input { margin: 0;}
form .form-no-label { display: inline-block; }
form .form-item { width: 80%; margin: 10px auto; text-align: right; }
form .form-actions { margin: 15px; }
form .button { font-size: 18px;}
form .form-submit { background-color: greenyellow; }
form .button--danger { background-color: red; }
form .form-textarea,
form .form-text { background-color: lightyellow; border-radius: 5px; margin: auto;}
form .form-color { width: 85%; }
form .required { border-bottom-width: 2px; }
form .form-required::after {content: "*"; color: red;}


  /***********************************************************************/
 /**     CONTENT SECTION                                            *****/
/*=====================================================================*/
.content-section { width: 98%; display: block; position: relative; margin: 3em auto;
    text-align: center; }
.content-section .content-bottom, .content-section .content-top { width: 100%; display: block; }
.content-section .page-content { margin: auto; vertical-align: top; margin-top: 10px; }
.content-section .one-columns { width: 90%; display: block;  }
.content-section .two-columns { width: 50%; display: inline-block; margin: auto 1%; }
.content-section .content-left { display: inline-block; width: 40%; }

  /***********************************************************************/
 /**     MAIN CONTENT                                               *****/
/*=====================================================================*/
#main-content {margin-bottom: 30px;}
#main-content .content-show { margin-top: 0; display:none; }
#main-content .content-show button { display: block; opacity: 0.6; border: none;}

  /***********************************************************************/
 /**     HOME INFO                                                  *****/
/*=====================================================================*/
home-info .home-info { padding: 0;}
home-info .info-item { width: 100%; }
home-info .info-title { margin-bottom: -8.5%; z-index: 100; }
home-info .info-title img { width: 100%;  }
home-info .info-activities { z-index: 200; position: relative; top: 5px; }
home-info .act-group { display: inline-block; width: 45%; vertical-align: top; }
home-info .act-group:nth-child(1) { margin-right: 5%; }
home-info .act-group:nth-child(2) { float: left; margin-left: 5%; }
home-info .act-group:nth-child(2) .act-item { float: left; }
home-info .act-item { width: 35%; display: inline-block; height: auto; margin-left: -8%;
    vertical-align: top; }
home-info .act-item img { width: 100%; }

  /***********************************************************************/
 /**     HEADER MAIN                                                *****/
/*=====================================================================*/
.header-main { width: 100%; margin: 0; padding: 0.5em 0; display: -webkit-box;
    display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;
    justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center;
    align-items: center; }
.header-main .header-item {}
.header-main .site-brand { position: relative; }
.header-main .site-branding { position: relative; font-weight: 400; line-height: 1;
    margin: 0 10px; color: blue; }
.header-main .site-branding img { width: auto; height: 40px; }
.header-main .site-slogan { font-size: 0.8em; }
.header-main .branding-item { display: inline-block; vertical-align: middle; }
.header-main .site-name { font-family: 'Roboto Bold', sans-serif; font-weight: 700; font-size: 1.2em;
    text-transform: uppercase; }

/*************************************************************************/
/**     ACCOUNT MENU                                    ****/
/*========================================================*/
.account-menu { width: 50%; }
.account-menu ul { text-align: left; }
.account-menu li { list-style: none; display: inline-block; margin: 0; width: 100px; }
.account-menu a { background: white; padding: 0px 10px; color: black; border-radius: 10px; }

/*************************************************************************/
/**     ARTICLE                                         ****/
/*========================================================*/
article { display: block; padding: 5%; border-style: solid; border-radius: 10px;
    border-width: 1px; background-color: ghostwhite; width: 80%; margin: auto; }
article .field--name-field-family-name { font-size: 18px; font-weight: bold; }
article .field__label { display: inline-block; }
article .field-item { display: inline-block; }
article .node-content img { max-width: 100%; height: auto; }

/*************************************************************************/
/**     MENU WRAP                                       ****/
/*========================================================*/
.menu-wrap { font-family: 'Roboto Bold', sans-serif; font-weight: 700; position: fixed;
    top: 0; bottom: 0; left: 0; margin: 0; padding: 1em; width: 100%; max-width: 320px;
    z-index: 25; transform: translateX(-100%); -webkit-transition: all 1s ease;
    transition: all 1s ease; }
.active-menu .menu-wrap { overflow-y: scroll; transform: translateX(0); -webkit-transition: all 1s ease;
    transition: all 1s ease; z-index: 900; background: lightgray; opacity: 0.95;  }
.menu-wrap li { list-style: none; text-align: center; width: 80%; margin: auto; }
.menu-wrap li a { font-family: inherit; font-size: 100%; line-height: 1.6; margin: 0;
    overflow: visible; text-transform: none; position: relative; cursor: pointer;
    border: 0; padding: 8px 10px; color: #fff; -webkit-appearance: button; -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; background-color: blue; border-radius: 10px;
    width: 85%; }
.menu-wrap li a:hover { box-shadow: -5px 5px 5px grey; background-color: dodgerblue; }
.menu-wrap li a::-moz-focus-inner { border-style: none;  padding: 0; }
.menu-wrap li a:-moz-focusring { outline: 0; }
.menu-wrap li a[disabled] { cursor: not-allowed; opacity: 0.7; }

/*************************************************************************/
/**     PAGE TABS                                                   *****/
/*=====================================================================*/
.page-tabs { list-style: none; border-bottom-color: gray; border-bottom-style: solid;
    border-radius: 20px; background-color: lightblue; padding: 0.3em 1em; width: auto;
    margin: 1em; position: absolute; left: 40%; top: -60px; display: none; }
.page-tabs li { display: inline-block; padding: 0; width: auto; }
.page-tabs li a { padding: 4px 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.page-tabs li.active-page-tab a, .page-tabs li a:hover { color: #fff; max-width: 100px;
    width: auto; }

/*************************************************************************/
/**     HOME BOXES                                                  *****/
/*=====================================================================*/
home-boxes li { list-style: none; display: inline-block; margin: 10px 5%; }
home-boxes li:first-child { float: left; }
home-boxes .form-actions { margin: 10px; }
home-boxes form { opacity: 1; }

/*************************************************************************/
/**     FOOTER                                                      *****/
/*=====================================================================*/
.footer { position: relative; width: 100%; margin: 0; padding: 0; }
.footer .block-title { color: #ffffff; font-weight: 400; }
.footer a:hover { color: #ffffff; }
.footer ul, .footer ol { margin: 0; padding: 0; }
.footer ul { list-style: none; }
.footer li a { padding: 5px 0; display: inline-block; }
.footer nav li { display: inline-grid; width: 110px; }
.footer nav a { border-style: outset; border-color: gray; border-radius: 9px;  padding: 5%;
    opacity: 0.9; height: 30px; line-height: 15px; font-size: 14px; background-color: dodgerblue;
    border-width: 2px; font-weight: 700; }
.footer nav a:hover { border-style: inset; background-color: #1e90ffa1; }
.footer .copyright { margin-bottom: 10px; display: inline-block; margin-right: 70%; }

/*************************************************************************/
/**     FOOTER BLOCKS                                               *****/
/*=====================================================================*/
#footer-top { margin: 0; padding: 2em 0; }
#footer-blocks { margin: 0; padding: 3em 0; }
#footer-blocks .footer-block { flex: 1; padding: 0; }
#footer-blocks .last-footer-block { padding-right: 0; }
#footer-blocks .footer-container { display: flex; flex-direction: column; }
#footer-bottom { position: relative; margin: auto; padding: 1em 0; width: 80%; z-index: 200; }
#footer-bottom .block-menu { margin: auto 0%; position: fixed; bottom: 5%; }
#footer-bottom-last { position: relative; margin: 0; padding: 1em 0; z-index: 100; }
#footer-bottom-last .footer-bottom-last { display: flex; flex-direction: column; }

/*************************************************************************/
/**     ACCOUNT                                                     *****/
/*=====================================================================*/
account .main-container { width: 90%; margin: auto; }

/*************************************************************************/
/**     FAMILY BLOCK                                                *****/
/*=====================================================================*/
.family-block { max-width: 600px; margin: auto; margin-top: 26px; }
.family-block .family-title { margin-top: -26px; font-family: Heebo Regular; font-size: 16.5pt;
    line-height: 19.8pt; font-weight: 300; }
.family-block .kids-table { margin-top: 20px;}
.family-block .family-kids-container { border-color: lightgray; border-radius: 0;
    border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.family-block .kids-table .col-name .name { padding-right: 20px; }
.family-block .kids-table .col-rank { text-align: center; font-size: 25px; padding: 0; }
.family-block .kids-table .col-name a { font-family: Heebo Medium; font-size: 19.6pt;
    line-height: 26.5pt; font-weight: 500; }
.family-block .kids-table .col-rank div { font-family: Heebo Thin; font-size: 11.7pt;
    line-height: 14pt; font-weight: 100; vertical-align: middle; margin: 0px; }
.family-block .kids-table .col-rank p { padding: 9px 0; }
.family-block .kids-table .col-name .name { width: 98%; margin-right: -3%; }
.family-block .action {
    display: inline-block;
    margin: 2px;
    padding: 0px 15px;
    background-color: rgb(237 237 237);
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
}
.family-block .family-actions { font-family: 'Heebo Light'; font-size: 11.3pt; line-height: 13.5pt;
    display: inline-block; right: -7%;  }
.family-block .action img { width: 9px; height: auto; margin: 0 4px; }

/*************************************************************************/
/*****     VIEWS ELEMENT CONTAINER                                  *****/
/*=====================================================================*/
.views-element-container { border-radius: 5px; border-color: lightgray; border-style: solid;
    border-width: thin; background: white; width: 94%; margin: auto; border-top-right-radius: 15px;
    border-top-left-radius: 15px; padding: 0; margin-bottom: 40px; }
.views-element-container .content-title { background: blue; color: white; border-top-left-radius: 20px;
    border-top-right-radius: 20px; text-align: center; font-family: Heebo Regular;
    font-size: 16.5pt; line-height: 19.8pt; }
.content-left .views-element-container { max-width: 530px; }
.views-element-container header { top: -5px; width: 100%}
.views-element-container .item-list { padding: 5px 15px; }
.views-element-container table { margin: 10px auto; background: white; border: cadetblue;
    box-shadow: none; border-style: solid; border-width: thin; }

/*************************************************************************/
/*****  VIEWS VIEW TAXONOMY                                         *****/
/*=====================================================================*/
.views--view-taxonomy {}

/*************************************************************************/
/*****  VIEWS VIEW NEWS                                             *****/
/*=====================================================================*/
.views--view-news {}
.views--view-news .item-list { font-family: Heebo Light; font-size: 12pt; line-height: 14.4pt; }
.views--view-news .news-title { background: red; font-family: Heebo Regular; font-size: 16.5pt;
    line-height: 19.8pt; }
.views--view-news p { margin: 0 0 0.3em 0; }
.views--view-news li { list-style: hebrew; padding-right: 0px; margin-right: 15px; }
.views--view-news .views-field-title { font-weight: bold; }
.views--view-news .more-link { margin-bottom: 10px; }
.views--view-news.news-block .more-link a { border-style: inset; border-color: gray;
    border-radius: 9px; padding: 0 10px; background: lightgray; opacity: 0.8; border-width: thin; }
.views--view-news.news-page .news-title { width: 104%; margin-right: -2%; margin-top: -30px;}
.views--view-news.news-page .item-list { padding-right: 20px; }

/*************************************************************************/
/*****  VIEWS VIEW RANKUPDATE                                       *****/
/***********************************************************************/
.views--view-rankupdate {}
.views--view-rankupdate table { box-shadow: none; width: 80%; border: none; }
.views--view-rankupdate .rankupdate-title { background-image: linear-gradient(to right, #e8e811, #D4AF37 , #e8e811, #D4AF37);
    color: black; }
.views--view-rankupdate .views-field-field-kind-picture img { height: 70px; width: auto;
    margin: 0; border-bottom-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%;
    vertical-align: middle; background-color: whitesmoke;}
.views--view-rankupdate .picture-boy img { background-color: #29bcb0; }
.views--view-rankupdate .picture-girl img { background-color: #e50487; }
.views--view-rankupdate .views-field-field-kind-rank h2 {display: none; }
.views--view-rankupdate .views-field-field-kind-rank img { margin: 0; width: auto;
    height: 70px; }
.views--view-rankupdate .views-field-field-kind-name, .views--view-rankupdate .views-field-nothing { font-family: 'Heebo Medium';
    font-size: 15.4pt; line-height: 18.4pt; font-weight: 500; text-align: right; }
.views--view-rankupdate tr { }
.views--view-rankupdate td { padding-top: 15px; padding-bottom: 0; }
.views--view-rankupdate .view-field--family-city { font-family: 'HEEBO LIGHT'; font-size: 12.1pt;
    line-height: 14.6pt; position: absolute; top: 64px; right: -130px; }

/*************************************************************************/
/*****  VIEWS VIEW RANKS                                            *****/
/***********************************************************************/
.views--view-ranks{ }
.views--view-ranks h2 { font-size: 0.8em; text-align: center; line-height: 1; margin: 2px;
    height: 1.8em; }
.views--view-ranks .field--type-image { text-align: center; }
.views--view-ranks .field--type-image img { width: 90%; height: auto; margin: auto;
    vertical-align: middle; }
.views--view-ranks .views-col { float: right; }
.views--view-ranks .views-row { margin-bottom: 30px; }
.views--view-ranks .ranks-title { }

/*************************************************************************/
/*****  VIEWS VIEW FAMILY LIST                                      *****/
/***********************************************************************/
.views--view-familylist {}
.views--view-familylist .views-field-field-family-page { text-align: right; }

/*************************************************************************/
/*****  PAGE                                                        *****/
/***********************************************************************/
page {}
page .content-section {  margin: 0em auto; }

/*************************************************************************/
/*****  PAGE FAMILY                                                   *****/
/***********************************************************************/
page-family {}

/*************************************************************************/
/*****  PAGE KIND                                                   *****/
/***********************************************************************/
page-kind .kind-page { height: auto; }
page-kind .background { width: 100%; height: auto; top: 0; }
page-kind .home-img {
  -webkit-animation-name: color2;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
}
@-webkit-keyframes color2 {
  0% {
  }
  5%,25% {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  15%,35% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  transform: rotate(1deg);
}
}
page-kind .home-img.clicked{
  animation: none;

}



page-kind .home-img{background: url("../images/house.png") no-repeat center center;
width: 32vw;
height: 27vw;
position: absolute;
bottom: 38vw;
z-index: 10;
background-size: 100%;
right: 14.3vw;
cursor: pointer;}
page-kind .home-img.clicked, form[id^=use-code-form]{
  background: url("../images/house_open.png") no-repeat center center;
  background-size: 100%;
  width: 60vw;
  height: 28.7vw;
}
form.house_input, form[id^=use-code-form] {
  border: 0px;
      padding: 0px;
      position: absolute;
      background-size: 100%;
      width: 32vw;
      height: 6.4vw;
      bottom: 44.3vw;
      z-index: 100000;
      background-size: 100%;
      right: 39.8vw;
      cursor: pointer;
      border: none;
      background: transparent;
      display: none;
}
form[id^=use-code-form] {
  border: 0px;
  padding: 0px;
  position: absolute;
  background-size: 100%;
  width: 32vw;
  height: 6.4vw;
  bottom: 47.5vw;
  z-index: 100000;
  background-size: 100%;
  right: 37.8vw;
  cursor: pointer;
  border: none;
  background: transparent;
  box-shadow: none;
  /* display: none; */
}
form#use-code-forms{
  border: 0px;
      padding: 0px;
      position: absolute;
      background-size: 100%;
      width: 32vw;
      height: 6.4vw;
      top: 4.8vw;
      z-index: 100000;
      background-size: 100%;
      right: 37.2vw;
      cursor: pointer;
      border: none;
      background: transparent;
      display: none;

}
form[id^=use-code-form] .js-form-item.form-item.js-form-type-textfield.form-item-code.js-form-item-code {
  margin-top: 37px;
}
form[id^=use-code-form] input#edit-code {
  background-color: transparent;
}
form[id^=use-code-form] label.js-form-required.form-required{
  display:none;
}
form.house_input.clicked, form[id^=use-code-form].clicked{
  display:block;
  box-shadow: none;
}
form.house_input.clicked{
  /*display:none;*/
}
form.house_input.clicked input, form[id^=use-code-form] input{
  border: none;
  text-align: right;
  font-size:26px;
  width: 24.5vw;
}
form.house_input.clicked input[type="submit"], form[id^=use-code-form] input[type="submit"] {
  /*float: left;*/
  margin-top: 2vw;
  background: #f7bc2d;
  /*margin-left: 40px  ;*/
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 0px;
  opacity:1;
  border-radius:16px;
  width:24.5vw;
  font-size:26px;
  margin-right:3.4vw;
  border:6px solid;
  text-align:center;
}
form input.form-text {
  background: transparent;
}
form[id^=use-code-form] input.form-text {
  margin-right: 3vw;

}
form[id^=use-code-form] div.error {
  margin-right: 3vw;
  margin-top: 1.5vw;
  font-size: 1.8em;
  font-weight: bold;
  top: -30px;
  font-size: 26px;
  position: absolute;
}
form[id^=use-code-form] .success-message{
  font-size: 1.8em;
  font-weight:bold;
  top: -20px;
  right: 40px;
  position:absolute;
}
form[id^=use-code-form] .js-form-item.form-item.js-form-type-textfield.form-item-code.js-form-item-code {
  margin-top: 3.5vw;
}



/*page-kind .main-section { z-index: 200; }*/
page-kind .page-box { position: absolute; top: 0; height: 100%; width: 100%; }
page-kind .page-container { height: 100%; }
page-kind .footer-section { padding: 0; bottom: 10px; position: fixed; z-index: 100; }
page-kind .header-section { background-repeat: no-repeat; background-size: contain; height: 9%;
    margin-bottom: -4.6%; }
page-kind .act-item { display: inline-block; }
page-kind .info-activities { z-index: 200; }
page-kind .act-group { display: inline-block; width: 22%; vertical-align: top; float: left; }
page-kind .act-item { width: 40%; display: inline-block; height: auto; margin-right: -9%;
    vertical-align: top; float: left; }
page-kind .act-item img { width: 100%; }
page-kind .region-route {
    position: absolute;
    top: 57%;
    width: 100%;
    height: 40%;
}

/*************************************************************************/
/*****  NODE KIND                                                   *****/
/***********************************************************************/
node-kind { display: block; padding: 2%; border-style: solid; border-radius: 10px;
    border-width: 1px; background-color: #f5f5f5c2; width: 110%; margin: auto; }
node-kind .node-content { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr; }
node-kind .node-content .field { font-size: 18px; padding: 5px; vertical-align: middle;
    text-align: right; background: white; border-radius: 15px; max-width: 88%; }
node-kind .field .field__label { display: inline-block; font-weight: bold; width: 200px;
    text-align: right; }
node-kind .field .field-items,
node-kind .field .field-item { display: inline-block; }
node-kind .field--name-field-kind-picture { grid-column-start: 3; grid-row-start: 1;
    grid-row-end: 4; }
node-kind .node-content img { text-align: center; vertical-align: middle; margin: auto 12%;
    border-radius: 20px; }

/*************************************************************************/
/*****  NODE FAMILY                                                 *****/
/***********************************************************************/
.th770kind-points-route-block.block { top: 0px;}
.th770kind-points-route-block .block-content { width: 64%; right: 22%; height: 88%;
    top: 13%; }
.th770kind-points-route-block .route-block {position: absolute; width: 100%; height: 82%;
    top:14%; }
.th770kind-points-route-block .route-box {
    position: absolute; width: 100%; height: 100%; top:-5%; }
.th770kind-points-route-block .rank-image.curr,
.th770kind-points-route-block .rank-image.next,
.th770kind-points-route-block .rank-image.past { position: absolute; right: 0; top: 0; }
.th770kind-points-route-block .route-rank { position: absolute; width: auto; height: auto; }
.th770kind-points-route-block .rank-1 { right: 78%; top: -12%; }
.th770kind-points-route-block .rank-2 { right: 76%; top: 0%; }
.th770kind-points-route-block .rank-3 { right: 68%; top: 6%; }
.th770kind-points-route-block .rank-4 { right: 58%; top: 10%; }
.th770kind-points-route-block .rank-5 { right: 47%; top: 12%; }
.th770kind-points-route-block .rank-6 { right: 35%; top: 14%; }
.th770kind-points-route-block .rank-7 { right: 23%; top: 16%; }
.th770kind-points-route-block .rank-8 { right: 11%; top: 19%; }
.th770kind-points-route-block .rank-9 { right: 3%; top: 28%; }
.th770kind-points-route-block .rank-10 { right: 14%; top: 36%; }
.th770kind-points-route-block .rank-11 { right: 26%; top: 41%; }
.th770kind-points-route-block .rank-12 { right: 39%; top: 46%; }
.th770kind-points-route-block .rank-13 { right: 52%; top: 50%; }
.th770kind-points-route-block .rank-14 { right: 66%; top: 56% }
.th770kind-points-route-block .rank-15 { right: 80%; top: 65% }
.th770kind-points-route-block .rank-16 { right: 82%; top: 82% }

/*************************************************************************/
/*****  NODE FAMILY                                                 *****/
/***********************************************************************/
node-family { display: block; padding: 5%; border-style: solid; border-radius: 10px;
    border-width: 1px; background-color: #f5f5f5c2; width: 100%; margin: 20px; }
node-family .node-content { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr; }
node-family .node-content .field { font-size: 18px; padding: 5px; vertical-align: middle;
    text-align: right; background: white; border-radius: 15px; }
node-family .field .field__label { display: inline-block; font-weight: bold; width: 200px;
    text-align: right; }
node-family .field .field-items,
node-family .field .field-item { display: inline-block; }
node-family .field-entity .field-item { display: block; }

  /***********************************************************************/
 /**     MESSAGE                                                    *****/
/*=====================================================================*/
.message { position: relative; margin: 1em 0; padding: 14px 14px 14px 64px; color: #ffffff;
    text-shadow: none; }
.message p { margin: 0; }
.message a, .message a:visited { color: #ffffff; text-decoration: underline; }
.message em { }
.message-status { background: #89ad32; }
.message-status::before {  content: "\e90d"; background-color: #759625; }
.message-error { background: #c94d1c; }
.message-error::before { content: "\e90e"; background-color: #b3461b; }
.message-warning { background: #cd5a0a; }
.message-warning::before { content: "\e90f"; background-color: #a44707; }
.message::before { position: absolute; top: 0; left: 0; width: 53px; height: 100%;
  font-family: "th770kind"; font-size: 2em; line-height: 53px; text-align: center; }

  /***********************************************************************/
 /**     FIELDGROUP                                                 *****/
/*=====================================================================*/
.fieldgroup {}
.fieldgroup label, .fieldgroup input { display: inline}
.fieldgroup div { margin: 10px;}

  /***********************************************************************/
 /**     FAMILY BLOCK                                               *****/
/*=====================================================================*/
.family-block .boy { float: right; margin-right: -14%; }
.family-block .boy img { margin: 0; }
.family-block .girl { float: left; margin-left: -12%; }
.family-block .girl img { margin: 0; }

  /***********************************************************************/
 /**     BLOCK FORM                                                 *****/
/*=====================================================================*/
.block-form { background-color: whitesmoke; opacity: 1;box-shadow: 0 0 20px grey;
    max-width: 800px; }
.block-form .form-details-wrapper{ direction: ltr; text-align: left; width: 90%;
    position: relative; margin: auto; }
.form-textarea { text-align: left; width: 90%; }

  /***********************************************************************/
 /**     BLOCK REGION                                               *****/
/*=====================================================================*/
.block-region { background-color: transparent; }

  /***********************************************************************/
 /**    RESPONSIVE ENABLED                                          *****/
/*=====================================================================*/
.responsive-enabled { opacity: 1; box-shadow: 0 0 20px grey; }
.responsive-enabled td { padding: 1px;}
.responsive-enabled .dropbutton-multiple { padding: 0 10px !important; margin: auto !important; }
.responsive-enabled .dropbutton-widget { width: 90%; padding: 0 !important; }
.responsive-enabled .dropbutton { background-color: darkturquoise; border-radius: 5px;
    padding: 0 4px !important; margin: 2px !important; box-shadow: 0 0 3px grey; }
.responsive-enabled .dropbutton-action { padding: 0 4%; line-height: 24px; width: 70%; }
.responsive-enabled .dropbutton-action:hover { font-weight: bold; background-color: cyan;
    border-radius: 10px; }

  /***********************************************************************/
 /**     SYSTEM PERFORMANCE SETTINGS                                *****/
/*=====================================================================*/
.system-performance-settings { opacity: 1; box-shadow: 0 0 20px grey; }
.system-performance-settings details label,
.system-performance-settings details input { display: inline;}
.system-performance-settings details summary { text-align: right; line-height: 30px;
    font-size: 18px; color: royalblue; background-color: ghostwhite; border-radius: 10px;
    margin: 2px;  }
.system-performance-settings #edit-clear { font-size: 20px; margin: 20px;}

  /***********************************************************************/
 /**     LIST GROUP                                                 *****/
/*=====================================================================*/
.list-group{ background: whitesmoke; width: 40%; margin: auto; border-radius: 20px;
    padding: 20px; box-shadow: 0 0 20px grey; }
.list-group dt { text-align: left; display: list-item; }
.list-group dd { text-align: right; }

  /***********************************************************************/
 /**     TAXONOMY OVERVIEW TERMS                                    *****/
/*=====================================================================*/
.taxonomy-overview-terms { opacity: 1; box-shadow: 0 0 20px grey; }
.taxonomy-overview-terms .dropbutton { background-color: darkturquoise; border-radius: 5px;
    padding: 0 4px !important; margin: 2px !important; box-shadow: 0 0 3px grey; }
.taxonomy-overview-terms #edit-reset-alphabetical {display: none;}

  /***********************************************************************/
 /**     ASSIGNMENT BLOCK                                           *****/
/*=====================================================================*/
.assignments-block {}
.assignments-block .month-name { display: none; }

  /***********************************************************************/
 /**     TAXONOMY TERM RANK FORM                                    *****/
/*=====================================================================*/
.taxonomy-term-rank-form { opacity: 1; box-shadow: 0 0 20px grey; }
.taxonomy-term-rank-form > .form-wrapper { text-align: center; margin: 10px 0; display: inline-block;
    width: 45%;      vertical-align: top; }
.taxonomy-term-rank-form .form-number { text-align: center; line-height: 36px; border-radius: 10px;
    font-size: 15px; border-style: inset; border-color: gray; background-color: whitesmoke; }
.taxonomy-term-rank-form .form-text { text-align: center; line-height: 36px; border-radius: 10px;
    font-size: 15px; padding: 0px; border-width: 2px; border-style: inset; border-color: gray;
    background-color: whitesmoke; width: 90%; }
.taxonomy-term-rank-form details { display: block !important }
.taxonomy-term-rank-form label { font-weight: bold; font-size: 18px; margin: 15px 0 2px 0;
    display: inline-block; }
.taxonomy-term-rank-form .form-color { width: 90%; border-radius: 10px; height: 39px;
    padding: 5px; border-style: inset; border-width: 2px; cursor: pointer; }

  /***********************************************************************/
 /**     SYSTEM MODULES                                             *****/
/*=====================================================================*/
.system-modules { max-width: 1200px; opacity: 1; box-shadow: 0 0 20px grey; }
.system-modules td details { height: 30px; }
.system-modules td details summary { line-height: 30px; font-size: 14px; margin: 0;
    cursor: pointer; }
.system-modules td details .details-wrapper { background-color: floralwhite; border-radius: 10px;
    width: 94%; margin-right: 2%; }

  /***********************************************************************/
 /**     FIELD OVERVIEW                                             *****/
/*=====================================================================*/
#field-overview { max-width: 1000px; }
#field-overview tr td:nth-child(1) { text-align: right; padding-right: 20px; }

  /***********************************************************************/
 /**     BLOCK ADMIN DISPLAY FORM                                   *****/
/*=====================================================================*/
#block-admin-display-form { opacity: 1; max-width: 1000px; box-shadow: 0 0 20px grey; }
#block-admin-display-form thead tr { background-color: lightgray; }
#block-admin-display-form .region-title { background-color: #8ecde1; }
#block-admin-display-form .region-title td { text-align: right; padding-right: 5%; }
#block-admin-display-form tr td .dropbutton-widget { width: 160px; }
#block-admin-display-form tr td .dropbutton { background-color: darkturquoise; border-radius: 5px;
    padding: 0 4px !important; margin: 2px !important; box-shadow: 0 0 3px grey; }

   /***********************************************************************/
  /*   FIELD UI FIELD STORAGE ADD FORM                               *****/
 /**   FIELD STORAGE CONFIG FORM                                    *****/
/*=====================================================================*/
.field-storage-config-form, #field-ui-field-storage-add-form { }
.field-storage-config-form .form-wrapper,
#field-ui-field-storage-add-form .form-wrapper { display: inline-block; margin: 10px;
    width: 45%; }
.field-storage-config-form .form-wrapper select,
#field-ui-field-storage-add-form .form-wrapper select { width: 100%; border-radius: 5px;
    background-color: lightyellow; }
.field-storage-config-form .form-wrapper label,
#field-ui-field-storage-add-form .form-wrapper label { display: block; }
.field-storage-config-form .form-wrapper input,
#field-ui-field-storage-add-form .form-wrapper input { border-radius: 5px; background-color: lightyellow; }

   /***********************************************************************/
  /**    ENTITY VIEW DISPLAY FORM                                    *****/
 /***    ENTITY FORM DISPLAY FORM                                   *****/
/*=====================================================================*/
.entity-view-display-form, .form-edit,
.entity-form-display-form { max-width: 1000px; }

  /***********************************************************************/
 /**    FORM EDIT                                                   *****/
/*=====================================================================*/
.form-edit { max-width: 1000px; }
.form-edit .dropbutton-widget { width: 100px; padding: 0}
.form-edit .dropbutton { background-color: darkturquoise; border-radius: 5px;
    padding: 0 4px !important; margin: 2px !important; box-shadow: 0 0 3px grey; }
.form-edit .dropbutton-action { padding: 0 4%; line-height: 24px; width: 70%; }
.form-edit .dropbutton-action:hover { font-weight: bold; background-color: cyan;
    border-radius: 10px; }

  /***********************************************************************/
 /**    UI                                                          *****/
/*=====================================================================*/
.ui-front { max-height: 940px; }
.ui-front form {width: 94%; max-width: 1000px; padding: 10px; border: none; box-shadow: none; }
.ui-front .ui-dialog-titlebar {background-color: royalblue; border-radius: 10px; }
.ui-front .scroll { max-height: 715px; }
.ui-widget.ui-widget-content { z-index: 900 !important; border-radius: 10px; box-shadow: 0 0 20px grey; }
.views-filterable-options-controls .form-item { display: inline-block; }

  /***********************************************************************/
 /**    ASSIGNMENTS BLOCK                                           *****/
/*=====================================================================*/
.assignments-block .a-box { margin: 7px; }
.assignments-block .title { font-family: 'Heebo Medium'; font-size: 12.1pt; line-height: 14.5pt; }
.assignments-block .assignment-task .assignment { font-family: 'Heebo Light'; font-size: 10.2pt;
    line-height: 10.5pt; }

  /***********************************************************************/
 /**    SCORING BLOCK                                               *****/
/*=====================================================================*/
.scoring-block .scoring-cup { right: 27%; }
.scoring-block .counter-digit { margin: 0;}

  /***********************************************************************/
 /**    VIEWS EXPOSED FORM                                          *****/
/*=====================================================================*/
.views-exposed-form { max-width: 1200px; }
.views-exposed-form .form-item { display: inline-block; width: 45%; vertical-align: top;
    padding: 10px; }
.views-exposed-form select { padding: 5px}

  /***********************************************************************/
 /**    LOCALE TRANSLATE ... FORM                                   *****/
/*=====================================================================*/
.locale-translate-edit-form,
.locale-translate-filter-form { max-width: 1000px; margin-bottom: 20px; }
.locale-translate-filter-form .form-details-wrapper { height: 160px; }
.locale-translate-filter-form .form-item { width: 24%; display: inline-block !important;
    vertical-align: top; margin: 5px !important; }
.locale-translate-filter-form .form-actions { float: none !important; display: inline-block;
    padding: 0 !important; margin: 10px; right: -40%; vertical-align: top; top: -40px; }
.locale-translate-edit-form .form-textarea { height: 18px; line-height: 16px; font-size: 15px; }

  /***********************************************************************/
 /**    IDCARD BLOCK                                                *****/
/*=====================================================================*/
.idcard-block { padding: 15px; zoom: 1.2;}
.idcard-block .id-name { font-family: 'Heebo Bold'; font-size: 19.6pt; line-height: 23.5pt; }
.idcard-block .id-branch,
.idcard-block .id-class { font-family: 'Heebo Light'; font-size: 14.8pt; line-height: 14.3pt; }
.idcard-block .id-rank { font-family: 'Heebo Medium'; font-size: 19.6pt; line-height: 23.5pt;
    margin: 10px 0; }
.idcard-block .kind-picture img { background-color: whitesmoke;}
.idcard-block .kind-picture .picture-boy { background-color: #29bcb0; }
.idcard-block .kind-picture .picture-girl { background-color: #e50487; }
.idcard-block .kind-picture { margin-bottom: -40px; }
.idcard-block .box-rank { margin-top: 40%; }
.idcard-block .picture-add { color: cornflowerblue; font-size: 35px; position: absolute;
    font-variant-caps: all-petite-caps; font-family: 'Heebo Bold'; margin: auto;
    text-align: center; width: 90px; right: 190px; z-index: 200; top: 96px; line-height: 33px; }

  /***********************************************************************/
 /**     ADMIN DBLOG                                                *****/
/*=====================================================================*/
.admin-dblog { max-width: 1300px; margin: auto; }
.admin-dblog td { padding: 5px; text-align: left; direction: ltr; }

  /***********************************************************************/
 /**    DBLOG EVENT                                                 *****/
/*=====================================================================*/
.dblog-event { max-width: 900px; box-shadow: 0 0 20px grey; margin: auto; }
.dblog-event th { width: 100px; display: table; }
.dblog-event td { max-width: 900px; text-align: left; display: inline-block; direction: ltr; }

  /***********************************************************************/
 /**    TOOLBAR                                                     *****/
/*=====================================================================*/

  /***********************************************************************/
 /**    BLOCK KNYSH                                                 *****/
/*=====================================================================*/
#block-knysh{}
#block-knysh .block-title { margin-bottom: -25px; z-index: 200; color: white; font-family: Heebo Regular;
    font-size: 16.5pt; line-height: 19.8pt; }
#block-knysh .block-content {}
#block-knysh ul { display: inline-block; }
#block-knysh li { display: inline-block; margin: 0 5px; text-align: center; font-size: 20px; }




  /***********************************************************************/
 /**     MISC                                                       *****/
/*=====================================================================*/

/* Header -> header right */
.header-main-right { position: relative; display: -webkit-box; display: -ms-flexbox;
  display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

ul.main-menu { position: relative; margin: 0; padding: 0; font-size: 1em; z-index: 30;
    list-style: none; list-style-type: none;}
.main-menu a { color: #fff; }
ul.main-menu li { position: relative; padding: 0; }
ul.main-menu li a { border-bottom: 1px solid #434343; }
.main-menu li span { display: block; padding: 10px 0; }
ul.main-menu > li { display: block; float: none; line-height: 1; margin: 0; }
ul.main-menu > li > a { display: block; margin: 0; padding: 10px 0; }
ul.main-menu > li a::after { content: none; }
ul.main-menu ul.submenu { position: relative; display: block; font-weight: 400;
    margin: 0; padding: 0; z-index: 30; }
ul.main-menu ul.submenu li { display: block; width: 100%; font-size: 0.9em; }
ul.main-menu ul.submenu li { background: none; }
ul.main-menu ul.submenu li a { display: block; width: 100%; padding: 10px 0 10px 20px; }
ul.main-menu ul.submenu li a::after { content: none; }
.main-menu li span.dropdown-arrow { position: absolute; display: inline-block; right: 0;
    padding: 0; }

/* Third level drop down */
ul.main-menu ul.submenu ul.submenu { position: relative; display: block; margin: 0;
    padding: 0 0 0 30px; z-index: 30; }
ul.main-menu ul.submenu ul.submenu li { display: block; font-size: inherit; width: 100%;
  padding: 0; text-align: left;
}
.main-menu ul.submenu li.expanded::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 10px;
}
/* Mobile Menu */
.mobile-menu {
  display: block;
  margin-right: 0.5em;
}
.close-mobile-menu {
  position: absolute;
  top: 4px;
  right: 4px;
  display: none;
  width: 34px;
  height: 34px;
  line-height: 28px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  z-index: 48;
  cursor: pointer;
  text-align: center;
}
.active-menu .close-mobile-menu,
.active-menu .main-menu {
  display: block;
}
/* Header -> Full page search form */
.full-page-search {
  position: relative;
  margin: 0;
  padding: 0;
}
.search-icon,
.mobile-menu {
  position: relative;
  margin: 0;
  cursor: pointer;
  width: 36px;
  height: 36px;
  line-height: 32px;
  text-align: center;
  margin-left: 10px;
  border-radius: 50%;
/*  border: 2px solid var(--theme-color);*/
}

.search-icon i,
.mobile-menu i { line-height: 20px; zoom: 2.0; }

.search-box {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
/*  background: var(--content-bg);*/
  z-index: 50;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}
.search-box.open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.search-box-content {
  position: relative;
  z-index: 60;
  text-align: center;
}
.search-box-content .block {
  width: 100%;
  margin: 0 auto;
}
.search-box-content .block-title {
/*  color: var(--bold-color);*/
}
.search-box-content form label {
  display: none;
}
.search-box-content input[type="search"] {
  width: 90%;
  margin: 2em 0;
  padding: 0 30px 10px 0;
  font-size: 1.4em;
  background: url("../images/search.svg") top right no-repeat;
  background-size: contain;
  border: 0;
/*  border-bottom: 2px solid var(--content-border-color);*/
  border-radius: 0;
  outline: 0;
}
.search-box-content input[type="search"]:focus {
  border: 0;
/*  border-bottom: 2px solid var(--theme-color);*/
}
.search-box-content input[type="submit"] {
  padding: 10px 24px;
  border-radius: 50px;
}
.search-box-close {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  z-index: 60;
  cursor: crosshair;
}

/* Page Header
--------------------------------------*/
/*.page-header {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 5em 0 6em ;
  text-align: center;
}*/
/* Page Header-> breadcrumb */
.breadcrumb {
  position: relative;
  width: 100%;
}
ol.breadcrumb-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
ol.breadcrumb-items li {
  display: inline-block;
}
.breadcrumb-item span {
  margin: 0 10px;
}

/* Header circles */
.header-cicle {
  position: absolute;
  border-radius: 50%;
}
.header-cicle1,
.header-cicle2,
.header-cicle3 {
  background: #f3e7f0;
  height: 2em;
  width: 2em;
}
.header-cicle1 {
  -webkit-animation: circle-size 3s linear infinite alternate;
  animation: circle-size 3s linear infinite alternate;
  left: 12%;
  top: 66%;
}
.header-cicle2 {
  -webkit-animation: circle-size 7s linear infinite alternate;
  animation: circle-size 7s linear infinite alternate;
  right: 40%;
  top: 55%;
}
.header-cicle3 {
  top: 20%;
  right: 30%;
  -webkit-animation: circle-size 6s linear infinite alternate;
  animation: circle-size 6s linear infinite alternate;
}
.header-cicle4,
.header-cicle5,
.header-cicle6 {
  background: #e0e2f6;
  height: 2em;
  width: 2em;
}
.header-cicle4 {
  top: 13%;
  left: 28%;
  -webkit-animation: circle-size 7s linear infinite alternate;
  animation: circle-size 7s linear infinite alternate;
}
.header-cicle5 {
  top: 37%;
  left: 40%;
  -webkit-animation: circle-size 10s linear infinite alternate;
  animation: circle-size 10s linear infinite alternate;
}
.header-cicle6 {
  top: 30%;
  right: 10%;
  -webkit-animation: circle-size 6s linear infinite alternate;
  animation: circle-size 6s linear infinite alternate;
}
.header-cicle7,
.header-cicle8,
.header-cicle9,
.header-cicle10 {
  background: #f9b6b4;
  width: 1em;
  height: 1em;
}
.header-cicle7 {
  left: 7%;
  top: 40%;
  -webkit-animation: circle-move 6s linear infinite alternate;
  animation: circle-move 6s linear infinite alternate;
}
.header-cicle8 {
  right: 45%;
  top: 30%;
  -webkit-animation: circle-move 10s linear infinite alternate;
  animation: circle-move 10s linear infinite alternate;
}
.header-cicle9 {
  left: 30%;
  top: 70%;
  -webkit-animation: circle-move 7s linear infinite alternate;
  animation: circle-move 7s linear infinite alternate;
}
.header-cicle10 {
  right: 7%;
  bottom: 10%;
  -webkit-animation: circle-move 4s linear infinite alternate;
  animation: circle-move 4s linear infinite alternate;
}
@-webkit-keyframes circle-size {
  to {
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}
@keyframes circle-size {
  to {
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@-webkit-keyframes circle-move {
  to {
    transform: translateY(-100px);
  }
}
@keyframes circle-move {
  to {
    transform: translateY(-100px);
  }
}



/* Main -> node -> teaser view */
.node-view-mode-teaser {
  position: relative;
/*  background: var(--content-bg);*/
  padding: 1em 1em 4em 1em;
  margin-bottom: 4em;
  border-radius: 8px;
}
.node-view-mode-teaser.node-sticky {
/*  border: 2px solid var(--border-color);*/
}
.node-view-mode-full .node-taxonomy-container {
  margin: 0;
}

/* Main -> node -> Title */
.node-title a {
  position: relative;
  transition: color 0.4s;
}
.node-title a::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
/*  background: var(--theme-color);*/
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.node-title a:hover::after {
  transform: scaleX(1);
}

/* Main -> node -> submitted details */
.node-header {
  position: relative;
  display: block;
/*  background: var(--content-bg);
  border: 1px solid var(--content-border-color);*/
  border-radius: 30px;
  font-size: 0.8em;
  width: 100%;
  margin: 0 0 1em 0;
  padding: 10px;
}
.author-picture {
  float: left;
}
.author-picture img {
  width: auto;
  height: 25px;
  margin: 0 6px 0 0;
}
.node-submitted-details {
  margin: 0;
  padding: 0;
}
.node-submitted-details i {
  margin: 0 0 0 1em;
/*  color: var(--theme-color);*/
}
.node-submitted-details i.user-icon {
  margin-left: 0;
}

/* Main -> node -> taxonomy and links */
.node-taxonomy-container,
.node-links-container {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 1em 0;
/*  border-top: 1px solid var(--border-color);*/
}
h3.term-title {
  margin: 0;
  font-size: 1.2em;
  line-height: 1;
}
ul.taxonomy-terms {
  margin: 1em 0 0.2em 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
}
li.taxonomy-term {
  position: relative;
  display: inline-block;
}
li.taxonomy-term a {
  padding: 6px 14px;
/*  border: 2px solid var(--border-color);*/
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
li.taxonomy-term a:hover {
/*  background: var(--theme-color);*/
  color: #fff;
}
li.taxonomy-term a::before {
  content: '#';
  margin-right: 5px;
}
.node-links-container ul.links {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
}
ul.inline,
ul.links.inline {
  display: inline;
  padding-left: 0;
}
ul.inline li {
  position: relative;
  display: inline-block;
  padding: 0;
  list-style-type: none;
}
ul.inline li a {
  display: inline-block;
}
.node-links-container li {
  float: left;
  margin-right: 1em;
}

/* read more link */
li.node-readmore {
  float: right;
  margin: 0;
}
li.node-readmore a {
  position: relative;
/*  border: 2px solid var(--theme-color);*/
  border-radius: 30px;
  padding: 0.4em 0.8em;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
li.node-readmore a:hover {
/*  color: var(--theme-color);*/
  padding: 0.4em 3em 0.4em 0.8em;
}
li.node-readmore a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  height: 2px;
  width: 0;
/*  background: var(--theme-color);*/
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
li.node-readmore a:hover::after {
  width: 2em;
}
.comment-comments a::before,
.comment-add a::before { font-family: 'Icomoon'; padding-right: 6px; }
.comment-comments a::before{
  content: "\e911";
}
.comment-add a::before {
  content: "\e910";
}

/* Main -> node -> pager */
nav.pager {
  position: relative;
}
.pager ul.pager__items {
  position: relative;
  margin: 0;
  padding: 1em 0;
  list-style: none;
  list-style-type: none;
}
.pager__items {
  clear: both;
  text-align: center;
}
.pager__item {
  display: inline-block;
  padding: 12px 0;
}
.pager__item a {
  padding: 8px 14px;
/*  background: var(--content-bg);*/
  border-radius: 4px;
}
.pager__item a:hover,
.pager__item.is-active a {
/*  background: var(--theme-color);*/
  color: #fff;
}

/* Search result page
--------------------------------------*/
.page-content input[type="search"] {
  width: 80%;
}
ol.search-results {
  margin: 1em 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
}
ol.search-results li {
  margin: 0 0 1em 0;
  padding: 1em;
/*  background: var(--content-bg);*/
}
.search-advanced summary {
  margin: 10px 0; cursor: pointer; }
.search-advanced .form-details-wrapper { padding: 0.5em 1.4em; }
.search-advanced .form-wrapper { padding: 0.5em 1.4em; }

/* Node Content
----------------------------------- */
.sidebar .block { padding: 20px; margin-bottom: 2em; border-radius: 6px; }
.sidebar .block-title { background-size: contain; line-height: 1; padding-bottom: 0.3em;
  background: url(../images/circle.svg) no-repeat top right; }
.sidebar ul, .sidebar ol { margin: 0; padding: 0; }
.sidebar ul { list-style: none; }
.sidebar li {  padding: 6px 0; }

/* Forms in sidebar */
.sidebar input[type="text"], .sidebar input[type="email"], .sidebar input[type="url"],
.sidebar input[type="password"], .sidebar input[type="search"], textarea { width: 100%; }
ul.social-icons { margin: 0; padding: 0; list-style: none; }
.social-icons li { display: inline-block; margin: 0 0 6px 6px; padding: 0; border: 0; }
.social-icons li a { width: 44px; height: 44px; line-height: 42px; text-align: center;
    padding: 0; transition: all 0.3s ease-in-out; }
.social-icons li a:hover { border-radius: 6px; }

.block-section .block-title { margin-bottom: 0.7em; }
.block-section .block-title::before, .block-section .block-title::after { position: absolute;
    content: ''; left: 0; height: 1px; }
.block-section .block-title::before { bottom: 0; width: 30px; }
.block-section .block-title::after { bottom: -6px; width: 45px; }

/* Highlighted Block Region */
.highlighted { position: relative; width: 100%; margin: 2em 0 1em 0; padding: 0; }
.region-highlighted { display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
    flex-direction: column; }
.highlighted .block { position: relative; margin: 0; padding: 1em 0; }
.highlighted p:last-child {
  margin: 0;
}


/* Block title */
.homepage-content .block-title {
  text-align: center;
  margin-bottom: 1em;
}
.homepage-content .block-title::before {
  position: absolute;
  content: '';
  width: 40px;
  height: 2px;
/*  background: var(--theme-color);*/
  top: 50%;
  transform: translateX(-50px);
}
.homepage-content .block-title::after {
  position: absolute;
  content: '';
  width: 40px;
  height: 2px;
/*  background: var(--theme-color);*/
  top: 50%;
  transform: translateX(10px);
}

/* Comments
--------------------------------------*/
#node-comment {
  position: relative;
  margin: 0;
/*  border-top: 1px solid var(--border-color);*/
}
#node-comment i {
/*  color: var(--theme-color);*/
}
.comments-title i {
  font-size: 1em;
}

/* Comments -> comment form. */
.comment-form-wrap {
  position: relative;
  margin: 2em 0 1em 0;
}
.add-comment-title {
  margin: 0;
}
.add-comment-title i {
  font-size: 1em;
}
.comment-form label {
  display: block;
}

/* Comments -> single comment */
.single-comment {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1em;
  padding: 10px 0;
/*  background: var(--content-bg);*/
}
.comment-user-picture {
  position: relative;
  padding: 0 4px;
/*  border-right: 1px solid var(--border-color);*/
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
}
.comment-user-picture img {
  max-width: 100px;
  height: auto;
}
h3.single-comment-title {
  margin: 0.1em 0;
  font-size: 1.2em;
}
.single-comment-meta {
  width: 100%;
  margin-bottom: 6px;
  padding-bottom: 6px;
  font-size: 0.9em;
/*  border-bottom: 1px solid var(--border-color);*/
}
.single-comment-content-body {
  position: relative;
  padding: 0 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}
#node-comment .indented {
  margin-left: 4em;
}
.comment-delete,
.comment-edit {
  margin-right: 0.8em;
}
.comment-reply a,
.comment-delete a,
.comment-edit a {
  padding: 4px 16px;
  color: #fff;
/*  background: var(--theme-color);*/
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.comment-reply a:hover,
.comment-delete a:hover,
.comment-edit a:hover {
/*  background: var(--theme-color-two);*/
  color: #fff;
}

/* Animated expanding textarea */
.form-textarea {
  height: 100px;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
.form-textarea:focus {
  height: 180px;
}

/* Footer -> Scroll To Top. */
.scrolltop {
  position: fixed;
  display: none;
  right: 10px;
  bottom: 10px;
  width: 50px;
  height: 50px;
  line-height: 42px;
  border-radius: 50%;
/*  background: var(--theme-color);*/
  color: #fff;
  font-size: 20px;
  z-index: 20;
  cursor: pointer;
  text-align: center;
  padding: 4px;
}
.scrolltop-icon {
  border-radius: 50%;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.scrolltop:hover {
/*  background: var(--theme-color-two);*/
}
/* Custom Shortcodes
-------------------------------------------*/
/* Shortcodes -> Text align */
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.center {
  margin: 0 auto;
}

/* Shortcodes -> Text Size */
.size-2x {
  font-size: 2em;
}
.size-3x {
  font-size: 3em;
}
.size-4x {
  font-size: 4em;
}
.size-5x {
  font-size: 5em;
}
.size-6x {
  font-size: 6em;
}

/* Shortcodes -> container width */
.width30,
.width40,
.width50,
.width60,
.width70,
.width80,
.width90 {
  width: 100%;
  clear: both;
  display: block;
}

/* Shortcodes -> Empty space */
.empty {
  position: relative;
  width: 100%;
  height: 2em;
  clear: both;
}
/* Shortcodes -> Color */
.theme-color {
/*  color: var(--theme-color);*/
}

/* Button
-------------------------------------------*/
.button-link,
a.button-link {
  display: inline-block;
  font-family: 'Roboto Bold'; font-weight: 700; color: #ffffff; border-radius: 50px;
  padding: 9px 22px;  transition: 0.3s ease-in-out; }
.button-link:hover,
a.button-link:hover {
/*  color: var(--theme-color);*/
  background: transparent;
}

/* Services
-------------------------------------------*/
.service {
  background: #ffffff;
  padding: 1em;
  border-radius: 0;
  box-shadow: 0 0 20px #cacbda;
  transition: all 0.5s ease-in-out;
}
.service:hover {
  border-radius: 30px 0;
  transform: translateY(-1em);
}
.service-icon {
  margin-bottom: 1em;
}
.service-icon img {
  max-height: 50px;
  width: auto;
}
.service-icon i {
  font-size: 3em;
/*  color: var(--theme-color);*/
}

.service .button-link,
.service a.button-link {
/*  color: var(--theme-color);*/
  background: transparent;
/*  border: 2px solid var(--theme-color);*/
}
.service .button-link:hover,
.service a.button-link:hover {
  color: #ffffff;
/*  background: var(--theme-color);*/
}
/* Features
-------------------------------------------*/
.feature {
  background: #ffffff;
  padding: 1em;
  box-shadow: 0 0 10px #cacbda;
  transition: all 0.5s ease-in-out;
  text-align: center;
}
.feature-icon {
  margin-bottom: 1em;
}
.feature-icon img {
  max-height: 50px;
  width: auto;
}
.feature-icon i {
  font-size: 3em;
/*  color: var(--bold-color);*/
}
.feature:hover {
/*  background: var(--theme-color);*/
  color: #ffffff;
  transform: translateY(-10px);
}
.feature .button-link:hover,
.feature a.button-link:hover {
  border: 2px solid #ffffff;
}

/* Animation
-------------------------------------------- */
/*slide up */
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;
    -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }


.home-block-cicle1 {
  position: absolute;
  left: 5%;
  top: 10%;
  background: #f3e7f0;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  -webkit-animation: circle-size 4s linear infinite alternate;
  animation: circle-size 4s linear infinite alternate;
}

.home-block-cicle2 {
  position: absolute;
  right: 5%;
  bottom: 20%;
  background: #f3e7f0;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  -webkit-animation: circle-size 7s linear infinite alternate;
  animation: circle-size 7s linear infinite alternate;
}

.home-block-cicle3 {
  position: absolute;
  left: 3%;
  bottom: 5%;
  background: #f9b6b4;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  -webkit-animation: circle-move 5s linear infinite alternate;
  animation: circle-move 5s linear infinite alternate;
}








/*****************************************************************************/
/****** THE  END                                                        *****/
/***************************************************************************/

/**** deleted on 10/10/21
/******************************************************************************/
/* slider */
/*.slider { height: 100vh; width: 100%; z-index: 20; overflow: hidden; margin-top: -65px; }
.slider-container { display: flex; justify-content: space-between; align-items: center;
    width: 100%; height: 100vh; z-index: 20; overflow: hidden; }
.slider-item { position: absolute; width: 100%; z-index: 20; }
.slider-text { z-index: 100; max-width: 70%; text-align: center; vertical-align: middle;
    margin: auto 15%; }
.slider-image { flex-grow: 1; flex-basis: 40%; z-index: 20; top: 0; height: 100%; }
.slider-image img { height: 100%; }
.slider-container ul { padding: 0; }
.morphist > * { display: none; }
.morphist > .animated { display: inline-block; }
.morphist { text-align: center; }*/


/**** deleted at 22/6/21
/******************************************************************************/
/* Column
--------------------------------*/
/*.section {
  width: 100%;
  clear: both;
  padding: 1.6em 0;
}
.row {
  width: 100%;
  clear: both;
  margin-bottom: 1em;
}
.full {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin: 0;
}
.item {
  margin: 0 0 2em 0;
  padding: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
}*/

/* Main -> Node */
/*.node,
.node-promoted,
.node-sticky,
.node-view-mode-full,
.node-unpublished {
  position: relative;
}*/

/* Sidebar
--------------------------------*/
/* Common for both sidebar */
/*.sidebar {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}*/

/* Left sidebar + Right sidebar*/
/*#sidebar-left,
#sidebar-right,
.two-sidebar #sidebar-left,
.two-sidebar #sidebar-right {
  float: left;
}*/
/******************************************************************************/

/** deleted at may 21 **/
/******************************************************************************/

/* Drupal Core
----------------------------------- */
/* Admin Toolbar */
/*button.toolbar-item,
button.toolbar-icon { background: none; }*/

/* Main
--------------------------------*/
/* Main common for all */
/*#main {
  position: relative;
}
 No sidebar + main
.no-sidebar #main {
  width: 100%;
  margin: 0;
  padding: 0;
}
.sidebar-left #main,
.sidebar-right #main,
.two-sidebar #main {
  width: 100%;
  margin: 0 0 2em 0;
  float: none;
}*/
/******************************************************************************/

/************header*******/



/***********page kind*************/

page-kind .page-content.content-right.two-columns .idcard-block.kind-idcard {
  
}
.idcard-block .kind-picture .picture-boy {
  
}
.info-rank.info-item {
  
}
.idcard-block {
 
}
.idcard-block .info-id {

}
.idcard-block .kind-picture {

}
.idcard-block .box-picture {
  
}
.idcard-block .kind-item {
  
}
.idcard-block .kind-picture.kind-item {
  /*box-shadow: 0px 0px 10px 5px #d2e5eb;*/
  
}
.kind-info.kind-item {
  

}




@media print {
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}