/*
Theme Name: TikTak School 2
Theme URI: http://sogo.co.il/
Author: Oren Havshush
Author URI: https://sogo.co.il/
Description: Tik Tak School Theme.
Version: 1.0
License: Commercial Use only
License URI: Commercial Use only
Text Domain: sogoc
Template: tiktak-school
*/
/* reset.less  */
html,
body {
    border: 0;
    font-family: Arial, sans-serif;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

div,
span,
object,
iframe,
img,
caption,
thead,
tbody,
tfoot,
tr,
tr,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
    border: 0;
}

div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
    display: block;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

table caption,
table th,
table td {
    vertical-align: middle;
}

a img {
    border: 0;
}

:focus {
    outline: 0;
}

/* mixin.less */
/* end mixin.less */
/*  variables.less  */
.color-green {
    color: green;
}

.color-red {
    color: #d9534f;
}

.oren {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.color-black {
    color: #000 !important;
}

.color-gray-bg-light {
    background-color: #ebebeb;
}

.color-gray-bg-lighter {
    background-color: #ebebeb;
}

.color-gray-bg-lighter-2 {
    background-color: #ebebeb;
}

.color-gray-bg {
    background-color: #7D7B7C;
}

.color-gray-bg-dark {
    background-color: rgba(0, 0, 0, 0.44);
}

.border-bottom-gray-dark {
    border-bottom: 2px solid #eaeaea;
}

.ltr {
    direction: ltr;
}

/* fonts  */
@font-face {
    font-family: 'icomoon';
    src: url('css/fonts/icons/icomoon.eot?pvslt4');
    src: url('css/fonts/icons/icomoon.eot?pvslt4#iefix') format('embedded-opentype'), url('css/fonts/icons/icomoon.ttf?pvslt4') format('truetype'), url('css/fonts/icons/icomoon.woff?pvslt4') format('woff'), url('css/fonts/icons/icomoon.svg?pvslt4#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-settings:before {
    content: "\e900";
}

.icon-log_out:before {
    content: "\e901";
}

.icon-school:before {
    content: "\e902";
}

.icon-contact:before {
    content: "\e903";
}

.icon-support:before {
    content: "\e904";
}

.icon-news:before {
    content: "\e905";
}

.icon-adraha:before {
    content: "\e906";
}

.icon-view_website:before {
    content: "\e907";
}

.icon-pages:before {
    content: "\e908";
}

.icon-resources:before {
    content: "\e909";
}

.icon-news2:before {
    content: "\e90a";
}

.icon-messages:before {
    content: "\e90b";
}

.icon-entries:before {
    content: "\e90c";
}

.icon-forum:before {
    content: "\e90d";
}

.icon-edit:before {
    content: "\e90e";
}

.icon-list:before {
    content: "\e90f";
}

.icon-double_arrow:before {
    content: "\e910";
}

.icon-colors:before {
    content: "\e911";
}

.icon-calendar:before {
    content: "\e912";
}

.icon-fonts:before {
    content: "\e913";
}

.icon-earth:before {
    content: "\e914";
}

.icon-header:before {
    content: "\e915";
}

.icon-eye:before {
    content: "\e916";
}

.icon-layers:before {
    content: "\e917";
}

.icon-picture:before {
    content: "\e918";
}

.icon-footer:before {
    content: "\e919";
}

.icon-pencil:before {
    content: "\e91a";
}

.icon-map:before {
    content: "\e91b";
}

.icon-middle:before {
    content: "\e91c";
}

.icon-patiah:before {
    content: "\e91d";
}

.icon-users:before {
    content: "\e91e";
}

.icon-news3:before {
    content: "\e91f";
}

.icon-table:before {
    content: "\e920";
}

.icon-bag:before {
    content: "\e921";
}

.icon-link:before {
    content: "\e922";
}

.icon-gift:before {
    content: "\e923";
}

.icon-chat:before {
    content: "\e924";
}

.icon-rss:before {
    content: "\e925";
}

.icon-flash:before {
    content: "\e926";
}

.icon-table-left:before {
    content: "\e927";
}

.icon-add_page:before {
    content: "\e928";
}

.icon-menu:before {
    content: "\e929";
}

.icon-pages2:before {
    content: "\e92a";
}

.icon-hand:before {
    content: "\e92b";
}

.icon-dashboard:before {
    content: "\e92c";
}

.icon-settings2:before {
    content: "\e92d";
}

.icon-search:before {
    content: "\e92e";
}

.icon-arrow_down:before {
    content: "\e92f";
}

.icon-eye2:before {
    content: "\e930";
}

.icon-dialog:before {
    content: "\e931";
}

.icon-pages3:before {
    content: "\e932";
}

.icon-pen:before {
    content: "\e933";
}

.icon-close:before {
    content: "\e934";
}

.icon-bin:before {
    content: "\e935";
}

.icon-plus:before {
    content: "\e936";
}

.icon-minus:before {
    content: "\f068";
}

.icon-edit2:before {
    content: "\e937";
}

.icon-category_list:before {
    content: "\e938";
}

.icon-new_category:before {
    content: "\e939";
}

.icon-new_adraha:before {
    content: "\e93a";
}

.icon-sort:before {
    content: "\e93b";
}

.icon-page:before {
    content: "\e93c";
}

.icon-video:before {
    content: "\e93d";
}

.icon-contact_new:before {
    content: "\e93e";
}

.icon-contact2:before {
    content: "\e93f";
}

.icon-active:before {
    content: "\e940";
}

.icon-frozen:before {
    content: "\e941";
}

.icon-new:before {
    content: "\e942";
}

.icon-deleted:before {
    content: "\e943";
}

.icon-not_changed:before {
    content: "\e944";
}

.icon-dashboard2:before {
    content: "\e945";
}

.icon-site_list:before {
    content: "\e946";
}

.icon-arrow_down2:before {
    content: "\e947";
}

.icon-arrow_left:before {
    content: "\e948";
}

.icon-arrow_right:before {
    content: "\e949";
}

.icon-arrow_up:before {
    content: "\e94a";
}

.icon-froze:before {
    content: "\e94b";
}

.icon-delete:before {
    content: "\e94c";
}

.icon-add_person:before {
    content: "\e94d";
}

.icon-tavnit:before {
    content: "\e94e";
}

.icon-clear:before {
    content: "\e94f";
}

.icon-archieve:before {
    content: "\e950";
}

.icon-newpage:before {
    content: "\e951";
}

.icon-user:before {
    content: "\e952";
}

.icon-aboutus:before {
    content: "\e953";
}

.icon-BusinessCard:before {
    content: "\e954";
}

.icon-manager:before {
    content: "\e955";
}

.icon-manager-blog:before {
    content: "\e956";
}

.icon-Ringtones:before {
    content: "\e957";
}

.icon-clock:before {
    content: "\e958";
}

.icon-Vacations:before {
    content: "\e959";
}

.icon-newform:before {
    content: "\e95a";
}

.icon-form:before {
    content: "\e95b";
}

.icon-pdf:before {
    content: "\e95c";
}

.icon-word:before {
    content: "\e95d";
}

.icon-book:before {
    content: "\e95e";
}

.icon-media:before {
    content: "\e95f";
}

.icon-newuser:before {
    content: "\e960";
}

.icon-editmenu:before {
    content: "\e961";
}

.icon-categorylist:before {
    content: "\e962";
}

.icon-newcategory:before {
    content: "\e963";
}

/*
.icon-settings:before {
  content: "\e902";
}
.icon-logout:before {
  content: "\e924";
}
.icon-school:before {
  content: "\e925";
}
.icon-contact:before {
  content: "\e926";
}
.icon-support:before {
  content: "\e927";
}
.icon-news:before {
  content: "\e928";
}
.icon-adraha:before {
  content: "\e929";
}
.icon-view_site:before {
  content: "\e92a";
}
.icon-pages:before {
  content: "\e92b";
}
.icon-new_resources:before {
  content: "\e92c";
}
.icon-news2:before {
  content: "\e92d";
}
.icon-messages:before {
  content: "\e92e";
}
.icon-knisot:before {
  content: "\e92f";
}
.icon-forum:before {
  content: "\e930";
}
.icon-edit:before {
  content: "\e931";
}
.icon-list:before {
  content: "\e932";
}
.icon-arrow:before {
  content: "\e933";
}
.icon-colors:before {
  content: "\e934";
}
.icon-calander:before {
  content: "\e935";
}
.icon-fonts:before {
  content: "\e936";
}
.icon-earth:before {
  content: "\e937";
}
.icon-header:before {
  content: "\e938";
}
.icon-eye:before {
  content: "\e939";
}
.icon-bag:before {
  content: "\e93a";
}
.icon-layers:before {
  content: "\e93b";
}
.icon-picture:before {
  content: "\e93c";
}
.icon-footer:before {
  content: "\e93d";
}
.icon-gift:before {
  content: "\e93e";
}
.icon-pencil:before {
  content: "\e93f";
}
.icon-map:before {
  content: "\e940";
}
.icon-middle:before {
  content: "\e941";
}
.icon-patiach:before {
  content: "\e942";
}
.icon-users:before {
  content: "\e943";
}
.icon-news3:before {
  content: "\e944";
}
.icon-table:before {
  content: "\e945";
}
.icon-linkes:before {
  content: "\e946";
}
.icon-message:before {
  content: "\e947";
}
.icon-rss:before {
  content: "\e948";
}
.icon-flash:before {
  content: "\e949";
}
.icon-table-left:before {
  content: "\e94a";
}
.icon-add-page:before {
  content: "\e94b";
}
.icon-menu:before {
  content: "\e94c";
}
.icon-pages2:before {
  content: "\e94d";
}
.icon-hand:before {
  content: "\e94e";
}
.icon-Definitions:before {
  content: "\e94f";
}
.icon-Definitions2:before {
  content: "\e950";
}
.icon-glass:before {
  content: "\e951";
}
.icon-upwordarrrow:before {
  content: "\e952";
}
.icon-DownArrow:before {
  content: "\e953";
}
.icon-eye2:before {
  content: "\e954";
}
.icon-message2:before {
  content: "\e955";
}
.icon-pages3:before {
  content: "\e956";
}
.icon-pen:before {
  content: "\e957";
}
.icon-X:before {
  content: "\e958";
}
.icon-tin:before {
  content: "\e959";
}
.icon-X2:before {
  content: "\e95a";
}
.icon-chevron-up:before {
  content: "\e95b";
}
.icon-plus:before {
  content: "\e95c";
}
.icon-arrowleft:before {
  content: "\e95d";
}
.icon-download_icon:before {
  content: "\e900";
}
.icon-download_icon2:before {
  content: "\e901";
}
.icon-icon_contact1:before {
  content: "\e903";
}
.icon-icon_contact2:before {
  content: "\e904";
}
.icon-icon_contact3:before {
  content: "\e905";
}
.icon-icon_contact4:before {
  content: "\e906";
}
.icon-icon_contact5:before {
  content: "\e907";
}
.icon-icon_eachProject1:before {
  content: "\e908";
}
.icon-icon_eachProject3:before {
  content: "\e909";
}
.icon-icon_eachProject4:before {
  content: "\e90a";
}
.icon-icon_eachProject5:before {
  content: "\e90b";
}
.icon-icon_eachProject6:before {
  content: "\e90c";
}
.icon-icon_meshulash_EzorEishi:before {
  content: "\e90d";
}
.icon-icon_V_EzorEishi:before {
  content: "\e90e";
}
.icon-icon_X_PopUp:before {
  content: "\e90f";
}
.icon-iconAboutUs2:before {
  content: "\e910";
}
.icon-iconAboutUs3:before {
  content: "\e911";
}
.icon-iconArrow:before {
  content: "\e912";
}
.icon-iconArrow2:before {
  content: "\e913";
}
.icon-iconFooter1:before {
  content: "\e914";
}
.icon-iconHome1:before {
  content: "\e915";
}
.icon-iconHome2:before {
  content: "\e916";
}
.icon-iconHome3:before {
  content: "\e917";
}
.icon-iconHome4:before {
  content: "\e918";
}
.icon-iconHome5:before {
  content: "\e919";
}
.icon-iconHome6:before {
  content: "\e91a";
}
.icon-iconHome7:before {
  content: "\e91b";
}
.icon-iconHome8:before {
  content: "\e91c";
}
.icon-iconMetodology1:before {
  content: "\e91d";
}
.icon-iconMetodology2:before {
  content: "\e91e";
}
.icon-iconMetodology3:before {
  content: "\e91f";
}
.icon-iconMetodology4:before {
  content: "\e920";
}
.icon-iconMetodology5:before {
  content: "\e921";
}
.icon-iconMetodology6:before {
  content: "\e922";
}
.icon-iconMetodology7:before {
  content: "\e923";
}*/
/* base.less */
body {
    font-family: 'Alef', Arial, sans-serif;
    font-size: 14px;
    color: #5e5e5e;
}

@media (min-width: 992px) {
    body {
        font-size: 14px;
    }
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: #55c1e7;
}

a:hover,
a:active,
a:focus {
    text-decoration: underline;
    color: #3fb9e4;
}

p {
    font-size: 14px;
    line-height: 1.3;
}

@media (min-width: 1200px) {
    p {
        font-size: 16px;
    }
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

nav li {
    list-style: none;
    display: table-cell;
    position: relative;
}

@media (min-width: 768px) {
    nav li ul {
        z-index: 999999;
        position: absolute;
        right: -9999px;
    }
}

nav li a {
    font-size: 14px;
}

@media (min-width: 768px) {
    nav li:hover ul,
    nav li:focus ul,
    nav li:active ul {
        right: 0;
    }
}

table > thead > tr > th {
    text-align: right;
}

.width-50 {
    width: 50%;
}

.width-30 {
    width: 30%;
}

.width-20 {
    width: 20%;
}

.width-10 {
    width: 10%;
}

select::-ms-expand {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Good browsers :) */
    opacity: 0;
}

::-webkit-input-placeholder {
    color: #ccc;
    font-size: 1.143em;
}

::-moz-placeholder {
    color: #ccc;
    font-size: 1.143em;
}

/* Firefox 19+ */
:-moz-placeholder {
    color: #ccc;
    font-size: 1.143em;
}

/* Firefox 18- */
:-ms-input-placeholder {
    color: #ccc;
    font-size: 1.143em;
}

input:-moz-placeholder {
    color: #ccc;
    font-size: 1.143em;
}

input:-ms-input-placeholder {
    color: #ccc;
    font-size: 1.143em;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

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

a.skip-link {
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

a.skip-link:focus,
a.skip-link:active {
    color: #fff;
    background-color: #000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    border-radius: 15px;
    border: 4px solid yellow;
    text-align: center;
    font-size: 1.2em;
    z-index: 999;
}

.vertical-center {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*padding*/
.top-padding {
    padding-top: 25px;
}

.bottom-padding {
    padding-bottom: 25px;
}

.left-padding {
    padding-left: 25px;
}

.right-padding {
    padding-right: 25px;
}

.top-padding-sm {
    padding-top: 20px;
}

.bottom-padding-sm {
    padding-bottom: 20px;
}

.right-padding-sm {
    padding-right: 20px;
}

.left-padding-sm {
    padding-left: 20px;
}

.right-padding-md {
    padding-right: 25px;
}

.left-padding-md {
    padding-left: 25px;
}

.top-padding-xs {
    padding-top: 10px;
}

.bottom-padding-xs {
    padding-bottom: 10px;
}

.right-padding-xs {
    padding-right: 10px;
}

.left-padding-xs {
    padding-left: 10px;
}

.right-padding-lg {
    padding-right: 50px;
}

.left-padding-lg {
    padding-left: 50px;
}

.top-padding-lg {
    padding-top: 50px;
}

.bottom-padding-lg {
    padding-bottom: 50px;
}

.padding-sm {
    padding: 20px;
}

/*margin*/
.bottom-margin {
    margin-bottom: 30px;
}

.top-margin-sm {
    margin-top: 20px;
}

.left-margin-xs {
    margin-left: 10px;
}

.bottom-margin-sm {
    margin-bottom: 20px;
}

.right-margin-sm {
    margin-right: 20px;
}

.right-margin-xs {
    margin-right: 10px;
}

.top-margin-xs {
    margin-top: 10px;
}

.bottom-margin-xs {
    margin-bottom: 10px;
}

.bottom-margin-4 {
    margin-bottom: 4px;
}

.bottom-margin-2 {
    margin-bottom: 2px;
}

.top-margin-lg {
    margin-top: 50px;
}

.bottom-margin-lg {
    margin-bottom: 50px;
}

.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.display-table {
    display: table;
}

.display-inline-flex {
    display: inline-flex;
}

.title-line {
    height: 4px;
}

.i-xs {
    font-size: 1.142em;
}

.content-line {
    border-bottom: 2px solid #f6f6f6 !important;
    padding-bottom: 10px;
    padding-top: 10px;
}

.content-line .h6 {
    margin: 0;
}

.content-line-lg {
    line-height: 3.5;
}

.line-height-base {
    line-height: 1.5;
}

.no-padding {
    padding: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin-top {
    margin-top: 0;
}

.line-footer {
    padding-top: 10px;
    padding-bottom: 10px;
}

.line-footer a {
    padding-right: 20px;
}

.color-transparent {
    color: transparent;
}

.bg-gray {
    background-color: #f6f6f6;
}

.color-black-bg {
    background-color: black;
}

.color-white {
    color: #fff;
}

.color-white-bg-light {
    background-color: #fff;
}

.color-white-important {
    color: #fff !important;
}

button.color-white:hover,
a.color-white:hover,
button.color-white:active,
a.color-white:active,
button.color-white:focus,
a.color-white:focus {
    color: #ffffff;
}

.title-line-color-white {
    border-bottom: 4px solid #fff;
}

.color-gray {
    color: gray;
}

.color-gray-light {
    color: #e6e6e6;
}

.color-black {
    color: #000;
}

.img-circle {
    width: 230px;
    height: 230px;
    border-radius: 50%;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.two-columns {
    column-count: 2;
}

.opacity-text-img {
    opacity: 0.5;
    height: 40px;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding-right: 25px;
}

.opacity-text-img > h3 {
    position: relative;
}

.two-line-title {
    max-height: 36px;
    overflow: hidden;
}

.border-bottom-gray {
    border-bottom: 2px solid #f6f6f6;
    margin-bottom: 20px;
}

.no-border {
    border: none !important;
}

.position-absolute {
    position: absolute;
}

.position-relative {
    position: relative;
}

.text-bold {
    font-weight: bold;
}

.input-sm {
    min-height: 2.142em;
}

.input-md {
    min-height: 2.4em;
}

.link {
    color: #55c1e7;
}

.link:hover,
.link:active,
.link:focus {
    text-decoration: none;
    color: #3fb9e4;
}

.text-size {
    font-size: 14px;
}

.font-weight-normal {
    font-weight: normal;
}

.vertical-align {
    vertical-align: bottom;
}

.padding-bottom {
    padding-bottom: 30px;
}

.line-colors {
    min-height: 0.428em;
}

.font-lg {
    font-size: 4.285em;
}

/* H Text */
.the_post_content h1 {
    display: block;
    font-size: 2em !important;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.the_post_content h2 {
    display: block;
    font-size: 1.5em !important;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.the_post_content h3 {
    display: block;
    font-size: 1.17em !important;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.the_post_content ol {
    margin-right: 15px;
}

.the_post_content p {
    margin-top: 10px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.h1 {
    font-size: 4em;
}

@media (max-width: 767px) {
    .h1 {
        font-size: 2.8em;
    }
}

.h2 {
    font-size: 2em;
}

@media (max-width: 767px) {
    .h2 {
        font-size: 1.4em;
    }
}

.h3 {
    font-size: 1.571em;
    line-height: 1.3;
}

.h4 {
    font-size: 1.428em;
}

.h5 {
    font-size: 1.285em;
    line-height: 1.3;
}

.h6 {
    font-size: 1.142em;
}

iframe {
    max-width: 100%;
}

.intro-div {
    overflow: hidden;
}

.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

/*  END H Text */
/* header.less  */
/* NavBar-Top */
#menu-top li .sub-menu li.menu-item-has-children:before {
    top: 22px;
    left: 10px;
}

.merchav_admin_label {
    font-size: 22px;
    font-weight: normal;
}

@media (max-width: 768px) {
    .merchav_admin_label {
        font-size: 13px;
    }
}

.class-social_youtube {
    color: #d62424;
}

.class-social_facebook {
    color: #3b5998;
}

.class-social_google {
    color: #4285F4;
}

.class-social_twitter {
    color: #1DA1F2;
}

.class-social_instagram {
    color: #9F479B;
}

.navbar.header-navbar {
    display: block;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .navbar.header-navbar {
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .navbar.header-navbar {
        padding-left: 10px;
        width: 100%;
        float: right;
        /*display: inline;*/
    }
}

.navbar.header-navbar .navbar-collapse {
    padding-right: 0;
}

@media (max-width: 767px) {
    .navbar.header-navbar.navbar-top-header .navbar-toggle {
        margin-right: 0;
        float: right;
        padding: 6px;
        /*border: none;*/
    }
}

@media (max-width: 767px) {
    .navbar.header-navbar.navbar-top-header li {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar.header-navbar.navbar-top-header .navbar-nav li > a {
        color: #fff;
    }

    .navbar.header-navbar.navbar-top-header .navbar-nav li > a span {
        padding-left: 10px;
    }
}

.navbar.header-navbar .navbar-toggle {
    border-color: #ddd;
}

@media (max-width: 767px) {
    .navbar.header-navbar .navbar-toggle {
        margin-right: 0;
        float: right;
        /*border: none;*/
    }
}

.navbar.header-navbar .navbar-toggle:hover {
    background-color: #ddd;
}

.navbar.header-navbar .navbar-toggle .icon-bar {
    background-color: white;
}

@media (max-width: 767px) {
    .navbar.header-navbar #navbar-top-header .menu-item-has-children:before {
        z-index: 99;
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        right: 280px;
        top: 10px;
        color: white;
    }

    .navbar.header-navbar #navbar-top-header .menu-item-has-children ul .menu-item-has-children:before {
        z-index: 99;
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        right: 200px;
        top: 10px;
        color: white;
    }
}

@media (max-width: 768px) {
    .navbar.header-navbar #navbar-bottom-header {
        width: 100%;
    }
}

.navbar.header-navbar #navbar-bottom-header .nav-justified > li {
    width: 1%;
    display: table-cell;
    text-align: center;
    float: none;
    vertical-align: top;
}

@media (max-width: 767px) {
    .navbar.header-navbar #navbar-bottom-header .nav-justified > li {
        width: auto;
        display: block;
        text-align: right;
    }
}

@media (max-width: 767px) {
    .navbar.header-navbar #navbar-bottom-header li {
        border-bottom: 1px solid #ebebeb;
    }

    .navbar.header-navbar #navbar-bottom-header li.menu-item-has-children {
        border-bottom: none;
    }

    .navbar.header-navbar #navbar-bottom-header li.menu-item-has-children .sub-menu:hover .sub-menu {
        display: block;
    }

    .navbar.header-navbar #navbar-bottom-header li.menu-item-has-children:hover > ul {
        display: block;
    }

    .navbar.header-navbar #navbar-bottom-header li.menu-item-has-children:hover > ul .sub-menu {
        display: none;
    }

    .navbar.header-navbar #navbar-bottom-header li.menu-item-has-children:before {
        z-index: 99;
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        left: 4px;
        top: 0;
        color: #a5a5a5;
    }
}

@media (min-width: 992px) {
    .navbar.header-navbar #navbar-bottom-header li {
        width: auto;
    }
}

.navbar.header-navbar #navbar-bottom-header li:hover,
.navbar.header-navbar #navbar-bottom-header li:focus,
.navbar.header-navbar #navbar-bottom-header li:active {
    background-color: #fff;
}

.navbar.header-navbar #navbar-bottom-header li:hover > .sub-menu,
.navbar.header-navbar #navbar-bottom-header li:focus > .sub-menu,
.navbar.header-navbar #navbar-bottom-header li:active > .sub-menu {
    display: block;
    right: 0;
}

.navbar.header-navbar #navbar-bottom-header li:hover > .sub-menu li a,
.navbar.header-navbar #navbar-bottom-header li:focus > .sub-menu li a,
.navbar.header-navbar #navbar-bottom-header li:active > .sub-menu li a {
    padding: 0;
    display: block;
    text-align: center;
}

@media (max-width: 768px) {
    .navbar.header-navbar #navbar-bottom-header li:hover .sub-menu,
    .navbar.header-navbar #navbar-bottom-header li:focus .sub-menu,
    .navbar.header-navbar #navbar-bottom-header li:active .sub-menu {
        display: block;
    }
}

.navbar.header-navbar #navbar-bottom-header li > a {
    padding-right: 30px;
    font-size: 1.285em;
    /*font-family: @font-family-base;*/
    color: #5e5e5e;
}

@media (min-width: 768px) {
    .navbar.header-navbar #navbar-bottom-header li > a {
        padding-top: 14px;
        padding-left: 20px;
        padding-right: 50px;
    }

    .navbar.header-navbar #navbar-bottom-header ul {
        display: -webkit-inline-box;
    }

    .navbar #navbar-top-header div .navbar-nav {
        display: -webkit-inline-box;
    }
}

.navbar.header-navbar #navbar-bottom-header li span {
    position: absolute;
    right: 17px;
    top: 13px;
    font-size: 25px;
}

@media (max-width: 768px) {
    .navbar.header-navbar #navbar-bottom-header li span {
        font-size: 18px;
        top: 12px;
        right: 0;
    }
}

.navbar.header-navbar #navbar-bottom-header li:before {
    font-size: 1.785em;
    padding-left: 5px;
    padding-right: 5px;
}

@media (max-width: 767px) {
    .navbar.header-navbar .navbar-nav {
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .navbar.header-navbar .navbar-nav > li {
        float: right;
    }
}

.navbar.header-navbar .navbar-nav li {
    transition: 0.2s;
    display: block;
}

.navbar.header-navbar .navbar-nav li:hover,
.navbar.header-navbar .navbar-nav li:focus,
.navbar.header-navbar .navbar-nav li:active {
    transition: 0.2s;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

@media (min-width: 768px) {
    .navbar.header-navbar .navbar-nav li:hover,
    .navbar.header-navbar .navbar-nav li:focus,
    .navbar.header-navbar .navbar-nav li:active {
        background-color: white;
    }
}

.navbar.header-navbar .navbar-nav li:hover > .sub-menu,
.navbar.header-navbar .navbar-nav li:focus > .sub-menu,
.navbar.header-navbar .navbar-nav li:active > .sub-menu {
    right: 0;
    display: block;
}

.navbar.header-navbar .navbar-nav li .sub-menu {
    width: 250px;
}

@media (min-width: 768px) {
    .navbar.header-navbar .navbar-nav li .sub-menu {
        right: -9999px;
        position: absolute;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-color: #fff;
    }
}

@media (max-width: 767px) {
    .navbar.header-navbar .navbar-nav li .sub-menu {
        padding-right: 15px;
        display: none;
    }

    .navbar.header-navbar .navbar-nav li .sub-menu:hover {
        display: block;
    }
}

.navbar.header-navbar .navbar-nav li .sub-menu a {
    padding-right: 10px;
    font-size: 1.142em;
    font-weight: normal;
    display: block;
}

@media (max-width: 768px) {
    .navbar.header-navbar .navbar-nav li .sub-menu a {
        /*height: 30px;*/
    }
}

@media (min-width: 768px) {
    .navbar.header-navbar .navbar-nav li .sub-menu a {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        vertical-align: bottom;
    }
}

.navbar.header-navbar .navbar-nav li .sub-menu li {
    position: relative;
    border-bottom: 1px solid #f6f6f6;
}

@media (min-width: 768px) {
    .navbar.header-navbar .navbar-nav li .sub-menu li {
        height: 60px;
    }
}

@media (max-width: 767px) {
    .navbar.header-navbar .navbar-nav li .sub-menu li {
        padding-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .navbar.header-navbar .navbar-nav li .sub-menu li.menu-item-has-children :before {
        top: -10px;
    }
}

@media (max-width: 768px) {
    .navbar.header-navbar .navbar-nav li .sub-menu li {
        border-bottom: none;
    }
}

.navbar.header-navbar .navbar-nav li .sub-menu li:hover .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:focus .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:active .sub-menu {
    display: block;
}

.navbar.header-navbar .navbar-nav li .sub-menu li:hover .sub-menu li:hover .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:focus .sub-menu li:hover .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:active .sub-menu li:hover .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:hover .sub-menu li:focus .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:focus .sub-menu li:focus .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:active .sub-menu li:focus .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:hover .sub-menu li:active .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:focus .sub-menu li:active .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:active .sub-menu li:active .sub-menu {
    display: block;
}

.navbar.header-navbar .navbar-nav li .sub-menu li:hover > a,
.navbar.header-navbar .navbar-nav li .sub-menu li:focus > a,
.navbar.header-navbar .navbar-nav li .sub-menu li:active > a {
    font-weight: bold;
}

.navbar.header-navbar .navbar-nav li .sub-menu li:hover > a:focus + .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:focus > a:focus + .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:active > a:focus + .sub-menu {
    right: 100% !important;
}

.navbar.header-navbar .navbar-nav li .sub-menu li:hover .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:focus .sub-menu,
.navbar.header-navbar .navbar-nav li .sub-menu li:active .sub-menu {
    right: 100% !important;
    display: none;
}

.navbar.header-navbar .navbar-nav li .sub-menu .fa-caret-left {
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    line-height: 1.2;
}

.navbar.header-navbar .navbar-nav li .sub-menu .sub-menu {
    top: 0;
}

.navbar.header-navbar .navbar-nav li > a {
    display: inline-block;
    color: #7c7b7b;
    font-size: 1.143em;
    font-weight: bold;
    line-height: 1.2;
    padding-top: 10px;
    padding-left: 35px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.navbar.header-navbar .navbar-nav li > a i {
    font-size: 1.785em;
    padding-left: 5px;
}

.navbar.header-navbar .navbar-nav li > a:hover,
.navbar.header-navbar .navbar-nav li > a:focus,
.navbar.header-navbar .navbar-nav li > a:active {
    text-decoration: none;
    color: #959595;
    background-color: transparent;
}

@media (min-width: 768px) {
    .navbar.header-navbar .navbar-nav li > a:focus,
    .navbar.header-navbar .navbar-nav li > a:hover,
    .navbar.header-navbar .navbar-nav li > a:active {
        background: white;
    }
}

.navbar.header-navbar .navbar-nav li > a:focus + .sub-menu,
.navbar.header-navbar .navbar-nav li > a:hover + .sub-menu,
.navbar.header-navbar .navbar-nav li > a:active + .sub-menu {
    right: 0;
}

.navbar.header-navbar .navbar-nav li > a:focus + .sub-menu li,
.navbar.header-navbar .navbar-nav li > a:hover + .sub-menu li,
.navbar.header-navbar .navbar-nav li > a:active + .sub-menu li {
    right: 0;
}

.hide_site_title {
    display: none;
}

.a_responsive {
    display: none !important;
}

@media (max-width: 767px) {
    .banner-responsive {
        position: fixed;
        border-bottom: 1px solid #d9d9d9;
        width: 100%;
        min-height: 57px;
        background-color: white;
        -webkit-animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-timing-function: ease-in-out;
        animation-name: bounce;
        animation-duration: 1s;
        animation-fill-mode: both;
        z-index: 9;
    }

    .banner-responsive .divschool {
        padding-top: 0px !important;
    }

    .banner-responsive .div-banner-logo img {
        width: 15%;
        float: right;
    }

    .banner-responsive .a_responsive {
        display: block !important;
        padding-top: 20px;
        text-align: right;
        padding-right: 80px;
    }

    .banner-responsive #img_logo_responsive {
        width: 15%;
        float: right;
    }

    .banner-responsive #img_logo_2_responsive {
        width: 15%;
        float: left;
        padding-top: 0px !important;
    }

    .banner-responsive .hide_site_title {
        display: block;
    }

    .banner-responsive #schoolname {
        font-size: 16px;
        position: absolute;
        display: -webkit-box;
        padding-top: 24px;
        padding-right: 55px;
    }

    .banner-responsive h2 {
        font-size: 14px;
        position: absolute;
        display: -webkit-box;
        padding-top: 40px;
    }

    .banner-responsive #schooltext {
        padding-right: 55px;
    }

    #conDiv .left-area .connect-icons {
        margin-left: 239px !important;
    }

    .template-2 #navDiv .navbar .in {
        width: 10000% !important;
    }

    .template-2 #navDiv .navbar .header-navbar {
        width: 10%;
    }

    .template-2 #scoDiv .scobuttons {
        bottom: -28px !important;
        top: auto !important;
    }

    .template-2 .left-area {
        position: absolute !important;
    }

    .drowLogo {
        padding-right: 30%;
    }

    #navDiv .width15 {
        width: 1500%;
    }

    #navDiv .width42 {
        width: 4200%;
    }

    #navDiv .thinWidth {
        width: 10% !important;
    }

    #navDiv .fatWidth {
        width: 100% !important;
    }

    #navDiv .header-navbar {
        z-index: 1;
    }

    #navDiv .header-navbar:active {
        z-index: 9999;
    }

    #navDiv #navbar-top-header {
        padding-left: 0 !important;
        overflow-y: scroll;
        max-height: 24em;
    }

    #scoDiv .scologin {
        top: 12px !important;
    }

    #scoDiv .scobuttons {
        display: inline-block !important;
        padding: 0 !important;
        position: absolute;
        left: 10px;
        top: 12px;
        /* 21/06/18 rivka in bengurion and blich when not login buttons up two match*/
    }

    #scoDiv .scobuttons .top-search {
        top: 5px;
        /*bengurion*/
    }

    #scoDiv .scobuttons .top-search a {
        width: 24px !important;
        height: 24px !important;
        font-size: 1em;
        color: white;
        line-height: 1.6;
    }

    #scoDiv .scobuttons .social-navigation a span {
        width: 16px !important;
        height: 16px !important;
        font-size: 1em;
        padding-right: 22px;
    }

    #username {
        font-size: 11px;
    }

    #password {
        font-size: 11px;
    }

    #div-edu-connect {
        margin-right: -13px !important;
    }

    .div-edu-connect1 {
        margin-right: 0 !important;
        margin-left: 110px;
        margin-top: -13px;
        border: 0 !important;
        height: 10px;
    }

    #conDiv.hideconnect .left-area {
        z-index: 99999 !important;
        /* right: -25% !important;
         float: left !important;*/
        float: right !important;
        right: -3% !important;
        top: 100%;
    }

    #conDiv.hideconnect .left-area #login-form-open,
    #conDiv.hideconnect .left-area .div-edu-connect {
        line-height: 1.8 !important;
        top: 1px !important;
    }

    #conDiv.hideconnect .left-area #login-form-open {
        /*  width: 30%;*/
        right: 25%;
        border-radius: 9%;
    }

    #conDiv.hideconnect .left-area .div-edu-connect {
        position: absolute !important;
        right: -205px;
    }

    .headering #conDiv .left-area .div-edu-connect {
        top: 9px;
        right: 10px;
    }

    .headering #scoDiv {
        position: absolute;
        left: 0;
        width: 100%;
    }

    #Div1con .left-area #login-form-open {
        left: 110px;
    }

    #Div1con form .logged-in {
        padding-right: 12px !important;
    }

    #conDiv .left-area #login-form-open,
    #Div1con .left-area #login-form-open {
        position: absolute !important;
        top: 10px !important;
    }

    #conDiv .left-area #login-form-open:hover,
    #Div1con .left-area #login-form-open:hover,
    #conDiv .left-area #login-form-open:active,
    #Div1con .left-area #login-form-open:active {
        z-index: 9999;
    }

    #conDiv form .login-timer,
    #Div1con form .login-timer {
        padding-right: 19px !important;
        width: 60% !important;
        line-height: 0em !important;
    }

    #conDiv form .logged-in,
    #Div1con form .logged-in {
        height: 25px !important;
        padding-right: 22px !important;
    }

    #conDiv form .logged-in .message-count,
    #Div1con form .logged-in .message-count {
        position: relative;
        top: -22px !important;
        right: -40px !important;
    }

    #conDiv form #dropdownMenu1,
    #Div1con form #dropdownMenu1,
    #conDiv form .connect-school,
    #Div1con form .connect-school {
        font-size: 0.9em !important;
    }

    #conDiv form .message-count,
    #Div1con form .message-count,
    #conDiv form .message-simple,
    #Div1con form .message-simple {
        font-size: 0.7em !important;
        width: 16px !important;
        height: 16px !important;
    }

    #conDiv form .loged-in,
    #Div1con form .loged-in {
        left: -23px;
        padding-bottom: 0 !important;
    }

    #conDiv form .loged-in button,
    #Div1con form .loged-in button {
        height: 31px !important;
        padding-top: 5px;
        text-align: left;
        padding-left: 20px !important;
        padding-bottom: 0 !important;
        left: -6px !important;
    }

    #conDiv form .connect-school,
    #Div1con form .connect-school {
        float: left;
        margin: 0;
        width: 30% !important;
        padding-left: 0px !important;
        color: #fff;
    }

    #conDiv form .connect-school i,
    #Div1con form .connect-school i {
        padding-right: 10px;
    }

    #header-top {
        position: fixed;
        width: 100%;
        z-index: 999999;
        top: 0;
    }

    #header-middle {
        padding-top: 55px;
    }
}

#header-top {
    border-bottom: 1px solid #ebebeb;
}

#header-top .row {
    line-height: 1.2;
}

@media (min-width: 768px) {
    #header-top .container {
        padding-top: 15px;
        padding-bottom: 5px !important;
    }

    #header-top .container-fluid {
        padding-top: 25px;
        padding-bottom: 10px;
        padding-bottom: 20px;
    }
}

#header-top .left-area {
    position: relative;
    display: block;
}

@media (min-width: 768px) {
    #header-top .left-area {
        float: left;
        display: inline-block;
    }
}

@media (max-width: 768px) {
    #header-top .left-area {
        text-align: right;
    }
}

/* END NavBar-Top */
.logo {
    z-index: 999;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .logo {
        margin: 15px auto;
        position: relative !important;
    }
}

.banner-height {
    height: 100% !important;
}

.banner {
    height: 17.8em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.banner .picture_show_text,
.banner .picture_show_text_des {
    height: 72%;
}

@media (min-width: 767px) {
    .banner .picture_show_text_des .h6,
    .banner .picture_show_text_des a {
        height: 88%;
    }
}

@media (max-width: 767px) {
    .banner .picture_show_text,
    .banner .picture_show_text_des {
        height: 12em;
    }

    .banner .h6,
    .banner a {
        height: 100%;
    }
}

.banner-120 {
    max-height: 7.143em;
    height: auto;
}

.banner-150 {
    max-height: 10.714em;
    height: auto;
}

.banner-200 {
    max-height: 14.285em;
    height: auto;
}

.banner-250 {
    max-height: 17.857em;
    height: auto;
}

.banner-300 {
    max-height: 21.428em;
    height: auto;
}

.banner-350 {
    max-height: 25em;
    height: auto;
}

.banner-400 {
    max-height: 28.571em;
    height: auto;
}

.banner-450 {
    max-height: 32.142em;
    height: auto;
}

.banner-500 {
    max-height: 35.714em;
    height: auto;
}

.banner-600 {
    max-height: 42.857em;
    height: auto;
}

.banner-700 {
    max-height: 50em;
    height: auto;
}

.banner-800 {
    max-height: 57.142em;
    height: auto;
}

.video-banner {
    height: 500px;
}

.video-wrapper {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.video-wrapper video {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.embbed-banner {
    height: auto;
}

.embbed-wrapper {
    position: relative;
    height: auto;
    overflow: hidden;
}

.embbed-wrapper .embbed-inner {
    /*position: absolute;*/
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

@media (min-width: 768px) {
    .container-fluid .gallery-site-title {
        position: relative;
    }
}

.img_html {
    cursor: pointer;
}

@media (min-width: 768px) {
    .img_html .gallery-site-title {
        position: relative;
    }
}

.gallery-site-title {
    z-index: 9;
}

@media (min-width: 768px) {
    .gallery-site-title {
        position: absolute;
        padding-top: 30px !important;
    }
}

@media (max-width: 767px) {
    .gallery-site-title {
        padding-top: 0px !important;
        text-align: center;
    }
}

.navbar-fixed-top {
    background: #fff;
}

.navbar-fixed-top + .banner {
    margin-top: 207px;
    margin-top: 92px;
}

@media (max-width: 767px) {
    .navbar-fixed-top + .banner {
        margin-top: 0px;
    }
}

.school-description {
    display: inline-block;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    line-height: 1.2;
    padding-left: 10px;
    z-index: 0;
    color: #fff;
}

@media (min-width: 768px) {
    .school-description {
        padding-right: 100px;
        margin-right: 65px;
        text-shadow: 5px 5px 10px #000;
    }
}

@media (max-width: 767px) {
    .school-description {
        text-shadow: 2px 2px 10px #888;
    }
}

.mediumH1 {
    font-size: 2.4em;
    min-height: 45px !important;
}

.mediumH2 {
    font-size: 1.5em;
}

.col-xs-1 {
    padding-right: 0px !important;
}

#schoolname {
    min-height: 50px;
    white-space: nowrap;
    color: #fff;
}

@media (min-width: 768px) {
    #schoolname {
        text-shadow: 5px 5px 10px #000;
    }
}

@media (max-width: 767px) {
    #schoolname {
        white-space: normal;
        text-shadow: 2px 2px 10px #888;
        padding-right: 0px;
    }
}

@media (max-width: 767px) {
    #schooltext {
        padding-right: 0px;
    }
}

@media (max-width: 768px) {
    .schooltext {
        line-height: 1.3;
    }
}

.form-login .dropdown-menu {
    text-align: center;
    /*:nth-child(2)*/
}

.form-login .dropdown-menu .menu {
    text-align: right;
    padding-right: 5px;
}

.form-login .dropdown-menu .menu > div > li {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}

.form-login .dropdown-menu .menu > div > li a {
    display: flex;
    line-height: 1;
    padding-top: 8px;
    padding-bottom: 8px;
}

.form-login .dropdown-menu .menu > div > li a:before {
    padding-left: 3px;
    font-weight: bold;
}

.form-login .dropdown-menu .menu > div > li:nth-child(1) a:before {
    content: "\e927";
    font-family: 'icomoon' !important;
}

.form-login .dropdown-menu .menu > div > li:nth-child(2) a:before {
    content: "\f0e0";
    font-family: FontAwesome;
}

.form-login .dropdown-menu .menu > div > li:nth-child(3) a:before {
    content: "\f0c6";
    font-family: FontAwesome;
}

.form-login .dropdown-menu .menu > div > li:nth-child(4) a:before {
    content: "\e90c";
    font-family: 'icomoon' !important;
}

.form-login .dropdown-menu .menu > div > li:nth-child(5) a:before {
    content: "\e93c";
    font-family: 'icomoon' !important;
}

.form-login #timer {
    display: inline-block;
}

@media (min-width: 768px) {
    .form-login #timer {
        width: 50px;
    }
}

.form-login .connect {
    width: 85px;
}

@media (max-width: 768px) {
    .form-login .connect {
        width: 45%;
    }
}

@media (max-width: 768px) {
    .form-login #tiktakconnect {
        display: block;
        text-align: right;
        margin-bottom: 5px;
    }

    .form-login #edu-connect-or {
        display: none;
    }
}

.header-top {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

#header-top .scobuttons {
    padding-left: 2px;
    display: inline-block;
    padding-right: 0.5em;
}

#header-top .scobuttons .social-navigation {
    display: inline-block;
    direction: rtl;
}

#header-top .scobuttons .social-navigation ul a {
    margin-left: 5px;
    margin-right: 5px;
}

#header-top .scobuttons .social-navigation ul a span {
    width: 33px;
    height: 33px;
}

#header-top .scobuttons .social-navigation ul a .fa-stack {
    top: -1px;
}

.template-2 .logo {
    vertical-align: baseline;
}

.template-2 .navbar-top-header {
    vertical-align: bottom;
    min-height: inherit;
}

@media (max-width: 767px) {
    .template-2 .navbar-top-header {
        display: inline-block;
        /*  padding-right: 15px;*/
        /*float: left;*/
    }
}

.template-2 .form-login {
    margin-bottom: 0;
    float: none;
}

.template-2#header-top .left-area {
    vertical-align: bottom;
    margin-bottom: 10px;
    position: absolute;
    bottom: 0;
    left: 15px;
}

@media (max-width: 991px) {
    .template-2#header-top .left-area {
        right: 15px;
        float: right;
        position: relative;
        margin-top: 8px;
    }
}

.template-2 .top-search {
    display: inline-block;
    margin-left: 50px;
    /*top: 0;*/
}

.template-2 .sign_out {
    width: 32px;
    height: 32px;
    border-radius: 100%;
}

.template-2 #login-form-open {
    /* color: white !important;*/
    border: 1px solid;
    /*width: 32px;
    height: 32px;*/
    display: inline-block;
    /* border-radius: 100%;*/
    text-align: center;
    line-height: 1.9em;
    position: relative;
    top: 0;
}

.template-2 #login-form-open.connect-school {
    color: #fff !important;
}

.template-2 #login-form-open .fa-lg {
    line-height: inherit;
}

@media (max-width: 991px) {
    .template-2 #login-form-open .fa-lg {
        color: #fff;
    }
}

@media (max-width: 991px) {
    .template-2 #login-form-open {
        top: 3px;
    }
}

.template-2 .loged-in,
.template-2 .login-timer {
    display: inline-block;
}

@media (min-width: 768px) {
    .template-2 .form-login.form-login-connect {
        float: left;
    }
}

@media (min-width: 992px) {
    .template-2 .form-login.form-login-connect {
        float: left;
    }
}

@media (min-width: 1200px) {
    .template-2 .form-login.form-login-connect {
        float: left;
    }
}

@media (max-width: 767px) {
    .template-2 .form-login .message-simple {
        right: 5px !important;
    }
}

@media (max-width: 767px) {
    .template-2 {
        /* .logo-wrapper {
       background-color: @white;
       #img_logo_responsive {
         width: 40%;
       }
     }*/
    }

    .template-2 .logo-wrapper {
        background-color: #fff;
    }

    .template-2 .logo {
        margin: 0 auto;
        padding-left: 0 !important;
        display: flow-root;
    }

    .template-2 .logo img {
        margin: 0 auto;
    }

    .template-2#header-top .top-search {
        display: none;
    }

    .template-2#header-top .scobuttons {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 991px) {
    .template-2#header-top .top-search {
        display: none;
    }
}

@media (max-width: 767px) {
    #header-bottom > .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #header-bottom > .container > .row {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #header-middle {
        background-image: none !important;
        height: auto !important;
        background-color: #fff;
        max-height: none;
    }

    .embbed-inner {
        display: none;
    }

    .embbed-wrapper {
        height: auto !important;
        text-align: center;
    }

    #img-moblie {
        /*r 05/06/20 i add this for https://morashabanot.tik-tak.net/*/
        margin-top: 10px;
        display: block;
        background-size: 100%;
        min-height: 5em !important;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .navbar.header-navbar .navbar-nav li > a {
        color: #5e5e5e;
    }

    .header-top-standart {
        display: none;
    }

    .banner-site-small {
        display: block;
    }

    .header-top-mobile {
        display: block;
    }

    #img_logo_responsive,
    #img_logo_2_responsive {
        display: block;
        margin: 15px auto;
    }

    #img_logo,
    #img_logo_2,
    #img_logo_3 {
        display: none;
    }

    .banner-site-small.banner {
        /*height: 4em;*/
    }
}

@media (min-width: 768px) {
    .banner-site {
        display: block;
    }

    .header-top-standart {
        display: block;
    }

    .banner-site-small {
        display: none;
    }

    .header-top-mobile {
        display: none;
    }

    #img-moblie {
        display: none;
    }

    #img_logo_responsive,
    #img_logo_2_responsive {
        display: none;
    }

    #img_logo {
        display: block;
    }

    #img_logo_2 {
        top: 30px;
        position: absolute;
    }
}

.show-menu {
    right: 0 !important;
}

.top-search {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    top: 2px;
}

.top-search a {
    border: 1px solid;
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 100%;
    text-align: center;
    line-height: 2.2em;
    /*color: #fff;*/
}

.top-search input {
    margin-bottom: 4px;
}

.top-search #search-form {
    z-index: 1;
    top: 30px;
    right: 0;
    background: transparent;
    transition: all 0.5s;
    position: absolute;
    width: 190px;
    height: 33px;
    border: none;
    border-bottom: 2px solid;
}

@media (max-width: 768px) {
    .top-search #search-form {
        right: 9px;
    }
}

.top-search #search-form.open-search {
    opacity: 0;
    width: 10px;
}

.top-search #search-form-open {
    margin-top: -3px;
}

#login-form-open {
    /*border: 1px solid;
  width: 32px;
  height: 32px;*/
    display: inline-block;
    /*border-radius: 100%;
  text-align: center;*/
    line-height: 1.9em;
    position: relative;
    top: 2px;
    height: 33px;
}

#login-form {
    z-index: 1;
    top: 30px;
    left: 0;
    background: transparent;
    transition: all 0.5s;
    /*position: absolute;
  width: 410px;*/
    height: 33px;
    border: none;
}

#login-form.logged-in {
    /*width: 450px;*/
}

#login-form.open-login {
    opacity: 0;
    display: none;
}

@media (max-width: 768px) {
    .connect-icons .form-group {
        width: 31% !important;
        position: initial !important;
        float: left !important;
    }

    .connect-icons .input-sm {
        width: 46% !important;
        margin-left: 0px !important;
    }

    .connect-icons .sr-only {
        margin-right: 0px !important;
        width: 31% !important;
        font-size: 10px;
    }

    .connect-icons #btnlogin {
        color: #5e5e5e;
        float: left;
    }

    .connect-icons #login-form {
        top: 39px !important;
    }

    .connect-icons .logged-in {
        color: #5e5e5e !important;
    }

    .connect-icons .login-timer {
        width: 31% !important;
        color: #5e5e5e !important;
        padding-right: 3px !important;
    }

    .connect-icons .connect {
        color: #5e5e5e !important;
        /*float: left;*/
    }
}

.back-to-top {
    color: #fff;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    background-color: #000000;
    z-index: 1005;
    display: none;
    transition: opacity 0.2s ease-out;
    background-color: rgba(0, 0, 0, 0.7);
}

.back-to-top i {
    line-height: 50px;
    font-size: 24px;
    color: white;
}

.no-round {
    border-radius: 4px !important;
}

.picture_show_text {
    opacity: 0.5;
    display: block;
    top: 0;
}

@media (max-width: 767px) {
    .pictures_gallery .slick-dots {
        display: none;
    }

    .picture_show_text {
        position: relative;
    }

    .picture_show_text_des {
        bottom: 10%;
        height: 50% !important;
        padding: 10px !important;
    }

    .picture_show_text_des .h6,
    .picture_show_text_des a {
        bottom: 20px;
        font-size: 16px;
    }
}

@media (min-width: 767px) {
    .picture_show_text {
        width: 470px;
        margin-right: 10%;
    }

    .picture_show_text_des {
        width: 470px;
        top: 0px;
        right: 10%;
        padding-left: 30px !important;
        padding-top: 30px !important;
        padding-right: 30px !important;
    }

    .picture_show_text_des .h6 {
        font-size: 1.1em;
    }
}

.picture_show_text_des {
    font-size: 1.4em;
    padding-top: 10px;
    text-align: right;
}

.picture_show_text_des .h6 {
    color: #fff;
    line-height: 1.5;
    overflow: hidden;
}

.picture_show_text_des .fa {
    text-decoration: none;
    font-size: 0.8em;
    color: #fff;
}

@media (max-width: 1560px) {
    .picture_show_text_des {
        font-size: 1.3em;
    }
}

@media (max-width: 1470px) {
    .picture_show_text_des {
        font-size: 1.2em;
    }
}

.text-shadow-no {
    text-shadow: none;
}

@media (max-width: 1190px) {
    .picture_show_text_des {
        font-size: 1.1em;
    }
}

.text-shadow-no {
    text-shadow: none;
}

.color-gray-text-shadow-no {
    color: #5C5A5B;
}

@media (min-width: 641px) {
    #animation_container #canvas {
        object-fit: cover;
    }
}

@media (max-width: 641px) {
    #animation_container #canvas {
        object-fit: fill;
    }
}

@media (max-width: 639px) {
    #animation_container #canvas {
        object-fit: cover;
    }
}

.drowLogo1 {
    display: block !important;
}

/* =WordPress Core
-------------------------------------------------------------- */
.entry-content {
    /* Text meant only for screen readers. */
}

.entry-content .alignnone {
    margin: 5px 20px 20px 0;
}

.entry-content .aligncenter,
.entry-content div.aligncenter {
    display: block;
    margin: 0 auto 0 auto;
}

.entry-content .alignright {
    margin: 20px 0;
}

@media (min-width: 992px) {
    .entry-content .alignright {
        float: right;
        margin: 5px 0 20px 30px;
    }
}

.entry-content .alignleft {
    margin: 20px 0;
}

@media (min-width: 992px) {
    .entry-content .alignleft {
        float: left;
        margin: 5px 30px 20px 0;
    }
}

.entry-content a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.entry-content a img.alignnone {
    margin: 5px 20px 20px 0;
}

.entry-content a img.alignleft {
    float: left;
}

@media (min-width: 992px) {
    .entry-content a img.alignleft {
        margin: 5px 20px 20px 0;
    }
}

.entry-content a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.entry-content .wp-caption {
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 23px;
    text-align: center;
}

.entry-content .wp-caption-text {
    padding-top: 20px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.entry-content .wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.entry-content .wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.entry-content .wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.entry-content .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.entry-content .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.entry-content .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.entry-content .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Buttons */
.btn {
    font-size: 1.143em;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
}

.btn-round {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.btn-sm {
    min-height: 2.142em;
    min-width: 5em;
    vertical-align: middle;
    line-height: 2;
}

.btn-filter {
    min-height: 2.142em;
    vertical-align: middle;
}

.btn-md {
    font-size: 1.428em;
    min-width: 110px;
    vertical-align: middle;
}

.btn-search {
    border: 0;
    background-color: transparent;
    width: 2.285em;
    min-height: 2.285em;
    border-radius: 50%;
}

.btn-search > span {
    color: transparent;
}

/*END Buttons*/
/** jconfirm.less **/
.title-c {
    background-color: #ecf9fe;
    color: #0099cc;
}

.title-c .title {
    padding-top: 15px;
    padding-right: 15px;
}

.jconfirm .jconfirm-box .content-pane .content {
    color: #000;
    padding: 20px;
    font-size: 16px;
}

.jconfirm .jconfirm-box .content-pane .content li {
    color: #000;
    font-size: 16px;
    line-height: 2;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons .btn-default {
    cursor: pointer;
    background-color: #0099cc;
    border: solid 1px #0099cc;
    color: #fff !important;
    font-size: 16px;
    padding: 6px 22px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons .btn-default:first-child {
    float: right;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons .btn-default:last-child {
    float: left;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons .btn-default:hover {
    background-color: #fff !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: solid 1px #0099cc;
    color: #0099cc !important;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons .btn-default:hover a {
    color: #fff;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons .btn-cancel {
    background-color: transparent;
    color: #d9534f !important;
}

.btn-primary {
    cursor: pointer;
    background-color: #0099cc;
    border: solid 1px #0099cc;
    color: #fff;
    font-size: 16px;
    padding: 6px 22px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

button {
    height: 35px;
}

/* forms.less */
.blue-border {
    border: 1px solid #0099cc;
}

#element-bef-parents {
    top: 45px;
    right: 43%;
}

.div_login_page {
    vertical-align: middle;
    padding-left: 19%;
    padding-bottom: 100px;
    padding-right: 15%;
}

.light-yellow {
    background-color: #FFFBE5;
}

.light-green {
    background-color: #EDFAED;
}

.light-red {
    background-color: #FFF0F0;
}

.break_hour {
    background-color: #FAB28B !important;
    border: 3px solid #FF9058 !important;
}

.parent_tz {
    padding: 5px;
}

@media (min-width: 766px) {
    .parent-meeting_details {
        padding-top: 15px;
    }
}

.one_time_pair .one_time_parent_in {
    align-items: center !important;
    display: flex !important;
    justify-content: center;
}

.manage_user_update {
    font-size: 12px;
}

.remark_div {
    background-color: #ECF9FE;
    padding: 10px !important;
    border: 1px solid #0099CC;
    color: #0099CC;
}

#modal-please-waite,
#modal-select-element {
    height: 300px !important;
    width: 600px !important;
}

.border-row-bottom {
    border-bottom: 1px solid #ccc;
}

.parent_meeting_titles {
    font-size: 18px;
}

.student_parent_meeting_bold {
    font-size: 18px;
    font-weight: bold;
}

.chosen-div {
    font-size: 14px;
}

.chosen-div i {
    font-size: 40px !important;
}

#options-div-parents-no-option .fa {
    color: red !important;
}

#options-div-parents,
#options-div-parents_admin,
#options-div-choosen,
#options-div-parents-no-option {
    cursor: pointer;
    border-radius: 5px;
    display: none;
}

#options-div-parents .element-options,
#options-div-parents_admin .element-options,
#options-div-choosen .element-options,
#options-div-parents-no-option .element-options {
    position: absolute;
    z-index: 101;
    background-color: transparent !important;
}

#options-div-parents .element-options .fa-trash,
#options-div-parents_admin .element-options .fa-trash,
#options-div-choosen .element-options .fa-trash,
#options-div-parents-no-option .element-options .fa-trash {
    color: red !important;
}

#options-div-parents .element-options .fa,
#options-div-parents_admin .element-options .fa,
#options-div-choosen .element-options .fa,
#options-div-parents-no-option .element-options .fa {
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: green;
    font-size: 66px;
    bottom: -23px;
    right: -19px;
}

#options-div-parents .element-options .fa:hover,
#options-div-parents_admin .element-options .fa:hover,
#options-div-choosen .element-options .fa:hover,
#options-div-parents-no-option .element-options .fa:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#sendOk,
#sendOkC {
    padding-top: 20%;
    position: absolute;
    top: 0;
    width: 90%;
    opacity: 0.3;
    cursor: pointer;
    height: 100%;
    text-align: center;
}

#sendOk.align-bottom i,
#sendOkC.align-bottom i,
#sendOk.align-bottom h5,
#sendOkC.align-bottom h5 {
    position: absolute;
}

#sendOk.align-bottom i,
#sendOkC.align-bottom i {
    bottom: 15%;
}

#sendOk.align-bottom h5,
#sendOkC.align-bottom h5 {
    bottom: 10%;
    display: inline-block;
}

#sendOk i,
#sendOkC i {
    color: white;
    font-size: 7em;
}

#sendOk h5,
#sendOkC h5 {
    font-weight: bold;
    color: white;
    font-size: 18;
}

#sendOk.sendOK-min-height,
#sendOkC.sendOK-min-height {
    min-height: 800px;
}

#sendOkC {
    width: 98%;
    z-index: 9999;
}

.my_choosen {
    background-color: #329946;
}

.my_choosen .fa-trash {
    bottom: 0;
    top: 8px;
    color: red !important;
    padding-left: 9px !important;
}

.my_choosen .one_time_parent_in {
    background-color: #C6F2CB !important;
}

.one_time_parent_in .fa-clock-o {
    position: inherit !important;
}

.is_choosen {
    background-color: #FC4B58;
}

.is_choosen .one_time_parent_in {
    background-color: #FFD8DB !important;
}

.one_time_parent {
    padding: 2px;
    height: 100px;
    border: 1px solid #eeeeee;
    margin: 3px;
    border-radius: 8px;
}

.one_time_parent .one_time_parent_in,
.one_time_parent .break_hour {
    color: #797979;
    font-size: 23px;
    text-align: center;
    vertical-align: middle;
    line-height: 100%;
    top: 50%;
    padding-top: 18%;
    height: 100%;
    width: 100%;
    background-color: #ecf9fe;
    padding: 10px;
    border-radius: 5px;
}

.img_form_wrapper {
    margin-bottom: 25px;
    position: relative;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.21);
    border: 4px solid #fff;
    width: 244px;
    height: 244px;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.img_form_wrapper .div_img_form {
    height: 200px;
    overflow: hidden;
}

.img_form_wrapper .forms_over:after {
    z-index: 10000 !important;
}

.img_form_wrapper .form-title {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px;
    font-size: 1.3em;
    right: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    height: 65px;
}

.pages_wrapper {
    background-color: #EAFCF2;
    border-bottom: 2px solid #ffffff !important;
}

.pages_wrapper td,
.pages_wrapper-no td {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}

.pages_wrapper-no {
    background-color: #F2F2F2;
}

.title_form {
    font-size: 18px;
}

.title_form .title_form_class {
    font-weight: bold;
}

h3 {
    font-size: 20px;
    font-weight: bold;
}

.icon-eye {
    font-size: 18px;
}

#module_adder {
    height: 60px;
    margin: 0 auto;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
}

.button_bar {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 !important;
}

#module_adder .mbtn.simple {
    color: #333 !important;
}

#module_adder.ui_light .mbtn {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1)) !important;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1)) !important;
}

#module_adder .mbtn,
#module_adder .mbtn span {
    overflow: visible;
}

#module_adder .mbtn {
    border: 0 !important;
    max-width: 158px;
    margin: 0 0.5px;
    text-shadow: none;
    background-color: transparent;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.25)) !important;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.25)) !important;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    cursor: pointer;
}

.button_bar .select.simple {
    min-width: 26px;
}

.mbtn:not(:first-child),
.select:not(:first-child) {
    margin-left: 1px;
}

.ui_light .mbtn.simple,
.ui_light .mbtn.simple:focus,
.ui_light .mbtn.simple:hover,
.ui_light .mbtn.simple:active,
.ui_dark .ui_light .mbtn.simple,
.ui_dark .ui_light .mbtn.simple:focus,
.ui_dark .ui_light .mbtn.simple:hover,
.ui_dark .ui_light .mbtn.simple:active {
    color: rgba(0, 0, 0, 0.7) !important;
}

.button_bar .mbtn,
.button_bar .select {
    width: auto;
    min-width: 36px;
}

.num_width {
    width: 20px;
}

.button_bar .mbtn,
.button_bar .select > .mbtn {
    border-radius: 0;
}

.mbtn.simple,
.mbtn.simple:hover {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-shadow: none;
}

.mbtn.simple {
    text-transform: none;
    line-height: 26px;
    min-width: 26px !important;
    color: rgba(0, 0, 0, 0.7);
}

.mbtn.small {
    font-size: 12px !important;
    padding: 0 0.5em !important;
    line-height: 24px !important;
    min-width: 24px !important;
}

.field-label {
    font-size: 14px;
}

.button_bar .select > .mbtn,
body div .button_bar > button,
body div .button_bar > span,
.button_bar > a {
    float: left;
}

#module_adder .mbtn,
#module_adder .mbtn span {
    overflow: visible;
}

.mbtn:last-child,
.mbtn:last-child > .mbtn,
.select:last-child,
.select:last-child > .mbtn {
    border-radius: 5px 0px 0px 5px;
}

.mbtn:first-child,
.mbtn:first-child > .mbtn,
.select:first-child,
.select:first-child > .mbtn {
    border-radius: 0px 5px 5px 0px;
}

.float-left {
    float: left !important;
}

.add_parnet_meeting_date,
.remove_parnet_meeting_date {
    transition: 0.2s;
    color: #f26722;
}

.add_parnet_meeting_date .icon,
.remove_parnet_meeting_date .icon {
    transition: 0.2s;
    background-color: #f26722;
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 28px;
    margin: 0 0 0 10px;
}

.add_parnet_meeting_date:hover,
.remove_parnet_meeting_date:hover {
    transition: 0.2s;
    color: #f26722;
}

.add_parnet_meeting_date:hover .icon,
.remove_parnet_meeting_date:hover .icon {
    transition: 0.2s;
    background-color: #fff;
    color: #f26722 !important;
    border-color: #f26722;
    border-radius: 20px;
    border: 1px solid;
}

#element-bef-parents {
    top: 45px;
    right: 43%;
}

.duplicate_parent_meeting {
    border: 1px solid #D5D5D5;
    padding: 15px;
    margin: 5px;
    background-color: #F7F7F7;
}

.promo-modules {
    text-align: center;
    padding: 20px 30px;
    margin: 0px 0 10px;
    background-color: rgba(182, 223, 242, 0.8);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    position: relative;
}

.promo-modules:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid rgba(182, 223, 242, 0.8);
    top: -8px;
    bottom: auto;
    left: 50%;
    margin-left: -8px;
}

.label_element_type .icon_button {
    font-size: 3px !important;
}

.label_element_type {
    font-size: 18px;
}

.label_element_type i {
    font-size: 22px;
}

.icon_button svg {
    width: 32px !important;
    height: 32px !important;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.icon_button svg.iconsvg {
    width: 16px;
    height: 16px;
    background: transparent !important;
    fill: currentColor;
}

#fixedContainer .fa-plus,
#fixedContainer .add_button_text {
    color: #fff !important;
}

#fixedContainer .add_button_text {
    font-weight: bold;
    font-size: 15px;
}

#madmimi_outer_wrapper,
#madmimi_outer_wrapper textarea.editor,
#madmimi_outer_wrapper div.edit.editor,
#madmimi_outer_wrapper div.editor.edit,
#madmimi_outer_wrapper div.editor.html,
#madmimi_outer_wrapper div.html.editor {
    text-align: left;
    direction: ltr;
}

.send_mail_check {
    height: 500px;
    width: 120%;
}

.fa-circle-o,
.fa-square-o {
    color: #ccc;
    padding: 8px;
    font-size: 16px;
}

.question {
    font-size: 35px;
    font-weight: bold;
}

.question::-webkit-input-placeholder {
    font-size: 35px;
}

.short_label {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.38);
    font-size: 16px;
    font-weight: normal;
}

.option {
    font-size: 18px;
}

.option::-webkit-input-placeholder {
    font-size: 18px;
}

.move_arrow {
    text-align: center;
    cursor: move;
}

.option_form_builder,
.question,
#submit_text {
    border: 0 !important;
    border-bottom: 1px solid #ccc !important;
    background-color: transparent !important;
    box-shadow: none !important;
    width: 95% !important;
    color: #000 !important;
}

.option_form_builder:focus,
.question:focus,
#submit_text:focus {
    border-bottom: 2px solid blue !important;
}

.add_more_option {
    font-size: 18px;
    color: gray;
    font-weight: bold;
}

.add_div {
    cursor: context-menu !important;
}

.date_meeting_div {
    color: #797979;
}

.scroll_div {
    position: absolute;
    box-shadow: 0px 1px 10px #888888;
    right: -38px;
    background-color: #fff;
}

.scroll_div i {
    font-size: 20px;
    padding: 10px;
    color: black;
    padding-right: 15px;
}

.scroll_div .add_div {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    padding: 3px;
}

.scroll_div .new_perograf {
    padding-bottom: 5px;
}

.fs-label-wrap .fs-label {
    color: gray;
}

.requiered_EL,
.left_EL {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    outline: none;
    position: relative;
    vertical-align: middle;
    width: 37px;
    z-index: 0;
}

.shown_selected,
.unshown_selected {
    position: relative;
    cursor: pointer;
    color: #909090;
    font-size: 16px;
}

.requiered_div {
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    border: 7px solid #b9b9b9;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: absolute;
    top: 3px;
    width: 38px;
}

.requiered_div_in {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: opacity .15s ease, left .3s ease;
    transition: opacity .15s ease, left .3s ease;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 20px;
    right: 0;
    opacity: 0;
    outline: .1px solid transparent;
    pointer-events: none;
    position: absolute;
    width: 20px;
    z-index: -1;
}

.element_choose {
    box-shadow: -1px 7px 10px #ccc;
    border-right: 4px solid #0099cc;
}

.requiered_circle {
    -webkit-transition: -webkit-transform 0.06s ease;
    transition: -webkit-transform 0.06s ease;
    -webkit-transition: transform .06s ease;
    transition: transform .06s ease;
}

.requiered_circle_in {
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    border: 10px solid #fafafa;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.requiered_EL.isChecked > .requiered_div,
.left_EL.isChecked > .requiered_div {
    border-color: #d1c4e9;
}

.requiered_EL.isChecked .requiered_circle_in,
.left_EL.isChecked .requiered_circle_in {
    border-color: #673ab7;
    color: #ffffff;
}

.requiered_EL.isChecked > .requiered_circle,
.left_EL.isChecked > .requiered_circle {
    -webkit-transform: translate(-17px);
    transform: translate(-17px);
}

.fa-trash {
    font-size: 20px;
    color: #0099cc;
}

.requierd_wrapper,
.trush_wrapper {
    padding: 10px;
    color: gray;
}

.rt_wrapper {
    height: 40px;
}

.section8-div {
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.title_form {
    font-size: 18px;
    font-weight: bold;
    color: #0099cc;
    padding-bottom: 10px;
}

.fa-commenting,
.fa-envelope {
    font-size: 20px !important;
}

.value_form {
    font-size: 18px;
    color: #000;
}

.form-row .has-drop .one-element {
    background-color: #0099cc;
    min-height: 88px;
    border: 1px solid #fff;
}

.one-element,
.element_submit_text {
    PADDING: 10px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.add_div {
    background-color: #0099cc !important;
}

.form-row .widget-wrapper-header .edit-field {
    float: left;
    z-index: 99;
}

.form-row .widget-wrapper-header .edit-field:before {
    vertical-align: middle;
    padding-right: 5px;
    content: "\e91a";
    font-family: 'icomoon' !important;
}

.form-row .widget-wrapper-header .remove-field {
    z-index: 99;
    padding-left: 10px;
    float: left;
}

.form-row .widget-wrapper-header .remove-field:before {
    vertical-align: middle;
    padding-right: 5px;
    content: "\e94c";
    font-family: 'icomoon' !important;
}

.form-row .widget-wrapper-header a {
    color: #fff;
    padding-right: 10px;
    position: relative;
}

.form-row .form-select-details.active-modal {
    z-index: 9999;
}

.form-row .widget-inside-floor.active-modal {
    position: fixed;
    top: 150px;
    background: transparent;
    z-index: 2;
    left: 50%;
    width: 550px;
    margin-left: -275px;
    height: auto;
    overflow: auto;
    max-height: 80vh;
}

/* bbpress */
.bb-file-upload input[type="file"] {
    display: none !important;
}

.svg_form_title {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.svg_form_title {
    height: 40px;
    overflow: visible;
    position: absolute;
    width: 20px;
}

.form_builder_sub-title {
    font-weight: bold;
}

.answer_send {
    color: red;
    font-size: 19px;
}

.clear_sign {
    position: inherit !important;
    color: #F26722;
    font-size: 15px;
}

.clear_wrap {
    width: 100%;
    height: 40px;
}

.form_builder_title {
    font-size: 1.571em;
    font-weight: bold;
    border-bottom: 2px solid lightgray;
}

.corner_title {
    width: 20px;
    height: 40px;
}

.clear_sign {
    cursor: pointer;
}

.form-group-title {
    height: 50px;
    width: 100%;
}

.title_paragraf {
    height: 40px;
    padding-top: 10px !important;
    display: inline-block;
    padding: 5px;
}

#send_site_form input {
    background-color: #ffffff;
}

#send_site_form input {
    background-color: #ffffff;
}

.bbp-template-notice {
    border: #cee1ef 1px solid !important;
    background-color: #f0f8ff !important;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
    border: 1px solid #f5f5f5;
}

span.bbp-admin-links,
.bbp-topic-content-text {
    color: #5e5e5e !important;
}

.sign_wrrap {
    border-bottom: 2px solid black;
}

span.bbp-admin-links a,
.bbp-topic-content-text a {
    color: #5e5e5e !important;
}

.bbp-topic-edit-link,
.bbp-topic-trash-link {
    font-weight: normal;
}

.media-frame-content .setting[data-setting='url'],
.media-frame-content .setting[data-setting='caption'],
.media-frame-content .setting[data-setting='description'],
.attachment-display-settings,
.compat-attachment-fields {
    display: none;
}

@media (max-width: 767px) {
    .media-modal-close {
        top: 200px !important;
        left: 10px !important;
    }

    .media-frame-content,
    .media-modal-content {
        top: 190px !important;
        left: 10px !important;
        right: 10px !important;
        bottom: 30px !important;
        overflow: scroll !important;
    }

    .thickbox-loading {
        top: 200px !important;
    }
}

.us-date {
    display: block;
}

.heb-date {
    display: block;
}

.modal-dialog {
    /*r chnage 27/4/20*/
    /*width: 50% !important;*/
    width: 80% !important;
    height: 500px !important;
    margin: 150px !important;

}

.modal-dialog .close {
    float: left !important;
    font-weight: bold;
    colot: red;
}

.modal-content {
    height: 700px !important;
}

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

.modal-backdrop .modal-dialog {
    width: 80% !important;
}

.upload-main-image {
    position: relative;
    padding: 10px;
    background-color: #f8f6f7;
    border: 1px solid #d5d5d5;
    text-align: center;
    padding-bottom: 20px;
}

.upload-main-image .icon {
    position: relative;
}

.upload-main-image .main-image-upload {
    margin-top: -50px;
    width: 100%;
    background-color: #c0ecfb;
    border: 1px solid #d5d5d5;
    min-height: 200px;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}

.upload-main-image .icon {
    color: #0099cc;
    font-size: 50px;
    position: relative !important;
    top: 80px;
    z-index: 1;
}

.upload-main-image .upload-img-tmb {
    position: absolute;
    right: 0;
    z-index: 1;
    width: 100%;
}

.image-upload-label {
    margin-top: 10px;
    width: 100% !important;
    cursor: pointer;
}

.choose-image-upload {
    cursor: pointer;
    background-color: transparent;
    border: solid 1px #0099cc;
    color: #0099cc;
    font-size: 16px;
    padding: 6px 22px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.choose-image-upload:hover {
    background-color: #0099cc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: solid 1px #0099cc;
    color: #fff;
}

.clear_image span {
    cursor: pointer;
    color: red;
    font-size: 16px;
}

.clear_image span:after {
    content: "x";
    font-weight: bold;
    padding-right: 10px;
}

.template_wrapper {
    color: dimgrey;
    font-weight: bold;
}

.upload-multi-images {
    background-color: #fbfbfb;
    border: 1px solid #d5d5d5;
    padding: 30px 20px;
    text-align: center;
}

.upload-multi-images h4 {
    color: dodgerblue;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.delete_post_multi {
    cursor: pointer;
    color: #d9534f;
    padding-top: 20px;
}

.delete_post_thumbnail {
    cursor: pointer;
    color: #d9534f;
    padding-top: 20px;
}

[type="radio"] + label {
    position: relative;
    cursor: pointer;
    font-weight: 300;
    float: right;
    padding-right: 25px;
    font-size: 15px;
    margin-left: 3px;
}

@media (max-width: 768px) {
    [type="radio"] + label {
        font-size: 13px;
    }
}

[type="radio"] + label:before {
    font-family: 'fontAwesome';
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 12px;
    text-align: center;
    padding-top: 0px;
    width: 20px;
    height: 20px;
    background: #fbfbfb;
    border: 1px solid #d5d5d5;
    border-radius: 20px;
    transition: all .2s;
}

[type="radio"] {
    display: none !important;
}

[type="radio"]:checked + label:before {
    content: "\f111";
    color: #0099cc;
}

.icon-picture:before {
    content: "\e918";
}

.form-group {
    position: relative;
}

.form-group .fa,
.form-group .icon {
    /*color: #0099cc;*/
    position: absolute;
    left: 16px;
    z-index: 0;
    bottom: 10px;
    padding-left: 6px;
}

.icon-picture {
    z-index: 10 !important;
    width: 100%;
}

.checkbox-group {
    display: inline-block;
    position: relative;
}

.error {
    color: red;
}

/* footer.less */
footer .social-navigation {
    direction: rtl;
}

@media (max-width: 768px) {
    footer .social-navigation {
        padding-top: 15px;
    }
}

@media (min-width: 992px) {
    footer .social-navigation {
        padding-top: 50px;
        margin-top: 50px;
    }
}

footer .social-navigation ul a {
    margin-left: 8px;
}

#footer-top {
    box-shadow: 2px -5px 10px #ccc;
}

#footer-top #footer-details-top i {
    font-size: 1.142em;
}

#footer-top .form-group {
    margin-bottom: 25px;
}

.details-padding {
    padding-right: 2.142em;
    padding-bottom: 20px;
}

@media (min-width: 992px) {
    #footer-details {
        height: 22.5em;
    }

    #footer-details .scobuttons {
        position: absolute;
        bottom: 0;
    }
}

@media (max-width: 991px) {
    #footer-details .scobuttons {
        padding-top: 30px;
        text-align: right;
    }
}

#gmap_canvas {
    width: 32.857em;
    height: 18.142em;
    max-width: 100%;
}

#gmap_canvas_contact {
    width: 60.428em;
    height: 20.214em;
    max-width: 100%;
}

#footer-middle {
    box-shadow: 0 5px 10px #ccc;
    height: 17.5em;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 100%;
}

@media (max-width: 768px) {
    #footer-middle {
        height: 6.5em;
    }
}

#footer-bottom {
    background-color: #fff;
}

#footer-bottom img {
    display: inline;
}

#footer-bottom h6 {
    font-size: 0.9em;
}

.footer-img {
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    border-left: 1px solid #ebebeb;
}

.footer-img:last-child {
    border-left: none;
}

.site-map,
.footer-contact {
    padding-top: 20px;
}

.site-map .error,
.footer-contact .error {
    color: red;
}

@media (min-width: 992px) {
    .site-map,
    .footer-contact {
        padding: 0;
    }
}

.site-map .form-group,
.footer-contact .form-group {
    margin-bottom: 22px !important;
}

#sendOk,
#sendOkC {
    padding-top: 20%;
    margin-right: -8px;
    position: absolute;
    top: 0;
    width: 90%;
    opacity: 0.3;
    cursor: pointer;
    height: 100%;
    text-align: center;
}

#sendOk i,
#sendOkC i {
    color: white;
    font-size: 7em;
}

#sendOk h5,
#sendOkC h5 {
    font-weight: bold;
    color: white;
}

#sendOkC {
    width: 100%;
    z-index: 9999;
}

/* carusel.less */
.breaking_news.slick-slide {
    width: 100% !important;
}

#text-carusel .breaking_news.slick-slide {
    height: 28px !important;
    overflow: hidden;
}

@media (max-width: 767px) {
    #text-carusel .breaking_news.slick-slide {
        height: 30px !important;
    }
}

.slick-controls a {
    font-weight: bold;
    font-size: 1.171em;
}

.slick-controls-down .play-carusel {
    padding-right: 0;
}

.slick-controls-down .pause-carusel {
    padding-right: 10px;
}

.slick-controls-down .next-carusel {
    float: left;
    padding-left: 20px;
}

.width-auto {
    width: 100%;
}

#text-carusel {
    padding-right: 0;
}

.carusel-left-padding {
    padding-left: 0;
}

/* SECTION.less */
img.icons_message {
    height: 30px;
    padding: 3px;
}

img.emojies_icon {
    height: 25px;
    padding: 3px;
}

.section8-div {
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}

@media (max-width: 767px) {
    .section8-div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }
}

.pages_wrapper {
    padding: 10px;
    border: 1px solid #E5e5e5;
    margin: 2px;
    overflow: hidden;
}

.emogies_div label {
    padding-right: 5px;
    padding-left: 5px;
}

@media (max-width: 767px) {
    .emogies_div label:not(:first-child) {
        width: 10%;
    }
}

.imgsection {
    width: 400px;
    height: auto;
}

@media (min-width: 768px) {
    .imgsection {
        padding-right: 10px;
    }
}

.about-gallery {
    direction: ltr;
}

.links-gallery {
    direction: ltr;
}

.imgsection-sm {
    width: 390px;
    height: 260px;
    margin-right: 40px;
}

section {
    margin-bottom: 25px;
}

.gallery-item {
    padding: 15px;
    display: inline-table;
    margin-top: 0 !important;
}

.gallery-item .gallery-icon {
    padding: 10px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    border: 1px solid #E5e5e5;
}

.gallery-item .gallery-icon .img-title {
    color: #323232;
    padding-top: 10px;
}

.gallery-item .gallery-icon img {
    border: none !important;
}

.gallery-item .gallery-icon .new_wrapper {
    overflow: hidden;
    display: inline-block;
}

.home .main-content {
    min-height: 100px !important;
}

.home .main-content .container,
.home .main-content .container-fluid {
    background-color: transparent;
}

.main-content {
    /*  min-height: 900px;*/
    min-height: 600px;
}

.main-content .container,
.main-content .container-fluid {
    background-color: #fff;
    min-height: inherit;
}

.main_pages {
    min-height: 600px;
}

.section-bg {
    background-image: url("footer-banner.jpg");
    background-size: cover;
    padding: 20px 20px 0 20px;
}

.section-bg .imgsection {
    padding-left: 0;
}

.section-header {
    margin-bottom: 15px;
}

.section-header h2 {
    margin-top: 0;
}

.section-header .h5 {
    line-height: 1.5;
    min-height: 600px;
}

.section-details {
    margin-bottom: 20px;
}

.sub-section-details {
    width: 100%;
    padding-bottom: 5px;
}

@media (min-width: 768px) {
    .sub-section-details {
        width: auto;
        padding: 0;
    }
}

.section-excerpt {
    margin-bottom: 20px;
}

.section-padding-bg-xs {
    padding: 10px 10px 10px 10px;
}

.section-padding-bg-xs p {
    line-height: 1.2;
}

.section-padding-bg-md {
    padding: 25px 25px 25px 25px;
}

.section-padding-bg-md p {
    line-height: 1.2;
}

.section-content-carusel-img {
    width: 175px;
    height: 94px;
    padding: 0 15px 0 15px;
}

#section-carusel-gallery {
    padding: 25px;
}

.section-search {
    margin-bottom: 50px;
}

.form-section .form-control::-webkit-input-placeholder {
    font-size: 1.142em;
}

.form-section .form-control:-moz-placeholder {
    font-size: 1.142em;
}

.form-section .form-control::-moz-placeholder {
    font-size: 1.142em;
}

.form-section .form-control:-ms-input-placeholder {
    font-size: 1.142em;
}

.form-section .i-dropdown-lg {
    font-size: 1.571em;
}

.form-section .actives-md {
    width: 100px;
    line-height: 1.9;
    font-size: 1.142em;
}

.form-section .i-dropdown-md {
    font-size: 1.142em;
}

.form-section .form-group {
    max-width: 100%;
}

.form-section .i-in-input {
    left: 0;
    padding-top: 0.4em;
    padding-left: 0.3em;
}

.form-section .i-in-but {
    padding-top: 0.14em;
}

.section-table-sm .table > thead > tr > th {
    padding: 0;
    height: 65px;
}

.section-table-sm .table > tbody > tr > td {
    height: 65px;
}

.section-table-md .table > tbody > tr > td {
    height: 61px;
}

.section-table-md .table > thead > tr > th {
    height: 61px;
}

.section-title .h2 {
    margin-top: 0;
}

.section-title-fixed {
    top: auto;
    left: 10px;
    right: 10px;
    position: fixed;
    z-index: 1030;
    background-color: #fff;
    height: 11%;
}

.bottom-cell {
    bottom: 20px;
    position: absolute;
}

.section-table-lg .table > thead > tr > th {
    min-height: 61px;
}

.section-table-lg .table > tbody > tr > td {
    padding: 25px;
    min-height: 139px;
}

@media (max-width: 992px) {
    .section-i {
        display: none;
    }
}

.section-select .form-group .fa-angle-down {
    left: 20px;
    top: 10px;
}

.table > tbody > tr > td,
.table > thead > tr > th {
    border: 5px solid #fff;
}

.border-no {
    border: 0;
}

#Thistable .border-right-no {
    border-right: 0;
}

#Thistable .border-left-no {
    border-left: 0;
}

#Thistable td {
    line-height: 3.5;
}

.table .h3 {
    margin: 0;
    line-height: 2.6;
}

.i-lg {
    font-size: 2em;
}

/* about-us */
.school-value-section {
    padding-top: 16px;
    padding-right: 25px;
    padding-left: 15px;
    padding-bottom: 15px;
}

.school-value-section p {
    line-height: 1.5;
    white-space: pre-line;
}

.ringtones-table thead tr th {
    width: 33%;
}

/* 404 */
.error-floor-1 {
    margin-bottom: 125px;
}

.error-floor-1 .page-title {
    padding-top: 75px;
}

.error-floor-1 .page-title i {
    font-size: 5em;
    border-radius: 100%;
    padding: 20px;
}

.error-floor-1 .floor-subtitle {
    margin-top: 64px;
    font-size: 2em;
    padding-bottom: 5px;
    font-weight: bold;
}

.error-floor-1 .sub-text {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
}

.error-floor-1 .back-to-home {
    padding: 5px 12px;
    border-radius: 30px;
}

/* no-acess 1 */
.no-access1 {
    margin-bottom: 125px;
}

.no-access1 .page-title {
    padding-top: 35px;
}

.no-access1 .page-title i {
    font-size: 5em;
    border-radius: 100%;
    width: 110px;
    height: 110px;
    line-height: 1.5;
}

.no-access1 .floor-subtitle {
    margin-top: 64px;
    font-size: 2em;
    padding-bottom: 5px;
    font-weight: bold;
}

.no-access1 .sub-text {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
}

.no-access1 .back-to-home {
    padding: 5px 12px;
    border-radius: 30px;
}

/* single-message */
.message .from {
    font-size: 1.3em;
    margin-top: 15px;
}

.message .to {
    font-size: 1.3em;
    margin-top: 15px;
}

.message .buttons .reply {
    padding: 5px 10px;
    border-radius: 30px;
    margin: 10px;
    float: right;
    width: 120px;
    text-align: center;
}

.message .buttons .forward {
    padding: 5px 10px;
    border-radius: 30px;
    margin: 10px;
    float: right;
    width: 120px;
    text-align: center;
}

.message .buttons .full-list {
    padding: 5px 10px;
    border-radius: 30px;
    margin: 10px;
    float: right;
    width: 120px;
    text-align: center;
}

/* aside.less */
.Birthday_wrapper {
    padding-top: 10px;
    text-align: center;
}

.Birthday_wrapper > .sub-title {
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.3em;
}

.Birthday_wrapper p {
    line-height: 1.4;
    padding-bottom: 26px;
}

@media (max-width: 767px) {
    .Birthday_wrapper .slider-width .birthday_wrapper {
        width: 250px !important;
    }
}

.Birthday_wrapper .birthday_wrapper {
    height: 60px;
    position: relative;
}

.Birthday_wrapper .birthday_wrapper.slick-active .insert_bless {
    top: 0px;
}

.Birthday_wrapper .birthday_wrapper > div {
    display: block;
}

.Birthday_wrapper .birthday_wrapper .user_birthday {
    font-size: 1.1em;
}

.Birthday_wrapper .birthday_wrapper .bless:hover {
    text-decoration: underline;
}

.Birthday_wrapper .birthday_wrapper .bless i {
    font-size: 1.2em;
}

.Birthday_wrapper .birthday_wrapper .insert_bless {
    position: absolute;
    top: -120px;
    width: 100%;
    height: 115px;
    padding: 3px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: #E37F7F solid 2px;
}

.Birthday_wrapper .birthday_wrapper .insert_bless:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 27px 21px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -27px;
    left: 146px;
}

.Birthday_wrapper .birthday_wrapper .insert_bless:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 33px 27px 0;
    border-color: #E37F7F transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -33px;
    left: 140px;
}

.Birthday_wrapper .birthday_wrapper .insert_bless textarea {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
    border-radius: 10%;
}

.Birthday_wrapper .birthday_wrapper .insert_bless .send_bless {
    position: absolute;
    bottom: 6px;
    left: 6px;
    cursor: pointer;
    color: #fa6f57;
    font-size: 1.3em;
    border: 1px solid #fa6f57;
    font-weight: normal;
}

.Birthday_wrapper .birthday_wrapper .insert_bless .close_bless {
    position: absolute;
    left: 6px;
    top: 0;
    font-size: 1.3em;
    color: #E91E63;
    cursor: pointer;
}

.Birthday_wrapper .birthday_wrapper .insert_bless_width {
    position: inherit;
    width: 100%;
    height: 58px;
    padding: 3px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: #E37F7F solid 2px;
}

.Birthday_wrapper .birthday_wrapper .insert_bless_width:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 27px 21px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -27px;
    left: 146px;
}

.Birthday_wrapper .birthday_wrapper .insert_bless_width:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 33px 27px 0;
    border-color: #E37F7F transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -33px;
    left: 140px;
}

.Birthday_wrapper .birthday_wrapper .insert_bless_width textarea {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
    border-radius: 10%;
}

.Birthday_wrapper .birthday_wrapper .insert_bless_width .send_bless {
    position: absolute;
    bottom: 6px;
    left: 6px;
    cursor: pointer;
    color: #fa6f57;
    font-size: 1.3em;
    border: 1px solid #fa6f57;
    font-weight: normal;
}

.Birthday_wrapper .birthday_wrapper .insert_bless_width .close_bless {
    position: absolute;
    left: 6px;
    top: 0;
    font-size: 1.3em;
    color: #E91E63;
    cursor: pointer;
}

.sogo_birthday_post_widget .Birthday_wrapper .col-md-10 .birthday_wrapper {
    width: auto !important;
}

.sogo_birthday_post_widget .Birthday_wrapper .col-md-10 .birthday_wrapper .bless {
    padding-right: 5px;
}

.sogo_banner_widget_wrapper {
    position: relative;
    overflow: hidden;
}

.sogo_banner_widget_wrapper a {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    padding: 0 5px !important;
}

.sogo_banner_widget_wrapper img {
    width: 100%;
    height: auto;
}

.mtli_attachment {
    display: block !important;
    padding-top: 2px !important;
}

.breaking_news .plasma {
    font-size: 20px;
}

.breaking_news .plasma a {
    font-size: 20px;
}

.breaking_news a {
    color: #656565;
}

.breaking_news .fa {
    color: #55c1e7;
    font-size: 16px;
}

.sidebar-widgets .sogo_today_widget {
    padding-top: 9px;
    padding-bottom: 9px;
}

.td-bless-content .bless-content {
    overflow-wrap: break-word;
}

@media (min-width: 768px) {
    .td-bless-content .bless-content {
        width: 35em;
    }
}

#list-bless i {
    color: #A8A8A8;
}

#list-bless .table-mark {
    display: inherit;
}

#list-bless .table-mark .form-group {
    right: 42px;
}

/*** home.less ***/
/* merchavim */
.aligncenter {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

html,
body,
#page {
    height: 100%;
}

.parallax {
    /* The image used */
    /* Full height */
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    width: 100%;
    z-index: -1;
    top: 0;
}

@media (max-width: 768px) {
    .merchavim_wrapper {
        text-align: center;
    }
}

.merchavim_wrapper .merhav_wrapper {
    text-align: center;
    float: right;
    padding-bottom: 15px;
}

.merchavim_wrapper .merhav_wrapper .merhav_wrapper_in {
    background-color: #f5f5f5;
    min-height: 200px;
}

@media (max-width: 991px) {
    .merchavim_wrapper .merhav_wrapper {
        float: none;
        /*margin-bottom: 15px;*/
    }
}

.merchavim_wrapper .merhav_wrapper h2 {
    font-size: 5.4em;
    padding-bottom: 23px;
    padding-top: 13px;
    font-weight: bold;
}

.merchavim_wrapper .merhav_wrapper ul {
    list-style: none;
}

.merchavim_wrapper .merhav_wrapper ul li {
    display: inline;
    position: relative;
}

.merchavim_wrapper .merhav_wrapper ul li a {
    display: inline-block;
    border: 1px solid;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: 2px;
    border-color: transparent;
    color: #fff;
    margin: 2px 8px;
}

/*merchavim-lines*/
@media (min-width: 768px) {
    .merchavim_wrapper-lines {
        display: block;
    }
}

@media (min-width: 992px) {
    .merchavim_wrapper-lines {
        display: flex;
    }
}

@media (max-width: 768px) {
    .merchavim_wrapper-lines {
        text-align: center;
    }
}

.merchavim_wrapper-lines .merhav_wrapper {
    display: -webkit-box;
    text-align: center;
    float: right;
    padding-bottom: 15px;
}

.merchavim_wrapper-lines .merhav_wrapper .merhav_wrapper_in {
    width: 100%;
}

@media (max-width: 991px) {
    .merchavim_wrapper-lines .merhav_wrapper {
        float: none;
        display: block;
        /*margin-bottom: 15px;*/
    }
}

.merchavim_wrapper-lines .merhav_wrapper h2 {
    padding: 10px;
    font-size: 1.571em;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #7D7B7C;
    color: #fff;
    margin-bottom: 10px;
    border-width: 0px 0px 4px 0px;
    border-style: solid;
    font-weight: bold;
}

.merchavim_wrapper-lines .merhav_wrapper h2 p {
    font-size: 18px;
}

.merchavim_wrapper-lines .merhav_wrapper ul {
    list-style: none;
    padding-bottom: 10px;
}

.merchavim_wrapper-lines .merhav_wrapper ul li {
    position: relative;
}

.merchavim_wrapper-lines .merhav_wrapper ul li a {
    background-color: transparent;
    display: inline-block;
    min-width: 30px;
    height: 30px;
    padding: 2px;
    margin: 2px 8px;
    font-weight: bold;
    font-size: 1.3em;
}

/* end*/
.picture_text-background-text {
    width: 50%;
}

.wide-news-wrapper {
    background-color: #fff;
    border-top: 1px solid #c2c2c2;
}

.wide-news-wrapper .container {
    border-bottom: 1px solid #ebebeb;
}

.wide-news-wrapper .slick-controls a {
    text-decoration: none;
    padding-right: 6px;
    padding-left: 6px;
    font-size: 1em;
}

.wide-news-wrapper .slick-controls .prev-carusel i {
    font-size: 1.5em;
}

.wide-news-wrapper .slick-controls .next-carusel i {
    font-size: 1.5em;
}

.wide-news-wrapper .news-head {
    width: 6%;
    display: inline-block;
    padding-bottom: 13px;
    margin-top: 11px;
    margin-left: 1%;
    float: right;
}

@media (max-width: 1200px) {
    .wide-news-wrapper .news-head {
        width: 7%;
    }
}

@media (max-width: 768px) {
    .wide-news-wrapper .news-head {
        width: 100%;
        display: block;
        text-align: center;
        padding-bottom: 0;
        float: none;
    }
}

.wide-news-wrapper .breaking_news a {
    padding-right: 5px;
}

.wide-news-wrapper .h6 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 1.7em !important;
}

@media (max-width: 767px) {
    .wide-news-wrapper .h6 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        font-size: 1.285em !important;
        line-height: 1.3 !important;
    }
}

.wide-news-wrapper #text-carusel {
    width: 93%;
    display: inline-block;
    float: left;
}

@media (max-width: 1200px) {
    .wide-news-wrapper #text-carusel {
        width: 92%;
    }
}

@media (max-width: 768px) {
    .wide-news-wrapper #text-carusel {
        text-align: center;
        width: 100%;
        display: block;
        float: none;
    }

    .wide-news-wrapper #text-carusel .slick-controls {
        width: 100%;
        display: block;
        text-align: center;
    }
}

/* tables.less */
@media screen and (max-width: 767px) {
    .table-responsive {
        padding-top: 4px;
    }
}

#newsletter-table > tbody > tr > td {
    vertical-align: middle;
}

#personal_area > tbody > tr > td,
#newsletter-table > tbody > tr > td {
    border: none;
    border-bottom: 4px solid #fff;
}

#personal_area td .h6,
#newsletter-table td .h6 {
    font-weight: bold;
    top: 5px;
}

#personal_area td .h6 i,
#newsletter-table td .h6 i {
    padding: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 14px;
    margin-left: 10px;
}

#personal_area .old_inbox td .h6,
#newsletter-table .old_inbox td .h6 {
    font-weight: normal;
}

#personal_area .inbox_read_message,
#newsletter-table .inbox_read_message {
    position: relative;
    top: 5px;
    right: 10px;
}

#personal_area .inbox_read_message:hover,
#newsletter-table .inbox_read_message:hover {
    text-decoration: none;
}

#personal_area .inbox_read_message i,
#newsletter-table .inbox_read_message i {
    font-size: 1em;
}

#personal_area .inbox_read_message h6,
#newsletter-table .inbox_read_message h6 {
    color: #5e5e5e;
}

#form-search-personal-area-files .icon-calendar {
    top: 6px !important;
    z-index: 9999;
}

#form-search-personal-area-files .fa-search {
    font-size: 28px;
}

#form-search-personal-area-files input {
    background-color: white !important;
}

#form-search-personal-area-files .search-field {
    width: 100%;
}

#form-search-personal-area-files .search-field input {
    width: 100%;
}

#form-search-personal-area-files .table-mark .form-group {
    margin-top: -10px;
}

.file_drag_div {
    border: 2px dashed #ccc;
    line-height: 150px;
    text-align: center;
}

.file_drag_div_over {
    background-color: gray;
    color: white;
    opacity: 0.8;
}

@media (max-width: 767px) {
    .fa-search-personal-area-files {
        left: 20px;
    }
}

#personal_area .fa-arrows {
    top: 16px;
}

#personal_area .delete-selected,
#personal_area .delete_file {
    cursor: pointer;
}

@media (max-width: 767px) {
    #personal_area .fa-arrows {
        right: 40%;
        padding-right: 10px;
    }

    #personal_area .ui-sortable {
        font-size: 11px;
    }
}

/* filter-section.less */
@media (min-width: 768px) {
    .filter-section .desktop-margin {
        margin-right: 10px;
    }
}

.filter-section button[type="submit"] {
    float: left;
}

.filter-section .dropdown-menu {
    text-align: right;
    width: 100%;
    background-color: #f6f6f6;
    border: none;
    box-shadow: none;
}

.filter-section .dropdown-menu li:hover a,
.filter-section .dropdown-menu li:active a,
.filter-section .dropdown-menu li:focus a {
    background: #dddddd;
}

/* article.less */
.article-xs-height {
    min-height: 85px;
}

.article-xs-height p {
    display: inline;
}

.article-md-height {
    height: 130px;
}

@media (max-width: 767px) {
    .article-md-height {
        height: 165px;
    }
}

.article-md-height p {
    display: inline;
}

.two-line-title {
    margin: 0;
    height: 38px;
    overflow: hidden;
}

.article-footer-bottom {
    bottom: 0;
    position: absolute;
    line-height: 1;
}

.article-img-xs {
    width: 150px;
    height: 85px;
}

.article-img-sm {
    height: 100px;
}

.article-img-md {
    width: 215px;
    height: 130px;
}

.article-img-lg {
    height: 150px;
    margin: 0 auto;
    width: 100%;
}

.article-header-line {
    min-height: 38px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.article-header-img {
    width: 260px;
}

/*.team-page {
  .article-img {
    min-height: 173px;
    img {
      max-height: 100px;
    }
  }
  .team-article {
    min-height: 380px;
  }
}*/
.team-page .section-content .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.team-page.team-article-image .article-excerpt {
    min-height: 200px;
}

.team-page.team-article-image .col-md-3 .team-article .article-header {
    width: 60%;
}

.team-page.team-article-image .div-img-title {
    padding-bottom: 40%;
}

.team-page.team-article-image .post_thumbnail {
    margin-left: 7px;
}

.team-page.team-article-image .post_thumbnail img {
    float: left;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #EEEEEE;
    border-radius: 100%;
    width: 35%;
    margin: 0 auto;
}

.team-page.team-article-image .team-value {
    height: 50px;
}

.team-page.team-article-no-image .article-excerpt {
    height: 280px;
}

.team-page .article-excerpt {
    position: relative;
}

.team-page .job_title {
    /* rivka 20/3/18 not good when job title long*/
    /* white-space: pre;*/
}

.archive2 {
    min-height: 350px !important;
    margin-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px;
}

.archive2 .post_thumbnail {
    min-height: 150px;
}

.archive5 {
    margin-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px;
}

.archive5 .post_thumbnail {
    min-height: 150px;
}

.archive4 {
    /*min-height: 200px;
  margin-bottom: 35px;*/
    min-height: 80px;
    margin-bottom: 20px;
}

.archive4 .post_thumbnail {
    min-height: 150px;
}

.archive-pagi .wp-pagenavi .pages {
    display: none;
}

.archive-pagi .wp-pagenavi .current {
    border: none;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 30px;
    text-align: center;
    line-height: 1;
    font-size: 1.2em;
    margin-left: 6px;
    margin-right: 6px;
    font-weight: normal;
}

.archive-pagi .wp-pagenavi .page {
    border: none;
    font-weight: normal;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 30px;
    line-height: 1;
    text-align: center;
    margin-left: 6px;
    margin-right: 6px;
    font-size: 1.2em;
}

.archive-pagi .wp-pagenavi .nextpostslink {
    border: none;
    font-size: 1.5em;
    vertical-align: middle;
}

.archive-pagi .wp-pagenavi .previouspostslink {
    border: none;
    font-size: 1.5em;
    vertical-align: middle;
}

.phone-page .phone-head {
    line-height: 1.5;
    padding-right: 10px;
}

.phone-page .phones-list {
    list-style-type: none;
}

.anthem-page .section-details {
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 12px;
    margin-bottom: 27px;
}

.anthem-page .section-excerpt {
    margin-bottom: 0;
}

.archives-forms .search-field {
    width: 30%;
}

.archives-forms .search-field i {
    position: absolute;
    top: 0;
    left: 3px;
    font-size: 1.4em;
}

.archives-forms .search-field input {
    font-size: 1.3em;
    width: 100%;
}

.archives-forms .search-field ::-webkit-input-placeholder {
    color: black;
}

.archives-forms .search-field :-moz-placeholder {
    color: black;
}

.archives-forms .search-field ::-moz-placeholder {
    color: black;
}

.archives-forms .search-field :-ms-input-placeholder {
    color: black;
}

.archives-forms .choose-category {
    width: 30%;
}

.archives-forms .choose-category .form-group {
    width: 100%;
}

.archives-forms .choose-category .form-group select {
    width: 100% !important;
    background-color: #f6f6f6;
}

.archives-forms .choose-category .form-group i {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 2em;
}

.archives-forms .forms-submit {
    width: 19%;
    height: 38px;
    font-size: 1.5em;
}

.archives-forms .forms-submit i {
    position: absolute;
    left: 30px;
    top: 2px;
    font-size: 1.6em;
}

.archives-forms .forms-table {
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .archives-forms .forms-table {
        font-size: 0.8em;
    }
}

.archives-forms .forms-table .fa-stack.i-lg {
    font-size: 1.6em;
}

/* personal area */
.personal-area .search-field input {
    border: none !important;
}

.personal-area #personal_area {
    border-top: 1px solid #dadada;
}

.personal-area #personal_area .old_inbox .fa-comment {
    background-color: #bfbfbf;
}

@media (min-width: 767px) {
    .wide_site {
        padding-right: 40px;
        padding-left: 40px;
    }
}

.book-article .article-excerpt {
    /* height: 660px;*/
    height: 550px;
}

.book-article .article-excerpt-over {
    padding-top: 30%;
    position: absolute;
    top: 0;
    width: 90%;
    opacity: 0.5;
    cursor: pointer;
}

.book-article .article-excerpt-over i {
    font-size: 7em;
}

.book-article .article-excerpt-over h6 {
    font-size: 1.3em;
    padding-top: 40%;
    padding-right: 35%;
    color: white;
    text-decoration: underline;
}

.team-article .article-excerpt-over {
    padding-top: 30%;
    position: absolute;
    top: 0;
    width: 90%;
    opacity: 0.5;
    cursor: pointer;
}

.team-article .article-excerpt-over i {
    font-size: 7em;
}

.team-article .article-excerpt-over h6 {
    font-size: 1.3em;
    padding-top: 40%;
    padding-right: 35%;
    color: white;
    text-decoration: underline;
}

.container .team-article .article-excerpt .h6-team-mail {
    /* width: 108px !important;*/
    max-width: 70% !important;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 10px;
    padding-right: 10px;
    direction: ltr;
}

.container .team-article .article-excerpt .h6-team-mail .team-mail {
    /* font-size: 11px;*/
}

@media (max-width: 767px) {
    .div-team-mail {
        overflow: hidden;
        text-overflow: ellipsis;
        height: 44px;
        display: inline-flex;
    }

    .div-team-mail .h6-team-mail {
        font-size: 0.8em;
        width: 90px;
        padding-top: 10px;
    }
}

.container .search-phone button {
    min-width: 80px !important;
}

.article-down {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
}

.book-article .article-down {
    width: 93% !important;
}

.article-header-two-line {
    max-height: 47px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .article-header-two-line {
        max-height: 38px;
    }
}

.the_post_content ul {
    padding-right: 20px;
}

/* Margins */
.margin-all-0 {
    margin: 0 !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-right-0 {
    margin-right: 0 !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-all-xs {
    margin: 5px !important;
}

.margin-top-xs {
    margin-top: 5px !important;
}

.margin-right-xs {
    margin-right: 5px !important;
}

.margin-bottom-xs {
    margin-bottom: 5px !important;
}

.margin-left-xs {
    margin-left: 5px !important;
}

.margin-all-sm {
    margin: 10px !important;
}

.margin-top-sm {
    margin-top: 10px !important;
}

.margin-right-sm {
    margin-right: 10px !important;
}

.margin-bottom-sm {
    margin-bottom: 10px !important;
}

.margin-left-sm {
    margin-left: 10px !important;
}

.margin-all-md {
    margin: 15px !important;
}

.margin-top-md {
    margin-top: 15px !important;
}

.margin-right-md {
    margin-right: 15px !important;
}

.margin-bottom-md {
    margin-bottom: 15px !important;
}

.margin-left-md {
    margin-left: 15px !important;
}

.margin-all-lg {
    margin: 30px !important;
}

.margin-top-lg {
    margin-top: 30px !important;
}

.margin-right-lg {
    margin-right: 30px !important;
}

.margin-bottom-lg {
    margin-bottom: 30px !important;
}

.margin-left-lg {
    margin-left: 30px !important;
}

/* Paddings */
.padding-x-md {
    padding-right: 15px;
    padding-left: 15px;
}

.padding-y-md {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-x-lg {
    padding-right: 30px;
    padding-left: 30px;
}

.padding-all-0 {
    padding: 0 !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-all-xs {
    padding: 5px !important;
}

.padding-top-xs {
    padding-top: 5px !important;
}

.padding-right-xs {
    padding-right: 5px !important;
}

.padding-bottom-xxs {
    padding-bottom: 4px !important;
}

.padding-top-xxs {
    padding-top: 4px !important;
}

.padding-left-xs {
    padding-left: 5px !important;
}

.padding-all-sm {
    padding: 10px !important;
}

.padding-top-sm {
    padding-top: 10px !important;
}

.padding-right-sm {
    padding-right: 10px !important;
}

.padding-bottom-sm {
    padding-bottom: 10px !important;
}

.padding-bottom-xs {
    padding-bottom: 5px !important;
}

.padding-left-sm {
    padding-left: 10px !important;
}

.padding-all-md {
    padding: 15px !important;
}

.padding-top-md {
    padding-top: 15px !important;
}

.padding-right-md {
    padding-right: 15px !important;
}

.padding-bottom-md {
    padding-bottom: 15px !important;
}

.padding-left-md {
    padding-left: 15px !important;
}

.padding-all-lg {
    padding: 30px !important;
}

.padding-top-lg {
    padding-top: 30px !important;
}

.padding-right-lg {
    padding-right: 30px !important;
}

.padding-bottom-lg {
    padding-bottom: 30px !important;
}

.padding-left-lg {
    padding-left: 30px !important;
}

.padding-right-50 {
    padding-right: 50px;
}

.padding-left-50 {
    padding-left: 50px;
}

.input-padding {
    padding-right: 10px;
}

.vertical-align-middle {
    vertical-align: middle;
}

.margin-auto {
    margin-left: auto;
    margin-right: auto;
}

.line-height-70 {
    line-height: 70px;
}

/* borders */
/* border-sm */
.border-top-xs {
    border-top: 1px solid;
}

.border-bottom-xs {
    border-bottom: 1px solid;
}

.border-right-xs {
    border-bottom: 1px solid;
}

.border-left-xs {
    border-bottom: 1px solid;
}

/* border sm */
.border-top-sm {
    border-bottom: 2px solid;
}

.border-bottom-sm {
    border-bottom: 2px solid;
}

.border-right-sm {
    border-right: 2px solid;
}

.border-left-sm {
    border-right: 2px solid;
}

/* border md */
.border-top-md {
    border-top: 3px solid;
}

.border-bottom-md {
    border-bottom: 3px solid;
}

.border-right-md {
    border-right: 3px solid;
}

.border-left-md {
    border-left: 3px solid;
}

/* border lg */
.border-top-lg {
    border-top: 5px solid;
}

.border-bottom-lg {
    border-bottom: 5px solid;
}

.border-right-lg {
    border-right: 5px solid;
}

.border-left-lg {
    border-left: 5px solid;
}

.border-4 {
    border: 4px solid;
}

/* END BORDERS */
.no-border {
    border: none !important;
}

.transparent {
    background-color: transparent;
}

.display-none {
    display: none !important;
}

.display-block {
    display: block;
}

.bold {
    font-weight: bold;
}

.float-right {
    float: right;
}

.font-weight-normal {
    font-weight: normal !important;
}

.font-size-1-1 {
    font-size: 1.1em;
}

.font-size-0-7 {
    font-size: 0.7em;
}

.font-weight-bold {
    font-weight: bold !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.transition {
    -webkit-transition: 0.3s, ease;
    -moz-transition: 0.3s, ease;
    -ms-transition: 0.3s, ease;
    -o-transition: 0.3s, ease;
    transition: 0.3s, ease;
}

.line-height-4 {
    line-height: 0.4;
}

.background-transparent {
    background-color: transparent !important;
}

/* entry-content.less */
.entry-content p {
    padding-bottom: 22px;
    line-height: 1.4;
}

.entry-content ol {
    margin-right: 15px;
}

/* animate.less */
@media (max-width: 767px) {
    div[data-animate='fadeIn 60%'],
    div[data-animate=fadeInLeftBig],
    div[data-animate=bounceIn],
    div[data-animate=fadeInRightBig],
    div[data-animate=rollIn],
    div[data-animate=rotateInUpRight],
    div[data-animate=fadeInUpBig] {
        opacity: 1 !important;
    }
}

@media (min-width: 768px) {
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        animation-delay: 2s;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.bounceIn,
    .animated.bounceOut {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

    .animated.flipOutX,
    .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

    @-webkit-keyframes bounce {
        from,
        20%,
        53%,
        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);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
        }
        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }
    @keyframes bounce {
        from,
        20%,
        53%,
        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);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
        }
        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }
    @-webkit-keyframes bounce_small {
        from,
        20%,
        53%,
        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);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }
        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }
    @keyframes bounce_small {
        from,
        20%,
        53%,
        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);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }
        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }
    .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    @-webkit-keyframes flash {
        from,
        50%,
        to {
            opacity: 1;
        }
        25%,
        75% {
            opacity: 0;
        }
    }
    @keyframes flash {
        from,
        50%,
        to {
            opacity: 1;
        }
        25%,
        75% {
            opacity: 0;
        }
    }
    .flash {
        -webkit-animation-name: flash;
        animation-name: flash;
    }

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
    @-webkit-keyframes pulse {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    @keyframes pulse {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse;
    }

    @-webkit-keyframes rubberBand {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        30% {
            -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
        }
        40% {
            -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
        }
        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
        }
        65% {
            -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
        }
        75% {
            -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    @keyframes rubberBand {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        30% {
            -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
        }
        40% {
            -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
        }
        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
        }
        65% {
            -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
        }
        75% {
            -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    .rubberBand {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
    }

    @-webkit-keyframes shake {
        from,
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }
        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }
    }
    @keyframes shake {
        from,
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }
        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }
    }
    .shake {
        -webkit-animation-name: shake;
        animation-name: shake;
    }

    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
        }
        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
        }
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
        }
        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
        }
        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
        }
    }
    @keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
        }
        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
        }
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
        }
        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
        }
        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
        }
    }
    .swing {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing;
    }

    @-webkit-keyframes tada {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        10%,
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        }
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        }
        40%,
        60%,
        80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    @keyframes tada {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
        10%,
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        }
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        }
        40%,
        60%,
        80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        }
        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    .tada {
        -webkit-animation-name: tada;
        animation-name: tada;
    }

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
    @-webkit-keyframes wobble {
        from {
            -webkit-transform: none;
            transform: none;
        }
        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        }
        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        }
        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        }
        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        }
        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        }
        to {
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes wobble {
        from {
            -webkit-transform: none;
            transform: none;
        }
        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        }
        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        }
        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        }
        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        }
        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        }
        to {
            -webkit-transform: none;
            transform: none;
        }
    }
    .wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble;
    }

    @-webkit-keyframes jello {
        from,
        11.1%,
        to {
            -webkit-transform: none;
            transform: none;
        }
        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
        }
        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
        }
        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
        }
        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
        }
        66.6% {
            -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
        }
        77.7% {
            -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg);
        }
        88.8% {
            -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        }
    }
    @keyframes jello {
        from,
        11.1%,
        to {
            -webkit-transform: none;
            transform: none;
        }
        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg);
        }
        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg);
        }
        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg);
        }
        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg);
        }
        66.6% {
            -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg);
        }
        77.7% {
            -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg);
        }
        88.8% {
            -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        }
    }
    .jello {
        -webkit-animation-name: jello;
        animation-name: jello;
        -webkit-transform-origin: center;
        transform-origin: center;
    }

    @-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-name: bounceIn;
        animation-name: bounceIn;
    }

    @-webkit-keyframes bounceInDown {
        from,
        60%,
        75%,
        90%,
        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: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
        }
        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
        }
        to {
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes bounceInDown {
        from,
        60%,
        75%,
        90%,
        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: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
        }
        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
        }
        to {
            -webkit-transform: none;
            transform: none;
        }
    }
    .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    @-webkit-keyframes bounceInLeft {
        from,
        60%,
        75%,
        90%,
        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: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }
        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }
        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }
        to {
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes bounceInLeft {
        from,
        60%,
        75%,
        90%,
        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: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }
        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }
        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }
        to {
            -webkit-transform: none;
            transform: none;
        }
    }
    .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
    }

    @-webkit-keyframes bounceInRight {
        from,
        60%,
        75%,
        90%,
        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);
        }
        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
        }
        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }
        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
        }
        to {
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes bounceInRight {
        from,
        60%,
        75%,
        90%,
        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);
        }
        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
        }
        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }
        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
        }
        to {
            -webkit-transform: none;
            transform: none;
        }
    }
    .bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
    }

    @-webkit-keyframes bounceInUp {
        from,
        60%,
        75%,
        90%,
        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);
        }
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }
        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    @keyframes bounceInUp {
        from,
        60%,
        75%,
        90%,
        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);
        }
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }
        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    .bounceInUp {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
    }

    @-webkit-keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
        }
        50%,
        55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
    }
    @keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
        }
        50%,
        55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
    }
    .bounceOut {
        -webkit-animation-name: bounceOut;
        animation-name: bounceOut;
    }

    @-webkit-keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }
        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
    }
    @keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }
        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
    }
    .bounceOutDown {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown;
    }

    @-webkit-keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
    }
    @keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
    }
    .bounceOutLeft {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft;
    }

    @-webkit-keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
    }
    @keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
    }
    .bounceOutRight {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight;
    }

    @-webkit-keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }
        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
    }
    @keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }
        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
    }
    .bounceOutUp {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp;
    }

    @-webkit-keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }

    @-webkit-keyframes fadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    @-webkit-keyframes fadeInDownBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInDownBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    .fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig;
    }

    @-webkit-keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }

    @-webkit-keyframes fadeInLeftBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInLeftBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    .fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig;
    }

    @-webkit-keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    @-webkit-keyframes fadeInRightBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInRightBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    .fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig;
    }

    @-webkit-keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    @-webkit-keyframes fadeInUpBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInUpBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    .fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig;
    }

    @-webkit-keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    @keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
    }

    @-webkit-keyframes fadeOutDown {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
    }
    @keyframes fadeOutDown {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
    }
    .fadeOutDown {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown;
    }

    @-webkit-keyframes fadeOutDownBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
    }
    @keyframes fadeOutDownBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
        }
    }
    .fadeOutDownBig {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig;
    }

    @-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-keyframes fadeOutLeftBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
    }
    @keyframes fadeOutLeftBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
        }
    }
    .fadeOutLeftBig {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig;
    }

    @-webkit-keyframes fadeOutRight {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    @keyframes fadeOutRight {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight;
    }

    @-webkit-keyframes fadeOutRightBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
    }
    @keyframes fadeOutRightBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
        }
    }
    .fadeOutRightBig {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig;
    }

    @-webkit-keyframes fadeOutUp {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }
    @keyframes fadeOutUp {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }
    .fadeOutUp {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp;
    }

    @-webkit-keyframes fadeOutUpBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
    }
    @keyframes fadeOutUpBig {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
        }
    }
    .fadeOutUpBig {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig;
    }

    @-webkit-keyframes flip {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        40% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        50% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        80% {
            -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }
    @keyframes flip {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        40% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        50% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        80% {
            -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }
    .animated.flip {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip;
    }

    @-webkit-keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }
    @keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }
    .flipInX {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX;
    }

    @-webkit-keyframes flipInY {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }
    @keyframes flipInY {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }
    .flipInY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInY;
        animation-name: flipInY;
    }

    @-webkit-keyframes flipOutX {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1;
        }
        to {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0;
        }
    }
    @keyframes flipOutX {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1;
        }
        to {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0;
        }
    }
    .flipOutX {
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
    }

    @-webkit-keyframes flipOutY {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1;
        }
        to {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0;
        }
    }
    @keyframes flipOutY {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1;
        }
        to {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0;
        }
    }
    .flipOutY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY;
    }

    @-webkit-keyframes lightSpeedIn {
        from {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }
        to {
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes lightSpeedIn {
        from {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1;
        }
        to {
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    .lightSpeedIn {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    @-webkit-keyframes lightSpeedOut {
        from {
            opacity: 1;
        }
        to {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0;
        }
    }
    @keyframes lightSpeedOut {
        from {
            opacity: 1;
        }
        to {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0;
        }
    }
    .lightSpeedOut {
        -webkit-animation-name: lightSpeedOut;
        animation-name: lightSpeedOut;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    @-webkit-keyframes rotateIn {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes rotateIn {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    .rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn;
    }

    @-webkit-keyframes rotateInDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes rotateInDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    .rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft;
    }

    @-webkit-keyframes rotateInDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes rotateInDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    .rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight;
    }

    @-webkit-keyframes rotateInUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes rotateInUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    .rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft;
    }

    @-webkit-keyframes rotateInUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    @keyframes rotateInUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }
    .rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight;
    }

    @-webkit-keyframes rotateOut {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0;
        }
    }
    @keyframes rotateOut {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0;
        }
    }
    .rotateOut {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut;
    }

    @-webkit-keyframes rotateOutDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }
    }
    @keyframes rotateOutDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0;
        }
    }
    .rotateOutDownLeft {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft;
    }

    @-webkit-keyframes rotateOutDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0;
        }
    }
    @keyframes rotateOutDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0;
        }
    }
    .rotateOutDownRight {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight;
    }

    @-webkit-keyframes rotateOutUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0;
        }
    }
    @keyframes rotateOutUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0;
        }
    }
    .rotateOutUpLeft {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft;
    }

    @-webkit-keyframes rotateOutUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0;
        }
    }
    @keyframes rotateOutUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1;
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0;
        }
    }
    .rotateOutUpRight {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight;
    }

    @-webkit-keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        20%,
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        40%,
        80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1;
        }
        to {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0;
        }
    }
    @keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        20%,
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        40%,
        80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1;
        }
        to {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0;
        }
    }
    .hinge {
        -webkit-animation-name: hinge;
        animation-name: hinge;
    }

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
    @-webkit-keyframes rollIn {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes rollIn {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    .rollIn {
        -webkit-animation-name: rollIn;
        animation-name: rollIn;
    }

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
    @-webkit-keyframes rollOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        }
    }
    @keyframes rollOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        }
    }
    .rollOut {
        -webkit-animation-name: rollOut;
        animation-name: rollOut;
    }

    @-webkit-keyframes zoomIn {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        50% {
            opacity: 1;
        }
    }
    @keyframes zoomIn {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        50% {
            opacity: 1;
        }
    }
    .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
    }

    @-webkit-keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    @keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    .zoomInDown {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown;
    }

    @-webkit-keyframes zoomInLeft {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    @keyframes zoomInLeft {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    .zoomInLeft {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft;
    }

    @-webkit-keyframes zoomInRight {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    @keyframes zoomInRight {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    .zoomInRight {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight;
    }

    @-webkit-keyframes zoomInUp {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    @keyframes zoomInUp {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    .zoomInUp {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp;
    }

    @-webkit-keyframes zoomOut {
        from {
            opacity: 1;
        }
        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        to {
            opacity: 0;
        }
    }
    @keyframes zoomOut {
        from {
            opacity: 1;
        }
        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        to {
            opacity: 0;
        }
    }
    .zoomOut {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut;
    }

    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    @keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    .zoomOutDown {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown;
    }

    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }
    }
    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }
    }
    .zoomOutLeft {
        -webkit-animation-name: zoomOutLeft;
        animation-name: zoomOutLeft;
    }

    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }
    }
    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        }
        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }
    }
    .zoomOutRight {
        -webkit-animation-name: zoomOutRight;
        animation-name: zoomOutRight;
    }

    @-webkit-keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    @keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
    }
    .zoomOutUp {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp;
    }

    @-webkit-keyframes slideInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    @keyframes slideInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
    }

    @-webkit-keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    @keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
    }

    @-webkit-keyframes slideInRight {
        from {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    @keyframes slideInRight {
        from {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight;
    }

    @-webkit-keyframes slideInUp {
        from {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    @keyframes slideInUp {
        from {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
    }

    @-webkit-keyframes slideOutDown {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
    }
    @keyframes slideOutDown {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
    }
    .slideOutDown {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown;
    }

    @-webkit-keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(-500%, 0, 0);
            transform: translate3d(-500%, 0, 0);
        }
    }
    @keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-500%, 0, 0);
        }
    }
    .slideOutLeft {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft;
    }

    @-webkit-keyframes slideOutRight {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    @keyframes slideOutRight {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }
    .slideOutRight {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight;
    }

    @-webkit-keyframes slideOutUp {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }
    @keyframes slideOutUp {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }
    .slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp;
    }

    @keyframes cloudsAnimate {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(-2500px, 0, 0);
            -ms-transform: translate3d(-2500px, 0, 0);
            transform: translate3d(-2500px, 0, 0);
            -moz-transform: translate3d(-2500px, 0, 0);
            -o-transform: translate3d(-2500px, 0, 0);
        }
    }
    .cloudsAnimate {
        -webkit-animation-name: cloudsAnimate;
        animation-name: cloudsAnimate;
        -ms-animation-name: cloudsAnimate;
        -moz-animation-name: cloudsAnimate;
        -o-animation-name: cloudsAnimate;
    }

    @keyframes cloudsAnimate-left {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(-700px, 0, 0);
            -ms-transform: translate3d(-700px, 0, 0);
            transform: translate3d(-700px, 0, 0);
            -moz-transform: translate3d(-700px, 0, 0);
            -o-transform: translate3d(-700px, 0, 0);
        }
    }
    .cloudsAnimate-left {
        -webkit-animation-name: cloudsAnimate-left;
        animation-name: cloudsAnimate-left;
        -ms-animation-name: cloudsAnimate-left;
        -moz-animation-name: cloudsAnimate-left;
        -o-animation-name: cloudsAnimate-left;
    }

    @keyframes carsAnimate {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(3000px, 0, 0);
            -ms-transform: translate3d(3000px, 0, 0);
            -moz-transform: translate3d(3000px, 0, 0);
            -o-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
        }
    }
    .carsAnimate {
        -webkit-animation-name: carsAnimate;
        animation-name: carsAnimate;
        -ms-animation-name: carsAnimate;
        -moz-animation-name: carsAnimate;
        -o-animation-name: carsAnimate;
    }

    @keyframes carsAnimate-right {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(-3000px, 0, 0);
            -ms-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
            -moz-transform: translate3d(-3000px, 0, 0);
            -o-transform: translate3d(-3000px, 0, 0);
        }
    }
    .carsAnimate-right {
        -webkit-animation-name: carsAnimate-right;
        animation-name: carsAnimate-right;
        -ms-animation-name: carsAnimate-right;
        -moz-animation-name: carsAnimate-right;
        -o-animation-name: carsAnimate-right;
    }
}

/* end animate.less */
@media (max-width: 767px) {
    div[data-animate='fadeIn 60%'],
    div[data-animate=fadeInLeftBig],
    div[data-animate=bounceIn],
    div[data-animate=fadeInRightBig],
    div[data-animate=rollIn],
    div[data-animate=rotateInUpRight],
    div[data-animate=fadeInUpBig] {
        opacity: 1 !important;
    }
}

@media (min-width: 768px) {
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(20px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    .infinite {
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
    }

    @-webkit-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-1000px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }
    @keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            transform: translateX(-1000px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }
    .active .fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig;
    }

    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(1000px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }
    @keyframes fadeInRightBig {
        0% {
            opacity: 0;
            transform: translateX(1000px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }
    .active .fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig;
    }

    @-webkit-keyframes bounce {
        0%,
        20%,
        50%,
        80%,
        100% {
            -webkit-transform: translateY(0);
        }
        40% {
            -webkit-transform: translateY(-30px);
        }
        60% {
            -webkit-transform: translateY(-15px);
        }
    }
    @keyframes bounce {
        0%,
        20%,
        50%,
        80%,
        100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-30px);
        }
        60% {
            transform: translateY(-15px);
        }
    }
    @-webkit-keyframes bounce_small {
        0%,
        20%,
        50%,
        80%,
        100% {
            -webkit-transform: translateY(0);
        }
        40% {
            -webkit-transform: translateY(-10px);
        }
        60% {
            -webkit-transform: translateY(-5px);
        }
    }
    @keyframes bounce_small {
        0%,
        20%,
        50%,
        80%,
        100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-10px);
        }
        60% {
            transform: translateY(-5px);
        }
    }
    .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
    }

    .active .grow {
        -webkit-animation-name: grow;
        animation-name: grow;
    }

    @-webkit-keyframes grow {
        0% {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }
        100% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    }
    @keyframes grow {
        0% {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }
        100% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    }
    @-webkit-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }
    @keyframes fadeInUpBig {
        0% {
            opacity: 0;
            transform: translateY(2000px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .active .fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig;
    }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale(1);
        }
        50% {
            -webkit-transform: scale(1.1);
        }
        100% {
            -webkit-transform: scale(1);
        }
    }
    @keyframes pulse {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    @-webkit-keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
        }
        60% {
            opacity: 1;
            -webkit-transform: translateY(30px);
        }
        80% {
            -webkit-transform: translateY(-10px);
        }
        100% {
            -webkit-transform: translateY(0);
        }
    }
    @keyframes bounceInDown {
        0% {
            opacity: 0;
            transform: translateY(-2000px);
        }
        60% {
            opacity: 1;
            transform: translateY(30px);
        }
        80% {
            transform: translateY(-10px);
        }
        100% {
            transform: translateY(0);
        }
    }
    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }
    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translateY(-20px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    @-webkit-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }
    @keyframes fadeInDownBig {
        0% {
            opacity: 0;
            transform: translateY(-2000px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .active .fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig;
        -webkit-animation-duration: 1.2s;
        animation-duration: 1.2s;
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }
    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translateY(-20px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    @-webkit-keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    @keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }
    .active .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
    }

    @-webkit-keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    .active .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }

    @-webkit-keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    .active .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    @-webkit-keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    .active .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }

    .hvr-icon-forward {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        padding-right: 2.2em;
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
    }

    .hvr-icon-forward:before {
        content: "\f138";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-forward:hover:before,
    .hvr-icon-forward:focus:before,
    .hvr-icon-forward:active:before {
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px);
    }

    .hvr-grow {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-grow:hover,
    .hvr-grow:focus,
    .hvr-grow:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        text-decoration: none;
    }

    [class^="hvr-"] {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    [class^="hvr-"] {
        padding: 1em;
    }
}

/* weekly.less */
.weekly-form {
    display: inline-block;
}

.choose-weekly-date {
    display: inline-block;
}

@media (max-width: 768px) {
    .choose-date-row .fa-angle-right,
    .choose-date-row .fa-angle-left {
        font-size: 2.2em !important;
    }
}

@media (min-width: 768px) {
    .weekly-dropdown {
        padding-left: 15px;
    }
}

.weekly-dropdown .dropdown-weekly {
    position: relative;
}

.weekly-dropdown .dropdown-weekly i {
    position: absolute;
    top: 10px;
}

.weekly-table table {
    table-layout: fixed;
}

.weekly-table table tbody tr td,
.weekly-table table tbody tr th {
    word-wrap: break-word;
}

.weekly-table table tbody tr td .mtli_attachment,
.weekly-table table tbody tr th .mtli_attachment {
    display: inline;
}

.weekly-modal .modal-dialog {
    width: 95% !important;
}

.floatingHeader {
    position: fixed;
    top: 0;
    visibility: hidden;
    z-index: 9999;
}

.floatingHeader th {
    padding: 5px !important;
}

@media (max-width: 320px) {
    #Thistable {
        font-size: 6px;
    }

    .weekly-table .teacher-content p span {
        font-size: 6px !important;
    }

    .weekly-table .teacher-content p {
        font-size: 7px;
    }
}

.date-range {
    font-size: 1.8em;
}

@media (max-width: 768px) {
    .date-range {
        font-size: 0.8em;
    }
}

.date-range.newsletter {
    font-size: 100%;
}

.choose-weekly-date .startDate-label {
    cursor: pointer;
}

.choose-weekly-date .startDate-label:before {
    content: "\f073";
    font-family: FontAwesome;
    margin-left: 5px;
    vertical-align: middle;
}

.dropdown-weekly label {
    font-size: 1.3em;
}

@media (max-width: 768px) {
    .dropdown-weekly label {
        font-size: 1.0em;
        padding-left: 13px;
    }
}

.edit_weekly .icon-pen,
.edit_weekly .icon-pages3 {
    line-height: 1 !important;
    padding-top: 1px;
}

.week-picker2,
.week-picker3 {
    top: 30px;
}

.week-picker3 {
    position: absolute;
    z-index: 100;
}

.color-orange {
    color: #f26722;
}

#startDate2,
#startDate3 {
    position: relative;
    z-index: 1;
    background-color: transparent;
    border: 1px solid #d5d5d5;
    width: 107%;
    padding: 3px;
}

.icon-calendar {
    z-index: 0;
    position: absolute;
    color: #0099cc;
    top: 0;
    left: -7px;
    font-size: 25px;
}

.choose-date-row .fa-angle-right {
    vertical-align: middle;
    width: 22px;
    margin-top: -12px;
}

@media (min-width: 768px) {
    .choose-date-row .fa-angle-right {
        font-size: 3em !important;
    }
}

.choose-date-row .fa-angle-left {
    vertical-align: middle;
    width: 22px;
    margin-top: -12px;
}

@media (min-width: 768px) {
    .choose-date-row .fa-angle-left {
        font-size: 3em !important;
    }
}

@media (min-width: 768px) {
}

@media (max-width: 768px) {
    .sogo_weekly_widget_wrapper .show-full-screen {
        width: 63%;
    }
}

.show-full-screen {
    border: 1px solid;
    border-radius: 0;
    padding: 5px;
}

.show-full-screen i {
    margin-right: 2px;
    margin-left: 2px;
}

.print {
    border: 1px solid;
    border-radius: 0;
    padding: 5px;
}

.print i {
    margin-right: 2px;
    margin-left: 2px;
}

@media (min-width: 768px) {
    .weekly_by_class {
        padding-right: 30px !important;
    }
}

.edit-format {
    font-size: 15px;
}

.line-grey-under {
    border-bottom: 2px solid #f6f6f6;
    height: 1px;
    margin: 10px;
}

.icon-pages3 {
    font-size: 20px;
    float: right;
}

.edit_plan_admin {
    border: 1px solid;
    border-radius: 0;
    padding: 5px;
    margin-bottom: 5px;
}

.edit_plan_admin i {
    padding: 4px;
}

.edit-plan-row {
    border: 1px solid #dadada;
    padding: 20px 5px;
}

.edit-plan-row .settings-button a {
    border: 1px solid;
    border-radius: 0;
    padding: 5px;
    margin-left: 5px;
}

.edit-plan-row .settings-button i {
    margin-left: 5px;
    vertical-align: middle;
}

.edit-plan-row .edit-weekly-plane {
    display: block;
    font-size: 1.4em;
}

.edit-plan-row .edit-weekly-plane i {
    vertical-align: middle;
    color: #d80000;
    padding-left: 10px;
}

.edit-plan-row .radios-form-group label {
    display: block;
}

.edit-plan-row .radios-form-group input {
    margin-top: 0px;
    vertical-align: middle;
    margin-left: 7px;
}

.edit-plan-row .choose-classes {
    display: inline-block;
    position: relative;
}

.edit-plan-row .choose-classes select {
    padding-left: 20px !important;
    padding-right: 5px;
}

.edit-plan-row .choose-classes i {
    position: absolute;
    left: 5px;
    top: 6px;
}

.edit-plan-row .edit-plan {
    border: 1px solid;
    padding: 5px;
}

.prev-week .next-week {
    font-size: 12px;
    font-weight: bold;
}

.panel-default .panel-header.bg-lightblue {
    background-color: #ecf9fe;
    padding-right: 10px;
    min-height: 66px;
    font-size: 24px;
    cursor: pointer;
    border-bottom: solid 1px;
}

@media (max-width: 768px) {
    .panel-default .panel-header.bg-lightblue {
        min-height: 50px;
        font-size: 14px;
    }
}

.panel-default .panel-header.bg-lightblue h3 {
    float: right;
    padding: 20px 20px;
    text-align: center;
    font-weight: bold;
}

.panel-default .panel-header.bg-lightblue div > .icon {
    float: right;
    font-size: 40px;
    padding: 15px;
}

@media (max-width: 768px) {
    .panel-default .panel-header.bg-lightblue div > .icon {
        font-size: 20px;
    }
}

.panel-default .panel-header.bg-lightblue .header-tools {
    float: left;
}

.pannel-fa-icon {
    padding: 10px;
}

.weekly-date-background {
    background-color: #F6F6F6;
}

.color-blue {
    color: #0099cc;
}

.classes_search {
    display: inline-block;
    position: relative;
    padding-right: 0px !important;
}

@media (min-width: 768px) {
    .classes_search {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .classes_search {
        margin-top: 7px !important;
        margin-right: 10px;
    }
}

.classes_search select {
    padding-right: 10px !important;
}

.classes_search .btn-filter {
    min-width: 0;
}

.classes_search i {
    position: absolute;
    left: 10px;
}

@media (max-width: 768px) {
    .classes_search i {
        top: 16px;
    }
}

@media (min-width: 768px) {
    .classes_search i {
        top: 10px;
    }
}

.class_design {
    font-size: 18px;
}

#title_weekly {
    width: 40%;
}

#please-wait {
    overflow: hidden !important;
    height: 150px !important;
    top: 40%;
}

#pleaseWaitDialog {
    overflow: hidden;
}

.close_page {
    cursor: pointer;
    font-size: 22px;
    float: left;
}

.form-control-weekly {
    background-color: rgba(0, 0, 0, 0.02);
    border: 1px solid #d5d5d5;
    padding-right: 10px;
    border-radius: 0;
    padding-left: 25px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#prev_week {
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}

@media (max-width: 768px) {
    #prev_week {
        font-size: 0.7em;
    }
}

#next_week {
    cursor: pointer;
    font-weight: bold;
}

@media (max-width: 768px) {
    #next_week {
        font-size: 0.7em;
    }
}

.weekly-table thead tr th {
    border: 2px solid #ddd;
}

.weekly-table thead tr th h3 {
    line-height: 1.3 !important;
    padding: 5px;
}

.weekly-table thead tr th h2 {
    padding-bottom: 5px;
}

.weekly-table tbody tr td {
    border: 2px solid #ddd;
}

.weekly-table th:first-child {
    width: 8%;
}

.weekly-table th:nth-child(n+2) {
    width: 15%;
}

.weekly-table .lesson-wrapper {
    margin-top: -7px;
    font-size: 1.1em;
}

.weekly-table .lesson-wrapper h2 {
    margin-top: 10px;
}

.weekly-table .lesson-wrapper span {
    font-size: 0.8em;
}

@media (max-width: 767px) {
    .weekly-table .lesson-wrapper {
        margin-top: 0px !important;
    }
}

.weekly-table .lesson-wrapper img {
    margin: 0 auto;
}

.weekly-table .teacher {
    line-height: 1 !important;
}

.weekly-table .hour {
    font-size: 2em;
}

.weekly-table td {
    color: #000 !important;
}

.weekly-table td a {
    /* color: #000;*/
}

.weekly-table .fa-pencil {
    font-size: 1.3em;
    color: #757575;
}

.weekly-table .teacher-content p {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    #Thistable {
        font-size: 20px;
    }

    #Thistable td {
        line-height: normal;
    }

    .weekly-table thead tr th {
        height: 100% !important;
        border-width: 0.25px !important;
    }

    .weekly-table thead tr th h3 {
        padding: 1px;
        font-size: 1.4em;
    }

    .weekly-table tbody tr td {
        height: 100% !important;
        padding: 2px;
        border-width: 0.25px;
    }

    .weekly-table tbody tr td .lesson-wrapper h2 {
        margin-top: 8px;
        font-size: 0.9em;
    }

    .weekly-table .teacher {
        line-height: 1.5;
    }

    .weekly-table .teacher span {
        line-height: 1.2em;
        font-size: 0.75em;
        display: block;
    }

    .weekly-table .teacher-content p {
        display: block;
        font-size: 19px;
        margin: 3px 0;
    }
}

@media (max-width: 700px) {
    #Thistable {
        font-size: 7px;
    }

    .weekly-table .teacher-content p,
    .weekly-table .teacher-content span,
    .weekly-table .teacher-content li {
        font-size: 6px;
        line-height: 6px;
    }

    .weekly-table .teacher-content p span {
        font-size: 5px !important;
    }

    .weekly-table + .footer-message {
        font-size: 0.5em;
    }

    .floatingHeader {
        right: 30px;
        top: 0;
    }
}

.footer-message {
    margin-bottom: 15px;
    background-color: #f6f6f6;
    padding: 15px;
}

.footer-message .heading {
    font-size: 1.5em;
    margin-bottom: 5px;
}

.footer-content {
    font-size: 1.4em;
}

.footer-content a {
    color: #000;
}

.footer-send-message .icon-news {
    font-size: 2em;
    float: right;
    padding-left: 5px;
    padding-top: 10px;
    padding-right: 10px;
}

.footer-send-message h3 {
    display: inline-block;
    margin-top: 10px;
    font-size: 1.7em;
    margin-right: 9px;
}

.footer-send-message button {
    border: 1px solid;
    border-radius: 0;
    padding: 5px 20px;
    margin-left: 5px;
    float: left;
}

/* END weekly.less */
/* blog-manager.less */
.blog-manager article {
    min-height: 160px;
    margin-bottom: 30px;
}

.blog-manager article .thumbnail-wrapper {
    float: right;
    padding-left: 32px;
    padding-bottom: 10px;
}

.blog-manager article header .meta {
    margin-top: -2px;
    font-size: 1em;
}

.blog-manager article h3 {
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 7px;
}

.go_to_dashboard {
    float: left;
}

.archive1 {
    margin-bottom: 30px;
    min-height: 60px;
}

.archive1 .article-header {
    display: inline-block;
    margin-top: -5px;
}

@media (max-width: 767px) {
    .archive1 .article-header {
        margin-top: 5px;
    }
}

.archive1 .article-title {
    text-decoration: none;
}

.archive1 .article-excerpt {
    overflow: hidden;
    max-height: 80px;
}

.archive1 .sub-pages {
    display: inline-flex;
    flex-wrap: wrap;
}

.archive1 .sub-pages ul {
    line-height: 2;
    list-style: none;
}

.archive1 .post_thumbnail {
    float: right;
    padding-left: 32px;
}

.archive1 .article-title {
    margin-top: -3px;
}

.archive1 .meta {
    padding-bottom: 5px;
    font-size: 1em;
}

.archive1 .article-footer a {
    text-decoration: none;
}

.archive1 [class^="show_sub_pages"],
.archive1 [class^="hide_sub_pages"],
.archive1 [class^="show_sub_sub_pages"],
.archive1 [class^="hide_sub_sub_pages"] {
    clear: both;
    position: relative;
    left: 0px;
}

.archive2 .meta {
    padding-bottom: 20px;
    font-size: 1em;
}

@media (max-width: 768px) {
    .archive2 .meta {
        text-align: right;
    }
}

.archive2 .article-excerpt {
    overflow: hidden;
    max-height: 80px;
}

.archive2 .sub-pages ul {
    line-height: 2;
    list-style: none;
}

.archive3 .meta {
    font-size: 1em;
    padding-bottom: 5px;
}

.archive3 .article-title {
    padding-bottom: 3px;
}

.archive3 .article-footer {
    padding-bottom: 20px;
}

.archive4 .fa-clock-o {
    font-size: 0.9em;
    vertical-align: middle;
}

.archive4 .blog-name {
    font-size: 0.9em;
}

.archive4 .meta-date {
    font-size: 0.9em;
}

.archive4 .article-excerpt {
    overflow: hidden;
    max-height: 80px;
}

.archive4 .sub-pages ul {
    line-height: 2;
    list-style: none;
}

/* END blog-manager.less */
/* books.less */
.books-archive .search-books {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 30px;
}

.books-archive .search-books .dropdown-age {
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    .books-archive .search-books .dropdown-age {
        width: 30%;
        padding-top: 2px;
    }
}

.books-archive .search-books .dropdown-age button {
    width: 100%;
}

.books-archive .search-books .choose-proffesion {
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    .books-archive .search-books .choose-proffesion {
        width: 30%;
        padding-top: 2px;
    }
}

.books-archive .search-books .choose-proffesion button {
    width: 100%;
}

.books-archive .search-books .books-button {
    width: 100%;
    height: 36px;
    font-size: 1.6em;
}

@media (min-width: 768px) {
    .books-archive .search-books .books-button {
        width: 18%;
    }
}

.books-archive .filter-section .dropdown-menu {
    top: 37px;
}

.books-table thead tr th {
    padding-top: 0;
}

.books-table thead tr th:first-child {
    width: 50%;
}

.books-table thead tr th:nth-child(2) {
    width: 17%;
}

.books-table thead tr th:nth-child(3) {
    width: 33%;
}

.books-table tbody tr td {
    padding-top: 10px !important;
    padding-right: 30px !important;
    padding-left: 10px !important;
}

.books-table tbody .book-title {
    padding-bottom: 12px;
}

/* END books.less */
/* freedom */
.freedom-table table thead tr th:first-child {
    width: 20%;
}

/* END freedom */
/* contact-form.less */
input.form-control,
button.form-control,
select.form-control,
textarea.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ebebeb;
}

input.form-control {
    z-index: 9999;
    position: relative;
    background-color: transparent;
}

.date-range .icon {
    position: absolute;
    color: #0099cc;
    top: 35px;
    left: 20px;
    font-size: 25px;
}

textarea.form-control {
    height: 90px;
    font-size: 14px;
}

#send_to + i {
    position: absolute;
    top: 7px;
    left: 25px;
    pointer-events: none;
    font-size: 20px;
    color: inherit;
}

.form_send_mail select {
    font-size: 16px !important;
    color: #000;
}

.form_send_mail select option:first-child {
    display: none;
}

.form_send_mail .form-group {
    position: relative;
}

.form_send_mail label.error + i {
    position: absolute;
    top: 7px;
    left: 25px;
    pointer-events: none;
    font-size: 20px;
    color: inherit;
}

.form_send_mail label.error {
    position: absolute;
    bottom: -18px;
    right: 1px;
    color: red;
}

.form_send_mail ::-webkit-input-placeholder {
    color: #000;
}

.form_send_mail :-moz-placeholder {
    color: #000;
}

.form_send_mail ::-moz-placeholder {
    color: #000;
}

.form_send_mail :-ms-input-placeholder {
    color: #000;
}

/* form-login.less */
.form-login {
    direction: rtl;
}

@media (min-width: 768px) {
    .form-login {
        float: left;
        line-height: 35px;
    }

    .form-login.form-login-connect {
        float: right;
    }
}

@media (max-width: 767px) {
    .form-login .connect {
        vertical-align: top;
        margin-top: 10px;
        width: 20% !important;
        line-height: 1;
        min-height: 1em;
        font-weight: normal;
        font-size: 1em;
        padding-left: 5px;
    }

    .form-login.form-login-connect .connect-school {
        min-width: 4em;
    }
}

@media (min-width: 992px) {
    .form-login {
        float: left;
        margin-bottom: 20px;
    }

    .form-login.form-login-connect {
        float: right;
    }
}

@media (min-width: 1200px) {
    .form-login {
        float: left;
        margin-bottom: 0;
    }

    .form-login.form-login-connect {
        float: right;
    }
}

.form-login input.form-control {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.form-login .dropdown-toggle:hover,
.form-login .dropdown-toggle :active,
.form-login .dropdown-toggle :focus {
    outline: none;
}

@media (max-width: 767px) {
    .form-login .dropdown-toggle:hover,
    .form-login .dropdown-toggle :active,
    .form-login .dropdown-toggle :focus {
        color: #fff;
    }
}

.form-login .dropdown-toggle span {
    position: absolute;
    left: 7px;
    top: 8px;
    font-size: 16px;
}

@media (max-width: 767px) {
    .form-login .dropdown-toggle span {
        left: -9px;
    }
}

.form-login .dropdown-menu {
    top: 7px;
    right: 0;
    position: absolute;
    width: 9em;
    min-width: 0;
    padding-top: 30px;
    padding-bottom: 20px;
    line-height: 1.5em;
}

@media (max-width: 768px) {
    .form-login .dropdown-menu {
        width: 45%;
        z-index: 2;
    }
}

.form-login .dropdown-menu ul {
    text-align: center;
    font-weight: bold;
    list-style: none;
}

.form-login .dropdown-menu ul li a {
    z-index: 9999;
    display: block;
    font-weight: normal;
}

@media (min-width: 768px) {
    .form-login .dropdown-menu ul li a {
        color: #ffffff;
    }
}

@media (max-width: 991px) {
    .form-login .dropdown-menu ul li a {
        color: #ffffff;
    }
}

@media (max-width: 768px) {
    .form-login .message-simple {
        right: -5px !important;
    }
}

@media (max-width: 768px) {
    .form-login #dropdownMenu1 {
        /*font-size: 0.8em;*/
        color: #fff;
    }

    .form-login .logged-in {
        color: white;
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    .form-login .logged-in {
        font-size: 1.1em;
    }
}

.form-login .login-timer {
    position: relative;
    line-height: 18px;
}

@media (max-width: 768px) {
    .form-login .login-timer {
        width: 48% !important;
        padding-right: 45px;
        display: block;
        /*font-size: 0.7em;*/
        color: white;
        margin-top: 10px !important;
    }

    .form-login .login-timer span {
        font-size: 0.9em;
    }
}

.form-login .login-timer .message-count {
    background-color: #ef2828;
    display: block;
    position: absolute;
    width: 20px;
    right: -43px;
    height: 20px;
    top: -1px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-size: 0.9em;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .form-login .login-timer .message-count {
        right: 10px;
        top: 4px !important;
        /*display: none;*/
    }
}

.form-login .login-timer .message-count:before {
    content: "\f0e0";
    font-family: FontAwesome;
    color: #737373;
    font-size: 1.4em;
    position: absolute;
    top: 6px;
    left: -14px;
    z-index: 0;
}

@media (max-width: 768px) {
    .form-login .login-timer .message-count:before {
        color: #fff;
    }
}

@media (max-width: 767px) {
    .form-login .login-timer .message-count:before {
        font-size: 1.2em;
    }
}

.form-login .dropdown.open button {
    border-radius: 15px 15px 0 0;
}

.form-login .dropdown.open .dropdown-menu {
    z-index: 99999;
    padding-top: 18px;
    top: 20px;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

@media (max-width: 768px) {
    .form-login .loged-in {
        width: 30% !important;
        display: inline-block !important;
        margin-bottom: 15px;
        position: relative !important;
    }

    .form-login .loged-in button,
    .form-login .loged-in .form-group {
        width: 100% !important;
        display: inline-block;
    }

    .form-login .loged-in .dropdown-menu {
        right: -45px !important;
    }
}

.form-login .loged-in .dropdown-menu {
    /* width: 100% !important;*/
    width: 145px !important;
}

.forgotpadd-wrapper {
    position: absolute;
    bottom: -15px;
    right: 23px;
}

@media (max-width: 768px) {
    .forgotpadd-wrapper {
        /*left: 140px;
    right: auto;*/
        bottom: 0;
        width: 75px;
    }

    .forgotpadd-wrapper #forgotpass {
        color: #fff;
    }
}

.forgotpadd-wrapper #forgotpass {
    font-size: 0.928em;
}

#login-error-message {
    color: red;
    position: absolute;
    /*right: 44px;*/
    left: 390px;
    top: -30px;
}

@media (max-width: 768px) {
    #login-error-message {
        position: absolute;
        top: 0;
        display: block;
        text-align: center;
        left: 0;
        margin-left: 50px;
        /*right: 27%;
    margin-left: 82px;*/
    }
}

#educonnect-error-message {
    float: left;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 10px;
}

#educonnect-error-message h5,
#educonnect-error-message a {
    display: inline-block;
}

.form-login .form-group,
.form-search .form-group {
    max-width: 100%;
}

@media (max-width: 768px) {
    .form-login .form-group,
    .form-search .form-group {
        /*width: 74%;*/
        width: 40%;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 3px !important;
        text-align: right;
        position: inherit;
        float: right;
        padding-bottom: 20px;
        /*label {
        height: auto;
        clip: auto;
        position: inherit;
        text-align: right;
        width: 27%;
        margin-right: 20px;
        overflow: inherit;
      }*/
    }

    .form-login .form-group#div-edu-connect,
    .form-search .form-group#div-edu-connect {
        width: 100%;
    }
}

.form-login .form-group#div-edu-connect,
.form-search .form-group#div-edu-connect {
    margin-right: 5px;
    margin-left: 15px;
    padding-left: 15px;
}

@media (max-width: 768px) {
    .form-login .form-group#div-edu-connect,
    .form-search .form-group#div-edu-connect {
        margin-left: 0;
        padding-left: 0;
        margin-top: 15px;
    }
}

.form-login .form-group#div-edu-connect #img-edu-connect,
.form-search .form-group#div-edu-connect #img-edu-connect {
    margin-left: 5px;
}

.form-login .form-group > input,
.form-search .form-group > input {
    position: relative;
    width: 46%;
    font-size: 14px;
    padding-right: 28px;
    max-width: 100%;
    float: right;
    margin-left: 10px;
    height: 33px;
}

@media (max-width: 991px) {
    .form-login .form-group > input,
    .form-search .form-group > input {
        width: 95%;
        margin-left: 5%;
        float: none;
        display: inline-block;
    }
}

@media (min-width: 991px) {
    .form-login .form-group > input,
    .form-search .form-group > input {
        width: 9em;
    }
}

@media (max-width: 767px) {
    .form-login .form-group > input,
    .form-search .form-group > input {
        background-color: white;
    }
}

.form-login .form-group button,
.form-search .form-group button {
    position: relative;
    width: 46%;
    /*font-size: 0.9em;*/
    padding-right: 0;
    max-width: 100%;
    float: right;
    margin-left: 10px;
    height: 33px;
}

@media (max-width: 768px) {
    .form-login .form-group button,
    .form-search .form-group button {
        width: 45%;
        margin-left: 5%;
    }
}

@media (min-width: 768px) {
    .form-login .form-group button,
    .form-search .form-group button {
        width: 9em;
    }
}

.form-login .form-group .form-control::-webkit-input-placeholder,
.form-search .form-group .form-control::-webkit-input-placeholder {
    color: #c2c2c2;
}

.form-login .form-group .form-control:-moz-placeholder,
.form-search .form-group .form-control:-moz-placeholder {
    color: #c2c2c2;
}

.form-login .form-group .form-control::-moz-placeholder,
.form-search .form-group .form-control::-moz-placeholder {
    color: #c2c2c2;
}

.form-login .form-group .form-control:-ms-input-placeholder,
.form-search .form-group .form-control:-ms-input-placeholder {
    color: #c2c2c2;
}

.form-login .form-group i,
.form-search .form-group i {
    right: 0;
    z-index: 999;
    position: absolute;
    padding-right: 0.814em;
    padding-top: 0.514em;
    font-size: 1.1em;
    left: auto !important;
}

@media (max-width: 768px) {
    .form-login .form-group i,
    .form-search .form-group i {
        right: 0;
        padding-right: 10px;
        bottom: auto;
    }

    .form-login .form-group i.color-1,
    .form-search .form-group i.color-1 {
        color: white;
    }
}

.form-login .form-group .fa-lock,
.form-search .form-group .fa-lock {
    font-size: 1.2em;
}

@media (max-width: 768px) {
    .form-login .form-group .fa-lock,
    .form-search .form-group .fa-lock {
        right: 0;
    }
}

.form-login #btnlogin,
.form-search #btnlogin {
    width: 83px;
    height: 33px;
    outline: none;
}

@media (max-width: 991px) {
    .form-login #btnlogin,
    .form-search #btnlogin {
        margin-top: 0;
        margin-right: 0;
        text-align: center;
        font-weight: bold;
        font-size: 1.143em;
        padding-left: 12px;
        padding-right: 6px;
    }
}

@media (max-width: 768px) {
    .form-login .connect,
    .form-search .connect {
        /*vertical-align: top;
      margin-top: 10px;*/
        width: 20% !important;
        line-height: 1;
        min-height: 1em;
        /*font-weight: normal;
      font-size: 0.8em;

      padding-left: 5px;*/
    }
}

@media (max-width: 768px) {
    .form-login .connect-school,
    .form-search .connect-school {
        /*padding-top: 14px;*/
        background-color: transparent;
        border: 0px;
        text-align: left;
        color: #ebebeb;
    }

    .form-login .connect-school .fa-times,
    .form-search .connect-school .fa-times {
        display: inline-block !important;
        padding-left: 2px;
    }
}

.form-login .connect-school .fa-times,
.form-search .connect-school .fa-times {
    display: none;
}

#edu-connect {
    text-decoration: underline;
}

#edu-connect-or span::before {
    right: 100%;
    margin-right: 10px;
}

#edu-connect-or span::after {
    left: 100%;
    margin-left: 10px;
}

#edu-connect-or span::after,
#edu-connect-or span::before {
    position: absolute;
    height: 8px;
    border-bottom: 1px solid #999;
    top: 0;
    width: 20px;
    content: '';
}

#edu-connect-or span {
    display: inline-block;
    position: relative;
}

#edu-connect-or span ::before {
    right: 100%;
    margin-right: 15px;
}

#edu-connect-or span ::after,
#edu-connect-or span ::before {
    position: absolute;
    height: 3px;
    border-bottom: 1px solid #999;
    top: 0;
    width: 63px;
    content: '';
}

/* END Form Login */
/* gallery.less */
.pictures_gallery {
    display: none;
}

.slick-track {
    /*background: #F8F8F8;*/
    vertical-align: middle;
}

.slick-track img {
    max-height: 100%;
    width: auto;
}

.pictures_gallery_wrapper {
    background: transparent;
    position: relative;
}

.text-slider {
    background-color: rgba(41, 31, 31, 0.5);
    min-height: 60px;
    padding-top: 17px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 30px;
}

@media (max-width: 991px) {
    .text-slider {
        min-height: 45px;
    }
}

.text-slider h2 {
    font-size: 28px;
    position: relative;
}

@media (max-width: 767px) {
    .text-slider h2 {
        font-size: 1.4em;
    }
}

@media (max-width: 767px) {
    .text-slider {
        padding-bottom: 0px;
        padding-top: 0px;
    }
}

.slick-dots {
    bottom: 10px;
    list-style: square;
}

.slick-dots li button:before,
.slick-dots li.slick-active button:before {
    color: white;
}

@media (min-width: 768px) {
    .slick-dots li button:before,
    .slick-dots li.slick-active button:before {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .slick-dots li button:before,
    .slick-dots li.slick-active button:before {
        font-size: 12px !important;
    }
}

.slider-pictures {
    margin-bottom: 30px;
}

.slider-pictures img {
    height: 32.142em;
}

.slider-pictures .text-slider {
    height: 3.571em;
}

.slider-pictures .wrapper-next,
.slider-pictures .wrapper-prev {
    top: 40%;
    padding: 0;
    cursor: pointer;
    width: 40px;
    height: 60px;
    position: absolute;
    opacity: 0.8;
}

.slider-pictures .wrapper-next .fa-angle-left,
.slider-pictures .wrapper-prev .fa-angle-left,
.slider-pictures .wrapper-next .fa-angle-right,
.slider-pictures .wrapper-prev .fa-angle-right {
    position: absolute;
    top: 25%;
    color: #fff;
}

.slider-pictures .wrapper-next .fa-angle-left,
.slider-pictures .wrapper-prev .fa-angle-left {
    padding-left: 10px;
}

.slider-pictures .wrapper-next .fa-angle-right,
.slider-pictures .wrapper-prev .fa-angle-right {
    padding-right: 10px;
}

.slider-pictures .fa-angle-left,
.slider-pictures .wrapper-next {
    left: 0;
}

.slider-pictures .fa-angle-right,
.slider-pictures .wrapper-prev {
    right: 0;
    z-index: 9999;
}

.video-icon-sm {
    top: 15%;
    right: 40%;
}

.video-icon-sm .fa-3x {
    font-size: 3em;
}

.video-icon-sm .fa-play {
    line-height: 3;
    right: 3px;
}

.video-icon-lg {
    top: 35%;
    right: 45%;
}

.video-icon-lg .fa-6x {
    font-size: 6em;
}

.video-icon-lg .fa-play {
    line-height: 3;
    right: 25px;
}

.video-icon {
    position: absolute;
}

.video-icon .fa-circle {
    opacity: 0.7;
}

.video-img-lg {
    width: 850px;
    height: 510px;
}

/* multi_img_upload gallery */
.gallery {
    position: relative;
}

.gallery .image {
    display: inline-block;
}

[dir='rtl'] .slick-next {
    right: 20px !important;
}

[dir='rtl'] .slick-prev {
    right: 5px !important;
    z-index: 1 !important;
}

/** sogo-gallery **/
@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 768px) {
}

.sogo_pictures_widget_wrapper .slick-track .slick-slide img {
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
}

.sogo_pictures_widget_wrapper .slick-track .slick-slide video {
    margin: 0 auto;
    max-width: 99%;
    max-height: 99%;
}

.sogo_pictures_widget_wrapper .slick-track .slick-slide video + div {
    text-align: center;
    display: none;
}

.sogo_pictures_widget_wrapper .slick-prev {
    position: absolute;
    left: 0px !important;
}

.sogo_pictures_widget_wrapper .slick-prev:before {
    content: "\f104" !important;
    font-family: 'fontAwesome';
    color: #ffffff;
    padding: 20px 15px;
    font-size: 25px;
}

.sogo_pictures_widget_wrapper .slick-next {
    position: absolute;
    right: 18px !important;
}

.sogo_pictures_widget_wrapper .slick-next:before {
    content: "\f105" !important;
    font-family: 'fontAwesome';
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    padding: 20px 15px;
    font-size: 25px;
}

.sogo_pictures_widget_wrapper .slider-nav {
    display: none;
    background-color: #eeeeee;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
}

.sogo_pictures_widget_wrapper .slider-nav .slick-slide {
    /* height: 130px;*/
    height: 160px;
    padding: 15px;
    padding-bottom: 30px;
    width: 210px !important;
}

.sogo_pictures_widget_wrapper .slider-nav .slick-slide img {
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin-bottom: 5px;
    position: relative;
}

.sogo_pictures_widget_wrapper .slider-nav .slick-current img {
    border: 3px solid #fff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.46);
}

.sogo_pictures_widget_wrapper .img-description {
    cursor: pointer;
    text-align: center;
    display: block;
    font-weight: bold;
    line-height: 1.4;
    min-height: 20px;
}

.sogo_pictures_widget_wrapper .slick-list {
    min-height: 160px;
}

.sogo_pictures_widget_wrapper .img-slider-title {
    display: block;
    background-color: rgba(0, 0, 0, 0.44);
    position: absolute;
    width: inherit;
    bottom: 0;
    height: 50px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    padding-top: 10px;
    direction: rtl;
}

.sogo_pictures_widget_wrapper .video_icon {
    position: relative;
}

.sogo_pictures_widget_wrapper .video_icon:after {
    content: url('../../themes/tiktak-school/images/play.png');
    font-family: FontAwesome;
    opacity: 0.5;
    position: absolute;
    top: 40px;
    left: 70px;
    text-align: center;
}

.about-gallery {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    padding-right: 37px !important;
    padding-left: 30px !important;
}

.about-gallery i {
    z-index: 999;
    cursor: pointer;
    position: absolute;
    top: 50%;
    font-size: 25px;
    margin-top: -10px;
}

.about-gallery i.fa-angle-right {
    right: 12px;
}

.about-gallery i.fa-angle-left {
    left: 10px;
}

.about-gallery img {
    margin-left: 200px;
    cursor: pointer;
}

.about-gallery .img-title {
    position: relative;
    left: 200px;
}

.links-gallery {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    padding-right: 37px !important;
    padding-left: 30px !important;
}

.links-gallery i {
    z-index: 999;
    cursor: pointer;
    position: absolute;
    top: 50%;
    font-size: 25px;
    margin-top: -10px;
}

.links-gallery i.fa-angle-right {
    right: 12px;
}

.links-gallery i.fa-angle-left {
    left: 10px;
}

.links-gallery img {
    margin-left: 200px;
    cursor: pointer;
}

.links-gallery .img-title {
    position: relative;
    left: 200px;
}

.pictures_gallery.intro-gallery {
    height: 450px;
}

.pictures_gallery.intro-gallery .pictures_gallery_wrapper {
    padding: 25px;
    height: 450px;
    display: inline-block;
}

.pictures_gallery.intro-gallery .slick-prev:before {
    color: rgba(0, 0, 0, 0.36);
}

.pictures_gallery.intro-gallery .slick-next:before {
    color: rgba(0, 0, 0, 0.36);
}

.slick-dots li {
    margin: 0 7px !important;
    padding-right: 15px !important;
    padding-top: 5px !important;
}

.slick-dots li button:before {
    content: "\f1db" !important;
    font-family: FontAwesome !important;
    /* color: #fff !important;*/
    color: gray !important;
    opacity: 1 !important;
}

@media (min-width: 768px) {
    .slick-dots li button:before {
        font-size: 10px !important;
    }
}

@media (max-width: 767px) {
    .slick-dots li button:before {
        font-size: 7px !important;
    }
}

.slick-dots .slick-active button:before {
    color: gray !important;
    content: "\f111" !important;
    font-family: FontAwesome !important;
}

@media (min-width: 768px) {
    .slick-dots .slick-active button:before {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .slick-dots .slick-active button:before {
        font-size: 12px !important;
    }
}

/* opening image gallery */
/* opening image gallery */
.pictures_gallery.intro-homepage {
    height: 450px;
}

@media (max-width: 767px) {
    .pictures_gallery.intro-homepage {
        height: auto;
        min-height: 100px;
    }
}

.pictures_gallery.intro-homepage .slick-slide img {
    display: block;
    width: 100%;
    height: 450px;
}

@media (max-width: 767px) {
    .pictures_gallery.intro-homepage .slick-slide img {
        height: auto;
        min-height: 100px;
    }
}

.pictures_gallery.intro-homepage .slick-prev {
    height: 40px;
    width: 40px;
    right: 8px !important;
}

.pictures_gallery.intro-homepage .slick-prev:before {
    font-size: 35px;
}

.pictures_gallery.intro-homepage .slick-next {
    height: 40px;
    width: 40px;
    left: 7px !important;
    right: auto !important;
}

.pictures_gallery.intro-homepage .slick-next:before {
    font-size: 35px;
}

.pictures_gallery.intro-homepage .picture_show_text,
.pictures_gallery.intro-homepage .picture_show_text_des {
    height: 72%;
}

@media (min-width: 767px) {
    .pictures_gallery.intro-homepage .picture_show_text_des .h6,
    .pictures_gallery.intro-homepage .picture_show_text_des a {
        height: 86%;
    }
}

@media (max-width: 767px) {
    .pictures_gallery.intro-homepage .picture_show_text,
    .pictures_gallery.intro-homepage .picture_show_text_des {
        height: 12em;
    }

    .pictures_gallery.intro-homepage .h6,
    .pictures_gallery.intro-homepage a {
        height: 100%;
    }
}

.pictures_gallery.intro-homepage1 {
    height: 280px;
    width: 410px;
    width: 40% !important;
}

@media (max-width: 768px) {
    .pictures_gallery.intro-homepage1 {
        height: 160px;
        display: block;
        margin: 0 !important;
        width: 100% !important;
    }

    .pictures_gallery.intro-homepage1 .slick-prev,
    .pictures_gallery.intro-homepage1 .slick-next,
    .pictures_gallery.intro-homepage1 .slick-dots {
        display: none !important;
    }
}

.pictures_gallery.intro-homepage1 .slick-slide img {
    display: block;
    width: 100%;
    height: 280px;
}

@media (max-width: 768px) {
    .pictures_gallery.intro-homepage1 .slick-slide img {
        height: 160px;
    }
}

/* presentation pictures gallery **/
.pictures_gallery.presentation {
    padding-bottom: 20px !important;
    min-height: 250px !important;
    height: auto;
}

.pictures_gallery.presentation .pictures_gallery_wrapper.presentation {
    min-height: 250px !important;
    height: auto;
    margin-bottom: 0;
}

.pictures_gallery.presentation .slick-dots li {
    margin: 0 7px !important;
    padding-right: 15px !important;
    padding-top: 5px !important;
}

.pictures_gallery.presentation .slick-dots li button:before {
    content: "\f1db" !important;
    font-family: FontAwesome !important;
    color: #464646 !important;
    opacity: 1 !important;
}

@media (min-width: 768px) {
    .pictures_gallery.presentation .slick-dots li button:before {
        font-size: 10px !important;
    }
}

@media (max-width: 767px) {
    .pictures_gallery.presentation .slick-dots li button:before {
        font-size: 7px !important;
    }
}

.pictures_gallery.presentation .slick-dots .slick-active button:before {
    content: "\f111" !important;
    font-family: FontAwesome !important;
}

@media (min-width: 768px) {
    .pictures_gallery.presentation .slick-dots .slick-active button:before {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .pictures_gallery.presentation .slick-dots .slick-active button:before {
        font-size: 12px !important;
    }
}

.title-input-gallery {
    width: 90%;
    text-align: right;
}

.title-pic {
    width: 100%;
    height: 20px;
}

.pictures_gallery.presentation.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

/** END presentation pictures gallery **/
.dynamic_text_intro {
    padding: 15px;
    background-color: #fff;
    height: auto;
}

.dynamic_text_intro p {
    padding-bottom: 15px;
}

.dynamic_text_intro table {
    font-size: 16px;
}

.dynamic_text_intro table td {
    padding-left: 15px;
}

.dynamic_text_intro h2 {
    font-size: 2.1em;
    padding-bottom: 15px;
}

.dynamic_text_intro h2 {
    font-size: 2em;
    padding-bottom: 15px;
}

.dynamic_text_intro h3 {
    font-size: 1.571em;
    padding-bottom: 15px;
}

.dynamic_text_intro h4 {
    font-size: 1.2em;
    padding-bottom: 15px;
}

.dynamic_text_intro h5 {
    font-size: 1.1em;
    padding-bottom: 15px;
}

.dynamic_text_intro h6 {
    font-size: 1em;
    padding-bottom: 15px;
}

.intro_text_image {
    padding: 15px;
    background-color: #fff;
    height: auto;
}

.intro_text_image .title {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.2;
}

.intro_text_image .img-container {
    position: relative;
    width: 50%;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.intro_text_image .content-container .content {
    font-size: 1.2em;
    white-space: pre-line;
}

.intro_text_image .text-image-desc {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.53);
    color: #fff;
    font-size: 1.2em;
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    bottom: 0;
}

.intro_text_image {
    padding: 15px;
    background-color: #fff;
    height: auto;
}

.intro_text_image .title {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.2;
}

.intro_text_image .img-container {
    position: relative;
    width: 50%;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.intro_text_image .content-container .content {
    font-size: 1.2em;
}

.intro_text_image .text-image-desc {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.53);
    color: #fff;
    font-size: 1.2em;
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    bottom: 0;
}

.full-gallery-list a {
    display: block;
    text-align: right;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2.5;
}

.slick-track .img-title {
    padding-top: 10px;
    padding-right: 40px;
    text-align: right;
    cursor: pointer;
    font-size: 16px;
}

.gallery-categories {
    background-color: #fff;
    padding: 15px;
}

.gallery-categories .image-gallery-albums {
    margin-bottom: 25px;
}

.gallery-categories .image-gallery-albums .album-title {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.gallery-categories .image-gallery-albums .album-title a {
    display: block;
    cursor: pointer;
}

.gallery-categories #lightGallery img {
    cursor: pointer;
}

.gallery-categories #lightGallery .img-title {
    padding-top: 15px;
    padding-right: 8px;
    text-align: right;
    cursor: pointer;
    font-size: 16px;
}

.gallery-categories .image-gallery-pictures {
    margin-bottom: 25px;
    position: relative;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.21);
    border: 4px solid #fff;
    background-color: #c7c7c7;
}

.gallery-categories .image-gallery-pictures .album-title {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px;
    font-size: 1.3em;
    right: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
}

.gallery-categories .image-gallery-pictures-album {
    margin-bottom: 25px;
    position: relative;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.21);
    border: 4px solid #fff;
    width: 244px;
    height: 244px;
}

.gallery-categories .image-gallery-pictures-album a .img-after {
    z-index: -1;
}

.gallery-categories .image-gallery-pictures-album a .img-before {
    position: absolute;
    top: 60px;
    left: 72px;
    z-index: 100;
}

.gallery-categories .image-gallery-pictures-album .album-title {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px;
    font-size: 1.3em;
    right: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
}

.gallery-categories .image-gallery-singles {
    margin-bottom: 25px;
    position: relative;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.21);
}

.gallery-categories .image-gallery-singles .album-title {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px;
    font-size: 1.3em;
    right: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
}

.picture_text_background.intro-homepage1 {
    height: auto !important;
    background-color: #EBEBEB;
    border: 1px solid #E5e5e5;
}

.pictures_gallery.intro-homepage1 {
    height: 280px;
    width: 410px;
}

@media (max-width: 768px) {
    .pictures_gallery.intro-homepage1 {
        height: 160px;
    }
}

.pictures_gallery.intro-homepage1 .slick-slide img {
    display: block;
    width: 100%;
    height: 280px;
}

@media (max-width: 768px) {
    .pictures_gallery.intro-homepage1 .slick-slide img {
        height: 160px;
    }
}

.banner-gallery.pictures_gallery {
    height: inherit;
}

.banner-gallery.pictures_gallery.datafade-gallery .slick-slide {
    float: right !important;
}

.banner-gallery.pictures_gallery.datafade-gallery .slick-next,
.banner-gallery.pictures_gallery.datafade-gallery .slick-prev {
    display: none !important;
}

.banner-gallery.pictures_gallery .slick-list {
    height: inherit;
}

@media (max-width: 768px) {
}

.banner-gallery.pictures_gallery .slick-list .slick-track {
    height: inherit;
}

.banner-gallery.pictures_gallery .slick-list .slick-track .pictures_gallery_wrapper {
    height: inherit;
}

.banner-gallery.pictures_gallery .slick-list .slick-track .pictures_gallery_wrapper img {
    margin: 0 auto;
}

.banner-gallery.pictures_gallery .slick-prev:before,
.banner-gallery.pictures_gallery .slick-next:before {
    text-shadow: 0px 5px 5px #888888;
    font-size: 30px;
}

.banner-gallery.pictures_gallery .slick-prev {
    right: 15px !important;
}

.banner-gallery.pictures_gallery .slick-dots li {
    margin: 0 7px !important;
    padding-right: 15px !important;
    padding-top: 5px !important;
}

.banner-gallery.pictures_gallery .slick-dots li button:before {
    content: "\f111" !important;
    font-family: FontAwesome !important;
    -moz-box-shadow: 10px -10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 2px 8px 1px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 10px -10px rgba(0, 0, 0, 0.6);
    border-radius: 100px;
    opacity: 1 !important;
}

@media (min-width: 768px) {
    .banner-gallery.pictures_gallery .slick-dots li button:before {
        font-size: 10px !important;
    }
}

@media (max-width: 767px) {
    .banner-gallery.pictures_gallery .slick-dots li button:before {
        font-size: 7px !important;
    }
}

.banner-gallery.pictures_gallery .slick-dots .slick-active button:before {
    content: "\f111" !important;
    font-family: FontAwesome !important;
    color: #fff;
}

@media (min-width: 768px) {
    .banner-gallery.pictures_gallery .slick-dots .slick-active button:before {
        font-size: 15px !important;
    }
}

@media (max-width: 767px) {
    .banner-gallery.pictures_gallery .slick-dots .slick-active button:before {
        font-size: 12px !important;
    }
}

.merchav_gallery_div_over {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    color: #fff;
    z-index: 999;
}

.merchav_gallery_div_over .edit_merchav_gallery_div {
    text-align: center;
    vertical-align: middle;
}

.merchav_gallery_div_over .edit_merchav_gallery_div a {
    color: #fff;
}

.merchav_gallery_div_over .edit_merchav_gallery_div .fa-undo {
    padding-top: 42%;
    text-align: left;
}

.merchav_gallery_div_over .edit_merchav_design i {
    font-size: 26px;
}

/* widget.less */
.widget {
    margin-bottom: 30px;
}

.widget .prevnext-carusel {
    font-weight: bold;
    bottom: -40px;
    position: absolute;
    font-size: 1.171em;
}

.widget .next-carusel {
    left: 10px;
}

.widget .prev-carusel {
    right: 10px;
}

.widget .active-carusel {
    padding: 5px;
}

.paralax_div {
    background-color: transparent !important;
}

#modal-events {
    height: 1300px !important;
}

#modal-message-board {
    height: 1250px !important;
}

.div_pic_cube img {
    max-height: 100%;
    overflow: hidden;
    /* max-width: 100%; */
    width: auto;
    height: 100%;
}

.container .paralex_row {
    background-color: transparent !important;
}

/*.image-wrapper-pages img {
  max-height: 100%;
  overflow: hidden;

  width: 100%;
  height: auto;

}*/
.div_pic_cube {
    text-align: center;
    border: 1px solid #E8E7E7;
    background: #F8F8F8;
    height: 131px;
    overflow: hidden;
}

/*.image-wrapper-pages  {
   text-align: center;
   border: 1px solid #E8E7E7;
   background: #F8F8F8;
   height: 150px;
   overflow: hidden;
  line-height: 150px;
  vertical-align: middle;
  display: table-cell;
 }*/
.widget-excerpt {
    margin-bottom: 20px;
}

.widget-content {
    padding-bottom: 10px;
}

.widget-only-img {
    margin-top: 10px;
}

.content-line-height {
    line-height: 3.5;
}

.widget-carusel img {
    width: 52px;
    height: 54px;
}

@media (min-width: 992px) {
    .widget-carusel-content {
        padding: 0;
    }
}

.widget-content-img-sm {
    height: 70px;
    width: 263px;
}

.widget-content-img-md {
    min-height: 12.142em;
}

@media (min-width: 992px) {
    .widget-carusel-content {
        padding: 0;
    }
}

.widget-kub-xs {
    height: 86px;
}

.widget-kub-xs .widget-header {
    padding-top: 10px;
    margin-bottom: 10px;
}

.widget-kub-xs .fa-stack-1x {
    font-size: 0.9em;
}

.widget-kub-sm {
    height: 160px;
}

.widget-kub-sm .widget-header {
    height: 90px;
}

.widget-kub-sm .fa-stack {
    line-height: 1.7em;
}

.widget-kub-md {
    padding: 25px;
}

.widget-kub-lg {
    padding: 50px;
}

.widget-kub-img-lg {
    width: 145px;
    height: 160px;
}

.widget-footer .h4 {
    min-height: 50px;
}

.widget-article {
    width: 77px;
    height: 52px;
}

input[class^='page_cube_title'] {
    width: 70%;
}

input[class^='page_cube_title'] :visited {
    background-color: #faffbd;
}

.main-div-cubes {
    display: inline-flex;
    flex-wrap: wrap;
    min-width: 100%;
}

.main-div-cubes .one-cube article {
    margin-bottom: 30px;
}

.main-div-cubes .one-cube article .article-excerpt {
    overflow: hidden;
    max-height: 80px;
}

.format-1-cube .one-article.col-xs-6 {
    padding: 10px;
}

.format-1-cube .balloon .read-more {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 9999;
}

.format-1-cube h2 {
    padding-top: 10px;
    font-size: 0.9em;
    padding-bottom: 5px;
}

.format-1-cube h2 a {
    height: 50px;
    overflow: hidden;
}

.format-1-cube p {
    padding-top: 10px;
}

.format-1-cube .sub-pages ul {
    padding-top: 10px;
    line-height: 2;
    list-style: none;
    text-align: right;
    padding-right: 15px;
}

.format-3-cube .a_img_link {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    color: #fff;
}

.format-3-cube .a_img_link:hover {
    color: #fff;
}

.format-3-cube .a_img_link > div {
    margin: 10px;
    border: 1px solid white;
    height: 87%;
    display: flex;
    align-items: center;
}

.format-3-cube .a_img_link > div div {
    width: 100%;
}

.format-3-cube .a_img_link i {
    font-size: 3em;
}

.format-3-cube .a_img_link .h6 {
    font-size: 1em;
}

.format-2-cube h2 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 10px;
}

.format-2-cube h2 a {
    height: 50px;
    overflow: hidden;
}

.format-2-cube .sub-pages {
    margin-top: 15px;
    padding-bottom: 10px;
    position: relative;
    padding-top: 10px;
}

.format-2-cube .sub-pages ul {
    display: inline;
    list-style: none;
}

.format-2-cube .sub-pages ul li {
    display: inline;
}

.format-2-cube .sub-pages ul li:after {
    content: " | ";
}

.format-2-cube .sub-pages ul li a {
    padding-left: 10px;
    padding-right: 10px;
}

.format-3-cube article {
    padding: 20px;
    text-align: center;
}

.format-3-cube article h2 {
    padding-bottom: 16px;
    font-size: 22px;
    font-weight: bold;
    padding-top: 24px;
}

.format-3-cube article h2 a {
    height: 50px;
    overflow: hidden;
}

.format-3-cube article .fa {
    font-size: 60px;
}

.format-3-cube article .sub-pages {
    margin-top: 15px;
    padding-bottom: 10px;
    position: relative;
    padding-top: 10px;
}

.format-3-cube article .sub-pages ul {
    display: inline;
    list-style: none;
}

.format-3-cube article .sub-pages ul li {
    display: inline;
}

.format-3-cube article .sub-pages ul li:after {
    content: " | ";
}

.format-3-cube article .sub-pages ul li:last-child:after {
    content: "";
}

.format-3-cube article .sub-pages ul li a {
    padding-left: 10px;
    padding-right: 10px;
    color: #5e5e5e;
}

.format-3-cube article p {
    padding-bottom: 10px;
}

.format-3-cube article .read-more {
    font-weight: bold;
    font-size: 1.3em;
}

.format-3-cube article .read-more i {
    font-size: 1em;
    padding-right: 11.2px;
}

.format-3-cube article .sub-pages {
    text-align: right;
}

.format-3-cube article .sub-pages ul li {
    color: red;
}

.format-3-cube article .sub-pages ul li:before {
    content: "\f104";
    font-family: FontAwesome;
}

.format-3-cube article .sub-pages ul li a {
    color: red;
    padding-right: 5px;
}

.format-4-cube-circle .nav-tabs {
    border: none !important;
    text-align: center;
}

@media (min-width: 768px) {
    .format-4-cube-circle .nav-tabs {
        height: 50px;
    }
}

.format-4-cube-circle .nav-tabs li {
    margin-top: -1px;
    float: none;
    display: inline-block;
    min-width: 100px;
    border-left: 1px solid white;
}

.format-4-cube-circle .nav-tabs li a {
    border-radius: 0;
    border: none !important;
    display: block;
    line-height: 1.8;
    font-size: 1.2em;
}

.format-4-cube-circle .nav-tabs li a:hover {
    cursor: pointer;
}

.format-4-cube-circle .nav-tabs .active a {
    display: block;
    border-radius: 0;
    border: none !important;
    font-weight: bold;
}

.format-4-cube-circle .nav-tabs .active a:after {
    content: " ";
    position: absolute;
    bottom: -15px;
    right: 50%;
    margin-right: -43px;
    width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
}

@media (max-width: 768px) {
    .format-4-cube-circle .tabs-content {
        padding-bottom: 25px;
    }
}

.format-4-cube-circle .tab-content {
    text-align: center;
    padding-top: 20px;
}

.format-4-cube-circle .tab-content .tab-pane img {
    margin-bottom: 15px;
    height: 150px;
    width: 150px;
    border-radius: 50%;
}

.format-4-cube-circle .tab-content .tab-pane h2 {
    font-size: 22px;
    padding-bottom: 15px;
}

.format-4-cube-circle .tab-content .tab-pane p {
    padding-bottom: 15px;
}

.format-4-cube-circle .tab-content .tab-pane .read-more {
    font-weight: bold;
    font-size: 1.3em;
}

.format-4-cube-circle .tab-content .tab-pane .read-more i {
    vertical-align: middle;
    padding-right: 1px;
}

.format-5-cube h2 {
    padding-top: 10px;
    font-size: 0.9em;
    padding-bottom: 5px;
    border-width: 4px 0 0 0;
    border-style: solid;
    height: 50px;
}

.format-5-cube h2 a {
    color: #fff;
    line-height: 1;
}

.format-5-cube p {
    padding-top: 10px;
}

@media (max-width: 991px) {
    .nav-tabs-a {
        padding: 10px 5px !important;
    }
}

.format-4-cube .nav-tabs {
    margin-top: -15px;
    border-bottom: 4px solid;
    text-align: center;
}

.format-4-cube .nav-tabs li {
    margin-top: -1px;
    float: none;
    display: inline-block;
    border-left: 1px solid white;
}

@media (min-width: 768px) {
    .format-4-cube .nav-tabs li {
        min-width: 150px;
    }
}

.format-4-cube .nav-tabs li a {
    border-radius: 0;
    border: none !important;
    display: block;
    font-weight: bold;
    padding-top: 14px;
    padding-bottom: 12px;
}

@media (min-width: 768px) {
    .format-4-cube .nav-tabs li a {
        font-size: 1.2em;
    }
}

@media (max-width: 991px) {
    .format-4-cube .nav-tabs li a {
        font-size: 0.7em;
    }
}

.format-4-cube .nav-tabs li a:hover {
    cursor: pointer;
}

.format-4-cube .nav-tabs .active a {
    display: block;
    border-radius: 0;
    border: none !important;
    font-weight: bold;
}

.format-4-cube .nav-tabs .active a:after {
    content: " ";
    position: absolute;
    bottom: -15px;
    right: 50%;
    width: 0;
    height: 0;
}

@media (min-width: 768px) {
    .format-4-cube .nav-tabs .active a:after {
        margin-right: -43px;
        border-left: 45px solid transparent;
        border-right: 45px solid transparent;
    }
}

@media (max-width: 991px) {
    .format-4-cube .nav-tabs .active a:after {
        margin-right: -25px;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
    }
}

.format-4-cube .tab-content {
    text-align: center;
    padding-top: 20px;
}

.format-4-cube .tab-content .tab-pane .tabs-content {
    position: relative;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.52);
    border: 5px solid #fff;
    margin-bottom: 20px;
}

.format-4-cube .tab-content .tab-pane .tabs-content .img-wrapper {
    width: auto;
    overflow: hidden;
}

@media (min-width: 768px) {
    .format-4-cube .tab-content .tab-pane .tabs-content .img-wrapper {
        height: 280px;
    }
}

.format-4-cube .tab-content .tab-pane .tabs-content .img-wrapper img {
    width: 100%;
}

.format-4-cube .tab-content .tab-pane .tabs-content .tab-content-wrapper {
    padding: 10px;
    position: absolute;
    background-color: rgba(56, 51, 51, 0.67);
    width: 100%;
    bottom: 0;
}

.format-4-cube .tab-content .tab-pane .tabs-content .tab-content-wrapper h2 {
    font-size: 20px;
    padding-bottom: 5px;
    text-align: right;
}

.format-4-cube .tab-content .tab-pane .tabs-content .tab-content-wrapper h2 a {
    text-align: right;
    color: #fff;
}

.format-4-cube .tab-content .tab-pane .tabs-content .tab-content-wrapper p {
    padding-bottom: 5px;
    text-align: right;
    color: #fff;
    font-size: 15px;
}

.format-4-cube .tab-content .tab-pane .tabs-content .tab-content-wrapper p + a {
    display: none;
    color: #fff;
    text-align: left;
}

.slick-controls a {
    cursor: pointer;
}

/* Last forum messages widget */
.widget_display_topics ul {
    list-style: none;
}

.widget_display_topics ul li {
    color: #7c7b7b;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px;
}

.widget_display_topics ul li .bbp-forum-title {
    display: block;
    margin-top: 12px;
    font-size: 1.1em;
    padding-bottom: 5px;
    color: #7c7b7b;
}

.widget_display_topics ul li .topic-author .bbp-author-avatar {
    display: none;
}

.widget_display_topics ul li div {
    font-size: 1.1em;
    padding-bottom: 5px;
}

.widget_display_topics ul li div:before {
    padding-left: 5px;
    font-family: FontAwesome;
    content: "\f017";
}

.widget_display_topics ul li .bbp-author-name {
    color: #7c7b7b;
    font-size: 1.1em;
}

/****** sogo_forum_menu_widget *****/
.sogo_forum_menu_widget .nav-format,
.sogo_merchavim_menu_widget .nav-format {
    padding: 0 !important;
}

.sogo_forum_menu_widget .nav-format .menu-item-sub-sub:hover .sub-sub-menu,
.sogo_merchavim_menu_widget .nav-format .menu-item-sub-sub:hover .sub-sub-menu {
    display: block !important;
}

.sogo_forum_menu_widget .nav-format .widget-header,
.sogo_merchavim_menu_widget .nav-format .widget-header {
    margin-bottom: 10px;
}

@media (max-width: 768px) {
}

.sogo_forum_menu_widget .nav-format ul,
.sogo_merchavim_menu_widget .nav-format ul {
    list-style: none;
}

.sogo_forum_menu_widget .nav-format ul li,
.sogo_merchavim_menu_widget .nav-format ul li {
    position: relative;
    min-height: 46px;
    margin-bottom: 2px;
}

.sogo_forum_menu_widget .nav-format ul li a,
.sogo_merchavim_menu_widget .nav-format ul li a {
    display: block;
    font-size: 1.1em;
    line-height: 3;
    padding-right: 15px;
}

.sogo_forum_menu_widget .nav-format ul li #menu-forum,
.sogo_merchavim_menu_widget .nav-format ul li #menu-forum {
    display: none;
}

@media (max-width: 768px) {
}

.sogo_forum_menu_widget .nav-format ul li #menu-forum a,
.sogo_merchavim_menu_widget .nav-format ul li #menu-forum a {
    display: block;
}

.sogo_forum_menu_widget .nav-format ul li:hover #menu-forum,
.sogo_merchavim_menu_widget .nav-format ul li:hover #menu-forum {
    display: block;
}

.sogo_forum_menu_widget .nav-format ul li:hover #menu-forum .menu-item-sub:hover .sub-menu,
.sogo_merchavim_menu_widget .nav-format ul li:hover #menu-forum .menu-item-sub:hover .sub-menu {
    display: block;
}

.sogo_forum_menu_widget .nav-format ul li:hover #menu-forum .menu-item-sub:hover .sub-menu .sub-sub-menu,
.sogo_merchavim_menu_widget .nav-format ul li:hover #menu-forum .menu-item-sub:hover .sub-menu .sub-sub-menu {
    display: none;
}

.sogo_forum_menu_widget .nav-format ul li:hover #menu-forum li a,
.sogo_merchavim_menu_widget .nav-format ul li:hover #menu-forum li a {
    padding-right: 25px;
}

.sogo_forum_menu_widget .nav-format ul li:hover #menu-forum li .sub-menu,
.sogo_merchavim_menu_widget .nav-format ul li:hover #menu-forum li .sub-menu {
    display: none;
}

/* END sogo_forum_menu_widget *****/
/***** nav menu - format widget *****/
.sogo_menu .nav-format {
    padding: 0 !important;
}

.sogo_menu .nav-format .widget-header {
    margin-bottom: 10px;
}

@media (max-width: 768px) {
}

.sogo_menu .nav-format ul {
    list-style: none;
}

.sogo_menu .nav-format ul li {
    z-index: 1;
    position: relative;
    overflow: hidden;
    min-height: 46px;
    margin-bottom: 2px;
}

.sogo_menu .nav-format ul li a {
    display: block;
    font-size: 1.1em;
    line-height: 3;
    padding-right: 15px;
    position: relative;
    z-index: 2;
}

.sogo_menu .nav-format ul li .sub-menu {
    z-index: 0;
    margin-top: -500vh;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media (max-width: 768px) {
}

.sogo_menu .nav-format ul li .sub-menu a {
    display: block;
}

.sogo_menu .nav-format ul li .sub-menu .menu-item-has-children {
    margin-top: 2px;
}

.sogo_menu .nav-format ul li .sub-menu .menu-item-has-children .sub-menu li {
    margin-top: 2px;
}

.sogo_menu .nav-format ul li .sub-menu .menu-item-has-children .sub-menu li a {
    padding-right: 40px;
}

.sogo_menu .nav-format ul li:hover > .sub-menu {
    margin-top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sogo_menu .nav-format ul li:hover > .sub-menu li a {
    padding-right: 25px;
}

.sogo_menu .nav-format ul .current-menu-item {
    font-weight: bold !important;
}

.sogo_menu .nav-format .current-page-ancestor .sub-menu {
    display: block;
}

.sogo_menu .nav-format .current-page-ancestor .sub-menu .current-menu-item {
    font-weight: bold !important;
}

.sogo_menu .nav-format .menu-item-has-children:before {
    z-index: 4;
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    left: 0;
    top: 0;
    font-size: medium;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 50px;
}

/***** nav menu - format1 widget *****/
.sogo_menu .nav-format1 {
    padding: 0 !important;
}

@media (max-width: 768px) {
}

.sogo_menu .nav-format1 ul {
    list-style: none;
}

.sogo_menu .nav-format1 ul li {
    z-index: 1;
    position: relative;
    overflow: hidden;
    min-height: 84px;
    margin-bottom: 2px;
    border-bottom: 1px solid #e2e2e2;
    padding-top: 15px;
    padding-bottom: 15px;
}

.sogo_menu .nav-format1 ul li a {
    display: block;
    font-size: 1.1em;
    line-height: 3;
    color: #5e5e5e;
    position: relative;
    z-index: 2;
}

.sogo_menu .nav-format1 ul li a img {
    margin-left: 29px;
    width: 75px;
    height: 53px;
}

.sogo_menu .nav-format1 ul li .sub-menu {
    z-index: 0;
    margin-top: -500vh;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media (max-width: 768px) {
    .sogo_menu .nav-format1 ul li .sub-menu {
        display: block;
        margin-top: 0;
    }
}

.sogo_menu .nav-format1 ul li .sub-menu a {
    display: block;
}

.sogo_menu .nav-format1 ul li .sub-menu .menu-item-has-children {
    margin-top: 2px;
}

.sogo_menu .nav-format1 ul li .sub-menu .menu-item-has-children .sub-menu li {
    margin-top: 2px;
}

.sogo_menu .nav-format1 ul li .sub-menu .menu-item-has-children .sub-menu li a {
    padding-right: 40px;
}

.sogo_menu .nav-format1 ul li:focus .sub-menu,
.sogo_menu .nav-format1 ul li:active .sub-menu,
.sogo_menu .nav-format1 ul li:hover .sub-menu {
    margin-top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sogo_menu .nav-format1 ul li:focus .sub-menu li a,
.sogo_menu .nav-format1 ul li:active .sub-menu li a,
.sogo_menu .nav-format1 ul li:hover .sub-menu li a {
    padding-right: 25px;
}

.sogo_menu .nav-format1 ul .current-menu-item {
    font-weight: bold !important;
}

.sogo_menu .nav-format1 .current-page-ancestor .sub-menu {
    display: block;
}

.sogo_menu .nav-format1 .current-page-ancestor .sub-menu .current-menu-item {
    font-weight: bold !important;
}

.sogo_menu .nav-format1 .menu-item-has-children:before {
    z-index: 4;
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    left: 16px;
    top: 28px;
    font-size: medium;
}

/*** RSS Widget ***/
.sogo_rss .widget-header {
    margin-bottom: 10px;
}

.sogo_rss .widget-header h3 span a {
    color: inherit;
}

.sogo_rss ul {
    background-color: #f6f6f6;
    list-style: none;
}

.sogo_rss ul li {
    border-bottom: 1px solid #adadad;
    padding: 10px;
}

.sogo_rss ul li a {
    color: #5e5e5e;
    display: block;
}

.add_dynamic_weekly {
    border-radius: 15%;
}

.add_dynamic_weekly, .delete_dynamic_weekly {
    display: block;
    color: #55c1e7;
    padding: 4px;
    cursor: pointer;
    background-color: #fff;
    font-size: 15px;
    line-height: 22px;
    padding-top: 1%;
    border: 1px solid #55c1e7;
}

.add_dynamic_weekly i:hover, .delete_dynamic_weekly i:hover {
    color: #fff;
    background-color: #55c1e7;
}

.add_dynamic_weekly i, .delete_dynamic_weekly i {
    color: #55c1e7;
    background-color: #fff;
}

.add_dynamic_weekly:hover, .delete_dynamic_weekly:hover {
    color: #fff;
    background-color: #55c1e7;

    line-height: 22px;
    padding-top: 1%;
}

.dynamic_weekly_wrap {
    width: 100%;
    height: 100%;
}

.lesson-wrapper-dynamic, .lesson-wrapper {
    border: 1px solid #55c1e7;
    padding: 5px;
    border-radius: 6px;
    background-color: #F2FCFF;
    margin-bottom: 10px;
}

/*** weekly plane widget ***/
.sogo_weekly_widget_wrapper .weekly-content {
    padding-top: 17px;
}

.sogo_weekly_widget_wrapper .weekly-classes-label {
    font-size: 1.1em;
    padding-bottom: 8px;
}

.sogo_weekly_widget_wrapper .weekly-classes-label:before {
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    left: 21px;
    top: 31px;
    font-size: 1.2em;
    font-weight: normal;
}

.sogo_weekly_widget_wrapper .startDate-label {
    font-size: 1.1em;
    padding-bottom: 8px;
    padding-right: 15px;
}

.sogo_weekly_widget_wrapper #weekly_classes {
    height: 26px;
    padding-right: 8px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}

@media (max-width: 768px) {
    .sogo_weekly_widget_wrapper #weekly_classes {
        font-size: 14px;
    }
}

.sogo_weekly_widget_wrapper #startDate {
    width: 103%;
    height: 26px;
    padding-right: 8px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}

.sogo_weekly_widget_wrapper #weeklyDatePicker {
    width: 103%;
    height: 26px;
    padding-right: 5px;
    margin-right: -4px;
    border: 1px solid #e6e6e6;
}

.sogo_weekly_widget_wrapper .goto_weeklyplane {
    width: 100%;
    text-align: center;
    border-radius: 0;
    font-size: 1.3em;
    line-height: 2.4;
    margin-top: 20px;
}

.sogo_weekly_widget_wrapper .goto_weeklyplane i {
    padding-right: 5px;
    vertical-align: middle;
}

/*** pages_cubes_widget ***/
.sogo_pages_cubes_widget {
    /* rivka 04/02/18 there are many space between floors in mobail*/
}

.sogo_pages_cubes_widget .cube_thumbnail img {
    width: 100%;
    height: 150px;
}

@media (max-width: 767px) {
    .sogo_pages_cubes_widget {
        margin: 0 !important;
    }
}

.pics-show-content-wrapper .content {
    font-size: x-large;
}

.sogo_message_board .view-more a,
.sogo_calendar_widget .view-more a {
    display: block;
    line-height: 2.5;
    font-size: 1.2em;
    font-weight: bold;
}

.homepage-widgets .pictures_gallery_wrapper,
.homepage-widgets .accordion-slider {
    margin-bottom: 40px;
}

@media (max-width: 991px) {
    .homepage-widgets .pictures_gallery_wrapper,
    .homepage-widgets .accordion-slider {
        margin-bottom: 0;
    }
}

.homepage-widgets .full-gallery-list {
    /*padding-top: 10px;*/
}

.homepage-widgets .sogo_merchav_pages_widget {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 20px;
}

@media (max-width: 767px) {
    .homepage-widgets .sogo_merchav_pages_widget {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.homepage-widgets .accordion-slider .slider-text-section {
    display: none;
    min-height: 100px !important;
    height: auto !important;
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
    left: auto !important;
    background-color: rgba(0, 0, 0, 0.41);
}

.homepage-widgets .accordion-slider .slider-text-section .desc {
    background-color: transparent;
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media (max-width: 768px) {
    .homepage-widgets .accordion-slider .slider-text-section .desc {
        line-height: 1;
    }
}

.homepage-widgets .accordion-slider .slider-text-section .name {
    background-color: transparent;
    position: absolute;
    top: 10px;
}

@media (max-width: 768px) {
    .homepage-widgets .accordion-slider .slider-text-section .name {
        position: relative;
        line-height: 1;
        margin-bottom: 70px;
    }
}

.homepage-widgets .accordion-slider .slider-text-section .name.minimized + .desc {
    background-color: transparent;
}

.single-section .section-content .entry-content {
    /*  min-height: 500px;*/
    min-height: 300px;
}

.widget-header .h3 {
    padding-bottom: 5px;
    padding-right: 5px;
}

.sogo_calendar_widget .day-number {
    font-weight: normal;
    line-height: 1.9;
    width: 33px;
    padding: 0;
}

.sogo_calendar_widget .day-number.today {
    border: 1px solid;
    -webkit-border-radius: 35%;
    -moz-border-radius: 35%;
    border-radius: 35%;
}

.sogo_calendar_widget tr.calendar-row.days-row {
    background: #f6f6f6;
}

.sogo_calendar_widget td.calendar-day.has_events .day-number {
    font-weight: normal;
    padding: 0;
    -webkit-border-radius: 35%;
    -moz-border-radius: 35%;
    border-radius: 35%;
}

@media (max-width: 992px) {
    .sogo_calendar_widget td.calendar-day.has_events .day-number {
        width: 35px;
    }
}

.sogo_calendar_widget #cal-next-year {
    position: absolute;
    left: 0;
    top: 0;
    color: #656565;
    font-size: 20px;
}

.sogo_calendar_widget #cal-next-year i {
    font-weight: bold;
}

.sogo_calendar_widget #cal-prev-year {
    position: absolute;
    right: 1px;
    top: 0;
    color: #656565;
    font-size: 20px;
}

.sogo_calendar_widget #cal-prev-year i {
    font-weight: bold;
}

.sogo_calendar_widget #cal-prev {
    margin-top: 4px;
    font-weight: normal;
    margin-left: 10px;
}

.sogo_calendar_widget #cal-next {
    margin-top: 4px;
    font-weight: normal;
    margin-right: 10px;
    margin-left: 10px;
}

.sogo_calendar_widget .calendar-wrapper {
    padding-top: 10px;
    border: none;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar.events_list .event-details .calendar-day-details {
    min-height: 90px;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar {
    padding: 0;
    border-top: 0;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar span {
    display: block;
    padding: 5px;
    font-size: 15px;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details {
    margin-top: 5px;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details {
    padding: 15px 10px;
    position: relative;
    background-color: #fff;
    line-height: 1.3;
    min-height: 70px;
    max-height: 76px;
    clear: both;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details h3 {
    float: right;
    padding-left: 17px;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details h3 i {
    font-size: 40px !important;
    position: relative;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details h3 i .icon-day-number,
.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details h3 i .month {
    position: relative;
    top: -27px;
    text-align: center;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details h3 i .month {
    top: -21px;
    padding: 2px;
    color: #fff;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details .event-link {
    font-weight: bold;
    font-size: 16px;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details .event-excerpt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details .event-time,
.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details .event-location,
.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details .event-excerpt {
    font-weight: normal;
    padding: 0 3px 0 0;
    margin-top: 2px;
    font-size: 0.97em;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details .event-time i,
.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details .event-location i,
.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details .event-excerpt i {
    font-size: 1em;
    vertical-align: middle;
    margin-left: 7px;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details .event-location i {
    margin: 0 1px 0 10px;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details .download-event {
    display: block;
    padding-top: 5px;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details .download-event:before {
    content: "\f016";
    font-family: 'FontAwesome';
    font-weight: bold;
    font-size: 0.9em;
    padding-right: 2px;
    padding-left: 10px;
}

.sogo_calendar_widget .calendar-wrapper .footer-calendar .event-details .calendar-day-details img {
    border-radius: 100%;
    width: 50px;
    float: left;
}

.sogo_calendar_widget .calendar-wrapper tbody {
    padding: 10px 0;
}

.sogo_calendar_widget .calendar-wrapper h2 {
    line-height: 0;
    font-size: 1em;
    padding: 0;
    height: 50px;
    display: block;
}

.sogo_calendar_widget .calendar-wrapper h2 .month {
    display: block;
    padding-bottom: 0;
    font-size: 1.5em;
    padding-top: 10px;
    font-weight: bold;
}

.sogo_calendar_widget .calendar-wrapper h2 .month-jew {
    display: block;
    padding-top: 22px;
    font-size: 1.1em;
}

.sogo_calendar_widget .calendar-wrapper .month-nav {
    top: 10px;
}

.sogo_calendar_widget .calendar-wrapper .calendar-day-np {
    border-bottom: 1px solid #f6f6f6;
}

.sogo_calendar_widget .calendar-wrapper .calendar-day {
    border-bottom: 1px solid #f6f6f6;
    padding: 10px 2px;
}

.text-event {
    top: -9px;
    position: relative;
}

.rss_title {
    font-weight: normal;
    color: #000;
    border-bottom: 1px solid #d4d4d4 !important;
}

.rss_title .rss_date {
    font-size: 10px;
    color: #5e5e5e;
    font-weight: normal;
}

.rss_title .rss_nose,
.rss_title .rss_home {
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.rsswidget {
    color: #000;
}

.breaking_news_side .slick-controls-down {
    line-height: 1.7;
}

.breaking_news_side .slick-controls-down .next-carusel {
    font-size: 1.6em;
    padding-left: 11px;
}

.breaking_news_side .slick-controls-down .prev-carusel {
    font-size: 1.6em;
}

.breaking_news_side .slick-controls-down .play-carusel {
    font-size: 1em;
}

.breaking_news_side .slick-controls-down .pause-carusel {
    font-size: 1em;
}

.breaking_news_side .slick-list.draggable .slick-track .slick-slide {
    line-height: 0;
    border-bottom: 1px solid #d9d9d9;
}

.breaking_news_side .slick-list.draggable .slick-track .slick-slide .news_post_date {
    font-size: 1em;
    display: block;
    padding-top: 14px;
    padding-bottom: 8px;
}

.breaking_news_side .slick-list.draggable .slick-track .slick-slide .news_title {
    display: inline;
}

.breaking_news_side .slick-list.draggable .slick-track .slick-slide .news_attachment {
    display: inline;
    padding-right: 5px;
}

.breaking_news_side .slick-list.draggable .slick-track .slick-slide .news_attachment i {
    vertical-align: bottom;
}

.breaking_news_side .slick-list.draggable .slick-track .slick-slide .news_link {
    display: inline;
}

/* widget private message */
.sogo_private_message {
    background-color: #f6f6f6;
    padding: 15px;
}

.sogo_private_message .widget-header {
    padding-bottom: 5px;
}

.sogo_private_message .widget-content {
    padding-bottom: 0;
}

.sogo_private_message .breaking_news {
    min-height: 55px !important;
    padding-bottom: 10px;
}

.sogo_private_message .breaking_news .news_post_date {
    font-size: 1em;
    display: inline-block;
    padding-top: 14px;
    cursor: pointer;
}

.sogo_private_message .breaking_news:not(:last-of-type) {
    border-bottom: 1px solid #d9d9d9;
}

.sogo_private_message .breaking_news .news_title,
.private_messages_wide .breaking_news .news_title {
    cursor: pointer;
}

.sogo_private_message [id^='modal-pm-'] .modal-dialog,
.private_messages_wide [id^='modal-pm-'] .modal-dialog {
    width: 800px !important;
    margin: 50px auto 0 auto;
}

@media (max-width: 992px) {
    .sogo_private_message [id^='modal-pm-'] .modal-dialog,
    .private_messages_wide [id^='modal-pm-'] .modal-dialog {
        width: 80% !important;
    }
}

@media (max-width: 768px) {
    .sogo_private_message [id^='modal-pm-'] .modal-dialog,
    .private_messages_wide [id^='modal-pm-'] .modal-dialog {
        margin-top: 30px;
    }
}

.sogo_private_message [id^='modal-pm-'] .modal-dialog .modal-content,
.private_messages_wide [id^='modal-pm-'] .modal-dialog .modal-content {
    overflow-y: hidden;
    height: auto !important;
    min-height: 400px;
}

.sogo_private_message [id^='modal-pm-'] .modal-dialog .modal-content .close label,
.private_messages_wide [id^='modal-pm-'] .modal-dialog .modal-content .close label {
    cursor: pointer;
}

.sogo_private_message [id^='modal-pm-'] .modal-dialog .modal-content .modal-title,
.private_messages_wide [id^='modal-pm-'] .modal-dialog .modal-content .modal-title {
    font-size: 1.428em;
    color: #55c1e7;
}

.sogo_private_message [id^='modal-pm-'] .modal-dialog .modal-content .modal-title span,
.private_messages_wide [id^='modal-pm-'] .modal-dialog .modal-content .modal-title span {
    font-size: 0.8em;
    margin-left: 10px;
    color: #5e5e5e;
}

.sogo_private_message [id^='modal-pm-'] .modal-dialog .modal-content p,
.private_messages_wide [id^='modal-pm-'] .modal-dialog .modal-content p,
.sogo_private_message [id^='modal-pm-'] .modal-dialog .modal-content ul,
.private_messages_wide [id^='modal-pm-'] .modal-dialog .modal-content ul,
.sogo_private_message [id^='modal-pm-'] .modal-dialog .modal-content ol,
.private_messages_wide [id^='modal-pm-'] .modal-dialog .modal-content ol {
    margin-bottom: 16px;
}

.sogo_private_message [id^='modal-pm-'] .modal-dialog .modal-content ul,
.private_messages_wide [id^='modal-pm-'] .modal-dialog .modal-content ul,
.sogo_private_message [id^='modal-pm-'] .modal-dialog .modal-content ol,
.private_messages_wide [id^='modal-pm-'] .modal-dialog .modal-content ol {
    margin-right: 17px;
}

.sidebar-widgets .sogo_private_message .breaking_news {
    min-height: 91px !important;
}

.sidebar-widgets .sogo_private_message .breaking_news .news_title {
    display: block;
    margin-top: 5px;
}

/* widget display forums */
.widget_display_forums ul {
    font-size: 18px;
    list-style-type: none;
}

.widget_display_forums ul li:before {
    font-family: 'FontAwesome' !important;
    content: "\f104";
    padding-left: 10px;
}

.widget_display_forums ul li a {
    color: #000;
}

/* END widget display forums */
/* Message board  */
.do_bigger_image:hover img {
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition: all 0.3s ease;
}

.do_smaller_image:hover img {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.perspective {
    -webkit-perspective: 150px;
    /* Chrome, Safari, Opera  */
    perspective: 150px;
}

.perspective img:hover {
    -webkit-transform: rotateX(10deg);
    /* Chrome, Safari, Opera  */
    transform: rotateX(10deg);
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.balloon {
    position: relative;
    overflow: hidden;
}

.balloon:hover:after {
    height: 500px;
    width: 500px;
    opacity: 0;
}

.balloon:after {
    z-index: 1111;
    content: "";
    position: absolute;
    height: 0px;
    width: 0px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    opacity: 0.2;
    background-color: #fff;
    transform: translate(-50%, -50%);
    transition: 800ms ease all;
}

.image-wrapper-pages img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;
}

.message-board {
    min-height: 60px;
    display: block;
    margin-bottom: 20px;
    margin-top: -3px;
}

.message-board .message-meta {
    font-size: 14px;
    padding-bottom: 5px;
}

.message-board .message-meta .fa {
    vertical-align: middle;
}

.message-board .article-header > p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.message-board .message-title {
    padding-bottom: 10px;
}

.message-board .message-title .color-1-bg-light {
    background-color: transparent !important;
}

.message-board .message-title .color-2-bg-light {
    background-color: transparent !important;
}

.message-board .message-title .color-3-bg-light {
    background-color: transparent !important;
}

.message-board .message-title .color-4-bg-light {
    background-color: transparent !important;
}

.message-board .message-title .h5 {
    min-height: 44px;
    max-height: 44px;
}

@media (max-width: 767px) {
    .message-board .message-title .h5 {
        min-height: 38px;
        max-height: 38px;
    }
}

.message-board .message-title .h4 {
    overflow: hidden;
}

@media (max-width: 767px) {
    .message-board .message-title .h4 {
        max-height: 46px;
        /*min-height: 46px;*/
    }
}

.message-board .message-title .h4 a,
.message-board .message-title .h6 a,
.message-board .message-title a,
.message-board .message-title a span {
    color: inherit;
    font-size: 0.9em;
}

@media (max-width: 767px) {
    .message-board .message-title .h4 a,
    .message-board .message-title .h6 a,
    .message-board .message-title a,
    .message-board .message-title a span {
        font-size: 0.6em;
    }
}

.message-board .message-title .h4 a .link-message,
.message-board .message-title .h6 a .link-message,
.message-board .message-title a .link-message,
.message-board .message-title a span .link-message {
    padding-top: 7px;
    display: block;
    font-size: 0.6em;
}

.message-board .message-title .h4 a .link-message i,
.message-board .message-title .h6 a .link-message i,
.message-board .message-title a .link-message i,
.message-board .message-title a span .link-message i {
    padding-left: 10px;
}

.message-board .message-title .h4 a .link-message span,
.message-board .message-title .h6 a .link-message span,
.message-board .message-title a .link-message span,
.message-board .message-title a span .link-message span {
    font-size: 1.3em;
}

.message-board .message-title .h4 a .file-message,
.message-board .message-title .h6 a .file-message,
.message-board .message-title a .file-message,
.message-board .message-title a span .file-message {
    padding-top: 7px;
    display: block;
    font-size: 0.6em;
}

.message-board .message-title .h4 a .file-message i,
.message-board .message-title .h6 a .file-message i,
.message-board .message-title a .file-message i,
.message-board .message-title a span .file-message i {
    padding-left: 10px;
}

.message-board .message-title .h4 a .file-message span,
.message-board .message-title .h6 a .file-message span,
.message-board .message-title a .file-message span,
.message-board .message-title a span .file-message span {
    font-size: 1.3em;
}

.message-board .message-title .h4 a .read-more,
.message-board .message-title .h6 a .read-more,
.message-board .message-title a .read-more,
.message-board .message-title a span .read-more {
    padding-top: 7px;
    display: block;
    font-size: 14px;
}

.message-board .image-wrapper-pages-message {
    text-align: center;
    margin: 1em 0;
    background-color: #EBEBEB;
    border: 1px solid #E5e5e5;
    white-space: nowrap;
    position: relative;
}

.message-board .image-wrapper-pages-message .balloon {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 9999;
}

.message-board .image-wrapper-pages-message .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.message-board .image-wrapper-pages-message img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;
}

.message-board .message-img {
    float: right;
    margin-top: 0;
    margin-left: 8px;
    margin-bottom: 30px;
    overflow: hidden;
    clear: both;
}

.message-board .message-img-single {
    margin-bottom: 10px !important;
}

/* END Message Board */
.sogo_static_params_wrapper .static_params_num {
    text-shadow: 3px 1px 2px #000;
    text-align: center;
    font-weight: bold;
}

@media (min-width: 1199px) {
    .sogo_static_params_wrapper .static_params_num {
        font-size: 70px;
    }
}

@media (max-width: 1199px) {
    .sogo_static_params_wrapper .static_params_num {
        font-size: 2.3em;
    }
}

.sogo_static_params_wrapper .static_params_title {
    text-align: center;
    line-height: 1em;
    color: #ffffff;
    text-shadow: 3px 1px 2px #000;
}

@media (min-width: 1199px) {
    .sogo_static_params_wrapper .static_params_title {
        font-size: 2em;
    }
}

@media (max-width: 1199px) {
    .sogo_static_params_wrapper .static_params_title {
        font-size: 1.6em;
    }
}

@media (max-width: 767px) {
    .one-article article {
        padding-bottom: 15px;
    }
}

.one-article-message {
    padding-right: 23px !important;
}

.one-article-message .title-plasma {
    font-size: 50px;
}

.widget_box {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 768px) {
    .widget_box {
        height: auto !important;
    }
}

/* Calendar-big-widget */
.calendar-wrapper-big .month-year {
    position: relative;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3;
    width: 230px;
    margin: 0 auto;
}

.calendar-wrapper-big #cal-prev-year_big {
    position: absolute;
    right: -30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-size: 1.6em;
    line-height: 1;
    top: 8px;
}

.calendar-wrapper-big #cal-next-year_big {
    position: absolute;
    left: -30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-size: 1.6em;
    line-height: 1;
    top: 8px;
}

.calendar-wrapper-big #cal-next_big {
    position: absolute;
    left: 6px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-size: 1.3em;
    top: 8px;
}

.calendar-wrapper-big #cal-prev_big {
    position: absolute;
    right: 6px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-size: 1.3em;
    top: 8px;
}

.calendar-wrapper-big .month-nav {
    position: relative;
}

.calendar-wrapper-big .calendar {
    margin-top: 30px;
    /*if has events */
}

.calendar-wrapper-big .calendar .days-row .calendar-day-head {
    width: 13%;
    font-size: 1.5em;
    line-height: 3;
    text-align: center;
    border-left: 4px solid;
}

.calendar-wrapper-big .calendar .calendar-day {
    position: relative;
    vertical-align: bottom;
}

.calendar-wrapper-big .calendar .calendar-day .day-number {
    min-height: 90px;
}

.calendar-wrapper-big .calendar .calendar-day .day-number .loaz-day1 {
    font-size: 1em;
    position: absolute;
    left: 10px;
    top: 6px;
}

.calendar-wrapper-big .calendar .calendar-day .day-number .heb-day1 {
    font-size: 1.8em;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 0;
}

.calendar-wrapper-big .calendar .calendar-day .day-number .loaz-day {
    font-size: 1.8em;
    position: absolute;
    right: 10px;
    top: 0;
}

.calendar-wrapper-big .calendar .calendar-day .day-number .loaz-day-small {
    font-size: 1.5em;
}

.calendar-wrapper-big .calendar .calendar-day .day-number .heb-day {
    font-size: 1em;
    font-weight: normal;
    position: absolute;
    left: 10px;
    top: 6px;
}

.calendar-wrapper-big .calendar .calendar-day .day-number .day-title {
    padding-right: 5px;
    font-weight: normal;
    position: inherit;
    bottom: 0;
    width: 100%;
    height: auto;
}

.calendar-wrapper-big .calendar .calendar-day .day-number .day-title a {
    color: #000 !important;
}

.calendar-wrapper-big .calendar .calendar-day .day-number .day-holiday {
    margin-top: 40px;
    margin-bottom: 25px;
    text-align: center;
}

.calendar-wrapper-big .calendar .calendar-day .day-number .day-holiday img {
    border-radius: 100%;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 21px;
}

.calendar-wrapper-big .calendar .has_events .day-number .day-title {
    padding-right: 5px;
}

.calendar-wrapper-big .calendar .has_events .day-number .day-title a {
    color: #000 !important;
}

.calendar-wrapper-big .calendar .has_events .day-number .day-title:before {
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
    font-size: 2em;
    font-weight: normal;
    top: -11px;
}

.calendar-wrapper-big .calendar .has_events .day-number .day-holiday {
    margin-top: 40px;
    margin-bottom: 25px;
    text-align: center;
}

.calendar-wrapper-big .calendar .has_events .day-number .day-holiday a {
    color: #000 !important;
}

.calendar-wrapper-big .calendar .has_events .day-number .day-holiday:before {
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
    font-size: 2em;
    font-weight: normal;
    top: -10px;
}

.calendar-wrapper-big .calendar .has_events .day-number .day-holiday img {
    border-radius: 100%;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 21px;
}

.calendar-wrapper-big .calendar-day-details {
    border: 1px solid #c5c5c5;
    margin-top: 10px;
    padding: 10px;
    font-size: 1.4em;
}

.calendar-wrapper-big .calendar-day-details .event-link {
    display: block;
}

.calendar-wrapper-big .calendar-day-details .event-time,
.calendar-wrapper-big .calendar-day-details .event-location,
.calendar-wrapper-big .calendar-day-details .event-excerpt {
    font-size: 0.7em;
    display: block;
    margin-bottom: 5px;
}

.calendar-wrapper-big .calendar-day-details .event-time i,
.calendar-wrapper-big .calendar-day-details .event-location i,
.calendar-wrapper-big .calendar-day-details .event-excerpt i {
    vertical-align: middle;
}

@media (max-width: 767px) {
    .calendar-wrapper-big tr.calendar-row {
        font-size: 0.5em;
        width: 100%;
    }
}

.edit_pic_page {
    position: absolute;
    top: 40px;
    left: 120px;
}

.edit_move,
.manage_comments_merchav,
.mailing_merchav,
.form_replay {
    font-size: 18px;
    padding-top: 10px;
    cursor: pointer;
}

.div_title_cube {
    position: relative;
}

.edit_merchav_sort_page {
    color: #55c1e7;
}

.edit_merchav_border {
    border-bottom: 1px solid #d9d9d9;
}

@media (max-width: 768px) {
    .edit_weekly_design {
        margin-left: 10px;
    }
}

.edit_merchav_design,
.edit_weekly_design {
    font-size: 18px;
}

.edit_merchav_design .fa,
.edit_weekly_design .fa {
    font-size: 16px;
}

.edit_merchav_design .fa-plus,
.edit_weekly_design .fa-plus {
    padding-right: 1px;
}

.edit_weekly_design_copy {
    color: #f26722 !important;
    border: 1px solid #f26722 !important;
}

@media (min-width: 768px) {
    .edit_weekly_design_copy {
        margin-left: 30px !important;
    }
}

@media (max-width: 768px) {
    .edit_weekly_design_copy {
        margin-top: 10px;
    }
}

.edit_weekly_design_copy .icon {
    background-color: #f26722 !important;
}

.edit_weekly_design_copy .icon:hover {
    background-color: #fff !important;
    color: #f26722 !important;
    border: 1px solid #f26722 !important;
}

.edit_weekly_design_copy:hover {
    background-color: #f26722 !important;
    border: 1px solid #f26722 !important;
    color: #fff !important;
}

.edit_merchav_design_icon .icon,
.edit_merchav_design_icon .fa,
.modal-header .lbl-close {
    transition: 0.2s;
    background-color: #55c1e7;
    color: #fff;
    font-weight: bold;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .modal {
        z-index: 999999;
    }

    /*.modal-content {
    position: absolute;
    top: 80px;
    bottom: 0;
    width: 100%;
  }

  .modal-header {
    width: 100%;
    height: 3em;
    position: fixed;
    z-index: 9999999;
    background-color: white;
  }

  .modal-body {
   position: relative;
    max-height: calc(100vh - 210px);
    top: 3em;

    width: 100%;
    overflow-y: auto;
  }*/
}

.header-tools .write-per {
    display: none;
}

.modal-header .close {
    opacity: 10;
    font-size: 14px;
    font-weight: normal;
}

.modal-header .close .lbl-close {
    font-size: 1.7em;
    background-color: grey;
    line-height: 1;
}

.div_edit {
    margin-top: -7px;
}

.edit_merchav_design_icon :hover,
.modal-header .lbl-close :hover,
.edit_merchav_add_message,
.edit_merchav_add_page,
.edit_merchav_list_bless,
.edit_merchav_add_news,
.edit_weekly,
.edit_merchav_add_gallery,
.disabled_merchav,
.edit_merchav,
.edit_merchav_add_event,
.manage_comments_merchav,
.mailing_merchav,
.form_replay {
    transition: 0.2s;
    border: 1px solid #55c1e7;
    background-color: #fff;
    text-decoration: none;
    color: #55c1e7;
}

.edit_merchav_design_icon :hover:hover,
.modal-header .lbl-close :hover:hover,
.edit_merchav_add_message:hover,
.edit_merchav_add_page:hover,
.edit_merchav_list_bless:hover,
.edit_merchav_add_news:hover,
.edit_weekly:hover,
.edit_merchav_add_gallery:hover,
.disabled_merchav:hover,
.edit_merchav:hover,
.edit_merchav_add_event:hover,
.manage_comments_merchav:hover,
.mailing_merchav:hover,
.form_replay:hover {
    background-color: #55c1e7;
    border: 1px solid #55c1e7;
}

@media (max-width: 767px) {
    .edit_merchav_add_message,
    .edit_merchav_list_bless,
    .edit_merchav_add_gallery,
    .edit_merchav_add_page,
    .edit_merchav_add_news {
        font-size: 11px;
    }
}

.edit_merchav_design_icon .icon:hover {
    background-color: #fff;
}

.disabled_merchav,
.edit_merchav,
.manage_comments_merchav,
.mailing_merchav,
.form_replay {
    font-size: 20px;
    position: absolute;
    top: -13px;
    left: 15px;
}

.disabled_merchav .icon,
.edit_merchav .icon,
.manage_comments_merchav .icon,
.mailing_merchav .icon,
.form_replay .icon {
    border: 1px solid;
    font-size: 1.1em;
    line-height: 1.1;
}

@media (max-width: 767px) {
    .disabled_merchav,
    .edit_merchav,
    .manage_comments_merchav,
    .mailing_merchav,
    .form_replay {
        left: 176px;
        padding: 0;
        font-size: 14px;
        height: 32px;
        padding-top: 4px;
        padding-left: 4px;
        top: 33px;
    }

    .disabled_merchav .icon,
    .edit_merchav .icon,
    .manage_comments_merchav .icon,
    .mailing_merchav .icon,
    .form_replay .icon {
        line-height: 1.4;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .active_btn_managed {
        background-color: #55c1e7;
        border: 1px solid #55c1e7;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        color: #ffffff;
    }
}

[class^="edit_merchav_edit_title"],
[class^="save_merchav_title"] {
    position: absolute;
    float: left;
    left: 20px;
}

.edit_merchav_div {
    padding-bottom: 1px;
}

.manage_comments_merchav {
    left: 180px;
    /*left:124px;*/
}

@media (max-width: 767px) {
    .manage_comments_merchav {
        left: 14px;
    }
}

.mailing_merchav {
    left: 299px;
}

@media (max-width: 767px) {
    .mailing_merchav {
        left: 101px;
    }
}

.form_replay {
    left: 395px;
    /*left:248px;*/
}

@media (max-width: 767px) {
    .form_replay {
        /* left: 111px;*/
        left: 293px;
    }
}

.modal-body .fa-angle-down,
.modal-body .icon-calendar {
    left: 20px;
    bottom: 23px;
}

@media (max-width: 767px) {
    .modal-body .fa-angle-down,
    .modal-body .icon-calendar {
        left: 20px !important;
        bottom: 0px !important;
        top: 28px !important;
    }

    .modal-body .limited_groups_write .fa-angle-down {
        top: 30px !important;
        left: 10px !important;
    }
}

.modal-body .panel-default {
    border: 0;
}

.modal-body .panel-header h3 {
    margin-right: -19px;
}

.modal-body #panel-body-newsletter {
    border: 1px solid #ddd;
}

/*#div_post_status, #div_post_status_all {
  .fa-angle-down {
    left: 80px;
    padding-left: 0;
  }
}

#div_post_status_all {
  .fa-angle-down {
    left: 60px;
    padding-left: 0;
    top: 30px;
  }
}*/
#post_status_all {
    padding-left: 30px;
    z-index: 99999;
    background-color: transparent;
    position: relative;
}

.site_to_site .intro_wrapper {
    padding-top: 0px !important;
}

.intro_wrapper {
    padding-top: 10px;
}

#div_post_status_all .fa-angle-down {
    padding-left: 0;
    top: 30px;
    left: 30px;
    position: absolute;
}

[id^=post_status] {
    width: 120px;
}

#post_status_all {
    padding-left: 30px;
}

.modal-btn {
    border: 1px solid;
    border-radius: 0;
    padding: 5px 20px;
    margin-left: 5px;
    float: left;
}

.modal-btn i {
    padding: 2px;
    float: right;
}

.modal-intro,
.modal-content {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 700px !important;
}

@media (max-width: 767px) {
    .modal-intro,
    .modal-content {
        top: 200px;
    }
}

@media (min-width: 768px) {
    .modal-weekly {
        width: 50%;
        /*  right: 25%;*/
    }
}

#Content2_ifr {
    height: 670px !important;
}

.bbp-the-content-wrapper .mce-edit-area,
[id^=sogo_update_add] .mce-edit-area {
    height: 670px !important;
}

@media (max-width: 767px) {
    .bbp-the-content-wrapper .mce-edit-area,
    [id^=sogo_update_add] .mce-edit-area {
        height: 250px !important;
    }
}

@media (max-width: 767px) {
    .modal iframe {
        height: 250px !important;
    }
}

[id^=sogo_update_add] iframe {
    border-top: 0;
    border: 1px solid #ddd;
}

.mce-edit-area {
    border: 1px solid #ebebeb !important;
}

.merchav_intro_over {
    z-index: 99;
    position: absolute;
    top: 0;
    width: 98%;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    height: 100%;
    color: #fff;
}

.merchav_intro_over:hover {
    color: #fff;
}

.merchav_intro_over i {
    padding-top: 7%;
    font-size: 9em;
}

.merchav_intro_over h6 {
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .merchav_intro_over {
        width: 92% !important;
    }
}

.a_pic_cube {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    color: #fff;
}

.a_pic_cube:hover {
    color: #fff;
}

.a_pic_cube i {
    font-size: 3em;
}

.a_pic_cube .h6 {
    font-size: 1em;
}

.post_format .fa-angle-down {
    left: 20px;
    bottom: 20px;
}

.add_event {
    display: block;
    border-radius: 35%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.add_event i,
.add_event i:hover {
    color: #fff;
    padding-top: 50%;
}

.message-two-line-title {
    min-height: 44px;
    max-height: 44px;
}

.message-two-line-title .fa {
    font-size: 14px;
}

[class^="show_sub_pages"],
[class^="hide_sub_pages"],
[class^="show_sub_sub_pages"],
[class^="hide_sub_sub_pages"] {
    position: absolute;
    float: left;
    left: 10px;
}

[class^="show_sub_pages"].icon-plus,
[class^="hide_sub_pages"].icon-plus,
[class^="show_sub_sub_pages"].icon-plus,
[class^="hide_sub_sub_pages"].icon-plus,
[class^="show_sub_pages"].fa-minus,
[class^="hide_sub_pages"].fa-minus,
[class^="show_sub_sub_pages"].fa-minus,
[class^="hide_sub_sub_pages"].fa-minus {
    left: 0;
    float: right;
    position: relative;
    color: #55c1e7;
}

.archive_minus,
.archive_plus {
    color: #55c1e7;
}

.fa-minus {
    font-size: smaller;
    padding-top: 3px;
}

[class^="page_cube_title_input"],
[class^="page_news_title_input"] {
    background-color: #faffbd;
    height: 31px;
}

.edit_intro_over {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@media (max-width: 768px) {
    .edit_intro_over {
        background-image: none !important;
    }
}

label[for^=news] {
    /* font-size: 18px;*/
}

label[for^=newsletter] {
    font-size: 100%;
}

label[for^=date_range],
label[for^=from],
label[for^=end] {
    font-size: 14px;
}

.links_wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.links_wrapper .link_wrapper div {
    background-color: white;
    text-align: center;
}

.col-md-6 #amazingslider-wrapper-28 .amazingslider-box-28 .amazingslider-text-28 .amazingslider-title-28 {
    height: 20% !important;
    font-size: 1.2em;
}

.col-md-6 #amazingslider-wrapper-28 .amazingslider-box-28 .amazingslider-text-28 .amazingslider-description-28 {
    height: 56% !important;
}

@media (max-width: 767px) {
    #amazingslider-wrapper-28 {
        left: 0px !important;
    }
}

.container-fluid .col-md-12 #amazingslider-wrapper-28 .amazingslider-box-28 {
    left: -11px !important;
}

.container-fluid .col-md-12 #amazingslider-wrapper-28 .amazingslider-nav-28 {
    right: 95% !important;
}

.amazingslider-text-bg-28 {
    opacity: 0.8 !important;
}

.amazingslider-text-28 .amazingslider-title-28 {
    height: 13% !important;
}

@media (max-width: 768px) {
    .amazingslider-nav-28 {
        display: none !important;
    }

    #amazingslider-wrapper-28 {
        padding: 0 !important;
    }

    #amazingslider-wrapper-28 .amazingslider-box-28 {
        left: 0 !important;
        width: 100% !important;
    }

    #amazingslider-wrapper-28 .amazingslider-box-28 .amazingslider-text-28 {
        padding: 0 !important;
    }

    #amazingslider-wrapper-28 .amazingslider-box-28 .amazingslider-text-28 .amazingslider-title-28 {
        height: 80% !important;
    }

    #amazingslider-wrapper-28 .amazingslider-box-28 .amazingslider-text-28 .amazingslider-description-28 {
        height: 20% !important;
    }

    #amazingslider-wrapper-28 .amazingslider-box-28 .amazingslider-text-28 .amazingslider-description-28 div:first-of-type {
        display: none !important;
    }
}

.amazingslider-bullet-image-28 {
    margin: 3px;
}

.amazingslider-nav-thumbnail-tite-28 {
    color: #fff !important;
    font-size: 12px !important;
}

#sogo_update_add_page .panel-header {
    font-size: 16px;
    padding-right: 10px;
    display: block;
}

#sogo_update_add_page .panel-header > div {
    display: none;
}

@media (min-width: 768px) {
    #sogo_update_add_page .panel-header .header-tools {
        display: none;
    }
}

@media (max-width: 767px) {
    #sogo_update_add_page .panel-header .header-tools {
        text-align: left;
        margin-top: -31px;
        display: block !important;
    }
}

#sogo_update_add_page .panel-header h3 {
    font-weight: bold;
    padding-right: 10px;
    line-height: 1.3;
}

#sogo_update_add_page #panel-body-newsletter legend {
    font-size: 16px;
    padding-top: 10px;
}

@media (max-width: 767px) {
    .modal-dialog {
        width: 95% !important;
    }

    .div_page_type {
        padding-left: 0;
    }

    .modal-btn {
        padding: 2px !important;
    }
}

.write_per_merchav label,
.div_Content label {
    font-size: 16px;
}

.write_per_merchav .panel-body,
.div_Content .panel-body {
    border: 1px solid #ddd;
}

@media (max-width: 767px) {
    .write_per_merchav .header-tools .write-per,
    .div_Content .header-tools .write-per {
        display: block !important;
        margin-top: -20px;
        float: left;
    }
}

@media (max-width: 767px) {
    .padding-bottom-only-xs {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .mce-toolbar .mce-ico {
        font-size: 16px;
    }

    .mce-toolbar .mce-btn button,
    .qt-dfw {
        padding: 4px 6px !important;
    }
}

.display-flex-impartant {
    display: flex !important;
}

#wp-link #wp-link-target {
    display: block !important;
}

.modal-content .more_dis_text,
.modal-content .minus_dis_text {
    display: none;
}

@media (max-width: 767px) {
    .modal-content .more_dis_text,
    .modal-content .minus_dis_text {
        margin-top: -22px;
        display: block;
        cursor: pointer;
    }

    .modal-content .mce-toolbar-grp {
        /* > div[id^='mceu'] {*/
        display: none;
        /*  }*/
    }

    .modal-content #wp-Contentreply-editor-tools {
        display: none;
    }

    .modal-content .emogies_div {
        display: none;
    }

    .modal-content section {
        display: inline;
    }

    .modal-content section .emoji-grid {
        display: table-footer-group;
    }

    .modal-content .no-hide {
        display: block !important;
    }
}

.swiper-container {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    padding: 0px !important;
    text-align: center;
    font-size: 22px;
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media (max-width: 767px) {
    .swiper-slide {
        width: 45% !important;
    }
}

.swiper-slide .h6 {
    height: 24px;
    overflow: hidden;
}

.div-swiper-slide {
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    min-height: 250px;
    padding: 15px !important;
}

@media (max-width: 767px) {
    .div-swiper-slide {
        min-height: 100px;
    }
}

.div-swiper-slide img:hover {
    opacity: 0.5;
}

@media (min-width: 768px) {
    #divSites {
        display: flex;
        flex-wrap: wrap;
    }

    #divSites .archive4 {
        margin-right: 10px;
        margin-left: 26px;
        height: 100%;
    }

    #divSites .archive4 .article-header {
        margin-right: 20px;
    }

    #divSites .archive4 .article-header h6 {
        font-size: 20px;
    }
}

.title-line-color-gray {
    border-bottom: gray solid 4px;
}

.nav-clac-border {
    border-bottom: 5px solid gray;
}

.nav-clac .nav-link {
    -webkit-box-ordinal-group: 3;
    order: 3;
    width: 19.5%;
    /* margin-left: 102px;*/
    height: 70px;
}

.nav-clac .nav-link:hover,
.nav-clac .nav-link:active,
.nav-clac .nav-link:focus {
    text-decoration: none;
}

.nav-clac .nav-link:hover h4,
.nav-clac .nav-link:active h4,
.nav-clac .nav-link:focus h4 {
    border-bottom: 5px solid gray;
}

.nav-clac .nav-link h4 {
    height: 50px;
    padding-top: 16px !important;
}

.div_pic_cube1,
.div-swiper-slide {
    border: 1px solid #E8E7E7;
    -webkit-box-ordinal-group: 3;
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.div_pic_cube1 .overlay,
.div-swiper-slide .overlay {
    position: absolute;
    overflow: hidden;
    filter: alpha(opacity=0);
    width: 29%;
    height: 16%;
    left: 35%;
    top: 43%;
    border-radius: 0%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(50%, 50%, 0);
    transform: translate3d(50%, 50%, 0);
}

.div_pic_cube1:hover .overlay,
.div-swiper-slide:hover .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #FFF;
}

.div_pic_cube1 img,
.div-swiper-slide img {
    display: block;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}

.div_pic_cube1 a,
.div_pic_cube1 p {
    padding: 1em 0 !important;
}

.div_pic_cube1 a,
.div_pic_cube1 p,
.div-swiper-slide a,
.div-swiper-slide p {
    color: #FFF;
    padding: 0.7em 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-150%, -400%, 0);
    transform: translate3d(-150%, -400%, 0);
}

.div_pic_cube1:hover a,
.div_pic_cube1:hover p,
.div_pic_cube1:hover h2,
.div_pic_cube1:hover .overlay .div-swiper-slide:hover a,
.div-swiper-slide:hover p,
.div-swiper-slide:hover h2,
.div-swiper-slide:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mysites p {
    line-height: 1.2;
    margin-top: 0pt;
    margin-bottom: 0pt;
    text-align: center;
}

.mysites p span {
    font-size: 1.3em;
    font-family: Calibri;
    color: #000000;
    background-color: transparent;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    vertical-align: baseline;
    white-space: pre-wrap;
}

.img_link_hover .a_img_link {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.img_link_hover:hover .a_img_link {
    background-color: rgba(0, 0, 0, 0.5);
}

.img_link_hover img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.img_link_hover img {
    display: block;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.title-line-shadow {
    box-shadow: 0 1px 0 #e4e4e4;
}

.a_to_active {
    color: inherit;
}

.activity {
    border-bottom: 2px solid #b2b2b2;
    border-right: 2px solid #d7d7d7;
}

.activity .minmax {
    font-size: 12px;
}

.activity .feedback .full-rate {
    cursor: pointer;
}

.activity .feedback .fa-star,
.activity .feedback .fa-star-half {
    color: #fdcc09;
}

.activity .feedback .rate {
    background-color: #e4e4e4;
    min-height: 60px;
}

.activity .feedback .rate .col-md-6 {
    margin-top: -22px;
}

.activity .feedback .rate .col-md-3 {
    margin-top: -12px;
}

.activity .feedback .rate-1,
.activity .feedback .remarksDiv {
    border: 1px solid #d9d9d9;
}

.activity .feedback .rate-1 .col-md-12,
.activity .feedback .remarksDiv .col-md-12 {
    background-color: #e4e4e4;
}

.activity .feedback .remarksDiv .col-md-4,
.activity .feedback .remarksDiv .col-md-8 {
    min-height: 85px;
}

.activity .feedback .remarksDiv .col-md-4 {
    border-left: 1px solid #d9d9d9;
}

.term-wrapper .image-wrapper-pages-message {
    overflow: hidden;
}

.eshkol .h3,
.eshkol .h5 {
    cursor: pointer;
}

.eshkol .image-wrapper-pages-message {
    margin: 0px !important;
}

.thin .side.widget-header-thin.text-right.slick-controls:after {
    width: 50% !important;
}

.thin .side.widget-header-thin.text-right h2,
.thin .side.widget-header-thin.text-right h3 {
    padding-right: 0 !important;
}

.thin .side.widget-header-thin.text-right:after {
    width: 92.8% !important;
}

.thin .side.widget-header-thin::after {
    width: 93.5% !important;
}

.thin .side.widget-header-thin.slick-controls::after {
    margin-left: 28%;
    width: 71% !important;
}

.thin .side.widget-header-thin h2,
.thin .side.widget-header-thin h3 {
    padding: 0 40px !important;
}

.thin .side .slick-controls-down {
    margin-top: -29px;
    left: 0;
}

.thin .side .slick-controls-down .next-carusel {
    left: 0px;
    padding-left: 10px;
}

.thin.side .view-more a,
.thin.side .view-more .goto_weeklyplane {
    width: 35% !important;
    margin-top: 0 !important;
}

@media (max-width: 767px) {
    .thin.side .view-more a,
    .thin.side .view-more .goto_weeklyplane {
        width: 44% !important;
    }
}

.thin.side .view-more:after {
    width: 85% !important;
}

.thin.side .slick-controls-down {
    width: 18%;
    float: left;
    margin-top: -25px;
}

.thin .view-more {
    background-color: transparent !important;
    text-align: left;
}

.thin .view-more a,
.thin .view-more .goto_weeklyplane {
    text-align: left;
    color: gray !important;
    background: #ffffff none repeat scroll 0 0 !important;
    position: relative;
    padding: 0px !important;
    z-index: 1;
    width: 10%;
    display: inline-block;
}

.thin .view-more i {
    display: none;
}

.thin .view-more::after {
    background: #ebebeb none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    margin-top: 20px;
    width: 13%;
    margin-left: 12%;
}

@media (max-width: 767px) {
    .thin .view-more::after {
        width: 90.8%;
    }
}

.font_size_2 {
    font-size: 2.5em;
}

.font_size_3 {
    font-size: 3.5em;
}

.text-normal-title {
    font-weight: normal !important;
}

.widget-header-thin.text-right h2,
.widget-header-thin.text-right h3 {
    padding-right: 0 !important;
}

.widget-header-thin.text-right::after {
    width: 96.8%;
}

.widget-header-thin::after {
    background: #ebebeb none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    margin-top: 28px;
    width: 97.8%;
    margin-left: 15px;
    margin-right: 15px;
}

@media (max-width: 767px) {
    .widget-header-thin::after {
        width: 90.8%;
    }
}

.widget-header-thin.font_size_2 {
    font-size: 1.6em !important;
}

.widget-header-thin.font_size_2 h3,
.widget-header-thin.font_size_2 h2 {
    margin-top: 0.1em !important;
}

.widget-header-thin.font_size_3 {
    font-size: 1.8em !important;
}

.widget-header-thin.font_size_3 h3,
.widget-header-thin.font_size_3 h2 {
    margin-top: -0.05em !important;
}

.widget-header-thin h3,
.widget-header-thin h2 {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    margin-top: 0.5em !important;
    margin-bottom: 0.2em;
    position: relative;
    padding: 0 100px !important;
    z-index: 1;
}

@media (max-width: 767px) {
    .widget-header-thin h3,
    .widget-header-thin h2 {
        padding: 0 40px !important;
    }
}

#new_feedback .finish {
    height: 200px;
}

#new_feedback .finish h2 {
    padding-top: 60px;
    padding-right: 150px;
}

#new_feedback label:after {
    color: red;
    content: '*';
    padding-right: 2px;
}

#new_feedback .checkbox-label:after,
#new_feedback .remarks label:after {
    content: '' !important;
    padding-right: 0 !important;
}

#new_feedback input {
    background-color: white;
}

#new_feedback .star-rating .fa-star {
    color: #f70;
}

@media (max-width: 767px) {
    [id^=__wp-uploader-id-] .wp-core-ui {
        z-index: 999999;
    }
}

.nav_message_board_cat {
    width: inherit;
    display: flex;
    margin-bottom: 10px;
}

.nav_message_board_cat li > a {
    padding: 10px 7px !important;
    font-size: 107%;
}

.nav_tt_message {
    height: auto !important;
    display: flex !important;
}

.nav_tt_message.hidden {
    display: none !important;
}

.nav_tt_message a {
    color: #5e5e5e !important;
}

.nav_katalog_cat {
    width: 100%;
}

.nav_katalog_cat li {
    float: right;
    display: inline-block;
}

.nav_katalog_cat li.active a {
    background-color: white !important;
    color: #55c1e7 !important;
}

.nav_katalog_cat li a {
    font-size: 1.8em;
    font-weight: bold;
    border: 1px solid #ddd;
    width: 180px;
    margin-left: 4px;
    background-color: #eeeeee !important;
    color: #555555 !important;
}

.nav_katalog_cat li a:hover {
    background-color: white !important;
}

/* memorial.less */
.memorial-link {
    text-decoration: none;
    color: #5e5e5e;
}

@media (min-width: 1200px) {
    .memorial_inner.col-lg-3.col-md-4.col-sm-6:nth-child(4n+1) {
        clear: both;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .memorial_inner.col-lg-3.col-md-4.col-sm-6:nth-child(3n+1) {
        clear: both;
    }
}

@media (max-width: 992px) {
    .memorial_inner.col-lg-3.col-md-4.col-sm-6:nth-child(2n+1) {
        clear: both;
    }
}

.memorial_wrapper .slick-slide {
    height: 200px;
    padding: 15px;
    padding-bottom: 30px;
}

.memorial_wrapper .breaking_news_wrapper {
    clear: both;
}

.memorial_wrapper .slick-prev:before,
.memorial_wrapper .slick-next:before {
    color: #d9d9d9;
}

.memorial_wrapper .one-memorial {
    border-bottom: 1px solid #d9d9d9 !important;
    padding-bottom: 0;
    margin-bottom: 0;
}

.memorial_wrapper .one-memorial .gallery-icon {
    height: auto !important;
}

.memorial_wrapper .one-memorial .h5 {
    height: auto !important;
}

.memorial_wrapper .one-memorial .h5 a {
    font-size: 0.9em;
}

.memorial_wrapper img {
    height: 100%;
}

.memorial_wrapper .widget-carusel img {
    width: auto;
    height: auto;
}

.memorial_wrapper .sub-title {
    font-size: 1.4em;
    color: #656565;
}

.memorial_wrapper a {
    color: #656565;
}

.memorial_wrapper .text {
    color: #656565;
}

.memorial_wrapper .gallery-icon,
.memorial_wrapper .user_memorial {
    /*height: 210px;*/
}

.memorial_wrapper .user_memorial img {
    height: 100%;
}

.user_memorial .gallery-item {
    padding: 0;
}

.user_memorial .gallery-item img {
    width: auto;
    height: auto;
}

.memorial_inner .memorial {
    margin-bottom: 25px;
    height: 85%;
}

.memorial_inner .memorial .memorial-header {
    margin-bottom: 10px;
}

.memorial_inner .memorial .post_thumbnail img {
    margin: 0 auto;
    transition: all 0.3s ease;
}

.memorial-form {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.memorial-form input {
    width: 100%;
}

.memorial-form .search-word i {
    position: absolute;
    left: 0px;
    top: 1px;
    font-size: 18px;
}

.memorial-form .choose-year input[type=number]::-webkit-inner-spin-button,
.memorial-form .choose-year input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.single-memorial .section-details {
    margin-bottom: 20px;
    margin-top: 26px;
    line-height: 3.1;
}

.single-memorial .section-excerpt {
    margin-bottom: 35px;
}

.memorial_wrapper .view-more {
    transition: 0.2s;
}

.memorial_wrapper .view-more:hover {
    transition: 0.2s;
}

.memorial_wrapper .view-more:hover a {
    color: #ffffff;
}

.memorial_wrapper .view-more a {
    transition: 0.2s;
}

.memorial_wrapper .view-more a:hover {
    transition: 0.2s;
    color: #ffffff;
}

.memorial_wrapper .view-more a {
    display: block;
    line-height: 2.5;
    font-size: 1.2em;
    font-weight: bold;
}

.divmemorial::after {
    content: "";
    opacity: 0.5;
    /* filter: blur(5px);
   -webkit-filter: blur(5px);
   -webkit-filter: blur(5px);
   -moz-filter: blur(5px);
   filter: blur(5px);*/
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    border: 1px solid #E8E7E7;
    background: #F8F8F8;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.divmemorial {
    height: 122px;
}

.one-memorial .divmemorial::after {
    background-color: transparent;
    border: 0;
}

/* nav-pills.less */
.nav-pills.nav-pills-center li a {
    margin-top: 0;
    border-radius: 0;
    height: 50px;
}

.nav-pills.nav-pills-center li .triangle {
    display: none;
}

.nav-pills.nav-pills-center li.active .triangle {
    display: block;
}

#pills-bg-color2 {
    height: 3.571em;
}

/* triangle */
.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 25px 0 25px;
    margin-right: auto;
    margin-left: auto;
}

/* pagination-rtl */
.pagination {
    padding-right: 0;
}

.pagination > li > a,
.pagination > li > span {
    float: right;
    margin-right: -1px;
    margin-left: 0;
    border: none;
    padding: 6px 6px;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
    background-color: #fff;
}

.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #fff;
}

.pagination > li > a:focus > span > i.fa-stack-1x,
.pagination > li > span:focus > span > i.fa-stack-1x {
    color: #fff;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination > li:first-child > a > i,
.pagination > li:first-child > span > i {
    line-height: 1.6;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    margin-right: -1px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination > li:last-child > a > i,
.pagination > li:last-child > span > i {
    line-height: 1.6;
}

/* comments.less */
.comments-area .says {
    font-weight: bold;
}

.comments-area .comment-meta {
    padding-top: 10px;
    padding-bottom: 10px;
}

.comments-area .comment-body > p {
    padding-top: 10px;
    padding-bottom: 10px;
}

.comments-area .reply {
    padding-top: 10px;
    padding-bottom: 10px;
}

.comments-area .attachmentFile {
    color: transparent;
}

.comments-area .attachmentFile img {
    float: right;
}

.comments-area .comment-list {
    list-style: none;
    margin-top: 20px;
}

.comments-area .comment-list .comment {
    padding-bottom: 10px;
    padding-right: 50px;
    list-style-type: none;
}

.comment-respond .logged-in-as {
    padding-top: 10px;
    padding-bottom: 10px;
}

.comment-respond .form-submit input {
    font-size: 1.143em;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
    min-height: 2.142em;
    min-width: 5em;
    vertical-align: middle;
    line-height: 2;
    color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-top: 20px;
}

.comment-respond .comment-form-attachment {
    display: none;
}

.comment-respond .comment-form-comment textarea {
    width: 100%;
}

/** forum.less **/
#bbpress-forums {
    font-size: 100% !important;
    overflow: visible !important;
    /* archive- forums */
    /* END archive- forums */
}

#bbpress-forums fieldset.bbp-form legend {
    padding-right: 0 !important;
}

#bbpress-forums .bbp-topics li.bbp-header {
    height: 45px;
    padding: 0;
}

#bbpress-forums .bbp-reply-to-link {
    padding: 5px 10px 5px 10px;
}

#bbpress-forums .bbp-topic-super-sticky-link {
    display: none;
}

#bbpress-forums .bbp-reply-author {
    width: 20% !important;
}

#bbpress-forums .bbp-reply-content {
    width: 80% !important;
    display: inline-block;
    margin-right: 0 !important;
}

#bbpress-forums .teacher.reply .bbp-reply-author .avatar {
    border: 5px solid;
}

#bbpress-forums .teacher.reply .bbp-reply-author .author-name:before {
    content: "\f19d";
    font-family: FontAwesome;
}

#bbpress-forums .bbp-search-form {
    width: 223px;
    position: absolute;
    float: none !important;
    left: 16px;
}

#bbpress-forums .bbp-search-form #bbp-search-form .form-group:before {
    content: "\f002";
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 1.6em;
}

#bbpress-forums .bbp-search-form #bbp-search-form .form-group #bbp_search {
    background-color: #f6f6f6;
    width: 100%;
}

#bbpress-forums .bbp-breadcrumb {
    padding-bottom: 5px;
    float: right;
    display: block;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 29px;
}

#bbpress-forums .bbp-breadcrumb p {
    margin-bottom: -4px !important;
    color: #000;
    font-size: 1.7em;
}

#bbpress-forums .bbp-breadcrumb p a:first-child {
    display: none;
}

#bbpress-forums .bbp-breadcrumb p span:nth-child(2) {
    display: none;
}

#bbpress-forums .bbp-breadcrumb p a {
    color: #000;
    text-decoration: none;
}

#bbpress-forums .bbp-breadcrumb p .bbp-breadcrumb-sep:first-child {
    display: none;
}

#bbpress-forums .meta-info {
    margin-top: 10px;
}

#bbpress-forums .bbp-pagination-count {
    font-size: 1.3em;
}

#bbpress-forums .entry-excerpt {
    padding-bottom: 0 !important;
}

#bbpress-forums .bbp-forums,
#bbpress-forums .bbp-replies {
    border: none !important;
}

#bbpress-forums .bbp-forums .bbp-header,
#bbpress-forums .bbp-replies .bbp-header {
    margin-bottom: 5px;
    border: none;
    height: 45px;
    padding: 0;
}

#bbpress-forums .bbp-forums .bbp-header .bbp-reply-author,
#bbpress-forums .bbp-replies .bbp-header .bbp-reply-author {
    font-size: 1.7em;
    height: 100%;
    padding-top: 6px;
    color: #fff;
}

#bbpress-forums .bbp-forums .bbp-header .bbp-reply-content,
#bbpress-forums .bbp-replies .bbp-header .bbp-reply-content {
    font-size: 1.7em;
    height: 100%;
    padding-top: 6px;
    color: #fff;
}

#bbpress-forums .bbp-forums .bbp-header .forum-titles,
#bbpress-forums .bbp-replies .bbp-header .forum-titles {
    color: #fff;
    height: 100%;
    font-size: 1.8em;
}

#bbpress-forums .bbp-forums .bbp-header .forum-titles li,
#bbpress-forums .bbp-replies .bbp-header .forum-titles li {
    overflow: visible;
    line-height: 1;
    padding-top: 15px;
}

#bbpress-forums .bbp-forums .bbp-header .forum-titles li:first-child,
#bbpress-forums .bbp-replies .bbp-header .forum-titles li:first-child {
    padding-right: 10px;
    height: 100%;
    width: 50%;
}

#bbpress-forums .bbp-forums .bbp-header .forum-titles li:nth-child(2),
#bbpress-forums .bbp-replies .bbp-header .forum-titles li:nth-child(2) {
    height: 100%;
    width: 15%;
}

#bbpress-forums .bbp-forums .bbp-header .forum-titles li:nth-child(3),
#bbpress-forums .bbp-replies .bbp-header .forum-titles li:nth-child(3) {
    height: 100%;
    width: 15%;
}

#bbpress-forums .bbp-forums .bbp-header .forum-titles li:nth-child(4),
#bbpress-forums .bbp-replies .bbp-header .forum-titles li:nth-child(4) {
    height: 100%;
    width: 20%;
}

#bbpress-forums .bbp-forums li,
#bbpress-forums .bbp-replies li {
    margin-bottom: 15px;
}

#bbpress-forums .bbp-topic-content-text {
    background-color: #f6f6f6;
    padding: 15px;
    clear: right;
}

#bbpress-forums .bbp-topic-content-text p {
    font-size: 22px;
}

#bbpress-forums .bbp-topic-replies-title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 15px;
}

#bbpress-forums .bbp-topic-replies-title .sticky-div {
    padding-right: 25px;
}

#bbpress-forums .bbp-topic-replies-title .sticky-div > a.unpin-stick i {
    top: 7px;
    left: 7px;
}

#bbpress-forums .bbp-topic-replies-title .sticky-div > a.unpin-stick .unpin-slash {
    top: -2px;
    left: 8px;
}

#bbpress-forums .bbp-topic-replies-title .bbp-topic-sticky-link i {
    transform: rotate(25deg);
}

#bbpress-forums .bbp-topic-written-by {
    padding-top: 10px;
    font-size: 16px;
}

#bbpress-forums .bbp-replies-header {
    line-height: 1.5em;
    font-size: 2em;
    font-weight: bold;
}

#bbpress-forums #reply-header {
    clear: right;
}

#bbpress-forums #bbp-reply-header-show,
#bbpress-forums #bbp-topic-header-show {
    cursor: pointer;
    font-weight: bold;
    clear: right;
    padding: 5px 15px 5px 15px;
    font-size: 1.3em;
}

#bbpress-forums #bbp-topic-header-show,
#bbpress-forums #bbp-topic-header-show1 {
    display: block;
    float: right;
    clear: right;
}

#bbpress-forums .bbp-reply-header {
    /*border: none !important;
    height: 42px;*/
    font-size: 1.3em;
}

#bbpress-forums .bbp-reply-header .bbp-meta .bbp-reply-permalink {
    color: #000;
}

#bbpress-forums .bbp-reply-header .bbp-meta .bbp-admin-links a,
#bbpress-forums .bbp-reply-header .bbp-meta .bbp-topic-content-text a {
    font-size: 18px;
    font-weight: normal;
}

#bbpress-forums .reply {
    border: 1px solid #eaeaea;
    min-height: 125px;
}

#bbpress-forums .bbp-reply-author {
    font-size: 1.4em;
}

#bbpress-forums .bbp-body {
    border: none !important;
}

#bbpress-forums .bbp-body ul {
    margin-bottom: 5px;
    background-color: #f6f6f6 !important;
    border: none !important;
    font-size: 1.8em;
}

#bbpress-forums .bbp-body ul .bbp-forum-info {
    padding-right: 13px;
}

#bbpress-forums .bbp-body ul .bbp-forum-info a {
    color: #000;
}

#bbpress-forums .bbp-body ul .bbp-forum-info .bbp-forum-content {
    font-size: 0.8em;
    margin: 0;
}

#bbpress-forums .bbp-body ul .bbp-forum-topic-count a {
    color: #000;
}

#bbpress-forums .bbp-body ul.even {
    background-color: #f6f6f6;
}

#bbpress-forums .bbp-body ul .bbp-forum-freshness a {
    color: #000;
    font-size: 16px;
}

#bbpress-forums .bbp-body ul .bbp-forum-freshness .bbp-topic-meta {
    font-size: 0.8em;
}

#bbpress-forums .bbp-body ul .bbp-forum-freshness .bbp-topic-meta .bbp-author-avatar {
    display: none;
}

#bbpress-forums .bbp-footer {
    display: none;
}

#bbpress-forums .bbp-form {
    border: none !important;
}

#bbpress-forums .bbp-template-notice {
    display: none;
}

#bbpress-forums .bbp-body .bbp-reply-header:not(:first-child) {
    padding-right: 60px;
}

#bbpress-forums .forum-manager,
#bbpress-forums .forum-manager-label {
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
}

#bbpress-forums .bbp-submit-wrapper button {
    border: none;
    font-size: 1.8em;
    padding: 0 15px !important;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

#bbpress-forums .bbp-topic-form,
#bbpress-forums .bbp-reply-form {
    border: 1px solid #e4e4e4;
    margin-top: 30px;
    margin-bottom: 30px;
}

#bbpress-forums .sticky-wrapper {
    width: 100%;
}

#bbpress-forums .sticky-wrapper .sticky {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 203px;
    min-height: 200px;
    position: relative;
    padding-top: 25px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    float: right;
    margin-left: 8px;
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.15);
}

#bbpress-forums .sticky-wrapper .sticky:before {
    content: "\f08d";
    font-family: FontAwesome;
    font-size: 2.6em;
    position: absolute;
    top: -19px;
    right: 93px;
    transform: rotate(25deg);
}

#bbpress-forums .sticky-wrapper .sticky .bbp-topic-permalink {
    font-size: 1.5em;
    font-weight: bold;
    display: inline-block;
    line-height: 1.2;
}

#bbpress-forums .sticky-wrapper .sticky .bbp-topic-permalink.sticky-replies {
    font-size: 14px;
}

#bbpress-forums .sticky-wrapper .sticky .bbp-topic-sticky-link {
    position: absolute;
    left: 8px;
    bottom: 5px;
}

#bbpress-forums .sticky-wrapper .sticky .unpin-stick {
    position: absolute;
    left: 23px;
    bottom: 28px;
}

#bbpress-forums .sticky-wrapper .sticky .unpin-stick i {
    position: absolute;
    font-size: 1.9em;
    color: #9e9e9e;
    transform: rotate(25deg);
}

#bbpress-forums .sticky-wrapper .sticky .unpin-stick .unpin-slash {
    position: absolute;
    font-size: 2.8em;
    top: -15px;
    left: -14px;
    color: red;
    display: block;
}

/* topics- forums */
.sticky-div > a.unpin-stick {
    position: absolute;
}

.sticky-div > a.unpin-stick i {
    position: absolute;
    font-size: 1em;
    color: #9e9e9e;
    top: 7px;
    transform: rotate(25deg);
}

.sticky-div > a.unpin-stick .unpin-slash {
    position: absolute;
    font-size: 1.4em;
    top: 0;
    left: -12px;
    color: red;
    display: block;
}

.bbp-topics {
    border: none !important;
}

.bbp-topics .bbp-header {
    margin-bottom: 5px;
    border: none;
    height: 57px;
    padding: 0;
}

.bbp-topics .bbp-header .forum-titles {
    color: #fff;
    height: 100%;
    font-size: 1.8em;
}

@media (max-width: 767px) {
    .bbp-topics .bbp-header .forum-titles {
        font-size: 1.1em;
    }
}

.bbp-topics .bbp-header .forum-titles li {
    overflow: visible;
    line-height: 1;
    padding-top: 10px;
    /** &:nth-child(5) {
           height: 100%;
           width: 20%;
         }*/
}

.bbp-topics .bbp-header .forum-titles li:first-child {
    padding-right: 10px;
    height: 100%;
    width: 40%;
}

.bbp-topics .bbp-header .forum-titles li:nth-child(2) {
    height: 100%;
    width: 15%;
}

.bbp-topics .bbp-header .forum-titles li:nth-child(3) {
    height: 100%;
    width: 15%;
}

.bbp-topics .bbp-header .forum-titles li:nth-child(4) {
    height: 100%;
    /*  width: 15%;*/
    width: 20%;
}

.bbp-topics .bbp-header .forum-titles li.bbp-topic-merchav-pairing {
    float: right;
    text-align: right;
}

.bbp-topics .bbp-body {
    border: none !important;
}

.bbp-topics .bbp-body ul {
    margin-bottom: 5px;
    background-color: #f6f6f6 !important;
    border: none !important;
    font-size: 1.8em;
}

@media (max-width: 767px) {
    .bbp-topics .bbp-body ul {
        font-size: 1.1em;
    }
}

.bbp-topics .bbp-body ul .bbp-topic-title {
    width: 40%;
}

.bbp-topics .bbp-body ul .bbp-topic-title .bbp-topic-permalink {
    font-size: 0.9em !important;
    font-weight: bold !important;
}

.bbp-topics .bbp-body ul .bbp-topic-title > .bbp-topic-meta {
    position: relative;
}

.bbp-topics .bbp-body ul .bbp-topic-title .bbp-attachments-count {
    margin-top: 10px;
}

.bbp-topics .bbp-body ul .bbp-topic-title a {
    color: #000;
}

.bbp-topics .bbp-body ul .bbp-topic-title .bbp-topic-meta {
    margin: 0 !important;
    font-size: 0.7em !important;
}

.bbp-topics .bbp-body ul .bbp-topic-title .bbp-topic-meta a {
    color: blue;
}

.bbp-topics .bbp-body ul .bbp-topic-title .bbp-topic-meta .bbp-author-avatar {
    display: none;
}

.bbp-topics .bbp-body ul .bbp-topic-title .bbp-topic-meta .bbp-topic-edit-link,
.bbp-topics .bbp-body ul .bbp-topic-title .bbp-topic-meta .bbp-topic-trash-link,
.bbp-topics .bbp-body ul .bbp-topic-title .bbp-topic-meta .bbp-topic-sticky-link {
    font-size: 1.4em !important;
}

.bbp-topics .bbp-body ul .bbp-topic-title .bbp-topic-meta .bbp-topic-trash-link {
    font-size: 1.6em !important;
}

.bbp-topics .bbp-body ul .bbp-topic-title .bbp-topic-meta .bbp-topic-sticky-link i {
    transform: rotate(25deg);
}

.bbp-topics .bbp-body ul .bbp-forum-info {
    padding-right: 13px;
}

.bbp-topics .bbp-body ul .bbp-forum-info a {
    color: #000;
}

.bbp-topics .bbp-body ul .bbp-forum-info .bbp-forum-content {
    font-size: 0.8em;
    margin: 0;
}

.bbp-topics .bbp-body ul.even {
    background-color: #f6f6f6;
}

.bbp-topics .bbp-body ul .bbp-forum-freshness a {
    color: #000;
}

.bbp-topics .bbp-body ul .bbp-forum-freshness .bbp-topic-meta {
    font-size: 0.8em;
}

.bbp-topics .bbp-body ul .bbp-forum-freshness .bbp-topic-meta .bbp-author-avatar {
    display: none;
}

.bbp-topics .bbp-body ul .bbp-topic-freshness a {
    color: #000;
    font-size: 16px;
}

@media (max-width: 767px) {
    .bbp-topics .bbp-body ul .bbp-topic-freshness a {
        font-size: 11px;
    }
}

.bbp-topics .bbp-body ul .bbp-topic-freshness .bbp-topic-meta .bbp-author-avatar {
    display: none;
}

.bbp-topics .bbp-body ul .bbp-topic-freshness .bbp-topic-meta .bbp-author-name {
    font-size: 1.5em;
}

.bbp-topics .bbp-body ul .bbp-topic-voice-count,
.bbp-topics .bbp-body ul .bbp-topic-reply-count {
    width: 15%;
}

.bbp-topics .bbp-body ul .bbp-topic-freshness {
    width: 20%;
}

.bbp-topics .bbp-body ul .bbp-topic-merchav-pairing {
    width: 15%;
    float: right;
    text-align: right;
}

.bbp-topics .bbp-footer {
    display: none;
}

/* checkbox */
[type="checkbox"] {
    display: none !important;
}

[type="checkbox"] + label {
    position: relative;
    cursor: pointer;
    float: right;
    padding-right: 23px;
}

/* sticky forums */
.sogo_forum_stiky_widget_wrapper .forum-list h3 {
    font-size: 1.3em;
}

.sogo_forum_stiky_widget_wrapper .forum-list .bbp-forum-title {
    padding-top: 5px;
    display: block;
    font-size: 1.5em;
    padding-bottom: 5px;
    /*background-color: #f5f5f5;*/
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 5px;
    /*color: #5e5e5e;*/
}

.sogo_forum_stiky_widget_wrapper .table-header {
    background-color: #fa6f57;
    font-size: 1.8em;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    color: #fff;
    font-weight: bold;
}

@media (max-width: 767px) {
    .sogo_forum_stiky_widget_wrapper .table-header {
        font-size: 1.1em;
    }
}

.sogo_forum_stiky_widget_wrapper .table-body {
    background-color: #f6f6f6;
    font-size: 1.3em;
    color: #000;
}

.sogo_forum_stiky_widget_wrapper .table-body a {
    color: #000;
}

.sogo_forum_stiky_widget_wrapper .table-body .body-cell {
    min-height: 50px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-right: 25px;
    padding-left: 20px;
}

@media (max-width: 767px) {
    .sogo_forum_stiky_widget_wrapper .table-body {
        font-size: 0.8em;
    }
}

[type="checkbox"] + label:before {
    font-family: 'fontAwesome';
    content: '';
    position: absolute;
    right: 0;
    padding-top: 6px;
    text-align: center;
    font-size: 13px;
    line-height: 0;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #c4c4c4;
    transition: all .2s;
    top: 4px;
}

[type="checkbox"]:checked + label:before {
    content: "\f00c";
    color: #3c3c3c;
}

.forum-newsletter [type="checkbox"] + label {
    font-size: 16px;
    color: #000;
}

.bbp-topic-edit-link .icon-edit:before {
    content: "\e90e";
}

.bbp-topic-trash-link .icon-delete:before {
    content: "\e94c";
}

.bbp-topic-pagination {
    font-size: 15px;
}

.bbp-topic-pagination a.page-numbers {
    font-size: 17px;
    padding: 1px 5px 1px 5px;
}

.page-numbers {
    font-size: 17px;
    padding: 1px 5px 1px 5px;
}

.unpin-slash {
    display: none;
    font-family: Arial;
}

.bbp-footer-send-message {
    clear: both;
}

.search-field input {
    margin: 0 !important;
}

#bbpress-forums .bbp-attachments .d4p-bbp-attachment a {
    color: #55c1e7 !important;
}

#bbpress-forums .bbp-attachments .d4p-bbp-attachment a:hover {
    text-decoration: underline;
}

.toogle-topic {
    cursor: pointer;
}

/* END topics- forums */
/* bbpress */
#bbpress-forums hr {
    margin: 0 0 24px 0;
}

#bbpress-forums {
    background: transparent;
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 12px;
}

#bbpress-forums div.even,
#bbpress-forums ul.even {
    background-color: #fff;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
    background-color: #fbfbfb;
}

body.reply-edit .reply {
    float: none;
}

#bbpress-forums div.reply {
    height: auto;
    width: 100%;
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
    background-color: #f4f4f4;
}

#bbpress-forums .status-trash.even,
#bbpress-forums .status-spam.even {
    background-color: #fee;
}

#bbpress-forums .status-trash.odd,
#bbpress-forums .status-spam.odd {
    background-color: #fdd;
}

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
    color: #ccc;
}

#bbpress-forums ul {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

#bbpress-forums ul.bbp-threaded-replies {
    margin-left: 50px;
}

#bbpress-forums li {
    background: none;
    margin: 0;
    list-style: none;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
    font-size: 12px;
    overflow: hidden;
    border: 1px solid #eee;
    margin-bottom: 20px;
    clear: both;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-body,
#bbpress-forums li.bbp-footer {
    clear: both;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
    background: #f3f3f3;
    border-top: 1px solid #eee;
    font-weight: bold;
    padding: 8px;
    text-align: center;
}

#bbpress-forums li.bbp-header {
    background: #eaeaea;
}

#bbpress-forums li.bbp-header ul {
    overflow: hidden;
}

#bbpress-forums .bbp-forums-list {
    margin: 0 0 0 5px;
    padding-left: 15px;
    border-left: 1px solid #ddd;
}

#bbpress-forums .bbp-forums-list li {
    display: inline;
    font-size: 11px;
}

#bbpress-forums li.bbp-footer p {
    margin: 0;
    line-height: 1em;
}

li.bbp-forum-info,
li.bbp-topic-title {
    float: left;
    text-align: left;
    width: 55%;
}

li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count {
    float: left;
    text-align: center;
    width: 10%;
}

li.bbp-forum-freshness,
li.bbp-topic-freshness {
    text-align: center;
    float: left;
    width: 22%;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
    border-top: 1px solid #eee;
    overflow: hidden;
    padding: 8px;
}

li.bbp-header div.bbp-topic-content span#subscription-toggle,
li.bbp-header div.bbp-topic-content span#favorite-toggle,
li.bbp-header div.bbp-reply-content span#subscription-toggle,
li.bbp-header div.bbp-reply-content span#favorite-toggle {
    float: right;
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 {
    background: none;
    border: none;
    font-size: 16px;
    line-height: 1em;
    margin: 8px 0;
    padding: 0;
    text-transform: none;
}

#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
    float: left;
    text-align: center;
    width: 115px;
}

#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
    border: none;
    max-width: 80px;
    padding: 0;
    margin: 12px auto 0 auto;
    float: none;
}

#bbpress-forums div.bbp-forum-author a.bbp-author-name,
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    margin: 0 12px;
    word-break: break-word;
    display: inline-block;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    clear: left;
    display: block;
}

#bbpress-forums div.bbp-forum-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role {
    font-size: 11px;
    font-style: italic;
}

#bbpress-forums li.bbp-header .bbp-search-author,
#bbpress-forums li.bbp-footer .bbp-search-author,
#bbpress-forums li.bbp-header .bbp-forum-author,
#bbpress-forums li.bbp-footer .bbp-forum-author,
#bbpress-forums li.bbp-header .bbp-topic-author,
#bbpress-forums li.bbp-footer .bbp-topic-author,
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-footer .bbp-reply-author {
    float: left;
    margin: 0;
    padding: 0;
    width: 120px;
}

#bbpress-forums li.bbp-header .bbp-search-content,
#bbpress-forums li.bbp-footer .bbp-search-content,
#bbpress-forums li.bbp-header .bbp-forum-content,
#bbpress-forums li.bbp-footer .bbp-forum-content,
#bbpress-forums li.bbp-header .bbp-topic-content,
#bbpress-forums li.bbp-footer .bbp-topic-content,
#bbpress-forums li.bbp-header .bbp-reply-content,
#bbpress-forums li.bbp-footer .bbp-reply-content {
    margin-left: 140px;
    padding: 0;
    text-align: left;
}

div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header,
li.bbp-body div.hentry {
    margin-bottom: 0;
    overflow: hidden;
    padding: 8px;
}

div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header {
    border-top: 1px solid #ddd;
    clear: both;
}

span.bbp-author-ip {
    font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #aaa;
}

/* =Topic and reply content
-------------------------------------------------------------- */
#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
    margin-left: 130px;
    padding: 12px 12px 12px 0;
    text-align: left;
}

/* Clearing hack */
#bbpress-forums div.bbp-forum-content:after,
#bbpress-forums div.bbp-topic-content:after,
#bbpress-forums div.bbp-reply-content:after {
    clear: both;
    content: ".";
    display: block;
    float: none;
    height: 0;
    font-size: 0;
    visibility: hidden;
}

#bbpress-forums div.bbp-topic-content a,
#bbpress-forums div.bbp-reply-content a {
    background: none;
    border: none;
    display: inline;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#bbpress-forums div.bbp-topic-content h1,
#bbpress-forums div.bbp-reply-content h1,
#bbpress-forums div.bbp-topic-content h2,
#bbpress-forums div.bbp-reply-content h2,
#bbpress-forums div.bbp-topic-content h3,
#bbpress-forums div.bbp-reply-content h3,
#bbpress-forums div.bbp-topic-content h4,
#bbpress-forums div.bbp-reply-content h4,
#bbpress-forums div.bbp-topic-content h5,
#bbpress-forums div.bbp-reply-content h5,
#bbpress-forums div.bbp-topic-content h6,
#bbpress-forums div.bbp-reply-content h6 {
    clear: none;
    line-height: 1em;
    margin: 24px 0;
    padding: 0;
}

#bbpress-forums div.bbp-topic-content img,
#bbpress-forums div.bbp-reply-content img {
    max-width: 100%;
}

#bbpress-forums div.bbp-topic-content ul,
#bbpress-forums div.bbp-reply-content ul,
#bbpress-forums div.bbp-topic-content ol,
#bbpress-forums div.bbp-reply-content ol {
    margin: 0 15px 15px;
    padding: 0;
}

#bbpress-forums div.bbp-topic-content ul li,
#bbpress-forums div.bbp-reply-content ul li {
    list-style-type: disc;
}

#bbpress-forums div.bbp-topic-content ol li,
#bbpress-forums div.bbp-reply-content ol li {
    list-style-type: decimal;
}

#bbpress-forums div.bbp-topic-content ol li li,
#bbpress-forums div.bbp-reply-content ol li li {
    list-style-type: lower-alpha;
}

#bbpress-forums div.bbp-topic-content ol li li li,
#bbpress-forums div.bbp-reply-content ol li li li {
    list-style-type: upper-roman;
}

#bbpress-forums div.bbp-topic-content code,
#bbpress-forums div.bbp-reply-content code,
#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content pre {
    font-family: Inconsolata, Consolas, Monaco, Lucida Console, monospace;
    display: inline-block;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 0 5px;
    max-width: 95%;
    vertical-align: middle;
    margin-top: -3px;
}

#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content pre {
    display: block;
    line-height: 18px;
    margin: 0 0 24px;
    padding: 5px 10px;
    white-space: pre;
    overflow: auto;
}

#bbpress-forums div.bbp-topic-content pre code,
#bbpress-forums div.bbp-reply-content pre code {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    overflow-wrap: normal;
    overflow: auto;
    max-width: 100%;
}

/* =Reply to
-------------------------------------------------------------- */
#bbpress-forums div.bbp-reply-to {
    margin-left: 130px;
    padding: 12px 12px 12px 0;
    text-align: right;
}

#bbpress-forums div#bbp-cancel-reply-to {
    text-align: right;
}

/* =Breadcrumb and Tags
-------------------------------------------------------------- */
div.bbp-breadcrumb {
    float: left;
}

div.bbp-breadcrumb,
div.bbp-topic-tags {
    font-size: 12px;
}

#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p {
    margin-bottom: 10px;
}

#bbpress-forums div.bbp-topic-tags {
    float: right;
}

#bbp-topic-hot-tags {
    clear: both;
}

/* =Search
-------------------------------------------------------------- */
#bbpress-forums #bbp-search-form {
    clear: left;
}

#bbpress-forums #bbp-search-form .hidden {
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
    background: none;
    left: -999em;
}

#bbpress-forums #bbp-search-form #bbp_search {
    display: inline-block;
    width: auto;
}

#bbpress-forums div.bbp-search-form {
    float: right;
}

/* =Admin Links
-------------------------------------------------------------- */
span.bbp-admin-links {
    float: right;
    color: #ddd;
}

span.bbp-admin-links a {
    color: #bbb;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

fieldset span.bbp-admin-links {
    float: left;
}

tr td span.bbp-admin-links a:hover {
    color: #ff4b33;
}

td.bbp-topic-admin-links,
td.bbp-topic-counts {
    width: 50%;
}

.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink {
    float: right;
    margin-left: 10px;
    color: #ccc;
}

/* =Toggles
-------------------------------------------------------------- */
.bbp-row-actions #favorite-toggle a {
    text-decoration: none;
    padding: 0 3px 1px;
    color: #7c7;
    border: 1px solid #aca;
    background-color: #dfd;
    font-weight: bold;
    font-size: 13px;
}

.bbp-row-actions #favorite-toggle a:hover {
    color: #5a5;
    border-color: #7c7;
    background-color: #beb;
}

.bbp-row-actions #favorite-toggle span.is-favorite a {
    color: #faa;
    border: 1px solid #faa;
    background-color: #fee;
}

.bbp-row-actions #favorite-toggle span.is-favorite a:hover {
    color: #c88;
    border-color: #c88;
    background-color: #fdd;
}

.bbp-row-actions #subscription-toggle a {
    text-decoration: none;
    padding: 0 3px 1px;
    color: #7c7;
    border: 1px solid #aca;
    background-color: #dfd;
    font-weight: bold;
    font-size: 13px;
}

.bbp-row-actions #subscription-toggle a:hover {
    color: #5a5;
    border-color: #7c7;
    background-color: #beb;
}

.bbp-row-actions #subscription-toggle span.is-subscribed a {
    color: #faa;
    border: 1px solid #faa;
    background-color: #fee;
}

.bbp-row-actions #subscription-toggle span.is-subscribed a:hover {
    color: #c88;
    border-color: #c88;
    background-color: #fdd;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
    font-size: 11px;
    margin: 5px 0 5px;
    padding: 0;
    word-wrap: break-word;
}

@media (max-width: 767px) {
    #bbpress-forums .bbp-forum-info .bbp-forum-content,
    #bbpress-forums p.bbp-topic-meta {
        font-size: 7px;
    }
}

#bbpress-forums p.bbp-topic-meta span {
    white-space: nowrap;
}

/* =Pagination
-------------------------------------------------------------- */
.bbp-pagination-count {
    float: left;
    border: 1px solid transparent;
}

.bbp-pagination-links {
    float: right;
    list-style: none;
    display: inline;
}

.bbp-pagination-links a,
.bbp-pagination-links span.current {
    display: block;
    float: left;
    padding: 0px 5px;
    margin-left: 5px;
    border: 1px solid #efefef;
    text-decoration: none;
}

.bbp-pagination-links a:hover,
.bbp-pagination-links span.current {
    background: #eee;
    opacity: 0.8;
    border: 1px solid #ddd;
}

.bbp-pagination-links span.dots {
    display: block;
    float: left;
    padding: 1px 4px;
    margin-left: 5px;
}

.bbp-pagination {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.bbp-topic-pagination {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 2px;
}

.bbp-topic-pagination a {
    font-size: 10px;
    line-height: 10px;
    padding: 1px 3px;
    border: 1px solid #ddd;
    text-decoration: none;
}

/* =Forms
-------------------------------------------------------------- */
#bbpress-forums fieldset.bbp-form {
    clear: left;
}

#bbpress-forums fieldset.bbp-form {
    border: 1px solid #eee;
    padding: 10px 20px;
    margin-bottom: 10px;
}

#bbpress-forums fieldset.bbp-form legend {
    padding: 5px;
}

#bbpress-forums fieldset.bbp-form label {
    margin: 0;
    display: inline-block;
}

#bbp-edit-topic-tag.bbp-form fieldset.bbp-form label,
#bbp-login fieldset label,
#bbp-register fieldset label,
#bbp-lost-pass fieldset label {
    width: 100px;
}

#bbpress-forums fieldset.bbp-form p,
#bbpress-forums fieldset.bbp-form textarea,
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form input {
    margin: 0 0 8px;
}

textarea#bbp_reply_content,
textarea#bbp_topic_content,
textarea#bbp_forum_content {
    width: 97%;
    box-sizing: border-box;
}

textarea#bbp_forum_content {
    height: 210px;
}

#bbpress-forums fieldset.bbp-forum-form-attributes {
    width: 200px;
    float: right;
    clear: none;
    margin-left: 25px;
}

/**
 * Fix for too-long forum names, usually from conversion
 */
#bbpress-forums fieldset select#bbp_forum_id {
    max-width: 200px;
}

.bbp-topic-form,
.bbp-reply-form,
.bbp-topic-tag-form {
    clear: left;
}

body.topic-edit .bbp-topic-form div.avatar img,
body.reply-edit .bbp-reply-form div.avatar img,
body.single-forum .bbp-topic-form div.avatar img,
body.single-reply .bbp-reply-form div.avatar img {
    margin-right: 0;
    padding: 10px;
    border: 1px solid #ddd;
    line-height: 0;
    background-color: #efefef;
}

body.page .bbp-reply-form code,
body.page .bbp-topic-form code,
body.single-topic .bbp-reply-form code,
body.single-forum .bbp-topic-form code,
body.topic-edit .bbp-topic-form code,
body.reply-edit .bbp-reply-form code {
    font-size: 10px;
    background-color: #f0fff8;
    border: 1px solid #CEEFE1;
    display: block;
    padding: 8px;
    margin-top: 5px;
    width: 369px;
}

#merge_tag,
#delete_tag {
    display: inline;
}

div.bbp-submit-wrapper {
    margin-top: 15px;
    float: right;
    clear: both;
}

p.form-allowed-tags {
    max-width: 100%;
}

/* =TinyMCE in themes
-------------------------------------------------------------- */
#bbpress-forums div.bbp-the-content-wrapper {
    margin-bottom: 10px;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
    width: 100%;
    margin: 0;
    font-size: 12px;
}

#bbpress-forums div.bbp-the-content-wrapper table,
#bbpress-forums div.bbp-the-content-wrapper tbody,
#bbpress-forums div.bbp-the-content-wrapper tr,
#bbpress-forums div.bbp-the-content-wrapper td {
    border: none;
    padding: 0;
    margin: 0;
    width: auto;
    line-height: 1em;
}

#bbpress-forums div.bbp-the-content-wrapper input {
    font-size: 12px;
    padding: 5px;
    margin: 0 2px 0 0;
    line-height: 1em;
}

#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
    padding: 5px;
    min-height: 26px;
}

#bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
    padding: 4px 4px 8px;
}

#bbpress-forums div.wp-editor-container {
    margin: 0;
    padding: 0;
    line-height: 0;
}

#bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar {
    line-height: 16px;
}

/* =Edit User
-------------------------------------------------------------- */
#bbpress-forums #bbp-your-profile fieldset {
    padding: 20px 20px 0 20px;
}

#bbpress-forums #bbp-your-profile fieldset div {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    clear: left;
}

#bbpress-forums #bbp-your-profile fieldset select {
    margin-bottom: 0;
}

#bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset textarea {
    margin-bottom: 0;
    width: 60%;
    background: #f9f9f9;
    border: 1px solid #ddd;
    box-shadow: none;
    padding: 5px 8px;
    border-radius: 0;
}

#bbpress-forums #bbp-your-profile fieldset input:focus,
#bbpress-forums #bbp-your-profile fieldset textarea:focus {
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    outline-color: rgba(240, 255, 240, 0.1);
}

#bbpress-forums #bbp-your-profile fieldset.bbp-form input.checkbox {
    width: auto;
}

#bbpress-forums #bbp-your-profile fieldset legend {
    display: none;
}

#bbpress-forums #bbp-your-profile fieldset label[for] {
    float: left;
    width: 20%;
    padding: 5px 20px 5px 0;
    text-align: right;
    cursor: pointer;
}

#bbpress-forums #bbp-your-profile fieldset dl label[for] {
    text-align: left;
    width: 60%;
}

#bbpress-forums #bbp-your-profile fieldset span.description {
    margin: 5px 0 0 20%;
    font-size: 12px;
    font-style: italic;
    float: left;
    clear: left;
    width: 60%;
    padding: 5px 8px;
    border: #cee1ef 1px solid;
    background-color: #f0f8ff;
}

#bbpress-forums #bbp-your-profile fieldset fieldset {
    margin: 0;
    border: none;
    padding: 0;
    clear: none;
    float: none;
}

#bbpress-forums #bbp-your-profile fieldset fieldset.password {
    width: 60%;
    display: inline;
}

#bbpress-forums #bbp-your-profile fieldset fieldset.password input,
#bbpress-forums #bbp-your-profile fieldset fieldset.password span {
    width: 100%;
}

#bbpress-forums #bbp-your-profile fieldset fieldset.capabilities dl {
    margin: 0;
}

#bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
    margin-left: 0;
    margin-bottom: 20px;
}

#bbpress-forums #bbp-your-profile fieldset.submit button {
    float: right;
}

/* =Notices
-------------------------------------------------------------- */
div.bbp-template-notice,
div.indicator-hint {
    border-width: 1px;
    border-style: solid;
    padding: 0 0.6em;
    margin: 5px 0 15px;
    border-radius: 3px;
    background-color: #ffffe0;
    border-color: #e6db55;
    color: #000;
    clear: both;
}

div.bbp-template-notice a {
    color: #555;
    text-decoration: none;
}

div.bbp-template-notice a:hover {
    color: #000;
}

div.bbp-template-notice.info {
    border: #cee1ef 1px solid;
    background-color: #f0f8ff;
}

div.bbp-template-notice.important {
    border: #e6db55 1px solid;
    background-color: #fffbcc;
}

div.bbp-template-notice.error,
div.bbp-template-notice.warning {
    background-color: #ffebe8;
    border-color: #c00;
}

div.bbp-template-notice.error a,
div.bbp-template-notice.warning a {
    color: #c00;
}

div.bbp-template-notice p {
    margin: 0.5em 0 6px 0 !important;
    padding: 2px;
    font-size: 12px;
    line-height: 140%;
}

/* =Stickies
-------------------------------------------------------------- */
.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
    background-color: #ffffe0 !important;
    font-size: 1.1em;
}

/* =Revisions
-------------------------------------------------------------- */
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
    border-top: 1px dotted #ddd;
    width: 100%;
    margin: 0;
    padding: 8px 0 0 0;
    font-size: 11px;
    color: #aaa;
}

#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log li,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li,
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li {
    list-style-type: none;
}

/* =Widgets
-------------------------------------------------------------- */
.bbp-login-form fieldset legend {
    display: none;
}

.bbp-login-form .bbp-username input,
.bbp-login-form .bbp-email input,
.bbp-login-form .bbp-password input {
    padding: 5px;
}

.bbp-login-form label {
    width: 140px;
    display: inline-block;
}

#sidebar .bbp-login-form label {
    width: 70px;
}

.bbp-login-form .bbp-username,
.bbp-login-form .bbp-email,
.bbp-login-form .bbp-password,
.bbp-login-form .bbp-remember-me,
.bbp-login-form .bbp-submit-wrapper {
    margin-top: 10px;
}

.bbp-login-form .bbp-submit-wrapper {
    text-align: right;
}

.bbp-login-form .bbp-login-links a {
    float: left;
    clear: left;
}

.bbp-logged-in img.avatar {
    float: left;
    margin: 0 15px 0 0;
}

.bbp-logged-in h4 {
    font-weight: bold;
    font-size: 1.3em;
    clear: none;
    margin-bottom: 10px;
}

/* =Avatars
-------------------------------------------------------------- */
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
    float: none;
    margin-bottom: -7px;
    border: 3px double #ddd;
}

fieldset div.avatar {
    float: right;
}

/* =BuddyPress Activity Streams
-------------------------------------------------------------- */
.activity-list li.bbp_topic_create .activity-content .activity-inner,
.activity-list li.bbp_reply_create .activity-content .activity-inner {
    border-left: 2px solid #eaeaea;
    margin-left: 5px;
    padding-left: 10px;
}

/* =User Pages
-------------------------------------------------------------- */
#bbpress-forums h1 {
    clear: none;
    font-size: 1.8em;
    line-height: 1em;
    padding-bottom: 10px;
}

#bbpress-forums #bbp-user-wrapper {
    float: left;
    width: 100%;
}

#bbpress-forums .bbp-user-section {
    overflow: auto;
}

#bbpress-forums #bbp-user-wrapper h2.entry-title {
    font-size: 1.4em;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 0;
    clear: none;
}

#bbpress-forums #bbp-user-wrapper ul.bbp-lead-topic,
#bbpress-forums #bbp-user-wrapper ul.bbp-topics,
#bbpress-forums #bbp-user-wrapper ul.bbp-forums,
#bbpress-forums #bbp-user-wrapper ul.bbp-replies,
#bbpress-forums #bbp-user-wrapper fieldset.bbp-form {
    clear: none;
}

#bbpress-forums #bbp-single-user-details {
    margin: 0;
    width: 150px;
    float: left;
    overflow: hidden;
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar {
    margin: 0;
    width: 150px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
    border: none;
    height: 150px;
    padding: 0;
    margin: 0 0 20px 0;
    width: 150px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-description {
    float: none;
    margin-left: 180px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation {
    float: none;
    margin: 0;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation li {
    margin: 0;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
    padding: 5px 8px;
    display: block;
    border: 1px solid transparent;
    text-decoration: none;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
    background: #eee;
    opacity: 0.8;
}

#bbpress-forums #bbp-user-body {
    margin-left: 180px;
}

body.my-account #bbpress-forums {
    border-top: none;
    padding-top: 0;
    margin-bottom: 0;
}

/* =User Capabilities
-------------------------------------------------------------- */
#bbpress-forums dl.bbp-user-capabilities {
    display: inline-block;
    vertical-align: top;
}

#bbpress-forums dl.bbp-user-capabilities dt {
    margin: 0 0 10px;
    text-transform: capitalize;
}

#bbpress-forums dl.bbp-user-capabilities dd {
    margin: 0;
    padding: 0;
}

/* =BuddyPress Group Forums
-------------------------------------------------------------- */
#bbpress-forums div.row-actions {
    font-size: 11px;
    visibility: hidden;
}

#bbpress-forums li:hover > div.row-actions {
    visibility: visible;
}

/*--------------------------------------------------------------
 Media Queries
--------------------------------------------------------------*/
/* =Standard Mobile Landscape
-------------------------------------------------------------- */
@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
    -webkit-text-size-adjust: none

;
}

@media only screen and (max-width: 480px) {
    #bbpress-forums div.bbp-topic-tags {
        clear: left;
        float: left;
    }

    div.bbp-search-form input,
    div.bbp-search-form button {
        font-size: 11px;
        padding: 2px;
    }

    li.bbp-forum-info,
    li.bbp-topic-title {
        width: 45%;
    }

    li.bbp-forum-topic-count,
    li.bbp-forum-reply-count,
    li.bbp-topic-voice-count,
    li.bbp-topic-reply-count {
        width: 15%;
    }

    span.bbp-reply-post-date {
        float: left;
    }

    span.bbp-admin-links {
        clear: left;
        float: left;
    }

    #bbpress-forums .bbp-forums-list li {
        display: block;
        font-size: 11px;
    }

    #bbpress-forums .bbp-body div.bbp-reply-author {
        margin: -15px 10px 10px;
        min-height: 100px;
        padding-left: 80px;
        position: relative;
        text-align: left;
        width: 100%;
    }

    #bbpress-forums div.bbp-reply-author a.bbp-author-name {
        clear: none;
        display: inline-block;
        margin-left: 0;
        word-wrap: break-word;
    }

    #bbpress-forums div.bbp-reply-author img.avatar {
        position: absolute;
        top: 15px;
        left: 0;
        width: 60px;
        height: auto;
    }

    #bbpress-forums div.bbp-reply-author .bbp-author-role {
        font-size: 12px;
        font-style: normal;
    }

    #bbpress-forums .bbp-body div.bbp-reply-content {
        clear: both;
        margin: 10px;
        padding: 0;
    }

    #bbpress-forums div.bbp-reply-content p {
        margin-bottom: 1em;
    }

    div.bbp-submit-wrapper {
        float: left;
    }

    #bbpress-forums fieldset.bbp-form {
        padding: 0 10px 10px;
    }

    #bbpress-forums #bbp-user-body {
        clear: both;
        margin-left: 0;
        word-wrap: break-word;
    }
}

/* =Standard Mobile Portrait
-------------------------------------------------------------- */
@media only screen and (max-width: 320px) {
    #bbpress-forums div.bbp-search-form {
        margin-bottom: 10px;
    }

    #bbpress-forums li.bbp-header li.bbp-forum-info,
    #bbpress-forums li.bbp-body li.bbp-forum-info,
    #bbpress-forums li.bbp-header li.bbp-topic-title,
    #bbpress-forums li.bbp-body li.bbp-topic-title {
        width: 100%;
    }

    #bbpress-forums li.bbp-header li.bbp-forum-info,
    #bbpress-forums li.bbp-header li.bbp-topic-title {
        text-align: center;
        text-transform: uppercase;
    }

    #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
    #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
    #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
    #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
        width: 20%;
    }

    #bbpress-forums li.bbp-header li.bbp-forum-freshness,
    #bbpress-forums li.bbp-body li.bbp-forum-freshness,
    #bbpress-forums li.bbp-header li.bbp-topic-freshness,
    #bbpress-forums li.bbp-body li.bbp-topic-freshness {
        width: 58%;
    }

    #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-body li.bbp-forum-freshness,
    #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
    #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
    #bbpress-forums li.bbp-body li.bbp-topic-freshness {
        margin-top: 7px;
    }

    #bbpress-forums li.bbp-header,
    #bbpress-forums li.bbp-footer {
        font-size: 10px;
    }

    #bbpress-forums li.bbp-header div.bbp-reply-author {
        text-align: left;
        width: 25%;
    }

    #bbpress-forums li.bbp-header div.bbp-reply-content {
        margin-left: 25%;
    }

    #bbpress-forums div.bbp-template-notice img.avatar,
    #bbpress-forums p.bbp-topic-meta img.avatar {
        width: 14px;
        height: auto;
    }

    #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
        padding: 1px;
    }

    #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar td {
        width: 20px;
        height: 20px;
    }

    #bbpress-forums div.wp-editor-container {
        width: 100%;
        overflow: auto;
    }

    #bbpress-forums input#bbp_topic_title,
    #bbpress-forums input#bbp_topic_tags {
        width: 95%;
    }
}

/* =Extra Small Mobile
-------------------------------------------------------------- */
@media only screen and (max-width: 240px) {
    #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
    #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
    #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
    #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
    #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
    #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
    #bbpress-forums li.bbp-footer div.bbp-reply-author,
    #bbpress-forums li.bbp-footer div.bbp-reply-content {
        width: 45%;
    }

    #bbpress-forums li.bbp-header li.bbp-forum-freshness,
    #bbpress-forums li.bbp-body li.bbp-forum-freshness,
    #bbpress-forums li.bbp-header li.bbp-topic-freshness,
    #bbpress-forums li.bbp-body li.bbp-topic-freshness,
    #bbpress-forums li.bbp-header div.bbp-reply-author,
    #bbpress-forums li.bbp-header div.bbp-reply-content {
        clear: both;
        width: 100%;
    }

    #bbpress-forums li.bbp-header li.bbp-forum-freshness,
    #bbpress-forums li.bbp-header li.bbp-topic-freshness {
        text-align: center;
    }

    #bbpress-forums li.bbp-body li.bbp-topic-freshness,
    #bbpress-forums li.bbp-header div.bbp-reply-content {
        margin-left: 0;
        text-align: left;
    }

    #bbpress-forums li.bbp-body li.bbp-topic-freshness p.bbp-topic-meta {
        display: inline-block;
    }

    #bbpress-forums li.bbp-header {
        overflow: hidden;
    }

    #bbpress-forums li.bbp-footer div.bbp-reply-content {
        display: inline-block;
        margin-left: 0;
    }

    #bbpress-forums li.bbp-body div.bbp-reply-author {
        min-height: 60px;
        padding-left: 60px;
    }

    #bbpress-forums div.bbp-reply-author img.avatar {
        width: 40px;
        height: auto;
    }
}

/* end bbpress */
/* bbpress-rtl */
#bbpress-forums .bbp-forums-list {
    border-right: 1px solid #ddd;
    padding-right: 15px;
    margin: 0 5px 0 0;
    padding-left: 0;
    border-left: 0;
}

#bbpress-forums ul.bbp-threaded-replies {
    margin-right: 50px;
    margin-left: 0;
}

li.bbp-forum-info,
li.bbp-topic-title {
    float: right;
    text-align: right;
}

li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count {
    float: right;
}

li.bbp-forum-freshness,
li.bbp-topic-freshness {
    float: right;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    clear: right;
}

li.bbp-header div.bbp-topic-content span#subscription-toggle,
li.bbp-header div.bbp-topic-content span#favorite-toggle,
li.bbp-header div.bbp-reply-content span#subscription-toggle,
li.bbp-header div.bbp-reply-content span#favorite-toggle {
    float: left;
}

#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
    float: right;
}

#bbpress-forums li.bbp-header .bbp-search-author,
#bbpress-forums li.bbp-footer .bbp-search-author,
#bbpress-forums li.bbp-header .bbp-forum-author,
#bbpress-forums li.bbp-footer .bbp-forum-author,
#bbpress-forums li.bbp-header .bbp-topic-author,
#bbpress-forums li.bbp-footer .bbp-topic-author,
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-footer .bbp-reply-author {
    float: right;
}

#bbpress-forums li.bbp-header .bbp-search-content,
#bbpress-forums li.bbp-footer .bbp-search-content,
#bbpress-forums li.bbp-header .bbp-forum-content,
#bbpress-forums li.bbp-footer .bbp-forum-content,
#bbpress-forums li.bbp-header .bbp-topic-content,
#bbpress-forums li.bbp-footer .bbp-topic-content,
#bbpress-forums li.bbp-header .bbp-reply-content,
#bbpress-forums li.bbp-footer .bbp-reply-content {
    margin-right: 140px;
    text-align: right;
    margin-left: 0;
}

/* =Topic and reply content
-------------------------------------------------------------- */
#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
    padding: 12px 0 12px 12px;
    margin-right: 130px;
    text-align: right;
    margin-left: 0;
}

/* =Reply to
-------------------------------------------------------------- */
#bbpress-forums div.bbp-reply-to {
    padding: 12px 0px 12px 12px;
    margin-right: 130px;
    text-align: left;
    margin-left: 0;
}

#bbpress-forums div#bbp-cancel-reply-to {
    text-align: left;
}

/* =Breadcrumb and Tags
-------------------------------------------------------------- */
div.bbp-breadcrumb {
    float: right;
}

/* =Search
-------------------------------------------------------------- */
#bbpress-forums #bbp-search-form {
    clear: right;
}

#bbpress-forums div.bbp-search-form {
    float: left;
}

/* =Admin Links
-------------------------------------------------------------- */
span.bbp-admin-links {
    float: left;
}

fieldset span.bbp-admin-links {
    float: right;
}

.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink {
    margin-right: 10px;
    margin-left: 0;
    float: left;
}

/* =Pagination
-------------------------------------------------------------- */
.bbp-pagination-count {
    float: right;
}

.bbp-pagination-links {
    float: left;
}

.bbp-pagination-links a,
.bbp-pagination-links span.current {
    margin-right: 5px;
    margin-left: 0;
    float: right;
}

.bbp-pagination-links span.dots {
    margin-right: 5px;
    margin-left: 0;
    float: right;
}

.bbp-pagination {
    float: right;
}

.bbp-topic-pagination {
    margin-right: 5px;
    margin-left: 0;
}

/* =Forms
-------------------------------------------------------------- */
#bbpress-forums fieldset.bbp-form {
    clear: right;
}

#bbpress-forums fieldset.bbp-forum-form-attributes {
    margin-right: 25px;
    margin-left: 25px;
    float: left;
}

.bbp-topic-form,
.bbp-reply-form,
.bbp-topic-tag-form {
    clear: right;
}

body.topic-edit .bbp-topic-form div.avatar img,
body.reply-edit .bbp-reply-form div.avatar img,
body.single-forum .bbp-topic-form div.avatar img,
body.single-reply .bbp-reply-form div.avatar img {
    margin-left: 0;
}

#bbpress-forums div.bbp-topic-tags {
    float: left;
}

div.bbp-submit-wrapper {
    float: left;
}

/* =TinyMCE in themes
-------------------------------------------------------------- */
#bbpress-forums div.bbp-the-content-wrapper input {
    margin: 0 0 0 2px;
}

/* =Edit User
-------------------------------------------------------------- */
#bbpress-forums #bbp-your-profile fieldset div {
    float: right;
    clear: right;
}

#bbpress-forums #bbp-your-profile fieldset label[for] {
    padding: 5px 5px 5px 20px;
    text-align: left;
    float: right;
}

#bbpress-forums #bbp-your-profile fieldset dl label[for] {
    text-align: right;
}

#bbpress-forums #bbp-your-profile fieldset span.description {
    float: right;
    clear: right;
}

#bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
    margin-right: 0;
}

#bbpress-forums #bbp-your-profile fieldset.submit button {
    float: left;
}

/* =Widgets
-------------------------------------------------------------- */
.bbp-login-form .bbp-submit-wrapper {
    text-align: left;
}

.bbp-login-form .bbp-login-links a {
    float: right;
    clear: right;
}

.bbp-logged-in img.avatar {
    margin: 0 0 0 15px;
    float: right;
}

/* =Avatars
-------------------------------------------------------------- */
fieldset div.avatar {
    float: left;
}

/* =BuddyPress Activity Streams
-------------------------------------------------------------- */
.activity-list li.bbp_topic_create .activity-content .activity-inner,
.activity-list li.bbp_reply_create .activity-content .activity-inner {
    border-right: 2px solid #eaeaea;
    padding-right: 10px;
    margin-right: 5px;
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
}

/* =User Pages
-------------------------------------------------------------- */
#bbpress-forums #bbp-user-wrapper {
    float: right;
}

#bbpress-forums #bbp-single-user-details {
    float: right;
}

#bbpress-forums #bbp-single-user-details #bbp-user-description {
    margin-right: 180px;
    margin-left: 0;
}

#bbpress-forums #bbp-user-body {
    margin-right: 180px;
    margin-left: 0;
}

/*--------------------------------------------------------------
 Media Queries
--------------------------------------------------------------*/
/* =Standard Mobile Landscape
-------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
    #bbpress-forums div.bbp-topic-tags {
        clear: left;
        float: left;
    }

    span.bbp-reply-post-date {
        float: left;
    }

    span.bbp-admin-links {
        clear: left;
        float: left;
    }

    #bbpress-forums .bbp-body div.bbp-reply-author {
        padding-left: 80px;
        padding-right: 0;
        text-align: left;
    }

    #bbpress-forums div.bbp-reply-author a.bbp-author-name {
        margin-left: 0;
    }

    #bbpress-forums div.bbp-reply-author img.avatar {
        left: auto;
        left: 0;
    }

    div.bbp-submit-wrapper {
        float: left;
    }

    #bbpress-forums #bbp-user-body {
        margin-left: 0;
    }
}

/* =Standard Mobile Portrait
-------------------------------------------------------------- */
@media only screen and (max-width: 320px) {
    #bbpress-forums li.bbp-header div.bbp-reply-author {
        text-align: left;
    }

    #bbpress-forums li.bbp-header div.bbp-reply-content {
        margin-left: 25%;
        margin-right: 0;
    }
}

/* =Extra Small Mobile
-------------------------------------------------------------- */
@media only screen and (max-width: 240px) {
    #bbpress-forums li.bbp-body li.bbp-topic-freshness,
    #bbpress-forums li.bbp-header div.bbp-reply-content {
        margin-left: 0;
        text-align: left;
    }

    #bbpress-forums li.bbp-footer div.bbp-reply-content {
        margin-left: 0;
    }

    #bbpress-forums li.bbp-body div.bbp-reply-author {
        padding-left: 60px;
        padding-right: 0;
    }
}

.topic_content a {
    color: #55c1e7 !important;
    text-decoration: underline;
}

/* bend bbpress-rtl */
/** END forum.less **/
/* messages.less */
.message .h1 i {
    padding: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 20px;
}

.slick-message img {
    display: inline !important;
}

/*** Chosen.less ***/
div#add_cat___chosen {
    width: 100% !important;
    padding-left: 15px;
}

.chosen-choices {
    border: solid 1px grey !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

.chosen-container .chosen-drop {
    position: absolute !important;
}

.chosen-container-active .chosen-choices {
    box-shadow: none !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    border: none !important;
    color: blue !important;
    background-image: none !important;
}

/* Chosen v1.5.1 | (c) 2011-2016 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}

.chosen-container a {
    cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #999;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top;
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(chosen-sprite.png) no-repeat 0 2px;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: #fff url(chosen-sprite.png) no-repeat 100% -20px;
    background: url(chosen-sprite.png) no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7 !important;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)) !important;
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%) !important;
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%) !important;
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%) !important;
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%) !important;
    color: #fff;
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px !important;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
    background-image: -o-linear-gradient(#eee 1%, #fff 15%);
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    float: right;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    cursor: pointer;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0 !important;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee !important;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
    float: right;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
    background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
    background-image: -o-linear-gradient(#eee 20%, #fff 80%);
    background-image: linear-gradient(#eee 20%, #fff 80%);
    box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: 0;
    background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #222 !important;
}

.chosen-disabled {
    opacity: .5 !important;
    cursor: default;
}

.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

.chosen-rtl {
    text-align: right;
    width: 100% !important;
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}

.chosen-rtl .chosen-choices li {
    float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
    left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: 0;
}

.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: #fff url(chosen-sprite.png) no-repeat -30px -20px;
    background: url(chosen-sprite.png) no-repeat -30px -20px;
    direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .chosen-rtl .chosen-search input[type=text],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type=text],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url(chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}

/*** newsletter.less ***/
.newsletter-label {
    font-weight: bold;
    font-size: 1.285em;
    color: #5e5e5e;
}

.newsletter-remark {
    position: relative;
    top: -15px;
    cursor: pointer;
    color: #5e5e5e;
    font-size: 16px;
}

#sms-remark .newsletter-remark,
#sms-remined {
    position: relative;
    top: -15px;
    cursor: pointer;
    font-size: 16px;
}

#sms-remined,
#email-remark,
#email-sms-remark {
    top: 0;
    font-weight: bold;
}

#sms-counter-label {
    color: #5e5e5e;
    font-size: 16px;
}

#sms-counter {
    color: #d9534f;
    font-size: 16px;
}

.newsletter.date-range .icon {
    top: 26px;
}

.inbox_send_mail input.form-control,
.inbox_send_mail button.form-control,
.inbox_send_mail select.form-control,
.inbox_send_mail textarea.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ccc;
    z-index: auto;
}

.inbox_send_mail .form-group .fa,
.inbox_send_mail .form-group .icon {
    left: 5px;
    bottom: 10px;
    padding-left: 5px;
}

.inbox_send_mail [type="radio"] + label {
    font-weight: normal;
}

.newsletter-sendto-tab {
    display: none;
}

.newsletter-sendto-tab.active {
    display: block;
}

.newsletter-sendto-wrapper input[type=radio]:checked + label {
    font-weight: bold;
}

@media (max-width: 767px) {
    .newsletter-sendto-wrapper .col-xs-6,
    .newsletter-sendto-wrapper .col-xs-12 {
        padding: 12px;
    }
}

@media (max-width: 767px) {
    #send-to_merchavim .col-xs-12,
    #send-to_message-board .col-xs-12 {
        padding-right: 16px !important;
    }

    .classes_newletter_ddl,
    .users_write_ddl,
    .classes_write_ddl,
    .groups_write_ddl,
    .user_type_write_ddl,
    .teachers_newletter_ddl,
    .group_newletter_ddl,
    .user_newletter_ddl {
        height: 30px !important;
    }
}

.h3_newsletter {
    padding-right: 20px;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}

#panel-body-newsletter .post_format .fa-angle-down {
    left: 5px;
    bottom: 10px;
}

legend,
.add_button {
    font-size: 20px;
    color: #0099cc;
}

legend > i,
.add_button > i {
    color: #0099cc;
    font-size: 20px;
}

legend {
    border-bottom: 1px solid #0099cc;
    margin-bottom: 15px !important;
}

#preview-newsletter,
.newsletter-view {
    color: #5e5e5e;
}

.newsletter-view label {
    font-size: 1.285em;
}

.form-group .fa-search-personal-area {
    cursor: pointer;
    z-index: 99999;
}

.inbox_send_mail .mce-edit-area {
    height: auto !important;
}

#search_bar {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#newsletter-table .title a {
    color: #5e5e5e;
}

#newsletter-table .title a:hover {
    color: #5e5e5e;
    text-decoration: none;
}

.newsletter_message_over {
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    height: 100%;
    color: #fff;
    padding-top: 2%;
}

.newsletter_message_over:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    text-decoration: none;
}

.newsletter_message_over .h3 {
    margin-top: 20px;
    font-size: 24px;
}

.text-icon {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}

.text-icon i {
    display: inline-block;
    font-size: 65px;
}

.text-icon span {
    display: block !important;
}

.newsletter-include .h3 {
    font-size: 16px;
    margin-top: 0;
}

.newsletter-include .text-icon i {
    font-size: 24px;
}

#sms-content .fa-mobile {
    position: inherit;
    color: #5e5e5e;
}

.email-login {
    width: 320px;
    margin: auto;
    padding: 8% 0 0;
}

.email-login h1 {
    text-align: center;
    font-size: 25px !important;
    font-weight: bold;
}

.email-login h1 a {
    background-image: url(https://tik-tak.net/wp-content/themes/tiktak-school/images/logo.png);
    padding-bottom: 10px;
    width: 287px;
    background-position: center top;
    background-repeat: no-repeat;
    color: #444;
    height: 84px;
    font-size: 20px;
    line-height: 1.3em;
    margin: 0 auto 25px;
    padding: 0;
    text-indent: -9999px;
    outline: 0;
    display: block;
}

.email-login .form-login {
    float: none;
}

.email-login .form-login .form-group > input {
    float: none;
    width: 15em;
}

.email-login .form-login .form-group i {
    right: auto;
}

.email-login .form-inline .form-group {
    display: block;
}

.send-ok-mail {
    font-size: 1.428em;
    color: #d9534f;
}

/* breadcrumb.less */
#breadcrumbs {
    list-style: none;
    margin: 10px 0;
    font-size: 1.142em;
}

#breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

#breadcrumbs li a {
    color: #5e5e5e;
}

#breadcrumbs .separator {
    font-size: 18px;
    font-weight: 100;
    color: #5e5e5e;
}

#breadcrumbs .item-home {
    margin-right: 0;
}

/* end breadcrumb.less */
/*** newsletter-template.less ***/
.toptextarea {
    width: 630px;
    margin: 0 auto;
    font-family: arial;
    color: #404041;
    padding-top: 0;
}

.toptextarea .sonof_name_ {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.inner_img {
    position: relative;
    width: 114px;
    height: 85px;
    margin: auto;
    display: inline-block;
}

.inner_toptextarea_multyelements > .multyimage img {
    max-width: 100%;
    max-height: 10000px;
}

.bodyarea {
    width: 630px;
    margin: 0 auto;
    font-family: arial;
    color: #404041;
    padding-top: 65px;
    padding-bottom: 20px;
}

.bodyarea,
.bgcolor5 .bodyarea {
    background-color: #32322c;
}

.bodyarea_multyelements {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.name_onecolheader {
    padding-top: 0;
    padding-bottom: 0;
}

.multy {
    position: relative;
}

.multy > * {
    position: relative;
    z-index: 10;
}

.name_onecolheader .sonof_name_onecolheader.after_name_.name_baseimage {
    padding-top: 0;
}

.name_onecolheader .sonof_name_onecolheader.multy {
    background-color: #181815;
}

.sonof_name_onecolheader.name_baseimage {
    padding-right: 0;
    padding-left: 0;
}

.multyimage.center {
    text-align: center;
}

.sonof_name_onecolheader {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
}

.multyimage {
    box-sizing: border-box;
}

.multyserial > .multyparent > .multyimage img {
    max-width: 100%;
    max-height: 10000px;
}

#body,
.bgcolor5 .bodyarea {
    background-color: #32322c;
}

.textareaIneditContainer .content {
    word-wrap: break-word;
}

.floatingEditorInline {
    outline: 0;
    cursor: text;
}

.sonof_name_onecolheader.multy .text_text {
    color: #fff;
}

.name_basetitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
    font-weight: bold;
}

.multytext .text_text p:last-child {
    margin-bottom: 0;
}

.multytext .text_text p:first-child {
    margin-top: 0;
}

table,
tr,
tbody,
td,
p,
img,
div {
    border: 0;
}

p {
    margin: .5em 0;
    padding: 0;
}

.name_onecolheader .sonof_name_onecolheader.multy {
    background-color: #181815;
}

.sonof_name_onecolheader.multy.name_basetitle3 {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0;
}

.multy.name_basetitle.before_name_basetitle,
.multy.name_basetitle.before_name_basetext,
.multy.name_basetitle.before_name_baselink,
.multy.name_baselink.before_name_basetitle,
.multy.name_baselink.before_name_basetext,
.multy.name_baselink.before_name_baselink,
.multy.name_basetext.before_name_basetitle,
.multy.name_basetext.before_name_basetext,
.multy.name_basetext.before_name_baselink {
    padding-bottom: 5px;
}

.multy.name_basetitle.after_name_basetitle,
.multy.name_basetitle.after_name_basetext,
.multy.name_basetitle.after_name_baselink,
.multy.name_baselink.after_name_basetitle,
.multy.name_baselink.after_name_basetext,
.multy.name_baselink.after_name_baselink,
.multy.name_basetext.after_name_basetitle,
.multy.name_basetext.after_name_basetext,
.multy.name_basetext.after_name_baselink {
    padding-top: 5px;
}

.multy.multy.name_basetitle3 {
    color: black;
}

.sonof_name_onecolheader {
    padding-left: 40px;
    padding-right: 40px;
}

.name_basetitle3.name_basetitle.multy .text_text {
    color: #55E9D9;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    padding-top: 20px;
    font-family: arial;
}

.sonof_name_onecolheader.multy.name_basetitle3 .text_text {
    padding-left: 4px;
}

.multy.name_basetitle.after_name_basetitle,
.multy.name_basetitle.after_name_basetext,
.multy.name_basetitle.after_name_baselink,
.multy.name_baselink.after_name_basetitle,
.multy.name_baselink.after_name_basetext,
.multy.name_baselink.after_name_baselink,
.multy.name_basetext.after_name_basetitle,
.multy.name_basetext.after_name_basetext,
.multy.name_basetext.after_name_baselink {
    padding-top: 5px;
}

.name_basetext {
    font-size: 16px;
}

.name_basetext.multy .text_text.text {
    color: #CBE8E5;
    font-size: 16px;
    font-family: arial;
}

.textareaIneditContainer {
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}

.multytext .text_text p:last-child,
.multytext .text_text ul:last-child,
.multytext .text_text ol:last-child {
    margin-bottom: 0;
}

.multytext .text_text p:first-child,
.multytext .text_text ul:first-child,
.multytext .text_text ol:first-child {
    margin-top: 0;
}

p {
    margin: .5em 0;
    padding: 0;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-26 {
    font-size: 26px;
}

.font-size-32 {
    font-size: 32px;
}

.name_onecolheader .sonof_name_onecolheader.before_name_ {
    padding-bottom: 23px;
}

.name_articlegallery {
    padding-right: 10px;
    padding-left: 10px;
}

.multygallery > .multyinner > .multyparent,
.multygallery.multyinner > .multyparent {
    content: 'layout=grid';
}

.multygallery > .multyinner > .multyparent > .multy,
.multygallery.multyinner > .multyparent > .multy {
    float: right;
}

.sonof_name_articlegallery.name_articlegallery_article.halfsize {
    width: 50%;
}

.name_articlegallery .sonof_name_articlegallery.name_articlegallery_article {
    padding-right: 30px;
    padding-left: 30px;
}

.sonof_name_articlegallery.name_articlegallery_article {
    padding-top: 20px;
    padding-bottom: 5px;
}

.sonof_name_articlegallery.name_articlegallery_article .sonof_name_articlegallery_article {
    padding-top: 5px;
    padding-bottom: 5px;
}

.multyimage.center {
    text-align: center;
}

.multyimage {
    box-sizing: border-box;
}

.multyserial > .multyparent > .multyimage img,
.multyserial > .multyparent > .sortable_hidden > .multyimage img {
    max-width: 100%;
    max-height: 10000px;
}

table,
tr,
tbody,
td,
p,
img,
div {
    border: 0;
}

.name_basetitle,
.name_threepartarticle_article .name_threepartarticle_article_basetitle,
.sonof_name_bulletarticle .name_bullet_basetext {
    color: #146eb4;
}

.name_basetitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: bold;
}

.multytext {
    box-sizing: border-box;
}

.sonof_name_articlegallery.name_articlegallery_article .name_basetext {
    font-size: 18px;
}

.multytext .text_text p:last-child,
.multytext .text_text ul:last-child,
.multytext .text_text ol:last-child {
    margin-bottom: 0;
}

.multytext .text_text p:first-child,
.multytext .text_text ul:first-child,
.multytext .text_text ol:first-child {
    margin-top: 0;
}

.sonof_name_articlegallery.name_articlegallery_article .sonof_name_articlegallery_article {
    padding-top: 5px;
    padding-bottom: 5px;
}

.multybuttonform.name_basebuttonform {
    padding-right: 0;
    padding-left: 0;
}

.multybuttonform.right {
    text-align: right;
}

.sonof_name_articlegallery.name_articlegallery_article .name_basebuttonform .button {
    font-size: 16px;
    padding: 8px 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background-color: #F58BBB;
}

.multy.name_basebuttonform .button {
    background-color: #88ce00;
    border-radius: 5px;
}

.name_basebuttonform .button {
    font-size: 24px;
    padding: 12px 24px;
    margin: 0;
    display: inline-block;
    background-image: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.multybuttonform .button {
    background-color: #eb9632;
    border: 0;
    background-image: url(https://simages.ravpages.co.il/xsites/images/btn_overlay.png?&rxc=1513758116);
    padding: 15px;
    display: inline-block;
    background-position: top;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.35);
}

.sonof_name_articlegallery .name_basetitle12.name_basetitle.multy .text_text {
    color: #EE5B88;
    font-size: 32px;
    font-weight: bold;
    font-family: arial;
}

.multybuttonform .buttonform .button > a > p {
    padding-left: 1px;
    padding-right: 1px;
}

.multybuttonform .button .textPart {
    margin: 0;
}

.name_basebuttonform .button p {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: auto;
}

.name_basebuttonform .button p {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: auto;
}

table,
tr,
tbody,
td,
p,
img,
div {
    border: 0;
}

p {
    margin: .5em 0;
    padding: 0;
}

p,
fieldset,
table,
pre {
    margin-bottom: 1em;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

.name_basebuttonform .button a {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: auto;
}

.multybuttonform a.button,
.multybuttonform .button a {
    color: #181815;
}

.name_basebuttonform .button a {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: auto;
}

.clear {
    clear: both;
}

body.version1 .multycol > .multyinner,
body.version1 .multycol {
    display: block;
    width: 100%;
}

.name_bulletarticle.multy {
    padding-top: 25px;
    padding-bottom: 10px;
}

.name_bulletarticle {
    padding: 0 40px;
    direction: rtl;
}

.multycol > .multyinner > .container,
.multycol > .container {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

.multycol > .container > .multyelements,
.multycol > .multyinner > .container > .multyelements {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

.multycol > .multyinner > .container > .multyelements,
.multycol > .container > .multyelements {
    display: table-row;
    margin: 0;
    padding: 0;
}

.multy.name_bulletarticle.imageleft {
    direction: rtl;
}

.multycol:not(.fixed) > .multyinner > .container > .multyelements > .multy.after_,
.multycol:not(.fixed) > .container > .multyelements > .multy.after_ {
    width: auto;
}

.multycol > .multyinner > .container > .multyelements.responsivemode_td_to_floated_table > .multy,
.multycol > .container > .multyelements.responsivemode_td_to_floated_table > .multy,
.multycol > .multyinner > .container > .multyelements.responsivemode_td_to_floated_table > .multy > .multyelements,
.multycol > .container > .multyelements.responsivemode_td_to_floated_table > .multy > .multyelements {
    vertical-align: top !important;
}

.multycol > .multyinner > .container > .multyelements > .multy,
.multycol > .container > .multyelements > .multy {
    display: table-cell;
    border: 0;
    margin: 0;
}

.sonof_name_bulletarticle.name_iconcolumn.right {
    padding: 5px 0 0 15px;
}

.sonof_name_bulletarticle.name_iconcolumn.left {
    padding: 5px 15px 0 0;
}

.multyimage.left {
    text-align: left;
}

.sonof_name_iconcolumn {
    padding: 0;
}

.multycol > .multyinner > .container > .multyelements .multyimage img,
.multycol > .container > .multyelements .multyimage img {
    max-width: none;
}

.multyserial > .multyparent > .multyimage img,
.multyserial > .multyparent > .sortable_hidden > .multyimage img {
    max-width: 100%;
    max-height: 10000px;
}

.name_bulletarticle_article {
    direction: rtl;
}

.name_bulletarticle_article.right {
    padding: 0 10px 10px 0;
}

.name_bulletarticle_article.left {
    padding: 0 0 10px 10px;
}

.sonof_name_bulletarticle_article.name_basetitle.after_name_ {
    padding-top: 0;
}

.multy.name_basetitle.before_name_basetitle,
.multy.name_basetitle.before_name_basetext,
.multy.name_basetitle.before_name_baselink,
.multy.name_baselink.before_name_basetitle,
.multy.name_baselink.before_name_basetext,
.multy.name_baselink.before_name_baselink,
.multy.name_basetext.before_name_basetitle,
.multy.name_basetext.before_name_basetext,
.multy.name_basetext.before_name_baselink {
    padding-bottom: 5px;
}

.name_bulletarticle_article .name_basetitle {
    padding: 5px 0;
}

.name_basetitle,
.name_threepartarticle_article .name_threepartarticle_article_basetitle,
.sonof_name_bulletarticle .name_bullet_basetext {
    color: #3B8BD4;
}

.name_basetitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: bold;
}

.name_bulletarticle .name_basetitle.multy .text_text p {
    color: #2E9286;
    font-weight: bold;
    font-family: arial;
    text-align: right;
}

.multytext .text_text p:first-child,
.multytext .text_text ul:first-child,
.multytext .text_text ol:first-child {
    margin-top: 0;
}

.multytext .text_text p:last-child,
.multytext .text_text ul:last-child,
.multytext .text_text ol:last-child {
    margin-bottom: 0;
}

.multytext .text_text p:first-child,
.multytext .text_text ul:first-child,
.multytext .text_text ol:first-child {
    margin-top: 0;
}

.multy.name_basetitle.after_name_basetitle,
.multy.name_basetitle.after_name_basetext,
.multy.name_basetitle.after_name_baselink,
.multy.name_baselink.after_name_basetitle,
.multy.name_baselink.after_name_basetext,
.multy.name_baselink.after_name_baselink,
.multy.name_basetext.after_name_basetitle,
.multy.name_basetext.after_name_basetext,
.multy.name_basetext.after_name_baselink {
    padding-top: 5px;
}

.name_bulletarticle_article .name_basetext {
    padding: 5px 0;
}

.name_basetext {
    font-size: 16px;
}

.name_bulletarticle .name_basetext.multy .text_text p {
    font-size: 16px;
    font-weight: normal;
    font-family: arial;
    text-align: right;
}

.navbar.header-navbar .navbar-nav li > a {
    color: #fff !important;
    font-size: 1.5em;
    font-weight: normal !important;
    background-color: transparent !important;
}

.navbar.header-navbar .navbar-nav li:hover {
    border-radius: 0px !important;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.3) !important;
}

.navbar.header-navbar .navbar-nav li:hover a {
    color: #7c7b7b !important;
}

.navbar.header-navbar .navbar-nav li > ul > li a {
    color: #7c7b7b !important;
}

@media (max-width: 773px) {
    .navbar.header-navbar .navbar-nav li:hover a {
        color: white !important;
    }

    .navbar.header-navbar .navbar-nav li > ul > li a {
        color:white !important;
    }
}

.navbar-fixed-top {
    background-color: inherit !important;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}

.navbar.header-navbar .navbar-nav li:hover,
.navbar.header-navbar .navbar-nav li:focus,
.navbar.header-navbar .navbar-nav li:active {
    transition: 0.2s;
    /* background-color: white; */
}

@media (min-width: 768px) {
    .gallery-site-title {
        position: absolute;
        padding-top: 0px !important;
    }
}
.presence_lesson [type="checkbox"] + label:before {
    width: 15px !important;
    height: 15px !important;
    margin: 0px !important;
    line-height: 0;
}

.presence_lesson [type="checkbox"] + label {
    padding-right: 18px;
    font-weight: normal !important;
    margin-top: 10px;
    line-height: 2;
}

.matala_lesson [type="checkbox"] + label:before {
    width: 15px !important;
    height: 15px !important;
    margin: 0px !important;
    line-height: 0;
}

.div_center {
    display: flex;
    position: relative;
    text-align: right;
    margin-bottom: 5px;

}
@media (max-width: 773px) {
    .div_center {
        overflow: hidden;
        display: none !important;
    }

    .cav-gray {
        overflow: hidden;
        display: none !important;
    }
}

.matala_lesson [type="checkbox"] + label {
    padding-right: 18px;
    font-weight: normal !important;
    /*margin-top: -45px;*/

}

.cav-gray {
    background-color: lightgrey;
    width: 75%;
    margin-right: 12.5%;
    height: 0.1px;

}
.school-description {
    line-height: 5em;
    padding-right: 150px;
}

.header-text-logo {
    margin: 0 auto;
}

.school-description-2 {
    font-weight: normal;
    font-size: 3.75em;
}

@media (max-width: 767px) {
    .school-description-2 {
        font-size: 2.4em;
    }
}

.nav-menu-icon-2 {
    font-size: 30px;
    font-weight: bold;
    padding-top: 18px;
}

.wrap-nav {
    height: 70px;
}

@media (max-width: 767px) {
    .wrap-nav {
        height: 40px;
    }

    .wrap-nav .color-white {
        padding-top: 5%;
    }

    .wrap-nav .nav-menu-icon-2 {
        padding: 0px !important;
        font-size: 0.9em;
    }

    .wrap-nav .nav-menu-description-2 {
        padding: 0px !important;
        /*font-size: 0.9em;*/
        font-size: 1.2em;
        /*width: 45%;*/
        /* height: 17px;*/
        height: 20px;
        overflow: hidden;
    }
}

.nav-menu-description-2 {
    font-size: 25px;
    vertical-align: text-bottom;
    display: inline-block;
    text-align: right;
}

@media (max-width: 767px) {
    .nav-menu-description-2 {
        font-size: 1.3em;
    }
}

.nav-menu-description-2:hover {
    text-decoration-line: underline;
}

@media (max-width: 767px) {
    .label_pass {
        display: none;
    }

    .label_name {
        display: none;
    }

    .div-username,
    .div-pass {
        width: 40% !important;
        float: right;
    }

    #tiktakconnect {
        padding-right: 14px;
    }

    .div-username,
    .div-pass {
        padding-right: 22px;
    }

    #username {
        width: 100%;
    }

    #password {
        width: 100%;
    }
}

.top-banner-2 {
    opacity: 0.9;
    z-index: 9999999 !important;
}

@media (max-width: 768px) {
    .loged-in {
        float: right;
    }
}

@media (max-width: 768px) {
    .connect {
        /*vertical-align: top;
    margin-top: 10px;*/
        font-size: 14px;
        padding-top: 11px;
    }
}

@media (max-width: 768px) {
    .login-timer {
        float: right;
        padding-right: 55px !important;
    }
}

.banner-position {
    position: inherit;
}

.div-banner-logo {
    padding-left: 10px;
}

@media (max-width: 767px) {
    .div-banner-logo {
        text-align: center !important;
        line-height: 13em;
    }
}

@media (min-width: 767px) {
    .div-banner-logo {
        line-height: 16em;
        text-align: right !important;
        float: right;
    }
}

.logo-banner-2 {
    padding-right: 3px;
}

@media (min-width: 767px) {
    .logo-banner-2 {
        padding-top: 30px;
        position: inherit;
    }
}

@media (max-width: 767px) {
    .logo-banner-2 {
        text-align: center;
    }
}

.logo-banner-2 a:hover {
    color: white;
}

.btn-round {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.top-search a {
    border-radius: 0px !important;
    color: #fff !important;
}

.top-search a:active,
.top-search a:focus,
.top-search a:visited {
    color: #fff !important;
}

.top-search #search-form {
    border-bottom-color: #fff !important;
}

.connect:hover {
    color: white !important;
}

#username.active,
#password.active {
    background-color: white;
}

.nav-menu-2 {
    padding-top: 25px;
    padding-right: 5px !important;
    padding-left: 6px !important;
}

.forgotpadd-wrapper {
    bottom: -25px;
}

.forgotpadd-wrapper > a {
    color: white;
}

#login-error-message {
    top: -22px;
}

@media (min-width: 767px) {
    .whitedivider {
        position: relative;
        text-align: center;
        height: 100px;
        background-color: #f1c8c7;
    }
}

@media (max-width: 767px) {
    .whitedivider {
        display: none;
    }
}

@media (min-width: 992px) {
    .banner-800 {
        height: 800px;
    }

    .banner-800 .pictures_gallery .slick-list .slick-track .pictures_gallery_wrapper img {
        height: 800px;
    }
}

.pictures_gallery_wrapper {
    overflow: hidden;
}

.gallery-site-title {
    width: 100%;
}

@media (max-width: 767px) {
    .gallery-site-title {
        position: relative !important;
    }
}

@media (max-width: 767px) {
    .pictures_gallery {
        padding-top: 10px;
    }
}

.banner-gallery .slick-next,
.banner-gallery .slick-prev {
    display: none !important;
}

a:hover {
    text-decoration: underline !important;
}

.banner-text {
    position: absolute;
    width: 100%;
}

@media (max-width: 768px) {
    .banner-text {
        position: static;
        width: auto;
    }
}

.btn-banner {
    opacity: 0.8;
    position: inherit;
}

.btn-banner:hover {
    opacity: 1;
}

.btn-banner a:hover {
    text-decoration: none !important;
    color: white;
}

.home-downarrow {
    text-shadow: 1px 6px 1px #333;
}

#header-top {
    border-bottom: none !important;
}

@media (min-width: 768px) {
    #header-top .container-fluid {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 767px) {
    #header-top {
        right: 0;
    }
}

@media (max-width: 992px) {
    .header-top {
        font-size: 0.8em !important;
    }

    .navbar.header-navbar .navbar-nav li > a {
        padding-left: 15px;
    }

    #header-top .scobuttons {
        display: none;
    }
}

#login-form-open {
    border: 1px solid;
    width: 93px;
    height: 32px;
    border-radius: 100%;
    text-align: center;
    line-height: 2.2em;
}

@media (max-width: 768px) {
    #login-form-open {
        border: none;
        padding-top: 0;
        top: 0;
    }
}

@media (max-width: 768px) {
    .navbar.header-navbar.navbar-top-header .navbar-toggle {
        margin-right: 15px;
    }
}

#div-edu-connect {
    border-left: 2px solid #fff;
}

.entry-content ul {
    padding-right: 20px;
}

#page {
    height: auto !important;
}

@media (max-width: 767px) {
    #conDiv .left-area #login-form-open {
        /* r: 26/04/18 change becuase search btn up to top*/
        right: 17px;
        position: relative !important;
    }

    #conDiv .fa-times {
        left: -15px;
        position: relative;
    }

    #btnlogin {
        padding: 0;
        margin: 0;
        position: absolute;
        bottom: -38px;
        left: 20px;
        max-width: 66px;
    }

    .forgotpadd-wrapper {
        bottom: 3px;
    }

    .form-login .connect {
        margin-top: -17px !important;
        margin-left: 10px;
        float: left;
    }

    #div-edu-connect {
        border: 0;
        right: 27px !important;
    }

    #scoDiv .scologin .top-search {
        top: 4px !important;
    }

    #scoDiv .scobuttons {
        /* 21/06/18 rivka */
        top: -24px;
        right: 279px;
    }

    #scoDiv .scobuttons .top-search {
        /*  top: -25px !important;*/
        /* top: -25px ;*/
        left: 0px;
    }

    #scoDiv .scobuttons #search-form {
        left: 0px;
        top: 15px;
        right: -170px;
        color: white;
        border: 1px solid gray;
        background-color: white;
    }

    #schoolname {
        padding-right: 0px;
    }

    .div-banner-logo > a {
        display: flex;
    }

    #conDiv loged-in {
        padding: 0 !important;
    }
}

.navbar.header-navbar .navbar-nav li > a:hover,
.navbar.header-navbar .navbar-nav li > a:focus,
.navbar.header-navbar .navbar-nav li > a:active,
#schoolname,
.nav-menu-description-2:hover {
    text-decoration: none !important;
}

@media (min-width: 768px) {
    #img_logo_2 {
        top: 105px !important;
        /* left:240px !important;*/
        /*r 02 12 2019 https://darca-ramon.tik-tak.net/*/
        margin-right: -26px;
    }
}

@media (max-width: 1420px) and (min-width: 767px) {
    .col-medium {
        width: 70% !important;
    }

    .col-medium .nav-menu-2 .nav-menu-icon-2 {
        font-size: 20px !important;
    }

    .col-medium .nav-menu-2 .nav-menu-description-2 {
        font-size: 22px !important;
    }

    .col-medium #schoolname {
        font-size: 3em;
    }
}

/*** newsletter-template.less ***/
#newsletter_body .upload-main-image {
    z-index: 110;
    padding: 0;
    padding-bottom: 0;
    border: 0;
    left: 0 !important;
}

#newsletter_body .upload-main-image .main-image-upload {
    margin-top: 0;
    border: 0;
    margin-bottom: 0;
    position: static;
    min-height: 0 !important;
    background-color: transparent;
}

#newsletter_body .accessibility-popover-img {
    display: none;
}

#newsletter_body .form-group {
    margin-bottom: 0;
}

#newsletter_body img {
    cursor: pointer;
}

#newsletter_body .editor_element {
    z-index: 101;
    cursor: text;
}

.base-newsletter-bg-color {
    background-color: #32322c;
}

.newsletter_bodyarea {
    width: 630px;
    max-width: 100%;
    margin: 0 auto;
    color: #404041;
    padding-top: 65px;
    padding-bottom: 20px;
}

.width-100 {
    width: 100%;
}

.template-col {
    padding-top: 0;
    padding-bottom: 0;
}

.template-dark {
    position: relative;
    background-color: #181815;
}

.template-dark > * {
    position: relative;
}

.banner .upload-main-image {
    margin: 0 auto;
}

@media (max-width: 768px) {
    .banner .upload-main-image {
        height: auto !important;
        background-color: transparent !important;
        max-width: 100%;
    }

    .banner .main-image-upload {
        height: auto !important;
        background-color: transparent !important;
    }
}

.color-blue-text {
    color: #3B8BD4;
}

.color-blue2-text {
    color: #55E9D9;
}

.color-green-light {
    color: #CBE8E5;
}

.color-green-text {
    color: #2E9286;
}

.color-pink {
    color: #EE5B88;
}

.padding-sm {
    padding: 10px;
}

.padding-40 {
    padding-right: 40px;
    padding-left: 40px;
}

.padding-top-20 {
    padding-top: 20px;
}

.layout-grid {
    content: 'layout=grid';
}

.break-word {
    word-wrap: break-word;
}

.img-max {
    max-width: 100%;
    max-height: 10000px;
}

.katava-text-right {
    padding: 0 0 10px 0;
}

.katava-text-left {
    padding: 0 0 10px 0;
}

.padding-katava-gallery {
    padding: 20px 30px 10px 30px;
}

.font-size-16 {
    font-size: 16px;
}
.font-size-14 {
    font-size: 14px;
}

.font-size-26 {
    font-size: 26px;
}

.font-size-32 {
    font-size: 32px;
}

.katava_div_image {
    width: 130px;
}

.div-img-side-right {
    padding: 5px 0 0 15px;
}

.div-img-side-right img {
    width: 130px;
}

@media (max-width: 768px) {
    .div-img-side-right .upload-main-image {
        height: auto !important;
        max-width: 100% !important;
        width: 100% !important;
        background-color: transparent !important;
    }

    .div-img-side-right .upload-main-image img {
        max-width: 100% !important;
    }

    .div-img-side-right .main-image-upload {
        height: auto !important;
        background-color: transparent !important;
    }
}

.div-img-side-left {
    padding: 5px 15px 0 0;
}

.div-img-side-left img {
    width: 130px;
}

@media (max-width: 768px) {
    .div-img-side-left .upload-main-image, .gallery-element .upload-main-image {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        background-color: transparent !important;
    }

    .div-img-side-left .upload-main-image img {
        max-width: 100% !important;
    }

    .div-img-side-left .main-image-upload, .gallery-element .main-image-upload {
        height: auto !important;
        background-color: transparent !important;
    }
}

.max-width-none {
    max-width: none;
}

.vertical-align-top {
    vertical-align: top;
}

.display-teble-cell {
    display: table-cell;
}

.dispay-table-row {
    display: table-row;
}

.display-table {
    display: table;
}

.padding-top-25 {
    padding-top: 25px;
}

.button-elm {
    z-index: 120;
    position: relative;
}

.katava-gallery img,
.button-elm img,
.katava-gallery .gallery_div_image,
.button-elm .gallery_div_image {
    width: 245px;
}

.katava-gallery .button,
.button-elm .button {
    font-size: 16px;
    padding: 8px 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    border: 0;
    background-image: url(https://tik-tak.net/wp-content/themes/tiktak-school/images/newsletter/btn_bg_transp.png);
    display: inline-block;
    background-position: top;
    margin: 0;
}

.katava-gallery .button a,
.button-elm .button a {
    color: #181815;
}

.katava-gallery .button a span,
.button-elm .button a span {
    padding-right: 1px;
    padding-left: 1px;
}

.button-base-bg-color {
    background-color: #F58BBB;
}

.width-50 {
    width: 50%;
}

.clear {
    clear: both;
}

.white-border {
    border: 1px solid #fff;
}

.red-color {
    color: #d9534f;
}

#options-div,
#options-div-parents,
#options-div-choosen {
    cursor: pointer;
    border-radius: 5px;
    display: none;
}

#options-div .element-options,
#options-div-parents .element-options,
#options-div-choosen .element-options {
    position: absolute;
    z-index: 200;
}

#options-div .element-options .fa:hover,
#options-div-parents .element-options .fa:hover,
#options-div-choosen .element-options .fa:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#options-div .element-options:before,
#options-div-parents .element-options:before,
#options-div-choosen .element-options:before {
    display: inline-block;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #181815;
    width: 5px;
    position: absolute;
}

#options-div .element-options:after,
#options-div-parents .element-options:after,
#options-div-choosen .element-options:after {
    display: inline-block;
    height: 1px;
    content: " ";
    text-shadow: none;
    background-color: #181815;
    width: 5px;
    position: absolute;
}

#options-div .fa-trash,
#options-div-parents .fa-trash,
#options-div-choosen .fa-trash {
    color: #fff;
    font-size: inherit;
}

#options-div #element-del,
#options-div-parents #element-del,
#options-div-choosen #element-del {
    top: -15px;
    right: -15px;
}

#options-div #element-del:before,
#options-div-parents #element-del:before,
#options-div-choosen #element-del:before {
    bottom: 13px;
    right: 93%;
}

#options-div #element-del:after,
#options-div-parents #element-del:after,
#options-div-choosen #element-del:after {
    bottom: -3px;
    right: 14px;
    width: 1px;
    height: 5px;
}

#options-div #element-def,
#options-div-parents #element-def,
#options-div-choosen #element-def {
    top: 25px;
    right: -15px;
}

#options-div #element-def:before,
#options-div-parents #element-def:before,
#options-div-choosen #element-def:before {
    bottom: 26px;
    right: 14px;
    width: 1px;
    height: 5px;
}

#options-div #element-def:after,
#options-div-parents #element-def:after,
#options-div-choosen #element-def:after {
    bottom: -3px;
    right: 14px;
    width: 1px;
    height: 5px;
}

#options-div #element-move,
#options-div-parents #element-move,
#options-div-choosen #element-move {
    cursor: move;
    top: 25px;
    left: -15px;
}

#options-div #element-move:before,
#options-div-parents #element-move:before,
#options-div-choosen #element-move:before {
    bottom: 26px;
    left: 14px;
    width: 1px;
    height: 5px;
}

#options-div #element-move:after,
#options-div-parents #element-move:after,
#options-div-choosen #element-move:after {
    bottom: -3px;
    left: 14px;
    width: 1px;
    height: 5px;
}

#options-div #element-bef,
#options-div-parents #element-bef,
#options-div-choosen #element-bef {
    top: -15px;
    right: 50%;
}

#options-div #element-bef:before,
#options-div-parents #element-bef:before,
#options-div-choosen #element-bef:before {
    top: 14px;
    right: 93%;
}

#options-div #element-bef:after,
#options-div-parents #element-bef:after,
#options-div-choosen #element-bef:after {
    top: 14px;
    right: -10%;
}

#options-div #element-aft,
#options-div-parents #element-aft,
#options-div-choosen #element-aft {
    bottom: -15px;
    right: 50%;
}

#options-div #element-aft:before,
#options-div-parents #element-aft:before,
#options-div-choosen #element-aft:before {
    bottom: 14px;
    right: -10%;
}

#options-div #element-aft:after,
#options-div-parents #element-aft:after,
#options-div-choosen #element-aft:after {
    bottom: 14px;
    right: 93%;
}

.a_pic_cube {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
}

.a_pic_cube:hover {
    color: #fff;
}

.a_pic_cube i {
    font-size: 3em;
    display: inline-block !important;
}

.a_pic_cube .h6 {
    font-size: 1em;
}

.a_pic_cube .set_mid_height {
    display: inline-block;
    vertical-align: middle;
}

.a_pic_cube span {
    height: 100%;
}

#slider-chg-color {
    position: fixed;
    top: 550px;
    z-index: 9999;
}

#div-chg-color {
    width: 100%;
    background-color: #fff;
    padding-top: 10px;
}

#div-chg-color .iris-picker {
    z-index: 121;
}

#btn-chg-color {
    writing-mode: vertical-rl;
    position: absolute;
    top: 0;
    height: 265px;
    right: 0;
    z-index: 999;
    background-color: #fff;
    margin-right: 20px;
    padding: 0 10px 90px 10px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    cursor: pointer;
}

.show-options {
    cursor: move;
}

.katava_right_image,
.gallery_image1,
.gallery_image2 {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.21);
}

.katava_left_image {
    box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.21);
}

.img_newsletter_wrapper {
    margin-bottom: 25px;
    position: relative;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.21);
    border: 4px solid #fff;
    width: 100%;
    height: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.img_newsletter_wrapper .div_img_newsletter {
    height: 240px;
    overflow: hidden;
}

#newsletter_body .banner {
    height: auto;
}

#page.site-plasma {
    height: 100% !important;
}

/** end newsletter.less **/

.page-list-replay tbody tr td {
    border: none;
    border-bottom: 4px solid #fff !important;
}

.page-list-replay {
    border-top: 1px solid #dadada;
}

.ui-autocomplete {
    z-index: 99999;
}

.modal_post_replay_content {
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.modal-dialog.modal-replay-dialog {
    width: 50% !important;
}

@media (max-width: 773px) {
    .modal-dialog.modal-replay-dialog {
        width: 95% !important;
    }
}

.modal_post_replay {
    max-height: calc(100vh - 410px);
    overflow-y: auto;
}

.delete-lesson {
    font-size: 0.6em;
    cursor: pointer;

}

.delete-lesson.fa.fa-trash {
    /*font-size: 0.5em !important;*/
    cursor: pointer;
    padding-top: 2px !important;
    text-decoration: none !important;
    color: red;
}

a.pencil-lesson:hover, a.pencil-lesson:active, a.pencil-lesson:focus,
a.fa-comment-o.list-repaly-dyn:hover, a.fa-comment-o.list-repaly-dyn:active, a.fa-comment-o.list-repaly-dyn:focus {
    text-decoration: none !important;
    color: #3fb9e4;
}

@media (max-width: 773px) {
    .teacher-content .fa-file-text-o {
        padding-left: 1px !important;
    }
}

@media (min-width: 768px) {
    .border-modal.with_reply {
        border-left: 1px solid #80808078;
    }
}

@media (max-width: 773px) {
    .border-modal .modal-body-content {
        margin-left: 0 !important;
        /* margin-right: 10px !important;*/
    }

    .modal-student {
        padding-right: 0 !important;
    }
}

#form-search-personal-area input.form-control {
    z-index: 9;
}

.padding-icon-lesson {
    padding-left: 12px;
}

@media (max-width: 773px) {
    .padding-icon-lesson {
        padding-left: 4px;
    }

    .pencil-lesson {
        right: -9% !important;
    }
}

.arrows-lesson {
    font-size: 0.4em !important;
    padding-top: 4px;
}

.pencil-lesson {
    /*   display: grid;*/
    color:#55c1e7;
    float: right;
    line-height: 0.5;
}
.color-brown {
    color: #a94442;
}
.padding-icon-lesson.fa.fa-comment-o.list-repaly-dyn {
    padding-top: 2px;
    font-size: 0.5em !important;
    width: 26px;
    height: 20px;
}

@media (max-width: 1200px) {
    .pencil-lesson {
        right: -17%;
        position: relative;
    }
}

.pencil-lesson .fa-pencil {
    font-size: 0.5em !important;
    padding-top: 3px;
}

.profession-lesson {
    clear: both;
    padding-top: 25px;
}

.list-repaly-dyn {
    font-size: 0.5em;
    z-index: 999999;
    cursor: pointer;
    /*   margin-top: -20px;*/
}


.list-repaly-dyn i {
    position: relative;
    right: -9px;
    font-size: 0.7em;
    top: -8px;
    background-color: green;
    border-radius: 50%;
    width: 14px;
    height: 15px;
    color: white;
    line-height: 1.4;

}
.modal_content_post {
    z-index: 9999999;
}

@media (max-width: 773px) {
    .list-repaly-dyn i {
        position: relative;
        right: -3px;
        font-size: 0.7em;
        top: -8px;
        background-color: green;
        border-radius: 50%;
        width: 5px;
        height: 5px;
        color: white;
        line-height: 1.6;
    }

    .lesson-wrapper.lesson-wrapper-dynamic .padding-left-6 {
        padding-left: 4px !important;

    }

    .padding-icon-lesson.fa.fa-comment-o.list-repaly-dyn {
        width: 10px !important;
        height: 10px !important;
    }
}

.fa-new-replay {
    position: relative;
    right: -139px;
    font-size: 0.7em;
    top: -13px;
    background-color: green;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    color: white;
    line-height: 1.5;
    padding-right: 5px;
}

.weekly-modal-delete {
    height: 340px;
    top: 25%;
}

.padding-left-6 {
    padding-left: 9px !important;
}

.add_dynamic_weekly {
    border-radius: 15%;
}

.add_dynamic_weekly, .delete_dynamic_weekly {
    display: block;
    color: #55c1e7;
    padding: 4px;
    cursor: pointer;
    background-color: #fff;
    font-size: 15px;
    line-height: 22px;
    padding-top: 1%;
    border: 1px solid #55c1e7;
}

@media (max-width: 773px) {
    .add_dynamic_weekly, .delete_dynamic_weekly {
        font-size: 0.4em !important;
        line-height: 5px !important;
        padding: 0 !important;
    }
}

#subject_weekly, #lesson_by, #home_work {
    z-index: 999 !important;
}

.open_emogies {
    top: 49px;
    left: 7px !important;
    font-size: 23px;
}

#banner-gallery .ytplayer-container {
    max-height: 800px !important;
}

#mute i {
    position: relative;
    bottom: 68px;
    left: 29px;
    z-index: 99999;
    color: white;
    font-size: 3em;
}
.fs-label-wrap .fs-label{
    line-height: 1.4 !important;
}
ol{
    padding-right: 30px;
}
.check_box_in_panel {
    float: left;
    margin-top: 16px;
    text-align: center;
    font-weight: normal !important;
    margin-left: 18px;
    font-size: 14pt;
}
.status_weekly_in_merchav {
    left: 350px;
    /* left: 124px; */
}
.status_weekly_in_merchav {
    font-size: 20px;
    position: absolute;
    top: -13px;

}
.copy_lesson, .paste_lesson {
    /*font-size: 0.5em !important;*/
    cursor: pointer;
    /* margin-top: -12px;*/
    text-decoration: none !important;
}


@media (min-width: 1401px) {
    .modal-weekly .modal_edit_dynamic {
        height: 720px !important;
    }
}
@media (max-width: 1400px) {
    .modal-weekly .modal_edit_dynamic{
        height: 500px !important;
    }
}.dynamic-copy{
     height: 300px !important;  ;
 }


.copy_all_year_lesson1 {
    margin-top: -14px;
}

.rtl {
    direction: rtl;
}

.rtl .dropdown-menu-right {
    text-align: right;
    min-width: 110px !important;
    margin-block-start: 0em !important;
    margin-inline-start: 85px !important;
    /* margin-right: 20px; */
    padding-right: 7px;
}

.dropdown-menu > li > a {
    text-align: right !important;
}

li.il_cl {
    text-align: right;
    font-size: 15px;
    padding: 3px;
    line-height: 1.4;
}

.il_cl .fa,  .il_cl a {
    font-size: 15px !important;
    padding-right: 3px;
    padding-left: 6px;
    margin: 0 !important;
}

.il_cl a {
    padding: 0 !important;
}

.il_cl:hover {
    color: #262626;
    background-color: #f5f5f5;
}

.ul_li_cl i {
    font-size: 16px;
}

.icon_m {
    float: left;

    padding: 2px;
    cursor: pointer;
    margin-left: 9px;
    margin-top: 3px;
}

.sort_div_cl i {
    font-size: 0.40em ;
}


.sort_div_cl {
    margin-top: -50px;
    padding-left: 2px;
}

.padding-right-left-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.icons_color_gray{
    color:#919191 !important;
}
.round-div:hover,.round-div:focus{
    background-color: #D5D5D5;
}
.dw_icon_bg{
    /* box-shadow: 5px 0 black; */
    height: 32px;
    background-color: #EDEDED;
    padding: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    /* box-shadow: 5px 0 black; */
    margin-bottom: 2px;
    /* border-radius: 13px; */
    /* opacity: 0.8; */
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.round-div{
    width: 25px;
    height: 25px;
    border-radius: 14px;

    float: left;
    margin-left: -4px;
    margin-top: -4px;
}
.dropdown.open .ul_li_cl .round-div {
    background-color: #D5D5D5;
}
.duplication_lesson {
    color: #1B58BC;
    font-size: 20px !important;
    padding-right: 3px;
    padding-left: 6px;
    margin: 0 !important;
}
.font-size-0-65 {
    font-size: 0.65em;
}
.bg-light {
    background-color: #f8f9fa !important;
}

.weekly_navbar_nav {
    float: right;
!important;
}

.weekly_nav .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
}

.weekly_navbar_nav > li {
    float: right;
    padding: 10px;
    padding-top: 15px;
    -webkit-box-shadow: inset 1px 0 0 rgba(100, 121, 143, 0.122);
    /* box-shadow: inset 1px 0 0 rgba(100,121,143,0.122); */
    padding-left: 20px;
    margin-right: 10px;
}

.weekly_nav.navbar {

    background-color: #F6F6F6;
}

.dropdown-toggle-menubar::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-toggle-menubar {
    font-size: 16px !important;
    cursor: pointer;
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.span_weekly_menu {
    padding-left: 3px;
}

.weekly_dd_menu {
    right: 0 !important;
    width: fit-content;
}

.gray_menu {
    color: gray !important;
}

#startDatecopy {
    width: 260px;
}

.slide_messege {
    webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    line-height: 1.42857143;
    color: #fff;
    font-size: 18px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
    box-sizing: border-box;
    position: relative;
    transition: transform .6s ease-in-out;
    backface-visibility: hidden;
    height: 100%;
    text-align: center;
}



.carousel-text-content {
    display: block;
}

.img-messege {
    border: 0;
    vertical-align: middle;
    display: block;
    height: auto;
    margin: 0 auto 30px auto;
    width: 110px;
}

.text-btn-read-more {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    line-height: 1.5;
    text-decoration: none;
    outline: none !important;
    transition: all 0.4s;
    border-radius: 0;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    padding: 10px 26px;
    font-size: 0.95em;
}

.ti-image img {
    border-radius: 100%;
    margin: 20px auto;
    height: 113px;
    width: 113px;
}

.ti-image {
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-20: #005a87;
    font-weight: 400;
    line-height: 1.1;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    border-radius: 100%;
    margin: 20px auto;
}

.title-message {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-weight: 500;
    display: block;
    font-size: 2.4em;
    line-height: 1;
    margin: 0.4em 0 0.5em 0;
}

.message_board_icon {
    font-size: 100px;
    /*vertical-align: middle;*/
    /*height: auto;*/
    /*margin: 0 auto 0 auto;*/
    /*width: 110px;*/
}

.carousel {
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
}

.section-wrapper.modified-height .carousel {
    height: 100%;
}

.section-wrapper.modified-height .carousel .carousel-inner {
    height: 100%;
}

.section-wrapper .carousel.with-title-indicators .carousel-inner {
    height: 100%;
}

.carousel .carousel-inner {
    /*width:86%;*/
    padding-left: 1.5%;
    padding-right: 1.5%;
}

.carousel .carousel-inner .item {
    height: 100%;
    text-align: center;
}

.carousel .carousel-inner .item .carousel-text-content {
    display: block;
    height: 100%;
}

.carousel .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10%;
    text-align: center;
    opacity: 0.3;
    filter: alpha(opacity=30);
    background: none; /* overriding bootstrap styles */
    background-repeat: no-repeat;
    background-position: 50% 60px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.carousel:hover .carousel-control {
    opacity: .3;
    filter: alpha(opacity=30);
}

.carousel .carousel-control:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel .carousel-control.left {
    background-image: url('https://tik-tak.net/wp-content/themes/tiktak-school/images/carousel_arrow_left.png');
    left: 0;
    background-position: 50%;
    z-index: 99999;
    margin-left: 50px;
    cursor: pointer;

}

.carousel .carousel-control.left:hover {
    background-position: 40% 60px;
}

.carousel .carousel-control.right {
    background-image: url('https://tik-tak.net/wp-content/themes/tiktak-school/images/carousel_arrow_right.png');
    right: 0;
    background-position: 50%;
    margin-right: 50px;
    z-index: 99999;
    cursor: pointer;

}

.carousel .carousel-control.right:hover {
    background-position: 60% 60px;
}

.carousel .carousel-indicators.title-indicators {
    position: absolute;
    bottom: -5%;
    left: 0;
    z-index: 15;
    width: 100%;
    margin: 0;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none;
    display: none; /* hidden on small displays */
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.carousel:hover .carousel-indicators.title-indicators {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel .carousel-indicators.title-indicators li {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 4px 10px;
    padding: 6px 10px;
    border: none; /* overriding default bootstrap styles */
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    text-indent: 0;
    cursor: pointer;
    background: none;
    border-radius: 0;
    font-family: 'open_sansbold', sans-serif;
    font-size: 0.8em;
    line-height: 1;
    font-weight: normal;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.carousel .carousel-indicators.title-indicators li:hover {
    border-color: rgba(255, 255, 255, 0.7);
}

.carousel .carousel-indicators.title-indicators li.active {
    width: auto;
    height: auto;
    margin: 4px 10px;
    background: none;
    opacity: 1;
    filter: alpha(opacity=100);
    border-color: rgba(255, 255, 255, 1);
}

/*.carousel .icon {
    margin: 0 auto 10px auto;
    display: block;
    width: 80px;
    height: auto;
}

.carousel .icon.glyphicon,
.carousel .icon.fa {
    margin: 0 auto 20px auto;
    font-size: 2.9em;
    !*  color:#fff;*!
    width: auto;
    height: auto;
}*/

.carousel *.title {
    font-size: 2em;
    font-family: 'open_sansbold', sans-serif;
    line-height: 1.1;
    /*  color:#fff;*/
    margin: 0.6em 0 0.7em 0;
    display: block;
}

@media (max-width: 773px) {
    .carousel {
        width: 100%;
    }

    .carousel .carousel-inner {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .carousel .carousel-control {
        background-position: 50%;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .carousel .carousel-control.left {
        display: none !important;

    }

    .carousel .carousel-control.right {
        display: none !important;
    }

    .carousel .carousel-indicators.title-indicators {
        /*display:block;*/
    }

    /*.carousel .icon {
        margin: 0px auto 10px auto;
        width: 90px;
    }

    .carousel .icon.glyphicon,
    .carousel .icon.fa {
        margin: 0px auto 20px auto;
        font-size: 3.4em;
    }*/

    .carousel *.title {
        font-size: 2em;
        line-height: 1.1;
        margin: 0.3em 0 0.4em 0;
    }

    .carousel .item p {
        line-height: 1.7;
        margin: 1.5em 0;
    }
}

@media (min-width: 768px) {

    .carousel .carousel-control {
        background-position: 50%;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .carousel .carousel-control.left:hover {
        background-position: 40% 50%;
    }

    .carousel .carousel-control.right:hover {
        background-position: 60% 50%;
    }

    .carousel .carousel-indicators.title-indicators {
        /*display:block;*/
    }

    /*.carousel .icon {
        margin: 0px auto 10px auto;
        width: 90px;
    }

    .carousel .icon.glyphicon,
    .carousel .icon.fa {
        margin: 0px auto 20px auto;
        font-size: 3.4em;
    }*/

    .carousel *.title {
        font-size: 2em;
        line-height: 1.1;
        margin: 0.3em 0 0.4em 0;
    }

    .carousel .item p {
        line-height: 1.7;
        margin: 1.5em 0;
    }
}

@media (min-width: 992px) {
    .section-wrapper .carousel.with-title-indicators {
        height: 100%;
    }

    /*.carousel .carousel-inner {
        width:60%;
        margin-left:20%;
        margin-right:20%;
    }*/
    .section-wrapper .carousel.with-title-indicators .carousel-inner {
        height: 95%;
    }

    .carousel .carousel-indicators.title-indicators {
        display: block;
    }

    /* .carousel .icon {
         margin: 0 auto 30px auto;
         width: 110px;
     }

     .carousel .icon.glyphicon,
     .carousel .icon.fa {
         margin: 0 auto 50px auto;
         font-size: 4.2em;
     }*/

    .carousel *.title {
        font-size: 2.4em;
        line-height: 1;
        margin: 0.4em 0 0.5em 0;
    }
}

@media (min-width: 1200px) {
}

.text-btn-read-more:hover {
    color: #000;
    text-shadow: none;
    background-color: #fff;
    border-color: #fff;
}

.btn-read-more {
    text-align: center;
    padding-bottom: 20px;
}

.dots_message {
    position: inherit !important;
    padding: 10px !important;
}

.masonry-item:first-child {
    margin-top: 0;
}

.masonry-item {
    position: relative;
    overflow: hidden;
    margin: 5px;
    box-shadow: 1px 1px 6px #aaaaaa;
}

.masonry-item:hover .masonry-item-overlay {
    position: absolute;
    opacity: 1;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    cursor: pointer;
    z-index: 2;
}

.masonry-item-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    max-height: 100%;
    width: 100%;
    opacity: 0;
    background: rgba(7, 61, 130, 0.8);
    border: 7px solid rgba(255, 255, 255, 0.65);
    padding: 3%;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}


.banner-gallery iframe{
    width: 100%;
}