.site-header-image {
display: block;
margin: auto; }
.alignleft {
float: left; }
.alignright {
float: right; }
.aligncenter {
clear: both;
display: block; }
.wp-block-cover-text p {
padding: 1.5em 16px; }
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0; } }
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 16px; }
ol.wp-block-latest-comments {
padding-left: 0; }
header h2 a {
color: rgba(0, 0, 0, 0.9);
text-decoration: none; }
header h2 a:hover {
text-decoration: underline; }
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal; }
.long-read {
font-size: clamp(1em, calc(0.625em + 1vw), 1.25em);
line-height: inherit; }
.more-link {
display: block;
margin-bottom: 1rem; }
.wp-block-code {
padding: 0.5em 1em;
margin: 0 0 1.5rem; }
.entry-content ul:not(.blocks-gallery-grid),
.entry-content ol {
margin: 0 auto 1.5em auto;
max-width: 720px;
list-style-position: outside; }
.entry-content li {
margin-left: 2.5em; }
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin: 0 auto; }
.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
margin-left: 0; }
.wp-block-quote {
margin-left: 16px;
margin-right: 16px;
padding: 0; }
.wp-block-quote > * {
margin-left: 1rem; }
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 36px auto;
padding: 0; }
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 13px;
font-size: 0.8125rem; }
@media screen and (min-width: 768px) {
.wp-block-quote {
margin: 48px auto; } }
.wp-block-pullquote > p:first-child {
margin-top: 0; }
.wp-block-pullquote.alignright {
margin-left: 2rem; }
.wp-block-pullquote.alignleft {
margin-right: 2rem; }
.wrap-md {
width: 100%;
max-width: 720px;
margin-right: auto;
margin-left: auto;
padding-right: .75rem;
padding-left: .75rem; }
.wrap-lg {
width: 100%;
max-width: 960px;
margin-right: auto;
margin-left: auto;
padding-right: .75rem;
padding-left: .75rem; }
.entry-content > .alignwide,
.wp-block-image.alignwide,
.wp-block-gallery.alignwide {
width: 100vw;
max-width: 1100px;
margin: 1.5em 0 1.5em 50%;
transform: translateX(-50%); }
.entry-content > .alignwide > img {
width: 1320px; }
.entry-content > .alignfull,
.wp-block-image.alignfull,
.wp-block-gallery.alignfull {
width: 100vw;
max-width: 100vw;
margin: 1.5em 0 1.5em 50%;
transform: translateX(-50%); }
.entry-content > .alignfull > img {
width: 100vw; }
.wp-block-columns {
padding-right: 1rem;
padding-left: 1rem; }
.wp-block-separator {
margin: 3em auto;
padding: 0; }
.wp-block-group > .wp-block-group__inner-container > * {
max-width: 720px;
margin-left: auto;
margin-right: auto; }
.wp-block-group > .wp-block-group__inner-container > .alignwide {
width: 100vw;
max-width: 1100px;
margin: 1.5em 0 1.5em 50%;
transform: translateX(-50%); }
.wp-block-group > .wp-block-group__inner-container > .alignfull {
width: 100vw;
max-width: 100vw;
margin: 1.5em 0 1.5em 50%;
transform: translateX(-50%); }
.wp-block-group.has-background > .wp-block-group__inner-container > :first-child {
margin-top: 0; }
.wp-block-group.has-background > .wp-block-group__inner-container > .alignfull {
width: calc( 100% + 60px);
max-width: calc( 100% + 60px);
position: relative;
left: -30px; }
img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto; }
.attachment-post-thumbnail {
margin-bottom: 1.5em; }
.wp-block-image img {
display: block; }
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%; }
.wp-block-image.alignfull img {
width: 100vw; }
.wp-block-image .alignleft img,
.wp-block-image .alignright img,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {
max-width: 100%;
width: 100%; }
.wp-block-image .alignfull,
.wp-block-gallery.alignfull {
width: 100vw; }
.wp-block-image .alignright,
.wp-block-image .alignleft,
.wp-block-gallery.alignright,
.wp-block-gallery.alignleft {
max-width: calc((720px / 2) - 16px); }
.wp-block-image .alignright,
.wp-block-gallery.alignright {
margin-left: 2rem; }
.wp-block-image .alignleft,
.wp-block-gallery.alignleft {
margin-right: 2rem; }
.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%; }
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.wp-block-video video {
max-width: 720px; }
.wp-block-table {
overflow-x: auto;
margin: 1.5rem0; }
.wp-block-table table {
border-collapse: collapse; }
.wp-block-table td, .wp-block-table th {
padding: .5em; }
#comments,
#reply-title {
margin-top: 1.5rem;
margin-bottom: 1rem; }
.comment-list,
.comment-list ul {
padding-left: 0; }
.comment-list li {
padding: 1rem; }
.comment-meta {
margin-bottom: 1rem; }
.comment-list,
.comment-list .children {
list-style-type: none; }
.comment {
border: 1px solid #dee2e6;
border-radius: .25rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
body {
display: flex;
min-height: 100vh;
flex-direction: column; }
main {
flex: 1 0 auto; }body {font-family: "Open Sans", sans-serif; font-weight:400; font-size:16px; line-height:160%;}
main a {color:#00bcd4; text-decoration:none;}
main a:not(.btn):hover {color:#00bcd4; text-decoration:underline;}
main h1, main h2, main h3, main h4, main h5 {font-weight:600;}
.btn-primary {background-color:#00bcd4;	border-color:#3aa7bd;}
.btn-primary:hover {background-color:#2a4f54; border-color:#2a4f54;}
.navbar-light .navbar-nav .nav-link {text-align:center;}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .current-menu-item .nav-link,
.navbar-light .navbar-nav .current-page-ancestor .nav-link {color:#00bcd4;}
.dropdown-menu {min-width:13rem;}
.entry-content ul:not(.blocks-gallery-grid), .entry-content ol {margin:0 0 25px 0;}
.logo-main {max-width:80px; margin-left:35px;}
.whatsapp-top {color:#000; text-decoration:none; font-size:10px; font-weight:600; display:none;}
.whatsapp-top:hover {color:#00bcd4;}
.whatsapp-top img {width:40px; margin:0 auto -5px; display:block;}
.whatsapp-bottom img {width:60px; position:fixed; bottom:10px; left:10px; z-index:2;}
.navbar-expand-md .navbar-nav .nav-link {font-size:17px; font-weight:600; padding:8px 19px; color:#000;}
.padding-tb-15 {padding:15px 0;}
.padding-tb-20 {padding:20px 0;}
.padding-tb-45 {padding:45px 0;}
.padding-t-45 {padding-top:45px;}
.hp-banner {background-color:#201eb5; min-height:530px; position:relative; overflow:hidden;}
.hp-banner h1, 
.hp-banner h2 {color:#fff; position:relative; z-index:2;}
.hp-banner h1 {font-size:65px;}
.hp-banner h2 {font-size:40px;}
.hp-banner:before {content:''; display:block; width:100%; height:100%; background-color:#000; position:absolute; background-color:rgba(0,0,0,.5); z-index:1; top:0; left:0;}
.hp-banner .hp-video {position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); min-width:100%; min-height:100%;}
.hp-lesson-types {background-color:#00bcd4; max-height:130px; border-top:3px solid #fff;}
.hp-lesson-types .img-border { display:inline-block; transition:all, .3s;}
.hp-lesson-types .img-border img {}
.hp-lesson-types h3 {color:#fff; margin:0; font-size:20px;}
.hp-lesson-types .inner {position:relative; top:-60px; z-index:1;}
.hp-lesson-types .inner .character-cnt {position:relative; top:-6px; transition:all, .3s; min-height:125px;}
.hp-lesson-types .inner .character {background-size:cover; margin:auto; position:relative; top:0;}
.hp-lesson-types .inner:hover .character {background-position:left bottom;}
.hp-lesson-types .inner:hover .character-cnt {top:-25px;}
.hp-lesson-types .inner .character-1 {width:93px; height:126px; background-image:url(//www.guitarschool.co.il/wp-content/themes/b5st-main/theme/images/hp-character-1.png);}
.hp-lesson-types .inner .character-2 {width:116px; height:125px; background-image:url(//www.guitarschool.co.il/wp-content/themes/b5st-main/theme/images/hp-character-2.png);}
.hp-lesson-types .inner .character-3 {width:110px; height:125px; background-image:url(//www.guitarschool.co.il/wp-content/themes/b5st-main/theme/images/hp-character-3.png);}
.hp-maslulim img {border-radius:6px; transform:scale(0.9); transition:all, .3s;}
.hp-maslulim img:hover {transform:scale(1);}
.hp-maslulim h3 a {font-size:22px;}
.hp-about .fill-bg {background-color:#00bcd4; border-radius:8px; padding:50px; max-width:1000px; margin:auto;}
.hp-about img {border-radius:8px;}
.hp-about * {color:#fff;}
.hp-about h4 {font-size:14px;}
.hp-about h3 {margin-bottom:20px;}
.hp-about p {font-weight:600;}
.hp-about .btn-primary {margin-bottom:20px; background-color:#2a4f54; border-color:#2a4f54;}
.hp-about blockquote {background:rgba(0,0,0,.10); border-radius:8px; padding:12px; font-style:italic;}
.hp-testimonials {background-color:#efefef;}
.hp-testimonials .owl-carousel .owl-item img {max-width:55px; float:right;}
.hp-testimonials .item {padding:35px 20px 20px 20px;}
.hp-testimonials .item>p {margin-bottom:8px;}
.hp-testimonials p {font-size:16px; line-height:170%;}
.hp-testimonials strong {color:#00bcd4;}
.hp-sadnaot .inner-cnt {transition:all, .3s; box-shadow:0 5px 20px rgba(0, 0, 0, .08);}
.hp-sadnaot .inner-cnt:hover {transform:translateY(-10px); box-shadow:0 20px 20px rgba(0, 0, 0, .12);}
.hp-sadnaot .inner-cnt h3 {font-size:18px; font-weight:700; margin:15px 0 10px 0;}
.hp-sadnaot .inner-cnt p {padding:0 20px 15px 20px;}
.hp-six-elements {background-color:#10293d;}
.hp-six-elements h2 {color:#fff; margin-bottom:25px;}
.hp-six-elements h3 {font-size:18px; margin-top:10px;}
.hp-six-elements .inner {background-color:#fff; transition:all, .3s; box-shadow:0 5px 20px rgba(0, 0, 0, .08); border-radius:8px; padding:20px 20px 10px;}
.hp-six-elements .inner:hover {transform:translateY(-10px); box-shadow:0 20px 20px rgba(0, 0, 0, .12);}
.hp-six-elements .row.mt {margin-top:30px;}
.hp-six-elements .inner p {font-size:14px; line-height:150%;}
.hp-six-elements .hp-map {margin-top:24px;}
.blog-posts h2 {margin-bottom:25px;}
.blog-posts .item {background-color:#fff; border:1px solid #d9d9d9; border-radius:8px; overflow:hidden; transition:all, .3s;}
.blog-posts .item:hover {background-color:#eee;}
.blog-posts .description {padding:20px;}
.blog-posts h3 {font-size:18px;}
.blog-posts p {font-size:14px; line-height:150%;}
.blog-posts .thumb-cnt {position:relative; overflow:hidden;}
.blog-posts .thumb-cnt img {transition:all, .4s; width:auto;}
.blog-posts .item:hover img {transform:scale(1.2);}
.blog-posts .date {display:block; position:absolute; top: 15px; right:0; background-color:#00bcd4; padding:2px 5px; color:#fff; font-size:14px; font-weight:600;} .hp-banner .row {position:relative; z-index:2; padding:40px 0;}
.hp-banner .hp-banner-lead {color:#fff; font-size:20px; font-weight:600; max-width:640px; margin:15px auto 25px;}
.hp-banner .hp-banner-ctas {display:flex; flex-wrap:wrap; gap:15px 25px; align-items:center; justify-content:center;}
.hp-banner .hp-banner-phone {color:#fff; font-size:20px; font-weight:700; text-decoration:none;}
.hp-banner .hp-banner-phone:hover {color:#fff; text-decoration:underline;}
.hp-proof {list-style:none; margin:30px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:12px; justify-content:center;}
.hp-proof li {background:rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.4); border-radius:8px; padding:8px 18px; color:#fff; display:flex; flex-direction:column; line-height:140%;}
.hp-proof li strong {font-size:20px;}
.hp-proof li span {font-size:14px;}
.hp-lesson-types {max-height:none;}
.hp-lesson-types .inner {margin-bottom:-60px;}
.hp-lesson-types .inner p {color:#fff; font-size:15px; font-weight:600; max-width:300px; margin:8px auto 0;}
.hp-geek {background-color:#10293d;}
.hp-geek h2 {color:#fff;}
.hp-geek h4 {color:#00bcd4; font-size:15px;}
.hp-geek p, .hp-geek span {color:#fff;}
.hp-geek .row.text-center p {margin-bottom:25px;}
.hp-geek .ig-cnt {display:flex; justify-content:center; margin-bottom:25px;}
.hp-geek .ig-cnt .instagram-media {background:#fff; border:0; border-radius:8px; box-shadow:0 5px 20px rgba(0, 0, 0, .25); margin:0 !important; max-width:400px; min-width:280px !important; width:100%; padding:20px; text-align:center;}
main .hp-geek .ig-cnt .instagram-media a {color:#00bcd4; font-weight:600;}
.hp-geek .ig-cnt iframe.instagram-media {padding:0; border-radius:8px !important;}
.hp-geek .ig-facade {display:block; position:relative; width:100%; max-width:340px; aspect-ratio:9 / 16; padding:0; border:0; border-radius:8px; overflow:hidden; background-color:#1e3a52; cursor:pointer; box-shadow:0 5px 20px rgba(0, 0, 0, .25); transition:all, .3s;}
.hp-geek .ig-facade:hover {transform:translateY(-10px); box-shadow:0 20px 20px rgba(0, 0, 0, .35);}
.hp-geek .ig-facade:focus-visible {outline:3px solid #00bcd4; outline-offset:3px;}
.hp-geek .ig-facade img {width:100%; height:100%; object-fit:cover; display:block;}
.hp-geek .ig-facade-empty {position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.25); font-size:90px;}
.hp-geek .ig-play {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:70px; height:70px; border-radius:50%; background-color:rgba(0, 188, 212, .9); color:#fff; display:flex; align-items:center; justify-content:center; padding-left:4px; transition:all, .3s;}
.hp-geek .ig-facade:hover .ig-play {transform:translate(-50%,-50%) scale(1.1);}
.gs-lightbox {padding:0; border:0; background:transparent; width:min(480px, 94vw); max-width:none; max-height:none; overflow:visible;}
.gs-lightbox::backdrop {background:rgba(16, 41, 61, .88);}
.gs-lightbox .gs-lightbox-inner {position:relative; padding-top:50px;}
.gs-lightbox .gs-lightbox-close {position:absolute; top:0; left:0; width:44px; height:44px; border:0; border-radius:50%; background:rgba(255,255,255,.15); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background-color .3s;}
.gs-lightbox .gs-lightbox-close:hover {background:#00bcd4;}
.gs-lightbox .instagram-media {background:#fff; border-radius:8px; margin:0 !important; min-width:0 !important; width:100% !important; max-height:78vh; overflow:auto;}
.gs-lightbox .gs-lightbox-ig {display:flex; align-items:center; justify-content:center; gap:8px; margin-top:15px; color:#fff; font-weight:600; text-decoration:none;}
.gs-lightbox .gs-lightbox-ig:hover {color:#00bcd4; text-decoration:underline;}
.gs-lightbox .gs-lightbox-ig i {font-size:22px;}
.hp-geek .ig-title {position:absolute; bottom:0; left:0; right:0; background:rgba(16, 41, 61, .85); color:#fff; font-weight:600; font-size:15px; padding:10px 14px; text-align:right;}
.hp-geek .hp-geek-ctas {display:flex; flex-wrap:wrap; gap:15px 25px; align-items:center; justify-content:center; font-size:18px; font-weight:600;}
main .hp-geek .hp-geek-more {color:#fff; text-decoration:underline;}
.hp-geek .hp-geek-links {list-style:none; margin:0 0 30px; padding:0; display:flex; flex-wrap:wrap; gap:12px; justify-content:center;}
main .hp-geek .hp-geek-links a {display:inline-flex; align-items:center; gap:8px; background-color:#1e3a52; color:#fff; border-radius:8px; padding:10px 18px; font-weight:600; transition:background-color .3s;}
main .hp-geek .hp-geek-links a:hover {background-color:#00bcd4; color:#fff; text-decoration:none;}
.hp-geek .hp-geek-links i {font-size:22px;} .hp-testimonials .reviews-head {margin-bottom:30px;}
.hp-testimonials .reviews-badge-img {width:110px; margin-bottom:5px;}
.hp-testimonials .reviews-head h2 {margin-bottom:15px;}
main .hp-testimonials .reviews-summary {display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 14px; background-color:#fff; border:1px solid #d9d9d9; border-radius:50px; padding:10px 22px; color:#10293d; box-shadow:0 5px 20px rgba(0, 0, 0, .06); transition:all, .3s;}
main .hp-testimonials .reviews-summary:hover {text-decoration:none; border-color:#00bcd4; box-shadow:0 10px 25px rgba(0, 0, 0, .1);}
.hp-testimonials .reviews-summary-text {font-weight:600;}
.hp-testimonials .reviews-summary-link {color:#00bcd4; font-weight:700; border-right:1px solid #d9d9d9; padding-right:14px;}
.hp-testimonials .stars {display:inline-flex; gap:2px; color:#f5b301; vertical-align:middle;}
.hp-testimonials .owl-stage {display:flex;}
.hp-testimonials .owl-item {display:flex;}
.hp-testimonials .review-card {display:flex; flex-direction:column; width:100%; background-color:#fff; border-radius:8px; padding:24px; margin:10px 0 20px; box-shadow:0 5px 20px rgba(0, 0, 0, .08);}
.hp-testimonials .review-card .stars {margin-bottom:12px;}
.hp-testimonials .review-text {font-size:16px; line-height:170%; margin-bottom:10px; flex-grow:1;}
.hp-testimonials .review-card.is-long .review-text {display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; flex-grow:0;}
.hp-testimonials .review-card.is-long.is-open .review-text {display:block; -webkit-line-clamp:unset; overflow:visible;}
.hp-testimonials .review-more {align-self:flex-start; background:none; border:0; padding:4px 0; color:#00bcd4; font-weight:700; cursor:pointer; margin-bottom:auto;}
.hp-testimonials .review-more:hover {text-decoration:underline;}
.hp-testimonials .review-author {display:flex; align-items:center; gap:12px; border-top:1px solid #eee; padding-top:15px; margin-top:15px;}
.hp-testimonials .review-avatar {flex:0 0 44px; width:44px; height:44px; border-radius:50%; background-color:#00bcd4; color:#fff; font-weight:700; font-size:19px; display:flex; align-items:center; justify-content:center;}
.hp-testimonials .review-who {display:flex; flex-direction:column; line-height:140%;}
.hp-testimonials .review-who strong {color:#10293d;}
.hp-testimonials .review-who span {font-size:13px; color:#6b7280;}
.hp-testimonials .owl-dots {text-align:center; margin-top:5px;}
.hp-testimonials .owl-dots .owl-dot {background:none; border:0; padding:6px;}
.hp-testimonials .owl-dots .owl-dot span {display:block; width:10px; height:10px; border-radius:50%; background-color:#c5d0d8; transition:all, .3s;}
.hp-testimonials .owl-dots .owl-dot.active span {background-color:#00bcd4; width:26px; border-radius:5px;}
.hp-testimonials .reviews-cta {display:flex; flex-wrap:wrap; gap:15px 25px; align-items:center; justify-content:center; margin-top:25px; font-size:18px; font-weight:600;}
.hp-studio h2 {margin-bottom:15px;}
.hp-studio .studio-details {display:grid; grid-template-columns:auto 1fr; gap:8px 20px; margin:20px 0 25px;}
.hp-studio .studio-details dt {font-weight:700; color:#00bcd4;}
.hp-studio .studio-details dd {margin:0;}
.hp-studio .map-cnt {border-radius:8px; overflow:hidden; box-shadow:0 5px 20px rgba(0, 0, 0, .08); aspect-ratio:4 / 3;}
.hp-studio .map-cnt iframe {width:100%; height:100%; border:0; display:block;}
.hp-steps {background-color:#00bcd4;}
.hp-steps h2 {color:#fff; margin-bottom:25px;}
.hp-steps .inner {background-color:#fff; border-radius:8px; padding:25px 20px 10px; height:calc(100% - 25px); margin-bottom:25px; box-shadow:0 5px 20px rgba(0, 0, 0, .08); transition:all, .3s;}
.hp-steps .inner:hover {transform:translateY(-10px); box-shadow:0 20px 20px rgba(0, 0, 0, .12);}
.hp-steps .step-num {display:block; font-size:42px; font-weight:800; line-height:1; color:#00bcd4; margin-bottom:10px;}
.hp-steps h3 {font-size:19px; font-weight:700;}
.hp-steps p {font-size:15px; line-height:160%;}
.hp-faq {background-color:#efefef;}
.hp-faq h2 {margin-bottom:25px;}
.hp-faq .accordion-item {border-radius:8px; overflow:hidden; margin-bottom:10px; border:1px solid #d9d9d9;}
.hp-faq .accordion-header {margin:0;}
.hp-faq .accordion-button {font-weight:700; font-size:17px; text-align:right;}
.hp-faq .accordion-button::after {margin-right:auto; margin-left:0;}
.hp-faq .accordion-button:not(.collapsed) {background-color:#e6f8fb; color:#10293d; box-shadow:none;}
.hp-faq .accordion-button:focus {box-shadow:0 0 0 .2rem rgba(0, 188, 212, .35);}
.hp-final-cta {background-color:#10293d; padding:60px 0;}
.hp-final-cta h2 {color:#fff; font-size:40px;}
.hp-final-cta p {color:#fff; font-size:19px; margin-bottom:25px;}
main .hp-final-cta .hp-final-phone {display:block; margin-top:15px; color:#fff; font-weight:600;} .page-inner-content a {font-weight:600;}
.page-inner-content img {border-radius:8px;}
.page-inner-content ul {list-style:none; margin:0 0 15px 0; padding:0;}
.page-inner-content ul li {padding-right:21px; background:url(//www.guitarschool.co.il/wp-content/themes/b5st-main/theme/images/guitar-li.png) no-repeat top 3px right 0; margin-bottom:3px;}
.page-inner-banner {min-height:230px; background:url(//www.guitarschool.co.il/wp-content/themes/b5st-main/theme/images/hp-banner.jpg) no-repeat bottom center; background-attachment:fixed; position:relative;}
.page-inner-banner h1 {color:#fff; font-size:55px; position:relative; z-index:2;}
.page-inner-banner:before {content:''; display:block; width:100%; height:100%; background-color:#000; position:absolute; background-color:rgba(0,0,0,.5); z-index:1; top:0; left:0;}
.page-maslul ul {margin-bottom:0;}
.page-maslul .content-main ul li {display:inline-block; margin-left:10px;}
.maslul-box {background-color:#f3f3f3; padding:20px; border-radius:5px; box-shadow:2px 2px 5px #cdcdcd; transition: 0.4s; margin-top:25px;}
.maslul-box:hover {box-shadow:2px 2px 5px #666;}
.maslul-side {background-color:#00bcd4; padding:35px 20px 5px 20px;}
.maslul-side h4 {color:#fff;}
.maslul-contact-cnt .wpforms-form input.wpforms-field-medium {max-width:100%;}
.maslul-contact-cnt div.wpforms-container-full .wpforms-field-label {margin-bottom:8px;}
.maslul-contact-cnt .wpforms-container .wpforms-field {padding-top:0;}
.maslul-contact-cnt div.wpforms-container-full .wpforms-form label.wpforms-error,
.maslul-contact-cnt div.wpforms-container-full .wpforms-form em.wpforms-error {color:#fff;}
.maslul-contact-cnt div.wpforms-container-full .wpforms-form em.wpforms-error:before {background-color:#fff;}
body.rtl div.wpforms-container-full .wpforms-form em.wpforms-error {margin-top:5px;}
.maslul-side-widget {margin-top:25px; padding:20px;}
.maslul-side-widget ul li {padding-right:0; background:none;}
.maslul-side-widget ul li a,
.maslul-side-widget ul li a:hover {color:#fff;} .scales-cnt {overflow:hidden; margin-bottom:25px;}
.scales-cnt .single {width:170px; height:170px; float:right; border-radius:50%; overflow:hidden; position:relative; margin:0 0 15px 15px;}
.scales-cnt .single a {display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-align:center; line-height:160px; color:#fff; text-decoration:none; text-shadow:2px 2px 2px #000; background-color:rgba(255,255,255,.4); font-size:20px; transition:all, .3s;}
.scales-cnt .single a:hover {text-decoration:none; color:#fff; background-color:rgba(255,255,255,0);} .page-blog-posts .item {margin-bottom:25px;}
.blog-side-widget {margin-bottom:25px; padding:20px; border-radius:3px; box-shadow:0 0 12px #c1c1c1;}
.blog-side-widget li a {font-size:14px;} .contact-form-cnt {background-color:#00bcd4; padding:35px; border-radius:3px;}
.contact-form-cnt .wpforms-container .wpforms-field {background-color:rgba(255, 255, 255, .2); margin-bottom:8px; padding:10px; border-radius:5px;}
.contact-form-cnt h2,
.contact-form-cnt p {color:#fff;}
.page-inner-content.page-contact li {background:none; position:relative; min-height:62px; padding-right:76px; margin-bottom:22px;}
.page-inner-content.page-contact li i {display:block; width:55px; height:55px; background-color:#00bcd4; border-radius:3px; color:#fff; text-align:center; line-height:50px; font-size:28px; position:absolute; top:6px; right:0; transition:all, .3s;}
.page-inner-content.page-contact li:hover i {background-color:#eee; color:#00bcd4;}
.page-inner-content.page-contact li h4 {margin-bottom:5px;} footer {background-color:#100f1f; padding:35px 0 25px 0;}
footer p, footer a, footer li, footer h4 {color:#fff;}
footer p {margin:0;}
footer a {text-decoration:none;}
footer a:hover {color:#fff; text-decoration:underline;}
footer ul {list-style:none; margin:0 5px 0 0; padding:0;}
footer ul li {position:relative; padding-right:16px;}
footer ul li:before {content:''; height:7px; width:7px; position:absolute; right:0; top:9px; background-color:#00bcd4;}
footer hr {background-color:#f1f1f1;}
footer ul.social-links {margin:0;}
footer ul.social-links li {display:inline-block; margin:0 0 0 10px; padding:0;}
footer ul.social-links li:before {content:none;}
footer ul.social-links li a {background-color:#1e1d2f; display:block; width:35px; height:35px; border-radius:3px; text-align:center;}
footer ul.social-links li a:hover {background-color:#00bcd4; transition: background-color 300ms linear;}
footer ul.social-links li a i:before {font-size:22px; line-height:35px;}
footer ul.no-bullets {margin-right:0;}
footer ul.no-bullets li {padding-right:0;}
footer ul.no-bullets li:before {content:none;}
footer ul.no-bullets li i {position:relative; bottom:-1px; margin-left:8px;} .hero-section {background:url(//www.guitarschool.co.il/wp-content/themes/b5st-main/theme/images/hero-bg.jpg); position:relative; padding:60px 0; animation:animatedBackground 100s linear infinite;}
.hero-section:before {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(39,168,180,.9); z-index:0;}
@keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } }
.landing-page .main-content {position:relative; z-index:1;}
.landing-page .main-content * {color:#fff;}
.landing-page .main-content a {text-decoration:underline;}
.landing-page .main-content a:hover {text-decoration:none; color:#fff;}
.landing-page .form-cnt {position:relative; z-index:1; background-color:#fff; padding:25px; border-radius:5px; box-shadow:1px 11px 68px -20px rgba(0, 0, 0, 0.75);} @media (max-width: 771px) {
.hp-lesson-types {max-height:none;}
.hp-lesson-types .inner {top:0; margin:15px 0 20px 0;}
.hp-banner h1 {font-size:34px;}
.hp-banner h2 {font-size:26px;}
.hp-banner .hp-banner-lead {font-size:17px;}
.hp-final-cta h2 {font-size:30px;}
main .hp-testimonials .reviews-summary {flex-direction:column; border-radius:16px; gap:6px;}
.hp-testimonials .reviews-summary-link {border-right:0; padding-right:0;}
.hp-about .text-cnt {margin-top:15px;}
} @media (min-width: 576px) {
} @media (max-width: 767px) {
.page-maslul .content-main ul {margin-bottom:25px;}
.page-maslul .content-main ul li {display:block; margin-left:0;}
} @media (max-width: 991px) {
.hp-six-elements .inner {margin-bottom:25px;}
.hp-six-elements .row.mt {margin-top:0;}
} @media (min-width: 1200px) {
.whatsapp-top {display:inline;}
.whatsapp-bottom {display:none;}
} @media (min-width: 1400px) {
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.guitarschool.co.il/wp-content/themes/b5st-main/theme/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}